@likec4/diagram 1.57.0 → 1.59.0

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

@@ -1,11 +1,12 @@
 import { ActionFunction } from 'xstate';
 import { Context, Events, EmittedEvents } from './machine.setup';
 import { XYFlowInstance } from '../../hooks';
+import { SearchActorLogic } from '../../search/searchActor';
 import { HotkeyActorLogic } from './hotkeyActor';
 import { OverlaysActorLogic } from '../../overlays/overlaysActor';
-import { SearchActorLogic } from '../../search/searchActor';
 import { MediaPrintActorLogic } from './mediaPrintActor';
 import { EditorActorLogic } from '../../editor';
+import { NavigationPanelActorLogic } from '../../navigationpanel/actor';
 import { DiagramView } from '@likec4/core';
 /**
  * To be in `initializing` state, the diagram must wait for two events:
@@ -21,25 +22,29 @@ export declare const initializing: {
                 type: "xyflow.init";
                 instance: XYFlowInstance;
             }, Events, undefined, {
-                src: "hotkeyActorLogic";
+                src: "search";
+                logic: SearchActorLogic;
+                id: "search";
+            } | {
+                src: "hotkey";
                 logic: HotkeyActorLogic;
                 id: "hotkey";
             } | {
-                src: "overlaysActorLogic";
+                src: "overlays";
                 logic: OverlaysActorLogic;
                 id: "overlays";
             } | {
-                src: "searchActorLogic";
-                logic: SearchActorLogic;
-                id: "search";
-            } | {
-                src: "mediaPrintActorLogic";
+                src: "mediaPrint";
                 logic: MediaPrintActorLogic;
                 id: "mediaPrint";
             } | {
-                src: "editorActor";
+                src: "editor";
                 logic: EditorActorLogic;
                 id: "editor";
+            } | {
+                src: "navigationPanel";
+                logic: NavigationPanelActorLogic;
+                id: "navigationPanel";
             }, never, never, never, never>;
             target: string;
         };
@@ -55,25 +60,29 @@ export declare const initializing: {
                 xynodes: import("../types").Types.Node[];
                 xyedges: import("../types").Types.Edge[];
             }, Events, undefined, {
-                src: "hotkeyActorLogic";
+                src: "search";
+                logic: SearchActorLogic;
+                id: "search";
+            } | {
+                src: "hotkey";
                 logic: HotkeyActorLogic;
                 id: "hotkey";
             } | {
-                src: "overlaysActorLogic";
+                src: "overlays";
                 logic: OverlaysActorLogic;
                 id: "overlays";
             } | {
-                src: "searchActorLogic";
-                logic: SearchActorLogic;
-                id: "search";
-            } | {
-                src: "mediaPrintActorLogic";
+                src: "mediaPrint";
                 logic: MediaPrintActorLogic;
                 id: "mediaPrint";
             } | {
-                src: "editorActor";
+                src: "editor";
                 logic: EditorActorLogic;
                 id: "editor";
+            } | {
+                src: "navigationPanel";
+                logic: NavigationPanelActorLogic;
+                id: "navigationPanel";
             }, never, never, never, never>[];
             target: string;
         };
@@ -88,25 +97,29 @@ export declare const isReady: {
     always: ({
         guard: "isReady";
         actions: ( ActionFunction<Context, Events, Events, unknown, {
-            src: "hotkeyActorLogic";
+            src: "search";
+            logic: SearchActorLogic;
+            id: "search";
+        } | {
+            src: "hotkey";
             logic: HotkeyActorLogic;
             id: "hotkey";
         } | {
-            src: "overlaysActorLogic";
+            src: "overlays";
             logic: OverlaysActorLogic;
             id: "overlays";
         } | {
-            src: "searchActorLogic";
-            logic: SearchActorLogic;
-            id: "search";
-        } | {
-            src: "mediaPrintActorLogic";
+            src: "mediaPrint";
             logic: MediaPrintActorLogic;
             id: "mediaPrint";
         } | {
-            src: "editorActor";
+            src: "editor";
             logic: EditorActorLogic;
             id: "editor";
+        } | {
+            src: "navigationPanel";
+            logic: NavigationPanelActorLogic;
+            id: "navigationPanel";
         }, never, {
             type: "isReady";
             params: unknown;
@@ -137,6 +150,9 @@ export declare const isReady: {
         } | {
             type: "enabled: DynamicViewWalkthrough";
             params: unknown;
+        } | {
+            type: "enabled: NavigationPanel";
+            params: unknown;
         } | {
             type: "focus.node: autoUnfocus";
             params: unknown;
@@ -149,6 +165,9 @@ export declare const isReady: {
         } | {
             type: "is dynamic view";
             params: unknown;
+        } | {
+            type: "is dynamic view in sequence variant";
+            params: unknown;
         } | {
             type: "is same view";
             params: unknown;
@@ -167,6 +186,9 @@ export declare const isReady: {
         } | {
             type: "click: focused node";
             params: unknown;
+        } | {
+            type: "click: node.type = seq-subflow";
+            params: unknown;
         } | {
             type: "click: node has connections";
             params: unknown;
@@ -177,25 +199,29 @@ export declare const isReady: {
             type: "click: active walkthrough step";
             params: unknown;
         }, never, EmittedEvents> | ActionFunction<Context, Events, Events, undefined, {
-            src: "hotkeyActorLogic";
+            src: "search";
+            logic: SearchActorLogic;
+            id: "search";
+        } | {
+            src: "hotkey";
             logic: HotkeyActorLogic;
             id: "hotkey";
         } | {
-            src: "overlaysActorLogic";
+            src: "overlays";
             logic: OverlaysActorLogic;
             id: "overlays";
         } | {
-            src: "searchActorLogic";
-            logic: SearchActorLogic;
-            id: "search";
-        } | {
-            src: "mediaPrintActorLogic";
+            src: "mediaPrint";
             logic: MediaPrintActorLogic;
             id: "mediaPrint";
         } | {
-            src: "editorActor";
+            src: "editor";
             logic: EditorActorLogic;
             id: "editor";
+        } | {
+            src: "navigationPanel";
+            logic: NavigationPanelActorLogic;
+            id: "navigationPanel";
         }, never, never, never, never> | ActionFunction<Context, Events, Events, undefined, never, never, never, never, EmittedEvents>)[];
         target: string;
     } | {

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

@@ -64,13 +64,15 @@ var navigating = machine.createStateConfig({
 			enqueueActions(({ enqueue, context, event }) => {
 				assertEvent(event, "update.view");
 				const { xyflow, xystore, navigationHistory: { currentIndex, history } } = context;
+				const collapsedSequenceFlows = {};
 				const eventWithXYData = "xynodes" in event ? event : {
 					...event,
 					...convertToXYFlow({
 						currentViewId: context.view.id,
 						dynamicViewVariant: context.dynamicViewVariant,
 						view: event.view,
-						where: context.where
+						where: context.where,
+						collapsedSequenceFlows
 					})
 				};
 				invariant(xyflow, "xyflow is not initialized");
@@ -103,7 +105,8 @@ var navigating = machine.createStateConfig({
 						dynamicViewVariant: fromHistory.dynamicViewVariant ?? (eventWithXYData.view._type === "dynamic" ? eventWithXYData.view.variant : void 0) ?? context.dynamicViewVariant,
 						viewportChangedManually: viewportBefore?.wasChangedManually ?? fromHistory.viewportChangedManually,
 						viewport: viewportBefore?.value ?? fromHistory.viewport,
-						viewportBefore: null
+						viewportBefore: null,
+						collapsedSequenceFlows
 					};
 					enqueue.assign(nextCtx);
 					moveTowardsNextViewport(nextCtx.viewport);
@@ -180,7 +183,8 @@ var navigating = machine.createStateConfig({
 					navigationHistory: {
 						currentIndex: updatedHistory.length - 1,
 						history: updatedHistory
-					}
+					},
+					collapsedSequenceFlows
 				});
 				if (nodeToFocus) enqueue.raise({
 					type: "focus.node",