@versa-stack/v-craft 0.0.1

package/dist/types/lib/renderCraftNodes.d.ts

@@ -0,0 +1,11 @@
+import { VNode } from 'vue';
+import { CraftNode, CraftNodeDatasource } from './craftNode';
+import { default as CraftNodeResolver, CraftNodeResolverMap } from './CraftNodeResolver';
+export interface RenderOptions<T extends object> {
+    resolverMap: CraftNodeResolverMap<T>;
+    componentRegistry?: Record<string, any>;
+    nodeDataMap?: Record<string, CraftNodeDatasource | null>;
+    eventsContext?: Record<string, any>;
+}
+export declare function renderCraftNodeToVNode<T extends object>(node: CraftNode, resolver: CraftNodeResolver<T>, componentRegistry?: Record<string, any>, nodeDataMap?: Record<string, CraftNodeDatasource | null>, eventsContext?: Record<string, any>): VNode | null;
+export declare function renderCraftNodesToVNodes<T extends object>(nodes: CraftNode[], options: RenderOptions<T>): VNode[];

package/dist/types/lib/setValueByPath.d.ts

@@ -0,0 +1 @@
+export declare function setValueByPath(obj: any, path: string, value: any): void;

package/dist/types/lib/vNodeToCraftNode.d.ts

@@ -0,0 +1,4 @@
+import { CraftNode } from './craftNode';
+import { default as CraftNodeResolver } from './CraftNodeResolver';
+declare const createNodeFromVNode: <T extends object>(resolver: CraftNodeResolver<T>, vNode: any, parentNode?: CraftNode | null) => CraftNode;
+export default createNodeFromVNode;

package/dist/types/resolvers/default.d.ts

@@ -0,0 +1,27 @@
+export declare const defaultResolvers: {
+    CraftComponentSimpleText: {
+        componentName: string;
+        eventsSchema: {
+            $el: string;
+            children: {
+                $formkit: string;
+                name: string;
+                label: string;
+            }[];
+        };
+        propsSchema: ({
+            $formkit: string;
+            label: string;
+            name: string;
+            options: string[];
+        } | {
+            $formkit: string;
+            label: string;
+            name: string;
+            options?: undefined;
+        })[];
+    };
+    CraftCanvas: {
+        componentName: string;
+    };
+};

package/dist/types/store/editor.d.ts

