@versa-stack/v-craft 1.0.4 → 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 (44) hide show
  1. package/dist/types/components/CraftEditor.vue.d.ts +4 -7
  2. package/dist/types/components/CraftEditorBlueprint.vue.d.ts +2 -1
  3. package/dist/types/components/CraftEditorBlueprintsList.vue.d.ts +2 -1
  4. package/dist/types/components/CraftEditorPanelForm.vue.d.ts +17 -16
  5. package/dist/types/components/CraftEditorPanelLayers.vue.d.ts +2 -1
  6. package/dist/types/components/CraftEditorPanelLayout.vue.d.ts +2 -1
  7. package/dist/types/components/CraftEditorPanelNodeDataSourceSettings.vue.d.ts +11 -0
  8. package/dist/types/components/CraftEditorPanelNodeEventsSettings.vue.d.ts +6 -7
  9. package/dist/types/components/CraftEditorPanelNodeLayer.vue.d.ts +2 -1
  10. package/dist/types/components/CraftEditorPanelNodeSettings.vue.d.ts +6 -7
  11. package/dist/types/components/CraftEditorPanelNodeSlotPropsSettings.vue.d.ts +50 -0
  12. package/dist/types/components/CraftEditorPanelSettings.vue.d.ts +10 -4
  13. package/dist/types/components/CraftFrame.vue.d.ts +4 -10
  14. package/dist/types/components/CraftIframe.vue.d.ts +1 -5
  15. package/dist/types/components/CraftNodeEditor.vue.d.ts +2 -0
  16. package/dist/types/components/CraftNodeStatic.vue.d.ts +11 -0
  17. package/dist/types/components/CraftNodeViewer.vue.d.ts +2 -0
  18. package/dist/types/components/CraftStaticRenderer.vue.d.ts +5 -3
  19. package/dist/types/components/composable/index.d.ts +3 -0
  20. package/dist/types/components/composable/useAncestorContextBuckets.d.ts +20 -0
  21. package/dist/types/components/composable/useCraftFrame.d.ts +157 -104
  22. package/dist/types/components/composable/useCraftNode.d.ts +3 -3
  23. package/dist/types/components/composable/useCraftNodeEvents.d.ts +1 -2
  24. package/dist/types/components/composable/useCraftNodeWrapper.d.ts +156 -104
  25. package/dist/types/components/composable/useDragCraftNode.d.ts +2 -1
  26. package/dist/types/components/composable/useNodeElement.d.ts +9 -0
  27. package/dist/types/components/composable/useResolveCraftNode.d.ts +6 -2
  28. package/dist/types/components/composable/useResolveCraftNodeProps.d.ts +10 -0
  29. package/dist/types/components/index.d.ts +4 -2
  30. package/dist/types/components/utils.d.ts +4 -1
  31. package/dist/types/lib/CraftNodeResolver.d.ts +15 -6
  32. package/dist/types/lib/craftNode.d.ts +16 -12
  33. package/dist/types/lib/dragCraftNode/dragOver.d.ts +2 -1
  34. package/dist/types/lib/dragCraftNode/drop.d.ts +3 -2
  35. package/dist/types/lib/dragCraftNode/index.d.ts +2 -2
  36. package/dist/types/lib/extractSchemaFieldNames.d.ts +11 -0
  37. package/dist/types/lib/model.d.ts +18 -3
  38. package/dist/types/lib/renderCraftNodes.d.ts +4 -3
  39. package/dist/types/lib/vNodeToCraftNode.d.ts +2 -1
  40. package/dist/types/store/editor.d.ts +157 -105
  41. package/dist/v-craft.css +1 -1
  42. package/dist/v-craft.es.js +3277 -2763
  43. package/dist/v-craft.es.js.map +1 -1
  44. package/package.json +1 -1
package/dist/types/store/editor.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { FormKitSchemaFormKit } from '@formkit/core';
1
+ import { FormKitSchemaDefinition } from '@formkit/core';
2
2
  import { CraftNode, CraftNodeDatasource } from '../lib/craftNode';
