@likec4/diagram 1.44.0 → 1.46.0

package/dist/likec4diagram/state/machine.state.ready.focused.js

@@ -0,0 +1,98 @@
+import { updateView, focusOnNodesAndEdges, resetLastClickedNode, emitPaneClick, assignFocusedNode, openSourceOfFocusedOrLastClickedNode, assignLastClickedNode, openElementDetails, emitNodeClick, stopHotKeyActor, undimEverything, cancelAutoUnfocusTimer, startHotKeyActor, startAutoUnfocusTimer } from './machine.actions.js';
+import { machine, targetState } from './machine.setup.js';
+import { fitFocusedBounds, returnViewportBefore, cancelFitDiagram, assignViewportBefore } from './machine.actions.layout.js';
+import { x as xstateGuards_cjsExports } from '../../_virtual/xstate-guards.cjs.js';
+import { x as xstateActions_cjsExports } from '../../_virtual/xstate-actions.cjs.js';
+
+const focused = machine.createStateConfig({
+  id: targetState.focused.slice(1),
+  entry: [
+    cancelFitDiagram(),
+    focusOnNodesAndEdges(),
+    assignViewportBefore(),
+    openSourceOfFocusedOrLastClickedNode(),
+    startHotKeyActor(),
+    fitFocusedBounds(),
+    startAutoUnfocusTimer()
+  ],
+  exit: [
+    stopHotKeyActor(),
+    undimEverything(),
+    returnViewportBefore(),
+    cancelAutoUnfocusTimer(),
+    xstateActions_cjsExports.assign({
+      focusedNode: null,
+      autoUnfocusTimer: false
+    })
+  ],
+  on: {
+    "focus.autoUnfocus": {
+      target: targetState.idle
+    },
+    "xyflow.nodeClick": [
+      {
+        guard: xstateGuards_cjsExports.and([
+          "enabled: ElementDetails",
+          "click: focused node",
+          "click: node has modelFqn"
+        ]),
+        actions: [
+          assignLastClickedNode(),
+          openElementDetails(),
+          emitNodeClick()
+        ]
+      },
+      {
+        guard: "click: focused node",
+        actions: [
+          assignLastClickedNode(),
+          emitNodeClick()
+        ],
+        target: targetState.idle
+      },
+      {
+        actions: [
+          assignLastClickedNode(),
+          xstateActions_cjsExports.raise(({ event }) => ({
+            type: "focus.node",
+            nodeId: event.node.id
+          })),
+          emitNodeClick()
+        ]
+      }
+    ],
+    "focus.node": {
+      actions: [
+        assignFocusedNode(),
+        focusOnNodesAndEdges(),
+        openSourceOfFocusedOrLastClickedNode(),
+        fitFocusedBounds()
+      ]
+    },
+    "key.esc": {
+      target: targetState.idle
+    },
+    "xyflow.paneClick": {
+      actions: [
+        resetLastClickedNode(),
+        emitPaneClick()
+      ],
+      target: targetState.idle
+    },
+    "notations.unhighlight": {
+      actions: focusOnNodesAndEdges()
+    },
+    "tag.unhighlight": {
+      actions: focusOnNodesAndEdges()
+    },
+    "update.view": {
+      guard: "is same view",
+      actions: [
+        updateView(),
+        focusOnNodesAndEdges()
+      ]
+    }
+  }
+});
+
+export { focused };

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

