@likec4/diagram 1.58.0 → 1.59.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (229) hide show
  1. package/dist/LikeC4Diagram.js +1 -1
  2. package/dist/LikeC4Diagram.props.d.ts +1 -1
  3. package/dist/LikeC4Styles.js +1 -1
  4. package/dist/LikeC4View.js +2 -2
  5. package/dist/ReactLikeC4.d.ts +1 -1
  6. package/dist/base/Base.d.ts +3 -2
  7. package/dist/base/Base.js +14 -26
  8. package/dist/base/BaseXYFlow.d.ts +2 -1
  9. package/dist/base/BaseXYFlow.js +63 -4
  10. package/dist/base/keyboardZoom.d.ts +3 -0
  11. package/dist/base/keyboardZoom.js +20 -0
  12. package/dist/base/updateEdges.js +7 -16
  13. package/dist/base/updateNodes.js +3 -9
  14. package/dist/base-primitives/compound/CompoundActionButton.d.ts +2 -1
  15. package/dist/base-primitives/compound/CompoundActionButton.js +5 -2
  16. package/dist/base-primitives/compound/CompoundDetailsButton.d.ts +2 -1
  17. package/dist/base-primitives/compound/CompoundDetailsButton.js +5 -2
  18. package/dist/base-primitives/compound/CompoundTitle.d.ts +7 -1
  19. package/dist/base-primitives/compound/CompoundTitle.js +2 -1
  20. package/dist/base-primitives/compound/actionbtns.css.d.ts +1 -1
  21. package/dist/base-primitives/edge/EdgeActionButton.d.ts +2 -1
  22. package/dist/base-primitives/edge/EdgeActionButton.js +2 -1
  23. package/dist/base-primitives/edge/EdgeContainer.d.ts +1 -1
  24. package/dist/base-primitives/edge/EdgeContainer.js +4 -2
  25. package/dist/base-primitives/edge/EdgeLabel.d.ts +2 -0
  26. package/dist/base-primitives/edge/EdgeLabel.js +2 -5
  27. package/dist/base-primitives/element/ElementActionButtons.d.ts +1 -0
  28. package/dist/base-primitives/element/ElementActionButtons.js +4 -1
  29. package/dist/base-primitives/element/ElementData.d.ts +3 -1
  30. package/dist/base-primitives/element/ElementData.js +2 -1
  31. package/dist/base-primitives/element/ElementDetailsButton.d.ts +2 -1
  32. package/dist/base-primitives/element/ElementDetailsButton.js +5 -2
  33. package/dist/base-primitives/element/ElementNodeContainer.js +1 -1
  34. package/dist/base-primitives/element/ElementShape.js +3 -0
  35. package/dist/components/ErrorFallback.js +3 -5
  36. package/dist/components/Link.js +6 -6
  37. package/dist/components/NavigationPanel.js +1 -1
  38. package/dist/components/SearchControl.css.js +11 -11
  39. package/dist/context/TagStylesContext.d.ts +3 -3
  40. package/dist/context/TagStylesContext.js +16 -16
  41. package/dist/custom/index.d.ts +1 -0
  42. package/dist/custom/index.js +3 -2
  43. package/dist/editor/actor/actions.js +1 -1
  44. package/dist/editor/actor/machine.d.ts +4 -6
  45. package/dist/editor/actor/setup.d.ts +16 -2
  46. package/dist/editor/actor/setup.js +5 -4
  47. package/dist/hooks/index.d.ts +1 -1
  48. package/dist/hooks/safeContext.d.ts +156 -3
  49. package/dist/hooks/safeContext.js +60 -12
  50. package/dist/hooks/useCurrentViewModel.js +1 -1
  51. package/dist/hooks/useDiagram.d.ts +8 -0
  52. package/dist/hooks/useDiagram.js +9 -2
  53. package/dist/hooks/useEditorActor.js +1 -1
  54. package/dist/hooks/useLikeC4ElementsTree.js +1 -1
  55. package/dist/hooks/useLikeC4Model.js +1 -1
  56. package/dist/hooks/useXYFlow.d.ts +1 -0
  57. package/dist/hooks/useXYFlow.js +5 -3
  58. package/dist/index.d.ts +1 -1
  59. package/dist/index.js +2 -2
  60. package/dist/likec4diagram/DiagramUI.js +19 -6
  61. package/dist/likec4diagram/DiagramXYFlow.js +39 -14
  62. package/dist/likec4diagram/convert-to-xyflow.d.ts +3 -5
  63. package/dist/likec4diagram/convert-to-xyflow.js +29 -10
  64. package/dist/likec4diagram/custom/edges/RelationshipEdge.js +13 -4
  65. package/dist/likec4diagram/custom/edges/SequenceStepEdge.js +11 -4
  66. package/dist/likec4diagram/custom/edges/edges.css.js +1 -1
  67. package/dist/likec4diagram/custom/index.d.ts +2 -1
  68. package/dist/likec4diagram/custom/index.js +5 -3
  69. package/dist/likec4diagram/custom/nodes/CompoundActions.js +1 -0
  70. package/dist/likec4diagram/custom/nodes/ElementActions.d.ts +2 -2
  71. package/dist/likec4diagram/custom/nodes/ElementActions.js +13 -3
  72. package/dist/likec4diagram/custom/nodes/NodeNotes.js +0 -4
  73. package/dist/likec4diagram/custom/nodes/SequenceActorNode.js +32 -19
  74. package/dist/likec4diagram/custom/nodes/SequenceSubFlow.d.ts +2 -0
  75. package/dist/likec4diagram/custom/nodes/SequenceSubFlow.js +234 -0
  76. package/dist/likec4diagram/custom/nodes/index.d.ts +1 -0
  77. package/dist/likec4diagram/custom/nodes/nodes.js +20 -5
  78. package/dist/likec4diagram/custom/nodes/toolbar/ColorButton.js +1 -1
  79. package/dist/likec4diagram/custom/nodes/toolbar/_shared.js +1 -1
  80. package/dist/likec4diagram/relationship-popover/RelationshipPopover.js +15 -14
  81. package/dist/likec4diagram/relationship-popover/components.d.ts +1 -1
  82. package/dist/likec4diagram/state/DiagramActorProvider.js +11 -20
  83. package/dist/likec4diagram/state/aligners.js +1 -1
  84. package/dist/likec4diagram/state/assign.d.ts +1 -1
  85. package/dist/likec4diagram/state/assign.js +1 -1
  86. package/dist/likec4diagram/state/createViewChange.js +1 -1
  87. package/dist/likec4diagram/state/diagram-api.d.ts +18 -10
  88. package/dist/likec4diagram/state/diagram-api.js +333 -229
  89. package/dist/likec4diagram/state/machine.actions.d.ts +1026 -332
  90. package/dist/likec4diagram/state/machine.actions.js +115 -44
  91. package/dist/likec4diagram/state/machine.actions.layout.d.ts +123 -51
  92. package/dist/likec4diagram/state/machine.actions.layout.js +40 -33
  93. package/dist/likec4diagram/state/machine.d.ts +154 -16
  94. package/dist/likec4diagram/state/machine.js +5 -41
  95. package/dist/likec4diagram/state/machine.setup.d.ts +84 -19
  96. package/dist/likec4diagram/state/machine.setup.js +65 -12
  97. package/dist/likec4diagram/state/machine.state.initializing.d.ts +59 -33
  98. package/dist/likec4diagram/state/machine.state.navigating.js +7 -3
  99. package/dist/likec4diagram/state/machine.state.ready.d.ts +1540 -476
  100. package/dist/likec4diagram/state/machine.state.ready.focused.d.ts +294 -53
  101. package/dist/likec4diagram/state/machine.state.ready.focused.js +3 -3
  102. package/dist/likec4diagram/state/machine.state.ready.idle.d.ts +264 -73
  103. package/dist/likec4diagram/state/machine.state.ready.idle.js +31 -6
  104. package/dist/likec4diagram/state/machine.state.ready.js +22 -16
  105. package/dist/likec4diagram/state/machine.state.ready.printing.d.ts +23 -9
  106. package/dist/likec4diagram/state/machine.state.ready.walkthrough.d.ts +288 -84
  107. package/dist/likec4diagram/state/machine.state.ready.walkthrough.js +135 -66
  108. package/dist/likec4diagram/state/types.d.ts +4 -2
  109. package/dist/likec4diagram/state/utils.d.ts +7 -0
  110. package/dist/likec4diagram/state/utils.js +36 -34
  111. package/dist/likec4diagram/types.d.ts +47 -3
  112. package/dist/likec4diagram/ui/FloatingSequenceActors.d.ts +6 -0
  113. package/dist/likec4diagram/ui/FloatingSequenceActors.js +155 -0
  114. package/dist/likec4diagram/ui/LayoutDriftFrame.js +2 -2
  115. package/dist/likec4diagram/ui/index.d.ts +2 -0
  116. package/dist/likec4diagram/ui/notation/NotationPanel.css.js +5 -5
  117. package/dist/likec4diagram/ui/sequence-outline/SequenceOutlinePanel.d.ts +2 -0
  118. package/dist/likec4diagram/ui/sequence-outline/SequenceOutlinePanel.js +519 -0
  119. package/dist/likec4diagram/ui/sequence-outline/state.d.ts +36 -0
  120. package/dist/likec4diagram/ui/sequence-outline/state.js +55 -0
  121. package/dist/likec4diagram/xyflow-diagram/diagram-view.d.ts +1 -1
  122. package/dist/likec4diagram/xyflow-diagram/diagram-view.js +112 -60
  123. package/dist/likec4diagram/xyflow-sequence/_types.d.ts +55 -5
  124. package/dist/likec4diagram/xyflow-sequence/const.d.ts +5 -5
  125. package/dist/likec4diagram/xyflow-sequence/const.js +4 -4
  126. package/dist/likec4diagram/xyflow-sequence/layouter.d.ts +30 -6
  127. package/dist/likec4diagram/xyflow-sequence/layouter.js +561 -0
  128. package/dist/likec4diagram/xyflow-sequence/{sequence-layout.d.ts → sequence-view-to-xy.d.ts} +8 -2
  129. package/dist/likec4diagram/xyflow-sequence/{sequence-layout.js → sequence-view-to-xy.js} +111 -14
  130. package/dist/likec4diagram/xyflow-sequence/sequence-view.d.ts +2 -7
  131. package/dist/likec4diagram/xyflow-sequence/sequence-view.js +144 -0
  132. package/dist/likec4diagram/xyflow-sequence/utils.d.ts +9 -1
  133. package/dist/likec4diagram/xyflow-sequence/utils.js +96 -0
  134. package/dist/navigationpanel/NavigationPanel.d.ts +5 -2
  135. package/dist/navigationpanel/NavigationPanel.js +58 -59
  136. package/dist/navigationpanel/NavigationPanelDropdown.js +45 -38
  137. package/dist/navigationpanel/_common.js +2 -2
  138. package/dist/navigationpanel/actor.actions.d.ts +19 -0
  139. package/dist/navigationpanel/actor.actions.js +45 -0
  140. package/dist/navigationpanel/actor.d.ts +34 -96
  141. package/dist/navigationpanel/actor.js +21 -84
  142. package/dist/navigationpanel/actor.setup.d.ts +98 -0
  143. package/dist/navigationpanel/actor.setup.js +31 -0
  144. package/dist/navigationpanel/comparepanel/DriftsSummary.js +4 -5
  145. package/dist/navigationpanel/controls/DetailsControls.js +7 -8
  146. package/dist/navigationpanel/dropdown/ProjectsMenu.js +1 -1
  147. package/dist/navigationpanel/editorpanel/styles.js +8 -8
  148. package/dist/navigationpanel/hooks.d.ts +20 -5
  149. package/dist/navigationpanel/hooks.js +4 -18
  150. package/dist/navigationpanel/styles.css.d.ts +1 -1
  151. package/dist/navigationpanel/walkthrough/ActiveWalkthroughControls.js +2 -2
  152. package/dist/navigationpanel/walkthrough/DynamicViewControls.d.ts +4 -4
  153. package/dist/navigationpanel/walkthrough/DynamicViewControls.js +23 -25
  154. package/dist/navigationpanel/walkthrough/WalkthroughPanel.js +5 -5
  155. package/dist/overlays/Overlays.d.ts +4 -2
  156. package/dist/overlays/Overlays.js +10 -10
  157. package/dist/overlays/element-details/ElementDetailsCard.css.js +17 -17
  158. package/dist/overlays/element-details/MetadataValue.js +15 -15
  159. package/dist/overlays/element-details/TabPanelDeployments.css.js +5 -5
  160. package/dist/overlays/element-details/TabPanelRelationships.css.js +11 -11
  161. package/dist/overlays/element-details/TabPanelRelationships.js +1 -1
  162. package/dist/overlays/element-details/TabPanelStructure.css.js +2 -2
  163. package/dist/overlays/element-details/TabPanelStructure.js +1 -1
  164. package/dist/overlays/element-details/actor.d.ts +2 -3
  165. package/dist/overlays/hooks.d.ts +28 -0
  166. package/dist/overlays/hooks.js +5 -0
  167. package/dist/overlays/overlay/Overlay.js +34 -25
  168. package/dist/overlays/overlaysActor.js +0 -1
  169. package/dist/overlays/relationship-details/custom/nodeTypes.js +1 -1
  170. package/dist/overlays/relationship-details/layout.js +1 -1
  171. package/dist/overlays/relationships-browser/SelectElement.css.js +2 -2
  172. package/dist/overlays/relationships-browser/actor.js +79 -78
  173. package/dist/overlays/relationships-browser/custom/nodeTypes.js +1 -1
  174. package/dist/overlays/relationships-browser/hooks.js +1 -1
  175. package/dist/overlays/relationships-browser/layout.js +2 -2
  176. package/dist/projects-overview/actor.js +4 -4
  177. package/dist/search/Search.js +1 -1
  178. package/dist/search/components/ElementsColumn.css.js +2 -2
  179. package/dist/search/components/ViewsColum.js +1 -1
  180. package/dist/search/components/_shared.css.d.ts +1 -1
  181. package/dist/search/components/_shared.css.js +23 -23
  182. package/dist/search/components/styles.css.js +4 -4
  183. package/dist/shadowroot/ShadowRoot.d.ts +1 -1
  184. package/dist/shadowroot/ShadowRoot.js +76 -28
  185. package/dist/styles2.js +1 -1
  186. package/dist/utils/defineActors.d.ts +21 -0
  187. package/dist/utils/defineActors.js +13 -0
  188. package/dist/utils/index.d.ts +1 -0
  189. package/dist/utils/index.js +5 -4
  190. package/dist/utils/readableText.d.ts +11 -0
  191. package/dist/utils/readableText.js +18 -0
  192. package/package.json +18 -30
  193. package/panda.buildinfo.json +267 -288
  194. package/styles-min.css +1 -1
  195. package/styles.css +1 -1
  196. package/adhoc-editor/package.json +0 -4
  197. package/dist/adhoc-editor/EditorPanel.d.ts +0 -1
  198. package/dist/adhoc-editor/EditorPanel.js +0 -106
  199. package/dist/adhoc-editor/ElementsTree.d.ts +0 -2
  200. package/dist/adhoc-editor/ElementsTree.js +0 -112
  201. package/dist/adhoc-editor/LikeC4AdHocViewEditor.d.ts +0 -4
  202. package/dist/adhoc-editor/LikeC4AdHocViewEditor.js +0 -83
  203. package/dist/adhoc-editor/components/Tree.d.ts +0 -48
  204. package/dist/adhoc-editor/components/Tree.js +0 -213
  205. package/dist/adhoc-editor/hooks.d.ts +0 -14
  206. package/dist/adhoc-editor/hooks.js +0 -34
  207. package/dist/adhoc-editor/index.d.ts +0 -2
  208. package/dist/adhoc-editor/index.js +0 -2
  209. package/dist/adhoc-editor/state/ActorProvider.d.ts +0 -5
  210. package/dist/adhoc-editor/state/ActorProvider.js +0 -37
  211. package/dist/adhoc-editor/state/actor.d.ts +0 -13
  212. package/dist/adhoc-editor/state/actor.editor.d.ts +0 -56
  213. package/dist/adhoc-editor/state/actor.editor.js +0 -167
  214. package/dist/adhoc-editor/state/actor.js +0 -14
  215. package/dist/adhoc-editor/state/actor.layouter.d.ts +0 -51
  216. package/dist/adhoc-editor/state/actor.layouter.js +0 -54
  217. package/dist/adhoc-editor/state/actor.types.d.ts +0 -63
  218. package/dist/adhoc-editor/state/actor.types.js +0 -25
  219. package/dist/adhoc-editor/state/panel.d.ts +0 -95
  220. package/dist/adhoc-editor/state/panel.js +0 -124
  221. package/dist/adhoc-editor/state/utils.d.ts +0 -17
  222. package/dist/adhoc-editor/state/utils.js +0 -25
  223. package/dist/adhoc-editor/useElementsTree.d.ts +0 -18
  224. package/dist/adhoc-editor/useElementsTree.js +0 -98
  225. package/dist/adhoc-editor/viewrules/ViewRulesPanel.d.ts +0 -6
  226. package/dist/context/ShadowRootContext.d.ts +0 -3
  227. package/dist/context/ShadowRootContext.js +0 -5
  228. package/dist/shadowroot/styles.d.ts +0 -13
  229. package/dist/shadowroot/styles.js +0 -60
