x-runtime-lib 0.7.40 → 0.7.42

package/dist/index.js

@@ -1,10 +1,10 @@
-import { computed as V, inject as oe, provide as se, readonly as Jt, onBeforeMount as no, onUnmounted as Ie, ref as be, watchEffect as Xt, watch as me, defineComponent as z, useTemplateRef as li, onMounted as ai, nextTick as ui, createElementBlock as re, openBlock as I, normalizeStyle as ie, createBlock as N, h as J, resolveComponent as W, unref as o, withCtx as P, renderSlot as j, createVNode as Z, isRef as X, createSlots as Yt, renderList as io, useId as ci, createCommentVNode as di, withModifiers as oo, normalizeClass as so, toDisplayString as ro } from "vue";
-import { waitUtil as mi, eventBus as Qt, messageInfo as lo, messageSuccess as ao, messageWarning as pi, messageError as fi, createAxios as uo, globalObjects as He, openConfirmDlg as co, openPromptDlg as mo, useViewStack as bi, injectDark as po } from "x-essential-lib";
-import { useTheme as fo } from "vuetify";
-import { c as G, u as bo, r as yi, e as hi, i as yo, a as ho, b as xo, d as go, f as vo, g as ko, h as _o, j as wo, I as Vo, m as $o, k as xi } from "./vendor.hc5p3stp.js";
-import { useI18n as gi } from "vue-i18n";
-import { getErrorMessage as Io } from "x-error-lib";
-const ye = {}, Co = {
+import { computed as V, inject as oe, provide as se, readonly as Xt, onBeforeMount as oo, onUnmounted as Ie, ref as be, watchEffect as Yt, watch as me, defineComponent as z, useTemplateRef as ci, onMounted as di, nextTick as mi, createElementBlock as re, openBlock as I, normalizeStyle as ie, createBlock as N, h as J, renderSlot as G, unref as o, withCtx as P, createCommentVNode as Qt, resolveComponent as W, createVNode as Z, isRef as X, createSlots as en, renderList as so, useId as pi, withModifiers as ro, normalizeClass as lo, toDisplayString as ao } from "vue";
+import { waitUtil as fi, eventBus as tn, messageInfo as uo, messageSuccess as co, messageWarning as bi, messageError as yi, createAxios as mo, globalObjects as He, openConfirmDlg as po, openPromptDlg as fo, useViewStack as hi, injectDark as bo } from "x-essential-lib";
+import { useTheme as yo } from "vuetify";
+import { c as j, u as ho, r as xi, e as gi, i as xo, a as go, b as vo, d as ko, f as _o, g as wo, h as Vo, j as $o, I as Io, m as Co, k as vi } from "./vendor.hc5p3stp.js";
+import { useI18n as ki } from "vue-i18n";
+import { getErrorMessage as So } from "x-error-lib";
+const ye = {}, To = {
   key: "add",
   name: "x-runtime-lib.add",
   inputs: [],
@@ -15,10 +15,10 @@ const ye = {}, Co = {
       type: "string"
     }
   ]
-}, T = (i) => {
-  i.leaf || i.methods.unshift(Co), ye[i.key] = i;
+}, S = (i) => {
+  i.leaf || i.methods.unshift(To), ye[i.key] = i;
 };