@@ -0,0 +1,540 @@
+import { GuardPredicate, ActionFunction, Values } from 'xstate';
+import { Context, Events, EmittedEvents } from './machine.setup';
+import { NormalizeGuardArgArray } from 'xstate/guards';
+import { HotkeyActorLogic } from './hotkeyActor';
+import { OverlaysActorLogic } from '../../overlays/overlaysActor';
+import { SearchActorLogic } from '../../search/searchActor';
+import { MediaPrintActorLogic } from './mediaPrintActor';
+import { EditorActorLogic } from '../../editor';
+export declare const idle: {
+    id: string;
+    on: {
+        'xyflow.nodeClick': ({
+            guard: GuardPredicate<Context, {
+                type: "xyflow.nodeClick";
+                node: import("../types").Types.Node;
+            }, unknown, NormalizeGuardArgArray<["enabled: Readonly", "enabled: FocusMode", "click: node has connections", GuardPredicate<Context, {
+                type: "xyflow.nodeClick";
+                node: import("../types").Types.Node;
+            }, unknown, NormalizeGuardArgArray<["click: same node", "click: selected node"]>>]>>;
+            actions: ( ActionFunction<Context, Events, Events, undefined, Values<{
+                hotkeyActorLogic: {
+                    src: "hotkeyActorLogic";
+                    logic: HotkeyActorLogic;
+                    id: "hotkey";
+                };
+                overlaysActorLogic: {
+                    src: "overlaysActorLogic";
+                    logic: OverlaysActorLogic;
+                    id: "overlays";
+                };
+                searchActorLogic: {
+                    src: "searchActorLogic";
+                    logic: SearchActorLogic;
+                    id: "search";
+                };
+                mediaPrintActorLogic: {
+                    src: "mediaPrintActorLogic";
+                    logic: MediaPrintActorLogic;
+                    id: "mediaPrint";
+                };
+                editorActor: {
+                    src: "editorActor";
+                    logic: EditorActorLogic;
+                    id: "editor";
+                };
+            }>, never, never, never, never> | ActionFunction<Context, Events, Events, undefined, never, never, never, never, EmittedEvents>)[];
+            target: string;
+        } | {
+            guard: GuardPredicate<Context, {
+                type: "xyflow.nodeClick";
+                node: import("../types").Types.Node;
+            }, unknown, NormalizeGuardArgArray<["enabled: Readonly", "enabled: ElementDetails", "click: node has modelFqn", GuardPredicate<Context, {
+                type: "xyflow.nodeClick";
+                node: import("../types").Types.Node;
+            }, unknown, NormalizeGuardArgArray<["click: same node", "click: selected node"]>>]>>;
+            actions: ActionFunction<Context, Events, Events, undefined, Values<{
+                hotkeyActorLogic: {
+                    src: "hotkeyActorLogic";
+                    logic: HotkeyActorLogic;
+                    id: "hotkey";
+                };
+                overlaysActorLogic: {
+                    src: "overlaysActorLogic";
+                    logic: OverlaysActorLogic;
+                    id: "overlays";
+                };
+                searchActorLogic: {
+                    src: "searchActorLogic";
+                    logic: SearchActorLogic;
+                    id: "search";
+                };
+                mediaPrintActorLogic: {
+                    src: "mediaPrintActorLogic";
+                    logic: MediaPrintActorLogic;
+                    id: "mediaPrint";
+                };
+                editorActor: {
+                    src: "editorActor";
+                    logic: EditorActorLogic;
+                    id: "editor";
+                };
+            }>, never, Values<{
+                isReady: {
+                    type: "isReady";
+                    params: unknown;
+                };
+                "enabled: Editor": {
+                    type: "enabled: Editor";
+                    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: OpenSource": {
+                    type: "enabled: OpenSource";
+                    params: unknown;
+                };
+                "enabled: DynamicViewWalkthrough": {
+                    type: "enabled: DynamicViewWalkthrough";
+                    params: unknown;
+                };
+                "focus.node: autoUnfocus": {
+                    type: "focus.node: autoUnfocus";
+                    params: unknown;
+                };
+                "enabled: Overlays": {
+                    type: "enabled: Overlays";
+                    params: unknown;
+                };
+                "not readonly": {
+                    type: "not readonly";
+                    params: unknown;
+                };
+                "is dynamic view": {
+                    type: "is dynamic view";
+                    params: unknown;
+                };
+                "is same view": {
+                    type: "is same 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?: never;
+        } | {
+            actions: ActionFunction<Context, Events, Events, undefined, Values<{
+                hotkeyActorLogic: {
+                    src: "hotkeyActorLogic";
+                    logic: HotkeyActorLogic;
+                    id: "hotkey";
+                };
+                overlaysActorLogic: {
+                    src: "overlaysActorLogic";
+                    logic: OverlaysActorLogic;
+                    id: "overlays";
+                };
+                searchActorLogic: {
+                    src: "searchActorLogic";
+                    logic: SearchActorLogic;
+                    id: "search";
+                };
+                mediaPrintActorLogic: {
+                    src: "mediaPrintActorLogic";
+                    logic: MediaPrintActorLogic;
+                    id: "mediaPrint";
+                };
+                editorActor: {
+                    src: "editorActor";
+                    logic: EditorActorLogic;
+                    id: "editor";
+                };
+            }>, never, Values<{
+                isReady: {
+                    type: "isReady";
+                    params: unknown;
+                };
+                "enabled: Editor": {
+                    type: "enabled: Editor";
+                    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: OpenSource": {
+                    type: "enabled: OpenSource";
+                    params: unknown;
+                };
+                "enabled: DynamicViewWalkthrough": {
+                    type: "enabled: DynamicViewWalkthrough";
+                    params: unknown;
+                };
+                "focus.node: autoUnfocus": {
+                    type: "focus.node: autoUnfocus";
+                    params: unknown;
+                };
+                "enabled: Overlays": {
+                    type: "enabled: Overlays";
+                    params: unknown;
+                };
+                "not readonly": {
+                    type: "not readonly";
+                    params: unknown;
+                };
+                "is dynamic view": {
+                    type: "is dynamic view";
+                    params: unknown;
+                };
+                "is same view": {
+                    type: "is same 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>[];
+            guard?: never;
+            target?: never;
+        })[];
+        'xyflow.paneClick': {
+            actions: ( ActionFunction<Context, Events, Events, undefined, Values<{
+                hotkeyActorLogic: {
+                    src: "hotkeyActorLogic";
+                    logic: HotkeyActorLogic;
+                    id: "hotkey";
+                };
+                overlaysActorLogic: {
+                    src: "overlaysActorLogic";
+                    logic: OverlaysActorLogic;
+                    id: "overlays";
+                };
+                searchActorLogic: {
+                    src: "searchActorLogic";
+                    logic: SearchActorLogic;
+                    id: "search";
+                };
+                mediaPrintActorLogic: {
+                    src: "mediaPrintActorLogic";
+                    logic: MediaPrintActorLogic;
+                    id: "mediaPrint";
+                };
+                editorActor: {
+                    src: "editorActor";
+                    logic: EditorActorLogic;
+                    id: "editor";
+                };
+            }>, never, never, never, never> | ActionFunction<Context, Events, Events, undefined, never, never, never, never, EmittedEvents>)[];
+        };
+        'xyflow.paneDblClick': {
+            actions: ActionFunction<Context, {
+                type: "xyflow.paneDblClick";
+            }, Events, undefined, Values<{
+                hotkeyActorLogic: {
+                    src: "hotkeyActorLogic";
+                    logic: HotkeyActorLogic;
+                    id: "hotkey";
+                };
+                overlaysActorLogic: {
+                    src: "overlaysActorLogic";
+                    logic: OverlaysActorLogic;
+                    id: "overlays";
+                };
+                searchActorLogic: {
+                    src: "searchActorLogic";
+                    logic: SearchActorLogic;
+                    id: "search";
+                };
+                mediaPrintActorLogic: {
+                    src: "mediaPrintActorLogic";
+                    logic: MediaPrintActorLogic;
+                    id: "mediaPrint";
+                };
+                editorActor: {
+                    src: "editorActor";
+                    logic: EditorActorLogic;
+                    id: "editor";
+                };
+            }>, never, Values<{
+                isReady: {
+                    type: "isReady";
+                    params: unknown;
+                };
+                "enabled: Editor": {
+                    type: "enabled: Editor";
+                    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: OpenSource": {
+                    type: "enabled: OpenSource";
+                    params: unknown;
+                };
+                "enabled: DynamicViewWalkthrough": {
+                    type: "enabled: DynamicViewWalkthrough";
+                    params: unknown;
+                };
+                "focus.node: autoUnfocus": {
+                    type: "focus.node: autoUnfocus";
+                    params: unknown;
+                };
+                "enabled: Overlays": {
+                    type: "enabled: Overlays";
+                    params: unknown;
+                };
+                "not readonly": {
+                    type: "not readonly";
+                    params: unknown;
+                };
+                "is dynamic view": {
+                    type: "is dynamic view";
+                    params: unknown;
+                };
+                "is same view": {
+                    type: "is same 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>[];
+        };
+        'focus.node': ({
+            guard: "focus.node: autoUnfocus";
+            actions: ActionFunction<Context, Events, Events, undefined, Values<{
+                hotkeyActorLogic: {
+                    src: "hotkeyActorLogic";
+                    logic: HotkeyActorLogic;
+                    id: "hotkey";
+                };
+                overlaysActorLogic: {
+                    src: "overlaysActorLogic";
+                    logic: OverlaysActorLogic;
+                    id: "overlays";
+                };
+                searchActorLogic: {
+                    src: "searchActorLogic";
+                    logic: SearchActorLogic;
+                    id: "search";
+                };
+                mediaPrintActorLogic: {
+                    src: "mediaPrintActorLogic";
+                    logic: MediaPrintActorLogic;
+                    id: "mediaPrint";
+                };
+                editorActor: {
+                    src: "editorActor";
+                    logic: EditorActorLogic;
+                    id: "editor";
+                };
+            }>, never, never, never, never>;
+            target: string;
+        } | {
+            guard: "enabled: FocusMode";
+            actions: ActionFunction<Context, Events, Events, undefined, Values<{
+                hotkeyActorLogic: {
+                    src: "hotkeyActorLogic";
+                    logic: HotkeyActorLogic;
+                    id: "hotkey";
+                };
+                overlaysActorLogic: {
+                    src: "overlaysActorLogic";
+                    logic: OverlaysActorLogic;
+                    id: "overlays";
+                };
+                searchActorLogic: {
+                    src: "searchActorLogic";
+                    logic: SearchActorLogic;
+                    id: "search";
+                };
+                mediaPrintActorLogic: {
+                    src: "mediaPrintActorLogic";
+                    logic: MediaPrintActorLogic;
+                    id: "mediaPrint";
+                };
+                editorActor: {
+                    src: "editorActor";
+                    logic: EditorActorLogic;
+                    id: "editor";
+                };
+            }>, never, never, never, never>;
+            target: string;
+        })[];
+        'xyflow.edgeClick': {
+            guard: GuardPredicate<Context, {
+                type: "xyflow.edgeClick";
+                edge: import("../types").Types.Edge;
+            }, unknown, NormalizeGuardArgArray<["enabled: Readonly", "is dynamic view", "enabled: DynamicViewWalkthrough", "click: selected edge"]>>;
+            actions: ( ActionFunction<Context, Events, Events, undefined, Values<{
+                hotkeyActorLogic: {
+                    src: "hotkeyActorLogic";
+                    logic: HotkeyActorLogic;
+                    id: "hotkey";
+                };
+                overlaysActorLogic: {
+                    src: "overlaysActorLogic";
+                    logic: OverlaysActorLogic;
+                    id: "overlays";
+                };
+                searchActorLogic: {
+                    src: "searchActorLogic";
+                    logic: SearchActorLogic;
+                    id: "search";
+                };
+                mediaPrintActorLogic: {
+                    src: "mediaPrintActorLogic";
+                    logic: MediaPrintActorLogic;
+                    id: "mediaPrint";
+                };
+                editorActor: {
+                    src: "editorActor";
+                    logic: EditorActorLogic;
+                    id: "editor";
+                };
+            }>, never, never, never, never> | ActionFunction<Context, Events, Events, undefined, never, never, never, never, EmittedEvents> | ActionFunction<Context, {
+                type: "xyflow.edgeClick";
+                edge: import("../types").Types.Edge;
+            }, Events, undefined, never, never, never, never, never>)[];
+        };
+    };
+};