@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/useDiagramStore.d.ts CHANGED
@@ -1,4626 +1,7 @@
1
+ import { DiagramZustandStore } from './DiagramContext';
1
2
  import { DiagramState } from './diagramStore';
2
3
 
3
4
  declare function useDiagramState<StateSlice = unknown>(selector: (state: DiagramState) => StateSlice, equalityFn?: (a: StateSlice, b: StateSlice) => boolean): StateSlice;
4
- declare function useDiagramStoreApi(): {
5
- getState: () => {
6
- view: import('@likec4/core').DiagramView;
7
- readonly: boolean;
8
- showElementLinks: boolean;
9
- fitViewEnabled: boolean;
10
- fitViewPadding: number;
11
- zoomable: boolean;
12
- pannable: boolean;
13
- nodesDraggable: boolean;
14
- nodesSelectable: boolean;
15
- experimentalEdgeEditing: boolean;
16
- viewSyncState: "synced" | "changed";
17
- viewSyncDebounceTimeout: number | null;
18
- xyflow: import('..').XYFlowInstance;
19
- initialized: boolean;
20
- xyflowSynced: boolean;
21
- activeDynamicViewStep: number | null;
22
- lastClickedNodeId: string | null;
23
- lastClickedEdgeId: string | null;
24
- focusedNodeId: string | null;
25
- hoveredNodeId: string | null;
26
- hoveredEdgeId: string | null;
27
- dimmed: ReadonlySet<string>;
28
- previousViews: import('@likec4/core').DiagramView[];
29
- lastOnNavigate: {
30
- fromView: import('@likec4/core').ViewID;
31
- toView: import('@likec4/core').ViewID;
32
- element: import('@likec4/core').DiagramNode;
33
- elementScreenPosition: import('@xyflow/system').XYPosition;
34
- positionCorrected: boolean;
35
- } | null;
36
- viewportChanged: boolean;
37
- onChange: import('..').OnChange | null | undefined;
38
- onNavigateTo: import('..').OnNavigateTo | null | undefined;
39
- onNodeClick: import('..').OnNodeClick | null | undefined;
40
- onNodeContextMenu: import('..').OnNodeClick | null | undefined;
41
- onCanvasContextMenu: import('..').OnCanvasClick | null | undefined;
42
- onEdgeClick: import('..').OnEdgeClick | null | undefined;
43
- onEdgeContextMenu: import('..').OnEdgeClick | null | undefined;
44
- onCanvasClick: import('..').OnCanvasClick | null | undefined;
45
- onCanvasDblClick: import('..').OnCanvasClick | null | undefined;
46
- isDynamicView: () => boolean;
47
- updateView: (view: import('@likec4/core').DiagramView) => void;
48
- focusOnNode: (nodeId: string) => void;
49
- setHoveredNode: (nodeId: string | null) => void;
50
- setHoveredEdge: (edgeId: string | null) => void;
51
- setLastClickedNode: (nodeId: string | null) => void;
52
- setLastClickedEdge: (edgeId: string | null) => void;
53
- resetLastClicked: () => void;
54
- getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
55
- triggerChangeElementStyle: (change: import("..").Changes.ChangeElementStyle) => void;
56
- triggerSaveManualLayout: (xystore: {
57
- getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
58
- source: string;
59
- target: string;
60
- sourceHandle?: string | null;
61
- targetHandle?: string | null;
62
- animated?: boolean;
63
- hidden?: boolean;
64
- deletable?: boolean;
65
- selectable?: boolean;
66
- selected?: boolean;
67
- markerStart?: import('@xyflow/system').EdgeMarkerType;
68
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
69
- zIndex?: number;
70
- ariaLabel?: string;
71
- interactionWidth?: number;
72
- label?: import('react').ReactNode;
73
- labelStyle?: import('react').CSSProperties;
74
- labelShowBg?: boolean;
75
- labelBgStyle?: import('react').CSSProperties;
76
- labelBgPadding?: [number, number];
77
- labelBgBorderRadius?: number;
78
- style?: import('react').CSSProperties;
79
- className?: string;
80
- updatable?: import('@xyflow/react').EdgeUpdatable;
81
- focusable?: boolean;
82
- data: import('..').RelationshipData;
83
- readonly id: string;
84
- readonly type: "relationship";
85
- }>;
86
- setState: (partial: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
87
- source: string;
88
- target: string;
89
- sourceHandle?: string | null;
90
- targetHandle?: string | null;
91
- animated?: boolean;
92
- hidden?: boolean;
93
- deletable?: boolean;
94
- selectable?: boolean;
95
- selected?: boolean;
96
- markerStart?: import('@xyflow/system').EdgeMarkerType;
97
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
98
- zIndex?: number;
99
- ariaLabel?: string;
100
- interactionWidth?: number;
101
- label?: import('react').ReactNode;
102
- labelStyle?: import('react').CSSProperties;
103
- labelShowBg?: boolean;
104
- labelBgStyle?: import('react').CSSProperties;
105
- labelBgPadding?: [number, number];
106
- labelBgBorderRadius?: number;
107
- style?: import('react').CSSProperties;
108
- className?: string;
109
- updatable?: import('@xyflow/react').EdgeUpdatable;
110
- focusable?: boolean;
111
- data: import('..').RelationshipData;
112
- readonly id: string;
113
- readonly type: "relationship";
114
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
115
- source: string;
116
- target: string;
117
- sourceHandle?: string | null;
118
- targetHandle?: string | null;
119
- animated?: boolean;
120
- hidden?: boolean;
121
- deletable?: boolean;
122
- selectable?: boolean;
123
- selected?: boolean;
124
- markerStart?: import('@xyflow/system').EdgeMarkerType;
125
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
126
- zIndex?: number;
127
- ariaLabel?: string;
128
- interactionWidth?: number;
129
- label?: import('react').ReactNode;
130
- labelStyle?: import('react').CSSProperties;
131
- labelShowBg?: boolean;
132
- labelBgStyle?: import('react').CSSProperties;
133
- labelBgPadding?: [number, number];
134
- labelBgBorderRadius?: number;
135
- style?: import('react').CSSProperties;
136
- className?: string;
137
- updatable?: import('@xyflow/react').EdgeUpdatable;
138
- focusable?: boolean;
139
- data: import('..').RelationshipData;
140
- readonly id: string;
141
- readonly type: "relationship";
142
- }>> | ((state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
143
- source: string;
144
- target: string;
145
- sourceHandle?: string | null;
146
- targetHandle?: string | null;
147
- animated?: boolean;
148
- hidden?: boolean;
149
- deletable?: boolean;
150
- selectable?: boolean;
151
- selected?: boolean;
152
- markerStart?: import('@xyflow/system').EdgeMarkerType;
153
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
154
- zIndex?: number;
155
- ariaLabel?: string;
156
- interactionWidth?: number;
157
- label?: import('react').ReactNode;
158
- labelStyle?: import('react').CSSProperties;
159
- labelShowBg?: boolean;
160
- labelBgStyle?: import('react').CSSProperties;
161
- labelBgPadding?: [number, number];
162
- labelBgBorderRadius?: number;
163
- style?: import('react').CSSProperties;
164
- className?: string;
165
- updatable?: import('@xyflow/react').EdgeUpdatable;
166
- focusable?: boolean;
167
- data: import('..').RelationshipData;
168
- readonly id: string;
169
- readonly type: "relationship";
170
- }>) => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
171
- source: string;
172
- target: string;
173
- sourceHandle?: string | null;
174
- targetHandle?: string | null;
175
- animated?: boolean;
176
- hidden?: boolean;
177
- deletable?: boolean;
178
- selectable?: boolean;
179
- selected?: boolean;
180
- markerStart?: import('@xyflow/system').EdgeMarkerType;
181
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
182
- zIndex?: number;
183
- ariaLabel?: string;
184
- interactionWidth?: number;
185
- label?: import('react').ReactNode;
186
- labelStyle?: import('react').CSSProperties;
187
- labelShowBg?: boolean;
188
- labelBgStyle?: import('react').CSSProperties;
189
- labelBgPadding?: [number, number];
190
- labelBgBorderRadius?: number;
191
- style?: import('react').CSSProperties;
192
- className?: string;
193
- updatable?: import('@xyflow/react').EdgeUpdatable;
194
- focusable?: boolean;
195
- data: import('..').RelationshipData;
196
- readonly id: string;
197
- readonly type: "relationship";
198
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
199
- source: string;
200
- target: string;
201
- sourceHandle?: string | null;
202
- targetHandle?: string | null;
203
- animated?: boolean;
204
- hidden?: boolean;
205
- deletable?: boolean;
206
- selectable?: boolean;
207
- selected?: boolean;
208
- markerStart?: import('@xyflow/system').EdgeMarkerType;
209
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
210
- zIndex?: number;
211
- ariaLabel?: string;
212
- interactionWidth?: number;
213
- label?: import('react').ReactNode;
214
- labelStyle?: import('react').CSSProperties;
215
- labelShowBg?: boolean;
216
- labelBgStyle?: import('react').CSSProperties;
217
- labelBgPadding?: [number, number];
218
- labelBgBorderRadius?: number;
219
- style?: import('react').CSSProperties;
220
- className?: string;
221
- updatable?: import('@xyflow/react').EdgeUpdatable;
222
- focusable?: boolean;
223
- data: import('..').RelationshipData;
224
- readonly id: string;
225
- readonly type: "relationship";
226
- }>>), replace?: boolean | undefined) => void;
227
- subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
228
- source: string;
229
- target: string;
230
- sourceHandle?: string | null;
231
- targetHandle?: string | null;
232
- animated?: boolean;
233
- hidden?: boolean;
234
- deletable?: boolean;
235
- selectable?: boolean;
236
- selected?: boolean;
237
- markerStart?: import('@xyflow/system').EdgeMarkerType;
238
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
239
- zIndex?: number;
240
- ariaLabel?: string;
241
- interactionWidth?: number;
242
- label?: import('react').ReactNode;
243
- labelStyle?: import('react').CSSProperties;
244
- labelShowBg?: boolean;
245
- labelBgStyle?: import('react').CSSProperties;
246
- labelBgPadding?: [number, number];
247
- labelBgBorderRadius?: number;
248
- style?: import('react').CSSProperties;
249
- className?: string;
250
- updatable?: import('@xyflow/react').EdgeUpdatable;
251
- focusable?: boolean;
252
- data: import('..').RelationshipData;
253
- readonly id: string;
254
- readonly type: "relationship";
255
- }>, prevState: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
256
- source: string;
257
- target: string;
258
- sourceHandle?: string | null;
259
- targetHandle?: string | null;
260
- animated?: boolean;
261
- hidden?: boolean;
262
- deletable?: boolean;
263
- selectable?: boolean;
264
- selected?: boolean;
265
- markerStart?: import('@xyflow/system').EdgeMarkerType;
266
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
267
- zIndex?: number;
268
- ariaLabel?: string;
269
- interactionWidth?: number;
270
- label?: import('react').ReactNode;
271
- labelStyle?: import('react').CSSProperties;
272
- labelShowBg?: boolean;
273
- labelBgStyle?: import('react').CSSProperties;
274
- labelBgPadding?: [number, number];
275
- labelBgBorderRadius?: number;
276
- style?: import('react').CSSProperties;
277
- className?: string;
278
- updatable?: import('@xyflow/react').EdgeUpdatable;
279
- focusable?: boolean;
280
- data: import('..').RelationshipData;
281
- readonly id: string;
282
- readonly type: "relationship";
283
- }>) => void) => () => void;
284
- }) => void;
285
- triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent<Element, MouseEvent>) => void;
286
- fitDiagram: (xyStore: {
287
- getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
288
- source: string;
289
- target: string;
290
- sourceHandle?: string | null;
291
- targetHandle?: string | null;
292
- animated?: boolean;
293
- hidden?: boolean;
294
- deletable?: boolean;
295
- selectable?: boolean;
296
- selected?: boolean;
297
- markerStart?: import('@xyflow/system').EdgeMarkerType;
298
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
299
- zIndex?: number;
300
- ariaLabel?: string;
301
- interactionWidth?: number;
302
- label?: import('react').ReactNode;
303
- labelStyle?: import('react').CSSProperties;
304
- labelShowBg?: boolean;
305
- labelBgStyle?: import('react').CSSProperties;
306
- labelBgPadding?: [number, number];
307
- labelBgBorderRadius?: number;
308
- style?: import('react').CSSProperties;
309
- className?: string;
310
- updatable?: import('@xyflow/react').EdgeUpdatable;
311
- focusable?: boolean;
312
- data: import('..').RelationshipData;
313
- readonly id: string;
314
- readonly type: "relationship";
315
- }>;
316
- setState: (partial: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
317
- source: string;
318
- target: string;
319
- sourceHandle?: string | null;
320
- targetHandle?: string | null;
321
- animated?: boolean;
322
- hidden?: boolean;
323
- deletable?: boolean;
324
- selectable?: boolean;
325
- selected?: boolean;
326
- markerStart?: import('@xyflow/system').EdgeMarkerType;
327
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
328
- zIndex?: number;
329
- ariaLabel?: string;
330
- interactionWidth?: number;
331
- label?: import('react').ReactNode;
332
- labelStyle?: import('react').CSSProperties;
333
- labelShowBg?: boolean;
334
- labelBgStyle?: import('react').CSSProperties;
335
- labelBgPadding?: [number, number];
336
- labelBgBorderRadius?: number;
337
- style?: import('react').CSSProperties;
338
- className?: string;
339
- updatable?: import('@xyflow/react').EdgeUpdatable;
340
- focusable?: boolean;
341
- data: import('..').RelationshipData;
342
- readonly id: string;
343
- readonly type: "relationship";
344
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
345
- source: string;
346
- target: string;
347
- sourceHandle?: string | null;
348
- targetHandle?: string | null;
349
- animated?: boolean;
350
- hidden?: boolean;
351
- deletable?: boolean;
352
- selectable?: boolean;
353
- selected?: boolean;
354
- markerStart?: import('@xyflow/system').EdgeMarkerType;
355
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
356
- zIndex?: number;
357
- ariaLabel?: string;
358
- interactionWidth?: number;
359
- label?: import('react').ReactNode;
360
- labelStyle?: import('react').CSSProperties;
361
- labelShowBg?: boolean;
362
- labelBgStyle?: import('react').CSSProperties;
363
- labelBgPadding?: [number, number];
364
- labelBgBorderRadius?: number;
365
- style?: import('react').CSSProperties;
366
- className?: string;
367
- updatable?: import('@xyflow/react').EdgeUpdatable;
368
- focusable?: boolean;
369
- data: import('..').RelationshipData;
370
- readonly id: string;
371
- readonly type: "relationship";
372
- }>> | ((state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
373
- source: string;
374
- target: string;
375
- sourceHandle?: string | null;
376
- targetHandle?: string | null;
377
- animated?: boolean;
378
- hidden?: boolean;
379
- deletable?: boolean;
380
- selectable?: boolean;
381
- selected?: boolean;
382
- markerStart?: import('@xyflow/system').EdgeMarkerType;
383
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
384
- zIndex?: number;
385
- ariaLabel?: string;
386
- interactionWidth?: number;
387
- label?: import('react').ReactNode;
388
- labelStyle?: import('react').CSSProperties;
389
- labelShowBg?: boolean;
390
- labelBgStyle?: import('react').CSSProperties;
391
- labelBgPadding?: [number, number];
392
- labelBgBorderRadius?: number;
393
- style?: import('react').CSSProperties;
394
- className?: string;
395
- updatable?: import('@xyflow/react').EdgeUpdatable;
396
- focusable?: boolean;
397
- data: import('..').RelationshipData;
398
- readonly id: string;
399
- readonly type: "relationship";
400
- }>) => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
401
- source: string;
402
- target: string;
403
- sourceHandle?: string | null;
404
- targetHandle?: string | null;
405
- animated?: boolean;
406
- hidden?: boolean;
407
- deletable?: boolean;
408
- selectable?: boolean;
409
- selected?: boolean;
410
- markerStart?: import('@xyflow/system').EdgeMarkerType;
411
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
412
- zIndex?: number;
413
- ariaLabel?: string;
414
- interactionWidth?: number;
415
- label?: import('react').ReactNode;
416
- labelStyle?: import('react').CSSProperties;
417
- labelShowBg?: boolean;
418
- labelBgStyle?: import('react').CSSProperties;
419
- labelBgPadding?: [number, number];
420
- labelBgBorderRadius?: number;
421
- style?: import('react').CSSProperties;
422
- className?: string;
423
- updatable?: import('@xyflow/react').EdgeUpdatable;
424
- focusable?: boolean;
425
- data: import('..').RelationshipData;
426
- readonly id: string;
427
- readonly type: "relationship";
428
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
429
- source: string;
430
- target: string;
431
- sourceHandle?: string | null;
432
- targetHandle?: string | null;
433
- animated?: boolean;
434
- hidden?: boolean;
435
- deletable?: boolean;
436
- selectable?: boolean;
437
- selected?: boolean;
438
- markerStart?: import('@xyflow/system').EdgeMarkerType;
439
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
440
- zIndex?: number;
441
- ariaLabel?: string;
442
- interactionWidth?: number;
443
- label?: import('react').ReactNode;
444
- labelStyle?: import('react').CSSProperties;
445
- labelShowBg?: boolean;
446
- labelBgStyle?: import('react').CSSProperties;
447
- labelBgPadding?: [number, number];
448
- labelBgBorderRadius?: number;
449
- style?: import('react').CSSProperties;
450
- className?: string;
451
- updatable?: import('@xyflow/react').EdgeUpdatable;
452
- focusable?: boolean;
453
- data: import('..').RelationshipData;
454
- readonly id: string;
455
- readonly type: "relationship";
456
- }>>), replace?: boolean | undefined) => void;
457
- subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
458
- source: string;
459
- target: string;
460
- sourceHandle?: string | null;
461
- targetHandle?: string | null;
462
- animated?: boolean;
463
- hidden?: boolean;
464
- deletable?: boolean;
465
- selectable?: boolean;
466
- selected?: boolean;
467
- markerStart?: import('@xyflow/system').EdgeMarkerType;
468
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
469
- zIndex?: number;
470
- ariaLabel?: string;
471
- interactionWidth?: number;
472
- label?: import('react').ReactNode;
473
- labelStyle?: import('react').CSSProperties;
474
- labelShowBg?: boolean;
475
- labelBgStyle?: import('react').CSSProperties;
476
- labelBgPadding?: [number, number];
477
- labelBgBorderRadius?: number;
478
- style?: import('react').CSSProperties;
479
- className?: string;
480
- updatable?: import('@xyflow/react').EdgeUpdatable;
481
- focusable?: boolean;
482
- data: import('..').RelationshipData;
483
- readonly id: string;
484
- readonly type: "relationship";
485
- }>, prevState: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
486
- source: string;
487
- target: string;
488
- sourceHandle?: string | null;
489
- targetHandle?: string | null;
490
- animated?: boolean;
491
- hidden?: boolean;
492
- deletable?: boolean;
493
- selectable?: boolean;
494
- selected?: boolean;
495
- markerStart?: import('@xyflow/system').EdgeMarkerType;
496
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
497
- zIndex?: number;
498
- ariaLabel?: string;
499
- interactionWidth?: number;
500
- label?: import('react').ReactNode;
501
- labelStyle?: import('react').CSSProperties;
502
- labelShowBg?: boolean;
503
- labelBgStyle?: import('react').CSSProperties;
504
- labelBgPadding?: [number, number];
505
- labelBgBorderRadius?: number;
506
- style?: import('react').CSSProperties;
507
- className?: string;
508
- updatable?: import('@xyflow/react').EdgeUpdatable;
509
- focusable?: boolean;
510
- data: import('..').RelationshipData;
511
- readonly id: string;
512
- readonly type: "relationship";
513
- }>) => void) => () => void;
514
- }) => void;
515
- nextDynamicStep: (increment?: number | undefined) => void;
516
- stopDynamicView: () => void;
517
- };
518
- setState: <A extends string | {
519
- type: string;
520
- }>(partial: {
521
- view: import('@likec4/core').DiagramView;
522
- readonly: boolean;
523
- showElementLinks: boolean;
524
- fitViewEnabled: boolean;
525
- fitViewPadding: number;
526
- zoomable: boolean;
527
- pannable: boolean;
528
- nodesDraggable: boolean;
529
- nodesSelectable: boolean;
530
- experimentalEdgeEditing: boolean;
531
- viewSyncState: "synced" | "changed";
532
- viewSyncDebounceTimeout: number | null;
533
- xyflow: import('..').XYFlowInstance;
534
- initialized: boolean;
535
- xyflowSynced: boolean;
536
- activeDynamicViewStep: number | null;
537
- lastClickedNodeId: string | null;
538
- lastClickedEdgeId: string | null;
539
- focusedNodeId: string | null;
540
- hoveredNodeId: string | null;
541
- hoveredEdgeId: string | null;
542
- dimmed: ReadonlySet<string>;
543
- previousViews: import('@likec4/core').DiagramView[];
544
- lastOnNavigate: {
545
- fromView: import('@likec4/core').ViewID;
546
- toView: import('@likec4/core').ViewID;
547
- element: import('@likec4/core').DiagramNode;
548
- elementScreenPosition: import('@xyflow/system').XYPosition;
549
- positionCorrected: boolean;
550
- } | null;
551
- viewportChanged: boolean;
552
- onChange: import('..').OnChange | null | undefined;
553
- onNavigateTo: import('..').OnNavigateTo | null | undefined;
554
- onNodeClick: import('..').OnNodeClick | null | undefined;
555
- onNodeContextMenu: import('..').OnNodeClick | null | undefined;
556
- onCanvasContextMenu: import('..').OnCanvasClick | null | undefined;
557
- onEdgeClick: import('..').OnEdgeClick | null | undefined;
558
- onEdgeContextMenu: import('..').OnEdgeClick | null | undefined;
559
- onCanvasClick: import('..').OnCanvasClick | null | undefined;
560
- onCanvasDblClick: import('..').OnCanvasClick | null | undefined;
561
- isDynamicView: () => boolean;
562
- updateView: (view: import('@likec4/core').DiagramView) => void;
563
- focusOnNode: (nodeId: string) => void;
564
- setHoveredNode: (nodeId: string | null) => void;
565
- setHoveredEdge: (edgeId: string | null) => void;
566
- setLastClickedNode: (nodeId: string | null) => void;
567
- setLastClickedEdge: (edgeId: string | null) => void;
568
- resetLastClicked: () => void;
569
- getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
570
- triggerChangeElementStyle: (change: import("..").Changes.ChangeElementStyle) => void;
571
- triggerSaveManualLayout: (xystore: {
572
- getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
573
- source: string;
574
- target: string;
575
- sourceHandle?: string | null;
576
- targetHandle?: string | null;
577
- animated?: boolean;
578
- hidden?: boolean;
579
- deletable?: boolean;
580
- selectable?: boolean;
581
- selected?: boolean;
582
- markerStart?: import('@xyflow/system').EdgeMarkerType;
583
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
584
- zIndex?: number;
585
- ariaLabel?: string;
586
- interactionWidth?: number;
587
- label?: import('react').ReactNode;
588
- labelStyle?: import('react').CSSProperties;
589
- labelShowBg?: boolean;
590
- labelBgStyle?: import('react').CSSProperties;
591
- labelBgPadding?: [number, number];
592
- labelBgBorderRadius?: number;
593
- style?: import('react').CSSProperties;
594
- className?: string;
595
- updatable?: import('@xyflow/react').EdgeUpdatable;
596
- focusable?: boolean;
597
- data: import('..').RelationshipData;
598
- readonly id: string;
599
- readonly type: "relationship";
600
- }>;
601
- setState: (partial: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
602
- source: string;
603
- target: string;
604
- sourceHandle?: string | null;
605
- targetHandle?: string | null;
606
- animated?: boolean;
607
- hidden?: boolean;
608
- deletable?: boolean;
609
- selectable?: boolean;
610
- selected?: boolean;
611
- markerStart?: import('@xyflow/system').EdgeMarkerType;
612
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
613
- zIndex?: number;
614
- ariaLabel?: string;
615
- interactionWidth?: number;
616
- label?: import('react').ReactNode;
617
- labelStyle?: import('react').CSSProperties;
618
- labelShowBg?: boolean;
619
- labelBgStyle?: import('react').CSSProperties;
620
- labelBgPadding?: [number, number];
621
- labelBgBorderRadius?: number;
622
- style?: import('react').CSSProperties;
623
- className?: string;
624
- updatable?: import('@xyflow/react').EdgeUpdatable;
625
- focusable?: boolean;
626
- data: import('..').RelationshipData;
627
- readonly id: string;
628
- readonly type: "relationship";
629
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
630
- source: string;
631
- target: string;
632
- sourceHandle?: string | null;
633
- targetHandle?: string | null;
634
- animated?: boolean;
635
- hidden?: boolean;
636
- deletable?: boolean;
637
- selectable?: boolean;
638
- selected?: boolean;
639
- markerStart?: import('@xyflow/system').EdgeMarkerType;
640
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
641
- zIndex?: number;
642
- ariaLabel?: string;
643
- interactionWidth?: number;
644
- label?: import('react').ReactNode;
645
- labelStyle?: import('react').CSSProperties;
646
- labelShowBg?: boolean;
647
- labelBgStyle?: import('react').CSSProperties;
648
- labelBgPadding?: [number, number];
649
- labelBgBorderRadius?: number;
650
- style?: import('react').CSSProperties;
651
- className?: string;
652
- updatable?: import('@xyflow/react').EdgeUpdatable;
653
- focusable?: boolean;
654
- data: import('..').RelationshipData;
655
- readonly id: string;
656
- readonly type: "relationship";
657
- }>> | ((state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
658
- source: string;
659
- target: string;
660
- sourceHandle?: string | null;
661
- targetHandle?: string | null;
662
- animated?: boolean;
663
- hidden?: boolean;
664
- deletable?: boolean;
665
- selectable?: boolean;
666
- selected?: boolean;
667
- markerStart?: import('@xyflow/system').EdgeMarkerType;
668
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
669
- zIndex?: number;
670
- ariaLabel?: string;
671
- interactionWidth?: number;
672
- label?: import('react').ReactNode;
673
- labelStyle?: import('react').CSSProperties;
674
- labelShowBg?: boolean;
675
- labelBgStyle?: import('react').CSSProperties;
676
- labelBgPadding?: [number, number];
677
- labelBgBorderRadius?: number;
678
- style?: import('react').CSSProperties;
679
- className?: string;
680
- updatable?: import('@xyflow/react').EdgeUpdatable;
681
- focusable?: boolean;
682
- data: import('..').RelationshipData;
683
- readonly id: string;
684
- readonly type: "relationship";
685
- }>) => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
686
- source: string;
687
- target: string;
688
- sourceHandle?: string | null;
689
- targetHandle?: string | null;
690
- animated?: boolean;
691
- hidden?: boolean;
692
- deletable?: boolean;
693
- selectable?: boolean;
694
- selected?: boolean;
695
- markerStart?: import('@xyflow/system').EdgeMarkerType;
696
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
697
- zIndex?: number;
698
- ariaLabel?: string;
699
- interactionWidth?: number;
700
- label?: import('react').ReactNode;
701
- labelStyle?: import('react').CSSProperties;
702
- labelShowBg?: boolean;
703
- labelBgStyle?: import('react').CSSProperties;
704
- labelBgPadding?: [number, number];
705
- labelBgBorderRadius?: number;
706
- style?: import('react').CSSProperties;
707
- className?: string;
708
- updatable?: import('@xyflow/react').EdgeUpdatable;
709
- focusable?: boolean;
710
- data: import('..').RelationshipData;
711
- readonly id: string;
712
- readonly type: "relationship";
713
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
714
- source: string;
715
- target: string;
716
- sourceHandle?: string | null;
717
- targetHandle?: string | null;
718
- animated?: boolean;
719
- hidden?: boolean;
720
- deletable?: boolean;
721
- selectable?: boolean;
722
- selected?: boolean;
723
- markerStart?: import('@xyflow/system').EdgeMarkerType;
724
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
725
- zIndex?: number;
726
- ariaLabel?: string;
727
- interactionWidth?: number;
728
- label?: import('react').ReactNode;
729
- labelStyle?: import('react').CSSProperties;
730
- labelShowBg?: boolean;
731
- labelBgStyle?: import('react').CSSProperties;
732
- labelBgPadding?: [number, number];
733
- labelBgBorderRadius?: number;
734
- style?: import('react').CSSProperties;
735
- className?: string;
736
- updatable?: import('@xyflow/react').EdgeUpdatable;
737
- focusable?: boolean;
738
- data: import('..').RelationshipData;
739
- readonly id: string;
740
- readonly type: "relationship";
741
- }>>), replace?: boolean | undefined) => void;
742
- subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
743
- source: string;
744
- target: string;
745
- sourceHandle?: string | null;
746
- targetHandle?: string | null;
747
- animated?: boolean;
748
- hidden?: boolean;
749
- deletable?: boolean;
750
- selectable?: boolean;
751
- selected?: boolean;
752
- markerStart?: import('@xyflow/system').EdgeMarkerType;
753
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
754
- zIndex?: number;
755
- ariaLabel?: string;
756
- interactionWidth?: number;
757
- label?: import('react').ReactNode;
758
- labelStyle?: import('react').CSSProperties;
759
- labelShowBg?: boolean;
760
- labelBgStyle?: import('react').CSSProperties;
761
- labelBgPadding?: [number, number];
762
- labelBgBorderRadius?: number;
763
- style?: import('react').CSSProperties;
764
- className?: string;
765
- updatable?: import('@xyflow/react').EdgeUpdatable;
766
- focusable?: boolean;
767
- data: import('..').RelationshipData;
768
- readonly id: string;
769
- readonly type: "relationship";
770
- }>, prevState: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
771
- source: string;
772
- target: string;
773
- sourceHandle?: string | null;
774
- targetHandle?: string | null;
775
- animated?: boolean;
776
- hidden?: boolean;
777
- deletable?: boolean;
778
- selectable?: boolean;
779
- selected?: boolean;
780
- markerStart?: import('@xyflow/system').EdgeMarkerType;
781
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
782
- zIndex?: number;
783
- ariaLabel?: string;
784
- interactionWidth?: number;
785
- label?: import('react').ReactNode;
786
- labelStyle?: import('react').CSSProperties;
787
- labelShowBg?: boolean;
788
- labelBgStyle?: import('react').CSSProperties;
789
- labelBgPadding?: [number, number];
790
- labelBgBorderRadius?: number;
791
- style?: import('react').CSSProperties;
792
- className?: string;
793
- updatable?: import('@xyflow/react').EdgeUpdatable;
794
- focusable?: boolean;
795
- data: import('..').RelationshipData;
796
- readonly id: string;
797
- readonly type: "relationship";
798
- }>) => void) => () => void;
799
- }) => void;
800
- triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent<Element, MouseEvent>) => void;
801
- fitDiagram: (xyStore: {
802
- getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
803
- source: string;
804
- target: string;
805
- sourceHandle?: string | null;
806
- targetHandle?: string | null;
807
- animated?: boolean;
808
- hidden?: boolean;
809
- deletable?: boolean;
810
- selectable?: boolean;
811
- selected?: boolean;
812
- markerStart?: import('@xyflow/system').EdgeMarkerType;
813
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
814
- zIndex?: number;
815
- ariaLabel?: string;
816
- interactionWidth?: number;
817
- label?: import('react').ReactNode;
818
- labelStyle?: import('react').CSSProperties;
819
- labelShowBg?: boolean;
820
- labelBgStyle?: import('react').CSSProperties;
821
- labelBgPadding?: [number, number];
822
- labelBgBorderRadius?: number;
823
- style?: import('react').CSSProperties;
824
- className?: string;
825
- updatable?: import('@xyflow/react').EdgeUpdatable;
826
- focusable?: boolean;
827
- data: import('..').RelationshipData;
828
- readonly id: string;
829
- readonly type: "relationship";
830
- }>;
831
- setState: (partial: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
832
- source: string;
833
- target: string;
834
- sourceHandle?: string | null;
835
- targetHandle?: string | null;
836
- animated?: boolean;
837
- hidden?: boolean;
838
- deletable?: boolean;
839
- selectable?: boolean;
840
- selected?: boolean;
841
- markerStart?: import('@xyflow/system').EdgeMarkerType;
842
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
843
- zIndex?: number;
844
- ariaLabel?: string;
845
- interactionWidth?: number;
846
- label?: import('react').ReactNode;
847
- labelStyle?: import('react').CSSProperties;
848
- labelShowBg?: boolean;
849
- labelBgStyle?: import('react').CSSProperties;
850
- labelBgPadding?: [number, number];
851
- labelBgBorderRadius?: number;
852
- style?: import('react').CSSProperties;
853
- className?: string;
854
- updatable?: import('@xyflow/react').EdgeUpdatable;
855
- focusable?: boolean;
856
- data: import('..').RelationshipData;
857
- readonly id: string;
858
- readonly type: "relationship";
859
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
860
- source: string;
861
- target: string;
862
- sourceHandle?: string | null;
863
- targetHandle?: string | null;
864
- animated?: boolean;
865
- hidden?: boolean;
866
- deletable?: boolean;
867
- selectable?: boolean;
868
- selected?: boolean;
869
- markerStart?: import('@xyflow/system').EdgeMarkerType;
870
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
871
- zIndex?: number;
872
- ariaLabel?: string;
873
- interactionWidth?: number;
874
- label?: import('react').ReactNode;
875
- labelStyle?: import('react').CSSProperties;
876
- labelShowBg?: boolean;
877
- labelBgStyle?: import('react').CSSProperties;
878
- labelBgPadding?: [number, number];
879
- labelBgBorderRadius?: number;
880
- style?: import('react').CSSProperties;
881
- className?: string;
882
- updatable?: import('@xyflow/react').EdgeUpdatable;
883
- focusable?: boolean;
884
- data: import('..').RelationshipData;
885
- readonly id: string;
886
- readonly type: "relationship";
887
- }>> | ((state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
888
- source: string;
889
- target: string;
890
- sourceHandle?: string | null;
891
- targetHandle?: string | null;
892
- animated?: boolean;
893
- hidden?: boolean;
894
- deletable?: boolean;
895
- selectable?: boolean;
896
- selected?: boolean;
897
- markerStart?: import('@xyflow/system').EdgeMarkerType;
898
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
899
- zIndex?: number;
900
- ariaLabel?: string;
901
- interactionWidth?: number;
902
- label?: import('react').ReactNode;
903
- labelStyle?: import('react').CSSProperties;
904
- labelShowBg?: boolean;
905
- labelBgStyle?: import('react').CSSProperties;
906
- labelBgPadding?: [number, number];
907
- labelBgBorderRadius?: number;
908
- style?: import('react').CSSProperties;
909
- className?: string;
910
- updatable?: import('@xyflow/react').EdgeUpdatable;
911
- focusable?: boolean;
912
- data: import('..').RelationshipData;
913
- readonly id: string;
914
- readonly type: "relationship";
915
- }>) => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
916
- source: string;
917
- target: string;
918
- sourceHandle?: string | null;
919
- targetHandle?: string | null;
920
- animated?: boolean;
921
- hidden?: boolean;
922
- deletable?: boolean;
923
- selectable?: boolean;
924
- selected?: boolean;
925
- markerStart?: import('@xyflow/system').EdgeMarkerType;
926
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
927
- zIndex?: number;
928
- ariaLabel?: string;
929
- interactionWidth?: number;
930
- label?: import('react').ReactNode;
931
- labelStyle?: import('react').CSSProperties;
932
- labelShowBg?: boolean;
933
- labelBgStyle?: import('react').CSSProperties;
934
- labelBgPadding?: [number, number];
935
- labelBgBorderRadius?: number;
936
- style?: import('react').CSSProperties;
937
- className?: string;
938
- updatable?: import('@xyflow/react').EdgeUpdatable;
939
- focusable?: boolean;
940
- data: import('..').RelationshipData;
941
- readonly id: string;
942
- readonly type: "relationship";
943
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
944
- source: string;
945
- target: string;
946
- sourceHandle?: string | null;
947
- targetHandle?: string | null;
948
- animated?: boolean;
949
- hidden?: boolean;
950
- deletable?: boolean;
951
- selectable?: boolean;
952
- selected?: boolean;
953
- markerStart?: import('@xyflow/system').EdgeMarkerType;
954
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
955
- zIndex?: number;
956
- ariaLabel?: string;
957
- interactionWidth?: number;
958
- label?: import('react').ReactNode;
959
- labelStyle?: import('react').CSSProperties;
960
- labelShowBg?: boolean;
961
- labelBgStyle?: import('react').CSSProperties;
962
- labelBgPadding?: [number, number];
963
- labelBgBorderRadius?: number;
964
- style?: import('react').CSSProperties;
965
- className?: string;
966
- updatable?: import('@xyflow/react').EdgeUpdatable;
967
- focusable?: boolean;
968
- data: import('..').RelationshipData;
969
- readonly id: string;
970
- readonly type: "relationship";
971
- }>>), replace?: boolean | undefined) => void;
972
- subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
973
- source: string;
974
- target: string;
975
- sourceHandle?: string | null;
976
- targetHandle?: string | null;
977
- animated?: boolean;
978
- hidden?: boolean;
979
- deletable?: boolean;
980
- selectable?: boolean;
981
- selected?: boolean;
982
- markerStart?: import('@xyflow/system').EdgeMarkerType;
983
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
984
- zIndex?: number;
985
- ariaLabel?: string;
986
- interactionWidth?: number;
987
- label?: import('react').ReactNode;
988
- labelStyle?: import('react').CSSProperties;
989
- labelShowBg?: boolean;
990
- labelBgStyle?: import('react').CSSProperties;
991
- labelBgPadding?: [number, number];
992
- labelBgBorderRadius?: number;
993
- style?: import('react').CSSProperties;
994
- className?: string;
995
- updatable?: import('@xyflow/react').EdgeUpdatable;
996
- focusable?: boolean;
997
- data: import('..').RelationshipData;
998
- readonly id: string;
999
- readonly type: "relationship";
1000
- }>, prevState: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1001
- source: string;
1002
- target: string;
1003
- sourceHandle?: string | null;
1004
- targetHandle?: string | null;
1005
- animated?: boolean;
1006
- hidden?: boolean;
1007
- deletable?: boolean;
1008
- selectable?: boolean;
1009
- selected?: boolean;
1010
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1011
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1012
- zIndex?: number;
1013
- ariaLabel?: string;
1014
- interactionWidth?: number;
1015
- label?: import('react').ReactNode;
1016
- labelStyle?: import('react').CSSProperties;
1017
- labelShowBg?: boolean;
1018
- labelBgStyle?: import('react').CSSProperties;
1019
- labelBgPadding?: [number, number];
1020
- labelBgBorderRadius?: number;
1021
- style?: import('react').CSSProperties;
1022
- className?: string;
1023
- updatable?: import('@xyflow/react').EdgeUpdatable;
1024
- focusable?: boolean;
1025
- data: import('..').RelationshipData;
1026
- readonly id: string;
1027
- readonly type: "relationship";
1028
- }>) => void) => () => void;
1029
- }) => void;
1030
- nextDynamicStep: (increment?: number | undefined) => void;
1031
- stopDynamicView: () => void;
1032
- } | Partial<{
1033
- view: import('@likec4/core').DiagramView;
1034
- readonly: boolean;
1035
- showElementLinks: boolean;
1036
- fitViewEnabled: boolean;
1037
- fitViewPadding: number;
1038
- zoomable: boolean;
1039
- pannable: boolean;
1040
- nodesDraggable: boolean;
1041
- nodesSelectable: boolean;
1042
- experimentalEdgeEditing: boolean;
1043
- viewSyncState: "synced" | "changed";
1044
- viewSyncDebounceTimeout: number | null;
1045
- xyflow: import('..').XYFlowInstance;
1046
- initialized: boolean;
1047
- xyflowSynced: boolean;
1048
- activeDynamicViewStep: number | null;
1049
- lastClickedNodeId: string | null;
1050
- lastClickedEdgeId: string | null;
1051
- focusedNodeId: string | null;
1052
- hoveredNodeId: string | null;
1053
- hoveredEdgeId: string | null;
1054
- dimmed: ReadonlySet<string>;
1055
- previousViews: import('@likec4/core').DiagramView[];
1056
- lastOnNavigate: {
1057
- fromView: import('@likec4/core').ViewID;
1058
- toView: import('@likec4/core').ViewID;
1059
- element: import('@likec4/core').DiagramNode;
1060
- elementScreenPosition: import('@xyflow/system').XYPosition;
1061
- positionCorrected: boolean;
1062
- } | null;
1063
- viewportChanged: boolean;
1064
- onChange: import('..').OnChange | null | undefined;
1065
- onNavigateTo: import('..').OnNavigateTo | null | undefined;
1066
- onNodeClick: import('..').OnNodeClick | null | undefined;
1067
- onNodeContextMenu: import('..').OnNodeClick | null | undefined;
1068
- onCanvasContextMenu: import('..').OnCanvasClick | null | undefined;
1069
- onEdgeClick: import('..').OnEdgeClick | null | undefined;
1070
- onEdgeContextMenu: import('..').OnEdgeClick | null | undefined;
1071
- onCanvasClick: import('..').OnCanvasClick | null | undefined;
1072
- onCanvasDblClick: import('..').OnCanvasClick | null | undefined;
1073
- isDynamicView: () => boolean;
1074
- updateView: (view: import('@likec4/core').DiagramView) => void;
1075
- focusOnNode: (nodeId: string) => void;
1076
- setHoveredNode: (nodeId: string | null) => void;
1077
- setHoveredEdge: (edgeId: string | null) => void;
1078
- setLastClickedNode: (nodeId: string | null) => void;
1079
- setLastClickedEdge: (edgeId: string | null) => void;
1080
- resetLastClicked: () => void;
1081
- getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
1082
- triggerChangeElementStyle: (change: import("..").Changes.ChangeElementStyle) => void;
1083
- triggerSaveManualLayout: (xystore: {
1084
- getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1085
- source: string;
1086
- target: string;
1087
- sourceHandle?: string | null;
1088
- targetHandle?: string | null;
1089
- animated?: boolean;
1090
- hidden?: boolean;
1091
- deletable?: boolean;
1092
- selectable?: boolean;
1093
- selected?: boolean;
1094
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1095
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1096
- zIndex?: number;
1097
- ariaLabel?: string;
1098
- interactionWidth?: number;
1099
- label?: import('react').ReactNode;
1100
- labelStyle?: import('react').CSSProperties;
1101
- labelShowBg?: boolean;
1102
- labelBgStyle?: import('react').CSSProperties;
1103
- labelBgPadding?: [number, number];
1104
- labelBgBorderRadius?: number;
1105
- style?: import('react').CSSProperties;
1106
- className?: string;
1107
- updatable?: import('@xyflow/react').EdgeUpdatable;
1108
- focusable?: boolean;
1109
- data: import('..').RelationshipData;
1110
- readonly id: string;
1111
- readonly type: "relationship";
1112
- }>;
1113
- setState: (partial: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1114
- source: string;
1115
- target: string;
1116
- sourceHandle?: string | null;
1117
- targetHandle?: string | null;
1118
- animated?: boolean;
1119
- hidden?: boolean;
1120
- deletable?: boolean;
1121
- selectable?: boolean;
1122
- selected?: boolean;
1123
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1124
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1125
- zIndex?: number;
1126
- ariaLabel?: string;
1127
- interactionWidth?: number;
1128
- label?: import('react').ReactNode;
1129
- labelStyle?: import('react').CSSProperties;
1130
- labelShowBg?: boolean;
1131
- labelBgStyle?: import('react').CSSProperties;
1132
- labelBgPadding?: [number, number];
1133
- labelBgBorderRadius?: number;
1134
- style?: import('react').CSSProperties;
1135
- className?: string;
1136
- updatable?: import('@xyflow/react').EdgeUpdatable;
1137
- focusable?: boolean;
1138
- data: import('..').RelationshipData;
1139
- readonly id: string;
1140
- readonly type: "relationship";
1141
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1142
- source: string;
1143
- target: string;
1144
- sourceHandle?: string | null;
1145
- targetHandle?: string | null;
1146
- animated?: boolean;
1147
- hidden?: boolean;
1148
- deletable?: boolean;
1149
- selectable?: boolean;
1150
- selected?: boolean;
1151
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1152
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1153
- zIndex?: number;
1154
- ariaLabel?: string;
1155
- interactionWidth?: number;
1156
- label?: import('react').ReactNode;
1157
- labelStyle?: import('react').CSSProperties;
1158
- labelShowBg?: boolean;
1159
- labelBgStyle?: import('react').CSSProperties;
1160
- labelBgPadding?: [number, number];
1161
- labelBgBorderRadius?: number;
1162
- style?: import('react').CSSProperties;
1163
- className?: string;
1164
- updatable?: import('@xyflow/react').EdgeUpdatable;
1165
- focusable?: boolean;
1166
- data: import('..').RelationshipData;
1167
- readonly id: string;
1168
- readonly type: "relationship";
1169
- }>> | ((state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1170
- source: string;
1171
- target: string;
1172
- sourceHandle?: string | null;
1173
- targetHandle?: string | null;
1174
- animated?: boolean;
1175
- hidden?: boolean;
1176
- deletable?: boolean;
1177
- selectable?: boolean;
1178
- selected?: boolean;
1179
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1180
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1181
- zIndex?: number;
1182
- ariaLabel?: string;
1183
- interactionWidth?: number;
1184
- label?: import('react').ReactNode;
1185
- labelStyle?: import('react').CSSProperties;
1186
- labelShowBg?: boolean;
1187
- labelBgStyle?: import('react').CSSProperties;
1188
- labelBgPadding?: [number, number];
1189
- labelBgBorderRadius?: number;
1190
- style?: import('react').CSSProperties;
1191
- className?: string;
1192
- updatable?: import('@xyflow/react').EdgeUpdatable;
1193
- focusable?: boolean;
1194
- data: import('..').RelationshipData;
1195
- readonly id: string;
1196
- readonly type: "relationship";
1197
- }>) => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1198
- source: string;
1199
- target: string;
1200
- sourceHandle?: string | null;
1201
- targetHandle?: string | null;
1202
- animated?: boolean;
1203
- hidden?: boolean;
1204
- deletable?: boolean;
1205
- selectable?: boolean;
1206
- selected?: boolean;
1207
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1208
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1209
- zIndex?: number;
1210
- ariaLabel?: string;
1211
- interactionWidth?: number;
1212
- label?: import('react').ReactNode;
1213
- labelStyle?: import('react').CSSProperties;
1214
- labelShowBg?: boolean;
1215
- labelBgStyle?: import('react').CSSProperties;
1216
- labelBgPadding?: [number, number];
1217
- labelBgBorderRadius?: number;
1218
- style?: import('react').CSSProperties;
1219
- className?: string;
1220
- updatable?: import('@xyflow/react').EdgeUpdatable;
1221
- focusable?: boolean;
1222
- data: import('..').RelationshipData;
1223
- readonly id: string;
1224
- readonly type: "relationship";
1225
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1226
- source: string;
1227
- target: string;
1228
- sourceHandle?: string | null;
1229
- targetHandle?: string | null;
1230
- animated?: boolean;
1231
- hidden?: boolean;
1232
- deletable?: boolean;
1233
- selectable?: boolean;
1234
- selected?: boolean;
1235
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1236
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1237
- zIndex?: number;
1238
- ariaLabel?: string;
1239
- interactionWidth?: number;
1240
- label?: import('react').ReactNode;
1241
- labelStyle?: import('react').CSSProperties;
1242
- labelShowBg?: boolean;
1243
- labelBgStyle?: import('react').CSSProperties;
1244
- labelBgPadding?: [number, number];
1245
- labelBgBorderRadius?: number;
1246
- style?: import('react').CSSProperties;
1247
- className?: string;
1248
- updatable?: import('@xyflow/react').EdgeUpdatable;
1249
- focusable?: boolean;
1250
- data: import('..').RelationshipData;
1251
- readonly id: string;
1252
- readonly type: "relationship";
1253
- }>>), replace?: boolean | undefined) => void;
1254
- subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1255
- source: string;
1256
- target: string;
1257
- sourceHandle?: string | null;
1258
- targetHandle?: string | null;
1259
- animated?: boolean;
1260
- hidden?: boolean;
1261
- deletable?: boolean;
1262
- selectable?: boolean;
1263
- selected?: boolean;
1264
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1265
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1266
- zIndex?: number;
1267
- ariaLabel?: string;
1268
- interactionWidth?: number;
1269
- label?: import('react').ReactNode;
1270
- labelStyle?: import('react').CSSProperties;
1271
- labelShowBg?: boolean;
1272
- labelBgStyle?: import('react').CSSProperties;
1273
- labelBgPadding?: [number, number];
1274
- labelBgBorderRadius?: number;
1275
- style?: import('react').CSSProperties;
1276
- className?: string;
1277
- updatable?: import('@xyflow/react').EdgeUpdatable;
1278
- focusable?: boolean;
1279
- data: import('..').RelationshipData;
1280
- readonly id: string;
1281
- readonly type: "relationship";
1282
- }>, prevState: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1283
- source: string;
1284
- target: string;
1285
- sourceHandle?: string | null;
1286
- targetHandle?: string | null;
1287
- animated?: boolean;
1288
- hidden?: boolean;
1289
- deletable?: boolean;
1290
- selectable?: boolean;
1291
- selected?: boolean;
1292
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1293
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1294
- zIndex?: number;
1295
- ariaLabel?: string;
1296
- interactionWidth?: number;
1297
- label?: import('react').ReactNode;
1298
- labelStyle?: import('react').CSSProperties;
1299
- labelShowBg?: boolean;
1300
- labelBgStyle?: import('react').CSSProperties;
1301
- labelBgPadding?: [number, number];
1302
- labelBgBorderRadius?: number;
1303
- style?: import('react').CSSProperties;
1304
- className?: string;
1305
- updatable?: import('@xyflow/react').EdgeUpdatable;
1306
- focusable?: boolean;
1307
- data: import('..').RelationshipData;
1308
- readonly id: string;
1309
- readonly type: "relationship";
1310
- }>) => void) => () => void;
1311
- }) => void;
1312
- triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent<Element, MouseEvent>) => void;
1313
- fitDiagram: (xyStore: {
1314
- getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1315
- source: string;
1316
- target: string;
1317
- sourceHandle?: string | null;
1318
- targetHandle?: string | null;
1319
- animated?: boolean;
1320
- hidden?: boolean;
1321
- deletable?: boolean;
1322
- selectable?: boolean;
1323
- selected?: boolean;
1324
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1325
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1326
- zIndex?: number;
1327
- ariaLabel?: string;
1328
- interactionWidth?: number;
1329
- label?: import('react').ReactNode;
1330
- labelStyle?: import('react').CSSProperties;
1331
- labelShowBg?: boolean;
1332
- labelBgStyle?: import('react').CSSProperties;
1333
- labelBgPadding?: [number, number];
1334
- labelBgBorderRadius?: number;
1335
- style?: import('react').CSSProperties;
1336
- className?: string;
1337
- updatable?: import('@xyflow/react').EdgeUpdatable;
1338
- focusable?: boolean;
1339
- data: import('..').RelationshipData;
1340
- readonly id: string;
1341
- readonly type: "relationship";
1342
- }>;
1343
- setState: (partial: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1344
- source: string;
1345
- target: string;
1346
- sourceHandle?: string | null;
1347
- targetHandle?: string | null;
1348
- animated?: boolean;
1349
- hidden?: boolean;
1350
- deletable?: boolean;
1351
- selectable?: boolean;
1352
- selected?: boolean;
1353
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1354
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1355
- zIndex?: number;
1356
- ariaLabel?: string;
1357
- interactionWidth?: number;
1358
- label?: import('react').ReactNode;
1359
- labelStyle?: import('react').CSSProperties;
1360
- labelShowBg?: boolean;
1361
- labelBgStyle?: import('react').CSSProperties;
1362
- labelBgPadding?: [number, number];
1363
- labelBgBorderRadius?: number;
1364
- style?: import('react').CSSProperties;
1365
- className?: string;
1366
- updatable?: import('@xyflow/react').EdgeUpdatable;
1367
- focusable?: boolean;
1368
- data: import('..').RelationshipData;
1369
- readonly id: string;
1370
- readonly type: "relationship";
1371
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1372
- source: string;
1373
- target: string;
1374
- sourceHandle?: string | null;
1375
- targetHandle?: string | null;
1376
- animated?: boolean;
1377
- hidden?: boolean;
1378
- deletable?: boolean;
1379
- selectable?: boolean;
1380
- selected?: boolean;
1381
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1382
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1383
- zIndex?: number;
1384
- ariaLabel?: string;
1385
- interactionWidth?: number;
1386
- label?: import('react').ReactNode;
1387
- labelStyle?: import('react').CSSProperties;
1388
- labelShowBg?: boolean;
1389
- labelBgStyle?: import('react').CSSProperties;
1390
- labelBgPadding?: [number, number];
1391
- labelBgBorderRadius?: number;
1392
- style?: import('react').CSSProperties;
1393
- className?: string;
1394
- updatable?: import('@xyflow/react').EdgeUpdatable;
1395
- focusable?: boolean;
1396
- data: import('..').RelationshipData;
1397
- readonly id: string;
1398
- readonly type: "relationship";
1399
- }>> | ((state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1400
- source: string;
1401
- target: string;
1402
- sourceHandle?: string | null;
1403
- targetHandle?: string | null;
1404
- animated?: boolean;
1405
- hidden?: boolean;
1406
- deletable?: boolean;
1407
- selectable?: boolean;
1408
- selected?: boolean;
1409
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1410
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1411
- zIndex?: number;
1412
- ariaLabel?: string;
1413
- interactionWidth?: number;
1414
- label?: import('react').ReactNode;
1415
- labelStyle?: import('react').CSSProperties;
1416
- labelShowBg?: boolean;
1417
- labelBgStyle?: import('react').CSSProperties;
1418
- labelBgPadding?: [number, number];
1419
- labelBgBorderRadius?: number;
1420
- style?: import('react').CSSProperties;
1421
- className?: string;
1422
- updatable?: import('@xyflow/react').EdgeUpdatable;
1423
- focusable?: boolean;
1424
- data: import('..').RelationshipData;
1425
- readonly id: string;
1426
- readonly type: "relationship";
1427
- }>) => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1428
- source: string;
1429
- target: string;
1430
- sourceHandle?: string | null;
1431
- targetHandle?: string | null;
1432
- animated?: boolean;
1433
- hidden?: boolean;
1434
- deletable?: boolean;
1435
- selectable?: boolean;
1436
- selected?: boolean;
1437
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1438
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1439
- zIndex?: number;
1440
- ariaLabel?: string;
1441
- interactionWidth?: number;
1442
- label?: import('react').ReactNode;
1443
- labelStyle?: import('react').CSSProperties;
1444
- labelShowBg?: boolean;
1445
- labelBgStyle?: import('react').CSSProperties;
1446
- labelBgPadding?: [number, number];
1447
- labelBgBorderRadius?: number;
1448
- style?: import('react').CSSProperties;
1449
- className?: string;
1450
- updatable?: import('@xyflow/react').EdgeUpdatable;
1451
- focusable?: boolean;
1452
- data: import('..').RelationshipData;
1453
- readonly id: string;
1454
- readonly type: "relationship";
1455
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1456
- source: string;
1457
- target: string;
1458
- sourceHandle?: string | null;
1459
- targetHandle?: string | null;
1460
- animated?: boolean;
1461
- hidden?: boolean;
1462
- deletable?: boolean;
1463
- selectable?: boolean;
1464
- selected?: boolean;
1465
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1466
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1467
- zIndex?: number;
1468
- ariaLabel?: string;
1469
- interactionWidth?: number;
1470
- label?: import('react').ReactNode;
1471
- labelStyle?: import('react').CSSProperties;
1472
- labelShowBg?: boolean;
1473
- labelBgStyle?: import('react').CSSProperties;
1474
- labelBgPadding?: [number, number];
1475
- labelBgBorderRadius?: number;
1476
- style?: import('react').CSSProperties;
1477
- className?: string;
1478
- updatable?: import('@xyflow/react').EdgeUpdatable;
1479
- focusable?: boolean;
1480
- data: import('..').RelationshipData;
1481
- readonly id: string;
1482
- readonly type: "relationship";
1483
- }>>), replace?: boolean | undefined) => void;
1484
- subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1485
- source: string;
1486
- target: string;
1487
- sourceHandle?: string | null;
1488
- targetHandle?: string | null;
1489
- animated?: boolean;
1490
- hidden?: boolean;
1491
- deletable?: boolean;
1492
- selectable?: boolean;
1493
- selected?: boolean;
1494
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1495
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1496
- zIndex?: number;
1497
- ariaLabel?: string;
1498
- interactionWidth?: number;
1499
- label?: import('react').ReactNode;
1500
- labelStyle?: import('react').CSSProperties;
1501
- labelShowBg?: boolean;
1502
- labelBgStyle?: import('react').CSSProperties;
1503
- labelBgPadding?: [number, number];
1504
- labelBgBorderRadius?: number;
1505
- style?: import('react').CSSProperties;
1506
- className?: string;
1507
- updatable?: import('@xyflow/react').EdgeUpdatable;
1508
- focusable?: boolean;
1509
- data: import('..').RelationshipData;
1510
- readonly id: string;
1511
- readonly type: "relationship";
1512
- }>, prevState: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1513
- source: string;
1514
- target: string;
1515
- sourceHandle?: string | null;
1516
- targetHandle?: string | null;
1517
- animated?: boolean;
1518
- hidden?: boolean;
1519
- deletable?: boolean;
1520
- selectable?: boolean;
1521
- selected?: boolean;
1522
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1523
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1524
- zIndex?: number;
1525
- ariaLabel?: string;
1526
- interactionWidth?: number;
1527
- label?: import('react').ReactNode;
1528
- labelStyle?: import('react').CSSProperties;
1529
- labelShowBg?: boolean;
1530
- labelBgStyle?: import('react').CSSProperties;
1531
- labelBgPadding?: [number, number];
1532
- labelBgBorderRadius?: number;
1533
- style?: import('react').CSSProperties;
1534
- className?: string;
1535
- updatable?: import('@xyflow/react').EdgeUpdatable;
1536
- focusable?: boolean;
1537
- data: import('..').RelationshipData;
1538
- readonly id: string;
1539
- readonly type: "relationship";
1540
- }>) => void) => () => void;
1541
- }) => void;
1542
- nextDynamicStep: (increment?: number | undefined) => void;
1543
- stopDynamicView: () => void;
1544
- }> | ((state: {
1545
- view: import('@likec4/core').DiagramView;
1546
- readonly: boolean;
1547
- showElementLinks: boolean;
1548
- fitViewEnabled: boolean;
1549
- fitViewPadding: number;
1550
- zoomable: boolean;
1551
- pannable: boolean;
1552
- nodesDraggable: boolean;
1553
- nodesSelectable: boolean;
1554
- experimentalEdgeEditing: boolean;
1555
- viewSyncState: "synced" | "changed";
1556
- viewSyncDebounceTimeout: number | null;
1557
- xyflow: import('..').XYFlowInstance;
1558
- initialized: boolean;
1559
- xyflowSynced: boolean;
1560
- activeDynamicViewStep: number | null;
1561
- lastClickedNodeId: string | null;
1562
- lastClickedEdgeId: string | null;
1563
- focusedNodeId: string | null;
1564
- hoveredNodeId: string | null;
1565
- hoveredEdgeId: string | null;
1566
- dimmed: ReadonlySet<string>;
1567
- previousViews: import('@likec4/core').DiagramView[];
1568
- lastOnNavigate: {
1569
- fromView: import('@likec4/core').ViewID;
1570
- toView: import('@likec4/core').ViewID;
1571
- element: import('@likec4/core').DiagramNode;
1572
- elementScreenPosition: import('@xyflow/system').XYPosition;
1573
- positionCorrected: boolean;
1574
- } | null;
1575
- viewportChanged: boolean;
1576
- onChange: import('..').OnChange | null | undefined;
1577
- onNavigateTo: import('..').OnNavigateTo | null | undefined;
1578
- onNodeClick: import('..').OnNodeClick | null | undefined;
1579
- onNodeContextMenu: import('..').OnNodeClick | null | undefined;
1580
- onCanvasContextMenu: import('..').OnCanvasClick | null | undefined;
1581
- onEdgeClick: import('..').OnEdgeClick | null | undefined;
1582
- onEdgeContextMenu: import('..').OnEdgeClick | null | undefined;
1583
- onCanvasClick: import('..').OnCanvasClick | null | undefined;
1584
- onCanvasDblClick: import('..').OnCanvasClick | null | undefined;
1585
- isDynamicView: () => boolean;
1586
- updateView: (view: import('@likec4/core').DiagramView) => void;
1587
- focusOnNode: (nodeId: string) => void;
1588
- setHoveredNode: (nodeId: string | null) => void;
1589
- setHoveredEdge: (edgeId: string | null) => void;
1590
- setLastClickedNode: (nodeId: string | null) => void;
1591
- setLastClickedEdge: (edgeId: string | null) => void;
1592
- resetLastClicked: () => void;
1593
- getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
1594
- triggerChangeElementStyle: (change: import("..").Changes.ChangeElementStyle) => void;
1595
- triggerSaveManualLayout: (xystore: {
1596
- getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1597
- source: string;
1598
- target: string;
1599
- sourceHandle?: string | null;
1600
- targetHandle?: string | null;
1601
- animated?: boolean;
1602
- hidden?: boolean;
1603
- deletable?: boolean;
1604
- selectable?: boolean;
1605
- selected?: boolean;
1606
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1607
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1608
- zIndex?: number;
1609
- ariaLabel?: string;
1610
- interactionWidth?: number;
1611
- label?: import('react').ReactNode;
1612
- labelStyle?: import('react').CSSProperties;
1613
- labelShowBg?: boolean;
1614
- labelBgStyle?: import('react').CSSProperties;
1615
- labelBgPadding?: [number, number];
1616
- labelBgBorderRadius?: number;
1617
- style?: import('react').CSSProperties;
1618
- className?: string;
1619
- updatable?: import('@xyflow/react').EdgeUpdatable;
1620
- focusable?: boolean;
1621
- data: import('..').RelationshipData;
1622
- readonly id: string;
1623
- readonly type: "relationship";
1624
- }>;
1625
- setState: (partial: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1626
- source: string;
1627
- target: string;
1628
- sourceHandle?: string | null;
1629
- targetHandle?: string | null;
1630
- animated?: boolean;
1631
- hidden?: boolean;
1632
- deletable?: boolean;
1633
- selectable?: boolean;
1634
- selected?: boolean;
1635
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1636
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1637
- zIndex?: number;
1638
- ariaLabel?: string;
1639
- interactionWidth?: number;
1640
- label?: import('react').ReactNode;
1641
- labelStyle?: import('react').CSSProperties;
1642
- labelShowBg?: boolean;
1643
- labelBgStyle?: import('react').CSSProperties;
1644
- labelBgPadding?: [number, number];
1645
- labelBgBorderRadius?: number;
1646
- style?: import('react').CSSProperties;
1647
- className?: string;
1648
- updatable?: import('@xyflow/react').EdgeUpdatable;
1649
- focusable?: boolean;
1650
- data: import('..').RelationshipData;
1651
- readonly id: string;
1652
- readonly type: "relationship";
1653
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1654
- source: string;
1655
- target: string;
1656
- sourceHandle?: string | null;
1657
- targetHandle?: string | null;
1658
- animated?: boolean;
1659
- hidden?: boolean;
1660
- deletable?: boolean;
1661
- selectable?: boolean;
1662
- selected?: boolean;
1663
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1664
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1665
- zIndex?: number;
1666
- ariaLabel?: string;
1667
- interactionWidth?: number;
1668
- label?: import('react').ReactNode;
1669
- labelStyle?: import('react').CSSProperties;
1670
- labelShowBg?: boolean;
1671
- labelBgStyle?: import('react').CSSProperties;
1672
- labelBgPadding?: [number, number];
1673
- labelBgBorderRadius?: number;
1674
- style?: import('react').CSSProperties;
1675
- className?: string;
1676
- updatable?: import('@xyflow/react').EdgeUpdatable;
1677
- focusable?: boolean;
1678
- data: import('..').RelationshipData;
1679
- readonly id: string;
1680
- readonly type: "relationship";
1681
- }>> | ((state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1682
- source: string;
1683
- target: string;
1684
- sourceHandle?: string | null;
1685
- targetHandle?: string | null;
1686
- animated?: boolean;
1687
- hidden?: boolean;
1688
- deletable?: boolean;
1689
- selectable?: boolean;
1690
- selected?: boolean;
1691
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1692
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1693
- zIndex?: number;
1694
- ariaLabel?: string;
1695
- interactionWidth?: number;
1696
- label?: import('react').ReactNode;
1697
- labelStyle?: import('react').CSSProperties;
1698
- labelShowBg?: boolean;
1699
- labelBgStyle?: import('react').CSSProperties;
1700
- labelBgPadding?: [number, number];
1701
- labelBgBorderRadius?: number;
1702
- style?: import('react').CSSProperties;
1703
- className?: string;
1704
- updatable?: import('@xyflow/react').EdgeUpdatable;
1705
- focusable?: boolean;
1706
- data: import('..').RelationshipData;
1707
- readonly id: string;
1708
- readonly type: "relationship";
1709
- }>) => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1710
- source: string;
1711
- target: string;
1712
- sourceHandle?: string | null;
1713
- targetHandle?: string | null;
1714
- animated?: boolean;
1715
- hidden?: boolean;
1716
- deletable?: boolean;
1717
- selectable?: boolean;
1718
- selected?: boolean;
1719
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1720
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1721
- zIndex?: number;
1722
- ariaLabel?: string;
1723
- interactionWidth?: number;
1724
- label?: import('react').ReactNode;
1725
- labelStyle?: import('react').CSSProperties;
1726
- labelShowBg?: boolean;
1727
- labelBgStyle?: import('react').CSSProperties;
1728
- labelBgPadding?: [number, number];
1729
- labelBgBorderRadius?: number;
1730
- style?: import('react').CSSProperties;
1731
- className?: string;
1732
- updatable?: import('@xyflow/react').EdgeUpdatable;
1733
- focusable?: boolean;
1734
- data: import('..').RelationshipData;
1735
- readonly id: string;
1736
- readonly type: "relationship";
1737
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1738
- source: string;
1739
- target: string;
1740
- sourceHandle?: string | null;
1741
- targetHandle?: string | null;
1742
- animated?: boolean;
1743
- hidden?: boolean;
1744
- deletable?: boolean;
1745
- selectable?: boolean;
1746
- selected?: boolean;
1747
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1748
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1749
- zIndex?: number;
1750
- ariaLabel?: string;
1751
- interactionWidth?: number;
1752
- label?: import('react').ReactNode;
1753
- labelStyle?: import('react').CSSProperties;
1754
- labelShowBg?: boolean;
1755
- labelBgStyle?: import('react').CSSProperties;
1756
- labelBgPadding?: [number, number];
1757
- labelBgBorderRadius?: number;
1758
- style?: import('react').CSSProperties;
1759
- className?: string;
1760
- updatable?: import('@xyflow/react').EdgeUpdatable;
1761
- focusable?: boolean;
1762
- data: import('..').RelationshipData;
1763
- readonly id: string;
1764
- readonly type: "relationship";
1765
- }>>), replace?: boolean | undefined) => void;
1766
- subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1767
- source: string;
1768
- target: string;
1769
- sourceHandle?: string | null;
1770
- targetHandle?: string | null;
1771
- animated?: boolean;
1772
- hidden?: boolean;
1773
- deletable?: boolean;
1774
- selectable?: boolean;
1775
- selected?: boolean;
1776
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1777
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1778
- zIndex?: number;
1779
- ariaLabel?: string;
1780
- interactionWidth?: number;
1781
- label?: import('react').ReactNode;
1782
- labelStyle?: import('react').CSSProperties;
1783
- labelShowBg?: boolean;
1784
- labelBgStyle?: import('react').CSSProperties;
1785
- labelBgPadding?: [number, number];
1786
- labelBgBorderRadius?: number;
1787
- style?: import('react').CSSProperties;
1788
- className?: string;
1789
- updatable?: import('@xyflow/react').EdgeUpdatable;
1790
- focusable?: boolean;
1791
- data: import('..').RelationshipData;
1792
- readonly id: string;
1793
- readonly type: "relationship";
1794
- }>, prevState: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1795
- source: string;
1796
- target: string;
1797
- sourceHandle?: string | null;
1798
- targetHandle?: string | null;
1799
- animated?: boolean;
1800
- hidden?: boolean;
1801
- deletable?: boolean;
1802
- selectable?: boolean;
1803
- selected?: boolean;
1804
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1805
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1806
- zIndex?: number;
1807
- ariaLabel?: string;
1808
- interactionWidth?: number;
1809
- label?: import('react').ReactNode;
1810
- labelStyle?: import('react').CSSProperties;
1811
- labelShowBg?: boolean;
1812
- labelBgStyle?: import('react').CSSProperties;
1813
- labelBgPadding?: [number, number];
1814
- labelBgBorderRadius?: number;
1815
- style?: import('react').CSSProperties;
1816
- className?: string;
1817
- updatable?: import('@xyflow/react').EdgeUpdatable;
1818
- focusable?: boolean;
1819
- data: import('..').RelationshipData;
1820
- readonly id: string;
1821
- readonly type: "relationship";
1822
- }>) => void) => () => void;
1823
- }) => void;
1824
- triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent<Element, MouseEvent>) => void;
1825
- fitDiagram: (xyStore: {
1826
- getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1827
- source: string;
1828
- target: string;
1829
- sourceHandle?: string | null;
1830
- targetHandle?: string | null;
1831
- animated?: boolean;
1832
- hidden?: boolean;
1833
- deletable?: boolean;
1834
- selectable?: boolean;
1835
- selected?: boolean;
1836
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1837
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1838
- zIndex?: number;
1839
- ariaLabel?: string;
1840
- interactionWidth?: number;
1841
- label?: import('react').ReactNode;
1842
- labelStyle?: import('react').CSSProperties;
1843
- labelShowBg?: boolean;
1844
- labelBgStyle?: import('react').CSSProperties;
1845
- labelBgPadding?: [number, number];
1846
- labelBgBorderRadius?: number;
1847
- style?: import('react').CSSProperties;
1848
- className?: string;
1849
- updatable?: import('@xyflow/react').EdgeUpdatable;
1850
- focusable?: boolean;
1851
- data: import('..').RelationshipData;
1852
- readonly id: string;
1853
- readonly type: "relationship";
1854
- }>;
1855
- setState: (partial: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1856
- source: string;
1857
- target: string;
1858
- sourceHandle?: string | null;
1859
- targetHandle?: string | null;
1860
- animated?: boolean;
1861
- hidden?: boolean;
1862
- deletable?: boolean;
1863
- selectable?: boolean;
1864
- selected?: boolean;
1865
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1866
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1867
- zIndex?: number;
1868
- ariaLabel?: string;
1869
- interactionWidth?: number;
1870
- label?: import('react').ReactNode;
1871
- labelStyle?: import('react').CSSProperties;
1872
- labelShowBg?: boolean;
1873
- labelBgStyle?: import('react').CSSProperties;
1874
- labelBgPadding?: [number, number];
1875
- labelBgBorderRadius?: number;
1876
- style?: import('react').CSSProperties;
1877
- className?: string;
1878
- updatable?: import('@xyflow/react').EdgeUpdatable;
1879
- focusable?: boolean;
1880
- data: import('..').RelationshipData;
1881
- readonly id: string;
1882
- readonly type: "relationship";
1883
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1884
- source: string;
1885
- target: string;
1886
- sourceHandle?: string | null;
1887
- targetHandle?: string | null;
1888
- animated?: boolean;
1889
- hidden?: boolean;
1890
- deletable?: boolean;
1891
- selectable?: boolean;
1892
- selected?: boolean;
1893
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1894
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1895
- zIndex?: number;
1896
- ariaLabel?: string;
1897
- interactionWidth?: number;
1898
- label?: import('react').ReactNode;
1899
- labelStyle?: import('react').CSSProperties;
1900
- labelShowBg?: boolean;
1901
- labelBgStyle?: import('react').CSSProperties;
1902
- labelBgPadding?: [number, number];
1903
- labelBgBorderRadius?: number;
1904
- style?: import('react').CSSProperties;
1905
- className?: string;
1906
- updatable?: import('@xyflow/react').EdgeUpdatable;
1907
- focusable?: boolean;
1908
- data: import('..').RelationshipData;
1909
- readonly id: string;
1910
- readonly type: "relationship";
1911
- }>> | ((state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1912
- source: string;
1913
- target: string;
1914
- sourceHandle?: string | null;
1915
- targetHandle?: string | null;
1916
- animated?: boolean;
1917
- hidden?: boolean;
1918
- deletable?: boolean;
1919
- selectable?: boolean;
1920
- selected?: boolean;
1921
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1922
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1923
- zIndex?: number;
1924
- ariaLabel?: string;
1925
- interactionWidth?: number;
1926
- label?: import('react').ReactNode;
1927
- labelStyle?: import('react').CSSProperties;
1928
- labelShowBg?: boolean;
1929
- labelBgStyle?: import('react').CSSProperties;
1930
- labelBgPadding?: [number, number];
1931
- labelBgBorderRadius?: number;
1932
- style?: import('react').CSSProperties;
1933
- className?: string;
1934
- updatable?: import('@xyflow/react').EdgeUpdatable;
1935
- focusable?: boolean;
1936
- data: import('..').RelationshipData;
1937
- readonly id: string;
1938
- readonly type: "relationship";
1939
- }>) => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1940
- source: string;
1941
- target: string;
1942
- sourceHandle?: string | null;
1943
- targetHandle?: string | null;
1944
- animated?: boolean;
1945
- hidden?: boolean;
1946
- deletable?: boolean;
1947
- selectable?: boolean;
1948
- selected?: boolean;
1949
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1950
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1951
- zIndex?: number;
1952
- ariaLabel?: string;
1953
- interactionWidth?: number;
1954
- label?: import('react').ReactNode;
1955
- labelStyle?: import('react').CSSProperties;
1956
- labelShowBg?: boolean;
1957
- labelBgStyle?: import('react').CSSProperties;
1958
- labelBgPadding?: [number, number];
1959
- labelBgBorderRadius?: number;
1960
- style?: import('react').CSSProperties;
1961
- className?: string;
1962
- updatable?: import('@xyflow/react').EdgeUpdatable;
1963
- focusable?: boolean;
1964
- data: import('..').RelationshipData;
1965
- readonly id: string;
1966
- readonly type: "relationship";
1967
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1968
- source: string;
1969
- target: string;
1970
- sourceHandle?: string | null;
1971
- targetHandle?: string | null;
1972
- animated?: boolean;
1973
- hidden?: boolean;
1974
- deletable?: boolean;
1975
- selectable?: boolean;
1976
- selected?: boolean;
1977
- markerStart?: import('@xyflow/system').EdgeMarkerType;
1978
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
1979
- zIndex?: number;
1980
- ariaLabel?: string;
1981
- interactionWidth?: number;
1982
- label?: import('react').ReactNode;
1983
- labelStyle?: import('react').CSSProperties;
1984
- labelShowBg?: boolean;
1985
- labelBgStyle?: import('react').CSSProperties;
1986
- labelBgPadding?: [number, number];
1987
- labelBgBorderRadius?: number;
1988
- style?: import('react').CSSProperties;
1989
- className?: string;
1990
- updatable?: import('@xyflow/react').EdgeUpdatable;
1991
- focusable?: boolean;
1992
- data: import('..').RelationshipData;
1993
- readonly id: string;
1994
- readonly type: "relationship";
1995
- }>>), replace?: boolean | undefined) => void;
1996
- subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
1997
- source: string;
1998
- target: string;
1999
- sourceHandle?: string | null;
2000
- targetHandle?: string | null;
2001
- animated?: boolean;
2002
- hidden?: boolean;
2003
- deletable?: boolean;
2004
- selectable?: boolean;
2005
- selected?: boolean;
2006
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2007
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2008
- zIndex?: number;
2009
- ariaLabel?: string;
2010
- interactionWidth?: number;
2011
- label?: import('react').ReactNode;
2012
- labelStyle?: import('react').CSSProperties;
2013
- labelShowBg?: boolean;
2014
- labelBgStyle?: import('react').CSSProperties;
2015
- labelBgPadding?: [number, number];
2016
- labelBgBorderRadius?: number;
2017
- style?: import('react').CSSProperties;
2018
- className?: string;
2019
- updatable?: import('@xyflow/react').EdgeUpdatable;
2020
- focusable?: boolean;
2021
- data: import('..').RelationshipData;
2022
- readonly id: string;
2023
- readonly type: "relationship";
2024
- }>, prevState: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2025
- source: string;
2026
- target: string;
2027
- sourceHandle?: string | null;
2028
- targetHandle?: string | null;
2029
- animated?: boolean;
2030
- hidden?: boolean;
2031
- deletable?: boolean;
2032
- selectable?: boolean;
2033
- selected?: boolean;
2034
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2035
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2036
- zIndex?: number;
2037
- ariaLabel?: string;
2038
- interactionWidth?: number;
2039
- label?: import('react').ReactNode;
2040
- labelStyle?: import('react').CSSProperties;
2041
- labelShowBg?: boolean;
2042
- labelBgStyle?: import('react').CSSProperties;
2043
- labelBgPadding?: [number, number];
2044
- labelBgBorderRadius?: number;
2045
- style?: import('react').CSSProperties;
2046
- className?: string;
2047
- updatable?: import('@xyflow/react').EdgeUpdatable;
2048
- focusable?: boolean;
2049
- data: import('..').RelationshipData;
2050
- readonly id: string;
2051
- readonly type: "relationship";
2052
- }>) => void) => () => void;
2053
- }) => void;
2054
- nextDynamicStep: (increment?: number | undefined) => void;
2055
- stopDynamicView: () => void;
2056
- }) => {
2057
- view: import('@likec4/core').DiagramView;
2058
- readonly: boolean;
2059
- showElementLinks: boolean;
2060
- fitViewEnabled: boolean;
2061
- fitViewPadding: number;
2062
- zoomable: boolean;
2063
- pannable: boolean;
2064
- nodesDraggable: boolean;
2065
- nodesSelectable: boolean;
2066
- experimentalEdgeEditing: boolean;
2067
- viewSyncState: "synced" | "changed";
2068
- viewSyncDebounceTimeout: number | null;
2069
- xyflow: import('..').XYFlowInstance;
2070
- initialized: boolean;
2071
- xyflowSynced: boolean;
2072
- activeDynamicViewStep: number | null;
2073
- lastClickedNodeId: string | null;
2074
- lastClickedEdgeId: string | null;
2075
- focusedNodeId: string | null;
2076
- hoveredNodeId: string | null;
2077
- hoveredEdgeId: string | null;
2078
- dimmed: ReadonlySet<string>;
2079
- previousViews: import('@likec4/core').DiagramView[];
2080
- lastOnNavigate: {
2081
- fromView: import('@likec4/core').ViewID;
2082
- toView: import('@likec4/core').ViewID;
2083
- element: import('@likec4/core').DiagramNode;
2084
- elementScreenPosition: import('@xyflow/system').XYPosition;
2085
- positionCorrected: boolean;
2086
- } | null;
2087
- viewportChanged: boolean;
2088
- onChange: import('..').OnChange | null | undefined;
2089
- onNavigateTo: import('..').OnNavigateTo | null | undefined;
2090
- onNodeClick: import('..').OnNodeClick | null | undefined;
2091
- onNodeContextMenu: import('..').OnNodeClick | null | undefined;
2092
- onCanvasContextMenu: import('..').OnCanvasClick | null | undefined;
2093
- onEdgeClick: import('..').OnEdgeClick | null | undefined;
2094
- onEdgeContextMenu: import('..').OnEdgeClick | null | undefined;
2095
- onCanvasClick: import('..').OnCanvasClick | null | undefined;
2096
- onCanvasDblClick: import('..').OnCanvasClick | null | undefined;
2097
- isDynamicView: () => boolean;
2098
- updateView: (view: import('@likec4/core').DiagramView) => void;
2099
- focusOnNode: (nodeId: string) => void;
2100
- setHoveredNode: (nodeId: string | null) => void;
2101
- setHoveredEdge: (edgeId: string | null) => void;
2102
- setLastClickedNode: (nodeId: string | null) => void;
2103
- setLastClickedEdge: (edgeId: string | null) => void;
2104
- resetLastClicked: () => void;
2105
- getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
2106
- triggerChangeElementStyle: (change: import("..").Changes.ChangeElementStyle) => void;
2107
- triggerSaveManualLayout: (xystore: {
2108
- getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2109
- source: string;
2110
- target: string;
2111
- sourceHandle?: string | null;
2112
- targetHandle?: string | null;
2113
- animated?: boolean;
2114
- hidden?: boolean;
2115
- deletable?: boolean;
2116
- selectable?: boolean;
2117
- selected?: boolean;
2118
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2119
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2120
- zIndex?: number;
2121
- ariaLabel?: string;
2122
- interactionWidth?: number;
2123
- label?: import('react').ReactNode;
2124
- labelStyle?: import('react').CSSProperties;
2125
- labelShowBg?: boolean;
2126
- labelBgStyle?: import('react').CSSProperties;
2127
- labelBgPadding?: [number, number];
2128
- labelBgBorderRadius?: number;
2129
- style?: import('react').CSSProperties;
2130
- className?: string;
2131
- updatable?: import('@xyflow/react').EdgeUpdatable;
2132
- focusable?: boolean;
2133
- data: import('..').RelationshipData;
2134
- readonly id: string;
2135
- readonly type: "relationship";
2136
- }>;
2137
- setState: (partial: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2138
- source: string;
2139
- target: string;
2140
- sourceHandle?: string | null;
2141
- targetHandle?: string | null;
2142
- animated?: boolean;
2143
- hidden?: boolean;
2144
- deletable?: boolean;
2145
- selectable?: boolean;
2146
- selected?: boolean;
2147
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2148
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2149
- zIndex?: number;
2150
- ariaLabel?: string;
2151
- interactionWidth?: number;
2152
- label?: import('react').ReactNode;
2153
- labelStyle?: import('react').CSSProperties;
2154
- labelShowBg?: boolean;
2155
- labelBgStyle?: import('react').CSSProperties;
2156
- labelBgPadding?: [number, number];
2157
- labelBgBorderRadius?: number;
2158
- style?: import('react').CSSProperties;
2159
- className?: string;
2160
- updatable?: import('@xyflow/react').EdgeUpdatable;
2161
- focusable?: boolean;
2162
- data: import('..').RelationshipData;
2163
- readonly id: string;
2164
- readonly type: "relationship";
2165
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2166
- source: string;
2167
- target: string;
2168
- sourceHandle?: string | null;
2169
- targetHandle?: string | null;
2170
- animated?: boolean;
2171
- hidden?: boolean;
2172
- deletable?: boolean;
2173
- selectable?: boolean;
2174
- selected?: boolean;
2175
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2176
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2177
- zIndex?: number;
2178
- ariaLabel?: string;
2179
- interactionWidth?: number;
2180
- label?: import('react').ReactNode;
2181
- labelStyle?: import('react').CSSProperties;
2182
- labelShowBg?: boolean;
2183
- labelBgStyle?: import('react').CSSProperties;
2184
- labelBgPadding?: [number, number];
2185
- labelBgBorderRadius?: number;
2186
- style?: import('react').CSSProperties;
2187
- className?: string;
2188
- updatable?: import('@xyflow/react').EdgeUpdatable;
2189
- focusable?: boolean;
2190
- data: import('..').RelationshipData;
2191
- readonly id: string;
2192
- readonly type: "relationship";
2193
- }>> | ((state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2194
- source: string;
2195
- target: string;
2196
- sourceHandle?: string | null;
2197
- targetHandle?: string | null;
2198
- animated?: boolean;
2199
- hidden?: boolean;
2200
- deletable?: boolean;
2201
- selectable?: boolean;
2202
- selected?: boolean;
2203
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2204
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2205
- zIndex?: number;
2206
- ariaLabel?: string;
2207
- interactionWidth?: number;
2208
- label?: import('react').ReactNode;
2209
- labelStyle?: import('react').CSSProperties;
2210
- labelShowBg?: boolean;
2211
- labelBgStyle?: import('react').CSSProperties;
2212
- labelBgPadding?: [number, number];
2213
- labelBgBorderRadius?: number;
2214
- style?: import('react').CSSProperties;
2215
- className?: string;
2216
- updatable?: import('@xyflow/react').EdgeUpdatable;
2217
- focusable?: boolean;
2218
- data: import('..').RelationshipData;
2219
- readonly id: string;
2220
- readonly type: "relationship";
2221
- }>) => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2222
- source: string;
2223
- target: string;
2224
- sourceHandle?: string | null;
2225
- targetHandle?: string | null;
2226
- animated?: boolean;
2227
- hidden?: boolean;
2228
- deletable?: boolean;
2229
- selectable?: boolean;
2230
- selected?: boolean;
2231
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2232
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2233
- zIndex?: number;
2234
- ariaLabel?: string;
2235
- interactionWidth?: number;
2236
- label?: import('react').ReactNode;
2237
- labelStyle?: import('react').CSSProperties;
2238
- labelShowBg?: boolean;
2239
- labelBgStyle?: import('react').CSSProperties;
2240
- labelBgPadding?: [number, number];
2241
- labelBgBorderRadius?: number;
2242
- style?: import('react').CSSProperties;
2243
- className?: string;
2244
- updatable?: import('@xyflow/react').EdgeUpdatable;
2245
- focusable?: boolean;
2246
- data: import('..').RelationshipData;
2247
- readonly id: string;
2248
- readonly type: "relationship";
2249
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2250
- source: string;
2251
- target: string;
2252
- sourceHandle?: string | null;
2253
- targetHandle?: string | null;
2254
- animated?: boolean;
2255
- hidden?: boolean;
2256
- deletable?: boolean;
2257
- selectable?: boolean;
2258
- selected?: boolean;
2259
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2260
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2261
- zIndex?: number;
2262
- ariaLabel?: string;
2263
- interactionWidth?: number;
2264
- label?: import('react').ReactNode;
2265
- labelStyle?: import('react').CSSProperties;
2266
- labelShowBg?: boolean;
2267
- labelBgStyle?: import('react').CSSProperties;
2268
- labelBgPadding?: [number, number];
2269
- labelBgBorderRadius?: number;
2270
- style?: import('react').CSSProperties;
2271
- className?: string;
2272
- updatable?: import('@xyflow/react').EdgeUpdatable;
2273
- focusable?: boolean;
2274
- data: import('..').RelationshipData;
2275
- readonly id: string;
2276
- readonly type: "relationship";
2277
- }>>), replace?: boolean | undefined) => void;
2278
- subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2279
- source: string;
2280
- target: string;
2281
- sourceHandle?: string | null;
2282
- targetHandle?: string | null;
2283
- animated?: boolean;
2284
- hidden?: boolean;
2285
- deletable?: boolean;
2286
- selectable?: boolean;
2287
- selected?: boolean;
2288
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2289
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2290
- zIndex?: number;
2291
- ariaLabel?: string;
2292
- interactionWidth?: number;
2293
- label?: import('react').ReactNode;
2294
- labelStyle?: import('react').CSSProperties;
2295
- labelShowBg?: boolean;
2296
- labelBgStyle?: import('react').CSSProperties;
2297
- labelBgPadding?: [number, number];
2298
- labelBgBorderRadius?: number;
2299
- style?: import('react').CSSProperties;
2300
- className?: string;
2301
- updatable?: import('@xyflow/react').EdgeUpdatable;
2302
- focusable?: boolean;
2303
- data: import('..').RelationshipData;
2304
- readonly id: string;
2305
- readonly type: "relationship";
2306
- }>, prevState: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2307
- source: string;
2308
- target: string;
2309
- sourceHandle?: string | null;
2310
- targetHandle?: string | null;
2311
- animated?: boolean;
2312
- hidden?: boolean;
2313
- deletable?: boolean;
2314
- selectable?: boolean;
2315
- selected?: boolean;
2316
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2317
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2318
- zIndex?: number;
2319
- ariaLabel?: string;
2320
- interactionWidth?: number;
2321
- label?: import('react').ReactNode;
2322
- labelStyle?: import('react').CSSProperties;
2323
- labelShowBg?: boolean;
2324
- labelBgStyle?: import('react').CSSProperties;
2325
- labelBgPadding?: [number, number];
2326
- labelBgBorderRadius?: number;
2327
- style?: import('react').CSSProperties;
2328
- className?: string;
2329
- updatable?: import('@xyflow/react').EdgeUpdatable;
2330
- focusable?: boolean;
2331
- data: import('..').RelationshipData;
2332
- readonly id: string;
2333
- readonly type: "relationship";
2334
- }>) => void) => () => void;
2335
- }) => void;
2336
- triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent<Element, MouseEvent>) => void;
2337
- fitDiagram: (xyStore: {
2338
- getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2339
- source: string;
2340
- target: string;
2341
- sourceHandle?: string | null;
2342
- targetHandle?: string | null;
2343
- animated?: boolean;
2344
- hidden?: boolean;
2345
- deletable?: boolean;
2346
- selectable?: boolean;
2347
- selected?: boolean;
2348
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2349
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2350
- zIndex?: number;
2351
- ariaLabel?: string;
2352
- interactionWidth?: number;
2353
- label?: import('react').ReactNode;
2354
- labelStyle?: import('react').CSSProperties;
2355
- labelShowBg?: boolean;
2356
- labelBgStyle?: import('react').CSSProperties;
2357
- labelBgPadding?: [number, number];
2358
- labelBgBorderRadius?: number;
2359
- style?: import('react').CSSProperties;
2360
- className?: string;
2361
- updatable?: import('@xyflow/react').EdgeUpdatable;
2362
- focusable?: boolean;
2363
- data: import('..').RelationshipData;
2364
- readonly id: string;
2365
- readonly type: "relationship";
2366
- }>;
2367
- setState: (partial: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2368
- source: string;
2369
- target: string;
2370
- sourceHandle?: string | null;
2371
- targetHandle?: string | null;
2372
- animated?: boolean;
2373
- hidden?: boolean;
2374
- deletable?: boolean;
2375
- selectable?: boolean;
2376
- selected?: boolean;
2377
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2378
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2379
- zIndex?: number;
2380
- ariaLabel?: string;
2381
- interactionWidth?: number;
2382
- label?: import('react').ReactNode;
2383
- labelStyle?: import('react').CSSProperties;
2384
- labelShowBg?: boolean;
2385
- labelBgStyle?: import('react').CSSProperties;
2386
- labelBgPadding?: [number, number];
2387
- labelBgBorderRadius?: number;
2388
- style?: import('react').CSSProperties;
2389
- className?: string;
2390
- updatable?: import('@xyflow/react').EdgeUpdatable;
2391
- focusable?: boolean;
2392
- data: import('..').RelationshipData;
2393
- readonly id: string;
2394
- readonly type: "relationship";
2395
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2396
- source: string;
2397
- target: string;
2398
- sourceHandle?: string | null;
2399
- targetHandle?: string | null;
2400
- animated?: boolean;
2401
- hidden?: boolean;
2402
- deletable?: boolean;
2403
- selectable?: boolean;
2404
- selected?: boolean;
2405
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2406
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2407
- zIndex?: number;
2408
- ariaLabel?: string;
2409
- interactionWidth?: number;
2410
- label?: import('react').ReactNode;
2411
- labelStyle?: import('react').CSSProperties;
2412
- labelShowBg?: boolean;
2413
- labelBgStyle?: import('react').CSSProperties;
2414
- labelBgPadding?: [number, number];
2415
- labelBgBorderRadius?: number;
2416
- style?: import('react').CSSProperties;
2417
- className?: string;
2418
- updatable?: import('@xyflow/react').EdgeUpdatable;
2419
- focusable?: boolean;
2420
- data: import('..').RelationshipData;
2421
- readonly id: string;
2422
- readonly type: "relationship";
2423
- }>> | ((state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2424
- source: string;
2425
- target: string;
2426
- sourceHandle?: string | null;
2427
- targetHandle?: string | null;
2428
- animated?: boolean;
2429
- hidden?: boolean;
2430
- deletable?: boolean;
2431
- selectable?: boolean;
2432
- selected?: boolean;
2433
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2434
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2435
- zIndex?: number;
2436
- ariaLabel?: string;
2437
- interactionWidth?: number;
2438
- label?: import('react').ReactNode;
2439
- labelStyle?: import('react').CSSProperties;
2440
- labelShowBg?: boolean;
2441
- labelBgStyle?: import('react').CSSProperties;
2442
- labelBgPadding?: [number, number];
2443
- labelBgBorderRadius?: number;
2444
- style?: import('react').CSSProperties;
2445
- className?: string;
2446
- updatable?: import('@xyflow/react').EdgeUpdatable;
2447
- focusable?: boolean;
2448
- data: import('..').RelationshipData;
2449
- readonly id: string;
2450
- readonly type: "relationship";
2451
- }>) => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2452
- source: string;
2453
- target: string;
2454
- sourceHandle?: string | null;
2455
- targetHandle?: string | null;
2456
- animated?: boolean;
2457
- hidden?: boolean;
2458
- deletable?: boolean;
2459
- selectable?: boolean;
2460
- selected?: boolean;
2461
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2462
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2463
- zIndex?: number;
2464
- ariaLabel?: string;
2465
- interactionWidth?: number;
2466
- label?: import('react').ReactNode;
2467
- labelStyle?: import('react').CSSProperties;
2468
- labelShowBg?: boolean;
2469
- labelBgStyle?: import('react').CSSProperties;
2470
- labelBgPadding?: [number, number];
2471
- labelBgBorderRadius?: number;
2472
- style?: import('react').CSSProperties;
2473
- className?: string;
2474
- updatable?: import('@xyflow/react').EdgeUpdatable;
2475
- focusable?: boolean;
2476
- data: import('..').RelationshipData;
2477
- readonly id: string;
2478
- readonly type: "relationship";
2479
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2480
- source: string;
2481
- target: string;
2482
- sourceHandle?: string | null;
2483
- targetHandle?: string | null;
2484
- animated?: boolean;
2485
- hidden?: boolean;
2486
- deletable?: boolean;
2487
- selectable?: boolean;
2488
- selected?: boolean;
2489
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2490
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2491
- zIndex?: number;
2492
- ariaLabel?: string;
2493
- interactionWidth?: number;
2494
- label?: import('react').ReactNode;
2495
- labelStyle?: import('react').CSSProperties;
2496
- labelShowBg?: boolean;
2497
- labelBgStyle?: import('react').CSSProperties;
2498
- labelBgPadding?: [number, number];
2499
- labelBgBorderRadius?: number;
2500
- style?: import('react').CSSProperties;
2501
- className?: string;
2502
- updatable?: import('@xyflow/react').EdgeUpdatable;
2503
- focusable?: boolean;
2504
- data: import('..').RelationshipData;
2505
- readonly id: string;
2506
- readonly type: "relationship";
2507
- }>>), replace?: boolean | undefined) => void;
2508
- subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2509
- source: string;
2510
- target: string;
2511
- sourceHandle?: string | null;
2512
- targetHandle?: string | null;
2513
- animated?: boolean;
2514
- hidden?: boolean;
2515
- deletable?: boolean;
2516
- selectable?: boolean;
2517
- selected?: boolean;
2518
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2519
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2520
- zIndex?: number;
2521
- ariaLabel?: string;
2522
- interactionWidth?: number;
2523
- label?: import('react').ReactNode;
2524
- labelStyle?: import('react').CSSProperties;
2525
- labelShowBg?: boolean;
2526
- labelBgStyle?: import('react').CSSProperties;
2527
- labelBgPadding?: [number, number];
2528
- labelBgBorderRadius?: number;
2529
- style?: import('react').CSSProperties;
2530
- className?: string;
2531
- updatable?: import('@xyflow/react').EdgeUpdatable;
2532
- focusable?: boolean;
2533
- data: import('..').RelationshipData;
2534
- readonly id: string;
2535
- readonly type: "relationship";
2536
- }>, prevState: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2537
- source: string;
2538
- target: string;
2539
- sourceHandle?: string | null;
2540
- targetHandle?: string | null;
2541
- animated?: boolean;
2542
- hidden?: boolean;
2543
- deletable?: boolean;
2544
- selectable?: boolean;
2545
- selected?: boolean;
2546
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2547
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2548
- zIndex?: number;
2549
- ariaLabel?: string;
2550
- interactionWidth?: number;
2551
- label?: import('react').ReactNode;
2552
- labelStyle?: import('react').CSSProperties;
2553
- labelShowBg?: boolean;
2554
- labelBgStyle?: import('react').CSSProperties;
2555
- labelBgPadding?: [number, number];
2556
- labelBgBorderRadius?: number;
2557
- style?: import('react').CSSProperties;
2558
- className?: string;
2559
- updatable?: import('@xyflow/react').EdgeUpdatable;
2560
- focusable?: boolean;
2561
- data: import('..').RelationshipData;
2562
- readonly id: string;
2563
- readonly type: "relationship";
2564
- }>) => void) => () => void;
2565
- }) => void;
2566
- nextDynamicStep: (increment?: number | undefined) => void;
2567
- stopDynamicView: () => void;
2568
- } | Partial<{
2569
- view: import('@likec4/core').DiagramView;
2570
- readonly: boolean;
2571
- showElementLinks: boolean;
2572
- fitViewEnabled: boolean;
2573
- fitViewPadding: number;
2574
- zoomable: boolean;
2575
- pannable: boolean;
2576
- nodesDraggable: boolean;
2577
- nodesSelectable: boolean;
2578
- experimentalEdgeEditing: boolean;
2579
- viewSyncState: "synced" | "changed";
2580
- viewSyncDebounceTimeout: number | null;
2581
- xyflow: import('..').XYFlowInstance;
2582
- initialized: boolean;
2583
- xyflowSynced: boolean;
2584
- activeDynamicViewStep: number | null;
2585
- lastClickedNodeId: string | null;
2586
- lastClickedEdgeId: string | null;
2587
- focusedNodeId: string | null;
2588
- hoveredNodeId: string | null;
2589
- hoveredEdgeId: string | null;
2590
- dimmed: ReadonlySet<string>;
2591
- previousViews: import('@likec4/core').DiagramView[];
2592
- lastOnNavigate: {
2593
- fromView: import('@likec4/core').ViewID;
2594
- toView: import('@likec4/core').ViewID;
2595
- element: import('@likec4/core').DiagramNode;
2596
- elementScreenPosition: import('@xyflow/system').XYPosition;
2597
- positionCorrected: boolean;
2598
- } | null;
2599
- viewportChanged: boolean;
2600
- onChange: import('..').OnChange | null | undefined;
2601
- onNavigateTo: import('..').OnNavigateTo | null | undefined;
2602
- onNodeClick: import('..').OnNodeClick | null | undefined;
2603
- onNodeContextMenu: import('..').OnNodeClick | null | undefined;
2604
- onCanvasContextMenu: import('..').OnCanvasClick | null | undefined;
2605
- onEdgeClick: import('..').OnEdgeClick | null | undefined;
2606
- onEdgeContextMenu: import('..').OnEdgeClick | null | undefined;
2607
- onCanvasClick: import('..').OnCanvasClick | null | undefined;
2608
- onCanvasDblClick: import('..').OnCanvasClick | null | undefined;
2609
- isDynamicView: () => boolean;
2610
- updateView: (view: import('@likec4/core').DiagramView) => void;
2611
- focusOnNode: (nodeId: string) => void;
2612
- setHoveredNode: (nodeId: string | null) => void;
2613
- setHoveredEdge: (edgeId: string | null) => void;
2614
- setLastClickedNode: (nodeId: string | null) => void;
2615
- setLastClickedEdge: (edgeId: string | null) => void;
2616
- resetLastClicked: () => void;
2617
- getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
2618
- triggerChangeElementStyle: (change: import("..").Changes.ChangeElementStyle) => void;
2619
- triggerSaveManualLayout: (xystore: {
2620
- getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2621
- source: string;
2622
- target: string;
2623
- sourceHandle?: string | null;
2624
- targetHandle?: string | null;
2625
- animated?: boolean;
2626
- hidden?: boolean;
2627
- deletable?: boolean;
2628
- selectable?: boolean;
2629
- selected?: boolean;
2630
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2631
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2632
- zIndex?: number;
2633
- ariaLabel?: string;
2634
- interactionWidth?: number;
2635
- label?: import('react').ReactNode;
2636
- labelStyle?: import('react').CSSProperties;
2637
- labelShowBg?: boolean;
2638
- labelBgStyle?: import('react').CSSProperties;
2639
- labelBgPadding?: [number, number];
2640
- labelBgBorderRadius?: number;
2641
- style?: import('react').CSSProperties;
2642
- className?: string;
2643
- updatable?: import('@xyflow/react').EdgeUpdatable;
2644
- focusable?: boolean;
2645
- data: import('..').RelationshipData;
2646
- readonly id: string;
2647
- readonly type: "relationship";
2648
- }>;
2649
- setState: (partial: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2650
- source: string;
2651
- target: string;
2652
- sourceHandle?: string | null;
2653
- targetHandle?: string | null;
2654
- animated?: boolean;
2655
- hidden?: boolean;
2656
- deletable?: boolean;
2657
- selectable?: boolean;
2658
- selected?: boolean;
2659
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2660
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2661
- zIndex?: number;
2662
- ariaLabel?: string;
2663
- interactionWidth?: number;
2664
- label?: import('react').ReactNode;
2665
- labelStyle?: import('react').CSSProperties;
2666
- labelShowBg?: boolean;
2667
- labelBgStyle?: import('react').CSSProperties;
2668
- labelBgPadding?: [number, number];
2669
- labelBgBorderRadius?: number;
2670
- style?: import('react').CSSProperties;
2671
- className?: string;
2672
- updatable?: import('@xyflow/react').EdgeUpdatable;
2673
- focusable?: boolean;
2674
- data: import('..').RelationshipData;
2675
- readonly id: string;
2676
- readonly type: "relationship";
2677
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2678
- source: string;
2679
- target: string;
2680
- sourceHandle?: string | null;
2681
- targetHandle?: string | null;
2682
- animated?: boolean;
2683
- hidden?: boolean;
2684
- deletable?: boolean;
2685
- selectable?: boolean;
2686
- selected?: boolean;
2687
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2688
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2689
- zIndex?: number;
2690
- ariaLabel?: string;
2691
- interactionWidth?: number;
2692
- label?: import('react').ReactNode;
2693
- labelStyle?: import('react').CSSProperties;
2694
- labelShowBg?: boolean;
2695
- labelBgStyle?: import('react').CSSProperties;
2696
- labelBgPadding?: [number, number];
2697
- labelBgBorderRadius?: number;
2698
- style?: import('react').CSSProperties;
2699
- className?: string;
2700
- updatable?: import('@xyflow/react').EdgeUpdatable;
2701
- focusable?: boolean;
2702
- data: import('..').RelationshipData;
2703
- readonly id: string;
2704
- readonly type: "relationship";
2705
- }>> | ((state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2706
- source: string;
2707
- target: string;
2708
- sourceHandle?: string | null;
2709
- targetHandle?: string | null;
2710
- animated?: boolean;
2711
- hidden?: boolean;
2712
- deletable?: boolean;
2713
- selectable?: boolean;
2714
- selected?: boolean;
2715
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2716
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2717
- zIndex?: number;
2718
- ariaLabel?: string;
2719
- interactionWidth?: number;
2720
- label?: import('react').ReactNode;
2721
- labelStyle?: import('react').CSSProperties;
2722
- labelShowBg?: boolean;
2723
- labelBgStyle?: import('react').CSSProperties;
2724
- labelBgPadding?: [number, number];
2725
- labelBgBorderRadius?: number;
2726
- style?: import('react').CSSProperties;
2727
- className?: string;
2728
- updatable?: import('@xyflow/react').EdgeUpdatable;
2729
- focusable?: boolean;
2730
- data: import('..').RelationshipData;
2731
- readonly id: string;
2732
- readonly type: "relationship";
2733
- }>) => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2734
- source: string;
2735
- target: string;
2736
- sourceHandle?: string | null;
2737
- targetHandle?: string | null;
2738
- animated?: boolean;
2739
- hidden?: boolean;
2740
- deletable?: boolean;
2741
- selectable?: boolean;
2742
- selected?: boolean;
2743
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2744
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2745
- zIndex?: number;
2746
- ariaLabel?: string;
2747
- interactionWidth?: number;
2748
- label?: import('react').ReactNode;
2749
- labelStyle?: import('react').CSSProperties;
2750
- labelShowBg?: boolean;
2751
- labelBgStyle?: import('react').CSSProperties;
2752
- labelBgPadding?: [number, number];
2753
- labelBgBorderRadius?: number;
2754
- style?: import('react').CSSProperties;
2755
- className?: string;
2756
- updatable?: import('@xyflow/react').EdgeUpdatable;
2757
- focusable?: boolean;
2758
- data: import('..').RelationshipData;
2759
- readonly id: string;
2760
- readonly type: "relationship";
2761
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2762
- source: string;
2763
- target: string;
2764
- sourceHandle?: string | null;
2765
- targetHandle?: string | null;
2766
- animated?: boolean;
2767
- hidden?: boolean;
2768
- deletable?: boolean;
2769
- selectable?: boolean;
2770
- selected?: boolean;
2771
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2772
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2773
- zIndex?: number;
2774
- ariaLabel?: string;
2775
- interactionWidth?: number;
2776
- label?: import('react').ReactNode;
2777
- labelStyle?: import('react').CSSProperties;
2778
- labelShowBg?: boolean;
2779
- labelBgStyle?: import('react').CSSProperties;
2780
- labelBgPadding?: [number, number];
2781
- labelBgBorderRadius?: number;
2782
- style?: import('react').CSSProperties;
2783
- className?: string;
2784
- updatable?: import('@xyflow/react').EdgeUpdatable;
2785
- focusable?: boolean;
2786
- data: import('..').RelationshipData;
2787
- readonly id: string;
2788
- readonly type: "relationship";
2789
- }>>), replace?: boolean | undefined) => void;
2790
- subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2791
- source: string;
2792
- target: string;
2793
- sourceHandle?: string | null;
2794
- targetHandle?: string | null;
2795
- animated?: boolean;
2796
- hidden?: boolean;
2797
- deletable?: boolean;
2798
- selectable?: boolean;
2799
- selected?: boolean;
2800
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2801
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2802
- zIndex?: number;
2803
- ariaLabel?: string;
2804
- interactionWidth?: number;
2805
- label?: import('react').ReactNode;
2806
- labelStyle?: import('react').CSSProperties;
2807
- labelShowBg?: boolean;
2808
- labelBgStyle?: import('react').CSSProperties;
2809
- labelBgPadding?: [number, number];
2810
- labelBgBorderRadius?: number;
2811
- style?: import('react').CSSProperties;
2812
- className?: string;
2813
- updatable?: import('@xyflow/react').EdgeUpdatable;
2814
- focusable?: boolean;
2815
- data: import('..').RelationshipData;
2816
- readonly id: string;
2817
- readonly type: "relationship";
2818
- }>, prevState: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2819
- source: string;
2820
- target: string;
2821
- sourceHandle?: string | null;
2822
- targetHandle?: string | null;
2823
- animated?: boolean;
2824
- hidden?: boolean;
2825
- deletable?: boolean;
2826
- selectable?: boolean;
2827
- selected?: boolean;
2828
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2829
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2830
- zIndex?: number;
2831
- ariaLabel?: string;
2832
- interactionWidth?: number;
2833
- label?: import('react').ReactNode;
2834
- labelStyle?: import('react').CSSProperties;
2835
- labelShowBg?: boolean;
2836
- labelBgStyle?: import('react').CSSProperties;
2837
- labelBgPadding?: [number, number];
2838
- labelBgBorderRadius?: number;
2839
- style?: import('react').CSSProperties;
2840
- className?: string;
2841
- updatable?: import('@xyflow/react').EdgeUpdatable;
2842
- focusable?: boolean;
2843
- data: import('..').RelationshipData;
2844
- readonly id: string;
2845
- readonly type: "relationship";
2846
- }>) => void) => () => void;
2847
- }) => void;
2848
- triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent<Element, MouseEvent>) => void;
2849
- fitDiagram: (xyStore: {
2850
- getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2851
- source: string;
2852
- target: string;
2853
- sourceHandle?: string | null;
2854
- targetHandle?: string | null;
2855
- animated?: boolean;
2856
- hidden?: boolean;
2857
- deletable?: boolean;
2858
- selectable?: boolean;
2859
- selected?: boolean;
2860
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2861
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2862
- zIndex?: number;
2863
- ariaLabel?: string;
2864
- interactionWidth?: number;
2865
- label?: import('react').ReactNode;
2866
- labelStyle?: import('react').CSSProperties;
2867
- labelShowBg?: boolean;
2868
- labelBgStyle?: import('react').CSSProperties;
2869
- labelBgPadding?: [number, number];
2870
- labelBgBorderRadius?: number;
2871
- style?: import('react').CSSProperties;
2872
- className?: string;
2873
- updatable?: import('@xyflow/react').EdgeUpdatable;
2874
- focusable?: boolean;
2875
- data: import('..').RelationshipData;
2876
- readonly id: string;
2877
- readonly type: "relationship";
2878
- }>;
2879
- setState: (partial: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2880
- source: string;
2881
- target: string;
2882
- sourceHandle?: string | null;
2883
- targetHandle?: string | null;
2884
- animated?: boolean;
2885
- hidden?: boolean;
2886
- deletable?: boolean;
2887
- selectable?: boolean;
2888
- selected?: boolean;
2889
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2890
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2891
- zIndex?: number;
2892
- ariaLabel?: string;
2893
- interactionWidth?: number;
2894
- label?: import('react').ReactNode;
2895
- labelStyle?: import('react').CSSProperties;
2896
- labelShowBg?: boolean;
2897
- labelBgStyle?: import('react').CSSProperties;
2898
- labelBgPadding?: [number, number];
2899
- labelBgBorderRadius?: number;
2900
- style?: import('react').CSSProperties;
2901
- className?: string;
2902
- updatable?: import('@xyflow/react').EdgeUpdatable;
2903
- focusable?: boolean;
2904
- data: import('..').RelationshipData;
2905
- readonly id: string;
2906
- readonly type: "relationship";
2907
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2908
- source: string;
2909
- target: string;
2910
- sourceHandle?: string | null;
2911
- targetHandle?: string | null;
2912
- animated?: boolean;
2913
- hidden?: boolean;
2914
- deletable?: boolean;
2915
- selectable?: boolean;
2916
- selected?: boolean;
2917
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2918
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2919
- zIndex?: number;
2920
- ariaLabel?: string;
2921
- interactionWidth?: number;
2922
- label?: import('react').ReactNode;
2923
- labelStyle?: import('react').CSSProperties;
2924
- labelShowBg?: boolean;
2925
- labelBgStyle?: import('react').CSSProperties;
2926
- labelBgPadding?: [number, number];
2927
- labelBgBorderRadius?: number;
2928
- style?: import('react').CSSProperties;
2929
- className?: string;
2930
- updatable?: import('@xyflow/react').EdgeUpdatable;
2931
- focusable?: boolean;
2932
- data: import('..').RelationshipData;
2933
- readonly id: string;
2934
- readonly type: "relationship";
2935
- }>> | ((state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2936
- source: string;
2937
- target: string;
2938
- sourceHandle?: string | null;
2939
- targetHandle?: string | null;
2940
- animated?: boolean;
2941
- hidden?: boolean;
2942
- deletable?: boolean;
2943
- selectable?: boolean;
2944
- selected?: boolean;
2945
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2946
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2947
- zIndex?: number;
2948
- ariaLabel?: string;
2949
- interactionWidth?: number;
2950
- label?: import('react').ReactNode;
2951
- labelStyle?: import('react').CSSProperties;
2952
- labelShowBg?: boolean;
2953
- labelBgStyle?: import('react').CSSProperties;
2954
- labelBgPadding?: [number, number];
2955
- labelBgBorderRadius?: number;
2956
- style?: import('react').CSSProperties;
2957
- className?: string;
2958
- updatable?: import('@xyflow/react').EdgeUpdatable;
2959
- focusable?: boolean;
2960
- data: import('..').RelationshipData;
2961
- readonly id: string;
2962
- readonly type: "relationship";
2963
- }>) => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2964
- source: string;
2965
- target: string;
2966
- sourceHandle?: string | null;
2967
- targetHandle?: string | null;
2968
- animated?: boolean;
2969
- hidden?: boolean;
2970
- deletable?: boolean;
2971
- selectable?: boolean;
2972
- selected?: boolean;
2973
- markerStart?: import('@xyflow/system').EdgeMarkerType;
2974
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
2975
- zIndex?: number;
2976
- ariaLabel?: string;
2977
- interactionWidth?: number;
2978
- label?: import('react').ReactNode;
2979
- labelStyle?: import('react').CSSProperties;
2980
- labelShowBg?: boolean;
2981
- labelBgStyle?: import('react').CSSProperties;
2982
- labelBgPadding?: [number, number];
2983
- labelBgBorderRadius?: number;
2984
- style?: import('react').CSSProperties;
2985
- className?: string;
2986
- updatable?: import('@xyflow/react').EdgeUpdatable;
2987
- focusable?: boolean;
2988
- data: import('..').RelationshipData;
2989
- readonly id: string;
2990
- readonly type: "relationship";
2991
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
2992
- source: string;
2993
- target: string;
2994
- sourceHandle?: string | null;
2995
- targetHandle?: string | null;
2996
- animated?: boolean;
2997
- hidden?: boolean;
2998
- deletable?: boolean;
2999
- selectable?: boolean;
3000
- selected?: boolean;
3001
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3002
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3003
- zIndex?: number;
3004
- ariaLabel?: string;
3005
- interactionWidth?: number;
3006
- label?: import('react').ReactNode;
3007
- labelStyle?: import('react').CSSProperties;
3008
- labelShowBg?: boolean;
3009
- labelBgStyle?: import('react').CSSProperties;
3010
- labelBgPadding?: [number, number];
3011
- labelBgBorderRadius?: number;
3012
- style?: import('react').CSSProperties;
3013
- className?: string;
3014
- updatable?: import('@xyflow/react').EdgeUpdatable;
3015
- focusable?: boolean;
3016
- data: import('..').RelationshipData;
3017
- readonly id: string;
3018
- readonly type: "relationship";
3019
- }>>), replace?: boolean | undefined) => void;
3020
- subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3021
- source: string;
3022
- target: string;
3023
- sourceHandle?: string | null;
3024
- targetHandle?: string | null;
3025
- animated?: boolean;
3026
- hidden?: boolean;
3027
- deletable?: boolean;
3028
- selectable?: boolean;
3029
- selected?: boolean;
3030
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3031
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3032
- zIndex?: number;
3033
- ariaLabel?: string;
3034
- interactionWidth?: number;
3035
- label?: import('react').ReactNode;
3036
- labelStyle?: import('react').CSSProperties;
3037
- labelShowBg?: boolean;
3038
- labelBgStyle?: import('react').CSSProperties;
3039
- labelBgPadding?: [number, number];
3040
- labelBgBorderRadius?: number;
3041
- style?: import('react').CSSProperties;
3042
- className?: string;
3043
- updatable?: import('@xyflow/react').EdgeUpdatable;
3044
- focusable?: boolean;
3045
- data: import('..').RelationshipData;
3046
- readonly id: string;
3047
- readonly type: "relationship";
3048
- }>, prevState: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3049
- source: string;
3050
- target: string;
3051
- sourceHandle?: string | null;
3052
- targetHandle?: string | null;
3053
- animated?: boolean;
3054
- hidden?: boolean;
3055
- deletable?: boolean;
3056
- selectable?: boolean;
3057
- selected?: boolean;
3058
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3059
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3060
- zIndex?: number;
3061
- ariaLabel?: string;
3062
- interactionWidth?: number;
3063
- label?: import('react').ReactNode;
3064
- labelStyle?: import('react').CSSProperties;
3065
- labelShowBg?: boolean;
3066
- labelBgStyle?: import('react').CSSProperties;
3067
- labelBgPadding?: [number, number];
3068
- labelBgBorderRadius?: number;
3069
- style?: import('react').CSSProperties;
3070
- className?: string;
3071
- updatable?: import('@xyflow/react').EdgeUpdatable;
3072
- focusable?: boolean;
3073
- data: import('..').RelationshipData;
3074
- readonly id: string;
3075
- readonly type: "relationship";
3076
- }>) => void) => () => void;
3077
- }) => void;
3078
- nextDynamicStep: (increment?: number | undefined) => void;
3079
- stopDynamicView: () => void;
3080
- }>), replace?: boolean | undefined, action?: A | undefined) => void;
3081
- subscribe: {
3082
- (listener: (selectedState: {
3083
- view: import('@likec4/core').DiagramView;
3084
- readonly: boolean;
3085
- showElementLinks: boolean;
3086
- fitViewEnabled: boolean;
3087
- fitViewPadding: number;
3088
- zoomable: boolean;
3089
- pannable: boolean;
3090
- nodesDraggable: boolean;
3091
- nodesSelectable: boolean;
3092
- experimentalEdgeEditing: boolean;
3093
- viewSyncState: "synced" | "changed";
3094
- viewSyncDebounceTimeout: number | null;
3095
- xyflow: import('..').XYFlowInstance;
3096
- initialized: boolean;
3097
- xyflowSynced: boolean;
3098
- activeDynamicViewStep: number | null;
3099
- lastClickedNodeId: string | null;
3100
- lastClickedEdgeId: string | null;
3101
- focusedNodeId: string | null;
3102
- hoveredNodeId: string | null;
3103
- hoveredEdgeId: string | null;
3104
- dimmed: ReadonlySet<string>;
3105
- previousViews: import('@likec4/core').DiagramView[];
3106
- lastOnNavigate: {
3107
- fromView: import('@likec4/core').ViewID;
3108
- toView: import('@likec4/core').ViewID;
3109
- element: import('@likec4/core').DiagramNode;
3110
- elementScreenPosition: import('@xyflow/system').XYPosition;
3111
- positionCorrected: boolean;
3112
- } | null;
3113
- viewportChanged: boolean;
3114
- onChange: import('..').OnChange | null | undefined;
3115
- onNavigateTo: import('..').OnNavigateTo | null | undefined;
3116
- onNodeClick: import('..').OnNodeClick | null | undefined;
3117
- onNodeContextMenu: import('..').OnNodeClick | null | undefined;
3118
- onCanvasContextMenu: import('..').OnCanvasClick | null | undefined;
3119
- onEdgeClick: import('..').OnEdgeClick | null | undefined;
3120
- onEdgeContextMenu: import('..').OnEdgeClick | null | undefined;
3121
- onCanvasClick: import('..').OnCanvasClick | null | undefined;
3122
- onCanvasDblClick: import('..').OnCanvasClick | null | undefined;
3123
- isDynamicView: () => boolean;
3124
- updateView: (view: import('@likec4/core').DiagramView) => void;
3125
- focusOnNode: (nodeId: string) => void;
3126
- setHoveredNode: (nodeId: string | null) => void;
3127
- setHoveredEdge: (edgeId: string | null) => void;
3128
- setLastClickedNode: (nodeId: string | null) => void;
3129
- setLastClickedEdge: (edgeId: string | null) => void;
3130
- resetLastClicked: () => void;
3131
- getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
3132
- triggerChangeElementStyle: (change: import("..").Changes.ChangeElementStyle) => void;
3133
- triggerSaveManualLayout: (xystore: {
3134
- getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3135
- source: string;
3136
- target: string;
3137
- sourceHandle?: string | null;
3138
- targetHandle?: string | null;
3139
- animated?: boolean;
3140
- hidden?: boolean;
3141
- deletable?: boolean;
3142
- selectable?: boolean;
3143
- selected?: boolean;
3144
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3145
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3146
- zIndex?: number;
3147
- ariaLabel?: string;
3148
- interactionWidth?: number;
3149
- label?: import('react').ReactNode;
3150
- labelStyle?: import('react').CSSProperties;
3151
- labelShowBg?: boolean;
3152
- labelBgStyle?: import('react').CSSProperties;
3153
- labelBgPadding?: [number, number];
3154
- labelBgBorderRadius?: number;
3155
- style?: import('react').CSSProperties;
3156
- className?: string;
3157
- updatable?: import('@xyflow/react').EdgeUpdatable;
3158
- focusable?: boolean;
3159
- data: import('..').RelationshipData;
3160
- readonly id: string;
3161
- readonly type: "relationship";
3162
- }>;
3163
- setState: (partial: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3164
- source: string;
3165
- target: string;
3166
- sourceHandle?: string | null;
3167
- targetHandle?: string | null;
3168
- animated?: boolean;
3169
- hidden?: boolean;
3170
- deletable?: boolean;
3171
- selectable?: boolean;
3172
- selected?: boolean;
3173
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3174
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3175
- zIndex?: number;
3176
- ariaLabel?: string;
3177
- interactionWidth?: number;
3178
- label?: import('react').ReactNode;
3179
- labelStyle?: import('react').CSSProperties;
3180
- labelShowBg?: boolean;
3181
- labelBgStyle?: import('react').CSSProperties;
3182
- labelBgPadding?: [number, number];
3183
- labelBgBorderRadius?: number;
3184
- style?: import('react').CSSProperties;
3185
- className?: string;
3186
- updatable?: import('@xyflow/react').EdgeUpdatable;
3187
- focusable?: boolean;
3188
- data: import('..').RelationshipData;
3189
- readonly id: string;
3190
- readonly type: "relationship";
3191
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3192
- source: string;
3193
- target: string;
3194
- sourceHandle?: string | null;
3195
- targetHandle?: string | null;
3196
- animated?: boolean;
3197
- hidden?: boolean;
3198
- deletable?: boolean;
3199
- selectable?: boolean;
3200
- selected?: boolean;
3201
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3202
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3203
- zIndex?: number;
3204
- ariaLabel?: string;
3205
- interactionWidth?: number;
3206
- label?: import('react').ReactNode;
3207
- labelStyle?: import('react').CSSProperties;
3208
- labelShowBg?: boolean;
3209
- labelBgStyle?: import('react').CSSProperties;
3210
- labelBgPadding?: [number, number];
3211
- labelBgBorderRadius?: number;
3212
- style?: import('react').CSSProperties;
3213
- className?: string;
3214
- updatable?: import('@xyflow/react').EdgeUpdatable;
3215
- focusable?: boolean;
3216
- data: import('..').RelationshipData;
3217
- readonly id: string;
3218
- readonly type: "relationship";
3219
- }>> | ((state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3220
- source: string;
3221
- target: string;
3222
- sourceHandle?: string | null;
3223
- targetHandle?: string | null;
3224
- animated?: boolean;
3225
- hidden?: boolean;
3226
- deletable?: boolean;
3227
- selectable?: boolean;
3228
- selected?: boolean;
3229
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3230
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3231
- zIndex?: number;
3232
- ariaLabel?: string;
3233
- interactionWidth?: number;
3234
- label?: import('react').ReactNode;
3235
- labelStyle?: import('react').CSSProperties;
3236
- labelShowBg?: boolean;
3237
- labelBgStyle?: import('react').CSSProperties;
3238
- labelBgPadding?: [number, number];
3239
- labelBgBorderRadius?: number;
3240
- style?: import('react').CSSProperties;
3241
- className?: string;
3242
- updatable?: import('@xyflow/react').EdgeUpdatable;
3243
- focusable?: boolean;
3244
- data: import('..').RelationshipData;
3245
- readonly id: string;
3246
- readonly type: "relationship";
3247
- }>) => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3248
- source: string;
3249
- target: string;
3250
- sourceHandle?: string | null;
3251
- targetHandle?: string | null;
3252
- animated?: boolean;
3253
- hidden?: boolean;
3254
- deletable?: boolean;
3255
- selectable?: boolean;
3256
- selected?: boolean;
3257
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3258
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3259
- zIndex?: number;
3260
- ariaLabel?: string;
3261
- interactionWidth?: number;
3262
- label?: import('react').ReactNode;
3263
- labelStyle?: import('react').CSSProperties;
3264
- labelShowBg?: boolean;
3265
- labelBgStyle?: import('react').CSSProperties;
3266
- labelBgPadding?: [number, number];
3267
- labelBgBorderRadius?: number;
3268
- style?: import('react').CSSProperties;
3269
- className?: string;
3270
- updatable?: import('@xyflow/react').EdgeUpdatable;
3271
- focusable?: boolean;
3272
- data: import('..').RelationshipData;
3273
- readonly id: string;
3274
- readonly type: "relationship";
3275
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3276
- source: string;
3277
- target: string;
3278
- sourceHandle?: string | null;
3279
- targetHandle?: string | null;
3280
- animated?: boolean;
3281
- hidden?: boolean;
3282
- deletable?: boolean;
3283
- selectable?: boolean;
3284
- selected?: boolean;
3285
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3286
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3287
- zIndex?: number;
3288
- ariaLabel?: string;
3289
- interactionWidth?: number;
3290
- label?: import('react').ReactNode;
3291
- labelStyle?: import('react').CSSProperties;
3292
- labelShowBg?: boolean;
3293
- labelBgStyle?: import('react').CSSProperties;
3294
- labelBgPadding?: [number, number];
3295
- labelBgBorderRadius?: number;
3296
- style?: import('react').CSSProperties;
3297
- className?: string;
3298
- updatable?: import('@xyflow/react').EdgeUpdatable;
3299
- focusable?: boolean;
3300
- data: import('..').RelationshipData;
3301
- readonly id: string;
3302
- readonly type: "relationship";
3303
- }>>), replace?: boolean | undefined) => void;
3304
- subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3305
- source: string;
3306
- target: string;
3307
- sourceHandle?: string | null;
3308
- targetHandle?: string | null;
3309
- animated?: boolean;
3310
- hidden?: boolean;
3311
- deletable?: boolean;
3312
- selectable?: boolean;
3313
- selected?: boolean;
3314
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3315
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3316
- zIndex?: number;
3317
- ariaLabel?: string;
3318
- interactionWidth?: number;
3319
- label?: import('react').ReactNode;
3320
- labelStyle?: import('react').CSSProperties;
3321
- labelShowBg?: boolean;
3322
- labelBgStyle?: import('react').CSSProperties;
3323
- labelBgPadding?: [number, number];
3324
- labelBgBorderRadius?: number;
3325
- style?: import('react').CSSProperties;
3326
- className?: string;
3327
- updatable?: import('@xyflow/react').EdgeUpdatable;
3328
- focusable?: boolean;
3329
- data: import('..').RelationshipData;
3330
- readonly id: string;
3331
- readonly type: "relationship";
3332
- }>, prevState: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3333
- source: string;
3334
- target: string;
3335
- sourceHandle?: string | null;
3336
- targetHandle?: string | null;
3337
- animated?: boolean;
3338
- hidden?: boolean;
3339
- deletable?: boolean;
3340
- selectable?: boolean;
3341
- selected?: boolean;
3342
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3343
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3344
- zIndex?: number;
3345
- ariaLabel?: string;
3346
- interactionWidth?: number;
3347
- label?: import('react').ReactNode;
3348
- labelStyle?: import('react').CSSProperties;
3349
- labelShowBg?: boolean;
3350
- labelBgStyle?: import('react').CSSProperties;
3351
- labelBgPadding?: [number, number];
3352
- labelBgBorderRadius?: number;
3353
- style?: import('react').CSSProperties;
3354
- className?: string;
3355
- updatable?: import('@xyflow/react').EdgeUpdatable;
3356
- focusable?: boolean;
3357
- data: import('..').RelationshipData;
3358
- readonly id: string;
3359
- readonly type: "relationship";
3360
- }>) => void) => () => void;
3361
- }) => void;
3362
- triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent<Element, MouseEvent>) => void;
3363
- fitDiagram: (xyStore: {
3364
- getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3365
- source: string;
3366
- target: string;
3367
- sourceHandle?: string | null;
3368
- targetHandle?: string | null;
3369
- animated?: boolean;
3370
- hidden?: boolean;
3371
- deletable?: boolean;
3372
- selectable?: boolean;
3373
- selected?: boolean;
3374
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3375
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3376
- zIndex?: number;
3377
- ariaLabel?: string;
3378
- interactionWidth?: number;
3379
- label?: import('react').ReactNode;
3380
- labelStyle?: import('react').CSSProperties;
3381
- labelShowBg?: boolean;
3382
- labelBgStyle?: import('react').CSSProperties;
3383
- labelBgPadding?: [number, number];
3384
- labelBgBorderRadius?: number;
3385
- style?: import('react').CSSProperties;
3386
- className?: string;
3387
- updatable?: import('@xyflow/react').EdgeUpdatable;
3388
- focusable?: boolean;
3389
- data: import('..').RelationshipData;
3390
- readonly id: string;
3391
- readonly type: "relationship";
3392
- }>;
3393
- setState: (partial: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3394
- source: string;
3395
- target: string;
3396
- sourceHandle?: string | null;
3397
- targetHandle?: string | null;
3398
- animated?: boolean;
3399
- hidden?: boolean;
3400
- deletable?: boolean;
3401
- selectable?: boolean;
3402
- selected?: boolean;
3403
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3404
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3405
- zIndex?: number;
3406
- ariaLabel?: string;
3407
- interactionWidth?: number;
3408
- label?: import('react').ReactNode;
3409
- labelStyle?: import('react').CSSProperties;
3410
- labelShowBg?: boolean;
3411
- labelBgStyle?: import('react').CSSProperties;
3412
- labelBgPadding?: [number, number];
3413
- labelBgBorderRadius?: number;
3414
- style?: import('react').CSSProperties;
3415
- className?: string;
3416
- updatable?: import('@xyflow/react').EdgeUpdatable;
3417
- focusable?: boolean;
3418
- data: import('..').RelationshipData;
3419
- readonly id: string;
3420
- readonly type: "relationship";
3421
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3422
- source: string;
3423
- target: string;
3424
- sourceHandle?: string | null;
3425
- targetHandle?: string | null;
3426
- animated?: boolean;
3427
- hidden?: boolean;
3428
- deletable?: boolean;
3429
- selectable?: boolean;
3430
- selected?: boolean;
3431
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3432
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3433
- zIndex?: number;
3434
- ariaLabel?: string;
3435
- interactionWidth?: number;
3436
- label?: import('react').ReactNode;
3437
- labelStyle?: import('react').CSSProperties;
3438
- labelShowBg?: boolean;
3439
- labelBgStyle?: import('react').CSSProperties;
3440
- labelBgPadding?: [number, number];
3441
- labelBgBorderRadius?: number;
3442
- style?: import('react').CSSProperties;
3443
- className?: string;
3444
- updatable?: import('@xyflow/react').EdgeUpdatable;
3445
- focusable?: boolean;
3446
- data: import('..').RelationshipData;
3447
- readonly id: string;
3448
- readonly type: "relationship";
3449
- }>> | ((state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3450
- source: string;
3451
- target: string;
3452
- sourceHandle?: string | null;
3453
- targetHandle?: string | null;
3454
- animated?: boolean;
3455
- hidden?: boolean;
3456
- deletable?: boolean;
3457
- selectable?: boolean;
3458
- selected?: boolean;
3459
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3460
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3461
- zIndex?: number;
3462
- ariaLabel?: string;
3463
- interactionWidth?: number;
3464
- label?: import('react').ReactNode;
3465
- labelStyle?: import('react').CSSProperties;
3466
- labelShowBg?: boolean;
3467
- labelBgStyle?: import('react').CSSProperties;
3468
- labelBgPadding?: [number, number];
3469
- labelBgBorderRadius?: number;
3470
- style?: import('react').CSSProperties;
3471
- className?: string;
3472
- updatable?: import('@xyflow/react').EdgeUpdatable;
3473
- focusable?: boolean;
3474
- data: import('..').RelationshipData;
3475
- readonly id: string;
3476
- readonly type: "relationship";
3477
- }>) => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3478
- source: string;
3479
- target: string;
3480
- sourceHandle?: string | null;
3481
- targetHandle?: string | null;
3482
- animated?: boolean;
3483
- hidden?: boolean;
3484
- deletable?: boolean;
3485
- selectable?: boolean;
3486
- selected?: boolean;
3487
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3488
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3489
- zIndex?: number;
3490
- ariaLabel?: string;
3491
- interactionWidth?: number;
3492
- label?: import('react').ReactNode;
3493
- labelStyle?: import('react').CSSProperties;
3494
- labelShowBg?: boolean;
3495
- labelBgStyle?: import('react').CSSProperties;
3496
- labelBgPadding?: [number, number];
3497
- labelBgBorderRadius?: number;
3498
- style?: import('react').CSSProperties;
3499
- className?: string;
3500
- updatable?: import('@xyflow/react').EdgeUpdatable;
3501
- focusable?: boolean;
3502
- data: import('..').RelationshipData;
3503
- readonly id: string;
3504
- readonly type: "relationship";
3505
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3506
- source: string;
3507
- target: string;
3508
- sourceHandle?: string | null;
3509
- targetHandle?: string | null;
3510
- animated?: boolean;
3511
- hidden?: boolean;
3512
- deletable?: boolean;
3513
- selectable?: boolean;
3514
- selected?: boolean;
3515
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3516
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3517
- zIndex?: number;
3518
- ariaLabel?: string;
3519
- interactionWidth?: number;
3520
- label?: import('react').ReactNode;
3521
- labelStyle?: import('react').CSSProperties;
3522
- labelShowBg?: boolean;
3523
- labelBgStyle?: import('react').CSSProperties;
3524
- labelBgPadding?: [number, number];
3525
- labelBgBorderRadius?: number;
3526
- style?: import('react').CSSProperties;
3527
- className?: string;
3528
- updatable?: import('@xyflow/react').EdgeUpdatable;
3529
- focusable?: boolean;
3530
- data: import('..').RelationshipData;
3531
- readonly id: string;
3532
- readonly type: "relationship";
3533
- }>>), replace?: boolean | undefined) => void;
3534
- subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3535
- source: string;
3536
- target: string;
3537
- sourceHandle?: string | null;
3538
- targetHandle?: string | null;
3539
- animated?: boolean;
3540
- hidden?: boolean;
3541
- deletable?: boolean;
3542
- selectable?: boolean;
3543
- selected?: boolean;
3544
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3545
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3546
- zIndex?: number;
3547
- ariaLabel?: string;
3548
- interactionWidth?: number;
3549
- label?: import('react').ReactNode;
3550
- labelStyle?: import('react').CSSProperties;
3551
- labelShowBg?: boolean;
3552
- labelBgStyle?: import('react').CSSProperties;
3553
- labelBgPadding?: [number, number];
3554
- labelBgBorderRadius?: number;
3555
- style?: import('react').CSSProperties;
3556
- className?: string;
3557
- updatable?: import('@xyflow/react').EdgeUpdatable;
3558
- focusable?: boolean;
3559
- data: import('..').RelationshipData;
3560
- readonly id: string;
3561
- readonly type: "relationship";
3562
- }>, prevState: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3563
- source: string;
3564
- target: string;
3565
- sourceHandle?: string | null;
3566
- targetHandle?: string | null;
3567
- animated?: boolean;
3568
- hidden?: boolean;
3569
- deletable?: boolean;
3570
- selectable?: boolean;
3571
- selected?: boolean;
3572
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3573
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3574
- zIndex?: number;
3575
- ariaLabel?: string;
3576
- interactionWidth?: number;
3577
- label?: import('react').ReactNode;
3578
- labelStyle?: import('react').CSSProperties;
3579
- labelShowBg?: boolean;
3580
- labelBgStyle?: import('react').CSSProperties;
3581
- labelBgPadding?: [number, number];
3582
- labelBgBorderRadius?: number;
3583
- style?: import('react').CSSProperties;
3584
- className?: string;
3585
- updatable?: import('@xyflow/react').EdgeUpdatable;
3586
- focusable?: boolean;
3587
- data: import('..').RelationshipData;
3588
- readonly id: string;
3589
- readonly type: "relationship";
3590
- }>) => void) => () => void;
3591
- }) => void;
3592
- nextDynamicStep: (increment?: number | undefined) => void;
3593
- stopDynamicView: () => void;
3594
- }, previousSelectedState: {
3595
- view: import('@likec4/core').DiagramView;
3596
- readonly: boolean;
3597
- showElementLinks: boolean;
3598
- fitViewEnabled: boolean;
3599
- fitViewPadding: number;
3600
- zoomable: boolean;
3601
- pannable: boolean;
3602
- nodesDraggable: boolean;
3603
- nodesSelectable: boolean;
3604
- experimentalEdgeEditing: boolean;
3605
- viewSyncState: "synced" | "changed";
3606
- viewSyncDebounceTimeout: number | null;
3607
- xyflow: import('..').XYFlowInstance;
3608
- initialized: boolean;
3609
- xyflowSynced: boolean;
3610
- activeDynamicViewStep: number | null;
3611
- lastClickedNodeId: string | null;
3612
- lastClickedEdgeId: string | null;
3613
- focusedNodeId: string | null;
3614
- hoveredNodeId: string | null;
3615
- hoveredEdgeId: string | null;
3616
- dimmed: ReadonlySet<string>;
3617
- previousViews: import('@likec4/core').DiagramView[];
3618
- lastOnNavigate: {
3619
- fromView: import('@likec4/core').ViewID;
3620
- toView: import('@likec4/core').ViewID;
3621
- element: import('@likec4/core').DiagramNode;
3622
- elementScreenPosition: import('@xyflow/system').XYPosition;
3623
- positionCorrected: boolean;
3624
- } | null;
3625
- viewportChanged: boolean;
3626
- onChange: import('..').OnChange | null | undefined;
3627
- onNavigateTo: import('..').OnNavigateTo | null | undefined;
3628
- onNodeClick: import('..').OnNodeClick | null | undefined;
3629
- onNodeContextMenu: import('..').OnNodeClick | null | undefined;
3630
- onCanvasContextMenu: import('..').OnCanvasClick | null | undefined;
3631
- onEdgeClick: import('..').OnEdgeClick | null | undefined;
3632
- onEdgeContextMenu: import('..').OnEdgeClick | null | undefined;
3633
- onCanvasClick: import('..').OnCanvasClick | null | undefined;
3634
- onCanvasDblClick: import('..').OnCanvasClick | null | undefined;
3635
- isDynamicView: () => boolean;
3636
- updateView: (view: import('@likec4/core').DiagramView) => void;
3637
- focusOnNode: (nodeId: string) => void;
3638
- setHoveredNode: (nodeId: string | null) => void;
3639
- setHoveredEdge: (edgeId: string | null) => void;
3640
- setLastClickedNode: (nodeId: string | null) => void;
3641
- setLastClickedEdge: (edgeId: string | null) => void;
3642
- resetLastClicked: () => void;
3643
- getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
3644
- triggerChangeElementStyle: (change: import("..").Changes.ChangeElementStyle) => void;
3645
- triggerSaveManualLayout: (xystore: {
3646
- getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3647
- source: string;
3648
- target: string;
3649
- sourceHandle?: string | null;
3650
- targetHandle?: string | null;
3651
- animated?: boolean;
3652
- hidden?: boolean;
3653
- deletable?: boolean;
3654
- selectable?: boolean;
3655
- selected?: boolean;
3656
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3657
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3658
- zIndex?: number;
3659
- ariaLabel?: string;
3660
- interactionWidth?: number;
3661
- label?: import('react').ReactNode;
3662
- labelStyle?: import('react').CSSProperties;
3663
- labelShowBg?: boolean;
3664
- labelBgStyle?: import('react').CSSProperties;
3665
- labelBgPadding?: [number, number];
3666
- labelBgBorderRadius?: number;
3667
- style?: import('react').CSSProperties;
3668
- className?: string;
3669
- updatable?: import('@xyflow/react').EdgeUpdatable;
3670
- focusable?: boolean;
3671
- data: import('..').RelationshipData;
3672
- readonly id: string;
3673
- readonly type: "relationship";
3674
- }>;
3675
- setState: (partial: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3676
- source: string;
3677
- target: string;
3678
- sourceHandle?: string | null;
3679
- targetHandle?: string | null;
3680
- animated?: boolean;
3681
- hidden?: boolean;
3682
- deletable?: boolean;
3683
- selectable?: boolean;
3684
- selected?: boolean;
3685
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3686
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3687
- zIndex?: number;
3688
- ariaLabel?: string;
3689
- interactionWidth?: number;
3690
- label?: import('react').ReactNode;
3691
- labelStyle?: import('react').CSSProperties;
3692
- labelShowBg?: boolean;
3693
- labelBgStyle?: import('react').CSSProperties;
3694
- labelBgPadding?: [number, number];
3695
- labelBgBorderRadius?: number;
3696
- style?: import('react').CSSProperties;
3697
- className?: string;
3698
- updatable?: import('@xyflow/react').EdgeUpdatable;
3699
- focusable?: boolean;
3700
- data: import('..').RelationshipData;
3701
- readonly id: string;
3702
- readonly type: "relationship";
3703
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3704
- source: string;
3705
- target: string;
3706
- sourceHandle?: string | null;
3707
- targetHandle?: string | null;
3708
- animated?: boolean;
3709
- hidden?: boolean;
3710
- deletable?: boolean;
3711
- selectable?: boolean;
3712
- selected?: boolean;
3713
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3714
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3715
- zIndex?: number;
3716
- ariaLabel?: string;
3717
- interactionWidth?: number;
3718
- label?: import('react').ReactNode;
3719
- labelStyle?: import('react').CSSProperties;
3720
- labelShowBg?: boolean;
3721
- labelBgStyle?: import('react').CSSProperties;
3722
- labelBgPadding?: [number, number];
3723
- labelBgBorderRadius?: number;
3724
- style?: import('react').CSSProperties;
3725
- className?: string;
3726
- updatable?: import('@xyflow/react').EdgeUpdatable;
3727
- focusable?: boolean;
3728
- data: import('..').RelationshipData;
3729
- readonly id: string;
3730
- readonly type: "relationship";
3731
- }>> | ((state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3732
- source: string;
3733
- target: string;
3734
- sourceHandle?: string | null;
3735
- targetHandle?: string | null;
3736
- animated?: boolean;
3737
- hidden?: boolean;
3738
- deletable?: boolean;
3739
- selectable?: boolean;
3740
- selected?: boolean;
3741
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3742
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3743
- zIndex?: number;
3744
- ariaLabel?: string;
3745
- interactionWidth?: number;
3746
- label?: import('react').ReactNode;
3747
- labelStyle?: import('react').CSSProperties;
3748
- labelShowBg?: boolean;
3749
- labelBgStyle?: import('react').CSSProperties;
3750
- labelBgPadding?: [number, number];
3751
- labelBgBorderRadius?: number;
3752
- style?: import('react').CSSProperties;
3753
- className?: string;
3754
- updatable?: import('@xyflow/react').EdgeUpdatable;
3755
- focusable?: boolean;
3756
- data: import('..').RelationshipData;
3757
- readonly id: string;
3758
- readonly type: "relationship";
3759
- }>) => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3760
- source: string;
3761
- target: string;
3762
- sourceHandle?: string | null;
3763
- targetHandle?: string | null;
3764
- animated?: boolean;
3765
- hidden?: boolean;
3766
- deletable?: boolean;
3767
- selectable?: boolean;
3768
- selected?: boolean;
3769
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3770
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3771
- zIndex?: number;
3772
- ariaLabel?: string;
3773
- interactionWidth?: number;
3774
- label?: import('react').ReactNode;
3775
- labelStyle?: import('react').CSSProperties;
3776
- labelShowBg?: boolean;
3777
- labelBgStyle?: import('react').CSSProperties;
3778
- labelBgPadding?: [number, number];
3779
- labelBgBorderRadius?: number;
3780
- style?: import('react').CSSProperties;
3781
- className?: string;
3782
- updatable?: import('@xyflow/react').EdgeUpdatable;
3783
- focusable?: boolean;
3784
- data: import('..').RelationshipData;
3785
- readonly id: string;
3786
- readonly type: "relationship";
3787
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3788
- source: string;
3789
- target: string;
3790
- sourceHandle?: string | null;
3791
- targetHandle?: string | null;
3792
- animated?: boolean;
3793
- hidden?: boolean;
3794
- deletable?: boolean;
3795
- selectable?: boolean;
3796
- selected?: boolean;
3797
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3798
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3799
- zIndex?: number;
3800
- ariaLabel?: string;
3801
- interactionWidth?: number;
3802
- label?: import('react').ReactNode;
3803
- labelStyle?: import('react').CSSProperties;
3804
- labelShowBg?: boolean;
3805
- labelBgStyle?: import('react').CSSProperties;
3806
- labelBgPadding?: [number, number];
3807
- labelBgBorderRadius?: number;
3808
- style?: import('react').CSSProperties;
3809
- className?: string;
3810
- updatable?: import('@xyflow/react').EdgeUpdatable;
3811
- focusable?: boolean;
3812
- data: import('..').RelationshipData;
3813
- readonly id: string;
3814
- readonly type: "relationship";
3815
- }>>), replace?: boolean | undefined) => void;
3816
- subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3817
- source: string;
3818
- target: string;
3819
- sourceHandle?: string | null;
3820
- targetHandle?: string | null;
3821
- animated?: boolean;
3822
- hidden?: boolean;
3823
- deletable?: boolean;
3824
- selectable?: boolean;
3825
- selected?: boolean;
3826
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3827
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3828
- zIndex?: number;
3829
- ariaLabel?: string;
3830
- interactionWidth?: number;
3831
- label?: import('react').ReactNode;
3832
- labelStyle?: import('react').CSSProperties;
3833
- labelShowBg?: boolean;
3834
- labelBgStyle?: import('react').CSSProperties;
3835
- labelBgPadding?: [number, number];
3836
- labelBgBorderRadius?: number;
3837
- style?: import('react').CSSProperties;
3838
- className?: string;
3839
- updatable?: import('@xyflow/react').EdgeUpdatable;
3840
- focusable?: boolean;
3841
- data: import('..').RelationshipData;
3842
- readonly id: string;
3843
- readonly type: "relationship";
3844
- }>, prevState: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3845
- source: string;
3846
- target: string;
3847
- sourceHandle?: string | null;
3848
- targetHandle?: string | null;
3849
- animated?: boolean;
3850
- hidden?: boolean;
3851
- deletable?: boolean;
3852
- selectable?: boolean;
3853
- selected?: boolean;
3854
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3855
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3856
- zIndex?: number;
3857
- ariaLabel?: string;
3858
- interactionWidth?: number;
3859
- label?: import('react').ReactNode;
3860
- labelStyle?: import('react').CSSProperties;
3861
- labelShowBg?: boolean;
3862
- labelBgStyle?: import('react').CSSProperties;
3863
- labelBgPadding?: [number, number];
3864
- labelBgBorderRadius?: number;
3865
- style?: import('react').CSSProperties;
3866
- className?: string;
3867
- updatable?: import('@xyflow/react').EdgeUpdatable;
3868
- focusable?: boolean;
3869
- data: import('..').RelationshipData;
3870
- readonly id: string;
3871
- readonly type: "relationship";
3872
- }>) => void) => () => void;
3873
- }) => void;
3874
- triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent<Element, MouseEvent>) => void;
3875
- fitDiagram: (xyStore: {
3876
- getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3877
- source: string;
3878
- target: string;
3879
- sourceHandle?: string | null;
3880
- targetHandle?: string | null;
3881
- animated?: boolean;
3882
- hidden?: boolean;
3883
- deletable?: boolean;
3884
- selectable?: boolean;
3885
- selected?: boolean;
3886
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3887
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3888
- zIndex?: number;
3889
- ariaLabel?: string;
3890
- interactionWidth?: number;
3891
- label?: import('react').ReactNode;
3892
- labelStyle?: import('react').CSSProperties;
3893
- labelShowBg?: boolean;
3894
- labelBgStyle?: import('react').CSSProperties;
3895
- labelBgPadding?: [number, number];
3896
- labelBgBorderRadius?: number;
3897
- style?: import('react').CSSProperties;
3898
- className?: string;
3899
- updatable?: import('@xyflow/react').EdgeUpdatable;
3900
- focusable?: boolean;
3901
- data: import('..').RelationshipData;
3902
- readonly id: string;
3903
- readonly type: "relationship";
3904
- }>;
3905
- setState: (partial: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3906
- source: string;
3907
- target: string;
3908
- sourceHandle?: string | null;
3909
- targetHandle?: string | null;
3910
- animated?: boolean;
3911
- hidden?: boolean;
3912
- deletable?: boolean;
3913
- selectable?: boolean;
3914
- selected?: boolean;
3915
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3916
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3917
- zIndex?: number;
3918
- ariaLabel?: string;
3919
- interactionWidth?: number;
3920
- label?: import('react').ReactNode;
3921
- labelStyle?: import('react').CSSProperties;
3922
- labelShowBg?: boolean;
3923
- labelBgStyle?: import('react').CSSProperties;
3924
- labelBgPadding?: [number, number];
3925
- labelBgBorderRadius?: number;
3926
- style?: import('react').CSSProperties;
3927
- className?: string;
3928
- updatable?: import('@xyflow/react').EdgeUpdatable;
3929
- focusable?: boolean;
3930
- data: import('..').RelationshipData;
3931
- readonly id: string;
3932
- readonly type: "relationship";
3933
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3934
- source: string;
3935
- target: string;
3936
- sourceHandle?: string | null;
3937
- targetHandle?: string | null;
3938
- animated?: boolean;
3939
- hidden?: boolean;
3940
- deletable?: boolean;
3941
- selectable?: boolean;
3942
- selected?: boolean;
3943
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3944
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3945
- zIndex?: number;
3946
- ariaLabel?: string;
3947
- interactionWidth?: number;
3948
- label?: import('react').ReactNode;
3949
- labelStyle?: import('react').CSSProperties;
3950
- labelShowBg?: boolean;
3951
- labelBgStyle?: import('react').CSSProperties;
3952
- labelBgPadding?: [number, number];
3953
- labelBgBorderRadius?: number;
3954
- style?: import('react').CSSProperties;
3955
- className?: string;
3956
- updatable?: import('@xyflow/react').EdgeUpdatable;
3957
- focusable?: boolean;
3958
- data: import('..').RelationshipData;
3959
- readonly id: string;
3960
- readonly type: "relationship";
3961
- }>> | ((state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3962
- source: string;
3963
- target: string;
3964
- sourceHandle?: string | null;
3965
- targetHandle?: string | null;
3966
- animated?: boolean;
3967
- hidden?: boolean;
3968
- deletable?: boolean;
3969
- selectable?: boolean;
3970
- selected?: boolean;
3971
- markerStart?: import('@xyflow/system').EdgeMarkerType;
3972
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
3973
- zIndex?: number;
3974
- ariaLabel?: string;
3975
- interactionWidth?: number;
3976
- label?: import('react').ReactNode;
3977
- labelStyle?: import('react').CSSProperties;
3978
- labelShowBg?: boolean;
3979
- labelBgStyle?: import('react').CSSProperties;
3980
- labelBgPadding?: [number, number];
3981
- labelBgBorderRadius?: number;
3982
- style?: import('react').CSSProperties;
3983
- className?: string;
3984
- updatable?: import('@xyflow/react').EdgeUpdatable;
3985
- focusable?: boolean;
3986
- data: import('..').RelationshipData;
3987
- readonly id: string;
3988
- readonly type: "relationship";
3989
- }>) => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
3990
- source: string;
3991
- target: string;
3992
- sourceHandle?: string | null;
3993
- targetHandle?: string | null;
3994
- animated?: boolean;
3995
- hidden?: boolean;
3996
- deletable?: boolean;
3997
- selectable?: boolean;
3998
- selected?: boolean;
3999
- markerStart?: import('@xyflow/system').EdgeMarkerType;
4000
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
4001
- zIndex?: number;
4002
- ariaLabel?: string;
4003
- interactionWidth?: number;
4004
- label?: import('react').ReactNode;
4005
- labelStyle?: import('react').CSSProperties;
4006
- labelShowBg?: boolean;
4007
- labelBgStyle?: import('react').CSSProperties;
4008
- labelBgPadding?: [number, number];
4009
- labelBgBorderRadius?: number;
4010
- style?: import('react').CSSProperties;
4011
- className?: string;
4012
- updatable?: import('@xyflow/react').EdgeUpdatable;
4013
- focusable?: boolean;
4014
- data: import('..').RelationshipData;
4015
- readonly id: string;
4016
- readonly type: "relationship";
4017
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
4018
- source: string;
4019
- target: string;
4020
- sourceHandle?: string | null;
4021
- targetHandle?: string | null;
4022
- animated?: boolean;
4023
- hidden?: boolean;
4024
- deletable?: boolean;
4025
- selectable?: boolean;
4026
- selected?: boolean;
4027
- markerStart?: import('@xyflow/system').EdgeMarkerType;
4028
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
4029
- zIndex?: number;
4030
- ariaLabel?: string;
4031
- interactionWidth?: number;
4032
- label?: import('react').ReactNode;
4033
- labelStyle?: import('react').CSSProperties;
4034
- labelShowBg?: boolean;
4035
- labelBgStyle?: import('react').CSSProperties;
4036
- labelBgPadding?: [number, number];
4037
- labelBgBorderRadius?: number;
4038
- style?: import('react').CSSProperties;
4039
- className?: string;
4040
- updatable?: import('@xyflow/react').EdgeUpdatable;
4041
- focusable?: boolean;
4042
- data: import('..').RelationshipData;
4043
- readonly id: string;
4044
- readonly type: "relationship";
4045
- }>>), replace?: boolean | undefined) => void;
4046
- subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
4047
- source: string;
4048
- target: string;
4049
- sourceHandle?: string | null;
4050
- targetHandle?: string | null;
4051
- animated?: boolean;
4052
- hidden?: boolean;
4053
- deletable?: boolean;
4054
- selectable?: boolean;
4055
- selected?: boolean;
4056
- markerStart?: import('@xyflow/system').EdgeMarkerType;
4057
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
4058
- zIndex?: number;
4059
- ariaLabel?: string;
4060
- interactionWidth?: number;
4061
- label?: import('react').ReactNode;
4062
- labelStyle?: import('react').CSSProperties;
4063
- labelShowBg?: boolean;
4064
- labelBgStyle?: import('react').CSSProperties;
4065
- labelBgPadding?: [number, number];
4066
- labelBgBorderRadius?: number;
4067
- style?: import('react').CSSProperties;
4068
- className?: string;
4069
- updatable?: import('@xyflow/react').EdgeUpdatable;
4070
- focusable?: boolean;
4071
- data: import('..').RelationshipData;
4072
- readonly id: string;
4073
- readonly type: "relationship";
4074
- }>, prevState: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
4075
- source: string;
4076
- target: string;
4077
- sourceHandle?: string | null;
4078
- targetHandle?: string | null;
4079
- animated?: boolean;
4080
- hidden?: boolean;
4081
- deletable?: boolean;
4082
- selectable?: boolean;
4083
- selected?: boolean;
4084
- markerStart?: import('@xyflow/system').EdgeMarkerType;
4085
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
4086
- zIndex?: number;
4087
- ariaLabel?: string;
4088
- interactionWidth?: number;
4089
- label?: import('react').ReactNode;
4090
- labelStyle?: import('react').CSSProperties;
4091
- labelShowBg?: boolean;
4092
- labelBgStyle?: import('react').CSSProperties;
4093
- labelBgPadding?: [number, number];
4094
- labelBgBorderRadius?: number;
4095
- style?: import('react').CSSProperties;
4096
- className?: string;
4097
- updatable?: import('@xyflow/react').EdgeUpdatable;
4098
- focusable?: boolean;
4099
- data: import('..').RelationshipData;
4100
- readonly id: string;
4101
- readonly type: "relationship";
4102
- }>) => void) => () => void;
4103
- }) => void;
4104
- nextDynamicStep: (increment?: number | undefined) => void;
4105
- stopDynamicView: () => void;
4106
- }) => void): () => void;
4107
- <U>(selector: (state: {
4108
- view: import('@likec4/core').DiagramView;
4109
- readonly: boolean;
4110
- showElementLinks: boolean;
4111
- fitViewEnabled: boolean;
4112
- fitViewPadding: number;
4113
- zoomable: boolean;
4114
- pannable: boolean;
4115
- nodesDraggable: boolean;
4116
- nodesSelectable: boolean;
4117
- experimentalEdgeEditing: boolean;
4118
- viewSyncState: "synced" | "changed";
4119
- viewSyncDebounceTimeout: number | null;
4120
- xyflow: import('..').XYFlowInstance;
4121
- initialized: boolean;
4122
- xyflowSynced: boolean;
4123
- activeDynamicViewStep: number | null;
4124
- lastClickedNodeId: string | null;
4125
- lastClickedEdgeId: string | null;
4126
- focusedNodeId: string | null;
4127
- hoveredNodeId: string | null;
4128
- hoveredEdgeId: string | null;
4129
- dimmed: ReadonlySet<string>;
4130
- previousViews: import('@likec4/core').DiagramView[];
4131
- lastOnNavigate: {
4132
- fromView: import('@likec4/core').ViewID;
4133
- toView: import('@likec4/core').ViewID;
4134
- element: import('@likec4/core').DiagramNode;
4135
- elementScreenPosition: import('@xyflow/system').XYPosition;
4136
- positionCorrected: boolean;
4137
- } | null;
4138
- viewportChanged: boolean;
4139
- onChange: import('..').OnChange | null | undefined;
4140
- onNavigateTo: import('..').OnNavigateTo | null | undefined;
4141
- onNodeClick: import('..').OnNodeClick | null | undefined;
4142
- onNodeContextMenu: import('..').OnNodeClick | null | undefined;
4143
- onCanvasContextMenu: import('..').OnCanvasClick | null | undefined;
4144
- onEdgeClick: import('..').OnEdgeClick | null | undefined;
4145
- onEdgeContextMenu: import('..').OnEdgeClick | null | undefined;
4146
- onCanvasClick: import('..').OnCanvasClick | null | undefined;
4147
- onCanvasDblClick: import('..').OnCanvasClick | null | undefined;
4148
- isDynamicView: () => boolean;
4149
- updateView: (view: import('@likec4/core').DiagramView) => void;
4150
- focusOnNode: (nodeId: string) => void;
4151
- setHoveredNode: (nodeId: string | null) => void;
4152
- setHoveredEdge: (edgeId: string | null) => void;
4153
- setLastClickedNode: (nodeId: string | null) => void;
4154
- setLastClickedEdge: (edgeId: string | null) => void;
4155
- resetLastClicked: () => void;
4156
- getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
4157
- triggerChangeElementStyle: (change: import("..").Changes.ChangeElementStyle) => void;
4158
- triggerSaveManualLayout: (xystore: {
4159
- getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
4160
- source: string;
4161
- target: string;
4162
- sourceHandle?: string | null;
4163
- targetHandle?: string | null;
4164
- animated?: boolean;
4165
- hidden?: boolean;
4166
- deletable?: boolean;
4167
- selectable?: boolean;
4168
- selected?: boolean;
4169
- markerStart?: import('@xyflow/system').EdgeMarkerType;
4170
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
4171
- zIndex?: number;
4172
- ariaLabel?: string;
4173
- interactionWidth?: number;
4174
- label?: import('react').ReactNode;
4175
- labelStyle?: import('react').CSSProperties;
4176
- labelShowBg?: boolean;
4177
- labelBgStyle?: import('react').CSSProperties;
4178
- labelBgPadding?: [number, number];
4179
- labelBgBorderRadius?: number;
4180
- style?: import('react').CSSProperties;
4181
- className?: string;
4182
- updatable?: import('@xyflow/react').EdgeUpdatable;
4183
- focusable?: boolean;
4184
- data: import('..').RelationshipData;
4185
- readonly id: string;
4186
- readonly type: "relationship";
4187
- }>;
4188
- setState: (partial: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
4189
- source: string;
4190
- target: string;
4191
- sourceHandle?: string | null;
4192
- targetHandle?: string | null;
4193
- animated?: boolean;
4194
- hidden?: boolean;
4195
- deletable?: boolean;
4196
- selectable?: boolean;
4197
- selected?: boolean;
4198
- markerStart?: import('@xyflow/system').EdgeMarkerType;
4199
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
4200
- zIndex?: number;
4201
- ariaLabel?: string;
4202
- interactionWidth?: number;
4203
- label?: import('react').ReactNode;
4204
- labelStyle?: import('react').CSSProperties;
4205
- labelShowBg?: boolean;
4206
- labelBgStyle?: import('react').CSSProperties;
4207
- labelBgPadding?: [number, number];
4208
- labelBgBorderRadius?: number;
4209
- style?: import('react').CSSProperties;
4210
- className?: string;
4211
- updatable?: import('@xyflow/react').EdgeUpdatable;
4212
- focusable?: boolean;
4213
- data: import('..').RelationshipData;
4214
- readonly id: string;
4215
- readonly type: "relationship";
4216
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
4217
- source: string;
4218
- target: string;
4219
- sourceHandle?: string | null;
4220
- targetHandle?: string | null;
4221
- animated?: boolean;
4222
- hidden?: boolean;
4223
- deletable?: boolean;
4224
- selectable?: boolean;
4225
- selected?: boolean;
4226
- markerStart?: import('@xyflow/system').EdgeMarkerType;
4227
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
4228
- zIndex?: number;
4229
- ariaLabel?: string;
4230
- interactionWidth?: number;
4231
- label?: import('react').ReactNode;
4232
- labelStyle?: import('react').CSSProperties;
4233
- labelShowBg?: boolean;
4234
- labelBgStyle?: import('react').CSSProperties;
4235
- labelBgPadding?: [number, number];
4236
- labelBgBorderRadius?: number;
4237
- style?: import('react').CSSProperties;
4238
- className?: string;
4239
- updatable?: import('@xyflow/react').EdgeUpdatable;
4240
- focusable?: boolean;
4241
- data: import('..').RelationshipData;
4242
- readonly id: string;
4243
- readonly type: "relationship";
4244
- }>> | ((state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
4245
- source: string;
4246
- target: string;
4247
- sourceHandle?: string | null;
4248
- targetHandle?: string | null;
4249
- animated?: boolean;
4250
- hidden?: boolean;
4251
- deletable?: boolean;
4252
- selectable?: boolean;
4253
- selected?: boolean;
4254
- markerStart?: import('@xyflow/system').EdgeMarkerType;
4255
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
4256
- zIndex?: number;
4257
- ariaLabel?: string;
4258
- interactionWidth?: number;
4259
- label?: import('react').ReactNode;
4260
- labelStyle?: import('react').CSSProperties;
4261
- labelShowBg?: boolean;
4262
- labelBgStyle?: import('react').CSSProperties;
4263
- labelBgPadding?: [number, number];
4264
- labelBgBorderRadius?: number;
4265
- style?: import('react').CSSProperties;
4266
- className?: string;
4267
- updatable?: import('@xyflow/react').EdgeUpdatable;
4268
- focusable?: boolean;
4269
- data: import('..').RelationshipData;
4270
- readonly id: string;
4271
- readonly type: "relationship";
4272
- }>) => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
4273
- source: string;
4274
- target: string;
4275
- sourceHandle?: string | null;
4276
- targetHandle?: string | null;
4277
- animated?: boolean;
4278
- hidden?: boolean;
4279
- deletable?: boolean;
4280
- selectable?: boolean;
4281
- selected?: boolean;
4282
- markerStart?: import('@xyflow/system').EdgeMarkerType;
4283
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
4284
- zIndex?: number;
4285
- ariaLabel?: string;
4286
- interactionWidth?: number;
4287
- label?: import('react').ReactNode;
4288
- labelStyle?: import('react').CSSProperties;
4289
- labelShowBg?: boolean;
4290
- labelBgStyle?: import('react').CSSProperties;
4291
- labelBgPadding?: [number, number];
4292
- labelBgBorderRadius?: number;
4293
- style?: import('react').CSSProperties;
4294
- className?: string;
4295
- updatable?: import('@xyflow/react').EdgeUpdatable;
4296
- focusable?: boolean;
4297
- data: import('..').RelationshipData;
4298
- readonly id: string;
4299
- readonly type: "relationship";
4300
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
4301
- source: string;
4302
- target: string;
4303
- sourceHandle?: string | null;
4304
- targetHandle?: string | null;
4305
- animated?: boolean;
4306
- hidden?: boolean;
4307
- deletable?: boolean;
4308
- selectable?: boolean;
4309
- selected?: boolean;
4310
- markerStart?: import('@xyflow/system').EdgeMarkerType;
4311
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
4312
- zIndex?: number;
4313
- ariaLabel?: string;
4314
- interactionWidth?: number;
4315
- label?: import('react').ReactNode;
4316
- labelStyle?: import('react').CSSProperties;
4317
- labelShowBg?: boolean;
4318
- labelBgStyle?: import('react').CSSProperties;
4319
- labelBgPadding?: [number, number];
4320
- labelBgBorderRadius?: number;
4321
- style?: import('react').CSSProperties;
4322
- className?: string;
4323
- updatable?: import('@xyflow/react').EdgeUpdatable;
4324
- focusable?: boolean;
4325
- data: import('..').RelationshipData;
4326
- readonly id: string;
4327
- readonly type: "relationship";
4328
- }>>), replace?: boolean | undefined) => void;
4329
- subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
4330
- source: string;
4331
- target: string;
4332
- sourceHandle?: string | null;
4333
- targetHandle?: string | null;
4334
- animated?: boolean;
4335
- hidden?: boolean;
4336
- deletable?: boolean;
4337
- selectable?: boolean;
4338
- selected?: boolean;
4339
- markerStart?: import('@xyflow/system').EdgeMarkerType;
4340
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
4341
- zIndex?: number;
4342
- ariaLabel?: string;
4343
- interactionWidth?: number;
4344
- label?: import('react').ReactNode;
4345
- labelStyle?: import('react').CSSProperties;
4346
- labelShowBg?: boolean;
4347
- labelBgStyle?: import('react').CSSProperties;
4348
- labelBgPadding?: [number, number];
4349
- labelBgBorderRadius?: number;
4350
- style?: import('react').CSSProperties;
4351
- className?: string;
4352
- updatable?: import('@xyflow/react').EdgeUpdatable;
4353
- focusable?: boolean;
4354
- data: import('..').RelationshipData;
4355
- readonly id: string;
4356
- readonly type: "relationship";
4357
- }>, prevState: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
4358
- source: string;
4359
- target: string;
4360
- sourceHandle?: string | null;
4361
- targetHandle?: string | null;
4362
- animated?: boolean;
4363
- hidden?: boolean;
4364
- deletable?: boolean;
4365
- selectable?: boolean;
4366
- selected?: boolean;
4367
- markerStart?: import('@xyflow/system').EdgeMarkerType;
4368
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
4369
- zIndex?: number;
4370
- ariaLabel?: string;
4371
- interactionWidth?: number;
4372
- label?: import('react').ReactNode;
4373
- labelStyle?: import('react').CSSProperties;
4374
- labelShowBg?: boolean;
4375
- labelBgStyle?: import('react').CSSProperties;
4376
- labelBgPadding?: [number, number];
4377
- labelBgBorderRadius?: number;
4378
- style?: import('react').CSSProperties;
4379
- className?: string;
4380
- updatable?: import('@xyflow/react').EdgeUpdatable;
4381
- focusable?: boolean;
4382
- data: import('..').RelationshipData;
4383
- readonly id: string;
4384
- readonly type: "relationship";
4385
- }>) => void) => () => void;
4386
- }) => void;
4387
- triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent<Element, MouseEvent>) => void;
4388
- fitDiagram: (xyStore: {
4389
- getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
4390
- source: string;
4391
- target: string;
4392
- sourceHandle?: string | null;
4393
- targetHandle?: string | null;
4394
- animated?: boolean;
4395
- hidden?: boolean;
4396
- deletable?: boolean;
4397
- selectable?: boolean;
4398
- selected?: boolean;
4399
- markerStart?: import('@xyflow/system').EdgeMarkerType;
4400
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
4401
- zIndex?: number;
4402
- ariaLabel?: string;
4403
- interactionWidth?: number;
4404
- label?: import('react').ReactNode;
4405
- labelStyle?: import('react').CSSProperties;
4406
- labelShowBg?: boolean;
4407
- labelBgStyle?: import('react').CSSProperties;
4408
- labelBgPadding?: [number, number];
4409
- labelBgBorderRadius?: number;
4410
- style?: import('react').CSSProperties;
4411
- className?: string;
4412
- updatable?: import('@xyflow/react').EdgeUpdatable;
4413
- focusable?: boolean;
4414
- data: import('..').RelationshipData;
4415
- readonly id: string;
4416
- readonly type: "relationship";
4417
- }>;
4418
- setState: (partial: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
4419
- source: string;
4420
- target: string;
4421
- sourceHandle?: string | null;
4422
- targetHandle?: string | null;
4423
- animated?: boolean;
4424
- hidden?: boolean;
4425
- deletable?: boolean;
4426
- selectable?: boolean;
4427
- selected?: boolean;
4428
- markerStart?: import('@xyflow/system').EdgeMarkerType;
4429
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
4430
- zIndex?: number;
4431
- ariaLabel?: string;
4432
- interactionWidth?: number;
4433
- label?: import('react').ReactNode;
4434
- labelStyle?: import('react').CSSProperties;
4435
- labelShowBg?: boolean;
4436
- labelBgStyle?: import('react').CSSProperties;
4437
- labelBgPadding?: [number, number];
4438
- labelBgBorderRadius?: number;
4439
- style?: import('react').CSSProperties;
4440
- className?: string;
4441
- updatable?: import('@xyflow/react').EdgeUpdatable;
4442
- focusable?: boolean;
4443
- data: import('..').RelationshipData;
4444
- readonly id: string;
4445
- readonly type: "relationship";
4446
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
4447
- source: string;
4448
- target: string;
4449
- sourceHandle?: string | null;
4450
- targetHandle?: string | null;
4451
- animated?: boolean;
4452
- hidden?: boolean;
4453
- deletable?: boolean;
4454
- selectable?: boolean;
4455
- selected?: boolean;
4456
- markerStart?: import('@xyflow/system').EdgeMarkerType;
4457
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
4458
- zIndex?: number;
4459
- ariaLabel?: string;
4460
- interactionWidth?: number;
4461
- label?: import('react').ReactNode;
4462
- labelStyle?: import('react').CSSProperties;
4463
- labelShowBg?: boolean;
4464
- labelBgStyle?: import('react').CSSProperties;
4465
- labelBgPadding?: [number, number];
4466
- labelBgBorderRadius?: number;
4467
- style?: import('react').CSSProperties;
4468
- className?: string;
4469
- updatable?: import('@xyflow/react').EdgeUpdatable;
4470
- focusable?: boolean;
4471
- data: import('..').RelationshipData;
4472
- readonly id: string;
4473
- readonly type: "relationship";
4474
- }>> | ((state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
4475
- source: string;
4476
- target: string;
4477
- sourceHandle?: string | null;
4478
- targetHandle?: string | null;
4479
- animated?: boolean;
4480
- hidden?: boolean;
4481
- deletable?: boolean;
4482
- selectable?: boolean;
4483
- selected?: boolean;
4484
- markerStart?: import('@xyflow/system').EdgeMarkerType;
4485
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
4486
- zIndex?: number;
4487
- ariaLabel?: string;
4488
- interactionWidth?: number;
4489
- label?: import('react').ReactNode;
4490
- labelStyle?: import('react').CSSProperties;
4491
- labelShowBg?: boolean;
4492
- labelBgStyle?: import('react').CSSProperties;
4493
- labelBgPadding?: [number, number];
4494
- labelBgBorderRadius?: number;
4495
- style?: import('react').CSSProperties;
4496
- className?: string;
4497
- updatable?: import('@xyflow/react').EdgeUpdatable;
4498
- focusable?: boolean;
4499
- data: import('..').RelationshipData;
4500
- readonly id: string;
4501
- readonly type: "relationship";
4502
- }>) => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
4503
- source: string;
4504
- target: string;
4505
- sourceHandle?: string | null;
4506
- targetHandle?: string | null;
4507
- animated?: boolean;
4508
- hidden?: boolean;
4509
- deletable?: boolean;
4510
- selectable?: boolean;
4511
- selected?: boolean;
4512
- markerStart?: import('@xyflow/system').EdgeMarkerType;
4513
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
4514
- zIndex?: number;
4515
- ariaLabel?: string;
4516
- interactionWidth?: number;
4517
- label?: import('react').ReactNode;
4518
- labelStyle?: import('react').CSSProperties;
4519
- labelShowBg?: boolean;
4520
- labelBgStyle?: import('react').CSSProperties;
4521
- labelBgPadding?: [number, number];
4522
- labelBgBorderRadius?: number;
4523
- style?: import('react').CSSProperties;
4524
- className?: string;
4525
- updatable?: import('@xyflow/react').EdgeUpdatable;
4526
- focusable?: boolean;
4527
- data: import('..').RelationshipData;
4528
- readonly id: string;
4529
- readonly type: "relationship";
4530
- }> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
4531
- source: string;
4532
- target: string;
4533
- sourceHandle?: string | null;
4534
- targetHandle?: string | null;
4535
- animated?: boolean;
4536
- hidden?: boolean;
4537
- deletable?: boolean;
4538
- selectable?: boolean;
4539
- selected?: boolean;
4540
- markerStart?: import('@xyflow/system').EdgeMarkerType;
4541
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
4542
- zIndex?: number;
4543
- ariaLabel?: string;
4544
- interactionWidth?: number;
4545
- label?: import('react').ReactNode;
4546
- labelStyle?: import('react').CSSProperties;
4547
- labelShowBg?: boolean;
4548
- labelBgStyle?: import('react').CSSProperties;
4549
- labelBgPadding?: [number, number];
4550
- labelBgBorderRadius?: number;
4551
- style?: import('react').CSSProperties;
4552
- className?: string;
4553
- updatable?: import('@xyflow/react').EdgeUpdatable;
4554
- focusable?: boolean;
4555
- data: import('..').RelationshipData;
4556
- readonly id: string;
4557
- readonly type: "relationship";
4558
- }>>), replace?: boolean | undefined) => void;
4559
- subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
4560
- source: string;
4561
- target: string;
4562
- sourceHandle?: string | null;
4563
- targetHandle?: string | null;
4564
- animated?: boolean;
4565
- hidden?: boolean;
4566
- deletable?: boolean;
4567
- selectable?: boolean;
4568
- selected?: boolean;
4569
- markerStart?: import('@xyflow/system').EdgeMarkerType;
4570
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
4571
- zIndex?: number;
4572
- ariaLabel?: string;
4573
- interactionWidth?: number;
4574
- label?: import('react').ReactNode;
4575
- labelStyle?: import('react').CSSProperties;
4576
- labelShowBg?: boolean;
4577
- labelBgStyle?: import('react').CSSProperties;
4578
- labelBgPadding?: [number, number];
4579
- labelBgBorderRadius?: number;
4580
- style?: import('react').CSSProperties;
4581
- className?: string;
4582
- updatable?: import('@xyflow/react').EdgeUpdatable;
4583
- focusable?: boolean;
4584
- data: import('..').RelationshipData;
4585
- readonly id: string;
4586
- readonly type: "relationship";
4587
- }>, prevState: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
4588
- source: string;
4589
- target: string;
4590
- sourceHandle?: string | null;
4591
- targetHandle?: string | null;
4592
- animated?: boolean;
4593
- hidden?: boolean;
4594
- deletable?: boolean;
4595
- selectable?: boolean;
4596
- selected?: boolean;
4597
- markerStart?: import('@xyflow/system').EdgeMarkerType;
4598
- markerEnd?: import('@xyflow/system').EdgeMarkerType;
4599
- zIndex?: number;
4600
- ariaLabel?: string;
4601
- interactionWidth?: number;
4602
- label?: import('react').ReactNode;
4603
- labelStyle?: import('react').CSSProperties;
4604
- labelShowBg?: boolean;
4605
- labelBgStyle?: import('react').CSSProperties;
4606
- labelBgPadding?: [number, number];
4607
- labelBgBorderRadius?: number;
4608
- style?: import('react').CSSProperties;
4609
- className?: string;
4610
- updatable?: import('@xyflow/react').EdgeUpdatable;
4611
- focusable?: boolean;
4612
- data: import('..').RelationshipData;
4613
- readonly id: string;
4614
- readonly type: "relationship";
4615
- }>) => void) => () => void;
4616
- }) => void;
4617
- nextDynamicStep: (increment?: number | undefined) => void;
4618
- stopDynamicView: () => void;
4619
- }) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
4620
- equalityFn?: (a: U, b: U) => boolean;
4621
- fireImmediately?: boolean;
4622
- } | undefined): () => void;
4623
- };
4624
- };
4625
- export type DiagramStoreApi = ReturnType<typeof useDiagramStoreApi>;
5
+ export type DiagramStoreApi = Readonly<Pick<DiagramZustandStore, 'getState' | 'setState' | 'subscribe'>>;
6
+ declare function useDiagramStoreApi(): DiagramStoreApi;
4626
7
  export { useDiagramState, useDiagramStoreApi };