@versa-stack/v-craft 1.0.4-rc.1 → 1.1.0-alpha.1

package/dist/v-craft.es.js

@@ -1,54 +1,67 @@
-import { defineComponent as $, useSlots as Be, useAttrs as ot, inject as ae, computed as w, openBlock as v, createBlock as N, resolveDynamicComponent as me, normalizeProps as Ae, mergeProps as Oe, unref as f, createSlots as ge, renderList as M, withCtx as X, renderSlot as W, guardReactiveProps as it, createCommentVNode as x, markRaw as Ue, ref as K, watch as le, normalizeClass as oe, createTextVNode as at, toDisplayString as ne, createElementBlock as E, withKeys as Pe, withModifiers as V, nextTick as ue, provide as re, resolveComponent as B, createVNode as G, Fragment as T, createElementVNode as O, toRef as ce, onUnmounted as Le, toRefs as fe, normalizeStyle as je, withDirectives as lt, Teleport as ut, vShow as ct, onMounted as Ne, onBeforeMount as dt, onBeforeUnmount as ft, readonly as ht, toHandlers as Fe, h as pt } from "vue";
-import { defineStore as He, storeToRefs as Z } from "pinia";
-import { v4 as de } from "uuid";
-import { debounce as Ve } from "lodash-es";
-import { FormKit as Ke, FormKitSchema as Xe } from "@formkit/vue";
-const vt = /* @__PURE__ */ $({
+import { inject as ue, computed as b, defineAsyncComponent as ft, defineComponent as I, useSlots as je, useAttrs as ht, unref as d, openBlock as m, createBlock as x, resolveDynamicComponent as ce, normalizeProps as Pe, mergeProps as ge, createSlots as de, renderList as $, withCtx as H, renderSlot as Y, guardReactiveProps as pt, createCommentVNode as k, markRaw as Fe, ref as F, watch as te, normalizeClass as se, createTextVNode as vt, toDisplayString as ee, createElementBlock as y, withKeys as Me, withModifiers as j, nextTick as ne, provide as q, resolveComponent as U, createVNode as W, Fragment as R, createElementVNode as S, toRef as ve, onUnmounted as mt, toRefs as ie, normalizeStyle as Se, withDirectives as gt, Teleport as yt, vShow as bt, onMounted as ye, onBeforeMount as Et, onBeforeUnmount as Ct, readonly as He, onUpdated as _t, toHandlers as ke, h as Nt } from "vue";
+import { defineStore as Ve, storeToRefs as G } from "pinia";
+import { v4 as le } from "uuid";
+import { debounce as Ke } from "lodash-es";
+import { FormKit as Xe, FormKitSchema as ze } from "@formkit/vue";
+const wt = (t, e) => {
+  if (!t)
+    return e.componentName;
+  const r = t.resolveComponent(e);
+  return r ? typeof r == "function" && !("setup" in r) && !("render" in r) ? ft(r) : r : t.resolve(e.componentName)?.componentName || e.componentName;
+}, fe = (t) => {
+  const e = ue("resolver"), r = b(() => !e || !t?.value ? {} : e.value.resolve(
+    t.value.componentName
+  )), n = b(() => r.value?.defaultProps || {}), o = b(
+    () => wt(e?.value, t.value)
+  );
+  return {
+    resolvedNode: r,
+    resolver: e,
+    defaultProps: n,
+    componentToRender: o
+  };
+}, Ot = /* @__PURE__ */ I({
   name: "CraftCanvas",
   __name: "CraftCanvas",
   props: {
     componentName: {}
   },
   setup(t) {
-    const e = Be(), r = ot(), n = t, s = ae("resolver"), o = w(() => s?.value.resolve(n.componentName)), i = w(() => o.value?.componentName || n.componentName);
-    return (a, c) => i.value ? (v(), N(me(i.value), Ae(Oe({ key: 0 }, f(r))), ge({ _: 2 }, [
-      M(f(e), (u, d) => ({
-        name: d,
-        fn: X((h) => [
-          W(a.$slots, d, Ae(it(h || {})))
+    const e = je(), r = ht(), n = t, o = b(() => ({
+      componentName: n.componentName,
+      props: {},
+      slots: {},
+      uuid: ""
+    })), { componentToRender: s } = fe(o);
+    return (i, a) => d(s) ? (m(), x(ce(d(s)), Pe(ge({ key: 0 }, d(r))), de({ _: 2 }, [
+      $(d(e), (u, c) => ({
+        name: c,
+        fn: H((f) => [
+          Y(i.$slots, c, Pe(pt(f || {})))
         ])
       }))
-    ]), 1040)) : x("", !0);
+    ]), 1040)) : k("", !0);
   }
-}), xe = (t) => {
-  const e = ae("resolver"), r = w(() => !e || !t?.value ? {} : e.value.resolve(
-    t.value.componentName
-  )), n = w(() => r.value?.defaultProps || {});
-  return {
-    resolvedNode: r,
-    resolver: e,
-    defaultProps: n
-  };
-}, mt = () => {
-  const t = ae("craftNode");
+}), xt = () => {
+  const t = ue("craftNode");
   if (!t)
     throw new Error("craftNode or resolver not provided");
-  const { resolver: e, resolvedNode: r, defaultProps: n } = xe(t);
+  const { resolver: e, resolvedNode: r, defaultProps: n } = fe(t);
   return {
     craftNode: t,
     resolver: e,
     resolvedNode: r,
     defaultProps: n
   };
-}, ze = (t) => t.visible === void 0 || t.visible, gt = (t) => {
+}, qe = (t) => t.visible === void 0 || t.visible, St = (t) => {
   let e = t;
-  const r = j();
+  const r = L();
   for (; e.parentUuid; )
-    if (e = r.nodeMap.get(e.parentUuid), q(e))
+    if (e = r.nodeMap.get(e.parentUuid), K(e))
       return !0;
   return !1;
-}, yt = (t) => gt(t) ? t.rules?.canDrag ? t.rules.canDrag(t) : !0 : !1, qe = (t, e) => {
-  const r = j();
+}, kt = (t) => St(t) ? t.rules?.canDrag ? t.rules.canDrag(t) : !0 : !1, Ye = (t, e) => {
+  const r = L();
   let n = e;
   for (; n?.parentUuid; ) {
     if (n.parentUuid === t.uuid)
@@ -56,26 +69,34 @@ const vt = /* @__PURE__ */ $({
     n = r.nodeMap.get(n.parentUuid);
   }
   return !1;
-}, te = (t) => t.componentName === "CraftCanvas" ? t.props.componentName : t.componentName, ie = (t, e, r) => {
-  if (!q(e) || t.uuid === e.uuid)
+}, J = (t) => t.componentName === "CraftCanvas" ? t.props.componentName : t.componentName, oe = (t, e, r) => {
+  if (!K(e) || t.uuid === e.uuid)
     return !1;
-  const n = r.resolve(te(e)), s = r.resolve(te(t)), o = n?.rules || {}, i = s?.rules || {};
+  const n = r.resolve(J(e)), o = r.resolve(J(t)), s = n?.rules || {}, i = o?.rules || {};
   if (t.parentUuid) {
-    const c = j().nodeMap.get(t.parentUuid), u = r.resolve(te(c))?.rules || {};
-    if (u.canMoveOut && !u.canMoveOut(t, e, r))
+    const u = L().nodeMap.get(t.parentUuid), c = r.resolve(J(u))?.rules || {};
+    if (c.canMoveOut && !c.canMoveOut(t, e, r))
       return;
   }
-  return !(i.canMoveInto && !i.canMoveInto(t, e, r) || qe(t, e) || o.canMoveIn && !o.canMoveIn(t, e, r));
-}, q = (t) => t.componentName === "CraftCanvas", pe = (t, e, r) => {
-  const n = j();
-  return e.uuid === t.uuid || !e.parentUuid ? !1 : ie(
+  return !(i.canMoveInto && !i.canMoveInto(t, e, r) || Ye(t, e) || s.canMoveIn && !s.canMoveIn(t, e, r));
+}, K = (t) => t.componentName === "CraftCanvas", me = (t, e, r) => {
+  const n = L();
+  return e.uuid === t.uuid || !e.parentUuid ? !1 : oe(
     t,
     n.nodeMap.get(e.parentUuid),
     r
   );
-}, We = (t) => (t.uuid || (t.uuid = de()), t.slots && Object.values(t.slots).forEach((e) => {
-  e.forEach((r) => (r.uuid || (r.uuid = de()), r.parentUuid !== t.uuid && (r.parentUuid = t.uuid), We(r), r));
-}), t), j = He("editor", {
+}, Qe = (t) => (t.uuid || (t.uuid = le()), t.slots && Object.values(t.slots).forEach((e) => {
+  e.forEach((r) => (r.uuid || (r.uuid = le()), r.parentUuid !== t.uuid && (r.parentUuid = t.uuid), Qe(r), r));
+}), t), We = (t, e) => {
+  if (!t.slots || Object.keys(t.slots).length === 0) {
+    const n = e.resolveNode?.(t)?.slots;
+    n && n.length > 0 ? (t.slots = {}, n.forEach((o) => {
+      t.slots[o] = [];
+    })) : t.slots = { default: [] };
+  }
+  return t;
+}, L = Ve("editor", {
   state: () => ({
     nodeMap: /* @__PURE__ */ new Map(),
     rootNodes: [],
@@ -113,12 +134,12 @@ const vt = /* @__PURE__ */ $({
     toggleNodeVisibility(t) {
       const e = this.nodeMap.get(t.uuid);
       if (e) {
-        if (e.visible = !ze(e), e.slots) {
-          const r = (n) => (n.visible = e.visible, n.slots && Object.values(n.slots).forEach((s) => {
-            s.forEach((o) => r(o));
+        if (e.visible = !qe(e), e.slots) {
+          const r = (n) => (n.visible = e.visible, n.slots && Object.values(n.slots).forEach((o) => {
+            o.forEach((s) => r(s));
           }), this.nodeMap.set(n.uuid, n), n);
           Object.values(e.slots).forEach((n) => {
-            n.forEach((s) => r(s));
+            n.forEach((o) => r(o));
           });
         }
         this.nodeMap.set(e.uuid, e);
@@ -138,18 +159,22 @@ const vt = /* @__PURE__ */ $({
     setNodes(t) {
       this.clear(), this.rootNodes = [];
       const e = (r) => {
-        this.nodeMap.set(r.uuid, { ...r, slots: {} }), r.parentUuid || this.rootNodes.push(r.uuid), r.slots && Object.entries(r.slots).forEach(([n, s]) => {
-          s.forEach((o) => {
-            o.parentUuid = r.uuid, e(o), this.nodeMap.get(r.uuid).slots[n] || (this.nodeMap.get(r.uuid).slots[n] = []), this.nodeMap.get(r.uuid).slots[n].push(o);
+        this.resolver && r.componentName === "CraftCanvas" && We(r, this.resolver);
+        const n = r.slots ? {} : { default: [] };
+        r.slots && Object.keys(r.slots).forEach((o) => {
+          n[o] = [];
+        }), this.nodeMap.set(r.uuid, { ...r, slots: n }), r.parentUuid || this.rootNodes.push(r.uuid), r.slots && Object.entries(r.slots).forEach(([o, s]) => {
+          s.forEach((i) => {
+            i.parentUuid = r.uuid, e(i), this.nodeMap.get(r.uuid).slots[o] || (this.nodeMap.get(r.uuid).slots[o] = []), this.nodeMap.get(r.uuid).slots[o].push(i);
           });
         });
       };
       t.forEach(e);
     },
     addNodeRecursively(t, e = null) {
-      const r = t.uuid || de(), n = { ...t, uuid: r, parentUuid: e };
-      this.nodeMap.set(r, Ue(n)), e || this.rootNodes.push(r), t.slots && Object.values(t.slots).forEach((s) => {
-        s.forEach((o) => this.addNodeRecursively(o, r));
+      const r = t.uuid || le(), n = { ...t, uuid: r, parentUuid: e };
+      this.nodeMap.set(r, Fe(n)), e || this.rootNodes.push(r), t.slots && Object.values(t.slots).forEach((o) => {
+        o.forEach((s) => this.addNodeRecursively(s, r));
       });
     },
     selectNode(t) {
@@ -162,8 +187,8 @@ const vt = /* @__PURE__ */ $({
       this.emancipateNode(t), t.uuid === this.selectedUuid && (this.selectedUuid = null);
       const e = (r) => {
         r.slots && Object.values(r.slots).forEach((n) => {
-          n.forEach((s) => {
-            this.nodeMap.delete(s.uuid), delete this.nodeRefsRecord[s.uuid], e(s);
+          n.forEach((o) => {
+            this.nodeMap.delete(o.uuid), delete this.nodeRefsRecord[o.uuid], e(o);
           });
         });
       };
@@ -175,9 +200,9 @@ const vt = /* @__PURE__ */ $({
       const e = t.parentUuid;
       if (!e) return t;
       const r = this.nodeMap.get(e);
-      return r && r.slots && Object.entries(r.slots).forEach(([n, s]) => {
-        r.slots[n] = s.filter(
-          (o) => o.uuid !== t.uuid
+      return r && r.slots && Object.entries(r.slots).forEach(([n, o]) => {
+        r.slots[n] = o.filter(
+          (s) => s.uuid !== t.uuid
         );
       }), t.parentUuid = null, this.nodeMap.get(t.uuid) === t && this.nodeMap.delete(t.uuid), t;
     },
@@ -188,11 +213,11 @@ const vt = /* @__PURE__ */ $({
     },
     appendNodeTo(t, e, r = "default") {
       if (!this.resolver) throw new Error("Resolver is not set.");
-      if (!ie(t, e, this.resolver))
+      if (!oe(t, e, this.resolver))
         throw new Error(
-          `${te(
+          `${J(
             t
-          )} is not allowed to be a child of ${te(e)}.`
+          )} is not allowed to be a child of ${J(e)}.`
         );
       t = this.emancipateNode(t), t.parentUuid = e.uuid;
       const n = this.nodeMap.get(e.uuid);
@@ -200,11 +225,11 @@ const vt = /* @__PURE__ */ $({
     },
     prependNodeTo(t, e, r = "default") {
       if (!this.resolver) throw new Error("Resolver is not set");
-      if (!ie(t, e, this.resolver))
+      if (!oe(t, e, this.resolver))
         throw new Error(
-          `${te(
+          `${J(
             t
-          )} is not allowed to be a child of ${te(e)}.`
+          )} is not allowed to be a child of ${J(e)}.`
         );
       t = this.emancipateNode(t), t.parentUuid = e.uuid;
       const n = this.nodeMap.get(e.uuid);
@@ -212,41 +237,41 @@ const vt = /* @__PURE__ */ $({
     },
     insertNodeBefore(t, e, r) {
       if (!this.resolver) throw new Error("Resolver is not set");
-      if (!pe(t, e, this.resolver))
+      if (!me(t, e, this.resolver))
         throw new Error("Can not be the sibling of the target node.");
       t = this.emancipateNode(t);
       const n = e.parentUuid;
       if (!n) throw new Error("Target node has no parent.");
-      const s = this.nodeMap.get(n);
-      if (s && s.slots) {
-        const o = r || Object.keys(s.slots).find(
-          (i) => s.slots[i].some((a) => a.uuid === e.uuid)
+      const o = this.nodeMap.get(n);
+      if (o && o.slots) {
+        const s = r || Object.keys(o.slots).find(
+          (i) => o.slots[i].some((a) => a.uuid === e.uuid)
         );
-        if (o && s.slots[o]) {
-          const i = s.slots[o].findIndex(
+        if (s && o.slots[s]) {
+          const i = o.slots[s].findIndex(
             (a) => a.uuid === e.uuid
           );
-          i !== -1 && (s.slots[o].splice(i, 0, t), t.parentUuid = n, this.nodeMap.set(s.uuid, s), this.addNodeAndChildrenToMap(t));
+          i !== -1 && (o.slots[s].splice(i, 0, t), t.parentUuid = n, this.nodeMap.set(o.uuid, o), this.addNodeAndChildrenToMap(t));
         }
       }
     },
     insertNodeAfter(t, e, r) {
       if (!this.resolver) throw new Error("Resolver is not set");
-      if (!pe(t, e, this.resolver))
+      if (!me(t, e, this.resolver))
         throw new Error("Can not be the sibling of the target node.");
       t = this.emancipateNode(t);
       const n = e.parentUuid;
       if (!n) throw new Error("Target node has no parent.");
-      const s = this.nodeMap.get(n);
-      if (s && s.slots) {
-        const o = r || Object.keys(s.slots).find(
-          (i) => s.slots[i].some((a) => a.uuid === e.uuid)
+      const o = this.nodeMap.get(n);
+      if (o && o.slots) {
+        const s = r || Object.keys(o.slots).find(
+          (i) => o.slots[i].some((a) => a.uuid === e.uuid)
         );
-        if (o && s.slots[o]) {
-          const i = s.slots[o].findIndex(
+        if (s && o.slots[s]) {
+          const i = o.slots[s].findIndex(
             (a) => a.uuid === e.uuid
           );
-          i !== -1 && (s.slots[o].splice(i + 1, 0, t), t.parentUuid = n, this.nodeMap.set(s.uuid, s), this.addNodeAndChildrenToMap(t));
+          i !== -1 && (o.slots[s].splice(i + 1, 0, t), t.parentUuid = n, this.nodeMap.set(o.uuid, o), this.addNodeAndChildrenToMap(t));
         }
       }
     },
@@ -266,18 +291,20 @@ const vt = /* @__PURE__ */ $({
         const n = t.nodeMap.get(r);
         if (!n)
           throw new Error(`Node with UUID ${r} not found`);
-        const s = {};
-        return n.slots && Object.entries(n.slots).forEach(([o, i]) => {
-          s[o] = i.map((a) => e(a.uuid));
+        const o = {};
+        return n.slots && Object.entries(n.slots).forEach(([s, i]) => {
+          o[s] = i.map(
+            (a) => e(a.uuid)
+          );
         }), {
           ...n,
-          slots: s
+          slots: o
         };
       };
       return t.rootNodes.map((r) => e(r));
     }
   }
-}), bt = ["value", "onKeyup"], Et = /* @__PURE__ */ $({
+}), Dt = ["value", "onKeyup"], At = /* @__PURE__ */ I({
   __name: "CraftComponentSimpleText",
   props: {
     content: { default: "Lorem ipsum dolor sit amet..." },
@@ -286,77 +313,100 @@ const vt = /* @__PURE__ */ $({
   },
   emits: ["update:content"],
   setup(t, { emit: e }) {
-    const r = t, n = e, s = K(!1), o = K(null), i = K(""), a = j(), { enabled: c } = Z(a), { craftNode: u } = mt(), d = w(() => c.value && !s.value), h = () => {
-      d.value && m();
-    }, m = () => {
-      i.value = r.content, s.value = !0, a.disableDragging(), ue(() => {
-        o.value && (o.value.focus(), p());
-      });
-    }, p = () => {
-      o.value && (o.value.style.height = "auto", o.value.style.height = `${o.value.scrollHeight}px`);
-    }, b = async () => {
-      if (a.enableDragging(), s.value) {
-        s.value = !1;
-        const D = o.value?.value.trim() || "";
-        if (D !== r.content) {
-          if (!u.value?.uuid)
-            return;
-          a.nodeMap.set(u.value.uuid, {
-            ...u.value,
-            props: {
-              ...u.value.props,
-              content: D
-            }
-          }), await ue(), n("update:content", D);
-        }
+    const r = t, n = e, s = (() => {
+      try {
+        return L();
+      } catch {
+        return null;
       }
+    })(), i = s ? G(s).enabled : F(!1), a = F(!1), u = F(null), c = F(""), { craftNode: f } = xt(), p = b(() => !!s && i.value), v = b(() => p.value && !a.value), h = () => {
+      v.value && g();
     }, g = () => {
-      s.value = !1, n("update:content", i.value);
+      c.value = r.content, a.value = !0, s?.disableDragging(), ne(() => {
+        u.value && (u.value.focus(), C());
+      });
+    }, C = () => {
+      u.value && (u.value.style.height = "auto", u.value.style.height = `${u.value.scrollHeight}px`);
+    }, T = async () => {
+      if (s?.enableDragging(), !a.value) return;
+      a.value = !1;
+      const A = u.value?.value.trim() ?? "";
+      A !== r.content && f.value?.uuid && (s?.nodeMap.set(f.value.uuid, {
+        ...f.value,
+        props: {
+          ...f.value.props,
+          content: A
+        }
+      }), await ne(), n("update:content", A));
+    }, N = () => {
+      a.value = !1, n("update:content", c.value);
     };
-    return le(c, (D) => {
-      !D && s.value && g();
-    }), (D, F) => (v(), N(me(t.componentName), {
-      class: oe({ "pre-wrap": !s.value, "editable-text": f(c), "is-editable": f(c), "is-editing": s.value }),
+    return s && te(i, (A) => {
+      !A && a.value && N();
+    }), (A, E) => (m(), x(ce(t.componentName), {
+      class: se({
+        "pre-wrap": !a.value,
+        "editable-text": p.value,
+        "is-editable": p.value,
+        "is-editing": a.value
+      }),
       onDblclick: h
     }, {
-      default: X(() => [
-        at(ne(s.value ? "" : t.content) + " ", 1),
-        s.value ? (v(), E("textarea", {
+      default: H(() => [
+        vt(ee(a.value ? "" : t.content) + " ", 1),
+        a.value ? (m(), y("textarea", {
           key: 0,
           ref_key: "textareaRef",
-          ref: o,
+          ref: u,
           class: "editable-text__textarea",
           value: t.content,
-          onInput: p,
-          onBlur: b,
+          onInput: C,
+          onBlur: T,
           onKeyup: [
-            Pe(V(b, ["exact"]), ["enter"]),
-            Pe(g, ["esc"])
+            Me(j(T, ["exact"]), ["enter"]),
+            Me(N, ["esc"])
           ]
-        }, null, 40, bt)) : x("", !0)
+        }, null, 40, Dt)) : k("", !0)
       ]),
       _: 1
     }, 40, ["class"]));
   }
 });
-class ye {
+class be {
   resolverMap = {};
+  resolveComponentHook;
   constructor(e = {}) {
-    return this.setResolverMap(e), Ue(this);
+    return this.setResolverMap(e), Fe(this);
   }
   setResolverMap(e) {
     this.resolverMap = {}, Object.entries(e).forEach(([r, n]) => {
       this.resolverMap[n.componentName] = n;
     });
   }
+  onResolveComponent(e) {
+    this.resolveComponentHook = e;
+  }
   resolve(e) {
     return this.resolverMap[e];
   }
+  resolveComponent(e) {
+    const r = K(e) ? e.props.componentName : e.componentName, n = (o) => {
+      const s = this.resolve(o);
+      if (s?.component)
+        return typeof s.component == "function" && !("setup" in s.component) && !("render" in s.component), s.component;
+    };
+    if (this.resolveComponentHook) {
+      const o = this.resolveComponentHook(e, n);
+      if (o)
+        return o;
+    }
+    return n(r);
+  }
   getDefaultProps(e) {
     return this.resolveNode(e)?.defaultProps || {};
   }
   resolveNode(e) {
-    return q(e) ? this.resolve(e.props.componentName) : this.resolve(e.componentName);
+    return K(e) ? this.resolve(e.props.componentName) : this.resolve(e.componentName);
   }
   getSchema(e) {
     return this.resolveNode(e)?.propsSchema || {};
@@ -368,63 +418,7 @@ class ye {
     return this.resolveNode(e)?.rules || {};
   }
 }
-const Ct = /* @__PURE__ */ $({
-  __name: "CraftEditor",
-  props: {
-    config: {},
-    useIframe: { type: Boolean, default: !1 },
-    iFrameStyleSheets: { default: () => [] },
-    iFrameClass: { type: [Boolean, null, String, Object, Array], default: "" },
-    inheritStyles: { type: Boolean, default: !1 }
-  },
-  emits: ["nodeDragStart", "nodeDragEnd", "iframeLoad"],
-  setup(t, { emit: e }) {
-    const r = t, n = e, s = j(), { getDraggedNode: o } = Z(s);
-    le(o, (a) => {
-      if (a) {
-        n("nodeDragStart", a);
-        return;
-      }
-      n("nodeDragEnd");
-    });
-    const i = K(new ye(r.config.resolverMap));
-    return re("resolver", i), (a, c) => {
-      const u = B("CraftFrame"), d = B("CraftEditorPanelLayout");
-      return v(), N(d, {
-        blueprints: t.config.blueprintsLibrary
-      }, ge({ _: 2 }, [
-        a.$slots["panel-layout"] ? {
-          name: "panel-layout",
-          fn: X(({ blueprints: h, deselectNodes: m }) => [
-            W(a.$slots, "panel-layout", {
-              blueprints: h,
-              deselectNodes: m
-            })
-          ]),
-          key: "0"
-        } : {
-          name: "default",
-          fn: X(() => [
-            G(u, {
-              useIframe: t.useIframe,
-              inheritStyles: t.inheritStyles,
-              iFrameStyleSheets: t.iFrameStyleSheets,
-              iFrameClass: t.iFrameClass,
-              resolverMap: t.config.resolverMap,
-              onIframeLoad: c[0] || (c[0] = (h) => n("iframeLoad", h))
-            }, {
-              default: X(() => [
-                W(a.$slots, "default")
-              ]),
-              _: 3
-            }, 8, ["useIframe", "inheritStyles", "iFrameStyleSheets", "iFrameClass", "resolverMap"])
-          ]),
-          key: "1"
-        }
-      ]), 1032, ["blueprints"]);
-    };
-  }
-}), Se = He("indicator", {
+const De = Ve("indicator", {
   state: () => ({
     barSize: 2,
     visible: !1,
@@ -455,18 +449,18 @@ const Ct = /* @__PURE__ */ $({
     },
     pointAfter(t) {
       this.show();
-      const { top: e, left: r, width: n, height: s } = t.getBoundingClientRect();
-      this.coordinates.top = e, this.coordinates.left = r + n, this.dimensions.width = this.barSize, this.dimensions.height = s;
+      const { top: e, left: r, width: n, height: o } = t.getBoundingClientRect();
+      this.coordinates.top = e, this.coordinates.left = r + n, this.dimensions.width = this.barSize, this.dimensions.height = o;
     },
     pointInside(t) {
       this.show();
-      const e = De(t), { top: r, left: n, width: s, height: o } = t.getBoundingClientRect(), i = Number.parseInt(e.paddingLeft), a = Number.parseInt(e.paddingTop), c = Number.parseInt(e.paddingRight);
-      this.coordinates.top = r + o - a, this.coordinates.left = n + i, this.dimensions.width = s - i - c, this.dimensions.height = this.barSize;
+      const e = $e(t), { top: r, left: n, width: o, height: s } = t.getBoundingClientRect(), i = Number.parseInt(e.paddingLeft), a = Number.parseInt(e.paddingTop), u = Number.parseInt(e.paddingRight);
+      this.coordinates.top = r + s - a, this.coordinates.left = n + i, this.dimensions.width = o - i - u, this.dimensions.height = this.barSize;
     },
     pointInsideTop(t) {
       this.show();
-      const e = De(t), { top: r, left: n, width: s } = t.getBoundingClientRect(), o = Number.parseInt(e.paddingLeft), i = Number.parseInt(e.paddingTop), a = Number.parseInt(e.paddingRight);
-      this.coordinates.top = r + i, this.coordinates.left = n + o, this.dimensions.width = s - o - a, this.dimensions.height = this.barSize;
+      const e = $e(t), { top: r, left: n, width: o } = t.getBoundingClientRect(), s = Number.parseInt(e.paddingLeft), i = Number.parseInt(e.paddingTop), a = Number.parseInt(e.paddingRight);
+      this.coordinates.top = r + i, this.coordinates.left = n + s, this.dimensions.width = o - s - a, this.dimensions.height = this.barSize;
     }
   },
   getters: {
@@ -476,73 +470,139 @@ const Ct = /* @__PURE__ */ $({
     size: (t) => t.dimensions
   }
 });
-function De(t) {
-  const { paddingTop: e, paddingLeft: r, paddingRight: n, paddingBottom: s } = getComputedStyle(t), o = {
+function $e(t) {
+  if (!(t instanceof HTMLElement))
+    return {
+      paddingTop: "0",
+      paddingLeft: "0",
+      paddingRight: "0",
+      paddingBottom: "0"
+    };
+  const { paddingTop: e, paddingLeft: r, paddingRight: n, paddingBottom: o } = getComputedStyle(t), s = {
     paddingTop: e,
     paddingLeft: r,
     paddingRight: n,
-    paddingBottom: s
+    paddingBottom: o
   };
-  return Object.keys(o).forEach((i) => {
-    o[i] = parseInt(o[i].slice(0, -2), 10);
-  }), o;
+  return Object.keys(s).forEach((i) => {
+    s[i] = parseInt(s[i].slice(0, -2), 10);
+  }), s;
 }
-const wt = /* @__PURE__ */ $({
+const Pt = /* @__PURE__ */ I({
+  __name: "CraftEditor",
+  props: {
+    config: {},
+    iframe: {}
+  },
+  emits: ["nodeDragStart", "nodeDragEnd", "iframeLoad"],
+  setup(t, { emit: e }) {
+    const r = t, n = e, o = L(), s = De(), { getDraggedNode: i } = G(o);
+    te(i, (u) => {
+      if (u) {
+        n("nodeDragStart", u);
+        return;
+      }
+      n("nodeDragEnd"), s.hide();
+    });
+    const a = F(
+      r.config.resolver || new be(r.config.resolverMap)
+    );
+    return q("resolver", a), (u, c) => {
+      const f = U("CraftFrame"), p = U("CraftEditorPanelLayout");
+      return m(), x(p, {
+        blueprints: t.config.blueprintsLibrary
+      }, de({ _: 2 }, [
+        u.$slots["panel-layout"] ? {
+          name: "panel-layout",
+          fn: H(({ blueprints: v, deselectNodes: h }) => [
+            Y(u.$slots, "panel-layout", {
+              blueprints: v,
+              deselectNodes: h
+            })
+          ]),
+          key: "0"
+        } : {
+          name: "default",
+          fn: H(() => [
+            W(f, {
+              iframe: t.iframe,
+              resolverMap: t.config.resolverMap,
+              onIframeLoad: c[0] || (c[0] = (v) => n("iframeLoad", v))
+            }, {
+              default: H(() => [
+                Y(u.$slots, "default")
+              ]),
+              _: 3
+            }, 8, ["iframe", "resolverMap"])
+          ]),
+          key: "1"
+        }
+      ]), 1032, ["blueprints"]);
+    };
+  }
+}), Mt = /* @__PURE__ */ I({
   name: "CraftEditorBlueprint",
   __name: "CraftEditorBlueprint",
   props: {
     craftNode: {}
   },
   setup(t) {
-    const e = j(), r = Se(), n = t, s = (i) => {
-      console.log("CraftEditorBlueprint - dragging node:", n.craftNode), console.log("CraftEditorBlueprint - node.componentName:", n.craftNode.componentName), console.log("CraftEditorBlueprint - node.props:", n.craftNode.props), e.dragNode(n.craftNode);
-    }, o = (i) => {
-      i.stopPropagation(), e.dragNode(null), r.hide();
+    const e = L(), r = t, n = (s) => {
+      console.log("CraftEditorBlueprint - dragging node:", r.craftNode), console.log("CraftEditorBlueprint - node.componentName:", r.craftNode.componentName), console.log("CraftEditorBlueprint - node.props:", r.craftNode.props), e.dragNode(r.craftNode);
+    }, o = (s) => {
+      s.stopPropagation(), e.dragNode(null);
     };
-    return (i, a) => (v(), E("div", {
+    return (s, i) => (m(), y("div", {
       draggable: !0,
-      onDragstart: V(s, ["stop"]),
+      onDragstart: j(n, ["stop"]),
       onDragend: o
     }, [
-      W(i.$slots, "default")
+      Y(s.$slots, "default")
     ], 32));
   }
-}), Ye = (t, e) => Object.keys(t.blueprints).map((r) => {
-  const n = t.blueprints[r], s = e.getDefaultProps({
+}), Ge = (t, e) => Object.keys(t.blueprints).map((r) => {
+  const n = t.blueprints[r], o = e.getDefaultProps({
     ...n,
-    uuid: de()
+    uuid: le()
   });
   return {
     ...n,
-    props: { ...s, ...n.props }
+    props: { ...o, ...n.props }
   };
-}), _t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Ze = (t) => {
+  let e = 0;
+  for (let s = 0; s < t.length; s++)
+    e = t.charCodeAt(s) + ((e << 5) - e);
+  const r = e % 360, n = 70 + e % 30, o = 45 + e % 30;
+  return `hsla(${r}, ${n}%, ${o}%, 0.9)`;
+}, $t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  blueprintsWithDefaults: Ye
-}, Symbol.toStringTag, { value: "Module" })), Ot = { key: 0 }, Nt = { class: "flex flex-wrap gap-2 p-1" }, xt = { class: "v-craft-blueprint" }, St = { class: "v-craft-blueprint-label" }, At = /* @__PURE__ */ $({
+  blueprintsWithDefaults: Ge,
+  generateColorFromUUID: Ze
+}, Symbol.toStringTag, { value: "Module" })), Rt = { key: 0 }, It = { class: "flex flex-wrap gap-2 p-1" }, Tt = { class: "v-craft-blueprint" }, Ut = { class: "v-craft-blueprint-label" }, Bt = /* @__PURE__ */ I({
   __name: "CraftEditorBlueprintsList",
   props: {
     blueprints: {}
   },
   setup(t) {
-    const e = ae("resolver");
+    const e = ue("resolver");
     return (r, n) => {
-      const s = B("CraftEditorBlueprint");
-      return f(e) ? (v(), E("div", Ot, [
-        (v(!0), E(T, null, M(t.blueprints.groups, (o) => (v(), E("div", null, [
-          W(r.$slots, "blueprint-group", {
-            group: o,
-            resolver: f(e)
+      const o = U("CraftEditorBlueprint");
+      return d(e) ? (m(), y("div", Rt, [
+        (m(!0), y(R, null, $(t.blueprints.groups, (s) => (m(), y("div", null, [
+          Y(r.$slots, "blueprint-group", {
+            group: s,
+            resolver: d(e)
           }, () => [
-            O("h4", null, ne(o.label), 1),
-            O("div", Nt, [
-              (v(!0), E(T, null, M(f(Ye)(o, f(e)), (i, a) => (v(), N(s, {
+            S("h4", null, ee(s.label), 1),
+            S("div", It, [
+              (m(!0), y(R, null, $(d(Ge)(s, d(e)), (i, a) => (m(), x(o, {
                 craftNode: i,
                 key: a
               }, {
-                default: X(() => [
-                  O("div", xt, [
-                    O("div", St, ne(i.label), 1)
+                default: H(() => [
+                  S("div", Tt, [
+                    S("div", Ut, ee(i.label), 1)
                   ])
                 ]),
                 _: 2
@@ -550,10 +610,10 @@ const wt = /* @__PURE__ */ $({
             ])
           ])
         ]))), 256))
-      ])) : x("", !0);
+      ])) : k("", !0);
     };
   }
-}), Pt = { class: "v-craft-panel v-craft-blueprints-panel" }, Dt = { class: "v-craft-panel-content" }, kt = /* @__PURE__ */ $({
+}), Lt = { class: "v-craft-panel v-craft-blueprints-panel" }, jt = { class: "v-craft-panel-content" }, Ft = /* @__PURE__ */ I({
   name: "CraftEditorPanelBlueprints",
   __name: "CraftEditorPanelBlueprints",
   props: {
@@ -562,21 +622,21 @@ const wt = /* @__PURE__ */ $({
   emits: ["close"],
   setup(t) {
     return (e, r) => {
-      const n = B("CraftEditorBlueprintsList");
-      return v(), E("div", Pt, [
-        r[0] || (r[0] = O("h3", { class: "v-craft-title" }, "blueprints", -1)),
-        O("div", Dt, [
-          G(n, { blueprints: t.blueprints }, null, 8, ["blueprints"])
+      const n = U("CraftEditorBlueprintsList");
+      return m(), y("div", Lt, [
+        r[0] || (r[0] = S("h3", { class: "v-craft-title" }, "blueprints", -1)),
+        S("div", jt, [
+          W(n, { blueprints: t.blueprints }, null, 8, ["blueprints"])
         ])
       ]);
     };
   }
-}), be = (t, e) => {
+}), Ee = (t, e) => {
   const r = t.__vccOpts || t;
-  for (const [n, s] of e)
-    r[n] = s;
+  for (const [n, o] of e)
+    r[n] = o;
   return r;
-}, $t = /* @__PURE__ */ be(kt, [["__scopeId", "data-v-a6de4dca"]]), Rt = /* @__PURE__ */ $({
+}, Ht = /* @__PURE__ */ Ee(Ft, [["__scopeId", "data-v-a6de4dca"]]), Vt = /* @__PURE__ */ I({
   __name: "CraftEditorPanelForm",
   props: {
     craftNode: {},
@@ -585,35 +645,35 @@ const wt = /* @__PURE__ */ $({
   },
   emits: ["update"],
   setup(t, { emit: e }) {
-    const r = t, n = e, s = ce(r, "model"), o = ce(r, "schema"), i = ce(r, "craftNode"), a = w(
-      () => s.value ? { ...s.value } : {}
-    ), c = Ve((d) => {
-      n("update", d);
-    }, 50), u = (d) => {
-      d != null && c(d);
+    const r = t, n = e, o = ve(r, "model"), s = ve(r, "schema"), i = ve(r, "craftNode"), a = b(
+      () => o.value ? { ...o.value } : {}
+    ), u = Ke((f) => {
+      n("update", f);
+    }, 50), c = (f) => {
+      f != null && u(f);
     };
-    return Le(() => c.cancel()), (d, h) => W(d.$slots, "panel-content", {
+    return mt(() => u.cancel()), (f, p) => Y(f.$slots, "panel-content", {
       craftNode: i.value,
       model: a.value,
-      handleFormInput: u,
-      schema: o.value
+      handleFormInput: c,
+      schema: s.value
     });
   }
-}), It = { class: "v-craft-panel v-craft-layers-panel" }, Mt = { class: "v-craft-layers" }, Tt = { class: "v-craft-node-layers" }, Bt = /* @__PURE__ */ $({
+}), Kt = { class: "v-craft-panel v-craft-layers-panel" }, Xt = { class: "v-craft-layers" }, zt = { class: "v-craft-node-layers" }, qt = /* @__PURE__ */ I({
   name: "CraftEditorPanelLayers",
   __name: "CraftEditorPanelLayers",
   setup(t) {
-    const e = j(), { nodeTree: r } = Z(e), n = (s) => {
-      e.selectNode(s);
+    const e = L(), { nodeTree: r } = G(e), n = (o) => {
+      e.selectNode(o);
     };
-    return (s, o) => {
-      const i = B("CraftEditorPanelNodeLayer");
-      return v(), E("div", It, [
-        o[0] || (o[0] = O("h3", { class: "v-craft-title" }, "tree", -1)),
-        O("div", Mt, [
-          O("ul", Tt, [
-            (v(!0), E(T, null, M(f(r), (a, c) => (v(), N(i, {
-              key: c,
+    return (o, s) => {
+      const i = U("CraftEditorPanelNodeLayer");
+      return m(), y("div", Kt, [
+        s[0] || (s[0] = S("h3", { class: "v-craft-title" }, "tree", -1)),
+        S("div", Xt, [
+          S("ul", zt, [
+            (m(!0), y(R, null, $(d(r), (a, u) => (m(), x(i, {
+              key: u,
               craftNode: a,
               onLayerClick: n
             }, null, 8, ["craftNode"]))), 128))
@@ -622,91 +682,89 @@ const wt = /* @__PURE__ */ $({
       ]);
     };
   }
-}), Ut = /* @__PURE__ */ be(Bt, [["__scopeId", "data-v-e2502bab"]]), Lt = { key: 0 }, jt = {
+}), Yt = /* @__PURE__ */ Ee(qt, [["__scopeId", "data-v-ab795ec3"]]), Qt = { key: 0 }, Wt = {
   key: 1,
   class: "v-craft-panel-manager"
-}, Ft = { class: "flex w-full justify-between gap-10" }, Ht = { class: "v-craft-grid-panel v-craft-panel-left shrink" }, Vt = { class: "v-craft-grid-panel v-craft-panel-right shrink" }, Kt = /* @__PURE__ */ $({
+}, Gt = { class: "flex w-full justify-between gap-10" }, Zt = { class: "v-craft-grid-panel v-craft-panel-left shrink" }, Jt = { class: "v-craft-grid-panel v-craft-panel-right shrink" }, er = /* @__PURE__ */ I({
   __name: "CraftEditorPanelLayout",
   props: {
     blueprints: {}
   },
   setup(t) {
-    const e = j(), r = () => {
+    const e = L(), r = () => {
       e.selectNode(null);
     };
-    return (n, s) => {
-      const o = B("CraftEditorPanelBlueprints"), i = B("CraftEditorPanelLayers"), a = B("CraftEditorPanelSettings");
-      return n.$slots["panel-layout"] ? (v(), E("div", Lt, [
-        W(n.$slots, "panel-layout", {
+    return (n, o) => {
+      const s = U("CraftEditorPanelBlueprints"), i = U("CraftEditorPanelLayers"), a = U("CraftEditorPanelSettings");
+      return n.$slots["panel-layout"] ? (m(), y("div", Qt, [
+        Y(n.$slots, "panel-layout", {
           blueprints: t.blueprints,
           deselectNodes: r
         }, void 0, !0)
-      ])) : (v(), E("div", jt, [
-        O("div", Ft, [
-          O("div", Ht, [
-            G(o, { blueprints: t.blueprints }, null, 8, ["blueprints"])
+      ])) : (m(), y("div", Wt, [
+        S("div", Gt, [
+          S("div", Zt, [
+            W(s, { blueprints: t.blueprints }, null, 8, ["blueprints"])
           ]),
-          O("div", {
+          S("div", {
             class: "v-craft-panel-center flex grow",
-            onClick: V(r, ["stop"])
+            onClick: j(r, ["stop"])
           }, [
-            W(n.$slots, "default", {}, void 0, !0)
+            Y(n.$slots, "default", {}, void 0, !0)
           ]),
-          O("div", Vt, [
-            G(i),
-            G(a)
+          S("div", Jt, [
+            W(i),
+            W(a)
           ])
         ])
       ]));
     };
   }
-}), Xt = /* @__PURE__ */ be(Kt, [["__scopeId", "data-v-d60526f7"]]), zt = {
+}), tr = /* @__PURE__ */ Ee(er, [["__scopeId", "data-v-81a2200d"]]), rr = {
   key: 0,
   class: "v-craft-panel-settings formkit-fieldset v-craft-scrollable-content"
-}, qt = /* @__PURE__ */ $({
+}, nr = /* @__PURE__ */ I({
   __name: "CraftEditorPanelNodeEventsSettings",
   props: {
     craftNode: {},
-    schema: { default: () => ({}) }
+    schema: { default: () => [] }
   },
   emits: ["update:events"],
   setup(t, { emit: e }) {
-    const r = t, { craftNode: n, schema: s } = fe(r), o = e;
+    const r = t, { craftNode: n, schema: o } = ie(r), s = e;
     return (i, a) => {
-      const c = B("CraftEditorPanelForm");
-      return v(), N(c, {
-        craftNode: f(n),
-        schema: f(s),
-        model: f(n)?.events,
-        onUpdate: a[0] || (a[0] = (u) => o("update:events", u))
+      const u = U("CraftEditorPanelForm");
+      return m(), x(u, {
+        craftNode: d(n),
+        schema: d(o),
+        model: d(n)?.events,
+        onUpdate: a[0] || (a[0] = (c) => s("update:events", c))
       }, {
-        "panel-content": X(({ craftNode: u, model: d, handleFormInput: h, schema: m }) => [
-          m ? (v(), E("fieldset", zt, [
-            a[1] || (a[1] = O("legend", { class: "formkit-legend" }, "Events", -1)),
-            (v(), N(f(Ke), {
-              key: u?.uuid,
+        "panel-content": H(({ craftNode: c, model: f, handleFormInput: p, schema: v }) => [
+          v ? (m(), y("fieldset", rr, [
+            a[1] || (a[1] = S("legend", { class: "formkit-legend" }, "Events", -1)),
+            (m(), x(d(Xe), {
+              key: c?.uuid,
               type: "form",
-              value: d,
-              onInput: h,
+              value: f,
+              onInput: p,
               actions: !1
             }, {
-              default: X(() => [
-                G(f(Xe), {
-                  schema: m
-                }, null, 8, ["schema"])
+              default: H(() => [
+                W(d(ze), { schema: v }, null, 8, ["schema"])
               ]),
               _: 2
             }, 1032, ["value", "onInput"]))
-          ])) : x("", !0)
+          ])) : k("", !0)
         ]),
         _: 1
       }, 8, ["craftNode", "schema", "model"]);
     };
   }
-}), Wt = { class: "v-craft-component-layer-face" }, Yt = { class: "v-craft-component-name" }, Qt = {
+}), or = { class: "v-craft-component-layer-face" }, sr = { class: "v-craft-component-name" }, ir = {
   key: 0,
   class: "v-craft-node-layers nested-layers"
-}, Gt = /* @__PURE__ */ $({
+}, ar = /* @__PURE__ */ I({
   __name: "CraftEditorPanelNodeLayer",
   props: {
     craftNode: {},
@@ -714,46 +772,46 @@ const wt = /* @__PURE__ */ $({
   },
   emits: ["layer-click"],
   setup(t, { emit: e }) {
-    const r = t, { craftNode: n, visible: s } = fe(r), o = w(
-      () => s.value && n.value.visible === void 0 || n.value.visible
-    ), i = e, a = j(), { selectedNode: c } = Z(a), u = w(() => te(n.value)), d = w(
-      () => c?.value?.uuid === n.value.uuid
-    ), h = () => {
+    const r = t, { craftNode: n, visible: o } = ie(r), s = b(
+      () => o.value && n.value.visible === void 0 || n.value.visible
+    ), i = e, a = L(), { selectedNode: u } = G(a), c = b(() => J(n.value)), f = b(
+      () => u?.value?.uuid === n.value.uuid
+    ), p = () => {
       a.toggleNodeVisibility(n.value);
     };
-    return (m, p) => {
-      const b = B("CraftEditorPanelNodeLayer", !0);
-      return v(), E("li", {
-        class: oe(["v-craft-node-layer", {
-          "v-craft-node-layer-selected": d.value
+    return (v, h) => {
+      const g = U("CraftEditorPanelNodeLayer", !0);
+      return m(), y("li", {
+        class: se(["v-craft-node-layer", {
+          "v-craft-node-layer-selected": f.value
         }]),
-        onClick: p[1] || (p[1] = V((g) => i("layer-click", f(n)), ["prevent", "stop"]))
+        onClick: h[1] || (h[1] = j((C) => i("layer-click", d(n)), ["prevent", "stop"]))
       }, [
-        O("div", Wt, [
-          O("div", Yt, ne(u.value), 1),
-          O("button", {
+        S("div", or, [
+          S("div", sr, ee(c.value), 1),
+          S("button", {
             type: "button",
             class: "v-craft-component-icon",
-            onClick: V(h, ["prevent", "stop"])
-          }, ne(o.value ? "hide" : "show"), 1)
+            onClick: j(p, ["prevent", "stop"])
+          }, ee(s.value ? "hide" : "show"), 1)
         ]),
-        f(n).slots && Object.keys(f(n).slots).length > 0 ? (v(), E("ul", Qt, [
-          (v(!0), E(T, null, M(f(n).slots, (g, D) => (v(), E(T, { key: D }, [
-            (v(!0), E(T, null, M(g, (F, A) => (v(), N(b, {
-              key: `${D}-${A}`,
-              craftNode: F,
-              onLayerClick: p[0] || (p[0] = (z) => i("layer-click", z)),
-              visible: o.value
+        d(n).slots && Object.keys(d(n).slots).length > 0 ? (m(), y("ul", ir, [
+          (m(!0), y(R, null, $(d(n).slots, (C, T) => (m(), y(R, { key: T }, [
+            (m(!0), y(R, null, $(C, (N, A) => (m(), x(g, {
+              key: `${T}-${A}`,
+              craftNode: N,
+              onLayerClick: h[0] || (h[0] = (E) => i("layer-click", E)),
+              visible: s.value
             }, null, 8, ["craftNode", "visible"]))), 128))
           ], 64))), 128))
-        ])) : x("", !0)
+        ])) : k("", !0)
       ], 2);
     };
   }
-}), Zt = /* @__PURE__ */ be(Gt, [["__scopeId", "data-v-0b94201d"]]), Jt = {
+}), lr = /* @__PURE__ */ Ee(ar, [["__scopeId", "data-v-208a4e02"]]), ur = {
   key: 0,
   class: "v-craft-panel-settings formkit-fieldset v-craft-scrollable-content"
-}, er = /* @__PURE__ */ $({
+}, cr = /* @__PURE__ */ I({
   __name: "CraftEditorPanelNodeSettings",
   props: {
     craftNode: {},
@@ -761,132 +819,130 @@ const wt = /* @__PURE__ */ $({
   },
   emits: ["update:props"],
   setup(t, { emit: e }) {
-    const r = t, { craftNode: n, schema: s } = fe(r), o = e;
+    const r = t, { craftNode: n, schema: o } = ie(r), s = e;
     return (i, a) => {
-      const c = B("CraftEditorPanelForm");
-      return v(), N(c, {
-        craftNode: f(n),
-        schema: f(s),
-        model: f(n)?.props,
-        onUpdate: a[0] || (a[0] = (u) => o("update:props", u))
+      const u = U("CraftEditorPanelForm");
+      return m(), x(u, {
+        craftNode: d(n),
+        schema: d(o),
+        model: d(n)?.props,
+        onUpdate: a[0] || (a[0] = (c) => s("update:props", c))
       }, {
-        "panel-content": X(({ craftNode: u, model: d, handleFormInput: h, schema: m }) => [
-          m ? (v(), E("fieldset", Jt, [
-            a[1] || (a[1] = O("legend", { class: "formkit-legend" }, "Properties", -1)),
-            (v(), N(f(Ke), {
-              key: u?.uuid,
+        "panel-content": H(({ craftNode: c, model: f, handleFormInput: p, schema: v }) => [
+          v ? (m(), y("fieldset", ur, [
+            a[1] || (a[1] = S("legend", { class: "formkit-legend" }, "Properties", -1)),
+            (m(), x(d(Xe), {
+              key: c?.uuid,
               type: "form",
-              value: d,
-              onInput: h,
+              value: f,
+              onInput: p,
               actions: !1
             }, {
-              default: X(() => [
-                G(f(Xe), {
-                  schema: m
-                }, null, 8, ["schema"])
+              default: H(() => [
+                W(d(ze), { schema: v }, null, 8, ["schema"])
               ]),
               _: 2
             }, 1032, ["value", "onInput"]))
-          ])) : x("", !0)
+          ])) : k("", !0)
         ]),
         _: 1
       }, 8, ["craftNode", "schema", "model"]);
     };
   }
-}), tr = { class: "text-sm" }, rr = { key: 0 }, nr = {
+}), dr = { class: "text-sm" }, fr = { key: 0 }, hr = {
   key: 0,
   class: "v-craft-settings"
-}, sr = {
+}, pr = {
   key: 1,
   class: "v-craft-settings"
-}, or = {
+}, vr = {
   class: "v-craft-actions",
   "data-type": "button"
-}, ir = /* @__PURE__ */ $({
+}, mr = /* @__PURE__ */ I({
   __name: "CraftEditorPanelSettings",
   setup(t) {
-    const e = j(), { selectedNode: r } = Z(e), n = ae("resolver"), s = w(() => !r.value || !n?.value ? [] : n.value.getSchema(r.value)), o = w(() => !r.value || !n?.value ? [] : n.value.getEventsSchema(r.value)), i = w(
+    const e = L(), { selectedNode: r } = G(e), n = ue("resolver"), o = b(() => !r.value || !n?.value ? [] : n.value.getSchema(r.value)), s = b(() => !r.value || !n?.value ? [] : n.value.getEventsSchema(r.value)), i = b(
       () => r.value && r.value.parentUuid
     ), a = () => {
       r.value && e.removeNode(r.value);
-    }, c = w(
+    }, u = b(
       () => r.value ? `${n?.value?.resolveNode(r.value)?.componentName || "Unknown"}` : ""
-    ), u = (h) => {
-      r.value && h && e.updateNodeProps(r.value.uuid, h);
-    }, d = (h) => {
-      r.value && h && e.updateNodeEvents(r.value.uuid, h);
+    ), c = (p) => {
+      r.value && p && e.updateNodeProps(r.value.uuid, p);
+    }, f = (p) => {
+      r.value && p && e.updateNodeEvents(r.value.uuid, p);
     };
-    return (h, m) => {
-      const p = B("CraftEditorPanelNodeSettings"), b = B("CraftEditorPanelNodeEventsSettings");
-      return W(h.$slots, "panel-content", {
-        selectedNode: f(r),
-        nodeName: c.value,
-        handlePropsUpdate: u,
-        schema: s.value,
-        eventsSchema: o.value,
-        handleEventsUpdate: d,
+    return (p, v) => {
+      const h = U("CraftEditorPanelNodeSettings"), g = U("CraftEditorPanelNodeEventsSettings");
+      return Y(p.$slots, "panel-content", {
+        selectedNode: d(r),
+        nodeName: u.value,
+        handlePropsUpdate: c,
+        schema: o.value,
+        eventsSchema: s.value,
+        handleEventsUpdate: f,
         deleteable: i.value,
         removeNode: a
       }, () => [
-        O("div", {
+        S("div", {
           ref: "panel",
           class: "v-craft-panel v-craft-settings-panel",
-          onClick: V(() => !1, ["prevent", "stop"])
+          onClick: j(() => !1, ["prevent", "stop"])
         }, [
-          m[1] || (m[1] = O("h3", { class: "v-craft-title" }, "component inspector", -1)),
-          O("span", tr, ne(f(r)?.uuid), 1),
-          f(r) ? x("", !0) : (v(), E("div", rr, [...m[0] || (m[0] = [
-            O("p", null, "select a component to inspect", -1)
+          v[1] || (v[1] = S("h3", { class: "v-craft-title" }, "component inspector", -1)),
+          S("span", dr, ee(d(r)?.uuid), 1),
+          d(r) ? k("", !0) : (m(), y("div", fr, [...v[0] || (v[0] = [
+            S("p", null, "select a component to inspect", -1)
           ])])),
-          O("div", {
-            class: oe(["v-craft-properties", { "v-craft-visible": f(r) }])
+          S("div", {
+            class: se(["v-craft-properties", { "v-craft-visible": d(r) }])
           }, [
-            O("h4", null, ne(c.value), 1),
-            s.value ? (v(), E("div", nr, [
-              G(p, {
-                craftNode: f(r),
-                schema: s.value,
-                "onUpdate:props": u
-              }, null, 8, ["craftNode", "schema"])
-            ])) : x("", !0),
-            o.value && f(r) ? (v(), E("div", sr, [
-              G(b, {
-                craftNode: f(r),
+            S("h4", null, ee(u.value), 1),
+            o.value ? (m(), y("div", hr, [
+              W(h, {
+                craftNode: d(r),
                 schema: o.value,
-                "onUpdate:events": d
+                "onUpdate:props": c
+              }, null, 8, ["craftNode", "schema"])
+            ])) : k("", !0),
+            s.value && d(r) ? (m(), y("div", pr, [
+              W(g, {
+                craftNode: d(r),
+                schema: s.value,
+                "onUpdate:events": f
               }, null, 8, ["craftNode", "schema"])
-            ])) : x("", !0),
-            O("div", or, [
-              i.value ? (v(), E("button", {
+            ])) : k("", !0),
+            S("div", vr, [
+              i.value ? (m(), y("button", {
                 key: 0,
                 class: "formkit-input v-craft-delete",
-                onClick: V(a, ["prevent"])
-              }, " Delete ")) : x("", !0)
+                onClick: j(a, ["prevent"])
+              }, " Delete ")) : k("", !0)
             ])
           ], 2)
         ], 512)
       ]);
     };
   }
-}), ke = /* @__PURE__ */ $({
+}), Re = /* @__PURE__ */ I({
   __name: "CraftDropIndicator",
   setup(t) {
-    const e = Se(), r = () => {
-      const { top: n, left: s } = e.position, { width: o, height: i } = e.size;
+    const e = De(), r = () => {
+      const { top: n, left: o } = e.position, { width: s, height: i } = e.size;
       return {
         top: `${n}px`,
-        left: `${s}px`,
+        left: `${o}px`,
         height: `${i}px`,
-        width: `${o}px`
+        width: `${s}px`
       };
     };
-    return (n, s) => f(e).isShown ? (v(), E("div", {
+    return (n, o) => d(e).isShown ? (m(), y("div", {
       key: 0,
-      class: oe(["v-craft-indicator", { "v-craft-forbidden": f(e).isForbidden }]),
-      style: je(r())
-    }, null, 6)) : x("", !0);
+      class: se(["v-craft-indicator", { "v-craft-forbidden": d(e).isForbidden }]),
+      style: Se(r())
+    }, null, 6)) : k("", !0);
   }
-}), Qe = /* @__PURE__ */ $({
+}), Je = /* @__PURE__ */ I({
   __name: "CraftIframe",
   props: {
     iframeClass: { type: [Boolean, null, String, Object, Array], default: "" },
@@ -894,535 +950,496 @@ const wt = /* @__PURE__ */ $({
     inheritStyles: { type: Boolean, default: !1 },
     styleSheets: { default: () => [] },
     styles: { default: () => [] },
-    iframeId: { default: "v-craft-iframe" },
-    width: { default: "auto" },
-    height: { default: "auto" }
+    iframeId: { default: "v-craft-iframe" }
   },
   emits: ["iframeLoad"],
   setup(t, { emit: e }) {
-    const r = t, n = K(), s = K(!1), o = K(), i = K(), a = K(), { height: c, width: u } = fe(r), d = w(() => c.value === "auto");
-    let h = 0, m = !1;
-    const p = () => {
-      ue(() => {
+    const r = t, n = F(), o = F(!1), s = F(), i = () => {
+      ne(() => {
         if (!n.value) {
           console.error("iframe could not be loaded.");
           return;
         }
-        R("iframeLoad", n.value), n.value?.setAttribute("data-iframe-ready", "true"), z(), r.inheritStyles && D(), r.styles.forEach((y) => {
-          n.value && F(n.value, y);
-        }), r.styleSheets.forEach((y) => {
-          n.value && A(n.value, y);
-        }), s.value = !0, ue(() => {
-          n.value && (o.value = n.value?.contentWindow?.document.body, b());
+        p("iframeLoad", n.value), n.value?.setAttribute("data-iframe-ready", "true"), f(), r.inheritStyles && a(), r.styles.forEach((v) => {
+          n.value && u(n.value, v);
+        }), r.styleSheets.forEach((v) => {
+          n.value && c(n.value, v);
+        }), o.value = !0, ne(() => {
+          n.value && (s.value = n.value?.contentWindow?.document.body);
         });
       });
-    };
-    le([u, c], ([y, k]) => {
-      b();
-    });
-    const b = () => {
-      if (!n.value)
-        return;
-      const y = n.value.contentWindow;
-      if (!y) return;
-      if (i.value?.disconnect(), a.value?.disconnect(), c.value !== "auto" || u.value !== "auto") {
-        n.value.style.height = `${c.value}px`, n.value.style.width = `${u.value}px`;
-        return;
-      }
-      n.value.style.width = "100%", n.value.style.height = "100%", i.value = new MutationObserver(() => {
-        setTimeout(g, 100);
-      }), i.value.observe(y.document.body, {
-        childList: !0,
-        subtree: !0,
-        attributes: !0,
-        characterData: !0
+    }, a = () => {
+      const v = n.value?.contentWindow?.parent.document;
+      if (!v) return;
+      Array.from(v.querySelectorAll("style") ?? []).forEach((C) => {
+        n.value?.contentDocument?.head.appendChild(C.cloneNode(!0));
+      }), Array.from(v.querySelectorAll("link[rel='stylesheet']") ?? []).forEach((C) => {
+        n.value?.contentDocument?.head.appendChild(C.cloneNode(!0));
       });
-      const k = new ResizeObserver(() => {
-        g(), k.disconnect();
-      });
-      k.observe(y.document.documentElement), g();
-    }, g = () => {
-      m || (m = !0, ue(() => {
-        const y = n.value?.contentWindow?.document;
-        if (!y) {
-          m = !1;
-          return;
-        }
-        const k = n.value?.parentElement;
-        let I = 0;
-        if (k) {
-          const U = k.clientHeight, Q = n.value?.offsetTop || 0;
-          I = U - Q;
-        }
-        const J = y.body, he = y.documentElement, P = Math.max(
-          150,
-          J.scrollHeight,
-          J.offsetHeight,
-          he.scrollHeight,
-          he.offsetHeight
-        ), S = Math.max(P, I);
-        n.value && Math.abs(S - h) > 1 && (h = S, n.value.style.height = `${S}px`), m = !1;
-      }));
-    }, D = () => {
-      const y = n.value?.contentWindow?.parent.document;
-      if (!y) return;
-      Array.from(y.querySelectorAll("style") ?? []).forEach((J) => {
-        n.value?.contentDocument?.head.appendChild(J.cloneNode(!0));
-      }), Array.from(y.querySelectorAll("link[rel='stylesheet']") ?? []).forEach((J) => {
-        n.value?.contentDocument?.head.appendChild(J.cloneNode(!0));
-      });
-    }, F = (y, k) => {
-      const I = document.createElement("style");
-      I.innerHTML = k, y?.contentWindow?.document.getElementsByTagName("head").item(0)?.appendChild(I);
-    }, A = (y, k) => {
-      const I = document.createElement("link");
-      I.rel = "stylesheet", I.href = k, y.contentWindow?.document.head.appendChild(I);
-    }, z = () => {
-      const y = n.value?.contentWindow?.document;
-      if (!y) return;
-      const k = y.querySelector("body");
-      if (!k) return;
-      const I = y.createAttribute("id");
-      I.nodeValue = "v-craft-body", k.attributes.setNamedItem(I);
-    }, R = e;
-    return Le(() => {
-      i.value?.disconnect(), a.value?.disconnect();
-    }), (y, k) => lt((v(), E("div", {
-      class: oe({ "h-full": d.value })
-    }, [
-      O("iframe", {
+    }, u = (v, h) => {
+      const g = document.createElement("style");
+      g.innerHTML = h, v?.contentWindow?.document.getElementsByTagName("head").item(0)?.appendChild(g);
+    }, c = (v, h) => {
+      const g = document.createElement("link");
+      g.rel = "stylesheet", g.href = h, v.contentWindow?.document.head.appendChild(g);
+    }, f = () => {
+      const v = n.value?.contentWindow?.document;
+      if (!v) return;
+      const h = v.querySelector("body");
+      if (!h) return;
+      const g = v.createAttribute("id");
+      g.nodeValue = "v-craft-body", h.attributes.setNamedItem(g);
+    }, p = e;
+    return (v, h) => gt((m(), y("div", null, [
+      S("iframe", {
         id: "v-craft-iframe",
         ref_key: "iframeRef",
         ref: n,
-        class: oe(t.iframeClass),
-        style: je(t.iframeStyle),
-        onload: p
+        class: se(t.iframeClass),
+        style: Se(t.iframeStyle),
+        onload: i
       }, null, 6),
-      s.value ? (v(), N(ut, {
+      o.value ? (m(), x(yt, {
         key: 0,
         to: n.value?.contentWindow?.document.body
       }, [
-        W(y.$slots, "default")
-      ], 8, ["to"])) : x("", !0)
-    ], 2)), [
-      [ct, y.$slots.default]
+        Y(v.$slots, "default")
+      ], 8, ["to"])) : k("", !0)
+    ], 512)), [
+      [bt, v.$slots.default]
     ]);
   }
-}), ar = (t) => typeof t.type == "symbol" ? "Fragment" : typeof t.type == "string" ? t.type : t.type.name ? t.type.name : "anonmymous", Ce = (t, e, r = null) => {
-  const n = ar(e), { props: s } = e, o = {
+}), gr = (t) => typeof t.type == "symbol" ? "Fragment" : typeof t.type == "string" ? t.type : t.type.name ? t.type.name : "anonmymous", _e = (t, e, r = null) => {
+  const n = gr(e), { props: o } = e, s = {
     componentName: n,
-    props: s,
+    props: o,
     slots: {},
     parentUuid: r?.uuid ?? null,
-    uuid: de()
+    uuid: le()
   };
   return e.children && (typeof e.children == "object" && !Array.isArray(e.children) ? Object.entries(e.children).forEach(([i, a]) => {
     if (typeof a == "function") {
-      const c = a();
-      c && (o.slots[i] = $e(t, c, o));
+      const u = a();
+      u && (s.slots[i] = Ie(
+        t,
+        u,
+        s
+      ));
     }
-  }) : Array.isArray(e.children) && (o.slots.default = $e(t, e.children, o))), o;
-}, $e = (t, e, r) => !e || !(e instanceof Array) ? [] : e.map((n) => Ce(t, n, r)).filter((n) => !!n), lr = (t) => {
-  const e = j(), { hasNodes: r } = Z(e), n = t ? K(new ye(t)) : ae("resolver");
-  n?.value && e.setResolver(n.value), t && re("resolver", n);
-  const s = () => {
+  }) : Array.isArray(e.children) && (s.slots.default = Ie(
+    t,
+    e.children,
+    s
+  ))), s;
+}, Ie = (t, e, r) => !e || !(e instanceof Array) ? [] : e.map((n) => _e(t, n, r)).filter((n) => !!n), yr = (t) => {
+  const e = L(), { hasNodes: r } = G(e), n = t ? F(new be(t)) : ue("resolver");
+  n?.value && e.setResolver(n.value), t && q("resolver", n);
+  const o = () => {
     if (n?.value && !r.value) {
-      const o = Be(), a = (o.default ? o.default() : []).flatMap((c) => {
-        if (c.key === "_default" && c.children && Array.isArray(c.children))
-          return c.children.map((u) => {
-            const d = Ce(n.value, u);
-            return d || console.error("Invalid node created from child:", u), d;
+      const s = je(), a = (s.default ? s.default() : []).flatMap((u) => {
+        if (u.key === "_default" && u.children && Array.isArray(u.children))
+          return u.children.map((c) => {
+            const f = _e(n.value, c);
+            return f || console.error("Invalid node created from child:", c), f;
           }).filter(Boolean);
         {
-          const u = Ce(n.value, c);
-          return u || console.error("Invalid node created from slot:", c), [u];
+          const c = _e(n.value, u);
+          return c || console.error("Invalid node created from slot:", u), [c];
         }
       }).filter(Boolean);
       a.length && e.setNodes(a);
     }
   };
-  return Ne(s), le(
+  return ye(o), te(
     () => n?.value,
-    (o) => {
-      o && e.setResolver(o);
+    (s) => {
+      s && e.setResolver(s);
     }
   ), {
     editor: e,
-    mountNodes: s
+    mountNodes: o
   };
-}, ur = { class: "v-craft-frame" }, cr = /* @__PURE__ */ $({
+}, br = { class: "v-craft-frame" }, Er = /* @__PURE__ */ I({
   name: "CraftFrame",
   __name: "CraftFrame",
   props: {
-    iFrameHeight: { default: "auto" },
-    iFrameStyle: { type: [Boolean, null, String, Object, Array], default: () => ({}) },
-    iFrameStyleSheets: { default: () => [] },
-    iFrameStyles: { default: () => [] },
-    iFrameWidth: { default: "auto" },
-    iFrameClass: { type: [Boolean, null, String, Object, Array] },
-    inheritStyles: { type: Boolean, default: !1 },
+    iframe: {},
     resolverMap: {},
-    useIframe: { type: Boolean, default: !1 },
     viewOnly: { type: Boolean, default: !1 }
   },
   emits: ["iframeLoad"],
   setup(t, { emit: e }) {
-    const r = t, { iFrameWidth: n, iFrameHeight: s } = fe(r), o = (h) => {
-      i("iframeLoad", h);
-    }, i = e, { editor: a } = lr(r.resolverMap), { nodeTree: c, hasNodes: u, enabled: d } = Z(a);
-    return (h, m) => {
-      const p = B("CraftNodeViewer"), b = B("CraftNodeEditor");
-      return v(), E("div", ur, [
-        t.useIframe ? (v(), N(Qe, {
+    const r = t, { iframe: n } = ie(r), o = (f) => {
+      s("iframeLoad", f);
+    }, s = e, { editor: i } = yr(r.resolverMap), { nodeTree: a, hasNodes: u, enabled: c } = G(i);
+    return (f, p) => {
+      const v = U("CraftNodeViewer"), h = U("CraftNodeEditor");
+      return m(), y("div", br, [
+        d(n) ? (m(), x(Je, {
           key: 0,
           onIframeLoad: o,
-          inheritStyles: t.inheritStyles,
-          styles: [
-            ...t.iFrameStyles
-          ],
-          "iframe-style": t.iFrameStyle,
-          "iframe-class": t.iFrameClass,
-          "style-sheets": t.iFrameStyleSheets,
-          width: f(n),
-          height: f(s)
+          inheritStyles: d(n)?.inheritStyles,
+          iframeStyle: d(n)?.iframeStyle,
+          iframeClass: d(n)?.iframeClass,
+          class: se(d(n)?.wrapperClass),
+          style: Se(d(n)?.wrapperStyle),
+          styles: d(n)?.styles,
+          styleSheets: d(n)?.styleSheets
         }, {
-          default: X(() => [
-            (t.viewOnly || !f(d)) && f(u) ? (v(!0), E(T, { key: 0 }, M(f(c), (g) => (v(), N(p, {
+          default: H(() => [
+            (t.viewOnly || !d(c)) && d(u) ? (m(!0), y(R, { key: 0 }, $(d(a), (g) => (m(), x(v, {
               key: `${g.uuid}-view`,
               craftNode: g
-            }, null, 8, ["craftNode"]))), 128)) : x("", !0),
-            !t.viewOnly && f(d) && f(u) ? (v(!0), E(T, { key: 1 }, M(f(c), (g) => (v(), N(b, {
+            }, null, 8, ["craftNode"]))), 128)) : k("", !0),
+            !t.viewOnly && d(c) && d(u) ? (m(!0), y(R, { key: 1 }, $(d(a), (g) => (m(), x(h, {
               key: `${g.uuid}-edit`,
               craftNode: g
-            }, null, 8, ["craftNode"]))), 128)) : x("", !0),
-            !t.viewOnly && f(d) ? (v(), N(ke, { key: 2 })) : x("", !0)
+            }, null, 8, ["craftNode"]))), 128)) : k("", !0),
+            !t.viewOnly && d(c) ? (m(), x(Re, { key: 2 })) : k("", !0)
           ]),
           _: 1
-        }, 8, ["inheritStyles", "styles", "iframe-style", "iframe-class", "style-sheets", "width", "height"])) : x("", !0),
-        !t.useIframe && (t.viewOnly || !f(d)) && f(u) ? (v(!0), E(T, { key: 1 }, M(f(c), (g) => (v(), N(p, {
+        }, 8, ["inheritStyles", "iframeStyle", "iframeClass", "class", "style", "styles", "styleSheets"])) : k("", !0),
+        !d(n) && (t.viewOnly || !d(c)) && d(u) ? (m(!0), y(R, { key: 1 }, $(d(a), (g) => (m(), x(v, {
           key: `${g.uuid}-view`,
           craftNode: g
-        }, null, 8, ["craftNode"]))), 128)) : x("", !0),
-        !t.useIframe && !t.viewOnly && f(d) && f(u) ? (v(!0), E(T, { key: 2 }, M(f(c), (g) => (v(), N(b, {
+        }, null, 8, ["craftNode"]))), 128)) : k("", !0),
+        !d(n) && !t.viewOnly && d(c) && d(u) ? (m(!0), y(R, { key: 2 }, $(d(a), (g) => (m(), x(h, {
           key: `${g.uuid}-edit`,
           craftNode: g
-        }, null, 8, ["craftNode"]))), 128)) : x("", !0),
-        !t.useIframe && !t.viewOnly && f(d) ? (v(), N(ke, { key: 3 })) : x("", !0)
+        }, null, 8, ["craftNode"]))), 128)) : k("", !0),
+        !d(n) && !t.viewOnly && d(c) ? (m(), x(Re, { key: 3 })) : k("", !0)
       ]);
     };
   }
-}), dr = (t, e) => {
-  const r = j(), { enabled: n, selectedUuid: s, draggingDisabled: o } = Z(r);
+}), Cr = (t, e) => {
+  const r = L(), { enabled: n, selectedUuid: o, draggingDisabled: s } = G(r);
   let i = null;
   const a = () => {
-    const h = e?.value?.$el;
-    h && h !== i && (i = h, r.setNodeRef(t, h));
+    const p = e?.value?.$el;
+    p && p !== i && (i = p, r.setNodeRef(t, p));
   };
-  Ne(a), le(e, a, { flush: "post" });
-  const c = w(
-    () => s.value === t.uuid
+  ye(a), te(e, a, { flush: "post" });
+  const u = b(
+    () => o.value === t.uuid
   );
   return {
-    isDraggable: w(() => n.value && !o.value && yt(t)),
-    isSelected: c,
+    isDraggable: b(() => n.value && !s.value && kt(t)),
+    isSelected: u,
     selectNode: () => {
       n.value && r.selectNode(t);
     }
   };
-}, Ge = (t, e, r) => {
-  const n = /* @__PURE__ */ new Map(), s = () => {
-    !t.value?.events || !Object.values(t.value.events).length || Object.entries(t.value.events).forEach(([o, i]) => {
-      if (!i.trim())
+}, Ae = (t, e, r, n) => {
+  const o = /* @__PURE__ */ new Map(), s = () => {
+    !t.value?.events || !Object.values(t.value.events).length || Object.entries(t.value.events).forEach(([i, a]) => {
+      if (!a.trim())
         return;
-      const a = (...c) => {
+      const u = (...c) => {
         try {
           new Function(
             "ctx",
             "craftNode",
             "args",
-            i
+            a
           )(
-            { ...r, editor: e },
-            e.nodeMap.get(t.value.uuid),
+            { ...e, getNodes: r, getNode: n },
+            t.value.uuid,
             ...c
           );
-        } catch (u) {
+        } catch (f) {
           console.error(
             `Event code execution failed with code: 
-${i}
+${a}
 
 Error:`,
-            u
+            f
           );
         }
       };
-      n.set(o, a);
+      o.set(i, u);
     });
   };
-  return le(
+  return te(
     () => t,
     () => {
       s();
     }
-  ), dt(() => {
+  ), Et(() => {
     s();
-  }), ft(() => {
-    n.clear();
+  }), Ct(() => {
+    o.clear();
   }), {
-    eventHandlers: w(() => Object.fromEntries(n))
+    eventHandlers: b(() => Object.fromEntries(o))
   };
-}, Ze = (t) => {
+}, et = (t) => {
   const e = (() => {
     try {
-      return j();
+      return L();
     } catch {
       return null;
     }
-  })(), r = w(() => e ? Z(e).enabled?.value ?? !1 : !1), n = w(() => t.value?.visible !== !1);
-  return re("craftNode", ht(t)), {
+  })(), r = b(() => e ? G(e).enabled?.value ?? !1 : !1), n = b(() => t.value?.visible !== !1);
+  return q("craftNode", He(t)), {
     editor: e,
     craftNode: t,
     enabled: r,
     visible: n
   };
-}, Je = (t, e) => {
+}, tt = (t, e) => {
+  if (!e.getBoundingClientRect) return !1;
   const r = e.getBoundingClientRect();
   return t.clientX - r.left < r.width / 2;
-}, et = (t, e) => {
+}, rt = (t, e) => {
+  if (!e.getBoundingClientRect) return !1;
   const r = e.getBoundingClientRect();
   return t.clientY - r.top < r.height / 2;
-}, tt = (t, e) => {
+}, nt = (t, e) => {
+  if (!e.getBoundingClientRect) return !1;
   const r = e.getBoundingClientRect();
   return t.clientX - r.left < 15 || t.clientY - r.top < 15 || r.right - t.clientX < 15 || r.bottom - t.clientY < 15;
-}, rt = (t, e, { editor: r, indicator: n, craftNode: s, resolver: o }) => {
+}, ot = (t, e, { editor: r, indicator: n, craftNode: o, resolver: s }) => {
   if (r.draggedNode) {
-    if (n.setIsForbidden(!pe(r.draggedNode, s.value, o)), Je(t, e)) {
+    if (n.setIsForbidden(!me(r.draggedNode, o.value, s)), tt(t, e)) {
       n.pointBefore(e);
       return;
     }
     n.pointAfter(e);
   }
-}, fr = (t, e, { editor: r, indicator: n, craftNode: s, resolver: o }) => {
+}, _r = (t, e, { editor: r, indicator: n, craftNode: o, resolver: s }) => {
   if (!r.draggedNode) return;
   const a = t.target.closest(".v-craft-drop-text");
   if (a) {
-    const u = !ie(r.draggedNode, s.value, o);
-    n.setIsForbidden(u), n.pointInside(a);
+    const c = !oe(r.draggedNode, o.value, s);
+    n.setIsForbidden(c), n.pointInside(a);
     return;
   }
-  if (tt(t, e)) {
-    rt(t, e, { editor: r, indicator: n, craftNode: s, resolver: o });
+  if (nt(t, e)) {
+    ot(t, e, { editor: r, indicator: n, craftNode: o, resolver: s });
     return;
   }
-  const c = !ie(r.draggedNode, s.value, o);
-  if (n.setIsForbidden(c), et(t, e)) {
+  const u = !oe(r.draggedNode, o.value, s);
+  if (n.setIsForbidden(u), rt(t, e)) {
     n.pointInsideTop(e);
     return;
   }
   n.pointInside(e);
-}, hr = (t, e, r) => {
-  if (q(r.craftNode.value)) {
-    fr(t, e, r);
+}, Nr = (t, e, r) => {
+  if (K(r.craftNode.value)) {
+    _r(t, e, r);
     return;
   }
-  rt(t, e, r);
-}, nt = (t, e, r, n) => {
-  if (!pe(
+  ot(t, e, r);
+}, st = (t, e, r, n) => {
+  if (!me(
     r,
     n.craftNode.value,
     n.resolver
   ))
     return n.craftNode.value;
-  const s = n.craftNode.value.parentUuid ? n.editor.nodeMap.get(n.craftNode.value.parentUuid) : null;
-  if (!s)
+  const o = n.craftNode.value.parentUuid ? n.editor.nodeMap.get(n.craftNode.value.parentUuid) : null;
+  if (!o)
     return n.craftNode.value;
-  const o = Object.values(s.slots || {}).flat().find(
-    (i) => i.uuid === n.craftNode.value.uuid
-  );
-  return !o || o.uuid === r.uuid || (Je(t, e) ? n.editor.insertNodeBefore(r, o) : n.editor.insertNodeAfter(r, o)), n.craftNode.value;
-}, pr = (t, e) => {
-  if (!t.slots || Object.keys(t.slots).length === 0) {
-    const n = e.resolveNode?.(t)?.slots;
-    n && n.length > 0 ? (t.slots = {}, n.forEach((s) => {
-      t.slots[s] = [];
-    })) : t.slots = { default: [] };
-  }
-  return t;
-}, st = (t, e, r, n) => {
-  const { editor: s, resolver: o, craftNode: i } = n, a = t.target, c = s.nodeMap.get(a.id);
-  if (c && q(c))
-    return st(t, e, r, { ...n, craftNode: K(c) }), n.craftNode.value;
-  const u = a.closest(".v-craft-drop-text");
-  let d = "default";
-  if (u) {
-    const h = u.getAttribute("data-slot-name");
-    h && (d = h);
+  const s = Object.values(o.slots || {}).flat().find((i) => i.uuid === n.craftNode.value.uuid);
+  return !s || s.uuid === r.uuid || (tt(t, e) ? n.editor.insertNodeBefore(r, s) : n.editor.insertNodeAfter(r, s)), n.craftNode.value;
+}, it = (t, e, r, n) => {
+  const { editor: o, resolver: s, craftNode: i } = n, a = t.target, u = o.nodeMap.get(a.id);
+  if (u && K(u))
+    return it(t, e, r, {
+      ...n,
+      craftNode: F(u)
+    }), n.craftNode.value;
+  const c = a.closest(".v-craft-drop-text");
+  let f = "default";
+  if (c) {
+    const p = c.getAttribute("data-slot-name");
+    p && (f = p);
   } else {
-    if (tt(t, e))
-      return nt(t, e, r, n);
-    const h = n.craftNode.value.slots || {}, m = Object.keys(h);
-    d = m.length > 0 ? m[0] : "default";
+    if (nt(t, e))
+      return st(t, e, r, n);
+    const p = n.craftNode.value.slots || {}, v = Object.keys(p);
+    f = v.length > 0 ? v[0] : "default";
   }
-  return ie(
+  return oe(
     r,
     n.craftNode.value,
     n.resolver
-  ) && (et(t, e) ? n.editor.prependNodeTo(r, n.craftNode.value, d) : n.editor.appendNodeTo(r, n.craftNode.value, d)), n.craftNode.value;
-}, vr = (t, e, r) => {
+  ) && (rt(t, e) ? n.editor.prependNodeTo(
+    r,
+    n.craftNode.value,
+    f
+  ) : n.editor.appendNodeTo(r, n.craftNode.value, f)), n.craftNode.value;
+}, wr = (t, e, r) => {
   if (!r.editor.draggedNode)
     return r.craftNode.value;
   const n = (() => {
-    let s;
-    return r.editor.draggedNode?.uuid ? s = JSON.parse(JSON.stringify(r.editor.draggedNode)) : s = We(
+    let o;
+    return r.editor.draggedNode?.uuid ? o = JSON.parse(JSON.stringify(r.editor.draggedNode)) : o = Qe(
       JSON.parse(JSON.stringify(r.editor.draggedNode))
-    ), pr(s, r.resolver);
+    ), We(o, r.resolver);
   })();
-  return q(r.craftNode.value) ? st(t, e, n, r) : nt(t, e, n, r);
-}, Re = {
-  handleDragOver: hr,
-  handleDrop: vr
-}, mr = (t, e, r) => {
-  const n = j(), s = Se(), o = (u) => {
+  return K(r.craftNode.value) ? it(t, e, n, r) : st(t, e, n, r);
+}, Te = {
+  handleDragOver: Nr,
+  handleDrop: wr
+}, Or = (t, e, r) => {
+  const n = L(), o = De(), s = (c) => {
     n.enabled && n.dragNode(t.value);
-  }, i = Ve((u) => {
-    n.enabled && e.value?.$el && Re.handleDragOver(u, e.value.$el, {
+  }, i = Ke((c) => {
+    n.enabled && e.value?.$el && Te.handleDragOver(c, e.value.$el, {
       editor: n,
-      indicator: s,
+      indicator: o,
       craftNode: t,
       resolver: r
     });
   }, 8);
   return {
-    handleDragStart: o,
+    handleDragStart: s,
     handleDragOver: i,
-    handleDrop: (u) => {
-      n.enabled && e.value?.$el && Re.handleDrop(u, e.value.$el, {
+    handleDrop: (c) => {
+      n.enabled && e.value?.$el && Te.handleDrop(c, e.value.$el, {
         editor: n,
-        indicator: s,
+        indicator: o,
         craftNode: t,
         resolver: r
       });
     },
     handleDragEnd: () => {
-      n.enabled && (n.dragNode(null), s.hide());
+      n.enabled && n.dragNode(null);
     }
   };
-}, gr = ["data-slot-name"], yr = { class: "v-craft-slot-name" }, br = /* @__PURE__ */ $({
+}, xr = ["data-slot-name"], Sr = { class: "v-craft-slot-name" }, kr = /* @__PURE__ */ I({
   name: "CraftNodeEditor",
   __name: "CraftNodeEditor",
   props: {
     craftNode: {}
   },
   setup(t) {
-    const r = ce(t, "craftNode"), { editor: n, visible: s } = Ze(r), { resolvedNode: o, defaultProps: i, resolver: a } = xe(r);
-    a.value && re("resolver", a);
-    const c = K(null), u = w(() => n?.nodeDataMap[r.value.uuid]), { isSelected: d, isDraggable: h, selectNode: m } = dr(
+    const e = t, { craftNode: r } = ie(e), { editor: n, visible: o } = et(r), { resolvedNode: s, defaultProps: i, resolver: a, componentToRender: u } = fe(r);
+    te(
+      a,
+      (w) => {
+        w && q("resolver", a);
+      },
+      { immediate: !0 }
+    );
+    const c = F(null), f = F(null), p = b(() => n?.nodeDataMap[r.value.uuid]), { isSelected: v, isDraggable: h, selectNode: g } = Cr(
       r.value,
       c
-    ), { handleDragStart: p, handleDragOver: b, handleDrop: g, handleDragEnd: D } = mr(r, c, a.value), { eventHandlers: F } = Ge(
+    ), { handleDragStart: C, handleDragOver: T, handleDrop: N, handleDragEnd: A } = Or(r, c, a.value), { eventHandlers: E } = Ae(
       r,
-      n,
-      n?.eventsContext || {}
-    ), A = w(() => {
-      const P = a?.value?.resolve(r.value.componentName);
-      return q(r.value) ? r.value.props.componentName : P?.componentName || r.value.componentName;
-    }), z = () => {
-      m();
-    }, R = (P) => {
-      let S = 0;
-      for (let L = 0; L < P.length; L++)
-        S = P.charCodeAt(L) + ((S << 5) - S);
-      const U = S % 360, Q = 70 + S % 30, H = 45 + S % 30;
-      return `hsla(${U}, ${Q}%, ${H}%, 0.9)`;
-    }, y = w(() => R(r.value.uuid)), k = w(() => {
-      const P = [], U = a?.value?.resolveNode?.(r.value)?.slots;
-      return U && U.length > 0 ? P.push(...U) : P.push("default"), P;
-    }), I = w(() => q(r.value) ? !0 : Object.values(r.value.slots || {}).some(
-      (P) => P.length > 0
-    )), J = (P, S) => u.value ? u.value.slotName && u.value.slotName !== S ? [] : he(u.value, P) : [], he = (P, S) => P.type === "single" ? S.map((U) => ({
-      key: `${U.uuid}-single`,
+      n?.eventsContext || {},
+      () => n?.nodeMap ? Object.fromEntries(n.nodeMap.entries()) : null,
+      (w) => n?.nodeMap[w] ?? null
+    ), P = b(() => {
+      const w = a?.value?.resolve(r.value.componentName);
+      return w?.label ? w.label : K(r.value) ? r.value.props.componentName : w?.componentName || r.value.componentName;
+    }), M = b(() => Ze(r.value.uuid)), V = () => {
+      const D = (f.value?.ownerDocument ?? c.value?.$el?.ownerDocument ?? document).querySelector(
+        `[data-craft-uuid="${r.value.uuid}"]`
+      );
+      if (D) return D;
+      let B = c.value?.$el;
+      for (; B && !(B instanceof HTMLElement); )
+        B = B.nextElementSibling ?? null;
+      return B ?? null;
+    }, he = (w, D, B) => {
+      if (!(w instanceof Element)) {
+        console.error("resolveNodeEl returned a non-Element:", w);
+        return;
+      }
+      w.style.setProperty("--node-name", D), w.style.setProperty("--node-color", B), w.setAttribute("data-node-name", D);
+    }, pe = () => {
+      const w = V();
+      w && (f.value = w, he(w, P.value ?? "(n/a)", M.value));
+    };
+    ye(() => ne(pe)), _t(() => ne(pe)), te([P, M], () => {
+      f.value && he(f.value, P.value ?? "", M.value);
+    });
+    const at = b(() => {
+      const D = a?.value?.resolveNode?.(r.value)?.slots;
+      return D && D.length > 0 ? D : ["default"];
+    }), lt = b(() => K(r.value) ? !0 : Object.values(r.value.slots || {}).some(
+      (w) => w.length > 0
+    )), ut = () => g(), ct = (w, D) => p.value ? p.value.slotName && p.value.slotName !== D ? [] : dt(p.value, w) : [], dt = (w, D) => w.type === "single" ? D.map((B) => ({
+      key: `${B.uuid}-single`,
       craftNode: {
-        ...U,
-        props: {
-          ...U.props,
-          ...P.item || {}
-        }
+        ...B,
+        props: { ...B.props, ...w.item || {} }
       }
-    })) : P.type === "list" ? P.list ? S.reduce((U, Q) => U.concat(
-      P.list.map((H, L) => ({
-        key: `${Q.uuid}-data-${L}`,
+    })) : w.type === "list" ? w.list ? D.reduce((B, ae) => B.concat(
+      w.list.map((X, z) => ({
+        key: `${ae.uuid}-data-${z}`,
         craftNode: {
-          ...Q,
-          props: {
-            ...Q.props,
-            ...H || {}
-          }
+          ...ae,
+          props: { ...ae.props, ...X || {} }
         }
       }))
     ), []) : [] : [];
-    return (P, S) => {
-      const U = B("CraftNodeViewer"), Q = B("CraftNodeEditor", !0);
-      return f(s) && r.value && f(o) ? (v(), N(me(f(o).componentName), Oe({
+    return (w, D) => {
+      const B = U("CraftNodeViewer"), ae = U("CraftNodeEditor", !0);
+      return d(o) && d(r) && d(s) ? (m(), x(ce(d(u)), ge({
         key: 0,
         ref_key: "nodeRef",
         ref: c
-      }, { ...f(i), ...r.value.props }, Fe(f(F)), {
-        "data-node-name": A.value,
-        style: { "--node-color": y.value },
+      }, {
+        ...d(i),
+        ...d(r).props,
+        "data-craft-uuid": d(r).uuid
+      }, ke(d(E)), {
         class: {
-          "v-craft-node-selected": f(d),
-          "v-craft-node": f(n)?.enabled,
-          "v-craft-canvas": f(q)(r.value),
-          "v-craft-empty": !r.value.slots || Object.keys(r.value.slots).length === 0 || Object.values(r.value.slots).every((H) => H.length === 0),
-          "v-craft-other-node-dragged": f(n)?.draggedNode && !f(qe)(f(n).draggedNode, r.value)
+          "v-craft-node-selected": d(v),
+          "v-craft-node": d(n)?.enabled,
+          "v-craft-canvas": d(K)(d(r)),
+          "v-craft-empty": !d(r).slots || Object.keys(d(r).slots).length === 0 || Object.values(d(r).slots).every((X) => X.length === 0),
+          "v-craft-other-node-dragged": d(n)?.draggedNode && !d(Ye)(d(n).draggedNode, d(r))
         },
-        draggable: f(n)?.enabled && f(h),
-        onClick: V(z, ["prevent", "stop"]),
-        onDragend: V(f(D), ["prevent", "stop"]),
-        onDragover: V(f(b), ["prevent", "stop"]),
-        onDragstart: V(f(p), ["stop"]),
-        onDrop: V(f(g), ["prevent", "stop"])
-      }), ge({ _: 2 }, [
-        M(k.value, (H) => ({
-          name: H,
-          fn: X(() => [
-            f(q)(r.value) && r.value.slots[H]?.length == 0 ? (v(), E("div", {
+        draggable: d(n)?.enabled && d(h),
+        onClick: j(ut, ["prevent", "stop"]),
+        onDragend: j(d(A), ["prevent", "stop"]),
+        onDragover: j(d(T), ["prevent", "stop"]),
+        onDragstart: j(d(C), ["stop"]),
+        onDrop: j(d(N), ["prevent", "stop"])
+      }), de({ _: 2 }, [
+        $(at.value, (X) => ({
+          name: X,
+          fn: H(() => [
+            d(K)(d(r)) && (!d(r).slots || d(r).slots[X]?.length == 0) ? (m(), y("div", {
               key: 0,
               class: "v-craft-drop-text",
-              "data-slot-name": H,
-              onDragover: S[0] || (S[0] = V(
+              "data-slot-name": X,
+              onDragover: D[0] || (D[0] = j(
                 //@ts-ignore
-                (...L) => f(b) && f(b)(...L),
+                (...z) => d(T) && d(T)(...z),
                 ["prevent", "stop"]
               )),
-              onDrop: S[1] || (S[1] = V(
+              onDrop: D[1] || (D[1] = j(
                 //@ts-ignore
-                (...L) => f(g) && f(g)(...L),
+                (...z) => d(N) && d(N)(...z),
                 ["prevent", "stop"]
               ))
             }, [
-              S[2] || (S[2] = O("span", { class: "v-craft-drop-text-label" }, "Drop a component here", -1)),
-              O("span", yr, ne(H), 1)
-            ], 40, gr)) : x("", !0),
-            I.value ? (v(), E(T, { key: 1 }, [
-              u.value?.type && u.value.slotName === H ? (v(!0), E(T, { key: 0 }, M(J(
-                r.value.slots?.[H] || [],
-                H
-              ), (L) => (v(), N(U, {
-                key: L.key,
-                craftNode: L.craftNode
-              }, null, 8, ["craftNode"]))), 128)) : x("", !0),
-              (v(!0), E(T, null, M(r.value.slots?.[H] || [], (L) => (v(), N(Q, {
-                key: L.uuid,
-                craftNode: L
+              D[2] || (D[2] = S("span", { class: "v-craft-drop-text-label" }, "Drop a component here", -1)),
+              S("span", Sr, ee(X), 1)
+            ], 40, xr)) : k("", !0),
+            lt.value ? (m(), y(R, { key: 1 }, [
+              p.value?.type && p.value.slotName === X ? (m(!0), y(R, { key: 0 }, $(ct(
+                d(r).slots?.[X] || [],
+                X
+              ), (z) => (m(), x(B, {
+                key: z.key,
+                craftNode: z.craftNode
+              }, null, 8, ["craftNode"]))), 128)) : k("", !0),
+              (m(!0), y(R, null, $(d(r).slots?.[X] || [], (z) => (m(), x(ae, {
+                key: z.uuid,
+                craftNode: z
               }, null, 8, ["craftNode"]))), 128))
-            ], 64)) : x("", !0)
+            ], 64)) : k("", !0)
           ])
         }))
-      ]), 1040, ["data-node-name", "style", "class", "draggable", "onDragend", "onDragover", "onDragstart", "onDrop"])) : x("", !0);
+      ]), 1040, ["class", "draggable", "onDragend", "onDragover", "onDragstart", "onDrop"])) : k("", !0);
     };
   }
-}), ve = /* @__PURE__ */ $({
+}), Ne = /* @__PURE__ */ I({
   name: "CraftNodeViewer",
   __name: "CraftNodeViewer",
   props: {
@@ -1431,105 +1448,192 @@ Error:`,
     eventsContext: {}
   },
   setup(t) {
-    const e = t, r = ce(e, "craftNode"), { editor: n, visible: s } = Ze(r), { resolvedNode: o, defaultProps: i, resolver: a } = xe(r);
-    re("resolver", a);
-    const c = w(() => ({
+    const e = t, r = ve(e, "craftNode"), { editor: n, visible: o } = et(r), { resolvedNode: s, defaultProps: i, resolver: a, componentToRender: u } = fe(r);
+    q("resolver", a);
+    const c = b(() => ({
       ...i.value,
       ...r.value?.props
-    })), u = w(() => e.nodeDataMap?.[r.value.uuid] || n?.nodeDataMap?.[r.value.uuid]), d = w(() => r.value.slots || {}), h = w(() => q(r.value)), m = w(() => {
-      const A = [], R = a?.value?.resolveNode?.(r.value)?.slots;
-      return R && R.length > 0 ? A.push(...R) : A.push("default"), A;
-    }), p = w(() => h.value ? !0 : Object.values(d.value).some((A) => A.length > 0)), b = (A, z) => u.value ? u.value.slotName && u.value.slotName !== z ? [] : F(u.value, A) : [], g = K(null), { eventHandlers: D } = Ge(
+    })), f = b(() => e.nodeDataMap?.[r.value.uuid] || n?.nodeDataMap?.[r.value.uuid]), p = b(() => r.value.slots || {}), v = b(() => K(r.value)), h = b(() => {
+      if (!g.value)
+        return [];
+      const E = [], M = a?.value?.resolveNode?.(r.value)?.slots;
+      return M && M.length > 0 ? E.push(...M) : E.push("default"), E;
+    }), g = b(() => v.value ? !0 : Object.values(p.value).some((E) => E.length > 0)), C = (E, P) => f.value ? f.value.slotName && f.value.slotName !== P ? [] : A(f.value, E) : [], T = F(null), { eventHandlers: N } = Ae(
       r,
-      n,
-      e.eventsContext || n?.eventsContext || {}
+      e.eventsContext || n?.eventsContext || {},
+      () => n?.nodeMap ? Object.fromEntries(n.nodeMap.entries()) : null,
+      (E) => n?.nodeMap[E] ?? null
     );
-    Ne(() => {
-      g.value && r.value && n && n.setNodeRef(r.value, g.value);
+    ye(() => {
+      T.value && r.value && n && n.setNodeRef(r.value, T.value);
     });
-    const F = (A, z) => A.type === "single" ? z.map((R) => ({
-      key: `${R.uuid}-single`,
+    const A = (E, P) => E.type === "single" ? P.map((M) => ({
+      key: `${M.uuid}-single`,
       craftNode: {
-        ...R,
+        ...M,
         props: {
-          ...R.props,
-          ...A.item || {}
+          ...M.props,
+          ...E.item || {}
         }
       }
-    })) : A.type === "list" ? A.list ? z.reduce((R, y) => R.concat(
+    })) : E.type === "list" ? E.list ? P.reduce((M, V) => M.concat(
       //@ts-ignore
-      A.list.map((k, I) => ({
-        key: `${y.uuid}-data-${I}`,
+      E.list.map((he, pe) => ({
+        key: `${V.uuid}-data-${pe}`,
         craftNode: {
-          ...y,
+          ...V,
           props: {
-            ...y.props,
-            ...k || {}
+            ...V.props,
+            ...he || {}
           }
         }
       }))
     ), []) : [] : [];
-    return (A, z) => f(s) && f(a) && f(o) ? (v(), N(me(f(o).componentName), Oe({
+    return (E, P) => d(o) && d(a) && d(s) ? (m(), x(ce(d(u)), ge({
       key: 0,
       ref_key: "nodeRef",
-      ref: g
-    }, c.value, Fe(f(D))), ge({ _: 2 }, [
-      M(m.value, (R) => ({
-        name: R,
-        fn: X(() => [
-          p.value ? (v(), E(T, { key: 0 }, [
-            u.value?.type ? (v(!0), E(T, { key: 1 }, M(b(d.value[R], R), (y) => (v(), N(ve, {
-              key: y.key,
-              craftNode: y.craftNode
-            }, null, 8, ["craftNode"]))), 128)) : (v(!0), E(T, { key: 0 }, M(d.value[R], (y) => (v(), N(ve, {
-              key: y.uuid,
-              craftNode: y
+      ref: T
+    }, c.value, ke(d(N))), de({ _: 2 }, [
+      $(h.value, (M) => ({
+        name: M,
+        fn: H(() => [
+          g.value ? (m(), y(R, { key: 0 }, [
+            f.value?.type ? (m(!0), y(R, { key: 1 }, $(C(p.value[M], M), (V) => (m(), x(Ne, {
+              key: V.key,
+              craftNode: V.craftNode
+            }, null, 8, ["craftNode"]))), 128)) : (m(!0), y(R, { key: 0 }, $(p.value[M], (V) => (m(), x(Ne, {
+              key: V.uuid,
+              craftNode: V
             }, null, 8, ["craftNode"]))), 128))
-          ], 64)) : x("", !0)
+          ], 64)) : k("", !0)
+        ])
+      }))
+    ]), 1040)) : k("", !0);
+  }
+}), we = /* @__PURE__ */ I({
+  name: "CraftNodeStatic",
+  __name: "CraftNodeStatic",
+  props: {
+    craftNode: {},
+    nodeMap: {},
+    nodeDataMap: {},
+    eventsContext: {}
+  },
+  setup(t) {
+    const e = t, { craftNode: r, nodeMap: n } = ie(e), { resolvedNode: o, defaultProps: s, resolver: i, componentToRender: a } = fe(r);
+    q("resolver", i), q("craftNode", He(r.value));
+    const u = b(() => ({
+      ...s.value,
+      ...r.value?.props
+    })), c = b(() => e.nodeDataMap?.[r.value.uuid] || null), f = b(() => r.value.slots || {}), p = b(() => K(r.value)), v = b(() => {
+      if (!h.value)
+        return [];
+      const N = [], E = i?.value?.resolveNode?.(r.value)?.slots;
+      return E && E.length > 0 ? N.push(...E) : N.push("default"), N;
+    }), h = b(() => p.value ? !0 : Object.values(f.value).some((N) => N.length > 0)), g = (N, A) => c.value ? c.value.slotName && c.value.slotName !== A ? [] : T(c.value, N) : [], { eventHandlers: C } = Ae(
+      r,
+      e.eventsContext || {},
+      () => Object.fromEntries(n.value.entries()),
+      (N) => n.value[N] ?? null
+    ), T = (N, A) => N.type === "single" ? A.map((E) => ({
+      key: `${E.uuid}-single`,
+      craftNode: {
+        ...E,
+        props: {
+          ...E.props,
+          ...N.item || {}
+        }
+      }
+    })) : N.type === "list" ? N.list ? A.reduce((E, P) => E.concat(
+      //@ts-ignore
+      N.list.map((M, V) => ({
+        key: `${P.uuid}-data-${V}`,
+        craftNode: {
+          ...P,
+          props: {
+            ...P.props,
+            ...M || {}
+          }
+        }
+      }))
+    ), []) : [] : [];
+    return (N, A) => (d(r).visible || d(r).visible === void 0) && d(i) && d(o) ? (m(), x(ce(d(a)), ge({
+      key: 0,
+      ref: "nodeRef"
+    }, u.value, ke(d(C))), de({ _: 2 }, [
+      $(v.value, (E) => ({
+        name: E,
+        fn: H(() => [
+          h.value ? (m(), y(R, { key: 0 }, [
+            c.value?.type ? (m(!0), y(R, { key: 1 }, $(g(f.value[E], E), (P) => (m(), x(we, {
+              key: P.key,
+              craftNode: P.craftNode,
+              nodeMap: d(n),
+              nodeDataMap: t.nodeDataMap,
+              eventsContext: t.eventsContext
+            }, null, 8, ["craftNode", "nodeMap", "nodeDataMap", "eventsContext"]))), 128)) : (m(!0), y(R, { key: 0 }, $(f.value[E], (P) => (m(), x(we, {
+              key: P.uuid,
+              craftNode: P,
+              nodeMap: d(n),
+              nodeDataMap: t.nodeDataMap,
+              eventsContext: t.eventsContext
+            }, null, 8, ["craftNode", "nodeMap", "nodeDataMap", "eventsContext"]))), 128))
+          ], 64)) : k("", !0)
         ])
       }))
-    ]), 1040)) : x("", !0);
+    ]), 1040)) : k("", !0);
   }
-}), Er = /* @__PURE__ */ $({
+}), Dr = /* @__PURE__ */ I({
   name: "CraftStaticRenderer",
   __name: "CraftStaticRenderer",
   props: {
     nodes: {},
     resolverMap: {},
+    resolver: {},
     nodeDataMap: {},
     eventsContext: {}
   },
   setup(t) {
-    const e = t, r = w(() => new ye(e.resolverMap));
-    return re("resolver", r), re("nodeDataMap", e.nodeDataMap || {}), re("eventsContext", e.eventsContext || {}), (n, s) => (v(!0), E(T, null, M(t.nodes, (o) => (v(), N(ve, {
-      key: o.uuid,
-      craftNode: o,
+    const e = t, r = (s, i) => {
+      i.set(s.uuid, s), Object.entries(s.slots).forEach(([a, u]) => {
+        u?.forEach && u.forEach((c) => r(c, i));
+      });
+    }, n = b(() => {
+      const s = /* @__PURE__ */ new Map();
+      return e.nodes.forEach((i) => r(i, s)), s;
+    }), o = b(
+      () => e.resolver || new be(e.resolverMap)
+    );
+    return q("resolver", o), q("nodeDataMap", e.nodeDataMap || {}), q("eventsContext", e.eventsContext || {}), (s, i) => (m(!0), y(R, null, $(t.nodes, (a) => (m(), x(we, {
+      key: a.uuid,
+      craftNode: a,
+      nodeMap: n.value,
       nodeDataMap: t.nodeDataMap,
       eventsContext: t.eventsContext
-    }, null, 8, ["craftNode", "nodeDataMap", "eventsContext"]))), 128));
+    }, null, 8, ["craftNode", "nodeMap", "nodeDataMap", "eventsContext"]))), 128));
   }
-}), Ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  CraftCanvas: vt,
-  CraftComponentSimpleText: Et,
-  CraftEditor: Ct,
-  CraftEditorBlueprint: wt,
-  CraftEditorBlueprintsList: At,
-  CraftEditorPanelBlueprints: $t,
-  CraftEditorPanelForm: Rt,
-  CraftEditorPanelLayers: Ut,
-  CraftEditorPanelLayout: Xt,
-  CraftEditorPanelNodeEventsSettings: qt,
-  CraftEditorPanelNodeLayer: Zt,
-  CraftEditorPanelNodeSettings: er,
-  CraftEditorPanelSettings: ir,
-  CraftFrame: cr,
-  CraftIframe: Qe,
-  CraftNodeEditor: br,
-  CraftNodeViewer: ve,
-  CraftStaticRenderer: Er,
-  Utils: _t
-}, Symbol.toStringTag, { value: "Module" })), Vr = {
+  CraftCanvas: Ot,
+  CraftComponentSimpleText: At,
+  CraftEditor: Pt,
+  CraftEditorBlueprint: Mt,
+  CraftEditorBlueprintsList: Bt,
+  CraftEditorPanelBlueprints: Ht,
+  CraftEditorPanelForm: Vt,
+  CraftEditorPanelLayers: Yt,
+  CraftEditorPanelLayout: tr,
+  CraftEditorPanelNodeEventsSettings: nr,
+  CraftEditorPanelNodeLayer: lr,
+  CraftEditorPanelNodeSettings: cr,
+  CraftEditorPanelSettings: mr,
+  CraftFrame: Er,
+  CraftIframe: Je,
+  CraftNodeEditor: kr,
+  CraftNodeViewer: Ne,
+  CraftStaticRenderer: Dr,
+  Utils: $t
+}, Symbol.toStringTag, { value: "Module" })), Zr = {
   metadata: {
     name: "default"
   },
@@ -1545,7 +1649,21 @@ Error:`,
     }
   }
 };
-class Cr {
+function Jr() {
+  const t = F(null);
+  return { nodeEl: t, vNodeEl: {
+    mounted(r) {
+      t.value = r;
+    },
+    updated(r) {
+      t.value = r;
+    },
+    unmounted() {
+      t.value = null;
+    }
+  } };
+}
+class Ar {
   /**
    * @callback HookCallback
    * @this {*|Jsep} this
@@ -1566,11 +1684,11 @@ class Cr {
    */
   add(e, r, n) {
     if (typeof arguments[0] != "string")
-      for (let s in arguments[0])
-        this.add(s, arguments[0][s], arguments[1]);
+      for (let o in arguments[0])
+        this.add(o, arguments[0][o], arguments[1]);
     else
-      (Array.isArray(e) ? e : [e]).forEach(function(s) {
-        this[s] = this[s] || [], r && this[s][n ? "unshift" : "push"](r);
+      (Array.isArray(e) ? e : [e]).forEach(function(o) {
+        this[o] = this[o] || [], r && this[o][n ? "unshift" : "push"](r);
       }, this);
   }
   /**
@@ -1588,7 +1706,7 @@ class Cr {
     });
   }
 }
-class wr {
+class Pr {
   constructor(e) {
     this.jsep = e, this.registered = {};
   }
@@ -1608,10 +1726,10 @@ class wr {
   register() {
     for (var e = arguments.length, r = new Array(e), n = 0; n < e; n++)
       r[n] = arguments[n];
-    r.forEach((s) => {
-      if (typeof s != "object" || !s.name || !s.init)
+    r.forEach((o) => {
+      if (typeof o != "object" || !o.name || !o.init)
         throw new Error("Invalid JSEP plugin format");
-      this.registered[s.name] || (s.init(this.jsep), this.registered[s.name] = s);
+      this.registered[o.name] || (o.init(this.jsep), this.registered[o.name] = o);
     });
   }
 }
@@ -1853,12 +1971,12 @@ class l {
    * @returns {jsep.Expression[]}
    */
   gobbleExpressions(e) {
-    let r = [], n, s;
+    let r = [], n, o;
     for (; this.index < this.expr.length; )
       if (n = this.code, n === l.SEMCOL_CODE || n === l.COMMA_CODE)
         this.index++;
-      else if (s = this.gobbleExpression())
-        r.push(s);
+      else if (o = this.gobbleExpression())
+        r.push(o);
       else if (this.index < this.expr.length) {
         if (n === e)
           break;
@@ -1897,40 +2015,40 @@ class l {
    * @returns {?jsep.BinaryExpression}
    */
   gobbleBinaryExpression() {
-    let e, r, n, s, o, i, a, c, u;
+    let e, r, n, o, s, i, a, u, c;
     if (i = this.gobbleToken(), !i || (r = this.gobbleBinaryOp(), !r))
       return i;
-    for (o = {
+    for (s = {
       value: r,
       prec: l.binaryPrecedence(r),
       right_a: l.right_associative.has(r)
-    }, a = this.gobbleToken(), a || this.throwError("Expected expression after " + r), s = [i, o, a]; r = this.gobbleBinaryOp(); ) {
+    }, a = this.gobbleToken(), a || this.throwError("Expected expression after " + r), o = [i, s, a]; r = this.gobbleBinaryOp(); ) {
       if (n = l.binaryPrecedence(r), n === 0) {
         this.index -= r.length;
         break;
       }
-      o = {
+      s = {
         value: r,
         prec: n,
         right_a: l.right_associative.has(r)
-      }, u = r;
-      const d = (h) => o.right_a && h.right_a ? n > h.prec : n <= h.prec;
-      for (; s.length > 2 && d(s[s.length - 2]); )
-        a = s.pop(), r = s.pop().value, i = s.pop(), e = {
+      }, c = r;
+      const f = (p) => s.right_a && p.right_a ? n > p.prec : n <= p.prec;
+      for (; o.length > 2 && f(o[o.length - 2]); )
+        a = o.pop(), r = o.pop().value, i = o.pop(), e = {
           type: l.BINARY_EXP,
           operator: r,
           left: i,
           right: a
-        }, s.push(e);
-      e = this.gobbleToken(), e || this.throwError("Expected expression after " + u), s.push(o, e);
+        }, o.push(e);
+      e = this.gobbleToken(), e || this.throwError("Expected expression after " + c), o.push(s, e);
     }
-    for (c = s.length - 1, e = s[c]; c > 1; )
+    for (u = o.length - 1, e = o[u]; u > 1; )
       e = {
         type: l.BINARY_EXP,
-        operator: s[c - 1].value,
-        left: s[c - 2],
+        operator: o[u - 1].value,
+        left: o[u - 2],
         right: e
-      }, c -= 2;
+      }, u -= 2;
     return e;
   }
   /**
@@ -1939,38 +2057,38 @@ class l {
    * @returns {boolean|jsep.Expression}
    */
   gobbleToken() {
-    let e, r, n, s;
-    if (this.gobbleSpaces(), s = this.searchHook("gobble-token"), s)
-      return this.runHook("after-token", s);
+    let e, r, n, o;
+    if (this.gobbleSpaces(), o = this.searchHook("gobble-token"), o)
+      return this.runHook("after-token", o);
     if (e = this.code, l.isDecimalDigit(e) || e === l.PERIOD_CODE)
       return this.gobbleNumericLiteral();
     if (e === l.SQUOTE_CODE || e === l.DQUOTE_CODE)
-      s = this.gobbleStringLiteral();
+      o = this.gobbleStringLiteral();
     else if (e === l.OBRACK_CODE)
-      s = this.gobbleArray();
+      o = this.gobbleArray();
     else {
       for (r = this.expr.substr(this.index, l.max_unop_len), n = r.length; n > 0; ) {
         if (l.unary_ops.hasOwnProperty(r) && (!l.isIdentifierStart(this.code) || this.index + r.length < this.expr.length && !l.isIdentifierPart(this.expr.charCodeAt(this.index + r.length)))) {
           this.index += n;
-          const o = this.gobbleToken();
-          return o || this.throwError("missing unaryOp argument"), this.runHook("after-token", {
+          const s = this.gobbleToken();
+          return s || this.throwError("missing unaryOp argument"), this.runHook("after-token", {
             type: l.UNARY_EXP,
             operator: r,
-            argument: o,
+            argument: s,
             prefix: !0
           });
         }
         r = r.substr(0, --n);
       }
-      l.isIdentifierStart(e) ? (s = this.gobbleIdentifier(), l.literals.hasOwnProperty(s.name) ? s = {
+      l.isIdentifierStart(e) ? (o = this.gobbleIdentifier(), l.literals.hasOwnProperty(o.name) ? o = {
         type: l.LITERAL,
-        value: l.literals[s.name],
-        raw: s.name
-      } : s.name === l.this_str && (s = {
+        value: l.literals[o.name],
+        raw: o.name
+      } : o.name === l.this_str && (o = {
         type: l.THIS_EXP
-      })) : e === l.OPAREN_CODE && (s = this.gobbleGroup());
+      })) : e === l.OPAREN_CODE && (o = this.gobbleGroup());
     }
-    return s ? (s = this.gobbleTokenProperty(s), this.runHook("after-token", s)) : this.runHook("after-token", !1);
+    return o ? (o = this.gobbleTokenProperty(o), this.runHook("after-token", o)) : this.runHook("after-token", !1);
   }
   /**
    * Gobble properties of of identifiers/strings/arrays/groups.
@@ -2039,14 +2157,14 @@ class l {
   gobbleStringLiteral() {
     let e = "";
     const r = this.index, n = this.expr.charAt(this.index++);
-    let s = !1;
+    let o = !1;
     for (; this.index < this.expr.length; ) {
-      let o = this.expr.charAt(this.index++);
-      if (o === n) {
-        s = !0;
+      let s = this.expr.charAt(this.index++);
+      if (s === n) {
+        o = !0;
         break;
-      } else if (o === "\\")
-        switch (o = this.expr.charAt(this.index++), o) {
+      } else if (s === "\\")
+        switch (s = this.expr.charAt(this.index++), s) {
           case "n":
             e += `
 `;
@@ -2067,12 +2185,12 @@ class l {
             e += "\v";
             break;
           default:
-            e += o;
+            e += s;
         }
       else
-        e += o;
+        e += s;
     }
-    return s || this.throwError('Unclosed quote after "' + e + '"'), {
+    return o || this.throwError('Unclosed quote after "' + e + '"'), {
       type: l.LITERAL,
       value: e,
       raw: this.expr.substring(r, this.index)
@@ -2105,22 +2223,22 @@ class l {
    */
   gobbleArguments(e) {
     const r = [];
-    let n = !1, s = 0;
+    let n = !1, o = 0;
     for (; this.index < this.expr.length; ) {
       this.gobbleSpaces();
-      let o = this.code;
-      if (o === e) {
-        n = !0, this.index++, e === l.CPAREN_CODE && s && s >= r.length && this.throwError("Unexpected token " + String.fromCharCode(e));
+      let s = this.code;
+      if (s === e) {
+        n = !0, this.index++, e === l.CPAREN_CODE && o && o >= r.length && this.throwError("Unexpected token " + String.fromCharCode(e));
         break;
-      } else if (o === l.COMMA_CODE) {
-        if (this.index++, s++, s !== r.length) {
+      } else if (s === l.COMMA_CODE) {
+        if (this.index++, o++, o !== r.length) {
           if (e === l.CPAREN_CODE)
             this.throwError("Unexpected token ,");
           else if (e === l.CBRACK_CODE)
-            for (let i = r.length; i < s; i++)
+            for (let i = r.length; i < o; i++)
               r.push(null);
         }
-      } else if (r.length !== s && s !== 0)
+      } else if (r.length !== o && o !== 0)
         this.throwError("Expected comma");
       else {
         const i = this.gobbleExpression();
@@ -2161,10 +2279,10 @@ class l {
     };
   }
 }
-const _r = new Cr();
+const Mr = new Ar();
 Object.assign(l, {
-  hooks: _r,
-  plugins: new wr(l),
+  hooks: Mr,
+  plugins: new Pr(l),
   // Node Types
   // ----------
   // This is the full set of types that any JSEP node can be.
@@ -2260,28 +2378,28 @@ Object.assign(l, {
 });
 l.max_unop_len = l.getMaxKeyLen(l.unary_ops);
 l.max_binop_len = l.getMaxKeyLen(l.binary_ops);
-const Y = (t) => new l(t).parse(), Or = Object.getOwnPropertyNames(class {
+const Q = (t) => new l(t).parse(), $r = Object.getOwnPropertyNames(class {
 });
-Object.getOwnPropertyNames(l).filter((t) => !Or.includes(t) && Y[t] === void 0).forEach((t) => {
-  Y[t] = l[t];
+Object.getOwnPropertyNames(l).filter((t) => !$r.includes(t) && Q[t] === void 0).forEach((t) => {
+  Q[t] = l[t];
 });
-Y.Jsep = l;
-const Nr = "ConditionalExpression";
-var xr = {
+Q.Jsep = l;
+const Rr = "ConditionalExpression";
+var Ir = {
   name: "ternary",
   init(t) {
     t.hooks.add("after-expression", function(r) {
       if (r.node && this.code === t.QUMARK_CODE) {
         this.index++;
-        const n = r.node, s = this.gobbleExpression();
-        if (s || this.throwError("Expected expression"), this.gobbleSpaces(), this.code === t.COLON_CODE) {
+        const n = r.node, o = this.gobbleExpression();
+        if (o || this.throwError("Expected expression"), this.gobbleSpaces(), this.code === t.COLON_CODE) {
           this.index++;
-          const o = this.gobbleExpression();
-          if (o || this.throwError("Expected expression"), r.node = {
-            type: Nr,
+          const s = this.gobbleExpression();
+          if (s || this.throwError("Expected expression"), r.node = {
+            type: Rr,
             test: n,
-            consequent: s,
-            alternate: o
+            consequent: o,
+            alternate: s
           }, n.operator && t.binary_ops[n.operator] <= 0.9) {
             let i = n;
             for (; i.right.operator && t.binary_ops[i.right.operator] <= 0.9; )
@@ -2294,31 +2412,31 @@ var xr = {
     });
   }
 };
-Y.plugins.register(xr);
-const Me = 47, Sr = 92;
-var Ar = {
+Q.plugins.register(Ir);
+const Be = 47, Tr = 92;
+var Ur = {
   name: "regex",
   init(t) {
     t.hooks.add("gobble-token", function(r) {
-      if (this.code === Me) {
+      if (this.code === Be) {
         const n = ++this.index;
-        let s = !1;
+        let o = !1;
         for (; this.index < this.expr.length; ) {
-          if (this.code === Me && !s) {
-            const o = this.expr.slice(n, this.index);
+          if (this.code === Be && !o) {
+            const s = this.expr.slice(n, this.index);
             let i = "";
             for (; ++this.index < this.expr.length; ) {
-              const c = this.code;
-              if (c >= 97 && c <= 122 || c >= 65 && c <= 90 || c >= 48 && c <= 57)
+              const u = this.code;
+              if (u >= 97 && u <= 122 || u >= 65 && u <= 90 || u >= 48 && u <= 57)
                 i += this.char;
               else
                 break;
             }
             let a;
             try {
-              a = new RegExp(o, i);
-            } catch (c) {
-              this.throwError(c.message);
+              a = new RegExp(s, i);
+            } catch (u) {
+              this.throwError(u.message);
             }
             return r.node = {
               type: t.LITERAL,
@@ -2326,54 +2444,54 @@ var Ar = {
               raw: this.expr.slice(n - 1, this.index)
             }, r.node = this.gobbleTokenProperty(r.node), r.node;
           }
-          this.code === t.OBRACK_CODE ? s = !0 : s && this.code === t.CBRACK_CODE && (s = !1), this.index += this.code === Sr ? 2 : 1;
+          this.code === t.OBRACK_CODE ? o = !0 : o && this.code === t.CBRACK_CODE && (o = !1), this.index += this.code === Tr ? 2 : 1;
         }
         this.throwError("Unclosed Regex");
       }
     });
   }
 };
-const Ee = 43, Pr = 45, se = {
+const Ce = 43, Br = 45, re = {
   name: "assignment",
   assignmentOperators: /* @__PURE__ */ new Set(["=", "*=", "**=", "/=", "%=", "+=", "-=", "<<=", ">>=", ">>>=", "&=", "^=", "|=", "||=", "&&=", "??="]),
-  updateOperators: [Ee, Pr],
+  updateOperators: [Ce, Br],
   assignmentPrecedence: 0.9,
   init(t) {
     const e = [t.IDENTIFIER, t.MEMBER_EXP];
-    se.assignmentOperators.forEach((n) => t.addBinaryOp(n, se.assignmentPrecedence, !0)), t.hooks.add("gobble-token", function(s) {
-      const o = this.code;
-      se.updateOperators.some((i) => i === o && i === this.expr.charCodeAt(this.index + 1)) && (this.index += 2, s.node = {
+    re.assignmentOperators.forEach((n) => t.addBinaryOp(n, re.assignmentPrecedence, !0)), t.hooks.add("gobble-token", function(o) {
+      const s = this.code;
+      re.updateOperators.some((i) => i === s && i === this.expr.charCodeAt(this.index + 1)) && (this.index += 2, o.node = {
         type: "UpdateExpression",
-        operator: o === Ee ? "++" : "--",
+        operator: s === Ce ? "++" : "--",
         argument: this.gobbleTokenProperty(this.gobbleIdentifier()),
         prefix: !0
-      }, (!s.node.argument || !e.includes(s.node.argument.type)) && this.throwError(`Unexpected ${s.node.operator}`));
-    }), t.hooks.add("after-token", function(s) {
-      if (s.node) {
-        const o = this.code;
-        se.updateOperators.some((i) => i === o && i === this.expr.charCodeAt(this.index + 1)) && (e.includes(s.node.type) || this.throwError(`Unexpected ${s.node.operator}`), this.index += 2, s.node = {
+      }, (!o.node.argument || !e.includes(o.node.argument.type)) && this.throwError(`Unexpected ${o.node.operator}`));
+    }), t.hooks.add("after-token", function(o) {
+      if (o.node) {
+        const s = this.code;
+        re.updateOperators.some((i) => i === s && i === this.expr.charCodeAt(this.index + 1)) && (e.includes(o.node.type) || this.throwError(`Unexpected ${o.node.operator}`), this.index += 2, o.node = {
           type: "UpdateExpression",
-          operator: o === Ee ? "++" : "--",
-          argument: s.node,
+          operator: s === Ce ? "++" : "--",
+          argument: o.node,
           prefix: !1
         });
       }
-    }), t.hooks.add("after-expression", function(s) {
-      s.node && r(s.node);
+    }), t.hooks.add("after-expression", function(o) {
+      o.node && r(o.node);
     });
     function r(n) {
-      se.assignmentOperators.has(n.operator) ? (n.type = "AssignmentExpression", r(n.left), r(n.right)) : n.operator || Object.values(n).forEach((s) => {
-        s && typeof s == "object" && r(s);
+      re.assignmentOperators.has(n.operator) ? (n.type = "AssignmentExpression", r(n.left), r(n.right)) : n.operator || Object.values(n).forEach((o) => {
+        o && typeof o == "object" && r(o);
       });
     }
   }
 };
-Y.plugins.register(Ar, se);
-Y.addUnaryOp("typeof");
-Y.addUnaryOp("void");
-Y.addLiteral("null", null);
-Y.addLiteral("undefined", void 0);
-const Dr = /* @__PURE__ */ new Set(["constructor", "__proto__", "__defineGetter__", "__defineSetter__", "__lookupGetter__", "__lookupSetter__"]), _ = {
+Q.plugins.register(Ur, re);
+Q.addUnaryOp("typeof");
+Q.addUnaryOp("void");
+Q.addLiteral("null", null);
+Q.addLiteral("undefined", void 0);
+const Lr = /* @__PURE__ */ new Set(["constructor", "__proto__", "__defineGetter__", "__defineSetter__", "__lookupGetter__", "__lookupSetter__"]), O = {
   /**
    * @param {jsep.Expression} ast
    * @param {Record<string, any>} subs
@@ -2382,67 +2500,67 @@ const Dr = /* @__PURE__ */ new Set(["constructor", "__proto__", "__defineGetter_
     switch (t.type) {
       case "BinaryExpression":
       case "LogicalExpression":
-        return _.evalBinaryExpression(t, e);
+        return O.evalBinaryExpression(t, e);
       case "Compound":
-        return _.evalCompound(t, e);
+        return O.evalCompound(t, e);
       case "ConditionalExpression":
-        return _.evalConditionalExpression(t, e);
+        return O.evalConditionalExpression(t, e);
       case "Identifier":
-        return _.evalIdentifier(t, e);
+        return O.evalIdentifier(t, e);
       case "Literal":
-        return _.evalLiteral(t, e);
+        return O.evalLiteral(t, e);
       case "MemberExpression":
-        return _.evalMemberExpression(t, e);
+        return O.evalMemberExpression(t, e);
       case "UnaryExpression":
-        return _.evalUnaryExpression(t, e);
+        return O.evalUnaryExpression(t, e);
       case "ArrayExpression":
-        return _.evalArrayExpression(t, e);
+        return O.evalArrayExpression(t, e);
       case "CallExpression":
-        return _.evalCallExpression(t, e);
+        return O.evalCallExpression(t, e);
       case "AssignmentExpression":
-        return _.evalAssignmentExpression(t, e);
+        return O.evalAssignmentExpression(t, e);
       default:
         throw SyntaxError("Unexpected expression", t);
     }
   },
   evalBinaryExpression(t, e) {
     return {
-      "||": (n, s) => n || s(),
-      "&&": (n, s) => n && s(),
-      "|": (n, s) => n | s(),
-      "^": (n, s) => n ^ s(),
-      "&": (n, s) => n & s(),
+      "||": (n, o) => n || o(),
+      "&&": (n, o) => n && o(),
+      "|": (n, o) => n | o(),
+      "^": (n, o) => n ^ o(),
+      "&": (n, o) => n & o(),
       // eslint-disable-next-line eqeqeq -- API
-      "==": (n, s) => n == s(),
+      "==": (n, o) => n == o(),
       // eslint-disable-next-line eqeqeq -- API
-      "!=": (n, s) => n != s(),
-      "===": (n, s) => n === s(),
-      "!==": (n, s) => n !== s(),
-      "<": (n, s) => n < s(),
-      ">": (n, s) => n > s(),
-      "<=": (n, s) => n <= s(),
-      ">=": (n, s) => n >= s(),
-      "<<": (n, s) => n << s(),
-      ">>": (n, s) => n >> s(),
-      ">>>": (n, s) => n >>> s(),
-      "+": (n, s) => n + s(),
-      "-": (n, s) => n - s(),
-      "*": (n, s) => n * s(),
-      "/": (n, s) => n / s(),
-      "%": (n, s) => n % s()
-    }[t.operator](_.evalAst(t.left, e), () => _.evalAst(t.right, e));
+      "!=": (n, o) => n != o(),
+      "===": (n, o) => n === o(),
+      "!==": (n, o) => n !== o(),
+      "<": (n, o) => n < o(),
+      ">": (n, o) => n > o(),
+      "<=": (n, o) => n <= o(),
+      ">=": (n, o) => n >= o(),
+      "<<": (n, o) => n << o(),
+      ">>": (n, o) => n >> o(),
+      ">>>": (n, o) => n >>> o(),
+      "+": (n, o) => n + o(),
+      "-": (n, o) => n - o(),
+      "*": (n, o) => n * o(),
+      "/": (n, o) => n / o(),
+      "%": (n, o) => n % o()
+    }[t.operator](O.evalAst(t.left, e), () => O.evalAst(t.right, e));
   },
   evalCompound(t, e) {
     let r;
     for (let n = 0; n < t.body.length; n++) {
       t.body[n].type === "Identifier" && ["var", "let", "const"].includes(t.body[n].name) && t.body[n + 1] && t.body[n + 1].type === "AssignmentExpression" && (n += 1);
-      const s = t.body[n];
-      r = _.evalAst(s, e);
+      const o = t.body[n];
+      r = O.evalAst(o, e);
     }
     return r;
   },
   evalConditionalExpression(t, e) {
-    return _.evalAst(t.test, e) ? _.evalAst(t.consequent, e) : _.evalAst(t.alternate, e);
+    return O.evalAst(t.test, e) ? O.evalAst(t.consequent, e) : O.evalAst(t.alternate, e);
   },
   evalIdentifier(t, e) {
     if (Object.hasOwn(e, t.name))
@@ -2457,33 +2575,33 @@ const Dr = /* @__PURE__ */ new Set(["constructor", "__proto__", "__defineGetter_
       // NOTE: `String(value)` throws error when
       // value has overwritten the toString method to return non-string
       // i.e. `value = {toString: () => []}`
-      t.computed ? _.evalAst(t.property) : t.property.name
+      t.computed ? O.evalAst(t.property) : t.property.name
       // `object.property` property is Identifier
-    ), n = _.evalAst(t.object, e);
+    ), n = O.evalAst(t.object, e);
     if (n == null)
       throw TypeError(`Cannot read properties of ${n} (reading '${r}')`);
-    if (!Object.hasOwn(n, r) && Dr.has(r))
+    if (!Object.hasOwn(n, r) && Lr.has(r))
       throw TypeError(`Cannot read properties of ${n} (reading '${r}')`);
-    const s = n[r];
-    return typeof s == "function" ? s.bind(n) : s;
+    const o = n[r];
+    return typeof o == "function" ? o.bind(n) : o;
   },
   evalUnaryExpression(t, e) {
     return {
-      "-": (n) => -_.evalAst(n, e),
-      "!": (n) => !_.evalAst(n, e),
-      "~": (n) => ~_.evalAst(n, e),
+      "-": (n) => -O.evalAst(n, e),
+      "!": (n) => !O.evalAst(n, e),
+      "~": (n) => ~O.evalAst(n, e),
       // eslint-disable-next-line no-implicit-coercion -- API
-      "+": (n) => +_.evalAst(n, e),
-      typeof: (n) => typeof _.evalAst(n, e),
+      "+": (n) => +O.evalAst(n, e),
+      typeof: (n) => typeof O.evalAst(n, e),
       // eslint-disable-next-line no-void, sonarjs/void-use -- feature
-      void: (n) => void _.evalAst(n, e)
+      void: (n) => void O.evalAst(n, e)
     }[t.operator](t.argument);
   },
   evalArrayExpression(t, e) {
-    return t.elements.map((r) => _.evalAst(r, e));
+    return t.elements.map((r) => O.evalAst(r, e));
   },
   evalCallExpression(t, e) {
-    const r = t.arguments.map((s) => _.evalAst(s, e)), n = _.evalAst(t.callee, e);
+    const r = t.arguments.map((o) => O.evalAst(o, e)), n = O.evalAst(t.callee, e);
     if (n === Function)
       throw new Error("Function constructor is disabled");
     return n(...r);
@@ -2491,16 +2609,16 @@ const Dr = /* @__PURE__ */ new Set(["constructor", "__proto__", "__defineGetter_
   evalAssignmentExpression(t, e) {
     if (t.left.type !== "Identifier")
       throw SyntaxError("Invalid left-hand side in assignment");
-    const r = t.left.name, n = _.evalAst(t.right, e);
+    const r = t.left.name, n = O.evalAst(t.right, e);
     return e[r] = n, e[r];
   }
 };
-class kr {
+class jr {
   /**
    * @param {string} expr Expression to evaluate
    */
   constructor(e) {
-    this.code = e, this.ast = Y(this.code);
+    this.code = e, this.ast = Q(this.code);
   }
   /**
    * @param {object} context Object whose items will be added
@@ -2509,16 +2627,16 @@ class kr {
    */
   runInNewContext(e) {
     const r = Object.assign(/* @__PURE__ */ Object.create(null), e);
-    return _.evalAst(this.ast, r);
+    return O.evalAst(this.ast, r);
   }
 }
-function ee(t, e) {
+function Z(t, e) {
   return t = t.slice(), t.push(e), t;
 }
-function we(t, e) {
+function Oe(t, e) {
   return e = e.slice(), e.unshift(t), e;
 }
-class $r extends Error {
+class Fr extends Error {
   /**
    * @param {AnyResult} value The evaluated scalar value
    */
@@ -2526,32 +2644,32 @@ class $r extends Error {
     super('JSONPath should not be called with "new" (it prevents return of (unwrapped) scalar values)'), this.avoidNew = !0, this.value = e, this.name = "NewError";
   }
 }
-function C(t, e, r, n, s) {
-  if (!(this instanceof C))
+function _(t, e, r, n, o) {
+  if (!(this instanceof _))
     try {
-      return new C(t, e, r, n, s);
+      return new _(t, e, r, n, o);
     } catch (i) {
       if (!i.avoidNew)
         throw i;
       return i.value;
     }
-  typeof t == "string" && (s = n, n = r, r = e, e = t, t = null);
-  const o = t && typeof t == "object";
-  if (t = t || {}, this.json = t.json || r, this.path = t.path || e, this.resultType = t.resultType || "value", this.flatten = t.flatten || !1, this.wrap = Object.hasOwn(t, "wrap") ? t.wrap : !0, this.sandbox = t.sandbox || {}, this.eval = t.eval === void 0 ? "safe" : t.eval, this.ignoreEvalErrors = typeof t.ignoreEvalErrors > "u" ? !1 : t.ignoreEvalErrors, this.parent = t.parent || null, this.parentProperty = t.parentProperty || null, this.callback = t.callback || n || null, this.otherTypeCallback = t.otherTypeCallback || s || function() {
+  typeof t == "string" && (o = n, n = r, r = e, e = t, t = null);
+  const s = t && typeof t == "object";
+  if (t = t || {}, this.json = t.json || r, this.path = t.path || e, this.resultType = t.resultType || "value", this.flatten = t.flatten || !1, this.wrap = Object.hasOwn(t, "wrap") ? t.wrap : !0, this.sandbox = t.sandbox || {}, this.eval = t.eval === void 0 ? "safe" : t.eval, this.ignoreEvalErrors = typeof t.ignoreEvalErrors > "u" ? !1 : t.ignoreEvalErrors, this.parent = t.parent || null, this.parentProperty = t.parentProperty || null, this.callback = t.callback || n || null, this.otherTypeCallback = t.otherTypeCallback || o || function() {
     throw new TypeError("You must supply an otherTypeCallback callback option with the @other() operator.");
   }, t.autostart !== !1) {
     const i = {
-      path: o ? t.path : e
+      path: s ? t.path : e
     };
-    o ? "json" in t && (i.json = t.json) : i.json = r;
+    s ? "json" in t && (i.json = t.json) : i.json = r;
     const a = this.evaluate(i);
     if (!a || typeof a != "object")
-      throw new $r(a);
+      throw new Fr(a);
     return a;
   }
 }
-C.prototype.evaluate = function(t, e, r, n) {
-  let s = this.parent, o = this.parentProperty, {
+_.prototype.evaluate = function(t, e, r, n) {
+  let o = this.parent, s = this.parentProperty, {
     flatten: i,
     wrap: a
   } = this;
@@ -2562,174 +2680,174 @@ C.prototype.evaluate = function(t, e, r, n) {
       throw new TypeError('You must supply a "json" property when providing an object argument to JSONPath.evaluate().');
     ({
       json: e
-    } = t), i = Object.hasOwn(t, "flatten") ? t.flatten : i, this.currResultType = Object.hasOwn(t, "resultType") ? t.resultType : this.currResultType, this.currSandbox = Object.hasOwn(t, "sandbox") ? t.sandbox : this.currSandbox, a = Object.hasOwn(t, "wrap") ? t.wrap : a, this.currEval = Object.hasOwn(t, "eval") ? t.eval : this.currEval, r = Object.hasOwn(t, "callback") ? t.callback : r, this.currOtherTypeCallback = Object.hasOwn(t, "otherTypeCallback") ? t.otherTypeCallback : this.currOtherTypeCallback, s = Object.hasOwn(t, "parent") ? t.parent : s, o = Object.hasOwn(t, "parentProperty") ? t.parentProperty : o, t = t.path;
+    } = t), i = Object.hasOwn(t, "flatten") ? t.flatten : i, this.currResultType = Object.hasOwn(t, "resultType") ? t.resultType : this.currResultType, this.currSandbox = Object.hasOwn(t, "sandbox") ? t.sandbox : this.currSandbox, a = Object.hasOwn(t, "wrap") ? t.wrap : a, this.currEval = Object.hasOwn(t, "eval") ? t.eval : this.currEval, r = Object.hasOwn(t, "callback") ? t.callback : r, this.currOtherTypeCallback = Object.hasOwn(t, "otherTypeCallback") ? t.otherTypeCallback : this.currOtherTypeCallback, o = Object.hasOwn(t, "parent") ? t.parent : o, s = Object.hasOwn(t, "parentProperty") ? t.parentProperty : s, t = t.path;
   }
-  if (s = s || null, o = o || null, Array.isArray(t) && (t = C.toPathString(t)), !t && t !== "" || !e)
+  if (o = o || null, s = s || null, Array.isArray(t) && (t = _.toPathString(t)), !t && t !== "" || !e)
     return;
-  const c = C.toPathArray(t);
-  c[0] === "$" && c.length > 1 && c.shift(), this._hasParentSelector = null;
-  const u = this._trace(c, e, ["$"], s, o, r).filter(function(d) {
-    return d && !d.isParentSelector;
+  const u = _.toPathArray(t);
+  u[0] === "$" && u.length > 1 && u.shift(), this._hasParentSelector = null;
+  const c = this._trace(u, e, ["$"], o, s, r).filter(function(f) {
+    return f && !f.isParentSelector;
   });
-  return u.length ? !a && u.length === 1 && !u[0].hasArrExpr ? this._getPreferredOutput(u[0]) : u.reduce((d, h) => {
-    const m = this._getPreferredOutput(h);
-    return i && Array.isArray(m) ? d = d.concat(m) : d.push(m), d;
+  return c.length ? !a && c.length === 1 && !c[0].hasArrExpr ? this._getPreferredOutput(c[0]) : c.reduce((f, p) => {
+    const v = this._getPreferredOutput(p);
+    return i && Array.isArray(v) ? f = f.concat(v) : f.push(v), f;
   }, []) : a ? [] : void 0;
 };
-C.prototype._getPreferredOutput = function(t) {
+_.prototype._getPreferredOutput = function(t) {
   const e = this.currResultType;
   switch (e) {
     case "all": {
-      const r = Array.isArray(t.path) ? t.path : C.toPathArray(t.path);
-      return t.pointer = C.toPointer(r), t.path = typeof t.path == "string" ? t.path : C.toPathString(t.path), t;
+      const r = Array.isArray(t.path) ? t.path : _.toPathArray(t.path);
+      return t.pointer = _.toPointer(r), t.path = typeof t.path == "string" ? t.path : _.toPathString(t.path), t;
     }
     case "value":
     case "parent":
     case "parentProperty":
       return t[e];
     case "path":
-      return C.toPathString(t[e]);
+      return _.toPathString(t[e]);
     case "pointer":
-      return C.toPointer(t.path);
+      return _.toPointer(t.path);
     default:
       throw new TypeError("Unknown result type");
   }
 };
-C.prototype._handleCallback = function(t, e, r) {
+_.prototype._handleCallback = function(t, e, r) {
   if (e) {
     const n = this._getPreferredOutput(t);
-    t.path = typeof t.path == "string" ? t.path : C.toPathString(t.path), e(n, r, t);
+    t.path = typeof t.path == "string" ? t.path : _.toPathString(t.path), e(n, r, t);
   }
 };
-C.prototype._trace = function(t, e, r, n, s, o, i, a) {
-  let c;
+_.prototype._trace = function(t, e, r, n, o, s, i, a) {
+  let u;
   if (!t.length)
-    return c = {
+    return u = {
       path: r,
       value: e,
       parent: n,
-      parentProperty: s,
+      parentProperty: o,
       hasArrExpr: i
-    }, this._handleCallback(c, o, "value"), c;
-  const u = t[0], d = t.slice(1), h = [];
-  function m(p) {
-    Array.isArray(p) ? p.forEach((b) => {
-      h.push(b);
-    }) : h.push(p);
-  }
-  if ((typeof u != "string" || a) && e && Object.hasOwn(e, u))
-    m(this._trace(d, e[u], ee(r, u), e, u, o, i));
-  else if (u === "*")
-    this._walk(e, (p) => {
-      m(this._trace(d, e[p], ee(r, p), e, p, o, !0, !0));
+    }, this._handleCallback(u, s, "value"), u;
+  const c = t[0], f = t.slice(1), p = [];
+  function v(h) {
+    Array.isArray(h) ? h.forEach((g) => {
+      p.push(g);
+    }) : p.push(h);
+  }
+  if ((typeof c != "string" || a) && e && Object.hasOwn(e, c))
+    v(this._trace(f, e[c], Z(r, c), e, c, s, i));
+  else if (c === "*")
+    this._walk(e, (h) => {
+      v(this._trace(f, e[h], Z(r, h), e, h, s, !0, !0));
     });
-  else if (u === "..")
-    m(this._trace(d, e, r, n, s, o, i)), this._walk(e, (p) => {
-      typeof e[p] == "object" && m(this._trace(t.slice(), e[p], ee(r, p), e, p, o, !0));
+  else if (c === "..")
+    v(this._trace(f, e, r, n, o, s, i)), this._walk(e, (h) => {
+      typeof e[h] == "object" && v(this._trace(t.slice(), e[h], Z(r, h), e, h, s, !0));
     });
   else {
-    if (u === "^")
+    if (c === "^")
       return this._hasParentSelector = !0, {
         path: r.slice(0, -1),
-        expr: d,
+        expr: f,
         isParentSelector: !0
       };
-    if (u === "~")
-      return c = {
-        path: ee(r, u),
-        value: s,
+    if (c === "~")
+      return u = {
+        path: Z(r, c),
+        value: o,
         parent: n,
         parentProperty: null
-      }, this._handleCallback(c, o, "property"), c;
-    if (u === "$")
-      m(this._trace(d, e, r, null, null, o, i));
-    else if (/^(-?\d*):(-?\d*):?(\d*)$/u.test(u))
-      m(this._slice(u, d, e, r, n, s, o));
-    else if (u.indexOf("?(") === 0) {
+      }, this._handleCallback(u, s, "property"), u;
+    if (c === "$")
+      v(this._trace(f, e, r, null, null, s, i));
+    else if (/^(-?\d*):(-?\d*):?(\d*)$/u.test(c))
+      v(this._slice(c, f, e, r, n, o, s));
+    else if (c.indexOf("?(") === 0) {
       if (this.currEval === !1)
         throw new Error("Eval [?(expr)] prevented in JSONPath expression.");
-      const p = u.replace(/^\?\((.*?)\)$/u, "$1"), b = /@.?([^?]*)[['](\??\(.*?\))(?!.\)\])[\]']/gu.exec(p);
-      b ? this._walk(e, (g) => {
-        const D = [b[2]], F = b[1] ? e[g][b[1]] : e[g];
-        this._trace(D, F, r, n, s, o, !0).length > 0 && m(this._trace(d, e[g], ee(r, g), e, g, o, !0));
-      }) : this._walk(e, (g) => {
-        this._eval(p, e[g], g, r, n, s) && m(this._trace(d, e[g], ee(r, g), e, g, o, !0));
+      const h = c.replace(/^\?\((.*?)\)$/u, "$1"), g = /@.?([^?]*)[['](\??\(.*?\))(?!.\)\])[\]']/gu.exec(h);
+      g ? this._walk(e, (C) => {
+        const T = [g[2]], N = g[1] ? e[C][g[1]] : e[C];
+        this._trace(T, N, r, n, o, s, !0).length > 0 && v(this._trace(f, e[C], Z(r, C), e, C, s, !0));
+      }) : this._walk(e, (C) => {
+        this._eval(h, e[C], C, r, n, o) && v(this._trace(f, e[C], Z(r, C), e, C, s, !0));
       });
-    } else if (u[0] === "(") {
+    } else if (c[0] === "(") {
       if (this.currEval === !1)
         throw new Error("Eval [(expr)] prevented in JSONPath expression.");
-      m(this._trace(we(this._eval(u, e, r.at(-1), r.slice(0, -1), n, s), d), e, r, n, s, o, i));
-    } else if (u[0] === "@") {
-      let p = !1;
-      const b = u.slice(1, -2);
-      switch (b) {
+      v(this._trace(Oe(this._eval(c, e, r.at(-1), r.slice(0, -1), n, o), f), e, r, n, o, s, i));
+    } else if (c[0] === "@") {
+      let h = !1;
+      const g = c.slice(1, -2);
+      switch (g) {
         case "scalar":
-          (!e || !["object", "function"].includes(typeof e)) && (p = !0);
+          (!e || !["object", "function"].includes(typeof e)) && (h = !0);
           break;
         case "boolean":
         case "string":
         case "undefined":
         case "function":
-          typeof e === b && (p = !0);
+          typeof e === g && (h = !0);
           break;
         case "integer":
-          Number.isFinite(e) && !(e % 1) && (p = !0);
+          Number.isFinite(e) && !(e % 1) && (h = !0);
           break;
         case "number":
-          Number.isFinite(e) && (p = !0);
+          Number.isFinite(e) && (h = !0);
           break;
         case "nonFinite":
-          typeof e == "number" && !Number.isFinite(e) && (p = !0);
+          typeof e == "number" && !Number.isFinite(e) && (h = !0);
           break;
         case "object":
-          e && typeof e === b && (p = !0);
+          e && typeof e === g && (h = !0);
           break;
         case "array":
-          Array.isArray(e) && (p = !0);
+          Array.isArray(e) && (h = !0);
           break;
         case "other":
-          p = this.currOtherTypeCallback(e, r, n, s);
+          h = this.currOtherTypeCallback(e, r, n, o);
           break;
         case "null":
-          e === null && (p = !0);
+          e === null && (h = !0);
           break;
         /* c8 ignore next 2 */
         default:
-          throw new TypeError("Unknown value type " + b);
+          throw new TypeError("Unknown value type " + g);
       }
-      if (p)
-        return c = {
+      if (h)
+        return u = {
           path: r,
           value: e,
           parent: n,
-          parentProperty: s
-        }, this._handleCallback(c, o, "value"), c;
-    } else if (u[0] === "`" && e && Object.hasOwn(e, u.slice(1))) {
-      const p = u.slice(1);
-      m(this._trace(d, e[p], ee(r, p), e, p, o, i, !0));
-    } else if (u.includes(",")) {
-      const p = u.split(",");
-      for (const b of p)
-        m(this._trace(we(b, d), e, r, n, s, o, !0));
-    } else !a && e && Object.hasOwn(e, u) && m(this._trace(d, e[u], ee(r, u), e, u, o, i, !0));
+          parentProperty: o
+        }, this._handleCallback(u, s, "value"), u;
+    } else if (c[0] === "`" && e && Object.hasOwn(e, c.slice(1))) {
+      const h = c.slice(1);
+      v(this._trace(f, e[h], Z(r, h), e, h, s, i, !0));
+    } else if (c.includes(",")) {
+      const h = c.split(",");
+      for (const g of h)
+        v(this._trace(Oe(g, f), e, r, n, o, s, !0));
+    } else !a && e && Object.hasOwn(e, c) && v(this._trace(f, e[c], Z(r, c), e, c, s, i, !0));
   }
   if (this._hasParentSelector)
-    for (let p = 0; p < h.length; p++) {
-      const b = h[p];
-      if (b && b.isParentSelector) {
-        const g = this._trace(b.expr, e, b.path, n, s, o, i);
-        if (Array.isArray(g)) {
-          h[p] = g[0];
-          const D = g.length;
-          for (let F = 1; F < D; F++)
-            p++, h.splice(p, 0, g[F]);
+    for (let h = 0; h < p.length; h++) {
+      const g = p[h];
+      if (g && g.isParentSelector) {
+        const C = this._trace(g.expr, e, g.path, n, o, s, i);
+        if (Array.isArray(C)) {
+          p[h] = C[0];
+          const T = C.length;
+          for (let N = 1; N < T; N++)
+            h++, p.splice(h, 0, C[N]);
         } else
-          h[p] = g;
+          p[h] = C;
       }
     }
-  return h;
+  return p;
 };
-C.prototype._walk = function(t, e) {
+_.prototype._walk = function(t, e) {
   if (Array.isArray(t)) {
     const r = t.length;
     for (let n = 0; n < r; n++)
@@ -2738,92 +2856,92 @@ C.prototype._walk = function(t, e) {
     e(r);
   });
 };
-C.prototype._slice = function(t, e, r, n, s, o, i) {
+_.prototype._slice = function(t, e, r, n, o, s, i) {
   if (!Array.isArray(r))
     return;
-  const a = r.length, c = t.split(":"), u = c[2] && Number.parseInt(c[2]) || 1;
-  let d = c[0] && Number.parseInt(c[0]) || 0, h = c[1] && Number.parseInt(c[1]) || a;
-  d = d < 0 ? Math.max(0, d + a) : Math.min(a, d), h = h < 0 ? Math.max(0, h + a) : Math.min(a, h);
-  const m = [];
-  for (let p = d; p < h; p += u)
-    this._trace(we(p, e), r, n, s, o, i, !0).forEach((g) => {
-      m.push(g);
+  const a = r.length, u = t.split(":"), c = u[2] && Number.parseInt(u[2]) || 1;
+  let f = u[0] && Number.parseInt(u[0]) || 0, p = u[1] && Number.parseInt(u[1]) || a;
+  f = f < 0 ? Math.max(0, f + a) : Math.min(a, f), p = p < 0 ? Math.max(0, p + a) : Math.min(a, p);
+  const v = [];
+  for (let h = f; h < p; h += c)
+    this._trace(Oe(h, e), r, n, o, s, i, !0).forEach((C) => {
+      v.push(C);
     });
-  return m;
+  return v;
 };
-C.prototype._eval = function(t, e, r, n, s, o) {
-  this.currSandbox._$_parentProperty = o, this.currSandbox._$_parent = s, this.currSandbox._$_property = r, this.currSandbox._$_root = this.json, this.currSandbox._$_v = e;
+_.prototype._eval = function(t, e, r, n, o, s) {
+  this.currSandbox._$_parentProperty = s, this.currSandbox._$_parent = o, this.currSandbox._$_property = r, this.currSandbox._$_root = this.json, this.currSandbox._$_v = e;
   const i = t.includes("@path");
-  i && (this.currSandbox._$_path = C.toPathString(n.concat([r])));
+  i && (this.currSandbox._$_path = _.toPathString(n.concat([r])));
   const a = this.currEval + "Script:" + t;
-  if (!C.cache[a]) {
-    let c = t.replaceAll("@parentProperty", "_$_parentProperty").replaceAll("@parent", "_$_parent").replaceAll("@property", "_$_property").replaceAll("@root", "_$_root").replaceAll(/@([.\s)[])/gu, "_$_v$1");
-    if (i && (c = c.replaceAll("@path", "_$_path")), this.currEval === "safe" || this.currEval === !0 || this.currEval === void 0)
-      C.cache[a] = new this.safeVm.Script(c);
+  if (!_.cache[a]) {
+    let u = t.replaceAll("@parentProperty", "_$_parentProperty").replaceAll("@parent", "_$_parent").replaceAll("@property", "_$_property").replaceAll("@root", "_$_root").replaceAll(/@([.\s)[])/gu, "_$_v$1");
+    if (i && (u = u.replaceAll("@path", "_$_path")), this.currEval === "safe" || this.currEval === !0 || this.currEval === void 0)
+      _.cache[a] = new this.safeVm.Script(u);
     else if (this.currEval === "native")
-      C.cache[a] = new this.vm.Script(c);
+      _.cache[a] = new this.vm.Script(u);
     else if (typeof this.currEval == "function" && this.currEval.prototype && Object.hasOwn(this.currEval.prototype, "runInNewContext")) {
-      const u = this.currEval;
-      C.cache[a] = new u(c);
+      const c = this.currEval;
+      _.cache[a] = new c(u);
     } else if (typeof this.currEval == "function")
-      C.cache[a] = {
-        runInNewContext: (u) => this.currEval(c, u)
+      _.cache[a] = {
+        runInNewContext: (c) => this.currEval(u, c)
       };
     else
       throw new TypeError(`Unknown "eval" property "${this.currEval}"`);
   }
   try {
-    return C.cache[a].runInNewContext(this.currSandbox);
-  } catch (c) {
+    return _.cache[a].runInNewContext(this.currSandbox);
+  } catch (u) {
     if (this.ignoreEvalErrors)
       return !1;
-    throw new Error("jsonPath: " + c.message + ": " + t);
+    throw new Error("jsonPath: " + u.message + ": " + t);
   }
 };
-C.cache = {};
-C.toPathString = function(t) {
+_.cache = {};
+_.toPathString = function(t) {
   const e = t, r = e.length;
   let n = "$";
-  for (let s = 1; s < r; s++)
-    /^(~|\^|@.*?\(\))$/u.test(e[s]) || (n += /^[0-9*]+$/u.test(e[s]) ? "[" + e[s] + "]" : "['" + e[s] + "']");
+  for (let o = 1; o < r; o++)
+    /^(~|\^|@.*?\(\))$/u.test(e[o]) || (n += /^[0-9*]+$/u.test(e[o]) ? "[" + e[o] + "]" : "['" + e[o] + "']");
   return n;
 };
-C.toPointer = function(t) {
+_.toPointer = function(t) {
   const e = t, r = e.length;
   let n = "";
-  for (let s = 1; s < r; s++)
-    /^(~|\^|@.*?\(\))$/u.test(e[s]) || (n += "/" + e[s].toString().replaceAll("~", "~0").replaceAll("/", "~1"));
+  for (let o = 1; o < r; o++)
+    /^(~|\^|@.*?\(\))$/u.test(e[o]) || (n += "/" + e[o].toString().replaceAll("~", "~0").replaceAll("/", "~1"));
   return n;
 };
-C.toPathArray = function(t) {
+_.toPathArray = function(t) {
   const {
     cache: e
-  } = C;
+  } = _;
   if (e[t])
     return e[t].concat();
-  const r = [], s = t.replaceAll(/@(?:null|boolean|number|string|integer|undefined|nonFinite|scalar|array|object|function|other)\(\)/gu, ";$&;").replaceAll(/[['](\??\(.*?\))[\]'](?!.\])/gu, function(o, i) {
+  const r = [], o = t.replaceAll(/@(?:null|boolean|number|string|integer|undefined|nonFinite|scalar|array|object|function|other)\(\)/gu, ";$&;").replaceAll(/[['](\??\(.*?\))[\]'](?!.\])/gu, function(s, i) {
     return "[#" + (r.push(i) - 1) + "]";
-  }).replaceAll(/\[['"]([^'\]]*)['"]\]/gu, function(o, i) {
+  }).replaceAll(/\[['"]([^'\]]*)['"]\]/gu, function(s, i) {
     return "['" + i.replaceAll(".", "%@%").replaceAll("~", "%%@@%%") + "']";
-  }).replaceAll("~", ";~;").replaceAll(/['"]?\.['"]?(?![^[]*\])|\[['"]?/gu, ";").replaceAll("%@%", ".").replaceAll("%%@@%%", "~").replaceAll(/(?:;)?(\^+)(?:;)?/gu, function(o, i) {
+  }).replaceAll("~", ";~;").replaceAll(/['"]?\.['"]?(?![^[]*\])|\[['"]?/gu, ";").replaceAll("%@%", ".").replaceAll("%%@@%%", "~").replaceAll(/(?:;)?(\^+)(?:;)?/gu, function(s, i) {
     return ";" + i.split("").join(";") + ";";
-  }).replaceAll(/;;;|;;/gu, ";..;").replaceAll(/;$|'?\]|'$/gu, "").split(";").map(function(o) {
-    const i = o.match(/#(\d+)/u);
-    return !i || !i[1] ? o : r[i[1]];
+  }).replaceAll(/;;;|;;/gu, ";..;").replaceAll(/;$|'?\]|'$/gu, "").split(";").map(function(s) {
+    const i = s.match(/#(\d+)/u);
+    return !i || !i[1] ? s : r[i[1]];
   });
-  return e[t] = s, e[t].concat();
+  return e[t] = o, e[t].concat();
 };
-C.prototype.safeVm = {
-  Script: kr
+_.prototype.safeVm = {
+  Script: jr
 };
-const Rr = function(t, e, r) {
+const Hr = function(t, e, r) {
   const n = t.length;
-  for (let s = 0; s < n; s++) {
-    const o = t[s];
-    r(o) && e.push(t.splice(s--, 1)[0]);
+  for (let o = 0; o < n; o++) {
+    const s = t[o];
+    r(s) && e.push(t.splice(o--, 1)[0]);
   }
 };
-class Ir {
+class Vr {
   /**
    * @param {string} expr Expression to evaluate
    */
@@ -2837,106 +2955,134 @@ class Ir {
    */
   runInNewContext(e) {
     let r = this.code;
-    const n = Object.keys(e), s = [];
-    Rr(n, s, (u) => typeof e[u] == "function");
-    const o = n.map((u) => e[u]);
-    r = s.reduce((u, d) => {
-      let h = e[d].toString();
-      return /function/u.test(h) || (h = "function " + h), "var " + d + "=" + h + ";" + u;
+    const n = Object.keys(e), o = [];
+    Hr(n, o, (c) => typeof e[c] == "function");
+    const s = n.map((c) => e[c]);
+    r = o.reduce((c, f) => {
+      let p = e[f].toString();
+      return /function/u.test(p) || (p = "function " + p), "var " + f + "=" + p + ";" + c;
     }, "") + r, !/(['"])use strict\1/u.test(r) && !n.includes("arguments") && (r = "var arguments = undefined;" + r), r = r.replace(/;\s*$/u, "");
-    const a = r.lastIndexOf(";"), c = a !== -1 ? r.slice(0, a + 1) + " return " + r.slice(a + 1) : " return " + r;
-    return new Function(...n, c)(...o);
+    const a = r.lastIndexOf(";"), u = a !== -1 ? r.slice(0, a + 1) + " return " + r.slice(a + 1) : " return " + r;
+    return new Function(...n, u)(...s);
   }
 }
-C.prototype.vm = {
-  Script: Ir
+_.prototype.vm = {
+  Script: Vr
 };
-function Te(t, e, r) {
+function Le(t, e, r) {
   const n = e.replace(/^\$\.?/, "").split(/\.|\[|\]/).filter(Boolean);
-  let s = t;
+  let o = t;
   for (let i = 0; i < n.length - 1; i++) {
-    const a = n[i], c = n[i + 1], u = /^\d+$/.test(c);
+    const a = n[i], u = n[i + 1], c = /^\d+$/.test(u);
     if (a === "__proto__" || a === "constructor" || a === "prototype")
       throw new Error("Invalid path part: " + a);
-    if (a in s || (s[a] = u ? [] : {}), u) {
-      const d = parseInt(c, 10);
-      Array.isArray(s[a]) || (s[a] = []), s[a].length <= d && (s[a][d] = i === n.length - 2 ? r : {}), s = s[a][d], i++;
+    if (a in o || (o[a] = c ? [] : {}), c) {
+      const f = parseInt(u, 10);
+      Array.isArray(o[a]) || (o[a] = []), o[a].length <= f && (o[a][f] = i === n.length - 2 ? r : {}), o = o[a][f], i++;
     } else
-      s = s[a];
-  }
-  const o = n[n.length - 1];
-  if (o === "__proto__" || o === "constructor" || o === "prototype")
-    throw new Error("Invalid path part: " + o);
-  if (/^\d+$/.test(o)) {
-    const i = parseInt(o, 10);
-    Array.isArray(s) || (s = []), s[i] = r;
+      o = o[a];
+  }
+  const s = n[n.length - 1];
+  if (s === "__proto__" || s === "constructor" || s === "prototype")
+    throw new Error("Invalid path part: " + s);
+  if (/^\d+$/.test(s)) {
+    const i = parseInt(s, 10);
+    Array.isArray(o) || (o = []), o[i] = r;
   } else
-    s[o] = r;
+    o[s] = r;
 }
-const Xr = (t, e, r) => {
+const tn = (t, e, r) => {
   const n = {
     type: e.type,
     item: e.type === "single" ? {} : void 0,
     list: e.type === "list" ? [] : void 0
-  }, s = (i, a) => {
-    let c = i;
-    return a.patchSource === "value" ? a.value ?? a.defaultValue ?? null : (a.patchSource === "child" && (c = r), (a.type === "single" ? C({ path: a.fromPath, json: c, resultType: "value" }) : C({ path: a.fromPath, json: c })) ?? a.defaultValue ?? null);
-  }, o = e.type === "single" ? C({ path: e.fromPath, json: t, resultType: "value" }) : C({ path: e.fromPath, json: t });
+  }, o = (i, a) => {
+    let u = i;
+    return a.patchSource === "value" ? a.value ?? a.defaultValue ?? null : (a.patchSource === "child" && (u = r), (a.type === "single" ? _({ path: a.fromPath, json: u, resultType: "value" }) : _({ path: a.fromPath, json: u })) ?? a.defaultValue ?? null);
+  }, s = e.type === "single" ? _({ path: e.fromPath, json: t, resultType: "value" }) : _({ path: e.fromPath, json: t });
   return e.type === "single" ? e.patches.forEach((i) => {
-    const a = s(o, i);
-    Te(n.item, i.toPath, a);
-  }) : e.type === "list" && (n.list = o.map((i) => {
+    const a = o(s, i);
+    Le(n.item, i.toPath, a);
+  }) : e.type === "list" && (n.list = s.map((i) => {
     const a = {};
-    return e.patches.forEach((c) => {
-      const u = s(i, c);
-      Te(a, c.toPath, u);
+    return e.patches.forEach((u) => {
+      const c = o(i, u);
+      Le(a, u.toPath, c);
     }), a;
   })), n;
 };
-function Mr(t, e) {
+function Kr(t, e) {
   const r = {};
-  return !t.events || !Object.keys(t.events).length || Object.entries(t.events).forEach(([n, s]) => {
-    s?.trim() && (r[n] = (...o) => {
+  return !t.events || !Object.keys(t.events).length || Object.entries(t.events).forEach(([n, o]) => {
+    o?.trim() && (r[n] = (...s) => {
       try {
-        new Function("ctx", "craftNode", "args", s)(e, t, ...o);
+        new Function(
+          "ctx",
+          "craftNode",
+          "args",
+          o
+        )(e, t, ...s);
       } catch (i) {
-        console.error(`Event code execution failed with code:
-${s}
+        console.error(
+          `Event code execution failed with code:
+${o}
 
-Error:`, i);
+Error:`,
+          i
+        );
       }
     });
   }), r;
 }
-function Tr(t, e, r = "default") {
+function Xr(t, e, r = "default") {
   if (!t.slots || !t.slots[r]) return [];
   const n = t.slots[r];
-  return e.type === "single" ? n.map((s) => ({
-    ...s,
-    uuid: `${s.uuid}-single`,
-    props: { ...s.props, ...e.item || {} }
+  return e.type === "single" ? n.map((o) => ({
+    ...o,
+    uuid: `${o.uuid}-single`,
+    props: { ...o.props, ...e.item || {} }
   })) : e.type === "list" && e.list ? n.flatMap(
-    (s) => e.list.map((o, i) => ({
-      ...s,
-      uuid: `${s.uuid}-data-${i}`,
-      props: { ...s.props, ...o || {} }
+    (o) => e.list.map((s, i) => ({
+      ...o,
+      uuid: `${o.uuid}-data-${i}`,
+      props: { ...o.props, ...s || {} }
     }))
   ) : [];
 }
-function _e(t, e, r, n, s) {
-  if (!ze(t))
+function xe(t, e, r, n, o) {
+  if (!qe(t))
     return null;
-  const o = e.resolveNode(t), i = o?.componentName || t.componentName, a = r?.[i] || i, c = {
-    ...o?.defaultProps || {},
+  const s = e.resolveNode(t), i = s?.componentName || t.componentName, a = r?.[i] || i, u = {
+    ...s?.defaultProps || {},
     ...t.props
-  }, u = s ? Mr(t, s) : {}, d = n?.[t.uuid];
-  let h;
-  return d?.type ? h = Tr(t, d, d.slotName || "default").map((p) => _e(p, e, r, n, s)).filter((p) => p !== null) : t.slots && (h = Object.values(t.slots).flat().map((m) => _e(m, e, r, n, s)).filter((m) => m !== null)), pt(a, { key: t.uuid, ...c, ...u }, h);
+  }, c = o ? Kr(t, o) : {}, f = n?.[t.uuid];
+  let p;
+  return f?.type ? p = Xr(
+    t,
+    f,
+    f.slotName || "default"
+  ).map(
+    (h) => xe(
+      h,
+      e,
+      r,
+      n,
+      o
+    )
+  ).filter((h) => h !== null) : t.slots && (p = Object.values(t.slots).flat().map(
+    (v) => xe(
+      v,
+      e,
+      r,
+      n,
+      o
+    )
+  ).filter((v) => v !== null)), Nt(a, { key: t.uuid, ...u, ...c }, p);
 }
-function zr(t, e) {
-  const r = new ye(e.resolverMap);
+function rn(t, e) {
+  const r = new be(e.resolverMap);
   return t.map(
-    (n) => _e(
+    (n) => xe(
       n,
       r,
       e.componentRegistry,
@@ -2945,7 +3091,7 @@ function zr(t, e) {
     )
   ).filter((n) => n !== null);
 }
-const qr = {
+const nn = {
   CraftComponentSimpleText: {
     componentName: "CraftComponentSimpleText",
     eventsSchema: {
@@ -2991,49 +3137,51 @@ const qr = {
   CraftCanvas: {
     componentName: "CraftCanvas"
   }
-}, Br = (t) => {
-  for (const e in Ie)
-    t.component(e, Ie[e]);
-}, Wr = { install: Br };
+}, zr = (t) => {
+  for (const e in Ue)
+    t.component(e, Ue[e]);
+}, on = { install: zr };
 export {
-  vt as CraftCanvas,
-  Et as CraftComponentSimpleText,
-  Ct as CraftEditor,
-  wt as CraftEditorBlueprint,
-  At as CraftEditorBlueprintsList,
-  $t as CraftEditorPanelBlueprints,
-  Rt as CraftEditorPanelForm,
-  Ut as CraftEditorPanelLayers,
-  Xt as CraftEditorPanelLayout,
-  qt as CraftEditorPanelNodeEventsSettings,
-  Zt as CraftEditorPanelNodeLayer,
-  er as CraftEditorPanelNodeSettings,
-  ir as CraftEditorPanelSettings,
-  cr as CraftFrame,
-  Qe as CraftIframe,
-  br as CraftNodeEditor,
-  ye as CraftNodeResolver,
-  ve as CraftNodeViewer,
-  Er as CraftStaticRenderer,
-  _t as Utils,
-  Wr as VCraft,
-  We as buildCraftNodeTree,
-  ie as craftNodeCanBeChildOf,
-  pe as craftNodeCanBeSiblingOf,
-  gt as craftNodeInCanvas,
-  qe as craftNodeIsAncestorOf,
-  q as craftNodeIsCanvas,
-  yt as craftNodeIsDraggable,
-  Vr as defaultBlueprints,
-  qr as defaultResolvers,
-  ze as isVisible,
-  Xr as mapData,
-  _e as renderCraftNodeToVNode,
-  zr as renderCraftNodesToVNodes,
-  te as resolveNodeName,
-  mt as useCraftNode,
-  j as useEditor,
-  Se as useIndicator,
-  xe as useResolveCraftNode
+  Ot as CraftCanvas,
+  At as CraftComponentSimpleText,
+  Pt as CraftEditor,
+  Mt as CraftEditorBlueprint,
+  Bt as CraftEditorBlueprintsList,
+  Ht as CraftEditorPanelBlueprints,
+  Vt as CraftEditorPanelForm,
+  Yt as CraftEditorPanelLayers,
+  tr as CraftEditorPanelLayout,
+  nr as CraftEditorPanelNodeEventsSettings,
+  lr as CraftEditorPanelNodeLayer,
+  cr as CraftEditorPanelNodeSettings,
+  mr as CraftEditorPanelSettings,
+  Er as CraftFrame,
+  Je as CraftIframe,
+  kr as CraftNodeEditor,
+  be as CraftNodeResolver,
+  Ne as CraftNodeViewer,
+  Dr as CraftStaticRenderer,
+  $t as Utils,
+  on as VCraft,
+  Qe as buildCraftNodeTree,
+  oe as craftNodeCanBeChildOf,
+  me as craftNodeCanBeSiblingOf,
+  St as craftNodeInCanvas,
+  Ye as craftNodeIsAncestorOf,
+  K as craftNodeIsCanvas,
+  kt as craftNodeIsDraggable,
+  Zr as defaultBlueprints,
+  nn as defaultResolvers,
+  We as initializeSlotsFromResolver,
+  qe as isVisible,
+  tn as mapData,
+  xe as renderCraftNodeToVNode,
+  rn as renderCraftNodesToVNodes,
+  J as resolveNodeName,
+  xt as useCraftNode,
+  L as useEditor,
+  De as useIndicator,
+  Jr as useNodeElement,
+  fe as useResolveCraftNode
 };
 //# sourceMappingURL=v-craft.es.js.map