x-runtime-lib 0.7.16 → 0.7.18

package/dist/index.js

@@ -1,7 +1,7 @@
 import { computed as n, inject as Q, provide as ee, readonly as Kt, onBeforeMount as Xi, onUnmounted as ge, defineComponent as T, useTemplateRef as ei, onMounted as ti, watch as le, nextTick as ni, createElementBlock as q, openBlock as V, normalizeStyle as ue, ref as ce, watchEffect as ii, createBlock as z, h as O, resolveComponent as A, withCtx as W, renderSlot as M, unref as D, createVNode as Z, createSlots as we, renderList as Yi, useId as oi, isRef as si, createCommentVNode as li, withModifiers as Ji, normalizeClass as Qi, toDisplayString as eo } from "vue";
 import { waitUtil as ri, eventBus as jt, messageInfo as to, messageSuccess as no, messageWarning as ai, messageError as ui, createAxios as io, globalObjects as Be, openConfirmDlg as oo, openPromptDlg as so, useViewStack as di, injectDark as lo } from "x-essential-lib";
 import { useTheme as ro } from "vuetify";
-import { c as R, u as ao, r as ci, e as mi, i as uo, a as co, b as mo, d as po, f as fo, g as bo, h as vo, j as yo, I as ho, m as go, k as pi } from "./vendor.gekjccxc.js";
+import { c as R, u as ao, r as ci, e as mi, i as uo, a as co, b as mo, d as po, f as fo, g as bo, h as vo, j as yo, I as ho, m as go, k as pi } from "./vendor.kp4chziz.js";
 import { useI18n as fi } from "vue-i18n";
 import { getErrorMessage as xo } from "x-error-lib";
 const re = {}, ko = {
@@ -71,17 +71,17 @@ function gi(t) {
 }
 function j(t, e) {
   const { computedThemes: i } = ro(), s = n(() => e.value?.mode), l = n(() => {
-    const a = e.value?.theme;
-    return a ? a === "background0" ? t.value ? "#2e2e2e" : "#bdbdbd" : a === "background1" ? t.value ? "#272727" : "#eeeeee" : a === "background2" ? t.value ? "#1e1e1e" : "#ffffff" : (t.value ? i.value.dark : i.value.light).colors[a] : void 0;
+    const u = e.value?.theme;
+    return u ? u === "background0" ? t.value ? "#2e2e2e" : "#bdbdbd" : u === "background1" ? t.value ? "#272727" : "#eeeeee" : u === "background2" ? t.value ? "#1e1e1e" : "#ffffff" : (t.value ? i.value.dark : i.value.light).colors[u] : void 0;
   }), o = n(() => t.value ? e.value.custom?.dark : e.value.custom?.light);
   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), a = n(() => e.node.border?.roundRadius?.tr), d = n(() => e.node.border?.roundRadius?.bl), p = n(() => e.node.border?.roundRadius?.br);
-  function u(m) {
-    i.value && (m.borderStyle = i.value), s.value && (m.borderWidth = s.value), o.value && (m.borderColor = o.value), r.value && (m.borderTopLeftRadius = r.value), a.value && (m.borderTopRightRadius = a.value), d.value && (m.borderBottomLeftRadius = d.value), p.value && (m.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), 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);
   }
