@versa-stack/v-craft 1.1.0-alpha.3 → 1.1.0-alpha.4

package/dist/v-craft.es.js

@@ -1,4 +1,4 @@
-import { computed as _, toValue as Be, inject as ge, defineAsyncComponent as Et, defineComponent as B, useSlots as Qe, useAttrs as Ct, unref as d, openBlock as v, createBlock as $, resolveDynamicComponent as Ce, normalizeProps as Le, mergeProps as xe, createSlots as Ne, renderList as U, withCtx as G, renderSlot as J, guardReactiveProps as Nt, createCommentVNode as M, markRaw as Ge, ref as K, watch as ne, normalizeClass as ye, createTextVNode as ie, toDisplayString as oe, createElementBlock as N, withKeys as Fe, withModifiers as V, nextTick as ve, provide as te, resolveComponent as H, createVNode as Q, Fragment as j, createElementVNode as O, toRef as he, onUnmounted as _t, toRefs as be, normalizeStyle as Ie, withDirectives as Pt, Teleport as xt, vShow as St, onMounted as Se, onBeforeMount as Ot, onBeforeUnmount as wt, readonly as We, onUpdated as kt, toHandlers as Te, reactive as He, h as Dt } from "vue";
+import { computed as C, toValue as we, inject as ge, defineAsyncComponent as Et, defineComponent as L, useSlots as Qe, useAttrs as Ct, unref as p, openBlock as v, createBlock as M, resolveDynamicComponent as Ce, normalizeProps as Le, mergeProps as Se, createSlots as Ne, renderList as j, withCtx as G, renderSlot as J, guardReactiveProps as Nt, createCommentVNode as R, markRaw as Ge, ref as K, watch as ne, normalizeClass as ye, createTextVNode as ie, toDisplayString as oe, createElementBlock as E, withKeys as Fe, withModifiers as V, nextTick as ve, provide as te, resolveComponent as H, createVNode as Q, Fragment as B, createElementVNode as O, toRef as he, onUnmounted as Pt, toRefs as be, normalizeStyle as Te, withDirectives as _t, Teleport as St, vShow as xt, onMounted as xe, onBeforeMount as Ot, onBeforeUnmount as wt, readonly as We, onUpdated as kt, toHandlers as Ue, reactive as He, h as Dt } from "vue";
 import { defineStore as Ze, storeToRefs as se } from "pinia";
 import { v4 as ee } from "uuid";
 import { debounce as Je } from "lodash-es";
@@ -372,8 +372,8 @@ class c {
         prec: n,
         right_a: c.right_associative.has(r)
       }, u = r;
-      const p = (m) => s.right_a && m.right_a ? n > m.prec : n <= m.prec;
-      for (; o.length > 2 && p(o[o.length - 2]); )
+      const d = (m) => s.right_a && m.right_a ? n > m.prec : n <= m.prec;
+      for (; o.length > 2 && d(o[o.length - 2]); )
         i = o.pop(), r = o.pop().value, a = o.pop(), e = {
           type: c.BINARY_EXP,
           operator: r,
@@ -791,10 +791,10 @@ var jt = {
     });
   }
 };
