@likec4/diagram 1.3.0 → 1.4.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 (44) hide show
  1. package/dist/LikeC4Diagram.d.ts +1 -1
  2. package/dist/LikeC4Diagram.props.d.ts +6 -1
  3. package/dist/index.mjs +270 -168
  4. package/dist/state/DiagramContext.d.ts +155 -154
  5. package/dist/state/diagramStore.d.ts +154 -154
  6. package/dist/state/index.d.ts +0 -1
  7. package/dist/state/useDiagramStore.d.ts +3 -4622
  8. package/dist/state/useNavigationHistory.d.ts +5 -0
  9. package/dist/style.css +86 -54
  10. package/dist/theme.css.d.ts +5 -0
  11. package/dist/ui/BackwardForwardPanel.css.d.ts +1 -0
  12. package/dist/ui/BackwardForwardPanel.d.ts +1 -0
  13. package/dist/ui/DiagramTitlePanel.css.d.ts +1 -1
  14. package/dist/ui/OptionsPanel.d.ts +1 -3
  15. package/dist/xyflow/XYFlowEvents.d.ts +4 -4
  16. package/dist/xyflow/XYFlowInner.d.ts +1 -0
  17. package/dist/xyflow/edges/RelationshipEdge.d.ts +1 -1
  18. package/dist/xyflow/hooks/useXYFlow.d.ts +9 -9
  19. package/dist/xyflow/nodes/element/element.css.d.ts +1 -0
  20. package/dist/xyflow/types.d.ts +1 -1
  21. package/package.json +10 -10
  22. package/src/LikeC4Diagram.css.ts +11 -1
  23. package/src/LikeC4Diagram.props.ts +10 -3
  24. package/src/LikeC4Diagram.tsx +30 -7
  25. package/src/globals.css.ts +1 -1
  26. package/src/state/DiagramContext.tsx +3 -3
  27. package/src/state/diagramStore.ts +27 -30
  28. package/src/state/index.ts +0 -1
  29. package/src/state/useDiagramStore.ts +6 -13
  30. package/src/state/useNavigationHistory.ts +39 -0
  31. package/src/theme.css.ts +5 -0
  32. package/src/ui/BackwardForwardPanel.css.ts +22 -0
  33. package/src/ui/BackwardForwardPanel.tsx +59 -0
  34. package/src/ui/DiagramTitlePanel.css.ts +11 -5
  35. package/src/ui/DiagramTitlePanel.tsx +105 -93
  36. package/src/ui/OptionsPanel.tsx +28 -19
  37. package/src/xyflow/XYFlowInner.tsx +5 -2
  38. package/src/xyflow/diagram-to-xyflow.ts +2 -13
  39. package/src/xyflow/edges/RelationshipEdge.tsx +11 -8
  40. package/src/xyflow/edges/edges.css.ts +14 -10
  41. package/src/xyflow/hooks/useLayoutConstraints.ts +2 -1
  42. package/src/xyflow/nodes/compound/CompoundNode.css.ts +8 -8
  43. package/src/xyflow/nodes/element/ElementNode.tsx +7 -8
  44. package/src/xyflow/nodes/element/element.css.ts +18 -5
package/dist/state/DiagramContext.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { PropsWithChildren } from 'react';
2
- import { DiagramInitialState } from './diagramStore';
2
+ import { createDiagramStore, DiagramInitialState } from './diagramStore';
3
3
 