-  return { borderStyle: i, borderWidth: s, borderColor: o, applyBorder: u };
+  return { borderStyle: i, borderWidth: s, borderColor: o, applyBorder: a };
 }
 function Zt(t) {
   const e = n(() => t.node.margin?.top), i = n(() => t.node.margin?.left), s = n(() => t.node.margin?.bottom), l = n(() => t.node.margin?.right);
@@ -187,39 +187,39 @@ function wo(t, e, i, s, l) {
     console.error(`spawnNode prop tag not found, ${o}`);
     return;
   }
-  const a = rn[i];
-  if (!a) {
+  const u = rn[i];
+  if (!u) {
     console.error(`spawnNode pkg not found version, ${o}`);
     return;
   }
   if (s) {
-    const d = a.refKey, p = l;
-    if (!a.elements.has(d)) {
+    const d = u.refKey, p = l;
+    if (!u.elements.has(d)) {
       console.error(`spawnNode [ref] element not found in pkg, ${o}`);
       return;
     }
-    const u = re[d];
-    if (!u) {
+    const a = re[d];
+    if (!a) {
       console.error(`spawnNode [ref] element not found in global, ${o}`);
       return;
     }
-    const m = u.props[r];
-    if (!m) {
+    const c = a.props[r];
+    if (!c) {
       console.error(`spawnNode [ref] props not found, ${o}`);
       return;
     }
-    const c = {
+    const m = {
       basic: {
         id: "",
         key: ""
       }
     };
-    return L(c, m), c.basic.id = N(16), c.basic.key = d, c.ref = {
+    return L(m, c), m.basic.id = N(16), m.basic.key = d, m.ref = {
       id: p
-    }, c;
+    }, m;
   } else {
     const d = l;
-    if (!a.elements.has(d)) {
+    if (!u.elements.has(d)) {
       console.error(`spawnNode [key] element not found in pkg, ${o}`);
       return;
     }
@@ -231,18 +231,18 @@ function wo(t, e, i, s, l) {
     if (p.spawn)
       return p.spawn(t, e);
     {
-      const u = p.props[r];
-      if (!u) {
+      const a = p.props[r];
+      if (!a) {
         console.error(`spawnNode [key] props not found, ${o}`);
         return;
       }
-      const m = {
+      const c = {
         basic: {
           id: "",
           key: ""
         }
       };
-      return L(m, u), m.basic.id = N(16), m.basic.key = d, p.slots.some((c) => c.key === "default") && (m.children = []), m;
+      return L(c, a), c.basic.id = N(16), c.basic.key = d, p.slots.some((m) => m.key === "default") && (c.children = []), c;
     }
   }
 }
@@ -334,30 +334,30 @@ function Te() {
 function se(t, e, i) {
   const s = n(() => i.node.size?.width), l = n(() => i.node.size?.minWidth), o = n(() => i.node.size?.maxWidth), r = n(() => {
     if (i.outer && t === "editor") {
-      const u = ze(i.node.size?.height);
-      if (u)
-        return u / 100 * e.value.height + "px";
+      const a = ze(i.node.size?.height);
+      if (a)
+        return a / 100 * e.value.height + "px";
     }
     return i.node.size?.height;
-  }), a = n(() => {
+  }), u = n(() => {
     if (i.outer && t === "editor") {
-      const u = ze(i.node.size?.minHeight);
-      if (u)
-        return u / 100 * e.value.height + "px";
+      const a = ze(i.node.size?.minHeight);
+      if (a)
+        return a / 100 * e.value.height + "px";
     }
     return i.node.size?.minHeight;
   }), d = n(() => {
     if (i.outer && t === "editor") {
-      const u = ze(i.node.size?.maxHeight);
-      if (u)
-        return u / 100 * e.value.height + "px";
+      const a = ze(i.node.size?.maxHeight);
+      if (a)
+        return a / 100 * e.value.height + "px";
     }
     return i.node.size?.maxHeight;
   });
-  function p(u) {
-    s.value && (u.width = s.value), l.value && (u.minWidth = l.value), o.value && (u.maxWidth = o.value), r.value && (u.height = r.value), a.value && (u.minHeight = a.value), d.value && (u.maxHeight = d.value);
+  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);
   }
-  return { width: s, minWidth: l, maxWidth: o, height: r, minHeight: a, maxHeight: d, applySize: p };
+  return { width: s, minWidth: l, maxWidth: o, height: r, minHeight: u, maxHeight: d, applySize: p };
 }
 function Ei(t, e, i) {
   const s = n(() => e.node.basic.id), l = n(() => `callMethod@${s.value}`);
@@ -447,9 +447,9 @@ const As = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), { width: a, minWidth: d, maxWidth: p, height: u, minHeight: m, maxHeight: c, applySize: v } = se(i, s, e), { applyTitle: h } = yi(e), { applyXAxis: f } = hi(e), { applyYAxis: _ } = gi(e), { applyLegend: k } = bi(e), { applySeries: x } = vi(e), y = n(() => {
+    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 C = {}, G = r.value.type;
-      return o === "page" ? G === "common" ? v(C) : console.assert(!1) : o === "comp" && G === "common" ? v(C) : console.assert(!1), C;
+      return o === "page" ? G === "common" ? b(C) : console.assert(!1) : o === "comp" && G === "common" ? b(C) : console.assert(!1), C;
     }), w = ei("chart");
     let g;
     const $ = () => {
@@ -460,7 +460,7 @@ const As = /* @__PURE__ */ T({
       g?.resize();
     }, P = () => {
       const C = {};
-      h(C), f(C), _(C), k(C), x(C), g?.setOption(C, !0);
+      y(C), f(C), _(C), k(C), x(C), g?.setOption(C, !0);
     };
     return ti(async () => {
       window.addEventListener("resize", S, !1), await ri(() => !!w.value), $(), P();
@@ -470,12 +470,12 @@ const As = /* @__PURE__ */ T({
       [
         () => s.value.width,
         () => s.value.height,
-        a,
+        u,
         d,
         p,
-        u,
-        m,
-        c
+        a,
+        c,
+        m
       ],
       async () => {
         await ni(), S();
@@ -490,7 +490,7 @@ const As = /* @__PURE__ */ T({
       { deep: !0 }
     ), (C, G) => (V(), q("div", {
       ref: "chart",
-      style: ue(y.value)
+      style: ue(h.value)
     }, null, 4));
   }
 }), Ns = /* @__PURE__ */ T({
@@ -500,9 +500,9 @@ const As = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), { width: a, minWidth: d, maxWidth: p, height: u, minHeight: m, maxHeight: c, applySize: v } = se(i, s, e), { applyTitle: h } = yi(e), { applyXAxis: f } = hi(e), { applyYAxis: _ } = gi(e), { applyLegend: k } = bi(e), { applySeries: x } = vi(e), y = n(() => {
+    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 C = {}, G = r.value.type;
-      return o === "page" ? G === "common" ? v(C) : console.assert(!1) : o === "comp" && G === "common" ? v(C) : console.assert(!1), C;
+      return o === "page" ? G === "common" ? b(C) : console.assert(!1) : o === "comp" && G === "common" ? b(C) : console.assert(!1), C;
     }), w = ei("chart");
     let g;
     const $ = () => {
@@ -513,7 +513,7 @@ const As = /* @__PURE__ */ T({
       g?.resize();
     }, P = () => {
       const C = {};
-      h(C), f(C), _(C), k(C), x(C), g?.setOption(C, !0);
+      y(C), f(C), _(C), k(C), x(C), g?.setOption(C, !0);
     };
     return ti(async () => {
       window.addEventListener("resize", S, !1), await ri(() => !!w.value), $(), P();
@@ -523,12 +523,12 @@ const As = /* @__PURE__ */ T({
       [
         () => s.value.width,
         () => s.value.height,
-        a,
+        u,
         d,
         p,
-        u,
-        m,
-        c
+        a,
+        c,
+        m
       ],
       async () => {
         await ni(), S();
@@ -543,56 +543,75 @@ const As = /* @__PURE__ */ T({
       { deep: !0 }
     ), (C, G) => (V(), q("div", {
       ref: "chart",
-      style: ue(y.value)
+      style: ue(h.value)
     }, null, 4));
   }
 });
 function Ps(t, e) {
-  function i(a) {
-    const d = t.pseudoToNative(a);
-    console.log(d);
-  }
-  function s(a) {
-    const d = t.pseudoToNative(a);
-    let p = "";
-    typeof d == "object" ? p = JSON.stringify(d) : p = String(d), jt.emit("consoleAppend", p);
-  }
-  function l(a, d) {
-    const p = t.pseudoToNative(a), u = t.pseudoToNative(d);
-    p === "info" ? to(u) : p === "success" ? no(u) : p === "warning" ? ai(u) : p === "error" && ui(u);
-  }
-  function o(a, d) {
-    const p = t.pseudoToNative(a), u = t.pseudoToNative(d);
-    setTimeout(() => {
-      t.appendCode(`__timeoutCallbackV1__(${p})`), t.run();
-    }, u);
-  }
-  function r(a, d) {
-    const p = t.pseudoToNative(a);
-    setTimeout(() => {
-      d(), t.run();
-    }, p);
+  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);
+        } else
+          a.push(b);
+    }
+    return t.nativeToPseudo(a);
+  }
+  function s(d) {
+    const p = t.pseudoToNative(d);
+    console.log(p);
+  }
+  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(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(d, p) {
+    const a = t.pseudoToNative(d), c = t.pseudoToNative(p);
+    window.setTimeout(() => {
+      t.appendCode(`__timeoutCallbackV1__(${a})`), t.run();
+    }, c);
+  }
+  function u(d, p) {
+    const a = t.pseudoToNative(d);
+    window.setTimeout(() => {
+      p(), t.run();
+    }, a);
   }
   t.setProperty(
     e,
-    "__consoleLogV1__",
+    "__parseKeysV1__",
     t.createNativeFunction(i)
   ), t.setProperty(
     e,
-    "__debugTraceV1__",
+    "__consoleLogV1__",
     t.createNativeFunction(s)
   ), t.setProperty(
     e,
-    "__messageV1__",
+    "__debugTraceV1__",
     t.createNativeFunction(l)
   ), t.setProperty(
     e,
-    "__timeoutV1__",
+    "__messageV1__",
     t.createNativeFunction(o)
+  ), t.setProperty(
+    e,
+    "__timeoutV1__",
+    t.createNativeFunction(r)
   ), t.setProperty(
     e,
     "__delayV1__",
-    t.createAsyncFunction(r)
+    t.createAsyncFunction(u)
   );
 }
 const Wi = io({
@@ -607,18 +626,18 @@ function Ls(t) {
   return Wi.post("callFunc", t);
 }
 function Es(t, e) {
-  async function i(s, l, o, r, a, d) {
-    const p = t.pseudoToNative(s), u = t.pseudoToNative(l), m = t.pseudoToNative(o), c = t.pseudoToNative(r), v = t.pseudoToNative(a);
+  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);
     try {
-      const h = JSON.stringify(m), { strOutputs: f } = await Ls({
+      const y = JSON.stringify(c), { strOutputs: f } = await Ls({
         spaceid: p,
-        id: u,
-        strInputs: h,
-        env: c
+        id: a,
+        strInputs: y,
+        env: m
       }), _ = JSON.parse(f);
       d(t.nativeToPseudo(_)), t.run();
-    } catch (h) {
-      console.error("callFuncV1 failed", v, h);
+    } catch (y) {
+      console.error("callFuncV1 failed", b, y);
     }
   }
   t.setProperty(
@@ -644,12 +663,12 @@ class Ws {
     const l = `parent=${e} ref=${i} keyOrRefid=${s}`;
     let o;
     if (e) {
-      const a = this.getNode(e);
-      if (!a)
+      const u = this.getNode(e);
+      if (!u)
         return console.error(`NodeMgr/addNode parent not found, ${l}`), "";
-      if (!a.children)
+      if (!u.children)
         return console.error(`NodeMgr/addNode parent no children, ${l}`), "";
-      o = a.children;
+      o = u.children;
     } else
       o = this.context.data.view.nodes;
     if (!o)
@@ -669,25 +688,25 @@ class Ws {
 }
 function Bs(t, e, i) {
   const s = new Ws(t);
-  function l(c, v, h) {
-    const f = e.pseudoToNative(c), _ = e.pseudoToNative(v), k = e.pseudoToNative(h), x = s.addNode(f, _, k);
+  function l(m, b, y) {
+    const f = e.pseudoToNative(m), _ = e.pseudoToNative(b), k = e.pseudoToNative(y), x = s.addNode(f, _, k);
     return e.nativeToPseudo(x);
   }
-  function o(c) {
-    const v = e.pseudoToNative(c);
-    s.deleteNode(v);
+  function o(m) {
+    const b = e.pseudoToNative(m);
+    s.deleteNode(b);
   }
-  function r(c, v) {
-    const h = e.pseudoToNative(c), f = e.pseudoToNative(v), _ = `id=${h} keys=${f}`;
+  function r(m, b) {
+    const y = e.pseudoToNative(m), f = e.pseudoToNative(b), _ = `id=${y} keys=${f}`;
     let k;
-    if (h === "globality" ? k = t.data.view : k = s.getNode(h), !k) {
+    if (y === "globality" ? k = t.data.view : k = s.getNode(y), !k) {
       console.error(`getNodePropV1 node not found, ${_}`);
       return;
     }
-    const x = f.split("."), y = x.length;
-    for (let w = 0; w < y; w++) {
+    const x = f.split("."), h = x.length;
+    for (let w = 0; w < h; w++) {
       const g = x[w];
-      if (w === y - 1)
+      if (w === h - 1)
         return e.nativeToPseudo(k[g]);
       if (!k) {
         console.error(`getNodePropV1 unpkg failed, ${_}`);
@@ -696,10 +715,10 @@ function Bs(t, e, i) {
       k = k[g];
     }
   }
-  function a(c, v, h) {
-    const f = e.pseudoToNative(c), _ = e.pseudoToNative(v), k = e.pseudoToNative(h), x = `id=${f} keys=${_} value=${k}`;
-    let y;
-    if (f === "globality" ? y = t.data.view : y = s.getNode(f), !y) {
+  function u(m, b, y) {
+    const f = e.pseudoToNative(m), _ = 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}`);
       return;
     }
@@ -707,26 +726,26 @@ function Bs(t, e, i) {
     for (let $ = 0; $ < g; $++) {
       const S = w[$];
       if ($ === g - 1)
-        y[S] = k;
+        h[S] = k;
       else {
-        if (!y) {
+        if (!h) {
           console.error(`setNodePropV1 unpkg failed, ${x}`);
           return;
         }
-        y = y[S];
+        h = h[S];
       }
     }
   }
-  function d(c, v, h, f) {
-    const _ = e.pseudoToNative(c), k = e.pseudoToNative(v), x = e.pseudoToNative(h), y = { outputs: [] };
-    t.eventBus?.emit(`callMethod@${_}`, { name: k, inputs: x, result: y }), f(e.nativeToPseudo(y.outputs)), e.run();
+  function d(m, b, y, f) {
+    const _ = e.pseudoToNative(m), 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(c, v) {
-    const h = e.pseudoToNative(c), f = e.pseudoToNative(v);
+  function p(m, b) {
+    const y = e.pseudoToNative(m), f = e.pseudoToNative(b);
     if (t.mode === "runtime") {
       const _ = "/main/" + Date.now(), k = {
         orgid: t.org,
-        appid: `${h}${t.env}`,
+        appid: `${y}${t.env}`,
         pageid: f
       };
       Be.router.replace({ path: _, query: k });
@@ -736,16 +755,16 @@ function Bs(t, e, i) {
       )
     );
   }
-  function u(c, v, h) {
-    const f = e.pseudoToNative(c), _ = e.pseudoToNative(v);
+  function a(m, b, y) {
+    const f = e.pseudoToNative(m), _ = e.pseudoToNative(b);
     oo({ title: f, text: _ }).then((k) => {
-      h(e.nativeToPseudo(k)), e.run();
+      y(e.nativeToPseudo(k)), e.run();
     });
   }
-  function m(c, v, h, f) {
-    const _ = e.pseudoToNative(c), k = e.pseudoToNative(v), x = e.pseudoToNative(h);
-    so({ title: _, label: k, value: x }).then((y) => {
-      f(e.nativeToPseudo(y)), e.run();
+  function c(m, b, y, f) {
+    const _ = e.pseudoToNative(m), k = e.pseudoToNative(b), x = e.pseudoToNative(y);
+    so({ title: _, label: k, value: x }).then((h) => {
+      f(e.nativeToPseudo(h)), e.run();
     });
   }
   e.setProperty(
@@ -763,7 +782,7 @@ function Bs(t, e, i) {
   ), e.setProperty(
     i,
     "__setNodePropV1__",
-    e.createNativeFunction(a)
+    e.createNativeFunction(u)
   ), e.setProperty(
     i,
     "__callNodeMethodV1__",
@@ -775,11 +794,11 @@ function Bs(t, e, i) {
   ), e.setProperty(
     i,
     "__openConfirmDlgV1__",
-    e.createAsyncFunction(u)
+    e.createAsyncFunction(a)
   ), e.setProperty(
     i,
     "__openPromptDlgV1__",
-    e.createAsyncFunction(m)
+    e.createAsyncFunction(c)
   );
 }
 function Ds(t, e, i) {
@@ -930,8 +949,8 @@ function Di(t) {
 }
 function Ua(t, e, i, s, l) {
   let o = t;
-  for (let a = 0; a < e.length; a++)
-    if (o = o.children[e[a]], !o) {
+  for (let u = 0; u < e.length; u++)
+    if (o = o.children[e[u]], !o) {
       console.assert(!1, `unpkg context failed parentKeys=${e}`);
       return;
     }
@@ -965,38 +984,38 @@ const Gs = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const { t: e } = fi(), i = t, s = Ai(), l = Ni(), o = F(), r = te(), a = ne(), d = ie(), p = Pi(), u = ce(-1), m = ce(), c = {};
-    Li(c);
-    const v = () => {
-      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 = te(), u = ne(), d = ie(), p = Pi(), a = ce(-1), c = ce(), m = {};
+    Li(m);
+    const b = () => {
+      m.eventBus && (m.eventBus = void 0), m.interpreter && (Di(m.interpreter), m.interpreter = void 0);
     };
     ii(() => {
       if (!i.refContext.refid) {
-        u.value = -1, m.value = void 0, v();
+        a.value = -1, c.value = void 0, b();
         return;
       }
       const g = p.value[i.refContext.refid];
       if (!g) {
-        u.value = -1, m.value = null, v(), jt.emit("compNotAvail", i.refContext.refid);
+        a.value = -1, c.value = null, b(), jt.emit("compNotAvail", i.refContext.refid);
         return;
       }
-      if (u.value === g.dataSeq || (u.value = g.dataSeq, m.value = R(g.data), o !== "runtime" && o !== "preview"))
+      if (a.value === g.dataSeq || (a.value = g.dataSeq, c.value = R(g.data), o !== "runtime" && o !== "preview"))
         return;
-      v();
-      const $ = m.value, S = $.code.script;
+      b();
+      const $ = c.value, S = $.code.script;
       if (S) {
         const P = Ri();
-        c.eventBus = P, c.interpreter = Bi(
-          { org: s, env: l, mode: o, type: a, data: $, eventBus: P },
+        m.eventBus = P, m.interpreter = Bi(
+          { org: s, env: l, mode: o, type: u, data: $, eventBus: P },
           S
         );
       }
     }), ge(() => {
-      v();
+      b();
     });
-    const { applySize: h } = se(o, r, i), f = n(() => {
+    const { applySize: y } = se(o, r, i), f = n(() => {
       const g = {}, $ = d.value.type;
-      return a === "page" ? $ === "common" ? h(g) : console.assert(!1) : a === "comp" && $ === "common" ? h(g) : console.assert(!1), g;
+      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[$];
@@ -1021,7 +1040,7 @@ const Gs = /* @__PURE__ */ T({
     function x(g) {
       return g.ref ? _(g) : k(g);
     }
-    function y() {
+    function h() {
       let g = i.refContext.parent;
       for (; g; ) {
         if (g.refid === i.refContext.refid)
@@ -1031,14 +1050,14 @@ const Gs = /* @__PURE__ */ T({
       return !1;
     }
     const w = () => {
-      if (y())
+      if (h())
         return O("div", { id: i.id }, e("x-runtime-lib.circularRef"));
-      if (!m.value)
-        return m.value === void 0 ? O("div", { id: i.id }) : O("div", { id: i.id }, e("x-runtime-lib.compNotAvail"));
-      const g = m.value.type;
+      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 (g === "common") {
         const $ = [];
-        return m.value.view.nodes.forEach((S) => {
+        return c.value.view.nodes.forEach((S) => {
           $.push(x(S));
         }), O("div", { id: i.id, style: f.value }, $);
       } else
@@ -1053,91 +1072,91 @@ const Gs = /* @__PURE__ */ T({
     state: {}
   },
   setup(t) {
-    const { t: e } = fi(), i = t, s = Ai(), l = Ni(), o = F(), r = ne(), a = ie(), d = Pi(), p = ce(-1), u = ce(), m = {};
-    Li(m);
-    const c = () => {
-      m.eventBus && (m.eventBus = void 0), m.interpreter && (Di(m.interpreter), m.interpreter = void 0);
+    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);
     };
     ii(() => {
       if (!i.refContext.refid) {
-        p.value = -1, u.value = void 0, c();
+        p.value = -1, a.value = void 0, m();
         return;
       }
-      const y = d.value[i.refContext.refid];
-      if (!y) {
-        p.value = -1, u.value = null, c(), jt.emit("compNotAvail", i.refContext.refid);
+      const h = d.value[i.refContext.refid];
+      if (!h) {
+        p.value = -1, a.value = null, m(), jt.emit("compNotAvail", i.refContext.refid);
         return;
       }
-      if (p.value === y.dataSeq || (p.value = y.dataSeq, u.value = R(y.data), o !== "runtime" && o !== "preview"))
+      if (p.value === h.dataSeq || (p.value = h.dataSeq, a.value = R(h.data), o !== "runtime" && o !== "preview"))
         return;
-      c();
-      const w = u.value, g = w.code.script;
+      m();
+      const w = a.value, g = w.code.script;
       if (g) {
         const $ = Ri();
-        m.eventBus = $, m.interpreter = Bi(
+        c.eventBus = $, c.interpreter = Bi(
           { org: s, env: l, mode: o, type: r, data: w, eventBus: $ },
           g
         );
       }
     }), ge(() => {
-      c();
+      m();
     });
-    const v = () => {
+    const b = () => {
       console.log("triggerUpdate");
     };
     le(
       () => i.state,
       () => {
-        v();
+        b();
       },
       { deep: !0, immediate: !0 }
     );
-    function h(y) {
-      const w = rn[a.value.version].refKey, g = re[w];
+    function y(h) {
+      const w = rn[u.value.version].refKey, g = re[w];
       return g ? O(g.comp, {
         refContext: {
           parent: i.refContext,
-          refid: y.ref.id
+          refid: h.ref.id
         },
-        node: y
+        node: h
       }) : (console.assert(!1, `ref element not found key=${w}`), O("div", `ref element not found key=${w}`));
     }
-    function f(y) {
-      const w = re[y.basic.key];
+    function f(h) {
+      const w = re[h.basic.key];
       if (!w)
-        return console.assert(!1, `element not found key=${y.basic.key}`), O("div", `element not found key=${y.basic.key}`);
+        return console.assert(!1, `element not found key=${h.basic.key}`), O("div", `element not found key=${h.basic.key}`);
       const g = [];
-      return w.slots.some(($) => $.key === "default") && y.children?.forEach(($) => {
+      return w.slots.some(($) => $.key === "default") && h.children?.forEach(($) => {
         g.push(_($));
-      }), O(w.comp, { node: y }, { default: () => g });
+      }), O(w.comp, { node: h }, { default: () => g });
     }
-    function _(y) {
-      return y.ref ? h(y) : f(y);
+    function _(h) {
+      return h.ref ? y(h) : f(h);
     }
     function k() {
-      let y = i.refContext.parent;
-      for (; y; ) {
-        if (y.refid === i.refContext.refid)
+      let h = i.refContext.parent;
+      for (; h; ) {
+        if (h.refid === i.refContext.refid)
           return !0;
-        y = y.parent;
+        h = h.parent;
       }
       return !1;
     }
     const x = () => {
       if (k())
         return O("div", e("x-runtime-lib.circularRef"));
-      if (!u.value)
-        return u.value === void 0 ? O("div") : O("div", e("x-runtime-lib.compNotAvail"));
-      const y = u.value.type;
-      if (y === "common") {
+      if (!a.value)
+        return a.value === void 0 ? O("div") : O("div", e("x-runtime-lib.compNotAvail"));
+      const h = a.value.type;
+      if (h === "common") {
         const w = [];
-        return u.value.view.nodes.forEach((g) => {
+        return a.value.view.nodes.forEach((g) => {
           w.push(_(g));
         }), w;
       } else
-        return console.assert(!1, `invalid subtype=${y}`), O("div", `invalid subtype=${y}`);
+        return console.assert(!1, `invalid subtype=${h}`), O("div", `invalid subtype=${h}`);
     };
-    return (y, w) => (V(), z(x));
+    return (h, w) => (V(), z(x));
   }
 }), Ks = /* @__PURE__ */ T({
   __name: "index",
@@ -1146,14 +1165,14 @@ const Gs = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   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), a = n(() => e.node.settings?.offset?.y);
+    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) => {
-      const u = A("v-badge");
-      return V(), z(u, {
+      const a = A("v-badge");
+      return V(), z(a, {
         content: s.value,
         dot: l.value,
         "offset-x": r.value,
-        "offset-y": a.value,
+        "offset-y": u.value,
         theme: o.value
       }, {
         default: W(() => [
@@ -1170,7 +1189,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), a = n(() => e.node.settings?.color), { color: d } = j(s, a), p = n(() => e.node.settings?.density), u = n(() => e.node.settings?.disabled), m = n(() => e.node.size?.height), c = n(() => e.node.settings?.loading), v = n(() => e.node.size?.maxHeight), h = 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), y = 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: 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) => {
       if (i !== "runtime" && i !== "preview")
         return;
       const K = l.interpreter;
@@ -1186,16 +1205,16 @@ const Gs = /* @__PURE__ */ T({
         block: r.value,
         color: D(d),
         density: p.value,
-        disabled: u.value,
-        height: m.value,
-        loading: c.value,
-        "max-height": v.value,
-        "max-width": h.value,
+        disabled: a.value,
+        height: c.value,
+        loading: m.value,
+        "max-height": b.value,
+        "max-width": y.value,
         "min-height": f.value,
         "min-width": _.value,
         "prepend-icon": k.value,
         readonly: x.value,
-        ripple: y.value,
+        ripple: h.value,
         size: w.value,
         stacked: g.value,
         text: $.value,
@@ -1228,24 +1247,24 @@ 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), a = n(() => e.node.settings?.multiple), d = n(() => e.node.settings?.readonly), p = n(() => e.node.settings?.size), u = n(() => e.node.settings?.stacked), m = n(() => i.value ? "dark" : "light"), c = n(() => e.node.settings?.tile), v = n(() => e.node.settings?.variant);
-    return (h, f) => {
+    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);
+    return (y, f) => {
       const _ = A("v-btn-toggle");
       return V(), z(_, {
         block: s.value,
         disabled: l.value,
         divided: o.value,
         mandatory: r.value,
-        multiple: a.value,
+        multiple: u.value,
         readonly: d.value,
         size: p.value,
-        stacked: u.value,
-        theme: m.value,
-        tile: c.value,
-        variant: v.value
+        stacked: a.value,
+        theme: c.value,
+        tile: m.value,
+        variant: b.value
       }, {
         default: W(() => [
-          M(h.$slots, "default")
+          M(y.$slots, "default")
         ]),
         _: 3
       }, 8, ["block", "disabled", "divided", "mandatory", "multiple", "readonly", "size", "stacked", "theme", "tile", "variant"]);
@@ -1258,22 +1277,22 @@ 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), a = n(() => e.node.settings?.loading), d = n(() => e.node.size?.maxHeight), p = n(() => e.node.size?.maxWidth), u = n(() => e.node.size?.minHeight), m = n(() => e.node.size?.minWidth), c = n(() => e.node.settings?.subtitle), v = n(() => e.node.settings?.text), h = n(() => i.value ? "dark" : "light"), f = n(() => e.node.settings?.title), _ = n(() => e.node.settings?.variant), k = n(() => e.node.size?.width);
-    return (x, y) => {
+    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);
+    return (x, h) => {
       const w = A("v-card");
       return V(), z(w, {
         density: s.value,
         disabled: l.value,
         height: o.value,
         hover: r.value,
-        loading: a.value,
+        loading: u.value,
         "max-height": d.value,
         "max-width": p.value,
-        "min-height": u.value,
-        "min-width": m.value,
-        subtitle: c.value,
-        text: v.value,
-        theme: h.value,
+        "min-height": a.value,
+        "min-width": c.value,
+        subtitle: m.value,
+        text: b.value,
+        theme: y.value,
         title: f.value,
         variant: _.value,
         width: k.value
@@ -1308,21 +1327,21 @@ 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), a = n(() => e.node.settings?.disabled), d = n(() => e.node.settings?.draggable), p = n(() => e.node.settings?.filter), u = n(() => e.node.settings?.label), m = n(() => e.node.settings?.size), c = n(() => e.node.settings?.text), v = n(() => i.value ? "dark" : "light"), h = 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), 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);
     return (k, x) => {
-      const y = A("v-chip");
-      return V(), z(y, {
+      const h = A("v-chip");
+      return V(), z(h, {
         closable: s.value,
         color: D(o),
         density: r.value,
-        disabled: a.value,
+        disabled: u.value,
         draggable: d.value,
         filter: p.value,
-        label: u.value,
-        size: m.value,
-        text: c.value,
-        theme: v.value,
-        tile: h.value,
+        label: a.value,
+        size: c.value,
+        text: m.value,
+        theme: b.value,
+        tile: y.value,
         value: f.value,
         variant: _.value
       }, null, 8, ["closable", "color", "density", "disabled", "draggable", "filter", "label", "size", "text", "theme", "tile", "value", "variant"]);
@@ -1335,28 +1354,28 @@ 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), a = n(() => e.node.settings?.mandatory), d = n(() => e.node.settings?.value), p = (v) => {
+    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) => {
       if (!e.node.settings)
         return;
-      const { settings: h } = e.node;
-      h.value = v;
-    }, u = n(() => e.node.settings?.multiple), m = n(() => e.node.settings?.showArrows), c = n(() => i.value ? "dark" : "light");
-    return (v, h) => {
+      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");
+    return (b, y) => {
       const f = A("v-chip-group");
       return V(), z(f, {
         column: s.value,
         direction: l.value,
         disabled: o.value,
         filter: r.value,
-        mandatory: a.value,
+        mandatory: u.value,
         "model-value": d.value,
-        multiple: u.value,
-        "show-arrows": m.value,
-        theme: c.value,
+        multiple: a.value,
+        "show-arrows": c.value,
+        theme: m.value,
         "onUpdate:modelValue": p
       }, {
         default: W(() => [
-          M(v.$slots, "default")
+          M(b.$slots, "default")
         ]),
         _: 3
       }, 8, ["column", "direction", "disabled", "filter", "mandatory", "model-value", "multiple", "show-arrows", "theme"]);
@@ -1369,19 +1388,19 @@ 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: a } = 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), d = n(() => {
       const k = {}, x = r.value.type;
-      return o === "page" ? x === "common" ? a(k) : console.assert(!1) : o === "comp" && x === "common" ? a(k) : console.assert(!1), k;
-    }), p = n(() => e.node.settings?.disabled), u = n(() => e.node.settings?.hideCanvas), m = n(() => e.node.settings?.hideHeader), c = n(() => e.node.settings?.hideInputs), v = n(() => e.node.settings?.hideSliders), h = n(() => e.node.settings?.landscape), f = n(() => e.node.settings?.showSwatches), _ = n(() => l.value ? "dark" : "light");
+      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");
     return (k, x) => {
-      const y = A("v-color-picker");
-      return V(), z(y, {
+      const h = A("v-color-picker");
+      return V(), z(h, {
         disabled: p.value,
-        "hide-canvas": u.value,
-        "hide-header": m.value,
-        "hide-inputs": c.value,
-        "hide-sliders": v.value,
-        landscape: h.value,
+        "hide-canvas": a.value,
+        "hide-header": c.value,
+        "hide-inputs": m.value,
+        "hide-sliders": b.value,
+        landscape: y.value,
         "show-swatches": f.value,
         style: ue(d.value),
         theme: _.value
@@ -1395,28 +1414,28 @@ 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), a = n(() => e.node.settings?.placeholder), d = n(() => i !== "runtime" && i !== "preview" ? !0 : e.node.settings?.readonly), p = n(() => e.node.settings?.singleLine), u = n(() => s.value ? "dark" : "light");
-    return (m, c) => {
-      const v = A("v-combobox");
+    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 b = A("v-combobox");
       return D(i) === "editor" ? (V(), q("div", nl, [
-        Z(v, {
+        Z(b, {
           "hide-details": l.value,
           label: o.value,
           "model-value": r.value,
-          placeholder: a.value,
+          placeholder: u.value,
           readonly: d.value,
           "single-line": p.value,
-          theme: u.value
+          theme: a.value
         }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"])
-      ])) : (V(), z(v, {
+      ])) : (V(), z(b, {
         key: 1,
         "hide-details": l.value,
         label: o.value,
         "model-value": r.value,
-        placeholder: a.value,
+        placeholder: u.value,
         readonly: d.value,
         "single-line": p.value,
-        theme: u.value
+        theme: a.value
       }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"]));
     };
   }
@@ -1427,14 +1446,14 @@ 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(), a = n(() => e.node.settings?.backgroundColor), { color: d } = j(l, a), { applySize: p } = se(i, s, e), { applyMargin: u } = Zt(e), { applyPadding: m } = qt(e), { applyBorder: c } = Ut(l, e), v = n(() => {
-      const h = {}, f = r.value.type;
-      return o === "page" ? f === "common" ? (p(h), u(h), m(h), c(h), d.value && (h.backgroundColor = d.value)) : console.assert(!1) : o === "comp" && f === "common" ? (p(h), u(h), m(h), c(h), d.value && (h.backgroundColor = d.value)) : console.assert(!1), h;
+    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 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 (h, f) => (V(), q("div", {
-      style: ue(v.value)
+    return (y, f) => (V(), q("div", {
+      style: ue(b.value)
     }, [
-      M(h.$slots, "default")
+      M(y.$slots, "default")
     ], 4));
   }
 }), sl = /* @__PURE__ */ T({
@@ -1444,10 +1463,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), a = 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), d = n(() => e.node.settings?.hover), p = n(() => {
       const f = e.node.settings?.data;
       return typeof f == "string" ? JSON.parse(f) : f;
-    }), u = n(() => e.node.settings?.loading), m = n(() => e.node.settings?.multiSort), c = n(() => i.value ? "dark" : "light"), v = n(() => e.node.size?.width), h = n(() => {
+    }), 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(() => {
       const f = [];
       return (e.node.slots?.items ?? []).forEach((k) => {
         k.column && k.comp && f.push(k);
@@ -1460,20 +1479,20 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
         "fixed-footer": l.value,
         "fixed-header": o.value,
         headers: r.value,
-        height: a.value,
+        height: u.value,
         hover: d.value,
         items: p.value,
-        loading: u.value,
-        "multi-sort": m.value,
-        theme: c.value,
-        width: v.value
+        loading: a.value,
+        "multi-sort": c.value,
+        theme: m.value,
+        width: b.value
       }, we({ _: 2 }, [
-        Yi(h.value, (x) => ({
+        Yi(y.value, (x) => ({
           name: `item.${x.column}`,
-          fn: W(({ value: y }) => [
+          fn: W(({ value: h }) => [
             Z(J, {
               "ref-context": { refid: x.comp },
-              state: { value: y }
+              state: { value: h }
             }, null, 8, ["ref-context", "state"])
           ])
         }))
@@ -1493,16 +1512,16 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
   },
   setup(t) {
     const e = t, i = F(), s = Te(), l = n(() => e.node.basic?.id), { open: o } = di(`runtimeDlg/${oi()}`);
-    return Ei(s, e, (a) => {
+    return Ei(s, e, (u) => {
       if (i !== "runtime" && i !== "preview" || !s.interpreter)
         return;
-      const { name: p } = a;
+      const { name: p } = u;
       p === "open" ? o.value = !0 : p === "close" && (o.value = !1);
-    }), (a, d) => {
+    }), (u, d) => {
       const p = A("v-dialog");
       return V(), z(p, {
         modelValue: D(o),
-        "onUpdate:modelValue": d[0] || (d[0] = (u) => si(o) ? o.value = u : null),
+        "onUpdate:modelValue": d[0] || (d[0] = (a) => si(o) ? o.value = a : null),
         attach: "#dialogContainer"
       }, {
         activator: W(() => [
@@ -1512,7 +1531,7 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
           }, null, 8, ul)) : li("", !0)
         ]),
         default: W(() => [
-          M(a.$slots, "default")
+          M(u.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue"]);
@@ -1525,20 +1544,20 @@ 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), a = n(() => e.node.settings?.label), d = n(() => e.node.settings?.loading), p = n(() => e.node.settings?.multiple), u = n(() => i !== "runtime" && i !== "preview" ? !0 : e.node.settings?.readonly), m = n(() => e.node.settings?.reverse), c = n(() => e.node.settings?.singleLine);
-    return (v, h) => {
+    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);
+    return (b, y) => {
       const f = A("v-file-input");
       return V(), z(f, {
         chips: s.value,
         density: l.value,
         direction: o.value,
         disabled: r.value,
-        label: a.value,
+        label: u.value,
         loading: d.value,
         multiple: p.value,
-        readonly: u.value,
-        reverse: m.value,
-        "single-line": c.value
+        readonly: a.value,
+        reverse: c.value,
+        "single-line": m.value
       }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"]);
     };
   }
@@ -1549,22 +1568,22 @@ 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: a } = se(i, s, e), { applyMargin: d } = Zt(e), { applyPadding: p } = qt(e), { applyBorder: u } = Ut(l, e), m = n(() => e.node.settings?.backgroundColor), { color: c } = j(l, m), v = (f) => {
-      c.value && (f.backgroundColor = c.value), f.display = "flex";
+    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 _ = 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);
       x === "no" ? f.flexWrap = "nowrap" : x === "yes" ? f.flexWrap = "wrap" : x === "reverse" && (f.flexWrap = "wrap-reverse");
-      const y = ve(_, e.node.settings?.mainAlign);
-      y === "start" ? f.justifyContent = "flex-start" : y === "end" ? f.justifyContent = "flex-end" : y === "center" ? f.justifyContent = "center" : y === "spaceBetween" ? f.justifyContent = "space-between" : y === "spaceAround" ? f.justifyContent = "space-around" : y === "spaceEvenly" && (f.justifyContent = "space-evenly");
+      const h = ve(_, e.node.settings?.mainAlign);
+      h === "start" ? f.justifyContent = "flex-start" : h === "end" ? f.justifyContent = "flex-end" : h === "center" ? f.justifyContent = "center" : h === "spaceBetween" ? f.justifyContent = "space-between" : h === "spaceAround" ? f.justifyContent = "space-around" : h === "spaceEvenly" && (f.justifyContent = "space-evenly");
       const w = ve(_, e.node.settings?.crossAlign);
       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");
-    }, h = n(() => {
+    }, y = n(() => {
       const f = {}, _ = r.value.type;
-      return o === "page" ? _ === "common" ? (a(f), d(f), p(f), u(f), v(f)) : console.assert(!1) : o === "comp" && _ === "common" ? (a(f), d(f), p(f), u(f), v(f)) : console.assert(!1), f;
+      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 (f, _) => (V(), q("div", {
-      style: ue(h.value)
+      style: ue(y.value)
     }, [
       M(f.$slots, "default")
     ], 4));
@@ -1576,14 +1595,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 = ne(), o = ie(), { applySize: r } = se(i, s, e), a = n(() => e.node.settings?.grow), d = n(() => e.node.settings?.shrink), p = n(() => {
-      const u = {}, m = o.value.type;
-      return l === "page" ? m === "common" ? (r(u), u.flexGrow = a.value ? 1 : 0, u.flexShrink = d.value ? 1 : 0) : console.assert(!1) : l === "comp" && m === "common" ? (r(u), u.flexGrow = a.value ? 1 : 0, u.flexShrink = d.value ? 1 : 0) : console.assert(!1), u;
+    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;
     });
-    return (u, m) => (V(), q("div", {
+    return (a, c) => (V(), q("div", {
       style: ue(p.value)
     }, [
-      M(u.$slots, "default")
+      M(a.$slots, "default")
     ], 4));
   }
 }), fl = /* @__PURE__ */ T({
@@ -1593,28 +1612,28 @@ 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(), a = Te(), d = n({
+    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), u = Te(), d = n({
       get: () => e.node.settings?.valid,
       set: (x) => {
         e.node.settings && (e.node.settings.valid = !!x);
       }
-    }), p = n(() => e.node.settings?.fastFail), { applySize: u } = se(i, s, e), { applyMargin: m } = Zt(e), { applyPadding: c } = qt(e), { applyBorder: v } = Ut(l, e), h = n(() => e.node.settings?.backgroundColor), { color: f } = j(l, h), _ = n(() => {
-      const x = {}, y = r.value.type;
-      return o === "page" ? y === "common" ? (u(x), m(x), c(x), v(x), f.value && (x.backgroundColor = f.value)) : console.assert(!1) : o === "comp" && y === "common" ? (u(x), m(x), c(x), v(x), f.value && (x.backgroundColor = f.value)) : console.assert(!1), 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(() => {
+      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;
     }), k = () => {
       if (i !== "runtime" && i !== "preview")
         return;
-      const x = a.interpreter;
+      const x = u.interpreter;
       if (!x)
         return;
-      const y = x.nativeToPseudo(e.node.basic.id);
-      x.appendCode(`__triggerEvent__('${y}', 'submit')`), x.run();
+      const h = x.nativeToPseudo(e.node.basic.id);
+      x.appendCode(`__triggerEvent__('${h}', 'submit')`), x.run();
     };
-    return (x, y) => {
+    return (x, h) => {
       const w = A("v-form");
       return V(), z(w, {
         modelValue: d.value,
-        "onUpdate:modelValue": y[0] || (y[0] = (g) => d.value = g),
+        "onUpdate:modelValue": h[0] || (h[0] = (g) => d.value = g),
         "fast-fail": p.value,
         style: ue(_.value),
         onSubmit: Ji(k, ["prevent"])
@@ -1633,14 +1652,14 @@ 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), a = n(() => e.node.settings?.size), d = n(() => i.value ? "dark" : "light");
-    return (p, u) => {
-      const m = A("v-icon");
-      return V(), z(m, {
+    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");
+    return (p, a) => {
+      const c = A("v-icon");
+      return V(), z(c, {
         color: D(l),
         disabled: o.value,
         icon: r.value,
-        size: a.value,
+        size: u.value,
         theme: d.value
       }, null, 8, ["color", "disabled", "icon", "size", "theme"]);
     };
@@ -1652,20 +1671,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]), a = n(() => e.node.basic?.id), { open: d } = di(`runtimeMenu/${oi()}`);
-    return Ei(s, e, (u) => {
+    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()}`);
+    return Ei(s, e, (a) => {
       if (i !== "runtime" && i !== "preview")
         return;
-      const m = s.interpreter;
-      if (!m)
+      const c = s.interpreter;
+      if (!c)
         return;
-      const { name: c } = u;
-      c === "open" ? (l.value = m.getProperty(m.globalObject, "__pointerPosX__"), o.value = m.getProperty(m.globalObject, "__pointerPosY__"), d.value = !0) : c === "close" && (d.value = !1);
-    }), (u, m) => {
-      const c = A("v-menu");
-      return V(), z(c, {
+      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": m[0] || (m[0] = (v) => si(d) ? d.value = v : null),
+        "onUpdate:modelValue": c[0] || (c[0] = (b) => si(d) ? d.value = b : null),
         attach: "menuContainer",
         "location-strategy": "connected",
         scrim: "transparent",
@@ -1674,11 +1693,11 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
         activator: W(() => [
           D(i) === "editor" ? (V(), q("div", {
             key: 0,
-            id: `__node__@${a.value}`
+            id: `__node__@${u.value}`
           }, null, 8, vl)) : li("", !0)
         ]),
         default: W(() => [
-          M(u.$slots, "default")
+          M(a.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "target"]);
@@ -1691,26 +1710,26 @@ 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), a = n(() => e.node.settings?.hideDetails), d = n(() => e.node.settings?.label), p = n(() => e.node.settings?.loading), u = n(() => e.node.settings?.max), m = n(() => e.node.size?.maxWidth), c = n(() => e.node.settings?.min), v = n(() => e.node.size?.minWidth), h = 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), y = 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), 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);
     return (K, X) => {
       const oe = A("v-number-input");
       return V(), z(oe, {
         "append-icon": l.value,
         "append-inner-icon": o.value,
         clearable: r.value,
-        "hide-details": a.value,
+        "hide-details": u.value,
         label: d.value,
         loading: p.value,
-        max: u.value,
-        "max-width": m.value,
-        min: c.value,
-        "min-width": v.value,
-        "model-value": h.value,
+        max: a.value,
+        "max-width": c.value,
+        min: m.value,
+        "min-width": b.value,
+        "model-value": y.value,
         placeholder: f.value,
         precision: _.value,
         prefix: k.value,
         "prepend-icon": x.value,
-        "prepend-inner-icon": y.value,
+        "prepend-inner-icon": h.value,
         readonly: w.value,
         reverse: g.value,
         "single-line": $.value,
@@ -1729,20 +1748,20 @@ 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), a = n(() => e.node.settings?.showFirstLastPage), d = n(() => e.node.settings?.size), p = n(() => e.node.settings?.start), u = n(() => i.value ? "dark" : "light"), m = n(() => e.node.settings?.tile), c = n(() => e.node.settings?.variant);
-    return (v, h) => {
+    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);
+    return (b, y) => {
       const f = A("v-pagination");
       return V(), z(f, {
         density: s.value,
         disabled: l.value,
         length: o.value,
         "model-value": r.value,
-        "show-first-last-page": a.value,
+        "show-first-last-page": u.value,
         size: d.value,
         start: p.value,
-        theme: u.value,
-        tile: m.value,
-        variant: c.value
+        theme: a.value,
+        tile: c.value,
+        variant: m.value
       }, null, 8, ["density", "disabled", "length", "model-value", "show-first-last-page", "size", "start", "theme", "tile", "variant"]);
     };
   }
@@ -1753,17 +1772,17 @@ 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), a = n(() => e.node.settings?.label), d = n(() => e.node.settings?.readonly), p = n(() => i.value ? "dark" : "light"), u = n(() => e.node.settings?.value);
-    return (m, c) => {
-      const v = A("v-radio");
-      return V(), z(v, {
+    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 b = A("v-radio");
+      return V(), z(b, {
         color: D(l),
         density: o.value,
         disabled: r.value,
-        label: a.value,
+        label: u.value,
         readonly: d.value,
         theme: p.value,
-        value: u.value
+        value: a.value
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
   }
@@ -1774,36 +1793,36 @@ 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), a = n(() => e.node.settings?.inline), d = n(() => e.node.settings?.value), p = n(() => e.node.settings?.readonly), u = n(() => s.value ? "dark" : "light");
-    return (m, c) => {
-      const v = A("v-radio-group");
+    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 b = A("v-radio-group");
       return D(i) === "editor" ? (V(), q("div", kl, [
-        Z(v, {
+        Z(b, {
           density: l.value,
           direction: o.value,
           disabled: r.value,
-          inline: a.value,
+          inline: u.value,
           "model-value": d.value,
           readonly: p.value,
-          theme: u.value
+          theme: a.value
         }, {
           default: W(() => [
-            M(m.$slots, "default")
+            M(c.$slots, "default")
           ]),
           _: 3
         }, 8, ["density", "direction", "disabled", "inline", "model-value", "readonly", "theme"])
-      ])) : (V(), z(v, {
+      ])) : (V(), z(b, {
         key: 1,
         density: l.value,
         direction: o.value,
         disabled: r.value,
-        inline: a.value,
+        inline: u.value,
         "model-value": d.value,
         readonly: p.value,
-        theme: u.value
+        theme: a.value
       }, {
         default: W(() => [
-          M(m.$slots, "default")
+          M(c.$slots, "default")
         ]),
         _: 3
       }, 8, ["density", "direction", "disabled", "inline", "model-value", "readonly", "theme"]));
@@ -1816,25 +1835,25 @@ 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), a = n(() => t.node.settings?.label), d = n(() => t.node.settings?.max), p = n(() => t.node.settings?.min), u = 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), d = 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];
-    }), m = ([S, P]) => {
+    }), c = ([S, P]) => {
       if (!t.node.settings?.value)
         return;
       const { value: C } = t.node.settings;
       C.start = S, C.end = P;
-    }, c = n(() => t.node.settings?.readonly), v = n(() => t.node.settings?.showTicks), h = n(() => {
-      if (v.value === "always")
+    }, m = n(() => t.node.settings?.readonly), b = n(() => t.node.settings?.showTicks), y = n(() => {
+      if (b.value === "always")
         return "always";
-      if (v.value === "show")
+      if (b.value === "show")
         return !0;
     }), f = n(() => t.node.settings?.step), _ = n(() => i.value ? "dark" : "light"), k = n(() => t.node.settings?.thumbLabel), x = n(() => {
       if (k.value === "always")
         return "always";
       if (k.value === "show")
         return !0;
-    }), y = n(() => t.node.settings?.thumbSize), w = n(() => t.node.settings?.ticks), g = n(() => {
+    }), h = n(() => t.node.settings?.thumbSize), w = n(() => t.node.settings?.ticks), g = n(() => {
       if (!w.value)
         return;
       const S = {};
@@ -1851,16 +1870,16 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
           direction: l.value,
           disabled: o.value,
           "hide-details": r.value,
-          label: a.value,
+          label: u.value,
           max: d.value,
           min: p.value,
-          "model-value": u.value,
-          readonly: c.value,
-          "show-ticks": h.value,
+          "model-value": a.value,
+          readonly: m.value,
+          "show-ticks": y.value,
           step: f.value,
           theme: _.value,
           "thumb-label": x.value,
-          "thumb-size": y.value,
+          "thumb-size": h.value,
           "tick-size": $.value,
           ticks: g.value
         }, null, 8, ["density", "direction", "disabled", "hide-details", "label", "max", "min", "model-value", "readonly", "show-ticks", "step", "theme", "thumb-label", "thumb-size", "tick-size", "ticks"])
@@ -1870,19 +1889,19 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
         direction: l.value,
         disabled: o.value,
         "hide-details": r.value,
-        label: a.value,
+        label: u.value,
         max: d.value,
         min: p.value,
-        "model-value": u.value,
-        readonly: c.value,
-        "show-ticks": h.value,
+        "model-value": a.value,
+        readonly: m.value,
+        "show-ticks": y.value,
         step: f.value,
         theme: _.value,
         "thumb-label": x.value,
-        "thumb-size": y.value,
+        "thumb-size": h.value,
         "tick-size": $.value,
         ticks: g.value,
-        "onUpdate:modelValue": m
+        "onUpdate:modelValue": c
       }, null, 8, ["density", "direction", "disabled", "hide-details", "label", "max", "min", "model-value", "readonly", "show-ticks", "step", "theme", "thumb-label", "thumb-size", "tick-size", "ticks"]));
     };
   }
@@ -1893,24 +1912,24 @@ 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), a = n(() => t.node.settings?.length), d = n(() => t.node.settings?.value), p = (c) => {
+    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) => {
       if (!t.node.settings)
         return;
-      const { settings: v } = t.node;
-      v.value = c;
-    }, u = n(() => t.node.settings?.readonly), m = n(() => e.value ? "dark" : "light");
-    return (c, v) => {
-      const h = A("v-rating");
-      return V(), z(h, {
+      const { settings: b } = t.node;
+      b.value = m;
+    }, a = n(() => t.node.settings?.readonly), c = n(() => e.value ? "dark" : "light");
+    return (m, b) => {
+      const y = A("v-rating");
+      return V(), z(y, {
         clearable: i.value,
         density: s.value,
         disabled: l.value,
         "half-increments": o.value,
         hover: r.value,
-        length: a.value,
+        length: u.value,
         "model-value": d.value,
-        readonly: u.value,
-        theme: m.value,
+        readonly: a.value,
+        theme: c.value,
         "onUpdate:modelValue": p
       }, null, 8, ["clearable", "density", "disabled", "half-increments", "hover", "length", "model-value", "readonly", "theme"]);
     };
@@ -1922,28 +1941,28 @@ 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), a = n(() => e.node.settings?.placeholder), d = n(() => i !== "runtime" && i !== "preview" ? !0 : e.node.settings?.readonly), p = n(() => e.node.settings?.singleLine), u = n(() => s.value ? "dark" : "light");
-    return (m, c) => {
-      const v = A("v-select");
+    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 b = A("v-select");
       return D(i) === "editor" ? (V(), q("div", Cl, [
-        Z(v, {
+        Z(b, {
           "hide-details": l.value,
           label: o.value,
           "model-value": r.value,
-          placeholder: a.value,
+          placeholder: u.value,
           readonly: d.value,
           "single-line": p.value,
-          theme: u.value
+          theme: a.value
         }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"])
-      ])) : (V(), z(v, {
+      ])) : (V(), z(b, {
         key: 1,
         "hide-details": l.value,
         label: o.value,
         "model-value": r.value,
-        placeholder: a.value,
+        placeholder: u.value,
         readonly: d.value,
         "single-line": p.value,
-        theme: u.value
+        theme: a.value
       }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"]));
     };
   }
@@ -1954,12 +1973,12 @@ 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), a = n(() => t.node.settings?.hideDetails), d = n(() => t.node.settings?.label), p = n(() => t.node.settings?.max), u = n(() => t.node.settings?.min), m = n(() => t.node.settings?.value), c = n(() => t.node.settings?.readonly), v = n(() => !!t.node.settings?.reverse), h = n(() => t.node.settings?.showTicks), f = n(() => {
-      if (h.value === "always")
+    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(() => {
+      if (y.value === "always")
         return "always";
-      if (h.value === "show")
+      if (y.value === "show")
         return !0;
-    }), _ = n(() => t.node.settings?.step), k = n(() => i.value ? "dark" : "light"), x = n(() => t.node.settings?.thumbColor), { color: y } = j(i, x), w = n(() => t.node.settings?.thumbLabel), g = n(() => {
+    }), _ = n(() => t.node.settings?.step), k = n(() => i.value ? "dark" : "light"), x = n(() => t.node.settings?.thumbColor), { color: h } = j(i, x), w = n(() => t.node.settings?.thumbLabel), g = n(() => {
       if (w.value === "always")
         return "always";
       if (w.value === "show")
@@ -1980,17 +1999,17 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
           color: D(l),
           direction: o.value,
           disabled: r.value,
-          "hide-details": a.value,
+          "hide-details": u.value,
           label: d.value,
           max: p.value,
-          min: u.value,
-          "model-value": m.value,
-          readonly: c.value,
-          reverse: v.value,
+          min: a.value,
+          "model-value": c.value,
+          readonly: m.value,
+          reverse: b.value,
           "show-ticks": f.value,
           step: _.value,
           theme: k.value,
-          "thumb-color": D(y),
+          "thumb-color": D(h),
           "thumb-label": g.value,
           "thumb-size": $.value,
           "tick-size": C.value,
@@ -2023,17 +2042,17 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
         color: D(l),
         direction: o.value,
         disabled: r.value,
-        "hide-details": a.value,
+        "hide-details": u.value,
         label: d.value,
         max: p.value,
-        min: u.value,
-        "model-value": m.value,
-        readonly: c.value,
-        reverse: v.value,
+        min: a.value,
+        "model-value": c.value,
+        readonly: m.value,
+        reverse: b.value,
         "show-ticks": f.value,
         step: _.value,
         theme: k.value,
-        "thumb-color": D(y),
+        "thumb-color": D(h),
         "thumb-label": g.value,
         "thumb-size": $.value,
         "tick-size": C.value,
@@ -2147,32 +2166,32 @@ 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), a = n(() => e.node.settings?.indeterminate), d = n(() => e.node.settings?.inline), p = n(() => e.node.settings?.inset), u = n(() => e.node.settings?.label), m = n(() => e.node.settings?.loading);
-    return (c, v) => {
-      const h = A("v-switch");
+    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 y = A("v-switch");
       return D(i) === "editor" ? (V(), q("div", Rl, [
-        Z(h, {
+        Z(y, {
           density: s.value,
           direction: l.value,
           disabled: o.value,
           "hide-details": r.value,
-          indeterminate: a.value,
+          indeterminate: u.value,
           inline: d.value,
           inset: p.value,
-          label: u.value,
-          loading: m.value
+          label: a.value,
+          loading: c.value
         }, null, 8, ["density", "direction", "disabled", "hide-details", "indeterminate", "inline", "inset", "label", "loading"])
-      ])) : (V(), z(h, {
+      ])) : (V(), z(y, {
         key: 1,
         density: s.value,
         direction: l.value,
         disabled: o.value,
         "hide-details": r.value,
-        indeterminate: a.value,
+        indeterminate: u.value,
         inline: d.value,
         inset: p.value,
-        label: u.value,
-        loading: m.value
+        label: a.value,
+        loading: c.value
       }, null, 8, ["density", "direction", "disabled", "hide-details", "indeterminate", "inline", "inset", "label", "loading"]));
     };
   }
@@ -2184,7 +2203,7 @@ 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, a) => {
+    return (r, u) => {
       const d = A("v-tab");
       return V(), z(d, {
         text: s.value,
@@ -2200,7 +2219,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?.alignTabs), l = n(() => e.node.settings?.color?.backgroundColor), { color: o } = j(i, l), r = n(() => e.node.settings?.centerActive), a = n(() => e.node.settings?.color?.selectedColor), { color: d } = j(i, a), p = n(() => e.node.settings?.density), u = n(() => e.node.settings?.direction), m = n(() => e.node.settings?.disabled), c = n(() => e.node.settings?.fixedTabs), v = n(() => e.node.settings?.grow), h = 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: y } = 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: 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");
     return ($, S) => {
       const P = A("v-tabs");
       return V(), z(P, {
@@ -2209,15 +2228,15 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
         "center-active": r.value,
         color: D(d),
         density: p.value,
-        direction: u.value,
-        disabled: m.value,
-        "fixed-tabs": c.value,
-        grow: v.value,
-        "hide-slider": h.value,
+        direction: a.value,
+        disabled: c.value,
+        "fixed-tabs": m.value,
+        grow: b.value,
+        "hide-slider": y.value,
         items: f.value,
         mandatory: _.value,
         "show-arrows": k.value,
-        "slider-color": D(y),
+        "slider-color": D(h),
         stacked: w.value,
         theme: g.value
       }, {
@@ -2235,13 +2254,13 @@ 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), a = n(() => e.node.settings?.text), d = n(() => e.node.settings?.weight), p = n(() => {
-      const u = [], m = ki(i.value.width), c = ve(m, e.node.settings?.style);
-      return c && u.push(`text-${c}`), o.value === "high" ? u.push("text-high-emphasis") : o.value === "medium" ? u.push("text-medium-emphasis") : o.value === "disabled" && u.push("text-disabled"), s.value && u.push(`font-${s.value}`), l.value && u.push(`text-decoration-${l.value}`), d.value && u.push(`font-weight-${d.value}`), r.value && u.push("font-italic"), u.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), 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(" ");
     });
-    return (u, m) => (V(), q("span", {
+    return (a, c) => (V(), q("span", {
       class: Qi(p.value)
-    }, eo(a.value), 3));
+    }, eo(u.value), 3));
   }
 }), Gl = /* @__PURE__ */ T({
   __name: "index",
@@ -2250,22 +2269,22 @@ 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), a = n(() => e.node.settings?.label), d = n(() => e.node.settings?.loading), p = n(() => e.node.settings?.maxRows), u = n(() => e.node.settings?.value), m = n(() => e.node.settings?.placeholder), c = n(() => e.node.settings?.readonly), v = n(() => e.node.settings?.reverse), h = n(() => e.node.settings?.rows), f = n(() => e.node.settings?.singleLine), _ = n(() => i.value ? "dark" : "light"), k = n(() => e.node.settings?.variant);
-    return (x, y) => {
+    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);
+    return (x, h) => {
       const w = A("v-textarea");
       return V(), z(w, {
         "auto-grow": s.value,
         clearable: l.value,
         density: o.value,
         disabled: r.value,
-        label: a.value,
+        label: u.value,
         loading: d.value,
         "max-rows": p.value,
-        "model-value": u.value,
-        placeholder: m.value,
-        readonly: c.value,
-        reverse: v.value,
-        rows: h.value,
+        "model-value": a.value,
+        placeholder: c.value,
+        readonly: m.value,
+        reverse: b.value,
+        rows: y.value,
         "single-line": f.value,
         theme: _.value,
         variant: k.value
@@ -2279,26 +2298,26 @@ 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), a = n(() => e.node.settings?.clearable), d = n(() => e.node.settings?.density), p = n(() => e.node.settings?.disabled), u = n(() => e.node.settings?.hideDetails), m = n(() => e.node.settings?.label), c = n(() => e.node.settings?.loading), v = n(() => e.node.settings?.placeholder), h = 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), y = 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), 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);
     return (Y, K) => {
       const X = A("v-text-field");
       return V(), z(X, {
         "append-icon": l.value,
         "append-inner-icon": o.value,
         autofocus: r.value,
-        clearable: a.value,
+        clearable: u.value,
         density: d.value,
         disabled: p.value,
-        "hide-details": u.value,
-        label: m.value,
-        loading: c.value,
-        placeholder: v.value,
-        prefix: h.value,
+        "hide-details": a.value,
+        label: c.value,
+        loading: m.value,
+        placeholder: b.value,
+        prefix: y.value,
         "prepend-icon": f.value,
         "prepend-inner-icon": _.value,
         readonly: k.value,
         reverse: x.value,
-        "single-line": y.value,
+        "single-line": h.value,
         suffix: w.value,
         theme: g.value,
         variant: $.value
@@ -2353,7 +2372,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), a = n(() => t.node.settings?.dot?.fill), d = n(() => t.node.settings?.hideOpposite), p = n(() => t.node.settings?.line?.color), { color: u } = j(e, p), m = n(() => t.node.settings?.line?.inset), c = n(() => t.node.settings?.line?.thickness), v = n(() => t.node.settings?.side), h = 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), 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);
     return (_, k) => {
       const x = A("v-timeline");
       return V(), z(x, {
@@ -2361,13 +2380,13 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
         density: s.value,
         direction: l.value,
         "dot-color": D(r),
-        "fill-dot": a.value,
+        "fill-dot": u.value,
         "hide-opposite": d.value,
-        "line-color": D(u),
-        "line-inset": m.value,
-        "line-thickness": c.value,
-        side: v.value,
-        theme: h.value,
+        "line-color": D(a),
+        "line-inset": c.value,
+        "line-thickness": m.value,
+        side: b.value,
+        theme: y.value,
         "truncate-line": f.value
       }, {
         default: W(() => [
@@ -2394,21 +2413,21 @@ 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), a = n(() => t.node.settings?.showArrows), d = n(() => e.value ? "dark" : "light"), p = n(() => t.node.settings?.touch);
-    return (u, m) => {
-      const c = A("v-window");
-      return V(), z(c, {
+    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, {
         continuous: i.value,
         direction: l.value,
         disabled: s.value,
         "model-value": o.value,
         reverse: r.value,
-        "show-arrows": a.value,
+        "show-arrows": u.value,
         theme: d.value,
         touch: p.value
       }, {
         default: W(() => [
-          M(u.$slots, "default")
+          M(a.$slots, "default")
         ]),
         _: 3
       }, 8, ["continuous", "direction", "disabled", "model-value", "reverse", "show-arrows", "theme", "touch"]);
@@ -2424,7 +2443,7 @@ function Jl(t, e) {
     _: 3
   });
 }
-const Ql = /* @__PURE__ */ be(Yl, [["render", Jl]]), Mi = "badge_v1", cn = "breadcrumbs_v1", De = "bar_chart_v1", Re = "btn_v1", Me = "btn_group_v1", Fe = "btn_toggle_v1", He = "card_v1", Oe = "checkbox_v1", Ge = "chip_v1", Ke = "chip_group_v1", je = "color_picker_v1", Ue = "combobox_v1", Ze = "container_v1", qe = "data_table_v1", Xe = "date_picker_v1", Ye = "dialog_v1", Je = "file_input_v1", Qe = "flex_layout_v1", Fi = "flex_layout_entry_v1", et = "form_v1", tt = "icon_v1", nt = "globality_v1", it = "line_chart_v1", ot = "menu_v1", st = "number_input_v1", lt = "pagination_v1", Hi = "radio_v1", rt = "radio_group_v1", at = "range_slider_v1", ut = "rating_v1", _e = "ref_v1", dt = "select_v1", ct = "slider_v1", mt = "stepper_v1", Oi = "stepper_header_v1", Gi = "stepper_item_v1", Ki = "stepper_window_v1", ji = "stepper_window_item_v1", pt = "switch_v1", Ui = "tab_v1", ft = "tabs_v1", bt = "text_v1", vt = "textarea_v1", yt = "text_field_v1", ht = "timeline_v1", Zi = "timeline_item_v1", gt = "window_v1", qi = "window_item_v1", b = {
+const Ql = /* @__PURE__ */ be(Yl, [["render", Jl]]), Mi = "badge_v1", cn = "breadcrumbs_v1", De = "bar_chart_v1", Re = "btn_v1", Me = "btn_group_v1", Fe = "btn_toggle_v1", He = "card_v1", Oe = "checkbox_v1", Ge = "chip_v1", Ke = "chip_group_v1", je = "color_picker_v1", Ue = "combobox_v1", Ze = "container_v1", qe = "data_table_v1", Xe = "date_picker_v1", Ye = "dialog_v1", Je = "file_input_v1", Qe = "flex_layout_v1", Fi = "flex_layout_entry_v1", et = "form_v1", tt = "icon_v1", nt = "globality_v1", it = "line_chart_v1", ot = "menu_v1", st = "number_input_v1", lt = "pagination_v1", Hi = "radio_v1", rt = "radio_group_v1", at = "range_slider_v1", ut = "rating_v1", _e = "ref_v1", dt = "select_v1", ct = "slider_v1", mt = "stepper_v1", Oi = "stepper_header_v1", Gi = "stepper_item_v1", Ki = "stepper_window_v1", ji = "stepper_window_item_v1", pt = "switch_v1", Ui = "tab_v1", ft = "tabs_v1", bt = "text_v1", vt = "textarea_v1", yt = "text_field_v1", ht = "timeline_v1", Zi = "timeline_item_v1", gt = "window_v1", qi = "window_item_v1", v = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -2816,8 +2835,8 @@ const mn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, H, $e, Ce, Ie, Ve, mn],
-    compCommon: [b, H, $e, Ce, Ie, Ve, mn]
+    pageCommon: [v, H, $e, Ce, Ie, Ve, mn],
+    compCommon: [v, H, $e, Ce, Ie, Ve, mn]
   },
   spawn: tr
 };
@@ -2870,8 +2889,8 @@ const pn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, H, $e, Ce, Ie, Ve, pn],
-    compCommon: [b, H, $e, Ce, Ie, Ve, pn]
+    pageCommon: [v, H, $e, Ce, Ie, Ve, pn],
+    compCommon: [v, H, $e, Ce, Ie, Ve, pn]
   },
   spawn: nr
 };
@@ -2951,8 +2970,8 @@ const bn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, H, bn],
-    compCommon: [b, H, bn]
+    pageCommon: [v, H, bn],
+    compCommon: [v, H, bn]
   }
 };
 I(or);
@@ -3004,8 +3023,8 @@ const vn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, vn],
-    compCommon: [b, vn]
+    pageCommon: [v, vn],
+    compCommon: [v, vn]
   }
 };
 function sr(t, e) {
@@ -3123,8 +3142,8 @@ const lr = R(U), yn = {
   ],
   methods: [],
   props: {
-    pageCommon: [b, H, yn],
-    compCommon: [b, H, yn]
+    pageCommon: [v, H, yn],
+    compCommon: [v, H, yn]
   },
   spawn: sr
 };
@@ -3142,8 +3161,8 @@ const rr = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b],
-    compCommon: [b]
+    pageCommon: [v],
+    compCommon: [v]
   }
 };
 I(rr);
@@ -3221,8 +3240,8 @@ const hn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, hn],
-    compCommon: [b, hn]
+    pageCommon: [v, hn],
+    compCommon: [v, hn]
   }
 };
 I(ar);
@@ -3308,8 +3327,8 @@ const gn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, H, gn],
-    compCommon: [b, H, gn]
+    pageCommon: [v, H, gn],
+    compCommon: [v, H, gn]
   },
   spawn: ur
 };
@@ -3339,8 +3358,8 @@ const xn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, xn],
-    compCommon: [b, xn]
+    pageCommon: [v, xn],
+    compCommon: [v, xn]
   }
 };
 I(dr);
@@ -3427,8 +3446,8 @@ const cr = R(U), kn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, kn],
-    compCommon: [b, kn]
+    pageCommon: [v, kn],
+    compCommon: [v, kn]
   }
 };
 I(wt);
@@ -3464,8 +3483,8 @@ function de(t, e, i, s) {
     console.error(`chipGroupV1/spawnChip props not found, ${l}`);
     return;
   }
-  const a = {};
-  return L(a, r), a.basic.id = N(16), a.basic.key = wt.key, a.settings.value = i, a.settings.text = s, a;
+  const u = {};
+  return L(u, r), u.basic.id = N(16), u.basic.key = wt.key, u.settings.value = i, u.settings.text = s, u;
 }
 const _n = {
   key: "settings",
@@ -3534,8 +3553,8 @@ const _n = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, _n],
-    compCommon: [b, _n]
+    pageCommon: [v, _n],
+    compCommon: [v, _n]
   },
   spawn: mr
 };
@@ -3548,8 +3567,8 @@ const pr = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b],
-    compCommon: [b]
+    pageCommon: [v],
+    compCommon: [v]
   }
 };
 I(pr);
@@ -3602,8 +3621,8 @@ const wn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, wn],
-    compCommon: [b, wn]
+    pageCommon: [v, wn],
+    compCommon: [v, wn]
   }
 };
 I(fr);
@@ -3633,8 +3652,8 @@ const Vn = {
   ],
   methods: [],
   props: {
-    pageCommon: [b, H, me, pe, fe, Vn],
-    compCommon: [b, H, me, pe, fe, Vn]
+    pageCommon: [v, H, me, pe, fe, Vn],
+    compCommon: [v, H, me, pe, fe, Vn]
   }
 };
 I($t);
@@ -3798,8 +3817,8 @@ const $n = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, $n, Cn, In],
-    compCommon: [b, $n, Cn, In]
+    pageCommon: [v, $n, Cn, In],
+    compCommon: [v, $n, Cn, In]
   }
 };
 I(br);
