x-runtime-lib 0.8.153 → 0.8.155

package/dist/index.js

@@ -1,7 +1,7 @@
 var kn = (t, n) => (n = Symbol[t]) ? n : /* @__PURE__ */ Symbol.for("Symbol." + t), wn = (t) => {
   throw TypeError(t);
 };
-var Oe = (t, n, e) => {
+var Fe = (t, n, e) => {
   if (n != null) {
     typeof n != "object" && typeof n != "function" && wn("Object expected");
     var o, s;
@@ -14,25 +14,25 @@ var Oe = (t, n, e) => {
     }), t.push([e, o, n]);
   } else e && t.push([e]);
   return n;
-}, Fe = (t, n, e) => {
-  var o = typeof SuppressedError == "function" ? SuppressedError : function(l, c, m, u) {
-    return u = Error(m), u.name = "SuppressedError", u.error = l, u.suppressed = c, u;
+}, Oe = (t, n, e) => {
+  var o = typeof SuppressedError == "function" ? SuppressedError : function(l, c, u, m) {
+    return m = Error(u), m.name = "SuppressedError", m.error = l, m.suppressed = c, m;
   }, s = (l) => n = e ? new o(l, n, "An error was suppressed during disposal") : (e = !0, l), i = (l) => {
     for (; l = t.pop(); )
       try {
         var c = l[1] && l[1].call(l[2]);
-        if (l[0]) return Promise.resolve(c).then(i, (m) => (s(m), i()));
-      } catch (m) {
-        s(m);
+        if (l[0]) return Promise.resolve(c).then(i, (u) => (s(u), i()));
+      } catch (u) {
+        s(u);
       }
     if (e) throw n;
   };
   return i();
 };
-import { defineComponent as S, createElementBlock as te, createCommentVNode as se, unref as r, openBlock as w, createElementVNode as We, computed as I, renderSlot as F, normalizeStyle as fe, ref as ie, watch as de, onUnmounted as Ie, onBeforeMount as oi, watchEffect as ke, createVNode as D, createBlock as C, useTemplateRef as Io, onMounted as So, nextTick as sn, withCtx as V, resolveComponent as B, isRef as ne, h as K, createSlots as rn, renderList as ii, useId as $o, withModifiers as si, normalizeClass as ri, toDisplayString as Co, useAttrs as bt, inject as ye, provide as be, readonly as ln } from "vue";
+import { defineComponent as S, createElementBlock as te, createCommentVNode as re, unref as r, openBlock as w, createElementVNode as We, computed as I, renderSlot as O, normalizeStyle as fe, ref as se, watch as de, onUnmounted as Ie, onBeforeMount as oi, watchEffect as ke, createVNode as D, createBlock as C, useTemplateRef as Io, onMounted as So, nextTick as sn, withCtx as V, resolveComponent as B, isRef as ne, h as K, createSlots as rn, renderList as ii, useId as $o, withModifiers as si, normalizeClass as ri, toDisplayString as Co, useAttrs as gt, inject as ye, provide as be, readonly as ln } from "vue";
 import { globalObjects as _e, waitUtil as Vo, useViewStack as Po, eventBus as Lo, messageInfo as li, messageSuccess as ai, messageWarning as zo, messageError as To, createAxios as ci, openConfirmDlg as ui, openPromptDlg as mi } from "x-essential-lib";
 import { CameraHelper as Eo, DirectionalLightHelper as pi, PointLightHelper as di, SpotLightHelper as fi } from "three";
-import { i as pe, c as qe, K as yi, M as bi, O as gi, u as hi, r as Ao, e as Mo, a as _i, b as vi, d as xi, f as ki, g as wi, h as Ii, j as Si, k as $i, l as Wo, m as O, H as Ci, n as Vi, o as Pi, p as Li, q as zi } from "./vendor.m8tdmh16.js";
+import { i as pe, c as qe, K as yi, M as bi, O as gi, u as hi, r as Ao, e as Mo, a as _i, b as vi, d as xi, f as ki, g as wi, h as Ii, j as Si, k as $i, l as Wo, m as F, H as Ci, n as Vi, o as Pi, p as Li, q as zi } from "./vendor.m8tdmh16.js";
 import { useTheme as Ti } from "vuetify";
 import { getErrorMessage as Ei } from "x-error-lib";
 const In = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
@@ -44,7 +44,7 @@ function E(t) {
   }
   return n;
 }
-function gt(t) {
+function ht(t) {
   if (typeof t != "string" || !t.endsWith("px"))
     return !1;
   const n = t.substring(0, t.length - 2), e = parseFloat(n);
@@ -63,7 +63,7 @@ function fu(t) {
   if (!isNaN(e) && e % 1 === 0)
     return e;
 }
-function wt(t) {
+function It(t) {
   if (typeof t != "string" || !t.endsWith("%"))
     return;
   const n = t.substring(0, t.length - 1), e = parseFloat(n);
@@ -71,7 +71,7 @@ function wt(t) {
     return e;
 }
 const Bo = ["xs", "sm", "md", "lg", "xl"], Ai = [...Bo].reverse();
-function ut(t) {
+function mt(t) {
   return t < 600 ? "xs" : t < 960 ? "sm" : t < 1280 ? "md" : t < 1920 ? "lg" : "xl";
 }
 function Sn(t) {
@@ -126,7 +126,7 @@ function bu(t) {
 function Xe(t) {
   return t.startsWith("ref_v") || t.startsWith("multiple_ref_v") || t.startsWith("slot_v") || t.startsWith("multiple_slot_v");
 }
-function ae(t) {
+function ce(t) {
   return t === "runtime" || t === "preview";
 }
 function Ye(t, n) {
@@ -159,11 +159,11 @@ function M(t, n) {
 }
 const Mi = ["common", "scene"], Wi = ["common", "scene"];
 function gu({ type: t, version: n, view: e, code: o }) {
-  const s = (c, m) => {
-    const u = { id: m.id };
-    m.children && (u.children = [], m.children.forEach((d) => {
-      s(u.children, d);
-    })), c.push(u);
+  const s = (c, u) => {
+    const m = { id: u.id };
+    u.children && (m.children = [], u.children.forEach((d) => {
+      s(m.children, d);
+    })), c.push(m);
   }, i = [];
   e.nodeLites.forEach((c) => {
     s(i, c);
@@ -354,7 +354,7 @@ const Di = ["position", "ratation", "scale"], Be = /* @__PURE__ */ S({
       visible: !1
     }, [...o[0] || (o[0] = [
       We("TresBoxGeometry", { args: [1, 1, 1] }, null, -1)
-    ])], 8, Di)) : se("", !0);
+    ])], 8, Di)) : re("", !0);
   }
 }), G = /* @__PURE__ */ S({
   __name: "index",
@@ -381,31 +381,31 @@ const Di = ["position", "ratation", "scale"], Be = /* @__PURE__ */ S({
       key: 0,
       style: fe(e.value)
     }, [
-      F(s.$slots, "default"),
+      O(s.$slots, "default"),
       t.mask ? (w(), te("div", {
         key: 0,
         style: fe(o.value)
-      }, null, 4)) : se("", !0)
-    ], 4)) : F(s.$slots, "default", { key: 1 });
+      }, null, 4)) : re("", !0)
+    ], 4)) : O(s.$slots, "default", { key: 1 });
   }
 });
-function Oi(t) {
+function Fi(t) {
   return { debugTrace: (...e) => {
     const o = t.value.basic.id, s = t.value.basic.key, i = `element/${o}/${s}`;
     console.log(`<${i}>`, ...e);
   } };
 }
 function P(t) {
-  const n = re(), e = ie(n.value.view.nodes[t.nodeId]);
+  const n = le(), e = se(n.value.view.nodes[t.nodeId]);
   console.assert(!!e.value, `invalid node id=${t.nodeId}`), de(n, () => {
     e.value = n.value.view.nodes[t.nodeId];
   });
-  const { debugTrace: o } = Oi(e);
+  const { debugTrace: o } = Fi(e);
   return o("created"), Ie(() => {
     o("destroyed");
   }), { node: e };
 }
-function mt(t, n, e) {
+function pt(t, n, e) {
   const o = ve();
   if (o) {
     const s = I(() => Uc("elementMethod", t, n));
@@ -416,7 +416,7 @@ function mt(t, n, e) {
     });
   }
 }
-const Fi = (t, n, e, o) => {
+const Oi = (t, n, e, o) => {
   let s;
   if (t ? s = t.getElementProperty(n.basic.id, e) : s = $e(n, e), o) {
     if (typeof s == "string")
@@ -430,9 +430,9 @@ const Fi = (t, n, e, o) => {
   s ? typeof o == "object" ? i = JSON.stringify(o, null, 2) : (console.assert(!1), i = "{}") : i = o, t ? t.setElementProperty(n.basic.id, e, i) : cn(n, e, i);
 };
 function a(t, n, e) {
-  const o = ve(), s = ie();
+  const o = ve(), s = se();
   return ke(() => {
-    s.value = Fi(o, t.value, n, e);
+    s.value = Oi(o, t.value, n, e);
   }), de(s, (i, l) => {
     pe(i, l) || Ni(o, t.value, n, s.value, e);
   }), { property: s };
@@ -462,7 +462,7 @@ function me(t) {
     "transform",
     "rotation",
     "z"
-  ]), { property: c } = a(t, ["transform", "scale", "x"]), { property: m } = a(t, ["transform", "scale", "y"]), { property: u } = a(t, ["transform", "scale", "z"]), d = ie([0, 0, 0]), p = ie([0, 0, 0]), f = ie([1, 1, 1]);
+  ]), { property: c } = a(t, ["transform", "scale", "x"]), { property: u } = a(t, ["transform", "scale", "y"]), { property: m } = a(t, ["transform", "scale", "z"]), d = se([0, 0, 0]), p = se([0, 0, 0]), f = se([1, 1, 1]);
   return ke(() => {
     d.value = [n.value, e.value, o.value];
   }), ke(() => {
@@ -472,9 +472,9 @@ function me(t) {
   }), ke(() => {
     s.value = p.value[0], i.value = p.value[1], l.value = p.value[2];
   }), ke(() => {
-    f.value = [c.value, m.value, u.value];
+    f.value = [c.value, u.value, m.value];
   }), ke(() => {
-    c.value = f.value[0], m.value = f.value[1], u.value = f.value[2];
+    c.value = f.value[0], u.value = f.value[1], m.value = f.value[2];
   }), { position: d, rotation: p, scale: f };
 }
 function Ro(t) {
@@ -505,7 +505,7 @@ function Do(t) {
   }
   return { show: n, text: e, subtext: o, applyTitle: s };
 }
-function Oo(t) {
+function Fo(t) {
   const n = I(() => t.value.xAxis?.show), e = I(() => t.value.xAxis?.position), o = I(() => t.value.xAxis?.type), s = I(() => t.value.xAxis?.data);
   function i(l) {
     l.xAxis = {
@@ -517,7 +517,7 @@ function Oo(t) {
   }
   return { show: n, position: e, type: o, data: s, applyXAxis: i };
 }
-function Fo(t) {
+function Oo(t) {
   const n = I(() => t.value.yAxis?.show), e = I(() => t.value.yAxis?.position), o = I(() => t.value.yAxis?.type), s = I(() => t.value.yAxis?.data);
   function i(l) {
     l.yAxis = {
@@ -531,23 +531,23 @@ function Fo(t) {
 }
 function Q(t) {
   const { computedThemes: n } = Ti(), e = Ze(), o = I(() => t.value?.mode), s = I(() => {
-    const u = t.value?.theme;
-    return u ? u === "background0" ? e.value ? "#2e2e2e" : "#bdbdbd" : u === "background1" ? e.value ? "#272727" : "#eeeeee" : u === "background2" ? e.value ? "#1e1e1e" : "#ffffff" : (e.value ? n.value.dark : n.value.light).colors[u] : void 0;
+    const m = t.value?.theme;
+    return m ? m === "background0" ? e.value ? "#2e2e2e" : "#bdbdbd" : m === "background1" ? e.value ? "#272727" : "#eeeeee" : m === "background2" ? e.value ? "#1e1e1e" : "#ffffff" : (e.value ? n.value.dark : n.value.light).colors[m] : void 0;
   }), i = I(() => e.value ? t.value.custom?.dark : t.value.custom?.light), l = I(() => o.value === "theme" ? s.value ?? "" : o.value === "custom" ? i.value ?? "" : ""), c = I(() => {
-    const u = l.value;
-    return !u.startsWith("#") || u.length < 7 ? "" : u.substring(0, 7);
-  }), m = I(() => {
-    const u = l.value;
-    return u.startsWith("#") ? u.length < 9 ? 1 : parseInt(u.substring(7, 9)) / 255 : 0;
+    const m = l.value;
+    return !m.startsWith("#") || m.length < 7 ? "" : m.substring(0, 7);
+  }), u = I(() => {
+    const m = l.value;
+    return m.startsWith("#") ? m.length < 9 ? 1 : parseInt(m.substring(7, 9)) / 255 : 0;
   });
-  return { color: l, rgb: c, alpha: m };
+  return { color: l, rgb: c, alpha: u };
 }
 function mn(t) {
-  const n = I(() => t.value.border?.style), e = I(() => t.value.border?.width), o = I(() => t.value.border?.color), { color: s } = Q(o), i = I(() => t.value.border?.roundRadius?.tl), l = I(() => t.value.border?.roundRadius?.tr), c = I(() => t.value.border?.roundRadius?.bl), m = I(() => t.value.border?.roundRadius?.br);
-  function u(d) {
-    n.value && (d.borderStyle = n.value), e.value && (d.borderWidth = e.value), s.value && (d.borderColor = s.value), i.value && (d.borderTopLeftRadius = i.value), l.value && (d.borderTopRightRadius = l.value), c.value && (d.borderBottomLeftRadius = c.value), m.value && (d.borderBottomRightRadius = m.value);
+  const n = I(() => t.value.border?.style), e = I(() => t.value.border?.width), o = I(() => t.value.border?.color), { color: s } = Q(o), i = I(() => t.value.border?.roundRadius?.tl), l = I(() => t.value.border?.roundRadius?.tr), c = I(() => t.value.border?.roundRadius?.bl), u = I(() => t.value.border?.roundRadius?.br);
+  function m(d) {
+    n.value && (d.borderStyle = n.value), e.value && (d.borderWidth = e.value), s.value && (d.borderColor = s.value), i.value && (d.borderTopLeftRadius = i.value), l.value && (d.borderTopRightRadius = l.value), c.value && (d.borderBottomLeftRadius = c.value), u.value && (d.borderBottomRightRadius = u.value);
   }
-  return { borderStyle: n, borderWidth: e, borderColor: s, applyBorder: u };
+  return { borderStyle: n, borderWidth: e, borderColor: s, applyBorder: m };
 }
 function pn(t) {
   const n = I(() => t.value.margin?.top), e = I(() => t.value.margin?.left), o = I(() => t.value.margin?.bottom), s = I(() => t.value.margin?.right);
@@ -566,30 +566,30 @@ function dn(t) {
 function ge(t, n) {
   const e = Z(), o = De(), s = I(() => n.value.size?.width), i = I(() => n.value.size?.minWidth), l = I(() => n.value.size?.maxWidth), c = I(() => {
     if (t.outer && e === "editor") {
-      const p = wt(n.value.size?.height);
+      const p = It(n.value.size?.height);
       if (p)
         return p / 100 * o.value.height + "px";
     }
     return n.value.size?.height;
-  }), m = I(() => {
+  }), u = I(() => {
     if (t.outer && e === "editor") {
-      const p = wt(n.value.size?.minHeight);
+      const p = It(n.value.size?.minHeight);
       if (p)
         return p / 100 * o.value.height + "px";
     }
     return n.value.size?.minHeight;
-  }), u = I(() => {
+  }), m = I(() => {
     if (t.outer && e === "editor") {
-      const p = wt(n.value.size?.maxHeight);
+      const p = It(n.value.size?.maxHeight);
       if (p)
         return p / 100 * o.value.height + "px";
     }
     return n.value.size?.maxHeight;
   });
   function d(p) {
-    s.value && (p.width = s.value), i.value && (p.minWidth = i.value), l.value && (p.maxWidth = l.value), c.value && (p.height = c.value), m.value && (p.minHeight = m.value), u.value && (p.maxHeight = u.value);
+    s.value && (p.width = s.value), i.value && (p.minWidth = i.value), l.value && (p.maxWidth = l.value), c.value && (p.height = c.value), u.value && (p.minHeight = u.value), m.value && (p.maxHeight = m.value);
   }
-  return { width: s, minWidth: i, maxWidth: l, height: c, minHeight: m, maxHeight: u, applySize: d };
+  return { width: s, minWidth: i, maxWidth: l, height: c, minHeight: u, maxHeight: m, applySize: d };
 }
 const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Gi = /* @__PURE__ */ S({
   __name: "index",
@@ -599,11 +599,11 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "bottom"]), { property: m } = a(e, ["settings", "far"]), { property: u } = a(e, ["settings", "left"]), { property: d } = a(e, ["settings", "near"]), { property: p } = a(e, ["settings", "right"]), { property: f } = a(e, ["settings", "top"]);
+    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "bottom"]), { property: u } = a(e, ["settings", "far"]), { property: m } = a(e, ["settings", "left"]), { property: d } = a(e, ["settings", "near"]), { property: p } = a(e, ["settings", "right"]), { property: f } = a(e, ["settings", "top"]);
     return (b, g) => (w(), te("TresOrthographicCamera", {
       bottom: r(c),
-      far: r(m),
-      left: r(u),
+      far: r(u),
+      left: r(m),
       near: r(d),
       position: r(s),
       right: r(p),
@@ -615,8 +615,8 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       r(o) === "editor" ? (w(), C(r(qe), {
         key: 0,
         type: r(Eo)
-      }, null, 8, ["type"])) : se("", !0),
-      F(b.$slots, "default")
+      }, null, 8, ["type"])) : re("", !0),
+      O(b.$slots, "default")
     ], 8, ji));
   }
 }), Hi = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], Ji = /* @__PURE__ */ S({
@@ -627,11 +627,11 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "aspect"]), { property: m } = a(e, ["settings", "far"]), { property: u } = a(e, ["settings", "fov"]), { property: d } = a(e, ["settings", "near"]);
+    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "aspect"]), { property: u } = a(e, ["settings", "far"]), { property: m } = a(e, ["settings", "fov"]), { property: d } = a(e, ["settings", "near"]);
     return (p, f) => (w(), te("TresPerspectiveCamera", {
       aspect: r(c),
-      far: r(m),
-      fov: r(u),
+      far: r(u),
+      fov: r(m),
       near: r(d),
       position: r(s),
       rotation: r(i),
@@ -641,27 +641,27 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       r(o) === "editor" ? (w(), C(r(qe), {
         key: 0,
         type: r(Eo)
-      }, null, 8, ["type"])) : se("", !0),
-      F(p.$slots, "default")
+      }, null, 8, ["type"])) : re("", !0),
+      O(p.$slots, "default")
     ], 8, Hi));
   }
 }), Ui = /* @__PURE__ */ S({
   __name: "index",
   setup(t) {
     const n = Z();
-    return (e, o) => r(n) !== "editor" ? (w(), C(r(yi), { key: 0 })) : se("", !0);
+    return (e, o) => r(n) !== "editor" ? (w(), C(r(yi), { key: 0 })) : re("", !0);
   }
 }), qi = /* @__PURE__ */ S({
   __name: "index",
   setup(t) {
     const n = Z();
-    return (e, o) => r(n) !== "editor" ? (w(), C(r(bi), { key: 0 })) : se("", !0);
+    return (e, o) => r(n) !== "editor" ? (w(), C(r(bi), { key: 0 })) : re("", !0);
   }
 }), Xi = /* @__PURE__ */ S({
   __name: "index",
   setup(t) {
     const n = Z();
-    return (e, o) => r(n) !== "editor" ? (w(), C(r(gi), { key: 0 })) : se("", !0);
+    return (e, o) => r(n) !== "editor" ? (w(), C(r(gi), { key: 0 })) : re("", !0);
   }
 }), Yi = ["args"], Zi = /* @__PURE__ */ S({
   __name: "index",
@@ -677,16 +677,16 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     ]), { property: i } = a(e, ["settings", "height"]), { property: l } = a(e, [
       "settings",
       "heightSegements"
-    ]), { property: c } = a(e, ["settings", "width"]), { property: m } = a(e, [
+    ]), { property: c } = a(e, ["settings", "width"]), { property: u } = a(e, [
       "settings",
       "widthSegements"
     ]);
