@likec4/diagram 1.36.1 → 1.38.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 (173) hide show
  1. package/bundle/{chunk-DHvr-RGh.js → chunk-BZV0K82k.js} +870 -900
  2. package/bundle/custom.js +64 -56
  3. package/bundle/index.js +3565 -3327
  4. package/dist/LikeC4Diagram.props.d.ts +5 -5
  5. package/dist/LikeC4Styles.js +17 -15
  6. package/dist/StaticLikeC4Diagram.d.ts +1 -1
  7. package/dist/StaticLikeC4Diagram.js +3 -0
  8. package/dist/base/BaseXYFlow.d.ts +1 -1
  9. package/dist/base/BaseXYFlow.js +25 -27
  10. package/dist/base/const.d.ts +4 -4
  11. package/dist/base/const.js +5 -4
  12. package/dist/base/primitives/MarkdownBlock.js +4 -1
  13. package/dist/base/primitives/compound/CompoundActionButton.js +27 -42
  14. package/dist/base/primitives/compound/CompoundDetailsButton.js +23 -48
  15. package/dist/base/primitives/compound/CompoundNodeContainer.js +16 -48
  16. package/dist/base/primitives/compound/CompoundTitle.js +5 -80
  17. package/dist/base/primitives/compound/actionbtns.css.js +1 -13
  18. package/dist/base/primitives/customEdge.d.ts +1 -1
  19. package/dist/base/primitives/customNode.d.ts +4 -4
  20. package/dist/base/primitives/customNode.js +7 -7
  21. package/dist/base/primitives/edge/EdgeLabel.d.ts +5 -4
  22. package/dist/base/primitives/edge/EdgeLabel.js +39 -21
  23. package/dist/base/primitives/edge/EdgeLabelContainer.js +11 -23
  24. package/dist/base/primitives/edge/edge.css.js +19 -11
  25. package/dist/base/primitives/element/ElementShape.js +38 -18
  26. package/dist/base/primitives/element/ElementTags.js +7 -4
  27. package/dist/base/primitives/element/ElementTitle.js +10 -2
  28. package/dist/base/types.d.ts +17 -21
  29. package/dist/bundle/LikeC4View.d.ts +2 -2
  30. package/dist/bundle/LikeC4View.js +4 -1
  31. package/dist/bundle/LikeC4View.props.d.ts +2 -2
  32. package/dist/bundle/ReactLikeC4.d.ts +3 -3
  33. package/dist/bundle/custom.js +2 -1
  34. package/dist/bundle/index.js +2 -1
  35. package/dist/components/Link.js +3 -2
  36. package/dist/context/ReduceGraphics.js +2 -5
  37. package/dist/context/RootContainer.js +1 -5
  38. package/dist/custom/customNodes.d.ts +32 -26
  39. package/dist/custom/customNodes.js +12 -8
  40. package/dist/custom/hooks.d.ts +2 -1
  41. package/dist/custom/index.js +2 -1
  42. package/dist/globals.css.js +1 -1
  43. package/dist/hooks/index.d.ts +1 -1
  44. package/dist/hooks/useDiagram.d.ts +18 -1
  45. package/dist/hooks/useDiagram.js +18 -2
  46. package/dist/hooks/useXYFlow.d.ts +40 -21
  47. package/dist/index.d.ts +1 -1
  48. package/dist/index.js +2 -1
  49. package/dist/likec4diagram/DiagramUI.js +5 -2
  50. package/dist/likec4diagram/DiagramXYFlow.js +9 -9
  51. package/dist/likec4diagram/custom/edges/RelationshipEdge.d.ts +3 -3
  52. package/dist/likec4diagram/custom/edges/RelationshipEdge.js +27 -44
  53. package/dist/likec4diagram/custom/index.js +3 -3
  54. package/dist/likec4diagram/custom/nodes/nodes.d.ts +8 -6
  55. package/dist/likec4diagram/custom/nodes/nodes.js +13 -14
  56. package/dist/likec4diagram/custom/nodes/toolbar/CompoundToolbar.js +3 -2
  57. package/dist/likec4diagram/custom/nodes/toolbar/_shared.d.ts +2 -2
  58. package/dist/likec4diagram/relationship-popover/RelationshipPopover.d.ts +2 -0
  59. package/dist/likec4diagram/relationship-popover/RelationshipPopover.js +441 -0
  60. package/dist/likec4diagram/relationship-popover/actor.d.ts +177 -0
  61. package/dist/likec4diagram/relationship-popover/actor.js +155 -0
  62. package/dist/likec4diagram/relationship-popover/styles.css.d.ts +2 -0
  63. package/dist/likec4diagram/{custom/edges/RelationshipsDropdownMenu.css.js → relationship-popover/styles.css.js} +4 -17
  64. package/dist/likec4diagram/useLayoutConstraints.js +0 -1
  65. package/dist/likec4model/useLikeC4ElementsTree.js +1 -1
  66. package/dist/likec4model/useLikeC4Project.js +15 -1
  67. package/dist/navigationpanel/NavigationPanelDropdown.js +1 -2
  68. package/dist/navigationpanel/actor.js +1 -2
  69. package/dist/navigationpanel/controls/NavigationButtons.js +1 -5
  70. package/dist/navigationpanel/controls/ViewDetailsCard.js +2 -0
  71. package/dist/overlays/element-details/actor.d.ts +564 -8
  72. package/dist/overlays/overlay/Overlay.css.d.ts +1 -1
  73. package/dist/overlays/relationship-details/actor.d.ts +3 -1
  74. package/dist/overlays/relationship-details/hooks.d.ts +19 -1
  75. package/dist/overlays/relationship-details/layout-to-xyflow.js +0 -1
  76. package/dist/overlays/relationship-details/layout.js +1 -2
  77. package/dist/overlays/relationships-browser/actor.d.ts +26 -2
  78. package/dist/overlays/relationships-browser/custom/nodeTypes.d.ts +16 -0
  79. package/dist/overlays/relationships-browser/custom/nodeTypes.js +18 -8
  80. package/dist/overlays/relationships-browser/useViewToNodesEdges.js +0 -1
  81. package/dist/search/components/_shared.css.d.ts +1 -1
  82. package/dist/state/DiagramActorProvider.js +2 -19
  83. package/dist/state/assign.js +24 -10
  84. package/dist/state/diagram-machine.d.ts +149 -474
  85. package/dist/state/diagram-machine.js +94 -54
  86. package/dist/state/types.d.ts +1 -1
  87. package/dist/styles-min.css +1 -1
  88. package/dist/styles-xyflow.css +1 -1
  89. package/dist/styles.css +1 -1
  90. package/dist/styles.css2.js +1 -1
  91. package/dist/utils/index.d.ts +2 -1
  92. package/dist/utils/roundDpr.d.ts +1 -0
  93. package/dist/utils/roundDpr.js +20 -0
  94. package/dist/utils/xyflow.d.ts +0 -1
  95. package/dist/utils/xyflow.js +1 -7
  96. package/package.json +16 -15
  97. package/panda.buildinfo.json +91 -156
  98. package/src/LikeC4Diagram.props.ts +5 -5
  99. package/src/LikeC4Styles.tsx +22 -14
  100. package/src/StaticLikeC4Diagram.tsx +3 -0
  101. package/src/base/BaseXYFlow.tsx +26 -29
  102. package/src/base/const.ts +5 -4
  103. package/src/base/primitives/MarkdownBlock.tsx +6 -1
  104. package/src/base/primitives/compound/CompoundActionButton.tsx +31 -43
  105. package/src/base/primitives/compound/CompoundDetailsButton.tsx +26 -48
  106. package/src/base/primitives/compound/CompoundNodeContainer.tsx +15 -43
  107. package/src/base/primitives/compound/CompoundTitle.tsx +4 -76
  108. package/src/base/primitives/compound/actionbtns.css.ts +0 -12
  109. package/src/base/primitives/customEdge.ts +1 -1
  110. package/src/base/primitives/customNode.tsx +20 -24
  111. package/src/base/primitives/edge/EdgeLabel.tsx +23 -8
  112. package/src/base/primitives/edge/EdgeLabelContainer.tsx +9 -21
  113. package/src/base/primitives/edge/edge.css.ts +19 -11
  114. package/src/base/primitives/element/ElementShape.tsx +40 -18
  115. package/src/base/primitives/element/ElementTags.tsx +7 -4
  116. package/src/base/primitives/element/ElementTitle.tsx +23 -11
  117. package/src/base/types.ts +21 -25
  118. package/src/bundle/LikeC4View.props.ts +2 -2
  119. package/src/bundle/LikeC4View.tsx +8 -5
  120. package/src/bundle/ReactLikeC4.tsx +3 -3
  121. package/src/components/Link.tsx +3 -2
  122. package/src/context/RootContainer.tsx +1 -5
  123. package/src/context/TagStylesContext.tsx +2 -0
  124. package/src/custom/{customNodes.tsx → customNodes.ts} +58 -52
  125. package/src/custom/hooks.ts +7 -0
  126. package/src/globals.css +58 -5
  127. package/src/hooks/index.ts +1 -1
  128. package/src/hooks/useDiagram.ts +39 -5
  129. package/src/hooks/useXYFlow.ts +3 -1
  130. package/src/index.ts +1 -0
  131. package/src/likec4diagram/DiagramUI.tsx +3 -0
  132. package/src/likec4diagram/DiagramXYFlow.tsx +9 -11
  133. package/src/likec4diagram/custom/edges/RelationshipEdge.tsx +25 -49
  134. package/src/likec4diagram/custom/index.ts +5 -4
  135. package/src/likec4diagram/custom/nodes/nodes.tsx +13 -11
  136. package/src/likec4diagram/custom/nodes/toolbar/CompoundToolbar.tsx +3 -2
  137. package/src/likec4diagram/relationship-popover/RelationshipPopover.tsx +535 -0
  138. package/src/likec4diagram/relationship-popover/actor.ts +192 -0
  139. package/src/likec4diagram/{custom/edges/RelationshipsDropdownMenu.css.ts → relationship-popover/styles.css.ts} +3 -19
  140. package/src/likec4diagram/useLayoutConstraints.ts +0 -1
  141. package/src/likec4model/useLikeC4ElementsTree.ts +1 -1
  142. package/src/navigationpanel/NavigationPanelDropdown.tsx +1 -2
  143. package/src/navigationpanel/actor.ts +2 -2
  144. package/src/navigationpanel/controls/NavigationButtons.tsx +1 -5
  145. package/src/navigationpanel/controls/ViewDetailsCard.tsx +2 -0
  146. package/src/overlays/relationship-details/layout-to-xyflow.ts +0 -1
  147. package/src/overlays/relationship-details/layout.ts +4 -3
  148. package/src/overlays/relationships-browser/custom/nodeTypes.tsx +22 -8
  149. package/src/overlays/relationships-browser/useViewToNodesEdges.ts +0 -1
  150. package/src/state/DiagramActorProvider.tsx +2 -20
  151. package/src/state/assign.ts +24 -10
  152. package/src/state/diagram-machine.ts +101 -53
  153. package/src/state/types.ts +4 -1
  154. package/src/utils/index.ts +2 -1
  155. package/src/utils/roundDpr.ts +27 -0
  156. package/src/utils/xyflow.ts +0 -7
  157. package/dist/base/primitives/compound/CompoundNodeContainer.css.d.ts +0 -35
  158. package/dist/base/primitives/compound/CompoundNodeContainer.css.js +0 -132
  159. package/dist/base/primitives/edge/EdgeLabel.css.d.ts +0 -7
  160. package/dist/base/primitives/edge/EdgeLabel.css.js +0 -57
  161. package/dist/base/primitives/element/ElementShape.css.d.ts +0 -6
  162. package/dist/base/primitives/element/ElementShape.css.js +0 -107
  163. package/dist/likec4diagram/custom/edges/NotePopover.css.js +0 -21
  164. package/dist/likec4diagram/custom/edges/NotePopover.js +0 -91
  165. package/dist/likec4diagram/custom/edges/RelationshipsDropdownMenu.css.d.ts +0 -5
  166. package/dist/likec4diagram/custom/edges/RelationshipsDropdownMenu.d.ts +0 -13
  167. package/dist/likec4diagram/custom/edges/RelationshipsDropdownMenu.js +0 -215
  168. package/dist/likec4diagram/custom/index.d.ts +0 -62
  169. package/dist/overlays/relationship-details/custom/nodeTypes.d.ts +0 -10
  170. package/src/base/primitives/compound/CompoundNodeContainer.css.ts +0 -138
  171. package/src/base/primitives/edge/EdgeLabel.css.ts +0 -64
  172. package/src/base/primitives/element/ElementShape.css.ts +0 -112
  173. package/src/likec4diagram/custom/edges/RelationshipsDropdownMenu.tsx +0 -281
