@versa-stack/v-craft 1.1.0-alpha.1 → 1.1.0-alpha.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.
Files changed (22) hide show
  1. package/dist/types/components/CraftEditorPanelNodeDataSourceSettings.vue.d.ts +11 -0
  2. package/dist/types/components/CraftEditorPanelNodeSlotPropsSettings.vue.d.ts +50 -0
  3. package/dist/types/components/CraftEditorPanelSettings.vue.d.ts +6 -1
  4. package/dist/types/components/CraftNodeEditor.vue.d.ts +2 -0
  5. package/dist/types/components/CraftNodeStatic.vue.d.ts +2 -0
  6. package/dist/types/components/CraftNodeViewer.vue.d.ts +2 -0
  7. package/dist/types/components/composable/index.d.ts +2 -0
  8. package/dist/types/components/composable/useAncestorContextBuckets.d.ts +20 -0
  9. package/dist/types/components/composable/useCraftFrame.d.ts +23 -0
  10. package/dist/types/components/composable/useCraftNodeWrapper.d.ts +23 -0
  11. package/dist/types/components/composable/useResolveCraftNode.d.ts +4 -2
  12. package/dist/types/components/composable/useResolveCraftNodeProps.d.ts +10 -0
  13. package/dist/types/components/index.d.ts +3 -1
  14. package/dist/types/components/utils.d.ts +1 -0
  15. package/dist/types/lib/CraftNodeResolver.d.ts +2 -0
  16. package/dist/types/lib/craftNode.d.ts +1 -0
  17. package/dist/types/lib/extractSchemaFieldNames.d.ts +11 -0
  18. package/dist/types/store/editor.d.ts +23 -0
  19. package/dist/v-craft.css +1 -1
  20. package/dist/v-craft.es.js +3145 -2779
  21. package/dist/v-craft.es.js.map +1 -1
  22. package/package.json +1 -1