-    return (u, d) => (w(), te("TresBoxGeometry", {
+    return (m, d) => (w(), te("TresBoxGeometry", {
       args: [
         r(c),
         r(i),
         r(o),
-        r(m),
+        r(u),
         r(l),
         r(s)
       ]
@@ -717,21 +717,21 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     ]), { property: l } = a(e, ["settings", "radius"]), { property: c } = a(e, [
       "settings",
       "thetaLength"
-    ]), { property: m } = a(e, [
+    ]), { property: u } = a(e, [
       "settings",
       "thetaStart"
-    ]), { property: u } = a(e, [
+    ]), { property: m } = a(e, [
       "settings",
       "widthSegments"
     ]);
     return (d, p) => (w(), te("TresSphereGeometry", {
       args: [
         r(l),
-        r(u),
+        r(m),
         r(o),
         r(i),
         r(s),
-        r(m),
+        r(u),
         r(c)
       ]
     }, null, 8, Qi));
@@ -744,19 +744,19 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { position: o, rotation: s, scale: i } = me(e), { property: l } = a(e, ["settings", "color"]), { color: c } = Q(l), { property: m } = a(e, [
+    const n = t, { node: e } = P(n), { position: o, rotation: s, scale: i } = me(e), { property: l } = a(e, ["settings", "color"]), { color: c } = Q(l), { property: u } = a(e, [
       "settings",
       "intensity"
     ]);
-    return (u, d) => (w(), te("TresAmbientLight", {
+    return (m, d) => (w(), te("TresAmbientLight", {
       color: r(c),
-      intensity: r(m),
+      intensity: r(u),
       position: r(o),
       rotation: r(s),
       scale: r(i)
     }, [
       D(r(Be)),
-      F(u.$slots, "default")
+      O(m.$slots, "default")
     ], 8, ts));
   }
 }), os = ["color", "intensity", "position", "rotation", "scale"], is = /* @__PURE__ */ S({
@@ -767,13 +767,13 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "color"]), { color: m } = Q(c), { property: u } = a(e, [
+    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Q(c), { property: m } = a(e, [
       "settings",
       "intensity"
     ]);
     return (d, p) => (w(), te("TresDirectionalLight", {
-      color: r(m),
-      intensity: r(u),
+      color: r(u),
+      intensity: r(m),
       position: r(s),
       rotation: r(i),
       scale: r(l)
@@ -782,8 +782,8 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       r(o) === "editor" ? (w(), C(r(qe), {
         key: 0,
         type: r(pi)
-      }, null, 8, ["type"])) : se("", !0),
-      F(d.$slots, "default")
+      }, null, 8, ["type"])) : re("", !0),
+      O(d.$slots, "default")
     ], 8, os));
   }
 }), ss = ["color", "decay", "distance", "intensity", "position", "rotation", "scale"], rs = /* @__PURE__ */ S({
@@ -794,7 +794,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "color"]), { color: m } = Q(c), { property: u } = a(e, ["settings", "decay"]), { property: d } = a(e, [
+    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Q(c), { property: m } = a(e, ["settings", "decay"]), { property: d } = a(e, [
       "settings",
       "distance"
     ]), { property: p } = a(e, [
@@ -802,8 +802,8 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "intensity"
     ]);
     return (f, b) => (w(), te("TresPointLight", {
-      color: r(m),
-      decay: r(u),
+      color: r(u),
+      decay: r(m),
       distance: r(d),
       intensity: r(p),
       position: r(s),
@@ -814,8 +814,8 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       r(o) === "editor" ? (w(), C(r(qe), {
         key: 0,
         type: r(di)
-      }, null, 8, ["type"])) : se("", !0),
-      F(f.$slots, "default")
+      }, null, 8, ["type"])) : re("", !0),
+      O(f.$slots, "default")
     ], 8, ss));
   }
 }), ls = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], as = /* @__PURE__ */ S({
@@ -826,7 +826,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "angle"]), { property: m } = a(e, ["settings", "color"]), { color: u } = Q(m), { property: d } = a(e, ["settings", "decay"]), { property: p } = a(e, [
+    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "angle"]), { property: u } = a(e, ["settings", "color"]), { color: m } = Q(u), { property: d } = a(e, ["settings", "decay"]), { property: p } = a(e, [
       "settings",
       "distance"
     ]), { property: f } = a(e, [
@@ -838,7 +838,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     ]);
     return (g, k) => (w(), te("TresSpotLight", {
       angle: r(c),
-      color: r(u),
+      color: r(m),
       decay: r(d),
       distance: r(p),
       intensity: r(f),
@@ -851,8 +851,8 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       r(o) === "editor" ? (w(), C(r(qe), {
         key: 0,
         type: r(fi)
-      }, null, 8, ["type"])) : se("", !0),
-      F(g.$slots, "default")
+      }, null, 8, ["type"])) : re("", !0),
+      O(g.$slots, "default")
     ], 8, ls));
   }
 }), cs = {};
@@ -873,7 +873,7 @@ const ms = /* @__PURE__ */ Re(cs, [["render", us]]), ps = ["position", "rotation
       rotation: r(s),
       scale: r(i)
     }, [
-      F(l.$slots, "default")
+      O(l.$slots, "default")
     ], 8, ps));
   }
 }), fs = ["position", "rotation", "scale"], ys = /* @__PURE__ */ S({
@@ -890,10 +890,10 @@ const ms = /* @__PURE__ */ Re(cs, [["render", us]]), ps = ["position", "rotation
       rotation: r(s),
       scale: r(i)
     }, [
-      F(l.$slots, "default")
+      O(l.$slots, "default")
     ], 8, fs));
   }