@@ -1,10 +1,11 @@
1
1
  import { CancelAction, GuardPredicate, ActionFunction } from 'xstate';
2
2
  import { Context, Events, EmittedEvents } from './machine.setup';
3
+ import { SearchActorLogic } from '../../search/searchActor';
3
4
  import { HotkeyActorLogic } from './hotkeyActor';
4
5
  import { OverlaysActorLogic } from '../../overlays/overlaysActor';
5
- import { SearchActorLogic } from '../../search/searchActor';
6
6
  import { MediaPrintActorLogic } from './mediaPrintActor';
7
7
  import { EditorActorLogic } from '../../editor';
8
+ import { NavigationPanelActorLogic } from '../../navigationpanel/actor';
8
9
  export declare const focused: {
9
10
  id: string;
10
11
  entry: CancelAction<Context, Events, undefined, Events>[];
@@ -28,25 +29,29 @@ export declare const focused: {
28
29
  params: undefined;
29
30
  }>;
30
31
  actions: ActionFunction<Context, Events, Events, undefined, {
31
- src: "hotkeyActorLogic";
32
+ src: "search";
33
+ logic: SearchActorLogic;
34
+ id: "search";
35
+ } | {
36
+ src: "hotkey";
32
37
  logic: HotkeyActorLogic;
33
38
  id: "hotkey";
34
39
  } | {
35
- src: "overlaysActorLogic";
40
+ src: "overlays";
36
41
  logic: OverlaysActorLogic;
37
42
  id: "overlays";
38
43
  } | {
39
- src: "searchActorLogic";
40
- logic: SearchActorLogic;
41
- id: "search";
42
- } | {
43
- src: "mediaPrintActorLogic";
44
+ src: "mediaPrint";
44
45
  logic: MediaPrintActorLogic;
45
46
  id: "mediaPrint";
46
47
  } | {
47
- src: "editorActor";
48
+ src: "editor";
48
49
  logic: EditorActorLogic;
49
50
  id: "editor";
51
+ } | {
52
+ src: "navigationPanel";
53
+ logic: NavigationPanelActorLogic;
54
+ id: "navigationPanel";
50
55
  }, never, {
51
56
  type: "isReady";
52
57
  params: unknown;
@@ -77,6 +82,9 @@ export declare const focused: {
77
82
  } | {
78
83
  type: "enabled: DynamicViewWalkthrough";
79
84
  params: unknown;
85
+ } | {
86
+ type: "enabled: NavigationPanel";
87
+ params: unknown;
80
88
  } | {
81
89
  type: "focus.node: autoUnfocus";
82
90
  params: unknown;
@@ -89,6 +97,9 @@ export declare const focused: {
89
97
  } | {
90
98
  type: "is dynamic view";
91
99
  params: unknown;
100
+ } | {
101
+ type: "is dynamic view in sequence variant";
102
+ params: unknown;
92
103
  } | {
93
104
  type: "is same view";
94
105
  params: unknown;
@@ -107,6 +118,9 @@ export declare const focused: {
107
118
  } | {
108
119
  type: "click: focused node";
109
120
  params: unknown;
121
+ } | {
122
+ type: "click: node.type = seq-subflow";
123
+ params: unknown;
110
124
  } | {
111
125
  type: "click: node has connections";
112
126
  params: unknown;
@@ -120,49 +134,213 @@ export declare const focused: {
120
134
  } | {
121
135
  target: string;
122
136
  guard: "click: focused node";
123
- actions: ( ActionFunction<Context, Events, Events, undefined, {
124
- src: "hotkeyActorLogic";
137
+ actions: ActionFunction<Context, Events, Events, undefined, {
138
+ src: "search";
139
+ logic: SearchActorLogic;
140
+ id: "search";
141
+ } | {
142
+ src: "hotkey";
125
143
  logic: HotkeyActorLogic;
126
144
  id: "hotkey";
127
145
  } | {
128
- src: "overlaysActorLogic";
146
+ src: "overlays";
129
147
  logic: OverlaysActorLogic;
130
148
  id: "overlays";
131
149
  } | {
132
- src: "searchActorLogic";
133
- logic: SearchActorLogic;
134
- id: "search";
135
- } | {
136
- src: "mediaPrintActorLogic";
150
+ src: "mediaPrint";
137
151
  logic: MediaPrintActorLogic;
138
152
  id: "mediaPrint";
139
153
  } | {
140
- src: "editorActor";
154
+ src: "editor";
141
155
  logic: EditorActorLogic;
142
156
  id: "editor";
143
- }, never, never, never, never> | ActionFunction<Context, Events, Events, undefined, never, never, never, never, EmittedEvents>)[];
157
+ } | {
158
+ src: "navigationPanel";
159
+ logic: NavigationPanelActorLogic;
160
+ id: "navigationPanel";
161
+ }, never, {
162
+ type: "isReady";
163
+ params: unknown;
164
+ } | {
165
+ type: "enabled: Editor";
166
+ params: unknown;
167
+ } | {
168
+ type: "enabled: FitView";
169
+ params: unknown;
170
+ } | {
171
+ type: "enabled: FocusMode";
172
+ params: unknown;
173
+ } | {
174
+ type: "enabled: Readonly";
175
+ params: unknown;
176
+ } | {
177
+ type: "enabled: RelationshipDetails";
178
+ params: unknown;
179
+ } | {
180
+ type: "enabled: Search";
181
+ params: unknown;
182
+ } | {
183
+ type: "enabled: ElementDetails";
184
+ params: unknown;
185
+ } | {
186
+ type: "enabled: OpenSource";
187
+ params: unknown;
188
+ } | {
189
+ type: "enabled: DynamicViewWalkthrough";
190
+ params: unknown;
191
+ } | {
192
+ type: "enabled: NavigationPanel";
193
+ params: unknown;
194
+ } | {
195
+ type: "focus.node: autoUnfocus";
196
+ params: unknown;
197
+ } | {
198
+ type: "enabled: Overlays";
199
+ params: unknown;
200
+ } | {
201
+ type: "not readonly";
202
+ params: unknown;
203
+ } | {
204
+ type: "is dynamic view";
205
+ params: unknown;
206
+ } | {
207
+ type: "is dynamic view in sequence variant";
208
+ params: unknown;
209
+ } | {
210
+ type: "is same view";
211
+ params: unknown;
212
+ } | {
213
+ type: "is another view";
214
+ params: unknown;
215
+ } | {
216
+ type: "click: node has modelFqn";
217
+ params: unknown;
218
+ } | {
219
+ type: "click: selected node";
220
+ params: unknown;
221
+ } | {
222
+ type: "click: same node";
223
+ params: unknown;
224
+ } | {
225
+ type: "click: focused node";
226
+ params: unknown;
227
+ } | {
228
+ type: "click: node.type = seq-subflow";
229
+ params: unknown;
230
+ } | {
231
+ type: "click: node has connections";
232
+ params: unknown;
233
+ } | {
234
+ type: "click: selected edge";
235
+ params: unknown;
236
+ } | {
237
+ type: "click: active walkthrough step";
238
+ params: unknown;
239
+ }, never, EmittedEvents>[];
144
240
  } | {
145
241
  actions: ( ActionFunction<Context, Events, Events, undefined, {
146
- src: "hotkeyActorLogic";
242
+ src: "search";
243
+ logic: SearchActorLogic;
244
+ id: "search";
245
+ } | {
246
+ src: "hotkey";
147
247
  logic: HotkeyActorLogic;
148
248
  id: "hotkey";
149
249
  } | {
150
- src: "overlaysActorLogic";
250
+ src: "overlays";
151
251
  logic: OverlaysActorLogic;
152
252
  id: "overlays";
153
253
  } | {
154
- src: "searchActorLogic";
155
- logic: SearchActorLogic;
156
- id: "search";
157
- } | {
158
- src: "mediaPrintActorLogic";
254
+ src: "mediaPrint";
159
255
  logic: MediaPrintActorLogic;
160
256
  id: "mediaPrint";
161
257
  } | {
162
- src: "editorActor";
258
+ src: "editor";
163
259
  logic: EditorActorLogic;
164
260
  id: "editor";
165
- }, never, never, never, never> | ActionFunction<Context, Events, Events, undefined, never, never, never, never, EmittedEvents> | ActionFunction<Context, {
261
+ } | {
262
+ src: "navigationPanel";
263
+ logic: NavigationPanelActorLogic;
264
+ id: "navigationPanel";
265
+ }, never, {
266
+ type: "isReady";
267
+ params: unknown;
268
+ } | {
269
+ type: "enabled: Editor";
270
+ params: unknown;
271
+ } | {
272
+ type: "enabled: FitView";
273
+ params: unknown;
274
+ } | {
275
+ type: "enabled: FocusMode";
276
+ params: unknown;
277
+ } | {
278
+ type: "enabled: Readonly";
279
+ params: unknown;
280
+ } | {
281
+ type: "enabled: RelationshipDetails";
282
+ params: unknown;
283
+ } | {
284
+ type: "enabled: Search";
285
+ params: unknown;
286
+ } | {
287
+ type: "enabled: ElementDetails";
288
+ params: unknown;
289
+ } | {
290
+ type: "enabled: OpenSource";
291
+ params: unknown;
292
+ } | {
293
+ type: "enabled: DynamicViewWalkthrough";
294
+ params: unknown;
295
+ } | {
296
+ type: "enabled: NavigationPanel";
297
+ params: unknown;
298
+ } | {
299
+ type: "focus.node: autoUnfocus";
300
+ params: unknown;
301
+ } | {
302
+ type: "enabled: Overlays";
303
+ params: unknown;
304
+ } | {
305
+ type: "not readonly";
306
+ params: unknown;
307
+ } | {
308
+ type: "is dynamic view";
309
+ params: unknown;
310
+ } | {
311
+ type: "is dynamic view in sequence variant";
312
+ params: unknown;
313
+ } | {
314
+ type: "is same view";
315
+ params: unknown;
316
+ } | {
317
+ type: "is another view";
318
+ params: unknown;
319
+ } | {
320
+ type: "click: node has modelFqn";
321
+ params: unknown;
322
+ } | {
323
+ type: "click: selected node";
324
+ params: unknown;
325
+ } | {
326
+ type: "click: same node";
327
+ params: unknown;
328
+ } | {
329
+ type: "click: focused node";
330
+ params: unknown;
331
+ } | {
332
+ type: "click: node.type = seq-subflow";
333
+ params: unknown;
334
+ } | {
335
+ type: "click: node has connections";
336
+ params: unknown;
337
+ } | {
338
+ type: "click: selected edge";
339
+ params: unknown;
340
+ } | {
341
+ type: "click: active walkthrough step";
342
+ params: unknown;
343
+ }, never, EmittedEvents> | ActionFunction<Context, {
166
344
  type: "xyflow.nodeClick";
167
345
  node: import("../types").Types.Node;
168
346
  }, Events, undefined, never, never, never, never, never>)[];
@@ -170,25 +348,29 @@ export declare const focused: {
170
348
  })[];
171
349
  'focus.node': {
172
350
  actions: ActionFunction<Context, Events, Events, undefined, {
173
- src: "hotkeyActorLogic";
351
+ src: "search";
352
+ logic: SearchActorLogic;
353
+ id: "search";
354
+ } | {
355
+ src: "hotkey";
174
356
  logic: HotkeyActorLogic;
175
357
  id: "hotkey";
176
358
  } | {
177
- src: "overlaysActorLogic";
359
+ src: "overlays";
178
360
  logic: OverlaysActorLogic;
179
361
  id: "overlays";
180
362
  } | {
181
- src: "searchActorLogic";
182
- logic: SearchActorLogic;
183
- id: "search";
184
- } | {
185
- src: "mediaPrintActorLogic";
363
+ src: "mediaPrint";
186
364
  logic: MediaPrintActorLogic;
187
365
  id: "mediaPrint";
188
366
  } | {
189
- src: "editorActor";
367
+ src: "editor";
190
368
  logic: EditorActorLogic;
191
369
  id: "editor";
370
+ } | {
371
+ src: "navigationPanel";
372
+ logic: NavigationPanelActorLogic;
373
+ id: "navigationPanel";
192
374
  }, never, {
193
375
  type: "isReady";
194
376
  params: unknown;
@@ -219,6 +401,9 @@ export declare const focused: {
219
401
  } | {
220
402
  type: "enabled: DynamicViewWalkthrough";
221
403
  params: unknown;
404
+ } | {
405
+ type: "enabled: NavigationPanel";
406
+ params: unknown;
222
407
  } | {
223
408
  type: "focus.node: autoUnfocus";
224
409
  params: unknown;
@@ -231,6 +416,9 @@ export declare const focused: {
231
416
  } | {
232
417
  type: "is dynamic view";
233
418
  params: unknown;
419
+ } | {
420
+ type: "is dynamic view in sequence variant";
421
+ params: unknown;
234
422
  } | {
235
423
  type: "is same view";
236
424
  params: unknown;
@@ -249,6 +437,9 @@ export declare const focused: {
249
437
  } | {
250
438
  type: "click: focused node";
251
439
  params: unknown;
440
+ } | {
441
+ type: "click: node.type = seq-subflow";
442
+ params: unknown;
252
443
  } | {
253
444
  type: "click: node has connections";
254
445
  params: unknown;
@@ -265,29 +456,57 @@ export declare const focused: {
265
456
  };
266
457
  'xyflow.paneClick': {
267
458
  target: string;
268
- actions: ActionFunction<Context, Events, Events, undefined, never, never, never, never, EmittedEvents>[];
269
- };
270
- 'notations.unhighlight': {
271
- actions: ActionFunction<Context, Events, Events, undefined, {
272
- src: "hotkeyActorLogic";
459
+ actions: ( ActionFunction<Context, Events, Events, undefined, {
460
+ src: "search";
461
+ logic: SearchActorLogic;
462
+ id: "search";
463
+ } | {
464
+ src: "hotkey";
273
465
  logic: HotkeyActorLogic;
274
466
  id: "hotkey";
275
467
  } | {
276
- src: "overlaysActorLogic";
468
+ src: "overlays";
277
469
  logic: OverlaysActorLogic;
278
470
  id: "overlays";
279
471
  } | {
280
- src: "searchActorLogic";
472
+ src: "mediaPrint";
473
+ logic: MediaPrintActorLogic;
474
+ id: "mediaPrint";
475
+ } | {
476
+ src: "editor";
477
+ logic: EditorActorLogic;
478
+ id: "editor";
479
+ } | {
480
+ src: "navigationPanel";
481
+ logic: NavigationPanelActorLogic;
482
+ id: "navigationPanel";
483
+ }, never, never, never, never> | ActionFunction<Context, Events, Events, undefined, never, never, never, never, EmittedEvents>)[];
484
+ };
485
+ 'notations.unhighlight': {
486
+ actions: ActionFunction<Context, Events, Events, undefined, {
487
+ src: "search";
281
488
  logic: SearchActorLogic;
282
489
  id: "search";
283
490
  } | {
284
- src: "mediaPrintActorLogic";
491
+ src: "hotkey";
492
+ logic: HotkeyActorLogic;
493
+ id: "hotkey";
494
+ } | {
495
+ src: "overlays";
496
+ logic: OverlaysActorLogic;
497
+ id: "overlays";
498
+ } | {
499
+ src: "mediaPrint";
285
500
  logic: MediaPrintActorLogic;
286
501
  id: "mediaPrint";
287
502
  } | {
288
- src: "editorActor";
503
+ src: "editor";
289
504
  logic: EditorActorLogic;
290
505
  id: "editor";
506
+ } | {
507
+ src: "navigationPanel";
508
+ logic: NavigationPanelActorLogic;
509
+ id: "navigationPanel";
291
510
  }, never, {
292
511
  type: "isReady";
293
512
  params: unknown;
@@ -318,6 +537,9 @@ export declare const focused: {
318
537
  } | {
319
538
  type: "enabled: DynamicViewWalkthrough";
320
539
  params: unknown;
540
+ } | {
541
+ type: "enabled: NavigationPanel";
542
+ params: unknown;
321
543
  } | {
322
544
  type: "focus.node: autoUnfocus";
323
545
  params: unknown;
@@ -330,6 +552,9 @@ export declare const focused: {
330
552
  } | {
331
553
  type: "is dynamic view";
332
554
  params: unknown;
555
+ } | {
556
+ type: "is dynamic view in sequence variant";
557
+ params: unknown;
333
558
  } | {
334
559
  type: "is same view";
335
560
  params: unknown;
@@ -348,6 +573,9 @@ export declare const focused: {
348
573
  } | {
349
574
  type: "click: focused node";
350
575
  params: unknown;
576
+ } | {
577
+ type: "click: node.type = seq-subflow";
578
+ params: unknown;
351
579
  } | {
352
580
  type: "click: node has connections";
353
581
  params: unknown;
@@ -361,25 +589,29 @@ export declare const focused: {
361
589
  };
362
590
  'tag.unhighlight': {
363
591
  actions: ActionFunction<Context, Events, Events, undefined, {
364
- src: "hotkeyActorLogic";
592
+ src: "search";
593
+ logic: SearchActorLogic;
594
+ id: "search";
595
+ } | {
596
+ src: "hotkey";
365
597
  logic: HotkeyActorLogic;
366
598
  id: "hotkey";
367
599
  } | {
368
- src: "overlaysActorLogic";
600
+ src: "overlays";
369
601
  logic: OverlaysActorLogic;
370
602
  id: "overlays";
371
603
  } | {
372
- src: "searchActorLogic";
373
- logic: SearchActorLogic;
374
- id: "search";
375
- } | {
376
- src: "mediaPrintActorLogic";
604
+ src: "mediaPrint";
377
605
  logic: MediaPrintActorLogic;
378
606
  id: "mediaPrint";
379
607
  } | {
380
- src: "editorActor";
608
+ src: "editor";
381
609
  logic: EditorActorLogic;
382
610
  id: "editor";
611
+ } | {
612
+ src: "navigationPanel";
613
+ logic: NavigationPanelActorLogic;
614
+ id: "navigationPanel";
383
615
  }, never, {
384
616
  type: "isReady";
385
617
  params: unknown;
@@ -410,6 +642,9 @@ export declare const focused: {
410
642
  } | {
411
643
  type: "enabled: DynamicViewWalkthrough";
412
644
  params: unknown;
645
+ } | {
646
+ type: "enabled: NavigationPanel";
647
+ params: unknown;
413
648
  } | {
414
649
  type: "focus.node: autoUnfocus";
415
650
  params: unknown;
@@ -422,6 +657,9 @@ export declare const focused: {
422
657
  } | {
423
658
  type: "is dynamic view";
424
659
  params: unknown;
660
+ } | {
661
+ type: "is dynamic view in sequence variant";
662
+ params: unknown;
425
663
  } | {
426
664
  type: "is same view";
427
665
  params: unknown;
@@ -440,6 +678,9 @@ export declare const focused: {
440
678
  } | {
441
679
  type: "click: focused node";
442
680
  params: unknown;
681
+ } | {
682
+ type: "click: node.type = seq-subflow";
683
+ params: unknown;
443
684
  } | {
444
685
  type: "click: node has connections";
445
686
  params: unknown;
@@ -1,9 +1,9 @@
1
1
  import "../../_virtual/_rolldown/runtime.js";
2
2
  import { machine, targetState, to } from "./machine.setup.js";
3
3
  import { assignViewportBefore, cancelFitDiagram, fitFocusedBounds, returnViewportBefore } from "./machine.actions.layout.js";
4
- import { assignFocusedNode, assignLastClickedNode, cancelAutoUnfocusTimer, emitNodeClick, emitPaneClick, focusOnNodesAndEdges, openElementDetails, openSourceOfFocusedOrLastClickedNode, startAutoUnfocusTimer, startHotKeyActor, stopHotKeyActor, undimEverything } from "./machine.actions.js";
5
- import { and } from "xstate/guards";
4
+ import { assignFocusedNode, assignLastClickedNode, cancelAutoUnfocusTimer, emitNodeClick, emitPaneClick, focusOnNodesAndEdges, openElementDetails, openSourceOfFocusedOrLastClickedNode, resetLastClickedNode, startAutoUnfocusTimer, startHotKeyActor, stopHotKeyActor, undimEverything } from "./machine.actions.js";
6
5
  import { assign, raise } from "xstate/actions";
6
+ import { and } from "xstate/guards";
7
7
  //#region src/likec4diagram/state/machine.state.ready.focused.ts
8
8
  var focused = machine.createStateConfig({
9
9
  id: targetState.focused.slice(1),
@@ -63,7 +63,7 @@ var focused = machine.createStateConfig({
63
63
  ] },
64
64
  "key.esc": { ...to.idle },
65
65
  "xyflow.paneClick": {
66
- actions: [emitPaneClick()],
66
+ actions: [resetLastClickedNode(), emitPaneClick()],
67
67
  ...to.idle
68
68
  },
69
69
  "notations.unhighlight": { actions: focusOnNodesAndEdges() },