x-runtime-lib 0.8.133 → 0.8.134

package/dist/index.js

@@ -1,11 +1,11 @@
-var dn = (t, n) => (n = Symbol[t]) ? n : /* @__PURE__ */ Symbol.for("Symbol." + t), fn = (t) => {
+var pn = (t, n) => (n = Symbol[t]) ? n : /* @__PURE__ */ Symbol.for("Symbol." + t), fn = (t) => {
   throw TypeError(t);
 };
 var Pe = (t, n, e) => {
   if (n != null) {
     typeof n != "object" && typeof n != "function" && fn("Object expected");
     var o, s;
-    e && (o = n[dn("asyncDispose")]), o === void 0 && (o = n[dn("dispose")], e && (s = o)), typeof o != "function" && fn("Object not disposable"), s && (o = function() {
+    e && (o = n[pn("asyncDispose")]), o === void 0 && (o = n[pn("dispose")], e && (s = o)), typeof o != "function" && fn("Object not disposable"), s && (o = function() {
       try {
         s.call(this);
       } catch (r) {
@@ -14,7 +14,7 @@ var Pe = (t, n, e) => {
     }), t.push([e, o, n]);
   } else e && t.push([e]);
   return n;
-}, ze = (t, n, e) => {
+}, Le = (t, n, e) => {
   var o = typeof SuppressedError == "function" ? SuppressedError : function(l, c, u, m) {
     return m = Error(u), m.name = "SuppressedError", m.error = l, m.suppressed = c, m;
   }, s = (l) => n = e ? new o(l, n, "An error was suppressed during disposal") : (e = !0, l), r = (l) => {
@@ -29,12 +29,12 @@ var Pe = (t, n, e) => {
   };
   return r();
 };
-import { defineComponent as C, createElementBlock as ce, renderSlot as K, unref as i, openBlock as x, createElementVNode as ie, computed as k, normalizeStyle as ue, createCommentVNode as le, ref as oe, watch as ae, onBeforeMount as ti, onUnmounted as Ue, watchEffect as he, createBlock as w, withCtx as V, useTemplateRef as xo, onMounted as ko, nextTick as wo, resolveComponent as W, createVNode as j, isRef as Q, h as X, createSlots as Xt, renderList as ni, useId as Io, withModifiers as oi, normalizeClass as ii, toDisplayString as ri, useAttrs as ct, inject as me, provide as pe, readonly as Yt } from "vue";
+import { defineComponent as C, createElementBlock as ce, renderSlot as K, unref as i, openBlock as x, createElementVNode as ie, computed as k, normalizeStyle as ue, createCommentVNode as le, ref as oe, watch as ae, onBeforeMount as ti, onUnmounted as Ue, watchEffect as he, createBlock as w, withCtx as V, useTemplateRef as xo, onMounted as ko, nextTick as wo, resolveComponent as W, createVNode as j, isRef as Q, h as G, createSlots as Xt, renderList as ni, useId as Io, withModifiers as oi, normalizeClass as ii, toDisplayString as ri, useAttrs as ct, inject as me, provide as de, readonly as Yt } from "vue";
 import { globalObjects as Ie, waitUtil as So, useViewStack as Co, eventBus as $o, messageInfo as si, messageSuccess as li, messageWarning as Vo, messageError as Po, createAxios as ai, openConfirmDlg as ci, openPromptDlg as ui } from "x-essential-lib";
-import { CameraHelper as zo, DirectionalLightHelper as mi, PointLightHelper as pi, SpotLightHelper as di } from "three";
-import { i as se, c as Je, K as fi, M as yi, O as bi, u as gi, r as Lo, e as To, a as hi, b as _i, d as vi, f as xi, g as ki, h as wi, j as Ii, k as Si, l as Eo, m as D, n as Ci, o as $i, p as Vi, q as Pi } from "./vendor.hylrutpj.js";
-import { useTheme as zi } from "vuetify";
-import { getErrorMessage as Li } from "x-error-lib";
+import { CameraHelper as Lo, DirectionalLightHelper as mi, PointLightHelper as di, SpotLightHelper as pi } from "three";
+import { i as se, c as Je, K as fi, M as yi, O as bi, u as gi, r as zo, e as To, a as hi, b as _i, d as vi, f as xi, g as ki, h as wi, j as Ii, k as Si, l as Eo, m as D, n as Ci, o as $i, p as Vi, q as Pi } from "./vendor.hylrutpj.js";
+import { useTheme as Li } from "vuetify";
+import { getErrorMessage as zi } from "x-error-lib";
 import { useI18n as qe } from "vue-i18n";
 const yn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
 function T(t) {
@@ -121,7 +121,7 @@ function mu(t, n = 2) {
 `).map((r) => r.trim() === "" ? r : e + r).join(`
 `);
 }
-function pu(t) {
+function du(t) {
   return t.startsWith("slot_v") || t.startsWith("multiple_slot_v");
 }
 function Xe(t) {
@@ -159,11 +159,11 @@ function A(t, n) {
   };
 }
 const Ei = ["common", "scene"], Ai = ["common", "scene"];
-function du({ type: t, version: n, view: e, code: o }) {
+function pu({ type: t, version: n, view: e, code: o }) {
   const s = (c, u) => {
     const m = { id: u.id };
-    u.children && (m.children = [], u.children.forEach((d) => {
-      s(m.children, d);
+    u.children && (m.children = [], u.children.forEach((p) => {
+      s(m.children, p);
     })), c.push(m);
   }, r = [];
   e.nodeLites.forEach((c) => {
@@ -345,7 +345,7 @@ const Ri = ["position", "rotation", "scale"], Ce = /* @__PURE__ */ C({
     scale: {}
   },
   setup(t) {
-    const n = q();
+    const n = X();
     return (e, o) => i(n) === "editor" ? (x(), ce("TresMesh", {
       key: 0,
       position: t.position,
@@ -358,14 +358,14 @@ const Ri = ["position", "rotation", "scale"], Ce = /* @__PURE__ */ C({
       K(e.$slots, "default")
     ], 8, Ri)) : K(e.$slots, "default", { key: 1 });
   }
-}), G = /* @__PURE__ */ C({
+}), H = /* @__PURE__ */ C({
   __name: "index",
   props: {
     block: { type: Boolean, default: !1 },
     mask: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const n = q(), e = k(() => {
+    const n = X(), e = k(() => {
       const s = {
         position: "relative"
       };
@@ -462,20 +462,20 @@ function ve(t) {
     "transform",
     "rotation",
     "z"
-  ]), { property: c } = a(t, ["transform", "scale", "x"]), { property: u } = a(t, ["transform", "scale", "y"]), { property: m } = a(t, ["transform", "scale", "z"]), d = oe([0, 0, 0]), p = oe([0, 0, 0]), f = oe([1, 1, 1]);
+  ]), { property: c } = a(t, ["transform", "scale", "x"]), { property: u } = a(t, ["transform", "scale", "y"]), { property: m } = a(t, ["transform", "scale", "z"]), p = oe([0, 0, 0]), d = oe([0, 0, 0]), f = oe([1, 1, 1]);
   return he(() => {
-    d.value = [n.value, e.value, o.value];
+    p.value = [n.value, e.value, o.value];
   }), he(() => {
-    n.value = d.value[0], e.value = d.value[1], o.value = d.value[2];
+    n.value = p.value[0], e.value = p.value[1], o.value = p.value[2];
   }), he(() => {
-    p.value = [s.value, r.value, l.value];
+    d.value = [s.value, r.value, l.value];
   }), he(() => {
-    s.value = p.value[0], r.value = p.value[1], l.value = p.value[2];
+    s.value = d.value[0], r.value = d.value[1], l.value = d.value[2];
   }), he(() => {
     f.value = [c.value, u.value, m.value];
   }), he(() => {
     c.value = f.value[0], u.value = f.value[1], m.value = f.value[2];
-  }), { position: d, rotation: p, scale: f };
+  }), { position: p, rotation: d, scale: f };
 }
 function Mo(t) {
   const n = k(() => t.value.legend?.show), e = k(() => t.value.legend?.data);
@@ -530,7 +530,7 @@ function Ko(t) {
   return { show: n, position: e, type: o, data: s, applyYAxis: r };
 }
 function Y(t) {
-  const { computedThemes: n } = zi(), e = Ze(), o = k(() => t.value?.mode), s = k(() => {
+  const { computedThemes: n } = Li(), e = Ze(), o = k(() => t.value?.mode), s = k(() => {
     const m = t.value?.theme;
     return m ? m === "background0" ? e.value ? "#2e2e2e" : "#bdbdbd" : m === "background1" ? e.value ? "#272727" : "#eeeeee" : m === "background2" ? e.value ? "#1e1e1e" : "#ffffff" : (e.value ? n.value.dark : n.value.light).colors[m] : void 0;
   }), r = k(() => e.value ? t.value.custom?.dark : t.value.custom?.light), l = k(() => o.value === "theme" ? s.value ?? "" : o.value === "custom" ? r.value ?? "" : ""), c = k(() => {
@@ -544,8 +544,8 @@ function Y(t) {
 }
 function tn(t) {
   const n = k(() => t.value.border?.style), e = k(() => t.value.border?.width), o = k(() => t.value.border?.color), { color: s } = Y(o), r = k(() => t.value.border?.roundRadius?.tl), l = k(() => t.value.border?.roundRadius?.tr), c = k(() => t.value.border?.roundRadius?.bl), u = k(() => t.value.border?.roundRadius?.br);
-  function m(d) {
-    n.value && (d.borderStyle = n.value), e.value && (d.borderWidth = e.value), s.value && (d.borderColor = s.value), r.value && (d.borderTopLeftRadius = r.value), l.value && (d.borderTopRightRadius = l.value), c.value && (d.borderBottomLeftRadius = c.value), u.value && (d.borderBottomRightRadius = u.value);
+  function m(p) {
+    n.value && (p.borderStyle = n.value), e.value && (p.borderWidth = e.value), s.value && (p.borderColor = s.value), r.value && (p.borderTopLeftRadius = r.value), l.value && (p.borderTopRightRadius = l.value), c.value && (p.borderBottomLeftRadius = c.value), u.value && (p.borderBottomRightRadius = u.value);
   }
   return { borderStyle: n, borderWidth: e, borderColor: s, applyBorder: m };
 }
@@ -563,33 +563,33 @@ function on(t) {
   }
   return { paddingTop: n, paddingLeft: e, paddingBottom: o, paddingRight: s, applyPadding: r };
 }
-function de(t, n) {
-  const e = q(), o = Re(), s = k(() => n.value.size?.width), r = k(() => n.value.size?.minWidth), l = k(() => n.value.size?.maxWidth), c = k(() => {
+function pe(t, n) {
+  const e = X(), o = Re(), s = k(() => n.value.size?.width), r = k(() => n.value.size?.minWidth), l = k(() => n.value.size?.maxWidth), c = k(() => {
     if (t.outer && e === "editor") {
-      const p = bt(n.value.size?.height);
-      if (p)
-        return p / 100 * o.value.height + "px";
+      const d = bt(n.value.size?.height);
+      if (d)
+        return d / 100 * o.value.height + "px";
     }
     return n.value.size?.height;
   }), u = k(() => {
     if (t.outer && e === "editor") {
-      const p = bt(n.value.size?.minHeight);
-      if (p)
-        return p / 100 * o.value.height + "px";
+      const d = bt(n.value.size?.minHeight);
+      if (d)
+        return d / 100 * o.value.height + "px";
     }
     return n.value.size?.minHeight;
   }), m = k(() => {
     if (t.outer && e === "editor") {
-      const p = bt(n.value.size?.maxHeight);
-      if (p)
-        return p / 100 * o.value.height + "px";
+      const d = bt(n.value.size?.maxHeight);
+      if (d)
+        return d / 100 * o.value.height + "px";
     }
     return n.value.size?.maxHeight;
   });
-  function d(p) {
-    s.value && (p.width = s.value), r.value && (p.minWidth = r.value), l.value && (p.maxWidth = l.value), c.value && (p.height = c.value), u.value && (p.minHeight = u.value), m.value && (p.maxHeight = m.value);
+  function p(d) {
+    s.value && (d.width = s.value), r.value && (d.minWidth = r.value), l.value && (d.maxWidth = l.value), c.value && (d.height = c.value), u.value && (d.minHeight = u.value), m.value && (d.maxHeight = m.value);
   }
-  return { width: s, minWidth: r, maxWidth: l, height: c, minHeight: u, maxHeight: m, applySize: d };
+  return { width: s, minWidth: r, maxWidth: l, height: c, minHeight: u, maxHeight: m, applySize: p };
 }
 const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Ni = /* @__PURE__ */ C({
   __name: "index",
@@ -599,7 +599,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = q(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "bottom"]), { property: u } = a(e, ["settings", "far"]), { property: m } = a(e, ["settings", "left"]), { property: d } = a(e, ["settings", "near"]), { property: p } = a(e, ["settings", "right"]), { property: f } = a(e, ["settings", "top"]);
+    const n = t, { node: e } = P(n), o = X(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "bottom"]), { property: u } = a(e, ["settings", "far"]), { property: m } = a(e, ["settings", "left"]), { property: p } = a(e, ["settings", "near"]), { property: d } = a(e, ["settings", "right"]), { property: f } = a(e, ["settings", "top"]);
     return (b, g) => (x(), w(i(Ce), {
       position: i(s),
       rotation: i(r),
@@ -610,16 +610,16 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           bottom: i(c),
           far: i(u),
           left: i(m),
-          near: i(d),
+          near: i(p),
           position: i(o) !== "editor" ? i(s) : [0, 0, 0],
-          right: i(p),
+          right: i(d),
           rotation: i(o) !== "editor" ? i(r) : [0, 0, 0],
           scale: i(o) !== "editor" ? i(l) : [1, 1, 1],
           top: i(f)
         }, [
           i(o) === "editor" ? (x(), w(i(Je), {
             key: 0,
-            type: i(zo)
+            type: i(Lo)
           }, null, 8, ["type"])) : le("", !0),
           K(b.$slots, "default")
         ], 8, Fi)
@@ -635,8 +635,8 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = q(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "aspect"]), { property: u } = a(e, ["settings", "far"]), { property: m } = a(e, ["settings", "fov"]), { property: d } = a(e, ["settings", "near"]);
-    return (p, f) => (x(), w(i(Ce), {
+    const n = t, { node: e } = P(n), o = X(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "aspect"]), { property: u } = a(e, ["settings", "far"]), { property: m } = a(e, ["settings", "fov"]), { property: p } = a(e, ["settings", "near"]);
+    return (d, f) => (x(), w(i(Ce), {
       position: i(s),
       rotation: i(r),
       scale: i(l)
@@ -646,16 +646,16 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           aspect: i(c),
           far: i(u),
           fov: i(m),
-          near: i(d),
+          near: i(p),
           position: i(o) !== "editor" ? i(s) : [0, 0, 0],
           rotation: i(o) !== "editor" ? i(r) : [0, 0, 0],
           scale: i(o) !== "editor" ? i(l) : [1, 1, 1]
         }, [
           i(o) === "editor" ? (x(), w(i(Je), {
             key: 0,
-            type: i(zo)
+            type: i(Lo)
           }, null, 8, ["type"])) : le("", !0),
-          K(p.$slots, "default")
+          K(d.$slots, "default")
         ], 8, ji)
       ]),
       _: 3
@@ -664,19 +664,19 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
 }), Hi = /* @__PURE__ */ C({
   __name: "index",
   setup(t) {
-    const n = q();
+    const n = X();
     return (e, o) => i(n) !== "editor" ? (x(), w(i(fi), { key: 0 })) : le("", !0);
   }
 }), Ui = /* @__PURE__ */ C({
   __name: "index",
   setup(t) {
-    const n = q();
+    const n = X();
     return (e, o) => i(n) !== "editor" ? (x(), w(i(yi), { key: 0 })) : le("", !0);
   }
 }), Ji = /* @__PURE__ */ C({
   __name: "index",
   setup(t) {
-    const n = q();
+    const n = X();
     return (e, o) => i(n) !== "editor" ? (x(), w(i(bi), { key: 0 })) : le("", !0);
   }
 }), qi = ["args"], Xi = /* @__PURE__ */ C({
@@ -697,7 +697,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "widthSegements"
     ]);
-    return (m, d) => (x(), ce("TresBoxGeometry", {
+    return (m, p) => (x(), ce("TresBoxGeometry", {
       args: [
         i(c),
         i(r),
@@ -740,7 +740,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "widthSegments"
     ]);
-    return (d, p) => (x(), ce("TresSphereGeometry", {
+    return (p, d) => (x(), ce("TresSphereGeometry", {
       args: [
         i(l),
         i(m),
@@ -760,11 +760,11 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = q(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Y(c), { property: m } = a(e, [
+    const n = t, { node: e } = P(n), o = X(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Y(c), { property: m } = a(e, [
       "settings",
       "intensity"
     ]);
-    return (d, p) => (x(), w(i(Ce), {
+    return (p, d) => (x(), w(i(Ce), {
       position: i(s),
       rotation: i(r),
       scale: i(l)
@@ -777,7 +777,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           rotation: i(o) !== "editor" ? i(r) : [0, 0, 0],
           scale: i(o) !== "editor" ? i(l) : [1, 1, 1]
         }, [
-          K(d.$slots, "default")
+          K(p.$slots, "default")
         ], 8, Qi)
       ]),
       _: 3
@@ -791,11 +791,11 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = q(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Y(c), { property: m } = a(e, [
+    const n = t, { node: e } = P(n), o = X(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Y(c), { property: m } = a(e, [
       "settings",
       "intensity"
     ]);
-    return (d, p) => (x(), w(i(Ce), {
+    return (p, d) => (x(), w(i(Ce), {
       position: i(s),
       rotation: i(r),
       scale: i(l)
@@ -812,7 +812,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
             key: 0,
             type: i(mi)
           }, null, 8, ["type"])) : le("", !0),
-          K(d.$slots, "default")
+          K(p.$slots, "default")
         ], 8, tr)
       ]),
       _: 3
@@ -826,10 +826,10 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = q(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Y(c), { property: m } = a(e, ["settings", "decay"]), { property: d } = a(e, [
+    const n = t, { node: e } = P(n), o = X(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Y(c), { property: m } = a(e, ["settings", "decay"]), { property: p } = a(e, [
       "settings",
       "distance"
-    ]), { property: p } = a(e, [
+    ]), { property: d } = a(e, [
       "settings",
       "intensity"
     ]);
@@ -842,15 +842,15 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         ie("TresPointLight", {
           color: i(u),
           decay: i(m),
-          distance: i(d),
-          intensity: i(p),
+          distance: i(p),
+          intensity: i(d),
           position: i(o) !== "editor" ? i(s) : [0, 0, 0],
           rotation: i(o) !== "editor" ? i(r) : [0, 0, 0],
           scale: i(o) !== "editor" ? i(l) : [1, 1, 1]
         }, [
           i(o) === "editor" ? (x(), w(i(Je), {
             key: 0,
-            type: i(pi)
+            type: i(di)
           }, null, 8, ["type"])) : le("", !0),
           K(f.$slots, "default")
         ], 8, or)
@@ -866,7 +866,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = q(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "angle"]), { property: u } = a(e, ["settings", "color"]), { color: m } = Y(u), { property: d } = a(e, ["settings", "decay"]), { property: p } = a(e, [
+    const n = t, { node: e } = P(n), o = X(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "angle"]), { property: u } = a(e, ["settings", "color"]), { color: m } = Y(u), { property: p } = a(e, ["settings", "decay"]), { property: d } = a(e, [
       "settings",
       "distance"
     ]), { property: f } = a(e, [
@@ -885,8 +885,8 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         ie("TresSpotLight", {
           angle: i(c),
           color: i(m),
-          decay: i(d),
-          distance: i(p),
+          decay: i(p),
+          distance: i(d),
           intensity: i(f),
           penumbra: i(b),
           position: i(o) !== "editor" ? i(s) : [0, 0, 0],
@@ -895,7 +895,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         }, [
           i(o) === "editor" ? (x(), w(i(Je), {
             key: 0,
-            type: i(di)
+            type: i(pi)
           }, null, 8, ["type"])) : le("", !0),
           K(g.$slots, "default")
         ], 8, rr)
@@ -915,7 +915,7 @@ const cr = /* @__PURE__ */ We(lr, [["render", ar]]), ur = ["position", "rotation
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = q(), { position: s, rotation: r, scale: l } = ve(e);
+    const n = t, { node: e } = P(n), o = X(), { position: s, rotation: r, scale: l } = ve(e);
     return (c, u) => (x(), w(i(Ce), {
       position: i(s),
       rotation: i(r),
@@ -933,7 +933,7 @@ const cr = /* @__PURE__ */ We(lr, [["render", ar]]), ur = ["position", "rotation
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), pr = ["position", "rotation", "scale"], dr = /* @__PURE__ */ C({
+}), dr = ["position", "rotation", "scale"], pr = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -948,9 +948,9 @@ const cr = /* @__PURE__ */ We(lr, [["render", ar]]), ur = ["position", "rotation
       scale: i(r)
     }, [
       K(l.$slots, "default")
-    ], 8, pr));
+    ], 8, dr));
   }
-}), fr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], yr = "#242424", br = {}, gr = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, hr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, _r = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, vr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, xr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, kr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, wr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Cr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, $r = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Vr = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, Pr = { 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" } }, zr = { 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)" } } }, Lr = { 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)" } } }, Tr = { 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"] } } }, Er = { 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"] } } }, Ar = { 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"] } } }, Mr = { 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"] } } }, Wr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Br = { textStyle: { color: "#eeeeee" } }, Rr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Kr = { 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" } } }, Dr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Or = { 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" } }, Fr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Nr = {
+}), fr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], yr = "#242424", br = {}, gr = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, hr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, _r = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, vr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, xr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, kr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, wr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Cr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, $r = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Vr = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, Pr = { 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" } }, Lr = { 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)" } } }, zr = { 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)" } } }, Tr = { 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"] } } }, Er = { 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"] } } }, Ar = { 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"] } } }, Mr = { 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"] } } }, Wr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Br = { textStyle: { color: "#eeeeee" } }, Rr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Kr = { 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" } } }, Dr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Or = { 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" } }, Fr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Nr = {
   color: fr,
   backgroundColor: yr,
   textStyle: br,
@@ -967,8 +967,8 @@ const cr = /* @__PURE__ */ We(lr, [["render", ar]]), ur = ["position", "rotation
   gauge: $r,
   candlestick: Vr,
   graph: Pr,
-  map: zr,
-  geo: Lr,
+  map: Lr,
+  geo: zr,
   categoryAxis: Tr,
   valueAxis: Er,
   logAxis: Ar,
@@ -980,7 +980,7 @@ const cr = /* @__PURE__ */ We(lr, [["render", ar]]), ur = ["position", "rotation
   visualMap: Dr,
   dataZoom: Or,
   markPoint: Fr
-}, jr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Gr = "#f5f5f5", Hr = {}, Ur = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Jr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, qr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Xr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Yr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Zr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Qr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, es = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ts = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ns = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, os = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, is = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, rs = { 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" } }, ss = { 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)" } } }, ls = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, as = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, cs = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, us = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, ms = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, ps = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, ds = { textStyle: { color: "#333333" } }, fs = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, ys = { lineStyle: { color: "#eeeeee", width: "2" }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, label: { color: "#eeeeee" } } }, bs = { color: ["#bf444c", "#d88273", "#f6efa6"] }, gs = { 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" } }, hs = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, _s = {
+}, jr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Gr = "#f5f5f5", Hr = {}, Ur = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Jr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, qr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Xr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Yr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Zr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Qr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, es = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ts = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ns = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, os = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, is = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, rs = { 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" } }, ss = { 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)" } } }, ls = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, as = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, cs = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, us = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, ms = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, ds = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, ps = { textStyle: { color: "#333333" } }, fs = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, ys = { lineStyle: { color: "#eeeeee", width: "2" }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, label: { color: "#eeeeee" } } }, bs = { color: ["#bf444c", "#d88273", "#f6efa6"] }, gs = { 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" } }, hs = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, _s = {
   color: jr,
   backgroundColor: Gr,
   textStyle: Hr,
@@ -1003,8 +1003,8 @@ const cr = /* @__PURE__ */ We(lr, [["render", ar]]), ur = ["position", "rotation
   valueAxis: cs,
   logAxis: us,
   timeAxis: ms,
-  toolbox: ps,
-  legend: ds,
+  toolbox: ds,
+  legend: ps,
   tooltip: fs,
   timeline: ys,
   visualMap: bs,
@@ -1021,8 +1021,8 @@ gi([
   Ii,
   Si
 ]);
-Lo("dark", Nr);
-Lo("light", _s);
+zo("dark", Nr);
+zo("light", _s);
 const vs = /* @__PURE__ */ C({
   __name: "index",
   props: {
@@ -1031,23 +1031,23 @@ const vs = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Re(), s = Ze(), r = xe(), l = be(), { width: c, minWidth: u, maxWidth: m, height: d, minHeight: p, maxHeight: f, applySize: b } = de(n, e), { applyTitle: g } = Bo(e), { applyXAxis: _ } = Ro(e), { applyYAxis: h } = Ko(e), { applyLegend: v } = Mo(e), { applySeries: S } = Wo(e), $ = k(() => {
-      const L = {}, U = l.value?.type;
-      return r === "page" ? U === "common" ? b(L) : console.assert(!1) : r === "comp" && U === "common" ? b(L) : console.assert(!1), L;
-    }), z = xo("chart");
+    const n = t, { node: e } = P(n), o = Re(), s = Ze(), r = xe(), l = be(), { width: c, minWidth: u, maxWidth: m, height: p, minHeight: d, maxHeight: f, applySize: b } = pe(n, e), { applyTitle: g } = Bo(e), { applyXAxis: _ } = Ro(e), { applyYAxis: h } = Ko(e), { applyLegend: v } = Mo(e), { applySeries: S } = Wo(e), $ = k(() => {
+      const z = {}, J = l.value?.type;
+      return r === "page" ? J === "common" ? b(z) : console.assert(!1) : r === "comp" && J === "common" ? b(z) : console.assert(!1), z;
+    }), L = xo("chart");
     let R;
     const O = () => {
-      R?.dispose(), R = To.init(z.value, s.value ? "dark" : "light");
-      const L = {};
-      R.setOption(L);
+      R?.dispose(), R = To.init(L.value, s.value ? "dark" : "light");
+      const z = {};
+      R.setOption(z);
     }, N = () => {
       R?.resize();
     }, F = () => {
-      const L = {};
-      g(L), _(L), h(L), v(L), S(L), R?.setOption(L, !0);
+      const z = {};
+      g(z), _(z), h(z), v(z), S(z), R?.setOption(z, !0);
     };
     return ko(async () => {
-      window.addEventListener("resize", N, !1), await So(() => !!z.value), O(), F();
+      window.addEventListener("resize", N, !1), await So(() => !!L.value), O(), F();
     }), Ue(() => {
       window.removeEventListener("resize", N, !1), R?.dispose();
     }), ae(
@@ -1057,8 +1057,8 @@ const vs = /* @__PURE__ */ C({
         c,
         u,
         m,
-        d,
         p,
+        d,
         f
       ],
       async () => {
@@ -1072,7 +1072,7 @@ const vs = /* @__PURE__ */ C({
         F();
       },
       { deep: !0 }
-    ), (L, U) => (x(), w(i(G), {
+    ), (z, J) => (x(), w(i(H), {
       block: "",
       mask: ""
     }, {
@@ -1093,23 +1093,23 @@ const vs = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Re(), s = Ze(), r = xe(), l = be(), { width: c, minWidth: u, maxWidth: m, height: d, minHeight: p, maxHeight: f, applySize: b } = de(n, e), { applyTitle: g } = Bo(e), { applyXAxis: _ } = Ro(e), { applyYAxis: h } = Ko(e), { applyLegend: v } = Mo(e), { applySeries: S } = Wo(e), $ = k(() => {
-      const L = {}, U = l.value?.type;
-      return r === "page" ? U === "common" ? b(L) : console.assert(!1) : r === "comp" && U === "common" ? b(L) : console.assert(!1), L;
-    }), z = xo("chart");
+    const n = t, { node: e } = P(n), o = Re(), s = Ze(), r = xe(), l = be(), { width: c, minWidth: u, maxWidth: m, height: p, minHeight: d, maxHeight: f, applySize: b } = pe(n, e), { applyTitle: g } = Bo(e), { applyXAxis: _ } = Ro(e), { applyYAxis: h } = Ko(e), { applyLegend: v } = Mo(e), { applySeries: S } = Wo(e), $ = k(() => {
+      const z = {}, J = l.value?.type;
+      return r === "page" ? J === "common" ? b(z) : console.assert(!1) : r === "comp" && J === "common" ? b(z) : console.assert(!1), z;
+    }), L = xo("chart");
     let R;
     const O = () => {
-      R?.dispose(), R = To.init(z.value, s.value ? "dark" : "light");
-      const L = {};
-      R.setOption(L);
+      R?.dispose(), R = To.init(L.value, s.value ? "dark" : "light");
+      const z = {};
+      R.setOption(z);
     }, N = () => {
       R?.resize();
     }, F = () => {
-      const L = {};
-      g(L), _(L), h(L), v(L), S(L), R?.setOption(L, !0);
+      const z = {};
+      g(z), _(z), h(z), v(z), S(z), R?.setOption(z, !0);
     };
     return ko(async () => {
-      window.addEventListener("resize", N, !1), await So(() => !!z.value), O(), F();
+      window.addEventListener("resize", N, !1), await So(() => !!L.value), O(), F();
     }), Ue(() => {
       window.removeEventListener("resize", N, !1), R?.dispose();
     }), ae(
@@ -1119,8 +1119,8 @@ const vs = /* @__PURE__ */ C({
         c,
         u,
         m,
-        d,
         p,
+        d,
         f
       ],
       async () => {
@@ -1134,7 +1134,7 @@ const vs = /* @__PURE__ */ C({
         F();
       },
       { deep: !0 }
-    ), (L, U) => (x(), w(i(G), {
+    ), (z, J) => (x(), w(i(H), {
       block: "",
       mask: ""
     }, {
@@ -1155,7 +1155,7 @@ const vs = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "content"]), { property: s } = a(e, ["settings", "dot"]), { theme: r } = H(), { property: l } = a(e, [
+    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "content"]), { property: s } = a(e, ["settings", "dot"]), { theme: r } = U(), { property: l } = a(e, [
       "settings",
       "offset",
       "x"
@@ -1165,10 +1165,10 @@ const vs = /* @__PURE__ */ C({
       "y"
     ]);
     return (u, m) => {
-      const d = W("v-badge");
-      return x(), w(i(G), null, {
+      const p = W("v-badge");
+      return x(), w(i(H), null, {
         default: V(() => [
-          j(d, {
+          j(p, {
             content: i(o),
             dot: i(s),
             "offset-x": i(l),
@@ -1200,25 +1200,25 @@ const vs = /* @__PURE__ */ C({
     ]), { property: r } = a(e, ["settings", "block"]), { property: l } = a(e, ["settings", "color"]), { color: c } = Y(l), { property: u } = a(e, ["settings", "density"]), { property: m } = a(e, [
       "settings",
       "disabled"
-    ]), { property: d } = a(e, ["size", "height"]), { property: p } = a(e, ["settings", "loading"]), { property: f } = a(e, ["size", "maxHeight"]), { property: b } = a(e, ["size", "maxWidth"]), { property: g } = a(e, ["size", "minHeight"]), { property: _ } = a(e, ["size", "minWidth"]), { property: h } = a(e, [
+    ]), { property: p } = a(e, ["size", "height"]), { property: d } = a(e, ["settings", "loading"]), { property: f } = a(e, ["size", "maxHeight"]), { property: b } = a(e, ["size", "maxWidth"]), { property: g } = a(e, ["size", "minHeight"]), { property: _ } = a(e, ["size", "minWidth"]), { property: h } = a(e, [
       "settings",
       "addIcon",
       "prepend"
     ]), { property: v } = a(e, [
       "settings",
       "readonly"
-    ]), { property: S } = a(e, ["settings", "ripple"]), { property: $ } = a(e, ["settings", "size"]), { property: z } = a(e, ["settings", "stacked"]), { property: R } = a(e, ["settings", "text"]), { theme: O } = H(), { property: N } = a(e, ["settings", "variant"]), { property: F } = a(e, ["size", "width"]), L = (U) => {
+    ]), { property: S } = a(e, ["settings", "ripple"]), { property: $ } = a(e, ["settings", "size"]), { property: L } = a(e, ["settings", "stacked"]), { property: R } = a(e, ["settings", "text"]), { theme: O } = U(), { property: N } = a(e, ["settings", "variant"]), { property: F } = a(e, ["size", "width"]), z = (J) => {
       if (!o || !o.vm)
         return;
       const { vm: ne } = o;
-      ne.setProp(ne.global, "__pointerPosX__", ne.newNumber(U.clientX)), ne.setProp(ne.global, "__pointerPosY__", ne.newNumber(U.clientY)), o.callFunction(
+      ne.setProp(ne.global, "__pointerPosX__", ne.newNumber(J.clientX)), ne.setProp(ne.global, "__pointerPosY__", ne.newNumber(J.clientY)), o.callFunction(
         "__triggerEventV1__",
         re("elementEvent", n.nodeId, "click")
       );
     };
-    return (U, ne) => {
+    return (J, ne) => {
       const ye = W("v-btn");
-      return x(), w(i(G), {
+      return x(), w(i(H), {
         block: i(r),
         mask: ""
       }, {
@@ -1229,8 +1229,8 @@ const vs = /* @__PURE__ */ C({
             color: i(c),
             density: i(u),
             disabled: i(m),
-            height: i(d),
-            loading: i(p),
+            height: i(p),
+            loading: i(d),
             "max-height": i(f),
             "max-width": i(b),
             "min-height": i(g),
@@ -1239,12 +1239,12 @@ const vs = /* @__PURE__ */ C({
             readonly: i(v),
             ripple: i(S),
             size: i($),
-            stacked: i(z),
+            stacked: i(L),
             text: i(R),
             theme: i(O),
             variant: i(N),
             width: i(F),
-            onClick: L
+            onClick: z
           }, null, 8, ["append-icon", "block", "color", "density", "disabled", "height", "loading", "max-height", "max-width", "min-height", "min-width", "prepend-icon", "readonly", "ripple", "size", "stacked", "text", "theme", "variant", "width"])
         ]),
         _: 1
@@ -1281,7 +1281,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: u } = a(e, [
       "settings",
       "readonly"
-    ]), { property: m } = a(e, ["settings", "size"]), { property: d } = a(e, ["settings", "stacked"]), { theme: p } = H(), { property: f } = a(e, ["settings", "tile"]), { property: b } = a(e, ["settings", "variant"]);
+    ]), { property: m } = a(e, ["settings", "size"]), { property: p } = a(e, ["settings", "stacked"]), { theme: d } = U(), { property: f } = a(e, ["settings", "tile"]), { property: b } = a(e, ["settings", "variant"]);
     return (g, _) => {
       const h = W("v-btn-toggle");
       return x(), w(h, {
@@ -1292,8 +1292,8 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
         multiple: i(c),
         readonly: i(u),
         size: i(m),
-        stacked: i(d),
-        theme: i(p),
+        stacked: i(p),
+        theme: i(d),
         tile: i(f),
         variant: i(b)
       }, {
@@ -1315,15 +1315,15 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "density"]), { property: s } = a(e, [
       "settings",
       "disabled"
-    ]), { property: r } = a(e, ["size", "height"]), { property: l } = a(e, ["settings", "hover"]), { property: c } = a(e, ["settings", "loading"]), { property: u } = a(e, ["size", "maxHeight"]), { property: m } = a(e, ["size", "maxWidth"]), { property: d } = a(e, ["size", "minHeight"]), { property: p } = a(e, ["size", "minWidth"]), { property: f } = a(e, [
+    ]), { property: r } = a(e, ["size", "height"]), { property: l } = a(e, ["settings", "hover"]), { property: c } = a(e, ["settings", "loading"]), { property: u } = a(e, ["size", "maxHeight"]), { property: m } = a(e, ["size", "maxWidth"]), { property: p } = a(e, ["size", "minHeight"]), { property: d } = a(e, ["size", "minWidth"]), { property: f } = a(e, [
       "settings",
       "subtitle"
-    ]), { property: b } = a(e, ["settings", "text"]), { theme: g } = H(), { property: _ } = a(e, ["settings", "title"]), { property: h } = a(e, ["settings", "variant"]), { property: v } = a(e, ["size", "width"]);
+    ]), { property: b } = a(e, ["settings", "text"]), { theme: g } = U(), { property: _ } = a(e, ["settings", "title"]), { property: h } = a(e, ["settings", "variant"]), { property: v } = a(e, ["size", "width"]);
     return (S, $) => {
-      const z = W("v-card");
-      return x(), w(i(G), { block: "" }, {
+      const L = W("v-card");
+      return x(), w(i(H), { block: "" }, {
         default: V(() => [
-          j(z, {
+          j(L, {
             density: i(o),
             disabled: i(s),
             height: i(r),
@@ -1331,8 +1331,8 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             loading: i(c),
             "max-height": i(u),
             "max-width": i(m),
-            "min-height": i(d),
-            "min-width": i(p),
+            "min-height": i(p),
+            "min-width": i(d),
             subtitle: i(f),
             text: i(b),
             theme: i(g),
@@ -1367,7 +1367,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]);
     return (r, l) => {
       const c = W("v-checkbox");
-      return x(), w(i(G), { mask: "" }, {
+      return x(), w(i(H), { mask: "" }, {
         default: V(() => [
           j(c, {
             disabled: i(o),
@@ -1378,7 +1378,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       });
     };
   }
-}), zs = /* @__PURE__ */ C({
+}), Ls = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -1395,10 +1395,10 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: u } = a(e, [
       "settings",
       "draggable"
-    ]), { property: m } = a(e, ["settings", "filter"]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "size"]), { property: f } = a(e, ["settings", "text"]), { theme: b } = H(), { property: g } = a(e, ["settings", "tile"]), { property: _ } = a(e, ["settings", "value"]), { property: h } = a(e, ["settings", "variant"]);
+    ]), { property: m } = a(e, ["settings", "filter"]), { property: p } = a(e, ["settings", "label"]), { property: d } = a(e, ["settings", "size"]), { property: f } = a(e, ["settings", "text"]), { theme: b } = U(), { property: g } = a(e, ["settings", "tile"]), { property: _ } = a(e, ["settings", "value"]), { property: h } = a(e, ["settings", "variant"]);
     return (v, S) => {
       const $ = W("v-chip");
-      return x(), w(i(G), { mask: "" }, {
+      return x(), w(i(H), { mask: "" }, {
         default: V(() => [
           j($, {
             closable: i(o),
@@ -1407,8 +1407,8 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             disabled: i(c),
             draggable: i(u),
             filter: i(m),
-            label: i(d),
-            size: i(p),
+            label: i(p),
+            size: i(d),
             text: i(f),
             theme: i(b),
             tile: i(g),
@@ -1420,7 +1420,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       });
     };
   }
-}), Ls = /* @__PURE__ */ C({
+}), zs = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -1443,12 +1443,12 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: m } = a(e, [
       "settings",
       "showArrows"
-    ]), { theme: d } = H(), { property: p } = a(e, ["settings", "value"]);
+    ]), { theme: p } = U(), { property: d } = a(e, ["settings", "value"]);
     return (f, b) => {
       const g = W("v-chip-group");
       return x(), w(g, {
-        modelValue: i(p),
-        "onUpdate:modelValue": b[0] || (b[0] = (_) => Q(p) ? p.value = _ : null),
+        modelValue: i(d),
+        "onUpdate:modelValue": b[0] || (b[0] = (_) => Q(d) ? d.value = _ : null),
         column: i(o),
         direction: i(s),
         disabled: i(r),
@@ -1456,7 +1456,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
         mandatory: i(c),
         multiple: i(u),
         "show-arrows": i(m),
-        theme: i(d)
+        theme: i(p)
       }, {
         default: V(() => [
           K(f.$slots, "default")
@@ -1473,7 +1473,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = xe(), s = be(), { applySize: r } = de(n, e), l = k(() => {
+    const n = t, { node: e } = P(n), o = xe(), s = be(), { applySize: r } = pe(n, e), l = k(() => {
       const _ = {}, h = s.value?.type;
       return o === "page" ? h === "common" ? r(_) : console.assert(!1) : o === "comp" && h === "common" ? r(_) : console.assert(!1), _;
     }), { property: c } = a(e, [
@@ -1485,10 +1485,10 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: m } = a(e, [
       "settings",
       "hideHeader"
-    ]), { property: d } = a(e, [
+    ]), { property: p } = a(e, [
       "settings",
       "hideInputs"
-    ]), { property: p } = a(e, [
+    ]), { property: d } = a(e, [
       "settings",
       "hideSliders"
     ]), { property: f } = a(e, [
@@ -1497,17 +1497,17 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: b } = a(e, [
       "settings",
       "showSwatches"
-    ]), { theme: g } = H();
+    ]), { theme: g } = U();
     return (_, h) => {
       const v = W("v-color-picker");
-      return x(), w(i(G), { mask: "" }, {
+      return x(), w(i(H), { mask: "" }, {
         default: V(() => [
           j(v, {
             disabled: i(c),
             "hide-canvas": i(u),
             "hide-header": i(m),
-            "hide-inputs": i(d),
-            "hide-sliders": i(p),
+            "hide-inputs": i(p),
+            "hide-sliders": i(d),
             landscape: i(f),
             "show-swatches": i(b),
             style: ue(l.value),
@@ -1538,14 +1538,14 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: c } = a(e, [
       "settings",
       "singleLine"
-    ]), { theme: u } = H(), { property: m } = a(e, ["settings", "value"]);
-    return (d, p) => {
+    ]), { theme: u } = U(), { property: m } = a(e, ["settings", "value"]);
+    return (p, d) => {
       const f = W("v-combobox");
-      return x(), w(i(G), { mask: "" }, {
+      return x(), w(i(H), { mask: "" }, {
         default: V(() => [
           j(f, {
             modelValue: i(m),
-            "onUpdate:modelValue": p[0] || (p[0] = (b) => Q(m) ? m.value = b : null),
+            "onUpdate:modelValue": d[0] || (d[0] = (b) => Q(m) ? m.value = b : null),
             "hide-details": i(o),
             label: i(s),
             placeholder: i(r),
@@ -1569,14 +1569,14 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     const n = t, { node: e } = P(n), o = xe(), s = be(), { property: r } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: l } = Y(r), { applySize: c } = de(n, e), { applyMargin: u } = nn(e), { applyPadding: m } = on(e), { applyBorder: d } = tn(e), p = k(() => {
+    ]), { color: l } = Y(r), { applySize: c } = pe(n, e), { applyMargin: u } = nn(e), { applyPadding: m } = on(e), { applyBorder: p } = tn(e), d = k(() => {
       const f = {}, b = s.value?.type;
-      return o === "page" ? b === "common" ? (c(f), u(f), m(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1) : o === "comp" && b === "common" ? (c(f), u(f), m(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1), f;
+      return o === "page" ? b === "common" ? (c(f), u(f), m(f), p(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1) : o === "comp" && b === "common" ? (c(f), u(f), m(f), p(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1), f;
     });
-    return (f, b) => (x(), w(i(G), { block: "" }, {
+    return (f, b) => (x(), w(i(H), { block: "" }, {
       default: V(() => [
         ie("div", {
-          style: ue(p.value)
+          style: ue(d.value)
         }, [
           K(f.$slots, "default")
         ], 4)
@@ -1592,31 +1592,31 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     value: {}
   },
   setup(t) {
-    const { t: n } = qe(), e = t, o = q(), s = Qe(), r = oe();
+    const { t: n } = qe(), e = t, o = X(), s = Qe(), r = oe();
     $e(r);
     const l = k(() => e.refContext.compId);
     et(l, r), ee(o) && Ke(r, "slot", "", "", fe());
     function c(m) {
-      const d = _e[m.key];
-      if (!d) {
+      const p = _e[m.key];
+      if (!p) {
         console.assert(!1, `element not found key=${m.key}`);
         return;
       }
-      const p = {
+      const d = {
         nodeId: m.id
       };
-      return Xe(m.key) && (p.refContext = {
+      return Xe(m.key) && (d.refContext = {
         parent: e.refContext,
         compId: m.compId
-      }), X(
-        d.comp,
+      }), G(
+        p.comp,
         {
           key: m.id,
-          ...p
+          ...d
         },
         {
           default: () => {
-            if (!d.leaf)
+            if (!p.leaf)
               return m.children?.map((f) => c(f));
           }
         }
@@ -1624,17 +1624,17 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     }
     const u = () => {
       if (Ye(e.refContext, s))
-        return X("div", null, n("x-runtime-lib.circularReference"));
+        return G("div", null, n("x-runtime-lib.circularReference"));
       if (!r.value)
         return;
       if (r.value.type === "common")
-        return X(
+        return G(
           "div",
           {},
-          { default: () => r.value.view.nodeLites.map((d) => c(d)) }
+          { default: () => r.value.view.nodeLites.map((p) => c(p)) }
         );
     };
-    return (m, d) => (x(), w(u));
+    return (m, p) => (x(), w(u));
   }
 }), Ws = /* @__PURE__ */ C({
   __name: "index",
@@ -1650,13 +1650,13 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: r } = a(e, [
       "settings",
       "fixedHeader"
-    ]), { property: l } = a(e, ["settings", "headers"]), { property: c } = a(e, ["size", "height"]), { property: u } = a(e, ["settings", "hover"]), { property: m } = a(e, ["settings", "data"], !0), { property: d } = a(e, ["settings", "loading"]), { property: p } = a(e, [
+    ]), { property: l } = a(e, ["settings", "headers"]), { property: c } = a(e, ["size", "height"]), { property: u } = a(e, ["settings", "hover"]), { property: m } = a(e, ["settings", "data"], !0), { property: p } = a(e, ["settings", "loading"]), { property: d } = a(e, [
       "settings",
       "multiSort"
-    ]), { theme: f } = H(), { property: b } = a(e, ["size", "width"]), { property: g } = a(e, ["slots", "columns"]);
+    ]), { theme: f } = U(), { property: b } = a(e, ["size", "width"]), { property: g } = a(e, ["slots", "columns"]);
     return (_, h) => {
       const v = W("v-data-table");
-      return x(), w(i(G), {
+      return x(), w(i(H), {
         block: "",
         mask: ""
       }, {
@@ -1669,21 +1669,21 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             height: i(c),
             hover: i(u),
             items: i(m),
-            loading: i(d),
-            "multi-sort": i(p),
+            loading: i(p),
+            "multi-sort": i(d),
             theme: i(f),
             width: i(b)
           }, Xt({ _: 2 }, [
             ni(i(g), ({ key: S, comp: $ }) => ({
               name: `item.${S}`,
-              fn: V(({ value: z }) => [
+              fn: V(({ value: L }) => [
                 j(Ms, {
                   "node-id": n.nodeId,
                   "ref-context": {
                     parent: n.refContext,
                     compId: $
                   },
-                  value: z
+                  value: L
                 }, null, 8, ["node-id", "ref-context", "value"])
               ])
             }))
@@ -1698,7 +1698,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
   setup(t) {
     return (n, e) => {
       const o = W("v-date-picker");
-      return x(), w(i(G), { mask: "" }, {
+      return x(), w(i(H), { mask: "" }, {
         default: V(() => [
           j(o)
         ]),
@@ -1714,7 +1714,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, e = q(), { open: o } = Co(`runtimeDlg/${Io()}`);
+    const n = t, e = X(), { open: o } = Co(`runtimeDlg/${Io()}`);
     return it(n.nodeId, "open", () => {
       o.value = !0;
     }), it(n.nodeId, "close", () => {
@@ -1756,16 +1756,16 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "loading"]), { property: m } = a(e, [
       "settings",
       "multiple"
-    ]), { property: d } = a(e, [
+    ]), { property: p } = a(e, [
       "settings",
       "readonly"
-    ]), { property: p } = a(e, ["settings", "reverse"]), { property: f } = a(e, [
+    ]), { property: d } = a(e, ["settings", "reverse"]), { property: f } = a(e, [
       "settings",
       "singleLine"
     ]);
     return (b, g) => {
       const _ = W("v-file-input");
-      return x(), w(i(G), {
+      return x(), w(i(H), {
         block: "",
         mask: ""
       }, {
@@ -1778,8 +1778,8 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             label: i(c),
             loading: i(u),
             multiple: i(m),
-            readonly: i(d),
-            reverse: i(p),
+            readonly: i(p),
+            reverse: i(d),
             "single-line": i(f)
           }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"])
         ]),
@@ -1795,11 +1795,11 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Re(), s = xe(), r = be(), { applySize: l } = de(n, e), { applyMargin: c } = nn(e), { applyPadding: u } = on(e), { applyBorder: m } = tn(e), { property: d } = a(e, [
+    const n = t, { node: e } = P(n), o = Re(), s = xe(), r = be(), { applySize: l } = pe(n, e), { applyMargin: c } = nn(e), { applyPadding: u } = on(e), { applyBorder: m } = tn(e), { property: p } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: p } = Y(d), f = (g) => {
-      p.value && (g.backgroundColor = p.value), g.display = "flex";
+    ]), { color: d } = Y(p), f = (g) => {
+      d.value && (g.backgroundColor = d.value), g.display = "flex";
       const _ = ot(o.value.width), h = De(_, e.value.settings?.direction);
       h === "row" ? g.flexDirection = "row" : h === "rowReverse" ? g.flexDirection = "row-reverse" : h === "column" ? g.flexDirection = "column" : h === "columnReverse" && (g.flexDirection = "column-reverse");
       const v = De(_, e.value.settings?.wrap);
@@ -1826,11 +1826,11 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = xe(), s = be(), { applySize: r } = de(n, e), { property: l } = a(e, ["settings", "grow"]), { property: c } = a(e, ["settings", "shrink"]), u = k(() => {
-      const m = {}, d = s.value?.type;
-      return o === "page" ? d === "common" ? (r(m), m.flexGrow = l.value ? 1 : 0, m.flexShrink = c.value ? 1 : 0) : console.assert(!1) : o === "comp" && d === "common" ? (r(m), m.flexGrow = l.value ? 1 : 0, m.flexShrink = c.value ? 1 : 0) : console.assert(!1), m;
+    const n = t, { node: e } = P(n), o = xe(), s = be(), { applySize: r } = pe(n, e), { property: l } = a(e, ["settings", "grow"]), { property: c } = a(e, ["settings", "shrink"]), u = k(() => {
+      const m = {}, p = s.value?.type;
+      return o === "page" ? p === "common" ? (r(m), m.flexGrow = l.value ? 1 : 0, m.flexShrink = c.value ? 1 : 0) : console.assert(!1) : o === "comp" && p === "common" ? (r(m), m.flexGrow = l.value ? 1 : 0, m.flexShrink = c.value ? 1 : 0) : console.assert(!1), m;
     });
-    return (m, d) => (x(), ce("div", {
+    return (m, p) => (x(), ce("div", {
       style: ue(u.value)
     }, [
       K(m.$slots, "default")
@@ -1850,9 +1850,9 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: u } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: m } = Y(u), { applySize: d } = de(n, e), { applyMargin: p } = nn(e), { applyPadding: f } = on(e), { applyBorder: b } = tn(e), g = k(() => {
+    ]), { color: m } = Y(u), { applySize: p } = pe(n, e), { applyMargin: d } = nn(e), { applyPadding: f } = on(e), { applyBorder: b } = tn(e), g = k(() => {
       const h = {}, v = s.value?.type;
-      return o === "page" ? v === "common" ? (d(h), p(h), f(h), b(h), m.value && (h.backgroundColor = m.value)) : console.assert(!1) : o === "comp" && v === "common" ? (d(h), p(h), f(h), b(h), m.value && (h.backgroundColor = m.value)) : console.assert(!1), h;
+      return o === "page" ? v === "common" ? (p(h), d(h), f(h), b(h), m.value && (h.backgroundColor = m.value)) : console.assert(!1) : o === "comp" && v === "common" ? (p(h), d(h), f(h), b(h), m.value && (h.backgroundColor = m.value)) : console.assert(!1), h;
     }), _ = () => {
       r && r.callFunction(
         "__triggerEventV1__",
@@ -1886,10 +1886,10 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "color"]), { color: s } = Y(o), { property: r } = a(e, [
       "settings",
       "disabled"
-    ]), { property: l } = a(e, ["settings", "icon"]), { property: c } = a(e, ["settings", "size"]), { theme: u } = H();
-    return (m, d) => {
-      const p = W("v-icon");
-      return x(), w(p, {
+    ]), { property: l } = a(e, ["settings", "icon"]), { property: c } = a(e, ["settings", "size"]), { theme: u } = U();
+    return (m, p) => {
+      const d = W("v-icon");
+      return x(), w(d, {
         color: i(s),
         disabled: i(r),
         icon: i(l),
@@ -1906,19 +1906,19 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, e = q(), o = fe(), s = oe(0), r = oe(0), l = k(() => [s.value, r.value]), { open: c } = Co(`runtimeMenu/${Io()}`);
+    const n = t, e = X(), o = fe(), s = oe(0), r = oe(0), l = k(() => [s.value, r.value]), { open: c } = Co(`runtimeMenu/${Io()}`);
     return it(n.nodeId, "open", () => {
       if (!o || !o.vm)
         return;
-      const { vm: u } = o, m = u.getProp(u.global, "__pointerPosX__"), d = u.getProp(u.global, "__pointerPosY__");
-      s.value = u.getNumber(m), r.value = u.getNumber(d), m.dispose(), d.dispose(), c.value = !0;
+      const { vm: u } = o, m = u.getProp(u.global, "__pointerPosX__"), p = u.getProp(u.global, "__pointerPosY__");
+      s.value = u.getNumber(m), r.value = u.getNumber(p), m.dispose(), p.dispose(), c.value = !0;
     }), it(n.nodeId, "close", () => {
       o && (c.value = !1);
     }), (u, m) => {
-      const d = W("v-menu");
-      return x(), w(d, {
+      const p = W("v-menu");
+      return x(), w(p, {
         modelValue: i(c),
-        "onUpdate:modelValue": m[0] || (m[0] = (p) => Q(c) ? c.value = p : null),
+        "onUpdate:modelValue": m[0] || (m[0] = (d) => Q(c) ? c.value = d : null),
         attach: "menuContainer",
         "location-strategy": "connected",
         scrim: "transparent",
@@ -1959,7 +1959,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: l } = a(e, [
       "settings",
       "hideDetails"
-    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "loading"]), { property: m } = a(e, ["settings", "max"]), { property: d } = a(e, ["size", "maxWidth"]), { property: p } = a(e, ["settings", "min"]), { property: f } = a(e, ["size", "minWidth"]), { property: b } = a(e, [
+    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "loading"]), { property: m } = a(e, ["settings", "max"]), { property: p } = a(e, ["size", "maxWidth"]), { property: d } = a(e, ["settings", "min"]), { property: f } = a(e, ["size", "minWidth"]), { property: b } = a(e, [
       "settings",
       "placeholder"
     ]), { property: g } = a(e, [
@@ -1976,13 +1976,13 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: S } = a(e, [
       "settings",
       "readonly"
-    ]), { property: $ } = a(e, ["settings", "reverse"]), { property: z } = a(e, [
+    ]), { property: $ } = a(e, ["settings", "reverse"]), { property: L } = a(e, [
       "settings",
       "singleLine"
-    ]), { property: R } = a(e, ["settings", "step"]), { property: O } = a(e, ["settings", "suffix"]), { theme: N } = H(), { property: F } = a(e, ["settings", "value"]), { property: L } = a(e, ["settings", "variant"]), { property: U } = a(e, ["size", "width"]);
+    ]), { property: R } = a(e, ["settings", "step"]), { property: O } = a(e, ["settings", "suffix"]), { theme: N } = U(), { property: F } = a(e, ["settings", "value"]), { property: z } = a(e, ["settings", "variant"]), { property: J } = a(e, ["size", "width"]);
     return (ne, ye) => {
       const Ve = W("v-number-input");
-      return x(), w(i(G), {
+      return x(), w(i(H), {
         block: "",
         mask: ""
       }, {
@@ -1997,8 +1997,8 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             label: i(c),
             loading: i(u),
             max: i(m),
-            "max-width": i(d),
-            min: i(p),
+            "max-width": i(p),
+            min: i(d),
             "min-width": i(f),
             placeholder: i(b),
             precision: i(g),
@@ -2007,12 +2007,12 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             "prepend-inner-icon": i(v),
             readonly: i(S),
             reverse: i($),
-            "single-line": i(z),
+            "single-line": i(L),
             step: i(R),
             suffix: i(O),
             theme: i(N),
-            variant: i(L),
-            width: i(U)
+            variant: i(z),
+            width: i(J)
           }, null, 8, ["modelValue", "append-icon", "append-inner-icon", "clearable", "hide-details", "label", "loading", "max", "max-width", "min", "min-width", "placeholder", "precision", "prefix", "prepend-icon", "prepend-inner-icon", "readonly", "reverse", "single-line", "step", "suffix", "theme", "variant", "width"])
         ]),
         _: 1
@@ -2027,19 +2027,19 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = q(), { property: s } = a(e, ["settings", "density"]), { property: r } = a(e, [
+    const n = t, { node: e } = P(n), o = X(), { property: s } = a(e, ["settings", "density"]), { property: r } = a(e, [
       "settings",
       "disabled"
     ]), { property: l } = a(e, ["settings", "length"]), { property: c } = a(e, [
       "settings",
       "showFirstLastPage"
-    ]), { property: u } = a(e, ["settings", "size"]), { property: m } = a(e, ["settings", "start"]), { theme: d } = H(), { property: p } = a(e, ["settings", "tile"]), { property: f } = a(e, ["settings", "value"]), { property: b } = a(e, ["settings", "variant"]), g = k(() => {
+    ]), { property: u } = a(e, ["settings", "size"]), { property: m } = a(e, ["settings", "start"]), { theme: p } = U(), { property: d } = a(e, ["settings", "tile"]), { property: f } = a(e, ["settings", "value"]), { property: b } = a(e, ["settings", "variant"]), g = k(() => {
       const _ = {};
       return o === "editor" && (_.pointerEvents = "none"), _;
     });
     return (_, h) => {
       const v = W("v-pagination");
-      return x(), w(i(G), {
+      return x(), w(i(H), {
         block: "",
         mask: ""
       }, {
@@ -2054,8 +2054,8 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             size: i(u),
             start: i(m),
             style: ue(g.value),
-            theme: i(d),
-            tile: i(p),
+            theme: i(p),
+            tile: i(d),
             variant: i(b)
           }, null, 8, ["modelValue", "density", "disabled", "length", "show-first-last-page", "size", "start", "style", "theme", "tile", "variant"])
         ]),
@@ -2077,8 +2077,8 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: m } = H(), { property: d } = a(e, ["settings", "value"]);
-    return (p, f) => {
+    ]), { theme: m } = U(), { property: p } = a(e, ["settings", "value"]);
+    return (d, f) => {
       const b = W("v-radio");
       return x(), w(b, {
         color: i(s),
@@ -2087,7 +2087,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
         label: i(c),
         readonly: i(u),
         theme: i(m),
-        value: i(d)
+        value: i(p)
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
   }
@@ -2108,14 +2108,14 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: l } = a(e, ["settings", "inline"]), { property: c } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: u } = H(), { property: m } = a(e, ["settings", "value"]);
-    return (d, p) => {
+    ]), { theme: u } = U(), { property: m } = a(e, ["settings", "value"]);
+    return (p, d) => {
       const f = W("v-radio-group");
-      return x(), w(i(G), null, {
+      return x(), w(i(H), null, {
         default: V(() => [
           j(f, {
             modelValue: i(m),
-            "onUpdate:modelValue": p[0] || (p[0] = (b) => Q(m) ? m.value = b : null),
+            "onUpdate:modelValue": d[0] || (d[0] = (b) => Q(m) ? m.value = b : null),
             density: i(o),
             direction: i(s),
             disabled: i(r),
@@ -2124,7 +2124,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             theme: i(u)
           }, {
             default: V(() => [
-              K(d.$slots, "default")
+              K(p.$slots, "default")
             ]),
             _: 3
           }, 8, ["modelValue", "density", "direction", "disabled", "inline", "readonly", "theme"])
@@ -2150,18 +2150,18 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: l } = a(e, [
       "settings",
       "hideDetails"
-    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "max"]), { property: m } = a(e, ["settings", "min"]), { property: d } = a(e, [
+    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "max"]), { property: m } = a(e, ["settings", "min"]), { property: p } = a(e, [
       "settings",
       "readonly"
-    ]), { property: p } = a(e, [
+    ]), { property: d } = a(e, [
       "settings",
       "showTicks"
     ]), f = k(() => {
-      if (p.value === "always")
+      if (d.value === "always")
         return "always";
-      if (p.value === "show")
+      if (d.value === "show")
         return !0;
-    }), { property: b } = a(e, ["settings", "step"]), { theme: g } = H(), { property: _ } = a(e, [
+    }), { property: b } = a(e, ["settings", "step"]), { theme: g } = U(), { property: _ } = a(e, [
       "settings",
       "thumbLabel"
     ]), h = k(() => {
@@ -2176,11 +2176,11 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       if (!S.value)
         return;
       const F = {};
-      for (const { value: L, label: U } of S.value)
-        F[L] = U;
+      for (const { value: z, label: J } of S.value)
+        F[z] = J;
       if (!Eo(F))
         return F;
-    }), { property: z } = a(e, [
+    }), { property: L } = a(e, [
       "settings",
       "tickSize"
     ]), { property: R } = a(e, [
@@ -2193,20 +2193,20 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       "end"
     ]), N = k({
       get: () => [R.value, O.value],
-      set: ([F, L]) => {
-        R.value = F, O.value = L;
+      set: ([F, z]) => {
+        R.value = F, O.value = z;
       }
     });
-    return (F, L) => {
-      const U = W("v-range-slider");
-      return x(), w(i(G), {
+    return (F, z) => {
+      const J = W("v-range-slider");
+      return x(), w(i(H), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
-          j(U, {
+          j(J, {
             modelValue: N.value,
-            "onUpdate:modelValue": L[0] || (L[0] = (ne) => N.value = ne),
+            "onUpdate:modelValue": z[0] || (z[0] = (ne) => N.value = ne),
             density: i(o),
             direction: i(s),
             disabled: i(r),
@@ -2214,13 +2214,13 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             label: i(c),
             max: i(u),
             min: i(m),
-            readonly: i(d),
+            readonly: i(p),
             "show-ticks": f.value,
             step: i(b),
             theme: i(g),
             "thumb-label": h.value,
             "thumb-size": i(v),
-            "tick-size": i(z),
+            "tick-size": i(L),
             ticks: $.value
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "label", "max", "min", "readonly", "show-ticks", "step", "theme", "thumb-label", "thumb-size", "tick-size", "ticks"])
         ]),
@@ -2248,14 +2248,14 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: c } = a(e, ["settings", "hover"]), { property: u } = a(e, ["settings", "length"]), { property: m } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: d } = H(), { property: p } = a(e, ["settings", "value"]);
+    ]), { theme: p } = U(), { property: d } = a(e, ["settings", "value"]);
     return (f, b) => {
       const g = W("v-rating");
-      return x(), w(i(G), { mask: "" }, {
+      return x(), w(i(H), { mask: "" }, {
         default: V(() => [
           j(g, {
-            modelValue: i(p),
-            "onUpdate:modelValue": b[0] || (b[0] = (_) => Q(p) ? p.value = _ : null),
+            modelValue: i(d),
+            "onUpdate:modelValue": b[0] || (b[0] = (_) => Q(d) ? d.value = _ : null),
             clearable: i(o),
             density: i(s),
             disabled: i(r),
@@ -2263,7 +2263,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             hover: i(c),
             length: i(u),
             readonly: i(m),
-            theme: i(d)
+            theme: i(p)
           }, null, 8, ["modelValue", "clearable", "density", "disabled", "half-increments", "hover", "length", "readonly", "theme"])
         ]),
         _: 1
@@ -2290,17 +2290,17 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: c } = a(e, [
       "settings",
       "singleLine"
-    ]), { theme: u } = H(), { property: m } = a(e, ["settings", "value"]);
-    return (d, p) => {
+    ]), { theme: u } = U(), { property: m } = a(e, ["settings", "value"]);
+    return (p, d) => {
       const f = W("v-select");
-      return x(), w(i(G), {
+      return x(), w(i(H), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
           j(f, {
             modelValue: i(m),
-            "onUpdate:modelValue": p[0] || (p[0] = (b) => Q(m) ? m.value = b : null),
+            "onUpdate:modelValue": d[0] || (d[0] = (b) => Q(m) ? m.value = b : null),
             "hide-details": i(o),
             label: i(s),
             placeholder: i(r),
@@ -2330,7 +2330,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: c } = a(e, [
       "settings",
       "hideDetails"
-    ]), { property: u } = a(e, ["settings", "label"]), { property: m } = a(e, ["settings", "max"]), { property: d } = a(e, ["settings", "min"]), { property: p } = a(e, [
+    ]), { property: u } = a(e, ["settings", "label"]), { property: m } = a(e, ["settings", "max"]), { property: p } = a(e, ["settings", "min"]), { property: d } = a(e, [
       "settings",
       "readonly"
     ]), { property: f } = a(e, ["settings", "reverse"]), { property: b } = a(e, [
@@ -2341,13 +2341,13 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
         return "always";
       if (b.value === "show")
         return !0;
-    }), { property: _ } = a(e, ["settings", "step"]), { theme: h } = H(), { property: v } = a(e, [
+    }), { property: _ } = a(e, ["settings", "step"]), { theme: h } = U(), { property: v } = a(e, [
       "settings",
       "thumbColor"
     ]), { color: S } = Y(v), { property: $ } = a(e, [
       "settings",
       "thumbLabel"
-    ]), z = k(() => {
+    ]), L = k(() => {
       if ($.value === "always")
         return "always";
       if ($.value === "show")
@@ -2366,13 +2366,13 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     }), { property: F } = a(e, [
       "settings",
       "tickSize"
-    ]), { property: L } = a(e, [
+    ]), { property: z } = a(e, [
       "settings",
       "trackColor"
-    ]), { color: U } = Y(L), { property: ne } = a(e, ["settings", "value"]), { property: ye } = a(e, ["slots", "append"]), { property: Ve } = a(e, ["slots", "prepend"]);
+    ]), { color: J } = Y(z), { property: ne } = a(e, ["settings", "value"]), { property: ye } = a(e, ["slots", "append"]), { property: Ve } = a(e, ["slots", "prepend"]);
     return (ge, tt) => {
       const yt = W("v-slider");
-      return x(), w(i(G), {
+      return x(), w(i(H), {
         block: "",
         mask: ""
       }, {
@@ -2386,18 +2386,18 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             "hide-details": i(c),
             label: i(u),
             max: i(m),
-            min: i(d),
-            readonly: i(p),
+            min: i(p),
+            readonly: i(d),
             reverse: i(f),
             "show-ticks": g.value,
             step: i(_),
             theme: i(h),
             "thumb-color": i(S),
-            "thumb-label": z.value,
+            "thumb-label": L.value,
             "thumb-size": i(R),
             "tick-size": i(F),
             ticks: N.value,
-            "track-color": i(U)
+            "track-color": i(J)
           }, Xt({ _: 2 }, [
             i(ye) ? {
               name: "append",
@@ -2438,7 +2438,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     const n = t, { node: e } = P(n), { property: o } = a(e, [
       "settings",
       "hideActions"
-    ]), { theme: s } = H(), { property: r } = a(e, ["settings", "value"]);
+    ]), { theme: s } = U(), { property: r } = a(e, ["settings", "value"]);
     return (l, c) => {
       const u = W("v-stepper");
       return x(), w(u, {
@@ -2532,10 +2532,10 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
     ]), { property: c } = a(e, [
       "settings",
       "indeterminate"
-    ]), { property: u } = a(e, ["settings", "inline"]), { property: m } = a(e, ["settings", "inset"]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { theme: f } = H(), { property: b } = a(e, ["settings", "value"]);
+    ]), { property: u } = a(e, ["settings", "inline"]), { property: m } = a(e, ["settings", "inset"]), { property: p } = a(e, ["settings", "label"]), { property: d } = a(e, ["settings", "loading"]), { theme: f } = U(), { property: b } = a(e, ["settings", "value"]);
     return (g, _) => {
       const h = W("v-switch");
-      return x(), w(i(G), { mask: "" }, {
+      return x(), w(i(H), { mask: "" }, {
         default: V(() => [
           j(h, {
             modelValue: i(b),
@@ -2547,8 +2547,8 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
             indeterminate: i(c),
             inline: i(u),
             inset: i(m),
-            label: i(d),
-            loading: i(p),
+            label: i(p),
+            loading: i(d),
             theme: i(f)
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "indeterminate", "inline", "inset", "label", "loading", "theme"])
         ]),
@@ -2564,15 +2564,15 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = q(), { property: s } = a(e, ["settings", "text"]), { theme: r } = H(), { property: l } = a(e, ["settings", "value"]), c = k(() => {
+    const n = t, { node: e } = P(n), o = X(), { property: s } = a(e, ["settings", "text"]), { theme: r } = U(), { property: l } = a(e, ["settings", "value"]), c = k(() => {
       const u = {};
       return o === "editor" && (u.pointerEvents = "none"), u;
     });
     return (u, m) => {
-      const d = W("v-tab");
-      return x(), w(i(G), { mask: "" }, {
+      const p = W("v-tab");
+      return x(), w(i(H), { mask: "" }, {
         default: V(() => [
-          j(d, {
+          j(p, {
             style: ue(c.value),
             text: i(s),
             theme: i(r),
@@ -2583,7 +2583,7 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
       });
     };
   }
-}), pl = /* @__PURE__ */ C({
+}), dl = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -2605,10 +2605,10 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
       "settings",
       "color",
       "selectedColor"
-    ]), { color: u } = Y(c), { property: m } = a(e, ["settings", "density"]), { property: d } = a(e, [
+    ]), { color: u } = Y(c), { property: m } = a(e, ["settings", "density"]), { property: p } = a(e, [
       "settings",
       "direction"
-    ]), { property: p } = a(e, [
+    ]), { property: d } = a(e, [
       "settings",
       "disabled"
     ]), { property: f } = a(e, [
@@ -2627,24 +2627,24 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
       "settings",
       "color",
       "sliderColor"
-    ]), { color: $ } = Y(S), { property: z } = a(e, ["settings", "stacked"]), { theme: R } = H(), { property: O } = a(e, ["settings", "value"]);
+    ]), { color: $ } = Y(S), { property: L } = a(e, ["settings", "stacked"]), { theme: R } = U(), { property: O } = a(e, ["settings", "value"]);
     return (N, F) => {
-      const L = W("v-tabs");
-      return x(), w(i(G), {
+      const z = W("v-tabs");
+      return x(), w(i(H), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
-          j(L, {
+          j(z, {
             modelValue: i(O),
-            "onUpdate:modelValue": F[0] || (F[0] = (U) => Q(O) ? O.value = U : null),
+            "onUpdate:modelValue": F[0] || (F[0] = (J) => Q(O) ? O.value = J : null),
             "align-tabs": i(o),
             "bg-color": i(r),
             "center-active": i(l),
             color: i(u),
             density: i(m),
-            direction: i(d),
-            disabled: i(p),
+            direction: i(p),
+            disabled: i(d),
             "fixed-tabs": i(f),
             grow: i(b),
             "hide-slider": i(g),
@@ -2652,7 +2652,7 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
             mandatory: i(h),
             "show-arrows": i(v),
             "slider-color": i($),
-            stacked: i(z),
+            stacked: i(L),
             theme: i(R)
           }, {
             default: V(() => [
@@ -2665,7 +2665,7 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
       });
     };
   }
-}), dl = /* @__PURE__ */ C({
+}), pl = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -2679,14 +2679,14 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
     ]), { property: l } = a(e, [
       "settings",
       "emphasis"
-    ]), { property: c } = a(e, ["settings", "italic"]), { property: u } = a(e, ["settings", "text"]), { property: m } = a(e, ["settings", "weight"]), d = k(() => {
-      const p = [], f = ot(o.value.width), b = De(f, e.value.settings?.style);
-      return b && p.push(`text-${b}`), l.value === "high" ? p.push("text-high-emphasis") : l.value === "medium" ? p.push("text-medium-emphasis") : l.value === "disabled" && p.push("text-disabled"), s.value && p.push(`font-${s.value}`), r.value && p.push(`text-decoration-${r.value}`), m.value && p.push(`font-weight-${m.value}`), c.value && p.push("font-italic"), p.join(" ");
+    ]), { property: c } = a(e, ["settings", "italic"]), { property: u } = a(e, ["settings", "text"]), { property: m } = a(e, ["settings", "weight"]), p = k(() => {
+      const d = [], f = ot(o.value.width), b = De(f, e.value.settings?.style);
+      return b && d.push(`text-${b}`), l.value === "high" ? d.push("text-high-emphasis") : l.value === "medium" ? d.push("text-medium-emphasis") : l.value === "disabled" && d.push("text-disabled"), s.value && d.push(`font-${s.value}`), r.value && d.push(`text-decoration-${r.value}`), m.value && d.push(`font-weight-${m.value}`), c.value && d.push("font-italic"), d.join(" ");
     });
-    return (p, f) => (x(), w(i(G), null, {
+    return (d, f) => (x(), w(i(H), null, {
       default: V(() => [
         ie("span", {
-          class: ii(d.value)
+          class: ii(p.value)
         }, ri(i(u)), 3)
       ]),
       _: 1
@@ -2709,24 +2709,24 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
     ]), { property: r } = a(e, ["settings", "density"]), { property: l } = a(e, [
       "settings",
       "disabled"
-    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "loading"]), { property: m } = a(e, ["settings", "maxRows"]), { property: d } = a(e, [
+    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "loading"]), { property: m } = a(e, ["settings", "maxRows"]), { property: p } = a(e, [
       "settings",
       "placeholder"
-    ]), { property: p } = a(e, [
+    ]), { property: d } = a(e, [
       "settings",
       "readonly"
     ]), { property: f } = a(e, ["settings", "reverse"]), { property: b } = a(e, ["settings", "rows"]), { property: g } = a(e, [
       "settings",
       "singleLine"
-    ]), { theme: _ } = H(), { property: h } = a(e, ["settings", "value"]), { property: v } = a(e, ["settings", "variant"]);
+    ]), { theme: _ } = U(), { property: h } = a(e, ["settings", "value"]), { property: v } = a(e, ["settings", "variant"]);
     return (S, $) => {
-      const z = W("v-textarea");
-      return x(), w(i(G), {
+      const L = W("v-textarea");
+      return x(), w(i(H), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
-          j(z, {
+          j(L, {
             modelValue: i(h),
             "onUpdate:modelValue": $[0] || ($[0] = (R) => Q(h) ? h.value = R : null),
             "auto-grow": i(o),
@@ -2736,8 +2736,8 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
             label: i(c),
             loading: i(u),
             "max-rows": i(m),
-            placeholder: i(d),
-            readonly: i(p),
+            placeholder: i(p),
+            readonly: i(d),
             reverse: i(f),
             rows: i(b),
             "single-line": i(g),
@@ -2775,7 +2775,7 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
     ]), { property: m } = a(e, [
       "settings",
       "hideDetails"
-    ]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { property: f } = a(e, [
+    ]), { property: p } = a(e, ["settings", "label"]), { property: d } = a(e, ["settings", "loading"]), { property: f } = a(e, [
       "settings",
       "placeholder"
     ]), { property: b } = a(e, ["settings", "prefix"]), { property: g } = a(e, [
@@ -2790,16 +2790,16 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
     ]), { property: v } = a(e, ["settings", "reverse"]), { property: S } = a(e, [
       "settings",
       "singleLine"
-    ]), { property: $ } = a(e, ["settings", "suffix"]), { theme: z } = H(), { property: R } = a(e, ["settings", "value"]), { property: O } = a(e, ["settings", "variant"]), { property: N } = a(e, ["slots", "append"]), { property: F } = a(e, [
+    ]), { property: $ } = a(e, ["settings", "suffix"]), { theme: L } = U(), { property: R } = a(e, ["settings", "value"]), { property: O } = a(e, ["settings", "variant"]), { property: N } = a(e, ["slots", "append"]), { property: F } = a(e, [
       "slots",
       "appendInner"
-    ]), { property: L } = a(e, ["slots", "prepend"]), { property: U } = a(e, [
+    ]), { property: z } = a(e, ["slots", "prepend"]), { property: J } = a(e, [
       "slots",
       "prependInner"
     ]);
     return (ne, ye) => {
       const Ve = W("v-text-field");
-      return x(), w(i(G), {
+      return x(), w(i(H), {
         block: "",
         mask: ""
       }, {
@@ -2814,8 +2814,8 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
             density: i(c),
             disabled: i(u),
             "hide-details": i(m),
-            label: i(d),
-            loading: i(p),
+            label: i(p),
+            loading: i(d),
             placeholder: i(f),
             prefix: i(b),
             "prepend-icon": i(g),
@@ -2824,7 +2824,7 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
             reverse: i(v),
             "single-line": i(S),
             suffix: i($),
-            theme: i(z),
+            theme: i(L),
             variant: i(O)
           }, Xt({ _: 2 }, [
             i(N) ? {
@@ -2849,23 +2849,23 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
               ]),
               key: "1"
             } : void 0,
-            i(L) ? {
+            i(z) ? {
               name: "prepend",
               fn: V(() => [
                 j(i(we), {
                   "node-id": "prepend",
-                  "ref-context": { compId: i(L) },
+                  "ref-context": { compId: i(z) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
               key: "2"
             } : void 0,
-            i(U) ? {
+            i(J) ? {
               name: "prepend-inner",
               fn: V(() => [
                 j(i(we), {
                   "node-id": "prepend-inner",
-                  "ref-context": { compId: i(U) },
+                  "ref-context": { compId: i(J) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2899,11 +2899,11 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
     ]), { property: m } = a(e, [
       "settings",
       "hideOpposite"
-    ]), { property: d } = a(e, [
+    ]), { property: p } = a(e, [
       "settings",
       "line",
       "color"
-    ]), { color: p } = Y(d), { property: f } = a(e, [
+    ]), { color: d } = Y(p), { property: f } = a(e, [
       "settings",
       "line",
       "inset"
@@ -2915,7 +2915,7 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
       "settings",
       "line",
       "truncate"
-    ]), { theme: h } = H();
+    ]), { theme: h } = U();
     return (v, S) => {
       const $ = W("v-timeline");
       return x(), w($, {
@@ -2925,7 +2925,7 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
         "dot-color": i(c),
         "fill-dot": i(u),
         "hide-opposite": i(m),
-        "line-color": i(p),
+        "line-color": i(d),
         "line-inset": i(f),
         "line-thickness": i(b),
         side: i(g),
@@ -2969,12 +2969,12 @@ const _l = /* @__PURE__ */ We(gl, [["render", hl]]), vl = /* @__PURE__ */ C({
     ]), { property: l } = a(e, ["settings", "reverse"]), { property: c } = a(e, [
       "settings",
       "showArrows"
-    ]), { property: u } = a(e, ["settings", "touch"]), { theme: m } = H(), { property: d } = a(e, ["settings", "value"]);
-    return (p, f) => {
+    ]), { property: u } = a(e, ["settings", "touch"]), { theme: m } = U(), { property: p } = a(e, ["settings", "value"]);
+    return (d, f) => {
       const b = W("v-window");
       return x(), w(b, {
-        modelValue: i(d),
-        "onUpdate:modelValue": f[0] || (f[0] = (g) => Q(d) ? d.value = g : null),
+        modelValue: i(p),
+        "onUpdate:modelValue": f[0] || (f[0] = (g) => Q(p) ? p.value = g : null),
         continuous: i(o),
         direction: i(r),
         disabled: i(s),
@@ -2984,7 +2984,7 @@ const _l = /* @__PURE__ */ We(gl, [["render", hl]]), vl = /* @__PURE__ */ C({
         touch: i(u)
       }, {
         default: V(() => [
-          K(p.$slots, "default")
+          K(d.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "continuous", "direction", "disabled", "reverse", "show-arrows", "theme", "touch"]);
@@ -3003,12 +3003,13 @@ function kl(t, n) {
 const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
   __name: "entry",
   props: {
+    subtype: {},
     nodeId: {},
     refContext: {},
     refKey: {}
   },
   setup(t) {
-    const n = q(), e = be(), o = k(() => D(e.value));
+    const n = X(), e = be(), o = k(() => D(e.value));
     $e(o), ee(n) && Ke(o, "multipleSlot", t.nodeId, t.refKey, fe());
     const s = (l) => {
       const c = _e[l.key];
@@ -3022,7 +3023,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
       return Xe(l.key) && (u.refContext = {
         parent: t.refContext,
         compId: l.compId
-      }), X(
+      }), G(
         c.comp,
         {
           key: l.id,
@@ -3035,9 +3036,16 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
           }
         }
       );
-    }, r = () => X("div", null, {
-      default: () => o.value?.view.nodeLites.map((l) => s(l))
-    });
+    }, r = () => {
+      if (t.subtype === "common")
+        return G("div", null, {
+          default: () => o.value?.view.nodeLites.map((l) => s(l))
+        });
+      if (t.subtype === "scene")
+        return G("TresGroup", null, {
+          default: () => o.value?.view.nodeLites.map((l) => s(l))
+        });
+    };
     return (l, c) => (x(), w(r));
   }
 }), Sl = /* @__PURE__ */ C({
@@ -3052,20 +3060,21 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
     $e(l);
     const c = k(() => o.refContext?.compId);
     et(c, l);
-    const { applySize: u } = de(o, s), m = k(() => {
+    const { applySize: u } = pe(o, s), m = k(() => {
       const _ = {};
       return l.value?.type === "common" && u(_), _;
-    }), { property: d } = a(s, ["instances"]), p = (_, h) => {
+    }), { property: p } = a(s, ["instances"]), d = (_, h) => {
       _.findIndex((v) => v === h) >= 0 || _.push(h);
     }, f = k(() => {
       const _ = [];
-      if (!Array.isArray(d.value))
+      if (!Array.isArray(p.value))
         return _;
-      for (const h of d.value)
-        typeof h == "string" && h && p(_, h);
+      for (const h of p.value)
+        typeof h == "string" && h && d(_, h);
       return _;
-    }), b = (_) => X(Il, {
+    }), b = (_, h) => G(Il, {
       key: _,
+      subtype: h,
       nodeId: o.nodeId,
       refContext: o.refContext,
       refKey: _
@@ -3075,18 +3084,29 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
         return;
       }
       if (Ye(o.refContext, r))
-        return X("div", { id: e.id }, n("x-runtime-lib.circularReference"));
+        return G("div", { id: e.id }, n("x-runtime-lib.circularReference"));
       if (!l.value)
-        return X("div", { id: e.id });
-      if (l.value.type === "common")
-        return X(
+        return G("div", { id: e.id });
+      const _ = l.value.type;
+      if (_ === "common")
+        return G(
           "div",
           {
             id: e.id,
             style: m.value
           },
           {
-            default: () => f.value.map((h) => b(h))
+            default: () => f.value.map((h) => b(h, _))
+          }
+        );
+      if (_ === "scene")
+        return G(
+          "TresGroup",
+          {
+            id: e.id
+          },
+          {
+            default: () => f.value.map((h) => b(h, _))
           }
         );
     };
@@ -3095,12 +3115,13 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
 }), Cl = /* @__PURE__ */ C({
   __name: "entry",
   props: {
+    subtype: {},
     nodeId: {},
     refContext: {},
     refKey: {}
   },
   setup(t) {
-    const n = q(), e = be(), o = k(() => D(e.value));
+    const n = X(), e = be(), o = k(() => D(e.value));
     $e(o), ee(n) && Ke(o, "multipleSlot", t.nodeId, t.refKey, fe());
     const s = (l) => {
       const c = _e[l.key];
@@ -3114,7 +3135,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
       return Xe(l.key) && (u.refContext = {
         parent: t.refContext,
         compId: l.compId
-      }), X(
+      }), G(
         c.comp,
         {
           key: l.id,
@@ -3127,9 +3148,16 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
           }
         }
       );
-    }, r = () => X("div", null, {
-      default: () => o.value?.view.nodeLites.map((l) => s(l))
-    });
+    }, r = () => {
+      if (t.subtype === "common")
+        return G("div", null, {
+          default: () => o.value?.view.nodeLites.map((l) => s(l))
+        });
+      if (t.subtype === "scene")
+        return G("TresGroup", null, {
+          default: () => o.value?.view.nodeLites.map((l) => s(l))
+        });
+    };
     return (l, c) => (x(), w(r));
   }
 }), $l = /* @__PURE__ */ C({
@@ -3140,24 +3168,25 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const { t: n } = qe(), e = ct(), o = t, { node: s } = P(o), r = q(), l = Qe(), c = oe();
+    const { t: n } = qe(), e = ct(), o = t, { node: s } = P(o), r = X(), l = Qe(), c = oe();
     $e(c);
     const u = k(() => o.refContext?.compId);
     et(u, c), ee(r) && Ke(c, "multipleSlot", o.nodeId, "", fe());
-    const { applySize: m } = de(o, s), d = k(() => {
+    const { applySize: m } = pe(o, s), p = k(() => {
       const h = {};
       return c.value?.type === "common" && m(h), h;
-    }), { property: p } = a(s, ["instances"]), f = (h, v) => {
+    }), { property: d } = a(s, ["instances"]), f = (h, v) => {
       h.findIndex((S) => S === v) >= 0 || h.push(v);
     }, b = k(() => {
       const h = [];
-      if (!Array.isArray(p.value))
+      if (!Array.isArray(d.value))
         return h;
-      for (const v of p.value)
+      for (const v of d.value)
         typeof v == "string" && v && f(h, v);
       return h;
-    }), g = (h) => X(Cl, {
+    }), g = (h, v) => G(Cl, {
       key: h,
+      subtype: v,
       nodeId: o.nodeId,
       refContext: o.refContext,
       refKey: h
@@ -3167,18 +3196,29 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
         return;
       }
       if (Ye(o.refContext, l))
-        return X("div", { id: e.id }, n("x-runtime-lib.circularReference"));
+        return G("div", { id: e.id }, n("x-runtime-lib.circularReference"));
       if (!c.value)
-        return X("div", { id: e.id });
-      if (c.value.type === "common")
-        return X(
+        return G("div", { id: e.id });
+      const h = c.value.type;
+      if (h === "common")
+        return G(
           "div",
           {
             id: e.id,
-            style: d.value
+            style: p.value
+          },
+          {
+            default: () => b.value.map((v) => g(v, h))
+          }
+        );
+      if (h === "scene")
+        return G(
+          "TresGroup",
+          {
+            id: e.id
           },
           {
-            default: () => b.value.map((v) => g(v))
+            default: () => b.value.map((v) => g(v, h))
           }
         );
     };
@@ -3192,14 +3232,14 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const { t: n } = qe(), e = ct(), o = t, { node: s } = P(o), r = q(), l = Qe(), c = oe();
+    const { t: n } = qe(), e = ct(), o = t, { node: s } = P(o), r = X(), l = Qe(), c = oe();
     $e(c);
     const u = k(() => o.refContext?.compId);
     et(u, c), ee(r) && Ke(c, "ref", o.nodeId, "", fe());
-    const { applySize: m } = de(o, s), d = k(() => {
+    const { applySize: m } = pe(o, s), p = k(() => {
       const b = {};
       return c.value?.type === "common" && m(b), b;
-    }), p = (b) => {
+    }), d = (b) => {
       const g = _e[b.key];
       if (!g) {
         console.assert(!1, `element not found key=${b.key}`);
@@ -3211,7 +3251,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
       return Xe(b.key) && (_.refContext = {
         parent: o.refContext,
         compId: b.compId
-      }), X(
+      }), G(
         g.comp,
         {
           key: b.id,
@@ -3220,7 +3260,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
         {
           default: () => {
             if (!g.leaf)
-              return b.children?.map((h) => p(h));
+              return b.children?.map((h) => d(h));
           }
         }
       );
@@ -3230,18 +3270,29 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
         return;
       }
       if (Ye(o.refContext, l))
-        return X("div", { id: e.id }, n("x-runtime-lib.circularReference"));
+        return G("div", { id: e.id }, n("x-runtime-lib.circularReference"));
       if (!c.value)
-        return X("div", { id: e.id });
-      if (c.value.type === "common")
-        return X(
+        return G("div", { id: e.id });
+      const b = c.value.type;
+      if (b === "common")
+        return G(
           "div",
           {
             id: e.id,
-            style: d.value
+            style: p.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((g) => p(g))
+            default: () => c.value?.view.nodeLites.map((g) => d(g))
+          }
+        );
+      if (b === "scene")
+        return G(
+          "TresGroup",
+          {
+            id: e.id
+          },
+          {
+            default: () => c.value?.view.nodeLites.map((g) => d(g))
           }
         );
     };
@@ -3256,7 +3307,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
   },
   setup(t) {
     const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "open"]);
-    return (s, r) => (x(), w(i(G), null, {
+    return (s, r) => (x(), w(i(H), null, {
       default: V(() => [
         i(o) ? K(s.$slots, "default", { key: 0 }) : le("", !0)
       ]),
@@ -3271,15 +3322,15 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const { t: n } = qe(), e = ct(), o = t, { node: s } = P(o), r = q(), l = Qe(), c = oe();
+    const { t: n } = qe(), e = ct(), o = t, { node: s } = P(o), r = X(), l = Qe(), c = oe();
     $e(c);
     const u = k(() => o.refContext?.compId);
     et(u, c), ee(r) && Ke(c, "slot", o.nodeId, "", fe());
-    const { applySize: m } = de(o, s), d = k(() => {
+    const { applySize: m } = pe(o, s), p = k(() => {
       const b = {};
       return c.value?.type === "common" && m(b), b;
     });
-    function p(b) {
+    function d(b) {
       const g = _e[b.key];
       if (!g) {
         console.assert(!1, `element not found key=${b.key}`);
@@ -3291,7 +3342,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
       return Xe(b.key) && (_.refContext = {
         parent: o.refContext,
         compId: b.compId
-      }), X(
+      }), G(
         g.comp,
         {
           key: b.id,
@@ -3300,7 +3351,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
         {
           default: () => {
             if (!g.leaf)
-              return b.children?.map((h) => p(h));
+              return b.children?.map((h) => d(h));
           }
         }
       );
@@ -3311,20 +3362,30 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
         return;
       }
       if (Ye(o.refContext, l))
-        return X("div", { id: e.id }, n("x-runtime-lib.circularReference"));
+        return G("div", { id: e.id }, n("x-runtime-lib.circularReference"));
       if (!c.value)
-        return X("div", { id: e.id });
-      if (c.value.type === "common")
-        return X(
+        return G("div", { id: e.id });
+      const b = c.value.type;
+      if (b === "common")
+        return G(
           "div",
           {
             id: e.id,
-            style: d.value
+            style: p.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((g) => p(g))
+            default: () => c.value?.view.nodeLites.map((g) => d(g))
           }
         );
+      b === "scene" && G(
+        "TresGroup",
+        {
+          id: e.id
+        },
+        {
+          default: () => c.value?.view.nodeLites.map((g) => d(g))
+        }
+      );
     };
     return (b, g) => (x(), w(f));
   }
@@ -3390,7 +3451,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
       ]
     }
   ]
-}, zl = D(Z), Te = {
+}, Ll = D(Z), Te = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -3408,7 +3469,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
       types: "borderWidthTypesV1",
       default: ""
     },
-    zl,
+    Ll,
     {
       key: "roundRadius",
       name: "x-runtime-lib.roundRadius",
@@ -3535,7 +3596,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
       default: ""
     }
   ]
-}, J = {
+}, q = {
   key: "size",
   name: "x-runtime-lib.size",
   children: [
@@ -3806,7 +3867,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
       default: 2e3
     }
   ]
-}, Ll = {
+}, zl = {
   key: "scene_orthographic_camera_v1",
   name: "x-runtime-lib.orthographicCamera",
   comp: Ni,
@@ -3818,7 +3879,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
   methods: [],
   slots: []
 };
-I(Ll);
+I(zl);
 const hn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4248,15 +4309,15 @@ const xn = {
   slots: []
 };
 I(Fl);
-const pt = D(Z);
-pt.children[0].default = "custom";
-pt.children[2].children[0].default = "0xffffff";
-pt.children[2].children[1].default = "0xffffff";
+const dt = D(Z);
+dt.children[0].default = "custom";
+dt.children[2].children[0].default = "0xffffff";
+dt.children[2].children[1].default = "0xffffff";
 const kn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    pt,
+    dt,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -4278,15 +4339,15 @@ const kn = {
   slots: []
 };
 I(Nl);
-const dt = D(Z);
-dt.children[0].default = "custom";
-dt.children[2].children[0].default = "0xffffff";
-dt.children[2].children[1].default = "0xffffff";
+const pt = D(Z);
+pt.children[0].default = "custom";
+pt.children[2].children[0].default = "0xffffff";
+pt.children[2].children[1].default = "0xffffff";
 const wn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    dt,
+    pt,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -4413,7 +4474,7 @@ I(Hl);
 const Ne = {
   key: "scene_mesh_v1",
   name: "x-runtime-lib.mesh",
-  comp: dr,
+  comp: pr,
   properties: {
     pageScene: [y, te],
     compScene: [y, te]
@@ -4473,8 +4534,8 @@ const Sn = {
   name: "x-runtime-lib.barChart",
   comp: vs,
   properties: {
-    pageCommon: [y, J, st, lt, at, rt, Sn],
-    compCommon: [y, J, st, lt, at, rt, Sn]
+    pageCommon: [y, q, st, lt, at, rt, Sn],
+    compCommon: [y, q, st, lt, at, rt, Sn]
   },
   leaf: !0,
   spawn: Ul
@@ -4530,8 +4591,8 @@ const Cn = {
   name: "x-runtime-lib.lineChart",
   comp: xs,
   properties: {
-    pageCommon: [y, J, st, lt, at, rt, Cn],
-    compCommon: [y, J, st, lt, at, rt, Cn]
+    pageCommon: [y, q, st, lt, at, rt, Cn],
+    compCommon: [y, q, st, lt, at, rt, Cn]
   },
   leaf: !0,
   spawn: Jl
@@ -4693,8 +4754,8 @@ const Yl = D(Z), Vn = {
   name: "x-runtime-lib.button",
   comp: ws,
   properties: {
-    pageCommon: [y, J, Vn],
-    compCommon: [y, J, Vn]
+    pageCommon: [y, q, Vn],
+    compCommon: [y, q, Vn]
   },
   events: [
     {
@@ -4806,7 +4867,7 @@ function ea(t, n) {
     }
   };
 }
-const zn = {
+const Ln = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4866,13 +4927,13 @@ const zn = {
   name: "x-runtime-lib.card",
   comp: Vs,
   properties: {
-    pageCommon: [y, J, zn],
-    compCommon: [y, J, zn]
+    pageCommon: [y, q, Ln],
+    compCommon: [y, q, Ln]
   },
   spawn: ea
 };
 I(je);
-const Ln = {
+const zn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4894,8 +4955,8 @@ const Ln = {
   name: "x-runtime-lib.checkbox",
   comp: Ps,
   properties: {
-    pageCommon: [y, Ln],
-    compCommon: [y, Ln]
+    pageCommon: [y, zn],
+    compCommon: [y, zn]
   },
   leaf: !0
 };
@@ -4978,7 +5039,7 @@ const na = D(Z), Tn = {
 }, Vt = {
   key: "common_chip_v1",
   name: "x-runtime-lib.chip",
-  comp: zs,
+  comp: Ls,
   properties: {
     pageCommon: [y, Tn],
     compCommon: [y, Tn]
@@ -4999,15 +5060,15 @@ function oa(t, n) {
   }
   const r = E();
   M(r, s), r.basic.id = T(16), r.basic.key = Pt.key;
-  const l = Le(t, n, "chip1", "chip 1"), c = Le(t, n, "chip2", "chip 2"), u = Le(t, n, "chip3", "chip 3"), m = Le(t, n, "chip4", "chip 4"), d = Le(t, n, "chip5", "chip 5"), p = Le(t, n, "chip6", "chip 6");
+  const l = ze(t, n, "chip1", "chip 1"), c = ze(t, n, "chip2", "chip 2"), u = ze(t, n, "chip3", "chip 3"), m = ze(t, n, "chip4", "chip 4"), p = ze(t, n, "chip5", "chip 5"), d = ze(t, n, "chip6", "chip 6");
   return {
     nodeLite: A(r, [
       l.nodeLite,
       c.nodeLite,
       u.nodeLite,
       m.nodeLite,
-      d.nodeLite,
-      p.nodeLite
+      p.nodeLite,
+      d.nodeLite
     ]),
     nodes: {
       [r.basic.id]: r,
@@ -5015,12 +5076,12 @@ function oa(t, n) {
       ...c.nodes,
       ...u.nodes,
       ...m.nodes,
-      ...d.nodes,
-      ...p.nodes
+      ...p.nodes,
+      ...d.nodes
     }
   };
 }
-function Le(t, n, e, o) {
+function ze(t, n, e, o) {
   const s = `type=${t} subtype=${n}`, r = B(t, n);
   if (!r) {
     console.error(`chipGroupV1/spawnChip property tag not found, ${s}`);
@@ -5096,7 +5157,7 @@ const En = {
 }, Pt = {
   key: "common_chip_group_v1",
   name: "x-runtime-lib.chipGroup",
-  comp: Ls,
+  comp: zs,
   properties: {
     pageCommon: [y, En],
     compCommon: [y, En]
@@ -5174,13 +5235,13 @@ const Mn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [rn]
-}, zt = {
+}, Lt = {
   key: "common_container_v1",
   name: "x-runtime-lib.container",
   comp: As,
   properties: {
-    pageCommon: [y, J, Te, Ee, Ae, Mn],
-    compCommon: [y, J, Te, Ee, Ae, Mn]
+    pageCommon: [y, q, Te, Ee, Ae, Mn],
+    compCommon: [y, q, Te, Ee, Ae, Mn]
   },
   events: [
     {
@@ -5189,7 +5250,7 @@ const Mn = {
     }
   ]
 };
-I(zt);
+I(Lt);
 const Wn = {
   key: "size",
   name: "x-runtime-lib.size",
@@ -5415,16 +5476,16 @@ const Kn = {
       default: !1
     }
   ]
-}, Lt = {
+}, zt = {
   key: "common_flex_layout_entry_v1",
   name: "x-runtime-lib.flexLayoutEntry",
   comp: Fs,
   properties: {
-    pageCommon: [y, J, Dn],
-    compCommon: [y, J, Dn]
+    pageCommon: [y, q, Dn],
+    compCommon: [y, q, Dn]
   }
 };
-I(Lt);
+I(zt);
 function ca(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -5475,13 +5536,13 @@ function ua(t, n) {
     );
     return;
   }
-  const s = Lt.properties[o];
+  const s = zt.properties[o];
   if (!s) {
     console.error(`flexLayoutV1/spawnEntry properties not found, ${e}`);
     return;
   }
   const r = E();
-  M(r, s), r.basic.id = T(16), r.basic.key = Lt.key;
+  M(r, s), r.basic.id = T(16), r.basic.key = zt.key;
   const l = Tt(
     t,
     n,
@@ -5501,22 +5562,22 @@ function ua(t, n) {
   };
 }
 function Tt(t, n, e, o, s, r, l, c, u) {
-  const m = `type=${t} subtype=${n}`, d = B(t, n);
-  if (!d) {
+  const m = `type=${t} subtype=${n}`, p = B(t, n);
+  if (!p) {
     console.error(
       `flexLayoutV1/spawnContainer property tag not found, ${m}`
     );
     return;
   }
-  const p = zt.properties[d];
-  if (!p) {
+  const d = Lt.properties[p];
+  if (!d) {
     console.error(
       `flexLayoutV1/spawnContainer properties not found, ${m}`
     );
     return;
   }
   const f = E();
-  return M(f, p), f.basic.id = T(16), f.basic.key = zt.key, o && (f.size.width = o), s && (f.size.minWidth = s), l && (f.size.height = l), c && (f.size.minHeight = c), e && (f.settings.backgroundColor.mode = "custom", f.settings.backgroundColor.custom.light = e, f.settings.backgroundColor.custom.dark = e), {
+  return M(f, d), f.basic.id = T(16), f.basic.key = Lt.key, o && (f.size.width = o), s && (f.size.minWidth = s), l && (f.size.height = l), c && (f.size.minHeight = c), e && (f.settings.backgroundColor.mode = "custom", f.settings.backgroundColor.custom.light = e, f.settings.backgroundColor.custom.dark = e), {
     nodeLite: A(f, []),
     nodes: {
       [f.basic.id]: f
@@ -5701,8 +5762,8 @@ const On = {
   name: "x-runtime-lib.flexLayout",
   comp: Os,
   properties: {
-    pageCommon: [y, J, Te, Ee, Ae, On],
-    compCommon: [y, J, Te, Ee, Ae, On]
+    pageCommon: [y, q, Te, Ee, Ae, On],
+    compCommon: [y, q, Te, Ee, Ae, On]
   },
   events: [
     {
@@ -5907,7 +5968,7 @@ function ma(t, n) {
   }
   const r = E();
   M(r, s), r.basic.id = T(16), r.basic.key = At.key;
-  const l = pa(t, n);
+  const l = da(t, n);
   return {
     nodeLite: A(r, [l.nodeLite]),
     nodes: {
@@ -5916,7 +5977,7 @@ function ma(t, n) {
     }
   };
 }
-function pa(t, n) {
+function da(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`formV1/spawnTextField property tag not found, ${e}`);
@@ -5958,8 +6019,8 @@ const jn = {
   name: "x-runtime-lib.form",
   comp: Ns,
   properties: {
-    pageCommon: [y, J, Te, Ee, Ae, jn],
-    compCommon: [y, J, Te, Ee, Ae, jn]
+    pageCommon: [y, q, Te, Ee, Ae, jn],
+    compCommon: [y, q, Te, Ee, Ae, jn]
   },
   events: [
     {
@@ -5970,7 +6031,7 @@ const jn = {
   spawn: ma
 };
 I(At);
-const da = D(Z), Gn = {
+const pa = D(Z), Gn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5993,7 +6054,7 @@ const da = D(Z), Gn = {
       items: "sizeItemsV1",
       default: "default"
     },
-    da
+    pa
   ]
 }, fa = {
   key: "common_icon_v1",
@@ -7177,9 +7238,9 @@ un.name = "x-runtime-lib.backgroundColor";
 const mn = D(Z);
 mn.key = "selectedColor";
 mn.name = "x-runtime-lib.selectedColor";
-const pn = D(Z);
-pn.key = "sliderColor";
-pn.name = "x-runtime-lib.sliderColor";
+const dn = D(Z);
+dn.key = "sliderColor";
+dn.name = "x-runtime-lib.sliderColor";
 const so = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -7256,13 +7317,13 @@ const so = {
     {
       key: "color",
       name: "x-runtime-lib.color",
-      children: [un, mn, pn]
+      children: [un, mn, dn]
     }
   ]
 }, jt = {
   key: "common_tabs_v1",
   name: "x-runtime-lib.tabs",
-  comp: pl,
+  comp: dl,
   properties: {
     pageCommon: [y, so],
     compCommon: [y, so]
@@ -7270,7 +7331,7 @@ const so = {
   spawn: Pa
 };
 I(jt);
-function za(t, n) {
+function La(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`textV1/spawn property tag not found, ${e}`);
@@ -7378,16 +7439,16 @@ const lo = {
 }, Se = {
   key: "common_text_v1",
   name: "x-runtime-lib.text",
-  comp: dl,
+  comp: pl,
   properties: {
     pageCommon: [y, lo],
     compCommon: [y, lo]
   },
   leaf: !0,
-  spawn: za
+  spawn: La
 };
 I(Se);
-function La(t, n) {
+function za(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`textareaV1/spawn property tag not found, ${e}`);
@@ -7486,7 +7547,7 @@ const ao = {
     compCommon: [y, ao]
   },
   leaf: !0,
-  spawn: La
+  spawn: za
 };
 I(Gt);
 const Ht = {
@@ -7834,8 +7895,8 @@ const mo = {
   name: "x-runtime-lib.multipleRef",
   comp: Sl,
   properties: {
-    pageCommon: [y, J, mo, po],
-    compCommon: [y, J, mo, po]
+    pageCommon: [y, q, mo, po],
+    compCommon: [y, q, mo, po]
   },
   leaf: !0
 };
@@ -7869,8 +7930,8 @@ const fo = {
   name: "x-runtime-lib.multipleSlot",
   comp: $l,
   properties: {
-    pageCommon: [y, J, fo, yo],
-    compCommon: [y, J, fo, yo]
+    pageCommon: [y, q, fo, yo],
+    compCommon: [y, q, fo, yo]
   },
   leaf: !0
 };
@@ -7891,8 +7952,8 @@ const bo = {
   name: "x-runtime-lib.reference",
   comp: Vl,
   properties: {
-    pageCommon: [y, J, bo],
-    compCommon: [y, J, bo]
+    pageCommon: [y, q, bo],
+    compCommon: [y, q, bo]
   },
   leaf: !0
 };
@@ -7940,8 +8001,8 @@ const ho = {
   name: "x-runtime-lib.slot",
   comp: we,
   properties: {
-    pageCommon: [y, J, ho],
-    compCommon: [y, J, ho]
+    pageCommon: [y, q, ho],
+    compCommon: [y, q, ho]
   },
   leaf: !0
 };
@@ -8091,13 +8152,13 @@ const Za = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.show", value: "show" },
   { title: "x-runtime-lib.always", value: "always" }
-], pc = [
+], dc = [
   { title: "x-runtime-lib.xSmall", value: "x-small" },
   { title: "x-runtime-lib.small", value: "small" },
   { title: "x-runtime-lib.default", value: "default" },
   { title: "x-runtime-lib.large", value: "large" },
   { title: "x-runtime-lib.xLarge", value: "x-large" }
-], dc = [
+], pc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" },
@@ -8177,8 +8238,8 @@ const Za = [
   fontWeightItemsV1: cc,
   sheetVariantItemsV1: uc,
   showTicksItemsV1: mc,
-  sizeItemsV1: pc,
-  textAlignItemsV1: dc,
+  sizeItemsV1: dc,
+  textAlignItemsV1: pc,
   textDecorationItemsV1: fc,
   textEmphasisItemsV1: yc,
   textStyleItemsV1: bc,
@@ -8359,7 +8420,7 @@ const Za = [
     validator: (t) => t === "end",
     default: "end"
   }
-], zc = [
+], Lc = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -8381,7 +8442,7 @@ const Za = [
     validator: (t) => t === "bottom",
     default: "bottom"
   }
-], Lc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], zc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   borderWidthTypesV1: Ic,
   leftRightTypesV1: Sc,
@@ -8389,7 +8450,7 @@ const Za = [
   paddingTypesV1: $c,
   sizeTypesV1: Vc,
   tableColumnAlignTypesV1: Pc,
-  topBottomTypesV1: zc
+  topBottomTypesV1: Lc
 }, Symbol.toStringTag, { value: "Module" })), Tc = [
   {
     key: "containment",
@@ -8657,7 +8718,7 @@ const Za = [
   globalityKey: "globality_v1",
   refKey: "ref_v1",
   items: { ...wc },
-  types: { ...Lc },
+  types: { ...zc },
   elements: /* @__PURE__ */ new Set([
     "globality_v1",
     "multiple_ref_v1",
@@ -8788,18 +8849,18 @@ function Su(t, n, e, o, s) {
       console.error(`spawnNode [ref] element not found in pkg, ${r}`);
       return;
     }
-    const d = _e[u];
-    if (!d) {
+    const p = _e[u];
+    if (!p) {
       console.error(`spawnNode [ref] element not found in global, ${r}`);
       return;
     }
-    const p = d.properties[l];
-    if (!p) {
+    const d = p.properties[l];
+    if (!d) {
       console.error(`spawnNode [ref] properties not found, ${r}`);
       return;
     }
     const f = E();
-    return M(f, p), f.basic.id = T(16), f.basic.key = u, f.settings || (f.settings = {}), f.settings.comp = m, {
+    return M(f, d), f.basic.id = T(16), f.basic.key = u, f.settings || (f.settings = {}), f.settings.comp = m, {
       nodeLite: A(f),
       nodes: {
         [f.basic.id]: f
@@ -8819,18 +8880,18 @@ function Su(t, n, e, o, s) {
     if (m.spawn)
       return m.spawn(t, n);
     {
-      const d = m.properties[l];
-      if (!d) {
+      const p = m.properties[l];
+      if (!p) {
         console.error(`spawnNode [key] properties not found, ${r}`);
         return;
       }
-      const p = E();
-      M(p, d), p.basic.id = T(16), p.basic.key = u;
+      const d = E();
+      M(d, p), d.basic.id = T(16), d.basic.key = u;
       let f;
       return m.leaf || (f = []), {
-        nodeLite: A(p, f),
+        nodeLite: A(d, f),
         nodes: {
-          [p.basic.id]: p
+          [d.basic.id]: d
         }
       };
     }
@@ -8870,67 +8931,67 @@ function $u(t) {
 }
 const Oo = "runtimeOrg", Fo = "runtimeEnv", No = "runtimeMode", jo = "runtimeDevice", Go = "runtimeDark", Ho = "runtimeId", Uo = "runtimeType", Jo = "runtimeData", qo = "runtimeDepends", Xo = "runtimeRuntime", Yo = "runtimeSandbox";
 function Vu(t) {
-  pe(Oo, t);
+  de(Oo, t);
 }
 function Kc() {
   return me(Oo);
 }
 function Pu(t) {
-  pe(Fo, t);
+  de(Fo, t);
 }
 function Dc() {
   return me(Fo);
 }
-function zu(t) {
-  pe(No, t);
+function Lu(t) {
+  de(No, t);
 }
-function q() {
+function X() {
   return me(No);
 }
-function Lu(t) {
-  pe(jo, Yt(t));
+function zu(t) {
+  de(jo, Yt(t));
 }
 function Re() {
   return me(jo);
 }
 function Tu(t) {
-  pe(Go, Yt(t));
+  de(Go, Yt(t));
 }
 function Ze() {
   return me(Go);
 }
 function Eu(t) {
-  pe(Ho, t);
+  de(Ho, t);
 }
 function Qe() {
   return me(Ho);
 }
 function Au(t) {
-  pe(Uo, t);
+  de(Uo, t);
 }
 function xe() {
   return me(Uo);
 }
 function $e(t) {
-  pe(Jo, t);
+  de(Jo, t);
 }
 function be() {
   return me(Jo);
 }
 function Mu(t) {
-  pe(qo, Yt(t));
+  de(qo, Yt(t));
 }
 function Oc() {
   return me(qo);
 }
 function Wu(t) {
-  pe(Xo, t);
+  de(Xo, t);
 }
 function Fc() {
   return me(Xo);
 }
 function Nc(t) {
-  pe(Yo, t);
+  de(Yo, t);
 }
 function fe() {
   return me(Yo, void 0);
@@ -8954,76 +9015,76 @@ function nt(t, n, e, o, s) {
         continue;
       }
       let m = null;
-      for (const p of u)
-        if (e === Oe(p)) {
-          if (p.subKeys) {
+      for (const d of u)
+        if (e === Oe(d)) {
+          if (d.subKeys) {
             if (!se(
-              ke(o, p.subKeys),
-              ke(s, p.subKeys)
+              ke(o, d.subKeys),
+              ke(s, d.subKeys)
             )) {
-              m = p;
+              m = d;
               break;
             }
           } else if (!se(o, s)) {
-            m = p;
+            m = d;
             break;
           }
         }
       if (!m)
         continue;
-      let d;
-      m.subKeys ? d = ke(o, m.subKeys) : d = o;
-      for (const p of u)
-        if (p.subKeys) {
+      let p;
+      m.subKeys ? p = ke(o, m.subKeys) : p = o;
+      for (const d of u)
+        if (d.subKeys) {
           let f;
-          if (p.type === "elementProperty")
+          if (d.type === "elementProperty")
             f = t.getElementProperty(
-              p.nodeId,
-              p.propertyKeys.split(".")
+              d.nodeId,
+              d.propertyKeys.split(".")
             );
-          else if (p.type === "customProperty")
-            f = t.getCustomProperty(p.propertyId);
-          else if (p.type === "state")
-            f = t.getState(p.stateId);
-          else if (p.type === "adaptSlotProperty")
-            f = t.getAdaptSlotProperty(p.propertyId);
+          else if (d.type === "customProperty")
+            f = t.getCustomProperty(d.propertyId);
+          else if (d.type === "state")
+            f = t.getState(d.stateId);
+          else if (d.type === "adaptSlotProperty")
+            f = t.getAdaptSlotProperty(d.propertyId);
           else {
             console.assert(!1);
             continue;
           }
-          const b = ke(f, p.subKeys);
-          if (se(d, b))
+          const b = ke(f, d.subKeys);
+          if (se(p, b))
             continue;
           const g = D(f);
-          Qt(g, p.subKeys, D(d)), p.type === "elementProperty" ? t.setElementProperty(
-            p.nodeId,
-            p.propertyKeys.split("."),
+          Qt(g, d.subKeys, D(p)), d.type === "elementProperty" ? t.setElementProperty(
+            d.nodeId,
+            d.propertyKeys.split("."),
             g
-          ) : p.type === "customProperty" ? t.setCustomProperty(p.propertyId, g) : p.type === "state" ? t.setState(p.stateId, g) : p.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(p.propertyId, g) : console.assert(!1);
+          ) : d.type === "customProperty" ? t.setCustomProperty(d.propertyId, g) : d.type === "state" ? t.setState(d.stateId, g) : d.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(d.propertyId, g) : console.assert(!1);
         } else {
           let f;
-          if (p.type === "elementProperty")
+          if (d.type === "elementProperty")
             f = t.getElementProperty(
-              p.nodeId,
-              p.propertyKeys.split(".")
+              d.nodeId,
+              d.propertyKeys.split(".")
             );
-          else if (p.type === "customProperty")
-            f = t.getCustomProperty(p.propertyId);
-          else if (p.type === "state")
-            f = t.getState(p.stateId);
-          else if (p.type === "adaptSlotProperty")
-            f = t.getAdaptSlotProperty(p.propertyId);
+          else if (d.type === "customProperty")
+            f = t.getCustomProperty(d.propertyId);
+          else if (d.type === "state")
+            f = t.getState(d.stateId);
+          else if (d.type === "adaptSlotProperty")
+            f = t.getAdaptSlotProperty(d.propertyId);
           else {
             console.assert(!1);
             continue;
           }
-          if (se(d, f))
+          if (se(p, f))
             continue;
-          p.type === "elementProperty" ? t.setElementProperty(
-            p.nodeId,
-            p.propertyKeys.split("."),
-            D(d)
-          ) : p.type === "customProperty" ? t.setCustomProperty(p.propertyId, D(d)) : p.type === "state" ? t.setState(p.stateId, D(d)) : p.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(p.propertyId, D(d)) : console.assert(!1);
+          d.type === "elementProperty" ? t.setElementProperty(
+            d.nodeId,
+            d.propertyKeys.split("."),
+            D(p)
+          ) : d.type === "customProperty" ? t.setCustomProperty(d.propertyId, D(p)) : d.type === "state" ? t.setState(d.stateId, D(p)) : d.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(d.propertyId, D(p)) : console.assert(!1);
         }
     }
 }
@@ -9227,8 +9288,8 @@ function Hc(t) {
         if (/^\[\d+\]$/.test(u)) {
           let m = parseInt(u.slice(1, -1), 10);
           m > 0 && m--;
-          const d = n.newNumber(m);
-          n.setProp(s, l.toString(), d), d.dispose(), l++;
+          const p = n.newNumber(m);
+          n.setProp(s, l.toString(), p), p.dispose(), l++;
         } else {
           const m = n.newString(u);
           n.setProp(s, l.toString(), m), m.dispose(), l++;
@@ -9257,12 +9318,12 @@ function Hc(t) {
       if (Me(t)) {
         var l = [];
         try {
-          const d = Pe(l, n.getProp(n.global, "__timeoutCallback__"));
-          n.callFunction(d, n.global, n.newNumber(s));
+          const p = Pe(l, n.getProp(n.global, "__timeoutCallback__"));
+          n.callFunction(p, n.global, n.newNumber(s));
         } catch (c) {
           var u = c, m = !0;
         } finally {
-          ze(l, u, m);
+          Le(l, u, m);
         }
       }
     }, r);
@@ -9277,7 +9338,7 @@ const Qo = ai({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
     const { i18n: n } = Ie;
-    Po(Li(n, t));
+    Po(zi(n, t));
   }
 });
 window.API_URL && (Qo.defaults.baseURL = window.API_URL + "/computebase/");
@@ -9291,18 +9352,18 @@ function Jc(t) {
   }
   const { vm: n } = t;
   n.newFunction("__callFuncV1__", (e, o, s, r, l) => {
-    const c = n.getString(e), u = n.getString(o), m = n.dump(s), d = n.getString(r), p = n.getString(l), { id: f, promise: b } = t.promiseManager.acquire(), g = JSON.stringify(m);
+    const c = n.getString(e), u = n.getString(o), m = n.dump(s), p = n.getString(r), d = n.getString(l), { id: f, promise: b } = t.promiseManager.acquire(), g = JSON.stringify(m);
     return Uc({
       spaceId: c,
       id: u,
       strInputs: g,
-      env: d
+      env: p
     }).then(
       ({ strOutputs: _ }) => {
         Me(t) && (b.resolve(n.evalCode(`JSON.parse('${_}')`).unwrap()), t.promiseManager.release(f));
       },
       (_) => {
-        Me(t) && (b.reject(n.newString(`call func <${p}> failed, ${_}`)), t.promiseManager.release(f));
+        Me(t) && (b.reject(n.newString(`call func <${d}> failed, ${_}`)), t.promiseManager.release(f));
       }
     ), b.settled.then(n.runtime.executePendingJobs), b.handle;
   }).consume((e) => n.setProp(n.global, "__callFuncV1__", e));
@@ -9328,9 +9389,9 @@ function Xc(t) {
         const N = Pe(c, n.getProp(n.global, "__triggerEventInner__"));
         n.callFunction(N, n.global, e, ...o);
       } catch (u) {
-        var m = u, d = !0;
+        var m = u, p = !0;
       } finally {
-        ze(c, m, d);
+        Le(c, m, p);
       }
     }
     const s = n.getString(e), { kind: r, eventKey: l } = Gc(s);
@@ -9339,14 +9400,14 @@ function Xc(t) {
       try {
         const N = Pe($, n.getProp(n.global, "__triggerEventV1__"));
         {
-          var p = [];
+          var d = [];
           try {
-            const F = Pe(p, n.newString(re("refEvent", t.id, l)));
+            const F = Pe(d, n.newString(re("refEvent", t.id, l)));
             n.callFunction(N, n.global, F, ...o);
           } catch (f) {
             var b = f, g = !0;
           } finally {
-            ze(p, b, g);
+            Le(d, b, g);
           }
         }
         {
@@ -9359,13 +9420,13 @@ function Xc(t) {
           } catch (h) {
             var v = h, S = !0;
           } finally {
-            ze(_, v, S);
+            Le(_, v, S);
           }
         }
-      } catch (z) {
-        var R = z, O = !0;
+      } catch (L) {
+        var R = L, O = !0;
       } finally {
-        ze($, R, O);
+        Le($, R, O);
       }
     }
   }).consume((e) => n.setProp(n.global, "__triggerEventV1__", e)), n.newFunction("__getPropertyV1__", (e, o) => {
@@ -9374,37 +9435,37 @@ function Xc(t) {
     if (l === "elementProperty")
       m = t.getElementProperty(c, u.split("."));
     else if (l === "refProperty") {
-      const d = t.children[c];
-      d && (m = d.getCustomProperty(u));
+      const p = t.children[c];
+      p && (m = p.getCustomProperty(u));
     } else if (l === "multipleRefProperty") {
-      const d = t.children[c + "/" + r];
-      d && (m = d.getCustomProperty(u));
+      const p = t.children[c + "/" + r];
+      p && (m = p.getCustomProperty(u));
     } else l === "customProperty" ? m = t.getCustomProperty(u) : l === "customSlotProperty" || (l === "adaptSlotElementProperty" || l === "adaptSlotCustomProperty" ? m = t.getAdaptSlotProperty(u) : console.assert(!1));
     return He(n, m);
   }).consume((e) => n.setProp(n.global, "__getPropertyV1__", e)), n.newFunction("__setPropertyV1__", (e, o, s) => {
-    const r = n.getString(e), l = n.getString(o), c = n.dump(s), { kind: u, nodeId: m, propertyKey: d } = vo(r);
+    const r = n.getString(e), l = n.getString(o), c = n.dump(s), { kind: u, nodeId: m, propertyKey: p } = vo(r);
     if (u === "elementProperty")
-      t.setElementProperty(m, d.split("."), c);
+      t.setElementProperty(m, p.split("."), c);
     else if (u === "refProperty") {
-      const p = t.children[m];
-      p && p.setCustomProperty(d, c);
+      const d = t.children[m];
+      d && d.setCustomProperty(p, c);
     } else if (u === "multipleRefProperty") {
-      const p = t.children[m + "/" + l];
-      p && p.setCustomProperty(d, c);
-    } else u === "customProperty" ? t.setCustomProperty(d, c) : u === "customSlotProperty" || (u === "adaptSlotElementProperty" || u === "adaptSlotCustomProperty" ? t.setAdaptSlotProperty(d, c) : console.assert(!1));
+      const d = t.children[m + "/" + l];
+      d && d.setCustomProperty(p, c);
+    } else u === "customProperty" ? t.setCustomProperty(p, c) : u === "customSlotProperty" || (u === "adaptSlotElementProperty" || u === "adaptSlotCustomProperty" ? t.setAdaptSlotProperty(p, c) : console.assert(!1));
   }).consume((e) => n.setProp(n.global, "__setPropertyV1__", e)), n.newFunction("__callMethodV1__", (e, o, s) => {
-    const r = n.getString(e), l = n.getString(o), c = n.dump(s), { kind: u, nodeId: m, methodKey: d } = Zo(r);
-    let p;
+    const r = n.getString(e), l = n.getString(o), c = n.dump(s), { kind: u, nodeId: m, methodKey: p } = Zo(r);
+    let d;
     if (u === "elementMethod")
-      p = t.callElementMethod(r, c);
+      d = t.callElementMethod(r, c);
     else if (u === "refMethod") {
       const f = t.children[m];
-      f && (p = f.callCustomMethod(d, c));
+      f && (d = f.callCustomMethod(p, c));
     } else if (u === "multipleRefMethod") {
       const f = t.children[m + "/" + l];
-      f && (p = f.callCustomMethod(d, c));
+      f && (d = f.callCustomMethod(p, c));
     } else u === "customMethod" || u === "customSlotMethod" || u === "adaptSlotElementMethod" || u === "adaptSlotCustomMethod" || console.assert(!1);
-    return p;
+    return d;
   }).consume((e) => n.setProp(n.global, "__callMethodV1__", e)), n.newFunction("__getStateV1__", (e) => {
     const o = n.getString(e), s = t.getState(o);
     return He(n, s);
@@ -9432,8 +9493,8 @@ function Xc(t) {
     }), c.settled.then(n.runtime.executePendingJobs), c.handle;
   }).consume((e) => n.setProp(n.global, "__openConfirmDlgV1__", e)), n.newFunction("__openPromptDlgV1__", (e, o, s) => {
     const r = n.getString(e), l = n.getString(o), c = n.dump(s), { id: u, promise: m } = t.promiseManager.acquire();
-    return ui({ title: r, label: l, value: c }).then((d) => {
-      Me(t) && (d === void 0 ? m.resolve(n.undefined) : m.resolve(n.newString(d)), t.promiseManager.release(u));
+    return ui({ title: r, label: l, value: c }).then((p) => {
+      Me(t) && (p === void 0 ? m.resolve(n.undefined) : m.resolve(n.newString(p)), t.promiseManager.release(u));
     }), m.settled.then(n.runtime.executePendingJobs), m.handle;
   }).consume((e) => n.setProp(n.global, "__openPromptDlgV1__", e));
 }
@@ -9712,25 +9773,25 @@ class eu {
   }
 }
 function Ke(t, n, e, o, s) {
-  const r = Kc(), l = Dc(), c = q(), u = xe(), m = Re(), d = Ze(), p = Fc(), f = (S, $, z, R) => {
+  const r = Kc(), l = Dc(), c = X(), u = xe(), m = Re(), p = Ze(), d = Fc(), f = (S, $, L, R) => {
     if (ee(c)) {
       if (se($, ["settings", "slot"])) {
         const O = t.value?.view.nodeLites.find(
           (N) => N.id === S
         );
-        O ? O.slotId = z : console.assert(!1);
+        O ? O.slotId = L : console.assert(!1);
       }
       if (se($, ["settings", "comp"])) {
         const O = t.value?.view.nodeLites.find(
           (N) => N.id === S
         );
-        O ? O.compId = z : console.assert(!1);
+        O ? O.compId = L : console.assert(!1);
       }
       if (v.callFunction(
         "__triggerEventV1__",
         re("elementPropertyChangeEvent", S, $.join(".")),
-        z,
-        R ?? z
+        L,
+        R ?? L
       ), t.value?.code.reactivity) {
         let O = "";
         $ instanceof Array ? O = $.join(".") : O = $, nt(
@@ -9741,56 +9802,56 @@ function Ke(t, n, e, o, s) {
             nodeId: S,
             propertyKeys: O
           }),
-          z,
+          L,
           R
         );
       }
     }
-  }, b = (S, $, z) => {
+  }, b = (S, $, L) => {
     ee(c) && (v.callFunction(
       "__triggerEventV1__",
       re("customPropertyChangeEvent", "globality", S),
       $,
-      z ?? $
+      L ?? $
     ), v.parent?.callFunction(
       "__triggerEventV1__",
       re("refPropertyChangeEvent", v.id, S),
       $,
-      z ?? $
+      L ?? $
     ), v.parent?.callFunction(
       "__triggerEventV1__",
       re("multipleRefPropertyChangeEvent", v.id, S),
       $,
-      z ?? $
+      L ?? $
     ), t.value?.code.reactivity && nt(
       v,
       t.value.code.reactivity,
       Oe({ type: "customProperty", propertyId: S }),
       $,
-      z
+      L
     ));
-  }, g = (S, $, z) => {
-    ee(c) && console.log("onSlotPropetyChange", S, $, z);
-  }, _ = (S, $, z) => {
+  }, g = (S, $, L) => {
+    ee(c) && console.log("onSlotPropetyChange", S, $, L);
+  }, _ = (S, $, L) => {
     ee(c) && t.value?.code.reactivity && nt(
       v,
       t.value.code.reactivity,
       Oe({ type: "adaptSlotProperty", propertyId: S }),
       $,
-      z
+      L
     );
-  }, h = (S, $, z) => {
+  }, h = (S, $, L) => {
     ee(c) && (v.callFunction(
       "__triggerEventV1__",
       re("stateChangeEvent", "globality", S),
       $,
-      z ?? $
+      L ?? $
     ), t.value?.code.reactivity && nt(
       v,
       t.value.code.reactivity,
       Oe({ type: "state", stateId: S }),
       $,
-      z
+      L
     ));
   }, v = new eu(n, e, o, s, r, l, c, u, {
     onElementPropertyChange: f,
@@ -9803,7 +9864,7 @@ function Ke(t, n, e, o, s) {
     v.dispose();
   }), ee(c)) {
     const S = async () => {
-      v.destroyVm(), v.associateData(t), v.resetCustomProperties(), v.resetAdaptSlotProperties(), v.resetStates(), !(!t.value || !t.value.code.script) && v.createVm(p, t.value.code.script);
+      v.destroyVm(), v.associateData(t), v.resetCustomProperties(), v.resetAdaptSlotProperties(), v.resetStates(), !(!t.value || !t.value.code.script) && v.createVm(d, t.value.code.script);
     };
     S(), ae(t, () => {
       S();
@@ -9812,17 +9873,17 @@ function Ke(t, n, e, o, s) {
   ee(c) && ae(
     m,
     (S, $) => {
-      const z = ot(S.width), R = ot($?.width ?? S.width);
+      const L = ot(S.width), R = ot($?.width ?? S.width);
       v.callFunction(
         "__triggerEventV1__",
         re("elementEvent", "globality", "screenSizeChange"),
-        z,
+        L,
         R
       );
     },
     { immediate: !0 }
   ), ee(c) && ae(
-    d,
+    p,
     (S) => {
       v.callFunction(
         "__triggerEventV1__",
@@ -9833,7 +9894,7 @@ function Ke(t, n, e, o, s) {
     { immediate: !0 }
   );
 }
-function H() {
+function U() {
   const t = Ze();
   return { theme: k(() => t.value ? "dark" : "light") };
 }
@@ -9865,8 +9926,8 @@ export {
   ra as comboboxV1,
   hu as compMetaStringify,
   Ai as compTypes,
-  zt as containerV1,
-  du as dataStringify,
+  Lt as containerV1,
+  pu as dataStringify,
   sa as dataTableV1,
   la as datePickerV1,
   aa as dialogV1,
@@ -9876,7 +9937,7 @@ export {
   vu as elementKeys,
   _e as elements,
   Iu as fileInputV1,
-  Lt as flexLayoutEntryV1,
+  zt as flexLayoutEntryV1,
   Ge as flexLayoutV1,
   At as formV1,
   T as genId,
@@ -9889,7 +9950,7 @@ export {
   Ya as globalityV1,
   Hl as groupV1,
   Xe as hasComp,
-  pu as hasSlot,
+  du as hasSlot,
   fa as iconV1,
   E as initNode,
   M as initProperties,
@@ -9899,7 +9960,7 @@ export {
   Re as injectDevice,
   Dc as injectEnv,
   Qe as injectId,
-  q as injectMode,
+  X as injectMode,
   Kc as injectOrg,
   Fc as injectRuntime,
   fe as injectSandbox,
@@ -9934,7 +9995,7 @@ export {
   Da as multipleSlotV1,
   Mt as numberInputV1,
   Ml as orbitControlsV1,
-  Ll as orthographicCameraV1,
+  zl as orthographicCameraV1,
   bu as pageMetaStringify,
   Ei as pageTypes,
   ga as paginationV1,
@@ -9949,10 +10010,10 @@ export {
   Tu as provideDark,
   $e as provideData,
   Mu as provideDepends,
-  Lu as provideDevice,
+  zu as provideDevice,
   Pu as provideEnv,
   Eu as provideId,
-  zu as provideMode,
+  Lu as provideMode,
   Vu as provideOrg,
   Wu as provideRuntime,
   Nc as provideSandbox,
@@ -10003,7 +10064,7 @@ export {
   et as useDepend,
   Zu as useRuntime,
   Ke as useSandbox,
-  H as useTheme,
+  U as useTheme,
   Jt as windowItemV1,
   qt as windowV1
 };