@likec4/diagram 1.42.1 → 1.44.0

package/dist/likec4diagram/state/machine.state.initializing.js

@@ -0,0 +1,55 @@
+import { xyflow, ensureSyncLayout, emitInitialized } from './machine.actions.js';
+import { machine } from './machine.setup.js';
+import { x as xstateActions_cjsExports } from '../../_virtual/xstate-actions.cjs.js';
+
+const initializing = machine.createStateConfig({
+  on: {
+    "xyflow.init": {
+      actions: xstateActions_cjsExports.assign(({ context, event }) => ({
+        initialized: {
+          ...context.initialized,
+          xyflow: true
+        },
+        xyflow: event.instance
+      })),
+      target: "isReady"
+    },
+    "update.view": {
+      actions: xstateActions_cjsExports.assign(({ context, event }) => ({
+        initialized: {
+          ...context.initialized,
+          xydata: true
+        },
+        view: event.view,
+        xynodes: event.xynodes,
+        xyedges: event.xyedges
+      })),
+      target: "isReady"
+    }
+  }
+});
+const isReady = machine.createStateConfig({
+  always: [{
+    guard: "isReady",
+    actions: [
+      xyflow.fitDiagram({ duration: 0 }),
+      xstateActions_cjsExports.assign(({ context }) => ({
+        navigationHistory: {
+          currentIndex: 0,
+          history: [{
+            viewId: context.view.id,
+            fromNode: null,
+            viewport: { ...context.xyflow.getViewport() }
+          }]
+        }
+      })),
+      ensureSyncLayout(),
+      emitInitialized()
+    ],
+    target: "ready"
+  }, {
+    target: "initializing"
+  }]
+});
+
+export { initializing, isReady };

package/dist/likec4diagram/state/machine.state.navigating.d.ts

@@ -0,0 +1,117 @@
+import { CancelAction, ActionFunction, Values } from 'xstate';
+import { Context, Events, EmittedEvents } from './machine.setup';
+import { DiagramView } from '@likec4/core';
+import { SyncLayoutActorLogic } from './syncManualLayoutActor';
+import { HotkeyActorLogic } from './hotkeyActor';
+import { OverlaysActorLogic } from '../../overlays/overlaysActor';
+import { SearchActorLogic } from '../../search/searchActor';
+/**
+ * State for handling navigation to a different view.
+ * Closes overlays and search, stops sync layout and fit diagram actions,
+ * then processes the view update and transitions back to idle state.
+ */
+export declare const navigating: {
+    id: string;
+    entry: CancelAction<Context, Events, undefined, Events>[];
+    on: {
+        'update.view': {
+            actions: ActionFunction<Context, {
+                type: "update.view";
+                view: DiagramView;
+                xynodes: import("../types").Types.Node[];
+                xyedges: import("../types").Types.Edge[];
+            }, Events, undefined, Values<{
+                syncManualLayoutActorLogic: {
+                    src: "syncManualLayoutActorLogic";
+                    logic: SyncLayoutActorLogic;
+                    id: "syncLayout";
+                };
+                hotkeyActorLogic: {
+                    src: "hotkeyActorLogic";
+                    logic: HotkeyActorLogic;
+                    id: "hotkey";
+                };
+                overlaysActorLogic: {
+                    src: "overlaysActorLogic";
+                    logic: OverlaysActorLogic;
+                    id: "overlays";
+                };
+                searchActorLogic: {
+                    src: "searchActorLogic";
+                    logic: SearchActorLogic;
+                    id: "search";
+                };
+            }>, never, Values<{
+                isReady: {
+                    type: "isReady";
+                    params: unknown;
+                };
+                "enabled: FitView": {
+                    type: "enabled: FitView";
+                    params: unknown;
+                };
+                "enabled: FocusMode": {
+                    type: "enabled: FocusMode";
+                    params: unknown;
+                };
+                "enabled: Readonly": {
+                    type: "enabled: Readonly";
+                    params: unknown;
+                };
+                "enabled: RelationshipDetails": {
+                    type: "enabled: RelationshipDetails";
+                    params: unknown;
+                };
+                "enabled: Search": {
+                    type: "enabled: Search";
+                    params: unknown;
+                };
+                "enabled: ElementDetails": {
+                    type: "enabled: ElementDetails";
+                    params: unknown;
+                };
+                "enabled: DynamicViewWalkthrough": {
+                    type: "enabled: DynamicViewWalkthrough";
+                    params: unknown;
+                };
+                "not readonly": {
+                    type: "not readonly";
+                    params: unknown;
+                };
+                "is dynamic view": {
+                    type: "is dynamic view";
+                    params: unknown;
+                };
+                "is another view": {
+                    type: "is another view";
+                    params: unknown;
+                };
+                "click: node has modelFqn": {
+                    type: "click: node has modelFqn";
+                    params: unknown;
+                };
+                "click: selected node": {
+                    type: "click: selected node";
+                    params: unknown;
+                };
+                "click: same node": {
+                    type: "click: same node";
+                    params: unknown;
+                };
+                "click: focused node": {
+                    type: "click: focused node";
+                    params: unknown;
+                };
+                "click: node has connections": {
+                    type: "click: node has connections";
+                    params: unknown;
+                };
+                "click: selected edge": {
+                    type: "click: selected edge";
+                    params: unknown;
+                };
+            }>, never, EmittedEvents>;
+            target: string;
+        };
+    };
+};

package/dist/likec4diagram/state/machine.state.navigating.js

@@ -0,0 +1,45 @@
+import { updateNavigationHistory } from './assign.js';
+import { closeAllOverlays, closeSearch, stopSyncLayout, cancelFitDiagram, trigger, disableCompareWithLatest, findCorrespondingNode, xyflow, updateXYNodesEdges, ensureSyncLayout, raiseFitDiagram } from './machine.actions.js';
+import { machine } from './machine.setup.js';
+import { x as xstateActions_cjsExports } from '../../_virtual/xstate-actions.cjs.js';
+
+const navigating = machine.createStateConfig({
+  id: "navigating",
+  entry: [
+    closeAllOverlays(),
+    closeSearch(),
+    stopSyncLayout(),
+    cancelFitDiagram(),
+    trigger.navigateTo()
+  ],
+  on: {
+    "update.view": {
+      actions: xstateActions_cjsExports.enqueueActions(({ enqueue, context, event }) => {
+        enqueue(disableCompareWithLatest());
+        const { fromNode, toNode } = findCorrespondingNode(context, event);
+        if (fromNode && toNode) {
+          enqueue(
+            xyflow.alignNodeFromToAfterNavigate({
+              fromNode: fromNode.id,
+              toPosition: {
+                x: toNode.data.x,
+                y: toNode.data.y
+              }
+            })
+          );
+        } else {
+          enqueue(
+            xyflow.setViewportCenter()
+          );
+        }
+        enqueue.assign(updateNavigationHistory);
+        enqueue(updateXYNodesEdges());
+        enqueue(ensureSyncLayout());
+        enqueue(raiseFitDiagram({ delay: 25 }));
+      }),
+      target: "#idle"
+    }
+  }
+});
+
+export { navigating };