@@ -3811,8 +3830,8 @@ const vr = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b],
-    compCommon: [b]
+    pageCommon: [v],
+    compCommon: [v]
   }
 };
 I(vr);
@@ -3842,8 +3861,8 @@ const yr = {
     }
   ],
   props: {
-    pageCommon: [b],
-    compCommon: [b]
+    pageCommon: [v],
+    compCommon: [v]
   },
   teleport: !0
 };
@@ -3860,8 +3879,8 @@ const Sn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, Sn],
-    compCommon: [b, Sn]
+    pageCommon: [v, Sn],
+    compCommon: [v, Sn]
   }
 }, Tn = {
   key: "settings",
@@ -3893,8 +3912,8 @@ const Sn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, H, Tn],
-    compCommon: [b, H, Tn]
+    pageCommon: [v, H, Tn],
+    compCommon: [v, H, Tn]
   }
 };
 I(Ct);
@@ -3934,21 +3953,21 @@ function hr(t, e) {
     gr(t, e)
   ], o;
 }
-function It(t, e, i, s, l, o, r, a, d) {
-  const p = `type=${t} subtype=${e}`, u = E(t, e);
-  if (!u) {
+function It(t, e, i, s, l, o, r, u, d) {
+  const p = `type=${t} subtype=${e}`, a = E(t, e);
+  if (!a) {
     console.error(
       `flexLayoutV1/spawnContainer prop tag not found, ${p}`
     );
     return;
   }
-  const m = $t.props[u];
-  if (!m) {
+  const c = $t.props[a];
+  if (!c) {
     console.error(`flexLayoutV1/spawnContainer props not found, ${p}`);
     return;
   }
-  const c = {};
-  return L(c, m), 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), a && (c.size.minHeight = a), console.log(c), i && (c.settings.backgroundColor.mode = "custom", c.settings.backgroundColor.custom.light = i, c.settings.backgroundColor.custom.dark = i), c.children = [], c;
+  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;
 }
 function gr(t, e) {
   const i = `type=${t} subtype=${e}`, s = E(t, e);
@@ -4172,8 +4191,8 @@ const zn = {
   ],
   methods: [],
   props: {
-    pageCommon: [b, H, me, pe, fe, zn],
-    compCommon: [b, H, me, pe, fe, zn]
+    pageCommon: [v, H, me, pe, fe, zn],
+    compCommon: [v, H, me, pe, fe, zn]
   },
   spawn: hr
 };
@@ -4353,8 +4372,8 @@ const An = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, An, Nn],
-    compCommon: [b, An, Nn]
+    pageCommon: [v, An, Nn],
+    compCommon: [v, An, Nn]
   }
 };
 I(St);
