stickyflow 0.9.1 → 0.9.3

package/dist/{chunk-RUSNRDLI.cjs → chunk-3EOG34QN.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunk5EY7EK5V_cjs = require('./chunk-5EY7EK5V.cjs');
-var chunkOUWGWDJ2_cjs = require('./chunk-OUWGWDJ2.cjs');
-var chunkQL7MNEMT_cjs = require('./chunk-QL7MNEMT.cjs');
+var chunkEURX7QT3_cjs = require('./chunk-EURX7QT3.cjs');
+var chunkMR32IJQO_cjs = require('./chunk-MR32IJQO.cjs');
+var chunkC25NWWIH_cjs = require('./chunk-C25NWWIH.cjs');
 
 // src/runtime/viewer/components/rollingNumberDom.ts
 var HTML_NAMESPACE = "http://www.w3.org/1999/xhtml";
@@ -162,12 +162,12 @@ function componentDigits(surface) {
 function componentStyle(surface) {
   const encoded = surface.getAttribute("data-sf-widget-style");
   if (!encoded) {
-    return chunkQL7MNEMT_cjs.DEFAULT_ROLLING_NUMBER_STYLE;
+    return chunkC25NWWIH_cjs.DEFAULT_ROLLING_NUMBER_STYLE;
   }
   try {
-    return { ...chunkQL7MNEMT_cjs.DEFAULT_ROLLING_NUMBER_STYLE, ...JSON.parse(encoded) };
+    return { ...chunkC25NWWIH_cjs.DEFAULT_ROLLING_NUMBER_STYLE, ...JSON.parse(encoded) };
   } catch {
-    return chunkQL7MNEMT_cjs.DEFAULT_ROLLING_NUMBER_STYLE;
+    return chunkC25NWWIH_cjs.DEFAULT_ROLLING_NUMBER_STYLE;
   }
 }
 function positiveInteger(value) {
@@ -191,7 +191,7 @@ function setRollingNumber(surface, value, animate) {
     return false;
   }
   const previousValue = surface.getAttribute("data-sf-widget-value") ?? "";
-  const nextValue = chunkQL7MNEMT_cjs.formatRollingNumber(value, positiveInteger(surface.getAttribute("data-sf-widget-digits")));
+  const nextValue = chunkC25NWWIH_cjs.formatRollingNumber(value, positiveInteger(surface.getAttribute("data-sf-widget-digits")));
   if (previousValue === nextValue) {
     return true;
   }
@@ -507,12 +507,16 @@ function patchSceneElement(current, next) {
 function ownerIdOf(element) {
   return element.getAttribute("data-sf-id") ?? element.id;
 }
+function keyedElements(svg) {
+  const seen = /* @__PURE__ */ new Map();
+  return Array.from(svg.querySelectorAll(":scope > [id]"), (element) => {
+    const count = seen.get(element.id) ?? 0;
+    seen.set(element.id, count + 1);
+    return [`${element.id}#${count}`, element];
+  });
+}
 function currentElementsById(svg) {
-  const elements = /* @__PURE__ */ new Map();
-  for (const element of svg.querySelectorAll(":scope > [id]")) {
-    elements.set(element.id, element);
-  }
-  return elements;
+  return new Map(keyedElements(svg));
 }
 function reusableElement(current, next, markTouched) {
   if (current && current.tagName === next.tagName) {
@@ -545,15 +549,15 @@ function patchSceneNodes(svg, next) {
     touchedOwnerIds.add(ownerId);
   };
   let previousSibling = definitions;
-  for (const nextElement of next.querySelectorAll(":scope > [id]")) {
-    retainedIds.add(nextElement.id);
+  for (const [key, nextElement] of keyedElements(next)) {
+    retainedIds.add(key);
     newOwnerIds.add(ownerIdOf(nextElement));
-    const liveElement = reusableElement(currentById.get(nextElement.id), nextElement, markTouched);
+    const liveElement = reusableElement(currentById.get(key), nextElement, markTouched);
     placeAfter(svg, liveElement, previousSibling);
     previousSibling = liveElement;
   }
-  for (const [id, element] of currentById) {
-    if (!retainedIds.has(id)) {
+  for (const [key, element] of currentById) {
+    if (!retainedIds.has(key)) {
       touchedOwnerIds.add(ownerIdOf(element));
       element.remove();
     }
@@ -667,7 +671,7 @@ function mountDisplay(container, svgString) {
 }
 
 // src/runtime/viewer/events.ts
-var Emitter2 = class extends chunkOUWGWDJ2_cjs.Emitter {
+var Emitter2 = class extends chunkMR32IJQO_cjs.Emitter {
 };
 
 // src/runtime/viewer/export/raster.ts
@@ -757,11 +761,11 @@ function svgElement(document, name, attributes) {
 function readComponentStyle(surface) {
   try {
     return {
-      ...chunkQL7MNEMT_cjs.DEFAULT_ROLLING_NUMBER_STYLE,
+      ...chunkC25NWWIH_cjs.DEFAULT_ROLLING_NUMBER_STYLE,
       ...JSON.parse(surface.getAttribute("data-sf-widget-style") ?? "{}")
     };
   } catch {
-    return chunkQL7MNEMT_cjs.DEFAULT_ROLLING_NUMBER_STYLE;
+    return chunkC25NWWIH_cjs.DEFAULT_ROLLING_NUMBER_STYLE;
   }
 }
 function cellsOf(box, plain, fontSize = 0) {
@@ -901,7 +905,7 @@ function serializeSvgSnapshot(svg, captures) {
 // src/runtime/viewer/interaction/changeFlash.ts
 function createChangeFlash(svg) {
   const timers = /* @__PURE__ */ new Map();
-  const flash = (ownerIds, color2 = chunkOUWGWDJ2_cjs.CHANGE_COLOR) => {
+  const flash = (ownerIds, color2 = chunkMR32IJQO_cjs.CHANGE_COLOR) => {
     const ids = [...new Set(ownerIds)];
     if (ids.length === 0) {
       return;
@@ -909,7 +913,7 @@ function createChangeFlash(svg) {
     const doc = svg.ownerDocument;
     const reducedMotion = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false;
     for (const id of ids) {
-      const primary = chunkOUWGWDJ2_cjs.findOwnerNode(svg, id, chunkOUWGWDJ2_cjs.isPrimary);
+      const primary = chunkMR32IJQO_cjs.findOwnerNode(svg, id, chunkMR32IJQO_cjs.isPrimary);
       if (!primary) {
         continue;
       }
@@ -920,10 +924,10 @@ function createChangeFlash(svg) {
       for (const stale of svg.querySelectorAll(`[data-sf-change-overlay="${CSS.escape(id)}"]`)) {
         stale.remove();
       }
-      const overlay = primary.getAttribute("data-sf-role") === "link" ? chunkOUWGWDJ2_cjs.linkChangeOverlay(doc, primary, id, color2) : chunkOUWGWDJ2_cjs.shapeChangeOverlay(doc, primary, id, color2);
+      const overlay = primary.getAttribute("data-sf-role") === "link" ? chunkMR32IJQO_cjs.linkChangeOverlay(doc, primary, id, color2) : chunkMR32IJQO_cjs.shapeChangeOverlay(doc, primary, id, color2);
       svg.appendChild(overlay);
-      chunkOUWGWDJ2_cjs.startChangeFade(overlay, reducedMotion);
-      const duration = reducedMotion ? chunkOUWGWDJ2_cjs.REDUCED_MOTION_DURATION_MS : chunkOUWGWDJ2_cjs.FLASH_DURATION_MS;
+      chunkMR32IJQO_cjs.startChangeFade(overlay, reducedMotion);
+      const duration = reducedMotion ? chunkMR32IJQO_cjs.REDUCED_MOTION_DURATION_MS : chunkMR32IJQO_cjs.FLASH_DURATION_MS;
       timers.set(
         id,
         setTimeout(() => {
@@ -1010,7 +1014,7 @@ var OwnerPointerController = class {
     this.#selection = selection;
   }
   hover(event) {
-    const owner = chunkOUWGWDJ2_cjs.resolveOwner(event.target);
+    const owner = chunkMR32IJQO_cjs.resolveOwner(event.target);
     this.#emitter.emit(
       "ownerHover",
       owner ? { diagramId: this.#diagramId, owner, modifiers: modifiersOf(event) } : { diagramId: this.#diagramId, owner: null }
@@ -1018,7 +1022,7 @@ var OwnerPointerController = class {
   }
   select(event) {
     const target = event.target;
-    const owner = chunkOUWGWDJ2_cjs.resolveOwner(target);
+    const owner = chunkMR32IJQO_cjs.resolveOwner(target);
     if (!owner) {
       this.#clearWhenOutsideOverlay(target);
       return;
@@ -1039,7 +1043,7 @@ var OwnerPointerController = class {
       owner,
       modifiers
     });
-    const node = chunkOUWGWDJ2_cjs.findOwnerNode(this.#svg, owner.id, chunkOUWGWDJ2_cjs.isPrimary);
+    const node = chunkMR32IJQO_cjs.findOwnerNode(this.#svg, owner.id, chunkMR32IJQO_cjs.isPrimary);
     if (node && !node.hasAttribute("tabindex")) {
       node.setAttribute("tabindex", "-1");
     }
@@ -1067,12 +1071,12 @@ var PointerInteractionSession = class {
   }
   #onPointerDown = (event) => {
     const target = event.target;
-    const overContent = Boolean(chunkOUWGWDJ2_cjs.resolveOwner(target)) || isSelectionOverlayControl(target);
+    const overContent = Boolean(chunkMR32IJQO_cjs.resolveOwner(target)) || isSelectionOverlayControl(target);
     this.#down = {
       x: event.clientX,
       y: event.clientY,
       moved: false,
-      panable: chunkOUWGWDJ2_cjs.isCameraGesture(event) || !overContent
+      panable: chunkMR32IJQO_cjs.isCameraGesture(event) || !overContent
     };
   };
   #onPointerMove = (event) => {
@@ -1100,7 +1104,7 @@ var PointerInteractionSession = class {
     if (!this.#down.moved) {
       return false;
     }
-    if (this.#down.panable && chunkOUWGWDJ2_cjs.isCameraGesture(event)) {
+    if (this.#down.panable && chunkMR32IJQO_cjs.isCameraGesture(event)) {
       this.#display.panBy(event.movementX, event.movementY);
     }
     return true;
@@ -1124,15 +1128,15 @@ function paintSelectionOverlays(svg, selectedIds, owners) {
   }
   const document = svg.ownerDocument;
   for (const id of selectedIds) {
-    const primary = chunkOUWGWDJ2_cjs.findOwnerNode(svg, id, chunkOUWGWDJ2_cjs.isPrimary);
+    const primary = chunkMR32IJQO_cjs.findOwnerNode(svg, id, chunkMR32IJQO_cjs.isPrimary);
     if (!primary) {
       continue;
     }
     const owner = owners.get(id);
-    const overlay = owner?.role === "link" ? chunkOUWGWDJ2_cjs.linkSelectionOverlay(document, primary, id, svg) : owner?.role === "path" ? chunkOUWGWDJ2_cjs.pathSelectionOverlay(document, primary, id, svg) : owner?.role === "isometric" ? chunkOUWGWDJ2_cjs.isometricSelectionOverlay(document, primary, id, svg) : chunkOUWGWDJ2_cjs.shapeSelectionOverlay(document, primary, id, svg, owner ? chunkOUWGWDJ2_cjs.DERIVED_HEIGHT_ROLES.has(owner.role) : false);
+    const overlay = owner?.role === "link" ? chunkMR32IJQO_cjs.linkSelectionOverlay(document, primary, id, svg) : owner?.role === "path" ? chunkMR32IJQO_cjs.pathSelectionOverlay(document, primary, id, svg) : owner?.role === "isometric" ? chunkMR32IJQO_cjs.isometricSelectionOverlay(document, primary, id, svg) : chunkMR32IJQO_cjs.shapeSelectionOverlay(document, primary, id, svg, owner ? chunkMR32IJQO_cjs.DERIVED_HEIGHT_ROLES.has(owner.role) : false);
     svg.appendChild(overlay);
     if (owner?.role === "shape" && selectedIds.size === 1) {
-      svg.appendChild(chunkOUWGWDJ2_cjs.quickDuplicateBubbles(document, primary, id, svg));
+      svg.appendChild(chunkMR32IJQO_cjs.quickDuplicateBubbles(document, primary, id, svg));
     }
   }
 }
@@ -1171,7 +1175,7 @@ var SelectionController = class {
   selectIds(ids) {
     for (const id of ids) {
       const element = this.#svg.querySelector(`[data-sf-id="${CSS.escape(id)}"]`);
-      const owner = chunkOUWGWDJ2_cjs.resolveOwner(element);
+      const owner = chunkMR32IJQO_cjs.resolveOwner(element);
       if (owner) {
         this.remember(owner);
       }
@@ -1183,7 +1187,7 @@ var SelectionController = class {
 // src/runtime/viewer/interaction/wheel.ts
 function bindWheelZoom(display, selection) {
   const onWheel = (event) => {
-    if (!chunkOUWGWDJ2_cjs.isCameraGesture(event)) {
+    if (!chunkMR32IJQO_cjs.isCameraGesture(event)) {
       return;
     }
     event.preventDefault();
@@ -4332,21 +4336,21 @@ function mountShaderSurfaces(svg) {
 
 // src/runtime/viewer/source.ts
 function renderViewerSource(next, defaultRenderOptions) {
-  const svg = next.svg ?? (next.source != null ? chunk5EY7EK5V_cjs.render(next.source, { ...next.renderOptions ?? defaultRenderOptions, linkHitAreas: true }).svg : null);
+  const svg = next.svg ?? (next.source != null ? chunkEURX7QT3_cjs.render(next.source, { ...next.renderOptions ?? defaultRenderOptions, linkHitAreas: true }).svg : null);
   if (svg == null) {
     throw new Error("createViewer: provide either `source` (SFL) or `svg`.");
   }
   return svg;
 }
 function assertCreateViewerContract(svg) {
-  const version = chunkOUWGWDJ2_cjs.parseContractVersion(svg);
-  if (!chunkOUWGWDJ2_cjs.isContractCompatible(version)) {
+  const version = chunkMR32IJQO_cjs.parseContractVersion(svg);
+  if (!chunkMR32IJQO_cjs.isContractCompatible(version)) {
     throw new Error(`createViewer: incompatible DOM contract (svg=${version}). Renderer and viewer versions differ.`);
   }
 }
 function assertViewerUpdateContract(svg) {
-  const version = chunkOUWGWDJ2_cjs.parseContractVersion(svg);
-  if (!chunkOUWGWDJ2_cjs.isContractCompatible(version)) {
+  const version = chunkMR32IJQO_cjs.parseContractVersion(svg);
+  if (!chunkMR32IJQO_cjs.isContractCompatible(version)) {
     throw new Error(`viewer.update: incompatible DOM contract (svg=${version}). Renderer and viewer versions differ.`);
   }
 }
@@ -4580,7 +4584,7 @@ function trackScales(wiring, event) {
 }
 function driveValue(wiring, id, event) {
   const { runtime, svg } = wiring;
-  const kind = chunkQL7MNEMT_cjs.getComponentDescriptor(runtime.graph.elements.get(id)?.componentType)?.interaction;
+  const kind = chunkC25NWWIH_cjs.getComponentDescriptor(runtime.graph.elements.get(id)?.componentType)?.interaction;
   if (kind !== "slide" && kind !== "pick" && kind !== "turn" && kind !== "range") {
     return;
   }
@@ -4719,5 +4723,5 @@ exports.connectInteraction = connectInteraction;
 exports.createViewer = createViewer;
 exports.registerShaderProgram = registerShaderProgram;
 exports.shaderProgram = shaderProgram;
-//# sourceMappingURL=chunk-RUSNRDLI.cjs.map
-//# sourceMappingURL=chunk-RUSNRDLI.cjs.map
+//# sourceMappingURL=chunk-3EOG34QN.cjs.map
+//# sourceMappingURL=chunk-3EOG34QN.cjs.map