@@ -0,0 +1,399 @@
+import { FormKitSchemaFormKit } from '@formkit/core';
+import { CraftNode, CraftNodeDatasource } from '../lib/craftNode';
+import { default as CraftNodeResolver } from '../lib/CraftNodeResolver';
+export type EditorStoreInstanceType = ReturnType<typeof useEditor>;
+export interface EditorState {
+    nodeMap: Map<string, CraftNode>;
+    rootNodes: string[];
+    selectedUuid: string | null;
+    draggedNode: CraftNode | null;
+    enabled: boolean;
+    nodeRefsRecord: Record<string, HTMLElement>;
+    resolver: CraftNodeResolver<FormKitSchemaFormKit> | null;
+    eventsContext: Record<string, any>;
+    nodeDataMap: Record<string, CraftNodeDatasource | null>;
+    draggingDisabled: boolean;
+}
+export declare const useEditor: import('pinia').StoreDefinition<"editor", EditorState, {
+    hasNodes: (state: {
+        nodeMap: Map<string, {
+            slots: Record<string, CraftNode[]>;
+            componentName: string;
+            parentUuid?: string | null | undefined;
+            props: any;
+            rules?: {
+                canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
+                canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+            } | undefined;
+            uuid: string;
+            visible?: boolean | undefined;
+            events?: Record<string, string> | undefined;
+        }> & Omit<Map<string, CraftNode>, keyof Map<any, any>>;
+        rootNodes: string[];
+        selectedUuid: string | null;
+        draggedNode: {
+            slots: Record<string, CraftNode[]>;
+            componentName: string;
+            parentUuid?: string | null | undefined;
+            props: any;
+            rules?: {
+                canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
+                canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+            } | undefined;
+            uuid: string;
+            visible?: boolean | undefined;
+            events?: Record<string, string> | undefined;
+        } | null;
+        enabled: boolean;
+        nodeRefsRecord: Record<string, HTMLElement>;
+        resolver: {
+            resolverMap: import('../lib/CraftNodeResolver').CraftNodeResolverMap<FormKitSchemaFormKit>;
+            setResolverMap: (resolverMap: Record<string, import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>>) => void;
+            resolve: (name: string) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
+            getDefaultProps: (craftNode: CraftNode) => Record<string, any>;
+            resolveNode: (craftNode: CraftNode) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
+            getSchema: (craftNode: CraftNode) => Record<string, any>;
+            getEventsSchema: (craftNode: CraftNode) => Record<string, any>;
+            getRules: (craftNode: CraftNode) => import('../lib/craftNode').CraftNodeRules;
+        } | null;
+        eventsContext: Record<string, any>;
+        nodeDataMap: Record<string, CraftNodeDatasource | null>;
+        draggingDisabled: boolean;
+    } & import('pinia').PiniaCustomStateProperties<EditorState>) => boolean;
+    selectedNode: (state: {
+        nodeMap: Map<string, {
+            slots: Record<string, CraftNode[]>;
+            componentName: string;
+            parentUuid?: string | null | undefined;
+            props: any;
+            rules?: {
+                canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
+                canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+            } | undefined;
+            uuid: string;
+            visible?: boolean | undefined;
+            events?: Record<string, string> | undefined;
+        }> & Omit<Map<string, CraftNode>, keyof Map<any, any>>;
+        rootNodes: string[];
+        selectedUuid: string | null;
+        draggedNode: {
+            slots: Record<string, CraftNode[]>;
+            componentName: string;
+            parentUuid?: string | null | undefined;
+            props: any;
+            rules?: {
+                canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
+                canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+            } | undefined;
+            uuid: string;
+            visible?: boolean | undefined;
+            events?: Record<string, string> | undefined;
+        } | null;
+        enabled: boolean;
+        nodeRefsRecord: Record<string, HTMLElement>;
+        resolver: {
+            resolverMap: import('../lib/CraftNodeResolver').CraftNodeResolverMap<FormKitSchemaFormKit>;
+            setResolverMap: (resolverMap: Record<string, import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>>) => void;
+            resolve: (name: string) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
+            getDefaultProps: (craftNode: CraftNode) => Record<string, any>;
+            resolveNode: (craftNode: CraftNode) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
+            getSchema: (craftNode: CraftNode) => Record<string, any>;
+            getEventsSchema: (craftNode: CraftNode) => Record<string, any>;
+            getRules: (craftNode: CraftNode) => import('../lib/craftNode').CraftNodeRules;
+        } | null;
+        eventsContext: Record<string, any>;
+        nodeDataMap: Record<string, CraftNodeDatasource | null>;
+        draggingDisabled: boolean;
+    } & import('pinia').PiniaCustomStateProperties<EditorState>) => CraftNode | null;
+    selectedRef: (state: {
+        nodeMap: Map<string, {
+            slots: Record<string, CraftNode[]>;
+            componentName: string;
+            parentUuid?: string | null | undefined;
+            props: any;
+            rules?: {
+                canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
+                canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+            } | undefined;
+            uuid: string;
+            visible?: boolean | undefined;
+            events?: Record<string, string> | undefined;
+        }> & Omit<Map<string, CraftNode>, keyof Map<any, any>>;
+        rootNodes: string[];
+        selectedUuid: string | null;
+        draggedNode: {
+            slots: Record<string, CraftNode[]>;
+            componentName: string;
+            parentUuid?: string | null | undefined;
+            props: any;
+            rules?: {
+                canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
+                canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+            } | undefined;
+            uuid: string;
+            visible?: boolean | undefined;
+            events?: Record<string, string> | undefined;
+        } | null;
+        enabled: boolean;
+        nodeRefsRecord: Record<string, HTMLElement>;
+        resolver: {
+            resolverMap: import('../lib/CraftNodeResolver').CraftNodeResolverMap<FormKitSchemaFormKit>;
+            setResolverMap: (resolverMap: Record<string, import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>>) => void;
+            resolve: (name: string) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
+            getDefaultProps: (craftNode: CraftNode) => Record<string, any>;
+            resolveNode: (craftNode: CraftNode) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
+            getSchema: (craftNode: CraftNode) => Record<string, any>;
+            getEventsSchema: (craftNode: CraftNode) => Record<string, any>;
+            getRules: (craftNode: CraftNode) => import('../lib/craftNode').CraftNodeRules;
+        } | null;
+        eventsContext: Record<string, any>;
+        nodeDataMap: Record<string, CraftNodeDatasource | null>;
+        draggingDisabled: boolean;
+    } & import('pinia').PiniaCustomStateProperties<EditorState>) => HTMLElement | null;
+    getRef: (state: {
+        nodeMap: Map<string, {
+            slots: Record<string, CraftNode[]>;
+            componentName: string;
+            parentUuid?: string | null | undefined;
+            props: any;
+            rules?: {
+                canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
+                canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+            } | undefined;
+            uuid: string;
+            visible?: boolean | undefined;
+            events?: Record<string, string> | undefined;
+        }> & Omit<Map<string, CraftNode>, keyof Map<any, any>>;
+        rootNodes: string[];
+        selectedUuid: string | null;
+        draggedNode: {
+            slots: Record<string, CraftNode[]>;
+            componentName: string;
+            parentUuid?: string | null | undefined;
+            props: any;
+            rules?: {
+                canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
+                canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+            } | undefined;
+            uuid: string;
+            visible?: boolean | undefined;
+            events?: Record<string, string> | undefined;
+        } | null;
+        enabled: boolean;
+        nodeRefsRecord: Record<string, HTMLElement>;
+        resolver: {
+            resolverMap: import('../lib/CraftNodeResolver').CraftNodeResolverMap<FormKitSchemaFormKit>;
+            setResolverMap: (resolverMap: Record<string, import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>>) => void;
+            resolve: (name: string) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
+            getDefaultProps: (craftNode: CraftNode) => Record<string, any>;
+            resolveNode: (craftNode: CraftNode) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
+            getSchema: (craftNode: CraftNode) => Record<string, any>;
+            getEventsSchema: (craftNode: CraftNode) => Record<string, any>;
+            getRules: (craftNode: CraftNode) => import('../lib/craftNode').CraftNodeRules;
+        } | null;
+        eventsContext: Record<string, any>;
+        nodeDataMap: Record<string, CraftNodeDatasource | null>;
+        draggingDisabled: boolean;
+    } & import('pinia').PiniaCustomStateProperties<EditorState>) => (uuid: string) => HTMLElement;
+    allNodes: (state: {
+        nodeMap: Map<string, {
+            slots: Record<string, CraftNode[]>;
+            componentName: string;
+            parentUuid?: string | null | undefined;
+            props: any;
+            rules?: {
+                canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
+                canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+            } | undefined;
+            uuid: string;
+            visible?: boolean | undefined;
+            events?: Record<string, string> | undefined;
+        }> & Omit<Map<string, CraftNode>, keyof Map<any, any>>;
+        rootNodes: string[];
+        selectedUuid: string | null;
+        draggedNode: {
+            slots: Record<string, CraftNode[]>;
+            componentName: string;
+            parentUuid?: string | null | undefined;
+            props: any;
+            rules?: {
+                canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
+                canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+            } | undefined;
+            uuid: string;
+            visible?: boolean | undefined;
+            events?: Record<string, string> | undefined;
+        } | null;
+        enabled: boolean;
+        nodeRefsRecord: Record<string, HTMLElement>;
+        resolver: {
+            resolverMap: import('../lib/CraftNodeResolver').CraftNodeResolverMap<FormKitSchemaFormKit>;
+            setResolverMap: (resolverMap: Record<string, import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>>) => void;
+            resolve: (name: string) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
+            getDefaultProps: (craftNode: CraftNode) => Record<string, any>;
+            resolveNode: (craftNode: CraftNode) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
+            getSchema: (craftNode: CraftNode) => Record<string, any>;
+            getEventsSchema: (craftNode: CraftNode) => Record<string, any>;
+            getRules: (craftNode: CraftNode) => import('../lib/craftNode').CraftNodeRules;
+        } | null;
+        eventsContext: Record<string, any>;
+        nodeDataMap: Record<string, CraftNodeDatasource | null>;
+        draggingDisabled: boolean;
+    } & import('pinia').PiniaCustomStateProperties<EditorState>) => CraftNode[];
+    getDraggedNode: (state: {
+        nodeMap: Map<string, {
+            slots: Record<string, CraftNode[]>;
+            componentName: string;
+            parentUuid?: string | null | undefined;
+            props: any;
+            rules?: {
+                canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
+                canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+            } | undefined;
+            uuid: string;
+            visible?: boolean | undefined;
+            events?: Record<string, string> | undefined;
+        }> & Omit<Map<string, CraftNode>, keyof Map<any, any>>;
+        rootNodes: string[];
+        selectedUuid: string | null;
+        draggedNode: {
+            slots: Record<string, CraftNode[]>;
+            componentName: string;
+            parentUuid?: string | null | undefined;
+            props: any;
+            rules?: {
+                canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
+                canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+            } | undefined;
+            uuid: string;
+            visible?: boolean | undefined;
+            events?: Record<string, string> | undefined;
+        } | null;
+        enabled: boolean;
+        nodeRefsRecord: Record<string, HTMLElement>;
+        resolver: {
+            resolverMap: import('../lib/CraftNodeResolver').CraftNodeResolverMap<FormKitSchemaFormKit>;
+            setResolverMap: (resolverMap: Record<string, import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>>) => void;
+            resolve: (name: string) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
+            getDefaultProps: (craftNode: CraftNode) => Record<string, any>;
+            resolveNode: (craftNode: CraftNode) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
+            getSchema: (craftNode: CraftNode) => Record<string, any>;
+            getEventsSchema: (craftNode: CraftNode) => Record<string, any>;
+            getRules: (craftNode: CraftNode) => import('../lib/craftNode').CraftNodeRules;
+        } | null;
+        eventsContext: Record<string, any>;
+        nodeDataMap: Record<string, CraftNodeDatasource | null>;
+        draggingDisabled: boolean;
+    } & import('pinia').PiniaCustomStateProperties<EditorState>) => {
+        slots: Record<string, CraftNode[]>;
+        componentName: string;
+        parentUuid?: string | null | undefined;
+        props: any;
+        rules?: {
+            canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+            canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+            canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
+            canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+        } | undefined;
+        uuid: string;
+        visible?: boolean | undefined;
+        events?: Record<string, string> | undefined;
+    } | null;
+    nodeTree: (state: {
+        nodeMap: Map<string, {
+            slots: Record<string, CraftNode[]>;
+            componentName: string;
+            parentUuid?: string | null | undefined;
+            props: any;
+            rules?: {
+                canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
+                canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+            } | undefined;
+            uuid: string;
+            visible?: boolean | undefined;
+            events?: Record<string, string> | undefined;
+        }> & Omit<Map<string, CraftNode>, keyof Map<any, any>>;
+        rootNodes: string[];
+        selectedUuid: string | null;
+        draggedNode: {
+            slots: Record<string, CraftNode[]>;
+            componentName: string;
+            parentUuid?: string | null | undefined;
+            props: any;
+            rules?: {
+                canMoveIn?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canMoveOut?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+                canDrag?: (<T extends object>(craftNode: CraftNode) => boolean) | undefined;
+                canMoveInto?: (<T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean) | undefined;
+            } | undefined;
+            uuid: string;
+            visible?: boolean | undefined;
+            events?: Record<string, string> | undefined;
+        } | null;
+        enabled: boolean;
+        nodeRefsRecord: Record<string, HTMLElement>;
+        resolver: {
+            resolverMap: import('../lib/CraftNodeResolver').CraftNodeResolverMap<FormKitSchemaFormKit>;
+            setResolverMap: (resolverMap: Record<string, import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>>) => void;
+            resolve: (name: string) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
+            getDefaultProps: (craftNode: CraftNode) => Record<string, any>;
+            resolveNode: (craftNode: CraftNode) => import('../lib/CraftNodeResolver').CraftNodeComponentMap<FormKitSchemaFormKit>;
+            getSchema: (craftNode: CraftNode) => Record<string, any>;
+            getEventsSchema: (craftNode: CraftNode) => Record<string, any>;
+            getRules: (craftNode: CraftNode) => import('../lib/craftNode').CraftNodeRules;
+        } | null;
+        eventsContext: Record<string, any>;
+        nodeDataMap: Record<string, CraftNodeDatasource | null>;
+        draggingDisabled: boolean;
+    } & import('pinia').PiniaCustomStateProperties<EditorState>) => CraftNode[];
+}, {
+    clear(): void;
+    enable(): void;
+    disable(): void;
+    disableDragging(): void;
+    enableDragging(): void;
+    setResolver(resolver: CraftNodeResolver<FormKitSchemaFormKit>): void;
+    setNodeRef(craftNode: CraftNode, ref: HTMLElement): void;
+    toggleNodeVisibility(craftNode: CraftNode): void;
+    setNodeData(uuid: string, data: CraftNodeDatasource | null): void;
+    updateNodeProps(nodeUuid: string, newProps: Record<string, any>): void;
+    updateNodeEvents(nodeUuid: string, newEvents: Record<string, string>): void;
+    setNodes(nodes: CraftNode[]): void;
+    addNodeRecursively(node: CraftNode, parentUuid?: string | null): void;
+    selectNode(craftNode: CraftNode | null): void;
+    dragNode(craftNode: CraftNode | null): void;
+    removeNode(craftNode: CraftNode): void;
+    emancipateNode(craftNode: CraftNode): CraftNode;
+    addNodeAndChildrenToMap(node: CraftNode): void;
+    appendNodeTo(node: CraftNode, targetNode: CraftNode, slotName?: string): void;
+    prependNodeTo(node: CraftNode, targetNode: CraftNode, slotName?: string): void;
+    insertNodeBefore(node: CraftNode, targetNode: CraftNode, slotName?: string): void;
+    insertNodeAfter(node: CraftNode, targetNode: CraftNode, slotName?: string): void;
+    setEventsContext(context: Record<string, any>): void;
+}>;