4
+ export type DiagramZustandStore = ReturnType<typeof createDiagramStore>;
4
5
  export declare const DiagramContext: import('react').Context<import('zustand/traditional').UseBoundStoreWithEqualityFn<Omit<Omit<import('zustand/vanilla').StoreApi<{
5
6
  view: import('@likec4/core').DiagramView;
6
7
  readonly: boolean;
@@ -12,7 +13,6 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
12
13
  nodesDraggable: boolean;
13
14
  nodesSelectable: boolean;
14
15
  experimentalEdgeEditing: boolean;
15
- viewSyncState: "synced" | "changed";
16
16
  viewSyncDebounceTimeout: number | null;
17
17
  xyflow: import('..').XYFlowInstance;
18
18
  initialized: boolean;
@@ -52,6 +52,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
52
52
  resetLastClicked: () => void;
53
53
  getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
54
54
  triggerChangeElementStyle: (change: import("..").Changes.ChangeElementStyle) => void;
55
+ cancelSaveManualLayout: () => void;
55
56
  triggerSaveManualLayout: (xystore: {
56
57
  getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
57
58
  source: string;
@@ -76,7 +77,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
76
77
  labelBgBorderRadius?: number;
77
78
  style?: import('react').CSSProperties;
78
79
  className?: string;
79
- updatable?: import('@xyflow/react').EdgeUpdatable;
80
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
80
81
  focusable?: boolean;
81
82
  data: import('..').RelationshipData;
82
83
  readonly id: string;
@@ -105,7 +106,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
105
106
  labelBgBorderRadius?: number;
106
107
  style?: import('react').CSSProperties;
107
108
  className?: string;
108
- updatable?: import('@xyflow/react').EdgeUpdatable;
109
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
109
110
  focusable?: boolean;
110
111
  data: import('..').RelationshipData;
111
112
  readonly id: string;
@@ -133,7 +134,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
133
134
  labelBgBorderRadius?: number;
134
135
  style?: import('react').CSSProperties;
135
136
  className?: string;
136
- updatable?: import('@xyflow/react').EdgeUpdatable;
137
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
137
138
  focusable?: boolean;
138
139
  data: import('..').RelationshipData;
139
140
  readonly id: string;
@@ -161,7 +162,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
161
162
  labelBgBorderRadius?: number;
162
163
  style?: import('react').CSSProperties;
163
164
  className?: string;
164
- updatable?: import('@xyflow/react').EdgeUpdatable;
165
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
165
166
  focusable?: boolean;
166
167
  data: import('..').RelationshipData;
167
168
  readonly id: string;
@@ -189,7 +190,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
189
190
  labelBgBorderRadius?: number;
190
191
  style?: import('react').CSSProperties;
191
192
  className?: string;
192
- updatable?: import('@xyflow/react').EdgeUpdatable;
193
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
193
194
  focusable?: boolean;
194
195
  data: import('..').RelationshipData;
195
196
  readonly id: string;
@@ -217,7 +218,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
217
218
  labelBgBorderRadius?: number;
218
219
  style?: import('react').CSSProperties;
219
220
  className?: string;
220
- updatable?: import('@xyflow/react').EdgeUpdatable;
221
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
221
222
  focusable?: boolean;
222
223
  data: import('..').RelationshipData;
223
224
  readonly id: string;
@@ -246,7 +247,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
246
247
  labelBgBorderRadius?: number;
247
248
  style?: import('react').CSSProperties;
248
249
  className?: string;
249
- updatable?: import('@xyflow/react').EdgeUpdatable;
250
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
250
251
  focusable?: boolean;
251
252
  data: import('..').RelationshipData;
252
253
  readonly id: string;
@@ -274,7 +275,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
274
275
  labelBgBorderRadius?: number;
275
276
  style?: import('react').CSSProperties;
276
277
  className?: string;
277
- updatable?: import('@xyflow/react').EdgeUpdatable;
278
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
278
279
  focusable?: boolean;
279
280
  data: import('..').RelationshipData;
280
281
  readonly id: string;
@@ -306,7 +307,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
306
307
  labelBgBorderRadius?: number;
307
308
  style?: import('react').CSSProperties;
308
309
  className?: string;
309
- updatable?: import('@xyflow/react').EdgeUpdatable;
310
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
310
311
  focusable?: boolean;
311
312
  data: import('..').RelationshipData;
312
313
  readonly id: string;
@@ -335,7 +336,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
335
336
  labelBgBorderRadius?: number;
336
337
  style?: import('react').CSSProperties;
337
338
  className?: string;
338
- updatable?: import('@xyflow/react').EdgeUpdatable;
339
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
339
340
  focusable?: boolean;
340
341
  data: import('..').RelationshipData;
341
342
  readonly id: string;
@@ -363,7 +364,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
363
364
  labelBgBorderRadius?: number;
364
365
  style?: import('react').CSSProperties;
365
366
  className?: string;
366
- updatable?: import('@xyflow/react').EdgeUpdatable;
367
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
367
368
  focusable?: boolean;
368
369
  data: import('..').RelationshipData;
369
370
  readonly id: string;
@@ -391,7 +392,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
391
392
  labelBgBorderRadius?: number;
392
393
  style?: import('react').CSSProperties;
393
394
  className?: string;
394
- updatable?: import('@xyflow/react').EdgeUpdatable;
395
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
395
396
  focusable?: boolean;
396
397
  data: import('..').RelationshipData;
397
398
  readonly id: string;
@@ -419,7 +420,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
419
420
  labelBgBorderRadius?: number;
420
421
  style?: import('react').CSSProperties;
421
422
  className?: string;
422
- updatable?: import('@xyflow/react').EdgeUpdatable;
423
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
423
424
  focusable?: boolean;
424
425
  data: import('..').RelationshipData;
425
426
  readonly id: string;
@@ -447,7 +448,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
447
448
  labelBgBorderRadius?: number;
448
449
  style?: import('react').CSSProperties;
449
450
  className?: string;
450
- updatable?: import('@xyflow/react').EdgeUpdatable;
451
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
451
452
  focusable?: boolean;
452
453
  data: import('..').RelationshipData;
453
454
  readonly id: string;
@@ -476,7 +477,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
476
477
  labelBgBorderRadius?: number;
477
478
  style?: import('react').CSSProperties;
478
479
  className?: string;
479
- updatable?: import('@xyflow/react').EdgeUpdatable;
480
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
480
481
  focusable?: boolean;
481
482
  data: import('..').RelationshipData;
482
483
  readonly id: string;
@@ -504,7 +505,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
504
505
  labelBgBorderRadius?: number;
505
506
  style?: import('react').CSSProperties;
506
507
  className?: string;
507
- updatable?: import('@xyflow/react').EdgeUpdatable;
508
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
508
509
  focusable?: boolean;
509
510
  data: import('..').RelationshipData;
510
511
  readonly id: string;
@@ -526,7 +527,6 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
526
527
  nodesDraggable: boolean;
527
528
  nodesSelectable: boolean;
528
529
  experimentalEdgeEditing: boolean;
529
- viewSyncState: "synced" | "changed";
530
530
  viewSyncDebounceTimeout: number | null;
531
531
  xyflow: import('..').XYFlowInstance;
532
532
  initialized: boolean;
@@ -566,6 +566,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
566
566
  resetLastClicked: () => void;
567
567
  getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
568
568
  triggerChangeElementStyle: (change: import("..").Changes.ChangeElementStyle) => void;
569
+ cancelSaveManualLayout: () => void;
569
570
  triggerSaveManualLayout: (xystore: {
570
571
  getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
571
572
  source: string;
@@ -590,7 +591,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
590
591
  labelBgBorderRadius?: number;
591
592
  style?: import('react').CSSProperties;
592
593
  className?: string;
593
- updatable?: import('@xyflow/react').EdgeUpdatable;
594
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
594
595
  focusable?: boolean;
595
596
  data: import('..').RelationshipData;
596
597
  readonly id: string;
@@ -619,7 +620,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
619
620
  labelBgBorderRadius?: number;
620
621
  style?: import('react').CSSProperties;
621
622
  className?: string;
622
- updatable?: import('@xyflow/react').EdgeUpdatable;
623
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
623
624
  focusable?: boolean;
624
625
  data: import('..').RelationshipData;
625
626
  readonly id: string;
@@ -647,7 +648,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
647
648
  labelBgBorderRadius?: number;
648
649
  style?: import('react').CSSProperties;
649
650
  className?: string;
650
- updatable?: import('@xyflow/react').EdgeUpdatable;
651
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
651
652
  focusable?: boolean;
652
653
  data: import('..').RelationshipData;
653
654
  readonly id: string;
@@ -675,7 +676,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
675
676
  labelBgBorderRadius?: number;
676
677
  style?: import('react').CSSProperties;
677
678
  className?: string;
678
- updatable?: import('@xyflow/react').EdgeUpdatable;
679
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
679
680
  focusable?: boolean;
680
681
  data: import('..').RelationshipData;
681
682
  readonly id: string;
@@ -703,7 +704,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
703
704
  labelBgBorderRadius?: number;
704
705
  style?: import('react').CSSProperties;
705
706
  className?: string;
706
- updatable?: import('@xyflow/react').EdgeUpdatable;
707
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
707
708
  focusable?: boolean;
708
709
  data: import('..').RelationshipData;
709
710
  readonly id: string;
@@ -731,7 +732,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
731
732
  labelBgBorderRadius?: number;
732
733
  style?: import('react').CSSProperties;
733
734
  className?: string;
734
- updatable?: import('@xyflow/react').EdgeUpdatable;
735
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
735
736
  focusable?: boolean;
736
737
  data: import('..').RelationshipData;
737
738
  readonly id: string;
@@ -760,7 +761,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
760
761
  labelBgBorderRadius?: number;
761
762
  style?: import('react').CSSProperties;
762
763
  className?: string;
763
- updatable?: import('@xyflow/react').EdgeUpdatable;
764
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
764
765
  focusable?: boolean;
765
766
  data: import('..').RelationshipData;
766
767
  readonly id: string;
@@ -788,7 +789,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
788
789
  labelBgBorderRadius?: number;
789
790
  style?: import('react').CSSProperties;
790
791
  className?: string;
791
- updatable?: import('@xyflow/react').EdgeUpdatable;
792
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
792
793
  focusable?: boolean;
793
794
  data: import('..').RelationshipData;
794
795
  readonly id: string;
@@ -820,7 +821,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
820
821
  labelBgBorderRadius?: number;
821
822
  style?: import('react').CSSProperties;
822
823
  className?: string;
823
- updatable?: import('@xyflow/react').EdgeUpdatable;
824
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
824
825
  focusable?: boolean;
825
826
  data: import('..').RelationshipData;
826
827
  readonly id: string;
@@ -849,7 +850,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
849
850
  labelBgBorderRadius?: number;
850
851
  style?: import('react').CSSProperties;
851
852
  className?: string;
852
- updatable?: import('@xyflow/react').EdgeUpdatable;
853
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
853
854
  focusable?: boolean;
854
855
  data: import('..').RelationshipData;
855
856
  readonly id: string;
@@ -877,7 +878,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
877
878
  labelBgBorderRadius?: number;
878
879
  style?: import('react').CSSProperties;
879
880
  className?: string;
880
- updatable?: import('@xyflow/react').EdgeUpdatable;
881
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
881
882
  focusable?: boolean;
882
883
  data: import('..').RelationshipData;
883
884
  readonly id: string;
@@ -905,7 +906,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
905
906
  labelBgBorderRadius?: number;
906
907
  style?: import('react').CSSProperties;
907
908
  className?: string;
908
- updatable?: import('@xyflow/react').EdgeUpdatable;
909
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
909
910
  focusable?: boolean;
910
911
  data: import('..').RelationshipData;
911
912
  readonly id: string;
@@ -933,7 +934,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
933
934
  labelBgBorderRadius?: number;
934
935
  style?: import('react').CSSProperties;
935
936
  className?: string;
936
- updatable?: import('@xyflow/react').EdgeUpdatable;
937
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
937
938
  focusable?: boolean;
938
939
  data: import('..').RelationshipData;
939
940
  readonly id: string;
@@ -961,7 +962,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
961
962
  labelBgBorderRadius?: number;
962
963
  style?: import('react').CSSProperties;
963
964
  className?: string;
964
- updatable?: import('@xyflow/react').EdgeUpdatable;
965
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
965
966
  focusable?: boolean;
966
967
  data: import('..').RelationshipData;
967
968
  readonly id: string;
@@ -990,7 +991,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
990
991
  labelBgBorderRadius?: number;
991
992
  style?: import('react').CSSProperties;
992
993
  className?: string;
993
- updatable?: import('@xyflow/react').EdgeUpdatable;
994
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
994
995
  focusable?: boolean;
995
996
  data: import('..').RelationshipData;
996
997
  readonly id: string;
@@ -1018,7 +1019,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1018
1019
  labelBgBorderRadius?: number;
1019
1020
  style?: import('react').CSSProperties;
1020
1021
  className?: string;
1021
- updatable?: import('@xyflow/react').EdgeUpdatable;
1022
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1022
1023
  focusable?: boolean;
1023
1024
  data: import('..').RelationshipData;
1024
1025
  readonly id: string;
@@ -1038,7 +1039,6 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1038
1039
  nodesDraggable: boolean;
1039
1040
  nodesSelectable: boolean;
1040
1041
  experimentalEdgeEditing: boolean;
1041
- viewSyncState: "synced" | "changed";
1042
1042
  viewSyncDebounceTimeout: number | null;
1043
1043
  xyflow: import('..').XYFlowInstance;
1044
1044
  initialized: boolean;
@@ -1078,6 +1078,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1078
1078
  resetLastClicked: () => void;
1079
1079
  getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
1080
1080
  triggerChangeElementStyle: (change: import("..").Changes.ChangeElementStyle) => void;
1081
+ cancelSaveManualLayout: () => void;
1081
1082
  triggerSaveManualLayout: (xystore: {
1082
1083
  getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1083
1084
  source: string;
@@ -1102,7 +1103,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1102
1103
  labelBgBorderRadius?: number;
1103
1104
  style?: import('react').CSSProperties;
1104
1105
  className?: string;
1105
- updatable?: import('@xyflow/react').EdgeUpdatable;
1106
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1106
1107
  focusable?: boolean;
1107
1108
  data: import('..').RelationshipData;
1108
1109
  readonly id: string;
@@ -1131,7 +1132,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1131
1132
  labelBgBorderRadius?: number;
1132
1133
  style?: import('react').CSSProperties;
1133
1134
  className?: string;
1134
- updatable?: import('@xyflow/react').EdgeUpdatable;
1135
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1135
1136
  focusable?: boolean;
1136
1137
  data: import('..').RelationshipData;
1137
1138
  readonly id: string;
@@ -1159,7 +1160,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1159
1160
  labelBgBorderRadius?: number;
1160
1161
  style?: import('react').CSSProperties;
1161
1162
  className?: string;
1162
- updatable?: import('@xyflow/react').EdgeUpdatable;
1163
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1163
1164
  focusable?: boolean;
1164
1165
  data: import('..').RelationshipData;
1165
1166
  readonly id: string;
@@ -1187,7 +1188,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1187
1188
  labelBgBorderRadius?: number;
1188
1189
  style?: import('react').CSSProperties;
1189
1190
  className?: string;
1190
- updatable?: import('@xyflow/react').EdgeUpdatable;
1191
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1191
1192
  focusable?: boolean;
1192
1193
  data: import('..').RelationshipData;
1193
1194
  readonly id: string;
@@ -1215,7 +1216,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1215
1216
  labelBgBorderRadius?: number;
1216
1217
  style?: import('react').CSSProperties;
1217
1218
  className?: string;
1218
- updatable?: import('@xyflow/react').EdgeUpdatable;
1219
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1219
1220
  focusable?: boolean;
1220
1221
  data: import('..').RelationshipData;
1221
1222
  readonly id: string;
@@ -1243,7 +1244,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1243
1244
  labelBgBorderRadius?: number;
1244
1245
  style?: import('react').CSSProperties;
1245
1246
  className?: string;
1246
- updatable?: import('@xyflow/react').EdgeUpdatable;
1247
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1247
1248
  focusable?: boolean;
1248
1249
  data: import('..').RelationshipData;
1249
1250
  readonly id: string;
@@ -1272,7 +1273,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1272
1273
  labelBgBorderRadius?: number;
1273
1274
  style?: import('react').CSSProperties;
1274
1275
  className?: string;
1275
- updatable?: import('@xyflow/react').EdgeUpdatable;
1276
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1276
1277
  focusable?: boolean;
1277
1278
  data: import('..').RelationshipData;
1278
1279
  readonly id: string;
@@ -1300,7 +1301,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1300
1301
  labelBgBorderRadius?: number;
1301
1302
  style?: import('react').CSSProperties;
1302
1303
  className?: string;
1303
- updatable?: import('@xyflow/react').EdgeUpdatable;
1304
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1304
1305
  focusable?: boolean;
1305
1306
  data: import('..').RelationshipData;
1306
1307
  readonly id: string;
@@ -1332,7 +1333,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1332
1333
  labelBgBorderRadius?: number;
1333
1334
  style?: import('react').CSSProperties;
1334
1335
  className?: string;
1335
- updatable?: import('@xyflow/react').EdgeUpdatable;
1336
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1336
1337
  focusable?: boolean;
1337
1338
  data: import('..').RelationshipData;
1338
1339
  readonly id: string;
@@ -1361,7 +1362,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1361
1362
  labelBgBorderRadius?: number;
1362
1363
  style?: import('react').CSSProperties;
1363
1364
  className?: string;
1364
- updatable?: import('@xyflow/react').EdgeUpdatable;
1365
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1365
1366
  focusable?: boolean;
1366
1367
  data: import('..').RelationshipData;
1367
1368
  readonly id: string;
@@ -1389,7 +1390,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1389
1390
  labelBgBorderRadius?: number;
1390
1391
  style?: import('react').CSSProperties;
1391
1392
  className?: string;
1392
- updatable?: import('@xyflow/react').EdgeUpdatable;
1393
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1393
1394
  focusable?: boolean;
1394
1395
  data: import('..').RelationshipData;
1395
1396
  readonly id: string;
@@ -1417,7 +1418,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1417
1418
  labelBgBorderRadius?: number;
1418
1419
  style?: import('react').CSSProperties;
1419
1420
  className?: string;
1420
- updatable?: import('@xyflow/react').EdgeUpdatable;
1421
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1421
1422
  focusable?: boolean;
1422
1423
  data: import('..').RelationshipData;
1423
1424
  readonly id: string;
@@ -1445,7 +1446,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1445
1446
  labelBgBorderRadius?: number;
1446
1447
  style?: import('react').CSSProperties;
1447
1448
  className?: string;
1448
- updatable?: import('@xyflow/react').EdgeUpdatable;
1449
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1449
1450
  focusable?: boolean;
1450
1451
  data: import('..').RelationshipData;
1451
1452
  readonly id: string;
@@ -1473,7 +1474,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1473
1474
  labelBgBorderRadius?: number;
1474
1475
  style?: import('react').CSSProperties;
1475
1476
  className?: string;
1476
- updatable?: import('@xyflow/react').EdgeUpdatable;
1477
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1477
1478
  focusable?: boolean;
1478
1479
  data: import('..').RelationshipData;
1479
1480
  readonly id: string;
@@ -1502,7 +1503,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1502
1503
  labelBgBorderRadius?: number;
1503
1504
  style?: import('react').CSSProperties;
1504
1505
  className?: string;
1505
- updatable?: import('@xyflow/react').EdgeUpdatable;
1506
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1506
1507
  focusable?: boolean;
1507
1508
  data: import('..').RelationshipData;
1508
1509
  readonly id: string;
@@ -1530,7 +1531,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1530
1531
  labelBgBorderRadius?: number;
1531
1532
  style?: import('react').CSSProperties;
1532
1533
  className?: string;
1533
- updatable?: import('@xyflow/react').EdgeUpdatable;
1534
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1534
1535
  focusable?: boolean;
1535
1536
  data: import('..').RelationshipData;
1536
1537
  readonly id: string;
@@ -1551,7 +1552,6 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1551
1552
  nodesDraggable: boolean;
1552
1553
  nodesSelectable: boolean;
1553
1554
  experimentalEdgeEditing: boolean;
1554
- viewSyncState: "synced" | "changed";
1555
1555
  viewSyncDebounceTimeout: number | null;
1556
1556
  xyflow: import('..').XYFlowInstance;
1557
1557
  initialized: boolean;
@@ -1591,6 +1591,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1591
1591
  resetLastClicked: () => void;
1592
1592
  getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
1593
1593
  triggerChangeElementStyle: (change: import("..").Changes.ChangeElementStyle) => void;
1594
+ cancelSaveManualLayout: () => void;
1594
1595
  triggerSaveManualLayout: (xystore: {
1595
1596
  getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1596
1597
  source: string;
@@ -1615,7 +1616,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1615
1616
  labelBgBorderRadius?: number;
1616
1617
  style?: import('react').CSSProperties;
1617
1618
  className?: string;
1618
- updatable?: import('@xyflow/react').EdgeUpdatable;
1619
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1619
1620
  focusable?: boolean;
1620
1621
  data: import('..').RelationshipData;
1621
1622
  readonly id: string;
@@ -1644,7 +1645,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1644
1645
  labelBgBorderRadius?: number;
1645
1646
  style?: import('react').CSSProperties;
1646
1647
  className?: string;
1647
- updatable?: import('@xyflow/react').EdgeUpdatable;
1648
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1648
1649
  focusable?: boolean;
1649
1650
  data: import('..').RelationshipData;
1650
1651
  readonly id: string;
@@ -1672,7 +1673,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1672
1673
  labelBgBorderRadius?: number;
1673
1674
  style?: import('react').CSSProperties;
1674
1675
  className?: string;
1675
- updatable?: import('@xyflow/react').EdgeUpdatable;
1676
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1676
1677
  focusable?: boolean;
1677
1678
  data: import('..').RelationshipData;
1678
1679
  readonly id: string;
@@ -1700,7 +1701,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1700
1701
  labelBgBorderRadius?: number;
1701
1702
  style?: import('react').CSSProperties;
1702
1703
  className?: string;
1703
- updatable?: import('@xyflow/react').EdgeUpdatable;
1704
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1704
1705
  focusable?: boolean;
1705
1706
  data: import('..').RelationshipData;
1706
1707
  readonly id: string;
@@ -1728,7 +1729,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1728
1729
  labelBgBorderRadius?: number;
1729
1730
  style?: import('react').CSSProperties;
1730
1731
  className?: string;
1731
- updatable?: import('@xyflow/react').EdgeUpdatable;
1732
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1732
1733
  focusable?: boolean;
1733
1734
  data: import('..').RelationshipData;
1734
1735
  readonly id: string;
@@ -1756,7 +1757,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1756
1757
  labelBgBorderRadius?: number;
1757
1758
  style?: import('react').CSSProperties;
1758
1759
  className?: string;
1759
- updatable?: import('@xyflow/react').EdgeUpdatable;
1760
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1760
1761
  focusable?: boolean;
1761
1762
  data: import('..').RelationshipData;
1762
1763
  readonly id: string;
@@ -1785,7 +1786,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1785
1786
  labelBgBorderRadius?: number;
1786
1787
  style?: import('react').CSSProperties;
1787
1788
  className?: string;
1788
- updatable?: import('@xyflow/react').EdgeUpdatable;
1789
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1789
1790
  focusable?: boolean;
1790
1791
  data: import('..').RelationshipData;
1791
1792
  readonly id: string;
@@ -1813,7 +1814,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1813
1814
  labelBgBorderRadius?: number;
1814
1815
  style?: import('react').CSSProperties;
1815
1816
  className?: string;
1816
- updatable?: import('@xyflow/react').EdgeUpdatable;
1817
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1817
1818
  focusable?: boolean;
1818
1819
  data: import('..').RelationshipData;
1819
1820
  readonly id: string;
@@ -1845,7 +1846,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1845
1846
  labelBgBorderRadius?: number;
1846
1847
  style?: import('react').CSSProperties;
1847
1848
  className?: string;
1848
- updatable?: import('@xyflow/react').EdgeUpdatable;
1849
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1849
1850
  focusable?: boolean;
1850
1851
  data: import('..').RelationshipData;
1851
1852
  readonly id: string;
@@ -1874,7 +1875,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1874
1875
  labelBgBorderRadius?: number;
1875
1876
  style?: import('react').CSSProperties;
1876
1877
  className?: string;
1877
- updatable?: import('@xyflow/react').EdgeUpdatable;
1878
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1878
1879
  focusable?: boolean;
1879
1880
  data: import('..').RelationshipData;
1880
1881
  readonly id: string;
@@ -1902,7 +1903,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1902
1903
  labelBgBorderRadius?: number;
1903
1904
  style?: import('react').CSSProperties;
1904
1905
  className?: string;
1905
- updatable?: import('@xyflow/react').EdgeUpdatable;
1906
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1906
1907
  focusable?: boolean;
1907
1908
  data: import('..').RelationshipData;
1908
1909
  readonly id: string;
@@ -1930,7 +1931,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1930
1931
  labelBgBorderRadius?: number;
1931
1932
  style?: import('react').CSSProperties;
1932
1933
  className?: string;
1933
- updatable?: import('@xyflow/react').EdgeUpdatable;
1934
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1934
1935
  focusable?: boolean;
1935
1936
  data: import('..').RelationshipData;
1936
1937
  readonly id: string;
@@ -1958,7 +1959,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1958
1959
  labelBgBorderRadius?: number;
1959
1960
  style?: import('react').CSSProperties;
1960
1961
  className?: string;
1961
- updatable?: import('@xyflow/react').EdgeUpdatable;
1962
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1962
1963
  focusable?: boolean;
1963
1964
  data: import('..').RelationshipData;
1964
1965
  readonly id: string;
@@ -1986,7 +1987,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
1986
1987
  labelBgBorderRadius?: number;
1987
1988
  style?: import('react').CSSProperties;
1988
1989
  className?: string;
1989
- updatable?: import('@xyflow/react').EdgeUpdatable;
1990
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
1990
1991
  focusable?: boolean;
1991
1992
  data: import('..').RelationshipData;
1992
1993
  readonly id: string;
@@ -2015,7 +2016,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2015
2016
  labelBgBorderRadius?: number;
2016
2017
  style?: import('react').CSSProperties;
2017
2018
  className?: string;
2018
- updatable?: import('@xyflow/react').EdgeUpdatable;
2019
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2019
2020
  focusable?: boolean;
2020
2021
  data: import('..').RelationshipData;
2021
2022
  readonly id: string;
@@ -2043,7 +2044,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2043
2044
  labelBgBorderRadius?: number;
2044
2045
  style?: import('react').CSSProperties;
2045
2046
  className?: string;
2046
- updatable?: import('@xyflow/react').EdgeUpdatable;
2047
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2047
2048
  focusable?: boolean;
2048
2049
  data: import('..').RelationshipData;
2049
2050
  readonly id: string;
@@ -2071,7 +2072,6 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2071
2072
  nodesDraggable: boolean;
2072
2073
  nodesSelectable: boolean;
2073
2074
  experimentalEdgeEditing: boolean;
2074
- viewSyncState: "synced" | "changed";
2075
2075
  viewSyncDebounceTimeout: number | null;
2076
2076
  xyflow: import('..').XYFlowInstance;
2077
2077
  initialized: boolean;
@@ -2111,6 +2111,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2111
2111
  resetLastClicked: () => void;
2112
2112
  getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
2113
2113
  triggerChangeElementStyle: (change: import("..").Changes.ChangeElementStyle) => void;
2114
+ cancelSaveManualLayout: () => void;
2114
2115
  triggerSaveManualLayout: (xystore: {
2115
2116
  getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2116
2117
  source: string;
@@ -2135,7 +2136,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2135
2136
  labelBgBorderRadius?: number;
2136
2137
  style?: import('react').CSSProperties;
2137
2138
  className?: string;
2138
- updatable?: import('@xyflow/react').EdgeUpdatable;
2139
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2139
2140
  focusable?: boolean;
2140
2141
  data: import('..').RelationshipData;
2141
2142
  readonly id: string;
@@ -2164,7 +2165,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2164
2165
  labelBgBorderRadius?: number;
2165
2166
  style?: import('react').CSSProperties;
2166
2167
  className?: string;
2167
- updatable?: import('@xyflow/react').EdgeUpdatable;
2168
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2168
2169
  focusable?: boolean;
2169
2170
  data: import('..').RelationshipData;
2170
2171
  readonly id: string;
@@ -2192,7 +2193,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2192
2193
  labelBgBorderRadius?: number;
2193
2194
  style?: import('react').CSSProperties;
2194
2195
  className?: string;
2195
- updatable?: import('@xyflow/react').EdgeUpdatable;
2196
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2196
2197
  focusable?: boolean;
2197
2198
  data: import('..').RelationshipData;
2198
2199
  readonly id: string;
@@ -2220,7 +2221,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2220
2221
  labelBgBorderRadius?: number;
2221
2222
  style?: import('react').CSSProperties;
2222
2223
  className?: string;
2223
- updatable?: import('@xyflow/react').EdgeUpdatable;
2224
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2224
2225
  focusable?: boolean;
2225
2226
  data: import('..').RelationshipData;
2226
2227
  readonly id: string;
@@ -2248,7 +2249,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2248
2249
  labelBgBorderRadius?: number;
2249
2250
  style?: import('react').CSSProperties;
2250
2251
  className?: string;
2251
- updatable?: import('@xyflow/react').EdgeUpdatable;
2252
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2252
2253
  focusable?: boolean;
2253
2254
  data: import('..').RelationshipData;
2254
2255
  readonly id: string;
@@ -2276,7 +2277,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2276
2277
  labelBgBorderRadius?: number;
2277
2278
  style?: import('react').CSSProperties;
2278
2279
  className?: string;
2279
- updatable?: import('@xyflow/react').EdgeUpdatable;
2280
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2280
2281
  focusable?: boolean;
2281
2282
  data: import('..').RelationshipData;
2282
2283
  readonly id: string;
@@ -2305,7 +2306,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2305
2306
  labelBgBorderRadius?: number;
2306
2307
  style?: import('react').CSSProperties;
2307
2308
  className?: string;
2308
- updatable?: import('@xyflow/react').EdgeUpdatable;
2309
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2309
2310
  focusable?: boolean;
2310
2311
  data: import('..').RelationshipData;
2311
2312
  readonly id: string;
@@ -2333,7 +2334,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2333
2334
  labelBgBorderRadius?: number;
2334
2335
  style?: import('react').CSSProperties;
2335
2336
  className?: string;
2336
- updatable?: import('@xyflow/react').EdgeUpdatable;
2337
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2337
2338
  focusable?: boolean;
2338
2339
  data: import('..').RelationshipData;
2339
2340
  readonly id: string;
@@ -2365,7 +2366,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2365
2366
  labelBgBorderRadius?: number;
2366
2367
  style?: import('react').CSSProperties;
2367
2368
  className?: string;
2368
- updatable?: import('@xyflow/react').EdgeUpdatable;
2369
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2369
2370
  focusable?: boolean;
2370
2371
  data: import('..').RelationshipData;
2371
2372
  readonly id: string;
@@ -2394,7 +2395,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2394
2395
  labelBgBorderRadius?: number;
2395
2396
  style?: import('react').CSSProperties;
2396
2397
  className?: string;
2397
- updatable?: import('@xyflow/react').EdgeUpdatable;
2398
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2398
2399
  focusable?: boolean;
2399
2400
  data: import('..').RelationshipData;
2400
2401
  readonly id: string;
@@ -2422,7 +2423,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2422
2423
  labelBgBorderRadius?: number;
2423
2424
  style?: import('react').CSSProperties;
2424
2425
  className?: string;
2425
- updatable?: import('@xyflow/react').EdgeUpdatable;
2426
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2426
2427
  focusable?: boolean;
2427
2428
  data: import('..').RelationshipData;
2428
2429
  readonly id: string;
@@ -2450,7 +2451,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2450
2451
  labelBgBorderRadius?: number;
2451
2452
  style?: import('react').CSSProperties;
2452
2453
  className?: string;
2453
- updatable?: import('@xyflow/react').EdgeUpdatable;
2454
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2454
2455
  focusable?: boolean;
2455
2456
  data: import('..').RelationshipData;
2456
2457
  readonly id: string;
@@ -2478,7 +2479,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2478
2479
  labelBgBorderRadius?: number;
2479
2480
  style?: import('react').CSSProperties;
2480
2481
  className?: string;
2481
- updatable?: import('@xyflow/react').EdgeUpdatable;
2482
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2482
2483
  focusable?: boolean;
2483
2484
  data: import('..').RelationshipData;
2484
2485
  readonly id: string;
@@ -2506,7 +2507,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2506
2507
  labelBgBorderRadius?: number;
2507
2508
  style?: import('react').CSSProperties;
2508
2509
  className?: string;
2509
- updatable?: import('@xyflow/react').EdgeUpdatable;
2510
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2510
2511
  focusable?: boolean;
2511
2512
  data: import('..').RelationshipData;
2512
2513
  readonly id: string;
@@ -2535,7 +2536,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2535
2536
  labelBgBorderRadius?: number;
2536
2537
  style?: import('react').CSSProperties;
2537
2538
  className?: string;
2538
- updatable?: import('@xyflow/react').EdgeUpdatable;
2539
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2539
2540
  focusable?: boolean;
2540
2541
  data: import('..').RelationshipData;
2541
2542
  readonly id: string;
@@ -2563,7 +2564,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2563
2564
  labelBgBorderRadius?: number;
2564
2565
  style?: import('react').CSSProperties;
2565
2566
  className?: string;
2566
- updatable?: import('@xyflow/react').EdgeUpdatable;
2567
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2567
2568
  focusable?: boolean;
2568
2569
  data: import('..').RelationshipData;
2569
2570
  readonly id: string;
@@ -2583,7 +2584,6 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2583
2584
  nodesDraggable: boolean;
2584
2585
  nodesSelectable: boolean;
2585
2586
  experimentalEdgeEditing: boolean;
2586
- viewSyncState: "synced" | "changed";
2587
2587
  viewSyncDebounceTimeout: number | null;
2588
2588
  xyflow: import('..').XYFlowInstance;
2589
2589
  initialized: boolean;
@@ -2623,6 +2623,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2623
2623
  resetLastClicked: () => void;
2624
2624
  getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
2625
2625
  triggerChangeElementStyle: (change: import("..").Changes.ChangeElementStyle) => void;
2626
+ cancelSaveManualLayout: () => void;
2626
2627
  triggerSaveManualLayout: (xystore: {
2627
2628
  getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2628
2629
  source: string;
@@ -2647,7 +2648,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2647
2648
  labelBgBorderRadius?: number;
2648
2649
  style?: import('react').CSSProperties;
2649
2650
  className?: string;
2650
- updatable?: import('@xyflow/react').EdgeUpdatable;
2651
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2651
2652
  focusable?: boolean;
2652
2653
  data: import('..').RelationshipData;
2653
2654
  readonly id: string;
@@ -2676,7 +2677,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2676
2677
  labelBgBorderRadius?: number;
2677
2678
  style?: import('react').CSSProperties;
2678
2679
  className?: string;
2679
- updatable?: import('@xyflow/react').EdgeUpdatable;
2680
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2680
2681
  focusable?: boolean;
2681
2682
  data: import('..').RelationshipData;
2682
2683
  readonly id: string;
@@ -2704,7 +2705,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2704
2705
  labelBgBorderRadius?: number;
2705
2706
  style?: import('react').CSSProperties;
2706
2707
  className?: string;
2707
- updatable?: import('@xyflow/react').EdgeUpdatable;
2708
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2708
2709
  focusable?: boolean;
2709
2710
  data: import('..').RelationshipData;
2710
2711
  readonly id: string;
@@ -2732,7 +2733,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2732
2733
  labelBgBorderRadius?: number;
2733
2734
  style?: import('react').CSSProperties;
2734
2735
  className?: string;
2735
- updatable?: import('@xyflow/react').EdgeUpdatable;
2736
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2736
2737
  focusable?: boolean;
2737
2738
  data: import('..').RelationshipData;
2738
2739
  readonly id: string;
@@ -2760,7 +2761,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2760
2761
  labelBgBorderRadius?: number;
2761
2762
  style?: import('react').CSSProperties;
2762
2763
  className?: string;
2763
- updatable?: import('@xyflow/react').EdgeUpdatable;
2764
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2764
2765
  focusable?: boolean;
2765
2766
  data: import('..').RelationshipData;
2766
2767
  readonly id: string;
@@ -2788,7 +2789,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2788
2789
  labelBgBorderRadius?: number;
2789
2790
  style?: import('react').CSSProperties;
2790
2791
  className?: string;
2791
- updatable?: import('@xyflow/react').EdgeUpdatable;
2792
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2792
2793
  focusable?: boolean;
2793
2794
  data: import('..').RelationshipData;
2794
2795
  readonly id: string;
@@ -2817,7 +2818,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2817
2818
  labelBgBorderRadius?: number;
2818
2819
  style?: import('react').CSSProperties;
2819
2820
  className?: string;
2820
- updatable?: import('@xyflow/react').EdgeUpdatable;
2821
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2821
2822
  focusable?: boolean;
2822
2823
  data: import('..').RelationshipData;
2823
2824
  readonly id: string;
@@ -2845,7 +2846,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2845
2846
  labelBgBorderRadius?: number;
2846
2847
  style?: import('react').CSSProperties;
2847
2848
  className?: string;
2848
- updatable?: import('@xyflow/react').EdgeUpdatable;
2849
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2849
2850
  focusable?: boolean;
2850
2851
  data: import('..').RelationshipData;
2851
2852
  readonly id: string;
@@ -2877,7 +2878,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2877
2878
  labelBgBorderRadius?: number;
2878
2879
  style?: import('react').CSSProperties;
2879
2880
  className?: string;
2880
- updatable?: import('@xyflow/react').EdgeUpdatable;
2881
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2881
2882
  focusable?: boolean;
2882
2883
  data: import('..').RelationshipData;
2883
2884
  readonly id: string;
@@ -2906,7 +2907,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2906
2907
  labelBgBorderRadius?: number;
2907
2908
  style?: import('react').CSSProperties;
2908
2909
  className?: string;
2909
- updatable?: import('@xyflow/react').EdgeUpdatable;
2910
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2910
2911
  focusable?: boolean;
2911
2912
  data: import('..').RelationshipData;
2912
2913
  readonly id: string;
@@ -2934,7 +2935,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2934
2935
  labelBgBorderRadius?: number;
2935
2936
  style?: import('react').CSSProperties;
2936
2937
  className?: string;
2937
- updatable?: import('@xyflow/react').EdgeUpdatable;
2938
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2938
2939
  focusable?: boolean;
2939
2940
  data: import('..').RelationshipData;
2940
2941
  readonly id: string;
@@ -2962,7 +2963,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2962
2963
  labelBgBorderRadius?: number;
2963
2964
  style?: import('react').CSSProperties;
2964
2965
  className?: string;
2965
- updatable?: import('@xyflow/react').EdgeUpdatable;
2966
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2966
2967
  focusable?: boolean;
2967
2968
  data: import('..').RelationshipData;
2968
2969
  readonly id: string;
@@ -2990,7 +2991,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
2990
2991
  labelBgBorderRadius?: number;
2991
2992
  style?: import('react').CSSProperties;
2992
2993
  className?: string;
2993
- updatable?: import('@xyflow/react').EdgeUpdatable;
2994
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
2994
2995
  focusable?: boolean;
2995
2996
  data: import('..').RelationshipData;
2996
2997
  readonly id: string;
@@ -3018,7 +3019,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3018
3019
  labelBgBorderRadius?: number;
3019
3020
  style?: import('react').CSSProperties;
3020
3021
  className?: string;
3021
- updatable?: import('@xyflow/react').EdgeUpdatable;
3022
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3022
3023
  focusable?: boolean;
3023
3024
  data: import('..').RelationshipData;
3024
3025
  readonly id: string;
@@ -3047,7 +3048,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3047
3048
  labelBgBorderRadius?: number;
3048
3049
  style?: import('react').CSSProperties;
3049
3050
  className?: string;
3050
- updatable?: import('@xyflow/react').EdgeUpdatable;
3051
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3051
3052
  focusable?: boolean;
3052
3053
  data: import('..').RelationshipData;
3053
3054
  readonly id: string;
@@ -3075,7 +3076,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3075
3076
  labelBgBorderRadius?: number;
3076
3077
  style?: import('react').CSSProperties;
3077
3078
  className?: string;
3078
- updatable?: import('@xyflow/react').EdgeUpdatable;
3079
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3079
3080
  focusable?: boolean;
3080
3081
  data: import('..').RelationshipData;
3081
3082
  readonly id: string;
@@ -3095,7 +3096,6 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3095
3096
  nodesDraggable: boolean;
3096
3097
  nodesSelectable: boolean;
3097
3098
  experimentalEdgeEditing: boolean;
3098
- viewSyncState: "synced" | "changed";
3099
3099
  viewSyncDebounceTimeout: number | null;
3100
3100
  xyflow: import('..').XYFlowInstance;
3101
3101
  initialized: boolean;
@@ -3135,6 +3135,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3135
3135
  resetLastClicked: () => void;
3136
3136
  getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
3137
3137
  triggerChangeElementStyle: (change: import("..").Changes.ChangeElementStyle) => void;
3138
+ cancelSaveManualLayout: () => void;
3138
3139
  triggerSaveManualLayout: (xystore: {
3139
3140
  getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3140
3141
  source: string;
@@ -3159,7 +3160,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3159
3160
  labelBgBorderRadius?: number;
3160
3161
  style?: import('react').CSSProperties;
3161
3162
  className?: string;
3162
- updatable?: import('@xyflow/react').EdgeUpdatable;
3163
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3163
3164
  focusable?: boolean;
3164
3165
  data: import('..').RelationshipData;
3165
3166
  readonly id: string;
@@ -3188,7 +3189,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3188
3189
  labelBgBorderRadius?: number;
3189
3190
  style?: import('react').CSSProperties;
3190
3191
  className?: string;
3191
- updatable?: import('@xyflow/react').EdgeUpdatable;
3192
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3192
3193
  focusable?: boolean;
3193
3194
  data: import('..').RelationshipData;
3194
3195
  readonly id: string;
@@ -3216,7 +3217,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3216
3217
  labelBgBorderRadius?: number;
3217
3218
  style?: import('react').CSSProperties;
3218
3219
  className?: string;
3219
- updatable?: import('@xyflow/react').EdgeUpdatable;
3220
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3220
3221
  focusable?: boolean;
3221
3222
  data: import('..').RelationshipData;
3222
3223
  readonly id: string;
@@ -3244,7 +3245,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3244
3245
  labelBgBorderRadius?: number;
3245
3246
  style?: import('react').CSSProperties;
3246
3247
  className?: string;
3247
- updatable?: import('@xyflow/react').EdgeUpdatable;
3248
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3248
3249
  focusable?: boolean;
3249
3250
  data: import('..').RelationshipData;
3250
3251
  readonly id: string;
@@ -3272,7 +3273,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3272
3273
  labelBgBorderRadius?: number;
3273
3274
  style?: import('react').CSSProperties;
3274
3275
  className?: string;
3275
- updatable?: import('@xyflow/react').EdgeUpdatable;
3276
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3276
3277
  focusable?: boolean;
3277
3278
  data: import('..').RelationshipData;
3278
3279
  readonly id: string;
@@ -3300,7 +3301,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3300
3301
  labelBgBorderRadius?: number;
3301
3302
  style?: import('react').CSSProperties;
3302
3303
  className?: string;
3303
- updatable?: import('@xyflow/react').EdgeUpdatable;
3304
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3304
3305
  focusable?: boolean;
3305
3306
  data: import('..').RelationshipData;
3306
3307
  readonly id: string;
@@ -3329,7 +3330,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3329
3330
  labelBgBorderRadius?: number;
3330
3331
  style?: import('react').CSSProperties;
3331
3332
  className?: string;
3332
- updatable?: import('@xyflow/react').EdgeUpdatable;
3333
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3333
3334
  focusable?: boolean;
3334
3335
  data: import('..').RelationshipData;
3335
3336
  readonly id: string;
@@ -3357,7 +3358,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3357
3358
  labelBgBorderRadius?: number;
3358
3359
  style?: import('react').CSSProperties;
3359
3360
  className?: string;
3360
- updatable?: import('@xyflow/react').EdgeUpdatable;
3361
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3361
3362
  focusable?: boolean;
3362
3363
  data: import('..').RelationshipData;
3363
3364
  readonly id: string;
@@ -3389,7 +3390,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3389
3390
  labelBgBorderRadius?: number;
3390
3391
  style?: import('react').CSSProperties;
3391
3392
  className?: string;
3392
- updatable?: import('@xyflow/react').EdgeUpdatable;
3393
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3393
3394
  focusable?: boolean;
3394
3395
  data: import('..').RelationshipData;
3395
3396
  readonly id: string;
@@ -3418,7 +3419,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3418
3419
  labelBgBorderRadius?: number;
3419
3420
  style?: import('react').CSSProperties;
3420
3421
  className?: string;
3421
- updatable?: import('@xyflow/react').EdgeUpdatable;
3422
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3422
3423
  focusable?: boolean;
3423
3424
  data: import('..').RelationshipData;
3424
3425
  readonly id: string;
@@ -3446,7 +3447,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3446
3447
  labelBgBorderRadius?: number;
3447
3448
  style?: import('react').CSSProperties;
3448
3449
  className?: string;
3449
- updatable?: import('@xyflow/react').EdgeUpdatable;
3450
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3450
3451
  focusable?: boolean;
3451
3452
  data: import('..').RelationshipData;
3452
3453
  readonly id: string;
@@ -3474,7 +3475,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3474
3475
  labelBgBorderRadius?: number;
3475
3476
  style?: import('react').CSSProperties;
3476
3477
  className?: string;
3477
- updatable?: import('@xyflow/react').EdgeUpdatable;
3478
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3478
3479
  focusable?: boolean;
3479
3480
  data: import('..').RelationshipData;
3480
3481
  readonly id: string;
@@ -3502,7 +3503,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3502
3503
  labelBgBorderRadius?: number;
3503
3504
  style?: import('react').CSSProperties;
3504
3505
  className?: string;
3505
- updatable?: import('@xyflow/react').EdgeUpdatable;
3506
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3506
3507
  focusable?: boolean;
3507
3508
  data: import('..').RelationshipData;
3508
3509
  readonly id: string;
@@ -3530,7 +3531,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3530
3531
  labelBgBorderRadius?: number;
3531
3532
  style?: import('react').CSSProperties;
3532
3533
  className?: string;
3533
- updatable?: import('@xyflow/react').EdgeUpdatable;
3534
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3534
3535
  focusable?: boolean;
3535
3536
  data: import('..').RelationshipData;
3536
3537
  readonly id: string;
@@ -3559,7 +3560,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3559
3560
  labelBgBorderRadius?: number;
3560
3561
  style?: import('react').CSSProperties;
3561
3562
  className?: string;
3562
- updatable?: import('@xyflow/react').EdgeUpdatable;
3563
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3563
3564
  focusable?: boolean;
3564
3565
  data: import('..').RelationshipData;
3565
3566
  readonly id: string;
@@ -3587,7 +3588,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3587
3588
  labelBgBorderRadius?: number;
3588
3589
  style?: import('react').CSSProperties;
3589
3590
  className?: string;
3590
- updatable?: import('@xyflow/react').EdgeUpdatable;
3591
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3591
3592
  focusable?: boolean;
3592
3593
  data: import('..').RelationshipData;
3593
3594
  readonly id: string;
@@ -3607,7 +3608,6 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3607
3608
  nodesDraggable: boolean;
3608
3609
  nodesSelectable: boolean;
3609
3610
  experimentalEdgeEditing: boolean;
3610
- viewSyncState: "synced" | "changed";
3611
3611
  viewSyncDebounceTimeout: number | null;
3612
3612
  xyflow: import('..').XYFlowInstance;
3613
3613
  initialized: boolean;
@@ -3647,6 +3647,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3647
3647
  resetLastClicked: () => void;
3648
3648
  getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
3649
3649
  triggerChangeElementStyle: (change: import("..").Changes.ChangeElementStyle) => void;
3650
+ cancelSaveManualLayout: () => void;
3650
3651
  triggerSaveManualLayout: (xystore: {
3651
3652
  getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3652
3653
  source: string;
@@ -3671,7 +3672,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3671
3672
  labelBgBorderRadius?: number;
3672
3673
  style?: import('react').CSSProperties;
3673
3674
  className?: string;
3674
- updatable?: import('@xyflow/react').EdgeUpdatable;
3675
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3675
3676
  focusable?: boolean;
3676
3677
  data: import('..').RelationshipData;
3677
3678
  readonly id: string;
@@ -3700,7 +3701,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3700
3701
  labelBgBorderRadius?: number;
3701
3702
  style?: import('react').CSSProperties;
3702
3703
  className?: string;
3703
- updatable?: import('@xyflow/react').EdgeUpdatable;
3704
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3704
3705
  focusable?: boolean;
3705
3706
  data: import('..').RelationshipData;
3706
3707
  readonly id: string;
@@ -3728,7 +3729,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3728
3729
  labelBgBorderRadius?: number;
3729
3730
  style?: import('react').CSSProperties;
3730
3731
  className?: string;
3731
- updatable?: import('@xyflow/react').EdgeUpdatable;
3732
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3732
3733
  focusable?: boolean;
3733
3734
  data: import('..').RelationshipData;
3734
3735
  readonly id: string;
@@ -3756,7 +3757,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3756
3757
  labelBgBorderRadius?: number;
3757
3758
  style?: import('react').CSSProperties;
3758
3759
  className?: string;
3759
- updatable?: import('@xyflow/react').EdgeUpdatable;
3760
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3760
3761
  focusable?: boolean;
3761
3762
  data: import('..').RelationshipData;
3762
3763
  readonly id: string;
@@ -3784,7 +3785,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3784
3785
  labelBgBorderRadius?: number;
3785
3786
  style?: import('react').CSSProperties;
3786
3787
  className?: string;
3787
- updatable?: import('@xyflow/react').EdgeUpdatable;
3788
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3788
3789
  focusable?: boolean;
3789
3790
  data: import('..').RelationshipData;
3790
3791
  readonly id: string;
@@ -3812,7 +3813,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3812
3813
  labelBgBorderRadius?: number;
3813
3814
  style?: import('react').CSSProperties;
3814
3815
  className?: string;
3815
- updatable?: import('@xyflow/react').EdgeUpdatable;
3816
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3816
3817
  focusable?: boolean;
3817
3818
  data: import('..').RelationshipData;
3818
3819
  readonly id: string;
@@ -3841,7 +3842,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3841
3842
  labelBgBorderRadius?: number;
3842
3843
  style?: import('react').CSSProperties;
3843
3844
  className?: string;
3844
- updatable?: import('@xyflow/react').EdgeUpdatable;
3845
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3845
3846
  focusable?: boolean;
3846
3847
  data: import('..').RelationshipData;
3847
3848
  readonly id: string;
@@ -3869,7 +3870,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3869
3870
  labelBgBorderRadius?: number;
3870
3871
  style?: import('react').CSSProperties;
3871
3872
  className?: string;
3872
- updatable?: import('@xyflow/react').EdgeUpdatable;
3873
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3873
3874
  focusable?: boolean;
3874
3875
  data: import('..').RelationshipData;
3875
3876
  readonly id: string;
@@ -3901,7 +3902,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3901
3902
  labelBgBorderRadius?: number;
3902
3903
  style?: import('react').CSSProperties;
3903
3904
  className?: string;
3904
- updatable?: import('@xyflow/react').EdgeUpdatable;
3905
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3905
3906
  focusable?: boolean;
3906
3907
  data: import('..').RelationshipData;
3907
3908
  readonly id: string;
@@ -3930,7 +3931,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3930
3931
  labelBgBorderRadius?: number;
3931
3932
  style?: import('react').CSSProperties;
3932
3933
  className?: string;
3933
- updatable?: import('@xyflow/react').EdgeUpdatable;
3934
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3934
3935
  focusable?: boolean;
3935
3936
  data: import('..').RelationshipData;
3936
3937
  readonly id: string;
@@ -3958,7 +3959,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3958
3959
  labelBgBorderRadius?: number;
3959
3960
  style?: import('react').CSSProperties;
3960
3961
  className?: string;
3961
- updatable?: import('@xyflow/react').EdgeUpdatable;
3962
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3962
3963
  focusable?: boolean;
3963
3964
  data: import('..').RelationshipData;
3964
3965
  readonly id: string;
@@ -3986,7 +3987,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
3986
3987
  labelBgBorderRadius?: number;
3987
3988
  style?: import('react').CSSProperties;
3988
3989
  className?: string;
3989
- updatable?: import('@xyflow/react').EdgeUpdatable;
3990
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
3990
3991
  focusable?: boolean;
3991
3992
  data: import('..').RelationshipData;
3992
3993
  readonly id: string;
@@ -4014,7 +4015,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
4014
4015
  labelBgBorderRadius?: number;
4015
4016
  style?: import('react').CSSProperties;
4016
4017
  className?: string;
4017
- updatable?: import('@xyflow/react').EdgeUpdatable;
4018
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
4018
4019
  focusable?: boolean;
4019
4020
  data: import('..').RelationshipData;
4020
4021
  readonly id: string;
@@ -4042,7 +4043,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
4042
4043
  labelBgBorderRadius?: number;
4043
4044
  style?: import('react').CSSProperties;
4044
4045
  className?: string;
4045
- updatable?: import('@xyflow/react').EdgeUpdatable;
4046
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
4046
4047
  focusable?: boolean;
4047
4048
  data: import('..').RelationshipData;
4048
4049
  readonly id: string;
@@ -4071,7 +4072,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
4071
4072
  labelBgBorderRadius?: number;
4072
4073
  style?: import('react').CSSProperties;
4073
4074
  className?: string;
4074
- updatable?: import('@xyflow/react').EdgeUpdatable;
4075
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
4075
4076
  focusable?: boolean;
4076
4077
  data: import('..').RelationshipData;
4077
4078
  readonly id: string;
@@ -4099,7 +4100,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
4099
4100
  labelBgBorderRadius?: number;
4100
4101
  style?: import('react').CSSProperties;
4101
4102
  className?: string;
4102
- updatable?: import('@xyflow/react').EdgeUpdatable;
4103
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
4103
4104
  focusable?: boolean;
4104
4105
  data: import('..').RelationshipData;
4105
4106
  readonly id: string;
@@ -4119,7 +4120,6 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
4119
4120
  nodesDraggable: boolean;
4120
4121
  nodesSelectable: boolean;
4121
4122
  experimentalEdgeEditing: boolean;
4122
- viewSyncState: "synced" | "changed";
4123
4123
  viewSyncDebounceTimeout: number | null;
4124
4124
  xyflow: import('..').XYFlowInstance;
4125
4125
  initialized: boolean;
@@ -4159,6 +4159,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
4159
4159
  resetLastClicked: () => void;
4160
4160
  getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
4161
4161
  triggerChangeElementStyle: (change: import("..").Changes.ChangeElementStyle) => void;
4162
+ cancelSaveManualLayout: () => void;
4162
4163
  triggerSaveManualLayout: (xystore: {
4163
4164
  getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
4164
4165
  source: string;
@@ -4183,7 +4184,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
4183
4184
  labelBgBorderRadius?: number;
4184
4185
  style?: import('react').CSSProperties;
4185
4186
  className?: string;
4186
- updatable?: import('@xyflow/react').EdgeUpdatable;
4187
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
4187
4188
  focusable?: boolean;
4188
4189
  data: import('..').RelationshipData;
4189
4190
  readonly id: string;
@@ -4212,7 +4213,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
4212
4213
  labelBgBorderRadius?: number;
4213
4214
  style?: import('react').CSSProperties;
4214
4215
  className?: string;
4215
- updatable?: import('@xyflow/react').EdgeUpdatable;
4216
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
4216
4217
  focusable?: boolean;
4217
4218
  data: import('..').RelationshipData;
4218
4219
  readonly id: string;
@@ -4240,7 +4241,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
4240
4241
  labelBgBorderRadius?: number;
4241
4242
  style?: import('react').CSSProperties;
4242
4243
  className?: string;
4243
- updatable?: import('@xyflow/react').EdgeUpdatable;
4244
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
4244
4245
  focusable?: boolean;
4245
4246
  data: import('..').RelationshipData;
4246
4247
  readonly id: string;
@@ -4268,7 +4269,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
4268
4269
  labelBgBorderRadius?: number;
4269
4270
  style?: import('react').CSSProperties;
4270
4271
  className?: string;
4271
- updatable?: import('@xyflow/react').EdgeUpdatable;
4272
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
4272
4273
  focusable?: boolean;
4273
4274
  data: import('..').RelationshipData;
4274
4275
  readonly id: string;
@@ -4296,7 +4297,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
4296
4297
  labelBgBorderRadius?: number;
4297
4298
  style?: import('react').CSSProperties;
4298
4299
  className?: string;
4299
- updatable?: import('@xyflow/react').EdgeUpdatable;
4300
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
4300
4301
  focusable?: boolean;
4301
4302
  data: import('..').RelationshipData;
4302
4303
  readonly id: string;
@@ -4324,7 +4325,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
4324
4325
  labelBgBorderRadius?: number;
4325
4326
  style?: import('react').CSSProperties;
4326
4327
  className?: string;
4327
- updatable?: import('@xyflow/react').EdgeUpdatable;
4328
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
4328
4329
  focusable?: boolean;
4329
4330
  data: import('..').RelationshipData;
4330
4331
  readonly id: string;
@@ -4353,7 +4354,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
4353
4354
  labelBgBorderRadius?: number;
4354
4355
  style?: import('react').CSSProperties;
4355
4356
  className?: string;
4356
- updatable?: import('@xyflow/react').EdgeUpdatable;
4357
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
4357
4358
  focusable?: boolean;
4358
4359
  data: import('..').RelationshipData;
4359
4360
  readonly id: string;
@@ -4381,7 +4382,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
4381
4382
  labelBgBorderRadius?: number;
4382
4383
  style?: import('react').CSSProperties;
4383
4384
  className?: string;
4384
- updatable?: import('@xyflow/react').EdgeUpdatable;
4385
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
4385
4386
  focusable?: boolean;
4386
4387
  data: import('..').RelationshipData;
4387
4388
  readonly id: string;
@@ -4413,7 +4414,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
4413
4414
  labelBgBorderRadius?: number;
4414
4415
  style?: import('react').CSSProperties;
4415
4416
  className?: string;
4416
- updatable?: import('@xyflow/react').EdgeUpdatable;
4417
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
4417
4418
  focusable?: boolean;
4418
4419
  data: import('..').RelationshipData;
4419
4420
  readonly id: string;
@@ -4442,7 +4443,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
4442
4443
  labelBgBorderRadius?: number;
4443
4444
  style?: import('react').CSSProperties;
4444
4445
  className?: string;
4445
- updatable?: import('@xyflow/react').EdgeUpdatable;
4446
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
4446
4447
  focusable?: boolean;
4447
4448
  data: import('..').RelationshipData;
4448
4449
  readonly id: string;
@@ -4470,7 +4471,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
4470
4471
  labelBgBorderRadius?: number;
4471
4472
  style?: import('react').CSSProperties;
4472
4473
  className?: string;
4473
- updatable?: import('@xyflow/react').EdgeUpdatable;
4474
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
4474
4475
  focusable?: boolean;
4475
4476
  data: import('..').RelationshipData;
4476
4477
  readonly id: string;
@@ -4498,7 +4499,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
4498
4499
  labelBgBorderRadius?: number;
4499
4500
  style?: import('react').CSSProperties;
4500
4501
  className?: string;
4501
- updatable?: import('@xyflow/react').EdgeUpdatable;
4502
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
4502
4503
  focusable?: boolean;
4503
4504
  data: import('..').RelationshipData;
4504
4505
  readonly id: string;
@@ -4526,7 +4527,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
4526
4527
  labelBgBorderRadius?: number;
4527
4528
  style?: import('react').CSSProperties;
4528
4529
  className?: string;
4529
- updatable?: import('@xyflow/react').EdgeUpdatable;
4530
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
4530
4531
  focusable?: boolean;
4531
4532
  data: import('..').RelationshipData;
4532
4533
  readonly id: string;
@@ -4554,7 +4555,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
4554
4555
  labelBgBorderRadius?: number;
4555
4556
  style?: import('react').CSSProperties;
4556
4557
  className?: string;
4557
- updatable?: import('@xyflow/react').EdgeUpdatable;
4558
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
4558
4559
  focusable?: boolean;
4559
4560
  data: import('..').RelationshipData;
4560
4561
  readonly id: string;
@@ -4583,7 +4584,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
4583
4584
  labelBgBorderRadius?: number;
4584
4585
  style?: import('react').CSSProperties;
4585
4586
  className?: string;
4586
- updatable?: import('@xyflow/react').EdgeUpdatable;
4587
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
4587
4588
  focusable?: boolean;
4588
4589
  data: import('..').RelationshipData;
4589
4590
  readonly id: string;
@@ -4611,7 +4612,7 @@ export declare const DiagramContext: import('react').Context<import('zustand/tra
4611
4612
  labelBgBorderRadius?: number;
4612
4613
  style?: import('react').CSSProperties;
4613
4614
  className?: string;
4614
- updatable?: import('@xyflow/react').EdgeUpdatable;
4615
+ reconnectable?: boolean | import('@xyflow/system').HandleType;
4615
4616
  focusable?: boolean;
4616
4617
  data: import('..').RelationshipData;
4617
4618
  readonly id: string;