@@ -4423,8 +4442,8 @@ const Pn = {
   ],
   methods: [],
   props: {
-    pageCommon: [b, H, me, pe, fe, Pn],
-    compCommon: [b, H, me, pe, fe, Pn]
+    pageCommon: [v, H, me, pe, fe, Pn],
+    compCommon: [v, H, me, pe, fe, Pn]
   },
   spawn: xr
 };
@@ -4462,8 +4481,8 @@ const _r = R(U), Ln = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, Ln],
-    compCommon: [b, Ln]
+    pageCommon: [v, Ln],
+    compCommon: [v, Ln]
   }
 };
 I(wr);
@@ -4493,8 +4512,8 @@ const Vr = {
     }
   ],
   props: {
-    pageCommon: [b],
-    compCommon: [b]
+    pageCommon: [v],
+    compCommon: [v]
   },
   teleport: !0
 };
@@ -4714,8 +4733,8 @@ const En = {
   ],
   methods: [],
   props: {
-    pageCommon: [b, En, Wn],
-    compCommon: [b, En, Wn]
+    pageCommon: [v, En, Wn],
+    compCommon: [v, En, Wn]
   },
   spawn: $r
 };
@@ -4791,8 +4810,8 @@ const Bn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, Bn],
-    compCommon: [b, Bn]
+    pageCommon: [v, Bn],
+    compCommon: [v, Bn]
   }
 };
 I(Cr);
