feat(svelte): make edges selectable

2023-05-17 13:04:28 +02:00
parent bb847b7a77
commit dd8292ce57
10 changed files with 42 additions and 11 deletions
@@ -251,6 +251,21 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
    );
  }

+  function addSelectedEdges(ids: string[]) {
+    if (get(store.multiselectionKeyPressed)) {
+      // @todo handle multiselection key
+    }
+
+    store.edges.update((edges) =>
+      edges.map((edge) => {
+        return {
+          ...edge,
+          selected: ids.includes(edge.id)
+        };
+      })
+    );
+  }
+
  function panBy(delta: XYPosition) {
    const { zoom: d3Zoom, selection: d3Selection } = get(store.d3);
    const transform = get(store.transform);
@@ -335,6 +350,7 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
    setMaxZoom,
    resetSelectedElements,
    addSelectedNodes,
+    addSelectedEdges,
    panBy,
    updateConnection,
    cancelConnection,