x-runtime-lib 0.7.0 → 0.7.1

package/dist/index.js

@@ -1,13 +1,13 @@
-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, globalObjects as Ln, openConfirmDlg as En, openPromptDlg as Pn, useViewStack as Ot } from "x-essential-lib";
-import { useTheme as Wn } from "vuetify";
-import { c as W, u as Bn, r as jt, e as Kt, i as Dn, a as zn, b as Rn, d as Mn, f as Fn, g as Hn, h as On, j as jn, I as Kn, m as Un } from "./vendor.k0dcepe8.js";
-import { useI18n as Ut } from "vue-i18n";
-import { getErrorMessage as Zn } from "x-error-lib";
-const Y = {}, qn = {
+var An = Object.defineProperty;
+var Ln = (t, e, n) => e in t ? An(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var Ce = (t, e, n) => Ln(t, typeof e != "symbol" ? e + "" : e, n);
+import { computed as o, inject as Z, provide as q, readonly as et, onBeforeMount as zn, onUnmounted as me, defineComponent as N, useTemplateRef as Rt, onMounted as Mt, watch as Q, nextTick as Ft, createElementBlock as H, openBlock as V, normalizeStyle as se, ref as ne, watchEffect as Ht, createBlock as A, h as D, resolveComponent as L, withCtx as I, renderSlot as O, unref as R, createVNode as P, createSlots as ce, renderList as En, useId as jt, isRef as Ot, createCommentVNode as Kt, withModifiers as Pn, normalizeClass as Wn, toDisplayString as Dn } from "vue";
+import { waitUtil as Ut, eventBus as tt, messageInfo as Bn, messageSuccess as Rn, messageWarning as Mn, messageError as Zt, createAxios as Fn, globalObjects as Hn, openConfirmDlg as jn, openPromptDlg as On, useViewStack as qt, injectDark as Kn } from "x-essential-lib";
+import { useTheme as Un } from "vuetify";
+import { c as W, u as Zn, r as Gt, e as Xt, i as qn, a as Gn, b as Xn, d as Yn, f as Jn, g as Qn, h as ei, j as ti, I as ni, m as ii } from "./vendor.k0dcepe8.js";
+import { useI18n as Yt } from "vue-i18n";
+import { getErrorMessage as oi } from "x-error-lib";
+const ee = {}, li = {
   key: "add",
   name: "METHOD_ADD",
   inputs: [],
@@ -18,231 +18,231 @@ const Y = {}, qn = {
     }
   ]
 }, $ = (t) => {
-  t.slots.some((e) => e.key === "default") && t.methods.unshift(qn), Y[t.key] = t;
+  t.slots.some((e) => e.key === "default") && t.methods.unshift(li), ee[t.key] = t;
 };
-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 Jt(t) {
+  const e = o(() => {
+    var s;
+    return (s = t.node.legend) == null ? void 0 : s.show;
+  }), n = o(() => {
+    var s;
+    return (s = t.node.legend) == null ? void 0 : s.data;
   });
-  function o(l) {
-    l.legend = {
+  function l(s) {
+    s.legend = {
       show: e.value,
       data: n.value
     };
   }
-  return { show: e, data: n, applyLegend: o };
+  return { show: e, data: n, applyLegend: l };
 }
-function qt(t) {
-  const e = a(() => t.node.series);
-  function n(o) {
-    o.series = e.value;
+function Qt(t) {
+  const e = o(() => t.node.series);
+  function n(l) {
+    l.series = e.value;
   }
   return { series: e, applySeries: n };
 }
-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 en(t) {
+  const e = o(() => {
+    var a;
+    return (a = t.node.title) == null ? void 0 : a.show;
+  }), n = o(() => {
+    var a;
+    return (a = t.node.title) == null ? void 0 : a.text;
+  }), l = o(() => {
+    var a;
+    return (a = t.node.title) == null ? void 0 : a.subtext;
   });
-  function l(s) {
-    s.title = {
+  function s(a) {
+    a.title = {
       show: e.value,
       text: n.value,
-      subtext: o.value
+      subtext: l.value
     };
   }
-  return { show: e, text: n, subtext: o, applyTitle: l };
+  return { show: e, text: n, subtext: l, applyTitle: s };
 }
-function Xt(t) {
-  const e = a(() => {
+function tn(t) {
+  const e = o(() => {
     var u;
     return (u = t.node.xAxis) == null ? void 0 : u.show;
-  }), n = a(() => {
+  }), n = o(() => {
     var u;
     return (u = t.node.xAxis) == null ? void 0 : u.position;
-  }), o = a(() => {
+  }), l = o(() => {
     var u;
     return (u = t.node.xAxis) == null ? void 0 : u.type;
-  }), l = a(() => {
+  }), s = o(() => {
     var u;
     return (u = t.node.xAxis) == null ? void 0 : u.data;
   });
-  function s(u) {
+  function a(u) {
     u.xAxis = {
       show: e.value,
       position: n.value,
-      type: o.value,
-      data: l.value
+      type: l.value,
+      data: s.value
     };
   }
-  return { show: e, position: n, type: o, data: l, applyXAxis: s };
+  return { show: e, position: n, type: l, data: s, applyXAxis: a };
 }
-function Yt(t) {
-  const e = a(() => {
+function nn(t) {
+  const e = o(() => {
     var u;
     return (u = t.node.yAxis) == null ? void 0 : u.show;
-  }), n = a(() => {
+  }), n = o(() => {
     var u;
     return (u = t.node.yAxis) == null ? void 0 : u.position;
-  }), o = a(() => {
+  }), l = o(() => {
     var u;
     return (u = t.node.yAxis) == null ? void 0 : u.type;
-  }), l = a(() => {
+  }), s = o(() => {
     var u;
     return (u = t.node.yAxis) == null ? void 0 : u.data;
   });
-  function s(u) {
+  function a(u) {
     u.yAxis = {
       show: e.value,
       position: n.value,
-      type: o.value,
-      data: l.value
+      type: l.value,
+      data: s.value
     };
   }
-  return { show: e, position: n, type: o, data: l, applyYAxis: s };
+  return { show: e, position: n, type: l, data: s, applyYAxis: a };
 }
-function ae(t, e) {
-  const { computedThemes: n } = Wn(), o = a(() => {
-    var p;
-    return (p = e.value) == null ? void 0 : p.mode;
-  }), l = a(() => {
+function U(t, e) {
+  const { computedThemes: n } = Un(), l = o(() => {
     var m;
-    const p = (m = e.value) == null ? void 0 : m.theme;
-    return p ? p === "background0" ? t.value ? "#2e2e2e" : "#bdbdbd" : p === "background1" ? t.value ? "#272727" : "#eeeeee" : p === "background2" ? t.value ? "#1e1e1e" : "#ffffff" : (t.value ? n.value.dark : n.value.light).colors[p] : void 0;
-  }), s = a(() => {
-    var p, y;
-    return t.value ? (p = e.value.custom) == null ? void 0 : p.dark : (y = e.value.custom) == null ? void 0 : y.light;
+    return (m = e.value) == null ? void 0 : m.mode;
+  }), s = o(() => {
+    var d;
+    const m = (d = e.value) == null ? void 0 : d.theme;
+    return m ? m === "background0" ? t.value ? "#2e2e2e" : "#bdbdbd" : m === "background1" ? t.value ? "#272727" : "#eeeeee" : m === "background2" ? t.value ? "#1e1e1e" : "#ffffff" : (t.value ? n.value.dark : n.value.light).colors[m] : void 0;
+  }), a = o(() => {
+    var m, b;
+    return t.value ? (m = e.value.custom) == null ? void 0 : m.dark : (b = e.value.custom) == null ? void 0 : b.light;
   });
-  return { color: a(() => o.value === "theme" ? l.value : o.value === "custom" ? s.value : "") };
+  return { color: o(() => l.value === "theme" ? s.value : l.value === "custom" ? a.value : "") };
 }
-function Je(t, e) {
-  const n = a(() => {
+function nt(t, e) {
+  const n = o(() => {
     var i;
     return (i = e.node.border) == null ? void 0 : i.style;
-  }), o = a(() => {
+  }), l = o(() => {
     var i;
     return (i = e.node.border) == null ? void 0 : i.width;
-  }), l = a(() => {
+  }), s = o(() => {
     var i;
     return (i = e.node.border) == null ? void 0 : i.color;
-  }), { color: s } = ae(t, l), u = a(() => {
-    var i, f;
-    return (f = (i = e.node.border) == null ? void 0 : i.roundRadius) == null ? void 0 : f.tl;
-  }), p = a(() => {
-    var i, f;
-    return (f = (i = e.node.border) == null ? void 0 : i.roundRadius) == null ? void 0 : f.tr;
-  }), y = a(() => {
-    var i, f;
-    return (f = (i = e.node.border) == null ? void 0 : i.roundRadius) == null ? void 0 : f.bl;
-  }), m = a(() => {
-    var i, f;
-    return (f = (i = e.node.border) == null ? void 0 : i.roundRadius) == null ? void 0 : f.br;
+  }), { color: a } = U(t, s), u = o(() => {
+    var i, p;
+    return (p = (i = e.node.border) == null ? void 0 : i.roundRadius) == null ? void 0 : p.tl;
+  }), m = o(() => {
+    var i, p;
+    return (p = (i = e.node.border) == null ? void 0 : i.roundRadius) == null ? void 0 : p.tr;
+  }), b = o(() => {
+    var i, p;
+    return (p = (i = e.node.border) == null ? void 0 : i.roundRadius) == null ? void 0 : p.bl;
+  }), d = o(() => {
+    var i, p;
+    return (p = (i = e.node.border) == null ? void 0 : i.roundRadius) == null ? void 0 : p.br;
   });
   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);
+    n.value && (i.borderStyle = n.value), l.value && (i.borderWidth = l.value), a.value && (i.borderColor = a.value), u.value && (i.borderTopLeftRadius = u.value), m.value && (i.borderTopRightRadius = m.value), b.value && (i.borderBottomLeftRadius = b.value), d.value && (i.borderBottomRightRadius = d.value);
   }
-  return { borderStyle: n, borderWidth: o, borderColor: s, applyBorder: r };
+  return { borderStyle: n, borderWidth: l, borderColor: a, applyBorder: r };
 }
-function Qe(t) {
-  const e = a(() => {
+function it(t) {
+  const e = o(() => {
     var u;
     return (u = t.node.margin) == null ? void 0 : u.top;
-  }), n = a(() => {
+  }), n = o(() => {
     var u;
     return (u = t.node.margin) == null ? void 0 : u.left;
-  }), o = a(() => {
+  }), l = o(() => {
     var u;
     return (u = t.node.margin) == null ? void 0 : u.bottom;
-  }), l = a(() => {
+  }), s = o(() => {
     var u;
     return (u = t.node.margin) == null ? void 0 : u.right;
   });
-  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);
+  function a(u) {
+    e.value && (u.marginTop = e.value), n.value && (u.marginLeft = n.value), l.value && (u.marginBottom = l.value), s.value && (u.marginRight = s.value);
   }
-  return { marginTop: e, marginLeft: n, marginBottom: o, marginRight: l, applyMargin: s };
+  return { marginTop: e, marginLeft: n, marginBottom: l, marginRight: s, applyMargin: a };
 }
-function et(t) {
-  const e = a(() => {
+function ot(t) {
+  const e = o(() => {
     var u;
     return (u = t.node.padding) == null ? void 0 : u.top;
-  }), n = a(() => {
+  }), n = o(() => {
     var u;
     return (u = t.node.padding) == null ? void 0 : u.left;
-  }), o = a(() => {
+  }), l = o(() => {
     var u;
     return (u = t.node.padding) == null ? void 0 : u.bottom;
-  }), l = a(() => {
+  }), s = o(() => {
     var u;
     return (u = t.node.padding) == null ? void 0 : u.right;
   });
-  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);
+  function a(u) {
+    e.value && (u.paddingTop = e.value), n.value && (u.paddingLeft = n.value), l.value && (u.paddingBottom = l.value), s.value && (u.paddingRight = s.value);
   }
-  return { paddingTop: e, paddingLeft: n, paddingBottom: o, paddingRight: l, applyPadding: s };
+  return { paddingTop: e, paddingLeft: n, paddingBottom: l, paddingRight: s, applyPadding: a };
 }
-const rt = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-function ee(t) {
+const ct = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+function ie(t) {
   let e = "";
   for (let n = 0; n < t; n++) {
-    const o = Math.floor(Math.random() * rt.length);
-    e += rt[o];
+    const l = Math.floor(Math.random() * ct.length);
+    e += ct[l];
   }
   return e;
 }
-function ye(t) {
+function ge(t) {
   if (typeof t != "string" || !t.endsWith("px"))
     return !1;
   const e = t.substring(0, t.length - 2), n = parseFloat(e);
   return !(isNaN(n) || n % 1 !== 0);
 }
-function tt(t) {
+function lt(t) {
   if (typeof t != "string" || !t.endsWith("%"))
     return !1;
   const e = t.substring(0, t.length - 1), n = parseFloat(e);
   return !isNaN(n);
 }
-function fr(t) {
+function Tr(t) {
   if (typeof t != "string" || !t.endsWith("px"))
     return;
   const e = t.substring(0, t.length - 2), n = parseFloat(e);
   if (!isNaN(n) && n % 1 === 0)
     return n;
 }
-function ge(t) {
+function Ve(t) {
   if (typeof t != "string" || !t.endsWith("%"))
     return;
   const e = t.substring(0, t.length - 1), n = parseFloat(e);
   if (!isNaN(n))
     return n;
 }
-const Jt = ["xs", "sm", "md", "lg", "xl"], Gn = [...Jt].reverse();
-function Qt(t) {
+const on = ["xs", "sm", "md", "lg", "xl"], ri = [...on].reverse();
+function ln(t) {
   return t < 600 ? "xs" : t < 960 ? "sm" : t < 1280 ? "md" : t < 1920 ? "lg" : "xl";
 }
-function st(t) {
-  return Jt.findIndex((e) => e === t);
+function dt(t) {
+  return on.findIndex((e) => e === t);
 }
-function le(t, e) {
+function ue(t, e) {
   let n;
-  for (const o of Gn) {
-    if (st(o) < st(t))
+  for (const l of ri) {
+    if (dt(l) < dt(t))
       break;
-    e[o] && (n = e[o]);
+    e[l] && (n = e[l]);
   }
   return n;
 }
-function ve(t, e) {
+function _e(t, e) {
   if (t === "page") {
     if (e == "common")
       return "pageCommon";
@@ -254,7 +254,7 @@ function ve(t, e) {
   } else
     console.assert(!1);
 }
-function at(t, e) {
+function mt(t, e) {
   if (t.array)
     return e ? W(t.default) : W(t.defaultArray);
   {
@@ -262,72 +262,72 @@ function at(t, e) {
     return (t.ui === "switch" || t.ui === "select" || t.ui === "colorPicker" || t.ui === "multiTypes" || t.ui === "compSelect") && !n ? void 0 : n;
   }
 }
-function re(t, e) {
-  function n(o, l) {
-    if (l.ui) {
-      if (l.ui === "strInput" && l.static)
+function de(t, e) {
+  function n(l, s) {
+    if (s.ui) {
+      if (s.ui === "strInput" && s.static)
         return;
-      o[l.key] = at(l);
+      l[s.key] = mt(s);
     } else
-      l.array ? o[l.key] = at(l) : l.children.forEach((s) => {
-        o[l.key] || (o[l.key] = {}), n(o[l.key], s);
+      s.array ? l[s.key] = mt(s) : s.children.forEach((a) => {
+        l[s.key] || (l[s.key] = {}), n(l[s.key], a);
       });
   }
-  e.forEach((o) => n(t, o));
+  e.forEach((l) => n(t, l));
 }
-function Xn(t, e, n, o, l) {
-  const s = `type=${t} subtype=${e} version=${n} ref=${o} keyOrRefid=${l}`, u = ve(t, e);
+function si(t, e, n, l, s) {
+  const a = `type=${t} subtype=${e} version=${n} ref=${l} keyOrRefid=${s}`, u = _e(t, e);
   if (!u) {
-    console.error(`spawnNode prop tag not found, ${s}`);
+    console.error(`spawnNode prop tag not found, ${a}`);
     return;
   }
-  const p = lt[n];
-  if (!p) {
-    console.error(`spawnNode pkg not found version, ${s}`);
+  const m = ut[n];
+  if (!m) {
+    console.error(`spawnNode pkg not found version, ${a}`);
     return;
   }
-  if (o) {
-    const y = p.refKey, m = l;
-    if (!p.elements.has(y)) {
-      console.error(`spawnNode [ref] element not found in pkg, ${s}`);
+  if (l) {
+    const b = m.refKey, d = s;
+    if (!m.elements.has(b)) {
+      console.error(`spawnNode [ref] element not found in pkg, ${a}`);
       return;
     }
-    const r = Y[y];
+    const r = ee[b];
     if (!r) {
-      console.error(`spawnNode [ref] element not found in global, ${s}`);
+      console.error(`spawnNode [ref] element not found in global, ${a}`);
       return;
     }
     const i = r.props[u];
     if (!i) {
-      console.error(`spawnNode [ref] props not found, ${s}`);
+      console.error(`spawnNode [ref] props not found, ${a}`);
       return;
     }
-    const f = {
+    const p = {
       basic: {
         id: "",
         key: ""
       }
     };
-    return re(f, i), f.basic.id = ee(16), f.basic.key = y, f.ref = {
-      id: m
-    }, f;
+    return de(p, i), p.basic.id = ie(16), p.basic.key = b, p.ref = {
+      id: d
+    }, p;
   } else {
-    const y = l;
-    if (!p.elements.has(y)) {
-      console.error(`spawnNode [key] element not found in pkg, ${s}`);
+    const b = s;
+    if (!m.elements.has(b)) {
+      console.error(`spawnNode [key] element not found in pkg, ${a}`);
       return;
     }
-    const m = Y[y];
-    if (!m) {
-      console.error(`spawnNode [key] element not found in global, ${s}`);
+    const d = ee[b];
+    if (!d) {
+      console.error(`spawnNode [key] element not found in global, ${a}`);
       return;
     }
-    if (m.spawn)
-      return m.spawn(t, e);
+    if (d.spawn)
+      return d.spawn(t, e);
     {
-      const r = m.props[u];
+      const r = d.props[u];
       if (!r) {
-        console.error(`spawnNode [key] props not found, ${s}`);
+        console.error(`spawnNode [key] props not found, ${a}`);
         return;
       }
       const i = {
@@ -336,345 +336,345 @@ function Xn(t, e, n, o, l) {
           key: ""
         }
       };
-      return re(i, r), i.basic.id = ee(16), i.basic.key = y, m.slots.some((f) => f.key === "default") && (i.children = []), i;
+      return de(i, r), i.basic.id = ie(16), i.basic.key = b, d.slots.some((p) => p.key === "default") && (i.children = []), i;
     }
   }
 }
-function br(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;
+function $r(t, e) {
+  function n(l) {
+    if (l.basic.id === e)
+      return l;
+    if (l.children)
+      for (let s = 0; s < l.children.length; s++) {
+        const a = n(l.children[s]);
+        if (a)
+          return a;
       }
   }
-  for (let o = 0; o < t.length; o++) {
-    const l = n(t[o]);
-    if (l)
-      return l;
+  for (let l = 0; l < t.length; l++) {
+    const s = n(t[l]);
+    if (s)
+      return s;
   }
 }
-function Yn(t) {
-  function e(o) {
-    var l;
-    o.basic.id = ee(16), (l = o.children) == null || l.forEach((s) => e(s));
+function ai(t) {
+  function e(l) {
+    var s;
+    l.basic.id = ie(16), (s = l.children) == null || s.forEach((a) => e(a));
   }
   const n = W(t);
   return e(n), n;
 }
-function yr(t) {
+function Ir(t) {
   const e = [];
   return t.forEach((n) => {
-    e.push(Yn(n));
+    e.push(ai(n));
   }), e;
 }
-const en = "runtimeEnv", tn = "runtimeMode", nn = "runtimeDevice", on = "runtimeDark", ln = "runtimeType", rn = "runtimeData", sn = "runtimeDepends", an = "runtimeSandbox";
-function vr(t) {
-  K(en, t);
+const rn = "runtimeEnv", sn = "runtimeMode", an = "runtimeDevice", un = "runtimeDark", cn = "runtimeType", dn = "runtimeData", mn = "runtimeDepends", pn = "runtimeSandbox";
+function Nr(t) {
+  q(rn, t);
 }
-function un() {
-  return j(en);
+function fn() {
+  return Z(rn);
 }
-function xr(t) {
-  K(tn, t);
+function Ar(t) {
+  q(sn, t);
 }
-function L() {
-  return j(tn);
+function E() {
+  return Z(sn);
 }
-function hr(t) {
-  K(nn, Xe(t));
+function Lr(t) {
+  q(an, et(t));
 }
-function U() {
-  return j(nn);
+function G() {
+  return Z(an);
 }
-function gr(t) {
-  K(on, Xe(t));
+function zr(t) {
+  q(un, et(t));
 }
-function F() {
-  return j(on);
+function K() {
+  return Z(un);
 }
-function _r(t) {
-  K(ln, t);
+function Er(t) {
+  q(cn, t);
 }
-function Z() {
-  return j(ln);
+function X() {
+  return Z(cn);
 }
-function kr(t) {
-  K(rn, t);
+function Pr(t) {
+  q(dn, t);
 }
-function q() {
-  return j(rn);
+function Y() {
+  return Z(dn);
 }
-function Cr(t) {
-  K(sn, Xe(t));
+function Wr(t) {
+  q(mn, et(t));
 }
-function cn() {
-  return j(sn);
+function bn() {
+  return Z(mn);
 }
-function dn(t) {
-  K(an, t);
+function yn(t) {
+  q(pn, t);
 }
-function xe() {
-  return j(an);
+function ke() {
+  return Z(pn);
 }
-function J(t, e, n) {
-  const o = a(() => {
+function te(t, e, n) {
+  const l = o(() => {
     var r;
     return (r = n.node.size) == null ? void 0 : r.width;
-  }), l = a(() => {
+  }), s = o(() => {
     var r;
     return (r = n.node.size) == null ? void 0 : r.minWidth;
-  }), s = a(() => {
+  }), a = o(() => {
     var r;
     return (r = n.node.size) == null ? void 0 : r.maxWidth;
-  }), u = a(() => {
+  }), u = o(() => {
     var r, i;
     if (n.outer && t === "editor") {
-      const f = ge((r = n.node.size) == null ? void 0 : r.height);
-      if (f)
-        return f / 100 * e.value.height + "px";
+      const p = Ve((r = n.node.size) == null ? void 0 : r.height);
+      if (p)
+        return p / 100 * e.value.height + "px";
     }
     return (i = n.node.size) == null ? void 0 : i.height;
-  }), p = a(() => {
+  }), m = o(() => {
     var r, i;
     if (n.outer && t === "editor") {
-      const f = ge((r = n.node.size) == null ? void 0 : r.minHeight);
-      if (f)
-        return f / 100 * e.value.height + "px";
+      const p = Ve((r = n.node.size) == null ? void 0 : r.minHeight);
+      if (p)
+        return p / 100 * e.value.height + "px";
     }
     return (i = n.node.size) == null ? void 0 : i.minHeight;
-  }), y = a(() => {
+  }), b = o(() => {
     var r, i;
     if (n.outer && t === "editor") {
-      const f = ge((r = n.node.size) == null ? void 0 : r.maxHeight);
-      if (f)
-        return f / 100 * e.value.height + "px";
+      const p = Ve((r = n.node.size) == null ? void 0 : r.maxHeight);
+      if (p)
+        return p / 100 * e.value.height + "px";
     }
     return (i = n.node.size) == null ? void 0 : i.maxHeight;
   });
-  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);
+  function d(r) {
+    l.value && (r.width = l.value), s.value && (r.minWidth = s.value), a.value && (r.maxWidth = a.value), u.value && (r.height = u.value), m.value && (r.minHeight = m.value), b.value && (r.maxHeight = b.value);
   }
-  return { width: o, minWidth: l, maxWidth: s, height: u, minHeight: p, maxHeight: y, applySize: m };
+  return { width: l, minWidth: s, maxWidth: a, height: u, minHeight: m, maxHeight: b, applySize: d };
 }
-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 s;
-    (s = t.eventBus) == null || s.off(l.value, n);
+function vn(t, e, n) {
+  const l = o(() => e.node.basic.id), s = o(() => `callMethod@${l.value}`);
+  zn(() => {
+    var a;
+    (a = t.eventBus) == null || a.on(s.value, n);
+  }), me(() => {
+    var a;
+    (a = t.eventBus) == null || a.off(s.value, n);
   });
 }
-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
+const ui = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], ci = "#242424", di = {}, mi = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, pi = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, fi = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, bi = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, yi = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, vi = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, xi = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, hi = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, gi = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, _i = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ki = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, wi = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, Ci = { 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" } }, Vi = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Si = { 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)" } } }, Ti = { 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"] } } }, $i = { 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"] } } }, Ii = { 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"] } } }, Ni = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Ai = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Li = { textStyle: { color: "#eeeeee" } }, zi = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Ei = { 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" } } }, Pi = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Wi = { 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" } }, Di = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Bi = {
+  color: ui,
+  backgroundColor: ci,
+  textStyle: di,
+  title: mi,
+  line: pi,
+  radar: fi,
+  bar: bi,
+  pie: yi,
+  scatter: vi,
+  boxplot: xi,
+  parallel: hi,
+  sankey: gi,
+  funnel: _i,
+  gauge: ki,
+  candlestick: wi,
+  graph: Ci,
+  map: Vi,
+  geo: Si,
+  categoryAxis: Ti,
+  valueAxis: $i,
+  logAxis: Ii,
+  timeAxis: Ni,
+  toolbox: Ai,
+  legend: Li,
+  tooltip: zi,
+  timeline: Ei,
+  visualMap: Pi,
+  dataZoom: Wi,
+  markPoint: Di
+}, Ri = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Mi = "#f5f5f5", Fi = {}, Hi = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, ji = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Oi = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ki = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Ui = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Zi = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, qi = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Gi = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Xi = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Yi = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ji = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Qi = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, eo = { 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" } }, to = { 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)" } } }, no = { 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)" } } }, io = { 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"] } } }, oo = { 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"] } } }, lo = { 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"] } } }, ro = { 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"] } } }, so = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, ao = { textStyle: { color: "#333333" } }, uo = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, co = { 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" } } }, mo = { color: ["#bf444c", "#d88273", "#f6efa6"] }, po = { 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" } }, fo = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, bo = {
+  color: Ri,
+  backgroundColor: Mi,
+  textStyle: Fi,
+  title: Hi,
+  line: ji,
+  radar: Oi,
+  bar: Ki,
+  pie: Ui,
+  scatter: Zi,
+  boxplot: qi,
+  parallel: Gi,
+  sankey: Xi,
+  funnel: Yi,
+  gauge: Ji,
+  candlestick: Qi,
+  graph: eo,
+  map: to,
+  geo: no,
+  categoryAxis: io,
+  valueAxis: oo,
+  logAxis: lo,
+  timeAxis: ro,
+  toolbox: so,
+  legend: ao,
+  tooltip: uo,
+  timeline: co,
+  visualMap: mo,
+  dataZoom: po,
+  markPoint: fo
 };
-Bn([
-  Dn,
-  zn,
-  Rn,
-  Mn,
-  Fn,
-  Hn,
-  On,
-  jn
+Zn([
+  qn,
+  Gn,
+  Xn,
+  Yn,
+  Jn,
+  Qn,
+  ei,
+  ti
 ]);
-jt("dark", $i);
-jt("light", io);
-const oo = /* @__PURE__ */ T({
+Gt("dark", Bi);
+Gt("light", bo);
+const yo = /* @__PURE__ */ N({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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");
+    const e = t, n = E(), l = G(), s = K(), a = X(), u = Y(), { width: m, minWidth: b, maxWidth: d, height: r, minHeight: i, maxHeight: p, applySize: v } = te(n, l, e), { applyTitle: f } = en(e), { applyXAxis: c } = tn(e), { applyYAxis: g } = nn(e), { applyLegend: C } = Jt(e), { applySeries: y } = Qt(e), w = o(() => {
+      const S = {}, j = u.value.type;
+      return a === "page" ? j === "common" ? v(S) : console.assert(!1) : a === "comp" && j === "common" ? v(S) : console.assert(!1), S;
+    }), h = Rt("chart");
     let x;
-    const S = () => {
-      x == null || x.dispose(), x = Kt.init(h.value, l.value ? "dark" : "light");
-      const V = {};
-      x.setOption(V);
-    }, P = () => {
+    const T = () => {
+      x == null || x.dispose(), x = Xt.init(h.value, s.value ? "dark" : "light");
+      const S = {};
+      x.setOption(S);
+    }, z = () => {
       x == null || x.resize();
     }, B = () => {
-      const V = {};
-      b(V), d(V), _(V), w(V), v(V), x == null || x.setOption(V, !0);
+      const S = {};
+      f(S), c(S), g(S), C(S), y(S), x == null || x.setOption(S, !0);
     };
-    return Wt(async () => {
-      window.addEventListener("resize", P, !1), await Ft(() => !!h.value), S(), B();
-    }), se(() => {
-      window.removeEventListener("resize", P, !1), x == null || x.dispose();
-    }), X(
+    return Mt(async () => {
+      window.addEventListener("resize", z, !1), await Ut(() => !!h.value), T(), B();
+    }), me(() => {
+      window.removeEventListener("resize", z, !1), x == null || x.dispose();
+    }), Q(
       [
-        () => o.value.width,
-        () => o.value.height,
-        p,
-        y,
+        () => l.value.width,
+        () => l.value.height,
         m,
+        b,
+        d,
         r,
         i,
-        f
+        p
       ],
       async () => {
-        await Bt(), P();
+        await Ft(), z();
       }
-    ), X([l], () => {
-      S(), B();
-    }), X(
+    ), Q([s], () => {
+      T(), B();
+    }), Q(
       [e],
       () => {
         B();
       },
       { deep: !0 }
-    ), (V, G) => (C(), R("div", {
+    ), (S, j) => (V(), H("div", {
       ref: "chart",
-      style: oe(k.value)
+      style: se(w.value)
     }, null, 4));
   }
-}), lo = /* @__PURE__ */ T({
+}), vo = /* @__PURE__ */ N({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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");
+    const e = t, n = E(), l = G(), s = K(), a = X(), u = Y(), { width: m, minWidth: b, maxWidth: d, height: r, minHeight: i, maxHeight: p, applySize: v } = te(n, l, e), { applyTitle: f } = en(e), { applyXAxis: c } = tn(e), { applyYAxis: g } = nn(e), { applyLegend: C } = Jt(e), { applySeries: y } = Qt(e), w = o(() => {
+      const S = {}, j = u.value.type;
+      return a === "page" ? j === "common" ? v(S) : console.assert(!1) : a === "comp" && j === "common" ? v(S) : console.assert(!1), S;
+    }), h = Rt("chart");
     let x;
-    const S = () => {
-      x == null || x.dispose(), x = Kt.init(h.value, l.value ? "dark" : "light");
-      const V = {};
-      x.setOption(V);
-    }, P = () => {
+    const T = () => {
+      x == null || x.dispose(), x = Xt.init(h.value, s.value ? "dark" : "light");
+      const S = {};
+      x.setOption(S);
+    }, z = () => {
       x == null || x.resize();
     }, B = () => {
-      const V = {};
-      b(V), d(V), _(V), w(V), v(V), x == null || x.setOption(V, !0);
+      const S = {};
+      f(S), c(S), g(S), C(S), y(S), x == null || x.setOption(S, !0);
     };
-    return Wt(async () => {
-      window.addEventListener("resize", P, !1), await Ft(() => !!h.value), S(), B();
-    }), se(() => {
-      window.removeEventListener("resize", P, !1), x == null || x.dispose();
-    }), X(
+    return Mt(async () => {
+      window.addEventListener("resize", z, !1), await Ut(() => !!h.value), T(), B();
+    }), me(() => {
+      window.removeEventListener("resize", z, !1), x == null || x.dispose();
+    }), Q(
       [
-        () => o.value.width,
-        () => o.value.height,
-        p,
-        y,
+        () => l.value.width,
+        () => l.value.height,
         m,
+        b,
+        d,
         r,
         i,
-        f
+        p
       ],
       async () => {
-        await Bt(), P();
+        await Ft(), z();
       }
-    ), X([l], () => {
-      S(), B();
-    }), X(
+    ), Q([s], () => {
+      T(), B();
+    }), Q(
       [e],
       () => {
         B();
       },
       { deep: !0 }
-    ), (V, G) => (C(), R("div", {
+    ), (S, j) => (V(), H("div", {
       ref: "chart",
-      style: oe(k.value)
+      style: se(w.value)
     }, null, 4));
   }
 });
-function ro(t, e) {
-  function n(p) {
-    const y = t.pseudoToNative(p);
-    console.log(y);
+function xo(t, e) {
+  function n(m) {
+    const b = t.pseudoToNative(m);
+    console.log(b);
   }
-  function o(p) {
-    const y = t.pseudoToNative(p);
-    let m = "";
-    typeof y == "object" ? m = JSON.stringify(y) : m = String(y), Ye.emit("consoleAppend", m);
+  function l(m) {
+    const b = t.pseudoToNative(m);
+    let d = "";
+    typeof b == "object" ? d = JSON.stringify(b) : d = String(b), tt.emit("consoleAppend", d);
   }
-  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 s(m, b) {
+    const d = t.pseudoToNative(m), r = t.pseudoToNative(b);
+    d === "info" ? Bn(r) : d === "success" ? Rn(r) : d === "warning" ? Mn(r) : d === "error" && Zt(r);
   }
-  function s(p, y) {
-    const m = t.pseudoToNative(p), r = t.pseudoToNative(y);
+  function a(m, b) {
+    const d = t.pseudoToNative(m), r = t.pseudoToNative(b);
     setTimeout(() => {
-      t.appendCode(`__timeoutCallbackV1__(${m})`), t.run();
+      t.appendCode(`__timeoutCallbackV1__(${d})`), t.run();
     }, r);
   }
-  function u(p, y) {
-    const m = t.pseudoToNative(p);
+  function u(m, b) {
+    const d = t.pseudoToNative(m);
     setTimeout(() => {
-      y(), t.run();
-    }, m);
+      b(), t.run();
+    }, d);
   }
   t.setProperty(
     e,
@@ -683,45 +683,45 @@ function ro(t, e) {
   ), t.setProperty(
     e,
     "__debugTraceV1__",
-    t.createNativeFunction(o)
+    t.createNativeFunction(l)
   ), t.setProperty(
     e,
     "__messageV1__",
-    t.createNativeFunction(l)
+    t.createNativeFunction(s)
   ), t.setProperty(
     e,
     "__timeoutV1__",
-    t.createNativeFunction(s)
+    t.createNativeFunction(a)
   ), t.setProperty(
     e,
     "__delayV1__",
     t.createAsyncFunction(u)
   );
 }
-const pn = An({
+const xn = Fn({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
-    const { i18n: e } = Ln;
-    Ht(Zn(e, t));
+    const { i18n: e } = Hn;
+    Zt(oi(e, t));
   }
 });
-window.API_URL && (pn.defaults.baseURL = window.API_URL + "/computebase/");
-function so(t) {
-  return pn.post("callFunc", t);
+window.API_URL && (xn.defaults.baseURL = window.API_URL + "/computebase/");
+function ho(t) {
+  return xn.post("callFunc", t);
 }
-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);
+function go(t, e) {
+  async function n(l, s, a, u, m, b) {
+    const d = t.pseudoToNative(l), r = t.pseudoToNative(s), i = t.pseudoToNative(a), p = t.pseudoToNative(u), v = t.pseudoToNative(m);
     try {
-      const b = JSON.stringify(i), { strOutputs: d } = await so({
-        spaceid: m,
+      const f = JSON.stringify(i), { strOutputs: c } = await ho({
+        spaceid: d,
         id: r,
-        strInputs: b,
-        env: f
-      }), _ = JSON.parse(d);
-      y(t.nativeToPseudo(_)), t.run();
-    } catch (b) {
-      console.error("callFuncV1 failed", c, b);
+        strInputs: f,
+        env: p
+      }), g = JSON.parse(c);
+      b(t.nativeToPseudo(g)), t.run();
+    } catch (f) {
+      console.error("callFuncV1 failed", v, f);
     }
   }
   t.setProperty(
@@ -730,122 +730,122 @@ function ao(t, e) {
     t.createAsyncFunction(n)
   );
 }
-class uo {
+class _o {
   constructor(e) {
-    he(this, "context");
-    he(this, "nodes");
+    Ce(this, "context");
+    Ce(this, "nodes");
     this.context = e, this.nodes = {};
-    const n = (o) => {
-      var l;
-      this.nodes[o.basic.id] = o, (l = o.children) == null || l.forEach((s) => n(s));
+    const n = (l) => {
+      var s;
+      this.nodes[l.basic.id] = l, (s = l.children) == null || s.forEach((a) => n(a));
     };
-    this.context.data.view.nodes.forEach((o) => n(o));
+    this.context.data.view.nodes.forEach((l) => n(l));
   }
   getNode(e) {
     return this.nodes[e];
   }
-  addNode(e, n, o) {
-    const l = `parent=${e} ref=${n} keyOrRefid=${o}`;
-    let s;
+  addNode(e, n, l) {
+    const s = `parent=${e} ref=${n} keyOrRefid=${l}`;
+    let a;
     if (e) {
-      const p = this.getNode(e);
-      if (!p)
-        return console.error(`NodeMgr/addNode parent not found, ${l}`), "";
-      if (!p.children)
-        return console.error(`NodeMgr/addNode parent no children, ${l}`), "";
-      s = p.children;
+      const m = this.getNode(e);
+      if (!m)
+        return console.error(`NodeMgr/addNode parent not found, ${s}`), "";
+      if (!m.children)
+        return console.error(`NodeMgr/addNode parent no children, ${s}`), "";
+      a = m.children;
     } else
-      s = this.context.data.view.nodes;
-    if (!s)
+      a = this.context.data.view.nodes;
+    if (!a)
       return "";
-    const u = Xn(
+    const u = si(
       this.context.type,
       this.context.data.type,
       this.context.data.version,
       n,
-      o
+      l
     );
-    return u ? (s.push(u), this.nodes[u.basic.id] = u, u.basic.id) : (console.error(`NodeMgr/addNode spawn node failed, ${l}`), "");
+    return u ? (a.push(u), this.nodes[u.basic.id] = u, u.basic.id) : (console.error(`NodeMgr/addNode spawn node failed, ${s}`), "");
   }
   deleteNode(e) {
     this.getNode(e);
   }
 }
-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 ko(t, e, n) {
+  const l = new _o(t);
+  function s(i, p, v) {
+    const f = e.pseudoToNative(i), c = e.pseudoToNative(p), g = e.pseudoToNative(v), C = l.addNode(f, c, g);
+    return e.nativeToPseudo(C);
   }
-  function s(i) {
-    const f = e.pseudoToNative(i);
-    o.deleteNode(f);
+  function a(i) {
+    const p = e.pseudoToNative(i);
+    l.deleteNode(p);
   }
-  function u(i, f) {
-    const c = e.pseudoToNative(i), b = e.pseudoToNative(f), d = `id=${c} keys=${b}`;
-    let _;
-    if (c === "globality" ? _ = t.data.view : _ = o.getNode(c), !_) {
-      console.error(`getNodePropV1 node not found, ${d}`);
+  function u(i, p) {
+    const v = e.pseudoToNative(i), f = e.pseudoToNative(p), c = `id=${v} keys=${f}`;
+    let g;
+    if (v === "globality" ? g = t.data.view : g = l.getNode(v), !g) {
+      console.error(`getNodePropV1 node not found, ${c}`);
       return;
     }
-    const w = b.split("."), v = w.length;
-    for (let k = 0; k < v; k++) {
-      const h = w[k];
-      if (k === v - 1)
-        return e.nativeToPseudo(_[h]);
-      if (!_) {
-        console.error(`getNodePropV1 unpkg failed, ${d}`);
+    const C = f.split("."), y = C.length;
+    for (let w = 0; w < y; w++) {
+      const h = C[w];
+      if (w === y - 1)
+        return e.nativeToPseudo(g[h]);
+      if (!g) {
+        console.error(`getNodePropV1 unpkg failed, ${c}`);
         return;
       }
-      _ = _[h];
+      g = g[h];
     }
   }
-  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}`);
+  function m(i, p, v) {
+    const f = e.pseudoToNative(i), c = e.pseudoToNative(p), g = e.pseudoToNative(v), C = `id=${f} keys=${c} value=${g}`;
+    let y;
+    if (f === "globality" ? y = t.data.view : y = l.getNode(f), !y) {
+      console.error(`setNodePropV1 node not found, ${C}`);
       return;
     }
-    const k = d.split("."), h = k.length;
+    const w = c.split("."), h = w.length;
     for (let x = 0; x < h; x++) {
-      const S = k[x];
+      const T = w[x];
       if (x === h - 1)
-        v[S] = _;
+        y[T] = g;
       else {
-        if (!v) {
-          console.error(`setNodePropV1 unpkg failed, ${w}`);
+        if (!y) {
+          console.error(`setNodePropV1 unpkg failed, ${C}`);
           return;
         }
-        v = v[S];
+        y = y[T];
       }
     }
   }
-  function y(i, f, c, b) {
-    var k;
-    const d = e.pseudoToNative(i), _ = e.pseudoToNative(f), w = e.pseudoToNative(c), v = { outputs: [] };
-    (k = t.eventBus) == null || k.emit(`callMethod@${d}`, { name: _, inputs: w, result: v }), b(e.nativeToPseudo(v.outputs)), e.run();
+  function b(i, p, v, f) {
+    var w;
+    const c = e.pseudoToNative(i), g = e.pseudoToNative(p), C = e.pseudoToNative(v), y = { outputs: [] };
+    (w = t.eventBus) == null || w.emit(`callMethod@${c}`, { name: g, inputs: C, result: y }), f(e.nativeToPseudo(y.outputs)), e.run();
   }
-  function m(i, f, c) {
-    const b = e.pseudoToNative(i), d = e.pseudoToNative(f);
-    En({ title: b, text: d }).then((_) => {
-      c(e.nativeToPseudo(_)), e.run();
+  function d(i, p, v) {
+    const f = e.pseudoToNative(i), c = e.pseudoToNative(p);
+    jn({ title: f, text: c }).then((g) => {
+      v(e.nativeToPseudo(g)), e.run();
     });
   }
-  function r(i, f, c, b) {
-    const d = e.pseudoToNative(i), _ = e.pseudoToNative(f), w = e.pseudoToNative(c);
-    Pn({ title: d, label: _, value: w }).then((v) => {
-      b(e.nativeToPseudo(v)), e.run();
+  function r(i, p, v, f) {
+    const c = e.pseudoToNative(i), g = e.pseudoToNative(p), C = e.pseudoToNative(v);
+    On({ title: c, label: g, value: C }).then((y) => {
+      f(e.nativeToPseudo(y)), e.run();
     });
   }
   e.setProperty(
     n,
     "__addNodeV1__",
-    e.createNativeFunction(l)
+    e.createNativeFunction(s)
   ), e.setProperty(
     n,
     "__deleteNodeV1__",
-    e.createNativeFunction(s)
+    e.createNativeFunction(a)
   ), e.setProperty(
     n,
     "__getNodePropV1__",
@@ -853,25 +853,25 @@ function co(t, e, n) {
   ), e.setProperty(
     n,
     "__setNodePropV1__",
-    e.createNativeFunction(p)
+    e.createNativeFunction(m)
   ), e.setProperty(
     n,
     "__callNodeMethodV1__",
-    e.createAsyncFunction(y)
+    e.createAsyncFunction(b)
   ), e.setProperty(
     n,
     "__openConfirmDlgV1__",
-    e.createAsyncFunction(m)
+    e.createAsyncFunction(d)
   ), e.setProperty(
     n,
     "__openPromptDlgV1__",
     e.createAsyncFunction(r)
   );
 }
-function mo(t, e, n) {
-  ro(e, n), ao(e, n), co(t, e, n);
+function wo(t, e, n) {
+  xo(e, n), go(e, n), ko(t, e, n);
 }
-const po = `
+const Co = `
 var __env__ = 'dev'
 
 function __getEnvV1__() {
@@ -880,7 +880,7 @@ function __getEnvV1__() {
 
 var __pointerPosX__ = 0
 var __pointerPosY__ = 0
-`, fo = `
+`, Vo = `
 var __events__ = {}
 
 function __addEventListenerV1__(id, event, callback) {
@@ -951,7 +951,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)
   }
 }
-`, bo = `
+`, So = `
 var __timers__ = {}
 var __currTimerId__ = 0
 
@@ -993,15 +993,15 @@ function __timeoutCallbackV1__(timerId) {
     }
   }
 }
-`, yo = `
+`, To = `
 function __destroy__() {
 }
-`, vo = po + fo + bo + yo;
-function fn(t, e) {
-  const n = new Kn(
-    vo,
-    (o, l) => {
-      mo(t, o, l);
+`, $o = Co + Vo + So + To;
+function hn(t, e) {
+  const n = new ni(
+    $o,
+    (l, s) => {
+      wo(t, l, s);
     }
   );
   return n.appendCode(e), n.appendCode(`
@@ -1009,38 +1009,38 @@ __env__ = '${t.env}';
 __triggerEvent__('globality', 'startup');
   `), n.run(), n;
 }
-function bn(t) {
+function gn(t) {
   t.appendCode("__destroy__();"), t.run();
 }
-function wr(t, e, n, o, l) {
-  let s = t;
-  for (let p = 0; p < e.length; p++)
-    if (s = s.children[e[p]], !s) {
+function Dr(t, e, n, l, s) {
+  let a = t;
+  for (let m = 0; m < e.length; m++)
+    if (a = a.children[e[m]], !a) {
       console.assert(!1, `unpkg context failed parentKeys=${e}`);
       return;
     }
-  let u = s.children[n];
-  u ? u.dataSeq !== o && (u = {
-    dataSeq: o,
-    data: W(l),
+  let u = a.children[n];
+  u ? u.dataSeq !== l && (u = {
+    dataSeq: l,
+    data: W(s),
     children: {}
   }) : (u = {
-    dataSeq: o,
-    data: W(l),
+    dataSeq: l,
+    data: W(s),
     children: {}
-  }, s.children[n] = u);
+  }, a.children[n] = u);
 }
-const Vr = [
+const Br = [
   "string",
   "number",
   "boolean",
   "list",
   "object"
 ];
-function yn() {
-  return Un();
+function _n() {
+  return ii();
 }
-const xo = /* @__PURE__ */ T({
+const Io = /* @__PURE__ */ N({
   __name: "index",
   props: {
     id: {},
@@ -1049,64 +1049,64 @@ const xo = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const { t: e } = Ut(), n = t, o = un(), l = L(), s = U(), u = Z(), p = q(), y = cn(), m = Q(-1), r = Q(), i = {};
-    dn(i);
-    const f = () => {
-      i.eventBus && (i.eventBus = void 0), i.interpreter && (bn(i.interpreter), i.interpreter = void 0);
+    const { t: e } = Yt(), n = t, l = fn(), s = E(), a = G(), u = X(), m = Y(), b = bn(), d = ne(-1), r = ne(), i = {};
+    yn(i);
+    const p = () => {
+      i.eventBus && (i.eventBus = void 0), i.interpreter && (gn(i.interpreter), i.interpreter = void 0);
     };
-    Dt(() => {
+    Ht(() => {
       if (!n.refContext.refid) {
-        m.value = -1, r.value = void 0, f();
+        d.value = -1, r.value = void 0, p();
         return;
       }
-      const h = y.value[n.refContext.refid];
+      const h = b.value[n.refContext.refid];
       if (!h) {
-        m.value = -1, r.value = null, f(), Ye.emit("compNotAvail", n.refContext.refid);
+        d.value = -1, r.value = null, p(), tt.emit("compNotAvail", n.refContext.refid);
         return;
       }
-      if (m.value === h.dataSeq || (m.value = h.dataSeq, r.value = W(h.data), l !== "runtime"))
+      if (d.value === h.dataSeq || (d.value = h.dataSeq, r.value = W(h.data), s !== "runtime"))
         return;
-      f();
-      const x = r.value, S = x.code.script;
-      if (S) {
-        const P = yn();
-        i.eventBus = P, i.interpreter = fn(
-          { env: o, type: u, data: x, eventBus: P },
-          S
+      p();
+      const x = r.value, T = x.code.script;
+      if (T) {
+        const z = _n();
+        i.eventBus = z, i.interpreter = hn(
+          { env: l, type: u, data: x, eventBus: z },
+          T
         );
       }
-    }), se(() => {
-      f();
+    }), me(() => {
+      p();
     });
-    const { applySize: c } = J(l, s, n), b = a(() => {
-      const h = {}, x = p.value.type;
-      return u === "page" ? x === "common" ? c(h) : console.assert(!1) : u === "comp" && x === "common" ? c(h) : console.assert(!1), h;
+    const { applySize: v } = te(s, a, n), f = o(() => {
+      const h = {}, x = m.value.type;
+      return u === "page" ? x === "common" ? v(h) : console.assert(!1) : u === "comp" && x === "common" ? v(h) : console.assert(!1), h;
     });
-    function d(h) {
-      const x = lt[p.value.version].refKey, S = Y[x];
-      return S ? E(S.comp, {
+    function c(h) {
+      const x = ut[m.value.version].refKey, T = ee[x];
+      return T ? D(T.comp, {
         refContext: {
           parent: n.refContext,
           refid: h.ref.id
         },
         node: h
-      }) : (console.assert(!1, `ref element not found key=${x}`), E("div", `ref element not found key=${x}`));
+      }) : (console.assert(!1, `ref element not found key=${x}`), D("div", `ref element not found key=${x}`));
     }
-    function _(h) {
-      var P;
-      const x = Y[h.basic.key];
+    function g(h) {
+      var z;
+      const x = ee[h.basic.key];
       if (!x)
-        return console.assert(!1, `element not found key=${h.basic.key}`), E("div", `element not found key=${h.basic.key}`);
-      const S = [];
-      return 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 });
+        return console.assert(!1, `element not found key=${h.basic.key}`), D("div", `element not found key=${h.basic.key}`);
+      const T = [];
+      return x.slots.some((B) => B.key === "default") && ((z = h.children) == null || z.forEach((B) => {
+        const S = C(B);
+        T.push(S);
+      })), D(x.comp, { node: h }, { default: () => T });
     }
-    function w(h) {
-      return h.ref ? d(h) : _(h);
+    function C(h) {
+      return h.ref ? c(h) : g(h);
     }
-    function v() {
+    function y() {
       let h = n.refContext.parent;
       for (; h; ) {
         if (h.refid === n.refContext.refid)
@@ -1115,943 +1115,1035 @@ const xo = /* @__PURE__ */ T({
       }
       return !1;
     }
-    const k = () => {
-      if (v())
-        return E("div", { id: n.id }, e("x-runtime-lib.circularRef"));
+    const w = () => {
+      if (y())
+        return D("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"));
+        return r.value === void 0 ? D("div", { id: n.id }) : D("div", { id: n.id }, e("x-runtime-lib.compNotAvail"));
       const h = r.value.type;
       if (h === "common") {
         const x = [];
-        return r.value.view.nodes.forEach((S) => {
-          x.push(w(S));
-        }), E("div", { id: n.id, style: b.value }, x);
+        return r.value.view.nodes.forEach((T) => {
+          x.push(C(T));
+        }), D("div", { id: n.id, style: f.value }, x);
       } else
-        return console.assert(!1, `invalid subtype=${h}`), E("div", { id: n.id }, `invalid subtype=${h}`);
+        return console.assert(!1, `invalid subtype=${h}`), D("div", { id: n.id }, `invalid subtype=${h}`);
     };
-    return (h, x) => (C(), I(k));
+    return (h, x) => (V(), A(w));
   }
-}), O = /* @__PURE__ */ T({
+}), F = /* @__PURE__ */ N({
   __name: "index",
   props: {
     refContext: {},
     state: {}
   },
   setup(t) {
-    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 { t: e } = Yt(), n = t, l = fn(), s = E(), a = X(), u = Y(), m = bn(), b = ne(-1), d = ne(), r = {};
+    yn(r);
     const i = () => {
-      r.eventBus && (r.eventBus = void 0), r.interpreter && (bn(r.interpreter), r.interpreter = void 0);
+      r.eventBus && (r.eventBus = void 0), r.interpreter && (gn(r.interpreter), r.interpreter = void 0);
     };
-    Dt(() => {
+    Ht(() => {
       if (!n.refContext.refid) {
-        y.value = -1, m.value = void 0, i();
+        b.value = -1, d.value = void 0, i();
         return;
       }
-      const v = p.value[n.refContext.refid];
-      if (!v) {
-        y.value = -1, m.value = null, i(), Ye.emit("compNotAvail", n.refContext.refid);
+      const y = m.value[n.refContext.refid];
+      if (!y) {
+        b.value = -1, d.value = null, i(), tt.emit("compNotAvail", n.refContext.refid);
         return;
       }
-      if (y.value === v.dataSeq || (y.value = v.dataSeq, m.value = W(v.data), l !== "runtime"))
+      if (b.value === y.dataSeq || (b.value = y.dataSeq, d.value = W(y.data), s !== "runtime"))
         return;
       i();
-      const k = m.value, h = k.code.script;
+      const w = d.value, h = w.code.script;
       if (h) {
-        const x = yn();
-        r.eventBus = x, r.interpreter = fn(
-          { env: o, type: s, data: k, eventBus: x },
+        const x = _n();
+        r.eventBus = x, r.interpreter = hn(
+          { env: l, type: a, data: w, eventBus: x },
           h
         );
       }
-    }), se(() => {
+    }), me(() => {
       i();
     });
-    const f = () => {
+    const p = () => {
       console.log("triggerUpdate");
     };
-    X(
+    Q(
       () => n.state,
       () => {
-        f();
+        p();
       },
       { deep: !0, immediate: !0 }
     );
-    function c(v) {
-      const k = lt[u.value.version].refKey, h = Y[k];
-      return h ? E(h.comp, {
+    function v(y) {
+      const w = ut[u.value.version].refKey, h = ee[w];
+      return h ? D(h.comp, {
         refContext: {
           parent: n.refContext,
-          refid: v.ref.id
+          refid: y.ref.id
         },
-        node: v
-      }) : (console.assert(!1, `ref element not found key=${k}`), E("div", `ref element not found key=${k}`));
+        node: y
+      }) : (console.assert(!1, `ref element not found key=${w}`), D("div", `ref element not found key=${w}`));
     }
-    function b(v) {
+    function f(y) {
       var x;
-      const k = Y[v.basic.key];
-      if (!k)
-        return console.assert(!1, `element not found key=${v.basic.key}`), E("div", `element not found key=${v.basic.key}`);
+      const w = ee[y.basic.key];
+      if (!w)
+        return console.assert(!1, `element not found key=${y.basic.key}`), D("div", `element not found key=${y.basic.key}`);
       const h = [];
-      return k.slots.some((S) => S.key === "default") && ((x = v.children) == null || x.forEach((S) => {
-        h.push(d(S));
-      })), E(k.comp, { node: v }, { default: () => h });
+      return w.slots.some((T) => T.key === "default") && ((x = y.children) == null || x.forEach((T) => {
+        h.push(c(T));
+      })), D(w.comp, { node: y }, { default: () => h });
     }
-    function d(v) {
-      return v.ref ? c(v) : b(v);
+    function c(y) {
+      return y.ref ? v(y) : f(y);
     }
-    function _() {
-      let v = n.refContext.parent;
-      for (; v; ) {
-        if (v.refid === n.refContext.refid)
+    function g() {
+      let y = n.refContext.parent;
+      for (; y; ) {
+        if (y.refid === n.refContext.refid)
           return !0;
-        v = v.parent;
+        y = y.parent;
       }
       return !1;
     }
-    const w = () => {
-      if (_())
-        return E("div", e("x-runtime-lib.circularRef"));
-      if (!m.value)
-        return m.value === void 0 ? E("div") : E("div", e("x-runtime-lib.compNotAvail"));
-      const v = m.value.type;
-      if (v === "common") {
-        const k = [];
-        return m.value.view.nodes.forEach((h) => {
-          k.push(d(h));
-        }), k;
+    const C = () => {
+      if (g())
+        return D("div", e("x-runtime-lib.circularRef"));
+      if (!d.value)
+        return d.value === void 0 ? D("div") : D("div", e("x-runtime-lib.compNotAvail"));
+      const y = d.value.type;
+      if (y === "common") {
+        const w = [];
+        return d.value.view.nodes.forEach((h) => {
+          w.push(c(h));
+        }), w;
       } else
-        return console.assert(!1, `invalid subtype=${v}`), E("div", `invalid subtype=${v}`);
+        return console.assert(!1, `invalid subtype=${y}`), D("div", `invalid subtype=${y}`);
     };
-    return (v, k) => (C(), I(w));
+    return (y, w) => (V(), A(C));
   }
-}), ue = (t, e) => {
+}), pe = (t, e) => {
   const n = t.__vccOpts || t;
-  for (const [o, l] of e)
-    n[o] = l;
+  for (const [l, s] of e)
+    n[l] = s;
   return n;
-}, ho = {};
-function go(t, e) {
-  const n = N("v-badge");
-  return C(), I(n, null, {
-    default: A(() => [
-      M(t.$slots, "default")
+}, No = {};
+function Ao(t, e) {
+  const n = L("v-badge");
+  return V(), A(n, null, {
+    default: I(() => [
+      O(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const _o = /* @__PURE__ */ ue(ho, [["render", go]]), ko = /* @__PURE__ */ T({
+const Lo = /* @__PURE__ */ pe(No, [["render", Ao]]), zo = /* @__PURE__ */ N({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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) => {
+    const e = t, n = E(), l = K(), s = ke(), a = o(() => {
+      var f;
+      return (f = e.node.settings) == null ? void 0 : f.block;
+    }), u = o(() => {
+      var f;
+      return (f = e.node.settings) == null ? void 0 : f.color;
+    }), { color: m } = U(l, u), b = o(() => {
+      var f;
+      return (f = e.node.settings) == null ? void 0 : f.density;
+    }), d = o(() => {
+      var f;
+      return (f = e.node.settings) == null ? void 0 : f.disabled;
+    }), r = o(() => {
+      var f;
+      return (f = e.node.settings) == null ? void 0 : f.text;
+    }), i = o(() => l.value ? "dark" : "light"), p = o(() => {
+      var f;
+      return (f = e.node.settings) == null ? void 0 : f.variant;
+    }), v = (f) => {
       if (n !== "runtime")
         return;
-      const d = l.interpreter;
-      if (!d)
+      const c = s.interpreter;
+      if (!c)
         return;
-      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();
+      const g = c.nativeToPseudo(f.clientX), C = c.nativeToPseudo(f.clientY), y = c.nativeToPseudo(e.node.basic.id);
+      c.appendCode(`__pointerPosX__ = ${g};`), c.appendCode(`__pointerPosY__ = ${C};`), c.appendCode(`__triggerEvent__('${y}', 'click');`), c.run();
     };
-    return (b, d) => {
-      const _ = N("v-btn");
-      return C(), I(_, {
-        block: s.value,
-        color: H(p),
-        density: y.value,
-        disabled: m.value,
+    return (f, c) => {
+      const g = L("v-btn");
+      return V(), A(g, {
+        block: a.value,
+        color: R(m),
+        density: b.value,
+        disabled: d.value,
         text: r.value,
         theme: i.value,
-        variant: f.value,
-        onClick: c
+        variant: p.value,
+        onClick: v
       }, null, 8, ["block", "color", "density", "disabled", "text", "theme", "variant"]);
     };
   }
-}), Co = {};
-function wo(t, e) {
-  const n = N("v-card");
-  return C(), I(n, null, {
-    default: A(() => [
-      M(t.$slots, "default")
+}), Eo = {};
+function Po(t, e) {
+  const n = L("v-card");
+  return V(), A(n, null, {
+    default: I(() => [
+      O(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Vo = /* @__PURE__ */ ue(Co, [["render", wo]]), So = { key: 0 }, $o = /* @__PURE__ */ T({
+const Wo = /* @__PURE__ */ pe(Eo, [["render", Po]]), Do = { key: 0 }, Bo = /* @__PURE__ */ N({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = L(), o = F(), l = a(() => {
+    const e = t, n = E(), l = K(), s = o(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.hideDetails;
-    }), s = a(() => {
+    }), a = o(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.label;
-    }), u = a(() => {
+    }), u = o(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.value;
-    }), p = a(() => {
+    }), m = o(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.placeholder;
-    }), y = a(() => {
+    }), b = o(() => {
       var i;
       return n !== "runtime" ? !0 : (i = e.node.settings) == null ? void 0 : i.readonly;
-    }), m = a(() => {
+    }), d = o(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.singleLine;
-    }), r = a(() => o.value ? "dark" : "light");
-    return (i, f) => {
-      const c = N("v-combobox");
-      return H(n) === "editor" ? (C(), R("div", So, [
-        D(c, {
-          "hide-details": l.value,
-          label: s.value,
+    }), r = o(() => l.value ? "dark" : "light");
+    return (i, p) => {
+      const v = L("v-combobox");
+      return R(n) === "editor" ? (V(), H("div", Do, [
+        P(v, {
+          "hide-details": s.value,
+          label: a.value,
           "model-value": u.value,
-          placeholder: p.value,
-          readonly: y.value,
-          "single-line": m.value,
+          placeholder: m.value,
+          readonly: b.value,
+          "single-line": d.value,
           theme: r.value
         }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"])
-      ])) : (C(), I(c, {
+      ])) : (V(), A(v, {
         key: 1,
-        "hide-details": l.value,
-        label: s.value,
+        "hide-details": s.value,
+        label: a.value,
         "model-value": u.value,
-        placeholder: p.value,
-        readonly: y.value,
-        "single-line": m.value,
+        placeholder: m.value,
+        readonly: b.value,
+        "single-line": d.value,
         theme: r.value
       }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"]));
     };
   }
-}), To = /* @__PURE__ */ T({
+}), Ro = /* @__PURE__ */ N({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = L(), o = U(), l = F(), s = Z(), u = q(), { applySize: p } = J(n, o, e), { applyMargin: y } = Qe(e), { applyPadding: m } = et(e), { applyBorder: r } = Je(l, e), i = a(() => {
-      var 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;
+    const e = t, n = E(), l = G(), s = K(), a = X(), u = Y(), { applySize: m } = te(n, l, e), { applyMargin: b } = it(e), { applyPadding: d } = ot(e), { applyBorder: r } = nt(s, e), i = o(() => {
+      var f;
+      return (f = e.node.settings) == null ? void 0 : f.backgroundColor;
+    }), { color: p } = U(s, i), v = o(() => {
+      const f = {}, c = u.value.type;
+      return a === "page" ? c === "common" ? (m(f), b(f), d(f), r(f), p.value && (f.backgroundColor = p.value)) : console.assert(!1) : a === "comp" && c === "common" ? (m(f), b(f), d(f), r(f), p.value && (f.backgroundColor = p.value)) : console.assert(!1), f;
     });
-    return (b, d) => (C(), R("div", {
-      style: oe(c.value)
+    return (f, c) => (V(), H("div", {
+      style: se(v.value)
     }, [
-      M(b.$slots, "default")
+      O(f.$slots, "default")
     ], 4));
   }
-}), Io = /* @__PURE__ */ T({
+}), Mo = /* @__PURE__ */ N({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = F(), o = a(() => {
-      var d;
-      return (d = e.node.settings) == null ? void 0 : d.density;
-    }), l = a(() => {
-      var d;
-      return (d = e.node.settings) == null ? void 0 : d.fixedFooter;
-    }), s = a(() => {
-      var d;
-      return (d = e.node.settings) == null ? void 0 : d.fixedHeader;
-    }), u = a(() => {
-      var d;
-      return (d = e.node.settings) == null ? void 0 : d.headers;
-    }), p = a(() => {
-      var d;
-      return (d = e.node.size) == null ? void 0 : d.height;
-    }), y = a(() => {
-      var d;
-      return (d = e.node.settings) == null ? void 0 : d.hover;
-    }), m = a(() => {
-      var _;
-      const d = (_ = e.node.settings) == null ? void 0 : _.data;
-      return typeof d == "string" ? JSON.parse(d) : d;
-    }), r = a(() => {
-      var d;
-      return (d = e.node.settings) == null ? void 0 : d.loading;
-    }), i = a(() => {
-      var d;
-      return (d = e.node.settings) == null ? void 0 : d.multiSort;
-    }), f = a(() => n.value ? "dark" : "light"), c = a(() => {
-      var d;
-      return (d = e.node.size) == null ? void 0 : d.width;
-    }), b = a(() => {
-      var w;
-      const d = [];
-      return (((w = e.node.slots) == null ? void 0 : w.items) ?? []).forEach((v) => {
-        v.column && v.comp && d.push(v);
-      }), d;
+    const e = t, n = K(), l = o(() => {
+      var c;
+      return (c = e.node.settings) == null ? void 0 : c.density;
+    }), s = o(() => {
+      var c;
+      return (c = e.node.settings) == null ? void 0 : c.fixedFooter;
+    }), a = o(() => {
+      var c;
+      return (c = e.node.settings) == null ? void 0 : c.fixedHeader;
+    }), u = o(() => {
+      var c;
+      return (c = e.node.settings) == null ? void 0 : c.headers;
+    }), m = o(() => {
+      var c;
+      return (c = e.node.size) == null ? void 0 : c.height;
+    }), b = o(() => {
+      var c;
+      return (c = e.node.settings) == null ? void 0 : c.hover;
+    }), d = o(() => {
+      var g;
+      const c = (g = e.node.settings) == null ? void 0 : g.data;
+      return typeof c == "string" ? JSON.parse(c) : c;
+    }), r = o(() => {
+      var c;
+      return (c = e.node.settings) == null ? void 0 : c.loading;
+    }), i = o(() => {
+      var c;
+      return (c = e.node.settings) == null ? void 0 : c.multiSort;
+    }), p = o(() => n.value ? "dark" : "light"), v = o(() => {
+      var c;
+      return (c = e.node.size) == null ? void 0 : c.width;
+    }), f = o(() => {
+      var C;
+      const c = [];
+      return (((C = e.node.slots) == null ? void 0 : C.items) ?? []).forEach((y) => {
+        y.column && y.comp && c.push(y);
+      }), c;
     });
-    return (d, _) => {
-      const w = N("v-data-table");
-      return C(), I(w, {
-        density: o.value,
-        "fixed-header": s.value,
-        "fixed-footer": l.value,
+    return (c, g) => {
+      const C = L("v-data-table");
+      return V(), A(C, {
+        density: l.value,
+        "fixed-header": a.value,
+        "fixed-footer": s.value,
         headers: u.value,
-        height: p.value,
-        hover: y.value,
-        items: m.value,
+        height: m.value,
+        hover: b.value,
+        items: d.value,
         loading: r.value,
         "multi-sort": i.value,
-        theme: f.value,
-        width: c.value
-      }, _e({ _: 2 }, [
-        wn(b.value, (v) => ({
-          name: `item.${v.column}`,
-          fn: A(({ value: k }) => [
-            D(O, {
-              "ref-context": { refid: v.comp },
-              state: { value: k }
+        theme: p.value,
+        width: v.value
+      }, ce({ _: 2 }, [
+        En(f.value, (y) => ({
+          name: `item.${y.column}`,
+          fn: I(({ value: w }) => [
+            P(F, {
+              "ref-context": { refid: y.comp },
+              state: { value: w }
             }, null, 8, ["ref-context", "state"])
           ])
         }))
       ]), 1032, ["density", "fixed-header", "fixed-footer", "headers", "height", "hover", "items", "loading", "multi-sort", "theme", "width"]);
     };
   }
-}), No = ["id"], Ao = /* @__PURE__ */ T({
+}), Fo = ["id"], Ho = /* @__PURE__ */ N({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = L(), o = xe(), l = a(() => {
-      var p;
-      return (p = e.node.basic) == null ? void 0 : p.id;
-    }), { open: s } = Ot(`runtimeDlg/${zt()}`);
-    return mn(o, e, (p) => {
-      if (n !== "runtime" || !o.interpreter)
+    const e = t, n = E(), l = ke(), s = o(() => {
+      var m;
+      return (m = e.node.basic) == null ? void 0 : m.id;
+    }), { open: a } = qt(`runtimeDlg/${jt()}`);
+    return vn(l, e, (m) => {
+      if (n !== "runtime" || !l.interpreter)
         return;
-      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),
+      const { name: d } = m;
+      d === "open" ? a.value = !0 : d === "close" && (a.value = !1);
+    }), (m, b) => {
+      const d = L("v-dialog");
+      return V(), A(d, {
+        modelValue: R(a),
+        "onUpdate:modelValue": b[0] || (b[0] = (r) => Ot(a) ? a.value = r : null),
         attach: "#dialogContainer"
       }, {
-        activator: A(() => [
-          H(n) === "editor" ? (C(), R("div", {
+        activator: I(() => [
+          R(n) === "editor" ? (V(), H("div", {
             key: 0,
-            id: `__node__@${l.value}`
-          }, null, 8, No)) : Mt("", !0)
+            id: `__node__@${s.value}`
+          }, null, 8, Fo)) : Kt("", !0)
         ]),
-        default: A(() => [
-          M(p.$slots, "default")
+        default: I(() => [
+          O(m.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue"]);
     };
   }
-}), Lo = /* @__PURE__ */ T({
+}), jo = /* @__PURE__ */ N({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = L(), o = a(() => {
-      var c;
-      return (c = e.node.settings) == null ? void 0 : c.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;
+    const e = t, n = E(), l = o(() => {
+      var v;
+      return (v = e.node.settings) == null ? void 0 : v.chips;
+    }), s = o(() => {
+      var v;
+      return (v = e.node.settings) == null ? void 0 : v.density;
+    }), a = o(() => {
+      var v;
+      return (v = e.node.settings) == null ? void 0 : v.direction;
+    }), u = o(() => {
+      var v;
+      return (v = e.node.settings) == null ? void 0 : v.disabled;
+    }), m = o(() => {
+      var v;
+      return (v = e.node.settings) == null ? void 0 : v.label;
+    }), b = o(() => {
+      var v;
+      return (v = e.node.settings) == null ? void 0 : v.loading;
+    }), d = o(() => {
+      var v;
+      return (v = e.node.settings) == null ? void 0 : v.multiple;
+    }), r = o(() => {
+      var v;
+      return n !== "runtime" ? !0 : (v = e.node.settings) == null ? void 0 : v.readonly;
+    }), i = o(() => {
+      var v;
+      return (v = e.node.settings) == null ? void 0 : v.reverse;
+    }), p = o(() => {
+      var v;
+      return (v = e.node.settings) == null ? void 0 : v.singleLine;
     });
-    return (c, b) => {
-      const d = N("v-file-input");
-      return C(), I(d, {
-        chips: o.value,
-        density: l.value,
-        direction: s.value,
+    return (v, f) => {
+      const c = L("v-file-input");
+      return V(), A(c, {
+        chips: l.value,
+        density: s.value,
+        direction: a.value,
         disabled: u.value,
-        label: p.value,
-        loading: y.value,
-        multiple: m.value,
+        label: m.value,
+        loading: b.value,
+        multiple: d.value,
         readonly: r.value,
         reverse: i.value,
-        "single-line": f.value
+        "single-line": p.value
       }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"]);
     };
   }
-}), Eo = /* @__PURE__ */ T({
+}), Oo = /* @__PURE__ */ N({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = L(), o = U(), l = F(), s = Z(), u = q(), { applySize: p } = J(n, o, e), { applyMargin: y } = Qe(e), { applyPadding: m } = et(e), { applyBorder: r } = Je(l, e), i = a(() => {
-      var d;
-      return (d = e.node.settings) == null ? void 0 : d.backgroundColor;
-    }), { color: f } = ae(l, i), c = (d) => {
-      var x, S, P, B;
-      f.value && (d.backgroundColor = f.value), d.display = "flex";
-      const _ = Qt(o.value.width), w = le(_, (x = e.node.settings) == null ? void 0 : x.direction);
-      w === "row" ? d.flexDirection = "row" : w === "rowReverse" ? d.flexDirection = "row-reverse" : w === "column" ? d.flexDirection = "column" : w === "columnReverse" && (d.flexDirection = "column-reverse");
-      const v = le(_, (S = e.node.settings) == null ? void 0 : S.wrap);
-      v === "no" ? d.flexWrap = "nowrap" : v === "yes" ? d.flexWrap = "wrap" : v === "reverse" && (d.flexWrap = "wrap-reverse");
-      const k = le(_, (P = e.node.settings) == null ? void 0 : P.mainAlign);
-      k === "start" ? d.justifyContent = "flex-start" : k === "end" ? d.justifyContent = "flex-end" : k === "center" ? d.justifyContent = "center" : k === "spaceBetween" ? d.justifyContent = "space-between" : k === "spaceAround" ? d.justifyContent = "space-around" : k === "spaceEvenly" && (d.justifyContent = "space-evenly");
-      const h = le(_, (B = e.node.settings) == null ? void 0 : B.crossAlign);
-      h === "start" ? d.alignItems = "flex-start" : h === "end" ? d.alignItems = "flex-end" : h === "center" ? d.alignItems = "center" : h === "baseline" ? d.alignItems = "baseline" : h === "stretch" && (d.alignItems = "stretch");
-    }, b = a(() => {
-      const d = {}, _ = u.value.type;
-      return s === "page" ? _ === "common" ? (p(d), y(d), m(d), r(d), c(d)) : console.assert(!1) : s === "comp" && _ === "common" ? (p(d), y(d), m(d), r(d), c(d)) : console.assert(!1), d;
+    const e = t, n = E(), l = G(), s = K(), a = X(), u = Y(), { applySize: m } = te(n, l, e), { applyMargin: b } = it(e), { applyPadding: d } = ot(e), { applyBorder: r } = nt(s, e), i = o(() => {
+      var c;
+      return (c = e.node.settings) == null ? void 0 : c.backgroundColor;
+    }), { color: p } = U(s, i), v = (c) => {
+      var x, T, z, B;
+      p.value && (c.backgroundColor = p.value), c.display = "flex";
+      const g = ln(l.value.width), C = ue(g, (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 y = ue(g, (T = e.node.settings) == null ? void 0 : T.wrap);
+      y === "no" ? c.flexWrap = "nowrap" : y === "yes" ? c.flexWrap = "wrap" : y === "reverse" && (c.flexWrap = "wrap-reverse");
+      const w = ue(g, (z = e.node.settings) == null ? void 0 : z.mainAlign);
+      w === "start" ? c.justifyContent = "flex-start" : w === "end" ? c.justifyContent = "flex-end" : w === "center" ? c.justifyContent = "center" : w === "spaceBetween" ? c.justifyContent = "space-between" : w === "spaceAround" ? c.justifyContent = "space-around" : w === "spaceEvenly" && (c.justifyContent = "space-evenly");
+      const h = ue(g, (B = e.node.settings) == null ? void 0 : B.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");
+    }, f = o(() => {
+      const c = {}, g = u.value.type;
+      return a === "page" ? g === "common" ? (m(c), b(c), d(c), r(c), v(c)) : console.assert(!1) : a === "comp" && g === "common" ? (m(c), b(c), d(c), r(c), v(c)) : console.assert(!1), c;
     });
-    return (d, _) => (C(), R("div", {
-      style: oe(b.value)
+    return (c, g) => (V(), H("div", {
+      style: se(f.value)
     }, [
-      M(d.$slots, "default")
+      O(c.$slots, "default")
     ], 4));
   }
-}), Po = /* @__PURE__ */ T({
+}), Ko = /* @__PURE__ */ N({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = L(), o = U(), l = Z(), s = q(), { applySize: u } = J(n, o, e), p = a(() => {
+    const e = t, n = E(), l = G(), s = X(), a = Y(), { applySize: u } = te(n, l, e), m = o(() => {
       var r;
       return (r = e.node.settings) == null ? void 0 : r.grow;
-    }), y = a(() => {
+    }), b = o(() => {
       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;
+    }), d = o(() => {
+      const r = {}, i = a.value.type;
+      return s === "page" ? i === "common" ? (u(r), r.flexGrow = m.value ? 1 : 0, r.flexShrink = b.value ? 1 : 0) : console.assert(!1) : s === "comp" && i === "common" ? (u(r), r.flexGrow = m.value ? 1 : 0, r.flexShrink = b.value ? 1 : 0) : console.assert(!1), r;
     });
-    return (r, i) => (C(), R("div", {
-      style: oe(m.value)
+    return (r, i) => (V(), H("div", {
+      style: se(d.value)
     }, [
-      M(r.$slots, "default")
+      O(r.$slots, "default")
     ], 4));
   }
-}), Wo = /* @__PURE__ */ T({
+}), Uo = /* @__PURE__ */ N({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = L(), o = U(), l = F(), s = Z(), u = q(), p = xe(), y = a({
+    const e = t, n = E(), l = G(), s = K(), a = X(), u = Y(), m = ke(), b = o({
       get: () => {
-        var v;
-        return (v = e.node.settings) == null ? void 0 : v.valid;
+        var y;
+        return (y = e.node.settings) == null ? void 0 : y.valid;
       },
-      set: (v) => {
-        e.node.settings && (e.node.settings.valid = !!v);
+      set: (y) => {
+        e.node.settings && (e.node.settings.valid = !!y);
       }
-    }), 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 = () => {
+    }), d = o(() => {
+      var y;
+      return (y = e.node.settings) == null ? void 0 : y.fastFail;
+    }), { applySize: r } = te(n, l, e), { applyMargin: i } = it(e), { applyPadding: p } = ot(e), { applyBorder: v } = nt(s, e), f = o(() => {
+      var y;
+      return (y = e.node.settings) == null ? void 0 : y.backgroundColor;
+    }), { color: c } = U(s, f), g = o(() => {
+      const y = {}, w = u.value.type;
+      return a === "page" ? w === "common" ? (r(y), i(y), p(y), v(y), c.value && (y.backgroundColor = c.value)) : console.assert(!1) : a === "comp" && w === "common" ? (r(y), i(y), p(y), v(y), c.value && (y.backgroundColor = c.value)) : console.assert(!1), y;
+    }), C = () => {
       if (n !== "runtime")
         return;
-      const v = p.interpreter;
-      if (!v)
+      const y = m.interpreter;
+      if (!y)
         return;
-      const k = v.nativeToPseudo(e.node.basic.id);
-      v.appendCode(`__triggerEvent__('${k}', 'submit')`), v.run();
+      const w = y.nativeToPseudo(e.node.basic.id);
+      y.appendCode(`__triggerEvent__('${w}', 'submit')`), y.run();
     };
-    return (v, k) => {
-      const h = N("v-form");
-      return C(), I(h, {
-        modelValue: y.value,
-        "onUpdate:modelValue": k[0] || (k[0] = (x) => y.value = x),
-        style: oe(_.value),
-        "fast-fail": m.value,
-        onSubmit: Vn(w, ["prevent"])
+    return (y, w) => {
+      const h = L("v-form");
+      return V(), A(h, {
+        modelValue: b.value,
+        "onUpdate:modelValue": w[0] || (w[0] = (x) => b.value = x),
+        style: se(g.value),
+        "fast-fail": d.value,
+        onSubmit: Pn(C, ["prevent"])
       }, {
-        default: A(() => [
-          M(v.$slots, "default")
+        default: I(() => [
+          O(y.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "style", "fast-fail"]);
     };
   }
-}), Bo = ["id"], Do = /* @__PURE__ */ T({
+}), Zo = ["id"], qo = /* @__PURE__ */ N({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = L(), o = xe(), l = Q(0), s = Q(0), u = a(() => [l.value, s.value]), p = a(() => {
+    const e = t, n = E(), l = ke(), s = ne(0), a = ne(0), u = o(() => [s.value, a.value]), m = o(() => {
       var r;
       return (r = e.node.basic) == null ? void 0 : r.id;
-    }), { open: y } = Ot(`runtimeMenu/${zt()}`);
-    return mn(o, e, (r) => {
+    }), { open: b } = qt(`runtimeMenu/${jt()}`);
+    return vn(l, e, (r) => {
       if (n !== "runtime")
         return;
-      const i = o.interpreter;
+      const i = l.interpreter;
       if (!i)
         return;
-      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);
+      const { name: p } = r;
+      p === "open" ? (s.value = i.getProperty(i.globalObject, "__pointerPosX__"), a.value = i.getProperty(i.globalObject, "__pointerPosY__"), b.value = !0) : p === "close" && (b.value = !1);
     }), (r, i) => {
-      const f = N("v-menu");
-      return C(), I(f, {
-        modelValue: H(y),
-        "onUpdate:modelValue": i[0] || (i[0] = (c) => Rt(y) ? y.value = c : null),
+      const p = L("v-menu");
+      return V(), A(p, {
+        modelValue: R(b),
+        "onUpdate:modelValue": i[0] || (i[0] = (v) => Ot(b) ? b.value = v : null),
         "location-strategy": "connected",
         target: u.value,
         attach: "menuContainer",
         scrim: "transparent"
       }, {
-        activator: A(() => [
-          H(n) === "editor" ? (C(), R("div", {
+        activator: I(() => [
+          R(n) === "editor" ? (V(), H("div", {
             key: 0,
-            id: `__node__@${p.value}`
-          }, null, 8, Bo)) : Mt("", !0)
+            id: `__node__@${m.value}`
+          }, null, 8, Zo)) : Kt("", !0)
         ]),
-        default: A(() => [
-          M(r.$slots, "default")
+        default: I(() => [
+          O(r.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "target"]);
     };
   }
-}), zo = { key: 0 }, Ro = /* @__PURE__ */ T({
+}), Go = { key: 0 }, Xo = /* @__PURE__ */ N({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = L(), o = F(), l = a(() => {
+    const e = t, n = E(), l = K(), s = o(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.hideDetails;
-    }), s = a(() => {
+    }), a = o(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.label;
-    }), u = a(() => {
+    }), u = o(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.value;
-    }), p = a(() => {
+    }), m = o(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.placeholder;
-    }), y = a(() => {
+    }), b = o(() => {
       var i;
       return n !== "runtime" ? !0 : (i = e.node.settings) == null ? void 0 : i.readonly;
-    }), m = a(() => {
+    }), d = o(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.singleLine;
-    }), r = a(() => o.value ? "dark" : "light");
-    return (i, f) => {
-      const c = N("v-number-input");
-      return H(n) === "editor" ? (C(), R("div", zo, [
-        D(c, {
-          "hide-details": l.value,
-          label: s.value,
+    }), r = o(() => l.value ? "dark" : "light");
+    return (i, p) => {
+      const v = L("v-number-input");
+      return R(n) === "editor" ? (V(), H("div", Go, [
+        P(v, {
+          "hide-details": s.value,
+          label: a.value,
           "model-value": u.value,
-          placeholder: p.value,
-          readonly: y.value,
-          "single-line": m.value,
+          placeholder: m.value,
+          readonly: b.value,
+          "single-line": d.value,
           theme: r.value
         }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"])
-      ])) : (C(), I(c, {
+      ])) : (V(), A(v, {
         key: 1,
-        "hide-details": l.value,
-        label: s.value,
+        "hide-details": s.value,
+        label: a.value,
         "model-value": u.value,
-        placeholder: p.value,
-        readonly: y.value,
-        "single-line": m.value,
+        placeholder: m.value,
+        readonly: b.value,
+        "single-line": d.value,
         theme: r.value
       }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"]));
     };
   }
-}), Mo = /* @__PURE__ */ T({
+}), Yo = /* @__PURE__ */ N({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = a(() => {
-      var l;
-      return (l = e.node.settings) == null ? void 0 : l.label;
-    }), o = a(() => {
-      var l;
-      return (l = e.node.settings) == null ? void 0 : l.value;
+    const e = t, n = o(() => {
+      var s;
+      return (s = e.node.settings) == null ? void 0 : s.label;
+    }), l = o(() => {
+      var s;
+      return (s = e.node.settings) == null ? void 0 : s.value;
     });
-    return (l, s) => {
-      const u = N("v-radio");
-      return C(), I(u, {
-        value: o.value,
+    return (s, a) => {
+      const u = L("v-radio");
+      return V(), A(u, {
+        value: l.value,
         label: n.value
       }, null, 8, ["value", "label"]);
     };
   }
-}), Fo = /* @__PURE__ */ T({
+}), Jo = /* @__PURE__ */ N({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = L(), o = a(() => {
-      var m;
-      return (m = e.node.settings) == null ? void 0 : m.density;
-    }), l = a(() => {
-      var m;
-      return (m = e.node.settings) == null ? void 0 : m.direction;
-    }), s = a(() => {
-      var m;
-      return (m = e.node.settings) == null ? void 0 : m.disabled;
-    }), u = a(() => {
-      var m;
-      return (m = e.node.settings) == null ? void 0 : m.inline;
-    }), p = a(() => {
-      var m;
-      return (m = e.node.settings) == null ? void 0 : m.value;
-    }), y = a(() => {
-      var m;
-      return n !== "runtime" ? !0 : (m = e.node.settings) == null ? void 0 : m.readonly;
+    const e = t, n = E(), l = o(() => {
+      var d;
+      return (d = e.node.settings) == null ? void 0 : d.density;
+    }), s = o(() => {
+      var d;
+      return (d = e.node.settings) == null ? void 0 : d.direction;
+    }), a = o(() => {
+      var d;
+      return (d = e.node.settings) == null ? void 0 : d.disabled;
+    }), u = o(() => {
+      var d;
+      return (d = e.node.settings) == null ? void 0 : d.inline;
+    }), m = o(() => {
+      var d;
+      return (d = e.node.settings) == null ? void 0 : d.value;
+    }), b = o(() => {
+      var d;
+      return n !== "runtime" ? !0 : (d = e.node.settings) == null ? void 0 : d.readonly;
     });
-    return (m, r) => {
-      const i = N("v-radio-group");
-      return C(), I(i, {
-        density: o.value,
-        direction: l.value,
-        disabled: s.value,
+    return (d, r) => {
+      const i = L("v-radio-group");
+      return V(), A(i, {
+        density: l.value,
+        direction: s.value,
+        disabled: a.value,
         inline: u.value,
-        "model-value": p.value,
-        readonly: y.value
+        "model-value": m.value,
+        readonly: b.value
       }, {
-        default: A(() => [
-          M(m.$slots, "default")
+        default: I(() => [
+          O(d.$slots, "default")
         ]),
         _: 3
       }, 8, ["density", "direction", "disabled", "inline", "model-value", "readonly"]);
     };
   }
-}), Ho = /* @__PURE__ */ T({
+}), Qo = /* @__PURE__ */ N({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = L(), o = a(() => {
+    const e = t, n = E(), l = o(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.density;
-    }), l = a(() => {
+    }), s = o(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.direction;
-    }), s = a(() => {
+    }), a = o(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.disabled;
-    }), u = a(() => {
+    }), u = o(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.label;
-    }), p = a(() => {
+    }), m = o(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.max;
-    }), y = a(() => {
+    }), b = o(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.min;
-    }), m = a(() => {
+    }), d = o(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.value;
-    }), r = a(() => {
+    }), r = o(() => {
       var i;
       return n !== "runtime" ? !0 : (i = e.node.settings) == null ? void 0 : i.readonly;
     });
-    return (i, f) => {
-      const c = N("v-range-slider");
-      return C(), I(c, {
-        density: o.value,
-        direction: l.value,
-        disabled: s.value,
+    return (i, p) => {
+      const v = L("v-range-slider");
+      return V(), A(v, {
+        density: l.value,
+        direction: s.value,
+        disabled: a.value,
         label: u.value,
-        max: p.value,
-        min: y.value,
-        "model-value": m.value,
+        max: m.value,
+        min: b.value,
+        "model-value": d.value,
         readonly: r.value
       }, null, 8, ["density", "direction", "disabled", "label", "max", "min", "model-value", "readonly"]);
     };
   }
-}), Oo = {};
-function jo(t, e) {
-  const n = N("v-rating");
-  return C(), I(n);
+}), el = {};
+function tl(t, e) {
+  const n = L("v-rating");
+  return V(), A(n);
 }
-const Ko = /* @__PURE__ */ ue(Oo, [["render", jo]]), Uo = { key: 0 }, Zo = /* @__PURE__ */ T({
+const nl = /* @__PURE__ */ pe(el, [["render", tl]]), il = { key: 0 }, ol = /* @__PURE__ */ N({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = L(), o = F(), l = a(() => {
+    const e = t, n = E(), l = K(), s = o(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.hideDetails;
-    }), s = a(() => {
+    }), a = o(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.label;
-    }), u = a(() => {
+    }), u = o(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.value;
-    }), p = a(() => {
+    }), m = o(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.placeholder;
-    }), y = a(() => {
+    }), b = o(() => {
       var i;
       return n !== "runtime" ? !0 : (i = e.node.settings) == null ? void 0 : i.readonly;
-    }), m = a(() => {
+    }), d = o(() => {
       var i;
       return (i = e.node.settings) == null ? void 0 : i.singleLine;
-    }), r = a(() => o.value ? "dark" : "light");
-    return (i, f) => {
-      const c = N("v-select");
-      return H(n) === "editor" ? (C(), R("div", Uo, [
-        D(c, {
-          "hide-details": l.value,
-          label: s.value,
+    }), r = o(() => l.value ? "dark" : "light");
+    return (i, p) => {
+      const v = L("v-select");
+      return R(n) === "editor" ? (V(), H("div", il, [
+        P(v, {
+          "hide-details": s.value,
+          label: a.value,
           "model-value": u.value,
-          placeholder: p.value,
-          readonly: y.value,
-          "single-line": m.value,
+          placeholder: m.value,
+          readonly: b.value,
+          "single-line": d.value,
           theme: r.value
         }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"])
-      ])) : (C(), I(c, {
+      ])) : (V(), A(v, {
         key: 1,
-        "hide-details": l.value,
-        label: s.value,
+        "hide-details": s.value,
+        label: a.value,
         "model-value": u.value,
-        placeholder: p.value,
-        readonly: y.value,
-        "single-line": m.value,
+        placeholder: m.value,
+        readonly: b.value,
+        "single-line": d.value,
         theme: r.value
       }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"]));
     };
   }
-}), qo = { key: 0 }, Go = /* @__PURE__ */ T({
+}), ll = { key: 0 }, rl = /* @__PURE__ */ N({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = L(), o = a(() => {
-      var c;
-      return (c = e.node.settings) == null ? void 0 : c.disabled;
-    }), l = a(() => {
-      var c;
-      return (c = e.node.settings) == null ? void 0 : c.label;
-    }), s = a(() => {
-      var c;
-      return (c = e.node.settings) == null ? void 0 : c.max;
-    }), u = a(() => {
-      var c;
-      return (c = e.node.settings) == null ? void 0 : c.min;
-    }), p = a(() => {
-      var c;
-      return (c = e.node.settings) == null ? void 0 : c.value;
-    }), y = a(() => {
-      var c;
-      return (c = e.node.settings) == null ? void 0 : c.readonly;
-    }), m = a(() => {
-      var c;
-      return (c = e.node.settings) == null ? void 0 : c.step;
-    }), r = a(() => {
-      var c;
-      return (c = e.node.settings) == null ? void 0 : c.thumbColor;
-    }), i = a(() => {
-      var b;
-      const c = (b = e.node.settings) == null ? void 0 : b.thumbLabel;
-      if (c === "always")
-        return c;
-      if (c === "show")
+    const e = t, n = E(), l = Kn(), s = o(() => {
+      var _;
+      return (_ = e.node.settings) == null ? void 0 : _.color;
+    }), { color: a } = U(l, s), u = o(() => {
+      var _;
+      return (_ = e.node.settings) == null ? void 0 : _.direction;
+    }), m = o(() => {
+      var _;
+      return (_ = e.node.settings) == null ? void 0 : _.disabled;
+    }), b = o(() => {
+      var _;
+      return (_ = e.node.settings) == null ? void 0 : _.label;
+    }), d = o(() => {
+      var _;
+      return (_ = e.node.settings) == null ? void 0 : _.max;
+    }), r = o(() => {
+      var _;
+      return (_ = e.node.settings) == null ? void 0 : _.min;
+    }), i = o(() => {
+      var _;
+      return (_ = e.node.settings) == null ? void 0 : _.value;
+    }), p = o(() => {
+      var _;
+      return (_ = e.node.settings) == null ? void 0 : _.readonly;
+    }), v = o(() => {
+      var _;
+      return (_ = e.node.settings) == null ? void 0 : _.showTicks;
+    }), f = o(() => {
+      if (v.value === "always")
+        return "always";
+      if (v.value === "show")
         return !0;
-    }), f = a(() => {
-      var c;
-      return (c = e.node.settings) == null ? void 0 : c.trackColor;
+    }), c = o(() => {
+      var _;
+      return (_ = e.node.settings) == null ? void 0 : _.step;
+    }), g = o(() => l.value ? "dark" : "light"), C = o(() => {
+      var _;
+      return (_ = e.node.settings) == null ? void 0 : _.thumbColor;
+    }), { color: y } = U(l, C), w = o(() => {
+      var _;
+      return (_ = e.node.settings) == null ? void 0 : _.thumbLabel;
+    }), h = o(() => {
+      if (w.value === "always")
+        return "always";
+      if (w.value === "show")
+        return !0;
+    }), x = o(() => {
+      var _;
+      return (_ = e.node.settings) == null ? void 0 : _.thumbSize;
+    }), T = o(() => {
+      var ae;
+      const _ = (ae = e.node.settings) == null ? void 0 : ae.ticks;
+      if (!_)
+        return;
+      const we = {};
+      for (const { value: In, label: Nn } of _)
+        we[In] = Nn;
+      return we;
+    }), z = o(() => {
+      var _;
+      return (_ = e.node.settings) == null ? void 0 : _.tickSize;
+    }), B = o(() => {
+      var _;
+      return (_ = e.node.settings) == null ? void 0 : _.trackColor;
+    }), { color: S } = U(l, B), j = o(() => {
+      var _;
+      return (_ = e.node.slots) == null ? void 0 : _.append;
+    }), fe = o(() => {
+      var _;
+      return (_ = e.node.slots) == null ? void 0 : _.prepend;
     });
-    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, {
+    return (_, we) => {
+      const ae = L("v-slider");
+      return R(n) === "editor" ? (V(), H("div", ll, [
+        P(ae, {
+          color: R(a),
+          direction: u.value,
+          disabled: m.value,
+          label: b.value,
+          max: d.value,
+          min: r.value,
+          "model-value": i.value,
+          readonly: p.value,
+          showTicks: f.value,
+          step: c.value,
+          theme: g.value,
+          "thumb-color": R(y),
+          "thumb-label": h.value,
+          "thumb-size": x.value,
+          ticks: T.value,
+          "tick-size": z.value,
+          "track-color": R(S)
+        }, ce({ _: 2 }, [
+          j.value ? {
+            name: "append",
+            fn: I(() => [
+              P(F, {
+                "ref-context": { refid: j.value },
+                state: {}
+              }, null, 8, ["ref-context"])
+            ]),
+            key: "0"
+          } : void 0,
+          fe.value ? {
+            name: "prepend",
+            fn: I(() => [
+              P(F, {
+                "ref-context": { refid: fe.value },
+                state: {}
+              }, null, 8, ["ref-context"])
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1032, ["color", "direction", "disabled", "label", "max", "min", "model-value", "readonly", "showTicks", "step", "theme", "thumb-color", "thumb-label", "thumb-size", "ticks", "tick-size", "track-color"])
+      ])) : (V(), A(ae, {
         key: 1,
-        disabled: o.value,
-        label: l.value,
-        max: s.value,
-        min: u.value,
-        "model-value": p.value,
-        readonly: y.value,
-        step: m.value,
-        "thumb-color": r.value,
-        "thumb-label": i.value,
-        "track-color": f.value
-      }, null, 8, ["disabled", "label", "max", "min", "model-value", "readonly", "step", "thumb-color", "thumb-label", "track-color"]));
+        color: R(a),
+        direction: u.value,
+        disabled: m.value,
+        label: b.value,
+        max: d.value,
+        min: r.value,
+        "model-value": i.value,
+        readonly: p.value,
+        showTicks: f.value,
+        step: c.value,
+        theme: g.value,
+        "thumb-color": R(y),
+        "thumb-label": h.value,
+        "thumb-size": x.value,
+        ticks: T.value,
+        "tick-size": z.value,
+        "track-color": R(S)
+      }, ce({ _: 2 }, [
+        j.value ? {
+          name: "append",
+          fn: I(() => [
+            P(F, {
+              "ref-context": { refid: j.value },
+              state: {}
+            }, null, 8, ["ref-context"])
+          ]),
+          key: "0"
+        } : void 0,
+        fe.value ? {
+          name: "prepend",
+          fn: I(() => [
+            P(F, {
+              "ref-context": { refid: fe.value },
+              state: {}
+            }, null, 8, ["ref-context"])
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1032, ["color", "direction", "disabled", "label", "max", "min", "model-value", "readonly", "showTicks", "step", "theme", "thumb-color", "thumb-label", "thumb-size", "ticks", "tick-size", "track-color"]));
     };
   }
-}), Xo = /* @__PURE__ */ T({
+}), sl = /* @__PURE__ */ N({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = U(), o = a(() => {
+    const e = t, n = G(), l = o(() => {
       var r;
       return (r = e.node.settings) == null ? void 0 : r.align;
-    }), l = a(() => {
+    }), s = o(() => {
       var r;
       return (r = e.node.settings) == null ? void 0 : r.decoration;
-    }), s = a(() => {
+    }), a = o(() => {
       var r;
       return (r = e.node.settings) == null ? void 0 : r.emphasis;
-    }), u = a(() => {
+    }), u = o(() => {
       var r;
       return (r = e.node.settings) == null ? void 0 : r.italic;
-    }), p = a(() => {
+    }), m = o(() => {
       var r;
       return (r = e.node.settings) == null ? void 0 : r.text;
-    }), y = a(() => {
+    }), b = o(() => {
       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(" ");
+    }), d = o(() => {
+      var v;
+      const r = [], i = ln(n.value.width), p = ue(i, (v = e.node.settings) == null ? void 0 : v.style);
+      return p && r.push(`text-${p}`), a.value === "high" ? r.push("text-high-emphasis") : a.value === "medium" ? r.push("text-medium-emphasis") : a.value === "disabled" && r.push("text-disabled"), l.value && r.push(`font-${l.value}`), s.value && r.push(`font-decoration-${s.value}`), b.value && r.push(`font-weight-${b.value}`), u.value && r.push("font-italic"), r.join(" ");
     });
-    return (r, i) => (C(), R("span", {
-      class: Sn(m.value)
-    }, $n(p.value), 3));
+    return (r, i) => (V(), H("span", {
+      class: Wn(d.value)
+    }, Dn(m.value), 3));
   }
-}), Yo = {};
-function Jo(t, e) {
-  const n = N("v-textarea");
-  return C(), I(n);
+}), al = {};
+function ul(t, e) {
+  const n = L("v-textarea");
+  return V(), A(n);
 }
-const Qo = /* @__PURE__ */ ue(Yo, [["render", Jo]]), el = { key: 0 }, tl = /* @__PURE__ */ T({
+const cl = /* @__PURE__ */ pe(al, [["render", ul]]), dl = { key: 0 }, ml = /* @__PURE__ */ N({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    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;
+    const e = t, n = E(), l = K(), s = o(() => {
+      var f;
+      return (f = e.node.settings) == null ? void 0 : f.hideDetails;
+    }), a = o(() => {
+      var f;
+      return (f = e.node.settings) == null ? void 0 : f.label;
+    }), u = o(() => {
+      var f;
+      return (f = e.node.settings) == null ? void 0 : f.placeholder;
+    }), m = o(() => {
+      var f;
+      return n !== "runtime" ? !0 : (f = e.node.settings) == null ? void 0 : f.readonly;
+    }), b = o(() => {
+      var f;
+      return (f = e.node.settings) == null ? void 0 : f.singleLine;
+    }), d = o(() => l.value ? "dark" : "light"), r = o(() => {
+      var f;
+      return (f = e.node.slots) == null ? void 0 : f.append;
+    }), i = o(() => {
+      var f;
+      return (f = e.node.slots) == null ? void 0 : f.appendInner;
+    }), p = o(() => {
+      var f;
+      return (f = e.node.slots) == null ? void 0 : f.prepend;
+    }), v = o(() => {
+      var f;
+      return (f = e.node.slots) == null ? void 0 : f.prependInner;
     });
-    return (b, d) => {
-      const _ = N("v-text-field");
-      return H(n) === "editor" ? (C(), R("div", el, [
-        D(_, {
-          "hide-details": l.value,
-          label: s.value,
+    return (f, c) => {
+      const g = L("v-text-field");
+      return R(n) === "editor" ? (V(), H("div", dl, [
+        P(g, {
+          "hide-details": s.value,
+          label: a.value,
           placeholder: u.value,
-          readonly: p.value,
-          "single-line": y.value,
-          theme: m.value
-        }, _e({ _: 2 }, [
+          readonly: m.value,
+          "single-line": b.value,
+          theme: d.value
+        }, ce({ _: 2 }, [
           r.value ? {
             name: "append",
-            fn: A(() => [
-              D(O, {
+            fn: I(() => [
+              P(F, {
                 "ref-context": { refid: r.value },
                 state: {}
               }, null, 8, ["ref-context"])
@@ -2060,48 +2152,48 @@ const Qo = /* @__PURE__ */ ue(Yo, [["render", Jo]]), el = { key: 0 }, tl = /* @_
           } : void 0,
           i.value ? {
             name: "append-inner",
-            fn: A(() => [
-              D(O, {
+            fn: I(() => [
+              P(F, {
                 "ref-context": { refid: i.value },
                 state: {}
               }, null, 8, ["ref-context"])
             ]),
             key: "1"
           } : void 0,
-          f.value ? {
+          p.value ? {
             name: "prepend",
-            fn: A(() => [
-              D(O, {
-                "ref-context": { refid: f.value },
+            fn: I(() => [
+              P(F, {
+                "ref-context": { refid: p.value },
                 state: {}
               }, null, 8, ["ref-context"])
             ]),
             key: "2"
           } : void 0,
-          c.value ? {
+          v.value ? {
             name: "prepend-inner",
-            fn: A(() => [
-              D(O, {
-                "ref-context": { refid: c.value },
+            fn: I(() => [
+              P(F, {
+                "ref-context": { refid: v.value },
                 state: {}
               }, null, 8, ["ref-context"])
             ]),
             key: "3"
           } : void 0
         ]), 1032, ["hide-details", "label", "placeholder", "readonly", "single-line", "theme"])
-      ])) : (C(), I(_, {
+      ])) : (V(), A(g, {
         key: 1,
-        "hide-details": l.value,
-        label: s.value,
+        "hide-details": s.value,
+        label: a.value,
         placeholder: u.value,
-        readonly: p.value,
-        "single-line": y.value,
-        theme: m.value
-      }, _e({ _: 2 }, [
+        readonly: m.value,
+        "single-line": b.value,
+        theme: d.value
+      }, ce({ _: 2 }, [
         r.value ? {
           name: "append",
-          fn: A(() => [
-            D(O, {
+          fn: I(() => [
+            P(F, {
               "ref-context": { refid: r.value },
               state: {}
             }, null, 8, ["ref-context"])
@@ -2110,29 +2202,29 @@ const Qo = /* @__PURE__ */ ue(Yo, [["render", Jo]]), el = { key: 0 }, tl = /* @_
         } : void 0,
         i.value ? {
           name: "append-inner",
-          fn: A(() => [
-            D(O, {
+          fn: I(() => [
+            P(F, {
               "ref-context": { refid: i.value },
               state: {}
             }, null, 8, ["ref-context"])
           ]),
           key: "1"
         } : void 0,
-        f.value ? {
+        p.value ? {
           name: "prepend",
-          fn: A(() => [
-            D(O, {
-              "ref-context": { refid: f.value },
+          fn: I(() => [
+            P(F, {
+              "ref-context": { refid: p.value },
               state: {}
             }, null, 8, ["ref-context"])
           ]),
           key: "2"
         } : void 0,
-        c.value ? {
+        v.value ? {
           name: "prepend-inner",
-          fn: A(() => [
-            D(O, {
-              "ref-context": { refid: c.value },
+          fn: I(() => [
+            P(F, {
+              "ref-context": { refid: v.value },
               state: {}
             }, null, 8, ["ref-context"])
           ]),
@@ -2141,48 +2233,48 @@ const Qo = /* @__PURE__ */ ue(Yo, [["render", Jo]]), el = { key: 0 }, tl = /* @_
       ]), 1032, ["hide-details", "label", "placeholder", "readonly", "single-line", "theme"]));
     };
   }
-}), nl = /* @__PURE__ */ T({
+}), pl = /* @__PURE__ */ N({
   __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;
+    const e = t, n = o(() => {
+      var a;
+      return (a = e.node.settings) == null ? void 0 : a.align;
+    }), l = o(() => {
+      var a;
+      return (a = e.node.settings) == null ? void 0 : a.density;
+    }), s = o(() => {
+      var a;
+      return (a = e.node.settings) == null ? void 0 : a.direction;
     });
-    return (s, u) => {
-      const p = N("v-timeline");
-      return C(), I(p, {
+    return (a, u) => {
+      const m = L("v-timeline");
+      return V(), A(m, {
         align: n.value,
-        density: o.value,
-        direction: l.value
+        density: l.value,
+        direction: s.value
       }, {
-        default: A(() => [
-          M(s.$slots, "default")
+        default: I(() => [
+          O(a.$slots, "default")
         ]),
         _: 3
       }, 8, ["align", "density", "direction"]);
     };
   }
-}), il = {};
-function ol(t, e) {
-  const n = N("v-timeline-item");
-  return C(), I(n, null, {
-    default: A(() => [
-      M(t.$slots, "default")
+}), fl = {};
+function bl(t, e) {
+  const n = L("v-timeline-item");
+  return V(), A(n, null, {
+    default: I(() => [
+      O(t.$slots, "default")
     ]),
     _: 3
   });
 }
-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 = {
+const yl = /* @__PURE__ */ pe(fl, [["render", bl]]), kn = "badge_v1", Se = "bar_chart_v1", Te = "btn_v1", $e = "card_v1", pt = "chip_v1", Ie = "combobox_v1", Ne = "container_v1", Ae = "data_table_v1", Le = "dialog_v1", ze = "file_input_v1", Ee = "flex_layout_v1", wn = "flex_layout_entry_v1", Pe = "form_v1", We = "globality_v1", De = "line_chart_v1", Be = "menu_v1", Re = "number_input_v1", Cn = "radio_v1", Me = "radio_group_v1", Fe = "range_slider_v1", He = "rating_v1", be = "ref_v1", je = "select_v1", Oe = "slider_v1", Ke = "text_v1", Ue = "textarea_v1", Ze = "text_field_v1", qe = "timeline_v1", Vn = "timeline_item_v1", k = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -2207,7 +2299,7 @@ const ll = /* @__PURE__ */ ue(il, [["render", ol]]), vn = "badge_v1", ke = "bar_
       default: ""
     }
   ]
-}, ce = {
+}, J = {
   key: "color",
   name: "x-runtime-lib.color",
   children: [
@@ -2244,7 +2336,7 @@ const ll = /* @__PURE__ */ ue(il, [["render", ol]]), vn = "badge_v1", ke = "bar_
       ]
     }
   ]
-}, rl = W(ce), te = {
+}, vl = W(J), oe = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -2262,7 +2354,7 @@ const ll = /* @__PURE__ */ ue(il, [["render", ol]]), vn = "badge_v1", ke = "bar_
       types: "borderWidthTypesV1",
       default: ""
     },
-    rl,
+    vl,
     {
       key: "roundRadius",
       name: "x-runtime-lib.roundRadius",
@@ -2298,7 +2390,7 @@ const ll = /* @__PURE__ */ ue(il, [["render", ol]]), vn = "badge_v1", ke = "bar_
       ]
     }
   ]
-}, me = {
+}, ye = {
   key: "legend",
   name: "x-runtime-lib.legend",
   children: [
@@ -2323,7 +2415,7 @@ const ll = /* @__PURE__ */ ue(il, [["render", ol]]), vn = "badge_v1", ke = "bar_
       defaultArray: []
     }
   ]
-}, ne = {
+}, le = {
   key: "margin",
   name: "x-runtime-lib.margin",
   children: [
@@ -2356,7 +2448,7 @@ const ll = /* @__PURE__ */ ue(il, [["render", ol]]), vn = "badge_v1", ke = "bar_
       default: ""
     }
   ]
-}, ie = {
+}, re = {
   key: "padding",
   name: "x-runtime-lib.padding",
   children: [
@@ -2389,7 +2481,7 @@ const ll = /* @__PURE__ */ ue(il, [["render", ol]]), vn = "badge_v1", ke = "bar_
       default: ""
     }
   ]
-}, z = {
+}, M = {
   key: "size",
   name: "x-runtime-lib.size",
   children: [
@@ -2436,7 +2528,7 @@ const ll = /* @__PURE__ */ ue(il, [["render", ol]]), vn = "badge_v1", ke = "bar_
       default: ""
     }
   ]
-}, pe = {
+}, ve = {
   key: "title",
   name: "x-runtime-lib.title",
   children: [
@@ -2459,7 +2551,7 @@ const ll = /* @__PURE__ */ ue(il, [["render", ol]]), vn = "badge_v1", ke = "bar_
       default: ""
     }
   ]
-}, fe = {
+}, xe = {
   key: "xAxis",
   name: "x-runtime-lib.xAxis",
   children: [
@@ -2492,7 +2584,7 @@ const ll = /* @__PURE__ */ ue(il, [["render", ol]]), vn = "badge_v1", ke = "bar_
       defaultArray: []
     }
   ]
-}, be = {
+}, he = {
   key: "yAxis",
   name: "x-runtime-lib.yAxis",
   children: [
@@ -2525,8 +2617,8 @@ const ll = /* @__PURE__ */ ue(il, [["render", ol]]), vn = "badge_v1", ke = "bar_
       defaultArray: []
     }
   ]
-}, Ke = W(fe);
-Ke.children[3].defaultArray = [
+}, Ge = W(xe);
+Ge.children[3].defaultArray = [
   "Mon",
   "Tue",
   "Wed",
@@ -2535,7 +2627,7 @@ Ke.children[3].defaultArray = [
   "Sat",
   "Sun"
 ];
-const ct = {
+const ft = {
   key: "series",
   name: "x-runtime-lib.series",
   children: [
@@ -2561,21 +2653,21 @@ const ct = {
       data: [120, 200, 150, 80, 70, 110, 130]
     }
   ]
-}, sl = {
-  key: ke,
+}, xl = {
+  key: Se,
   name: "x-runtime-lib.barChart",
-  comp: oo,
+  comp: yo,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [g, z, pe, Ke, be, me, ct],
-    compCommon: [g, z, pe, Ke, be, me, ct]
+    pageCommon: [k, M, ve, Ge, he, ye, ft],
+    compCommon: [k, M, ve, Ge, he, ye, ft]
   }
 };
-$(sl);
-const al = W(fe);
-al.children[3].defaultArray = [
+$(xl);
+const hl = W(xe);
+hl.children[3].defaultArray = [
   "Mon",
   "Tue",
   "Wed",
@@ -2584,7 +2676,7 @@ al.children[3].defaultArray = [
   "Sat",
   "Sun"
 ];
-const dt = {
+const bt = {
   key: "series",
   name: "x-runtime-lib.series",
   children: [
@@ -2610,28 +2702,28 @@ const dt = {
       data: [150, 230, 224, 218, 135, 147, 260]
     }
   ]
-}, ul = {
-  key: Ee,
+}, gl = {
+  key: De,
   name: "x-runtime-lib.lineChart",
-  comp: lo,
+  comp: vo,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [g, z, pe, fe, be, me, dt],
-    compCommon: [g, z, pe, fe, be, me, dt]
+    pageCommon: [k, M, ve, xe, he, ye, bt],
+    compCommon: [k, M, ve, xe, he, ye, bt]
   }
 };
-$(ul);
-const nt = W(ce);
-nt.key = "backgroundColor";
-nt.name = "x-runtime-lib.backgroundColor";
-const mt = {
+$(gl);
+const rt = W(J);
+rt.key = "backgroundColor";
+rt.name = "x-runtime-lib.backgroundColor";
+const yt = {
   key: "globalSettings",
   name: "x-runtime-lib.globalSettings",
-  children: [nt]
-}, cl = {
-  key: Le,
+  children: [rt]
+}, _l = {
+  key: We,
   name: "x-runtime-lib.globality",
   comp: null,
   slots: [
@@ -2673,13 +2765,13 @@ const mt = {
   ],
   methods: [],
   props: {
-    pageCommon: [mt],
-    compCommon: [mt]
+    pageCommon: [yt],
+    compCommon: [yt]
   },
   internal: !0
 };
-$(cl);
-const pt = {
+$(_l);
+const vt = {
   key: "ref",
   name: "x-runtime-lib.ref",
   children: [
@@ -2690,27 +2782,27 @@ const pt = {
       default: void 0
     }
   ]
-}, dl = {
-  key: de,
+}, kl = {
+  key: be,
   name: "x-runtime-lib.ref",
-  comp: xo,
+  comp: Io,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [g, z, pt],
-    compCommon: [g, z, pt]
+    pageCommon: [k, M, vt],
+    compCommon: [k, M, vt]
   }
 };
-$(dl);
-const ft = {
+$(kl);
+const xt = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, Sr = {
-  key: vn,
+}, Rr = {
+  key: kn,
   name: "x-runtime-lib.badge",
-  comp: _o,
+  comp: Lo,
   slots: [
     {
       key: "default",
@@ -2720,10 +2812,10 @@ const ft = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [g, ft],
-    compCommon: [g, ft]
+    pageCommon: [k, xt],
+    compCommon: [k, xt]
   }
-}, ml = W(ce), bt = {
+}, wl = W(J), ht = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -2753,7 +2845,7 @@ const ft = {
       items: "densityItemsV1",
       default: "default"
     },
-    ml,
+    wl,
     {
       key: "block",
       name: "x-runtime-lib.block",
@@ -2761,10 +2853,10 @@ const ft = {
       default: !1
     }
   ]
-}, pl = {
-  key: Ce,
+}, Cl = {
+  key: Te,
   name: "x-runtime-lib.button",
-  comp: ko,
+  comp: zo,
   slots: [],
   events: [
     {
@@ -2775,15 +2867,15 @@ const ft = {
   ],
   methods: [],
   props: {
-    pageCommon: [g, bt],
-    compCommon: [g, bt]
+    pageCommon: [k, ht],
+    compCommon: [k, ht]
   }
 };
-$(pl);
-const fl = {
-  key: we,
+$(Cl);
+const Vl = {
+  key: $e,
   name: "x-runtime-lib.card",
-  comp: Vo,
+  comp: Wo,
   slots: [
     {
       key: "default",
@@ -2793,12 +2885,12 @@ const fl = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [g],
-    compCommon: [g]
+    pageCommon: [k],
+    compCommon: [k]
   }
 };
-$(fl);
-const yt = {
+$(Vl);
+const gt = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -2839,30 +2931,30 @@ const yt = {
       default: !1
     }
   ]
-}, bl = {
-  key: Ve,
+}, Sl = {
+  key: Ie,
   name: "x-runtime-lib.combobox",
-  comp: $o,
+  comp: Bo,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [g, yt],
-    compCommon: [g, yt]
+    pageCommon: [k, gt],
+    compCommon: [k, gt]
   }
 };
-$(bl);
-const it = W(ce);
-it.key = "backgroundColor";
-it.name = "x-runtime-lib.backgroundColor";
-const vt = {
+$(Sl);
+const st = W(J);
+st.key = "backgroundColor";
+st.name = "x-runtime-lib.backgroundColor";
+const _t = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [it]
-}, Ue = {
-  key: Se,
+  children: [st]
+}, Xe = {
+  key: Ne,
   name: "x-runtime-lib.container",
-  comp: To,
+  comp: Ro,
   slots: [
     {
       key: "default",
@@ -2878,12 +2970,12 @@ const vt = {
   ],
   methods: [],
   props: {
-    pageCommon: [g, z, te, ne, ie, vt],
-    compCommon: [g, z, te, ne, ie, vt]
+    pageCommon: [k, M, oe, le, re, _t],
+    compCommon: [k, M, oe, le, re, _t]
   }
 };
-$(Ue);
-const xt = {
+$(Xe);
+const kt = {
   key: "size",
   name: "x-runtime-lib.size",
   children: [
@@ -2902,7 +2994,7 @@ const xt = {
       default: ""
     }
   ]
-}, ht = {
+}, wt = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3010,7 +3102,7 @@ const xt = {
       default: !1
     }
   ]
-}, gt = {
+}, Ct = {
   key: "slots",
   name: "x-runtime-lib.slots",
   children: [
@@ -3035,23 +3127,23 @@ const xt = {
       defaultArray: []
     }
   ]
-}, yl = {
-  key: $e,
+}, Tl = {
+  key: Ae,
   name: "x-runtime-lib.dataTable",
-  comp: Io,
+  comp: Mo,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [g, xt, ht, gt],
-    compCommon: [g, xt, ht, gt]
+    pageCommon: [k, kt, wt, Ct],
+    compCommon: [k, kt, wt, Ct]
   }
 };
-$(yl);
-const vl = {
-  key: Te,
+$(Tl);
+const $l = {
+  key: Le,
   name: "x-runtime-lib.dialog",
-  comp: Ao,
+  comp: Ho,
   slots: [
     {
       key: "default",
@@ -3074,28 +3166,28 @@ const vl = {
     }
   ],
   props: {
-    pageCommon: [g],
-    compCommon: [g]
+    pageCommon: [k],
+    compCommon: [k]
   },
   teleport: !0
 };
-$(vl);
-const _t = {
+$($l);
+const Vt = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, $r = {
-  key: Ie,
+}, Mr = {
+  key: ze,
   name: "x-runtime-lib.fileInput",
-  comp: Lo,
+  comp: jo,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [g, _t],
-    compCommon: [g, _t]
+    pageCommon: [k, Vt],
+    compCommon: [k, Vt]
   }
-}, kt = {
+}, St = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3112,10 +3204,10 @@ const _t = {
       default: !1
     }
   ]
-}, Ze = {
-  key: xn,
+}, Ye = {
+  key: wn,
   name: "x-runtime-lib.flexLayoutEntry",
-  comp: Po,
+  comp: Ko,
   slots: [
     {
       key: "default",
@@ -3125,25 +3217,25 @@ const _t = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [g, z, kt],
-    compCommon: [g, z, kt]
+    pageCommon: [k, M, St],
+    compCommon: [k, M, St]
   }
 };
-$(Ze);
-function xl(t, e) {
-  const n = `type=${t} subtype=${e}`, o = ve(t, e);
-  if (!o) {
+$(Ye);
+function Il(t, e) {
+  const n = `type=${t} subtype=${e}`, l = _e(t, e);
+  if (!l) {
     console.error(`flexLayoutV1/spawn prop tag not found, ${n}`);
     return;
   }
-  const l = Ge.props[o];
-  if (!l) {
+  const s = Qe.props[l];
+  if (!s) {
     console.error(`flexLayoutV1/spawn props not found, ${n}`);
     return;
   }
-  const s = {};
-  return re(s, l), s.basic.id = ee(16), s.basic.key = Ge.key, s.children = [
-    qe(
+  const a = {};
+  return de(a, s), a.basic.id = ie(16), a.basic.key = Qe.key, a.children = [
+    Je(
       t,
       e,
       "#ff0000",
@@ -3153,7 +3245,7 @@ function xl(t, e) {
       "40px",
       void 0
     ),
-    qe(
+    Je(
       t,
       e,
       "#00ff00",
@@ -3163,44 +3255,44 @@ function xl(t, e) {
       "60px",
       void 0
     ),
-    hl(t, e)
-  ], s;
+    Nl(t, e)
+  ], a;
 }
-function qe(t, e, n, o, l, s, u, p, y) {
-  const m = `type=${t} subtype=${e}`, r = ve(t, e);
+function Je(t, e, n, l, s, a, u, m, b) {
+  const d = `type=${t} subtype=${e}`, r = _e(t, e);
   if (!r) {
     console.error(
-      `flexLayoutV1/spawnContainer prop tag not found, ${m}`
+      `flexLayoutV1/spawnContainer prop tag not found, ${d}`
     );
     return;
   }
-  const i = Ue.props[r];
+  const i = Xe.props[r];
   if (!i) {
-    console.error(`flexLayoutV1/spawnContainer props not found, ${m}`);
+    console.error(`flexLayoutV1/spawnContainer props not found, ${d}`);
     return;
   }
-  const f = {};
-  return re(f, i), f.basic.id = ee(16), f.basic.key = Ue.key, o && (f.size.width = o), l && (f.size.minWidth = l), u && (f.size.height = u), p && (f.size.minHeight = p), console.log(f), n && (f.settings.backgroundColor.mode = "custom", f.settings.backgroundColor.custom.light = n, f.settings.backgroundColor.custom.dark = n), f.children = [], f;
+  const p = {};
+  return de(p, i), p.basic.id = ie(16), p.basic.key = Xe.key, l && (p.size.width = l), s && (p.size.minWidth = s), u && (p.size.height = u), m && (p.size.minHeight = m), console.log(p), n && (p.settings.backgroundColor.mode = "custom", p.settings.backgroundColor.custom.light = n, p.settings.backgroundColor.custom.dark = n), p.children = [], p;
 }
-function hl(t, e) {
-  const n = `type=${t} subtype=${e}`, o = ve(t, e);
-  if (!o) {
+function Nl(t, e) {
+  const n = `type=${t} subtype=${e}`, l = _e(t, e);
+  if (!l) {
     console.error(`flexLayoutV1/spawnEntry prop tag not found, ${n}`);
     return;
   }
-  const l = Ze.props[o];
-  if (!l) {
+  const s = Ye.props[l];
+  if (!s) {
     console.error(`flexLayoutV1/spawnEntry props not found, ${n}`);
     return;
   }
-  const s = {
+  const a = {
     basic: {
       id: "",
       key: ""
     }
   };
-  return re(s, l), s.basic.id = ee(16), s.basic.key = Ze.key, s.children = [
-    qe(
+  return de(a, s), a.basic.id = ie(16), a.basic.key = Ye.key, a.children = [
+    Je(
       t,
       e,
       "#0000ff",
@@ -3210,16 +3302,16 @@ function hl(t, e) {
       void 0,
       "80px"
     )
-  ], s;
+  ], a;
 }
-const ot = W(ce);
-ot.key = "backgroundColor";
-ot.name = "x-runtime-lib.backgroundColor";
-const Ct = {
+const at = W(J);
+at.key = "backgroundColor";
+at.name = "x-runtime-lib.backgroundColor";
+const Tt = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    ot,
+    at,
     {
       key: "direction",
       name: "x-runtime-lib.direction",
@@ -3385,10 +3477,10 @@ const Ct = {
       ]
     }
   ]
-}, Ge = {
-  key: Ne,
+}, Qe = {
+  key: Ee,
   name: "x-runtime-lib.flexLayout",
-  comp: Eo,
+  comp: Oo,
   slots: [
     {
       key: "default",
@@ -3404,13 +3496,13 @@ const Ct = {
   ],
   methods: [],
   props: {
-    pageCommon: [g, z, te, ne, ie, Ct],
-    compCommon: [g, z, te, ne, ie, Ct]
+    pageCommon: [k, M, oe, le, re, Tt],
+    compCommon: [k, M, oe, le, re, Tt]
   },
-  spawn: xl
+  spawn: Il
 };
-$(Ge);
-const wt = {
+$(Qe);
+const $t = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3428,10 +3520,10 @@ const wt = {
       default: !1
     }
   ]
-}, gl = {
-  key: Ae,
+}, Al = {
+  key: Pe,
   name: "x-runtime-lib.form",
-  comp: Wo,
+  comp: Uo,
   slots: [
     {
       key: "default",
@@ -3447,15 +3539,15 @@ const wt = {
   ],
   methods: [],
   props: {
-    pageCommon: [g, z, te, ne, ie, wt],
-    compCommon: [g, z, te, ne, ie, wt]
+    pageCommon: [k, M, oe, le, re, $t],
+    compCommon: [k, M, oe, le, re, $t]
   }
 };
-$(gl);
-const _l = {
-  key: Pe,
+$(Al);
+const Ll = {
+  key: Be,
   name: "x-runtime-lib.menu",
-  comp: Do,
+  comp: qo,
   slots: [
     {
       key: "default",
@@ -3478,13 +3570,13 @@ const _l = {
     }
   ],
   props: {
-    pageCommon: [g],
-    compCommon: [g]
+    pageCommon: [k],
+    compCommon: [k]
   },
   teleport: !0
 };
-$(_l);
-const Vt = {
+$(Ll);
+const It = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3525,27 +3617,27 @@ const Vt = {
       default: !1
     }
   ]
-}, kl = {
-  key: We,
+}, zl = {
+  key: Re,
   name: "x-runtime-lib.numberInput",
-  comp: Ro,
+  comp: Xo,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [g, Vt],
-    compCommon: [g, Vt]
+    pageCommon: [k, It],
+    compCommon: [k, It]
   }
 };
-$(kl);
-const St = {
+$(zl);
+const Nt = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, Cl = {
-  key: hn,
+}, El = {
+  key: Cn,
   name: "x-runtime-lib.radio",
-  comp: Mo,
+  comp: Yo,
   slots: [
     {
       key: "default",
@@ -3555,59 +3647,59 @@ const St = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [g, St],
-    compCommon: [g, St]
+    pageCommon: [k, Nt],
+    compCommon: [k, Nt]
   }
 };
-$(Cl);
-const $t = {
+$(El);
+const At = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, wl = {
-  key: Be,
+}, Pl = {
+  key: Me,
   name: "x-runtime-lib.radioGroup",
-  comp: Fo,
+  comp: Jo,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [g, $t],
-    compCommon: [g, $t]
+    pageCommon: [k, At],
+    compCommon: [k, At]
   }
 };
-$(wl);
-const Tt = {
+$(Pl);
+const Lt = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, Vl = {
-  key: De,
+}, Wl = {
+  key: Fe,
   name: "x-runtime-lib.rangeSlider",
-  comp: Ho,
+  comp: Qo,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [g, Tt],
-    compCommon: [g, Tt]
+    pageCommon: [k, Lt],
+    compCommon: [k, Lt]
   }
 };
-$(Vl);
-const Sl = {
-  key: ze,
+$(Wl);
+const Dl = {
+  key: He,
   name: "x-runtime-lib.rating",
-  comp: Ko,
+  comp: nl,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [g],
-    compCommon: [g]
+    pageCommon: [k],
+    compCommon: [k]
   }
 };
-$(Sl);
-const It = {
+$(Dl);
+const zt = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3648,23 +3740,41 @@ const It = {
       default: !1
     }
   ]
-}, $l = {
-  key: Re,
+}, Bl = {
+  key: je,
   name: "x-runtime-lib.select",
-  comp: Zo,
+  comp: ol,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [g, It],
-    compCommon: [g, It]
+    pageCommon: [k, zt],
+    compCommon: [k, zt]
   }
 };
-$($l);
-const Nt = {
+$(Bl);
+const Sn = W(J);
+Sn.name = "x-runtime-lib.color";
+const Tn = W(J);
+Tn.name = "x-runtime-lib.trackColor";
+const $n = W(J);
+$n.name = "x-runtime-lib.thumbColor";
+const Et = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
+    {
+      key: "disabled",
+      name: "x-runtime-lib.disabled",
+      ui: "switch",
+      default: !1
+    },
+    {
+      key: "readonly",
+      name: "x-runtime-lib.readonly",
+      ui: "switch",
+      default: !1
+    },
     {
       key: "value",
       name: "x-runtime-lib.value",
@@ -3690,39 +3800,93 @@ const Nt = {
       default: 0
     },
     {
-      key: "disabled",
-      name: "x-runtime-lib.disabled",
-      ui: "switch",
-      default: !1
+      key: "thumbLabel",
+      name: "x-runtime-lib.thumbLabel",
+      ui: "select",
+      items: "thumbLabelItemsV1",
+      default: ""
     },
     {
-      key: "readonly",
-      name: "x-runtime-lib.readonly",
-      ui: "switch",
-      default: !1
+      key: "thumbSize",
+      name: "x-runtime-lib.thumbSize",
+      ui: "numInput",
+      default: 20
     },
     {
-      key: "thumbLabel",
-      name: "x-runtime-lib.thumbLabel",
+      key: "showTicks",
+      name: "x-runtime-lib.showTicks",
       ui: "select",
-      items: "thumbLabelItemsV1",
+      items: "showTicksItemsV1",
       default: ""
+    },
+    {
+      key: "tickSize",
+      name: "x-runtime-lib.tickSize",
+      ui: "numInput",
+      default: 2
+    },
+    {
+      key: "ticks",
+      name: "x-runtime-lib.ticks",
+      children: [
+        {
+          key: "value",
+          name: "x-runtime-lib.value",
+          ui: "numInput",
+          default: 0
+        },
+        {
+          key: "label",
+          name: "x-runtime-lib.label",
+          ui: "strInput",
+          default: ""
+        }
+      ],
+      array: !0,
+      defaultArray: []
+    },
+    {
+      key: "direction",
+      name: "x-runtime-lib.direction",
+      ui: "select",
+      items: "directionItemsV1",
+      default: "horizontal"
+    },
+    Sn,
+    Tn,
+    $n
+  ]
+}, Pt = {
+  key: "slots",
+  name: "x-runtime-lib.slots",
+  children: [
+    {
+      key: "append",
+      name: "x-runtime-lib.append",
+      ui: "compSelect",
+      default: void 0
+    },
+    {
+      key: "prepend",
+      name: "x-runtime-lib.prepend",
+      ui: "compSelect",
+      default: void 0
     }
   ]
-}, Tl = {
-  key: Me,
+}, Rl = {
+  key: Oe,
   name: "x-runtime-lib.slider",
-  comp: Go,
+  comp: rl,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [g, Nt],
-    compCommon: [g, Nt]
+    pageCommon: [k, Et, Pt],
+    compCommon: [k, Et, Pt]
   }
 };
-$(Tl);
-const At = {
+$(Rl);
+const Wt = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3808,33 +3972,33 @@ const At = {
       default: !1
     }
   ]
-}, Il = {
-  key: Fe,
+}, Ml = {
+  key: Ke,
   name: "x-runtime-lib.text",
-  comp: Xo,
+  comp: sl,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [g, At],
-    compCommon: [g, At]
+    pageCommon: [k, Wt],
+    compCommon: [k, Wt]
   }
 };
-$(Il);
-const Nl = {
-  key: He,
+$(Ml);
+const Fl = {
+  key: Ue,
   name: "x-runtime-lib.textarea",
-  comp: Qo,
+  comp: cl,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [g],
-    compCommon: [g]
+    pageCommon: [k],
+    compCommon: [k]
   }
 };
-$(Nl);
-const Lt = {
+$(Fl);
+const Dt = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3869,7 +4033,7 @@ const Lt = {
       default: !1
     }
   ]
-}, Et = {
+}, Bt = {
   key: "slots",
   name: "x-runtime-lib.slots",
   children: [
@@ -3898,10 +4062,10 @@ const Lt = {
       default: void 0
     }
   ]
-}, Al = {
-  key: Oe,
+}, Hl = {
+  key: Ze,
   name: "x-runtime-lib.textField",
-  comp: tl,
+  comp: ml,
   slots: [
     {
       key: "append",
@@ -3923,15 +4087,15 @@ const Lt = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [g, Lt, Et],
-    compCommon: [g, Lt, Et]
+    pageCommon: [k, Dt, Bt],
+    compCommon: [k, Dt, Bt]
   }
 };
-$(Al);
-const Ll = {
-  key: je,
+$(Hl);
+const jl = {
+  key: qe,
   name: "x-runtime-lib.timeline",
-  comp: nl,
+  comp: pl,
   slots: [
     {
       key: "default",
@@ -3941,15 +4105,15 @@ const Ll = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [g],
-    compCommon: [g]
+    pageCommon: [k],
+    compCommon: [k]
   }
 };
-$(Ll);
-const El = {
-  key: gn,
+$(jl);
+const Ol = {
+  key: Vn,
   name: "x-runtime-lib.timelineItem",
-  comp: ll,
+  comp: yl,
   slots: [
     {
       key: "default",
@@ -3959,50 +4123,53 @@ const El = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [g],
-    compCommon: [g]
+    pageCommon: [k],
+    compCommon: [k]
   }
 };
-$(El);
-const Pl = [
+$(Ol);
+const Kl = [
   { 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" }
-], Wl = [
+], Ul = [
   { 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" }
-], Bl = [
+], Zl = [
   { 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" }
-], Dl = [
+], ql = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.theme", value: "theme" },
   { title: "x-runtime-lib.custom", value: "custom" }
-], zl = [
+], Gl = [
   { title: "x-runtime-lib.default", value: "default" },
   { title: "x-runtime-lib.comfortable", value: "comfortable" },
   { title: "x-runtime-lib.compact", value: "compact" }
-], Rl = [
+], Xl = [
+  { title: "x-runtime-lib.horizontal", value: "horizontal" },
+  { title: "x-runtime-lib.vertical", value: "vertical" }
+], Yl = [
   { 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" }
-], Ml = [
+], Jl = [
   { 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" }
-], Fl = [
+], Ql = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.end", value: "end" },
@@ -4010,12 +4177,12 @@ const Pl = [
   { title: "x-runtime-lib.spaceBetween", value: "spaceBetween" },
   { title: "x-runtime-lib.spaceAround", value: "spaceAround" },
   { title: "x-runtime-lib.spaceEvenly", value: "spaceEvenly" }
-], Hl = [
+], er = [
   { 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" }
-], Ol = [
+], tr = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.black", value: "black" },
   { title: "x-runtime-lib.bold", value: "bold" },
@@ -4023,7 +4190,11 @@ const Pl = [
   { title: "x-runtime-lib.regular", value: "regular" },
   { title: "x-runtime-lib.light", value: "light" },
   { title: "x-runtime-lib.thin", value: "thin" }
-], jl = [
+], nr = [
+  { title: "x-runtime-lib.notSet", value: "" },
+  { title: "x-runtime-lib.show", value: "show" },
+  { title: "x-runtime-lib.always", value: "always" }
+], ir = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" },
@@ -4031,18 +4202,18 @@ const Pl = [
   { title: "x-runtime-lib.justify", value: "justify" },
   { title: "x-runtime-lib.left", value: "left" },
   { title: "x-runtime-lib.right", value: "right" }
-], Kl = [
+], or = [
   { 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" }
-], Ul = [
+], lr = [
   { 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" }
-], Zl = [
+], rr = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.h1", value: "h1" },
   { title: "x-runtime-lib.h2", value: "h2" },
@@ -4057,7 +4228,7 @@ const Pl = [
   { title: "x-runtime-lib.button", value: "button" },
   { title: "x-runtime-lib.caption", value: "caption" },
   { title: "x-runtime-lib.overline", value: "overline" }
-], ql = [
+], sr = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.primary", value: "primary" },
   { title: "x-runtime-lib.secondary", value: "secondary" },
@@ -4068,29 +4239,31 @@ const Pl = [
   { title: "x-runtime-lib.background0", value: "background0" },
   { title: "x-runtime-lib.background1", value: "background1" },
   { title: "x-runtime-lib.background2", value: "background2" }
-], Gl = [
+], ar = [
   { 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({
+], ur = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  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 = [
+  axisTypeItemsV1: Kl,
+  borderStyleItemsV1: Ul,
+  btnVariantItemsV1: Zl,
+  colorModeItemsV1: ql,
+  densityItemsV1: Gl,
+  directionItemsV1: Xl,
+  flexCrossAlignItemsV1: Yl,
+  flexDirectionItemsV1: Jl,
+  flexMainAlignItemsV1: Ql,
+  flexWrapItemsV1: er,
+  fontWeightItemsV1: tr,
+  showTicksItemsV1: nr,
+  textAlignItemsV1: ir,
+  textDecorationItemsV1: or,
+  textEmphasisItemsV1: lr,
+  textStyleItemsV1: rr,
+  themeColorItemsV1: sr,
+  thumbLabelItemsV1: ar
+}, Symbol.toStringTag, { value: "Module" })), cr = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -4123,14 +4296,14 @@ const Pl = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: ye,
+    validator: ge,
     default: "0px",
     precision: 0,
     min: 0,
     max: 1 / 0,
     step: 1
   }
-], Jl = [
+], dr = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -4152,7 +4325,7 @@ const Pl = [
     validator: (t) => t === "right",
     default: "right"
   }
-], Ql = [
+], mr = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -4171,18 +4344,18 @@ const Pl = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: ye,
+    validator: ge,
     default: "0px"
   },
   {
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: tt,
+    validator: lt,
     precision: 6,
     default: "0%"
   }
-], er = [
+], pr = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -4194,7 +4367,7 @@ const Pl = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: ye,
+    validator: ge,
     min: 0,
     default: "0px"
   },
@@ -4202,12 +4375,12 @@ const Pl = [
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: tt,
+    validator: lt,
     precision: 6,
     min: 0,
     default: "0%"
   }
-], tr = [
+], fr = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -4219,7 +4392,7 @@ const Pl = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: ye,
+    validator: ge,
     min: 0,
     default: "0px"
   },
@@ -4227,12 +4400,12 @@ const Pl = [
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: tt,
+    validator: lt,
     precision: 6,
     min: 0,
     default: "0%"
   }
-], nr = [
+], br = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -4261,7 +4434,7 @@ const Pl = [
     validator: (t) => t === "end",
     default: "end"
   }
-], ir = [
+], yr = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -4283,101 +4456,101 @@ const Pl = [
     validator: (t) => t === "bottom",
     default: "bottom"
   }
-], or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], vr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  borderWidthTypesV1: Yl,
-  leftRightTypesV1: Jl,
-  marginTypesV1: Ql,
-  paddingTypesV1: er,
-  sizeTypesV1: tr,
-  tableColumnAlignTypesV1: nr,
-  topBottomTypesV1: ir
-}, Symbol.toStringTag, { value: "Module" })), lr = {
+  borderWidthTypesV1: cr,
+  leftRightTypesV1: dr,
+  marginTypesV1: mr,
+  paddingTypesV1: pr,
+  sizeTypesV1: fr,
+  tableColumnAlignTypesV1: br,
+  topBottomTypesV1: yr
+}, Symbol.toStringTag, { value: "Module" })), xr = {
   version: "v1",
-  globalityKey: Le,
-  refKey: de,
-  items: { ...Xl },
-  types: { ...or },
+  globalityKey: We,
+  refKey: be,
+  items: { ...ur },
+  types: { ...vr },
   elements: /* @__PURE__ */ new Set([
-    ke,
-    Ce,
-    we,
-    ut,
-    Ve,
     Se,
-    $e,
     Te,
+    $e,
+    pt,
     Ie,
     Ne,
-    xn,
     Ae,
     Le,
+    ze,
     Ee,
+    wn,
     Pe,
     We,
-    hn,
-    Be,
     De,
-    ze,
-    de,
+    Be,
     Re,
+    Cn,
     Me,
     Fe,
     He,
-    Oe,
+    be,
     je,
-    gn
+    Oe,
+    Ke,
+    Ue,
+    Ze,
+    qe,
+    Vn
   ]),
   groups: [
     {
       key: "containment",
       name: "x-runtime-lib.containment",
       items: [
-        Ce,
-        we,
-        ut,
-        Se,
-        Ne,
         Te,
-        Pe,
-        de
+        $e,
+        pt,
+        Ne,
+        Ee,
+        Le,
+        Be,
+        be
       ]
     },
     {
       key: "formRelated",
       name: "x-runtime-lib.formRelated",
       items: [
-        Ae,
-        Fe,
-        Oe,
-        He,
-        We,
+        Pe,
+        Ke,
+        Ze,
+        Ue,
         Re,
-        Ve,
-        Be,
+        je,
+        Ie,
         Me,
-        De,
-        Ie
+        Oe,
+        Fe,
+        ze
       ]
     },
     {
       key: "dataDisplay",
       name: "x-runtime-lib.dataDisplay",
-      items: [$e, ke, Ee]
+      items: [Ae, Se, De]
     },
     {
       key: "feedback",
       name: "x-runtime-lib.feedback",
-      items: [ze, vn, je]
+      items: [He, kn, qe]
     }
   ]
-}, lt = {
-  v1: lr
-}, rr = (t, e, n) => {
-  const o = t[e];
-  return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((l, s) => {
+}, ut = {
+  v1: xr
+}, hr = (t, e, n) => {
+  const l = t[e];
+  return l ? typeof l == "function" ? l() : Promise.resolve(l) : new Promise((s, a) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
-      s.bind(
+      a.bind(
         null,
         new Error(
           "Unknown variable dynamic import: " + e + (e.split("/").length !== n ? ". Note that variables only represent file names one level deep." : "")
@@ -4386,77 +4559,77 @@ const Pl = [
     );
   });
 };
-async function Tr(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;
+async function Fr(t) {
+  return (await hr(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.cg5fqu36.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.jr8jp36i.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
 export {
-  Sr as badgeV1,
-  sl as barChartV1,
-  Jt as breakpoints,
-  pl as btnV1,
-  Qt as calcBreakpoint,
-  fl as cardV1,
-  bl as comboboxV1,
-  Ue as containerV1,
-  yl as dataTableV1,
-  vl as dialogV1,
-  Yn as duplicateNode,
-  yr as duplicateNodes,
-  Y as elements,
-  wr as ensureContext,
-  Vr as fieldTypes,
-  $r as fileInputV1,
-  Ze as flexLayoutEntryV1,
-  Ge as flexLayoutV1,
-  gl as formV1,
-  ee as genId,
-  le as getBreakpointProp,
-  st as getIndexOfBreakpoint,
-  br as getNode,
-  at as getPropDefault,
-  ve as getPropTag,
-  cl as globalityV1,
-  re as initProps,
-  F as injectDark,
-  q as injectData,
-  cn as injectDepends,
-  U as injectDevice,
-  un as injectEnv,
-  L as injectMode,
-  xe as injectSandbox,
-  Z as injectType,
-  tt as isPercentStr,
-  ye as isPixelStr,
-  ul as lineChartV1,
-  Tr as loadLocaleMessageRuntime,
-  _l as menuV1,
-  yn as newEventBus,
-  kl as numberInputV1,
-  ge as parsePercentStr,
-  fr as parsePixelStr,
-  lt as pkgs,
-  gr as provideDark,
-  kr as provideData,
-  Cr as provideDepends,
-  hr as provideDevice,
-  vr as provideEnv,
-  xr as provideMode,
-  dn as provideSandbox,
-  _r 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
+  Rr as badgeV1,
+  xl as barChartV1,
+  on as breakpoints,
+  Cl as btnV1,
+  ln as calcBreakpoint,
+  Vl as cardV1,
+  Sl as comboboxV1,
+  Xe as containerV1,
+  Tl as dataTableV1,
+  $l as dialogV1,
+  ai as duplicateNode,
+  Ir as duplicateNodes,
+  ee as elements,
+  Dr as ensureContext,
+  Br as fieldTypes,
+  Mr as fileInputV1,
+  Ye as flexLayoutEntryV1,
+  Qe as flexLayoutV1,
+  Al as formV1,
+  ie as genId,
+  ue as getBreakpointProp,
+  dt as getIndexOfBreakpoint,
+  $r as getNode,
+  mt as getPropDefault,
+  _e as getPropTag,
+  _l as globalityV1,
+  de as initProps,
+  K as injectDark,
+  Y as injectData,
+  bn as injectDepends,
+  G as injectDevice,
+  fn as injectEnv,
+  E as injectMode,
+  ke as injectSandbox,
+  X as injectType,
+  lt as isPercentStr,
+  ge as isPixelStr,
+  gl as lineChartV1,
+  Fr as loadLocaleMessageRuntime,
+  Ll as menuV1,
+  _n as newEventBus,
+  zl as numberInputV1,
+  Ve as parsePercentStr,
+  Tr as parsePixelStr,
+  ut as pkgs,
+  zr as provideDark,
+  Pr as provideData,
+  Wr as provideDepends,
+  Lr as provideDevice,
+  Nr as provideEnv,
+  Ar as provideMode,
+  yn as provideSandbox,
+  Er as provideType,
+  Pl as radioGroupV1,
+  El as radioV1,
+  Wl as rangeSliderV1,
+  Dl as ratingV1,
+  kl as refV1,
+  ri as reverseBreakpoints,
+  Bl as selectV1,
+  Rl as sliderV1,
+  si as spawnNode,
+  hn as startInterpreter,
+  gn as stopInterpreter,
+  Hl as textFieldV1,
+  Ml as textV1,
+  Fl as textareaV1,
+  Ol as timelineEntryV1,
+  jl as timelineV1
 };