x-runtime-lib 0.8.3 → 0.8.4

package/dist/index.js

@@ -1,76 +1,87 @@
-import { c as F, m as Ji, a as Xi, u as Yi, r as oi, e as si, i as Zi, b as qi, d as Qi, f as eo, g as to, h as no, j as io, k as oo, I as so, l as ri } from "./vendor.073f3e7b.js";
-import { n as nu } from "./vendor.073f3e7b.js";
-import { computed as k, inject as ee, provide as te, readonly as Kt, onBeforeMount as ro, onUnmounted as Ce, ref as he, watchEffect as li, watch as le, defineComponent as T, useTemplateRef as ai, onMounted as ui, nextTick as ci, createElementBlock as ne, openBlock as w, normalizeStyle as q, renderSlot as E, unref as n, createBlock as z, h as ie, resolveComponent as A, withCtx as S, createVNode as H, isRef as G, createSlots as Jt, renderList as lo, useId as di, createCommentVNode as mi, withModifiers as ao, normalizeClass as uo, toDisplayString as co } from "vue";
-import { useTheme as mo } from "vuetify";
-import { waitUtil as pi, eventBus as fi, messageInfo as po, messageSuccess as fo, messageWarning as bi, messageError as yi, createAxios as bo, globalObjects as Ee, openConfirmDlg as yo, openPromptDlg as ho, useViewStack as hi } from "x-essential-lib";
-import { useI18n as go } from "vue-i18n";
-import { getErrorMessage as xo } from "x-error-lib";
-const ge = {}, C = (t) => {
+import { defineComponent as S, createBlock as z, openBlock as w, unref as n, computed as k, inject as ee, provide as te, readonly as Kt, onBeforeMount as Ji, onUnmounted as Ce, ref as he, watchEffect as oi, watch as re, useTemplateRef as si, onMounted as li, nextTick as ri, createElementBlock as ne, normalizeStyle as q, renderSlot as E, h as ie, resolveComponent as A, withCtx as T, createVNode as H, isRef as G, createSlots as Jt, renderList as Xi, useId as ai, createCommentVNode as ui, withModifiers as Yi, normalizeClass as Zi, toDisplayString as qi } from "vue";
+import { i as Qi, c as F, m as eo, a as to, u as no, r as ci, e as di, b as io, d as oo, f as so, g as lo, h as ro, j as ao, k as uo, l as co, I as mo, n as mi } from "./vendor.m1xt45b7.js";
+import { useTheme as po } from "vuetify";
+import { waitUtil as pi, eventBus as fi, messageInfo as fo, messageSuccess as bo, messageWarning as bi, messageError as yi, createAxios as yo, globalObjects as Ee, openConfirmDlg as ho, openPromptDlg as go, useViewStack as hi } from "x-essential-lib";
+import { useI18n as xo } from "vue-i18n";
+import { getErrorMessage as vo } from "x-error-lib";
+const Ra = /* @__PURE__ */ S({
+  __name: "index",
+  props: {
+    antialias: { type: Boolean },
+    clearColor: {}
+  },
+  setup(t) {
+    return (e, i) => (w(), z(n(Qi), {
+      antialias: t.antialias,
+      "clear-color": t.clearColor
+    }, null, 8, ["antialias", "clear-color"]));
+  }
+}), ge = {}, C = (t) => {
   ge[t.key] = t;
 }, be = (t, e) => {
   const i = t.__vccOpts || t;
-  for (const [r, l] of e)
-    i[r] = l;
+  for (const [l, r] of e)
+    i[l] = r;
   return i;
 };
 function gi(t) {
   const e = k(() => t.node.legend?.show), i = k(() => t.node.legend?.data);
-  function r(l) {
-    l.legend = {
+  function l(r) {
+    r.legend = {
       show: e.value,
       data: i.value
     };
   }
-  return { show: e, data: i, applyLegend: r };
+  return { show: e, data: i, applyLegend: l };
 }
 function xi(t) {
   const e = k(() => t.node.series);
-  function i(r) {
-    r.series = e.value;
+  function i(l) {
+    l.series = e.value;
   }
   return { series: e, applySeries: i };
 }
 function vi(t) {
-  const e = k(() => t.node.title?.show), i = k(() => t.node.title?.text), r = k(() => t.node.title?.subtext);
-  function l(o) {
+  const e = k(() => t.node.title?.show), i = k(() => t.node.title?.text), l = k(() => t.node.title?.subtext);
+  function r(o) {
     o.title = {
       show: e.value,
       text: i.value,
-      subtext: r.value
+      subtext: l.value
     };
   }
-  return { show: e, text: i, subtext: r, applyTitle: l };
+  return { show: e, text: i, subtext: l, applyTitle: r };
 }
 function ki(t) {
-  const e = k(() => t.node.xAxis?.show), i = k(() => t.node.xAxis?.position), r = k(() => t.node.xAxis?.type), l = k(() => t.node.xAxis?.data);
+  const e = k(() => t.node.xAxis?.show), i = k(() => t.node.xAxis?.position), l = k(() => t.node.xAxis?.type), r = k(() => t.node.xAxis?.data);
   function o(a) {
     a.xAxis = {
       show: e.value,
       position: i.value,
-      type: r.value,
-      data: l.value
+      type: l.value,
+      data: r.value
     };
   }
-  return { show: e, position: i, type: r, data: l, applyXAxis: o };
+  return { show: e, position: i, type: l, data: r, applyXAxis: o };
 }
 function _i(t) {
-  const e = k(() => t.node.yAxis?.show), i = k(() => t.node.yAxis?.position), r = k(() => t.node.yAxis?.type), l = k(() => t.node.yAxis?.data);
+  const e = k(() => t.node.yAxis?.show), i = k(() => t.node.yAxis?.position), l = k(() => t.node.yAxis?.type), r = k(() => t.node.yAxis?.data);
   function o(a) {
     a.yAxis = {
       show: e.value,
       position: i.value,
-      type: r.value,
-      data: l.value
+      type: l.value,
+      data: r.value
     };
   }
-  return { show: e, position: i, type: r, data: l, applyYAxis: o };
+  return { show: e, position: i, type: l, data: r, applyYAxis: o };
 }
 const un = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
 function P(t) {
   let e = "";
   for (let i = 0; i < t; i++) {
-    const r = Math.floor(Math.random() * un.length);
-    e += un[r];
+    const l = Math.floor(Math.random() * un.length);
+    e += un[l];
   }
   return e;
 }
@@ -86,7 +97,7 @@ function Xt(t) {
   const e = t.substring(0, t.length - 1), i = parseFloat(e);
   return !isNaN(i);
 }
-function Na(t) {
+function Da(t) {
   if (typeof t != "string" || !t.endsWith("px"))
     return;
   const e = t.substring(0, t.length - 2), i = parseFloat(e);
@@ -100,7 +111,7 @@ function Ae(t) {
   if (!isNaN(i))
     return i;
 }
-const wi = ["xs", "sm", "md", "lg", "xl"], vo = [...wi].reverse();
+const wi = ["xs", "sm", "md", "lg", "xl"], ko = [...wi].reverse();
 function Vi(t) {
   return t < 600 ? "xs" : t < 960 ? "sm" : t < 1280 ? "md" : t < 1920 ? "lg" : "xl";
 }
@@ -109,15 +120,15 @@ function cn(t) {
 }
 function ye(t, e) {
   let i;
-  for (const r of vo) {
-    if (cn(r) < cn(t))
+  for (const l of ko) {
+    if (cn(l) < cn(t))
       break;
-    e[r] && (i = e[r]);
+    e[l] && (i = e[l]);
   }
   return i;
 }
-const Ra = ["string", "number", "boolean", "array", "object"];
-function Da(t) {
+const Ea = ["string", "number", "boolean", "array", "object"];
+function Fa(t) {
   switch (t) {
     case "string":
       return "#5ba58c";
@@ -131,7 +142,7 @@ function Da(t) {
       return "#80a55b";
   }
 }
-function Ea(t, e, i, r, l) {
+function Ma(t, e, i, l, r) {
   let o = t;
   for (let c = 0; c < e.length; c++)
     if (o = o.children[e[c]], !o) {
@@ -139,31 +150,31 @@ function Ea(t, e, i, r, l) {
       return;
     }
   let a = o.children[i];
-  a ? a.dataSeq !== r && (a = {
-    dataSeq: r,
-    data: F(l),
+  a ? a.dataSeq !== l && (a = {
+    dataSeq: l,
+    data: F(r),
     children: {}
   }) : (a = {
-    dataSeq: r,
-    data: F(l),
+    dataSeq: l,
+    data: F(r),
     children: {}
   }, o.children[i] = a);
 }
-const ko = ["common", "scene"], _o = ["common", "scene"];
-function wo() {
-  return Ji();
+const _o = ["common", "scene"], wo = ["common", "scene"];
+function Vo() {
+  return eo();
 }
 function L(t, e) {
   if (t === "page") {
-    if (!ko.includes(e)) {
+    if (!_o.includes(e)) {
       console.error(`get prop tag failed type=${t} subtype=${e}`);
       return;
     }
-  } else if (t === "comp" && !_o.includes(e)) {
+  } else if (t === "comp" && !wo.includes(e)) {
     console.error(`get prop tag failed type=${t} subtype=${e}`);
     return;
   }
-  return `${t}${Xi(e)}`;
+  return `${t}${to(e)}`;
 }
 function dn(t, e) {
   if (t.array)
@@ -174,20 +185,20 @@ function dn(t, e) {
   }
 }
 function W(t, e) {
-  function i(r, l) {
-    if (l.ui) {
-      if (l.ui === "strInput" && l.static)
+  function i(l, r) {
+    if (r.ui) {
+      if (r.ui === "strInput" && r.static)
         return;
-      r[l.key] = dn(l);
+      l[r.key] = dn(r);
     } else
-      l.array ? r[l.key] = dn(l) : l.children.forEach((o) => {
-        r[l.key] || (r[l.key] = {}), i(r[l.key], o);
+      r.array ? l[r.key] = dn(r) : r.children.forEach((o) => {
+        l[r.key] || (l[r.key] = {}), i(l[r.key], o);
       });
   }
-  e.forEach((r) => i(t, r));
+  e.forEach((l) => i(t, l));
 }
-function Fa(t, e, i, r, l) {
-  const o = `type=${t} subtype=${e} version=${i} ref=${r} keyOrRefid=${l}`, a = L(t, e);
+function Ha(t, e, i, l, r) {
+  const o = `type=${t} subtype=${e} version=${i} ref=${l} keyOrRefid=${r}`, a = L(t, e);
   if (!a) {
     console.error(`spawnNode prop tag not found, ${o}`);
     return;
@@ -197,8 +208,8 @@ function Fa(t, e, i, r, l) {
     console.error(`spawnNode pkg not found version, ${o}`);
     return;
   }
-  if (r) {
-    const p = c.refKey, b = l;
+  if (l) {
+    const p = c.refKey, b = r;
     if (!c.elements.has(p)) {
       console.error(`spawnNode [ref] element not found in pkg, ${o}`);
       return;
@@ -223,7 +234,7 @@ function Fa(t, e, i, r, l) {
       comp: b
     }, m;
   } else {
-    const p = l;
+    const p = r;
     if (!c.elements.has(p)) {
       console.error(`spawnNode [key] element not found in pkg, ${o}`);
       return;
@@ -251,121 +262,121 @@ function Fa(t, e, i, r, l) {
     }
   }
 }
-function Ma(t, e) {
-  function i(r) {
-    if (r.basic.id === e)
-      return r;
-    if (r.children)
-      for (let l = 0; l < r.children.length; l++) {
-        const o = i(r.children[l]);
+function ja(t, e) {
+  function i(l) {
+    if (l.basic.id === e)
+      return l;
+    if (l.children)
+      for (let r = 0; r < l.children.length; r++) {
+        const o = i(l.children[r]);
         if (o)
           return o;
       }
   }
-  for (let r = 0; r < t.length; r++) {
-    const l = i(t[r]);
-    if (l)
-      return l;
+  for (let l = 0; l < t.length; l++) {
+    const r = i(t[l]);
+    if (r)
+      return r;
   }
 }
-function Vo(t) {
-  function e(r) {
-    r.basic.id = P(16), r.children?.forEach((l) => e(l));
+function $o(t) {
+  function e(l) {
+    l.basic.id = P(16), l.children?.forEach((r) => e(r));
   }
   const i = F(t);
   return e(i), i;
 }
-function Ha(t) {
+function Ga(t) {
   const e = [];
   return t.forEach((i) => {
-    e.push(Vo(i));
+    e.push($o(i));
   }), e;
 }
 const $i = "runtimeOrg", Ii = "runtimeEnv", Ci = "runtimeMode", Si = "runtimeDevice", Ti = "runtimeDark", zi = "runtimeType", Ai = "runtimeData", Pi = "runtimeDepends", Wi = "runtimeSandbox";
-function ja(t) {
+function Ua(t) {
   te($i, t);
 }
-function $o() {
+function Io() {
   return ee($i);
 }
-function Ga(t) {
+function Oa(t) {
   te(Ii, t);
 }
-function Io() {
+function Co() {
   return ee(Ii);
 }
-function Ua(t) {
+function Ka(t) {
   te(Ci, t);
 }
 function Q() {
   return ee(Ci);
 }
-function Oa(t) {
+function Ja(t) {
   te(Si, Kt(t));
 }
 function ke() {
   return ee(Si);
 }
-function Ka(t) {
+function Xa(t) {
   te(Ti, Kt(t));
 }
 function Te() {
   return ee(Ti);
 }
-function Ja(t) {
+function Ya(t) {
   te(zi, t);
 }
 function oe() {
   return ee(zi);
 }
-function Xa(t) {
+function Za(t) {
   te(Ai, t);
 }
 function se() {
   return ee(Ai);
 }
-function Ya(t) {
+function qa(t) {
   te(Pi, Kt(t));
 }
-function Co() {
+function So() {
   return ee(Pi);
 }
-function So(t) {
+function To(t) {
   te(Wi, t);
 }
 function _e() {
   return ee(Wi);
 }
 function U(t) {
-  const { computedThemes: e } = mo(), i = Te(), r = k(() => t.value?.mode), l = k(() => {
+  const { computedThemes: e } = po(), i = Te(), l = k(() => t.value?.mode), r = k(() => {
     const c = t.value?.theme;
     return c ? c === "background0" ? i.value ? "#2e2e2e" : "#bdbdbd" : c === "background1" ? i.value ? "#272727" : "#eeeeee" : c === "background2" ? i.value ? "#1e1e1e" : "#ffffff" : (i.value ? e.value.dark : e.value.light).colors[c] : void 0;
   }), o = k(() => i.value ? t.value.custom?.dark : t.value.custom?.light);
-  return { color: k(() => r.value === "theme" ? l.value : r.value === "custom" ? o.value : "") };
+  return { color: k(() => l.value === "theme" ? r.value : l.value === "custom" ? o.value : "") };
 }
 function Yt(t) {
-  const e = k(() => t.node.border?.style), i = k(() => t.node.border?.width), r = k(() => t.node.border?.color), { color: l } = U(r), o = k(() => t.node.border?.roundRadius?.tl), a = k(() => t.node.border?.roundRadius?.tr), c = k(() => t.node.border?.roundRadius?.bl), p = k(() => t.node.border?.roundRadius?.br);
+  const e = k(() => t.node.border?.style), i = k(() => t.node.border?.width), l = k(() => t.node.border?.color), { color: r } = U(l), o = k(() => t.node.border?.roundRadius?.tl), a = k(() => t.node.border?.roundRadius?.tr), c = k(() => t.node.border?.roundRadius?.bl), p = k(() => t.node.border?.roundRadius?.br);
   function b(u) {
-    e.value && (u.borderStyle = e.value), i.value && (u.borderWidth = i.value), l.value && (u.borderColor = l.value), o.value && (u.borderTopLeftRadius = o.value), a.value && (u.borderTopRightRadius = a.value), c.value && (u.borderBottomLeftRadius = c.value), p.value && (u.borderBottomRightRadius = p.value);
+    e.value && (u.borderStyle = e.value), i.value && (u.borderWidth = i.value), r.value && (u.borderColor = r.value), o.value && (u.borderTopLeftRadius = o.value), a.value && (u.borderTopRightRadius = a.value), c.value && (u.borderBottomLeftRadius = c.value), p.value && (u.borderBottomRightRadius = p.value);
   }
-  return { borderStyle: e, borderWidth: i, borderColor: l, applyBorder: b };
+  return { borderStyle: e, borderWidth: i, borderColor: r, applyBorder: b };
 }
 function Zt(t) {
-  const e = k(() => t.node.margin?.top), i = k(() => t.node.margin?.left), r = k(() => t.node.margin?.bottom), l = k(() => t.node.margin?.right);
+  const e = k(() => t.node.margin?.top), i = k(() => t.node.margin?.left), l = k(() => t.node.margin?.bottom), r = k(() => t.node.margin?.right);
   function o(a) {
-    e.value && (a.marginTop = e.value), i.value && (a.marginLeft = i.value), r.value && (a.marginBottom = r.value), l.value && (a.marginRight = l.value);
+    e.value && (a.marginTop = e.value), i.value && (a.marginLeft = i.value), l.value && (a.marginBottom = l.value), r.value && (a.marginRight = r.value);
   }
-  return { marginTop: e, marginLeft: i, marginBottom: r, marginRight: l, applyMargin: o };
+  return { marginTop: e, marginLeft: i, marginBottom: l, marginRight: r, applyMargin: o };
 }
 function qt(t) {
-  const e = k(() => t.node.padding?.top), i = k(() => t.node.padding?.left), r = k(() => t.node.padding?.bottom), l = k(() => t.node.padding?.right);
+  const e = k(() => t.node.padding?.top), i = k(() => t.node.padding?.left), l = k(() => t.node.padding?.bottom), r = k(() => t.node.padding?.right);
   function o(a) {
-    e.value && (a.paddingTop = e.value), i.value && (a.paddingLeft = i.value), r.value && (a.paddingBottom = r.value), l.value && (a.paddingRight = l.value);
+    e.value && (a.paddingTop = e.value), i.value && (a.paddingLeft = i.value), l.value && (a.paddingBottom = l.value), r.value && (a.paddingRight = r.value);
   }
-  return { paddingTop: e, paddingLeft: i, paddingBottom: r, paddingRight: l, applyPadding: o };
+  return { paddingTop: e, paddingLeft: i, paddingBottom: l, paddingRight: r, applyPadding: o };
 }
 function ue(t) {
-  const e = Q(), i = ke(), r = k(() => t.node.size?.width), l = k(() => t.node.size?.minWidth), o = k(() => t.node.size?.maxWidth), a = k(() => {
+  const e = Q(), i = ke(), l = k(() => t.node.size?.width), r = k(() => t.node.size?.minWidth), o = k(() => t.node.size?.maxWidth), a = k(() => {
     if (t.outer && e === "editor") {
       const u = Ae(t.node.size?.height);
       if (u)
@@ -388,145 +399,145 @@ function ue(t) {
     return t.node.size?.maxHeight;
   });
   function b(u) {
-    r.value && (u.width = r.value), l.value && (u.minWidth = l.value), o.value && (u.maxWidth = o.value), a.value && (u.height = a.value), c.value && (u.minHeight = c.value), p.value && (u.maxHeight = p.value);
+    l.value && (u.width = l.value), r.value && (u.minWidth = r.value), o.value && (u.maxWidth = o.value), a.value && (u.height = a.value), c.value && (u.minHeight = c.value), p.value && (u.maxHeight = p.value);
   }
-  return { width: r, minWidth: l, maxWidth: o, height: a, minHeight: c, maxHeight: p, applySize: b };
+  return { width: l, minWidth: r, maxWidth: o, height: a, minHeight: c, maxHeight: p, applySize: b };
 }
 function Li(t, e, i) {
-  const r = k(() => e.node.basic.id), l = k(() => `callMethod@${r.value}`);
-  ro(() => {
-    t.eventBus?.on(l.value, i);
+  const l = k(() => e.node.basic.id), r = k(() => `callMethod@${l.value}`);
+  Ji(() => {
+    t.eventBus?.on(r.value, i);
   }), Ce(() => {
-    t.eventBus?.off(l.value, i);
+    t.eventBus?.off(r.value, i);
   });
 }
-const To = (t, e, i) => {
-  let r = t;
-  if (!r) {
+const zo = (t, e, i) => {
+  let l = t;
+  if (!l) {
     console.assert(!1);
     return;
   }
-  for (const l of e)
-    if (r = r[l], !r)
+  for (const r of e)
+    if (l = l[r], !l)
       return;
   if (i) {
-    if (typeof r == "string")
-      return JSON.parse(r);
+    if (typeof l == "string")
+      return JSON.parse(l);
     console.assert(!1);
   } else
-    return r;
-}, zo = (t, e, i, r) => {
-  let l = t;
-  if (!l) {
+    return l;
+}, Ao = (t, e, i, l) => {
+  let r = t;
+  if (!r) {
     console.assert(!1);
     return;
   }
   const o = e.length;
   for (let a = 0; a < o; a++) {
     const c = e[a];
-    a === o - 1 ? r ? typeof i == "object" ? l[c] = JSON.stringify(i, null, 2) : console.assert(!1) : l[c] = i : (l = l[c], l || (l = {}));
+    a === o - 1 ? l ? typeof i == "object" ? r[c] = JSON.stringify(i, null, 2) : console.assert(!1) : r[c] = i : (r = r[c], r || (r = {}));
   }
 };
 function s(t, e, i) {
-  const r = Q(), l = _e(), o = he();
-  return li(() => {
-    let a = To(t.node, e, i);
-    r === "editor" && e[e.length - 1] === "readonly" && (a = !0), o.value = a;
-  }), le(o, (a, c) => {
-    zo(t.node, e, o.value, i), l.eventBus?.emit("propChange", { keys: e, newValue: a, oldValue: c });
+  const l = Q(), r = _e(), o = he();
+  return oi(() => {
+    let a = zo(t.node, e, i);
+    l === "editor" && e[e.length - 1] === "readonly" && (a = !0), o.value = a;
+  }), re(o, (a, c) => {
+    Ao(t.node, e, o.value, i), r.eventBus?.emit("propChange", { keys: e, newValue: a, oldValue: c });
   }), { prop: o };
 }
 function R() {
   const t = Te();
   return { theme: k(() => t.value ? "dark" : "light") };
 }
-const Ao = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Po = "#242424", Wo = {}, Lo = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, Bo = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, No = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ro = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Do = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Eo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Fo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Mo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ho = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, jo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Go = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Uo = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, Oo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, Ko = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Jo = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Xo = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Yo = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Zo = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, qo = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Qo = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, es = { textStyle: { color: "#eeeeee" } }, ts = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, ns = { lineStyle: { color: "#eeeeee", width: 1 }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, label: { color: "#eeeeee" } } }, is = { color: ["#bf444c", "#d88273", "#f6efa6"] }, os = { backgroundColor: "rgba(47,69,84,0)", dataBackgroundColor: "rgba(255,255,255,0.3)", fillerColor: "rgba(167,183,204,0.4)", handleColor: "#a7b7cc", handleSize: "100%", textStyle: { color: "#eeeeee" } }, ss = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, rs = {
-  color: Ao,
-  backgroundColor: Po,
-  textStyle: Wo,
-  title: Lo,
-  line: Bo,
-  radar: No,
-  bar: Ro,
-  pie: Do,
-  scatter: Eo,
-  boxplot: Fo,
-  parallel: Mo,
-  sankey: Ho,
-  funnel: jo,
-  gauge: Go,
-  candlestick: Uo,
-  graph: Oo,
-  map: Ko,
-  geo: Jo,
-  categoryAxis: Xo,
-  valueAxis: Yo,
-  logAxis: Zo,
-  timeAxis: qo,
-  toolbox: Qo,
-  legend: es,
-  tooltip: ts,
-  timeline: ns,
-  visualMap: is,
-  dataZoom: os,
-  markPoint: ss
-}, ls = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], as = "#f5f5f5", us = {}, cs = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, ds = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, ms = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, ps = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, fs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, bs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ys = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, hs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, gs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, xs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, vs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ks = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, _s = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, ws = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Vs = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, $s = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Is = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Cs = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Ss = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Ts = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, zs = { textStyle: { color: "#333333" } }, As = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, Ps = { lineStyle: { color: "#eeeeee", width: "2" }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, label: { color: "#eeeeee" } } }, Ws = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Ls = { backgroundColor: "rgba(47,69,84,0)", dataBackgroundColor: "rgba(255,255,255,0.3)", fillerColor: "rgba(167,183,204,0.4)", handleColor: "#a7b7cc", handleSize: "100%", textStyle: { color: "#eeeeee" } }, Bs = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Ns = {
-  color: ls,
-  backgroundColor: as,
-  textStyle: us,
-  title: cs,
-  line: ds,
-  radar: ms,
-  bar: ps,
-  pie: fs,
-  scatter: bs,
-  boxplot: ys,
-  parallel: hs,
-  sankey: gs,
-  funnel: xs,
-  gauge: vs,
-  candlestick: ks,
-  graph: _s,
-  map: ws,
-  geo: Vs,
-  categoryAxis: $s,
-  valueAxis: Is,
-  logAxis: Cs,
-  timeAxis: Ss,
-  toolbox: Ts,
-  legend: zs,
-  tooltip: As,
-  timeline: Ps,
-  visualMap: Ws,
-  dataZoom: Ls,
-  markPoint: Bs
+const Po = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Wo = "#242424", Lo = {}, Bo = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, No = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ro = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Do = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Eo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Fo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Mo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ho = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, jo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Go = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Uo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Oo = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, Ko = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, Jo = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Xo = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Yo = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Zo = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, qo = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Qo = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, es = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, ts = { textStyle: { color: "#eeeeee" } }, ns = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, is = { lineStyle: { color: "#eeeeee", width: 1 }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, label: { color: "#eeeeee" } } }, os = { color: ["#bf444c", "#d88273", "#f6efa6"] }, ss = { backgroundColor: "rgba(47,69,84,0)", dataBackgroundColor: "rgba(255,255,255,0.3)", fillerColor: "rgba(167,183,204,0.4)", handleColor: "#a7b7cc", handleSize: "100%", textStyle: { color: "#eeeeee" } }, ls = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, rs = {
+  color: Po,
+  backgroundColor: Wo,
+  textStyle: Lo,
+  title: Bo,
+  line: No,
+  radar: Ro,
+  bar: Do,
+  pie: Eo,
+  scatter: Fo,
+  boxplot: Mo,
+  parallel: Ho,
+  sankey: jo,
+  funnel: Go,
+  gauge: Uo,
+  candlestick: Oo,
+  graph: Ko,
+  map: Jo,
+  geo: Xo,
+  categoryAxis: Yo,
+  valueAxis: Zo,
+  logAxis: qo,
+  timeAxis: Qo,
+  toolbox: es,
+  legend: ts,
+  tooltip: ns,
+  timeline: is,
+  visualMap: os,
+  dataZoom: ss,
+  markPoint: ls
+}, as = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], us = "#f5f5f5", cs = {}, ds = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, ms = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, ps = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, fs = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, bs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ys = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, hs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, gs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, xs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, vs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ks = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, _s = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, ws = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, Vs = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, $s = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Is = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Cs = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Ss = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Ts = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, zs = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, As = { textStyle: { color: "#333333" } }, Ps = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, Ws = { lineStyle: { color: "#eeeeee", width: "2" }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, label: { color: "#eeeeee" } } }, Ls = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Bs = { backgroundColor: "rgba(47,69,84,0)", dataBackgroundColor: "rgba(255,255,255,0.3)", fillerColor: "rgba(167,183,204,0.4)", handleColor: "#a7b7cc", handleSize: "100%", textStyle: { color: "#eeeeee" } }, Ns = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Rs = {
+  color: as,
+  backgroundColor: us,
+  textStyle: cs,
+  title: ds,
+  line: ms,
+  radar: ps,
+  bar: fs,
+  pie: bs,
+  scatter: ys,
+  boxplot: hs,
+  parallel: gs,
+  sankey: xs,
+  funnel: vs,
+  gauge: ks,
+  candlestick: _s,
+  graph: ws,
+  map: Vs,
+  geo: $s,
+  categoryAxis: Is,
+  valueAxis: Cs,
+  logAxis: Ss,
+  timeAxis: Ts,
+  toolbox: zs,
+  legend: As,
+  tooltip: Ps,
+  timeline: Ws,
+  visualMap: Ls,
+  dataZoom: Bs,
+  markPoint: Ns
 };
-Yi([
-  Zi,
-  qi,
-  Qi,
-  eo,
-  to,
-  no,
+no([
   io,
-  oo
+  oo,
+  so,
+  lo,
+  ro,
+  ao,
+  uo,
+  co
 ]);
-oi("dark", rs);
-oi("light", Ns);
-const Rs = /* @__PURE__ */ T({
+ci("dark", rs);
+ci("light", Rs);
+const Ds = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = ke(), r = Te(), l = oe(), o = se(), { width: a, minWidth: c, maxWidth: p, height: b, minHeight: u, maxHeight: d, applySize: m } = ue(e), { applyTitle: f } = vi(e), { applyXAxis: h } = ki(e), { applyYAxis: x } = _i(e), { applyLegend: g } = gi(e), { applySeries: _ } = xi(e), v = k(() => {
+    const e = t, i = ke(), l = Te(), r = oe(), o = se(), { width: a, minWidth: c, maxWidth: p, height: b, minHeight: u, maxHeight: d, applySize: m } = ue(e), { applyTitle: f } = vi(e), { applyXAxis: h } = ki(e), { applyYAxis: x } = _i(e), { applyLegend: g } = gi(e), { applySeries: _ } = xi(e), v = k(() => {
       const V = {}, M = o.value.type;
-      return l === "page" ? M === "common" ? m(V) : console.assert(!1) : l === "comp" && M === "common" ? m(V) : console.assert(!1), V;
-    }), I = ai("chart");
+      return r === "page" ? M === "common" ? m(V) : console.assert(!1) : r === "comp" && M === "common" ? m(V) : console.assert(!1), V;
+    }), I = si("chart");
     let $;
     const N = () => {
-      $?.dispose(), $ = si.init(I.value, r.value ? "dark" : "light");
+      $?.dispose(), $ = di.init(I.value, l.value ? "dark" : "light");
       const V = {};
       $.setOption(V);
     }, D = () => {
@@ -535,11 +546,11 @@ const Rs = /* @__PURE__ */ T({
       const V = {};
       f(V), h(V), x(V), g(V), _(V), $?.setOption(V, !0);
     };
-    return ui(async () => {
+    return li(async () => {
       window.addEventListener("resize", D, !1), await pi(() => !!I.value), N(), B();
     }), Ce(() => {
       window.removeEventListener("resize", D, !1), $?.dispose();
-    }), le(
+    }), re(
       [
         () => i.value.width,
         () => i.value.height,
@@ -551,11 +562,11 @@ const Rs = /* @__PURE__ */ T({
         d
       ],
       async () => {
-        await ci(), D();
+        await ri(), D();
       }
-    ), le([r], () => {
+    ), re([l], () => {
       N(), B();
-    }), le(
+    }), re(
       [e],
       () => {
         B();
@@ -566,20 +577,20 @@ const Rs = /* @__PURE__ */ T({
       style: q(v.value)
     }, null, 4));
   }
-}), Ds = /* @__PURE__ */ T({
+}), Es = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = ke(), r = Te(), l = oe(), o = se(), { width: a, minWidth: c, maxWidth: p, height: b, minHeight: u, maxHeight: d, applySize: m } = ue(e), { applyTitle: f } = vi(e), { applyXAxis: h } = ki(e), { applyYAxis: x } = _i(e), { applyLegend: g } = gi(e), { applySeries: _ } = xi(e), v = k(() => {
+    const e = t, i = ke(), l = Te(), r = oe(), o = se(), { width: a, minWidth: c, maxWidth: p, height: b, minHeight: u, maxHeight: d, applySize: m } = ue(e), { applyTitle: f } = vi(e), { applyXAxis: h } = ki(e), { applyYAxis: x } = _i(e), { applyLegend: g } = gi(e), { applySeries: _ } = xi(e), v = k(() => {
       const V = {}, M = o.value.type;
-      return l === "page" ? M === "common" ? m(V) : console.assert(!1) : l === "comp" && M === "common" ? m(V) : console.assert(!1), V;
-    }), I = ai("chart");
+      return r === "page" ? M === "common" ? m(V) : console.assert(!1) : r === "comp" && M === "common" ? m(V) : console.assert(!1), V;
+    }), I = si("chart");
     let $;
     const N = () => {
-      $?.dispose(), $ = si.init(I.value, r.value ? "dark" : "light");
+      $?.dispose(), $ = di.init(I.value, l.value ? "dark" : "light");
       const V = {};
       $.setOption(V);
     }, D = () => {
@@ -588,11 +599,11 @@ const Rs = /* @__PURE__ */ T({
       const V = {};
       f(V), h(V), x(V), g(V), _(V), $?.setOption(V, !0);
     };
-    return ui(async () => {
+    return li(async () => {
       window.addEventListener("resize", D, !1), await pi(() => !!I.value), N(), B();
     }), Ce(() => {
       window.removeEventListener("resize", D, !1), $?.dispose();
-    }), le(
+    }), re(
       [
         () => i.value.width,
         () => i.value.height,
@@ -604,11 +615,11 @@ const Rs = /* @__PURE__ */ T({
         d
       ],
       async () => {
-        await ci(), D();
+        await ri(), D();
       }
-    ), le([r], () => {
+    ), re([l], () => {
       N(), B();
-    }), le(
+    }), re(
       [e],
       () => {
         B();
@@ -619,25 +630,25 @@ const Rs = /* @__PURE__ */ T({
       style: q(v.value)
     }, null, 4));
   }
-}), X = /* @__PURE__ */ T({
+}), X = /* @__PURE__ */ S({
   __name: "index",
   props: {
     fitContent: { type: Boolean, default: !1 }
   },
   setup(t) {
     const e = Q(), i = k(() => {
-      const r = {};
-      return t.fitContent && (r.width = "fit-content", r.height = "fit-content"), r;
+      const l = {};
+      return t.fitContent && (l.width = "fit-content", l.height = "fit-content"), l;
     });
-    return (r, l) => n(e) === "editor" ? (w(), ne("div", {
+    return (l, r) => n(e) === "editor" ? (w(), ne("div", {
       key: 0,
       style: q(i.value)
     }, [
-      E(r.$slots, "default")
-    ], 4)) : E(r.$slots, "default", { key: 1 });
+      E(l.$slots, "default")
+    ], 4)) : E(l.$slots, "default", { key: 1 });
   }
 });
-function Es(t, e) {
+function Fs(t, e) {
   function i(u) {
     const d = t.pseudoToNative(u), m = [], f = d.split(".");
     for (let h = 0; h < f.length; h++) {
@@ -651,7 +662,7 @@ function Es(t, e) {
     }
     return t.nativeToPseudo(m);
   }
-  function r(u) {
+  function l(u) {
     const d = t.pseudoToNative(u);
     try {
       const m = JSON.parse(d);
@@ -660,7 +671,7 @@ function Es(t, e) {
       return t.nativeToPseudo({});
     }
   }
-  function l(u) {
+  function r(u) {
     const d = t.pseudoToNative(u), m = JSON.stringify(d);
     return t.nativeToPseudo(m);
   }
@@ -675,7 +686,7 @@ function Es(t, e) {
   }
   function c(u, d) {
     const m = t.pseudoToNative(u), f = t.pseudoToNative(d);
-    m === "info" ? po(f) : m === "success" ? fo(f) : m === "warning" ? bi(f) : m === "error" && yi(f);
+    m === "info" ? fo(f) : m === "success" ? bo(f) : m === "warning" ? bi(f) : m === "error" && yi(f);
   }
   function p(u, d) {
     const m = t.pseudoToNative(u), f = t.pseudoToNative(d);
@@ -696,11 +707,11 @@ function Es(t, e) {
   ), t.setProperty(
     e,
     "__parseJsonV1__",
-    t.createNativeFunction(r)
+    t.createNativeFunction(l)
   ), t.setProperty(
     e,
     "__jsonStringifyV1__",
-    t.createNativeFunction(l)
+    t.createNativeFunction(r)
   ), t.setProperty(
     e,
     "__consoleLogV1__",
@@ -723,22 +734,22 @@ function Es(t, e) {
     t.createAsyncFunction(b)
   );
 }
-const Bi = bo({
+const Bi = yo({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
     const { i18n: e } = Ee;
-    yi(xo(e, t));
+    yi(vo(e, t));
   }
 });
 window.API_URL && (Bi.defaults.baseURL = window.API_URL + "/computebase/");
-function Fs(t) {
+function Ms(t) {
   return Bi.post("callFunc", t);
 }
-function Ms(t, e) {
-  async function i(r, l, o, a, c, p) {
-    const b = t.pseudoToNative(r), u = t.pseudoToNative(l), d = t.pseudoToNative(o), m = t.pseudoToNative(a), f = t.pseudoToNative(c);
+function Hs(t, e) {
+  async function i(l, r, o, a, c, p) {
+    const b = t.pseudoToNative(l), u = t.pseudoToNative(r), d = t.pseudoToNative(o), m = t.pseudoToNative(a), f = t.pseudoToNative(c);
     try {
-      const h = JSON.stringify(d), { strOutputs: x } = await Fs({
+      const h = JSON.stringify(d), { strOutputs: x } = await Ms({
         spaceid: b,
         id: u,
         strInputs: h,
@@ -755,25 +766,25 @@ function Ms(t, e) {
     t.createAsyncFunction(i)
   );
 }
-class Hs {
+class js {
   nodes;
   constructor(e) {
     this.nodes = {};
-    const i = (r) => {
-      this.nodes[r.basic.id] = r, r.children?.forEach((l) => i(l));
+    const i = (l) => {
+      this.nodes[l.basic.id] = l, l.children?.forEach((r) => i(r));
     };
-    e.data.view.nodes.forEach((r) => i(r));
+    e.data.view.nodes.forEach((l) => i(l));
   }
   getNode(e) {
     return this.nodes[e];
   }
 }
-function js(t, e, i) {
-  const r = new Hs(t);
-  function l(u, d) {
+function Gs(t, e, i) {
+  const l = new js(t);
+  function r(u, d) {
     const m = e.pseudoToNative(u), f = e.pseudoToNative(d), h = `id=${m} keys=${f}`;
     let x;
-    if (m === "globality" ? x = t.data.view : x = r.getNode(m), !x) {
+    if (m === "globality" ? x = t.data.view : x = l.getNode(m), !x) {
       console.error(`getPropV1 node not found, ${h}`);
       return;
     }
@@ -792,7 +803,7 @@ function js(t, e, i) {
   function o(u, d, m) {
     const f = e.pseudoToNative(u), h = e.pseudoToNative(d), x = e.pseudoToNative(m), g = `id=${f} keys=${h} value=${x}`;
     let _;
-    if (f === "globality" ? _ = t.data.view : _ = r.getNode(f), !_) {
+    if (f === "globality" ? _ = t.data.view : _ = l.getNode(f), !_) {
       console.error(`setPropV1 node not found, ${g}`);
       return;
     }
@@ -831,20 +842,20 @@ function js(t, e, i) {
   }
   function p(u, d, m) {
     const f = e.pseudoToNative(u), h = e.pseudoToNative(d);
-    yo({ title: f, text: h }).then((x) => {
+    ho({ title: f, text: h }).then((x) => {
       m(e.nativeToPseudo(x)), e.run();
     });
   }
   function b(u, d, m, f) {
     const h = e.pseudoToNative(u), x = e.pseudoToNative(d), g = e.pseudoToNative(m);
-    ho({ title: h, label: x, value: g }).then((_) => {
+    go({ title: h, label: x, value: g }).then((_) => {
       f(e.nativeToPseudo(_)), e.run();
     });
   }
   e.setProperty(
     i,
     "__getPropV1__",
-    e.createNativeFunction(l)
+    e.createNativeFunction(r)
   ), e.setProperty(
     i,
     "__setPropV1__",
@@ -867,10 +878,10 @@ function js(t, e, i) {
     e.createAsyncFunction(b)
   );
 }
-function Gs(t, e, i) {
-  Es(e, i), Ms(e, i), js(t, e, i);
+function Us(t, e, i) {
+  Fs(e, i), Hs(e, i), Gs(t, e, i);
 }
-const Us = `
+const Os = `
 var __env__ = 'dev'
 var __mode__ = 'editor'
 
@@ -880,7 +891,7 @@ function __getEnvV1__() {
 
 var __pointerPosX__ = 0
 var __pointerPosY__ = 0
-`, Os = `
+`, Ks = `
 var __events__ = {}
 
 function __addEventListenerV1__(id, event, callback) {
@@ -951,7 +962,7 @@ function __triggerEvent__(id, event, p1, p2, p3, p4, p5, p6, p7, p8, p9, p10, p1
     callbacks[i](p1, p2, p3, p4, p5, p6, p7, p8, p9, p10, p11, p12, p13, p14, p15, p16)
   }
 }
-`, Ks = `
+`, Js = `
 var __timers__ = {}
 var __currTimerId__ = 0
 
@@ -993,15 +1004,15 @@ function __timeoutCallbackV1__(timerId) {
     }
   }
 }
-`, Js = `
+`, Xs = `
 function __destroy__() {
 }
-`, Xs = Us + Os + Ks + Js;
-function Ys(t, e) {
-  const i = new so(
-    Xs,
-    (r, l) => {
-      Gs(t, r, l);
+`, Ys = Os + Ks + Js + Xs;
+function Zs(t, e) {
+  const i = new mo(
+    Ys,
+    (l, r) => {
+      Us(t, l, r);
     }
   );
   return i.appendCode(e), i.appendCode(`
@@ -1010,22 +1021,22 @@ __mode__ = '${t.mode}';
 __triggerEvent__('globality', 'startup');
   `), i.run(), i;
 }
-function Zs(t) {
+function qs(t) {
   t.appendCode("__destroy__();"), t.run();
 }
-const re = /* @__PURE__ */ T({
+const le = /* @__PURE__ */ S({
   __name: "index",
   props: {
     refContext: {},
     state: {}
   },
   setup(t) {
-    const { t: e } = go(), i = t, r = $o(), l = Io(), o = Q(), a = oe(), c = se(), p = Co(), b = he(-1), u = he(), d = {};
-    So(d);
+    const { t: e } = xo(), i = t, l = Io(), r = Co(), o = Q(), a = oe(), c = se(), p = So(), b = he(-1), u = he(), d = {};
+    To(d);
     const m = () => {
-      d.eventBus && (d.eventBus = void 0), d.interpreter && (Zs(d.interpreter), d.interpreter = void 0);
+      d.eventBus && (d.eventBus = void 0), d.interpreter && (qs(d.interpreter), d.interpreter = void 0);
     };
-    li(() => {
+    oi(() => {
       if (!i.refContext.refid) {
         b.value = -1, u.value = void 0, m();
         return;
@@ -1037,10 +1048,10 @@ const re = /* @__PURE__ */ T({
       }
       if (b.value === v.dataSeq || (b.value = v.dataSeq, u.value = F(v.data), o !== "runtime" && o !== "preview"))
         return;
-      m(), d.eventBus = wo();
+      m(), d.eventBus = Vo();
       const I = u.value, $ = I.code.script;
-      $ && (d.interpreter = Ys(
-        { org: r, env: l, mode: o, type: a, data: I, sandbox: d },
+      $ && (d.interpreter = Zs(
+        { org: l, env: r, mode: o, type: a, data: I, sandbox: d },
         $
       ));
     }), Ce(() => {
@@ -1094,38 +1105,38 @@ const re = /* @__PURE__ */ T({
     };
     return (v, I) => (w(), z(_));
   }
-}), qs = /* @__PURE__ */ T({
+}), Qs = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = s(e, ["settings", "content"]), { prop: r } = s(e, ["settings", "dot"]), { theme: l } = R(), { prop: o } = s(e, ["settings", "offset", "x"]), { prop: a } = s(e, ["settings", "offset", "y"]);
+    const e = t, { prop: i } = s(e, ["settings", "content"]), { prop: l } = s(e, ["settings", "dot"]), { theme: r } = R(), { prop: o } = s(e, ["settings", "offset", "x"]), { prop: a } = s(e, ["settings", "offset", "y"]);
     return (c, p) => {
       const b = A("v-badge");
       return w(), z(b, {
         content: n(i),
-        dot: n(r),
+        dot: n(l),
         "offset-x": n(o),
         "offset-y": n(a),
-        theme: n(l)
+        theme: n(r)
       }, {
-        default: S(() => [
+        default: T(() => [
           E(c.$slots, "default")
         ]),
         _: 3
       }, 8, ["content", "dot", "offset-x", "offset-y", "theme"]);
     };
   }
-}), Qs = /* @__PURE__ */ T({
+}), el = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Q(), r = _e(), { prop: l } = s(e, [
+    const e = t, i = Q(), l = _e(), { prop: r } = s(e, [
       "settings",
       "addIcon",
       "append"
@@ -1136,7 +1147,7 @@ const re = /* @__PURE__ */ T({
     ]), { prop: _ } = s(e, ["settings", "readonly"]), { prop: v } = s(e, ["settings", "ripple"]), { prop: I } = s(e, ["settings", "size"]), { prop: $ } = s(e, ["settings", "stacked"]), { prop: N } = s(e, ["settings", "text"]), { theme: D } = R(), { prop: B } = s(e, ["settings", "variant"]), { prop: V } = s(e, ["size", "width"]), M = (J) => {
       if (i !== "runtime" && i !== "preview")
         return;
-      const j = r.interpreter;
+      const j = l.interpreter;
       if (!j)
         return;
       const Y = j.nativeToPseudo(J.clientX), Z = j.nativeToPseudo(J.clientY), ce = j.nativeToPseudo(e.node.basic.id);
@@ -1145,9 +1156,9 @@ const re = /* @__PURE__ */ T({
     return (J, j) => {
       const Y = A("v-btn");
       return w(), z(n(X), null, {
-        default: S(() => [
+        default: T(() => [
           H(Y, {
-            "append-icon": n(l),
+            "append-icon": n(r),
             block: n(o),
             color: n(c),
             density: n(p),
@@ -1174,30 +1185,30 @@ const re = /* @__PURE__ */ T({
       });
     };
   }
-}), er = {};
-function tr(t, e) {
+}), tl = {};
+function nl(t, e) {
   const i = A("v-btn-group");
   return w(), z(i, null, {
-    default: S(() => [
+    default: T(() => [
       E(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const nr = /* @__PURE__ */ be(er, [["render", tr]]), ir = /* @__PURE__ */ T({
+const il = /* @__PURE__ */ be(tl, [["render", nl]]), ol = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = s(e, ["settings", "block"]), { prop: r } = s(e, ["settings", "disabled"]), { prop: l } = s(e, ["settings", "divided"]), { prop: o } = s(e, ["settings", "mandatory"]), { prop: a } = s(e, ["settings", "multiple"]), { prop: c } = s(e, ["settings", "readonly"]), { prop: p } = s(e, ["settings", "size"]), { prop: b } = s(e, ["settings", "stacked"]), { theme: u } = R(), { prop: d } = s(e, ["settings", "tile"]), { prop: m } = s(e, ["settings", "variant"]);
+    const e = t, { prop: i } = s(e, ["settings", "block"]), { prop: l } = s(e, ["settings", "disabled"]), { prop: r } = s(e, ["settings", "divided"]), { prop: o } = s(e, ["settings", "mandatory"]), { prop: a } = s(e, ["settings", "multiple"]), { prop: c } = s(e, ["settings", "readonly"]), { prop: p } = s(e, ["settings", "size"]), { prop: b } = s(e, ["settings", "stacked"]), { theme: u } = R(), { prop: d } = s(e, ["settings", "tile"]), { prop: m } = s(e, ["settings", "variant"]);
     return (f, h) => {
       const x = A("v-btn-toggle");
       return w(), z(x, {
         block: n(i),
-        disabled: n(r),
-        divided: n(l),
+        disabled: n(l),
+        divided: n(r),
         mandatory: n(o),
         multiple: n(a),
         readonly: n(c),
@@ -1207,27 +1218,27 @@ const nr = /* @__PURE__ */ be(er, [["render", tr]]), ir = /* @__PURE__ */ T({
         tile: n(d),
         variant: n(m)
       }, {
-        default: S(() => [
+        default: T(() => [
           E(f.$slots, "default")
         ]),
         _: 3
       }, 8, ["block", "disabled", "divided", "mandatory", "multiple", "readonly", "size", "stacked", "theme", "tile", "variant"]);
     };
   }
-}), or = /* @__PURE__ */ T({
+}), sl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = s(e, ["settings", "density"]), { prop: r } = s(e, ["settings", "disabled"]), { prop: l } = s(e, ["size", "height"]), { prop: o } = s(e, ["settings", "hover"]), { prop: a } = s(e, ["settings", "loading"]), { prop: c } = s(e, ["size", "maxHeight"]), { prop: p } = s(e, ["size", "maxWidth"]), { prop: b } = s(e, ["size", "minHeight"]), { prop: u } = s(e, ["size", "minWidth"]), { prop: d } = s(e, ["settings", "subtitle"]), { prop: m } = s(e, ["settings", "text"]), { theme: f } = R(), { prop: h } = s(e, ["settings", "title"]), { prop: x } = s(e, ["settings", "variant"]), { prop: g } = s(e, ["size", "width"]);
+    const e = t, { prop: i } = s(e, ["settings", "density"]), { prop: l } = s(e, ["settings", "disabled"]), { prop: r } = s(e, ["size", "height"]), { prop: o } = s(e, ["settings", "hover"]), { prop: a } = s(e, ["settings", "loading"]), { prop: c } = s(e, ["size", "maxHeight"]), { prop: p } = s(e, ["size", "maxWidth"]), { prop: b } = s(e, ["size", "minHeight"]), { prop: u } = s(e, ["size", "minWidth"]), { prop: d } = s(e, ["settings", "subtitle"]), { prop: m } = s(e, ["settings", "text"]), { theme: f } = R(), { prop: h } = s(e, ["settings", "title"]), { prop: x } = s(e, ["settings", "variant"]), { prop: g } = s(e, ["size", "width"]);
     return (_, v) => {
       const I = A("v-card");
       return w(), z(I, {
         density: n(i),
-        disabled: n(r),
-        height: n(l),
+        disabled: n(l),
+        height: n(r),
         hover: n(o),
         loading: n(a),
         "max-height": n(c),
@@ -1241,42 +1252,42 @@ const nr = /* @__PURE__ */ be(er, [["render", tr]]), ir = /* @__PURE__ */ T({
         variant: n(x),
         width: n(g)
       }, {
-        default: S(() => [
+        default: T(() => [
           E(_.$slots, "default")
         ]),
         _: 3
       }, 8, ["density", "disabled", "height", "hover", "loading", "max-height", "max-width", "min-height", "min-width", "subtitle", "text", "theme", "title", "variant", "width"]);
     };
   }
-}), sr = /* @__PURE__ */ T({
+}), ll = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = s(e, ["settings", "disabled"]), { prop: r } = s(e, ["settings", "readonly"]);
-    return (l, o) => {
+    const e = t, { prop: i } = s(e, ["settings", "disabled"]), { prop: l } = s(e, ["settings", "readonly"]);
+    return (r, o) => {
       const a = A("v-checkbox");
       return w(), z(a, {
         disabled: n(i),
-        readonly: n(r)
+        readonly: n(l)
       }, null, 8, ["disabled", "readonly"]);
     };
   }
-}), rr = /* @__PURE__ */ T({
+}), rl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = s(e, ["settings", "closable"]), { prop: r } = s(e, ["settings", "color"]), { color: l } = U(r), { prop: o } = s(e, ["settings", "density"]), { prop: a } = s(e, ["settings", "disabled"]), { prop: c } = s(e, ["settings", "draggable"]), { prop: p } = s(e, ["settings", "filter"]), { prop: b } = s(e, ["settings", "label"]), { prop: u } = s(e, ["settings", "size"]), { prop: d } = s(e, ["settings", "text"]), { theme: m } = R(), { prop: f } = s(e, ["settings", "tile"]), { prop: h } = s(e, ["settings", "value"]), { prop: x } = s(e, ["settings", "variant"]);
+    const e = t, { prop: i } = s(e, ["settings", "closable"]), { prop: l } = s(e, ["settings", "color"]), { color: r } = U(l), { prop: o } = s(e, ["settings", "density"]), { prop: a } = s(e, ["settings", "disabled"]), { prop: c } = s(e, ["settings", "draggable"]), { prop: p } = s(e, ["settings", "filter"]), { prop: b } = s(e, ["settings", "label"]), { prop: u } = s(e, ["settings", "size"]), { prop: d } = s(e, ["settings", "text"]), { theme: m } = R(), { prop: f } = s(e, ["settings", "tile"]), { prop: h } = s(e, ["settings", "value"]), { prop: x } = s(e, ["settings", "variant"]);
     return (g, _) => {
       const v = A("v-chip");
       return w(), z(v, {
         closable: n(i),
-        color: n(l),
+        color: n(r),
         density: n(o),
         disabled: n(a),
         draggable: n(c),
@@ -1291,45 +1302,45 @@ const nr = /* @__PURE__ */ be(er, [["render", tr]]), ir = /* @__PURE__ */ T({
       }, null, 8, ["closable", "color", "density", "disabled", "draggable", "filter", "label", "size", "text", "theme", "tile", "value", "variant"]);
     };
   }
-}), lr = /* @__PURE__ */ T({
+}), al = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = s(e, ["settings", "column"]), { prop: r } = s(e, ["settings", "direction"]), { prop: l } = s(e, ["settings", "disabled"]), { prop: o } = s(e, ["settings", "filter"]), { prop: a } = s(e, ["settings", "mandatory"]), { prop: c } = s(e, ["settings", "multiple"]), { prop: p } = s(e, ["settings", "showArrows"]), { theme: b } = R(), { prop: u } = s(e, ["settings", "value"]);
+    const e = t, { prop: i } = s(e, ["settings", "column"]), { prop: l } = s(e, ["settings", "direction"]), { prop: r } = s(e, ["settings", "disabled"]), { prop: o } = s(e, ["settings", "filter"]), { prop: a } = s(e, ["settings", "mandatory"]), { prop: c } = s(e, ["settings", "multiple"]), { prop: p } = s(e, ["settings", "showArrows"]), { theme: b } = R(), { prop: u } = s(e, ["settings", "value"]);
     return (d, m) => {
       const f = A("v-chip-group");
       return w(), z(f, {
         modelValue: n(u),
         "onUpdate:modelValue": m[0] || (m[0] = (h) => G(u) ? u.value = h : null),
         column: n(i),
-        direction: n(r),
-        disabled: n(l),
+        direction: n(l),
+        disabled: n(r),
         filter: n(o),
         mandatory: n(a),
         multiple: n(c),
         "show-arrows": n(p),
         theme: n(b)
       }, {
-        default: S(() => [
+        default: T(() => [
           E(d.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "column", "direction", "disabled", "filter", "mandatory", "multiple", "show-arrows", "theme"]);
     };
   }
-}), ar = /* @__PURE__ */ T({
+}), ul = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = oe(), r = se(), { applySize: l } = ue(e), o = k(() => {
-      const h = {}, x = r.value.type;
-      return i === "page" ? x === "common" ? l(h) : console.assert(!1) : i === "comp" && x === "common" ? l(h) : console.assert(!1), h;
+    const e = t, i = oe(), l = se(), { applySize: r } = ue(e), o = k(() => {
+      const h = {}, x = l.value.type;
+      return i === "page" ? x === "common" ? r(h) : console.assert(!1) : i === "comp" && x === "common" ? r(h) : console.assert(!1), h;
     }), { prop: a } = s(e, ["settings", "disabled"]), { prop: c } = s(e, ["settings", "hideCanvas"]), { prop: p } = s(e, ["settings", "hideHeader"]), { prop: b } = s(e, ["settings", "hideInputs"]), { prop: u } = s(e, ["settings", "hideSliders"]), { prop: d } = s(e, ["settings", "landscape"]), { prop: m } = s(e, [
       "settings",
       "showSwatches"
@@ -1349,24 +1360,24 @@ const nr = /* @__PURE__ */ be(er, [["render", tr]]), ir = /* @__PURE__ */ T({
       }, null, 8, ["disabled", "hide-canvas", "hide-header", "hide-inputs", "hide-sliders", "landscape", "show-swatches", "style", "theme"]);
     };
   }
-}), ur = /* @__PURE__ */ T({
+}), cl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = s(e, ["settings", "hideDetails"]), { prop: r } = s(e, ["settings", "label"]), { prop: l } = s(e, ["settings", "placeholder"]), { prop: o } = s(e, ["settings", "readonly"]), { prop: a } = s(e, ["settings", "singleLine"]), { theme: c } = R(), { prop: p } = s(e, ["settings", "value"]);
+    const e = t, { prop: i } = s(e, ["settings", "hideDetails"]), { prop: l } = s(e, ["settings", "label"]), { prop: r } = s(e, ["settings", "placeholder"]), { prop: o } = s(e, ["settings", "readonly"]), { prop: a } = s(e, ["settings", "singleLine"]), { theme: c } = R(), { prop: p } = s(e, ["settings", "value"]);
     return (b, u) => {
       const d = A("v-combobox");
       return w(), z(n(X), null, {
-        default: S(() => [
+        default: T(() => [
           H(d, {
             modelValue: n(p),
             "onUpdate:modelValue": u[0] || (u[0] = (m) => G(p) ? p.value = m : null),
             "hide-details": n(i),
-            label: n(r),
-            placeholder: n(l),
+            label: n(l),
+            placeholder: n(r),
             readonly: n(o),
             "single-line": n(a),
             theme: n(c)
@@ -1376,18 +1387,18 @@ const nr = /* @__PURE__ */ be(er, [["render", tr]]), ir = /* @__PURE__ */ T({
       });
     };
   }
-}), cr = /* @__PURE__ */ T({
+}), dl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = oe(), r = se(), { prop: l } = s(e, [
+    const e = t, i = oe(), l = se(), { prop: r } = s(e, [
       "settings",
       "backgroundColor"
-    ]), { color: o } = U(l), { applySize: a } = ue(e), { applyMargin: c } = Zt(e), { applyPadding: p } = qt(e), { applyBorder: b } = Yt(e), u = k(() => {
-      const d = {}, m = r.value.type;
+    ]), { color: o } = U(r), { applySize: a } = ue(e), { applyMargin: c } = Zt(e), { applyPadding: p } = qt(e), { applyBorder: b } = Yt(e), u = k(() => {
+      const d = {}, m = l.value.type;
       return i === "page" ? m === "common" ? (a(d), c(d), p(d), b(d), o.value && (d.backgroundColor = o.value)) : console.assert(!1) : i === "comp" && m === "common" ? (a(d), c(d), p(d), b(d), o.value && (d.backgroundColor = o.value)) : console.assert(!1), d;
     });
     return (d, m) => (w(), ne("div", {
@@ -1396,14 +1407,14 @@ const nr = /* @__PURE__ */ be(er, [["render", tr]]), ir = /* @__PURE__ */ T({
       E(d.$slots, "default")
     ], 4));
   }
-}), dr = /* @__PURE__ */ T({
+}), ml = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = s(e, ["settings", "density"]), { prop: r } = s(e, ["settings", "fixedFooter"]), { prop: l } = s(e, ["settings", "fixedHeader"]), { prop: o } = s(e, ["settings", "headers"]), { prop: a } = s(e, ["size", "height"]), { prop: c } = s(e, ["settings", "hover"]), { prop: p } = s(e, ["settings", "data"], !0), { prop: b } = s(e, ["settings", "loading"]), { prop: u } = s(e, ["settings", "multiSort"]), { theme: d } = R(), { prop: m } = s(e, ["size", "width"]), f = k(() => {
+    const e = t, { prop: i } = s(e, ["settings", "density"]), { prop: l } = s(e, ["settings", "fixedFooter"]), { prop: r } = s(e, ["settings", "fixedHeader"]), { prop: o } = s(e, ["settings", "headers"]), { prop: a } = s(e, ["size", "height"]), { prop: c } = s(e, ["settings", "hover"]), { prop: p } = s(e, ["settings", "data"], !0), { prop: b } = s(e, ["settings", "loading"]), { prop: u } = s(e, ["settings", "multiSort"]), { theme: d } = R(), { prop: m } = s(e, ["size", "width"]), f = k(() => {
       const h = [];
       return (e.node.slots?.items ?? []).forEach((g) => {
         g.column && g.comp && h.push(g);
@@ -1413,8 +1424,8 @@ const nr = /* @__PURE__ */ be(er, [["render", tr]]), ir = /* @__PURE__ */ T({
       const g = A("v-data-table");
       return w(), z(g, {
         density: n(i),
-        "fixed-footer": n(r),
-        "fixed-header": n(l),
+        "fixed-footer": n(l),
+        "fixed-header": n(r),
         headers: n(o),
         height: n(a),
         hover: n(c),
@@ -1424,10 +1435,10 @@ const nr = /* @__PURE__ */ be(er, [["render", tr]]), ir = /* @__PURE__ */ T({
         theme: n(d),
         width: n(m)
       }, Jt({ _: 2 }, [
-        lo(f.value, (_) => ({
+        Xi(f.value, (_) => ({
           name: `item.${_.column}`,
-          fn: S(({ value: v }) => [
-            H(n(re), {
+          fn: T(({ value: v }) => [
+            H(n(le), {
               "ref-context": { refid: _.comp },
               state: { value: v }
             }, null, 8, ["ref-context", "state"])
@@ -1436,21 +1447,21 @@ const nr = /* @__PURE__ */ be(er, [["render", tr]]), ir = /* @__PURE__ */ T({
       ]), 1032, ["density", "fixed-footer", "fixed-header", "headers", "height", "hover", "items", "loading", "multi-sort", "theme", "width"]);
     };
   }
-}), mr = {};
-function pr(t, e) {
+}), pl = {};
+function fl(t, e) {
   const i = A("v-date-picker");
   return w(), z(i);
 }
-const fr = /* @__PURE__ */ be(mr, [["render", pr]]), br = ["id"], yr = /* @__PURE__ */ T({
+const bl = /* @__PURE__ */ be(pl, [["render", fl]]), yl = ["id"], hl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Q(), r = _e(), l = k(() => e.node.basic?.id), { open: o } = hi(`runtimeDlg/${di()}`);
-    return Li(r, e, (c) => {
-      if (i !== "runtime" && i !== "preview" || !r.interpreter)
+    const e = t, i = Q(), l = _e(), r = k(() => e.node.basic?.id), { open: o } = hi(`runtimeDlg/${ai()}`);
+    return Li(l, e, (c) => {
+      if (i !== "runtime" && i !== "preview" || !l.interpreter)
         return;
       const { name: b } = c;
       b === "open" ? o.value = !0 : b === "close" && (o.value = !1);
@@ -1461,33 +1472,33 @@ const fr = /* @__PURE__ */ be(mr, [["render", pr]]), br = ["id"], yr = /* @__PUR
         "onUpdate:modelValue": p[0] || (p[0] = (u) => G(o) ? o.value = u : null),
         attach: "#dialogContainer"
       }, {
-        activator: S(() => [
+        activator: T(() => [
           n(i) === "editor" ? (w(), ne("div", {
             key: 0,
-            id: `__node__@${l.value}`
-          }, null, 8, br)) : mi("", !0)
+            id: `__node__@${r.value}`
+          }, null, 8, yl)) : ui("", !0)
         ]),
-        default: S(() => [
+        default: T(() => [
           E(c.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue"]);
     };
   }
-}), hr = /* @__PURE__ */ T({
+}), gl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = s(e, ["settings", "chips"]), { prop: r } = s(e, ["settings", "density"]), { prop: l } = s(e, ["settings", "direction"]), { prop: o } = s(e, ["settings", "disabled"]), { prop: a } = s(e, ["settings", "label"]), { prop: c } = s(e, ["settings", "loading"]), { prop: p } = s(e, ["settings", "multiple"]), { prop: b } = s(e, ["settings", "readonly"]), { prop: u } = s(e, ["settings", "reverse"]), { prop: d } = s(e, ["settings", "singleLine"]);
+    const e = t, { prop: i } = s(e, ["settings", "chips"]), { prop: l } = s(e, ["settings", "density"]), { prop: r } = s(e, ["settings", "direction"]), { prop: o } = s(e, ["settings", "disabled"]), { prop: a } = s(e, ["settings", "label"]), { prop: c } = s(e, ["settings", "loading"]), { prop: p } = s(e, ["settings", "multiple"]), { prop: b } = s(e, ["settings", "readonly"]), { prop: u } = s(e, ["settings", "reverse"]), { prop: d } = s(e, ["settings", "singleLine"]);
     return (m, f) => {
       const h = A("v-file-input");
       return w(), z(h, {
         chips: n(i),
-        density: n(r),
-        direction: n(l),
+        density: n(l),
+        direction: n(r),
         disabled: n(o),
         label: n(a),
         loading: n(c),
@@ -1498,14 +1509,14 @@ const fr = /* @__PURE__ */ be(mr, [["render", pr]]), br = ["id"], yr = /* @__PUR
       }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"]);
     };
   }
-}), gr = /* @__PURE__ */ T({
+}), xl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = ke(), r = oe(), l = se(), { applySize: o } = ue(e), { applyMargin: a } = Zt(e), { applyPadding: c } = qt(e), { applyBorder: p } = Yt(e), { prop: b } = s(e, [
+    const e = t, i = ke(), l = oe(), r = se(), { applySize: o } = ue(e), { applyMargin: a } = Zt(e), { applyPadding: c } = qt(e), { applyBorder: p } = Yt(e), { prop: b } = s(e, [
       "settings",
       "backgroundColor"
     ]), { color: u } = U(b), d = (f) => {
@@ -1519,8 +1530,8 @@ const fr = /* @__PURE__ */ be(mr, [["render", pr]]), br = ["id"], yr = /* @__PUR
       const v = ye(h, e.node.settings?.crossAlign);
       v === "start" ? f.alignItems = "flex-start" : v === "end" ? f.alignItems = "flex-end" : v === "center" ? f.alignItems = "center" : v === "baseline" ? f.alignItems = "baseline" : v === "stretch" && (f.alignItems = "stretch");
     }, m = k(() => {
-      const f = {}, h = l.value.type;
-      return r === "page" ? h === "common" ? (o(f), a(f), c(f), p(f), d(f)) : console.assert(!1) : r === "comp" && h === "common" ? (o(f), a(f), c(f), p(f), d(f)) : console.assert(!1), f;
+      const f = {}, h = r.value.type;
+      return l === "page" ? h === "common" ? (o(f), a(f), c(f), p(f), d(f)) : console.assert(!1) : l === "comp" && h === "common" ? (o(f), a(f), c(f), p(f), d(f)) : console.assert(!1), f;
     });
     return (f, h) => (w(), ne("div", {
       style: q(m.value)
@@ -1528,16 +1539,16 @@ const fr = /* @__PURE__ */ be(mr, [["render", pr]]), br = ["id"], yr = /* @__PUR
       E(f.$slots, "default")
     ], 4));
   }
-}), xr = /* @__PURE__ */ T({
+}), vl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = oe(), r = se(), { applySize: l } = ue(e), { prop: o } = s(e, ["settings", "grow"]), { prop: a } = s(e, ["settings", "shrink"]), c = k(() => {
-      const p = {}, b = r.value.type;
-      return i === "page" ? b === "common" ? (l(p), p.flexGrow = o.value ? 1 : 0, p.flexShrink = a.value ? 1 : 0) : console.assert(!1) : i === "comp" && b === "common" ? (l(p), p.flexGrow = o.value ? 1 : 0, p.flexShrink = a.value ? 1 : 0) : console.assert(!1), p;
+    const e = t, i = oe(), l = se(), { applySize: r } = ue(e), { prop: o } = s(e, ["settings", "grow"]), { prop: a } = s(e, ["settings", "shrink"]), c = k(() => {
+      const p = {}, b = l.value.type;
+      return i === "page" ? b === "common" ? (r(p), p.flexGrow = o.value ? 1 : 0, p.flexShrink = a.value ? 1 : 0) : console.assert(!1) : i === "comp" && b === "common" ? (r(p), p.flexGrow = o.value ? 1 : 0, p.flexShrink = a.value ? 1 : 0) : console.assert(!1), p;
     });
     return (p, b) => (w(), ne("div", {
       style: q(c.value)
@@ -1545,19 +1556,19 @@ const fr = /* @__PURE__ */ be(mr, [["render", pr]]), br = ["id"], yr = /* @__PUR
       E(p.$slots, "default")
     ], 4));
   }
-}), vr = /* @__PURE__ */ T({
+}), kl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Q(), r = oe(), l = se(), o = _e(), { prop: a } = s(e, ["settings", "valid"]), { prop: c } = s(e, ["settings", "fastFail"]), { prop: p } = s(e, [
+    const e = t, i = Q(), l = oe(), r = se(), o = _e(), { prop: a } = s(e, ["settings", "valid"]), { prop: c } = s(e, ["settings", "fastFail"]), { prop: p } = s(e, [
       "settings",
       "backgroundColor"
     ]), { color: b } = U(p), { applySize: u } = ue(e), { applyMargin: d } = Zt(e), { applyPadding: m } = qt(e), { applyBorder: f } = Yt(e), h = k(() => {
-      const g = {}, _ = l.value.type;
-      return r === "page" ? _ === "common" ? (u(g), d(g), m(g), f(g), b.value && (g.backgroundColor = b.value)) : console.assert(!1) : r === "comp" && _ === "common" ? (u(g), d(g), m(g), f(g), b.value && (g.backgroundColor = b.value)) : console.assert(!1), g;
+      const g = {}, _ = r.value.type;
+      return l === "page" ? _ === "common" ? (u(g), d(g), m(g), f(g), b.value && (g.backgroundColor = b.value)) : console.assert(!1) : l === "comp" && _ === "common" ? (u(g), d(g), m(g), f(g), b.value && (g.backgroundColor = b.value)) : console.assert(!1), g;
     }), x = () => {
       if (i !== "runtime" && i !== "preview")
         return;
@@ -1574,50 +1585,50 @@ const fr = /* @__PURE__ */ be(mr, [["render", pr]]), br = ["id"], yr = /* @__PUR
         "onUpdate:modelValue": _[0] || (_[0] = (I) => G(a) ? a.value = I : null),
         "fast-fail": n(c),
         style: q(h.value),
-        onSubmit: ao(x, ["prevent"])
+        onSubmit: Yi(x, ["prevent"])
       }, {
-        default: S(() => [
+        default: T(() => [
           E(g.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "fast-fail", "style"]);
     };
   }
-}), kr = /* @__PURE__ */ T({
+}), _l = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = s(e, ["settings", "color"]), { color: r } = U(i), { prop: l } = s(e, ["settings", "disabled"]), { prop: o } = s(e, ["settings", "icon"]), { prop: a } = s(e, ["settings", "size"]), { theme: c } = R();
+    const e = t, { prop: i } = s(e, ["settings", "color"]), { color: l } = U(i), { prop: r } = s(e, ["settings", "disabled"]), { prop: o } = s(e, ["settings", "icon"]), { prop: a } = s(e, ["settings", "size"]), { theme: c } = R();
     return (p, b) => {
       const u = A("v-icon");
       return w(), z(u, {
-        color: n(r),
-        disabled: n(l),
+        color: n(l),
+        disabled: n(r),
         icon: n(o),
         size: n(a),
         theme: n(c)
       }, null, 8, ["color", "disabled", "icon", "size", "theme"]);
     };
   }
-}), _r = ["id"], wr = /* @__PURE__ */ T({
+}), wl = ["id"], Vl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Q(), r = _e(), l = he(0), o = he(0), a = k(() => [l.value, o.value]), c = k(() => e.node.basic?.id), { open: p } = hi(`runtimeMenu/${di()}`);
-    return Li(r, e, (u) => {
+    const e = t, i = Q(), l = _e(), r = he(0), o = he(0), a = k(() => [r.value, o.value]), c = k(() => e.node.basic?.id), { open: p } = hi(`runtimeMenu/${ai()}`);
+    return Li(l, e, (u) => {
       if (i !== "runtime" && i !== "preview")
         return;
-      const d = r.interpreter;
+      const d = l.interpreter;
       if (!d)
         return;
       const { name: m } = u;
-      m === "open" ? (l.value = d.getProperty(d.globalObject, "__pointerPosX__"), o.value = d.getProperty(d.globalObject, "__pointerPosY__"), p.value = !0) : m === "close" && (p.value = !1);
+      m === "open" ? (r.value = d.getProperty(d.globalObject, "__pointerPosX__"), o.value = d.getProperty(d.globalObject, "__pointerPosY__"), p.value = !0) : m === "close" && (p.value = !1);
     }), (u, d) => {
       const m = A("v-menu");
       return w(), z(m, {
@@ -1628,20 +1639,20 @@ const fr = /* @__PURE__ */ be(mr, [["render", pr]]), br = ["id"], yr = /* @__PUR
         scrim: "transparent",
         target: a.value
       }, {
-        activator: S(() => [
+        activator: T(() => [
           n(i) === "editor" ? (w(), ne("div", {
             key: 0,
             id: `__node__@${c.value}`
-          }, null, 8, _r)) : mi("", !0)
+          }, null, 8, wl)) : ui("", !0)
         ]),
-        default: S(() => [
+        default: T(() => [
           E(u.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "target"]);
     };
   }
-}), Vr = /* @__PURE__ */ T({
+}), $l = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
@@ -1652,11 +1663,11 @@ const fr = /* @__PURE__ */ be(mr, [["render", pr]]), br = ["id"], yr = /* @__PUR
       "settings",
       "addIcon",
       "append"
-    ]), { prop: r } = s(e, [
+    ]), { prop: l } = s(e, [
       "settings",
       "addIcon",
       "appendInner"
-    ]), { prop: l } = s(e, ["settings", "clearable"]), { prop: o } = s(e, ["settings", "hideDetails"]), { prop: a } = s(e, ["settings", "label"]), { prop: c } = s(e, ["settings", "loading"]), { prop: p } = s(e, ["settings", "max"]), { prop: b } = s(e, ["size", "maxWidth"]), { prop: u } = s(e, ["settings", "min"]), { prop: d } = s(e, ["size", "minWidth"]), { prop: m } = s(e, ["settings", "placeholder"]), { prop: f } = s(e, ["settings", "precision"]), { prop: h } = s(e, ["settings", "prefix"]), { prop: x } = s(e, [
+    ]), { prop: r } = s(e, ["settings", "clearable"]), { prop: o } = s(e, ["settings", "hideDetails"]), { prop: a } = s(e, ["settings", "label"]), { prop: c } = s(e, ["settings", "loading"]), { prop: p } = s(e, ["settings", "max"]), { prop: b } = s(e, ["size", "maxWidth"]), { prop: u } = s(e, ["settings", "min"]), { prop: d } = s(e, ["size", "minWidth"]), { prop: m } = s(e, ["settings", "placeholder"]), { prop: f } = s(e, ["settings", "precision"]), { prop: h } = s(e, ["settings", "prefix"]), { prop: x } = s(e, [
       "settings",
       "addIcon",
       "prepend"
@@ -1668,13 +1679,13 @@ const fr = /* @__PURE__ */ be(mr, [["render", pr]]), br = ["id"], yr = /* @__PUR
     return (J, j) => {
       const Y = A("v-number-input");
       return w(), z(n(X), null, {
-        default: S(() => [
+        default: T(() => [
           H(Y, {
             modelValue: n(B),
             "onUpdate:modelValue": j[0] || (j[0] = (Z) => G(B) ? B.value = Z : null),
             "append-icon": n(i),
-            "append-inner-icon": n(r),
-            clearable: n(l),
+            "append-inner-icon": n(l),
+            clearable: n(r),
             "hide-details": n(o),
             label: n(a),
             loading: n(c),
@@ -1701,14 +1712,14 @@ const fr = /* @__PURE__ */ be(mr, [["render", pr]]), br = ["id"], yr = /* @__PUR
       });
     };
   }
-}), $r = /* @__PURE__ */ T({
+}), Il = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Q(), { prop: r } = s(e, ["settings", "density"]), { prop: l } = s(e, ["settings", "disabled"]), { prop: o } = s(e, ["settings", "length"]), { prop: a } = s(e, [
+    const e = t, i = Q(), { prop: l } = s(e, ["settings", "density"]), { prop: r } = s(e, ["settings", "disabled"]), { prop: o } = s(e, ["settings", "length"]), { prop: a } = s(e, [
       "settings",
       "showFirstLastPage"
     ]), { prop: c } = s(e, ["settings", "size"]), { prop: p } = s(e, ["settings", "start"]), { theme: b } = R(), { prop: u } = s(e, ["settings", "tile"]), { prop: d } = s(e, ["settings", "value"]), { prop: m } = s(e, ["settings", "variant"]), f = k(() => {
@@ -1718,12 +1729,12 @@ const fr = /* @__PURE__ */ be(mr, [["render", pr]]), br = ["id"], yr = /* @__PUR
     return (h, x) => {
       const g = A("v-pagination");
       return w(), z(n(X), null, {
-        default: S(() => [
+        default: T(() => [
           H(g, {
             modelValue: n(d),
             "onUpdate:modelValue": x[0] || (x[0] = (_) => G(d) ? d.value = _ : null),
-            density: n(r),
-            disabled: n(l),
+            density: n(l),
+            disabled: n(r),
             length: n(o),
             "show-first-last-page": n(a),
             size: n(c),
@@ -1738,19 +1749,19 @@ const fr = /* @__PURE__ */ be(mr, [["render", pr]]), br = ["id"], yr = /* @__PUR
       });
     };
   }
-}), Ir = /* @__PURE__ */ T({
+}), Cl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = s(e, ["settings", "color"]), { color: r } = U(i), { prop: l } = s(e, ["settings", "density"]), { prop: o } = s(e, ["settings", "disabled"]), { prop: a } = s(e, ["settings", "label"]), { prop: c } = s(e, ["settings", "readonly"]), { theme: p } = R(), { prop: b } = s(e, ["settings", "value"]);
+    const e = t, { prop: i } = s(e, ["settings", "color"]), { color: l } = U(i), { prop: r } = s(e, ["settings", "density"]), { prop: o } = s(e, ["settings", "disabled"]), { prop: a } = s(e, ["settings", "label"]), { prop: c } = s(e, ["settings", "readonly"]), { theme: p } = R(), { prop: b } = s(e, ["settings", "value"]);
     return (u, d) => {
       const m = A("v-radio");
       return w(), z(m, {
-        color: n(r),
-        density: n(l),
+        color: n(l),
+        density: n(r),
         disabled: n(o),
         label: n(a),
         readonly: n(c),
@@ -1759,29 +1770,29 @@ const fr = /* @__PURE__ */ be(mr, [["render", pr]]), br = ["id"], yr = /* @__PUR
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
   }
-}), Cr = /* @__PURE__ */ T({
+}), Sl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = s(e, ["settings", "density"]), { prop: r } = s(e, ["settings", "direction"]), { prop: l } = s(e, ["settings", "disabled"]), { prop: o } = s(e, ["settings", "inline"]), { prop: a } = s(e, ["settings", "readonly"]), { theme: c } = R(), { prop: p } = s(e, ["settings", "value"]);
+    const e = t, { prop: i } = s(e, ["settings", "density"]), { prop: l } = s(e, ["settings", "direction"]), { prop: r } = s(e, ["settings", "disabled"]), { prop: o } = s(e, ["settings", "inline"]), { prop: a } = s(e, ["settings", "readonly"]), { theme: c } = R(), { prop: p } = s(e, ["settings", "value"]);
     return (b, u) => {
       const d = A("v-radio-group");
       return w(), z(n(X), null, {
-        default: S(() => [
+        default: T(() => [
           H(d, {
             modelValue: n(p),
             "onUpdate:modelValue": u[0] || (u[0] = (m) => G(p) ? p.value = m : null),
             density: n(i),
-            direction: n(r),
-            disabled: n(l),
+            direction: n(l),
+            disabled: n(r),
             inline: n(o),
             readonly: n(a),
             theme: n(c)
           }, {
-            default: S(() => [
+            default: T(() => [
               E(b.$slots, "default")
             ]),
             _: 3
@@ -1791,14 +1802,14 @@ const fr = /* @__PURE__ */ be(mr, [["render", pr]]), br = ["id"], yr = /* @__PUR
       });
     };
   }
-}), Sr = /* @__PURE__ */ T({
+}), Tl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = s(e, ["settings", "density"]), { prop: r } = s(e, ["settings", "direction"]), { prop: l } = s(e, ["settings", "disabled"]), { prop: o } = s(e, ["settings", "hideDetails"]), { prop: a } = s(e, ["settings", "label"]), { prop: c } = s(e, ["settings", "max"]), { prop: p } = s(e, ["settings", "min"]), { prop: b } = s(e, ["settings", "readonly"]), { prop: u } = s(e, ["settings", "showTicks"]), d = k(() => {
+    const e = t, { prop: i } = s(e, ["settings", "density"]), { prop: l } = s(e, ["settings", "direction"]), { prop: r } = s(e, ["settings", "disabled"]), { prop: o } = s(e, ["settings", "hideDetails"]), { prop: a } = s(e, ["settings", "label"]), { prop: c } = s(e, ["settings", "max"]), { prop: p } = s(e, ["settings", "min"]), { prop: b } = s(e, ["settings", "readonly"]), { prop: u } = s(e, ["settings", "showTicks"]), d = k(() => {
       if (u.value === "always")
         return "always";
       if (u.value === "show")
@@ -1817,7 +1828,7 @@ const fr = /* @__PURE__ */ be(mr, [["render", pr]]), br = ["id"], yr = /* @__PUR
       const B = {};
       for (const { value: V, label: M } of _.value)
         B[V] = M;
-      if (!ri(B))
+      if (!mi(B))
         return B;
     }), { prop: I } = s(e, ["settings", "tickSize"]), { prop: $ } = s(e, [
       "settings",
@@ -1835,13 +1846,13 @@ const fr = /* @__PURE__ */ be(mr, [["render", pr]]), br = ["id"], yr = /* @__PUR
         modelValue: D.value,
         "onUpdate:modelValue": V[1] || (V[1] = (J) => D.value = J)
       }, {
-        default: S(() => [
+        default: T(() => [
           H(M, {
             modelValue: D.value,
             "onUpdate:modelValue": V[0] || (V[0] = (J) => D.value = J),
             density: n(i),
-            direction: n(r),
-            disabled: n(l),
+            direction: n(l),
+            disabled: n(r),
             "hide-details": n(o),
             label: n(a),
             max: n(c),
@@ -1860,27 +1871,27 @@ const fr = /* @__PURE__ */ be(mr, [["render", pr]]), br = ["id"], yr = /* @__PUR
       }, 8, ["modelValue"]);
     };
   }
-}), Tr = /* @__PURE__ */ T({
+}), zl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = s(e, ["settings", "clearable"]), { prop: r } = s(e, ["settings", "density"]), { prop: l } = s(e, ["settings", "disabled"]), { prop: o } = s(e, [
+    const e = t, { prop: i } = s(e, ["settings", "clearable"]), { prop: l } = s(e, ["settings", "density"]), { prop: r } = s(e, ["settings", "disabled"]), { prop: o } = s(e, [
       "settings",
       "halfIncrements"
     ]), { prop: a } = s(e, ["settings", "hover"]), { prop: c } = s(e, ["settings", "length"]), { prop: p } = s(e, ["settings", "readonly"]), { theme: b } = R(), { prop: u } = s(e, ["settings", "value"]);
     return (d, m) => {
       const f = A("v-rating");
       return w(), z(n(X), { "fit-content": !0 }, {
-        default: S(() => [
+        default: T(() => [
           H(f, {
             modelValue: n(u),
             "onUpdate:modelValue": m[0] || (m[0] = (h) => G(u) ? u.value = h : null),
             clearable: n(i),
-            density: n(r),
-            disabled: n(l),
+            density: n(l),
+            disabled: n(r),
             "half-increments": n(o),
             hover: n(a),
             length: n(c),
@@ -1892,24 +1903,24 @@ const fr = /* @__PURE__ */ be(mr, [["render", pr]]), br = ["id"], yr = /* @__PUR
       });
     };
   }
-}), zr = /* @__PURE__ */ T({
+}), Al = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = s(e, ["settings", "hideDetails"]), { prop: r } = s(e, ["settings", "label"]), { prop: l } = s(e, ["settings", "placeholder"]), { prop: o } = s(e, ["settings", "readonly"]), { prop: a } = s(e, ["settings", "singleLine"]), { theme: c } = R(), { prop: p } = s(e, ["settings", "value"]);
+    const e = t, { prop: i } = s(e, ["settings", "hideDetails"]), { prop: l } = s(e, ["settings", "label"]), { prop: r } = s(e, ["settings", "placeholder"]), { prop: o } = s(e, ["settings", "readonly"]), { prop: a } = s(e, ["settings", "singleLine"]), { theme: c } = R(), { prop: p } = s(e, ["settings", "value"]);
     return (b, u) => {
       const d = A("v-select");
       return w(), z(n(X), null, {
-        default: S(() => [
+        default: T(() => [
           H(d, {
             modelValue: n(p),
             "onUpdate:modelValue": u[0] || (u[0] = (m) => G(p) ? p.value = m : null),
             "hide-details": n(i),
-            label: n(r),
-            placeholder: n(l),
+            label: n(l),
+            placeholder: n(r),
             readonly: n(o),
             "single-line": n(a),
             theme: n(c)
@@ -1919,14 +1930,14 @@ const fr = /* @__PURE__ */ be(mr, [["render", pr]]), br = ["id"], yr = /* @__PUR
       });
     };
   }
-}), Ar = /* @__PURE__ */ T({
+}), Pl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = s(e, ["settings", "color"]), { color: r } = U(i), { prop: l } = s(e, ["settings", "direction"]), { prop: o } = s(e, ["settings", "disabled"]), { prop: a } = s(e, ["settings", "hideDetails"]), { prop: c } = s(e, ["settings", "label"]), { prop: p } = s(e, ["settings", "max"]), { prop: b } = s(e, ["settings", "min"]), { prop: u } = s(e, ["settings", "readonly"]), { prop: d } = s(e, ["settings", "reverse"]), { prop: m } = s(e, ["settings", "showTicks"]), f = k(() => {
+    const e = t, { prop: i } = s(e, ["settings", "color"]), { color: l } = U(i), { prop: r } = s(e, ["settings", "direction"]), { prop: o } = s(e, ["settings", "disabled"]), { prop: a } = s(e, ["settings", "hideDetails"]), { prop: c } = s(e, ["settings", "label"]), { prop: p } = s(e, ["settings", "max"]), { prop: b } = s(e, ["settings", "min"]), { prop: u } = s(e, ["settings", "readonly"]), { prop: d } = s(e, ["settings", "reverse"]), { prop: m } = s(e, ["settings", "showTicks"]), f = k(() => {
       if (m.value === "always")
         return "always";
       if (m.value === "show")
@@ -1948,7 +1959,7 @@ const fr = /* @__PURE__ */ be(mr, [["render", pr]]), br = ["id"], yr = /* @__PUR
       const Z = {};
       for (const { value: ce, label: ze } of N.value)
         Z[ce] = ze;
-      if (!ri(Z))
+      if (!mi(Z))
         return Z;
     }), { prop: B } = s(e, ["settings", "tickSize"]), { prop: V } = s(e, [
       "settings",
@@ -1957,12 +1968,12 @@ const fr = /* @__PURE__ */ be(mr, [["render", pr]]), br = ["id"], yr = /* @__PUR
     return (Z, ce) => {
       const ze = A("v-slider");
       return w(), z(n(X), null, {
-        default: S(() => [
+        default: T(() => [
           H(ze, {
             modelValue: n(J),
             "onUpdate:modelValue": ce[0] || (ce[0] = (Ki) => G(J) ? J.value = Ki : null),
-            color: n(r),
-            direction: n(l),
+            color: n(l),
+            direction: n(r),
             disabled: n(o),
             "hide-details": n(a),
             label: n(c),
@@ -1982,8 +1993,8 @@ const fr = /* @__PURE__ */ be(mr, [["render", pr]]), br = ["id"], yr = /* @__PUR
           }, Jt({ _: 2 }, [
             n(j) ? {
               name: "append",
-              fn: S(() => [
-                H(n(re), {
+              fn: T(() => [
+                H(n(le), {
                   "ref-context": { refid: n(j) },
                   state: {}
                 }, null, 8, ["ref-context"])
@@ -1992,8 +2003,8 @@ const fr = /* @__PURE__ */ be(mr, [["render", pr]]), br = ["id"], yr = /* @__PUR
             } : void 0,
             n(Y) ? {
               name: "prepend",
-              fn: S(() => [
-                H(n(re), {
+              fn: T(() => [
+                H(n(le), {
                   "ref-context": { refid: n(Y) },
                   state: {}
                 }, null, 8, ["ref-context"])
@@ -2006,40 +2017,40 @@ const fr = /* @__PURE__ */ be(mr, [["render", pr]]), br = ["id"], yr = /* @__PUR
       });
     };
   }
-}), Pr = /* @__PURE__ */ T({
+}), Wl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = s(e, ["settings", "hideActions"]), { theme: r } = R(), { prop: l } = s(e, ["settings", "value"]);
+    const e = t, { prop: i } = s(e, ["settings", "hideActions"]), { theme: l } = R(), { prop: r } = s(e, ["settings", "value"]);
     return (o, a) => {
       const c = A("v-stepper");
       return w(), z(c, {
-        modelValue: n(l),
-        "onUpdate:modelValue": a[0] || (a[0] = (p) => G(l) ? l.value = p : null),
+        modelValue: n(r),
+        "onUpdate:modelValue": a[0] || (a[0] = (p) => G(r) ? r.value = p : null),
         "hide-actions": n(i),
-        theme: n(r)
+        theme: n(l)
       }, {
-        default: S(() => [
+        default: T(() => [
           E(o.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "hide-actions", "theme"]);
     };
   }
-}), Wr = {};
-function Lr(t, e) {
+}), Ll = {};
+function Bl(t, e) {
   const i = A("v-stepper-header");
   return w(), z(i, null, {
-    default: S(() => [
+    default: T(() => [
       E(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Br = /* @__PURE__ */ be(Wr, [["render", Lr]]), Nr = /* @__PURE__ */ T({
+const Nl = /* @__PURE__ */ be(Ll, [["render", Bl]]), Rl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
@@ -2047,27 +2058,27 @@ const Br = /* @__PURE__ */ be(Wr, [["render", Lr]]), Nr = /* @__PURE__ */ T({
   },
   setup(t) {
     const e = t, { prop: i } = s(e, ["settings", "value"]);
-    return (r, l) => {
+    return (l, r) => {
       const o = A("v-stepper-item");
       return w(), z(o, { value: n(i) }, {
-        default: S(() => [
-          E(r.$slots, "default")
+        default: T(() => [
+          E(l.$slots, "default")
         ]),
         _: 3
       }, 8, ["value"]);
     };
   }
-}), Rr = {};
-function Dr(t, e) {
+}), Dl = {};
+function El(t, e) {
   const i = A("v-stepper-window");
   return w(), z(i, null, {
-    default: S(() => [
+    default: T(() => [
       E(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Er = /* @__PURE__ */ be(Rr, [["render", Dr]]), Fr = /* @__PURE__ */ T({
+const Fl = /* @__PURE__ */ be(Dl, [["render", El]]), Ml = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
@@ -2075,37 +2086,37 @@ const Er = /* @__PURE__ */ be(Rr, [["render", Dr]]), Fr = /* @__PURE__ */ T({
   },
   setup(t) {
     const e = t, { prop: i } = s(e, ["settings", "value"]);
-    return (r, l) => {
+    return (l, r) => {
       const o = A("v-stepper-window-item");
       return w(), z(o, { value: n(i) }, {
-        default: S(() => [
-          E(r.$slots, "default")
+        default: T(() => [
+          E(l.$slots, "default")
         ]),
         _: 3
       }, 8, ["value"]);
     };
   }
-}), Mr = /* @__PURE__ */ T({
+}), Hl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = s(e, ["settings", "density"]), { prop: r } = s(e, ["settings", "direction"]), { prop: l } = s(e, ["settings", "disabled"]), { prop: o } = s(e, ["settings", "hideDetails"]), { prop: a } = s(e, [
+    const e = t, { prop: i } = s(e, ["settings", "density"]), { prop: l } = s(e, ["settings", "direction"]), { prop: r } = s(e, ["settings", "disabled"]), { prop: o } = s(e, ["settings", "hideDetails"]), { prop: a } = s(e, [
       "settings",
       "indeterminate"
     ]), { prop: c } = s(e, ["settings", "inline"]), { prop: p } = s(e, ["settings", "inset"]), { prop: b } = s(e, ["settings", "label"]), { prop: u } = s(e, ["settings", "loading"]), { theme: d } = R(), { prop: m } = s(e, ["settings", "value"]);
     return (f, h) => {
       const x = A("v-switch");
       return w(), z(n(X), { "fit-content": !0 }, {
-        default: S(() => [
+        default: T(() => [
           H(x, {
             modelValue: n(m),
             "onUpdate:modelValue": h[0] || (h[0] = (g) => G(m) ? m.value = g : null),
             density: n(i),
-            direction: n(r),
-            disabled: n(l),
+            direction: n(l),
+            disabled: n(r),
             "hide-details": n(o),
             indeterminate: n(a),
             inline: n(c),
@@ -2119,25 +2130,25 @@ const Er = /* @__PURE__ */ be(Rr, [["render", Dr]]), Fr = /* @__PURE__ */ T({
       });
     };
   }
-}), Hr = /* @__PURE__ */ T({
+}), jl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Q(), { prop: r } = s(e, ["settings", "text"]), { theme: l } = R(), { prop: o } = s(e, ["settings", "value"]), a = k(() => {
+    const e = t, i = Q(), { prop: l } = s(e, ["settings", "text"]), { theme: r } = R(), { prop: o } = s(e, ["settings", "value"]), a = k(() => {
       const c = {};
       return i === "editor" && (c.pointerEvents = "none"), c;
     });
     return (c, p) => {
       const b = A("v-tab");
       return w(), z(n(X), { "fit-content": !0 }, {
-        default: S(() => [
+        default: T(() => [
           H(b, {
             style: q(a.value),
-            text: n(r),
-            theme: n(l),
+            text: n(l),
+            theme: n(r),
             value: n(o)
           }, null, 8, ["style", "text", "theme", "value"])
         ]),
@@ -2145,18 +2156,18 @@ const Er = /* @__PURE__ */ be(Rr, [["render", Dr]]), Fr = /* @__PURE__ */ T({
       });
     };
   }
-}), jr = /* @__PURE__ */ T({
+}), Gl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = s(e, ["settings", "alignTabs"]), { prop: r } = s(e, [
+    const e = t, { prop: i } = s(e, ["settings", "alignTabs"]), { prop: l } = s(e, [
       "settings",
       "color",
       "backgroundColor"
-    ]), { color: l } = U(r), { prop: o } = s(e, [
+    ]), { color: r } = U(l), { prop: o } = s(e, [
       "settings",
       "centerActive"
     ]), { prop: a } = s(e, [
@@ -2174,7 +2185,7 @@ const Er = /* @__PURE__ */ be(Rr, [["render", Dr]]), Fr = /* @__PURE__ */ T({
         modelValue: n(N),
         "onUpdate:modelValue": B[0] || (B[0] = (M) => G(N) ? N.value = M : null),
         "align-tabs": n(i),
-        "bg-color": n(l),
+        "bg-color": n(r),
         "center-active": n(o),
         color: n(c),
         density: n(p),
@@ -2190,46 +2201,46 @@ const Er = /* @__PURE__ */ be(Rr, [["render", Dr]]), Fr = /* @__PURE__ */ T({
         stacked: n(I),
         theme: n($)
       }, {
-        default: S(() => [
+        default: T(() => [
           E(D.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "align-tabs", "bg-color", "center-active", "color", "density", "direction", "disabled", "fixed-tabs", "grow", "hide-slider", "items", "mandatory", "show-arrows", "slider-color", "stacked", "theme"]);
     };
   }
-}), Gr = /* @__PURE__ */ T({
+}), Ul = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = ke(), { prop: r } = s(e, ["settings", "align"]), { prop: l } = s(e, ["settings", "decoration"]), { prop: o } = s(e, ["settings", "emphasis"]), { prop: a } = s(e, ["settings", "italic"]), { prop: c } = s(e, ["settings", "text"]), { prop: p } = s(e, ["settings", "weight"]), b = k(() => {
+    const e = t, i = ke(), { prop: l } = s(e, ["settings", "align"]), { prop: r } = s(e, ["settings", "decoration"]), { prop: o } = s(e, ["settings", "emphasis"]), { prop: a } = s(e, ["settings", "italic"]), { prop: c } = s(e, ["settings", "text"]), { prop: p } = s(e, ["settings", "weight"]), b = k(() => {
       const u = [], d = Vi(i.value.width), m = ye(d, e.node.settings?.style);
-      return m && u.push(`text-${m}`), o.value === "high" ? u.push("text-high-emphasis") : o.value === "medium" ? u.push("text-medium-emphasis") : o.value === "disabled" && u.push("text-disabled"), r.value && u.push(`font-${r.value}`), l.value && u.push(`text-decoration-${l.value}`), p.value && u.push(`font-weight-${p.value}`), a.value && u.push("font-italic"), u.join(" ");
+      return m && u.push(`text-${m}`), o.value === "high" ? u.push("text-high-emphasis") : o.value === "medium" ? u.push("text-medium-emphasis") : o.value === "disabled" && u.push("text-disabled"), l.value && u.push(`font-${l.value}`), r.value && u.push(`text-decoration-${r.value}`), p.value && u.push(`font-weight-${p.value}`), a.value && u.push("font-italic"), u.join(" ");
     });
     return (u, d) => (w(), ne("span", {
-      class: uo(b.value)
-    }, co(n(c)), 3));
+      class: Zi(b.value)
+    }, qi(n(c)), 3));
   }
-}), Ur = /* @__PURE__ */ T({
+}), Ol = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = s(e, ["settings", "autoGrow"]), { prop: r } = s(e, ["settings", "clearable"]), { prop: l } = s(e, ["settings", "density"]), { prop: o } = s(e, ["settings", "disabled"]), { prop: a } = s(e, ["settings", "label"]), { prop: c } = s(e, ["settings", "loading"]), { prop: p } = s(e, ["settings", "maxRows"]), { prop: b } = s(e, ["settings", "placeholder"]), { prop: u } = s(e, ["settings", "readonly"]), { prop: d } = s(e, ["settings", "reverse"]), { prop: m } = s(e, ["settings", "rows"]), { prop: f } = s(e, ["settings", "singleLine"]), { theme: h } = R(), { prop: x } = s(e, ["settings", "value"]), { prop: g } = s(e, ["settings", "variant"]);
+    const e = t, { prop: i } = s(e, ["settings", "autoGrow"]), { prop: l } = s(e, ["settings", "clearable"]), { prop: r } = s(e, ["settings", "density"]), { prop: o } = s(e, ["settings", "disabled"]), { prop: a } = s(e, ["settings", "label"]), { prop: c } = s(e, ["settings", "loading"]), { prop: p } = s(e, ["settings", "maxRows"]), { prop: b } = s(e, ["settings", "placeholder"]), { prop: u } = s(e, ["settings", "readonly"]), { prop: d } = s(e, ["settings", "reverse"]), { prop: m } = s(e, ["settings", "rows"]), { prop: f } = s(e, ["settings", "singleLine"]), { theme: h } = R(), { prop: x } = s(e, ["settings", "value"]), { prop: g } = s(e, ["settings", "variant"]);
     return (_, v) => {
       const I = A("v-textarea");
       return w(), z(n(X), null, {
-        default: S(() => [
+        default: T(() => [
           H(I, {
             modelValue: n(x),
             "onUpdate:modelValue": v[0] || (v[0] = ($) => G(x) ? x.value = $ : null),
             "auto-grow": n(i),
-            clearable: n(r),
-            density: n(l),
+            clearable: n(l),
+            density: n(r),
             disabled: n(o),
             label: n(a),
             loading: n(c),
@@ -2247,17 +2258,17 @@ const Er = /* @__PURE__ */ be(Rr, [["render", Dr]]), Fr = /* @__PURE__ */ T({
       });
     };
   }
-}), Or = /* @__PURE__ */ T({
+}), Kl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = s(e, ["settings", "appendIcon"]), { prop: r } = s(e, [
+    const e = t, { prop: i } = s(e, ["settings", "appendIcon"]), { prop: l } = s(e, [
       "settings",
       "appendInnerIcon"
-    ]), { prop: l } = s(e, ["settings", "autofocus"]), { prop: o } = s(e, ["settings", "clearable"]), { prop: a } = s(e, ["settings", "density"]), { prop: c } = s(e, ["settings", "disabled"]), { prop: p } = s(e, ["settings", "hideDetails"]), { prop: b } = s(e, ["settings", "label"]), { prop: u } = s(e, ["settings", "loading"]), { prop: d } = s(e, ["settings", "placeholder"]), { prop: m } = s(e, ["settings", "prefix"]), { prop: f } = s(e, ["settings", "prependIcon"]), { prop: h } = s(e, [
+    ]), { prop: r } = s(e, ["settings", "autofocus"]), { prop: o } = s(e, ["settings", "clearable"]), { prop: a } = s(e, ["settings", "density"]), { prop: c } = s(e, ["settings", "disabled"]), { prop: p } = s(e, ["settings", "hideDetails"]), { prop: b } = s(e, ["settings", "label"]), { prop: u } = s(e, ["settings", "loading"]), { prop: d } = s(e, ["settings", "placeholder"]), { prop: m } = s(e, ["settings", "prefix"]), { prop: f } = s(e, ["settings", "prependIcon"]), { prop: h } = s(e, [
       "settings",
       "prependInnerIcon"
     ]), { prop: x } = s(e, ["settings", "readonly"]), { prop: g } = s(e, ["settings", "reverse"]), { prop: _ } = s(e, ["settings", "singleLine"]), { prop: v } = s(e, ["settings", "suffix"]), { theme: I } = R(), { prop: $ } = s(e, ["settings", "value"]), { prop: N } = s(e, ["settings", "variant"]), { prop: D } = s(e, ["slots", "append"]), { prop: B } = s(e, [
@@ -2270,13 +2281,13 @@ const Er = /* @__PURE__ */ be(Rr, [["render", Dr]]), Fr = /* @__PURE__ */ T({
     return (J, j) => {
       const Y = A("v-text-field");
       return w(), z(n(X), null, {
-        default: S(() => [
+        default: T(() => [
           H(Y, {
             modelValue: n($),
             "onUpdate:modelValue": j[0] || (j[0] = (Z) => G($) ? $.value = Z : null),
             "append-icon": n(i),
-            "append-inner-icon": n(r),
-            autofocus: n(l),
+            "append-inner-icon": n(l),
+            autofocus: n(r),
             clearable: n(o),
             density: n(a),
             disabled: n(c),
@@ -2296,8 +2307,8 @@ const Er = /* @__PURE__ */ be(Rr, [["render", Dr]]), Fr = /* @__PURE__ */ T({
           }, Jt({ _: 2 }, [
             n(D) ? {
               name: "append",
-              fn: S(() => [
-                H(n(re), {
+              fn: T(() => [
+                H(n(le), {
                   "ref-context": { refid: n(D) },
                   state: {}
                 }, null, 8, ["ref-context"])
@@ -2306,8 +2317,8 @@ const Er = /* @__PURE__ */ be(Rr, [["render", Dr]]), Fr = /* @__PURE__ */ T({
             } : void 0,
             n(B) ? {
               name: "append-inner",
-              fn: S(() => [
-                H(n(re), {
+              fn: T(() => [
+                H(n(le), {
                   "ref-context": { refid: n(B) },
                   state: {}
                 }, null, 8, ["ref-context"])
@@ -2316,8 +2327,8 @@ const Er = /* @__PURE__ */ be(Rr, [["render", Dr]]), Fr = /* @__PURE__ */ T({
             } : void 0,
             n(V) ? {
               name: "prepend",
-              fn: S(() => [
-                H(n(re), {
+              fn: T(() => [
+                H(n(le), {
                   "ref-context": { refid: n(V) },
                   state: {}
                 }, null, 8, ["ref-context"])
@@ -2326,8 +2337,8 @@ const Er = /* @__PURE__ */ be(Rr, [["render", Dr]]), Fr = /* @__PURE__ */ T({
             } : void 0,
             n(M) ? {
               name: "prepend-inner",
-              fn: S(() => [
-                H(n(re), {
+              fn: T(() => [
+                H(n(le), {
                   "ref-context": { refid: n(M) },
                   state: {}
                 }, null, 8, ["ref-context"])
@@ -2340,14 +2351,14 @@ const Er = /* @__PURE__ */ be(Rr, [["render", Dr]]), Fr = /* @__PURE__ */ T({
       });
     };
   }
-}), Kr = /* @__PURE__ */ T({
+}), Jl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = s(e, ["settings", "align"]), { prop: r } = s(e, ["settings", "density"]), { prop: l } = s(e, ["settings", "direction"]), { prop: o } = s(e, [
+    const e = t, { prop: i } = s(e, ["settings", "align"]), { prop: l } = s(e, ["settings", "density"]), { prop: r } = s(e, ["settings", "direction"]), { prop: o } = s(e, [
       "settings",
       "dot",
       "color"
@@ -2371,8 +2382,8 @@ const Er = /* @__PURE__ */ be(Rr, [["render", Dr]]), Fr = /* @__PURE__ */ T({
       const v = A("v-timeline");
       return w(), z(v, {
         align: n(i),
-        density: n(r),
-        direction: n(l),
+        density: n(l),
+        direction: n(r),
         "dot-color": n(a),
         "fill-dot": n(c),
         "hide-opposite": n(p),
@@ -2383,62 +2394,62 @@ const Er = /* @__PURE__ */ be(Rr, [["render", Dr]]), Fr = /* @__PURE__ */ T({
         theme: n(x),
         "truncate-line": n(h)
       }, {
-        default: S(() => [
+        default: T(() => [
           E(g.$slots, "default")
         ]),
         _: 3
       }, 8, ["align", "density", "direction", "dot-color", "fill-dot", "hide-opposite", "line-color", "line-inset", "line-thickness", "side", "theme", "truncate-line"]);
     };
   }
-}), Jr = {};
-function Xr(t, e) {
+}), Xl = {};
+function Yl(t, e) {
   const i = A("v-timeline-item");
   return w(), z(i, null, {
-    default: S(() => [
+    default: T(() => [
       E(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Yr = /* @__PURE__ */ be(Jr, [["render", Xr]]), Zr = /* @__PURE__ */ T({
+const Zl = /* @__PURE__ */ be(Xl, [["render", Yl]]), ql = /* @__PURE__ */ S({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = s(e, ["settings", "continuous"]), { prop: r } = s(e, ["settings", "disabled"]), { prop: l } = s(e, ["settings", "direction"]), { prop: o } = s(e, ["settings", "reverse"]), { prop: a } = s(e, ["settings", "showArrows"]), { prop: c } = s(e, ["settings", "touch"]), { theme: p } = R(), { prop: b } = s(e, ["settings", "value"]);
+    const e = t, { prop: i } = s(e, ["settings", "continuous"]), { prop: l } = s(e, ["settings", "disabled"]), { prop: r } = s(e, ["settings", "direction"]), { prop: o } = s(e, ["settings", "reverse"]), { prop: a } = s(e, ["settings", "showArrows"]), { prop: c } = s(e, ["settings", "touch"]), { theme: p } = R(), { prop: b } = s(e, ["settings", "value"]);
     return (u, d) => {
       const m = A("v-window");
       return w(), z(m, {
         modelValue: n(b),
         "onUpdate:modelValue": d[0] || (d[0] = (f) => G(b) ? b.value = f : null),
         continuous: n(i),
-        direction: n(l),
-        disabled: n(r),
+        direction: n(r),
+        disabled: n(l),
         reverse: n(o),
         "show-arrows": n(a),
         theme: n(p),
         touch: n(c)
       }, {
-        default: S(() => [
+        default: T(() => [
           E(u.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "continuous", "direction", "disabled", "reverse", "show-arrows", "theme", "touch"]);
     };
   }
-}), qr = {};
-function Qr(t, e) {
+}), Ql = {};
+function er(t, e) {
   const i = A("v-window-item");
   return w(), z(i, null, {
-    default: S(() => [
+    default: T(() => [
       E(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const el = /* @__PURE__ */ be(qr, [["render", Qr]]), Ni = "badge_v1", mn = "breadcrumbs_v1", Fe = "bar_chart_v1", Me = "btn_v1", He = "btn_group_v1", je = "btn_toggle_v1", Ge = "card_v1", Ue = "checkbox_v1", Oe = "chip_v1", Ke = "chip_group_v1", Je = "color_picker_v1", Xe = "combobox_v1", Ye = "container_v1", Ze = "data_table_v1", qe = "date_picker_v1", Qe = "dialog_v1", et = "file_input_v1", tt = "flex_layout_v1", Ri = "flex_layout_entry_v1", nt = "form_v1", it = "icon_v1", ot = "globality_v1", st = "line_chart_v1", rt = "menu_v1", pn = "multiple_ref_v1", lt = "number_input_v1", at = "pagination_v1", Di = "radio_v1", ut = "radio_group_v1", ct = "range_slider_v1", dt = "rating_v1", fn = "render_switch_v1", mt = "select_v1", Pe = "single_ref_v1", pt = "slider_v1", ft = "stepper_v1", Ei = "stepper_header_v1", Fi = "stepper_item_v1", Mi = "stepper_window_v1", Hi = "stepper_window_item_v1", bt = "switch_v1", ji = "tab_v1", bn = "table_v1", yt = "tabs_v1", ht = "text_v1", gt = "textarea_v1", xt = "text_field_v1", vt = "timeline_v1", Gi = "timeline_item_v1", kt = "window_v1", Ui = "window_item_v1", y = {
+const tr = /* @__PURE__ */ be(Ql, [["render", er]]), Ni = "badge_v1", mn = "breadcrumbs_v1", Fe = "bar_chart_v1", Me = "btn_v1", He = "btn_group_v1", je = "btn_toggle_v1", Ge = "card_v1", Ue = "checkbox_v1", Oe = "chip_v1", Ke = "chip_group_v1", Je = "color_picker_v1", Xe = "combobox_v1", Ye = "container_v1", Ze = "data_table_v1", qe = "date_picker_v1", Qe = "dialog_v1", et = "file_input_v1", tt = "flex_layout_v1", Ri = "flex_layout_entry_v1", nt = "form_v1", it = "icon_v1", ot = "globality_v1", st = "line_chart_v1", lt = "menu_v1", pn = "multiple_ref_v1", rt = "number_input_v1", at = "pagination_v1", Di = "radio_v1", ut = "radio_group_v1", ct = "range_slider_v1", dt = "rating_v1", fn = "render_switch_v1", mt = "select_v1", Pe = "single_ref_v1", pt = "slider_v1", ft = "stepper_v1", Ei = "stepper_header_v1", Fi = "stepper_item_v1", Mi = "stepper_window_v1", Hi = "stepper_window_item_v1", bt = "switch_v1", ji = "tab_v1", bn = "table_v1", yt = "tabs_v1", ht = "text_v1", gt = "textarea_v1", xt = "text_field_v1", vt = "timeline_v1", Gi = "timeline_item_v1", kt = "window_v1", Ui = "window_item_v1", y = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -2500,7 +2511,7 @@ const el = /* @__PURE__ */ be(qr, [["render", Qr]]), Ni = "badge_v1", mn = "brea
       ]
     }
   ]
-}, tl = F(K), me = {
+}, nr = F(K), me = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -2518,7 +2529,7 @@ const el = /* @__PURE__ */ be(qr, [["render", Qr]]), Ni = "badge_v1", mn = "brea
       types: "borderWidthTypesV1",
       default: ""
     },
-    tl,
+    nr,
     {
       key: "roundRadius",
       name: "x-runtime-lib.roundRadius",
@@ -2782,19 +2793,19 @@ const el = /* @__PURE__ */ be(qr, [["render", Qr]]), Ni = "badge_v1", mn = "brea
     }
   ]
 };
-function nl(t, e) {
-  const i = `type=${t} subtype=${e}`, r = L(t, e);
-  if (!r) {
+function ir(t, e) {
+  const i = `type=${t} subtype=${e}`, l = L(t, e);
+  if (!l) {
     console.error(`barChartV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = _t.props[r];
-  if (!l) {
+  const r = _t.props[l];
+  if (!r) {
     console.error(`barChartV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, l), o.basic.id = P(16), o.basic.key = _t.key, o.size.height = "300px", o.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], o.series = [
+  return W(o, r), o.basic.id = P(16), o.basic.key = _t.key, o.size.height = "300px", o.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], o.series = [
     {
       type: "bar",
       data: [120, 200, 150, 80, 70, 110, 130]
@@ -2825,7 +2836,7 @@ const yn = {
 }, _t = {
   key: Fe,
   name: "x-runtime-lib.barChart",
-  comp: Rs,
+  comp: Ds,
   props: {
     pageCommon: [y, O, Ve, $e, Ie, we, yn],
     compCommon: [y, O, Ve, $e, Ie, we, yn]
@@ -2834,22 +2845,22 @@ const yn = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: nl
+  spawn: ir
 };
 C(_t);
-function il(t, e) {
-  const i = `type=${t} subtype=${e}`, r = L(t, e);
-  if (!r) {
+function or(t, e) {
+  const i = `type=${t} subtype=${e}`, l = L(t, e);
+  if (!l) {
     console.error(`lineChartV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = wt.props[r];
-  if (!l) {
+  const r = wt.props[l];
+  if (!r) {
     console.error(`lineChartV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, l), o.basic.id = P(16), o.basic.key = wt.key, o.size.height = "300px", o.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], o.series = [
+  return W(o, r), o.basic.id = P(16), o.basic.key = wt.key, o.size.height = "300px", o.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], o.series = [
     {
       type: "line",
       data: [120, 200, 150, 80, 70, 110, 130]
@@ -2880,7 +2891,7 @@ const hn = {
 }, wt = {
   key: st,
   name: "x-runtime-lib.lineChart",
-  comp: Ds,
+  comp: Es,
   props: {
     pageCommon: [y, O, Ve, $e, Ie, we, hn],
     compCommon: [y, O, Ve, $e, Ie, we, hn]
@@ -2889,7 +2900,7 @@ const hn = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: il
+  spawn: or
 };
 C(wt);
 const Qt = F(K);
@@ -2903,7 +2914,7 @@ const gn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, ol = {
+}, sr = {
   key: ot,
   name: "x-runtime-lib.globality",
   comp: null,
@@ -2951,7 +2962,7 @@ const gn = {
   slots: [],
   internal: !0
 };
-C(ol);
+C(sr);
 const vn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -2987,10 +2998,10 @@ const vn = {
       default: !1
     }
   ]
-}, Za = {
+}, Qa = {
   key: Ni,
   name: "x-runtime-lib.badge",
-  comp: qs,
+  comp: Qs,
   props: {
     pageCommon: [y, vn],
     compCommon: [y, vn]
@@ -2999,21 +3010,21 @@ const vn = {
   methods: [],
   slots: []
 };
-function sl(t, e) {
-  const i = `type=${t} subtype=${e}`, r = L(t, e);
-  if (!r) {
+function lr(t, e) {
+  const i = `type=${t} subtype=${e}`, l = L(t, e);
+  if (!l) {
     console.error(`btnV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = Vt.props[r];
-  if (!l) {
+  const r = Vt.props[l];
+  if (!r) {
     console.error(`btnV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, l), o.basic.id = P(16), o.basic.key = Vt.key, o.settings.text = "button", o;
+  return W(o, r), o.basic.id = P(16), o.basic.key = Vt.key, o.settings.text = "button", o;
 }
-const rl = F(K), kn = {
+const rr = F(K), kn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3092,7 +3103,7 @@ const rl = F(K), kn = {
       ui: "switch",
       default: !1
     },
-    rl,
+    rr,
     {
       key: "ripple",
       name: "x-runtime-lib.ripple",
@@ -3103,7 +3114,7 @@ const rl = F(K), kn = {
 }, Vt = {
   key: Me,
   name: "x-runtime-lib.button",
-  comp: Qs,
+  comp: el,
   props: {
     pageCommon: [y, O, kn],
     compCommon: [y, O, kn]
@@ -3118,13 +3129,13 @@ const rl = F(K), kn = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: sl
+  spawn: lr
 };
 C(Vt);
-const ll = {
+const ar = {
   key: He,
   name: "x-runtime-lib.buttonGroup",
-  comp: nr,
+  comp: il,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -3133,7 +3144,7 @@ const ll = {
   methods: [],
   slots: []
 };
-C(ll);
+C(ar);
 const _n = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -3195,10 +3206,10 @@ const _n = {
       default: !1
     }
   ]
-}, al = {
+}, ur = {
   key: je,
   name: "x-runtime-lib.buttonToggle",
-  comp: ir,
+  comp: ol,
   props: {
     pageCommon: [y, _n],
     compCommon: [y, _n]
@@ -3207,20 +3218,20 @@ const _n = {
   methods: [],
   slots: []
 };
-C(al);
-function ul(t, e) {
-  const i = `type=${t} subtype=${e}`, r = L(t, e);
-  if (!r) {
+C(ur);
+function cr(t, e) {
+  const i = `type=${t} subtype=${e}`, l = L(t, e);
+  if (!l) {
     console.error(`cardV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = xe.props[r];
-  if (!l) {
+  const r = xe.props[l];
+  if (!r) {
     console.error(`cardV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, l), o.basic.id = P(16), o.basic.key = xe.key, o.children = [], o.settings.title = "title", o.settings.subtitle = "subtitle", o.settings.text = "text", o;
+  return W(o, r), o.basic.id = P(16), o.basic.key = xe.key, o.children = [], o.settings.title = "title", o.settings.subtitle = "subtitle", o.settings.text = "text", o;
 }
 const wn = {
   key: "settings",
@@ -3280,7 +3291,7 @@ const wn = {
 }, xe = {
   key: Ge,
   name: "x-runtime-lib.card",
-  comp: or,
+  comp: sl,
   props: {
     pageCommon: [y, O, wn],
     compCommon: [y, O, wn]
@@ -3288,7 +3299,7 @@ const wn = {
   events: [],
   methods: [],
   slots: [],
-  spawn: ul
+  spawn: cr
 };
 C(xe);
 const Vn = {
@@ -3308,10 +3319,10 @@ const Vn = {
       default: ""
     }
   ]
-}, cl = {
+}, dr = {
   key: Ue,
   name: "x-runtime-lib.checkbox",
-  comp: sr,
+  comp: ll,
   props: {
     pageCommon: [y, Vn],
     compCommon: [y, Vn]
@@ -3321,8 +3332,8 @@ const Vn = {
   slots: [],
   leaf: !0
 };
-C(cl);
-const dl = F(K), $n = {
+C(dr);
+const mr = F(K), $n = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3395,12 +3406,12 @@ const dl = F(K), $n = {
       ui: "switch",
       default: !1
     },
-    dl
+    mr
   ]
 }, $t = {
   key: Oe,
   name: "x-runtime-lib.chip",
-  comp: rr,
+  comp: rl,
   props: {
     pageCommon: [y, $n],
     compCommon: [y, $n]
@@ -3411,19 +3422,19 @@ const dl = F(K), $n = {
   leaf: !0
 };
 C($t);
-function ml(t, e) {
-  const i = `type=${t} subtype=${e}`, r = L(t, e);
-  if (!r) {
+function pr(t, e) {
+  const i = `type=${t} subtype=${e}`, l = L(t, e);
+  if (!l) {
     console.error(`chipGroupV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = It.props[r];
-  if (!l) {
+  const r = It.props[l];
+  if (!r) {
     console.error(`chipGroupV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, l), o.basic.id = P(16), o.basic.key = It.key, o.children = [
+  return W(o, r), o.basic.id = P(16), o.basic.key = It.key, o.children = [
     de(t, e, "chip1", "chip 1"),
     de(t, e, "chip2", "chip 2"),
     de(t, e, "chip3", "chip 3"),
@@ -3432,19 +3443,19 @@ function ml(t, e) {
     de(t, e, "chip6", "chip 6")
   ], o;
 }
-function de(t, e, i, r) {
-  const l = `type=${t} subtype=${e}`, o = L(t, e);
+function de(t, e, i, l) {
+  const r = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
-    console.error(`chipGroupV1/spawnChip prop tag not found, ${l}`);
+    console.error(`chipGroupV1/spawnChip prop tag not found, ${r}`);
     return;
   }
   const a = $t.props[o];
   if (!a) {
-    console.error(`chipGroupV1/spawnChip props not found, ${l}`);
+    console.error(`chipGroupV1/spawnChip props not found, ${r}`);
     return;
   }
   const c = {};
-  return W(c, a), c.basic.id = P(16), c.basic.key = $t.key, c.settings.value = i, c.settings.text = r, c;
+  return W(c, a), c.basic.id = P(16), c.basic.key = $t.key, c.settings.value = i, c.settings.text = l, c;
 }
 const In = {
   key: "settings",
@@ -3503,7 +3514,7 @@ const In = {
 }, It = {
   key: Ke,
   name: "x-runtime-lib.chipGroup",
-  comp: lr,
+  comp: al,
   props: {
     pageCommon: [y, In],
     compCommon: [y, In]
@@ -3511,13 +3522,13 @@ const In = {
   events: [],
   methods: [],
   slots: [],
-  spawn: ml
+  spawn: pr
 };
 C(It);
-const pl = {
+const fr = {
   key: Je,
   name: "x-runtime-lib.colorPicker",
-  comp: ar,
+  comp: ul,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -3527,7 +3538,7 @@ const pl = {
   slots: [],
   leaf: !0
 };
-C(pl);
+C(fr);
 const Cn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -3569,10 +3580,10 @@ const Cn = {
       default: !1
     }
   ]
-}, fl = {
+}, br = {
   key: Xe,
   name: "x-runtime-lib.combobox",
-  comp: ur,
+  comp: cl,
   props: {
     pageCommon: [y, Cn],
     compCommon: [y, Cn]
@@ -3582,7 +3593,7 @@ const Cn = {
   slots: [],
   leaf: !0
 };
-C(fl);
+C(br);
 const en = F(K);
 en.key = "backgroundColor";
 en.name = "x-runtime-lib.backgroundColor";
@@ -3593,7 +3604,7 @@ const Sn = {
 }, Ct = {
   key: Ye,
   name: "x-runtime-lib.container",
-  comp: cr,
+  comp: dl,
   props: {
     pageCommon: [y, O, me, pe, fe, Sn],
     compCommon: [y, O, me, pe, fe, Sn]
@@ -3761,10 +3772,10 @@ const Tn = {
       defaultArray: []
     }
   ]
-}, bl = {
+}, yr = {
   key: Ze,
   name: "x-runtime-lib.dataTable",
-  comp: dr,
+  comp: ml,
   props: {
     pageCommon: [y, Tn, zn, An],
     compCommon: [y, Tn, zn, An]
@@ -3774,11 +3785,11 @@ const Tn = {
   slots: [],
   leaf: !0
 };
-C(bl);
-const yl = {
+C(yr);
+const hr = {
   key: qe,
   name: "x-runtime-lib.datePicker",
-  comp: fr,
+  comp: bl,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -3788,11 +3799,11 @@ const yl = {
   slots: [],
   leaf: !0
 };
-C(yl);
-const hl = {
+C(hr);
+const gr = {
   key: Qe,
   name: "x-runtime-lib.dialog",
-  comp: yr,
+  comp: hl,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -3815,15 +3826,15 @@ const hl = {
   slots: [],
   teleport: !0
 };
-C(hl);
+C(gr);
 const Pn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, qa = {
+}, eu = {
   key: et,
   name: "x-runtime-lib.fileInput",
-  comp: hr,
+  comp: gl,
   props: {
     pageCommon: [y, Pn],
     compCommon: [y, Pn]
@@ -3852,7 +3863,7 @@ const Pn = {
 }, St = {
   key: Ri,
   name: "x-runtime-lib.flexLayoutEntry",
-  comp: xr,
+  comp: vl,
   props: {
     pageCommon: [y, O, Wn],
     compCommon: [y, O, Wn]
@@ -3862,19 +3873,19 @@ const Pn = {
   slots: []
 };
 C(St);
-function gl(t, e) {
-  const i = `type=${t} subtype=${e}`, r = L(t, e);
-  if (!r) {
+function xr(t, e) {
+  const i = `type=${t} subtype=${e}`, l = L(t, e);
+  if (!l) {
     console.error(`flexLayoutV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = ve.props[r];
-  if (!l) {
+  const r = ve.props[l];
+  if (!r) {
     console.error(`flexLayoutV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, l), o.basic.id = P(16), o.basic.key = ve.key, o.children = [
+  return W(o, r), o.basic.id = P(16), o.basic.key = ve.key, o.children = [
     Tt(
       t,
       e,
@@ -3895,10 +3906,10 @@ function gl(t, e) {
       "60px",
       void 0
     ),
-    xl(t, e)
+    vr(t, e)
   ], o;
 }
-function Tt(t, e, i, r, l, o, a, c, p) {
+function Tt(t, e, i, l, r, o, a, c, p) {
   const b = `type=${t} subtype=${e}`, u = L(t, e);
   if (!u) {
     console.error(
@@ -3912,16 +3923,16 @@ function Tt(t, e, i, r, l, o, a, c, p) {
     return;
   }
   const m = {};
-  return W(m, d), m.basic.id = P(16), m.basic.key = Ct.key, r && (m.size.width = r), l && (m.size.minWidth = l), a && (m.size.height = a), c && (m.size.minHeight = c), console.log(m), i && (m.settings.backgroundColor.mode = "custom", m.settings.backgroundColor.custom.light = i, m.settings.backgroundColor.custom.dark = i), m.children = [], m;
+  return W(m, d), m.basic.id = P(16), m.basic.key = Ct.key, l && (m.size.width = l), r && (m.size.minWidth = r), a && (m.size.height = a), c && (m.size.minHeight = c), 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 xl(t, e) {
-  const i = `type=${t} subtype=${e}`, r = L(t, e);
-  if (!r) {
+function vr(t, e) {
+  const i = `type=${t} subtype=${e}`, l = L(t, e);
+  if (!l) {
     console.error(`flexLayoutV1/spawnEntry prop tag not found, ${i}`);
     return;
   }
-  const l = St.props[r];
-  if (!l) {
+  const r = St.props[l];
+  if (!r) {
     console.error(`flexLayoutV1/spawnEntry props not found, ${i}`);
     return;
   }
@@ -3931,7 +3942,7 @@ function xl(t, e) {
       key: ""
     }
   };
-  return W(o, l), o.basic.id = P(16), o.basic.key = St.key, o.children = [
+  return W(o, r), o.basic.id = P(16), o.basic.key = St.key, o.children = [
     Tt(
       t,
       e,
@@ -4120,7 +4131,7 @@ const Ln = {
 }, ve = {
   key: tt,
   name: "x-runtime-lib.flexLayout",
-  comp: gr,
+  comp: xl,
   props: {
     pageCommon: [y, O, me, pe, fe, Ln],
     compCommon: [y, O, me, pe, fe, Ln]
@@ -4134,7 +4145,7 @@ const Ln = {
   ],
   methods: [],
   slots: [],
-  spawn: gl
+  spawn: xr
 };
 C(ve);
 const Bn = {
@@ -4290,7 +4301,7 @@ const Bn = {
 }, zt = {
   key: xt,
   name: "x-runtime-lib.textField",
-  comp: Or,
+  comp: Kl,
   props: {
     pageCommon: [y, Bn, Nn],
     compCommon: [y, Bn, Nn]
@@ -4326,33 +4337,33 @@ const Bn = {
   leaf: !0
 };
 C(zt);
-function vl(t, e) {
-  const i = `type=${t} subtype=${e}`, r = L(t, e);
-  if (!r) {
+function kr(t, e) {
+  const i = `type=${t} subtype=${e}`, l = L(t, e);
+  if (!l) {
     console.error(`formV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = At.props[r];
-  if (!l) {
+  const r = At.props[l];
+  if (!r) {
     console.error(`formV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, l), o.basic.id = P(16), o.basic.key = At.key, o.children = [kl(t, e)], o;
+  return W(o, r), o.basic.id = P(16), o.basic.key = At.key, o.children = [_r(t, e)], o;
 }
-function kl(t, e) {
-  const i = `type=${t} subtype=${e}`, r = L(t, e);
-  if (!r) {
+function _r(t, e) {
+  const i = `type=${t} subtype=${e}`, l = L(t, e);
+  if (!l) {
     console.error(`formV1/spawnTextField prop tag not found, ${i}`);
     return;
   }
-  const l = zt.props[r];
-  if (!l) {
+  const r = zt.props[l];
+  if (!r) {
     console.error(`formV1/spawnTextField props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, l), o.basic.id = P(16), o.basic.key = zt.key, o;
+  return W(o, r), o.basic.id = P(16), o.basic.key = zt.key, o;
 }
 const Rn = {
   key: "settings",
@@ -4375,7 +4386,7 @@ const Rn = {
 }, At = {
   key: nt,
   name: "x-runtime-lib.form",
-  comp: vr,
+  comp: kl,
   props: {
     pageCommon: [y, O, me, pe, fe, Rn],
     compCommon: [y, O, me, pe, fe, Rn]
@@ -4389,10 +4400,10 @@ const Rn = {
   ],
   methods: [],
   slots: [],
-  spawn: vl
+  spawn: kr
 };
 C(At);
-const _l = F(K), Dn = {
+const wr = F(K), Dn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4415,12 +4426,12 @@ const _l = F(K), Dn = {
       items: "sizeItemsV1",
       default: "default"
     },
-    _l
+    wr
   ]
-}, wl = {
+}, Vr = {
   key: it,
   name: "x-runtime-lib.icon",
-  comp: kr,
+  comp: _l,
   props: {
     pageCommon: [y, Dn],
     compCommon: [y, Dn]
@@ -4430,11 +4441,11 @@ const _l = F(K), Dn = {
   slots: [],
   leaf: !0
 };
-C(wl);
-const Vl = {
-  key: rt,
+C(Vr);
+const $r = {
+  key: lt,
   name: "x-runtime-lib.menu",
-  comp: wr,
+  comp: Vl,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -4457,20 +4468,20 @@ const Vl = {
   slots: [],
   teleport: !0
 };
-C(Vl);
-function $l(t, e) {
-  const i = `type=${t} subtype=${e}`, r = L(t, e);
-  if (!r) {
+C($r);
+function Ir(t, e) {
+  const i = `type=${t} subtype=${e}`, l = L(t, e);
+  if (!l) {
     console.error(`numberInputV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = Pt.props[r];
-  if (!l) {
+  const r = Pt.props[l];
+  if (!r) {
     console.error(`numberInputV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, l), o.basic.id = P(16), o.basic.key = Pt.key, o.settings.label = "label", o.settings.placeholder = "placeholder", o;
+  return W(o, r), o.basic.id = P(16), o.basic.key = Pt.key, o.settings.label = "label", o.settings.placeholder = "placeholder", o;
 }
 const En = {
   key: "size",
@@ -4640,9 +4651,9 @@ const En = {
     }
   ]
 }, Pt = {
-  key: lt,
+  key: rt,
   name: "x-runtime-lib.numberInput",
-  comp: Vr,
+  comp: $l,
   props: {
     pageCommon: [y, En, Fn],
     compCommon: [y, En, Fn]
@@ -4677,7 +4688,7 @@ const En = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: $l
+  spawn: Ir
 };
 C(Pt);
 const Mn = {
@@ -4743,10 +4754,10 @@ const Mn = {
       default: !1
     }
   ]
-}, Il = {
+}, Cr = {
   key: at,
   name: "x-runtime-lib.pagination",
-  comp: $r,
+  comp: Il,
   props: {
     pageCommon: [y, Mn],
     compCommon: [y, Mn]
@@ -4756,8 +4767,8 @@ const Mn = {
   slots: [],
   leaf: !0
 };
-C(Il);
-const Cl = F(K), Hn = {
+C(Cr);
+const Sr = F(K), Hn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4792,12 +4803,12 @@ const Cl = F(K), Hn = {
       items: "densityItemsV1",
       default: "default"
     },
-    Cl
+    Sr
   ]
 }, Wt = {
   key: Di,
   name: "x-runtime-lib.radio",
-  comp: Ir,
+  comp: Cl,
   props: {
     pageCommon: [y, Hn],
     compCommon: [y, Hn]
@@ -4808,37 +4819,37 @@ const Cl = F(K), Hn = {
   leaf: !0
 };
 C(Wt);
-function Sl(t, e) {
-  const i = `type=${t} subtype=${e}`, r = L(t, e);
-  if (!r) {
+function Tr(t, e) {
+  const i = `type=${t} subtype=${e}`, l = L(t, e);
+  if (!l) {
     console.error(`radioGroupV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = Lt.props[r];
-  if (!l) {
+  const r = Lt.props[l];
+  if (!r) {
     console.error(`radioGroupV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, l), o.basic.id = P(16), o.basic.key = Lt.key, o.children = [
+  return W(o, r), o.basic.id = P(16), o.basic.key = Lt.key, o.children = [
     We(t, e, "option1", "Option 1"),
     We(t, e, "option2", "Option 2"),
     We(t, e, "option3", "Option 3")
   ], o.settings.value = "option1", o;
 }
-function We(t, e, i, r) {
-  const l = `type=${t} subtype=${e}`, o = L(t, e);
+function We(t, e, i, l) {
+  const r = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
-    console.error(`radioGroupV1/spawnEntry prop tag not found, ${l}`);
+    console.error(`radioGroupV1/spawnEntry prop tag not found, ${r}`);
     return;
   }
   const a = Wt.props[o];
   if (!a) {
-    console.error(`radioGroupV1/spawnEntry props not found, ${l}`);
+    console.error(`radioGroupV1/spawnEntry props not found, ${r}`);
     return;
   }
   const c = {};
-  return W(c, a), c.basic.id = P(16), c.basic.key = Wt.key, c.settings.value = i, c.settings.label = r, c;
+  return W(c, a), c.basic.id = P(16), c.basic.key = Wt.key, c.settings.value = i, c.settings.label = l, c;
 }
 const jn = {
   key: "settings",
@@ -4886,7 +4897,7 @@ const jn = {
 }, Lt = {
   key: ut,
   name: "x-runtime-lib.radioGroup",
-  comp: Cr,
+  comp: Sl,
   props: {
     pageCommon: [y, jn],
     compCommon: [y, jn]
@@ -4894,7 +4905,7 @@ const jn = {
   events: [],
   methods: [],
   slots: [],
-  spawn: Sl
+  spawn: Tr
 };
 C(Lt);
 const Gn = {
@@ -5014,10 +5025,10 @@ const Gn = {
       ]
     }
   ]
-}, Tl = {
+}, zr = {
   key: ct,
   name: "x-runtime-lib.rangeSlider",
-  comp: Sr,
+  comp: Tl,
   props: {
     pageCommon: [y, Gn],
     compCommon: [y, Gn]
@@ -5027,7 +5038,7 @@ const Gn = {
   slots: [],
   leaf: !0
 };
-C(Tl);
+C(zr);
 const Un = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5083,10 +5094,10 @@ const Un = {
       default: !1
     }
   ]
-}, zl = {
+}, Ar = {
   key: dt,
   name: "x-runtime-lib.rating",
-  comp: Tr,
+  comp: zl,
   props: {
     pageCommon: [y, Un],
     compCommon: [y, Un]
@@ -5096,7 +5107,7 @@ const Un = {
   slots: [],
   leaf: !0
 };
-C(zl);
+C(Ar);
 const On = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5138,10 +5149,10 @@ const On = {
       default: !1
     }
   ]
-}, Al = {
+}, Pr = {
   key: mt,
   name: "x-runtime-lib.select",
-  comp: zr,
+  comp: Al,
   props: {
     pageCommon: [y, On],
     compCommon: [y, On]
@@ -5151,7 +5162,7 @@ const On = {
   slots: [],
   leaf: !0
 };
-C(Al);
+C(Pr);
 const nn = F(K);
 nn.key = "color";
 nn.name = "x-runtime-lib.color";
@@ -5287,10 +5298,10 @@ const Kn = {
       default: void 0
     }
   ]
-}, Pl = {
+}, Wr = {
   key: pt,
   name: "x-runtime-lib.slider",
-  comp: Ar,
+  comp: Pl,
   props: {
     pageCommon: [y, Kn, Jn],
     compCommon: [y, Kn, Jn]
@@ -5300,11 +5311,11 @@ const Kn = {
   slots: [],
   leaf: !0
 };
-C(Pl);
+C(Wr);
 const Bt = {
   key: Ei,
   name: "x-runtime-lib.stepperHeader",
-  comp: Br,
+  comp: Nl,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -5328,7 +5339,7 @@ const Xn = {
 }, Nt = {
   key: Fi,
   name: "x-runtime-lib.stepperItem",
-  comp: Nr,
+  comp: Rl,
   props: {
     pageCommon: [y, Xn],
     compCommon: [y, Xn]
@@ -5341,7 +5352,7 @@ C(Nt);
 const Rt = {
   key: Mi,
   name: "x-runtime-lib.stepperWindow",
-  comp: Er,
+  comp: Fl,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -5365,7 +5376,7 @@ const Yn = {
 }, Dt = {
   key: Hi,
   name: "x-runtime-lib.stepperWindowItem",
-  comp: Fr,
+  comp: Ml,
   props: {
     pageCommon: [y, Yn],
     compCommon: [y, Yn]
@@ -5375,93 +5386,93 @@ const Yn = {
   slots: []
 };
 C(Dt);
-function Wl(t, e) {
-  const i = `type=${t} subtype=${e}`, r = L(t, e);
-  if (!r) {
+function Lr(t, e) {
+  const i = `type=${t} subtype=${e}`, l = L(t, e);
+  if (!l) {
     console.error(`stepperV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = Et.props[r];
-  if (!l) {
+  const r = Et.props[l];
+  if (!r) {
     console.error(`stepperV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, l), o.basic.id = P(16), o.basic.key = Et.key, o.children = [Ll(t, e), Bl(t, e)], o;
+  return W(o, r), o.basic.id = P(16), o.basic.key = Et.key, o.children = [Br(t, e), Nr(t, e)], o;
 }
-function Ll(t, e) {
-  const i = `type=${t} subtype=${e}`, r = L(t, e);
-  if (!r) {
+function Br(t, e) {
+  const i = `type=${t} subtype=${e}`, l = L(t, e);
+  if (!l) {
     console.error(`stepperV1/spawnHeader prop tag not found, ${i}`);
     return;
   }
-  const l = Bt.props[r];
-  if (!l) {
+  const r = Bt.props[l];
+  if (!r) {
     console.error(`stepperV1/spawnHeader props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, l), o.basic.id = P(16), o.basic.key = Bt.key, o.children = [
+  return W(o, r), o.basic.id = P(16), o.basic.key = Bt.key, o.children = [
     Le(t, e, "step1"),
     Le(t, e, "step2"),
     Le(t, e, "step3")
   ], o;
 }
 function Le(t, e, i) {
-  const r = `type=${t} subtype=${e}`, l = L(t, e);
-  if (!l) {
-    console.error(`stepperV1/spawnItem prop tag not found, ${r}`);
+  const l = `type=${t} subtype=${e}`, r = L(t, e);
+  if (!r) {
+    console.error(`stepperV1/spawnItem prop tag not found, ${l}`);
     return;
   }
-  const o = Nt.props[l];
+  const o = Nt.props[r];
   if (!o) {
-    console.error(`stepperV1/spawnItem props not found, ${r}`);
+    console.error(`stepperV1/spawnItem props not found, ${l}`);
     return;
   }
   const a = {};
   return W(a, o), a.basic.id = P(16), a.basic.key = Nt.key, a.children = [], a.settings.value = i, a;
 }
-function Bl(t, e) {
-  const i = `type=${t} subtype=${e}`, r = L(t, e);
-  if (!r) {
+function Nr(t, e) {
+  const i = `type=${t} subtype=${e}`, l = L(t, e);
+  if (!l) {
     console.error(`stepperV1/spawnWindow prop tag not found, ${i}`);
     return;
   }
-  const l = Rt.props[r];
-  if (!l) {
+  const r = Rt.props[l];
+  if (!r) {
     console.error(`stepperV1/spawnWindow props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, l), o.basic.id = P(16), o.basic.key = Rt.key, o.children = [
+  return W(o, r), o.basic.id = P(16), o.basic.key = Rt.key, o.children = [
     Be(t, e, "step1", "step 1"),
     Be(t, e, "step2", "step 2"),
     Be(t, e, "step3", "step 3")
   ], o;
 }
-function Be(t, e, i, r) {
-  const l = `type=${t} subtype=${e}`, o = L(t, e);
+function Be(t, e, i, l) {
+  const r = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
-    console.error(`stepperV1/spawnWindowItem prop tag not found, ${l}`);
+    console.error(`stepperV1/spawnWindowItem prop tag not found, ${r}`);
     return;
   }
   const a = Dt.props[o];
   if (!a) {
-    console.error(`stepperV1/spawnWindowItem props not found, ${l}`);
+    console.error(`stepperV1/spawnWindowItem props not found, ${r}`);
     return;
   }
   const c = {};
-  return W(c, a), c.basic.id = P(16), c.basic.key = Dt.key, c.children = [Nl(t, e, r)], c.settings.value = i, c;
+  return W(c, a), c.basic.id = P(16), c.basic.key = Dt.key, c.children = [Rr(t, e, l)], c.settings.value = i, c;
 }
-function Nl(t, e, i) {
-  const r = `type=${t} subtype=${e}`, l = L(t, e);
-  if (!l) {
-    console.error(`stepperV1/spawnCard prop tag not found, ${r}`);
+function Rr(t, e, i) {
+  const l = `type=${t} subtype=${e}`, r = L(t, e);
+  if (!r) {
+    console.error(`stepperV1/spawnCard prop tag not found, ${l}`);
     return;
   }
-  const o = xe.props[l];
+  const o = xe.props[r];
   if (!o) {
-    console.error(`stepperV1/spawnCard props not found, ${r}`);
+    console.error(`stepperV1/spawnCard props not found, ${l}`);
     return;
   }
   const a = {};
@@ -5487,7 +5498,7 @@ const Zn = {
 }, Et = {
   key: ft,
   name: "x-runtime-lib.stepper",
-  comp: Pr,
+  comp: Wl,
   props: {
     pageCommon: [y, Zn],
     compCommon: [y, Zn]
@@ -5495,13 +5506,13 @@ const Zn = {
   events: [],
   methods: [],
   slots: [],
-  spawn: Wl
+  spawn: Lr
 };
 C(Et);
-const Rl = {
+const Dr = {
   key: bt,
   name: "x-runtime-lib.switch",
-  comp: Mr,
+  comp: Hl,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -5511,7 +5522,7 @@ const Rl = {
   slots: [],
   leaf: !0
 };
-C(Rl);
+C(Dr);
 const qn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5532,7 +5543,7 @@ const qn = {
 }, Ft = {
   key: ji,
   name: "x-runtime-lib.tab",
-  comp: Hr,
+  comp: jl,
   props: {
     pageCommon: [y, qn],
     compCommon: [y, qn]
@@ -5543,44 +5554,44 @@ const qn = {
   leaf: !0
 };
 C(Ft);
-function Dl(t, e) {
-  const i = `type=${t} subtype=${e}`, r = L(t, e);
-  if (!r) {
+function Er(t, e) {
+  const i = `type=${t} subtype=${e}`, l = L(t, e);
+  if (!l) {
     console.error(`tabsV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = Mt.props[r];
-  if (!l) {
+  const r = Mt.props[l];
+  if (!r) {
     console.error(`tabsV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, l), o.basic.id = P(16), o.basic.key = Mt.key, o.children = [
+  return W(o, r), o.basic.id = P(16), o.basic.key = Mt.key, o.children = [
     Ne(t, e, "tab1", "tab 1"),
     Ne(t, e, "tab2", "tab 2"),
     Ne(t, e, "tab3", "tab 3")
   ], o;
 }
-function Ne(t, e, i, r) {
-  const l = `type=${t} subtype=${e}`, o = L(t, e);
+function Ne(t, e, i, l) {
+  const r = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
-    console.error(`tabsV1/spawnTab prop tag not found, ${l}`);
+    console.error(`tabsV1/spawnTab prop tag not found, ${r}`);
     return;
   }
   const a = Ft.props[o];
   if (!a) {
-    console.error(`tabsV1/spawnTab props not found, ${l}`);
+    console.error(`tabsV1/spawnTab props not found, ${r}`);
     return;
   }
   const c = {};
-  return W(c, a), c.basic.id = P(16), c.basic.key = Ft.key, c.settings.value = i, c.settings.text = r, c;
+  return W(c, a), c.basic.id = P(16), c.basic.key = Ft.key, c.settings.value = i, c.settings.text = l, c;
 }
-const rn = F(K);
-rn.key = "backgroundColor";
-rn.name = "x-runtime-lib.backgroundColor";
 const ln = F(K);
-ln.key = "selectedColor";
-ln.name = "x-runtime-lib.selectedColor";
+ln.key = "backgroundColor";
+ln.name = "x-runtime-lib.backgroundColor";
+const rn = F(K);
+rn.key = "selectedColor";
+rn.name = "x-runtime-lib.selectedColor";
 const an = F(K);
 an.key = "sliderColor";
 an.name = "x-runtime-lib.sliderColor";
@@ -5660,13 +5671,13 @@ const Qn = {
     {
       key: "color",
       name: "x-runtime-lib.color",
-      children: [rn, ln, an]
+      children: [ln, rn, an]
     }
   ]
 }, Mt = {
   key: yt,
   name: "x-runtime-lib.tabs",
-  comp: jr,
+  comp: Gl,
   props: {
     pageCommon: [y, Qn],
     compCommon: [y, Qn]
@@ -5674,22 +5685,22 @@ const Qn = {
   events: [],
   methods: [],
   slots: [],
-  spawn: Dl
+  spawn: Er
 };
 C(Mt);
-function El(t, e) {
-  const i = `type=${t} subtype=${e}`, r = L(t, e);
-  if (!r) {
+function Fr(t, e) {
+  const i = `type=${t} subtype=${e}`, l = L(t, e);
+  if (!l) {
     console.error(`textV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = ae.props[r];
-  if (!l) {
+  const r = ae.props[l];
+  if (!r) {
     console.error(`textV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, l), o.basic.id = P(16), o.basic.key = ae.key, o.settings.text = "text", o;
+  return W(o, r), o.basic.id = P(16), o.basic.key = ae.key, o.settings.text = "text", o;
 }
 const ei = {
   key: "settings",
@@ -5780,7 +5791,7 @@ const ei = {
 }, ae = {
   key: ht,
   name: "x-runtime-lib.text",
-  comp: Gr,
+  comp: Ul,
   props: {
     pageCommon: [y, ei],
     compCommon: [y, ei]
@@ -5789,22 +5800,22 @@ const ei = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: El
+  spawn: Fr
 };
 C(ae);
-function Fl(t, e) {
-  const i = `type=${t} subtype=${e}`, r = L(t, e);
-  if (!r) {
+function Mr(t, e) {
+  const i = `type=${t} subtype=${e}`, l = L(t, e);
+  if (!l) {
     console.error(`textareaV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = Ht.props[r];
-  if (!l) {
+  const r = Ht.props[l];
+  if (!r) {
     console.error(`textareaV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, l), o.basic.id = P(16), o.basic.key = Ht.key, o.settings.label = "label", o;
+  return W(o, r), o.basic.id = P(16), o.basic.key = Ht.key, o.settings.label = "label", o;
 }
 const ti = {
   key: "settings",
@@ -5880,7 +5891,7 @@ const ti = {
 }, Ht = {
   key: gt,
   name: "x-runtime-lib.textarea",
-  comp: Ur,
+  comp: Ol,
   props: {
     pageCommon: [y, ti],
     compCommon: [y, ti]
@@ -5889,13 +5900,13 @@ const ti = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Fl
+  spawn: Mr
 };
 C(Ht);
 const jt = {
   key: Gi,
   name: "x-runtime-lib.timelineItem",
-  comp: Yr,
+  comp: Zl,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -5905,53 +5916,53 @@ const jt = {
   slots: []
 };
 C(jt);
-function Ml(t, e) {
-  const i = `type=${t} subtype=${e}`, r = L(t, e);
-  if (!r) {
+function Hr(t, e) {
+  const i = `type=${t} subtype=${e}`, l = L(t, e);
+  if (!l) {
     console.error(`timelineV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = Gt.props[r];
-  if (!l) {
+  const r = Gt.props[l];
+  if (!r) {
     console.error(`timelineV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, l), o.basic.id = P(16), o.basic.key = Gt.key, o.children = [
+  return W(o, r), o.basic.id = P(16), o.basic.key = Gt.key, o.children = [
     Re(t, e, "timeline 1"),
     Re(t, e, "timeline 2"),
     Re(t, e, "timeline 3")
   ], o;
 }
 function Re(t, e, i) {
-  const r = `type=${t} subtype=${e}`, l = L(t, e);
-  if (!l) {
-    console.error(`timelineV1/spawnEntry prop tag not found, ${r}`);
+  const l = `type=${t} subtype=${e}`, r = L(t, e);
+  if (!r) {
+    console.error(`timelineV1/spawnEntry prop tag not found, ${l}`);
     return;
   }
-  const o = jt.props[l];
+  const o = jt.props[r];
   if (!o) {
-    console.error(`timelineV1/spawnEntry props not found, ${r}`);
+    console.error(`timelineV1/spawnEntry props not found, ${l}`);
     return;
   }
   const a = {};
-  return W(a, o), a.basic.id = P(16), a.basic.key = jt.key, a.children = [Hl(t, e, i)], a;
+  return W(a, o), a.basic.id = P(16), a.basic.key = jt.key, a.children = [jr(t, e, i)], a;
 }
-function Hl(t, e, i) {
-  const r = `type=${t} subtype=${e}`, l = L(t, e);
-  if (!l) {
-    console.error(`timelineV1/spawnText prop tag not found, ${r}`);
+function jr(t, e, i) {
+  const l = `type=${t} subtype=${e}`, r = L(t, e);
+  if (!r) {
+    console.error(`timelineV1/spawnText prop tag not found, ${l}`);
     return;
   }
-  const o = ae.props[l];
+  const o = ae.props[r];
   if (!o) {
-    console.error(`timelineV1/spawnText props not found, ${r}`);
+    console.error(`timelineV1/spawnText props not found, ${l}`);
     return;
   }
   const a = {};
   return W(a, o), a.basic.id = P(16), a.basic.key = ae.key, a.settings.text = i, a;
 }
-const jl = F(K), Gl = F(K), ni = {
+const Gr = F(K), Ur = F(K), ni = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5999,7 +6010,7 @@ const jl = F(K), Gl = F(K), ni = {
           ui: "switch",
           default: !1
         },
-        jl
+        Gr
       ]
     },
     {
@@ -6025,14 +6036,14 @@ const jl = F(K), Gl = F(K), ni = {
           ui: "numInput",
           default: 0
         },
-        Gl
+        Ur
       ]
     }
   ]
 }, Gt = {
   key: vt,
   name: "x-runtime-lib.timeline",
-  comp: Kr,
+  comp: Jl,
   props: {
     pageCommon: [y, ni],
     compCommon: [y, ni]
@@ -6040,13 +6051,13 @@ const jl = F(K), Gl = F(K), ni = {
   events: [],
   methods: [],
   slots: [],
-  spawn: Ml
+  spawn: Hr
 };
 C(Gt);
 const Ut = {
   key: Ui,
   name: "x-runtime-lib.windowItem",
-  comp: el,
+  comp: tr,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -6056,61 +6067,61 @@ const Ut = {
   slots: []
 };
 C(Ut);
-function Ul(t, e) {
-  const i = `type=${t} subtype=${e}`, r = L(t, e);
-  if (!r) {
+function Or(t, e) {
+  const i = `type=${t} subtype=${e}`, l = L(t, e);
+  if (!l) {
     console.error(`windowV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = Ot.props[r];
-  if (!l) {
+  const r = Ot.props[l];
+  if (!r) {
     console.error(`windowV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, l), o.basic.id = P(16), o.basic.key = Ot.key, o.children = [
+  return W(o, r), o.basic.id = P(16), o.basic.key = Ot.key, o.children = [
     De(t, e, "window 1"),
     De(t, e, "window 2"),
     De(t, e, "window 3")
   ], o;
 }
 function De(t, e, i) {
-  const r = `type=${t} subtype=${e}`, l = L(t, e);
-  if (!l) {
-    console.error(`windowV1/spawnEntry prop tag not found, ${r}`);
+  const l = `type=${t} subtype=${e}`, r = L(t, e);
+  if (!r) {
+    console.error(`windowV1/spawnEntry prop tag not found, ${l}`);
     return;
   }
-  const o = Ut.props[l];
+  const o = Ut.props[r];
   if (!o) {
-    console.error(`windowV1/spawnEntry props not found, ${r}`);
+    console.error(`windowV1/spawnEntry props not found, ${l}`);
     return;
   }
   const a = {};
-  return W(a, o), a.basic.id = P(16), a.basic.key = Ut.key, a.children = [Ol(t, e, i)], a;
+  return W(a, o), a.basic.id = P(16), a.basic.key = Ut.key, a.children = [Kr(t, e, i)], a;
 }
-function Ol(t, e, i) {
-  const r = `type=${t} subtype=${e}`, l = L(t, e);
-  if (!l) {
-    console.error(`windowV1/spawnFlexLayout prop tag not found, ${r}`);
+function Kr(t, e, i) {
+  const l = `type=${t} subtype=${e}`, r = L(t, e);
+  if (!r) {
+    console.error(`windowV1/spawnFlexLayout prop tag not found, ${l}`);
     return;
   }
-  const o = ve.props[l];
+  const o = ve.props[r];
   if (!o) {
-    console.error(`windowV1/spawnFlexLayout props not found, ${r}`);
+    console.error(`windowV1/spawnFlexLayout props not found, ${l}`);
     return;
   }
   const a = {};
-  return W(a, o), a.basic.id = P(16), a.basic.key = ve.key, a.size.height = "200px", a.settings.mainAlign.xs = "center", a.settings.crossAlign.xs = "center", a.settings.backgroundColor.mode = "theme", a.settings.backgroundColor.theme = "background2", a.children = [Kl(t, e, i)], a;
+  return W(a, o), a.basic.id = P(16), a.basic.key = ve.key, a.size.height = "200px", a.settings.mainAlign.xs = "center", a.settings.crossAlign.xs = "center", a.settings.backgroundColor.mode = "theme", a.settings.backgroundColor.theme = "background2", a.children = [Jr(t, e, i)], a;
 }
-function Kl(t, e, i) {
-  const r = `type=${t} subtype=${e}`, l = L(t, e);
-  if (!l) {
-    console.error(`windowV1/spawnText prop tag not found, ${r}`);
+function Jr(t, e, i) {
+  const l = `type=${t} subtype=${e}`, r = L(t, e);
+  if (!r) {
+    console.error(`windowV1/spawnText prop tag not found, ${l}`);
     return;
   }
-  const o = ae.props[l];
+  const o = ae.props[r];
   if (!o) {
-    console.error(`windowV1/spawnText props not found, ${r}`);
+    console.error(`windowV1/spawnText props not found, ${l}`);
     return;
   }
   const a = {};
@@ -6167,7 +6178,7 @@ const ii = {
 }, Ot = {
   key: kt,
   name: "x-runtime-lib.window",
-  comp: Zr,
+  comp: ql,
   props: {
     pageCommon: [y, ii],
     compCommon: [y, ii]
@@ -6175,36 +6186,36 @@ const ii = {
   events: [],
   methods: [],
   slots: [],
-  spawn: Ul
+  spawn: Or
 };
 C(Ot);
-const Jl = [
+const Xr = [
   { title: "x-runtime-lib.title", value: "title" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" }
-], Xl = [
+], Yr = [
   { title: "x-runtime-lib.value", value: "value" },
   { title: "x-runtime-lib.category", value: "category" },
   { title: "x-runtime-lib.time", value: "time" },
   { title: "x-runtime-lib.log", value: "log" }
-], Yl = [
+], Zr = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.solid", value: "solid" },
   { title: "x-runtime-lib.dashed", value: "dashed" },
   { title: "x-runtime-lib.dotted", value: "dotted" }
-], Zl = [
+], qr = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.theme", value: "theme" },
   { title: "x-runtime-lib.custom", value: "custom" }
-], ql = [
+], Qr = [
   { title: "x-runtime-lib.default", value: "default" },
   { title: "x-runtime-lib.comfortable", value: "comfortable" },
   { title: "x-runtime-lib.compact", value: "compact" }
-], Ql = [
+], ea = [
   { title: "x-runtime-lib.horizontal", value: "horizontal" },
   { title: "x-runtime-lib.vertical", value: "vertical" }
-], ea = [
+], ta = [
   { title: "x-runtime-lib.underlined", value: "underlined" },
   { title: "x-runtime-lib.outlined", value: "outlined" },
   { title: "x-runtime-lib.filled", value: "filled" },
@@ -6212,20 +6223,20 @@ const Jl = [
   { title: "x-runtime-lib.soloInverted", value: "solo-inverted" },
   { title: "x-runtime-lib.soloFilled", value: "solo-filled" },
   { title: "x-runtime-lib.plain", value: "plain" }
-], ta = [
+], na = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.center", value: "center" },
   { title: "x-runtime-lib.baseline", value: "baseline" },
   { title: "x-runtime-lib.stretch", value: "stretch" }
-], na = [
+], ia = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.row", value: "row" },
   { title: "x-runtime-lib.rowReverse", value: "rowReverse" },
   { title: "x-runtime-lib.column", value: "column" },
   { title: "x-runtime-lib.columnReverse", value: "columnReverse" }
-], ia = [
+], oa = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.end", value: "end" },
@@ -6233,12 +6244,12 @@ const Jl = [
   { title: "x-runtime-lib.spaceBetween", value: "spaceBetween" },
   { title: "x-runtime-lib.spaceAround", value: "spaceAround" },
   { title: "x-runtime-lib.spaceEvenly", value: "spaceEvenly" }
-], oa = [
+], sa = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.no", value: "no" },
   { title: "x-runtime-lib.yes", value: "yes" },
   { title: "x-runtime-lib.reverse", value: "reverse" }
-], sa = [
+], la = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.black", value: "black" },
   { title: "x-runtime-lib.bold", value: "bold" },
@@ -6253,17 +6264,17 @@ const Jl = [
   { title: "x-runtime-lib.outlined", value: "outlined" },
   { title: "x-runtime-lib.text", value: "text" },
   { title: "x-runtime-lib.plain", value: "plain" }
-], la = [
+], aa = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.show", value: "show" },
   { title: "x-runtime-lib.always", value: "always" }
-], aa = [
+], ua = [
   { title: "x-runtime-lib.xSmall", value: "x-small" },
   { title: "x-runtime-lib.small", value: "small" },
   { title: "x-runtime-lib.default", value: "default" },
   { title: "x-runtime-lib.large", value: "large" },
   { title: "x-runtime-lib.xLarge", value: "x-large" }
-], ua = [
+], ca = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" },
@@ -6271,18 +6282,18 @@ const Jl = [
   { title: "x-runtime-lib.justify", value: "justify" },
   { title: "x-runtime-lib.left", value: "left" },
   { title: "x-runtime-lib.right", value: "right" }
-], ca = [
+], da = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.none", value: "none" },
   { title: "x-runtime-lib.overline", value: "overline" },
   { title: "x-runtime-lib.underline", value: "underline" },
   { title: "x-runtime-lib.lineThrough", value: "line-through" }
-], da = [
+], ma = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.high", value: "high" },
   { title: "x-runtime-lib.medium", value: "medium" },
   { title: "x-runtime-lib.disabled", value: "disabled" }
-], ma = [
+], pa = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.h1", value: "h1" },
   { title: "x-runtime-lib.h2", value: "h2" },
@@ -6297,7 +6308,7 @@ const Jl = [
   { title: "x-runtime-lib.button", value: "button" },
   { title: "x-runtime-lib.caption", value: "caption" },
   { title: "x-runtime-lib.overline", value: "overline" }
-], pa = [
+], fa = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.primary", value: "primary" },
   { title: "x-runtime-lib.secondary", value: "secondary" },
@@ -6308,53 +6319,53 @@ const Jl = [
   { title: "x-runtime-lib.background0", value: "background0" },
   { title: "x-runtime-lib.background1", value: "background1" },
   { title: "x-runtime-lib.background2", value: "background2" }
-], fa = [
+], ba = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.show", value: "show" },
   { title: "x-runtime-lib.always", value: "always" }
-], ba = [
+], ya = [
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" }
-], ya = [
+], ha = [
   { title: "x-runtime-lib.horizontal", value: "horizontal" },
   { title: "x-runtime-lib.vertical", value: "vertical" }
-], ha = [
+], ga = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.start", value: "start" }
-], ga = [
+], xa = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.both", value: "both" }
-], xa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], va = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  alignTabsItemsV1: Jl,
-  axisTypeItemsV1: Xl,
-  borderStyleItemsV1: Yl,
-  colorModeItemsV1: Zl,
-  densityItemsV1: ql,
-  directionItemsV1: Ql,
-  fieldVariantItemsV1: ea,
-  flexCrossAlignItemsV1: ta,
-  flexDirectionItemsV1: na,
-  flexMainAlignItemsV1: ia,
-  flexWrapItemsV1: oa,
-  fontWeightItemsV1: sa,
+  alignTabsItemsV1: Xr,
+  axisTypeItemsV1: Yr,
+  borderStyleItemsV1: Zr,
+  colorModeItemsV1: qr,
+  densityItemsV1: Qr,
+  directionItemsV1: ea,
+  fieldVariantItemsV1: ta,
+  flexCrossAlignItemsV1: na,
+  flexDirectionItemsV1: ia,
+  flexMainAlignItemsV1: oa,
+  flexWrapItemsV1: sa,
+  fontWeightItemsV1: la,
   sheetVariantItemsV1: ra,
-  showTicksItemsV1: la,
-  sizeItemsV1: aa,
-  textAlignItemsV1: ua,
-  textDecorationItemsV1: ca,
-  textEmphasisItemsV1: da,
-  textStyleItemsV1: ma,
-  themeColorItemsV1: pa,
-  thumbLabelItemsV1: fa,
-  timelineAlignItemsV1: ba,
-  timelineDirectionItemsV1: ya,
-  timelineSideItemsV1: ha,
-  timelineTruncateLineItemsV1: ga
-}, Symbol.toStringTag, { value: "Module" })), va = [
+  showTicksItemsV1: aa,
+  sizeItemsV1: ua,
+  textAlignItemsV1: ca,
+  textDecorationItemsV1: da,
+  textEmphasisItemsV1: ma,
+  textStyleItemsV1: pa,
+  themeColorItemsV1: fa,
+  thumbLabelItemsV1: ba,
+  timelineAlignItemsV1: ya,
+  timelineDirectionItemsV1: ha,
+  timelineSideItemsV1: ga,
+  timelineTruncateLineItemsV1: xa
+}, Symbol.toStringTag, { value: "Module" })), ka = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6394,7 +6405,7 @@ const Jl = [
     max: 1 / 0,
     step: 1
   }
-], ka = [
+], _a = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6416,7 +6427,7 @@ const Jl = [
     validator: (t) => t === "right",
     default: "right"
   }
-], _a = [
+], wa = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6446,7 +6457,7 @@ const Jl = [
     precision: 6,
     default: "0%"
   }
-], wa = [
+], Va = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6471,7 +6482,7 @@ const Jl = [
     min: 0,
     default: "0%"
   }
-], Va = [
+], $a = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6496,7 +6507,7 @@ const Jl = [
     min: 0,
     default: "0%"
   }
-], $a = [
+], Ia = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6525,7 +6536,7 @@ const Jl = [
     validator: (t) => t === "end",
     default: "end"
   }
-], Ia = [
+], Ca = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6547,21 +6558,21 @@ const Jl = [
     validator: (t) => t === "bottom",
     default: "bottom"
   }
-], Ca = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], Sa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  borderWidthTypesV1: va,
-  leftRightTypesV1: ka,
-  marginTypesV1: _a,
-  paddingTypesV1: wa,
-  sizeTypesV1: Va,
-  tableColumnAlignTypesV1: $a,
-  topBottomTypesV1: Ia
-}, Symbol.toStringTag, { value: "Module" })), Sa = {
+  borderWidthTypesV1: ka,
+  leftRightTypesV1: _a,
+  marginTypesV1: wa,
+  paddingTypesV1: Va,
+  sizeTypesV1: $a,
+  tableColumnAlignTypesV1: Ia,
+  topBottomTypesV1: Ca
+}, Symbol.toStringTag, { value: "Module" })), Ta = {
   version: "v1",
   globalityKey: ot,
   refKey: Pe,
-  items: { ...xa },
-  types: { ...Ca },
+  items: { ...va },
+  types: { ...Sa },
   elements: /* @__PURE__ */ new Set([
     Fe,
     mn,
@@ -6585,9 +6596,9 @@ const Jl = [
     ot,
     it,
     st,
-    rt,
-    pn,
     lt,
+    pn,
+    rt,
     at,
     Di,
     ut,
@@ -6625,7 +6636,7 @@ const Jl = [
         Ye,
         tt,
         Qe,
-        rt
+        lt
       ]
     },
     {
@@ -6641,7 +6652,7 @@ const Jl = [
         ht,
         xt,
         gt,
-        lt,
+        rt,
         mt,
         Xe,
         bt,
@@ -6690,100 +6701,100 @@ const Jl = [
     }
   ]
 }, Oi = {
-  v1: Sa
-}, Ta = (t, e, i) => {
-  const r = t[e];
-  return r ? typeof r == "function" ? r() : Promise.resolve(r) : new Promise((l, o) => {
+  v1: Ta
+}, za = (t, e, i) => {
+  const l = t[e];
+  return l ? typeof l == "function" ? l() : Promise.resolve(l) : new Promise((r, o) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(o.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + e + (e.split("/").length !== i ? ". Note that variables only represent file names one level deep." : ""))));
   });
 };
-async function Qa(t) {
-  return (await Ta(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.e52nt0si.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.lm0m4jyu.js") }), `./locales/${t}/index.ts`, 4)).default;
+async function tu(t) {
+  return (await za(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.e52nt0si.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.lm0m4jyu.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
 export {
-  nu as TresCanvas,
-  Za as badgeV1,
+  Ra as TresCanvas,
+  Qa as badgeV1,
   _t as barChartV1,
   wi as breakpoints,
-  ll as btnGroupV1,
-  al as btnToggleV1,
+  ar as btnGroupV1,
+  ur as btnToggleV1,
   Vt as btnV1,
   Vi as calcBreakpoint,
   xe as cardV1,
-  cl as checkboxV1,
+  dr as checkboxV1,
   It as chipGroupV1,
   $t as chipV1,
-  pl as colorPickerV1,
-  fl as comboboxV1,
-  _o as compTypes,
+  fr as colorPickerV1,
+  br as comboboxV1,
+  wo as compTypes,
   Ct as containerV1,
-  bl as dataTableV1,
-  yl as datePickerV1,
-  hl as dialogV1,
-  Vo as duplicateNode,
-  Ha as duplicateNodes,
+  yr as dataTableV1,
+  hr as datePickerV1,
+  gr as dialogV1,
+  $o as duplicateNode,
+  Ga as duplicateNodes,
   ge as elements,
-  Ea as ensureContext,
-  qa as fileInputV1,
+  Ma as ensureContext,
+  eu as fileInputV1,
   St as flexLayoutEntryV1,
   ve as flexLayoutV1,
   At as formV1,
   P as genId,
   ye as getBreakpointProp,
   cn as getIndexOfBreakpoint,
-  Ma as getNode,
+  ja as getNode,
   dn as getPropDefault,
   L as getPropTag,
-  Da as getTypeColor,
-  ol as globalityV1,
-  wl as iconV1,
+  Fa as getTypeColor,
+  sr as globalityV1,
+  Vr as iconV1,
   W as initProps,
   Te as injectDark,
   se as injectData,
-  Co as injectDepends,
+  So as injectDepends,
   ke as injectDevice,
-  Io as injectEnv,
+  Co as injectEnv,
   Q as injectMode,
-  $o as injectOrg,
+  Io as injectOrg,
   _e as injectSandbox,
   oe as injectType,
   Xt as isPercentStr,
   Se as isPixelStr,
   wt as lineChartV1,
-  Qa as loadLocaleMessageRuntime,
-  Vl as menuV1,
-  wo as newEventBus,
+  tu as loadLocaleMessageRuntime,
+  $r as menuV1,
+  Vo as newEventBus,
   Pt as numberInputV1,
-  ko as pageTypes,
-  Il as paginationV1,
+  _o as pageTypes,
+  Cr as paginationV1,
   Ae as parsePercentStr,
-  Na as parsePixelStr,
+  Da as parsePixelStr,
   Oi as pkgs,
-  Ka as provideDark,
-  Xa as provideData,
-  Ya as provideDepends,
-  Oa as provideDevice,
-  Ga as provideEnv,
-  Ua as provideMode,
-  ja as provideOrg,
-  So as provideSandbox,
-  Ja as provideType,
+  Xa as provideDark,
+  Za as provideData,
+  qa as provideDepends,
+  Ja as provideDevice,
+  Oa as provideEnv,
+  Ka as provideMode,
+  Ua as provideOrg,
+  To as provideSandbox,
+  Ya as provideType,
   Lt as radioGroupV1,
   Wt as radioV1,
-  Tl as rangeSliderV1,
-  zl as ratingV1,
-  vo as reverseBreakpoints,
-  Al as selectV1,
-  Pl as sliderV1,
-  Fa as spawnNode,
-  Ys as startInterpreter,
+  zr as rangeSliderV1,
+  Ar as ratingV1,
+  ko as reverseBreakpoints,
+  Pr as selectV1,
+  Wr as sliderV1,
+  Ha as spawnNode,
+  Zs as startInterpreter,
   Bt as stepperHeaderV1,
   Nt as stepperItemV1,
   Et as stepperV1,
   Dt as stepperWindowItemV1,
   Rt as stepperWindowV1,
-  Zs as stopInterpreter,
-  Rl as switchV1,
+  qs as stopInterpreter,
+  Dr as switchV1,
   Ft as tabV1,
   Mt as tabsV1,
   zt as textFieldV1,
@@ -6791,7 +6802,7 @@ export {
   Ht as textareaV1,
   jt as timelineItemV1,
   Gt as timelineV1,
-  Ra as types,
+  Ea as types,
   Ut as windowItemV1,
   Ot as windowV1
 };