x-runtime-lib 0.6.55 → 0.6.56

package/dist/index.js

@@ -1,14 +1,14 @@
-var hn = Object.defineProperty;
-var gn = (t, e, n) => e in t ? hn(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var he = (t, e, n) => gn(t, typeof e != "symbol" ? e + "" : e, n);
-import { computed as s, inject as O, provide as j, readonly as Xe, onBeforeMount as _n, onUnmounted as se, defineComponent as $, useTemplateRef as Et, onMounted as Pt, watch as X, nextTick as Wt, createElementBlock as R, openBlock as V, normalizeStyle as oe, ref as Q, watchEffect as Dt, createBlock as I, h as L, resolveComponent as N, unref as H, withCtx as P, renderSlot as K, createVNode as B, createSlots as _e, renderList as kn, useId as zt, isRef as Bt, createCommentVNode as Rt, withModifiers as Cn, normalizeClass as Vn, toDisplayString as wn } from "vue";
-import { waitUtil as Mt, eventBus as Ye, messageInfo as Sn, messageSuccess as Tn, messageWarning as $n, messageError as Ft, createAxios as In, openConfirmDlg as Nn, openPromptDlg as An, useViewStack as Ht } from "x-essential-lib";
-import { useTheme as Ln } from "vuetify";
-import { c as W, u as En, r as Ot, e as jt, i as Pn, a as Wn, b as Dn, d as zn, f as Bn, g as Rn, h as Mn, j as Fn, I as Hn, m as On } from "./vendor.k0dcepe8.js";
-import { useI18n as Kt } from "vue-i18n";
-import { getErrorMessage as jn } from "x-error-lib";
-import { globalState as Kn } from "x-state-lib";
-const Y = {}, Un = {
+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,190 +18,190 @@ const Y = {}, Un = {
       name: "PARAM_NEW_NODE"
     }
   ]
-}, T = (t) => {
-  t.slots.some((e) => e.key === "default") && t.methods.unshift(Un), Y[t.key] = t;
+}, $ = (t) => {
+  t.slots.some((e) => e.key === "default") && t.methods.unshift(qn), Y[t.key] = t;
 };
