x-runtime-lib 0.8.4 → 0.8.5

package/dist/index.js

@@ -1,87 +1,75 @@
-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) => {
+import { 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 le, defineComponent as T, useTemplateRef as si, onMounted as ri, nextTick as li, 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 Xi, useId as ai, createCommentVNode as ui, withModifiers as Yi, normalizeClass as Zi, toDisplayString as qi } from "vue";
+import { useTheme as Qi } from "vuetify";
+import { c as F, m as eo, a as to, u as no, r as ci, e as di, i as io, b as oo, d as so, f as ro, g as lo, h as ao, j as uo, k as co, I as mo, l as mi } from "./vendor.oswbh038.js";
+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) => {
   ge[t.key] = t;
 }, be = (t, e) => {
   const i = t.__vccOpts || t;
-  for (const [l, r] of e)
-    i[l] = r;
+  for (const [r, l] of e)
+    i[r] = l;
   return i;
 };
 function gi(t) {
   const e = k(() => t.node.legend?.show), i = k(() => t.node.legend?.data);
-  function l(r) {
-    r.legend = {
+  function r(l) {
+    l.legend = {
       show: e.value,
       data: i.value
     };
   }
-  return { show: e, data: i, applyLegend: l };
+  return { show: e, data: i, applyLegend: r };
 }
 function xi(t) {
   const e = k(() => t.node.series);
-  function i(l) {
-    l.series = e.value;
+  function i(r) {
+    r.series = e.value;
   }
   return { series: e, applySeries: i };
 }
 function vi(t) {
-  const e = k(() => t.node.title?.show), i = k(() => t.node.title?.text), l = k(() => t.node.title?.subtext);
-  function r(o) {
+  const e = k(() => t.node.title?.show), i = k(() => t.node.title?.text), r = k(() => t.node.title?.subtext);
+  function l(o) {
     o.title = {
       show: e.value,
       text: i.value,
-      subtext: l.value
+      subtext: r.value
     };
   }
-  return { show: e, text: i, subtext: l, applyTitle: r };
+  return { show: e, text: i, subtext: r, applyTitle: l };
 }
 function ki(t) {
-  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);
+  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);
   function o(a) {
     a.xAxis = {
       show: e.value,
       position: i.value,
-      type: l.value,
-      data: r.value
+      type: r.value,
+      data: l.value
     };
   }
-  return { show: e, position: i, type: l, data: r, applyXAxis: o };
+  return { show: e, position: i, type: r, data: l, applyXAxis: o };
 }
 function _i(t) {
-  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);
+  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);
   function o(a) {
     a.yAxis = {
       show: e.value,
       position: i.value,
-      type: l.value,
-      data: r.value
+      type: r.value,
+      data: l.value
     };
   }
-  return { show: e, position: i, type: l, data: r, applyYAxis: o };
+  return { show: e, position: i, type: r, data: l, applyYAxis: o };
 }
 const un = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
 function P(t) {
   let e = "";
   for (let i = 0; i < t; i++) {
-    const l = Math.floor(Math.random() * un.length);
-    e += un[l];
+    const r = Math.floor(Math.random() * un.length);
+    e += un[r];
   }
   return e;
 }
@@ -97,7 +85,7 @@ function Xt(t) {
   const e = t.substring(0, t.length - 1), i = parseFloat(e);
   return !isNaN(i);
 }
