@statelyai/flow-dom 3.4.5 → 3.4.7

package/dist/esm/index.js

@@ -414,13 +414,22 @@ function createEntityGeometryObserver(store, options = {}) {
 			});
 		},
 		observeEdge(element, target) {
+			const inferredSegments = /* @__PURE__ */ new WeakMap();
 			return observe(target.id, () => {
 				const pathData = target.getPathData();
 				if (!pathData) return;
-				element.querySelectorAll("[data-flow-edge-segment]").forEach((path) => {
-					const index = Number(path.dataset.flowEdgeSegment);
-					const segment = pathData.segments[index];
-					if (segment) path.setAttribute("d", pathToSVG(segment));
+				const svgSegments = pathData.segments.map(pathToSVG);
+				element.querySelectorAll("path").forEach((path) => {
+					const explicitIndex = path.dataset.flowEdgeSegment;
+					let index = explicitIndex === void 0 ? inferredSegments.get(path) : Number(explicitIndex);
+					if (index === void 0) {
+						const matchedIndex = svgSegments.indexOf(path.getAttribute("d") ?? "");
+						if (matchedIndex < 0) return;
+						index = matchedIndex;
+						inferredSegments.set(path, index);
+					}
+					const segment = svgSegments[index];
+					if (segment !== void 0) path.setAttribute("d", segment);
 				});
 				const first = pathData.segments[0]?.points[0];
 				const last = pathData.segments.at(-1)?.points.at(-1);
@@ -590,11 +599,24 @@ function attachContainer(store, element, options = {}) {
 			preserveCenter: options.preserveViewportCenter
 		});
 	};
+	const onScroll = (event) => {
+		if (event.target !== element) return;
+		const { scrollLeft, scrollTop } = element;
+		if (!scrollLeft && !scrollTop) return;
+		element.scrollLeft = 0;
+		element.scrollTop = 0;
+		store.trigger.panBy({
+			x: -scrollLeft,
+			y: -scrollTop
+		});
+	};
+	element.addEventListener("scroll", onScroll);
 	update();
 	const observer = new ((element.ownerDocument.defaultView?.ResizeObserver) ?? ResizeObserver)(update);
 	observer.observe(element);
 	return () => {
 		if (containers.get(store) === element) containers.delete(store);
+		element.removeEventListener("scroll", onScroll);
 		observer.disconnect();
 	};
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@statelyai/flow-dom",
-  "version": "3.4.5",
+  "version": "3.4.7",
   "description": "DOM-specific helpers for @statelyai/flow with core re-exports.",
   "type": "module",
   "sideEffects": false,
@@ -27,7 +27,7 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@statelyai/flow": "0.10.0"
+    "@statelyai/flow": "0.11.0"
   },
   "devDependencies": {
     "@vitest/coverage-v8": "^4.1.0",