@@ -1,9 +1,9 @@
1
- import { DiagramView, EdgeId, Fqn, NodeId, NodeNotation as ElementNotation, StepEdgeId, ViewChange, ViewId, XYPoint, BBox, NonEmptyArray, Point, Color, RelationshipArrowType, RelationshipLineType, MarkdownOrString } from '@likec4/core';
1
+ import { DiagramView, EdgeId, Fqn, NodeId, NodeNotation as ElementNotation, StepEdgeId, ViewChange, ViewId, XYPoint, BBox } from '@likec4/core';
2
2
  import { ReactFlowInstance, useStoreApi } from '@xyflow/react';
3
- import { EdgeChange, NodeChange, Rect, Viewport, EdgeMarkerType, HandleType, XYPosition } from '@xyflow/system';
3
+ import { EdgeChange, NodeChange, Rect, Viewport } from '@xyflow/system';
4
+ import { MouseEvent } from 'react';
4
5
  import { PartialDeep } from 'type-fest';
5
6
  import { ActorLogicFrom, ActorRef, AnyEventObject, Snapshot, StateMachine, ActorRefFromLogic, Values, NonReducibleUnknown, MetaObject, ConditionalRequired, InputFrom, RequiredActorOptions, IsNotNever, GetConcreteByKey, AnyActorLogic, RequiredLogicInput, MachineSnapshot, AnyActorRef, StateValue, ActionFunction, CancelAction, StopAction } from 'xstate';