@@ -4841,8 +4860,8 @@ const Ir = R(U), Dn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, Dn],
-    compCommon: [b, Dn]
+    pageCommon: [v, Dn],
+    compCommon: [v, Dn]
   }
 };
 I(At);
@@ -4875,8 +4894,8 @@ function Ae(t, e, i, s) {
     console.error(`radioGroupV1/spawnEntry props not found, ${l}`);
     return;
   }
-  const a = {};
-  return L(a, r), a.basic.id = N(16), a.basic.key = At.key, a.settings.value = i, a.settings.label = s, a;
+  const u = {};
+  return L(u, r), u.basic.id = N(16), u.basic.key = At.key, u.settings.value = i, u.settings.label = s, u;
 }
 const Rn = {
   key: "settings",
@@ -4934,8 +4953,8 @@ const Rn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, Rn],
-    compCommon: [b, Rn]
+    pageCommon: [v, Rn],
+    compCommon: [v, Rn]
   },
   spawn: Sr
 };
@@ -5065,8 +5084,8 @@ const Mn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, Mn],
-    compCommon: [b, Mn]
+    pageCommon: [v, Mn],
+    compCommon: [v, Mn]
   }
 };
 I(Tr);
@@ -5133,8 +5152,8 @@ const Fn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, Fn],
-    compCommon: [b, Fn]
+    pageCommon: [v, Fn],
+    compCommon: [v, Fn]
   }
 };
 I(zr);