3
3
  import { default as CraftNodeResolver } from '../lib/CraftNodeResolver';
4
4
  export type EditorStoreInstanceType = ReturnType<typeof useEditor>;
@@ -9,7 +9,7 @@ export interface EditorState {
9
9
  draggedNode: CraftNode | null;
10
10
  enabled: boolean;
11
11
  nodeRefsRecord: Record<string, HTMLElement>;
12
- resolver: CraftNodeResolver<FormKitSchemaFormKit> | null;
12
+ resolver: CraftNodeResolver<FormKitSchemaDefinition> | null;
13
13
  eventsContext: Record<string, any>;
14
14
  nodeDataMap: Record<string, CraftNodeDatasource | null>;
15
15
  draggingDisabled: boolean;
@@ -18,47 +18,54 @@ 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;
24
25
  rules?: {
25
- canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
26
- canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
27
- canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
28
- canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
26
+ canMoveIn?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
27
+ canMoveOut?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
28
+ canDrag?: ((craftNode: CraftNode) => boolean) | undefined;
29
+ canMoveInto?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
29
30
  } | undefined;
30
31
  uuid: string;
31
32
  visible?: boolean | undefined;
32
33
  events?: Record<string, string> | undefined;
34
+ label?: string | undefined;
33
35
  }> & Omit<Map<string, CraftNode>, keyof Map<any, any>>;
34
36
  rootNodes: string[];
35
37
  selectedUuid: string | null;
36
38
  draggedNode: {
37
39
  slots: Record<string, CraftNode[]>;
40
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
38
41
  componentName: string;
39
42
  parentUuid?: string | null | undefined;
40
43
  props: any;
41
44
  rules?: {
42
- canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
43
- canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
44
- canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
45
- canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
45
+ canMoveIn?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
46
+ canMoveOut?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
47
+ canDrag?: ((craftNode: CraftNode) => boolean) | undefined;
48
+ canMoveInto?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
46
49
  } | undefined;
47
50
  uuid: string;
48
51
  visible?: boolean | undefined;
49
52
  events?: Record<string, string> | undefined;
53
+ label?: string | undefined;
50
54
  } | null;
51
55
  enabled: boolean;
52
56
  nodeRefsRecord: Record<string, HTMLElement>;
53
57
  resolver: {
54
- resolverMap: import('../lib/CraftNodeResolver').CraftNodeResolverMap<FormKitSchemaFormKit>;
55
- setResolverMap: (resolverMap: Record<string, import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>>) => void;
56
- resolve: (name: string) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
58
+ resolverMap: import('../lib/CraftNodeResolver').CraftNodeResolverMap<FormKitSchemaDefinition>;
59
+ setResolverMap: (resolverMap: Record<string, import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaDefinition>>) => void;
60
+ onResolveComponent: (hook: import('../lib/CraftNodeResolver').ResolveComponentHook) => void;
61
+ resolve: (name: string) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaDefinition>;
62
+ resolveComponent: (craftNode: CraftNode) => import('vue').Component | undefined;
57
63
  getDefaultProps: (craftNode: CraftNode) => Record<string, any>;
58
- resolveNode: (craftNode: CraftNode) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
59
- getSchema: (craftNode: CraftNode) => Record<string, any>;
60
- getEventsSchema: (craftNode: CraftNode) => Record<string, any>;
64
+ resolveNode: (craftNode: CraftNode) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaDefinition>;
65
+ getSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
66
+ getEventsSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
61
67
  getRules: (craftNode: CraftNode) => import('../lib/craftNode').CraftNodeRules;
68
+ getSlotsProps: (craftNode: CraftNode) => Record<string, string[]>;
62
69
  } | null;
63
70
  eventsContext: Record<string, any>;
64
71
  nodeDataMap: Record<string, CraftNodeDatasource | null>;
