x-runtime-lib 0.8.165 → 0.8.167

package/dist/index.js

@@ -1,7 +1,7 @@
 var Vn = (t, n) => (n = Symbol[t]) ? n : /* @__PURE__ */ Symbol.for("Symbol." + t), Pn = (t) => {
   throw TypeError(t);
 };
-var je = (t, n, e) => {
+var Ne = (t, n, e) => {
   if (n != null) {
     typeof n != "object" && typeof n != "function" && Pn("Object expected");
     var o, i;
@@ -29,10 +29,10 @@ var je = (t, n, e) => {
   };
   return r();
 };
-import { defineComponent as I, createElementBlock as ee, createCommentVNode as le, unref as s, openBlock as x, createElementVNode as Fe, computed as k, renderSlot as D, normalizeStyle as he, ref as te, watch as ue, onUnmounted as we, onBeforeMount as dn, watchEffect as Ve, h as W, createVNode as F, createBlock as S, useTemplateRef as zi, onMounted as Li, nextTick as Me, withCtx as P, toDisplayString as Ai, useAttrs as xt, resolveComponent as B, isRef as ne, createSlots as pn, renderList as fo, useId as Ti, withModifiers as yo, normalizeClass as bo, mergeModels as Ui, useModel as mt, inject as de, provide as pe, readonly as mn } from "vue";
-import { globalObjects as ke, waitUtil as Mi, useViewStack as Bi, eventBus as Ri, messageInfo as ho, messageSuccess as go, messageWarning as Wi, messageError as Fi, createAxios as vo, openConfirmDlg as _o, openPromptDlg as xo } from "x-essential-lib";
-import { CameraHelper as Ki, DirectionalLightHelper as ko, PointLightHelper as wo, SpotLightHelper as Io } from "three";
-import { c as So, i as ye, a as Qe, K as Co, M as $o, O as Vo, u as Po, r as Di, e as Oi, b as Eo, d as zo, f as Lo, g as Ao, h as To, j as Uo, k as Mo, l as Bo, m as K, H as Ro, n as Ni, o as Wo, p as Fo, q as Ko } from "./vendor.ei4hhazo.js";
+import { defineComponent as I, createElementBlock as ee, createCommentVNode as le, unref as s, openBlock as x, createElementVNode as Ke, computed as k, renderSlot as D, normalizeStyle as he, ref as te, watch as ue, onUnmounted as we, onBeforeMount as dn, watchEffect as Ve, h as W, createVNode as K, createBlock as S, useTemplateRef as zi, onMounted as Li, nextTick as Me, withCtx as P, toDisplayString as Ai, useAttrs as xt, resolveComponent as B, isRef as ne, createSlots as pn, renderList as fo, useId as Ti, withModifiers as yo, normalizeClass as bo, mergeModels as Ui, useModel as mt, inject as de, provide as pe, readonly as mn } from "vue";
+import { globalObjects as ke, waitUtil as Mi, useViewStack as Bi, eventBus as Ri, messageInfo as ho, messageSuccess as go, messageWarning as Wi, messageError as Ki, createAxios as vo, openConfirmDlg as _o, openPromptDlg as xo } from "x-essential-lib";
+import { CameraHelper as Fi, DirectionalLightHelper as ko, PointLightHelper as wo, SpotLightHelper as Io } from "three";
+import { c as So, i as ye, a as Qe, K as Co, M as $o, O as Vo, u as Po, r as Di, e as Oi, b as Eo, d as zo, f as Lo, g as Ao, h as To, j as Uo, k as Mo, l as Bo, m as F, H as Ro, n as ji, o as Wo, p as Ko, q as Fo } from "./vendor.ei4hhazo.js";
 import { useTheme as Do } from "vuetify";
 import { getErrorMessage as Oo } from "x-error-lib";
 const En = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
@@ -70,23 +70,23 @@ function $t(t) {
   if (!isNaN(e))
     return e;
 }
-const ji = ["xs", "sm", "md", "lg", "xl"], No = [...ji].reverse();
+const Ni = ["xs", "sm", "md", "lg", "xl"], jo = [...Ni].reverse();
 function ft(t) {
   return t < 600 ? "xs" : t < 960 ? "sm" : t < 1280 ? "md" : t < 1920 ? "lg" : "xl";
 }
 function zn(t) {
-  return ji.findIndex((n) => n === t);
+  return Ni.findIndex((n) => n === t);
 }
 function Ge(t, n) {
   let e;
-  for (const o of No) {
+  for (const o of jo) {
     if (zn(o) < zn(t))
       break;
     n[o] && (e = n[o]);
   }
   return e;
 }
-function Le(t, n) {
+function ze(t, n) {
   let e = t;
   if (typeof e != "object")
     return;
@@ -126,7 +126,7 @@ function Lc(t) {
 function et(t) {
   return t.startsWith("ref_v") || t.startsWith("multiple_ref_v") || t.startsWith("slot_v") || t.startsWith("multiple_slot_v");
 }
-function jo(t) {
+function No(t) {
   return t === "runtime" || t === "preview";
 }
 function tt(t, n) {
@@ -160,8 +160,8 @@ function U(t, n) {
 function Ac({ type: t, version: n, view: e, code: o }) {
   const i = (u, p) => {
     const d = { id: p.id };
-    p.children && (d.children = [], p.children.forEach((m) => {
-      i(d.children, m);
+    p.children && (d.children = [], p.children.forEach((f) => {
+      i(d.children, f);
     })), u.push(d);
   }, r = [];
   e.nodeLites.forEach((u) => {
@@ -252,7 +252,7 @@ function R(t, n) {
     throw new Error("");
   return `${t}${So(n)}`;
 }
-const Fc = [
+const Kc = [
   "globality_v1",
   "multiple_ref_v1",
   "multiple_slot_v1",
@@ -323,7 +323,7 @@ const Fc = [
   "3d_sphere_geometry_v1",
   "3d_spot_light_v1"
 ];
-function j(...t) {
+function N(...t) {
   return t.map((n) => ke.i18n.global.t(`x-runtime-lib.${n}`)).join(" - ");
 }
 function bn(t, n, e) {
@@ -333,19 +333,19 @@ function bn(t, n, e) {
     l > 0 && (i += " - "), e ? i += o.global.t(r) : i += r;
   }), i;
 }
-function Kc(t, n) {
+function Fc(t, n) {
   let e = "";
-  return t === "elementProperty" || (t === "refProperty" || t === "multipleRefProperty" ? e = j("reference") : t === "customSlotProperty" || t === "multipleCustomSlotProperty" ? e = j("slot") : t === "customProperty" ? e = j("custom") : t === "adaptSlotElementProperty" || t === "adaptSlotCustomProperty" ? e = j("adaptSlot") : console.assert(!1)), bn(e, n, Ho(t));
+  return t === "elementProperty" || (t === "refProperty" || t === "multipleRefProperty" ? e = N("reference") : t === "customSlotProperty" || t === "multipleCustomSlotProperty" ? e = N("slot") : t === "customProperty" ? e = N("custom") : t === "adaptSlotElementProperty" || t === "adaptSlotCustomProperty" ? e = N("adaptSlot") : console.assert(!1)), bn(e, n, Ho(t));
 }
 function Dc(t, n) {
   let e = "";
-  return t === "elementMethod" || (t === "refMethod" || t === "multipleRefMethod" ? e = j("reference") : t === "customSlotMethod" || t === "multipleCustomSlotMethod" ? e = j("slot") : t === "customMethod" ? e = j("custom") : t === "adaptSlotElementMethod" || t === "adaptSlotCustomMethod" ? e = j("adaptSlot") : console.assert(!1)), bn(e, n, Go(t));
+  return t === "elementMethod" || (t === "refMethod" || t === "multipleRefMethod" ? e = N("reference") : t === "customSlotMethod" || t === "multipleCustomSlotMethod" ? e = N("slot") : t === "customMethod" ? e = N("custom") : t === "adaptSlotElementMethod" || t === "adaptSlotCustomMethod" ? e = N("adaptSlot") : console.assert(!1)), bn(e, n, Go(t));
 }
 function Oc(t, n) {
   let e = "";
-  return t === "elementEvent" || (t === "elementPropertyChangeEvent" ? e = j("propertyChange") : t === "refEvent" ? e = j("reference") : t === "refPropertyChangeEvent" ? e = j("reference", "propertyChange") : t === "multipleRefEvent" ? e = j("reference") : t === "multipleRefPropertyChangeEvent" ? e = j("reference", "propertyChange") : t === "customSlotEvent" ? e = j("slot") : t === "customSlotPropertyChangeEvent" ? e = j("slot", "propertyChange") : t === "multipleCustomSlotEvent" ? e = j("slot") : t === "multipleCustomSlotPropertyChangeEvent" ? e = j("slot", "propertyChange") : t === "customEvent" ? e = j("custom") : t === "customPropertyChangeEvent" ? e = j("custom", "propertyChange") : t === "adaptSlotElementEvent" ? e = j("adaptSlot") : t === "adaptSlotElementPropertyChangeEvent" ? e = j("adaptSlot", "propertyChange") : t === "adaptSlotCustomEvent" ? e = j("adaptSlot") : t === "adaptSlotCustomPropertyChangeEvent" ? e = j("adaptSlot", "propertyChange") : t === "stateChangeEvent" ? e = j("state") : console.assert(!1)), bn(e, n, Jo(t));
+  return t === "elementEvent" || (t === "elementPropertyChangeEvent" ? e = N("propertyChange") : t === "refEvent" ? e = N("reference") : t === "refPropertyChangeEvent" ? e = N("reference", "propertyChange") : t === "multipleRefEvent" ? e = N("reference") : t === "multipleRefPropertyChangeEvent" ? e = N("reference", "propertyChange") : t === "customSlotEvent" ? e = N("slot") : t === "customSlotPropertyChangeEvent" ? e = N("slot", "propertyChange") : t === "multipleCustomSlotEvent" ? e = N("slot") : t === "multipleCustomSlotPropertyChangeEvent" ? e = N("slot", "propertyChange") : t === "customEvent" ? e = N("custom") : t === "customPropertyChangeEvent" ? e = N("custom", "propertyChange") : t === "adaptSlotElementEvent" ? e = N("adaptSlot") : t === "adaptSlotElementPropertyChangeEvent" ? e = N("adaptSlot", "propertyChange") : t === "adaptSlotCustomEvent" ? e = N("adaptSlot") : t === "adaptSlotCustomPropertyChangeEvent" ? e = N("adaptSlot", "propertyChange") : t === "stateChangeEvent" ? e = N("state") : console.assert(!1)), bn(e, n, Jo(t));
 }
-const Yo = ["position", "ratation", "scale"], Ke = /* @__PURE__ */ I({
+const Yo = ["position", "ratation", "scale"], Fe = /* @__PURE__ */ I({
   __name: "index",
   props: {
     position: { default: () => {
@@ -364,7 +364,7 @@ const Yo = ["position", "ratation", "scale"], Ke = /* @__PURE__ */ I({
       scale: t.scale ?? [1, 1, 1],
       visible: !1
     }, [...o[0] || (o[0] = [
-      Fe("TresBoxGeometry", { args: [1, 1, 1] }, null, -1)
+      Ke("TresBoxGeometry", { args: [1, 1, 1] }, null, -1)
     ])], 8, Yo)) : le("", !0);
   }
 }), G = /* @__PURE__ */ I({
@@ -424,25 +424,46 @@ function yt(t, n, e) {
     o.eventBus.off(i, e);
   }));
 }
-const Qo = (t, n, e, o) => {
+const Qo = async (t, n, e, o) => {
   let i;
-  if (t ? i = t.getElementProperty(n.basic.id, e) : i = Le(n, e), o) {
-    if (typeof i == "string")
-      return JSON.parse(i);
-    console.assert(!1);
-    return;
-  } else
+  if (t)
+    try {
+      i = await t.getElementProperty(n.basic.id, e);
+    } catch (r) {
+      console.error("getProperty get element property failed", r);
+    }
+  else
+    i = ze(n, e);
+  if (o)
+    if (typeof i == "string") {
+      let r;
+      try {
+        r = JSON.parse(i);
+      } catch (l) {
+        console.error("getProperty JSON.parse failed", l);
+      }
+      return r ?? {};
+    } else
+      return console.error("getProperty unexpected type"), {};
+  else
     return i;
-}, es = (t, n, e, o, i) => {
+}, es = async (t, n, e, o, i) => {
   let r;
-  i ? typeof o == "object" ? r = JSON.stringify(o, null, 2) : (console.assert(!1), r = "{}") : r = o, t ? t.setElementProperty(n.basic.id, e, r) : yn(n, e, r);
+  if (i ? typeof o == "object" ? r = JSON.stringify(o, null, 2) : (console.error("setProperty unexpected type"), r = "{}") : r = o, t)
+    try {
+      await t.setElementProperty(n.basic.id, e, r);
+    } catch (l) {
+      console.error("setProperty set element property failed", l);
+    }
+  else
+    yn(n, e, r);
 };
 function a(t, n, e) {
   const o = oe(), i = te();
-  return Ve(() => {
-    i.value = Qo(o, t.value, n, e);
-  }), ue(i, (r, l) => {
-    ye(r, l) || es(o, t.value, n, i.value, e);
+  return Ve(async () => {
+    i.value = await Qo(o, t.value, n, e);
+  }), ue(i, async (r, l) => {
+    ye(r, l) || await es(o, t.value, n, i.value, e);
   }), { property: i };
 }
 function be(t, n, e) {
@@ -486,7 +507,7 @@ function bt(t, n, e, o) {
 }
 function nt(t, n, e) {
   function o(r) {
-    const l = Ee[r.key];
+    const l = Pe[r.key];
     if (!l) {
       console.assert(!1, `element not found key=${r.key}`);
       return;
@@ -550,20 +571,20 @@ function me(t) {
     "transform",
     "rotation",
     "z"
-  ]), { property: u } = a(t, ["transform", "scale", "x"]), { property: p } = a(t, ["transform", "scale", "y"]), { property: d } = a(t, ["transform", "scale", "z"]), m = te([0, 0, 0]), c = te([0, 0, 0]), f = te([1, 1, 1]);
+  ]), { property: u } = a(t, ["transform", "scale", "x"]), { property: p } = a(t, ["transform", "scale", "y"]), { property: d } = a(t, ["transform", "scale", "z"]), f = te([0, 0, 0]), c = te([0, 0, 0]), m = te([1, 1, 1]);
   return Ve(() => {
-    m.value = [n.value, e.value, o.value];
+    f.value = [n.value, e.value, o.value];
   }), Ve(() => {
-    n.value = m.value[0], e.value = m.value[1], o.value = m.value[2];
+    n.value = f.value[0], e.value = f.value[1], o.value = f.value[2];
   }), Ve(() => {
     c.value = [i.value, r.value, l.value];
   }), Ve(() => {
     i.value = c.value[0], r.value = c.value[1], l.value = c.value[2];
   }), Ve(() => {
-    f.value = [u.value, p.value, d.value];
+    m.value = [u.value, p.value, d.value];
   }), Ve(() => {
-    u.value = f.value[0], p.value = f.value[1], d.value = f.value[2];
-  }), { position: m, rotation: c, scale: f };
+    u.value = m.value[0], p.value = m.value[1], d.value = m.value[2];
+  }), { position: f, rotation: c, scale: m };
 }
 function Hi(t) {
   const n = k(() => t.value.legend?.show), e = k(() => t.value.legend?.data);
@@ -632,8 +653,8 @@ function Z(t) {
 }
 function hn(t) {
   const n = k(() => t.value.border?.style), e = k(() => t.value.border?.width), o = k(() => t.value.border?.color), { color: i } = Z(o), r = k(() => t.value.border?.roundRadius?.tl), l = k(() => t.value.border?.roundRadius?.tr), u = k(() => t.value.border?.roundRadius?.bl), p = k(() => t.value.border?.roundRadius?.br);
-  function d(m) {
-    n.value && (m.borderStyle = n.value), e.value && (m.borderWidth = e.value), i.value && (m.borderColor = i.value), r.value && (m.borderTopLeftRadius = r.value), l.value && (m.borderTopRightRadius = l.value), u.value && (m.borderBottomLeftRadius = u.value), p.value && (m.borderBottomRightRadius = p.value);
+  function d(f) {
+    n.value && (f.borderStyle = n.value), e.value && (f.borderWidth = e.value), i.value && (f.borderColor = i.value), r.value && (f.borderTopLeftRadius = r.value), l.value && (f.borderTopRightRadius = l.value), u.value && (f.borderBottomLeftRadius = u.value), p.value && (f.borderBottomRightRadius = p.value);
   }
   return { borderStyle: n, borderWidth: e, borderColor: i, applyBorder: d };
 }
@@ -652,7 +673,7 @@ function vn(t) {
   return { paddingTop: n, paddingLeft: e, paddingBottom: o, paddingRight: i, applyPadding: r };
 }
 function ge(t, n) {
-  const e = ie(), o = Ne(), i = k(() => n.value.size?.width), r = k(() => n.value.size?.minWidth), l = k(() => n.value.size?.maxWidth), u = k(() => {
+  const e = ie(), o = je(), i = k(() => n.value.size?.width), r = k(() => n.value.size?.minWidth), l = k(() => n.value.size?.maxWidth), u = k(() => {
     if (t.outer && e === "editor") {
       const c = $t(n.value.size?.height);
       if (c)
@@ -674,10 +695,10 @@ function ge(t, n) {
     }
     return n.value.size?.maxHeight;
   });
-  function m(c) {
+  function f(c) {
     i.value && (c.width = i.value), r.value && (c.minWidth = r.value), l.value && (c.maxWidth = l.value), u.value && (c.height = u.value), p.value && (c.minHeight = p.value), d.value && (c.maxHeight = d.value);
   }
-  return { width: i, minWidth: r, maxWidth: l, height: u, minHeight: p, maxHeight: d, applySize: m };
+  return { width: i, minWidth: r, maxWidth: l, height: u, minHeight: p, maxHeight: d, applySize: f };
 }
 const ts = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], ns = /* @__PURE__ */ I({
   __name: "index",
@@ -687,22 +708,22 @@ const ts = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = E(n), o = ie(), { position: i, rotation: r, scale: l } = me(e), { property: u } = a(e, ["settings", "bottom"]), { property: p } = a(e, ["settings", "far"]), { property: d } = a(e, ["settings", "left"]), { property: m } = a(e, ["settings", "near"]), { property: c } = a(e, ["settings", "right"]), { property: f } = a(e, ["settings", "top"]);
+    const n = t, { node: e } = E(n), o = ie(), { position: i, rotation: r, scale: l } = me(e), { property: u } = a(e, ["settings", "bottom"]), { property: p } = a(e, ["settings", "far"]), { property: d } = a(e, ["settings", "left"]), { property: f } = a(e, ["settings", "near"]), { property: c } = a(e, ["settings", "right"]), { property: m } = a(e, ["settings", "top"]);
     return (h, y) => (x(), ee("TresOrthographicCamera", {
       bottom: s(u),
       far: s(p),
       left: s(d),
-      near: s(m),
+      near: s(f),
       position: s(i),
       right: s(c),
       rotation: s(r),
       scale: s(l),
-      top: s(f)
+      top: s(m)
     }, [
-      F(s(Ke)),
+      K(s(Fe)),
       s(o) === "editor" ? (x(), S(s(Qe), {
         key: 0,
-        type: s(Ki)
+        type: s(Fi)
       }, null, 8, ["type"])) : le("", !0),
       D(h.$slots, "default")
     ], 8, ts));
@@ -715,20 +736,20 @@ const ts = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = E(n), o = ie(), { position: i, rotation: r, scale: l } = me(e), { property: u } = a(e, ["settings", "aspect"]), { property: p } = a(e, ["settings", "far"]), { property: d } = a(e, ["settings", "fov"]), { property: m } = a(e, ["settings", "near"]);
-    return (c, f) => (x(), ee("TresPerspectiveCamera", {
+    const n = t, { node: e } = E(n), o = ie(), { position: i, rotation: r, scale: l } = me(e), { property: u } = a(e, ["settings", "aspect"]), { property: p } = a(e, ["settings", "far"]), { property: d } = a(e, ["settings", "fov"]), { property: f } = a(e, ["settings", "near"]);
+    return (c, m) => (x(), ee("TresPerspectiveCamera", {
       aspect: s(u),
       far: s(p),
       fov: s(d),
-      near: s(m),
+      near: s(f),
       position: s(i),
       rotation: s(r),
       scale: s(l)
     }, [
-      F(s(Ke)),
+      K(s(Fe)),
       s(o) === "editor" ? (x(), S(s(Qe), {
         key: 0,
-        type: s(Ki)
+        type: s(Fi)
       }, null, 8, ["type"])) : le("", !0),
       D(c.$slots, "default")
     ], 8, is));
@@ -769,7 +790,7 @@ const ts = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "widthSegements"
     ]);
-    return (d, m) => (x(), ee("TresBoxGeometry", {
+    return (d, f) => (x(), ee("TresBoxGeometry", {
       args: [
         s(u),
         s(r),
@@ -812,7 +833,7 @@ const ts = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "widthSegments"
     ]);
-    return (m, c) => (x(), ee("TresSphereGeometry", {
+    return (f, c) => (x(), ee("TresSphereGeometry", {
       args: [
         s(l),
         s(d),
@@ -836,14 +857,14 @@ const ts = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "intensity"
     ]);
-    return (d, m) => (x(), ee("TresAmbientLight", {
+    return (d, f) => (x(), ee("TresAmbientLight", {
       color: s(u),
       intensity: s(p),
       position: s(o),
       rotation: s(i),
       scale: s(r)
     }, [
-      F(s(Ke)),
+      K(s(Fe)),
       D(d.$slots, "default")
     ], 8, ps));
   }
@@ -859,19 +880,19 @@ const ts = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "intensity"
     ]);
-    return (m, c) => (x(), ee("TresDirectionalLight", {
+    return (f, c) => (x(), ee("TresDirectionalLight", {
       color: s(p),
       intensity: s(d),
       position: s(i),
       rotation: s(r),
       scale: s(l)
     }, [
-      F(s(Ke)),
+      K(s(Fe)),
       s(o) === "editor" ? (x(), S(s(Qe), {
         key: 0,
         type: s(ko)
       }, null, 8, ["type"])) : le("", !0),
-      D(m.$slots, "default")
+      D(f.$slots, "default")
     ], 8, fs));
   }
 }), bs = ["color", "decay", "distance", "intensity", "position", "rotation", "scale"], hs = /* @__PURE__ */ I({
@@ -882,28 +903,28 @@ const ts = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = E(n), o = ie(), { position: i, rotation: r, scale: l } = me(e), { property: u } = a(e, ["settings", "color"]), { color: p } = Z(u), { property: d } = a(e, ["settings", "decay"]), { property: m } = a(e, [
+    const n = t, { node: e } = E(n), o = ie(), { position: i, rotation: r, scale: l } = me(e), { property: u } = a(e, ["settings", "color"]), { color: p } = Z(u), { property: d } = a(e, ["settings", "decay"]), { property: f } = a(e, [
       "settings",
       "distance"
     ]), { property: c } = a(e, [
       "settings",
       "intensity"
     ]);
-    return (f, h) => (x(), ee("TresPointLight", {
+    return (m, h) => (x(), ee("TresPointLight", {
       color: s(p),
       decay: s(d),
-      distance: s(m),
+      distance: s(f),
       intensity: s(c),
       position: s(i),
       rotation: s(r),
       scale: s(l)
     }, [
-      F(s(Ke)),
+      K(s(Fe)),
       s(o) === "editor" ? (x(), S(s(Qe), {
         key: 0,
         type: s(wo)
       }, null, 8, ["type"])) : le("", !0),
-      D(f.$slots, "default")
+      D(m.$slots, "default")
     ], 8, bs));
   }
 }), gs = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], vs = /* @__PURE__ */ I({
@@ -914,10 +935,10 @@ const ts = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = E(n), o = ie(), { position: i, rotation: r, scale: l } = me(e), { property: u } = a(e, ["settings", "angle"]), { property: p } = a(e, ["settings", "color"]), { color: d } = Z(p), { property: m } = a(e, ["settings", "decay"]), { property: c } = a(e, [
+    const n = t, { node: e } = E(n), o = ie(), { position: i, rotation: r, scale: l } = me(e), { property: u } = a(e, ["settings", "angle"]), { property: p } = a(e, ["settings", "color"]), { color: d } = Z(p), { property: f } = a(e, ["settings", "decay"]), { property: c } = a(e, [
       "settings",
       "distance"
-    ]), { property: f } = a(e, [
+    ]), { property: m } = a(e, [
       "settings",
       "intensity"
     ]), { property: h } = a(e, [
@@ -927,15 +948,15 @@ const ts = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     return (y, g) => (x(), ee("TresSpotLight", {
       angle: s(u),
       color: s(d),
-      decay: s(m),
+      decay: s(f),
       distance: s(c),
-      intensity: s(f),
+      intensity: s(m),
       penumbra: s(h),
       position: s(o) !== "editor" ? s(i) : [0, 0, 0],
       rotation: s(o) !== "editor" ? s(r) : [0, 0, 0],
       scale: s(o) !== "editor" ? s(l) : [1, 1, 1]
     }, [
-      F(s(Ke)),
+      K(s(Fe)),
       s(o) === "editor" ? (x(), S(s(Qe), {
         key: 0,
         type: s(Io)
@@ -981,7 +1002,7 @@ const ks = /* @__PURE__ */ De(_s, [["render", xs]]), ws = ["position", "rotation
       D(l.$slots, "default")
     ], 8, Ss));
   }
-}), $s = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Vs = "#242424", Ps = {}, Es = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, zs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ls = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, As = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Ts = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Us = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ms = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Bs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Rs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ws = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Fs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ks = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, Ds = { 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" } }, Os = { 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)" } } }, Ns = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, js = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Hs = { 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"] } } }, Gs = { 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"] } } }, Js = { 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"] } } }, qs = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Xs = { textStyle: { color: "#eeeeee" } }, Ys = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Zs = { 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" } } }, Qs = { color: ["#bf444c", "#d88273", "#f6efa6"] }, er = { 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" } }, tr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, nr = {
+}), $s = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Vs = "#242424", Ps = {}, Es = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, zs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ls = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, As = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Ts = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Us = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ms = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Bs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Rs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ws = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ks = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Fs = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, Ds = { 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" } }, Os = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, js = { 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)" } } }, Ns = { 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"] } } }, Hs = { 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"] } } }, Gs = { 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"] } } }, Js = { 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"] } } }, qs = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Xs = { textStyle: { color: "#eeeeee" } }, Ys = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Zs = { 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" } } }, Qs = { color: ["#bf444c", "#d88273", "#f6efa6"] }, er = { 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" } }, tr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, nr = {
   color: $s,
   backgroundColor: Vs,
   textStyle: Ps,
@@ -995,12 +1016,12 @@ const ks = /* @__PURE__ */ De(_s, [["render", xs]]), ws = ["position", "rotation
   parallel: Bs,
   sankey: Rs,
   funnel: Ws,
-  gauge: Fs,
-  candlestick: Ks,
+  gauge: Ks,
+  candlestick: Fs,
   graph: Ds,
   map: Os,
-  geo: Ns,
-  categoryAxis: js,
+  geo: js,
+  categoryAxis: Ns,
   valueAxis: Hs,
   logAxis: Gs,
   timeAxis: Js,
@@ -1062,7 +1083,7 @@ const Ar = /* @__PURE__ */ I({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = E(n), o = Ne(), i = it(), r = ze(), l = ae(), { width: u, minWidth: p, maxWidth: d, height: m, minHeight: c, maxHeight: f, applySize: h } = ge(n, e), { applyTitle: y } = Ji(e), { applyXAxis: g } = qi(e), { applyYAxis: _ } = Xi(e), { applyLegend: $ } = Hi(e), { applySeries: w } = Gi(e), v = k(() => {
+    const n = t, { node: e } = E(n), o = je(), i = it(), r = Ee(), l = ae(), { width: u, minWidth: p, maxWidth: d, height: f, minHeight: c, maxHeight: m, applySize: h } = ge(n, e), { applyTitle: y } = Ji(e), { applyXAxis: g } = qi(e), { applyYAxis: _ } = Xi(e), { applyLegend: $ } = Hi(e), { applySeries: w } = Gi(e), v = k(() => {
       const L = {}, q = l.value?.type;
       return r === "page" ? q === "ui" ? h(L) : console.assert(!1) : r === "comp" && q === "ui" ? h(L) : console.assert(!1), L;
     }), V = zi("chart");
@@ -1073,12 +1094,12 @@ const Ar = /* @__PURE__ */ I({
       z.setOption(L);
     }, O = () => {
       z?.resize();
-    }, N = () => {
+    }, j = () => {
       const L = {};
       y(L), g(L), _(L), $(L), w(L), z?.setOption(L, !0);
     };
     return Li(async () => {
-      window.addEventListener("resize", O, !1), await Mi(() => !!V.value), H(), N();
+      window.addEventListener("resize", O, !1), await Mi(() => !!V.value), H(), j();
     }), we(() => {
       window.removeEventListener("resize", O, !1), z?.dispose();
     }), ue(
@@ -1088,19 +1109,19 @@ const Ar = /* @__PURE__ */ I({
         u,
         p,
         d,
-        m,
+        f,
         c,
-        f
+        m
       ],
       async () => {
         await Me(), O();
       }
     ), ue([i], () => {
-      H(), N();
+      H(), j();
     }), ue(
       [n],
       () => {
-        N();
+        j();
       },
       { deep: !0 }
     ), (L, q) => (x(), S(s(G), {
@@ -1108,7 +1129,7 @@ const Ar = /* @__PURE__ */ I({
       mask: ""
     }, {
       default: P(() => [
-        Fe("div", {
+        Ke("div", {
           ref: "chart",
           style: he(v.value)
         }, null, 4)
@@ -1124,7 +1145,7 @@ const Ar = /* @__PURE__ */ I({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = E(n), o = Ne(), i = it(), r = ze(), l = ae(), { width: u, minWidth: p, maxWidth: d, height: m, minHeight: c, maxHeight: f, applySize: h } = ge(n, e), { applyTitle: y } = Ji(e), { applyXAxis: g } = qi(e), { applyYAxis: _ } = Xi(e), { applyLegend: $ } = Hi(e), { applySeries: w } = Gi(e), v = k(() => {
+    const n = t, { node: e } = E(n), o = je(), i = it(), r = Ee(), l = ae(), { width: u, minWidth: p, maxWidth: d, height: f, minHeight: c, maxHeight: m, applySize: h } = ge(n, e), { applyTitle: y } = Ji(e), { applyXAxis: g } = qi(e), { applyYAxis: _ } = Xi(e), { applyLegend: $ } = Hi(e), { applySeries: w } = Gi(e), v = k(() => {
       const L = {}, q = l.value?.type;
       return r === "page" ? q === "ui" ? h(L) : console.assert(!1) : r === "comp" && q === "ui" ? h(L) : console.assert(!1), L;
     }), V = zi("chart");
@@ -1135,12 +1156,12 @@ const Ar = /* @__PURE__ */ I({
       z.setOption(L);
     }, O = () => {
       z?.resize();
-    }, N = () => {
+    }, j = () => {
       const L = {};
       y(L), g(L), _(L), $(L), w(L), z?.setOption(L, !0);
     };
     return Li(async () => {
-      window.addEventListener("resize", O, !1), await Mi(() => !!V.value), H(), N();
+      window.addEventListener("resize", O, !1), await Mi(() => !!V.value), H(), j();
     }), we(() => {
       window.removeEventListener("resize", O, !1), z?.dispose();
     }), ue(
@@ -1150,19 +1171,19 @@ const Ar = /* @__PURE__ */ I({
         u,
         p,
         d,
-        m,
+        f,
         c,
-        f
+        m
       ],
       async () => {
         await Me(), O();
       }
     ), ue([i], () => {
-      H(), N();
+      H(), j();
     }), ue(
       [n],
       () => {
-        N();
+        j();
       },
       { deep: !0 }
     ), (L, q) => (x(), S(s(G), {
@@ -1170,7 +1191,7 @@ const Ar = /* @__PURE__ */ I({
       mask: ""
     }, {
       default: P(() => [
-        Fe("div", {
+        Ke("div", {
           ref: "chart",
           style: he(v.value)
         }, null, 4)
@@ -1190,10 +1211,10 @@ const Ar = /* @__PURE__ */ I({
     console.log(`<element/${t.nodeId}/multiple_ref_v1/${t.instance}> created`), we(() => {
       console.log(`<element/${t.nodeId}/multiple_ref_v1/${t.instance}> destroyed`);
     });
-    const n = ae(), e = k(() => K(n.value));
+    const n = ae(), e = k(() => F(n.value));
     ve(e), Ce(e, "multipleRef", t.nodeId, t.instance, oe());
     const o = (r) => {
-      const l = Ee[r.key];
+      const l = Pe[r.key];
       if (!l) {
         console.assert(!1, `element not found key=${r.key}`);
         return;
@@ -1250,7 +1271,7 @@ const Ar = /* @__PURE__ */ I({
         transform: ""
       }, {
         default: P(() => [
-          Fe("div", Br, Ai(t.label), 1)
+          Ke("div", Br, Ai(t.label), 1)
         ]),
         _: 1
       })) : le("", !0),
@@ -1272,7 +1293,7 @@ const Ar = /* @__PURE__ */ I({
     const { applySize: p } = ge(e, o), d = k(() => {
       const w = {};
       return l.value?.type === "ui" && p(w), w;
-    }), { position: m, rotation: c, scale: f } = me(o), { property: h } = a(o, ["instances"]), y = (w, v) => {
+    }), { position: f, rotation: c, scale: m } = me(o), { property: h } = a(o, ["instances"]), y = (w, v) => {
       w.findIndex((V) => V === v) >= 0 || w.push(v);
     }, g = k(() => {
       const w = [];
@@ -1304,17 +1325,17 @@ const Ar = /* @__PURE__ */ I({
           w.global.t("x-runtime-lib.circularReference")
         ) : r.value.type === "3d" ? W(ce, {
           name: n.name,
-          position: m.value,
+          position: f.value,
           rotation: c.value,
-          scale: f.value,
+          scale: m.value,
           label: w.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!l.value)
         return r.value.type === "ui" ? W("div", { id: n.id, style: d.value }) : r.value.type === "3d" ? W(ce, {
           name: n.name,
-          position: m.value,
+          position: f.value,
           rotation: c.value,
-          scale: f.value
+          scale: m.value
         }) : void 0;
       if (l.value.type !== r.value.type) {
         console.assert(!1, "subtype not match");
@@ -1337,9 +1358,9 @@ const Ar = /* @__PURE__ */ I({
           ce,
           {
             name: n.name,
-            position: m.value,
+            position: f.value,
             rotation: c.value,
-            scale: f.value
+            scale: m.value
           },
           {
             default: () => g.value.map((V) => _(V, v))
@@ -1360,10 +1381,10 @@ const Ar = /* @__PURE__ */ I({
     console.log(`<element/${t.nodeId}/multiple_slot_v1/${t.instance}> created`), we(() => {
       console.log(`<element/${t.nodeId}/multiple_slot_v1/${t.instance}> destroyed`);
     });
-    const n = ae(), e = k(() => K(n.value));
+    const n = ae(), e = k(() => F(n.value));
     ve(e), Ce(e, "multipleCustomSlot", t.nodeId, t.instance, oe());
     const o = (r) => {
-      const l = Ee[r.key];
+      const l = Pe[r.key];
       if (!l) {
         console.assert(!1, `element not found key=${r.key}`);
         return;
@@ -1399,7 +1420,7 @@ const Ar = /* @__PURE__ */ I({
     };
     return (r, l) => (x(), S(i));
   }
-}), Fr = /* @__PURE__ */ I({
+}), Kr = /* @__PURE__ */ I({
   __name: "index",
   props: {
     nodeId: {},
@@ -1414,7 +1435,7 @@ const Ar = /* @__PURE__ */ I({
     const { applySize: p } = ge(e, o), d = k(() => {
       const w = {};
       return l.value?.type === "ui" && p(w), w;
-    }), { position: m, rotation: c, scale: f } = me(o), { property: h } = a(o, ["instances"]), y = (w, v) => {
+    }), { position: f, rotation: c, scale: m } = me(o), { property: h } = a(o, ["instances"]), y = (w, v) => {
       w.findIndex((V) => V === v) >= 0 || w.push(v);
     }, g = k(() => {
       const w = [];
@@ -1446,17 +1467,17 @@ const Ar = /* @__PURE__ */ I({
           w.global.t("x-runtime-lib.circularReference")
         ) : r.value.type === "3d" ? W(ce, {
           name: n.name,
-          position: m.value,
+          position: f.value,
           rotation: c.value,
-          scale: f.value,
+          scale: m.value,
           label: w.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!l.value)
         return r.value.type === "ui" ? W("div", { id: n.id, style: d.value }) : r.value.type === "3d" ? W(ce, {
           name: n.name,
-          position: m.value,
+          position: f.value,
           rotation: c.value,
-          scale: f.value
+          scale: m.value
         }) : void 0;
       if (l.value.type !== r.value.type) {
         console.assert(!1, "subtype not match");
@@ -1479,9 +1500,9 @@ const Ar = /* @__PURE__ */ I({
           ce,
           {
             name: n.name,
-            position: m.value,
+            position: f.value,
             rotation: c.value,
-            scale: f.value
+            scale: m.value
           },
           {
             default: () => g.value.map((V) => _(V, v))
@@ -1490,7 +1511,7 @@ const Ar = /* @__PURE__ */ I({
     };
     return (w, v) => (x(), S($));
   }
-}), Kr = /* @__PURE__ */ I({
+}), Fr = /* @__PURE__ */ I({
   __name: "index",
   props: {
     nodeId: {},
@@ -1505,8 +1526,8 @@ const Ar = /* @__PURE__ */ I({
     const { applySize: p } = ge(e, o), d = k(() => {
       const g = {};
       return r.value?.type === "ui" && p(g), g;
-    }), { position: m, rotation: c, scale: f } = me(o), h = (g) => {
-      const _ = Ee[g.key];
+    }), { position: f, rotation: c, scale: m } = me(o), h = (g) => {
+      const _ = Pe[g.key];
       if (!_) {
         console.assert(!1, `element not found key=${g.key}`);
         return;
@@ -1547,17 +1568,17 @@ const Ar = /* @__PURE__ */ I({
           g.global.t("x-runtime-lib.circularReference")
         ) : r.value.type === "3d" ? W(ce, {
           name: n.name,
-          position: m.value,
+          position: f.value,
           rotation: c.value,
-          scale: f.value,
+          scale: m.value,
           label: g.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!l.value)
         return r.value.type === "ui" ? W("div", { id: n.id, style: d.value }) : r.value.type === "3d" ? W(ce, {
           name: n.name,
-          position: m.value,
+          position: f.value,
           rotation: c.value,
-          scale: f.value
+          scale: m.value
         }) : void 0;
       if (l.value.type !== r.value.type) {
         console.assert(!1, "subtype not match");
@@ -1580,9 +1601,9 @@ const Ar = /* @__PURE__ */ I({
           ce,
           {
             name: n.name,
-            position: m.value,
+            position: f.value,
             rotation: c.value,
-            scale: f.value
+            scale: m.value
           },
           {
             default: () => l.value?.view.nodeLites.map(($) => h($))
@@ -1622,9 +1643,9 @@ const Ar = /* @__PURE__ */ I({
     const { applySize: p } = ge(e, o), d = k(() => {
       const g = {};
       return l.value?.type === "ui" && p(g), g;
-    }), { position: m, rotation: c, scale: f } = me(o);
+    }), { position: f, rotation: c, scale: m } = me(o);
     function h(g) {
-      const _ = Ee[g.key];
+      const _ = Pe[g.key];
       if (!_) {
         console.assert(!1, `element not found key=${g.key}`);
         return;
@@ -1666,17 +1687,17 @@ const Ar = /* @__PURE__ */ I({
           g.global.t("x-runtime-lib.circularReference")
         ) : r.value.type === "3d" ? W(ce, {
           name: n.name,
-          position: m.value,
+          position: f.value,
           rotation: c.value,
-          scale: f.value,
+          scale: m.value,
           label: g.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!l.value)
         return r.value.type === "ui" ? W("div", { id: n.id, style: d.value }) : r.value.type === "3d" ? W(ce, {
           name: n.name,
-          position: m.value,
+          position: f.value,
           rotation: c.value,
-          scale: f.value
+          scale: m.value
         }) : void 0;
       if (l.value.type !== r.value.type) {
         console.assert(!1, "subtype not match");
@@ -1699,9 +1720,9 @@ const Ar = /* @__PURE__ */ I({
           ce,
           {
             name: n.name,
-            position: m.value,
+            position: f.value,
             rotation: c.value,
-            scale: f.value
+            scale: m.value
           },
           {
             default: () => l.value?.view.nodeLites.map(($) => h($))
@@ -1728,10 +1749,10 @@ const Ar = /* @__PURE__ */ I({
       "y"
     ]);
     return (p, d) => {
-      const m = B("v-badge");
+      const f = B("v-badge");
       return x(), S(s(G), null, {
         default: P(() => [
-          F(m, {
+          K(f, {
             content: s(o),
             dot: s(i),
             "offset-x": s(l),
@@ -1748,7 +1769,7 @@ const Ar = /* @__PURE__ */ I({
       });
     };
   }
-}), Nr = /* @__PURE__ */ I({
+}), jr = /* @__PURE__ */ I({
   __name: "index",
   props: {
     nodeId: {},
@@ -1763,14 +1784,14 @@ const Ar = /* @__PURE__ */ I({
     ]), { property: r } = a(e, ["settings", "block"]), { property: l } = a(e, ["settings", "color"]), { color: u } = Z(l), { property: p } = a(e, ["settings", "density"]), { property: d } = a(e, [
       "settings",
       "disabled"
-    ]), { property: m } = a(e, ["size", "height"]), { property: c } = a(e, ["settings", "loading"]), { property: f } = a(e, ["size", "maxHeight"]), { property: h } = a(e, ["size", "maxWidth"]), { property: y } = a(e, ["size", "minHeight"]), { property: g } = a(e, ["size", "minWidth"]), { property: _ } = a(e, [
+    ]), { property: f } = a(e, ["size", "height"]), { property: c } = a(e, ["settings", "loading"]), { property: m } = a(e, ["size", "maxHeight"]), { property: h } = a(e, ["size", "maxWidth"]), { property: y } = a(e, ["size", "minHeight"]), { property: g } = a(e, ["size", "minWidth"]), { property: _ } = a(e, [
       "settings",
       "addIcon",
       "prepend"
     ]), { property: $ } = a(e, [
       "settings",
       "readonly"
-    ]), { property: w } = a(e, ["settings", "ripple"]), { property: v } = a(e, ["settings", "size"]), { property: V } = a(e, ["settings", "stacked"]), { property: z } = a(e, ["settings", "text"]), { theme: H } = J(), { property: O } = a(e, ["settings", "variant"]), { property: N } = a(e, ["size", "width"]), L = async (q) => {
+    ]), { property: w } = a(e, ["settings", "ripple"]), { property: v } = a(e, ["settings", "size"]), { property: V } = a(e, ["settings", "stacked"]), { property: z } = a(e, ["settings", "text"]), { theme: H } = J(), { property: O } = a(e, ["settings", "variant"]), { property: j } = a(e, ["size", "width"]), L = async (q) => {
       !o || !o.vm || (o.setGlobalVariable("__pointerPosX__", q.clientX), o.setGlobalVariable("__pointerPosY__", q.clientY), await o.callFunctionAsync(
         "__triggerEventV1__",
         re("elementEvent", n.nodeId, "click"),
@@ -1784,15 +1805,15 @@ const Ar = /* @__PURE__ */ I({
         mask: ""
       }, {
         default: P(() => [
-          F(_e, {
+          K(_e, {
             "append-icon": s(i),
             block: s(r),
             color: s(u),
             density: s(p),
             disabled: s(d),
-            height: s(m),
+            height: s(f),
             loading: s(c),
-            "max-height": s(f),
+            "max-height": s(m),
             "max-width": s(h),
             "min-height": s(y),
             "min-width": s(g),
@@ -1804,7 +1825,7 @@ const Ar = /* @__PURE__ */ I({
             text: s(z),
             theme: s(H),
             variant: s(O),
-            width: s(N),
+            width: s(j),
             onClick: L
           }, null, 8, ["append-icon", "block", "color", "density", "disabled", "height", "loading", "max-height", "max-width", "min-height", "min-width", "prepend-icon", "readonly", "ripple", "size", "stacked", "text", "theme", "variant", "width"])
         ]),
@@ -1812,7 +1833,7 @@ const Ar = /* @__PURE__ */ I({
       }, 8, ["block"]);
     };
   }
-}), jr = {};
+}), Nr = {};
 function Hr(t, n) {
   const e = B("v-btn-group");
   return x(), S(e, null, {
@@ -1822,7 +1843,7 @@ function Hr(t, n) {
     _: 3
   });
 }
-const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
+const Gr = /* @__PURE__ */ De(Nr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
   __name: "index",
   props: {
     nodeId: {},
@@ -1842,7 +1863,7 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
     ]), { property: p } = a(e, [
       "settings",
       "readonly"
-    ]), { property: d } = a(e, ["settings", "size"]), { property: m } = a(e, ["settings", "stacked"]), { theme: c } = J(), { property: f } = a(e, ["settings", "tile"]), { property: h } = a(e, ["settings", "variant"]);
+    ]), { property: d } = a(e, ["settings", "size"]), { property: f } = a(e, ["settings", "stacked"]), { theme: c } = J(), { property: m } = a(e, ["settings", "tile"]), { property: h } = a(e, ["settings", "variant"]);
     return (y, g) => {
       const _ = B("v-btn-toggle");
       return x(), S(_, {
@@ -1853,9 +1874,9 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
         multiple: s(u),
         readonly: s(p),
         size: s(d),
-        stacked: s(m),
+        stacked: s(f),
         theme: s(c),
-        tile: s(f),
+        tile: s(m),
         variant: s(h)
       }, {
         default: P(() => [
@@ -1876,7 +1897,7 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
     const n = t, { node: e } = E(n), { property: o } = a(e, ["settings", "density"]), { property: i } = a(e, [
       "settings",
       "disabled"
-    ]), { property: r } = a(e, ["size", "height"]), { property: l } = a(e, ["settings", "hover"]), { property: u } = a(e, ["settings", "loading"]), { property: p } = a(e, ["size", "maxHeight"]), { property: d } = a(e, ["size", "maxWidth"]), { property: m } = a(e, ["size", "minHeight"]), { property: c } = a(e, ["size", "minWidth"]), { property: f } = a(e, [
+    ]), { property: r } = a(e, ["size", "height"]), { property: l } = a(e, ["settings", "hover"]), { property: u } = a(e, ["settings", "loading"]), { property: p } = a(e, ["size", "maxHeight"]), { property: d } = a(e, ["size", "maxWidth"]), { property: f } = a(e, ["size", "minHeight"]), { property: c } = a(e, ["size", "minWidth"]), { property: m } = a(e, [
       "settings",
       "subtitle"
     ]), { property: h } = a(e, ["settings", "text"]), { theme: y } = J(), { property: g } = a(e, ["settings", "title"]), { property: _ } = a(e, ["settings", "variant"]), { property: $ } = a(e, ["size", "width"]);
@@ -1884,7 +1905,7 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
       const V = B("v-card");
       return x(), S(s(G), { block: "" }, {
         default: P(() => [
-          F(V, {
+          K(V, {
             density: s(o),
             disabled: s(i),
             height: s(r),
@@ -1892,9 +1913,9 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
             loading: s(u),
             "max-height": s(p),
             "max-width": s(d),
-            "min-height": s(m),
+            "min-height": s(f),
             "min-width": s(c),
-            subtitle: s(f),
+            subtitle: s(m),
             text: s(h),
             theme: s(y),
             title: s(g),
@@ -1930,7 +1951,7 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
       const u = B("v-checkbox");
       return x(), S(s(G), { mask: "" }, {
         default: P(() => [
-          F(u, {
+          K(u, {
             disabled: s(o),
             readonly: s(i)
           }, null, 8, ["disabled", "readonly"])
@@ -1956,21 +1977,21 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
     ]), { property: p } = a(e, [
       "settings",
       "draggable"
-    ]), { property: d } = a(e, ["settings", "filter"]), { property: m } = a(e, ["settings", "label"]), { property: c } = a(e, ["settings", "size"]), { property: f } = a(e, ["settings", "text"]), { theme: h } = J(), { property: y } = a(e, ["settings", "tile"]), { property: g } = a(e, ["settings", "value"]), { property: _ } = a(e, ["settings", "variant"]);
+    ]), { property: d } = a(e, ["settings", "filter"]), { property: f } = a(e, ["settings", "label"]), { property: c } = a(e, ["settings", "size"]), { property: m } = a(e, ["settings", "text"]), { theme: h } = J(), { property: y } = a(e, ["settings", "tile"]), { property: g } = a(e, ["settings", "value"]), { property: _ } = a(e, ["settings", "variant"]);
     return ($, w) => {
       const v = B("v-chip");
       return x(), S(s(G), { mask: "" }, {
         default: P(() => [
-          F(v, {
+          K(v, {
             closable: s(o),
             color: s(r),
             density: s(l),
             disabled: s(u),
             draggable: s(p),
             filter: s(d),
-            label: s(m),
+            label: s(f),
             size: s(c),
-            text: s(f),
+            text: s(m),
             theme: s(h),
             tile: s(y),
             value: s(g),
@@ -2004,8 +2025,8 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
     ]), { property: d } = a(e, [
       "settings",
       "showArrows"
-    ]), { theme: m } = J(), { property: c } = a(e, ["settings", "value"]);
-    return (f, h) => {
+    ]), { theme: f } = J(), { property: c } = a(e, ["settings", "value"]);
+    return (m, h) => {
       const y = B("v-chip-group");
       return x(), S(y, {
         modelValue: s(c),
@@ -2017,10 +2038,10 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
         mandatory: s(u),
         multiple: s(p),
         "show-arrows": s(d),
-        theme: s(m)
+        theme: s(f)
       }, {
         default: P(() => [
-          D(f.$slots, "default")
+          D(m.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "column", "direction", "disabled", "filter", "mandatory", "multiple", "show-arrows", "theme"]);
@@ -2034,7 +2055,7 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = E(n), o = ze(), i = ae(), { applySize: r } = ge(n, e), l = k(() => {
+    const n = t, { node: e } = E(n), o = Ee(), i = ae(), { applySize: r } = ge(n, e), l = k(() => {
       const g = {}, _ = i.value?.type;
       return o === "page" ? _ === "ui" ? r(g) : console.assert(!1) : o === "comp" && _ === "ui" ? r(g) : console.assert(!1), g;
     }), { property: u } = a(e, [
@@ -2046,13 +2067,13 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
     ]), { property: d } = a(e, [
       "settings",
       "hideHeader"
-    ]), { property: m } = a(e, [
+    ]), { property: f } = a(e, [
       "settings",
       "hideInputs"
     ]), { property: c } = a(e, [
       "settings",
       "hideSliders"
-    ]), { property: f } = a(e, [
+    ]), { property: m } = a(e, [
       "settings",
       "landscape"
     ]), { property: h } = a(e, [
@@ -2063,13 +2084,13 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
       const $ = B("v-color-picker");
       return x(), S(s(G), { mask: "" }, {
         default: P(() => [
-          F($, {
+          K($, {
             disabled: s(u),
             "hide-canvas": s(p),
             "hide-header": s(d),
-            "hide-inputs": s(m),
+            "hide-inputs": s(f),
             "hide-sliders": s(c),
-            landscape: s(f),
+            landscape: s(m),
             "show-swatches": s(h),
             style: he(l.value),
             theme: s(y)
@@ -2100,11 +2121,11 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
       "settings",
       "singleLine"
     ]), { theme: p } = J(), { property: d } = a(e, ["settings", "value"]);
-    return (m, c) => {
-      const f = B("v-combobox");
+    return (f, c) => {
+      const m = B("v-combobox");
       return x(), S(s(G), { mask: "" }, {
         default: P(() => [
-          F(f, {
+          K(m, {
             modelValue: s(d),
             "onUpdate:modelValue": c[0] || (c[0] = (h) => ne(d) ? d.value = h : null),
             "hide-details": s(o),
@@ -2127,19 +2148,19 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = E(n), o = ze(), i = ae(), { property: r } = a(e, [
+    const n = t, { node: e } = E(n), o = Ee(), i = ae(), { property: r } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: l } = Z(r), { applySize: u } = ge(n, e), { applyMargin: p } = gn(e), { applyPadding: d } = vn(e), { applyBorder: m } = hn(e), c = k(() => {
-      const f = {}, h = i.value?.type;
-      return o === "page" ? h === "ui" ? (u(f), p(f), d(f), m(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1) : o === "comp" && h === "ui" ? (u(f), p(f), d(f), m(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1), f;
+    ]), { color: l } = Z(r), { applySize: u } = ge(n, e), { applyMargin: p } = gn(e), { applyPadding: d } = vn(e), { applyBorder: f } = hn(e), c = k(() => {
+      const m = {}, h = i.value?.type;
+      return o === "page" ? h === "ui" ? (u(m), p(m), d(m), f(m), l.value && (m.backgroundColor = l.value)) : console.assert(!1) : o === "comp" && h === "ui" ? (u(m), p(m), d(m), f(m), l.value && (m.backgroundColor = l.value)) : console.assert(!1), m;
     });
-    return (f, h) => (x(), S(s(G), { block: "" }, {
+    return (m, h) => (x(), S(s(G), { block: "" }, {
       default: P(() => [
-        Fe("div", {
+        Ke("div", {
           style: he(c.value)
         }, [
-          D(f.$slots, "default")
+          D(m.$slots, "default")
         ], 4)
       ]),
       _: 3
@@ -2178,10 +2199,10 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
     ]), { property: r } = a(e, [
       "settings",
       "fixedHeader"
-    ]), { property: l } = a(e, ["settings", "headers"]), { property: u } = a(e, ["size", "height"]), { property: p } = a(e, ["settings", "hover"]), { property: d } = a(e, ["settings", "data"], !0), { property: m } = a(e, ["settings", "loading"]), { property: c } = a(e, [
+    ]), { property: l } = a(e, ["settings", "headers"]), { property: u } = a(e, ["size", "height"]), { property: p } = a(e, ["settings", "hover"]), { property: d } = a(e, ["settings", "data"], !0), { property: f } = a(e, ["settings", "loading"]), { property: c } = a(e, [
       "settings",
       "multiSort"
-    ]), { theme: f } = J(), { property: h } = a(e, ["size", "width"]), { property: y } = a(e, ["slots", "columns"]);
+    ]), { theme: m } = J(), { property: h } = a(e, ["size", "width"]), { property: y } = a(e, ["slots", "columns"]);
     return (g, _) => {
       const $ = B("v-data-table");
       return x(), S(s(G), {
@@ -2189,7 +2210,7 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
         mask: ""
       }, {
         default: P(() => [
-          F($, {
+          K($, {
             density: s(o),
             "fixed-footer": s(i),
             "fixed-header": s(r),
@@ -2197,15 +2218,15 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
             height: s(u),
             hover: s(p),
             items: s(d),
-            loading: s(m),
+            loading: s(f),
             "multi-sort": s(c),
-            theme: s(f),
+            theme: s(m),
             width: s(h)
           }, pn({ _: 2 }, [
             fo(s(y), ({ key: w, comp: v }) => ({
               name: `item.${w}`,
               fn: P(({ value: V }) => [
-                F(nl, {
+                K(nl, {
                   "ref-context": {
                     parent: n.refContext,
                     compId: v
@@ -2227,7 +2248,7 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
       const o = B("v-date-picker");
       return x(), S(s(G), { mask: "" }, {
         default: P(() => [
-          F(o)
+          K(o)
         ]),
         _: 1
       });
@@ -2283,10 +2304,10 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
     ]), { property: u } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { property: d } = a(e, [
       "settings",
       "multiple"
-    ]), { property: m } = a(e, [
+    ]), { property: f } = a(e, [
       "settings",
       "readonly"
-    ]), { property: c } = a(e, ["settings", "reverse"]), { property: f } = a(e, [
+    ]), { property: c } = a(e, ["settings", "reverse"]), { property: m } = a(e, [
       "settings",
       "singleLine"
     ]);
@@ -2297,7 +2318,7 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
         mask: ""
       }, {
         default: P(() => [
-          F(g, {
+          K(g, {
             chips: s(o),
             density: s(i),
             direction: s(r),
@@ -2305,9 +2326,9 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
             label: s(u),
             loading: s(p),
             multiple: s(d),
-            readonly: s(m),
+            readonly: s(f),
             reverse: s(c),
-            "single-line": s(f)
+            "single-line": s(m)
           }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"])
         ]),
         _: 1
@@ -2322,10 +2343,10 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = E(n), o = Ne(), i = ze(), r = ae(), { applySize: l } = ge(n, e), { applyMargin: u } = gn(e), { applyPadding: p } = vn(e), { applyBorder: d } = hn(e), { property: m } = a(e, [
+    const n = t, { node: e } = E(n), o = je(), i = Ee(), r = ae(), { applySize: l } = ge(n, e), { applyMargin: u } = gn(e), { applyPadding: p } = vn(e), { applyBorder: d } = hn(e), { property: f } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: c } = Z(m), f = (y) => {
+    ]), { color: c } = Z(f), m = (y) => {
       c.value && (y.backgroundColor = c.value), y.display = "flex";
       const g = ft(o.value.width), _ = Ge(g, e.value.settings?.direction);
       _ === "row" ? y.flexDirection = "row" : _ === "rowReverse" ? y.flexDirection = "row-reverse" : _ === "column" ? y.flexDirection = "column" : _ === "columnReverse" && (y.flexDirection = "column-reverse");
@@ -2337,7 +2358,7 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
       v === "start" ? y.alignItems = "flex-start" : v === "end" ? y.alignItems = "flex-end" : v === "center" ? y.alignItems = "center" : v === "baseline" ? y.alignItems = "baseline" : v === "stretch" && (y.alignItems = "stretch");
     }, h = k(() => {
       const y = {}, g = r.value?.type;
-      return i === "page" ? g === "ui" ? (l(y), u(y), p(y), d(y), f(y)) : console.assert(!1) : i === "comp" && g === "ui" ? (l(y), u(y), p(y), d(y), f(y)) : console.assert(!1), y;
+      return i === "page" ? g === "ui" ? (l(y), u(y), p(y), d(y), m(y)) : console.assert(!1) : i === "comp" && g === "ui" ? (l(y), u(y), p(y), d(y), m(y)) : console.assert(!1), y;
     });
     return (y, g) => (x(), ee("div", {
       style: he(h.value)
@@ -2353,11 +2374,11 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = E(n), o = ze(), i = ae(), { applySize: r } = ge(n, e), { property: l } = a(e, ["settings", "grow"]), { property: u } = a(e, ["settings", "shrink"]), p = k(() => {
-      const d = {}, m = i.value?.type;
-      return o === "page" ? m === "ui" ? (r(d), d.flexGrow = l.value ? 1 : 0, d.flexShrink = u.value ? 1 : 0) : console.assert(!1) : o === "comp" && m === "ui" ? (r(d), d.flexGrow = l.value ? 1 : 0, d.flexShrink = u.value ? 1 : 0) : console.assert(!1), d;
+    const n = t, { node: e } = E(n), o = Ee(), i = ae(), { applySize: r } = ge(n, e), { property: l } = a(e, ["settings", "grow"]), { property: u } = a(e, ["settings", "shrink"]), p = k(() => {
+      const d = {}, f = i.value?.type;
+      return o === "page" ? f === "ui" ? (r(d), d.flexGrow = l.value ? 1 : 0, d.flexShrink = u.value ? 1 : 0) : console.assert(!1) : o === "comp" && f === "ui" ? (r(d), d.flexGrow = l.value ? 1 : 0, d.flexShrink = u.value ? 1 : 0) : console.assert(!1), d;
     });
-    return (d, m) => (x(), ee("div", {
+    return (d, f) => (x(), ee("div", {
       style: he(p.value)
     }, [
       D(d.$slots, "default")
@@ -2371,15 +2392,15 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = E(n), o = ze(), i = ae(), r = oe(), { property: l } = a(e, ["settings", "valid"]), { property: u } = a(e, [
+    const n = t, { node: e } = E(n), o = Ee(), i = ae(), r = oe(), { property: l } = a(e, ["settings", "valid"]), { property: u } = a(e, [
       "settings",
       "fastFail"
     ]), { property: p } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: d } = Z(p), { applySize: m } = ge(n, e), { applyMargin: c } = gn(e), { applyPadding: f } = vn(e), { applyBorder: h } = hn(e), y = k(() => {
+    ]), { color: d } = Z(p), { applySize: f } = ge(n, e), { applyMargin: c } = gn(e), { applyPadding: m } = vn(e), { applyBorder: h } = hn(e), y = k(() => {
       const _ = {}, $ = i.value?.type;
-      return o === "page" ? $ === "ui" ? (m(_), c(_), f(_), h(_), d.value && (_.backgroundColor = d.value)) : console.assert(!1) : o === "comp" && $ === "ui" ? (m(_), c(_), f(_), h(_), d.value && (_.backgroundColor = d.value)) : console.assert(!1), _;
+      return o === "page" ? $ === "ui" ? (f(_), c(_), m(_), h(_), d.value && (_.backgroundColor = d.value)) : console.assert(!1) : o === "comp" && $ === "ui" ? (f(_), c(_), m(_), h(_), d.value && (_.backgroundColor = d.value)) : console.assert(!1), _;
     }), g = async () => {
       await r?.callFunctionAsync(
         "__triggerEventV1__",
@@ -2415,7 +2436,7 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
       "settings",
       "disabled"
     ]), { property: l } = a(e, ["settings", "icon"]), { property: u } = a(e, ["settings", "size"]), { theme: p } = J();
-    return (d, m) => {
+    return (d, f) => {
       const c = B("v-icon");
       return x(), S(c, {
         color: s(i),
@@ -2438,13 +2459,13 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
     return yt(n.nodeId, "open", () => {
       if (!o || !o.vm)
         return;
-      const { vm: p } = o, d = p.getProp(p.global, "__pointerPosX__"), m = p.getProp(p.global, "__pointerPosY__");
-      i.value = p.getNumber(d), r.value = p.getNumber(m), d.dispose(), m.dispose(), u.value = !0;
+      const { vm: p } = o, d = p.getProp(p.global, "__pointerPosX__"), f = p.getProp(p.global, "__pointerPosY__");
+      i.value = p.getNumber(d), r.value = p.getNumber(f), d.dispose(), f.dispose(), u.value = !0;
     }), yt(n.nodeId, "close", () => {
       o && (u.value = !1);
     }), (p, d) => {
-      const m = B("v-menu");
-      return x(), S(m, {
+      const f = B("v-menu");
+      return x(), S(f, {
         modelValue: s(u),
         "onUpdate:modelValue": d[0] || (d[0] = (c) => ne(u) ? u.value = c : null),
         attach: "menuContainer",
@@ -2487,7 +2508,7 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
     ]), { property: l } = a(e, [
       "settings",
       "hideDetails"
-    ]), { property: u } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { property: d } = a(e, ["settings", "max"]), { property: m } = a(e, ["size", "maxWidth"]), { property: c } = a(e, ["settings", "min"]), { property: f } = a(e, ["size", "minWidth"]), { property: h } = a(e, [
+    ]), { property: u } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { property: d } = a(e, ["settings", "max"]), { property: f } = a(e, ["size", "maxWidth"]), { property: c } = a(e, ["settings", "min"]), { property: m } = a(e, ["size", "minWidth"]), { property: h } = a(e, [
       "settings",
       "placeholder"
     ]), { property: y } = a(e, [
@@ -2507,7 +2528,7 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
     ]), { property: v } = a(e, ["settings", "reverse"]), { property: V } = a(e, [
       "settings",
       "singleLine"
-    ]), { property: z } = a(e, ["settings", "step"]), { property: H } = a(e, ["settings", "suffix"]), { theme: O } = J(), { property: N } = a(e, ["settings", "value"]), { property: L } = a(e, ["settings", "variant"]), { property: q } = a(e, ["size", "width"]);
+    ]), { property: z } = a(e, ["settings", "step"]), { property: H } = a(e, ["settings", "suffix"]), { theme: O } = J(), { property: j } = a(e, ["settings", "value"]), { property: L } = a(e, ["settings", "variant"]), { property: q } = a(e, ["size", "width"]);
     return ($e, _e) => {
       const Te = B("v-number-input");
       return x(), S(s(G), {
@@ -2515,9 +2536,9 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
         mask: ""
       }, {
         default: P(() => [
-          F(Te, {
-            modelValue: s(N),
-            "onUpdate:modelValue": _e[0] || (_e[0] = (se) => ne(N) ? N.value = se : null),
+          K(Te, {
+            modelValue: s(j),
+            "onUpdate:modelValue": _e[0] || (_e[0] = (se) => ne(j) ? j.value = se : null),
             "append-icon": s(o),
             "append-inner-icon": s(i),
             clearable: s(r),
@@ -2525,9 +2546,9 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
             label: s(u),
             loading: s(p),
             max: s(d),
-            "max-width": s(m),
+            "max-width": s(f),
             min: s(c),
-            "min-width": s(f),
+            "min-width": s(m),
             placeholder: s(h),
             precision: s(y),
             prefix: s(g),
@@ -2561,7 +2582,7 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
     ]), { property: l } = a(e, ["settings", "length"]), { property: u } = a(e, [
       "settings",
       "showFirstLastPage"
-    ]), { property: p } = a(e, ["settings", "size"]), { property: d } = a(e, ["settings", "start"]), { theme: m } = J(), { property: c } = a(e, ["settings", "tile"]), { property: f } = a(e, ["settings", "value"]), { property: h } = a(e, ["settings", "variant"]), y = k(() => {
+    ]), { property: p } = a(e, ["settings", "size"]), { property: d } = a(e, ["settings", "start"]), { theme: f } = J(), { property: c } = a(e, ["settings", "tile"]), { property: m } = a(e, ["settings", "value"]), { property: h } = a(e, ["settings", "variant"]), y = k(() => {
       const g = {};
       return o === "editor" && (g.pointerEvents = "none"), g;
     });
@@ -2572,9 +2593,9 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
         mask: ""
       }, {
         default: P(() => [
-          F($, {
-            modelValue: s(f),
-            "onUpdate:modelValue": _[0] || (_[0] = (w) => ne(f) ? f.value = w : null),
+          K($, {
+            modelValue: s(m),
+            "onUpdate:modelValue": _[0] || (_[0] = (w) => ne(m) ? m.value = w : null),
             density: s(i),
             disabled: s(r),
             length: s(l),
@@ -2582,7 +2603,7 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
             size: s(p),
             start: s(d),
             style: he(y.value),
-            theme: s(m),
+            theme: s(f),
             tile: s(c),
             variant: s(h)
           }, null, 8, ["modelValue", "density", "disabled", "length", "show-first-last-page", "size", "start", "style", "theme", "tile", "variant"])
@@ -2605,8 +2626,8 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
     ]), { property: u } = a(e, ["settings", "label"]), { property: p } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: d } = J(), { property: m } = a(e, ["settings", "value"]);
-    return (c, f) => {
+    ]), { theme: d } = J(), { property: f } = a(e, ["settings", "value"]);
+    return (c, m) => {
       const h = B("v-radio");
       return x(), S(h, {
         color: s(i),
@@ -2615,7 +2636,7 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
         label: s(u),
         readonly: s(p),
         theme: s(d),
-        value: s(m)
+        value: s(f)
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
   }
@@ -2637,11 +2658,11 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
       "settings",
       "readonly"
     ]), { theme: p } = J(), { property: d } = a(e, ["settings", "value"]);
-    return (m, c) => {
-      const f = B("v-radio-group");
+    return (f, c) => {
+      const m = B("v-radio-group");
       return x(), S(s(G), null, {
         default: P(() => [
-          F(f, {
+          K(m, {
             modelValue: s(d),
             "onUpdate:modelValue": c[0] || (c[0] = (h) => ne(d) ? d.value = h : null),
             density: s(o),
@@ -2652,7 +2673,7 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
             theme: s(p)
           }, {
             default: P(() => [
-              D(m.$slots, "default")
+              D(f.$slots, "default")
             ]),
             _: 3
           }, 8, ["modelValue", "density", "direction", "disabled", "inline", "readonly", "theme"])
@@ -2678,13 +2699,13 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
     ]), { property: l } = a(e, [
       "settings",
       "hideDetails"
-    ]), { property: u } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "max"]), { property: d } = a(e, ["settings", "min"]), { property: m } = a(e, [
+    ]), { property: u } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "max"]), { property: d } = a(e, ["settings", "min"]), { property: f } = a(e, [
       "settings",
       "readonly"
     ]), { property: c } = a(e, [
       "settings",
       "showTicks"
-    ]), f = k(() => {
+    ]), m = k(() => {
       if (c.value === "always")
         return "always";
       if (c.value === "show")
@@ -2703,11 +2724,11 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
     ]), { property: w } = a(e, ["settings", "ticks"]), v = k(() => {
       if (!w.value)
         return;
-      const N = {};
+      const j = {};
       for (const { value: L, label: q } of w.value)
-        N[L] = q;
-      if (!Ni(N))
-        return N;
+        j[L] = q;
+      if (!ji(j))
+        return j;
     }), { property: V } = a(e, [
       "settings",
       "tickSize"
@@ -2721,18 +2742,18 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
       "end"
     ]), O = k({
       get: () => [z.value, H.value],
-      set: ([N, L]) => {
-        z.value = N, H.value = L;
+      set: ([j, L]) => {
+        z.value = j, H.value = L;
       }
     });
-    return (N, L) => {
+    return (j, L) => {
       const q = B("v-range-slider");
       return x(), S(s(G), {
         block: "",
         mask: ""
       }, {
         default: P(() => [
-          F(q, {
+          K(q, {
             modelValue: O.value,
             "onUpdate:modelValue": L[0] || (L[0] = ($e) => O.value = $e),
             density: s(o),
@@ -2742,8 +2763,8 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
             label: s(u),
             max: s(p),
             min: s(d),
-            readonly: s(m),
-            "show-ticks": f.value,
+            readonly: s(f),
+            "show-ticks": m.value,
             step: s(h),
             theme: s(y),
             "thumb-label": _.value,
@@ -2776,12 +2797,12 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
     ]), { property: u } = a(e, ["settings", "hover"]), { property: p } = a(e, ["settings", "length"]), { property: d } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: m } = J(), { property: c } = a(e, ["settings", "value"]);
-    return (f, h) => {
+    ]), { theme: f } = J(), { property: c } = a(e, ["settings", "value"]);
+    return (m, h) => {
       const y = B("v-rating");
       return x(), S(s(G), { mask: "" }, {
         default: P(() => [
-          F(y, {
+          K(y, {
             modelValue: s(c),
             "onUpdate:modelValue": h[0] || (h[0] = (g) => ne(c) ? c.value = g : null),
             clearable: s(o),
@@ -2791,7 +2812,7 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
             hover: s(u),
             length: s(p),
             readonly: s(d),
-            theme: s(m)
+            theme: s(f)
           }, null, 8, ["modelValue", "clearable", "density", "disabled", "half-increments", "hover", "length", "readonly", "theme"])
         ]),
         _: 1
@@ -2819,14 +2840,14 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
       "settings",
       "singleLine"
     ]), { theme: p } = J(), { property: d } = a(e, ["settings", "value"]);
-    return (m, c) => {
-      const f = B("v-select");
+    return (f, c) => {
+      const m = B("v-select");
       return x(), S(s(G), {
         block: "",
         mask: ""
       }, {
         default: P(() => [
-          F(f, {
+          K(m, {
             modelValue: s(d),
             "onUpdate:modelValue": c[0] || (c[0] = (h) => ne(d) ? d.value = h : null),
             "hide-details": s(o),
@@ -2858,10 +2879,10 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
     ]), { property: u } = a(e, [
       "settings",
       "hideDetails"
-    ]), { property: p } = a(e, ["settings", "label"]), { property: d } = a(e, ["settings", "max"]), { property: m } = a(e, ["settings", "min"]), { property: c } = a(e, [
+    ]), { property: p } = a(e, ["settings", "label"]), { property: d } = a(e, ["settings", "max"]), { property: f } = a(e, ["settings", "min"]), { property: c } = a(e, [
       "settings",
       "readonly"
-    ]), { property: f } = a(e, ["settings", "reverse"]), { property: h } = a(e, [
+    ]), { property: m } = a(e, ["settings", "reverse"]), { property: h } = a(e, [
       "settings",
       "showTicks"
     ]), y = k(() => {
@@ -2889,9 +2910,9 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
       const se = {};
       for (const { value: xe, label: fe } of H.value)
         se[xe] = fe;
-      if (!Ni(se))
+      if (!ji(se))
         return se;
-    }), { property: N } = a(e, [
+    }), { property: j } = a(e, [
       "settings",
       "tickSize"
     ]), { property: L } = a(e, [
@@ -2905,7 +2926,7 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
         mask: ""
       }, {
         default: P(() => [
-          F(fe, {
+          K(fe, {
             modelValue: s($e),
             "onUpdate:modelValue": xe[0] || (xe[0] = (mo) => ne($e) ? $e.value = mo : null),
             color: s(i),
@@ -2914,23 +2935,23 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
             "hide-details": s(u),
             label: s(p),
             max: s(d),
-            min: s(m),
+            min: s(f),
             readonly: s(c),
-            reverse: s(f),
+            reverse: s(m),
             "show-ticks": y.value,
             step: s(g),
             theme: s(_),
             "thumb-color": s(w),
             "thumb-label": V.value,
             "thumb-size": s(z),
-            "tick-size": s(N),
+            "tick-size": s(j),
             ticks: O.value,
             "track-color": s(q)
           }, pn({ _: 2 }, [
             s(_e) ? {
               name: "append",
               fn: P(() => [
-                F(s(Tt), {
+                K(s(Tt), {
                   "node-id": "append",
                   "ref-context": { compId: s(_e) },
                   state: {}
@@ -2941,7 +2962,7 @@ const Gr = /* @__PURE__ */ De(jr, [["render", Hr]]), Jr = /* @__PURE__ */ I({
             s(Te) ? {
               name: "prepend",
               fn: P(() => [
-                F(s(Tt), {
+                K(s(Tt), {
                   "node-id": "prepend",
                   "ref-context": { compId: s(Te) },
                   state: {}
@@ -3060,12 +3081,12 @@ const Pl = /* @__PURE__ */ De($l, [["render", Vl]]), El = /* @__PURE__ */ I({
     ]), { property: u } = a(e, [
       "settings",
       "indeterminate"
-    ]), { property: p } = a(e, ["settings", "inline"]), { property: d } = a(e, ["settings", "inset"]), { property: m } = a(e, ["settings", "label"]), { property: c } = a(e, ["settings", "loading"]), { theme: f } = J(), { property: h } = a(e, ["settings", "value"]);
+    ]), { property: p } = a(e, ["settings", "inline"]), { property: d } = a(e, ["settings", "inset"]), { property: f } = a(e, ["settings", "label"]), { property: c } = a(e, ["settings", "loading"]), { theme: m } = J(), { property: h } = a(e, ["settings", "value"]);
     return (y, g) => {
       const _ = B("v-switch");
       return x(), S(s(G), { mask: "" }, {
         default: P(() => [
-          F(_, {
+          K(_, {
             modelValue: s(h),
             "onUpdate:modelValue": g[0] || (g[0] = ($) => ne(h) ? h.value = $ : null),
             density: s(o),
@@ -3075,9 +3096,9 @@ const Pl = /* @__PURE__ */ De($l, [["render", Vl]]), El = /* @__PURE__ */ I({
             indeterminate: s(u),
             inline: s(p),
             inset: s(d),
-            label: s(m),
+            label: s(f),
             loading: s(c),
-            theme: s(f)
+            theme: s(m)
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "indeterminate", "inline", "inset", "label", "loading", "theme"])
         ]),
         _: 1
@@ -3097,10 +3118,10 @@ const Pl = /* @__PURE__ */ De($l, [["render", Vl]]), El = /* @__PURE__ */ I({
       return o === "editor" && (p.pointerEvents = "none"), p;
     });
     return (p, d) => {
-      const m = B("v-tab");
+      const f = B("v-tab");
       return x(), S(s(G), { mask: "" }, {
         default: P(() => [
-          F(m, {
+          K(f, {
             style: he(u.value),
             text: s(i),
             theme: s(r),
@@ -3133,13 +3154,13 @@ const Pl = /* @__PURE__ */ De($l, [["render", Vl]]), El = /* @__PURE__ */ I({
       "settings",
       "color",
       "selectedColor"
-    ]), { color: p } = Z(u), { property: d } = a(e, ["settings", "density"]), { property: m } = a(e, [
+    ]), { color: p } = Z(u), { property: d } = a(e, ["settings", "density"]), { property: f } = a(e, [
       "settings",
       "direction"
     ]), { property: c } = a(e, [
       "settings",
       "disabled"
-    ]), { property: f } = a(e, [
+    ]), { property: m } = a(e, [
       "settings",
       "fixedTabs"
     ]), { property: h } = a(e, ["settings", "grow"]), { property: y } = a(e, [
@@ -3156,24 +3177,24 @@ const Pl = /* @__PURE__ */ De($l, [["render", Vl]]), El = /* @__PURE__ */ I({
       "color",
       "sliderColor"
     ]), { color: v } = Z(w), { property: V } = a(e, ["settings", "stacked"]), { theme: z } = J(), { property: H } = a(e, ["settings", "value"]);
-    return (O, N) => {
+    return (O, j) => {
       const L = B("v-tabs");
       return x(), S(s(G), {
         block: "",
         mask: ""
       }, {
         default: P(() => [
-          F(L, {
+          K(L, {
             modelValue: s(H),
-            "onUpdate:modelValue": N[0] || (N[0] = (q) => ne(H) ? H.value = q : null),
+            "onUpdate:modelValue": j[0] || (j[0] = (q) => ne(H) ? H.value = q : null),
             "align-tabs": s(o),
             "bg-color": s(r),
             "center-active": s(l),
             color: s(p),
             density: s(d),
-            direction: s(m),
+            direction: s(f),
             disabled: s(c),
-            "fixed-tabs": s(f),
+            "fixed-tabs": s(m),
             grow: s(h),
             "hide-slider": s(y),
             items: s(g),
@@ -3201,20 +3222,20 @@ const Pl = /* @__PURE__ */ De($l, [["render", Vl]]), El = /* @__PURE__ */ I({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = E(n), o = Ne(), { property: i } = a(e, ["settings", "align"]), { property: r } = a(e, [
+    const n = t, { node: e } = E(n), o = je(), { property: i } = a(e, ["settings", "align"]), { property: r } = a(e, [
       "settings",
       "decoration"
     ]), { property: l } = a(e, [
       "settings",
       "emphasis"
-    ]), { property: u } = a(e, ["settings", "italic"]), { property: p } = a(e, ["settings", "text"]), { property: d } = a(e, ["settings", "weight"]), m = k(() => {
-      const c = [], f = ft(o.value.width), h = Ge(f, e.value.settings?.style);
+    ]), { property: u } = a(e, ["settings", "italic"]), { property: p } = a(e, ["settings", "text"]), { property: d } = a(e, ["settings", "weight"]), f = k(() => {
+      const c = [], m = ft(o.value.width), h = Ge(m, e.value.settings?.style);
       return h && c.push(`text-${h}`), l.value === "high" ? c.push("text-high-emphasis") : l.value === "medium" ? c.push("text-medium-emphasis") : l.value === "disabled" && c.push("text-disabled"), i.value && c.push(`font-${i.value}`), r.value && c.push(`text-decoration-${r.value}`), d.value && c.push(`font-weight-${d.value}`), u.value && c.push("font-italic"), c.join(" ");
     });
-    return (c, f) => (x(), S(s(G), { mask: "" }, {
+    return (c, m) => (x(), S(s(G), { mask: "" }, {
       default: P(() => [
-        Fe("span", {
-          class: bo(m.value)
+        Ke("span", {
+          class: bo(f.value)
         }, Ai(s(p)), 3)
       ]),
       _: 1
@@ -3237,13 +3258,13 @@ const Pl = /* @__PURE__ */ De($l, [["render", Vl]]), El = /* @__PURE__ */ I({
     ]), { property: r } = a(e, ["settings", "density"]), { property: l } = a(e, [
       "settings",
       "disabled"
-    ]), { property: u } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { property: d } = a(e, ["settings", "maxRows"]), { property: m } = a(e, [
+    ]), { property: u } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { property: d } = a(e, ["settings", "maxRows"]), { property: f } = a(e, [
       "settings",
       "placeholder"
     ]), { property: c } = a(e, [
       "settings",
       "readonly"
-    ]), { property: f } = a(e, ["settings", "reverse"]), { property: h } = a(e, ["settings", "rows"]), { property: y } = a(e, [
+    ]), { property: m } = a(e, ["settings", "reverse"]), { property: h } = a(e, ["settings", "rows"]), { property: y } = a(e, [
       "settings",
       "singleLine"
     ]), { theme: g } = J(), { property: _ } = a(e, ["settings", "value"]), { property: $ } = a(e, ["settings", "variant"]);
@@ -3254,7 +3275,7 @@ const Pl = /* @__PURE__ */ De($l, [["render", Vl]]), El = /* @__PURE__ */ I({
         mask: ""
       }, {
         default: P(() => [
-          F(V, {
+          K(V, {
             modelValue: s(_),
             "onUpdate:modelValue": v[0] || (v[0] = (z) => ne(_) ? _.value = z : null),
             "auto-grow": s(o),
@@ -3264,9 +3285,9 @@ const Pl = /* @__PURE__ */ De($l, [["render", Vl]]), El = /* @__PURE__ */ I({
             label: s(u),
             loading: s(p),
             "max-rows": s(d),
-            placeholder: s(m),
+            placeholder: s(f),
             readonly: s(c),
-            reverse: s(f),
+            reverse: s(m),
             rows: s(h),
             "single-line": s(y),
             theme: s(g),
@@ -3302,7 +3323,7 @@ const Pl = /* @__PURE__ */ De($l, [["render", Vl]]), El = /* @__PURE__ */ I({
     }), be("appendInner", "blur", () => {
     });
     const { render: p } = nt(o.refContext, i, l);
-    return (d, m) => (x(), S(s(p)));
+    return (d, f) => (x(), S(s(p)));
   }
 }), Bl = /* @__PURE__ */ I({
   __name: "appendSlot",
@@ -3345,7 +3366,7 @@ const Pl = /* @__PURE__ */ De($l, [["render", Vl]]), El = /* @__PURE__ */ I({
     }), be("prependInner", "blur", () => {
     });
     const { render: p } = nt(o.refContext, i, l);
-    return (d, m) => (x(), S(s(p)));
+    return (d, f) => (x(), S(s(p)));
   }
 }), Wl = /* @__PURE__ */ I({
   __name: "prependSlot",
@@ -3363,7 +3384,7 @@ const Pl = /* @__PURE__ */ De($l, [["render", Vl]]), El = /* @__PURE__ */ I({
     const { render: l } = nt(n.refContext, e, i);
     return (u, p) => (x(), S(s(l)));
   }
-}), Fl = /* @__PURE__ */ I({
+}), Kl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     nodeId: {},
@@ -3389,7 +3410,7 @@ const Pl = /* @__PURE__ */ De($l, [["render", Vl]]), El = /* @__PURE__ */ I({
     ]), { property: d } = a(e, [
       "settings",
       "hideDetails"
-    ]), { property: m } = a(e, ["settings", "label"]), { property: c } = a(e, ["settings", "loading"]), { property: f } = a(e, [
+    ]), { property: f } = a(e, ["settings", "label"]), { property: c } = a(e, ["settings", "loading"]), { property: m } = a(e, [
       "settings",
       "placeholder"
     ]), { property: h } = a(e, ["settings", "prefix"]), { property: y } = a(e, [
@@ -3404,7 +3425,7 @@ const Pl = /* @__PURE__ */ De($l, [["render", Vl]]), El = /* @__PURE__ */ I({
     ]), { property: $ } = a(e, ["settings", "reverse"]), { property: w } = a(e, [
       "settings",
       "singleLine"
-    ]), { property: v } = a(e, ["settings", "suffix"]), { theme: V } = J(), { property: z } = a(e, ["settings", "value"]), { property: H } = a(e, ["settings", "variant"]), { property: O } = a(e, ["slots", "append"]), { property: N } = a(e, [
+    ]), { property: v } = a(e, ["settings", "suffix"]), { theme: V } = J(), { property: z } = a(e, ["settings", "value"]), { property: H } = a(e, ["settings", "variant"]), { property: O } = a(e, ["slots", "append"]), { property: j } = a(e, [
       "slots",
       "appendInner"
     ]), { property: L } = a(e, ["slots", "prepend"]), { property: q } = a(e, [
@@ -3418,7 +3439,7 @@ const Pl = /* @__PURE__ */ De($l, [["render", Vl]]), El = /* @__PURE__ */ I({
         mask: ""
       }, {
         default: P(() => [
-          F(Te, {
+          K(Te, {
             modelValue: s(z),
             "onUpdate:modelValue": _e[0] || (_e[0] = (se) => ne(z) ? z.value = se : null),
             "append-icon": s(o),
@@ -3428,9 +3449,9 @@ const Pl = /* @__PURE__ */ De($l, [["render", Vl]]), El = /* @__PURE__ */ I({
             density: s(u),
             disabled: s(p),
             "hide-details": s(d),
-            label: s(m),
+            label: s(f),
             loading: s(c),
-            placeholder: s(f),
+            placeholder: s(m),
             prefix: s(h),
             "prepend-icon": s(y),
             "prepend-inner-icon": s(g),
@@ -3444,7 +3465,7 @@ const Pl = /* @__PURE__ */ De($l, [["render", Vl]]), El = /* @__PURE__ */ I({
             s(O) ? {
               name: "append",
               fn: P(() => [
-                F(Bl, {
+                K(Bl, {
                   "ref-context": {
                     parent: n.refContext,
                     compId: s(O)
@@ -3453,17 +3474,17 @@ const Pl = /* @__PURE__ */ De($l, [["render", Vl]]), El = /* @__PURE__ */ I({
               ]),
               key: "0"
             } : void 0,
-            s(N) ? {
+            s(j) ? {
               name: "append-inner",
               fn: P(({ isActive: se, isFocused: xe }) => [
-                F(Ml, {
+                K(Ml, {
                   "is-active": se.value,
                   "onUpdate:isActive": (fe) => se.value = fe,
                   "is-focused": xe.value,
                   "onUpdate:isFocused": (fe) => xe.value = fe,
                   "ref-context": {
                     parent: n.refContext,
-                    compId: s(N)
+                    compId: s(j)
                   }
                 }, null, 8, ["is-active", "onUpdate:isActive", "is-focused", "onUpdate:isFocused", "ref-context"])
               ]),
@@ -3472,7 +3493,7 @@ const Pl = /* @__PURE__ */ De($l, [["render", Vl]]), El = /* @__PURE__ */ I({
             s(L) ? {
               name: "prepend",
               fn: P(() => [
-                F(Wl, {
+                K(Wl, {
                   "ref-context": {
                     parent: n.refContext,
                     compId: s(L)
@@ -3484,7 +3505,7 @@ const Pl = /* @__PURE__ */ De($l, [["render", Vl]]), El = /* @__PURE__ */ I({
             s(q) ? {
               name: "prepend-inner",
               fn: P(({ isActive: se, isFocused: xe }) => [
-                F(Rl, {
+                K(Rl, {
                   "is-active": se.value,
                   "onUpdate:isActive": (fe) => se.value = fe,
                   "is-focused": xe.value,
@@ -3503,7 +3524,7 @@ const Pl = /* @__PURE__ */ De($l, [["render", Vl]]), El = /* @__PURE__ */ I({
       });
     };
   }
-}), Kl = /* @__PURE__ */ I({
+}), Fl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     nodeId: {},
@@ -3525,11 +3546,11 @@ const Pl = /* @__PURE__ */ De($l, [["render", Vl]]), El = /* @__PURE__ */ I({
     ]), { property: d } = a(e, [
       "settings",
       "hideOpposite"
-    ]), { property: m } = a(e, [
+    ]), { property: f } = a(e, [
       "settings",
       "line",
       "color"
-    ]), { color: c } = Z(m), { property: f } = a(e, [
+    ]), { color: c } = Z(f), { property: m } = a(e, [
       "settings",
       "line",
       "inset"
@@ -3552,7 +3573,7 @@ const Pl = /* @__PURE__ */ De($l, [["render", Vl]]), El = /* @__PURE__ */ I({
         "fill-dot": s(p),
         "hide-opposite": s(d),
         "line-color": s(c),
-        "line-inset": s(f),
+        "line-inset": s(m),
         "line-thickness": s(h),
         side: s(y),
         theme: s(_),
@@ -3575,7 +3596,7 @@ function Ol(t, n) {
     _: 3
   });
 }
-const Nl = /* @__PURE__ */ De(Dl, [["render", Ol]]), jl = /* @__PURE__ */ I({
+const jl = /* @__PURE__ */ De(Dl, [["render", Ol]]), Nl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     nodeId: {},
@@ -3595,12 +3616,12 @@ const Nl = /* @__PURE__ */ De(Dl, [["render", Ol]]), jl = /* @__PURE__ */ I({
     ]), { property: l } = a(e, ["settings", "reverse"]), { property: u } = a(e, [
       "settings",
       "showArrows"
-    ]), { property: p } = a(e, ["settings", "touch"]), { theme: d } = J(), { property: m } = a(e, ["settings", "value"]);
-    return (c, f) => {
+    ]), { property: p } = a(e, ["settings", "touch"]), { theme: d } = J(), { property: f } = a(e, ["settings", "value"]);
+    return (c, m) => {
       const h = B("v-window");
       return x(), S(h, {
-        modelValue: s(m),
-        "onUpdate:modelValue": f[0] || (f[0] = (y) => ne(m) ? m.value = y : null),
+        modelValue: s(f),
+        "onUpdate:modelValue": m[0] || (m[0] = (y) => ne(f) ? f.value = y : null),
         continuous: s(o),
         direction: s(r),
         disabled: s(i),
@@ -3688,7 +3709,7 @@ const Jl = /* @__PURE__ */ De(Hl, [["render", Gl]]), b = {
       ]
     }
   ]
-}, ql = K(Q), Be = {
+}, ql = F(Q), Be = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -4055,8 +4076,8 @@ const Jl = /* @__PURE__ */ De(Hl, [["render", Gl]]), b = {
       defaultArray: []
     }
   ]
-}, Ee = {}, C = (t) => {
-  Ee[t.key] = t;
+}, Pe = {}, C = (t) => {
+  Pe[t.key] = t;
 }, Ln = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4440,7 +4461,7 @@ const Un = {
   spawn: oa
 };
 C(Mt);
-const wt = K(Q);
+const wt = F(Q);
 wt.children[0].default = "custom";
 wt.children[2].children[0].default = "0xffffff";
 wt.children[2].children[1].default = "0xffffff";
@@ -4470,7 +4491,7 @@ const Mn = {
   slots: []
 };
 C(la);
-const It = K(Q);
+const It = F(Q);
 It.children[0].default = "custom";
 It.children[2].children[0].default = "0xffffff";
 It.children[2].children[1].default = "0xffffff";
@@ -4500,7 +4521,7 @@ const Bn = {
   slots: []
 };
 C(aa);
-const St = K(Q);
+const St = F(Q);
 St.children[0].default = "custom";
 St.children[2].children[0].default = "0xffffff";
 St.children[2].children[1].default = "0xffffff";
@@ -4544,7 +4565,7 @@ const Rn = {
   slots: []
 };
 C(ua);
-const Ct = K(Q);
+const Ct = F(Q);
 Ct.children[0].default = "custom";
 Ct.children[2].children[0].default = "0xffffff";
 Ct.children[2].children[1].default = "0xffffff";
@@ -4659,7 +4680,7 @@ function pa(t, n) {
     }
   };
 }
-const Fn = {
+const Kn = {
   key: "series",
   name: "x-runtime-lib.series",
   children: [
@@ -4685,8 +4706,8 @@ const Fn = {
   name: "x-runtime-lib.barChart",
   comp: Ar,
   properties: {
-    pageUi: [b, X, gt, vt, _t, ht, Fn],
-    compUi: [b, X, gt, vt, _t, ht, Fn]
+    pageUi: [b, X, gt, vt, _t, ht, Kn],
+    compUi: [b, X, gt, vt, _t, ht, Kn]
   },
   leaf: !0,
   spawn: pa
@@ -4706,7 +4727,7 @@ function ma(t, n) {
     }
   };
 }
-const Kn = {
+const Fn = {
   key: "series",
   name: "x-runtime-lib.series",
   children: [
@@ -4732,8 +4753,8 @@ const Kn = {
   name: "x-runtime-lib.lineChart",
   comp: Tr,
   properties: {
-    pageUi: [b, X, gt, vt, _t, ht, Kn],
-    compUi: [b, X, gt, vt, _t, ht, Kn]
+    pageUi: [b, X, gt, vt, _t, ht, Fn],
+    compUi: [b, X, gt, vt, _t, ht, Fn]
   },
   leaf: !0,
   spawn: ma
@@ -4797,7 +4818,7 @@ const lt = {
 }, ya = {
   key: "multiple_slot_v1",
   name: "x-runtime-lib.multipleSlot",
-  comp: Fr,
+  comp: Kr,
   properties: {
     pageUi: [b, X, lt, at],
     compUi: [b, X, lt, at],
@@ -4821,7 +4842,7 @@ const ut = {
 }, ba = {
   key: "ref_v1",
   name: "x-runtime-lib.reference",
-  comp: Kr,
+  comp: Fr,
   properties: {
     pageUi: [b, X, ut],
     compUi: [b, X, ut],
@@ -4882,7 +4903,7 @@ const ct = {
   leaf: !0
 };
 C(ga);
-const Oe = K(Q);
+const Oe = F(Q);
 Oe.key = "backgroundColor";
 Oe.name = "x-runtime-lib.backgroundColor";
 const Yi = {
@@ -5002,7 +5023,7 @@ function Va(t, n) {
     }
   };
 }
-const Pa = K(Q), Nn = {
+const Pa = F(Q), jn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5092,10 +5113,10 @@ const Pa = K(Q), Nn = {
 }, Wt = {
   key: "ui_btn_v1",
   name: "x-runtime-lib.button",
-  comp: Nr,
+  comp: jr,
   properties: {
-    pageUi: [b, X, Nn],
-    compUi: [b, X, Nn]
+    pageUi: [b, X, jn],
+    compUi: [b, X, jn]
   },
   events: [
     {
@@ -5117,7 +5138,7 @@ const Ea = {
   }
 };
 C(Ea);
-const jn = {
+const Nn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5183,8 +5204,8 @@ const jn = {
   name: "x-runtime-lib.buttonToggle",
   comp: Jr,
   properties: {
-    pageUi: [b, jn],
-    compUi: [b, jn]
+    pageUi: [b, Nn],
+    compUi: [b, Nn]
   }
 };
 C(za);
@@ -5291,7 +5312,7 @@ const Gn = {
   leaf: !0
 };
 C(Aa);
-const Ta = K(Q), Jn = {
+const Ta = F(Q), Jn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5366,7 +5387,7 @@ const Ta = K(Q), Jn = {
     },
     Ta
   ]
-}, Ft = {
+}, Kt = {
   key: "ui_chip_v1",
   name: "x-runtime-lib.chip",
   comp: Yr,
@@ -5376,11 +5397,11 @@ const Ta = K(Q), Jn = {
   },
   leaf: !0
 };
-C(Ft);
+C(Kt);
 function Ua(t, n) {
-  const e = R(t, n), o = Kt.properties[e], i = T();
-  M(i, o), i.basic.id = A(16), i.basic.key = Kt.key;
-  const r = Ue(t, n, "chip1", "chip 1"), l = Ue(t, n, "chip2", "chip 2"), u = Ue(t, n, "chip3", "chip 3"), p = Ue(t, n, "chip4", "chip 4"), d = Ue(t, n, "chip5", "chip 5"), m = Ue(t, n, "chip6", "chip 6");
+  const e = R(t, n), o = Ft.properties[e], i = T();
+  M(i, o), i.basic.id = A(16), i.basic.key = Ft.key;
+  const r = Ue(t, n, "chip1", "chip 1"), l = Ue(t, n, "chip2", "chip 2"), u = Ue(t, n, "chip3", "chip 3"), p = Ue(t, n, "chip4", "chip 4"), d = Ue(t, n, "chip5", "chip 5"), f = Ue(t, n, "chip6", "chip 6");
   return {
     nodeLite: U(i, [
       r.nodeLite,
@@ -5388,7 +5409,7 @@ function Ua(t, n) {
       u.nodeLite,
       p.nodeLite,
       d.nodeLite,
-      m.nodeLite
+      f.nodeLite
     ]),
     nodes: {
       [i.basic.id]: i,
@@ -5397,13 +5418,13 @@ function Ua(t, n) {
       ...u.nodes,
       ...p.nodes,
       ...d.nodes,
-      ...m.nodes
+      ...f.nodes
     }
   };
 }
 function Ue(t, n, e, o) {
-  const i = R(t, n), r = Ft.properties[i], l = T();
-  return M(l, r), l.basic.id = A(16), l.basic.key = Ft.key, l.settings.value = e, l.settings.text = o, {
+  const i = R(t, n), r = Kt.properties[i], l = T();
+  return M(l, r), l.basic.id = A(16), l.basic.key = Kt.key, l.settings.value = e, l.settings.text = o, {
     nodeLite: U(l),
     nodes: {
       [l.basic.id]: l
@@ -5464,7 +5485,7 @@ const qn = {
       default: !1
     }
   ]
-}, Kt = {
+}, Ft = {
   key: "ui_chip_group_v1",
   name: "x-runtime-lib.chipGroup",
   comp: Zr,
@@ -5474,7 +5495,7 @@ const qn = {
   },
   spawn: Ua
 };
-C(Kt);
+C(Ft);
 const Ma = {
   key: "ui_color_picker_v1",
   name: "x-runtime-lib.colorPicker",
@@ -5538,7 +5559,7 @@ const Xn = {
   leaf: !0
 };
 C(Ba);
-const _n = K(Q);
+const _n = F(Q);
 _n.key = "backgroundColor";
 _n.name = "x-runtime-lib.backgroundColor";
 const Yn = {
@@ -5735,7 +5756,7 @@ const Wa = {
   leaf: !0
 };
 C(Wa);
-const Fa = {
+const Ka = {
   key: "ui_dialog_v1",
   name: "x-runtime-lib.dialog",
   comp: rl,
@@ -5755,12 +5776,12 @@ const Fa = {
   ],
   teleport: !0
 };
-C(Fa);
+C(Ka);
 const ti = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, Nc = {
+}, jc = {
   key: "ui_file_input_v1",
   name: "x-runtime-lib.fileInput",
   comp: ll,
@@ -5796,10 +5817,10 @@ const ti = {
   }
 };
 C(Ot);
-function Ka(t, n) {
+function Fa(t, n) {
   const e = R(t, n), o = Ze.properties[e], i = T();
   M(i, o), i.basic.id = A(16), i.basic.key = Ze.key;
-  const r = Nt(
+  const r = jt(
     t,
     n,
     "#ff0000",
@@ -5808,7 +5829,7 @@ function Ka(t, n) {
     void 0,
     "40px",
     void 0
-  ), l = Nt(
+  ), l = jt(
     t,
     n,
     "#00ff00",
@@ -5831,7 +5852,7 @@ function Ka(t, n) {
 function Da(t, n) {
   const e = R(t, n), o = Ot.properties[e], i = T();
   M(i, o), i.basic.id = A(16), i.basic.key = Ot.key;
-  const r = Nt(
+  const r = jt(
     t,
     n,
     "#0000ff",
@@ -5849,16 +5870,16 @@ function Da(t, n) {
     }
   };
 }
-function Nt(t, n, e, o, i, r, l, u, p) {
-  const d = R(t, n), m = Dt.properties[d], c = T();
-  return M(c, m), c.basic.id = A(16), c.basic.key = Dt.key, o && (c.size.width = o), i && (c.size.minWidth = i), l && (c.size.height = l), u && (c.size.minHeight = u), e && (c.settings.backgroundColor.mode = "custom", c.settings.backgroundColor.custom.light = e, c.settings.backgroundColor.custom.dark = e), {
+function jt(t, n, e, o, i, r, l, u, p) {
+  const d = R(t, n), f = Dt.properties[d], c = T();
+  return M(c, f), c.basic.id = A(16), c.basic.key = Dt.key, o && (c.size.width = o), i && (c.size.minWidth = i), l && (c.size.height = l), u && (c.size.minHeight = u), e && (c.settings.backgroundColor.mode = "custom", c.settings.backgroundColor.custom.light = e, c.settings.backgroundColor.custom.dark = e), {
     nodeLite: U(c, []),
     nodes: {
       [c.basic.id]: c
     }
   };
 }
-const xn = K(Q);
+const xn = F(Q);
 xn.key = "backgroundColor";
 xn.name = "x-runtime-lib.backgroundColor";
 const ii = {
@@ -6045,7 +6066,7 @@ const ii = {
       name: "x-runtime-lib.click"
     }
   ],
-  spawn: Ka
+  spawn: Fa
 };
 C(Ze);
 const oi = {
@@ -6198,10 +6219,10 @@ const oi = {
       default: void 0
     }
   ]
-}, jt = {
+}, Nt = {
   key: "ui_text_field_v1",
   name: "x-runtime-lib.textField",
-  comp: Fl,
+  comp: Kl,
   properties: {
     pageUi: [b, oi, si],
     compUi: [b, oi, si]
@@ -6300,11 +6321,11 @@ const oi = {
   ],
   leaf: !0
 };
-C(jt);
+C(Nt);
 function Oa(t, n) {
   const e = R(t, n), o = Ht.properties[e], i = T();
   M(i, o), i.basic.id = A(16), i.basic.key = Ht.key;
-  const r = Na(t, n);
+  const r = ja(t, n);
   return {
     nodeLite: U(i, [r.nodeLite]),
     nodes: {
@@ -6313,9 +6334,9 @@ function Oa(t, n) {
     }
   };
 }
-function Na(t, n) {
-  const e = R(t, n), o = jt.properties[e], i = T();
-  return M(i, o), i.basic.id = A(16), i.basic.key = jt.key, {
+function ja(t, n) {
+  const e = R(t, n), o = Nt.properties[e], i = T();
+  return M(i, o), i.basic.id = A(16), i.basic.key = Nt.key, {
     nodeLite: U(i),
     nodes: {
       [i.basic.id]: i
@@ -6357,7 +6378,7 @@ const ri = {
   spawn: Oa
 };
 C(Ht);
-const ja = K(Q), li = {
+const Na = F(Q), li = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6380,7 +6401,7 @@ const ja = K(Q), li = {
       items: "sizeItemsV1",
       default: "default"
     },
-    ja
+    Na
   ]
 }, Ha = {
   key: "ui_icon_v1",
@@ -6698,7 +6719,7 @@ const ci = {
   leaf: !0
 };
 C(qa);
-const Xa = K(Q), di = {
+const Xa = F(Q), di = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7073,13 +7094,13 @@ const yi = {
   leaf: !0
 };
 C(eu);
-const kn = K(Q);
+const kn = F(Q);
 kn.key = "color";
 kn.name = "x-runtime-lib.color";
-const wn = K(Q);
+const wn = F(Q);
 wn.key = "trackColor";
 wn.name = "x-runtime-lib.trackColor";
-const In = K(Q);
+const In = F(Q);
 In.key = "thumbColor";
 In.name = "x-runtime-lib.thumbColor";
 const bi = {
@@ -7442,13 +7463,13 @@ function zt(t, n, e, o) {
     }
   };
 }
-const Sn = K(Q);
+const Sn = F(Q);
 Sn.key = "backgroundColor";
 Sn.name = "x-runtime-lib.backgroundColor";
-const Cn = K(Q);
+const Cn = F(Q);
 Cn.key = "selectedColor";
 Cn.name = "x-runtime-lib.selectedColor";
-const $n = K(Q);
+const $n = F(Q);
 $n.key = "sliderColor";
 $n.name = "x-runtime-lib.sliderColor";
 const ki = {
@@ -7743,7 +7764,7 @@ C(on);
 const sn = {
   key: "ui_timeline_item_v1",
   name: "x-runtime-lib.timelineItem",
-  comp: Nl,
+  comp: jl,
   properties: {
     pageUi: [b],
     compUi: [b]
@@ -7785,7 +7806,7 @@ function du(t, n, e) {
     }
   };
 }
-const pu = K(Q), mu = K(Q), Si = {
+const pu = F(Q), mu = F(Q), Si = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7866,7 +7887,7 @@ const pu = K(Q), mu = K(Q), Si = {
 }, rn = {
   key: "ui_timeline_v1",
   name: "x-runtime-lib.timeline",
-  comp: Kl,
+  comp: Fl,
   properties: {
     pageUi: [b, Si],
     compUi: [b, Si]
@@ -7982,7 +8003,7 @@ const Ci = {
 }, an = {
   key: "ui_window_v1",
   name: "x-runtime-lib.window",
-  comp: jl,
+  comp: Nl,
   properties: {
     pageUi: [b, Ci],
     compUi: [b, Ci]
@@ -8130,11 +8151,11 @@ const hu = [
 ], Wu = [
   { title: "x-runtime-lib.horizontal", value: "horizontal" },
   { title: "x-runtime-lib.vertical", value: "vertical" }
-], Fu = [
+], Ku = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.start", value: "start" }
-], Ku = [
+], Fu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.start", value: "start" },
@@ -8164,8 +8185,8 @@ const hu = [
   thumbLabelItemsV1: Bu,
   timelineAlignItemsV1: Ru,
   timelineDirectionItemsV1: Wu,
-  timelineSideItemsV1: Fu,
-  timelineTruncateLineItemsV1: Ku
+  timelineSideItemsV1: Ku,
+  timelineTruncateLineItemsV1: Fu
 }, Symbol.toStringTag, { value: "Module" })), Ou = [
   {
     title: "x-runtime-lib.notSet",
@@ -8206,7 +8227,7 @@ const hu = [
     max: 1 / 0,
     step: 1
   }
-], Nu = [
+], ju = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -8228,7 +8249,7 @@ const hu = [
     validator: (t) => t === "right",
     default: "right"
   }
-], ju = [
+], Nu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -8362,8 +8383,8 @@ const hu = [
 ], Xu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   borderWidthTypesV1: Ou,
-  leftRightTypesV1: Nu,
-  marginTypesV1: ju,
+  leftRightTypesV1: ju,
+  marginTypesV1: Nu,
   paddingTypesV1: Hu,
   sizeTypesV1: Gu,
   tableColumnAlignTypesV1: Ju,
@@ -8718,9 +8739,9 @@ const hu = [
 };
 function $i(t, n) {
   if (t.array)
-    return n ? K(t.default) : K(t.defaultArray);
+    return n ? F(t.default) : F(t.defaultArray);
   {
-    const e = K(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;
   }
 }
@@ -8737,7 +8758,7 @@ function M(t, n) {
   }
   n.forEach((o) => e(t, o));
 }
-function jc(t, n, e, o, i) {
+function Nc(t, n, e, o, i) {
   const r = `type=${t} subtype=${n} version=${e} ref=${o} keyOrRefId=${i}`, l = R(t, n), u = nc[e];
   if (!u) {
     console.error(`spawnNode pkg not found version, ${r}`);
@@ -8749,21 +8770,21 @@ function jc(t, n, e, o, i) {
       console.error(`spawnNode [ref] element not found in pkg, ${r}`);
       return;
     }
-    const m = Ee[p];
-    if (!m) {
+    const f = Pe[p];
+    if (!f) {
       console.error(`spawnNode [ref] element not found in global, ${r}`);
       return;
     }
-    const c = m.properties[l];
+    const c = f.properties[l];
     if (!c) {
       console.error(`spawnNode [ref] properties not found, ${r}`);
       return;
     }
-    const f = T();
-    return M(f, c), f.basic.id = A(16), f.basic.key = p, f.settings || (f.settings = {}), f.settings.comp = d, {
-      nodeLite: U(f),
+    const m = T();
+    return M(m, c), m.basic.id = A(16), m.basic.key = p, m.settings || (m.settings = {}), m.settings.comp = d, {
+      nodeLite: U(m),
       nodes: {
-        [f.basic.id]: f
+        [m.basic.id]: m
       }
     };
   } else {
@@ -8772,7 +8793,7 @@ function jc(t, n, e, o, i) {
       console.error(`spawnNode [key] element not found in pkg, ${r}`);
       return;
     }
-    const d = Ee[p];
+    const d = Pe[p];
     if (!d) {
       console.error(`spawnNode [key] element not found in global, ${r}`);
       return;
@@ -8780,16 +8801,16 @@ function jc(t, n, e, o, i) {
     if (d.spawn)
       return d.spawn(t, n);
     {
-      const m = d.properties[l];
-      if (!m) {
+      const f = d.properties[l];
+      if (!f) {
         console.error(`spawnNode [key] properties not found, ${r}`);
         return;
       }
       const c = T();
-      M(c, m), c.basic.id = A(16), c.basic.key = p;
-      let f;
-      return d.leaf || (f = []), {
-        nodeLite: U(c, f),
+      M(c, f), c.basic.id = A(16), c.basic.key = p;
+      let m;
+      return d.leaf || (m = []), {
+        nodeLite: U(c, m),
         nodes: {
           [c.basic.id]: c
         }
@@ -8818,11 +8839,11 @@ function ic(t) {
   const n = {}, e = (r) => {
     const l = A(16);
     n[r.id] = l, r.id = l, r.children?.map((u) => e(u));
-  }, o = K(t.nodeLite);
+  }, o = F(t.nodeLite);
   e(o);
   const i = {};
   return Object.values(t.nodes).forEach((r) => {
-    const l = K(r);
+    const l = F(r);
     l.basic.id = n[l.basic.id], i[l.basic.id] = l;
   }), { nodeLite: o, nodes: i };
 }
@@ -8851,7 +8872,7 @@ function ie() {
 function Yc(t) {
   pe(to, mn(t));
 }
-function Ne() {
+function je() {
   return de(to);
 }
 function Zc(t) {
@@ -8869,7 +8890,7 @@ function Ie() {
 function ed(t) {
   pe(oo, t);
 }
-function ze() {
+function Ee() {
   return de(oo);
 }
 function ve(t) {
@@ -8925,8 +8946,8 @@ async function dt(t, n, e, o, i) {
         if (e === Je(c)) {
           if (c.subKeys) {
             if (!ye(
-              Le(o, c.subKeys),
-              Le(i, c.subKeys)
+              ze(o, c.subKeys),
+              ze(i, c.subKeys)
             )) {
               d = c;
               break;
@@ -8938,59 +8959,59 @@ async function dt(t, n, e, o, i) {
         }
       if (!d)
         continue;
-      let m;
-      d.subKeys ? m = Le(o, d.subKeys) : m = o;
+      let f;
+      d.subKeys ? f = ze(o, d.subKeys) : f = o;
       for (const c of p)
         if (c.subKeys) {
-          let f;
+          let m;
           if (c.type === "elementProperty")
-            f = t.getElementProperty(
+            m = t.getElementProperty(
               c.nodeId,
               c.propertyKeys.split(".")
             );
           else if (c.type === "customProperty")
-            f = t.getCustomProperty(c.propertyId);
+            m = t.getCustomProperty(c.propertyId);
           else if (c.type === "customSlotProperty")
-            f = t.getCustomSlotProperty(c.propertyId);
+            m = t.getCustomSlotProperty(c.propertyId);
           else if (c.type === "state")
-            f = t.getState(c.stateId);
+            m = t.getState(c.stateId);
           else {
             console.assert(!1);
             continue;
           }
-          const h = Le(f, c.subKeys);
-          if (ye(m, h))
+          const h = ze(m, c.subKeys);
+          if (ye(f, h))
             continue;
-          const y = K(f);
-          yn(y, c.subKeys, K(m)), c.type === "elementProperty" ? t.setElementProperty(
+          const y = F(m);
+          yn(y, c.subKeys, F(f)), c.type === "elementProperty" ? t.setElementProperty(
             c.nodeId,
             c.propertyKeys.split("."),
             y
           ) : c.type === "customProperty" ? t.setCustomProperty(c.propertyId, y) : c.type === "customSlotProperty" ? t.setCustomSlotProperty(c.propertyId, y) : c.type === "state" ? t.setState(c.stateId, y) : console.assert(!1);
         } else {
-          let f;
+          let m;
           if (c.type === "elementProperty")
-            f = t.getElementProperty(
+            m = t.getElementProperty(
               c.nodeId,
               c.propertyKeys.split(".")
             );
           else if (c.type === "customProperty")
-            f = t.getCustomProperty(c.propertyId);
+            m = t.getCustomProperty(c.propertyId);
           else if (c.type === "customSlotProperty")
-            f = t.getCustomSlotProperty(c.propertyId);
+            m = t.getCustomSlotProperty(c.propertyId);
           else if (c.type === "state")
-            f = t.getState(c.stateId);
+            m = t.getState(c.stateId);
           else {
             console.assert(!1);
             continue;
           }
-          if (ye(m, f))
+          if (ye(f, m))
             continue;
           c.type === "elementProperty" ? t.setElementProperty(
             c.nodeId,
             c.propertyKeys.split("."),
-            K(m)
-          ) : c.type === "customProperty" ? t.setCustomProperty(c.propertyId, K(m)) : c.type === "customSlotProperty" ? t.setCustomSlotProperty(c.propertyId, K(m)) : c.type === "state" ? t.setState(c.stateId, K(m)) : console.assert(!1);
+            F(f)
+          ) : c.type === "customProperty" ? t.setCustomProperty(c.propertyId, F(f)) : c.type === "customSlotProperty" ? t.setCustomSlotProperty(c.propertyId, F(f)) : c.type === "state" ? t.setState(c.stateId, F(f)) : console.assert(!1);
         }
     }
 }
@@ -9138,12 +9159,12 @@ function Se(t, n) {
       o.value = -1, n.value = void 0, Ri.emit("compNotAvail", t.value);
       return;
     }
-    o.value !== i.dataSeq && (o.value = i.dataSeq, n.value = K(i.data));
+    o.value !== i.dataSeq && (o.value = i.dataSeq, n.value = F(i.data));
   });
 }
 function fd() {
   let t;
-  const n = async () => (t = (await Fo()).newRuntime(), console.log("runtime created"), t);
+  const n = async () => (t = (await Ko()).newRuntime(), console.log("runtime created"), t);
   return we(() => {
     t && (t.dispose(), console.log("runtime dispose"));
   }), { createRuntime: n };
@@ -9163,8 +9184,8 @@ function mc(t) {
         if (/^\[\d+\]$/.test(p)) {
           let d = parseInt(p.slice(1, -1), 10);
           d > 0 && d--;
-          const m = n.newNumber(d);
-          n.setProp(i, l.toString(), m), m.dispose(), l++;
+          const f = n.newNumber(d);
+          n.setProp(i, l.toString(), f), f.dispose(), l++;
         } else {
           const d = n.newString(p);
           n.setProp(i, l.toString(), d), d.dispose(), l++;
@@ -9186,7 +9207,7 @@ function mc(t) {
   }).consume((e) => n.setProp(n.global, "__debugTraceV1__", e)), n.newFunction("__messageV1__", (e, o) => {
     const i = n.getString(e), r = n.dump(o);
     let l = "";
-    typeof r == "object" ? l = JSON.stringify(r) : l = String(r), i === "info" ? ho(l) : i === "success" ? go(l) : i === "warning" ? Wi(l) : i === "error" && Fi(l);
+    typeof r == "object" ? l = JSON.stringify(r) : l = String(r), i === "info" ? ho(l) : i === "success" ? go(l) : i === "warning" ? Wi(l) : i === "error" && Ki(l);
   }).consume((e) => n.setProp(n.global, "__messageV1__", e)), n.newFunction("__timeoutV1__", (e, o) => {
     const i = n.getNumber(e), r = n.getNumber(o);
     window.setTimeout(() => {
@@ -9194,13 +9215,13 @@ function mc(t) {
       try {
         if (!t.vm)
           return;
-        const l = je(u, n.getProp(n.global, "__timeoutCallback__"));
+        const l = Ne(u, n.getProp(n.global, "__timeoutCallback__"));
         n.callFunction(l, n.undefined, n.newNumber(i)).unwrap().dispose();
         n.runtime.executePendingJobs();
       } catch (p) {
-        var d = p, m = !0;
+        var d = p, f = !0;
       } finally {
-        He(u, d, m);
+        He(u, d, f);
       }
     }, r);
   }).consume((e) => n.setProp(n.global, "__timeoutV1__", e)), n.newFunction("__delayV1__", (e) => {
@@ -9214,7 +9235,7 @@ const po = vo({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
     const { i18n: n } = ke;
-    Fi(Oo(n, t));
+    Ki(Oo(n, t));
   }
 });
 window.API_URL && (po.defaults.baseURL = window.API_URL + "/computebase/");
@@ -9228,12 +9249,12 @@ function yc(t) {
   }
   const { vm: n } = t;
   n.newFunction("__callFuncV1__", (e, o, i, r, l) => {
-    const u = n.getString(e), p = n.getString(o), d = n.dump(i), m = n.getString(r), c = n.getString(l), { promise: f, resolve: h, reject: y } = t.promiseManager.create(), g = JSON.stringify(d);
+    const u = n.getString(e), p = n.getString(o), d = n.dump(i), f = n.getString(r), c = n.getString(l), { promise: m, resolve: h, reject: y } = t.promiseManager.create(), g = JSON.stringify(d);
     return fc({
       spaceId: u,
       id: p,
       strInputs: g,
-      env: m
+      env: f
     }).then(
       ({ strOutputs: _ }) => {
         if (!t.vm)
@@ -9244,7 +9265,7 @@ function yc(t) {
       (_) => {
         t.vm && y(`call func<${c}> failed, error: ${_}`);
       }
-    ), f.settled.then(n.runtime.executePendingJobs), f.handle;
+    ), m.settled.then(n.runtime.executePendingJobs), m.handle;
   }).consume((e) => n.setProp(n.global, "__callFuncV1__", e));
 }
 function bc(t) {
@@ -9255,7 +9276,7 @@ function bc(t) {
   const { vm: n } = t;
   n.newFunction("__getEnvV1__", () => n.getProp(n.global, "__env__")).consume((e) => n.setProp(n.global, "__getEnvV1__", e));
 }
-function Pe(t, n) {
+function Le(t, n) {
   if (n === void 0)
     return t.undefined;
   if (n === null)
@@ -9274,7 +9295,7 @@ function Pe(t, n) {
       for (const u of Object.keys(n)) {
         var e = [];
         try {
-          const p = je(e, Pe(t, n[u]));
+          const p = Ne(e, Le(t, n[u]));
           t.setProp(l, u, p);
         } catch (o) {
           var i = o, r = !0;
@@ -9297,16 +9318,16 @@ function hc(t) {
   n.newFunction("__triggerEventV1__", (e, o, ...i) => {
     const r = n.getString(e), l = n.getString(o), u = i.map((c) => n.dump(c));
     t.callFunctionAsync("__triggerEventInner__", r, l, ...u);
-    const { kind: p, nodeId: d, eventKey: m } = pc(r);
+    const { kind: p, nodeId: d, eventKey: f } = pc(r);
     if (p === "customEvent")
       t.parent && (t.parent.callFunctionAsync(
         "__triggerEventV1__",
-        re("refEvent", t.nodeId, m),
+        re("refEvent", t.nodeId, f),
         "",
         ...u
       ), t.parent.callFunctionAsync(
         "__triggerEventV1__",
-        re("multipleRefEvent", t.nodeId, m),
+        re("multipleRefEvent", t.nodeId, f),
         t.instance,
         ...u
       ));
@@ -9314,7 +9335,7 @@ function hc(t) {
       const c = t.children[d];
       c && c.callFunctionAsync(
         "__triggerEventV1__",
-        re("adaptSlotCustomEvent", "globality", m),
+        re("adaptSlotCustomEvent", "globality", f),
         "",
         ...u
       );
@@ -9322,100 +9343,123 @@ function hc(t) {
       const c = t.children[d];
       c && c.callFunctionAsync(
         "__triggerEventV1__",
-        re("adaptSlotCustomEvent", "globality", m),
+        re("adaptSlotCustomEvent", "globality", f),
         "",
         ...u
       );
     }
   }).consume((e) => n.setProp(n.global, "__triggerEventV1__", e)), n.newFunction("__getPropertyV1__", (e, o) => {
-    const i = n.getString(e), r = n.getString(o), { kind: l, nodeId: u, propertyKey: p } = Vi(i);
-    let d;
-    if (l === "elementProperty")
-      d = t.getElementProperty(u, p.split("."));
-    else if (l === "refProperty") {
-      const m = t.children[u];
-      m && (d = m.getCustomProperty(p));
-    } else if (l === "multipleRefProperty") {
-      const m = t.children[`${u}/${r}`];
-      m && (d = m.getCustomProperty(p));
-    } else if (l === "customSlotProperty") {
-      const m = t.children[u];
-      m && (d = m.getCustomSlotProperty(p));
-    } else if (l === "multipleCustomSlotProperty") {
-      const m = t.children[`${u}/${r}`];
-      m && (d = m.getCustomSlotProperty(p));
-    } else l === "customProperty" ? d = t.getCustomProperty(p) : l === "adaptSlotElementProperty" ? t.parent ? d = t.parent.getElementSlotProperty(p) : n.throw(new Error("Not in slot")) : l === "adaptSlotCustomProperty" ? t.parent ? d = t.parent.getCustomSlotProperty(p) : n.throw(new Error("Not in slot")) : console.assert(!1);
-    return Pe(n, d);
+    const i = n.getString(e), r = n.getString(o), { promise: l, resolve: u, reject: p } = t.promiseManager.create(), { kind: d, nodeId: f, propertyKey: c } = Vi(i);
+    if (d === "elementProperty")
+      t.getElementProperty(f, c.split(".")).then(
+        (m) => u(m),
+        (m) => p(m)
+      );
+    else if (d === "refProperty") {
+      const m = t.children[f];
+      m ? m.getCustomProperty(c).then(
+        (h) => u(h),
+        (h) => p(h)
+      ) : p("sandbox not found");
+    } else if (d === "multipleRefProperty") {
+      const m = t.children[`${f}/${r}`];
+      m ? m.getCustomProperty(c).then(
+        (h) => u(h),
+        (h) => p(h)
+      ) : p("sandbox not found");
+    } else if (d === "customSlotProperty") {
+      const m = t.children[f];
+      m ? m.getCustomSlotProperty(c).then(
+        (h) => u(h),
+        (h) => p(h)
+      ) : p("sandbox not found");
+    } else if (d === "multipleCustomSlotProperty") {
+      const m = t.children[`${f}/${r}`];
+      m ? m.getCustomSlotProperty(c).then(
+        (h) => u(h),
+        (h) => p(h)
+      ) : p("sandbox not found");
+    } else d === "customProperty" ? t.getCustomProperty(c).then(
+      (m) => u(m),
+      (m) => p(m)
+    ) : d === "adaptSlotElementProperty" ? t.parent ? t.parent.getElementSlotProperty(c).then(
+      (m) => u(m),
+      (m) => p(m)
+    ) : p("not in slot") : d === "adaptSlotCustomProperty" ? t.parent ? t.parent.getCustomSlotProperty(c).then(
+      (m) => u(m),
+      (m) => p(m)
+    ) : p("not in slot") : console.assert(!1);
+    return l.settled.then(n.runtime.executePendingJobs), l.handle;
   }).consume((e) => n.setProp(n.global, "__getPropertyV1__", e)), n.newFunction("__setPropertyV1__", (e, o, i) => {
-    const r = n.getString(e), l = n.dump(o), u = n.getString(i), { promise: p, resolve: d, reject: m } = t.promiseManager.create(), { kind: c, nodeId: f, propertyKey: h } = Vi(r);
+    const r = n.getString(e), l = n.dump(o), u = n.getString(i), { promise: p, resolve: d, reject: f } = t.promiseManager.create(), { kind: c, nodeId: m, propertyKey: h } = Vi(r);
     if (c === "elementProperty")
-      t.setElementProperty(f, h.split("."), l).then(
+      t.setElementProperty(m, h.split("."), l).then(
         (y) => d(y),
-        (y) => m(y)
+        (y) => f(y)
       );
     else if (c === "refProperty") {
-      const y = t.children[f];
+      const y = t.children[m];
       y ? y.setCustomProperty(h, l).then(
         (g) => d(g),
-        (g) => m(g)
-      ) : m("Sandbox not found");
+        (g) => f(g)
+      ) : f("sandbox not found");
     } else if (c === "multipleRefProperty") {
-      const y = t.children[`${f}/${u}`];
+      const y = t.children[`${m}/${u}`];
       y ? y.setCustomProperty(h, l).then(
         (g) => d(g),
-        (g) => m(g)
-      ) : m("Sandbox not found");
+        (g) => f(g)
+      ) : f("sandbox not found");
     } else if (c === "customSlotProperty") {
-      const y = t.children[f];
+      const y = t.children[m];
       y ? y.setCustomSlotProperty(h, l).then(
         (g) => d(g),
-        (g) => m(g)
-      ) : m("Sandbox not found");
+        (g) => f(g)
+      ) : f("sandbox not found");
     } else if (c === "multipleCustomSlotProperty") {
-      const y = t.children[`${f}/${u}`];
+      const y = t.children[`${m}/${u}`];
       y ? y.setCustomSlotProperty(h, l).then(
         (g) => d(g),
-        (g) => m(g)
-      ) : m("Sandbox not found");
+        (g) => f(g)
+      ) : f("sandbox not found");
     } else c === "customProperty" ? t.setCustomProperty(h, l).then(
       (y) => d(y),
-      (y) => m(y)
+      (y) => f(y)
     ) : c === "adaptSlotElementProperty" ? t.parent ? t.parent.setElementSlotProperty(h, l).then(
       (y) => d(y),
-      (y) => m(y)
-    ) : m("Not in slot") : c === "adaptSlotCustomProperty" ? t.parent ? t.parent.setCustomSlotProperty(h, l).then(
+      (y) => f(y)
+    ) : f("not in slot") : c === "adaptSlotCustomProperty" ? t.parent ? t.parent.setCustomSlotProperty(h, l).then(
       (y) => d(y),
-      (y) => m(y)
-    ) : m("Not in slot") : console.assert(!1);
+      (y) => f(y)
+    ) : f("not in slot") : console.assert(!1);
     return p.settled.then(n.runtime.executePendingJobs), p.handle;
   }).consume((e) => n.setProp(n.global, "__setPropertyV1__", e)), n.newFunction("__callMethodV1__", (e, o, i) => {
-    const r = n.getString(e), l = n.getString(o), u = n.dump(i), { promise: p, resolve: d, reject: m } = t.promiseManager.create(), { kind: c, nodeId: f, methodKey: h } = cc(r);
+    const r = n.getString(e), l = n.getString(o), u = n.dump(i), { promise: p, resolve: d, reject: f } = t.promiseManager.create(), { kind: c, nodeId: m, methodKey: h } = cc(r);
     if (c === "elementMethod")
       t.callElementMethod(r, h, u).then(
         (y) => d(y),
-        (y) => m(y)
+        (y) => f(y)
       );
     else if (c === "refMethod") {
-      const y = t.children[f];
+      const y = t.children[m];
       y ? y.callFunctionAsync(
         pt("customMethod", "globality", h),
         l,
         u
       ).then(
         (g) => d(g),
-        (g) => m(g)
-      ) : m("Sandbox not found");
+        (g) => f(g)
+      ) : f("sandbox not found");
     } else if (c === "multipleRefMethod") {
-      const y = t.children[`${f}/${l}`];
+      const y = t.children[`${m}/${l}`];
       y ? y.callFunctionAsync(
         pt("customMethod", "globality", h),
         l,
         u
       ).then(
         (g) => d(g),
-        (g) => m(g)
-      ) : m("Sandbox not found");
-    } else c === "customSlotMethod" || c === "multipleCustomSlotMethod" || c === "customMethod" ? console.assert(!1, "no need to implement") : c === "adaptSlotElementMethod" ? t.parent || m("Not in slot") : c === "adaptSlotCustomMethod" ? t.parent ? t.kind === "customSlot" ? t.parent.callFunctionAsync(
+        (g) => f(g)
+      ) : f("sandbox not found");
+    } else c === "customSlotMethod" || c === "multipleCustomSlotMethod" || c === "customMethod" ? console.assert(!1, "no need to implement") : c === "adaptSlotElementMethod" ? t.parent || f("not in slot") : c === "adaptSlotCustomMethod" ? t.parent ? t.kind === "customSlot" ? t.parent.callFunctionAsync(
       pt(
         "customSlotMethod",
         t.nodeId,
@@ -9425,7 +9469,7 @@ function hc(t) {
       u
     ).then(
       (y) => d(y),
-      (y) => m(y)
+      (y) => f(y)
     ) : t.kind === "multipleCustomSlot" && t.parent.callFunctionAsync(
       pt(
         "multipleCustomSlotMethod",
@@ -9436,12 +9480,12 @@ function hc(t) {
       u
     ).then(
       (y) => d(y),
-      (y) => m(y)
-    ) : m("Not in slot") : console.assert(!1, `not implemented kind=${c}`);
+      (y) => f(y)
+    ) : f("not in slot") : console.assert(!1, `not implemented kind=${c}`);
     return p.settled.then(n.runtime.executePendingJobs), p.handle;
   }).consume((e) => n.setProp(n.global, "__callMethodV1__", e)), n.newFunction("__getStateV1__", (e) => {
     const o = n.getString(e), i = t.getState(o);
-    return Pe(n, i);
+    return Le(n, i);
   }).consume((e) => n.setProp(n.global, "__getStateV1__", e)), n.newFunction("__setStateV1__", (e, o) => {
     const i = n.getString(e), r = n.dump(o);
     t.setState(i, r);
@@ -9466,8 +9510,8 @@ function hc(t) {
     }), l.settled.then(n.runtime.executePendingJobs), l.handle;
   }).consume((e) => n.setProp(n.global, "__openConfirmDlgV1__", e)), n.newFunction("__openPromptDlgV1__", (e, o, i) => {
     const r = n.getString(e), l = n.getString(o), u = n.dump(i), { promise: p, resolve: d } = t.promiseManager.create();
-    return xo({ title: r, label: l, value: u }).then((m) => {
-      t.vm && d(m === void 0 ? void 0 : m);
+    return xo({ title: r, label: l, value: u }).then((f) => {
+      t.vm && d(f === void 0 ? void 0 : f);
     }), p.settled.then(n.runtime.executePendingJobs), p.handle;
   }).consume((e) => n.setProp(n.global, "__openPromptDlgV1__", e));
 }
@@ -9567,14 +9611,14 @@ class _c {
   }
   // 未响应的promise，需要手动回收
   dispose() {
-    Object.values(this.promises).forEach((n) => n.dispose());
+    Object.values(this.promises).forEach((n) => n.dispose()), this.vm = void 0;
   }
   create() {
     const n = this.currPromiseId++, e = this.vm.newPromise();
     return this.promises[n] = e, { promise: e, resolve: (r) => {
-      this.vm && (Pe(this.vm, r).consume((l) => e.resolve(l)), delete this.promises[n]);
+      this.vm && (Le(this.vm, r).consume((l) => e.resolve(l)), delete this.promises[n]);
     }, reject: (r) => {
-      this.vm && (Pe(this.vm, r).consume((l) => e.reject(l)), delete this.promises[n]);
+      this.vm && (Le(this.vm, r).consume((l) => e.reject(l)), delete this.promises[n]);
     } };
   }
 }
@@ -9592,7 +9636,7 @@ class xc {
   mode;
   type;
   // 沙盒内事件总线
-  eventBus = Ko();
+  eventBus = Fo();
   // 钩子
   hooks;
   constructor(n, e, o, i, r, l, u, p, d) {
@@ -9632,7 +9676,7 @@ class xc {
     const { vm: o } = this;
     if (!o)
       throw new Error("Sandbox/setGlobalVariable vm not available");
-    o.setProp(o.global, n, Pe(o, e));
+    o.setProp(o.global, n, Le(o, e));
   }
   getGlobalVariable(n) {
     const { vm: e } = this;
@@ -9645,22 +9689,20 @@ class xc {
     try {
       const { vm: o } = this;
       if (!o)
-        throw new Error("Sandbox/callFunctionSync vm not available");
-      const i = `${n}(${e.map((f) => JSON.stringify(f)).join(", ")})`;
+        throw new Error("vm not available");
+      const i = `${n}(${e.map((m) => JSON.stringify(m)).join(", ")})`;
       Ei.includes(n) || this.debugTrace(`${i}`);
-      const r = je(p, o.getProp(o.global, n));
-      if (!r) {
-        o.newError(`function<${n}> not available`).tap((f) => o.throw(f));
-        return;
-      }
-      const l = e.map((f) => Pe(o, f));
-      const u = o.unwrapResult(o.callFunction(r, o.undefined, ...l)).consume((f) => o.dump(f));
-      l.forEach((f) => f.dispose());
+      const r = Ne(p, o.getProp(o.global, n));
+      if (!r)
+        throw new Error(`function<${n}> not available`);
+      const l = e.map((m) => Le(o, m));
+      const u = o.unwrapResult(o.callFunction(r, o.undefined, ...l)).consume((m) => o.dump(m));
+      l.forEach((m) => m.dispose());
       return u;
     } catch (d) {
-      var m = d, c = !0;
+      var f = d, c = !0;
     } finally {
-      He(p, m, c);
+      He(p, f, c);
     }
   }
   async callFunctionAsync(n, ...e) {
@@ -9668,24 +9710,22 @@ class xc {
     try {
       const { vm: o } = this;
       if (!o)
-        throw new Error("Sandbox/callFunctionAsync vm not available");
+        throw new Error("vm not available");
       const i = `${n}(${e.map((h) => JSON.stringify(h)).join(", ")})`;
       Ei.includes(n) || this.debugTrace(`${i}`);
-      const r = je(d, o.getProp(o.global, n));
-      if (!r) {
-        o.newError(`function<${n}> not available`).tap((h) => o.throw(h));
-        return;
-      }
-      const l = e.map((h) => Pe(o, h));
+      const r = Ne(d, o.getProp(o.global, n));
+      if (!r)
+        throw new Error(`function<${n}> not available`);
+      const l = e.map((h) => Le(o, h));
       const u = o.unwrapResult(o.callFunction(r, o.undefined, ...l)).consume((h) => o.resolvePromise(h));
       o.runtime.executePendingJobs();
       l.map((h) => h.dispose());
       const p = o.unwrapResult(await u).consume((h) => o.dump(h));
       return p;
-    } catch (m) {
-      var c = m, f = !0;
+    } catch (f) {
+      var c = f, m = !0;
     } finally {
-      He(d, c, f);
+      He(d, c, m);
     }
   }
   //--------------------------
@@ -9695,17 +9735,15 @@ class xc {
   associateData(n) {
     this.data.value = n.value;
   }
-  getElementProperty(n, e) {
+  async getElementProperty(n, e) {
     const o = this.data.value?.view.nodes[n];
-    if (!o) {
-      console.warn(
+    if (!o)
+      throw console.warn(
         "Sandbox/getElementProperty node not found",
         n,
         e
-      );
-      return;
-    }
-    return Le(o, e);
+      ), new Error("node not found");
+    return ze(o, e);
   }
   async setElementProperty(n, e, o) {
     const i = this.data.value?.view.nodes[n];
@@ -9716,7 +9754,7 @@ class xc {
         e,
         o
       ), new Error("node not found");
-    const r = Le(i, e);
+    const r = ze(i, e);
     ye(o, r) || (yn(i, e, o), this.hooks.onElementPropertyChange(
       i.basic.id,
       e,
@@ -9727,7 +9765,7 @@ class xc {
   //--------------------------
   // 元素插槽属性
   //--------------------------
-  getElementSlotProperty(n) {
+  async getElementSlotProperty(n) {
     const { slotKey: e, propertyKey: o } = Pi(n), i = { value: void 0 };
     return this.eventBus.emit(
       un(
@@ -9756,7 +9794,7 @@ class xc {
   resetCustomProperties() {
     this.customProperties = {};
   }
-  getCustomProperty(n) {
+  async getCustomProperty(n) {
     return this.customProperties[n];
   }
   async setCustomProperty(n, e) {
@@ -9770,7 +9808,7 @@ class xc {
   resetCustomSlotProperties() {
     this.customSlotProperties = {};
   }
-  getCustomSlotProperty(n) {
+  async getCustomSlotProperty(n) {
     return this.customSlotProperties[n];
   }
   async setCustomSlotProperty(n, e) {
@@ -9805,10 +9843,10 @@ class xc {
   }
 }
 function Ce(t, n, e, o, i) {
-  const r = oc(), l = sc(), u = ie(), p = ze(), d = Ne(), m = it(), c = lc();
-  if (!jo(u))
+  const r = oc(), l = sc(), u = ie(), p = Ee(), d = je(), f = it(), c = lc();
+  if (!No(u))
     return;
-  const f = new xc(
+  const m = new xc(
     n,
     e,
     o,
@@ -9825,21 +9863,21 @@ function Ce(t, n, e, o, i) {
       onStateChange: w
     }
   );
-  ac(f), we(() => {
-    f.dispose();
+  ac(m), we(() => {
+    m.dispose();
   });
   const h = async () => {
-    f.destroyVm(), f.associateData(t), f.resetCustomProperties(), f.resetCustomSlotProperties(), f.resetStates(), !(!t.value || !t.value.code.script) && await f.createVm(c, t.value.code.script);
+    m.destroyVm(), m.associateData(t), m.resetCustomProperties(), m.resetCustomSlotProperties(), m.resetStates(), !(!t.value || !t.value.code.script) && await m.createVm(c, t.value.code.script);
   };
   h(), ue(t, () => {
     h();
   }), ue(
     d,
     async (v, V) => {
-      if (!f.vm)
+      if (!m.vm)
         return;
       const z = ft(v.width), H = ft(V?.width ?? v.width);
-      await f.callFunctionAsync(
+      await m.callFunctionAsync(
         "__triggerEventV1__",
         re("elementEvent", "globality", "screenSizeChange"),
         "",
@@ -9849,9 +9887,9 @@ function Ce(t, n, e, o, i) {
     },
     { immediate: !0 }
   ), ue(
-    m,
+    f,
     async (v) => {
-      f.vm && await f.callFunctionAsync(
+      m.vm && await m.callFunctionAsync(
         "__triggerEventV1__",
         re("elementEvent", "globality", "darkModeChange"),
         "",
@@ -9861,20 +9899,20 @@ function Ce(t, n, e, o, i) {
     { immediate: !0 }
   );
   async function y(v, V, z, H) {
-    if (f.vm) {
+    if (m.vm) {
       if (ye(V, ["settings", "slot"])) {
         const O = t.value?.view.nodeLites.find(
-          (N) => N.id === v
+          (j) => j.id === v
         );
         O ? O.slotId = z : console.assert(!1);
       }
       if (ye(V, ["settings", "comp"])) {
         const O = t.value?.view.nodeLites.find(
-          (N) => N.id === v
+          (j) => j.id === v
         );
         O ? O.compId = z : console.assert(!1);
       }
-      if (await f.callFunctionAsync(
+      if (await m.callFunctionAsync(
         "__triggerEventV1__",
         re("elementPropertyChangeEvent", v, V.join(".")),
         "",
@@ -9883,7 +9921,7 @@ function Ce(t, n, e, o, i) {
       ), t.value?.code.reactivity) {
         let O = "";
         V instanceof Array ? O = V.join(".") : O = V, dt(
-          f,
+          m,
           t.value.code.reactivity,
           Je({
             type: "elementProperty",
@@ -9897,7 +9935,7 @@ function Ce(t, n, e, o, i) {
     }
   }
   async function g(v, V, z, H, O) {
-    f.vm && console.log(
+    m.vm && console.log(
       "onElementSlotPropertyChange",
       v,
       V,
@@ -9907,30 +9945,30 @@ function Ce(t, n, e, o, i) {
     );
   }
   async function _(v, V, z) {
-    f.vm && (await f.callFunctionAsync(
+    m.vm && (await m.callFunctionAsync(
       "__triggerEventV1__",
       re("customPropertyChangeEvent", "globality", v),
       "",
       V,
       z ?? V
-    ), await f.parent.callFunctionAsync(
+    ), await m.parent.callFunctionAsync(
       "__triggerEventV1__",
-      re("refPropertyChangeEvent", f.nodeId, v),
+      re("refPropertyChangeEvent", m.nodeId, v),
       "",
       V,
       z ?? V
-    ), await f.parent.callFunctionAsync(
+    ), await m.parent.callFunctionAsync(
       "__triggerEventV1__",
       re(
         "multipleRefPropertyChangeEvent",
-        f.nodeId,
+        m.nodeId,
         v
       ),
       "",
       V,
       z ?? V
     ), t.value?.code.reactivity && dt(
-      f,
+      m,
       t.value.code.reactivity,
       Je({ type: "customProperty", propertyId: v }),
       V,
@@ -9938,8 +9976,8 @@ function Ce(t, n, e, o, i) {
     ));
   }
   async function $(v, V, z) {
-    f.vm && t.value?.code.reactivity && dt(
-      f,
+    m.vm && t.value?.code.reactivity && dt(
+      m,
       t.value.code.reactivity,
       Je({ type: "customSlotProperty", propertyId: v }),
       V,
@@ -9947,14 +9985,14 @@ function Ce(t, n, e, o, i) {
     );
   }
   async function w(v, V, z) {
-    f.vm && (await f.callFunctionAsync(
+    m.vm && (await m.callFunctionAsync(
       "__triggerEventV1__",
       re("stateChangeEvent", "globality", v),
       "",
       V,
       z ?? V
     ), t.value?.code.reactivity && dt(
-      f,
+      m,
       t.value.code.reactivity,
       Je({ type: "state", stateId: v }),
       V,
@@ -9981,15 +10019,15 @@ export {
   $a as badgeV1,
   Bt as barChartV1,
   Ut as boxGeometryV1,
-  ji as breakpoints,
+  Ni as breakpoints,
   Ea as btnGroupV1,
   za as btnToggleV1,
   Wt as btnV1,
   ft as calcBreakpoint,
   Ye as cardV1,
   Aa as checkboxV1,
-  Kt as chipGroupV1,
-  Ft as chipV1,
+  Ft as chipGroupV1,
+  Kt as chipV1,
   Ma as colorPickerV1,
   Ba as comboboxV1,
   Rc as compMetaStringify,
@@ -9998,19 +10036,19 @@ export {
   Ac as dataStringify,
   Ra as dataTableV1,
   Wa as datePickerV1,
-  Fa as dialogV1,
+  Ka as dialogV1,
   aa as directionalLightV1,
   ic as duplicateNodePair,
   Gc as duplicateNodePairs,
-  Fc as elementKeys,
-  Ee as elements,
-  Nc as fileInputV1,
+  Kc as elementKeys,
+  Pe as elements,
+  jc as fileInputV1,
   Ot as flexLayoutEntryV1,
   Ze as flexLayoutV1,
   Ht as formV1,
   A as genId,
   Ge as getBreakpointProp,
-  Le as getField,
+  ze as getField,
   pt as getImplementMethodName,
   zn as getIndexOfBreakpoint,
   Hc as getNodeLite,
@@ -10026,7 +10064,7 @@ export {
   it as injectDark,
   ae as injectData,
   rc as injectDepends,
-  Ne as injectDevice,
+  je as injectDevice,
   sc as injectEnv,
   Ie as injectId,
   ie as injectMode,
@@ -10034,9 +10072,9 @@ export {
   oc as injectOrg,
   lc as injectRuntime,
   oe as injectSandbox,
-  ze as injectType,
+  Ee as injectType,
   tt as isCircularReference,
-  jo as isExecutableMode,
+  No as isExecutableMode,
   Jo as isLocaleOfEventKind,
   Go as isLocaleOfMethodKind,
   Ho as isLocaleOfPropertyKind,
@@ -10096,12 +10134,12 @@ export {
   ba as referenceV1,
   C as regElement,
   ha as renderSwitchV1,
-  No as reverseBreakpoints,
+  jo as reverseBreakpoints,
   eu as selectV1,
   yn as setField,
   tu as sliderV1,
   ga as slotV1,
-  jc as spawnNode,
+  Nc as spawnNode,
   Mt as sphereGeometryV1,
   ca as spotLightV1,
   Xt as stepperHeaderV1,
@@ -10112,7 +10150,7 @@ export {
   ru as switchV1,
   tn as tabV1,
   nn as tabsV1,
-  jt as textFieldV1,
+  Nt as textFieldV1,
   Ae as textV1,
   on as textareaV1,
   sn as timelineItemV1,
@@ -10120,7 +10158,7 @@ export {
   Oc as toEventName,
   Dc as toMethodName,
   U as toNodeLite,
-  Kc as toPropertyName,
+  Fc as toPropertyName,
   dt as triggerReactivity,
   pc as unwrapEventId,
   dd as unwrapEventKeyOfCustomSlot,