x-runtime-lib 0.8.65 → 0.8.67

package/dist/index.js

@@ -6,7 +6,7 @@ import { useTheme as _r } from "vuetify";
 import { getErrorMessage as wr } from "x-error-lib";
 import { useI18n as bo } from "vue-i18n";
 const Qn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-function P(t) {
+function T(t) {
   let e = "";
   for (let i = 0; i < t; i++) {
     const o = Math.floor(Math.random() * Qn.length);
@@ -26,7 +26,7 @@ function Wn(t) {
   const e = t.substring(0, t.length - 1), i = parseFloat(e);
   return !isNaN(i);
 }
-function Ou(t) {
+function Hu(t) {
   if (typeof t != "string" || !t.endsWith("px"))
     return;
   const e = t.substring(0, t.length - 2), i = parseFloat(e);
@@ -47,7 +47,7 @@ function Fe(t) {
 function ei(t) {
   return ho.findIndex((e) => e === t);
 }
-function Pe(t, e) {
+function Te(t, e) {
   let i;
   for (const o of Vr) {
     if (ei(o) < ei(t))
@@ -93,7 +93,7 @@ function Ir(t, e = 2) {
 function Q(t) {
   return t === "runtime" || t === "preview";
 }
-const Hu = ["string", "number", "boolean", "array", "object"];
+const Ou = ["string", "number", "boolean", "array", "object"];
 function Ku(t) {
   switch (t) {
     case "string":
@@ -146,7 +146,7 @@ function Cr(t) {
   }
   return !0;
 }
-function Pr(t) {
+function Tr(t) {
   switch (t) {
     case "referenceMethod":
     case "multipleRefMethod":
@@ -156,7 +156,7 @@ function Pr(t) {
   }
   return !0;
 }
-function Tr(t) {
+function Pr(t) {
   switch (t) {
     case "referenceEvent":
     case "multipleRefEvent":
@@ -186,12 +186,12 @@ function Xu(t, e) {
 function Yu(t, e) {
   const { i18n: i } = ge;
   let o = "";
-  return t === "elementMethod" || (t === "referenceMethod" ? o = i.global.t("x-runtime-lib.reference") : t === "multipleRefMethod" ? o = i.global.t("x-runtime-lib.multipleRef") : t === "customMethod" ? o = i.global.t("x-runtime-lib.custom") : t === "elementSlotMethod" || t === "customSlotMethod" ? o = i.global.t("x-runtime-lib.slot") : console.assert(!1)), Rn(o, e, Pr(t));
+  return t === "elementMethod" || (t === "referenceMethod" ? o = i.global.t("x-runtime-lib.reference") : t === "multipleRefMethod" ? o = i.global.t("x-runtime-lib.multipleRef") : t === "customMethod" ? o = i.global.t("x-runtime-lib.custom") : t === "elementSlotMethod" || t === "customSlotMethod" ? o = i.global.t("x-runtime-lib.slot") : console.assert(!1)), Rn(o, e, Tr(t));
 }
 function qu(t, e) {
   const { i18n: i } = ge;
   let o = "";
-  return t === "elementEvent" || (t === "referenceEvent" ? o = i.global.t("x-runtime-lib.reference") : t === "multipleRefEvent" ? o = i.global.t("x-runtime-lib.multipleRef") : t === "customEvent" ? o = i.global.t("x-runtime-lib.custom") : t === "elementSlotEvent" || t === "customSlotEvent" ? o = i.global.t("x-runtime-lib.slot") : t === "elementPropertyChangeEvent" ? o = i.global.t("x-runtime-lib.propertyChange") : t === "referencePropertyChangeEvent" ? o = i.global.t("x-runtime-lib.referencePropertyChange") : t === "multipleRefPropertyChangeEvent" ? o = i.global.t("x-runtime-lib.multipleRefPropertyChange") : t === "customPropertyChangeEvent" ? o = i.global.t("x-runtime-lib.customPropertyChange") : t === "elementSlotPropertyChangeEvent" || t === "customSlotPropertyChangeEvent" ? o = i.global.t("x-runtime-lib.slotPropertyChange") : t === "stateChangeEvent" ? o = i.global.t("x-runtime-lib.stateChange") : console.assert(!1)), Rn(o, e, Tr(t));
+  return t === "elementEvent" || (t === "referenceEvent" ? o = i.global.t("x-runtime-lib.reference") : t === "multipleRefEvent" ? o = i.global.t("x-runtime-lib.multipleRef") : t === "customEvent" ? o = i.global.t("x-runtime-lib.custom") : t === "elementSlotEvent" || t === "customSlotEvent" ? o = i.global.t("x-runtime-lib.slot") : t === "elementPropertyChangeEvent" ? o = i.global.t("x-runtime-lib.propertyChange") : t === "referencePropertyChangeEvent" ? o = i.global.t("x-runtime-lib.referencePropertyChange") : t === "multipleRefPropertyChangeEvent" ? o = i.global.t("x-runtime-lib.multipleRefPropertyChange") : t === "customPropertyChangeEvent" ? o = i.global.t("x-runtime-lib.customPropertyChange") : t === "elementSlotPropertyChangeEvent" || t === "customSlotPropertyChangeEvent" ? o = i.global.t("x-runtime-lib.slotPropertyChange") : t === "stateChangeEvent" ? o = i.global.t("x-runtime-lib.stateChange") : console.assert(!1)), Rn(o, e, Pr(t));
 }
 const ze = {}, w = (t) => {
   ze[t.key] = t;
@@ -203,7 +203,7 @@ const ze = {}, w = (t) => {
     scale: {}
   },
   setup(t) {
-    const e = O();
+    const e = H();
     return (i, o) => n(e) === "editor" ? (h(), te("TresMesh", {
       key: 0,
       position: t.position,
@@ -222,7 +222,7 @@ const ze = {}, w = (t) => {
     block: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = O(), i = v(() => {
+    const e = H(), i = v(() => {
       const s = {
         position: "relative"
       };
@@ -260,7 +260,7 @@ const ze = {}, w = (t) => {
   s ? typeof o == "object" ? r = JSON.stringify(o, null, 2) : (console.assert(!1), r = "{}") : r = o, t.setElementPropertyInner(e, i, r);
 };
 function l(t, e, i) {
-  const o = O(), s = be(), r = ie();
+  const o = H(), s = be(), r = ie();
   return me(() => {
     let a = Ar(s, t.node, e, i);
     o === "editor" && e[e.length - 1] === "readonly" && (a = !0), r.value = a;
@@ -297,7 +297,7 @@ function de(t) {
     "transform",
     "scale",
     "x"
-  ]), { property: m } = l(t, [
+  ]), { property: p } = l(t, [
     "transform",
     "scale",
     "y"
@@ -305,20 +305,20 @@ function de(t) {
     "transform",
     "scale",
     "z"
-  ]), u = ie([0, 0, 0]), p = ie([0, 0, 0]), y = ie([1, 1, 1]);
+  ]), u = ie([0, 0, 0]), m = ie([0, 0, 0]), y = ie([1, 1, 1]);
   return me(() => {
     u.value = [e.value, i.value, o.value];
   }), me(() => {
     e.value = u.value[0], i.value = u.value[1], o.value = u.value[2];
   }), me(() => {
-    p.value = [s.value, r.value, a.value];
+    m.value = [s.value, r.value, a.value];
   }), me(() => {
-    s.value = p.value[0], r.value = p.value[1], a.value = p.value[2];
+    s.value = m.value[0], r.value = m.value[1], a.value = m.value[2];
   }), me(() => {
-    y.value = [c.value, m.value, d.value];
+    y.value = [c.value, p.value, d.value];
   }), me(() => {
-    c.value = y.value[0], m.value = y.value[1], d.value = y.value[2];
-  }), { position: u, rotation: p, scale: y };
+    c.value = y.value[0], p.value = y.value[1], d.value = y.value[2];
+  }), { position: u, rotation: m, scale: y };
 }
 function vo(t) {
   const e = v(() => t.node.legend?.show), i = v(() => t.node.legend?.data);
@@ -372,23 +372,23 @@ function Vo(t) {
   }
   return { show: e, position: i, type: o, data: s, applyYAxis: r };
 }
-function H(t) {
+function O(t) {
   const { computedThemes: e } = _r(), i = Ne(), o = v(() => t.value?.mode), s = v(() => {
     const d = t.value?.theme;
     return d ? d === "background0" ? i.value ? "#2e2e2e" : "#bdbdbd" : d === "background1" ? i.value ? "#272727" : "#eeeeee" : d === "background2" ? i.value ? "#1e1e1e" : "#ffffff" : (i.value ? e.value.dark : e.value.light).colors[d] : void 0;
   }), r = v(() => i.value ? t.value.custom?.dark : t.value.custom?.light), a = v(() => o.value === "theme" ? s.value ?? "" : o.value === "custom" ? r.value ?? "" : ""), c = v(() => {
     const d = a.value;
     return !d.startsWith("#") || d.length < 7 ? "" : d.substring(0, 7);
-  }), m = v(() => {
+  }), p = v(() => {
     const d = a.value;
     return d.startsWith("#") ? d.length < 9 ? 1 : parseInt(d.substring(7, 9)) / 255 : 0;
   });
-  return { color: a, rgb: c, alpha: m };
+  return { color: a, rgb: c, alpha: p };
 }
 function Nn(t) {
-  const e = v(() => t.node.border?.style), i = v(() => t.node.border?.width), o = v(() => t.node.border?.color), { color: s } = H(o), r = v(() => t.node.border?.roundRadius?.tl), a = v(() => t.node.border?.roundRadius?.tr), c = v(() => t.node.border?.roundRadius?.bl), m = v(() => t.node.border?.roundRadius?.br);
+  const e = v(() => t.node.border?.style), i = v(() => t.node.border?.width), o = v(() => t.node.border?.color), { color: s } = O(o), r = v(() => t.node.border?.roundRadius?.tl), a = v(() => t.node.border?.roundRadius?.tr), c = v(() => t.node.border?.roundRadius?.bl), p = v(() => t.node.border?.roundRadius?.br);
   function d(u) {
-    e.value && (u.borderStyle = e.value), i.value && (u.borderWidth = i.value), s.value && (u.borderColor = s.value), r.value && (u.borderTopLeftRadius = r.value), a.value && (u.borderTopRightRadius = a.value), c.value && (u.borderBottomLeftRadius = c.value), m.value && (u.borderBottomRightRadius = m.value);
+    e.value && (u.borderStyle = e.value), i.value && (u.borderWidth = i.value), s.value && (u.borderColor = s.value), r.value && (u.borderTopLeftRadius = r.value), a.value && (u.borderTopRightRadius = a.value), c.value && (u.borderBottomLeftRadius = c.value), p.value && (u.borderBottomRightRadius = p.value);
   }
   return { borderStyle: e, borderWidth: i, borderColor: s, applyBorder: d };
 }
@@ -407,7 +407,7 @@ function Dn(t) {
   return { paddingTop: e, paddingLeft: i, paddingBottom: o, paddingRight: s, applyPadding: r };
 }
 function ye(t) {
-  const e = O(), i = Ce(), o = v(() => t.node.size?.width), s = v(() => t.node.size?.minWidth), r = v(() => t.node.size?.maxWidth), a = v(() => {
+  const e = H(), i = Ce(), o = v(() => t.node.size?.width), s = v(() => t.node.size?.minWidth), r = v(() => t.node.size?.maxWidth), a = v(() => {
     if (t.outer && e === "editor") {
       const u = Zt(t.node.size?.height);
       if (u)
@@ -421,7 +421,7 @@ function ye(t) {
         return u / 100 * i.value.height + "px";
     }
     return t.node.size?.minHeight;
-  }), m = v(() => {
+  }), p = v(() => {
     if (t.outer && e === "editor") {
       const u = Zt(t.node.size?.maxHeight);
       if (u)
@@ -430,11 +430,11 @@ function ye(t) {
     return t.node.size?.maxHeight;
   });
   function d(u) {
-    o.value && (u.width = o.value), s.value && (u.minWidth = s.value), r.value && (u.maxWidth = r.value), a.value && (u.height = a.value), c.value && (u.minHeight = c.value), m.value && (u.maxHeight = m.value);
+    o.value && (u.width = o.value), s.value && (u.minWidth = s.value), r.value && (u.maxWidth = r.value), a.value && (u.height = a.value), c.value && (u.minHeight = c.value), p.value && (u.maxHeight = p.value);
   }
-  return { width: o, minWidth: s, maxWidth: r, height: a, minHeight: c, maxHeight: m, applySize: d };
+  return { width: o, minWidth: s, maxWidth: r, height: a, minHeight: c, maxHeight: p, applySize: d };
 }
-function je(t, e, i) {
+function Ge(t, e, i) {
   const o = be(), s = v(() => _u("elementMethod", t.node.basic.id, e));
   Ko(() => {
     o.eventBus?.on(s.value, i);
@@ -453,7 +453,7 @@ const Er = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = O(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "bottom"]), { property: c } = l(e, ["settings", "far"]), { property: m } = l(e, ["settings", "left"]), { property: d } = l(e, ["settings", "near"]), { property: u } = l(e, ["settings", "right"]), { property: p } = l(e, ["settings", "top"]);
+    const e = t, i = H(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "bottom"]), { property: c } = l(e, ["settings", "far"]), { property: p } = l(e, ["settings", "left"]), { property: d } = l(e, ["settings", "near"]), { property: u } = l(e, ["settings", "right"]), { property: m } = l(e, ["settings", "top"]);
     return (y, b) => (h(), _(n(ve), {
       position: n(o),
       rotation: n(s),
@@ -463,13 +463,13 @@ const Er = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         q("TresOrthographicCamera", {
           bottom: n(a),
           far: n(c),
-          left: n(m),
+          left: n(p),
           near: n(d),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
           right: n(u),
           rotation: n(i) !== "editor" ? n(s) : [0, 0, 0],
           scale: n(i) !== "editor" ? n(r) : [1, 1, 1],
-          top: n(p)
+          top: n(m)
         }, [
           n(i) === "editor" ? (h(), _(n(Re), {
             key: 0,
@@ -488,8 +488,8 @@ const Er = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = O(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "aspect"]), { property: c } = l(e, ["settings", "far"]), { property: m } = l(e, ["settings", "fov"]), { property: d } = l(e, ["settings", "near"]);
-    return (u, p) => (h(), _(n(ve), {
+    const e = t, i = H(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "aspect"]), { property: c } = l(e, ["settings", "far"]), { property: p } = l(e, ["settings", "fov"]), { property: d } = l(e, ["settings", "near"]);
+    return (u, m) => (h(), _(n(ve), {
       position: n(o),
       rotation: n(s),
       scale: n(r)
@@ -498,7 +498,7 @@ const Er = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         q("TresPerspectiveCamera", {
           aspect: n(a),
           far: n(c),
-          fov: n(m),
+          fov: n(p),
           near: n(d),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
           rotation: n(i) !== "editor" ? n(s) : [0, 0, 0],
@@ -531,7 +531,7 @@ const Er = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "widthSegements"
     ]);
-    return (m, d) => (h(), te("TresBoxGeometry", {
+    return (p, d) => (h(), te("TresBoxGeometry", {
       args: [
         n(a),
         n(s),
@@ -569,14 +569,14 @@ const Er = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     ]), { property: c } = l(e, [
       "settings",
       "thetaStart"
-    ]), { property: m } = l(e, [
+    ]), { property: p } = l(e, [
       "settings",
       "widthSegments"
     ]);
     return (d, u) => (h(), te("TresSphereGeometry", {
       args: [
         n(r),
-        n(m),
+        n(p),
         n(i),
         n(s),
         n(o),
@@ -585,14 +585,14 @@ const Er = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       ]
     }, null, 8, Dr));
   }
-}), jr = ["color", "intensity", "position", "rotation", "scale"], Gr = /* @__PURE__ */ V({
+}), Gr = ["color", "intensity", "position", "rotation", "scale"], jr = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = O(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "color"]), { color: c } = H(a), { property: m } = l(e, [
+    const e = t, i = H(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "color"]), { color: c } = O(a), { property: p } = l(e, [
       "settings",
       "intensity"
     ]);
@@ -604,25 +604,25 @@ const Er = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       default: k(() => [
         q("TresAmbientLight", {
           color: n(c),
-          intensity: n(m),
+          intensity: n(p),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
           rotation: n(i) !== "editor" ? n(s) : [0, 0, 0],
           scale: n(i) !== "editor" ? n(r) : [1, 1, 1]
         }, [
           B(d.$slots, "default")
-        ], 8, jr)
+        ], 8, Gr)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Or = ["color", "intensity", "position", "rotation", "scale"], Hr = /* @__PURE__ */ V({
+}), Hr = ["color", "intensity", "position", "rotation", "scale"], Or = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = O(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "color"]), { color: c } = H(a), { property: m } = l(e, [
+    const e = t, i = H(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "color"]), { color: c } = O(a), { property: p } = l(e, [
       "settings",
       "intensity"
     ]);
@@ -634,7 +634,7 @@ const Er = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       default: k(() => [
         q("TresDirectionalLight", {
           color: n(c),
-          intensity: n(m),
+          intensity: n(p),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
           rotation: n(i) !== "editor" ? n(s) : [0, 0, 0],
           scale: n(i) !== "editor" ? n(r) : [1, 1, 1]
@@ -644,7 +644,7 @@ const Er = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
             type: n(ir)
           }, null, 8, ["type"])) : ne("", !0),
           B(d.$slots, "default")
-        ], 8, Or)
+        ], 8, Hr)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
@@ -656,14 +656,14 @@ const Er = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = O(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "color"]), { color: c } = H(a), { property: m } = l(e, ["settings", "decay"]), { property: d } = l(e, [
+    const e = t, i = H(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "color"]), { color: c } = O(a), { property: p } = l(e, ["settings", "decay"]), { property: d } = l(e, [
       "settings",
       "distance"
     ]), { property: u } = l(e, [
       "settings",
       "intensity"
     ]);
-    return (p, y) => (h(), _(n(ve), {
+    return (m, y) => (h(), _(n(ve), {
       position: n(o),
       rotation: n(s),
       scale: n(r)
@@ -671,7 +671,7 @@ const Er = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       default: k(() => [
         q("TresPointLight", {
           color: n(c),
-          decay: n(m),
+          decay: n(p),
           distance: n(d),
           intensity: n(u),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
@@ -682,7 +682,7 @@ const Er = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
             key: 0,
             type: n(or)
           }, null, 8, ["type"])) : ne("", !0),
-          B(p.$slots, "default")
+          B(m.$slots, "default")
         ], 8, Kr)
       ]),
       _: 3
@@ -695,10 +695,10 @@ const Er = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = O(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "angle"]), { property: c } = l(e, ["settings", "color"]), { color: m } = H(c), { property: d } = l(e, ["settings", "decay"]), { property: u } = l(e, [
+    const e = t, i = H(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "angle"]), { property: c } = l(e, ["settings", "color"]), { color: p } = O(c), { property: d } = l(e, ["settings", "decay"]), { property: u } = l(e, [
       "settings",
       "distance"
-    ]), { property: p } = l(e, [
+    ]), { property: m } = l(e, [
       "settings",
       "intensity"
     ]), { property: y } = l(e, [
@@ -713,10 +713,10 @@ const Er = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       default: k(() => [
         q("TresSpotLight", {
           angle: n(a),
-          color: n(m),
+          color: n(p),
           decay: n(d),
           distance: n(u),
-          intensity: n(p),
+          intensity: n(m),
           penumbra: n(y),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
           rotation: n(i) !== "editor" ? n(s) : [0, 0, 0],
@@ -743,7 +743,7 @@ const Zr = /* @__PURE__ */ Se(qr, [["render", Jr]]), Qr = ["position", "rotation
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = O(), { position: o, rotation: s, scale: r } = de(e);
+    const e = t, i = H(), { position: o, rotation: s, scale: r } = de(e);
     return (a, c) => (h(), _(n(ve), {
       position: n(o),
       rotation: n(s),
@@ -777,7 +777,7 @@ const Zr = /* @__PURE__ */ Se(qr, [["render", Jr]]), Qr = ["position", "rotation
       B(r.$slots, "default")
     ], 8, ts));
   }
-}), is = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], os = "#242424", rs = {}, ss = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, ls = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, as = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, cs = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, us = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ps = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ms = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ds = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ys = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, fs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, bs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, hs = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, gs = { 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" } }, xs = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, vs = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, ks = { 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"] } } }, _s = { 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"] } } }, ws = { 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"] } } }, Vs = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Is = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, $s = { textStyle: { color: "#eeeeee" } }, Ss = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Cs = { 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" } } }, Ps = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Ts = { 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" } }, zs = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, As = {
+}), is = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], os = "#242424", rs = {}, ss = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, ls = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, as = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, cs = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, us = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ps = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ms = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ds = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ys = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, fs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, bs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, hs = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, gs = { 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" } }, xs = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, vs = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, ks = { 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"] } } }, _s = { 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"] } } }, ws = { 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"] } } }, Vs = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Is = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, $s = { textStyle: { color: "#eeeeee" } }, Ss = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Cs = { 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" } } }, Ts = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Ps = { 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" } }, zs = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, As = {
   color: is,
   backgroundColor: os,
   textStyle: rs,
@@ -804,10 +804,10 @@ const Zr = /* @__PURE__ */ Se(qr, [["render", Jr]]), Qr = ["position", "rotation
   legend: $s,
   tooltip: Ss,
   timeline: Cs,
-  visualMap: Ps,
-  dataZoom: Ts,
+  visualMap: Ts,
+  dataZoom: Ps,
   markPoint: zs
-}, Ls = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Es = "#f5f5f5", Bs = {}, Ws = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Rs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ns = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ms = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Ds = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Fs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, js = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Gs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Os = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Hs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ks = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Us = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Xs = { 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" } }, Ys = { 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)" } } }, qs = { 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)" } } }, Js = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Zs = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Qs = { 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"] } } }, el = { 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"] } } }, tl = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, nl = { textStyle: { color: "#333333" } }, il = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, ol = { 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" } } }, rl = { color: ["#bf444c", "#d88273", "#f6efa6"] }, sl = { 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" } }, ll = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, al = {
+}, Ls = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Es = "#f5f5f5", Bs = {}, Ws = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Rs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ns = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ms = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Ds = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Fs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Gs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, js = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Hs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Os = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ks = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Us = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Xs = { 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" } }, Ys = { 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)" } } }, qs = { 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)" } } }, Js = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Zs = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Qs = { 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"] } } }, el = { 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"] } } }, tl = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, nl = { textStyle: { color: "#333333" } }, il = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, ol = { 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" } } }, rl = { color: ["#bf444c", "#d88273", "#f6efa6"] }, sl = { 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" } }, ll = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, al = {
   color: Ls,
   backgroundColor: Es,
   textStyle: Bs,
@@ -817,10 +817,10 @@ const Zr = /* @__PURE__ */ Se(qr, [["render", Jr]]), Qr = ["position", "rotation
   bar: Ms,
   pie: Ds,
   scatter: Fs,
-  boxplot: js,
-  parallel: Gs,
-  sankey: Os,
-  funnel: Hs,
+  boxplot: Gs,
+  parallel: js,
+  sankey: Hs,
+  funnel: Os,
   gauge: Ks,
   candlestick: Us,
   graph: Xs,
@@ -857,38 +857,38 @@ const cl = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Ce(), o = Ne(), s = fe(), r = ke(), { width: a, minWidth: c, maxWidth: m, height: d, minHeight: u, maxHeight: p, applySize: y } = ye(e), { applyTitle: b } = _o(e), { applyXAxis: g } = wo(e), { applyYAxis: x } = Vo(e), { applyLegend: $ } = vo(e), { applySeries: I } = ko(e), S = v(() => {
-      const C = {}, j = r.value.type;
-      return s === "page" ? j === "common" ? y(C) : console.assert(!1) : s === "comp" && j === "common" ? y(C) : console.assert(!1), C;
-    }), T = no("chart");
+    const e = t, i = Ce(), o = Ne(), s = fe(), r = ke(), { width: a, minWidth: c, maxWidth: p, height: d, minHeight: u, maxHeight: m, applySize: y } = ye(e), { applyTitle: b } = _o(e), { applyXAxis: g } = wo(e), { applyYAxis: x } = Vo(e), { applyLegend: $ } = vo(e), { applySeries: I } = ko(e), S = v(() => {
+      const C = {}, G = r.value.type;
+      return s === "page" ? G === "common" ? y(C) : console.assert(!1) : s === "comp" && G === "common" ? y(C) : console.assert(!1), C;
+    }), P = no("chart");
     let E;
     const F = () => {
-      E?.dispose(), E = yo.init(T.value, o.value ? "dark" : "light");
+      E?.dispose(), E = yo.init(P.value, o.value ? "dark" : "light");
       const C = {};
       E.setOption(C);
-    }, G = () => {
+    }, j = () => {
       E?.resize();
     }, N = () => {
       const C = {};
       b(C), g(C), x(C), $(C), I(C), E?.setOption(C, !0);
     };
     return io(async () => {
-      window.addEventListener("resize", G, !1), await so(() => !!T.value), F(), N();
+      window.addEventListener("resize", j, !1), await so(() => !!P.value), F(), N();
     }), Ue(() => {
-      window.removeEventListener("resize", G, !1), E?.dispose();
+      window.removeEventListener("resize", j, !1), E?.dispose();
     }), oe(
       [
         () => i.value.width,
         () => i.value.height,
         a,
         c,
-        m,
+        p,
         d,
         u,
-        p
+        m
       ],
       async () => {
-        await oo(), G();
+        await oo(), j();
       }
     ), oe([o], () => {
       F(), N();
@@ -898,7 +898,7 @@ const cl = /* @__PURE__ */ V({
         N();
       },
       { deep: !0 }
-    ), (C, j) => (h(), _(n(M), { block: "" }, {
+    ), (C, G) => (h(), _(n(M), { block: "" }, {
       default: k(() => [
         q("div", {
           ref: "chart",
@@ -915,38 +915,38 @@ const cl = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Ce(), o = Ne(), s = fe(), r = ke(), { width: a, minWidth: c, maxWidth: m, height: d, minHeight: u, maxHeight: p, applySize: y } = ye(e), { applyTitle: b } = _o(e), { applyXAxis: g } = wo(e), { applyYAxis: x } = Vo(e), { applyLegend: $ } = vo(e), { applySeries: I } = ko(e), S = v(() => {
-      const C = {}, j = r.value.type;
-      return s === "page" ? j === "common" ? y(C) : console.assert(!1) : s === "comp" && j === "common" ? y(C) : console.assert(!1), C;
-    }), T = no("chart");
+    const e = t, i = Ce(), o = Ne(), s = fe(), r = ke(), { width: a, minWidth: c, maxWidth: p, height: d, minHeight: u, maxHeight: m, applySize: y } = ye(e), { applyTitle: b } = _o(e), { applyXAxis: g } = wo(e), { applyYAxis: x } = Vo(e), { applyLegend: $ } = vo(e), { applySeries: I } = ko(e), S = v(() => {
+      const C = {}, G = r.value.type;
+      return s === "page" ? G === "common" ? y(C) : console.assert(!1) : s === "comp" && G === "common" ? y(C) : console.assert(!1), C;
+    }), P = no("chart");
     let E;
     const F = () => {
-      E?.dispose(), E = yo.init(T.value, o.value ? "dark" : "light");
+      E?.dispose(), E = yo.init(P.value, o.value ? "dark" : "light");
       const C = {};
       E.setOption(C);
-    }, G = () => {
+    }, j = () => {
       E?.resize();
     }, N = () => {
       const C = {};
       b(C), g(C), x(C), $(C), I(C), E?.setOption(C, !0);
     };
     return io(async () => {
-      window.addEventListener("resize", G, !1), await so(() => !!T.value), F(), N();
+      window.addEventListener("resize", j, !1), await so(() => !!P.value), F(), N();
     }), Ue(() => {
-      window.removeEventListener("resize", G, !1), E?.dispose();
+      window.removeEventListener("resize", j, !1), E?.dispose();
     }), oe(
       [
         () => i.value.width,
         () => i.value.height,
         a,
         c,
-        m,
+        p,
         d,
         u,
-        p
+        m
       ],
       async () => {
-        await oo(), G();
+        await oo(), j();
       }
     ), oe([o], () => {
       F(), N();
@@ -956,7 +956,7 @@ const cl = /* @__PURE__ */ V({
         N();
       },
       { deep: !0 }
-    ), (C, j) => (h(), _(n(M), { block: "" }, {
+    ), (C, G) => (h(), _(n(M), { block: "" }, {
       default: k(() => [
         q("div", {
           ref: "chart",
@@ -991,9 +991,9 @@ const cl = /* @__PURE__ */ V({
       const u = {};
       return o.value?.type === "common" && a(u), u;
     });
-    function m(u) {
-      const p = ze[u.basic.key];
-      if (!p)
+    function p(u) {
+      const m = ze[u.basic.key];
+      if (!m)
         return console.assert(!1, `element not found key=${u.basic.key}`), se("div", `element not found key=${u.basic.key}`);
       const y = { node: u };
       u.reference && u.reference.comp && (y.refContext = {
@@ -1001,9 +1001,9 @@ const cl = /* @__PURE__ */ V({
         compId: u.reference.comp
       });
       const b = [];
-      return p.leaf || u.children?.forEach((g) => {
-        b.push(m(g));
-      }), se(p.comp, y, { default: () => b });
+      return m.leaf || u.children?.forEach((g) => {
+        b.push(p(g));
+      }), se(m.comp, y, { default: () => b });
     }
     const d = () => {
       if (xo(i.refContext))
@@ -1012,7 +1012,7 @@ const cl = /* @__PURE__ */ V({
         return se("div");
       const u = [];
       if (o.value.view.nodes.forEach((y) => {
-        u.push(m(y));
+        u.push(p(y));
       }), o.value.type === "common")
         return se(
           "div",
@@ -1020,7 +1020,7 @@ const cl = /* @__PURE__ */ V({
           { default: () => u }
         );
     };
-    return (u, p) => (h(), _(d));
+    return (u, m) => (h(), _(d));
   }
 }), dl = /* @__PURE__ */ V({
   __name: "index",
@@ -1048,8 +1048,8 @@ const cl = /* @__PURE__ */ V({
     const { t: e } = bo(), i = t, o = ie(), s = be();
     Zn(o, "slot", i.id, "", s), Jn(i.refContext.compId, o);
     function r(c) {
-      const m = ze[c.basic.key];
-      if (!m)
+      const p = ze[c.basic.key];
+      if (!p)
         return console.assert(!1, `element not found key=${c.basic.key}`), se("div", `element not found key=${c.basic.key}`);
       const d = { node: c };
       c.reference && c.reference.comp && (d.refContext = {
@@ -1057,9 +1057,9 @@ const cl = /* @__PURE__ */ V({
         compId: c.reference.comp
       });
       const u = [];
-      return m.leaf || c.children?.forEach((p) => {
-        u.push(r(p));
-      }), se(m.comp, d, { default: () => u });
+      return p.leaf || c.children?.forEach((m) => {
+        u.push(r(m));
+      }), se(p.comp, d, { default: () => u });
     }
     const a = () => {
       if (xo(i.refContext))
@@ -1067,11 +1067,11 @@ const cl = /* @__PURE__ */ V({
       if (!o.value)
         return se("div");
       const c = [];
-      return o.value.view.nodes.forEach((m) => {
-        c.push(r(m));
+      return o.value.view.nodes.forEach((p) => {
+        c.push(r(p));
       }), c;
     };
-    return (c, m) => (h(), _(a));
+    return (c, p) => (h(), _(a));
   }
 }), yl = /* @__PURE__ */ V({
   __name: "index",
@@ -1089,7 +1089,7 @@ const cl = /* @__PURE__ */ V({
       "offset",
       "y"
     ]);
-    return (c, m) => {
+    return (c, p) => {
       const d = A("v-badge");
       return h(), _(n(M), null, {
         default: k(() => [
@@ -1117,21 +1117,21 @@ const cl = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = O(), o = be(), { property: s } = l(e, [
+    const e = t, i = H(), o = be(), { property: s } = l(e, [
       "settings",
       "addIcon",
       "append"
-    ]), { property: r } = l(e, ["settings", "block"]), { property: a } = l(e, ["settings", "color"]), { color: c } = H(a), { property: m } = l(e, ["settings", "density"]), { property: d } = l(e, [
+    ]), { property: r } = l(e, ["settings", "block"]), { property: a } = l(e, ["settings", "color"]), { color: c } = O(a), { property: p } = l(e, ["settings", "density"]), { property: d } = l(e, [
       "settings",
       "disabled"
-    ]), { property: u } = l(e, ["size", "height"]), { property: p } = l(e, ["settings", "loading"]), { property: y } = l(e, ["size", "maxHeight"]), { property: b } = l(e, ["size", "maxWidth"]), { property: g } = l(e, ["size", "minHeight"]), { property: x } = l(e, ["size", "minWidth"]), { property: $ } = l(e, [
+    ]), { property: u } = l(e, ["size", "height"]), { property: m } = l(e, ["settings", "loading"]), { property: y } = l(e, ["size", "maxHeight"]), { property: b } = l(e, ["size", "maxWidth"]), { property: g } = l(e, ["size", "minHeight"]), { property: x } = l(e, ["size", "minWidth"]), { property: $ } = l(e, [
       "settings",
       "addIcon",
       "prepend"
     ]), { property: I } = l(e, [
       "settings",
       "readonly"
-    ]), { property: S } = l(e, ["settings", "ripple"]), { property: T } = l(e, ["settings", "size"]), { property: E } = l(e, ["settings", "stacked"]), { property: F } = l(e, ["settings", "text"]), { theme: G } = D(), { property: N } = l(e, ["settings", "variant"]), { property: C } = l(e, ["size", "width"]), j = (Z) => {
+    ]), { property: S } = l(e, ["settings", "ripple"]), { property: P } = l(e, ["settings", "size"]), { property: E } = l(e, ["settings", "stacked"]), { property: F } = l(e, ["settings", "text"]), { theme: j } = D(), { property: N } = l(e, ["settings", "variant"]), { property: C } = l(e, ["size", "width"]), G = (Z) => {
       Q(i) && (o.setVariable("__pointerPosX__", Z.clientX), o.setVariable("__pointerPosY__", Z.clientY), o.callFunction(
         "__triggerEventV1__",
         J("elementEvent", e.node.basic.id, "click")
@@ -1145,10 +1145,10 @@ const cl = /* @__PURE__ */ V({
             "append-icon": n(s),
             block: n(r),
             color: n(c),
-            density: n(m),
+            density: n(p),
             disabled: n(d),
             height: n(u),
-            loading: n(p),
+            loading: n(m),
             "max-height": n(y),
             "max-width": n(b),
             "min-height": n(g),
@@ -1156,13 +1156,13 @@ const cl = /* @__PURE__ */ V({
             "prepend-icon": n($),
             readonly: n(I),
             ripple: n(S),
-            size: n(T),
+            size: n(P),
             stacked: n(E),
             text: n(F),
-            theme: n(G),
+            theme: n(j),
             variant: n(N),
             width: n(C),
-            onClick: j
+            onClick: G
           }, null, 8, ["append-icon", "block", "color", "density", "disabled", "height", "loading", "max-height", "max-width", "min-height", "min-width", "prepend-icon", "readonly", "ripple", "size", "stacked", "text", "theme", "variant", "width"])
         ]),
         _: 1
@@ -1198,7 +1198,7 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: c } = l(e, [
       "settings",
       "readonly"
-    ]), { property: m } = l(e, ["settings", "size"]), { property: d } = l(e, ["settings", "stacked"]), { theme: u } = D(), { property: p } = l(e, ["settings", "tile"]), { property: y } = l(e, ["settings", "variant"]);
+    ]), { property: p } = l(e, ["settings", "size"]), { property: d } = l(e, ["settings", "stacked"]), { theme: u } = D(), { property: m } = l(e, ["settings", "tile"]), { property: y } = l(e, ["settings", "variant"]);
     return (b, g) => {
       const x = A("v-btn-toggle");
       return h(), _(x, {
@@ -1208,10 +1208,10 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
         mandatory: n(r),
         multiple: n(a),
         readonly: n(c),
-        size: n(m),
+        size: n(p),
         stacked: n(d),
         theme: n(u),
-        tile: n(p),
+        tile: n(m),
         variant: n(y)
       }, {
         default: k(() => [
@@ -1231,25 +1231,25 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     const e = t, { property: i } = l(e, ["settings", "density"]), { property: o } = l(e, [
       "settings",
       "disabled"
-    ]), { property: s } = l(e, ["size", "height"]), { property: r } = l(e, ["settings", "hover"]), { property: a } = l(e, ["settings", "loading"]), { property: c } = l(e, ["size", "maxHeight"]), { property: m } = l(e, ["size", "maxWidth"]), { property: d } = l(e, ["size", "minHeight"]), { property: u } = l(e, ["size", "minWidth"]), { property: p } = l(e, [
+    ]), { property: s } = l(e, ["size", "height"]), { property: r } = l(e, ["settings", "hover"]), { property: a } = l(e, ["settings", "loading"]), { property: c } = l(e, ["size", "maxHeight"]), { property: p } = l(e, ["size", "maxWidth"]), { property: d } = l(e, ["size", "minHeight"]), { property: u } = l(e, ["size", "minWidth"]), { property: m } = l(e, [
       "settings",
       "subtitle"
     ]), { property: y } = l(e, ["settings", "text"]), { theme: b } = D(), { property: g } = l(e, ["settings", "title"]), { property: x } = l(e, ["settings", "variant"]), { property: $ } = l(e, ["size", "width"]);
     return (I, S) => {
-      const T = A("v-card");
+      const P = A("v-card");
       return h(), _(n(M), { block: "" }, {
         default: k(() => [
-          R(T, {
+          R(P, {
             density: n(i),
             disabled: n(o),
             height: n(s),
             hover: n(r),
             loading: n(a),
             "max-height": n(c),
-            "max-width": n(m),
+            "max-width": n(p),
             "min-height": n(d),
             "min-width": n(u),
-            subtitle: n(p),
+            subtitle: n(m),
             text: n(y),
             theme: n(b),
             title: n(g),
@@ -1303,13 +1303,13 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     const e = t, { property: i } = l(e, [
       "settings",
       "closable"
-    ]), { property: o } = l(e, ["settings", "color"]), { color: s } = H(o), { property: r } = l(e, ["settings", "density"]), { property: a } = l(e, [
+    ]), { property: o } = l(e, ["settings", "color"]), { color: s } = O(o), { property: r } = l(e, ["settings", "density"]), { property: a } = l(e, [
       "settings",
       "disabled"
     ]), { property: c } = l(e, [
       "settings",
       "draggable"
-    ]), { property: m } = l(e, ["settings", "filter"]), { property: d } = l(e, ["settings", "label"]), { property: u } = l(e, ["settings", "size"]), { property: p } = l(e, ["settings", "text"]), { theme: y } = D(), { property: b } = l(e, ["settings", "tile"]), { property: g } = l(e, ["settings", "value"]), { property: x } = l(e, ["settings", "variant"]);
+    ]), { property: p } = l(e, ["settings", "filter"]), { property: d } = l(e, ["settings", "label"]), { property: u } = l(e, ["settings", "size"]), { property: m } = l(e, ["settings", "text"]), { theme: y } = D(), { property: b } = l(e, ["settings", "tile"]), { property: g } = l(e, ["settings", "value"]), { property: x } = l(e, ["settings", "variant"]);
     return ($, I) => {
       const S = A("v-chip");
       return h(), _(n(M), null, {
@@ -1320,10 +1320,10 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
             density: n(r),
             disabled: n(a),
             draggable: n(c),
-            filter: n(m),
+            filter: n(p),
             label: n(d),
             size: n(u),
-            text: n(p),
+            text: n(m),
             theme: n(y),
             tile: n(b),
             value: n(g),
@@ -1353,11 +1353,11 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: c } = l(e, [
       "settings",
       "multiple"
-    ]), { property: m } = l(e, [
+    ]), { property: p } = l(e, [
       "settings",
       "showArrows"
     ]), { theme: d } = D(), { property: u } = l(e, ["settings", "value"]);
-    return (p, y) => {
+    return (m, y) => {
       const b = A("v-chip-group");
       return h(), _(b, {
         modelValue: n(u),
@@ -1368,11 +1368,11 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
         filter: n(r),
         mandatory: n(a),
         multiple: n(c),
-        "show-arrows": n(m),
+        "show-arrows": n(p),
         theme: n(d)
       }, {
         default: k(() => [
-          B(p.$slots, "default")
+          B(m.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "column", "direction", "disabled", "filter", "mandatory", "multiple", "show-arrows", "theme"]);
@@ -1394,7 +1394,7 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: c } = l(e, [
       "settings",
       "hideCanvas"
-    ]), { property: m } = l(e, [
+    ]), { property: p } = l(e, [
       "settings",
       "hideHeader"
     ]), { property: d } = l(e, [
@@ -1403,7 +1403,7 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: u } = l(e, [
       "settings",
       "hideSliders"
-    ]), { property: p } = l(e, [
+    ]), { property: m } = l(e, [
       "settings",
       "landscape"
     ]), { property: y } = l(e, [
@@ -1417,10 +1417,10 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
           R($, {
             disabled: n(a),
             "hide-canvas": n(c),
-            "hide-header": n(m),
+            "hide-header": n(p),
             "hide-inputs": n(d),
             "hide-sliders": n(u),
-            landscape: n(p),
+            landscape: n(m),
             "show-swatches": n(y),
             style: ee(r.value),
             theme: n(b)
@@ -1449,14 +1449,14 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: a } = l(e, [
       "settings",
       "singleLine"
-    ]), { theme: c } = D(), { property: m } = l(e, ["settings", "value"]);
+    ]), { theme: c } = D(), { property: p } = l(e, ["settings", "value"]);
     return (d, u) => {
-      const p = A("v-combobox");
+      const m = A("v-combobox");
       return h(), _(n(M), null, {
         default: k(() => [
-          R(p, {
-            modelValue: n(m),
-            "onUpdate:modelValue": u[0] || (u[0] = (y) => X(m) ? m.value = y : null),
+          R(m, {
+            modelValue: n(p),
+            "onUpdate:modelValue": u[0] || (u[0] = (y) => X(p) ? p.value = y : null),
             "hide-details": n(i),
             label: n(o),
             placeholder: n(s),
@@ -1479,16 +1479,16 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     const e = t, i = fe(), o = ke(), { property: s } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: r } = H(s), { applySize: a } = ye(e), { applyMargin: c } = Mn(e), { applyPadding: m } = Dn(e), { applyBorder: d } = Nn(e), u = v(() => {
-      const p = {}, y = o.value.type;
-      return i === "page" ? y === "common" ? (a(p), c(p), m(p), d(p), r.value && (p.backgroundColor = r.value)) : console.assert(!1) : i === "comp" && y === "common" ? (a(p), c(p), m(p), d(p), r.value && (p.backgroundColor = r.value)) : console.assert(!1), p;
+    ]), { color: r } = O(s), { applySize: a } = ye(e), { applyMargin: c } = Mn(e), { applyPadding: p } = Dn(e), { applyBorder: d } = Nn(e), u = v(() => {
+      const m = {}, y = o.value.type;
+      return i === "page" ? y === "common" ? (a(m), c(m), p(m), d(m), r.value && (m.backgroundColor = r.value)) : console.assert(!1) : i === "comp" && y === "common" ? (a(m), c(m), p(m), d(m), r.value && (m.backgroundColor = r.value)) : console.assert(!1), m;
     });
-    return (p, y) => (h(), _(n(M), { block: "" }, {
+    return (m, y) => (h(), _(n(M), { block: "" }, {
       default: k(() => [
         q("div", {
           style: ee(u.value)
         }, [
-          B(p.$slots, "default")
+          B(m.$slots, "default")
         ], 4)
       ]),
       _: 3
@@ -1507,14 +1507,14 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: s } = l(e, [
       "settings",
       "fixedHeader"
-    ]), { property: r } = l(e, ["settings", "headers"]), { property: a } = l(e, ["size", "height"]), { property: c } = l(e, ["settings", "hover"]), { property: m } = l(
+    ]), { property: r } = l(e, ["settings", "headers"]), { property: a } = l(e, ["size", "height"]), { property: c } = l(e, ["settings", "hover"]), { property: p } = l(
       e,
       ["settings", "data"],
       !0
     ), { property: d } = l(e, ["settings", "loading"]), { property: u } = l(e, [
       "settings",
       "multiSort"
-    ]), { theme: p } = D(), { property: y } = l(e, ["size", "width"]), b = v(() => {
+    ]), { theme: m } = D(), { property: y } = l(e, ["size", "width"]), b = v(() => {
       const g = [];
       return (e.node.slots?.items ?? []).forEach(($) => {
         $.column && $.comp && g.push($);
@@ -1531,10 +1531,10 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
             headers: n(r),
             height: n(a),
             hover: n(c),
-            items: n(m),
+            items: n(p),
             loading: n(d),
             "multi-sort": n(u),
-            theme: n(p),
+            theme: n(m),
             width: n(y)
           }, En({ _: 2 }, [
             Xo(b.value, (I) => ({
@@ -1566,30 +1566,30 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
       });
     };
   }
-}), Pl = ["id"], Tl = /* @__PURE__ */ V({
+}), Tl = ["id"], Pl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = O(), o = v(() => e.node.basic?.id), { open: s } = lo(`runtimeDlg/${ro()}`);
-    return je(e, "open", () => {
+    const e = t, i = H(), o = v(() => e.node.basic?.id), { open: s } = lo(`runtimeDlg/${ro()}`);
+    return Ge(e, "open", () => {
       s.value = !0;
-    }), je(e, "close", () => {
+    }), Ge(e, "close", () => {
       s.value = !1;
     }), (r, a) => {
       const c = A("v-dialog");
       return h(), _(c, {
         modelValue: n(s),
-        "onUpdate:modelValue": a[0] || (a[0] = (m) => X(s) ? s.value = m : null),
+        "onUpdate:modelValue": a[0] || (a[0] = (p) => X(s) ? s.value = p : null),
         attach: "#dialogContainer"
       }, {
         activator: k(() => [
           n(i) === "editor" ? (h(), te("div", {
             key: 0,
             id: `__node__@${o.value}`
-          }, null, 8, Pl)) : ne("", !0)
+          }, null, 8, Tl)) : ne("", !0)
         ]),
         default: k(() => [
           B(r.$slots, "default")
@@ -1611,13 +1611,13 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: r } = l(e, [
       "settings",
       "disabled"
-    ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "loading"]), { property: m } = l(e, [
+    ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "loading"]), { property: p } = l(e, [
       "settings",
       "multiple"
     ]), { property: d } = l(e, [
       "settings",
       "readonly"
-    ]), { property: u } = l(e, ["settings", "reverse"]), { property: p } = l(e, [
+    ]), { property: u } = l(e, ["settings", "reverse"]), { property: m } = l(e, [
       "settings",
       "singleLine"
     ]);
@@ -1632,10 +1632,10 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
             disabled: n(r),
             label: n(a),
             loading: n(c),
-            multiple: n(m),
+            multiple: n(p),
             readonly: n(d),
             reverse: n(u),
-            "single-line": n(p)
+            "single-line": n(m)
           }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"])
         ]),
         _: 1
@@ -1649,22 +1649,22 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Ce(), o = fe(), s = ke(), { applySize: r } = ye(e), { applyMargin: a } = Mn(e), { applyPadding: c } = Dn(e), { applyBorder: m } = Nn(e), { property: d } = l(e, [
+    const e = t, i = Ce(), o = fe(), s = ke(), { applySize: r } = ye(e), { applyMargin: a } = Mn(e), { applyPadding: c } = Dn(e), { applyBorder: p } = Nn(e), { property: d } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: u } = H(d), p = (b) => {
+    ]), { color: u } = O(d), m = (b) => {
       u.value && (b.backgroundColor = u.value), b.display = "flex";
-      const g = Fe(i.value.width), x = Pe(g, e.node.settings?.direction);
+      const g = Fe(i.value.width), x = Te(g, e.node.settings?.direction);
       x === "row" ? b.flexDirection = "row" : x === "rowReverse" ? b.flexDirection = "row-reverse" : x === "column" ? b.flexDirection = "column" : x === "columnReverse" && (b.flexDirection = "column-reverse");
-      const $ = Pe(g, e.node.settings?.wrap);
+      const $ = Te(g, e.node.settings?.wrap);
       $ === "no" ? b.flexWrap = "nowrap" : $ === "yes" ? b.flexWrap = "wrap" : $ === "reverse" && (b.flexWrap = "wrap-reverse");
-      const I = Pe(g, e.node.settings?.mainAlign);
+      const I = Te(g, e.node.settings?.mainAlign);
       I === "start" ? b.justifyContent = "flex-start" : I === "end" ? b.justifyContent = "flex-end" : I === "center" ? b.justifyContent = "center" : I === "spaceBetween" ? b.justifyContent = "space-between" : I === "spaceAround" ? b.justifyContent = "space-around" : I === "spaceEvenly" && (b.justifyContent = "space-evenly");
-      const S = Pe(g, e.node.settings?.crossAlign);
+      const S = Te(g, e.node.settings?.crossAlign);
       S === "start" ? b.alignItems = "flex-start" : S === "end" ? b.alignItems = "flex-end" : S === "center" ? b.alignItems = "center" : S === "baseline" ? b.alignItems = "baseline" : S === "stretch" && (b.alignItems = "stretch");
     }, y = v(() => {
       const b = {}, g = s.value.type;
-      return o === "page" ? g === "common" ? (r(b), a(b), c(b), m(b), p(b)) : console.assert(!1) : o === "comp" && g === "common" ? (r(b), a(b), c(b), m(b), p(b)) : console.assert(!1), b;
+      return o === "page" ? g === "common" ? (r(b), a(b), c(b), p(b), m(b)) : console.assert(!1) : o === "comp" && g === "common" ? (r(b), a(b), c(b), p(b), m(b)) : console.assert(!1), b;
     });
     return (b, g) => (h(), te("div", {
       style: ee(y.value)
@@ -1680,13 +1680,13 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
   },
   setup(t) {
     const e = t, i = fe(), o = ke(), { applySize: s } = ye(e), { property: r } = l(e, ["settings", "grow"]), { property: a } = l(e, ["settings", "shrink"]), c = v(() => {
-      const m = {}, d = o.value.type;
-      return i === "page" ? d === "common" ? (s(m), m.flexGrow = r.value ? 1 : 0, m.flexShrink = a.value ? 1 : 0) : console.assert(!1) : i === "comp" && d === "common" ? (s(m), m.flexGrow = r.value ? 1 : 0, m.flexShrink = a.value ? 1 : 0) : console.assert(!1), m;
+      const p = {}, d = o.value.type;
+      return i === "page" ? d === "common" ? (s(p), p.flexGrow = r.value ? 1 : 0, p.flexShrink = a.value ? 1 : 0) : console.assert(!1) : i === "comp" && d === "common" ? (s(p), p.flexGrow = r.value ? 1 : 0, p.flexShrink = a.value ? 1 : 0) : console.assert(!1), p;
     });
-    return (m, d) => (h(), te("div", {
+    return (p, d) => (h(), te("div", {
       style: ee(c.value)
     }, [
-      B(m.$slots, "default")
+      B(p.$slots, "default")
     ], 4));
   }
 }), El = /* @__PURE__ */ V({
@@ -1696,15 +1696,15 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = O(), o = fe(), s = ke(), r = be(), { property: a } = l(e, ["settings", "valid"]), { property: c } = l(e, [
+    const e = t, i = H(), o = fe(), s = ke(), r = be(), { property: a } = l(e, ["settings", "valid"]), { property: c } = l(e, [
       "settings",
       "fastFail"
-    ]), { property: m } = l(e, [
+    ]), { property: p } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: d } = H(m), { applySize: u } = ye(e), { applyMargin: p } = Mn(e), { applyPadding: y } = Dn(e), { applyBorder: b } = Nn(e), g = v(() => {
+    ]), { color: d } = O(p), { applySize: u } = ye(e), { applyMargin: m } = Mn(e), { applyPadding: y } = Dn(e), { applyBorder: b } = Nn(e), g = v(() => {
       const $ = {}, I = s.value.type;
-      return o === "page" ? I === "common" ? (u($), p($), y($), b($), d.value && ($.backgroundColor = d.value)) : console.assert(!1) : o === "comp" && I === "common" ? (u($), p($), y($), b($), d.value && ($.backgroundColor = d.value)) : console.assert(!1), $;
+      return o === "page" ? I === "common" ? (u($), m($), y($), b($), d.value && ($.backgroundColor = d.value)) : console.assert(!1) : o === "comp" && I === "common" ? (u($), m($), y($), b($), d.value && ($.backgroundColor = d.value)) : console.assert(!1), $;
     }), x = () => {
       Q(i) && r.callFunction(
         "__triggerEventV1__",
@@ -1715,7 +1715,7 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
       const S = A("v-form");
       return h(), _(S, {
         modelValue: n(a),
-        "onUpdate:modelValue": I[0] || (I[0] = (T) => X(a) ? a.value = T : null),
+        "onUpdate:modelValue": I[0] || (I[0] = (P) => X(a) ? a.value = P : null),
         "fast-fail": n(c),
         style: ee(g.value),
         onSubmit: Yo(x, ["prevent"])
@@ -1734,11 +1734,11 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { property: i } = l(e, ["settings", "color"]), { color: o } = H(i), { property: s } = l(e, [
+    const e = t, { property: i } = l(e, ["settings", "color"]), { color: o } = O(i), { property: s } = l(e, [
       "settings",
       "disabled"
     ]), { property: r } = l(e, ["settings", "icon"]), { property: a } = l(e, ["settings", "size"]), { theme: c } = D();
-    return (m, d) => {
+    return (p, d) => {
       const u = A("v-icon");
       return h(), _(u, {
         color: n(o),
@@ -1756,16 +1756,16 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = O(), o = be(), s = ie(0), r = ie(0), a = v(() => [s.value, r.value]), c = v(() => e.node.basic?.id), { open: m } = lo(`runtimeMenu/${ro()}`);
-    return je(e, "open", () => {
-      s.value = o.getVariable("__pointerPosX__"), r.value = o.getVariable("__pointerPosY__"), m.value = !0;
-    }), je(e, "close", () => {
-      m.value = !1;
+    const e = t, i = H(), o = be(), s = ie(0), r = ie(0), a = v(() => [s.value, r.value]), c = v(() => e.node.basic?.id), { open: p } = lo(`runtimeMenu/${ro()}`);
+    return Ge(e, "open", () => {
+      s.value = o.getVariable("__pointerPosX__"), r.value = o.getVariable("__pointerPosY__"), p.value = !0;
+    }), Ge(e, "close", () => {
+      p.value = !1;
     }), (d, u) => {
-      const p = A("v-menu");
-      return h(), _(p, {
-        modelValue: n(m),
-        "onUpdate:modelValue": u[0] || (u[0] = (y) => X(m) ? m.value = y : null),
+      const m = A("v-menu");
+      return h(), _(m, {
+        modelValue: n(p),
+        "onUpdate:modelValue": u[0] || (u[0] = (y) => X(p) ? p.value = y : null),
         attach: "menuContainer",
         "location-strategy": "connected",
         scrim: "transparent",
@@ -1805,7 +1805,7 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: r } = l(e, [
       "settings",
       "hideDetails"
-    ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "loading"]), { property: m } = l(e, ["settings", "max"]), { property: d } = l(e, ["size", "maxWidth"]), { property: u } = l(e, ["settings", "min"]), { property: p } = l(e, ["size", "minWidth"]), { property: y } = l(e, [
+    ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "loading"]), { property: p } = l(e, ["settings", "max"]), { property: d } = l(e, ["size", "maxWidth"]), { property: u } = l(e, ["settings", "min"]), { property: m } = l(e, ["size", "minWidth"]), { property: y } = l(e, [
       "settings",
       "placeholder"
     ]), { property: b } = l(e, [
@@ -1822,10 +1822,10 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: I } = l(e, [
       "settings",
       "readonly"
-    ]), { property: S } = l(e, ["settings", "reverse"]), { property: T } = l(e, [
+    ]), { property: S } = l(e, ["settings", "reverse"]), { property: P } = l(e, [
       "settings",
       "singleLine"
-    ]), { property: E } = l(e, ["settings", "step"]), { property: F } = l(e, ["settings", "suffix"]), { theme: G } = D(), { property: N } = l(e, ["settings", "value"]), { property: C } = l(e, ["settings", "variant"]), { property: j } = l(e, ["size", "width"]);
+    ]), { property: E } = l(e, ["settings", "step"]), { property: F } = l(e, ["settings", "suffix"]), { theme: j } = D(), { property: N } = l(e, ["settings", "value"]), { property: C } = l(e, ["settings", "variant"]), { property: G } = l(e, ["size", "width"]);
     return (Z, re) => {
       const ue = A("v-number-input");
       return h(), _(n(M), { block: "" }, {
@@ -1839,10 +1839,10 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
             "hide-details": n(r),
             label: n(a),
             loading: n(c),
-            max: n(m),
+            max: n(p),
             "max-width": n(d),
             min: n(u),
-            "min-width": n(p),
+            "min-width": n(m),
             placeholder: n(y),
             precision: n(b),
             prefix: n(g),
@@ -1850,12 +1850,12 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
             "prepend-inner-icon": n($),
             readonly: n(I),
             reverse: n(S),
-            "single-line": n(T),
+            "single-line": n(P),
             step: n(E),
             suffix: n(F),
-            theme: n(G),
+            theme: n(j),
             variant: n(C),
-            width: n(j)
+            width: n(G)
           }, null, 8, ["modelValue", "append-icon", "append-inner-icon", "clearable", "hide-details", "label", "loading", "max", "max-width", "min", "min-width", "placeholder", "precision", "prefix", "prepend-icon", "prepend-inner-icon", "readonly", "reverse", "single-line", "step", "suffix", "theme", "variant", "width"])
         ]),
         _: 1
@@ -1869,13 +1869,13 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = O(), { property: o } = l(e, ["settings", "density"]), { property: s } = l(e, [
+    const e = t, i = H(), { property: o } = l(e, ["settings", "density"]), { property: s } = l(e, [
       "settings",
       "disabled"
     ]), { property: r } = l(e, ["settings", "length"]), { property: a } = l(e, [
       "settings",
       "showFirstLastPage"
-    ]), { property: c } = l(e, ["settings", "size"]), { property: m } = l(e, ["settings", "start"]), { theme: d } = D(), { property: u } = l(e, ["settings", "tile"]), { property: p } = l(e, ["settings", "value"]), { property: y } = l(e, ["settings", "variant"]), b = v(() => {
+    ]), { property: c } = l(e, ["settings", "size"]), { property: p } = l(e, ["settings", "start"]), { theme: d } = D(), { property: u } = l(e, ["settings", "tile"]), { property: m } = l(e, ["settings", "value"]), { property: y } = l(e, ["settings", "variant"]), b = v(() => {
       const g = {};
       return i === "editor" && (g.pointerEvents = "none"), g;
     });
@@ -1884,14 +1884,14 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
       return h(), _(n(M), { block: "" }, {
         default: k(() => [
           R($, {
-            modelValue: n(p),
-            "onUpdate:modelValue": x[0] || (x[0] = (I) => X(p) ? p.value = I : null),
+            modelValue: n(m),
+            "onUpdate:modelValue": x[0] || (x[0] = (I) => X(m) ? m.value = I : null),
             density: n(o),
             disabled: n(s),
             length: n(r),
             "show-first-last-page": n(a),
             size: n(c),
-            start: n(m),
+            start: n(p),
             style: ee(b.value),
             theme: n(d),
             tile: n(u),
@@ -1909,14 +1909,14 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { property: i } = l(e, ["settings", "color"]), { color: o } = H(i), { property: s } = l(e, ["settings", "density"]), { property: r } = l(e, [
+    const e = t, { property: i } = l(e, ["settings", "color"]), { color: o } = O(i), { property: s } = l(e, ["settings", "density"]), { property: r } = l(e, [
       "settings",
       "disabled"
     ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, [
       "settings",
       "readonly"
-    ]), { theme: m } = D(), { property: d } = l(e, ["settings", "value"]);
-    return (u, p) => {
+    ]), { theme: p } = D(), { property: d } = l(e, ["settings", "value"]);
+    return (u, m) => {
       const y = A("v-radio");
       return h(), _(y, {
         color: n(o),
@@ -1924,7 +1924,7 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
         disabled: n(r),
         label: n(a),
         readonly: n(c),
-        theme: n(m),
+        theme: n(p),
         value: n(d)
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
@@ -1945,14 +1945,14 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: r } = l(e, ["settings", "inline"]), { property: a } = l(e, [
       "settings",
       "readonly"
-    ]), { theme: c } = D(), { property: m } = l(e, ["settings", "value"]);
+    ]), { theme: c } = D(), { property: p } = l(e, ["settings", "value"]);
     return (d, u) => {
-      const p = A("v-radio-group");
+      const m = A("v-radio-group");
       return h(), _(n(M), null, {
         default: k(() => [
-          R(p, {
-            modelValue: n(m),
-            "onUpdate:modelValue": u[0] || (u[0] = (y) => X(m) ? m.value = y : null),
+          R(m, {
+            modelValue: n(p),
+            "onUpdate:modelValue": u[0] || (u[0] = (y) => X(p) ? p.value = y : null),
             density: n(i),
             direction: n(o),
             disabled: n(s),
@@ -1970,7 +1970,7 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
       });
     };
   }
-}), jl = /* @__PURE__ */ V({
+}), Gl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1986,13 +1986,13 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: r } = l(e, [
       "settings",
       "hideDetails"
-    ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "max"]), { property: m } = l(e, ["settings", "min"]), { property: d } = l(e, [
+    ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "max"]), { property: p } = l(e, ["settings", "min"]), { property: d } = l(e, [
       "settings",
       "readonly"
     ]), { property: u } = l(e, [
       "settings",
       "showTicks"
-    ]), p = v(() => {
+    ]), m = v(() => {
       if (u.value === "always")
         return "always";
       if (u.value === "show")
@@ -2012,11 +2012,11 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
       if (!I.value)
         return;
       const N = {};
-      for (const { value: C, label: j } of I.value)
-        N[C] = j;
+      for (const { value: C, label: G } of I.value)
+        N[C] = G;
       if (!fo(N))
         return N;
-    }), { property: T } = l(e, [
+    }), { property: P } = l(e, [
       "settings",
       "tickSize"
     ]), { property: E } = l(e, [
@@ -2027,33 +2027,33 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
       "settings",
       "value",
       "end"
-    ]), G = v({
+    ]), j = v({
       get: () => [E.value, F.value],
       set: ([N, C]) => {
         E.value = N, F.value = C;
       }
     });
     return (N, C) => {
-      const j = A("v-range-slider");
+      const G = A("v-range-slider");
       return h(), _(n(M), { block: "" }, {
         default: k(() => [
-          R(j, {
-            modelValue: G.value,
-            "onUpdate:modelValue": C[0] || (C[0] = (Z) => G.value = Z),
+          R(G, {
+            modelValue: j.value,
+            "onUpdate:modelValue": C[0] || (C[0] = (Z) => j.value = Z),
             density: n(i),
             direction: n(o),
             disabled: n(s),
             "hide-details": n(r),
             label: n(a),
             max: n(c),
-            min: n(m),
+            min: n(p),
             readonly: n(d),
-            "show-ticks": p.value,
+            "show-ticks": m.value,
             step: n(y),
             theme: n(b),
             "thumb-label": x.value,
             "thumb-size": n($),
-            "tick-size": n(T),
+            "tick-size": n(P),
             ticks: S.value
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "label", "max", "min", "readonly", "show-ticks", "step", "theme", "thumb-label", "thumb-size", "tick-size", "ticks"])
         ]),
@@ -2061,7 +2061,7 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
       });
     };
   }
-}), Gl = /* @__PURE__ */ V({
+}), jl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2077,11 +2077,11 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: r } = l(e, [
       "settings",
       "halfIncrements"
-    ]), { property: a } = l(e, ["settings", "hover"]), { property: c } = l(e, ["settings", "length"]), { property: m } = l(e, [
+    ]), { property: a } = l(e, ["settings", "hover"]), { property: c } = l(e, ["settings", "length"]), { property: p } = l(e, [
       "settings",
       "readonly"
     ]), { theme: d } = D(), { property: u } = l(e, ["settings", "value"]);
-    return (p, y) => {
+    return (m, y) => {
       const b = A("v-rating");
       return h(), _(n(M), null, {
         default: k(() => [
@@ -2094,7 +2094,7 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
             "half-increments": n(r),
             hover: n(a),
             length: n(c),
-            readonly: n(m),
+            readonly: n(p),
             theme: n(d)
           }, null, 8, ["modelValue", "clearable", "density", "disabled", "half-increments", "hover", "length", "readonly", "theme"])
         ]),
@@ -2102,7 +2102,7 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
       });
     };
   }
-}), Ol = /* @__PURE__ */ V({
+}), Hl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2121,14 +2121,14 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: a } = l(e, [
       "settings",
       "singleLine"
-    ]), { theme: c } = D(), { property: m } = l(e, ["settings", "value"]);
+    ]), { theme: c } = D(), { property: p } = l(e, ["settings", "value"]);
     return (d, u) => {
-      const p = A("v-select");
+      const m = A("v-select");
       return h(), _(n(M), { block: "" }, {
         default: k(() => [
-          R(p, {
-            modelValue: n(m),
-            "onUpdate:modelValue": u[0] || (u[0] = (y) => X(m) ? m.value = y : null),
+          R(m, {
+            modelValue: n(p),
+            "onUpdate:modelValue": u[0] || (u[0] = (y) => X(p) ? p.value = y : null),
             "hide-details": n(i),
             label: n(o),
             placeholder: n(s),
@@ -2141,14 +2141,14 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
       });
     };
   }
-}), Hl = /* @__PURE__ */ V({
+}), Ol = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { property: i } = l(e, ["settings", "color"]), { color: o } = H(i), { property: s } = l(e, [
+    const e = t, { property: i } = l(e, ["settings", "color"]), { color: o } = O(i), { property: s } = l(e, [
       "settings",
       "direction"
     ]), { property: r } = l(e, [
@@ -2157,10 +2157,10 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: a } = l(e, [
       "settings",
       "hideDetails"
-    ]), { property: c } = l(e, ["settings", "label"]), { property: m } = l(e, ["settings", "max"]), { property: d } = l(e, ["settings", "min"]), { property: u } = l(e, [
+    ]), { property: c } = l(e, ["settings", "label"]), { property: p } = l(e, ["settings", "max"]), { property: d } = l(e, ["settings", "min"]), { property: u } = l(e, [
       "settings",
       "readonly"
-    ]), { property: p } = l(e, ["settings", "reverse"]), { property: y } = l(e, [
+    ]), { property: m } = l(e, ["settings", "reverse"]), { property: y } = l(e, [
       "settings",
       "showTicks"
     ]), b = v(() => {
@@ -2171,10 +2171,10 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     }), { property: g } = l(e, ["settings", "step"]), { theme: x } = D(), { property: $ } = l(e, [
       "settings",
       "thumbColor"
-    ]), { color: I } = H($), { property: S } = l(e, [
+    ]), { color: I } = O($), { property: S } = l(e, [
       "settings",
       "thumbLabel"
-    ]), T = v(() => {
+    ]), P = v(() => {
       if (S.value === "always")
         return "always";
       if (S.value === "show")
@@ -2182,7 +2182,7 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     }), { property: E } = l(e, [
       "settings",
       "thumbSize"
-    ]), { property: F } = l(e, ["settings", "ticks"]), G = v(() => {
+    ]), { property: F } = l(e, ["settings", "ticks"]), j = v(() => {
       if (!F.value)
         return;
       const pe = {};
@@ -2196,7 +2196,7 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: C } = l(e, [
       "settings",
       "trackColor"
-    ]), { color: j } = H(C), { property: Z } = l(e, ["settings", "value"]), { property: re } = l(e, ["slots", "append"]), { property: ue } = l(e, [
+    ]), { color: G } = O(C), { property: Z } = l(e, ["settings", "value"]), { property: re } = l(e, ["slots", "append"]), { property: ue } = l(e, [
       "slots",
       "prepend"
     ]);
@@ -2206,25 +2206,25 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
         default: k(() => [
           R(Jt, {
             modelValue: n(Z),
-            "onUpdate:modelValue": Me[0] || (Me[0] = (Ho) => X(Z) ? Z.value = Ho : null),
+            "onUpdate:modelValue": Me[0] || (Me[0] = (Oo) => X(Z) ? Z.value = Oo : null),
             color: n(o),
             direction: n(s),
             disabled: n(r),
             "hide-details": n(a),
             label: n(c),
-            max: n(m),
+            max: n(p),
             min: n(d),
             readonly: n(u),
-            reverse: n(p),
+            reverse: n(m),
             "show-ticks": b.value,
             step: n(g),
             theme: n(x),
             "thumb-color": n(I),
-            "thumb-label": T.value,
+            "thumb-label": P.value,
             "thumb-size": n(E),
             "tick-size": n(N),
-            ticks: G.value,
-            "track-color": n(j)
+            ticks: j.value,
+            "track-color": n(G)
           }, En({ _: 2 }, [
             n(re) ? {
               name: "append",
@@ -2269,7 +2269,7 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
       const c = A("v-stepper");
       return h(), _(c, {
         modelValue: n(s),
-        "onUpdate:modelValue": a[0] || (a[0] = (m) => X(s) ? s.value = m : null),
+        "onUpdate:modelValue": a[0] || (a[0] = (p) => X(s) ? s.value = p : null),
         "hide-actions": n(i),
         theme: n(o)
       }, {
@@ -2355,7 +2355,7 @@ const Ql = /* @__PURE__ */ Se(Jl, [["render", Zl]]), ea = /* @__PURE__ */ V({
     ]), { property: a } = l(e, [
       "settings",
       "indeterminate"
-    ]), { property: c } = l(e, ["settings", "inline"]), { property: m } = l(e, ["settings", "inset"]), { property: d } = l(e, ["settings", "label"]), { property: u } = l(e, ["settings", "loading"]), { theme: p } = D(), { property: y } = l(e, ["settings", "value"]);
+    ]), { property: c } = l(e, ["settings", "inline"]), { property: p } = l(e, ["settings", "inset"]), { property: d } = l(e, ["settings", "label"]), { property: u } = l(e, ["settings", "loading"]), { theme: m } = D(), { property: y } = l(e, ["settings", "value"]);
     return (b, g) => {
       const x = A("v-switch");
       return h(), _(n(M), { "fit-content": !0 }, {
@@ -2369,10 +2369,10 @@ const Ql = /* @__PURE__ */ Se(Jl, [["render", Zl]]), ea = /* @__PURE__ */ V({
             "hide-details": n(r),
             indeterminate: n(a),
             inline: n(c),
-            inset: n(m),
+            inset: n(p),
             label: n(d),
             loading: n(u),
-            theme: n(p)
+            theme: n(m)
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "indeterminate", "inline", "inset", "label", "loading", "theme"])
         ]),
         _: 1
@@ -2386,11 +2386,11 @@ const Ql = /* @__PURE__ */ Se(Jl, [["render", Zl]]), ea = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = O(), { property: o } = l(e, ["settings", "text"]), { theme: s } = D(), { property: r } = l(e, ["settings", "value"]), a = v(() => {
+    const e = t, i = H(), { property: o } = l(e, ["settings", "text"]), { theme: s } = D(), { property: r } = l(e, ["settings", "value"]), a = v(() => {
       const c = {};
       return i === "editor" && (c.pointerEvents = "none"), c;
     });
-    return (c, m) => {
+    return (c, p) => {
       const d = A("v-tab");
       return h(), _(n(M), null, {
         default: k(() => [
@@ -2419,20 +2419,20 @@ const Ql = /* @__PURE__ */ Se(Jl, [["render", Zl]]), ea = /* @__PURE__ */ V({
       "settings",
       "color",
       "backgroundColor"
-    ]), { color: s } = H(o), { property: r } = l(e, [
+    ]), { color: s } = O(o), { property: r } = l(e, [
       "settings",
       "centerActive"
     ]), { property: a } = l(e, [
       "settings",
       "color",
       "selectedColor"
-    ]), { color: c } = H(a), { property: m } = l(e, ["settings", "density"]), { property: d } = l(e, [
+    ]), { color: c } = O(a), { property: p } = l(e, ["settings", "density"]), { property: d } = l(e, [
       "settings",
       "direction"
     ]), { property: u } = l(e, [
       "settings",
       "disabled"
-    ]), { property: p } = l(e, [
+    ]), { property: m } = l(e, [
       "settings",
       "fixedTabs"
     ]), { property: y } = l(e, ["settings", "grow"]), { property: b } = l(e, [
@@ -2448,33 +2448,33 @@ const Ql = /* @__PURE__ */ Se(Jl, [["render", Zl]]), ea = /* @__PURE__ */ V({
       "settings",
       "color",
       "sliderColor"
-    ]), { color: S } = H(I), { property: T } = l(e, ["settings", "stacked"]), { theme: E } = D(), { property: F } = l(e, ["settings", "value"]);
-    return (G, N) => {
+    ]), { color: S } = O(I), { property: P } = l(e, ["settings", "stacked"]), { theme: E } = D(), { property: F } = l(e, ["settings", "value"]);
+    return (j, N) => {
       const C = A("v-tabs");
       return h(), _(n(M), { block: "" }, {
         default: k(() => [
           R(C, {
             modelValue: n(F),
-            "onUpdate:modelValue": N[0] || (N[0] = (j) => X(F) ? F.value = j : null),
+            "onUpdate:modelValue": N[0] || (N[0] = (G) => X(F) ? F.value = G : null),
             "align-tabs": n(i),
             "bg-color": n(s),
             "center-active": n(r),
             color: n(c),
-            density: n(m),
+            density: n(p),
             direction: n(d),
             disabled: n(u),
-            "fixed-tabs": n(p),
+            "fixed-tabs": n(m),
             grow: n(y),
             "hide-slider": n(b),
             items: n(g),
             mandatory: n(x),
             "show-arrows": n($),
             "slider-color": n(S),
-            stacked: n(T),
+            stacked: n(P),
             theme: n(E)
           }, {
             default: k(() => [
-              B(G.$slots, "default")
+              B(j.$slots, "default")
             ]),
             _: 3
           }, 8, ["modelValue", "align-tabs", "bg-color", "center-active", "color", "density", "direction", "disabled", "fixed-tabs", "grow", "hide-slider", "items", "mandatory", "show-arrows", "slider-color", "stacked", "theme"])
@@ -2496,11 +2496,11 @@ const Ql = /* @__PURE__ */ Se(Jl, [["render", Zl]]), ea = /* @__PURE__ */ V({
     ]), { property: r } = l(e, [
       "settings",
       "emphasis"
-    ]), { property: a } = l(e, ["settings", "italic"]), { property: c } = l(e, ["settings", "text"]), { property: m } = l(e, ["settings", "weight"]), d = v(() => {
-      const u = [], p = Fe(i.value.width), y = Pe(p, e.node.settings?.style);
-      return y && u.push(`text-${y}`), r.value === "high" ? u.push("text-high-emphasis") : r.value === "medium" ? u.push("text-medium-emphasis") : r.value === "disabled" && u.push("text-disabled"), o.value && u.push(`font-${o.value}`), s.value && u.push(`text-decoration-${s.value}`), m.value && u.push(`font-weight-${m.value}`), a.value && u.push("font-italic"), u.join(" ");
+    ]), { property: a } = l(e, ["settings", "italic"]), { property: c } = l(e, ["settings", "text"]), { property: p } = l(e, ["settings", "weight"]), d = v(() => {
+      const u = [], m = Fe(i.value.width), y = Te(m, e.node.settings?.style);
+      return y && u.push(`text-${y}`), r.value === "high" ? u.push("text-high-emphasis") : r.value === "medium" ? u.push("text-medium-emphasis") : r.value === "disabled" && u.push("text-disabled"), o.value && u.push(`font-${o.value}`), s.value && u.push(`text-decoration-${s.value}`), p.value && u.push(`font-weight-${p.value}`), a.value && u.push("font-italic"), u.join(" ");
     });
-    return (u, p) => (h(), _(n(M), null, {
+    return (u, m) => (h(), _(n(M), null, {
       default: k(() => [
         q("span", {
           class: qo(d.value)
@@ -2525,21 +2525,21 @@ const Ql = /* @__PURE__ */ Se(Jl, [["render", Zl]]), ea = /* @__PURE__ */ V({
     ]), { property: s } = l(e, ["settings", "density"]), { property: r } = l(e, [
       "settings",
       "disabled"
-    ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "loading"]), { property: m } = l(e, ["settings", "maxRows"]), { property: d } = l(e, [
+    ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "loading"]), { property: p } = l(e, ["settings", "maxRows"]), { property: d } = l(e, [
       "settings",
       "placeholder"
     ]), { property: u } = l(e, [
       "settings",
       "readonly"
-    ]), { property: p } = l(e, ["settings", "reverse"]), { property: y } = l(e, ["settings", "rows"]), { property: b } = l(e, [
+    ]), { property: m } = l(e, ["settings", "reverse"]), { property: y } = l(e, ["settings", "rows"]), { property: b } = l(e, [
       "settings",
       "singleLine"
     ]), { theme: g } = D(), { property: x } = l(e, ["settings", "value"]), { property: $ } = l(e, ["settings", "variant"]);
     return (I, S) => {
-      const T = A("v-textarea");
+      const P = A("v-textarea");
       return h(), _(n(M), { block: "" }, {
         default: k(() => [
-          R(T, {
+          R(P, {
             modelValue: n(x),
             "onUpdate:modelValue": S[0] || (S[0] = (E) => X(x) ? x.value = E : null),
             "auto-grow": n(i),
@@ -2548,10 +2548,10 @@ const Ql = /* @__PURE__ */ Se(Jl, [["render", Zl]]), ea = /* @__PURE__ */ V({
             disabled: n(r),
             label: n(a),
             loading: n(c),
-            "max-rows": n(m),
+            "max-rows": n(p),
             placeholder: n(d),
             readonly: n(u),
-            reverse: n(p),
+            reverse: n(m),
             rows: n(y),
             "single-line": n(b),
             theme: n(g),
@@ -2584,10 +2584,10 @@ const Ql = /* @__PURE__ */ Se(Jl, [["render", Zl]]), ea = /* @__PURE__ */ V({
     ]), { property: a } = l(e, ["settings", "density"]), { property: c } = l(e, [
       "settings",
       "disabled"
-    ]), { property: m } = l(e, [
+    ]), { property: p } = l(e, [
       "settings",
       "hideDetails"
-    ]), { property: d } = l(e, ["settings", "label"]), { property: u } = l(e, ["settings", "loading"]), { property: p } = l(e, [
+    ]), { property: d } = l(e, ["settings", "label"]), { property: u } = l(e, ["settings", "loading"]), { property: m } = l(e, [
       "settings",
       "placeholder"
     ]), { property: y } = l(e, ["settings", "prefix"]), { property: b } = l(e, [
@@ -2602,13 +2602,13 @@ const Ql = /* @__PURE__ */ Se(Jl, [["render", Zl]]), ea = /* @__PURE__ */ V({
     ]), { property: $ } = l(e, ["settings", "reverse"]), { property: I } = l(e, [
       "settings",
       "singleLine"
-    ]), { property: S } = l(e, ["settings", "suffix"]), { theme: T } = D(), { property: E } = l(e, ["settings", "value"]), { property: F } = l(e, ["settings", "variant"]), { property: G } = l(e, ["slots", "append"]), { property: N } = l(e, [
+    ]), { property: S } = l(e, ["settings", "suffix"]), { theme: P } = D(), { property: E } = l(e, ["settings", "value"]), { property: F } = l(e, ["settings", "variant"]), { property: j } = l(e, ["slots", "append"]), { property: N } = l(e, [
       "slots",
       "appendInner"
     ]), { property: C } = l(e, [
       "slots",
       "prepend"
-    ]), { property: j } = l(e, [
+    ]), { property: G } = l(e, [
       "slots",
       "prependInner"
     ]);
@@ -2625,10 +2625,10 @@ const Ql = /* @__PURE__ */ Se(Jl, [["render", Zl]]), ea = /* @__PURE__ */ V({
             clearable: n(r),
             density: n(a),
             disabled: n(c),
-            "hide-details": n(m),
+            "hide-details": n(p),
             label: n(d),
             loading: n(u),
-            placeholder: n(p),
+            placeholder: n(m),
             prefix: n(y),
             "prepend-icon": n(b),
             "prepend-inner-icon": n(g),
@@ -2636,15 +2636,15 @@ const Ql = /* @__PURE__ */ Se(Jl, [["render", Zl]]), ea = /* @__PURE__ */ V({
             reverse: n($),
             "single-line": n(I),
             suffix: n(S),
-            theme: n(T),
+            theme: n(P),
             variant: n(F)
           }, En({ _: 2 }, [
-            n(G) ? {
+            n(j) ? {
               name: "append",
               fn: k(() => [
                 R(n(he), {
                   id: "append",
-                  "ref-context": { compId: n(G) },
+                  "ref-context": { compId: n(j) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2672,12 +2672,12 @@ const Ql = /* @__PURE__ */ Se(Jl, [["render", Zl]]), ea = /* @__PURE__ */ V({
               ]),
               key: "2"
             } : void 0,
-            n(j) ? {
+            n(G) ? {
               name: "prepend-inner",
               fn: k(() => [
                 R(n(he), {
                   id: "prepend-inner",
-                  "ref-context": { compId: n(j) },
+                  "ref-context": { compId: n(G) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2703,18 +2703,18 @@ const Ql = /* @__PURE__ */ Se(Jl, [["render", Zl]]), ea = /* @__PURE__ */ V({
       "settings",
       "dot",
       "color"
-    ]), { color: a } = H(r), { property: c } = l(e, [
+    ]), { color: a } = O(r), { property: c } = l(e, [
       "settings",
       "dot",
       "fill"
-    ]), { property: m } = l(e, [
+    ]), { property: p } = l(e, [
       "settings",
       "hideOpposite"
     ]), { property: d } = l(e, [
       "settings",
       "line",
       "color"
-    ]), { color: u } = H(d), { property: p } = l(e, [
+    ]), { color: u } = O(d), { property: m } = l(e, [
       "settings",
       "line",
       "inset"
@@ -2735,9 +2735,9 @@ const Ql = /* @__PURE__ */ Se(Jl, [["render", Zl]]), ea = /* @__PURE__ */ V({
         direction: n(s),
         "dot-color": n(a),
         "fill-dot": n(c),
-        "hide-opposite": n(m),
+        "hide-opposite": n(p),
         "line-color": n(u),
-        "line-inset": n(p),
+        "line-inset": n(m),
         "line-thickness": n(y),
         side: n(b),
         theme: n(x),
@@ -2779,18 +2779,18 @@ const ua = /* @__PURE__ */ Se(aa, [["render", ca]]), pa = /* @__PURE__ */ V({
     ]), { property: r } = l(e, ["settings", "reverse"]), { property: a } = l(e, [
       "settings",
       "showArrows"
-    ]), { property: c } = l(e, ["settings", "touch"]), { theme: m } = D(), { property: d } = l(e, ["settings", "value"]);
-    return (u, p) => {
+    ]), { property: c } = l(e, ["settings", "touch"]), { theme: p } = D(), { property: d } = l(e, ["settings", "value"]);
+    return (u, m) => {
       const y = A("v-window");
       return h(), _(y, {
         modelValue: n(d),
-        "onUpdate:modelValue": p[0] || (p[0] = (b) => X(d) ? d.value = b : null),
+        "onUpdate:modelValue": m[0] || (m[0] = (b) => X(d) ? d.value = b : null),
         continuous: n(i),
         direction: n(s),
         disabled: n(o),
         reverse: n(r),
         "show-arrows": n(a),
-        theme: n(m),
+        theme: n(p),
         touch: n(c)
       }, {
         default: k(() => [
@@ -2810,7 +2810,7 @@ function da(t, e) {
     _: 3
   });
 }
-const ya = /* @__PURE__ */ Se(ma, [["render", da]]), Ye = "ambient_light_v1", qe = "badge_v1", Fn = "breadcrumbs_v1", Je = "bar_chart_v1", Ze = "box_geometry_v1", Qe = "btn_v1", et = "btn_group_v1", tt = "btn_toggle_v1", nt = "card_v1", it = "checkbox_v1", ot = "chip_v1", rt = "chip_group_v1", st = "color_picker_v1", lt = "combobox_v1", at = "container_v1", ct = "data_table_v1", ut = "date_picker_v1", pt = "dialog_v1", mt = "directional_light_v1", dt = "file_input_v1", yt = "flex_layout_v1", Io = "flex_layout_entry_v1", ft = "form_v1", sn = "globality_v1", bt = "group_v1", ht = "icon_v1", gt = "keyboard_controls_v1", xt = "line_chart_v1", vt = "map_controls_v1", kt = "menu_v1", _t = "mesh_v1", fa = "mesh_basic_material_v1", wt = "multiple_ref_v1", Vt = "number_input_v1", It = "orbit_controls_v1", $t = "orthographic_camera_v1", St = "pagination_v1", Ct = "perspective_camera_v1", Pt = "point_light_v1", $o = "radio_v1", Tt = "radio_group_v1", zt = "range_slider_v1", Ae = "reference_v1", At = "rating_v1", Lt = "render_switch_v1", Et = "select_v1", Bt = "slider_v1", Wt = "sphere_geometry_v1", Rt = "spot_light_v1", Nt = "stepper_v1", So = "stepper_header_v1", Co = "stepper_item_v1", Po = "stepper_window_v1", To = "stepper_window_item_v1", Mt = "switch_v1", zo = "tab_v1", jn = "table_v1", Dt = "tabs_v1", Ft = "text_v1", jt = "textarea_v1", Gt = "text_field_v1", Ot = "timeline_v1", Ao = "timeline_item_v1", Ht = "window_v1", Lo = "window_item_v1", f = {
+const ya = /* @__PURE__ */ Se(ma, [["render", da]]), Ye = "ambient_light_v1", qe = "badge_v1", Fn = "breadcrumbs_v1", Je = "bar_chart_v1", Ze = "box_geometry_v1", Qe = "btn_v1", et = "btn_group_v1", tt = "btn_toggle_v1", nt = "card_v1", it = "checkbox_v1", ot = "chip_v1", rt = "chip_group_v1", st = "color_picker_v1", lt = "combobox_v1", at = "container_v1", ct = "data_table_v1", ut = "date_picker_v1", pt = "dialog_v1", mt = "directional_light_v1", dt = "file_input_v1", yt = "flex_layout_v1", Io = "flex_layout_entry_v1", ft = "form_v1", sn = "globality_v1", bt = "group_v1", ht = "icon_v1", gt = "keyboard_controls_v1", xt = "line_chart_v1", vt = "map_controls_v1", kt = "menu_v1", _t = "mesh_v1", fa = "mesh_basic_material_v1", wt = "multiple_ref_v1", Vt = "number_input_v1", It = "orbit_controls_v1", $t = "orthographic_camera_v1", St = "pagination_v1", Ct = "perspective_camera_v1", Tt = "point_light_v1", $o = "radio_v1", Pt = "radio_group_v1", zt = "range_slider_v1", Ae = "reference_v1", At = "rating_v1", Lt = "render_switch_v1", Et = "select_v1", Bt = "slider_v1", Wt = "sphere_geometry_v1", Rt = "spot_light_v1", Nt = "stepper_v1", So = "stepper_header_v1", Co = "stepper_item_v1", To = "stepper_window_v1", Po = "stepper_window_item_v1", Mt = "switch_v1", zo = "tab_v1", Gn = "table_v1", Dt = "tabs_v1", Ft = "text_v1", Gt = "textarea_v1", jt = "text_field_v1", Ht = "timeline_v1", Ao = "timeline_item_v1", Ot = "window_v1", Lo = "window_item_v1", f = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -2926,7 +2926,7 @@ const ya = /* @__PURE__ */ Se(ma, [["render", da]]), Ye = "ambient_light_v1", qe
       ]
     }
   ]
-}, Ge = {
+}, je = {
   key: "legend",
   name: "x-runtime-lib.legend",
   children: [
@@ -3064,7 +3064,7 @@ const ya = /* @__PURE__ */ Se(ma, [["render", da]]), Ye = "ambient_light_v1", qe
       default: ""
     }
   ]
-}, Oe = {
+}, He = {
   key: "title",
   name: "x-runtime-lib.title",
   children: [
@@ -3173,7 +3173,7 @@ const ya = /* @__PURE__ */ Se(ma, [["render", da]]), Ye = "ambient_light_v1", qe
       ]
     }
   ]
-}, He = {
+}, Oe = {
   key: "xAxis",
   name: "x-runtime-lib.xAxis",
   children: [
@@ -3348,19 +3348,19 @@ w(ga);
 const xa = /* @__PURE__ */ V({
   __name: "index",
   setup(t) {
-    const e = O();
+    const e = H();
     return (i, o) => n(e) !== "editor" ? (h(), _(n(fr), { key: 0 })) : ne("", !0);
   }
 }), va = /* @__PURE__ */ V({
   __name: "index",
   setup(t) {
-    const e = O();
+    const e = H();
     return (i, o) => n(e) !== "editor" ? (h(), _(n(br), { key: 0 })) : ne("", !0);
   }
 }), ka = /* @__PURE__ */ V({
   __name: "index",
   setup(t) {
-    const e = O();
+    const e = H();
     return (i, o) => n(e) !== "editor" ? (h(), _(n(hr), { key: 0 })) : ne("", !0);
   }
 }), _a = {
@@ -3417,7 +3417,7 @@ function Ia(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = Ee.key, r.transform = {
+  return z(r, s), r.basic.id = T(16), r.basic.key = Ee.key, r.transform = {
     position: {
       x: 0,
       y: 0,
@@ -3454,7 +3454,7 @@ function $a(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = ln.key, r.settings = {
+  return z(r, s), r.basic.id = T(16), r.basic.key = ln.key, r.settings = {
     width: 1,
     height: 1,
     depth: 1,
@@ -3479,7 +3479,7 @@ function Sa(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = Le.key, r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = Le.key, r;
 }
 const ii = {
   key: "settings",
@@ -3552,7 +3552,7 @@ function Ca(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = Ee.key, r.transform = {
+  return z(r, s), r.basic.id = T(16), r.basic.key = Ee.key, r.transform = {
     position: {
       x: 0,
       y: 0,
@@ -3569,11 +3569,11 @@ function Ca(t, e) {
       z: 1
     }
   }, r.children = [
-    Pa(t, e),
-    Ta(t, e)
+    Ta(t, e),
+    Pa(t, e)
   ], r;
 }
-function Pa(t, e) {
+function Ta(t, e) {
   const i = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(
@@ -3589,7 +3589,7 @@ function Pa(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = an.key, r.settings = {
+  return z(r, s), r.basic.id = T(16), r.basic.key = an.key, r.settings = {
     radius: 1,
     widthSegements: 32,
     heightSegements: 16,
@@ -3599,7 +3599,7 @@ function Pa(t, e) {
     thetaLength: 3.141592653589793
   }, r;
 }
-function Ta(t, e) {
+function Pa(t, e) {
   const i = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(
@@ -3615,7 +3615,7 @@ function Ta(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = Le.key, r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = Le.key, r;
 }
 const oi = {
   key: "settings",
@@ -3704,7 +3704,7 @@ const ri = {
 }, za = {
   key: Ye,
   name: "x-runtime-lib.ambientLight",
-  comp: Gr,
+  comp: jr,
   properties: {
     pageScene: [f, Y, ri],
     compScene: [f, Y, ri]
@@ -3734,7 +3734,7 @@ const si = {
 }, Aa = {
   key: mt,
   name: "x-runtime-lib.directionalLight",
-  comp: Hr,
+  comp: Or,
   properties: {
     pageScene: [f, Y, si],
     compScene: [f, Y, si]
@@ -3776,7 +3776,7 @@ const li = {
     }
   ]
 }, La = {
-  key: Pt,
+  key: Tt,
   name: "x-runtime-lib.pointLight",
   comp: Ur,
   properties: {
@@ -3901,7 +3901,7 @@ function Wa(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = cn.key, r.size.height = "300px", r.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], r.series = [
+  return z(r, s), r.basic.id = T(16), r.basic.key = cn.key, r.size.height = "300px", r.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], r.series = [
     {
       type: "bar",
       data: [120, 200, 150, 80, 70, 110, 130]
@@ -3934,8 +3934,8 @@ const ci = {
   name: "x-runtime-lib.barChart",
   comp: cl,
   properties: {
-    pageCommon: [f, U, Oe, He, Ke, Ge, ci],
-    compCommon: [f, U, Oe, He, Ke, Ge, ci]
+    pageCommon: [f, U, He, Oe, Ke, je, ci],
+    compCommon: [f, U, He, Oe, Ke, je, ci]
   },
   events: [],
   methods: [],
@@ -3956,7 +3956,7 @@ function Ra(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = un.key, r.size.height = "300px", r.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], r.series = [
+  return z(r, s), r.basic.id = T(16), r.basic.key = un.key, r.size.height = "300px", r.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], r.series = [
     {
       type: "line",
       data: [120, 200, 150, 80, 70, 110, 130]
@@ -3989,8 +3989,8 @@ const ui = {
   name: "x-runtime-lib.lineChart",
   comp: ul,
   properties: {
-    pageCommon: [f, U, Oe, He, Ke, Ge, ui],
-    compCommon: [f, U, Oe, He, Ke, Ge, ui]
+    pageCommon: [f, U, He, Oe, Ke, je, ui],
+    compCommon: [f, U, He, Oe, Ke, je, ui]
   },
   events: [],
   methods: [],
@@ -4169,7 +4169,7 @@ const fi = {
   methods: [],
   slots: []
 };
-function ja(t, e) {
+function Ga(t, e) {
   const i = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`btnV1/spawn property tag not found, ${i}`);
@@ -4181,9 +4181,9 @@ function ja(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = pn.key, r.settings.text = "button", r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = pn.key, r.settings.text = "button", r;
 }
-const Ga = W(K), bi = {
+const ja = W(K), bi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4262,7 +4262,7 @@ const Ga = W(K), bi = {
       ui: "switch",
       default: !1
     },
-    Ga,
+    ja,
     {
       key: "ripple",
       name: "x-runtime-lib.ripple",
@@ -4288,10 +4288,10 @@ const Ga = W(K), bi = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: ja
+  spawn: Ga
 };
 w(pn);
-const Oa = {
+const Ha = {
   key: et,
   name: "x-runtime-lib.buttonGroup",
   comp: gl,
@@ -4303,7 +4303,7 @@ const Oa = {
   methods: [],
   slots: []
 };
-w(Oa);
+w(Ha);
 const hi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4365,7 +4365,7 @@ const hi = {
       default: !1
     }
   ]
-}, Ha = {
+}, Oa = {
   key: tt,
   name: "x-runtime-lib.buttonToggle",
   comp: xl,
@@ -4377,7 +4377,7 @@ const hi = {
   methods: [],
   slots: []
 };
-w(Ha);
+w(Oa);
 function Ka(t, e) {
   const i = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
@@ -4390,7 +4390,7 @@ function Ka(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = Be.key, r.children = [], r.settings.title = "title", r.settings.subtitle = "subtitle", r.settings.text = "text", r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = Be.key, r.children = [], r.settings.title = "title", r.settings.subtitle = "subtitle", r.settings.text = "text", r;
 }
 const gi = {
   key: "settings",
@@ -4593,7 +4593,7 @@ function Ya(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = dn.key, r.children = [
+  return z(r, s), r.basic.id = T(16), r.basic.key = dn.key, r.children = [
     _e(t, e, "chip1", "chip 1"),
     _e(t, e, "chip2", "chip 2"),
     _e(t, e, "chip3", "chip 3"),
@@ -4614,7 +4614,7 @@ function _e(t, e, i, o) {
     return;
   }
   const c = {};
-  return z(c, a), c.basic.id = P(16), c.basic.key = mn.key, c.settings.value = i, c.settings.text = o, c;
+  return z(c, a), c.basic.id = T(16), c.basic.key = mn.key, c.settings.value = i, c.settings.text = o, c;
 }
 const ki = {
   key: "settings",
@@ -4753,13 +4753,13 @@ const _i = {
   leaf: !0
 };
 w(Ja);
-const Gn = W(K);
-Gn.key = "backgroundColor";
-Gn.name = "x-runtime-lib.backgroundColor";
+const jn = W(K);
+jn.key = "backgroundColor";
+jn.name = "x-runtime-lib.backgroundColor";
 const wi = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Gn]
+  children: [jn]
 }, yn = {
   key: at,
   name: "x-runtime-lib.container",
@@ -4962,7 +4962,7 @@ w(Qa);
 const ec = {
   key: pt,
   name: "x-runtime-lib.dialog",
-  comp: Tl,
+  comp: Pl,
   properties: {
     pageCommon: [f],
     compCommon: [f]
@@ -5044,7 +5044,7 @@ function tc(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = We.key, r.children = [
+  return z(r, s), r.basic.id = T(16), r.basic.key = We.key, r.children = [
     bn(
       t,
       e,
@@ -5068,7 +5068,7 @@ function tc(t, e) {
     nc(t, e)
   ], r;
 }
-function bn(t, e, i, o, s, r, a, c, m) {
+function bn(t, e, i, o, s, r, a, c, p) {
   const d = `type=${t} subtype=${e}`, u = L(t, e);
   if (!u) {
     console.error(
@@ -5076,15 +5076,15 @@ function bn(t, e, i, o, s, r, a, c, m) {
     );
     return;
   }
-  const p = yn.properties[u];
-  if (!p) {
+  const m = yn.properties[u];
+  if (!m) {
     console.error(
       `flexLayoutV1/spawnContainer properties not found, ${d}`
     );
     return;
   }
   const y = {};
-  return z(y, p), y.basic.id = P(16), y.basic.key = yn.key, o && (y.size.width = o), s && (y.size.minWidth = s), a && (y.size.height = a), c && (y.size.minHeight = c), i && (y.settings.backgroundColor.mode = "custom", y.settings.backgroundColor.custom.light = i, y.settings.backgroundColor.custom.dark = i), y.children = [], y;
+  return z(y, m), y.basic.id = T(16), y.basic.key = yn.key, o && (y.size.width = o), s && (y.size.minWidth = s), a && (y.size.height = a), c && (y.size.minHeight = c), i && (y.settings.backgroundColor.mode = "custom", y.settings.backgroundColor.custom.light = i, y.settings.backgroundColor.custom.dark = i), y.children = [], y;
 }
 function nc(t, e) {
   const i = `type=${t} subtype=${e}`, o = L(t, e);
@@ -5105,7 +5105,7 @@ function nc(t, e) {
       key: ""
     }
   };
-  return z(r, s), r.basic.id = P(16), r.basic.key = fn.key, r.children = [
+  return z(r, s), r.basic.id = T(16), r.basic.key = fn.key, r.children = [
     bn(
       t,
       e,
@@ -5118,10 +5118,10 @@ function nc(t, e) {
     )
   ], r;
 }
-const On = W(K);
-On.key = "backgroundColor";
-On.name = "x-runtime-lib.backgroundColor";
-const Pi = {
+const Hn = W(K);
+Hn.key = "backgroundColor";
+Hn.name = "x-runtime-lib.backgroundColor";
+const Ti = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5289,15 +5289,15 @@ const Pi = {
         }
       ]
     },
-    On
+    Hn
   ]
 }, We = {
   key: yt,
   name: "x-runtime-lib.flexLayout",
   comp: Al,
   properties: {
-    pageCommon: [f, U, Ve, Ie, $e, Pi],
-    compCommon: [f, U, Ve, Ie, $e, Pi]
+    pageCommon: [f, U, Ve, Ie, $e, Ti],
+    compCommon: [f, U, Ve, Ie, $e, Ti]
   },
   events: [
     {
@@ -5311,7 +5311,7 @@ const Pi = {
   spawn: tc
 };
 w(We);
-const Ti = {
+const Pi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5462,12 +5462,12 @@ const Ti = {
     }
   ]
 }, hn = {
-  key: Gt,
+  key: jt,
   name: "x-runtime-lib.textField",
   comp: sa,
   properties: {
-    pageCommon: [f, Ti, zi],
-    compCommon: [f, Ti, zi]
+    pageCommon: [f, Pi, zi],
+    compCommon: [f, Pi, zi]
   },
   events: [],
   methods: [],
@@ -5512,7 +5512,7 @@ function ic(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = gn.key, r.children = [oc(t, e)], r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = gn.key, r.children = [oc(t, e)], r;
 }
 function oc(t, e) {
   const i = `type=${t} subtype=${e}`, o = L(t, e);
@@ -5526,7 +5526,7 @@ function oc(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = hn.key, r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = hn.key, r;
 }
 const Ai = {
   key: "settings",
@@ -5644,7 +5644,7 @@ function ac(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = xn.key, r.settings.label = "label", r.settings.placeholder = "placeholder", r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = xn.key, r.settings.label = "label", r.settings.placeholder = "placeholder", r;
 }
 const Ei = {
   key: "size",
@@ -5994,7 +5994,7 @@ function pc(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = kn.key, r.children = [
+  return z(r, s), r.basic.id = T(16), r.basic.key = kn.key, r.children = [
     Qt(t, e, "option1", "Option 1"),
     Qt(t, e, "option2", "Option 2"),
     Qt(t, e, "option3", "Option 3")
@@ -6014,7 +6014,7 @@ function Qt(t, e, i, o) {
     return;
   }
   const c = {};
-  return z(c, a), c.basic.id = P(16), c.basic.key = vn.key, c.settings.value = i, c.settings.label = o, c;
+  return z(c, a), c.basic.id = T(16), c.basic.key = vn.key, c.settings.value = i, c.settings.label = o, c;
 }
 const Ni = {
   key: "settings",
@@ -6060,7 +6060,7 @@ const Ni = {
     }
   ]
 }, kn = {
-  key: Tt,
+  key: Pt,
   name: "x-runtime-lib.radioGroup",
   comp: Fl,
   properties: {
@@ -6193,7 +6193,7 @@ const Mi = {
 }, mc = {
   key: zt,
   name: "x-runtime-lib.rangeSlider",
-  comp: jl,
+  comp: Gl,
   properties: {
     pageCommon: [f, Mi],
     compCommon: [f, Mi]
@@ -6262,7 +6262,7 @@ const Di = {
 }, dc = {
   key: At,
   name: "x-runtime-lib.rating",
-  comp: Gl,
+  comp: jl,
   properties: {
     pageCommon: [f, Di],
     compCommon: [f, Di]
@@ -6317,7 +6317,7 @@ const Fi = {
 }, yc = {
   key: Et,
   name: "x-runtime-lib.select",
-  comp: Ol,
+  comp: Hl,
   properties: {
     pageCommon: [f, Fi],
     compCommon: [f, Fi]
@@ -6328,16 +6328,16 @@ const Fi = {
   leaf: !0
 };
 w(yc);
-const Hn = W(K);
-Hn.key = "color";
-Hn.name = "x-runtime-lib.color";
+const On = W(K);
+On.key = "color";
+On.name = "x-runtime-lib.color";
 const Kn = W(K);
 Kn.key = "trackColor";
 Kn.name = "x-runtime-lib.trackColor";
 const Un = W(K);
 Un.key = "thumbColor";
 Un.name = "x-runtime-lib.thumbColor";
-const ji = {
+const Gi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6442,11 +6442,11 @@ const ji = {
       ui: "switch",
       default: !1
     },
-    Hn,
+    On,
     Kn,
     Un
   ]
-}, Gi = {
+}, ji = {
   key: "slots",
   name: "x-runtime-lib.slots",
   children: [
@@ -6466,10 +6466,10 @@ const ji = {
 }, fc = {
   key: Bt,
   name: "x-runtime-lib.slider",
-  comp: Hl,
+  comp: Ol,
   properties: {
-    pageCommon: [f, ji, Gi],
-    compCommon: [f, ji, Gi]
+    pageCommon: [f, Gi, ji],
+    compCommon: [f, Gi, ji]
   },
   events: [],
   methods: [],
@@ -6490,7 +6490,7 @@ const _n = {
   slots: []
 };
 w(_n);
-const Oi = {
+const Hi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6506,8 +6506,8 @@ const Oi = {
   name: "x-runtime-lib.stepperItem",
   comp: ql,
   properties: {
-    pageCommon: [f, Oi],
-    compCommon: [f, Oi]
+    pageCommon: [f, Hi],
+    compCommon: [f, Hi]
   },
   events: [],
   methods: [],
@@ -6515,7 +6515,7 @@ const Oi = {
 };
 w(wn);
 const Vn = {
-  key: Po,
+  key: To,
   name: "x-runtime-lib.stepperWindow",
   comp: Ql,
   properties: {
@@ -6527,7 +6527,7 @@ const Vn = {
   slots: []
 };
 w(Vn);
-const Hi = {
+const Oi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6539,12 +6539,12 @@ const Hi = {
     }
   ]
 }, In = {
-  key: To,
+  key: Po,
   name: "x-runtime-lib.stepperWindowItem",
   comp: ea,
   properties: {
-    pageCommon: [f, Hi],
-    compCommon: [f, Hi]
+    pageCommon: [f, Oi],
+    compCommon: [f, Oi]
   },
   events: [],
   methods: [],
@@ -6563,7 +6563,7 @@ function bc(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = $n.key, r.children = [hc(t, e), gc(t, e)], r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = $n.key, r.children = [hc(t, e), gc(t, e)], r;
 }
 function hc(t, e) {
   const i = `type=${t} subtype=${e}`, o = L(t, e);
@@ -6577,7 +6577,7 @@ function hc(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = _n.key, r.children = [
+  return z(r, s), r.basic.id = T(16), r.basic.key = _n.key, r.children = [
     en(t, e, "step1"),
     en(t, e, "step2"),
     en(t, e, "step3")
@@ -6595,7 +6595,7 @@ function en(t, e, i) {
     return;
   }
   const a = {};
-  return z(a, r), a.basic.id = P(16), a.basic.key = wn.key, a.children = [], a.settings.value = i, a;
+  return z(a, r), a.basic.id = T(16), a.basic.key = wn.key, a.children = [], a.settings.value = i, a;
 }
 function gc(t, e) {
   const i = `type=${t} subtype=${e}`, o = L(t, e);
@@ -6609,7 +6609,7 @@ function gc(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = Vn.key, r.children = [
+  return z(r, s), r.basic.id = T(16), r.basic.key = Vn.key, r.children = [
     tn(t, e, "step1", "step 1"),
     tn(t, e, "step2", "step 2"),
     tn(t, e, "step3", "step 3")
@@ -6631,7 +6631,7 @@ function tn(t, e, i, o) {
     return;
   }
   const c = {};
-  return z(c, a), c.basic.id = P(16), c.basic.key = In.key, c.children = [xc(t, e, o)], c.settings.value = i, c;
+  return z(c, a), c.basic.id = T(16), c.basic.key = In.key, c.children = [xc(t, e, o)], c.settings.value = i, c;
 }
 function xc(t, e, i) {
   const o = `type=${t} subtype=${e}`, s = L(t, e);
@@ -6645,7 +6645,7 @@ function xc(t, e, i) {
     return;
   }
   const a = {};
-  return z(a, r), a.basic.id = P(16), a.basic.key = Be.key, a.children = [], a.settings.title = i, a;
+  return z(a, r), a.basic.id = T(16), a.basic.key = Be.key, a.children = [], a.settings.title = i, a;
 }
 const Ki = {
   key: "settings",
@@ -6735,7 +6735,7 @@ function kc(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = Cn.key, r.children = [
+  return z(r, s), r.basic.id = T(16), r.basic.key = Cn.key, r.children = [
     nn(t, e, "tab1", "tab 1"),
     nn(t, e, "tab2", "tab 2"),
     nn(t, e, "tab3", "tab 3")
@@ -6753,7 +6753,7 @@ function nn(t, e, i, o) {
     return;
   }
   const c = {};
-  return z(c, a), c.basic.id = P(16), c.basic.key = Sn.key, c.settings.value = i, c.settings.text = o, c;
+  return z(c, a), c.basic.id = T(16), c.basic.key = Sn.key, c.settings.value = i, c.settings.text = o, c;
 }
 const Xn = W(K);
 Xn.key = "backgroundColor";
@@ -6869,7 +6869,7 @@ function _c(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = xe.key, r.settings.text = "text", r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = xe.key, r.settings.text = "text", r;
 }
 const Yi = {
   key: "settings",
@@ -6978,13 +6978,13 @@ function wc(t, e) {
     console.error(`textareaV1/spawn property tag not found, ${i}`);
     return;
   }
-  const s = Pn.properties[o];
+  const s = Tn.properties[o];
   if (!s) {
     console.error(`textareaV1/spawn properties not found, ${i}`);
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = Pn.key, r.settings.label = "label", r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = Tn.key, r.settings.label = "label", r;
 }
 const qi = {
   key: "settings",
@@ -7057,8 +7057,8 @@ const qi = {
       default: 0
     }
   ]
-}, Pn = {
-  key: jt,
+}, Tn = {
+  key: Gt,
   name: "x-runtime-lib.textarea",
   comp: ra,
   properties: {
@@ -7071,8 +7071,8 @@ const qi = {
   leaf: !0,
   spawn: wc
 };
-w(Pn);
-const Tn = {
+w(Tn);
+const Pn = {
   key: Ao,
   name: "x-runtime-lib.timelineItem",
   comp: ua,
@@ -7084,7 +7084,7 @@ const Tn = {
   methods: [],
   slots: []
 };
-w(Tn);
+w(Pn);
 function Vc(t, e) {
   const i = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
@@ -7097,7 +7097,7 @@ function Vc(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = zn.key, r.children = [
+  return z(r, s), r.basic.id = T(16), r.basic.key = zn.key, r.children = [
     on(t, e, "timeline 1"),
     on(t, e, "timeline 2"),
     on(t, e, "timeline 3")
@@ -7109,13 +7109,13 @@ function on(t, e, i) {
     console.error(`timelineV1/spawnEntry property tag not found, ${o}`);
     return;
   }
-  const r = Tn.properties[s];
+  const r = Pn.properties[s];
   if (!r) {
     console.error(`timelineV1/spawnEntry properties not found, ${o}`);
     return;
   }
   const a = {};
-  return z(a, r), a.basic.id = P(16), a.basic.key = Tn.key, a.children = [Ic(t, e, i)], a;
+  return z(a, r), a.basic.id = T(16), a.basic.key = Pn.key, a.children = [Ic(t, e, i)], a;
 }
 function Ic(t, e, i) {
   const o = `type=${t} subtype=${e}`, s = L(t, e);
@@ -7129,7 +7129,7 @@ function Ic(t, e, i) {
     return;
   }
   const a = {};
-  return z(a, r), a.basic.id = P(16), a.basic.key = xe.key, a.settings.text = i, a;
+  return z(a, r), a.basic.id = T(16), a.basic.key = xe.key, a.settings.text = i, a;
 }
 const $c = W(K), Sc = W(K), Ji = {
   key: "settings",
@@ -7210,7 +7210,7 @@ const $c = W(K), Sc = W(K), Ji = {
     }
   ]
 }, zn = {
-  key: Ot,
+  key: Ht,
   name: "x-runtime-lib.timeline",
   comp: la,
   properties: {
@@ -7248,7 +7248,7 @@ function Cc(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = Ln.key, r.children = [
+  return z(r, s), r.basic.id = T(16), r.basic.key = Ln.key, r.children = [
     rn(t, e, "window 1"),
     rn(t, e, "window 2"),
     rn(t, e, "window 3")
@@ -7266,9 +7266,9 @@ function rn(t, e, i) {
     return;
   }
   const a = {};
-  return z(a, r), a.basic.id = P(16), a.basic.key = An.key, a.children = [Pc(t, e, i)], a;
+  return z(a, r), a.basic.id = T(16), a.basic.key = An.key, a.children = [Tc(t, e, i)], a;
 }
-function Pc(t, e, i) {
+function Tc(t, e, i) {
   const o = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(
@@ -7282,9 +7282,9 @@ function Pc(t, e, i) {
     return;
   }
   const a = {};
-  return z(a, r), a.basic.id = P(16), a.basic.key = We.key, a.size.height = "200px", a.settings.mainAlign.xs = "center", a.settings.crossAlign.xs = "center", a.settings.backgroundColor.mode = "theme", a.settings.backgroundColor.theme = "background2", a.children = [Tc(t, e, i)], a;
+  return z(a, r), a.basic.id = T(16), a.basic.key = We.key, a.size.height = "200px", a.settings.mainAlign.xs = "center", a.settings.crossAlign.xs = "center", a.settings.backgroundColor.mode = "theme", a.settings.backgroundColor.theme = "background2", a.children = [Pc(t, e, i)], a;
 }
-function Tc(t, e, i) {
+function Pc(t, e, i) {
   const o = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(`windowV1/spawnText property tag not found, ${o}`);
@@ -7296,7 +7296,7 @@ function Tc(t, e, i) {
     return;
   }
   const a = {};
-  return z(a, r), a.basic.id = P(16), a.basic.key = xe.key, a.settings.text = i, a.settings.style.xs = "h6", a;
+  return z(a, r), a.basic.id = T(16), a.basic.key = xe.key, a.settings.text = i, a.settings.style.xs = "h6", a;
 }
 const Zi = {
   key: "settings",
@@ -7347,7 +7347,7 @@ const Zi = {
     }
   ]
 }, Ln = {
-  key: Ht,
+  key: Ot,
   name: "x-runtime-lib.window",
   comp: pa,
   properties: {
@@ -7420,7 +7420,7 @@ const zc = [
   { title: "x-runtime-lib.no", value: "no" },
   { title: "x-runtime-lib.yes", value: "yes" },
   { title: "x-runtime-lib.reverse", value: "reverse" }
-], jc = [
+], Gc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.black", value: "black" },
   { title: "x-runtime-lib.bold", value: "bold" },
@@ -7428,18 +7428,18 @@ const zc = [
   { title: "x-runtime-lib.regular", value: "regular" },
   { title: "x-runtime-lib.light", value: "light" },
   { title: "x-runtime-lib.thin", value: "thin" }
-], Gc = [
+], jc = [
   { 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" }
-], Oc = [
+], Hc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.show", value: "show" },
   { title: "x-runtime-lib.always", value: "always" }
-], Hc = [
+], Oc = [
   { title: "x-runtime-lib.xSmall", value: "x-small" },
   { title: "x-runtime-lib.small", value: "small" },
   { title: "x-runtime-lib.default", value: "default" },
@@ -7522,10 +7522,10 @@ const zc = [
   flexDirectionItemsV1: Mc,
   flexMainAlignItemsV1: Dc,
   flexWrapItemsV1: Fc,
-  fontWeightItemsV1: jc,
-  sheetVariantItemsV1: Gc,
-  showTicksItemsV1: Oc,
-  sizeItemsV1: Hc,
+  fontWeightItemsV1: Gc,
+  sheetVariantItemsV1: jc,
+  showTicksItemsV1: Hc,
+  sizeItemsV1: Oc,
   textAlignItemsV1: Kc,
   textDecorationItemsV1: Uc,
   textEmphasisItemsV1: Xc,
@@ -7763,13 +7763,13 @@ const zc = [
     items: [
       ft,
       Ft,
-      Gt,
       jt,
+      Gt,
       Vt,
       Et,
       lt,
       Mt,
-      Tt,
+      Pt,
       it,
       Bt,
       zt,
@@ -7779,7 +7779,7 @@ const zc = [
   {
     key: "dataDisplay",
     name: "x-runtime-lib.dataDisplay",
-    items: [jn, ct, Je, xt]
+    items: [Gn, ct, Je, xt]
   },
   {
     key: "selection",
@@ -7789,13 +7789,13 @@ const zc = [
       et,
       rt,
       Nt,
-      Ht
+      Ot
     ]
   },
   {
     key: "feedback",
     name: "x-runtime-lib.feedback",
-    items: [qe, At, Ot]
+    items: [qe, At, Ht]
   },
   {
     key: "imagesAndIcons",
@@ -7829,7 +7829,7 @@ const zc = [
     items: [
       Ye,
       mt,
-      Pt,
+      Tt,
       Rt
     ]
   },
@@ -7868,13 +7868,13 @@ const zc = [
     items: [
       ft,
       Ft,
-      Gt,
       jt,
+      Gt,
       Vt,
       Et,
       lt,
       Mt,
-      Tt,
+      Pt,
       it,
       Bt,
       zt,
@@ -7884,7 +7884,7 @@ const zc = [
   {
     key: "dataDisplay",
     name: "x-runtime-lib.dataDisplay",
-    items: [jn, ct, Je, xt]
+    items: [Gn, ct, Je, xt]
   },
   {
     key: "selection",
@@ -7894,13 +7894,13 @@ const zc = [
       et,
       rt,
       Nt,
-      Ht
+      Ot
     ]
   },
   {
     key: "feedback",
     name: "x-runtime-lib.feedback",
-    items: [qe, At, Ot]
+    items: [qe, At, Ht]
   },
   {
     key: "imagesAndIcons",
@@ -7934,7 +7934,7 @@ const zc = [
     items: [
       Ye,
       mt,
-      Pt,
+      Tt,
       Rt
     ]
   },
@@ -7992,9 +7992,9 @@ const zc = [
     $t,
     St,
     Ct,
-    Pt,
-    $o,
     Tt,
+    $o,
+    Pt,
     zt,
     At,
     Ae,
@@ -8006,18 +8006,18 @@ const zc = [
     Nt,
     So,
     Co,
-    Po,
     To,
+    Po,
     Mt,
     zo,
-    jn,
+    Gn,
     Dt,
     Ft,
-    jt,
     Gt,
-    Ot,
-    Ao,
+    jt,
     Ht,
+    Ao,
+    Ot,
     Lo
   ]),
   groups: {
@@ -8074,18 +8074,18 @@ function Qu(t, e, i, o, s) {
     return;
   }
   if (o) {
-    const m = c.refKey, d = s;
-    if (!c.elements.has(m)) {
+    const p = c.refKey, d = s;
+    if (!c.elements.has(p)) {
       console.error(`spawnNode [ref] element not found in pkg, ${r}`);
       return;
     }
-    const u = ze[m];
+    const u = ze[p];
     if (!u) {
       console.error(`spawnNode [ref] element not found in global, ${r}`);
       return;
     }
-    const p = u.properties[a];
-    if (!p) {
+    const m = u.properties[a];
+    if (!m) {
       console.error(`spawnNode [ref] properties not found, ${r}`);
       return;
     }
@@ -8095,16 +8095,16 @@ function Qu(t, e, i, o, s) {
         key: ""
       }
     };
-    return z(y, p), y.basic.id = P(16), y.basic.key = m, y.reference = {
+    return z(y, m), y.basic.id = T(16), y.basic.key = p, y.reference = {
       comp: d
     }, y;
   } else {
-    const m = s;
-    if (!c.elements.has(m)) {
+    const p = s;
+    if (!c.elements.has(p)) {
       console.error(`spawnNode [key] element not found in pkg, ${r}`);
       return;
     }
-    const d = ze[m];
+    const d = ze[p];
     if (!d) {
       console.error(`spawnNode [key] element not found in global, ${r}`);
       return;
@@ -8117,13 +8117,13 @@ function Qu(t, e, i, o, s) {
         console.error(`spawnNode [key] properties not found, ${r}`);
         return;
       }
-      const p = {
+      const m = {
         basic: {
           id: "",
           key: ""
         }
       };
-      return z(p, u), p.basic.id = P(16), p.basic.key = m, d.leaf || (p.children = []), p;
+      return z(m, u), m.basic.id = T(16), m.basic.key = p, d.leaf || (m.children = []), m;
     }
   }
 }
@@ -8146,7 +8146,7 @@ function ep(t, e) {
 }
 function hu(t) {
   function e(o) {
-    o.basic.id = P(16), o.children?.forEach((s) => e(s));
+    o.basic.id = T(16), o.children?.forEach((s) => e(s));
   }
   const i = W(t);
   return e(i), i;
@@ -8157,7 +8157,7 @@ function tp(t) {
     e.push(hu(i));
   }), e;
 }
-const Eo = "runtimeOrg", Bo = "runtimeEnv", Wo = "runtimeMode", Ro = "runtimeDevice", No = "runtimeDark", Mo = "runtimeType", Do = "runtimeData", Fo = "runtimeDepends", jo = "runtimeSandbox";
+const Eo = "runtimeOrg", Bo = "runtimeEnv", Wo = "runtimeMode", Ro = "runtimeDevice", No = "runtimeDark", Mo = "runtimeType", Do = "runtimeData", Fo = "runtimeDepends", Go = "runtimeSandbox";
 function np(t) {
   ce(Eo, t);
 }
@@ -8173,7 +8173,7 @@ function xu() {
 function op(t) {
   ce(Wo, t);
 }
-function O() {
+function H() {
   return ae(Wo);
 }
 function rp(t) {
@@ -8207,12 +8207,12 @@ function vu() {
   return ae(Fo);
 }
 function ku(t) {
-  ce(jo, t);
+  ce(Go, t);
 }
 function be() {
-  return ae(jo);
+  return ae(Go);
 }
-function Te(t) {
+function Pe(t) {
   const e = [t.type];
   return t.type === "elementProperty" ? e.push(t.nodeId, t.propertyKeys) : t.type === "customProperty" || t.type === "adaptSlotProperty" ? e.push(t.propertyId) : t.type === "state" ? e.push(t.stateId) : console.assert(!1), e.join("/");
 }
@@ -8220,29 +8220,29 @@ function De(t, e, i, o, s) {
   const { watchEffect: r, bind: a } = e;
   if (r[i])
     for (const c of r[i]) {
-      const m = xr(c);
-      t.callFunction(`__watchEffect$${m}__`);
+      const p = xr(c);
+      t.callFunction(`__watchEffect$${p}__`);
     }
   if (a.triggers[i])
     for (const c of a.triggers[i]) {
-      const m = a.sets[c];
-      if (!m) {
+      const p = a.sets[c];
+      if (!p) {
         console.assert(!1);
         continue;
       }
       let d = null;
-      for (const p of m)
-        if (i === Te(p)) {
-          if (p.subKeys) {
+      for (const m of p)
+        if (i === Pe(m)) {
+          if (m.subKeys) {
             if (!le(
-              we(o, p.subKeys),
-              we(s, p.subKeys)
+              we(o, m.subKeys),
+              we(s, m.subKeys)
             )) {
-              d = p;
+              d = m;
               break;
             }
           } else if (!le(o, s)) {
-            d = p;
+            d = m;
             break;
           }
         }
@@ -8250,57 +8250,57 @@ function De(t, e, i, o, s) {
         continue;
       let u;
       d.subKeys ? u = we(o, d.subKeys) : u = o;
-      for (const p of m)
-        if (p.subKeys) {
+      for (const m of p)
+        if (m.subKeys) {
           let y;
-          if (p.type === "elementProperty")
+          if (m.type === "elementProperty")
             y = t.getElementProperty(
-              p.nodeId,
-              p.propertyKeys
+              m.nodeId,
+              m.propertyKeys
             );
-          else if (p.type === "customProperty")
-            y = t.getCustomProperty(p.propertyId);
-          else if (p.type === "state")
-            y = t.getState(p.stateId);
-          else if (p.type === "adaptSlotProperty")
-            y = t.getAdaptSlotProperty(p.propertyId);
+          else if (m.type === "customProperty")
+            y = t.getCustomProperty(m.propertyId);
+          else if (m.type === "state")
+            y = t.getState(m.stateId);
+          else if (m.type === "adaptSlotProperty")
+            y = t.getAdaptSlotProperty(m.propertyId);
           else {
             console.assert(!1);
             continue;
           }
-          const b = we(y, p.subKeys);
+          const b = we(y, m.subKeys);
           if (le(u, b))
             continue;
           const g = W(y);
-          go(g, p.subKeys, W(u)), p.type === "elementProperty" ? t.setElementProperty(
-            p.nodeId,
-            p.propertyKeys,
+          go(g, m.subKeys, W(u)), m.type === "elementProperty" ? t.setElementProperty(
+            m.nodeId,
+            m.propertyKeys,
             g
-          ) : p.type === "customProperty" ? t.setCustomProperty(p.propertyId, g) : p.type === "state" ? t.setState(p.stateId, g) : p.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(p.propertyId, g) : console.assert(!1);
+          ) : m.type === "customProperty" ? t.setCustomProperty(m.propertyId, g) : m.type === "state" ? t.setState(m.stateId, g) : m.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(m.propertyId, g) : console.assert(!1);
         } else {
           let y;
-          if (p.type === "elementProperty")
+          if (m.type === "elementProperty")
             y = t.getElementProperty(
-              p.nodeId,
-              p.propertyKeys
+              m.nodeId,
+              m.propertyKeys
             );
-          else if (p.type === "customProperty")
-            y = t.getCustomProperty(p.propertyId);
-          else if (p.type === "state")
-            y = t.getState(p.stateId);
-          else if (p.type === "adaptSlotProperty")
-            y = t.getAdaptSlotProperty(p.propertyId);
+          else if (m.type === "customProperty")
+            y = t.getCustomProperty(m.propertyId);
+          else if (m.type === "state")
+            y = t.getState(m.stateId);
+          else if (m.type === "adaptSlotProperty")
+            y = t.getAdaptSlotProperty(m.propertyId);
           else {
             console.assert(!1);
             continue;
           }
           if (le(u, y))
             continue;
-          p.type === "elementProperty" ? t.setElementProperty(
-            p.nodeId,
-            p.propertyKeys,
+          m.type === "elementProperty" ? t.setElementProperty(
+            m.nodeId,
+            m.propertyKeys,
             W(u)
-          ) : p.type === "customProperty" ? t.setCustomProperty(p.propertyId, W(u)) : p.type === "state" ? t.setState(p.stateId, W(u)) : p.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(p.propertyId, W(u)) : console.assert(!1);
+          ) : m.type === "customProperty" ? t.setCustomProperty(m.propertyId, W(u)) : m.type === "state" ? t.setState(m.stateId, W(u)) : m.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(m.propertyId, W(u)) : console.assert(!1);
         }
     }
 }
@@ -8322,7 +8322,7 @@ function eo(t) {
 function _u(t, e, i) {
   return `${t}/${e}/${i}`;
 }
-function Go(t) {
+function jo(t) {
   const e = t.split("/");
   return e.length < 3 ? (console.assert(!1, "invalid method id"), {
     kind: "elementMethod",
@@ -8408,32 +8408,32 @@ function Vu(t) {
     }, o);
   });
 }
-const Oo = er({
+const Ho = er({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
     const { i18n: e } = ge;
     uo(wr(e, t));
   }
 });
-window.API_URL && (Oo.defaults.baseURL = window.API_URL + "/computebase/");
+window.API_URL && (Ho.defaults.baseURL = window.API_URL + "/computebase/");
 function Iu(t) {
-  return Oo.post("callFunc", t);
+  return Ho.post("callFunc", t);
 }
 function $u(t) {
   t.bindAsyncFunction(
     "__callFuncV1__",
     async (e, i, o, s, r, a) => {
-      const c = t.pseudoToNative(e), m = t.pseudoToNative(i), d = t.pseudoToNative(o), u = t.pseudoToNative(s), p = t.pseudoToNative(r);
+      const c = t.pseudoToNative(e), p = t.pseudoToNative(i), d = t.pseudoToNative(o), u = t.pseudoToNative(s), m = t.pseudoToNative(r);
       try {
         const y = JSON.stringify(d), { strOutputs: b } = await Iu({
           spaceId: c,
-          id: m,
+          id: p,
           strInputs: y,
           env: u
         }), g = JSON.parse(b);
         a(t.nativeToPseudo(g)), t.run();
       } catch (y) {
-        console.error("callFuncV1 failed", p, y);
+        console.error("callFuncV1 failed", m, y);
       }
     }
   );
@@ -8456,46 +8456,44 @@ function Su(t) {
     ));
   }), t.bindNativeFunction("__getPropertyV1__", (e, i) => {
     const o = t.pseudoToNative(e), s = t.pseudoToNative(i), { kind: r, nodeId: a, propertyKey: c } = eo(o);
-    let m;
+    let p;
     if (r === "elementProperty")
-      m = t.getElementProperty(a, c);
+      p = t.getElementProperty(a, c);
     else if (r === "referenceProperty") {
       const d = t.children[a];
-      d && (m = d.getCustomProperty(c));
+      d && (p = d.getCustomProperty(c));
     } else if (r === "multipleRefProperty") {
       const d = t.children[a + "/" + s];
-      d && (m = d.getCustomProperty(c));
-    } else r === "customProperty" ? m = t.getCustomProperty(c) : r === "elementSlotProperty" || r === "customSlotProperty" ? m = t.getAdaptSlotProperty(c) : console.assert(!1);
-    return t.nativeToPseudo(m);
+      d && (p = d.getCustomProperty(c));
+    } else r === "customProperty" ? p = t.getCustomProperty(c) : r === "elementSlotProperty" || r === "customSlotProperty" ? p = t.getAdaptSlotProperty(c) : console.assert(!1);
+    return t.nativeToPseudo(p);
   }), t.bindNativeFunction(
     "__setPropertyV1__",
     (e, i, o) => {
-      const s = t.pseudoToNative(e), r = t.pseudoToNative(i), a = t.pseudoToNative(o), { kind: c, nodeId: m, propertyKey: d } = eo(s);
+      const s = t.pseudoToNative(e), r = t.pseudoToNative(i), a = t.pseudoToNative(o), { kind: c, nodeId: p, propertyKey: d } = eo(s);
       if (c === "elementProperty")
-        t.setElementProperty(m, d, a);
+        t.setElementProperty(p, d, a);
       else if (c === "referenceProperty") {
-        const u = t.children[m];
+        const u = t.children[p];
         u && u.setCustomProperty(d, a);
       } else if (c === "multipleRefProperty") {
-        const u = t.children[m + "/" + r];
+        const u = t.children[p + "/" + r];
         u && u.setCustomProperty(d, a);
       } else c === "customProperty" ? t.setCustomProperty(d, a) : c === "elementSlotProperty" || c === "customSlotProperty" ? t.setAdaptSlotProperty(d, a) : console.assert(!1);
     }
   ), t.bindNativeFunction(
     "__callMethodV1__",
     (e, i, o) => {
-      const s = t.pseudoToNative(e), r = t.pseudoToNative(i), a = t.pseudoToNative(o), { kind: c, nodeId: m, methodKey: d } = Go(s);
-      let u;
+      const s = t.pseudoToNative(e), r = t.pseudoToNative(i), a = t.pseudoToNative(o), { kind: c, nodeId: p, methodKey: d } = jo(s);
       if (c === "elementMethod")
-        u = t.callElementMethod(s, a);
+        t.callElementMethod(s, a);
       else if (c === "referenceMethod") {
-        const p = t.children[m];
-        p && (u = p.callCustomMethod(d, a));
+        const u = t.children[p];
+        u && u.callCustomMethod(d, a);
       } else if (c === "multipleRefMethod") {
-        const p = t.children[m + "/" + r];
-        p && (u = p.callCustomMethod(d, a));
-      } else c === "customMethod" ? u = t.callCustomMethod(d, a) : c === "customSlotMethod" || console.assert(!1);
-      return t.nativeToPseudo(u);
+        const u = t.children[p + "/" + r];
+        u && u.callCustomMethod(d, a);
+      } else c === "customMethod" ? t.callCustomMethod(d, a) : c === "customSlotMethod" || console.assert(!1);
     }
   ), t.bindNativeFunction("__getStateV1__", (e) => {
     const i = t.pseudoToNative(e), o = t.getState(i);
@@ -8529,8 +8527,8 @@ function Su(t) {
     "__openPromptDlgV1__",
     (e, i, o, s) => {
       const r = t.pseudoToNative(e), a = t.pseudoToNative(i), c = t.pseudoToNative(o);
-      nr({ title: r, label: a, value: c }).then((m) => {
-        s(t.nativeToPseudo(m)), t.run();
+      nr({ title: r, label: a, value: c }).then((p) => {
+        s(t.nativeToPseudo(p)), t.run();
       });
     }
   );
@@ -8538,17 +8536,14 @@ function Su(t) {
 function Cu(t) {
   Vu(t), $u(t), Su(t);
 }
-const Pu = `
+const Tu = `
 var __env__ = 'dev'
 var __mode__ = 'editor'
 
 function __getEnvV1__() {
   return __env__
 }
-
-var __pointerPosX__ = 0
-var __pointerPosY__ = 0
-`, Tu = `
+`, Pu = `
 var __events__ = {}
 
 function __onEventV1__(id, callback) {
@@ -8632,7 +8627,7 @@ function __destroy__() {
   __events__ = {}
   __timers__ = {}
 }
-`, Lu = Pu + Tu + zu + Au;
+`, Lu = Tu + Pu + zu + Au;
 function Eu(t) {
   return t instanceof Array ? t.join(".") : t;
 }
@@ -8651,8 +8646,8 @@ class Bu {
   type;
   eventBus = vr();
   hooks;
-  constructor(e, i, o, s, r, a, c, m, d) {
-    this.kind = e, this.id = i, this.refKey = o, this.parent = s, this.org = r, this.env = a, this.mode = c, this.type = m, this.hooks = d, this.parent?.addChild(this), console.log(`Sandbox/constructor id='${this.id}'`);
+  constructor(e, i, o, s, r, a, c, p, d) {
+    this.kind = e, this.id = i, this.refKey = o, this.parent = s, this.org = r, this.env = a, this.mode = c, this.type = p, this.hooks = d, this.parent?.addChild(this), console.log(`Sandbox/constructor id='${this.id}'`);
   }
   dispose() {
     this.parent?.removeChild(this.id), this.destroyInterpreter(), console.log(`Sandbox/dispose id='${this.id}'`);
@@ -8719,14 +8714,20 @@ class Bu {
       console.error("Sandbox/getVariable invalid interpreter");
       return;
     }
-    return this.interpreter.getProperty(this.interpreter.globalObject, e);
+    return this.interpreter.pseudoToNative(
+      this.interpreter.getProperty(this.interpreter.globalObject, e)
+    );
   }
   setVariable(e, i) {
     if (!this.interpreter) {
       console.error("Sandbox/setVariable invalid interpreter");
       return;
     }
-    this.interpreter.setProperty(this.interpreter.globalObject, e, i);
+    this.interpreter.setProperty(
+      this.interpreter.globalObject,
+      e,
+      this.interpreter.nativeToPseudo(i)
+    );
   }
   run() {
     if (!this.interpreter) {
@@ -8753,20 +8754,15 @@ ${Ir(e)}} catch (e) {
       return;
     }
     const o = [];
-    for (const a of i)
-      o.push(JSON.stringify(a));
+    for (const r of i)
+      o.push(JSON.stringify(r));
     const s = `try {
-  __callFunctionResult__ = ${e}(${o.join(", ")});
+  ${e}(${o.join(", ")});
 } catch (e) {
   __messageV1__('error', 'run exception: ' + e.message);
 }
 `;
     to(s), this.interpreter.appendCode(s), this.interpreter.run();
-    const r = this.interpreter.getProperty(
-      this.interpreter.globalObject,
-      "__callFunctionResult__"
-    );
-    return this.interpreter.pseudoToNative(r);
   }
   //--------------------------
   // 元素属性
@@ -8853,11 +8849,11 @@ ${Ir(e)}} catch (e) {
   callElementMethod(e, i) {
     if (!Q(this.mode))
       return;
-    const { methodKey: o } = Go(e), s = {};
+    const { methodKey: o } = jo(e), s = {};
     return this.eventBus.emit(e, { key: o, inputs: i, outputs: s }), s;
   }
   callCustomMethod(e, i) {
-    return Q(this.mode) ? this.callFunction(`__implementMethod$${e}__`, i) : void 0;
+    Q(this.mode) && this.callFunction(`__implementMethod$${e}__`, i);
   }
   //--------------------------
   // 状态
@@ -8875,7 +8871,7 @@ ${Ir(e)}} catch (e) {
   }
 }
 function Zn(t, e, i, o, s) {
-  const r = gu(), a = xu(), c = O(), m = fe(), d = Ce(), u = Ne(), p = (I, S, T, E) => {
+  const r = gu(), a = xu(), c = H(), p = fe(), d = Ce(), u = Ne(), m = (I, S, P, E) => {
     if (Q(c) && (x.callFunction(
       "__triggerEventV1__",
       J(
@@ -8883,68 +8879,68 @@ function Zn(t, e, i, o, s) {
         I,
         Eu(S)
       ),
-      T,
-      E ?? T
+      P,
+      E ?? P
     ), t.value?.code.reactivity)) {
       let F = "";
       S instanceof Array ? F = S.join(".") : F = S, De(
         x,
         t.value.code.reactivity,
-        Te({
+        Pe({
           type: "elementProperty",
           nodeId: I,
           propertyKeys: F
         }),
-        T,
+        P,
         E
       );
     }
-  }, y = (I, S, T) => {
+  }, y = (I, S, P) => {
     Q(c) && (x.callFunction(
       "__triggerEventV1__",
       J("customPropertyChangeEvent", "globality", I),
       S,
-      T ?? S
+      P ?? S
     ), x.parent?.callFunction(
       "__triggerEventV1__",
       J("referencePropertyChangeEvent", x.id, I),
       S,
-      T ?? S
+      P ?? S
     ), x.parent?.callFunction(
       "__triggerEventV1__",
       J("multipleRefPropertyChangeEvent", x.id, I),
       S,
-      T ?? S
+      P ?? S
     ), t.value?.code.reactivity && De(
       x,
       t.value.code.reactivity,
-      Te({ type: "customProperty", propertyId: I }),
+      Pe({ type: "customProperty", propertyId: I }),
       S,
-      T
+      P
     ));
-  }, b = (I, S, T) => {
+  }, b = (I, S, P) => {
     Q(c) && t.value?.code.reactivity && De(
       x,
       t.value.code.reactivity,
-      Te({ type: "adaptSlotProperty", propertyId: I }),
+      Pe({ type: "adaptSlotProperty", propertyId: I }),
       S,
-      T
+      P
     );
-  }, g = (I, S, T) => {
+  }, g = (I, S, P) => {
     Q(c) && (x.callFunction(
       "__triggerEventV1__",
       J("stateChangeEvent", "globality", I),
       S,
-      T ?? S
+      P ?? S
     ), t.value?.code.reactivity && De(
       x,
       t.value.code.reactivity,
-      Te({ type: "state", stateId: I }),
+      Pe({ type: "state", stateId: I }),
       S,
-      T
+      P
     ));
-  }, x = new Bu(e, i, o, s, r, a, c, m, {
-    onElementPropertyChange: p,
+  }, x = new Bu(e, i, o, s, r, a, c, p, {
+    onElementPropertyChange: m,
     onCustomPropertyChange: y,
     onAdaptSlotPropertyChange: b,
     onStateChange: g
@@ -8960,11 +8956,11 @@ function Zn(t, e, i, o, s) {
   }), Q(c) && oe(
     d,
     (I, S) => {
-      const T = Fe(I.width), E = Fe(S?.width ?? I.width);
+      const P = Fe(I.width), E = Fe(S?.width ?? I.width);
       x.callFunction(
         "__triggerEventV1__",
         J("elementEvent", "globality", "screenSizeChange"),
-        T,
+        P,
         E
       );
     },
@@ -8997,8 +8993,8 @@ export {
   cn as barChartV1,
   ln as boxGeometryV1,
   ho as breakpoints,
-  Oa as btnGroupV1,
-  Ha as btnToggleV1,
+  Ha as btnGroupV1,
+  Oa as btnToggleV1,
   pn as btnV1,
   Fe as calcBreakpoint,
   Be as cardV1,
@@ -9021,8 +9017,8 @@ export {
   fn as flexLayoutEntryV1,
   We as flexLayoutV1,
   gn as formV1,
-  P as genId,
-  Pe as getBreakpointProp,
+  T as genId,
+  Te as getBreakpointProp,
   we as getField,
   ei as getIndexOfBreakpoint,
   ep as getNode,
@@ -9038,14 +9034,14 @@ export {
   vu as injectDepends,
   Ce as injectDevice,
   xu as injectEnv,
-  O as injectMode,
+  H as injectMode,
   gu as injectOrg,
   be as injectSandbox,
   fe as injectType,
   xo as isCircularRef,
   Q as isExecutableMode,
-  Tr as isLocaleOfEventKind,
-  Pr as isLocaleOfMethodKind,
+  Pr as isLocaleOfEventKind,
+  Tr as isLocaleOfMethodKind,
   Cr as isLocaleOfPropertyKind,
   Wn as isPercentStr,
   Xe as isPixelStr,
@@ -9055,7 +9051,7 @@ export {
   J as makeEventId,
   _u as makeMethodId,
   up as makePropertyId,
-  Te as makeTriggerId,
+  Pe as makeTriggerId,
   wa as mapControlsV1,
   lc as menuV1,
   Le as meshBasicMaterialV1,
@@ -9067,7 +9063,7 @@ export {
   $r as pageTypes,
   cc as paginationV1,
   Zt as parsePercentStr,
-  Ou as parsePixelStr,
+  Hu as parsePixelStr,
   ga as perspectiveCameraV1,
   bu as pkgs,
   La as pointLightV1,
@@ -9103,16 +9099,16 @@ export {
   Cn as tabsV1,
   hn as textFieldV1,
   xe as textV1,
-  Pn as textareaV1,
-  Tn as timelineItemV1,
+  Tn as textareaV1,
+  Pn as timelineItemV1,
   zn as timelineV1,
   qu as toEventName,
   Yu as toMethodName,
   Xu as toPropertyName,
   De as triggerReactivity,
-  Hu as types,
+  Ou as types,
   wu as unwrapEventId,
-  Go as unwrapMethodId,
+  jo as unwrapMethodId,
   eo as unwrapPropertyId,
   Jn as useDepend,
   Zn as useSandbox,