npm - @likec4/diagram - Versions diffs - 1.57.0 → 1.59.0 - Mend

@likec4/diagram 1.57.0 → 1.59.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (329) hide show

package/dist/likec4diagram/state/machine.state.ready.idle.d.ts CHANGED Viewed

@@ -1,14 +1,71 @@
-import { GuardPredicate, ParameterizedObject, ActionFunction } from 'xstate';
+import { GuardPredicate, ActionFunction, ParameterizedObject } from 'xstate';
 import { Context, Events, EmittedEvents } from './machine.setup';
+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';
 export declare const idle: {
     id: string;
     on: {
         'xyflow.nodeClick': ({
+            description: string;
+            guard: GuardPredicate<Context, {
+                type: "xyflow.nodeClick";
+                node: import("../types").Types.Node;
+            }, unknown, {
+                type: "is dynamic view in sequence variant";
+                params: undefined;
+            } | {
+                type: "click: node.type = seq-subflow";
+                params: undefined;
+            } | {
+                type: "click: same node";
+                params: undefined;
+            }>;
+            actions: ActionFunction<Context, {
+                type: "xyflow.nodeClick";
+                node: import("../types").Types.Node;
+            }, Events, undefined, never, never, never, never, never>;
+        } | {
+            description: string;
+            guard: GuardPredicate<Context, {
+                type: "xyflow.nodeClick";
+                node: import("../types").Types.Node;
+            }, unknown, {
+                type: "is dynamic view in sequence variant";
+                params: undefined;
+            } | {
+                type: "click: node.type = seq-subflow";
+                params: undefined;
+            }>;
+            actions: ActionFunction<Context, Events, Events, undefined, {
+                src: "search";
+                logic: SearchActorLogic;
+                id: "search";
+            } | {
+                src: "hotkey";
+                logic: HotkeyActorLogic;
+                id: "hotkey";
+            } | {
+                src: "overlays";
+                logic: OverlaysActorLogic;
+                id: "overlays";
+            } | {
+                src: "mediaPrint";
+                logic: MediaPrintActorLogic;
+                id: "mediaPrint";
+            } | {
+                src: "editor";
+                logic: EditorActorLogic;
+                id: "editor";
+            } | {
+                src: "navigationPanel";
+                logic: NavigationPanelActorLogic;
+                id: "navigationPanel";
+            }, never, never, never, never>[];
+        } | {
             target: string;
             guard: GuardPredicate<Context, {
                 type: "xyflow.nodeClick";
@@ -19,7 +76,10 @@ export declare const idle: {
             } | {
                 type: "enabled: FocusMode";
                 params: undefined;
-            } | {
+            } | ({
+                type: "is dynamic view in sequence variant";
+                params: undefined;
+            } & ParameterizedObject) | {
                 type: "click: node has connections";
                 params: undefined;
             } | ((({
@@ -29,27 +89,110 @@ export declare const idle: {
                 type: "click: selected node";
                 params: undefined;
             }) | undefined) & ParameterizedObject)>;
-            actions: ( ActionFunction<Context, Events, Events, undefined, {
-                src: "hotkeyActorLogic";
+            actions: ActionFunction<Context, Events, Events, undefined, {
+                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";
-            }, never, never, never, never> | ActionFunction<Context, Events, Events, undefined, never, never, never, never, EmittedEvents>)[];
+            } | {
+                src: "navigationPanel";
+                logic: NavigationPanelActorLogic;
+                id: "navigationPanel";
+            }, never, {
+                type: "isReady";
+                params: unknown;
+            } | {
+                type: "enabled: Editor";
+                params: unknown;
+            } | {
+                type: "enabled: FitView";
+                params: unknown;
+            } | {
+                type: "enabled: FocusMode";
+                params: unknown;
+            } | {
+                type: "enabled: Readonly";
+                params: unknown;
+            } | {
+                type: "enabled: RelationshipDetails";
+                params: unknown;
+            } | {
+                type: "enabled: Search";
+                params: unknown;
+            } | {
+                type: "enabled: ElementDetails";
+                params: unknown;
+            } | {
+                type: "enabled: OpenSource";
+                params: unknown;
+            } | {
+                type: "enabled: DynamicViewWalkthrough";
+                params: unknown;
+            } | {
+                type: "enabled: NavigationPanel";
+                params: unknown;
+            } | {
+                type: "focus.node: autoUnfocus";
+                params: unknown;
+            } | {
+                type: "enabled: Overlays";
+                params: unknown;
+            } | {
+                type: "not readonly";
+                params: unknown;
+            } | {
+                type: "is dynamic view";
+                params: unknown;
+            } | {
+                type: "is dynamic view in sequence variant";
+                params: unknown;
+            } | {
+                type: "is same view";
+                params: unknown;
+            } | {
+                type: "is another view";
+                params: unknown;
+            } | {
+                type: "click: node has modelFqn";
+                params: unknown;
+            } | {
+                type: "click: selected node";
+                params: unknown;
+            } | {
+                type: "click: same node";
+                params: unknown;
+            } | {
+                type: "click: focused node";
+                params: unknown;
+            } | {
+                type: "click: node.type = seq-subflow";
+                params: unknown;
+            } | {
+                type: "click: node has connections";
+                params: unknown;
+            } | {
+                type: "click: selected edge";
+                params: unknown;
+            } | {
+                type: "click: active walkthrough step";
+                params: unknown;
+            }, never, EmittedEvents>[];
+            description?: never;
         } | {
             guard: GuardPredicate<Context, {
                 type: "xyflow.nodeClick";
@@ -71,25 +214,29 @@ export declare const idle: {
                 params: undefined;
             }) | undefined) & ParameterizedObject)>;
             actions: 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, {
                 type: "isReady";
                 params: unknown;
@@ -120,6 +267,9 @@ export declare const idle: {
             } | {
                 type: "enabled: DynamicViewWalkthrough";
                 params: unknown;
+            } | {
+                type: "enabled: NavigationPanel";
+                params: unknown;
             } | {
                 type: "focus.node: autoUnfocus";
                 params: unknown;
@@ -132,6 +282,9 @@ export declare const idle: {
             } | {
                 type: "is dynamic view";
                 params: unknown;
+            } | {
+                type: "is dynamic view in sequence variant";
+                params: unknown;
             } | {
                 type: "is same view";
                 params: unknown;
@@ -150,6 +303,9 @@ export declare const idle: {
             } | {
                 type: "click: focused node";
                 params: unknown;
+            } | {
+                type: "click: node.type = seq-subflow";
+                params: unknown;
             } | {
                 type: "click: node has connections";
                 params: unknown;
@@ -160,27 +316,32 @@ export declare const idle: {
                 type: "click: active walkthrough step";
                 params: unknown;
             }, never, EmittedEvents>[];
+            description?: never;
         } | {
             actions: 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, {
                 type: "isReady";
                 params: unknown;
@@ -211,6 +372,9 @@ export declare const idle: {
             } | {
                 type: "enabled: DynamicViewWalkthrough";
                 params: unknown;
+            } | {
+                type: "enabled: NavigationPanel";
+                params: unknown;
             } | {
                 type: "focus.node: autoUnfocus";
                 params: unknown;
@@ -223,6 +387,9 @@ export declare const idle: {
             } | {
                 type: "is dynamic view";
                 params: unknown;
+            } | {
+                type: "is dynamic view in sequence variant";
+                params: unknown;
             } | {
                 type: "is same view";
                 params: unknown;
@@ -241,6 +408,9 @@ export declare const idle: {
             } | {
                 type: "click: focused node";
                 params: unknown;
+            } | {
+                type: "click: node.type = seq-subflow";
+                params: unknown;
             } | {
                 type: "click: node has connections";
                 params: unknown;
@@ -251,102 +421,119 @@ export declare const idle: {
                 type: "click: active walkthrough step";
                 params: unknown;
             }, never, EmittedEvents>[];
+            description?: never;
             guard?: never;
         })[];
         'xyflow.paneClick': {
             actions: ( 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>)[];
         };
         'xyflow.paneDblClick': {
             actions: ( 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>)[];
         };
         'focus.node': ({
+            target: string;
             guard: "focus.node: autoUnfocus";
             actions: 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>;
-            target: string;
         } | {
+            target: string;
             guard: "enabled: FocusMode";
             actions: 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>;
-            target: string;
         })[];
         'xyflow.edgeClick': {
             guard: GuardPredicate<Context, {
@@ -356,35 +543,39 @@ export declare const idle: {
                 type: "enabled: Readonly";
                 params: undefined;
             } | {
-                type: "is dynamic view";
+                type: "enabled: DynamicViewWalkthrough";
                 params: undefined;
             } | {
-                type: "enabled: DynamicViewWalkthrough";
+                type: "is dynamic view";
                 params: undefined;
             } | {
                 type: "click: selected edge";
                 params: undefined;
             }>;
             actions: ( 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> | ActionFunction<Context, {
                 type: "xyflow.edgeClick";
                 edge: import("../types").Types.Edge;

package/dist/likec4diagram/state/machine.state.ready.idle.js CHANGED Viewed

@@ -1,18 +1,42 @@
 import "../../_virtual/_rolldown/runtime.js";
 import { machine, targetState, to } from "./machine.setup.js";
 import { raiseFitDiagram } from "./machine.actions.layout.js";
-import { assignFocusedNode, assignLastClickedNode, emitEdgeClick, emitNodeClick, emitOpenSourceOfView, emitPaneClick, openElementDetails, openSourceOfFocusedOrLastClickedNode, resetLastClickedNode } from "./machine.actions.js";
-import { and, or } from "xstate/guards";
+import { assignFocusedNode, assignLastClickedNode, emitEdgeClick, emitNodeClick, emitOpenSourceOfView, emitPaneClick, openElementDetails, openSourceOfFocusedOrLastClickedNode, resetLastClickedNode, resetSelection } from "./machine.actions.js";
+import { dynamicViewFlow, invariant, isDynamicView } from "@likec4/core";
 import { raise } from "xstate/actions";
+import { and, not, or } from "xstate/guards";
 //#region src/likec4diagram/state/machine.state.ready.idle.ts
 var idle = machine.createStateConfig({
 	id: targetState.idle.slice(1),
 	on: {
 		"xyflow.nodeClick": [
+			{
+				description: "Handle sequence subflow click in sequence variant",
+				guard: and([
+					"is dynamic view in sequence variant",
+					"click: node.type = seq-subflow",
+					"click: same node"
+				]),
+				actions: raise(({ event: { node }, context }) => {
+					invariant(node.type === "seq-subflow");
+					invariant(isDynamicView(context.view));
+					const flow = dynamicViewFlow(context.view);
+					return {
+						type: "walkthrough.start",
+						stepId: flow.firstStep(node.data.flowId) ?? flow.firstStep()
+					};
+				})
+			},
+			{
+				description: "Handle sequence subflow click in sequence variant",
+				guard: and(["is dynamic view in sequence variant", "click: node.type = seq-subflow"]),
+				actions: [assignLastClickedNode()]
+			},
 			{
 				guard: and([
 					"enabled: Readonly",
 					"enabled: FocusMode",
+					not("is dynamic view in sequence variant"),
 					"click: node has connections",
 					or(["click: same node", "click: selected node"])
 				]),
@@ -46,6 +70,7 @@ var idle = machine.createStateConfig({
 		"xyflow.paneClick": { actions: [resetLastClickedNode(), emitPaneClick()] },
 		"xyflow.paneDblClick": { actions: [
 			resetLastClickedNode(),
+			resetSelection(),
 			raiseFitDiagram(),
 			emitOpenSourceOfView(),
 			emitPaneClick()
@@ -53,24 +78,24 @@ var idle = machine.createStateConfig({
 		"focus.node": [{
 			guard: "focus.node: autoUnfocus",
 			actions: assignFocusedNode(),
-			target: targetState.focused
+			...to.focused
 		}, {
 			guard: "enabled: FocusMode",
 			actions: assignFocusedNode(),
-			target: targetState.focused
+			...to.focused
 		}],
 		"xyflow.edgeClick": {
 			guard: and([
 				"enabled: Readonly",
-				"is dynamic view",
 				"enabled: DynamicViewWalkthrough",
+				"is dynamic view",
 				"click: selected edge"
 			]),
 			actions: [
 				resetLastClickedNode(),
 				raise(({ event }) => ({
 					type: "walkthrough.start",
-					stepId: event.edge.id
+					stepId: event.edge.data.id
 				})),
 				emitEdgeClick()
 			]