@likec4/diagram 1.55.0 → 1.56.0

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

@@ -1,100 +1,81 @@
-import { resetLastClickedNode, emitEdgeClick, assignFocusedNode, emitOpenSourceOfView, emitPaneClick, assignLastClickedNode, emitNodeClick, openSourceOfFocusedOrLastClickedNode, openElementDetails } from './machine.actions.js';
-import { machine, targetState, to } from './machine.setup.js';
-import { x as xstateActions_cjsExports } from '../../_virtual/xstate-actions.cjs.js';
-import { x as xstateGuards_cjsExports } from '../../_virtual/xstate-guards.cjs.js';
-import { raiseFitDiagram } from './machine.actions.layout.js';
-
-const idle = machine.createStateConfig({
-  id: targetState.idle.slice(1),
-  on: {
-    "xyflow.nodeClick": [
-      {
-        guard: xstateGuards_cjsExports.and([
-          "enabled: Readonly",
-          "enabled: FocusMode",
-          "click: node has connections",
-          xstateGuards_cjsExports.or([
-            "click: same node",
-            "click: selected node"
-          ])
-        ]),
-        actions: [
-          assignLastClickedNode(),
-          assignFocusedNode(),
-          emitNodeClick()
-        ],
-        ...to.focused
-      },
-      {
-        guard: xstateGuards_cjsExports.and([
-          "enabled: Readonly",
-          "enabled: ElementDetails",
-          "click: node has modelFqn",
-          xstateGuards_cjsExports.or([
-            "click: same node",
-            "click: selected node"
-          ])
-        ]),
-        actions: [
-          assignLastClickedNode(),
-          openSourceOfFocusedOrLastClickedNode(),
-          openElementDetails(),
-          emitNodeClick()
-        ]
-      },
-      {
-        actions: [
-          assignLastClickedNode(),
-          openSourceOfFocusedOrLastClickedNode(),
-          emitNodeClick()
-        ]
-      }
-    ],
-    "xyflow.paneClick": {
-      actions: [
-        resetLastClickedNode(),
-        emitPaneClick()
-      ]
-    },
-    "xyflow.paneDblClick": {
-      actions: [
-        resetLastClickedNode(),
-        raiseFitDiagram(),
-        emitOpenSourceOfView(),
-        emitPaneClick()
-      ]
-    },
-    "focus.node": [
-      // Focus was initialed by the user searching (autoUnfocus=true) - always allowed
-      {
-        guard: "focus.node: autoUnfocus",
-        actions: assignFocusedNode(),
-        target: targetState.focused
-      },
-      // Regular focus - requires FocusMode to be enabled
-      {
-        guard: "enabled: FocusMode",
-        actions: assignFocusedNode(),
-        target: targetState.focused
-      }
-    ],
-    "xyflow.edgeClick": {
-      guard: xstateGuards_cjsExports.and([
-        "enabled: Readonly",
-        "is dynamic view",
-        "enabled: DynamicViewWalkthrough",
-        "click: selected edge"
-      ]),
-      actions: [
-        resetLastClickedNode(),
-        xstateActions_cjsExports.raise(({ event }) => ({
-          type: "walkthrough.start",
-          stepId: event.edge.id
-        })),
-        emitEdgeClick()
-      ]
-    }
-  }
+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 { raise } from "xstate/actions";
+//#region src/likec4diagram/state/machine.state.ready.idle.ts
+var idle = machine.createStateConfig({
+	id: targetState.idle.slice(1),
+	on: {
+		"xyflow.nodeClick": [
+			{
+				guard: and([
+					"enabled: Readonly",
+					"enabled: FocusMode",
+					"click: node has connections",
+					or(["click: same node", "click: selected node"])
+				]),
+				actions: [
+					assignLastClickedNode(),
+					assignFocusedNode(),
+					emitNodeClick()
+				],
+				...to.focused
+			},
+			{
+				guard: and([
+					"enabled: Readonly",
+					"enabled: ElementDetails",
+					"click: node has modelFqn",
+					or(["click: same node", "click: selected node"])
+				]),
+				actions: [
+					assignLastClickedNode(),
+					openSourceOfFocusedOrLastClickedNode(),
+					openElementDetails(),
+					emitNodeClick()
+				]
+			},
+			{ actions: [
+				assignLastClickedNode(),
+				openSourceOfFocusedOrLastClickedNode(),
+				emitNodeClick()
+			] }
+		],
+		"xyflow.paneClick": { actions: [resetLastClickedNode(), emitPaneClick()] },
+		"xyflow.paneDblClick": { actions: [
+			resetLastClickedNode(),
+			raiseFitDiagram(),
+			emitOpenSourceOfView(),
+			emitPaneClick()
+		] },
+		"focus.node": [{
+			guard: "focus.node: autoUnfocus",
+			actions: assignFocusedNode(),
+			target: targetState.focused
+		}, {
+			guard: "enabled: FocusMode",
+			actions: assignFocusedNode(),
+			target: targetState.focused
+		}],
+		"xyflow.edgeClick": {
+			guard: and([
+				"enabled: Readonly",
+				"is dynamic view",
+				"enabled: DynamicViewWalkthrough",
+				"click: selected edge"
+			]),
+			actions: [
+				resetLastClickedNode(),
+				raise(({ event }) => ({
+					type: "walkthrough.start",
+					stepId: event.edge.id
+				})),
+				emitEdgeClick()
+			]
+		}
+	}
 });
-
+//#endregion
 export { idle };

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

@@ -1,204 +1,128 @@
-import { resetLastClickedNode, emitOpenSourceOfView, emitPaneClick, onNodeMouseLeave, onNodeMouseEnter, assignLastClickedNode, emitNodeClick, onEdgeMouseLeave, onEdgeMouseEnter, startEditing, onEdgeDoubleClick, stopEditing, emitEdgeClick, updateView, updateFeatures, ensureOverlaysActor, ensureSearchActor, ensureEditorActor, assignToggledFeatures, undimEverything, tagHighlight, emitOpenSource, openOverlay, highlightNodeOrEdge, notationsHighlight, handleNavigate, cancelEditing, disableCompareWithLatest, triggerChange, resetEdgesControlPoints, layoutAlign, closeAllOverlays, closeSearch, stopEditorActor } from './machine.actions.js';
-import { machine, to } from './machine.setup.js';
-import { focused } from './machine.state.ready.focused.js';
-import { idle } from './machine.state.ready.idle.js';
-import { printing } from './machine.state.ready.printing.js';
-import { walkthrough } from './machine.state.ready.walkthrough.js';
-import { typedSystem } from './utils.js';
-import { setViewport, cancelFitDiagram, raiseFitDiagram, fitDiagram, centerOnNodeOrEdge } from './machine.actions.layout.js';
-import { x as xstateActions_cjsExports } from '../../_virtual/xstate-actions.cjs.js';
-import { x as xstateGuards_cjsExports } from '../../_virtual/xstate-guards.cjs.js';
-
-const ready = machine.createStateConfig({
-  initial: "idle",
-  entry: [
-    xstateActions_cjsExports.spawnChild("mediaPrintActorLogic", { id: "mediaPrint" }),
-    ensureEditorActor(),
-    ensureOverlaysActor(),
-    ensureSearchActor()
-  ],
-  exit: [
-    cancelFitDiagram(),
-    xstateActions_cjsExports.stopChild("mediaPrint"),
-    closeAllOverlays(),
-    closeSearch(),
-    stopEditorActor()
-  ],
-  states: {
-    idle,
-    focused,
-    walkthrough,
-    printing
-  },
-  on: {
-    "layout.align": {
-      guard: "not readonly",
-      actions: [
-        startEditing("node"),
-        layoutAlign(),
-        stopEditing(true)
-      ]
-    },
-    "layout.resetEdgeControlPoints": {
-      guard: "not readonly",
-      actions: [
-        startEditing("edge"),
-        resetEdgesControlPoints(),
-        stopEditing(true)
-      ]
-    },
-    "layout.resetManualLayout": {
-      actions: [
-        cancelEditing(),
-        disableCompareWithLatest(),
-        triggerChange({
-          op: "reset-manual-layout"
-        })
-      ]
-    },
-    "media.print.on": {
-      ...to.printing
-    },
-    "navigate.*": {
-      actions: handleNavigate()
-    },
-    "notations.highlight": {
-      actions: notationsHighlight()
-    },
-    "notations.unhighlight": {
-      actions: undimEverything()
-    },
-    "highlight.*": {
-      actions: highlightNodeOrEdge()
-    },
-    "unhighlight.all": {
-      actions: undimEverything()
-    },
-    "open.elementDetails": {
-      actions: openOverlay()
-    },
-    "open.relationshipDetails": {
-      actions: openOverlay()
-    },
-    "open.relationshipsBrowser": {
-      actions: openOverlay()
-    },
-    "open.search": {
-      guard: "enabled: Search",
-      actions: xstateActions_cjsExports.sendTo(typedSystem.searchActor, ({ event }) => ({
-        type: "open",
-        search: event.search
-      }))
-    },
-    "open.source": {
-      guard: "enabled: OpenSource",
-      actions: emitOpenSource()
-    },
-    "tag.highlight": {
-      actions: tagHighlight()
-    },
-    "tag.unhighlight": {
-      actions: undimEverything()
-    },
-    "toggle.feature": {
-      actions: assignToggledFeatures()
-    },
-    "update.features": {
-      actions: [
-        updateFeatures(),
-        ensureOverlaysActor(),
-        ensureSearchActor(),
-        ensureEditorActor()
-      ]
-    },
-    "update.view": [
-      // Redirect to navigating state if received another view
-      {
-        guard: "is another view",
-        ...to.navigating
-      },
-      // Otherwise, just update the view in place
-      {
-        actions: updateView()
-      }
-    ],
-    "walkthrough.start": {
-      guard: "is dynamic view",
-      ...to.walkthrough
-    },
-    "xyflow.edgeClick": {
-      actions: [
-        resetLastClickedNode(),
-        emitEdgeClick()
-      ]
-    },
-    "xyflow.edgeDoubleClick": {
-      guard: xstateGuards_cjsExports.and([
-        "not readonly",
-        ({ event }) => !!event.edge.data.controlPoints && event.edge.data.controlPoints.length > 0
-      ]),
-      actions: [
-        startEditing("edge"),
-        onEdgeDoubleClick(),
-        stopEditing(true)
-      ]
-    },
-    "xyflow.edgeMouseEnter": {
-      actions: onEdgeMouseEnter()
-    },
-    "xyflow.edgeMouseLeave": {
-      actions: onEdgeMouseLeave()
-    },
-    "xyflow.centerViewport": {
-      actions: centerOnNodeOrEdge()
-    },
-    "xyflow.fitDiagram": {
-      guard: "enabled: FitView",
-      actions: [
-        xstateActions_cjsExports.assign({
-          viewportChangedManually: false
-        }),
-        fitDiagram()
-      ]
-    },
-    "xyflow.nodeClick": {
-      actions: [
-        assignLastClickedNode(),
-        emitNodeClick()
-      ]
-    },
-    "xyflow.nodeMouseEnter": {
-      actions: onNodeMouseEnter()
-    },
-    "xyflow.nodeMouseLeave": {
-      actions: onNodeMouseLeave()
-    },
-    "xyflow.paneClick": {
-      actions: [
-        resetLastClickedNode(),
-        emitPaneClick()
-      ]
-    },
-    "xyflow.paneDblClick": {
-      actions: [
-        resetLastClickedNode(),
-        cancelFitDiagram(),
-        raiseFitDiagram(),
-        emitOpenSourceOfView(),
-        emitPaneClick()
-      ]
-    },
-    "xyflow.resized": {
-      guard: ({ context }) => context.features.enableFitView && !context.viewportChangedManually,
-      actions: [
-        cancelFitDiagram(),
-        raiseFitDiagram({ delay: 150 })
-      ]
-    },
-    "xyflow.setViewport": {
-      actions: setViewport()
-    }
-  }
+import "../../_virtual/_rolldown/runtime.js";
+import { typedSystem } from "./utils.js";
+import { machine, to } from "./machine.setup.js";
+import { cancelFitDiagram, centerOnNodeOrEdge, fitDiagram, raiseFitDiagram, setViewport } from "./machine.actions.layout.js";
+import { assignLastClickedNode, assignToggledFeatures, cancelEditing, closeAllOverlays, closeSearch, disableCompareWithLatest, emitEdgeClick, emitNodeClick, emitOpenSource, emitOpenSourceOfView, emitPaneClick, ensureEditorActor, ensureOverlaysActor, ensureSearchActor, handleNavigate, highlightNodeOrEdge, layoutAlign, notationsHighlight, onEdgeDoubleClick, onEdgeMouseEnter, onEdgeMouseLeave, onNodeMouseEnter, onNodeMouseLeave, openOverlay, resetEdgesControlPoints, resetLastClickedNode, startEditing, stopEditing, stopEditorActor, tagHighlight, triggerChange, undimEverything, updateFeatures, updateView } from "./machine.actions.js";
+import { focused } from "./machine.state.ready.focused.js";
+import { idle } from "./machine.state.ready.idle.js";
+import { printing } from "./machine.state.ready.printing.js";
+import { walkthrough } from "./machine.state.ready.walkthrough.js";
+import { and } from "xstate/guards";
+import { assign, sendTo, spawnChild, stopChild } from "xstate/actions";
+//#region src/likec4diagram/state/machine.state.ready.ts
+var ready = machine.createStateConfig({
+	initial: "idle",
+	entry: [
+		spawnChild("mediaPrintActorLogic", { id: "mediaPrint" }),
+		ensureEditorActor(),
+		ensureOverlaysActor(),
+		ensureSearchActor()
+	],
+	exit: [
+		cancelFitDiagram(),
+		stopChild("mediaPrint"),
+		closeAllOverlays(),
+		closeSearch(),
+		stopEditorActor()
+	],
+	states: {
+		idle,
+		focused,
+		walkthrough,
+		printing
+	},
+	on: {
+		"layout.align": {
+			guard: "not readonly",
+			actions: [
+				startEditing("node"),
+				layoutAlign(),
+				stopEditing(true)
+			]
+		},
+		"layout.resetEdgeControlPoints": {
+			guard: "not readonly",
+			actions: [
+				startEditing("edge"),
+				resetEdgesControlPoints(),
+				stopEditing(true)
+			]
+		},
+		"layout.resetManualLayout": { actions: [
+			cancelEditing(),
+			disableCompareWithLatest(),
+			triggerChange({ op: "reset-manual-layout" })
+		] },
+		"media.print.on": { ...to.printing },
+		"navigate.*": { actions: handleNavigate() },
+		"notations.highlight": { actions: notationsHighlight() },
+		"notations.unhighlight": { actions: undimEverything() },
+		"highlight.*": { actions: highlightNodeOrEdge() },
+		"unhighlight.all": { actions: undimEverything() },
+		"open.elementDetails": { actions: openOverlay() },
+		"open.relationshipDetails": { actions: openOverlay() },
+		"open.relationshipsBrowser": { actions: openOverlay() },
+		"open.search": {
+			guard: "enabled: Search",
+			actions: sendTo(typedSystem.searchActor, ({ event }) => ({
+				type: "open",
+				search: event.search
+			}))
+		},
+		"open.source": {
+			guard: "enabled: OpenSource",
+			actions: emitOpenSource()
+		},
+		"tag.highlight": { actions: tagHighlight() },
+		"tag.unhighlight": { actions: undimEverything() },
+		"toggle.feature": { actions: assignToggledFeatures() },
+		"update.features": { actions: [
+			updateFeatures(),
+			ensureOverlaysActor(),
+			ensureSearchActor(),
+			ensureEditorActor()
+		] },
+		"update.view": [{
+			guard: "is another view",
+			...to.navigating
+		}, { actions: updateView() }],
+		"walkthrough.start": {
+			guard: "is dynamic view",
+			...to.walkthrough
+		},
+		"xyflow.edgeClick": { actions: [resetLastClickedNode(), emitEdgeClick()] },
+		"xyflow.edgeDoubleClick": {
+			guard: and(["not readonly", ({ event }) => !!event.edge.data.controlPoints && event.edge.data.controlPoints.length > 0]),
+			actions: [
+				startEditing("edge"),
+				onEdgeDoubleClick(),
+				stopEditing(true)
+			]
+		},
+		"xyflow.edgeMouseEnter": { actions: onEdgeMouseEnter() },
+		"xyflow.edgeMouseLeave": { actions: onEdgeMouseLeave() },
+		"xyflow.centerViewport": { actions: centerOnNodeOrEdge() },
+		"xyflow.fitDiagram": {
+			guard: "enabled: FitView",
+			actions: [assign({ viewportChangedManually: false }), fitDiagram()]
+		},
+		"xyflow.nodeClick": { actions: [assignLastClickedNode(), emitNodeClick()] },
+		"xyflow.nodeMouseEnter": { actions: onNodeMouseEnter() },
+		"xyflow.nodeMouseLeave": { actions: onNodeMouseLeave() },
+		"xyflow.paneClick": { actions: [resetLastClickedNode(), emitPaneClick()] },
+		"xyflow.paneDblClick": { actions: [
+			resetLastClickedNode(),
+			cancelFitDiagram(),
+			raiseFitDiagram(),
+			emitOpenSourceOfView(),
+			emitPaneClick()
+		] },
+		"xyflow.resized": {
+			guard: ({ context }) => context.features.enableFitView && !context.viewportChangedManually,
+			actions: [cancelFitDiagram(), raiseFitDiagram({ delay: 150 })]
+		},
+		"xyflow.setViewport": { actions: setViewport() }
+	}
 });
-
+//#endregion
 export { ready };

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

@@ -1,41 +1,40 @@
-import { log, enqueueActions } from 'xstate';
-import { machine, to, targetState } from './machine.setup.js';
-import { viewBounds } from './utils.js';
-import { returnViewportBefore, cancelFitDiagram, assignViewportBefore, setViewport } from './machine.actions.layout.js';
-
-const printing = machine.createStateConfig({
-  id: targetState.printing.slice(1),
-  entry: [
-    cancelFitDiagram(),
-    assignViewportBefore(),
-    enqueueActions(({ enqueue, context }) => {
-      const bounds = viewBounds(context);
-      const OFFSET = 16;
-      enqueue(
-        setViewport({
-          viewport: {
-            x: bounds.x + OFFSET,
-            y: bounds.y + OFFSET,
-            zoom: 1
-          },
-          duration: 0
-        })
-      );
-    })
-  ],
-  exit: [
-    returnViewportBefore({ delay: 0, duration: 0 })
-  ],
-  on: {
-    "media.print.off": {
-      ...to.idle
-    },
-    "*": {
-      actions: [
-        log(({ event }) => `Printing state - ignoring event: ${event.type}`)
-      ]
-    }
-  }
+import "../../_virtual/_rolldown/runtime.js";
+import { viewBounds } from "./utils.js";
+import { machine, targetState, to } from "./machine.setup.js";
+import { assignViewportBefore, cancelFitDiagram, returnViewportBefore, setViewport } from "./machine.actions.layout.js";
+import { enqueueActions, log } from "xstate";
+//#region src/likec4diagram/state/machine.state.ready.printing.ts
+/**
+* State when the diagram is being prepared for printing.
+* Adjusts the viewport to fit the entire diagram for optimal printing.
+* Restores the previous viewport upon exiting the state.
+*/
+var printing = machine.createStateConfig({
+	id: targetState.printing.slice(1),
+	entry: [
+		cancelFitDiagram(),
+		assignViewportBefore(),
+		enqueueActions(({ enqueue, context }) => {
+			const bounds = viewBounds(context);
+			const OFFSET = 16;
+			enqueue(setViewport({
+				viewport: {
+					x: bounds.x + OFFSET,
+					y: bounds.y + OFFSET,
+					zoom: 1
+				},
+				duration: 0
+			}));
+		})
+	],
+	exit: [returnViewportBefore({
+		delay: 0,
+		duration: 0
+	})],
+	on: {
+		"media.print.off": { ...to.idle },
+		"*": { actions: [log(({ event }) => `Printing state - ignoring event: ${event.type}`)] }
+	}
 });
-
+//#endregion
 export { printing };