@@ -67,47 +74,54 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
67
74
  selectedNode: (state: {
68
75
  nodeMap: Map<string, {
69
76
  slots: Record<string, CraftNode[]>;
77
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
70
78
  componentName: string;
71
79
  parentUuid?: string | null | undefined;
72
80
  props: any;
73
81
  rules?: {
74
- canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
75
- canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
76
- canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
77
- canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
82
+ canMoveIn?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
83
+ canMoveOut?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
84
+ canDrag?: ((craftNode: CraftNode) => boolean) | undefined;
85
+ canMoveInto?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
78
86
  } | undefined;
79
87
  uuid: string;
80
88
  visible?: boolean | undefined;
81
89
  events?: Record<string, string> | undefined;
90
+ label?: string | undefined;
82
91
  }> & Omit<Map<string, CraftNode>, keyof Map<any, any>>;
83
92
  rootNodes: string[];
84
93
  selectedUuid: string | null;
85
94
  draggedNode: {
86
95
  slots: Record<string, CraftNode[]>;
96
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
87
97
  componentName: string;
88
98
  parentUuid?: string | null | undefined;
89
99
  props: any;
90
100
  rules?: {
91
- canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
92
- canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
93
- canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
94
- canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
101
+ canMoveIn?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
102
+ canMoveOut?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
103
+ canDrag?: ((craftNode: CraftNode) => boolean) | undefined;
104
+ canMoveInto?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
95
105
  } | undefined;
96
106
  uuid: string;
97
107
  visible?: boolean | undefined;
98
108
  events?: Record<string, string> | undefined;
109
+ label?: string | undefined;
99
110
  } | null;
100
111
  enabled: boolean;
101
112
  nodeRefsRecord: Record<string, HTMLElement>;
102
113
  resolver: {
103
- resolverMap: import('../lib/CraftNodeResolver').CraftNodeResolverMap<FormKitSchemaFormKit>;
104
- setResolverMap: (resolverMap: Record<string, import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>>) => void;
105
- resolve: (name: string) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
114
+ resolverMap: import('../lib/CraftNodeResolver').CraftNodeResolverMap<FormKitSchemaDefinition>;
115
+ setResolverMap: (resolverMap: Record<string, import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaDefinition>>) => void;
116
+ onResolveComponent: (hook: import('../lib/CraftNodeResolver').ResolveComponentHook) => void;
117
+ resolve: (name: string) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaDefinition>;
118
+ resolveComponent: (craftNode: CraftNode) => import('vue').Component | undefined;
106
119
  getDefaultProps: (craftNode: CraftNode) => Record<string, any>;
107
- resolveNode: (craftNode: CraftNode) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
108
- getSchema: (craftNode: CraftNode) => Record<string, any>;
109
- getEventsSchema: (craftNode: CraftNode) => Record<string, any>;
120
+ resolveNode: (craftNode: CraftNode) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaDefinition>;
121
+ getSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
122
+ getEventsSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
110
123
  getRules: (craftNode: CraftNode) => import('../lib/craftNode').CraftNodeRules;
124
+ getSlotsProps: (craftNode: CraftNode) => Record<string, string[]>;
111
125
  } | null;
112
126
  eventsContext: Record<string, any>;
113
127
  nodeDataMap: Record<string, CraftNodeDatasource | null>;
@@ -116,47 +130,54 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
116
130
  selectedRef: (state: {
117
131
  nodeMap: Map<string, {
118
132
  slots: Record<string, CraftNode[]>;
133
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
119
134
  componentName: string;
120
135
  parentUuid?: string | null | undefined;
121
136
  props: any;
122
137
  rules?: {
123
- canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
124
- canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
125
- canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
126
- canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
138
+ canMoveIn?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
139
+ canMoveOut?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
140
+ canDrag?: ((craftNode: CraftNode) => boolean) | undefined;
141
+ canMoveInto?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
127
142
  } | undefined;
128
143
  uuid: string;
129
144
  visible?: boolean | undefined;
130
145
  events?: Record<string, string> | undefined;
146
+ label?: string | undefined;
131
147
  }> & Omit<Map<string, CraftNode>, keyof Map<any, any>>;
132
148
  rootNodes: string[];
133
149
  selectedUuid: string | null;
134
150
  draggedNode: {
135
151
  slots: Record<string, CraftNode[]>;
152
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
136
153
  componentName: string;
137
154
  parentUuid?: string | null | undefined;
138
155
  props: any;
139
156
  rules?: {
140
- canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
141
- canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
142
- canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
143
- canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
157
+ canMoveIn?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
158
+ canMoveOut?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
159
+ canDrag?: ((craftNode: CraftNode) => boolean) | undefined;
160
+ canMoveInto?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
144
161
  } | undefined;
145
162
  uuid: string;
146
163
  visible?: boolean | undefined;
147
164
  events?: Record<string, string> | undefined;
165
+ label?: string | undefined;
148
166
  } | null;
149
167
  enabled: boolean;
150
168
  nodeRefsRecord: Record<string, HTMLElement>;
151
169
  resolver: {
152
- resolverMap: import('../lib/CraftNodeResolver').CraftNodeResolverMap<FormKitSchemaFormKit>;
153
- setResolverMap: (resolverMap: Record<string, import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>>) => void;
154
- resolve: (name: string) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
170
+ resolverMap: import('../lib/CraftNodeResolver').CraftNodeResolverMap<FormKitSchemaDefinition>;
171
+ setResolverMap: (resolverMap: Record<string, import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaDefinition>>) => void;
172
+ onResolveComponent: (hook: import('../lib/CraftNodeResolver').ResolveComponentHook) => void;
173
+ resolve: (name: string) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaDefinition>;
174
+ resolveComponent: (craftNode: CraftNode) => import('vue').Component | undefined;
155
175
  getDefaultProps: (craftNode: CraftNode) => Record<string, any>;
156
- resolveNode: (craftNode: CraftNode) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
157
- getSchema: (craftNode: CraftNode) => Record<string, any>;
158
- getEventsSchema: (craftNode: CraftNode) => Record<string, any>;
176
+ resolveNode: (craftNode: CraftNode) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaDefinition>;
177
+ getSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
178
+ getEventsSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
159
179
  getRules: (craftNode: CraftNode) => import('../lib/craftNode').CraftNodeRules;
180
+ getSlotsProps: (craftNode: CraftNode) => Record<string, string[]>;
160
181
  } | null;
161
182
  eventsContext: Record<string, any>;
162
183
  nodeDataMap: Record<string, CraftNodeDatasource | null>;
@@ -165,47 +186,54 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
165
186
  getRef: (state: {
166
187
  nodeMap: Map<string, {
167
188
  slots: Record<string, CraftNode[]>;
189
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
168
190
  componentName: string;
169
191
  parentUuid?: string | null | undefined;
170
192
  props: any;
171
193
  rules?: {
172
- canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
173
- canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
174
- canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
175
- canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
194
+ canMoveIn?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
195
+ canMoveOut?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
196
+ canDrag?: ((craftNode: CraftNode) => boolean) | undefined;
197
+ canMoveInto?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
176
198
  } | undefined;
177
199
  uuid: string;
178
200
  visible?: boolean | undefined;
179
201
  events?: Record<string, string> | undefined;
202
+ label?: string | undefined;
180
203
  }> & Omit<Map<string, CraftNode>, keyof Map<any, any>>;
181
204
  rootNodes: string[];
182
205
  selectedUuid: string | null;
183
206
  draggedNode: {
184
207
  slots: Record<string, CraftNode[]>;
208
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
185
209
  componentName: string;
186
210
  parentUuid?: string | null | undefined;
187
211
  props: any;
188
212
  rules?: {
189
- canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
190
- canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
191
- canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
192
- canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
213
+ canMoveIn?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
214
+ canMoveOut?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
215
+ canDrag?: ((craftNode: CraftNode) => boolean) | undefined;
216
+ canMoveInto?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
193
217
  } | undefined;
194
218
  uuid: string;
195
219
  visible?: boolean | undefined;
196
220
  events?: Record<string, string> | undefined;
221
+ label?: string | undefined;
197
222
  } | null;
198
223
  enabled: boolean;
199
224
  nodeRefsRecord: Record<string, HTMLElement>;
200
225
  resolver: {
201
- resolverMap: import('../lib/CraftNodeResolver').CraftNodeResolverMap<FormKitSchemaFormKit>;
202
- setResolverMap: (resolverMap: Record<string, import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>>) => void;
203
- resolve: (name: string) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
226
+ resolverMap: import('../lib/CraftNodeResolver').CraftNodeResolverMap<FormKitSchemaDefinition>;
227
+ setResolverMap: (resolverMap: Record<string, import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaDefinition>>) => void;
228
+ onResolveComponent: (hook: import('../lib/CraftNodeResolver').ResolveComponentHook) => void;
229
+ resolve: (name: string) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaDefinition>;
230
+ resolveComponent: (craftNode: CraftNode) => import('vue').Component | undefined;
204
231
  getDefaultProps: (craftNode: CraftNode) => Record<string, any>;
205
- resolveNode: (craftNode: CraftNode) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
206
- getSchema: (craftNode: CraftNode) => Record<string, any>;
207
- getEventsSchema: (craftNode: CraftNode) => Record<string, any>;
232
+ resolveNode: (craftNode: CraftNode) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaDefinition>;
233
+ getSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
234
+ getEventsSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
208
235
  getRules: (craftNode: CraftNode) => import('../lib/craftNode').CraftNodeRules;
236
+ getSlotsProps: (craftNode: CraftNode) => Record<string, string[]>;
209
237
  } | null;
210
238
  eventsContext: Record<string, any>;
211
239
  nodeDataMap: Record<string, CraftNodeDatasource | null>;
@@ -214,47 +242,54 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
214
242
  allNodes: (state: {
215
243
  nodeMap: Map<string, {
216
244
  slots: Record<string, CraftNode[]>;
245
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
217
246
  componentName: string;
218
247
  parentUuid?: string | null | undefined;
219
248
  props: any;
220
249
  rules?: {
221
- canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
222
- canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
223
- canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
224
- canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
250
+ canMoveIn?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
251
+ canMoveOut?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
252
+ canDrag?: ((craftNode: CraftNode) => boolean) | undefined;
253
+ canMoveInto?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
225
254
  } | undefined;
226
255
  uuid: string;
227
256
  visible?: boolean | undefined;
228
257
  events?: Record<string, string> | undefined;
258
+ label?: string | undefined;
229
259
  }> & Omit<Map<string, CraftNode>, keyof Map<any, any>>;
230
260
  rootNodes: string[];
231
261
  selectedUuid: string | null;
232
262
  draggedNode: {
233
263
  slots: Record<string, CraftNode[]>;
264
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
234
265
  componentName: string;
235
266
  parentUuid?: string | null | undefined;
236
267
  props: any;
237
268
  rules?: {
238
- canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
239
- canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
240
- canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
241
- canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
269
+ canMoveIn?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
270
+ canMoveOut?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
271
+ canDrag?: ((craftNode: CraftNode) => boolean) | undefined;
272
+ canMoveInto?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
242
273
  } | undefined;
243
274
  uuid: string;
244
275
  visible?: boolean | undefined;
245
276
  events?: Record<string, string> | undefined;
277
+ label?: string | undefined;
246
278
  } | null;
247
279
  enabled: boolean;
248
280
  nodeRefsRecord: Record<string, HTMLElement>;
249
281
  resolver: {
250
- resolverMap: import('../lib/CraftNodeResolver').CraftNodeResolverMap<FormKitSchemaFormKit>;
251
- setResolverMap: (resolverMap: Record<string, import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>>) => void;
252
- resolve: (name: string) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
282
+ resolverMap: import('../lib/CraftNodeResolver').CraftNodeResolverMap<FormKitSchemaDefinition>;
283
+ setResolverMap: (resolverMap: Record<string, import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaDefinition>>) => void;
284
+ onResolveComponent: (hook: import('../lib/CraftNodeResolver').ResolveComponentHook) => void;
285
+ resolve: (name: string) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaDefinition>;
286
+ resolveComponent: (craftNode: CraftNode) => import('vue').Component | undefined;
253
287
  getDefaultProps: (craftNode: CraftNode) => Record<string, any>;
254
- resolveNode: (craftNode: CraftNode) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
255
- getSchema: (craftNode: CraftNode) => Record<string, any>;
256
- getEventsSchema: (craftNode: CraftNode) => Record<string, any>;
288
+ resolveNode: (craftNode: CraftNode) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaDefinition>;
289
+ getSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
290
+ getEventsSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
257
291
  getRules: (craftNode: CraftNode) => import('../lib/craftNode').CraftNodeRules;
292
+ getSlotsProps: (craftNode: CraftNode) => Record<string, string[]>;
258
293
  } | null;
259
294
  eventsContext: Record<string, any>;
260
295
  nodeDataMap: Record<string, CraftNodeDatasource | null>;
@@ -263,110 +298,126 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
263
298
  getDraggedNode: (state: {
264
299
  nodeMap: Map<string, {
265
300
  slots: Record<string, CraftNode[]>;
301
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
266
302
  componentName: string;
267
303
  parentUuid?: string | null | undefined;
268
304
  props: any;
269
305
  rules?: {
270
- canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
271
- canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
272
- canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
273
- canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
306
+ canMoveIn?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
307
+ canMoveOut?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
308
+ canDrag?: ((craftNode: CraftNode) => boolean) | undefined;
309
+ canMoveInto?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
274
310
  } | undefined;
275
311
  uuid: string;
276
312
  visible?: boolean | undefined;
277
313
  events?: Record<string, string> | undefined;
314
+ label?: string | undefined;
278
315
  }> & Omit<Map<string, CraftNode>, keyof Map<any, any>>;
279
316
  rootNodes: string[];
280
317
  selectedUuid: string | null;
281
318
  draggedNode: {
282
319
  slots: Record<string, CraftNode[]>;
320
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
283
321
  componentName: string;
284
322
  parentUuid?: string | null | undefined;
285
323
  props: any;
286
324
  rules?: {
287
- canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
288
- canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
289
- canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
290
- canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
325
+ canMoveIn?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
326
+ canMoveOut?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
327
+ canDrag?: ((craftNode: CraftNode) => boolean) | undefined;
328
+ canMoveInto?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
291
329
  } | undefined;
292
330
  uuid: string;
293
331
  visible?: boolean | undefined;
294
332
  events?: Record<string, string> | undefined;
333
+ label?: string | undefined;
295
334
  } | null;
296
335
  enabled: boolean;
297
336
  nodeRefsRecord: Record<string, HTMLElement>;
298
337
  resolver: {
299
- resolverMap: import('../lib/CraftNodeResolver').CraftNodeResolverMap<FormKitSchemaFormKit>;
300
- setResolverMap: (resolverMap: Record<string, import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>>) => void;
301
- resolve: (name: string) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
338
+ resolverMap: import('../lib/CraftNodeResolver').CraftNodeResolverMap<FormKitSchemaDefinition>;
339
+ setResolverMap: (resolverMap: Record<string, import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaDefinition>>) => void;
340
+ onResolveComponent: (hook: import('../lib/CraftNodeResolver').ResolveComponentHook) => void;
341
+ resolve: (name: string) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaDefinition>;
342
+ resolveComponent: (craftNode: CraftNode) => import('vue').Component | undefined;
302
343
  getDefaultProps: (craftNode: CraftNode) => Record<string, any>;
303
- resolveNode: (craftNode: CraftNode) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
304
- getSchema: (craftNode: CraftNode) => Record<string, any>;
305
- getEventsSchema: (craftNode: CraftNode) => Record<string, any>;
344
+ resolveNode: (craftNode: CraftNode) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaDefinition>;
345
+ getSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
346
+ getEventsSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
306
347
  getRules: (craftNode: CraftNode) => import('../lib/craftNode').CraftNodeRules;
348
+ getSlotsProps: (craftNode: CraftNode) => Record<string, string[]>;
307
349
  } | null;
308
350
  eventsContext: Record<string, any>;
309
351
  nodeDataMap: Record<string, CraftNodeDatasource | null>;
310
352
  draggingDisabled: boolean;
311
353
  } & import('pinia').PiniaCustomStateProperties<EditorState>) => {
312
354
  slots: Record<string, CraftNode[]>;
355
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
313
356
  componentName: string;
314
357
  parentUuid?: string | null | undefined;
315
358
  props: any;
316
359
  rules?: {
317
- canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
318
- canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
319
- canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
320
- canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
360
+ canMoveIn?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
361
+ canMoveOut?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
362
+ canDrag?: ((craftNode: CraftNode) => boolean) | undefined;
363
+ canMoveInto?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
321
364
  } | undefined;
322
365
  uuid: string;
323
366
  visible?: boolean | undefined;
324
367
  events?: Record<string, string> | undefined;
368
+ label?: string | undefined;
325
369
  } | null;
326
370
  nodeTree: (state: {
327
371
  nodeMap: Map<string, {
328
372
  slots: Record<string, CraftNode[]>;
373
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
329
374
  componentName: string;
330
375
  parentUuid?: string | null | undefined;
331
376
  props: any;
332
377
  rules?: {
333
- canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
334
- canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
335
- canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
336
- canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
378
+ canMoveIn?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
379
+ canMoveOut?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
380
+ canDrag?: ((craftNode: CraftNode) => boolean) | undefined;
381
+ canMoveInto?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
337
382
  } | undefined;
338
383
  uuid: string;
339
384
  visible?: boolean | undefined;
340
385
  events?: Record<string, string> | undefined;
386
+ label?: string | undefined;
341
387
  }> & Omit<Map<string, CraftNode>, keyof Map<any, any>>;
342
388
  rootNodes: string[];
343
389
  selectedUuid: string | null;
344
390
  draggedNode: {
345
391
  slots: Record<string, CraftNode[]>;
392
+ slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
346
393
  componentName: string;
347
394
  parentUuid?: string | null | undefined;
348
395
  props: any;
349
396
  rules?: {
350
- canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
351
- canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
352
- canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
353
- canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
397
+ canMoveIn?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
398
+ canMoveOut?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
399
+ canDrag?: ((craftNode: CraftNode) => boolean) | undefined;
400
+ canMoveInto?: (<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
354
401
  } | undefined;
355
402
  uuid: string;
356
403
  visible?: boolean | undefined;
357
404
  events?: Record<string, string> | undefined;
405
+ label?: string | undefined;
358
406
  } | null;
359
407
  enabled: boolean;
360
408
  nodeRefsRecord: Record<string, HTMLElement>;
361
409
  resolver: {
362
- resolverMap: import('../lib/CraftNodeResolver').CraftNodeResolverMap<FormKitSchemaFormKit>;
363
- setResolverMap: (resolverMap: Record<string, import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>>) => void;
364
- resolve: (name: string) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
410
+ resolverMap: import('../lib/CraftNodeResolver').CraftNodeResolverMap<FormKitSchemaDefinition>;
411
+ setResolverMap: (resolverMap: Record<string, import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaDefinition>>) => void;
412
+ onResolveComponent: (hook: import('../lib/CraftNodeResolver').ResolveComponentHook) => void;
413
+ resolve: (name: string) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaDefinition>;
414
+ resolveComponent: (craftNode: CraftNode) => import('vue').Component | undefined;
365
415
  getDefaultProps: (craftNode: CraftNode) => Record<string, any>;
366
- resolveNode: (craftNode: CraftNode) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
367
- getSchema: (craftNode: CraftNode) => Record<string, any>;
368
- getEventsSchema: (craftNode: CraftNode) => Record<string, any>;
416
+ resolveNode: (craftNode: CraftNode) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaDefinition>;
417
+ getSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
418
+ getEventsSchema: (craftNode: CraftNode) => FormKitSchemaDefinition;
369
419
  getRules: (craftNode: CraftNode) => import('../lib/craftNode').CraftNodeRules;
420
+ getSlotsProps: (craftNode: CraftNode) => Record<string, string[]>;
370
421
  } | null;
371
422
  eventsContext: Record<string, any>;
372
423
  nodeDataMap: Record<string, CraftNodeDatasource | null>;
@@ -378,12 +429,13 @@ export declare const useEditor: import('pinia').StoreDefinition<"editor", Editor
378
429
  disable(): void;
379
430
  disableDragging(): void;
380
431
  enableDragging(): void;
381
- setResolver(resolver: CraftNodeResolver<FormKitSchemaFormKit>): void;
432
+ setResolver(resolver: CraftNodeResolver<FormKitSchemaDefinition>): void;
382
433
  setNodeRef(craftNode: CraftNode, ref: HTMLElement): void;
383
434
  toggleNodeVisibility(craftNode: CraftNode): void;
384
435
  setNodeData(uuid: string, data: CraftNodeDatasource | null): void;
385
436
  updateNodeProps(nodeUuid: string, newProps: Record<string, any>): void;
386
437
  updateNodeEvents(nodeUuid: string, newEvents: Record<string, string>): void;
438
+ updateNodeSlotsPropsPropsMap(nodeUuid: string, slotsPropsPropsMap: Record<string, Record<string, string>>): void;
387
439
  setNodes(nodes: CraftNode[]): void;
388
440
  addNodeRecursively(node: CraftNode, parentUuid?: string | null): void;
389
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-e2502bab]{padding:10px;display:flex;flex-direction:column;height:auto;position:relative;width:23rem}.v-craft-layers[data-v-e2502bab]{overflow-y:auto}.v-craft-layers[data-v-e2502bab]::-webkit-scrollbar{width:8px}.v-craft-layers[data-v-e2502bab]::-webkit-scrollbar-track{background:var(--v-craft-scrollbar-track)}.v-craft-layers[data-v-e2502bab]::-webkit-scrollbar-thumb{background:var(--v-craft-scrollbar-thumb);border-radius:4px}.v-craft-layers[data-v-e2502bab]::-webkit-scrollbar-thumb:hover{background:var(--v-craft-scrollbar-thumb-hover)}.v-craft-layers[data-v-e2502bab]{max-height:300px;overflow-y:auto;margin-top:10px}ul.v-craft-node-layers[data-v-e2502bab]{margin:0;padding:0;list-style-type:none}.v-craft-panel-manager .v-craft-panel[data-v-d60526f7]{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-d60526f7] .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-0b94201d]{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-0b94201d]{background-color:var(--v-craft-blue-lighter-5)}.v-craft-node-layer.v-craft-node-layer-selected>.v-craft-component-layer-face[data-v-0b94201d]:hover{background-color:var(--v-craft-blue-lighter-15)}.v-craft-node-layer[data-v-0b94201d] .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-0b94201d] .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-0b94201d] .v-craft-component-layer-face:hover{background-color:var(--v-craft-gray-medium-lighter-15)}.v-craft-node-layer[data-v-0b94201d] .v-craft-component-name{flex-grow:1;font-size:12px;cursor:pointer}.v-craft-node-layer[data-v-0b94201d] .v-craft-component-icon{font-size:12px;cursor:pointer;margin-left:5px;transition:color .2s ease}.v-craft-node-layer[data-v-0b94201d] .v-craft-component-icon:hover{color:var(--v-craft-blue)}.v-craft-node-layer[data-v-0b94201d] .v-craft-component-icon{border:none;padding:.12em}.v-craft-node-layer[data-v-0b94201d] .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)}.vue3-iframe iframe body{padding:10px}.v-craft-node{position:relative;transition:all var(--v-craft-transition-duration) ease;cursor:pointer;box-sizing:border-box;border:1px solid transparent}.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)}