6
- import { Base } from '../base/types';
7
7
  import { EnabledFeatures, FeatureName } from '../context/DiagramFeatures';
8
8
  import { OpenSourceParams, ViewPadding } from '../LikeC4Diagram.props';
9
9
  import { Types } from '../likec4diagram/types';
@@ -12,7 +12,6 @@ import { HotKeyEvent, HotkeyActorLogic } from './hotkeyActor';
12
12
  import { Events as SyncLayoutEvents, SyncLayoutActorLogic } from './syncManualLayoutActor';
13
13
  import { OverlaysActorLogic } from '../overlays/overlaysActor';
14
14
  import { SearchActorLogic } from '../search/searchActor';
15
- import { ReactNode, CSSProperties } from 'react';
16
15
  export type XYStoreApi = ReturnType<typeof useStoreApi<Types.Node, Types.Edge>>;
17
16
  export interface NavigationHistory {
18
17
  history: ReadonlyArray<{
@@ -102,9 +101,14 @@ export type Events = HotKeyEvent | {
102
101
  } | {
103
102
  type: 'xyflow.edgeMouseEnter';
104
103
  edge: Types.Edge;
104
+ event: MouseEvent;
105
105
  } | {
106
106
  type: 'xyflow.edgeMouseLeave';
107
107
  edge: Types.Edge;
108
+ event: MouseEvent;
109
+ } | {
110
+ type: 'xyflow.edgeEditingStarted';
111
+ edge: Types.EdgeData;
108
112
  } | {
109
113
  type: 'update.nodeData';
110
114
  nodeId: NodeId;
@@ -201,6 +205,25 @@ export type EmittedEvents = {
201
205
  } | {
202
206
  type: 'openSource';
203
207
  params: OpenSourceParams;
208
+ } | {
209
+ type: 'edgeMouseEnter';
210
+ edge: Types.Edge;
211
+ event: MouseEvent;
212
+ } | {
213
+ type: 'edgeMouseLeave';
214
+ edge: Types.Edge;
215
+ event: MouseEvent;
216
+ } | {
217
+ type: 'edgeEditingStarted';
218
+ edge: Types.Edge;
219
+ } | {
220
+ type: 'walkthroughStarted';
221
+ edge: Types.Edge;
222
+ } | {
223
+ type: 'walkthroughStep';
224
+ edge: Types.Edge;
225
+ } | {
226
+ type: 'walkthroughStopped';
204
227
  };
205
228
  export type ActionArg = {
206
229
  context: Context;
@@ -247,15 +270,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
247
270
  };
248
271
  onEdgeMouseEnter: {
249
272
  type: "onEdgeMouseEnter";
250
- params: {
251
- edge: Types.Edge;
252
- };
273
+ params: NonReducibleUnknown;
253
274
  };
254
275
  onEdgeMouseLeave: {
255
276
  type: "onEdgeMouseLeave";
256
- params: {
257
- edge: Types.Edge;
258
- };
277
+ params: NonReducibleUnknown;
259
278
  };
260
279
  "trigger:OnChange": {
261
280
  type: "trigger:OnChange";
@@ -344,6 +363,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
344
363
  type: "updateFeatures";
345
364
  params: NonReducibleUnknown;
346
365
  };
366
+ updateInputs: {
367
+ type: "updateInputs";
368
+ params: NonReducibleUnknown;
369
+ };
347
370
  closeSearch: {
348
371
  type: "closeSearch";
349
372
  params: NonReducibleUnknown;
@@ -368,6 +391,22 @@ declare const _diagramMachine: StateMachine<Context, Events, {
368
391
  type: "update active walkthrough";
369
392
  params: NonReducibleUnknown;
370
393
  };
394
+ "emit: walkthroughStarted": {
395
+ type: "emit: walkthroughStarted";
396
+ params: NonReducibleUnknown;
397
+ };
398
+ "emit: walkthroughStep": {
399
+ type: "emit: walkthroughStep";
400
+ params: NonReducibleUnknown;
401
+ };
402
+ "emit: walkthroughStopped": {
403
+ type: "emit: walkthroughStopped";
404
+ params: NonReducibleUnknown;
405
+ };
406
+ "emit: edgeEditingStarted": {
407
+ type: "emit: edgeEditingStarted";
408
+ params: NonReducibleUnknown;
409
+ };
371
410
  }>, Values<{
372
411
  isReady: {
373
412
  type: "isReady";
@@ -861,218 +900,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
861
900
  };
862
901
  };
863
902
  readonly 'xyflow.edgeMouseEnter': {
864
- readonly actions: {
865
- readonly type: "onEdgeMouseEnter";
866
- readonly params: (data: {
867
- context: Context;
868
- event: {
869
- type: "xyflow.edgeMouseEnter";
870
- edge: {
871
- id: string;
872
- source: string;
873
- target: string;
874
- sourceHandle?: string | null;
875
- targetHandle?: string | null;
876
- animated?: boolean;
877
- hidden?: boolean;
878
- deletable?: boolean;
879
- selectable?: boolean;
880
- selected?: boolean;
881
- markerStart?: EdgeMarkerType;
882
- markerEnd?: EdgeMarkerType;
883
- zIndex?: number;
884
- ariaLabel?: string;
885
- interactionWidth?: number;
886
- label?: ReactNode;
887
- labelStyle?: CSSProperties;
888
- labelShowBg?: boolean;
889
- labelBgStyle?: CSSProperties;
890
- labelBgPadding?: [number, number];
891
- labelBgBorderRadius?: number;
892
- style?: CSSProperties;
893
- className?: string;
894
- reconnectable?: boolean | HandleType;
895
- focusable?: boolean;
896
- type: "relationship";
897
- data: {
898
- hovered?: boolean;
899
- active?: boolean;
900
- dimmed?: Base.Dimmed;
901
- id: EdgeId;
902
- label: string | null;
903
- points: NonEmptyArray<Point>;
904
- color: Color | undefined;
905
- head: RelationshipArrowType | undefined;
906
- line: RelationshipLineType | undefined;
907
- dir: "forward" | "back" | "both" | undefined;
908
- technology: string | undefined;
909
- tail: RelationshipArrowType | undefined;
910
- labelBBox: BBox | null | undefined;
911
- navigateTo: ViewId<string> | null | undefined;
912
- notes: MarkdownOrString | undefined;
913
- labelXY: XYPosition | null;
914
- controlPoints: XYPosition[] | undefined | null;
915
- };
916
- };
917
- };
918
- }) => {
919
- type: "xyflow.edgeMouseEnter";
920
- edge: {
921
- id: string;
922
- source: string;
923
- target: string;
924
- sourceHandle?: string | null;
925
- targetHandle?: string | null;
926
- animated?: boolean;
927
- hidden?: boolean;
928
- deletable?: boolean;
929
- selectable?: boolean;
930
- selected?: boolean;
931
- markerStart?: EdgeMarkerType;
932
- markerEnd?: EdgeMarkerType;
933
- zIndex?: number;
934
- ariaLabel?: string;
935
- interactionWidth?: number;
936
- label?: ReactNode;
937
- labelStyle?: CSSProperties;
938
- labelShowBg?: boolean;
939
- labelBgStyle?: CSSProperties;
940
- labelBgPadding?: [number, number];
941
- labelBgBorderRadius?: number;
942
- style?: CSSProperties;
943
- className?: string;
944
- reconnectable?: boolean | HandleType;
945
- focusable?: boolean;
946
- type: "relationship";
947
- data: {
948
- hovered?: boolean;
949
- active?: boolean;
950
- dimmed?: Base.Dimmed;
951
- id: EdgeId;
952
- label: string | null;
953
- points: NonEmptyArray<Point>;
954
- color: Color | undefined;
955
- head: RelationshipArrowType | undefined;
956
- line: RelationshipLineType | undefined;
957
- dir: "forward" | "back" | "both" | undefined;
958
- technology: string | undefined;
959
- tail: RelationshipArrowType | undefined;
960
- labelBBox: BBox | null | undefined;
961
- navigateTo: ViewId<string> | null | undefined;
962
- notes: MarkdownOrString | undefined;
963
- labelXY: XYPosition | null;
964
- controlPoints: XYPosition[] | undefined | null;
965
- };
966
- };
967
- };
968
- };
903
+ readonly actions: "onEdgeMouseEnter";
969
904
  };
970
905
  readonly 'xyflow.edgeMouseLeave': {
971
- readonly actions: {
972
- readonly type: "onEdgeMouseLeave";
973
- readonly params: (data: {
974
- context: Context;
975
- event: {
976
- type: "xyflow.edgeMouseLeave";
977
- edge: {
978
- id: string;
979
- source: string;
980
- target: string;
981
- sourceHandle?: string | null;
982
- targetHandle?: string | null;
983
- animated?: boolean;
984
- hidden?: boolean;
985
- deletable?: boolean;
986
- selectable?: boolean;
987
- selected?: boolean;
988
- markerStart?: EdgeMarkerType;
989
- markerEnd?: EdgeMarkerType;
990
- zIndex?: number;
991
- ariaLabel?: string;
992
- interactionWidth?: number;
993
- label?: ReactNode;
994
- labelStyle?: CSSProperties;
995
- labelShowBg?: boolean;
996
- labelBgStyle?: CSSProperties;
997
- labelBgPadding?: [number, number];
998
- labelBgBorderRadius?: number;
999
- style?: CSSProperties;
1000
- className?: string;
1001
- reconnectable?: boolean | HandleType;
1002
- focusable?: boolean;
1003
- type: "relationship";
1004
- data: {
1005
- hovered?: boolean;
1006
- active?: boolean;
1007
- dimmed?: Base.Dimmed;
1008
- id: EdgeId;
1009
- label: string | null;
1010
- points: NonEmptyArray<Point>;
1011
- color: Color | undefined;
1012
- head: RelationshipArrowType | undefined;
1013
- line: RelationshipLineType | undefined;
1014
- dir: "forward" | "back" | "both" | undefined;
1015
- technology: string | undefined;
1016
- tail: RelationshipArrowType | undefined;
1017
- labelBBox: BBox | null | undefined;
1018
- navigateTo: ViewId<string> | null | undefined;
1019
- notes: MarkdownOrString | undefined;
1020
- labelXY: XYPosition | null;
1021
- controlPoints: XYPosition[] | undefined | null;
1022
- };
1023
- };
1024
- };
1025
- }) => {
1026
- type: "xyflow.edgeMouseLeave";
1027
- edge: {
1028
- id: string;
1029
- source: string;
1030
- target: string;
1031
- sourceHandle?: string | null;
1032
- targetHandle?: string | null;
1033
- animated?: boolean;
1034
- hidden?: boolean;
1035
- deletable?: boolean;
1036
- selectable?: boolean;
1037
- selected?: boolean;
1038
- markerStart?: EdgeMarkerType;
1039
- markerEnd?: EdgeMarkerType;
1040
- zIndex?: number;
1041
- ariaLabel?: string;
1042
- interactionWidth?: number;
1043
- label?: ReactNode;
1044
- labelStyle?: CSSProperties;
1045
- labelShowBg?: boolean;
1046
- labelBgStyle?: CSSProperties;
1047
- labelBgPadding?: [number, number];
1048
- labelBgBorderRadius?: number;
1049
- style?: CSSProperties;
1050
- className?: string;
1051
- reconnectable?: boolean | HandleType;
1052
- focusable?: boolean;
1053
- type: "relationship";
1054
- data: {
1055
- hovered?: boolean;
1056
- active?: boolean;
1057
- dimmed?: Base.Dimmed;
1058
- id: EdgeId;
1059
- label: string | null;
1060
- points: NonEmptyArray<Point>;
1061
- color: Color | undefined;
1062
- head: RelationshipArrowType | undefined;
1063
- line: RelationshipLineType | undefined;
1064
- dir: "forward" | "back" | "both" | undefined;
1065
- technology: string | undefined;
1066
- tail: RelationshipArrowType | undefined;
1067
- labelBBox: BBox | null | undefined;
1068
- navigateTo: ViewId<string> | null | undefined;
1069
- notes: MarkdownOrString | undefined;
1070
- labelXY: XYPosition | null;
1071
- controlPoints: XYPosition[] | undefined | null;
1072
- };
1073
- };
1074
- };
1075
- };
906
+ readonly actions: "onEdgeMouseLeave";
1076
907
  };
1077
908
  readonly 'notations.highlight': {
1078
909
  readonly actions: {
@@ -1222,19 +1053,13 @@ declare const _diagramMachine: StateMachine<Context, Events, {
1222
1053
  }>, never, never, never, never>;
1223
1054
  readonly target: "focused";
1224
1055
  };
1225
- readonly 'xyflow.edgeClick': readonly [{
1226
- readonly guard: any;
1227
- readonly actions: ActionFunction<Context, {
1228
- type: "xyflow.edgeClick";
1229
- edge: Types.Edge;
1230
- }, Events, undefined, never, never, never, never, never>;
1231
- }, {
1056
+ readonly 'xyflow.edgeClick': {
1232
1057
  readonly guard: any;
1233
1058
  readonly actions: ActionFunction<Context, {
1234
1059
  type: "xyflow.edgeClick";
1235
1060
  edge: Types.Edge;
1236
1061
  }, Events, undefined, never, never, never, never, never>;
1237
- }];
1062
+ };
1238
1063
  };
1239
1064
  };
1240
1065
  readonly focused: {
@@ -1317,15 +1142,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
1317
1142
  };
1318
1143
  onEdgeMouseEnter: {
1319
1144
  type: "onEdgeMouseEnter";
1320
- params: {
1321
- edge: Types.Edge;
1322
- };
1145
+ params: NonReducibleUnknown;
1323
1146
  };
1324
1147
  onEdgeMouseLeave: {
1325
1148
  type: "onEdgeMouseLeave";
1326
- params: {
1327
- edge: Types.Edge;
1328
- };
1149
+ params: NonReducibleUnknown;
1329
1150
  };
1330
1151
  "trigger:OnChange": {
1331
1152
  type: "trigger:OnChange";
@@ -1414,6 +1235,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
1414
1235
  type: "updateFeatures";
1415
1236
  params: NonReducibleUnknown;
1416
1237
  };
1238
+ updateInputs: {
1239
+ type: "updateInputs";
1240
+ params: NonReducibleUnknown;
1241
+ };
1417
1242
  closeSearch: {
1418
1243
  type: "closeSearch";
1419
1244
  params: NonReducibleUnknown;
@@ -1438,6 +1263,22 @@ declare const _diagramMachine: StateMachine<Context, Events, {
1438
1263
  type: "update active walkthrough";
1439
1264
  params: NonReducibleUnknown;
1440
1265
  };
1266
+ "emit: walkthroughStarted": {
1267
+ type: "emit: walkthroughStarted";
1268
+ params: NonReducibleUnknown;
1269
+ };
1270
+ "emit: walkthroughStep": {
1271
+ type: "emit: walkthroughStep";
1272
+ params: NonReducibleUnknown;
1273
+ };
1274
+ "emit: walkthroughStopped": {
1275
+ type: "emit: walkthroughStopped";
1276
+ params: NonReducibleUnknown;
1277
+ };
1278
+ "emit: edgeEditingStarted": {
1279
+ type: "emit: edgeEditingStarted";
1280
+ params: NonReducibleUnknown;
1281
+ };
1441
1282
  }>, Values<{
1442
1283
  isReady: {
1443
1284
  type: "isReady";
@@ -1638,7 +1479,7 @@ declare const _diagramMachine: StateMachine<Context, Events, {
1638
1479
  logic: SearchActorLogic;
1639
1480
  id: "search";
1640
1481
  };
1641
- }>, never, never, never, never>, "update active walkthrough", "xyflow:fitFocusedBounds"];
1482
+ }>, never, never, never, never>, "update active walkthrough", "xyflow:fitFocusedBounds", "emit: walkthroughStarted"];
1642
1483
  readonly on: {
1643
1484
  readonly 'key.esc': {
1644
1485
  readonly target: "idle";
@@ -1650,7 +1491,7 @@ declare const _diagramMachine: StateMachine<Context, Events, {
1650
1491
  readonly actions: ActionFunction<Context, HotKeyEvent, Events, undefined, never, never, never, never, never>;
1651
1492
  };
1652
1493
  readonly 'walkthrough.step': {
1653
- readonly actions: ActionFunction<Context, {
1494
+ readonly actions: readonly [ ActionFunction<Context, {
1654
1495
  type: "walkthrough.step";
1655
1496
  direction: "next" | "previous";
1656
1497
  }, Events, undefined, Values<{
@@ -1674,200 +1515,7 @@ declare const _diagramMachine: StateMachine<Context, Events, {
1674
1515
  logic: SearchActorLogic;
1675
1516
  id: "search";
1676
1517
  };
1677
- }>, Values<{
1678
- onNodeMouseEnter: {
1679
- type: "onNodeMouseEnter";
1680
- params: {
1681
- node: Types.Node;
1682
- };
1683
- };
1684
- onNodeMouseLeave: {
1685
- type: "onNodeMouseLeave";
1686
- params: {
1687
- node: Types.Node;
1688
- };
1689
- };
1690
- onEdgeMouseEnter: {
1691
- type: "onEdgeMouseEnter";
1692
- params: {
1693
- edge: Types.Edge;
1694
- };
1695
- };
1696
- onEdgeMouseLeave: {
1697
- type: "onEdgeMouseLeave";
1698
- params: {
1699
- edge: Types.Edge;
1700
- };
1701
- };
1702
- "trigger:OnChange": {
1703
- type: "trigger:OnChange";
1704
- params: {
1705
- change: ViewChange;
1706
- };
1707
- };
1708
- "layout.align": {
1709
- type: "layout.align";
1710
- params: {
1711
- mode: AlignmentMode;
1712
- };
1713
- };
1714
- "notations.highlight": {
1715
- type: "notations.highlight";
1716
- params: {
1717
- notation: ElementNotation;
1718
- kind?: string;
1719
- };
1720
- };
1721
- "tag.highlight": {
1722
- type: "tag.highlight";
1723
- params: NonReducibleUnknown;
1724
- };
1725
- "xyflow:fitDiagram": {
1726
- type: "xyflow:fitDiagram";
1727
- params: {
1728
- duration?: number;
1729
- bounds?: BBox;
1730
- } | undefined;
1731
- };
1732
- closeAllOverlays: {
1733
- type: "closeAllOverlays";
1734
- params: NonReducibleUnknown;
1735
- };
1736
- "trigger:NavigateTo": {
1737
- type: "trigger:NavigateTo";
1738
- params: NonReducibleUnknown;
1739
- };
1740
- "trigger:OpenSource": {
1741
- type: "trigger:OpenSource";
1742
- params: OpenSourceParams;
1743
- };
1744
- "assign lastClickedNode": {
1745
- type: "assign lastClickedNode";
1746
- params: NonReducibleUnknown;
1747
- };
1748
- "open source of focused or last clicked node": {
1749
- type: "open source of focused or last clicked node";
1750
- params: NonReducibleUnknown;
1751
- };
1752
- "xyflow:fitFocusedBounds": {
1753
- type: "xyflow:fitFocusedBounds";
1754
- params: unknown;
1755
- };
1756
- "xyflow:setViewportCenter": {
1757
- type: "xyflow:setViewportCenter";
1758
- params: {
1759
- x: number;
1760
- y: number;
1761
- };
1762
- };
1763
- "xyflow:setViewport": {
1764
- type: "xyflow:setViewport";
1765
- params: {
1766
- viewport: Viewport;
1767
- duration?: number;
1768
- };
1769
- };
1770
- "xyflow:alignNodeFromToAfterNavigate": {
1771
- type: "xyflow:alignNodeFromToAfterNavigate";
1772
- params: {
1773
- fromNode: NodeId;
1774
- toPosition: XYPoint;
1775
- };
1776
- };
1777
- "ensure overlays actor state": {
1778
- type: "ensure overlays actor state";
1779
- params: NonReducibleUnknown;
1780
- };
1781
- "ensure search actor state": {
1782
- type: "ensure search actor state";
1783
- params: NonReducibleUnknown;
1784
- };
1785
- updateFeatures: {
1786
- type: "updateFeatures";
1787
- params: NonReducibleUnknown;
1788
- };
1789
- closeSearch: {
1790
- type: "closeSearch";
1791
- params: NonReducibleUnknown;
1792
- };
1793
- startSyncLayout: {
1794
- type: "startSyncLayout";
1795
- params: NonReducibleUnknown;
1796
- };
1797
- stopSyncLayout: {
1798
- type: "stopSyncLayout";
1799
- params: NonReducibleUnknown;
1800
- };
1801
- "focus on nodes and edges": {
1802
- type: "focus on nodes and edges";
1803
- params: NonReducibleUnknown;
1804
- };
1805
- "undim everything": {
1806
- type: "undim everything";
1807
- params: NonReducibleUnknown;
1808
- };
1809
- "update active walkthrough": {
1810
- type: "update active walkthrough";
1811
- params: NonReducibleUnknown;
1812
- };
1813
- }>, Values<{
1814
- isReady: {
1815
- type: "isReady";
1816
- params: unknown;
1817
- };
1818
- "enabled: FitView": {
1819
- type: "enabled: FitView";
1820
- params: unknown;
1821
- };
1822
- "enabled: FocusMode": {
1823
- type: "enabled: FocusMode";
1824
- params: unknown;
1825
- };
1826
- "enabled: Readonly": {
1827
- type: "enabled: Readonly";
1828
- params: unknown;
1829
- };
1830
- "enabled: RelationshipDetails": {
1831
- type: "enabled: RelationshipDetails";
1832
- params: unknown;
1833
- };
1834
- "enabled: Search": {
1835
- type: "enabled: Search";
1836
- params: unknown;
1837
- };
1838
- "not readonly": {
1839
- type: "not readonly";
1840
- params: unknown;
1841
- };
1842
- "is dynamic view": {
1843
- type: "is dynamic view";
1844
- params: unknown;
1845
- };
1846
- "is another view": {
1847
- type: "is another view";
1848
- params: unknown;
1849
- };
1850
- "click: selected node": {
1851
- type: "click: selected node";
1852
- params: unknown;
1853
- };
1854
- "click: same node": {
1855
- type: "click: same node";
1856
- params: unknown;
1857
- };
1858
- "click: focused node": {
1859
- type: "click: focused node";
1860
- params: unknown;
1861
- };
1862
- "click: node has connections": {
1863
- type: "click: node has connections";
1864
- params: unknown;
1865
- };
1866
- "click: selected edge": {
1867
- type: "click: selected edge";
1868
- params: unknown;
1869
- };
1870
- }>, never, EmittedEvents>;
1518
+ }>, never, never, never, never>, "update active walkthrough", "xyflow:fitFocusedBounds", "emit: walkthroughStep"];
1871
1519
  };
1872
1520
  readonly 'xyflow.edgeClick': {
1873
1521
  readonly actions: readonly [ ActionFunction<Context, {
@@ -1894,7 +1542,7 @@ declare const _diagramMachine: StateMachine<Context, Events, {
1894
1542
  logic: SearchActorLogic;
1895
1543
  id: "search";
1896
1544
  };
1897
- }>, never, never, never, never>, "update active walkthrough", "xyflow:fitFocusedBounds"];
1545
+ }>, never, never, never, never>, "update active walkthrough", "xyflow:fitFocusedBounds", "emit: walkthroughStep"];
1898
1546
  };