-function vi(i) {
+function _i(i) {
   const e = V(() => i.node.legend?.show), t = V(() => i.node.legend?.data);
   function r(n) {
     n.legend = {
@@ -28,14 +28,14 @@ function vi(i) {
   }
   return { show: e, data: t, applyLegend: r };
 }
-function ki(i) {
+function wi(i) {
   const e = V(() => i.node.series);
   function t(r) {
     r.series = e.value;
   }
   return { series: e, applySeries: t };
 }
-function _i(i) {
+function Vi(i) {
   const e = V(() => i.node.title?.show), t = V(() => i.node.title?.text), r = V(() => i.node.title?.subtext);
   function n(s) {
     s.title = {
@@ -46,7 +46,7 @@ function _i(i) {
   }
   return { show: e, text: t, subtext: r, applyTitle: n };
 }
-function wi(i) {
+function $i(i) {
   const e = V(() => i.node.xAxis?.show), t = V(() => i.node.xAxis?.position), r = V(() => i.node.xAxis?.type), n = V(() => i.node.xAxis?.data);
   function s(a) {
     a.xAxis = {
@@ -58,7 +58,7 @@ function wi(i) {
   }
   return { show: e, position: t, type: r, data: n, applyXAxis: s };
 }
-function Vi(i) {
+function Ii(i) {
   const e = V(() => i.node.yAxis?.show), t = V(() => i.node.yAxis?.position), r = V(() => i.node.yAxis?.type), n = V(() => i.node.yAxis?.data);
   function s(a) {
     a.yAxis = {
@@ -71,39 +71,39 @@ function Vi(i) {
   return { show: e, position: t, type: r, data: n, applyYAxis: s };
 }
 function Y(i, e) {
-  const { computedThemes: t } = fo(), r = V(() => e.value?.mode), n = V(() => {
+  const { computedThemes: t } = yo(), r = V(() => e.value?.mode), n = V(() => {
     const u = e.value?.theme;
     return u ? u === "background0" ? i.value ? "#2e2e2e" : "#bdbdbd" : u === "background1" ? i.value ? "#272727" : "#eeeeee" : u === "background2" ? i.value ? "#1e1e1e" : "#ffffff" : (i.value ? t.value.dark : t.value.light).colors[u] : void 0;
   }), s = V(() => i.value ? e.value.custom?.dark : e.value.custom?.light);
   return { color: V(() => r.value === "theme" ? n.value : r.value === "custom" ? s.value : "") };
 }
-function en(i, e) {
+function nn(i, e) {
   const t = V(() => e.node.border?.style), r = V(() => e.node.border?.width), n = V(() => e.node.border?.color), { color: s } = Y(i, n), a = V(() => e.node.border?.roundRadius?.tl), u = V(() => e.node.border?.roundRadius?.tr), p = V(() => e.node.border?.roundRadius?.bl), b = V(() => e.node.border?.roundRadius?.br);
   function m(c) {
     t.value && (c.borderStyle = t.value), r.value && (c.borderWidth = r.value), s.value && (c.borderColor = s.value), a.value && (c.borderTopLeftRadius = a.value), u.value && (c.borderTopRightRadius = u.value), p.value && (c.borderBottomLeftRadius = p.value), b.value && (c.borderBottomRightRadius = b.value);
   }
   return { borderStyle: t, borderWidth: r, borderColor: s, applyBorder: m };
 }
-function tn(i) {
+function on(i) {
   const e = V(() => i.node.margin?.top), t = V(() => i.node.margin?.left), r = V(() => i.node.margin?.bottom), n = V(() => i.node.margin?.right);
   function s(a) {
     e.value && (a.marginTop = e.value), t.value && (a.marginLeft = t.value), r.value && (a.marginBottom = r.value), n.value && (a.marginRight = n.value);
   }
   return { marginTop: e, marginLeft: t, marginBottom: r, marginRight: n, applyMargin: s };
 }
-function nn(i) {
+function sn(i) {
   const e = V(() => i.node.padding?.top), t = V(() => i.node.padding?.left), r = V(() => i.node.padding?.bottom), n = V(() => i.node.padding?.right);
   function s(a) {
     e.value && (a.paddingTop = e.value), t.value && (a.paddingLeft = t.value), r.value && (a.paddingBottom = r.value), n.value && (a.paddingRight = n.value);
   }
   return { paddingTop: e, paddingLeft: t, paddingBottom: r, paddingRight: n, applyPadding: s };
 }
-const bn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+const hn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
 function R(i) {
   let e = "";
   for (let t = 0; t < i; t++) {
-    const r = Math.floor(Math.random() * bn.length);
-    e += bn[r];
+    const r = Math.floor(Math.random() * hn.length);
+    e += hn[r];
   }
   return e;
 }
@@ -113,13 +113,13 @@ function Ne(i) {
   const e = i.substring(0, i.length - 2), t = parseFloat(e);
   return !(isNaN(t) || t % 1 !== 0);
 }
-function on(i) {
+function rn(i) {
   if (typeof i != "string" || !i.endsWith("%"))
     return !1;
   const e = i.substring(0, i.length - 1), t = parseFloat(e);
   return !isNaN(t);
 }
-function Ea(i) {
+function Ua(i) {
   if (typeof i != "string" || !i.endsWith("px"))
     return;
   const e = i.substring(0, i.length - 2), t = parseFloat(e);
@@ -133,17 +133,17 @@ function Le(i) {
   if (!isNaN(t))
     return t;
 }
-const $i = ["xs", "sm", "md", "lg", "xl"], So = [...$i].reverse();
-function Ii(i) {
+const Ci = ["xs", "sm", "md", "lg", "xl"], zo = [...Ci].reverse();
+function Si(i) {
   return i < 600 ? "xs" : i < 960 ? "sm" : i < 1280 ? "md" : i < 1920 ? "lg" : "xl";
 }
-function yn(i) {
-  return $i.findIndex((e) => e === i);
+function xn(i) {
+  return Ci.findIndex((e) => e === i);
 }
 function we(i, e) {
   let t;
-  for (const r of So) {
-    if (yn(r) < yn(i))
+  for (const r of zo) {
+    if (xn(r) < xn(i))
       break;
     e[r] && (t = e[r]);
   }
@@ -157,11 +157,11 @@ function E(i, e) {
     return "compCommon";
   console.assert(!1, `invalid prop tag type=${i} subtype=${e}`);
 }
-function hn(i, e) {
+function gn(i, e) {
   if (i.array)
-    return e ? G(i.default) : G(i.defaultArray);
+    return e ? j(i.default) : j(i.defaultArray);
   {
-    const t = G(i.default);
+    const t = j(i.default);
     return (i.ui === "switch" || i.ui === "select" || i.ui === "colorPicker" || i.ui === "multiTypes" || i.ui === "compSelect") && !t ? void 0 : t;
   }
 }
@@ -170,21 +170,21 @@ function D(i, e) {
     if (n.ui) {
       if (n.ui === "strInput" && n.static)
         return;
-      r[n.key] = hn(n);
+      r[n.key] = gn(n);
     } else
-      n.array ? r[n.key] = hn(n) : n.children.forEach((s) => {
+      n.array ? r[n.key] = gn(n) : n.children.forEach((s) => {
         r[n.key] || (r[n.key] = {}), t(r[n.key], s);
       });
   }
   e.forEach((r) => t(i, r));
 }
-function To(i, e, t, r, n) {
+function Ao(i, e, t, r, n) {
   const s = `type=${i} subtype=${e} version=${t} ref=${r} keyOrRefid=${n}`, a = E(i, e);
   if (!a) {
     console.error(`spawnNode prop tag not found, ${s}`);
     return;
   }
-  const u = fn[t];
+  const u = yn[t];
   if (!u) {
     console.error(`spawnNode pkg not found version, ${s}`);
     return;
@@ -243,7 +243,7 @@ function To(i, e, t, r, n) {
     }
   }
 }
-function Ma(i, e) {
+function Ga(i, e) {
   function t(r) {
     if (r.basic.id === e)
       return r;
@@ -260,73 +260,73 @@ function Ma(i, e) {
       return n;
   }
 }
-function zo(i) {
+function Po(i) {
   function e(r) {
     r.basic.id = R(16), r.children?.forEach((n) => e(n));
   }
-  const t = G(i);
+  const t = j(i);
   return e(t), t;
 }
-function Fa(i) {
+function ja(i) {
   const e = [];
   return i.forEach((t) => {
-    e.push(zo(t));
+    e.push(Po(t));
   }), e;
 }
-const Ci = "runtimeOrg", Si = "runtimeEnv", Ti = "runtimeMode", zi = "runtimeDevice", Ai = "runtimeDark", Pi = "runtimeType", Ni = "runtimeData", Wi = "runtimeDepends", Li = "runtimeSandbox";
-function Ha(i) {
-  se(Ci, i);
+const Ti = "runtimeOrg", zi = "runtimeEnv", Ai = "runtimeMode", Pi = "runtimeDevice", Ni = "runtimeDark", Wi = "runtimeType", Li = "runtimeData", Bi = "runtimeDepends", Ri = "runtimeSandbox";
+function Oa(i) {
+  se(Ti, i);
 }
-function Bi() {
-  return oe(Ci);
+function Di() {
+  return oe(Ti);
 }
-function Ua(i) {
-  se(Si, i);
+function Ka(i) {
+  se(zi, i);
 }
-function Ri() {
-  return oe(Si);
+function Ei() {
+  return oe(zi);
 }
-function Ga(i) {
-  se(Ti, i);
+function Za(i) {
+  se(Ai, i);
 }
 function A() {
-  return oe(Ti);
+  return oe(Ai);
 }
-function ja(i) {
-  se(zi, Jt(i));
+function qa(i) {
+  se(Pi, Xt(i));
 }
 function le() {
-  return oe(zi);
+  return oe(Pi);
 }
-function Oa(i) {
-  se(Ai, Jt(i));
+function Ja(i) {
+  se(Ni, Xt(i));
 }
 function M() {
-  return oe(Ai);
+  return oe(Ni);
 }
-function Ka(i) {
-  se(Pi, i);
+function Xa(i) {
+  se(Wi, i);
 }
 function ae() {
-  return oe(Pi);
+  return oe(Wi);
 }
-function Za(i) {
-  se(Ni, i);
+function Ya(i) {
+  se(Li, i);
 }
 function ue() {
-  return oe(Ni);
+  return oe(Li);
 }
-function qa(i) {
-  se(Wi, Jt(i));
+function Qa(i) {
+  se(Bi, Xt(i));
 }
-function Di() {
-  return oe(Wi);
+function Mi() {
+  return oe(Bi);
 }
-function Ei(i) {
-  se(Li, i);
+function Fi(i) {
+  se(Ri, i);
 }
 function B() {
-  return oe(Li);
+  return oe(Ri);
 }
 function pe(i, e, t) {
   const r = V(() => t.node.size?.width), n = V(() => t.node.size?.minWidth), s = V(() => t.node.size?.maxWidth), a = V(() => {
@@ -356,15 +356,15 @@ function pe(i, e, t) {
   }
   return { width: r, minWidth: n, maxWidth: s, height: a, minHeight: u, maxHeight: p, applySize: b };
 }
-function Mi(i, e, t) {
+function Hi(i, e, t) {
   const r = V(() => e.node.basic.id), n = V(() => `callMethod@${r.value}`);
-  no(() => {
+  oo(() => {
     i.eventBus?.on(n.value, t);
   }), Ie(() => {
     i.eventBus?.off(n.value, t);
   });
 }
-const Ao = (i, e, t) => {
+const No = (i, e, t) => {
   let r = i;
   if (!r) {
     console.assert(!1);
@@ -379,7 +379,7 @@ const Ao = (i, e, t) => {
     console.assert(!1);
   } else
     return r;
-}, Po = (i, e, t, r) => {
+}, Wo = (i, e, t, r) => {
   let n = i;
   if (!n) {
     console.assert(!1);
@@ -393,115 +393,115 @@ const Ao = (i, e, t) => {
 };
 function l(i, e, t, r, n) {
   const s = be();
-  return console.assert(i && e), Xt(() => {
-    let a = Ao(t.node, r, n);
+  return console.assert(i && e), Yt(() => {
+    let a = No(t.node, r, n);
     i === "editor" && r[r.length - 1] === "readonly" && (a = !0), s.value = a;
   }), me(s, () => {
-    Po(t.node, r, s.value, n);
+    Wo(t.node, r, s.value, n);
   }), { prop: s };
 }
 function U(i) {
   return { theme: V(() => i.value ? "dark" : "light") };
 }
-const No = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Wo = "#242424", Lo = {}, Bo = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, Ro = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Do = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Eo = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Mo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Fo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ho = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Uo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Go = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, jo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Oo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ko = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, Zo = { 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" } }, qo = { 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"] } } }, 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 = { 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"] } } }, ts = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, ns = { textStyle: { color: "#eeeeee" } }, is = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, os = { 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" } } }, ss = { color: ["#bf444c", "#d88273", "#f6efa6"] }, rs = { 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" } } }, as = {
-  color: No,
-  backgroundColor: Wo,
-  textStyle: Lo,
-  title: Bo,
-  line: Ro,
-  radar: Do,
-  bar: Eo,
-  pie: Mo,
-  scatter: Fo,
-  boxplot: Ho,
-  parallel: Uo,
-  sankey: Go,
-  funnel: jo,
-  gauge: Oo,
-  candlestick: Ko,
-  graph: Zo,
-  map: qo,
-  geo: Jo,
-  categoryAxis: Xo,
-  valueAxis: Yo,
-  logAxis: Qo,
-  timeAxis: es,
-  toolbox: ts,
-  legend: ns,
-  tooltip: is,
-  timeline: os,
-  visualMap: ss,
-  dataZoom: rs,
-  markPoint: ls
-}, us = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], cs = "#f5f5f5", ds = {}, ms = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, ps = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, fs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, bs = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, ys = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, hs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, xs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, gs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, vs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ks = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, _s = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ws = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Vs = { 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" } }, $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 = { 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)" } } }, 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 = { 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"] } } }, As = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Ps = { textStyle: { color: "#333333" } }, Ns = { 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" } }, Rs = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Ds = {
-  color: us,
-  backgroundColor: cs,
-  textStyle: ds,
-  title: ms,
-  line: ps,
-  radar: fs,
-  bar: bs,
-  pie: ys,
-  scatter: hs,
-  boxplot: xs,
-  parallel: gs,
-  sankey: vs,
-  funnel: ks,
-  gauge: _s,
-  candlestick: ws,
-  graph: Vs,
-  map: $s,
-  geo: Is,
-  categoryAxis: Cs,
-  valueAxis: Ss,
-  logAxis: Ts,
-  timeAxis: zs,
-  toolbox: As,
-  legend: Ps,
-  tooltip: Ns,
-  timeline: Ws,
-  visualMap: Ls,
-  dataZoom: Bs,
-  markPoint: Rs
+const Lo = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Bo = "#242424", Ro = {}, Do = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, Eo = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Mo = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Fo = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Ho = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Uo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Go = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, jo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Oo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ko = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Zo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, qo = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, Jo = { 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" } }, 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 = { 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)" } } }, 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 = { 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"] } } }, ts = { 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"] } } }, ns = { 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"] } } }, is = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, os = { textStyle: { color: "#eeeeee" } }, ss = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, rs = { 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" } } }, ls = { color: ["#bf444c", "#d88273", "#f6efa6"] }, as = { 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" } }, us = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, cs = {
+  color: Lo,
+  backgroundColor: Bo,
+  textStyle: Ro,
+  title: Do,
+  line: Eo,
+  radar: Mo,
+  bar: Fo,
+  pie: Ho,
+  scatter: Uo,
+  boxplot: Go,
+  parallel: jo,
+  sankey: Oo,
+  funnel: Ko,
+  gauge: Zo,
+  candlestick: qo,
+  graph: Jo,
+  map: Xo,
+  geo: Yo,
+  categoryAxis: Qo,
+  valueAxis: es,
+  logAxis: ts,
+  timeAxis: ns,
+  toolbox: is,
+  legend: os,
+  tooltip: ss,
+  timeline: rs,
+  visualMap: ls,
+  dataZoom: as,
+  markPoint: us
+}, ds = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], ms = "#f5f5f5", ps = {}, fs = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, bs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, ys = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, hs = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, xs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, gs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, vs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ks = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, _s = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ws = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Vs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, $s = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Is = { 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" } }, Cs = { 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)" } } }, Ss = { 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)" } } }, 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 = { 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"] } } }, As = { 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"] } } }, Ps = { 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"] } } }, Ns = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Ws = { textStyle: { color: "#333333" } }, Ls = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, Bs = { 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" } } }, Rs = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Ds = { 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" } }, Es = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Ms = {
+  color: ds,
+  backgroundColor: ms,
+  textStyle: ps,
+  title: fs,
+  line: bs,
+  radar: ys,
+  bar: hs,
+  pie: xs,
+  scatter: gs,
+  boxplot: vs,
+  parallel: ks,
+  sankey: _s,
+  funnel: ws,
+  gauge: Vs,
+  candlestick: $s,
+  graph: Is,
+  map: Cs,
+  geo: Ss,
+  categoryAxis: Ts,
+  valueAxis: zs,
+  logAxis: As,
+  timeAxis: Ps,
+  toolbox: Ns,
+  legend: Ws,
+  tooltip: Ls,
+  timeline: Bs,
+  visualMap: Rs,
+  dataZoom: Ds,
+  markPoint: Es
 };
-bo([
-  yo,
-  ho,
+ho([
   xo,
   go,
   vo,
   ko,
   _o,
-  wo
+  wo,
+  Vo,
+  $o
 ]);
-yi("dark", as);
-yi("light", Ds);
-const Es = /* @__PURE__ */ z({
+xi("dark", cs);
+xi("light", Ms);
+const Fs = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(i) {
-    const e = i, t = A(), r = le(), n = M(), s = ae(), a = ue(), { width: u, minWidth: p, maxWidth: b, height: m, minHeight: c, maxHeight: d, applySize: f } = pe(t, r, e), { applyTitle: k } = _i(e), { applyXAxis: h } = wi(e), { applyYAxis: y } = Vi(e), { applyLegend: w } = vi(e), { applySeries: _ } = ki(e), x = V(() => {
-      const S = {}, H = a.value.type;
-      return s === "page" ? H === "common" ? f(S) : console.assert(!1) : s === "comp" && H === "common" ? f(S) : console.assert(!1), S;
-    }), $ = li("chart");
-    let g;
+    const e = i, t = A(), r = le(), n = M(), s = ae(), a = ue(), { width: u, minWidth: p, maxWidth: b, height: m, minHeight: c, maxHeight: d, applySize: f } = pe(t, r, e), { applyTitle: k } = Vi(e), { applyXAxis: h } = $i(e), { applyYAxis: y } = Ii(e), { applyLegend: w } = _i(e), { applySeries: _ } = wi(e), x = V(() => {
+      const T = {}, H = a.value.type;
+      return s === "page" ? H === "common" ? f(T) : console.assert(!1) : s === "comp" && H === "common" ? f(T) : console.assert(!1), T;
+    }), $ = ci("chart");
+    let v;
     const C = () => {
-      g?.dispose(), g = hi.init($.value, n.value ? "dark" : "light");
-      const S = {};
-      g.setOption(S);
+      v?.dispose(), v = gi.init($.value, n.value ? "dark" : "light");
+      const T = {};
+      v.setOption(T);
     }, L = () => {
-      g?.resize();
+      v?.resize();
     }, F = () => {
-      const S = {};
-      k(S), h(S), y(S), w(S), _(S), g?.setOption(S, !0);
+      const T = {};
+      k(T), h(T), y(T), w(T), _(T), v?.setOption(T, !0);
     };
-    return ai(async () => {
-      window.addEventListener("resize", L, !1), await mi(() => !!$.value), C(), F();
+    return di(async () => {
+      window.addEventListener("resize", L, !1), await fi(() => !!$.value), C(), F();
     }), Ie(() => {
-      window.removeEventListener("resize", L, !1), g?.dispose();
+      window.removeEventListener("resize", L, !1), v?.dispose();
     }), me(
       [
         () => r.value.width,
@@ -514,7 +514,7 @@ const Es = /* @__PURE__ */ z({
         d
       ],
       async () => {
-        await ui(), L();
+        await mi(), L();
       }
     ), me([n], () => {
       C(), F();
@@ -524,37 +524,37 @@ const Es = /* @__PURE__ */ z({
         F();
       },
       { deep: !0 }
-    ), (S, H) => (I(), re("div", {
+    ), (T, H) => (I(), re("div", {
       ref: "chart",
       style: ie(x.value)
     }, null, 4));
   }
-}), Ms = /* @__PURE__ */ z({
+}), Hs = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(i) {
-    const e = i, t = A(), r = le(), n = M(), s = ae(), a = ue(), { width: u, minWidth: p, maxWidth: b, height: m, minHeight: c, maxHeight: d, applySize: f } = pe(t, r, e), { applyTitle: k } = _i(e), { applyXAxis: h } = wi(e), { applyYAxis: y } = Vi(e), { applyLegend: w } = vi(e), { applySeries: _ } = ki(e), x = V(() => {
-      const S = {}, H = a.value.type;
-      return s === "page" ? H === "common" ? f(S) : console.assert(!1) : s === "comp" && H === "common" ? f(S) : console.assert(!1), S;
-    }), $ = li("chart");
-    let g;
+    const e = i, t = A(), r = le(), n = M(), s = ae(), a = ue(), { width: u, minWidth: p, maxWidth: b, height: m, minHeight: c, maxHeight: d, applySize: f } = pe(t, r, e), { applyTitle: k } = Vi(e), { applyXAxis: h } = $i(e), { applyYAxis: y } = Ii(e), { applyLegend: w } = _i(e), { applySeries: _ } = wi(e), x = V(() => {
+      const T = {}, H = a.value.type;
+      return s === "page" ? H === "common" ? f(T) : console.assert(!1) : s === "comp" && H === "common" ? f(T) : console.assert(!1), T;
+    }), $ = ci("chart");
+    let v;
     const C = () => {
-      g?.dispose(), g = hi.init($.value, n.value ? "dark" : "light");
-      const S = {};
-      g.setOption(S);
+      v?.dispose(), v = gi.init($.value, n.value ? "dark" : "light");
+      const T = {};
+      v.setOption(T);
     }, L = () => {
-      g?.resize();
+      v?.resize();
     }, F = () => {
-      const S = {};
-      k(S), h(S), y(S), w(S), _(S), g?.setOption(S, !0);
+      const T = {};
+      k(T), h(T), y(T), w(T), _(T), v?.setOption(T, !0);
     };
-    return ai(async () => {
-      window.addEventListener("resize", L, !1), await mi(() => !!$.value), C(), F();
+    return di(async () => {
+      window.addEventListener("resize", L, !1), await fi(() => !!$.value), C(), F();
     }), Ie(() => {
-      window.removeEventListener("resize", L, !1), g?.dispose();
+      window.removeEventListener("resize", L, !1), v?.dispose();
     }), me(
       [
         () => r.value.width,
@@ -567,7 +567,7 @@ const Es = /* @__PURE__ */ z({
         d
       ],
       async () => {
-        await ui(), L();
+        await mi(), L();
       }
     ), me([n], () => {
       C(), F();
@@ -577,13 +577,13 @@ const Es = /* @__PURE__ */ z({
         F();
       },
       { deep: !0 }
-    ), (S, H) => (I(), re("div", {
+    ), (T, H) => (I(), re("div", {
       ref: "chart",
       style: ie(x.value)
     }, null, 4));
   }
 });
-function Fs(i, e) {
+function Us(i, e) {
   function t(m) {
     const c = i.pseudoToNative(m), d = [], f = c.split(".");
     for (let k = 0; k < f.length; k++) {
@@ -617,11 +617,11 @@ function Fs(i, e) {
   function a(m) {
     const c = i.pseudoToNative(m);
     let d = "";
-    typeof c == "object" ? d = JSON.stringify(c) : d = String(c), Qt.emit("consoleAppend", d);
+    typeof c == "object" ? d = JSON.stringify(c) : d = String(c), tn.emit("consoleAppend", d);
   }
   function u(m, c) {
     const d = i.pseudoToNative(m), f = i.pseudoToNative(c);
-    d === "info" ? lo(f) : d === "success" ? ao(f) : d === "warning" ? pi(f) : d === "error" && fi(f);
+    d === "info" ? uo(f) : d === "success" ? co(f) : d === "warning" ? bi(f) : d === "error" && yi(f);
   }
   function p(m, c) {
     const d = i.pseudoToNative(m), f = i.pseudoToNative(c);
@@ -669,22 +669,22 @@ function Fs(i, e) {
     i.createAsyncFunction(b)
   );
 }
-const Fi = uo({
+const Ui = mo({
   baseUrl: "http://localhost/computebase/",
   onError: (i) => {
     const { i18n: e } = He;
-    fi(Io(e, i));
+    yi(So(e, i));
   }
 });
-window.API_URL && (Fi.defaults.baseURL = window.API_URL + "/computebase/");
-function Hs(i) {
-  return Fi.post("callFunc", i);
+window.API_URL && (Ui.defaults.baseURL = window.API_URL + "/computebase/");
+function Gs(i) {
+  return Ui.post("callFunc", i);
 }
-function Us(i, e) {
+function js(i, e) {
   async function t(r, n, s, a, u, p) {
     const b = i.pseudoToNative(r), m = i.pseudoToNative(n), c = i.pseudoToNative(s), d = i.pseudoToNative(a), f = i.pseudoToNative(u);
     try {
-      const k = JSON.stringify(c), { strOutputs: h } = await Hs({
+      const k = JSON.stringify(c), { strOutputs: h } = await Gs({
         spaceid: b,
         id: m,
         strInputs: k,
@@ -701,10 +701,10 @@ function Us(i, e) {
     i.createAsyncFunction(t)
   );
 }
-function Gs(i, e, t) {
+function Os(i, e, t) {
   console.assert(i || e || t);
 }
-class js {
+class Ks {
   context;
   nodes;
   constructor(e) {
@@ -731,7 +731,7 @@ class js {
       s = this.context.data.view.nodes;
     if (!s)
       return "";
-    const a = To(
+    const a = Ao(
       this.context.type,
       this.context.data.type,
       this.context.data.version,
@@ -744,8 +744,8 @@ class js {
     this.getNode(e);
   }
 }
-function Os(i, e, t) {
-  const r = new js(i);
+function Zs(i, e, t) {
+  const r = new Ks(i);
   function n(d, f, k) {
     const h = e.pseudoToNative(d), y = e.pseudoToNative(f), w = e.pseudoToNative(k), _ = r.addNode(h, y, w);
     return e.nativeToPseudo(_);
@@ -763,14 +763,14 @@ function Os(i, e, t) {
     }
     const _ = h.split("."), x = _.length;
     for (let $ = 0; $ < x; $++) {
-      const g = _[$];
+      const v = _[$];
       if ($ === x - 1)
-        return e.nativeToPseudo(w[g]);
+        return e.nativeToPseudo(w[v]);
       if (!w) {
         console.error(`getPropV1 unpkg failed, ${y}`);
         return;
       }
-      w = w[g];
+      w = w[v];
     }
   }
   function u(d, f, k) {
@@ -780,10 +780,10 @@ function Os(i, e, t) {
       console.error(`setPropV1 node not found, ${_}`);
       return;
     }
-    const $ = y.split("."), g = $.length;
-    for (let C = 0; C < g; C++) {
+    const $ = y.split("."), v = $.length;
+    for (let C = 0; C < v; C++) {
       const L = $[C];
-      if (C === g - 1)
+      if (C === v - 1)
         x[L] = w;
       else {
         if (!x) {
@@ -807,7 +807,7 @@ function Os(i, e, t) {
         pageid: h
       };
       He.router.replace({ path: y, query: w });
-    } else i.mode === "preview" && pi(
+    } else i.mode === "preview" && bi(
       He.i18n.global.t(
         "x-runtime-lib.msg.takeEffectOnlyAfterReleased"
       )
@@ -815,13 +815,13 @@ function Os(i, e, t) {
   }
   function m(d, f, k) {
     const h = e.pseudoToNative(d), y = e.pseudoToNative(f);
-    co({ title: h, text: y }).then((w) => {
+    po({ title: h, text: y }).then((w) => {
       k(e.nativeToPseudo(w)), e.run();
     });
   }
   function c(d, f, k, h) {
     const y = e.pseudoToNative(d), w = e.pseudoToNative(f), _ = e.pseudoToNative(k);
-    mo({ title: y, label: w, value: _ }).then((x) => {
+    fo({ title: y, label: w, value: _ }).then((x) => {
       h(e.nativeToPseudo(x)), e.run();
     });
   }
@@ -859,10 +859,10 @@ function Os(i, e, t) {
     e.createAsyncFunction(c)
   );
 }
-function Ks(i, e, t) {
-  Fs(e, t), Us(e, t), Gs(i, e, t), Os(i, e, t);
+function qs(i, e, t) {
+  Us(e, t), js(e, t), Os(i, e, t), Zs(i, e, t);
 }
-const Zs = `
+const Js = `
 var __env__ = 'dev'
 var __mode__ = 'editor'
 
@@ -872,7 +872,7 @@ function __getEnvV1__() {
 
 var __pointerPosX__ = 0
 var __pointerPosY__ = 0
-`, qs = `
+`, Xs = `
 var __events__ = {}
 
 function __addEventListenerV1__(id, event, callback) {
@@ -943,7 +943,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 = `
+`, Ys = `
 var __timers__ = {}
 var __currTimerId__ = 0
 
@@ -985,15 +985,15 @@ function __timeoutCallbackV1__(timerId) {
     }
   }
 }
-`, Xs = `
+`, Qs = `
 function __destroy__() {
 }
-`, Ys = Zs + qs + Js + Xs;
-function Hi(i, e) {
-  const t = new Vo(
-    Ys,
+`, er = Js + Xs + Ys + Qs;
+function Gi(i, e) {
+  const t = new Io(
+    er,
     (r, n) => {
-      Ks(i, r, n);
+      qs(i, r, n);
     }
   );
   return t.appendCode(e), t.appendCode(`
@@ -1002,11 +1002,11 @@ __mode__ = '${i.mode}';
 __triggerEvent__('globality', 'startup');
   `), t.run(), t;
 }
-function Ui(i) {
+function ji(i) {
   i.appendCode("__destroy__();"), i.run();
 }
-const Ja = ["string", "number", "boolean", "array", "object"];
-function Xa(i) {
+const eu = ["string", "number", "boolean", "array", "object"];
+function tu(i) {
   switch (i) {
     case "string":
       return "#5ba58c";
@@ -1020,7 +1020,7 @@ function Xa(i) {
       return "#80a55b";
   }
 }
-function Ya(i, e, t, r, n) {
+function nu(i, e, t, r, n) {
   let s = i;
   for (let u = 0; u < e.length; u++)
     if (s = s.children[e[u]], !s) {
@@ -1030,18 +1030,18 @@ function Ya(i, e, t, r, n) {
   let a = s.children[t];
   a ? a.dataSeq !== r && (a = {
     dataSeq: r,
-    data: G(n),
+    data: j(n),
     children: {}
   }) : (a = {
     dataSeq: r,
-    data: G(n),
+    data: j(n),
     children: {}
   }, s.children[t] = a);
 }
-function Gi() {
-  return $o();
+function Oi() {
+  return Co();
 }
-const Qs = /* @__PURE__ */ z({
+const tr = /* @__PURE__ */ z({
   __name: "index",
   props: {
     id: {},
@@ -1050,28 +1050,28 @@ const Qs = /* @__PURE__ */ z({
     outer: { type: Boolean }
   },
   setup(i) {
-    const { t: e } = gi(), t = i, r = Bi(), n = Ri(), s = A(), a = le(), u = ae(), p = ue(), b = Di(), m = be(-1), c = be(), d = {};
-    Ei(d);
+    const { t: e } = ki(), t = i, r = Di(), n = Ei(), s = A(), a = le(), u = ae(), p = ue(), b = Mi(), m = be(-1), c = be(), d = {};
+    Fi(d);
     const f = () => {
-      d.eventBus && (d.eventBus = void 0), d.interpreter && (Ui(d.interpreter), d.interpreter = void 0);
+      d.eventBus && (d.eventBus = void 0), d.interpreter && (ji(d.interpreter), d.interpreter = void 0);
     };
-    Xt(() => {
+    Yt(() => {
       if (!t.refContext.refid) {
         m.value = -1, c.value = void 0, f();
         return;
       }
-      const g = b.value[t.refContext.refid];
-      if (!g) {
-        m.value = -1, c.value = null, f(), Qt.emit("compNotAvail", t.refContext.refid);
+      const v = b.value[t.refContext.refid];
+      if (!v) {
+        m.value = -1, c.value = null, f(), tn.emit("compNotAvail", t.refContext.refid);
         return;
       }
-      if (m.value === g.dataSeq || (m.value = g.dataSeq, c.value = G(g.data), s !== "runtime" && s !== "preview"))
+      if (m.value === v.dataSeq || (m.value = v.dataSeq, c.value = j(v.data), s !== "runtime" && s !== "preview"))
         return;
       f();
       const C = c.value, L = C.code.script;
       if (L) {
-        const F = Gi();
-        d.eventBus = F, d.interpreter = Hi(
+        const F = Oi();
+        d.eventBus = F, d.interpreter = Gi(
           { org: r, env: n, mode: s, type: u, data: C, eventBus: F },
           L
         );
@@ -1080,38 +1080,38 @@ const Qs = /* @__PURE__ */ z({
       f();
     });
     const { applySize: k } = pe(s, a, t), h = V(() => {
-      const g = {}, C = p.value.type;
-      return u === "page" ? C === "common" ? k(g) : console.assert(!1) : u === "comp" && C === "common" ? k(g) : console.assert(!1), g;
+      const v = {}, C = p.value.type;
+      return u === "page" ? C === "common" ? k(v) : console.assert(!1) : u === "comp" && C === "common" ? k(v) : console.assert(!1), v;
     });
-    function y(g) {
-      const C = fn[p.value.version].refKey, L = ye[C];
+    function y(v) {
+      const C = yn[p.value.version].refKey, L = ye[C];
       return L ? J(L.comp, {
         refContext: {
           parent: t.refContext,
-          refid: g.ref.id
+          refid: v.ref.id
         },
-        node: g
+        node: v
       }) : (console.assert(!1, `ref element not found key=${C}`), J("div", `ref element not found key=${C}`));
     }
-    function w(g) {
-      const C = ye[g.basic.key];
+    function w(v) {
+      const C = ye[v.basic.key];
       if (!C)
-        return console.assert(!1, `element not found key=${g.basic.key}`), J("div", `element not found key=${g.basic.key}`);
+        return console.assert(!1, `element not found key=${v.basic.key}`), J("div", `element not found key=${v.basic.key}`);
       const L = [];
-      return C.leaf || g.children?.forEach((F) => {
-        const S = _(F);
-        L.push(S);
-      }), J(C.comp, { node: g }, { default: () => L });
+      return C.leaf || v.children?.forEach((F) => {
+        const T = _(F);
+        L.push(T);
+      }), J(C.comp, { node: v }, { default: () => L });
     }
-    function _(g) {
-      return g.ref ? y(g) : w(g);
+    function _(v) {
+      return v.ref ? y(v) : w(v);
     }
     function x() {
-      let g = t.refContext.parent;
-      for (; g; ) {
-        if (g.refid === t.refContext.refid)
+      let v = t.refContext.parent;
+      for (; v; ) {
+        if (v.refid === t.refContext.refid)
           return !0;
-        g = g.parent;
+        v = v.parent;
       }
       return !1;
     }
@@ -1120,16 +1120,48 @@ const Qs = /* @__PURE__ */ z({
         return J("div", { id: t.id }, e("x-runtime-lib.circularRef"));
       if (!c.value)
         return c.value === void 0 ? J("div", { id: t.id }) : J("div", { id: t.id }, e("x-runtime-lib.compNotAvail"));
-      const g = c.value.type;
-      if (g === "common") {
+      const v = c.value.type;
+      if (v === "common") {
         const C = [];
         return c.value.view.nodes.forEach((L) => {
           C.push(_(L));
         }), J("div", { id: t.id, style: h.value }, C);
       } else
-        return console.assert(!1, `invalid subtype=${g}`), J("div", { id: t.id }, `invalid subtype=${g}`);
+        return console.assert(!1, `invalid subtype=${v}`), J("div", { id: t.id }, `invalid subtype=${v}`);
     };
-    return (g, C) => (I(), N($));
+    return (v, C) => (I(), N($));
+  }
+}), ee = /* @__PURE__ */ z({
+  __name: "index",
+  props: {
+    fitContent: { type: Boolean, default: !1 }
+  },
+  setup(i) {
+    const e = A(), t = V(() => {
+      const r = {};
+      return i.fitContent && (r.width = "fit-content", r.height = "fit-content"), r;
+    });
+    return (r, n) => o(e) === "editor" ? (I(), re("div", {
+      key: 0,
+      style: ie(t.value)
+    }, [
+      G(r.$slots, "default")
+    ], 4)) : G(r.$slots, "default", { key: 1 });
+  }
+}), nr = /* @__PURE__ */ z({
+  __name: "index",
+  props: {
+    node: {},
+    outer: { type: Boolean }
+  },
+  setup(i) {
+    const e = i, t = A(), r = B(), { prop: n } = l(t, r, e, ["settings", "open"]);
+    return (s, a) => (I(), N(o(ee), null, {
+      default: P(() => [
+        o(n) ? G(s.$slots, "default", { key: 0 }) : Qt("", !0)
+      ]),
+      _: 3
+    }));
   }
 }), fe = /* @__PURE__ */ z({
   __name: "index",
@@ -1138,30 +1170,30 @@ const Qs = /* @__PURE__ */ z({
     state: {}
   },
   setup(i) {
-    const { t: e } = gi(), t = i, r = Bi(), n = Ri(), s = A(), a = ae(), u = ue(), p = Di(), b = be(-1), m = be(), c = {};
-    Ei(c);
+    const { t: e } = ki(), t = i, r = Di(), n = Ei(), s = A(), a = ae(), u = ue(), p = Mi(), b = be(-1), m = be(), c = {};
+    Fi(c);
     const d = () => {
-      c.eventBus && (c.eventBus = void 0), c.interpreter && (Ui(c.interpreter), c.interpreter = void 0);
+      c.eventBus && (c.eventBus = void 0), c.interpreter && (ji(c.interpreter), c.interpreter = void 0);
     };
-    Xt(() => {
+    Yt(() => {
       if (!t.refContext.refid) {
         b.value = -1, m.value = void 0, d();
         return;
       }
       const x = p.value[t.refContext.refid];
       if (!x) {
-        b.value = -1, m.value = null, d(), Qt.emit("compNotAvail", t.refContext.refid);
+        b.value = -1, m.value = null, d(), tn.emit("compNotAvail", t.refContext.refid);
         return;
       }
-      if (b.value === x.dataSeq || (b.value = x.dataSeq, m.value = G(x.data), s !== "runtime" && s !== "preview"))
+      if (b.value === x.dataSeq || (b.value = x.dataSeq, m.value = j(x.data), s !== "runtime" && s !== "preview"))
         return;
       d();
-      const $ = m.value, g = $.code.script;
-      if (g) {
-        const C = Gi();
-        c.eventBus = C, c.interpreter = Hi(
+      const $ = m.value, v = $.code.script;
+      if (v) {
+        const C = Oi();
+        c.eventBus = C, c.interpreter = Gi(
           { org: r, env: n, mode: s, type: a, data: $, eventBus: C },
-          g
+          v
         );
       }
     }), Ie(() => {
@@ -1178,8 +1210,8 @@ const Qs = /* @__PURE__ */ z({
       { deep: !0, immediate: !0 }
     );
     function k(x) {
-      const $ = fn[u.value.version].refKey, g = ye[$];
-      return g ? J(g.comp, {
+      const $ = yn[u.value.version].refKey, v = ye[$];
+      return v ? J(v.comp, {
         refContext: {
           parent: t.refContext,
           refid: x.ref.id
@@ -1191,10 +1223,10 @@ const Qs = /* @__PURE__ */ z({
       const $ = ye[x.basic.key];
       if (!$)
         return console.assert(!1, `element not found key=${x.basic.key}`), J("div", `element not found key=${x.basic.key}`);
-      const g = [];
+      const v = [];
       return $.leaf || x.children?.forEach((C) => {
-        g.push(y(C));
-      }), J($.comp, { node: x }, { default: () => g });
+        v.push(y(C));
+      }), J($.comp, { node: x }, { default: () => v });
     }
     function y(x) {
       return x.ref ? k(x) : h(x);
@@ -1216,15 +1248,15 @@ const Qs = /* @__PURE__ */ z({
       const x = m.value.type;
       if (x === "common") {
         const $ = [];
-        return m.value.view.nodes.forEach((g) => {
-          $.push(y(g));
+        return m.value.view.nodes.forEach((v) => {
+          $.push(y(v));
         }), $;
       } else
         return console.assert(!1, `invalid subtype=${x}`), J("div", `invalid subtype=${x}`);
     };
     return (x, $) => (I(), N(_));
   }
-}), er = /* @__PURE__ */ z({
+}), ir = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -1250,30 +1282,13 @@ const Qs = /* @__PURE__ */ z({
         theme: o(u)
       }, {
         default: P(() => [
-          j(m.$slots, "default")
+          G(m.$slots, "default")
         ]),
         _: 3
       }, 8, ["content", "dot", "offset-x", "offset-y", "theme"]);
     };
   }
-}), te = /* @__PURE__ */ z({
-  __name: "index",
-  props: {
-    fitContent: { type: Boolean, default: !1 }
-  },
-  setup(i) {
-    const e = A(), t = V(() => {
-      const r = {};
-      return i.fitContent && (r.width = "fit-content", r.height = "fit-content"), r;
-    });
-    return (r, n) => o(e) === "editor" ? (I(), re("div", {
-      key: 0,
-      style: ie(t.value)
-    }, [
-      j(r.$slots, "default")
-    ], 4)) : j(r.$slots, "default", { key: 1 });
-  }
-}), tr = /* @__PURE__ */ z({
+}), or = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -1294,20 +1309,20 @@ const Qs = /* @__PURE__ */ z({
     ]), { prop: _ } = l(t, n, e, [
       "settings",
       "readonly"
-    ]), { prop: x } = l(t, n, e, ["settings", "ripple"]), { prop: $ } = l(t, n, e, ["settings", "size"]), { prop: g } = l(t, n, e, ["settings", "stacked"]), { prop: C } = l(t, n, e, ["settings", "text"]), { theme: L } = U(r), { prop: F } = l(t, n, e, ["settings", "variant"]), { prop: S } = l(t, n, e, ["size", "width"]), H = (K) => {
+    ]), { prop: x } = l(t, n, e, ["settings", "ripple"]), { prop: $ } = l(t, n, e, ["settings", "size"]), { prop: v } = l(t, n, e, ["settings", "stacked"]), { prop: C } = l(t, n, e, ["settings", "text"]), { theme: L } = U(r), { prop: F } = l(t, n, e, ["settings", "variant"]), { prop: T } = l(t, n, e, ["size", "width"]), H = (K) => {
       if (t !== "runtime" && t !== "preview")
         return;
       const O = n.interpreter;
       if (!O)
         return;
-      const ee = O.nativeToPseudo(K.clientX), ne = O.nativeToPseudo(K.clientY), ce = O.nativeToPseudo(e.node.basic.id);
-      O.appendCode(`__pointerPosX__ = ${ee};`), O.appendCode(`__pointerPosY__ = ${ne};`), O.appendCode(`__triggerEvent__('${ce}', 'click');`), O.run();
+      const te = O.nativeToPseudo(K.clientX), ne = O.nativeToPseudo(K.clientY), ce = O.nativeToPseudo(e.node.basic.id);
+      O.appendCode(`__pointerPosX__ = ${te};`), O.appendCode(`__pointerPosY__ = ${ne};`), O.appendCode(`__triggerEvent__('${ce}', 'click');`), O.run();
     };
     return (K, O) => {
-      const ee = W("v-btn");
-      return I(), N(o(te), null, {
+      const te = W("v-btn");
+      return I(), N(o(ee), null, {
         default: P(() => [
-          Z(ee, {
+          Z(te, {
             "append-icon": o(s),
             block: o(a),
             color: o(p),
@@ -1323,11 +1338,11 @@ const Qs = /* @__PURE__ */ z({
             readonly: o(_),
             ripple: o(x),
             size: o($),
-            stacked: o(g),
+            stacked: o(v),
             text: o(C),
             theme: o(L),
             variant: o(F),
-            width: o(S),
+            width: o(T),
             onClick: H
           }, null, 8, ["append-icon", "block", "color", "density", "disabled", "height", "loading", "max-height", "max-width", "min-height", "min-width", "prepend-icon", "readonly", "ripple", "size", "stacked", "text", "theme", "variant", "width"])
         ]),
@@ -1340,17 +1355,17 @@ const Qs = /* @__PURE__ */ z({
   for (const [r, n] of e)
     t[r] = n;
   return t;
-}, nr = {};
-function ir(i, e) {
+}, sr = {};
+function rr(i, e) {
   const t = W("v-btn-group");
   return I(), N(t, null, {
     default: P(() => [
-      j(i.$slots, "default")
+      G(i.$slots, "default")
     ]),
     _: 3
   });
 }
-const or = /* @__PURE__ */ _e(nr, [["render", ir]]), sr = /* @__PURE__ */ z({
+const lr = /* @__PURE__ */ _e(sr, [["render", rr]]), ar = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -1386,13 +1401,13 @@ const or = /* @__PURE__ */ _e(nr, [["render", ir]]), sr = /* @__PURE__ */ z({
         variant: o(h)
       }, {
         default: P(() => [
-          j(y.$slots, "default")
+          G(y.$slots, "default")
         ]),
         _: 3
       }, 8, ["block", "disabled", "divided", "mandatory", "multiple", "readonly", "size", "stacked", "theme", "tile", "variant"]);
     };
   }
-}), rr = /* @__PURE__ */ z({
+}), ur = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -1406,7 +1421,7 @@ const or = /* @__PURE__ */ _e(nr, [["render", ir]]), sr = /* @__PURE__ */ z({
       "settings",
       "subtitle"
     ]), { prop: h } = l(t, n, e, ["settings", "text"]), { theme: y } = U(r), { prop: w } = l(t, n, e, ["settings", "title"]), { prop: _ } = l(t, n, e, ["settings", "variant"]), { prop: x } = l(t, n, e, ["size", "width"]);
-    return ($, g) => {
+    return ($, v) => {
       const C = W("v-card");
       return I(), N(C, {
         density: o(s),
@@ -1426,13 +1441,13 @@ const or = /* @__PURE__ */ _e(nr, [["render", ir]]), sr = /* @__PURE__ */ z({
         width: o(x)
       }, {
         default: P(() => [
-          j($.$slots, "default")
+          G($.$slots, "default")
         ]),
         _: 3
       }, 8, ["density", "disabled", "height", "hover", "loading", "max-height", "max-width", "min-height", "min-width", "subtitle", "text", "theme", "title", "variant", "width"]);
     };
   }
-}), lr = /* @__PURE__ */ z({
+}), cr = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -1454,7 +1469,7 @@ const or = /* @__PURE__ */ _e(nr, [["render", ir]]), sr = /* @__PURE__ */ z({
       }, null, 8, ["disabled", "readonly"]);
     };
   }
-}), ar = /* @__PURE__ */ z({
+}), dr = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -1472,8 +1487,8 @@ const or = /* @__PURE__ */ _e(nr, [["render", ir]]), sr = /* @__PURE__ */ z({
       "draggable"
     ]), { prop: c } = l(t, n, e, ["settings", "filter"]), { prop: d } = l(t, n, e, ["settings", "label"]), { prop: f } = l(t, n, e, ["settings", "size"]), { prop: k } = l(t, n, e, ["settings", "text"]), { theme: h } = U(r), { prop: y } = l(t, n, e, ["settings", "tile"]), { prop: w } = l(t, n, e, ["settings", "value"]), { prop: _ } = l(t, n, e, ["settings", "variant"]);
     return (x, $) => {
-      const g = W("v-chip");
-      return I(), N(g, {
+      const v = W("v-chip");
+      return I(), N(v, {
         closable: o(s),
         color: o(u),
         density: o(p),
@@ -1490,7 +1505,7 @@ const or = /* @__PURE__ */ _e(nr, [["render", ir]]), sr = /* @__PURE__ */ z({
       }, null, 8, ["closable", "color", "density", "disabled", "draggable", "filter", "label", "size", "text", "theme", "tile", "value", "variant"]);
     };
   }
-}), ur = /* @__PURE__ */ z({
+}), mr = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -1528,13 +1543,13 @@ const or = /* @__PURE__ */ _e(nr, [["render", ir]]), sr = /* @__PURE__ */ z({
         theme: o(d)
       }, {
         default: P(() => [
-          j(k.$slots, "default")
+          G(k.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "column", "direction", "disabled", "filter", "mandatory", "multiple", "show-arrows", "theme"]);
     };
   }
-}), cr = /* @__PURE__ */ z({
+}), pr = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -1581,7 +1596,7 @@ const or = /* @__PURE__ */ _e(nr, [["render", ir]]), sr = /* @__PURE__ */ z({
       }, null, 8, ["disabled", "hide-canvas", "hide-header", "hide-inputs", "hide-sliders", "landscape", "show-swatches", "style", "theme"]);
     };
   }
-}), dr = /* @__PURE__ */ z({
+}), fr = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -1603,7 +1618,7 @@ const or = /* @__PURE__ */ _e(nr, [["render", ir]]), sr = /* @__PURE__ */ z({
     ]), { theme: m } = U(r), { prop: c } = l(t, n, e, ["settings", "value"]);
     return (d, f) => {
       const k = W("v-combobox");
-      return I(), N(o(te), null, {
+      return I(), N(o(ee), null, {
         default: P(() => [
           Z(k, {
             modelValue: o(c),
@@ -1620,7 +1635,7 @@ const or = /* @__PURE__ */ _e(nr, [["render", ir]]), sr = /* @__PURE__ */ z({
       });
     };
   }
-}), mr = /* @__PURE__ */ z({
+}), br = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -1630,17 +1645,17 @@ const or = /* @__PURE__ */ _e(nr, [["render", ir]]), sr = /* @__PURE__ */ z({
     const e = i, t = A(), r = le(), n = M(), s = ae(), a = ue(), u = B(), { prop: p } = l(t, u, e, [
       "settings",
       "backgroundColor"
-    ]), { color: b } = Y(n, p), { applySize: m } = pe(t, r, e), { applyMargin: c } = tn(e), { applyPadding: d } = nn(e), { applyBorder: f } = en(n, e), k = V(() => {
+    ]), { color: b } = Y(n, p), { applySize: m } = pe(t, r, e), { applyMargin: c } = on(e), { applyPadding: d } = sn(e), { applyBorder: f } = nn(n, e), k = V(() => {
       const h = {}, y = a.value.type;
       return s === "page" ? y === "common" ? (m(h), c(h), d(h), f(h), b.value && (h.backgroundColor = b.value)) : console.assert(!1) : s === "comp" && y === "common" ? (m(h), c(h), d(h), f(h), b.value && (h.backgroundColor = b.value)) : console.assert(!1), h;
     });
     return (h, y) => (I(), re("div", {
       style: ie(k.value)
     }, [
-      j(h.$slots, "default")
+      G(h.$slots, "default")
     ], 4));
   }
-}), pr = /* @__PURE__ */ z({
+}), yr = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -1682,33 +1697,33 @@ const or = /* @__PURE__ */ _e(nr, [["render", ir]]), sr = /* @__PURE__ */ z({
         "multi-sort": o(f),
         theme: o(k),
         width: o(h)
-      }, Yt({ _: 2 }, [
-        io(y.value, ($) => ({
+      }, en({ _: 2 }, [
+        so(y.value, ($) => ({
           name: `item.${$.column}`,
-          fn: P(({ value: g }) => [
+          fn: P(({ value: v }) => [
             Z(o(fe), {
               "ref-context": { refid: $.comp },
-              state: { value: g }
+              state: { value: v }
             }, null, 8, ["ref-context", "state"])
           ])
         }))
       ]), 1032, ["density", "fixed-footer", "fixed-header", "headers", "height", "hover", "items", "loading", "multi-sort", "theme", "width"]);
     };
   }
-}), fr = {};
-function br(i, e) {
+}), hr = {};
+function xr(i, e) {
   const t = W("v-date-picker");
   return I(), N(t);
 }
-const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PURE__ */ z({
+const gr = /* @__PURE__ */ _e(hr, [["render", xr]]), vr = ["id"], kr = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(i) {
-    const e = i, t = A(), r = B(), n = V(() => e.node.basic?.id), { open: s } = bi(`runtimeDlg/${ci()}`);
-    return Mi(r, e, (u) => {
+    const e = i, t = A(), r = B(), n = V(() => e.node.basic?.id), { open: s } = hi(`runtimeDlg/${pi()}`);
+    return Hi(r, e, (u) => {
       if (t !== "runtime" && t !== "preview" || !r.interpreter)
         return;
       const { name: b } = u;
@@ -1724,16 +1739,16 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
           o(t) === "editor" ? (I(), re("div", {
             key: 0,
             id: `__node__@${n.value}`
-          }, null, 8, hr)) : di("", !0)
+          }, null, 8, vr)) : Qt("", !0)
         ]),
         default: P(() => [
-          j(u.$slots, "default")
+          G(u.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue"]);
     };
   }
-}), gr = /* @__PURE__ */ z({
+}), _r = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -1772,26 +1787,26 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
       }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"]);
     };
   }
-}), vr = /* @__PURE__ */ z({
+}), wr = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(i) {
-    const e = i, t = A(), r = le(), n = M(), s = ae(), a = ue(), u = B(), { applySize: p } = pe(t, r, e), { applyMargin: b } = tn(e), { applyPadding: m } = nn(e), { applyBorder: c } = en(n, e), { prop: d } = l(t, u, e, [
+    const e = i, t = A(), r = le(), n = M(), s = ae(), a = ue(), u = B(), { applySize: p } = pe(t, r, e), { applyMargin: b } = on(e), { applyPadding: m } = sn(e), { applyBorder: c } = nn(n, e), { prop: d } = l(t, u, e, [
       "settings",
       "backgroundColor"
     ]), { color: f } = Y(n, d), k = (y) => {
       f.value && (y.backgroundColor = f.value), y.display = "flex";
-      const w = Ii(r.value.width), _ = we(w, e.node.settings?.direction);
+      const w = Si(r.value.width), _ = we(w, e.node.settings?.direction);
       _ === "row" ? y.flexDirection = "row" : _ === "rowReverse" ? y.flexDirection = "row-reverse" : _ === "column" ? y.flexDirection = "column" : _ === "columnReverse" && (y.flexDirection = "column-reverse");
       const x = we(w, e.node.settings?.wrap);
       x === "no" ? y.flexWrap = "nowrap" : x === "yes" ? y.flexWrap = "wrap" : x === "reverse" && (y.flexWrap = "wrap-reverse");
       const $ = we(w, e.node.settings?.mainAlign);
       $ === "start" ? y.justifyContent = "flex-start" : $ === "end" ? y.justifyContent = "flex-end" : $ === "center" ? y.justifyContent = "center" : $ === "spaceBetween" ? y.justifyContent = "space-between" : $ === "spaceAround" ? y.justifyContent = "space-around" : $ === "spaceEvenly" && (y.justifyContent = "space-evenly");
-      const g = we(w, e.node.settings?.crossAlign);
-      g === "start" ? y.alignItems = "flex-start" : g === "end" ? y.alignItems = "flex-end" : g === "center" ? y.alignItems = "center" : g === "baseline" ? y.alignItems = "baseline" : g === "stretch" && (y.alignItems = "stretch");
+      const v = we(w, e.node.settings?.crossAlign);
+      v === "start" ? y.alignItems = "flex-start" : v === "end" ? y.alignItems = "flex-end" : v === "center" ? y.alignItems = "center" : v === "baseline" ? y.alignItems = "baseline" : v === "stretch" && (y.alignItems = "stretch");
     }, h = V(() => {
       const y = {}, w = a.value.type;
       return s === "page" ? w === "common" ? (p(y), b(y), m(y), c(y), k(y)) : console.assert(!1) : s === "comp" && w === "common" ? (p(y), b(y), m(y), c(y), k(y)) : console.assert(!1), y;
@@ -1799,10 +1814,10 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
     return (y, w) => (I(), re("div", {
       style: ie(h.value)
     }, [
-      j(y.$slots, "default")
+      G(y.$slots, "default")
     ], 4));
   }
-}), kr = /* @__PURE__ */ z({
+}), Vr = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -1816,10 +1831,10 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
     return (c, d) => (I(), re("div", {
       style: ie(m.value)
     }, [
-      j(c.$slots, "default")
+      G(c.$slots, "default")
     ], 4));
   }
-}), _r = /* @__PURE__ */ z({
+}), $r = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -1832,7 +1847,7 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
     ]), { prop: m } = l(t, u, e, [
       "settings",
       "backgroundColor"
-    ]), { color: c } = Y(n, m), { applySize: d } = pe(t, r, e), { applyMargin: f } = tn(e), { applyPadding: k } = nn(e), { applyBorder: h } = en(n, e), y = V(() => {
+    ]), { color: c } = Y(n, m), { applySize: d } = pe(t, r, e), { applyMargin: f } = on(e), { applyPadding: k } = sn(e), { applyBorder: h } = nn(n, e), y = V(() => {
       const _ = {}, x = a.value.type;
       return s === "page" ? x === "common" ? (d(_), f(_), k(_), h(_), c.value && (_.backgroundColor = c.value)) : console.assert(!1) : s === "comp" && x === "common" ? (d(_), f(_), k(_), h(_), c.value && (_.backgroundColor = c.value)) : console.assert(!1), _;
     }), w = () => {
@@ -1848,19 +1863,19 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
       const $ = W("v-form");
       return I(), N($, {
         modelValue: o(p),
-        "onUpdate:modelValue": x[0] || (x[0] = (g) => X(p) ? p.value = g : null),
+        "onUpdate:modelValue": x[0] || (x[0] = (v) => X(p) ? p.value = v : null),
         "fast-fail": o(b),
         style: ie(y.value),
-        onSubmit: oo(w, ["prevent"])
+        onSubmit: ro(w, ["prevent"])
       }, {
         default: P(() => [
-          j(_.$slots, "default")
+          G(_.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "fast-fail", "style"]);
     };
   }
-}), wr = /* @__PURE__ */ z({
+}), Ir = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -1882,15 +1897,15 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
       }, null, 8, ["color", "disabled", "icon", "size", "theme"]);
     };
   }
-}), Vr = ["id"], $r = /* @__PURE__ */ z({
+}), Cr = ["id"], Sr = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(i) {
-    const e = i, t = A(), r = B(), n = be(0), s = be(0), a = V(() => [n.value, s.value]), u = V(() => e.node.basic?.id), { open: p } = bi(`runtimeMenu/${ci()}`);
-    return Mi(r, e, (m) => {
+    const e = i, t = A(), r = B(), n = be(0), s = be(0), a = V(() => [n.value, s.value]), u = V(() => e.node.basic?.id), { open: p } = hi(`runtimeMenu/${pi()}`);
+    return Hi(r, e, (m) => {
       if (t !== "runtime" && t !== "preview")
         return;
       const c = r.interpreter;
@@ -1912,16 +1927,16 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
           o(t) === "editor" ? (I(), re("div", {
             key: 0,
             id: `__node__@${u.value}`
-          }, null, 8, Vr)) : di("", !0)
+          }, null, 8, Cr)) : Qt("", !0)
         ]),
         default: P(() => [
-          j(m.$slots, "default")
+          G(m.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "target"]);
     };
   }
-}), Ir = /* @__PURE__ */ z({
+}), Tr = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -1959,13 +1974,13 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
     ]), { prop: $ } = l(t, n, e, [
       "settings",
       "readonly"
-    ]), { prop: g } = l(t, n, e, ["settings", "reverse"]), { prop: C } = l(t, n, e, [
+    ]), { prop: v } = l(t, n, e, ["settings", "reverse"]), { prop: C } = l(t, n, e, [
       "settings",
       "singleLine"
-    ]), { prop: L } = l(t, n, e, ["settings", "step"]), { prop: F } = l(t, n, e, ["settings", "suffix"]), { theme: S } = U(r), { prop: H } = l(t, n, e, ["settings", "value"]), { prop: K } = l(t, n, e, ["settings", "variant"]), { prop: O } = l(t, n, e, ["size", "width"]);
-    return (ee, ne) => {
+    ]), { prop: L } = l(t, n, e, ["settings", "step"]), { prop: F } = l(t, n, e, ["settings", "suffix"]), { theme: T } = U(r), { prop: H } = l(t, n, e, ["settings", "value"]), { prop: K } = l(t, n, e, ["settings", "variant"]), { prop: O } = l(t, n, e, ["size", "width"]);
+    return (te, ne) => {
       const ce = W("v-number-input");
-      return I(), N(o(te), null, {
+      return I(), N(o(ee), null, {
         default: P(() => [
           Z(ce, {
             modelValue: o(H),
@@ -1986,11 +2001,11 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
             "prepend-icon": o(_),
             "prepend-inner-icon": o(x),
             readonly: o($),
-            reverse: o(g),
+            reverse: o(v),
             "single-line": o(C),
             step: o(L),
             suffix: o(F),
-            theme: o(S),
+            theme: o(T),
             variant: o(K),
             width: o(O)
           }, null, 8, ["modelValue", "append-icon", "append-inner-icon", "clearable", "hide-details", "label", "loading", "max", "max-width", "min", "min-width", "placeholder", "precision", "prefix", "prepend-icon", "prepend-inner-icon", "readonly", "reverse", "single-line", "step", "suffix", "theme", "variant", "width"])
@@ -1999,7 +2014,7 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
       });
     };
   }
-}), Cr = /* @__PURE__ */ z({
+}), zr = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -2018,7 +2033,7 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
     });
     return (y, w) => {
       const _ = W("v-pagination");
-      return I(), N(o(te), null, {
+      return I(), N(o(ee), null, {
         default: P(() => [
           Z(_, {
             modelValue: o(f),
@@ -2039,7 +2054,7 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
       });
     };
   }
-}), Sr = /* @__PURE__ */ z({
+}), Ar = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -2066,7 +2081,7 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
   }
-}), Tr = /* @__PURE__ */ z({
+}), Pr = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -2085,7 +2100,7 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
     ]), { theme: m } = U(r), { prop: c } = l(t, n, e, ["settings", "value"]);
     return (d, f) => {
       const k = W("v-radio-group");
-      return I(), N(o(te), null, {
+      return I(), N(o(ee), null, {
         default: P(() => [
           Z(k, {
             modelValue: o(c),
@@ -2098,7 +2113,7 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
             theme: o(m)
           }, {
             default: P(() => [
-              j(d.$slots, "default")
+              G(d.$slots, "default")
             ]),
             _: 3
           }, 8, ["modelValue", "density", "direction", "disabled", "inline", "readonly", "theme"])
@@ -2107,7 +2122,7 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
       });
     };
   }
-}), zr = /* @__PURE__ */ z({
+}), Nr = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -2145,13 +2160,13 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
     }), { prop: x } = l(t, n, e, [
       "settings",
       "thumbSize"
-    ]), { prop: $ } = l(t, n, e, ["settings", "ticks"]), g = V(() => {
+    ]), { prop: $ } = l(t, n, e, ["settings", "ticks"]), v = V(() => {
       if (!$.value)
         return;
       const H = {};
       for (const { value: K, label: O } of $.value)
         H[K] = O;
-      if (!xi(H))
+      if (!vi(H))
         return H;
     }), { prop: C } = l(t, n, e, [
       "settings",
@@ -2164,7 +2179,7 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
       "settings",
       "value",
       "end"
-    ]), S = V({
+    ]), T = V({
       get: () => [L.value, F.value],
       set: ([H, K]) => {
         L.value = H, F.value = K;
@@ -2172,14 +2187,14 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
     });
     return (H, K) => {
       const O = W("v-range-slider");
-      return I(), N(o(te), {
-        modelValue: S.value,
-        "onUpdate:modelValue": K[1] || (K[1] = (ee) => S.value = ee)
+      return I(), N(o(ee), {
+        modelValue: T.value,
+        "onUpdate:modelValue": K[1] || (K[1] = (te) => T.value = te)
       }, {
         default: P(() => [
           Z(O, {
-            modelValue: S.value,
-            "onUpdate:modelValue": K[0] || (K[0] = (ee) => S.value = ee),
+            modelValue: T.value,
+            "onUpdate:modelValue": K[0] || (K[0] = (te) => T.value = te),
             density: o(s),
             direction: o(a),
             disabled: o(u),
@@ -2194,14 +2209,14 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
             "thumb-label": _.value,
             "thumb-size": o(x),
             "tick-size": o(C),
-            ticks: g.value
+            ticks: v.value
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "label", "max", "min", "readonly", "show-ticks", "step", "theme", "thumb-label", "thumb-size", "tick-size", "ticks"])
         ]),
         _: 1
       }, 8, ["modelValue"]);
     };
   }
-}), Ar = /* @__PURE__ */ z({
+}), Wr = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -2223,7 +2238,7 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
     ]), { theme: d } = U(r), { prop: f } = l(t, n, e, ["settings", "value"]);
     return (k, h) => {
       const y = W("v-rating");
-      return I(), N(o(te), { "fit-content": !0 }, {
+      return I(), N(o(ee), { "fit-content": !0 }, {
         default: P(() => [
           Z(y, {
             modelValue: o(f),
@@ -2242,7 +2257,7 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
       });
     };
   }
-}), Pr = /* @__PURE__ */ z({
+}), Lr = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -2264,7 +2279,7 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
     ]), { theme: m } = U(r), { prop: c } = l(t, n, e, ["settings", "value"]);
     return (d, f) => {
       const k = W("v-select");
-      return I(), N(o(te), null, {
+      return I(), N(o(ee), null, {
         default: P(() => [
           Z(k, {
             modelValue: o(c),
@@ -2281,14 +2296,14 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
       });
     };
   }
-}), Nr = /* @__PURE__ */ z({
+}), Br = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(i) {
-    const e = i, t = A(), r = po(), n = B(), { prop: s } = l(t, n, e, ["settings", "color"]), { color: a } = Y(r, s), { prop: u } = l(t, n, e, [
+    const e = i, t = A(), r = bo(), n = B(), { prop: s } = l(t, n, e, ["settings", "color"]), { color: a } = Y(r, s), { prop: u } = l(t, n, e, [
       "settings",
       "direction"
     ]), { prop: p } = l(t, n, e, [
@@ -2311,24 +2326,24 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
     }), { prop: w } = l(t, n, e, ["settings", "step"]), { theme: _ } = U(r), { prop: x } = l(t, n, e, [
       "settings",
       "thumbColor"
-    ]), { color: $ } = Y(r, x), { prop: g } = l(t, n, e, [
+    ]), { color: $ } = Y(r, x), { prop: v } = l(t, n, e, [
       "settings",
       "thumbLabel"
     ]), C = V(() => {
-      if (g.value === "always")
+      if (v.value === "always")
         return "always";
-      if (g.value === "show")
+      if (v.value === "show")
         return !0;
     }), { prop: L } = l(t, n, e, [
       "settings",
       "thumbSize"
-    ]), { prop: F } = l(t, n, e, ["settings", "ticks"]), S = V(() => {
+    ]), { prop: F } = l(t, n, e, ["settings", "ticks"]), T = V(() => {
       if (!F.value)
         return;
       const de = {};
       for (const { value: Ce, label: We } of F.value)
         de[Ce] = We;
-      if (!xi(de))
+      if (!vi(de))
         return de;
     }), { prop: H } = l(t, n, e, [
       "settings",
@@ -2336,17 +2351,17 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
     ]), { prop: K } = l(t, n, e, [
       "settings",
       "trackColor"
-    ]), { color: O } = Y(r, K), { prop: ee } = l(t, n, e, ["settings", "value"]), { prop: ne } = l(t, n, e, ["slots", "append"]), { prop: ce } = l(t, n, e, [
+    ]), { color: O } = Y(r, K), { prop: te } = l(t, n, e, ["settings", "value"]), { prop: ne } = l(t, n, e, ["slots", "append"]), { prop: ce } = l(t, n, e, [
       "slots",
       "prepend"
     ]);
     return (de, Ce) => {
       const We = W("v-slider");
-      return I(), N(o(te), null, {
+      return I(), N(o(ee), null, {
         default: P(() => [
           Z(We, {
-            modelValue: o(ee),
-            "onUpdate:modelValue": Ce[0] || (Ce[0] = (to) => X(ee) ? ee.value = to : null),
+            modelValue: o(te),
+            "onUpdate:modelValue": Ce[0] || (Ce[0] = (io) => X(te) ? te.value = io : null),
             color: o(a),
             direction: o(u),
             disabled: o(p),
@@ -2363,9 +2378,9 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
             "thumb-label": C.value,
             "thumb-size": o(L),
             "tick-size": o(H),
-            ticks: S.value,
+            ticks: T.value,
             "track-color": o(O)
-          }, Yt({ _: 2 }, [
+          }, en({ _: 2 }, [
             o(ne) ? {
               name: "append",
               fn: P(() => [
@@ -2392,7 +2407,7 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
       });
     };
   }
-}), Wr = /* @__PURE__ */ z({
+}), Rr = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -2412,23 +2427,23 @@ const yr = /* @__PURE__ */ _e(fr, [["render", br]]), hr = ["id"], xr = /* @__PUR
         theme: o(a)
       }, {
         default: P(() => [
-          j(p.$slots, "default")
+          G(p.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "hide-actions", "theme"]);
     };
   }
-}), Lr = {};
-function Br(i, e) {
+}), Dr = {};
+function Er(i, e) {
   const t = W("v-stepper-header");
   return I(), N(t, null, {
     default: P(() => [
-      j(i.$slots, "default")
+      G(i.$slots, "default")
     ]),
     _: 3
   });
 }
-const Rr = /* @__PURE__ */ _e(Lr, [["render", Br]]), Dr = /* @__PURE__ */ z({
+const Mr = /* @__PURE__ */ _e(Dr, [["render", Er]]), Fr = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -2440,23 +2455,23 @@ const Rr = /* @__PURE__ */ _e(Lr, [["render", Br]]), Dr = /* @__PURE__ */ z({
       const u = W("v-stepper-item");
       return I(), N(u, { value: o(n) }, {
         default: P(() => [
-          j(s.$slots, "default")
+          G(s.$slots, "default")
         ]),
         _: 3
       }, 8, ["value"]);
     };
   }
-}), Er = {};
-function Mr(i, e) {
+}), Hr = {};
+function Ur(i, e) {
   const t = W("v-stepper-window");
   return I(), N(t, null, {
     default: P(() => [
-      j(i.$slots, "default")
+      G(i.$slots, "default")
     ]),
     _: 3
   });
 }
-const Fr = /* @__PURE__ */ _e(Er, [["render", Mr]]), Hr = /* @__PURE__ */ z({
+const Gr = /* @__PURE__ */ _e(Hr, [["render", Ur]]), jr = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -2468,13 +2483,13 @@ const Fr = /* @__PURE__ */ _e(Er, [["render", Mr]]), Hr = /* @__PURE__ */ z({
       const u = W("v-stepper-window-item");
       return I(), N(u, { value: o(n) }, {
         default: P(() => [
-          j(s.$slots, "default")
+          G(s.$slots, "default")
         ]),
         _: 3
       }, 8, ["value"]);
     };
   }
-}), Ur = /* @__PURE__ */ z({
+}), Or = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -2496,7 +2511,7 @@ const Fr = /* @__PURE__ */ _e(Er, [["render", Mr]]), Hr = /* @__PURE__ */ z({
     ]), { prop: m } = l(t, n, e, ["settings", "inline"]), { prop: c } = l(t, n, e, ["settings", "inset"]), { prop: d } = l(t, n, e, ["settings", "label"]), { prop: f } = l(t, n, e, ["settings", "loading"]), { theme: k } = U(r), { prop: h } = l(t, n, e, ["settings", "value"]);
     return (y, w) => {
       const _ = W("v-switch");
-      return I(), N(te, { "fit-content": !0 }, {
+      return I(), N(ee, { "fit-content": !0 }, {
         default: P(() => [
           Z(_, {
             modelValue: o(h),
@@ -2517,7 +2532,7 @@ const Fr = /* @__PURE__ */ _e(Er, [["render", Mr]]), Hr = /* @__PURE__ */ z({
       });
     };
   }
-}), Gr = /* @__PURE__ */ z({
+}), Kr = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -2530,7 +2545,7 @@ const Fr = /* @__PURE__ */ _e(Er, [["render", Mr]]), Hr = /* @__PURE__ */ z({
     });
     return (b, m) => {
       const c = W("v-tab");
-      return I(), N(o(te), { "fit-content": !0 }, {
+      return I(), N(o(ee), { "fit-content": !0 }, {
         default: P(() => [
           Z(c, {
             style: ie(p.value),
@@ -2543,7 +2558,7 @@ const Fr = /* @__PURE__ */ _e(Er, [["render", Mr]]), Hr = /* @__PURE__ */ z({
       });
     };
   }
-}), jr = /* @__PURE__ */ z({
+}), Zr = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -2586,8 +2601,8 @@ const Fr = /* @__PURE__ */ _e(Er, [["render", Mr]]), Hr = /* @__PURE__ */ z({
       "settings",
       "color",
       "sliderColor"
-    ]), { color: g } = Y(r, $), { prop: C } = l(t, n, e, ["settings", "stacked"]), { theme: L } = U(r), { prop: F } = l(t, n, e, ["settings", "value"]);
-    return (S, H) => {
+    ]), { color: v } = Y(r, $), { prop: C } = l(t, n, e, ["settings", "stacked"]), { theme: L } = U(r), { prop: F } = l(t, n, e, ["settings", "value"]);
+    return (T, H) => {
       const K = W("v-tabs");
       return I(), N(K, {
         modelValue: o(F),
@@ -2605,18 +2620,18 @@ const Fr = /* @__PURE__ */ _e(Er, [["render", Mr]]), Hr = /* @__PURE__ */ z({
         items: o(w),
         mandatory: o(_),
         "show-arrows": o(x),
-        "slider-color": o(g),
+        "slider-color": o(v),
         stacked: o(C),
         theme: o(L)
       }, {
         default: P(() => [
-          j(S.$slots, "default")
+          G(T.$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"]);
     };
   }
-}), Or = /* @__PURE__ */ z({
+}), qr = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -2630,14 +2645,14 @@ const Fr = /* @__PURE__ */ _e(Er, [["render", Mr]]), Hr = /* @__PURE__ */ z({
       "settings",
       "emphasis"
     ]), { prop: p } = l(t, n, e, ["settings", "italic"]), { prop: b } = l(t, n, e, ["settings", "text"]), { prop: m } = l(t, n, e, ["settings", "weight"]), c = V(() => {
-      const d = [], f = Ii(r.value.width), k = we(f, e.node.settings?.style);
+      const d = [], f = Si(r.value.width), k = we(f, e.node.settings?.style);
       return k && d.push(`text-${k}`), u.value === "high" ? d.push("text-high-emphasis") : u.value === "medium" ? d.push("text-medium-emphasis") : u.value === "disabled" && d.push("text-disabled"), s.value && d.push(`font-${s.value}`), a.value && d.push(`text-decoration-${a.value}`), m.value && d.push(`font-weight-${m.value}`), p.value && d.push("font-italic"), d.join(" ");
     });
     return (d, f) => (I(), re("span", {
-      class: so(c.value)
-    }, ro(o(b)), 3));
+      class: lo(c.value)
+    }, ao(o(b)), 3));
   }
-}), Kr = /* @__PURE__ */ z({
+}), Jr = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -2663,13 +2678,13 @@ const Fr = /* @__PURE__ */ _e(Er, [["render", Mr]]), Hr = /* @__PURE__ */ z({
       "settings",
       "singleLine"
     ]), { theme: w } = U(r), { prop: _ } = l(t, n, e, ["settings", "value"]), { prop: x } = l(t, n, e, ["settings", "variant"]);
-    return ($, g) => {
+    return ($, v) => {
       const C = W("v-textarea");
-      return I(), N(o(te), null, {
+      return I(), N(o(ee), null, {
         default: P(() => [
           Z(C, {
             modelValue: o(_),
-            "onUpdate:modelValue": g[0] || (g[0] = (L) => X(_) ? _.value = L : null),
+            "onUpdate:modelValue": v[0] || (v[0] = (L) => X(_) ? _.value = L : null),
             "auto-grow": o(s),
             clearable: o(a),
             density: o(u),
@@ -2690,7 +2705,7 @@ const Fr = /* @__PURE__ */ _e(Er, [["render", Mr]]), Hr = /* @__PURE__ */ z({
       });
     };
   }
-}), Zr = /* @__PURE__ */ z({
+}), Xr = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -2730,7 +2745,7 @@ const Fr = /* @__PURE__ */ _e(Er, [["render", Mr]]), Hr = /* @__PURE__ */ z({
     ]), { prop: x } = l(t, n, e, ["settings", "reverse"]), { prop: $ } = l(t, n, e, [
       "settings",
       "singleLine"
-    ]), { prop: g } = l(t, n, e, ["settings", "suffix"]), { theme: C } = U(r), { prop: L } = l(t, n, e, ["settings", "value"]), { prop: F } = l(t, n, e, ["settings", "variant"]), { prop: S } = l(t, n, e, ["slots", "append"]), { prop: H } = l(t, n, e, [
+    ]), { prop: v } = l(t, n, e, ["settings", "suffix"]), { theme: C } = U(r), { prop: L } = l(t, n, e, ["settings", "value"]), { prop: F } = l(t, n, e, ["settings", "variant"]), { prop: T } = l(t, n, e, ["slots", "append"]), { prop: H } = l(t, n, e, [
       "slots",
       "appendInner"
     ]), { prop: K } = l(t, n, e, [
@@ -2740,9 +2755,9 @@ const Fr = /* @__PURE__ */ _e(Er, [["render", Mr]]), Hr = /* @__PURE__ */ z({
       "slots",
       "prependInner"
     ]);
-    return (ee, ne) => {
+    return (te, ne) => {
       const ce = W("v-text-field");
-      return I(), N(te, null, {
+      return I(), N(ee, null, {
         default: P(() => [
           Z(ce, {
             modelValue: o(L),
@@ -2763,15 +2778,15 @@ const Fr = /* @__PURE__ */ _e(Er, [["render", Mr]]), Hr = /* @__PURE__ */ z({
             readonly: o(_),
             reverse: o(x),
             "single-line": o($),
-            suffix: o(g),
+            suffix: o(v),
             theme: o(C),
             variant: o(F)
-          }, Yt({ _: 2 }, [
-            o(S) ? {
+          }, en({ _: 2 }, [
+            o(T) ? {
               name: "append",
               fn: P(() => [
                 Z(fe, {
-                  "ref-context": { refid: o(S) },
+                  "ref-context": { refid: o(T) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2813,7 +2828,7 @@ const Fr = /* @__PURE__ */ _e(Er, [["render", Mr]]), Hr = /* @__PURE__ */ z({
       });
     };
   }
-}), qr = /* @__PURE__ */ z({
+}), Yr = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -2852,8 +2867,8 @@ const Fr = /* @__PURE__ */ _e(Er, [["render", Mr]]), Hr = /* @__PURE__ */ z({
       "truncate"
     ]), { theme: _ } = U(r);
     return (x, $) => {
-      const g = W("v-timeline");
-      return I(), N(g, {
+      const v = W("v-timeline");
+      return I(), N(v, {
         align: o(s),
         density: o(a),
         direction: o(u),
@@ -2868,23 +2883,23 @@ const Fr = /* @__PURE__ */ _e(Er, [["render", Mr]]), Hr = /* @__PURE__ */ z({
         "truncate-line": o(w)
       }, {
         default: P(() => [
-          j(x.$slots, "default")
+          G(x.$slots, "default")
         ]),
         _: 3
       }, 8, ["align", "density", "direction", "dot-color", "fill-dot", "hide-opposite", "line-color", "line-inset", "line-thickness", "side", "theme", "truncate-line"]);
     };
   }
-}), Jr = {};
-function Xr(i, e) {
+}), Qr = {};
+function el(i, e) {
   const t = W("v-timeline-item");
   return I(), N(t, null, {
     default: P(() => [
-      j(i.$slots, "default")
+      G(i.$slots, "default")
     ]),
     _: 3
   });
 }
-const Yr = /* @__PURE__ */ _e(Jr, [["render", Xr]]), Qr = /* @__PURE__ */ z({
+const tl = /* @__PURE__ */ _e(Qr, [["render", el]]), nl = /* @__PURE__ */ z({
   __name: "index",
   props: {
     node: {},
@@ -2918,23 +2933,23 @@ const Yr = /* @__PURE__ */ _e(Jr, [["render", Xr]]), Qr = /* @__PURE__ */ z({
         touch: o(m)
       }, {
         default: P(() => [
-          j(f.$slots, "default")
+          G(f.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "continuous", "direction", "disabled", "reverse", "show-arrows", "theme", "touch"]);
     };
   }
-}), el = {};
-function tl(i, e) {
+}), il = {};
+function ol(i, e) {
   const t = W("v-window-item");
   return I(), N(t, null, {
     default: P(() => [
-      j(i.$slots, "default")
+      G(i.$slots, "default")
     ]),
     _: 3
   });
 }
-const nl = /* @__PURE__ */ _e(el, [["render", tl]]), ji = "badge_v1", xn = "breadcrumbs_v1", Ue = "bar_chart_v1", Ge = "btn_v1", je = "btn_group_v1", Oe = "btn_toggle_v1", Ke = "card_v1", Ze = "checkbox_v1", qe = "chip_v1", Je = "chip_group_v1", Xe = "color_picker_v1", Ye = "combobox_v1", Qe = "container_v1", et = "data_table_v1", tt = "date_picker_v1", nt = "dialog_v1", it = "file_input_v1", ot = "flex_layout_v1", Oi = "flex_layout_entry_v1", st = "form_v1", rt = "icon_v1", lt = "globality_v1", at = "line_chart_v1", ut = "menu_v1", ct = "number_input_v1", dt = "pagination_v1", Ki = "radio_v1", mt = "radio_group_v1", pt = "range_slider_v1", ft = "rating_v1", Se = "ref_v1", bt = "select_v1", yt = "slider_v1", ht = "stepper_v1", Zi = "stepper_header_v1", qi = "stepper_item_v1", Ji = "stepper_window_v1", Xi = "stepper_window_item_v1", xt = "switch_v1", Yi = "tab_v1", gt = "tabs_v1", vt = "text_v1", kt = "textarea_v1", _t = "text_field_v1", wt = "timeline_v1", Qi = "timeline_item_v1", Vt = "window_v1", eo = "window_item_v1", v = {
+const sl = /* @__PURE__ */ _e(il, [["render", ol]]), Ki = "badge_v1", vn = "breadcrumbs_v1", Ue = "bar_chart_v1", Ge = "btn_v1", je = "btn_group_v1", Oe = "btn_toggle_v1", Ke = "card_v1", Ze = "checkbox_v1", qe = "chip_v1", Je = "chip_group_v1", Xe = "color_picker_v1", Ye = "combobox_v1", Qe = "container_v1", et = "data_table_v1", tt = "date_picker_v1", nt = "dialog_v1", it = "file_input_v1", ot = "flex_layout_v1", Zi = "flex_layout_entry_v1", st = "form_v1", rt = "icon_v1", lt = "globality_v1", at = "line_chart_v1", ut = "menu_v1", ct = "number_input_v1", dt = "pagination_v1", qi = "radio_v1", mt = "radio_group_v1", pt = "range_slider_v1", ft = "rating_v1", Se = "ref_v1", bt = "render_switch_v1", yt = "select_v1", ht = "slider_v1", xt = "stepper_v1", Ji = "stepper_header_v1", Xi = "stepper_item_v1", Yi = "stepper_window_v1", Qi = "stepper_window_item_v1", gt = "switch_v1", eo = "tab_v1", vt = "tabs_v1", kt = "text_v1", _t = "textarea_v1", wt = "text_field_v1", Vt = "timeline_v1", to = "timeline_item_v1", $t = "window_v1", no = "window_item_v1", g = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -2996,7 +3011,7 @@ const nl = /* @__PURE__ */ _e(el, [["render", tl]]), ji = "badge_v1", xn = "brea
       ]
     }
   ]
-}, il = G(Q), ge = {
+}, rl = j(Q), ge = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -3014,7 +3029,7 @@ const nl = /* @__PURE__ */ _e(el, [["render", tl]]), ji = "badge_v1", xn = "brea
       types: "borderWidthTypesV1",
       default: ""
     },
-    il,
+    rl,
     {
       key: "roundRadius",
       name: "x-runtime-lib.roundRadius",
@@ -3278,26 +3293,26 @@ const nl = /* @__PURE__ */ _e(el, [["render", tl]]), ji = "badge_v1", xn = "brea
     }
   ]
 };
-function ol(i, e) {
+function ll(i, e) {
   const t = `type=${i} subtype=${e}`, r = E(i, e);
   if (!r) {
     console.error(`barChartV1/spawn prop tag not found, ${t}`);
     return;
   }
-  const n = $t.props[r];
+  const n = It.props[r];
   if (!n) {
     console.error(`barChartV1/spawn props not found, ${t}`);
     return;
   }
   const s = {};
-  return D(s, n), s.basic.id = R(16), s.basic.key = $t.key, s.size.height = "300px", s.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], s.series = [
+  return D(s, n), s.basic.id = R(16), s.basic.key = It.key, s.size.height = "300px", s.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], s.series = [
     {
       type: "bar",
       data: [120, 200, 150, 80, 70, 110, 130]
     }
   ], s;
 }
-const gn = {
+const kn = {
   key: "series",
   name: "x-runtime-lib.series",
   children: [
@@ -3318,41 +3333,41 @@ const gn = {
   ],
   array: !0,
   defaultArray: []
-}, $t = {
+}, It = {
   key: Ue,
   name: "x-runtime-lib.barChart",
-  comp: Es,
+  comp: Fs,
   props: {
-    pageCommon: [v, q, ze, Ae, Pe, Te, gn],
-    compCommon: [v, q, ze, Ae, Pe, Te, gn]
+    pageCommon: [g, q, ze, Ae, Pe, Te, kn],
+    compCommon: [g, q, ze, Ae, Pe, Te, kn]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: ol
+  spawn: ll
 };
-T($t);
-function sl(i, e) {
+S(It);
+function al(i, e) {
   const t = `type=${i} subtype=${e}`, r = E(i, e);
   if (!r) {
     console.error(`lineChartV1/spawn prop tag not found, ${t}`);
     return;
   }
-  const n = It.props[r];
+  const n = Ct.props[r];
   if (!n) {
     console.error(`lineChartV1/spawn props not found, ${t}`);
     return;
   }
   const s = {};
-  return D(s, n), s.basic.id = R(16), s.basic.key = It.key, s.size.height = "300px", s.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], s.series = [
+  return D(s, n), s.basic.id = R(16), s.basic.key = Ct.key, s.size.height = "300px", s.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], s.series = [
     {
       type: "line",
       data: [120, 200, 150, 80, 70, 110, 130]
     }
   ], s;
 }
-const vn = {
+const _n = {
   key: "series",
   name: "x-runtime-lib.series",
   children: [
@@ -3373,35 +3388,35 @@ const vn = {
   ],
   array: !0,
   defaultArray: []
-}, It = {
+}, Ct = {
   key: at,
   name: "x-runtime-lib.lineChart",
-  comp: Ms,
+  comp: Hs,
   props: {
-    pageCommon: [v, q, ze, Ae, Pe, Te, vn],
-    compCommon: [v, q, ze, Ae, Pe, Te, vn]
+    pageCommon: [g, q, ze, Ae, Pe, Te, _n],
+    compCommon: [g, q, ze, Ae, Pe, Te, _n]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: sl
+  spawn: al
 };
-T(It);
-const sn = G(Q);
-sn.key = "backgroundColor";
-sn.name = "x-runtime-lib.backgroundColor";
-const kn = {
+S(Ct);
+const ln = j(Q);
+ln.key = "backgroundColor";
+ln.name = "x-runtime-lib.backgroundColor";
+const wn = {
   key: "globalSettings",
   name: "x-runtime-lib.globalSettings",
-  children: [sn]
-}, rl = {
+  children: [ln]
+}, ul = {
   key: lt,
   name: "x-runtime-lib.globality",
   comp: null,
   props: {
-    pageCommon: [kn],
-    compCommon: [kn]
+    pageCommon: [wn],
+    compCommon: [wn]
   },
   events: [
     {
@@ -3441,8 +3456,8 @@ const kn = {
   slots: [],
   internal: !0
 };
-T(rl);
-const _n = {
+S(ul);
+const Vn = {
   key: "ref",
   name: "x-runtime-lib.ref",
   children: [
@@ -3453,21 +3468,45 @@ const _n = {
       default: void 0
     }
   ]
-}, ll = {
+}, cl = {
   key: Se,
   name: "x-runtime-lib.ref",
-  comp: Qs,
+  comp: tr,
   props: {
-    pageCommon: [v, q, _n],
-    compCommon: [v, q, _n]
+    pageCommon: [g, q, Vn],
+    compCommon: [g, q, Vn]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-T(ll);
-const wn = {
+S(cl);
+const $n = {
+  key: "settings",
+  name: "x-runtime-lib.settings",
+  children: [
+    {
+      key: "open",
+      name: "x-runtime-lib.open",
+      ui: "switch",
+      default: !1
+    }
+  ]
+}, dl = {
+  key: bt,
+  name: "x-runtime-lib.renderSwitch",
+  comp: nr,
+  props: {
+    pageCommon: [g, $n],
+    compCommon: [g, $n]
+  },
+  events: [],
+  methods: [],
+  slots: []
+};
+S(dl);
+const In = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3502,33 +3541,33 @@ const wn = {
       default: !1
     }
   ]
-}, Qa = {
-  key: ji,
+}, iu = {
+  key: Ki,
   name: "x-runtime-lib.badge",
-  comp: er,
+  comp: ir,
   props: {
-    pageCommon: [v, wn],
-    compCommon: [v, wn]
+    pageCommon: [g, In],
+    compCommon: [g, In]
   },
   events: [],
   methods: [],
   slots: []
 };
-function al(i, e) {
+function ml(i, e) {
   const t = `type=${i} subtype=${e}`, r = E(i, e);
   if (!r) {
     console.error(`btnV1/spawn prop tag not found, ${t}`);
     return;
   }
-  const n = Ct.props[r];
+  const n = St.props[r];
   if (!n) {
     console.error(`btnV1/spawn props not found, ${t}`);
     return;
   }
   const s = {};
-  return D(s, n), s.basic.id = R(16), s.basic.key = Ct.key, s.settings.text = "button", s;
+  return D(s, n), s.basic.id = R(16), s.basic.key = St.key, s.settings.text = "button", s;
 }
-const ul = G(Q), Vn = {
+const pl = j(Q), Cn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3607,7 +3646,7 @@ const ul = G(Q), Vn = {
       ui: "switch",
       default: !1
     },
-    ul,
+    pl,
     {
       key: "ripple",
       name: "x-runtime-lib.ripple",
@@ -3615,13 +3654,13 @@ const ul = G(Q), Vn = {
       default: !0
     }
   ]
-}, Ct = {
+}, St = {
   key: Ge,
   name: "x-runtime-lib.button",
-  comp: tr,
+  comp: or,
   props: {
-    pageCommon: [v, q, Vn],
-    compCommon: [v, q, Vn]
+    pageCommon: [g, q, Cn],
+    compCommon: [g, q, Cn]
   },
   events: [
     {
@@ -3633,23 +3672,23 @@ const ul = G(Q), Vn = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: al
+  spawn: ml
 };
-T(Ct);
-const cl = {
+S(St);
+const fl = {
   key: je,
   name: "x-runtime-lib.buttonGroup",
-  comp: or,
+  comp: lr,
   props: {
-    pageCommon: [v],
-    compCommon: [v]
+    pageCommon: [g],
+    compCommon: [g]
   },
   events: [],
   methods: [],
   slots: []
 };
-T(cl);
-const $n = {
+S(fl);
+const Sn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3710,20 +3749,20 @@ const $n = {
       default: !1
     }
   ]
-}, dl = {
+}, bl = {
   key: Oe,
   name: "x-runtime-lib.buttonToggle",
-  comp: sr,
+  comp: ar,
   props: {
-    pageCommon: [v, $n],
-    compCommon: [v, $n]
+    pageCommon: [g, Sn],
+    compCommon: [g, Sn]
   },
   events: [],
   methods: [],
   slots: []
 };
-T(dl);
-function ml(i, e) {
+S(bl);
+function yl(i, e) {
   const t = `type=${i} subtype=${e}`, r = E(i, e);
   if (!r) {
     console.error(`cardV1/spawn prop tag not found, ${t}`);
@@ -3737,7 +3776,7 @@ function ml(i, e) {
   const s = {};
   return D(s, n), s.basic.id = R(16), s.basic.key = Ve.key, s.children = [], s.settings.title = "title", s.settings.subtitle = "subtitle", s.settings.text = "text", s;
 }
-const In = {
+const Tn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3795,18 +3834,18 @@ const In = {
 }, Ve = {
   key: Ke,
   name: "x-runtime-lib.card",
-  comp: rr,
+  comp: ur,
   props: {
-    pageCommon: [v, q, In],
-    compCommon: [v, q, In]
+    pageCommon: [g, q, Tn],
+    compCommon: [g, q, Tn]
   },
   events: [],
   methods: [],
   slots: [],
-  spawn: ml
+  spawn: yl
 };
-T(Ve);
-const Cn = {
+S(Ve);
+const zn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3823,21 +3862,21 @@ const Cn = {
       default: ""
     }
   ]
-}, pl = {
+}, hl = {
   key: Ze,
   name: "x-runtime-lib.checkbox",
-  comp: lr,
+  comp: cr,
   props: {
-    pageCommon: [v, Cn],
-    compCommon: [v, Cn]
+    pageCommon: [g, zn],
+    compCommon: [g, zn]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-T(pl);
-const fl = G(Q), Sn = {
+S(hl);
+const xl = j(Q), An = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3910,35 +3949,35 @@ const fl = G(Q), Sn = {
       ui: "switch",
       default: !1
     },
-    fl
+    xl
   ]
-}, St = {
+}, Tt = {
   key: qe,
   name: "x-runtime-lib.chip",
-  comp: ar,
+  comp: dr,
   props: {
-    pageCommon: [v, Sn],
-    compCommon: [v, Sn]
+    pageCommon: [g, An],
+    compCommon: [g, An]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-T(St);
-function bl(i, e) {
+S(Tt);
+function gl(i, e) {
   const t = `type=${i} subtype=${e}`, r = E(i, e);
   if (!r) {
     console.error(`chipGroupV1/spawn prop tag not found, ${t}`);
     return;
   }
-  const n = Tt.props[r];
+  const n = zt.props[r];
   if (!n) {
     console.error(`chipGroupV1/spawn props not found, ${t}`);
     return;
   }
   const s = {};
-  return D(s, n), s.basic.id = R(16), s.basic.key = Tt.key, s.children = [
+  return D(s, n), s.basic.id = R(16), s.basic.key = zt.key, s.children = [
     xe(i, e, "chip1", "chip 1"),
     xe(i, e, "chip2", "chip 2"),
     xe(i, e, "chip3", "chip 3"),
@@ -3953,15 +3992,15 @@ function xe(i, e, t, r) {
     console.error(`chipGroupV1/spawnChip prop tag not found, ${n}`);
     return;
   }
-  const a = St.props[s];
+  const a = Tt.props[s];
   if (!a) {
     console.error(`chipGroupV1/spawnChip props not found, ${n}`);
     return;
   }
   const u = {};
-  return D(u, a), u.basic.id = R(16), u.basic.key = St.key, u.settings.value = t, u.settings.text = r, u;
+  return D(u, a), u.basic.id = R(16), u.basic.key = Tt.key, u.settings.value = t, u.settings.text = r, u;
 }
-const Tn = {
+const Pn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4015,35 +4054,35 @@ const Tn = {
       default: !1
     }
   ]
-}, Tt = {
+}, zt = {
   key: Je,
   name: "x-runtime-lib.chipGroup",
-  comp: ur,
+  comp: mr,
   props: {
-    pageCommon: [v, Tn],
-    compCommon: [v, Tn]
+    pageCommon: [g, Pn],
+    compCommon: [g, Pn]
   },
   events: [],
   methods: [],
   slots: [],
-  spawn: bl
+  spawn: gl
 };
-T(Tt);
-const yl = {
+S(zt);
+const vl = {
   key: Xe,
   name: "x-runtime-lib.colorPicker",
-  comp: cr,
+  comp: pr,
   props: {
-    pageCommon: [v],
-    compCommon: [v]
+    pageCommon: [g],
+    compCommon: [g]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-T(yl);
-const zn = {
+S(vl);
+const Nn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4084,34 +4123,34 @@ const zn = {
       default: !1
     }
   ]
-}, hl = {
+}, kl = {
   key: Ye,
   name: "x-runtime-lib.combobox",
-  comp: dr,
+  comp: fr,
   props: {
-    pageCommon: [v, zn],
-    compCommon: [v, zn]
+    pageCommon: [g, Nn],
+    compCommon: [g, Nn]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-T(hl);
-const rn = G(Q);
-rn.key = "backgroundColor";
-rn.name = "x-runtime-lib.backgroundColor";
-const An = {
+S(kl);
+const an = j(Q);
+an.key = "backgroundColor";
+an.name = "x-runtime-lib.backgroundColor";
+const Wn = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [rn]
-}, zt = {
+  children: [an]
+}, At = {
   key: Qe,
   name: "x-runtime-lib.container",
-  comp: mr,
+  comp: br,
   props: {
-    pageCommon: [v, q, ge, ve, ke, An],
-    compCommon: [v, q, ge, ve, ke, An]
+    pageCommon: [g, q, ge, ve, ke, Wn],
+    compCommon: [g, q, ge, ve, ke, Wn]
   },
   events: [
     {
@@ -4123,8 +4162,8 @@ const An = {
   methods: [],
   slots: []
 };
-T(zt);
-const Pn = {
+S(At);
+const Ln = {
   key: "size",
   name: "x-runtime-lib.size",
   children: [
@@ -4143,7 +4182,7 @@ const Pn = {
       default: ""
     }
   ]
-}, Nn = {
+}, Bn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4251,7 +4290,7 @@ const Pn = {
       default: !1
     }
   ]
-}, Wn = {
+}, Rn = {
   key: "slots",
   name: "x-runtime-lib.slots",
   children: [
@@ -4276,41 +4315,41 @@ const Pn = {
       defaultArray: []
     }
   ]
-}, xl = {
+}, _l = {
   key: et,
   name: "x-runtime-lib.dataTable",
-  comp: pr,
+  comp: yr,
   props: {
-    pageCommon: [v, Pn, Nn, Wn],
-    compCommon: [v, Pn, Nn, Wn]
+    pageCommon: [g, Ln, Bn, Rn],
+    compCommon: [g, Ln, Bn, Rn]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-T(xl);
-const gl = {
+S(_l);
+const wl = {
   key: tt,
   name: "x-runtime-lib.datePicker",
-  comp: yr,
+  comp: gr,
   props: {
-    pageCommon: [v],
-    compCommon: [v]
+    pageCommon: [g],
+    compCommon: [g]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-T(gl);
-const vl = {
+S(wl);
+const Vl = {
   key: nt,
   name: "x-runtime-lib.dialog",
-  comp: xr,
+  comp: kr,
   props: {
-    pageCommon: [v],
-    compCommon: [v]
+    pageCommon: [g],
+    compCommon: [g]
   },
   events: [],
   methods: [
@@ -4330,24 +4369,24 @@ const vl = {
   slots: [],
   teleport: !0
 };
-T(vl);
-const Ln = {
+S(Vl);
+const Dn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, eu = {
+}, ou = {
   key: it,
   name: "x-runtime-lib.fileInput",
-  comp: gr,
+  comp: _r,
   props: {
-    pageCommon: [v, Ln],
-    compCommon: [v, Ln]
+    pageCommon: [g, Dn],
+    compCommon: [g, Dn]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
-}, Bn = {
+}, En = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4364,20 +4403,20 @@ const Ln = {
       default: !1
     }
   ]
-}, At = {
-  key: Oi,
+}, Pt = {
+  key: Zi,
   name: "x-runtime-lib.flexLayoutEntry",
-  comp: kr,
+  comp: Vr,
   props: {
-    pageCommon: [v, q, Bn],
-    compCommon: [v, q, Bn]
+    pageCommon: [g, q, En],
+    compCommon: [g, q, En]
   },
   events: [],
   methods: [],
   slots: []
 };
-T(At);
-function kl(i, e) {
+S(Pt);
+function $l(i, e) {
   const t = `type=${i} subtype=${e}`, r = E(i, e);
   if (!r) {
     console.error(`flexLayoutV1/spawn prop tag not found, ${t}`);
@@ -4390,7 +4429,7 @@ function kl(i, e) {
   }
   const s = {};
   return D(s, n), s.basic.id = R(16), s.basic.key = $e.key, s.children = [
-    Pt(
+    Nt(
       i,
       e,
       "#ff0000",
@@ -4400,7 +4439,7 @@ function kl(i, e) {
       "40px",
       void 0
     ),
-    Pt(
+    Nt(
       i,
       e,
       "#00ff00",
@@ -4410,10 +4449,10 @@ function kl(i, e) {
       "60px",
       void 0
     ),
-    _l(i, e)
+    Il(i, e)
   ], s;
 }
-function Pt(i, e, t, r, n, s, a, u, p) {
+function Nt(i, e, t, r, n, s, a, u, p) {
   const b = `type=${i} subtype=${e}`, m = E(i, e);
   if (!m) {
     console.error(
@@ -4421,21 +4460,21 @@ function Pt(i, e, t, r, n, s, a, u, p) {
     );
     return;
   }
-  const c = zt.props[m];
+  const c = At.props[m];
   if (!c) {
     console.error(`flexLayoutV1/spawnContainer props not found, ${b}`);
     return;
   }
   const d = {};
-  return D(d, c), d.basic.id = R(16), d.basic.key = zt.key, r && (d.size.width = r), n && (d.size.minWidth = n), a && (d.size.height = a), u && (d.size.minHeight = u), console.log(d), t && (d.settings.backgroundColor.mode = "custom", d.settings.backgroundColor.custom.light = t, d.settings.backgroundColor.custom.dark = t), d.children = [], d;
+  return D(d, c), d.basic.id = R(16), d.basic.key = At.key, r && (d.size.width = r), n && (d.size.minWidth = n), a && (d.size.height = a), u && (d.size.minHeight = u), console.log(d), t && (d.settings.backgroundColor.mode = "custom", d.settings.backgroundColor.custom.light = t, d.settings.backgroundColor.custom.dark = t), d.children = [], d;
 }
-function _l(i, e) {
+function Il(i, e) {
   const t = `type=${i} subtype=${e}`, r = E(i, e);
   if (!r) {
     console.error(`flexLayoutV1/spawnEntry prop tag not found, ${t}`);
     return;
   }
-  const n = At.props[r];
+  const n = Pt.props[r];
   if (!n) {
     console.error(`flexLayoutV1/spawnEntry props not found, ${t}`);
     return;
@@ -4446,8 +4485,8 @@ function _l(i, e) {
       key: ""
     }
   };
-  return D(s, n), s.basic.id = R(16), s.basic.key = At.key, s.children = [
-    Pt(
+  return D(s, n), s.basic.id = R(16), s.basic.key = Pt.key, s.children = [
+    Nt(
       i,
       e,
       "#0000ff",
@@ -4459,10 +4498,10 @@ function _l(i, e) {
     )
   ], s;
 }
-const ln = G(Q);
-ln.key = "backgroundColor";
-ln.name = "x-runtime-lib.backgroundColor";
-const Rn = {
+const un = j(Q);
+un.key = "backgroundColor";
+un.name = "x-runtime-lib.backgroundColor";
+const Mn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4630,15 +4669,15 @@ const Rn = {
         }
       ]
     },
-    ln
+    un
   ]
 }, $e = {
   key: ot,
   name: "x-runtime-lib.flexLayout",
-  comp: vr,
+  comp: wr,
   props: {
-    pageCommon: [v, q, ge, ve, ke, Rn],
-    compCommon: [v, q, ge, ve, ke, Rn]
+    pageCommon: [g, q, ge, ve, ke, Mn],
+    compCommon: [g, q, ge, ve, ke, Mn]
   },
   events: [
     {
@@ -4649,10 +4688,10 @@ const Rn = {
   ],
   methods: [],
   slots: [],
-  spawn: kl
+  spawn: $l
 };
-T($e);
-const Dn = {
+S($e);
+const Fn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4773,7 +4812,7 @@ const Dn = {
       default: ""
     }
   ]
-}, En = {
+}, Hn = {
   key: "slots",
   name: "x-runtime-lib.slots",
   children: [
@@ -4802,13 +4841,13 @@ const Dn = {
       default: void 0
     }
   ]
-}, Nt = {
-  key: _t,
+}, Wt = {
+  key: wt,
   name: "x-runtime-lib.textField",
-  comp: Zr,
+  comp: Xr,
   props: {
-    pageCommon: [v, Dn, En],
-    compCommon: [v, Dn, En]
+    pageCommon: [g, Fn, Hn],
+    compCommon: [g, Fn, Hn]
   },
   events: [],
   methods: [],
@@ -4840,36 +4879,36 @@ const Dn = {
   ],
   leaf: !0
 };
-T(Nt);
-function wl(i, e) {
+S(Wt);
+function Cl(i, e) {
   const t = `type=${i} subtype=${e}`, r = E(i, e);
   if (!r) {
     console.error(`formV1/spawn prop tag not found, ${t}`);
     return;
   }
-  const n = Wt.props[r];
+  const n = Lt.props[r];
   if (!n) {
     console.error(`formV1/spawn props not found, ${t}`);
     return;
   }
   const s = {};
-  return D(s, n), s.basic.id = R(16), s.basic.key = Wt.key, s.children = [Vl(i, e)], s;
+  return D(s, n), s.basic.id = R(16), s.basic.key = Lt.key, s.children = [Sl(i, e)], s;
 }
-function Vl(i, e) {
+function Sl(i, e) {
   const t = `type=${i} subtype=${e}`, r = E(i, e);
   if (!r) {
     console.error(`formV1/spawnTextField prop tag not found, ${t}`);
     return;
   }
-  const n = Nt.props[r];
+  const n = Wt.props[r];
   if (!n) {
     console.error(`formV1/spawnTextField props not found, ${t}`);
     return;
   }
   const s = {};
-  return D(s, n), s.basic.id = R(16), s.basic.key = Nt.key, s;
+  return D(s, n), s.basic.id = R(16), s.basic.key = Wt.key, s;
 }
-const Mn = {
+const Un = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4887,13 +4926,13 @@ const Mn = {
       default: !1
     }
   ]
-}, Wt = {
+}, Lt = {
   key: st,
   name: "x-runtime-lib.form",
-  comp: _r,
+  comp: $r,
   props: {
-    pageCommon: [v, q, ge, ve, ke, Mn],
-    compCommon: [v, q, ge, ve, ke, Mn]
+    pageCommon: [g, q, ge, ve, ke, Un],
+    compCommon: [g, q, ge, ve, ke, Un]
   },
   events: [
     {
@@ -4904,10 +4943,10 @@ const Mn = {
   ],
   methods: [],
   slots: [],
-  spawn: wl
+  spawn: Cl
 };
-T(Wt);
-const $l = G(Q), Fn = {
+S(Lt);
+const Tl = j(Q), Gn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4930,29 +4969,29 @@ const $l = G(Q), Fn = {
       items: "sizeItemsV1",
       default: "default"
     },
-    $l
+    Tl
   ]
-}, Il = {
+}, zl = {
   key: rt,
   name: "x-runtime-lib.icon",
-  comp: wr,
+  comp: Ir,
   props: {
-    pageCommon: [v, Fn],
-    compCommon: [v, Fn]
+    pageCommon: [g, Gn],
+    compCommon: [g, Gn]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-T(Il);
-const Cl = {
+S(zl);
+const Al = {
   key: ut,
   name: "x-runtime-lib.menu",
-  comp: $r,
+  comp: Sr,
   props: {
-    pageCommon: [v],
-    compCommon: [v]
+    pageCommon: [g],
+    compCommon: [g]
   },
   events: [],
   methods: [
@@ -4972,22 +5011,22 @@ const Cl = {
   slots: [],
   teleport: !0
 };
-T(Cl);
-function Sl(i, e) {
+S(Al);
+function Pl(i, e) {
   const t = `type=${i} subtype=${e}`, r = E(i, e);
   if (!r) {
     console.error(`numberInputV1/spawn prop tag not found, ${t}`);
     return;
   }
-  const n = Lt.props[r];
+  const n = Bt.props[r];
   if (!n) {
     console.error(`numberInputV1/spawn props not found, ${t}`);
     return;
   }
   const s = {};
-  return D(s, n), s.basic.id = R(16), s.basic.key = Lt.key, s.settings.label = "label", s.settings.placeholder = "placeholder", s;
+  return D(s, n), s.basic.id = R(16), s.basic.key = Bt.key, s.settings.label = "label", s.settings.placeholder = "placeholder", s;
 }
-const Hn = {
+const jn = {
   key: "size",
   name: "x-runtime-lib.size",
   children: [
@@ -5013,7 +5052,7 @@ const Hn = {
       default: ""
     }
   ]
-}, Un = {
+}, On = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5154,13 +5193,13 @@ const Hn = {
       ]
     }
   ]
-}, Lt = {
+}, Bt = {
   key: ct,
   name: "x-runtime-lib.numberInput",
-  comp: Ir,
+  comp: Tr,
   props: {
-    pageCommon: [v, Hn, Un],
-    compCommon: [v, Hn, Un]
+    pageCommon: [g, jn, On],
+    compCommon: [g, jn, On]
   },
   events: [
     {
@@ -5192,10 +5231,10 @@ const Hn = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Sl
+  spawn: Pl
 };
-T(Lt);
-const Gn = {
+S(Bt);
+const Kn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5258,21 +5297,21 @@ const Gn = {
       default: !1
     }
   ]
-}, Tl = {
+}, Nl = {
   key: dt,
   name: "x-runtime-lib.pagination",
-  comp: Cr,
+  comp: zr,
   props: {
-    pageCommon: [v, Gn],
-    compCommon: [v, Gn]
+    pageCommon: [g, Kn],
+    compCommon: [g, Kn]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-T(Tl);
-const zl = G(Q), jn = {
+S(Nl);
+const Wl = j(Q), Zn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5307,35 +5346,35 @@ const zl = G(Q), jn = {
       items: "densityItemsV1",
       default: "default"
     },
-    zl
+    Wl
   ]
-}, Bt = {
-  key: Ki,
+}, Rt = {
+  key: qi,
   name: "x-runtime-lib.radio",
-  comp: Sr,
+  comp: Ar,
   props: {
-    pageCommon: [v, jn],
-    compCommon: [v, jn]
+    pageCommon: [g, Zn],
+    compCommon: [g, Zn]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-T(Bt);
-function Al(i, e) {
+S(Rt);
+function Ll(i, e) {
   const t = `type=${i} subtype=${e}`, r = E(i, e);
   if (!r) {
     console.error(`radioGroupV1/spawn prop tag not found, ${t}`);
     return;
   }
-  const n = Rt.props[r];
+  const n = Dt.props[r];
   if (!n) {
     console.error(`radioGroupV1/spawn props not found, ${t}`);
     return;
   }
   const s = {};
-  return D(s, n), s.basic.id = R(16), s.basic.key = Rt.key, s.children = [
+  return D(s, n), s.basic.id = R(16), s.basic.key = Dt.key, s.children = [
     Be(i, e, "option1", "Option 1"),
     Be(i, e, "option2", "Option 2"),
     Be(i, e, "option3", "Option 3")
@@ -5347,15 +5386,15 @@ function Be(i, e, t, r) {
     console.error(`radioGroupV1/spawnEntry prop tag not found, ${n}`);
     return;
   }
-  const a = Bt.props[s];
+  const a = Rt.props[s];
   if (!a) {
     console.error(`radioGroupV1/spawnEntry props not found, ${n}`);
     return;
   }
   const u = {};
-  return D(u, a), u.basic.id = R(16), u.basic.key = Bt.key, u.settings.value = t, u.settings.label = r, u;
+  return D(u, a), u.basic.id = R(16), u.basic.key = Rt.key, u.settings.value = t, u.settings.label = r, u;
 }
-const On = {
+const qn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5398,21 +5437,21 @@ const On = {
       default: !1
     }
   ]
-}, Rt = {
+}, Dt = {
   key: mt,
   name: "x-runtime-lib.radioGroup",
-  comp: Tr,
+  comp: Pr,
   props: {
-    pageCommon: [v, On],
-    compCommon: [v, On]
+    pageCommon: [g, qn],
+    compCommon: [g, qn]
   },
   events: [],
   methods: [],
   slots: [],
-  spawn: Al
+  spawn: Ll
 };
-T(Rt);
-const Kn = {
+S(Dt);
+const Jn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5529,21 +5568,21 @@ const Kn = {
       ]
     }
   ]
-}, Pl = {
+}, Bl = {
   key: pt,
   name: "x-runtime-lib.rangeSlider",
-  comp: zr,
+  comp: Nr,
   props: {
-    pageCommon: [v, Kn],
-    compCommon: [v, Kn]
+    pageCommon: [g, Jn],
+    compCommon: [g, Jn]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-T(Pl);
-const Zn = {
+S(Bl);
+const Xn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5598,21 +5637,21 @@ const Zn = {
       default: !1
     }
   ]
-}, Nl = {
+}, Rl = {
   key: ft,
   name: "x-runtime-lib.rating",
-  comp: Ar,
+  comp: Wr,
   props: {
-    pageCommon: [v, Zn],
-    compCommon: [v, Zn]
+    pageCommon: [g, Xn],
+    compCommon: [g, Xn]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-T(Nl);
-const qn = {
+S(Rl);
+const Yn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5653,30 +5692,30 @@ const qn = {
       default: !1
     }
   ]
-}, Wl = {
-  key: bt,
+}, Dl = {
+  key: yt,
   name: "x-runtime-lib.select",
-  comp: Pr,
+  comp: Lr,
   props: {
-    pageCommon: [v, qn],
-    compCommon: [v, qn]
+    pageCommon: [g, Yn],
+    compCommon: [g, Yn]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-T(Wl);
-const an = G(Q);
-an.key = "color";
-an.name = "x-runtime-lib.color";
-const un = G(Q);
-un.key = "trackColor";
-un.name = "x-runtime-lib.trackColor";
-const cn = G(Q);
-cn.key = "thumbColor";
-cn.name = "x-runtime-lib.thumbColor";
-const Jn = {
+S(Dl);
+const cn = j(Q);
+cn.key = "color";
+cn.name = "x-runtime-lib.color";
+const dn = j(Q);
+dn.key = "trackColor";
+dn.name = "x-runtime-lib.trackColor";
+const mn = j(Q);
+mn.key = "thumbColor";
+mn.name = "x-runtime-lib.thumbColor";
+const Qn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5781,11 +5820,11 @@ const Jn = {
       ui: "switch",
       default: !1
     },
-    an,
-    un,
-    cn
+    cn,
+    dn,
+    mn
   ]
-}, Xn = {
+}, ei = {
   key: "slots",
   name: "x-runtime-lib.slots",
   children: [
@@ -5802,34 +5841,34 @@ const Jn = {
       default: void 0
     }
   ]
-}, Ll = {
-  key: yt,
+}, El = {
+  key: ht,
   name: "x-runtime-lib.slider",
-  comp: Nr,
+  comp: Br,
   props: {
-    pageCommon: [v, Jn, Xn],
-    compCommon: [v, Jn, Xn]
+    pageCommon: [g, Qn, ei],
+    compCommon: [g, Qn, ei]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-T(Ll);
-const Dt = {
-  key: Zi,
+S(El);
+const Et = {
+  key: Ji,
   name: "x-runtime-lib.stepperHeader",
-  comp: Rr,
+  comp: Mr,
   props: {
-    pageCommon: [v],
-    compCommon: [v]
+    pageCommon: [g],
+    compCommon: [g]
   },
   events: [],
   methods: [],
   slots: []
 };
-T(Dt);
-const Yn = {
+S(Et);
+const ti = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5840,33 +5879,33 @@ const Yn = {
       default: ""
     }
   ]
-}, Et = {
-  key: qi,
+}, Mt = {
+  key: Xi,
   name: "x-runtime-lib.stepperItem",
-  comp: Dr,
+  comp: Fr,
   props: {
-    pageCommon: [v, Yn],
-    compCommon: [v, Yn]
+    pageCommon: [g, ti],
+    compCommon: [g, ti]
   },
   events: [],
   methods: [],
   slots: []
 };
-T(Et);
-const Mt = {
-  key: Ji,
+S(Mt);
+const Ft = {
+  key: Yi,
   name: "x-runtime-lib.stepperWindow",
-  comp: Fr,
+  comp: Gr,
   props: {
-    pageCommon: [v],
-    compCommon: [v]
+    pageCommon: [g],
+    compCommon: [g]
   },
   events: [],
   methods: [],
   slots: []
 };
-T(Mt);
-const Qn = {
+S(Ft);
+const ni = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5877,46 +5916,46 @@ const Qn = {
       default: ""
     }
   ]
-}, Ft = {
-  key: Xi,
+}, Ht = {
+  key: Qi,
   name: "x-runtime-lib.stepperWindowItem",
-  comp: Hr,
+  comp: jr,
   props: {
-    pageCommon: [v, Qn],
-    compCommon: [v, Qn]
+    pageCommon: [g, ni],
+    compCommon: [g, ni]
   },
   events: [],
   methods: [],
   slots: []
 };
-T(Ft);
-function Bl(i, e) {
+S(Ht);
+function Ml(i, e) {
   const t = `type=${i} subtype=${e}`, r = E(i, e);
   if (!r) {
     console.error(`stepperV1/spawn prop tag not found, ${t}`);
     return;
   }
-  const n = Ht.props[r];
+  const n = Ut.props[r];
   if (!n) {
     console.error(`stepperV1/spawn props not found, ${t}`);
     return;
   }
   const s = {};
-  return D(s, n), s.basic.id = R(16), s.basic.key = Ht.key, s.children = [Rl(i, e), Dl(i, e)], s;
+  return D(s, n), s.basic.id = R(16), s.basic.key = Ut.key, s.children = [Fl(i, e), Hl(i, e)], s;
 }
-function Rl(i, e) {
+function Fl(i, e) {
   const t = `type=${i} subtype=${e}`, r = E(i, e);
   if (!r) {
     console.error(`stepperV1/spawnHeader prop tag not found, ${t}`);
     return;
   }
-  const n = Dt.props[r];
+  const n = Et.props[r];
   if (!n) {
     console.error(`stepperV1/spawnHeader props not found, ${t}`);
     return;
   }
   const s = {};
-  return D(s, n), s.basic.id = R(16), s.basic.key = Dt.key, s.children = [
+  return D(s, n), s.basic.id = R(16), s.basic.key = Et.key, s.children = [
     Re(i, e, "step1"),
     Re(i, e, "step2"),
     Re(i, e, "step3")
@@ -5928,27 +5967,27 @@ function Re(i, e, t) {
     console.error(`stepperV1/spawnItem prop tag not found, ${r}`);
     return;
   }
-  const s = Et.props[n];
+  const s = Mt.props[n];
   if (!s) {
     console.error(`stepperV1/spawnItem props not found, ${r}`);
     return;
   }
   const a = {};
-  return D(a, s), a.basic.id = R(16), a.basic.key = Et.key, a.children = [], a.settings.value = t, a;
+  return D(a, s), a.basic.id = R(16), a.basic.key = Mt.key, a.children = [], a.settings.value = t, a;
 }
-function Dl(i, e) {
+function Hl(i, e) {
   const t = `type=${i} subtype=${e}`, r = E(i, e);
   if (!r) {
     console.error(`stepperV1/spawnWindow prop tag not found, ${t}`);
     return;
   }
-  const n = Mt.props[r];
+  const n = Ft.props[r];
   if (!n) {
     console.error(`stepperV1/spawnWindow props not found, ${t}`);
     return;
   }
   const s = {};
-  return D(s, n), s.basic.id = R(16), s.basic.key = Mt.key, s.children = [
+  return D(s, n), s.basic.id = R(16), s.basic.key = Ft.key, s.children = [
     De(i, e, "step1", "step 1"),
     De(i, e, "step2", "step 2"),
     De(i, e, "step3", "step 3")
@@ -5960,15 +5999,15 @@ function De(i, e, t, r) {
     console.error(`stepperV1/spawnWindowItem prop tag not found, ${n}`);
     return;
   }
-  const a = Ft.props[s];
+  const a = Ht.props[s];
   if (!a) {
     console.error(`stepperV1/spawnWindowItem props not found, ${n}`);
     return;
   }
   const u = {};
-  return D(u, a), u.basic.id = R(16), u.basic.key = Ft.key, u.children = [El(i, e, r)], u.settings.value = t, u;
+  return D(u, a), u.basic.id = R(16), u.basic.key = Ht.key, u.children = [Ul(i, e, r)], u.settings.value = t, u;
 }
-function El(i, e, t) {
+function Ul(i, e, t) {
   const r = `type=${i} subtype=${e}`, n = E(i, e);
   if (!n) {
     console.error(`stepperV1/spawnCard prop tag not found, ${r}`);
@@ -5982,7 +6021,7 @@ function El(i, e, t) {
   const a = {};
   return D(a, s), a.basic.id = R(16), a.basic.key = Ve.key, a.children = [], a.settings.title = t, a;
 }
-const ei = {
+const ii = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5999,35 +6038,35 @@ const ei = {
       default: !1
     }
   ]
-}, Ht = {
-  key: ht,
+}, Ut = {
+  key: xt,
   name: "x-runtime-lib.stepper",
-  comp: Wr,
+  comp: Rr,
   props: {
-    pageCommon: [v, ei],
-    compCommon: [v, ei]
+    pageCommon: [g, ii],
+    compCommon: [g, ii]
   },
   events: [],
   methods: [],
   slots: [],
-  spawn: Bl
+  spawn: Ml
 };
-T(Ht);
-const Ml = {
-  key: xt,
+S(Ut);
+const Gl = {
+  key: gt,
   name: "x-runtime-lib.switch",
-  comp: Ur,
+  comp: Or,
   props: {
-    pageCommon: [v],
-    compCommon: [v]
+    pageCommon: [g],
+    compCommon: [g]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-T(Ml);
-const ti = {
+S(Gl);
+const oi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6044,33 +6083,33 @@ const ti = {
       default: ""
     }
   ]
-}, Ut = {
-  key: Yi,
+}, Gt = {
+  key: eo,
   name: "x-runtime-lib.tab",
-  comp: Gr,
+  comp: Kr,
   props: {
-    pageCommon: [v, ti],
-    compCommon: [v, ti]
+    pageCommon: [g, oi],
+    compCommon: [g, oi]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-T(Ut);
-function Fl(i, e) {
+S(Gt);
+function jl(i, e) {
   const t = `type=${i} subtype=${e}`, r = E(i, e);
   if (!r) {
     console.error(`tabsV1/spawn prop tag not found, ${t}`);
     return;
   }
-  const n = Gt.props[r];
+  const n = jt.props[r];
   if (!n) {
     console.error(`tabsV1/spawn props not found, ${t}`);
     return;
   }
   const s = {};
-  return D(s, n), s.basic.id = R(16), s.basic.key = Gt.key, s.children = [
+  return D(s, n), s.basic.id = R(16), s.basic.key = jt.key, s.children = [
     Ee(i, e, "tab1", "tab 1"),
     Ee(i, e, "tab2", "tab 2"),
     Ee(i, e, "tab3", "tab 3")
@@ -6082,24 +6121,24 @@ function Ee(i, e, t, r) {
     console.error(`tabsV1/spawnTab prop tag not found, ${n}`);
     return;
   }
-  const a = Ut.props[s];
+  const a = Gt.props[s];
   if (!a) {
     console.error(`tabsV1/spawnTab props not found, ${n}`);
     return;
   }
   const u = {};
-  return D(u, a), u.basic.id = R(16), u.basic.key = Ut.key, u.settings.value = t, u.settings.text = r, u;
+  return D(u, a), u.basic.id = R(16), u.basic.key = Gt.key, u.settings.value = t, u.settings.text = r, u;
 }
-const dn = G(Q);
-dn.key = "backgroundColor";
-dn.name = "x-runtime-lib.backgroundColor";
-const mn = G(Q);
-mn.key = "selectedColor";
-mn.name = "x-runtime-lib.selectedColor";
-const pn = G(Q);
-pn.key = "sliderColor";
-pn.name = "x-runtime-lib.sliderColor";
-const ni = {
+const pn = j(Q);
+pn.key = "backgroundColor";
+pn.name = "x-runtime-lib.backgroundColor";
+const fn = j(Q);
+fn.key = "selectedColor";
+fn.name = "x-runtime-lib.selectedColor";
+const bn = j(Q);
+bn.key = "sliderColor";
+bn.name = "x-runtime-lib.sliderColor";
+const si = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6175,24 +6214,24 @@ const ni = {
     {
       key: "color",
       name: "x-runtime-lib.color",
-      children: [dn, mn, pn]
+      children: [pn, fn, bn]
     }
   ]
-}, Gt = {
-  key: gt,
+}, jt = {
+  key: vt,
   name: "x-runtime-lib.tabs",
-  comp: jr,
+  comp: Zr,
   props: {
-    pageCommon: [v, ni],
-    compCommon: [v, ni]
+    pageCommon: [g, si],
+    compCommon: [g, si]
   },
   events: [],
   methods: [],
   slots: [],
-  spawn: Fl
+  spawn: jl
 };
-T(Gt);
-function Hl(i, e) {
+S(jt);
+function Ol(i, e) {
   const t = `type=${i} subtype=${e}`, r = E(i, e);
   if (!r) {
     console.error(`textV1/spawn prop tag not found, ${t}`);
@@ -6206,7 +6245,7 @@ function Hl(i, e) {
   const s = {};
   return D(s, n), s.basic.id = R(16), s.basic.key = he.key, s.settings.text = "text", s;
 }
-const ii = {
+const ri = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6293,35 +6332,35 @@ const ii = {
     }
   ]
 }, he = {
-  key: vt,
+  key: kt,
   name: "x-runtime-lib.text",
-  comp: Or,
+  comp: qr,
   props: {
-    pageCommon: [v, ii],
-    compCommon: [v, ii]
+    pageCommon: [g, ri],
+    compCommon: [g, ri]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Hl
+  spawn: Ol
 };
-T(he);
-function Ul(i, e) {
+S(he);
+function Kl(i, e) {
   const t = `type=${i} subtype=${e}`, r = E(i, e);
   if (!r) {
     console.error(`textareaV1/spawn prop tag not found, ${t}`);
     return;
   }
-  const n = jt.props[r];
+  const n = Ot.props[r];
   if (!n) {
     console.error(`textareaV1/spawn props not found, ${t}`);
     return;
   }
   const s = {};
-  return D(s, n), s.basic.id = R(16), s.basic.key = jt.key, s.settings.label = "label", s;
+  return D(s, n), s.basic.id = R(16), s.basic.key = Ot.key, s.settings.label = "label", s;
 }
-const oi = {
+const li = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6392,47 +6431,47 @@ const oi = {
       default: 0
     }
   ]
-}, jt = {
-  key: kt,
+}, Ot = {
+  key: _t,
   name: "x-runtime-lib.textarea",
-  comp: Kr,
+  comp: Jr,
   props: {
-    pageCommon: [v, oi],
-    compCommon: [v, oi]
+    pageCommon: [g, li],
+    compCommon: [g, li]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Ul
+  spawn: Kl
 };
-T(jt);
-const Ot = {
-  key: Qi,
+S(Ot);
+const Kt = {
+  key: to,
   name: "x-runtime-lib.timelineItem",
-  comp: Yr,
+  comp: tl,
   props: {
-    pageCommon: [v],
-    compCommon: [v]
+    pageCommon: [g],
+    compCommon: [g]
   },
   events: [],
   methods: [],
   slots: []
 };
-T(Ot);
-function Gl(i, e) {
+S(Kt);
+function Zl(i, e) {
   const t = `type=${i} subtype=${e}`, r = E(i, e);
   if (!r) {
     console.error(`timelineV1/spawn prop tag not found, ${t}`);
     return;
   }
-  const n = Kt.props[r];
+  const n = Zt.props[r];
   if (!n) {
     console.error(`timelineV1/spawn props not found, ${t}`);
     return;
   }
   const s = {};
-  return D(s, n), s.basic.id = R(16), s.basic.key = Kt.key, s.children = [
+  return D(s, n), s.basic.id = R(16), s.basic.key = Zt.key, s.children = [
     Me(i, e, "timeline 1"),
     Me(i, e, "timeline 2"),
     Me(i, e, "timeline 3")
@@ -6444,15 +6483,15 @@ function Me(i, e, t) {
     console.error(`timelineV1/spawnEntry prop tag not found, ${r}`);
     return;
   }
-  const s = Ot.props[n];
+  const s = Kt.props[n];
   if (!s) {
     console.error(`timelineV1/spawnEntry props not found, ${r}`);
     return;
   }
   const a = {};
-  return D(a, s), a.basic.id = R(16), a.basic.key = Ot.key, a.children = [jl(i, e, t)], a;
+  return D(a, s), a.basic.id = R(16), a.basic.key = Kt.key, a.children = [ql(i, e, t)], a;
 }
-function jl(i, e, t) {
+function ql(i, e, t) {
   const r = `type=${i} subtype=${e}`, n = E(i, e);
   if (!n) {
     console.error(`timelineV1/spawnText prop tag not found, ${r}`);
@@ -6466,7 +6505,7 @@ function jl(i, e, t) {
   const a = {};
   return D(a, s), a.basic.id = R(16), a.basic.key = he.key, a.settings.text = t, a;
 }
-const Ol = G(Q), Kl = G(Q), si = {
+const Jl = j(Q), Xl = j(Q), ai = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6514,7 +6553,7 @@ const Ol = G(Q), Kl = G(Q), si = {
           ui: "switch",
           default: !1
         },
-        Ol
+        Jl
       ]
     },
     {
@@ -6540,50 +6579,50 @@ const Ol = G(Q), Kl = G(Q), si = {
           ui: "numInput",
           default: 0
         },
-        Kl
+        Xl
       ]
     }
   ]
-}, Kt = {
-  key: wt,
+}, Zt = {
+  key: Vt,
   name: "x-runtime-lib.timeline",
-  comp: qr,
+  comp: Yr,
   props: {
-    pageCommon: [v, si],
-    compCommon: [v, si]
+    pageCommon: [g, ai],
+    compCommon: [g, ai]
   },
   events: [],
   methods: [],
   slots: [],
-  spawn: Gl
+  spawn: Zl
 };
-T(Kt);
-const Zt = {
-  key: eo,
+S(Zt);
+const qt = {
+  key: no,
   name: "x-runtime-lib.windowItem",
-  comp: nl,
+  comp: sl,
   props: {
-    pageCommon: [v],
-    compCommon: [v]
+    pageCommon: [g],
+    compCommon: [g]
   },
   events: [],
   methods: [],
   slots: []
 };
-T(Zt);
-function Zl(i, e) {
+S(qt);
+function Yl(i, e) {
   const t = `type=${i} subtype=${e}`, r = E(i, e);
   if (!r) {
     console.error(`windowV1/spawn prop tag not found, ${t}`);
     return;
   }
-  const n = qt.props[r];
+  const n = Jt.props[r];
   if (!n) {
     console.error(`windowV1/spawn props not found, ${t}`);
     return;
   }
   const s = {};
-  return D(s, n), s.basic.id = R(16), s.basic.key = qt.key, s.children = [
+  return D(s, n), s.basic.id = R(16), s.basic.key = Jt.key, s.children = [
     Fe(i, e, "window 1"),
     Fe(i, e, "window 2"),
     Fe(i, e, "window 3")
@@ -6595,15 +6634,15 @@ function Fe(i, e, t) {
     console.error(`windowV1/spawnEntry prop tag not found, ${r}`);
     return;
   }
-  const s = Zt.props[n];
+  const s = qt.props[n];
   if (!s) {
     console.error(`windowV1/spawnEntry props not found, ${r}`);
     return;
   }
   const a = {};
-  return D(a, s), a.basic.id = R(16), a.basic.key = Zt.key, a.children = [ql(i, e, t)], a;
+  return D(a, s), a.basic.id = R(16), a.basic.key = qt.key, a.children = [Ql(i, e, t)], a;
 }
-function ql(i, e, t) {
+function Ql(i, e, t) {
   const r = `type=${i} subtype=${e}`, n = E(i, e);
   if (!n) {
     console.error(`windowV1/spawnFlexLayout prop tag not found, ${r}`);
@@ -6615,9 +6654,9 @@ function ql(i, e, t) {
     return;
   }
   const a = {};
-  return D(a, s), a.basic.id = R(16), a.basic.key = $e.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 = [Jl(i, e, t)], a;
+  return D(a, s), a.basic.id = R(16), a.basic.key = $e.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 = [ea(i, e, t)], a;
 }
-function Jl(i, e, t) {
+function ea(i, e, t) {
   const r = `type=${i} subtype=${e}`, n = E(i, e);
   if (!n) {
     console.error(`windowV1/spawnText prop tag not found, ${r}`);
@@ -6631,7 +6670,7 @@ function Jl(i, e, t) {
   const a = {};
   return D(a, s), a.basic.id = R(16), a.basic.key = he.key, a.settings.text = t, a.settings.style.xs = "h6", a;
 }
-const ri = {
+const ui = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6679,47 +6718,47 @@ const ri = {
       default: !1
     }
   ]
-}, qt = {
-  key: Vt,
+}, Jt = {
+  key: $t,
   name: "x-runtime-lib.window",
-  comp: Qr,
+  comp: nl,
   props: {
-    pageCommon: [v, ri],
-    compCommon: [v, ri]
+    pageCommon: [g, ui],
+    compCommon: [g, ui]
   },
   events: [],
   methods: [],
   slots: [],
-  spawn: Zl
+  spawn: Yl
 };
-T(qt);
-const Xl = [
+S(Jt);
+const ta = [
   { 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" }
-], Yl = [
+], na = [
   { 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" }
-], Ql = [
+], ia = [
   { 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" }
-], ea = [
+], oa = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.theme", value: "theme" },
   { title: "x-runtime-lib.custom", value: "custom" }
-], ta = [
+], sa = [
   { title: "x-runtime-lib.default", value: "default" },
   { title: "x-runtime-lib.comfortable", value: "comfortable" },
   { title: "x-runtime-lib.compact", value: "compact" }
-], na = [
+], ra = [
   { title: "x-runtime-lib.horizontal", value: "horizontal" },
   { title: "x-runtime-lib.vertical", value: "vertical" }
-], ia = [
+], la = [
   { title: "x-runtime-lib.underlined", value: "underlined" },
   { title: "x-runtime-lib.outlined", value: "outlined" },
   { title: "x-runtime-lib.filled", value: "filled" },
@@ -6727,20 +6766,20 @@ const Xl = [
   { title: "x-runtime-lib.soloInverted", value: "solo-inverted" },
   { title: "x-runtime-lib.soloFilled", value: "solo-filled" },
   { title: "x-runtime-lib.plain", value: "plain" }
-], oa = [
+], aa = [
   { 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" }
-], sa = [
+], ua = [
   { 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" }
-], ra = [
+], ca = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.end", value: "end" },
@@ -6748,12 +6787,12 @@ const Xl = [
   { title: "x-runtime-lib.spaceBetween", value: "spaceBetween" },
   { title: "x-runtime-lib.spaceAround", value: "spaceAround" },
   { title: "x-runtime-lib.spaceEvenly", value: "spaceEvenly" }
-], la = [
+], da = [
   { 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" }
-], aa = [
+], ma = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.black", value: "black" },
   { title: "x-runtime-lib.bold", value: "bold" },
@@ -6761,24 +6800,24 @@ const Xl = [
   { title: "x-runtime-lib.regular", value: "regular" },
   { title: "x-runtime-lib.light", value: "light" },
   { title: "x-runtime-lib.thin", value: "thin" }
-], ua = [
+], pa = [
   { title: "x-runtime-lib.elevated", value: "elevated" },
   { title: "x-runtime-lib.flat", value: "flat" },
   { title: "x-runtime-lib.tonal", value: "tonal" },
   { title: "x-runtime-lib.outlined", value: "outlined" },
   { title: "x-runtime-lib.text", value: "text" },
   { title: "x-runtime-lib.plain", value: "plain" }
-], ca = [
+], fa = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.show", value: "show" },
   { title: "x-runtime-lib.always", value: "always" }
-], da = [
+], ba = [
   { 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" }
-], ma = [
+], ya = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" },
@@ -6786,18 +6825,18 @@ const Xl = [
   { title: "x-runtime-lib.justify", value: "justify" },
   { title: "x-runtime-lib.left", value: "left" },
   { title: "x-runtime-lib.right", value: "right" }
-], pa = [
+], ha = [
   { 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" }
-], fa = [
+], xa = [
   { 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" }
-], ba = [
+], ga = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.h1", value: "h1" },
   { title: "x-runtime-lib.h2", value: "h2" },
@@ -6812,7 +6851,7 @@ const Xl = [
   { title: "x-runtime-lib.button", value: "button" },
   { title: "x-runtime-lib.caption", value: "caption" },
   { title: "x-runtime-lib.overline", value: "overline" }
-], ya = [
+], va = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.primary", value: "primary" },
   { title: "x-runtime-lib.secondary", value: "secondary" },
@@ -6823,53 +6862,53 @@ const Xl = [
   { title: "x-runtime-lib.background0", value: "background0" },
   { title: "x-runtime-lib.background1", value: "background1" },
   { title: "x-runtime-lib.background2", value: "background2" }
-], ha = [
+], ka = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.show", value: "show" },
   { title: "x-runtime-lib.always", value: "always" }
-], xa = [
+], _a = [
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" }
-], ga = [
+], wa = [
   { title: "x-runtime-lib.horizontal", value: "horizontal" },
   { title: "x-runtime-lib.vertical", value: "vertical" }
-], va = [
+], Va = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.start", value: "start" }
-], ka = [
+], $a = [
   { 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" }
-], _a = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], Ia = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  alignTabsItemsV1: Xl,
-  axisTypeItemsV1: Yl,
-  borderStyleItemsV1: Ql,
-  colorModeItemsV1: ea,
-  densityItemsV1: ta,
-  directionItemsV1: na,
-  fieldVariantItemsV1: ia,
-  flexCrossAlignItemsV1: oa,
-  flexDirectionItemsV1: sa,
-  flexMainAlignItemsV1: ra,
-  flexWrapItemsV1: la,
-  fontWeightItemsV1: aa,
-  sheetVariantItemsV1: ua,
-  showTicksItemsV1: ca,
-  sizeItemsV1: da,
-  textAlignItemsV1: ma,
-  textDecorationItemsV1: pa,
-  textEmphasisItemsV1: fa,
-  textStyleItemsV1: ba,
-  themeColorItemsV1: ya,
-  thumbLabelItemsV1: ha,
-  timelineAlignItemsV1: xa,
-  timelineDirectionItemsV1: ga,
-  timelineSideItemsV1: va,
-  timelineTruncateLineItemsV1: ka
-}, Symbol.toStringTag, { value: "Module" })), wa = [
+  alignTabsItemsV1: ta,
+  axisTypeItemsV1: na,
+  borderStyleItemsV1: ia,
+  colorModeItemsV1: oa,
+  densityItemsV1: sa,
+  directionItemsV1: ra,
+  fieldVariantItemsV1: la,
+  flexCrossAlignItemsV1: aa,
+  flexDirectionItemsV1: ua,
+  flexMainAlignItemsV1: ca,
+  flexWrapItemsV1: da,
+  fontWeightItemsV1: ma,
+  sheetVariantItemsV1: pa,
+  showTicksItemsV1: fa,
+  sizeItemsV1: ba,
+  textAlignItemsV1: ya,
+  textDecorationItemsV1: ha,
+  textEmphasisItemsV1: xa,
+  textStyleItemsV1: ga,
+  themeColorItemsV1: va,
+  thumbLabelItemsV1: ka,
+  timelineAlignItemsV1: _a,
+  timelineDirectionItemsV1: wa,
+  timelineSideItemsV1: Va,
+  timelineTruncateLineItemsV1: $a
+}, Symbol.toStringTag, { value: "Module" })), Ca = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6909,7 +6948,7 @@ const Xl = [
     max: 1 / 0,
     step: 1
   }
-], Va = [
+], Sa = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6931,7 +6970,7 @@ const Xl = [
     validator: (i) => i === "right",
     default: "right"
   }
-], $a = [
+], Ta = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6957,11 +6996,11 @@ const Xl = [
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: on,
+    validator: rn,
     precision: 6,
     default: "0%"
   }
-], Ia = [
+], za = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6981,12 +7020,12 @@ const Xl = [
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: on,
+    validator: rn,
     precision: 6,
     min: 0,
     default: "0%"
   }
-], Ca = [
+], Aa = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7006,12 +7045,12 @@ const Xl = [
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: on,
+    validator: rn,
     precision: 6,
     min: 0,
     default: "0%"
   }
-], Sa = [
+], Pa = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7040,7 +7079,7 @@ const Xl = [
     validator: (i) => i === "end",
     default: "end"
   }
-], Ta = [
+], Na = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7062,24 +7101,24 @@ const Xl = [
     validator: (i) => i === "bottom",
     default: "bottom"
   }
-], za = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], Wa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  borderWidthTypesV1: wa,
-  leftRightTypesV1: Va,
-  marginTypesV1: $a,
-  paddingTypesV1: Ia,
-  sizeTypesV1: Ca,
-  tableColumnAlignTypesV1: Sa,
-  topBottomTypesV1: Ta
-}, Symbol.toStringTag, { value: "Module" })), Aa = {
+  borderWidthTypesV1: Ca,
+  leftRightTypesV1: Sa,
+  marginTypesV1: Ta,
+  paddingTypesV1: za,
+  sizeTypesV1: Aa,
+  tableColumnAlignTypesV1: Pa,
+  topBottomTypesV1: Na
+}, Symbol.toStringTag, { value: "Module" })), La = {
   version: "v1",
   globalityKey: lt,
   refKey: Se,
-  items: { ..._a },
-  types: { ...za },
+  items: { ...Ia },
+  types: { ...Wa },
   elements: /* @__PURE__ */ new Set([
     Ue,
-    xn,
+    vn,
     Ge,
     je,
     Oe,
@@ -7095,7 +7134,7 @@ const Xl = [
     nt,
     it,
     ot,
-    Oi,
+    Zi,
     st,
     lt,
     rt,
@@ -7103,7 +7142,7 @@ const Xl = [
     ut,
     ct,
     dt,
-    Ki,
+    qi,
     mt,
     pt,
     ft,
@@ -7111,20 +7150,21 @@ const Xl = [
     bt,
     yt,
     ht,
-    Zi,
-    qi,
+    xt,
     Ji,
     Xi,
-    xt,
     Yi,
+    Qi,
     gt,
+    eo,
     vt,
     kt,
     _t,
     wt,
-    Qi,
     Vt,
-    eo
+    to,
+    $t,
+    no
   ]),
   groups: [
     {
@@ -7137,30 +7177,29 @@ const Xl = [
         Qe,
         ot,
         nt,
-        ut,
-        Se
+        ut
       ]
     },
     {
       key: "navigation",
       name: "x-runtime-lib.navigation",
-      items: [xn, dt, gt]
+      items: [vn, dt, vt]
     },
     {
       key: "formRelated",
       name: "x-runtime-lib.formRelated",
       items: [
         st,
-        vt,
-        _t,
         kt,
+        wt,
+        _t,
         ct,
-        bt,
+        yt,
         Ye,
-        xt,
+        gt,
         mt,
         Ze,
-        yt,
+        ht,
         pt,
         it
       ]
@@ -7177,14 +7216,14 @@ const Xl = [
         Oe,
         je,
         Je,
-        ht,
-        Vt
+        xt,
+        $t
       ]
     },
     {
       key: "feedback",
       name: "x-runtime-lib.feedback",
-      items: [ji, ft, wt]
+      items: [Ki, ft, Vt]
     },
     {
       key: "imagesAndIcons",
@@ -7195,109 +7234,115 @@ const Xl = [
       key: "pickers",
       name: "x-runtime-lib.pickers",
       items: [Xe, tt]
+    },
+    {
+      key: "dynamic",
+      name: "x-runtime-lib.dynamic",
+      items: [bt, Se]
     }
   ]
-}, fn = {
-  v1: Aa
-}, Pa = (i, e, t) => {
+}, yn = {
+  v1: La
+}, Ba = (i, e, t) => {
   const r = i[e];
   return r ? typeof r == "function" ? r() : Promise.resolve(r) : new Promise((n, s) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(s.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + e + (e.split("/").length !== t ? ". Note that variables only represent file names one level deep." : ""))));
   });
 };
-async function tu(i) {
-  return (await Pa(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.gzfmjy3s.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.iikqghyl.js") }), `./locales/${i}/index.ts`, 4)).default;
+async function su(i) {
+  return (await Ba(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.bxvae9bx.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.pum3a9fg.js") }), `./locales/${i}/index.ts`, 4)).default;
 }
 export {
-  Qa as badgeV1,
-  $t as barChartV1,
-  $i as breakpoints,
-  cl as btnGroupV1,
-  dl as btnToggleV1,
-  Ct as btnV1,
-  Ii as calcBreakpoint,
+  iu as badgeV1,
+  It as barChartV1,
+  Ci as breakpoints,
+  fl as btnGroupV1,
+  bl as btnToggleV1,
+  St as btnV1,
+  Si as calcBreakpoint,
   Ve as cardV1,
-  pl as checkboxV1,
-  Tt as chipGroupV1,
-  St as chipV1,
-  yl as colorPickerV1,
-  hl as comboboxV1,
-  zt as containerV1,
-  xl as dataTableV1,
-  gl as datePickerV1,
-  vl as dialogV1,
-  zo as duplicateNode,
-  Fa as duplicateNodes,
+  hl as checkboxV1,
+  zt as chipGroupV1,
+  Tt as chipV1,
+  vl as colorPickerV1,
+  kl as comboboxV1,
+  At as containerV1,
+  _l as dataTableV1,
+  wl as datePickerV1,
+  Vl as dialogV1,
+  Po as duplicateNode,
+  ja as duplicateNodes,
   ye as elements,
-  Ya as ensureContext,
-  eu as fileInputV1,
-  At as flexLayoutEntryV1,
+  nu as ensureContext,
+  ou as fileInputV1,
+  Pt as flexLayoutEntryV1,
   $e as flexLayoutV1,
-  Wt as formV1,
+  Lt as formV1,
   R as genId,
   we as getBreakpointProp,
-  yn as getIndexOfBreakpoint,
-  Ma as getNode,
-  hn as getPropDefault,
+  xn as getIndexOfBreakpoint,
+  Ga as getNode,
+  gn as getPropDefault,
   E as getPropTag,
-  Xa as getTypeColor,
-  rl as globalityV1,
-  Il as iconV1,
+  tu as getTypeColor,
+  ul as globalityV1,
+  zl as iconV1,
   D as initProps,
   M as injectDark,
   ue as injectData,
-  Di as injectDepends,
+  Mi as injectDepends,
   le as injectDevice,
-  Ri as injectEnv,
+  Ei as injectEnv,
   A as injectMode,
-  Bi as injectOrg,
+  Di as injectOrg,
   B as injectSandbox,
   ae as injectType,
-  on as isPercentStr,
+  rn as isPercentStr,
   Ne as isPixelStr,
-  It as lineChartV1,
-  tu as loadLocaleMessageRuntime,
-  Cl as menuV1,
-  Gi as newEventBus,
-  Lt as numberInputV1,
-  Tl as paginationV1,
+  Ct as lineChartV1,
+  su as loadLocaleMessageRuntime,
+  Al as menuV1,
+  Oi as newEventBus,
+  Bt as numberInputV1,
+  Nl as paginationV1,
   Le as parsePercentStr,
-  Ea as parsePixelStr,
-  fn as pkgs,
-  Oa as provideDark,
-  Za as provideData,
-  qa as provideDepends,
-  ja as provideDevice,
-  Ua as provideEnv,
-  Ga as provideMode,
-  Ha as provideOrg,
-  Ei as provideSandbox,
-  Ka as provideType,
-  Rt as radioGroupV1,
-  Bt as radioV1,
-  Pl as rangeSliderV1,
-  Nl as ratingV1,
-  ll as refV1,
-  So as reverseBreakpoints,
-  Wl as selectV1,
-  Ll as sliderV1,
-  To as spawnNode,
-  Hi as startInterpreter,
-  Dt as stepperHeaderV1,
-  Et as stepperItemV1,
-  Ht as stepperV1,
-  Ft as stepperWindowItemV1,
-  Mt as stepperWindowV1,
-  Ui as stopInterpreter,
-  Ml as switchV1,
-  Ut as tabV1,
-  Gt as tabsV1,
-  Nt as textFieldV1,
+  Ua as parsePixelStr,
+  yn as pkgs,
+  Ja as provideDark,
+  Ya as provideData,
+  Qa as provideDepends,
+  qa as provideDevice,
+  Ka as provideEnv,
+  Za as provideMode,
+  Oa as provideOrg,
+  Fi as provideSandbox,
+  Xa as provideType,
+  Dt as radioGroupV1,
+  Rt as radioV1,
+  Bl as rangeSliderV1,
+  Rl as ratingV1,
+  cl as refV1,
+  dl as renderSwitchV1,
+  zo as reverseBreakpoints,
+  Dl as selectV1,
+  El as sliderV1,
+  Ao as spawnNode,
+  Gi as startInterpreter,
+  Et as stepperHeaderV1,
+  Mt as stepperItemV1,
+  Ut as stepperV1,
+  Ht as stepperWindowItemV1,
+  Ft as stepperWindowV1,
+  ji as stopInterpreter,
+  Gl as switchV1,
+  Gt as tabV1,
+  jt as tabsV1,
+  Wt as textFieldV1,
   he as textV1,
-  jt as textareaV1,
-  Ot as timelineItemV1,
-  Kt as timelineV1,
-  Ja as types,
-  Zt as windowItemV1,
-  qt as windowV1
+  Ot as textareaV1,
+  Kt as timelineItemV1,
+  Zt as timelineV1,
+  eu as types,
+  qt as windowItemV1,
+  Jt as windowV1
 };