@likec4/diagram 1.59.3 → 1.60.0

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

@@ -1,106 +0,0 @@
-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, resetSelection } from "./machine.actions.js";
-import { dynamicViewFlow, invariant, isDynamicView } from "@likec4/core";
-import { raise } from "xstate/actions";
-import { and, not, or } from "xstate/guards";
-//#region src/likec4diagram/state/machine.state.ready.idle.ts
-var idle = machine.createStateConfig({
-	id: targetState.idle.slice(1),
-	on: {
-		"xyflow.nodeClick": [
-			{
-				description: "Handle sequence subflow click in sequence variant",
-				guard: and([
-					"is dynamic view in sequence variant",
-					"click: node.type = seq-subflow",
-					"click: same node"
-				]),
-				actions: raise(({ event: { node }, context }) => {
-					invariant(node.type === "seq-subflow");
-					invariant(isDynamicView(context.view));
-					const flow = dynamicViewFlow(context.view);
-					return {
-						type: "walkthrough.start",
-						stepId: flow.firstStep(node.data.flowId) ?? flow.firstStep()
-					};
-				})
-			},
-			{
-				description: "Handle sequence subflow click in sequence variant",
-				guard: and(["is dynamic view in sequence variant", "click: node.type = seq-subflow"]),
-				actions: [assignLastClickedNode()]
-			},
-			{
-				guard: and([
-					"enabled: Readonly",
-					"enabled: FocusMode",
-					not("is dynamic view in sequence variant"),
-					"click: node has connections",
-					or(["click: same node", "click: selected node"])
-				]),
-				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(),
-			resetSelection(),
-			raiseFitDiagram(),
-			emitOpenSourceOfView(),
-			emitPaneClick()
-		] },
-		"focus.node": [{
-			guard: "focus.node: autoUnfocus",
-			actions: assignFocusedNode(),
-			...to.focused
-		}, {
-			guard: "enabled: FocusMode",
-			actions: assignFocusedNode(),
-			...to.focused
-		}],
-		"xyflow.edgeClick": {
-			guard: and([
-				"enabled: Readonly",
-				"enabled: DynamicViewWalkthrough",
-				"is dynamic view",
-				"click: selected edge"
-			]),
-			actions: [
-				resetLastClickedNode(),
-				raise(({ event }) => ({
-					type: "walkthrough.start",
-					stepId: event.edge.data.id
-				})),
-				emitEdgeClick()
-			]
-		}
-	}
-});
-//#endregion
-export { idle };

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

