Я пытаюсь реализовать «визуальное отображение» в Angular 2+. До сих пор я пробовал две популярные библиотеки: dragula и материал drag-and-drop, но ни одна из них не поддерживает мою предполагаемую функциональность. Я хотел бы создать и показать отображение между узлами в исходном дереве и узлами в целевом дереве. Моя цель - создать нечто похожее на это отображение:
.
Отображение, представленное линией, создается путем перетаскивания узла из левого дерева и размещения его в правом дереве, либо поверх существующего узла (связывая два), либо между двумя существующими узлами в «пустом» пространстве. (создание нового связанного узла в правом дереве в этом месте).
Мне показалось, что этот вид визуального отображения выходит за рамки того, что поддерживает любая из этих библиотек. Как лучше всего реализовать эту функциональность в Angular 2+? Есть ли библиотека, которую я мог бы использовать, или мне нужно реализовать ее самостоятельно с помощью svg?