-}), bs = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], gs = "#242424", hs = {}, _s = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, vs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, xs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, ks = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, ws = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Is = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ss = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, $s = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Cs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Vs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ps = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ls = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, zs = { 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" } }, Ts = { 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)" } } }, Es = { 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)" } } }, As = { 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"] } } }, Ms = { 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"] } } }, Bs = { 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"] } } }, Rs = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Ks = { textStyle: { color: "#eeeeee" } }, Ds = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Os = { lineStyle: { color: "#eeeeee", width: 1 }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, label: { color: "#eeeeee" } } }, Fs = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Ns = { 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" } }, js = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Gs = {
+}), bs = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], gs = "#242424", hs = {}, _s = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, vs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, xs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, ks = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, ws = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Is = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ss = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, $s = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Cs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Vs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ps = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ls = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, zs = { 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" } }, Ts = { 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)" } } }, Es = { 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)" } } }, As = { 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"] } } }, Ms = { 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"] } } }, Bs = { 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"] } } }, Rs = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Ks = { textStyle: { color: "#eeeeee" } }, Ds = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Fs = { 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" } } }, Os = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Ns = { 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" } }, js = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Gs = {
   color: bs,
   backgroundColor: gs,
   textStyle: hs,
@@ -919,8 +919,8 @@ const ms = /* @__PURE__ */ Re(cs, [["render", us]]), ps = ["position", "rotation
   toolbox: Rs,
   legend: Ks,
   tooltip: Ds,
-  timeline: Os,
-  visualMap: Fs,
+  timeline: Fs,
+  visualMap: Os,
   dataZoom: Ns,
   markPoint: js
 }, Hs = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Js = "#f5f5f5", Us = {}, qs = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Xs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ys = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Zs = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Qs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, er = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, tr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, nr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, or = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, rr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, lr = { 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" } }, ar = { 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)" } } }, cr = { 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)" } } }, ur = { 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"] } } }, mr = { 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"] } } }, pr = { 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"] } } }, dr = { 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"] } } }, fr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, yr = { textStyle: { color: "#333333" } }, br = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, gr = { 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" } } }, hr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, _r = { 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" } }, vr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, xr = {
@@ -974,7 +974,7 @@ const kr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = De(), s = Ze(), i = Se(), l = re(), { width: c, minWidth: m, maxWidth: u, height: d, minHeight: p, maxHeight: f, applySize: b } = ge(n, e), { applyTitle: g } = Do(e), { applyXAxis: k } = Oo(e), { applyYAxis: h } = Fo(e), { applyLegend: x } = Ro(e), { applySeries: _ } = Ko(e), v = I(() => {
+    const n = t, { node: e } = P(n), o = De(), s = Ze(), i = Se(), l = le(), { width: c, minWidth: u, maxWidth: m, height: d, minHeight: p, maxHeight: f, applySize: b } = ge(n, e), { applyTitle: g } = Do(e), { applyXAxis: k } = Fo(e), { applyYAxis: h } = Oo(e), { applyLegend: x } = Ro(e), { applySeries: _ } = Ko(e), v = I(() => {
       const L = {}, U = l.value?.type;
       return i === "page" ? U === "common" ? b(L) : console.assert(!1) : i === "comp" && U === "common" ? b(L) : console.assert(!1), L;
     }), z = Io("chart");
@@ -998,8 +998,8 @@ const kr = /* @__PURE__ */ S({
         () => o.value.width,
         () => o.value.height,
         c,
-        m,
         u,
+        m,
         d,
         p,
         f
@@ -1036,7 +1036,7 @@ const kr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = De(), s = Ze(), i = Se(), l = re(), { width: c, minWidth: m, maxWidth: u, height: d, minHeight: p, maxHeight: f, applySize: b } = ge(n, e), { applyTitle: g } = Do(e), { applyXAxis: k } = Oo(e), { applyYAxis: h } = Fo(e), { applyLegend: x } = Ro(e), { applySeries: _ } = Ko(e), v = I(() => {
+    const n = t, { node: e } = P(n), o = De(), s = Ze(), i = Se(), l = le(), { width: c, minWidth: u, maxWidth: m, height: d, minHeight: p, maxHeight: f, applySize: b } = ge(n, e), { applyTitle: g } = Do(e), { applyXAxis: k } = Fo(e), { applyYAxis: h } = Oo(e), { applyLegend: x } = Ro(e), { applySeries: _ } = Ko(e), v = I(() => {
       const L = {}, U = l.value?.type;
       return i === "page" ? U === "common" ? b(L) : console.assert(!1) : i === "comp" && U === "common" ? b(L) : console.assert(!1), L;
     }), z = Io("chart");
@@ -1060,8 +1060,8 @@ const kr = /* @__PURE__ */ S({
         () => o.value.width,
         () => o.value.height,
         c,
-        m,
         u,
+        m,
         d,
         p,
         f
@@ -1107,7 +1107,7 @@ const kr = /* @__PURE__ */ S({
       "offset",
       "y"
     ]);
-    return (m, u) => {
+    return (u, m) => {
       const d = B("v-badge");
       return w(), C(r(G), null, {
         default: V(() => [
@@ -1119,7 +1119,7 @@ const kr = /* @__PURE__ */ S({
             theme: r(i)
           }, {
             default: V(() => [
-              F(m.$slots, "default")
+              O(u.$slots, "default")
             ]),
             _: 3
           }, 8, ["content", "dot", "offset-x", "offset-y", "theme"])
@@ -1140,7 +1140,7 @@ const kr = /* @__PURE__ */ S({
       "settings",
       "addIcon",
       "append"
-    ]), { property: i } = a(e, ["settings", "block"]), { property: l } = a(e, ["settings", "color"]), { color: c } = Q(l), { property: m } = a(e, ["settings", "density"]), { property: u } = a(e, [
+    ]), { property: i } = a(e, ["settings", "block"]), { property: l } = a(e, ["settings", "color"]), { color: c } = Q(l), { property: u } = a(e, ["settings", "density"]), { property: m } = a(e, [
       "settings",
       "disabled"
     ]), { property: d } = a(e, ["size", "height"]), { property: p } = a(e, ["settings", "loading"]), { property: f } = a(e, ["size", "maxHeight"]), { property: b } = a(e, ["size", "maxWidth"]), { property: g } = a(e, ["size", "minHeight"]), { property: k } = a(e, ["size", "minWidth"]), { property: h } = a(e, [
@@ -1156,7 +1156,7 @@ const kr = /* @__PURE__ */ S({
       const { vm: oe } = o;
       oe.setProp(oe.global, "__pointerPosX__", oe.newNumber(U.clientX)), oe.setProp(oe.global, "__pointerPosY__", oe.newNumber(U.clientY)), await o.callFunctionAsync(
         "__triggerEventV1__",
-        ce("elementEvent", n.nodeId, "click"),
+        ie("elementEvent", n.nodeId, "click"),
         ""
       );
     };
@@ -1171,8 +1171,8 @@ const kr = /* @__PURE__ */ S({
             "append-icon": r(s),
             block: r(i),
             color: r(c),
-            density: r(m),
-            disabled: r(u),
+            density: r(u),
+            disabled: r(m),
             height: r(d),
             loading: r(p),
             "max-height": r(f),
@@ -1200,7 +1200,7 @@ function Cr(t, n) {
   const e = B("v-btn-group");
   return w(), C(e, null, {
     default: V(() => [
-      F(t.$slots, "default")
+      O(t.$slots, "default")
     ]),
     _: 3
   });
@@ -1222,10 +1222,10 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     ]), { property: c } = a(e, [
       "settings",
       "multiple"
-    ]), { property: m } = a(e, [
+    ]), { property: u } = a(e, [
       "settings",
       "readonly"
-    ]), { property: u } = a(e, ["settings", "size"]), { property: d } = a(e, ["settings", "stacked"]), { theme: p } = H(), { property: f } = a(e, ["settings", "tile"]), { property: b } = a(e, ["settings", "variant"]);
+    ]), { property: m } = a(e, ["settings", "size"]), { property: d } = a(e, ["settings", "stacked"]), { theme: p } = H(), { property: f } = a(e, ["settings", "tile"]), { property: b } = a(e, ["settings", "variant"]);
     return (g, k) => {
       const h = B("v-btn-toggle");
       return w(), C(h, {
@@ -1234,15 +1234,15 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
         divided: r(i),
         mandatory: r(l),
         multiple: r(c),
-        readonly: r(m),
-        size: r(u),
+        readonly: r(u),
+        size: r(m),
         stacked: r(d),
         theme: r(p),
         tile: r(f),
         variant: r(b)
       }, {
         default: V(() => [
-          F(g.$slots, "default")
+          O(g.$slots, "default")
         ]),
         _: 3
       }, 8, ["block", "disabled", "divided", "mandatory", "multiple", "readonly", "size", "stacked", "theme", "tile", "variant"]);
@@ -1259,7 +1259,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "density"]), { property: s } = a(e, [
       "settings",
       "disabled"
-    ]), { property: i } = a(e, ["size", "height"]), { property: l } = a(e, ["settings", "hover"]), { property: c } = a(e, ["settings", "loading"]), { property: m } = a(e, ["size", "maxHeight"]), { property: u } = a(e, ["size", "maxWidth"]), { property: d } = a(e, ["size", "minHeight"]), { property: p } = a(e, ["size", "minWidth"]), { property: f } = a(e, [
+    ]), { property: i } = a(e, ["size", "height"]), { property: l } = a(e, ["settings", "hover"]), { property: c } = a(e, ["settings", "loading"]), { property: u } = a(e, ["size", "maxHeight"]), { property: m } = a(e, ["size", "maxWidth"]), { property: d } = a(e, ["size", "minHeight"]), { property: p } = a(e, ["size", "minWidth"]), { property: f } = a(e, [
       "settings",
       "subtitle"
     ]), { property: b } = a(e, ["settings", "text"]), { theme: g } = H(), { property: k } = a(e, ["settings", "title"]), { property: h } = a(e, ["settings", "variant"]), { property: x } = a(e, ["size", "width"]);
@@ -1273,8 +1273,8 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
             height: r(i),
             hover: r(l),
             loading: r(c),
-            "max-height": r(m),
-            "max-width": r(u),
+            "max-height": r(u),
+            "max-width": r(m),
             "min-height": r(d),
             "min-width": r(p),
             subtitle: r(f),
@@ -1285,7 +1285,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
             width: r(x)
           }, {
             default: V(() => [
-              F(_.$slots, "default")
+              O(_.$slots, "default")
             ]),
             _: 3
           }, 8, ["density", "disabled", "height", "hover", "loading", "max-height", "max-width", "min-height", "min-width", "subtitle", "text", "theme", "title", "variant", "width"])
@@ -1336,10 +1336,10 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     ]), { property: s } = a(e, ["settings", "color"]), { color: i } = Q(s), { property: l } = a(e, ["settings", "density"]), { property: c } = a(e, [
       "settings",
       "disabled"
-    ]), { property: m } = a(e, [
+    ]), { property: u } = a(e, [
       "settings",
       "draggable"
-    ]), { property: u } = a(e, ["settings", "filter"]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "size"]), { property: f } = a(e, ["settings", "text"]), { theme: b } = H(), { property: g } = a(e, ["settings", "tile"]), { property: k } = a(e, ["settings", "value"]), { property: h } = a(e, ["settings", "variant"]);
+    ]), { property: m } = a(e, ["settings", "filter"]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "size"]), { property: f } = a(e, ["settings", "text"]), { theme: b } = H(), { property: g } = a(e, ["settings", "tile"]), { property: k } = a(e, ["settings", "value"]), { property: h } = a(e, ["settings", "variant"]);
     return (x, _) => {
       const v = B("v-chip");
       return w(), C(r(G), { mask: "" }, {
@@ -1349,8 +1349,8 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
             color: r(i),
             density: r(l),
             disabled: r(c),
-            draggable: r(m),
-            filter: r(u),
+            draggable: r(u),
+            filter: r(m),
             label: r(d),
             size: r(p),
             text: r(f),
@@ -1381,10 +1381,10 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     ]), { property: l } = a(e, ["settings", "filter"]), { property: c } = a(e, [
       "settings",
       "mandatory"
-    ]), { property: m } = a(e, [
+    ]), { property: u } = a(e, [
       "settings",
       "multiple"
-    ]), { property: u } = a(e, [
+    ]), { property: m } = a(e, [
       "settings",
       "showArrows"
     ]), { theme: d } = H(), { property: p } = a(e, ["settings", "value"]);
@@ -1398,12 +1398,12 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
         disabled: r(i),
         filter: r(l),
         mandatory: r(c),
-        multiple: r(m),
-        "show-arrows": r(u),
+        multiple: r(u),
+        "show-arrows": r(m),
         theme: r(d)
       }, {
         default: V(() => [
-          F(f.$slots, "default")
+          O(f.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "column", "direction", "disabled", "filter", "mandatory", "multiple", "show-arrows", "theme"]);
@@ -1417,16 +1417,16 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Se(), s = re(), { applySize: i } = ge(n, e), l = I(() => {
+    const n = t, { node: e } = P(n), o = Se(), s = le(), { applySize: i } = ge(n, e), l = I(() => {
       const k = {}, h = s.value?.type;
       return o === "page" ? h === "common" ? i(k) : console.assert(!1) : o === "comp" && h === "common" ? i(k) : console.assert(!1), k;
     }), { property: c } = a(e, [
       "settings",
       "disabled"
-    ]), { property: m } = a(e, [
+    ]), { property: u } = a(e, [
       "settings",
       "hideCanvas"
-    ]), { property: u } = a(e, [
+    ]), { property: m } = a(e, [
       "settings",
       "hideHeader"
     ]), { property: d } = a(e, [
@@ -1448,8 +1448,8 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
         default: V(() => [
           D(x, {
             disabled: r(c),
-            "hide-canvas": r(m),
-            "hide-header": r(u),
+            "hide-canvas": r(u),
+            "hide-header": r(m),
             "hide-inputs": r(d),
             "hide-sliders": r(p),
             landscape: r(f),
@@ -1482,20 +1482,20 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     ]), { property: c } = a(e, [
       "settings",
       "singleLine"
-    ]), { theme: m } = H(), { property: u } = a(e, ["settings", "value"]);
+    ]), { theme: u } = H(), { property: m } = a(e, ["settings", "value"]);
     return (d, p) => {
       const f = B("v-combobox");
       return w(), C(r(G), { mask: "" }, {
         default: V(() => [
           D(f, {
-            modelValue: r(u),
-            "onUpdate:modelValue": p[0] || (p[0] = (b) => ne(u) ? u.value = b : null),
+            modelValue: r(m),
+            "onUpdate:modelValue": p[0] || (p[0] = (b) => ne(m) ? m.value = b : null),
             "hide-details": r(o),
             label: r(s),
             placeholder: r(i),
             readonly: r(l),
             "single-line": r(c),
-            theme: r(m)
+            theme: r(u)
           }, null, 8, ["modelValue", "hide-details", "label", "placeholder", "readonly", "single-line", "theme"])
         ]),
         _: 1
@@ -1510,19 +1510,19 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Se(), s = re(), { property: i } = a(e, [
+    const n = t, { node: e } = P(n), o = Se(), s = le(), { property: i } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: l } = Q(i), { applySize: c } = ge(n, e), { applyMargin: m } = pn(e), { applyPadding: u } = dn(e), { applyBorder: d } = mn(e), p = I(() => {
+    ]), { color: l } = Q(i), { applySize: c } = ge(n, e), { applyMargin: u } = pn(e), { applyPadding: m } = dn(e), { applyBorder: d } = mn(e), p = I(() => {
       const f = {}, b = s.value?.type;
-      return o === "page" ? b === "common" ? (c(f), m(f), u(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1) : o === "comp" && b === "common" ? (c(f), m(f), u(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1), f;
+      return o === "page" ? b === "common" ? (c(f), u(f), m(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1) : o === "comp" && b === "common" ? (c(f), u(f), m(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1), f;
     });
     return (f, b) => (w(), C(r(G), { block: "" }, {
       default: V(() => [
         We("div", {
           style: fe(p.value)
         }, [
-          F(f.$slots, "default")
+          O(f.$slots, "default")
         ], 4)
       ]),
       _: 3
@@ -1536,40 +1536,40 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     value: {}
   },
   setup(t) {
-    const n = t, e = Z(), o = Qe(), s = ie();
+    const n = t, e = Z(), o = Qe(), s = se();
     Pe(s);
     const i = I(() => n.refContext.compId);
-    et(i, s), ae(e) && tt(s, "slot", "", "", ve());
-    function l(m) {
-      const u = we[m.key];
-      if (!u) {
-        console.assert(!1, `element not found key=${m.key}`);
+    et(i, s), ce(e) && tt(s, "slot", "", "", ve());
+    function l(u) {
+      const m = we[u.key];
+      if (!m) {
+        console.assert(!1, `element not found key=${u.key}`);
         return;
       }
       const d = {
-        nodeId: m.id
+        nodeId: u.id
       };
-      return Xe(m.key) && (d.refContext = {
+      return Xe(u.key) && (d.refContext = {
         parent: n.refContext,
-        compId: m.compId
+        compId: u.compId
       }), K(
-        u.comp,
+        m.comp,
         {
-          key: m.id,
+          key: u.id,
           ...d
         },
         {
           default: () => {
-            if (!u.leaf)
-              return m.children?.map((p) => l(p));
+            if (!m.leaf)
+              return u.children?.map((p) => l(p));
           }
         }
       );
     }
     const c = () => {
-      const { i18n: m } = _e;
+      const { i18n: u } = _e;
       if (Ye(n.refContext, o))
-        return K("div", null, m.global.t("x-runtime-lib.circularReference"));
+        return K("div", null, u.global.t("x-runtime-lib.circularReference"));
       if (!s.value)
         return;
       if (s.value.type === "common")
@@ -1579,7 +1579,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
           { default: () => s.value.view.nodeLites.map((d) => l(d)) }
         );
     };
-    return (m, u) => (w(), C(c));
+    return (u, m) => (w(), C(c));
   }
 }), Rr = /* @__PURE__ */ S({
   __name: "index",
@@ -1595,7 +1595,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     ]), { property: i } = a(e, [
       "settings",
       "fixedHeader"
-    ]), { property: l } = a(e, ["settings", "headers"]), { property: c } = a(e, ["size", "height"]), { property: m } = a(e, ["settings", "hover"]), { property: u } = a(e, ["settings", "data"], !0), { property: d } = a(e, ["settings", "loading"]), { property: p } = a(e, [
+    ]), { property: l } = a(e, ["settings", "headers"]), { property: c } = a(e, ["size", "height"]), { property: u } = a(e, ["settings", "hover"]), { property: m } = a(e, ["settings", "data"], !0), { property: d } = a(e, ["settings", "loading"]), { property: p } = a(e, [
       "settings",
       "multiSort"
     ]), { theme: f } = H(), { property: b } = a(e, ["size", "width"]), { property: g } = a(e, ["slots", "columns"]);
@@ -1612,8 +1612,8 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
             "fixed-header": r(i),
             headers: r(l),
             height: r(c),
-            hover: r(m),
-            items: r(u),
+            hover: r(u),
+            items: r(m),
             loading: r(d),
             "multi-sort": r(p),
             theme: r(f),
@@ -1651,7 +1651,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       });
     };
   }
-}), Dr = ["id"], Or = /* @__PURE__ */ S({
+}), Dr = ["id"], Fr = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -1660,9 +1660,9 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
   },
   setup(t) {
     const n = t, e = Z(), { open: o } = Po(`runtimeDlg/${$o()}`);
-    return mt(n.nodeId, "open", () => {
+    return pt(n.nodeId, "open", () => {
       o.value = !0;
-    }), mt(n.nodeId, "close", () => {
+    }), pt(n.nodeId, "close", () => {
       o.value = !1;
     }), (s, i) => {
       const l = B("v-dialog");
@@ -1675,16 +1675,16 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
           r(e) === "editor" ? (w(), te("div", {
             key: 0,
             id: `__node__@${n.nodeId}`
-          }, null, 8, Dr)) : se("", !0)
+          }, null, 8, Dr)) : re("", !0)
         ]),
         default: V(() => [
-          F(s.$slots, "default")
+          O(s.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue"]);
     };
   }
-}), Fr = /* @__PURE__ */ S({
+}), Or = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -1698,7 +1698,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     ]), { property: l } = a(e, [
       "settings",
       "disabled"
-    ]), { property: c } = a(e, ["settings", "label"]), { property: m } = a(e, ["settings", "loading"]), { property: u } = a(e, [
+    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "loading"]), { property: m } = a(e, [
       "settings",
       "multiple"
     ]), { property: d } = a(e, [
@@ -1721,8 +1721,8 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
             direction: r(i),
             disabled: r(l),
             label: r(c),
-            loading: r(m),
-            multiple: r(u),
+            loading: r(u),
+            multiple: r(m),
             readonly: r(d),
             reverse: r(p),
             "single-line": r(f)
@@ -1740,12 +1740,12 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = De(), s = Se(), i = re(), { applySize: l } = ge(n, e), { applyMargin: c } = pn(e), { applyPadding: m } = dn(e), { applyBorder: u } = mn(e), { property: d } = a(e, [
+    const n = t, { node: e } = P(n), o = De(), s = Se(), i = le(), { applySize: l } = ge(n, e), { applyMargin: c } = pn(e), { applyPadding: u } = dn(e), { applyBorder: m } = mn(e), { property: d } = a(e, [
       "settings",
       "backgroundColor"
     ]), { color: p } = Q(d), f = (g) => {
       p.value && (g.backgroundColor = p.value), g.display = "flex";
-      const k = ut(o.value.width), h = Ne(k, e.value.settings?.direction);
+      const k = mt(o.value.width), h = Ne(k, e.value.settings?.direction);
       h === "row" ? g.flexDirection = "row" : h === "rowReverse" ? g.flexDirection = "row-reverse" : h === "column" ? g.flexDirection = "column" : h === "columnReverse" && (g.flexDirection = "column-reverse");
       const x = Ne(k, e.value.settings?.wrap);
       x === "no" ? g.flexWrap = "nowrap" : x === "yes" ? g.flexWrap = "wrap" : x === "reverse" && (g.flexWrap = "wrap-reverse");
@@ -1755,12 +1755,12 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       v === "start" ? g.alignItems = "flex-start" : v === "end" ? g.alignItems = "flex-end" : v === "center" ? g.alignItems = "center" : v === "baseline" ? g.alignItems = "baseline" : v === "stretch" && (g.alignItems = "stretch");
     }, b = I(() => {
       const g = {}, k = i.value?.type;
-      return s === "page" ? k === "common" ? (l(g), c(g), m(g), u(g), f(g)) : console.assert(!1) : s === "comp" && k === "common" ? (l(g), c(g), m(g), u(g), f(g)) : console.assert(!1), g;
+      return s === "page" ? k === "common" ? (l(g), c(g), u(g), m(g), f(g)) : console.assert(!1) : s === "comp" && k === "common" ? (l(g), c(g), u(g), m(g), f(g)) : console.assert(!1), g;
     });
     return (g, k) => (w(), te("div", {
       style: fe(b.value)
     }, [
-      F(g.$slots, "default")
+      O(g.$slots, "default")
     ], 4));
   }
 }), jr = /* @__PURE__ */ S({
@@ -1771,14 +1771,14 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Se(), s = re(), { applySize: i } = ge(n, e), { property: l } = a(e, ["settings", "grow"]), { property: c } = a(e, ["settings", "shrink"]), m = I(() => {
-      const u = {}, d = s.value?.type;
-      return o === "page" ? d === "common" ? (i(u), u.flexGrow = l.value ? 1 : 0, u.flexShrink = c.value ? 1 : 0) : console.assert(!1) : o === "comp" && d === "common" ? (i(u), u.flexGrow = l.value ? 1 : 0, u.flexShrink = c.value ? 1 : 0) : console.assert(!1), u;
+    const n = t, { node: e } = P(n), o = Se(), s = le(), { applySize: i } = ge(n, e), { property: l } = a(e, ["settings", "grow"]), { property: c } = a(e, ["settings", "shrink"]), u = I(() => {
+      const m = {}, d = s.value?.type;
+      return o === "page" ? d === "common" ? (i(m), m.flexGrow = l.value ? 1 : 0, m.flexShrink = c.value ? 1 : 0) : console.assert(!1) : o === "comp" && d === "common" ? (i(m), m.flexGrow = l.value ? 1 : 0, m.flexShrink = c.value ? 1 : 0) : console.assert(!1), m;
     });
-    return (u, d) => (w(), te("div", {
-      style: fe(m.value)
+    return (m, d) => (w(), te("div", {
+      style: fe(u.value)
     }, [
-      F(u.$slots, "default")
+      O(m.$slots, "default")
     ], 4));
   }
 }), Gr = /* @__PURE__ */ S({
@@ -1789,19 +1789,19 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Se(), s = re(), i = ve(), { property: l } = a(e, ["settings", "valid"]), { property: c } = a(e, [
+    const n = t, { node: e } = P(n), o = Se(), s = le(), i = ve(), { property: l } = a(e, ["settings", "valid"]), { property: c } = a(e, [
       "settings",
       "fastFail"
-    ]), { property: m } = a(e, [
+    ]), { property: u } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: u } = Q(m), { applySize: d } = ge(n, e), { applyMargin: p } = pn(e), { applyPadding: f } = dn(e), { applyBorder: b } = mn(e), g = I(() => {
+    ]), { color: m } = Q(u), { applySize: d } = ge(n, e), { applyMargin: p } = pn(e), { applyPadding: f } = dn(e), { applyBorder: b } = mn(e), g = I(() => {
       const h = {}, x = s.value?.type;
-      return o === "page" ? x === "common" ? (d(h), p(h), f(h), b(h), u.value && (h.backgroundColor = u.value)) : console.assert(!1) : o === "comp" && x === "common" ? (d(h), p(h), f(h), b(h), u.value && (h.backgroundColor = u.value)) : console.assert(!1), h;
+      return o === "page" ? x === "common" ? (d(h), p(h), f(h), b(h), m.value && (h.backgroundColor = m.value)) : console.assert(!1) : o === "comp" && x === "common" ? (d(h), p(h), f(h), b(h), m.value && (h.backgroundColor = m.value)) : console.assert(!1), h;
     }), k = async () => {
       await i?.callFunctionAsync(
         "__triggerEventV1__",
-        ce("elementEvent", n.nodeId, "submit"),
+        ie("elementEvent", n.nodeId, "submit"),
         ""
       );
     };
@@ -1815,7 +1815,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
         onSubmit: si(k, ["prevent"])
       }, {
         default: V(() => [
-          F(h.$slots, "default")
+          O(h.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "fast-fail", "style"]);
@@ -1832,15 +1832,15 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "color"]), { color: s } = Q(o), { property: i } = a(e, [
       "settings",
       "disabled"
-    ]), { property: l } = a(e, ["settings", "icon"]), { property: c } = a(e, ["settings", "size"]), { theme: m } = H();
-    return (u, d) => {
+    ]), { property: l } = a(e, ["settings", "icon"]), { property: c } = a(e, ["settings", "size"]), { theme: u } = H();
+    return (m, d) => {
       const p = B("v-icon");
       return w(), C(p, {
         color: r(s),
         disabled: r(i),
         icon: r(l),
         size: r(c),
-        theme: r(m)
+        theme: r(u)
       }, null, 8, ["color", "disabled", "icon", "size", "theme"]);
     };
   }
@@ -1852,19 +1852,19 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, e = Z(), o = ve(), s = ie(0), i = ie(0), l = I(() => [s.value, i.value]), { open: c } = Po(`runtimeMenu/${$o()}`);
-    return mt(n.nodeId, "open", () => {
+    const n = t, e = Z(), o = ve(), s = se(0), i = se(0), l = I(() => [s.value, i.value]), { open: c } = Po(`runtimeMenu/${$o()}`);
+    return pt(n.nodeId, "open", () => {
       if (!o || !o.vm)
         return;
-      const { vm: m } = o, u = m.getProp(m.global, "__pointerPosX__"), d = m.getProp(m.global, "__pointerPosY__");
-      s.value = m.getNumber(u), i.value = m.getNumber(d), u.dispose(), d.dispose(), c.value = !0;
-    }), mt(n.nodeId, "close", () => {
+      const { vm: u } = o, m = u.getProp(u.global, "__pointerPosX__"), d = u.getProp(u.global, "__pointerPosY__");
+      s.value = u.getNumber(m), i.value = u.getNumber(d), m.dispose(), d.dispose(), c.value = !0;
+    }), pt(n.nodeId, "close", () => {
       o && (c.value = !1);
-    }), (m, u) => {
+    }), (u, m) => {
       const d = B("v-menu");
       return w(), C(d, {
         modelValue: r(c),
-        "onUpdate:modelValue": u[0] || (u[0] = (p) => ne(c) ? c.value = p : null),
+        "onUpdate:modelValue": m[0] || (m[0] = (p) => ne(c) ? c.value = p : null),
         attach: "menuContainer",
         "location-strategy": "connected",
         scrim: "transparent",
@@ -1874,10 +1874,10 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
           r(e) === "editor" ? (w(), te("div", {
             key: 0,
             id: `__node__@${n.nodeId}`
-          }, null, 8, Jr)) : se("", !0)
+          }, null, 8, Jr)) : re("", !0)
         ]),
         default: V(() => [
-          F(m.$slots, "default")
+          O(u.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "target"]);
@@ -1905,7 +1905,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     ]), { property: l } = a(e, [
       "settings",
       "hideDetails"
-    ]), { property: c } = a(e, ["settings", "label"]), { property: m } = a(e, ["settings", "loading"]), { property: u } = a(e, ["settings", "max"]), { property: d } = a(e, ["size", "maxWidth"]), { property: p } = a(e, ["settings", "min"]), { property: f } = a(e, ["size", "minWidth"]), { property: b } = a(e, [
+    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "loading"]), { property: m } = a(e, ["settings", "max"]), { property: d } = a(e, ["size", "maxWidth"]), { property: p } = a(e, ["settings", "min"]), { property: f } = a(e, ["size", "minWidth"]), { property: b } = a(e, [
       "settings",
       "placeholder"
     ]), { property: g } = a(e, [
@@ -1941,8 +1941,8 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
             clearable: r(i),
             "hide-details": r(l),
             label: r(c),
-            loading: r(m),
-            max: r(u),
+            loading: r(u),
+            max: r(m),
             "max-width": r(d),
             min: r(p),
             "min-width": r(f),
@@ -1979,7 +1979,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     ]), { property: l } = a(e, ["settings", "length"]), { property: c } = a(e, [
       "settings",
       "showFirstLastPage"
-    ]), { property: m } = a(e, ["settings", "size"]), { property: u } = a(e, ["settings", "start"]), { theme: d } = H(), { property: p } = a(e, ["settings", "tile"]), { property: f } = a(e, ["settings", "value"]), { property: b } = a(e, ["settings", "variant"]), g = I(() => {
+    ]), { property: u } = a(e, ["settings", "size"]), { property: m } = a(e, ["settings", "start"]), { theme: d } = H(), { property: p } = a(e, ["settings", "tile"]), { property: f } = a(e, ["settings", "value"]), { property: b } = a(e, ["settings", "variant"]), g = I(() => {
       const k = {};
       return o === "editor" && (k.pointerEvents = "none"), k;
     });
@@ -1997,8 +1997,8 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
             disabled: r(i),
             length: r(l),
             "show-first-last-page": r(c),
-            size: r(m),
-            start: r(u),
+            size: r(u),
+            start: r(m),
             style: fe(g.value),
             theme: r(d),
             tile: r(p),
@@ -2020,10 +2020,10 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "color"]), { color: s } = Q(o), { property: i } = a(e, ["settings", "density"]), { property: l } = a(e, [
       "settings",
       "disabled"
-    ]), { property: c } = a(e, ["settings", "label"]), { property: m } = a(e, [
+    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: u } = H(), { property: d } = a(e, ["settings", "value"]);
+    ]), { theme: m } = H(), { property: d } = a(e, ["settings", "value"]);
     return (p, f) => {
       const b = B("v-radio");
       return w(), C(b, {
@@ -2031,8 +2031,8 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
         density: r(i),
         disabled: r(l),
         label: r(c),
-        readonly: r(m),
-        theme: r(u),
+        readonly: r(u),
+        theme: r(m),
         value: r(d)
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
@@ -2054,23 +2054,23 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     ]), { property: l } = a(e, ["settings", "inline"]), { property: c } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: m } = H(), { property: u } = a(e, ["settings", "value"]);
+    ]), { theme: u } = H(), { property: m } = a(e, ["settings", "value"]);
     return (d, p) => {
       const f = B("v-radio-group");
       return w(), C(r(G), null, {
         default: V(() => [
           D(f, {
-            modelValue: r(u),
-            "onUpdate:modelValue": p[0] || (p[0] = (b) => ne(u) ? u.value = b : null),
+            modelValue: r(m),
+            "onUpdate:modelValue": p[0] || (p[0] = (b) => ne(m) ? m.value = b : null),
             density: r(o),
             direction: r(s),
             disabled: r(i),
             inline: r(l),
             readonly: r(c),
-            theme: r(m)
+            theme: r(u)
           }, {
             default: V(() => [
-              F(d.$slots, "default")
+              O(d.$slots, "default")
             ]),
             _: 3
           }, 8, ["modelValue", "density", "direction", "disabled", "inline", "readonly", "theme"])
@@ -2096,7 +2096,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     ]), { property: l } = a(e, [
       "settings",
       "hideDetails"
-    ]), { property: c } = a(e, ["settings", "label"]), { property: m } = a(e, ["settings", "max"]), { property: u } = a(e, ["settings", "min"]), { property: d } = a(e, [
+    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "max"]), { property: m } = a(e, ["settings", "min"]), { property: d } = a(e, [
       "settings",
       "readonly"
     ]), { property: p } = a(e, [
@@ -2158,8 +2158,8 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
             disabled: r(i),
             "hide-details": r(l),
             label: r(c),
-            max: r(m),
-            min: r(u),
+            max: r(u),
+            min: r(m),
             readonly: r(d),
             "show-ticks": f.value,
             step: r(b),
@@ -2191,7 +2191,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     ]), { property: l } = a(e, [
       "settings",
       "halfIncrements"
-    ]), { property: c } = a(e, ["settings", "hover"]), { property: m } = a(e, ["settings", "length"]), { property: u } = a(e, [
+    ]), { property: c } = a(e, ["settings", "hover"]), { property: u } = a(e, ["settings", "length"]), { property: m } = a(e, [
       "settings",
       "readonly"
     ]), { theme: d } = H(), { property: p } = a(e, ["settings", "value"]);
@@ -2207,8 +2207,8 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
             disabled: r(i),
             "half-increments": r(l),
             hover: r(c),
-            length: r(m),
-            readonly: r(u),
+            length: r(u),
+            readonly: r(m),
             theme: r(d)
           }, null, 8, ["modelValue", "clearable", "density", "disabled", "half-increments", "hover", "length", "readonly", "theme"])
         ]),
@@ -2236,7 +2236,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     ]), { property: c } = a(e, [
       "settings",
       "singleLine"
-    ]), { theme: m } = H(), { property: u } = a(e, ["settings", "value"]);
+    ]), { theme: u } = H(), { property: m } = a(e, ["settings", "value"]);
     return (d, p) => {
       const f = B("v-select");
       return w(), C(r(G), {
@@ -2245,14 +2245,14 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       }, {
         default: V(() => [
           D(f, {
-            modelValue: r(u),
-            "onUpdate:modelValue": p[0] || (p[0] = (b) => ne(u) ? u.value = b : null),
+            modelValue: r(m),
+            "onUpdate:modelValue": p[0] || (p[0] = (b) => ne(m) ? m.value = b : null),
             "hide-details": r(o),
             label: r(s),
             placeholder: r(i),
             readonly: r(l),
             "single-line": r(c),
-            theme: r(m)
+            theme: r(u)
           }, null, 8, ["modelValue", "hide-details", "label", "placeholder", "readonly", "single-line", "theme"])
         ]),
         _: 1
@@ -2276,7 +2276,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     ]), { property: c } = a(e, [
       "settings",
       "hideDetails"
-    ]), { property: m } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "max"]), { property: d } = a(e, ["settings", "min"]), { property: p } = a(e, [
+    ]), { property: u } = a(e, ["settings", "label"]), { property: m } = a(e, ["settings", "max"]), { property: d } = a(e, ["settings", "min"]), { property: p } = a(e, [
       "settings",
       "readonly"
     ]), { property: f } = a(e, ["settings", "reverse"]), { property: b } = a(e, [
@@ -2305,8 +2305,8 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       if (!J.value)
         return;
       const xe = {};
-      for (const { value: nt, label: kt } of J.value)
-        xe[nt] = kt;
+      for (const { value: nt, label: wt } of J.value)
+        xe[nt] = wt;
       if (!Wo(xe))
         return xe;
     }), { property: j } = a(e, [
@@ -2317,21 +2317,21 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       "trackColor"
     ]), { color: U } = Q(L), { property: oe } = a(e, ["settings", "value"]), { property: he } = a(e, ["slots", "append"]), { property: Le } = a(e, ["slots", "prepend"]);
     return (xe, nt) => {
-      const kt = B("v-slider");
+      const wt = B("v-slider");
       return w(), C(r(G), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
-          D(kt, {
+          D(wt, {
             modelValue: r(oe),
             "onUpdate:modelValue": nt[0] || (nt[0] = (ni) => ne(oe) ? oe.value = ni : null),
             color: r(s),
             direction: r(i),
             disabled: r(l),
             "hide-details": r(c),
-            label: r(m),
-            max: r(u),
+            label: r(u),
+            max: r(m),
             min: r(d),
             readonly: r(p),
             reverse: r(f),
@@ -2386,15 +2386,15 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       "hideActions"
     ]), { theme: s } = H(), { property: i } = a(e, ["settings", "value"]);
     return (l, c) => {
-      const m = B("v-stepper");
-      return w(), C(m, {
+      const u = B("v-stepper");
+      return w(), C(u, {
         modelValue: r(i),
-        "onUpdate:modelValue": c[0] || (c[0] = (u) => ne(i) ? i.value = u : null),
+        "onUpdate:modelValue": c[0] || (c[0] = (m) => ne(i) ? i.value = m : null),
         "hide-actions": r(o),
         theme: r(s)
       }, {
         default: V(() => [
-          F(l.$slots, "default")
+          O(l.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "hide-actions", "theme"]);
@@ -2405,7 +2405,7 @@ function sl(t, n) {
   const e = B("v-stepper-header");
   return w(), C(e, null, {
     default: V(() => [
-      F(t.$slots, "default")
+      O(t.$slots, "default")
     ]),
     _: 3
   });
@@ -2423,7 +2423,7 @@ const rl = /* @__PURE__ */ Re(il, [["render", sl]]), ll = /* @__PURE__ */ S({
       const l = B("v-stepper-item");
       return w(), C(l, { value: r(o) }, {
         default: V(() => [
-          F(s.$slots, "default")
+          O(s.$slots, "default")
         ]),
         _: 3
       }, 8, ["value"]);
@@ -2434,7 +2434,7 @@ function cl(t, n) {
   const e = B("v-stepper-window");
   return w(), C(e, null, {
     default: V(() => [
-      F(t.$slots, "default")
+      O(t.$slots, "default")
     ]),
     _: 3
   });
@@ -2452,7 +2452,7 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
       const l = B("v-stepper-window-item");
       return w(), C(l, { value: r(o) }, {
         default: V(() => [
-          F(s.$slots, "default")
+          O(s.$slots, "default")
         ]),
         _: 3
       }, 8, ["value"]);
@@ -2478,7 +2478,7 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
     ]), { property: c } = a(e, [
       "settings",
       "indeterminate"
-    ]), { property: m } = a(e, ["settings", "inline"]), { property: u } = a(e, ["settings", "inset"]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { theme: f } = H(), { property: b } = a(e, ["settings", "value"]);
+    ]), { property: u } = a(e, ["settings", "inline"]), { property: m } = a(e, ["settings", "inset"]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { theme: f } = H(), { property: b } = a(e, ["settings", "value"]);
     return (g, k) => {
       const h = B("v-switch");
       return w(), C(r(G), { mask: "" }, {
@@ -2491,8 +2491,8 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
             disabled: r(i),
             "hide-details": r(l),
             indeterminate: r(c),
-            inline: r(m),
-            inset: r(u),
+            inline: r(u),
+            inset: r(m),
             label: r(d),
             loading: r(p),
             theme: r(f)
@@ -2511,10 +2511,10 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
   },
   setup(t) {
     const n = t, { node: e } = P(n), o = Z(), { property: s } = a(e, ["settings", "text"]), { theme: i } = H(), { property: l } = a(e, ["settings", "value"]), c = I(() => {
-      const m = {};
-      return o === "editor" && (m.pointerEvents = "none"), m;
+      const u = {};
+      return o === "editor" && (u.pointerEvents = "none"), u;
     });
-    return (m, u) => {
+    return (u, m) => {
       const d = B("v-tab");
       return w(), C(r(G), { mask: "" }, {
         default: V(() => [
@@ -2551,7 +2551,7 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
       "settings",
       "color",
       "selectedColor"
-    ]), { color: m } = Q(c), { property: u } = a(e, ["settings", "density"]), { property: d } = a(e, [
+    ]), { color: u } = Q(c), { property: m } = a(e, ["settings", "density"]), { property: d } = a(e, [
       "settings",
       "direction"
     ]), { property: p } = a(e, [
@@ -2587,8 +2587,8 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
             "align-tabs": r(o),
             "bg-color": r(i),
             "center-active": r(l),
-            color: r(m),
-            density: r(u),
+            color: r(u),
+            density: r(m),
             direction: r(d),
             disabled: r(p),
             "fixed-tabs": r(f),
@@ -2602,7 +2602,7 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
             theme: r(T)
           }, {
             default: V(() => [
-              F(Y.$slots, "default")
+              O(Y.$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"])
@@ -2625,15 +2625,15 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
     ]), { property: l } = a(e, [
       "settings",
       "emphasis"
-    ]), { property: c } = a(e, ["settings", "italic"]), { property: m } = a(e, ["settings", "text"]), { property: u } = a(e, ["settings", "weight"]), d = I(() => {
-      const p = [], f = ut(o.value.width), b = Ne(f, e.value.settings?.style);
-      return b && p.push(`text-${b}`), l.value === "high" ? p.push("text-high-emphasis") : l.value === "medium" ? p.push("text-medium-emphasis") : l.value === "disabled" && p.push("text-disabled"), s.value && p.push(`font-${s.value}`), i.value && p.push(`text-decoration-${i.value}`), u.value && p.push(`font-weight-${u.value}`), c.value && p.push("font-italic"), p.join(" ");
+    ]), { property: c } = a(e, ["settings", "italic"]), { property: u } = a(e, ["settings", "text"]), { property: m } = a(e, ["settings", "weight"]), d = I(() => {
+      const p = [], f = mt(o.value.width), b = Ne(f, e.value.settings?.style);
+      return b && p.push(`text-${b}`), l.value === "high" ? p.push("text-high-emphasis") : l.value === "medium" ? p.push("text-medium-emphasis") : l.value === "disabled" && p.push("text-disabled"), s.value && p.push(`font-${s.value}`), i.value && p.push(`text-decoration-${i.value}`), m.value && p.push(`font-weight-${m.value}`), c.value && p.push("font-italic"), p.join(" ");
     });
     return (p, f) => (w(), C(r(G), { mask: "" }, {
       default: V(() => [
         We("span", {
           class: ri(d.value)
-        }, Co(r(m)), 3)
+        }, Co(r(u)), 3)
       ]),
       _: 1
     }));
@@ -2655,7 +2655,7 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
     ]), { property: i } = a(e, ["settings", "density"]), { property: l } = a(e, [
       "settings",
       "disabled"
-    ]), { property: c } = a(e, ["settings", "label"]), { property: m } = a(e, ["settings", "loading"]), { property: u } = a(e, ["settings", "maxRows"]), { property: d } = a(e, [
+    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "loading"]), { property: m } = a(e, ["settings", "maxRows"]), { property: d } = a(e, [
       "settings",
       "placeholder"
     ]), { property: p } = a(e, [
@@ -2680,8 +2680,8 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
             density: r(i),
             disabled: r(l),
             label: r(c),
-            loading: r(m),
-            "max-rows": r(u),
+            loading: r(u),
+            "max-rows": r(m),
             placeholder: r(d),
             readonly: r(p),
             reverse: r(f),
@@ -2715,10 +2715,10 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
     ]), { property: l } = a(e, [
       "settings",
       "clearable"
-    ]), { property: c } = a(e, ["settings", "density"]), { property: m } = a(e, [
+    ]), { property: c } = a(e, ["settings", "density"]), { property: u } = a(e, [
       "settings",
       "disabled"
-    ]), { property: u } = a(e, [
+    ]), { property: m } = a(e, [
       "settings",
       "hideDetails"
     ]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { property: f } = a(e, [
@@ -2758,8 +2758,8 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
             autofocus: r(i),
             clearable: r(l),
             density: r(c),
-            disabled: r(m),
-            "hide-details": r(u),
+            disabled: r(u),
+            "hide-details": r(m),
             label: r(d),
             loading: r(p),
             placeholder: r(f),
@@ -2838,11 +2838,11 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
       "settings",
       "dot",
       "color"
-    ]), { color: c } = Q(l), { property: m } = a(e, [
+    ]), { color: c } = Q(l), { property: u } = a(e, [
       "settings",
       "dot",
       "fill"
-    ]), { property: u } = a(e, [
+    ]), { property: m } = a(e, [
       "settings",
       "hideOpposite"
     ]), { property: d } = a(e, [
@@ -2869,8 +2869,8 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
         density: r(s),
         direction: r(i),
         "dot-color": r(c),
-        "fill-dot": r(m),
-        "hide-opposite": r(u),
+        "fill-dot": r(u),
+        "hide-opposite": r(m),
         "line-color": r(p),
         "line-inset": r(f),
         "line-thickness": r(b),
@@ -2879,7 +2879,7 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
         "truncate-line": r(k)
       }, {
         default: V(() => [
-          F(x.$slots, "default")
+          O(x.$slots, "default")
         ]),
         _: 3
       }, 8, ["align", "density", "direction", "dot-color", "fill-dot", "hide-opposite", "line-color", "line-inset", "line-thickness", "side", "theme", "truncate-line"]);
@@ -2890,7 +2890,7 @@ function vl(t, n) {
   const e = B("v-timeline-item");
   return w(), C(e, null, {
     default: V(() => [
-      F(t.$slots, "default")
+      O(t.$slots, "default")
     ]),
     _: 3
   });
@@ -2915,7 +2915,7 @@ const xl = /* @__PURE__ */ Re(_l, [["render", vl]]), kl = /* @__PURE__ */ S({
     ]), { property: l } = a(e, ["settings", "reverse"]), { property: c } = a(e, [
       "settings",
       "showArrows"
-    ]), { property: m } = a(e, ["settings", "touch"]), { theme: u } = H(), { property: d } = a(e, ["settings", "value"]);
+    ]), { property: u } = a(e, ["settings", "touch"]), { theme: m } = H(), { property: d } = a(e, ["settings", "value"]);
     return (p, f) => {
       const b = B("v-window");
       return w(), C(b, {
@@ -2926,11 +2926,11 @@ const xl = /* @__PURE__ */ Re(_l, [["render", vl]]), kl = /* @__PURE__ */ S({
         disabled: r(s),
         reverse: r(l),
         "show-arrows": r(c),
-        theme: r(u),
-        touch: r(m)
+        theme: r(m),
+        touch: r(u)
       }, {
         default: V(() => [
-          F(p.$slots, "default")
+          O(p.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "continuous", "direction", "disabled", "reverse", "show-arrows", "theme", "touch"]);
@@ -2941,7 +2941,7 @@ function Il(t, n) {
   const e = B("v-window-item");
   return w(), C(e, null, {
     default: V(() => [
-      F(t.$slots, "default")
+      O(t.$slots, "default")
     ]),
     _: 3
   });
@@ -2958,30 +2958,30 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
     console.log(`<element/${t.nodeId}/multiple_ref_v1/${t.instance}> created`), Ie(() => {
       console.log(`<element/${t.nodeId}/multiple_ref_v1/${t.instance}> destroyed`);
     });
-    const n = Z(), e = re(), o = I(() => O(e.value));
-    Pe(o), ae(n) && tt(o, "multipleSlot", t.nodeId, t.instance, ve());
+    const n = Z(), e = le(), o = I(() => F(e.value));
+    Pe(o), ce(n) && tt(o, "multipleSlot", t.nodeId, t.instance, ve());
     const s = (l) => {
       const c = we[l.key];
       if (!c) {
         console.assert(!1, `element not found key=${l.key}`);
         return;
       }
-      const m = {
+      const u = {
         nodeId: l.id
       };
-      return Xe(l.key) && (m.refContext = {
+      return Xe(l.key) && (u.refContext = {
         parent: t.refContext,
         compId: l.compId
       }), K(
         c.comp,
         {
           key: l.id,
-          ...m
+          ...u
         },
         {
           default: () => {
             if (!c.leaf)
-              return l.children?.map((u) => s(u));
+              return l.children?.map((m) => s(m));
           }
         }
       );
@@ -3021,8 +3021,8 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
           We("div", Vl, Co(t.label), 1)
         ]),
         _: 1
-      })) : se("", !0),
-      F(n.$slots, "default")
+      })) : re("", !0),
+      O(n.$slots, "default")
     ], 8, Cl));
   }
 }), Pl = /* @__PURE__ */ S({
@@ -3033,13 +3033,13 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = bt(), e = t, { node: o } = P(e), s = Qe(), i = re(), l = ie();
+    const n = gt(), e = t, { node: o } = P(e), s = Qe(), i = le(), l = se();
     Pe(l);
     const c = I(() => e.refContext?.compId);
     et(c, l);
-    const { applySize: m } = ge(e, o), u = I(() => {
+    const { applySize: u } = ge(e, o), m = I(() => {
       const _ = {};
-      return l.value?.type === "common" && m(_), _;
+      return l.value?.type === "common" && u(_), _;
     }), { position: d, rotation: p, scale: f } = me(o), { property: b } = a(o, ["instances"]), g = (_, v) => {
       _.findIndex((z) => z === v) >= 0 || _.push(v);
     }, k = I(() => {
@@ -3068,7 +3068,7 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
       if (Ye(e.refContext, s))
         return i.value.type === "common" ? K(
           "div",
-          { id: n.id, style: u.value },
+          { id: n.id, style: m.value },
           _.global.t("x-runtime-lib.circularReference")
         ) : i.value.type === "scene" ? K(ue, {
           name: n.name,
@@ -3078,7 +3078,7 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
           label: _.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!l.value)
-        return i.value.type === "common" ? K("div", { id: n.id, style: u.value }) : i.value.type === "scene" ? K(ue, {
+        return i.value.type === "common" ? K("div", { id: n.id, style: m.value }) : i.value.type === "scene" ? K(ue, {
           name: n.name,
           position: d.value,
           rotation: p.value,
@@ -3094,7 +3094,7 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
           "div",
           {
             id: n.id,
-            style: u.value
+            style: m.value
           },
           {
             default: () => k.value.map((z) => h(z, v))
@@ -3128,30 +3128,30 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
     console.log(`<element/${t.nodeId}/multiple_slot_v1/${t.instance}> created`), Ie(() => {
       console.log(`<element/${t.nodeId}/multiple_slot_v1/${t.instance}> destroyed`);
     });
-    const n = Z(), e = re(), o = I(() => O(e.value));
-    Pe(o), ae(n) && tt(o, "multipleSlot", t.nodeId, t.instance, ve());
+    const n = Z(), e = le(), o = I(() => F(e.value));
+    Pe(o), ce(n) && tt(o, "multipleSlot", t.nodeId, t.instance, ve());
     const s = (l) => {
       const c = we[l.key];
       if (!c) {
         console.assert(!1, `element not found key=${l.key}`);
         return;
       }
-      const m = {
+      const u = {
         nodeId: l.id
       };
-      return Xe(l.key) && (m.refContext = {
+      return Xe(l.key) && (u.refContext = {
         parent: t.refContext,
         compId: l.compId
       }), K(
         c.comp,
         {
           key: l.id,
-          ...m
+          ...u
         },
         {
           default: () => {
             if (!c.leaf)
-              return l.children?.map((u) => s(u));
+              return l.children?.map((m) => s(m));
           }
         }
       );
@@ -3175,13 +3175,13 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = bt(), e = t, { node: o } = P(e), s = Qe(), i = re(), l = ie();
+    const n = gt(), e = t, { node: o } = P(e), s = Qe(), i = le(), l = se();
     Pe(l);
     const c = I(() => e.refContext?.compId);
     et(c, l);
-    const { applySize: m } = ge(e, o), u = I(() => {
+    const { applySize: u } = ge(e, o), m = I(() => {
       const _ = {};
-      return l.value?.type === "common" && m(_), _;
+      return l.value?.type === "common" && u(_), _;
     }), { position: d, rotation: p, scale: f } = me(o), { property: b } = a(o, ["instances"]), g = (_, v) => {
       _.findIndex((z) => z === v) >= 0 || _.push(v);
     }, k = I(() => {
@@ -3210,7 +3210,7 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
       if (Ye(e.refContext, s))
         return i.value.type === "common" ? K(
           "div",
-          { id: n.id, style: u.value },
+          { id: n.id, style: m.value },
           _.global.t("x-runtime-lib.circularReference")
         ) : i.value.type === "scene" ? K(ue, {
           name: n.name,
@@ -3220,7 +3220,7 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
           label: _.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!l.value)
-        return i.value.type === "common" ? K("div", { id: n.id, style: u.value }) : i.value.type === "scene" ? K(ue, {
+        return i.value.type === "common" ? K("div", { id: n.id, style: m.value }) : i.value.type === "scene" ? K(ue, {
           name: n.name,
           position: d.value,
           rotation: p.value,
@@ -3236,7 +3236,7 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
           "div",
           {
             id: n.id,
-            style: u.value
+            style: m.value
           },
           {
             default: () => k.value.map((z) => h(z, v))
@@ -3266,13 +3266,13 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = bt(), e = t, { node: o } = P(e), s = Z(), i = Qe(), l = re(), c = ie();
+    const n = gt(), e = t, { node: o } = P(e), s = Z(), i = Qe(), l = le(), c = se();
     Pe(c);
-    const m = I(() => e.refContext?.compId);
-    et(m, c), ae(s) && tt(c, "ref", e.nodeId, "", ve());
-    const { applySize: u } = ge(e, o), d = I(() => {
+    const u = I(() => e.refContext?.compId);
+    et(u, c), ce(s) && tt(c, "ref", e.nodeId, "", ve());
+    const { applySize: m } = ge(e, o), d = I(() => {
       const h = {};
-      return l.value?.type === "common" && u(h), h;
+      return l.value?.type === "common" && m(h), h;
     }), { position: p, rotation: f, scale: b } = me(o), g = (h) => {
       const x = we[h.key];
       if (!x) {
@@ -3370,7 +3370,7 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
     const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "open"]);
     return (s, i) => (w(), C(r(G), null, {
       default: V(() => [
-        r(o) ? F(s.$slots, "default", { key: 0 }) : se("", !0)
+        r(o) ? O(s.$slots, "default", { key: 0 }) : re("", !0)
       ]),
       _: 3
     }));
@@ -3383,13 +3383,13 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = bt(), e = t, { node: o } = P(e), s = Z(), i = Qe(), l = re(), c = ie();
+    const n = gt(), e = t, { node: o } = P(e), s = Z(), i = Qe(), l = le(), c = se();
     Pe(c);
-    const m = I(() => e.refContext?.compId);
-    et(m, c), ae(s) && tt(c, "slot", e.nodeId, "", ve());
-    const { applySize: u } = ge(e, o), d = I(() => {
+    const u = I(() => e.refContext?.compId);
+    et(u, c), ce(s) && tt(c, "slot", e.nodeId, "", ve());
+    const { applySize: m } = ge(e, o), d = I(() => {
       const h = {};
-      return c.value?.type === "common" && u(h), h;
+      return c.value?.type === "common" && m(h), h;
     }), { position: p, rotation: f, scale: b } = me(o);
     function g(h) {
       const x = we[h.key];
@@ -3540,7 +3540,7 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
       ]
     }
   ]
-}, Al = O(ee), Te = {
+}, Al = F(ee), Te = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -3594,7 +3594,7 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
       ]
     }
   ]
-}, pt = {
+}, dt = {
   key: "legend",
   name: "x-runtime-lib.legend",
   children: [
@@ -3732,7 +3732,7 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
       default: ""
     }
   ]
-}, dt = {
+}, ft = {
   key: "title",
   name: "x-runtime-lib.title",
   children: [
@@ -3841,7 +3841,7 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
       ]
     }
   ]
-}, ft = {
+}, yt = {
   key: "xAxis",
   name: "x-runtime-lib.xAxis",
   children: [
@@ -3874,7 +3874,7 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
       defaultArray: []
     }
   ]
-}, yt = {
+}, bt = {
   key: "yAxis",
   name: "x-runtime-lib.yAxis",
   children: [
@@ -4086,7 +4086,7 @@ function Dl(t, n) {
       z: 1
     }
   };
-  const l = Ol(t, n), c = Fl(t, n);
+  const l = Fl(t, n), c = Ol(t, n);
   return {
     nodeLite: M(i, [l.nodeLite, c.nodeLite]),
     nodes: {
@@ -4096,7 +4096,7 @@ function Dl(t, n) {
     }
   };
 }
-function Ol(t, n) {
+function Fl(t, n) {
   const e = `type=${t} subtype=${n}`, o = R(t, n);
   if (!o) {
     console.error(
@@ -4126,7 +4126,7 @@ function Ol(t, n) {
     }
   };
 }
-function Fl(t, n) {
+function Ol(t, n) {
   const e = `type=${t} subtype=${n}`, o = R(t, n);
   if (!o) {
     console.error(
@@ -4368,15 +4368,15 @@ const Pn = {
   spawn: Nl
 };
 $(Tt);
-const ht = O(ee);
-ht.children[0].default = "custom";
-ht.children[2].children[0].default = "0xffffff";
-ht.children[2].children[1].default = "0xffffff";
+const _t = F(ee);
+_t.children[0].default = "custom";
+_t.children[2].children[0].default = "0xffffff";
+_t.children[2].children[1].default = "0xffffff";
 const Ln = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    ht,
+    _t,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -4398,15 +4398,15 @@ const Ln = {
   slots: []
 };
 $(Hl);
-const _t = O(ee);
-_t.children[0].default = "custom";
-_t.children[2].children[0].default = "0xffffff";
-_t.children[2].children[1].default = "0xffffff";
+const vt = F(ee);
+vt.children[0].default = "custom";
+vt.children[2].children[0].default = "0xffffff";
+vt.children[2].children[1].default = "0xffffff";
 const zn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    _t,
+    vt,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -4428,15 +4428,15 @@ const zn = {
   slots: []
 };
 $(Jl);
-const vt = O(ee);
-vt.children[0].default = "custom";
-vt.children[2].children[0].default = "0xffffff";
-vt.children[2].children[1].default = "0xffffff";
+const xt = F(ee);
+xt.children[0].default = "custom";
+xt.children[2].children[0].default = "0xffffff";
+xt.children[2].children[1].default = "0xffffff";
 const Tn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    vt,
+    xt,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -4472,15 +4472,15 @@ const Tn = {
   slots: []
 };
 $(Ul);
-const xt = O(ee);
-xt.children[0].default = "custom";
-xt.children[2].children[0].default = "0xffffff";
-xt.children[2].children[1].default = "0xffffff";
+const kt = F(ee);
+kt.children[0].default = "custom";
+kt.children[2].children[0].default = "0xffffff";
+kt.children[2].children[1].default = "0xffffff";
 const En = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    xt,
+    kt,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -4623,8 +4623,8 @@ const An = {
   name: "x-runtime-lib.barChart",
   comp: kr,
   properties: {
-    pageCommon: [y, q, dt, ft, yt, pt, An],
-    compCommon: [y, q, dt, ft, yt, pt, An]
+    pageCommon: [y, q, ft, yt, bt, dt, An],
+    compCommon: [y, q, ft, yt, bt, dt, An]
   },
   leaf: !0,
   spawn: Yl
@@ -4680,8 +4680,8 @@ const Mn = {
   name: "x-runtime-lib.lineChart",
   comp: wr,
   properties: {
-    pageCommon: [y, q, dt, ft, yt, pt, Mn],
-    compCommon: [y, q, dt, ft, yt, pt, Mn]
+    pageCommon: [y, q, ft, yt, bt, dt, Mn],
+    compCommon: [y, q, ft, yt, bt, dt, Mn]
   },
   leaf: !0,
   spawn: Zl
@@ -4751,7 +4751,7 @@ function ea(t, n) {
     }
   };
 }
-const ta = O(ee), Bn = {
+const ta = F(ee), Bn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5050,7 +5050,7 @@ const Dn = {
   leaf: !0
 };
 $(sa);
-const ra = O(ee), On = {
+const ra = F(ee), Fn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5130,8 +5130,8 @@ const ra = O(ee), On = {
   name: "x-runtime-lib.chip",
   comp: Tr,
   properties: {
-    pageCommon: [y, On],
-    compCommon: [y, On]
+    pageCommon: [y, Fn],
+    compCommon: [y, Fn]
   },
   leaf: !0
 };
@@ -5149,13 +5149,13 @@ function la(t, n) {
   }
   const i = A();
   W(i, s), i.basic.id = E(16), i.basic.key = Bt.key;
-  const l = ze(t, n, "chip1", "chip 1"), c = ze(t, n, "chip2", "chip 2"), m = ze(t, n, "chip3", "chip 3"), u = ze(t, n, "chip4", "chip 4"), d = ze(t, n, "chip5", "chip 5"), p = ze(t, n, "chip6", "chip 6");
+  const l = ze(t, n, "chip1", "chip 1"), c = ze(t, n, "chip2", "chip 2"), u = ze(t, n, "chip3", "chip 3"), m = ze(t, n, "chip4", "chip 4"), d = ze(t, n, "chip5", "chip 5"), p = ze(t, n, "chip6", "chip 6");
   return {
     nodeLite: M(i, [
       l.nodeLite,
       c.nodeLite,
-      m.nodeLite,
       u.nodeLite,
+      m.nodeLite,
       d.nodeLite,
       p.nodeLite
     ]),
@@ -5163,8 +5163,8 @@ function la(t, n) {
       [i.basic.id]: i,
       ...l.nodes,
       ...c.nodes,
-      ...m.nodes,
       ...u.nodes,
+      ...m.nodes,
       ...d.nodes,
       ...p.nodes
     }
@@ -5189,7 +5189,7 @@ function ze(t, n, e, o) {
     }
   };
 }
-const Fn = {
+const On = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5248,8 +5248,8 @@ const Fn = {
   name: "x-runtime-lib.chipGroup",
   comp: Er,
   properties: {
-    pageCommon: [y, Fn],
-    compCommon: [y, Fn]
+    pageCommon: [y, On],
+    compCommon: [y, On]
   },
   spawn: la
 };
@@ -5317,7 +5317,7 @@ const Nn = {
   leaf: !0
 };
 $(ca);
-const fn = O(ee);
+const fn = F(ee);
 fn.key = "backgroundColor";
 fn.name = "x-runtime-lib.backgroundColor";
 const jn = {
@@ -5517,7 +5517,7 @@ $(ma);
 const pa = {
   key: "common_dialog_v1",
   name: "x-runtime-lib.dialog",
-  comp: Or,
+  comp: Fr,
   properties: {
     pageCommon: [y],
     compCommon: [y]
@@ -5542,7 +5542,7 @@ const Un = {
 }, Vu = {
   key: "common_file_input_v1",
   name: "x-runtime-lib.fileInput",
-  comp: Fr,
+  comp: Or,
   properties: {
     pageCommon: [y, Un],
     compCommon: [y, Un]
@@ -5606,14 +5606,14 @@ function da(t, n) {
     void 0,
     "60px",
     void 0
-  ), m = fa(t, n);
+  ), u = fa(t, n);
   return {
-    nodeLite: M(i, [l.nodeLite, c.nodeLite, m.nodeLite]),
+    nodeLite: M(i, [l.nodeLite, c.nodeLite, u.nodeLite]),
     nodes: {
       [i.basic.id]: i,
       ...l.nodes,
       ...c.nodes,
-      ...m.nodes
+      ...u.nodes
     }
   };
 }
@@ -5650,18 +5650,18 @@ function fa(t, n) {
     }
   };
 }
-function Dt(t, n, e, o, s, i, l, c, m) {
-  const u = `type=${t} subtype=${n}`, d = R(t, n);
+function Dt(t, n, e, o, s, i, l, c, u) {
+  const m = `type=${t} subtype=${n}`, d = R(t, n);
   if (!d) {
     console.error(
-      `flexLayoutV1/spawnContainer property tag not found, ${u}`
+      `flexLayoutV1/spawnContainer property tag not found, ${m}`
     );
     return;
   }
   const p = Rt.properties[d];
   if (!p) {
     console.error(
-      `flexLayoutV1/spawnContainer properties not found, ${u}`
+      `flexLayoutV1/spawnContainer properties not found, ${m}`
     );
     return;
   }
@@ -5673,7 +5673,7 @@ function Dt(t, n, e, o, s, i, l, c, m) {
     }
   };
 }
-const yn = O(ee);
+const yn = F(ee);
 yn.key = "backgroundColor";
 yn.name = "x-runtime-lib.backgroundColor";
 const Xn = {
@@ -6013,7 +6013,7 @@ const Yn = {
       default: void 0
     }
   ]
-}, Ot = {
+}, Ft = {
   key: "common_text_field_v1",
   name: "x-runtime-lib.textField",
   comp: gl,
@@ -6043,20 +6043,20 @@ const Yn = {
   ],
   leaf: !0
 };
-$(Ot);
+$(Ft);
 function ya(t, n) {
   const e = `type=${t} subtype=${n}`, o = R(t, n);
   if (!o) {
     console.error(`formV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = Ft.properties[o];
+  const s = Ot.properties[o];
   if (!s) {
     console.error(`formV1/spawn properties not found, ${e}`);
     return;
   }
   const i = A();
-  W(i, s), i.basic.id = E(16), i.basic.key = Ft.key;
+  W(i, s), i.basic.id = E(16), i.basic.key = Ot.key;
   const l = ba(t, n);
   return {
     nodeLite: M(i, [l.nodeLite]),
@@ -6072,13 +6072,13 @@ function ba(t, n) {
     console.error(`formV1/spawnTextField property tag not found, ${e}`);
     return;
   }
-  const s = Ot.properties[o];
+  const s = Ft.properties[o];
   if (!s) {
     console.error(`formV1/spawnTextField properties not found, ${e}`);
     return;
   }
   const i = A();
-  return W(i, s), i.basic.id = E(16), i.basic.key = Ot.key, {
+  return W(i, s), i.basic.id = E(16), i.basic.key = Ft.key, {
     nodeLite: M(i),
     nodes: {
       [i.basic.id]: i
@@ -6103,7 +6103,7 @@ const Qn = {
       default: !1
     }
   ]
-}, Ft = {
+}, Ot = {
   key: "common_form_v1",
   name: "x-runtime-lib.form",
   comp: Gr,
@@ -6119,8 +6119,8 @@ const Qn = {
   ],
   spawn: ya
 };
-$(Ft);
-const ga = O(ee), eo = {
+$(Ot);
+const ga = F(ee), eo = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6471,7 +6471,7 @@ const oo = {
   leaf: !0
 };
 $(xa);
-const ka = O(ee), io = {
+const ka = F(ee), io = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6532,22 +6532,22 @@ function wa(t, n) {
   }
   const i = A();
   W(i, s), i.basic.id = E(16), i.basic.key = Gt.key, i.settings.value = "option1";
-  const l = It(t, n, "option1", "Option 1"), c = It(t, n, "option2", "Option 2"), m = It(t, n, "option3", "Option 3");
+  const l = St(t, n, "option1", "Option 1"), c = St(t, n, "option2", "Option 2"), u = St(t, n, "option3", "Option 3");
   return {
     nodeLite: M(i, [
       l.nodeLite,
       c.nodeLite,
-      m.nodeLite
+      u.nodeLite
     ]),
     nodes: {
       [i.basic.id]: i,
       ...l.nodes,
       ...c.nodes,
-      ...m.nodes
+      ...u.nodes
     }
   };
 }
-function It(t, n, e, o) {
+function St(t, n, e, o) {
   const s = `type=${t} subtype=${n}`, i = R(t, n);
   if (!i) {
     console.error(
@@ -6868,13 +6868,13 @@ const ao = {
   leaf: !0
 };
 $($a);
-const bn = O(ee);
+const bn = F(ee);
 bn.key = "color";
 bn.name = "x-runtime-lib.color";
-const gn = O(ee);
+const gn = F(ee);
 gn.key = "trackColor";
 gn.name = "x-runtime-lib.trackColor";
-const hn = O(ee);
+const hn = F(ee);
 hn.key = "thumbColor";
 hn.name = "x-runtime-lib.thumbColor";
 const co = {
@@ -7112,18 +7112,18 @@ function Pa(t, n) {
   }
   const i = A();
   W(i, s), i.basic.id = E(16), i.basic.key = Ht.key;
-  const l = St(t, n, "step1"), c = St(t, n, "step2"), m = St(t, n, "step3");
+  const l = $t(t, n, "step1"), c = $t(t, n, "step2"), u = $t(t, n, "step3");
   return {
-    nodeLite: M(i, [l.nodeLite, c.nodeLite, m.nodeLite]),
+    nodeLite: M(i, [l.nodeLite, c.nodeLite, u.nodeLite]),
     nodes: {
       [i.basic.id]: i,
       ...l.nodes,
       ...c.nodes,
-      ...m.nodes
+      ...u.nodes
     }
   };
 }
-function St(t, n, e) {
+function $t(t, n, e) {
   const o = `type=${t} subtype=${n}`, s = R(t, n);
   if (!s) {
     console.error(`stepperV1/spawnItem property tag not found, ${o}`);
@@ -7155,18 +7155,18 @@ function La(t, n) {
   }
   const i = A();
   W(i, s), i.basic.id = E(16), i.basic.key = Ut.key;
-  const l = $t(t, n, "step1", "step 1"), c = $t(t, n, "step2", "step 2"), m = $t(t, n, "step3", "step 3");
+  const l = Ct(t, n, "step1", "step 1"), c = Ct(t, n, "step2", "step 2"), u = Ct(t, n, "step3", "step 3");
   return {
-    nodeLite: M(i, [l.nodeLite, c.nodeLite, m.nodeLite]),
+    nodeLite: M(i, [l.nodeLite, c.nodeLite, u.nodeLite]),
     nodes: {
       [i.basic.id]: i,
       ...l.nodes,
       ...c.nodes,
-      ...m.nodes
+      ...u.nodes
     }
   };
 }
-function $t(t, n, e, o) {
+function Ct(t, n, e, o) {
   const s = `type=${t} subtype=${n}`, i = R(t, n);
   if (!i) {
     console.error(
@@ -7183,12 +7183,12 @@ function $t(t, n, e, o) {
   }
   const c = A();
   W(c, l), c.basic.id = E(16), c.basic.key = qt.key, c.settings.value = e;
-  const m = za(t, n, o);
+  const u = za(t, n, o);
   return {
-    nodeLite: M(c, [m.nodeLite]),
+    nodeLite: M(c, [u.nodeLite]),
     nodes: {
       [c.basic.id]: c,
-      ...m.nodes
+      ...u.nodes
     }
   };
 }
@@ -7291,18 +7291,18 @@ function Ea(t, n) {
   }
   const i = A();
   W(i, s), i.basic.id = E(16), i.basic.key = Zt.key;
-  const l = Ct(t, n, "tab1", "tab 1"), c = Ct(t, n, "tab2", "tab 2"), m = Ct(t, n, "tab3", "tab 3");
+  const l = Vt(t, n, "tab1", "tab 1"), c = Vt(t, n, "tab2", "tab 2"), u = Vt(t, n, "tab3", "tab 3");
   return {
-    nodeLite: M(i, [l.nodeLite, c.nodeLite, m.nodeLite]),
+    nodeLite: M(i, [l.nodeLite, c.nodeLite, u.nodeLite]),
     nodes: {
       [i.basic.id]: i,
       ...l.nodes,
       ...c.nodes,
-      ...m.nodes
+      ...u.nodes
     }
   };
 }
-function Ct(t, n, e, o) {
+function Vt(t, n, e, o) {
   const s = `type=${t} subtype=${n}`, i = R(t, n);
   if (!i) {
     console.error(`tabsV1/spawnTab property tag not found, ${s}`);
@@ -7321,13 +7321,13 @@ function Ct(t, n, e, o) {
     }
   };
 }
-const _n = O(ee);
+const _n = F(ee);
 _n.key = "backgroundColor";
 _n.name = "x-runtime-lib.backgroundColor";
-const vn = O(ee);
+const vn = F(ee);
 vn.key = "selectedColor";
 vn.name = "x-runtime-lib.selectedColor";
-const xn = O(ee);
+const xn = F(ee);
 xn.key = "sliderColor";
 xn.name = "x-runtime-lib.sliderColor";
 const bo = {
@@ -7662,18 +7662,18 @@ function Wa(t, n) {
   }
   const i = A();
   W(i, s), i.basic.id = E(16), i.basic.key = tn.key;
-  const l = Vt(t, n, "timeline 1"), c = Vt(t, n, "timeline 2"), m = Vt(t, n, "timeline 3");
+  const l = Pt(t, n, "timeline 1"), c = Pt(t, n, "timeline 2"), u = Pt(t, n, "timeline 3");
   return {
-    nodeLite: M(i, [l.nodeLite, c.nodeLite, m.nodeLite]),
+    nodeLite: M(i, [l.nodeLite, c.nodeLite, u.nodeLite]),
     nodes: {
       [i.basic.id]: i,
       ...l.nodes,
       ...c.nodes,
-      ...m.nodes
+      ...u.nodes
     }
   };
 }
-function Vt(t, n, e) {
+function Pt(t, n, e) {
   const o = `type=${t} subtype=${n}`, s = R(t, n);
   if (!s) {
     console.error(`timelineV1/spawnEntry property tag not found, ${o}`);
@@ -7714,7 +7714,7 @@ function Ba(t, n, e) {
     }
   };
 }
-const Ra = O(ee), Ka = O(ee), _o = {
+const Ra = F(ee), Ka = F(ee), _o = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7826,18 +7826,18 @@ function Da(t, n) {
   }
   const i = A();
   W(i, s), i.basic.id = E(16), i.basic.key = on.key;
-  const l = Pt(t, n, "window 1"), c = Pt(t, n, "window 2"), m = Pt(t, n, "window 3");
+  const l = Lt(t, n, "window 1"), c = Lt(t, n, "window 2"), u = Lt(t, n, "window 3");
   return {
-    nodeLite: M(i, [l.nodeLite, c.nodeLite, m.nodeLite]),
+    nodeLite: M(i, [l.nodeLite, c.nodeLite, u.nodeLite]),
     nodes: {
       [i.basic.id]: i,
       ...l.nodes,
       ...c.nodes,
-      ...m.nodes
+      ...u.nodes
     }
   };
 }
-function Pt(t, n, e) {
+function Lt(t, n, e) {
   const o = `type=${t} subtype=${n}`, s = R(t, n);
   if (!s) {
     console.error(`windowV1/spawnEntry property tag not found, ${o}`);
@@ -7850,7 +7850,7 @@ function Pt(t, n, e) {
   }
   const l = A();
   W(l, i), l.basic.id = E(16), l.basic.key = nn.key;
-  const c = Oa(t, n, e);
+  const c = Fa(t, n, e);
   return {
     nodeLite: M(l, [c.nodeLite]),
     nodes: {
@@ -7859,7 +7859,7 @@ function Pt(t, n, e) {
     }
   };
 }
-function Oa(t, n, e) {
+function Fa(t, n, e) {
   const o = `type=${t} subtype=${n}`, s = R(t, n);
   if (!s) {
     console.error(
@@ -7874,7 +7874,7 @@ function Oa(t, n, e) {
   }
   const l = A();
   W(l, i), l.basic.id = E(16), l.basic.key = Ue.key, l.size.height = "200px", l.settings.mainAlign.xs = "center", l.settings.crossAlign.xs = "center", l.settings.backgroundColor.mode = "theme", l.settings.backgroundColor.theme = "background2";
-  const c = Fa(t, n, e);
+  const c = Oa(t, n, e);
   return {
     nodeLite: M(l, [c.nodeLite]),
     nodes: {
@@ -7883,7 +7883,7 @@ function Oa(t, n, e) {
     }
   };
 }
-function Fa(t, n, e) {
+function Oa(t, n, e) {
   const o = `type=${t} subtype=${n}`, s = R(t, n);
   if (!s) {
     console.error(`windowV1/spawnText property tag not found, ${o}`);
@@ -8104,7 +8104,7 @@ const at = {
   leaf: !0
 };
 $(Ja);
-const Ke = O(ee);
+const Ke = F(ee);
 Ke.key = "backgroundColor";
 Ke.name = "x-runtime-lib.backgroundColor";
 const No = {
@@ -8379,7 +8379,7 @@ const nc = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: gt,
+    validator: ht,
     default: "0px",
     precision: 0,
     min: 0,
@@ -8427,7 +8427,7 @@ const nc = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: gt,
+    validator: ht,
     default: "0px"
   },
   {
@@ -8450,7 +8450,7 @@ const nc = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: gt,
+    validator: ht,
     min: 0,
     default: "0px"
   },
@@ -8475,7 +8475,7 @@ const nc = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: gt,
+    validator: ht,
     min: 0,
     default: "0px"
   },
@@ -8893,7 +8893,7 @@ const nc = [
     compCommon: Wc,
     compScene: Bc
   }
-}, Oc = {
+}, Fc = {
   v1: Dc
 };
 function R(t, n) {
@@ -8910,9 +8910,9 @@ function R(t, n) {
 }
 function ko(t, n) {
   if (t.array)
-    return n ? O(t.default) : O(t.defaultArray);
+    return n ? F(t.default) : F(t.defaultArray);
   {
-    const e = O(t.default);
+    const e = F(t.default);
     return (t.ui === "switch" || t.ui === "select" || t.ui === "colorPicker" || t.ui === "multiTypes" || t.ui === "selectComp" || t.ui === "selectSlot" || t.ui === "selectAdaptSlot") && !e ? void 0 : e;
   }
 }
@@ -8935,18 +8935,18 @@ function Pu(t, n, e, o, s) {
     console.error(`spawnNode property tag not found, ${i}`);
     return;
   }
-  const c = Oc[e];
+  const c = Fc[e];
   if (!c) {
     console.error(`spawnNode pkg not found version, ${i}`);
     return;
   }
   if (o) {
-    const m = c.refKey, u = s;
-    if (!c.elements.has(m)) {
+    const u = c.refKey, m = s;
+    if (!c.elements.has(u)) {
       console.error(`spawnNode [ref] element not found in pkg, ${i}`);
       return;
     }
-    const d = we[m];
+    const d = we[u];
     if (!d) {
       console.error(`spawnNode [ref] element not found in global, ${i}`);
       return;
@@ -8957,35 +8957,35 @@ function Pu(t, n, e, o, s) {
       return;
     }
     const f = A();
-    return W(f, p), f.basic.id = E(16), f.basic.key = m, f.settings || (f.settings = {}), f.settings.comp = u, {
+    return W(f, p), f.basic.id = E(16), f.basic.key = u, f.settings || (f.settings = {}), f.settings.comp = m, {
       nodeLite: M(f),
       nodes: {
         [f.basic.id]: f
       }
     };
   } else {
-    const m = s;
-    if (!c.elements.has(m)) {
+    const u = s;
+    if (!c.elements.has(u)) {
       console.error(`spawnNode [key] element not found in pkg, ${i}`);
       return;
     }
-    const u = we[m];
-    if (!u) {
+    const m = we[u];
+    if (!m) {
       console.error(`spawnNode [key] element not found in global, ${i}`);
       return;
     }
-    if (u.spawn)
-      return u.spawn(t, n);
+    if (m.spawn)
+      return m.spawn(t, n);
     {
-      const d = u.properties[l];
+      const d = m.properties[l];
       if (!d) {
         console.error(`spawnNode [key] properties not found, ${i}`);
         return;
       }
       const p = A();
-      W(p, d), p.basic.id = E(16), p.basic.key = m;
+      W(p, d), p.basic.id = E(16), p.basic.key = u;
       let f;
-      return u.leaf || (f = []), {
+      return m.leaf || (f = []), {
         nodeLite: M(p, f),
         nodes: {
           [p.basic.id]: p
@@ -9011,20 +9011,20 @@ function Lu(t, n) {
       return s;
   }
 }
-function Fc(t) {
+function Oc(t) {
   const n = {}, e = (i) => {
     const l = E(16);
     n[i.id] = l, i.id = l, i.children?.map((c) => e(c));
-  }, o = O(t.nodeLite);
+  }, o = F(t.nodeLite);
   e(o);
   const s = {};
   return Object.values(t.nodes).forEach((i) => {
-    const l = O(i);
+    const l = F(i);
     l.basic.id = n[l.basic.id], s[l.basic.id] = l;
   }), { nodeLite: o, nodes: s };
 }
 function zu(t) {
-  return t.map((n) => Fc(n));
+  return t.map((n) => Oc(n));
 }
 const jo = "runtimeOrg", Go = "runtimeEnv", Ho = "runtimeMode", Jo = "runtimeDevice", Uo = "runtimeDark", qo = "runtimeId", Xo = "runtimeType", Yo = "runtimeData", Zo = "runtimeDepends", Qo = "runtimeRuntime", ei = "runtimeSandbox";
 function Tu(t) {
@@ -9072,7 +9072,7 @@ function Se() {
 function Pe(t) {
   be(Yo, t);
 }
-function re() {
+function le() {
   return ye(Yo);
 }
 function Ku(t) {
@@ -9101,37 +9101,37 @@ async function ct(t, n, e, o, s) {
   const { watchEffect: i, bind: l } = n;
   if (i[e])
     for (const c of i[e]) {
-      const m = Pi(c);
-      await t.callFunctionAsync(`__watchEffect$${m}__`);
+      const u = Pi(c);
+      await t.callFunctionAsync(`__watchEffect$${u}__`);
     }
   if (l.triggers[e])
     for (const c of l.triggers[e]) {
-      const m = l.sets[c];
-      if (!m) {
+      const u = l.sets[c];
+      if (!u) {
         console.assert(!1);
         continue;
       }
-      let u = null;
-      for (const p of m)
+      let m = null;
+      for (const p of u)
         if (e === je(p)) {
           if (p.subKeys) {
             if (!pe(
               $e(o, p.subKeys),
               $e(s, p.subKeys)
             )) {
-              u = p;
+              m = p;
               break;
             }
           } else if (!pe(o, s)) {
-            u = p;
+            m = p;
             break;
           }
         }
-      if (!u)
+      if (!m)
         continue;
       let d;
-      u.subKeys ? d = $e(o, u.subKeys) : d = o;
-      for (const p of m)
+      m.subKeys ? d = $e(o, m.subKeys) : d = o;
+      for (const p of u)
         if (p.subKeys) {
           let f;
           if (p.type === "elementProperty")
@@ -9152,8 +9152,8 @@ async function ct(t, n, e, o, s) {
           const b = $e(f, p.subKeys);
           if (pe(d, b))
             continue;
-          const g = O(f);
-          cn(g, p.subKeys, O(d)), p.type === "elementProperty" ? t.setElementProperty(
+          const g = F(f);
+          cn(g, p.subKeys, F(d)), p.type === "elementProperty" ? t.setElementProperty(
             p.nodeId,
             p.propertyKeys.split("."),
             g
@@ -9180,16 +9180,16 @@ async function ct(t, n, e, o, s) {
           p.type === "elementProperty" ? t.setElementProperty(
             p.nodeId,
             p.propertyKeys.split("."),
-            O(d)
-          ) : p.type === "customProperty" ? t.setCustomProperty(p.propertyId, O(d)) : p.type === "customSlotProperty" ? t.setCustomSlotProperty(p.propertyId, O(d)) : p.type === "state" ? t.setState(p.stateId, O(d)) : console.assert(!1);
+            F(d)
+          ) : p.type === "customProperty" ? t.setCustomProperty(p.propertyId, F(d)) : p.type === "customSlotProperty" ? t.setCustomSlotProperty(p.propertyId, F(d)) : p.type === "state" ? t.setState(p.stateId, F(d)) : console.assert(!1);
         }
     }
 }
-function Lt(t, n, e) {
+function ut(t, n, e) {
   const o = [t, n], s = e.split(".");
   return s.length > 1 ? o.push(...s.slice(1)) : o.push(e), `__implementMethod$${o.join("$")}__`;
 }
-function Ou(t, n, e) {
+function Fu(t, n, e) {
   return `${t}/${n}/${e}`;
 }
 function wo(t) {
@@ -9201,7 +9201,7 @@ function wo(t) {
   let s = "";
   return n.length > 2 ? s = n[2] : console.error(`unwrapPropertyId invalid propertyKey id=${t}`), { kind: e, nodeId: o, propertyKey: s };
 }
-function Fu(t, n, e) {
+function Ou(t, n, e) {
   return `${t}.${n}.${e}`;
 }
 function Nu(t) {
@@ -9269,7 +9269,7 @@ function qu(t) {
   let s = "";
   return n.length > 2 ? s = n[2] : console.error(`unwrapMethodKeyOfCustomSlot invalid methodId key=${t}`), { compId: e, slotId: o, methodId: s };
 }
-function ce(t, n, e) {
+function ie(t, n, e) {
   return `${t}/${n}/${e}`;
 }
 function Xc(t) {
@@ -9318,7 +9318,7 @@ function tm(t) {
   return n.length > 2 ? s = n[2] : console.error(`unwrapSlotId invalid slotKey id=${t}`), { kind: e, mainKey: o, slotKey: s };
 }
 function et(t, n) {
-  const e = Gc(), o = ie(-1);
+  const e = Gc(), o = se(-1);
   ke(() => {
     if (!t.value) {
       o.value = -1, n.value = void 0;
@@ -9329,7 +9329,7 @@ function et(t, n) {
       o.value = -1, n.value = void 0, Lo.emit("compNotAvail", t.value);
       return;
     }
-    o.value !== s.dataSeq && (o.value = s.dataSeq, n.value = O(s.data));
+    o.value !== s.dataSeq && (o.value = s.dataSeq, n.value = F(s.data));
   });
 }
 function nm() {
@@ -9342,7 +9342,7 @@ function nm() {
 function Me(t) {
   return !!t.vm;
 }
-function le(t, n) {
+function ae(t, n) {
   if (n === void 0)
     return t.undefined;
   if (n === null)
@@ -9361,12 +9361,12 @@ function le(t, n) {
       for (const c of Object.keys(n)) {
         var e = [];
         try {
-          const m = Oe(e, le(t, n[c]));
-          t.setProp(l, c, m);
+          const u = Fe(e, ae(t, n[c]));
+          t.setProp(l, c, u);
         } catch (o) {
           var s = o, i = !0;
         } finally {
-          Fe(e, s, i);
+          Oe(e, s, i);
         }
       }
       return l;
@@ -9385,16 +9385,16 @@ function Yc(t) {
     const o = n.getString(e), s = n.newArray(), i = o.split(".");
     let l = 0;
     for (let c = 0; c < i.length; c++) {
-      const m = i[c].trim();
-      if (m !== "")
-        if (/^\[\d+\]$/.test(m)) {
-          let u = parseInt(m.slice(1, -1), 10);
-          u > 0 && u--;
-          const d = n.newNumber(u);
+      const u = i[c].trim();
+      if (u !== "")
+        if (/^\[\d+\]$/.test(u)) {
+          let m = parseInt(u.slice(1, -1), 10);
+          m > 0 && m--;
+          const d = n.newNumber(m);
           n.setProp(s, l.toString(), d), d.dispose(), l++;
         } else {
-          const u = n.newString(m);
-          n.setProp(s, l.toString(), u), u.dispose(), l++;
+          const m = n.newString(u);
+          n.setProp(s, l.toString(), m), m.dispose(), l++;
         }
     }
     return s;
@@ -9420,13 +9420,13 @@ function Yc(t) {
       if (Me(t)) {
         var l = [];
         try {
-          const d = Oe(l, n.getProp(n.global, "__timeoutCallback__"));
+          const d = Fe(l, n.getProp(n.global, "__timeoutCallback__"));
           n.callFunction(d, n.undefined, n.newNumber(s)).unwrap().dispose();
           n.runtime.executePendingJobs();
         } catch (c) {
-          var m = c, u = !0;
+          var u = c, m = !0;
         } finally {
-          Fe(l, m, u);
+          Oe(l, u, m);
         }
       }
     }, i);
@@ -9455,10 +9455,10 @@ function Qc(t) {
   }
   const { vm: n } = t;
   n.newFunction("__callFuncV1__", (e, o, s, i, l) => {
-    const c = n.getString(e), m = n.getString(o), u = n.dump(s), d = n.getString(i), p = n.getString(l), { promiseId: f, promise: b } = t.promiseManager.acquire(), g = JSON.stringify(u);
+    const c = n.getString(e), u = n.getString(o), m = n.dump(s), d = n.getString(i), p = n.getString(l), { promiseId: f, promise: b } = t.promiseManager.acquire(), g = JSON.stringify(m);
     return Zc({
       spaceId: c,
-      id: m,
+      id: u,
       strInputs: g,
       env: d
     }).then(
@@ -9486,41 +9486,59 @@ function tu(t) {
   }
   const { vm: n } = t;
   n.newFunction("__triggerEventV1__", (e, o, ...s) => {
-    const i = n.getString(e), l = n.getString(o), c = s.map((d) => n.dump(d));
+    const i = n.getString(e), l = n.getString(o), c = s.map((p) => n.dump(p));
     t.callFunctionAsync("__triggerEventInner__", i, l, c);
-    const { kind: m, eventKey: u } = Xc(i);
-    m === "customEvent" && t.parent && (t.parent.callFunctionAsync(
-      "__triggerEventV1__",
-      ce("refEvent", t.nodeId, u),
-      "",
-      ...c
-    ), t.parent.callFunctionAsync(
-      "__triggerEventV1__",
-      ce("multipleRefEvent", t.nodeId, u),
-      t.instance,
-      ...c
-    ));
+    const { kind: u, nodeId: m, eventKey: d } = Xc(i);
+    if (u === "customEvent")
+      t.parent && (t.parent.callFunctionAsync(
+        "__triggerEventV1__",
+        ie("refEvent", t.nodeId, d),
+        "",
+        ...c
+      ), t.parent.callFunctionAsync(
+        "__triggerEventV1__",
+        ie("multipleRefEvent", t.nodeId, d),
+        t.instance,
+        ...c
+      ));
+    else if (u === "slotEvent") {
+      const p = t.children[m];
+      p && p.callFunctionAsync(
+        "__triggerEventV1__",
+        ie("adaptSlotCustomEvent", "globality", d),
+        "",
+        ...c
+      );
+    } else if (u === "multipleSlotEvent") {
+      const p = t.children[m];
+      p && p.callFunctionAsync(
+        "__triggerEventV1__",
+        ie("adaptSlotCustomEvent", "globality", d),
+        "",
+        ...c
+      );
+    }
   }).consume((e) => n.setProp(n.global, "__triggerEventV1__", e)), n.newFunction("__getPropertyV1__", (e, o) => {
-    const s = n.getString(e), i = n.getString(o), { kind: l, nodeId: c, propertyKey: m } = wo(s);
-    let u;
+    const s = n.getString(e), i = n.getString(o), { kind: l, nodeId: c, propertyKey: u } = wo(s);
+    let m;
     if (l === "elementProperty")
-      u = t.getElementProperty(c, m.split("."));
+      m = t.getElementProperty(c, u.split("."));
     else if (l === "refProperty") {
       const d = t.children[c];
-      d && (u = d.getCustomProperty(m));
+      d && (m = d.getCustomProperty(u));
     } else if (l === "multipleRefProperty") {
       const d = t.children[`${c}/${i}`];
-      d && (u = d.getCustomProperty(m));
+      d && (m = d.getCustomProperty(u));
     } else if (l === "slotProperty") {
       const d = t.children[c];
-      d && (u = d.getCustomSlotProperty(m));
+      d && (m = d.getCustomSlotProperty(u));
     } else if (l === "multipleSlotProperty") {
       const d = t.children[`${c}/${i}`];
-      d && (u = d.getCustomSlotProperty(m));
-    } else l === "customProperty" ? u = t.getCustomProperty(m) : l === "adaptSlotElementProperty" || l === "adaptSlotCustomProperty" ? u = t.parent?.getCustomSlotProperty(m) : console.assert(!1);
-    return le(n, u);
+      d && (m = d.getCustomSlotProperty(u));
+    } else l === "customProperty" ? m = t.getCustomProperty(u) : l === "adaptSlotElementProperty" || l === "adaptSlotCustomProperty" ? m = t.parent?.getCustomSlotProperty(u) : console.assert(!1);
+    return ae(n, m);
   }).consume((e) => n.setProp(n.global, "__getPropertyV1__", e)), n.newFunction("__setPropertyV1__", (e, o, s) => {
-    const i = n.getString(e), l = n.dump(o), c = n.getString(s), { promiseId: m, promise: u } = t.promiseManager.acquire(), { kind: d, nodeId: p, propertyKey: f } = wo(i);
+    const i = n.getString(e), l = n.dump(o), c = n.getString(s), { promiseId: u, promise: m } = t.promiseManager.acquire(), { kind: d, nodeId: p, propertyKey: f } = wo(i);
     if (d === "elementProperty")
       t.setElementProperty(p, f.split("."), l);
     else if (d === "refProperty") {
@@ -9537,49 +9555,55 @@ function tu(t) {
       b && b.setCustomSlotProperty(f, l);
     } else d === "customProperty" ? t.setCustomProperty(f, l) : d === "adaptSlotElementProperty" || d === "adaptSlotCustomProperty" ? t.parent.setCustomSlotProperty(f, l) : console.assert(!1);
     return sn().then(() => {
-      u.resolve(n.undefined), t.promiseManager.release(m);
-    }), u.settled.then(n.runtime.executePendingJobs), u.handle;
+      m.resolve(n.undefined), t.promiseManager.release(u);
+    }), m.settled.then(n.runtime.executePendingJobs), m.handle;
   }).consume((e) => n.setProp(n.global, "__setPropertyV1__", e)), n.newFunction("__callMethodV1__", (e, o, s) => {
-    const i = n.getString(e), l = n.getString(o), c = n.dump(s), { promiseId: m, promise: u } = t.promiseManager.acquire(), { kind: d, nodeId: p, methodKey: f } = qc(i);
+    const i = n.getString(e), l = n.getString(o), c = n.dump(s), { promiseId: u, promise: m } = t.promiseManager.acquire(), { kind: d, nodeId: p, methodKey: f } = qc(i);
     if (d === "elementMethod")
       t.callElementMethod(i, f, c).then(
         (b) => {
-          le(n, b).consume((g) => u.resolve(g)), t.promiseManager.release(m);
+          ae(n, b).consume((g) => m.resolve(g)), t.promiseManager.release(u);
         },
         (b) => {
-          le(n, b).consume((g) => u.reject(g)), t.promiseManager.release(m);
+          ae(n, b).consume((g) => m.reject(g)), t.promiseManager.release(u);
         }
       );
     else if (d === "refMethod") {
       const b = t.children[p];
-      b && b.callFunctionAsync(
-        Lt("customMethod", "globality", f),
+      b ? b.callFunctionAsync(
+        ut("customMethod", "globality", f),
         l,
         c
       ).then(
         (g) => {
-          le(n, g).consume((k) => u.resolve(k)), t.promiseManager.release(m);
+          ae(n, g).consume((k) => m.resolve(k)), t.promiseManager.release(u);
         },
         (g) => {
-          le(n, g).consume((k) => u.reject(k)), t.promiseManager.release(m);
+          ae(n, g).consume((k) => m.reject(k)), t.promiseManager.release(u);
         }
-      );
+      ) : (n.newError("sandbox not found").consume((g) => m.reject(g)), t.promiseManager.release(u));
     } else if (d === "multipleRefMethod") {
       const b = t.children[`${p}/${l}`];
-      b && b.callFunctionAsync(
-        Lt("customMethod", "globality", f),
+      b ? b.callFunctionAsync(
+        ut("customMethod", "globality", f),
         l,
         c
       ).then(
         (g) => {
-          le(n, g).consume((k) => u.resolve(k)), t.promiseManager.release(m);
+          ae(n, g).consume((k) => m.resolve(k)), t.promiseManager.release(u);
         },
         (g) => {
-          le(n, g).consume((k) => u.resolve(k)), t.promiseManager.release(m);
+          ae(n, g).consume((k) => m.resolve(k)), t.promiseManager.release(u);
         }
-      );
-    } else d === "slotMethod" || d === "multipleSlotMethod" || d === "customMethod" || d === "adaptSlotElementMethod" || (d === "adaptSlotCustomMethod" ? t.parent ? t.parent.callFunctionAsync(
-      Lt(
+      ) : (n.newError("sandbox not found").consume((g) => m.reject(g)), t.promiseManager.release(u));
+    } else d === "slotMethod" || d === "multipleSlotMethod" || d === "customMethod" ? console.assert(!1, "no need to implement") : d === "adaptSlotElementMethod" || (d === "adaptSlotCustomMethod" ? t.parent ? t.kind === "slot" ? t.parent.callFunctionAsync(
+      ut("slotMethod", t.nodeId, f),
+      "",
+      c
+    ).then((b) => {
+      ae(n, b).consume((g) => m.resolve(g)), t.promiseManager.release(u);
+    }) : t.kind === "multipleSlot" && t.parent.callFunctionAsync(
+      ut(
         "multipleSlotMethod",
         t.nodeId,
         f
@@ -9587,14 +9611,14 @@ function tu(t) {
       l,
       c
     ).then((b) => {
-      le(n, b).consume((g) => u.resolve(g)), t.promiseManager.release(m);
+      ae(n, b).consume((g) => m.resolve(g)), t.promiseManager.release(u);
     }) : (n.newError("Not inserted into the slot").consume(
-      (b) => u.reject(b)
-    ), t.promiseManager.release(m)) : console.assert(!1));
-    return u.settled.then(n.runtime.executePendingJobs), u.handle;
+      (b) => m.reject(b)
+    ), t.promiseManager.release(u)) : console.assert(!1, `not implemented kind=${d}`));
+    return m.settled.then(n.runtime.executePendingJobs), m.handle;
   }).consume((e) => n.setProp(n.global, "__callMethodV1__", e)), n.newFunction("__getStateV1__", (e) => {
     const o = n.getString(e), s = t.getState(o);
-    return le(n, s);
+    return ae(n, s);
   }).consume((e) => n.setProp(n.global, "__getStateV1__", e)), n.newFunction("__setStateV1__", (e, o) => {
     const s = n.getString(e), i = n.dump(o);
     t.setState(s, i);
@@ -9614,14 +9638,14 @@ function tu(t) {
     );
   }).consume((e) => n.setProp(n.global, "__navigateToV1__", e)), n.newFunction("__openConfirmDlgV1__", (e, o) => {
     const s = n.getString(e), i = n.getString(o), { promiseId: l, promise: c } = t.promiseManager.acquire();
-    return ui({ title: s, text: i }).then((m) => {
-      Me(t) && (m === void 0 ? c.resolve(n.undefined) : c.resolve(m ? n.true : n.false), t.promiseManager.release(l));
+    return ui({ title: s, text: i }).then((u) => {
+      Me(t) && (u === void 0 ? c.resolve(n.undefined) : c.resolve(u ? n.true : n.false), t.promiseManager.release(l));
     }), c.settled.then(n.runtime.executePendingJobs), c.handle;
   }).consume((e) => n.setProp(n.global, "__openConfirmDlgV1__", e)), n.newFunction("__openPromptDlgV1__", (e, o, s) => {
-    const i = n.getString(e), l = n.getString(o), c = n.dump(s), { promiseId: m, promise: u } = t.promiseManager.acquire();
+    const i = n.getString(e), l = n.getString(o), c = n.dump(s), { promiseId: u, promise: m } = t.promiseManager.acquire();
     return mi({ title: i, label: l, value: c }).then((d) => {
-      Me(t) && (d === void 0 ? u.resolve(n.undefined) : u.resolve(n.newString(d)), t.promiseManager.release(m));
-    }), u.settled.then(n.runtime.executePendingJobs), u.handle;
+      Me(t) && (d === void 0 ? m.resolve(n.undefined) : m.resolve(n.newString(d)), t.promiseManager.release(u));
+    }), m.settled.then(n.runtime.executePendingJobs), m.handle;
   }).consume((e) => n.setProp(n.global, "__openPromptDlgV1__", e));
 }
 function nu(t) {
@@ -9745,8 +9769,8 @@ class su {
   eventBus = zi();
   // 钩子
   hooks;
-  constructor(n, e, o, s, i, l, c, m, u) {
-    this.kind = n, this.nodeId = e, this.instance = o, this.parent = s, this.org = i, this.env = l, this.mode = c, this.type = m, this.hooks = u, this.parent?.addChild(this), this.debugTrace("constructor");
+  constructor(n, e, o, s, i, l, c, u, m) {
+    this.kind = n, this.nodeId = e, this.instance = o, this.parent = s, this.org = i, this.env = l, this.mode = c, this.type = u, this.hooks = m, this.parent?.addChild(this), this.debugTrace("constructor");
   }
   dispose() {
     this.parent?.removeChild(this.nodeId, this.instance), this.destroyVm(), this.debugTrace("dispose");
@@ -9771,65 +9795,61 @@ class su {
   async createVm(n, e) {
     this.vm = n.newContext(), this.promiseManager = new iu(this.vm), nu(this), this.vm.evalCode(ou), this.vm.setProp(this.vm.global, "__env__", this.vm.newString(this.env)), this.vm.evalCode(e), await this.callFunctionAsync(
       "__triggerEventV1__",
-      ce("elementEvent", "globality", "startup"),
+      ie("elementEvent", "globality", "startup"),
       ""
     );
   }
   destroyVm() {
-    this.callFunctionSync("__destroy__"), this.promiseManager && (this.promiseManager.dispose(), this.promiseManager = void 0), this.vm && (this.vm.dispose(), this.vm = void 0);
+    this.vm && this.callFunctionSync("__destroy__"), this.promiseManager && (this.promiseManager.dispose(), this.promiseManager = void 0), this.vm && (this.vm.dispose(), this.vm = void 0);
   }
   callFunctionSync(n, ...e) {
-    var m = [];
+    var u = [];
     try {
       const { vm: o } = this;
       if (!o)
-        return;
+        throw new Error("vm not available");
       const s = `${n}(${e.map((f) => JSON.stringify(f)).join(", ")})`;
-      this.debugTrace(`callFunctionSync ${s})`);
-      const i = Oe(m, o.getProp(o.global, n));
-      if (!i) {
-        console.error(`callFunctionSync function<${n}> not available`);
-        return;
-      }
-      const l = e.map((f) => le(o, f));
+      this.debugTrace(`callFunctionSync ${s}`);
+      const i = Fe(u, o.getProp(o.global, n));
+      if (!i)
+        throw new Error(`function<${n}> not available`);
+      const l = e.map((f) => ae(o, f));
       const c = o.unwrapResult(o.callFunction(i, o.undefined, ...l)).consume((f) => o.dump(f));
       l.forEach((f) => f.dispose());
       return c;
-    } catch (u) {
-      var d = u, p = !0;
+    } catch (m) {
+      var d = m, p = !0;
     } finally {
-      Fe(m, d, p);
+      Oe(u, d, p);
     }
   }
   async callFunctionAsync(n, ...e) {
-    var u = [];
+    var m = [];
     try {
       const { vm: o } = this;
       if (!o)
-        return;
+        throw new Error("vm not available");
       const s = `${n}(${e.map((b) => JSON.stringify(b)).join(", ")})`;
       this.debugTrace(`callFunctionAsync ${s}`);
-      const i = Oe(u, o.getProp(o.global, n));
-      if (!i) {
-        console.error(`callFunctionAsync function<${n}> not available`);
-        return;
-      }
-      const l = e.map((b) => le(o, b));
+      const i = Fe(m, o.getProp(o.global, n));
+      if (!i)
+        throw new Error(`function<${n}> not available`);
+      const l = e.map((b) => ae(o, b));
       const c = o.unwrapResult(o.callFunction(i, o.undefined, ...l)).consume((b) => o.resolvePromise(b));
       o.runtime.executePendingJobs();
       l.map((b) => b.dispose());
-      const m = o.unwrapResult(await c).consume((b) => o.dump(b));
-      return m;
+      const u = o.unwrapResult(await c).consume((b) => o.dump(b));
+      return u;
     } catch (d) {
       var p = d, f = !0;
     } finally {
-      Fe(u, p, f);
+      Oe(m, p, f);
     }
   }
   //--------------------------
   // 元素属性
   //--------------------------
-  data = ie();
+  data = se();
   associateData(n) {
     this.data.value = n.value;
   }
@@ -9915,8 +9935,8 @@ class su {
   }
 }
 function tt(t, n, e, o, s) {
-  const i = Nc(), l = jc(), c = Z(), m = Se(), u = De(), d = Ze(), p = Hc(), f = async (x, _, v, z) => {
-    if (ae(c)) {
+  const i = Nc(), l = jc(), c = Z(), u = Se(), m = De(), d = Ze(), p = Hc(), f = async (x, _, v, z) => {
+    if (ce(c)) {
       if (pe(_, ["settings", "slot"])) {
         const T = t.value?.view.nodeLites.find(
           (J) => J.id === x
@@ -9931,7 +9951,7 @@ function tt(t, n, e, o, s) {
       }
       if (await h.callFunctionAsync(
         "__triggerEventV1__",
-        ce("elementPropertyChangeEvent", x, _.join(".")),
+        ie("elementPropertyChangeEvent", x, _.join(".")),
         "",
         v,
         z ?? v
@@ -9951,21 +9971,21 @@ function tt(t, n, e, o, s) {
       }
     }
   }, b = async (x, _, v) => {
-    ae(c) && (await h.callFunctionAsync(
+    ce(c) && (await h.callFunctionAsync(
       "__triggerEventV1__",
-      ce("customPropertyChangeEvent", "globality", x),
+      ie("customPropertyChangeEvent", "globality", x),
       "",
       _,
       v ?? _
     ), await h.parent.callFunctionAsync(
       "__triggerEventV1__",
-      ce("refPropertyChangeEvent", h.nodeId, x),
+      ie("refPropertyChangeEvent", h.nodeId, x),
       "",
       _,
       v ?? _
     ), await h.parent.callFunctionAsync(
       "__triggerEventV1__",
-      ce(
+      ie(
         "multipleRefPropertyChangeEvent",
         h.nodeId,
         x
@@ -9981,7 +10001,7 @@ function tt(t, n, e, o, s) {
       v
     ));
   }, g = (x, _, v) => {
-    ae(c) && t.value?.code.reactivity && ct(
+    ce(c) && t.value?.code.reactivity && ct(
       h,
       t.value.code.reactivity,
       je({ type: "customSlotProperty", propertyId: x }),
@@ -9989,9 +10009,9 @@ function tt(t, n, e, o, s) {
       v
     );
   }, k = async (x, _, v) => {
-    ae(c) && (await h.callFunctionAsync(
+    ce(c) && (await h.callFunctionAsync(
       "__triggerEventV1__",
-      ce("stateChangeEvent", "globality", x),
+      ie("stateChangeEvent", "globality", x),
       "",
       _,
       v ?? _
@@ -10010,7 +10030,7 @@ function tt(t, n, e, o, s) {
     i,
     l,
     c,
-    m,
+    u,
     {
       onElementPropertyChange: f,
       onCustomPropertyChange: b,
@@ -10020,33 +10040,33 @@ function tt(t, n, e, o, s) {
   );
   if (Jc(h), Ie(() => {
     h.dispose();
-  }), ae(c)) {
+  }), ce(c)) {
     const x = async () => {
-      h.destroyVm(), h.associateData(t), h.resetCustomProperties(), h.resetCustomSlotProperties(), h.resetStates(), !(!t.value || !t.value.code.script) && h.createVm(p, t.value.code.script);
+      h.destroyVm(), h.associateData(t), h.resetCustomProperties(), h.resetCustomSlotProperties(), h.resetStates(), !(!t.value || !t.value.code.script) && await h.createVm(p, t.value.code.script);
     };
     x(), de(t, () => {
       x();
     });
   }
-  ae(c) && de(
-    u,
+  ce(c) && de(
+    m,
     async (x, _) => {
-      const v = ut(x.width), z = ut(_?.width ?? x.width);
+      const v = mt(x.width), z = mt(_?.width ?? x.width);
       await h.callFunctionAsync(
         "__triggerEventV1__",
-        ce("elementEvent", "globality", "screenSizeChange"),
+        ie("elementEvent", "globality", "screenSizeChange"),
         "",
         v,
         z
       );
     },
     { immediate: !0 }
-  ), ae(c) && de(
+  ), ce(c) && de(
     d,
     async (x) => {
       await h.callFunctionAsync(
         "__triggerEventV1__",
-        ce("elementEvent", "globality", "darkModeChange"),
+        ie("elementEvent", "globality", "darkModeChange"),
         "",
         x
       );
@@ -10077,7 +10097,7 @@ export {
   na as btnGroupV1,
   oa as btnToggleV1,
   Mt as btnV1,
-  ut as calcBreakpoint,
+  mt as calcBreakpoint,
   Je as cardV1,
   sa as checkboxV1,
   Bt as chipGroupV1,
@@ -10092,18 +10112,18 @@ export {
   ma as datePickerV1,
   pa as dialogV1,
   Jl as directionalLightV1,
-  Fc as duplicateNodePair,
+  Oc as duplicateNodePair,
   zu as duplicateNodePairs,
   Iu as elementKeys,
   we as elements,
   Vu as fileInputV1,
   Kt as flexLayoutEntryV1,
   Ue as flexLayoutV1,
-  Ft as formV1,
+  Ot as formV1,
   E as genId,
   Ne as getBreakpointProp,
   $e as getField,
-  Lt as getImplementMethodName,
+  ut as getImplementMethodName,
   Sn as getIndexOfBreakpoint,
   Lu as getNodeLite,
   ko as getPropertyDefault,
@@ -10116,7 +10136,7 @@ export {
   A as initNode,
   W as initProperties,
   Ze as injectDark,
-  re as injectData,
+  le as injectData,
   Gc as injectDepends,
   De as injectDevice,
   jc as injectEnv,
@@ -10127,25 +10147,25 @@ export {
   ve as injectSandbox,
   Se as injectType,
   Ye as isCircularReference,
-  ae as isExecutableMode,
+  ce as isExecutableMode,
   Ki as isLocaleOfEventKind,
   Ri as isLocaleOfMethodKind,
   Bi as isLocaleOfPropertyKind,
   _u as isLocaleOfSlotKind,
   an as isPercentStr,
-  gt as isPixelStr,
+  ht as isPixelStr,
   Bl as keyboardControlsV1,
   At as lineChartV1,
   om as loadLocaleMessageRuntime,
-  ce as makeEventId,
+  ie as makeEventId,
   Zu as makeEventKeyOfCustomSlot,
   Xu as makeEventKeyOfElementSlot,
   Uc as makeMethodId,
   Uu as makeMethodKeyOfCustomSlot,
   Hu as makeMethodKeyOfElementSlot,
-  Ou as makePropertyId,
+  Fu as makePropertyId,
   ju as makePropertyKeyOfCustomSlot,
-  Fu as makePropertyKeyOfElementSlot,
+  Ou as makePropertyKeyOfElementSlot,
   em as makeSlotId,
   je as makeTriggerId,
   Rl as mapControlsV1,
@@ -10163,10 +10183,10 @@ export {
   wu as parseCompMeta,
   hu as parseData,
   xu as parsePageMeta,
-  wt as parsePercentStr,
+  It as parsePercentStr,
   fu as parsePixelStr,
   Wl as perspectiveCameraV1,
-  Oc as pkgs,
+  Fc as pkgs,
   Ul as pointLightV1,
   Wu as provideDark,
   Pe as provideData,
@@ -10202,7 +10222,7 @@ export {
   Ta as switchV1,
   Yt as tabV1,
   Zt as tabsV1,
-  Ot as textFieldV1,
+  Ft as textFieldV1,
   Ve as textV1,
   Qt as textareaV1,
   en as timelineItemV1,