как сделать перетаскивание древовидной структуры вложенного массива

Question

Я создаю угловое приложение.Как мне создать перетаскиваемую пирамиду изображений.(см. изображение)

https://i.imgur.com/Gcc5d5C.jpg

Я использую угловой 7 с дизайном материала.

Я уже пробовал использовать: * angular2-tree * Сочетание дерева иперетаскивайте мышью в дизайне материала, но не можете получить желаемый пирамид (конец-конец) и рабочий конец.

Я использую следующую структуру для создания дерева

const TREE_DATA: Node[] = [
  {
    id: 1,
    name: '1',
    prevId: 0,
    children: [
      {id: 2, name: '2', prevId: 1},
      {id: 3, name: '3', prevId: 1},
      {id: 4, name: '4', prevId: 1},
      {id: 5, name: '5', prevId: 1,
        children: [
          {id: 6, name: '6', prevId: 5,
            children: [
              {id: 7, name: '7', prevId: 6},
              {id: 8, name: '8', prevId: 6},
            ]
          },
          {id: 9, name: '9', prevId: 5,
            children: [
              {id: 10, name: '10', prevId: 9},
              {id: 11, name: '11', prevId: 9},
            ]
          },
        ]
      },
    ],
  },
];

Мне нужна структура типа пирамиды с функцией перетаскивания.Это позволяет переставлять изображения в дереве / пирамиде.