-function Da(t) {
+function Na(t) {
   if (typeof t != "string" || !t.endsWith("px"))
     return;
   const e = t.substring(0, t.length - 2), i = parseFloat(e);
@@ -111,7 +99,7 @@ function Ae(t) {
   if (!isNaN(i))
     return i;
 }
-const wi = ["xs", "sm", "md", "lg", "xl"], ko = [...wi].reverse();
+const wi = ["xs", "sm", "md", "lg", "xl"], vo = [...wi].reverse();
 function Vi(t) {
   return t < 600 ? "xs" : t < 960 ? "sm" : t < 1280 ? "md" : t < 1920 ? "lg" : "xl";
 }
@@ -120,15 +108,15 @@ function cn(t) {
 }
 function ye(t, e) {
   let i;
-  for (const l of ko) {
-    if (cn(l) < cn(t))
+  for (const r of vo) {
+    if (cn(r) < cn(t))
       break;
-    e[l] && (i = e[l]);
+    e[r] && (i = e[r]);
   }
   return i;
 }
-const Ea = ["string", "number", "boolean", "array", "object"];
-function Fa(t) {
+const Ra = ["string", "number", "boolean", "array", "object"];
+function Da(t) {
   switch (t) {
     case "string":
       return "#5ba58c";
@@ -142,7 +130,7 @@ function Fa(t) {
       return "#80a55b";
   }
 }
-function Ma(t, e, i, l, r) {
+function Ea(t, e, i, r, l) {
   let o = t;
   for (let c = 0; c < e.length; c++)
     if (o = o.children[e[c]], !o) {
@@ -150,27 +138,27 @@ function Ma(t, e, i, l, r) {
       return;
     }
   let a = o.children[i];
-  a ? a.dataSeq !== l && (a = {
-    dataSeq: l,
-    data: F(r),
+  a ? a.dataSeq !== r && (a = {
+    dataSeq: r,
+    data: F(l),
     children: {}
   }) : (a = {
-    dataSeq: l,
-    data: F(r),
+    dataSeq: r,
+    data: F(l),
     children: {}
   }, o.children[i] = a);
 }
-const _o = ["common", "scene"], wo = ["common", "scene"];
-function Vo() {
+const ko = ["common", "scene"], _o = ["common", "scene"];
+function wo() {
   return eo();
 }
 function L(t, e) {
   if (t === "page") {
-    if (!_o.includes(e)) {
+    if (!ko.includes(e)) {
       console.error(`get prop tag failed type=${t} subtype=${e}`);
       return;
     }
-  } else if (t === "comp" && !wo.includes(e)) {
+  } else if (t === "comp" && !_o.includes(e)) {
     console.error(`get prop tag failed type=${t} subtype=${e}`);
     return;
   }
@@ -185,20 +173,20 @@ function dn(t, e) {
   }
 }
 function W(t, e) {
-  function i(l, r) {
-    if (r.ui) {
-      if (r.ui === "strInput" && r.static)
+  function i(r, l) {
+    if (l.ui) {
+      if (l.ui === "strInput" && l.static)
         return;
-      l[r.key] = dn(r);
+      r[l.key] = dn(l);
     } else
-      r.array ? l[r.key] = dn(r) : r.children.forEach((o) => {
-        l[r.key] || (l[r.key] = {}), i(l[r.key], o);
+      l.array ? r[l.key] = dn(l) : l.children.forEach((o) => {
+        r[l.key] || (r[l.key] = {}), i(r[l.key], o);
       });
   }
-  e.forEach((l) => i(t, l));
+  e.forEach((r) => i(t, r));
 }
-function Ha(t, e, i, l, r) {
-  const o = `type=${t} subtype=${e} version=${i} ref=${l} keyOrRefid=${r}`, a = L(t, e);
+function Fa(t, e, i, r, l) {
+  const o = `type=${t} subtype=${e} version=${i} ref=${r} keyOrRefid=${l}`, a = L(t, e);
   if (!a) {
     console.error(`spawnNode prop tag not found, ${o}`);
     return;
@@ -208,8 +196,8 @@ function Ha(t, e, i, l, r) {
     console.error(`spawnNode pkg not found version, ${o}`);
     return;
   }
-  if (l) {
-    const p = c.refKey, b = r;
+  if (r) {
+    const p = c.refKey, b = l;
     if (!c.elements.has(p)) {
       console.error(`spawnNode [ref] element not found in pkg, ${o}`);
       return;
@@ -234,7 +222,7 @@ function Ha(t, e, i, l, r) {
       comp: b
     }, m;
   } else {
-    const p = r;
+    const p = l;
     if (!c.elements.has(p)) {
       console.error(`spawnNode [key] element not found in pkg, ${o}`);
       return;
@@ -262,121 +250,121 @@ function Ha(t, e, i, l, r) {
     }
   }
 }
-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]);
+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]);
         if (o)
           return o;
       }
   }
-  for (let l = 0; l < t.length; l++) {
-    const r = i(t[l]);
-    if (r)
-      return r;
+  for (let r = 0; r < t.length; r++) {
+    const l = i(t[r]);
+    if (l)
+      return l;
   }
 }
-function $o(t) {
-  function e(l) {
-    l.basic.id = P(16), l.children?.forEach((r) => e(r));
+function Vo(t) {
+  function e(r) {
+    r.basic.id = P(16), r.children?.forEach((l) => e(l));
   }
   const i = F(t);
   return e(i), i;
 }
-function Ga(t) {
+function Ha(t) {
   const e = [];
   return t.forEach((i) => {
-    e.push($o(i));
+    e.push(Vo(i));
   }), e;
 }
 const $i = "runtimeOrg", Ii = "runtimeEnv", Ci = "runtimeMode", Si = "runtimeDevice", Ti = "runtimeDark", zi = "runtimeType", Ai = "runtimeData", Pi = "runtimeDepends", Wi = "runtimeSandbox";
-function Ua(t) {
+function ja(t) {
   te($i, t);
 }
-function Io() {
+function $o() {
   return ee($i);
 }
-function Oa(t) {
+function Ga(t) {
   te(Ii, t);
 }
-function Co() {
+function Io() {
   return ee(Ii);
 }
-function Ka(t) {
+function Ua(t) {
   te(Ci, t);
 }
 function Q() {
   return ee(Ci);
 }
-function Ja(t) {
+function Oa(t) {
   te(Si, Kt(t));
 }
 function ke() {
   return ee(Si);
 }
-function Xa(t) {
+function Ka(t) {
   te(Ti, Kt(t));
 }
 function Te() {
   return ee(Ti);
 }
-function Ya(t) {
+function Ja(t) {
   te(zi, t);
 }
 function oe() {
   return ee(zi);
 }
-function Za(t) {
+function Xa(t) {
   te(Ai, t);
 }
 function se() {
   return ee(Ai);
 }
-function qa(t) {
+function Ya(t) {
   te(Pi, Kt(t));
 }
-function So() {
+function Co() {
   return ee(Pi);
 }
-function To(t) {
+function So(t) {
   te(Wi, t);
 }
 function _e() {
   return ee(Wi);
 }
 function U(t) {
-  const { computedThemes: e } = po(), i = Te(), l = k(() => t.value?.mode), r = k(() => {
+  const { computedThemes: e } = Qi(), i = Te(), r = k(() => t.value?.mode), l = 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(() => l.value === "theme" ? r.value : l.value === "custom" ? o.value : "") };
+  return { color: k(() => r.value === "theme" ? l.value : r.value === "custom" ? o.value : "") };
 }
 function Yt(t) {
-  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);
+  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);
   function b(u) {
-    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);
+    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);
   }
-  return { borderStyle: e, borderWidth: i, borderColor: r, applyBorder: b };
+  return { borderStyle: e, borderWidth: i, borderColor: l, applyBorder: b };
 }
 function Zt(t) {
-  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);
+  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);
   function o(a) {
-    e.value && (a.marginTop = e.value), i.value && (a.marginLeft = i.value), l.value && (a.marginBottom = l.value), r.value && (a.marginRight = r.value);
+    e.value && (a.marginTop = e.value), i.value && (a.marginLeft = i.value), r.value && (a.marginBottom = r.value), l.value && (a.marginRight = l.value);
   }
-  return { marginTop: e, marginLeft: i, marginBottom: l, marginRight: r, applyMargin: o };
+  return { marginTop: e, marginLeft: i, marginBottom: r, marginRight: l, applyMargin: o };
 }
 function qt(t) {
-  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);
+  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);
   function o(a) {
-    e.value && (a.paddingTop = e.value), i.value && (a.paddingLeft = i.value), l.value && (a.paddingBottom = l.value), r.value && (a.paddingRight = r.value);
+    e.value && (a.paddingTop = e.value), i.value && (a.paddingLeft = i.value), r.value && (a.paddingBottom = r.value), l.value && (a.paddingRight = l.value);
   }
-  return { paddingTop: e, paddingLeft: i, paddingBottom: l, paddingRight: r, applyPadding: o };
+  return { paddingTop: e, paddingLeft: i, paddingBottom: r, paddingRight: l, applyPadding: o };
 }
 function ue(t) {
-  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(() => {
+  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(() => {
     if (t.outer && e === "editor") {
       const u = Ae(t.node.size?.height);
       if (u)
@@ -399,145 +387,145 @@ function ue(t) {
     return t.node.size?.maxHeight;
   });
   function b(u) {
-    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);
+    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);
   }
-  return { width: l, minWidth: r, maxWidth: o, height: a, minHeight: c, maxHeight: p, applySize: b };
+  return { width: r, minWidth: l, maxWidth: o, height: a, minHeight: c, maxHeight: p, applySize: b };
 }
 function Li(t, e, i) {
-  const l = k(() => e.node.basic.id), r = k(() => `callMethod@${l.value}`);
+  const r = k(() => e.node.basic.id), l = k(() => `callMethod@${r.value}`);
   Ji(() => {
-    t.eventBus?.on(r.value, i);
+    t.eventBus?.on(l.value, i);
   }), Ce(() => {
-    t.eventBus?.off(r.value, i);
+    t.eventBus?.off(l.value, i);
   });
 }
-const zo = (t, e, i) => {
-  let l = t;
-  if (!l) {
+const To = (t, e, i) => {
+  let r = t;
+  if (!r) {
     console.assert(!1);
     return;
   }
-  for (const r of e)
-    if (l = l[r], !l)
+  for (const l of e)
+    if (r = r[l], !r)
       return;
   if (i) {
-    if (typeof l == "string")
-      return JSON.parse(l);
+    if (typeof r == "string")
+      return JSON.parse(r);
     console.assert(!1);
   } else
-    return l;
-}, Ao = (t, e, i, l) => {
-  let r = t;
-  if (!r) {
+    return r;
+}, zo = (t, e, i, r) => {
+  let l = t;
+  if (!l) {
     console.assert(!1);
     return;
   }
   const o = e.length;
   for (let a = 0; a < o; a++) {
     const c = e[a];
-    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 = {}));
+    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 = {}));
   }
 };
 function s(t, e, i) {
-  const l = Q(), r = _e(), o = he();
+  const r = Q(), l = _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 });
+    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 });
   }), { prop: o };
 }
 function R() {
   const t = Te();
   return { theme: k(() => t.value ? "dark" : "light") };
 }
-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
+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
 };
 no([
   io,
   oo,
   so,
-  lo,
   ro,
+  lo,
   ao,
   uo,
   co
 ]);
 ci("dark", rs);
-ci("light", Rs);
-const Ds = /* @__PURE__ */ S({
+ci("light", Ns);
+const Rs = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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 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 V = {}, M = o.value.type;
-      return r === "page" ? M === "common" ? m(V) : console.assert(!1) : r === "comp" && M === "common" ? m(V) : console.assert(!1), V;
+      return l === "page" ? M === "common" ? m(V) : console.assert(!1) : l === "comp" && M === "common" ? m(V) : console.assert(!1), V;
     }), I = si("chart");
     let $;
     const N = () => {
-      $?.dispose(), $ = di.init(I.value, l.value ? "dark" : "light");
+      $?.dispose(), $ = di.init(I.value, r.value ? "dark" : "light");
       const V = {};
       $.setOption(V);
     }, D = () => {
@@ -546,11 +534,11 @@ const Ds = /* @__PURE__ */ S({
       const V = {};
       f(V), h(V), x(V), g(V), _(V), $?.setOption(V, !0);
     };
-    return li(async () => {
+    return ri(async () => {
       window.addEventListener("resize", D, !1), await pi(() => !!I.value), N(), B();
     }), Ce(() => {
       window.removeEventListener("resize", D, !1), $?.dispose();
-    }), re(
+    }), le(
       [
         () => i.value.width,
         () => i.value.height,
@@ -562,11 +550,11 @@ const Ds = /* @__PURE__ */ S({
         d
       ],
       async () => {
-        await ri(), D();
+        await li(), D();
       }
-    ), re([l], () => {
+    ), le([r], () => {
       N(), B();
-    }), re(
+    }), le(
       [e],
       () => {
         B();
@@ -577,20 +565,20 @@ const Ds = /* @__PURE__ */ S({
       style: q(v.value)
     }, null, 4));
   }
-}), Es = /* @__PURE__ */ S({
+}), Ds = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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 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 V = {}, M = o.value.type;
-      return r === "page" ? M === "common" ? m(V) : console.assert(!1) : r === "comp" && M === "common" ? m(V) : console.assert(!1), V;
+      return l === "page" ? M === "common" ? m(V) : console.assert(!1) : l === "comp" && M === "common" ? m(V) : console.assert(!1), V;
     }), I = si("chart");
     let $;
     const N = () => {
-      $?.dispose(), $ = di.init(I.value, l.value ? "dark" : "light");
+      $?.dispose(), $ = di.init(I.value, r.value ? "dark" : "light");
       const V = {};
       $.setOption(V);
     }, D = () => {
@@ -599,11 +587,11 @@ const Ds = /* @__PURE__ */ S({
       const V = {};
       f(V), h(V), x(V), g(V), _(V), $?.setOption(V, !0);
     };
-    return li(async () => {
+    return ri(async () => {
       window.addEventListener("resize", D, !1), await pi(() => !!I.value), N(), B();
     }), Ce(() => {
       window.removeEventListener("resize", D, !1), $?.dispose();
-    }), re(
+    }), le(
       [
         () => i.value.width,
         () => i.value.height,
@@ -615,11 +603,11 @@ const Ds = /* @__PURE__ */ S({
         d
       ],
       async () => {
-        await ri(), D();
+        await li(), D();
       }
-    ), re([l], () => {
+    ), le([r], () => {
       N(), B();
-    }), re(
+    }), le(
       [e],
       () => {
         B();
@@ -630,25 +618,25 @@ const Ds = /* @__PURE__ */ S({
       style: q(v.value)
     }, null, 4));
   }
-}), X = /* @__PURE__ */ S({
+}), X = /* @__PURE__ */ T({
   __name: "index",
   props: {
     fitContent: { type: Boolean, default: !1 }
   },
   setup(t) {
     const e = Q(), i = k(() => {
-      const l = {};
-      return t.fitContent && (l.width = "fit-content", l.height = "fit-content"), l;
+      const r = {};
+      return t.fitContent && (r.width = "fit-content", r.height = "fit-content"), r;
     });
-    return (l, r) => n(e) === "editor" ? (w(), ne("div", {
+    return (r, l) => n(e) === "editor" ? (w(), ne("div", {
       key: 0,
       style: q(i.value)
     }, [
-      E(l.$slots, "default")
-    ], 4)) : E(l.$slots, "default", { key: 1 });
+      E(r.$slots, "default")
+    ], 4)) : E(r.$slots, "default", { key: 1 });
   }
 });
-function Fs(t, e) {
+function Es(t, e) {
   function i(u) {
     const d = t.pseudoToNative(u), m = [], f = d.split(".");
     for (let h = 0; h < f.length; h++) {
@@ -662,7 +650,7 @@ function Fs(t, e) {
     }
     return t.nativeToPseudo(m);
   }
-  function l(u) {
+  function r(u) {
     const d = t.pseudoToNative(u);
     try {
       const m = JSON.parse(d);
@@ -671,7 +659,7 @@ function Fs(t, e) {
       return t.nativeToPseudo({});
     }
   }
-  function r(u) {
+  function l(u) {
     const d = t.pseudoToNative(u), m = JSON.stringify(d);
     return t.nativeToPseudo(m);
   }
@@ -686,7 +674,7 @@ function Fs(t, e) {
   }
   function c(u, d) {
     const m = t.pseudoToNative(u), f = t.pseudoToNative(d);
-    m === "info" ? fo(f) : m === "success" ? bo(f) : m === "warning" ? bi(f) : m === "error" && yi(f);
+    m === "info" ? po(f) : m === "success" ? fo(f) : m === "warning" ? bi(f) : m === "error" && yi(f);
   }
   function p(u, d) {
     const m = t.pseudoToNative(u), f = t.pseudoToNative(d);
@@ -707,11 +695,11 @@ function Fs(t, e) {
   ), t.setProperty(
     e,
     "__parseJsonV1__",
-    t.createNativeFunction(l)
+    t.createNativeFunction(r)
   ), t.setProperty(
     e,
     "__jsonStringifyV1__",
-    t.createNativeFunction(r)
+    t.createNativeFunction(l)
   ), t.setProperty(
     e,
     "__consoleLogV1__",
@@ -734,22 +722,22 @@ function Fs(t, e) {
     t.createAsyncFunction(b)
   );
 }
-const Bi = yo({
+const Bi = bo({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
     const { i18n: e } = Ee;
-    yi(vo(e, t));
+    yi(xo(e, t));
   }
 });
 window.API_URL && (Bi.defaults.baseURL = window.API_URL + "/computebase/");
-function Ms(t) {
+function Fs(t) {
   return Bi.post("callFunc", t);
 }
-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);
+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);
     try {
-      const h = JSON.stringify(d), { strOutputs: x } = await Ms({
+      const h = JSON.stringify(d), { strOutputs: x } = await Fs({
         spaceid: b,
         id: u,
         strInputs: h,
@@ -766,25 +754,25 @@ function Hs(t, e) {
     t.createAsyncFunction(i)
   );
 }
-class js {
+class Hs {
   nodes;
   constructor(e) {
     this.nodes = {};
-    const i = (l) => {
-      this.nodes[l.basic.id] = l, l.children?.forEach((r) => i(r));
+    const i = (r) => {
+      this.nodes[r.basic.id] = r, r.children?.forEach((l) => i(l));
     };
-    e.data.view.nodes.forEach((l) => i(l));
+    e.data.view.nodes.forEach((r) => i(r));
   }
   getNode(e) {
     return this.nodes[e];
   }
 }
-function Gs(t, e, i) {
-  const l = new js(t);
-  function r(u, d) {
+function js(t, e, i) {
+  const r = new Hs(t);
+  function l(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 = l.getNode(m), !x) {
+    if (m === "globality" ? x = t.data.view : x = r.getNode(m), !x) {
       console.error(`getPropV1 node not found, ${h}`);
       return;
     }
@@ -803,7 +791,7 @@ function Gs(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 : _ = l.getNode(f), !_) {
+    if (f === "globality" ? _ = t.data.view : _ = r.getNode(f), !_) {
       console.error(`setPropV1 node not found, ${g}`);
       return;
     }
@@ -842,20 +830,20 @@ function Gs(t, e, i) {
   }
   function p(u, d, m) {
     const f = e.pseudoToNative(u), h = e.pseudoToNative(d);
-    ho({ title: f, text: h }).then((x) => {
+    yo({ 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);
-    go({ title: h, label: x, value: g }).then((_) => {
+    ho({ title: h, label: x, value: g }).then((_) => {
       f(e.nativeToPseudo(_)), e.run();
     });
   }
   e.setProperty(
     i,
     "__getPropV1__",
-    e.createNativeFunction(r)
+    e.createNativeFunction(l)
   ), e.setProperty(
     i,
     "__setPropV1__",
@@ -878,10 +866,10 @@ function Gs(t, e, i) {
     e.createAsyncFunction(b)
   );
 }
-function Us(t, e, i) {
-  Fs(e, i), Hs(e, i), Gs(t, e, i);
+function Gs(t, e, i) {
+  Es(e, i), Ms(e, i), js(t, e, i);
 }
-const Os = `
+const Us = `
 var __env__ = 'dev'
 var __mode__ = 'editor'
 
@@ -891,7 +879,7 @@ function __getEnvV1__() {
 
 var __pointerPosX__ = 0
 var __pointerPosY__ = 0
-`, Ks = `
+`, Os = `
 var __events__ = {}
 
 function __addEventListenerV1__(id, event, callback) {
@@ -962,7 +950,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)
   }
 }
-`, Js = `
+`, Ks = `
 var __timers__ = {}
 var __currTimerId__ = 0
 
@@ -1004,15 +992,15 @@ function __timeoutCallbackV1__(timerId) {
     }
   }
 }
-`, Xs = `
+`, Js = `
 function __destroy__() {
 }
-`, Ys = Os + Ks + Js + Xs;
-function Zs(t, e) {
+`, Xs = Us + Os + Ks + Js;
+function Ys(t, e) {
   const i = new mo(
-    Ys,
-    (l, r) => {
-      Us(t, l, r);
+    Xs,
+    (r, l) => {
+      Gs(t, r, l);
     }
   );
   return i.appendCode(e), i.appendCode(`
@@ -1021,20 +1009,20 @@ __mode__ = '${t.mode}';
 __triggerEvent__('globality', 'startup');
   `), i.run(), i;
 }
-function qs(t) {
+function Zs(t) {
   t.appendCode("__destroy__();"), t.run();
 }
-const le = /* @__PURE__ */ S({
+const re = /* @__PURE__ */ T({
   __name: "index",
   props: {
     refContext: {},
     state: {}
   },
   setup(t) {
-    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 { 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 m = () => {
-      d.eventBus && (d.eventBus = void 0), d.interpreter && (qs(d.interpreter), d.interpreter = void 0);
+      d.eventBus && (d.eventBus = void 0), d.interpreter && (Zs(d.interpreter), d.interpreter = void 0);
     };
     oi(() => {
       if (!i.refContext.refid) {
@@ -1048,10 +1036,10 @@ const le = /* @__PURE__ */ S({
       }
       if (b.value === v.dataSeq || (b.value = v.dataSeq, u.value = F(v.data), o !== "runtime" && o !== "preview"))
         return;
-      m(), d.eventBus = Vo();
+      m(), d.eventBus = wo();
       const I = u.value, $ = I.code.script;
-      $ && (d.interpreter = Zs(
-        { org: l, env: r, mode: o, type: a, data: I, sandbox: d },
+      $ && (d.interpreter = Ys(
+        { org: r, env: l, mode: o, type: a, data: I, sandbox: d },
         $
       ));
     }), Ce(() => {
@@ -1105,38 +1093,38 @@ const le = /* @__PURE__ */ S({
     };
     return (v, I) => (w(), z(_));
   }
-}), Qs = /* @__PURE__ */ S({
+}), qs = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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"]);
+    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"]);
     return (c, p) => {
       const b = A("v-badge");
       return w(), z(b, {
         content: n(i),
-        dot: n(l),
+        dot: n(r),
         "offset-x": n(o),
         "offset-y": n(a),
-        theme: n(r)
+        theme: n(l)
       }, {
-        default: T(() => [
+        default: S(() => [
           E(c.$slots, "default")
         ]),
         _: 3
       }, 8, ["content", "dot", "offset-x", "offset-y", "theme"]);
     };
   }
-}), el = /* @__PURE__ */ S({
+}), Qs = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Q(), l = _e(), { prop: r } = s(e, [
+    const e = t, i = Q(), r = _e(), { prop: l } = s(e, [
       "settings",
       "addIcon",
       "append"
@@ -1147,7 +1135,7 @@ const le = /* @__PURE__ */ S({
     ]), { 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 = l.interpreter;
+      const j = r.interpreter;
       if (!j)
         return;
       const Y = j.nativeToPseudo(J.clientX), Z = j.nativeToPseudo(J.clientY), ce = j.nativeToPseudo(e.node.basic.id);
@@ -1156,9 +1144,9 @@ const le = /* @__PURE__ */ S({
     return (J, j) => {
       const Y = A("v-btn");
       return w(), z(n(X), null, {
-        default: T(() => [
+        default: S(() => [
           H(Y, {
-            "append-icon": n(r),
+            "append-icon": n(l),
             block: n(o),
             color: n(c),
             density: n(p),
@@ -1185,30 +1173,30 @@ const le = /* @__PURE__ */ S({
       });
     };
   }
-}), tl = {};
-function nl(t, e) {
+}), er = {};
+function tr(t, e) {
   const i = A("v-btn-group");
   return w(), z(i, null, {
-    default: T(() => [
+    default: S(() => [
       E(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const il = /* @__PURE__ */ be(tl, [["render", nl]]), ol = /* @__PURE__ */ S({
+const nr = /* @__PURE__ */ be(er, [["render", tr]]), ir = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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"]);
+    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"]);
     return (f, h) => {
       const x = A("v-btn-toggle");
       return w(), z(x, {
         block: n(i),
-        disabled: n(l),
-        divided: n(r),
+        disabled: n(r),
+        divided: n(l),
         mandatory: n(o),
         multiple: n(a),
         readonly: n(c),
@@ -1218,27 +1206,27 @@ const il = /* @__PURE__ */ be(tl, [["render", nl]]), ol = /* @__PURE__ */ S({
         tile: n(d),
         variant: n(m)
       }, {
-        default: T(() => [
+        default: S(() => [
           E(f.$slots, "default")
         ]),
         _: 3
       }, 8, ["block", "disabled", "divided", "mandatory", "multiple", "readonly", "size", "stacked", "theme", "tile", "variant"]);
     };
   }
-}), sl = /* @__PURE__ */ S({
+}), or = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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"]);
+    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"]);
     return (_, v) => {
       const I = A("v-card");
       return w(), z(I, {
         density: n(i),
-        disabled: n(l),
-        height: n(r),
+        disabled: n(r),
+        height: n(l),
         hover: n(o),
         loading: n(a),
         "max-height": n(c),
@@ -1252,42 +1240,42 @@ const il = /* @__PURE__ */ be(tl, [["render", nl]]), ol = /* @__PURE__ */ S({
         variant: n(x),
         width: n(g)
       }, {
-        default: T(() => [
+        default: S(() => [
           E(_.$slots, "default")
         ]),
         _: 3
       }, 8, ["density", "disabled", "height", "hover", "loading", "max-height", "max-width", "min-height", "min-width", "subtitle", "text", "theme", "title", "variant", "width"]);
     };
   }
-}), ll = /* @__PURE__ */ S({
+}), sr = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = s(e, ["settings", "disabled"]), { prop: l } = s(e, ["settings", "readonly"]);
-    return (r, o) => {
+    const e = t, { prop: i } = s(e, ["settings", "disabled"]), { prop: r } = s(e, ["settings", "readonly"]);
+    return (l, o) => {
       const a = A("v-checkbox");
       return w(), z(a, {
         disabled: n(i),
-        readonly: n(l)
+        readonly: n(r)
       }, null, 8, ["disabled", "readonly"]);
     };
   }
-}), rl = /* @__PURE__ */ S({
+}), rr = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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"]);
+    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"]);
     return (g, _) => {
       const v = A("v-chip");
       return w(), z(v, {
         closable: n(i),
-        color: n(r),
+        color: n(l),
         density: n(o),
         disabled: n(a),
         draggable: n(c),
@@ -1302,45 +1290,45 @@ const il = /* @__PURE__ */ be(tl, [["render", nl]]), ol = /* @__PURE__ */ S({
       }, null, 8, ["closable", "color", "density", "disabled", "draggable", "filter", "label", "size", "text", "theme", "tile", "value", "variant"]);
     };
   }
-}), al = /* @__PURE__ */ S({
+}), lr = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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"]);
+    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"]);
     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(l),
-        disabled: n(r),
+        direction: n(r),
+        disabled: n(l),
         filter: n(o),
         mandatory: n(a),
         multiple: n(c),
         "show-arrows": n(p),
         theme: n(b)
       }, {
-        default: T(() => [
+        default: S(() => [
           E(d.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "column", "direction", "disabled", "filter", "mandatory", "multiple", "show-arrows", "theme"]);
     };
   }
-}), ul = /* @__PURE__ */ S({
+}), ar = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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;
+    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;
     }), { 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"
@@ -1360,24 +1348,24 @@ const il = /* @__PURE__ */ be(tl, [["render", nl]]), ol = /* @__PURE__ */ S({
       }, null, 8, ["disabled", "hide-canvas", "hide-header", "hide-inputs", "hide-sliders", "landscape", "show-swatches", "style", "theme"]);
     };
   }
-}), cl = /* @__PURE__ */ S({
+}), ur = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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"]);
+    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"]);
     return (b, u) => {
       const d = A("v-combobox");
       return w(), z(n(X), null, {
-        default: T(() => [
+        default: S(() => [
           H(d, {
             modelValue: n(p),
             "onUpdate:modelValue": u[0] || (u[0] = (m) => G(p) ? p.value = m : null),
             "hide-details": n(i),
-            label: n(l),
-            placeholder: n(r),
+            label: n(r),
+            placeholder: n(l),
             readonly: n(o),
             "single-line": n(a),
             theme: n(c)
@@ -1387,18 +1375,18 @@ const il = /* @__PURE__ */ be(tl, [["render", nl]]), ol = /* @__PURE__ */ S({
       });
     };
   }
-}), dl = /* @__PURE__ */ S({
+}), cr = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = oe(), l = se(), { prop: r } = s(e, [
+    const e = t, i = oe(), r = se(), { prop: l } = s(e, [
       "settings",
       "backgroundColor"
-    ]), { 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;
+    ]), { 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;
       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", {
@@ -1407,14 +1395,14 @@ const il = /* @__PURE__ */ be(tl, [["render", nl]]), ol = /* @__PURE__ */ S({
       E(d.$slots, "default")
     ], 4));
   }
-}), ml = /* @__PURE__ */ S({
+}), dr = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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 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 h = [];
       return (e.node.slots?.items ?? []).forEach((g) => {
         g.column && g.comp && h.push(g);
@@ -1424,8 +1412,8 @@ const il = /* @__PURE__ */ be(tl, [["render", nl]]), ol = /* @__PURE__ */ S({
       const g = A("v-data-table");
       return w(), z(g, {
         density: n(i),
-        "fixed-footer": n(l),
-        "fixed-header": n(r),
+        "fixed-footer": n(r),
+        "fixed-header": n(l),
         headers: n(o),
         height: n(a),
         hover: n(c),
@@ -1437,8 +1425,8 @@ const il = /* @__PURE__ */ be(tl, [["render", nl]]), ol = /* @__PURE__ */ S({
       }, Jt({ _: 2 }, [
         Xi(f.value, (_) => ({
           name: `item.${_.column}`,
-          fn: T(({ value: v }) => [
-            H(n(le), {
+          fn: S(({ value: v }) => [
+            H(n(re), {
               "ref-context": { refid: _.comp },
               state: { value: v }
             }, null, 8, ["ref-context", "state"])
@@ -1447,21 +1435,21 @@ const il = /* @__PURE__ */ be(tl, [["render", nl]]), ol = /* @__PURE__ */ S({
       ]), 1032, ["density", "fixed-footer", "fixed-header", "headers", "height", "hover", "items", "loading", "multi-sort", "theme", "width"]);
     };
   }
-}), pl = {};
-function fl(t, e) {
+}), mr = {};
+function pr(t, e) {
   const i = A("v-date-picker");
   return w(), z(i);
 }
-const bl = /* @__PURE__ */ be(pl, [["render", fl]]), yl = ["id"], hl = /* @__PURE__ */ S({
+const fr = /* @__PURE__ */ be(mr, [["render", pr]]), br = ["id"], yr = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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)
+    const e = t, i = Q(), r = _e(), l = k(() => e.node.basic?.id), { open: o } = hi(`runtimeDlg/${ai()}`);
+    return Li(r, e, (c) => {
+      if (i !== "runtime" && i !== "preview" || !r.interpreter)
         return;
       const { name: b } = c;
       b === "open" ? o.value = !0 : b === "close" && (o.value = !1);
@@ -1472,33 +1460,33 @@ const bl = /* @__PURE__ */ be(pl, [["render", fl]]), yl = ["id"], hl = /* @__PUR
         "onUpdate:modelValue": p[0] || (p[0] = (u) => G(o) ? o.value = u : null),
         attach: "#dialogContainer"
       }, {
-        activator: T(() => [
+        activator: S(() => [
           n(i) === "editor" ? (w(), ne("div", {
             key: 0,
-            id: `__node__@${r.value}`
-          }, null, 8, yl)) : ui("", !0)
+            id: `__node__@${l.value}`
+          }, null, 8, br)) : ui("", !0)
         ]),
-        default: T(() => [
+        default: S(() => [
           E(c.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue"]);
     };
   }
-}), gl = /* @__PURE__ */ S({
+}), hr = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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"]);
+    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"]);
     return (m, f) => {
       const h = A("v-file-input");
       return w(), z(h, {
         chips: n(i),
-        density: n(l),
-        direction: n(r),
+        density: n(r),
+        direction: n(l),
         disabled: n(o),
         label: n(a),
         loading: n(c),
@@ -1509,14 +1497,14 @@ const bl = /* @__PURE__ */ be(pl, [["render", fl]]), yl = ["id"], hl = /* @__PUR
       }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"]);
     };
   }
-}), xl = /* @__PURE__ */ S({
+}), gr = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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, [
+    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, [
       "settings",
       "backgroundColor"
     ]), { color: u } = U(b), d = (f) => {
@@ -1530,8 +1518,8 @@ const bl = /* @__PURE__ */ be(pl, [["render", fl]]), yl = ["id"], hl = /* @__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 = 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;
+      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;
     });
     return (f, h) => (w(), ne("div", {
       style: q(m.value)
@@ -1539,16 +1527,16 @@ const bl = /* @__PURE__ */ be(pl, [["render", fl]]), yl = ["id"], hl = /* @__PUR
       E(f.$slots, "default")
     ], 4));
   }
-}), vl = /* @__PURE__ */ S({
+}), xr = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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;
+    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;
     });
     return (p, b) => (w(), ne("div", {
       style: q(c.value)
@@ -1556,19 +1544,19 @@ const bl = /* @__PURE__ */ be(pl, [["render", fl]]), yl = ["id"], hl = /* @__PUR
       E(p.$slots, "default")
     ], 4));
   }
-}), kl = /* @__PURE__ */ S({
+}), vr = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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, [
+    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, [
       "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 = {}, _ = 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;
+      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;
     }), x = () => {
       if (i !== "runtime" && i !== "preview")
         return;
@@ -1587,48 +1575,48 @@ const bl = /* @__PURE__ */ be(pl, [["render", fl]]), yl = ["id"], hl = /* @__PUR
         style: q(h.value),
         onSubmit: Yi(x, ["prevent"])
       }, {
-        default: T(() => [
+        default: S(() => [
           E(g.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "fast-fail", "style"]);
     };
   }
-}), _l = /* @__PURE__ */ S({
+}), kr = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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();
+    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();
     return (p, b) => {
       const u = A("v-icon");
       return w(), z(u, {
-        color: n(l),
-        disabled: n(r),
+        color: n(r),
+        disabled: n(l),
         icon: n(o),
         size: n(a),
         theme: n(c)
       }, null, 8, ["color", "disabled", "icon", "size", "theme"]);
     };
   }
-}), wl = ["id"], Vl = /* @__PURE__ */ S({
+}), _r = ["id"], wr = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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) => {
+    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/${ai()}`);
+    return Li(r, e, (u) => {
       if (i !== "runtime" && i !== "preview")
         return;
-      const d = l.interpreter;
+      const d = r.interpreter;
       if (!d)
         return;
       const { name: m } = u;
-      m === "open" ? (r.value = d.getProperty(d.globalObject, "__pointerPosX__"), o.value = d.getProperty(d.globalObject, "__pointerPosY__"), p.value = !0) : m === "close" && (p.value = !1);
+      m === "open" ? (l.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, {
@@ -1639,20 +1627,20 @@ const bl = /* @__PURE__ */ be(pl, [["render", fl]]), yl = ["id"], hl = /* @__PUR
         scrim: "transparent",
         target: a.value
       }, {
-        activator: T(() => [
+        activator: S(() => [
           n(i) === "editor" ? (w(), ne("div", {
             key: 0,
             id: `__node__@${c.value}`
-          }, null, 8, wl)) : ui("", !0)
+          }, null, 8, _r)) : ui("", !0)
         ]),
-        default: T(() => [
+        default: S(() => [
           E(u.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "target"]);
     };
   }
-}), $l = /* @__PURE__ */ S({
+}), Vr = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
@@ -1663,11 +1651,11 @@ const bl = /* @__PURE__ */ be(pl, [["render", fl]]), yl = ["id"], hl = /* @__PUR
       "settings",
       "addIcon",
       "append"
-    ]), { prop: l } = s(e, [
+    ]), { prop: r } = s(e, [
       "settings",
       "addIcon",
       "appendInner"
-    ]), { 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, [
+    ]), { 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, [
       "settings",
       "addIcon",
       "prepend"
@@ -1679,13 +1667,13 @@ const bl = /* @__PURE__ */ be(pl, [["render", fl]]), yl = ["id"], hl = /* @__PUR
     return (J, j) => {
       const Y = A("v-number-input");
       return w(), z(n(X), null, {
-        default: T(() => [
+        default: S(() => [
           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(l),
-            clearable: n(r),
+            "append-inner-icon": n(r),
+            clearable: n(l),
             "hide-details": n(o),
             label: n(a),
             loading: n(c),
@@ -1712,14 +1700,14 @@ const bl = /* @__PURE__ */ be(pl, [["render", fl]]), yl = ["id"], hl = /* @__PUR
       });
     };
   }
-}), Il = /* @__PURE__ */ S({
+}), $r = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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, [
+    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, [
       "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(() => {
@@ -1729,12 +1717,12 @@ const bl = /* @__PURE__ */ be(pl, [["render", fl]]), yl = ["id"], hl = /* @__PUR
     return (h, x) => {
       const g = A("v-pagination");
       return w(), z(n(X), null, {
-        default: T(() => [
+        default: S(() => [
           H(g, {
             modelValue: n(d),
             "onUpdate:modelValue": x[0] || (x[0] = (_) => G(d) ? d.value = _ : null),
-            density: n(l),
-            disabled: n(r),
+            density: n(r),
+            disabled: n(l),
             length: n(o),
             "show-first-last-page": n(a),
             size: n(c),
@@ -1749,19 +1737,19 @@ const bl = /* @__PURE__ */ be(pl, [["render", fl]]), yl = ["id"], hl = /* @__PUR
       });
     };
   }
-}), Cl = /* @__PURE__ */ S({
+}), Ir = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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"]);
+    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"]);
     return (u, d) => {
       const m = A("v-radio");
       return w(), z(m, {
-        color: n(l),
-        density: n(r),
+        color: n(r),
+        density: n(l),
         disabled: n(o),
         label: n(a),
         readonly: n(c),
@@ -1770,29 +1758,29 @@ const bl = /* @__PURE__ */ be(pl, [["render", fl]]), yl = ["id"], hl = /* @__PUR
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
   }
-}), Sl = /* @__PURE__ */ S({
+}), Cr = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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"]);
+    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"]);
     return (b, u) => {
       const d = A("v-radio-group");
       return w(), z(n(X), null, {
-        default: T(() => [
+        default: S(() => [
           H(d, {
             modelValue: n(p),
             "onUpdate:modelValue": u[0] || (u[0] = (m) => G(p) ? p.value = m : null),
             density: n(i),
-            direction: n(l),
-            disabled: n(r),
+            direction: n(r),
+            disabled: n(l),
             inline: n(o),
             readonly: n(a),
             theme: n(c)
           }, {
-            default: T(() => [
+            default: S(() => [
               E(b.$slots, "default")
             ]),
             _: 3
@@ -1802,14 +1790,14 @@ const bl = /* @__PURE__ */ be(pl, [["render", fl]]), yl = ["id"], hl = /* @__PUR
       });
     };
   }
-}), Tl = /* @__PURE__ */ S({
+}), Sr = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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(() => {
+    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(() => {
       if (u.value === "always")
         return "always";
       if (u.value === "show")
@@ -1846,13 +1834,13 @@ const bl = /* @__PURE__ */ be(pl, [["render", fl]]), yl = ["id"], hl = /* @__PUR
         modelValue: D.value,
         "onUpdate:modelValue": V[1] || (V[1] = (J) => D.value = J)
       }, {
-        default: T(() => [
+        default: S(() => [
           H(M, {
             modelValue: D.value,
             "onUpdate:modelValue": V[0] || (V[0] = (J) => D.value = J),
             density: n(i),
-            direction: n(l),
-            disabled: n(r),
+            direction: n(r),
+            disabled: n(l),
             "hide-details": n(o),
             label: n(a),
             max: n(c),
@@ -1871,27 +1859,27 @@ const bl = /* @__PURE__ */ be(pl, [["render", fl]]), yl = ["id"], hl = /* @__PUR
       }, 8, ["modelValue"]);
     };
   }
-}), zl = /* @__PURE__ */ S({
+}), Tr = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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, [
+    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, [
       "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: T(() => [
+        default: S(() => [
           H(f, {
             modelValue: n(u),
             "onUpdate:modelValue": m[0] || (m[0] = (h) => G(u) ? u.value = h : null),
             clearable: n(i),
-            density: n(l),
-            disabled: n(r),
+            density: n(r),
+            disabled: n(l),
             "half-increments": n(o),
             hover: n(a),
             length: n(c),
@@ -1903,24 +1891,24 @@ const bl = /* @__PURE__ */ be(pl, [["render", fl]]), yl = ["id"], hl = /* @__PUR
       });
     };
   }
-}), Al = /* @__PURE__ */ S({
+}), zr = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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"]);
+    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"]);
     return (b, u) => {
       const d = A("v-select");
       return w(), z(n(X), null, {
-        default: T(() => [
+        default: S(() => [
           H(d, {
             modelValue: n(p),
             "onUpdate:modelValue": u[0] || (u[0] = (m) => G(p) ? p.value = m : null),
             "hide-details": n(i),
-            label: n(l),
-            placeholder: n(r),
+            label: n(r),
+            placeholder: n(l),
             readonly: n(o),
             "single-line": n(a),
             theme: n(c)
@@ -1930,14 +1918,14 @@ const bl = /* @__PURE__ */ be(pl, [["render", fl]]), yl = ["id"], hl = /* @__PUR
       });
     };
   }
-}), Pl = /* @__PURE__ */ S({
+}), Ar = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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(() => {
+    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(() => {
       if (m.value === "always")
         return "always";
       if (m.value === "show")
@@ -1968,12 +1956,12 @@ const bl = /* @__PURE__ */ be(pl, [["render", fl]]), yl = ["id"], hl = /* @__PUR
     return (Z, ce) => {
       const ze = A("v-slider");
       return w(), z(n(X), null, {
-        default: T(() => [
+        default: S(() => [
           H(ze, {
             modelValue: n(J),
             "onUpdate:modelValue": ce[0] || (ce[0] = (Ki) => G(J) ? J.value = Ki : null),
-            color: n(l),
-            direction: n(r),
+            color: n(r),
+            direction: n(l),
             disabled: n(o),
             "hide-details": n(a),
             label: n(c),
@@ -1993,8 +1981,8 @@ const bl = /* @__PURE__ */ be(pl, [["render", fl]]), yl = ["id"], hl = /* @__PUR
           }, Jt({ _: 2 }, [
             n(j) ? {
               name: "append",
-              fn: T(() => [
-                H(n(le), {
+              fn: S(() => [
+                H(n(re), {
                   "ref-context": { refid: n(j) },
                   state: {}
                 }, null, 8, ["ref-context"])
@@ -2003,8 +1991,8 @@ const bl = /* @__PURE__ */ be(pl, [["render", fl]]), yl = ["id"], hl = /* @__PUR
             } : void 0,
             n(Y) ? {
               name: "prepend",
-              fn: T(() => [
-                H(n(le), {
+              fn: S(() => [
+                H(n(re), {
                   "ref-context": { refid: n(Y) },
                   state: {}
                 }, null, 8, ["ref-context"])
@@ -2017,40 +2005,40 @@ const bl = /* @__PURE__ */ be(pl, [["render", fl]]), yl = ["id"], hl = /* @__PUR
       });
     };
   }
-}), Wl = /* @__PURE__ */ S({
+}), Pr = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = s(e, ["settings", "hideActions"]), { theme: l } = R(), { prop: r } = s(e, ["settings", "value"]);
+    const e = t, { prop: i } = s(e, ["settings", "hideActions"]), { theme: r } = R(), { prop: l } = s(e, ["settings", "value"]);
     return (o, a) => {
       const c = A("v-stepper");
       return w(), z(c, {
-        modelValue: n(r),
-        "onUpdate:modelValue": a[0] || (a[0] = (p) => G(r) ? r.value = p : null),
+        modelValue: n(l),
+        "onUpdate:modelValue": a[0] || (a[0] = (p) => G(l) ? l.value = p : null),
         "hide-actions": n(i),
-        theme: n(l)
+        theme: n(r)
       }, {
-        default: T(() => [
+        default: S(() => [
           E(o.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "hide-actions", "theme"]);
     };
   }
-}), Ll = {};
-function Bl(t, e) {
+}), Wr = {};
+function Lr(t, e) {
   const i = A("v-stepper-header");
   return w(), z(i, null, {
-    default: T(() => [
+    default: S(() => [
       E(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Nl = /* @__PURE__ */ be(Ll, [["render", Bl]]), Rl = /* @__PURE__ */ S({
+const Br = /* @__PURE__ */ be(Wr, [["render", Lr]]), Nr = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
@@ -2058,27 +2046,27 @@ const Nl = /* @__PURE__ */ be(Ll, [["render", Bl]]), Rl = /* @__PURE__ */ S({
   },
   setup(t) {
     const e = t, { prop: i } = s(e, ["settings", "value"]);
-    return (l, r) => {
+    return (r, l) => {
       const o = A("v-stepper-item");
       return w(), z(o, { value: n(i) }, {
-        default: T(() => [
-          E(l.$slots, "default")
+        default: S(() => [
+          E(r.$slots, "default")
         ]),
         _: 3
       }, 8, ["value"]);
     };
   }
-}), Dl = {};
-function El(t, e) {
+}), Rr = {};
+function Dr(t, e) {
   const i = A("v-stepper-window");
   return w(), z(i, null, {
-    default: T(() => [
+    default: S(() => [
       E(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Fl = /* @__PURE__ */ be(Dl, [["render", El]]), Ml = /* @__PURE__ */ S({
+const Er = /* @__PURE__ */ be(Rr, [["render", Dr]]), Fr = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
@@ -2086,37 +2074,37 @@ const Fl = /* @__PURE__ */ be(Dl, [["render", El]]), Ml = /* @__PURE__ */ S({
   },
   setup(t) {
     const e = t, { prop: i } = s(e, ["settings", "value"]);
-    return (l, r) => {
+    return (r, l) => {
       const o = A("v-stepper-window-item");
       return w(), z(o, { value: n(i) }, {
-        default: T(() => [
-          E(l.$slots, "default")
+        default: S(() => [
+          E(r.$slots, "default")
         ]),
         _: 3
       }, 8, ["value"]);
     };
   }
-}), Hl = /* @__PURE__ */ S({
+}), Mr = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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, [
+    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",
       "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: T(() => [
+        default: S(() => [
           H(x, {
             modelValue: n(m),
             "onUpdate:modelValue": h[0] || (h[0] = (g) => G(m) ? m.value = g : null),
             density: n(i),
-            direction: n(l),
-            disabled: n(r),
+            direction: n(r),
+            disabled: n(l),
             "hide-details": n(o),
             indeterminate: n(a),
             inline: n(c),
@@ -2130,25 +2118,25 @@ const Fl = /* @__PURE__ */ be(Dl, [["render", El]]), Ml = /* @__PURE__ */ S({
       });
     };
   }
-}), jl = /* @__PURE__ */ S({
+}), Hr = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Q(), { prop: l } = s(e, ["settings", "text"]), { theme: r } = R(), { prop: o } = s(e, ["settings", "value"]), a = k(() => {
+    const e = t, i = Q(), { prop: r } = s(e, ["settings", "text"]), { theme: l } = 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: T(() => [
+        default: S(() => [
           H(b, {
             style: q(a.value),
-            text: n(l),
-            theme: n(r),
+            text: n(r),
+            theme: n(l),
             value: n(o)
           }, null, 8, ["style", "text", "theme", "value"])
         ]),
@@ -2156,18 +2144,18 @@ const Fl = /* @__PURE__ */ be(Dl, [["render", El]]), Ml = /* @__PURE__ */ S({
       });
     };
   }
-}), Gl = /* @__PURE__ */ S({
+}), jr = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = s(e, ["settings", "alignTabs"]), { prop: l } = s(e, [
+    const e = t, { prop: i } = s(e, ["settings", "alignTabs"]), { prop: r } = s(e, [
       "settings",
       "color",
       "backgroundColor"
-    ]), { color: r } = U(l), { prop: o } = s(e, [
+    ]), { color: l } = U(r), { prop: o } = s(e, [
       "settings",
       "centerActive"
     ]), { prop: a } = s(e, [
@@ -2185,7 +2173,7 @@ const Fl = /* @__PURE__ */ be(Dl, [["render", El]]), Ml = /* @__PURE__ */ S({
         modelValue: n(N),
         "onUpdate:modelValue": B[0] || (B[0] = (M) => G(N) ? N.value = M : null),
         "align-tabs": n(i),
-        "bg-color": n(r),
+        "bg-color": n(l),
         "center-active": n(o),
         color: n(c),
         density: n(p),
@@ -2201,46 +2189,46 @@ const Fl = /* @__PURE__ */ be(Dl, [["render", El]]), Ml = /* @__PURE__ */ S({
         stacked: n(I),
         theme: n($)
       }, {
-        default: T(() => [
+        default: S(() => [
           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"]);
     };
   }
-}), Ul = /* @__PURE__ */ S({
+}), Gr = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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 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 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"), 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 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 (u, d) => (w(), ne("span", {
       class: Zi(b.value)
     }, qi(n(c)), 3));
   }
-}), Ol = /* @__PURE__ */ S({
+}), Ur = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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"]);
+    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"]);
     return (_, v) => {
       const I = A("v-textarea");
       return w(), z(n(X), null, {
-        default: T(() => [
+        default: S(() => [
           H(I, {
             modelValue: n(x),
             "onUpdate:modelValue": v[0] || (v[0] = ($) => G(x) ? x.value = $ : null),
             "auto-grow": n(i),
-            clearable: n(l),
-            density: n(r),
+            clearable: n(r),
+            density: n(l),
             disabled: n(o),
             label: n(a),
             loading: n(c),
@@ -2258,17 +2246,17 @@ const Fl = /* @__PURE__ */ be(Dl, [["render", El]]), Ml = /* @__PURE__ */ S({
       });
     };
   }
-}), Kl = /* @__PURE__ */ S({
+}), Or = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = s(e, ["settings", "appendIcon"]), { prop: l } = s(e, [
+    const e = t, { prop: i } = s(e, ["settings", "appendIcon"]), { prop: r } = s(e, [
       "settings",
       "appendInnerIcon"
-    ]), { 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, [
+    ]), { 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, [
       "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, [
@@ -2281,13 +2269,13 @@ const Fl = /* @__PURE__ */ be(Dl, [["render", El]]), Ml = /* @__PURE__ */ S({
     return (J, j) => {
       const Y = A("v-text-field");
       return w(), z(n(X), null, {
-        default: T(() => [
+        default: S(() => [
           H(Y, {
             modelValue: n($),
             "onUpdate:modelValue": j[0] || (j[0] = (Z) => G($) ? $.value = Z : null),
             "append-icon": n(i),
-            "append-inner-icon": n(l),
-            autofocus: n(r),
+            "append-inner-icon": n(r),
+            autofocus: n(l),
             clearable: n(o),
             density: n(a),
             disabled: n(c),
@@ -2307,8 +2295,8 @@ const Fl = /* @__PURE__ */ be(Dl, [["render", El]]), Ml = /* @__PURE__ */ S({
           }, Jt({ _: 2 }, [
             n(D) ? {
               name: "append",
-              fn: T(() => [
-                H(n(le), {
+              fn: S(() => [
+                H(n(re), {
                   "ref-context": { refid: n(D) },
                   state: {}
                 }, null, 8, ["ref-context"])
@@ -2317,8 +2305,8 @@ const Fl = /* @__PURE__ */ be(Dl, [["render", El]]), Ml = /* @__PURE__ */ S({
             } : void 0,
             n(B) ? {
               name: "append-inner",
-              fn: T(() => [
-                H(n(le), {
+              fn: S(() => [
+                H(n(re), {
                   "ref-context": { refid: n(B) },
                   state: {}
                 }, null, 8, ["ref-context"])
@@ -2327,8 +2315,8 @@ const Fl = /* @__PURE__ */ be(Dl, [["render", El]]), Ml = /* @__PURE__ */ S({
             } : void 0,
             n(V) ? {
               name: "prepend",
-              fn: T(() => [
-                H(n(le), {
+              fn: S(() => [
+                H(n(re), {
                   "ref-context": { refid: n(V) },
                   state: {}
                 }, null, 8, ["ref-context"])
@@ -2337,8 +2325,8 @@ const Fl = /* @__PURE__ */ be(Dl, [["render", El]]), Ml = /* @__PURE__ */ S({
             } : void 0,
             n(M) ? {
               name: "prepend-inner",
-              fn: T(() => [
-                H(n(le), {
+              fn: S(() => [
+                H(n(re), {
                   "ref-context": { refid: n(M) },
                   state: {}
                 }, null, 8, ["ref-context"])
@@ -2351,14 +2339,14 @@ const Fl = /* @__PURE__ */ be(Dl, [["render", El]]), Ml = /* @__PURE__ */ S({
       });
     };
   }
-}), Jl = /* @__PURE__ */ S({
+}), Kr = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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, [
+    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, [
       "settings",
       "dot",
       "color"
@@ -2382,8 +2370,8 @@ const Fl = /* @__PURE__ */ be(Dl, [["render", El]]), Ml = /* @__PURE__ */ S({
       const v = A("v-timeline");
       return w(), z(v, {
         align: n(i),
-        density: n(l),
-        direction: n(r),
+        density: n(r),
+        direction: n(l),
         "dot-color": n(a),
         "fill-dot": n(c),
         "hide-opposite": n(p),
@@ -2394,62 +2382,62 @@ const Fl = /* @__PURE__ */ be(Dl, [["render", El]]), Ml = /* @__PURE__ */ S({
         theme: n(x),
         "truncate-line": n(h)
       }, {
-        default: T(() => [
+        default: S(() => [
           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"]);
     };
   }
-}), Xl = {};
-function Yl(t, e) {
+}), Jr = {};
+function Xr(t, e) {
   const i = A("v-timeline-item");
   return w(), z(i, null, {
-    default: T(() => [
+    default: S(() => [
       E(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Zl = /* @__PURE__ */ be(Xl, [["render", Yl]]), ql = /* @__PURE__ */ S({
+const Yr = /* @__PURE__ */ be(Jr, [["render", Xr]]), Zr = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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"]);
+    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"]);
     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(r),
-        disabled: n(l),
+        direction: n(l),
+        disabled: n(r),
         reverse: n(o),
         "show-arrows": n(a),
         theme: n(p),
         touch: n(c)
       }, {
-        default: T(() => [
+        default: S(() => [
           E(u.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "continuous", "direction", "disabled", "reverse", "show-arrows", "theme", "touch"]);
     };
   }
-}), Ql = {};
-function er(t, e) {
+}), qr = {};
+function Qr(t, e) {
   const i = A("v-window-item");
   return w(), z(i, null, {
-    default: T(() => [
+    default: S(() => [
       E(t.$slots, "default")
     ]),
     _: 3
   });
 }
-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 = {
+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 = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -2511,7 +2499,7 @@ const tr = /* @__PURE__ */ be(Ql, [["render", er]]), Ni = "badge_v1", mn = "brea
       ]
     }
   ]
-}, nr = F(K), me = {
+}, tl = F(K), me = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -2529,7 +2517,7 @@ const tr = /* @__PURE__ */ be(Ql, [["render", er]]), Ni = "badge_v1", mn = "brea
       types: "borderWidthTypesV1",
       default: ""
     },
-    nr,
+    tl,
     {
       key: "roundRadius",
       name: "x-runtime-lib.roundRadius",
@@ -2793,19 +2781,19 @@ const tr = /* @__PURE__ */ be(Ql, [["render", er]]), Ni = "badge_v1", mn = "brea
     }
   ]
 };
-function ir(t, e) {
-  const i = `type=${t} subtype=${e}`, l = L(t, e);
-  if (!l) {
+function nl(t, e) {
+  const i = `type=${t} subtype=${e}`, r = L(t, e);
+  if (!r) {
     console.error(`barChartV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = _t.props[l];
-  if (!r) {
+  const l = _t.props[r];
+  if (!l) {
     console.error(`barChartV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  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 = [
+  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 = [
     {
       type: "bar",
       data: [120, 200, 150, 80, 70, 110, 130]
@@ -2836,7 +2824,7 @@ const yn = {
 }, _t = {
   key: Fe,
   name: "x-runtime-lib.barChart",
-  comp: Ds,
+  comp: Rs,
   props: {
     pageCommon: [y, O, Ve, $e, Ie, we, yn],
     compCommon: [y, O, Ve, $e, Ie, we, yn]
@@ -2845,22 +2833,22 @@ const yn = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: ir
+  spawn: nl
 };
 C(_t);
-function or(t, e) {
-  const i = `type=${t} subtype=${e}`, l = L(t, e);
-  if (!l) {
+function il(t, e) {
+  const i = `type=${t} subtype=${e}`, r = L(t, e);
+  if (!r) {
     console.error(`lineChartV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = wt.props[l];
-  if (!r) {
+  const l = wt.props[r];
+  if (!l) {
     console.error(`lineChartV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  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 = [
+  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 = [
     {
       type: "line",
       data: [120, 200, 150, 80, 70, 110, 130]
@@ -2891,7 +2879,7 @@ const hn = {
 }, wt = {
   key: st,
   name: "x-runtime-lib.lineChart",
-  comp: Es,
+  comp: Ds,
   props: {
     pageCommon: [y, O, Ve, $e, Ie, we, hn],
     compCommon: [y, O, Ve, $e, Ie, we, hn]
@@ -2900,7 +2888,7 @@ const hn = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: or
+  spawn: il
 };
 C(wt);
 const Qt = F(K);
@@ -2914,7 +2902,7 @@ const gn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, sr = {
+}, ol = {
   key: ot,
   name: "x-runtime-lib.globality",
   comp: null,
@@ -2962,7 +2950,7 @@ const gn = {
   slots: [],
   internal: !0
 };
-C(sr);
+C(ol);
 const vn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -2998,10 +2986,10 @@ const vn = {
       default: !1
     }
   ]
-}, Qa = {
+}, Za = {
   key: Ni,
   name: "x-runtime-lib.badge",
-  comp: Qs,
+  comp: qs,
   props: {
     pageCommon: [y, vn],
     compCommon: [y, vn]
@@ -3010,21 +2998,21 @@ const vn = {
   methods: [],
   slots: []
 };
-function lr(t, e) {
-  const i = `type=${t} subtype=${e}`, l = L(t, e);
-  if (!l) {
+function sl(t, e) {
+  const i = `type=${t} subtype=${e}`, r = L(t, e);
+  if (!r) {
     console.error(`btnV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = Vt.props[l];
-  if (!r) {
+  const l = Vt.props[r];
+  if (!l) {
     console.error(`btnV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, r), o.basic.id = P(16), o.basic.key = Vt.key, o.settings.text = "button", o;
+  return W(o, l), o.basic.id = P(16), o.basic.key = Vt.key, o.settings.text = "button", o;
 }
-const rr = F(K), kn = {
+const rl = F(K), kn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3103,7 +3091,7 @@ const rr = F(K), kn = {
       ui: "switch",
       default: !1
     },
-    rr,
+    rl,
     {
       key: "ripple",
       name: "x-runtime-lib.ripple",
@@ -3114,7 +3102,7 @@ const rr = F(K), kn = {
 }, Vt = {
   key: Me,
   name: "x-runtime-lib.button",
-  comp: el,
+  comp: Qs,
   props: {
     pageCommon: [y, O, kn],
     compCommon: [y, O, kn]
@@ -3129,13 +3117,13 @@ const rr = F(K), kn = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: lr
+  spawn: sl
 };
 C(Vt);
-const ar = {
+const ll = {
   key: He,
   name: "x-runtime-lib.buttonGroup",
-  comp: il,
+  comp: nr,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -3144,7 +3132,7 @@ const ar = {
   methods: [],
   slots: []
 };
-C(ar);
+C(ll);
 const _n = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -3206,10 +3194,10 @@ const _n = {
       default: !1
     }
   ]
-}, ur = {
+}, al = {
   key: je,
   name: "x-runtime-lib.buttonToggle",
-  comp: ol,
+  comp: ir,
   props: {
     pageCommon: [y, _n],
     compCommon: [y, _n]
@@ -3218,20 +3206,20 @@ const _n = {
   methods: [],
   slots: []
 };
-C(ur);
-function cr(t, e) {
-  const i = `type=${t} subtype=${e}`, l = L(t, e);
-  if (!l) {
+C(al);
+function ul(t, e) {
+  const i = `type=${t} subtype=${e}`, r = L(t, e);
+  if (!r) {
     console.error(`cardV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = xe.props[l];
-  if (!r) {
+  const l = xe.props[r];
+  if (!l) {
     console.error(`cardV1/spawn props not found, ${i}`);
     return;
   }
   const 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;
+  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;
 }
 const wn = {
   key: "settings",
@@ -3291,7 +3279,7 @@ const wn = {
 }, xe = {
   key: Ge,
   name: "x-runtime-lib.card",
-  comp: sl,
+  comp: or,
   props: {
     pageCommon: [y, O, wn],
     compCommon: [y, O, wn]
@@ -3299,7 +3287,7 @@ const wn = {
   events: [],
   methods: [],
   slots: [],
-  spawn: cr
+  spawn: ul
 };
 C(xe);
 const Vn = {
@@ -3319,10 +3307,10 @@ const Vn = {
       default: ""
     }
   ]
-}, dr = {
+}, cl = {
   key: Ue,
   name: "x-runtime-lib.checkbox",
-  comp: ll,
+  comp: sr,
   props: {
     pageCommon: [y, Vn],
     compCommon: [y, Vn]
@@ -3332,8 +3320,8 @@ const Vn = {
   slots: [],
   leaf: !0
 };
-C(dr);
-const mr = F(K), $n = {
+C(cl);
+const dl = F(K), $n = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3406,12 +3394,12 @@ const mr = F(K), $n = {
       ui: "switch",
       default: !1
     },
-    mr
+    dl
   ]
 }, $t = {
   key: Oe,
   name: "x-runtime-lib.chip",
-  comp: rl,
+  comp: rr,
   props: {
     pageCommon: [y, $n],
     compCommon: [y, $n]
@@ -3422,19 +3410,19 @@ const mr = F(K), $n = {
   leaf: !0
 };
 C($t);
-function pr(t, e) {
-  const i = `type=${t} subtype=${e}`, l = L(t, e);
-  if (!l) {
+function ml(t, e) {
+  const i = `type=${t} subtype=${e}`, r = L(t, e);
+  if (!r) {
     console.error(`chipGroupV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = It.props[l];
-  if (!r) {
+  const l = It.props[r];
+  if (!l) {
     console.error(`chipGroupV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, r), o.basic.id = P(16), o.basic.key = It.key, o.children = [
+  return W(o, l), 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"),
@@ -3443,19 +3431,19 @@ function pr(t, e) {
     de(t, e, "chip6", "chip 6")
   ], o;
 }
-function de(t, e, i, l) {
-  const r = `type=${t} subtype=${e}`, o = L(t, e);
+function de(t, e, i, r) {
+  const l = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
-    console.error(`chipGroupV1/spawnChip prop tag not found, ${r}`);
+    console.error(`chipGroupV1/spawnChip prop tag not found, ${l}`);
     return;
   }
   const a = $t.props[o];
   if (!a) {
-    console.error(`chipGroupV1/spawnChip props not found, ${r}`);
+    console.error(`chipGroupV1/spawnChip props not found, ${l}`);
     return;
   }
   const c = {};
-  return W(c, a), c.basic.id = P(16), c.basic.key = $t.key, c.settings.value = i, c.settings.text = l, c;
+  return W(c, a), c.basic.id = P(16), c.basic.key = $t.key, c.settings.value = i, c.settings.text = r, c;
 }
 const In = {
   key: "settings",
@@ -3514,7 +3502,7 @@ const In = {
 }, It = {
   key: Ke,
   name: "x-runtime-lib.chipGroup",
-  comp: al,
+  comp: lr,
   props: {
     pageCommon: [y, In],
     compCommon: [y, In]
@@ -3522,13 +3510,13 @@ const In = {
   events: [],
   methods: [],
   slots: [],
-  spawn: pr
+  spawn: ml
 };
 C(It);
-const fr = {
+const pl = {
   key: Je,
   name: "x-runtime-lib.colorPicker",
-  comp: ul,
+  comp: ar,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -3538,7 +3526,7 @@ const fr = {
   slots: [],
   leaf: !0
 };
-C(fr);
+C(pl);
 const Cn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -3580,10 +3568,10 @@ const Cn = {
       default: !1
     }
   ]
-}, br = {
+}, fl = {
   key: Xe,
   name: "x-runtime-lib.combobox",
-  comp: cl,
+  comp: ur,
   props: {
     pageCommon: [y, Cn],
     compCommon: [y, Cn]
@@ -3593,7 +3581,7 @@ const Cn = {
   slots: [],
   leaf: !0
 };
-C(br);
+C(fl);
 const en = F(K);
 en.key = "backgroundColor";
 en.name = "x-runtime-lib.backgroundColor";
@@ -3604,7 +3592,7 @@ const Sn = {
 }, Ct = {
   key: Ye,
   name: "x-runtime-lib.container",
-  comp: dl,
+  comp: cr,
   props: {
     pageCommon: [y, O, me, pe, fe, Sn],
     compCommon: [y, O, me, pe, fe, Sn]
@@ -3772,10 +3760,10 @@ const Tn = {
       defaultArray: []
     }
   ]
-}, yr = {
+}, bl = {
   key: Ze,
   name: "x-runtime-lib.dataTable",
-  comp: ml,
+  comp: dr,
   props: {
     pageCommon: [y, Tn, zn, An],
     compCommon: [y, Tn, zn, An]
@@ -3785,11 +3773,11 @@ const Tn = {
   slots: [],
   leaf: !0
 };
-C(yr);
-const hr = {
+C(bl);
+const yl = {
   key: qe,
   name: "x-runtime-lib.datePicker",
-  comp: bl,
+  comp: fr,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -3799,11 +3787,11 @@ const hr = {
   slots: [],
   leaf: !0
 };
-C(hr);
-const gr = {
+C(yl);
+const hl = {
   key: Qe,
   name: "x-runtime-lib.dialog",
-  comp: hl,
+  comp: yr,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -3826,15 +3814,15 @@ const gr = {
   slots: [],
   teleport: !0
 };
-C(gr);
+C(hl);
 const Pn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, eu = {
+}, qa = {
   key: et,
   name: "x-runtime-lib.fileInput",
-  comp: gl,
+  comp: hr,
   props: {
     pageCommon: [y, Pn],
     compCommon: [y, Pn]
@@ -3863,7 +3851,7 @@ const Pn = {
 }, St = {
   key: Ri,
   name: "x-runtime-lib.flexLayoutEntry",
-  comp: vl,
+  comp: xr,
   props: {
     pageCommon: [y, O, Wn],
     compCommon: [y, O, Wn]
@@ -3873,19 +3861,19 @@ const Pn = {
   slots: []
 };
 C(St);
-function xr(t, e) {
-  const i = `type=${t} subtype=${e}`, l = L(t, e);
-  if (!l) {
+function gl(t, e) {
+  const i = `type=${t} subtype=${e}`, r = L(t, e);
+  if (!r) {
     console.error(`flexLayoutV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = ve.props[l];
-  if (!r) {
+  const l = ve.props[r];
+  if (!l) {
     console.error(`flexLayoutV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, r), o.basic.id = P(16), o.basic.key = ve.key, o.children = [
+  return W(o, l), o.basic.id = P(16), o.basic.key = ve.key, o.children = [
     Tt(
       t,
       e,
@@ -3906,10 +3894,10 @@ function xr(t, e) {
       "60px",
       void 0
     ),
-    vr(t, e)
+    xl(t, e)
   ], o;
 }
-function Tt(t, e, i, l, r, o, a, c, p) {
+function Tt(t, e, i, r, l, o, a, c, p) {
   const b = `type=${t} subtype=${e}`, u = L(t, e);
   if (!u) {
     console.error(
@@ -3923,16 +3911,16 @@ function Tt(t, e, i, l, r, o, a, c, p) {
     return;
   }
   const 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;
+  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;
 }
-function vr(t, e) {
-  const i = `type=${t} subtype=${e}`, l = L(t, e);
-  if (!l) {
+function xl(t, e) {
+  const i = `type=${t} subtype=${e}`, r = L(t, e);
+  if (!r) {
     console.error(`flexLayoutV1/spawnEntry prop tag not found, ${i}`);
     return;
   }
-  const r = St.props[l];
-  if (!r) {
+  const l = St.props[r];
+  if (!l) {
     console.error(`flexLayoutV1/spawnEntry props not found, ${i}`);
     return;
   }
@@ -3942,7 +3930,7 @@ function vr(t, e) {
       key: ""
     }
   };
-  return W(o, r), o.basic.id = P(16), o.basic.key = St.key, o.children = [
+  return W(o, l), o.basic.id = P(16), o.basic.key = St.key, o.children = [
     Tt(
       t,
       e,
@@ -4131,7 +4119,7 @@ const Ln = {
 }, ve = {
   key: tt,
   name: "x-runtime-lib.flexLayout",
-  comp: xl,
+  comp: gr,
   props: {
     pageCommon: [y, O, me, pe, fe, Ln],
     compCommon: [y, O, me, pe, fe, Ln]
@@ -4145,7 +4133,7 @@ const Ln = {
   ],
   methods: [],
   slots: [],
-  spawn: xr
+  spawn: gl
 };
 C(ve);
 const Bn = {
@@ -4301,7 +4289,7 @@ const Bn = {
 }, zt = {
   key: xt,
   name: "x-runtime-lib.textField",
-  comp: Kl,
+  comp: Or,
   props: {
     pageCommon: [y, Bn, Nn],
     compCommon: [y, Bn, Nn]
@@ -4337,33 +4325,33 @@ const Bn = {
   leaf: !0
 };
 C(zt);
-function kr(t, e) {
-  const i = `type=${t} subtype=${e}`, l = L(t, e);
-  if (!l) {
+function vl(t, e) {
+  const i = `type=${t} subtype=${e}`, r = L(t, e);
+  if (!r) {
     console.error(`formV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = At.props[l];
-  if (!r) {
+  const l = At.props[r];
+  if (!l) {
     console.error(`formV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, r), o.basic.id = P(16), o.basic.key = At.key, o.children = [_r(t, e)], o;
+  return W(o, l), o.basic.id = P(16), o.basic.key = At.key, o.children = [kl(t, e)], o;
 }
-function _r(t, e) {
-  const i = `type=${t} subtype=${e}`, l = L(t, e);
-  if (!l) {
+function kl(t, e) {
+  const i = `type=${t} subtype=${e}`, r = L(t, e);
+  if (!r) {
     console.error(`formV1/spawnTextField prop tag not found, ${i}`);
     return;
   }
-  const r = zt.props[l];
-  if (!r) {
+  const l = zt.props[r];
+  if (!l) {
     console.error(`formV1/spawnTextField props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, r), o.basic.id = P(16), o.basic.key = zt.key, o;
+  return W(o, l), o.basic.id = P(16), o.basic.key = zt.key, o;
 }
 const Rn = {
   key: "settings",
@@ -4386,7 +4374,7 @@ const Rn = {
 }, At = {
   key: nt,
   name: "x-runtime-lib.form",
-  comp: kl,
+  comp: vr,
   props: {
     pageCommon: [y, O, me, pe, fe, Rn],
     compCommon: [y, O, me, pe, fe, Rn]
@@ -4400,10 +4388,10 @@ const Rn = {
   ],
   methods: [],
   slots: [],
-  spawn: kr
+  spawn: vl
 };
 C(At);
-const wr = F(K), Dn = {
+const _l = F(K), Dn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4426,12 +4414,12 @@ const wr = F(K), Dn = {
       items: "sizeItemsV1",
       default: "default"
     },
-    wr
+    _l
   ]
-}, Vr = {
+}, wl = {
   key: it,
   name: "x-runtime-lib.icon",
-  comp: _l,
+  comp: kr,
   props: {
     pageCommon: [y, Dn],
     compCommon: [y, Dn]
@@ -4441,11 +4429,11 @@ const wr = F(K), Dn = {
   slots: [],
   leaf: !0
 };
-C(Vr);
-const $r = {
-  key: lt,
+C(wl);
+const Vl = {
+  key: rt,
   name: "x-runtime-lib.menu",
-  comp: Vl,
+  comp: wr,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -4468,20 +4456,20 @@ const $r = {
   slots: [],
   teleport: !0
 };
-C($r);
-function Ir(t, e) {
-  const i = `type=${t} subtype=${e}`, l = L(t, e);
-  if (!l) {
+C(Vl);
+function $l(t, e) {
+  const i = `type=${t} subtype=${e}`, r = L(t, e);
+  if (!r) {
     console.error(`numberInputV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = Pt.props[l];
-  if (!r) {
+  const l = Pt.props[r];
+  if (!l) {
     console.error(`numberInputV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, r), o.basic.id = P(16), o.basic.key = Pt.key, o.settings.label = "label", o.settings.placeholder = "placeholder", o;
+  return W(o, l), o.basic.id = P(16), o.basic.key = Pt.key, o.settings.label = "label", o.settings.placeholder = "placeholder", o;
 }
 const En = {
   key: "size",
@@ -4651,9 +4639,9 @@ const En = {
     }
   ]
 }, Pt = {
-  key: rt,
+  key: lt,
   name: "x-runtime-lib.numberInput",
-  comp: $l,
+  comp: Vr,
   props: {
     pageCommon: [y, En, Fn],
     compCommon: [y, En, Fn]
@@ -4688,7 +4676,7 @@ const En = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Ir
+  spawn: $l
 };
 C(Pt);
 const Mn = {
@@ -4754,10 +4742,10 @@ const Mn = {
       default: !1
     }
   ]
-}, Cr = {
+}, Il = {
   key: at,
   name: "x-runtime-lib.pagination",
-  comp: Il,
+  comp: $r,
   props: {
     pageCommon: [y, Mn],
     compCommon: [y, Mn]
@@ -4767,8 +4755,8 @@ const Mn = {
   slots: [],
   leaf: !0
 };
-C(Cr);
-const Sr = F(K), Hn = {
+C(Il);
+const Cl = F(K), Hn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4803,12 +4791,12 @@ const Sr = F(K), Hn = {
       items: "densityItemsV1",
       default: "default"
     },
-    Sr
+    Cl
   ]
 }, Wt = {
   key: Di,
   name: "x-runtime-lib.radio",
-  comp: Cl,
+  comp: Ir,
   props: {
     pageCommon: [y, Hn],
     compCommon: [y, Hn]
@@ -4819,37 +4807,37 @@ const Sr = F(K), Hn = {
   leaf: !0
 };
 C(Wt);
-function Tr(t, e) {
-  const i = `type=${t} subtype=${e}`, l = L(t, e);
-  if (!l) {
+function Sl(t, e) {
+  const i = `type=${t} subtype=${e}`, r = L(t, e);
+  if (!r) {
     console.error(`radioGroupV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = Lt.props[l];
-  if (!r) {
+  const l = Lt.props[r];
+  if (!l) {
     console.error(`radioGroupV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, r), o.basic.id = P(16), o.basic.key = Lt.key, o.children = [
+  return W(o, l), 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, l) {
-  const r = `type=${t} subtype=${e}`, o = L(t, e);
+function We(t, e, i, r) {
+  const l = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
-    console.error(`radioGroupV1/spawnEntry prop tag not found, ${r}`);
+    console.error(`radioGroupV1/spawnEntry prop tag not found, ${l}`);
     return;
   }
   const a = Wt.props[o];
   if (!a) {
-    console.error(`radioGroupV1/spawnEntry props not found, ${r}`);
+    console.error(`radioGroupV1/spawnEntry props not found, ${l}`);
     return;
   }
   const c = {};
-  return W(c, a), c.basic.id = P(16), c.basic.key = Wt.key, c.settings.value = i, c.settings.label = l, c;
+  return W(c, a), c.basic.id = P(16), c.basic.key = Wt.key, c.settings.value = i, c.settings.label = r, c;
 }
 const jn = {
   key: "settings",
@@ -4897,7 +4885,7 @@ const jn = {
 }, Lt = {
   key: ut,
   name: "x-runtime-lib.radioGroup",
-  comp: Sl,
+  comp: Cr,
   props: {
     pageCommon: [y, jn],
     compCommon: [y, jn]
@@ -4905,7 +4893,7 @@ const jn = {
   events: [],
   methods: [],
   slots: [],
-  spawn: Tr
+  spawn: Sl
 };
 C(Lt);
 const Gn = {
@@ -5025,10 +5013,10 @@ const Gn = {
       ]
     }
   ]
-}, zr = {
+}, Tl = {
   key: ct,
   name: "x-runtime-lib.rangeSlider",
-  comp: Tl,
+  comp: Sr,
   props: {
     pageCommon: [y, Gn],
     compCommon: [y, Gn]
@@ -5038,7 +5026,7 @@ const Gn = {
   slots: [],
   leaf: !0
 };
-C(zr);
+C(Tl);
 const Un = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5094,10 +5082,10 @@ const Un = {
       default: !1
     }
   ]
-}, Ar = {
+}, zl = {
   key: dt,
   name: "x-runtime-lib.rating",
-  comp: zl,
+  comp: Tr,
   props: {
     pageCommon: [y, Un],
     compCommon: [y, Un]
@@ -5107,7 +5095,7 @@ const Un = {
   slots: [],
   leaf: !0
 };
-C(Ar);
+C(zl);
 const On = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5149,10 +5137,10 @@ const On = {
       default: !1
     }
   ]
-}, Pr = {
+}, Al = {
   key: mt,
   name: "x-runtime-lib.select",
-  comp: Al,
+  comp: zr,
   props: {
     pageCommon: [y, On],
     compCommon: [y, On]
@@ -5162,7 +5150,7 @@ const On = {
   slots: [],
   leaf: !0
 };
-C(Pr);
+C(Al);
 const nn = F(K);
 nn.key = "color";
 nn.name = "x-runtime-lib.color";
@@ -5298,10 +5286,10 @@ const Kn = {
       default: void 0
     }
   ]
-}, Wr = {
+}, Pl = {
   key: pt,
   name: "x-runtime-lib.slider",
-  comp: Pl,
+  comp: Ar,
   props: {
     pageCommon: [y, Kn, Jn],
     compCommon: [y, Kn, Jn]
@@ -5311,11 +5299,11 @@ const Kn = {
   slots: [],
   leaf: !0
 };
-C(Wr);
+C(Pl);
 const Bt = {
   key: Ei,
   name: "x-runtime-lib.stepperHeader",
-  comp: Nl,
+  comp: Br,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -5339,7 +5327,7 @@ const Xn = {
 }, Nt = {
   key: Fi,
   name: "x-runtime-lib.stepperItem",
-  comp: Rl,
+  comp: Nr,
   props: {
     pageCommon: [y, Xn],
     compCommon: [y, Xn]
@@ -5352,7 +5340,7 @@ C(Nt);
 const Rt = {
   key: Mi,
   name: "x-runtime-lib.stepperWindow",
-  comp: Fl,
+  comp: Er,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -5376,7 +5364,7 @@ const Yn = {
 }, Dt = {
   key: Hi,
   name: "x-runtime-lib.stepperWindowItem",
-  comp: Ml,
+  comp: Fr,
   props: {
     pageCommon: [y, Yn],
     compCommon: [y, Yn]
@@ -5386,93 +5374,93 @@ const Yn = {
   slots: []
 };
 C(Dt);
-function Lr(t, e) {
-  const i = `type=${t} subtype=${e}`, l = L(t, e);
-  if (!l) {
+function Wl(t, e) {
+  const i = `type=${t} subtype=${e}`, r = L(t, e);
+  if (!r) {
     console.error(`stepperV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = Et.props[l];
-  if (!r) {
+  const l = Et.props[r];
+  if (!l) {
     console.error(`stepperV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, r), o.basic.id = P(16), o.basic.key = Et.key, o.children = [Br(t, e), Nr(t, e)], o;
+  return W(o, l), o.basic.id = P(16), o.basic.key = Et.key, o.children = [Ll(t, e), Bl(t, e)], o;
 }
-function Br(t, e) {
-  const i = `type=${t} subtype=${e}`, l = L(t, e);
-  if (!l) {
+function Ll(t, e) {
+  const i = `type=${t} subtype=${e}`, r = L(t, e);
+  if (!r) {
     console.error(`stepperV1/spawnHeader prop tag not found, ${i}`);
     return;
   }
-  const r = Bt.props[l];
-  if (!r) {
+  const l = Bt.props[r];
+  if (!l) {
     console.error(`stepperV1/spawnHeader props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, r), o.basic.id = P(16), o.basic.key = Bt.key, o.children = [
+  return W(o, l), 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 l = `type=${t} subtype=${e}`, r = L(t, e);
-  if (!r) {
-    console.error(`stepperV1/spawnItem prop tag not found, ${l}`);
+  const r = `type=${t} subtype=${e}`, l = L(t, e);
+  if (!l) {
+    console.error(`stepperV1/spawnItem prop tag not found, ${r}`);
     return;
   }
-  const o = Nt.props[r];
+  const o = Nt.props[l];
   if (!o) {
-    console.error(`stepperV1/spawnItem props not found, ${l}`);
+    console.error(`stepperV1/spawnItem props not found, ${r}`);
     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 Nr(t, e) {
-  const i = `type=${t} subtype=${e}`, l = L(t, e);
-  if (!l) {
+function Bl(t, e) {
+  const i = `type=${t} subtype=${e}`, r = L(t, e);
+  if (!r) {
     console.error(`stepperV1/spawnWindow prop tag not found, ${i}`);
     return;
   }
-  const r = Rt.props[l];
-  if (!r) {
+  const l = Rt.props[r];
+  if (!l) {
     console.error(`stepperV1/spawnWindow props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, r), o.basic.id = P(16), o.basic.key = Rt.key, o.children = [
+  return W(o, l), 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, l) {
-  const r = `type=${t} subtype=${e}`, o = L(t, e);
+function Be(t, e, i, r) {
+  const l = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
-    console.error(`stepperV1/spawnWindowItem prop tag not found, ${r}`);
+    console.error(`stepperV1/spawnWindowItem prop tag not found, ${l}`);
     return;
   }
   const a = Dt.props[o];
   if (!a) {
-    console.error(`stepperV1/spawnWindowItem props not found, ${r}`);
+    console.error(`stepperV1/spawnWindowItem props not found, ${l}`);
     return;
   }
   const 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;
+  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;
 }
-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}`);
+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}`);
     return;
   }
-  const o = xe.props[r];
+  const o = xe.props[l];
   if (!o) {
-    console.error(`stepperV1/spawnCard props not found, ${l}`);
+    console.error(`stepperV1/spawnCard props not found, ${r}`);
     return;
   }
   const a = {};
@@ -5498,7 +5486,7 @@ const Zn = {
 }, Et = {
   key: ft,
   name: "x-runtime-lib.stepper",
-  comp: Wl,
+  comp: Pr,
   props: {
     pageCommon: [y, Zn],
     compCommon: [y, Zn]
@@ -5506,13 +5494,13 @@ const Zn = {
   events: [],
   methods: [],
   slots: [],
-  spawn: Lr
+  spawn: Wl
 };
 C(Et);
-const Dr = {
+const Rl = {
   key: bt,
   name: "x-runtime-lib.switch",
-  comp: Hl,
+  comp: Mr,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -5522,7 +5510,7 @@ const Dr = {
   slots: [],
   leaf: !0
 };
-C(Dr);
+C(Rl);
 const qn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5543,7 +5531,7 @@ const qn = {
 }, Ft = {
   key: ji,
   name: "x-runtime-lib.tab",
-  comp: jl,
+  comp: Hr,
   props: {
     pageCommon: [y, qn],
     compCommon: [y, qn]
@@ -5554,44 +5542,44 @@ const qn = {
   leaf: !0
 };
 C(Ft);
-function Er(t, e) {
-  const i = `type=${t} subtype=${e}`, l = L(t, e);
-  if (!l) {
+function Dl(t, e) {
+  const i = `type=${t} subtype=${e}`, r = L(t, e);
+  if (!r) {
     console.error(`tabsV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = Mt.props[l];
-  if (!r) {
+  const l = Mt.props[r];
+  if (!l) {
     console.error(`tabsV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, r), o.basic.id = P(16), o.basic.key = Mt.key, o.children = [
+  return W(o, l), 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, l) {
-  const r = `type=${t} subtype=${e}`, o = L(t, e);
+function Ne(t, e, i, r) {
+  const l = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
-    console.error(`tabsV1/spawnTab prop tag not found, ${r}`);
+    console.error(`tabsV1/spawnTab prop tag not found, ${l}`);
     return;
   }
   const a = Ft.props[o];
   if (!a) {
-    console.error(`tabsV1/spawnTab props not found, ${r}`);
+    console.error(`tabsV1/spawnTab props not found, ${l}`);
     return;
   }
   const c = {};
-  return W(c, a), c.basic.id = P(16), c.basic.key = Ft.key, c.settings.value = i, c.settings.text = l, c;
+  return W(c, a), c.basic.id = P(16), c.basic.key = Ft.key, c.settings.value = i, c.settings.text = r, c;
 }
-const ln = F(K);
-ln.key = "backgroundColor";
-ln.name = "x-runtime-lib.backgroundColor";
 const rn = F(K);
-rn.key = "selectedColor";
-rn.name = "x-runtime-lib.selectedColor";
+rn.key = "backgroundColor";
+rn.name = "x-runtime-lib.backgroundColor";
+const ln = F(K);
+ln.key = "selectedColor";
+ln.name = "x-runtime-lib.selectedColor";
 const an = F(K);
 an.key = "sliderColor";
 an.name = "x-runtime-lib.sliderColor";
@@ -5671,13 +5659,13 @@ const Qn = {
     {
       key: "color",
       name: "x-runtime-lib.color",
-      children: [ln, rn, an]
+      children: [rn, ln, an]
     }
   ]
 }, Mt = {
   key: yt,
   name: "x-runtime-lib.tabs",
-  comp: Gl,
+  comp: jr,
   props: {
     pageCommon: [y, Qn],
     compCommon: [y, Qn]
@@ -5685,22 +5673,22 @@ const Qn = {
   events: [],
   methods: [],
   slots: [],
-  spawn: Er
+  spawn: Dl
 };
 C(Mt);
-function Fr(t, e) {
-  const i = `type=${t} subtype=${e}`, l = L(t, e);
-  if (!l) {
+function El(t, e) {
+  const i = `type=${t} subtype=${e}`, r = L(t, e);
+  if (!r) {
     console.error(`textV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = ae.props[l];
-  if (!r) {
+  const l = ae.props[r];
+  if (!l) {
     console.error(`textV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, r), o.basic.id = P(16), o.basic.key = ae.key, o.settings.text = "text", o;
+  return W(o, l), o.basic.id = P(16), o.basic.key = ae.key, o.settings.text = "text", o;
 }
 const ei = {
   key: "settings",
@@ -5791,7 +5779,7 @@ const ei = {
 }, ae = {
   key: ht,
   name: "x-runtime-lib.text",
-  comp: Ul,
+  comp: Gr,
   props: {
     pageCommon: [y, ei],
     compCommon: [y, ei]
@@ -5800,22 +5788,22 @@ const ei = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Fr
+  spawn: El
 };
 C(ae);
-function Mr(t, e) {
-  const i = `type=${t} subtype=${e}`, l = L(t, e);
-  if (!l) {
+function Fl(t, e) {
+  const i = `type=${t} subtype=${e}`, r = L(t, e);
+  if (!r) {
     console.error(`textareaV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = Ht.props[l];
-  if (!r) {
+  const l = Ht.props[r];
+  if (!l) {
     console.error(`textareaV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, r), o.basic.id = P(16), o.basic.key = Ht.key, o.settings.label = "label", o;
+  return W(o, l), o.basic.id = P(16), o.basic.key = Ht.key, o.settings.label = "label", o;
 }
 const ti = {
   key: "settings",
@@ -5891,7 +5879,7 @@ const ti = {
 }, Ht = {
   key: gt,
   name: "x-runtime-lib.textarea",
-  comp: Ol,
+  comp: Ur,
   props: {
     pageCommon: [y, ti],
     compCommon: [y, ti]
@@ -5900,13 +5888,13 @@ const ti = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Mr
+  spawn: Fl
 };
 C(Ht);
 const jt = {
   key: Gi,
   name: "x-runtime-lib.timelineItem",
-  comp: Zl,
+  comp: Yr,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -5916,53 +5904,53 @@ const jt = {
   slots: []
 };
 C(jt);
-function Hr(t, e) {
-  const i = `type=${t} subtype=${e}`, l = L(t, e);
-  if (!l) {
+function Ml(t, e) {
+  const i = `type=${t} subtype=${e}`, r = L(t, e);
+  if (!r) {
     console.error(`timelineV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = Gt.props[l];
-  if (!r) {
+  const l = Gt.props[r];
+  if (!l) {
     console.error(`timelineV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, r), o.basic.id = P(16), o.basic.key = Gt.key, o.children = [
+  return W(o, l), 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 l = `type=${t} subtype=${e}`, r = L(t, e);
-  if (!r) {
-    console.error(`timelineV1/spawnEntry prop tag not found, ${l}`);
+  const r = `type=${t} subtype=${e}`, l = L(t, e);
+  if (!l) {
+    console.error(`timelineV1/spawnEntry prop tag not found, ${r}`);
     return;
   }
-  const o = jt.props[r];
+  const o = jt.props[l];
   if (!o) {
-    console.error(`timelineV1/spawnEntry props not found, ${l}`);
+    console.error(`timelineV1/spawnEntry props not found, ${r}`);
     return;
   }
   const a = {};
-  return W(a, o), a.basic.id = P(16), a.basic.key = jt.key, a.children = [jr(t, e, i)], a;
+  return W(a, o), a.basic.id = P(16), a.basic.key = jt.key, a.children = [Hl(t, e, i)], a;
 }
-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}`);
+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}`);
     return;
   }
-  const o = ae.props[r];
+  const o = ae.props[l];
   if (!o) {
-    console.error(`timelineV1/spawnText props not found, ${l}`);
+    console.error(`timelineV1/spawnText props not found, ${r}`);
     return;
   }
   const a = {};
   return W(a, o), a.basic.id = P(16), a.basic.key = ae.key, a.settings.text = i, a;
 }
-const Gr = F(K), Ur = F(K), ni = {
+const jl = F(K), Gl = F(K), ni = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6010,7 +5998,7 @@ const Gr = F(K), Ur = F(K), ni = {
           ui: "switch",
           default: !1
         },
-        Gr
+        jl
       ]
     },
     {
@@ -6036,14 +6024,14 @@ const Gr = F(K), Ur = F(K), ni = {
           ui: "numInput",
           default: 0
         },
-        Ur
+        Gl
       ]
     }
   ]
 }, Gt = {
   key: vt,
   name: "x-runtime-lib.timeline",
-  comp: Jl,
+  comp: Kr,
   props: {
     pageCommon: [y, ni],
     compCommon: [y, ni]
@@ -6051,13 +6039,13 @@ const Gr = F(K), Ur = F(K), ni = {
   events: [],
   methods: [],
   slots: [],
-  spawn: Hr
+  spawn: Ml
 };
 C(Gt);
 const Ut = {
   key: Ui,
   name: "x-runtime-lib.windowItem",
-  comp: tr,
+  comp: el,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -6067,61 +6055,61 @@ const Ut = {
   slots: []
 };
 C(Ut);
-function Or(t, e) {
-  const i = `type=${t} subtype=${e}`, l = L(t, e);
-  if (!l) {
+function Ul(t, e) {
+  const i = `type=${t} subtype=${e}`, r = L(t, e);
+  if (!r) {
     console.error(`windowV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = Ot.props[l];
-  if (!r) {
+  const l = Ot.props[r];
+  if (!l) {
     console.error(`windowV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return W(o, r), o.basic.id = P(16), o.basic.key = Ot.key, o.children = [
+  return W(o, l), 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 l = `type=${t} subtype=${e}`, r = L(t, e);
-  if (!r) {
-    console.error(`windowV1/spawnEntry prop tag not found, ${l}`);
+  const r = `type=${t} subtype=${e}`, l = L(t, e);
+  if (!l) {
+    console.error(`windowV1/spawnEntry prop tag not found, ${r}`);
     return;
   }
-  const o = Ut.props[r];
+  const o = Ut.props[l];
   if (!o) {
-    console.error(`windowV1/spawnEntry props not found, ${l}`);
+    console.error(`windowV1/spawnEntry props not found, ${r}`);
     return;
   }
   const a = {};
-  return W(a, o), a.basic.id = P(16), a.basic.key = Ut.key, a.children = [Kr(t, e, i)], a;
+  return W(a, o), a.basic.id = P(16), a.basic.key = Ut.key, a.children = [Ol(t, e, i)], a;
 }
-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}`);
+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}`);
     return;
   }
-  const o = ve.props[r];
+  const o = ve.props[l];
   if (!o) {
-    console.error(`windowV1/spawnFlexLayout props not found, ${l}`);
+    console.error(`windowV1/spawnFlexLayout props not found, ${r}`);
     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 = [Jr(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 = [Kl(t, e, i)], a;
 }
-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}`);
+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}`);
     return;
   }
-  const o = ae.props[r];
+  const o = ae.props[l];
   if (!o) {
-    console.error(`windowV1/spawnText props not found, ${l}`);
+    console.error(`windowV1/spawnText props not found, ${r}`);
     return;
   }
   const a = {};
@@ -6178,7 +6166,7 @@ const ii = {
 }, Ot = {
   key: kt,
   name: "x-runtime-lib.window",
-  comp: ql,
+  comp: Zr,
   props: {
     pageCommon: [y, ii],
     compCommon: [y, ii]
@@ -6186,36 +6174,36 @@ const ii = {
   events: [],
   methods: [],
   slots: [],
-  spawn: Or
+  spawn: Ul
 };
 C(Ot);
-const Xr = [
+const Jl = [
   { 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" }
-], Yr = [
+], Xl = [
   { 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" }
-], Zr = [
+], Yl = [
   { 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" }
-], qr = [
+], Zl = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.theme", value: "theme" },
   { title: "x-runtime-lib.custom", value: "custom" }
-], Qr = [
+], ql = [
   { title: "x-runtime-lib.default", value: "default" },
   { title: "x-runtime-lib.comfortable", value: "comfortable" },
   { title: "x-runtime-lib.compact", value: "compact" }
-], ea = [
+], Ql = [
   { title: "x-runtime-lib.horizontal", value: "horizontal" },
   { title: "x-runtime-lib.vertical", value: "vertical" }
-], ta = [
+], ea = [
   { title: "x-runtime-lib.underlined", value: "underlined" },
   { title: "x-runtime-lib.outlined", value: "outlined" },
   { title: "x-runtime-lib.filled", value: "filled" },
@@ -6223,20 +6211,20 @@ const Xr = [
   { title: "x-runtime-lib.soloInverted", value: "solo-inverted" },
   { title: "x-runtime-lib.soloFilled", value: "solo-filled" },
   { title: "x-runtime-lib.plain", value: "plain" }
-], na = [
+], ta = [
   { 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" }
-], ia = [
+], na = [
   { 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" }
-], oa = [
+], ia = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.end", value: "end" },
@@ -6244,12 +6232,12 @@ const Xr = [
   { title: "x-runtime-lib.spaceBetween", value: "spaceBetween" },
   { title: "x-runtime-lib.spaceAround", value: "spaceAround" },
   { title: "x-runtime-lib.spaceEvenly", value: "spaceEvenly" }
-], sa = [
+], oa = [
   { 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" }
-], la = [
+], sa = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.black", value: "black" },
   { title: "x-runtime-lib.bold", value: "bold" },
@@ -6264,17 +6252,17 @@ const Xr = [
   { title: "x-runtime-lib.outlined", value: "outlined" },
   { title: "x-runtime-lib.text", value: "text" },
   { title: "x-runtime-lib.plain", value: "plain" }
-], aa = [
+], la = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.show", value: "show" },
   { title: "x-runtime-lib.always", value: "always" }
-], ua = [
+], aa = [
   { 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" }
-], ca = [
+], ua = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" },
@@ -6282,18 +6270,18 @@ const Xr = [
   { title: "x-runtime-lib.justify", value: "justify" },
   { title: "x-runtime-lib.left", value: "left" },
   { title: "x-runtime-lib.right", value: "right" }
-], da = [
+], ca = [
   { 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" }
-], ma = [
+], da = [
   { 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" }
-], pa = [
+], ma = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.h1", value: "h1" },
   { title: "x-runtime-lib.h2", value: "h2" },
@@ -6308,7 +6296,7 @@ const Xr = [
   { title: "x-runtime-lib.button", value: "button" },
   { title: "x-runtime-lib.caption", value: "caption" },
   { title: "x-runtime-lib.overline", value: "overline" }
-], fa = [
+], pa = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.primary", value: "primary" },
   { title: "x-runtime-lib.secondary", value: "secondary" },
@@ -6319,53 +6307,53 @@ const Xr = [
   { title: "x-runtime-lib.background0", value: "background0" },
   { title: "x-runtime-lib.background1", value: "background1" },
   { title: "x-runtime-lib.background2", value: "background2" }
-], ba = [
+], fa = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.show", value: "show" },
   { title: "x-runtime-lib.always", value: "always" }
-], ya = [
+], ba = [
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" }
-], ha = [
+], ya = [
   { title: "x-runtime-lib.horizontal", value: "horizontal" },
   { title: "x-runtime-lib.vertical", value: "vertical" }
-], ga = [
+], ha = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.start", value: "start" }
-], xa = [
+], ga = [
   { 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" }
-], va = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], xa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  alignTabsItemsV1: Xr,
-  axisTypeItemsV1: Yr,
-  borderStyleItemsV1: Zr,
-  colorModeItemsV1: qr,
-  densityItemsV1: Qr,
-  directionItemsV1: ea,
-  fieldVariantItemsV1: ta,
-  flexCrossAlignItemsV1: na,
-  flexDirectionItemsV1: ia,
-  flexMainAlignItemsV1: oa,
-  flexWrapItemsV1: sa,
-  fontWeightItemsV1: la,
+  alignTabsItemsV1: Jl,
+  axisTypeItemsV1: Xl,
+  borderStyleItemsV1: Yl,
+  colorModeItemsV1: Zl,
+  densityItemsV1: ql,
+  directionItemsV1: Ql,
+  fieldVariantItemsV1: ea,
+  flexCrossAlignItemsV1: ta,
+  flexDirectionItemsV1: na,
+  flexMainAlignItemsV1: ia,
+  flexWrapItemsV1: oa,
+  fontWeightItemsV1: sa,
   sheetVariantItemsV1: ra,
-  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 = [
+  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 = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6405,7 +6393,7 @@ const Xr = [
     max: 1 / 0,
     step: 1
   }
-], _a = [
+], ka = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6427,7 +6415,7 @@ const Xr = [
     validator: (t) => t === "right",
     default: "right"
   }
-], wa = [
+], _a = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6457,7 +6445,7 @@ const Xr = [
     precision: 6,
     default: "0%"
   }
-], Va = [
+], wa = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6482,7 +6470,7 @@ const Xr = [
     min: 0,
     default: "0%"
   }
-], $a = [
+], Va = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6507,7 +6495,7 @@ const Xr = [
     min: 0,
     default: "0%"
   }
-], Ia = [
+], $a = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6536,7 +6524,7 @@ const Xr = [
     validator: (t) => t === "end",
     default: "end"
   }
-], Ca = [
+], Ia = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6558,21 +6546,21 @@ const Xr = [
     validator: (t) => t === "bottom",
     default: "bottom"
   }
-], Sa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], Ca = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  borderWidthTypesV1: ka,
-  leftRightTypesV1: _a,
-  marginTypesV1: wa,
-  paddingTypesV1: Va,
-  sizeTypesV1: $a,
-  tableColumnAlignTypesV1: Ia,
-  topBottomTypesV1: Ca
-}, Symbol.toStringTag, { value: "Module" })), Ta = {
+  borderWidthTypesV1: va,
+  leftRightTypesV1: ka,
+  marginTypesV1: _a,
+  paddingTypesV1: wa,
+  sizeTypesV1: Va,
+  tableColumnAlignTypesV1: $a,
+  topBottomTypesV1: Ia
+}, Symbol.toStringTag, { value: "Module" })), Sa = {
   version: "v1",
   globalityKey: ot,
   refKey: Pe,
-  items: { ...va },
-  types: { ...Sa },
+  items: { ...xa },
+  types: { ...Ca },
   elements: /* @__PURE__ */ new Set([
     Fe,
     mn,
@@ -6596,9 +6584,9 @@ const Xr = [
     ot,
     it,
     st,
-    lt,
-    pn,
     rt,
+    pn,
+    lt,
     at,
     Di,
     ut,
@@ -6636,7 +6624,7 @@ const Xr = [
         Ye,
         tt,
         Qe,
-        lt
+        rt
       ]
     },
     {
@@ -6652,7 +6640,7 @@ const Xr = [
         ht,
         xt,
         gt,
-        rt,
+        lt,
         mt,
         Xe,
         bt,
@@ -6701,100 +6689,99 @@ const Xr = [
     }
   ]
 }, Oi = {
-  v1: Ta
-}, za = (t, e, i) => {
-  const l = t[e];
-  return l ? typeof l == "function" ? l() : Promise.resolve(l) : new Promise((r, o) => {
+  v1: Sa
+}, Ta = (t, e, i) => {
+  const r = t[e];
+  return r ? typeof r == "function" ? r() : Promise.resolve(r) : new Promise((l, 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 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;
+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;
 }
 export {
-  Ra as TresCanvas,
-  Qa as badgeV1,
+  Za as badgeV1,
   _t as barChartV1,
   wi as breakpoints,
-  ar as btnGroupV1,
-  ur as btnToggleV1,
+  ll as btnGroupV1,
+  al as btnToggleV1,
   Vt as btnV1,
   Vi as calcBreakpoint,
   xe as cardV1,
-  dr as checkboxV1,
+  cl as checkboxV1,
   It as chipGroupV1,
   $t as chipV1,
-  fr as colorPickerV1,
-  br as comboboxV1,
-  wo as compTypes,
+  pl as colorPickerV1,
+  fl as comboboxV1,
+  _o as compTypes,
   Ct as containerV1,
-  yr as dataTableV1,
-  hr as datePickerV1,
-  gr as dialogV1,
-  $o as duplicateNode,
-  Ga as duplicateNodes,
+  bl as dataTableV1,
+  yl as datePickerV1,
+  hl as dialogV1,
+  Vo as duplicateNode,
+  Ha as duplicateNodes,
   ge as elements,
-  Ma as ensureContext,
-  eu as fileInputV1,
+  Ea as ensureContext,
+  qa as fileInputV1,
   St as flexLayoutEntryV1,
   ve as flexLayoutV1,
   At as formV1,
   P as genId,
   ye as getBreakpointProp,
   cn as getIndexOfBreakpoint,
-  ja as getNode,
+  Ma as getNode,
   dn as getPropDefault,
   L as getPropTag,
-  Fa as getTypeColor,
-  sr as globalityV1,
-  Vr as iconV1,
+  Da as getTypeColor,
+  ol as globalityV1,
+  wl as iconV1,
   W as initProps,
   Te as injectDark,
   se as injectData,
-  So as injectDepends,
+  Co as injectDepends,
   ke as injectDevice,
-  Co as injectEnv,
+  Io as injectEnv,
   Q as injectMode,
-  Io as injectOrg,
+  $o as injectOrg,
   _e as injectSandbox,
   oe as injectType,
   Xt as isPercentStr,
   Se as isPixelStr,
   wt as lineChartV1,
-  tu as loadLocaleMessageRuntime,
-  $r as menuV1,
-  Vo as newEventBus,
+  Qa as loadLocaleMessageRuntime,
+  Vl as menuV1,
+  wo as newEventBus,
   Pt as numberInputV1,
-  _o as pageTypes,
-  Cr as paginationV1,
+  ko as pageTypes,
+  Il as paginationV1,
   Ae as parsePercentStr,
-  Da as parsePixelStr,
+  Na as parsePixelStr,
   Oi as pkgs,
-  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,
+  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,
   Lt as radioGroupV1,
   Wt as radioV1,
-  zr as rangeSliderV1,
-  Ar as ratingV1,
-  ko as reverseBreakpoints,
-  Pr as selectV1,
-  Wr as sliderV1,
-  Ha as spawnNode,
-  Zs as startInterpreter,
+  Tl as rangeSliderV1,
+  zl as ratingV1,
+  vo as reverseBreakpoints,
+  Al as selectV1,
+  Pl as sliderV1,
+  Fa as spawnNode,
+  Ys as startInterpreter,
   Bt as stepperHeaderV1,
   Nt as stepperItemV1,
   Et as stepperV1,
   Dt as stepperWindowItemV1,
   Rt as stepperWindowV1,
-  qs as stopInterpreter,
-  Dr as switchV1,
+  Zs as stopInterpreter,
+  Rl as switchV1,
   Ft as tabV1,
   Mt as tabsV1,
   zt as textFieldV1,
@@ -6802,7 +6789,7 @@ export {
   Ht as textareaV1,
   jt as timelineItemV1,
   Gt as timelineV1,
-  Ea as types,
+  Ra as types,
   Ut as windowItemV1,
   Ot as windowV1
 };