x-runtime-lib 0.7.18 → 0.7.19

package/dist/index.js

@@ -77,9 +77,9 @@ function j(t, e) {
   return { color: n(() => s.value === "theme" ? l.value : s.value === "custom" ? o.value : "") };
 }
 function Ut(t, e) {
-  const i = n(() => e.node.border?.style), s = n(() => e.node.border?.width), l = n(() => e.node.border?.color), { color: o } = j(t, l), r = n(() => e.node.border?.roundRadius?.tl), u = n(() => e.node.border?.roundRadius?.tr), d = n(() => e.node.border?.roundRadius?.bl), p = n(() => e.node.border?.roundRadius?.br);
-  function a(c) {
-    i.value && (c.borderStyle = i.value), s.value && (c.borderWidth = s.value), o.value && (c.borderColor = o.value), r.value && (c.borderTopLeftRadius = r.value), u.value && (c.borderTopRightRadius = u.value), d.value && (c.borderBottomLeftRadius = d.value), p.value && (c.borderBottomRightRadius = p.value);
+  const i = n(() => e.node.border?.style), s = n(() => e.node.border?.width), l = n(() => e.node.border?.color), { color: o } = j(t, l), r = n(() => e.node.border?.roundRadius?.tl), u = n(() => e.node.border?.roundRadius?.tr), m = n(() => e.node.border?.roundRadius?.bl), p = n(() => e.node.border?.roundRadius?.br);
+  function a(d) {
+    i.value && (d.borderStyle = i.value), s.value && (d.borderWidth = s.value), o.value && (d.borderColor = o.value), r.value && (d.borderTopLeftRadius = r.value), u.value && (d.borderTopRightRadius = u.value), m.value && (d.borderBottomLeftRadius = m.value), p.value && (d.borderBottomRightRadius = p.value);
   }
   return { borderStyle: i, borderWidth: s, borderColor: o, applyBorder: a };
 }
@@ -193,37 +193,37 @@ function wo(t, e, i, s, l) {
     return;
   }
   if (s) {
-    const d = u.refKey, p = l;
-    if (!u.elements.has(d)) {
+    const m = u.refKey, p = l;
+    if (!u.elements.has(m)) {
       console.error(`spawnNode [ref] element not found in pkg, ${o}`);
       return;
     }
-    const a = re[d];
+    const a = re[m];
     if (!a) {
       console.error(`spawnNode [ref] element not found in global, ${o}`);
       return;
     }
-    const c = a.props[r];
-    if (!c) {
+    const d = a.props[r];
+    if (!d) {
       console.error(`spawnNode [ref] props not found, ${o}`);
       return;
     }
-    const m = {
+    const c = {
       basic: {
         id: "",
         key: ""
       }
     };
-    return L(m, c), m.basic.id = N(16), m.basic.key = d, m.ref = {
+    return L(c, d), c.basic.id = N(16), c.basic.key = m, c.ref = {
       id: p
-    }, m;
+    }, c;
   } else {
-    const d = l;
-    if (!u.elements.has(d)) {
+    const m = l;
+    if (!u.elements.has(m)) {
       console.error(`spawnNode [key] element not found in pkg, ${o}`);
       return;
     }
-    const p = re[d];
+    const p = re[m];
     if (!p) {
       console.error(`spawnNode [key] element not found in global, ${o}`);
       return;
@@ -236,13 +236,13 @@ function wo(t, e, i, s, l) {
         console.error(`spawnNode [key] props not found, ${o}`);
         return;
       }
-      const c = {
+      const d = {
         basic: {
           id: "",
           key: ""
         }
       };
-      return L(c, a), c.basic.id = N(16), c.basic.key = d, p.slots.some((m) => m.key === "default") && (c.children = []), c;
+      return L(d, a), d.basic.id = N(16), d.basic.key = m, p.slots.some((c) => c.key === "default") && (d.children = []), d;
     }
   }
 }
@@ -346,7 +346,7 @@ function se(t, e, i) {
         return a / 100 * e.value.height + "px";
     }
     return i.node.size?.minHeight;
-  }), d = n(() => {
+  }), m = n(() => {
     if (i.outer && t === "editor") {
       const a = ze(i.node.size?.maxHeight);
       if (a)
@@ -355,9 +355,9 @@ function se(t, e, i) {
     return i.node.size?.maxHeight;
   });
   function p(a) {
-    s.value && (a.width = s.value), l.value && (a.minWidth = l.value), o.value && (a.maxWidth = o.value), r.value && (a.height = r.value), u.value && (a.minHeight = u.value), d.value && (a.maxHeight = d.value);
+    s.value && (a.width = s.value), l.value && (a.minWidth = l.value), o.value && (a.maxWidth = o.value), r.value && (a.height = r.value), u.value && (a.minHeight = u.value), m.value && (a.maxHeight = m.value);
   }
-  return { width: s, minWidth: l, maxWidth: o, height: r, minHeight: u, maxHeight: d, applySize: p };
+  return { width: s, minWidth: l, maxWidth: o, height: r, minHeight: u, maxHeight: m, applySize: p };
 }
 function Ei(t, e, i) {
   const s = n(() => e.node.basic.id), l = n(() => `callMethod@${s.value}`);
@@ -447,7 +447,7 @@ const As = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), { width: u, minWidth: d, maxWidth: p, height: a, minHeight: c, maxHeight: m, applySize: b } = se(i, s, e), { applyTitle: y } = yi(e), { applyXAxis: f } = hi(e), { applyYAxis: _ } = gi(e), { applyLegend: k } = bi(e), { applySeries: x } = vi(e), h = n(() => {
+    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), { width: u, minWidth: m, maxWidth: p, height: a, minHeight: d, maxHeight: c, applySize: b } = se(i, s, e), { applyTitle: y } = yi(e), { applyXAxis: f } = hi(e), { applyYAxis: _ } = gi(e), { applyLegend: k } = bi(e), { applySeries: x } = vi(e), h = n(() => {
       const C = {}, G = r.value.type;
       return o === "page" ? G === "common" ? b(C) : console.assert(!1) : o === "comp" && G === "common" ? b(C) : console.assert(!1), C;
     }), w = ei("chart");
@@ -471,11 +471,11 @@ const As = /* @__PURE__ */ T({
         () => s.value.width,
         () => s.value.height,
         u,
-        d,
+        m,
         p,
         a,
-        c,
-        m
+        d,
+        c
       ],
       async () => {
         await ni(), S();
@@ -500,7 +500,7 @@ const As = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), { width: u, minWidth: d, maxWidth: p, height: a, minHeight: c, maxHeight: m, applySize: b } = se(i, s, e), { applyTitle: y } = yi(e), { applyXAxis: f } = hi(e), { applyYAxis: _ } = gi(e), { applyLegend: k } = bi(e), { applySeries: x } = vi(e), h = n(() => {
+    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), { width: u, minWidth: m, maxWidth: p, height: a, minHeight: d, maxHeight: c, applySize: b } = se(i, s, e), { applyTitle: y } = yi(e), { applyXAxis: f } = hi(e), { applyYAxis: _ } = gi(e), { applyLegend: k } = bi(e), { applySeries: x } = vi(e), h = n(() => {
       const C = {}, G = r.value.type;
       return o === "page" ? G === "common" ? b(C) : console.assert(!1) : o === "comp" && G === "common" ? b(C) : console.assert(!1), C;
     }), w = ei("chart");
@@ -524,11 +524,11 @@ const As = /* @__PURE__ */ T({
         () => s.value.width,
         () => s.value.height,
         u,
-        d,
+        m,
         p,
         a,
-        c,
-        m
+        d,
+        c
       ],
       async () => {
         await ni(), S();
@@ -548,45 +548,52 @@ const As = /* @__PURE__ */ T({
   }
 });
 function Ps(t, e) {
-  function i(d) {
-    const p = t.pseudoToNative(d);
-    var a = [];
-    const c = p.split(".");
-    for (let m = 0; m < c.length; m++) {
-      const b = c[m].trim();
-      if (b !== "")
-        if (/^\[\d+\]$/.test(b)) {
-          let y = parseInt(b.slice(1, -1), 10);
-          y > 0 && y--, a.push(y);
+  function i(p) {
+    const a = t.pseudoToNative(p), d = [], c = a.split(".");
+    for (let b = 0; b < c.length; b++) {
+      const y = c[b].trim();
+      if (y !== "")
+        if (/^\[\d+\]$/.test(y)) {
+          let f = parseInt(y.slice(1, -1), 10);
+          f > 0 && f--, d.push(f);
         } else
-          a.push(b);
+          d.push(y);
     }
-    return t.nativeToPseudo(a);
+    return t.nativeToPseudo(d);
   }
-  function s(d) {
-    const p = t.pseudoToNative(d);
-    console.log(p);
+  function s(p) {
+    const a = t.pseudoToNative(p);
+    try {
+      const d = JSON.parse(a);
+      return t.nativeToPseudo(d);
+    } catch {
+      return t.nativeToPseudo({});
+    }
+  }
+  function l(p) {
+    const a = t.pseudoToNative(p);
+    console.log(a);
   }
-  function l(d) {
-    const p = t.pseudoToNative(d);
-    let a = "";
-    typeof p == "object" ? a = JSON.stringify(p) : a = String(p), jt.emit("consoleAppend", a);
+  function o(p) {
+    const a = t.pseudoToNative(p);
+    let d = "";
+    typeof a == "object" ? d = JSON.stringify(a) : d = String(a), jt.emit("consoleAppend", d);
   }
-  function o(d, p) {
-    const a = t.pseudoToNative(d), c = t.pseudoToNative(p);
-    a === "info" ? to(c) : a === "success" ? no(c) : a === "warning" ? ai(c) : a === "error" && ui(c);
+  function r(p, a) {
+    const d = t.pseudoToNative(p), c = t.pseudoToNative(a);
+    d === "info" ? to(c) : d === "success" ? no(c) : d === "warning" ? ai(c) : d === "error" && ui(c);
   }
-  function r(d, p) {
-    const a = t.pseudoToNative(d), c = t.pseudoToNative(p);
+  function u(p, a) {
+    const d = t.pseudoToNative(p), c = t.pseudoToNative(a);
     window.setTimeout(() => {
-      t.appendCode(`__timeoutCallbackV1__(${a})`), t.run();
+      t.appendCode(`__timeoutCallbackV1__(${d})`), t.run();
     }, c);
   }
-  function u(d, p) {
-    const a = t.pseudoToNative(d);
+  function m(p, a) {
+    const d = t.pseudoToNative(p);
     window.setTimeout(() => {
-      p(), t.run();
-    }, a);
+      a(), t.run();
+    }, d);
   }
   t.setProperty(
     e,
@@ -594,24 +601,28 @@ function Ps(t, e) {
     t.createNativeFunction(i)
   ), t.setProperty(
     e,
-    "__consoleLogV1__",
+    "__parseJsonV1__",
     t.createNativeFunction(s)
   ), t.setProperty(
     e,
-    "__debugTraceV1__",
+    "__consoleLogV1__",
     t.createNativeFunction(l)
   ), t.setProperty(
     e,
-    "__messageV1__",
+    "__debugTraceV1__",
     t.createNativeFunction(o)
   ), t.setProperty(
     e,
-    "__timeoutV1__",
+    "__messageV1__",
     t.createNativeFunction(r)
+  ), t.setProperty(
+    e,
+    "__timeoutV1__",
+    t.createNativeFunction(u)
   ), t.setProperty(
     e,
     "__delayV1__",
-    t.createAsyncFunction(u)
+    t.createAsyncFunction(m)
   );
 }
 const Wi = io({
@@ -626,16 +637,16 @@ function Ls(t) {
   return Wi.post("callFunc", t);
 }
 function Es(t, e) {
-  async function i(s, l, o, r, u, d) {
-    const p = t.pseudoToNative(s), a = t.pseudoToNative(l), c = t.pseudoToNative(o), m = t.pseudoToNative(r), b = t.pseudoToNative(u);
+  async function i(s, l, o, r, u, m) {
+    const p = t.pseudoToNative(s), a = t.pseudoToNative(l), d = t.pseudoToNative(o), c = t.pseudoToNative(r), b = t.pseudoToNative(u);
     try {
-      const y = JSON.stringify(c), { strOutputs: f } = await Ls({
+      const y = JSON.stringify(d), { strOutputs: f } = await Ls({
         spaceid: p,
         id: a,
         strInputs: y,
-        env: m
+        env: c
       }), _ = JSON.parse(f);
-      d(t.nativeToPseudo(_)), t.run();
+      m(t.nativeToPseudo(_)), t.run();
     } catch (y) {
       console.error("callFuncV1 failed", b, y);
     }
@@ -688,16 +699,16 @@ class Ws {
 }
 function Bs(t, e, i) {
   const s = new Ws(t);
-  function l(m, b, y) {
-    const f = e.pseudoToNative(m), _ = e.pseudoToNative(b), k = e.pseudoToNative(y), x = s.addNode(f, _, k);
+  function l(c, b, y) {
+    const f = e.pseudoToNative(c), _ = e.pseudoToNative(b), k = e.pseudoToNative(y), x = s.addNode(f, _, k);
     return e.nativeToPseudo(x);
   }
-  function o(m) {
-    const b = e.pseudoToNative(m);
+  function o(c) {
+    const b = e.pseudoToNative(c);
     s.deleteNode(b);
   }
-  function r(m, b) {
-    const y = e.pseudoToNative(m), f = e.pseudoToNative(b), _ = `id=${y} keys=${f}`;
+  function r(c, b) {
+    const y = e.pseudoToNative(c), f = e.pseudoToNative(b), _ = `id=${y} keys=${f}`;
     let k;
     if (y === "globality" ? k = t.data.view : k = s.getNode(y), !k) {
       console.error(`getNodePropV1 node not found, ${_}`);
@@ -715,8 +726,8 @@ function Bs(t, e, i) {
       k = k[g];
     }
   }
-  function u(m, b, y) {
-    const f = e.pseudoToNative(m), _ = e.pseudoToNative(b), k = e.pseudoToNative(y), x = `id=${f} keys=${_} value=${k}`;
+  function u(c, b, y) {
+    const f = e.pseudoToNative(c), _ = e.pseudoToNative(b), k = e.pseudoToNative(y), x = `id=${f} keys=${_} value=${k}`;
     let h;
     if (f === "globality" ? h = t.data.view : h = s.getNode(f), !h) {
       console.error(`setNodePropV1 node not found, ${x}`);
@@ -736,12 +747,12 @@ function Bs(t, e, i) {
       }
     }
   }
-  function d(m, b, y, f) {
-    const _ = e.pseudoToNative(m), k = e.pseudoToNative(b), x = e.pseudoToNative(y), h = { outputs: [] };
+  function m(c, b, y, f) {
+    const _ = e.pseudoToNative(c), k = e.pseudoToNative(b), x = e.pseudoToNative(y), h = { outputs: [] };
     t.eventBus?.emit(`callMethod@${_}`, { name: k, inputs: x, result: h }), f(e.nativeToPseudo(h.outputs)), e.run();
   }
-  function p(m, b) {
-    const y = e.pseudoToNative(m), f = e.pseudoToNative(b);
+  function p(c, b) {
+    const y = e.pseudoToNative(c), f = e.pseudoToNative(b);
     if (t.mode === "runtime") {
       const _ = "/main/" + Date.now(), k = {
         orgid: t.org,
@@ -755,14 +766,14 @@ function Bs(t, e, i) {
       )
     );
   }
-  function a(m, b, y) {
-    const f = e.pseudoToNative(m), _ = e.pseudoToNative(b);
+  function a(c, b, y) {
+    const f = e.pseudoToNative(c), _ = e.pseudoToNative(b);
     oo({ title: f, text: _ }).then((k) => {
       y(e.nativeToPseudo(k)), e.run();
     });
   }
-  function c(m, b, y, f) {
-    const _ = e.pseudoToNative(m), k = e.pseudoToNative(b), x = e.pseudoToNative(y);
+  function d(c, b, y, f) {
+    const _ = e.pseudoToNative(c), k = e.pseudoToNative(b), x = e.pseudoToNative(y);
     so({ title: _, label: k, value: x }).then((h) => {
       f(e.nativeToPseudo(h)), e.run();
     });
@@ -786,7 +797,7 @@ function Bs(t, e, i) {
   ), e.setProperty(
     i,
     "__callNodeMethodV1__",
-    e.createAsyncFunction(d)
+    e.createAsyncFunction(m)
   ), e.setProperty(
     i,
     "__navigateToV1__",
@@ -798,7 +809,7 @@ function Bs(t, e, i) {
   ), e.setProperty(
     i,
     "__openPromptDlgV1__",
-    e.createAsyncFunction(c)
+    e.createAsyncFunction(d)
   );
 }
 function Ds(t, e, i) {
@@ -984,28 +995,28 @@ const Gs = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const { t: e } = fi(), i = t, s = Ai(), l = Ni(), o = F(), r = te(), u = ne(), d = ie(), p = Pi(), a = ce(-1), c = ce(), m = {};
-    Li(m);
+    const { t: e } = fi(), i = t, s = Ai(), l = Ni(), o = F(), r = te(), u = ne(), m = ie(), p = Pi(), a = ce(-1), d = ce(), c = {};
+    Li(c);
     const b = () => {
-      m.eventBus && (m.eventBus = void 0), m.interpreter && (Di(m.interpreter), m.interpreter = void 0);
+      c.eventBus && (c.eventBus = void 0), c.interpreter && (Di(c.interpreter), c.interpreter = void 0);
     };
     ii(() => {
       if (!i.refContext.refid) {
-        a.value = -1, c.value = void 0, b();
+        a.value = -1, d.value = void 0, b();
         return;
       }
       const g = p.value[i.refContext.refid];
       if (!g) {
-        a.value = -1, c.value = null, b(), jt.emit("compNotAvail", i.refContext.refid);
+        a.value = -1, d.value = null, b(), jt.emit("compNotAvail", i.refContext.refid);
         return;
       }
-      if (a.value === g.dataSeq || (a.value = g.dataSeq, c.value = R(g.data), o !== "runtime" && o !== "preview"))
+      if (a.value === g.dataSeq || (a.value = g.dataSeq, d.value = R(g.data), o !== "runtime" && o !== "preview"))
         return;
       b();
-      const $ = c.value, S = $.code.script;
+      const $ = d.value, S = $.code.script;
       if (S) {
         const P = Ri();
-        m.eventBus = P, m.interpreter = Bi(
+        c.eventBus = P, c.interpreter = Bi(
           { org: s, env: l, mode: o, type: u, data: $, eventBus: P },
           S
         );
@@ -1014,11 +1025,11 @@ const Gs = /* @__PURE__ */ T({
       b();
     });
     const { applySize: y } = se(o, r, i), f = n(() => {
-      const g = {}, $ = d.value.type;
+      const g = {}, $ = m.value.type;
       return u === "page" ? $ === "common" ? y(g) : console.assert(!1) : u === "comp" && $ === "common" ? y(g) : console.assert(!1), g;
     });
     function _(g) {
-      const $ = rn[d.value.version].refKey, S = re[$];
+      const $ = rn[m.value.version].refKey, S = re[$];
       return S ? O(S.comp, {
         refContext: {
           parent: i.refContext,
@@ -1052,12 +1063,12 @@ const Gs = /* @__PURE__ */ T({
     const w = () => {
       if (h())
         return O("div", { id: i.id }, e("x-runtime-lib.circularRef"));
-      if (!c.value)
-        return c.value === void 0 ? O("div", { id: i.id }) : O("div", { id: i.id }, e("x-runtime-lib.compNotAvail"));
-      const g = c.value.type;
+      if (!d.value)
+        return d.value === void 0 ? O("div", { id: i.id }) : O("div", { id: i.id }, e("x-runtime-lib.compNotAvail"));
+      const g = d.value.type;
       if (g === "common") {
         const $ = [];
-        return c.value.view.nodes.forEach((S) => {
+        return d.value.view.nodes.forEach((S) => {
           $.push(x(S));
         }), O("div", { id: i.id, style: f.value }, $);
       } else
@@ -1072,34 +1083,34 @@ const Gs = /* @__PURE__ */ T({
     state: {}
   },
   setup(t) {
-    const { t: e } = fi(), i = t, s = Ai(), l = Ni(), o = F(), r = ne(), u = ie(), d = Pi(), p = ce(-1), a = ce(), c = {};
-    Li(c);
-    const m = () => {
-      c.eventBus && (c.eventBus = void 0), c.interpreter && (Di(c.interpreter), c.interpreter = void 0);
+    const { t: e } = fi(), i = t, s = Ai(), l = Ni(), o = F(), r = ne(), u = ie(), m = Pi(), p = ce(-1), a = ce(), d = {};
+    Li(d);
+    const c = () => {
+      d.eventBus && (d.eventBus = void 0), d.interpreter && (Di(d.interpreter), d.interpreter = void 0);
     };
     ii(() => {
       if (!i.refContext.refid) {
-        p.value = -1, a.value = void 0, m();
+        p.value = -1, a.value = void 0, c();
         return;
       }
-      const h = d.value[i.refContext.refid];
+      const h = m.value[i.refContext.refid];
       if (!h) {
-        p.value = -1, a.value = null, m(), jt.emit("compNotAvail", i.refContext.refid);
+        p.value = -1, a.value = null, c(), jt.emit("compNotAvail", i.refContext.refid);
         return;
       }
       if (p.value === h.dataSeq || (p.value = h.dataSeq, a.value = R(h.data), o !== "runtime" && o !== "preview"))
         return;
-      m();
+      c();
       const w = a.value, g = w.code.script;
       if (g) {
         const $ = Ri();
-        c.eventBus = $, c.interpreter = Bi(
+        d.eventBus = $, d.interpreter = Bi(
           { org: s, env: l, mode: o, type: r, data: w, eventBus: $ },
           g
         );
       }
     }), ge(() => {
-      m();
+      c();
     });
     const b = () => {
       console.log("triggerUpdate");
@@ -1166,7 +1177,7 @@ const Gs = /* @__PURE__ */ T({
   },
   setup(t) {
     const e = t, i = B(), s = n(() => e.node.settings?.content), l = n(() => e.node.settings?.dot), o = n(() => i.value ? "dark" : "light"), r = n(() => e.node.settings?.offset?.x), u = n(() => e.node.settings?.offset?.y);
-    return (d, p) => {
+    return (m, p) => {
       const a = A("v-badge");
       return V(), z(a, {
         content: s.value,
@@ -1176,7 +1187,7 @@ const Gs = /* @__PURE__ */ T({
         theme: o.value
       }, {
         default: W(() => [
-          M(d.$slots, "default")
+          M(m.$slots, "default")
         ]),
         _: 3
       }, 8, ["content", "dot", "offset-x", "offset-y", "theme"]);
@@ -1189,7 +1200,7 @@ const Gs = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = B(), l = Te(), o = n(() => e.node.settings?.addIcon?.append), r = n(() => e.node.settings?.block), u = n(() => e.node.settings?.color), { color: d } = j(s, u), p = n(() => e.node.settings?.density), a = n(() => e.node.settings?.disabled), c = n(() => e.node.size?.height), m = n(() => e.node.settings?.loading), b = n(() => e.node.size?.maxHeight), y = n(() => e.node.size?.maxWidth), f = n(() => e.node.size?.minHeight), _ = n(() => e.node.size?.minWidth), k = n(() => e.node.settings?.addIcon?.prepend), x = n(() => e.node.settings?.readonly), h = n(() => e.node.settings?.ripple), w = n(() => e.node.settings?.size), g = n(() => e.node.settings?.stacked), $ = n(() => e.node.settings?.text), S = n(() => s.value ? "dark" : "light"), P = n(() => e.node.settings?.variant), C = n(() => e.node.size?.width), G = (Y) => {
+    const e = t, i = F(), s = B(), l = Te(), o = n(() => e.node.settings?.addIcon?.append), r = n(() => e.node.settings?.block), u = n(() => e.node.settings?.color), { color: m } = j(s, u), p = n(() => e.node.settings?.density), a = n(() => e.node.settings?.disabled), d = n(() => e.node.size?.height), c = n(() => e.node.settings?.loading), b = n(() => e.node.size?.maxHeight), y = n(() => e.node.size?.maxWidth), f = n(() => e.node.size?.minHeight), _ = n(() => e.node.size?.minWidth), k = n(() => e.node.settings?.addIcon?.prepend), x = n(() => e.node.settings?.readonly), h = n(() => e.node.settings?.ripple), w = n(() => e.node.settings?.size), g = n(() => e.node.settings?.stacked), $ = n(() => e.node.settings?.text), S = n(() => s.value ? "dark" : "light"), P = n(() => e.node.settings?.variant), C = n(() => e.node.size?.width), G = (Y) => {
       if (i !== "runtime" && i !== "preview")
         return;
       const K = l.interpreter;
@@ -1203,11 +1214,11 @@ const Gs = /* @__PURE__ */ T({
       return V(), z(X, {
         "append-icon": o.value,
         block: r.value,
-        color: D(d),
+        color: D(m),
         density: p.value,
         disabled: a.value,
-        height: c.value,
-        loading: m.value,
+        height: d.value,
+        loading: c.value,
         "max-height": b.value,
         "max-width": y.value,
         "min-height": f.value,
@@ -1247,7 +1258,7 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = B(), s = n(() => e.node.settings?.block), l = n(() => e.node.settings?.disabled), o = n(() => e.node.settings?.divided), r = n(() => e.node.settings?.mandatory), u = n(() => e.node.settings?.multiple), d = n(() => e.node.settings?.readonly), p = n(() => e.node.settings?.size), a = n(() => e.node.settings?.stacked), c = n(() => i.value ? "dark" : "light"), m = n(() => e.node.settings?.tile), b = n(() => e.node.settings?.variant);
+    const e = t, i = B(), s = n(() => e.node.settings?.block), l = n(() => e.node.settings?.disabled), o = n(() => e.node.settings?.divided), r = n(() => e.node.settings?.mandatory), u = n(() => e.node.settings?.multiple), m = n(() => e.node.settings?.readonly), p = n(() => e.node.settings?.size), a = n(() => e.node.settings?.stacked), d = n(() => i.value ? "dark" : "light"), c = n(() => e.node.settings?.tile), b = n(() => e.node.settings?.variant);
     return (y, f) => {
       const _ = A("v-btn-toggle");
       return V(), z(_, {
@@ -1256,11 +1267,11 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
         divided: o.value,
         mandatory: r.value,
         multiple: u.value,
-        readonly: d.value,
+        readonly: m.value,
         size: p.value,
         stacked: a.value,
-        theme: c.value,
-        tile: m.value,
+        theme: d.value,
+        tile: c.value,
         variant: b.value
       }, {
         default: W(() => [
@@ -1277,7 +1288,7 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = B(), s = n(() => e.node.settings?.density), l = n(() => e.node.settings?.disabled), o = n(() => e.node.size?.height), r = n(() => e.node.settings?.hover), u = n(() => e.node.settings?.loading), d = n(() => e.node.size?.maxHeight), p = n(() => e.node.size?.maxWidth), a = n(() => e.node.size?.minHeight), c = n(() => e.node.size?.minWidth), m = n(() => e.node.settings?.subtitle), b = n(() => e.node.settings?.text), y = n(() => i.value ? "dark" : "light"), f = n(() => e.node.settings?.title), _ = n(() => e.node.settings?.variant), k = n(() => e.node.size?.width);
+    const e = t, i = B(), s = n(() => e.node.settings?.density), l = n(() => e.node.settings?.disabled), o = n(() => e.node.size?.height), r = n(() => e.node.settings?.hover), u = n(() => e.node.settings?.loading), m = n(() => e.node.size?.maxHeight), p = n(() => e.node.size?.maxWidth), a = n(() => e.node.size?.minHeight), d = n(() => e.node.size?.minWidth), c = n(() => e.node.settings?.subtitle), b = n(() => e.node.settings?.text), y = n(() => i.value ? "dark" : "light"), f = n(() => e.node.settings?.title), _ = n(() => e.node.settings?.variant), k = n(() => e.node.size?.width);
     return (x, h) => {
       const w = A("v-card");
       return V(), z(w, {
@@ -1286,11 +1297,11 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
         height: o.value,
         hover: r.value,
         loading: u.value,
-        "max-height": d.value,
+        "max-height": m.value,
         "max-width": p.value,
         "min-height": a.value,
-        "min-width": c.value,
-        subtitle: m.value,
+        "min-width": d.value,
+        subtitle: c.value,
         text: b.value,
         theme: y.value,
         title: f.value,
@@ -1327,7 +1338,7 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = B(), s = n(() => e.node.settings?.closable), l = n(() => e.node.settings?.color), { color: o } = j(i, l), r = n(() => e.node.settings?.density), u = n(() => e.node.settings?.disabled), d = n(() => e.node.settings?.draggable), p = n(() => e.node.settings?.filter), a = n(() => e.node.settings?.label), c = n(() => e.node.settings?.size), m = n(() => e.node.settings?.text), b = n(() => i.value ? "dark" : "light"), y = n(() => e.node.settings?.tile), f = n(() => e.node.settings?.value), _ = n(() => e.node.settings?.variant);
+    const e = t, i = B(), s = n(() => e.node.settings?.closable), l = n(() => e.node.settings?.color), { color: o } = j(i, l), r = n(() => e.node.settings?.density), u = n(() => e.node.settings?.disabled), m = n(() => e.node.settings?.draggable), p = n(() => e.node.settings?.filter), a = n(() => e.node.settings?.label), d = n(() => e.node.settings?.size), c = n(() => e.node.settings?.text), b = n(() => i.value ? "dark" : "light"), y = n(() => e.node.settings?.tile), f = n(() => e.node.settings?.value), _ = n(() => e.node.settings?.variant);
     return (k, x) => {
       const h = A("v-chip");
       return V(), z(h, {
@@ -1335,11 +1346,11 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
         color: D(o),
         density: r.value,
         disabled: u.value,
-        draggable: d.value,
+        draggable: m.value,
         filter: p.value,
         label: a.value,
-        size: c.value,
-        text: m.value,
+        size: d.value,
+        text: c.value,
         theme: b.value,
         tile: y.value,
         value: f.value,
@@ -1354,12 +1365,12 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = B(), s = n(() => e.node.settings?.column), l = n(() => e.node.settings?.direction), o = n(() => e.node.settings?.disabled), r = n(() => e.node.settings?.filter), u = n(() => e.node.settings?.mandatory), d = n(() => e.node.settings?.value), p = (b) => {
+    const e = t, i = B(), s = n(() => e.node.settings?.column), l = n(() => e.node.settings?.direction), o = n(() => e.node.settings?.disabled), r = n(() => e.node.settings?.filter), u = n(() => e.node.settings?.mandatory), m = n(() => e.node.settings?.value), p = (b) => {
       if (!e.node.settings)
         return;
       const { settings: y } = e.node;
       y.value = b;
-    }, a = n(() => e.node.settings?.multiple), c = n(() => e.node.settings?.showArrows), m = n(() => i.value ? "dark" : "light");
+    }, a = n(() => e.node.settings?.multiple), d = n(() => e.node.settings?.showArrows), c = n(() => i.value ? "dark" : "light");
     return (b, y) => {
       const f = A("v-chip-group");
       return V(), z(f, {
@@ -1368,10 +1379,10 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
         disabled: o.value,
         filter: r.value,
         mandatory: u.value,
-        "model-value": d.value,
+        "model-value": m.value,
         multiple: a.value,
-        "show-arrows": c.value,
-        theme: m.value,
+        "show-arrows": d.value,
+        theme: c.value,
         "onUpdate:modelValue": p
       }, {
         default: W(() => [
@@ -1388,21 +1399,21 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), { applySize: u } = se(i, s, e), d = n(() => {
+    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), { applySize: u } = se(i, s, e), m = n(() => {
       const k = {}, x = r.value.type;
       return o === "page" ? x === "common" ? u(k) : console.assert(!1) : o === "comp" && x === "common" ? u(k) : console.assert(!1), k;
-    }), p = n(() => e.node.settings?.disabled), a = n(() => e.node.settings?.hideCanvas), c = n(() => e.node.settings?.hideHeader), m = n(() => e.node.settings?.hideInputs), b = n(() => e.node.settings?.hideSliders), y = n(() => e.node.settings?.landscape), f = n(() => e.node.settings?.showSwatches), _ = n(() => l.value ? "dark" : "light");
+    }), p = n(() => e.node.settings?.disabled), a = n(() => e.node.settings?.hideCanvas), d = n(() => e.node.settings?.hideHeader), c = n(() => e.node.settings?.hideInputs), b = n(() => e.node.settings?.hideSliders), y = n(() => e.node.settings?.landscape), f = n(() => e.node.settings?.showSwatches), _ = n(() => l.value ? "dark" : "light");
     return (k, x) => {
       const h = A("v-color-picker");
       return V(), z(h, {
         disabled: p.value,
         "hide-canvas": a.value,
-        "hide-header": c.value,
-        "hide-inputs": m.value,
+        "hide-header": d.value,
+        "hide-inputs": c.value,
         "hide-sliders": b.value,
         landscape: y.value,
         "show-swatches": f.value,
-        style: ue(d.value),
+        style: ue(m.value),
         theme: _.value
       }, null, 8, ["disabled", "hide-canvas", "hide-header", "hide-inputs", "hide-sliders", "landscape", "show-swatches", "style", "theme"]);
     };
@@ -1414,8 +1425,8 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = B(), l = n(() => e.node.settings?.hideDetails), o = n(() => e.node.settings?.label), r = n(() => e.node.settings?.value), u = n(() => e.node.settings?.placeholder), d = n(() => i !== "runtime" && i !== "preview" ? !0 : e.node.settings?.readonly), p = n(() => e.node.settings?.singleLine), a = n(() => s.value ? "dark" : "light");
-    return (c, m) => {
+    const e = t, i = F(), s = B(), l = n(() => e.node.settings?.hideDetails), o = n(() => e.node.settings?.label), r = n(() => e.node.settings?.value), u = n(() => e.node.settings?.placeholder), m = n(() => i !== "runtime" && i !== "preview" ? !0 : e.node.settings?.readonly), p = n(() => e.node.settings?.singleLine), a = n(() => s.value ? "dark" : "light");
+    return (d, c) => {
       const b = A("v-combobox");
       return D(i) === "editor" ? (V(), q("div", nl, [
         Z(b, {
@@ -1423,7 +1434,7 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
           label: o.value,
           "model-value": r.value,
           placeholder: u.value,
-          readonly: d.value,
+          readonly: m.value,
           "single-line": p.value,
           theme: a.value
         }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"])
@@ -1433,7 +1444,7 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
         label: o.value,
         "model-value": r.value,
         placeholder: u.value,
-        readonly: d.value,
+        readonly: m.value,
         "single-line": p.value,
         theme: a.value
       }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"]));
@@ -1446,9 +1457,9 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), u = n(() => e.node.settings?.backgroundColor), { color: d } = j(l, u), { applySize: p } = se(i, s, e), { applyMargin: a } = Zt(e), { applyPadding: c } = qt(e), { applyBorder: m } = Ut(l, e), b = n(() => {
+    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), u = n(() => e.node.settings?.backgroundColor), { color: m } = j(l, u), { applySize: p } = se(i, s, e), { applyMargin: a } = Zt(e), { applyPadding: d } = qt(e), { applyBorder: c } = Ut(l, e), b = n(() => {
       const y = {}, f = r.value.type;
-      return o === "page" ? f === "common" ? (p(y), a(y), c(y), m(y), d.value && (y.backgroundColor = d.value)) : console.assert(!1) : o === "comp" && f === "common" ? (p(y), a(y), c(y), m(y), d.value && (y.backgroundColor = d.value)) : console.assert(!1), y;
+      return o === "page" ? f === "common" ? (p(y), a(y), d(y), c(y), m.value && (y.backgroundColor = m.value)) : console.assert(!1) : o === "comp" && f === "common" ? (p(y), a(y), d(y), c(y), m.value && (y.backgroundColor = m.value)) : console.assert(!1), y;
     });
     return (y, f) => (V(), q("div", {
       style: ue(b.value)
@@ -1463,10 +1474,10 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = B(), s = n(() => e.node.settings?.density), l = n(() => e.node.settings?.fixedFooter), o = n(() => e.node.settings?.fixedHeader), r = n(() => e.node.settings?.headers), u = n(() => e.node.size?.height), d = n(() => e.node.settings?.hover), p = n(() => {
+    const e = t, i = B(), s = n(() => e.node.settings?.density), l = n(() => e.node.settings?.fixedFooter), o = n(() => e.node.settings?.fixedHeader), r = n(() => e.node.settings?.headers), u = n(() => e.node.size?.height), m = n(() => e.node.settings?.hover), p = n(() => {
       const f = e.node.settings?.data;
       return typeof f == "string" ? JSON.parse(f) : f;
-    }), a = n(() => e.node.settings?.loading), c = n(() => e.node.settings?.multiSort), m = n(() => i.value ? "dark" : "light"), b = n(() => e.node.size?.width), y = n(() => {
+    }), a = n(() => e.node.settings?.loading), d = n(() => e.node.settings?.multiSort), c = n(() => i.value ? "dark" : "light"), b = n(() => e.node.size?.width), y = n(() => {
       const f = [];
       return (e.node.slots?.items ?? []).forEach((k) => {
         k.column && k.comp && f.push(k);
@@ -1480,11 +1491,11 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
         "fixed-header": o.value,
         headers: r.value,
         height: u.value,
-        hover: d.value,
+        hover: m.value,
         items: p.value,
         loading: a.value,
-        "multi-sort": c.value,
-        theme: m.value,
+        "multi-sort": d.value,
+        theme: c.value,
         width: b.value
       }, we({ _: 2 }, [
         Yi(y.value, (x) => ({
@@ -1517,11 +1528,11 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
         return;
       const { name: p } = u;
       p === "open" ? o.value = !0 : p === "close" && (o.value = !1);
-    }), (u, d) => {
+    }), (u, m) => {
       const p = A("v-dialog");
       return V(), z(p, {
         modelValue: D(o),
-        "onUpdate:modelValue": d[0] || (d[0] = (a) => si(o) ? o.value = a : null),
+        "onUpdate:modelValue": m[0] || (m[0] = (a) => si(o) ? o.value = a : null),
         attach: "#dialogContainer"
       }, {
         activator: W(() => [
@@ -1544,7 +1555,7 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = n(() => e.node.settings?.chips), l = n(() => e.node.settings?.density), o = n(() => e.node.settings?.direction), r = n(() => e.node.settings?.disabled), u = n(() => e.node.settings?.label), d = n(() => e.node.settings?.loading), p = n(() => e.node.settings?.multiple), a = n(() => i !== "runtime" && i !== "preview" ? !0 : e.node.settings?.readonly), c = n(() => e.node.settings?.reverse), m = n(() => e.node.settings?.singleLine);
+    const e = t, i = F(), s = n(() => e.node.settings?.chips), l = n(() => e.node.settings?.density), o = n(() => e.node.settings?.direction), r = n(() => e.node.settings?.disabled), u = n(() => e.node.settings?.label), m = n(() => e.node.settings?.loading), p = n(() => e.node.settings?.multiple), a = n(() => i !== "runtime" && i !== "preview" ? !0 : e.node.settings?.readonly), d = n(() => e.node.settings?.reverse), c = n(() => e.node.settings?.singleLine);
     return (b, y) => {
       const f = A("v-file-input");
       return V(), z(f, {
@@ -1553,11 +1564,11 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
         direction: o.value,
         disabled: r.value,
         label: u.value,
-        loading: d.value,
+        loading: m.value,
         multiple: p.value,
         readonly: a.value,
-        reverse: c.value,
-        "single-line": m.value
+        reverse: d.value,
+        "single-line": c.value
       }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"]);
     };
   }
@@ -1568,8 +1579,8 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), { applySize: u } = se(i, s, e), { applyMargin: d } = Zt(e), { applyPadding: p } = qt(e), { applyBorder: a } = Ut(l, e), c = n(() => e.node.settings?.backgroundColor), { color: m } = j(l, c), b = (f) => {
-      m.value && (f.backgroundColor = m.value), f.display = "flex";
+    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), { applySize: u } = se(i, s, e), { applyMargin: m } = Zt(e), { applyPadding: p } = qt(e), { applyBorder: a } = Ut(l, e), d = n(() => e.node.settings?.backgroundColor), { color: c } = j(l, d), b = (f) => {
+      c.value && (f.backgroundColor = c.value), f.display = "flex";
       const _ = ki(s.value.width), k = ve(_, e.node.settings?.direction);
       k === "row" ? f.flexDirection = "row" : k === "rowReverse" ? f.flexDirection = "row-reverse" : k === "column" ? f.flexDirection = "column" : k === "columnReverse" && (f.flexDirection = "column-reverse");
       const x = ve(_, e.node.settings?.wrap);
@@ -1580,7 +1591,7 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
       w === "start" ? f.alignItems = "flex-start" : w === "end" ? f.alignItems = "flex-end" : w === "center" ? f.alignItems = "center" : w === "baseline" ? f.alignItems = "baseline" : w === "stretch" && (f.alignItems = "stretch");
     }, y = n(() => {
       const f = {}, _ = r.value.type;
-      return o === "page" ? _ === "common" ? (u(f), d(f), p(f), a(f), b(f)) : console.assert(!1) : o === "comp" && _ === "common" ? (u(f), d(f), p(f), a(f), b(f)) : console.assert(!1), f;
+      return o === "page" ? _ === "common" ? (u(f), m(f), p(f), a(f), b(f)) : console.assert(!1) : o === "comp" && _ === "common" ? (u(f), m(f), p(f), a(f), b(f)) : console.assert(!1), f;
     });
     return (f, _) => (V(), q("div", {
       style: ue(y.value)
@@ -1595,11 +1606,11 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = te(), l = ne(), o = ie(), { applySize: r } = se(i, s, e), u = n(() => e.node.settings?.grow), d = n(() => e.node.settings?.shrink), p = n(() => {
-      const a = {}, c = o.value.type;
-      return l === "page" ? c === "common" ? (r(a), a.flexGrow = u.value ? 1 : 0, a.flexShrink = d.value ? 1 : 0) : console.assert(!1) : l === "comp" && c === "common" ? (r(a), a.flexGrow = u.value ? 1 : 0, a.flexShrink = d.value ? 1 : 0) : console.assert(!1), a;
+    const e = t, i = F(), s = te(), l = ne(), o = ie(), { applySize: r } = se(i, s, e), u = n(() => e.node.settings?.grow), m = n(() => e.node.settings?.shrink), p = n(() => {
+      const a = {}, d = o.value.type;
+      return l === "page" ? d === "common" ? (r(a), a.flexGrow = u.value ? 1 : 0, a.flexShrink = m.value ? 1 : 0) : console.assert(!1) : l === "comp" && d === "common" ? (r(a), a.flexGrow = u.value ? 1 : 0, a.flexShrink = m.value ? 1 : 0) : console.assert(!1), a;
     });
-    return (a, c) => (V(), q("div", {
+    return (a, d) => (V(), q("div", {
       style: ue(p.value)
     }, [
       M(a.$slots, "default")
@@ -1612,14 +1623,14 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), u = Te(), d = n({
+    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), u = Te(), m = n({
       get: () => e.node.settings?.valid,
       set: (x) => {
         e.node.settings && (e.node.settings.valid = !!x);
       }
-    }), p = n(() => e.node.settings?.fastFail), { applySize: a } = se(i, s, e), { applyMargin: c } = Zt(e), { applyPadding: m } = qt(e), { applyBorder: b } = Ut(l, e), y = n(() => e.node.settings?.backgroundColor), { color: f } = j(l, y), _ = n(() => {
+    }), p = n(() => e.node.settings?.fastFail), { applySize: a } = se(i, s, e), { applyMargin: d } = Zt(e), { applyPadding: c } = qt(e), { applyBorder: b } = Ut(l, e), y = n(() => e.node.settings?.backgroundColor), { color: f } = j(l, y), _ = n(() => {
       const x = {}, h = r.value.type;
-      return o === "page" ? h === "common" ? (a(x), c(x), m(x), b(x), f.value && (x.backgroundColor = f.value)) : console.assert(!1) : o === "comp" && h === "common" ? (a(x), c(x), m(x), b(x), f.value && (x.backgroundColor = f.value)) : console.assert(!1), x;
+      return o === "page" ? h === "common" ? (a(x), d(x), c(x), b(x), f.value && (x.backgroundColor = f.value)) : console.assert(!1) : o === "comp" && h === "common" ? (a(x), d(x), c(x), b(x), f.value && (x.backgroundColor = f.value)) : console.assert(!1), x;
     }), k = () => {
       if (i !== "runtime" && i !== "preview")
         return;
@@ -1632,8 +1643,8 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     return (x, h) => {
       const w = A("v-form");
       return V(), z(w, {
-        modelValue: d.value,
-        "onUpdate:modelValue": h[0] || (h[0] = (g) => d.value = g),
+        modelValue: m.value,
+        "onUpdate:modelValue": h[0] || (h[0] = (g) => m.value = g),
         "fast-fail": p.value,
         style: ue(_.value),
         onSubmit: Ji(k, ["prevent"])
@@ -1652,15 +1663,15 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = B(), s = n(() => e.node.settings?.color), { color: l } = j(i, s), o = n(() => e.node.settings?.disabled), r = n(() => e.node.settings?.icon), u = n(() => e.node.settings?.size), d = n(() => i.value ? "dark" : "light");
+    const e = t, i = B(), s = n(() => e.node.settings?.color), { color: l } = j(i, s), o = n(() => e.node.settings?.disabled), r = n(() => e.node.settings?.icon), u = n(() => e.node.settings?.size), m = n(() => i.value ? "dark" : "light");
     return (p, a) => {
-      const c = A("v-icon");
-      return V(), z(c, {
+      const d = A("v-icon");
+      return V(), z(d, {
         color: D(l),
         disabled: o.value,
         icon: r.value,
         size: u.value,
-        theme: d.value
+        theme: m.value
       }, null, 8, ["color", "disabled", "icon", "size", "theme"]);
     };
   }
@@ -1671,20 +1682,20 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = Te(), l = ce(0), o = ce(0), r = n(() => [l.value, o.value]), u = n(() => e.node.basic?.id), { open: d } = di(`runtimeMenu/${oi()}`);
+    const e = t, i = F(), s = Te(), l = ce(0), o = ce(0), r = n(() => [l.value, o.value]), u = n(() => e.node.basic?.id), { open: m } = di(`runtimeMenu/${oi()}`);
     return Ei(s, e, (a) => {
       if (i !== "runtime" && i !== "preview")
         return;
-      const c = s.interpreter;
-      if (!c)
+      const d = s.interpreter;
+      if (!d)
         return;
-      const { name: m } = a;
-      m === "open" ? (l.value = c.getProperty(c.globalObject, "__pointerPosX__"), o.value = c.getProperty(c.globalObject, "__pointerPosY__"), d.value = !0) : m === "close" && (d.value = !1);
-    }), (a, c) => {
-      const m = A("v-menu");
-      return V(), z(m, {
-        modelValue: D(d),
-        "onUpdate:modelValue": c[0] || (c[0] = (b) => si(d) ? d.value = b : null),
+      const { name: c } = a;
+      c === "open" ? (l.value = d.getProperty(d.globalObject, "__pointerPosX__"), o.value = d.getProperty(d.globalObject, "__pointerPosY__"), m.value = !0) : c === "close" && (m.value = !1);
+    }), (a, d) => {
+      const c = A("v-menu");
+      return V(), z(c, {
+        modelValue: D(m),
+        "onUpdate:modelValue": d[0] || (d[0] = (b) => si(m) ? m.value = b : null),
         attach: "menuContainer",
         "location-strategy": "connected",
         scrim: "transparent",
@@ -1710,7 +1721,7 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = B(), l = n(() => e.node.settings?.addIcon?.append), o = n(() => e.node.settings?.addIcon?.appendInner), r = n(() => e.node.settings?.clearable), u = n(() => e.node.settings?.hideDetails), d = n(() => e.node.settings?.label), p = n(() => e.node.settings?.loading), a = n(() => e.node.settings?.max), c = n(() => e.node.size?.maxWidth), m = n(() => e.node.settings?.min), b = n(() => e.node.size?.minWidth), y = n(() => e.node.settings?.value), f = n(() => e.node.settings?.placeholder), _ = n(() => e.node.settings?.precision), k = n(() => e.node.settings?.prefix), x = n(() => e.node.settings?.addIcon?.prepend), h = n(() => e.node.settings?.addIcon?.prependInner), w = n(() => i !== "runtime" && i !== "preview" ? !0 : e.node.settings?.readonly), g = n(() => e.node.settings?.reverse), $ = n(() => e.node.settings?.singleLine), S = n(() => e.node.settings?.step), P = n(() => e.node.settings?.suffix), C = n(() => s.value ? "dark" : "light"), G = n(() => e.node.settings?.variant), Y = n(() => e.node.size?.width);
+    const e = t, i = F(), s = B(), l = n(() => e.node.settings?.addIcon?.append), o = n(() => e.node.settings?.addIcon?.appendInner), r = n(() => e.node.settings?.clearable), u = n(() => e.node.settings?.hideDetails), m = n(() => e.node.settings?.label), p = n(() => e.node.settings?.loading), a = n(() => e.node.settings?.max), d = n(() => e.node.size?.maxWidth), c = n(() => e.node.settings?.min), b = n(() => e.node.size?.minWidth), y = n(() => e.node.settings?.value), f = n(() => e.node.settings?.placeholder), _ = n(() => e.node.settings?.precision), k = n(() => e.node.settings?.prefix), x = n(() => e.node.settings?.addIcon?.prepend), h = n(() => e.node.settings?.addIcon?.prependInner), w = n(() => i !== "runtime" && i !== "preview" ? !0 : e.node.settings?.readonly), g = n(() => e.node.settings?.reverse), $ = n(() => e.node.settings?.singleLine), S = n(() => e.node.settings?.step), P = n(() => e.node.settings?.suffix), C = n(() => s.value ? "dark" : "light"), G = n(() => e.node.settings?.variant), Y = n(() => e.node.size?.width);
     return (K, X) => {
       const oe = A("v-number-input");
       return V(), z(oe, {
@@ -1718,11 +1729,11 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
         "append-inner-icon": o.value,
         clearable: r.value,
         "hide-details": u.value,
-        label: d.value,
+        label: m.value,
         loading: p.value,
         max: a.value,
-        "max-width": c.value,
-        min: m.value,
+        "max-width": d.value,
+        min: c.value,
         "min-width": b.value,
         "model-value": y.value,
         placeholder: f.value,
@@ -1748,7 +1759,7 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = B(), s = n(() => e.node.settings?.density), l = n(() => e.node.settings?.disabled), o = n(() => e.node.settings?.length), r = n(() => e.node.settings?.value), u = n(() => e.node.settings?.showFirstLastPage), d = n(() => e.node.settings?.size), p = n(() => e.node.settings?.start), a = n(() => i.value ? "dark" : "light"), c = n(() => e.node.settings?.tile), m = n(() => e.node.settings?.variant);
+    const e = t, i = B(), s = n(() => e.node.settings?.density), l = n(() => e.node.settings?.disabled), o = n(() => e.node.settings?.length), r = n(() => e.node.settings?.value), u = n(() => e.node.settings?.showFirstLastPage), m = n(() => e.node.settings?.size), p = n(() => e.node.settings?.start), a = n(() => i.value ? "dark" : "light"), d = n(() => e.node.settings?.tile), c = n(() => e.node.settings?.variant);
     return (b, y) => {
       const f = A("v-pagination");
       return V(), z(f, {
@@ -1757,11 +1768,11 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
         length: o.value,
         "model-value": r.value,
         "show-first-last-page": u.value,
-        size: d.value,
+        size: m.value,
         start: p.value,
         theme: a.value,
-        tile: c.value,
-        variant: m.value
+        tile: d.value,
+        variant: c.value
       }, null, 8, ["density", "disabled", "length", "model-value", "show-first-last-page", "size", "start", "theme", "tile", "variant"]);
     };
   }
@@ -1772,15 +1783,15 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = B(), s = n(() => e.node.settings?.color), { color: l } = j(i, s), o = n(() => e.node.settings?.density), r = n(() => e.node.settings?.disabled), u = n(() => e.node.settings?.label), d = n(() => e.node.settings?.readonly), p = n(() => i.value ? "dark" : "light"), a = n(() => e.node.settings?.value);
-    return (c, m) => {
+    const e = t, i = B(), s = n(() => e.node.settings?.color), { color: l } = j(i, s), o = n(() => e.node.settings?.density), r = n(() => e.node.settings?.disabled), u = n(() => e.node.settings?.label), m = n(() => e.node.settings?.readonly), p = n(() => i.value ? "dark" : "light"), a = n(() => e.node.settings?.value);
+    return (d, c) => {
       const b = A("v-radio");
       return V(), z(b, {
         color: D(l),
         density: o.value,
         disabled: r.value,
         label: u.value,
-        readonly: d.value,
+        readonly: m.value,
         theme: p.value,
         value: a.value
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
@@ -1793,8 +1804,8 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = B(), l = n(() => e.node.settings?.density), o = n(() => e.node.settings?.direction), r = n(() => e.node.settings?.disabled), u = n(() => e.node.settings?.inline), d = n(() => e.node.settings?.value), p = n(() => e.node.settings?.readonly), a = n(() => s.value ? "dark" : "light");
-    return (c, m) => {
+    const e = t, i = F(), s = B(), l = n(() => e.node.settings?.density), o = n(() => e.node.settings?.direction), r = n(() => e.node.settings?.disabled), u = n(() => e.node.settings?.inline), m = n(() => e.node.settings?.value), p = n(() => e.node.settings?.readonly), a = n(() => s.value ? "dark" : "light");
+    return (d, c) => {
       const b = A("v-radio-group");
       return D(i) === "editor" ? (V(), q("div", kl, [
         Z(b, {
@@ -1802,12 +1813,12 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
           direction: o.value,
           disabled: r.value,
           inline: u.value,
-          "model-value": d.value,
+          "model-value": m.value,
           readonly: p.value,
           theme: a.value
         }, {
           default: W(() => [
-            M(c.$slots, "default")
+            M(d.$slots, "default")
           ]),
           _: 3
         }, 8, ["density", "direction", "disabled", "inline", "model-value", "readonly", "theme"])
@@ -1817,12 +1828,12 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
         direction: o.value,
         disabled: r.value,
         inline: u.value,
-        "model-value": d.value,
+        "model-value": m.value,
         readonly: p.value,
         theme: a.value
       }, {
         default: W(() => [
-          M(c.$slots, "default")
+          M(d.$slots, "default")
         ]),
         _: 3
       }, 8, ["density", "direction", "disabled", "inline", "model-value", "readonly", "theme"]));
@@ -1835,15 +1846,15 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = F(), i = B(), s = n(() => t.node.settings?.density), l = n(() => t.node.settings?.direction), o = n(() => t.node.settings?.disabled), r = n(() => t.node.settings?.hideDetails), u = n(() => t.node.settings?.label), d = n(() => t.node.settings?.max), p = n(() => t.node.settings?.min), a = n(() => {
+    const e = F(), i = B(), s = n(() => t.node.settings?.density), l = n(() => t.node.settings?.direction), o = n(() => t.node.settings?.disabled), r = n(() => t.node.settings?.hideDetails), u = n(() => t.node.settings?.label), m = n(() => t.node.settings?.max), p = n(() => t.node.settings?.min), a = n(() => {
       const S = t.node.settings?.value?.start, P = t.node.settings?.value?.end;
       return [S, P];
-    }), c = ([S, P]) => {
+    }), d = ([S, P]) => {
       if (!t.node.settings?.value)
         return;
       const { value: C } = t.node.settings;
       C.start = S, C.end = P;
-    }, m = n(() => t.node.settings?.readonly), b = n(() => t.node.settings?.showTicks), y = n(() => {
+    }, c = n(() => t.node.settings?.readonly), b = n(() => t.node.settings?.showTicks), y = n(() => {
       if (b.value === "always")
         return "always";
       if (b.value === "show")
@@ -1871,10 +1882,10 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
           disabled: o.value,
           "hide-details": r.value,
           label: u.value,
-          max: d.value,
+          max: m.value,
           min: p.value,
           "model-value": a.value,
-          readonly: m.value,
+          readonly: c.value,
           "show-ticks": y.value,
           step: f.value,
           theme: _.value,
@@ -1890,10 +1901,10 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
         disabled: o.value,
         "hide-details": r.value,
         label: u.value,
-        max: d.value,
+        max: m.value,
         min: p.value,
         "model-value": a.value,
-        readonly: m.value,
+        readonly: c.value,
         "show-ticks": y.value,
         step: f.value,
         theme: _.value,
@@ -1901,7 +1912,7 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
         "thumb-size": h.value,
         "tick-size": $.value,
         ticks: g.value,
-        "onUpdate:modelValue": c
+        "onUpdate:modelValue": d
       }, null, 8, ["density", "direction", "disabled", "hide-details", "label", "max", "min", "model-value", "readonly", "show-ticks", "step", "theme", "thumb-label", "thumb-size", "tick-size", "ticks"]));
     };
   }
@@ -1912,13 +1923,13 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = B(), i = n(() => t.node.settings?.clearable), s = n(() => t.node.settings?.density), l = n(() => t.node.settings?.disabled), o = n(() => t.node.settings?.halfIncrements), r = n(() => t.node.settings?.hover), u = n(() => t.node.settings?.length), d = n(() => t.node.settings?.value), p = (m) => {
+    const e = B(), i = n(() => t.node.settings?.clearable), s = n(() => t.node.settings?.density), l = n(() => t.node.settings?.disabled), o = n(() => t.node.settings?.halfIncrements), r = n(() => t.node.settings?.hover), u = n(() => t.node.settings?.length), m = n(() => t.node.settings?.value), p = (c) => {
       if (!t.node.settings)
         return;
       const { settings: b } = t.node;
-      b.value = m;
-    }, a = n(() => t.node.settings?.readonly), c = n(() => e.value ? "dark" : "light");
-    return (m, b) => {
+      b.value = c;
+    }, a = n(() => t.node.settings?.readonly), d = n(() => e.value ? "dark" : "light");
+    return (c, b) => {
       const y = A("v-rating");
       return V(), z(y, {
         clearable: i.value,
@@ -1927,9 +1938,9 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
         "half-increments": o.value,
         hover: r.value,
         length: u.value,
-        "model-value": d.value,
+        "model-value": m.value,
         readonly: a.value,
-        theme: c.value,
+        theme: d.value,
         "onUpdate:modelValue": p
       }, null, 8, ["clearable", "density", "disabled", "half-increments", "hover", "length", "model-value", "readonly", "theme"]);
     };
@@ -1941,8 +1952,8 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = B(), l = n(() => e.node.settings?.hideDetails), o = n(() => e.node.settings?.label), r = n(() => e.node.settings?.value), u = n(() => e.node.settings?.placeholder), d = n(() => i !== "runtime" && i !== "preview" ? !0 : e.node.settings?.readonly), p = n(() => e.node.settings?.singleLine), a = n(() => s.value ? "dark" : "light");
-    return (c, m) => {
+    const e = t, i = F(), s = B(), l = n(() => e.node.settings?.hideDetails), o = n(() => e.node.settings?.label), r = n(() => e.node.settings?.value), u = n(() => e.node.settings?.placeholder), m = n(() => i !== "runtime" && i !== "preview" ? !0 : e.node.settings?.readonly), p = n(() => e.node.settings?.singleLine), a = n(() => s.value ? "dark" : "light");
+    return (d, c) => {
       const b = A("v-select");
       return D(i) === "editor" ? (V(), q("div", Cl, [
         Z(b, {
@@ -1950,7 +1961,7 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
           label: o.value,
           "model-value": r.value,
           placeholder: u.value,
-          readonly: d.value,
+          readonly: m.value,
           "single-line": p.value,
           theme: a.value
         }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"])
@@ -1960,7 +1971,7 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
         label: o.value,
         "model-value": r.value,
         placeholder: u.value,
-        readonly: d.value,
+        readonly: m.value,
         "single-line": p.value,
         theme: a.value
       }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"]));
@@ -1973,7 +1984,7 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = F(), i = lo(), s = n(() => t.node.settings?.color), { color: l } = j(i, s), o = n(() => t.node.settings?.direction), r = n(() => t.node.settings?.disabled), u = n(() => t.node.settings?.hideDetails), d = n(() => t.node.settings?.label), p = n(() => t.node.settings?.max), a = n(() => t.node.settings?.min), c = n(() => t.node.settings?.value), m = n(() => t.node.settings?.readonly), b = n(() => !!t.node.settings?.reverse), y = n(() => t.node.settings?.showTicks), f = n(() => {
+    const e = F(), i = lo(), s = n(() => t.node.settings?.color), { color: l } = j(i, s), o = n(() => t.node.settings?.direction), r = n(() => t.node.settings?.disabled), u = n(() => t.node.settings?.hideDetails), m = n(() => t.node.settings?.label), p = n(() => t.node.settings?.max), a = n(() => t.node.settings?.min), d = n(() => t.node.settings?.value), c = n(() => t.node.settings?.readonly), b = n(() => !!t.node.settings?.reverse), y = n(() => t.node.settings?.showTicks), f = n(() => {
       if (y.value === "always")
         return "always";
       if (y.value === "show")
@@ -2000,11 +2011,11 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
           direction: o.value,
           disabled: r.value,
           "hide-details": u.value,
-          label: d.value,
+          label: m.value,
           max: p.value,
           min: a.value,
-          "model-value": c.value,
-          readonly: m.value,
+          "model-value": d.value,
+          readonly: c.value,
           reverse: b.value,
           "show-ticks": f.value,
           step: _.value,
@@ -2043,11 +2054,11 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
         direction: o.value,
         disabled: r.value,
         "hide-details": u.value,
-        label: d.value,
+        label: m.value,
         max: p.value,
         min: a.value,
-        "model-value": c.value,
-        readonly: m.value,
+        "model-value": d.value,
+        readonly: c.value,
         reverse: b.value,
         "show-ticks": f.value,
         step: _.value,
@@ -2166,8 +2177,8 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = n(() => e.node.settings?.density), l = n(() => e.node.settings?.direction), o = n(() => e.node.settings?.disabled), r = n(() => e.node.settings?.hideDetails), u = n(() => e.node.settings?.indeterminate), d = n(() => e.node.settings?.inline), p = n(() => e.node.settings?.inset), a = n(() => e.node.settings?.label), c = n(() => e.node.settings?.loading);
-    return (m, b) => {
+    const e = t, i = F(), s = n(() => e.node.settings?.density), l = n(() => e.node.settings?.direction), o = n(() => e.node.settings?.disabled), r = n(() => e.node.settings?.hideDetails), u = n(() => e.node.settings?.indeterminate), m = n(() => e.node.settings?.inline), p = n(() => e.node.settings?.inset), a = n(() => e.node.settings?.label), d = n(() => e.node.settings?.loading);
+    return (c, b) => {
       const y = A("v-switch");
       return D(i) === "editor" ? (V(), q("div", Rl, [
         Z(y, {
@@ -2176,10 +2187,10 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
           disabled: o.value,
           "hide-details": r.value,
           indeterminate: u.value,
-          inline: d.value,
+          inline: m.value,
           inset: p.value,
           label: a.value,
-          loading: c.value
+          loading: d.value
         }, null, 8, ["density", "direction", "disabled", "hide-details", "indeterminate", "inline", "inset", "label", "loading"])
       ])) : (V(), z(y, {
         key: 1,
@@ -2188,10 +2199,10 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
         disabled: o.value,
         "hide-details": r.value,
         indeterminate: u.value,
-        inline: d.value,
+        inline: m.value,
         inset: p.value,
         label: a.value,
-        loading: c.value
+        loading: d.value
       }, null, 8, ["density", "direction", "disabled", "hide-details", "indeterminate", "inline", "inset", "label", "loading"]));
     };
   }
@@ -2204,8 +2215,8 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
   setup(t) {
     const e = t, i = B(), s = n(() => e.node.settings?.text), l = n(() => i.value ? "dark" : "light"), o = n(() => e.node.settings?.value);
     return (r, u) => {
-      const d = A("v-tab");
-      return V(), z(d, {
+      const m = A("v-tab");
+      return V(), z(m, {
         text: s.value,
         theme: l.value,
         value: o.value
@@ -2219,18 +2230,18 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = B(), s = n(() => e.node.settings?.alignTabs), l = n(() => e.node.settings?.color?.backgroundColor), { color: o } = j(i, l), r = n(() => e.node.settings?.centerActive), u = n(() => e.node.settings?.color?.selectedColor), { color: d } = j(i, u), p = n(() => e.node.settings?.density), a = n(() => e.node.settings?.direction), c = n(() => e.node.settings?.disabled), m = n(() => e.node.settings?.fixedTabs), b = n(() => e.node.settings?.grow), y = n(() => e.node.settings?.hideSlider), f = n(() => e.node.settings?.items), _ = n(() => e.node.settings?.mandatory), k = n(() => !!e.node.settings?.showArrows), x = n(() => e.node.settings?.color?.sliderColor), { color: h } = j(i, x), w = n(() => e.node.settings?.stacked), g = n(() => i.value ? "dark" : "light");
+    const e = t, i = B(), s = n(() => e.node.settings?.alignTabs), l = n(() => e.node.settings?.color?.backgroundColor), { color: o } = j(i, l), r = n(() => e.node.settings?.centerActive), u = n(() => e.node.settings?.color?.selectedColor), { color: m } = j(i, u), p = n(() => e.node.settings?.density), a = n(() => e.node.settings?.direction), d = n(() => e.node.settings?.disabled), c = n(() => e.node.settings?.fixedTabs), b = n(() => e.node.settings?.grow), y = n(() => e.node.settings?.hideSlider), f = n(() => e.node.settings?.items), _ = n(() => e.node.settings?.mandatory), k = n(() => !!e.node.settings?.showArrows), x = n(() => e.node.settings?.color?.sliderColor), { color: h } = j(i, x), w = n(() => e.node.settings?.stacked), g = n(() => i.value ? "dark" : "light");
     return ($, S) => {
       const P = A("v-tabs");
       return V(), z(P, {
         "align-tabs": s.value,
         "bg-color": D(o),
         "center-active": r.value,
-        color: D(d),
+        color: D(m),
         density: p.value,
         direction: a.value,
-        disabled: c.value,
-        "fixed-tabs": m.value,
+        disabled: d.value,
+        "fixed-tabs": c.value,
         grow: b.value,
         "hide-slider": y.value,
         items: f.value,
@@ -2254,11 +2265,11 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = te(), s = n(() => e.node.settings?.align), l = n(() => e.node.settings?.decoration), o = n(() => e.node.settings?.emphasis), r = n(() => e.node.settings?.italic), u = n(() => e.node.settings?.text), d = n(() => e.node.settings?.weight), p = n(() => {
-      const a = [], c = ki(i.value.width), m = ve(c, e.node.settings?.style);
-      return m && a.push(`text-${m}`), o.value === "high" ? a.push("text-high-emphasis") : o.value === "medium" ? a.push("text-medium-emphasis") : o.value === "disabled" && a.push("text-disabled"), s.value && a.push(`font-${s.value}`), l.value && a.push(`text-decoration-${l.value}`), d.value && a.push(`font-weight-${d.value}`), r.value && a.push("font-italic"), a.join(" ");
+    const e = t, i = te(), s = n(() => e.node.settings?.align), l = n(() => e.node.settings?.decoration), o = n(() => e.node.settings?.emphasis), r = n(() => e.node.settings?.italic), u = n(() => e.node.settings?.text), m = n(() => e.node.settings?.weight), p = n(() => {
+      const a = [], d = ki(i.value.width), c = ve(d, e.node.settings?.style);
+      return c && a.push(`text-${c}`), o.value === "high" ? a.push("text-high-emphasis") : o.value === "medium" ? a.push("text-medium-emphasis") : o.value === "disabled" && a.push("text-disabled"), s.value && a.push(`font-${s.value}`), l.value && a.push(`text-decoration-${l.value}`), m.value && a.push(`font-weight-${m.value}`), r.value && a.push("font-italic"), a.join(" ");
     });
-    return (a, c) => (V(), q("span", {
+    return (a, d) => (V(), q("span", {
       class: Qi(p.value)
     }, eo(u.value), 3));
   }
@@ -2269,7 +2280,7 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = B(), s = n(() => e.node.settings?.autoGrow), l = n(() => e.node.settings?.clearable), o = n(() => e.node.settings?.density), r = n(() => e.node.settings?.disabled), u = n(() => e.node.settings?.label), d = n(() => e.node.settings?.loading), p = n(() => e.node.settings?.maxRows), a = n(() => e.node.settings?.value), c = n(() => e.node.settings?.placeholder), m = n(() => e.node.settings?.readonly), b = n(() => e.node.settings?.reverse), y = n(() => e.node.settings?.rows), f = n(() => e.node.settings?.singleLine), _ = n(() => i.value ? "dark" : "light"), k = n(() => e.node.settings?.variant);
+    const e = t, i = B(), s = n(() => e.node.settings?.autoGrow), l = n(() => e.node.settings?.clearable), o = n(() => e.node.settings?.density), r = n(() => e.node.settings?.disabled), u = n(() => e.node.settings?.label), m = n(() => e.node.settings?.loading), p = n(() => e.node.settings?.maxRows), a = n(() => e.node.settings?.value), d = n(() => e.node.settings?.placeholder), c = n(() => e.node.settings?.readonly), b = n(() => e.node.settings?.reverse), y = n(() => e.node.settings?.rows), f = n(() => e.node.settings?.singleLine), _ = n(() => i.value ? "dark" : "light"), k = n(() => e.node.settings?.variant);
     return (x, h) => {
       const w = A("v-textarea");
       return V(), z(w, {
@@ -2278,11 +2289,11 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
         density: o.value,
         disabled: r.value,
         label: u.value,
-        loading: d.value,
+        loading: m.value,
         "max-rows": p.value,
         "model-value": a.value,
-        placeholder: c.value,
-        readonly: m.value,
+        placeholder: d.value,
+        readonly: c.value,
         reverse: b.value,
         rows: y.value,
         "single-line": f.value,
@@ -2298,7 +2309,7 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = B(), l = n(() => e.node.settings?.appendIcon), o = n(() => e.node.settings?.appendInnerIcon), r = n(() => e.node.settings?.autofocus), u = n(() => e.node.settings?.clearable), d = n(() => e.node.settings?.density), p = n(() => e.node.settings?.disabled), a = n(() => e.node.settings?.hideDetails), c = n(() => e.node.settings?.label), m = n(() => e.node.settings?.loading), b = n(() => e.node.settings?.placeholder), y = n(() => e.node.settings?.prefix), f = n(() => e.node.settings?.prependIcon), _ = n(() => e.node.settings?.prependInnerIcon), k = n(() => i !== "runtime" && i !== "preview" ? !0 : e.node.settings?.readonly), x = n(() => e.node.settings?.reverse), h = n(() => e.node.settings?.singleLine), w = n(() => e.node.settings?.suffix), g = n(() => s.value ? "dark" : "light"), $ = n(() => e.node.settings?.variant), S = n(() => e.node.slots?.append), P = n(() => e.node.slots?.appendInner), C = n(() => e.node.slots?.prepend), G = n(() => e.node.slots?.prependInner);
+    const e = t, i = F(), s = B(), l = n(() => e.node.settings?.appendIcon), o = n(() => e.node.settings?.appendInnerIcon), r = n(() => e.node.settings?.autofocus), u = n(() => e.node.settings?.clearable), m = n(() => e.node.settings?.density), p = n(() => e.node.settings?.disabled), a = n(() => e.node.settings?.hideDetails), d = n(() => e.node.settings?.label), c = n(() => e.node.settings?.loading), b = n(() => e.node.settings?.placeholder), y = n(() => e.node.settings?.prefix), f = n(() => e.node.settings?.prependIcon), _ = n(() => e.node.settings?.prependInnerIcon), k = n(() => i !== "runtime" && i !== "preview" ? !0 : e.node.settings?.readonly), x = n(() => e.node.settings?.reverse), h = n(() => e.node.settings?.singleLine), w = n(() => e.node.settings?.suffix), g = n(() => s.value ? "dark" : "light"), $ = n(() => e.node.settings?.variant), S = n(() => e.node.slots?.append), P = n(() => e.node.slots?.appendInner), C = n(() => e.node.slots?.prepend), G = n(() => e.node.slots?.prependInner);
     return (Y, K) => {
       const X = A("v-text-field");
       return V(), z(X, {
@@ -2306,11 +2317,11 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
         "append-inner-icon": o.value,
         autofocus: r.value,
         clearable: u.value,
-        density: d.value,
+        density: m.value,
         disabled: p.value,
         "hide-details": a.value,
-        label: c.value,
-        loading: m.value,
+        label: d.value,
+        loading: c.value,
         placeholder: b.value,
         prefix: y.value,
         "prepend-icon": f.value,
@@ -2372,7 +2383,7 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = B(), i = n(() => t.node.settings?.align), s = n(() => t.node.settings?.density), l = n(() => t.node.settings?.direction), o = n(() => t.node.settings?.dot?.color), { color: r } = j(e, o), u = n(() => t.node.settings?.dot?.fill), d = n(() => t.node.settings?.hideOpposite), p = n(() => t.node.settings?.line?.color), { color: a } = j(e, p), c = n(() => t.node.settings?.line?.inset), m = n(() => t.node.settings?.line?.thickness), b = n(() => t.node.settings?.side), y = n(() => e.value ? "dark" : "light"), f = n(() => t.node.settings?.line.truncate);
+    const e = B(), i = n(() => t.node.settings?.align), s = n(() => t.node.settings?.density), l = n(() => t.node.settings?.direction), o = n(() => t.node.settings?.dot?.color), { color: r } = j(e, o), u = n(() => t.node.settings?.dot?.fill), m = n(() => t.node.settings?.hideOpposite), p = n(() => t.node.settings?.line?.color), { color: a } = j(e, p), d = n(() => t.node.settings?.line?.inset), c = n(() => t.node.settings?.line?.thickness), b = n(() => t.node.settings?.side), y = n(() => e.value ? "dark" : "light"), f = n(() => t.node.settings?.line.truncate);
     return (_, k) => {
       const x = A("v-timeline");
       return V(), z(x, {
@@ -2381,10 +2392,10 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
         direction: l.value,
         "dot-color": D(r),
         "fill-dot": u.value,
-        "hide-opposite": d.value,
+        "hide-opposite": m.value,
         "line-color": D(a),
-        "line-inset": c.value,
-        "line-thickness": m.value,
+        "line-inset": d.value,
+        "line-thickness": c.value,
         side: b.value,
         theme: y.value,
         "truncate-line": f.value
@@ -2413,17 +2424,17 @@ const ql = /* @__PURE__ */ be(Ul, [["render", Zl]]), Xl = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = B(), i = n(() => t.node.settings?.continuous), s = n(() => t.node.settings?.disabled), l = n(() => t.node.settings?.direction), o = n(() => t.node.settings?.value), r = n(() => t.node.settings?.reverse), u = n(() => t.node.settings?.showArrows), d = n(() => e.value ? "dark" : "light"), p = n(() => t.node.settings?.touch);
-    return (a, c) => {
-      const m = A("v-window");
-      return V(), z(m, {
+    const e = B(), i = n(() => t.node.settings?.continuous), s = n(() => t.node.settings?.disabled), l = n(() => t.node.settings?.direction), o = n(() => t.node.settings?.value), r = n(() => t.node.settings?.reverse), u = n(() => t.node.settings?.showArrows), m = n(() => e.value ? "dark" : "light"), p = n(() => t.node.settings?.touch);
+    return (a, d) => {
+      const c = A("v-window");
+      return V(), z(c, {
         continuous: i.value,
         direction: l.value,
         disabled: s.value,
         "model-value": o.value,
         reverse: r.value,
         "show-arrows": u.value,
-        theme: d.value,
+        theme: m.value,
         touch: p.value
       }, {
         default: W(() => [
@@ -3953,7 +3964,7 @@ function hr(t, e) {
     gr(t, e)
   ], o;
 }
-function It(t, e, i, s, l, o, r, u, d) {
+function It(t, e, i, s, l, o, r, u, m) {
   const p = `type=${t} subtype=${e}`, a = E(t, e);
   if (!a) {
     console.error(
@@ -3961,13 +3972,13 @@ function It(t, e, i, s, l, o, r, u, d) {
     );
     return;
   }
-  const c = $t.props[a];
-  if (!c) {
+  const d = $t.props[a];
+  if (!d) {
     console.error(`flexLayoutV1/spawnContainer props not found, ${p}`);
     return;
   }
-  const m = {};
-  return L(m, c), m.basic.id = N(16), m.basic.key = $t.key, s && (m.size.width = s), l && (m.size.minWidth = l), r && (m.size.height = r), u && (m.size.minHeight = u), console.log(m), i && (m.settings.backgroundColor.mode = "custom", m.settings.backgroundColor.custom.light = i, m.settings.backgroundColor.custom.dark = i), m.children = [], m;
+  const c = {};
+  return L(c, d), c.basic.id = N(16), c.basic.key = $t.key, s && (c.size.width = s), l && (c.size.minWidth = l), r && (c.size.height = r), u && (c.size.minHeight = u), console.log(c), i && (c.settings.backgroundColor.mode = "custom", c.settings.backgroundColor.custom.light = i, c.settings.backgroundColor.custom.dark = i), c.children = [], c;
 }
 function gr(t, e) {
   const i = `type=${t} subtype=${e}`, s = E(t, e);