likec4 1.16.0 → 1.17.0

package/dist/__app__/react/likec4.tsx

@@ -78,13 +78,13 @@ const LikeC4ViewMemo = /* @__PURE__ */ memo<LikeC4ViewProps>(function LikeC4View
   background = 'transparent',
   browserBackground = 'dots',
   where,
-  showElementLinks = true,
   showDiagramTitle = false,
   showNavigationButtons = false,
   showNotations = false,
   enableFocusMode = false,
-  showRelationshipDetails = false,
-  enableRelationshipsBrowser = false,
+  enableElementDetails = false,
+  enableRelationshipDetails = false,
+  enableRelationshipBrowser = enableRelationshipDetails,
   browserClassName,
   browserStyle,
   mantineTheme,
@@ -124,12 +124,13 @@ const LikeC4ViewMemo = /* @__PURE__ */ memo<LikeC4ViewProps>(function LikeC4View
         onNavigateTo={interactive ? onNavigateTo : undefined}
         background={background}
         renderIcon={RenderIcon}
-        showElementLinks={showElementLinks}
         showDiagramTitle={showDiagramTitle}
         showNavigationButtons={showNavigationButtons}
         showNotations={showNotations}
         enableFocusMode={enableFocusMode}
-        showRelationshipDetails={showRelationshipDetails}
+        enableElementDetails={enableElementDetails}
+        enableRelationshipBrowser={enableRelationshipBrowser}
+        enableRelationshipDetails={enableRelationshipDetails}
         where={where}
         mantineTheme={mantineTheme}
         styleNonce={styleNonce}
@@ -149,7 +150,9 @@ const LikeC4ViewMemo = /* @__PURE__ */ memo<LikeC4ViewProps>(function LikeC4View
           style={browserStyle}
           mantineTheme={mantineTheme}
           styleNonce={styleNonce}
-          enableRelationshipsBrowser={enableRelationshipsBrowser}
+          enableElementDetails
+          enableRelationshipBrowser
+          enableRelationshipDetails
         />
       )}
     </LikeC4ModelProvider>

package/dist/__app__/src/chunks/{-index-overview-BRH5n7M1.js → -index-overview-DNT3FQkn.js}

@@ -1,19 +1,11 @@
 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-DejpCNPJ.js";
-import { u as useRouter } from "./tanstack-router-CfO1HFS2.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-zEZHE7gJ.js";
+import { c as createReactComponent, I as IconFolderFilled, e, u as useUpdateEffect, i, n as nonexhaustive } from "./main-Beyl8kQ7.js";
+import { u as useRouter } from "./tanstack-router-DJI32bwX.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-CLNXvKhh.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-Dx0sIYv1.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-CdYQpHSU.js";
 import { usePreviewUrl } from "virtual:likec4/previews";
-function i(...e2) {
-  return u(y, e2);
-}
-function y(e2, r) {
-  let o = {};
-  for (let n of r) n in e2 && (o[n] = e2[n]);
-  return o;
-}
 /**
  * @license @tabler/icons-react v3.17.0 - MIT
  *
@@ -29,7 +21,7 @@ var IconLoader = createReactComponent("outline", "loader", "IconLoader", [["path
  */
 var IconFileFilled = createReactComponent("filled", "file-filled", "IconFileFilled", [["path", { d: "M12 2l.117 .007a1 1 0 0 1 .876 .876l.007 .117v4l.005 .15a2 2 0 0 0 1.838 1.844l.157 .006h4l.117 .007a1 1 0 0 1 .876 .876l.007 .117v9a3 3 0 0 1 -2.824 2.995l-.176 .005h-10a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-14a3 3 0 0 1 2.824 -2.995l.176 -.005h5z", key: "svg-0" }], ["path", { d: "M19 7h-4l-.001 -4.001z", key: "svg-1" }]]), root = "mxt2a80";
 function edgePath(points) {
-  return points.reduce((acc, [x, y2], i2) => acc + `${i2 === 0 ? "M" : " L"} ${x},${y2}`, "");
+  return points.reduce((acc, [x, y], i2) => acc + `${i2 === 0 ? "M" : " L"} ${x},${y}`, "");
 }
 function LinkEdge({
   id,

package/dist/__app__/src/chunks/{likec4-zEZHE7gJ.js → likec4-CLNXvKhh.js}

@@ -3054,13 +3054,13 @@ function getEventHandlerParams({ nodeId, dragItems, nodeLookup, dragging = !0 })
   }
   if (!nodeId)
     return [nodesFromDragItems[0], nodesFromDragItems];
-  const node = nodeLookup.get(nodeId).internals.userNode;
+  const node = nodeLookup.get(nodeId)?.internals.userNode;
   return [
-    {
+    node ? {
       ...node,
       position: dragItems.get(nodeId)?.position || node.position,
       dragging
-    },
+    } : nodesFromDragItems[0],
     nodesFromDragItems
   ];
 }
@@ -5710,6 +5710,9 @@ function useNodesData(nodeIds) {
     return isArrayOfIds ? data : data[0] ?? null;
   }, [nodeIds]), shallowNodeData);
 }
+function useInternalNode(id2) {
+  return useStore(useCallback((s) => s.nodeLookup.get(id2), [id2]), shallow$1);
+}
 function LinePattern({ dimensions, lineWidth, variant, className }) {
   return jsx("path", { strokeWidth: lineWidth, d: `M${dimensions[0] / 2} 0 V${dimensions[1]} M0 ${dimensions[1] / 2} H${dimensions[0]}`, className: cc(["react-flow__background-pattern", variant, className]) });
 }
@@ -6092,5 +6095,6 @@ export {
   Panel as t,
   useNodesState as u,
   useOnViewportChange as v,
-  withSelectorExports as w
+  withSelectorExports as w,
+  useInternalNode as x
 };