-function Ut(t) {
-  const e = s(() => {
-    var r;
-    return (r = t.node.legend) == null ? void 0 : r.show;
-  }), n = s(() => {
-    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 Zt(t) {
-  const e = s(() => 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 qt(t) {
-  const e = s(() => {
-    var u;
-    return (u = t.node.title) == null ? void 0 : u.show;
-  }), n = s(() => {
-    var u;
-    return (u = t.node.title) == null ? void 0 : u.text;
-  }), l = s(() => {
-    var u;
-    return (u = t.node.title) == null ? void 0 : u.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(u) {
-    u.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 Gt(t) {
-  const e = s(() => {
-    var a;
-    return (a = t.node.xAxis) == null ? void 0 : a.show;
-  }), n = s(() => {
-    var a;
-    return (a = t.node.xAxis) == null ? void 0 : a.position;
-  }), l = s(() => {
-    var a;
-    return (a = t.node.xAxis) == null ? void 0 : a.type;
-  }), r = s(() => {
-    var a;
-    return (a = t.node.xAxis) == null ? void 0 : a.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 u(a) {
-    a.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: u };
+  return { show: e, position: n, type: o, data: l, applyXAxis: s };
 }
-function Xt(t) {
-  const e = s(() => {
-    var a;
-    return (a = t.node.yAxis) == null ? void 0 : a.show;
-  }), n = s(() => {
-    var a;
-    return (a = t.node.yAxis) == null ? void 0 : a.position;
-  }), l = s(() => {
-    var a;
-    return (a = t.node.yAxis) == null ? void 0 : a.type;
-  }), r = s(() => {
-    var a;
-    return (a = t.node.yAxis) == null ? void 0 : a.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 u(a) {
-    a.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: u };
+  return { show: e, position: n, type: o, data: l, applyYAxis: s };
 }
 function ae(t, e) {
-  const { computedThemes: n } = Ln(), l = s(() => {
+  const { computedThemes: n } = Pn(), o = a(() => {
     var p;
     return (p = e.value) == null ? void 0 : p.mode;
-  }), r = s(() => {
-    var d;
-    const p = (d = e.value) == null ? void 0 : d.theme;
+  }), 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;
-  }), u = s(() => {
-    var p, m;
-    return t.value ? (p = e.value.custom) == null ? void 0 : p.dark : (m = e.value.custom) == null ? void 0 : m.light;
+  }), 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: s(() => l.value === "theme" ? r.value : l.value === "custom" ? u.value : "") };
+  return { color: a(() => o.value === "theme" ? l.value : o.value === "custom" ? s.value : "") };
 }
 function Je(t, e) {
-  const n = s(() => {
+  const n = a(() => {
     var i;
     return (i = e.node.border) == null ? void 0 : i.style;
-  }), l = s(() => {
+  }), o = a(() => {
     var i;
     return (i = e.node.border) == null ? void 0 : i.width;
-  }), r = s(() => {
+  }), l = a(() => {
     var i;
     return (i = e.node.border) == null ? void 0 : i.color;
-  }), { color: u } = ae(t, r), a = s(() => {
+  }), { 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 = s(() => {
+  }), p = a(() => {
     var i, f;
     return (f = (i = e.node.border) == null ? void 0 : i.roundRadius) == null ? void 0 : f.tr;
-  }), m = s(() => {
+  }), y = a(() => {
     var i, f;
     return (f = (i = e.node.border) == null ? void 0 : i.roundRadius) == null ? void 0 : f.bl;
-  }), d = s(() => {
+  }), 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), u.value && (i.borderColor = u.value), a.value && (i.borderTopLeftRadius = a.value), p.value && (i.borderTopRightRadius = p.value), m.value && (i.borderBottomLeftRadius = m.value), d.value && (i.borderBottomRightRadius = d.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: u, applyBorder: o };
+  return { borderStyle: n, borderWidth: o, borderColor: s, applyBorder: r };
 }
 function Qe(t) {
-  const e = s(() => {
-    var a;
-    return (a = t.node.margin) == null ? void 0 : a.top;
-  }), n = s(() => {
-    var a;
-    return (a = t.node.margin) == null ? void 0 : a.left;
-  }), l = s(() => {
-    var a;
-    return (a = t.node.margin) == null ? void 0 : a.bottom;
-  }), r = s(() => {
-    var a;
-    return (a = t.node.margin) == null ? void 0 : a.right;
+  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 u(a) {
-    e.value && (a.marginTop = e.value), n.value && (a.marginLeft = n.value), l.value && (a.marginBottom = l.value), r.value && (a.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: u };
+  return { marginTop: e, marginLeft: n, marginBottom: o, marginRight: l, applyMargin: s };
 }
 function et(t) {
-  const e = s(() => {
-    var a;
-    return (a = t.node.padding) == null ? void 0 : a.top;
-  }), n = s(() => {
-    var a;
-    return (a = t.node.padding) == null ? void 0 : a.left;
-  }), l = s(() => {
-    var a;
-    return (a = t.node.padding) == null ? void 0 : a.bottom;
-  }), r = s(() => {
-    var a;
-    return (a = t.node.padding) == null ? void 0 : a.right;
+  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 u(a) {
-    e.value && (a.paddingTop = e.value), n.value && (a.paddingLeft = n.value), l.value && (a.paddingBottom = l.value), r.value && (a.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: u };
+  return { paddingTop: e, paddingLeft: n, paddingBottom: o, paddingRight: l, applyPadding: s };
 }
 const rt = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
 function ee(t) {
   let e = "";
   for (let n = 0; n < t; n++) {
-    const l = Math.floor(Math.random() * rt.length);
-    e += rt[l];
+    const o = Math.floor(Math.random() * rt.length);
+    e += rt[o];
   }
   return e;
 }
-function be(t) {
+function ye(t) {
   if (typeof t != "string" || !t.endsWith("px"))
     return !1;
   const e = t.substring(0, t.length - 2), n = parseFloat(e);
@@ -213,7 +213,7 @@ function tt(t) {
   const e = t.substring(0, t.length - 1), n = parseFloat(e);
   return !isNaN(n);
 }
-function cr(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 Yt = ["xs", "sm", "md", "lg", "xl"], Zn = [...Yt].reverse();
-function Jt(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 st(t) {
-  return Yt.findIndex((e) => e === t);
+  return Jt.findIndex((e) => e === t);
 }
 function le(t, e) {
   let n;
-  for (const l of Zn) {
-    if (st(l) < st(t))
+  for (const o of Gn) {
+    if (st(o) < st(t))
       break;
-    e[l] && (n = e[l]);
+    e[o] && (n = e[o]);
   }
   return n;
 }
@@ -264,43 +264,43 @@ function at(t, e) {
   }
 }
 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] = at(r);
+      o[l.key] = at(l);
     } else
-      r.array ? l[r.key] = at(r) : r.children.forEach((u) => {
-        l[r.key] || (l[r.key] = {}), n(l[r.key], u);
+      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 qn(t, e, n, l, r) {
-  const u = `type=${t} subtype=${e} version=${n} ref=${l} keyOrRefid=${r}`, a = ve(t, e);
-  if (!a) {
-    console.error(`spawnNode prop tag not found, ${u}`);
+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 p = lt[n];
   if (!p) {
-    console.error(`spawnNode pkg not found version, ${u}`);
+    console.error(`spawnNode pkg not found version, ${s}`);
     return;
   }
-  if (l) {
-    const m = p.refKey, d = r;
-    if (!p.elements.has(m)) {
-      console.error(`spawnNode [ref] element not found in pkg, ${u}`);
+  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 = Y[m];
-    if (!o) {
-      console.error(`spawnNode [ref] element not found in global, ${u}`);
+    const r = Y[y];
+    if (!r) {
+      console.error(`spawnNode [ref] element not found in global, ${s}`);
       return;
     }
-    const i = o.props[a];
+    const i = r.props[u];
     if (!i) {
-      console.error(`spawnNode [ref] props not found, ${u}`);
+      console.error(`spawnNode [ref] props not found, ${s}`);
       return;
     }
     const f = {
@@ -309,26 +309,26 @@ function qn(t, e, n, l, r) {
         key: ""
       }
     };
-    return re(f, i), f.basic.id = ee(16), f.basic.key = m, f.ref = {
-      id: d
+    return re(f, i), f.basic.id = ee(16), f.basic.key = y, f.ref = {
+      id: m
     }, f;
   } else {
-    const m = r;
-    if (!p.elements.has(m)) {
-      console.error(`spawnNode [key] element not found in pkg, ${u}`);
+    const y = l;
+    if (!p.elements.has(y)) {
+      console.error(`spawnNode [key] element not found in pkg, ${s}`);
       return;
     }
-    const d = Y[m];
-    if (!d) {
-      console.error(`spawnNode [key] element not found in global, ${u}`);
+    const m = Y[y];
+    if (!m) {
+      console.error(`spawnNode [key] element not found in global, ${s}`);
       return;
     }
-    if (d.spawn)
-      return d.spawn(t, e);
+    if (m.spawn)
+      return m.spawn(t, e);
     {
-      const o = d.props[a];
-      if (!o) {
-        console.error(`spawnNode [key] props not found, ${u}`);
+      const r = m.props[u];
+      if (!r) {
+        console.error(`spawnNode [key] props not found, ${s}`);
         return;
       }
       const i = {
@@ -337,345 +337,345 @@ function qn(t, e, n, l, r) {
           key: ""
         }
       };
-      return re(i, o), i.basic.id = ee(16), i.basic.key = m, d.slots.some((f) => f.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 dr(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 u = n(l.children[r]);
-        if (u)
-          return u;
+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 Gn(t) {
-  function e(l) {
-    var r;
-    l.basic.id = ee(16), (r = l.children) == null || r.forEach((u) => e(u));
+function Yn(t) {
+  function e(o) {
+    var l;
+    o.basic.id = ee(16), (l = o.children) == null || l.forEach((s) => e(s));
   }
   const n = W(t);
   return e(n), n;
 }
-function mr(t) {
+function vr(t) {
   const e = [];
   return t.forEach((n) => {
-    e.push(Gn(n));
+    e.push(Yn(n));
   }), e;
 }
-const Qt = "runtimeEnv", en = "runtimeMode", tn = "runtimeDevice", nn = "runtimeDark", on = "runtimeType", ln = "runtimeData", rn = "runtimeDepends", sn = "runtimeSandbox";
-function pr(t) {
-  j(Qt, 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 an() {
-  return O(Qt);
+function un() {
+  return j(en);
 }
-function fr(t) {
-  j(en, t);
+function hr(t) {
+  K(tn, t);
 }
-function A() {
-  return O(en);
+function L() {
+  return j(tn);
 }
-function yr(t) {
-  j(tn, Xe(t));
+function gr(t) {
+  K(nn, Xe(t));
 }
 function U() {
-  return O(tn);
+  return j(nn);
 }
-function br(t) {
-  j(nn, Xe(t));
+function _r(t) {
+  K(on, Xe(t));
 }
-function M() {
-  return O(nn);
+function F() {
+  return j(on);
 }
-function vr(t) {
-  j(on, t);
+function kr(t) {
+  K(ln, t);
 }
 function Z() {
-  return O(on);
+  return j(ln);
 }
-function xr(t) {
-  j(ln, t);
+function Cr(t) {
+  K(rn, t);
 }
 function q() {
-  return O(ln);
+  return j(rn);
 }
-function hr(t) {
-  j(rn, Xe(t));
+function wr(t) {
+  K(sn, Xe(t));
 }
-function un() {
-  return O(rn);
+function cn() {
+  return j(sn);
 }
-function cn(t) {
-  j(sn, t);
+function dn(t) {
+  K(an, t);
 }
 function xe() {
-  return O(sn);
+  return j(an);
 }
 function J(t, e, n) {
-  const l = s(() => {
-    var o;
-    return (o = n.node.size) == null ? void 0 : o.width;
-  }), r = s(() => {
-    var o;
-    return (o = n.node.size) == null ? void 0 : o.minWidth;
-  }), u = s(() => {
-    var o;
-    return (o = n.node.size) == null ? void 0 : o.maxWidth;
-  }), a = s(() => {
-    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 f = ge((o = n.node.size) == null ? void 0 : o.height);
+      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;
-  }), p = s(() => {
-    var o, i;
+  }), p = a(() => {
+    var r, i;
     if (n.outer && t === "editor") {
-      const f = ge((o = n.node.size) == null ? void 0 : o.minHeight);
+      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;
-  }), m = s(() => {
-    var o, i;
+  }), y = a(() => {
+    var r, i;
     if (n.outer && t === "editor") {
-      const f = ge((o = n.node.size) == null ? void 0 : o.maxHeight);
+      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 d(o) {
-    l.value && (o.width = l.value), r.value && (o.minWidth = r.value), u.value && (o.maxWidth = u.value), a.value && (o.height = a.value), p.value && (o.minHeight = p.value), m.value && (o.maxHeight = m.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: u, height: a, minHeight: p, maxHeight: m, applySize: d };
+  return { width: o, minWidth: l, maxWidth: s, height: u, minHeight: p, maxHeight: y, applySize: m };
 }
-function dn(t, e, n) {
-  const l = s(() => e.node.basic.id), r = s(() => `callMethod@${l.value}`);
-  _n(() => {
-    var u;
-    (u = t.eventBus) == null || u.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 u;
-    (u = t.eventBus) == null || u.off(r.value, n);
+    var s;
+    (s = t.eventBus) == null || s.off(l.value, n);
   });
 }
-const Xn = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Yn = "#242424", Jn = {}, Qn = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, ei = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, ti = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, ni = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, ii = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, oi = { itemStyle: { borderWidth: 0, borderColor: "#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: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, di = { 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" } }, mi = { 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)" } } }, pi = { 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)" } } }, fi = { 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"] } } }, 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"] } } }, bi = { 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 = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, hi = { textStyle: { color: "#eeeeee" } }, gi = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, _i = { 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" } } }, ki = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Ci = { 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" } } }, wi = {
-  color: Xn,
-  backgroundColor: Yn,
-  textStyle: Jn,
-  title: Qn,
-  line: ei,
-  radar: ti,
-  bar: ni,
-  pie: ii,
-  scatter: oi,
-  boxplot: li,
-  parallel: ri,
-  sankey: si,
-  funnel: ai,
-  gauge: ui,
-  candlestick: ci,
-  graph: di,
-  map: mi,
-  geo: pi,
-  categoryAxis: fi,
-  valueAxis: yi,
-  logAxis: bi,
-  timeAxis: vi,
-  toolbox: xi,
-  legend: hi,
-  tooltip: gi,
-  timeline: _i,
-  visualMap: ki,
-  dataZoom: Ci,
-  markPoint: Vi
-}, Si = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Ti = "#f5f5f5", $i = {}, Ii = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Ni = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ai = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Li = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Ei = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Pi = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Wi = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Di = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, zi = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Bi = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ri = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Mi = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Fi = { 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" } }, Hi = { 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)" } } }, Oi = { 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)" } } }, ji = { 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"] } } }, Ki = { 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"] } } }, 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 = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Gi = { textStyle: { color: "#333333" } }, Xi = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, Yi = { 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" } } }, Ji = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Qi = { 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" } }, eo = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, to = {
-  color: Si,
-  backgroundColor: Ti,
-  textStyle: $i,
-  title: Ii,
-  line: Ni,
-  radar: Ai,
-  bar: Li,
-  pie: Ei,
-  scatter: Pi,
-  boxplot: Wi,
-  parallel: Di,
-  sankey: zi,
-  funnel: Bi,
-  gauge: Ri,
-  candlestick: Mi,
-  graph: Fi,
-  map: Hi,
-  geo: Oi,
-  categoryAxis: ji,
-  valueAxis: Ki,
-  logAxis: Ui,
-  timeAxis: Zi,
-  toolbox: qi,
-  legend: Gi,
-  tooltip: Xi,
-  timeline: Yi,
-  visualMap: Ji,
-  dataZoom: Qi,
-  markPoint: eo
+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
 };
-En([
-  Pn,
-  Wn,
+Wn([
+  Bn,
   Dn,
   zn,
-  Bn,
   Rn,
   Mn,
-  Fn
+  Fn,
+  Hn,
+  On
 ]);
-Ot("dark", wi);
-Ot("light", to);
-const no = /* @__PURE__ */ $({
+jt("dark", $i);
+jt("light", io);
+const oo = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = A(), l = U(), r = M(), u = Z(), a = q(), { width: p, minWidth: m, maxWidth: d, height: o, minHeight: i, maxHeight: f, applySize: v } = J(n, l, e), { applyTitle: y } = qt(e), { applyXAxis: c } = Gt(e), { applyYAxis: _ } = Xt(e), { applyLegend: C } = Ut(e), { applySeries: b } = Zt(e), k = s(() => {
-      const w = {}, G = a.value.type;
-      return u === "page" ? G === "common" ? v(w) : console.assert(!1) : u === "comp" && G === "common" ? v(w) : console.assert(!1), w;
-    }), h = Et("chart");
+    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 = () => {
-      x == null || x.dispose(), x = jt.init(h.value, r.value ? "dark" : "light");
-      const w = {};
-      x.setOption(w);
-    }, E = () => {
+      x == null || x.dispose(), x = Kt.init(h.value, l.value ? "dark" : "light");
+      const V = {};
+      x.setOption(V);
+    }, P = () => {
       x == null || x.resize();
-    }, D = () => {
-      const w = {};
-      y(w), c(w), _(w), C(w), b(w), x == null || x.setOption(w, !0);
+    }, B = () => {
+      const V = {};
+      b(V), d(V), _(V), w(V), v(V), x == null || x.setOption(V, !0);
     };
-    return Pt(async () => {
-      window.addEventListener("resize", E, !1), await Mt(() => !!h.value), S(), D();
+    return Wt(async () => {
+      window.addEventListener("resize", P, !1), await Ft(() => !!h.value), S(), B();
     }), se(() => {
-      window.removeEventListener("resize", E, !1), x == null || x.dispose();
+      window.removeEventListener("resize", P, !1), x == null || x.dispose();
     }), X(
       [
-        () => l.value.width,
-        () => l.value.height,
+        () => o.value.width,
+        () => o.value.height,
         p,
+        y,
         m,
-        d,
-        o,
+        r,
         i,
         f
       ],
       async () => {
-        await Wt(), E();
+        await Bt(), P();
       }
-    ), X([r], () => {
-      S(), D();
+    ), X([l], () => {
+      S(), B();
     }), X(
       [e],
       () => {
-        D();
+        B();
       },
       { deep: !0 }
-    ), (w, G) => (V(), R("div", {
+    ), (V, G) => (C(), R("div", {
       ref: "chart",
       style: oe(k.value)
     }, null, 4));
   }
-}), io = /* @__PURE__ */ $({
+}), lo = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = A(), l = U(), r = M(), u = Z(), a = q(), { width: p, minWidth: m, maxWidth: d, height: o, minHeight: i, maxHeight: f, applySize: v } = J(n, l, e), { applyTitle: y } = qt(e), { applyXAxis: c } = Gt(e), { applyYAxis: _ } = Xt(e), { applyLegend: C } = Ut(e), { applySeries: b } = Zt(e), k = s(() => {
-      const w = {}, G = a.value.type;
-      return u === "page" ? G === "common" ? v(w) : console.assert(!1) : u === "comp" && G === "common" ? v(w) : console.assert(!1), w;
-    }), h = Et("chart");
+    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 = () => {
-      x == null || x.dispose(), x = jt.init(h.value, r.value ? "dark" : "light");
-      const w = {};
-      x.setOption(w);
-    }, E = () => {
+      x == null || x.dispose(), x = Kt.init(h.value, l.value ? "dark" : "light");
+      const V = {};
+      x.setOption(V);
+    }, P = () => {
       x == null || x.resize();
-    }, D = () => {
-      const w = {};
-      y(w), c(w), _(w), C(w), b(w), x == null || x.setOption(w, !0);
+    }, B = () => {
+      const V = {};
+      b(V), d(V), _(V), w(V), v(V), x == null || x.setOption(V, !0);
     };
-    return Pt(async () => {
-      window.addEventListener("resize", E, !1), await Mt(() => !!h.value), S(), D();
+    return Wt(async () => {
+      window.addEventListener("resize", P, !1), await Ft(() => !!h.value), S(), B();
     }), se(() => {
-      window.removeEventListener("resize", E, !1), x == null || x.dispose();
+      window.removeEventListener("resize", P, !1), x == null || x.dispose();
     }), X(
       [
-        () => l.value.width,
-        () => l.value.height,
+        () => o.value.width,
+        () => o.value.height,
         p,
+        y,
         m,
-        d,
-        o,
+        r,
         i,
         f
       ],
       async () => {
-        await Wt(), E();
+        await Bt(), P();
       }
-    ), X([r], () => {
-      S(), D();
+    ), X([l], () => {
+      S(), B();
     }), X(
       [e],
       () => {
-        D();
+        B();
       },
       { deep: !0 }
-    ), (w, G) => (V(), R("div", {
+    ), (V, G) => (C(), R("div", {
       ref: "chart",
       style: oe(k.value)
     }, null, 4));
   }
 });
-function oo(t, e) {
+function ro(t, e) {
   function n(p) {
-    const m = t.pseudoToNative(p);
-    console.log(m);
+    const y = t.pseudoToNative(p);
+    console.log(y);
   }
-  function l(p) {
-    const m = t.pseudoToNative(p);
-    let d = "";
-    typeof m == "object" ? d = JSON.stringify(m) : d = String(m), Ye.emit("consoleAppend", d);
+  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(p, m) {
-    const d = t.pseudoToNative(p), o = t.pseudoToNative(m);
-    d === "info" ? Sn(o) : d === "success" ? Tn(o) : d === "warning" ? $n(o) : d === "error" && Ft(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 u(p, m) {
-    const d = t.pseudoToNative(p), o = t.pseudoToNative(m);
+  function s(p, y) {
+    const m = t.pseudoToNative(p), r = t.pseudoToNative(y);
     setTimeout(() => {
-      t.appendCode(`__timeoutCallbackV1__(${d})`), t.run();
-    }, o);
+      t.appendCode(`__timeoutCallbackV1__(${m})`), t.run();
+    }, r);
   }
-  function a(p, m) {
-    const d = t.pseudoToNative(p);
+  function u(p, y) {
+    const m = t.pseudoToNative(p);
     setTimeout(() => {
-      m(), t.run();
-    }, d);
+      y(), t.run();
+    }, m);
   }
   t.setProperty(
     e,
@@ -684,45 +684,45 @@ function oo(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(u)
+    t.createNativeFunction(s)
   ), t.setProperty(
     e,
     "__delayV1__",
-    t.createAsyncFunction(a)
+    t.createAsyncFunction(u)
   );
 }
-const mn = In({
+const pn = An({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
-    const { i18n: e } = Kn.base;
-    Ft(jn(e, t));
+    const { i18n: e } = Zn.base;
+    Ht(Un(e, t));
   }
 });
-window.API_URL && (mn.defaults.baseURL = window.API_URL + "/computebase/");
-function lo(t) {
-  return mn.post("callFunc", t);
+window.API_URL && (pn.defaults.baseURL = window.API_URL + "/computebase/");
+function so(t) {
+  return pn.post("callFunc", t);
 }
-function ro(t, e) {
-  async function n(l, r, u, a, p, m) {
-    const d = t.pseudoToNative(l), o = t.pseudoToNative(r), i = t.pseudoToNative(u), f = t.pseudoToNative(a), v = t.pseudoToNative(p);
+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 y = JSON.stringify(i), { strOutputs: c } = await lo({
-        spaceid: d,
-        id: o,
-        strInputs: y,
+      const b = JSON.stringify(i), { strOutputs: d } = await so({
+        spaceid: m,
+        id: r,
+        strInputs: b,
         env: f
-      }), _ = JSON.parse(c);
-      m(t.nativeToPseudo(_)), t.run();
-    } catch (y) {
-      console.error("callFuncV1 failed", v, y);
+      }), _ = JSON.parse(d);
+      y(t.nativeToPseudo(_)), t.run();
+    } catch (b) {
+      console.error("callFuncV1 failed", c, b);
     }
   }
   t.setProperty(
@@ -731,126 +731,126 @@ function ro(t, e) {
     t.createAsyncFunction(n)
   );
 }
-class so {
+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((u) => n(u));
+    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 u;
+  addNode(e, n, o) {
+    const l = `parent=${e} ref=${n} keyOrRefid=${o}`;
+    let s;
     if (e) {
       const p = this.getNode(e);
       if (!p)
-        return console.error(`NodeMgr/addNode parent not found, ${r}`), "";
+        return console.error(`NodeMgr/addNode parent not found, ${l}`), "";
       if (!p.children)
-        return console.error(`NodeMgr/addNode parent no children, ${r}`), "";
-      u = p.children;
+        return console.error(`NodeMgr/addNode parent no children, ${l}`), "";
+      s = p.children;
     } else
-      u = this.context.data.view.nodes;
-    if (!u)
+      s = this.context.data.view.nodes;
+    if (!s)
       return "";
-    const a = qn(
+    const u = Xn(
       this.context.type,
       this.context.data.type,
       this.context.data.version,
       n,
-      l
+      o
     );
-    return a ? (u.push(a), this.nodes[a.basic.id] = a, a.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 ao(t, e, n) {
-  const l = new so(t);
-  function r(i, f, v) {
-    const y = e.pseudoToNative(i), c = e.pseudoToNative(f), _ = e.pseudoToNative(v), C = l.addNode(y, c, _);
-    return e.nativeToPseudo(C);
+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 u(i) {
+  function s(i) {
     const f = e.pseudoToNative(i);
-    l.deleteNode(f);
+    o.deleteNode(f);
   }
-  function a(i, f) {
-    const v = e.pseudoToNative(i), y = e.pseudoToNative(f), c = `id=${v} keys=${y}`;
+  function u(i, f) {
+    const c = e.pseudoToNative(i), b = e.pseudoToNative(f), d = `id=${c} keys=${b}`;
     let _;
-    if (v === "globality" ? _ = t.data.view : _ = l.getNode(v), !_) {
-      console.error(`getNodePropV1 node not found, ${c}`);
+    if (c === "globality" ? _ = t.data.view : _ = o.getNode(c), !_) {
+      console.error(`getNodePropV1 node not found, ${d}`);
       return;
     }
-    const C = y.split("."), b = C.length;
-    for (let k = 0; k < b; k++) {
-      const h = C[k];
-      if (k === b - 1)
+    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, ${c}`);
+        console.error(`getNodePropV1 unpkg failed, ${d}`);
         return;
       }
       _ = _[h];
     }
   }
-  function p(i, f, v) {
-    const y = e.pseudoToNative(i), c = e.pseudoToNative(f), _ = e.pseudoToNative(v), C = `id=${y} keys=${c} value=${_}`;
-    let b;
-    if (y === "globality" ? b = t.data.view : b = l.getNode(y), !b) {
-      console.error(`setNodePropV1 node not found, ${C}`);
+  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 k = c.split("."), h = k.length;
+    const k = d.split("."), h = k.length;
     for (let x = 0; x < h; x++) {
       const S = k[x];
       if (x === h - 1)
-        b[S] = _;
+        v[S] = _;
       else {
-        if (!b) {
-          console.error(`setNodePropV1 unpkg failed, ${C}`);
+        if (!v) {
+          console.error(`setNodePropV1 unpkg failed, ${w}`);
           return;
         }
-        b = b[S];
+        v = v[S];
       }
     }
   }
-  function m(i, f, v, y) {
+  function y(i, f, c, b) {
     var k;
-    const c = e.pseudoToNative(i), _ = e.pseudoToNative(f), C = e.pseudoToNative(v), b = { outputs: [] };
-    (k = t.eventBus) == null || k.emit(`callMethod@${c}`, { name: _, inputs: C, result: b }), y(e.nativeToPseudo(b.outputs)), e.run();
+    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 d(i, f, v) {
-    const y = e.pseudoToNative(i), c = e.pseudoToNative(f);
-    Nn({ title: y, text: c }).then((_) => {
-      v(e.nativeToPseudo(_)), 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, f, v, y) {
-    const c = e.pseudoToNative(i), _ = e.pseudoToNative(f), C = e.pseudoToNative(v);
-    An({ title: c, label: _, value: C }).then((b) => {
-      y(e.nativeToPseudo(b)), 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(u)
+    e.createNativeFunction(s)
   ), e.setProperty(
     n,
     "__getNodePropV1__",
-    e.createNativeFunction(a)
+    e.createNativeFunction(u)
   ), e.setProperty(
     n,
     "__setNodePropV1__",
@@ -858,21 +858,21 @@ function ao(t, e, n) {
   ), e.setProperty(
     n,
     "__callNodeMethodV1__",
-    e.createAsyncFunction(m)
+    e.createAsyncFunction(y)
   ), e.setProperty(
     n,
     "__openConfirmDlgV1__",
-    e.createAsyncFunction(d)
+    e.createAsyncFunction(m)
   ), e.setProperty(
     n,
     "__openPromptDlgV1__",
-    e.createAsyncFunction(o)
+    e.createAsyncFunction(r)
   );
 }
-function uo(t, e, n) {
-  oo(e, n), ro(e, n), ao(t, e, n);
+function mo(t, e, n) {
+  ro(e, n), ao(e, n), co(t, e, n);
 }
-const co = `
+const po = `
 var __env__ = 'dev'
 
 function __getEnvV1__() {
@@ -881,7 +881,7 @@ function __getEnvV1__() {
 
 var __pointerPosX__ = 0
 var __pointerPosY__ = 0
-`, mo = `
+`, 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)
   }
 }
-`, po = `
+`, bo = `
 var __timers__ = {}
 var __currTimerId__ = 0
 
@@ -994,15 +994,15 @@ function __timeoutCallbackV1__(timerId) {
     }
   }
 }
-`, fo = `
+`, yo = `
 function __destroy__() {
 }
-`, yo = co + mo + po + fo;
-function pn(t, e) {
-  const n = new Hn(
-    yo,
-    (l, r) => {
-      uo(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,28 +1010,28 @@ __env__ = '${t.env}';
 __triggerEvent__('globality', 'startup');
   `), n.run(), n;
 }
-function fn(t) {
+function bn(t) {
   t.appendCode("__destroy__();"), t.run();
 }
-function gr(t, e, n, l, r) {
-  let u = t;
+function Vr(t, e, n, o, l) {
+  let s = t;
   for (let p = 0; p < e.length; p++)
-    if (u = u.children[e[p]], !u) {
+    if (s = s.children[e[p]], !s) {
       console.assert(!1, `unpkg context failed parentKeys=${e}`);
       return;
     }
-  let a = u.children[n];
-  a ? a.dataSeq !== l && (a = {
-    dataSeq: l,
-    data: W(r),
+  let u = s.children[n];
+  u ? u.dataSeq !== o && (u = {
+    dataSeq: o,
+    data: W(l),
     children: {}
-  }) : (a = {
-    dataSeq: l,
-    data: W(r),
+  }) : (u = {
+    dataSeq: o,
+    data: W(l),
     children: {}
-  }, u.children[n] = a);
+  }, s.children[n] = u);
 }
-const _r = [
+const Sr = [
   "string",
   "number",
   "boolean",
@@ -1039,9 +1039,9 @@ const _r = [
   "object"
 ];
 function yn() {
-  return On();
+  return Kn();
 }
-const bo = /* @__PURE__ */ $({
+const xo = /* @__PURE__ */ T({
   __name: "index",
   props: {
     id: {},
@@ -1050,64 +1050,64 @@ const bo = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const { t: e } = Kt(), n = t, l = an(), r = A(), u = U(), a = Z(), p = q(), m = un(), d = Q(-1), o = Q(), i = {};
-    cn(i);
+    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 && (fn(i.interpreter), i.interpreter = void 0);
+      i.eventBus && (i.eventBus = void 0), i.interpreter && (bn(i.interpreter), i.interpreter = void 0);
     };
     Dt(() => {
       if (!n.refContext.refid) {
-        d.value = -1, o.value = void 0, f();
+        m.value = -1, r.value = void 0, f();
         return;
       }
-      const h = m.value[n.refContext.refid];
+      const h = y.value[n.refContext.refid];
       if (!h) {
-        d.value = -1, o.value = null, f(), Ye.emit("compNotAvail", n.refContext.refid);
+        m.value = -1, r.value = null, f(), Ye.emit("compNotAvail", n.refContext.refid);
         return;
       }
-      if (d.value === h.dataSeq || (d.value = h.dataSeq, o.value = W(h.data), r !== "runtime"))
+      if (m.value === h.dataSeq || (m.value = h.dataSeq, r.value = W(h.data), l !== "runtime"))
         return;
       f();
-      const x = o.value, S = x.code.script;
+      const x = r.value, S = x.code.script;
       if (S) {
-        const E = yn();
-        i.eventBus = E, i.interpreter = pn(
-          { env: l, type: a, data: x, eventBus: E },
+        const P = yn();
+        i.eventBus = P, i.interpreter = fn(
+          { env: o, type: u, data: x, eventBus: P },
           S
         );
       }
     }), se(() => {
       f();
     });
-    const { applySize: v } = J(r, u, n), y = s(() => {
+    const { applySize: c } = J(l, s, n), b = a(() => {
       const h = {}, x = p.value.type;
-      return a === "page" ? x === "common" ? v(h) : console.assert(!1) : a === "comp" && x === "common" ? v(h) : console.assert(!1), h;
+      return u === "page" ? x === "common" ? c(h) : console.assert(!1) : u === "comp" && x === "common" ? c(h) : console.assert(!1), h;
     });
-    function c(h) {
+    function d(h) {
       const x = lt[p.value.version].refKey, S = Y[x];
-      return S ? L(S.comp, {
+      return S ? E(S.comp, {
         refContext: {
           parent: n.refContext,
           refid: h.ref.id
         },
         node: h
-      }) : (console.assert(!1, `ref element not found key=${x}`), L("div", `ref element not found key=${x}`));
+      }) : (console.assert(!1, `ref element not found key=${x}`), E("div", `ref element not found key=${x}`));
     }
     function _(h) {
-      var E;
+      var P;
       const x = Y[h.basic.key];
       if (!x)
-        return console.assert(!1, `element not found key=${h.basic.key}`), L("div", `element not found key=${h.basic.key}`);
+        return console.assert(!1, `element not found key=${h.basic.key}`), E("div", `element not found key=${h.basic.key}`);
       const S = [];
-      return x.slots.some((D) => D.key === "default") && ((E = h.children) == null || E.forEach((D) => {
-        const w = C(D);
-        S.push(w);
-      })), L(x.comp, { node: h }, { default: () => S });
+      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 C(h) {
-      return h.ref ? c(h) : _(h);
+    function w(h) {
+      return h.ref ? d(h) : _(h);
     }
-    function b() {
+    function v() {
       let h = n.refContext.parent;
       for (; h; ) {
         if (h.refid === n.refContext.refid)
@@ -1117,51 +1117,51 @@ const bo = /* @__PURE__ */ $({
       return !1;
     }
     const k = () => {
-      if (b())
-        return L("div", { id: n.id }, e("x-runtime-lib.circularRef"));
-      if (!o.value)
-        return o.value === void 0 ? L("div", { id: n.id }) : L("div", { id: n.id }, e("x-runtime-lib.compNotAvail"));
-      const h = o.value.type;
+      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 o.value.view.nodes.forEach((S) => {
-          x.push(C(S));
-        }), L("div", { id: n.id, style: y.value }, 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=${h}`), L("div", { id: n.id }, `invalid subtype=${h}`);
+        return console.assert(!1, `invalid subtype=${h}`), E("div", { id: n.id }, `invalid subtype=${h}`);
     };
-    return (h, x) => (V(), I(k));
+    return (h, x) => (C(), I(k));
   }
-}), F = /* @__PURE__ */ $({
+}), O = /* @__PURE__ */ T({
   __name: "index",
   props: {
     refContext: {},
     state: {}
   },
   setup(t) {
-    const { t: e } = Kt(), n = t, l = an(), r = A(), u = Z(), a = q(), p = un(), m = Q(-1), d = Q(), o = {};
-    cn(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 && (fn(o.interpreter), o.interpreter = void 0);
+      r.eventBus && (r.eventBus = void 0), r.interpreter && (bn(r.interpreter), r.interpreter = void 0);
     };
     Dt(() => {
       if (!n.refContext.refid) {
-        m.value = -1, d.value = void 0, i();
+        y.value = -1, m.value = void 0, i();
         return;
       }
-      const b = p.value[n.refContext.refid];
-      if (!b) {
-        m.value = -1, d.value = null, i(), Ye.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 (m.value === b.dataSeq || (m.value = b.dataSeq, d.value = W(b.data), r !== "runtime"))
+      if (y.value === v.dataSeq || (y.value = v.dataSeq, m.value = W(v.data), l !== "runtime"))
         return;
       i();
-      const k = d.value, h = k.code.script;
+      const k = m.value, h = k.code.script;
       if (h) {
         const x = yn();
-        o.eventBus = x, o.interpreter = pn(
-          { env: l, type: u, data: k, eventBus: x },
+        r.eventBus = x, r.interpreter = fn(
+          { env: o, type: s, data: k, eventBus: x },
           h
         );
       }
@@ -1178,834 +1178,882 @@ const bo = /* @__PURE__ */ $({
       },
       { deep: !0, immediate: !0 }
     );
-    function v(b) {
-      const k = lt[a.value.version].refKey, h = Y[k];
-      return h ? L(h.comp, {
+    function c(v) {
+      const k = lt[u.value.version].refKey, h = Y[k];
+      return h ? E(h.comp, {
         refContext: {
           parent: n.refContext,
-          refid: b.ref.id
+          refid: v.ref.id
         },
-        node: b
-      }) : (console.assert(!1, `ref element not found key=${k}`), L("div", `ref element not found key=${k}`));
+        node: v
+      }) : (console.assert(!1, `ref element not found key=${k}`), E("div", `ref element not found key=${k}`));
     }
-    function y(b) {
+    function b(v) {
       var x;
-      const k = Y[b.basic.key];
+      const k = Y[v.basic.key];
       if (!k)
-        return console.assert(!1, `element not found key=${b.basic.key}`), L("div", `element not found key=${b.basic.key}`);
+        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 = b.children) == null || x.forEach((S) => {
-        h.push(c(S));
-      })), L(k.comp, { node: b }, { default: () => 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 c(b) {
-      return b.ref ? v(b) : y(b);
+    function d(v) {
+      return v.ref ? c(v) : b(v);
     }
     function _() {
-      let b = n.refContext.parent;
-      for (; b; ) {
-        if (b.refid === n.refContext.refid)
+      let v = n.refContext.parent;
+      for (; v; ) {
+        if (v.refid === n.refContext.refid)
           return !0;
-        b = b.parent;
+        v = v.parent;
       }
       return !1;
     }
-    const C = () => {
+    const w = () => {
       if (_())
-        return L("div", e("x-runtime-lib.circularRef"));
-      if (!d.value)
-        return d.value === void 0 ? L("div") : L("div", e("x-runtime-lib.compNotAvail"));
-      const b = d.value.type;
-      if (b === "common") {
+        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 d.value.view.nodes.forEach((h) => {
-          k.push(c(h));
+        return m.value.view.nodes.forEach((h) => {
+          k.push(d(h));
         }), k;
       } else
-        return console.assert(!1, `invalid subtype=${b}`), L("div", `invalid subtype=${b}`);
+        return console.assert(!1, `invalid subtype=${v}`), E("div", `invalid subtype=${v}`);
     };
-    return (b, k) => (V(), I(C));
+    return (v, k) => (C(), I(w));
   }
-}), vo = /* @__PURE__ */ $({
+}), 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 = A(), l = M(), r = xe(), u = s(() => {
-      var y;
-      return (y = e.node.settings) == null ? void 0 : y.text;
-    }), a = s(() => {
-      var y;
-      return (y = e.node.settings) == null ? void 0 : y.disabled;
-    }), p = s(() => {
-      var y;
-      return (y = e.node.settings) == null ? void 0 : y.variant;
-    }), m = s(() => {
-      var y;
-      return (y = e.node.settings) == null ? void 0 : y.density;
-    }), d = s(() => {
-      var y;
-      return (y = e.node.settings) == null ? void 0 : y.block;
-    }), o = s(() => l.value ? "dark" : "light"), i = s(() => {
-      var y;
-      return (y = e.node.settings) == null ? void 0 : y.color;
-    }), { color: f } = ae(l, i), v = (y) => {
+    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 c = r.interpreter;
-      if (!c)
+      const d = l.interpreter;
+      if (!d)
         return;
-      const _ = c.nativeToPseudo(y.clientX), C = c.nativeToPseudo(y.clientY), b = c.nativeToPseudo(e.node.basic.id);
-      c.appendCode(`__pointerPosX__ = ${_};`), c.appendCode(`__pointerPosY__ = ${C};`), c.appendCode(`__triggerEvent__('${b}', 'click');`), c.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 (y, c) => {
+    return (b, d) => {
       const _ = N("v-btn");
-      return V(), I(_, {
-        text: u.value,
-        disabled: a.value,
-        variant: p.value,
-        density: m.value,
-        color: H(f),
-        block: d.value,
-        theme: o.value,
-        onClick: v
-      }, null, 8, ["text", "disabled", "variant", "density", "color", "block", "theme"]);
+      return C(), I(_, {
+        block: s.value,
+        color: H(p),
+        density: y.value,
+        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;
-}, xo = {};
-function ho(t, e) {
+}), Co = {};
+function wo(t, e) {
   const n = N("v-card");
-  return V(), I(n, null, {
-    default: P(() => [
-      K(t.$slots, "default")
+  return C(), I(n, null, {
+    default: A(() => [
+      M(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const go = /* @__PURE__ */ ue(xo, [["render", ho]]), _o = { key: 0 }, ko = /* @__PURE__ */ $({
+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 = A(), l = M(), r = s(() => {
+    const e = t, n = L(), o = F(), l = a(() => {
       var i;
-      return (i = e.node.settings) == null ? void 0 : i.value;
-    }), u = s(() => {
+      return (i = e.node.settings) == null ? void 0 : i.hideDetails;
+    }), s = a(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.label;
-    }), a = s(() => {
+    }), 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;
-    }), p = s(() => {
+    }), y = a(() => {
       var i;
-      return (i = e.node.settings) == null ? void 0 : i.hideDetails;
-    }), m = s(() => {
+      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;
-    }), d = s(() => {
-      var i;
-      return n !== "runtime" ? !0 : (i = e.node.settings) == null ? void 0 : i.readonly;
-    }), o = s(() => l.value ? "dark" : "light");
+    }), r = a(() => o.value ? "dark" : "light");
     return (i, f) => {
-      const v = N("v-combobox");
-      return H(n) === "editor" ? (V(), R("div", _o, [
-        B(v, {
-          "model-value": r.value,
-          label: u.value,
-          placeholder: a.value,
-          "hide-details": p.value,
+      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,
-          readonly: d.value,
-          theme: o.value
-        }, null, 8, ["model-value", "label", "placeholder", "hide-details", "single-line", "readonly", "theme"])
-      ])) : (V(), I(v, {
+          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: u.value,
-        placeholder: a.value,
-        "hide-details": p.value,
+        "hide-details": l.value,
+        label: s.value,
+        "model-value": u.value,
+        placeholder: p.value,
+        readonly: y.value,
         "single-line": m.value,
-        readonly: d.value,
-        theme: o.value
-      }, null, 8, ["model-value", "label", "placeholder", "hide-details", "single-line", "readonly", "theme"]));
+        theme: r.value
+      }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"]));
     };
   }
-}), Co = /* @__PURE__ */ $({
+}), To = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = A(), l = U(), r = M(), u = Z(), a = q(), { applySize: p } = J(n, l, e), { applyMargin: m } = Qe(e), { applyPadding: d } = et(e), { applyBorder: o } = Je(r, e), i = s(() => {
-      var y;
-      return (y = e.node.settings) == null ? void 0 : y.backgroundColor;
-    }), { color: f } = ae(r, i), v = s(() => {
-      const y = {}, c = a.value.type;
-      return u === "page" ? c === "common" ? (p(y), m(y), d(y), o(y), f.value && (y.backgroundColor = f.value)) : console.assert(!1) : u === "comp" && c === "common" ? (p(y), m(y), d(y), o(y), f.value && (y.backgroundColor = f.value)) : console.assert(!1), y;
+    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 (y, c) => (V(), R("div", {
-      style: oe(v.value)
+    return (b, d) => (C(), R("div", {
+      style: oe(c.value)
     }, [
-      K(y.$slots, "default")
+      M(b.$slots, "default")
     ], 4));
   }
-}), Vo = /* @__PURE__ */ $({
+}), Io = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = M(), l = s(() => {
-      var c;
-      return (c = e.node.size) == null ? void 0 : c.width;
-    }), r = s(() => {
-      var c;
-      return (c = e.node.size) == null ? void 0 : c.height;
-    }), u = s(() => {
-      var c;
-      return (c = e.node.settings) == null ? void 0 : c.headers;
-    }), a = s(() => {
+    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 c = (_ = e.node.settings) == null ? void 0 : _.data;
-      return typeof c == "string" ? JSON.parse(c) : c;
-    }), p = s(() => {
-      var c;
-      return (c = e.node.settings) == null ? void 0 : c.density;
-    }), m = s(() => {
-      var c;
-      return (c = e.node.settings) == null ? void 0 : c.hover;
-    }), d = s(() => {
-      var c;
-      return (c = e.node.settings) == null ? void 0 : c.fixedHeader;
-    }), o = s(() => {
-      var c;
-      return (c = e.node.settings) == null ? void 0 : c.fixedFooter;
-    }), i = s(() => {
-      var c;
-      return (c = e.node.settings) == null ? void 0 : c.loading;
-    }), f = s(() => {
-      var c;
-      return (c = e.node.settings) == null ? void 0 : c.multiSort;
-    }), v = s(() => n.value ? "dark" : "light"), y = s(() => {
-      var C;
-      const c = [];
-      return (((C = e.node.slots) == null ? void 0 : C.items) ?? []).forEach((b) => {
-        b.column && b.comp && c.push(b);
-      }), c;
+      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 d = [];
+      return (((w = e.node.slots) == null ? void 0 : w.items) ?? []).forEach((v) => {
+        v.column && v.comp && d.push(v);
+      }), d;
     });
-    return (c, _) => {
-      const C = N("v-data-table");
-      return V(), I(C, {
-        width: l.value,
-        height: r.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,
-        items: a.value,
-        density: p.value,
-        hover: m.value,
-        "fixed-header": d.value,
-        "fixed-footer": o.value,
-        loading: i.value,
-        "multi-sort": f.value,
-        theme: v.value
+        height: p.value,
+        hover: y.value,
+        items: m.value,
+        loading: r.value,
+        "multi-sort": i.value,
+        theme: f.value,
+        width: c.value
       }, _e({ _: 2 }, [
-        kn(y.value, (b) => ({
-          name: `item.${b.column}`,
-          fn: P(({ value: k }) => [
-            B(F, {
-              "ref-context": { refid: b.comp },
+        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"]);
     };
   }
-}), wo = ["id"], So = /* @__PURE__ */ $({
+}), No = ["id"], Ao = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = A(), l = xe(), r = s(() => {
+    const e = t, n = L(), o = xe(), l = a(() => {
       var p;
       return (p = e.node.basic) == null ? void 0 : p.id;
-    }), { open: u } = Ht(`runtimeDlg/${zt()}`);
-    return dn(l, e, (p) => {
-      if (n !== "runtime" || !l.interpreter)
+    }), { open: s } = Ot(`runtimeDlg/${zt()}`);
+    return mn(o, e, (p) => {
+      if (n !== "runtime" || !o.interpreter)
         return;
-      const { name: d } = p;
-      d === "open" ? u.value = !0 : d === "close" && (u.value = !1);
-    }), (p, m) => {
-      const d = N("v-dialog");
-      return V(), I(d, {
-        modelValue: H(u),
-        "onUpdate:modelValue": m[0] || (m[0] = (o) => Bt(u) ? u.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: P(() => [
-          H(n) === "editor" ? (V(), R("div", {
+        activator: A(() => [
+          H(n) === "editor" ? (C(), R("div", {
             key: 0,
-            id: `__node__@${r.value}`
-          }, null, 8, wo)) : Rt("", !0)
+            id: `__node__@${l.value}`
+          }, null, 8, No)) : Mt("", !0)
         ]),
-        default: P(() => [
-          K(p.$slots, "default")
+        default: A(() => [
+          M(p.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue"]);
     };
   }
-}), To = /* @__PURE__ */ $({
+}), Lo = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = A(), l = s(() => {
-      var v;
-      return (v = e.node.settings) == null ? void 0 : v.chips;
-    }), r = s(() => {
-      var v;
-      return (v = e.node.settings) == null ? void 0 : v.density;
-    }), u = s(() => {
-      var v;
-      return (v = e.node.settings) == null ? void 0 : v.direction;
-    }), a = s(() => {
-      var v;
-      return (v = e.node.settings) == null ? void 0 : v.disabled;
-    }), p = s(() => {
-      var v;
-      return (v = e.node.settings) == null ? void 0 : v.label;
-    }), m = s(() => {
-      var v;
-      return (v = e.node.settings) == null ? void 0 : v.loading;
-    }), d = s(() => {
-      var v;
-      return (v = e.node.settings) == null ? void 0 : v.multiple;
-    }), o = s(() => {
-      var v;
-      return n !== "runtime" ? !0 : (v = e.node.settings) == null ? void 0 : v.readonly;
-    }), i = s(() => {
-      var v;
-      return (v = e.node.settings) == null ? void 0 : v.reverse;
-    }), f = s(() => {
-      var v;
-      return (v = e.node.settings) == null ? void 0 : v.singleLine;
+    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 (v, y) => {
-      const c = N("v-file-input");
-      return V(), I(c, {
-        chips: l.value,
-        density: r.value,
-        direction: u.value,
-        disabled: a.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: m.value,
-        multiple: d.value,
-        readonly: o.value,
+        loading: y.value,
+        multiple: m.value,
+        readonly: r.value,
         reverse: i.value,
-        singleLine: f.value
-      }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "singleLine"]);
+        "single-line": f.value
+      }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"]);
     };
   }
-}), $o = /* @__PURE__ */ $({
+}), Eo = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = A(), l = U(), r = M(), u = Z(), a = q(), { applySize: p } = J(n, l, e), { applyMargin: m } = Qe(e), { applyPadding: d } = et(e), { applyBorder: o } = Je(r, e), i = s(() => {
-      var c;
-      return (c = e.node.settings) == null ? void 0 : c.backgroundColor;
-    }), { color: f } = ae(r, i), v = (c) => {
-      var x, S, E, D;
-      f.value && (c.backgroundColor = f.value), c.display = "flex";
-      const _ = Jt(l.value.width), C = le(_, (x = e.node.settings) == null ? void 0 : x.direction);
-      C === "row" ? c.flexDirection = "row" : C === "rowReverse" ? c.flexDirection = "row-reverse" : C === "column" ? c.flexDirection = "column" : C === "columnReverse" && (c.flexDirection = "column-reverse");
-      const b = le(_, (S = e.node.settings) == null ? void 0 : S.wrap);
-      b === "no" ? c.flexWrap = "nowrap" : b === "yes" ? c.flexWrap = "wrap" : b === "reverse" && (c.flexWrap = "wrap-reverse");
-      const k = le(_, (E = e.node.settings) == null ? void 0 : E.mainAlign);
-      k === "start" ? c.justifyContent = "flex-start" : k === "end" ? c.justifyContent = "flex-end" : k === "center" ? c.justifyContent = "center" : k === "spaceBetween" ? c.justifyContent = "space-between" : k === "spaceAround" ? c.justifyContent = "space-around" : k === "spaceEvenly" && (c.justifyContent = "space-evenly");
-      const h = le(_, (D = e.node.settings) == null ? void 0 : D.crossAlign);
-      h === "start" ? c.alignItems = "flex-start" : h === "end" ? c.alignItems = "flex-end" : h === "center" ? c.alignItems = "center" : h === "baseline" ? c.alignItems = "baseline" : h === "stretch" && (c.alignItems = "stretch");
-    }, y = s(() => {
-      const c = {}, _ = a.value.type;
-      return u === "page" ? _ === "common" ? (p(c), m(c), d(c), o(c), v(c)) : console.assert(!1) : u === "comp" && _ === "common" ? (p(c), m(c), d(c), o(c), v(c)) : console.assert(!1), c;
+    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 (c, _) => (V(), R("div", {
-      style: oe(y.value)
+    return (d, _) => (C(), R("div", {
+      style: oe(b.value)
     }, [
-      K(c.$slots, "default")
+      M(d.$slots, "default")
     ], 4));
   }
-}), Io = /* @__PURE__ */ $({
+}), Po = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = A(), l = U(), r = Z(), u = q(), { applySize: a } = J(n, l, e), p = s(() => {
-      var o;
-      return (o = e.node.settings) == null ? void 0 : o.grow;
-    }), m = s(() => {
-      var o;
-      return (o = e.node.settings) == null ? void 0 : o.shrink;
-    }), d = s(() => {
-      const o = {}, i = u.value.type;
-      return r === "page" ? i === "common" ? (a(o), o.flexGrow = p.value ? 1 : 0, o.flexShrink = m.value ? 1 : 0) : console.assert(!1) : r === "comp" && i === "common" ? (a(o), o.flexGrow = p.value ? 1 : 0, o.flexShrink = m.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(d.value)
+    return (r, i) => (C(), R("div", {
+      style: oe(m.value)
     }, [
-      K(o.$slots, "default")
+      M(r.$slots, "default")
     ], 4));
   }
-}), No = /* @__PURE__ */ $({
+}), Wo = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = A(), l = U(), r = M(), u = Z(), a = q(), p = xe(), m = s({
+    const e = t, n = L(), o = U(), l = F(), s = Z(), u = q(), p = xe(), y = a({
       get: () => {
-        var b;
-        return (b = e.node.settings) == null ? void 0 : b.valid;
+        var v;
+        return (v = e.node.settings) == null ? void 0 : v.valid;
       },
-      set: (b) => {
-        e.node.settings && (e.node.settings.valid = !!b);
+      set: (v) => {
+        e.node.settings && (e.node.settings.valid = !!v);
       }
-    }), d = s(() => {
-      var b;
-      return (b = e.node.settings) == null ? void 0 : b.fastFail;
-    }), { applySize: o } = J(n, l, e), { applyMargin: i } = Qe(e), { applyPadding: f } = et(e), { applyBorder: v } = Je(r, e), y = s(() => {
-      var b;
-      return (b = e.node.settings) == null ? void 0 : b.backgroundColor;
-    }), { color: c } = ae(r, y), _ = s(() => {
-      const b = {}, k = a.value.type;
-      return u === "page" ? k === "common" ? (o(b), i(b), f(b), v(b), c.value && (b.backgroundColor = c.value)) : console.assert(!1) : u === "comp" && k === "common" ? (o(b), i(b), f(b), v(b), c.value && (b.backgroundColor = c.value)) : console.assert(!1), b;
-    }), C = () => {
+    }), 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 b = p.interpreter;
-      if (!b)
+      const v = p.interpreter;
+      if (!v)
         return;
-      const k = b.nativeToPseudo(e.node.basic.id);
-      b.appendCode(`__triggerEvent__('${k}', 'submit')`), b.run();
+      const k = v.nativeToPseudo(e.node.basic.id);
+      v.appendCode(`__triggerEvent__('${k}', 'submit')`), v.run();
     };
-    return (b, k) => {
+    return (v, k) => {
       const h = N("v-form");
-      return V(), I(h, {
-        modelValue: m.value,
-        "onUpdate:modelValue": k[0] || (k[0] = (x) => m.value = x),
+      return C(), I(h, {
+        modelValue: y.value,
+        "onUpdate:modelValue": k[0] || (k[0] = (x) => y.value = x),
         style: oe(_.value),
-        "fast-fail": d.value,
-        onSubmit: Cn(C, ["prevent"])
+        "fast-fail": m.value,
+        onSubmit: Vn(w, ["prevent"])
       }, {
-        default: P(() => [
-          K(b.$slots, "default")
+        default: A(() => [
+          M(v.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "style", "fast-fail"]);
     };
   }
-}), Ao = ["id"], Lo = /* @__PURE__ */ $({
+}), Bo = ["id"], Do = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = A(), l = xe(), r = Q(0), u = Q(0), a = s(() => [r.value, u.value]), p = s(() => {
-      var o;
-      return (o = e.node.basic) == null ? void 0 : o.id;
-    }), { open: m } = Ht(`runtimeMenu/${zt()}`);
-    return dn(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: f } = o;
-      f === "open" ? (r.value = i.getProperty(i.globalObject, "__pointerPosX__"), u.value = i.getProperty(i.globalObject, "__pointerPosY__"), m.value = !0) : f === "close" && (m.value = !1);
-    }), (o, i) => {
+      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 V(), I(f, {
-        modelValue: H(m),
-        "onUpdate:modelValue": i[0] || (i[0] = (v) => Bt(m) ? m.value = v : null),
+      return C(), I(f, {
+        modelValue: H(y),
+        "onUpdate:modelValue": i[0] || (i[0] = (c) => Rt(y) ? y.value = c : null),
         "location-strategy": "connected",
-        target: a.value,
+        target: u.value,
         attach: "menuContainer",
         scrim: "transparent"
       }, {
-        activator: P(() => [
-          H(n) === "editor" ? (V(), R("div", {
+        activator: A(() => [
+          H(n) === "editor" ? (C(), R("div", {
             key: 0,
             id: `__node__@${p.value}`
-          }, null, 8, Ao)) : Rt("", !0)
+          }, null, 8, Bo)) : Mt("", !0)
         ]),
-        default: P(() => [
-          K(o.$slots, "default")
+        default: A(() => [
+          M(r.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "target"]);
     };
   }
-}), Eo = { key: 0 }, Po = /* @__PURE__ */ $({
+}), zo = { key: 0 }, Ro = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = A(), l = M(), r = s(() => {
+    const e = t, n = L(), o = F(), l = a(() => {
       var i;
-      return (i = e.node.settings) == null ? void 0 : i.value;
-    }), u = s(() => {
+      return (i = e.node.settings) == null ? void 0 : i.hideDetails;
+    }), s = a(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.label;
-    }), a = s(() => {
+    }), 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;
-    }), p = s(() => {
+    }), y = a(() => {
       var i;
-      return (i = e.node.settings) == null ? void 0 : i.hideDetails;
-    }), m = s(() => {
+      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;
-    }), d = s(() => {
-      var i;
-      return n !== "runtime" ? !0 : (i = e.node.settings) == null ? void 0 : i.readonly;
-    }), o = s(() => l.value ? "dark" : "light");
+    }), r = a(() => o.value ? "dark" : "light");
     return (i, f) => {
-      const v = N("v-number-input");
-      return H(n) === "editor" ? (V(), R("div", Eo, [
-        B(v, {
-          "model-value": r.value,
-          label: u.value,
-          placeholder: a.value,
-          "hide-details": p.value,
+      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,
-          readonly: d.value,
-          theme: o.value
-        }, null, 8, ["model-value", "label", "placeholder", "hide-details", "single-line", "readonly", "theme"])
-      ])) : (V(), I(v, {
+          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: u.value,
-        placeholder: a.value,
-        "hide-details": p.value,
+        "hide-details": l.value,
+        label: s.value,
+        "model-value": u.value,
+        placeholder: p.value,
+        readonly: y.value,
         "single-line": m.value,
-        readonly: d.value,
-        theme: o.value
-      }, null, 8, ["model-value", "label", "placeholder", "hide-details", "single-line", "readonly", "theme"]));
+        theme: r.value
+      }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"]));
     };
   }
-}), Wo = /* @__PURE__ */ $({
+}), Mo = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = s(() => {
-      var r;
-      return (r = e.node.settings) == null ? void 0 : r.value;
-    }), l = s(() => {
-      var r;
-      return (r = e.node.settings) == null ? void 0 : r.label;
+    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 (r, u) => {
-      const a = N("v-radio");
-      return V(), I(a, {
-        value: n.value,
-        label: l.value
+    return (l, s) => {
+      const u = N("v-radio");
+      return C(), I(u, {
+        value: o.value,
+        label: n.value
       }, null, 8, ["value", "label"]);
     };
   }
-}), Do = /* @__PURE__ */ $({
+}), Fo = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = A(), l = s(() => {
-      var d;
-      return (d = e.node.settings) == null ? void 0 : d.value;
-    }), r = s(() => {
-      var d;
-      return (d = e.node.settings) == null ? void 0 : d.disabled;
-    }), u = s(() => {
-      var d;
-      return (d = e.node.settings) == null ? void 0 : d.direction;
-    }), a = s(() => {
-      var d;
-      return (d = e.node.settings) == null ? void 0 : d.density;
-    }), p = s(() => {
-      var d;
-      return (d = e.node.settings) == null ? void 0 : d.inline;
-    }), m = s(() => {
-      var d;
-      return n !== "runtime" ? !0 : (d = e.node.settings) == null ? void 0 : d.readonly;
+    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 (d, o) => {
+    return (m, r) => {
       const i = N("v-radio-group");
-      return V(), I(i, {
-        "model-value": l.value,
-        disabled: r.value,
-        direction: u.value,
-        density: a.value,
-        inline: p.value,
-        readonly: m.value
+      return C(), I(i, {
+        density: o.value,
+        direction: l.value,
+        disabled: s.value,
+        inline: u.value,
+        "model-value": p.value,
+        readonly: y.value
       }, {
-        default: P(() => [
-          K(d.$slots, "default")
+        default: A(() => [
+          M(m.$slots, "default")
         ]),
         _: 3
-      }, 8, ["model-value", "disabled", "direction", "density", "inline", "readonly"]);
+      }, 8, ["density", "direction", "disabled", "inline", "model-value", "readonly"]);
     };
   }
-}), zo = /* @__PURE__ */ $({
+}), Ho = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = A(), l = s(() => {
+    const e = t, n = L(), o = a(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.density;
-    }), r = s(() => {
+    }), l = a(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.direction;
-    }), u = s(() => {
+    }), s = a(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.disabled;
-    }), a = s(() => {
+    }), u = a(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.label;
-    }), p = s(() => {
+    }), p = a(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.max;
-    }), m = s(() => {
+    }), y = a(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.min;
-    }), d = s(() => {
+    }), m = a(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.value;
-    }), o = s(() => {
+    }), r = a(() => {
       var i;
       return n !== "runtime" ? !0 : (i = e.node.settings) == null ? void 0 : i.readonly;
     });
     return (i, f) => {
-      const v = N("v-range-slider");
-      return V(), I(v, {
-        density: l.value,
-        direction: r.value,
-        disabled: u.value,
-        label: a.value,
+      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: m.value,
-        "model-value": d.value,
-        readonly: o.value
+        min: y.value,
+        "model-value": m.value,
+        readonly: r.value
       }, null, 8, ["density", "direction", "disabled", "label", "max", "min", "model-value", "readonly"]);
     };
   }
-}), Bo = {};
-function Ro(t, e) {
+}), Oo = {};
+function jo(t, e) {
   const n = N("v-rating");
-  return V(), I(n);
+  return C(), I(n);
 }
-const Mo = /* @__PURE__ */ ue(Bo, [["render", Ro]]), Fo = { key: 0 }, Ho = /* @__PURE__ */ $({
+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 = A(), l = M(), r = s(() => {
+    const e = t, n = L(), o = F(), l = a(() => {
       var i;
-      return (i = e.node.settings) == null ? void 0 : i.value;
-    }), u = s(() => {
+      return (i = e.node.settings) == null ? void 0 : i.hideDetails;
+    }), s = a(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.label;
-    }), a = s(() => {
+    }), 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;
-    }), p = s(() => {
+    }), y = a(() => {
       var i;
-      return (i = e.node.settings) == null ? void 0 : i.hideDetails;
-    }), m = s(() => {
+      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;
-    }), d = s(() => {
-      var i;
-      return n !== "runtime" ? !0 : (i = e.node.settings) == null ? void 0 : i.readonly;
-    }), o = s(() => l.value ? "dark" : "light");
+    }), r = a(() => o.value ? "dark" : "light");
     return (i, f) => {
-      const v = N("v-select");
-      return H(n) === "editor" ? (V(), R("div", Fo, [
-        B(v, {
-          "model-value": r.value,
-          label: u.value,
-          placeholder: a.value,
-          "hide-details": p.value,
+      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,
-          readonly: d.value,
-          theme: o.value
-        }, null, 8, ["model-value", "label", "placeholder", "hide-details", "single-line", "readonly", "theme"])
-      ])) : (V(), I(v, {
+          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: u.value,
-        placeholder: a.value,
-        "hide-details": p.value,
+        "hide-details": l.value,
+        label: s.value,
+        "model-value": u.value,
+        placeholder: p.value,
+        readonly: y.value,
         "single-line": m.value,
-        readonly: d.value,
-        theme: o.value
-      }, null, 8, ["model-value", "label", "placeholder", "hide-details", "single-line", "readonly", "theme"]));
+        theme: r.value
+      }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"]));
     };
   }
-}), Oo = /* @__PURE__ */ $({
+}), qo = { key: 0 }, Go = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = A(), l = s(() => {
-      var m;
-      return (m = e.node.settings) == null ? void 0 : m.label;
-    }), r = s(() => {
-      var m;
-      return (m = e.node.settings) == null ? void 0 : m.max;
-    }), u = s(() => {
-      var m;
-      return (m = e.node.settings) == null ? void 0 : m.min;
-    }), a = s(() => {
-      var m;
-      return (m = e.node.settings) == null ? void 0 : m.value;
-    }), p = s(() => {
-      var m;
-      return n !== "runtime" ? !0 : (m = e.node.settings) == null ? void 0 : m.readonly;
+    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 (m, d) => {
-      const o = N("v-slider");
-      return V(), I(o, {
+    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: r.value,
+        max: s.value,
         min: u.value,
-        "model-value": a.value,
-        readonly: p.value
-      }, null, 8, ["label", "max", "min", "model-value", "readonly"]);
+        "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"]));
     };
   }
-}), jo = /* @__PURE__ */ $({
+}), Xo = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = U(), l = s(() => {
-      var o;
-      return (o = e.node.settings) == null ? void 0 : o.text;
-    }), r = s(() => {
-      var o;
-      return (o = e.node.settings) == null ? void 0 : o.emphasis;
-    }), u = s(() => {
-      var o;
-      return (o = e.node.settings) == null ? void 0 : o.align;
-    }), a = s(() => {
-      var o;
-      return (o = e.node.settings) == null ? void 0 : o.decoration;
-    }), p = s(() => {
-      var o;
-      return (o = e.node.settings) == null ? void 0 : o.weight;
-    }), m = s(() => {
-      var o;
-      return (o = e.node.settings) == null ? void 0 : o.italic;
-    }), d = s(() => {
-      var v;
-      const o = [], i = Jt(n.value.width), f = le(i, (v = e.node.settings) == null ? void 0 : v.style);
-      return f && o.push(`text-${f}`), r.value === "high" ? o.push("text-high-emphasis") : r.value === "medium" ? o.push("text-medium-emphasis") : r.value === "disabled" && o.push("text-disabled"), u.value && o.push(`font-${u.value}`), a.value && o.push(`font-decoration-${a.value}`), p.value && o.push(`font-weight-${p.value}`), m.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(d.value)
-    }, wn(l.value), 3));
+    return (r, i) => (C(), R("span", {
+      class: Sn(m.value)
+    }, $n(p.value), 3));
   }
-}), Ko = {};
-function Uo(t, e) {
+}), Yo = {};
+function Jo(t, e) {
   const n = N("v-textarea");
-  return V(), I(n);
+  return C(), I(n);
 }
-const Zo = /* @__PURE__ */ ue(Ko, [["render", Uo]]), qo = { key: 0 }, Go = /* @__PURE__ */ $({
+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 = A(), l = M(), r = s(() => {
-      var y;
-      return (y = e.node.settings) == null ? void 0 : y.label;
-    }), u = s(() => {
-      var y;
-      return (y = e.node.settings) == null ? void 0 : y.placeholder;
-    }), a = s(() => {
-      var y;
-      return (y = e.node.settings) == null ? void 0 : y.hideDetails;
-    }), p = s(() => {
-      var y;
-      return (y = e.node.settings) == null ? void 0 : y.singleLine;
-    }), m = s(() => {
-      var y;
-      return n !== "runtime" ? !0 : (y = e.node.settings) == null ? void 0 : y.readonly;
-    }), d = s(() => l.value ? "dark" : "light"), o = s(() => {
-      var y;
-      return (y = e.node.slots) == null ? void 0 : y.append;
-    }), i = s(() => {
-      var y;
-      return (y = e.node.slots) == null ? void 0 : y.appendInner;
-    }), f = s(() => {
-      var y;
-      return (y = e.node.slots) == null ? void 0 : y.prepend;
-    }), v = s(() => {
-      var y;
-      return (y = e.node.slots) == null ? void 0 : y.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 (y, c) => {
+    return (b, d) => {
       const _ = N("v-text-field");
-      return H(n) === "editor" ? (V(), R("div", qo, [
-        B(_, {
-          label: r.value,
+      return H(n) === "editor" ? (C(), R("div", el, [
+        D(_, {
+          "hide-details": l.value,
+          label: s.value,
           placeholder: u.value,
-          "hide-details": a.value,
-          "single-line": p.value,
-          readonly: m.value,
-          theme: d.value
+          readonly: p.value,
+          "single-line": y.value,
+          theme: m.value
         }, _e({ _: 2 }, [
-          o.value ? {
+          r.value ? {
             name: "append",
-            fn: P(() => [
-              B(F, {
-                "ref-context": { refid: o.value },
+            fn: A(() => [
+              D(O, {
+                "ref-context": { refid: r.value },
                 state: {}
               }, null, 8, ["ref-context"])
             ]),
@@ -2013,8 +2061,8 @@ const Zo = /* @__PURE__ */ ue(Ko, [["render", Uo]]), qo = { key: 0 }, Go = /* @_
           } : void 0,
           i.value ? {
             name: "append-inner",
-            fn: P(() => [
-              B(F, {
+            fn: A(() => [
+              D(O, {
                 "ref-context": { refid: i.value },
                 state: {}
               }, null, 8, ["ref-context"])
@@ -2023,39 +2071,39 @@ const Zo = /* @__PURE__ */ ue(Ko, [["render", Uo]]), qo = { key: 0 }, Go = /* @_
           } : void 0,
           f.value ? {
             name: "prepend",
-            fn: P(() => [
-              B(F, {
+            fn: A(() => [
+              D(O, {
                 "ref-context": { refid: f.value },
                 state: {}
               }, null, 8, ["ref-context"])
             ]),
             key: "2"
           } : void 0,
-          v.value ? {
+          c.value ? {
             name: "prepend-inner",
-            fn: P(() => [
-              B(F, {
-                "ref-context": { refid: v.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(), I(_, {
+        ]), 1032, ["hide-details", "label", "placeholder", "readonly", "single-line", "theme"])
+      ])) : (C(), I(_, {
         key: 1,
-        label: r.value,
+        "hide-details": l.value,
+        label: s.value,
         placeholder: u.value,
-        "hide-details": a.value,
-        "single-line": p.value,
-        readonly: m.value,
-        theme: d.value
+        readonly: p.value,
+        "single-line": y.value,
+        theme: m.value
       }, _e({ _: 2 }, [
-        o.value ? {
+        r.value ? {
           name: "append",
-          fn: P(() => [
-            B(F, {
-              "ref-context": { refid: o.value },
+          fn: A(() => [
+            D(O, {
+              "ref-context": { refid: r.value },
               state: {}
             }, null, 8, ["ref-context"])
           ]),
@@ -2063,8 +2111,8 @@ const Zo = /* @__PURE__ */ ue(Ko, [["render", Uo]]), qo = { key: 0 }, Go = /* @_
         } : void 0,
         i.value ? {
           name: "append-inner",
-          fn: P(() => [
-            B(F, {
+          fn: A(() => [
+            D(O, {
               "ref-context": { refid: i.value },
               state: {}
             }, null, 8, ["ref-context"])
@@ -2073,38 +2121,69 @@ const Zo = /* @__PURE__ */ ue(Ko, [["render", Uo]]), qo = { key: 0 }, Go = /* @_
         } : void 0,
         f.value ? {
           name: "prepend",
-          fn: P(() => [
-            B(F, {
+          fn: A(() => [
+            D(O, {
               "ref-context": { refid: f.value },
               state: {}
             }, null, 8, ["ref-context"])
           ]),
           key: "2"
         } : void 0,
-        v.value ? {
+        c.value ? {
           name: "prepend-inner",
-          fn: P(() => [
-            B(F, {
-              "ref-context": { refid: v.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"]));
     };
   }
-}), Xo = {};
-function Yo(t, e) {
-  const n = N("v-timeline");
-  return V(), I(n);
-}
-const Jo = /* @__PURE__ */ ue(Xo, [["render", Yo]]), Qo = {};
-function el(t, e) {
+}), 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 V(), I(n);
+  return C(), I(n, null, {
+    default: A(() => [
+      M(t.$slots, "default")
+    ]),
+    _: 3
+  });
 }
-const tl = /* @__PURE__ */ ue(Qo, [["render", el]]), ke = "bar_chart_v1", Ce = "btn_v1", Ve = "card_v1", ut = "chip_v1", we = "combobox_v1", Se = "container_v1", Te = "data_table_v1", $e = "dialog_v1", Ie = "file_input_v1", Ne = "flex_layout_v1", bn = "flex_layout_entry_v1", Ae = "form_v1", Le = "globality_v1", Ee = "line_chart_v1", Pe = "menu_v1", We = "number_input_v1", vn = "radio_v1", De = "radio_group_v1", ze = "range_slider_v1", Be = "rating_v1", de = "ref_v1", Re = "select_v1", Me = "slider_v1", Fe = "text_v1", He = "textarea_v1", Oe = "text_field_v1", je = "timeline_v1", xn = "timeline_item_v1", g = {
+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: [
@@ -2166,7 +2245,7 @@ const tl = /* @__PURE__ */ ue(Qo, [["render", el]]), ke = "bar_chart_v1", Ce = "
       ]
     }
   ]
-}, nl = W(ce), te = {
+}, rl = W(ce), te = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -2184,7 +2263,7 @@ const tl = /* @__PURE__ */ ue(Qo, [["render", el]]), ke = "bar_chart_v1", Ce = "
       types: "borderWidthTypesV1",
       default: ""
     },
-    nl,
+    rl,
     {
       key: "roundRadius",
       name: "x-runtime-lib.roundRadius",
@@ -2414,7 +2493,7 @@ const tl = /* @__PURE__ */ ue(Qo, [["render", el]]), ke = "bar_chart_v1", Ce = "
       defaultArray: []
     }
   ]
-}, ye = {
+}, be = {
   key: "yAxis",
   name: "x-runtime-lib.yAxis",
   children: [
@@ -2483,21 +2562,21 @@ const ct = {
       data: [120, 200, 150, 80, 70, 110, 130]
     }
   ]
-}, il = {
+}, sl = {
   key: ke,
   name: "x-runtime-lib.barChart",
-  comp: no,
+  comp: oo,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [g, z, pe, Ke, ye, me, ct],
-    compCommon: [g, z, pe, Ke, ye, me, ct]
+    pageCommon: [g, z, pe, Ke, be, me, ct],
+    compCommon: [g, z, pe, Ke, be, me, ct]
   }
 };
-T(il);
-const ol = W(fe);
-ol.children[3].defaultArray = [
+$(sl);
+const al = W(fe);
+al.children[3].defaultArray = [
   "Mon",
   "Tue",
   "Wed",
@@ -2532,19 +2611,19 @@ const dt = {
       data: [150, 230, 224, 218, 135, 147, 260]
     }
   ]
-}, ll = {
+}, ul = {
   key: Ee,
   name: "x-runtime-lib.lineChart",
-  comp: io,
+  comp: lo,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [g, z, pe, fe, ye, me, dt],
-    compCommon: [g, z, pe, fe, ye, me, dt]
+    pageCommon: [g, z, pe, fe, be, me, dt],
+    compCommon: [g, z, pe, fe, be, me, dt]
   }
 };
-T(ll);
+$(ul);
 const nt = W(ce);
 nt.key = "backgroundColor";
 nt.name = "x-runtime-lib.backgroundColor";
@@ -2552,7 +2631,7 @@ const mt = {
   key: "globalSettings",
   name: "x-runtime-lib.globalSettings",
   children: [nt]
-}, rl = {
+}, cl = {
   key: Le,
   name: "x-runtime-lib.globality",
   comp: null,
@@ -2600,7 +2679,7 @@ const mt = {
   },
   internal: !0
 };
-T(rl);
+$(cl);
 const pt = {
   key: "ref",
   name: "x-runtime-lib.ref",
@@ -2612,10 +2691,10 @@ const pt = {
       default: void 0
     }
   ]
-}, sl = {
+}, dl = {
   key: de,
   name: "x-runtime-lib.ref",
-  comp: bo,
+  comp: xo,
   slots: [],
   events: [],
   methods: [],
@@ -2624,8 +2703,28 @@ const pt = {
     compCommon: [g, z, pt]
   }
 };
-T(sl);
-const al = W(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: [
@@ -2655,7 +2754,7 @@ const al = W(ce), ft = {
       items: "densityItemsV1",
       default: "default"
     },
-    al,
+    ml,
     {
       key: "block",
       name: "x-runtime-lib.block",
@@ -2663,10 +2762,10 @@ const al = W(ce), ft = {
       default: !1
     }
   ]
-}, ul = {
+}, pl = {
   key: Ce,
   name: "x-runtime-lib.button",
-  comp: vo,
+  comp: ko,
   slots: [],
   events: [
     {
@@ -2677,15 +2776,15 @@ const al = W(ce), ft = {
   ],
   methods: [],
   props: {
-    pageCommon: [g, ft],
-    compCommon: [g, ft]
+    pageCommon: [g, bt],
+    compCommon: [g, bt]
   }
 };
-T(ul);
-const cl = {
-  key: Ve,
+$(pl);
+const fl = {
+  key: we,
   name: "x-runtime-lib.card",
-  comp: go,
+  comp: Vo,
   slots: [
     {
       key: "default",
@@ -2699,7 +2798,7 @@ const cl = {
     compCommon: [g]
   }
 };
-T(cl);
+$(fl);
 const yt = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -2741,10 +2840,10 @@ const yt = {
       default: !1
     }
   ]
-}, dl = {
-  key: we,
+}, bl = {
+  key: Ve,
   name: "x-runtime-lib.combobox",
-  comp: ko,
+  comp: $o,
   slots: [],
   events: [],
   methods: [],
@@ -2753,18 +2852,18 @@ const yt = {
     compCommon: [g, yt]
   }
 };
-T(dl);
+$(bl);
 const it = W(ce);
 it.key = "backgroundColor";
 it.name = "x-runtime-lib.backgroundColor";
-const bt = {
+const vt = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [it]
 }, Ue = {
   key: Se,
   name: "x-runtime-lib.container",
-  comp: Co,
+  comp: To,
   slots: [
     {
       key: "default",
@@ -2780,12 +2879,12 @@ const bt = {
   ],
   methods: [],
   props: {
-    pageCommon: [g, z, te, ne, ie, bt],
-    compCommon: [g, z, te, ne, ie, bt]
+    pageCommon: [g, z, te, ne, ie, vt],
+    compCommon: [g, z, te, ne, ie, vt]
   }
 };
-T(Ue);
-const vt = {
+$(Ue);
+const xt = {
   key: "size",
   name: "x-runtime-lib.size",
   children: [
@@ -2804,7 +2903,7 @@ const vt = {
       default: ""
     }
   ]
-}, xt = {
+}, ht = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -2912,7 +3011,7 @@ const vt = {
       default: !1
     }
   ]
-}, ht = {
+}, gt = {
   key: "slots",
   name: "x-runtime-lib.slots",
   children: [
@@ -2937,23 +3036,23 @@ const vt = {
       defaultArray: []
     }
   ]
-}, ml = {
-  key: Te,
+}, yl = {
+  key: $e,
   name: "x-runtime-lib.dataTable",
-  comp: Vo,
+  comp: Io,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [g, vt, xt, ht],
-    compCommon: [g, vt, xt, ht]
+    pageCommon: [g, xt, ht, gt],
+    compCommon: [g, xt, ht, gt]
   }
 };
-T(ml);
-const pl = {
-  key: $e,
+$(yl);
+const vl = {
+  key: Te,
   name: "x-runtime-lib.dialog",
-  comp: So,
+  comp: Ao,
   slots: [
     {
       key: "default",
@@ -2981,23 +3080,23 @@ const pl = {
   },
   teleport: !0
 };
-T(pl);
-const gt = {
+$(vl);
+const _t = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, kr = {
+}, Tr = {
   key: Ie,
   name: "x-runtime-lib.fileInput",
-  comp: To,
+  comp: Lo,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [g, gt],
-    compCommon: [g, gt]
+    pageCommon: [g, _t],
+    compCommon: [g, _t]
   }
-}, _t = {
+}, kt = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3015,9 +3114,9 @@ const gt = {
     }
   ]
 }, Ze = {
-  key: bn,
+  key: xn,
   name: "x-runtime-lib.flexLayoutEntry",
-  comp: Io,
+  comp: Po,
   slots: [
     {
       key: "default",
@@ -3027,24 +3126,24 @@ const gt = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [g, z, _t],
-    compCommon: [g, z, _t]
+    pageCommon: [g, z, kt],
+    compCommon: [g, z, kt]
   }
 };
-T(Ze);
-function fl(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 = Ge.props[l];
-  if (!r) {
+  const l = Ge.props[o];
+  if (!l) {
     console.error(`flexLayoutV1/spawn props not found, ${n}`);
     return;
   }
-  const u = {};
-  return re(u, r), u.basic.id = ee(16), u.basic.key = Ge.key, u.children = [
+  const s = {};
+  return re(s, l), s.basic.id = ee(16), s.basic.key = Ge.key, s.children = [
     qe(
       t,
       e,
@@ -3065,43 +3164,43 @@ function fl(t, e) {
       "60px",
       void 0
     ),
-    yl(t, e)
-  ], u;
+    hl(t, e)
+  ], s;
 }
-function qe(t, e, n, l, r, u, a, p, m) {
-  const d = `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, ${d}`
+      `flexLayoutV1/spawnContainer prop tag not found, ${m}`
     );
     return;
   }
-  const i = Ue.props[o];
+  const i = Ue.props[r];
   if (!i) {
-    console.error(`flexLayoutV1/spawnContainer props not found, ${d}`);
+    console.error(`flexLayoutV1/spawnContainer props not found, ${m}`);
     return;
   }
   const f = {};
-  return re(f, i), f.basic.id = ee(16), f.basic.key = Ue.key, l && (f.size.width = l), r && (f.size.minWidth = r), a && (f.size.height = a), 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;
+  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 yl(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 = Ze.props[l];
-  if (!r) {
+  const l = Ze.props[o];
+  if (!l) {
     console.error(`flexLayoutV1/spawnEntry props not found, ${n}`);
     return;
   }
-  const u = {
+  const s = {
     basic: {
       id: "",
       key: ""
     }
   };
-  return re(u, r), u.basic.id = ee(16), u.basic.key = Ze.key, u.children = [
+  return re(s, l), s.basic.id = ee(16), s.basic.key = Ze.key, s.children = [
     qe(
       t,
       e,
@@ -3112,12 +3211,12 @@ function yl(t, e) {
       void 0,
       "80px"
     )
-  ], u;
+  ], s;
 }
 const ot = W(ce);
 ot.key = "backgroundColor";
 ot.name = "x-runtime-lib.backgroundColor";
-const kt = {
+const Ct = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3290,7 +3389,7 @@ const kt = {
 }, Ge = {
   key: Ne,
   name: "x-runtime-lib.flexLayout",
-  comp: $o,
+  comp: Eo,
   slots: [
     {
       key: "default",
@@ -3306,13 +3405,13 @@ const kt = {
   ],
   methods: [],
   props: {
-    pageCommon: [g, z, te, ne, ie, kt],
-    compCommon: [g, z, te, ne, ie, kt]
+    pageCommon: [g, z, te, ne, ie, Ct],
+    compCommon: [g, z, te, ne, ie, Ct]
   },
-  spawn: fl
+  spawn: xl
 };
-T(Ge);
-const Ct = {
+$(Ge);
+const wt = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3330,10 +3429,10 @@ const Ct = {
       default: !1
     }
   ]
-}, bl = {
+}, gl = {
   key: Ae,
   name: "x-runtime-lib.form",
-  comp: No,
+  comp: Wo,
   slots: [
     {
       key: "default",
@@ -3349,15 +3448,15 @@ const Ct = {
   ],
   methods: [],
   props: {
-    pageCommon: [g, z, te, ne, ie, Ct],
-    compCommon: [g, z, te, ne, ie, Ct]
+    pageCommon: [g, z, te, ne, ie, wt],
+    compCommon: [g, z, te, ne, ie, wt]
   }
 };
-T(bl);
-const vl = {
+$(gl);
+const _l = {
   key: Pe,
   name: "x-runtime-lib.menu",
-  comp: Lo,
+  comp: Do,
   slots: [
     {
       key: "default",
@@ -3385,7 +3484,7 @@ const vl = {
   },
   teleport: !0
 };
-T(vl);
+$(_l);
 const Vt = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -3427,10 +3526,10 @@ const Vt = {
       default: !1
     }
   ]
-}, xl = {
+}, kl = {
   key: We,
   name: "x-runtime-lib.numberInput",
-  comp: Po,
+  comp: Ro,
   slots: [],
   events: [],
   methods: [],
@@ -3439,49 +3538,54 @@ const Vt = {
     compCommon: [g, Vt]
   }
 };
-T(xl);
-const wt = {
+$(kl);
+const St = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, hl = {
-  key: vn,
+}, Cl = {
+  key: hn,
   name: "x-runtime-lib.radio",
-  comp: Wo,
-  slots: [],
+  comp: Mo,
+  slots: [
+    {
+      key: "default",
+      name: "x-runtime-lib.default"
+    }
+  ],
   events: [],
   methods: [],
   props: {
-    pageCommon: [g, wt],
-    compCommon: [g, wt]
+    pageCommon: [g, St],
+    compCommon: [g, St]
   }
 };
-T(hl);
-const St = {
+$(Cl);
+const $t = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, gl = {
-  key: De,
+}, wl = {
+  key: Be,
   name: "x-runtime-lib.radioGroup",
-  comp: Do,
+  comp: Fo,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [g, St],
-    compCommon: [g, St]
+    pageCommon: [g, $t],
+    compCommon: [g, $t]
   }
 };
-T(gl);
+$(wl);
 const Tt = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, _l = {
-  key: ze,
+}, Vl = {
+  key: De,
   name: "x-runtime-lib.rangeSlider",
-  comp: zo,
+  comp: Ho,
   slots: [],
   events: [],
   methods: [],
@@ -3490,11 +3594,11 @@ const Tt = {
     compCommon: [g, Tt]
   }
 };
-T(_l);
-const kl = {
-  key: Be,
+$(Vl);
+const Sl = {
+  key: ze,
   name: "x-runtime-lib.rating",
-  comp: Mo,
+  comp: Ko,
   slots: [],
   events: [],
   methods: [],
@@ -3503,8 +3607,8 @@ const kl = {
     compCommon: [g]
   }
 };
-T(kl);
-const $t = {
+$(Sl);
+const It = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3545,37 +3649,81 @@ const $t = {
       default: !1
     }
   ]
-}, Cl = {
+}, $l = {
   key: Re,
   name: "x-runtime-lib.select",
-  comp: Ho,
+  comp: Zo,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [g, $t],
-    compCommon: [g, $t]
+    pageCommon: [g, It],
+    compCommon: [g, It]
   }
 };
-T(Cl);
-const It = {
+$($l);
+const Nt = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: []
-}, Vl = {
+  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: Oo,
+  comp: Go,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [g, It],
-    compCommon: [g, It]
+    pageCommon: [g, Nt],
+    compCommon: [g, Nt]
   }
 };
-T(Vl);
-const Nt = {
+$(Tl);
+const At = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3661,23 +3809,23 @@ const Nt = {
       default: !1
     }
   ]
-}, wl = {
+}, Il = {
   key: Fe,
   name: "x-runtime-lib.text",
-  comp: jo,
+  comp: Xo,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [g, Nt],
-    compCommon: [g, Nt]
+    pageCommon: [g, At],
+    compCommon: [g, At]
   }
 };
-T(wl);
-const Sl = {
+$(Il);
+const Nl = {
   key: He,
   name: "x-runtime-lib.textarea",
-  comp: Zo,
+  comp: Qo,
   slots: [],
   events: [],
   methods: [],
@@ -3686,8 +3834,8 @@ const Sl = {
     compCommon: [g]
   }
 };
-T(Sl);
-const At = {
+$(Nl);
+const Lt = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3722,7 +3870,7 @@ const At = {
       default: !1
     }
   ]
-}, Lt = {
+}, Et = {
   key: "slots",
   name: "x-runtime-lib.slots",
   children: [
@@ -3751,10 +3899,10 @@ const At = {
       default: void 0
     }
   ]
-}, Tl = {
+}, Al = {
   key: Oe,
   name: "x-runtime-lib.textField",
-  comp: Go,
+  comp: tl,
   slots: [
     {
       key: "append",
@@ -3776,15 +3924,15 @@ const At = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [g, At, Lt],
-    compCommon: [g, At, Lt]
+    pageCommon: [g, Lt, Et],
+    compCommon: [g, Lt, Et]
   }
 };
-T(Tl);
-const $l = {
+$(Al);
+const Ll = {
   key: je,
   name: "x-runtime-lib.timeline",
-  comp: Jo,
+  comp: nl,
   slots: [
     {
       key: "default",
@@ -3798,11 +3946,11 @@ const $l = {
     compCommon: [g]
   }
 };
-T($l);
-const Il = {
-  key: xn,
+$(Ll);
+const El = {
+  key: gn,
   name: "x-runtime-lib.timelineItem",
-  comp: tl,
+  comp: ll,
   slots: [
     {
       key: "default",
@@ -3816,46 +3964,46 @@ const Il = {
     compCommon: [g]
   }
 };
-T(Il);
-const Nl = [
+$(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" }
-], Al = [
+], 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" }
-], Ll = [
+], 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" }
-], El = [
+], Dl = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.theme", value: "theme" },
   { title: "x-runtime-lib.custom", value: "custom" }
-], Pl = [
+], zl = [
   { title: "x-runtime-lib.default", value: "default" },
   { title: "x-runtime-lib.comfortable", value: "comfortable" },
   { title: "x-runtime-lib.compact", value: "compact" }
-], Wl = [
+], 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" }
-], Dl = [
+], 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" }
-], zl = [
+], Fl = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.end", value: "end" },
@@ -3863,12 +4011,12 @@ const Nl = [
   { title: "x-runtime-lib.spaceBetween", value: "spaceBetween" },
   { title: "x-runtime-lib.spaceAround", value: "spaceAround" },
   { title: "x-runtime-lib.spaceEvenly", value: "spaceEvenly" }
-], Bl = [
+], 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" }
-], Rl = [
+], Ol = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.black", value: "black" },
   { title: "x-runtime-lib.bold", value: "bold" },
@@ -3876,7 +4024,7 @@ const Nl = [
   { title: "x-runtime-lib.regular", value: "regular" },
   { title: "x-runtime-lib.light", value: "light" },
   { title: "x-runtime-lib.thin", value: "thin" }
-], Ml = [
+], jl = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" },
@@ -3884,18 +4032,18 @@ const Nl = [
   { title: "x-runtime-lib.justify", value: "justify" },
   { title: "x-runtime-lib.left", value: "left" },
   { title: "x-runtime-lib.right", value: "right" }
-], Fl = [
+], 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" }
-], Hl = [
+], 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" }
-], Ol = [
+], Zl = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.h1", value: "h1" },
   { title: "x-runtime-lib.h2", value: "h2" },
@@ -3910,7 +4058,7 @@ const Nl = [
   { title: "x-runtime-lib.button", value: "button" },
   { title: "x-runtime-lib.caption", value: "caption" },
   { title: "x-runtime-lib.overline", value: "overline" }
-], jl = [
+], ql = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.primary", value: "primary" },
   { title: "x-runtime-lib.secondary", value: "secondary" },
@@ -3921,24 +4069,29 @@ const Nl = [
   { title: "x-runtime-lib.background0", value: "background0" },
   { title: "x-runtime-lib.background1", value: "background1" },
   { title: "x-runtime-lib.background2", value: "background2" }
-], Kl = /* @__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: Nl,
-  borderStyleItemsV1: Al,
-  btnVariantItemsV1: Ll,
-  colorModeItemsV1: El,
-  densityItemsV1: Pl,
-  flexCrossAlignItemsV1: Wl,
-  flexDirectionItemsV1: Dl,
-  flexMainAlignItemsV1: zl,
-  flexWrapItemsV1: Bl,
-  fontWeightItemsV1: Rl,
-  textAlignItemsV1: Ml,
-  textDecorationItemsV1: Fl,
-  textEmphasisItemsV1: Hl,
-  textStyleItemsV1: Ol,
-  themeColorItemsV1: jl
-}, Symbol.toStringTag, { value: "Module" })), Ul = [
+  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: "",
@@ -3971,14 +4124,14 @@ const Nl = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: be,
+    validator: ye,
     default: "0px",
     precision: 0,
     min: 0,
     max: 1 / 0,
     step: 1
   }
-], Zl = [
+], Jl = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -4000,7 +4153,7 @@ const Nl = [
     validator: (t) => t === "right",
     default: "right"
   }
-], ql = [
+], Ql = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -4019,7 +4172,7 @@ const Nl = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: be,
+    validator: ye,
     default: "0px"
   },
   {
@@ -4030,7 +4183,7 @@ const Nl = [
     precision: 6,
     default: "0%"
   }
-], Gl = [
+], er = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -4042,7 +4195,7 @@ const Nl = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: be,
+    validator: ye,
     min: 0,
     default: "0px"
   },
@@ -4055,7 +4208,7 @@ const Nl = [
     min: 0,
     default: "0%"
   }
-], Xl = [
+], tr = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -4067,7 +4220,7 @@ const Nl = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: be,
+    validator: ye,
     min: 0,
     default: "0px"
   },
@@ -4080,7 +4233,7 @@ const Nl = [
     min: 0,
     default: "0%"
   }
-], Yl = [
+], nr = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -4109,7 +4262,7 @@ const Nl = [
     validator: (t) => t === "end",
     default: "end"
   }
-], Jl = [
+], ir = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -4131,42 +4284,42 @@ const Nl = [
     validator: (t) => t === "bottom",
     default: "bottom"
   }
-], Ql = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  borderWidthTypesV1: Ul,
-  leftRightTypesV1: Zl,
-  marginTypesV1: ql,
-  paddingTypesV1: Gl,
-  sizeTypesV1: Xl,
-  tableColumnAlignTypesV1: Yl,
-  topBottomTypesV1: Jl
-}, Symbol.toStringTag, { value: "Module" })), er = {
+  borderWidthTypesV1: Yl,
+  leftRightTypesV1: Jl,
+  marginTypesV1: Ql,
+  paddingTypesV1: er,
+  sizeTypesV1: tr,
+  tableColumnAlignTypesV1: nr,
+  topBottomTypesV1: ir
+}, Symbol.toStringTag, { value: "Module" })), lr = {
   version: "v1",
   globalityKey: Le,
   refKey: de,
-  items: { ...Kl },
-  types: { ...Ql },
+  items: { ...Xl },
+  types: { ...or },
   elements: /* @__PURE__ */ new Set([
     ke,
     Ce,
-    Ve,
-    ut,
     we,
+    ut,
+    Ve,
     Se,
-    Te,
     $e,
+    Te,
     Ie,
     Ne,
-    bn,
+    xn,
     Ae,
     Le,
     Ee,
     Pe,
     We,
-    vn,
+    hn,
+    Be,
     De,
     ze,
-    Be,
     de,
     Re,
     Me,
@@ -4174,7 +4327,7 @@ const Nl = [
     He,
     Oe,
     je,
-    xn
+    gn
   ]),
   groups: [
     {
@@ -4182,11 +4335,11 @@ const Nl = [
       name: "x-runtime-lib.containment",
       items: [
         Ce,
-        Ve,
+        we,
         ut,
         Se,
         Ne,
-        $e,
+        Te,
         Pe,
         de
       ]
@@ -4201,31 +4354,31 @@ const Nl = [
         He,
         We,
         Re,
-        we,
-        De,
+        Ve,
+        Be,
         Me,
-        ze,
+        De,
         Ie
       ]
     },
     {
       key: "dataDisplay",
       name: "x-runtime-lib.dataDisplay",
-      items: [Te, ke, Ee]
+      items: [$e, ke, Ee]
     },
     {
       key: "feedback",
       name: "x-runtime-lib.feedback",
-      items: [Be, je]
+      items: [ze, vn, je]
     }
   ]
 }, lt = {
-  v1: er
-}, tr = (t, e, n) => {
-  const l = t[e];
-  return l ? typeof l == "function" ? l() : Promise.resolve(l) : new Promise((r, u) => {
+  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)(
-      u.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." : "")
@@ -4234,76 +4387,77 @@ const Nl = [
     );
   });
 };
-async function Cr(t) {
-  return (await tr(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.kvft1qmc.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.ezbvfbzu.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 {
-  il as barChartV1,
-  Yt as breakpoints,
-  ul as btnV1,
-  Jt as calcBreakpoint,
-  cl as cardV1,
-  dl as comboboxV1,
+  $r as badgeV1,
+  sl as barChartV1,
+  Jt as breakpoints,
+  pl as btnV1,
+  Qt as calcBreakpoint,
+  fl as cardV1,
+  bl as comboboxV1,
   Ue as containerV1,
-  ml as dataTableV1,
-  pl as dialogV1,
-  Gn as duplicateNode,
-  mr as duplicateNodes,
+  yl as dataTableV1,
+  vl as dialogV1,
+  Yn as duplicateNode,
+  vr as duplicateNodes,
   Y as elements,
-  gr as ensureContext,
-  _r as fieldTypes,
-  kr as fileInputV1,
+  Vr as ensureContext,
+  Sr as fieldTypes,
+  Tr as fileInputV1,
   Ze as flexLayoutEntryV1,
   Ge as flexLayoutV1,
-  bl as formV1,
+  gl as formV1,
   ee as genId,
   le as getBreakpointProp,
   st as getIndexOfBreakpoint,
-  dr as getNode,
+  yr as getNode,
   at as getPropDefault,
   ve as getPropTag,
-  rl as globalityV1,
+  cl as globalityV1,
   re as initProps,
-  M as injectDark,
+  F as injectDark,
   q as injectData,
-  un as injectDepends,
+  cn as injectDepends,
   U as injectDevice,
-  an as injectEnv,
-  A as injectMode,
+  un as injectEnv,
+  L as injectMode,
   xe as injectSandbox,
   Z as injectType,
   tt as isPercentStr,
-  be as isPixelStr,
-  ll as lineChartV1,
-  Cr as loadLocaleMessageRuntime,
-  vl as menuV1,
+  ye as isPixelStr,
+  ul as lineChartV1,
+  Ir as loadLocaleMessageRuntime,
+  _l as menuV1,
   yn as newEventBus,
-  xl as numberInputV1,
+  kl as numberInputV1,
   ge as parsePercentStr,
-  cr as parsePixelStr,
+  br as parsePixelStr,
   lt as pkgs,
-  br as provideDark,
-  xr as provideData,
-  hr as provideDepends,
-  yr as provideDevice,
-  pr as provideEnv,
-  fr as provideMode,
-  cn as provideSandbox,
-  vr as provideType,
-  gl as radioGroupV1,
-  hl as radioV1,
-  _l as rangeSliderV1,
-  kl as ratingV1,
-  sl as refV1,
-  Zn as reverseBreakpoints,
-  Cl as selectV1,
-  Vl as sliderV1,
-  qn as spawnNode,
-  pn as startInterpreter,
-  fn as stopInterpreter,
-  Tl as textFieldV1,
-  wl as textV1,
-  Sl as textareaV1,
-  Il as timelineEntryV1,
-  $l as timelineV1
+  _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
 };