x-runtime-lib 0.6.54 → 0.6.56

package/dist/index.js

@@ -1,14 +1,14 @@
-var mn = Object.defineProperty;
-var fn = (t, e, n) => e in t ? mn(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var he = (t, e, n) => fn(t, typeof e != "symbol" ? e + "" : e, n);
-import { computed as c, inject as O, provide as j, readonly as Ue, onBeforeMount as pn, onUnmounted as se, defineComponent as I, useTemplateRef as Tt, onMounted as $t, watch as Y, nextTick as It, createElementBlock as R, openBlock as V, normalizeStyle as oe, ref as Q, watchEffect as Nt, createBlock as A, h as $, resolveComponent as z, unref as H, withCtx as E, renderSlot as G, createVNode as B, createSlots as _e, renderList as bn, useId as At, isRef as Et, createCommentVNode as Lt, withModifiers as yn, normalizeClass as vn, toDisplayString as xn } from "vue";
-import { waitUtil as Pt, eventBus as Ze, messageInfo as hn, messageSuccess as gn, messageWarning as _n, messageError as Wt, createAxios as kn, openConfirmDlg as wn, openPromptDlg as Cn, useViewStack as Dt } from "x-essential-lib";
-import { useTheme as Vn } from "vuetify";
-import { c as L, u as Sn, r as zt, e as Bt, i as Tn, a as $n, b as In, d as Nn, f as An, g as En, h as Ln, j as Pn, I as Wn, m as Dn } from "./vendor.k0dcepe8.js";
-import { useI18n as Rt } from "vue-i18n";
-import { getErrorMessage as zn } from "x-error-lib";
-import { globalState as Bn } from "x-state-lib";
-const q = {}, Rn = {
+var _n = Object.defineProperty;
+var kn = (t, e, n) => e in t ? _n(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var he = (t, e, n) => kn(t, typeof e != "symbol" ? e + "" : e, n);
+import { computed as a, inject as j, provide as K, readonly as Xe, onBeforeMount as Cn, onUnmounted as se, defineComponent as T, useTemplateRef as Pt, onMounted as Wt, watch as X, nextTick as Bt, createElementBlock as R, openBlock as C, normalizeStyle as oe, ref as Q, watchEffect as Dt, createBlock as I, h as E, resolveComponent as N, withCtx as A, renderSlot as M, unref as H, createVNode as D, createSlots as _e, renderList as wn, useId as zt, isRef as Rt, createCommentVNode as Mt, withModifiers as Vn, normalizeClass as Sn, toDisplayString as $n } from "vue";
+import { waitUtil as Ft, eventBus as Ye, messageInfo as Tn, messageSuccess as In, messageWarning as Nn, messageError as Ht, createAxios as An, openConfirmDlg as Ln, openPromptDlg as En, useViewStack as Ot } from "x-essential-lib";
+import { useTheme as Pn } from "vuetify";
+import { c as W, u as Wn, r as jt, e as Kt, i as Bn, a as Dn, b as zn, d as Rn, f as Mn, g as Fn, h as Hn, j as On, I as jn, m as Kn } from "./vendor.k0dcepe8.js";
+import { useI18n as Ut } from "vue-i18n";
+import { getErrorMessage as Un } from "x-error-lib";
+import { globalState as Zn } from "x-state-lib";
+const Y = {}, qn = {
   key: "add",
   name: "METHOD_ADD",
   inputs: [],
@@ -18,186 +18,186 @@ const q = {}, Rn = {
       name: "PARAM_NEW_NODE"
     }
   ]
-}, T = (t) => {
-  t.slots.some((e) => e.key === "default") && t.methods.unshift(Rn), q[t.key] = t;
+}, $ = (t) => {
+  t.slots.some((e) => e.key === "default") && t.methods.unshift(qn), Y[t.key] = t;
 };
-function Mt(t) {
-  const e = c(() => {
-    var r;
-    return (r = t.node.legend) == null ? void 0 : r.show;
-  }), n = c(() => {
-    var r;
-    return (r = t.node.legend) == null ? void 0 : r.data;
+function Zt(t) {
+  const e = a(() => {
+    var l;
+    return (l = t.node.legend) == null ? void 0 : l.show;
+  }), n = a(() => {
+    var l;
+    return (l = t.node.legend) == null ? void 0 : l.data;
   });
-  function l(r) {
-    r.legend = {
+  function o(l) {
+    l.legend = {
       show: e.value,
       data: n.value
     };
   }
-  return { show: e, data: n, applyLegend: l };
+  return { show: e, data: n, applyLegend: o };
 }
-function Ft(t) {
-  const e = c(() => t.node.series);
-  function n(l) {
-    l.series = e.value;
+function qt(t) {
+  const e = a(() => t.node.series);
+  function n(o) {
+    o.series = e.value;
   }
   return { series: e, applySeries: n };
 }
-function Ht(t) {
-  const e = c(() => {
-    var a;
-    return (a = t.node.title) == null ? void 0 : a.show;
-  }), n = c(() => {
-    var a;
-    return (a = t.node.title) == null ? void 0 : a.text;
-  }), l = c(() => {
-    var a;
-    return (a = t.node.title) == null ? void 0 : a.subtext;
+function Gt(t) {
+  const e = a(() => {
+    var s;
+    return (s = t.node.title) == null ? void 0 : s.show;
+  }), n = a(() => {
+    var s;
+    return (s = t.node.title) == null ? void 0 : s.text;
+  }), o = a(() => {
+    var s;
+    return (s = t.node.title) == null ? void 0 : s.subtext;
   });
-  function r(a) {
-    a.title = {
+  function l(s) {
+    s.title = {
       show: e.value,
       text: n.value,
-      subtext: l.value
+      subtext: o.value
     };
   }
-  return { show: e, text: n, subtext: l, applyTitle: r };
+  return { show: e, text: n, subtext: o, applyTitle: l };
 }
-function Ot(t) {
-  const e = c(() => {
-    var s;
-    return (s = t.node.xAxis) == null ? void 0 : s.show;
-  }), n = c(() => {
-    var s;
-    return (s = t.node.xAxis) == null ? void 0 : s.position;
-  }), l = c(() => {
-    var s;
-    return (s = t.node.xAxis) == null ? void 0 : s.type;
-  }), r = c(() => {
-    var s;
-    return (s = t.node.xAxis) == null ? void 0 : s.data;
+function Xt(t) {
+  const e = a(() => {
+    var u;
+    return (u = t.node.xAxis) == null ? void 0 : u.show;
+  }), n = a(() => {
+    var u;
+    return (u = t.node.xAxis) == null ? void 0 : u.position;
+  }), o = a(() => {
+    var u;
+    return (u = t.node.xAxis) == null ? void 0 : u.type;
+  }), l = a(() => {
+    var u;
+    return (u = t.node.xAxis) == null ? void 0 : u.data;
   });
-  function a(s) {
-    s.xAxis = {
+  function s(u) {
+    u.xAxis = {
       show: e.value,
       position: n.value,
-      type: l.value,
-      data: r.value
+      type: o.value,
+      data: l.value
     };
   }
-  return { show: e, position: n, type: l, data: r, applyXAxis: a };
+  return { show: e, position: n, type: o, data: l, applyXAxis: s };
 }
-function jt(t) {
-  const e = c(() => {
-    var s;
-    return (s = t.node.yAxis) == null ? void 0 : s.show;
-  }), n = c(() => {
-    var s;
-    return (s = t.node.yAxis) == null ? void 0 : s.position;
-  }), l = c(() => {
-    var s;
-    return (s = t.node.yAxis) == null ? void 0 : s.type;
-  }), r = c(() => {
-    var s;
-    return (s = t.node.yAxis) == null ? void 0 : s.data;
+function Yt(t) {
+  const e = a(() => {
+    var u;
+    return (u = t.node.yAxis) == null ? void 0 : u.show;
+  }), n = a(() => {
+    var u;
+    return (u = t.node.yAxis) == null ? void 0 : u.position;
+  }), o = a(() => {
+    var u;
+    return (u = t.node.yAxis) == null ? void 0 : u.type;
+  }), l = a(() => {
+    var u;
+    return (u = t.node.yAxis) == null ? void 0 : u.data;
   });
-  function a(s) {
-    s.yAxis = {
+  function s(u) {
+    u.yAxis = {
       show: e.value,
       position: n.value,
-      type: l.value,
-      data: r.value
+      type: o.value,
+      data: l.value
     };
   }
-  return { show: e, position: n, type: l, data: r, applyYAxis: a };
+  return { show: e, position: n, type: o, data: l, applyYAxis: s };
 }
 function ae(t, e) {
-  const { computedThemes: n } = Vn(), l = c(() => {
-    var f;
-    return (f = e.value) == null ? void 0 : f.mode;
-  }), r = c(() => {
-    var b;
-    const f = (b = e.value) == null ? void 0 : b.theme;
-    return f ? f === "background0" ? t.value ? "#2e2e2e" : "#bdbdbd" : f === "background1" ? t.value ? "#272727" : "#eeeeee" : f === "background2" ? t.value ? "#1e1e1e" : "#ffffff" : (t.value ? n.value.dark : n.value.light).colors[f] : void 0;
-  }), a = c(() => {
-    var f, y;
-    return t.value ? (f = e.value.custom) == null ? void 0 : f.dark : (y = e.value.custom) == null ? void 0 : y.light;
+  const { computedThemes: n } = Pn(), o = a(() => {
+    var p;
+    return (p = e.value) == null ? void 0 : p.mode;
+  }), l = a(() => {
+    var m;
+    const p = (m = e.value) == null ? void 0 : m.theme;
+    return p ? p === "background0" ? t.value ? "#2e2e2e" : "#bdbdbd" : p === "background1" ? t.value ? "#272727" : "#eeeeee" : p === "background2" ? t.value ? "#1e1e1e" : "#ffffff" : (t.value ? n.value.dark : n.value.light).colors[p] : void 0;
+  }), s = a(() => {
+    var p, y;
+    return t.value ? (p = e.value.custom) == null ? void 0 : p.dark : (y = e.value.custom) == null ? void 0 : y.light;
   });
-  return { color: c(() => l.value === "theme" ? r.value : l.value === "custom" ? a.value : "") };
+  return { color: a(() => o.value === "theme" ? l.value : o.value === "custom" ? s.value : "") };
 }
-function Xe(t, e) {
-  const n = c(() => {
+function Je(t, e) {
+  const n = a(() => {
     var i;
     return (i = e.node.border) == null ? void 0 : i.style;
-  }), l = c(() => {
+  }), o = a(() => {
     var i;
     return (i = e.node.border) == null ? void 0 : i.width;
-  }), r = c(() => {
+  }), l = a(() => {
     var i;
     return (i = e.node.border) == null ? void 0 : i.color;
-  }), { color: a } = ae(t, r), s = c(() => {
-    var i, d;
-    return (d = (i = e.node.border) == null ? void 0 : i.roundRadius) == null ? void 0 : d.tl;
-  }), f = c(() => {
-    var i, d;
-    return (d = (i = e.node.border) == null ? void 0 : i.roundRadius) == null ? void 0 : d.tr;
-  }), y = c(() => {
-    var i, d;
-    return (d = (i = e.node.border) == null ? void 0 : i.roundRadius) == null ? void 0 : d.bl;
-  }), b = c(() => {
-    var i, d;
-    return (d = (i = e.node.border) == null ? void 0 : i.roundRadius) == null ? void 0 : d.br;
+  }), { color: s } = ae(t, l), u = a(() => {
+    var i, f;
+    return (f = (i = e.node.border) == null ? void 0 : i.roundRadius) == null ? void 0 : f.tl;
+  }), p = a(() => {
+    var i, f;
+    return (f = (i = e.node.border) == null ? void 0 : i.roundRadius) == null ? void 0 : f.tr;
+  }), y = a(() => {
+    var i, f;
+    return (f = (i = e.node.border) == null ? void 0 : i.roundRadius) == null ? void 0 : f.bl;
+  }), m = a(() => {
+    var i, f;
+    return (f = (i = e.node.border) == null ? void 0 : i.roundRadius) == null ? void 0 : f.br;
   });
-  function o(i) {
-    n.value && (i.borderStyle = n.value), l.value && (i.borderWidth = l.value), a.value && (i.borderColor = a.value), s.value && (i.borderTopLeftRadius = s.value), f.value && (i.borderTopRightRadius = f.value), y.value && (i.borderBottomLeftRadius = y.value), b.value && (i.borderBottomRightRadius = b.value);
+  function r(i) {
+    n.value && (i.borderStyle = n.value), o.value && (i.borderWidth = o.value), s.value && (i.borderColor = s.value), u.value && (i.borderTopLeftRadius = u.value), p.value && (i.borderTopRightRadius = p.value), y.value && (i.borderBottomLeftRadius = y.value), m.value && (i.borderBottomRightRadius = m.value);
   }
-  return { borderStyle: n, borderWidth: l, borderColor: a, applyBorder: o };
+  return { borderStyle: n, borderWidth: o, borderColor: s, applyBorder: r };
 }
-function Ye(t) {
-  const e = c(() => {
-    var s;
-    return (s = t.node.margin) == null ? void 0 : s.top;
-  }), n = c(() => {
-    var s;
-    return (s = t.node.margin) == null ? void 0 : s.left;
-  }), l = c(() => {
-    var s;
-    return (s = t.node.margin) == null ? void 0 : s.bottom;
-  }), r = c(() => {
-    var s;
-    return (s = t.node.margin) == null ? void 0 : s.right;
+function Qe(t) {
+  const e = a(() => {
+    var u;
+    return (u = t.node.margin) == null ? void 0 : u.top;
+  }), n = a(() => {
+    var u;
+    return (u = t.node.margin) == null ? void 0 : u.left;
+  }), o = a(() => {
+    var u;
+    return (u = t.node.margin) == null ? void 0 : u.bottom;
+  }), l = a(() => {
+    var u;
+    return (u = t.node.margin) == null ? void 0 : u.right;
   });
-  function a(s) {
-    e.value && (s.marginTop = e.value), n.value && (s.marginLeft = n.value), l.value && (s.marginBottom = l.value), r.value && (s.marginRight = r.value);
+  function s(u) {
+    e.value && (u.marginTop = e.value), n.value && (u.marginLeft = n.value), o.value && (u.marginBottom = o.value), l.value && (u.marginRight = l.value);
   }
-  return { marginTop: e, marginLeft: n, marginBottom: l, marginRight: r, applyMargin: a };
+  return { marginTop: e, marginLeft: n, marginBottom: o, marginRight: l, applyMargin: s };
 }
-function qe(t) {
-  const e = c(() => {
-    var s;
-    return (s = t.node.padding) == null ? void 0 : s.top;
-  }), n = c(() => {
-    var s;
-    return (s = t.node.padding) == null ? void 0 : s.left;
-  }), l = c(() => {
-    var s;
-    return (s = t.node.padding) == null ? void 0 : s.bottom;
-  }), r = c(() => {
-    var s;
-    return (s = t.node.padding) == null ? void 0 : s.right;
+function et(t) {
+  const e = a(() => {
+    var u;
+    return (u = t.node.padding) == null ? void 0 : u.top;
+  }), n = a(() => {
+    var u;
+    return (u = t.node.padding) == null ? void 0 : u.left;
+  }), o = a(() => {
+    var u;
+    return (u = t.node.padding) == null ? void 0 : u.bottom;
+  }), l = a(() => {
+    var u;
+    return (u = t.node.padding) == null ? void 0 : u.right;
   });
-  function a(s) {
-    e.value && (s.paddingTop = e.value), n.value && (s.paddingLeft = n.value), l.value && (s.paddingBottom = l.value), r.value && (s.paddingRight = r.value);
+  function s(u) {
+    e.value && (u.paddingTop = e.value), n.value && (u.paddingLeft = n.value), o.value && (u.paddingBottom = o.value), l.value && (u.paddingRight = l.value);
   }
-  return { paddingTop: e, paddingLeft: n, paddingBottom: l, paddingRight: r, applyPadding: a };
+  return { paddingTop: e, paddingLeft: n, paddingBottom: o, paddingRight: l, applyPadding: s };
 }
-const nt = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+const rt = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
 function ee(t) {
   let e = "";
   for (let n = 0; n < t; n++) {
-    const l = Math.floor(Math.random() * nt.length);
-    e += nt[l];
+    const o = Math.floor(Math.random() * rt.length);
+    e += rt[o];
   }
   return e;
 }
@@ -207,13 +207,13 @@ function ye(t) {
   const e = t.substring(0, t.length - 2), n = parseFloat(e);
   return !(isNaN(n) || n % 1 !== 0);
 }
-function Ge(t) {
+function tt(t) {
   if (typeof t != "string" || !t.endsWith("%"))
     return !1;
   const e = t.substring(0, t.length - 1), n = parseFloat(e);
   return !isNaN(n);
 }
-function Yl(t) {
+function br(t) {
   if (typeof t != "string" || !t.endsWith("px"))
     return;
   const e = t.substring(0, t.length - 2), n = parseFloat(e);
@@ -227,19 +227,19 @@ function ge(t) {
   if (!isNaN(n))
     return n;
 }
-const Kt = ["xs", "sm", "md", "lg", "xl"], Mn = [...Kt].reverse();
-function Ut(t) {
+const Jt = ["xs", "sm", "md", "lg", "xl"], Gn = [...Jt].reverse();
+function Qt(t) {
   return t < 600 ? "xs" : t < 960 ? "sm" : t < 1280 ? "md" : t < 1920 ? "lg" : "xl";
 }
-function it(t) {
-  return Kt.findIndex((e) => e === t);
+function st(t) {
+  return Jt.findIndex((e) => e === t);
 }
 function le(t, e) {
   let n;
-  for (const l of Mn) {
-    if (it(l) < it(t))
+  for (const o of Gn) {
+    if (st(o) < st(t))
       break;
-    e[l] && (n = e[l]);
+    e[o] && (n = e[o]);
   }
   return n;
 }
@@ -255,80 +255,80 @@ function ve(t, e) {
   } else
     console.assert(!1);
 }
-function ot(t, e) {
+function at(t, e) {
   if (t.array)
-    return e ? L(t.default) : L(t.defaultArray);
+    return e ? W(t.default) : W(t.defaultArray);
   {
-    const n = L(t.default);
+    const n = W(t.default);
     return (t.ui === "switch" || t.ui === "select" || t.ui === "colorPicker" || t.ui === "multiTypes" || t.ui === "compSelect") && !n ? void 0 : n;
   }
 }
 function re(t, e) {
-  function n(l, r) {
-    if (r.ui) {
-      if (r.ui === "strInput" && r.static)
+  function n(o, l) {
+    if (l.ui) {
+      if (l.ui === "strInput" && l.static)
         return;
-      l[r.key] = ot(r);
+      o[l.key] = at(l);
     } else
-      r.array ? l[r.key] = ot(r) : r.children.forEach((a) => {
-        l[r.key] || (l[r.key] = {}), n(l[r.key], a);
+      l.array ? o[l.key] = at(l) : l.children.forEach((s) => {
+        o[l.key] || (o[l.key] = {}), n(o[l.key], s);
       });
   }
-  e.forEach((l) => n(t, l));
+  e.forEach((o) => n(t, o));
 }
-function Fn(t, e, n, l, r) {
-  const a = `type=${t} subtype=${e} version=${n} ref=${l} keyOrRefid=${r}`, s = ve(t, e);
-  if (!s) {
-    console.error(`spawnNode prop tag not found, ${a}`);
+function Xn(t, e, n, o, l) {
+  const s = `type=${t} subtype=${e} version=${n} ref=${o} keyOrRefid=${l}`, u = ve(t, e);
+  if (!u) {
+    console.error(`spawnNode prop tag not found, ${s}`);
     return;
   }
-  const f = tt[n];
-  if (!f) {
-    console.error(`spawnNode pkg not found version, ${a}`);
+  const p = lt[n];
+  if (!p) {
+    console.error(`spawnNode pkg not found version, ${s}`);
     return;
   }
-  if (l) {
-    const y = f.refKey, b = r;
-    if (!f.elements.has(y)) {
-      console.error(`spawnNode [ref] element not found in pkg, ${a}`);
+  if (o) {
+    const y = p.refKey, m = l;
+    if (!p.elements.has(y)) {
+      console.error(`spawnNode [ref] element not found in pkg, ${s}`);
       return;
     }
-    const o = q[y];
-    if (!o) {
-      console.error(`spawnNode [ref] element not found in global, ${a}`);
+    const r = Y[y];
+    if (!r) {
+      console.error(`spawnNode [ref] element not found in global, ${s}`);
       return;
     }
-    const i = o.props[s];
+    const i = r.props[u];
     if (!i) {
-      console.error(`spawnNode [ref] props not found, ${a}`);
+      console.error(`spawnNode [ref] props not found, ${s}`);
       return;
     }
-    const d = {
+    const f = {
       basic: {
         id: "",
         key: ""
       }
     };
-    return re(d, i), d.basic.id = ee(16), d.basic.key = y, d.ref = {
-      id: b
-    }, d;
+    return re(f, i), f.basic.id = ee(16), f.basic.key = y, f.ref = {
+      id: m
+    }, f;
   } else {
-    const y = r;
-    if (!f.elements.has(y)) {
-      console.error(`spawnNode [key] element not found in pkg, ${a}`);
+    const y = l;
+    if (!p.elements.has(y)) {
+      console.error(`spawnNode [key] element not found in pkg, ${s}`);
       return;
     }
-    const b = q[y];
-    if (!b) {
-      console.error(`spawnNode [key] element not found in global, ${a}`);
+    const m = Y[y];
+    if (!m) {
+      console.error(`spawnNode [key] element not found in global, ${s}`);
       return;
     }
-    if (b.spawn)
-      return b.spawn(t, e);
+    if (m.spawn)
+      return m.spawn(t, e);
     {
-      const o = b.props[s];
-      if (!o) {
-        console.error(`spawnNode [key] props not found, ${a}`);
+      const r = m.props[u];
+      if (!r) {
+        console.error(`spawnNode [key] props not found, ${s}`);
         return;
       }
       const i = {
@@ -337,345 +337,345 @@ function Fn(t, e, n, l, r) {
           key: ""
         }
       };
-      return re(i, o), i.basic.id = ee(16), i.basic.key = y, b.slots.some((d) => d.key === "default") && (i.children = []), i;
+      return re(i, r), i.basic.id = ee(16), i.basic.key = y, m.slots.some((f) => f.key === "default") && (i.children = []), i;
     }
   }
 }
-function ql(t, e) {
-  function n(l) {
-    if (l.basic.id === e)
-      return l;
-    if (l.children)
-      for (let r = 0; r < l.children.length; r++) {
-        const a = n(l.children[r]);
-        if (a)
-          return a;
+function yr(t, e) {
+  function n(o) {
+    if (o.basic.id === e)
+      return o;
+    if (o.children)
+      for (let l = 0; l < o.children.length; l++) {
+        const s = n(o.children[l]);
+        if (s)
+          return s;
       }
   }
-  for (let l = 0; l < t.length; l++) {
-    const r = n(t[l]);
-    if (r)
-      return r;
+  for (let o = 0; o < t.length; o++) {
+    const l = n(t[o]);
+    if (l)
+      return l;
   }
 }
-function Hn(t) {
-  function e(l) {
-    var r;
-    l.basic.id = ee(16), (r = l.children) == null || r.forEach((a) => e(a));
+function Yn(t) {
+  function e(o) {
+    var l;
+    o.basic.id = ee(16), (l = o.children) == null || l.forEach((s) => e(s));
   }
-  const n = L(t);
+  const n = W(t);
   return e(n), n;
 }
-function Gl(t) {
+function vr(t) {
   const e = [];
   return t.forEach((n) => {
-    e.push(Hn(n));
+    e.push(Yn(n));
   }), e;
 }
-const Zt = "runtimeEnv", Xt = "runtimeMode", Yt = "runtimeDevice", qt = "runtimeDark", Gt = "runtimeType", Jt = "runtimeData", Qt = "runtimeDepends", en = "runtimeSandbox";
-function Jl(t) {
-  j(Zt, t);
+const en = "runtimeEnv", tn = "runtimeMode", nn = "runtimeDevice", on = "runtimeDark", ln = "runtimeType", rn = "runtimeData", sn = "runtimeDepends", an = "runtimeSandbox";
+function xr(t) {
+  K(en, t);
 }
-function tn() {
-  return O(Zt);
+function un() {
+  return j(en);
 }
-function Ql(t) {
-  j(Xt, t);
+function hr(t) {
+  K(tn, t);
 }
-function P() {
-  return O(Xt);
+function L() {
+  return j(tn);
 }
-function er(t) {
-  j(Yt, Ue(t));
+function gr(t) {
+  K(nn, Xe(t));
 }
-function K() {
-  return O(Yt);
+function U() {
+  return j(nn);
 }
-function tr(t) {
-  j(qt, Ue(t));
+function _r(t) {
+  K(on, Xe(t));
 }
-function M() {
-  return O(qt);
+function F() {
+  return j(on);
 }
-function nr(t) {
-  j(Gt, t);
+function kr(t) {
+  K(ln, t);
 }
-function U() {
-  return O(Gt);
+function Z() {
+  return j(ln);
 }
-function ir(t) {
-  j(Jt, t);
+function Cr(t) {
+  K(rn, t);
 }
-function Z() {
-  return O(Jt);
+function q() {
+  return j(rn);
 }
-function or(t) {
-  j(Qt, Ue(t));
+function wr(t) {
+  K(sn, Xe(t));
 }
-function nn() {
-  return O(Qt);
+function cn() {
+  return j(sn);
 }
-function on(t) {
-  j(en, t);
+function dn(t) {
+  K(an, t);
 }
 function xe() {
-  return O(en);
+  return j(an);
 }
 function J(t, e, n) {
-  const l = c(() => {
-    var o;
-    return (o = n.node.size) == null ? void 0 : o.width;
-  }), r = c(() => {
-    var o;
-    return (o = n.node.size) == null ? void 0 : o.minWidth;
-  }), a = c(() => {
-    var o;
-    return (o = n.node.size) == null ? void 0 : o.maxWidth;
-  }), s = c(() => {
-    var o, i;
+  const o = a(() => {
+    var r;
+    return (r = n.node.size) == null ? void 0 : r.width;
+  }), l = a(() => {
+    var r;
+    return (r = n.node.size) == null ? void 0 : r.minWidth;
+  }), s = a(() => {
+    var r;
+    return (r = n.node.size) == null ? void 0 : r.maxWidth;
+  }), u = a(() => {
+    var r, i;
     if (n.outer && t === "editor") {
-      const d = ge((o = n.node.size) == null ? void 0 : o.height);
-      if (d)
-        return d / 100 * e.value.height + "px";
+      const f = ge((r = n.node.size) == null ? void 0 : r.height);
+      if (f)
+        return f / 100 * e.value.height + "px";
     }
     return (i = n.node.size) == null ? void 0 : i.height;
-  }), f = c(() => {
-    var o, i;
+  }), p = a(() => {
+    var r, i;
     if (n.outer && t === "editor") {
-      const d = ge((o = n.node.size) == null ? void 0 : o.minHeight);
-      if (d)
-        return d / 100 * e.value.height + "px";
+      const f = ge((r = n.node.size) == null ? void 0 : r.minHeight);
+      if (f)
+        return f / 100 * e.value.height + "px";
     }
     return (i = n.node.size) == null ? void 0 : i.minHeight;
-  }), y = c(() => {
-    var o, i;
+  }), y = a(() => {
+    var r, i;
     if (n.outer && t === "editor") {
-      const d = ge((o = n.node.size) == null ? void 0 : o.maxHeight);
-      if (d)
-        return d / 100 * e.value.height + "px";
+      const f = ge((r = n.node.size) == null ? void 0 : r.maxHeight);
+      if (f)
+        return f / 100 * e.value.height + "px";
     }
     return (i = n.node.size) == null ? void 0 : i.maxHeight;
   });
-  function b(o) {
-    l.value && (o.width = l.value), r.value && (o.minWidth = r.value), a.value && (o.maxWidth = a.value), s.value && (o.height = s.value), f.value && (o.minHeight = f.value), y.value && (o.maxHeight = y.value);
+  function m(r) {
+    o.value && (r.width = o.value), l.value && (r.minWidth = l.value), s.value && (r.maxWidth = s.value), u.value && (r.height = u.value), p.value && (r.minHeight = p.value), y.value && (r.maxHeight = y.value);
   }
-  return { width: l, minWidth: r, maxWidth: a, height: s, minHeight: f, maxHeight: y, applySize: b };
+  return { width: o, minWidth: l, maxWidth: s, height: u, minHeight: p, maxHeight: y, applySize: m };
 }
-function ln(t, e, n) {
-  const l = c(() => e.node.basic.id), r = c(() => `callMethod@${l.value}`);
-  pn(() => {
-    var a;
-    (a = t.eventBus) == null || a.on(r.value, n);
+function mn(t, e, n) {
+  const o = a(() => e.node.basic.id), l = a(() => `callMethod@${o.value}`);
+  Cn(() => {
+    var s;
+    (s = t.eventBus) == null || s.on(l.value, n);
   }), se(() => {
-    var a;
-    (a = t.eventBus) == null || a.off(r.value, n);
+    var s;
+    (s = t.eventBus) == null || s.off(l.value, n);
   });
 }
-const On = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], jn = "#242424", Kn = {}, Un = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, Zn = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Xn = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Yn = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, qn = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Gn = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Jn = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Qn = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ei = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ti = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ni = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ii = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, oi = { 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" } }, li = { 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)" } } }, ri = { 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)" } } }, si = { 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"] } } }, ai = { 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"] } } }, ui = { 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"] } } }, ci = { 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"] } } }, di = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, mi = { textStyle: { color: "#eeeeee" } }, fi = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, pi = { 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" } } }, bi = { color: ["#bf444c", "#d88273", "#f6efa6"] }, yi = { 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" } }, vi = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, xi = {
-  color: On,
-  backgroundColor: jn,
-  textStyle: Kn,
-  title: Un,
-  line: Zn,
-  radar: Xn,
-  bar: Yn,
-  pie: qn,
-  scatter: Gn,
-  boxplot: Jn,
-  parallel: Qn,
-  sankey: ei,
-  funnel: ti,
-  gauge: ni,
-  candlestick: ii,
-  graph: oi,
-  map: li,
-  geo: ri,
-  categoryAxis: si,
-  valueAxis: ai,
-  logAxis: ui,
-  timeAxis: ci,
-  toolbox: di,
-  legend: mi,
-  tooltip: fi,
-  timeline: pi,
-  visualMap: bi,
-  dataZoom: yi,
-  markPoint: vi
-}, hi = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], gi = "#f5f5f5", _i = {}, ki = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, wi = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ci = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Vi = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Si = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ti = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, $i = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ii = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ni = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ai = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ei = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Li = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Pi = { 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" } }, Wi = { 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)" } } }, Di = { 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)" } } }, zi = { 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"] } } }, Bi = { 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"] } } }, Ri = { 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"] } } }, Mi = { 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"] } } }, Fi = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Hi = { textStyle: { color: "#333333" } }, Oi = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, ji = { 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" } } }, Ki = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Ui = { 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" } }, Zi = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Xi = {
-  color: hi,
-  backgroundColor: gi,
-  textStyle: _i,
-  title: ki,
-  line: wi,
-  radar: Ci,
-  bar: Vi,
-  pie: Si,
-  scatter: Ti,
-  boxplot: $i,
-  parallel: Ii,
-  sankey: Ni,
-  funnel: Ai,
-  gauge: Ei,
-  candlestick: Li,
-  graph: Pi,
-  map: Wi,
-  geo: Di,
-  categoryAxis: zi,
-  valueAxis: Bi,
-  logAxis: Ri,
-  timeAxis: Mi,
-  toolbox: Fi,
-  legend: Hi,
-  tooltip: Oi,
-  timeline: ji,
-  visualMap: Ki,
-  dataZoom: Ui,
-  markPoint: Zi
+const Jn = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Qn = "#242424", ei = {}, ti = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, ni = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, ii = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, oi = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, li = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ri = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, si = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ai = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ui = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ci = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, di = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, mi = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, pi = { 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" } }, fi = { 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)" } } }, bi = { 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)" } } }, yi = { 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"] } } }, vi = { 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"] } } }, xi = { 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"] } } }, hi = { 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"] } } }, gi = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, _i = { textStyle: { color: "#eeeeee" } }, ki = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Ci = { 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" } } }, wi = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Vi = { 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" } }, Si = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, $i = {
+  color: Jn,
+  backgroundColor: Qn,
+  textStyle: ei,
+  title: ti,
+  line: ni,
+  radar: ii,
+  bar: oi,
+  pie: li,
+  scatter: ri,
+  boxplot: si,
+  parallel: ai,
+  sankey: ui,
+  funnel: ci,
+  gauge: di,
+  candlestick: mi,
+  graph: pi,
+  map: fi,
+  geo: bi,
+  categoryAxis: yi,
+  valueAxis: vi,
+  logAxis: xi,
+  timeAxis: hi,
+  toolbox: gi,
+  legend: _i,
+  tooltip: ki,
+  timeline: Ci,
+  visualMap: wi,
+  dataZoom: Vi,
+  markPoint: Si
+}, Ti = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Ii = "#f5f5f5", Ni = {}, Ai = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Li = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ei = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Pi = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Wi = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Bi = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Di = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, zi = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ri = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Mi = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Fi = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Hi = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Oi = { 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" } }, ji = { 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)" } } }, Ki = { 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)" } } }, Ui = { 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"] } } }, Zi = { 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"] } } }, qi = { 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"] } } }, Gi = { 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"] } } }, Xi = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Yi = { textStyle: { color: "#333333" } }, Ji = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, Qi = { 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" } } }, eo = { color: ["#bf444c", "#d88273", "#f6efa6"] }, to = { 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" } }, no = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, io = {
+  color: Ti,
+  backgroundColor: Ii,
+  textStyle: Ni,
+  title: Ai,
+  line: Li,
+  radar: Ei,
+  bar: Pi,
+  pie: Wi,
+  scatter: Bi,
+  boxplot: Di,
+  parallel: zi,
+  sankey: Ri,
+  funnel: Mi,
+  gauge: Fi,
+  candlestick: Hi,
+  graph: Oi,
+  map: ji,
+  geo: Ki,
+  categoryAxis: Ui,
+  valueAxis: Zi,
+  logAxis: qi,
+  timeAxis: Gi,
+  toolbox: Xi,
+  legend: Yi,
+  tooltip: Ji,
+  timeline: Qi,
+  visualMap: eo,
+  dataZoom: to,
+  markPoint: no
 };
-Sn([
-  Tn,
-  $n,
-  In,
-  Nn,
-  An,
-  En,
-  Ln,
-  Pn
+Wn([
+  Bn,
+  Dn,
+  zn,
+  Rn,
+  Mn,
+  Fn,
+  Hn,
+  On
 ]);
-zt("dark", xi);
-zt("light", Xi);
-const Yi = /* @__PURE__ */ I({
+jt("dark", $i);
+jt("light", io);
+const oo = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = P(), l = K(), r = M(), a = U(), s = Z(), { width: f, minWidth: y, maxWidth: b, height: o, minHeight: i, maxHeight: d, applySize: h } = J(n, l, e), { applyTitle: m } = Ht(e), { applyXAxis: u } = Ot(e), { applyYAxis: g } = jt(e), { applyLegend: w } = Mt(e), { applySeries: p } = Ft(e), _ = c(() => {
-      const C = {}, X = s.value.type;
-      return a === "page" ? X === "common" ? h(C) : console.assert(!1) : a === "comp" && X === "common" ? h(C) : console.assert(!1), C;
-    }), x = Tt("chart");
-    let v;
+    const e = t, n = L(), o = U(), l = F(), s = Z(), u = q(), { width: p, minWidth: y, maxWidth: m, height: r, minHeight: i, maxHeight: f, applySize: c } = J(n, o, e), { applyTitle: b } = Gt(e), { applyXAxis: d } = Xt(e), { applyYAxis: _ } = Yt(e), { applyLegend: w } = Zt(e), { applySeries: v } = qt(e), k = a(() => {
+      const V = {}, G = u.value.type;
+      return s === "page" ? G === "common" ? c(V) : console.assert(!1) : s === "comp" && G === "common" ? c(V) : console.assert(!1), V;
+    }), h = Pt("chart");
+    let x;
     const S = () => {
-      v == null || v.dispose(), v = Bt.init(x.value, r.value ? "dark" : "light");
-      const C = {};
-      v.setOption(C);
-    }, N = () => {
-      v == null || v.resize();
-    }, W = () => {
-      const C = {};
-      m(C), u(C), g(C), w(C), p(C), v == null || v.setOption(C, !0);
+      x == null || x.dispose(), x = Kt.init(h.value, l.value ? "dark" : "light");
+      const V = {};
+      x.setOption(V);
+    }, P = () => {
+      x == null || x.resize();
+    }, B = () => {
+      const V = {};
+      b(V), d(V), _(V), w(V), v(V), x == null || x.setOption(V, !0);
     };
-    return $t(async () => {
-      window.addEventListener("resize", N, !1), await Pt(() => !!x.value), S(), W();
+    return Wt(async () => {
+      window.addEventListener("resize", P, !1), await Ft(() => !!h.value), S(), B();
     }), se(() => {
-      window.removeEventListener("resize", N, !1), v == null || v.dispose();
-    }), Y(
+      window.removeEventListener("resize", P, !1), x == null || x.dispose();
+    }), X(
       [
-        () => l.value.width,
-        () => l.value.height,
-        f,
+        () => o.value.width,
+        () => o.value.height,
+        p,
         y,
-        b,
-        o,
+        m,
+        r,
         i,
-        d
+        f
       ],
       async () => {
-        await It(), N();
+        await Bt(), P();
       }
-    ), Y([r], () => {
-      S(), W();
-    }), Y(
+    ), X([l], () => {
+      S(), B();
+    }), X(
       [e],
       () => {
-        W();
+        B();
       },
       { deep: !0 }
-    ), (C, X) => (V(), R("div", {
+    ), (V, G) => (C(), R("div", {
       ref: "chart",
-      style: oe(_.value)
+      style: oe(k.value)
     }, null, 4));
   }
-}), qi = /* @__PURE__ */ I({
+}), lo = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = P(), l = K(), r = M(), a = U(), s = Z(), { width: f, minWidth: y, maxWidth: b, height: o, minHeight: i, maxHeight: d, applySize: h } = J(n, l, e), { applyTitle: m } = Ht(e), { applyXAxis: u } = Ot(e), { applyYAxis: g } = jt(e), { applyLegend: w } = Mt(e), { applySeries: p } = Ft(e), _ = c(() => {
-      const C = {}, X = s.value.type;
-      return a === "page" ? X === "common" ? h(C) : console.assert(!1) : a === "comp" && X === "common" ? h(C) : console.assert(!1), C;
-    }), x = Tt("chart");
-    let v;
+    const e = t, n = L(), o = U(), l = F(), s = Z(), u = q(), { width: p, minWidth: y, maxWidth: m, height: r, minHeight: i, maxHeight: f, applySize: c } = J(n, o, e), { applyTitle: b } = Gt(e), { applyXAxis: d } = Xt(e), { applyYAxis: _ } = Yt(e), { applyLegend: w } = Zt(e), { applySeries: v } = qt(e), k = a(() => {
+      const V = {}, G = u.value.type;
+      return s === "page" ? G === "common" ? c(V) : console.assert(!1) : s === "comp" && G === "common" ? c(V) : console.assert(!1), V;
+    }), h = Pt("chart");
+    let x;
     const S = () => {
-      v == null || v.dispose(), v = Bt.init(x.value, r.value ? "dark" : "light");
-      const C = {};
-      v.setOption(C);
-    }, N = () => {
-      v == null || v.resize();
-    }, W = () => {
-      const C = {};
-      m(C), u(C), g(C), w(C), p(C), v == null || v.setOption(C, !0);
+      x == null || x.dispose(), x = Kt.init(h.value, l.value ? "dark" : "light");
+      const V = {};
+      x.setOption(V);
+    }, P = () => {
+      x == null || x.resize();
+    }, B = () => {
+      const V = {};
+      b(V), d(V), _(V), w(V), v(V), x == null || x.setOption(V, !0);
     };
-    return $t(async () => {
-      window.addEventListener("resize", N, !1), await Pt(() => !!x.value), S(), W();
+    return Wt(async () => {
+      window.addEventListener("resize", P, !1), await Ft(() => !!h.value), S(), B();
     }), se(() => {
-      window.removeEventListener("resize", N, !1), v == null || v.dispose();
-    }), Y(
+      window.removeEventListener("resize", P, !1), x == null || x.dispose();
+    }), X(
       [
-        () => l.value.width,
-        () => l.value.height,
-        f,
+        () => o.value.width,
+        () => o.value.height,
+        p,
         y,
-        b,
-        o,
+        m,
+        r,
         i,
-        d
+        f
       ],
       async () => {
-        await It(), N();
+        await Bt(), P();
       }
-    ), Y([r], () => {
-      S(), W();
-    }), Y(
+    ), X([l], () => {
+      S(), B();
+    }), X(
       [e],
       () => {
-        W();
+        B();
       },
       { deep: !0 }
-    ), (C, X) => (V(), R("div", {
+    ), (V, G) => (C(), R("div", {
       ref: "chart",
-      style: oe(_.value)
+      style: oe(k.value)
     }, null, 4));
   }
 });
-function Gi(t, e) {
-  function n(f) {
-    const y = t.pseudoToNative(f);
+function ro(t, e) {
+  function n(p) {
+    const y = t.pseudoToNative(p);
     console.log(y);
   }
-  function l(f) {
-    const y = t.pseudoToNative(f);
-    let b = "";
-    typeof y == "object" ? b = JSON.stringify(y) : b = String(y), Ze.emit("consoleAppend", b);
+  function o(p) {
+    const y = t.pseudoToNative(p);
+    let m = "";
+    typeof y == "object" ? m = JSON.stringify(y) : m = String(y), Ye.emit("consoleAppend", m);
   }
-  function r(f, y) {
-    const b = t.pseudoToNative(f), o = t.pseudoToNative(y);
-    b === "info" ? hn(o) : b === "success" ? gn(o) : b === "warning" ? _n(o) : b === "error" && Wt(o);
+  function l(p, y) {
+    const m = t.pseudoToNative(p), r = t.pseudoToNative(y);
+    m === "info" ? Tn(r) : m === "success" ? In(r) : m === "warning" ? Nn(r) : m === "error" && Ht(r);
   }
-  function a(f, y) {
-    const b = t.pseudoToNative(f), o = t.pseudoToNative(y);
+  function s(p, y) {
+    const m = t.pseudoToNative(p), r = t.pseudoToNative(y);
     setTimeout(() => {
-      t.appendCode(`__timeoutCallbackV1__(${b})`), t.run();
-    }, o);
+      t.appendCode(`__timeoutCallbackV1__(${m})`), t.run();
+    }, r);
   }
-  function s(f, y) {
-    const b = t.pseudoToNative(f);
+  function u(p, y) {
+    const m = t.pseudoToNative(p);
     setTimeout(() => {
       y(), t.run();
-    }, b);
+    }, m);
   }
   t.setProperty(
     e,
@@ -684,45 +684,45 @@ function Gi(t, e) {
   ), t.setProperty(
     e,
     "__debugTraceV1__",
-    t.createNativeFunction(l)
+    t.createNativeFunction(o)
   ), t.setProperty(
     e,
     "__messageV1__",
-    t.createNativeFunction(r)
+    t.createNativeFunction(l)
   ), t.setProperty(
     e,
     "__timeoutV1__",
-    t.createNativeFunction(a)
+    t.createNativeFunction(s)
   ), t.setProperty(
     e,
     "__delayV1__",
-    t.createAsyncFunction(s)
+    t.createAsyncFunction(u)
   );
 }
-const rn = kn({
+const pn = An({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
-    const { i18n: e } = Bn.base;
-    Wt(zn(e, t));
+    const { i18n: e } = Zn.base;
+    Ht(Un(e, t));
   }
 });
-window.API_URL && (rn.defaults.baseURL = window.API_URL + "/computebase/");
-function Ji(t) {
-  return rn.post("callFunc", t);
+window.API_URL && (pn.defaults.baseURL = window.API_URL + "/computebase/");
+function so(t) {
+  return pn.post("callFunc", t);
 }
-function Qi(t, e) {
-  async function n(l, r, a, s, f, y) {
-    const b = t.pseudoToNative(l), o = t.pseudoToNative(r), i = t.pseudoToNative(a), d = t.pseudoToNative(s), h = t.pseudoToNative(f);
+function ao(t, e) {
+  async function n(o, l, s, u, p, y) {
+    const m = t.pseudoToNative(o), r = t.pseudoToNative(l), i = t.pseudoToNative(s), f = t.pseudoToNative(u), c = t.pseudoToNative(p);
     try {
-      const m = JSON.stringify(i), { strOutputs: u } = await Ji({
-        spaceid: b,
-        id: o,
-        strInputs: m,
-        env: d
-      }), g = JSON.parse(u);
-      y(t.nativeToPseudo(g)), t.run();
-    } catch (m) {
-      console.error("callFuncV1 failed", h, m);
+      const b = JSON.stringify(i), { strOutputs: d } = await so({
+        spaceid: m,
+        id: r,
+        strInputs: b,
+        env: f
+      }), _ = JSON.parse(d);
+      y(t.nativeToPseudo(_)), t.run();
+    } catch (b) {
+      console.error("callFuncV1 failed", c, b);
     }
   }
   t.setProperty(
@@ -731,130 +731,130 @@ function Qi(t, e) {
     t.createAsyncFunction(n)
   );
 }
-class eo {
+class uo {
   constructor(e) {
     he(this, "context");
     he(this, "nodes");
     this.context = e, this.nodes = {};
-    const n = (l) => {
-      var r;
-      this.nodes[l.basic.id] = l, (r = l.children) == null || r.forEach((a) => n(a));
+    const n = (o) => {
+      var l;
+      this.nodes[o.basic.id] = o, (l = o.children) == null || l.forEach((s) => n(s));
     };
-    this.context.data.view.nodes.forEach((l) => n(l));
+    this.context.data.view.nodes.forEach((o) => n(o));
   }
   getNode(e) {
     return this.nodes[e];
   }
-  addNode(e, n, l) {
-    const r = `parent=${e} ref=${n} keyOrRefid=${l}`;
-    let a;
+  addNode(e, n, o) {
+    const l = `parent=${e} ref=${n} keyOrRefid=${o}`;
+    let s;
     if (e) {
-      const f = this.getNode(e);
-      if (!f)
-        return console.error(`NodeMgr/addNode parent not found, ${r}`), "";
-      if (!f.children)
-        return console.error(`NodeMgr/addNode parent no children, ${r}`), "";
-      a = f.children;
+      const p = this.getNode(e);
+      if (!p)
+        return console.error(`NodeMgr/addNode parent not found, ${l}`), "";
+      if (!p.children)
+        return console.error(`NodeMgr/addNode parent no children, ${l}`), "";
+      s = p.children;
     } else
-      a = this.context.data.view.nodes;
-    if (!a)
+      s = this.context.data.view.nodes;
+    if (!s)
       return "";
-    const s = Fn(
+    const u = Xn(
       this.context.type,
       this.context.data.type,
       this.context.data.version,
       n,
-      l
+      o
     );
-    return s ? (a.push(s), this.nodes[s.basic.id] = s, s.basic.id) : (console.error(`NodeMgr/addNode spawn node failed, ${r}`), "");
+    return u ? (s.push(u), this.nodes[u.basic.id] = u, u.basic.id) : (console.error(`NodeMgr/addNode spawn node failed, ${l}`), "");
   }
   deleteNode(e) {
     this.getNode(e);
   }
 }
-function to(t, e, n) {
-  const l = new eo(t);
-  function r(i, d, h) {
-    const m = e.pseudoToNative(i), u = e.pseudoToNative(d), g = e.pseudoToNative(h), w = l.addNode(m, u, g);
+function co(t, e, n) {
+  const o = new uo(t);
+  function l(i, f, c) {
+    const b = e.pseudoToNative(i), d = e.pseudoToNative(f), _ = e.pseudoToNative(c), w = o.addNode(b, d, _);
     return e.nativeToPseudo(w);
   }
-  function a(i) {
-    const d = e.pseudoToNative(i);
-    l.deleteNode(d);
+  function s(i) {
+    const f = e.pseudoToNative(i);
+    o.deleteNode(f);
   }
-  function s(i, d) {
-    const h = e.pseudoToNative(i), m = e.pseudoToNative(d), u = `id=${h} keys=${m}`;
-    let g;
-    if (h === "globality" ? g = t.data.view : g = l.getNode(h), !g) {
-      console.error(`getNodePropV1 node not found, ${u}`);
+  function u(i, f) {
+    const c = e.pseudoToNative(i), b = e.pseudoToNative(f), d = `id=${c} keys=${b}`;
+    let _;
+    if (c === "globality" ? _ = t.data.view : _ = o.getNode(c), !_) {
+      console.error(`getNodePropV1 node not found, ${d}`);
       return;
     }
-    const w = m.split("."), p = w.length;
-    for (let _ = 0; _ < p; _++) {
-      const x = w[_];
-      if (_ === p - 1)
-        return e.nativeToPseudo(g[x]);
-      if (!g) {
-        console.error(`getNodePropV1 unpkg failed, ${u}`);
+    const w = b.split("."), v = w.length;
+    for (let k = 0; k < v; k++) {
+      const h = w[k];
+      if (k === v - 1)
+        return e.nativeToPseudo(_[h]);
+      if (!_) {
+        console.error(`getNodePropV1 unpkg failed, ${d}`);
         return;
       }
-      g = g[x];
+      _ = _[h];
     }
   }
-  function f(i, d, h) {
-    const m = e.pseudoToNative(i), u = e.pseudoToNative(d), g = e.pseudoToNative(h), w = `id=${m} keys=${u} value=${g}`;
-    let p;
-    if (m === "globality" ? p = t.data.view : p = l.getNode(m), !p) {
+  function p(i, f, c) {
+    const b = e.pseudoToNative(i), d = e.pseudoToNative(f), _ = e.pseudoToNative(c), w = `id=${b} keys=${d} value=${_}`;
+    let v;
+    if (b === "globality" ? v = t.data.view : v = o.getNode(b), !v) {
       console.error(`setNodePropV1 node not found, ${w}`);
       return;
     }
-    const _ = u.split("."), x = _.length;
-    for (let v = 0; v < x; v++) {
-      const S = _[v];
-      if (v === x - 1)
-        p[S] = g;
+    const k = d.split("."), h = k.length;
+    for (let x = 0; x < h; x++) {
+      const S = k[x];
+      if (x === h - 1)
+        v[S] = _;
       else {
-        if (!p) {
+        if (!v) {
           console.error(`setNodePropV1 unpkg failed, ${w}`);
           return;
         }
-        p = p[S];
+        v = v[S];
       }
     }
   }
-  function y(i, d, h, m) {
-    var _;
-    const u = e.pseudoToNative(i), g = e.pseudoToNative(d), w = e.pseudoToNative(h), p = { outputs: [] };
-    (_ = t.eventBus) == null || _.emit(`callMethod@${u}`, { name: g, inputs: w, result: p }), m(e.nativeToPseudo(p.outputs)), e.run();
+  function y(i, f, c, b) {
+    var k;
+    const d = e.pseudoToNative(i), _ = e.pseudoToNative(f), w = e.pseudoToNative(c), v = { outputs: [] };
+    (k = t.eventBus) == null || k.emit(`callMethod@${d}`, { name: _, inputs: w, result: v }), b(e.nativeToPseudo(v.outputs)), e.run();
   }
-  function b(i, d, h) {
-    const m = e.pseudoToNative(i), u = e.pseudoToNative(d);
-    wn({ title: m, text: u }).then((g) => {
-      h(e.nativeToPseudo(g)), e.run();
+  function m(i, f, c) {
+    const b = e.pseudoToNative(i), d = e.pseudoToNative(f);
+    Ln({ title: b, text: d }).then((_) => {
+      c(e.nativeToPseudo(_)), e.run();
     });
   }
-  function o(i, d, h, m) {
-    const u = e.pseudoToNative(i), g = e.pseudoToNative(d), w = e.pseudoToNative(h);
-    Cn({ title: u, label: g, value: w }).then((p) => {
-      m(e.nativeToPseudo(p)), e.run();
+  function r(i, f, c, b) {
+    const d = e.pseudoToNative(i), _ = e.pseudoToNative(f), w = e.pseudoToNative(c);
+    En({ title: d, label: _, value: w }).then((v) => {
+      b(e.nativeToPseudo(v)), e.run();
     });
   }
   e.setProperty(
     n,
     "__addNodeV1__",
-    e.createNativeFunction(r)
+    e.createNativeFunction(l)
   ), e.setProperty(
     n,
     "__deleteNodeV1__",
-    e.createNativeFunction(a)
+    e.createNativeFunction(s)
   ), e.setProperty(
     n,
     "__getNodePropV1__",
-    e.createNativeFunction(s)
+    e.createNativeFunction(u)
   ), e.setProperty(
     n,
     "__setNodePropV1__",
-    e.createNativeFunction(f)
+    e.createNativeFunction(p)
   ), e.setProperty(
     n,
     "__callNodeMethodV1__",
@@ -862,17 +862,17 @@ function to(t, e, n) {
   ), e.setProperty(
     n,
     "__openConfirmDlgV1__",
-    e.createAsyncFunction(b)
+    e.createAsyncFunction(m)
   ), e.setProperty(
     n,
     "__openPromptDlgV1__",
-    e.createAsyncFunction(o)
+    e.createAsyncFunction(r)
   );
 }
-function no(t, e, n) {
-  Gi(e, n), Qi(e, n), to(t, e, n);
+function mo(t, e, n) {
+  ro(e, n), ao(e, n), co(t, e, n);
 }
-const io = `
+const po = `
 var __env__ = 'dev'
 
 function __getEnvV1__() {
@@ -881,7 +881,7 @@ function __getEnvV1__() {
 
 var __pointerPosX__ = 0
 var __pointerPosY__ = 0
-`, oo = `
+`, fo = `
 var __events__ = {}
 
 function __addEventListenerV1__(id, event, callback) {
@@ -952,7 +952,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)
   }
 }
-`, lo = `
+`, bo = `
 var __timers__ = {}
 var __currTimerId__ = 0
 
@@ -994,15 +994,15 @@ function __timeoutCallbackV1__(timerId) {
     }
   }
 }
-`, ro = `
+`, yo = `
 function __destroy__() {
 }
-`, so = io + oo + lo + ro;
-function sn(t, e) {
-  const n = new Wn(
-    so,
-    (l, r) => {
-      no(t, l, r);
+`, vo = po + fo + bo + yo;
+function fn(t, e) {
+  const n = new jn(
+    vo,
+    (o, l) => {
+      mo(t, o, l);
     }
   );
   return n.appendCode(e), n.appendCode(`
@@ -1010,38 +1010,38 @@ __env__ = '${t.env}';
 __triggerEvent__('globality', 'startup');
   `), n.run(), n;
 }
-function an(t) {
+function bn(t) {
   t.appendCode("__destroy__();"), t.run();
 }
-function lr(t, e, n, l, r) {
-  let a = t;
-  for (let f = 0; f < e.length; f++)
-    if (a = a.children[e[f]], !a) {
+function Vr(t, e, n, o, l) {
+  let s = t;
+  for (let p = 0; p < e.length; p++)
+    if (s = s.children[e[p]], !s) {
       console.assert(!1, `unpkg context failed parentKeys=${e}`);
       return;
     }
-  let s = a.children[n];
-  s ? s.dataSeq !== l && (s = {
-    dataSeq: l,
-    data: L(r),
+  let u = s.children[n];
+  u ? u.dataSeq !== o && (u = {
+    dataSeq: o,
+    data: W(l),
     children: {}
-  }) : (s = {
-    dataSeq: l,
-    data: L(r),
+  }) : (u = {
+    dataSeq: o,
+    data: W(l),
     children: {}
-  }, a.children[n] = s);
+  }, s.children[n] = u);
 }
-const rr = [
+const Sr = [
   "string",
   "number",
   "boolean",
   "list",
   "object"
 ];
-function un() {
-  return Dn();
+function yn() {
+  return Kn();
 }
-const ao = /* @__PURE__ */ I({
+const xo = /* @__PURE__ */ T({
   __name: "index",
   props: {
     id: {},
@@ -1050,763 +1050,1010 @@ const ao = /* @__PURE__ */ I({
     outer: { type: Boolean }
   },
   setup(t) {
-    const { t: e } = Rt(), n = t, l = tn(), r = P(), a = K(), s = U(), f = Z(), y = nn(), b = Q(-1), o = Q(), i = {};
-    on(i);
-    const d = () => {
-      i.eventBus && (i.eventBus = void 0), i.interpreter && (an(i.interpreter), i.interpreter = void 0);
+    const { t: e } = Ut(), n = t, o = un(), l = L(), s = U(), u = Z(), p = q(), y = cn(), m = Q(-1), r = Q(), i = {};
+    dn(i);
+    const f = () => {
+      i.eventBus && (i.eventBus = void 0), i.interpreter && (bn(i.interpreter), i.interpreter = void 0);
     };
-    Nt(() => {
+    Dt(() => {
       if (!n.refContext.refid) {
-        b.value = -1, o.value = void 0, d();
+        m.value = -1, r.value = void 0, f();
         return;
       }
-      const x = y.value[n.refContext.refid];
-      if (!x) {
-        b.value = -1, o.value = null, d(), Ze.emit("compNotAvail", n.refContext.refid);
+      const h = y.value[n.refContext.refid];
+      if (!h) {
+        m.value = -1, r.value = null, f(), Ye.emit("compNotAvail", n.refContext.refid);
         return;
       }
-      if (b.value === x.dataSeq || (b.value = x.dataSeq, o.value = L(x.data), r !== "runtime"))
+      if (m.value === h.dataSeq || (m.value = h.dataSeq, r.value = W(h.data), l !== "runtime"))
         return;
-      d();
-      const v = o.value, S = v.code.script;
+      f();
+      const x = r.value, S = x.code.script;
       if (S) {
-        const N = un();
-        i.eventBus = N, i.interpreter = sn(
-          { env: l, type: s, data: v, eventBus: N },
+        const P = yn();
+        i.eventBus = P, i.interpreter = fn(
+          { env: o, type: u, data: x, eventBus: P },
           S
         );
       }
     }), se(() => {
-      d();
+      f();
     });
-    const { applySize: h } = J(r, a, n), m = c(() => {
-      const x = {}, v = f.value.type;
-      return s === "page" ? v === "common" ? h(x) : console.assert(!1) : s === "comp" && v === "common" ? h(x) : console.assert(!1), x;
+    const { applySize: c } = J(l, s, n), b = a(() => {
+      const h = {}, x = p.value.type;
+      return u === "page" ? x === "common" ? c(h) : console.assert(!1) : u === "comp" && x === "common" ? c(h) : console.assert(!1), h;
     });
-    function u(x) {
-      const v = tt[f.value.version].refKey, S = q[v];
-      return S ? $(S.comp, {
+    function d(h) {
+      const x = lt[p.value.version].refKey, S = Y[x];
+      return S ? E(S.comp, {
         refContext: {
           parent: n.refContext,
-          refid: x.ref.id
+          refid: h.ref.id
         },
-        node: x
-      }) : (console.assert(!1, `ref element not found key=${v}`), $("div", `ref element not found key=${v}`));
+        node: h
+      }) : (console.assert(!1, `ref element not found key=${x}`), E("div", `ref element not found key=${x}`));
     }
-    function g(x) {
-      var N;
-      const v = q[x.basic.key];
-      if (!v)
-        return console.assert(!1, `element not found key=${x.basic.key}`), $("div", `element not found key=${x.basic.key}`);
+    function _(h) {
+      var P;
+      const x = Y[h.basic.key];
+      if (!x)
+        return console.assert(!1, `element not found key=${h.basic.key}`), E("div", `element not found key=${h.basic.key}`);
       const S = [];
-      return v.slots.some((W) => W.key === "default") && ((N = x.children) == null || N.forEach((W) => {
-        const C = w(W);
-        S.push(C);
-      })), $(v.comp, { node: x }, { default: () => S });
-    }
-    function w(x) {
-      return x.ref ? u(x) : g(x);
-    }
-    function p() {
-      let x = n.refContext.parent;
-      for (; x; ) {
-        if (x.refid === n.refContext.refid)
+      return x.slots.some((B) => B.key === "default") && ((P = h.children) == null || P.forEach((B) => {
+        const V = w(B);
+        S.push(V);
+      })), E(x.comp, { node: h }, { default: () => S });
+    }
+    function w(h) {
+      return h.ref ? d(h) : _(h);
+    }
+    function v() {
+      let h = n.refContext.parent;
+      for (; h; ) {
+        if (h.refid === n.refContext.refid)
           return !0;
-        x = x.parent;
+        h = h.parent;
       }
       return !1;
     }
-    const _ = () => {
-      if (p())
-        return $("div", { id: n.id }, e("x-runtime-lib.circularRef"));
-      if (!o.value)
-        return o.value === void 0 ? $("div", { id: n.id }) : $("div", { id: n.id }, e("x-runtime-lib.compNotAvail"));
-      const x = o.value.type;
-      if (x === "common") {
-        const v = [];
-        return o.value.view.nodes.forEach((S) => {
-          v.push(w(S));
-        }), $("div", { id: n.id, style: m.value }, v);
+    const k = () => {
+      if (v())
+        return E("div", { id: n.id }, e("x-runtime-lib.circularRef"));
+      if (!r.value)
+        return r.value === void 0 ? E("div", { id: n.id }) : E("div", { id: n.id }, e("x-runtime-lib.compNotAvail"));
+      const h = r.value.type;
+      if (h === "common") {
+        const x = [];
+        return r.value.view.nodes.forEach((S) => {
+          x.push(w(S));
+        }), E("div", { id: n.id, style: b.value }, x);
       } else
-        return console.assert(!1, `invalid subtype=${x}`), $("div", { id: n.id }, `invalid subtype=${x}`);
+        return console.assert(!1, `invalid subtype=${h}`), E("div", { id: n.id }, `invalid subtype=${h}`);
     };
-    return (x, v) => (V(), A(_));
+    return (h, x) => (C(), I(k));
   }
-}), F = /* @__PURE__ */ I({
+}), O = /* @__PURE__ */ T({
   __name: "index",
   props: {
     refContext: {},
     state: {}
   },
   setup(t) {
-    const { t: e } = Rt(), n = t, l = tn(), r = P(), a = U(), s = Z(), f = nn(), y = Q(-1), b = Q(), o = {};
-    on(o);
+    const { t: e } = Ut(), n = t, o = un(), l = L(), s = Z(), u = q(), p = cn(), y = Q(-1), m = Q(), r = {};
+    dn(r);
     const i = () => {
-      o.eventBus && (o.eventBus = void 0), o.interpreter && (an(o.interpreter), o.interpreter = void 0);
+      r.eventBus && (r.eventBus = void 0), r.interpreter && (bn(r.interpreter), r.interpreter = void 0);
     };
-    Nt(() => {
+    Dt(() => {
       if (!n.refContext.refid) {
-        y.value = -1, b.value = void 0, i();
+        y.value = -1, m.value = void 0, i();
         return;
       }
-      const p = f.value[n.refContext.refid];
-      if (!p) {
-        y.value = -1, b.value = null, i(), Ze.emit("compNotAvail", n.refContext.refid);
+      const v = p.value[n.refContext.refid];
+      if (!v) {
+        y.value = -1, m.value = null, i(), Ye.emit("compNotAvail", n.refContext.refid);
         return;
       }
-      if (y.value === p.dataSeq || (y.value = p.dataSeq, b.value = L(p.data), r !== "runtime"))
+      if (y.value === v.dataSeq || (y.value = v.dataSeq, m.value = W(v.data), l !== "runtime"))
         return;
       i();
-      const _ = b.value, x = _.code.script;
-      if (x) {
-        const v = un();
-        o.eventBus = v, o.interpreter = sn(
-          { env: l, type: a, data: _, eventBus: v },
-          x
+      const k = m.value, h = k.code.script;
+      if (h) {
+        const x = yn();
+        r.eventBus = x, r.interpreter = fn(
+          { env: o, type: s, data: k, eventBus: x },
+          h
         );
       }
     }), se(() => {
       i();
     });
-    const d = () => {
+    const f = () => {
       console.log("triggerUpdate");
     };
-    Y(
+    X(
       () => n.state,
       () => {
-        d();
+        f();
       },
       { deep: !0, immediate: !0 }
     );
-    function h(p) {
-      const _ = tt[s.value.version].refKey, x = q[_];
-      return x ? $(x.comp, {
+    function c(v) {
+      const k = lt[u.value.version].refKey, h = Y[k];
+      return h ? E(h.comp, {
         refContext: {
           parent: n.refContext,
-          refid: p.ref.id
+          refid: v.ref.id
         },
-        node: p
-      }) : (console.assert(!1, `ref element not found key=${_}`), $("div", `ref element not found key=${_}`));
+        node: v
+      }) : (console.assert(!1, `ref element not found key=${k}`), E("div", `ref element not found key=${k}`));
     }
-    function m(p) {
-      var v;
-      const _ = q[p.basic.key];
-      if (!_)
-        return console.assert(!1, `element not found key=${p.basic.key}`), $("div", `element not found key=${p.basic.key}`);
-      const x = [];
-      return _.slots.some((S) => S.key === "default") && ((v = p.children) == null || v.forEach((S) => {
-        x.push(u(S));
-      })), $(_.comp, { node: p }, { default: () => x });
-    }
-    function u(p) {
-      return p.ref ? h(p) : m(p);
-    }
-    function g() {
-      let p = n.refContext.parent;
-      for (; p; ) {
-        if (p.refid === n.refContext.refid)
+    function b(v) {
+      var x;
+      const k = Y[v.basic.key];
+      if (!k)
+        return console.assert(!1, `element not found key=${v.basic.key}`), E("div", `element not found key=${v.basic.key}`);
+      const h = [];
+      return k.slots.some((S) => S.key === "default") && ((x = v.children) == null || x.forEach((S) => {
+        h.push(d(S));
+      })), E(k.comp, { node: v }, { default: () => h });
+    }
+    function d(v) {
+      return v.ref ? c(v) : b(v);
+    }
+    function _() {
+      let v = n.refContext.parent;
+      for (; v; ) {
+        if (v.refid === n.refContext.refid)
           return !0;
-        p = p.parent;
+        v = v.parent;
       }
       return !1;
     }
     const w = () => {
-      if (g())
-        return $("div", e("x-runtime-lib.circularRef"));
-      if (!b.value)
-        return b.value === void 0 ? $("div") : $("div", e("x-runtime-lib.compNotAvail"));
-      const p = b.value.type;
-      if (p === "common") {
-        const _ = [];
-        return b.value.view.nodes.forEach((x) => {
-          _.push(u(x));
-        }), _;
+      if (_())
+        return E("div", e("x-runtime-lib.circularRef"));
+      if (!m.value)
+        return m.value === void 0 ? E("div") : E("div", e("x-runtime-lib.compNotAvail"));
+      const v = m.value.type;
+      if (v === "common") {
+        const k = [];
+        return m.value.view.nodes.forEach((h) => {
+          k.push(d(h));
+        }), k;
       } else
-        return console.assert(!1, `invalid subtype=${p}`), $("div", `invalid subtype=${p}`);
+        return console.assert(!1, `invalid subtype=${v}`), E("div", `invalid subtype=${v}`);
     };
-    return (p, _) => (V(), A(w));
+    return (v, k) => (C(), I(w));
   }
-}), uo = /* @__PURE__ */ I({
+}), ue = (t, e) => {
+  const n = t.__vccOpts || t;
+  for (const [o, l] of e)
+    n[o] = l;
+  return n;
+}, ho = {};
+function go(t, e) {
+  const n = N("v-badge");
+  return C(), I(n, null, {
+    default: A(() => [
+      M(t.$slots, "default")
+    ]),
+    _: 3
+  });
+}
+const _o = /* @__PURE__ */ ue(ho, [["render", go]]), ko = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = P(), l = M(), r = xe(), a = c(() => {
-      var m;
-      return (m = e.node.settings) == null ? void 0 : m.text;
-    }), s = c(() => {
-      var m;
-      return (m = e.node.settings) == null ? void 0 : m.disabled;
-    }), f = c(() => {
-      var m;
-      return (m = e.node.settings) == null ? void 0 : m.variant;
-    }), y = c(() => {
-      var m;
-      return (m = e.node.settings) == null ? void 0 : m.density;
-    }), b = c(() => {
-      var m;
-      return (m = e.node.settings) == null ? void 0 : m.block;
-    }), o = c(() => l.value ? "dark" : "light"), i = c(() => {
-      var m;
-      return (m = e.node.settings) == null ? void 0 : m.color;
-    }), { color: d } = ae(l, i), h = (m) => {
+    const e = t, n = L(), o = F(), l = xe(), s = a(() => {
+      var b;
+      return (b = e.node.settings) == null ? void 0 : b.block;
+    }), u = a(() => {
+      var b;
+      return (b = e.node.settings) == null ? void 0 : b.color;
+    }), { color: p } = ae(o, u), y = a(() => {
+      var b;
+      return (b = e.node.settings) == null ? void 0 : b.density;
+    }), m = a(() => {
+      var b;
+      return (b = e.node.settings) == null ? void 0 : b.disabled;
+    }), r = a(() => {
+      var b;
+      return (b = e.node.settings) == null ? void 0 : b.text;
+    }), i = a(() => o.value ? "dark" : "light"), f = a(() => {
+      var b;
+      return (b = e.node.settings) == null ? void 0 : b.variant;
+    }), c = (b) => {
       if (n !== "runtime")
         return;
-      const u = r.interpreter;
-      if (!u)
+      const d = l.interpreter;
+      if (!d)
         return;
-      const g = u.nativeToPseudo(m.clientX), w = u.nativeToPseudo(m.clientY), p = u.nativeToPseudo(e.node.basic.id);
-      u.appendCode(`__pointerPosX__ = ${g};`), u.appendCode(`__pointerPosY__ = ${w};`), u.appendCode(`__triggerEvent__('${p}', 'click');`), u.run();
+      const _ = d.nativeToPseudo(b.clientX), w = d.nativeToPseudo(b.clientY), v = d.nativeToPseudo(e.node.basic.id);
+      d.appendCode(`__pointerPosX__ = ${_};`), d.appendCode(`__pointerPosY__ = ${w};`), d.appendCode(`__triggerEvent__('${v}', 'click');`), d.run();
     };
-    return (m, u) => {
-      const g = z("v-btn");
-      return V(), A(g, {
-        text: a.value,
-        disabled: s.value,
-        variant: f.value,
+    return (b, d) => {
+      const _ = N("v-btn");
+      return C(), I(_, {
+        block: s.value,
+        color: H(p),
         density: y.value,
-        color: H(d),
-        block: b.value,
-        theme: o.value,
-        onClick: h
-      }, null, 8, ["text", "disabled", "variant", "density", "color", "block", "theme"]);
+        disabled: m.value,
+        text: r.value,
+        theme: i.value,
+        variant: f.value,
+        onClick: c
+      }, null, 8, ["block", "color", "density", "disabled", "text", "theme", "variant"]);
     };
   }
-}), ue = (t, e) => {
-  const n = t.__vccOpts || t;
-  for (const [l, r] of e)
-    n[l] = r;
-  return n;
-}, co = {};
-function mo(t, e) {
-  const n = z("v-card");
-  return V(), A(n, null, {
-    default: E(() => [
-      G(t.$slots, "default")
+}), Co = {};
+function wo(t, e) {
+  const n = N("v-card");
+  return C(), I(n, null, {
+    default: A(() => [
+      M(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const fo = /* @__PURE__ */ ue(co, [["render", mo]]), po = { key: 0 }, bo = /* @__PURE__ */ I({
+const Vo = /* @__PURE__ */ ue(Co, [["render", wo]]), So = { key: 0 }, $o = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = P(), l = M(), r = c(() => {
+    const e = t, n = L(), o = F(), l = a(() => {
       var i;
-      return (i = e.node.settings) == null ? void 0 : i.value;
-    }), a = c(() => {
+      return (i = e.node.settings) == null ? void 0 : i.hideDetails;
+    }), s = a(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.label;
-    }), s = c(() => {
+    }), u = a(() => {
+      var i;
+      return (i = e.node.settings) == null ? void 0 : i.value;
+    }), p = a(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.placeholder;
-    }), f = c(() => {
+    }), y = a(() => {
       var i;
-      return (i = e.node.settings) == null ? void 0 : i.hideDetails;
-    }), y = c(() => {
+      return n !== "runtime" ? !0 : (i = e.node.settings) == null ? void 0 : i.readonly;
+    }), m = a(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.singleLine;
-    }), b = c(() => {
-      var i;
-      return n !== "runtime" ? !0 : (i = e.node.settings) == null ? void 0 : i.readonly;
-    }), o = c(() => l.value ? "dark" : "light");
-    return (i, d) => {
-      const h = z("v-combobox");
-      return H(n) === "editor" ? (V(), R("div", po, [
-        B(h, {
-          "model-value": r.value,
-          label: a.value,
-          placeholder: s.value,
-          "hide-details": f.value,
-          "single-line": y.value,
-          readonly: b.value,
-          theme: o.value
-        }, null, 8, ["model-value", "label", "placeholder", "hide-details", "single-line", "readonly", "theme"])
-      ])) : (V(), A(h, {
+    }), r = a(() => o.value ? "dark" : "light");
+    return (i, f) => {
+      const c = N("v-combobox");
+      return H(n) === "editor" ? (C(), R("div", So, [
+        D(c, {
+          "hide-details": l.value,
+          label: s.value,
+          "model-value": u.value,
+          placeholder: p.value,
+          readonly: y.value,
+          "single-line": m.value,
+          theme: r.value
+        }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"])
+      ])) : (C(), I(c, {
         key: 1,
-        "model-value": r.value,
-        label: a.value,
-        placeholder: s.value,
-        "hide-details": f.value,
-        "single-line": y.value,
-        readonly: b.value,
-        theme: o.value
-      }, null, 8, ["model-value", "label", "placeholder", "hide-details", "single-line", "readonly", "theme"]));
+        "hide-details": l.value,
+        label: s.value,
+        "model-value": u.value,
+        placeholder: p.value,
+        readonly: y.value,
+        "single-line": m.value,
+        theme: r.value
+      }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"]));
     };
   }
-}), yo = /* @__PURE__ */ I({
+}), To = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = P(), l = K(), r = M(), a = U(), s = Z(), { applySize: f } = J(n, l, e), { applyMargin: y } = Ye(e), { applyPadding: b } = qe(e), { applyBorder: o } = Xe(r, e), i = c(() => {
-      var m;
-      return (m = e.node.settings) == null ? void 0 : m.backgroundColor;
-    }), { color: d } = ae(r, i), h = c(() => {
-      const m = {}, u = s.value.type;
-      return a === "page" ? u === "common" ? (f(m), y(m), b(m), o(m), d.value && (m.backgroundColor = d.value)) : console.assert(!1) : a === "comp" && u === "common" ? (f(m), y(m), b(m), o(m), d.value && (m.backgroundColor = d.value)) : console.assert(!1), m;
+    const e = t, n = L(), o = U(), l = F(), s = Z(), u = q(), { applySize: p } = J(n, o, e), { applyMargin: y } = Qe(e), { applyPadding: m } = et(e), { applyBorder: r } = Je(l, e), i = a(() => {
+      var b;
+      return (b = e.node.settings) == null ? void 0 : b.backgroundColor;
+    }), { color: f } = ae(l, i), c = a(() => {
+      const b = {}, d = u.value.type;
+      return s === "page" ? d === "common" ? (p(b), y(b), m(b), r(b), f.value && (b.backgroundColor = f.value)) : console.assert(!1) : s === "comp" && d === "common" ? (p(b), y(b), m(b), r(b), f.value && (b.backgroundColor = f.value)) : console.assert(!1), b;
     });
-    return (m, u) => (V(), R("div", {
-      style: oe(h.value)
+    return (b, d) => (C(), R("div", {
+      style: oe(c.value)
     }, [
-      G(m.$slots, "default")
+      M(b.$slots, "default")
     ], 4));
   }
-}), vo = /* @__PURE__ */ I({
+}), Io = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = M(), l = c(() => {
-      var u;
-      return (u = e.node.size) == null ? void 0 : u.width;
-    }), r = c(() => {
-      var u;
-      return (u = e.node.size) == null ? void 0 : u.height;
-    }), a = c(() => {
-      var u;
-      return (u = e.node.settings) == null ? void 0 : u.headers;
-    }), s = c(() => {
-      var g;
-      const u = (g = e.node.settings) == null ? void 0 : g.data;
-      return typeof u == "string" ? JSON.parse(u) : u;
-    }), f = c(() => {
-      var u;
-      return (u = e.node.settings) == null ? void 0 : u.density;
-    }), y = c(() => {
-      var u;
-      return (u = e.node.settings) == null ? void 0 : u.hover;
-    }), b = c(() => {
-      var u;
-      return (u = e.node.settings) == null ? void 0 : u.fixedHeader;
-    }), o = c(() => {
-      var u;
-      return (u = e.node.settings) == null ? void 0 : u.fixedFooter;
-    }), i = c(() => {
-      var u;
-      return (u = e.node.settings) == null ? void 0 : u.loading;
-    }), d = c(() => {
-      var u;
-      return (u = e.node.settings) == null ? void 0 : u.multiSort;
-    }), h = c(() => n.value ? "dark" : "light"), m = c(() => {
+    const e = t, n = F(), o = a(() => {
+      var d;
+      return (d = e.node.settings) == null ? void 0 : d.density;
+    }), l = a(() => {
+      var d;
+      return (d = e.node.settings) == null ? void 0 : d.fixedFooter;
+    }), s = a(() => {
+      var d;
+      return (d = e.node.settings) == null ? void 0 : d.fixedHeader;
+    }), u = a(() => {
+      var d;
+      return (d = e.node.settings) == null ? void 0 : d.headers;
+    }), p = a(() => {
+      var d;
+      return (d = e.node.size) == null ? void 0 : d.height;
+    }), y = a(() => {
+      var d;
+      return (d = e.node.settings) == null ? void 0 : d.hover;
+    }), m = a(() => {
+      var _;
+      const d = (_ = e.node.settings) == null ? void 0 : _.data;
+      return typeof d == "string" ? JSON.parse(d) : d;
+    }), r = a(() => {
+      var d;
+      return (d = e.node.settings) == null ? void 0 : d.loading;
+    }), i = a(() => {
+      var d;
+      return (d = e.node.settings) == null ? void 0 : d.multiSort;
+    }), f = a(() => n.value ? "dark" : "light"), c = a(() => {
+      var d;
+      return (d = e.node.size) == null ? void 0 : d.width;
+    }), b = a(() => {
       var w;
-      const u = [];
-      return (((w = e.node.slots) == null ? void 0 : w.items) ?? []).forEach((p) => {
-        p.column && p.comp && u.push(p);
-      }), u;
+      const d = [];
+      return (((w = e.node.slots) == null ? void 0 : w.items) ?? []).forEach((v) => {
+        v.column && v.comp && d.push(v);
+      }), d;
     });
-    return (u, g) => {
-      const w = z("v-data-table");
-      return V(), A(w, {
-        width: l.value,
-        height: r.value,
-        headers: a.value,
-        items: s.value,
-        density: f.value,
+    return (d, _) => {
+      const w = N("v-data-table");
+      return C(), I(w, {
+        density: o.value,
+        "fixed-header": s.value,
+        "fixed-footer": l.value,
+        headers: u.value,
+        height: p.value,
         hover: y.value,
-        "fixed-header": b.value,
-        "fixed-footer": o.value,
-        loading: i.value,
-        "multi-sort": d.value,
-        theme: h.value
+        items: m.value,
+        loading: r.value,
+        "multi-sort": i.value,
+        theme: f.value,
+        width: c.value
       }, _e({ _: 2 }, [
-        bn(m.value, (p) => ({
-          name: `item.${p.column}`,
-          fn: E(({ value: _ }) => [
-            B(F, {
-              "ref-context": { refid: p.comp },
-              state: { value: _ }
+        wn(b.value, (v) => ({
+          name: `item.${v.column}`,
+          fn: A(({ value: k }) => [
+            D(O, {
+              "ref-context": { refid: v.comp },
+              state: { value: k }
             }, null, 8, ["ref-context", "state"])
           ])
         }))
-      ]), 1032, ["width", "height", "headers", "items", "density", "hover", "fixed-header", "fixed-footer", "loading", "multi-sort", "theme"]);
+      ]), 1032, ["density", "fixed-header", "fixed-footer", "headers", "height", "hover", "items", "loading", "multi-sort", "theme", "width"]);
     };
   }
-}), xo = ["id"], ho = /* @__PURE__ */ I({
+}), No = ["id"], Ao = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = P(), l = xe(), r = c(() => {
-      var f;
-      return (f = e.node.basic) == null ? void 0 : f.id;
-    }), { open: a } = Dt(`runtimeDlg/${At()}`);
-    return ln(l, e, (f) => {
-      if (n !== "runtime" || !l.interpreter)
+    const e = t, n = L(), o = xe(), l = a(() => {
+      var p;
+      return (p = e.node.basic) == null ? void 0 : p.id;
+    }), { open: s } = Ot(`runtimeDlg/${zt()}`);
+    return mn(o, e, (p) => {
+      if (n !== "runtime" || !o.interpreter)
         return;
-      const { name: b } = f;
-      b === "open" ? a.value = !0 : b === "close" && (a.value = !1);
-    }), (f, y) => {
-      const b = z("v-dialog");
-      return V(), A(b, {
-        modelValue: H(a),
-        "onUpdate:modelValue": y[0] || (y[0] = (o) => Et(a) ? a.value = o : null),
+      const { name: m } = p;
+      m === "open" ? s.value = !0 : m === "close" && (s.value = !1);
+    }), (p, y) => {
+      const m = N("v-dialog");
+      return C(), I(m, {
+        modelValue: H(s),
+        "onUpdate:modelValue": y[0] || (y[0] = (r) => Rt(s) ? s.value = r : null),
         attach: "#dialogContainer"
       }, {
-        activator: E(() => [
-          H(n) === "editor" ? (V(), R("div", {
+        activator: A(() => [
+          H(n) === "editor" ? (C(), R("div", {
             key: 0,
-            id: `__node__@${r.value}`
-          }, null, 8, xo)) : Lt("", !0)
+            id: `__node__@${l.value}`
+          }, null, 8, No)) : Mt("", !0)
         ]),
-        default: E(() => [
-          G(f.$slots, "default")
+        default: A(() => [
+          M(p.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue"]);
     };
   }
-}), go = /* @__PURE__ */ I({
+}), Lo = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = P(), l = K(), r = M(), a = U(), s = Z(), { applySize: f } = J(n, l, e), { applyMargin: y } = Ye(e), { applyPadding: b } = qe(e), { applyBorder: o } = Xe(r, e), i = c(() => {
-      var u;
-      return (u = e.node.settings) == null ? void 0 : u.backgroundColor;
-    }), { color: d } = ae(r, i), h = (u) => {
-      var v, S, N, W;
-      d.value && (u.backgroundColor = d.value), u.display = "flex";
-      const g = Ut(l.value.width), w = le(g, (v = e.node.settings) == null ? void 0 : v.direction);
-      w === "row" ? u.flexDirection = "row" : w === "rowReverse" ? u.flexDirection = "row-reverse" : w === "column" ? u.flexDirection = "column" : w === "columnReverse" && (u.flexDirection = "column-reverse");
-      const p = le(g, (S = e.node.settings) == null ? void 0 : S.wrap);
-      p === "no" ? u.flexWrap = "nowrap" : p === "yes" ? u.flexWrap = "wrap" : p === "reverse" && (u.flexWrap = "wrap-reverse");
-      const _ = le(g, (N = e.node.settings) == null ? void 0 : N.mainAlign);
-      _ === "start" ? u.justifyContent = "flex-start" : _ === "end" ? u.justifyContent = "flex-end" : _ === "center" ? u.justifyContent = "center" : _ === "spaceBetween" ? u.justifyContent = "space-between" : _ === "spaceAround" ? u.justifyContent = "space-around" : _ === "spaceEvenly" && (u.justifyContent = "space-evenly");
-      const x = le(g, (W = e.node.settings) == null ? void 0 : W.crossAlign);
-      x === "start" ? u.alignItems = "flex-start" : x === "end" ? u.alignItems = "flex-end" : x === "center" ? u.alignItems = "center" : x === "baseline" ? u.alignItems = "baseline" : x === "stretch" && (u.alignItems = "stretch");
-    }, m = c(() => {
-      const u = {}, g = s.value.type;
-      return a === "page" ? g === "common" ? (f(u), y(u), b(u), o(u), h(u)) : console.assert(!1) : a === "comp" && g === "common" ? (f(u), y(u), b(u), o(u), h(u)) : console.assert(!1), u;
+    const e = t, n = L(), o = a(() => {
+      var c;
+      return (c = e.node.settings) == null ? void 0 : c.chips;
+    }), l = a(() => {
+      var c;
+      return (c = e.node.settings) == null ? void 0 : c.density;
+    }), s = a(() => {
+      var c;
+      return (c = e.node.settings) == null ? void 0 : c.direction;
+    }), u = a(() => {
+      var c;
+      return (c = e.node.settings) == null ? void 0 : c.disabled;
+    }), p = a(() => {
+      var c;
+      return (c = e.node.settings) == null ? void 0 : c.label;
+    }), y = a(() => {
+      var c;
+      return (c = e.node.settings) == null ? void 0 : c.loading;
+    }), m = a(() => {
+      var c;
+      return (c = e.node.settings) == null ? void 0 : c.multiple;
+    }), r = a(() => {
+      var c;
+      return n !== "runtime" ? !0 : (c = e.node.settings) == null ? void 0 : c.readonly;
+    }), i = a(() => {
+      var c;
+      return (c = e.node.settings) == null ? void 0 : c.reverse;
+    }), f = a(() => {
+      var c;
+      return (c = e.node.settings) == null ? void 0 : c.singleLine;
     });
-    return (u, g) => (V(), R("div", {
-      style: oe(m.value)
+    return (c, b) => {
+      const d = N("v-file-input");
+      return C(), I(d, {
+        chips: o.value,
+        density: l.value,
+        direction: s.value,
+        disabled: u.value,
+        label: p.value,
+        loading: y.value,
+        multiple: m.value,
+        readonly: r.value,
+        reverse: i.value,
+        "single-line": f.value
+      }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"]);
+    };
+  }
+}), Eo = /* @__PURE__ */ T({
+  __name: "index",
+  props: {
+    node: {},
+    outer: { type: Boolean }
+  },
+  setup(t) {
+    const e = t, n = L(), o = U(), l = F(), s = Z(), u = q(), { applySize: p } = J(n, o, e), { applyMargin: y } = Qe(e), { applyPadding: m } = et(e), { applyBorder: r } = Je(l, e), i = a(() => {
+      var d;
+      return (d = e.node.settings) == null ? void 0 : d.backgroundColor;
+    }), { color: f } = ae(l, i), c = (d) => {
+      var x, S, P, B;
+      f.value && (d.backgroundColor = f.value), d.display = "flex";
+      const _ = Qt(o.value.width), w = le(_, (x = e.node.settings) == null ? void 0 : x.direction);
+      w === "row" ? d.flexDirection = "row" : w === "rowReverse" ? d.flexDirection = "row-reverse" : w === "column" ? d.flexDirection = "column" : w === "columnReverse" && (d.flexDirection = "column-reverse");
+      const v = le(_, (S = e.node.settings) == null ? void 0 : S.wrap);
+      v === "no" ? d.flexWrap = "nowrap" : v === "yes" ? d.flexWrap = "wrap" : v === "reverse" && (d.flexWrap = "wrap-reverse");
+      const k = le(_, (P = e.node.settings) == null ? void 0 : P.mainAlign);
+      k === "start" ? d.justifyContent = "flex-start" : k === "end" ? d.justifyContent = "flex-end" : k === "center" ? d.justifyContent = "center" : k === "spaceBetween" ? d.justifyContent = "space-between" : k === "spaceAround" ? d.justifyContent = "space-around" : k === "spaceEvenly" && (d.justifyContent = "space-evenly");
+      const h = le(_, (B = e.node.settings) == null ? void 0 : B.crossAlign);
+      h === "start" ? d.alignItems = "flex-start" : h === "end" ? d.alignItems = "flex-end" : h === "center" ? d.alignItems = "center" : h === "baseline" ? d.alignItems = "baseline" : h === "stretch" && (d.alignItems = "stretch");
+    }, b = a(() => {
+      const d = {}, _ = u.value.type;
+      return s === "page" ? _ === "common" ? (p(d), y(d), m(d), r(d), c(d)) : console.assert(!1) : s === "comp" && _ === "common" ? (p(d), y(d), m(d), r(d), c(d)) : console.assert(!1), d;
+    });
+    return (d, _) => (C(), R("div", {
+      style: oe(b.value)
     }, [
-      G(u.$slots, "default")
+      M(d.$slots, "default")
     ], 4));
   }
-}), _o = /* @__PURE__ */ I({
+}), Po = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = P(), l = K(), r = U(), a = Z(), { applySize: s } = J(n, l, e), f = c(() => {
-      var o;
-      return (o = e.node.settings) == null ? void 0 : o.grow;
-    }), y = c(() => {
-      var o;
-      return (o = e.node.settings) == null ? void 0 : o.shrink;
-    }), b = c(() => {
-      const o = {}, i = a.value.type;
-      return r === "page" ? i === "common" ? (s(o), o.flexGrow = f.value ? 1 : 0, o.flexShrink = y.value ? 1 : 0) : console.assert(!1) : r === "comp" && i === "common" ? (s(o), o.flexGrow = f.value ? 1 : 0, o.flexShrink = y.value ? 1 : 0) : console.assert(!1), o;
+    const e = t, n = L(), o = U(), l = Z(), s = q(), { applySize: u } = J(n, o, e), p = a(() => {
+      var r;
+      return (r = e.node.settings) == null ? void 0 : r.grow;
+    }), y = a(() => {
+      var r;
+      return (r = e.node.settings) == null ? void 0 : r.shrink;
+    }), m = a(() => {
+      const r = {}, i = s.value.type;
+      return l === "page" ? i === "common" ? (u(r), r.flexGrow = p.value ? 1 : 0, r.flexShrink = y.value ? 1 : 0) : console.assert(!1) : l === "comp" && i === "common" ? (u(r), r.flexGrow = p.value ? 1 : 0, r.flexShrink = y.value ? 1 : 0) : console.assert(!1), r;
     });
-    return (o, i) => (V(), R("div", {
-      style: oe(b.value)
+    return (r, i) => (C(), R("div", {
+      style: oe(m.value)
     }, [
-      G(o.$slots, "default")
+      M(r.$slots, "default")
     ], 4));
   }
-}), ko = /* @__PURE__ */ I({
+}), Wo = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = P(), l = K(), r = M(), a = U(), s = Z(), f = xe(), y = c({
+    const e = t, n = L(), o = U(), l = F(), s = Z(), u = q(), p = xe(), y = a({
       get: () => {
-        var p;
-        return (p = e.node.settings) == null ? void 0 : p.valid;
+        var v;
+        return (v = e.node.settings) == null ? void 0 : v.valid;
       },
-      set: (p) => {
-        e.node.settings && (e.node.settings.valid = !!p);
+      set: (v) => {
+        e.node.settings && (e.node.settings.valid = !!v);
       }
-    }), b = c(() => {
-      var p;
-      return (p = e.node.settings) == null ? void 0 : p.fastFail;
-    }), { applySize: o } = J(n, l, e), { applyMargin: i } = Ye(e), { applyPadding: d } = qe(e), { applyBorder: h } = Xe(r, e), m = c(() => {
-      var p;
-      return (p = e.node.settings) == null ? void 0 : p.backgroundColor;
-    }), { color: u } = ae(r, m), g = c(() => {
-      const p = {}, _ = s.value.type;
-      return a === "page" ? _ === "common" ? (o(p), i(p), d(p), h(p), u.value && (p.backgroundColor = u.value)) : console.assert(!1) : a === "comp" && _ === "common" ? (o(p), i(p), d(p), h(p), u.value && (p.backgroundColor = u.value)) : console.assert(!1), p;
+    }), m = a(() => {
+      var v;
+      return (v = e.node.settings) == null ? void 0 : v.fastFail;
+    }), { applySize: r } = J(n, o, e), { applyMargin: i } = Qe(e), { applyPadding: f } = et(e), { applyBorder: c } = Je(l, e), b = a(() => {
+      var v;
+      return (v = e.node.settings) == null ? void 0 : v.backgroundColor;
+    }), { color: d } = ae(l, b), _ = a(() => {
+      const v = {}, k = u.value.type;
+      return s === "page" ? k === "common" ? (r(v), i(v), f(v), c(v), d.value && (v.backgroundColor = d.value)) : console.assert(!1) : s === "comp" && k === "common" ? (r(v), i(v), f(v), c(v), d.value && (v.backgroundColor = d.value)) : console.assert(!1), v;
     }), w = () => {
       if (n !== "runtime")
         return;
-      const p = f.interpreter;
-      if (!p)
+      const v = p.interpreter;
+      if (!v)
         return;
-      const _ = p.nativeToPseudo(e.node.basic.id);
-      p.appendCode(`__triggerEvent__('${_}', 'submit')`), p.run();
+      const k = v.nativeToPseudo(e.node.basic.id);
+      v.appendCode(`__triggerEvent__('${k}', 'submit')`), v.run();
     };
-    return (p, _) => {
-      const x = z("v-form");
-      return V(), A(x, {
+    return (v, k) => {
+      const h = N("v-form");
+      return C(), I(h, {
         modelValue: y.value,
-        "onUpdate:modelValue": _[0] || (_[0] = (v) => y.value = v),
-        style: oe(g.value),
-        "fast-fail": b.value,
-        onSubmit: yn(w, ["prevent"])
+        "onUpdate:modelValue": k[0] || (k[0] = (x) => y.value = x),
+        style: oe(_.value),
+        "fast-fail": m.value,
+        onSubmit: Vn(w, ["prevent"])
       }, {
-        default: E(() => [
-          G(p.$slots, "default")
+        default: A(() => [
+          M(v.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "style", "fast-fail"]);
     };
   }
-}), wo = ["id"], Co = /* @__PURE__ */ I({
+}), Bo = ["id"], Do = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = P(), l = xe(), r = Q(0), a = Q(0), s = c(() => [r.value, a.value]), f = c(() => {
-      var o;
-      return (o = e.node.basic) == null ? void 0 : o.id;
-    }), { open: y } = Dt(`runtimeMenu/${At()}`);
-    return ln(l, e, (o) => {
+    const e = t, n = L(), o = xe(), l = Q(0), s = Q(0), u = a(() => [l.value, s.value]), p = a(() => {
+      var r;
+      return (r = e.node.basic) == null ? void 0 : r.id;
+    }), { open: y } = Ot(`runtimeMenu/${zt()}`);
+    return mn(o, e, (r) => {
       if (n !== "runtime")
         return;
-      const i = l.interpreter;
+      const i = o.interpreter;
       if (!i)
         return;
-      const { name: d } = o;
-      d === "open" ? (r.value = i.getProperty(i.globalObject, "__pointerPosX__"), a.value = i.getProperty(i.globalObject, "__pointerPosY__"), y.value = !0) : d === "close" && (y.value = !1);
-    }), (o, i) => {
-      const d = z("v-menu");
-      return V(), A(d, {
+      const { name: f } = r;
+      f === "open" ? (l.value = i.getProperty(i.globalObject, "__pointerPosX__"), s.value = i.getProperty(i.globalObject, "__pointerPosY__"), y.value = !0) : f === "close" && (y.value = !1);
+    }), (r, i) => {
+      const f = N("v-menu");
+      return C(), I(f, {
         modelValue: H(y),
-        "onUpdate:modelValue": i[0] || (i[0] = (h) => Et(y) ? y.value = h : null),
+        "onUpdate:modelValue": i[0] || (i[0] = (c) => Rt(y) ? y.value = c : null),
         "location-strategy": "connected",
-        target: s.value,
+        target: u.value,
         attach: "menuContainer",
         scrim: "transparent"
       }, {
-        activator: E(() => [
-          H(n) === "editor" ? (V(), R("div", {
+        activator: A(() => [
+          H(n) === "editor" ? (C(), R("div", {
             key: 0,
-            id: `__node__@${f.value}`
-          }, null, 8, wo)) : Lt("", !0)
+            id: `__node__@${p.value}`
+          }, null, 8, Bo)) : Mt("", !0)
         ]),
-        default: E(() => [
-          G(o.$slots, "default")
+        default: A(() => [
+          M(r.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "target"]);
     };
   }
-}), Vo = { key: 0 }, So = /* @__PURE__ */ I({
+}), zo = { key: 0 }, Ro = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = P(), l = M(), r = c(() => {
+    const e = t, n = L(), o = F(), l = a(() => {
       var i;
-      return (i = e.node.settings) == null ? void 0 : i.value;
-    }), a = c(() => {
+      return (i = e.node.settings) == null ? void 0 : i.hideDetails;
+    }), s = a(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.label;
-    }), s = c(() => {
+    }), u = a(() => {
+      var i;
+      return (i = e.node.settings) == null ? void 0 : i.value;
+    }), p = a(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.placeholder;
-    }), f = c(() => {
+    }), y = a(() => {
       var i;
-      return (i = e.node.settings) == null ? void 0 : i.hideDetails;
-    }), y = c(() => {
+      return n !== "runtime" ? !0 : (i = e.node.settings) == null ? void 0 : i.readonly;
+    }), m = a(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.singleLine;
-    }), b = c(() => {
+    }), r = a(() => o.value ? "dark" : "light");
+    return (i, f) => {
+      const c = N("v-number-input");
+      return H(n) === "editor" ? (C(), R("div", zo, [
+        D(c, {
+          "hide-details": l.value,
+          label: s.value,
+          "model-value": u.value,
+          placeholder: p.value,
+          readonly: y.value,
+          "single-line": m.value,
+          theme: r.value
+        }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"])
+      ])) : (C(), I(c, {
+        key: 1,
+        "hide-details": l.value,
+        label: s.value,
+        "model-value": u.value,
+        placeholder: p.value,
+        readonly: y.value,
+        "single-line": m.value,
+        theme: r.value
+      }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"]));
+    };
+  }
+}), Mo = /* @__PURE__ */ T({
+  __name: "index",
+  props: {
+    node: {},
+    outer: { type: Boolean }
+  },
+  setup(t) {
+    const e = t, n = a(() => {
+      var l;
+      return (l = e.node.settings) == null ? void 0 : l.label;
+    }), o = a(() => {
+      var l;
+      return (l = e.node.settings) == null ? void 0 : l.value;
+    });
+    return (l, s) => {
+      const u = N("v-radio");
+      return C(), I(u, {
+        value: o.value,
+        label: n.value
+      }, null, 8, ["value", "label"]);
+    };
+  }
+}), Fo = /* @__PURE__ */ T({
+  __name: "index",
+  props: {
+    node: {},
+    outer: { type: Boolean }
+  },
+  setup(t) {
+    const e = t, n = L(), o = a(() => {
+      var m;
+      return (m = e.node.settings) == null ? void 0 : m.density;
+    }), l = a(() => {
+      var m;
+      return (m = e.node.settings) == null ? void 0 : m.direction;
+    }), s = a(() => {
+      var m;
+      return (m = e.node.settings) == null ? void 0 : m.disabled;
+    }), u = a(() => {
+      var m;
+      return (m = e.node.settings) == null ? void 0 : m.inline;
+    }), p = a(() => {
+      var m;
+      return (m = e.node.settings) == null ? void 0 : m.value;
+    }), y = a(() => {
+      var m;
+      return n !== "runtime" ? !0 : (m = e.node.settings) == null ? void 0 : m.readonly;
+    });
+    return (m, r) => {
+      const i = N("v-radio-group");
+      return C(), I(i, {
+        density: o.value,
+        direction: l.value,
+        disabled: s.value,
+        inline: u.value,
+        "model-value": p.value,
+        readonly: y.value
+      }, {
+        default: A(() => [
+          M(m.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["density", "direction", "disabled", "inline", "model-value", "readonly"]);
+    };
+  }
+}), Ho = /* @__PURE__ */ T({
+  __name: "index",
+  props: {
+    node: {},
+    outer: { type: Boolean }
+  },
+  setup(t) {
+    const e = t, n = L(), o = a(() => {
+      var i;
+      return (i = e.node.settings) == null ? void 0 : i.density;
+    }), l = a(() => {
+      var i;
+      return (i = e.node.settings) == null ? void 0 : i.direction;
+    }), s = a(() => {
+      var i;
+      return (i = e.node.settings) == null ? void 0 : i.disabled;
+    }), u = a(() => {
+      var i;
+      return (i = e.node.settings) == null ? void 0 : i.label;
+    }), p = a(() => {
+      var i;
+      return (i = e.node.settings) == null ? void 0 : i.max;
+    }), y = a(() => {
+      var i;
+      return (i = e.node.settings) == null ? void 0 : i.min;
+    }), m = a(() => {
+      var i;
+      return (i = e.node.settings) == null ? void 0 : i.value;
+    }), r = a(() => {
       var i;
       return n !== "runtime" ? !0 : (i = e.node.settings) == null ? void 0 : i.readonly;
-    }), o = c(() => l.value ? "dark" : "light");
-    return (i, d) => {
-      const h = z("v-number-input");
-      return H(n) === "editor" ? (V(), R("div", Vo, [
-        B(h, {
-          "model-value": r.value,
-          label: a.value,
-          placeholder: s.value,
-          "hide-details": f.value,
-          "single-line": y.value,
-          readonly: b.value,
-          theme: o.value
-        }, null, 8, ["model-value", "label", "placeholder", "hide-details", "single-line", "readonly", "theme"])
-      ])) : (V(), A(h, {
-        key: 1,
-        "model-value": r.value,
-        label: a.value,
-        placeholder: s.value,
-        "hide-details": f.value,
-        "single-line": y.value,
-        readonly: b.value,
-        theme: o.value
-      }, null, 8, ["model-value", "label", "placeholder", "hide-details", "single-line", "readonly", "theme"]));
+    });
+    return (i, f) => {
+      const c = N("v-range-slider");
+      return C(), I(c, {
+        density: o.value,
+        direction: l.value,
+        disabled: s.value,
+        label: u.value,
+        max: p.value,
+        min: y.value,
+        "model-value": m.value,
+        readonly: r.value
+      }, null, 8, ["density", "direction", "disabled", "label", "max", "min", "model-value", "readonly"]);
     };
   }
-}), To = {};
-function $o(t, e) {
-  const n = z("v-rating");
-  return V(), A(n);
+}), Oo = {};
+function jo(t, e) {
+  const n = N("v-rating");
+  return C(), I(n);
 }
-const Io = /* @__PURE__ */ ue(To, [["render", $o]]), No = { key: 0 }, Ao = /* @__PURE__ */ I({
+const Ko = /* @__PURE__ */ ue(Oo, [["render", jo]]), Uo = { key: 0 }, Zo = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = P(), l = M(), r = c(() => {
+    const e = t, n = L(), o = F(), l = a(() => {
       var i;
-      return (i = e.node.settings) == null ? void 0 : i.value;
-    }), a = c(() => {
+      return (i = e.node.settings) == null ? void 0 : i.hideDetails;
+    }), s = a(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.label;
-    }), s = c(() => {
+    }), u = a(() => {
+      var i;
+      return (i = e.node.settings) == null ? void 0 : i.value;
+    }), p = a(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.placeholder;
-    }), f = c(() => {
+    }), y = a(() => {
       var i;
-      return (i = e.node.settings) == null ? void 0 : i.hideDetails;
-    }), y = c(() => {
+      return n !== "runtime" ? !0 : (i = e.node.settings) == null ? void 0 : i.readonly;
+    }), m = a(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.singleLine;
-    }), b = c(() => {
-      var i;
-      return n !== "runtime" ? !0 : (i = e.node.settings) == null ? void 0 : i.readonly;
-    }), o = c(() => l.value ? "dark" : "light");
-    return (i, d) => {
-      const h = z("v-select");
-      return H(n) === "editor" ? (V(), R("div", No, [
-        B(h, {
-          "model-value": r.value,
-          label: a.value,
-          placeholder: s.value,
-          "hide-details": f.value,
-          "single-line": y.value,
-          readonly: b.value,
-          theme: o.value
-        }, null, 8, ["model-value", "label", "placeholder", "hide-details", "single-line", "readonly", "theme"])
-      ])) : (V(), A(h, {
+    }), r = a(() => o.value ? "dark" : "light");
+    return (i, f) => {
+      const c = N("v-select");
+      return H(n) === "editor" ? (C(), R("div", Uo, [
+        D(c, {
+          "hide-details": l.value,
+          label: s.value,
+          "model-value": u.value,
+          placeholder: p.value,
+          readonly: y.value,
+          "single-line": m.value,
+          theme: r.value
+        }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"])
+      ])) : (C(), I(c, {
         key: 1,
-        "model-value": r.value,
-        label: a.value,
-        placeholder: s.value,
-        "hide-details": f.value,
-        "single-line": y.value,
-        readonly: b.value,
-        theme: o.value
-      }, null, 8, ["model-value", "label", "placeholder", "hide-details", "single-line", "readonly", "theme"]));
+        "hide-details": l.value,
+        label: s.value,
+        "model-value": u.value,
+        placeholder: p.value,
+        readonly: y.value,
+        "single-line": m.value,
+        theme: r.value
+      }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"]));
+    };
+  }
+}), qo = { key: 0 }, Go = /* @__PURE__ */ T({
+  __name: "index",
+  props: {
+    node: {},
+    outer: { type: Boolean }
+  },
+  setup(t) {
+    const e = t, n = L(), o = a(() => {
+      var c;
+      return (c = e.node.settings) == null ? void 0 : c.disabled;
+    }), l = a(() => {
+      var c;
+      return (c = e.node.settings) == null ? void 0 : c.label;
+    }), s = a(() => {
+      var c;
+      return (c = e.node.settings) == null ? void 0 : c.max;
+    }), u = a(() => {
+      var c;
+      return (c = e.node.settings) == null ? void 0 : c.min;
+    }), p = a(() => {
+      var c;
+      return (c = e.node.settings) == null ? void 0 : c.value;
+    }), y = a(() => {
+      var c;
+      return (c = e.node.settings) == null ? void 0 : c.readonly;
+    }), m = a(() => {
+      var c;
+      return (c = e.node.settings) == null ? void 0 : c.step;
+    }), r = a(() => {
+      var c;
+      return (c = e.node.settings) == null ? void 0 : c.thumbColor;
+    }), i = a(() => {
+      var b;
+      const c = (b = e.node.settings) == null ? void 0 : b.thumbLabel;
+      if (c === "always")
+        return c;
+      if (c === "show")
+        return !0;
+    }), f = a(() => {
+      var c;
+      return (c = e.node.settings) == null ? void 0 : c.trackColor;
+    });
+    return (c, b) => {
+      const d = N("v-slider");
+      return H(n) === "editor" ? (C(), R("div", qo, [
+        D(d, {
+          disabled: o.value,
+          label: l.value,
+          max: s.value,
+          min: u.value,
+          "model-value": p.value,
+          readonly: y.value,
+          step: m.value,
+          "thumb-color": r.value,
+          "thumb-label": i.value,
+          "track-color": f.value
+        }, null, 8, ["disabled", "label", "max", "min", "model-value", "readonly", "step", "thumb-color", "thumb-label", "track-color"])
+      ])) : (C(), I(d, {
+        key: 1,
+        disabled: o.value,
+        label: l.value,
+        max: s.value,
+        min: u.value,
+        "model-value": p.value,
+        readonly: y.value,
+        step: m.value,
+        "thumb-color": r.value,
+        "thumb-label": i.value,
+        "track-color": f.value
+      }, null, 8, ["disabled", "label", "max", "min", "model-value", "readonly", "step", "thumb-color", "thumb-label", "track-color"]));
     };
   }
-}), Eo = /* @__PURE__ */ I({
+}), Xo = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = K(), l = c(() => {
-      var o;
-      return (o = e.node.settings) == null ? void 0 : o.text;
-    }), r = c(() => {
-      var o;
-      return (o = e.node.settings) == null ? void 0 : o.emphasis;
-    }), a = c(() => {
-      var o;
-      return (o = e.node.settings) == null ? void 0 : o.align;
-    }), s = c(() => {
-      var o;
-      return (o = e.node.settings) == null ? void 0 : o.decoration;
-    }), f = c(() => {
-      var o;
-      return (o = e.node.settings) == null ? void 0 : o.weight;
-    }), y = c(() => {
-      var o;
-      return (o = e.node.settings) == null ? void 0 : o.italic;
-    }), b = c(() => {
-      var h;
-      const o = [], i = Ut(n.value.width), d = le(i, (h = e.node.settings) == null ? void 0 : h.style);
-      return d && o.push(`text-${d}`), r.value === "high" ? o.push("text-high-emphasis") : r.value === "medium" ? o.push("text-medium-emphasis") : r.value === "disabled" && o.push("text-disabled"), a.value && o.push(`font-${a.value}`), s.value && o.push(`font-decoration-${s.value}`), f.value && o.push(`font-weight-${f.value}`), y.value && o.push("font-italic"), o.join(" ");
+    const e = t, n = U(), o = a(() => {
+      var r;
+      return (r = e.node.settings) == null ? void 0 : r.align;
+    }), l = a(() => {
+      var r;
+      return (r = e.node.settings) == null ? void 0 : r.decoration;
+    }), s = a(() => {
+      var r;
+      return (r = e.node.settings) == null ? void 0 : r.emphasis;
+    }), u = a(() => {
+      var r;
+      return (r = e.node.settings) == null ? void 0 : r.italic;
+    }), p = a(() => {
+      var r;
+      return (r = e.node.settings) == null ? void 0 : r.text;
+    }), y = a(() => {
+      var r;
+      return (r = e.node.settings) == null ? void 0 : r.weight;
+    }), m = a(() => {
+      var c;
+      const r = [], i = Qt(n.value.width), f = le(i, (c = e.node.settings) == null ? void 0 : c.style);
+      return f && r.push(`text-${f}`), s.value === "high" ? r.push("text-high-emphasis") : s.value === "medium" ? r.push("text-medium-emphasis") : s.value === "disabled" && r.push("text-disabled"), o.value && r.push(`font-${o.value}`), l.value && r.push(`font-decoration-${l.value}`), y.value && r.push(`font-weight-${y.value}`), u.value && r.push("font-italic"), r.join(" ");
     });
-    return (o, i) => (V(), R("span", {
-      class: vn(b.value)
-    }, xn(l.value), 3));
+    return (r, i) => (C(), R("span", {
+      class: Sn(m.value)
+    }, $n(p.value), 3));
   }
-}), Lo = {};
-function Po(t, e) {
-  const n = z("v-textarea");
-  return V(), A(n);
+}), Yo = {};
+function Jo(t, e) {
+  const n = N("v-textarea");
+  return C(), I(n);
 }
-const Wo = /* @__PURE__ */ ue(Lo, [["render", Po]]), Do = { key: 0 }, zo = /* @__PURE__ */ I({
+const Qo = /* @__PURE__ */ ue(Yo, [["render", Jo]]), el = { key: 0 }, tl = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = P(), l = M(), r = c(() => {
-      var m;
-      return (m = e.node.settings) == null ? void 0 : m.label;
-    }), a = c(() => {
-      var m;
-      return (m = e.node.settings) == null ? void 0 : m.placeholder;
-    }), s = c(() => {
-      var m;
-      return (m = e.node.settings) == null ? void 0 : m.hideDetails;
-    }), f = c(() => {
-      var m;
-      return (m = e.node.settings) == null ? void 0 : m.singleLine;
-    }), y = c(() => {
-      var m;
-      return n !== "runtime" ? !0 : (m = e.node.settings) == null ? void 0 : m.readonly;
-    }), b = c(() => l.value ? "dark" : "light"), o = c(() => {
-      var m;
-      return (m = e.node.slots) == null ? void 0 : m.append;
-    }), i = c(() => {
-      var m;
-      return (m = e.node.slots) == null ? void 0 : m.appendInner;
-    }), d = c(() => {
-      var m;
-      return (m = e.node.slots) == null ? void 0 : m.prepend;
-    }), h = c(() => {
-      var m;
-      return (m = e.node.slots) == null ? void 0 : m.prependInner;
+    const e = t, n = L(), o = F(), l = a(() => {
+      var b;
+      return (b = e.node.settings) == null ? void 0 : b.hideDetails;
+    }), s = a(() => {
+      var b;
+      return (b = e.node.settings) == null ? void 0 : b.label;
+    }), u = a(() => {
+      var b;
+      return (b = e.node.settings) == null ? void 0 : b.placeholder;
+    }), p = a(() => {
+      var b;
+      return n !== "runtime" ? !0 : (b = e.node.settings) == null ? void 0 : b.readonly;
+    }), y = a(() => {
+      var b;
+      return (b = e.node.settings) == null ? void 0 : b.singleLine;
+    }), m = a(() => o.value ? "dark" : "light"), r = a(() => {
+      var b;
+      return (b = e.node.slots) == null ? void 0 : b.append;
+    }), i = a(() => {
+      var b;
+      return (b = e.node.slots) == null ? void 0 : b.appendInner;
+    }), f = a(() => {
+      var b;
+      return (b = e.node.slots) == null ? void 0 : b.prepend;
+    }), c = a(() => {
+      var b;
+      return (b = e.node.slots) == null ? void 0 : b.prependInner;
     });
-    return (m, u) => {
-      const g = z("v-text-field");
-      return H(n) === "editor" ? (V(), R("div", Do, [
-        B(g, {
-          label: r.value,
-          placeholder: a.value,
-          "hide-details": s.value,
-          "single-line": f.value,
-          readonly: y.value,
-          theme: b.value
+    return (b, d) => {
+      const _ = N("v-text-field");
+      return H(n) === "editor" ? (C(), R("div", el, [
+        D(_, {
+          "hide-details": l.value,
+          label: s.value,
+          placeholder: u.value,
+          readonly: p.value,
+          "single-line": y.value,
+          theme: m.value
         }, _e({ _: 2 }, [
-          o.value ? {
+          r.value ? {
             name: "append",
-            fn: E(() => [
-              B(F, {
-                "ref-context": { refid: o.value },
+            fn: A(() => [
+              D(O, {
+                "ref-context": { refid: r.value },
                 state: {}
               }, null, 8, ["ref-context"])
             ]),
@@ -1814,49 +2061,49 @@ const Wo = /* @__PURE__ */ ue(Lo, [["render", Po]]), Do = { key: 0 }, zo = /* @_
           } : void 0,
           i.value ? {
             name: "append-inner",
-            fn: E(() => [
-              B(F, {
+            fn: A(() => [
+              D(O, {
                 "ref-context": { refid: i.value },
                 state: {}
               }, null, 8, ["ref-context"])
             ]),
             key: "1"
           } : void 0,
-          d.value ? {
+          f.value ? {
             name: "prepend",
-            fn: E(() => [
-              B(F, {
-                "ref-context": { refid: d.value },
+            fn: A(() => [
+              D(O, {
+                "ref-context": { refid: f.value },
                 state: {}
               }, null, 8, ["ref-context"])
             ]),
             key: "2"
           } : void 0,
-          h.value ? {
+          c.value ? {
             name: "prepend-inner",
-            fn: E(() => [
-              B(F, {
-                "ref-context": { refid: h.value },
+            fn: A(() => [
+              D(O, {
+                "ref-context": { refid: c.value },
                 state: {}
               }, null, 8, ["ref-context"])
             ]),
             key: "3"
           } : void 0
-        ]), 1032, ["label", "placeholder", "hide-details", "single-line", "readonly", "theme"])
-      ])) : (V(), A(g, {
+        ]), 1032, ["hide-details", "label", "placeholder", "readonly", "single-line", "theme"])
+      ])) : (C(), I(_, {
         key: 1,
-        label: r.value,
-        placeholder: a.value,
-        "hide-details": s.value,
-        "single-line": f.value,
-        readonly: y.value,
-        theme: b.value
+        "hide-details": l.value,
+        label: s.value,
+        placeholder: u.value,
+        readonly: p.value,
+        "single-line": y.value,
+        theme: m.value
       }, _e({ _: 2 }, [
-        o.value ? {
+        r.value ? {
           name: "append",
-          fn: E(() => [
-            B(F, {
-              "ref-context": { refid: o.value },
+          fn: A(() => [
+            D(O, {
+              "ref-context": { refid: r.value },
               state: {}
             }, null, 8, ["ref-context"])
           ]),
@@ -1864,48 +2111,79 @@ const Wo = /* @__PURE__ */ ue(Lo, [["render", Po]]), Do = { key: 0 }, zo = /* @_
         } : void 0,
         i.value ? {
           name: "append-inner",
-          fn: E(() => [
-            B(F, {
+          fn: A(() => [
+            D(O, {
               "ref-context": { refid: i.value },
               state: {}
             }, null, 8, ["ref-context"])
           ]),
           key: "1"
         } : void 0,
-        d.value ? {
+        f.value ? {
           name: "prepend",
-          fn: E(() => [
-            B(F, {
-              "ref-context": { refid: d.value },
+          fn: A(() => [
+            D(O, {
+              "ref-context": { refid: f.value },
               state: {}
             }, null, 8, ["ref-context"])
           ]),
           key: "2"
         } : void 0,
-        h.value ? {
+        c.value ? {
           name: "prepend-inner",
-          fn: E(() => [
-            B(F, {
-              "ref-context": { refid: h.value },
+          fn: A(() => [
+            D(O, {
+              "ref-context": { refid: c.value },
               state: {}
             }, null, 8, ["ref-context"])
           ]),
           key: "3"
         } : void 0
-      ]), 1032, ["label", "placeholder", "hide-details", "single-line", "readonly", "theme"]));
+      ]), 1032, ["hide-details", "label", "placeholder", "readonly", "single-line", "theme"]));
     };
   }
-}), Bo = {};
-function Ro(t, e) {
-  const n = z("v-timeline");
-  return V(), A(n);
-}
-const Mo = /* @__PURE__ */ ue(Bo, [["render", Ro]]), Fo = {};
-function Ho(t, e) {
-  const n = z("v-timeline-item");
-  return V(), A(n);
+}), nl = /* @__PURE__ */ T({
+  __name: "index",
+  props: {
+    node: {},
+    outer: { type: Boolean }
+  },
+  setup(t) {
+    const e = t, n = a(() => {
+      var s;
+      return (s = e.node.settings) == null ? void 0 : s.align;
+    }), o = a(() => {
+      var s;
+      return (s = e.node.settings) == null ? void 0 : s.density;
+    }), l = a(() => {
+      var s;
+      return (s = e.node.settings) == null ? void 0 : s.direction;
+    });
+    return (s, u) => {
+      const p = N("v-timeline");
+      return C(), I(p, {
+        align: n.value,
+        density: o.value,
+        direction: l.value
+      }, {
+        default: A(() => [
+          M(s.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["align", "density", "direction"]);
+    };
+  }
+}), il = {};
+function ol(t, e) {
+  const n = N("v-timeline-item");
+  return C(), I(n, null, {
+    default: A(() => [
+      M(t.$slots, "default")
+    ]),
+    _: 3
+  });
 }
-const Oo = /* @__PURE__ */ ue(Fo, [["render", Ho]]), ke = "bar_chart_v1", we = "btn_v1", Ce = "card_v1", lt = "chip_v1", Ve = "combobox_v1", Se = "container_v1", Te = "data_table_v1", $e = "dialog_v1", Ie = "flex_layout_v1", cn = "flex_layout_entry_v1", Ne = "form_v1", Ae = "globality_v1", Ee = "line_chart_v1", Le = "menu_v1", Pe = "number_input_v1", jo = "radio_v1", rt = "radio_group_v1", st = "range_slider_v1", We = "rating_v1", de = "ref_v1", De = "select_v1", at = "slider_v1", ze = "text_v1", Be = "textarea_v1", Re = "text_field_v1", Me = "timeline_v1", dn = "timeline_item_v1", k = {
+const ll = /* @__PURE__ */ ue(il, [["render", ol]]), vn = "badge_v1", ke = "bar_chart_v1", Ce = "btn_v1", we = "card_v1", ut = "chip_v1", Ve = "combobox_v1", Se = "container_v1", $e = "data_table_v1", Te = "dialog_v1", Ie = "file_input_v1", Ne = "flex_layout_v1", xn = "flex_layout_entry_v1", Ae = "form_v1", Le = "globality_v1", Ee = "line_chart_v1", Pe = "menu_v1", We = "number_input_v1", hn = "radio_v1", Be = "radio_group_v1", De = "range_slider_v1", ze = "rating_v1", de = "ref_v1", Re = "select_v1", Me = "slider_v1", Fe = "text_v1", He = "textarea_v1", Oe = "text_field_v1", je = "timeline_v1", gn = "timeline_item_v1", g = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -1967,7 +2245,7 @@ const Oo = /* @__PURE__ */ ue(Fo, [["render", Ho]]), ke = "bar_chart_v1", we = "
       ]
     }
   ]
-}, Ko = L(ce), te = {
+}, rl = W(ce), te = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -1985,7 +2263,7 @@ const Oo = /* @__PURE__ */ ue(Fo, [["render", Ho]]), ke = "bar_chart_v1", we = "
       types: "borderWidthTypesV1",
       default: ""
     },
-    Ko,
+    rl,
     {
       key: "roundRadius",
       name: "x-runtime-lib.roundRadius",
@@ -2112,7 +2390,7 @@ const Oo = /* @__PURE__ */ ue(Fo, [["render", Ho]]), ke = "bar_chart_v1", we = "
       default: ""
     }
   ]
-}, D = {
+}, z = {
   key: "size",
   name: "x-runtime-lib.size",
   children: [
@@ -2159,7 +2437,7 @@ const Oo = /* @__PURE__ */ ue(Fo, [["render", Ho]]), ke = "bar_chart_v1", we = "
       default: ""
     }
   ]
-}, fe = {
+}, pe = {
   key: "title",
   name: "x-runtime-lib.title",
   children: [
@@ -2182,7 +2460,7 @@ const Oo = /* @__PURE__ */ ue(Fo, [["render", Ho]]), ke = "bar_chart_v1", we = "
       default: ""
     }
   ]
-}, pe = {
+}, fe = {
   key: "xAxis",
   name: "x-runtime-lib.xAxis",
   children: [
@@ -2248,8 +2526,8 @@ const Oo = /* @__PURE__ */ ue(Fo, [["render", Ho]]), ke = "bar_chart_v1", we = "
       defaultArray: []
     }
   ]
-}, Fe = L(pe);
-Fe.children[3].defaultArray = [
+}, Ke = W(fe);
+Ke.children[3].defaultArray = [
   "Mon",
   "Tue",
   "Wed",
@@ -2258,7 +2536,7 @@ Fe.children[3].defaultArray = [
   "Sat",
   "Sun"
 ];
-const ut = {
+const ct = {
   key: "series",
   name: "x-runtime-lib.series",
   children: [
@@ -2284,21 +2562,21 @@ const ut = {
       data: [120, 200, 150, 80, 70, 110, 130]
     }
   ]
-}, Uo = {
+}, sl = {
   key: ke,
   name: "x-runtime-lib.barChart",
-  comp: Yi,
+  comp: oo,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [k, D, fe, Fe, be, me, ut],
-    compCommon: [k, D, fe, Fe, be, me, ut]
+    pageCommon: [g, z, pe, Ke, be, me, ct],
+    compCommon: [g, z, pe, Ke, be, me, ct]
   }
 };
-T(Uo);
-const Zo = L(pe);
-Zo.children[3].defaultArray = [
+$(sl);
+const al = W(fe);
+al.children[3].defaultArray = [
   "Mon",
   "Tue",
   "Wed",
@@ -2307,7 +2585,7 @@ Zo.children[3].defaultArray = [
   "Sat",
   "Sun"
 ];
-const ct = {
+const dt = {
   key: "series",
   name: "x-runtime-lib.series",
   children: [
@@ -2333,28 +2611,28 @@ const ct = {
       data: [150, 230, 224, 218, 135, 147, 260]
     }
   ]
-}, Xo = {
+}, ul = {
   key: Ee,
   name: "x-runtime-lib.lineChart",
-  comp: qi,
+  comp: lo,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [k, D, fe, pe, be, me, ct],
-    compCommon: [k, D, fe, pe, be, me, ct]
+    pageCommon: [g, z, pe, fe, be, me, dt],
+    compCommon: [g, z, pe, fe, be, me, dt]
   }
 };
-T(Xo);
-const Je = L(ce);
-Je.key = "backgroundColor";
-Je.name = "x-runtime-lib.backgroundColor";
-const dt = {
+$(ul);
+const nt = W(ce);
+nt.key = "backgroundColor";
+nt.name = "x-runtime-lib.backgroundColor";
+const mt = {
   key: "globalSettings",
   name: "x-runtime-lib.globalSettings",
-  children: [Je]
-}, Yo = {
-  key: Ae,
+  children: [nt]
+}, cl = {
+  key: Le,
   name: "x-runtime-lib.globality",
   comp: null,
   slots: [
@@ -2396,13 +2674,13 @@ const dt = {
   ],
   methods: [],
   props: {
-    pageCommon: [dt],
-    compCommon: [dt]
+    pageCommon: [mt],
+    compCommon: [mt]
   },
   internal: !0
 };
-T(Yo);
-const mt = {
+$(cl);
+const pt = {
   key: "ref",
   name: "x-runtime-lib.ref",
   children: [
@@ -2413,20 +2691,40 @@ const mt = {
       default: void 0
     }
   ]
-}, qo = {
+}, dl = {
   key: de,
   name: "x-runtime-lib.ref",
-  comp: ao,
+  comp: xo,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [k, D, mt],
-    compCommon: [k, D, mt]
+    pageCommon: [g, z, pt],
+    compCommon: [g, z, pt]
   }
 };
-T(qo);
-const Go = L(ce), ft = {
+$(dl);
+const ft = {
+  key: "settings",
+  name: "x-runtime-lib.settings",
+  children: []
+}, $r = {
+  key: vn,
+  name: "x-runtime-lib.badge",
+  comp: _o,
+  slots: [
+    {
+      key: "default",
+      name: "x-runtime-lib.default"
+    }
+  ],
+  events: [],
+  methods: [],
+  props: {
+    pageCommon: [g, ft],
+    compCommon: [g, ft]
+  }
+}, ml = W(ce), bt = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -2456,7 +2754,7 @@ const Go = L(ce), ft = {
       items: "densityItemsV1",
       default: "default"
     },
-    Go,
+    ml,
     {
       key: "block",
       name: "x-runtime-lib.block",
@@ -2464,10 +2762,10 @@ const Go = L(ce), ft = {
       default: !1
     }
   ]
-}, Jo = {
-  key: we,
+}, pl = {
+  key: Ce,
   name: "x-runtime-lib.button",
-  comp: uo,
+  comp: ko,
   slots: [],
   events: [
     {
@@ -2478,15 +2776,15 @@ const Go = L(ce), ft = {
   ],
   methods: [],
   props: {
-    pageCommon: [k, ft],
-    compCommon: [k, ft]
+    pageCommon: [g, bt],
+    compCommon: [g, bt]
   }
 };
-T(Jo);
-const Qo = {
-  key: Ce,
+$(pl);
+const fl = {
+  key: we,
   name: "x-runtime-lib.card",
-  comp: fo,
+  comp: Vo,
   slots: [
     {
       key: "default",
@@ -2496,12 +2794,12 @@ const Qo = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [k],
-    compCommon: [k]
+    pageCommon: [g],
+    compCommon: [g]
   }
 };
-T(Qo);
-const pt = {
+$(fl);
+const yt = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -2542,30 +2840,30 @@ const pt = {
       default: !1
     }
   ]
-}, el = {
+}, bl = {
   key: Ve,
   name: "x-runtime-lib.combobox",
-  comp: bo,
+  comp: $o,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [k, pt],
-    compCommon: [k, pt]
+    pageCommon: [g, yt],
+    compCommon: [g, yt]
   }
 };
-T(el);
-const Qe = L(ce);
-Qe.key = "backgroundColor";
-Qe.name = "x-runtime-lib.backgroundColor";
-const bt = {
+$(bl);
+const it = W(ce);
+it.key = "backgroundColor";
+it.name = "x-runtime-lib.backgroundColor";
+const vt = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Qe]
-}, He = {
+  children: [it]
+}, Ue = {
   key: Se,
   name: "x-runtime-lib.container",
-  comp: yo,
+  comp: To,
   slots: [
     {
       key: "default",
@@ -2581,12 +2879,12 @@ const bt = {
   ],
   methods: [],
   props: {
-    pageCommon: [k, D, te, ne, ie, bt],
-    compCommon: [k, D, te, ne, ie, bt]
+    pageCommon: [g, z, te, ne, ie, vt],
+    compCommon: [g, z, te, ne, ie, vt]
   }
 };
-T(He);
-const yt = {
+$(Ue);
+const xt = {
   key: "size",
   name: "x-runtime-lib.size",
   children: [
@@ -2605,7 +2903,7 @@ const yt = {
       default: ""
     }
   ]
-}, vt = {
+}, ht = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -2713,7 +3011,7 @@ const yt = {
       default: !1
     }
   ]
-}, xt = {
+}, gt = {
   key: "slots",
   name: "x-runtime-lib.slots",
   children: [
@@ -2738,23 +3036,23 @@ const yt = {
       defaultArray: []
     }
   ]
-}, tl = {
-  key: Te,
+}, yl = {
+  key: $e,
   name: "x-runtime-lib.dataTable",
-  comp: vo,
+  comp: Io,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [k, yt, vt, xt],
-    compCommon: [k, yt, vt, xt]
+    pageCommon: [g, xt, ht, gt],
+    compCommon: [g, xt, ht, gt]
   }
 };
-T(tl);
-const nl = {
-  key: $e,
+$(yl);
+const vl = {
+  key: Te,
   name: "x-runtime-lib.dialog",
-  comp: ho,
+  comp: Ao,
   slots: [
     {
       key: "default",
@@ -2777,13 +3075,28 @@ const nl = {
     }
   ],
   props: {
-    pageCommon: [k],
-    compCommon: [k]
+    pageCommon: [g],
+    compCommon: [g]
   },
   teleport: !0
 };
-T(nl);
-const ht = {
+$(vl);
+const _t = {
+  key: "settings",
+  name: "x-runtime-lib.settings",
+  children: []
+}, Tr = {
+  key: Ie,
+  name: "x-runtime-lib.fileInput",
+  comp: Lo,
+  slots: [],
+  events: [],
+  methods: [],
+  props: {
+    pageCommon: [g, _t],
+    compCommon: [g, _t]
+  }
+}, kt = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -2800,10 +3113,10 @@ const ht = {
       default: !1
     }
   ]
-}, Oe = {
-  key: cn,
+}, Ze = {
+  key: xn,
   name: "x-runtime-lib.flexLayoutEntry",
-  comp: _o,
+  comp: Po,
   slots: [
     {
       key: "default",
@@ -2813,25 +3126,25 @@ const ht = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [k, D, ht],
-    compCommon: [k, D, ht]
+    pageCommon: [g, z, kt],
+    compCommon: [g, z, kt]
   }
 };
-T(Oe);
-function il(t, e) {
-  const n = `type=${t} subtype=${e}`, l = ve(t, e);
-  if (!l) {
+$(Ze);
+function xl(t, e) {
+  const n = `type=${t} subtype=${e}`, o = ve(t, e);
+  if (!o) {
     console.error(`flexLayoutV1/spawn prop tag not found, ${n}`);
     return;
   }
-  const r = Ke.props[l];
-  if (!r) {
+  const l = Ge.props[o];
+  if (!l) {
     console.error(`flexLayoutV1/spawn props not found, ${n}`);
     return;
   }
-  const a = {};
-  return re(a, r), a.basic.id = ee(16), a.basic.key = Ke.key, a.children = [
-    je(
+  const s = {};
+  return re(s, l), s.basic.id = ee(16), s.basic.key = Ge.key, s.children = [
+    qe(
       t,
       e,
       "#ff0000",
@@ -2841,7 +3154,7 @@ function il(t, e) {
       "40px",
       void 0
     ),
-    je(
+    qe(
       t,
       e,
       "#00ff00",
@@ -2851,44 +3164,44 @@ function il(t, e) {
       "60px",
       void 0
     ),
-    ol(t, e)
-  ], a;
+    hl(t, e)
+  ], s;
 }
-function je(t, e, n, l, r, a, s, f, y) {
-  const b = `type=${t} subtype=${e}`, o = ve(t, e);
-  if (!o) {
+function qe(t, e, n, o, l, s, u, p, y) {
+  const m = `type=${t} subtype=${e}`, r = ve(t, e);
+  if (!r) {
     console.error(
-      `flexLayoutV1/spawnContainer prop tag not found, ${b}`
+      `flexLayoutV1/spawnContainer prop tag not found, ${m}`
     );
     return;
   }
-  const i = He.props[o];
+  const i = Ue.props[r];
   if (!i) {
-    console.error(`flexLayoutV1/spawnContainer props not found, ${b}`);
+    console.error(`flexLayoutV1/spawnContainer props not found, ${m}`);
     return;
   }
-  const d = {};
-  return re(d, i), d.basic.id = ee(16), d.basic.key = He.key, l && (d.size.width = l), r && (d.size.minWidth = r), s && (d.size.height = s), f && (d.size.minHeight = f), console.log(d), n && (d.settings.backgroundColor.mode = "custom", d.settings.backgroundColor.custom.light = n, d.settings.backgroundColor.custom.dark = n), d.children = [], d;
+  const f = {};
+  return re(f, i), f.basic.id = ee(16), f.basic.key = Ue.key, o && (f.size.width = o), l && (f.size.minWidth = l), u && (f.size.height = u), p && (f.size.minHeight = p), console.log(f), n && (f.settings.backgroundColor.mode = "custom", f.settings.backgroundColor.custom.light = n, f.settings.backgroundColor.custom.dark = n), f.children = [], f;
 }
-function ol(t, e) {
-  const n = `type=${t} subtype=${e}`, l = ve(t, e);
-  if (!l) {
+function hl(t, e) {
+  const n = `type=${t} subtype=${e}`, o = ve(t, e);
+  if (!o) {
     console.error(`flexLayoutV1/spawnEntry prop tag not found, ${n}`);
     return;
   }
-  const r = Oe.props[l];
-  if (!r) {
+  const l = Ze.props[o];
+  if (!l) {
     console.error(`flexLayoutV1/spawnEntry props not found, ${n}`);
     return;
   }
-  const a = {
+  const s = {
     basic: {
       id: "",
       key: ""
     }
   };
-  return re(a, r), a.basic.id = ee(16), a.basic.key = Oe.key, a.children = [
-    je(
+  return re(s, l), s.basic.id = ee(16), s.basic.key = Ze.key, s.children = [
+    qe(
       t,
       e,
       "#0000ff",
@@ -2898,16 +3211,16 @@ function ol(t, e) {
       void 0,
       "80px"
     )
-  ], a;
+  ], s;
 }
-const et = L(ce);
-et.key = "backgroundColor";
-et.name = "x-runtime-lib.backgroundColor";
-const gt = {
+const ot = W(ce);
+ot.key = "backgroundColor";
+ot.name = "x-runtime-lib.backgroundColor";
+const Ct = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    et,
+    ot,
     {
       key: "direction",
       name: "x-runtime-lib.direction",
@@ -3073,10 +3386,10 @@ const gt = {
       ]
     }
   ]
-}, Ke = {
-  key: Ie,
+}, Ge = {
+  key: Ne,
   name: "x-runtime-lib.flexLayout",
-  comp: go,
+  comp: Eo,
   slots: [
     {
       key: "default",
@@ -3092,13 +3405,13 @@ const gt = {
   ],
   methods: [],
   props: {
-    pageCommon: [k, D, te, ne, ie, gt],
-    compCommon: [k, D, te, ne, ie, gt]
+    pageCommon: [g, z, te, ne, ie, Ct],
+    compCommon: [g, z, te, ne, ie, Ct]
   },
-  spawn: il
+  spawn: xl
 };
-T(Ke);
-const _t = {
+$(Ge);
+const wt = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3116,10 +3429,10 @@ const _t = {
       default: !1
     }
   ]
-}, ll = {
-  key: Ne,
+}, gl = {
+  key: Ae,
   name: "x-runtime-lib.form",
-  comp: ko,
+  comp: Wo,
   slots: [
     {
       key: "default",
@@ -3135,15 +3448,15 @@ const _t = {
   ],
   methods: [],
   props: {
-    pageCommon: [k, D, te, ne, ie, _t],
-    compCommon: [k, D, te, ne, ie, _t]
+    pageCommon: [g, z, te, ne, ie, wt],
+    compCommon: [g, z, te, ne, ie, wt]
   }
 };
-T(ll);
-const rl = {
-  key: Le,
+$(gl);
+const _l = {
+  key: Pe,
   name: "x-runtime-lib.menu",
-  comp: Co,
+  comp: Do,
   slots: [
     {
       key: "default",
@@ -3166,13 +3479,13 @@ const rl = {
     }
   ],
   props: {
-    pageCommon: [k],
-    compCommon: [k]
+    pageCommon: [g],
+    compCommon: [g]
   },
   teleport: !0
 };
-T(rl);
-const kt = {
+$(_l);
+const Vt = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3213,33 +3526,89 @@ const kt = {
       default: !1
     }
   ]
-}, sl = {
-  key: Pe,
+}, kl = {
+  key: We,
   name: "x-runtime-lib.numberInput",
-  comp: So,
+  comp: Ro,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [k, kt],
-    compCommon: [k, kt]
+    pageCommon: [g, Vt],
+    compCommon: [g, Vt]
   }
 };
-T(sl);
-const al = {
-  key: We,
+$(kl);
+const St = {
+  key: "settings",
+  name: "x-runtime-lib.settings",
+  children: []
+}, Cl = {
+  key: hn,
+  name: "x-runtime-lib.radio",
+  comp: Mo,
+  slots: [
+    {
+      key: "default",
+      name: "x-runtime-lib.default"
+    }
+  ],
+  events: [],
+  methods: [],
+  props: {
+    pageCommon: [g, St],
+    compCommon: [g, St]
+  }
+};
+$(Cl);
+const $t = {
+  key: "settings",
+  name: "x-runtime-lib.settings",
+  children: []
+}, wl = {
+  key: Be,
+  name: "x-runtime-lib.radioGroup",
+  comp: Fo,
+  slots: [],
+  events: [],
+  methods: [],
+  props: {
+    pageCommon: [g, $t],
+    compCommon: [g, $t]
+  }
+};
+$(wl);
+const Tt = {
+  key: "settings",
+  name: "x-runtime-lib.settings",
+  children: []
+}, Vl = {
+  key: De,
+  name: "x-runtime-lib.rangeSlider",
+  comp: Ho,
+  slots: [],
+  events: [],
+  methods: [],
+  props: {
+    pageCommon: [g, Tt],
+    compCommon: [g, Tt]
+  }
+};
+$(Vl);
+const Sl = {
+  key: ze,
   name: "x-runtime-lib.rating",
-  comp: Io,
+  comp: Ko,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [k],
-    compCommon: [k]
+    pageCommon: [g],
+    compCommon: [g]
   }
 };
-T(al);
-const wt = {
+$(Sl);
+const It = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3280,20 +3649,81 @@ const wt = {
       default: !1
     }
   ]
-}, ul = {
-  key: De,
+}, $l = {
+  key: Re,
   name: "x-runtime-lib.select",
-  comp: Ao,
+  comp: Zo,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [k, wt],
-    compCommon: [k, wt]
+    pageCommon: [g, It],
+    compCommon: [g, It]
   }
 };
-T(ul);
-const Ct = {
+$($l);
+const Nt = {
+  key: "settings",
+  name: "x-runtime-lib.settings",
+  children: [
+    {
+      key: "value",
+      name: "x-runtime-lib.value",
+      ui: "numInput",
+      default: 0
+    },
+    {
+      key: "min",
+      name: "x-runtime-lib.min",
+      ui: "numInput",
+      default: 0
+    },
+    {
+      key: "max",
+      name: "x-runtime-lib.max",
+      ui: "numInput",
+      default: 100
+    },
+    {
+      key: "step",
+      name: "x-runtime-lib.step",
+      ui: "numInput",
+      default: 0
+    },
+    {
+      key: "disabled",
+      name: "x-runtime-lib.disabled",
+      ui: "switch",
+      default: !1
+    },
+    {
+      key: "readonly",
+      name: "x-runtime-lib.readonly",
+      ui: "switch",
+      default: !1
+    },
+    {
+      key: "thumbLabel",
+      name: "x-runtime-lib.thumbLabel",
+      ui: "select",
+      items: "thumbLabelItemsV1",
+      default: ""
+    }
+  ]
+}, Tl = {
+  key: Me,
+  name: "x-runtime-lib.slider",
+  comp: Go,
+  slots: [],
+  events: [],
+  methods: [],
+  props: {
+    pageCommon: [g, Nt],
+    compCommon: [g, Nt]
+  }
+};
+$(Tl);
+const At = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3379,33 +3809,33 @@ const Ct = {
       default: !1
     }
   ]
-}, cl = {
-  key: ze,
+}, Il = {
+  key: Fe,
   name: "x-runtime-lib.text",
-  comp: Eo,
+  comp: Xo,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [k, Ct],
-    compCommon: [k, Ct]
+    pageCommon: [g, At],
+    compCommon: [g, At]
   }
 };
-T(cl);
-const dl = {
-  key: Be,
+$(Il);
+const Nl = {
+  key: He,
   name: "x-runtime-lib.textarea",
-  comp: Wo,
+  comp: Qo,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [k],
-    compCommon: [k]
+    pageCommon: [g],
+    compCommon: [g]
   }
 };
-T(dl);
-const Vt = {
+$(Nl);
+const Lt = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3440,7 +3870,7 @@ const Vt = {
       default: !1
     }
   ]
-}, St = {
+}, Et = {
   key: "slots",
   name: "x-runtime-lib.slots",
   children: [
@@ -3469,10 +3899,10 @@ const Vt = {
       default: void 0
     }
   ]
-}, ml = {
-  key: Re,
+}, Al = {
+  key: Oe,
   name: "x-runtime-lib.textField",
-  comp: zo,
+  comp: tl,
   slots: [
     {
       key: "append",
@@ -3494,15 +3924,15 @@ const Vt = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [k, Vt, St],
-    compCommon: [k, Vt, St]
+    pageCommon: [g, Lt, Et],
+    compCommon: [g, Lt, Et]
   }
 };
-T(ml);
-const fl = {
-  key: Me,
+$(Al);
+const Ll = {
+  key: je,
   name: "x-runtime-lib.timeline",
-  comp: Mo,
+  comp: nl,
   slots: [
     {
       key: "default",
@@ -3512,15 +3942,15 @@ const fl = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [k],
-    compCommon: [k]
+    pageCommon: [g],
+    compCommon: [g]
   }
 };
-T(fl);
-const pl = {
-  key: dn,
+$(Ll);
+const El = {
+  key: gn,
   name: "x-runtime-lib.timelineItem",
-  comp: Oo,
+  comp: ll,
   slots: [
     {
       key: "default",
@@ -3530,50 +3960,50 @@ const pl = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [k],
-    compCommon: [k]
+    pageCommon: [g],
+    compCommon: [g]
   }
 };
-T(pl);
-const bl = [
+$(El);
+const Pl = [
   { title: "x-runtime-lib.value", value: "value" },
   { title: "x-runtime-lib.category", value: "category" },
   { title: "x-runtime-lib.time", value: "time" },
   { title: "x-runtime-lib.log", value: "log" }
-], yl = [
+], Wl = [
   { 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" }
-], vl = [
+], Bl = [
   { 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" }
-], xl = [
+], Dl = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.theme", value: "theme" },
   { title: "x-runtime-lib.custom", value: "custom" }
-], hl = [
+], zl = [
   { title: "x-runtime-lib.default", value: "default" },
   { title: "x-runtime-lib.comfortable", value: "comfortable" },
   { title: "x-runtime-lib.compact", value: "compact" }
-], gl = [
+], Rl = [
   { 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" }
-], _l = [
+], Ml = [
   { 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" }
-], kl = [
+], Fl = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.end", value: "end" },
@@ -3581,12 +4011,12 @@ const bl = [
   { title: "x-runtime-lib.spaceBetween", value: "spaceBetween" },
   { title: "x-runtime-lib.spaceAround", value: "spaceAround" },
   { title: "x-runtime-lib.spaceEvenly", value: "spaceEvenly" }
-], wl = [
+], Hl = [
   { 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" }
-], Cl = [
+], Ol = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.black", value: "black" },
   { title: "x-runtime-lib.bold", value: "bold" },
@@ -3594,7 +4024,7 @@ const bl = [
   { title: "x-runtime-lib.regular", value: "regular" },
   { title: "x-runtime-lib.light", value: "light" },
   { title: "x-runtime-lib.thin", value: "thin" }
-], Vl = [
+], jl = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" },
@@ -3602,18 +4032,18 @@ const bl = [
   { title: "x-runtime-lib.justify", value: "justify" },
   { title: "x-runtime-lib.left", value: "left" },
   { title: "x-runtime-lib.right", value: "right" }
-], Sl = [
+], Kl = [
   { 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" }
-], Tl = [
+], Ul = [
   { 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" }
-], $l = [
+], Zl = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.h1", value: "h1" },
   { title: "x-runtime-lib.h2", value: "h2" },
@@ -3628,7 +4058,7 @@ const bl = [
   { title: "x-runtime-lib.button", value: "button" },
   { title: "x-runtime-lib.caption", value: "caption" },
   { title: "x-runtime-lib.overline", value: "overline" }
-], Il = [
+], ql = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.primary", value: "primary" },
   { title: "x-runtime-lib.secondary", value: "secondary" },
@@ -3639,24 +4069,29 @@ const bl = [
   { title: "x-runtime-lib.background0", value: "background0" },
   { title: "x-runtime-lib.background1", value: "background1" },
   { title: "x-runtime-lib.background2", value: "background2" }
-], Nl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], Gl = [
+  { title: "x-runtime-lib.notSet", value: "" },
+  { title: "x-runtime-lib.show", value: "show" },
+  { title: "x-runtime-lib.always", value: "always" }
+], Xl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  axisTypeItemsV1: bl,
-  borderStyleItemsV1: yl,
-  btnVariantItemsV1: vl,
-  colorModeItemsV1: xl,
-  densityItemsV1: hl,
-  flexCrossAlignItemsV1: gl,
-  flexDirectionItemsV1: _l,
-  flexMainAlignItemsV1: kl,
-  flexWrapItemsV1: wl,
-  fontWeightItemsV1: Cl,
-  textAlignItemsV1: Vl,
-  textDecorationItemsV1: Sl,
-  textEmphasisItemsV1: Tl,
-  textStyleItemsV1: $l,
-  themeColorItemsV1: Il
-}, Symbol.toStringTag, { value: "Module" })), Al = [
+  axisTypeItemsV1: Pl,
+  borderStyleItemsV1: Wl,
+  btnVariantItemsV1: Bl,
+  colorModeItemsV1: Dl,
+  densityItemsV1: zl,
+  flexCrossAlignItemsV1: Rl,
+  flexDirectionItemsV1: Ml,
+  flexMainAlignItemsV1: Fl,
+  flexWrapItemsV1: Hl,
+  fontWeightItemsV1: Ol,
+  textAlignItemsV1: jl,
+  textDecorationItemsV1: Kl,
+  textEmphasisItemsV1: Ul,
+  textStyleItemsV1: Zl,
+  themeColorItemsV1: ql,
+  thumbLabelItemsV1: Gl
+}, Symbol.toStringTag, { value: "Module" })), Yl = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -3696,7 +4131,7 @@ const bl = [
     max: 1 / 0,
     step: 1
   }
-], El = [
+], Jl = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -3718,7 +4153,7 @@ const bl = [
     validator: (t) => t === "right",
     default: "right"
   }
-], Ll = [
+], Ql = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -3744,11 +4179,11 @@ const bl = [
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: Ge,
+    validator: tt,
     precision: 6,
     default: "0%"
   }
-], Pl = [
+], er = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -3768,12 +4203,12 @@ const bl = [
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: Ge,
+    validator: tt,
     precision: 6,
     min: 0,
     default: "0%"
   }
-], Wl = [
+], tr = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -3793,12 +4228,12 @@ const bl = [
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: Ge,
+    validator: tt,
     precision: 6,
     min: 0,
     default: "0%"
   }
-], Dl = [
+], nr = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -3827,7 +4262,7 @@ const bl = [
     validator: (t) => t === "end",
     default: "end"
   }
-], zl = [
+], ir = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -3849,62 +4284,63 @@ const bl = [
     validator: (t) => t === "bottom",
     default: "bottom"
   }
-], Bl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  borderWidthTypesV1: Al,
-  leftRightTypesV1: El,
-  marginTypesV1: Ll,
-  paddingTypesV1: Pl,
-  sizeTypesV1: Wl,
-  tableColumnAlignTypesV1: Dl,
-  topBottomTypesV1: zl
-}, Symbol.toStringTag, { value: "Module" })), Rl = {
+  borderWidthTypesV1: Yl,
+  leftRightTypesV1: Jl,
+  marginTypesV1: Ql,
+  paddingTypesV1: er,
+  sizeTypesV1: tr,
+  tableColumnAlignTypesV1: nr,
+  topBottomTypesV1: ir
+}, Symbol.toStringTag, { value: "Module" })), lr = {
   version: "v1",
-  globalityKey: Ae,
+  globalityKey: Le,
   refKey: de,
-  items: { ...Nl },
-  types: { ...Bl },
+  items: { ...Xl },
+  types: { ...or },
   elements: /* @__PURE__ */ new Set([
     ke,
-    we,
     Ce,
-    lt,
+    we,
+    ut,
     Ve,
     Se,
-    Te,
     $e,
+    Te,
     Ie,
-    cn,
     Ne,
+    xn,
     Ae,
-    Ee,
     Le,
+    Ee,
     Pe,
-    jo,
-    rt,
-    st,
     We,
-    de,
+    hn,
+    Be,
     De,
-    at,
     ze,
-    Be,
+    de,
     Re,
     Me,
-    dn
+    Fe,
+    He,
+    Oe,
+    je,
+    gn
   ]),
   groups: [
     {
       key: "containment",
       name: "x-runtime-lib.containment",
       items: [
-        we,
         Ce,
-        lt,
+        we,
+        ut,
         Se,
-        Ie,
-        $e,
-        Le,
+        Ne,
+        Te,
+        Pe,
         de
       ]
     },
@@ -3912,36 +4348,37 @@ const bl = [
       key: "formRelated",
       name: "x-runtime-lib.formRelated",
       items: [
-        Ne,
-        ze,
+        Ae,
+        Fe,
+        Oe,
+        He,
+        We,
         Re,
+        Ve,
         Be,
-        Pe,
+        Me,
         De,
-        Ve,
-        rt,
-        at,
-        st
+        Ie
       ]
     },
     {
       key: "dataDisplay",
       name: "x-runtime-lib.dataDisplay",
-      items: [Te, ke, Ee]
+      items: [$e, ke, Ee]
     },
     {
       key: "feedback",
       name: "x-runtime-lib.feedback",
-      items: [We, Me]
+      items: [ze, vn, je]
     }
   ]
-}, tt = {
-  v1: Rl
-}, Ml = (t, e, n) => {
-  const l = t[e];
-  return l ? typeof l == "function" ? l() : Promise.resolve(l) : new Promise((r, a) => {
+}, lt = {
+  v1: lr
+}, rr = (t, e, n) => {
+  const o = t[e];
+  return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((l, s) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
-      a.bind(
+      s.bind(
         null,
         new Error(
           "Unknown variable dynamic import: " + e + (e.split("/").length !== n ? ". Note that variables only represent file names one level deep." : "")
@@ -3950,71 +4387,77 @@ const bl = [
     );
   });
 };
-async function sr(t) {
-  return (await Ml(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.dolbu30a.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.em1gz0hz.js") }), `./locales/${t}/index.ts`, 4)).default;
+async function Ir(t) {
+  return (await rr(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.a2x9tv02.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.da0zepid.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
 export {
-  Uo as barChartV1,
-  Kt as breakpoints,
-  Jo as btnV1,
-  Ut as calcBreakpoint,
-  Qo as cardV1,
-  el as comboboxV1,
-  He as containerV1,
-  tl as dataTableV1,
-  nl as dialogV1,
-  Hn as duplicateNode,
-  Gl as duplicateNodes,
-  q as elements,
-  lr as ensureContext,
-  rr as fieldTypes,
-  Oe as flexLayoutEntryV1,
-  Ke as flexLayoutV1,
-  ll as formV1,
+  $r as badgeV1,
+  sl as barChartV1,
+  Jt as breakpoints,
+  pl as btnV1,
+  Qt as calcBreakpoint,
+  fl as cardV1,
+  bl as comboboxV1,
+  Ue as containerV1,
+  yl as dataTableV1,
+  vl as dialogV1,
+  Yn as duplicateNode,
+  vr as duplicateNodes,
+  Y as elements,
+  Vr as ensureContext,
+  Sr as fieldTypes,
+  Tr as fileInputV1,
+  Ze as flexLayoutEntryV1,
+  Ge as flexLayoutV1,
+  gl as formV1,
   ee as genId,
   le as getBreakpointProp,
-  it as getIndexOfBreakpoint,
-  ql as getNode,
-  ot as getPropDefault,
+  st as getIndexOfBreakpoint,
+  yr as getNode,
+  at as getPropDefault,
   ve as getPropTag,
-  Yo as globalityV1,
+  cl as globalityV1,
   re as initProps,
-  M as injectDark,
-  Z as injectData,
-  nn as injectDepends,
-  K as injectDevice,
-  tn as injectEnv,
-  P as injectMode,
+  F as injectDark,
+  q as injectData,
+  cn as injectDepends,
+  U as injectDevice,
+  un as injectEnv,
+  L as injectMode,
   xe as injectSandbox,
-  U as injectType,
-  Ge as isPercentStr,
+  Z as injectType,
+  tt as isPercentStr,
   ye as isPixelStr,
-  Xo as lineChartV1,
-  sr as loadLocaleMessageRuntime,
-  rl as menuV1,
-  un as newEventBus,
-  sl as numberInputV1,
+  ul as lineChartV1,
+  Ir as loadLocaleMessageRuntime,
+  _l as menuV1,
+  yn as newEventBus,
+  kl as numberInputV1,
   ge as parsePercentStr,
-  Yl as parsePixelStr,
-  tt as pkgs,
-  tr as provideDark,
-  ir as provideData,
-  or as provideDepends,
-  er as provideDevice,
-  Jl as provideEnv,
-  Ql as provideMode,
-  on as provideSandbox,
-  nr as provideType,
-  al as ratingV1,
-  qo as refV1,
-  Mn as reverseBreakpoints,
-  ul as selectV1,
-  Fn as spawnNode,
-  sn as startInterpreter,
-  an as stopInterpreter,
-  ml as textFieldV1,
-  cl as textV1,
-  dl as textareaV1,
-  pl as timelineEntryV1,
-  fl as timelineV1
+  br as parsePixelStr,
+  lt as pkgs,
+  _r as provideDark,
+  Cr as provideData,
+  wr as provideDepends,
+  gr as provideDevice,
+  xr as provideEnv,
+  hr as provideMode,
+  dn as provideSandbox,
+  kr as provideType,
+  wl as radioGroupV1,
+  Cl as radioV1,
+  Vl as rangeSliderV1,
+  Sl as ratingV1,
+  dl as refV1,
+  Gn as reverseBreakpoints,
+  $l as selectV1,
+  Tl as sliderV1,
+  Xn as spawnNode,
+  fn as startInterpreter,
+  bn as stopInterpreter,
+  Al as textFieldV1,
+  Il as textV1,
+  Nl as textareaV1,
+  El as timelineEntryV1,
+  Ll as timelineV1
 };