package/dist/types/store/editor.d.ts CHANGED
@@ -18,6 +18,7 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
18
18
  hasNodes: (state: {
19
19
  nodeMap: Map<string, {
20
20
  slots: Record<string, CraftNode[]>;
21
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
21
22
  componentName: string;
22
23
  parentUuid?: string | null | undefined;
23
24
  props: any;
@@ -36,6 +37,7 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
36
37
  selectedUuid: string | null;
37
38
  draggedNode: {
38
39
  slots: Record<string, CraftNode[]>;
40
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
39
41
  componentName: string;
40
42
  parentUuid?: string | null | undefined;
41
43
  props: any;
@@ -63,6 +65,7 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
63
65
  getSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
64
66
  getEventsSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
65
67
  getRules: (craftNode: CraftNode) => import('../lib/craftNode').CraftNodeRules;
68
+ getSlotsProps: (craftNode: CraftNode) => Record<string, string[]>;
66
69
  } | null;
67
70
  eventsContext: Record<string, any>;
68
71
  nodeDataMap: Record<string, CraftNodeDatasource | null>;
@@ -71,6 +74,7 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
71
74
  selectedNode: (state: {
72
75
  nodeMap: Map<string, {
73
76
  slots: Record<string, CraftNode[]>;
77
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
74
78
  componentName: string;
75
79
  parentUuid?: string | null | undefined;
76
80
  props: any;
@@ -89,6 +93,7 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
89
93
  selectedUuid: string | null;
90
94
  draggedNode: {
91
95
  slots: Record<string, CraftNode[]>;
96
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
92
97
  componentName: string;
93
98
  parentUuid?: string | null | undefined;
94
99
  props: any;
@@ -116,6 +121,7 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
116
121
  getSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
117
122
  getEventsSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
118
123
  getRules: (craftNode: CraftNode) => import('../lib/craftNode').CraftNodeRules;
124
+ getSlotsProps: (craftNode: CraftNode) => Record<string, string[]>;
119
125
  } | null;
120
126
  eventsContext: Record<string, any>;
121
127
  nodeDataMap: Record<string, CraftNodeDatasource | null>;
@@ -124,6 +130,7 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
124
130
  selectedRef: (state: {
125
131
  nodeMap: Map<string, {
126
132
  slots: Record<string, CraftNode[]>;
133
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
127
134
  componentName: string;
128
135
  parentUuid?: string | null | undefined;
129
136
  props: any;
@@ -142,6 +149,7 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
142
149
  selectedUuid: string | null;
143
150
  draggedNode: {
144
151
  slots: Record<string, CraftNode[]>;
152
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
145
153
  componentName: string;
146
154
  parentUuid?: string | null | undefined;
147
155
  props: any;
@@ -169,6 +177,7 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
169
177
  getSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
170
178
  getEventsSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
171
179
  getRules: (craftNode: CraftNode) => import('../lib/craftNode').CraftNodeRules;
180
+ getSlotsProps: (craftNode: CraftNode) => Record<string, string[]>;
172
181
  } | null;
173
182
  eventsContext: Record<string, any>;
174
183
  nodeDataMap: Record<string, CraftNodeDatasource | null>;
@@ -177,6 +186,7 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
177
186
  getRef: (state: {
178
187
  nodeMap: Map<string, {
179
188
  slots: Record<string, CraftNode[]>;
189
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
180
190
  componentName: string;
181
191
  parentUuid?: string | null | undefined;
182
192
  props: any;
@@ -195,6 +205,7 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
195
205
  selectedUuid: string | null;
196
206
  draggedNode: {
197
207
  slots: Record<string, CraftNode[]>;
208
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
198
209
  componentName: string;
199
210
  parentUuid?: string | null | undefined;
200
211
  props: any;
@@ -222,6 +233,7 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
222
233
  getSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
223
234
  getEventsSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
224
235
  getRules: (craftNode: CraftNode) => import('../lib/craftNode').CraftNodeRules;
236
+ getSlotsProps: (craftNode: CraftNode) => Record<string, string[]>;
225
237
  } | null;
226
238
  eventsContext: Record<string, any>;
227
239
  nodeDataMap: Record<string, CraftNodeDatasource | null>;
@@ -230,6 +242,7 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
230
242
  allNodes: (state: {
231
243
  nodeMap: Map<string, {
232
244
  slots: Record<string, CraftNode[]>;
245
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
233
246
  componentName: string;
234
247
  parentUuid?: string | null | undefined;
235
248
  props: any;
@@ -248,6 +261,7 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
248
261
  selectedUuid: string | null;
249
262
  draggedNode: {
250
263
  slots: Record<string, CraftNode[]>;
264
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
251
265
  componentName: string;
252
266
  parentUuid?: string | null | undefined;
253
267
  props: any;
@@ -275,6 +289,7 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
275
289
  getSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
276
290
  getEventsSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
277
291
  getRules: (craftNode: CraftNode) => import('../lib/craftNode').CraftNodeRules;
292
+ getSlotsProps: (craftNode: CraftNode) => Record<string, string[]>;
278
293
  } | null;
279
294
  eventsContext: Record<string, any>;
280
295
  nodeDataMap: Record<string, CraftNodeDatasource | null>;
@@ -283,6 +298,7 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
283
298
  getDraggedNode: (state: {
284
299
  nodeMap: Map<string, {
285
300
  slots: Record<string, CraftNode[]>;
301
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
286
302
  componentName: string;
287
303
  parentUuid?: string | null | undefined;
288
304
  props: any;
@@ -301,6 +317,7 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
301
317
  selectedUuid: string | null;
302
318
  draggedNode: {
303
319
  slots: Record<string, CraftNode[]>;
320
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
304
321
  componentName: string;
305
322
  parentUuid?: string | null | undefined;
306
323
  props: any;
@@ -328,12 +345,14 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
328
345
  getSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
329
346
  getEventsSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
330
347
  getRules: (craftNode: CraftNode) => import('../lib/craftNode').CraftNodeRules;
348
+ getSlotsProps: (craftNode: CraftNode) => Record<string, string[]>;
331
349
  } | null;
332
350
  eventsContext: Record<string, any>;
333
351
  nodeDataMap: Record<string, CraftNodeDatasource | null>;
334
352
  draggingDisabled: boolean;
335
353
  } & import('pinia').PiniaCustomStateProperties<EditorState>) => {
336
354
  slots: Record<string, CraftNode[]>;
355
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
337
356
  componentName: string;
338
357
  parentUuid?: string | null | undefined;
339
358
  props: any;
@@ -351,6 +370,7 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
351
370
  nodeTree: (state: {
352
371
  nodeMap: Map<string, {
353
372
  slots: Record<string, CraftNode[]>;
373
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
354
374
  componentName: string;
355
375
  parentUuid?: string | null | undefined;
356
376
  props: any;
@@ -369,6 +389,7 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
369
389
  selectedUuid: string | null;
370
390
  draggedNode: {
371
391
  slots: Record<string, CraftNode[]>;
392
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
372
393
  componentName: string;
373
394
  parentUuid?: string | null | undefined;
374
395
  props: any;
@@ -396,6 +417,7 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
396
417
  getSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
397
418
  getEventsSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
398
419
  getRules: (craftNode: CraftNode) => import('../lib/craftNode').CraftNodeRules;
420
+ getSlotsProps: (craftNode: CraftNode) => Record<string, string[]>;
399
421
  } | null;
400
422
  eventsContext: Record<string, any>;
401
423
  nodeDataMap: Record<string, CraftNodeDatasource | null>;
@@ -413,6 +435,7 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
413
435
  setNodeData(uuid: string, data: CraftNodeDatasource | null): void;
414
436
  updateNodeProps(nodeUuid: string, newProps: Record<string, any>): void;
415
437
  updateNodeEvents(nodeUuid: string, newEvents: Record<string, string>): void;
438
+ updateNodeSlotsPropsPropsMap(nodeUuid: string, slotsPropsPropsMap: Record<string, Record<string, string>>): void;
416
439
  setNodes(nodes: CraftNode[]): void;
417
440
  addNodeRecursively(node: CraftNode, parentUuid?: string | null): void;
418
441
  selectNode(craftNode: CraftNode | null): void;
package/dist/v-craft.css CHANGED
@@ -1 +1 @@
1
- .pre-wrap{white-space:pre-wrap}.editable-text.is-editable:hover{background-color:#0000000d;cursor:pointer}.editable-text.is-editing{display:inline-block;width:100%}.editable-text__textarea{font:inherit;border:none;background:none;outline:none;width:100%;resize:none;overflow:hidden;min-height:1em;line-height:inherit;padding:.12em;margin:0}.editable-text__textarea:focus{border:none}.v-craft-blueprints-panel[data-v-a6de4dca]{min-width:15em;max-width:15em;width:15em}.v-craft-blueprints-panel[data-v-a6de4dca] .v-craft-blueprint{text-align:center;padding:.25em;position:relative;border:1px solid var(--v-craft-gray-medium);border-radius:3px;display:flex;align-items:center;cursor:pointer;background-color:var(--v-craft-background-color-lighter-10)}.v-craft-blueprints-panel[data-v-a6de4dca] .v-craft-blueprint-label{font-size:.8em;text-transform:uppercase;font-weight:700;color:var(--v-craft-gray-darker)}.v-craft-blueprints-panel h4[data-v-a6de4dca]{font-size:.8em;text-transform:uppercase;font-weight:700;color:var(--v-craft-gray-medium);margin-bottom:.75em;margin-top:2em}.v-craft-panel.v-craft-layers-panel[data-v-ab795ec3]{padding:10px;display:flex;flex-direction:column;height:auto;position:relative;width:23rem}.v-craft-layers[data-v-ab795ec3]{overflow-y:auto}.v-craft-layers[data-v-ab795ec3]::-webkit-scrollbar{width:8px}.v-craft-layers[data-v-ab795ec3]::-webkit-scrollbar-track{background:var(--v-craft-scrollbar-track)}.v-craft-layers[data-v-ab795ec3]::-webkit-scrollbar-thumb{background:var(--v-craft-scrollbar-thumb);border-radius:4px}.v-craft-layers[data-v-ab795ec3]::-webkit-scrollbar-thumb:hover{background:var(--v-craft-scrollbar-thumb-hover)}.v-craft-layers[data-v-ab795ec3]{max-height:300px;overflow-y:auto;margin-top:10px}ul.v-craft-node-layers[data-v-ab795ec3]{margin:0;padding:0;list-style-type:none}.v-craft-panel-manager .v-craft-panel[data-v-81a2200d]{padding:.75em;margin-bottom:1.25em;box-shadow:0 2px 2px #00000009,0 4px 4px #0000000c,0 6px 6px #0000000f,0 8px 8px #00000012,0 10px 10px #00000016,0 15px 15px #0000001f;border-radius:3px}.v-craft-panel-manager[data-v-81a2200d] .v-craft-panel .v-craft-title{margin:0;padding:.125em;border-bottom:1px solid var(--v-craft-gray-medium)}.v-craft-node-layer[data-v-208a4e02]{padding:5px 0;border-bottom:1px solid var(--v-craft-gray-dark);list-style-type:none}.v-craft-node-layer.v-craft-node-layer-selected>.v-craft-component-layer-face[data-v-208a4e02]{background-color:var(--v-craft-blue-lighter-5)}.v-craft-node-layer.v-craft-node-layer-selected>.v-craft-component-layer-face[data-v-208a4e02]:hover{background-color:var(--v-craft-blue-lighter-15)}.v-craft-node-layer[data-v-208a4e02] .v-craft-component-layer-face{display:flex;align-items:center;padding:2px 5px;background-color:var(--v-craft-gray-medium);border-radius:3px;transition:background-color .2s ease;position:relative}.v-craft-node-layer[data-v-208a4e02] .v-craft-component-layer-face:before{position:absolute;background-color:var(--v-craft-gray-medium);width:.5em;height:1px;top:50%;left:-.5em;content:" "}.v-craft-node-layer[data-v-208a4e02] .v-craft-component-layer-face:hover{background-color:var(--v-craft-gray-medium-lighter-15)}.v-craft-node-layer[data-v-208a4e02] .v-craft-component-name{flex-grow:1;font-size:12px;cursor:pointer}.v-craft-node-layer[data-v-208a4e02] .v-craft-component-icon{font-size:12px;cursor:pointer;margin-left:5px;transition:color .2s ease}.v-craft-node-layer[data-v-208a4e02] .v-craft-component-icon:hover{color:var(--v-craft-blue)}.v-craft-node-layer[data-v-208a4e02] .v-craft-component-icon{border:none;padding:.12em}.v-craft-node-layer[data-v-208a4e02] .nested-layers{margin-left:15px;border-left:1px solid var(--v-craft-gray-medium);padding-left:5px}:root{--v-craft-indicator-bg-allowed: var(--v-craft-green);--v-craft-indicator-bg-forbidden: var(--v-craft-red);--v-craft-indicator-transition-duration: .125s;--v-craft-indicator-z-index: 10000}.v-craft-indicator{position:fixed;background-color:var(--v-craft-indicator-bg-allowed);transition:top var(--v-craft-indicator-transition-duration) ease,left var(--v-craft-indicator-transition-duration) ease,right var(--v-craft-indicator-transition-duration) ease,bottom var(--v-craft-indicator-transition-duration) ease,width var(--v-craft-indicator-transition-duration) ease,height var(--v-craft-indicator-transition-duration) ease,background-color var(--v-craft-indicator-transition-duration) ease-in-out;z-index:var(--v-craft-indicator-z-index)}.v-craft-indicator:after{content:" "}.v-craft-indicator.v-craft-forbidden{background-color:var(--v-craft-indicator-bg-forbidden)}.v-craft-node{position:relative;transition:all var(--v-craft-transition-duration) ease;cursor:pointer;box-sizing:border-box}.v-craft-node:after{content:"";position:absolute;top:calc(-1 * var(--v-craft-node-editor-border-padding));left:calc(-1 * var(--v-craft-node-editor-border-padding));right:calc(-1 * var(--v-craft-node-editor-border-padding));bottom:calc(-1 * var(--v-craft-node-editor-border-padding));border:1px solid transparent;border-radius:4px;transition:border-color var(--v-craft-transition-duration) ease-in-out,box-shadow var(--v-craft-transition-duration) ease-in-out;pointer-events:none;z-index:10}.v-craft-node:before{content:"";align-items:center;background-color:var(--node-color, var(--v-craft-blue));bottom:calc(-20px - var(--v-craft-node-editor-border-padding));color:var(--v-craft-white);display:flex;font-family:Arial,sans-serif;font-size:12px;font-weight:400;height:20px;left:calc(-1 * var(--v-craft-node-editor-border-padding) + 3px);line-height:1.4em;opacity:0;padding:0 5px!important;pointer-events:none;position:absolute;text-align:center;text-transform:none;transition:opacity var(--v-craft-transition-duration) ease-in-out;z-index:100}.v-craft-node.v-craft-canvas.v-craft-other-node-dragged:before{opacity:.5}.v-craft-node:hover:not(:has(.v-craft-node:hover)):not(.v-craft-node-selected):before{opacity:1}.v-craft-node-selected:before{opacity:1}.v-craft-node:hover:not(:has(.v-craft-node:hover)):after{border-color:var(--node-color, var(--v-craft-blue-lighter-20));box-shadow:0 0 0 1px var(--node-color, var(--v-craft-blue))}.dark .v-craft-node:hover:not(:has(.v-craft-node:hover)):after{border-color:var(--node-color, var(--v-craft-blue-darker-25));box-shadow:0 0 0 1px var(--node-color, var(--v-craft-blue))}.v-craft-node.v-craft-canvas:hover:not(:has(.v-craft-node:hover)):not(.v-craft-node-selected):after{box-shadow:0 0 .5em .1em rgba(var(--node-color),.2)}.v-craft-node-selected:not(:hover):after{border:1px solid var(--node-color, var(--v-craft-blue));box-shadow:0 0 .5em .1em rgba(var(--node-color),.2)}.v-craft-node-selected:after{border:1px solid var(--node-color, var(--v-craft-blue));box-shadow:0 0 0 1px var(--node-color, var(--v-craft-blue))}.v-craft-node.v-craft-canvas.v-craft-other-node-dragged:after{border:2px dashed var(--node-color, var(--v-craft-blue))}.v-craft-node.v-craft-canvas .v-craft-drop-text{border:2px dashed var(--v-craft-gray-medium);color:var(--v-craft-text-color);padding:1.25em;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em;min-height:60px;box-sizing:border-box;pointer-events:auto;position:relative;margin:4px 0}.v-craft-node.v-craft-canvas .v-craft-slot-name{position:absolute;bottom:4px;left:8px;font-weight:400;font-size:.75em;color:var(--v-craft-gray-medium);text-transform:uppercase;letter-spacing:.05em}.v-craft-node.v-craft-canvas .v-craft-drop-text-label{font-size:.85em;color:var(--v-craft-gray-medium)}.v-craft-node.v-craft-canvas.v-craft-other-node-dragged{padding:10px!important;margin-bottom:25px!important}.v-craft-node-selected{z-index:1}.v-craft-node.v-craft-drag-over{box-shadow:0 0 0 2px var(--node-color, var(--v-craft-blue))}.v-craft-node.v-craft-dragging{opacity:.7}.v-craft-node:before{content:attr(data-node-name)}:root{--v-craft-blue: #1473e6;--v-craft-red: #ff3366;--v-craft-green: rgb(15, 177, 88);--v-craft-gray-dark: #f8f8f8;--v-craft-gray-medium: rgb(202.5, 202.5, 202.5);--v-craft-gray-light: rgb(167.5, 167.5, 167.5);--v-craft-gray-darkest: hsl(0, 0%, 101.7647058824%);--v-craft-white: #ffffff;--v-craft-background-color: hsl(0, 0%, 106.7647058824%);--v-craft-background-color-lighter-10: #ffffff;--v-craft-background-color-darker-10: hsl(0, 0%, 101.7647058824%);--v-craft-input-background: hsl(0, 0%, 109.7647058824%);--v-craft-input-border: #eaeaea;--v-craft-text-color: rgb(55.5, 55.5, 55.5);--v-craft-text-color-blue: #e0e0e0;--v-craft-error-color: #ff3366;--v-craft-blue-darker-25: rgb(9.8, 56.35, 112.7);--v-craft-blue-darker-30: rgb(7.76, 44.62, 89.24);--v-craft-blue-lighter-5: rgb(39.26, 128.37, 236.24);--v-craft-blue-lighter-10: rgb(62.72, 142.14, 238.28);--v-craft-blue-lighter-15: rgb(86.18, 155.91, 240.32);--v-craft-blue-lighter-20: rgb(109.64, 169.68, 242.36);--v-craft-blue-transparent-70: rgba(20, 115, 230, .7);--v-craft-blue-transparent-20: rgba(20, 115, 230, .2);--v-craft-gray-dark-darker-10: rgb(222.5, 222.5, 222.5);--v-craft-gray-dark-darker-5: rgb(235.25, 235.25, 235.25);--v-craft-gray-dark-lighter-10: hsl(0, 0%, 107.2549019608%);--v-craft-gray-dark-transparent-50: rgba(248, 248, 248, .5);--v-craft-gray-medium-darker-10: #b1b1b1;--v-craft-gray-medium-lighter-15: rgb(240.75, 240.75, 240.75);--v-craft-transition-duration: .3s;--v-craft-node-editor-border-padding: .2rem}html.dark{--v-craft-blue: #1473e6;--v-craft-red: #ff3366;--v-craft-green: rgb(15, 177, 88);--v-craft-gray-dark: #2c2c2c;--v-craft-gray-medium: #4b4b4b;--v-craft-gray-light: #8e8e8e;--v-craft-gray-darkest: #1e1e1e;--v-craft-white: #ffffff;--v-craft-background-color: #1e1e1e;--v-craft-background-color-lighter-10: rgb(55.5, 55.5, 55.5);--v-craft-background-color-darker-10: rgb(4.5, 4.5, 4.5);--v-craft-input-background: #2d2d2d;--v-craft-input-border: #3a3a3a;--v-craft-text-color: #e0e0e0;--v-craft-text-color-blue: #e0e0e0;--v-craft-error-color: #ff3366;--v-craft-blue-darker-25: rgb(9.8, 56.35, 112.7);--v-craft-blue-darker-30: rgb(7.76, 44.62, 89.24);--v-craft-blue-lighter-5: rgb(39.26, 128.37, 236.24);--v-craft-blue-lighter-10: rgb(62.72, 142.14, 238.28);--v-craft-blue-lighter-15: rgb(86.18, 155.91, 240.32);--v-craft-blue-lighter-20: rgb(109.64, 169.68, 242.36);--v-craft-blue-transparent-20: rgba(20, 115, 230, .2);--v-craft-blue-transparent-70: rgba(20, 115, 230, .7);--v-craft-gray-dark-darker-10: rgb(18.5, 18.5, 18.5);--v-craft-gray-dark-darker-5: rgb(31.25, 31.25, 31.25);--v-craft-gray-dark-lighter-10: rgb(69.5, 69.5, 69.5);--v-craft-gray-dark-transparent-50: rgba(44, 44, 44, .5);--v-craft-gray-medium-darker-10: rgb(49.5, 49.5, 49.5);--v-craft-gray-medium-lighter-15: rgb(113.25, 113.25, 113.25)}
1
+ .pre-wrap{white-space:pre-wrap}.editable-text.is-editable:hover{background-color:#0000000d;cursor:pointer}.editable-text.is-editing{display:inline-block;width:100%}.editable-text__textarea{font:inherit;border:none;background:none;outline:none;width:100%;resize:none;overflow:hidden;min-height:1em;line-height:inherit;padding:.12em;margin:0}.editable-text__textarea:focus{border:none}.v-craft-blueprints-panel[data-v-a6de4dca]{min-width:15em;max-width:15em;width:15em}.v-craft-blueprints-panel[data-v-a6de4dca] .v-craft-blueprint{text-align:center;padding:.25em;position:relative;border:1px solid var(--v-craft-gray-medium);border-radius:3px;display:flex;align-items:center;cursor:pointer;background-color:var(--v-craft-background-color-lighter-10)}.v-craft-blueprints-panel[data-v-a6de4dca] .v-craft-blueprint-label{font-size:.8em;text-transform:uppercase;font-weight:700;color:var(--v-craft-gray-darker)}.v-craft-blueprints-panel h4[data-v-a6de4dca]{font-size:.8em;text-transform:uppercase;font-weight:700;color:var(--v-craft-gray-medium);margin-bottom:.75em;margin-top:2em}.v-craft-panel.v-craft-layers-panel[data-v-ab795ec3]{padding:10px;display:flex;flex-direction:column;height:auto;position:relative;width:23rem}.v-craft-layers[data-v-ab795ec3]{overflow-y:auto}.v-craft-layers[data-v-ab795ec3]::-webkit-scrollbar{width:8px}.v-craft-layers[data-v-ab795ec3]::-webkit-scrollbar-track{background:var(--v-craft-scrollbar-track)}.v-craft-layers[data-v-ab795ec3]::-webkit-scrollbar-thumb{background:var(--v-craft-scrollbar-thumb);border-radius:4px}.v-craft-layers[data-v-ab795ec3]::-webkit-scrollbar-thumb:hover{background:var(--v-craft-scrollbar-thumb-hover)}.v-craft-layers[data-v-ab795ec3]{max-height:300px;overflow-y:auto;margin-top:10px}ul.v-craft-node-layers[data-v-ab795ec3]{margin:0;padding:0;list-style-type:none}.v-craft-panel-manager .v-craft-panel[data-v-7dd1d43b]{padding:.75em;margin-bottom:1.25em;box-shadow:0 2px 2px #00000009,0 4px 4px #0000000c,0 6px 6px #0000000f,0 8px 8px #00000012,0 10px 10px #00000016,0 15px 15px #0000001f;border-radius:3px}.v-craft-panel-manager[data-v-7dd1d43b] .v-craft-panel .v-craft-title{margin:0;padding:.125em;border-bottom:1px solid var(--v-craft-gray-medium)}.v-craft-data-source-error[data-v-7c1c5696]{color:var(--v-craft-red, #e5484d)}.v-craft-node-layer[data-v-208a4e02]{padding:5px 0;border-bottom:1px solid var(--v-craft-gray-dark);list-style-type:none}.v-craft-node-layer.v-craft-node-layer-selected>.v-craft-component-layer-face[data-v-208a4e02]{background-color:var(--v-craft-blue-lighter-5)}.v-craft-node-layer.v-craft-node-layer-selected>.v-craft-component-layer-face[data-v-208a4e02]:hover{background-color:var(--v-craft-blue-lighter-15)}.v-craft-node-layer[data-v-208a4e02] .v-craft-component-layer-face{display:flex;align-items:center;padding:2px 5px;background-color:var(--v-craft-gray-medium);border-radius:3px;transition:background-color .2s ease;position:relative}.v-craft-node-layer[data-v-208a4e02] .v-craft-component-layer-face:before{position:absolute;background-color:var(--v-craft-gray-medium);width:.5em;height:1px;top:50%;left:-.5em;content:" "}.v-craft-node-layer[data-v-208a4e02] .v-craft-component-layer-face:hover{background-color:var(--v-craft-gray-medium-lighter-15)}.v-craft-node-layer[data-v-208a4e02] .v-craft-component-name{flex-grow:1;font-size:12px;cursor:pointer}.v-craft-node-layer[data-v-208a4e02] .v-craft-component-icon{font-size:12px;cursor:pointer;margin-left:5px;transition:color .2s ease}.v-craft-node-layer[data-v-208a4e02] .v-craft-component-icon:hover{color:var(--v-craft-blue)}.v-craft-node-layer[data-v-208a4e02] .v-craft-component-icon{border:none;padding:.12em}.v-craft-node-layer[data-v-208a4e02] .nested-layers{margin-left:15px;border-left:1px solid var(--v-craft-gray-medium);padding-left:5px}.v-craft-slot-props-map-group[data-v-f762baf8]{border:1px solid var(--v-craft-gray-medium, #ccc);border-radius:4px;padding:.75em;margin-bottom:1em}.v-craft-slot-props-remove[data-v-f762baf8],.v-craft-slot-props-add[data-v-f762baf8]{width:100%;margin-top:.25em}:root{--v-craft-indicator-bg-allowed: var(--v-craft-green);--v-craft-indicator-bg-forbidden: var(--v-craft-red);--v-craft-indicator-transition-duration: .125s;--v-craft-indicator-z-index: 10000}.v-craft-indicator{position:fixed;background-color:var(--v-craft-indicator-bg-allowed);transition:top var(--v-craft-indicator-transition-duration) ease,left var(--v-craft-indicator-transition-duration) ease,right var(--v-craft-indicator-transition-duration) ease,bottom var(--v-craft-indicator-transition-duration) ease,width var(--v-craft-indicator-transition-duration) ease,height var(--v-craft-indicator-transition-duration) ease,background-color var(--v-craft-indicator-transition-duration) ease-in-out;z-index:var(--v-craft-indicator-z-index)}.v-craft-indicator:after{content:" "}.v-craft-indicator.v-craft-forbidden{background-color:var(--v-craft-indicator-bg-forbidden)}.v-craft-node{position:relative;transition:all var(--v-craft-transition-duration) ease;cursor:pointer;box-sizing:border-box}.v-craft-node:after{content:"";position:absolute;top:calc(-1 * var(--v-craft-node-editor-border-padding));left:calc(-1 * var(--v-craft-node-editor-border-padding));right:calc(-1 * var(--v-craft-node-editor-border-padding));bottom:calc(-1 * var(--v-craft-node-editor-border-padding));border:1px solid transparent;border-radius:4px;transition:border-color var(--v-craft-transition-duration) ease-in-out,box-shadow var(--v-craft-transition-duration) ease-in-out;pointer-events:none;z-index:10}.v-craft-node:before{content:"";align-items:center;background-color:var(--node-color, var(--v-craft-blue));bottom:calc(-20px - var(--v-craft-node-editor-border-padding));color:var(--v-craft-white);display:flex;font-family:Arial,sans-serif;font-size:12px;font-weight:400;height:20px;left:calc(-1 * var(--v-craft-node-editor-border-padding) + 3px);line-height:1.4em;opacity:0;padding:0 5px!important;pointer-events:none;position:absolute;text-align:center;text-transform:none;transition:opacity var(--v-craft-transition-duration) ease-in-out;z-index:100}.v-craft-node.v-craft-canvas.v-craft-other-node-dragged:before{opacity:.5}.v-craft-node:hover:not(:has(.v-craft-node:hover)):not(.v-craft-node-selected):before{opacity:1}.v-craft-node-selected:before{opacity:1}.v-craft-node:hover:not(:has(.v-craft-node:hover)):after{border-color:var(--node-color, var(--v-craft-blue-lighter-20));box-shadow:0 0 0 1px var(--node-color, var(--v-craft-blue))}.dark .v-craft-node:hover:not(:has(.v-craft-node:hover)):after{border-color:var(--node-color, var(--v-craft-blue-darker-25));box-shadow:0 0 0 1px var(--node-color, var(--v-craft-blue))}.v-craft-node.v-craft-canvas:hover:not(:has(.v-craft-node:hover)):not(.v-craft-node-selected):after{box-shadow:0 0 .5em .1em rgba(var(--node-color),.2)}.v-craft-node-selected:not(:hover):after{border:1px solid var(--node-color, var(--v-craft-blue));box-shadow:0 0 .5em .1em rgba(var(--node-color),.2)}.v-craft-node-selected:after{border:1px solid var(--node-color, var(--v-craft-blue));box-shadow:0 0 0 1px var(--node-color, var(--v-craft-blue))}.v-craft-node.v-craft-canvas.v-craft-other-node-dragged:after{border:2px dashed var(--node-color, var(--v-craft-blue))}.v-craft-node.v-craft-canvas .v-craft-drop-text{border:2px dashed var(--v-craft-gray-medium);color:var(--v-craft-text-color);padding:1.25em;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em;min-height:60px;box-sizing:border-box;pointer-events:auto;position:relative;margin:4px 0}.v-craft-node.v-craft-canvas .v-craft-slot-name{position:absolute;bottom:4px;left:8px;font-weight:400;font-size:.75em;color:var(--v-craft-gray-medium);text-transform:uppercase;letter-spacing:.05em}.v-craft-node.v-craft-canvas .v-craft-drop-text-label{font-size:.85em;color:var(--v-craft-gray-medium)}.v-craft-node.v-craft-canvas.v-craft-other-node-dragged{padding:10px!important;margin-bottom:25px!important}.v-craft-node-selected{z-index:1}.v-craft-node.v-craft-drag-over{box-shadow:0 0 0 2px var(--node-color, var(--v-craft-blue))}.v-craft-node.v-craft-dragging{opacity:.7}.v-craft-node:before{content:attr(data-node-name)}:root{--v-craft-blue: #1473e6;--v-craft-red: #ff3366;--v-craft-green: rgb(15, 177, 88);--v-craft-gray-dark: #f8f8f8;--v-craft-gray-medium: rgb(202.5, 202.5, 202.5);--v-craft-gray-light: rgb(167.5, 167.5, 167.5);--v-craft-gray-darkest: hsl(0, 0%, 101.7647058824%);--v-craft-white: #ffffff;--v-craft-background-color: hsl(0, 0%, 106.7647058824%);--v-craft-background-color-lighter-10: #ffffff;--v-craft-background-color-darker-10: hsl(0, 0%, 101.7647058824%);--v-craft-input-background: hsl(0, 0%, 109.7647058824%);--v-craft-input-border: #eaeaea;--v-craft-text-color: rgb(55.5, 55.5, 55.5);--v-craft-text-color-blue: #e0e0e0;--v-craft-error-color: #ff3366;--v-craft-blue-darker-25: rgb(9.8, 56.35, 112.7);--v-craft-blue-darker-30: rgb(7.76, 44.62, 89.24);--v-craft-blue-lighter-5: rgb(39.26, 128.37, 236.24);--v-craft-blue-lighter-10: rgb(62.72, 142.14, 238.28);--v-craft-blue-lighter-15: rgb(86.18, 155.91, 240.32);--v-craft-blue-lighter-20: rgb(109.64, 169.68, 242.36);--v-craft-blue-transparent-70: rgba(20, 115, 230, .7);--v-craft-blue-transparent-20: rgba(20, 115, 230, .2);--v-craft-gray-dark-darker-10: rgb(222.5, 222.5, 222.5);--v-craft-gray-dark-darker-5: rgb(235.25, 235.25, 235.25);--v-craft-gray-dark-lighter-10: hsl(0, 0%, 107.2549019608%);--v-craft-gray-dark-transparent-50: rgba(248, 248, 248, .5);--v-craft-gray-medium-darker-10: #b1b1b1;--v-craft-gray-medium-lighter-15: rgb(240.75, 240.75, 240.75);--v-craft-transition-duration: .3s;--v-craft-node-editor-border-padding: .2rem}html.dark{--v-craft-blue: #1473e6;--v-craft-red: #ff3366;--v-craft-green: rgb(15, 177, 88);--v-craft-gray-dark: #2c2c2c;--v-craft-gray-medium: #4b4b4b;--v-craft-gray-light: #8e8e8e;--v-craft-gray-darkest: #1e1e1e;--v-craft-white: #ffffff;--v-craft-background-color: #1e1e1e;--v-craft-background-color-lighter-10: rgb(55.5, 55.5, 55.5);--v-craft-background-color-darker-10: rgb(4.5, 4.5, 4.5);--v-craft-input-background: #2d2d2d;--v-craft-input-border: #3a3a3a;--v-craft-text-color: #e0e0e0;--v-craft-text-color-blue: #e0e0e0;--v-craft-error-color: #ff3366;--v-craft-blue-darker-25: rgb(9.8, 56.35, 112.7);--v-craft-blue-darker-30: rgb(7.76, 44.62, 89.24);--v-craft-blue-lighter-5: rgb(39.26, 128.37, 236.24);--v-craft-blue-lighter-10: rgb(62.72, 142.14, 238.28);--v-craft-blue-lighter-15: rgb(86.18, 155.91, 240.32);--v-craft-blue-lighter-20: rgb(109.64, 169.68, 242.36);--v-craft-blue-transparent-20: rgba(20, 115, 230, .2);--v-craft-blue-transparent-70: rgba(20, 115, 230, .7);--v-craft-gray-dark-darker-10: rgb(18.5, 18.5, 18.5);--v-craft-gray-dark-darker-5: rgb(31.25, 31.25, 31.25);--v-craft-gray-dark-lighter-10: rgb(69.5, 69.5, 69.5);--v-craft-gray-dark-transparent-50: rgba(44, 44, 44, .5);--v-craft-gray-medium-darker-10: rgb(49.5, 49.5, 49.5);--v-craft-gray-medium-lighter-15: rgb(113.25, 113.25, 113.25)}