package/dist/types/store/indicator.d.ts

@@ -0,0 +1,82 @@
+export type IndicatorState = {
+    barSize: number;
+    visible: boolean;
+    coordinates: {
+        top: number;
+        left: number;
+    };
+    dimensions: {
+        width: number;
+        height: number;
+    };
+    forbidden: boolean;
+};
+export type IndicatorStoreType = ReturnType<typeof useIndicator>;
+export declare const useIndicator: import('pinia').StoreDefinition<"indicator", IndicatorState, {
+    isShown: (state: {
+        barSize: number;
+        visible: boolean;
+        coordinates: {
+            top: number;
+            left: number;
+        };
+        dimensions: {
+            width: number;
+            height: number;
+        };
+        forbidden: boolean;
+    } & import('pinia').PiniaCustomStateProperties<IndicatorState>) => boolean;
+    isForbidden: (state: {
+        barSize: number;
+        visible: boolean;
+        coordinates: {
+            top: number;
+            left: number;
+        };
+        dimensions: {
+            width: number;
+            height: number;
+        };
+        forbidden: boolean;
+    } & import('pinia').PiniaCustomStateProperties<IndicatorState>) => boolean;
+    position: (state: {
+        barSize: number;
+        visible: boolean;
+        coordinates: {
+            top: number;
+            left: number;
+        };
+        dimensions: {
+            width: number;
+            height: number;
+        };
+        forbidden: boolean;
+    } & import('pinia').PiniaCustomStateProperties<IndicatorState>) => {
+        top: number;
+        left: number;
+    };
+    size: (state: {
+        barSize: number;
+        visible: boolean;
+        coordinates: {
+            top: number;
+            left: number;
+        };
+        dimensions: {
+            width: number;
+            height: number;
+        };
+        forbidden: boolean;
+    } & import('pinia').PiniaCustomStateProperties<IndicatorState>) => {
+        width: number;
+        height: number;
+    };
+}, {
+    hide(): void;
+    show(): void;
+    setIsForbidden(isForbidden: any): void;
+    pointBefore(element: HTMLElement): void;
+    pointAfter(element: HTMLElement): void;
+    pointInside(element: HTMLElement): void;
+    pointInsideTop(element: HTMLElement): void;
+}>;

package/dist/v-craft.css

@@ -0,0 +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)}