@likec4/diagram 1.47.0 → 1.49.0

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

@@ -341,6 +341,10 @@ export declare const focusOnNodesAndEdges: () => ActionFunction<Context, Events,
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const undimEverything: () => ActionFunction<Context, Events, Events, undefined, Values<{
     hotkeyActorLogic: {
@@ -456,6 +460,7 @@ export declare const onNodeMouseLeave: (params?: {
 }>, never, never, never, never>;
 export declare const emitPaneClick: () => ActionFunction<Context, Events, Events, undefined, never, never, never, never, EmittedEvents>;
 export declare const emitOpenSource: (params?: OpenSourceParams) => ActionFunction<Context, Events, Events, undefined, never, never, never, never, EmittedEvents>;
+export declare const emitOpenSourceOfView: () => ActionFunction<Context, Events, Events, undefined, never, never, never, never, EmittedEvents>;
 export declare const emitInitialized: () => ActionFunction<Context, Events, Events, undefined, never, never, never, never, EmittedEvents>;
 export declare const emitNodeClick: () => ActionFunction<Context, Events, Events, undefined, never, never, never, never, EmittedEvents>;
 export declare const emitNavigateTo: (params?: {
@@ -577,6 +582,10 @@ export declare const triggerChange: (viewChange?: ViewChange) => ActionFunction<
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const emitOnLayoutTypeChange: () => ActionFunction<Context, Events, Events, undefined, Values<{
     hotkeyActorLogic: {
@@ -693,6 +702,10 @@ export declare const emitOnLayoutTypeChange: () => ActionFunction<Context, Event
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const layoutAlign: (params?: {
     mode: AlignmentMode;
@@ -811,6 +824,10 @@ export declare const layoutAlign: (params?: {
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const resetEdgesControlPoints: () => ActionFunction<Context, Events, Events, undefined, Values<{
     hotkeyActorLogic: {
@@ -893,6 +910,33 @@ export declare const tagHighlight: () => ActionFunction<Context, Events, Events,
         id: "editor";
     };
 }>, never, never, never, never>;
+export declare const highlightNodeOrEdge: () => 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>;
 export declare const assignToggledFeatures: () => ActionFunction<Context, Events, Events, undefined, Values<{
     hotkeyActorLogic: {
         src: "hotkeyActorLogic";
@@ -1037,6 +1081,10 @@ export declare const stopEditorActor: () => ActionFunction<Context, Events, Even
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 /**
  * Ensure that the sync layout actor is running or stopped based on the read-only state
@@ -1156,6 +1204,10 @@ export declare const ensureEditorActor: () => ActionFunction<Context, Events, Ev
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const startEditing: (subject?: "node" | "edge") => ActionFunction<Context, Events, Events, undefined, never, never, never, never, never>;
 export declare const sendSynced: () => ActionFunction<Context, Events, Events, undefined, never, never, never, never, never>;
@@ -1279,6 +1331,10 @@ export declare const openElementDetails: (params?: {
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const openOverlay: () => ActionFunction<Context, Events, Events, undefined, Values<{
     hotkeyActorLogic: {
@@ -1395,6 +1451,10 @@ export declare const openOverlay: () => ActionFunction<Context, Events, Events,
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const openSourceOfFocusedOrLastClickedNode: () => ActionFunction<Context, Events, Events, undefined, Values<{
     hotkeyActorLogic: {
@@ -1511,6 +1571,10 @@ export declare const openSourceOfFocusedOrLastClickedNode: () => ActionFunction<
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 /**
  * Ensure that the overlays actor is running or stopped based on the current feature flags
@@ -1630,6 +1694,10 @@ export declare const ensureOverlaysActor: () => ActionFunction<Context, Events,
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 /**
  * Ensure that the search actor is running or stopped based on the current feature flags
@@ -1749,6 +1817,10 @@ export declare const ensureSearchActor: () => ActionFunction<Context, Events, Ev
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const onEdgeMouseEnter: () => ActionFunction<Context, Events, Events, undefined, Values<{
     hotkeyActorLogic: {
@@ -1865,6 +1937,10 @@ export declare const onEdgeMouseEnter: () => ActionFunction<Context, Events, Eve
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const onEdgeMouseLeave: () => ActionFunction<Context, Events, Events, undefined, Values<{
     hotkeyActorLogic: {
@@ -1981,6 +2057,10 @@ export declare const onEdgeMouseLeave: () => ActionFunction<Context, Events, Eve
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const reraise: () => ActionFunction<Context, Events, Events, undefined, never, never, never, never, never>;
 export declare const startHotKeyActor: () => ActionFunction<Context, Events, Events, undefined, Values<{
@@ -2126,6 +2206,10 @@ export declare const startAutoUnfocusTimer: () => ActionFunction<Context, Events
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const cancelAutoUnfocusTimer: () => CancelAction<Context, Events, undefined, Events>;
 export declare const handleNavigate: () => ActionFunction<Context, Events, Events, undefined, Values<{
@@ -2243,6 +2327,10 @@ export declare const handleNavigate: () => ActionFunction<Context, Events, Event
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const updateView: () => ActionFunction<Context, Events, Events, undefined, Values<{
     hotkeyActorLogic: {
@@ -2359,4 +2447,8 @@ export declare const updateView: () => ActionFunction<Context, Events, Events, u
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;

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

@@ -1,4 +1,6 @@
-import { nonNullable, nonexhaustive, invariant } from '@likec4/core';
+import { exact, nonNullable, nonexhaustive, invariant } from '@likec4/core';
+import { BBox } from '@likec4/core/geometry';
+import { difference } from '@likec4/core/utils';
 import { nodeToRect } from '@xyflow/system';
 import { produce } from 'immer';
 import { hasAtLeast, isTruthy } from 'remeda';
@@ -7,10 +9,10 @@ import { convertToXYFlow } from '../convert-to-xyflow.js';
 import { createLayoutConstraints } from '../useLayoutConstraints.js';
 import { getAligner, toNodeRect } from './aligners.js';
 import { resetEdgeControlPoints, mergeXYNodesEdges, focusNodesEdges } from './assign.js';
-import { setViewport, cancelFitDiagram, raiseFitDiagram } from './machine.actions.layout.js';
-export { assignViewportBefore, fitDiagram, fitFocusedBounds, raiseSetViewport, raiseUpdateView, returnViewportBefore } from './machine.actions.layout.js';
+import { setViewport, setViewportCenter, cancelFitDiagram, raiseFitDiagram } from './machine.actions.layout.js';
+export { assignViewportBefore, centerOnNodeOrEdge, fitDiagram, fitFocusedBounds, raiseSetViewport, raiseUpdateView, returnViewportBefore } from './machine.actions.layout.js';
 import { machine } from './machine.setup.js';
-import { typedSystem, findDiagramEdge, findDiagramNode } from './utils.js';
+import { typedSystem, findDiagramNode, findDiagramEdge, viewBounds } from './utils.js';
 import { Base } from '../../base/Base.js';
 
 const disableCompareWithLatest = () => machine.assign(({ context }) => {
@@ -31,20 +33,20 @@ const onEdgeDoubleClick = () => machine.assign(({ context, event }) => {
   const { nodeLookup } = context.xystore.getState();
   return {
     xyedges: context.xyedges.map((e) => {
-      if (e.id === event.edge.id) {
-        const controlPoints = resetEdgeControlPoints(nodeLookup, e);
-        const pt = controlPoints[0];
-        return {
-          ...e,
-          data: {
-            ...e.data,
-            controlPoints,
-            labelBBox: e.data.labelBBox ? { ...e.data.labelBBox, ...pt } : null,
-            labelXY: null
-          }
-        };
+      if (e.id !== event.edge.id) {
+        return e;
       }
-      return e;
+      const controlPoints = resetEdgeControlPoints(nodeLookup, e);
+      const pt = controlPoints[0];
+      return {
+        ...e,
+        data: {
+          ...e.data,
+          controlPoints,
+          labelBBox: e.data.labelBBox ? { ...e.data.labelBBox, ...pt } : null,
+          labelXY: null
+        }
+      };
     })
   };
 });
@@ -75,10 +77,11 @@ const assignFocusedNode = () => machine.assign(({ event }) => {
     case "xyflow.nodeClick":
       focusedNode = event.node.data.id;
       break;
-    case "focus.node":
+    case "focus.node": {
       focusedNode = event.nodeId;
       autoUnfocusTimer = event.autoUnfocus === true;
       break;
+    }
     default:
       throw new Error(`Unexpected event type: ${event.type} in action 'assign: focusedNode'`);
   }
@@ -90,21 +93,25 @@ const assignFocusedNode = () => machine.assign(({ event }) => {
 const resetLastClickedNode = () => machine.assign(() => ({
   lastClickedNode: null
 }));
-const updateFeatures = () => machine.assign(({ event }) => {
+const updateFeatures = () => machine.assign(({ context, event }) => {
   assertEvent(event, "update.features");
   return {
-    features: { ...event.features }
+    features: {
+      ...context.features,
+      ...event.features
+    }
   };
 });
 const updateInputs = () => machine.assign(({ event }) => {
   assertEvent(event, "update.inputs");
-  return { ...event.inputs };
+  return exact({ ...event.inputs });
 });
 const assignXYDataFromView = (view) => machine.assign(({ context, event }) => {
   let xydata;
   {
     assertEvent(event, "update.view");
     xydata = "xynodes" in event ? event : convertToXYFlow({
+      currentViewId: context.view.id,
       dynamicViewVariant: context.dynamicViewVariant,
       view: event.view,
       where: context.where
@@ -188,18 +195,18 @@ const emitPaneClick = () => machine.emit(() => ({
   type: "paneClick"
 }));
 const emitOpenSource = (params) => machine.emit(({ event }) => {
-  if (params) {
-    return {
-      type: "openSource",
-      params
-    };
-  }
   assertEvent(event, "open.source");
   return {
     type: "openSource",
     params: event
   };
 });
+const emitOpenSourceOfView = () => machine.emit(({ context }) => ({
+  type: "openSource",
+  params: {
+    view: context.view.id
+  }
+}));
 const emitInitialized = () => machine.emit(({ context }) => {
   invariant(context.xyflow, "XYFlow instance not found");
   return {
@@ -292,7 +299,7 @@ const layoutAlign = (params) => machine.createAction(({ context, event }) => {
   const xystore = nonNullable(context.xystore, "xystore is not initialized");
   const { nodeLookup, parentLookup } = xystore.getState();
   const selectedNodes = new Set(nodeLookup.values().filter((n) => n.selected).map((n) => n.id));
-  const nodesToAlign = [...selectedNodes.difference(new Set(parentLookup.keys()))];
+  const nodesToAlign = [...difference(selectedNodes, new Set(parentLookup.keys()))];
   if (!hasAtLeast(nodesToAlign, 2)) {
     console.warn("At least 2 nodes must be selected to align");
     return;
@@ -359,14 +366,58 @@ const tagHighlight = () => machine.assign(({ context, event }) => {
     })
   };
 });
+const highlightNodeOrEdge = () => machine.assign(({ context, event }) => {
+  assertEvent(event, ["highlight.edge", "highlight.node"]);
+  switch (event.type) {
+    case "highlight.node": {
+      const nodeId = event.nodeId;
+      const node = context.xynodes.find((n) => n.id === nodeId);
+      if (!node) {
+        console.warn(`Node with id ${nodeId} not found for highlighting`);
+        return {};
+      }
+      return {
+        xynodes: context.xynodes.map((n) => {
+          return Base.setDimmed(n, n.id === nodeId ? false : true);
+        }),
+        xyedges: context.xyedges.map(Base.setData({
+          dimmed: true,
+          active: false
+        }))
+      };
+    }
+    case "highlight.edge": {
+      const edgeId = event.edgeId;
+      let edge = context.xyedges.find((e) => e.id === edgeId);
+      if (!edge) {
+        console.warn(`Edge with id ${edgeId} not found for highlighting`);
+        return {};
+      }
+      return {
+        xynodes: context.xynodes.map((n) => {
+          return Base.setDimmed(n, edge.source !== n.id && edge.target !== n.id);
+        }),
+        xyedges: context.xyedges.map((e) => {
+          return Base.setData(e, {
+            dimmed: e.id !== edgeId,
+            active: e.id === edgeId
+          });
+        })
+      };
+    }
+    default:
+      nonexhaustive(event);
+  }
+});
 const assignToggledFeatures = () => machine.assign(({ context, event }) => {
   assertEvent(event, "toggle.feature");
-  const currentValue = context.toggledFeatures[`enable${event.feature}`] ?? context.features[`enable${event.feature}`];
+  const feature = `enable${event.feature}`;
+  const currentValue = context.toggledFeatures[feature] ?? context.features[feature];
   const nextValue = event.forceValue ?? !currentValue;
   return {
     toggledFeatures: {
       ...context.toggledFeatures,
-      [`enable${event.feature}`]: nextValue
+      [feature]: nextValue
     }
   };
 });
@@ -418,7 +469,7 @@ const sendSynced = () => machine.sendTo(
     type: "synced"
   }
 );
-const stopEditing = (wasChanged = true) => machine.sendTo(
+const stopEditing = (wasChanged = false) => machine.sendTo(
   typedSystem.editorActor,
   {
     type: "edit.finish",
@@ -507,6 +558,10 @@ const openOverlay = () => machine.enqueueActions(({ context, event, enqueue, che
       break;
     }
     case "open.relationshipsBrowser": {
+      if (!context.features.enableRelationshipBrowser) {
+        console.warn("RelationshipBrowser feature is disabled");
+        return;
+      }
       enqueue.sendTo(
         typedSystem.overlaysActor,
         {
@@ -522,6 +577,10 @@ const openOverlay = () => machine.enqueueActions(({ context, event, enqueue, che
       break;
     }
     case "open.relationshipDetails": {
+      if (!context.features.enableRelationshipDetails) {
+        console.warn("RelationshipDetails feature is disabled");
+        return;
+      }
       enqueue.sendTo(
         typedSystem.overlaysActor,
         {
@@ -548,30 +607,39 @@ const openSourceOfFocusedOrLastClickedNode = () => machine.enqueueActions(({ con
   }
 });
 const ensureOverlaysActor = () => machine.enqueueActions(({ enqueue, check, system }) => {
-  const enableOverlays = check("enabled: Overlays");
-  const hasRunning = typedSystem(system).overlaysActorRef;
-  if (enableOverlays && !hasRunning) {
-    enqueue.spawnChild("overlaysActorLogic", { id: "overlays", systemId: "overlays" });
+  const enabled = check("enabled: Overlays");
+  const running = typedSystem(system).overlaysActorRef;
+  if (enabled && !running) {
+    enqueue.spawnChild("overlaysActorLogic", {
+      id: "overlays",
+      systemId: "overlays",
+      syncSnapshot: true
+    });
     return;
   }
-  if (!enableOverlays && hasRunning) {
-    enqueue.sendTo(hasRunning, {
+  if (!enabled && running) {
+    enqueue.sendTo(running, {
       type: "close.all"
     });
-    enqueue.stopChild("overlays");
+    enqueue.stopChild(running);
   }
 });
-const ensureSearchActor = () => machine.enqueueActions(({ enqueue, context: { features: { enableSearch } }, system }) => {
-  const hasRunning = typedSystem(system).searchActorRef;
-  if (enableSearch && !hasRunning) {
-    enqueue.spawnChild("searchActorLogic", { id: "search", systemId: "search" });
+const ensureSearchActor = () => machine.enqueueActions(({ enqueue, check, system }) => {
+  const enabled = check("enabled: Search");
+  const running = typedSystem(system).searchActorRef;
+  if (enabled && !running) {
+    enqueue.spawnChild("searchActorLogic", {
+      id: "search",
+      systemId: "search",
+      syncSnapshot: true
+    });
     return;
   }
-  if (!enableSearch && hasRunning) {
-    enqueue.sendTo(hasRunning, {
+  if (!enabled && running) {
+    enqueue.sendTo(running, {
       type: "close"
     });
-    enqueue.stopChild("search");
+    enqueue.stopChild(running);
   }
 });
 const onEdgeMouseEnter = () => machine.enqueueActions(({ enqueue, context, event }) => {
@@ -629,14 +697,12 @@ const handleNavigate = () => machine.enqueueActions(({ enqueue, context, event }
     viewport,
     viewportChangedManually,
     viewportBefore,
-    navigationHistory: {
-      currentIndex,
-      history: _history
-    }
+    navigationHistory
   } = context;
-  let history = [..._history];
+  let { currentIndex, history: _history } = navigationHistory;
+  let history = _history;
   if (currentIndex < _history.length) {
-    const updatedEntry = produce(_history[currentIndex], (draft) => {
+    const updatedEntry = produce(_history.at(currentIndex) ?? {}, (draft) => {
       draft.viewport = { ...viewport };
       draft.viewportChangedManually = viewportChangedManually;
       draft.focusedNode = focusedNode;
@@ -648,7 +714,7 @@ const handleNavigate = () => machine.enqueueActions(({ enqueue, context, event }
         draft.dynamicViewVariant = null;
       }
       if (viewportBefore) {
-        draft.viewportBefore = viewportBefore;
+        draft.viewportBefore = structuredClone(viewportBefore);
       } else {
         delete draft.viewportBefore;
       }
@@ -720,7 +786,6 @@ const updateView = () => machine.enqueueActions(
       return;
     }
     enqueue(sendSynced());
-    let recenter = !context.viewportChangedManually && !context.focusedNode && !context.activeWalkthrough;
     if (context.toggledFeatures.enableCompareWithLatest === true && context.view._layout !== nextView._layout) {
       if (nextView._layout === "auto" && context.viewportOnAutoLayout) {
         enqueue(
@@ -741,15 +806,19 @@ const updateView = () => machine.enqueueActions(
         return;
       }
     }
-    recenter = recenter || nextView._type === "dynamic" && context.view._type === "dynamic" && nextView.variant !== context.view.variant;
+    let recenter = !context.viewportChangedManually && !context.focusedNode && !context.activeWalkthrough;
     recenter = recenter || context.toggledFeatures.enableCompareWithLatest === true && !!nextView._layout && context.view._layout !== nextView._layout;
+    if (nextView._type === "dynamic" && context.view._type === "dynamic") {
+      if (nextView.variant === context.view.variant && nextView.variant !== context.dynamicViewVariant) {
+        const nextCenter = BBox.center(viewBounds(context, nextView));
+        enqueue(setViewportCenter(nextCenter));
+      }
+    }
     if (recenter) {
       enqueue(cancelFitDiagram());
-      enqueue(raiseFitDiagram({
-        bounds: event.view.bounds
-      }));
+      enqueue(raiseFitDiagram());
     }
   }
 );
 
-export { assignDynamicViewVariant, assignFocusedNode, assignLastClickedNode, assignToggledFeatures, assignXYDataFromView, cancelAutoUnfocusTimer, cancelEditing, cancelFitDiagram, closeAllOverlays, closeSearch, disableCompareWithLatest, emitEdgeClick, emitInitialized, emitNavigateTo, emitNodeClick, emitOnLayoutTypeChange, emitOpenSource, emitPaneClick, ensureEditorActor, ensureOverlaysActor, ensureSearchActor, focusOnNodesAndEdges, handleNavigate, layoutAlign, notationsHighlight, onEdgeDoubleClick, onEdgeMouseEnter, onEdgeMouseLeave, onNodeMouseEnter, onNodeMouseLeave, openElementDetails, openOverlay, openSourceOfFocusedOrLastClickedNode, raiseFitDiagram, resetEdgesControlPoints, resetLastClickedNode, sendSynced, setViewport, startAutoUnfocusTimer, startEditing, startHotKeyActor, stopEditing, stopEditorActor, stopHotKeyActor, tagHighlight, triggerChange, undimEverything, updateFeatures, updateInputs, updateView };
+export { assignDynamicViewVariant, assignFocusedNode, assignLastClickedNode, assignToggledFeatures, assignXYDataFromView, cancelAutoUnfocusTimer, cancelEditing, cancelFitDiagram, closeAllOverlays, closeSearch, disableCompareWithLatest, emitEdgeClick, emitInitialized, emitNavigateTo, emitNodeClick, emitOnLayoutTypeChange, emitOpenSource, emitOpenSourceOfView, emitPaneClick, ensureEditorActor, ensureOverlaysActor, ensureSearchActor, focusOnNodesAndEdges, handleNavigate, highlightNodeOrEdge, layoutAlign, notationsHighlight, onEdgeDoubleClick, onEdgeMouseEnter, onEdgeMouseLeave, onNodeMouseEnter, onNodeMouseLeave, openElementDetails, openOverlay, openSourceOfFocusedOrLastClickedNode, raiseFitDiagram, resetEdgesControlPoints, resetLastClickedNode, sendSynced, setViewport, setViewportCenter, startAutoUnfocusTimer, startEditing, startHotKeyActor, stopEditing, stopEditorActor, stopHotKeyActor, tagHighlight, triggerChange, undimEverything, updateFeatures, updateInputs, updateView };

package/dist/likec4diagram/state/machine.actions.layout.d.ts

@@ -126,6 +126,10 @@ export declare const setViewport: (params?: {
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const setViewportCenter: (params?: {
     x: number;
@@ -245,11 +249,16 @@ export declare const setViewportCenter: (params?: {
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
+export declare const centerOnNodeOrEdge: () => ActionFunction<Context, Events, Events, undefined, never, never, never, never, never>;
 export declare const fitDiagram: (params?: {
     duration?: number;
     bounds?: BBox;
-}) => ActionFunction<Context, Events, Events, undefined, Values<{
+}) => ActionFunction<Context, Events, Events, unknown, Values<{
     hotkeyActorLogic: {
         src: "hotkeyActorLogic";
         logic: HotkeyActorLogic;
@@ -364,6 +373,10 @@ export declare const fitDiagram: (params?: {
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const fitFocusedBounds: () => ActionFunction<Context, Events, Events, unknown, Values<{
     hotkeyActorLogic: {
@@ -480,6 +493,10 @@ export declare const fitFocusedBounds: () => ActionFunction<Context, Events, Eve
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const raiseSetViewport: (params: {
     delay?: number;
@@ -493,7 +510,7 @@ export declare const raiseFitDiagram: (params?: {
     bounds?: BBox;
 }) => ActionFunction<Context, Events, Events, undefined, never, never, never, never, never>;
 export declare const raiseUpdateView: (view?: DiagramView) => ActionFunction<Context, Events, Events, undefined, never, never, never, never, never>;
-export declare const assignViewportBefore: (viewport?: Viewport | null) => ActionFunction<Context, Events, Events, undefined, Values<{
+export declare const assignViewportBefore: (viewport?: Viewport | false) => ActionFunction<Context, Events, Events, undefined, Values<{
     hotkeyActorLogic: {
         src: "hotkeyActorLogic";
         logic: HotkeyActorLogic;
@@ -638,4 +655,8 @@ export declare const returnViewportBefore: (params?: {
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;