@@ -5187,8 +5206,8 @@ const Hn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, Hn],
-    compCommon: [b, Hn]
+    pageCommon: [v, Hn],
+    compCommon: [v, Hn]
   }
 };
 I(Ar);
@@ -5335,8 +5354,8 @@ const On = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, On, Gn],
-    compCommon: [b, On, Gn]
+    pageCommon: [v, On, Gn],
+    compCommon: [v, On, Gn]
   }
 };
 I(Nr);
@@ -5353,8 +5372,8 @@ const Pt = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b],
-    compCommon: [b]
+    pageCommon: [v],
+    compCommon: [v]
   }
 };
 I(Pt);
@@ -5382,8 +5401,8 @@ const Kn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, Kn],
-    compCommon: [b, Kn]
+    pageCommon: [v, Kn],
+    compCommon: [v, Kn]
   }
 };
 I(Lt);
@@ -5400,8 +5419,8 @@ const Et = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b],
-    compCommon: [b]
+    pageCommon: [v],
+    compCommon: [v]
   }
 };
 I(Et);
@@ -5429,8 +5448,8 @@ const jn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, jn],
-    compCommon: [b, jn]
+    pageCommon: [v, jn],
+    compCommon: [v, jn]
   }
 };
 I(Wt);
@@ -5509,8 +5528,8 @@ function Pe(t, e, i, s) {
     console.error(`stepperV1/spawnWindowItem props not found, ${l}`);
     return;
   }
