@decido/shell 4.0.3 → 4.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (70) hide show
  1. package/dist/CenterComposite-V3LL23PG.mjs +64 -0
  2. package/dist/DebugPanel-NFXQOZQ6.mjs +1 -0
  3. package/dist/MorphShell-4JGDAN46.mjs +1 -0
  4. package/dist/PlaygroundAppSidebar-QI73PNRI.mjs +1 -0
  5. package/dist/PlaygroundChat-CBIIQMWU.mjs +1 -0
  6. package/dist/PlaygroundTerminal-MVZKXTYW.mjs +1 -0
  7. package/dist/PluginSandbox-MUNBFWGH.mjs +1 -0
  8. package/dist/ReactFlowEditor-2ALQWCHQ.mjs +6 -0
  9. package/dist/ReactFlowEditor-ROZ6RF3K.css +1 -0
  10. package/dist/TimelineEditor-UPRRXXVM.mjs +3 -0
  11. package/dist/WidgetSlotPanel-YX2VBQAP.mjs +1 -0
  12. package/dist/chunk-3YEFIKFH.mjs +1 -0
  13. package/dist/chunk-53FADIUX.mjs +1 -0
  14. package/dist/chunk-5FWJFDER.mjs +285 -0
  15. package/dist/chunk-6K3AFDP5.mjs +1 -0
  16. package/dist/chunk-AGAAZ2MU.mjs +1 -0
  17. package/dist/chunk-BCP43BRV.mjs +2 -0
  18. package/dist/chunk-BSJBW64M.mjs +1 -0
  19. package/dist/chunk-C5FD536O.mjs +1 -0
  20. package/dist/chunk-DTH34ILQ.mjs +1 -0
  21. package/dist/chunk-DWP77YZU.mjs +1 -0
  22. package/dist/chunk-O3OWL3Q2.mjs +1 -0
  23. package/dist/chunk-POBZMHZ5.mjs +7 -0
  24. package/dist/chunk-S3AQ4QDD.mjs +42 -0
  25. package/dist/chunk-XDA6ZRIQ.mjs +1 -0
  26. package/dist/chunk-XTDMHHMW.mjs +5 -0
  27. package/dist/chunk-YAYNNUEX.mjs +12 -0
  28. package/dist/chunk-YEKQJ4YC.mjs +1 -0
  29. package/dist/chunk-YHFKY5MB.mjs +1 -0
  30. package/dist/chunk-ZKD74U4X.mjs +1 -0
  31. package/dist/index.css +1 -561
  32. package/dist/index.js +462 -65086
  33. package/dist/index.mjs +50 -40209
  34. package/dist/useIntentLens-OCAUBNOQ.mjs +1 -0
  35. package/dist/useSuggestionsStore-Q4KVPU7L.mjs +1 -0
  36. package/dist/wasm-A4BTVJWV.mjs +1 -0
  37. package/package.json +15 -15
  38. package/dist/CenterComposite-RPEGBKQU.mjs +0 -1697
  39. package/dist/DebugPanel-KEKDMHDN.mjs +0 -14
  40. package/dist/MorphShell-FKDBB7E5.mjs +0 -14
  41. package/dist/PlaygroundAppSidebar-ALYJJGAO.mjs +0 -9
  42. package/dist/PlaygroundChat-MI2KXMK6.mjs +0 -15
  43. package/dist/PlaygroundTerminal-5AV4BJAI.mjs +0 -7
  44. package/dist/PluginSandbox-WMNAUQOJ.mjs +0 -188
  45. package/dist/ReactFlowEditor-RTF2652X.mjs +0 -3574
  46. package/dist/ReactFlowEditor-ZW5MCN5Y.css +0 -561
  47. package/dist/TimelineEditor-N4HRMHTB.mjs +0 -226
  48. package/dist/WidgetSlotPanel-KJI4CHHD.mjs +0 -11
  49. package/dist/chunk-2YMI4N5I.mjs +0 -2004
  50. package/dist/chunk-3BZX7LF2.mjs +0 -139
  51. package/dist/chunk-3P4P3M54.mjs +0 -136
  52. package/dist/chunk-F3OTFHNO.mjs +0 -40
  53. package/dist/chunk-IMHORBTL.mjs +0 -48
  54. package/dist/chunk-JF5QSJYT.mjs +0 -295
  55. package/dist/chunk-LWMMFTJC.mjs +0 -382
  56. package/dist/chunk-MSVEFEXE.mjs +0 -179
  57. package/dist/chunk-OCHGY2MN.mjs +0 -1662
  58. package/dist/chunk-PMYAM764.mjs +0 -813
  59. package/dist/chunk-Q64KZXPK.mjs +0 -43
  60. package/dist/chunk-QHQW2HMU.mjs +0 -155
  61. package/dist/chunk-RWZ4BOIN.mjs +0 -385
  62. package/dist/chunk-UHT6FIYF.mjs +0 -195
  63. package/dist/chunk-UJCSKKID.mjs +0 -30
  64. package/dist/chunk-V3CYNPGL.mjs +0 -8758
  65. package/dist/chunk-VBPGEFNM.mjs +0 -2381
  66. package/dist/chunk-XMSU6UWD.mjs +0 -158
  67. package/dist/chunk-ZCCCBHE6.mjs +0 -55
  68. package/dist/useIntentLens-LEQCAXCK.mjs +0 -13
  69. package/dist/useSuggestionsStore-4L2AIZ2D.mjs +0 -7
  70. package/dist/wasm-QFXGEYGP.mjs +0 -81
