stickyflow 0.7.0 → 0.8.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-D_2NZ6lL.cjs';
-import { Z as Side, I as IsometricFace } from '../render-BU2uYzjG.cjs';
+import { O as OwnerRef, E as Emitter$1, V as Viewer, U as Unsubscribe } from '../types-D2w6D_wG.cjs';
+import { Z as Side, I as IsometricFace } from '../render-Bp2FLEzv.cjs';
 
 interface TextChangeEvent {
     owner: OwnerRef;

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-DMWs27Hn.js';
-import { Z as Side, I as IsometricFace } from '../render-BU2uYzjG.js';
+import { O as OwnerRef, E as Emitter$1, V as Viewer, U as Unsubscribe } from '../types-B9QM_H3R.js';
+import { Z as Side, I as IsometricFace } from '../render-Bp2FLEzv.js';
 
 interface TextChangeEvent {
     owner: OwnerRef;

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-ZNHYW47T.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-JQK4IGXJ.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-LFEGZJWC.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-GLZVHUSW.js';
 
 // src/runtime/interaction/chartValue/coordinates.ts
 function pointerUserY(svg, event) {
@@ -2175,6 +2175,12 @@ var SNAP_ATTR = "data-sf-snap";
 function isSnapDisabled(svg) {
   return svg.getAttribute(SNAP_ATTR) === "off";
 }
+var SNAP_DISTANCE_ATTR = "data-sf-snap-distance";
+var DEFAULT_SNAP_DISTANCE_PX = 20;
+function snapDistancePx(svg) {
+  const value = Number(svg.getAttribute(SNAP_DISTANCE_ATTR));
+  return value > 0 ? value : DEFAULT_SNAP_DISTANCE_PX;
+}
 var ISOMETRIC_GRID = /^isometric:(\d+(?:\.\d+)?)$/;
 function readIsometricSnapStep(svg) {
   const match = ISOMETRIC_GRID.exec(svg.getAttribute(SNAP_GRID_ATTR) ?? "");
@@ -3501,7 +3507,6 @@ function applyAxisSnap(bounds, moveX, moveY, snap, minSize) {
 var MOVE_ACTIVE_POINTS = ["min", "center", "max"];
 
 // src/runtime/interaction/move/snapping.ts
-var SNAP_THRESHOLD_PX = 20;
 var GUIDE_OVERHANG2 = 10;
 function isometricApexOf(svg, drag, declared = false) {
   if (drag.canvasObjects.length !== 1) {
@@ -3535,7 +3540,7 @@ function snapIsometricMove(svg, drag, rawDx, rawDy) {
   }
   const excludedIds = new Set(drag.canvasObjects.map((canvasObject) => canvasObject.owner.id));
   const candidates = findIsometricApexCandidates(svg, excludedIds);
-  const snap = snapIsometricDiagonal(apex, rawDx, rawDy, candidates, SNAP_THRESHOLD_PX / pxPerUnit(svg));
+  const snap = snapIsometricDiagonal(apex, rawDx, rawDy, candidates, snapDistancePx(svg) / pxPerUnit(svg));
   return snap ? { dx: snap.dx, dy: snap.dy, guides: [snap.guide] } : null;
 }
 function snapMove(svg, drag, rawDx, rawDy) {
@@ -3554,7 +3559,7 @@ function snapMove(svg, drag, rawDx, rawDy) {
   const excludedIds = new Set(drag.canvasObjects.map((canvasObject) => canvasObject.owner.id));
   const candidates = nearestCandidates(leadBounds, findSnapCandidateBounds(svg, excludedIds));
   const snap = computeSnap(leadBounds, candidates, {
-    threshold: SNAP_THRESHOLD_PX / pxPerUnit(svg),
+    threshold: snapDistancePx(svg) / pxPerUnit(svg),
     activeX: MOVE_ACTIVE_POINTS,
     activeY: MOVE_ACTIVE_POINTS,
     guideOverhang: GUIDE_OVERHANG2
@@ -5396,6 +5401,30 @@ var HANDLE_AXES = {
   "bottom-left": { x: "left", y: "bottom" },
   left: { x: "left", y: "none" }
 };
+var ROUND_CHARTS = /* @__PURE__ */ new Set(["pie", "radar", "radial", "radialBar", "polarArea"]);
+function keepsProportions(drag, shift) {
+  return shift || drag.owner.role === "chart" && drag.kind !== null && ROUND_CHARTS.has(drag.kind);
+}
+function lockAspect(bounds, start, handle) {
+  const ratio2 = start.width / start.height;
+  const axes = HANDLE_AXES[handle];
+  let width = bounds.width;
+  let height = bounds.height;
+  if (axes.x === "none") {
+    width = height * ratio2;
+  } else if (axes.y === "none") {
+    height = width / ratio2;
+  } else if (width / start.width > height / start.height) {
+    height = width / ratio2;
+  } else {
+    width = height * ratio2;
+  }
+  width = Math.max(MIN_SIZE2, width);
+  height = Math.max(MIN_SIZE2, height);
+  const x = axes.x === "left" ? start.x + start.width - width : axes.x === "none" ? start.x + (start.width - width) / 2 : start.x;
+  const y = axes.y === "top" ? start.y + start.height - height : axes.y === "none" ? start.y + (start.height - height) / 2 : start.y;
+  return { x, y, width, height };
+}
 function resizedBounds(start, handle, pointer) {
   const axes = HANDLE_AXES[handle];
   let x = start.x, width = start.width;
@@ -5658,7 +5687,6 @@ function applyResizePreview(drag, bounds) {
 }
 
 // src/runtime/interaction/resize/snapping.ts
-var SNAP_THRESHOLD_PX2 = 20;
 var GUIDE_OVERHANG3 = 10;
 function snapResize(svg, drag, pointer) {
   const proposed = resizedBounds(drag.startBounds, drag.handle, pointer);
@@ -5676,7 +5704,7 @@ function snapResize(svg, drag, pointer) {
   const axes = HANDLE_AXES[drag.handle];
   const candidates = nearestCandidates(proposed, findSnapCandidateBounds(svg, /* @__PURE__ */ new Set([drag.owner.id])));
   const snap = computeSnap(proposed, candidates, {
-    threshold: SNAP_THRESHOLD_PX2 / pxPerUnit(svg),
+    threshold: snapDistancePx(svg) / pxPerUnit(svg),
     activeX: resizeActivePoints(axes.x),
     activeY: resizeActivePoints(axes.y),
     guideOverhang: GUIDE_OVERHANG3
@@ -5809,7 +5837,9 @@ var ResizeSession = class {
       return;
     }
     drag.moved = true;
-    const { bounds, guides } = snapResize(this.#svg, drag, resizePointerPosition(this.#svg, event));
+    const snapped = snapResize(this.#svg, drag, resizePointerPosition(this.#svg, event));
+    const bounds = keepsProportions(drag, event.shiftKey) ? lockAspect(snapped.bounds, drag.startBounds, drag.handle) : snapped.bounds;
+    const { guides } = snapped;
     applyResizePreview(drag, clampResizeToChildren(bounds, drag.childrenBounds));
     updateAlignmentGuides(this.#svg, guides, RESIZE_GUIDE_COLOR);
   };
@@ -5824,7 +5854,8 @@ var ResizeSession = class {
     if (!drag.moved) {
       return;
     }
-    const { bounds } = snapResize(this.#svg, drag, resizePointerPosition(this.#svg, event));
+    const snapped = snapResize(this.#svg, drag, resizePointerPosition(this.#svg, event)).bounds;
+    const bounds = keepsProportions(drag, event.shiftKey) ? lockAspect(snapped, drag.startBounds, drag.handle) : snapped;
     emitResizeCompletion(this.#emitter, drag, clampResizeToChildren(bounds, drag.childrenBounds));
   };
   cancel() {
@@ -6016,7 +6047,7 @@ function resolveSankeyNodeDrag(svg, event) {
 
 // src/runtime/interaction/sankeyNode/session.ts
 var MOVE_NOISE3 = 2;
-var SNAP_THRESHOLD_PX3 = 20;
+var SNAP_THRESHOLD_PX = 20;
 var GUIDE_OVERHANG4 = 10;
 var GUIDE_COLOR3 = "#8b5cf6";
 var SankeyNodeDragSession = class {
@@ -6052,7 +6083,7 @@ var SankeyNodeDragSession = class {
     const leadBounds = offsetBounds(drag.originalBounds, rawDx, rawDy);
     const candidates = nearestCandidates(leadBounds, drag.siblingBounds);
     const snap = computeSnap(leadBounds, candidates, {
-      threshold: SNAP_THRESHOLD_PX3 / pxPerUnit(this.#svg),
+      threshold: SNAP_THRESHOLD_PX / pxPerUnit(this.#svg),
       activeX: MOVE_ACTIVE_POINTS,
       activeY: MOVE_ACTIVE_POINTS,
       guideOverhang: GUIDE_OVERHANG4