我想从 angular 10 的左侧组件中拖动各种流程图形状，即矩形、正方形、圆形等基本形状以及流形状、连接器和 BPMN 形状，并将其拖放到右侧角画布组件并连接放置的节点/shapes 在右侧组件中使用连接器（如带箭头的直线）来绘制有意义的流程图。此外，如果我想拖动右侧组件中的形状或节点，连接器也应该能够随着连接移动节点/形状。即使我想对节点/形状进行编辑或执行任何操作。我只需要使用 html 和打字稿在 angular 10 中执行此操作，但仅使用开源外部 angular 10 库。请让我知道我该怎么做做吗？请与 html 和 typescript 代码分享相同的示例或演示？