@likec4/diagram 1.45.0 → 1.46.2

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

@@ -1,27 +1,25 @@
-import { CancelAction, StopAction, GuardPredicate, ActionFunction, Values } from 'xstate';
+import { CancelAction, GuardPredicate, ActionFunction, Values } from 'xstate';
 import { Context, Events, EmittedEvents } from './machine.setup';
 import { NormalizeGuardArgArray } from 'xstate/guards';
-import { SyncLayoutActorLogic } from './syncManualLayoutActor';
 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 focused: {
     id: string;
     entry: CancelAction<Context, Events, undefined, Events>[];
-    exit: StopAction<Context, Events, undefined, Events>[];
+    exit: CancelAction<Context, Events, undefined, Events>[];
     on: {
+        'focus.autoUnfocus': {
+            target: string;
+        };
         'xyflow.nodeClick': ({
             guard: GuardPredicate<Context, {
                 type: "xyflow.nodeClick";
                 node: import("../types").Types.Node;
             }, unknown, NormalizeGuardArgArray<["enabled: ElementDetails", "click: focused node", "click: node has modelFqn"]>>;
             actions: ActionFunction<Context, Events, Events, undefined, Values<{
-                syncManualLayoutActorLogic: {
-                    src: "syncManualLayoutActorLogic";
-                    logic: SyncLayoutActorLogic;
-                    id: "syncLayout";
-                };
                 hotkeyActorLogic: {
                     src: "hotkeyActorLogic";
                     logic: HotkeyActorLogic;
@@ -42,11 +40,20 @@ export declare const focused: {
                     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;
@@ -79,6 +86,10 @@ export declare const focused: {
                     type: "enabled: DynamicViewWalkthrough";
                     params: unknown;
                 };
+                "focus.node: autoUnfocus": {
+                    type: "focus.node: autoUnfocus";
+                    params: unknown;
+                };
                 "enabled: Overlays": {
                     type: "enabled: Overlays";
                     params: unknown;
@@ -91,6 +102,10 @@ export declare const focused: {
                     type: "is dynamic view";
                     params: unknown;
                 };
+                "is same view": {
+                    type: "is same view";
+                    params: unknown;
+                };
                 "is another view": {
                     type: "is another view";
                     params: unknown;
@@ -124,11 +139,6 @@ export declare const focused: {
         } | {
             guard: "click: focused node";
             actions: ( ActionFunction<Context, Events, Events, undefined, Values<{
-                syncManualLayoutActorLogic: {
-                    src: "syncManualLayoutActorLogic";
-                    logic: SyncLayoutActorLogic;
-                    id: "syncLayout";
-                };
                 hotkeyActorLogic: {
                     src: "hotkeyActorLogic";
                     logic: HotkeyActorLogic;
@@ -149,15 +159,15 @@ export declare const focused: {
                     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;
         } | {
             actions: ( ActionFunction<Context, Events, Events, undefined, Values<{
-                syncManualLayoutActorLogic: {
-                    src: "syncManualLayoutActorLogic";
-                    logic: SyncLayoutActorLogic;
-                    id: "syncLayout";
-                };
                 hotkeyActorLogic: {
                     src: "hotkeyActorLogic";
                     logic: HotkeyActorLogic;
@@ -178,6 +188,11 @@ export declare const focused: {
                     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.nodeClick";
                 node: import("../types").Types.Node;
@@ -187,11 +202,6 @@ export declare const focused: {
         })[];
         'focus.node': {
             actions: ActionFunction<Context, Events, Events, undefined, Values<{
-                syncManualLayoutActorLogic: {
-                    src: "syncManualLayoutActorLogic";
-                    logic: SyncLayoutActorLogic;
-                    id: "syncLayout";
-                };
                 hotkeyActorLogic: {
                     src: "hotkeyActorLogic";
                     logic: HotkeyActorLogic;
@@ -212,11 +222,20 @@ export declare const focused: {
                     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;
@@ -249,6 +268,10 @@ export declare const focused: {
                     type: "enabled: DynamicViewWalkthrough";
                     params: unknown;
                 };
+                "focus.node: autoUnfocus": {
+                    type: "focus.node: autoUnfocus";
+                    params: unknown;
+                };
                 "enabled: Overlays": {
                     type: "enabled: Overlays";
                     params: unknown;
@@ -261,6 +284,10 @@ export declare const focused: {
                     type: "is dynamic view";
                     params: unknown;
                 };
+                "is same view": {
+                    type: "is same view";
+                    params: unknown;
+                };
                 "is another view": {
                     type: "is another view";
                     params: unknown;
@@ -296,11 +323,6 @@ export declare const focused: {
         };
         'xyflow.paneClick': {
             actions: ( ActionFunction<Context, Events, Events, undefined, Values<{
-                syncManualLayoutActorLogic: {
-                    src: "syncManualLayoutActorLogic";
-                    logic: SyncLayoutActorLogic;
-                    id: "syncLayout";
-                };
                 hotkeyActorLogic: {
                     src: "hotkeyActorLogic";
                     logic: HotkeyActorLogic;
@@ -321,16 +343,16 @@ export declare const focused: {
                     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;
         };
         'notations.unhighlight': {
             actions: ActionFunction<Context, Events, Events, undefined, Values<{
-                syncManualLayoutActorLogic: {
-                    src: "syncManualLayoutActorLogic";
-                    logic: SyncLayoutActorLogic;
-                    id: "syncLayout";
-                };
                 hotkeyActorLogic: {
                     src: "hotkeyActorLogic";
                     logic: HotkeyActorLogic;
@@ -351,15 +373,223 @@ export declare const focused: {
                     logic: MediaPrintActorLogic;
                     id: "mediaPrint";
                 };
-            }>, never, never, never, never>;
+                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>;
         };
         'tag.unhighlight': {
             actions: ActionFunction<Context, Events, 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";
+                };
+                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>;
+        };
+        'update.view': {
+            guard: "is same view";
+            actions: ActionFunction<Context, Events, Events, undefined, Values<{
                 hotkeyActorLogic: {
                     src: "hotkeyActorLogic";
                     logic: HotkeyActorLogic;
@@ -380,7 +610,101 @@ export declare const focused: {
                     logic: MediaPrintActorLogic;
                     id: "mediaPrint";
                 };
-            }>, never, never, never, never>;
+                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>[];
         };
     };
 };

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

@@ -1,4 +1,4 @@
-import { focusOnNodesAndEdges, resetLastClickedNode, emitPaneClick, assignFocusedNode, openSourceOfFocusedOrLastClickedNode, assignLastClickedNode, openElementDetails, emitNodeClick, stopHotKeyActor, undimEverything, startHotKeyActor } from './machine.actions.js';
+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';
@@ -12,17 +12,23 @@ const focused = machine.createStateConfig({
     assignViewportBefore(),
     openSourceOfFocusedOrLastClickedNode(),
     startHotKeyActor(),
-    fitFocusedBounds()
+    fitFocusedBounds(),
+    startAutoUnfocusTimer()
   ],
   exit: [
     stopHotKeyActor(),
     undimEverything(),
     returnViewportBefore(),
-    machine.assign({
-      focusedNode: null
+    cancelAutoUnfocusTimer(),
+    xstateActions_cjsExports.assign({
+      focusedNode: null,
+      autoUnfocusTimer: false
     })
   ],
   on: {
+    "focus.autoUnfocus": {
+      target: targetState.idle
+    },
     "xyflow.nodeClick": [
       {
         guard: xstateGuards_cjsExports.and([
@@ -78,6 +84,13 @@ const focused = machine.createStateConfig({
     },
     "tag.unhighlight": {
       actions: focusOnNodesAndEdges()
+    },
+    "update.view": {
+      guard: "is same view",
+      actions: [
+        updateView(),
+        focusOnNodesAndEdges()
+      ]
     }
   }
 });