-  const a = {};
-  return L(a, r), a.basic.id = N(16), a.basic.key = Wt.key, a.children = [Wr(t, e, s)], a.settings.value = i, a;
+  const u = {};
+  return L(u, r), u.basic.id = N(16), u.basic.key = Wt.key, u.children = [Wr(t, e, s)], u.settings.value = i, u;
 }
 function Wr(t, e, i) {
   const s = `type=${t} subtype=${e}`, l = E(t, e);
@@ -5556,8 +5575,8 @@ const Un = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, Un],
-    compCommon: [b, Un]
+    pageCommon: [v, Un],
+    compCommon: [v, Un]
   },
   spawn: Pr
 };
@@ -5570,8 +5589,8 @@ const Br = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b],
-    compCommon: [b]
+    pageCommon: [v],
+    compCommon: [v]
   }
 };
 I(Br);
@@ -5600,8 +5619,8 @@ const Zn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, Zn],
-    compCommon: [b, Zn]
+    pageCommon: [v, Zn],
+    compCommon: [v, Zn]
   }
 };
 I(Dt);
@@ -5634,8 +5653,8 @@ function Le(t, e, i, s) {
     console.error(`tabsV1/spawnTab props not found, ${l}`);
     return;
   }
-  const a = {};
-  return L(a, r), a.basic.id = N(16), a.basic.key = Dt.key, a.settings.value = i, a.settings.text = s, a;
+  const u = {};
+  return L(u, r), u.basic.id = N(16), u.basic.key = Dt.key, u.settings.value = i, u.settings.text = s, u;
 }
 const on = R(U);
 on.key = "backgroundColor";
