likec4 1.11.0 → 1.12.0

package/dist/__app__/src/chunks/{-index-overview-B8AbCuYt.js → -index-overview-Csz814YU.js}

@@ -1,10 +1,10 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useOverviewGraph } from "virtual:likec4/overview-graph";
-import { u, c as createReactComponent, I as IconFolderFilled, e, a as useUpdateEffect, n as nonexhaustive } from "./main-OEl3ruxE.js";
-import { u as useRouter } from "./tanstack-router-Mzh8n5Lx.js";
-import { B as BaseEdge, H as Handle, P as Position, u as useNodesState, a as useEdgesState, i as index, b as Background, c as BackgroundVariant } from "./likec4-DOemzWvz.js";
+import { u, c as createReactComponent, I as IconFolderFilled, e, a as useUpdateEffect, n as nonexhaustive } from "./main-Bc_PC5BH.js";
+import { u as useRouter } from "./tanstack-router-CU5V4Ll-.js";
+import { B as BaseEdge, H as Handle, P as Position, u as useNodesState, a as useEdgesState, i as index, b as Background, c as BackgroundVariant } from "./likec4-DlkyDuSp.js";
 import { memo, useRef, useMemo } from "react";
-import { P as Paper, c as clsx, G as Group, T as ThemeIcon, a as Text, C as Card, b as CardSection, d as Center, I as Image, B as Box, u as useMantineColorScheme } from "./mantine-BqgMLMPH.js";
+import { P as Paper, c as clsx, G as Group, T as ThemeIcon, a as Text, C as Card, b as CardSection, d as Center, I as Image, B as Box, u as useMantineColorScheme } from "./mantine-IOl1S4mZ.js";
 import { usePreviewUrl } from "virtual:likec4/previews";
 function a(...n) {
   return u(c, n);
@@ -15,14 +15,14 @@ function c(n, r) {
   return o;
 }
 /**
- * @license @tabler/icons-react v3.16.0 - MIT
+ * @license @tabler/icons-react v3.19.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
 var IconLoader = createReactComponent("outline", "loader", "IconLoader", [["path", { d: "M12 6l0 -3", key: "svg-0" }], ["path", { d: "M16.25 7.75l2.15 -2.15", key: "svg-1" }], ["path", { d: "M18 12l3 0", key: "svg-2" }], ["path", { d: "M16.25 16.25l2.15 2.15", key: "svg-3" }], ["path", { d: "M12 18l0 3", key: "svg-4" }], ["path", { d: "M7.75 16.25l-2.15 2.15", key: "svg-5" }], ["path", { d: "M6 12l-3 0", key: "svg-6" }], ["path", { d: "M7.75 7.75l-2.15 -2.15", key: "svg-7" }]]);
 /**
- * @license @tabler/icons-react v3.16.0 - MIT
+ * @license @tabler/icons-react v3.19.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.

package/dist/__app__/src/chunks/{likec4-DOemzWvz.js → likec4-DlkyDuSp.js}

@@ -2790,7 +2790,12 @@ function mergeObjects(base, incoming) {
 function updateAbsolutePositions(nodeLookup, parentLookup, options) {
   const _options = mergeObjects(defaultOptions, options);
   for (const node of nodeLookup.values())
-    node.parentId && updateChildNode(node, nodeLookup, parentLookup, _options);
+    if (node.parentId)
+      updateChildNode(node, nodeLookup, parentLookup, _options);
+    else {
+      const positionWithOrigin = getNodePositionWithOrigin(node, _options.nodeOrigin), extent = isCoordinateExtent(node.extent) ? node.extent : _options.nodeExtent, clampedPosition = clampPosition(positionWithOrigin, extent, getNodeDimensions(node));
+      node.internals.positionAbsolute = clampedPosition;
+    }
 }
 function adoptUserNodes(nodes, nodeLookup, parentLookup, options) {
   const _options = mergeObjects(adoptUserNodesDefaultOptions, options), tmpLookup = new Map(nodeLookup), selectedNodeZ = _options?.elevateNodesOnSelect ? 1e3 : 0;
@@ -3046,6 +3051,8 @@ function XYDrag({ onNodeMouseDown, getStoreItems, onDragStart, onDrag, onDragSto
         nodesBox = rectToBox(rect);
       }
       for (const [id2, dragItem] of dragItems) {
+        if (!nodeLookup.has(id2))
+          continue;
         let nextPosition = { x: x - dragItem.distance.x, y: y - dragItem.distance.y };
         snapToGrid && (nextPosition = snapPosition(nextPosition, snapGrid));
         let adjustedNodeExtent = [
@@ -3101,8 +3108,9 @@ function XYDrag({ onNodeMouseDown, getStoreItems, onDragStart, onDrag, onDragSto
       const { domNode: domNode2, nodeDragThreshold, transform: transform2, snapGrid, snapToGrid } = getStoreItems();
       abortDrag = !1, nodeDragThreshold === 0 && startDrag(event), lastPos = getPointerPosition(event.sourceEvent, { transform: transform2, snapGrid, snapToGrid }), containerBounds = domNode2?.getBoundingClientRect() || null, mousePosition = getEventPosition(event.sourceEvent, containerBounds);
     }).on("drag", (event) => {
-      const { autoPanOnNodeDrag, transform: transform2, snapGrid, snapToGrid, nodeDragThreshold } = getStoreItems(), pointerPos = getPointerPosition(event.sourceEvent, { transform: transform2, snapGrid, snapToGrid });
-      if (event.sourceEvent.type === "touchmove" && event.sourceEvent.touches.length > 1 && (abortDrag = !0), !abortDrag) {
+      const { autoPanOnNodeDrag, transform: transform2, snapGrid, snapToGrid, nodeDragThreshold, nodeLookup } = getStoreItems(), pointerPos = getPointerPosition(event.sourceEvent, { transform: transform2, snapGrid, snapToGrid });
+      if ((event.sourceEvent.type === "touchmove" && event.sourceEvent.touches.length > 1 || // if user deletes a node while dragging, we need to abort the drag to prevent errors
+      nodeId && !nodeLookup.has(nodeId)) && (abortDrag = !0), !abortDrag) {
         if (!autoPanStarted && autoPanOnNodeDrag && dragStarted && (autoPanStarted = !0, autoPan()), !dragStarted) {
           const x = pointerPos.xSnapped - (lastPos.x ?? 0), y = pointerPos.ySnapped - (lastPos.y ?? 0);
           Math.sqrt(x * x + y * y) > nodeDragThreshold && startDrag(event);
@@ -4034,15 +4042,18 @@ const useViewportHelper = () => {
       return { x, y, zoom: zoom2 };
     },
     fitView: (options) => {
-      const { nodeLookup, width, height, minZoom, maxZoom, panZoom } = store.getState(), fitViewNodes = getFitViewNodes(nodeLookup, options);
-      return panZoom ? fitView({
+      const { nodeLookup, minZoom, maxZoom, panZoom, domNode } = store.getState();
+      if (!panZoom || !domNode)
+        return Promise.resolve(!1);
+      const fitViewNodes = getFitViewNodes(nodeLookup, options), { width, height } = getDimensions(domNode);
+      return fitView({
         nodes: fitViewNodes,
         width,
         height,
         minZoom,
         maxZoom,
         panZoom
-      }, options) : Promise.resolve(!1);
+      }, options);
     },
     setCenter: async (x, y, options) => {
       const { width, height, maxZoom, panZoom } = store.getState(), nextZoom = typeof options?.zoom < "u" ? options.zoom : maxZoom, centerX = width / 2 - x * nextZoom, centerY = height / 2 - y * nextZoom;
@@ -6016,9 +6027,10 @@ export {
   getBoundsOfRects as n,
   boxToRect as o,
   useStoreWithEqualityFn as p,
-  useOnViewportChange as q,
-  useOnSelectionChange as r,
+  getDefaultExportFromCjs as q,
+  useOnViewportChange as r,
   shallow$1 as s,
+  useOnSelectionChange as t,
   useNodesState as u,
   withSelectorExports as w
 };