@@ -1,561 +0,0 @@
1
- /* ../../node_modules/.pnpm/@xyflow+react@12.10.1_@types+react@18.3.28_immer@11.1.4_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@xyflow/react/dist/style.css */
2
- .react-flow {
3
- direction: ltr;
4
- --xy-edge-stroke-default: #b1b1b7;
5
- --xy-edge-stroke-width-default: 1;
6
- --xy-edge-stroke-selected-default: #555;
7
- --xy-connectionline-stroke-default: #b1b1b7;
8
- --xy-connectionline-stroke-width-default: 1;
9
- --xy-attribution-background-color-default: rgba(255, 255, 255, 0.5);
10
- --xy-minimap-background-color-default: #fff;
11
- --xy-minimap-mask-background-color-default: rgba(240, 240, 240, 0.6);
12
- --xy-minimap-mask-stroke-color-default: transparent;
13
- --xy-minimap-mask-stroke-width-default: 1;
14
- --xy-minimap-node-background-color-default: #e2e2e2;
15
- --xy-minimap-node-stroke-color-default: transparent;
16
- --xy-minimap-node-stroke-width-default: 2;
17
- --xy-background-color-default: transparent;
18
- --xy-background-pattern-dots-color-default: #91919a;
19
- --xy-background-pattern-lines-color-default: #eee;
20
- --xy-background-pattern-cross-color-default: #e2e2e2;
21
- background-color: var(--xy-background-color, var(--xy-background-color-default));
22
- --xy-node-color-default: inherit;
23
- --xy-node-border-default: 1px solid #1a192b;
24
- --xy-node-background-color-default: #fff;
25
- --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
26
- --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
27
- --xy-node-boxshadow-selected-default: 0 0 0 0.5px #1a192b;
28
- --xy-node-border-radius-default: 3px;
29
- --xy-handle-background-color-default: #1a192b;
30
- --xy-handle-border-color-default: #fff;
31
- --xy-selection-background-color-default: rgba(0, 89, 220, 0.08);
32
- --xy-selection-border-default: 1px dotted rgba(0, 89, 220, 0.8);
33
- --xy-controls-button-background-color-default: #fefefe;
34
- --xy-controls-button-background-color-hover-default: #f4f4f4;
35
- --xy-controls-button-color-default: inherit;
36
- --xy-controls-button-color-hover-default: inherit;
37
- --xy-controls-button-border-color-default: #eee;
38
- --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);
39
- --xy-edge-label-background-color-default: #ffffff;
40
- --xy-edge-label-color-default: inherit;
41
- --xy-resize-background-color-default: #3367d9;
42
- }
43
- .react-flow.dark {
44
- --xy-edge-stroke-default: #3e3e3e;
45
- --xy-edge-stroke-width-default: 1;
46
- --xy-edge-stroke-selected-default: #727272;
47
- --xy-connectionline-stroke-default: #b1b1b7;
48
- --xy-connectionline-stroke-width-default: 1;
49
- --xy-attribution-background-color-default: rgba(150, 150, 150, 0.25);
50
- --xy-minimap-background-color-default: #141414;
51
- --xy-minimap-mask-background-color-default: rgba(60, 60, 60, 0.6);
52
- --xy-minimap-mask-stroke-color-default: transparent;
53
- --xy-minimap-mask-stroke-width-default: 1;
54
- --xy-minimap-node-background-color-default: #2b2b2b;
55
- --xy-minimap-node-stroke-color-default: transparent;
56
- --xy-minimap-node-stroke-width-default: 2;
57
- --xy-background-color-default: #141414;
58
- --xy-background-pattern-dots-color-default: #777;
59
- --xy-background-pattern-lines-color-default: #777;
60
- --xy-background-pattern-cross-color-default: #777;
61
- --xy-node-color-default: #f8f8f8;
62
- --xy-node-border-default: 1px solid #3c3c3c;
63
- --xy-node-background-color-default: #1e1e1e;
64
- --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
65
- --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, 0.08);
66
- --xy-node-boxshadow-selected-default: 0 0 0 0.5px #999;
67
- --xy-handle-background-color-default: #bebebe;
68
- --xy-handle-border-color-default: #1e1e1e;
69
- --xy-selection-background-color-default: rgba(200, 200, 220, 0.08);
70
- --xy-selection-border-default: 1px dotted rgba(200, 200, 220, 0.8);
71
- --xy-controls-button-background-color-default: #2b2b2b;
72
- --xy-controls-button-background-color-hover-default: #3e3e3e;
73
- --xy-controls-button-color-default: #f8f8f8;
74
- --xy-controls-button-color-hover-default: #fff;
75
- --xy-controls-button-border-color-default: #5b5b5b;
76
- --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);
77
- --xy-edge-label-background-color-default: #141414;
78
- --xy-edge-label-color-default: #f8f8f8;
79
- }
80
- .react-flow__background {
81
- background-color: var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));
82
- pointer-events: none;
83
- z-index: -1;
84
- }
85
- .react-flow__container {
86
- position: absolute;
87
- width: 100%;
88
- height: 100%;
89
- top: 0;
90
- left: 0;
91
- }
92
- .react-flow__pane {
93
- z-index: 1;
94
- }
95
- .react-flow__pane.draggable {
96
- cursor: grab;
97
- }
98
- .react-flow__pane.dragging {
99
- cursor: grabbing;
100
- }
101
- .react-flow__pane.selection {
102
- cursor: pointer;
103
- }
104
- .react-flow__viewport {
105
- transform-origin: 0 0;
106
- z-index: 2;
107
- pointer-events: none;
108
- }
109
- .react-flow__renderer {
110
- z-index: 4;
111
- }
112
- .react-flow__selection {
113
- z-index: 6;
114
- }
115
- .react-flow__nodesselection-rect:focus,
116
- .react-flow__nodesselection-rect:focus-visible {
117
- outline: none;
118
- }
119
- .react-flow__edge-path {
120
- stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
121
- stroke-width: var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));
122
- fill: none;
123
- }
124
- .react-flow__connection-path {
125
- stroke: var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));
126
- stroke-width: var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));
127
- fill: none;
128
- }
129
- .react-flow .react-flow__edges {
130
- position: absolute;
131
- }
132
- .react-flow .react-flow__edges svg {
133
- overflow: visible;
134
- position: absolute;
135
- pointer-events: none;
136
- }
137
- .react-flow__edge {
138
- pointer-events: visibleStroke;
139
- }
140
- .react-flow__edge.selectable {
141
- cursor: pointer;
142
- }
143
- .react-flow__edge.animated path {
144
- stroke-dasharray: 5;
145
- animation: dashdraw 0.5s linear infinite;
146
- }
147
- .react-flow__edge.animated path.react-flow__edge-interaction {
148
- stroke-dasharray: none;
149
- animation: none;
150
- }
151
- .react-flow__edge.inactive {
152
- pointer-events: none;
153
- }
154
- .react-flow__edge.selected,
155
- .react-flow__edge:focus,
156
- .react-flow__edge:focus-visible {
157
- outline: none;
158
- }
159
- .react-flow__edge.selected .react-flow__edge-path,
160
- .react-flow__edge.selectable:focus .react-flow__edge-path,
161
- .react-flow__edge.selectable:focus-visible .react-flow__edge-path {
162
- stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default));
163
- }
164
- .react-flow__edge-textwrapper {
165
- pointer-events: all;
166
- }
167
- .react-flow__edge .react-flow__edge-text {
168
- pointer-events: none;
169
- -webkit-user-select: none;
170
- -moz-user-select: none;
171
- user-select: none;
172
- }
173
- .react-flow__arrowhead polyline {
174
- stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
175
- }
176
- .react-flow__arrowhead polyline.arrowclosed {
177
- fill: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
178
- }
179
- .react-flow__connection {
180
- pointer-events: none;
181
- }
182
- .react-flow__connection .animated {
183
- stroke-dasharray: 5;
184
- animation: dashdraw 0.5s linear infinite;
185
- }
186
- svg.react-flow__connectionline {
187
- z-index: 1001;
188
- overflow: visible;
189
- position: absolute;
190
- }
191
- .react-flow__nodes {
192
- pointer-events: none;
193
- transform-origin: 0 0;
194
- }
195
- .react-flow__node {
196
- position: absolute;
197
- -webkit-user-select: none;
198
- -moz-user-select: none;
199
- user-select: none;
200
- pointer-events: all;
201
- transform-origin: 0 0;
202
- box-sizing: border-box;
203
- cursor: default;
204
- }
205
- .react-flow__node.selectable {
206
- cursor: pointer;
207
- }
208
- .react-flow__node.draggable {
209
- cursor: grab;
210
- pointer-events: all;
211
- }
212
- .react-flow__node.draggable.dragging {
213
- cursor: grabbing;
214
- }
215
- .react-flow__nodesselection {
216
- z-index: 3;
217
- transform-origin: left top;
218
- pointer-events: none;
219
- }
220
- .react-flow__nodesselection-rect {
221
- position: absolute;
222
- pointer-events: all;
223
- cursor: grab;
224
- }
225
- .react-flow__handle {
226
- position: absolute;
227
- pointer-events: none;
228
- min-width: 5px;
229
- min-height: 5px;
230
- width: 6px;
231
- height: 6px;
232
- background-color: var(--xy-handle-background-color, var(--xy-handle-background-color-default));
233
- border: 1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));
234
- border-radius: 100%;
235
- }
236
- .react-flow__handle.connectingfrom {
237
- pointer-events: all;
238
- }
239
- .react-flow__handle.connectionindicator {
240
- pointer-events: all;
241
- cursor: crosshair;
242
- }
243
- .react-flow__handle-bottom {
244
- top: auto;
245
- left: 50%;
246
- bottom: 0;
247
- transform: translate(-50%, 50%);
248
- }
249
- .react-flow__handle-top {
250
- top: 0;
251
- left: 50%;
252
- transform: translate(-50%, -50%);
253
- }
254
- .react-flow__handle-left {
255
- top: 50%;
256
- left: 0;
257
- transform: translate(-50%, -50%);
258
- }
259
- .react-flow__handle-right {
260
- top: 50%;
261
- right: 0;
262
- transform: translate(50%, -50%);
263
- }
264
- .react-flow__edgeupdater {
265
- cursor: move;
266
- pointer-events: all;
267
- }
268
- .react-flow__pane.selection .react-flow__panel {
269
- pointer-events: none;
270
- }
271
- .react-flow__panel {
272
- position: absolute;
273
- z-index: 5;
274
- margin: 15px;
275
- }
276
- .react-flow__panel.top {
277
- top: 0;
278
- }
279
- .react-flow__panel.bottom {
280
- bottom: 0;
281
- }
282
- .react-flow__panel.top.center,
283
- .react-flow__panel.bottom.center {
284
- left: 50%;
285
- transform: translateX(-15px) translateX(-50%);
286
- }
287
- .react-flow__panel.left {
288
- left: 0;
289
- }
290
- .react-flow__panel.right {
291
- right: 0;
292
- }
293
- .react-flow__panel.left.center,
294
- .react-flow__panel.right.center {
295
- top: 50%;
296
- transform: translateY(-15px) translateY(-50%);
297
- }
298
- .react-flow__attribution {
299
- font-size: 10px;
300
- background: var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));
301
- padding: 2px 3px;
302
- margin: 0;
303
- }
304
- .react-flow__attribution a {
305
- text-decoration: none;
306
- color: #999;
307
- }
308
- @keyframes dashdraw {
309
- from {
310
- stroke-dashoffset: 10;
311
- }
312
- }
313
- .react-flow__edgelabel-renderer {
314
- position: absolute;
315
- width: 100%;
316
- height: 100%;
317
- pointer-events: none;
318
- -webkit-user-select: none;
319
- -moz-user-select: none;
320
- user-select: none;
321
- left: 0;
322
- top: 0;
323
- }
324
- .react-flow__viewport-portal {
325
- position: absolute;
326
- width: 100%;
327
- height: 100%;
328
- left: 0;
329
- top: 0;
330
- -webkit-user-select: none;
331
- -moz-user-select: none;
332
- user-select: none;
333
- }
334
- .react-flow__minimap {
335
- background: var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) );
336
- }
337
- .react-flow__minimap-svg {
338
- display: block;
339
- }
340
- .react-flow__minimap-mask {
341
- fill: var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );
342
- stroke: var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );
343
- stroke-width: var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) );
344
- }
345
- .react-flow__minimap-node {
346
- fill: var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );
347
- stroke: var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );
348
- stroke-width: var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) );
349
- }
350
- .react-flow__background-pattern.dots {
351
- fill: var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) );
352
- }
353
- .react-flow__background-pattern.lines {
354
- stroke: var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) );
355
- }
356
- .react-flow__background-pattern.cross {
357
- stroke: var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) );
358
- }
359
- .react-flow__controls {
360
- display: flex;
361
- flex-direction: column;
362
- box-shadow: var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default));
363
- }
364
- .react-flow__controls.horizontal {
365
- flex-direction: row;
366
- }
367
- .react-flow__controls-button {
368
- display: flex;
369
- justify-content: center;
370
- align-items: center;
371
- height: 26px;
372
- width: 26px;
373
- padding: 4px;
374
- border: none;
375
- background: var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));
376
- border-bottom: 1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );
377
- color: var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );
378
- cursor: pointer;
379
- -webkit-user-select: none;
380
- -moz-user-select: none;
381
- user-select: none;
382
- }
383
- .react-flow__controls-button svg {
384
- width: 100%;
385
- max-width: 12px;
386
- max-height: 12px;
387
- fill: currentColor;
388
- }
389
- .react-flow__edge.updating .react-flow__edge-path {
390
- stroke: #777;
391
- }
392
- .react-flow__edge-text {
393
- font-size: 10px;
394
- }
395
- .react-flow__node.selectable:focus,
396
- .react-flow__node.selectable:focus-visible {
397
- outline: none;
398
- }
399
- .react-flow__node-input,
400
- .react-flow__node-default,
401
- .react-flow__node-output,
402
- .react-flow__node-group {
403
- padding: 10px;
404
- border-radius: var(--xy-node-border-radius, var(--xy-node-border-radius-default));
405
- width: 150px;
406
- font-size: 12px;
407
- color: var(--xy-node-color, var(--xy-node-color-default));
408
- text-align: center;
409
- border: var(--xy-node-border, var(--xy-node-border-default));
410
- background-color: var(--xy-node-background-color, var(--xy-node-background-color-default));
411
- }
412
- .react-flow__node-input.selectable:hover,
413
- .react-flow__node-default.selectable:hover,
414
- .react-flow__node-output.selectable:hover,
415
- .react-flow__node-group.selectable:hover {
416
- box-shadow: var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default));
417
- }
418
- .react-flow__node-input.selectable.selected,
419
- .react-flow__node-input.selectable:focus,
420
- .react-flow__node-input.selectable:focus-visible,
421
- .react-flow__node-default.selectable.selected,
422
- .react-flow__node-default.selectable:focus,
423
- .react-flow__node-default.selectable:focus-visible,
424
- .react-flow__node-output.selectable.selected,
425
- .react-flow__node-output.selectable:focus,
426
- .react-flow__node-output.selectable:focus-visible,
427
- .react-flow__node-group.selectable.selected,
428
- .react-flow__node-group.selectable:focus,
429
- .react-flow__node-group.selectable:focus-visible {
430
- box-shadow: var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default));
431
- }
432
- .react-flow__node-group {
433
- background-color: var(--xy-node-group-background-color, var(--xy-node-group-background-color-default));
434
- }
435
- .react-flow__nodesselection-rect,
436
- .react-flow__selection {
437
- background: var(--xy-selection-background-color, var(--xy-selection-background-color-default));
438
- border: var(--xy-selection-border, var(--xy-selection-border-default));
439
- }
440
- .react-flow__nodesselection-rect:focus,
441
- .react-flow__nodesselection-rect:focus-visible,
442
- .react-flow__selection:focus,
443
- .react-flow__selection:focus-visible {
444
- outline: none;
445
- }
446
- .react-flow__controls-button:hover {
447
- background: var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );
448
- color: var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) );
449
- }
450
- .react-flow__controls-button:disabled {
451
- pointer-events: none;
452
- }
453
- .react-flow__controls-button:disabled svg {
454
- fill-opacity: 0.4;
455
- }
456
- .react-flow__controls-button:last-child {
457
- border-bottom: none;
458
- }
459
- .react-flow__controls.horizontal .react-flow__controls-button {
460
- border-bottom: none;
461
- border-right: 1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );
462
- }
463
- .react-flow__controls.horizontal .react-flow__controls-button:last-child {
464
- border-right: none;
465
- }
466
- .react-flow__resize-control {
467
- position: absolute;
468
- }
469
- .react-flow__resize-control.left,
470
- .react-flow__resize-control.right {
471
- cursor: ew-resize;
472
- }
473
- .react-flow__resize-control.top,
474
- .react-flow__resize-control.bottom {
475
- cursor: ns-resize;
476
- }
477
- .react-flow__resize-control.top.left,
478
- .react-flow__resize-control.bottom.right {
479
- cursor: nwse-resize;
480
- }
481
- .react-flow__resize-control.bottom.left,
482
- .react-flow__resize-control.top.right {
483
- cursor: nesw-resize;
484
- }
485
- .react-flow__resize-control.handle {
486
- width: 5px;
487
- height: 5px;
488
- border: 1px solid #fff;
489
- border-radius: 1px;
490
- background-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
491
- translate: -50% -50%;
492
- }
493
- .react-flow__resize-control.handle.left {
494
- left: 0;
495
- top: 50%;
496
- }
497
- .react-flow__resize-control.handle.right {
498
- left: 100%;
499
- top: 50%;
500
- }
501
- .react-flow__resize-control.handle.top {
502
- left: 50%;
503
- top: 0;
504
- }
505
- .react-flow__resize-control.handle.bottom {
506
- left: 50%;
507
- top: 100%;
508
- }
509
- .react-flow__resize-control.handle.top.left {
510
- left: 0;
511
- }
512
- .react-flow__resize-control.handle.bottom.left {
513
- left: 0;
514
- }
515
- .react-flow__resize-control.handle.top.right {
516
- left: 100%;
517
- }
518
- .react-flow__resize-control.handle.bottom.right {
519
- left: 100%;
520
- }
521
- .react-flow__resize-control.line {
522
- border-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
523
- border-width: 0;
524
- border-style: solid;
525
- }
526
- .react-flow__resize-control.line.left,
527
- .react-flow__resize-control.line.right {
528
- width: 1px;
529
- transform: translate(-50%, 0);
530
- top: 0;
531
- height: 100%;
532
- }
533
- .react-flow__resize-control.line.left {
534
- left: 0;
535
- border-left-width: 1px;
536
- }
537
- .react-flow__resize-control.line.right {
538
- left: 100%;
539
- border-right-width: 1px;
540
- }
541
- .react-flow__resize-control.line.top,
542
- .react-flow__resize-control.line.bottom {
543
- height: 1px;
544
- transform: translate(0, -50%);
545
- left: 0;
546
- width: 100%;
547
- }
548
- .react-flow__resize-control.line.top {
549
- top: 0;
550
- border-top-width: 1px;
551
- }
552
- .react-flow__resize-control.line.bottom {
553
- border-bottom-width: 1px;
554
- top: 100%;
555
- }
556
- .react-flow__edge-textbg {
557
- fill: var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default));
558
- }
559
- .react-flow__edge-text {
560
- fill: var(--xy-edge-label-color, var(--xy-edge-label-color-default));
561
- }