-const we = 43, Bt = 45, fe = {
+const ke = 43, Bt = 45, fe = {
   name: "assignment",
   assignmentOperators: /* @__PURE__ */ new Set(["=", "*=", "**=", "/=", "%=", "+=", "-=", "<<=", ">>=", ">>>=", "&=", "^=", "|=", "||=", "&&=", "??="]),
-  updateOperators: [we, Bt],
+  updateOperators: [ke, Bt],
   assignmentPrecedence: 0.9,
   init(t) {
     const e = [t.IDENTIFIER, t.MEMBER_EXP];
@@ -802,7 +802,7 @@ const we = 43, Bt = 45, fe = {
       const s = this.code;
       fe.updateOperators.some((a) => a === s && a === this.expr.charCodeAt(this.index + 1)) && (this.index += 2, o.node = {
         type: "UpdateExpression",
-        operator: s === we ? "++" : "--",
+        operator: s === ke ? "++" : "--",
         argument: this.gobbleTokenProperty(this.gobbleIdentifier()),
         prefix: !0
       }, (!o.node.argument || !e.includes(o.node.argument.type)) && this.throwError(`Unexpected ${o.node.operator}`));
@@ -811,7 +811,7 @@ const we = 43, Bt = 45, fe = {
         const s = this.code;
         fe.updateOperators.some((a) => a === s && a === 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: s === we ? "++" : "--",
+          operator: s === ke ? "++" : "--",
           argument: o.node,
           prefix: !1
         });
@@ -831,7 +831,7 @@ re.addUnaryOp("typeof");
 re.addUnaryOp("void");
 re.addLiteral("null", null);
 re.addLiteral("undefined", void 0);
-const Lt = /* @__PURE__ */ new Set(["constructor", "__proto__", "__defineGetter__", "__defineSetter__", "__lookupGetter__", "__lookupSetter__"]), I = {
+const Lt = /* @__PURE__ */ new Set(["constructor", "__proto__", "__defineGetter__", "__defineSetter__", "__lookupGetter__", "__lookupSetter__"]), $ = {
   /**
    * @param {jsep.Expression} ast
    * @param {Record<string, any>} subs
@@ -840,25 +840,25 @@ const Lt = /* @__PURE__ */ new Set(["constructor", "__proto__", "__defineGetter_
     switch (t.type) {
       case "BinaryExpression":
       case "LogicalExpression":
-        return I.evalBinaryExpression(t, e);
+        return $.evalBinaryExpression(t, e);
       case "Compound":
-        return I.evalCompound(t, e);
+        return $.evalCompound(t, e);
       case "ConditionalExpression":
-        return I.evalConditionalExpression(t, e);
+        return $.evalConditionalExpression(t, e);
       case "Identifier":
-        return I.evalIdentifier(t, e);
+        return $.evalIdentifier(t, e);
       case "Literal":
-        return I.evalLiteral(t, e);
+        return $.evalLiteral(t, e);
       case "MemberExpression":
-        return I.evalMemberExpression(t, e);
+        return $.evalMemberExpression(t, e);
       case "UnaryExpression":
-        return I.evalUnaryExpression(t, e);
+        return $.evalUnaryExpression(t, e);
       case "ArrayExpression":
-        return I.evalArrayExpression(t, e);
+        return $.evalArrayExpression(t, e);
       case "CallExpression":
-        return I.evalCallExpression(t, e);
+        return $.evalCallExpression(t, e);
       case "AssignmentExpression":
-        return I.evalAssignmentExpression(t, e);
+        return $.evalAssignmentExpression(t, e);
       default:
         throw SyntaxError("Unexpected expression", t);
     }
@@ -888,19 +888,19 @@ const Lt = /* @__PURE__ */ new Set(["constructor", "__proto__", "__defineGetter_
       "*": (n, o) => n * o(),
       "/": (n, o) => n / o(),
       "%": (n, o) => n % o()
-    }[t.operator](I.evalAst(t.left, e), () => I.evalAst(t.right, e));
+    }[t.operator]($.evalAst(t.left, e), () => $.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 o = t.body[n];
-      r = I.evalAst(o, e);
+      r = $.evalAst(o, e);
     }
     return r;
   },
   evalConditionalExpression(t, e) {
-    return I.evalAst(t.test, e) ? I.evalAst(t.consequent, e) : I.evalAst(t.alternate, e);
+    return $.evalAst(t.test, e) ? $.evalAst(t.consequent, e) : $.evalAst(t.alternate, e);
   },
   evalIdentifier(t, e) {
     if (Object.hasOwn(e, t.name))
@@ -915,9 +915,9 @@ const Lt = /* @__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 ? I.evalAst(t.property) : t.property.name
+      t.computed ? $.evalAst(t.property) : t.property.name
       // `object.property` property is Identifier
-    ), n = I.evalAst(t.object, e);
+    ), n = $.evalAst(t.object, e);
     if (n == null)
       throw TypeError(`Cannot read properties of ${n} (reading '${r}')`);
     if (!Object.hasOwn(n, r) && Lt.has(r))
@@ -927,21 +927,21 @@ const Lt = /* @__PURE__ */ new Set(["constructor", "__proto__", "__defineGetter_
   },
   evalUnaryExpression(t, e) {
     return {
-      "-": (n) => -I.evalAst(n, e),
-      "!": (n) => !I.evalAst(n, e),
-      "~": (n) => ~I.evalAst(n, e),
+      "-": (n) => -$.evalAst(n, e),
+      "!": (n) => !$.evalAst(n, e),
+      "~": (n) => ~$.evalAst(n, e),
       // eslint-disable-next-line no-implicit-coercion -- API
-      "+": (n) => +I.evalAst(n, e),
-      typeof: (n) => typeof I.evalAst(n, e),
+      "+": (n) => +$.evalAst(n, e),
+      typeof: (n) => typeof $.evalAst(n, e),
       // eslint-disable-next-line no-void, sonarjs/void-use -- feature
-      void: (n) => void I.evalAst(n, e)
+      void: (n) => void $.evalAst(n, e)
     }[t.operator](t.argument);
   },
   evalArrayExpression(t, e) {
-    return t.elements.map((r) => I.evalAst(r, e));
+    return t.elements.map((r) => $.evalAst(r, e));
   },
   evalCallExpression(t, e) {
-    const r = t.arguments.map((o) => I.evalAst(o, e)), n = I.evalAst(t.callee, e);
+    const r = t.arguments.map((o) => $.evalAst(o, e)), n = $.evalAst(t.callee, e);
     if (n === Function)
       throw new Error("Function constructor is disabled");
     return n(...r);
@@ -949,7 +949,7 @@ const Lt = /* @__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 = I.evalAst(t.right, e);
+    const r = t.left.name, n = $.evalAst(t.right, e);
     return e[r] = n, e[r];
   }
 };
@@ -967,13 +967,13 @@ class Ft {
    */
   runInNewContext(e) {
     const r = Object.assign(/* @__PURE__ */ Object.create(null), e);
-    return I.evalAst(this.ast, r);
+    return $.evalAst(this.ast, r);
   }
 }
 function ae(t, e) {
   return t = t.slice(), t.push(e), t;
 }
-function ke(t, e) {
+function De(t, e) {
   return e = e.slice(), e.unshift(t), e;
 }
 class Ht extends Error {
@@ -984,10 +984,10 @@ class Ht 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 D(t, e, r, n, o) {
-  if (!(this instanceof D))
+function k(t, e, r, n, o) {
+  if (!(this instanceof k))
     try {
-      return new D(t, e, r, n, o);
+      return new k(t, e, r, n, o);
     } catch (a) {
       if (!a.avoidNew)
         throw a;
@@ -1008,7 +1008,7 @@ function D(t, e, r, n, o) {
     return i;
   }
 }
-D.prototype.evaluate = function(t, e, r, n) {
+k.prototype.evaluate = function(t, e, r, n) {
   let o = this.parent, s = this.parentProperty, {
     flatten: a,
     wrap: i
@@ -1022,44 +1022,44 @@ D.prototype.evaluate = function(t, e, r, n) {
       json: e
     } = t), a = Object.hasOwn(t, "flatten") ? t.flatten : a, this.currResultType = Object.hasOwn(t, "resultType") ? t.resultType : this.currResultType, this.currSandbox = Object.hasOwn(t, "sandbox") ? t.sandbox : this.currSandbox, i = Object.hasOwn(t, "wrap") ? t.wrap : i, 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 (o = o || null, s = s || null, Array.isArray(t) && (t = D.toPathString(t)), !t && t !== "" || !e)
+  if (o = o || null, s = s || null, Array.isArray(t) && (t = k.toPathString(t)), !t && t !== "" || !e)
     return;
-  const l = D.toPathArray(t);
+  const l = k.toPathArray(t);
   l[0] === "$" && l.length > 1 && l.shift(), this._hasParentSelector = null;
-  const u = this._trace(l, e, ["$"], o, s, r).filter(function(p) {
-    return p && !p.isParentSelector;
+  const u = this._trace(l, e, ["$"], o, s, r).filter(function(d) {
+    return d && !d.isParentSelector;
   });
-  return u.length ? !i && u.length === 1 && !u[0].hasArrExpr ? this._getPreferredOutput(u[0]) : u.reduce((p, m) => {
+  return u.length ? !i && u.length === 1 && !u[0].hasArrExpr ? this._getPreferredOutput(u[0]) : u.reduce((d, m) => {
     const f = this._getPreferredOutput(m);
-    return a && Array.isArray(f) ? p = p.concat(f) : p.push(f), p;
+    return a && Array.isArray(f) ? d = d.concat(f) : d.push(f), d;
   }, []) : i ? [] : void 0;
 };
-D.prototype._getPreferredOutput = function(t) {
+k.prototype._getPreferredOutput = function(t) {
   const e = this.currResultType;
   switch (e) {
     case "all": {
-      const r = Array.isArray(t.path) ? t.path : D.toPathArray(t.path);
-      return t.pointer = D.toPointer(r), t.path = typeof t.path == "string" ? t.path : D.toPathString(t.path), t;
+      const r = Array.isArray(t.path) ? t.path : k.toPathArray(t.path);
+      return t.pointer = k.toPointer(r), t.path = typeof t.path == "string" ? t.path : k.toPathString(t.path), t;
     }
     case "value":
     case "parent":
     case "parentProperty":
       return t[e];
     case "path":
-      return D.toPathString(t[e]);
+      return k.toPathString(t[e]);
     case "pointer":
-      return D.toPointer(t.path);
+      return k.toPointer(t.path);
     default:
       throw new TypeError("Unknown result type");
   }
 };
-D.prototype._handleCallback = function(t, e, r) {
+k.prototype._handleCallback = function(t, e, r) {
   if (e) {
     const n = this._getPreferredOutput(t);
-    t.path = typeof t.path == "string" ? t.path : D.toPathString(t.path), e(n, r, t);
+    t.path = typeof t.path == "string" ? t.path : k.toPathString(t.path), e(n, r, t);
   }
 };
-D.prototype._trace = function(t, e, r, n, o, s, a, i) {
+k.prototype._trace = function(t, e, r, n, o, s, a, i) {
   let l;
   if (!t.length)
     return l = {
@@ -1069,27 +1069,27 @@ D.prototype._trace = function(t, e, r, n, o, s, a, i) {
       parentProperty: o,
       hasArrExpr: a
     }, this._handleCallback(l, s, "value"), l;
-  const u = t[0], p = t.slice(1), m = [];
+  const u = t[0], d = t.slice(1), m = [];
   function f(h) {
-    Array.isArray(h) ? h.forEach((g) => {
-      m.push(g);
+    Array.isArray(h) ? h.forEach((b) => {
+      m.push(b);
     }) : m.push(h);
   }
   if ((typeof u != "string" || i) && e && Object.hasOwn(e, u))
-    f(this._trace(p, e[u], ae(r, u), e, u, s, a));
+    f(this._trace(d, e[u], ae(r, u), e, u, s, a));
   else if (u === "*")
     this._walk(e, (h) => {
-      f(this._trace(p, e[h], ae(r, h), e, h, s, !0, !0));
+      f(this._trace(d, e[h], ae(r, h), e, h, s, !0, !0));
     });
   else if (u === "..")
-    f(this._trace(p, e, r, n, o, s, a)), this._walk(e, (h) => {
+    f(this._trace(d, e, r, n, o, s, a)), this._walk(e, (h) => {
       typeof e[h] == "object" && f(this._trace(t.slice(), e[h], ae(r, h), e, h, s, !0));
     });
   else {
     if (u === "^")
       return this._hasParentSelector = !0, {
         path: r.slice(0, -1),
-        expr: p,
+        expr: d,
         isParentSelector: !0
       };
     if (u === "~")
@@ -1100,27 +1100,27 @@ D.prototype._trace = function(t, e, r, n, o, s, a, i) {
         parentProperty: null
       }, this._handleCallback(l, s, "property"), l;
     if (u === "$")
-      f(this._trace(p, e, r, null, null, s, a));
+      f(this._trace(d, e, r, null, null, s, a));
     else if (/^(-?\d*):(-?\d*):?(\d*)$/u.test(u))
-      f(this._slice(u, p, e, r, n, o, s));
+      f(this._slice(u, d, e, r, n, o, s));
     else if (u.indexOf("?(") === 0) {
       if (this.currEval === !1)
         throw new Error("Eval [?(expr)] prevented in JSONPath expression.");
-      const h = u.replace(/^\?\((.*?)\)$/u, "$1"), g = /@.?([^?]*)[['](\??\(.*?\))(?!.\)\])[\]']/gu.exec(h);
-      g ? this._walk(e, (P) => {
-        const A = [g[2]], C = g[1] ? e[P][g[1]] : e[P];
-        this._trace(A, C, r, n, o, s, !0).length > 0 && f(this._trace(p, e[P], ae(r, P), e, P, s, !0));
+      const h = u.replace(/^\?\((.*?)\)$/u, "$1"), b = /@.?([^?]*)[['](\??\(.*?\))(?!.\)\])[\]']/gu.exec(h);
+      b ? this._walk(e, (P) => {
+        const A = [b[2]], T = b[1] ? e[P][b[1]] : e[P];
+        this._trace(A, T, r, n, o, s, !0).length > 0 && f(this._trace(d, e[P], ae(r, P), e, P, s, !0));
       }) : this._walk(e, (P) => {
-        this._eval(h, e[P], P, r, n, o) && f(this._trace(p, e[P], ae(r, P), e, P, s, !0));
+        this._eval(h, e[P], P, r, n, o) && f(this._trace(d, e[P], ae(r, P), e, P, s, !0));
       });
     } else if (u[0] === "(") {
       if (this.currEval === !1)
         throw new Error("Eval [(expr)] prevented in JSONPath expression.");
-      f(this._trace(ke(this._eval(u, e, r.at(-1), r.slice(0, -1), n, o), p), e, r, n, o, s, a));
+      f(this._trace(De(this._eval(u, e, r.at(-1), r.slice(0, -1), n, o), d), e, r, n, o, s, a));
     } else if (u[0] === "@") {
       let h = !1;
-      const g = u.slice(1, -2);
-      switch (g) {
+      const b = u.slice(1, -2);
+      switch (b) {
         case "scalar":
           (!e || !["object", "function"].includes(typeof e)) && (h = !0);
           break;
@@ -1128,7 +1128,7 @@ D.prototype._trace = function(t, e, r, n, o, s, a, i) {
         case "string":
         case "undefined":
         case "function":
-          typeof e === g && (h = !0);
+          typeof e === b && (h = !0);
           break;
         case "integer":
           Number.isFinite(e) && !(e % 1) && (h = !0);
@@ -1140,7 +1140,7 @@ D.prototype._trace = function(t, e, r, n, o, s, a, i) {
           typeof e == "number" && !Number.isFinite(e) && (h = !0);
           break;
         case "object":
-          e && typeof e === g && (h = !0);
+          e && typeof e === b && (h = !0);
           break;
         case "array":
           Array.isArray(e) && (h = !0);
@@ -1153,7 +1153,7 @@ D.prototype._trace = function(t, e, r, n, o, s, a, i) {
           break;
         /* c8 ignore next 2 */
         default:
-          throw new TypeError("Unknown value type " + g);
+          throw new TypeError("Unknown value type " + b);
       }
       if (h)
         return l = {
@@ -1164,30 +1164,30 @@ D.prototype._trace = function(t, e, r, n, o, s, a, i) {
         }, this._handleCallback(l, s, "value"), l;
     } else if (u[0] === "`" && e && Object.hasOwn(e, u.slice(1))) {
       const h = u.slice(1);
-      f(this._trace(p, e[h], ae(r, h), e, h, s, a, !0));
+      f(this._trace(d, e[h], ae(r, h), e, h, s, a, !0));
     } else if (u.includes(",")) {
       const h = u.split(",");
-      for (const g of h)
-        f(this._trace(ke(g, p), e, r, n, o, s, !0));
-    } else !i && e && Object.hasOwn(e, u) && f(this._trace(p, e[u], ae(r, u), e, u, s, a, !0));
+      for (const b of h)
+        f(this._trace(De(b, d), e, r, n, o, s, !0));
+    } else !i && e && Object.hasOwn(e, u) && f(this._trace(d, e[u], ae(r, u), e, u, s, a, !0));
   }
   if (this._hasParentSelector)
     for (let h = 0; h < m.length; h++) {
-      const g = m[h];
-      if (g && g.isParentSelector) {
-        const P = this._trace(g.expr, e, g.path, n, o, s, a);
+      const b = m[h];
+      if (b && b.isParentSelector) {
+        const P = this._trace(b.expr, e, b.path, n, o, s, a);
         if (Array.isArray(P)) {
           m[h] = P[0];
           const A = P.length;
-          for (let C = 1; C < A; C++)
-            h++, m.splice(h, 0, P[C]);
+          for (let T = 1; T < A; T++)
+            h++, m.splice(h, 0, P[T]);
         } else
           m[h] = P;
       }
     }
   return m;
 };
-D.prototype._walk = function(t, e) {
+k.prototype._walk = function(t, e) {
   if (Array.isArray(t)) {
     const r = t.length;
     for (let n = 0; n < r; n++)
@@ -1196,67 +1196,67 @@ D.prototype._walk = function(t, e) {
     e(r);
   });
 };
-D.prototype._slice = function(t, e, r, n, o, s, a) {
+k.prototype._slice = function(t, e, r, n, o, s, a) {
   if (!Array.isArray(r))
     return;
   const i = r.length, l = t.split(":"), u = l[2] && Number.parseInt(l[2]) || 1;
-  let p = l[0] && Number.parseInt(l[0]) || 0, m = l[1] && Number.parseInt(l[1]) || i;
-  p = p < 0 ? Math.max(0, p + i) : Math.min(i, p), m = m < 0 ? Math.max(0, m + i) : Math.min(i, m);
+  let d = l[0] && Number.parseInt(l[0]) || 0, m = l[1] && Number.parseInt(l[1]) || i;
+  d = d < 0 ? Math.max(0, d + i) : Math.min(i, d), m = m < 0 ? Math.max(0, m + i) : Math.min(i, m);
   const f = [];
-  for (let h = p; h < m; h += u)
-    this._trace(ke(h, e), r, n, o, s, a, !0).forEach((P) => {
+  for (let h = d; h < m; h += u)
+    this._trace(De(h, e), r, n, o, s, a, !0).forEach((P) => {
       f.push(P);
     });
   return f;
 };
-D.prototype._eval = function(t, e, r, n, o, s) {
+k.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 a = t.includes("@path");
-  a && (this.currSandbox._$_path = D.toPathString(n.concat([r])));
+  a && (this.currSandbox._$_path = k.toPathString(n.concat([r])));
   const i = this.currEval + "Script:" + t;
-  if (!D.cache[i]) {
+  if (!k.cache[i]) {
     let l = t.replaceAll("@parentProperty", "_$_parentProperty").replaceAll("@parent", "_$_parent").replaceAll("@property", "_$_property").replaceAll("@root", "_$_root").replaceAll(/@([.\s)[])/gu, "_$_v$1");
     if (a && (l = l.replaceAll("@path", "_$_path")), this.currEval === "safe" || this.currEval === !0 || this.currEval === void 0)
-      D.cache[i] = new this.safeVm.Script(l);
+      k.cache[i] = new this.safeVm.Script(l);
     else if (this.currEval === "native")
-      D.cache[i] = new this.vm.Script(l);
+      k.cache[i] = new this.vm.Script(l);
     else if (typeof this.currEval == "function" && this.currEval.prototype && Object.hasOwn(this.currEval.prototype, "runInNewContext")) {
       const u = this.currEval;
-      D.cache[i] = new u(l);
+      k.cache[i] = new u(l);
     } else if (typeof this.currEval == "function")
-      D.cache[i] = {
+      k.cache[i] = {
         runInNewContext: (u) => this.currEval(l, u)
       };
     else
       throw new TypeError(`Unknown "eval" property "${this.currEval}"`);
   }
   try {
-    return D.cache[i].runInNewContext(this.currSandbox);
+    return k.cache[i].runInNewContext(this.currSandbox);
   } catch (l) {
     if (this.ignoreEvalErrors)
       return !1;
     throw new Error("jsonPath: " + l.message + ": " + t);
   }
 };
-D.cache = {};
-D.toPathString = function(t) {
+k.cache = {};
+k.toPathString = function(t) {
   const e = t, r = e.length;
   let n = "$";
   for (let o = 1; o < r; o++)
     /^(~|\^|@.*?\(\))$/u.test(e[o]) || (n += /^[0-9*]+$/u.test(e[o]) ? "[" + e[o] + "]" : "['" + e[o] + "']");
   return n;
 };
-D.toPointer = function(t) {
+k.toPointer = function(t) {
   const e = t, r = e.length;
   let n = "";
   for (let o = 1; o < r; o++)
     /^(~|\^|@.*?\(\))$/u.test(e[o]) || (n += "/" + e[o].toString().replaceAll("~", "~0").replaceAll("/", "~1"));
   return n;
 };
-D.toPathArray = function(t) {
+k.toPathArray = function(t) {
   const {
     cache: e
-  } = D;
+  } = k;
   if (e[t])
     return e[t].concat();
   const r = [], o = t.replaceAll(/@(?:null|boolean|number|string|integer|undefined|nonFinite|scalar|array|object|function|other)\(\)/gu, ";$&;").replaceAll(/[['](\??\(.*?\))[\]'](?!.\])/gu, function(s, a) {
@@ -1271,7 +1271,7 @@ D.toPathArray = function(t) {
   });
   return e[t] = o, e[t].concat();
 };
-D.prototype.safeVm = {
+k.prototype.safeVm = {
   Script: Ft
 };
 const Vt = function(t, e, r) {
@@ -1298,18 +1298,18 @@ class Kt {
     const n = Object.keys(e), o = [];
     Vt(n, o, (u) => typeof e[u] == "function");
     const s = n.map((u) => e[u]);
-    r = o.reduce((u, p) => {
-      let m = e[p].toString();
-      return /function/u.test(m) || (m = "function " + m), "var " + p + "=" + m + ";" + u;
+    r = o.reduce((u, d) => {
+      let m = e[d].toString();
+      return /function/u.test(m) || (m = "function " + m), "var " + d + "=" + m + ";" + u;
     }, "") + r, !/(['"])use strict\1/u.test(r) && !n.includes("arguments") && (r = "var arguments = undefined;" + r), r = r.replace(/;\s*$/u, "");
     const i = r.lastIndexOf(";"), l = i !== -1 ? r.slice(0, i + 1) + " return " + r.slice(i + 1) : " return " + r;
     return new Function(...n, l)(...s);
   }
 }
-D.prototype.vm = {
+k.prototype.vm = {
   Script: Kt
 };
-function De(t, e, r) {
+function Ae(t, e, r) {
   const n = e.replace(/^\$\.?/, "").split(/\.|\[|\]/).filter(Boolean);
   let o = t;
   for (let a = 0; a < n.length - 1; a++) {
@@ -1317,8 +1317,8 @@ function De(t, e, r) {
     if (i === "__proto__" || i === "constructor" || i === "prototype")
       throw new Error("Invalid path part: " + i);
     if (i in o || (o[i] = u ? [] : {}), u) {
-      const p = parseInt(l, 10);
-      Array.isArray(o[i]) || (o[i] = []), o[i].length <= p && (o[i][p] = a === n.length - 2 ? r : {}), o = o[i][p], a++;
+      const d = parseInt(l, 10);
+      Array.isArray(o[i]) || (o[i] = []), o[i].length <= d && (o[i][d] = a === n.length - 2 ? r : {}), o = o[i][d], a++;
     } else
       o = o[i];
   }
@@ -1332,33 +1332,41 @@ function De(t, e, r) {
     o[s] = r;
 }
 const Xt = (t, e) => {
-  const r = {};
-  return t && Object.entries(t).forEach(([n, o]) => {
-    const s = e[n];
-    s !== void 0 && Object.entries(o).forEach(([a, i]) => {
-      const l = D({
-        path: i,
-        json: s,
-        resultType: "value"
-      });
-      l.length && De(r, a, l[0]);
+  if (typeof t != "string") return;
+  const r = k({ path: t, json: e, resultType: "value" });
+  return r.length ? r[0] : void 0;
+}, zt = (t, e, r) => {
+  const n = {};
+  return t && Object.entries(t).forEach(([o, s]) => {
+    const a = e[o];
+    a !== void 0 && Object.entries(s).forEach(([i, l]) => {
+      const u = r ? r.resolvePropertyValue(l, a) : Xt(l, a);
+      u !== void 0 && Ae(n, i, u);
     });
-  }), r;
-}, zt = (t, e = {}) => ({
-  props: _(
-    () => Xt(Be(t)?.slotsPropsPropsMap, Be(e) || {})
+  }), n;
+}, qt = (t, e = {}, r) => ({
+  props: C(
+    () => zt(
+      we(t)?.slotsPropsPropsMap,
+      we(e) || {},
+      we(r)
+    )
   )
-}), qt = (t, e) => {
+}), Yt = (t, e) => {
   if (!t)
     return e.componentName;
   const r = t.resolveComponent(e);
   return r ? typeof r == "function" && !("setup" in r) && !("render" in r) ? Et(r) : r : t.resolve(e.componentName)?.componentName || e.componentName;
-}, _e = (t, e = {}) => {
-  const r = ge("resolver"), n = _(() => !r || !t?.value ? {} : r.value.resolve(
+}, Pe = (t, e = {}) => {
+  const r = ge("resolver"), n = C(() => !r || !t?.value ? {} : r.value.resolve(
     t.value.componentName
-  )), o = _(() => n.value?.defaultProps || {}), s = _(
-    () => qt(r?.value, t.value)
-  ), { props: a } = zt(t, e), i = _(() => ({
+  )), o = C(() => n.value?.defaultProps || {}), s = C(
+    () => Yt(r?.value, t.value)
+  ), { props: a } = qt(
+    t,
+    e,
+    () => r?.value
+  ), i = C(() => ({
     ...o.value,
     ...t.value?.props,
     ...a.value
@@ -1370,47 +1378,47 @@ const Xt = (t, e) => {
     componentToRender: s,
     props: i
   };
-}, Yt = /* @__PURE__ */ B({
+}, Qt = /* @__PURE__ */ L({
   name: "CraftCanvas",
   __name: "CraftCanvas",
   props: {
     componentName: {}
   },
   setup(t) {
-    const e = Qe(), r = Ct(), n = t, o = _(() => ({
+    const e = Qe(), r = Ct(), n = t, o = C(() => ({
       componentName: n.componentName,
       props: {},
       slots: {},
       uuid: ""
-    })), { componentToRender: s } = _e(o);
-    return (a, i) => d(s) ? (v(), $(Ce(d(s)), Le(xe({ key: 0 }, d(r))), Ne({ _: 2 }, [
-      U(d(e), (l, u) => ({
+    })), { componentToRender: s } = Pe(o);
+    return (a, i) => p(s) ? (v(), M(Ce(p(s)), Le(Se({ key: 0 }, p(r))), Ne({ _: 2 }, [
+      j(p(e), (l, u) => ({
         name: u,
-        fn: G((p) => [
-          J(a.$slots, u, Le(Nt(p || {})))
+        fn: G((d) => [
+          J(a.$slots, u, Le(Nt(d || {})))
         ])
       }))
-    ]), 1040)) : M("", !0);
+    ]), 1040)) : R("", !0);
   }
-}), Qt = () => {
+}), Gt = () => {
   const t = ge("craftNode");
   if (!t)
     throw new Error("craftNode or resolver not provided");
-  const { resolver: e, resolvedNode: r, defaultProps: n } = _e(t);
+  const { resolver: e, resolvedNode: r, defaultProps: n } = Pe(t);
   return {
     craftNode: t,
     resolver: e,
     resolvedNode: r,
     defaultProps: n
   };
-}, tt = (t) => t.visible === void 0 || t.visible, Gt = (t) => {
+}, tt = (t) => t.visible === void 0 || t.visible, Wt = (t) => {
   let e = t;
   const r = q();
   for (; e.parentUuid; )
     if (e = r.nodeMap.get(e.parentUuid), W(e))
       return !0;
   return !1;
-}, Wt = (t) => Gt(t) ? t.rules?.canDrag ? t.rules.canDrag(t) : !0 : !1, rt = (t, e) => {
+}, Zt = (t) => Wt(t) ? t.rules?.canDrag ? t.rules.canDrag(t) : !0 : !1, rt = (t, e) => {
   const r = q();
   let n = e;
   for (; n?.parentUuid; ) {
@@ -1429,7 +1437,7 @@ const Xt = (t, e) => {
       return;
   }
   return !(a.canMoveInto && !a.canMoveInto(t, e, r) || rt(t, e) || s.canMoveIn && !s.canMoveIn(t, e, r));
-}, W = (t) => t.componentName === "CraftCanvas", Pe = (t, e, r) => {
+}, W = (t) => t.componentName === "CraftCanvas", _e = (t, e, r) => {
   const n = q();
   return e.uuid === t.uuid || !e.parentUuid ? !1 : me(
     t,
@@ -1593,7 +1601,7 @@ const Xt = (t, e) => {
     },
     insertNodeBefore(t, e, r) {
       if (!this.resolver) throw new Error("Resolver is not set");
-      if (!Pe(t, e, this.resolver))
+      if (!_e(t, e, this.resolver))
         throw new Error("Can not be the sibling of the target node.");
       t = this.emancipateNode(t);
       const n = e.parentUuid;
@@ -1613,7 +1621,7 @@ const Xt = (t, e) => {
     },
     insertNodeAfter(t, e, r) {
       if (!this.resolver) throw new Error("Resolver is not set");
-      if (!Pe(t, e, this.resolver))
+      if (!_e(t, e, this.resolver))
         throw new Error("Can not be the sibling of the target node.");
       t = this.emancipateNode(t);
       const n = e.parentUuid;
@@ -1663,7 +1671,7 @@ const Xt = (t, e) => {
       return t.rootNodes.map((r) => e(r));
     }
   }
-}), Zt = ["value", "onKeyup"], Jt = /* @__PURE__ */ B({
+}), Jt = ["value", "onKeyup"], er = /* @__PURE__ */ L({
   __name: "CraftComponentSimpleText",
   props: {
     content: { default: "Lorem ipsum dolor sit amet..." },
@@ -1678,9 +1686,9 @@ const Xt = (t, e) => {
       } catch {
         return null;
       }
-    })(), a = s ? se(s).enabled : K(!1), i = K(!1), l = K(null), u = K(""), { craftNode: p } = Qt(), m = _(() => !!s && a.value), f = _(() => m.value && !i.value), h = () => {
-      f.value && g();
-    }, g = () => {
+    })(), a = s ? se(s).enabled : K(!1), i = K(!1), l = K(null), u = K(""), { craftNode: d } = Gt(), m = C(() => !!s && a.value), f = C(() => m.value && !i.value), h = () => {
+      f.value && b();
+    }, b = () => {
       u.value = r.content, i.value = !0, s?.disableDragging(), ve(() => {
         l.value && (l.value.focus(), P());
       });
@@ -1689,20 +1697,20 @@ const Xt = (t, e) => {
     }, A = async () => {
       if (s?.enableDragging(), !i.value) return;
       i.value = !1;
-      const b = l.value?.value.trim() ?? "";
-      b !== r.content && p.value?.uuid && (s?.nodeMap.set(p.value.uuid, {
-        ...p.value,
+      const U = l.value?.value.trim() ?? "";
+      U !== r.content && d.value?.uuid && (s?.nodeMap.set(d.value.uuid, {
+        ...d.value,
         props: {
-          ...p.value.props,
-          content: b
+          ...d.value.props,
+          content: U
         }
-      }), await ve(), n("update:content", b));
-    }, C = () => {
+      }), await ve(), n("update:content", U));
+    }, T = () => {
       i.value = !1, n("update:content", u.value);
     };
-    return s && ne(a, (b) => {
-      !b && i.value && C();
-    }), (b, T) => (v(), $(Ce(t.componentName), {
+    return s && ne(a, (U) => {
+      !U && i.value && T();
+    }), (U, _) => (v(), M(Ce(t.componentName), {
       class: ye({
         "pre-wrap": !i.value,
         "editable-text": m.value,
@@ -1713,7 +1721,7 @@ const Xt = (t, e) => {
     }, {
       default: G(() => [
         ie(oe(i.value ? "" : t.content) + " ", 1),
-        i.value ? (v(), N("textarea", {
+        i.value ? (v(), E("textarea", {
           key: 0,
           ref_key: "textareaRef",
           ref: l,
@@ -1723,9 +1731,9 @@ const Xt = (t, e) => {
           onBlur: A,
           onKeyup: [
             Fe(V(A, ["exact"]), ["enter"]),
-            Fe(C, ["esc"])
+            Fe(T, ["esc"])
           ]
-        }, null, 40, Zt)) : M("", !0)
+        }, null, 40, Jt)) : R("", !0)
       ]),
       _: 1
     }, 40, ["class"]));
@@ -1734,6 +1742,7 @@ const Xt = (t, e) => {
 class Oe {
   resolverMap = {};
   resolveComponentHook;
+  resolvePropertyValueHook;
   constructor(e = {}) {
     return this.setResolverMap(e), Ge(this);
   }
@@ -1745,6 +1754,16 @@ class Oe {
   onResolveComponent(e) {
     this.resolveComponentHook = e;
   }
+  onResolvePropertyValue(e) {
+    this.resolvePropertyValueHook = e;
+  }
+  resolvePropertyValue(e, r) {
+    const n = (o) => {
+      const s = k({ path: o, json: r, resultType: "value" });
+      return s.length ? s[0] : void 0;
+    };
+    return this.resolvePropertyValueHook ? this.resolvePropertyValueHook(e, r, n) : typeof e == "string" ? n(e) : void 0;
+  }
   resolve(e) {
     return this.resolverMap[e];
   }
@@ -1780,7 +1799,7 @@ class Oe {
     return this.resolveNode(e)?.slotsProps || {};
   }
 }
-const Ue = Ze("indicator", {
+const je = Ze("indicator", {
   state: () => ({
     barSize: 2,
     visible: !1,
@@ -1850,7 +1869,7 @@ function Ke(t) {
     s[a] = parseInt(s[a].slice(0, -2), 10);
   }), s;
 }
-const er = /* @__PURE__ */ B({
+const tr = /* @__PURE__ */ L({
   __name: "CraftEditor",
   props: {
     config: {},
@@ -1858,7 +1877,7 @@ const er = /* @__PURE__ */ B({
   },
   emits: ["nodeDragStart", "nodeDragEnd", "iframeLoad"],
   setup(t, { emit: e }) {
-    const r = t, n = e, o = q(), s = Ue(), { getDraggedNode: a } = se(o);
+    const r = t, n = e, o = q(), s = je(), { getDraggedNode: a } = se(o);
     ne(a, (l) => {
       if (l) {
         n("nodeDragStart", l);
@@ -1870,8 +1889,8 @@ const er = /* @__PURE__ */ B({
       r.config.resolver || new Oe(r.config.resolverMap)
     );
     return te("resolver", i), (l, u) => {
-      const p = H("CraftFrame"), m = H("CraftEditorPanelLayout");
-      return v(), $(m, {
+      const d = H("CraftFrame"), m = H("CraftEditorPanelLayout");
+      return v(), M(m, {
         blueprints: t.config.blueprintsLibrary
       }, Ne({ _: 2 }, [
         l.$slots["panel-layout"] ? {
@@ -1886,7 +1905,7 @@ const er = /* @__PURE__ */ B({
         } : {
           name: "default",
           fn: G(() => [
-            Q(p, {
+            Q(d, {
               iframe: t.iframe,
               resolverMap: t.config.resolverMap,
               onIframeLoad: u[0] || (u[0] = (f) => n("iframeLoad", f))
@@ -1902,7 +1921,7 @@ const er = /* @__PURE__ */ B({
       ]), 1032, ["blueprints"]);
     };
   }
-}), tr = /* @__PURE__ */ B({
+}), rr = /* @__PURE__ */ L({
   name: "CraftEditorBlueprint",
   __name: "CraftEditorBlueprint",
   props: {
@@ -1914,7 +1933,7 @@ const er = /* @__PURE__ */ B({
     }, o = (s) => {
       s.stopPropagation(), e.dragNode(null);
     };
-    return (s, a) => (v(), N("div", {
+    return (s, a) => (v(), E("div", {
       draggable: !0,
       onDragstart: V(n, ["stop"]),
       onDragend: o
@@ -1937,11 +1956,11 @@ const er = /* @__PURE__ */ B({
     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)`;
-}, rr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, nr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   blueprintsWithDefaults: st,
   generateColorFromUUID: at
-}, Symbol.toStringTag, { value: "Module" })), nr = { key: 0 }, or = { class: "flex flex-wrap gap-2 p-1" }, sr = { class: "v-craft-blueprint" }, ar = { class: "v-craft-blueprint-label" }, ir = /* @__PURE__ */ B({
+}, Symbol.toStringTag, { value: "Module" })), or = { key: 0 }, sr = { class: "flex flex-wrap gap-2 p-1" }, ar = { class: "v-craft-blueprint" }, ir = { class: "v-craft-blueprint-label" }, lr = /* @__PURE__ */ L({
   __name: "CraftEditorBlueprintsList",
   props: {
     blueprints: {}
@@ -1950,21 +1969,21 @@ const er = /* @__PURE__ */ B({
     const e = ge("resolver");
     return (r, n) => {
       const o = H("CraftEditorBlueprint");
-      return d(e) ? (v(), N("div", nr, [
-        (v(!0), N(j, null, U(t.blueprints.groups, (s) => (v(), N("div", null, [
+      return p(e) ? (v(), E("div", or, [
+        (v(!0), E(B, null, j(t.blueprints.groups, (s) => (v(), E("div", null, [
           J(r.$slots, "blueprint-group", {
             group: s,
-            resolver: d(e)
+            resolver: p(e)
           }, () => [
             O("h4", null, oe(s.label), 1),
-            O("div", or, [
-              (v(!0), N(j, null, U(d(st)(s, d(e)), (a, i) => (v(), $(o, {
+            O("div", sr, [
+              (v(!0), E(B, null, j(p(st)(s, p(e)), (a, i) => (v(), M(o, {
                 craftNode: a,
                 key: i
               }, {
                 default: G(() => [
-                  O("div", sr, [
-                    O("div", ar, oe(a.label), 1)
+                  O("div", ar, [
+                    O("div", ir, oe(a.label), 1)
                   ])
                 ]),
                 _: 2
@@ -1972,10 +1991,10 @@ const er = /* @__PURE__ */ B({
             ])
           ])
         ]))), 256))
-      ])) : M("", !0);
+      ])) : R("", !0);
     };
   }
-}), lr = { class: "v-craft-panel v-craft-blueprints-panel" }, ur = { class: "v-craft-panel-content" }, cr = /* @__PURE__ */ B({
+}), ur = { class: "v-craft-panel v-craft-blueprints-panel" }, cr = { class: "v-craft-panel-content" }, dr = /* @__PURE__ */ L({
   name: "CraftEditorPanelBlueprints",
   __name: "CraftEditorPanelBlueprints",
   props: {
@@ -1985,9 +2004,9 @@ const er = /* @__PURE__ */ B({
   setup(t) {
     return (e, r) => {
       const n = H("CraftEditorBlueprintsList");
-      return v(), N("div", lr, [
+      return v(), E("div", ur, [
         r[0] || (r[0] = O("h3", { class: "v-craft-title" }, "blueprints", -1)),
-        O("div", ur, [
+        O("div", cr, [
           Q(n, { blueprints: t.blueprints }, null, 8, ["blueprints"])
         ])
       ]);
@@ -1998,7 +2017,7 @@ const er = /* @__PURE__ */ B({
   for (const [n, o] of e)
     r[n] = o;
   return r;
-}, dr = /* @__PURE__ */ Ee(cr, [["__scopeId", "data-v-a6de4dca"]]), pr = /* @__PURE__ */ B({
+}, pr = /* @__PURE__ */ Ee(dr, [["__scopeId", "data-v-a6de4dca"]]), fr = /* @__PURE__ */ L({
   __name: "CraftEditorPanelForm",
   props: {
     craftNode: {},
@@ -2007,21 +2026,21 @@ const er = /* @__PURE__ */ B({
   },
   emits: ["update"],
   setup(t, { emit: e }) {
-    const r = t, n = e, o = he(r, "model"), s = he(r, "schema"), a = he(r, "craftNode"), i = _(
+    const r = t, n = e, o = he(r, "model"), s = he(r, "schema"), a = he(r, "craftNode"), i = C(
       () => o.value ? { ...o.value } : {}
-    ), l = Je((p) => {
-      n("update", p);
-    }, 50), u = (p) => {
-      p != null && l(p);
+    ), l = Je((d) => {
+      n("update", d);
+    }, 50), u = (d) => {
+      d != null && l(d);
     };
-    return _t(() => l.cancel()), (p, m) => J(p.$slots, "panel-content", {
+    return Pt(() => l.cancel()), (d, m) => J(d.$slots, "panel-content", {
       craftNode: a.value,
       model: i.value,
       handleFormInput: u,
       schema: s.value
     });
   }
-}), fr = { class: "v-craft-panel v-craft-layers-panel" }, hr = { class: "v-craft-layers" }, vr = { class: "v-craft-node-layers" }, mr = /* @__PURE__ */ B({
+}), hr = { class: "v-craft-panel v-craft-layers-panel" }, vr = { class: "v-craft-layers" }, mr = { class: "v-craft-node-layers" }, gr = /* @__PURE__ */ L({
   name: "CraftEditorPanelLayers",
   __name: "CraftEditorPanelLayers",
   setup(t) {
@@ -2030,11 +2049,11 @@ const er = /* @__PURE__ */ B({
     };
     return (o, s) => {
       const a = H("CraftEditorPanelNodeLayer");
-      return v(), N("div", fr, [
+      return v(), E("div", hr, [
         s[0] || (s[0] = O("h3", { class: "v-craft-title" }, "tree", -1)),
-        O("div", hr, [
-          O("ul", vr, [
-            (v(!0), N(j, null, U(d(r), (i, l) => (v(), $(a, {
+        O("div", vr, [
+          O("ul", mr, [
+            (v(!0), E(B, null, j(p(r), (i, l) => (v(), M(a, {
               key: l,
               craftNode: i,
               onLayerClick: n
@@ -2044,10 +2063,10 @@ const er = /* @__PURE__ */ B({
       ]);
     };
   }
-}), gr = /* @__PURE__ */ Ee(mr, [["__scopeId", "data-v-ab795ec3"]]), yr = { key: 0 }, br = {
+}), yr = /* @__PURE__ */ Ee(gr, [["__scopeId", "data-v-ab795ec3"]]), br = { key: 0 }, Er = {
   key: 1,
   class: "v-craft-panel-manager"
-}, Er = { class: "flex w-full justify-between gap-10" }, Cr = { class: "v-craft-grid-panel v-craft-panel-left shrink" }, Nr = { class: "v-craft-grid-panel v-craft-panel-right shrink max-w-[20vw]" }, _r = /* @__PURE__ */ B({
+}, Cr = { class: "flex w-full justify-between gap-10" }, Nr = { class: "v-craft-grid-panel v-craft-panel-left shrink" }, Pr = { class: "v-craft-grid-panel v-craft-panel-right shrink max-w-[20vw]" }, _r = /* @__PURE__ */ L({
   __name: "CraftEditorPanelLayout",
   props: {
     blueprints: {}
@@ -2058,14 +2077,14 @@ const er = /* @__PURE__ */ B({
     };
     return (n, o) => {
       const s = H("CraftEditorPanelBlueprints"), a = H("CraftEditorPanelLayers"), i = H("CraftEditorPanelSettings");
-      return n.$slots["panel-layout"] ? (v(), N("div", yr, [
+      return n.$slots["panel-layout"] ? (v(), E("div", br, [
         J(n.$slots, "panel-layout", {
           blueprints: t.blueprints,
           deselectNodes: r
         }, void 0, !0)
-      ])) : (v(), N("div", br, [
-        O("div", Er, [
-          O("div", Cr, [
+      ])) : (v(), E("div", Er, [
+        O("div", Cr, [
+          O("div", Nr, [
             Q(s, { blueprints: t.blueprints }, null, 8, ["blueprints"])
           ]),
           O("div", {
@@ -2074,7 +2093,7 @@ const er = /* @__PURE__ */ B({
           }, [
             J(n.$slots, "default", {}, void 0, !0)
           ]),
-          O("div", Nr, [
+          O("div", Pr, [
             Q(a),
             Q(i)
           ])
@@ -2082,13 +2101,13 @@ const er = /* @__PURE__ */ B({
       ]));
     };
   }
-}), Pr = /* @__PURE__ */ Ee(_r, [["__scopeId", "data-v-7dd1d43b"]]), xr = {
+}), Sr = /* @__PURE__ */ Ee(_r, [["__scopeId", "data-v-7dd1d43b"]]), xr = {
   key: 0,
   class: "v-craft-panel-settings formkit-fieldset v-craft-scrollable-content"
-}, Sr = {
+}, Or = {
   key: 0,
   class: "formkit-help v-craft-data-source-error"
-}, Or = /* @__PURE__ */ B({
+}, wr = /* @__PURE__ */ L({
   __name: "CraftEditorPanelNodeDataSourceSettings",
   props: {
     craftNode: {},
@@ -2119,12 +2138,12 @@ const er = /* @__PURE__ */ B({
       } catch {
         i.value = "Invalid JSON - not applied until fixed.";
       }
-    }, p = (f) => {
+    }, d = (f) => {
       s.value = f === "list" ? "list" : "single", u();
     }, m = (f) => {
       a.value = f, u();
     };
-    return (f, h) => o.value ? (v(), N("fieldset", xr, [
+    return (f, h) => o.value ? (v(), E("fieldset", xr, [
       h[2] || (h[2] = O("legend", { class: "formkit-legend" }, "Data Source", -1)),
       h[3] || (h[3] = O("p", { class: "formkit-help" }, [
         ie(" Paste JSON here to experiment with mapping data fields into this subtree's props. Descendants read it via "),
@@ -2137,7 +2156,7 @@ const er = /* @__PURE__ */ B({
         O("code", null, "editor.setNodeData()"),
         ie(" directly. ")
       ], -1)),
-      Q(d(le), {
+      Q(p(le), {
         type: "select",
         label: "Type",
         options: [
@@ -2145,22 +2164,22 @@ const er = /* @__PURE__ */ B({
           { value: "list", label: "List" }
         ],
         value: s.value,
-        onInput: h[0] || (h[0] = (g) => p(String(g ?? "single")))
+        onInput: h[0] || (h[0] = (b) => d(String(b ?? "single")))
       }, null, 8, ["value"]),
-      Q(d(le), {
+      Q(p(le), {
         type: "textarea",
         label: "JSON",
         placeholder: s.value === "list" ? '[{ "title": "Alice" }, { "title": "Bob" }]' : '{ "title": "Alice" }',
         value: a.value,
-        onInput: h[1] || (h[1] = (g) => m(String(g ?? "")))
+        onInput: h[1] || (h[1] = (b) => m(String(b ?? "")))
       }, null, 8, ["placeholder", "value"]),
-      i.value ? (v(), N("p", Sr, oe(i.value), 1)) : M("", !0)
-    ])) : M("", !0);
+      i.value ? (v(), E("p", Or, oe(i.value), 1)) : R("", !0)
+    ])) : R("", !0);
   }
-}), wr = /* @__PURE__ */ Ee(Or, [["__scopeId", "data-v-7c1c5696"]]), kr = {
+}), kr = /* @__PURE__ */ Ee(wr, [["__scopeId", "data-v-7c1c5696"]]), Dr = {
   key: 0,
   class: "v-craft-panel-settings formkit-fieldset v-craft-scrollable-content"
-}, Dr = /* @__PURE__ */ B({
+}, Ar = /* @__PURE__ */ L({
   __name: "CraftEditorPanelNodeEventsSettings",
   props: {
     craftNode: {},
@@ -2171,37 +2190,37 @@ const er = /* @__PURE__ */ B({
     const r = t, { craftNode: n, schema: o } = be(r), s = e;
     return (a, i) => {
       const l = H("CraftEditorPanelForm");
-      return v(), $(l, {
-        craftNode: d(n),
-        schema: d(o),
-        model: d(n)?.events,
+      return v(), M(l, {
+        craftNode: p(n),
+        schema: p(o),
+        model: p(n)?.events,
         onUpdate: i[0] || (i[0] = (u) => s("update:events", u))
       }, {
-        "panel-content": G(({ craftNode: u, model: p, handleFormInput: m, schema: f }) => [
-          f ? (v(), N("fieldset", kr, [
+        "panel-content": G(({ craftNode: u, model: d, handleFormInput: m, schema: f }) => [
+          f ? (v(), E("fieldset", Dr, [
             i[1] || (i[1] = O("legend", { class: "formkit-legend" }, "Events", -1)),
-            (v(), $(d(le), {
+            (v(), M(p(le), {
               key: u?.uuid,
               type: "form",
-              value: p,
+              value: d,
               onInput: m,
               actions: !1
             }, {
               default: G(() => [
-                Q(d(et), { schema: f }, null, 8, ["schema"])
+                Q(p(et), { schema: f }, null, 8, ["schema"])
               ]),
               _: 2
             }, 1032, ["value", "onInput"]))
-          ])) : M("", !0)
+          ])) : R("", !0)
         ]),
         _: 1
       }, 8, ["craftNode", "schema", "model"]);
     };
   }
-}), Ar = { class: "v-craft-component-layer-face" }, Rr = { class: "v-craft-component-name" }, Mr = {
+}), Rr = { class: "v-craft-component-layer-face" }, Mr = { class: "v-craft-component-name" }, $r = {
   key: 0,
   class: "v-craft-node-layers nested-layers"
-}, $r = /* @__PURE__ */ B({
+}, Ir = /* @__PURE__ */ L({
   __name: "CraftEditorPanelNodeLayer",
   props: {
     craftNode: {},
@@ -2209,46 +2228,46 @@ const er = /* @__PURE__ */ B({
   },
   emits: ["layer-click"],
   setup(t, { emit: e }) {
-    const r = t, { craftNode: n, visible: o } = be(r), s = _(
+    const r = t, { craftNode: n, visible: o } = be(r), s = C(
       () => o.value && n.value.visible === void 0 || n.value.visible
-    ), a = e, i = q(), { selectedNode: l } = se(i), u = _(() => ue(n.value)), p = _(
+    ), a = e, i = q(), { selectedNode: l } = se(i), u = C(() => ue(n.value)), d = C(
       () => l?.value?.uuid === n.value.uuid
     ), m = () => {
       i.toggleNodeVisibility(n.value);
     };
     return (f, h) => {
-      const g = H("CraftEditorPanelNodeLayer", !0);
-      return v(), N("li", {
+      const b = H("CraftEditorPanelNodeLayer", !0);
+      return v(), E("li", {
         class: ye(["v-craft-node-layer", {
-          "v-craft-node-layer-selected": p.value
+          "v-craft-node-layer-selected": d.value
         }]),
-        onClick: h[1] || (h[1] = V((P) => a("layer-click", d(n)), ["prevent", "stop"]))
+        onClick: h[1] || (h[1] = V((P) => a("layer-click", p(n)), ["prevent", "stop"]))
       }, [
-        O("div", Ar, [
-          O("div", Rr, oe(u.value), 1),
+        O("div", Rr, [
+          O("div", Mr, oe(u.value), 1),
           O("button", {
             type: "button",
             class: "v-craft-component-icon",
             onClick: V(m, ["prevent", "stop"])
           }, oe(s.value ? "hide" : "show"), 1)
         ]),
-        d(n).slots && Object.keys(d(n).slots).length > 0 ? (v(), N("ul", Mr, [
-          (v(!0), N(j, null, U(d(n).slots, (P, A) => (v(), N(j, { key: A }, [
-            (v(!0), N(j, null, U(P, (C, b) => (v(), $(g, {
-              key: `${A}-${b}`,
-              craftNode: C,
-              onLayerClick: h[0] || (h[0] = (T) => a("layer-click", T)),
+        p(n).slots && Object.keys(p(n).slots).length > 0 ? (v(), E("ul", $r, [
+          (v(!0), E(B, null, j(p(n).slots, (P, A) => (v(), E(B, { key: A }, [
+            (v(!0), E(B, null, j(P, (T, U) => (v(), M(b, {
+              key: `${A}-${U}`,
+              craftNode: T,
+              onLayerClick: h[0] || (h[0] = (_) => a("layer-click", _)),
               visible: s.value
             }, null, 8, ["craftNode", "visible"]))), 128))
           ], 64))), 128))
-        ])) : M("", !0)
+        ])) : R("", !0)
       ], 2);
     };
   }
-}), Ir = /* @__PURE__ */ Ee($r, [["__scopeId", "data-v-208a4e02"]]), Tr = {
+}), Tr = /* @__PURE__ */ Ee(Ir, [["__scopeId", "data-v-208a4e02"]]), Ur = {
   key: 0,
   class: "v-craft-panel-settings formkit-fieldset v-craft-scrollable-content"
-}, Ur = /* @__PURE__ */ B({
+}, jr = /* @__PURE__ */ L({
   __name: "CraftEditorPanelNodeSettings",
   props: {
     craftNode: {},
@@ -2259,47 +2278,47 @@ const er = /* @__PURE__ */ B({
     const r = t, { craftNode: n, schema: o } = be(r), s = e;
     return (a, i) => {
       const l = H("CraftEditorPanelForm");
-      return v(), $(l, {
-        craftNode: d(n),
-        schema: d(o),
-        model: d(n)?.props,
+      return v(), M(l, {
+        craftNode: p(n),
+        schema: p(o),
+        model: p(n)?.props,
         onUpdate: i[0] || (i[0] = (u) => s("update:props", u))
       }, {
-        "panel-content": G(({ craftNode: u, model: p, handleFormInput: m, schema: f }) => [
-          f ? (v(), N("fieldset", Tr, [
+        "panel-content": G(({ craftNode: u, model: d, handleFormInput: m, schema: f }) => [
+          f ? (v(), E("fieldset", Ur, [
             i[1] || (i[1] = O("legend", { class: "formkit-legend" }, "Properties", -1)),
-            (v(), $(d(le), {
+            (v(), M(p(le), {
               key: u?.uuid,
               type: "form",
-              value: p,
+              value: d,
               onInput: m,
               actions: !1
             }, {
               default: G(() => [
-                Q(d(et), { schema: f }, null, 8, ["schema"])
+                Q(p(et), { schema: f }, null, 8, ["schema"])
               ]),
               _: 2
             }, 1032, ["value", "onInput"]))
-          ])) : M("", !0)
+          ])) : R("", !0)
         ]),
         _: 1
       }, 8, ["craftNode", "schema", "model"]);
     };
   }
-}), jr = (t) => {
+}), Br = (t) => {
   if (!t) return [];
   const e = t.type === "single" ? t.item : t.list?.[0];
   return e ? Object.keys(e) : [];
-}, Br = (t) => {
+}, Lr = (t) => {
   const e = q(), r = ge("resolver");
-  return { buckets: _(() => {
+  return { buckets: C(() => {
     const o = [];
     let s = t.value;
     for (; s?.parentUuid; ) {
       const a = e.nodeMap.get(s.parentUuid);
       if (!a) break;
       const i = Object.entries(a.slots || {}).find(
-        ([, u]) => u.some((p) => p.uuid === s.uuid)
+        ([, u]) => u.some((d) => d.uuid === s.uuid)
       );
       if (i) {
         const [u] = i;
@@ -2315,18 +2334,18 @@ const er = /* @__PURE__ */ B({
         slotName: "data",
         ancestorUuid: a.uuid,
         ancestorComponentName: a.componentName,
-        keys: jr(l)
+        keys: Br(l)
       }), s = a;
     }
     return o;
   }) };
-}, Lr = {
+}, Fr = {
   key: 0,
   class: "v-craft-panel-settings formkit-fieldset v-craft-scrollable-content"
-}, Fr = {
+}, Hr = {
   key: 0,
   class: "formkit-help"
-}, Hr = ["onClick"], Vr = ["onClick"], Kr = ["onClick"], Xr = /* @__PURE__ */ B({
+}, Vr = ["onClick"], Kr = ["onClick"], Xr = ["onClick"], zr = /* @__PURE__ */ L({
   __name: "CraftEditorPanelNodeSlotPropsSettings",
   props: {
     craftNode: {},
@@ -2334,145 +2353,153 @@ const er = /* @__PURE__ */ B({
   },
   emits: ["update:slotsPropsPropsMap"],
   setup(t, { emit: e }) {
-    const r = t, n = e, o = he(r, "craftNode"), { buckets: s } = Br(o), a = _(() => {
-      const C = /* @__PURE__ */ new Set();
-      return s.value.filter((b) => C.has(b.slotName) ? !1 : (C.add(b.slotName), !0)).map((b) => ({
-        value: b.slotName,
-        label: b.keys.length ? `${b.slotName} (${b.ancestorComponentName}: ${b.keys.join(", ")})` : `${b.slotName} (${b.ancestorComponentName})`
+    const r = t, n = e, o = (_) => {
+      const g = _.trim();
+      if (!g.startsWith("{")) return g;
+      try {
+        return JSON.parse(g);
+      } catch {
+        return g;
+      }
+    }, s = (_) => typeof _ == "string" ? _ : JSON.stringify(_), a = he(r, "craftNode"), { buckets: i } = Lr(a), l = C(() => {
+      const _ = /* @__PURE__ */ new Set();
+      return i.value.filter((g) => _.has(g.slotName) ? !1 : (_.add(g.slotName), !0)).map((g) => ({
+        value: g.slotName,
+        label: g.keys.length ? `${g.slotName} (${g.ancestorComponentName}: ${g.keys.join(", ")})` : `${g.slotName} (${g.ancestorComponentName})`
       }));
-    }), i = (C) => {
-      const b = r.availableProps || [];
-      return !C || b.some((T) => T.value === C) ? b : [{ value: C, label: `${C} (custom)` }, ...b];
-    }, l = K([]);
-    ne(() => o.value?.uuid, () => {
-      const C = o.value;
-      l.value = Object.entries(C?.slotsPropsPropsMap || {}).map(
-        ([b, T]) => ({
+    }), u = (_) => {
+      const g = r.availableProps || [];
+      return !_ || g.some((w) => w.value === _) ? g : [{ value: _, label: `${_} (custom)` }, ...g];
+    }, d = K([]);
+    ne(() => a.value?.uuid, () => {
+      const _ = a.value;
+      d.value = Object.entries(_?.slotsPropsPropsMap || {}).map(
+        ([g, w]) => ({
           id: ee(),
-          bucket: b,
-          fields: Object.entries(T).map(([E, w]) => ({
+          bucket: g,
+          fields: Object.entries(w).map(([y, N]) => ({
             id: ee(),
-            targetProp: E,
-            fromPath: w
+            targetProp: y,
+            fromPath: s(N)
           }))
         })
       );
     }, { immediate: !0 });
-    const p = () => {
-      const C = {};
-      l.value.forEach((b) => {
-        if (!b.bucket.trim()) return;
-        const T = {};
-        b.fields.forEach((E) => {
-          E.targetProp.trim() && E.fromPath.trim() && (T[E.targetProp.trim()] = E.fromPath.trim());
-        }), Object.keys(T).length && (C[b.bucket.trim()] = T);
-      }), n("update:slotsPropsPropsMap", C);
-    }, m = () => {
-      l.value.push({
+    const f = () => {
+      const _ = {};
+      d.value.forEach((g) => {
+        if (!g.bucket.trim()) return;
+        const w = {};
+        g.fields.forEach((y) => {
+          y.targetProp.trim() && y.fromPath.trim() && (w[y.targetProp.trim()] = o(y.fromPath));
+        }), Object.keys(w).length && (_[g.bucket.trim()] = w);
+      }), n("update:slotsPropsPropsMap", _);
+    }, h = () => {
+      d.value.push({
         id: ee(),
-        bucket: a.value[0]?.value || "",
+        bucket: l.value[0]?.value || "",
         fields: [{ id: ee(), targetProp: "", fromPath: "" }]
-      }), p();
-    }, f = (C) => {
-      l.value.splice(C, 1), p();
-    }, h = (C, b) => {
-      l.value[C].bucket = b, p();
-    }, g = (C) => {
-      l.value[C].fields.push({
+      }), f();
+    }, b = (_) => {
+      d.value.splice(_, 1), f();
+    }, P = (_, g) => {
+      d.value[_].bucket = g, f();
+    }, A = (_) => {
+      d.value[_].fields.push({
         id: ee(),
         targetProp: "",
         fromPath: ""
       });
-    }, P = (C, b) => {
-      l.value[C].fields.splice(b, 1), p();
-    }, A = (C, b, T, E) => {
-      l.value[C].fields[b][T] = E, p();
+    }, T = (_, g) => {
+      d.value[_].fields.splice(g, 1), f();
+    }, U = (_, g, w, y) => {
+      d.value[_].fields[g][w] = y, f();
     };
-    return (C, b) => J(C.$slots, "panel-content", {
-      craftNode: o.value,
-      mappingGroups: l.value,
-      bucketOptions: a.value,
+    return (_, g) => J(_.$slots, "panel-content", {
+      craftNode: a.value,
+      mappingGroups: d.value,
+      bucketOptions: l.value,
       availableProps: t.availableProps ?? [],
-      targetPropOptionsFor: i,
-      addGroup: m,
-      removeGroup: f,
-      updateBucket: h,
-      addField: g,
-      removeField: P,
-      updateField: A
+      targetPropOptionsFor: u,
+      addGroup: h,
+      removeGroup: b,
+      updateBucket: P,
+      addField: A,
+      removeField: T,
+      updateField: U
     }, () => [
-      o.value ? (v(), N("fieldset", Lr, [
-        b[0] || (b[0] = O("legend", { class: "formkit-legend" }, "Props Mapping", -1)),
-        b[1] || (b[1] = O("p", { class: "formkit-help" }, [
+      a.value ? (v(), E("fieldset", Fr, [
+        g[0] || (g[0] = O("legend", { class: "formkit-legend" }, "Props Mapping", -1)),
+        g[1] || (g[1] = O("p", { class: "formkit-help" }, [
           ie(" Map fields from an ancestor slot's context into this component's own props using JSONPath (e.g. "),
           O("code", null, "$.item.name"),
-          ie("). ")
+          ie("), or paste a JSON mapping object if the app supports richer transforms. ")
         ], -1)),
-        l.value.length ? M("", !0) : (v(), N("p", Fr, " No mappings configured. ")),
-        (v(!0), N(j, null, U(l.value, (T, E) => (v(), N("div", {
-          key: T.id,
+        d.value.length ? R("", !0) : (v(), E("p", Hr, " No mappings configured. ")),
+        (v(!0), E(B, null, j(d.value, (w, y) => (v(), E("div", {
+          key: w.id,
           class: "v-craft-slot-props-map-group"
         }, [
-          Q(d(le), {
+          Q(p(le), {
             type: "select",
             label: "Context",
             placeholder: "Select context",
-            options: a.value,
-            value: T.bucket,
-            onInput: (w) => h(E, String(w ?? ""))
+            options: l.value,
+            value: w.bucket,
+            onInput: (N) => P(y, String(N ?? ""))
           }, null, 8, ["options", "value", "onInput"]),
-          (v(!0), N(j, null, U(T.fields, (w, y) => (v(), N(j, {
-            key: w.id
+          (v(!0), E(B, null, j(w.fields, (N, S) => (v(), E(B, {
+            key: N.id
           }, [
-            t.availableProps && t.availableProps.length ? (v(), $(d(le), {
+            t.availableProps && t.availableProps.length ? (v(), M(p(le), {
               key: 0,
               type: "select",
               label: "Target Prop",
               placeholder: "target prop",
-              options: i(w.targetProp),
-              value: w.targetProp,
-              onInput: (x) => A(E, y, "targetProp", String(x ?? ""))
-            }, null, 8, ["options", "value", "onInput"])) : (v(), $(d(le), {
+              options: u(N.targetProp),
+              value: N.targetProp,
+              onInput: (I) => U(y, S, "targetProp", String(I ?? ""))
+            }, null, 8, ["options", "value", "onInput"])) : (v(), M(p(le), {
               key: 1,
               type: "text",
               label: "Target Prop",
               placeholder: "target prop",
-              value: w.targetProp,
-              onInput: (x) => A(E, y, "targetProp", String(x ?? ""))
+              value: N.targetProp,
+              onInput: (I) => U(y, S, "targetProp", String(I ?? ""))
             }, null, 8, ["value", "onInput"])),
-            Q(d(le), {
-              type: "text",
-              label: "JSONPath",
-              placeholder: "$.item.name",
-              value: w.fromPath,
-              onInput: (x) => A(E, y, "fromPath", String(x ?? ""))
+            Q(p(le), {
+              type: "textarea",
+              label: "JSONPath (or JSON mapping object)",
+              placeholder: "$.item.name  (or paste a JSON transform object)",
+              value: N.fromPath,
+              onInput: (I) => U(y, S, "fromPath", String(I ?? ""))
             }, null, 8, ["value", "onInput"]),
             O("button", {
               type: "button",
               class: "formkit-input v-craft-slot-props-remove",
-              onClick: V((x) => P(E, y), ["prevent"])
-            }, " Remove field ", 8, Hr)
+              onClick: V((I) => T(y, S), ["prevent"])
+            }, " Remove field ", 8, Vr)
           ], 64))), 128)),
           O("button", {
             type: "button",
             class: "formkit-input v-craft-slot-props-add",
-            onClick: V((w) => g(E), ["prevent"])
-          }, " + Add field ", 8, Vr),
+            onClick: V((N) => A(y), ["prevent"])
+          }, " + Add field ", 8, Kr),
           O("button", {
             type: "button",
             class: "formkit-input v-craft-slot-props-remove",
-            onClick: V((w) => f(E), ["prevent"])
-          }, " Remove group ", 8, Kr)
+            onClick: V((N) => b(y), ["prevent"])
+          }, " Remove group ", 8, Xr)
         ]))), 128)),
         O("button", {
           type: "button",
           class: "formkit-input v-craft-slot-props-add",
-          onClick: V(m, ["prevent"])
+          onClick: V(h, ["prevent"])
         }, " + Add mapping group ")
-      ])) : M("", !0)
+      ])) : R("", !0)
     ], !0);
   }
-}), zr = /* @__PURE__ */ Ee(Xr, [["__scopeId", "data-v-f762baf8"]]), qr = (t) => Array.isArray(t) ? t.filter(
+}), qr = /* @__PURE__ */ Ee(zr, [["__scopeId", "data-v-74ec0ff3"]]), Yr = (t) => Array.isArray(t) ? t.filter(
   (e) => typeof e == "object" && e !== null && typeof e.name == "string"
 ).map((e) => {
   const r = e.name, n = e.label;
@@ -2480,29 +2507,29 @@ const er = /* @__PURE__ */ B({
     value: r,
     label: typeof n == "string" && n.trim() ? n : r
   };
-}) : [], Yr = { class: "text-sm" }, Qr = { key: 0 }, Gr = {
+}) : [], Qr = { class: "text-sm" }, Gr = { key: 0 }, Wr = {
   key: 0,
   class: "v-craft-settings"
-}, Wr = {
+}, Zr = {
   key: 1,
   class: "v-craft-settings"
-}, Zr = {
+}, Jr = {
   key: 2,
   class: "v-craft-settings"
-}, Jr = {
+}, en = {
   key: 3,
   class: "v-craft-settings"
-}, en = {
+}, tn = {
   class: "v-craft-actions",
   "data-type": "button"
-}, tn = /* @__PURE__ */ B({
+}, rn = /* @__PURE__ */ L({
   __name: "CraftEditorPanelSettings",
   setup(t) {
-    const e = q(), { selectedNode: r, nodeDataMap: n } = se(e), o = ge("resolver"), s = _(() => !r.value || !o?.value ? [] : o.value.getSchema(r.value)), a = _(() => !r.value || !o?.value ? [] : o.value.getEventsSchema(r.value)), i = _(() => qr(s.value)), l = _(
+    const e = q(), { selectedNode: r, nodeDataMap: n } = se(e), o = ge("resolver"), s = C(() => !r.value || !o?.value ? [] : o.value.getSchema(r.value)), a = C(() => !r.value || !o?.value ? [] : o.value.getEventsSchema(r.value)), i = C(() => Yr(s.value)), l = C(
       () => r.value && r.value.parentUuid
     ), u = () => {
       r.value && e.removeNode(r.value);
-    }, p = _(
+    }, d = C(
       () => r.value ? `${o?.value?.resolveNode(r.value)?.componentName || "Unknown"}` : ""
     ), m = (A) => {
       r.value && A && e.updateNodeProps(r.value.uuid, A);
@@ -2513,23 +2540,23 @@ const er = /* @__PURE__ */ B({
         r.value.uuid,
         A
       );
-    }, g = _(
+    }, b = C(
       () => r.value ? n.value[r.value.uuid] ?? null : null
     ), P = (A) => {
       r.value && e.setNodeData(r.value.uuid, A);
     };
-    return (A, C) => {
-      const b = H("CraftEditorPanelNodeSettings"), T = H("CraftEditorPanelNodeEventsSettings"), E = H("CraftEditorPanelNodeSlotPropsSettings"), w = H("CraftEditorPanelNodeDataSourceSettings");
+    return (A, T) => {
+      const U = H("CraftEditorPanelNodeSettings"), _ = H("CraftEditorPanelNodeEventsSettings"), g = H("CraftEditorPanelNodeSlotPropsSettings"), w = H("CraftEditorPanelNodeDataSourceSettings");
       return J(A.$slots, "panel-content", {
-        selectedNode: d(r),
-        nodeName: p.value,
+        selectedNode: p(r),
+        nodeName: d.value,
         handlePropsUpdate: m,
         schema: s.value,
         eventsSchema: a.value,
         handleEventsUpdate: f,
         availableProps: i.value,
         handleSlotsPropsPropsMapUpdate: h,
-        nodeData: g.value,
+        nodeData: b.value,
         handleNodeDataUpdate: P,
         deleteable: l.value,
         removeNode: u
@@ -2539,59 +2566,59 @@ const er = /* @__PURE__ */ B({
           class: "v-craft-panel v-craft-settings-panel",
           onClick: V(() => !1, ["prevent", "stop"])
         }, [
-          C[1] || (C[1] = O("h3", { class: "v-craft-title" }, "component inspector", -1)),
-          O("span", Yr, oe(d(r)?.uuid), 1),
-          d(r) ? M("", !0) : (v(), N("div", Qr, [...C[0] || (C[0] = [
+          T[1] || (T[1] = O("h3", { class: "v-craft-title" }, "component inspector", -1)),
+          O("span", Qr, oe(p(r)?.uuid), 1),
+          p(r) ? R("", !0) : (v(), E("div", Gr, [...T[0] || (T[0] = [
             O("p", null, "select a component to inspect", -1)
           ])])),
           O("div", {
-            class: ye(["v-craft-properties", { "v-craft-visible": d(r) }])
+            class: ye(["v-craft-properties", { "v-craft-visible": p(r) }])
           }, [
-            O("h4", null, oe(p.value), 1),
-            s.value ? (v(), N("div", Gr, [
-              Q(b, {
-                craftNode: d(r),
+            O("h4", null, oe(d.value), 1),
+            s.value ? (v(), E("div", Wr, [
+              Q(U, {
+                craftNode: p(r),
                 schema: s.value,
                 "onUpdate:props": m
               }, null, 8, ["craftNode", "schema"])
-            ])) : M("", !0),
-            a.value && d(r) ? (v(), N("div", Wr, [
-              Q(T, {
-                craftNode: d(r),
+            ])) : R("", !0),
+            a.value && p(r) ? (v(), E("div", Zr, [
+              Q(_, {
+                craftNode: p(r),
                 schema: a.value,
                 "onUpdate:events": f
               }, null, 8, ["craftNode", "schema"])
-            ])) : M("", !0),
-            d(r) ? (v(), N("div", Zr, [
-              Q(E, {
-                craftNode: d(r),
+            ])) : R("", !0),
+            p(r) ? (v(), E("div", Jr, [
+              Q(g, {
+                craftNode: p(r),
                 availableProps: i.value,
                 "onUpdate:slotsPropsPropsMap": h
               }, null, 8, ["craftNode", "availableProps"])
-            ])) : M("", !0),
-            d(r) ? (v(), N("div", Jr, [
+            ])) : R("", !0),
+            p(r) ? (v(), E("div", en, [
               Q(w, {
-                craftNode: d(r),
-                nodeData: g.value,
+                craftNode: p(r),
+                nodeData: b.value,
                 "onUpdate:nodeData": P
               }, null, 8, ["craftNode", "nodeData"])
-            ])) : M("", !0),
-            O("div", en, [
-              l.value ? (v(), N("button", {
+            ])) : R("", !0),
+            O("div", tn, [
+              l.value ? (v(), E("button", {
                 key: 0,
                 class: "formkit-input v-craft-delete",
                 onClick: V(u, ["prevent"])
-              }, " Delete ")) : M("", !0)
+              }, " Delete ")) : R("", !0)
             ])
           ], 2)
         ], 512)
       ]);
     };
   }
-}), Xe = /* @__PURE__ */ B({
+}), Xe = /* @__PURE__ */ L({
   __name: "CraftDropIndicator",
   setup(t) {
-    const e = Ue(), r = () => {
+    const e = je(), r = () => {
       const { top: n, left: o } = e.position, { width: s, height: a } = e.size;
       return {
         top: `${n}px`,
@@ -2600,13 +2627,13 @@ const er = /* @__PURE__ */ B({
         width: `${s}px`
       };
     };
-    return (n, o) => d(e).isShown ? (v(), N("div", {
+    return (n, o) => p(e).isShown ? (v(), E("div", {
       key: 0,
-      class: ye(["v-craft-indicator", { "v-craft-forbidden": d(e).isForbidden }]),
-      style: Ie(r())
-    }, null, 6)) : M("", !0);
+      class: ye(["v-craft-indicator", { "v-craft-forbidden": p(e).isForbidden }]),
+      style: Te(r())
+    }, null, 6)) : R("", !0);
   }
-}), it = /* @__PURE__ */ B({
+}), it = /* @__PURE__ */ L({
   __name: "CraftIframe",
   props: {
     iframeClass: { type: [Boolean, null, String, Object, Array], default: "" },
@@ -2624,7 +2651,7 @@ const er = /* @__PURE__ */ B({
           console.error("iframe could not be loaded.");
           return;
         }
-        m("iframeLoad", n.value), n.value?.setAttribute("data-iframe-ready", "true"), p(), r.inheritStyles && i(), r.styles.forEach((f) => {
+        m("iframeLoad", n.value), n.value?.setAttribute("data-iframe-ready", "true"), d(), r.inheritStyles && i(), r.styles.forEach((f) => {
           n.value && l(n.value, f);
         }), r.styleSheets.forEach((f) => {
           n.value && u(n.value, f);
@@ -2641,40 +2668,40 @@ const er = /* @__PURE__ */ B({
         n.value?.contentDocument?.head.appendChild(P.cloneNode(!0));
       });
     }, l = (f, h) => {
-      const g = document.createElement("style");
-      g.innerHTML = h, f?.contentWindow?.document.getElementsByTagName("head").item(0)?.appendChild(g);
+      const b = document.createElement("style");
+      b.innerHTML = h, f?.contentWindow?.document.getElementsByTagName("head").item(0)?.appendChild(b);
     }, u = (f, h) => {
-      const g = document.createElement("link");
-      g.rel = "stylesheet", g.href = h, f.contentWindow?.document.head.appendChild(g);
-    }, p = () => {
+      const b = document.createElement("link");
+      b.rel = "stylesheet", b.href = h, f.contentWindow?.document.head.appendChild(b);
+    }, d = () => {
       const f = n.value?.contentWindow?.document;
       if (!f) return;
       const h = f.querySelector("body");
       if (!h) return;
-      const g = f.createAttribute("id");
-      g.nodeValue = "v-craft-body", h.attributes.setNamedItem(g);
+      const b = f.createAttribute("id");
+      b.nodeValue = "v-craft-body", h.attributes.setNamedItem(b);
     }, m = e;
-    return (f, h) => Pt((v(), N("div", null, [
+    return (f, h) => _t((v(), E("div", null, [
       O("iframe", {
         id: "v-craft-iframe",
         ref_key: "iframeRef",
         ref: n,
         class: ye(t.iframeClass),
-        style: Ie(t.iframeStyle),
+        style: Te(t.iframeStyle),
         onload: a
       }, null, 6),
-      o.value ? (v(), $(xt, {
+      o.value ? (v(), M(St, {
         key: 0,
         to: n.value?.contentWindow?.document.body
       }, [
         J(f.$slots, "default")
-      ], 8, ["to"])) : M("", !0)
+      ], 8, ["to"])) : R("", !0)
     ], 512)), [
-      [St, f.$slots.default]
+      [xt, f.$slots.default]
     ]);
   }
-}), rn = (t) => typeof t.type == "symbol" ? "Fragment" : typeof t.type == "string" ? t.type : t.type.name ? t.type.name : "anonmymous", Ae = (t, e, r = null) => {
-  const n = rn(e), { props: o } = e, s = {
+}), nn = (t) => typeof t.type == "symbol" ? "Fragment" : typeof t.type == "string" ? t.type : t.type.name ? t.type.name : "anonmymous", Re = (t, e, r = null) => {
+  const n = nn(e), { props: o } = e, s = {
     componentName: n,
     props: o,
     slots: {},
@@ -2695,7 +2722,7 @@ const er = /* @__PURE__ */ B({
     e.children,
     s
   ))), s;
-}, ze = (t, e, r) => !e || !(e instanceof Array) ? [] : e.map((n) => Ae(t, n, r)).filter((n) => !!n), nn = (t) => {
+}, ze = (t, e, r) => !e || !(e instanceof Array) ? [] : e.map((n) => Re(t, n, r)).filter((n) => !!n), on = (t) => {
   const e = q(), { hasNodes: r } = se(e), n = t ? K(new Oe(t)) : ge("resolver");
   n?.value && e.setResolver(n.value), t && te("resolver", n);
   const o = () => {
@@ -2703,18 +2730,18 @@ const er = /* @__PURE__ */ B({
       const s = Qe(), i = (s.default ? s.default() : []).flatMap((l) => {
         if (l.key === "_default" && l.children && Array.isArray(l.children))
           return l.children.map((u) => {
-            const p = Ae(n.value, u);
-            return p || console.error("Invalid node created from child:", u), p;
+            const d = Re(n.value, u);
+            return d || console.error("Invalid node created from child:", u), d;
           }).filter(Boolean);
         {
-          const u = Ae(n.value, l);
+          const u = Re(n.value, l);
           return u || console.error("Invalid node created from slot:", l), [u];
         }
       }).filter(Boolean);
       i.length && e.setNodes(i);
     }
   };
-  return Se(o), ne(
+  return xe(o), ne(
     () => n?.value,
     (s) => {
       s && e.setResolver(s);
@@ -2723,7 +2750,7 @@ const er = /* @__PURE__ */ B({
     editor: e,
     mountNodes: o
   };
-}, on = { class: "v-craft-frame" }, sn = /* @__PURE__ */ B({
+}, sn = { class: "v-craft-frame" }, an = /* @__PURE__ */ L({
   name: "CraftFrame",
   __name: "CraftFrame",
   props: {
@@ -2733,67 +2760,67 @@ const er = /* @__PURE__ */ B({
   },
   emits: ["iframeLoad"],
   setup(t, { emit: e }) {
-    const r = t, { iframe: n } = be(r), o = (p) => {
-      s("iframeLoad", p);
-    }, s = e, { editor: a } = nn(r.resolverMap), { nodeTree: i, hasNodes: l, enabled: u } = se(a);
-    return (p, m) => {
+    const r = t, { iframe: n } = be(r), o = (d) => {
+      s("iframeLoad", d);
+    }, s = e, { editor: a } = on(r.resolverMap), { nodeTree: i, hasNodes: l, enabled: u } = se(a);
+    return (d, m) => {
       const f = H("CraftNodeViewer"), h = H("CraftNodeEditor");
-      return v(), N("div", on, [
-        d(n) ? (v(), $(it, {
+      return v(), E("div", sn, [
+        p(n) ? (v(), M(it, {
           key: 0,
           onIframeLoad: o,
-          inheritStyles: d(n)?.inheritStyles,
-          iframeStyle: d(n)?.iframeStyle,
-          iframeClass: d(n)?.iframeClass,
-          class: ye(d(n)?.wrapperClass),
-          style: Ie(d(n)?.wrapperStyle),
-          styles: d(n)?.styles,
-          styleSheets: d(n)?.styleSheets
+          inheritStyles: p(n)?.inheritStyles,
+          iframeStyle: p(n)?.iframeStyle,
+          iframeClass: p(n)?.iframeClass,
+          class: ye(p(n)?.wrapperClass),
+          style: Te(p(n)?.wrapperStyle),
+          styles: p(n)?.styles,
+          styleSheets: p(n)?.styleSheets
         }, {
           default: G(() => [
-            (t.viewOnly || !d(u)) && d(l) ? (v(!0), N(j, { key: 0 }, U(d(i), (g) => (v(), $(f, {
-              key: `${g.uuid}-view`,
-              craftNode: g
-            }, null, 8, ["craftNode"]))), 128)) : M("", !0),
-            !t.viewOnly && d(u) && d(l) ? (v(!0), N(j, { key: 1 }, U(d(i), (g) => (v(), $(h, {
-              key: `${g.uuid}-edit`,
-              craftNode: g
-            }, null, 8, ["craftNode"]))), 128)) : M("", !0),
-            !t.viewOnly && d(u) ? (v(), $(Xe, { key: 2 })) : M("", !0)
+            (t.viewOnly || !p(u)) && p(l) ? (v(!0), E(B, { key: 0 }, j(p(i), (b) => (v(), M(f, {
+              key: `${b.uuid}-view`,
+              craftNode: b
+            }, null, 8, ["craftNode"]))), 128)) : R("", !0),
+            !t.viewOnly && p(u) && p(l) ? (v(!0), E(B, { key: 1 }, j(p(i), (b) => (v(), M(h, {
+              key: `${b.uuid}-edit`,
+              craftNode: b
+            }, null, 8, ["craftNode"]))), 128)) : R("", !0),
+            !t.viewOnly && p(u) ? (v(), M(Xe, { key: 2 })) : R("", !0)
           ]),
           _: 1
-        }, 8, ["inheritStyles", "iframeStyle", "iframeClass", "class", "style", "styles", "styleSheets"])) : M("", !0),
-        !d(n) && (t.viewOnly || !d(u)) && d(l) ? (v(!0), N(j, { key: 1 }, U(d(i), (g) => (v(), $(f, {
-          key: `${g.uuid}-view`,
-          craftNode: g
-        }, null, 8, ["craftNode"]))), 128)) : M("", !0),
-        !d(n) && !t.viewOnly && d(u) && d(l) ? (v(!0), N(j, { key: 2 }, U(d(i), (g) => (v(), $(h, {
-          key: `${g.uuid}-edit`,
-          craftNode: g
-        }, null, 8, ["craftNode"]))), 128)) : M("", !0),
-        !d(n) && !t.viewOnly && d(u) ? (v(), $(Xe, { key: 3 })) : M("", !0)
+        }, 8, ["inheritStyles", "iframeStyle", "iframeClass", "class", "style", "styles", "styleSheets"])) : R("", !0),
+        !p(n) && (t.viewOnly || !p(u)) && p(l) ? (v(!0), E(B, { key: 1 }, j(p(i), (b) => (v(), M(f, {
+          key: `${b.uuid}-view`,
+          craftNode: b
+        }, null, 8, ["craftNode"]))), 128)) : R("", !0),
+        !p(n) && !t.viewOnly && p(u) && p(l) ? (v(!0), E(B, { key: 2 }, j(p(i), (b) => (v(), M(h, {
+          key: `${b.uuid}-edit`,
+          craftNode: b
+        }, null, 8, ["craftNode"]))), 128)) : R("", !0),
+        !p(n) && !t.viewOnly && p(u) ? (v(), M(Xe, { key: 3 })) : R("", !0)
       ]);
     };
   }
-}), an = (t, e) => {
+}), ln = (t, e) => {
   const r = q(), { enabled: n, selectedUuid: o, draggingDisabled: s } = se(r);
   let a = null;
   const i = () => {
     const m = e?.value?.$el;
     m && m !== a && (a = m, r.setNodeRef(t, m));
   };
-  Se(i), ne(e, i, { flush: "post" });
-  const l = _(
+  xe(i), ne(e, i, { flush: "post" });
+  const l = C(
     () => o.value === t.uuid
   );
   return {
-    isDraggable: _(() => n.value && !s.value && Wt(t)),
+    isDraggable: C(() => n.value && !s.value && Zt(t)),
     isSelected: l,
     selectNode: () => {
       n.value && r.selectNode(t);
     }
   };
-}, je = (t, e, r = {}) => {
+}, Be = (t, e, r = {}) => {
   const n = /* @__PURE__ */ new Map(), o = () => {
     !t.value?.events || !Object.values(t.value.events).length || Object.entries(t.value.events).forEach(([s, a]) => {
       if (!a.trim())
@@ -2833,7 +2860,7 @@ Error:`,
   }), wt(() => {
     n.clear();
   }), {
-    eventHandlers: _(() => Object.fromEntries(n))
+    eventHandlers: C(() => Object.fromEntries(n))
   };
 }, lt = (t) => {
   const e = (() => {
@@ -2842,7 +2869,7 @@ Error:`,
     } catch {
       return null;
     }
-  })(), r = _(() => e ? se(e).enabled?.value ?? !1 : !1), n = _(() => t.value?.visible !== !1);
+  })(), r = C(() => e ? se(e).enabled?.value ?? !1 : !1), n = C(() => t.value?.visible !== !1);
   return te("craftNode", We(t)), {
     editor: e,
     craftNode: t,
@@ -2863,13 +2890,13 @@ Error:`,
   return t.clientX - r.left < 15 || t.clientY - r.top < 15 || r.right - t.clientX < 15 || r.bottom - t.clientY < 15;
 }, pt = (t, e, { editor: r, indicator: n, craftNode: o, resolver: s }) => {
   if (r.draggedNode) {
-    if (n.setIsForbidden(!Pe(r.draggedNode, o.value, s)), ut(t, e)) {
+    if (n.setIsForbidden(!_e(r.draggedNode, o.value, s)), ut(t, e)) {
       n.pointBefore(e);
       return;
     }
     n.pointAfter(e);
   }
-}, ln = (t, e, { editor: r, indicator: n, craftNode: o, resolver: s }) => {
+}, un = (t, e, { editor: r, indicator: n, craftNode: o, resolver: s }) => {
   if (!r.draggedNode) return;
   const i = t.target.closest(".v-craft-drop-text");
   if (i) {
@@ -2887,14 +2914,14 @@ Error:`,
     return;
   }
   n.pointInside(e);
-}, un = (t, e, r) => {
+}, cn = (t, e, r) => {
   if (W(r.craftNode.value)) {
-    ln(t, e, r);
+    un(t, e, r);
     return;
   }
   pt(t, e, r);
 }, ft = (t, e, r, n) => {
-  if (!Pe(
+  if (!_e(
     r,
     n.craftNode.value,
     n.resolver
@@ -2913,15 +2940,15 @@ Error:`,
       craftNode: K(l)
     }), n.craftNode.value;
   const u = i.closest(".v-craft-drop-text");
-  let p = "default";
+  let d = "default";
   if (u) {
     const m = u.getAttribute("data-slot-name");
-    m && (p = m);
+    m && (d = m);
   } else {
     if (dt(t, e))
       return ft(t, e, r, n);
     const m = n.craftNode.value.slots || {}, f = Object.keys(m);
-    p = f.length > 0 ? f[0] : "default";
+    d = f.length > 0 ? f[0] : "default";
   }
   return me(
     r,
@@ -2930,9 +2957,9 @@ Error:`,
   ) && (ct(t, e) ? n.editor.prependNodeTo(
     r,
     n.craftNode.value,
-    p
-  ) : n.editor.appendNodeTo(r, n.craftNode.value, p)), n.craftNode.value;
-}, cn = (t, e, r) => {
+    d
+  ) : n.editor.appendNodeTo(r, n.craftNode.value, d)), n.craftNode.value;
+}, dn = (t, e, r) => {
   if (!r.editor.draggedNode)
     return r.craftNode.value;
   const n = (() => {
@@ -2943,10 +2970,10 @@ Error:`,
   })();
   return W(r.craftNode.value) ? ht(t, e, n, r) : ft(t, e, n, r);
 }, qe = {
-  handleDragOver: un,
-  handleDrop: cn
-}, dn = (t, e, r) => {
-  const n = q(), o = Ue(), s = (u) => {
+  handleDragOver: cn,
+  handleDrop: dn
+}, pn = (t, e, r) => {
+  const n = q(), o = je(), s = (u) => {
     n.enabled && n.dragNode(t.value);
   }, a = Je((u) => {
     n.enabled && e.value?.$el && qe.handleDragOver(u, e.value.$el, {
@@ -2971,7 +2998,7 @@ Error:`,
       n.enabled && n.dragNode(null);
     }
   };
-}, pn = ["data-slot-name"], fn = { class: "v-craft-slot-name" }, hn = /* @__PURE__ */ B({
+}, fn = ["data-slot-name"], hn = { class: "v-craft-slot-name" }, vn = /* @__PURE__ */ L({
   name: "CraftNodeEditor",
   __name: "CraftNodeEditor",
   props: {
@@ -2979,86 +3006,86 @@ Error:`,
     context: {}
   },
   setup(t) {
-    const e = t, { craftNode: r } = be(e), { editor: n, visible: o } = lt(r), { resolvedNode: s, resolver: a, componentToRender: i, props: l } = _e(r, () => e.context || {}), u = (S, R = {}, F) => {
-      const Z = a?.value?.getSlotsProps?.(r.value)?.[S], z = Z ? Object.fromEntries(
-        Z.filter((Y) => Y in R).map((Y) => [Y, R[Y]])
-      ) : R, pe = {
+    const e = t, { craftNode: r } = be(e), { editor: n, visible: o } = lt(r), { resolvedNode: s, resolver: a, componentToRender: i, props: l } = Pe(r, () => e.context || {}), u = (x, D = {}, F) => {
+      const Z = a?.value?.getSlotsProps?.(r.value)?.[x], z = Z ? Object.fromEntries(
+        Z.filter((Y) => Y in D).map((Y) => [Y, D[Y]])
+      ) : D, pe = {
         ...e.context || {},
-        [S]: z
+        [x]: z
       };
       return F !== void 0 && (pe.data = F), pe;
     };
     ne(
       a,
-      (S) => {
-        S && te("resolver", a);
+      (x) => {
+        x && te("resolver", a);
       },
       { immediate: !0 }
     );
-    const p = K(null), m = K(null), f = _(() => n?.nodeDataMap[r.value.uuid]), { isSelected: h, isDraggable: g, selectNode: P } = an(
+    const d = K(null), m = K(null), f = C(() => n?.nodeDataMap[r.value.uuid]), { isSelected: h, isDraggable: b, selectNode: P } = ln(
       r.value,
-      p
-    ), { handleDragStart: A, handleDragOver: C, handleDrop: b, handleDragEnd: T } = dn(r, p, a.value), { eventHandlers: E } = je(
+      d
+    ), { handleDragStart: A, handleDragOver: T, handleDrop: U, handleDragEnd: _ } = pn(r, d, a.value), { eventHandlers: g } = Be(
       r,
       n?.eventsContext || {},
       {
         getNodes: () => n?.nodeMap ? Object.fromEntries(n.nodeMap.entries()) : null,
-        getNode: (S) => n?.nodeMap.get(S) ?? null,
+        getNode: (x) => n?.nodeMap.get(x) ?? null,
         nodeValues: n?.nodeRuntimeProps,
-        setNodeProps: (S, R) => n?.setNodeRuntimeProps(S, R),
+        setNodeProps: (x, D) => n?.setNodeRuntimeProps(x, D),
         state: n?.pageState
       }
-    ), w = _(() => n?.nodeRuntimeProps[r.value.uuid] || {}), y = (S) => {
-      n?.setNodeRuntimeProps(r.value.uuid, { value: S });
-    }, x = _(() => {
-      const S = (R, F) => (...Z) => {
-        F(...Z), E.value[R]?.(...Z);
+    ), w = C(() => n?.nodeRuntimeProps[r.value.uuid] || {}), y = (x) => {
+      n?.setNodeRuntimeProps(r.value.uuid, { value: x });
+    }, N = C(() => {
+      const x = (D, F) => (...Z) => {
+        F(...Z), g.value[D]?.(...Z);
       };
       return {
-        ...E.value,
-        input: S("input", (R) => y(R?.target?.value)),
-        change: S("change", (R) => y(R?.target?.value)),
-        "update:modelValue": S("update:modelValue", (R) => y(R))
+        ...g.value,
+        input: x("input", (D) => y(D?.target?.value)),
+        change: x("change", (D) => y(D?.target?.value)),
+        "update:modelValue": x("update:modelValue", (D) => y(D))
       };
-    }), k = _(() => {
-      const S = a?.value?.resolve(r.value.componentName);
-      return S?.label ? S.label : W(r.value) ? r.value.props.componentName : S?.componentName || r.value.componentName;
-    }), L = _(() => at(r.value.uuid)), X = () => {
-      const R = (m.value?.ownerDocument ?? p.value?.$el?.ownerDocument ?? document).querySelector(
+    }), S = C(() => {
+      const x = a?.value?.resolve(r.value.componentName);
+      return x?.label ? x.label : W(r.value) ? r.value.props.componentName : x?.componentName || r.value.componentName;
+    }), I = C(() => at(r.value.uuid)), X = () => {
+      const D = (m.value?.ownerDocument ?? d.value?.$el?.ownerDocument ?? document).querySelector(
         `[data-craft-uuid="${r.value.uuid}"]`
       );
-      if (R) return R;
-      let F = p.value?.$el;
+      if (D) return D;
+      let F = d.value?.$el;
       for (; F && !(F instanceof HTMLElement); )
         F = F.nextElementSibling ?? null;
       return F ?? null;
-    }, ce = (S, R, F) => {
-      if (!(S instanceof Element)) {
-        console.error("resolveNodeEl returned a non-Element:", S);
+    }, ce = (x, D, F) => {
+      if (!(x instanceof Element)) {
+        console.error("resolveNodeEl returned a non-Element:", x);
         return;
       }
-      S.style.setProperty("--node-name", R), S.style.setProperty("--node-color", F), S.setAttribute("data-node-name", R);
+      x.style.setProperty("--node-name", D), x.style.setProperty("--node-color", F), x.setAttribute("data-node-name", D);
     }, de = () => {
-      const S = X();
-      S && (m.value = S, ce(S, k.value ?? "(n/a)", L.value));
+      const x = X();
+      x && (m.value = x, ce(x, S.value ?? "(n/a)", I.value));
     };
-    Se(() => ve(de)), kt(() => ve(de)), ne([k, L], () => {
-      m.value && ce(m.value, k.value ?? "", L.value);
+    xe(() => ve(de)), kt(() => ve(de)), ne([S, I], () => {
+      m.value && ce(m.value, S.value ?? "", I.value);
     });
-    const vt = _(() => {
-      const R = a?.value?.resolveNode?.(r.value)?.slots;
-      return R && R.length > 0 ? R : ["default"];
-    }), mt = _(() => W(r.value) ? !0 : Object.values(r.value.slots || {}).some(
-      (S) => S.length > 0
-    )), gt = () => P(), yt = (S, R) => f.value ? f.value.slotName && f.value.slotName !== R ? [] : bt(f.value, S) : [], bt = (S, R) => S.type === "single" ? R.map((F) => ({
+    const vt = C(() => {
+      const D = a?.value?.resolveNode?.(r.value)?.slots;
+      return D && D.length > 0 ? D : ["default"];
+    }), mt = C(() => W(r.value) ? !0 : Object.values(r.value.slots || {}).some(
+      (x) => x.length > 0
+    )), gt = () => P(), yt = (x, D) => f.value ? f.value.slotName && f.value.slotName !== D ? [] : bt(f.value, x) : [], bt = (x, D) => x.type === "single" ? D.map((F) => ({
       key: `${F.uuid}-single`,
       craftNode: {
         ...F,
-        props: { ...F.props, ...S.item || {} }
+        props: { ...F.props, ...x.item || {} }
       },
-      dataItem: S.item || {}
-    })) : S.type === "list" ? S.list ? R.reduce((F, Z) => F.concat(
-      S.list.map((z, pe) => ({
+      dataItem: x.item || {}
+    })) : x.type === "list" ? x.list ? D.reduce((F, Z) => F.concat(
+      x.list.map((z, pe) => ({
         key: `${Z.uuid}-data-${pe}`,
         craftNode: {
           ...Z,
@@ -3067,73 +3094,73 @@ Error:`,
         dataItem: z || {}
       }))
     ), []) : [] : [];
-    return (S, R) => {
+    return (x, D) => {
       const F = H("CraftNodeViewer"), Z = H("CraftNodeEditor", !0);
-      return d(o) && d(r) && d(s) ? (v(), $(Ce(d(i)), xe({
+      return p(o) && p(r) && p(s) ? (v(), M(Ce(p(i)), Se({
         key: 0,
         ref_key: "nodeRef",
-        ref: p
+        ref: d
       }, {
-        ...d(l),
+        ...p(l),
         ...w.value,
-        "data-craft-uuid": d(r).uuid
-      }, Te(x.value), {
+        "data-craft-uuid": p(r).uuid
+      }, Ue(N.value), {
         class: {
-          "v-craft-node-selected": d(h),
-          "v-craft-node": d(n)?.enabled,
-          "v-craft-canvas": d(W)(d(r)),
-          "v-craft-empty": !d(r).slots || Object.keys(d(r).slots).length === 0 || Object.values(d(r).slots).every((z) => z.length === 0),
-          "v-craft-other-node-dragged": d(n)?.draggedNode && !d(rt)(d(n).draggedNode, d(r))
+          "v-craft-node-selected": p(h),
+          "v-craft-node": p(n)?.enabled,
+          "v-craft-canvas": p(W)(p(r)),
+          "v-craft-empty": !p(r).slots || Object.keys(p(r).slots).length === 0 || Object.values(p(r).slots).every((z) => z.length === 0),
+          "v-craft-other-node-dragged": p(n)?.draggedNode && !p(rt)(p(n).draggedNode, p(r))
         },
-        draggable: d(n)?.enabled && d(g),
+        draggable: p(n)?.enabled && p(b),
         onClick: V(gt, ["prevent", "stop"]),
-        onDragend: V(d(T), ["prevent", "stop"]),
-        onDragover: V(d(C), ["prevent", "stop"]),
-        onDragstart: V(d(A), ["stop"]),
-        onDrop: V(d(b), ["prevent", "stop"])
+        onDragend: V(p(_), ["prevent", "stop"]),
+        onDragover: V(p(T), ["prevent", "stop"]),
+        onDragstart: V(p(A), ["stop"]),
+        onDrop: V(p(U), ["prevent", "stop"])
       }), Ne({ _: 2 }, [
-        U(vt.value, (z) => ({
+        j(vt.value, (z) => ({
           name: z,
           fn: G((pe) => [
-            d(W)(d(r)) && (!d(r).slots || d(r).slots[z]?.length == 0) ? (v(), N("div", {
+            p(W)(p(r)) && (!p(r).slots || p(r).slots[z]?.length == 0) ? (v(), E("div", {
               key: 0,
               class: "v-craft-drop-text",
               "data-slot-name": z,
-              onDragover: R[0] || (R[0] = V(
+              onDragover: D[0] || (D[0] = V(
                 //@ts-ignore
-                (...Y) => d(C) && d(C)(...Y),
+                (...Y) => p(T) && p(T)(...Y),
                 ["prevent", "stop"]
               )),
-              onDrop: R[1] || (R[1] = V(
+              onDrop: D[1] || (D[1] = V(
                 //@ts-ignore
-                (...Y) => d(b) && d(b)(...Y),
+                (...Y) => p(U) && p(U)(...Y),
                 ["prevent", "stop"]
               ))
             }, [
-              R[2] || (R[2] = O("span", { class: "v-craft-drop-text-label" }, "Drop a component here", -1)),
-              O("span", fn, oe(z), 1)
-            ], 40, pn)) : M("", !0),
-            mt.value ? (v(), N(j, { key: 1 }, [
-              f.value?.type && (!f.value.slotName || f.value.slotName === z) ? (v(!0), N(j, { key: 0 }, U(yt(
-                d(r).slots?.[z] || [],
+              D[2] || (D[2] = O("span", { class: "v-craft-drop-text-label" }, "Drop a component here", -1)),
+              O("span", hn, oe(z), 1)
+            ], 40, fn)) : R("", !0),
+            mt.value ? (v(), E(B, { key: 1 }, [
+              f.value?.type && (!f.value.slotName || f.value.slotName === z) ? (v(!0), E(B, { key: 0 }, j(yt(
+                p(r).slots?.[z] || [],
                 z
-              ), (Y) => (v(), $(F, {
+              ), (Y) => (v(), M(F, {
                 key: Y.key,
                 craftNode: Y.craftNode,
                 context: u(z, pe, Y.dataItem)
-              }, null, 8, ["craftNode", "context"]))), 128)) : M("", !0),
-              (v(!0), N(j, null, U(d(r).slots?.[z] || [], (Y) => (v(), $(Z, {
+              }, null, 8, ["craftNode", "context"]))), 128)) : R("", !0),
+              (v(!0), E(B, null, j(p(r).slots?.[z] || [], (Y) => (v(), M(Z, {
                 key: Y.uuid,
                 craftNode: Y,
                 context: u(z, pe)
               }, null, 8, ["craftNode", "context"]))), 128))
-            ], 64)) : M("", !0)
+            ], 64)) : R("", !0)
           ])
         }))
-      ]), 1040, ["class", "draggable", "onDragend", "onDragover", "onDragstart", "onDrop"])) : M("", !0);
+      ]), 1040, ["class", "draggable", "onDragend", "onDragover", "onDragstart", "onDrop"])) : R("", !0);
     };
   }
-}), Re = /* @__PURE__ */ B({
+}), Me = /* @__PURE__ */ L({
   name: "CraftNodeViewer",
   __name: "CraftNodeViewer",
   props: {
@@ -3143,94 +3170,94 @@ Error:`,
     context: {}
   },
   setup(t) {
-    const e = t, r = he(e, "craftNode"), { editor: n, visible: o } = lt(r), { resolvedNode: s, resolver: a, componentToRender: i, props: l } = _e(r, () => e.context || {});
+    const e = t, r = he(e, "craftNode"), { editor: n, visible: o } = lt(r), { resolvedNode: s, resolver: a, componentToRender: i, props: l } = Pe(r, () => e.context || {});
     te("resolver", a);
-    const u = (y, x = {}, k) => {
-      const L = a?.value?.getSlotsProps?.(r.value)?.[y], X = L ? Object.fromEntries(
-        L.filter((de) => de in x).map((de) => [de, x[de]])
-      ) : x, ce = {
+    const u = (y, N = {}, S) => {
+      const I = a?.value?.getSlotsProps?.(r.value)?.[y], X = I ? Object.fromEntries(
+        I.filter((de) => de in N).map((de) => [de, N[de]])
+      ) : N, ce = {
         ...e.context || {},
         [y]: X
       };
-      return k !== void 0 && (ce.data = k), ce;
-    }, p = _(() => e.nodeDataMap?.[r.value.uuid] || n?.nodeDataMap?.[r.value.uuid]), m = _(() => r.value.slots || {}), f = _(() => W(r.value)), h = _(() => {
-      if (!g.value)
+      return S !== void 0 && (ce.data = S), ce;
+    }, d = C(() => e.nodeDataMap?.[r.value.uuid] || n?.nodeDataMap?.[r.value.uuid]), m = C(() => r.value.slots || {}), f = C(() => W(r.value)), h = C(() => {
+      if (!b.value)
         return [];
-      const y = [], k = a?.value?.resolveNode?.(r.value)?.slots;
-      return k && k.length > 0 ? y.push(...k) : y.push("default"), y;
-    }), g = _(() => f.value ? !0 : Object.values(m.value).some((y) => y.length > 0)), P = (y, x) => p.value ? p.value.slotName && p.value.slotName !== x ? [] : w(p.value, y) : [], A = K(null), { eventHandlers: C } = je(
+      const y = [], S = a?.value?.resolveNode?.(r.value)?.slots;
+      return S && S.length > 0 ? y.push(...S) : y.push("default"), y;
+    }), b = C(() => f.value ? !0 : Object.values(m.value).some((y) => y.length > 0)), P = (y, N) => d.value ? d.value.slotName && d.value.slotName !== N ? [] : w(d.value, y) : [], A = K(null), { eventHandlers: T } = Be(
       r,
       e.eventsContext || n?.eventsContext || {},
       {
         getNodes: () => n?.nodeMap ? Object.fromEntries(n.nodeMap.entries()) : null,
         getNode: (y) => n?.nodeMap.get(y) ?? null,
         nodeValues: n?.nodeRuntimeProps,
-        setNodeProps: (y, x) => n?.setNodeRuntimeProps(y, x),
+        setNodeProps: (y, N) => n?.setNodeRuntimeProps(y, N),
         state: n?.pageState
       }
-    ), b = _(() => n?.nodeRuntimeProps[r.value.uuid] || {}), T = (y) => {
+    ), U = C(() => n?.nodeRuntimeProps[r.value.uuid] || {}), _ = (y) => {
       n?.setNodeRuntimeProps(r.value.uuid, { value: y });
-    }, E = _(() => {
-      const y = (x, k) => (...L) => {
-        k(...L), C.value[x]?.(...L);
+    }, g = C(() => {
+      const y = (N, S) => (...I) => {
+        S(...I), T.value[N]?.(...I);
       };
       return {
-        ...C.value,
-        input: y("input", (x) => T(x?.target?.value)),
-        change: y("change", (x) => T(x?.target?.value)),
-        "update:modelValue": y("update:modelValue", (x) => T(x))
+        ...T.value,
+        input: y("input", (N) => _(N?.target?.value)),
+        change: y("change", (N) => _(N?.target?.value)),
+        "update:modelValue": y("update:modelValue", (N) => _(N))
       };
     });
-    Se(() => {
+    xe(() => {
       A.value && r.value && n && n.setNodeRef(r.value, A.value);
     });
-    const w = (y, x) => y.type === "single" ? x.map((k) => ({
-      key: `${k.uuid}-single`,
+    const w = (y, N) => y.type === "single" ? N.map((S) => ({
+      key: `${S.uuid}-single`,
       craftNode: {
-        ...k,
+        ...S,
         props: {
-          ...k.props,
+          ...S.props,
           ...y.item || {}
         }
       },
       dataItem: y.item || {}
-    })) : y.type === "list" ? y.list ? x.reduce((k, L) => k.concat(
+    })) : y.type === "list" ? y.list ? N.reduce((S, I) => S.concat(
       //@ts-ignore
       y.list.map((X, ce) => ({
-        key: `${L.uuid}-data-${ce}`,
+        key: `${I.uuid}-data-${ce}`,
         craftNode: {
-          ...L,
+          ...I,
           props: {
-            ...L.props,
+            ...I.props,
             ...X || {}
           }
         }
       }))
     ), []) : [] : [];
-    return (y, x) => d(o) && d(a) && d(s) ? (v(), $(Ce(d(i)), xe({
+    return (y, N) => p(o) && p(a) && p(s) ? (v(), M(Ce(p(i)), Se({
       key: 0,
       ref_key: "nodeRef",
       ref: A
-    }, { ...d(l), ...b.value }, Te(E.value)), Ne({ _: 2 }, [
-      U(h.value, (k) => ({
-        name: k,
-        fn: G((L) => [
-          g.value ? (v(), N(j, { key: 0 }, [
-            p.value?.type ? (v(!0), N(j, { key: 1 }, U(P(m.value[k], k), (X) => (v(), $(Re, {
+    }, { ...p(l), ...U.value }, Ue(g.value)), Ne({ _: 2 }, [
+      j(h.value, (S) => ({
+        name: S,
+        fn: G((I) => [
+          b.value ? (v(), E(B, { key: 0 }, [
+            d.value?.type ? (v(!0), E(B, { key: 1 }, j(P(m.value[S], S), (X) => (v(), M(Me, {
               key: X.key,
               craftNode: X.craftNode,
-              context: u(k, L, X.dataItem)
-            }, null, 8, ["craftNode", "context"]))), 128)) : (v(!0), N(j, { key: 0 }, U(m.value[k], (X) => (v(), $(Re, {
+              context: u(S, I, X.dataItem)
+            }, null, 8, ["craftNode", "context"]))), 128)) : (v(!0), E(B, { key: 0 }, j(m.value[S], (X) => (v(), M(Me, {
               key: X.uuid,
               craftNode: X,
-              context: u(k, L)
+              context: u(S, I)
             }, null, 8, ["craftNode", "context"]))), 128))
-          ], 64)) : M("", !0)
+          ], 64)) : R("", !0)
         ])
       }))
-    ]), 1040)) : M("", !0);
+    ]), 1040)) : R("", !0);
   }
-}), Me = /* @__PURE__ */ B({
+}), $e = /* @__PURE__ */ L({
   name: "CraftNodeStatic",
   __name: "CraftNodeStatic",
   props: {
@@ -3243,101 +3270,101 @@ Error:`,
     context: {}
   },
   setup(t) {
-    const e = t, { craftNode: r, nodeMap: n } = be(e), { resolvedNode: o, resolver: s, componentToRender: a, props: i } = _e(r, () => e.context || {});
+    const e = t, { craftNode: r, nodeMap: n } = be(e), { resolvedNode: o, resolver: s, componentToRender: a, props: i } = Pe(r, () => e.context || {});
     te("resolver", s), te("craftNode", We(r.value));
-    const l = (E, w = {}, y) => {
-      const x = s?.value?.getSlotsProps?.(r.value)?.[E], k = x ? Object.fromEntries(
-        x.filter((X) => X in w).map((X) => [X, w[X]])
-      ) : w, L = {
+    const l = (g, w = {}, y) => {
+      const N = s?.value?.getSlotsProps?.(r.value)?.[g], S = N ? Object.fromEntries(
+        N.filter((X) => X in w).map((X) => [X, w[X]])
+      ) : w, I = {
         ...e.context || {},
-        [E]: k
+        [g]: S
       };
-      return y !== void 0 && (L.data = y), L;
-    }, u = _(() => e.nodeDataMap?.[r.value.uuid] || null), p = _(() => r.value.slots || {}), m = _(() => W(r.value)), f = _(() => {
+      return y !== void 0 && (I.data = y), I;
+    }, u = C(() => e.nodeDataMap?.[r.value.uuid] || null), d = C(() => r.value.slots || {}), m = C(() => W(r.value)), f = C(() => {
       if (!h.value)
         return [];
-      const E = [], y = s?.value?.resolveNode?.(r.value)?.slots;
-      return y && y.length > 0 ? E.push(...y) : E.push("default"), E;
-    }), h = _(() => m.value ? !0 : Object.values(p.value).some((E) => E.length > 0)), g = (E, w) => u.value ? u.value.slotName && u.value.slotName !== w ? [] : T(u.value, E) : [], P = (E, w) => {
-      e.nodeRuntimeProps && (e.nodeRuntimeProps[E] = { ...e.nodeRuntimeProps[E] || {}, ...w });
-    }, { eventHandlers: A } = je(
+      const g = [], y = s?.value?.resolveNode?.(r.value)?.slots;
+      return y && y.length > 0 ? g.push(...y) : g.push("default"), g;
+    }), h = C(() => m.value ? !0 : Object.values(d.value).some((g) => g.length > 0)), b = (g, w) => u.value ? u.value.slotName && u.value.slotName !== w ? [] : _(u.value, g) : [], P = (g, w) => {
+      e.nodeRuntimeProps && (e.nodeRuntimeProps[g] = { ...e.nodeRuntimeProps[g] || {}, ...w });
+    }, { eventHandlers: A } = Be(
       r,
       e.eventsContext || {},
       {
         getNodes: () => Object.fromEntries(n.value.entries()),
-        getNode: (E) => n.value.get(E) ?? null,
+        getNode: (g) => n.value.get(g) ?? null,
         nodeValues: e.nodeRuntimeProps,
         setNodeProps: P,
         state: e.pageState
       }
-    ), C = _(() => ({
+    ), T = C(() => ({
       ...i.value,
       ...e.nodeRuntimeProps?.[r.value.uuid] || {}
-    })), b = _(() => {
-      const E = (w, y) => (...x) => {
-        y(...x), A.value[w]?.(...x);
+    })), U = C(() => {
+      const g = (w, y) => (...N) => {
+        y(...N), A.value[w]?.(...N);
       };
       return {
         ...A.value,
-        input: E("input", (w) => P(r.value.uuid, { value: w?.target?.value })),
-        change: E("change", (w) => P(r.value.uuid, { value: w?.target?.value })),
-        "update:modelValue": E("update:modelValue", (w) => P(r.value.uuid, { value: w }))
+        input: g("input", (w) => P(r.value.uuid, { value: w?.target?.value })),
+        change: g("change", (w) => P(r.value.uuid, { value: w?.target?.value })),
+        "update:modelValue": g("update:modelValue", (w) => P(r.value.uuid, { value: w }))
       };
-    }), T = (E, w) => E.type === "single" ? w.map((y) => ({
+    }), _ = (g, w) => g.type === "single" ? w.map((y) => ({
       key: `${y.uuid}-single`,
       craftNode: {
         ...y,
         props: {
           ...y.props,
-          ...E.item || {}
+          ...g.item || {}
         }
       },
-      dataItem: E.item || {}
-    })) : E.type === "list" ? E.list ? w.reduce((y, x) => y.concat(
+      dataItem: g.item || {}
+    })) : g.type === "list" ? g.list ? w.reduce((y, N) => y.concat(
       //@ts-ignore
-      E.list.map((k, L) => ({
-        key: `${x.uuid}-data-${L}`,
+      g.list.map((S, I) => ({
+        key: `${N.uuid}-data-${I}`,
         craftNode: {
-          ...x,
+          ...N,
           props: {
-            ...x.props,
-            ...k || {}
+            ...N.props,
+            ...S || {}
           }
         },
-        dataItem: k || {}
+        dataItem: S || {}
       }))
     ), []) : [] : [];
-    return (E, w) => (d(r).visible || d(r).visible === void 0) && d(s) && d(o) ? (v(), $(Ce(d(a)), xe({
+    return (g, w) => (p(r).visible || p(r).visible === void 0) && p(s) && p(o) ? (v(), M(Ce(p(a)), Se({
       key: 0,
       ref: "nodeRef"
-    }, C.value, Te(b.value)), Ne({ _: 2 }, [
-      U(f.value, (y) => ({
+    }, T.value, Ue(U.value)), Ne({ _: 2 }, [
+      j(f.value, (y) => ({
         name: y,
-        fn: G((x) => [
-          u.value?.type ? (v(!0), N(j, { key: 1 }, U(g(p.value[y], y), (k) => (v(), $(Me, {
-            key: k.key,
-            craftNode: k.craftNode,
-            nodeMap: d(n),
+        fn: G((N) => [
+          u.value?.type ? (v(!0), E(B, { key: 1 }, j(b(d.value[y], y), (S) => (v(), M($e, {
+            key: S.key,
+            craftNode: S.craftNode,
+            nodeMap: p(n),
             nodeDataMap: t.nodeDataMap,
             eventsContext: t.eventsContext,
             nodeRuntimeProps: t.nodeRuntimeProps,
             pageState: t.pageState,
-            context: l(y, x, k.dataItem)
-          }, null, 8, ["craftNode", "nodeMap", "nodeDataMap", "eventsContext", "nodeRuntimeProps", "pageState", "context"]))), 128)) : (v(!0), N(j, { key: 0 }, U(p.value[y], (k) => (v(), $(Me, {
-            key: k.uuid,
-            craftNode: k,
-            nodeMap: d(n),
+            context: l(y, N, S.dataItem)
+          }, null, 8, ["craftNode", "nodeMap", "nodeDataMap", "eventsContext", "nodeRuntimeProps", "pageState", "context"]))), 128)) : (v(!0), E(B, { key: 0 }, j(d.value[y], (S) => (v(), M($e, {
+            key: S.uuid,
+            craftNode: S,
+            nodeMap: p(n),
             nodeDataMap: t.nodeDataMap,
             eventsContext: t.eventsContext,
             nodeRuntimeProps: t.nodeRuntimeProps,
             pageState: t.pageState,
-            context: l(y, x)
+            context: l(y, N)
           }, null, 8, ["craftNode", "nodeMap", "nodeDataMap", "eventsContext", "nodeRuntimeProps", "pageState", "context"]))), 128))
         ])
       }))
-    ]), 1040)) : M("", !0);
+    ]), 1040)) : R("", !0);
   }
-}), vn = /* @__PURE__ */ B({
+}), mn = /* @__PURE__ */ L({
   name: "CraftStaticRenderer",
   __name: "CraftStaticRenderer",
   props: {
@@ -3349,18 +3376,18 @@ Error:`,
   },
   setup(t) {
     const e = t, r = (i, l) => {
-      l.set(i.uuid, i), Object.entries(i.slots).forEach(([u, p]) => {
-        p?.forEach && p.forEach((m) => r(m, l));
+      l.set(i.uuid, i), Object.entries(i.slots).forEach(([u, d]) => {
+        d?.forEach && d.forEach((m) => r(m, l));
       });
-    }, n = _(() => {
+    }, n = C(() => {
       const i = /* @__PURE__ */ new Map();
       return e.nodes.forEach((l) => r(l, i)), i;
-    }), o = _(
+    }), o = C(
       () => e.resolver || new Oe(e.resolverMap)
     );
     te("resolver", o), te("nodeDataMap", e.nodeDataMap || {}), te("eventsContext", e.eventsContext || {});
     const s = He({}), a = He({});
-    return (i, l) => (v(!0), N(j, null, U(t.nodes, (u) => (v(), $(Me, {
+    return (i, l) => (v(!0), E(B, null, j(t.nodes, (u) => (v(), M($e, {
       key: u.uuid,
       craftNode: u,
       nodeMap: n.value,
@@ -3372,27 +3399,27 @@ Error:`,
   }
 }), Ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  CraftCanvas: Yt,
-  CraftComponentSimpleText: Jt,
-  CraftEditor: er,
-  CraftEditorBlueprint: tr,
-  CraftEditorBlueprintsList: ir,
-  CraftEditorPanelBlueprints: dr,
-  CraftEditorPanelForm: pr,
-  CraftEditorPanelLayers: gr,
-  CraftEditorPanelLayout: Pr,
-  CraftEditorPanelNodeDataSourceSettings: wr,
-  CraftEditorPanelNodeEventsSettings: Dr,
-  CraftEditorPanelNodeLayer: Ir,
-  CraftEditorPanelNodeSettings: Ur,
-  CraftEditorPanelNodeSlotPropsSettings: zr,
-  CraftEditorPanelSettings: tn,
-  CraftFrame: sn,
+  CraftCanvas: Qt,
+  CraftComponentSimpleText: er,
+  CraftEditor: tr,
+  CraftEditorBlueprint: rr,
+  CraftEditorBlueprintsList: lr,
+  CraftEditorPanelBlueprints: pr,
+  CraftEditorPanelForm: fr,
+  CraftEditorPanelLayers: yr,
+  CraftEditorPanelLayout: Sr,
+  CraftEditorPanelNodeDataSourceSettings: kr,
+  CraftEditorPanelNodeEventsSettings: Ar,
+  CraftEditorPanelNodeLayer: Tr,
+  CraftEditorPanelNodeSettings: jr,
+  CraftEditorPanelNodeSlotPropsSettings: qr,
+  CraftEditorPanelSettings: rn,
+  CraftFrame: an,
   CraftIframe: it,
-  CraftNodeEditor: hn,
-  CraftNodeViewer: Re,
-  CraftStaticRenderer: vn,
-  Utils: rr
+  CraftNodeEditor: vn,
+  CraftNodeViewer: Me,
+  CraftStaticRenderer: mn,
+  Utils: nr
 }, Symbol.toStringTag, { value: "Module" })), xn = {
   metadata: {
     name: "default"
@@ -3409,7 +3436,7 @@ Error:`,
     }
   }
 };
-function Sn() {
+function On() {
   const t = K(null);
   return { nodeEl: t, vNodeEl: {
     mounted(r) {
@@ -3423,27 +3450,27 @@ function Sn() {
     }
   } };
 }
-const On = (t, e, r) => {
+const wn = (t, e, r) => {
   const n = {
     type: e.type,
     item: e.type === "single" ? {} : void 0,
     list: e.type === "list" ? [] : void 0
   }, o = (a, i) => {
     let l = a;
-    return i.patchSource === "value" ? i.value ?? i.defaultValue ?? null : (i.patchSource === "child" && (l = r), (i.type === "single" ? D({ path: i.fromPath, json: l, resultType: "value" }) : D({ path: i.fromPath, json: l })) ?? i.defaultValue ?? null);
-  }, s = e.type === "single" ? D({ path: e.fromPath, json: t, resultType: "value" }) : D({ path: e.fromPath, json: t });
+    return i.patchSource === "value" ? i.value ?? i.defaultValue ?? null : (i.patchSource === "child" && (l = r), (i.type === "single" ? k({ path: i.fromPath, json: l, resultType: "value" }) : k({ path: i.fromPath, json: l })) ?? i.defaultValue ?? null);
+  }, s = e.type === "single" ? k({ path: e.fromPath, json: t, resultType: "value" }) : k({ path: e.fromPath, json: t });
   return e.type === "single" ? e.patches.forEach((a) => {
     const i = o(s, a);
-    De(n.item, a.toPath, i);
+    Ae(n.item, a.toPath, i);
   }) : e.type === "list" && (n.list = s.map((a) => {
     const i = {};
     return e.patches.forEach((l) => {
       const u = o(a, l);
-      De(i, l.toPath, u);
+      Ae(i, l.toPath, u);
     }), i;
   })), n;
 };
-function mn(t, e) {
+function gn(t, e) {
   const r = {};
   return !t.events || !Object.keys(t.events).length || Object.entries(t.events).forEach(([n, o]) => {
     o?.trim() && (r[n] = (...s) => {
@@ -3466,7 +3493,7 @@ Error:`,
     });
   }), r;
 }
-function gn(t, e, r = "default") {
+function yn(t, e, r = "default") {
   if (!t.slots || !t.slots[r]) return [];
   const n = t.slots[r];
   return e.type === "single" ? n.map((o) => ({
@@ -3481,20 +3508,20 @@ function gn(t, e, r = "default") {
     }))
   ) : [];
 }
-function $e(t, e, r, n, o) {
+function Ie(t, e, r, n, o) {
   if (!tt(t))
     return null;
   const s = e.resolveNode(t), a = s?.componentName || t.componentName, i = r?.[a] || a, l = {
     ...s?.defaultProps || {},
     ...t.props
-  }, u = o ? mn(t, o) : {}, p = n?.[t.uuid];
+  }, u = o ? gn(t, o) : {}, d = n?.[t.uuid];
   let m;
-  return p?.type ? m = gn(
+  return d?.type ? m = yn(
     t,
-    p,
-    p.slotName || "default"
+    d,
+    d.slotName || "default"
   ).map(
-    (h) => $e(
+    (h) => Ie(
       h,
       e,
       r,
@@ -3502,7 +3529,7 @@ function $e(t, e, r, n, o) {
       o
     )
   ).filter((h) => h !== null) : t.slots && (m = Object.values(t.slots).flat().map(
-    (f) => $e(
+    (f) => Ie(
       f,
       e,
       r,
@@ -3511,10 +3538,10 @@ function $e(t, e, r, n, o) {
     )
   ).filter((f) => f !== null)), Dt(i, { key: t.uuid, ...l, ...u }, m);
 }
-function wn(t, e) {
+function kn(t, e) {
   const r = new Oe(e.resolverMap);
   return t.map(
-    (n) => $e(
+    (n) => Ie(
       n,
       r,
       e.componentRegistry,
@@ -3523,7 +3550,7 @@ function wn(t, e) {
     )
   ).filter((n) => n !== null);
 }
-const kn = {
+const Dn = {
   CraftComponentSimpleText: {
     componentName: "CraftComponentSimpleText",
     eventsSchema: {
@@ -3569,55 +3596,55 @@ const kn = {
   CraftCanvas: {
     componentName: "CraftCanvas"
   }
-}, yn = (t) => {
+}, bn = (t) => {
   for (const e in Ye)
     t.component(e, Ye[e]);
-}, Dn = { install: yn };
+}, An = { install: bn };
 export {
-  Yt as CraftCanvas,
-  Jt as CraftComponentSimpleText,
-  er as CraftEditor,
-  tr as CraftEditorBlueprint,
-  ir as CraftEditorBlueprintsList,
-  dr as CraftEditorPanelBlueprints,
-  pr as CraftEditorPanelForm,
-  gr as CraftEditorPanelLayers,
-  Pr as CraftEditorPanelLayout,
-  wr as CraftEditorPanelNodeDataSourceSettings,
-  Dr as CraftEditorPanelNodeEventsSettings,
-  Ir as CraftEditorPanelNodeLayer,
-  Ur as CraftEditorPanelNodeSettings,
-  zr as CraftEditorPanelNodeSlotPropsSettings,
-  tn as CraftEditorPanelSettings,
-  sn as CraftFrame,
+  Qt as CraftCanvas,
+  er as CraftComponentSimpleText,
+  tr as CraftEditor,
+  rr as CraftEditorBlueprint,
+  lr as CraftEditorBlueprintsList,
+  pr as CraftEditorPanelBlueprints,
+  fr as CraftEditorPanelForm,
+  yr as CraftEditorPanelLayers,
+  Sr as CraftEditorPanelLayout,
+  kr as CraftEditorPanelNodeDataSourceSettings,
+  Ar as CraftEditorPanelNodeEventsSettings,
+  Tr as CraftEditorPanelNodeLayer,
+  jr as CraftEditorPanelNodeSettings,
+  qr as CraftEditorPanelNodeSlotPropsSettings,
+  rn as CraftEditorPanelSettings,
+  an as CraftFrame,
   it as CraftIframe,
-  hn as CraftNodeEditor,
+  vn as CraftNodeEditor,
   Oe as CraftNodeResolver,
-  Re as CraftNodeViewer,
-  vn as CraftStaticRenderer,
-  rr as Utils,
-  Dn as VCraft,
+  Me as CraftNodeViewer,
+  mn as CraftStaticRenderer,
+  nr as Utils,
+  An as VCraft,
   nt as buildCraftNodeTree,
   me as craftNodeCanBeChildOf,
-  Pe as craftNodeCanBeSiblingOf,
-  Gt as craftNodeInCanvas,
+  _e as craftNodeCanBeSiblingOf,
+  Wt as craftNodeInCanvas,
   rt as craftNodeIsAncestorOf,
   W as craftNodeIsCanvas,
-  Wt as craftNodeIsDraggable,
+  Zt as craftNodeIsDraggable,
   xn as defaultBlueprints,
-  kn as defaultResolvers,
+  Dn as defaultResolvers,
   ot as initializeSlotsFromResolver,
   tt as isVisible,
-  On as mapData,
-  $e as renderCraftNodeToVNode,
-  wn as renderCraftNodesToVNodes,
+  wn as mapData,
+  Ie as renderCraftNodeToVNode,
+  kn as renderCraftNodesToVNodes,
   ue as resolveNodeName,
-  Br as useAncestorContextBuckets,
-  Qt as useCraftNode,
+  Lr as useAncestorContextBuckets,
+  Gt as useCraftNode,
   q as useEditor,
-  Ue as useIndicator,
-  Sn as useNodeElement,
-  _e as useResolveCraftNode,
-  zt as useResolveCraftNodeProps
+  je as useIndicator,
+  On as useNodeElement,
+  Pe as useResolveCraftNode,
+  qt as useResolveCraftNodeProps
 };
 //# sourceMappingURL=v-craft.es.js.map