@likec4/diagram 1.2.0 → 1.2.2
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.
- package/dist/LikeC4Diagram.props.d.ts +4 -4
- package/dist/hooks/useUpdateEffect.d.ts +1 -1
- package/dist/icons/Clipboard.d.ts +1 -1
- package/dist/icons/Link.d.ts +1 -1
- package/dist/icons/ZoomIn.d.ts +1 -1
- package/dist/index.mjs +100 -189
- package/dist/state/DiagramContext.d.ts +830 -830
- package/dist/state/diagramStore.d.ts +736 -736
- package/dist/state/useDiagramStore.d.ts +648 -648
- package/dist/xyflow/XYFlow.d.ts +1 -1
- package/dist/xyflow/XYFlowBackground.d.ts +1 -1
- package/dist/xyflow/XYFlowEvents.d.ts +4 -4
- package/dist/xyflow/XYFlowInner.d.ts +1 -1
- package/dist/xyflow/diagram-to-xyflow.d.ts +1 -1
- package/dist/xyflow/edges/RelationshipEdge.d.ts +6 -6
- package/dist/xyflow/edges/utils.d.ts +2 -2
- package/dist/xyflow/hooks/useLayoutConstraints.d.ts +1 -1
- package/dist/xyflow/hooks/useXYFlow.d.ts +72 -72
- package/dist/xyflow/nodes/compound/CompoundNode.d.ts +1 -1
- package/dist/xyflow/nodes/element/ElementNode.d.ts +1 -1
- package/dist/xyflow/types.d.ts +10 -10
- package/package.json +7 -8
- package/src/xyflow/XYFlowEvents.tsx +4 -4
|
@@ -52,7 +52,7 @@ declare function useDiagramStoreApi(): {
|
|
|
52
52
|
triggerOnChange: (changes: import('@likec4/core').NonEmptyArray<import("..").Changes.ChangeElementStyle>) => void;
|
|
53
53
|
triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent<Element, MouseEvent>) => void;
|
|
54
54
|
fitDiagram: (xyStore: {
|
|
55
|
-
getState: () => import('@xyflow/react').ReactFlowState<import(
|
|
55
|
+
getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
56
56
|
source: string;
|
|
57
57
|
target: string;
|
|
58
58
|
sourceHandle?: string | null;
|
|
@@ -62,26 +62,26 @@ declare function useDiagramStoreApi(): {
|
|
|
62
62
|
deletable?: boolean;
|
|
63
63
|
selectable?: boolean;
|
|
64
64
|
selected?: boolean;
|
|
65
|
-
markerStart?: import(
|
|
66
|
-
markerEnd?: import(
|
|
65
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
66
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
67
67
|
zIndex?: number;
|
|
68
68
|
ariaLabel?: string;
|
|
69
69
|
interactionWidth?: number;
|
|
70
|
-
label?: import(
|
|
71
|
-
labelStyle?: import(
|
|
70
|
+
label?: import('react').ReactNode;
|
|
71
|
+
labelStyle?: import('react').CSSProperties;
|
|
72
72
|
labelShowBg?: boolean;
|
|
73
|
-
labelBgStyle?: import(
|
|
73
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
74
74
|
labelBgPadding?: [number, number];
|
|
75
75
|
labelBgBorderRadius?: number;
|
|
76
|
-
style?: import(
|
|
76
|
+
style?: import('react').CSSProperties;
|
|
77
77
|
className?: string;
|
|
78
|
-
updatable?: import(
|
|
78
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
79
79
|
focusable?: boolean;
|
|
80
|
-
data: import(
|
|
80
|
+
data: import('..').RelationshipData;
|
|
81
81
|
readonly id: string;
|
|
82
82
|
readonly type: "relationship";
|
|
83
83
|
}>;
|
|
84
|
-
setState: (partial: import('@xyflow/react').ReactFlowState<import(
|
|
84
|
+
setState: (partial: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
85
85
|
source: string;
|
|
86
86
|
target: string;
|
|
87
87
|
sourceHandle?: string | null;
|
|
@@ -91,25 +91,25 @@ declare function useDiagramStoreApi(): {
|
|
|
91
91
|
deletable?: boolean;
|
|
92
92
|
selectable?: boolean;
|
|
93
93
|
selected?: boolean;
|
|
94
|
-
markerStart?: import(
|
|
95
|
-
markerEnd?: import(
|
|
94
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
95
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
96
96
|
zIndex?: number;
|
|
97
97
|
ariaLabel?: string;
|
|
98
98
|
interactionWidth?: number;
|
|
99
|
-
label?: import(
|
|
100
|
-
labelStyle?: import(
|
|
99
|
+
label?: import('react').ReactNode;
|
|
100
|
+
labelStyle?: import('react').CSSProperties;
|
|
101
101
|
labelShowBg?: boolean;
|
|
102
|
-
labelBgStyle?: import(
|
|
102
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
103
103
|
labelBgPadding?: [number, number];
|
|
104
104
|
labelBgBorderRadius?: number;
|
|
105
|
-
style?: import(
|
|
105
|
+
style?: import('react').CSSProperties;
|
|
106
106
|
className?: string;
|
|
107
|
-
updatable?: import(
|
|
107
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
108
108
|
focusable?: boolean;
|
|
109
|
-
data: import(
|
|
109
|
+
data: import('..').RelationshipData;
|
|
110
110
|
readonly id: string;
|
|
111
111
|
readonly type: "relationship";
|
|
112
|
-
}> | Partial<import('@xyflow/react').ReactFlowState<import(
|
|
112
|
+
}> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
113
113
|
source: string;
|
|
114
114
|
target: string;
|
|
115
115
|
sourceHandle?: string | null;
|
|
@@ -119,25 +119,25 @@ declare function useDiagramStoreApi(): {
|
|
|
119
119
|
deletable?: boolean;
|
|
120
120
|
selectable?: boolean;
|
|
121
121
|
selected?: boolean;
|
|
122
|
-
markerStart?: import(
|
|
123
|
-
markerEnd?: import(
|
|
122
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
123
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
124
124
|
zIndex?: number;
|
|
125
125
|
ariaLabel?: string;
|
|
126
126
|
interactionWidth?: number;
|
|
127
|
-
label?: import(
|
|
128
|
-
labelStyle?: import(
|
|
127
|
+
label?: import('react').ReactNode;
|
|
128
|
+
labelStyle?: import('react').CSSProperties;
|
|
129
129
|
labelShowBg?: boolean;
|
|
130
|
-
labelBgStyle?: import(
|
|
130
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
131
131
|
labelBgPadding?: [number, number];
|
|
132
132
|
labelBgBorderRadius?: number;
|
|
133
|
-
style?: import(
|
|
133
|
+
style?: import('react').CSSProperties;
|
|
134
134
|
className?: string;
|
|
135
|
-
updatable?: import(
|
|
135
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
136
136
|
focusable?: boolean;
|
|
137
|
-
data: import(
|
|
137
|
+
data: import('..').RelationshipData;
|
|
138
138
|
readonly id: string;
|
|
139
139
|
readonly type: "relationship";
|
|
140
|
-
}>> | ((state: import('@xyflow/react').ReactFlowState<import(
|
|
140
|
+
}>> | ((state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
141
141
|
source: string;
|
|
142
142
|
target: string;
|
|
143
143
|
sourceHandle?: string | null;
|
|
@@ -147,25 +147,25 @@ declare function useDiagramStoreApi(): {
|
|
|
147
147
|
deletable?: boolean;
|
|
148
148
|
selectable?: boolean;
|
|
149
149
|
selected?: boolean;
|
|
150
|
-
markerStart?: import(
|
|
151
|
-
markerEnd?: import(
|
|
150
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
151
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
152
152
|
zIndex?: number;
|
|
153
153
|
ariaLabel?: string;
|
|
154
154
|
interactionWidth?: number;
|
|
155
|
-
label?: import(
|
|
156
|
-
labelStyle?: import(
|
|
155
|
+
label?: import('react').ReactNode;
|
|
156
|
+
labelStyle?: import('react').CSSProperties;
|
|
157
157
|
labelShowBg?: boolean;
|
|
158
|
-
labelBgStyle?: import(
|
|
158
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
159
159
|
labelBgPadding?: [number, number];
|
|
160
160
|
labelBgBorderRadius?: number;
|
|
161
|
-
style?: import(
|
|
161
|
+
style?: import('react').CSSProperties;
|
|
162
162
|
className?: string;
|
|
163
|
-
updatable?: import(
|
|
163
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
164
164
|
focusable?: boolean;
|
|
165
|
-
data: import(
|
|
165
|
+
data: import('..').RelationshipData;
|
|
166
166
|
readonly id: string;
|
|
167
167
|
readonly type: "relationship";
|
|
168
|
-
}>) => import('@xyflow/react').ReactFlowState<import(
|
|
168
|
+
}>) => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
169
169
|
source: string;
|
|
170
170
|
target: string;
|
|
171
171
|
sourceHandle?: string | null;
|
|
@@ -175,25 +175,25 @@ declare function useDiagramStoreApi(): {
|
|
|
175
175
|
deletable?: boolean;
|
|
176
176
|
selectable?: boolean;
|
|
177
177
|
selected?: boolean;
|
|
178
|
-
markerStart?: import(
|
|
179
|
-
markerEnd?: import(
|
|
178
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
179
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
180
180
|
zIndex?: number;
|
|
181
181
|
ariaLabel?: string;
|
|
182
182
|
interactionWidth?: number;
|
|
183
|
-
label?: import(
|
|
184
|
-
labelStyle?: import(
|
|
183
|
+
label?: import('react').ReactNode;
|
|
184
|
+
labelStyle?: import('react').CSSProperties;
|
|
185
185
|
labelShowBg?: boolean;
|
|
186
|
-
labelBgStyle?: import(
|
|
186
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
187
187
|
labelBgPadding?: [number, number];
|
|
188
188
|
labelBgBorderRadius?: number;
|
|
189
|
-
style?: import(
|
|
189
|
+
style?: import('react').CSSProperties;
|
|
190
190
|
className?: string;
|
|
191
|
-
updatable?: import(
|
|
191
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
192
192
|
focusable?: boolean;
|
|
193
|
-
data: import(
|
|
193
|
+
data: import('..').RelationshipData;
|
|
194
194
|
readonly id: string;
|
|
195
195
|
readonly type: "relationship";
|
|
196
|
-
}> | Partial<import('@xyflow/react').ReactFlowState<import(
|
|
196
|
+
}> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
197
197
|
source: string;
|
|
198
198
|
target: string;
|
|
199
199
|
sourceHandle?: string | null;
|
|
@@ -203,26 +203,26 @@ declare function useDiagramStoreApi(): {
|
|
|
203
203
|
deletable?: boolean;
|
|
204
204
|
selectable?: boolean;
|
|
205
205
|
selected?: boolean;
|
|
206
|
-
markerStart?: import(
|
|
207
|
-
markerEnd?: import(
|
|
206
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
207
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
208
208
|
zIndex?: number;
|
|
209
209
|
ariaLabel?: string;
|
|
210
210
|
interactionWidth?: number;
|
|
211
|
-
label?: import(
|
|
212
|
-
labelStyle?: import(
|
|
211
|
+
label?: import('react').ReactNode;
|
|
212
|
+
labelStyle?: import('react').CSSProperties;
|
|
213
213
|
labelShowBg?: boolean;
|
|
214
|
-
labelBgStyle?: import(
|
|
214
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
215
215
|
labelBgPadding?: [number, number];
|
|
216
216
|
labelBgBorderRadius?: number;
|
|
217
|
-
style?: import(
|
|
217
|
+
style?: import('react').CSSProperties;
|
|
218
218
|
className?: string;
|
|
219
|
-
updatable?: import(
|
|
219
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
220
220
|
focusable?: boolean;
|
|
221
|
-
data: import(
|
|
221
|
+
data: import('..').RelationshipData;
|
|
222
222
|
readonly id: string;
|
|
223
223
|
readonly type: "relationship";
|
|
224
224
|
}>>), replace?: boolean | undefined) => void;
|
|
225
|
-
subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import(
|
|
225
|
+
subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
226
226
|
source: string;
|
|
227
227
|
target: string;
|
|
228
228
|
sourceHandle?: string | null;
|
|
@@ -232,25 +232,25 @@ declare function useDiagramStoreApi(): {
|
|
|
232
232
|
deletable?: boolean;
|
|
233
233
|
selectable?: boolean;
|
|
234
234
|
selected?: boolean;
|
|
235
|
-
markerStart?: import(
|
|
236
|
-
markerEnd?: import(
|
|
235
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
236
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
237
237
|
zIndex?: number;
|
|
238
238
|
ariaLabel?: string;
|
|
239
239
|
interactionWidth?: number;
|
|
240
|
-
label?: import(
|
|
241
|
-
labelStyle?: import(
|
|
240
|
+
label?: import('react').ReactNode;
|
|
241
|
+
labelStyle?: import('react').CSSProperties;
|
|
242
242
|
labelShowBg?: boolean;
|
|
243
|
-
labelBgStyle?: import(
|
|
243
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
244
244
|
labelBgPadding?: [number, number];
|
|
245
245
|
labelBgBorderRadius?: number;
|
|
246
|
-
style?: import(
|
|
246
|
+
style?: import('react').CSSProperties;
|
|
247
247
|
className?: string;
|
|
248
|
-
updatable?: import(
|
|
248
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
249
249
|
focusable?: boolean;
|
|
250
|
-
data: import(
|
|
250
|
+
data: import('..').RelationshipData;
|
|
251
251
|
readonly id: string;
|
|
252
252
|
readonly type: "relationship";
|
|
253
|
-
}>, prevState: import('@xyflow/react').ReactFlowState<import(
|
|
253
|
+
}>, prevState: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
254
254
|
source: string;
|
|
255
255
|
target: string;
|
|
256
256
|
sourceHandle?: string | null;
|
|
@@ -260,22 +260,22 @@ declare function useDiagramStoreApi(): {
|
|
|
260
260
|
deletable?: boolean;
|
|
261
261
|
selectable?: boolean;
|
|
262
262
|
selected?: boolean;
|
|
263
|
-
markerStart?: import(
|
|
264
|
-
markerEnd?: import(
|
|
263
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
264
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
265
265
|
zIndex?: number;
|
|
266
266
|
ariaLabel?: string;
|
|
267
267
|
interactionWidth?: number;
|
|
268
|
-
label?: import(
|
|
269
|
-
labelStyle?: import(
|
|
268
|
+
label?: import('react').ReactNode;
|
|
269
|
+
labelStyle?: import('react').CSSProperties;
|
|
270
270
|
labelShowBg?: boolean;
|
|
271
|
-
labelBgStyle?: import(
|
|
271
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
272
272
|
labelBgPadding?: [number, number];
|
|
273
273
|
labelBgBorderRadius?: number;
|
|
274
|
-
style?: import(
|
|
274
|
+
style?: import('react').CSSProperties;
|
|
275
275
|
className?: string;
|
|
276
|
-
updatable?: import(
|
|
276
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
277
277
|
focusable?: boolean;
|
|
278
|
-
data: import(
|
|
278
|
+
data: import('..').RelationshipData;
|
|
279
279
|
readonly id: string;
|
|
280
280
|
readonly type: "relationship";
|
|
281
281
|
}>) => void) => () => void;
|
|
@@ -335,7 +335,7 @@ declare function useDiagramStoreApi(): {
|
|
|
335
335
|
triggerOnChange: (changes: import('@likec4/core').NonEmptyArray<import("..").Changes.ChangeElementStyle>) => void;
|
|
336
336
|
triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent<Element, MouseEvent>) => void;
|
|
337
337
|
fitDiagram: (xyStore: {
|
|
338
|
-
getState: () => import('@xyflow/react').ReactFlowState<import(
|
|
338
|
+
getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
339
339
|
source: string;
|
|
340
340
|
target: string;
|
|
341
341
|
sourceHandle?: string | null;
|
|
@@ -345,26 +345,26 @@ declare function useDiagramStoreApi(): {
|
|
|
345
345
|
deletable?: boolean;
|
|
346
346
|
selectable?: boolean;
|
|
347
347
|
selected?: boolean;
|
|
348
|
-
markerStart?: import(
|
|
349
|
-
markerEnd?: import(
|
|
348
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
349
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
350
350
|
zIndex?: number;
|
|
351
351
|
ariaLabel?: string;
|
|
352
352
|
interactionWidth?: number;
|
|
353
|
-
label?: import(
|
|
354
|
-
labelStyle?: import(
|
|
353
|
+
label?: import('react').ReactNode;
|
|
354
|
+
labelStyle?: import('react').CSSProperties;
|
|
355
355
|
labelShowBg?: boolean;
|
|
356
|
-
labelBgStyle?: import(
|
|
356
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
357
357
|
labelBgPadding?: [number, number];
|
|
358
358
|
labelBgBorderRadius?: number;
|
|
359
|
-
style?: import(
|
|
359
|
+
style?: import('react').CSSProperties;
|
|
360
360
|
className?: string;
|
|
361
|
-
updatable?: import(
|
|
361
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
362
362
|
focusable?: boolean;
|
|
363
|
-
data: import(
|
|
363
|
+
data: import('..').RelationshipData;
|
|
364
364
|
readonly id: string;
|
|
365
365
|
readonly type: "relationship";
|
|
366
366
|
}>;
|
|
367
|
-
setState: (partial: import('@xyflow/react').ReactFlowState<import(
|
|
367
|
+
setState: (partial: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
368
368
|
source: string;
|
|
369
369
|
target: string;
|
|
370
370
|
sourceHandle?: string | null;
|
|
@@ -374,25 +374,25 @@ declare function useDiagramStoreApi(): {
|
|
|
374
374
|
deletable?: boolean;
|
|
375
375
|
selectable?: boolean;
|
|
376
376
|
selected?: boolean;
|
|
377
|
-
markerStart?: import(
|
|
378
|
-
markerEnd?: import(
|
|
377
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
378
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
379
379
|
zIndex?: number;
|
|
380
380
|
ariaLabel?: string;
|
|
381
381
|
interactionWidth?: number;
|
|
382
|
-
label?: import(
|
|
383
|
-
labelStyle?: import(
|
|
382
|
+
label?: import('react').ReactNode;
|
|
383
|
+
labelStyle?: import('react').CSSProperties;
|
|
384
384
|
labelShowBg?: boolean;
|
|
385
|
-
labelBgStyle?: import(
|
|
385
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
386
386
|
labelBgPadding?: [number, number];
|
|
387
387
|
labelBgBorderRadius?: number;
|
|
388
|
-
style?: import(
|
|
388
|
+
style?: import('react').CSSProperties;
|
|
389
389
|
className?: string;
|
|
390
|
-
updatable?: import(
|
|
390
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
391
391
|
focusable?: boolean;
|
|
392
|
-
data: import(
|
|
392
|
+
data: import('..').RelationshipData;
|
|
393
393
|
readonly id: string;
|
|
394
394
|
readonly type: "relationship";
|
|
395
|
-
}> | Partial<import('@xyflow/react').ReactFlowState<import(
|
|
395
|
+
}> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
396
396
|
source: string;
|
|
397
397
|
target: string;
|
|
398
398
|
sourceHandle?: string | null;
|
|
@@ -402,25 +402,25 @@ declare function useDiagramStoreApi(): {
|
|
|
402
402
|
deletable?: boolean;
|
|
403
403
|
selectable?: boolean;
|
|
404
404
|
selected?: boolean;
|
|
405
|
-
markerStart?: import(
|
|
406
|
-
markerEnd?: import(
|
|
405
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
406
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
407
407
|
zIndex?: number;
|
|
408
408
|
ariaLabel?: string;
|
|
409
409
|
interactionWidth?: number;
|
|
410
|
-
label?: import(
|
|
411
|
-
labelStyle?: import(
|
|
410
|
+
label?: import('react').ReactNode;
|
|
411
|
+
labelStyle?: import('react').CSSProperties;
|
|
412
412
|
labelShowBg?: boolean;
|
|
413
|
-
labelBgStyle?: import(
|
|
413
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
414
414
|
labelBgPadding?: [number, number];
|
|
415
415
|
labelBgBorderRadius?: number;
|
|
416
|
-
style?: import(
|
|
416
|
+
style?: import('react').CSSProperties;
|
|
417
417
|
className?: string;
|
|
418
|
-
updatable?: import(
|
|
418
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
419
419
|
focusable?: boolean;
|
|
420
|
-
data: import(
|
|
420
|
+
data: import('..').RelationshipData;
|
|
421
421
|
readonly id: string;
|
|
422
422
|
readonly type: "relationship";
|
|
423
|
-
}>> | ((state: import('@xyflow/react').ReactFlowState<import(
|
|
423
|
+
}>> | ((state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
424
424
|
source: string;
|
|
425
425
|
target: string;
|
|
426
426
|
sourceHandle?: string | null;
|
|
@@ -430,25 +430,25 @@ declare function useDiagramStoreApi(): {
|
|
|
430
430
|
deletable?: boolean;
|
|
431
431
|
selectable?: boolean;
|
|
432
432
|
selected?: boolean;
|
|
433
|
-
markerStart?: import(
|
|
434
|
-
markerEnd?: import(
|
|
433
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
434
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
435
435
|
zIndex?: number;
|
|
436
436
|
ariaLabel?: string;
|
|
437
437
|
interactionWidth?: number;
|
|
438
|
-
label?: import(
|
|
439
|
-
labelStyle?: import(
|
|
438
|
+
label?: import('react').ReactNode;
|
|
439
|
+
labelStyle?: import('react').CSSProperties;
|
|
440
440
|
labelShowBg?: boolean;
|
|
441
|
-
labelBgStyle?: import(
|
|
441
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
442
442
|
labelBgPadding?: [number, number];
|
|
443
443
|
labelBgBorderRadius?: number;
|
|
444
|
-
style?: import(
|
|
444
|
+
style?: import('react').CSSProperties;
|
|
445
445
|
className?: string;
|
|
446
|
-
updatable?: import(
|
|
446
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
447
447
|
focusable?: boolean;
|
|
448
|
-
data: import(
|
|
448
|
+
data: import('..').RelationshipData;
|
|
449
449
|
readonly id: string;
|
|
450
450
|
readonly type: "relationship";
|
|
451
|
-
}>) => import('@xyflow/react').ReactFlowState<import(
|
|
451
|
+
}>) => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
452
452
|
source: string;
|
|
453
453
|
target: string;
|
|
454
454
|
sourceHandle?: string | null;
|
|
@@ -458,25 +458,25 @@ declare function useDiagramStoreApi(): {
|
|
|
458
458
|
deletable?: boolean;
|
|
459
459
|
selectable?: boolean;
|
|
460
460
|
selected?: boolean;
|
|
461
|
-
markerStart?: import(
|
|
462
|
-
markerEnd?: import(
|
|
461
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
462
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
463
463
|
zIndex?: number;
|
|
464
464
|
ariaLabel?: string;
|
|
465
465
|
interactionWidth?: number;
|
|
466
|
-
label?: import(
|
|
467
|
-
labelStyle?: import(
|
|
466
|
+
label?: import('react').ReactNode;
|
|
467
|
+
labelStyle?: import('react').CSSProperties;
|
|
468
468
|
labelShowBg?: boolean;
|
|
469
|
-
labelBgStyle?: import(
|
|
469
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
470
470
|
labelBgPadding?: [number, number];
|
|
471
471
|
labelBgBorderRadius?: number;
|
|
472
|
-
style?: import(
|
|
472
|
+
style?: import('react').CSSProperties;
|
|
473
473
|
className?: string;
|
|
474
|
-
updatable?: import(
|
|
474
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
475
475
|
focusable?: boolean;
|
|
476
|
-
data: import(
|
|
476
|
+
data: import('..').RelationshipData;
|
|
477
477
|
readonly id: string;
|
|
478
478
|
readonly type: "relationship";
|
|
479
|
-
}> | Partial<import('@xyflow/react').ReactFlowState<import(
|
|
479
|
+
}> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
480
480
|
source: string;
|
|
481
481
|
target: string;
|
|
482
482
|
sourceHandle?: string | null;
|
|
@@ -486,26 +486,26 @@ declare function useDiagramStoreApi(): {
|
|
|
486
486
|
deletable?: boolean;
|
|
487
487
|
selectable?: boolean;
|
|
488
488
|
selected?: boolean;
|
|
489
|
-
markerStart?: import(
|
|
490
|
-
markerEnd?: import(
|
|
489
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
490
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
491
491
|
zIndex?: number;
|
|
492
492
|
ariaLabel?: string;
|
|
493
493
|
interactionWidth?: number;
|
|
494
|
-
label?: import(
|
|
495
|
-
labelStyle?: import(
|
|
494
|
+
label?: import('react').ReactNode;
|
|
495
|
+
labelStyle?: import('react').CSSProperties;
|
|
496
496
|
labelShowBg?: boolean;
|
|
497
|
-
labelBgStyle?: import(
|
|
497
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
498
498
|
labelBgPadding?: [number, number];
|
|
499
499
|
labelBgBorderRadius?: number;
|
|
500
|
-
style?: import(
|
|
500
|
+
style?: import('react').CSSProperties;
|
|
501
501
|
className?: string;
|
|
502
|
-
updatable?: import(
|
|
502
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
503
503
|
focusable?: boolean;
|
|
504
|
-
data: import(
|
|
504
|
+
data: import('..').RelationshipData;
|
|
505
505
|
readonly id: string;
|
|
506
506
|
readonly type: "relationship";
|
|
507
507
|
}>>), replace?: boolean | undefined) => void;
|
|
508
|
-
subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import(
|
|
508
|
+
subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
509
509
|
source: string;
|
|
510
510
|
target: string;
|
|
511
511
|
sourceHandle?: string | null;
|
|
@@ -515,25 +515,25 @@ declare function useDiagramStoreApi(): {
|
|
|
515
515
|
deletable?: boolean;
|
|
516
516
|
selectable?: boolean;
|
|
517
517
|
selected?: boolean;
|
|
518
|
-
markerStart?: import(
|
|
519
|
-
markerEnd?: import(
|
|
518
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
519
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
520
520
|
zIndex?: number;
|
|
521
521
|
ariaLabel?: string;
|
|
522
522
|
interactionWidth?: number;
|
|
523
|
-
label?: import(
|
|
524
|
-
labelStyle?: import(
|
|
523
|
+
label?: import('react').ReactNode;
|
|
524
|
+
labelStyle?: import('react').CSSProperties;
|
|
525
525
|
labelShowBg?: boolean;
|
|
526
|
-
labelBgStyle?: import(
|
|
526
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
527
527
|
labelBgPadding?: [number, number];
|
|
528
528
|
labelBgBorderRadius?: number;
|
|
529
|
-
style?: import(
|
|
529
|
+
style?: import('react').CSSProperties;
|
|
530
530
|
className?: string;
|
|
531
|
-
updatable?: import(
|
|
531
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
532
532
|
focusable?: boolean;
|
|
533
|
-
data: import(
|
|
533
|
+
data: import('..').RelationshipData;
|
|
534
534
|
readonly id: string;
|
|
535
535
|
readonly type: "relationship";
|
|
536
|
-
}>, prevState: import('@xyflow/react').ReactFlowState<import(
|
|
536
|
+
}>, prevState: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
537
537
|
source: string;
|
|
538
538
|
target: string;
|
|
539
539
|
sourceHandle?: string | null;
|
|
@@ -543,22 +543,22 @@ declare function useDiagramStoreApi(): {
|
|
|
543
543
|
deletable?: boolean;
|
|
544
544
|
selectable?: boolean;
|
|
545
545
|
selected?: boolean;
|
|
546
|
-
markerStart?: import(
|
|
547
|
-
markerEnd?: import(
|
|
546
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
547
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
548
548
|
zIndex?: number;
|
|
549
549
|
ariaLabel?: string;
|
|
550
550
|
interactionWidth?: number;
|
|
551
|
-
label?: import(
|
|
552
|
-
labelStyle?: import(
|
|
551
|
+
label?: import('react').ReactNode;
|
|
552
|
+
labelStyle?: import('react').CSSProperties;
|
|
553
553
|
labelShowBg?: boolean;
|
|
554
|
-
labelBgStyle?: import(
|
|
554
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
555
555
|
labelBgPadding?: [number, number];
|
|
556
556
|
labelBgBorderRadius?: number;
|
|
557
|
-
style?: import(
|
|
557
|
+
style?: import('react').CSSProperties;
|
|
558
558
|
className?: string;
|
|
559
|
-
updatable?: import(
|
|
559
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
560
560
|
focusable?: boolean;
|
|
561
|
-
data: import(
|
|
561
|
+
data: import('..').RelationshipData;
|
|
562
562
|
readonly id: string;
|
|
563
563
|
readonly type: "relationship";
|
|
564
564
|
}>) => void) => () => void;
|
|
@@ -615,7 +615,7 @@ declare function useDiagramStoreApi(): {
|
|
|
615
615
|
triggerOnChange: (changes: import('@likec4/core').NonEmptyArray<import("..").Changes.ChangeElementStyle>) => void;
|
|
616
616
|
triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent<Element, MouseEvent>) => void;
|
|
617
617
|
fitDiagram: (xyStore: {
|
|
618
|
-
getState: () => import('@xyflow/react').ReactFlowState<import(
|
|
618
|
+
getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
619
619
|
source: string;
|
|
620
620
|
target: string;
|
|
621
621
|
sourceHandle?: string | null;
|
|
@@ -625,26 +625,26 @@ declare function useDiagramStoreApi(): {
|
|
|
625
625
|
deletable?: boolean;
|
|
626
626
|
selectable?: boolean;
|
|
627
627
|
selected?: boolean;
|
|
628
|
-
markerStart?: import(
|
|
629
|
-
markerEnd?: import(
|
|
628
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
629
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
630
630
|
zIndex?: number;
|
|
631
631
|
ariaLabel?: string;
|
|
632
632
|
interactionWidth?: number;
|
|
633
|
-
label?: import(
|
|
634
|
-
labelStyle?: import(
|
|
633
|
+
label?: import('react').ReactNode;
|
|
634
|
+
labelStyle?: import('react').CSSProperties;
|
|
635
635
|
labelShowBg?: boolean;
|
|
636
|
-
labelBgStyle?: import(
|
|
636
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
637
637
|
labelBgPadding?: [number, number];
|
|
638
638
|
labelBgBorderRadius?: number;
|
|
639
|
-
style?: import(
|
|
639
|
+
style?: import('react').CSSProperties;
|
|
640
640
|
className?: string;
|
|
641
|
-
updatable?: import(
|
|
641
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
642
642
|
focusable?: boolean;
|
|
643
|
-
data: import(
|
|
643
|
+
data: import('..').RelationshipData;
|
|
644
644
|
readonly id: string;
|
|
645
645
|
readonly type: "relationship";
|
|
646
646
|
}>;
|
|
647
|
-
setState: (partial: import('@xyflow/react').ReactFlowState<import(
|
|
647
|
+
setState: (partial: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
648
648
|
source: string;
|
|
649
649
|
target: string;
|
|
650
650
|
sourceHandle?: string | null;
|
|
@@ -654,25 +654,25 @@ declare function useDiagramStoreApi(): {
|
|
|
654
654
|
deletable?: boolean;
|
|
655
655
|
selectable?: boolean;
|
|
656
656
|
selected?: boolean;
|
|
657
|
-
markerStart?: import(
|
|
658
|
-
markerEnd?: import(
|
|
657
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
658
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
659
659
|
zIndex?: number;
|
|
660
660
|
ariaLabel?: string;
|
|
661
661
|
interactionWidth?: number;
|
|
662
|
-
label?: import(
|
|
663
|
-
labelStyle?: import(
|
|
662
|
+
label?: import('react').ReactNode;
|
|
663
|
+
labelStyle?: import('react').CSSProperties;
|
|
664
664
|
labelShowBg?: boolean;
|
|
665
|
-
labelBgStyle?: import(
|
|
665
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
666
666
|
labelBgPadding?: [number, number];
|
|
667
667
|
labelBgBorderRadius?: number;
|
|
668
|
-
style?: import(
|
|
668
|
+
style?: import('react').CSSProperties;
|
|
669
669
|
className?: string;
|
|
670
|
-
updatable?: import(
|
|
670
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
671
671
|
focusable?: boolean;
|
|
672
|
-
data: import(
|
|
672
|
+
data: import('..').RelationshipData;
|
|
673
673
|
readonly id: string;
|
|
674
674
|
readonly type: "relationship";
|
|
675
|
-
}> | Partial<import('@xyflow/react').ReactFlowState<import(
|
|
675
|
+
}> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
676
676
|
source: string;
|
|
677
677
|
target: string;
|
|
678
678
|
sourceHandle?: string | null;
|
|
@@ -682,25 +682,25 @@ declare function useDiagramStoreApi(): {
|
|
|
682
682
|
deletable?: boolean;
|
|
683
683
|
selectable?: boolean;
|
|
684
684
|
selected?: boolean;
|
|
685
|
-
markerStart?: import(
|
|
686
|
-
markerEnd?: import(
|
|
685
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
686
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
687
687
|
zIndex?: number;
|
|
688
688
|
ariaLabel?: string;
|
|
689
689
|
interactionWidth?: number;
|
|
690
|
-
label?: import(
|
|
691
|
-
labelStyle?: import(
|
|
690
|
+
label?: import('react').ReactNode;
|
|
691
|
+
labelStyle?: import('react').CSSProperties;
|
|
692
692
|
labelShowBg?: boolean;
|
|
693
|
-
labelBgStyle?: import(
|
|
693
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
694
694
|
labelBgPadding?: [number, number];
|
|
695
695
|
labelBgBorderRadius?: number;
|
|
696
|
-
style?: import(
|
|
696
|
+
style?: import('react').CSSProperties;
|
|
697
697
|
className?: string;
|
|
698
|
-
updatable?: import(
|
|
698
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
699
699
|
focusable?: boolean;
|
|
700
|
-
data: import(
|
|
700
|
+
data: import('..').RelationshipData;
|
|
701
701
|
readonly id: string;
|
|
702
702
|
readonly type: "relationship";
|
|
703
|
-
}>> | ((state: import('@xyflow/react').ReactFlowState<import(
|
|
703
|
+
}>> | ((state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
704
704
|
source: string;
|
|
705
705
|
target: string;
|
|
706
706
|
sourceHandle?: string | null;
|
|
@@ -710,25 +710,25 @@ declare function useDiagramStoreApi(): {
|
|
|
710
710
|
deletable?: boolean;
|
|
711
711
|
selectable?: boolean;
|
|
712
712
|
selected?: boolean;
|
|
713
|
-
markerStart?: import(
|
|
714
|
-
markerEnd?: import(
|
|
713
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
714
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
715
715
|
zIndex?: number;
|
|
716
716
|
ariaLabel?: string;
|
|
717
717
|
interactionWidth?: number;
|
|
718
|
-
label?: import(
|
|
719
|
-
labelStyle?: import(
|
|
718
|
+
label?: import('react').ReactNode;
|
|
719
|
+
labelStyle?: import('react').CSSProperties;
|
|
720
720
|
labelShowBg?: boolean;
|
|
721
|
-
labelBgStyle?: import(
|
|
721
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
722
722
|
labelBgPadding?: [number, number];
|
|
723
723
|
labelBgBorderRadius?: number;
|
|
724
|
-
style?: import(
|
|
724
|
+
style?: import('react').CSSProperties;
|
|
725
725
|
className?: string;
|
|
726
|
-
updatable?: import(
|
|
726
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
727
727
|
focusable?: boolean;
|
|
728
|
-
data: import(
|
|
728
|
+
data: import('..').RelationshipData;
|
|
729
729
|
readonly id: string;
|
|
730
730
|
readonly type: "relationship";
|
|
731
|
-
}>) => import('@xyflow/react').ReactFlowState<import(
|
|
731
|
+
}>) => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
732
732
|
source: string;
|
|
733
733
|
target: string;
|
|
734
734
|
sourceHandle?: string | null;
|
|
@@ -738,25 +738,25 @@ declare function useDiagramStoreApi(): {
|
|
|
738
738
|
deletable?: boolean;
|
|
739
739
|
selectable?: boolean;
|
|
740
740
|
selected?: boolean;
|
|
741
|
-
markerStart?: import(
|
|
742
|
-
markerEnd?: import(
|
|
741
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
742
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
743
743
|
zIndex?: number;
|
|
744
744
|
ariaLabel?: string;
|
|
745
745
|
interactionWidth?: number;
|
|
746
|
-
label?: import(
|
|
747
|
-
labelStyle?: import(
|
|
746
|
+
label?: import('react').ReactNode;
|
|
747
|
+
labelStyle?: import('react').CSSProperties;
|
|
748
748
|
labelShowBg?: boolean;
|
|
749
|
-
labelBgStyle?: import(
|
|
749
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
750
750
|
labelBgPadding?: [number, number];
|
|
751
751
|
labelBgBorderRadius?: number;
|
|
752
|
-
style?: import(
|
|
752
|
+
style?: import('react').CSSProperties;
|
|
753
753
|
className?: string;
|
|
754
|
-
updatable?: import(
|
|
754
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
755
755
|
focusable?: boolean;
|
|
756
|
-
data: import(
|
|
756
|
+
data: import('..').RelationshipData;
|
|
757
757
|
readonly id: string;
|
|
758
758
|
readonly type: "relationship";
|
|
759
|
-
}> | Partial<import('@xyflow/react').ReactFlowState<import(
|
|
759
|
+
}> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
760
760
|
source: string;
|
|
761
761
|
target: string;
|
|
762
762
|
sourceHandle?: string | null;
|
|
@@ -766,26 +766,26 @@ declare function useDiagramStoreApi(): {
|
|
|
766
766
|
deletable?: boolean;
|
|
767
767
|
selectable?: boolean;
|
|
768
768
|
selected?: boolean;
|
|
769
|
-
markerStart?: import(
|
|
770
|
-
markerEnd?: import(
|
|
769
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
770
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
771
771
|
zIndex?: number;
|
|
772
772
|
ariaLabel?: string;
|
|
773
773
|
interactionWidth?: number;
|
|
774
|
-
label?: import(
|
|
775
|
-
labelStyle?: import(
|
|
774
|
+
label?: import('react').ReactNode;
|
|
775
|
+
labelStyle?: import('react').CSSProperties;
|
|
776
776
|
labelShowBg?: boolean;
|
|
777
|
-
labelBgStyle?: import(
|
|
777
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
778
778
|
labelBgPadding?: [number, number];
|
|
779
779
|
labelBgBorderRadius?: number;
|
|
780
|
-
style?: import(
|
|
780
|
+
style?: import('react').CSSProperties;
|
|
781
781
|
className?: string;
|
|
782
|
-
updatable?: import(
|
|
782
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
783
783
|
focusable?: boolean;
|
|
784
|
-
data: import(
|
|
784
|
+
data: import('..').RelationshipData;
|
|
785
785
|
readonly id: string;
|
|
786
786
|
readonly type: "relationship";
|
|
787
787
|
}>>), replace?: boolean | undefined) => void;
|
|
788
|
-
subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import(
|
|
788
|
+
subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
789
789
|
source: string;
|
|
790
790
|
target: string;
|
|
791
791
|
sourceHandle?: string | null;
|
|
@@ -795,25 +795,25 @@ declare function useDiagramStoreApi(): {
|
|
|
795
795
|
deletable?: boolean;
|
|
796
796
|
selectable?: boolean;
|
|
797
797
|
selected?: boolean;
|
|
798
|
-
markerStart?: import(
|
|
799
|
-
markerEnd?: import(
|
|
798
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
799
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
800
800
|
zIndex?: number;
|
|
801
801
|
ariaLabel?: string;
|
|
802
802
|
interactionWidth?: number;
|
|
803
|
-
label?: import(
|
|
804
|
-
labelStyle?: import(
|
|
803
|
+
label?: import('react').ReactNode;
|
|
804
|
+
labelStyle?: import('react').CSSProperties;
|
|
805
805
|
labelShowBg?: boolean;
|
|
806
|
-
labelBgStyle?: import(
|
|
806
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
807
807
|
labelBgPadding?: [number, number];
|
|
808
808
|
labelBgBorderRadius?: number;
|
|
809
|
-
style?: import(
|
|
809
|
+
style?: import('react').CSSProperties;
|
|
810
810
|
className?: string;
|
|
811
|
-
updatable?: import(
|
|
811
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
812
812
|
focusable?: boolean;
|
|
813
|
-
data: import(
|
|
813
|
+
data: import('..').RelationshipData;
|
|
814
814
|
readonly id: string;
|
|
815
815
|
readonly type: "relationship";
|
|
816
|
-
}>, prevState: import('@xyflow/react').ReactFlowState<import(
|
|
816
|
+
}>, prevState: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
817
817
|
source: string;
|
|
818
818
|
target: string;
|
|
819
819
|
sourceHandle?: string | null;
|
|
@@ -823,22 +823,22 @@ declare function useDiagramStoreApi(): {
|
|
|
823
823
|
deletable?: boolean;
|
|
824
824
|
selectable?: boolean;
|
|
825
825
|
selected?: boolean;
|
|
826
|
-
markerStart?: import(
|
|
827
|
-
markerEnd?: import(
|
|
826
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
827
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
828
828
|
zIndex?: number;
|
|
829
829
|
ariaLabel?: string;
|
|
830
830
|
interactionWidth?: number;
|
|
831
|
-
label?: import(
|
|
832
|
-
labelStyle?: import(
|
|
831
|
+
label?: import('react').ReactNode;
|
|
832
|
+
labelStyle?: import('react').CSSProperties;
|
|
833
833
|
labelShowBg?: boolean;
|
|
834
|
-
labelBgStyle?: import(
|
|
834
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
835
835
|
labelBgPadding?: [number, number];
|
|
836
836
|
labelBgBorderRadius?: number;
|
|
837
|
-
style?: import(
|
|
837
|
+
style?: import('react').CSSProperties;
|
|
838
838
|
className?: string;
|
|
839
|
-
updatable?: import(
|
|
839
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
840
840
|
focusable?: boolean;
|
|
841
|
-
data: import(
|
|
841
|
+
data: import('..').RelationshipData;
|
|
842
842
|
readonly id: string;
|
|
843
843
|
readonly type: "relationship";
|
|
844
844
|
}>) => void) => () => void;
|
|
@@ -895,7 +895,7 @@ declare function useDiagramStoreApi(): {
|
|
|
895
895
|
triggerOnChange: (changes: import('@likec4/core').NonEmptyArray<import("..").Changes.ChangeElementStyle>) => void;
|
|
896
896
|
triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent<Element, MouseEvent>) => void;
|
|
897
897
|
fitDiagram: (xyStore: {
|
|
898
|
-
getState: () => import('@xyflow/react').ReactFlowState<import(
|
|
898
|
+
getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
899
899
|
source: string;
|
|
900
900
|
target: string;
|
|
901
901
|
sourceHandle?: string | null;
|
|
@@ -905,26 +905,26 @@ declare function useDiagramStoreApi(): {
|
|
|
905
905
|
deletable?: boolean;
|
|
906
906
|
selectable?: boolean;
|
|
907
907
|
selected?: boolean;
|
|
908
|
-
markerStart?: import(
|
|
909
|
-
markerEnd?: import(
|
|
908
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
909
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
910
910
|
zIndex?: number;
|
|
911
911
|
ariaLabel?: string;
|
|
912
912
|
interactionWidth?: number;
|
|
913
|
-
label?: import(
|
|
914
|
-
labelStyle?: import(
|
|
913
|
+
label?: import('react').ReactNode;
|
|
914
|
+
labelStyle?: import('react').CSSProperties;
|
|
915
915
|
labelShowBg?: boolean;
|
|
916
|
-
labelBgStyle?: import(
|
|
916
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
917
917
|
labelBgPadding?: [number, number];
|
|
918
918
|
labelBgBorderRadius?: number;
|
|
919
|
-
style?: import(
|
|
919
|
+
style?: import('react').CSSProperties;
|
|
920
920
|
className?: string;
|
|
921
|
-
updatable?: import(
|
|
921
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
922
922
|
focusable?: boolean;
|
|
923
|
-
data: import(
|
|
923
|
+
data: import('..').RelationshipData;
|
|
924
924
|
readonly id: string;
|
|
925
925
|
readonly type: "relationship";
|
|
926
926
|
}>;
|
|
927
|
-
setState: (partial: import('@xyflow/react').ReactFlowState<import(
|
|
927
|
+
setState: (partial: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
928
928
|
source: string;
|
|
929
929
|
target: string;
|
|
930
930
|
sourceHandle?: string | null;
|
|
@@ -934,25 +934,25 @@ declare function useDiagramStoreApi(): {
|
|
|
934
934
|
deletable?: boolean;
|
|
935
935
|
selectable?: boolean;
|
|
936
936
|
selected?: boolean;
|
|
937
|
-
markerStart?: import(
|
|
938
|
-
markerEnd?: import(
|
|
937
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
938
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
939
939
|
zIndex?: number;
|
|
940
940
|
ariaLabel?: string;
|
|
941
941
|
interactionWidth?: number;
|
|
942
|
-
label?: import(
|
|
943
|
-
labelStyle?: import(
|
|
942
|
+
label?: import('react').ReactNode;
|
|
943
|
+
labelStyle?: import('react').CSSProperties;
|
|
944
944
|
labelShowBg?: boolean;
|
|
945
|
-
labelBgStyle?: import(
|
|
945
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
946
946
|
labelBgPadding?: [number, number];
|
|
947
947
|
labelBgBorderRadius?: number;
|
|
948
|
-
style?: import(
|
|
948
|
+
style?: import('react').CSSProperties;
|
|
949
949
|
className?: string;
|
|
950
|
-
updatable?: import(
|
|
950
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
951
951
|
focusable?: boolean;
|
|
952
|
-
data: import(
|
|
952
|
+
data: import('..').RelationshipData;
|
|
953
953
|
readonly id: string;
|
|
954
954
|
readonly type: "relationship";
|
|
955
|
-
}> | Partial<import('@xyflow/react').ReactFlowState<import(
|
|
955
|
+
}> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
956
956
|
source: string;
|
|
957
957
|
target: string;
|
|
958
958
|
sourceHandle?: string | null;
|
|
@@ -962,25 +962,25 @@ declare function useDiagramStoreApi(): {
|
|
|
962
962
|
deletable?: boolean;
|
|
963
963
|
selectable?: boolean;
|
|
964
964
|
selected?: boolean;
|
|
965
|
-
markerStart?: import(
|
|
966
|
-
markerEnd?: import(
|
|
965
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
966
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
967
967
|
zIndex?: number;
|
|
968
968
|
ariaLabel?: string;
|
|
969
969
|
interactionWidth?: number;
|
|
970
|
-
label?: import(
|
|
971
|
-
labelStyle?: import(
|
|
970
|
+
label?: import('react').ReactNode;
|
|
971
|
+
labelStyle?: import('react').CSSProperties;
|
|
972
972
|
labelShowBg?: boolean;
|
|
973
|
-
labelBgStyle?: import(
|
|
973
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
974
974
|
labelBgPadding?: [number, number];
|
|
975
975
|
labelBgBorderRadius?: number;
|
|
976
|
-
style?: import(
|
|
976
|
+
style?: import('react').CSSProperties;
|
|
977
977
|
className?: string;
|
|
978
|
-
updatable?: import(
|
|
978
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
979
979
|
focusable?: boolean;
|
|
980
|
-
data: import(
|
|
980
|
+
data: import('..').RelationshipData;
|
|
981
981
|
readonly id: string;
|
|
982
982
|
readonly type: "relationship";
|
|
983
|
-
}>> | ((state: import('@xyflow/react').ReactFlowState<import(
|
|
983
|
+
}>> | ((state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
984
984
|
source: string;
|
|
985
985
|
target: string;
|
|
986
986
|
sourceHandle?: string | null;
|
|
@@ -990,25 +990,25 @@ declare function useDiagramStoreApi(): {
|
|
|
990
990
|
deletable?: boolean;
|
|
991
991
|
selectable?: boolean;
|
|
992
992
|
selected?: boolean;
|
|
993
|
-
markerStart?: import(
|
|
994
|
-
markerEnd?: import(
|
|
993
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
994
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
995
995
|
zIndex?: number;
|
|
996
996
|
ariaLabel?: string;
|
|
997
997
|
interactionWidth?: number;
|
|
998
|
-
label?: import(
|
|
999
|
-
labelStyle?: import(
|
|
998
|
+
label?: import('react').ReactNode;
|
|
999
|
+
labelStyle?: import('react').CSSProperties;
|
|
1000
1000
|
labelShowBg?: boolean;
|
|
1001
|
-
labelBgStyle?: import(
|
|
1001
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1002
1002
|
labelBgPadding?: [number, number];
|
|
1003
1003
|
labelBgBorderRadius?: number;
|
|
1004
|
-
style?: import(
|
|
1004
|
+
style?: import('react').CSSProperties;
|
|
1005
1005
|
className?: string;
|
|
1006
|
-
updatable?: import(
|
|
1006
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1007
1007
|
focusable?: boolean;
|
|
1008
|
-
data: import(
|
|
1008
|
+
data: import('..').RelationshipData;
|
|
1009
1009
|
readonly id: string;
|
|
1010
1010
|
readonly type: "relationship";
|
|
1011
|
-
}>) => import('@xyflow/react').ReactFlowState<import(
|
|
1011
|
+
}>) => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1012
1012
|
source: string;
|
|
1013
1013
|
target: string;
|
|
1014
1014
|
sourceHandle?: string | null;
|
|
@@ -1018,25 +1018,25 @@ declare function useDiagramStoreApi(): {
|
|
|
1018
1018
|
deletable?: boolean;
|
|
1019
1019
|
selectable?: boolean;
|
|
1020
1020
|
selected?: boolean;
|
|
1021
|
-
markerStart?: import(
|
|
1022
|
-
markerEnd?: import(
|
|
1021
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1022
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1023
1023
|
zIndex?: number;
|
|
1024
1024
|
ariaLabel?: string;
|
|
1025
1025
|
interactionWidth?: number;
|
|
1026
|
-
label?: import(
|
|
1027
|
-
labelStyle?: import(
|
|
1026
|
+
label?: import('react').ReactNode;
|
|
1027
|
+
labelStyle?: import('react').CSSProperties;
|
|
1028
1028
|
labelShowBg?: boolean;
|
|
1029
|
-
labelBgStyle?: import(
|
|
1029
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1030
1030
|
labelBgPadding?: [number, number];
|
|
1031
1031
|
labelBgBorderRadius?: number;
|
|
1032
|
-
style?: import(
|
|
1032
|
+
style?: import('react').CSSProperties;
|
|
1033
1033
|
className?: string;
|
|
1034
|
-
updatable?: import(
|
|
1034
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1035
1035
|
focusable?: boolean;
|
|
1036
|
-
data: import(
|
|
1036
|
+
data: import('..').RelationshipData;
|
|
1037
1037
|
readonly id: string;
|
|
1038
1038
|
readonly type: "relationship";
|
|
1039
|
-
}> | Partial<import('@xyflow/react').ReactFlowState<import(
|
|
1039
|
+
}> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1040
1040
|
source: string;
|
|
1041
1041
|
target: string;
|
|
1042
1042
|
sourceHandle?: string | null;
|
|
@@ -1046,26 +1046,26 @@ declare function useDiagramStoreApi(): {
|
|
|
1046
1046
|
deletable?: boolean;
|
|
1047
1047
|
selectable?: boolean;
|
|
1048
1048
|
selected?: boolean;
|
|
1049
|
-
markerStart?: import(
|
|
1050
|
-
markerEnd?: import(
|
|
1049
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1050
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1051
1051
|
zIndex?: number;
|
|
1052
1052
|
ariaLabel?: string;
|
|
1053
1053
|
interactionWidth?: number;
|
|
1054
|
-
label?: import(
|
|
1055
|
-
labelStyle?: import(
|
|
1054
|
+
label?: import('react').ReactNode;
|
|
1055
|
+
labelStyle?: import('react').CSSProperties;
|
|
1056
1056
|
labelShowBg?: boolean;
|
|
1057
|
-
labelBgStyle?: import(
|
|
1057
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1058
1058
|
labelBgPadding?: [number, number];
|
|
1059
1059
|
labelBgBorderRadius?: number;
|
|
1060
|
-
style?: import(
|
|
1060
|
+
style?: import('react').CSSProperties;
|
|
1061
1061
|
className?: string;
|
|
1062
|
-
updatable?: import(
|
|
1062
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1063
1063
|
focusable?: boolean;
|
|
1064
|
-
data: import(
|
|
1064
|
+
data: import('..').RelationshipData;
|
|
1065
1065
|
readonly id: string;
|
|
1066
1066
|
readonly type: "relationship";
|
|
1067
1067
|
}>>), replace?: boolean | undefined) => void;
|
|
1068
|
-
subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import(
|
|
1068
|
+
subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1069
1069
|
source: string;
|
|
1070
1070
|
target: string;
|
|
1071
1071
|
sourceHandle?: string | null;
|
|
@@ -1075,25 +1075,25 @@ declare function useDiagramStoreApi(): {
|
|
|
1075
1075
|
deletable?: boolean;
|
|
1076
1076
|
selectable?: boolean;
|
|
1077
1077
|
selected?: boolean;
|
|
1078
|
-
markerStart?: import(
|
|
1079
|
-
markerEnd?: import(
|
|
1078
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1079
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1080
1080
|
zIndex?: number;
|
|
1081
1081
|
ariaLabel?: string;
|
|
1082
1082
|
interactionWidth?: number;
|
|
1083
|
-
label?: import(
|
|
1084
|
-
labelStyle?: import(
|
|
1083
|
+
label?: import('react').ReactNode;
|
|
1084
|
+
labelStyle?: import('react').CSSProperties;
|
|
1085
1085
|
labelShowBg?: boolean;
|
|
1086
|
-
labelBgStyle?: import(
|
|
1086
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1087
1087
|
labelBgPadding?: [number, number];
|
|
1088
1088
|
labelBgBorderRadius?: number;
|
|
1089
|
-
style?: import(
|
|
1089
|
+
style?: import('react').CSSProperties;
|
|
1090
1090
|
className?: string;
|
|
1091
|
-
updatable?: import(
|
|
1091
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1092
1092
|
focusable?: boolean;
|
|
1093
|
-
data: import(
|
|
1093
|
+
data: import('..').RelationshipData;
|
|
1094
1094
|
readonly id: string;
|
|
1095
1095
|
readonly type: "relationship";
|
|
1096
|
-
}>, prevState: import('@xyflow/react').ReactFlowState<import(
|
|
1096
|
+
}>, prevState: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1097
1097
|
source: string;
|
|
1098
1098
|
target: string;
|
|
1099
1099
|
sourceHandle?: string | null;
|
|
@@ -1103,22 +1103,22 @@ declare function useDiagramStoreApi(): {
|
|
|
1103
1103
|
deletable?: boolean;
|
|
1104
1104
|
selectable?: boolean;
|
|
1105
1105
|
selected?: boolean;
|
|
1106
|
-
markerStart?: import(
|
|
1107
|
-
markerEnd?: import(
|
|
1106
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1107
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1108
1108
|
zIndex?: number;
|
|
1109
1109
|
ariaLabel?: string;
|
|
1110
1110
|
interactionWidth?: number;
|
|
1111
|
-
label?: import(
|
|
1112
|
-
labelStyle?: import(
|
|
1111
|
+
label?: import('react').ReactNode;
|
|
1112
|
+
labelStyle?: import('react').CSSProperties;
|
|
1113
1113
|
labelShowBg?: boolean;
|
|
1114
|
-
labelBgStyle?: import(
|
|
1114
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1115
1115
|
labelBgPadding?: [number, number];
|
|
1116
1116
|
labelBgBorderRadius?: number;
|
|
1117
|
-
style?: import(
|
|
1117
|
+
style?: import('react').CSSProperties;
|
|
1118
1118
|
className?: string;
|
|
1119
|
-
updatable?: import(
|
|
1119
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1120
1120
|
focusable?: boolean;
|
|
1121
|
-
data: import(
|
|
1121
|
+
data: import('..').RelationshipData;
|
|
1122
1122
|
readonly id: string;
|
|
1123
1123
|
readonly type: "relationship";
|
|
1124
1124
|
}>) => void) => () => void;
|
|
@@ -1175,7 +1175,7 @@ declare function useDiagramStoreApi(): {
|
|
|
1175
1175
|
triggerOnChange: (changes: import('@likec4/core').NonEmptyArray<import("..").Changes.ChangeElementStyle>) => void;
|
|
1176
1176
|
triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent<Element, MouseEvent>) => void;
|
|
1177
1177
|
fitDiagram: (xyStore: {
|
|
1178
|
-
getState: () => import('@xyflow/react').ReactFlowState<import(
|
|
1178
|
+
getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1179
1179
|
source: string;
|
|
1180
1180
|
target: string;
|
|
1181
1181
|
sourceHandle?: string | null;
|
|
@@ -1185,26 +1185,26 @@ declare function useDiagramStoreApi(): {
|
|
|
1185
1185
|
deletable?: boolean;
|
|
1186
1186
|
selectable?: boolean;
|
|
1187
1187
|
selected?: boolean;
|
|
1188
|
-
markerStart?: import(
|
|
1189
|
-
markerEnd?: import(
|
|
1188
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1189
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1190
1190
|
zIndex?: number;
|
|
1191
1191
|
ariaLabel?: string;
|
|
1192
1192
|
interactionWidth?: number;
|
|
1193
|
-
label?: import(
|
|
1194
|
-
labelStyle?: import(
|
|
1193
|
+
label?: import('react').ReactNode;
|
|
1194
|
+
labelStyle?: import('react').CSSProperties;
|
|
1195
1195
|
labelShowBg?: boolean;
|
|
1196
|
-
labelBgStyle?: import(
|
|
1196
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1197
1197
|
labelBgPadding?: [number, number];
|
|
1198
1198
|
labelBgBorderRadius?: number;
|
|
1199
|
-
style?: import(
|
|
1199
|
+
style?: import('react').CSSProperties;
|
|
1200
1200
|
className?: string;
|
|
1201
|
-
updatable?: import(
|
|
1201
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1202
1202
|
focusable?: boolean;
|
|
1203
|
-
data: import(
|
|
1203
|
+
data: import('..').RelationshipData;
|
|
1204
1204
|
readonly id: string;
|
|
1205
1205
|
readonly type: "relationship";
|
|
1206
1206
|
}>;
|
|
1207
|
-
setState: (partial: import('@xyflow/react').ReactFlowState<import(
|
|
1207
|
+
setState: (partial: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1208
1208
|
source: string;
|
|
1209
1209
|
target: string;
|
|
1210
1210
|
sourceHandle?: string | null;
|
|
@@ -1214,25 +1214,25 @@ declare function useDiagramStoreApi(): {
|
|
|
1214
1214
|
deletable?: boolean;
|
|
1215
1215
|
selectable?: boolean;
|
|
1216
1216
|
selected?: boolean;
|
|
1217
|
-
markerStart?: import(
|
|
1218
|
-
markerEnd?: import(
|
|
1217
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1218
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1219
1219
|
zIndex?: number;
|
|
1220
1220
|
ariaLabel?: string;
|
|
1221
1221
|
interactionWidth?: number;
|
|
1222
|
-
label?: import(
|
|
1223
|
-
labelStyle?: import(
|
|
1222
|
+
label?: import('react').ReactNode;
|
|
1223
|
+
labelStyle?: import('react').CSSProperties;
|
|
1224
1224
|
labelShowBg?: boolean;
|
|
1225
|
-
labelBgStyle?: import(
|
|
1225
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1226
1226
|
labelBgPadding?: [number, number];
|
|
1227
1227
|
labelBgBorderRadius?: number;
|
|
1228
|
-
style?: import(
|
|
1228
|
+
style?: import('react').CSSProperties;
|
|
1229
1229
|
className?: string;
|
|
1230
|
-
updatable?: import(
|
|
1230
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1231
1231
|
focusable?: boolean;
|
|
1232
|
-
data: import(
|
|
1232
|
+
data: import('..').RelationshipData;
|
|
1233
1233
|
readonly id: string;
|
|
1234
1234
|
readonly type: "relationship";
|
|
1235
|
-
}> | Partial<import('@xyflow/react').ReactFlowState<import(
|
|
1235
|
+
}> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1236
1236
|
source: string;
|
|
1237
1237
|
target: string;
|
|
1238
1238
|
sourceHandle?: string | null;
|
|
@@ -1242,25 +1242,25 @@ declare function useDiagramStoreApi(): {
|
|
|
1242
1242
|
deletable?: boolean;
|
|
1243
1243
|
selectable?: boolean;
|
|
1244
1244
|
selected?: boolean;
|
|
1245
|
-
markerStart?: import(
|
|
1246
|
-
markerEnd?: import(
|
|
1245
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1246
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1247
1247
|
zIndex?: number;
|
|
1248
1248
|
ariaLabel?: string;
|
|
1249
1249
|
interactionWidth?: number;
|
|
1250
|
-
label?: import(
|
|
1251
|
-
labelStyle?: import(
|
|
1250
|
+
label?: import('react').ReactNode;
|
|
1251
|
+
labelStyle?: import('react').CSSProperties;
|
|
1252
1252
|
labelShowBg?: boolean;
|
|
1253
|
-
labelBgStyle?: import(
|
|
1253
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1254
1254
|
labelBgPadding?: [number, number];
|
|
1255
1255
|
labelBgBorderRadius?: number;
|
|
1256
|
-
style?: import(
|
|
1256
|
+
style?: import('react').CSSProperties;
|
|
1257
1257
|
className?: string;
|
|
1258
|
-
updatable?: import(
|
|
1258
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1259
1259
|
focusable?: boolean;
|
|
1260
|
-
data: import(
|
|
1260
|
+
data: import('..').RelationshipData;
|
|
1261
1261
|
readonly id: string;
|
|
1262
1262
|
readonly type: "relationship";
|
|
1263
|
-
}>> | ((state: import('@xyflow/react').ReactFlowState<import(
|
|
1263
|
+
}>> | ((state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1264
1264
|
source: string;
|
|
1265
1265
|
target: string;
|
|
1266
1266
|
sourceHandle?: string | null;
|
|
@@ -1270,25 +1270,25 @@ declare function useDiagramStoreApi(): {
|
|
|
1270
1270
|
deletable?: boolean;
|
|
1271
1271
|
selectable?: boolean;
|
|
1272
1272
|
selected?: boolean;
|
|
1273
|
-
markerStart?: import(
|
|
1274
|
-
markerEnd?: import(
|
|
1273
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1274
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1275
1275
|
zIndex?: number;
|
|
1276
1276
|
ariaLabel?: string;
|
|
1277
1277
|
interactionWidth?: number;
|
|
1278
|
-
label?: import(
|
|
1279
|
-
labelStyle?: import(
|
|
1278
|
+
label?: import('react').ReactNode;
|
|
1279
|
+
labelStyle?: import('react').CSSProperties;
|
|
1280
1280
|
labelShowBg?: boolean;
|
|
1281
|
-
labelBgStyle?: import(
|
|
1281
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1282
1282
|
labelBgPadding?: [number, number];
|
|
1283
1283
|
labelBgBorderRadius?: number;
|
|
1284
|
-
style?: import(
|
|
1284
|
+
style?: import('react').CSSProperties;
|
|
1285
1285
|
className?: string;
|
|
1286
|
-
updatable?: import(
|
|
1286
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1287
1287
|
focusable?: boolean;
|
|
1288
|
-
data: import(
|
|
1288
|
+
data: import('..').RelationshipData;
|
|
1289
1289
|
readonly id: string;
|
|
1290
1290
|
readonly type: "relationship";
|
|
1291
|
-
}>) => import('@xyflow/react').ReactFlowState<import(
|
|
1291
|
+
}>) => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1292
1292
|
source: string;
|
|
1293
1293
|
target: string;
|
|
1294
1294
|
sourceHandle?: string | null;
|
|
@@ -1298,25 +1298,25 @@ declare function useDiagramStoreApi(): {
|
|
|
1298
1298
|
deletable?: boolean;
|
|
1299
1299
|
selectable?: boolean;
|
|
1300
1300
|
selected?: boolean;
|
|
1301
|
-
markerStart?: import(
|
|
1302
|
-
markerEnd?: import(
|
|
1301
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1302
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1303
1303
|
zIndex?: number;
|
|
1304
1304
|
ariaLabel?: string;
|
|
1305
1305
|
interactionWidth?: number;
|
|
1306
|
-
label?: import(
|
|
1307
|
-
labelStyle?: import(
|
|
1306
|
+
label?: import('react').ReactNode;
|
|
1307
|
+
labelStyle?: import('react').CSSProperties;
|
|
1308
1308
|
labelShowBg?: boolean;
|
|
1309
|
-
labelBgStyle?: import(
|
|
1309
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1310
1310
|
labelBgPadding?: [number, number];
|
|
1311
1311
|
labelBgBorderRadius?: number;
|
|
1312
|
-
style?: import(
|
|
1312
|
+
style?: import('react').CSSProperties;
|
|
1313
1313
|
className?: string;
|
|
1314
|
-
updatable?: import(
|
|
1314
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1315
1315
|
focusable?: boolean;
|
|
1316
|
-
data: import(
|
|
1316
|
+
data: import('..').RelationshipData;
|
|
1317
1317
|
readonly id: string;
|
|
1318
1318
|
readonly type: "relationship";
|
|
1319
|
-
}> | Partial<import('@xyflow/react').ReactFlowState<import(
|
|
1319
|
+
}> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1320
1320
|
source: string;
|
|
1321
1321
|
target: string;
|
|
1322
1322
|
sourceHandle?: string | null;
|
|
@@ -1326,26 +1326,26 @@ declare function useDiagramStoreApi(): {
|
|
|
1326
1326
|
deletable?: boolean;
|
|
1327
1327
|
selectable?: boolean;
|
|
1328
1328
|
selected?: boolean;
|
|
1329
|
-
markerStart?: import(
|
|
1330
|
-
markerEnd?: import(
|
|
1329
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1330
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1331
1331
|
zIndex?: number;
|
|
1332
1332
|
ariaLabel?: string;
|
|
1333
1333
|
interactionWidth?: number;
|
|
1334
|
-
label?: import(
|
|
1335
|
-
labelStyle?: import(
|
|
1334
|
+
label?: import('react').ReactNode;
|
|
1335
|
+
labelStyle?: import('react').CSSProperties;
|
|
1336
1336
|
labelShowBg?: boolean;
|
|
1337
|
-
labelBgStyle?: import(
|
|
1337
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1338
1338
|
labelBgPadding?: [number, number];
|
|
1339
1339
|
labelBgBorderRadius?: number;
|
|
1340
|
-
style?: import(
|
|
1340
|
+
style?: import('react').CSSProperties;
|
|
1341
1341
|
className?: string;
|
|
1342
|
-
updatable?: import(
|
|
1342
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1343
1343
|
focusable?: boolean;
|
|
1344
|
-
data: import(
|
|
1344
|
+
data: import('..').RelationshipData;
|
|
1345
1345
|
readonly id: string;
|
|
1346
1346
|
readonly type: "relationship";
|
|
1347
1347
|
}>>), replace?: boolean | undefined) => void;
|
|
1348
|
-
subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import(
|
|
1348
|
+
subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1349
1349
|
source: string;
|
|
1350
1350
|
target: string;
|
|
1351
1351
|
sourceHandle?: string | null;
|
|
@@ -1355,25 +1355,25 @@ declare function useDiagramStoreApi(): {
|
|
|
1355
1355
|
deletable?: boolean;
|
|
1356
1356
|
selectable?: boolean;
|
|
1357
1357
|
selected?: boolean;
|
|
1358
|
-
markerStart?: import(
|
|
1359
|
-
markerEnd?: import(
|
|
1358
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1359
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1360
1360
|
zIndex?: number;
|
|
1361
1361
|
ariaLabel?: string;
|
|
1362
1362
|
interactionWidth?: number;
|
|
1363
|
-
label?: import(
|
|
1364
|
-
labelStyle?: import(
|
|
1363
|
+
label?: import('react').ReactNode;
|
|
1364
|
+
labelStyle?: import('react').CSSProperties;
|
|
1365
1365
|
labelShowBg?: boolean;
|
|
1366
|
-
labelBgStyle?: import(
|
|
1366
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1367
1367
|
labelBgPadding?: [number, number];
|
|
1368
1368
|
labelBgBorderRadius?: number;
|
|
1369
|
-
style?: import(
|
|
1369
|
+
style?: import('react').CSSProperties;
|
|
1370
1370
|
className?: string;
|
|
1371
|
-
updatable?: import(
|
|
1371
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1372
1372
|
focusable?: boolean;
|
|
1373
|
-
data: import(
|
|
1373
|
+
data: import('..').RelationshipData;
|
|
1374
1374
|
readonly id: string;
|
|
1375
1375
|
readonly type: "relationship";
|
|
1376
|
-
}>, prevState: import('@xyflow/react').ReactFlowState<import(
|
|
1376
|
+
}>, prevState: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1377
1377
|
source: string;
|
|
1378
1378
|
target: string;
|
|
1379
1379
|
sourceHandle?: string | null;
|
|
@@ -1383,22 +1383,22 @@ declare function useDiagramStoreApi(): {
|
|
|
1383
1383
|
deletable?: boolean;
|
|
1384
1384
|
selectable?: boolean;
|
|
1385
1385
|
selected?: boolean;
|
|
1386
|
-
markerStart?: import(
|
|
1387
|
-
markerEnd?: import(
|
|
1386
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1387
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1388
1388
|
zIndex?: number;
|
|
1389
1389
|
ariaLabel?: string;
|
|
1390
1390
|
interactionWidth?: number;
|
|
1391
|
-
label?: import(
|
|
1392
|
-
labelStyle?: import(
|
|
1391
|
+
label?: import('react').ReactNode;
|
|
1392
|
+
labelStyle?: import('react').CSSProperties;
|
|
1393
1393
|
labelShowBg?: boolean;
|
|
1394
|
-
labelBgStyle?: import(
|
|
1394
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1395
1395
|
labelBgPadding?: [number, number];
|
|
1396
1396
|
labelBgBorderRadius?: number;
|
|
1397
|
-
style?: import(
|
|
1397
|
+
style?: import('react').CSSProperties;
|
|
1398
1398
|
className?: string;
|
|
1399
|
-
updatable?: import(
|
|
1399
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1400
1400
|
focusable?: boolean;
|
|
1401
|
-
data: import(
|
|
1401
|
+
data: import('..').RelationshipData;
|
|
1402
1402
|
readonly id: string;
|
|
1403
1403
|
readonly type: "relationship";
|
|
1404
1404
|
}>) => void) => () => void;
|
|
@@ -1455,7 +1455,7 @@ declare function useDiagramStoreApi(): {
|
|
|
1455
1455
|
triggerOnChange: (changes: import('@likec4/core').NonEmptyArray<import("..").Changes.ChangeElementStyle>) => void;
|
|
1456
1456
|
triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent<Element, MouseEvent>) => void;
|
|
1457
1457
|
fitDiagram: (xyStore: {
|
|
1458
|
-
getState: () => import('@xyflow/react').ReactFlowState<import(
|
|
1458
|
+
getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1459
1459
|
source: string;
|
|
1460
1460
|
target: string;
|
|
1461
1461
|
sourceHandle?: string | null;
|
|
@@ -1465,26 +1465,26 @@ declare function useDiagramStoreApi(): {
|
|
|
1465
1465
|
deletable?: boolean;
|
|
1466
1466
|
selectable?: boolean;
|
|
1467
1467
|
selected?: boolean;
|
|
1468
|
-
markerStart?: import(
|
|
1469
|
-
markerEnd?: import(
|
|
1468
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1469
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1470
1470
|
zIndex?: number;
|
|
1471
1471
|
ariaLabel?: string;
|
|
1472
1472
|
interactionWidth?: number;
|
|
1473
|
-
label?: import(
|
|
1474
|
-
labelStyle?: import(
|
|
1473
|
+
label?: import('react').ReactNode;
|
|
1474
|
+
labelStyle?: import('react').CSSProperties;
|
|
1475
1475
|
labelShowBg?: boolean;
|
|
1476
|
-
labelBgStyle?: import(
|
|
1476
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1477
1477
|
labelBgPadding?: [number, number];
|
|
1478
1478
|
labelBgBorderRadius?: number;
|
|
1479
|
-
style?: import(
|
|
1479
|
+
style?: import('react').CSSProperties;
|
|
1480
1480
|
className?: string;
|
|
1481
|
-
updatable?: import(
|
|
1481
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1482
1482
|
focusable?: boolean;
|
|
1483
|
-
data: import(
|
|
1483
|
+
data: import('..').RelationshipData;
|
|
1484
1484
|
readonly id: string;
|
|
1485
1485
|
readonly type: "relationship";
|
|
1486
1486
|
}>;
|
|
1487
|
-
setState: (partial: import('@xyflow/react').ReactFlowState<import(
|
|
1487
|
+
setState: (partial: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1488
1488
|
source: string;
|
|
1489
1489
|
target: string;
|
|
1490
1490
|
sourceHandle?: string | null;
|
|
@@ -1494,25 +1494,25 @@ declare function useDiagramStoreApi(): {
|
|
|
1494
1494
|
deletable?: boolean;
|
|
1495
1495
|
selectable?: boolean;
|
|
1496
1496
|
selected?: boolean;
|
|
1497
|
-
markerStart?: import(
|
|
1498
|
-
markerEnd?: import(
|
|
1497
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1498
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1499
1499
|
zIndex?: number;
|
|
1500
1500
|
ariaLabel?: string;
|
|
1501
1501
|
interactionWidth?: number;
|
|
1502
|
-
label?: import(
|
|
1503
|
-
labelStyle?: import(
|
|
1502
|
+
label?: import('react').ReactNode;
|
|
1503
|
+
labelStyle?: import('react').CSSProperties;
|
|
1504
1504
|
labelShowBg?: boolean;
|
|
1505
|
-
labelBgStyle?: import(
|
|
1505
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1506
1506
|
labelBgPadding?: [number, number];
|
|
1507
1507
|
labelBgBorderRadius?: number;
|
|
1508
|
-
style?: import(
|
|
1508
|
+
style?: import('react').CSSProperties;
|
|
1509
1509
|
className?: string;
|
|
1510
|
-
updatable?: import(
|
|
1510
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1511
1511
|
focusable?: boolean;
|
|
1512
|
-
data: import(
|
|
1512
|
+
data: import('..').RelationshipData;
|
|
1513
1513
|
readonly id: string;
|
|
1514
1514
|
readonly type: "relationship";
|
|
1515
|
-
}> | Partial<import('@xyflow/react').ReactFlowState<import(
|
|
1515
|
+
}> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1516
1516
|
source: string;
|
|
1517
1517
|
target: string;
|
|
1518
1518
|
sourceHandle?: string | null;
|
|
@@ -1522,25 +1522,25 @@ declare function useDiagramStoreApi(): {
|
|
|
1522
1522
|
deletable?: boolean;
|
|
1523
1523
|
selectable?: boolean;
|
|
1524
1524
|
selected?: boolean;
|
|
1525
|
-
markerStart?: import(
|
|
1526
|
-
markerEnd?: import(
|
|
1525
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1526
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1527
1527
|
zIndex?: number;
|
|
1528
1528
|
ariaLabel?: string;
|
|
1529
1529
|
interactionWidth?: number;
|
|
1530
|
-
label?: import(
|
|
1531
|
-
labelStyle?: import(
|
|
1530
|
+
label?: import('react').ReactNode;
|
|
1531
|
+
labelStyle?: import('react').CSSProperties;
|
|
1532
1532
|
labelShowBg?: boolean;
|
|
1533
|
-
labelBgStyle?: import(
|
|
1533
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1534
1534
|
labelBgPadding?: [number, number];
|
|
1535
1535
|
labelBgBorderRadius?: number;
|
|
1536
|
-
style?: import(
|
|
1536
|
+
style?: import('react').CSSProperties;
|
|
1537
1537
|
className?: string;
|
|
1538
|
-
updatable?: import(
|
|
1538
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1539
1539
|
focusable?: boolean;
|
|
1540
|
-
data: import(
|
|
1540
|
+
data: import('..').RelationshipData;
|
|
1541
1541
|
readonly id: string;
|
|
1542
1542
|
readonly type: "relationship";
|
|
1543
|
-
}>> | ((state: import('@xyflow/react').ReactFlowState<import(
|
|
1543
|
+
}>> | ((state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1544
1544
|
source: string;
|
|
1545
1545
|
target: string;
|
|
1546
1546
|
sourceHandle?: string | null;
|
|
@@ -1550,25 +1550,25 @@ declare function useDiagramStoreApi(): {
|
|
|
1550
1550
|
deletable?: boolean;
|
|
1551
1551
|
selectable?: boolean;
|
|
1552
1552
|
selected?: boolean;
|
|
1553
|
-
markerStart?: import(
|
|
1554
|
-
markerEnd?: import(
|
|
1553
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1554
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1555
1555
|
zIndex?: number;
|
|
1556
1556
|
ariaLabel?: string;
|
|
1557
1557
|
interactionWidth?: number;
|
|
1558
|
-
label?: import(
|
|
1559
|
-
labelStyle?: import(
|
|
1558
|
+
label?: import('react').ReactNode;
|
|
1559
|
+
labelStyle?: import('react').CSSProperties;
|
|
1560
1560
|
labelShowBg?: boolean;
|
|
1561
|
-
labelBgStyle?: import(
|
|
1561
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1562
1562
|
labelBgPadding?: [number, number];
|
|
1563
1563
|
labelBgBorderRadius?: number;
|
|
1564
|
-
style?: import(
|
|
1564
|
+
style?: import('react').CSSProperties;
|
|
1565
1565
|
className?: string;
|
|
1566
|
-
updatable?: import(
|
|
1566
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1567
1567
|
focusable?: boolean;
|
|
1568
|
-
data: import(
|
|
1568
|
+
data: import('..').RelationshipData;
|
|
1569
1569
|
readonly id: string;
|
|
1570
1570
|
readonly type: "relationship";
|
|
1571
|
-
}>) => import('@xyflow/react').ReactFlowState<import(
|
|
1571
|
+
}>) => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1572
1572
|
source: string;
|
|
1573
1573
|
target: string;
|
|
1574
1574
|
sourceHandle?: string | null;
|
|
@@ -1578,25 +1578,25 @@ declare function useDiagramStoreApi(): {
|
|
|
1578
1578
|
deletable?: boolean;
|
|
1579
1579
|
selectable?: boolean;
|
|
1580
1580
|
selected?: boolean;
|
|
1581
|
-
markerStart?: import(
|
|
1582
|
-
markerEnd?: import(
|
|
1581
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1582
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1583
1583
|
zIndex?: number;
|
|
1584
1584
|
ariaLabel?: string;
|
|
1585
1585
|
interactionWidth?: number;
|
|
1586
|
-
label?: import(
|
|
1587
|
-
labelStyle?: import(
|
|
1586
|
+
label?: import('react').ReactNode;
|
|
1587
|
+
labelStyle?: import('react').CSSProperties;
|
|
1588
1588
|
labelShowBg?: boolean;
|
|
1589
|
-
labelBgStyle?: import(
|
|
1589
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1590
1590
|
labelBgPadding?: [number, number];
|
|
1591
1591
|
labelBgBorderRadius?: number;
|
|
1592
|
-
style?: import(
|
|
1592
|
+
style?: import('react').CSSProperties;
|
|
1593
1593
|
className?: string;
|
|
1594
|
-
updatable?: import(
|
|
1594
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1595
1595
|
focusable?: boolean;
|
|
1596
|
-
data: import(
|
|
1596
|
+
data: import('..').RelationshipData;
|
|
1597
1597
|
readonly id: string;
|
|
1598
1598
|
readonly type: "relationship";
|
|
1599
|
-
}> | Partial<import('@xyflow/react').ReactFlowState<import(
|
|
1599
|
+
}> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1600
1600
|
source: string;
|
|
1601
1601
|
target: string;
|
|
1602
1602
|
sourceHandle?: string | null;
|
|
@@ -1606,26 +1606,26 @@ declare function useDiagramStoreApi(): {
|
|
|
1606
1606
|
deletable?: boolean;
|
|
1607
1607
|
selectable?: boolean;
|
|
1608
1608
|
selected?: boolean;
|
|
1609
|
-
markerStart?: import(
|
|
1610
|
-
markerEnd?: import(
|
|
1609
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1610
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1611
1611
|
zIndex?: number;
|
|
1612
1612
|
ariaLabel?: string;
|
|
1613
1613
|
interactionWidth?: number;
|
|
1614
|
-
label?: import(
|
|
1615
|
-
labelStyle?: import(
|
|
1614
|
+
label?: import('react').ReactNode;
|
|
1615
|
+
labelStyle?: import('react').CSSProperties;
|
|
1616
1616
|
labelShowBg?: boolean;
|
|
1617
|
-
labelBgStyle?: import(
|
|
1617
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1618
1618
|
labelBgPadding?: [number, number];
|
|
1619
1619
|
labelBgBorderRadius?: number;
|
|
1620
|
-
style?: import(
|
|
1620
|
+
style?: import('react').CSSProperties;
|
|
1621
1621
|
className?: string;
|
|
1622
|
-
updatable?: import(
|
|
1622
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1623
1623
|
focusable?: boolean;
|
|
1624
|
-
data: import(
|
|
1624
|
+
data: import('..').RelationshipData;
|
|
1625
1625
|
readonly id: string;
|
|
1626
1626
|
readonly type: "relationship";
|
|
1627
1627
|
}>>), replace?: boolean | undefined) => void;
|
|
1628
|
-
subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import(
|
|
1628
|
+
subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1629
1629
|
source: string;
|
|
1630
1630
|
target: string;
|
|
1631
1631
|
sourceHandle?: string | null;
|
|
@@ -1635,25 +1635,25 @@ declare function useDiagramStoreApi(): {
|
|
|
1635
1635
|
deletable?: boolean;
|
|
1636
1636
|
selectable?: boolean;
|
|
1637
1637
|
selected?: boolean;
|
|
1638
|
-
markerStart?: import(
|
|
1639
|
-
markerEnd?: import(
|
|
1638
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1639
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1640
1640
|
zIndex?: number;
|
|
1641
1641
|
ariaLabel?: string;
|
|
1642
1642
|
interactionWidth?: number;
|
|
1643
|
-
label?: import(
|
|
1644
|
-
labelStyle?: import(
|
|
1643
|
+
label?: import('react').ReactNode;
|
|
1644
|
+
labelStyle?: import('react').CSSProperties;
|
|
1645
1645
|
labelShowBg?: boolean;
|
|
1646
|
-
labelBgStyle?: import(
|
|
1646
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1647
1647
|
labelBgPadding?: [number, number];
|
|
1648
1648
|
labelBgBorderRadius?: number;
|
|
1649
|
-
style?: import(
|
|
1649
|
+
style?: import('react').CSSProperties;
|
|
1650
1650
|
className?: string;
|
|
1651
|
-
updatable?: import(
|
|
1651
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1652
1652
|
focusable?: boolean;
|
|
1653
|
-
data: import(
|
|
1653
|
+
data: import('..').RelationshipData;
|
|
1654
1654
|
readonly id: string;
|
|
1655
1655
|
readonly type: "relationship";
|
|
1656
|
-
}>, prevState: import('@xyflow/react').ReactFlowState<import(
|
|
1656
|
+
}>, prevState: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1657
1657
|
source: string;
|
|
1658
1658
|
target: string;
|
|
1659
1659
|
sourceHandle?: string | null;
|
|
@@ -1663,22 +1663,22 @@ declare function useDiagramStoreApi(): {
|
|
|
1663
1663
|
deletable?: boolean;
|
|
1664
1664
|
selectable?: boolean;
|
|
1665
1665
|
selected?: boolean;
|
|
1666
|
-
markerStart?: import(
|
|
1667
|
-
markerEnd?: import(
|
|
1666
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1667
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1668
1668
|
zIndex?: number;
|
|
1669
1669
|
ariaLabel?: string;
|
|
1670
1670
|
interactionWidth?: number;
|
|
1671
|
-
label?: import(
|
|
1672
|
-
labelStyle?: import(
|
|
1671
|
+
label?: import('react').ReactNode;
|
|
1672
|
+
labelStyle?: import('react').CSSProperties;
|
|
1673
1673
|
labelShowBg?: boolean;
|
|
1674
|
-
labelBgStyle?: import(
|
|
1674
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1675
1675
|
labelBgPadding?: [number, number];
|
|
1676
1676
|
labelBgBorderRadius?: number;
|
|
1677
|
-
style?: import(
|
|
1677
|
+
style?: import('react').CSSProperties;
|
|
1678
1678
|
className?: string;
|
|
1679
|
-
updatable?: import(
|
|
1679
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1680
1680
|
focusable?: boolean;
|
|
1681
|
-
data: import(
|
|
1681
|
+
data: import('..').RelationshipData;
|
|
1682
1682
|
readonly id: string;
|
|
1683
1683
|
readonly type: "relationship";
|
|
1684
1684
|
}>) => void) => () => void;
|
|
@@ -1737,7 +1737,7 @@ declare function useDiagramStoreApi(): {
|
|
|
1737
1737
|
triggerOnChange: (changes: import('@likec4/core').NonEmptyArray<import("..").Changes.ChangeElementStyle>) => void;
|
|
1738
1738
|
triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent<Element, MouseEvent>) => void;
|
|
1739
1739
|
fitDiagram: (xyStore: {
|
|
1740
|
-
getState: () => import('@xyflow/react').ReactFlowState<import(
|
|
1740
|
+
getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1741
1741
|
source: string;
|
|
1742
1742
|
target: string;
|
|
1743
1743
|
sourceHandle?: string | null;
|
|
@@ -1747,26 +1747,26 @@ declare function useDiagramStoreApi(): {
|
|
|
1747
1747
|
deletable?: boolean;
|
|
1748
1748
|
selectable?: boolean;
|
|
1749
1749
|
selected?: boolean;
|
|
1750
|
-
markerStart?: import(
|
|
1751
|
-
markerEnd?: import(
|
|
1750
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1751
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1752
1752
|
zIndex?: number;
|
|
1753
1753
|
ariaLabel?: string;
|
|
1754
1754
|
interactionWidth?: number;
|
|
1755
|
-
label?: import(
|
|
1756
|
-
labelStyle?: import(
|
|
1755
|
+
label?: import('react').ReactNode;
|
|
1756
|
+
labelStyle?: import('react').CSSProperties;
|
|
1757
1757
|
labelShowBg?: boolean;
|
|
1758
|
-
labelBgStyle?: import(
|
|
1758
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1759
1759
|
labelBgPadding?: [number, number];
|
|
1760
1760
|
labelBgBorderRadius?: number;
|
|
1761
|
-
style?: import(
|
|
1761
|
+
style?: import('react').CSSProperties;
|
|
1762
1762
|
className?: string;
|
|
1763
|
-
updatable?: import(
|
|
1763
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1764
1764
|
focusable?: boolean;
|
|
1765
|
-
data: import(
|
|
1765
|
+
data: import('..').RelationshipData;
|
|
1766
1766
|
readonly id: string;
|
|
1767
1767
|
readonly type: "relationship";
|
|
1768
1768
|
}>;
|
|
1769
|
-
setState: (partial: import('@xyflow/react').ReactFlowState<import(
|
|
1769
|
+
setState: (partial: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1770
1770
|
source: string;
|
|
1771
1771
|
target: string;
|
|
1772
1772
|
sourceHandle?: string | null;
|
|
@@ -1776,25 +1776,25 @@ declare function useDiagramStoreApi(): {
|
|
|
1776
1776
|
deletable?: boolean;
|
|
1777
1777
|
selectable?: boolean;
|
|
1778
1778
|
selected?: boolean;
|
|
1779
|
-
markerStart?: import(
|
|
1780
|
-
markerEnd?: import(
|
|
1779
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1780
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1781
1781
|
zIndex?: number;
|
|
1782
1782
|
ariaLabel?: string;
|
|
1783
1783
|
interactionWidth?: number;
|
|
1784
|
-
label?: import(
|
|
1785
|
-
labelStyle?: import(
|
|
1784
|
+
label?: import('react').ReactNode;
|
|
1785
|
+
labelStyle?: import('react').CSSProperties;
|
|
1786
1786
|
labelShowBg?: boolean;
|
|
1787
|
-
labelBgStyle?: import(
|
|
1787
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1788
1788
|
labelBgPadding?: [number, number];
|
|
1789
1789
|
labelBgBorderRadius?: number;
|
|
1790
|
-
style?: import(
|
|
1790
|
+
style?: import('react').CSSProperties;
|
|
1791
1791
|
className?: string;
|
|
1792
|
-
updatable?: import(
|
|
1792
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1793
1793
|
focusable?: boolean;
|
|
1794
|
-
data: import(
|
|
1794
|
+
data: import('..').RelationshipData;
|
|
1795
1795
|
readonly id: string;
|
|
1796
1796
|
readonly type: "relationship";
|
|
1797
|
-
}> | Partial<import('@xyflow/react').ReactFlowState<import(
|
|
1797
|
+
}> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1798
1798
|
source: string;
|
|
1799
1799
|
target: string;
|
|
1800
1800
|
sourceHandle?: string | null;
|
|
@@ -1804,25 +1804,25 @@ declare function useDiagramStoreApi(): {
|
|
|
1804
1804
|
deletable?: boolean;
|
|
1805
1805
|
selectable?: boolean;
|
|
1806
1806
|
selected?: boolean;
|
|
1807
|
-
markerStart?: import(
|
|
1808
|
-
markerEnd?: import(
|
|
1807
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1808
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1809
1809
|
zIndex?: number;
|
|
1810
1810
|
ariaLabel?: string;
|
|
1811
1811
|
interactionWidth?: number;
|
|
1812
|
-
label?: import(
|
|
1813
|
-
labelStyle?: import(
|
|
1812
|
+
label?: import('react').ReactNode;
|
|
1813
|
+
labelStyle?: import('react').CSSProperties;
|
|
1814
1814
|
labelShowBg?: boolean;
|
|
1815
|
-
labelBgStyle?: import(
|
|
1815
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1816
1816
|
labelBgPadding?: [number, number];
|
|
1817
1817
|
labelBgBorderRadius?: number;
|
|
1818
|
-
style?: import(
|
|
1818
|
+
style?: import('react').CSSProperties;
|
|
1819
1819
|
className?: string;
|
|
1820
|
-
updatable?: import(
|
|
1820
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1821
1821
|
focusable?: boolean;
|
|
1822
|
-
data: import(
|
|
1822
|
+
data: import('..').RelationshipData;
|
|
1823
1823
|
readonly id: string;
|
|
1824
1824
|
readonly type: "relationship";
|
|
1825
|
-
}>> | ((state: import('@xyflow/react').ReactFlowState<import(
|
|
1825
|
+
}>> | ((state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1826
1826
|
source: string;
|
|
1827
1827
|
target: string;
|
|
1828
1828
|
sourceHandle?: string | null;
|
|
@@ -1832,25 +1832,25 @@ declare function useDiagramStoreApi(): {
|
|
|
1832
1832
|
deletable?: boolean;
|
|
1833
1833
|
selectable?: boolean;
|
|
1834
1834
|
selected?: boolean;
|
|
1835
|
-
markerStart?: import(
|
|
1836
|
-
markerEnd?: import(
|
|
1835
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1836
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1837
1837
|
zIndex?: number;
|
|
1838
1838
|
ariaLabel?: string;
|
|
1839
1839
|
interactionWidth?: number;
|
|
1840
|
-
label?: import(
|
|
1841
|
-
labelStyle?: import(
|
|
1840
|
+
label?: import('react').ReactNode;
|
|
1841
|
+
labelStyle?: import('react').CSSProperties;
|
|
1842
1842
|
labelShowBg?: boolean;
|
|
1843
|
-
labelBgStyle?: import(
|
|
1843
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1844
1844
|
labelBgPadding?: [number, number];
|
|
1845
1845
|
labelBgBorderRadius?: number;
|
|
1846
|
-
style?: import(
|
|
1846
|
+
style?: import('react').CSSProperties;
|
|
1847
1847
|
className?: string;
|
|
1848
|
-
updatable?: import(
|
|
1848
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1849
1849
|
focusable?: boolean;
|
|
1850
|
-
data: import(
|
|
1850
|
+
data: import('..').RelationshipData;
|
|
1851
1851
|
readonly id: string;
|
|
1852
1852
|
readonly type: "relationship";
|
|
1853
|
-
}>) => import('@xyflow/react').ReactFlowState<import(
|
|
1853
|
+
}>) => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1854
1854
|
source: string;
|
|
1855
1855
|
target: string;
|
|
1856
1856
|
sourceHandle?: string | null;
|
|
@@ -1860,25 +1860,25 @@ declare function useDiagramStoreApi(): {
|
|
|
1860
1860
|
deletable?: boolean;
|
|
1861
1861
|
selectable?: boolean;
|
|
1862
1862
|
selected?: boolean;
|
|
1863
|
-
markerStart?: import(
|
|
1864
|
-
markerEnd?: import(
|
|
1863
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1864
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1865
1865
|
zIndex?: number;
|
|
1866
1866
|
ariaLabel?: string;
|
|
1867
1867
|
interactionWidth?: number;
|
|
1868
|
-
label?: import(
|
|
1869
|
-
labelStyle?: import(
|
|
1868
|
+
label?: import('react').ReactNode;
|
|
1869
|
+
labelStyle?: import('react').CSSProperties;
|
|
1870
1870
|
labelShowBg?: boolean;
|
|
1871
|
-
labelBgStyle?: import(
|
|
1871
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1872
1872
|
labelBgPadding?: [number, number];
|
|
1873
1873
|
labelBgBorderRadius?: number;
|
|
1874
|
-
style?: import(
|
|
1874
|
+
style?: import('react').CSSProperties;
|
|
1875
1875
|
className?: string;
|
|
1876
|
-
updatable?: import(
|
|
1876
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1877
1877
|
focusable?: boolean;
|
|
1878
|
-
data: import(
|
|
1878
|
+
data: import('..').RelationshipData;
|
|
1879
1879
|
readonly id: string;
|
|
1880
1880
|
readonly type: "relationship";
|
|
1881
|
-
}> | Partial<import('@xyflow/react').ReactFlowState<import(
|
|
1881
|
+
}> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1882
1882
|
source: string;
|
|
1883
1883
|
target: string;
|
|
1884
1884
|
sourceHandle?: string | null;
|
|
@@ -1888,26 +1888,26 @@ declare function useDiagramStoreApi(): {
|
|
|
1888
1888
|
deletable?: boolean;
|
|
1889
1889
|
selectable?: boolean;
|
|
1890
1890
|
selected?: boolean;
|
|
1891
|
-
markerStart?: import(
|
|
1892
|
-
markerEnd?: import(
|
|
1891
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1892
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1893
1893
|
zIndex?: number;
|
|
1894
1894
|
ariaLabel?: string;
|
|
1895
1895
|
interactionWidth?: number;
|
|
1896
|
-
label?: import(
|
|
1897
|
-
labelStyle?: import(
|
|
1896
|
+
label?: import('react').ReactNode;
|
|
1897
|
+
labelStyle?: import('react').CSSProperties;
|
|
1898
1898
|
labelShowBg?: boolean;
|
|
1899
|
-
labelBgStyle?: import(
|
|
1899
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1900
1900
|
labelBgPadding?: [number, number];
|
|
1901
1901
|
labelBgBorderRadius?: number;
|
|
1902
|
-
style?: import(
|
|
1902
|
+
style?: import('react').CSSProperties;
|
|
1903
1903
|
className?: string;
|
|
1904
|
-
updatable?: import(
|
|
1904
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1905
1905
|
focusable?: boolean;
|
|
1906
|
-
data: import(
|
|
1906
|
+
data: import('..').RelationshipData;
|
|
1907
1907
|
readonly id: string;
|
|
1908
1908
|
readonly type: "relationship";
|
|
1909
1909
|
}>>), replace?: boolean | undefined) => void;
|
|
1910
|
-
subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import(
|
|
1910
|
+
subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1911
1911
|
source: string;
|
|
1912
1912
|
target: string;
|
|
1913
1913
|
sourceHandle?: string | null;
|
|
@@ -1917,25 +1917,25 @@ declare function useDiagramStoreApi(): {
|
|
|
1917
1917
|
deletable?: boolean;
|
|
1918
1918
|
selectable?: boolean;
|
|
1919
1919
|
selected?: boolean;
|
|
1920
|
-
markerStart?: import(
|
|
1921
|
-
markerEnd?: import(
|
|
1920
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1921
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1922
1922
|
zIndex?: number;
|
|
1923
1923
|
ariaLabel?: string;
|
|
1924
1924
|
interactionWidth?: number;
|
|
1925
|
-
label?: import(
|
|
1926
|
-
labelStyle?: import(
|
|
1925
|
+
label?: import('react').ReactNode;
|
|
1926
|
+
labelStyle?: import('react').CSSProperties;
|
|
1927
1927
|
labelShowBg?: boolean;
|
|
1928
|
-
labelBgStyle?: import(
|
|
1928
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1929
1929
|
labelBgPadding?: [number, number];
|
|
1930
1930
|
labelBgBorderRadius?: number;
|
|
1931
|
-
style?: import(
|
|
1931
|
+
style?: import('react').CSSProperties;
|
|
1932
1932
|
className?: string;
|
|
1933
|
-
updatable?: import(
|
|
1933
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1934
1934
|
focusable?: boolean;
|
|
1935
|
-
data: import(
|
|
1935
|
+
data: import('..').RelationshipData;
|
|
1936
1936
|
readonly id: string;
|
|
1937
1937
|
readonly type: "relationship";
|
|
1938
|
-
}>, prevState: import('@xyflow/react').ReactFlowState<import(
|
|
1938
|
+
}>, prevState: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
1939
1939
|
source: string;
|
|
1940
1940
|
target: string;
|
|
1941
1941
|
sourceHandle?: string | null;
|
|
@@ -1945,22 +1945,22 @@ declare function useDiagramStoreApi(): {
|
|
|
1945
1945
|
deletable?: boolean;
|
|
1946
1946
|
selectable?: boolean;
|
|
1947
1947
|
selected?: boolean;
|
|
1948
|
-
markerStart?: import(
|
|
1949
|
-
markerEnd?: import(
|
|
1948
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
1949
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
1950
1950
|
zIndex?: number;
|
|
1951
1951
|
ariaLabel?: string;
|
|
1952
1952
|
interactionWidth?: number;
|
|
1953
|
-
label?: import(
|
|
1954
|
-
labelStyle?: import(
|
|
1953
|
+
label?: import('react').ReactNode;
|
|
1954
|
+
labelStyle?: import('react').CSSProperties;
|
|
1955
1955
|
labelShowBg?: boolean;
|
|
1956
|
-
labelBgStyle?: import(
|
|
1956
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
1957
1957
|
labelBgPadding?: [number, number];
|
|
1958
1958
|
labelBgBorderRadius?: number;
|
|
1959
|
-
style?: import(
|
|
1959
|
+
style?: import('react').CSSProperties;
|
|
1960
1960
|
className?: string;
|
|
1961
|
-
updatable?: import(
|
|
1961
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
1962
1962
|
focusable?: boolean;
|
|
1963
|
-
data: import(
|
|
1963
|
+
data: import('..').RelationshipData;
|
|
1964
1964
|
readonly id: string;
|
|
1965
1965
|
readonly type: "relationship";
|
|
1966
1966
|
}>) => void) => () => void;
|
|
@@ -2017,7 +2017,7 @@ declare function useDiagramStoreApi(): {
|
|
|
2017
2017
|
triggerOnChange: (changes: import('@likec4/core').NonEmptyArray<import("..").Changes.ChangeElementStyle>) => void;
|
|
2018
2018
|
triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent<Element, MouseEvent>) => void;
|
|
2019
2019
|
fitDiagram: (xyStore: {
|
|
2020
|
-
getState: () => import('@xyflow/react').ReactFlowState<import(
|
|
2020
|
+
getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
2021
2021
|
source: string;
|
|
2022
2022
|
target: string;
|
|
2023
2023
|
sourceHandle?: string | null;
|
|
@@ -2027,26 +2027,26 @@ declare function useDiagramStoreApi(): {
|
|
|
2027
2027
|
deletable?: boolean;
|
|
2028
2028
|
selectable?: boolean;
|
|
2029
2029
|
selected?: boolean;
|
|
2030
|
-
markerStart?: import(
|
|
2031
|
-
markerEnd?: import(
|
|
2030
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
2031
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
2032
2032
|
zIndex?: number;
|
|
2033
2033
|
ariaLabel?: string;
|
|
2034
2034
|
interactionWidth?: number;
|
|
2035
|
-
label?: import(
|
|
2036
|
-
labelStyle?: import(
|
|
2035
|
+
label?: import('react').ReactNode;
|
|
2036
|
+
labelStyle?: import('react').CSSProperties;
|
|
2037
2037
|
labelShowBg?: boolean;
|
|
2038
|
-
labelBgStyle?: import(
|
|
2038
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
2039
2039
|
labelBgPadding?: [number, number];
|
|
2040
2040
|
labelBgBorderRadius?: number;
|
|
2041
|
-
style?: import(
|
|
2041
|
+
style?: import('react').CSSProperties;
|
|
2042
2042
|
className?: string;
|
|
2043
|
-
updatable?: import(
|
|
2043
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
2044
2044
|
focusable?: boolean;
|
|
2045
|
-
data: import(
|
|
2045
|
+
data: import('..').RelationshipData;
|
|
2046
2046
|
readonly id: string;
|
|
2047
2047
|
readonly type: "relationship";
|
|
2048
2048
|
}>;
|
|
2049
|
-
setState: (partial: import('@xyflow/react').ReactFlowState<import(
|
|
2049
|
+
setState: (partial: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
2050
2050
|
source: string;
|
|
2051
2051
|
target: string;
|
|
2052
2052
|
sourceHandle?: string | null;
|
|
@@ -2056,25 +2056,25 @@ declare function useDiagramStoreApi(): {
|
|
|
2056
2056
|
deletable?: boolean;
|
|
2057
2057
|
selectable?: boolean;
|
|
2058
2058
|
selected?: boolean;
|
|
2059
|
-
markerStart?: import(
|
|
2060
|
-
markerEnd?: import(
|
|
2059
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
2060
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
2061
2061
|
zIndex?: number;
|
|
2062
2062
|
ariaLabel?: string;
|
|
2063
2063
|
interactionWidth?: number;
|
|
2064
|
-
label?: import(
|
|
2065
|
-
labelStyle?: import(
|
|
2064
|
+
label?: import('react').ReactNode;
|
|
2065
|
+
labelStyle?: import('react').CSSProperties;
|
|
2066
2066
|
labelShowBg?: boolean;
|
|
2067
|
-
labelBgStyle?: import(
|
|
2067
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
2068
2068
|
labelBgPadding?: [number, number];
|
|
2069
2069
|
labelBgBorderRadius?: number;
|
|
2070
|
-
style?: import(
|
|
2070
|
+
style?: import('react').CSSProperties;
|
|
2071
2071
|
className?: string;
|
|
2072
|
-
updatable?: import(
|
|
2072
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
2073
2073
|
focusable?: boolean;
|
|
2074
|
-
data: import(
|
|
2074
|
+
data: import('..').RelationshipData;
|
|
2075
2075
|
readonly id: string;
|
|
2076
2076
|
readonly type: "relationship";
|
|
2077
|
-
}> | Partial<import('@xyflow/react').ReactFlowState<import(
|
|
2077
|
+
}> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
2078
2078
|
source: string;
|
|
2079
2079
|
target: string;
|
|
2080
2080
|
sourceHandle?: string | null;
|
|
@@ -2084,25 +2084,25 @@ declare function useDiagramStoreApi(): {
|
|
|
2084
2084
|
deletable?: boolean;
|
|
2085
2085
|
selectable?: boolean;
|
|
2086
2086
|
selected?: boolean;
|
|
2087
|
-
markerStart?: import(
|
|
2088
|
-
markerEnd?: import(
|
|
2087
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
2088
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
2089
2089
|
zIndex?: number;
|
|
2090
2090
|
ariaLabel?: string;
|
|
2091
2091
|
interactionWidth?: number;
|
|
2092
|
-
label?: import(
|
|
2093
|
-
labelStyle?: import(
|
|
2092
|
+
label?: import('react').ReactNode;
|
|
2093
|
+
labelStyle?: import('react').CSSProperties;
|
|
2094
2094
|
labelShowBg?: boolean;
|
|
2095
|
-
labelBgStyle?: import(
|
|
2095
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
2096
2096
|
labelBgPadding?: [number, number];
|
|
2097
2097
|
labelBgBorderRadius?: number;
|
|
2098
|
-
style?: import(
|
|
2098
|
+
style?: import('react').CSSProperties;
|
|
2099
2099
|
className?: string;
|
|
2100
|
-
updatable?: import(
|
|
2100
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
2101
2101
|
focusable?: boolean;
|
|
2102
|
-
data: import(
|
|
2102
|
+
data: import('..').RelationshipData;
|
|
2103
2103
|
readonly id: string;
|
|
2104
2104
|
readonly type: "relationship";
|
|
2105
|
-
}>> | ((state: import('@xyflow/react').ReactFlowState<import(
|
|
2105
|
+
}>> | ((state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
2106
2106
|
source: string;
|
|
2107
2107
|
target: string;
|
|
2108
2108
|
sourceHandle?: string | null;
|
|
@@ -2112,25 +2112,25 @@ declare function useDiagramStoreApi(): {
|
|
|
2112
2112
|
deletable?: boolean;
|
|
2113
2113
|
selectable?: boolean;
|
|
2114
2114
|
selected?: boolean;
|
|
2115
|
-
markerStart?: import(
|
|
2116
|
-
markerEnd?: import(
|
|
2115
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
2116
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
2117
2117
|
zIndex?: number;
|
|
2118
2118
|
ariaLabel?: string;
|
|
2119
2119
|
interactionWidth?: number;
|
|
2120
|
-
label?: import(
|
|
2121
|
-
labelStyle?: import(
|
|
2120
|
+
label?: import('react').ReactNode;
|
|
2121
|
+
labelStyle?: import('react').CSSProperties;
|
|
2122
2122
|
labelShowBg?: boolean;
|
|
2123
|
-
labelBgStyle?: import(
|
|
2123
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
2124
2124
|
labelBgPadding?: [number, number];
|
|
2125
2125
|
labelBgBorderRadius?: number;
|
|
2126
|
-
style?: import(
|
|
2126
|
+
style?: import('react').CSSProperties;
|
|
2127
2127
|
className?: string;
|
|
2128
|
-
updatable?: import(
|
|
2128
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
2129
2129
|
focusable?: boolean;
|
|
2130
|
-
data: import(
|
|
2130
|
+
data: import('..').RelationshipData;
|
|
2131
2131
|
readonly id: string;
|
|
2132
2132
|
readonly type: "relationship";
|
|
2133
|
-
}>) => import('@xyflow/react').ReactFlowState<import(
|
|
2133
|
+
}>) => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
2134
2134
|
source: string;
|
|
2135
2135
|
target: string;
|
|
2136
2136
|
sourceHandle?: string | null;
|
|
@@ -2140,25 +2140,25 @@ declare function useDiagramStoreApi(): {
|
|
|
2140
2140
|
deletable?: boolean;
|
|
2141
2141
|
selectable?: boolean;
|
|
2142
2142
|
selected?: boolean;
|
|
2143
|
-
markerStart?: import(
|
|
2144
|
-
markerEnd?: import(
|
|
2143
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
2144
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
2145
2145
|
zIndex?: number;
|
|
2146
2146
|
ariaLabel?: string;
|
|
2147
2147
|
interactionWidth?: number;
|
|
2148
|
-
label?: import(
|
|
2149
|
-
labelStyle?: import(
|
|
2148
|
+
label?: import('react').ReactNode;
|
|
2149
|
+
labelStyle?: import('react').CSSProperties;
|
|
2150
2150
|
labelShowBg?: boolean;
|
|
2151
|
-
labelBgStyle?: import(
|
|
2151
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
2152
2152
|
labelBgPadding?: [number, number];
|
|
2153
2153
|
labelBgBorderRadius?: number;
|
|
2154
|
-
style?: import(
|
|
2154
|
+
style?: import('react').CSSProperties;
|
|
2155
2155
|
className?: string;
|
|
2156
|
-
updatable?: import(
|
|
2156
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
2157
2157
|
focusable?: boolean;
|
|
2158
|
-
data: import(
|
|
2158
|
+
data: import('..').RelationshipData;
|
|
2159
2159
|
readonly id: string;
|
|
2160
2160
|
readonly type: "relationship";
|
|
2161
|
-
}> | Partial<import('@xyflow/react').ReactFlowState<import(
|
|
2161
|
+
}> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
2162
2162
|
source: string;
|
|
2163
2163
|
target: string;
|
|
2164
2164
|
sourceHandle?: string | null;
|
|
@@ -2168,26 +2168,26 @@ declare function useDiagramStoreApi(): {
|
|
|
2168
2168
|
deletable?: boolean;
|
|
2169
2169
|
selectable?: boolean;
|
|
2170
2170
|
selected?: boolean;
|
|
2171
|
-
markerStart?: import(
|
|
2172
|
-
markerEnd?: import(
|
|
2171
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
2172
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
2173
2173
|
zIndex?: number;
|
|
2174
2174
|
ariaLabel?: string;
|
|
2175
2175
|
interactionWidth?: number;
|
|
2176
|
-
label?: import(
|
|
2177
|
-
labelStyle?: import(
|
|
2176
|
+
label?: import('react').ReactNode;
|
|
2177
|
+
labelStyle?: import('react').CSSProperties;
|
|
2178
2178
|
labelShowBg?: boolean;
|
|
2179
|
-
labelBgStyle?: import(
|
|
2179
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
2180
2180
|
labelBgPadding?: [number, number];
|
|
2181
2181
|
labelBgBorderRadius?: number;
|
|
2182
|
-
style?: import(
|
|
2182
|
+
style?: import('react').CSSProperties;
|
|
2183
2183
|
className?: string;
|
|
2184
|
-
updatable?: import(
|
|
2184
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
2185
2185
|
focusable?: boolean;
|
|
2186
|
-
data: import(
|
|
2186
|
+
data: import('..').RelationshipData;
|
|
2187
2187
|
readonly id: string;
|
|
2188
2188
|
readonly type: "relationship";
|
|
2189
2189
|
}>>), replace?: boolean | undefined) => void;
|
|
2190
|
-
subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import(
|
|
2190
|
+
subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
2191
2191
|
source: string;
|
|
2192
2192
|
target: string;
|
|
2193
2193
|
sourceHandle?: string | null;
|
|
@@ -2197,25 +2197,25 @@ declare function useDiagramStoreApi(): {
|
|
|
2197
2197
|
deletable?: boolean;
|
|
2198
2198
|
selectable?: boolean;
|
|
2199
2199
|
selected?: boolean;
|
|
2200
|
-
markerStart?: import(
|
|
2201
|
-
markerEnd?: import(
|
|
2200
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
2201
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
2202
2202
|
zIndex?: number;
|
|
2203
2203
|
ariaLabel?: string;
|
|
2204
2204
|
interactionWidth?: number;
|
|
2205
|
-
label?: import(
|
|
2206
|
-
labelStyle?: import(
|
|
2205
|
+
label?: import('react').ReactNode;
|
|
2206
|
+
labelStyle?: import('react').CSSProperties;
|
|
2207
2207
|
labelShowBg?: boolean;
|
|
2208
|
-
labelBgStyle?: import(
|
|
2208
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
2209
2209
|
labelBgPadding?: [number, number];
|
|
2210
2210
|
labelBgBorderRadius?: number;
|
|
2211
|
-
style?: import(
|
|
2211
|
+
style?: import('react').CSSProperties;
|
|
2212
2212
|
className?: string;
|
|
2213
|
-
updatable?: import(
|
|
2213
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
2214
2214
|
focusable?: boolean;
|
|
2215
|
-
data: import(
|
|
2215
|
+
data: import('..').RelationshipData;
|
|
2216
2216
|
readonly id: string;
|
|
2217
2217
|
readonly type: "relationship";
|
|
2218
|
-
}>, prevState: import('@xyflow/react').ReactFlowState<import(
|
|
2218
|
+
}>, prevState: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
2219
2219
|
source: string;
|
|
2220
2220
|
target: string;
|
|
2221
2221
|
sourceHandle?: string | null;
|
|
@@ -2225,22 +2225,22 @@ declare function useDiagramStoreApi(): {
|
|
|
2225
2225
|
deletable?: boolean;
|
|
2226
2226
|
selectable?: boolean;
|
|
2227
2227
|
selected?: boolean;
|
|
2228
|
-
markerStart?: import(
|
|
2229
|
-
markerEnd?: import(
|
|
2228
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
2229
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
2230
2230
|
zIndex?: number;
|
|
2231
2231
|
ariaLabel?: string;
|
|
2232
2232
|
interactionWidth?: number;
|
|
2233
|
-
label?: import(
|
|
2234
|
-
labelStyle?: import(
|
|
2233
|
+
label?: import('react').ReactNode;
|
|
2234
|
+
labelStyle?: import('react').CSSProperties;
|
|
2235
2235
|
labelShowBg?: boolean;
|
|
2236
|
-
labelBgStyle?: import(
|
|
2236
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
2237
2237
|
labelBgPadding?: [number, number];
|
|
2238
2238
|
labelBgBorderRadius?: number;
|
|
2239
|
-
style?: import(
|
|
2239
|
+
style?: import('react').CSSProperties;
|
|
2240
2240
|
className?: string;
|
|
2241
|
-
updatable?: import(
|
|
2241
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
2242
2242
|
focusable?: boolean;
|
|
2243
|
-
data: import(
|
|
2243
|
+
data: import('..').RelationshipData;
|
|
2244
2244
|
readonly id: string;
|
|
2245
2245
|
readonly type: "relationship";
|
|
2246
2246
|
}>) => void) => () => void;
|
|
@@ -2298,7 +2298,7 @@ declare function useDiagramStoreApi(): {
|
|
|
2298
2298
|
triggerOnChange: (changes: import('@likec4/core').NonEmptyArray<import("..").Changes.ChangeElementStyle>) => void;
|
|
2299
2299
|
triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent<Element, MouseEvent>) => void;
|
|
2300
2300
|
fitDiagram: (xyStore: {
|
|
2301
|
-
getState: () => import('@xyflow/react').ReactFlowState<import(
|
|
2301
|
+
getState: () => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
2302
2302
|
source: string;
|
|
2303
2303
|
target: string;
|
|
2304
2304
|
sourceHandle?: string | null;
|
|
@@ -2308,26 +2308,26 @@ declare function useDiagramStoreApi(): {
|
|
|
2308
2308
|
deletable?: boolean;
|
|
2309
2309
|
selectable?: boolean;
|
|
2310
2310
|
selected?: boolean;
|
|
2311
|
-
markerStart?: import(
|
|
2312
|
-
markerEnd?: import(
|
|
2311
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
2312
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
2313
2313
|
zIndex?: number;
|
|
2314
2314
|
ariaLabel?: string;
|
|
2315
2315
|
interactionWidth?: number;
|
|
2316
|
-
label?: import(
|
|
2317
|
-
labelStyle?: import(
|
|
2316
|
+
label?: import('react').ReactNode;
|
|
2317
|
+
labelStyle?: import('react').CSSProperties;
|
|
2318
2318
|
labelShowBg?: boolean;
|
|
2319
|
-
labelBgStyle?: import(
|
|
2319
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
2320
2320
|
labelBgPadding?: [number, number];
|
|
2321
2321
|
labelBgBorderRadius?: number;
|
|
2322
|
-
style?: import(
|
|
2322
|
+
style?: import('react').CSSProperties;
|
|
2323
2323
|
className?: string;
|
|
2324
|
-
updatable?: import(
|
|
2324
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
2325
2325
|
focusable?: boolean;
|
|
2326
|
-
data: import(
|
|
2326
|
+
data: import('..').RelationshipData;
|
|
2327
2327
|
readonly id: string;
|
|
2328
2328
|
readonly type: "relationship";
|
|
2329
2329
|
}>;
|
|
2330
|
-
setState: (partial: import('@xyflow/react').ReactFlowState<import(
|
|
2330
|
+
setState: (partial: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
2331
2331
|
source: string;
|
|
2332
2332
|
target: string;
|
|
2333
2333
|
sourceHandle?: string | null;
|
|
@@ -2337,25 +2337,25 @@ declare function useDiagramStoreApi(): {
|
|
|
2337
2337
|
deletable?: boolean;
|
|
2338
2338
|
selectable?: boolean;
|
|
2339
2339
|
selected?: boolean;
|
|
2340
|
-
markerStart?: import(
|
|
2341
|
-
markerEnd?: import(
|
|
2340
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
2341
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
2342
2342
|
zIndex?: number;
|
|
2343
2343
|
ariaLabel?: string;
|
|
2344
2344
|
interactionWidth?: number;
|
|
2345
|
-
label?: import(
|
|
2346
|
-
labelStyle?: import(
|
|
2345
|
+
label?: import('react').ReactNode;
|
|
2346
|
+
labelStyle?: import('react').CSSProperties;
|
|
2347
2347
|
labelShowBg?: boolean;
|
|
2348
|
-
labelBgStyle?: import(
|
|
2348
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
2349
2349
|
labelBgPadding?: [number, number];
|
|
2350
2350
|
labelBgBorderRadius?: number;
|
|
2351
|
-
style?: import(
|
|
2351
|
+
style?: import('react').CSSProperties;
|
|
2352
2352
|
className?: string;
|
|
2353
|
-
updatable?: import(
|
|
2353
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
2354
2354
|
focusable?: boolean;
|
|
2355
|
-
data: import(
|
|
2355
|
+
data: import('..').RelationshipData;
|
|
2356
2356
|
readonly id: string;
|
|
2357
2357
|
readonly type: "relationship";
|
|
2358
|
-
}> | Partial<import('@xyflow/react').ReactFlowState<import(
|
|
2358
|
+
}> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
2359
2359
|
source: string;
|
|
2360
2360
|
target: string;
|
|
2361
2361
|
sourceHandle?: string | null;
|
|
@@ -2365,25 +2365,25 @@ declare function useDiagramStoreApi(): {
|
|
|
2365
2365
|
deletable?: boolean;
|
|
2366
2366
|
selectable?: boolean;
|
|
2367
2367
|
selected?: boolean;
|
|
2368
|
-
markerStart?: import(
|
|
2369
|
-
markerEnd?: import(
|
|
2368
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
2369
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
2370
2370
|
zIndex?: number;
|
|
2371
2371
|
ariaLabel?: string;
|
|
2372
2372
|
interactionWidth?: number;
|
|
2373
|
-
label?: import(
|
|
2374
|
-
labelStyle?: import(
|
|
2373
|
+
label?: import('react').ReactNode;
|
|
2374
|
+
labelStyle?: import('react').CSSProperties;
|
|
2375
2375
|
labelShowBg?: boolean;
|
|
2376
|
-
labelBgStyle?: import(
|
|
2376
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
2377
2377
|
labelBgPadding?: [number, number];
|
|
2378
2378
|
labelBgBorderRadius?: number;
|
|
2379
|
-
style?: import(
|
|
2379
|
+
style?: import('react').CSSProperties;
|
|
2380
2380
|
className?: string;
|
|
2381
|
-
updatable?: import(
|
|
2381
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
2382
2382
|
focusable?: boolean;
|
|
2383
|
-
data: import(
|
|
2383
|
+
data: import('..').RelationshipData;
|
|
2384
2384
|
readonly id: string;
|
|
2385
2385
|
readonly type: "relationship";
|
|
2386
|
-
}>> | ((state: import('@xyflow/react').ReactFlowState<import(
|
|
2386
|
+
}>> | ((state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
2387
2387
|
source: string;
|
|
2388
2388
|
target: string;
|
|
2389
2389
|
sourceHandle?: string | null;
|
|
@@ -2393,25 +2393,25 @@ declare function useDiagramStoreApi(): {
|
|
|
2393
2393
|
deletable?: boolean;
|
|
2394
2394
|
selectable?: boolean;
|
|
2395
2395
|
selected?: boolean;
|
|
2396
|
-
markerStart?: import(
|
|
2397
|
-
markerEnd?: import(
|
|
2396
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
2397
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
2398
2398
|
zIndex?: number;
|
|
2399
2399
|
ariaLabel?: string;
|
|
2400
2400
|
interactionWidth?: number;
|
|
2401
|
-
label?: import(
|
|
2402
|
-
labelStyle?: import(
|
|
2401
|
+
label?: import('react').ReactNode;
|
|
2402
|
+
labelStyle?: import('react').CSSProperties;
|
|
2403
2403
|
labelShowBg?: boolean;
|
|
2404
|
-
labelBgStyle?: import(
|
|
2404
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
2405
2405
|
labelBgPadding?: [number, number];
|
|
2406
2406
|
labelBgBorderRadius?: number;
|
|
2407
|
-
style?: import(
|
|
2407
|
+
style?: import('react').CSSProperties;
|
|
2408
2408
|
className?: string;
|
|
2409
|
-
updatable?: import(
|
|
2409
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
2410
2410
|
focusable?: boolean;
|
|
2411
|
-
data: import(
|
|
2411
|
+
data: import('..').RelationshipData;
|
|
2412
2412
|
readonly id: string;
|
|
2413
2413
|
readonly type: "relationship";
|
|
2414
|
-
}>) => import('@xyflow/react').ReactFlowState<import(
|
|
2414
|
+
}>) => import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
2415
2415
|
source: string;
|
|
2416
2416
|
target: string;
|
|
2417
2417
|
sourceHandle?: string | null;
|
|
@@ -2421,25 +2421,25 @@ declare function useDiagramStoreApi(): {
|
|
|
2421
2421
|
deletable?: boolean;
|
|
2422
2422
|
selectable?: boolean;
|
|
2423
2423
|
selected?: boolean;
|
|
2424
|
-
markerStart?: import(
|
|
2425
|
-
markerEnd?: import(
|
|
2424
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
2425
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
2426
2426
|
zIndex?: number;
|
|
2427
2427
|
ariaLabel?: string;
|
|
2428
2428
|
interactionWidth?: number;
|
|
2429
|
-
label?: import(
|
|
2430
|
-
labelStyle?: import(
|
|
2429
|
+
label?: import('react').ReactNode;
|
|
2430
|
+
labelStyle?: import('react').CSSProperties;
|
|
2431
2431
|
labelShowBg?: boolean;
|
|
2432
|
-
labelBgStyle?: import(
|
|
2432
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
2433
2433
|
labelBgPadding?: [number, number];
|
|
2434
2434
|
labelBgBorderRadius?: number;
|
|
2435
|
-
style?: import(
|
|
2435
|
+
style?: import('react').CSSProperties;
|
|
2436
2436
|
className?: string;
|
|
2437
|
-
updatable?: import(
|
|
2437
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
2438
2438
|
focusable?: boolean;
|
|
2439
|
-
data: import(
|
|
2439
|
+
data: import('..').RelationshipData;
|
|
2440
2440
|
readonly id: string;
|
|
2441
2441
|
readonly type: "relationship";
|
|
2442
|
-
}> | Partial<import('@xyflow/react').ReactFlowState<import(
|
|
2442
|
+
}> | Partial<import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
2443
2443
|
source: string;
|
|
2444
2444
|
target: string;
|
|
2445
2445
|
sourceHandle?: string | null;
|
|
@@ -2449,26 +2449,26 @@ declare function useDiagramStoreApi(): {
|
|
|
2449
2449
|
deletable?: boolean;
|
|
2450
2450
|
selectable?: boolean;
|
|
2451
2451
|
selected?: boolean;
|
|
2452
|
-
markerStart?: import(
|
|
2453
|
-
markerEnd?: import(
|
|
2452
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
2453
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
2454
2454
|
zIndex?: number;
|
|
2455
2455
|
ariaLabel?: string;
|
|
2456
2456
|
interactionWidth?: number;
|
|
2457
|
-
label?: import(
|
|
2458
|
-
labelStyle?: import(
|
|
2457
|
+
label?: import('react').ReactNode;
|
|
2458
|
+
labelStyle?: import('react').CSSProperties;
|
|
2459
2459
|
labelShowBg?: boolean;
|
|
2460
|
-
labelBgStyle?: import(
|
|
2460
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
2461
2461
|
labelBgPadding?: [number, number];
|
|
2462
2462
|
labelBgBorderRadius?: number;
|
|
2463
|
-
style?: import(
|
|
2463
|
+
style?: import('react').CSSProperties;
|
|
2464
2464
|
className?: string;
|
|
2465
|
-
updatable?: import(
|
|
2465
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
2466
2466
|
focusable?: boolean;
|
|
2467
|
-
data: import(
|
|
2467
|
+
data: import('..').RelationshipData;
|
|
2468
2468
|
readonly id: string;
|
|
2469
2469
|
readonly type: "relationship";
|
|
2470
2470
|
}>>), replace?: boolean | undefined) => void;
|
|
2471
|
-
subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import(
|
|
2471
|
+
subscribe: (listener: (state: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
2472
2472
|
source: string;
|
|
2473
2473
|
target: string;
|
|
2474
2474
|
sourceHandle?: string | null;
|
|
@@ -2478,25 +2478,25 @@ declare function useDiagramStoreApi(): {
|
|
|
2478
2478
|
deletable?: boolean;
|
|
2479
2479
|
selectable?: boolean;
|
|
2480
2480
|
selected?: boolean;
|
|
2481
|
-
markerStart?: import(
|
|
2482
|
-
markerEnd?: import(
|
|
2481
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
2482
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
2483
2483
|
zIndex?: number;
|
|
2484
2484
|
ariaLabel?: string;
|
|
2485
2485
|
interactionWidth?: number;
|
|
2486
|
-
label?: import(
|
|
2487
|
-
labelStyle?: import(
|
|
2486
|
+
label?: import('react').ReactNode;
|
|
2487
|
+
labelStyle?: import('react').CSSProperties;
|
|
2488
2488
|
labelShowBg?: boolean;
|
|
2489
|
-
labelBgStyle?: import(
|
|
2489
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
2490
2490
|
labelBgPadding?: [number, number];
|
|
2491
2491
|
labelBgBorderRadius?: number;
|
|
2492
|
-
style?: import(
|
|
2492
|
+
style?: import('react').CSSProperties;
|
|
2493
2493
|
className?: string;
|
|
2494
|
-
updatable?: import(
|
|
2494
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
2495
2495
|
focusable?: boolean;
|
|
2496
|
-
data: import(
|
|
2496
|
+
data: import('..').RelationshipData;
|
|
2497
2497
|
readonly id: string;
|
|
2498
2498
|
readonly type: "relationship";
|
|
2499
|
-
}>, prevState: import('@xyflow/react').ReactFlowState<import(
|
|
2499
|
+
}>, prevState: import('@xyflow/react').ReactFlowState<import('..').XYFlowNode, {
|
|
2500
2500
|
source: string;
|
|
2501
2501
|
target: string;
|
|
2502
2502
|
sourceHandle?: string | null;
|
|
@@ -2506,22 +2506,22 @@ declare function useDiagramStoreApi(): {
|
|
|
2506
2506
|
deletable?: boolean;
|
|
2507
2507
|
selectable?: boolean;
|
|
2508
2508
|
selected?: boolean;
|
|
2509
|
-
markerStart?: import(
|
|
2510
|
-
markerEnd?: import(
|
|
2509
|
+
markerStart?: import('@xyflow/system').EdgeMarkerType;
|
|
2510
|
+
markerEnd?: import('@xyflow/system').EdgeMarkerType;
|
|
2511
2511
|
zIndex?: number;
|
|
2512
2512
|
ariaLabel?: string;
|
|
2513
2513
|
interactionWidth?: number;
|
|
2514
|
-
label?: import(
|
|
2515
|
-
labelStyle?: import(
|
|
2514
|
+
label?: import('react').ReactNode;
|
|
2515
|
+
labelStyle?: import('react').CSSProperties;
|
|
2516
2516
|
labelShowBg?: boolean;
|
|
2517
|
-
labelBgStyle?: import(
|
|
2517
|
+
labelBgStyle?: import('react').CSSProperties;
|
|
2518
2518
|
labelBgPadding?: [number, number];
|
|
2519
2519
|
labelBgBorderRadius?: number;
|
|
2520
|
-
style?: import(
|
|
2520
|
+
style?: import('react').CSSProperties;
|
|
2521
2521
|
className?: string;
|
|
2522
|
-
updatable?: import(
|
|
2522
|
+
updatable?: import('@xyflow/react').EdgeUpdatable;
|
|
2523
2523
|
focusable?: boolean;
|
|
2524
|
-
data: import(
|
|
2524
|
+
data: import('..').RelationshipData;
|
|
2525
2525
|
readonly id: string;
|
|
2526
2526
|
readonly type: "relationship";
|
|
2527
2527
|
}>) => void) => () => void;
|