stickyflow 0.3.0 → 0.5.0

package/dist/interaction/index.d.cts

@@ -1,5 +1,5 @@
-import { O as OwnerRef, E as Emitter$1, V as Viewer, U as Unsubscribe } from '../types-BDKDf4zr.cjs';
-import { E as Side, I as IsometricFace } from '../render-C5X74hds.cjs';
+import { O as OwnerRef, E as Emitter$1, V as Viewer, U as Unsubscribe } from '../types-DvhMpqrL.cjs';
+import { Y as Side, I as IsometricFace } from '../render-CgX_y15a.cjs';
 
 interface TextChangeEvent {
     owner: OwnerRef;
@@ -226,6 +226,14 @@ declare function applyPathPointChange(sfl: string, event: PathPointChangeEvent):
 
 declare function applyPropertyChange(sfl: string, event: PropertyChangeEvent): string;
 
+interface QuickDuplicateOptions {
+    shapeId: string;
+    linkId: string;
+    gap?: number;
+}
+
+declare function applyQuickDuplicateChange(sfl: string, event: QuickDuplicateEvent, options: QuickDuplicateOptions): string;
+
 declare function applyResizeChange(sfl: string, event: ResizeChangeEvent): string;
 
 declare function applySankeyNodeMoveChange(sfl: string, event: SankeyNodeMoveEvent): string;
@@ -271,4 +279,4 @@ interface EditingOptions {
 }
 declare function bindEditing(viewer: Viewer, options?: EditingOptions): Interaction;
 
-export { type ChartValueChangeEvent, type ColorEditHandle, type ColorPickerTheme, type ColorPickerThemeOption, type ColorPopoverHandle, type ColorPopoverOptions, type DeleteEvent, type EditableRules, type EditingOptions, type InsertCanvasObjectOptions, type InsertConnectionOptions, type InsertLinkOptions, type InsertPathOptions, type Interaction, type InteractionEventMap, type InteractionEventName, type IsometricQuickDuplicateDirection, type LinkReconnectEvent, type LinkSegmentChangeEvent, type LinkToEvent, type MoveChangeEvent, type PathDrawCompleteEvent, type PathDrawOptions, type PathPoint, type PathPointChangeEvent, type PickerValue, type PropertyChangeEvent, type PropertyEditingHandle, type PropertyEditingOptions, type PropertyValue, type QuickDuplicateEvent, type RemoveCanvasObjectOptions, type ResizeChangeEvent, type SankeyNodeMoveEvent, type SankeyNodeRenameEvent, type TextChangeEvent, Unsubscribe, applyChartValueChange, applyLinkReconnectChange, applyLinkSegmentChange, applyMoveChange, applyPathPointChange, applyPropertyChange, applyResizeChange, applySankeyNodeMoveChange, applySankeyNodeRenameChange, applyTextChange, bindEditing, bindPropertyEditing, cssBackground, formatPickerValue, insertCanvasObject, insertConnection, insertLink, insertPath, openColorPopover, readGradientValue, removeCanvasObject, removeLink, resolveTheme, seedFrom };
+export { type ChartValueChangeEvent, type ColorEditHandle, type ColorPickerTheme, type ColorPickerThemeOption, type ColorPopoverHandle, type ColorPopoverOptions, type DeleteEvent, type EditableRules, type EditingOptions, type InsertCanvasObjectOptions, type InsertConnectionOptions, type InsertLinkOptions, type InsertPathOptions, type Interaction, type InteractionEventMap, type InteractionEventName, type IsometricQuickDuplicateDirection, type LinkReconnectEvent, type LinkSegmentChangeEvent, type LinkToEvent, type MoveChangeEvent, type PathDrawCompleteEvent, type PathDrawOptions, type PathPoint, type PathPointChangeEvent, type PickerValue, type PropertyChangeEvent, type PropertyEditingHandle, type PropertyEditingOptions, type PropertyValue, type QuickDuplicateEvent, type QuickDuplicateOptions, type RemoveCanvasObjectOptions, type ResizeChangeEvent, type SankeyNodeMoveEvent, type SankeyNodeRenameEvent, type TextChangeEvent, Unsubscribe, applyChartValueChange, applyLinkReconnectChange, applyLinkSegmentChange, applyMoveChange, applyPathPointChange, applyPropertyChange, applyQuickDuplicateChange, applyResizeChange, applySankeyNodeMoveChange, applySankeyNodeRenameChange, applyTextChange, bindEditing, bindPropertyEditing, cssBackground, formatPickerValue, insertCanvasObject, insertConnection, insertLink, insertPath, openColorPopover, readGradientValue, removeCanvasObject, removeLink, resolveTheme, seedFrom };

package/dist/interaction/index.d.ts

@@ -1,5 +1,5 @@
-import { O as OwnerRef, E as Emitter$1, V as Viewer, U as Unsubscribe } from '../types-CdgGdtoD.js';
-import { E as Side, I as IsometricFace } from '../render-C5X74hds.js';
+import { O as OwnerRef, E as Emitter$1, V as Viewer, U as Unsubscribe } from '../types-DYLC_lsk.js';
+import { Y as Side, I as IsometricFace } from '../render-CgX_y15a.js';
 
 interface TextChangeEvent {
     owner: OwnerRef;
@@ -226,6 +226,14 @@ declare function applyPathPointChange(sfl: string, event: PathPointChangeEvent):
 
 declare function applyPropertyChange(sfl: string, event: PropertyChangeEvent): string;
 
+interface QuickDuplicateOptions {
+    shapeId: string;
+    linkId: string;
+    gap?: number;
+}
+
+declare function applyQuickDuplicateChange(sfl: string, event: QuickDuplicateEvent, options: QuickDuplicateOptions): string;
+
 declare function applyResizeChange(sfl: string, event: ResizeChangeEvent): string;
 
 declare function applySankeyNodeMoveChange(sfl: string, event: SankeyNodeMoveEvent): string;
@@ -271,4 +279,4 @@ interface EditingOptions {
 }
 declare function bindEditing(viewer: Viewer, options?: EditingOptions): Interaction;
 
-export { type ChartValueChangeEvent, type ColorEditHandle, type ColorPickerTheme, type ColorPickerThemeOption, type ColorPopoverHandle, type ColorPopoverOptions, type DeleteEvent, type EditableRules, type EditingOptions, type InsertCanvasObjectOptions, type InsertConnectionOptions, type InsertLinkOptions, type InsertPathOptions, type Interaction, type InteractionEventMap, type InteractionEventName, type IsometricQuickDuplicateDirection, type LinkReconnectEvent, type LinkSegmentChangeEvent, type LinkToEvent, type MoveChangeEvent, type PathDrawCompleteEvent, type PathDrawOptions, type PathPoint, type PathPointChangeEvent, type PickerValue, type PropertyChangeEvent, type PropertyEditingHandle, type PropertyEditingOptions, type PropertyValue, type QuickDuplicateEvent, type RemoveCanvasObjectOptions, type ResizeChangeEvent, type SankeyNodeMoveEvent, type SankeyNodeRenameEvent, type TextChangeEvent, Unsubscribe, applyChartValueChange, applyLinkReconnectChange, applyLinkSegmentChange, applyMoveChange, applyPathPointChange, applyPropertyChange, applyResizeChange, applySankeyNodeMoveChange, applySankeyNodeRenameChange, applyTextChange, bindEditing, bindPropertyEditing, cssBackground, formatPickerValue, insertCanvasObject, insertConnection, insertLink, insertPath, openColorPopover, readGradientValue, removeCanvasObject, removeLink, resolveTheme, seedFrom };
+export { type ChartValueChangeEvent, type ColorEditHandle, type ColorPickerTheme, type ColorPickerThemeOption, type ColorPopoverHandle, type ColorPopoverOptions, type DeleteEvent, type EditableRules, type EditingOptions, type InsertCanvasObjectOptions, type InsertConnectionOptions, type InsertLinkOptions, type InsertPathOptions, type Interaction, type InteractionEventMap, type InteractionEventName, type IsometricQuickDuplicateDirection, type LinkReconnectEvent, type LinkSegmentChangeEvent, type LinkToEvent, type MoveChangeEvent, type PathDrawCompleteEvent, type PathDrawOptions, type PathPoint, type PathPointChangeEvent, type PickerValue, type PropertyChangeEvent, type PropertyEditingHandle, type PropertyEditingOptions, type PropertyValue, type QuickDuplicateEvent, type QuickDuplicateOptions, type RemoveCanvasObjectOptions, type ResizeChangeEvent, type SankeyNodeMoveEvent, type SankeyNodeRenameEvent, type TextChangeEvent, Unsubscribe, applyChartValueChange, applyLinkReconnectChange, applyLinkSegmentChange, applyMoveChange, applyPathPointChange, applyPropertyChange, applyQuickDuplicateChange, applyResizeChange, applySankeyNodeMoveChange, applySankeyNodeRenameChange, applyTextChange, bindEditing, bindPropertyEditing, cssBackground, formatPickerValue, insertCanvasObject, insertConnection, insertLink, insertPath, openColorPopover, readGradientValue, removeCanvasObject, removeLink, resolveTheme, seedFrom };

package/dist/interaction/index.js

@@ -1,5 +1,5 @@
-import { screenRectOf, Emitter, resolveOwner, isCameraGesture, pointerUserPoint, clearAlignmentGuides, updateAlignmentGuides, pxPerUnit, findOwnerNode, isPrimary, SVG_NAMESPACE, isTextLabel, findSnapCandidateBounds, symbolDeclaredBounds, updateQuickDuplicateBubbles, isometricGeometryOf, ISO_HALO_ATTR, ISO_DUPLICATE_BUBBLES_ATTR, updateHalo, axisArrowPlacements, updateAxisArrowGroup, PATH_HALO_ATTR, findAllOwnerNodes, findIsometricApexCandidates, DERIVED_HEIGHT_ROLES, resizeHandlePositions, pathGeometryOf } from '../chunk-XEN5QIIJ.js';
-import { sflToCanvasState, tokenizeSource, roundedOrthogonalPathData, seriesLabelOffsetXProp, seriesLabelOffsetYProp, radarVertexPoint, freeformPathData, CORNER_RADIUS_ATTR, AXIS_COS, isometricFaces, roundedPolygonPath, isometricTopFaceCenter, calculateLinkRoute, pointAtPort, roundedBarPath, barShapePath, formatBarLabel, LABEL_WIDTH, LEADER_INSET, clipSegmentToRect, AXIS_SIN, radarValueAtPoint, radarSeriesPath, estimateTextWidth, wrapText, personLabelArea, isometricFaceCenter, PATH_POINT_INDEX_ATTR, linePathData, barLabelSize, BAR_LABEL, pillPath, getLineMidpoint, labelGapDash, pillCornerRadius, SQUARE_CORNER_ATTR, cornersRoundedRectPath, localShapePath, relativeOffsetOnRectangleSide, edgePointToward, SYMBOL_POINTS_ATTR, SYMBOL_TENSION_ATTR } from '../chunk-BYMIYXP5.js';
+import { screenRectOf, Emitter, resolveOwner, isCameraGesture, pointerUserPoint, clearAlignmentGuides, updateAlignmentGuides, pxPerUnit, findOwnerNode, isPrimary, SVG_NAMESPACE, isTextLabel, findSnapCandidateBounds, symbolDeclaredBounds, updateQuickDuplicateBubbles, isometricGeometryOf, ISO_HALO_ATTR, ISO_DUPLICATE_BUBBLES_ATTR, updateHalo, axisArrowPlacements, updateAxisArrowGroup, PATH_HALO_ATTR, findAllOwnerNodes, findIsometricApexCandidates, DERIVED_HEIGHT_ROLES, resizeHandlePositions, pathGeometryOf } from '../chunk-7VW2XKVB.js';
+import { sflToCanvasState, isIsometricObject, tokenizeSource, roundedOrthogonalPathData, seriesLabelOffsetXProp, seriesLabelOffsetYProp, radarVertexPoint, AXIS_SIN, AXIS_COS, freeformPathData, CORNER_RADIUS_ATTR, isometricFaces, roundedPolygonPath, isometricTopFaceCenter, calculateLinkRoute, pointAtPort, roundedBarPath, barShapePath, formatBarLabel, LABEL_WIDTH, LEADER_INSET, clipSegmentToRect, radarValueAtPoint, radarSeriesPath, estimateTextWidth, wrapText, personLabelArea, isometricFaceCenter, PATH_POINT_INDEX_ATTR, linePathData, barLabelSize, BAR_LABEL, pillPath, getLineMidpoint, labelGapDash, pillCornerRadius, SQUARE_CORNER_ATTR, cornersRoundedRectPath, localShapePath, relativeOffsetOnRectangleSide, edgePointToward, SYMBOL_POINTS_ATTR, SYMBOL_TENSION_ATTR } from '../chunk-IEHE6WVN.js';
 
 // src/runtime/interaction/chartValue/coordinates.ts
 function pointerUserY(svg, event) {
@@ -6392,7 +6392,7 @@ function braceDelta(masked) {
 }
 
 // src/runtime/interaction/sflPatch/scan/blocks.ts
-var OWNER_HEADER = /^\s*(Entity|Shape|Text|Container|Chart|Path|Link|Isometric|Widget|Connection|Shader)\s+([A-Za-z_][A-Za-z0-9_]*)\b/;
+var OWNER_HEADER = /^\s*(Entity|Shape|Text|Container|Chart|Path|Link|Isometric|Widget|Component|Connection|Shader)\s+([A-Za-z_][A-Za-z0-9_]*)\b/;
 var VALID_IDENT = /^[A-Za-z_][A-Za-z0-9_]*$/;
 function blockEndIn(masked, startLine) {
   let depth = 0;
@@ -7286,6 +7286,257 @@ function shouldQuote(current, quote, indexed) {
   return indexed && trimmed === "none";
 }
 
+// src/runtime/interaction/sflPatch/connectionPatch/blockText.ts
+function buildConnectionBlock(options, baseIndent) {
+  const bodyIndent = `${baseIndent}    `;
+  const block = [
+    `${baseIndent}Connection ${options.id} {`,
+    `${bodyIndent}from: ${options.fromId}`,
+    `${bodyIndent}to: ${options.toId}`,
+    `${bodyIndent}fromFace: "${options.fromFace}"`,
+    `${bodyIndent}toFace: "${options.toFace}"`
+  ];
+  if (options.body) {
+    block.push(...indentBlock(options.body, bodyIndent));
+  }
+  block.push(`${baseIndent}}`);
+  return block;
+}
+
+// src/runtime/interaction/sflPatch/connectionPatch/insertionTarget.ts
+function resolveConnectionInsertionTarget(sfl, lines, options) {
+  if (!VALID_IDENT.test(options.id) || nameExists(lines, options.id)) {
+    return null;
+  }
+  const canvasObjects = sflToCanvasState(sfl).canvasObjects;
+  const hasSource = canvasObjects.some((canvasObject) => canvasObject.id === options.fromId);
+  const hasTarget = canvasObjects.some((canvasObject) => canvasObject.id === options.toId);
+  if (!hasSource || !hasTarget) {
+    return null;
+  }
+  return findFirstBlockOfKind(lines, "Model");
+}
+
+// src/runtime/interaction/sflPatch/connectionPatch/insert.ts
+function insertConnection(sfl, options) {
+  const lines = sfl.split("\n");
+  const modelRange = resolveConnectionInsertionTarget(sfl, lines, options);
+  if (!modelRange) {
+    return sfl;
+  }
+  insertBlockLines(lines, modelRange, (baseIndent) => buildConnectionBlock(options, baseIndent));
+  return lines.join("\n");
+}
+
+// src/runtime/interaction/sflPatch/changes/quickDuplicate/styleBlock.ts
+var QUOTED_KEYS = /* @__PURE__ */ new Set(["fill", "stroke", "textColor", "fontFamily", "shadow", "labelBackground"]);
+function styleLine(key, value) {
+  return QUOTED_KEYS.has(key) ? `  ${key}: "${value.replace(/"/g, '\\"')}"` : `  ${key}: ${value}`;
+}
+function styleBlock(props, keys, leading = []) {
+  const copied = keys.flatMap((key) => {
+    const value = props?.[key];
+    return value === void 0 ? [] : [styleLine(key, value)];
+  });
+  const lines = [...leading, ...copied];
+  return lines.length > 0 ? `style {
+${lines.join("\n")}
+}` : void 0;
+}
+
+// src/runtime/interaction/sflPatch/changes/quickDuplicate/isometricDuplicate.ts
+var ISOMETRIC_GAP = 40;
+var ISOMETRIC_STYLE_KEYS = [
+  "fill",
+  "stroke",
+  "strokeWidth",
+  "cornerRadius",
+  "shadow",
+  "labelOffsetX",
+  "labelOffsetY",
+  "labelBackground"
+];
+var TOUCHING_FACES = {
+  "iso-width-pos": { fromFace: "right", toFace: "left" },
+  "iso-width-neg": { fromFace: "left", toFace: "right" },
+  "iso-depth-pos": { fromFace: "front", toFace: "back" },
+  "iso-depth-neg": { fromFace: "back", toFace: "front" },
+  "iso-height-pos": { fromFace: "bottom", toFace: "top" },
+  "iso-height-neg": { fromFace: "top", toFace: "bottom" }
+};
+function isIsometricDirection2(direction) {
+  return direction.startsWith("iso-");
+}
+function isometricOffset(direction, object, gap) {
+  const { width, height } = object;
+  const { depth } = object.isometric;
+  switch (direction) {
+    case "iso-width-pos":
+      return { dx: (width + gap) * AXIS_COS, dy: (width + gap) * AXIS_SIN };
+    case "iso-width-neg":
+      return { dx: -(width + gap) * AXIS_COS, dy: -(width + gap) * AXIS_SIN };
+    case "iso-depth-pos":
+      return { dx: -(depth + gap) * AXIS_COS, dy: (depth + gap) * AXIS_SIN };
+    case "iso-depth-neg":
+      return { dx: (depth + gap) * AXIS_COS, dy: -(depth + gap) * AXIS_SIN };
+    case "iso-height-pos":
+      return { dx: 0, dy: height + gap };
+    case "iso-height-neg":
+      return { dx: 0, dy: -(height + gap) };
+  }
+}
+function copyStyle(object, direction) {
+  if (!direction.startsWith("iso-height-")) {
+    return styleBlock(object.props, ISOMETRIC_STYLE_KEYS);
+  }
+  return styleBlock(
+    object.props,
+    ISOMETRIC_STYLE_KEYS.filter((key) => key !== "shadow"),
+    ['  shadow: "off"']
+  );
+}
+function copyOf(object, direction, options) {
+  const { dx, dy } = isometricOffset(direction, object, options.gap ?? ISOMETRIC_GAP);
+  return {
+    id: options.shapeId,
+    kind: "isometric",
+    text: object.text ?? "",
+    x: object.x + dx,
+    y: object.y + dy,
+    width: object.width,
+    height: object.height,
+    depth: object.isometric.depth,
+    parentId: object.parentFrameId,
+    body: copyStyle(object, direction)
+  };
+}
+function duplicateIsometricObject(sfl, object, direction, options) {
+  const withCopy = insertCanvasObject(sfl, copyOf(object, direction, options));
+  return insertConnection(withCopy, {
+    id: options.linkId,
+    fromId: object.id,
+    toId: options.shapeId,
+    ...TOUCHING_FACES[direction]
+  });
+}
+
+// src/runtime/interaction/sflPatch/linkPatch/blockText.ts
+function buildLinkBlock(options, baseIndent) {
+  const bodyIndent = `${baseIndent}    `;
+  const from = formatLinkEndpoint({ id: options.fromId, side: options.fromSide, fraction: options.fromFraction });
+  const to = formatLinkEndpoint({ id: options.toId, side: options.toSide, fraction: options.toFraction });
+  const block = [`${baseIndent}Link ${options.id} {`, `${bodyIndent}from: ${from}`, `${bodyIndent}to: ${to}`];
+  if (options.text !== void 0) {
+    block.push(`${bodyIndent}text: "${escapeSflString(options.text)}"`);
+  }
+  if (options.body) {
+    block.push(...indentBlock(options.body, bodyIndent));
+  }
+  block.push(`${baseIndent}}`);
+  return block;
+}
+
+// src/runtime/interaction/sflPatch/linkPatch/insertionTarget.ts
+function resolveLinkInsertionTarget(sfl, lines, options) {
+  if (!VALID_IDENT.test(options.id) || nameExists(lines, options.id)) {
+    return null;
+  }
+  const canvasObjects = sflToCanvasState(sfl).canvasObjects;
+  const hasSource = canvasObjects.some((canvasObject) => canvasObject.id === options.fromId);
+  const hasTarget = canvasObjects.some((canvasObject) => canvasObject.id === options.toId);
+  if (!hasSource || !hasTarget) {
+    return null;
+  }
+  return findFirstBlockOfKind(lines, "Model");
+}
+
+// src/runtime/interaction/sflPatch/linkPatch/insert.ts
+function insertLink(sfl, options) {
+  const lines = sfl.split("\n");
+  const modelRange = resolveLinkInsertionTarget(sfl, lines, options);
+  if (!modelRange) {
+    return sfl;
+  }
+  insertBlockLines(lines, modelRange, (baseIndent) => buildLinkBlock(options, baseIndent));
+  return lines.join("\n");
+}
+
+// src/runtime/interaction/sflPatch/changes/quickDuplicate/shapeDuplicate.ts
+var SHAPE_GAP = 200;
+var OPPOSITE_SIDE = { top: "bottom", right: "left", bottom: "top", left: "right" };
+var SHAPE_STYLE_KEYS = [
+  "fill",
+  "stroke",
+  "strokeWidth",
+  "strokeStyle",
+  "textColor",
+  "fontSize",
+  "fontFamily",
+  "cornerRadius",
+  "opacity",
+  "shadow"
+];
+var LINK_STYLE_KEYS = ["stroke", "strokeWidth", "strokeStyle", "markerStart", "markerEnd", "route"];
+function shapeOffset(side, object, gap) {
+  switch (side) {
+    case "top":
+      return { dx: 0, dy: -(object.height + gap) };
+    case "bottom":
+      return { dx: 0, dy: object.height + gap };
+    case "left":
+      return { dx: -(object.width + gap), dy: 0 };
+    case "right":
+      return { dx: object.width + gap, dy: 0 };
+  }
+}
+function copyOf2(object, side, options) {
+  const { dx, dy } = shapeOffset(side, object, options.gap ?? SHAPE_GAP);
+  const shape = object.shapeType ? [`  shape: ${object.shapeType}`] : [];
+  return {
+    id: options.shapeId,
+    kind: "shape",
+    text: object.text ?? "",
+    x: object.x + dx,
+    y: object.y + dy,
+    width: object.width,
+    height: object.height,
+    parentId: object.parentFrameId,
+    body: styleBlock(object.props, SHAPE_STYLE_KEYS, shape)
+  };
+}
+function linkStyleReference(links, objectId) {
+  return links.find((link) => link.fromId === objectId) ?? links[0];
+}
+function linkToCopy(object, links, side, options) {
+  return {
+    id: options.linkId,
+    fromId: object.id,
+    toId: options.shapeId,
+    fromSide: side,
+    toSide: OPPOSITE_SIDE[side],
+    body: styleBlock(linkStyleReference(links, object.id)?.props, LINK_STYLE_KEYS)
+  };
+}
+function duplicateShape(sfl, input) {
+  const { object, links, side, options } = input;
+  const withCopy = insertCanvasObject(sfl, copyOf2(object, side, options));
+  return insertLink(withCopy, linkToCopy(object, links, side, options));
+}
+
+// src/runtime/interaction/sflPatch/changes/quickDuplicateChange.ts
+function applyQuickDuplicateChange(sfl, event, options) {
+  const state = sflToCanvasState(sfl);
+  const object = state.canvasObjects.find((candidate) => candidate.id === event.owner.id);
+  if (!object) {
+    return sfl;
+  }
+  const { direction } = event;
+  if (isIsometricDirection2(direction)) {
+    return isIsometricObject(object) ? duplicateIsometricObject(sfl, object, direction, options) : sfl;
+  }
+  return isIsometricObject(object) ? sfl : duplicateShape(sfl, { object, links: state.links, side: direction, options });
+}
+
 // src/runtime/interaction/sflPatch/changes/resizeChange.ts
 function applyResizeChange(sfl, event) {
   const state = sflToCanvasState(sfl);
@@ -7410,89 +7661,6 @@ function applyTextChange(sfl, event) {
   return lines.join("\n");
 }
 
-// src/runtime/interaction/sflPatch/connectionPatch/blockText.ts
-function buildConnectionBlock(options, baseIndent) {
-  const bodyIndent = `${baseIndent}    `;
-  const block = [
-    `${baseIndent}Connection ${options.id} {`,
-    `${bodyIndent}from: ${options.fromId}`,
-    `${bodyIndent}to: ${options.toId}`,
-    `${bodyIndent}fromFace: "${options.fromFace}"`,
-    `${bodyIndent}toFace: "${options.toFace}"`
-  ];
-  if (options.body) {
-    block.push(...indentBlock(options.body, bodyIndent));
-  }
-  block.push(`${baseIndent}}`);
-  return block;
-}
-
-// src/runtime/interaction/sflPatch/connectionPatch/insertionTarget.ts
-function resolveConnectionInsertionTarget(sfl, lines, options) {
-  if (!VALID_IDENT.test(options.id) || nameExists(lines, options.id)) {
-    return null;
-  }
-  const canvasObjects = sflToCanvasState(sfl).canvasObjects;
-  const hasSource = canvasObjects.some((canvasObject) => canvasObject.id === options.fromId);
-  const hasTarget = canvasObjects.some((canvasObject) => canvasObject.id === options.toId);
-  if (!hasSource || !hasTarget) {
-    return null;
-  }
-  return findFirstBlockOfKind(lines, "Model");
-}
-
-// src/runtime/interaction/sflPatch/connectionPatch/insert.ts
-function insertConnection(sfl, options) {
-  const lines = sfl.split("\n");
-  const modelRange = resolveConnectionInsertionTarget(sfl, lines, options);
-  if (!modelRange) {
-    return sfl;
-  }
-  insertBlockLines(lines, modelRange, (baseIndent) => buildConnectionBlock(options, baseIndent));
-  return lines.join("\n");
-}
-
-// src/runtime/interaction/sflPatch/linkPatch/blockText.ts
-function buildLinkBlock(options, baseIndent) {
-  const bodyIndent = `${baseIndent}    `;
-  const from = formatLinkEndpoint({ id: options.fromId, side: options.fromSide, fraction: options.fromFraction });
-  const to = formatLinkEndpoint({ id: options.toId, side: options.toSide, fraction: options.toFraction });
-  const block = [`${baseIndent}Link ${options.id} {`, `${bodyIndent}from: ${from}`, `${bodyIndent}to: ${to}`];
-  if (options.text !== void 0) {
-    block.push(`${bodyIndent}text: "${escapeSflString(options.text)}"`);
-  }
-  if (options.body) {
-    block.push(...indentBlock(options.body, bodyIndent));
-  }
-  block.push(`${baseIndent}}`);
-  return block;
-}
-
-// src/runtime/interaction/sflPatch/linkPatch/insertionTarget.ts
-function resolveLinkInsertionTarget(sfl, lines, options) {
-  if (!VALID_IDENT.test(options.id) || nameExists(lines, options.id)) {
-    return null;
-  }
-  const canvasObjects = sflToCanvasState(sfl).canvasObjects;
-  const hasSource = canvasObjects.some((canvasObject) => canvasObject.id === options.fromId);
-  const hasTarget = canvasObjects.some((canvasObject) => canvasObject.id === options.toId);
-  if (!hasSource || !hasTarget) {
-    return null;
-  }
-  return findFirstBlockOfKind(lines, "Model");
-}
-
-// src/runtime/interaction/sflPatch/linkPatch/insert.ts
-function insertLink(sfl, options) {
-  const lines = sfl.split("\n");
-  const modelRange = resolveLinkInsertionTarget(sfl, lines, options);
-  if (!modelRange) {
-    return sfl;
-  }
-  insertBlockLines(lines, modelRange, (baseIndent) => buildLinkBlock(options, baseIndent));
-  return lines.join("\n");
-}
-
 // src/runtime/interaction/sflPatch/linkPatch/remove.ts
 function removeLink(sfl, id) {
   const lines = sfl.split("\n");
@@ -7557,6 +7725,6 @@ function bindEditing(viewer, options = {}) {
   };
 }
 
-export { applyChartValueChange, applyLinkReconnectChange, applyLinkSegmentChange, applyMoveChange, applyPathPointChange, applyPropertyChange, applyResizeChange, applySankeyNodeMoveChange, applySankeyNodeRenameChange, applyTextChange, bindEditing, bindPropertyEditing, cssBackground, formatPickerValue, insertCanvasObject, insertConnection, insertLink, insertPath, openColorPopover, readGradientValue, removeCanvasObject, removeLink, resolveTheme, seedFrom };
+export { applyChartValueChange, applyLinkReconnectChange, applyLinkSegmentChange, applyMoveChange, applyPathPointChange, applyPropertyChange, applyQuickDuplicateChange, applyResizeChange, applySankeyNodeMoveChange, applySankeyNodeRenameChange, applyTextChange, bindEditing, bindPropertyEditing, cssBackground, formatPickerValue, insertCanvasObject, insertConnection, insertLink, insertPath, openColorPopover, readGradientValue, removeCanvasObject, removeLink, resolveTheme, seedFrom };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map