@@ -5738,8 +5757,8 @@ const qn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, qn],
-    compCommon: [b, qn]
+    pageCommon: [v, qn],
+    compCommon: [v, qn]
   },
   spawn: Dr
 };
@@ -5852,8 +5871,8 @@ const Xn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, Xn],
-    compCommon: [b, Xn]
+    pageCommon: [v, Xn],
+    compCommon: [v, Xn]
   },
   spawn: Rr
 };
@@ -5951,8 +5970,8 @@ const Yn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, Yn],
-    compCommon: [b, Yn]
+    pageCommon: [v, Yn],
+    compCommon: [v, Yn]
   },
   spawn: Mr
 };
@@ -5970,8 +5989,8 @@ const Ft = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b],
-    compCommon: [b]
+    pageCommon: [v],
+    compCommon: [v]
   }
 };
 I(Ft);
@@ -6112,8 +6131,8 @@ const Or = R(U), Gr = R(U), Jn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, Jn],
-    compCommon: [b, Jn]
+    pageCommon: [v, Jn],
+    compCommon: [v, Jn]
   },
   spawn: Fr
 };
@@ -6131,8 +6150,8 @@ const Ot = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b],
-    compCommon: [b]
+    pageCommon: [v],
+    compCommon: [v]
   }
 };
 I(Ot);
@@ -6257,8 +6276,8 @@ const Qn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, Qn],
-    compCommon: [b, Qn]
+    pageCommon: [v, Qn],
+    compCommon: [v, Qn]
   },
   spawn: Kr
 };