@@ -1,134 +0,0 @@
-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, collapseOrExpandSequenceFlow, disableCompareWithLatest, emitEdgeClick, emitNodeClick, emitOpenSource, emitOpenSourceOfView, emitPaneClick, ensureAllActors, ensureEditorActor, ensureOverlaysActor, ensureSearchActor, handleNavigate, highlightNodeOrEdge, layoutAlign, notationsHighlight, onEdgeDoubleClick, onEdgeMouseEnter, onEdgeMouseLeave, onNodeMouseEnter, onNodeMouseLeave, openOverlay, resetEdgesControlPoints, resetLastClickedNode, startEditing, stopEditing, 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 { assign, sendTo, spawnChild, stopChild } from "xstate/actions";
-import { and } from "xstate/guards";
-//#region src/likec4diagram/state/machine.state.ready.ts
-var ready = machine.createStateConfig({
-	initial: "idle",
-	entry: [spawnChild("mediaPrint", { id: "mediaPrint" }), ensureAllActors()],
-	exit: [
-		cancelFitDiagram(),
-		closeAllOverlays(),
-		stopChild("mediaPrint"),
-		stopChild(typedSystem.overlaysActor),
-		stopChild(typedSystem.editorActor),
-		stopChild(typedSystem.searchActor)
-	],
-	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": {
-			guard: "not readonly",
-			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
-		},
-		"sequence.flow.*": {
-			guard: "is dynamic view",
-			actions: [collapseOrExpandSequenceFlow(), resetLastClickedNode()]
-		},
-		"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.resetSelection": { actions: ({ context }) => {
-			context.xystore?.getState().resetSelectedElements();
-		} },
-		"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.d.ts

@@ -1,128 +0,0 @@
-import { CancelAction, ActionFunction, LogAction } from 'xstate';
-import { Context, Events, EmittedEvents } from './machine.setup';
-import { SearchActorLogic } from '../../search/searchActor';
-import { HotkeyActorLogic } from './hotkeyActor';
-import { OverlaysActorLogic } from '../../overlays/overlaysActor';
-import { MediaPrintActorLogic } from './mediaPrintActor';
-import { EditorActorLogic } from '../../editor';
-import { NavigationPanelActorLogic } from '../../navigationpanel/actor';
-/**
- * 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.
- */
-export declare const printing: {
-    id: string;
-    entry: CancelAction<Context, Events, undefined, Events>[];
-    exit: ActionFunction<Context, Events, Events, undefined, {
-        src: "search";
-        logic: SearchActorLogic;
-        id: "search";
-    } | {
-        src: "hotkey";
-        logic: HotkeyActorLogic;
-        id: "hotkey";
-    } | {
-        src: "overlays";
-        logic: OverlaysActorLogic;
-        id: "overlays";
-    } | {
-        src: "mediaPrint";
-        logic: MediaPrintActorLogic;
-        id: "mediaPrint";
-    } | {
-        src: "editor";
-        logic: EditorActorLogic;
-        id: "editor";
-    } | {
-        src: "navigationPanel";
-        logic: NavigationPanelActorLogic;
-        id: "navigationPanel";
-    }, never, {
-        type: "isReady";
-        params: unknown;
-    } | {
-        type: "enabled: Editor";
-        params: unknown;
-    } | {
-        type: "enabled: FitView";
-        params: unknown;
-    } | {
-        type: "enabled: FocusMode";
-        params: unknown;
-    } | {
-        type: "enabled: Readonly";
-        params: unknown;
-    } | {
-        type: "enabled: RelationshipDetails";
-        params: unknown;
-    } | {
-        type: "enabled: Search";
-        params: unknown;
-    } | {
-        type: "enabled: ElementDetails";
-        params: unknown;
-    } | {
-        type: "enabled: OpenSource";
-        params: unknown;
-    } | {
-        type: "enabled: DynamicViewWalkthrough";
-        params: unknown;
-    } | {
-        type: "enabled: NavigationPanel";
-        params: unknown;
-    } | {
-        type: "focus.node: autoUnfocus";
-        params: unknown;
-    } | {
-        type: "enabled: Overlays";
-        params: unknown;
-    } | {
-        type: "not readonly";
-        params: unknown;
-    } | {
-        type: "is dynamic view";
-        params: unknown;
-    } | {
-        type: "is dynamic view in sequence variant";
-        params: unknown;
-    } | {
-        type: "is same view";
-        params: unknown;
-    } | {
-        type: "is another view";
-        params: unknown;
-    } | {
-        type: "click: node has modelFqn";
-        params: unknown;
-    } | {
-        type: "click: selected node";
-        params: unknown;
-    } | {
-        type: "click: same node";
-        params: unknown;
-    } | {
-        type: "click: focused node";
-        params: unknown;
-    } | {
-        type: "click: node.type = seq-subflow";
-        params: unknown;
-    } | {
-        type: "click: node has connections";
-        params: unknown;
-    } | {
-        type: "click: selected edge";
-        params: unknown;
-    } | {
-        type: "click: active walkthrough step";
-        params: unknown;
-    }, never, EmittedEvents>[];
-    on: {
-        'media.print.off': {
-            target: string;
-        };
-        '*': {
-            actions: LogAction<Context, Events, undefined, Events>[];
-        };
-    };
-};

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

@@ -1,40 +0,0 @@
-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 };