1899
1547
  readonly 'notations.unhighlight': {
1900
1548
  readonly actions: "update active walkthrough";
@@ -1955,15 +1603,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
1955
1603
  };
1956
1604
  onEdgeMouseEnter: {
1957
1605
  type: "onEdgeMouseEnter";
1958
- params: {
1959
- edge: Types.Edge;
1960
- };
1606
+ params: NonReducibleUnknown;
1961
1607
  };
1962
1608
  onEdgeMouseLeave: {
1963
1609
  type: "onEdgeMouseLeave";
1964
- params: {
1965
- edge: Types.Edge;
1966
- };
1610
+ params: NonReducibleUnknown;
1967
1611
  };
1968
1612
  "trigger:OnChange": {
1969
1613
  type: "trigger:OnChange";
@@ -2052,6 +1696,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
2052
1696
  type: "updateFeatures";
2053
1697
  params: NonReducibleUnknown;
2054
1698
  };
1699
+ updateInputs: {
1700
+ type: "updateInputs";
1701
+ params: NonReducibleUnknown;
1702
+ };
2055
1703
  closeSearch: {
2056
1704
  type: "closeSearch";
2057
1705
  params: NonReducibleUnknown;
@@ -2076,6 +1724,22 @@ declare const _diagramMachine: StateMachine<Context, Events, {
2076
1724
  type: "update active walkthrough";
2077
1725
  params: NonReducibleUnknown;
2078
1726
  };
1727
+ "emit: walkthroughStarted": {
1728
+ type: "emit: walkthroughStarted";
1729
+ params: NonReducibleUnknown;
1730
+ };
1731
+ "emit: walkthroughStep": {
1732
+ type: "emit: walkthroughStep";
1733
+ params: NonReducibleUnknown;
1734
+ };
1735
+ "emit: walkthroughStopped": {
1736
+ type: "emit: walkthroughStopped";
1737
+ params: NonReducibleUnknown;
1738
+ };
1739
+ "emit: edgeEditingStarted": {
1740
+ type: "emit: edgeEditingStarted";
1741
+ params: NonReducibleUnknown;
1742
+ };
2079
1743
  }>, Values<{
2080
1744
  isReady: {
2081
1745
  type: "isReady";
@@ -2183,15 +1847,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
2183
1847
  };
2184
1848
  onEdgeMouseEnter: {
2185
1849
  type: "onEdgeMouseEnter";
2186
- params: {
2187
- edge: Types.Edge;
2188
- };
1850
+ params: NonReducibleUnknown;
2189
1851
  };
2190
1852
  onEdgeMouseLeave: {
2191
1853
  type: "onEdgeMouseLeave";
2192
- params: {
2193
- edge: Types.Edge;
2194
- };
1854
+ params: NonReducibleUnknown;
2195
1855
  };
2196
1856
  "trigger:OnChange": {
2197
1857
  type: "trigger:OnChange";
@@ -2280,6 +1940,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
2280
1940
  type: "updateFeatures";
2281
1941
  params: NonReducibleUnknown;
2282
1942
  };
1943
+ updateInputs: {
1944
+ type: "updateInputs";
1945
+ params: NonReducibleUnknown;
1946
+ };
2283
1947
  closeSearch: {
2284
1948
  type: "closeSearch";
2285
1949
  params: NonReducibleUnknown;
@@ -2304,6 +1968,22 @@ declare const _diagramMachine: StateMachine<Context, Events, {
2304
1968
  type: "update active walkthrough";
2305
1969
  params: NonReducibleUnknown;
2306
1970
  };
1971
+ "emit: walkthroughStarted": {
1972
+ type: "emit: walkthroughStarted";
1973
+ params: NonReducibleUnknown;
1974
+ };
1975
+ "emit: walkthroughStep": {
1976
+ type: "emit: walkthroughStep";
1977
+ params: NonReducibleUnknown;
1978
+ };
1979
+ "emit: walkthroughStopped": {
1980
+ type: "emit: walkthroughStopped";
1981
+ params: NonReducibleUnknown;
1982
+ };
1983
+ "emit: edgeEditingStarted": {
1984
+ type: "emit: edgeEditingStarted";
1985
+ params: NonReducibleUnknown;
1986
+ };
2307
1987
  }>, Values<{
2308
1988
  isReady: {
2309
1989
  type: "isReady";
@@ -2450,6 +2130,9 @@ declare const _diagramMachine: StateMachine<Context, Events, {
2450
2130
  };
2451
2131
  }>, never, never, never, never>;
2452
2132
  };
2133
+ readonly 'xyflow.edgeEditingStarted': {
2134
+ readonly actions: "emit: edgeEditingStarted";
2135
+ };
2453
2136
  readonly fitDiagram: {
2454
2137
  readonly guard: "enabled: FitView";
2455
2138
  readonly actions: {
@@ -2579,15 +2262,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
2579
2262
  };
2580
2263
  onEdgeMouseEnter: {
2581
2264
  type: "onEdgeMouseEnter";
2582
- params: {
2583
- edge: Types.Edge;
2584
- };
2265
+ params: NonReducibleUnknown;
2585
2266
  };
2586
2267
  onEdgeMouseLeave: {
2587
2268
  type: "onEdgeMouseLeave";
2588
- params: {
2589
- edge: Types.Edge;
2590
- };
2269
+ params: NonReducibleUnknown;
2591
2270
  };
2592
2271
  "trigger:OnChange": {
2593
2272
  type: "trigger:OnChange";
@@ -2676,6 +2355,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
2676
2355
  type: "updateFeatures";
2677
2356
  params: NonReducibleUnknown;
2678
2357
  };
2358
+ updateInputs: {
2359
+ type: "updateInputs";
2360
+ params: NonReducibleUnknown;
2361
+ };
2679
2362
  closeSearch: {
2680
2363
  type: "closeSearch";
2681
2364
  params: NonReducibleUnknown;
@@ -2700,6 +2383,22 @@ declare const _diagramMachine: StateMachine<Context, Events, {
2700
2383
  type: "update active walkthrough";
2701
2384
  params: NonReducibleUnknown;
2702
2385
  };
2386
+ "emit: walkthroughStarted": {
2387
+ type: "emit: walkthroughStarted";
2388
+ params: NonReducibleUnknown;
2389
+ };
2390
+ "emit: walkthroughStep": {
2391
+ type: "emit: walkthroughStep";
2392
+ params: NonReducibleUnknown;
2393
+ };
2394
+ "emit: walkthroughStopped": {
2395
+ type: "emit: walkthroughStopped";
2396
+ params: NonReducibleUnknown;
2397
+ };
2398
+ "emit: edgeEditingStarted": {
2399
+ type: "emit: edgeEditingStarted";
2400
+ params: NonReducibleUnknown;
2401
+ };
2703
2402
  }>, Values<{
2704
2403
  isReady: {
2705
2404
  type: "isReady";
@@ -2760,31 +2459,7 @@ declare const _diagramMachine: StateMachine<Context, Events, {
2760
2459
  }>, never, EmittedEvents>];
2761
2460
  };
2762
2461
  readonly 'update.inputs': {
2763
- readonly actions: ActionFunction<Context, {
2764
- type: "update.inputs";
2765
- inputs: Partial<Omit<Input, "view" | "xystore">>;
2766
- }, Events, undefined, Values<{
2767
- syncManualLayoutActorLogic: {
2768
- src: "syncManualLayoutActorLogic";
2769
- logic: SyncLayoutActorLogic;
2770
- id: "syncLayout";
2771
- };
2772
- hotkeyActorLogic: {
2773
- src: "hotkeyActorLogic";
2774
- logic: HotkeyActorLogic;
2775
- id: "hotkey";
2776
- };
2777
- overlaysActorLogic: {
2778
- src: "overlaysActorLogic";
2779
- logic: OverlaysActorLogic;
2780
- id: "overlays";
2781
- };
2782
- searchActorLogic: {
2783
- src: "searchActorLogic";
2784
- logic: SearchActorLogic;
2785
- id: "search";
2786
- };
2787
- }>, never, never, never, never>;
2462
+ readonly actions: "updateInputs";
2788
2463
  };
2789
2464
  readonly 'update.features': {
2790
2465
  readonly actions: readonly ["updateFeatures", "ensure overlays actor state", "ensure search actor state"];