x-runtime-lib 0.8.18 → 0.8.20

package/dist/index.js

@@ -1,12 +1,12 @@
-import { defineComponent as V, createElementBlock as Y, renderSlot as L, unref as n, openBlock as v, createElementVNode as ie, computed as k, normalizeStyle as Q, ref as ce, watchEffect as ue, watch as q, onBeforeMount as Wo, onUnmounted as He, createBlock as w, withCtx as $, createCommentVNode as ee, useTemplateRef as Ui, onMounted as Oi, nextTick as Xi, h as ae, resolveComponent as P, createVNode as H, isRef as U, createSlots as Tn, renderList as Eo, useId as Yi, withModifiers as No, normalizeClass as Ro, toDisplayString as Do, inject as oe, provide as se, readonly as Pn } from "vue";
+import { defineComponent as $, createElementBlock as Y, renderSlot as L, unref as n, openBlock as v, createElementVNode as ie, computed as k, normalizeStyle as Q, ref as ce, watchEffect as ue, watch as q, onBeforeMount as Wo, onUnmounted as He, createBlock as V, withCtx as I, createCommentVNode as ee, useTemplateRef as Ui, onMounted as Oi, nextTick as Xi, h as ae, resolveComponent as z, createVNode as H, isRef as U, createSlots as Tn, renderList as No, useId as Yi, withModifiers as Eo, normalizeClass as Ro, toDisplayString as Do, inject as oe, provide as se, readonly as Pn } from "vue";
 import { CameraHelper as Ji, DirectionalLightHelper as Mo, PointLightHelper as Fo, SpotLightHelper as Go } from "three";
 import { i as ne, q as Ae, u as Ho, r as Zi, e as qi, a as jo, b as Ko, c as Uo, d as Oo, f as Xo, g as Yo, h as Jo, j as Zo, k as B, l as Qi, X as qo, Y as Qo, K as es, m as ts, n as ns, o as is, I as os } from "./vendor.ghqz34q2.js";
 import { waitUtil as eo, eventBus as to, useViewStack as no, messageInfo as ss, messageSuccess as rs, messageWarning as io, messageError as oo, createAxios as ls, globalObjects as Qt, openConfirmDlg as as, openPromptDlg as us } from "x-essential-lib";
 import { getErrorMessage as cs } from "x-error-lib";
-import { useTheme as ps } from "vuetify";
-import { useI18n as ms } from "vue-i18n";
+import { useTheme as ms } from "vuetify";
+import { useI18n as ps } from "vue-i18n";
 const On = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-function C(t) {
+function T(t) {
   let e = "";
   for (let i = 0; i < t; i++) {
     const o = Math.floor(Math.random() * On.length);
@@ -41,7 +41,7 @@ function Ut(t) {
     return i;
 }
 const so = ["xs", "sm", "md", "lg", "xl"], ds = [...so].reverse();
-function Ne(t) {
+function Ee(t) {
   return t < 600 ? "xs" : t < 960 ? "sm" : t < 1280 ? "md" : t < 1920 ? "lg" : "xl";
 }
 function Xn(t) {
@@ -78,15 +78,15 @@ function ro(t, e, i) {
   if (e instanceof Array ? l = e : l = e.split("."), l.length <= 0)
     return;
   for (let a = 0; a < l.length - 1; a++) {
-    const m = l[a];
-    o = o[m], o || (o = {});
+    const p = l[a];
+    o = o[p], o || (o = {});
   }
   const s = l[l.length - 1];
   o[s] = i;
 }
 const Se = {}, _ = (t) => {
   Se[t.key] = t;
-}, fs = ["position", "rotation", "scale"], ye = /* @__PURE__ */ V({
+}, fs = ["position", "rotation", "scale"], ye = /* @__PURE__ */ $({
   __name: "index",
   props: {
     position: {},
@@ -107,7 +107,7 @@ const Se = {}, _ = (t) => {
       L(i.$slots, "default")
     ], 8, fs)) : L(i.$slots, "default", { key: 1 });
   }
-}), Z = /* @__PURE__ */ V({
+}), Z = /* @__PURE__ */ $({
   __name: "index",
   props: {
     fitContent: { type: Boolean, default: !1 }
@@ -142,25 +142,25 @@ function r(t, e, i) {
   return ue(() => {
     let a = bs(l, t.node, e, i);
     o === "editor" && e[e.length - 1] === "readonly" && (a = !0), s.value = a;
-  }), q(s, (a, m) => {
-    ne(a, m) || ys(l, t.node, e, s.value, i);
+  }), q(s, (a, p) => {
+    ne(a, p) || ys(l, t.node, e, s.value, i);
   }), { prop: s };
 }
-function pe(t) {
-  const { prop: e } = r(t, ["transform", "position", "x"]), { prop: i } = r(t, ["transform", "position", "y"]), { prop: o } = r(t, ["transform", "position", "z"]), { prop: l } = r(t, ["transform", "rotation", "x"]), { prop: s } = r(t, ["transform", "rotation", "y"]), { prop: a } = r(t, ["transform", "rotation", "z"]), { prop: m } = r(t, ["transform", "scale", "x"]), { prop: f } = r(t, ["transform", "scale", "y"]), { prop: d } = r(t, ["transform", "scale", "z"]), c = ce([0, 0, 0]), u = ce([0, 0, 0]), p = ce([1, 1, 1]);
+function me(t) {
+  const { prop: e } = r(t, ["transform", "position", "x"]), { prop: i } = r(t, ["transform", "position", "y"]), { prop: o } = r(t, ["transform", "position", "z"]), { prop: l } = r(t, ["transform", "rotation", "x"]), { prop: s } = r(t, ["transform", "rotation", "y"]), { prop: a } = r(t, ["transform", "rotation", "z"]), { prop: p } = r(t, ["transform", "scale", "x"]), { prop: d } = r(t, ["transform", "scale", "y"]), { prop: b } = r(t, ["transform", "scale", "z"]), m = ce([0, 0, 0]), u = ce([0, 0, 0]), c = ce([1, 1, 1]);
   return ue(() => {
-    c.value = [e.value, i.value, o.value];
+    m.value = [e.value, i.value, o.value];
   }), ue(() => {
-    e.value = c.value[0], i.value = c.value[1], o.value = c.value[2];
+    e.value = m.value[0], i.value = m.value[1], o.value = m.value[2];
   }), ue(() => {
     u.value = [l.value, s.value, a.value];
   }), ue(() => {
     l.value = u.value[0], s.value = u.value[1], a.value = u.value[2];
   }), ue(() => {
-    p.value = [m.value, f.value, d.value];
+    c.value = [p.value, d.value, b.value];
   }), ue(() => {
-    m.value = p.value[0], f.value = p.value[1], d.value = p.value[2];
-  }), { position: c, rotation: u, scale: p };
+    p.value = c.value[0], d.value = c.value[1], b.value = c.value[2];
+  }), { position: m, rotation: u, scale: c };
 }
 function lo(t) {
   const e = k(() => t.node.legend?.show), i = k(() => t.node.legend?.data);
@@ -202,7 +202,7 @@ function co(t) {
   }
   return { show: e, position: i, type: o, data: l, applyXAxis: s };
 }
-function po(t) {
+function mo(t) {
   const e = k(() => t.node.yAxis?.show), i = k(() => t.node.yAxis?.position), o = k(() => t.node.yAxis?.type), l = k(() => t.node.yAxis?.data);
   function s(a) {
     a.yAxis = {
@@ -215,24 +215,24 @@ function po(t) {
   return { show: e, position: i, type: o, data: l, applyYAxis: s };
 }
 function j(t) {
-  const { computedThemes: e } = ps(), i = Le(), o = k(() => t.value?.mode), l = k(() => {
-    const d = t.value?.theme;
-    return d ? d === "background0" ? i.value ? "#2e2e2e" : "#bdbdbd" : d === "background1" ? i.value ? "#272727" : "#eeeeee" : d === "background2" ? i.value ? "#1e1e1e" : "#ffffff" : (i.value ? e.value.dark : e.value.light).colors[d] : void 0;
-  }), s = k(() => i.value ? t.value.custom?.dark : t.value.custom?.light), a = k(() => o.value === "theme" ? l.value ?? "" : o.value === "custom" ? s.value ?? "" : ""), m = k(() => {
-    const d = a.value;
-    return !d.startsWith("#") || d.length < 7 ? "" : d.substring(0, 7);
-  }), f = k(() => {
-    const d = a.value;
-    return d.startsWith("#") ? d.length < 9 ? 1 : parseInt(d.substring(7, 9)) / 255 : 0;
+  const { computedThemes: e } = ms(), i = Le(), o = k(() => t.value?.mode), l = k(() => {
+    const b = t.value?.theme;
+    return b ? b === "background0" ? i.value ? "#2e2e2e" : "#bdbdbd" : b === "background1" ? i.value ? "#272727" : "#eeeeee" : b === "background2" ? i.value ? "#1e1e1e" : "#ffffff" : (i.value ? e.value.dark : e.value.light).colors[b] : void 0;
+  }), s = k(() => i.value ? t.value.custom?.dark : t.value.custom?.light), a = k(() => o.value === "theme" ? l.value ?? "" : o.value === "custom" ? s.value ?? "" : ""), p = k(() => {
+    const b = a.value;
+    return !b.startsWith("#") || b.length < 7 ? "" : b.substring(0, 7);
+  }), d = k(() => {
+    const b = a.value;
+    return b.startsWith("#") ? b.length < 9 ? 1 : parseInt(b.substring(7, 9)) / 255 : 0;
   });
-  return { color: a, rgb: m, alpha: f };
+  return { color: a, rgb: p, alpha: d };
 }
 function An(t) {
-  const e = k(() => t.node.border?.style), i = k(() => t.node.border?.width), o = k(() => t.node.border?.color), { color: l } = j(o), s = k(() => t.node.border?.roundRadius?.tl), a = k(() => t.node.border?.roundRadius?.tr), m = k(() => t.node.border?.roundRadius?.bl), f = k(() => t.node.border?.roundRadius?.br);
-  function d(c) {
-    e.value && (c.borderStyle = e.value), i.value && (c.borderWidth = i.value), l.value && (c.borderColor = l.value), s.value && (c.borderTopLeftRadius = s.value), a.value && (c.borderTopRightRadius = a.value), m.value && (c.borderBottomLeftRadius = m.value), f.value && (c.borderBottomRightRadius = f.value);
+  const e = k(() => t.node.border?.style), i = k(() => t.node.border?.width), o = k(() => t.node.border?.color), { color: l } = j(o), s = k(() => t.node.border?.roundRadius?.tl), a = k(() => t.node.border?.roundRadius?.tr), p = k(() => t.node.border?.roundRadius?.bl), d = k(() => t.node.border?.roundRadius?.br);
+  function b(m) {
+    e.value && (m.borderStyle = e.value), i.value && (m.borderWidth = i.value), l.value && (m.borderColor = l.value), s.value && (m.borderTopLeftRadius = s.value), a.value && (m.borderTopRightRadius = a.value), p.value && (m.borderBottomLeftRadius = p.value), d.value && (m.borderBottomRightRadius = d.value);
   }
-  return { borderStyle: e, borderWidth: i, borderColor: l, applyBorder: d };
+  return { borderStyle: e, borderWidth: i, borderColor: l, applyBorder: b };
 }
 function Ln(t) {
   const e = k(() => t.node.margin?.top), i = k(() => t.node.margin?.left), o = k(() => t.node.margin?.bottom), l = k(() => t.node.margin?.right);
@@ -251,32 +251,32 @@ function Bn(t) {
 function he(t) {
   const e = G(), i = Ve(), o = k(() => t.node.size?.width), l = k(() => t.node.size?.minWidth), s = k(() => t.node.size?.maxWidth), a = k(() => {
     if (t.outer && e === "editor") {
-      const c = Ut(t.node.size?.height);
-      if (c)
-        return c / 100 * i.value.height + "px";
+      const m = Ut(t.node.size?.height);
+      if (m)
+        return m / 100 * i.value.height + "px";
     }
     return t.node.size?.height;
-  }), m = k(() => {
+  }), p = k(() => {
     if (t.outer && e === "editor") {
-      const c = Ut(t.node.size?.minHeight);
-      if (c)
-        return c / 100 * i.value.height + "px";
+      const m = Ut(t.node.size?.minHeight);
+      if (m)
+        return m / 100 * i.value.height + "px";
     }
     return t.node.size?.minHeight;
-  }), f = k(() => {
+  }), d = k(() => {
     if (t.outer && e === "editor") {
-      const c = Ut(t.node.size?.maxHeight);
-      if (c)
-        return c / 100 * i.value.height + "px";
+      const m = Ut(t.node.size?.maxHeight);
+      if (m)
+        return m / 100 * i.value.height + "px";
     }
     return t.node.size?.maxHeight;
   });
-  function d(c) {
-    o.value && (c.width = o.value), l.value && (c.minWidth = l.value), s.value && (c.maxWidth = s.value), a.value && (c.height = a.value), m.value && (c.minHeight = m.value), f.value && (c.maxHeight = f.value);
+  function b(m) {
+    o.value && (m.width = o.value), l.value && (m.minWidth = l.value), s.value && (m.maxWidth = s.value), a.value && (m.height = a.value), p.value && (m.minHeight = p.value), d.value && (m.maxHeight = d.value);
   }
-  return { width: o, minWidth: l, maxWidth: s, height: a, minHeight: m, maxHeight: f, applySize: d };
+  return { width: o, minWidth: l, maxWidth: s, height: a, minHeight: p, maxHeight: d, applySize: b };
 }
-function mo(t, e, i) {
+function po(t, e, i) {
   const o = k(() => e.node.basic.id), l = k(() => `callMethod@${o.value}`);
   Wo(() => {
     t.eventBus?.on(l.value, i);
@@ -284,79 +284,79 @@ function mo(t, e, i) {
     t.eventBus?.off(l.value, i);
   });
 }
-function N() {
+function E() {
   const t = Le();
   return { theme: k(() => t.value ? "dark" : "light") };
 }
-const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], gs = /* @__PURE__ */ V({
+const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], gs = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = pe(e), { prop: a } = r(e, ["settings", "bottom"]), { prop: m } = r(e, ["settings", "far"]), { prop: f } = r(e, ["settings", "left"]), { prop: d } = r(e, ["settings", "near"]), { prop: c } = r(e, ["settings", "right"]), { prop: u } = r(e, ["settings", "top"]);
-    return (p, b) => (v(), w(n(ye), {
+    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "bottom"]), { prop: p } = r(e, ["settings", "far"]), { prop: d } = r(e, ["settings", "left"]), { prop: b } = r(e, ["settings", "near"]), { prop: m } = r(e, ["settings", "right"]), { prop: u } = r(e, ["settings", "top"]);
+    return (c, f) => (v(), V(n(ye), {
       position: n(o),
       rotation: n(l),
       scale: n(s)
     }, {
-      default: $(() => [
+      default: I(() => [
         ie("TresOrthographicCamera", {
           bottom: n(a),
-          far: n(m),
-          left: n(f),
-          near: n(d),
+          far: n(p),
+          left: n(d),
+          near: n(b),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
-          right: n(c),
+          right: n(m),
           rotation: n(i) !== "editor" ? n(l) : [0, 0, 0],
           scale: n(i) !== "editor" ? n(s) : [1, 1, 1],
           top: n(u)
         }, [
-          n(i) === "editor" ? (v(), w(n(Ae), {
+          n(i) === "editor" ? (v(), V(n(Ae), {
             key: 0,
             type: n(Ji)
           }, null, 8, ["type"])) : ee("", !0),
-          L(p.$slots, "default")
+          L(c.$slots, "default")
         ], 8, hs)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), xs = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], vs = /* @__PURE__ */ V({
+}), xs = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], vs = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = pe(e), { prop: a } = r(e, ["settings", "aspect"]), { prop: m } = r(e, ["settings", "far"]), { prop: f } = r(e, ["settings", "fov"]), { prop: d } = r(e, ["settings", "near"]);
-    return (c, u) => (v(), w(n(ye), {
+    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "aspect"]), { prop: p } = r(e, ["settings", "far"]), { prop: d } = r(e, ["settings", "fov"]), { prop: b } = r(e, ["settings", "near"]);
+    return (m, u) => (v(), V(n(ye), {
       position: n(o),
       rotation: n(l),
       scale: n(s)
     }, {
-      default: $(() => [
+      default: I(() => [
         ie("TresPerspectiveCamera", {
           aspect: n(a),
-          far: n(m),
-          fov: n(f),
-          near: n(d),
+          far: n(p),
+          fov: n(d),
+          near: n(b),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
           rotation: n(i) !== "editor" ? n(l) : [0, 0, 0],
           scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
         }, [
-          n(i) === "editor" ? (v(), w(n(Ae), {
+          n(i) === "editor" ? (v(), V(n(Ae), {
             key: 0,
             type: n(Ji)
           }, null, 8, ["type"])) : ee("", !0),
-          L(c.$slots, "default")
+          L(m.$slots, "default")
         ], 8, xs)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), ks = ["args"], _s = /* @__PURE__ */ V({
+}), ks = ["args"], _s = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -369,16 +369,16 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     ]), { prop: l } = r(e, ["settings", "height"]), { prop: s } = r(e, [
       "settings",
       "heightSegements"
-    ]), { prop: a } = r(e, ["settings", "width"]), { prop: m } = r(e, [
+    ]), { prop: a } = r(e, ["settings", "width"]), { prop: p } = r(e, [
       "settings",
       "widthSegements"
     ]);
-    return (f, d) => (v(), Y("TresBoxGeometry", {
+    return (d, b) => (v(), Y("TresBoxGeometry", {
       args: [
         n(a),
         n(l),
         n(i),
-        n(m),
+        n(p),
         n(s),
         n(o)
       ]
@@ -389,7 +389,7 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
   for (const [o, l] of e)
     i[o] = l;
   return i;
-}, ws = ["args"], Vs = /* @__PURE__ */ V({
+}, ws = ["args"], Vs = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -399,104 +399,104 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     const e = t, { prop: i } = r(e, [
       "settings",
       "heightSegments"
-    ]), { prop: o } = r(e, ["settings", "phiLength"]), { prop: l } = r(e, ["settings", "phiStart"]), { prop: s } = r(e, ["settings", "radius"]), { prop: a } = r(e, ["settings", "thetaLength"]), { prop: m } = r(e, ["settings", "thetaStart"]), { prop: f } = r(e, [
+    ]), { prop: o } = r(e, ["settings", "phiLength"]), { prop: l } = r(e, ["settings", "phiStart"]), { prop: s } = r(e, ["settings", "radius"]), { prop: a } = r(e, ["settings", "thetaLength"]), { prop: p } = r(e, ["settings", "thetaStart"]), { prop: d } = r(e, [
       "settings",
       "widthSegments"
     ]);
-    return (d, c) => (v(), Y("TresSphereGeometry", {
+    return (b, m) => (v(), Y("TresSphereGeometry", {
       args: [
         n(s),
-        n(f),
+        n(d),
         n(i),
         n(l),
         n(o),
-        n(m),
+        n(p),
         n(a)
       ]
     }, null, 8, ws));
   }
-}), $s = ["color", "intensity", "position", "rotation", "scale"], Is = /* @__PURE__ */ V({
+}), $s = ["color", "intensity", "position", "rotation", "scale"], Is = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = pe(e), { prop: a } = r(e, ["settings", "color"]), { color: m } = j(a), { prop: f } = r(e, ["settings", "intensity"]);
-    return (d, c) => (v(), w(n(ye), {
+    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "color"]), { color: p } = j(a), { prop: d } = r(e, ["settings", "intensity"]);
+    return (b, m) => (v(), V(n(ye), {
       position: n(o),
       rotation: n(l),
       scale: n(s)
     }, {
-      default: $(() => [
+      default: I(() => [
         ie("TresAmbientLight", {
-          color: n(m),
-          intensity: n(f),
+          color: n(p),
+          intensity: n(d),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
           rotation: n(i) !== "editor" ? n(l) : [0, 0, 0],
           scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
         }, [
-          L(d.$slots, "default")
+          L(b.$slots, "default")
         ], 8, $s)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Ss = ["color", "intensity", "position", "rotation", "scale"], Cs = /* @__PURE__ */ V({
+}), Ss = ["color", "intensity", "position", "rotation", "scale"], Cs = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = pe(e), { prop: a } = r(e, ["settings", "color"]), { color: m } = j(a), { prop: f } = r(e, ["settings", "intensity"]);
-    return (d, c) => (v(), w(n(ye), {
+    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "color"]), { color: p } = j(a), { prop: d } = r(e, ["settings", "intensity"]);
+    return (b, m) => (v(), V(n(ye), {
       position: n(o),
       rotation: n(l),
       scale: n(s)
     }, {
-      default: $(() => [
+      default: I(() => [
         ie("TresDirectionalLight", {
-          color: n(m),
-          intensity: n(f),
+          color: n(p),
+          intensity: n(d),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
           rotation: n(i) !== "editor" ? n(l) : [0, 0, 0],
           scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
         }, [
-          n(i) === "editor" ? (v(), w(n(Ae), {
+          n(i) === "editor" ? (v(), V(n(Ae), {
             key: 0,
             type: n(Mo)
           }, null, 8, ["type"])) : ee("", !0),
-          L(d.$slots, "default")
+          L(b.$slots, "default")
         ], 8, Ss)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Ts = ["color", "decay", "distance", "intensity", "position", "rotation", "scale"], Ps = /* @__PURE__ */ V({
+}), Ts = ["color", "decay", "distance", "intensity", "position", "rotation", "scale"], Ps = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = pe(e), { prop: a } = r(e, ["settings", "color"]), { color: m } = j(a), { prop: f } = r(e, ["settings", "decay"]), { prop: d } = r(e, ["settings", "distance"]), { prop: c } = r(e, ["settings", "intensity"]);
-    return (u, p) => (v(), w(n(ye), {
+    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "color"]), { color: p } = j(a), { prop: d } = r(e, ["settings", "decay"]), { prop: b } = r(e, ["settings", "distance"]), { prop: m } = r(e, ["settings", "intensity"]);
+    return (u, c) => (v(), V(n(ye), {
       position: n(o),
       rotation: n(l),
       scale: n(s)
     }, {
-      default: $(() => [
+      default: I(() => [
         ie("TresPointLight", {
-          color: n(m),
-          decay: n(f),
-          distance: n(d),
-          intensity: n(c),
+          color: n(p),
+          decay: n(d),
+          distance: n(b),
+          intensity: n(m),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
           rotation: n(i) !== "editor" ? n(l) : [0, 0, 0],
           scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
         }, [
-          n(i) === "editor" ? (v(), w(n(Ae), {
+          n(i) === "editor" ? (v(), V(n(Ae), {
             key: 0,
             type: n(Fo)
           }, null, 8, ["type"])) : ee("", !0),
@@ -506,36 +506,36 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), zs = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], As = /* @__PURE__ */ V({
+}), zs = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], As = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = pe(e), { prop: a } = r(e, ["settings", "angle"]), { prop: m } = r(e, ["settings", "color"]), { color: f } = j(m), { prop: d } = r(e, ["settings", "decay"]), { prop: c } = r(e, ["settings", "distance"]), { prop: u } = r(e, ["settings", "intensity"]), { prop: p } = r(e, ["settings", "penumbra"]);
-    return (b, y) => (v(), w(n(ye), {
+    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "angle"]), { prop: p } = r(e, ["settings", "color"]), { color: d } = j(p), { prop: b } = r(e, ["settings", "decay"]), { prop: m } = r(e, ["settings", "distance"]), { prop: u } = r(e, ["settings", "intensity"]), { prop: c } = r(e, ["settings", "penumbra"]);
+    return (f, h) => (v(), V(n(ye), {
       position: n(o),
       rotation: n(l),
       scale: n(s)
     }, {
-      default: $(() => [
+      default: I(() => [
         ie("TresSpotLight", {
           angle: n(a),
-          color: n(f),
-          decay: n(d),
-          distance: n(c),
+          color: n(d),
+          decay: n(b),
+          distance: n(m),
           intensity: n(u),
-          penumbra: n(p),
+          penumbra: n(c),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
           rotation: n(i) !== "editor" ? n(l) : [0, 0, 0],
           scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
         }, [
-          n(i) === "editor" ? (v(), w(n(Ae), {
+          n(i) === "editor" ? (v(), V(n(Ae), {
             key: 0,
             type: n(Go)
           }, null, 8, ["type"])) : ee("", !0),
-          L(b.$slots, "default")
+          L(f.$slots, "default")
         ], 8, zs)
       ]),
       _: 3
@@ -545,39 +545,39 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
 function Bs(t, e) {
   return v(), Y("TresMeshBasicMaterial");
 }
-const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Es = ["position", "rotation", "scale"], Ns = /* @__PURE__ */ V({
+const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Ns = ["position", "rotation", "scale"], Es = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = pe(e);
-    return (a, m) => (v(), w(n(ye), {
+    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e);
+    return (a, p) => (v(), V(n(ye), {
       position: n(o),
       rotation: n(l),
       scale: n(s)
     }, {
-      default: $(() => [
+      default: I(() => [
         ie("TresGroup", {
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
           rotation: n(i) !== "editor" ? n(l) : [0, 0, 0],
           scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
         }, [
           L(a.$slots, "default")
-        ], 8, Es)
+        ], 8, Ns)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Rs = ["position", "rotation", "scale"], Ds = /* @__PURE__ */ V({
+}), Rs = ["position", "rotation", "scale"], Ds = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { position: i, rotation: o, scale: l } = pe(e);
+    const e = t, { position: i, rotation: o, scale: l } = me(e);
     return (s, a) => (v(), Y("TresMesh", {
       position: n(i),
       rotation: n(o),
@@ -586,7 +586,7 @@ const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Es = ["position", "rotation
       L(s.$slots, "default")
     ], 8, Rs));
   }
-}), Ms = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Fs = "#242424", Gs = {}, Hs = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, js = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ks = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Us = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Os = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Xs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ys = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Js = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Zs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, qs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Qs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, er = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, tr = { 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" } }, nr = { 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)" } } }, ir = { 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)" } } }, or = { 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"] } } }, sr = { 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"] } } }, rr = { 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"] } } }, lr = { 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 = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, ur = { textStyle: { color: "#eeeeee" } }, cr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, pr = { 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" } } }, mr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, dr = { 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" } } }, br = {
+}), Ms = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Fs = "#242424", Gs = {}, Hs = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, js = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ks = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Us = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Os = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Xs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ys = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Js = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Zs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, qs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Qs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, er = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, tr = { 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" } }, nr = { 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)" } } }, ir = { 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)" } } }, or = { 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"] } } }, sr = { 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"] } } }, rr = { 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"] } } }, lr = { 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 = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, ur = { textStyle: { color: "#eeeeee" } }, cr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, mr = { 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" } } }, pr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, dr = { 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" } } }, br = {
   color: Ms,
   backgroundColor: Fs,
   textStyle: Gs,
@@ -612,11 +612,11 @@ const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Es = ["position", "rotation
   toolbox: ar,
   legend: ur,
   tooltip: cr,
-  timeline: pr,
-  visualMap: mr,
+  timeline: mr,
+  visualMap: pr,
   dataZoom: dr,
   markPoint: fr
-}, yr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], hr = "#f5f5f5", gr = {}, xr = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, vr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, kr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, _r = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, wr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Vr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, $r = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Cr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Tr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Pr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, zr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, Ar = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, 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)" } } }, Br = { 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"] } } }, Wr = { 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"] } } }, Er = { 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"] } } }, Nr = { 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"] } } }, Rr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Dr = { textStyle: { color: "#333333" } }, Mr = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, Fr = { 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" } } }, Gr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Hr = { 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" } }, jr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Kr = {
+}, yr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], hr = "#f5f5f5", gr = {}, xr = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, vr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, kr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, _r = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, wr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Vr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, $r = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Cr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Tr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Pr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, zr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, Ar = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, 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)" } } }, Br = { 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"] } } }, Wr = { 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"] } } }, Nr = { 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"] } } }, Er = { 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"] } } }, Rr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Dr = { textStyle: { color: "#333333" } }, Mr = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, Fr = { 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" } } }, Gr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Hr = { 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" } }, jr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Kr = {
   color: yr,
   backgroundColor: hr,
   textStyle: gr,
@@ -637,8 +637,8 @@ const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Es = ["position", "rotation
   geo: Lr,
   categoryAxis: Br,
   valueAxis: Wr,
-  logAxis: Er,
-  timeAxis: Nr,
+  logAxis: Nr,
+  timeAxis: Er,
   toolbox: Rr,
   legend: Dr,
   tooltip: Mr,
@@ -659,30 +659,30 @@ Ho([
 ]);
 Zi("dark", br);
 Zi("light", Kr);
-const Ur = /* @__PURE__ */ V({
+const Ur = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Ve(), o = Le(), l = me(), s = de(), { width: a, minWidth: m, maxWidth: f, height: d, minHeight: c, maxHeight: u, applySize: p } = he(e), { applyTitle: b } = uo(e), { applyXAxis: y } = co(e), { applyYAxis: g } = po(e), { applyLegend: x } = lo(e), { applySeries: S } = ao(e), A = k(() => {
-      const I = {}, M = s.value.type;
-      return l === "page" ? M === "common" ? p(I) : console.assert(!1) : l === "comp" && M === "common" ? p(I) : console.assert(!1), I;
+    const e = t, i = Ve(), o = Le(), l = pe(), s = de(), { width: a, minWidth: p, maxWidth: d, height: b, minHeight: m, maxHeight: u, applySize: c } = he(e), { applyTitle: f } = uo(e), { applyXAxis: h } = co(e), { applyYAxis: x } = mo(e), { applyLegend: g } = lo(e), { applySeries: w } = ao(e), C = k(() => {
+      const S = {}, M = s.value.type;
+      return l === "page" ? M === "common" ? c(S) : console.assert(!1) : l === "comp" && M === "common" ? c(S) : console.assert(!1), S;
     }), R = Ui("chart");
     let W;
     const F = () => {
       W?.dispose(), W = qi.init(R.value, o.value ? "dark" : "light");
-      const I = {};
-      W.setOption(I);
+      const S = {};
+      W.setOption(S);
     }, D = () => {
       W?.resize();
-    }, E = () => {
-      const I = {};
-      b(I), y(I), g(I), x(I), S(I), W?.setOption(I, !0);
+    }, N = () => {
+      const S = {};
+      f(S), h(S), x(S), g(S), w(S), W?.setOption(S, !0);
     };
     return Oi(async () => {
-      window.addEventListener("resize", D, !1), await eo(() => !!R.value), F(), E();
+      window.addEventListener("resize", D, !1), await eo(() => !!R.value), F(), N();
     }), He(() => {
       window.removeEventListener("resize", D, !1), W?.dispose();
     }), q(
@@ -690,52 +690,52 @@ const Ur = /* @__PURE__ */ V({
         () => i.value.width,
         () => i.value.height,
         a,
-        m,
-        f,
+        p,
         d,
-        c,
+        b,
+        m,
         u
       ],
       async () => {
         await Xi(), D();
       }
     ), q([o], () => {
-      F(), E();
+      F(), N();
     }), q(
       [e],
       () => {
-        E();
+        N();
       },
       { deep: !0 }
-    ), (I, M) => (v(), Y("div", {
+    ), (S, M) => (v(), Y("div", {
       ref: "chart",
-      style: Q(A.value)
+      style: Q(C.value)
     }, null, 4));
   }
-}), Or = /* @__PURE__ */ V({
+}), Or = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Ve(), o = Le(), l = me(), s = de(), { width: a, minWidth: m, maxWidth: f, height: d, minHeight: c, maxHeight: u, applySize: p } = he(e), { applyTitle: b } = uo(e), { applyXAxis: y } = co(e), { applyYAxis: g } = po(e), { applyLegend: x } = lo(e), { applySeries: S } = ao(e), A = k(() => {
-      const I = {}, M = s.value.type;
-      return l === "page" ? M === "common" ? p(I) : console.assert(!1) : l === "comp" && M === "common" ? p(I) : console.assert(!1), I;
+    const e = t, i = Ve(), o = Le(), l = pe(), s = de(), { width: a, minWidth: p, maxWidth: d, height: b, minHeight: m, maxHeight: u, applySize: c } = he(e), { applyTitle: f } = uo(e), { applyXAxis: h } = co(e), { applyYAxis: x } = mo(e), { applyLegend: g } = lo(e), { applySeries: w } = ao(e), C = k(() => {
+      const S = {}, M = s.value.type;
+      return l === "page" ? M === "common" ? c(S) : console.assert(!1) : l === "comp" && M === "common" ? c(S) : console.assert(!1), S;
     }), R = Ui("chart");
     let W;
     const F = () => {
       W?.dispose(), W = qi.init(R.value, o.value ? "dark" : "light");
-      const I = {};
-      W.setOption(I);
+      const S = {};
+      W.setOption(S);
     }, D = () => {
       W?.resize();
-    }, E = () => {
-      const I = {};
-      b(I), y(I), g(I), x(I), S(I), W?.setOption(I, !0);
+    }, N = () => {
+      const S = {};
+      f(S), h(S), x(S), g(S), w(S), W?.setOption(S, !0);
     };
     return Oi(async () => {
-      window.addEventListener("resize", D, !1), await eo(() => !!R.value), F(), E();
+      window.addEventListener("resize", D, !1), await eo(() => !!R.value), F(), N();
     }), He(() => {
       window.removeEventListener("resize", D, !1), W?.dispose();
     }), q(
@@ -743,121 +743,121 @@ const Ur = /* @__PURE__ */ V({
         () => i.value.width,
         () => i.value.height,
         a,
-        m,
-        f,
+        p,
         d,
-        c,
+        b,
+        m,
         u
       ],
       async () => {
         await Xi(), D();
       }
     ), q([o], () => {
-      F(), E();
+      F(), N();
     }), q(
       [e],
       () => {
-        E();
+        N();
       },
       { deep: !0 }
-    ), (I, M) => (v(), Y("div", {
+    ), (S, M) => (v(), Y("div", {
       ref: "chart",
-      style: Q(A.value)
+      style: Q(C.value)
     }, null, 4));
   }
-}), fe = /* @__PURE__ */ V({
+}), fe = /* @__PURE__ */ $({
   __name: "index",
   props: {
     refContext: {},
     state: {}
   },
   setup(t) {
-    const { t: e } = ms(), i = t, o = de(), l = ec(), s = ce(-1), a = ce();
+    const { t: e } = ps(), i = t, o = de(), l = ec(), s = ce(-1), a = ce();
     dc(a), ue(() => {
       if (!i.refContext.refid) {
         s.value = -1, a.value = void 0;
         return;
       }
-      const p = l.value[i.refContext.refid];
-      if (!p) {
+      const c = l.value[i.refContext.refid];
+      if (!c) {
         s.value = -1, a.value = void 0, to.emit("compNotAvail", i.refContext.refid);
         return;
       }
-      s.value !== p.dataSeq && (s.value = p.dataSeq, a.value = B(p.data));
+      s.value !== c.dataSeq && (s.value = c.dataSeq, a.value = B(c.data));
     });
-    function m(p) {
-      const b = wo[o.value.version].refKey, y = Se[b];
-      return y ? ae(y.comp, {
+    function p(c) {
+      const f = wo[o.value.version].refKey, h = Se[f];
+      return h ? ae(h.comp, {
         refContext: {
           parent: i.refContext,
-          refid: p.ref.comp
+          refid: c.ref.comp
         },
-        node: p
-      }) : (console.assert(!1, `ref element not found key=${b}`), ae("div", `ref element not found key=${b}`));
+        node: c
+      }) : (console.assert(!1, `ref element not found key=${f}`), ae("div", `ref element not found key=${f}`));
     }
-    function f(p) {
-      const b = Se[p.basic.key];
-      if (!b)
-        return console.assert(!1, `element not found key=${p.basic.key}`), ae("div", `element not found key=${p.basic.key}`);
-      const y = [];
-      return b.leaf || p.children?.forEach((g) => {
-        const x = d(g);
-        y.push(x);
-      }), ae(b.comp, { node: p }, { default: () => y });
+    function d(c) {
+      const f = Se[c.basic.key];
+      if (!f)
+        return console.assert(!1, `element not found key=${c.basic.key}`), ae("div", `element not found key=${c.basic.key}`);
+      const h = [];
+      return f.leaf || c.children?.forEach((x) => {
+        const g = b(x);
+        h.push(g);
+      }), ae(f.comp, { node: c }, { default: () => h });
     }
-    function d(p) {
-      return p.ref ? m(p) : f(p);
+    function b(c) {
+      return c.ref ? p(c) : d(c);
     }
-    function c() {
-      let p = i.refContext.parent;
-      for (; p; ) {
-        if (p.refid === i.refContext.refid)
+    function m() {
+      let c = i.refContext.parent;
+      for (; c; ) {
+        if (c.refid === i.refContext.refid)
           return !0;
-        p = p.parent;
+        c = c.parent;
       }
       return !1;
     }
     const u = () => {
-      if (c())
+      if (m())
         return ae("div", e("x-runtime-lib.circularRef"));
       if (!a.value)
         return a.value === void 0 ? ae("div") : ae("div", e("x-runtime-lib.compNotAvail"));
-      const p = a.value.type;
-      if (p === "common") {
-        const b = [];
-        return a.value.view.nodes.forEach((y) => {
-          b.push(d(y));
-        }), b;
+      const c = a.value.type;
+      if (c === "common") {
+        const f = [];
+        return a.value.view.nodes.forEach((h) => {
+          f.push(b(h));
+        }), f;
       } else
-        return console.assert(!1, `invalid subtype=${p}`), ae("div", `invalid subtype=${p}`);
+        return console.assert(!1, `invalid subtype=${c}`), ae("div", `invalid subtype=${c}`);
     };
-    return (p, b) => (v(), w(u));
+    return (c, f) => (v(), V(u));
   }
-}), Xr = /* @__PURE__ */ V({
+}), Xr = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "content"]), { prop: o } = r(e, ["settings", "dot"]), { theme: l } = N(), { prop: s } = r(e, ["settings", "offset", "x"]), { prop: a } = r(e, ["settings", "offset", "y"]);
-    return (m, f) => {
-      const d = P("v-badge");
-      return v(), w(d, {
+    const e = t, { prop: i } = r(e, ["settings", "content"]), { prop: o } = r(e, ["settings", "dot"]), { theme: l } = E(), { prop: s } = r(e, ["settings", "offset", "x"]), { prop: a } = r(e, ["settings", "offset", "y"]);
+    return (p, d) => {
+      const b = z("v-badge");
+      return v(), V(b, {
         content: n(i),
         dot: n(o),
         "offset-x": n(s),
         "offset-y": n(a),
         theme: n(l)
       }, {
-        default: $(() => [
-          L(m.$slots, "default")
+        default: I(() => [
+          L(p.$slots, "default")
         ]),
         _: 3
       }, 8, ["content", "dot", "offset-x", "offset-y", "theme"]);
     };
   }
-}), Yr = /* @__PURE__ */ V({
+}), Yr = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -868,40 +868,40 @@ const Ur = /* @__PURE__ */ V({
       "settings",
       "addIcon",
       "append"
-    ]), { prop: s } = r(e, ["settings", "block"]), { prop: a } = r(e, ["settings", "color"]), { color: m } = j(a), { prop: f } = r(e, ["settings", "density"]), { prop: d } = r(e, ["settings", "disabled"]), { prop: c } = r(e, ["size", "height"]), { prop: u } = r(e, ["settings", "loading"]), { prop: p } = r(e, ["size", "maxHeight"]), { prop: b } = r(e, ["size", "maxWidth"]), { prop: y } = r(e, ["size", "minHeight"]), { prop: g } = r(e, ["size", "minWidth"]), { prop: x } = r(e, [
+    ]), { prop: s } = r(e, ["settings", "block"]), { prop: a } = r(e, ["settings", "color"]), { color: p } = j(a), { prop: d } = r(e, ["settings", "density"]), { prop: b } = r(e, ["settings", "disabled"]), { prop: m } = r(e, ["size", "height"]), { prop: u } = r(e, ["settings", "loading"]), { prop: c } = r(e, ["size", "maxHeight"]), { prop: f } = r(e, ["size", "maxWidth"]), { prop: h } = r(e, ["size", "minHeight"]), { prop: x } = r(e, ["size", "minWidth"]), { prop: g } = r(e, [
       "settings",
       "addIcon",
       "prepend"
-    ]), { prop: S } = r(e, ["settings", "readonly"]), { prop: A } = r(e, ["settings", "ripple"]), { prop: R } = r(e, ["settings", "size"]), { prop: W } = r(e, ["settings", "stacked"]), { prop: F } = r(e, ["settings", "text"]), { theme: D } = N(), { prop: E } = r(e, ["settings", "variant"]), { prop: I } = r(e, ["size", "width"]), M = (J) => {
+    ]), { prop: w } = r(e, ["settings", "readonly"]), { prop: C } = r(e, ["settings", "ripple"]), { prop: R } = r(e, ["settings", "size"]), { prop: W } = r(e, ["settings", "stacked"]), { prop: F } = r(e, ["settings", "text"]), { theme: D } = E(), { prop: N } = r(e, ["settings", "variant"]), { prop: S } = r(e, ["size", "width"]), M = (J) => {
       i !== "runtime" && i !== "preview" || (o.setVariable("__pointerPosX__", J.clientX), o.setVariable("__pointerPosY__", J.clientY), o.callFunction("__triggerEventV1__", [
         `elementEvent@click@${e.node.basic.id}`
       ]));
     };
     return (J, te) => {
-      const re = P("v-btn");
-      return v(), w(n(Z), null, {
-        default: $(() => [
+      const re = z("v-btn");
+      return v(), V(n(Z), null, {
+        default: I(() => [
           H(re, {
             "append-icon": n(l),
             block: n(s),
-            color: n(m),
-            density: n(f),
-            disabled: n(d),
-            height: n(c),
+            color: n(p),
+            density: n(d),
+            disabled: n(b),
+            height: n(m),
             loading: n(u),
-            "max-height": n(p),
-            "max-width": n(b),
-            "min-height": n(y),
-            "min-width": n(g),
-            "prepend-icon": n(x),
-            readonly: n(S),
-            ripple: n(A),
+            "max-height": n(c),
+            "max-width": n(f),
+            "min-height": n(h),
+            "min-width": n(x),
+            "prepend-icon": n(g),
+            readonly: n(w),
+            ripple: n(C),
             size: n(R),
             stacked: n(W),
             text: n(F),
             theme: n(D),
-            variant: n(E),
-            width: n(I),
+            variant: n(N),
+            width: n(S),
             onClick: M
           }, 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"])
         ]),
@@ -911,79 +911,79 @@ const Ur = /* @__PURE__ */ V({
   }
 }), Jr = {};
 function Zr(t, e) {
-  const i = P("v-btn-group");
-  return v(), w(i, null, {
-    default: $(() => [
+  const i = z("v-btn-group");
+  return v(), V(i, null, {
+    default: I(() => [
       L(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ V({
+const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "block"]), { prop: o } = r(e, ["settings", "disabled"]), { prop: l } = r(e, ["settings", "divided"]), { prop: s } = r(e, ["settings", "mandatory"]), { prop: a } = r(e, ["settings", "multiple"]), { prop: m } = r(e, ["settings", "readonly"]), { prop: f } = r(e, ["settings", "size"]), { prop: d } = r(e, ["settings", "stacked"]), { theme: c } = N(), { prop: u } = r(e, ["settings", "tile"]), { prop: p } = r(e, ["settings", "variant"]);
-    return (b, y) => {
-      const g = P("v-btn-toggle");
-      return v(), w(g, {
+    const e = t, { prop: i } = r(e, ["settings", "block"]), { prop: o } = r(e, ["settings", "disabled"]), { prop: l } = r(e, ["settings", "divided"]), { prop: s } = r(e, ["settings", "mandatory"]), { prop: a } = r(e, ["settings", "multiple"]), { prop: p } = r(e, ["settings", "readonly"]), { prop: d } = r(e, ["settings", "size"]), { prop: b } = r(e, ["settings", "stacked"]), { theme: m } = E(), { prop: u } = r(e, ["settings", "tile"]), { prop: c } = r(e, ["settings", "variant"]);
+    return (f, h) => {
+      const x = z("v-btn-toggle");
+      return v(), V(x, {
         block: n(i),
         disabled: n(o),
         divided: n(l),
         mandatory: n(s),
         multiple: n(a),
-        readonly: n(m),
-        size: n(f),
-        stacked: n(d),
-        theme: n(c),
+        readonly: n(p),
+        size: n(d),
+        stacked: n(b),
+        theme: n(m),
         tile: n(u),
-        variant: n(p)
+        variant: n(c)
       }, {
-        default: $(() => [
-          L(b.$slots, "default")
+        default: I(() => [
+          L(f.$slots, "default")
         ]),
         _: 3
       }, 8, ["block", "disabled", "divided", "mandatory", "multiple", "readonly", "size", "stacked", "theme", "tile", "variant"]);
     };
   }
-}), el = /* @__PURE__ */ V({
+}), el = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "density"]), { prop: o } = r(e, ["settings", "disabled"]), { prop: l } = r(e, ["size", "height"]), { prop: s } = r(e, ["settings", "hover"]), { prop: a } = r(e, ["settings", "loading"]), { prop: m } = r(e, ["size", "maxHeight"]), { prop: f } = r(e, ["size", "maxWidth"]), { prop: d } = r(e, ["size", "minHeight"]), { prop: c } = r(e, ["size", "minWidth"]), { prop: u } = r(e, ["settings", "subtitle"]), { prop: p } = r(e, ["settings", "text"]), { theme: b } = N(), { prop: y } = r(e, ["settings", "title"]), { prop: g } = r(e, ["settings", "variant"]), { prop: x } = r(e, ["size", "width"]);
-    return (S, A) => {
-      const R = P("v-card");
-      return v(), w(R, {
+    const e = t, { prop: i } = r(e, ["settings", "density"]), { prop: o } = r(e, ["settings", "disabled"]), { prop: l } = r(e, ["size", "height"]), { prop: s } = r(e, ["settings", "hover"]), { prop: a } = r(e, ["settings", "loading"]), { prop: p } = r(e, ["size", "maxHeight"]), { prop: d } = r(e, ["size", "maxWidth"]), { prop: b } = r(e, ["size", "minHeight"]), { prop: m } = r(e, ["size", "minWidth"]), { prop: u } = r(e, ["settings", "subtitle"]), { prop: c } = r(e, ["settings", "text"]), { theme: f } = E(), { prop: h } = r(e, ["settings", "title"]), { prop: x } = r(e, ["settings", "variant"]), { prop: g } = r(e, ["size", "width"]);
+    return (w, C) => {
+      const R = z("v-card");
+      return v(), V(R, {
         density: n(i),
         disabled: n(o),
         height: n(l),
         hover: n(s),
         loading: n(a),
-        "max-height": n(m),
-        "max-width": n(f),
-        "min-height": n(d),
-        "min-width": n(c),
+        "max-height": n(p),
+        "max-width": n(d),
+        "min-height": n(b),
+        "min-width": n(m),
         subtitle: n(u),
-        text: n(p),
-        theme: n(b),
-        title: n(y),
-        variant: n(g),
-        width: n(x)
+        text: n(c),
+        theme: n(f),
+        title: n(h),
+        variant: n(x),
+        width: n(g)
       }, {
-        default: $(() => [
-          L(S.$slots, "default")
+        default: I(() => [
+          L(w.$slots, "default")
         ]),
         _: 3
       }, 8, ["density", "disabled", "height", "hover", "loading", "max-height", "max-width", "min-height", "min-width", "subtitle", "text", "theme", "title", "variant", "width"]);
     };
   }
-}), tl = /* @__PURE__ */ V({
+}), tl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -992,179 +992,179 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ V({
   setup(t) {
     const e = t, { prop: i } = r(e, ["settings", "disabled"]), { prop: o } = r(e, ["settings", "readonly"]);
     return (l, s) => {
-      const a = P("v-checkbox");
-      return v(), w(a, {
+      const a = z("v-checkbox");
+      return v(), V(a, {
         disabled: n(i),
         readonly: n(o)
       }, null, 8, ["disabled", "readonly"]);
     };
   }
-}), nl = /* @__PURE__ */ V({
+}), nl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "closable"]), { prop: o } = r(e, ["settings", "color"]), { color: l } = j(o), { prop: s } = r(e, ["settings", "density"]), { prop: a } = r(e, ["settings", "disabled"]), { prop: m } = r(e, ["settings", "draggable"]), { prop: f } = r(e, ["settings", "filter"]), { prop: d } = r(e, ["settings", "label"]), { prop: c } = r(e, ["settings", "size"]), { prop: u } = r(e, ["settings", "text"]), { theme: p } = N(), { prop: b } = r(e, ["settings", "tile"]), { prop: y } = r(e, ["settings", "value"]), { prop: g } = r(e, ["settings", "variant"]);
-    return (x, S) => {
-      const A = P("v-chip");
-      return v(), w(A, {
+    const e = t, { prop: i } = r(e, ["settings", "closable"]), { prop: o } = r(e, ["settings", "color"]), { color: l } = j(o), { prop: s } = r(e, ["settings", "density"]), { prop: a } = r(e, ["settings", "disabled"]), { prop: p } = r(e, ["settings", "draggable"]), { prop: d } = r(e, ["settings", "filter"]), { prop: b } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "size"]), { prop: u } = r(e, ["settings", "text"]), { theme: c } = E(), { prop: f } = r(e, ["settings", "tile"]), { prop: h } = r(e, ["settings", "value"]), { prop: x } = r(e, ["settings", "variant"]);
+    return (g, w) => {
+      const C = z("v-chip");
+      return v(), V(C, {
         closable: n(i),
         color: n(l),
         density: n(s),
         disabled: n(a),
-        draggable: n(m),
-        filter: n(f),
-        label: n(d),
-        size: n(c),
+        draggable: n(p),
+        filter: n(d),
+        label: n(b),
+        size: n(m),
         text: n(u),
-        theme: n(p),
-        tile: n(b),
-        value: n(y),
-        variant: n(g)
+        theme: n(c),
+        tile: n(f),
+        value: n(h),
+        variant: n(x)
       }, null, 8, ["closable", "color", "density", "disabled", "draggable", "filter", "label", "size", "text", "theme", "tile", "value", "variant"]);
     };
   }
-}), il = /* @__PURE__ */ V({
+}), il = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "column"]), { prop: o } = r(e, ["settings", "direction"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "filter"]), { prop: a } = r(e, ["settings", "mandatory"]), { prop: m } = r(e, ["settings", "multiple"]), { prop: f } = r(e, ["settings", "showArrows"]), { theme: d } = N(), { prop: c } = r(e, ["settings", "value"]);
-    return (u, p) => {
-      const b = P("v-chip-group");
-      return v(), w(b, {
-        modelValue: n(c),
-        "onUpdate:modelValue": p[0] || (p[0] = (y) => U(c) ? c.value = y : null),
+    const e = t, { prop: i } = r(e, ["settings", "column"]), { prop: o } = r(e, ["settings", "direction"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "filter"]), { prop: a } = r(e, ["settings", "mandatory"]), { prop: p } = r(e, ["settings", "multiple"]), { prop: d } = r(e, ["settings", "showArrows"]), { theme: b } = E(), { prop: m } = r(e, ["settings", "value"]);
+    return (u, c) => {
+      const f = z("v-chip-group");
+      return v(), V(f, {
+        modelValue: n(m),
+        "onUpdate:modelValue": c[0] || (c[0] = (h) => U(m) ? m.value = h : null),
         column: n(i),
         direction: n(o),
         disabled: n(l),
         filter: n(s),
         mandatory: n(a),
-        multiple: n(m),
-        "show-arrows": n(f),
-        theme: n(d)
+        multiple: n(p),
+        "show-arrows": n(d),
+        theme: n(b)
       }, {
-        default: $(() => [
+        default: I(() => [
           L(u.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "column", "direction", "disabled", "filter", "mandatory", "multiple", "show-arrows", "theme"]);
     };
   }
-}), ol = /* @__PURE__ */ V({
+}), ol = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = me(), o = de(), { applySize: l } = he(e), s = k(() => {
-      const y = {}, g = o.value.type;
-      return i === "page" ? g === "common" ? l(y) : console.assert(!1) : i === "comp" && g === "common" ? l(y) : console.assert(!1), y;
-    }), { prop: a } = r(e, ["settings", "disabled"]), { prop: m } = r(e, ["settings", "hideCanvas"]), { prop: f } = r(e, ["settings", "hideHeader"]), { prop: d } = r(e, ["settings", "hideInputs"]), { prop: c } = r(e, ["settings", "hideSliders"]), { prop: u } = r(e, ["settings", "landscape"]), { prop: p } = r(e, [
+    const e = t, i = pe(), o = de(), { applySize: l } = he(e), s = k(() => {
+      const h = {}, x = o.value.type;
+      return i === "page" ? x === "common" ? l(h) : console.assert(!1) : i === "comp" && x === "common" ? l(h) : console.assert(!1), h;
+    }), { prop: a } = r(e, ["settings", "disabled"]), { prop: p } = r(e, ["settings", "hideCanvas"]), { prop: d } = r(e, ["settings", "hideHeader"]), { prop: b } = r(e, ["settings", "hideInputs"]), { prop: m } = r(e, ["settings", "hideSliders"]), { prop: u } = r(e, ["settings", "landscape"]), { prop: c } = r(e, [
       "settings",
       "showSwatches"
-    ]), { theme: b } = N();
-    return (y, g) => {
-      const x = P("v-color-picker");
-      return v(), w(x, {
+    ]), { theme: f } = E();
+    return (h, x) => {
+      const g = z("v-color-picker");
+      return v(), V(g, {
         disabled: n(a),
-        "hide-canvas": n(m),
-        "hide-header": n(f),
-        "hide-inputs": n(d),
-        "hide-sliders": n(c),
+        "hide-canvas": n(p),
+        "hide-header": n(d),
+        "hide-inputs": n(b),
+        "hide-sliders": n(m),
         landscape: n(u),
-        "show-swatches": n(p),
+        "show-swatches": n(c),
         style: Q(s.value),
-        theme: n(b)
+        theme: n(f)
       }, null, 8, ["disabled", "hide-canvas", "hide-header", "hide-inputs", "hide-sliders", "landscape", "show-swatches", "style", "theme"]);
     };
   }
-}), sl = /* @__PURE__ */ V({
+}), sl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "hideDetails"]), { prop: o } = r(e, ["settings", "label"]), { prop: l } = r(e, ["settings", "placeholder"]), { prop: s } = r(e, ["settings", "readonly"]), { prop: a } = r(e, ["settings", "singleLine"]), { theme: m } = N(), { prop: f } = r(e, ["settings", "value"]);
-    return (d, c) => {
-      const u = P("v-combobox");
-      return v(), w(n(Z), null, {
-        default: $(() => [
+    const e = t, { prop: i } = r(e, ["settings", "hideDetails"]), { prop: o } = r(e, ["settings", "label"]), { prop: l } = r(e, ["settings", "placeholder"]), { prop: s } = r(e, ["settings", "readonly"]), { prop: a } = r(e, ["settings", "singleLine"]), { theme: p } = E(), { prop: d } = r(e, ["settings", "value"]);
+    return (b, m) => {
+      const u = z("v-combobox");
+      return v(), V(n(Z), null, {
+        default: I(() => [
           H(u, {
-            modelValue: n(f),
-            "onUpdate:modelValue": c[0] || (c[0] = (p) => U(f) ? f.value = p : null),
+            modelValue: n(d),
+            "onUpdate:modelValue": m[0] || (m[0] = (c) => U(d) ? d.value = c : null),
             "hide-details": n(i),
             label: n(o),
             placeholder: n(l),
             readonly: n(s),
             "single-line": n(a),
-            theme: n(m)
+            theme: n(p)
           }, null, 8, ["modelValue", "hide-details", "label", "placeholder", "readonly", "single-line", "theme"])
         ]),
         _: 1
       });
     };
   }
-}), rl = /* @__PURE__ */ V({
+}), rl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = me(), o = de(), { prop: l } = r(e, [
+    const e = t, i = pe(), o = de(), { prop: l } = r(e, [
       "settings",
       "backgroundColor"
-    ]), { color: s } = j(l), { applySize: a } = he(e), { applyMargin: m } = Ln(e), { applyPadding: f } = Bn(e), { applyBorder: d } = An(e), c = k(() => {
-      const u = {}, p = o.value.type;
-      return i === "page" ? p === "common" ? (a(u), m(u), f(u), d(u), s.value && (u.backgroundColor = s.value)) : console.assert(!1) : i === "comp" && p === "common" ? (a(u), m(u), f(u), d(u), s.value && (u.backgroundColor = s.value)) : console.assert(!1), u;
+    ]), { color: s } = j(l), { applySize: a } = he(e), { applyMargin: p } = Ln(e), { applyPadding: d } = Bn(e), { applyBorder: b } = An(e), m = k(() => {
+      const u = {}, c = o.value.type;
+      return i === "page" ? c === "common" ? (a(u), p(u), d(u), b(u), s.value && (u.backgroundColor = s.value)) : console.assert(!1) : i === "comp" && c === "common" ? (a(u), p(u), d(u), b(u), s.value && (u.backgroundColor = s.value)) : console.assert(!1), u;
     });
-    return (u, p) => (v(), Y("div", {
-      style: Q(c.value)
+    return (u, c) => (v(), Y("div", {
+      style: Q(m.value)
     }, [
       L(u.$slots, "default")
     ], 4));
   }
-}), ll = /* @__PURE__ */ V({
+}), ll = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "density"]), { prop: o } = r(e, ["settings", "fixedFooter"]), { prop: l } = r(e, ["settings", "fixedHeader"]), { prop: s } = r(e, ["settings", "headers"]), { prop: a } = r(e, ["size", "height"]), { prop: m } = r(e, ["settings", "hover"]), { prop: f } = r(e, ["settings", "data"], !0), { prop: d } = r(e, ["settings", "loading"]), { prop: c } = r(e, ["settings", "multiSort"]), { theme: u } = N(), { prop: p } = r(e, ["size", "width"]), b = k(() => {
-      const y = [];
-      return (e.node.slots?.items ?? []).forEach((x) => {
-        x.column && x.comp && y.push(x);
-      }), y;
+    const e = t, { prop: i } = r(e, ["settings", "density"]), { prop: o } = r(e, ["settings", "fixedFooter"]), { prop: l } = r(e, ["settings", "fixedHeader"]), { prop: s } = r(e, ["settings", "headers"]), { prop: a } = r(e, ["size", "height"]), { prop: p } = r(e, ["settings", "hover"]), { prop: d } = r(e, ["settings", "data"], !0), { prop: b } = r(e, ["settings", "loading"]), { prop: m } = r(e, ["settings", "multiSort"]), { theme: u } = E(), { prop: c } = r(e, ["size", "width"]), f = k(() => {
+      const h = [];
+      return (e.node.slots?.items ?? []).forEach((g) => {
+        g.column && g.comp && h.push(g);
+      }), h;
     });
-    return (y, g) => {
-      const x = P("v-data-table");
-      return v(), w(x, {
+    return (h, x) => {
+      const g = z("v-data-table");
+      return v(), V(g, {
         density: n(i),
         "fixed-footer": n(o),
         "fixed-header": n(l),
         headers: n(s),
         height: n(a),
-        hover: n(m),
-        items: n(f),
-        loading: n(d),
-        "multi-sort": n(c),
+        hover: n(p),
+        items: n(d),
+        loading: n(b),
+        "multi-sort": n(m),
         theme: n(u),
-        width: n(p)
+        width: n(c)
       }, Tn({ _: 2 }, [
-        Eo(b.value, (S) => ({
-          name: `item.${S.column}`,
-          fn: $(({ value: A }) => [
+        No(f.value, (w) => ({
+          name: `item.${w.column}`,
+          fn: I(({ value: C }) => [
             H(n(fe), {
-              "ref-context": { refid: S.comp },
-              state: { value: A }
+              "ref-context": { refid: w.comp },
+              state: { value: C }
             }, null, 8, ["ref-context", "state"])
           ])
         }))
@@ -1173,10 +1173,10 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ V({
   }
 }), al = {};
 function ul(t, e) {
-  const i = P("v-date-picker");
-  return v(), w(i);
+  const i = z("v-date-picker");
+  return v(), V(i);
 }
-const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PURE__ */ V({
+const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1184,192 +1184,192 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
   },
   setup(t) {
     const e = t, i = G(), o = Be(), l = k(() => e.node.basic?.id), { open: s } = no(`runtimeDlg/${Yi()}`);
-    return mo(o, e, (m) => {
+    return po(o, e, (p) => {
       if (i !== "runtime" && i !== "preview")
         return;
-      const { name: f } = m;
-      f === "open" ? s.value = !0 : f === "close" && (s.value = !1);
-    }), (m, f) => {
-      const d = P("v-dialog");
-      return v(), w(d, {
+      const { name: d } = p;
+      d === "open" ? s.value = !0 : d === "close" && (s.value = !1);
+    }), (p, d) => {
+      const b = z("v-dialog");
+      return v(), V(b, {
         modelValue: n(s),
-        "onUpdate:modelValue": f[0] || (f[0] = (c) => U(s) ? s.value = c : null),
+        "onUpdate:modelValue": d[0] || (d[0] = (m) => U(s) ? s.value = m : null),
         attach: "#dialogContainer"
       }, {
-        activator: $(() => [
+        activator: I(() => [
           n(i) === "editor" ? (v(), Y("div", {
             key: 0,
             id: `__node__@${l.value}`
-          }, null, 8, pl)) : ee("", !0)
+          }, null, 8, ml)) : ee("", !0)
         ]),
-        default: $(() => [
-          L(m.$slots, "default")
+        default: I(() => [
+          L(p.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue"]);
     };
   }
-}), dl = /* @__PURE__ */ V({
+}), dl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "chips"]), { prop: o } = r(e, ["settings", "density"]), { prop: l } = r(e, ["settings", "direction"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "loading"]), { prop: f } = r(e, ["settings", "multiple"]), { prop: d } = r(e, ["settings", "readonly"]), { prop: c } = r(e, ["settings", "reverse"]), { prop: u } = r(e, ["settings", "singleLine"]);
-    return (p, b) => {
-      const y = P("v-file-input");
-      return v(), w(y, {
+    const e = t, { prop: i } = r(e, ["settings", "chips"]), { prop: o } = r(e, ["settings", "density"]), { prop: l } = r(e, ["settings", "direction"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, ["settings", "label"]), { prop: p } = r(e, ["settings", "loading"]), { prop: d } = r(e, ["settings", "multiple"]), { prop: b } = r(e, ["settings", "readonly"]), { prop: m } = r(e, ["settings", "reverse"]), { prop: u } = r(e, ["settings", "singleLine"]);
+    return (c, f) => {
+      const h = z("v-file-input");
+      return v(), V(h, {
         chips: n(i),
         density: n(o),
         direction: n(l),
         disabled: n(s),
         label: n(a),
-        loading: n(m),
-        multiple: n(f),
-        readonly: n(d),
-        reverse: n(c),
+        loading: n(p),
+        multiple: n(d),
+        readonly: n(b),
+        reverse: n(m),
         "single-line": n(u)
       }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"]);
     };
   }
-}), fl = /* @__PURE__ */ V({
+}), fl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Ve(), o = me(), l = de(), { applySize: s } = he(e), { applyMargin: a } = Ln(e), { applyPadding: m } = Bn(e), { applyBorder: f } = An(e), { prop: d } = r(e, [
+    const e = t, i = Ve(), o = pe(), l = de(), { applySize: s } = he(e), { applyMargin: a } = Ln(e), { applyPadding: p } = Bn(e), { applyBorder: d } = An(e), { prop: b } = r(e, [
       "settings",
       "backgroundColor"
-    ]), { color: c } = j(d), u = (b) => {
-      c.value && (b.backgroundColor = c.value), b.display = "flex";
-      const y = Ne(i.value.width), g = $e(y, e.node.settings?.direction);
-      g === "row" ? b.flexDirection = "row" : g === "rowReverse" ? b.flexDirection = "row-reverse" : g === "column" ? b.flexDirection = "column" : g === "columnReverse" && (b.flexDirection = "column-reverse");
-      const x = $e(y, e.node.settings?.wrap);
-      x === "no" ? b.flexWrap = "nowrap" : x === "yes" ? b.flexWrap = "wrap" : x === "reverse" && (b.flexWrap = "wrap-reverse");
-      const S = $e(y, e.node.settings?.mainAlign);
-      S === "start" ? b.justifyContent = "flex-start" : S === "end" ? b.justifyContent = "flex-end" : S === "center" ? b.justifyContent = "center" : S === "spaceBetween" ? b.justifyContent = "space-between" : S === "spaceAround" ? b.justifyContent = "space-around" : S === "spaceEvenly" && (b.justifyContent = "space-evenly");
-      const A = $e(y, e.node.settings?.crossAlign);
-      A === "start" ? b.alignItems = "flex-start" : A === "end" ? b.alignItems = "flex-end" : A === "center" ? b.alignItems = "center" : A === "baseline" ? b.alignItems = "baseline" : A === "stretch" && (b.alignItems = "stretch");
-    }, p = k(() => {
-      const b = {}, y = l.value.type;
-      return o === "page" ? y === "common" ? (s(b), a(b), m(b), f(b), u(b)) : console.assert(!1) : o === "comp" && y === "common" ? (s(b), a(b), m(b), f(b), u(b)) : console.assert(!1), b;
+    ]), { color: m } = j(b), u = (f) => {
+      m.value && (f.backgroundColor = m.value), f.display = "flex";
+      const h = Ee(i.value.width), x = $e(h, e.node.settings?.direction);
+      x === "row" ? f.flexDirection = "row" : x === "rowReverse" ? f.flexDirection = "row-reverse" : x === "column" ? f.flexDirection = "column" : x === "columnReverse" && (f.flexDirection = "column-reverse");
+      const g = $e(h, e.node.settings?.wrap);
+      g === "no" ? f.flexWrap = "nowrap" : g === "yes" ? f.flexWrap = "wrap" : g === "reverse" && (f.flexWrap = "wrap-reverse");
+      const w = $e(h, e.node.settings?.mainAlign);
+      w === "start" ? f.justifyContent = "flex-start" : w === "end" ? f.justifyContent = "flex-end" : w === "center" ? f.justifyContent = "center" : w === "spaceBetween" ? f.justifyContent = "space-between" : w === "spaceAround" ? f.justifyContent = "space-around" : w === "spaceEvenly" && (f.justifyContent = "space-evenly");
+      const C = $e(h, e.node.settings?.crossAlign);
+      C === "start" ? f.alignItems = "flex-start" : C === "end" ? f.alignItems = "flex-end" : C === "center" ? f.alignItems = "center" : C === "baseline" ? f.alignItems = "baseline" : C === "stretch" && (f.alignItems = "stretch");
+    }, c = k(() => {
+      const f = {}, h = l.value.type;
+      return o === "page" ? h === "common" ? (s(f), a(f), p(f), d(f), u(f)) : console.assert(!1) : o === "comp" && h === "common" ? (s(f), a(f), p(f), d(f), u(f)) : console.assert(!1), f;
     });
-    return (b, y) => (v(), Y("div", {
-      style: Q(p.value)
+    return (f, h) => (v(), Y("div", {
+      style: Q(c.value)
     }, [
-      L(b.$slots, "default")
+      L(f.$slots, "default")
     ], 4));
   }
-}), bl = /* @__PURE__ */ V({
+}), bl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = me(), o = de(), { applySize: l } = he(e), { prop: s } = r(e, ["settings", "grow"]), { prop: a } = r(e, ["settings", "shrink"]), m = k(() => {
-      const f = {}, d = o.value.type;
-      return i === "page" ? d === "common" ? (l(f), f.flexGrow = s.value ? 1 : 0, f.flexShrink = a.value ? 1 : 0) : console.assert(!1) : i === "comp" && d === "common" ? (l(f), f.flexGrow = s.value ? 1 : 0, f.flexShrink = a.value ? 1 : 0) : console.assert(!1), f;
+    const e = t, i = pe(), o = de(), { applySize: l } = he(e), { prop: s } = r(e, ["settings", "grow"]), { prop: a } = r(e, ["settings", "shrink"]), p = k(() => {
+      const d = {}, b = o.value.type;
+      return i === "page" ? b === "common" ? (l(d), d.flexGrow = s.value ? 1 : 0, d.flexShrink = a.value ? 1 : 0) : console.assert(!1) : i === "comp" && b === "common" ? (l(d), d.flexGrow = s.value ? 1 : 0, d.flexShrink = a.value ? 1 : 0) : console.assert(!1), d;
     });
-    return (f, d) => (v(), Y("div", {
-      style: Q(m.value)
+    return (d, b) => (v(), Y("div", {
+      style: Q(p.value)
     }, [
-      L(f.$slots, "default")
+      L(d.$slots, "default")
     ], 4));
   }
-}), yl = /* @__PURE__ */ V({
+}), yl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), o = me(), l = de(), s = Be(), { prop: a } = r(e, ["settings", "valid"]), { prop: m } = r(e, ["settings", "fastFail"]), { prop: f } = r(e, [
+    const e = t, i = G(), o = pe(), l = de(), s = Be(), { prop: a } = r(e, ["settings", "valid"]), { prop: p } = r(e, ["settings", "fastFail"]), { prop: d } = r(e, [
       "settings",
       "backgroundColor"
-    ]), { color: d } = j(f), { applySize: c } = he(e), { applyMargin: u } = Ln(e), { applyPadding: p } = Bn(e), { applyBorder: b } = An(e), y = k(() => {
-      const x = {}, S = l.value.type;
-      return o === "page" ? S === "common" ? (c(x), u(x), p(x), b(x), d.value && (x.backgroundColor = d.value)) : console.assert(!1) : o === "comp" && S === "common" ? (c(x), u(x), p(x), b(x), d.value && (x.backgroundColor = d.value)) : console.assert(!1), x;
-    }), g = () => {
+    ]), { color: b } = j(d), { applySize: m } = he(e), { applyMargin: u } = Ln(e), { applyPadding: c } = Bn(e), { applyBorder: f } = An(e), h = k(() => {
+      const g = {}, w = l.value.type;
+      return o === "page" ? w === "common" ? (m(g), u(g), c(g), f(g), b.value && (g.backgroundColor = b.value)) : console.assert(!1) : o === "comp" && w === "common" ? (m(g), u(g), c(g), f(g), b.value && (g.backgroundColor = b.value)) : console.assert(!1), g;
+    }), x = () => {
       i !== "runtime" && i !== "preview" || s.callFunction("__triggerEventV1__", [
         `elementEvent@submit@${e.node.basic.id}`
       ]);
     };
-    return (x, S) => {
-      const A = P("v-form");
-      return v(), w(A, {
+    return (g, w) => {
+      const C = z("v-form");
+      return v(), V(C, {
         modelValue: n(a),
-        "onUpdate:modelValue": S[0] || (S[0] = (R) => U(a) ? a.value = R : null),
-        "fast-fail": n(m),
-        style: Q(y.value),
-        onSubmit: No(g, ["prevent"])
+        "onUpdate:modelValue": w[0] || (w[0] = (R) => U(a) ? a.value = R : null),
+        "fast-fail": n(p),
+        style: Q(h.value),
+        onSubmit: Eo(x, ["prevent"])
       }, {
-        default: $(() => [
-          L(x.$slots, "default")
+        default: I(() => [
+          L(g.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "fast-fail", "style"]);
     };
   }
-}), hl = /* @__PURE__ */ V({
+}), hl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "color"]), { color: o } = j(i), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "icon"]), { prop: a } = r(e, ["settings", "size"]), { theme: m } = N();
-    return (f, d) => {
-      const c = P("v-icon");
-      return v(), w(c, {
+    const e = t, { prop: i } = r(e, ["settings", "color"]), { color: o } = j(i), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "icon"]), { prop: a } = r(e, ["settings", "size"]), { theme: p } = E();
+    return (d, b) => {
+      const m = z("v-icon");
+      return v(), V(m, {
         color: n(o),
         disabled: n(l),
         icon: n(s),
         size: n(a),
-        theme: n(m)
+        theme: n(p)
       }, null, 8, ["color", "disabled", "icon", "size", "theme"]);
     };
   }
-}), gl = ["id"], xl = /* @__PURE__ */ V({
+}), gl = ["id"], xl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), o = Be(), l = ce(0), s = ce(0), a = k(() => [l.value, s.value]), m = k(() => e.node.basic?.id), { open: f } = no(`runtimeMenu/${Yi()}`);
-    return mo(o, e, (c) => {
+    const e = t, i = G(), o = Be(), l = ce(0), s = ce(0), a = k(() => [l.value, s.value]), p = k(() => e.node.basic?.id), { open: d } = no(`runtimeMenu/${Yi()}`);
+    return po(o, e, (m) => {
       if (i !== "runtime" && i !== "preview")
         return;
-      const { name: u } = c;
-      u === "open" ? (l.value = o.getVariable("__pointerPosX__"), s.value = o.getVariable("__pointerPosY__"), f.value = !0) : u === "close" && (f.value = !1);
-    }), (c, u) => {
-      const p = P("v-menu");
-      return v(), w(p, {
-        modelValue: n(f),
-        "onUpdate:modelValue": u[0] || (u[0] = (b) => U(f) ? f.value = b : null),
+      const { name: u } = m;
+      u === "open" ? (l.value = o.getVariable("__pointerPosX__"), s.value = o.getVariable("__pointerPosY__"), d.value = !0) : u === "close" && (d.value = !1);
+    }), (m, u) => {
+      const c = z("v-menu");
+      return v(), V(c, {
+        modelValue: n(d),
+        "onUpdate:modelValue": u[0] || (u[0] = (f) => U(d) ? d.value = f : null),
         attach: "menuContainer",
         "location-strategy": "connected",
         scrim: "transparent",
         target: a.value
       }, {
-        activator: $(() => [
+        activator: I(() => [
           n(i) === "editor" ? (v(), Y("div", {
             key: 0,
-            id: `__node__@${m.value}`
+            id: `__node__@${p.value}`
           }, null, 8, gl)) : ee("", !0)
         ]),
-        default: $(() => [
-          L(c.$slots, "default")
+        default: I(() => [
+          L(m.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "target"]);
     };
   }
-}), vl = /* @__PURE__ */ V({
+}), vl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1384,44 +1384,44 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
       "settings",
       "addIcon",
       "appendInner"
-    ]), { prop: l } = r(e, ["settings", "clearable"]), { prop: s } = r(e, ["settings", "hideDetails"]), { prop: a } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "loading"]), { prop: f } = r(e, ["settings", "max"]), { prop: d } = r(e, ["size", "maxWidth"]), { prop: c } = r(e, ["settings", "min"]), { prop: u } = r(e, ["size", "minWidth"]), { prop: p } = r(e, ["settings", "placeholder"]), { prop: b } = r(e, ["settings", "precision"]), { prop: y } = r(e, ["settings", "prefix"]), { prop: g } = r(e, [
+    ]), { prop: l } = r(e, ["settings", "clearable"]), { prop: s } = r(e, ["settings", "hideDetails"]), { prop: a } = r(e, ["settings", "label"]), { prop: p } = r(e, ["settings", "loading"]), { prop: d } = r(e, ["settings", "max"]), { prop: b } = r(e, ["size", "maxWidth"]), { prop: m } = r(e, ["settings", "min"]), { prop: u } = r(e, ["size", "minWidth"]), { prop: c } = r(e, ["settings", "placeholder"]), { prop: f } = r(e, ["settings", "precision"]), { prop: h } = r(e, ["settings", "prefix"]), { prop: x } = r(e, [
       "settings",
       "addIcon",
       "prepend"
-    ]), { prop: x } = r(e, [
+    ]), { prop: g } = r(e, [
       "settings",
       "addIcon",
       "prependInner"
-    ]), { prop: S } = r(e, ["settings", "readonly"]), { prop: A } = r(e, ["settings", "reverse"]), { prop: R } = r(e, ["settings", "singleLine"]), { prop: W } = r(e, ["settings", "step"]), { prop: F } = r(e, ["settings", "suffix"]), { theme: D } = N(), { prop: E } = r(e, ["settings", "value"]), { prop: I } = r(e, ["settings", "variant"]), { prop: M } = r(e, ["size", "width"]);
+    ]), { prop: w } = r(e, ["settings", "readonly"]), { prop: C } = r(e, ["settings", "reverse"]), { prop: R } = r(e, ["settings", "singleLine"]), { prop: W } = r(e, ["settings", "step"]), { prop: F } = r(e, ["settings", "suffix"]), { theme: D } = E(), { prop: N } = r(e, ["settings", "value"]), { prop: S } = r(e, ["settings", "variant"]), { prop: M } = r(e, ["size", "width"]);
     return (J, te) => {
-      const re = P("v-number-input");
-      return v(), w(n(Z), null, {
-        default: $(() => [
+      const re = z("v-number-input");
+      return v(), V(n(Z), null, {
+        default: I(() => [
           H(re, {
-            modelValue: n(E),
-            "onUpdate:modelValue": te[0] || (te[0] = (le) => U(E) ? E.value = le : null),
+            modelValue: n(N),
+            "onUpdate:modelValue": te[0] || (te[0] = (le) => U(N) ? N.value = le : null),
             "append-icon": n(i),
             "append-inner-icon": n(o),
             clearable: n(l),
             "hide-details": n(s),
             label: n(a),
-            loading: n(m),
-            max: n(f),
-            "max-width": n(d),
-            min: n(c),
+            loading: n(p),
+            max: n(d),
+            "max-width": n(b),
+            min: n(m),
             "min-width": n(u),
-            placeholder: n(p),
-            precision: n(b),
-            prefix: n(y),
-            "prepend-icon": n(g),
-            "prepend-inner-icon": n(x),
-            readonly: n(S),
-            reverse: n(A),
+            placeholder: n(c),
+            precision: n(f),
+            prefix: n(h),
+            "prepend-icon": n(x),
+            "prepend-inner-icon": n(g),
+            readonly: n(w),
+            reverse: n(C),
             "single-line": n(R),
             step: n(W),
             suffix: n(F),
             theme: n(D),
-            variant: n(I),
+            variant: n(S),
             width: n(M)
           }, 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"])
         ]),
@@ -1429,7 +1429,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
       });
     };
   }
-}), kl = /* @__PURE__ */ V({
+}), kl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1439,78 +1439,78 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
     const e = t, i = G(), { prop: o } = r(e, ["settings", "density"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "length"]), { prop: a } = r(e, [
       "settings",
       "showFirstLastPage"
-    ]), { prop: m } = r(e, ["settings", "size"]), { prop: f } = r(e, ["settings", "start"]), { theme: d } = N(), { prop: c } = r(e, ["settings", "tile"]), { prop: u } = r(e, ["settings", "value"]), { prop: p } = r(e, ["settings", "variant"]), b = k(() => {
-      const y = {};
-      return i === "editor" && (y.pointerEvents = "none"), y;
+    ]), { prop: p } = r(e, ["settings", "size"]), { prop: d } = r(e, ["settings", "start"]), { theme: b } = E(), { prop: m } = r(e, ["settings", "tile"]), { prop: u } = r(e, ["settings", "value"]), { prop: c } = r(e, ["settings", "variant"]), f = k(() => {
+      const h = {};
+      return i === "editor" && (h.pointerEvents = "none"), h;
     });
-    return (y, g) => {
-      const x = P("v-pagination");
-      return v(), w(n(Z), null, {
-        default: $(() => [
-          H(x, {
+    return (h, x) => {
+      const g = z("v-pagination");
+      return v(), V(n(Z), null, {
+        default: I(() => [
+          H(g, {
             modelValue: n(u),
-            "onUpdate:modelValue": g[0] || (g[0] = (S) => U(u) ? u.value = S : null),
+            "onUpdate:modelValue": x[0] || (x[0] = (w) => U(u) ? u.value = w : null),
             density: n(o),
             disabled: n(l),
             length: n(s),
             "show-first-last-page": n(a),
-            size: n(m),
-            start: n(f),
-            style: Q(b.value),
-            theme: n(d),
-            tile: n(c),
-            variant: n(p)
+            size: n(p),
+            start: n(d),
+            style: Q(f.value),
+            theme: n(b),
+            tile: n(m),
+            variant: n(c)
           }, null, 8, ["modelValue", "density", "disabled", "length", "show-first-last-page", "size", "start", "style", "theme", "tile", "variant"])
         ]),
         _: 1
       });
     };
   }
-}), _l = /* @__PURE__ */ V({
+}), _l = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "color"]), { color: o } = j(i), { prop: l } = r(e, ["settings", "density"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "readonly"]), { theme: f } = N(), { prop: d } = r(e, ["settings", "value"]);
-    return (c, u) => {
-      const p = P("v-radio");
-      return v(), w(p, {
+    const e = t, { prop: i } = r(e, ["settings", "color"]), { color: o } = j(i), { prop: l } = r(e, ["settings", "density"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, ["settings", "label"]), { prop: p } = r(e, ["settings", "readonly"]), { theme: d } = E(), { prop: b } = r(e, ["settings", "value"]);
+    return (m, u) => {
+      const c = z("v-radio");
+      return v(), V(c, {
         color: n(o),
         density: n(l),
         disabled: n(s),
         label: n(a),
-        readonly: n(m),
-        theme: n(f),
-        value: n(d)
+        readonly: n(p),
+        theme: n(d),
+        value: n(b)
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
   }
-}), wl = /* @__PURE__ */ V({
+}), wl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "density"]), { prop: o } = r(e, ["settings", "direction"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "inline"]), { prop: a } = r(e, ["settings", "readonly"]), { theme: m } = N(), { prop: f } = r(e, ["settings", "value"]);
-    return (d, c) => {
-      const u = P("v-radio-group");
-      return v(), w(n(Z), null, {
-        default: $(() => [
+    const e = t, { prop: i } = r(e, ["settings", "density"]), { prop: o } = r(e, ["settings", "direction"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "inline"]), { prop: a } = r(e, ["settings", "readonly"]), { theme: p } = E(), { prop: d } = r(e, ["settings", "value"]);
+    return (b, m) => {
+      const u = z("v-radio-group");
+      return v(), V(n(Z), null, {
+        default: I(() => [
           H(u, {
-            modelValue: n(f),
-            "onUpdate:modelValue": c[0] || (c[0] = (p) => U(f) ? f.value = p : null),
+            modelValue: n(d),
+            "onUpdate:modelValue": m[0] || (m[0] = (c) => U(d) ? d.value = c : null),
             density: n(i),
             direction: n(o),
             disabled: n(l),
             inline: n(s),
             readonly: n(a),
-            theme: n(m)
+            theme: n(p)
           }, {
-            default: $(() => [
-              L(d.$slots, "default")
+            default: I(() => [
+              L(b.$slots, "default")
             ]),
             _: 3
           }, 8, ["modelValue", "density", "direction", "disabled", "inline", "readonly", "theme"])
@@ -1519,76 +1519,76 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
       });
     };
   }
-}), Vl = /* @__PURE__ */ V({
+}), Vl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "density"]), { prop: o } = r(e, ["settings", "direction"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "hideDetails"]), { prop: a } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "max"]), { prop: f } = r(e, ["settings", "min"]), { prop: d } = r(e, ["settings", "readonly"]), { prop: c } = r(e, ["settings", "showTicks"]), u = k(() => {
-      if (c.value === "always")
+    const e = t, { prop: i } = r(e, ["settings", "density"]), { prop: o } = r(e, ["settings", "direction"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "hideDetails"]), { prop: a } = r(e, ["settings", "label"]), { prop: p } = r(e, ["settings", "max"]), { prop: d } = r(e, ["settings", "min"]), { prop: b } = r(e, ["settings", "readonly"]), { prop: m } = r(e, ["settings", "showTicks"]), u = k(() => {
+      if (m.value === "always")
         return "always";
-      if (c.value === "show")
+      if (m.value === "show")
         return !0;
-    }), { prop: p } = r(e, ["settings", "step"]), { theme: b } = N(), { prop: y } = r(e, [
+    }), { prop: c } = r(e, ["settings", "step"]), { theme: f } = E(), { prop: h } = r(e, [
       "settings",
       "thumbLabel"
-    ]), g = k(() => {
-      if (y.value === "always")
+    ]), x = k(() => {
+      if (h.value === "always")
         return "always";
-      if (y.value === "show")
+      if (h.value === "show")
         return !0;
-    }), { prop: x } = r(e, ["settings", "thumbSize"]), { prop: S } = r(e, ["settings", "ticks"]), A = k(() => {
-      if (!S.value)
+    }), { prop: g } = r(e, ["settings", "thumbSize"]), { prop: w } = r(e, ["settings", "ticks"]), C = k(() => {
+      if (!w.value)
         return;
-      const E = {};
-      for (const { value: I, label: M } of S.value)
-        E[I] = M;
-      if (!Qi(E))
-        return E;
+      const N = {};
+      for (const { value: S, label: M } of w.value)
+        N[S] = M;
+      if (!Qi(N))
+        return N;
     }), { prop: R } = r(e, ["settings", "tickSize"]), { prop: W } = r(e, [
       "settings",
       "value",
       "start"
     ]), { prop: F } = r(e, ["settings", "value", "end"]), D = k({
       get: () => [W.value, F.value],
-      set: ([E, I]) => {
-        W.value = E, F.value = I;
+      set: ([N, S]) => {
+        W.value = N, F.value = S;
       }
     });
-    return (E, I) => {
-      const M = P("v-range-slider");
-      return v(), w(n(Z), {
+    return (N, S) => {
+      const M = z("v-range-slider");
+      return v(), V(n(Z), {
         modelValue: D.value,
-        "onUpdate:modelValue": I[1] || (I[1] = (J) => D.value = J)
+        "onUpdate:modelValue": S[1] || (S[1] = (J) => D.value = J)
       }, {
-        default: $(() => [
+        default: I(() => [
           H(M, {
             modelValue: D.value,
-            "onUpdate:modelValue": I[0] || (I[0] = (J) => D.value = J),
+            "onUpdate:modelValue": S[0] || (S[0] = (J) => D.value = J),
             density: n(i),
             direction: n(o),
             disabled: n(l),
             "hide-details": n(s),
             label: n(a),
-            max: n(m),
-            min: n(f),
-            readonly: n(d),
+            max: n(p),
+            min: n(d),
+            readonly: n(b),
             "show-ticks": u.value,
-            step: n(p),
-            theme: n(b),
-            "thumb-label": g.value,
-            "thumb-size": n(x),
+            step: n(c),
+            theme: n(f),
+            "thumb-label": x.value,
+            "thumb-size": n(g),
             "tick-size": n(R),
-            ticks: A.value
+            ticks: C.value
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "label", "max", "min", "readonly", "show-ticks", "step", "theme", "thumb-label", "thumb-size", "tick-size", "ticks"])
         ]),
         _: 1
       }, 8, ["modelValue"]);
     };
   }
-}), $l = /* @__PURE__ */ V({
+}), $l = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1598,77 +1598,77 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
     const e = t, { prop: i } = r(e, ["settings", "clearable"]), { prop: o } = r(e, ["settings", "density"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, [
       "settings",
       "halfIncrements"
-    ]), { prop: a } = r(e, ["settings", "hover"]), { prop: m } = r(e, ["settings", "length"]), { prop: f } = r(e, ["settings", "readonly"]), { theme: d } = N(), { prop: c } = r(e, ["settings", "value"]);
-    return (u, p) => {
-      const b = P("v-rating");
-      return v(), w(n(Z), { "fit-content": !0 }, {
-        default: $(() => [
-          H(b, {
-            modelValue: n(c),
-            "onUpdate:modelValue": p[0] || (p[0] = (y) => U(c) ? c.value = y : null),
+    ]), { prop: a } = r(e, ["settings", "hover"]), { prop: p } = r(e, ["settings", "length"]), { prop: d } = r(e, ["settings", "readonly"]), { theme: b } = E(), { prop: m } = r(e, ["settings", "value"]);
+    return (u, c) => {
+      const f = z("v-rating");
+      return v(), V(n(Z), { "fit-content": !0 }, {
+        default: I(() => [
+          H(f, {
+            modelValue: n(m),
+            "onUpdate:modelValue": c[0] || (c[0] = (h) => U(m) ? m.value = h : null),
             clearable: n(i),
             density: n(o),
             disabled: n(l),
             "half-increments": n(s),
             hover: n(a),
-            length: n(m),
-            readonly: n(f),
-            theme: n(d)
+            length: n(p),
+            readonly: n(d),
+            theme: n(b)
           }, null, 8, ["modelValue", "clearable", "density", "disabled", "half-increments", "hover", "length", "readonly", "theme"])
         ]),
         _: 1
       });
     };
   }
-}), Il = /* @__PURE__ */ V({
+}), Il = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "hideDetails"]), { prop: o } = r(e, ["settings", "label"]), { prop: l } = r(e, ["settings", "placeholder"]), { prop: s } = r(e, ["settings", "readonly"]), { prop: a } = r(e, ["settings", "singleLine"]), { theme: m } = N(), { prop: f } = r(e, ["settings", "value"]);
-    return (d, c) => {
-      const u = P("v-select");
-      return v(), w(n(Z), null, {
-        default: $(() => [
+    const e = t, { prop: i } = r(e, ["settings", "hideDetails"]), { prop: o } = r(e, ["settings", "label"]), { prop: l } = r(e, ["settings", "placeholder"]), { prop: s } = r(e, ["settings", "readonly"]), { prop: a } = r(e, ["settings", "singleLine"]), { theme: p } = E(), { prop: d } = r(e, ["settings", "value"]);
+    return (b, m) => {
+      const u = z("v-select");
+      return v(), V(n(Z), null, {
+        default: I(() => [
           H(u, {
-            modelValue: n(f),
-            "onUpdate:modelValue": c[0] || (c[0] = (p) => U(f) ? f.value = p : null),
+            modelValue: n(d),
+            "onUpdate:modelValue": m[0] || (m[0] = (c) => U(d) ? d.value = c : null),
             "hide-details": n(i),
             label: n(o),
             placeholder: n(l),
             readonly: n(s),
             "single-line": n(a),
-            theme: n(m)
+            theme: n(p)
           }, null, 8, ["modelValue", "hide-details", "label", "placeholder", "readonly", "single-line", "theme"])
         ]),
         _: 1
       });
     };
   }
-}), Sl = /* @__PURE__ */ V({
+}), Sl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "color"]), { color: o } = j(i), { prop: l } = r(e, ["settings", "direction"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, ["settings", "hideDetails"]), { prop: m } = r(e, ["settings", "label"]), { prop: f } = r(e, ["settings", "max"]), { prop: d } = r(e, ["settings", "min"]), { prop: c } = r(e, ["settings", "readonly"]), { prop: u } = r(e, ["settings", "reverse"]), { prop: p } = r(e, ["settings", "showTicks"]), b = k(() => {
-      if (p.value === "always")
+    const e = t, { prop: i } = r(e, ["settings", "color"]), { color: o } = j(i), { prop: l } = r(e, ["settings", "direction"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, ["settings", "hideDetails"]), { prop: p } = r(e, ["settings", "label"]), { prop: d } = r(e, ["settings", "max"]), { prop: b } = r(e, ["settings", "min"]), { prop: m } = r(e, ["settings", "readonly"]), { prop: u } = r(e, ["settings", "reverse"]), { prop: c } = r(e, ["settings", "showTicks"]), f = k(() => {
+      if (c.value === "always")
         return "always";
-      if (p.value === "show")
+      if (c.value === "show")
         return !0;
-    }), { prop: y } = r(e, ["settings", "step"]), { theme: g } = N(), { prop: x } = r(e, [
+    }), { prop: h } = r(e, ["settings", "step"]), { theme: x } = E(), { prop: g } = r(e, [
       "settings",
       "thumbColor"
-    ]), { color: S } = j(x), { prop: A } = r(e, [
+    ]), { color: w } = j(g), { prop: C } = r(e, [
       "settings",
       "thumbLabel"
     ]), R = k(() => {
-      if (A.value === "always")
+      if (C.value === "always")
         return "always";
-      if (A.value === "show")
+      if (C.value === "show")
         return !0;
     }), { prop: W } = r(e, ["settings", "thumbSize"]), { prop: F } = r(e, ["settings", "ticks"]), D = k(() => {
       if (!F.value)
@@ -1678,14 +1678,14 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
         le[We] = Kt;
       if (!Qi(le))
         return le;
-    }), { prop: E } = r(e, ["settings", "tickSize"]), { prop: I } = r(e, [
+    }), { prop: N } = r(e, ["settings", "tickSize"]), { prop: S } = r(e, [
       "settings",
       "trackColor"
-    ]), { color: M } = j(I), { prop: J } = r(e, ["settings", "value"]), { prop: te } = r(e, ["slots", "append"]), { prop: re } = r(e, ["slots", "prepend"]);
+    ]), { color: M } = j(S), { prop: J } = r(e, ["settings", "value"]), { prop: te } = r(e, ["slots", "append"]), { prop: re } = r(e, ["slots", "prepend"]);
     return (le, We) => {
-      const Kt = P("v-slider");
-      return v(), w(n(Z), null, {
-        default: $(() => [
+      const Kt = z("v-slider");
+      return v(), V(n(Z), null, {
+        default: I(() => [
           H(Kt, {
             modelValue: n(J),
             "onUpdate:modelValue": We[0] || (We[0] = (Bo) => U(J) ? J.value = Bo : null),
@@ -1693,24 +1693,24 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
             direction: n(l),
             disabled: n(s),
             "hide-details": n(a),
-            label: n(m),
-            max: n(f),
-            min: n(d),
-            readonly: n(c),
+            label: n(p),
+            max: n(d),
+            min: n(b),
+            readonly: n(m),
             reverse: n(u),
-            "show-ticks": b.value,
-            step: n(y),
-            theme: n(g),
-            "thumb-color": n(S),
+            "show-ticks": f.value,
+            step: n(h),
+            theme: n(x),
+            "thumb-color": n(w),
             "thumb-label": R.value,
             "thumb-size": n(W),
-            "tick-size": n(E),
+            "tick-size": n(N),
             ticks: D.value,
             "track-color": n(M)
           }, Tn({ _: 2 }, [
             n(te) ? {
               name: "append",
-              fn: $(() => [
+              fn: I(() => [
                 H(n(fe), {
                   "ref-context": { refid: n(te) },
                   state: {}
@@ -1720,7 +1720,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
             } : void 0,
             n(re) ? {
               name: "prepend",
-              fn: $(() => [
+              fn: I(() => [
                 H(n(fe), {
                   "ref-context": { refid: n(re) },
                   state: {}
@@ -1734,23 +1734,23 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
       });
     };
   }
-}), Cl = /* @__PURE__ */ V({
+}), Cl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "hideActions"]), { theme: o } = N(), { prop: l } = r(e, ["settings", "value"]);
+    const e = t, { prop: i } = r(e, ["settings", "hideActions"]), { theme: o } = E(), { prop: l } = r(e, ["settings", "value"]);
     return (s, a) => {
-      const m = P("v-stepper");
-      return v(), w(m, {
+      const p = z("v-stepper");
+      return v(), V(p, {
         modelValue: n(l),
-        "onUpdate:modelValue": a[0] || (a[0] = (f) => U(l) ? l.value = f : null),
+        "onUpdate:modelValue": a[0] || (a[0] = (d) => U(l) ? l.value = d : null),
         "hide-actions": n(i),
         theme: n(o)
       }, {
-        default: $(() => [
+        default: I(() => [
           L(s.$slots, "default")
         ]),
         _: 3
@@ -1759,15 +1759,15 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
   }
 }), Tl = {};
 function Pl(t, e) {
-  const i = P("v-stepper-header");
-  return v(), w(i, null, {
-    default: $(() => [
+  const i = z("v-stepper-header");
+  return v(), V(i, null, {
+    default: I(() => [
       L(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const zl = /* @__PURE__ */ ge(Tl, [["render", Pl]]), Al = /* @__PURE__ */ V({
+const zl = /* @__PURE__ */ ge(Tl, [["render", Pl]]), Al = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1776,9 +1776,9 @@ const zl = /* @__PURE__ */ ge(Tl, [["render", Pl]]), Al = /* @__PURE__ */ V({
   setup(t) {
     const e = t, { prop: i } = r(e, ["settings", "value"]);
     return (o, l) => {
-      const s = P("v-stepper-item");
-      return v(), w(s, { value: n(i) }, {
-        default: $(() => [
+      const s = z("v-stepper-item");
+      return v(), V(s, { value: n(i) }, {
+        default: I(() => [
           L(o.$slots, "default")
         ]),
         _: 3
@@ -1787,15 +1787,15 @@ const zl = /* @__PURE__ */ ge(Tl, [["render", Pl]]), Al = /* @__PURE__ */ V({
   }
 }), Ll = {};
 function Bl(t, e) {
-  const i = P("v-stepper-window");
-  return v(), w(i, null, {
-    default: $(() => [
+  const i = z("v-stepper-window");
+  return v(), V(i, null, {
+    default: I(() => [
       L(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__PURE__ */ V({
+const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1804,16 +1804,16 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__PURE__ */ V({
   setup(t) {
     const e = t, { prop: i } = r(e, ["settings", "value"]);
     return (o, l) => {
-      const s = P("v-stepper-window-item");
-      return v(), w(s, { value: n(i) }, {
-        default: $(() => [
+      const s = z("v-stepper-window-item");
+      return v(), V(s, { value: n(i) }, {
+        default: I(() => [
           L(o.$slots, "default")
         ]),
         _: 3
       }, 8, ["value"]);
     };
   }
-}), Nl = /* @__PURE__ */ V({
+}), El = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1823,23 +1823,23 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__PURE__ */ V({
     const e = t, { prop: i } = r(e, ["settings", "density"]), { prop: o } = r(e, ["settings", "direction"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "hideDetails"]), { prop: a } = r(e, [
       "settings",
       "indeterminate"
-    ]), { prop: m } = r(e, ["settings", "inline"]), { prop: f } = r(e, ["settings", "inset"]), { prop: d } = r(e, ["settings", "label"]), { prop: c } = r(e, ["settings", "loading"]), { theme: u } = N(), { prop: p } = r(e, ["settings", "value"]);
-    return (b, y) => {
-      const g = P("v-switch");
-      return v(), w(n(Z), { "fit-content": !0 }, {
-        default: $(() => [
-          H(g, {
-            modelValue: n(p),
-            "onUpdate:modelValue": y[0] || (y[0] = (x) => U(p) ? p.value = x : null),
+    ]), { prop: p } = r(e, ["settings", "inline"]), { prop: d } = r(e, ["settings", "inset"]), { prop: b } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "loading"]), { theme: u } = E(), { prop: c } = r(e, ["settings", "value"]);
+    return (f, h) => {
+      const x = z("v-switch");
+      return v(), V(n(Z), { "fit-content": !0 }, {
+        default: I(() => [
+          H(x, {
+            modelValue: n(c),
+            "onUpdate:modelValue": h[0] || (h[0] = (g) => U(c) ? c.value = g : null),
             density: n(i),
             direction: n(o),
             disabled: n(l),
             "hide-details": n(s),
             indeterminate: n(a),
-            inline: n(m),
-            inset: n(f),
-            label: n(d),
-            loading: n(c),
+            inline: n(p),
+            inset: n(d),
+            label: n(b),
+            loading: n(m),
             theme: n(u)
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "indeterminate", "inline", "inset", "label", "loading", "theme"])
         ]),
@@ -1847,22 +1847,22 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__PURE__ */ V({
       });
     };
   }
-}), Rl = /* @__PURE__ */ V({
+}), Rl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { prop: o } = r(e, ["settings", "text"]), { theme: l } = N(), { prop: s } = r(e, ["settings", "value"]), a = k(() => {
-      const m = {};
-      return i === "editor" && (m.pointerEvents = "none"), m;
+    const e = t, i = G(), { prop: o } = r(e, ["settings", "text"]), { theme: l } = E(), { prop: s } = r(e, ["settings", "value"]), a = k(() => {
+      const p = {};
+      return i === "editor" && (p.pointerEvents = "none"), p;
     });
-    return (m, f) => {
-      const d = P("v-tab");
-      return v(), w(n(Z), { "fit-content": !0 }, {
-        default: $(() => [
-          H(d, {
+    return (p, d) => {
+      const b = z("v-tab");
+      return v(), V(n(Z), { "fit-content": !0 }, {
+        default: I(() => [
+          H(b, {
             style: Q(a.value),
             text: n(o),
             theme: n(l),
@@ -1873,7 +1873,7 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__PURE__ */ V({
       });
     };
   }
-}), Dl = /* @__PURE__ */ V({
+}), Dl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1891,91 +1891,91 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__PURE__ */ V({
       "settings",
       "color",
       "selectedColor"
-    ]), { color: m } = j(a), { prop: f } = r(e, ["settings", "density"]), { prop: d } = r(e, ["settings", "direction"]), { prop: c } = r(e, ["settings", "disabled"]), { prop: u } = r(e, ["settings", "fixedTabs"]), { prop: p } = r(e, ["settings", "grow"]), { prop: b } = r(e, ["settings", "hideSlider"]), { prop: y } = r(e, ["settings", "items"]), { prop: g } = r(e, ["settings", "mandatory"]), { prop: x } = r(e, ["settings", "showArrows"]), { prop: S } = r(e, [
+    ]), { color: p } = j(a), { prop: d } = r(e, ["settings", "density"]), { prop: b } = r(e, ["settings", "direction"]), { prop: m } = r(e, ["settings", "disabled"]), { prop: u } = r(e, ["settings", "fixedTabs"]), { prop: c } = r(e, ["settings", "grow"]), { prop: f } = r(e, ["settings", "hideSlider"]), { prop: h } = r(e, ["settings", "items"]), { prop: x } = r(e, ["settings", "mandatory"]), { prop: g } = r(e, ["settings", "showArrows"]), { prop: w } = r(e, [
       "settings",
       "color",
       "sliderColor"
-    ]), { color: A } = j(S), { prop: R } = r(e, ["settings", "stacked"]), { theme: W } = N(), { prop: F } = r(e, ["settings", "value"]);
-    return (D, E) => {
-      const I = P("v-tabs");
-      return v(), w(I, {
+    ]), { color: C } = j(w), { prop: R } = r(e, ["settings", "stacked"]), { theme: W } = E(), { prop: F } = r(e, ["settings", "value"]);
+    return (D, N) => {
+      const S = z("v-tabs");
+      return v(), V(S, {
         modelValue: n(F),
-        "onUpdate:modelValue": E[0] || (E[0] = (M) => U(F) ? F.value = M : null),
+        "onUpdate:modelValue": N[0] || (N[0] = (M) => U(F) ? F.value = M : null),
         "align-tabs": n(i),
         "bg-color": n(l),
         "center-active": n(s),
-        color: n(m),
-        density: n(f),
-        direction: n(d),
-        disabled: n(c),
+        color: n(p),
+        density: n(d),
+        direction: n(b),
+        disabled: n(m),
         "fixed-tabs": n(u),
-        grow: n(p),
-        "hide-slider": n(b),
-        items: n(y),
-        mandatory: n(g),
-        "show-arrows": n(x),
-        "slider-color": n(A),
+        grow: n(c),
+        "hide-slider": n(f),
+        items: n(h),
+        mandatory: n(x),
+        "show-arrows": n(g),
+        "slider-color": n(C),
         stacked: n(R),
         theme: n(W)
       }, {
-        default: $(() => [
+        default: I(() => [
           L(D.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "align-tabs", "bg-color", "center-active", "color", "density", "direction", "disabled", "fixed-tabs", "grow", "hide-slider", "items", "mandatory", "show-arrows", "slider-color", "stacked", "theme"]);
     };
   }
-}), Ml = /* @__PURE__ */ V({
+}), Ml = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Ve(), { prop: o } = r(e, ["settings", "align"]), { prop: l } = r(e, ["settings", "decoration"]), { prop: s } = r(e, ["settings", "emphasis"]), { prop: a } = r(e, ["settings", "italic"]), { prop: m } = r(e, ["settings", "text"]), { prop: f } = r(e, ["settings", "weight"]), d = k(() => {
-      const c = [], u = Ne(i.value.width), p = $e(u, e.node.settings?.style);
-      return p && c.push(`text-${p}`), s.value === "high" ? c.push("text-high-emphasis") : s.value === "medium" ? c.push("text-medium-emphasis") : s.value === "disabled" && c.push("text-disabled"), o.value && c.push(`font-${o.value}`), l.value && c.push(`text-decoration-${l.value}`), f.value && c.push(`font-weight-${f.value}`), a.value && c.push("font-italic"), c.join(" ");
+    const e = t, i = Ve(), { prop: o } = r(e, ["settings", "align"]), { prop: l } = r(e, ["settings", "decoration"]), { prop: s } = r(e, ["settings", "emphasis"]), { prop: a } = r(e, ["settings", "italic"]), { prop: p } = r(e, ["settings", "text"]), { prop: d } = r(e, ["settings", "weight"]), b = k(() => {
+      const m = [], u = Ee(i.value.width), c = $e(u, e.node.settings?.style);
+      return c && m.push(`text-${c}`), s.value === "high" ? m.push("text-high-emphasis") : s.value === "medium" ? m.push("text-medium-emphasis") : s.value === "disabled" && m.push("text-disabled"), o.value && m.push(`font-${o.value}`), l.value && m.push(`text-decoration-${l.value}`), d.value && m.push(`font-weight-${d.value}`), a.value && m.push("font-italic"), m.join(" ");
     });
-    return (c, u) => (v(), Y("span", {
-      class: Ro(d.value)
-    }, Do(n(m)), 3));
+    return (m, u) => (v(), Y("span", {
+      class: Ro(b.value)
+    }, Do(n(p)), 3));
   }
-}), Fl = /* @__PURE__ */ V({
+}), Fl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "autoGrow"]), { prop: o } = r(e, ["settings", "clearable"]), { prop: l } = r(e, ["settings", "density"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "loading"]), { prop: f } = r(e, ["settings", "maxRows"]), { prop: d } = r(e, ["settings", "placeholder"]), { prop: c } = r(e, ["settings", "readonly"]), { prop: u } = r(e, ["settings", "reverse"]), { prop: p } = r(e, ["settings", "rows"]), { prop: b } = r(e, ["settings", "singleLine"]), { theme: y } = N(), { prop: g } = r(e, ["settings", "value"]), { prop: x } = r(e, ["settings", "variant"]);
-    return (S, A) => {
-      const R = P("v-textarea");
-      return v(), w(n(Z), null, {
-        default: $(() => [
+    const e = t, { prop: i } = r(e, ["settings", "autoGrow"]), { prop: o } = r(e, ["settings", "clearable"]), { prop: l } = r(e, ["settings", "density"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, ["settings", "label"]), { prop: p } = r(e, ["settings", "loading"]), { prop: d } = r(e, ["settings", "maxRows"]), { prop: b } = r(e, ["settings", "placeholder"]), { prop: m } = r(e, ["settings", "readonly"]), { prop: u } = r(e, ["settings", "reverse"]), { prop: c } = r(e, ["settings", "rows"]), { prop: f } = r(e, ["settings", "singleLine"]), { theme: h } = E(), { prop: x } = r(e, ["settings", "value"]), { prop: g } = r(e, ["settings", "variant"]);
+    return (w, C) => {
+      const R = z("v-textarea");
+      return v(), V(n(Z), null, {
+        default: I(() => [
           H(R, {
-            modelValue: n(g),
-            "onUpdate:modelValue": A[0] || (A[0] = (W) => U(g) ? g.value = W : null),
+            modelValue: n(x),
+            "onUpdate:modelValue": C[0] || (C[0] = (W) => U(x) ? x.value = W : null),
             "auto-grow": n(i),
             clearable: n(o),
             density: n(l),
             disabled: n(s),
             label: n(a),
-            loading: n(m),
-            "max-rows": n(f),
-            placeholder: n(d),
-            readonly: n(c),
+            loading: n(p),
+            "max-rows": n(d),
+            placeholder: n(b),
+            readonly: n(m),
             reverse: n(u),
-            rows: n(p),
-            "single-line": n(b),
-            theme: n(y),
-            variant: n(x)
+            rows: n(c),
+            "single-line": n(f),
+            theme: n(h),
+            variant: n(g)
           }, null, 8, ["modelValue", "auto-grow", "clearable", "density", "disabled", "label", "loading", "max-rows", "placeholder", "readonly", "reverse", "rows", "single-line", "theme", "variant"])
         ]),
         _: 1
       });
     };
   }
-}), Gl = /* @__PURE__ */ V({
+}), Gl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1985,20 +1985,20 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__PURE__ */ V({
     const e = t, { prop: i } = r(e, ["settings", "appendIcon"]), { prop: o } = r(e, [
       "settings",
       "appendInnerIcon"
-    ]), { prop: l } = r(e, ["settings", "autofocus"]), { prop: s } = r(e, ["settings", "clearable"]), { prop: a } = r(e, ["settings", "density"]), { prop: m } = r(e, ["settings", "disabled"]), { prop: f } = r(e, ["settings", "hideDetails"]), { prop: d } = r(e, ["settings", "label"]), { prop: c } = r(e, ["settings", "loading"]), { prop: u } = r(e, ["settings", "placeholder"]), { prop: p } = r(e, ["settings", "prefix"]), { prop: b } = r(e, ["settings", "prependIcon"]), { prop: y } = r(e, [
+    ]), { prop: l } = r(e, ["settings", "autofocus"]), { prop: s } = r(e, ["settings", "clearable"]), { prop: a } = r(e, ["settings", "density"]), { prop: p } = r(e, ["settings", "disabled"]), { prop: d } = r(e, ["settings", "hideDetails"]), { prop: b } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "loading"]), { prop: u } = r(e, ["settings", "placeholder"]), { prop: c } = r(e, ["settings", "prefix"]), { prop: f } = r(e, ["settings", "prependIcon"]), { prop: h } = r(e, [
       "settings",
       "prependInnerIcon"
-    ]), { prop: g } = r(e, ["settings", "readonly"]), { prop: x } = r(e, ["settings", "reverse"]), { prop: S } = r(e, ["settings", "singleLine"]), { prop: A } = r(e, ["settings", "suffix"]), { theme: R } = N(), { prop: W } = r(e, ["settings", "value"]), { prop: F } = r(e, ["settings", "variant"]), { prop: D } = r(e, ["slots", "append"]), { prop: E } = r(e, [
+    ]), { prop: x } = r(e, ["settings", "readonly"]), { prop: g } = r(e, ["settings", "reverse"]), { prop: w } = r(e, ["settings", "singleLine"]), { prop: C } = r(e, ["settings", "suffix"]), { theme: R } = E(), { prop: W } = r(e, ["settings", "value"]), { prop: F } = r(e, ["settings", "variant"]), { prop: D } = r(e, ["slots", "append"]), { prop: N } = r(e, [
       "slots",
       "appendInner"
-    ]), { prop: I } = r(e, ["slots", "prepend"]), { prop: M } = r(e, [
+    ]), { prop: S } = r(e, ["slots", "prepend"]), { prop: M } = r(e, [
       "slots",
       "prependInner"
     ]);
     return (J, te) => {
-      const re = P("v-text-field");
-      return v(), w(n(Z), null, {
-        default: $(() => [
+      const re = z("v-text-field");
+      return v(), V(n(Z), null, {
+        default: I(() => [
           H(re, {
             modelValue: n(W),
             "onUpdate:modelValue": te[0] || (te[0] = (le) => U(W) ? W.value = le : null),
@@ -2007,24 +2007,24 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__PURE__ */ V({
             autofocus: n(l),
             clearable: n(s),
             density: n(a),
-            disabled: n(m),
-            "hide-details": n(f),
-            label: n(d),
-            loading: n(c),
+            disabled: n(p),
+            "hide-details": n(d),
+            label: n(b),
+            loading: n(m),
             placeholder: n(u),
-            prefix: n(p),
-            "prepend-icon": n(b),
-            "prepend-inner-icon": n(y),
-            readonly: n(g),
-            reverse: n(x),
-            "single-line": n(S),
-            suffix: n(A),
+            prefix: n(c),
+            "prepend-icon": n(f),
+            "prepend-inner-icon": n(h),
+            readonly: n(x),
+            reverse: n(g),
+            "single-line": n(w),
+            suffix: n(C),
             theme: n(R),
             variant: n(F)
           }, Tn({ _: 2 }, [
             n(D) ? {
               name: "append",
-              fn: $(() => [
+              fn: I(() => [
                 H(n(fe), {
                   "ref-context": { refid: n(D) },
                   state: {}
@@ -2032,21 +2032,21 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__PURE__ */ V({
               ]),
               key: "0"
             } : void 0,
-            n(E) ? {
+            n(N) ? {
               name: "append-inner",
-              fn: $(() => [
+              fn: I(() => [
                 H(n(fe), {
-                  "ref-context": { refid: n(E) },
+                  "ref-context": { refid: n(N) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
               key: "1"
             } : void 0,
-            n(I) ? {
+            n(S) ? {
               name: "prepend",
-              fn: $(() => [
+              fn: I(() => [
                 H(n(fe), {
-                  "ref-context": { refid: n(I) },
+                  "ref-context": { refid: n(S) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2054,7 +2054,7 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__PURE__ */ V({
             } : void 0,
             n(M) ? {
               name: "prepend-inner",
-              fn: $(() => [
+              fn: I(() => [
                 H(n(fe), {
                   "ref-context": { refid: n(M) },
                   state: {}
@@ -2068,7 +2068,7 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__PURE__ */ V({
       });
     };
   }
-}), Hl = /* @__PURE__ */ V({
+}), Hl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -2079,40 +2079,40 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__PURE__ */ V({
       "settings",
       "dot",
       "color"
-    ]), { color: a } = j(s), { prop: m } = r(e, ["settings", "dot", "fill"]), { prop: f } = r(e, [
+    ]), { color: a } = j(s), { prop: p } = r(e, ["settings", "dot", "fill"]), { prop: d } = r(e, [
       "settings",
       "hideOpposite"
-    ]), { prop: d } = r(e, [
+    ]), { prop: b } = r(e, [
       "settings",
       "line",
       "color"
-    ]), { color: c } = j(d), { prop: u } = r(e, ["settings", "line", "inset"]), { prop: p } = r(e, [
+    ]), { color: m } = j(b), { prop: u } = r(e, ["settings", "line", "inset"]), { prop: c } = r(e, [
       "settings",
       "line",
       "thickness"
-    ]), { prop: b } = r(e, ["settings", "side"]), { prop: y } = r(e, [
+    ]), { prop: f } = r(e, ["settings", "side"]), { prop: h } = r(e, [
       "settings",
       "line",
       "truncate"
-    ]), { theme: g } = N();
-    return (x, S) => {
-      const A = P("v-timeline");
-      return v(), w(A, {
+    ]), { theme: x } = E();
+    return (g, w) => {
+      const C = z("v-timeline");
+      return v(), V(C, {
         align: n(i),
         density: n(o),
         direction: n(l),
         "dot-color": n(a),
-        "fill-dot": n(m),
-        "hide-opposite": n(f),
-        "line-color": n(c),
+        "fill-dot": n(p),
+        "hide-opposite": n(d),
+        "line-color": n(m),
         "line-inset": n(u),
-        "line-thickness": n(p),
-        side: n(b),
-        theme: n(g),
-        "truncate-line": n(y)
+        "line-thickness": n(c),
+        side: n(f),
+        theme: n(x),
+        "truncate-line": n(h)
       }, {
-        default: $(() => [
-          L(x.$slots, "default")
+        default: I(() => [
+          L(g.$slots, "default")
         ]),
         _: 3
       }, 8, ["align", "density", "direction", "dot-color", "fill-dot", "hide-opposite", "line-color", "line-inset", "line-thickness", "side", "theme", "truncate-line"]);
@@ -2120,37 +2120,37 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__PURE__ */ V({
   }
 }), jl = {};
 function Kl(t, e) {
-  const i = P("v-timeline-item");
-  return v(), w(i, null, {
-    default: $(() => [
+  const i = z("v-timeline-item");
+  return v(), V(i, null, {
+    default: I(() => [
       L(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Ul = /* @__PURE__ */ ge(jl, [["render", Kl]]), Ol = /* @__PURE__ */ V({
+const Ul = /* @__PURE__ */ ge(jl, [["render", Kl]]), Ol = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "continuous"]), { prop: o } = r(e, ["settings", "disabled"]), { prop: l } = r(e, ["settings", "direction"]), { prop: s } = r(e, ["settings", "reverse"]), { prop: a } = r(e, ["settings", "showArrows"]), { prop: m } = r(e, ["settings", "touch"]), { theme: f } = N(), { prop: d } = r(e, ["settings", "value"]);
-    return (c, u) => {
-      const p = P("v-window");
-      return v(), w(p, {
-        modelValue: n(d),
-        "onUpdate:modelValue": u[0] || (u[0] = (b) => U(d) ? d.value = b : null),
+    const e = t, { prop: i } = r(e, ["settings", "continuous"]), { prop: o } = r(e, ["settings", "disabled"]), { prop: l } = r(e, ["settings", "direction"]), { prop: s } = r(e, ["settings", "reverse"]), { prop: a } = r(e, ["settings", "showArrows"]), { prop: p } = r(e, ["settings", "touch"]), { theme: d } = E(), { prop: b } = r(e, ["settings", "value"]);
+    return (m, u) => {
+      const c = z("v-window");
+      return v(), V(c, {
+        modelValue: n(b),
+        "onUpdate:modelValue": u[0] || (u[0] = (f) => U(b) ? b.value = f : null),
         continuous: n(i),
         direction: n(l),
         disabled: n(o),
         reverse: n(s),
         "show-arrows": n(a),
-        theme: n(f),
-        touch: n(m)
+        theme: n(d),
+        touch: n(p)
       }, {
-        default: $(() => [
-          L(c.$slots, "default")
+        default: I(() => [
+          L(m.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "continuous", "direction", "disabled", "reverse", "show-arrows", "theme", "touch"]);
@@ -2158,15 +2158,15 @@ const Ul = /* @__PURE__ */ ge(jl, [["render", Kl]]), Ol = /* @__PURE__ */ V({
   }
 }), Xl = {};
 function Yl(t, e) {
-  const i = P("v-window-item");
-  return v(), w(i, null, {
-    default: $(() => [
+  const i = z("v-window-item");
+  return v(), V(i, null, {
+    default: I(() => [
       L(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue = "badge_v1", Wn = "breadcrumbs_v1", Oe = "bar_chart_v1", Xe = "box_geometry_v1", Ye = "btn_v1", Je = "btn_group_v1", Ze = "btn_toggle_v1", qe = "card_v1", Qe = "checkbox_v1", et = "chip_v1", tt = "chip_group_v1", nt = "color_picker_v1", it = "combobox_v1", ot = "container_v1", st = "data_table_v1", rt = "date_picker_v1", lt = "dialog_v1", at = "directional_light_v1", ut = "file_input_v1", ct = "flex_layout_v1", fo = "flex_layout_entry_v1", pt = "form_v1", en = "globality_v1", mt = "group_v1", dt = "icon_v1", ft = "keyboard_controls_v1", bt = "line_chart_v1", yt = "map_controls_v1", ht = "menu_v1", gt = "mesh_v1", Zl = "mesh_basic_material_v1", En = "multiple_ref_v1", xt = "number_input_v1", vt = "orbit_controls_v1", kt = "orthographic_camera_v1", _t = "pagination_v1", wt = "perspective_camera_v1", Vt = "point_light_v1", bo = "radio_v1", $t = "radio_group_v1", It = "range_slider_v1", St = "rating_v1", Nn = "render_switch_v1", Ct = "select_v1", Re = "single_ref_v1", Tt = "slider_v1", Pt = "sphere_geometry_v1", zt = "spot_light_v1", At = "stepper_v1", yo = "stepper_header_v1", ho = "stepper_item_v1", go = "stepper_window_v1", xo = "stepper_window_item_v1", Lt = "switch_v1", vo = "tab_v1", Rn = "table_v1", Bt = "tabs_v1", Wt = "text_v1", Et = "textarea_v1", Nt = "text_field_v1", Rt = "timeline_v1", ko = "timeline_item_v1", Dt = "window_v1", _o = "window_item_v1", h = {
+const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue = "badge_v1", Wn = "breadcrumbs_v1", Oe = "bar_chart_v1", Xe = "box_geometry_v1", Ye = "btn_v1", Je = "btn_group_v1", Ze = "btn_toggle_v1", qe = "card_v1", Qe = "checkbox_v1", et = "chip_v1", tt = "chip_group_v1", nt = "color_picker_v1", it = "combobox_v1", ot = "container_v1", st = "data_table_v1", rt = "date_picker_v1", lt = "dialog_v1", at = "directional_light_v1", ut = "file_input_v1", ct = "flex_layout_v1", fo = "flex_layout_entry_v1", mt = "form_v1", en = "globality_v1", pt = "group_v1", dt = "icon_v1", ft = "keyboard_controls_v1", bt = "line_chart_v1", yt = "map_controls_v1", ht = "menu_v1", gt = "mesh_v1", Zl = "mesh_basic_material_v1", Nn = "multiple_ref_v1", xt = "number_input_v1", vt = "orbit_controls_v1", kt = "orthographic_camera_v1", _t = "pagination_v1", wt = "perspective_camera_v1", Vt = "point_light_v1", bo = "radio_v1", $t = "radio_group_v1", It = "range_slider_v1", St = "rating_v1", En = "render_switch_v1", Ct = "select_v1", Re = "single_ref_v1", Tt = "slider_v1", Pt = "sphere_geometry_v1", zt = "spot_light_v1", At = "stepper_v1", yo = "stepper_header_v1", ho = "stepper_item_v1", go = "stepper_window_v1", xo = "stepper_window_item_v1", Lt = "switch_v1", vo = "tab_v1", Rn = "table_v1", Bt = "tabs_v1", Wt = "text_v1", Nt = "textarea_v1", Et = "text_field_v1", Rt = "timeline_v1", ko = "timeline_item_v1", Dt = "window_v1", _o = "window_item_v1", y = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -2647,8 +2647,8 @@ const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue
   name: "x-runtime-lib.orthographicCamera",
   comp: gs,
   props: {
-    pageScene: [h, X, Yn],
-    compScene: [h, X, Yn]
+    pageScene: [y, X, Yn],
+    compScene: [y, X, Yn]
   },
   events: [],
   methods: [],
@@ -2693,39 +2693,39 @@ const Jn = {
   name: "x-runtime-lib.perspectiveCamera",
   comp: vs,
   props: {
-    pageScene: [h, X, Jn],
-    compScene: [h, X, Jn]
+    pageScene: [y, X, Jn],
+    compScene: [y, X, Jn]
   },
   events: [],
   methods: [],
   slots: []
 };
 _(ea);
-const ta = /* @__PURE__ */ V({
+const ta = /* @__PURE__ */ $({
   __name: "index",
   setup(t) {
     const e = G();
-    return (i, o) => n(e) !== "editor" ? (v(), w(n(qo), { key: 0 })) : ee("", !0);
+    return (i, o) => n(e) !== "editor" ? (v(), V(n(qo), { key: 0 })) : ee("", !0);
   }
-}), na = /* @__PURE__ */ V({
+}), na = /* @__PURE__ */ $({
   __name: "index",
   setup(t) {
     const e = G();
-    return (i, o) => n(e) !== "editor" ? (v(), w(n(Qo), { key: 0 })) : ee("", !0);
+    return (i, o) => n(e) !== "editor" ? (v(), V(n(Qo), { key: 0 })) : ee("", !0);
   }
-}), ia = /* @__PURE__ */ V({
+}), ia = /* @__PURE__ */ $({
   __name: "index",
   setup(t) {
     const e = G();
-    return (i, o) => n(e) !== "editor" ? (v(), w(n(es), { key: 0 })) : ee("", !0);
+    return (i, o) => n(e) !== "editor" ? (v(), V(n(es), { key: 0 })) : ee("", !0);
   }
 }), oa = {
   key: ft,
   name: "x-runtime-lib.keyboardControls",
   comp: ta,
   props: {
-    pageScene: [h],
-    compScene: [h]
+    pageScene: [y],
+    compScene: [y]
   },
   events: [],
   methods: [],
@@ -2738,8 +2738,8 @@ const sa = {
   name: "x-runtime-lib.mapControls",
   comp: na,
   props: {
-    pageScene: [h],
-    compScene: [h]
+    pageScene: [y],
+    compScene: [y]
   },
   events: [],
   methods: [],
@@ -2752,8 +2752,8 @@ const ra = {
   name: "x-runtime-lib.orbitControls",
   comp: ia,
   props: {
-    pageScene: [h],
-    compScene: [h]
+    pageScene: [y],
+    compScene: [y]
   },
   events: [],
   methods: [],
@@ -2762,7 +2762,7 @@ const ra = {
 };
 _(ra);
 function la(t, e) {
-  const i = `type=${t} subtype=${e}`, o = z(t, e);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`boxGeometryV1/spawn prop tag not found, ${i}`);
     return;
@@ -2773,7 +2773,7 @@ function la(t, e) {
     return;
   }
   const s = {};
-  return T(s, l), s.basic.id = C(16), s.basic.key = Te.key, s.transform = {
+  return P(s, l), s.basic.id = T(16), s.basic.key = Te.key, s.transform = {
     position: {
       x: 0,
       y: 0,
@@ -2795,7 +2795,7 @@ function la(t, e) {
   ], s;
 }
 function aa(t, e) {
-  const i = `type=${t} subtype=${e}`, o = z(t, e);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(
       `boxGeometryV1/spawnBoxGeometry prop tag not found, ${i}`
@@ -2810,7 +2810,7 @@ function aa(t, e) {
     return;
   }
   const s = {};
-  return T(s, l), s.basic.id = C(16), s.basic.key = tn.key, s.settings = {
+  return P(s, l), s.basic.id = T(16), s.basic.key = tn.key, s.settings = {
     width: 1,
     height: 1,
     depth: 1,
@@ -2820,7 +2820,7 @@ function aa(t, e) {
   }, s;
 }
 function ua(t, e) {
-  const i = `type=${t} subtype=${e}`, o = z(t, e);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(
       `boxGeometryV1/spawnMeshBasicMaterial prop tag not found, ${i}`
@@ -2835,7 +2835,7 @@ function ua(t, e) {
     return;
   }
   const s = {};
-  return T(s, l), s.basic.id = C(16), s.basic.key = Ce.key, s;
+  return P(s, l), s.basic.id = T(16), s.basic.key = Ce.key, s;
 }
 const Zn = {
   key: "settings",
@@ -2886,8 +2886,8 @@ const Zn = {
   name: "x-runtime-lib.boxGeometry",
   comp: _s,
   props: {
-    pageScene: [h, Zn],
-    compScene: [h, Zn]
+    pageScene: [y, Zn],
+    compScene: [y, Zn]
   },
   events: [],
   methods: [],
@@ -2897,7 +2897,7 @@ const Zn = {
 };
 _(tn);
 function ca(t, e) {
-  const i = `type=${t} subtype=${e}`, o = z(t, e);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`sphereGeometryV1/spawn prop tag not found, ${i}`);
     return;
@@ -2908,7 +2908,7 @@ function ca(t, e) {
     return;
   }
   const s = {};
-  return T(s, l), s.basic.id = C(16), s.basic.key = Te.key, s.transform = {
+  return P(s, l), s.basic.id = T(16), s.basic.key = Te.key, s.transform = {
     position: {
       x: 0,
       y: 0,
@@ -2925,12 +2925,12 @@ function ca(t, e) {
       z: 1
     }
   }, s.children = [
-    pa(t, e),
-    ma(t, e)
+    ma(t, e),
+    pa(t, e)
   ], s;
 }
-function pa(t, e) {
-  const i = `type=${t} subtype=${e}`, o = z(t, e);
+function ma(t, e) {
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(
       `sphereGeometryV1/spawnSphereGeometry prop tag not found, ${i}`
@@ -2945,7 +2945,7 @@ function pa(t, e) {
     return;
   }
   const s = {};
-  return T(s, l), s.basic.id = C(16), s.basic.key = nn.key, s.settings = {
+  return P(s, l), s.basic.id = T(16), s.basic.key = nn.key, s.settings = {
     radius: 1,
     widthSegements: 32,
     heightSegements: 16,
@@ -2955,8 +2955,8 @@ function pa(t, e) {
     thetaLength: 3.141592653589793
   }, s;
 }
-function ma(t, e) {
-  const i = `type=${t} subtype=${e}`, o = z(t, e);
+function pa(t, e) {
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(
       `sphereGeometryV1/spawnMeshBasicMaterial prop tag not found, ${i}`
@@ -2971,7 +2971,7 @@ function ma(t, e) {
     return;
   }
   const s = {};
-  return T(s, l), s.basic.id = C(16), s.basic.key = Ce.key, s;
+  return P(s, l), s.basic.id = T(16), s.basic.key = Ce.key, s;
 }
 const qn = {
   key: "settings",
@@ -3030,8 +3030,8 @@ const qn = {
   name: "x-runtime-lib.sphereGeometry",
   comp: Vs,
   props: {
-    pageScene: [h, qn],
-    compScene: [h, qn]
+    pageScene: [y, qn],
+    compScene: [y, qn]
   },
   events: [],
   methods: [],
@@ -3062,8 +3062,8 @@ const Qn = {
   name: "x-runtime-lib.ambientLight",
   comp: Is,
   props: {
-    pageScene: [h, X, Qn],
-    compScene: [h, X, Qn]
+    pageScene: [y, X, Qn],
+    compScene: [y, X, Qn]
   },
   events: [],
   methods: [],
@@ -3092,8 +3092,8 @@ const ei = {
   name: "x-runtime-lib.directionalLight",
   comp: Cs,
   props: {
-    pageScene: [h, X, ei],
-    compScene: [h, X, ei]
+    pageScene: [y, X, ei],
+    compScene: [y, X, ei]
   },
   events: [],
   methods: [],
@@ -3136,8 +3136,8 @@ const ti = {
   name: "x-runtime-lib.pointLight",
   comp: Ps,
   props: {
-    pageScene: [h, X, ti],
-    compScene: [h, X, ti]
+    pageScene: [y, X, ti],
+    compScene: [y, X, ti]
   },
   events: [],
   methods: [],
@@ -3197,8 +3197,8 @@ const ni = {
   name: "x-runtime-lib.spotLight",
   comp: As,
   props: {
-    pageScene: [h, X, ni],
-    compScene: [h, X, ni]
+    pageScene: [y, X, ni],
+    compScene: [y, X, ni]
   },
   events: [],
   methods: [],
@@ -3210,8 +3210,8 @@ const Ce = {
   name: "x-runtime-lib.meshBasicMaterial",
   comp: Ws,
   props: {
-    pageScene: [h],
-    compScene: [h]
+    pageScene: [y],
+    compScene: [y]
   },
   events: [],
   methods: [],
@@ -3220,12 +3220,12 @@ const Ce = {
 };
 _(Ce);
 const ha = {
-  key: mt,
+  key: pt,
   name: "x-runtime-lib.group",
-  comp: Ns,
+  comp: Es,
   props: {
-    pageScene: [h, X],
-    compScene: [h, X]
+    pageScene: [y, X],
+    compScene: [y, X]
   },
   events: [],
   methods: [],
@@ -3237,8 +3237,8 @@ const Te = {
   name: "x-runtime-lib.mesh",
   comp: Ds,
   props: {
-    pageScene: [h, X],
-    compScene: [h, X]
+    pageScene: [y, X],
+    compScene: [y, X]
   },
   events: [],
   methods: [],
@@ -3246,7 +3246,7 @@ const Te = {
 };
 _(Te);
 function ga(t, e) {
-  const i = `type=${t} subtype=${e}`, o = z(t, e);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`barChartV1/spawn prop tag not found, ${i}`);
     return;
@@ -3257,7 +3257,7 @@ function ga(t, e) {
     return;
   }
   const s = {};
-  return T(s, l), s.basic.id = C(16), s.basic.key = on.key, s.size.height = "300px", s.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], s.series = [
+  return P(s, l), s.basic.id = T(16), s.basic.key = on.key, s.size.height = "300px", s.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], s.series = [
     {
       type: "bar",
       data: [120, 200, 150, 80, 70, 110, 130]
@@ -3290,8 +3290,8 @@ const ii = {
   name: "x-runtime-lib.barChart",
   comp: Ur,
   props: {
-    pageCommon: [h, O, Me, Fe, Ge, De, ii],
-    compCommon: [h, O, Me, Fe, Ge, De, ii]
+    pageCommon: [y, O, Me, Fe, Ge, De, ii],
+    compCommon: [y, O, Me, Fe, Ge, De, ii]
   },
   events: [],
   methods: [],
@@ -3301,7 +3301,7 @@ const ii = {
 };
 _(on);
 function xa(t, e) {
-  const i = `type=${t} subtype=${e}`, o = z(t, e);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`lineChartV1/spawn prop tag not found, ${i}`);
     return;
@@ -3312,7 +3312,7 @@ function xa(t, e) {
     return;
   }
   const s = {};
-  return T(s, l), s.basic.id = C(16), s.basic.key = sn.key, s.size.height = "300px", s.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], s.series = [
+  return P(s, l), s.basic.id = T(16), s.basic.key = sn.key, s.size.height = "300px", s.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], s.series = [
     {
       type: "line",
       data: [120, 200, 150, 80, 70, 110, 130]
@@ -3345,8 +3345,8 @@ const oi = {
   name: "x-runtime-lib.lineChart",
   comp: Or,
   props: {
-    pageCommon: [h, O, Me, Fe, Ge, De, oi],
-    compCommon: [h, O, Me, Fe, Ge, De, oi]
+    pageCommon: [y, O, Me, Fe, Ge, De, oi],
+    compCommon: [y, O, Me, Fe, Ge, De, oi]
   },
   events: [],
   methods: [],
@@ -3455,15 +3455,15 @@ const li = {
   name: "x-runtime-lib.badge",
   comp: Xr,
   props: {
-    pageCommon: [h, li],
-    compCommon: [h, li]
+    pageCommon: [y, li],
+    compCommon: [y, li]
   },
   events: [],
   methods: [],
   slots: []
 };
 function ka(t, e) {
-  const i = `type=${t} subtype=${e}`, o = z(t, e);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`btnV1/spawn prop tag not found, ${i}`);
     return;
@@ -3474,7 +3474,7 @@ function ka(t, e) {
     return;
   }
   const s = {};
-  return T(s, l), s.basic.id = C(16), s.basic.key = rn.key, s.settings.text = "button", s;
+  return P(s, l), s.basic.id = T(16), s.basic.key = rn.key, s.settings.text = "button", s;
 }
 const _a = B(K), ai = {
   key: "settings",
@@ -3568,8 +3568,8 @@ const _a = B(K), ai = {
   name: "x-runtime-lib.button",
   comp: Yr,
   props: {
-    pageCommon: [h, O, ai],
-    compCommon: [h, O, ai]
+    pageCommon: [y, O, ai],
+    compCommon: [y, O, ai]
   },
   events: [
     {
@@ -3589,8 +3589,8 @@ const wa = {
   name: "x-runtime-lib.buttonGroup",
   comp: qr,
   props: {
-    pageCommon: [h],
-    compCommon: [h]
+    pageCommon: [y],
+    compCommon: [y]
   },
   events: [],
   methods: [],
@@ -3663,8 +3663,8 @@ const ui = {
   name: "x-runtime-lib.buttonToggle",
   comp: Qr,
   props: {
-    pageCommon: [h, ui],
-    compCommon: [h, ui]
+    pageCommon: [y, ui],
+    compCommon: [y, ui]
   },
   events: [],
   methods: [],
@@ -3672,7 +3672,7 @@ const ui = {
 };
 _(Va);
 function $a(t, e) {
-  const i = `type=${t} subtype=${e}`, o = z(t, e);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`cardV1/spawn prop tag not found, ${i}`);
     return;
@@ -3683,7 +3683,7 @@ function $a(t, e) {
     return;
   }
   const s = {};
-  return T(s, l), s.basic.id = C(16), s.basic.key = Pe.key, s.children = [], s.settings.title = "title", s.settings.subtitle = "subtitle", s.settings.text = "text", s;
+  return P(s, l), s.basic.id = T(16), s.basic.key = Pe.key, s.children = [], s.settings.title = "title", s.settings.subtitle = "subtitle", s.settings.text = "text", s;
 }
 const ci = {
   key: "settings",
@@ -3745,8 +3745,8 @@ const ci = {
   name: "x-runtime-lib.card",
   comp: el,
   props: {
-    pageCommon: [h, O, ci],
-    compCommon: [h, O, ci]
+    pageCommon: [y, O, ci],
+    compCommon: [y, O, ci]
   },
   events: [],
   methods: [],
@@ -3754,7 +3754,7 @@ const ci = {
   spawn: $a
 };
 _(Pe);
-const pi = {
+const mi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3776,8 +3776,8 @@ const pi = {
   name: "x-runtime-lib.checkbox",
   comp: tl,
   props: {
-    pageCommon: [h, pi],
-    compCommon: [h, pi]
+    pageCommon: [y, mi],
+    compCommon: [y, mi]
   },
   events: [],
   methods: [],
@@ -3785,7 +3785,7 @@ const pi = {
   leaf: !0
 };
 _(Ia);
-const Sa = B(K), mi = {
+const Sa = B(K), pi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3865,8 +3865,8 @@ const Sa = B(K), mi = {
   name: "x-runtime-lib.chip",
   comp: nl,
   props: {
-    pageCommon: [h, mi],
-    compCommon: [h, mi]
+    pageCommon: [y, pi],
+    compCommon: [y, pi]
   },
   events: [],
   methods: [],
@@ -3875,7 +3875,7 @@ const Sa = B(K), mi = {
 };
 _(ln);
 function Ca(t, e) {
-  const i = `type=${t} subtype=${e}`, o = z(t, e);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`chipGroupV1/spawn prop tag not found, ${i}`);
     return;
@@ -3886,7 +3886,7 @@ function Ca(t, e) {
     return;
   }
   const s = {};
-  return T(s, l), s.basic.id = C(16), s.basic.key = an.key, s.children = [
+  return P(s, l), s.basic.id = T(16), s.basic.key = an.key, s.children = [
     xe(t, e, "chip1", "chip 1"),
     xe(t, e, "chip2", "chip 2"),
     xe(t, e, "chip3", "chip 3"),
@@ -3896,7 +3896,7 @@ function Ca(t, e) {
   ], s;
 }
 function xe(t, e, i, o) {
-  const l = `type=${t} subtype=${e}`, s = z(t, e);
+  const l = `type=${t} subtype=${e}`, s = A(t, e);
   if (!s) {
     console.error(`chipGroupV1/spawnChip prop tag not found, ${l}`);
     return;
@@ -3906,8 +3906,8 @@ function xe(t, e, i, o) {
     console.error(`chipGroupV1/spawnChip props not found, ${l}`);
     return;
   }
-  const m = {};
-  return T(m, a), m.basic.id = C(16), m.basic.key = ln.key, m.settings.value = i, m.settings.text = o, m;
+  const p = {};
+  return P(p, a), p.basic.id = T(16), p.basic.key = ln.key, p.settings.value = i, p.settings.text = o, p;
 }
 const di = {
   key: "settings",
@@ -3968,8 +3968,8 @@ const di = {
   name: "x-runtime-lib.chipGroup",
   comp: il,
   props: {
-    pageCommon: [h, di],
-    compCommon: [h, di]
+    pageCommon: [y, di],
+    compCommon: [y, di]
   },
   events: [],
   methods: [],
@@ -3982,8 +3982,8 @@ const Ta = {
   name: "x-runtime-lib.colorPicker",
   comp: ol,
   props: {
-    pageCommon: [h],
-    compCommon: [h]
+    pageCommon: [y],
+    compCommon: [y]
   },
   events: [],
   methods: [],
@@ -4037,8 +4037,8 @@ const fi = {
   name: "x-runtime-lib.combobox",
   comp: sl,
   props: {
-    pageCommon: [h, fi],
-    compCommon: [h, fi]
+    pageCommon: [y, fi],
+    compCommon: [y, fi]
   },
   events: [],
   methods: [],
@@ -4058,8 +4058,8 @@ const bi = {
   name: "x-runtime-lib.container",
   comp: rl,
   props: {
-    pageCommon: [h, O, ke, _e, we, bi],
-    compCommon: [h, O, ke, _e, we, bi]
+    pageCommon: [y, O, ke, _e, we, bi],
+    compCommon: [y, O, ke, _e, we, bi]
   },
   events: [
     {
@@ -4229,8 +4229,8 @@ const yi = {
   name: "x-runtime-lib.dataTable",
   comp: ll,
   props: {
-    pageCommon: [h, yi, hi, gi],
-    compCommon: [h, yi, hi, gi]
+    pageCommon: [y, yi, hi, gi],
+    compCommon: [y, yi, hi, gi]
   },
   events: [],
   methods: [],
@@ -4243,8 +4243,8 @@ const Aa = {
   name: "x-runtime-lib.datePicker",
   comp: cl,
   props: {
-    pageCommon: [h],
-    compCommon: [h]
+    pageCommon: [y],
+    compCommon: [y]
   },
   events: [],
   methods: [],
@@ -4255,10 +4255,10 @@ _(Aa);
 const La = {
   key: lt,
   name: "x-runtime-lib.dialog",
-  comp: ml,
+  comp: pl,
   props: {
-    pageCommon: [h],
-    compCommon: [h]
+    pageCommon: [y],
+    compCommon: [y]
   },
   events: [],
   methods: [
@@ -4288,8 +4288,8 @@ const xi = {
   name: "x-runtime-lib.fileInput",
   comp: dl,
   props: {
-    pageCommon: [h, xi],
-    compCommon: [h, xi]
+    pageCommon: [y, xi],
+    compCommon: [y, xi]
   },
   events: [],
   methods: [],
@@ -4317,8 +4317,8 @@ const xi = {
   name: "x-runtime-lib.flexLayoutEntry",
   comp: bl,
   props: {
-    pageCommon: [h, O, vi],
-    compCommon: [h, O, vi]
+    pageCommon: [y, O, vi],
+    compCommon: [y, O, vi]
   },
   events: [],
   methods: [],
@@ -4326,7 +4326,7 @@ const xi = {
 };
 _(cn);
 function Ba(t, e) {
-  const i = `type=${t} subtype=${e}`, o = z(t, e);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`flexLayoutV1/spawn prop tag not found, ${i}`);
     return;
@@ -4337,8 +4337,8 @@ function Ba(t, e) {
     return;
   }
   const s = {};
-  return T(s, l), s.basic.id = C(16), s.basic.key = ze.key, s.children = [
-    pn(
+  return P(s, l), s.basic.id = T(16), s.basic.key = ze.key, s.children = [
+    mn(
       t,
       e,
       "#ff0000",
@@ -4348,7 +4348,7 @@ function Ba(t, e) {
       "40px",
       void 0
     ),
-    pn(
+    mn(
       t,
       e,
       "#00ff00",
@@ -4361,24 +4361,24 @@ function Ba(t, e) {
     Wa(t, e)
   ], s;
 }
-function pn(t, e, i, o, l, s, a, m, f) {
-  const d = `type=${t} subtype=${e}`, c = z(t, e);
-  if (!c) {
+function mn(t, e, i, o, l, s, a, p, d) {
+  const b = `type=${t} subtype=${e}`, m = A(t, e);
+  if (!m) {
     console.error(
-      `flexLayoutV1/spawnContainer prop tag not found, ${d}`
+      `flexLayoutV1/spawnContainer prop tag not found, ${b}`
     );
     return;
   }
-  const u = un.props[c];
+  const u = un.props[m];
   if (!u) {
-    console.error(`flexLayoutV1/spawnContainer props not found, ${d}`);
+    console.error(`flexLayoutV1/spawnContainer props not found, ${b}`);
     return;
   }
-  const p = {};
-  return T(p, u), p.basic.id = C(16), p.basic.key = un.key, o && (p.size.width = o), l && (p.size.minWidth = l), a && (p.size.height = a), m && (p.size.minHeight = m), i && (p.settings.backgroundColor.mode = "custom", p.settings.backgroundColor.custom.light = i, p.settings.backgroundColor.custom.dark = i), p.children = [], p;
+  const c = {};
+  return P(c, u), c.basic.id = T(16), c.basic.key = un.key, o && (c.size.width = o), l && (c.size.minWidth = l), a && (c.size.height = a), p && (c.size.minHeight = p), i && (c.settings.backgroundColor.mode = "custom", c.settings.backgroundColor.custom.light = i, c.settings.backgroundColor.custom.dark = i), c.children = [], c;
 }
 function Wa(t, e) {
-  const i = `type=${t} subtype=${e}`, o = z(t, e);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`flexLayoutV1/spawnEntry prop tag not found, ${i}`);
     return;
@@ -4394,8 +4394,8 @@ function Wa(t, e) {
       key: ""
     }
   };
-  return T(s, l), s.basic.id = C(16), s.basic.key = cn.key, s.children = [
-    pn(
+  return P(s, l), s.basic.id = T(16), s.basic.key = cn.key, s.children = [
+    mn(
       t,
       e,
       "#0000ff",
@@ -4585,8 +4585,8 @@ const ki = {
   name: "x-runtime-lib.flexLayout",
   comp: fl,
   props: {
-    pageCommon: [h, O, ke, _e, we, ki],
-    compCommon: [h, O, ke, _e, we, ki]
+    pageCommon: [y, O, ke, _e, we, ki],
+    compCommon: [y, O, ke, _e, we, ki]
   },
   events: [
     {
@@ -4750,13 +4750,13 @@ const _i = {
       default: void 0
     }
   ]
-}, mn = {
-  key: Nt,
+}, pn = {
+  key: Et,
   name: "x-runtime-lib.textField",
   comp: Gl,
   props: {
-    pageCommon: [h, _i, wi],
-    compCommon: [h, _i, wi]
+    pageCommon: [y, _i, wi],
+    compCommon: [y, _i, wi]
   },
   events: [],
   methods: [],
@@ -4788,9 +4788,9 @@ const _i = {
   ],
   leaf: !0
 };
-_(mn);
-function Ea(t, e) {
-  const i = `type=${t} subtype=${e}`, o = z(t, e);
+_(pn);
+function Na(t, e) {
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`formV1/spawn prop tag not found, ${i}`);
     return;
@@ -4801,21 +4801,21 @@ function Ea(t, e) {
     return;
   }
   const s = {};
-  return T(s, l), s.basic.id = C(16), s.basic.key = dn.key, s.children = [Na(t, e)], s;
+  return P(s, l), s.basic.id = T(16), s.basic.key = dn.key, s.children = [Ea(t, e)], s;
 }
-function Na(t, e) {
-  const i = `type=${t} subtype=${e}`, o = z(t, e);
+function Ea(t, e) {
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`formV1/spawnTextField prop tag not found, ${i}`);
     return;
   }
-  const l = mn.props[o];
+  const l = pn.props[o];
   if (!l) {
     console.error(`formV1/spawnTextField props not found, ${i}`);
     return;
   }
   const s = {};
-  return T(s, l), s.basic.id = C(16), s.basic.key = mn.key, s;
+  return P(s, l), s.basic.id = T(16), s.basic.key = pn.key, s;
 }
 const Vi = {
   key: "settings",
@@ -4836,12 +4836,12 @@ const Vi = {
     }
   ]
 }, dn = {
-  key: pt,
+  key: mt,
   name: "x-runtime-lib.form",
   comp: yl,
   props: {
-    pageCommon: [h, O, ke, _e, we, Vi],
-    compCommon: [h, O, ke, _e, we, Vi]
+    pageCommon: [y, O, ke, _e, we, Vi],
+    compCommon: [y, O, ke, _e, we, Vi]
   },
   events: [
     {
@@ -4852,7 +4852,7 @@ const Vi = {
   ],
   methods: [],
   slots: [],
-  spawn: Ea
+  spawn: Na
 };
 _(dn);
 const Ra = B(K), $i = {
@@ -4885,8 +4885,8 @@ const Ra = B(K), $i = {
   name: "x-runtime-lib.icon",
   comp: hl,
   props: {
-    pageCommon: [h, $i],
-    compCommon: [h, $i]
+    pageCommon: [y, $i],
+    compCommon: [y, $i]
   },
   events: [],
   methods: [],
@@ -4899,8 +4899,8 @@ const Ma = {
   name: "x-runtime-lib.menu",
   comp: xl,
   props: {
-    pageCommon: [h],
-    compCommon: [h]
+    pageCommon: [y],
+    compCommon: [y]
   },
   events: [],
   methods: [
@@ -4922,7 +4922,7 @@ const Ma = {
 };
 _(Ma);
 function Fa(t, e) {
-  const i = `type=${t} subtype=${e}`, o = z(t, e);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`numberInputV1/spawn prop tag not found, ${i}`);
     return;
@@ -4933,7 +4933,7 @@ function Fa(t, e) {
     return;
   }
   const s = {};
-  return T(s, l), s.basic.id = C(16), s.basic.key = fn.key, s.settings.label = "label", s.settings.placeholder = "placeholder", s;
+  return P(s, l), s.basic.id = T(16), s.basic.key = fn.key, s.settings.label = "label", s.settings.placeholder = "placeholder", s;
 }
 const Ii = {
   key: "size",
@@ -5107,8 +5107,8 @@ const Ii = {
   name: "x-runtime-lib.numberInput",
   comp: vl,
   props: {
-    pageCommon: [h, Ii, Si],
-    compCommon: [h, Ii, Si]
+    pageCommon: [y, Ii, Si],
+    compCommon: [y, Ii, Si]
   },
   events: [
     {
@@ -5211,8 +5211,8 @@ const Ci = {
   name: "x-runtime-lib.pagination",
   comp: kl,
   props: {
-    pageCommon: [h, Ci],
-    compCommon: [h, Ci]
+    pageCommon: [y, Ci],
+    compCommon: [y, Ci]
   },
   events: [],
   methods: [],
@@ -5262,8 +5262,8 @@ const Ha = B(K), Ti = {
   name: "x-runtime-lib.radio",
   comp: _l,
   props: {
-    pageCommon: [h, Ti],
-    compCommon: [h, Ti]
+    pageCommon: [y, Ti],
+    compCommon: [y, Ti]
   },
   events: [],
   methods: [],
@@ -5272,7 +5272,7 @@ const Ha = B(K), Ti = {
 };
 _(bn);
 function ja(t, e) {
-  const i = `type=${t} subtype=${e}`, o = z(t, e);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`radioGroupV1/spawn prop tag not found, ${i}`);
     return;
@@ -5283,14 +5283,14 @@ function ja(t, e) {
     return;
   }
   const s = {};
-  return T(s, l), s.basic.id = C(16), s.basic.key = yn.key, s.children = [
+  return P(s, l), s.basic.id = T(16), s.basic.key = yn.key, s.children = [
     Ot(t, e, "option1", "Option 1"),
     Ot(t, e, "option2", "Option 2"),
     Ot(t, e, "option3", "Option 3")
   ], s.settings.value = "option1", s;
 }
 function Ot(t, e, i, o) {
-  const l = `type=${t} subtype=${e}`, s = z(t, e);
+  const l = `type=${t} subtype=${e}`, s = A(t, e);
   if (!s) {
     console.error(`radioGroupV1/spawnEntry prop tag not found, ${l}`);
     return;
@@ -5300,8 +5300,8 @@ function Ot(t, e, i, o) {
     console.error(`radioGroupV1/spawnEntry props not found, ${l}`);
     return;
   }
-  const m = {};
-  return T(m, a), m.basic.id = C(16), m.basic.key = bn.key, m.settings.value = i, m.settings.label = o, m;
+  const p = {};
+  return P(p, a), p.basic.id = T(16), p.basic.key = bn.key, p.settings.value = i, p.settings.label = o, p;
 }
 const Pi = {
   key: "settings",
@@ -5351,8 +5351,8 @@ const Pi = {
   name: "x-runtime-lib.radioGroup",
   comp: wl,
   props: {
-    pageCommon: [h, Pi],
-    compCommon: [h, Pi]
+    pageCommon: [y, Pi],
+    compCommon: [y, Pi]
   },
   events: [],
   methods: [],
@@ -5482,8 +5482,8 @@ const zi = {
   name: "x-runtime-lib.rangeSlider",
   comp: Vl,
   props: {
-    pageCommon: [h, zi],
-    compCommon: [h, zi]
+    pageCommon: [y, zi],
+    compCommon: [y, zi]
   },
   events: [],
   methods: [],
@@ -5551,8 +5551,8 @@ const Ai = {
   name: "x-runtime-lib.rating",
   comp: $l,
   props: {
-    pageCommon: [h, Ai],
-    compCommon: [h, Ai]
+    pageCommon: [y, Ai],
+    compCommon: [y, Ai]
   },
   events: [],
   methods: [],
@@ -5606,8 +5606,8 @@ const Li = {
   name: "x-runtime-lib.select",
   comp: Il,
   props: {
-    pageCommon: [h, Li],
-    compCommon: [h, Li]
+    pageCommon: [y, Li],
+    compCommon: [y, Li]
   },
   events: [],
   methods: [],
@@ -5755,8 +5755,8 @@ const Bi = {
   name: "x-runtime-lib.slider",
   comp: Sl,
   props: {
-    pageCommon: [h, Bi, Wi],
-    compCommon: [h, Bi, Wi]
+    pageCommon: [y, Bi, Wi],
+    compCommon: [y, Bi, Wi]
   },
   events: [],
   methods: [],
@@ -5769,15 +5769,15 @@ const hn = {
   name: "x-runtime-lib.stepperHeader",
   comp: zl,
   props: {
-    pageCommon: [h],
-    compCommon: [h]
+    pageCommon: [y],
+    compCommon: [y]
   },
   events: [],
   methods: [],
   slots: []
 };
 _(hn);
-const Ei = {
+const Ni = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5793,8 +5793,8 @@ const Ei = {
   name: "x-runtime-lib.stepperItem",
   comp: Al,
   props: {
-    pageCommon: [h, Ei],
-    compCommon: [h, Ei]
+    pageCommon: [y, Ni],
+    compCommon: [y, Ni]
   },
   events: [],
   methods: [],
@@ -5806,15 +5806,15 @@ const xn = {
   name: "x-runtime-lib.stepperWindow",
   comp: Wl,
   props: {
-    pageCommon: [h],
-    compCommon: [h]
+    pageCommon: [y],
+    compCommon: [y]
   },
   events: [],
   methods: [],
   slots: []
 };
 _(xn);
-const Ni = {
+const Ei = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5828,10 +5828,10 @@ const Ni = {
 }, vn = {
   key: xo,
   name: "x-runtime-lib.stepperWindowItem",
-  comp: El,
+  comp: Nl,
   props: {
-    pageCommon: [h, Ni],
-    compCommon: [h, Ni]
+    pageCommon: [y, Ei],
+    compCommon: [y, Ei]
   },
   events: [],
   methods: [],
@@ -5839,7 +5839,7 @@ const Ni = {
 };
 _(vn);
 function Ya(t, e) {
-  const i = `type=${t} subtype=${e}`, o = z(t, e);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`stepperV1/spawn prop tag not found, ${i}`);
     return;
@@ -5850,10 +5850,10 @@ function Ya(t, e) {
     return;
   }
   const s = {};
-  return T(s, l), s.basic.id = C(16), s.basic.key = kn.key, s.children = [Ja(t, e), Za(t, e)], s;
+  return P(s, l), s.basic.id = T(16), s.basic.key = kn.key, s.children = [Ja(t, e), Za(t, e)], s;
 }
 function Ja(t, e) {
-  const i = `type=${t} subtype=${e}`, o = z(t, e);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`stepperV1/spawnHeader prop tag not found, ${i}`);
     return;
@@ -5864,14 +5864,14 @@ function Ja(t, e) {
     return;
   }
   const s = {};
-  return T(s, l), s.basic.id = C(16), s.basic.key = hn.key, s.children = [
+  return P(s, l), s.basic.id = T(16), s.basic.key = hn.key, s.children = [
     Xt(t, e, "step1"),
     Xt(t, e, "step2"),
     Xt(t, e, "step3")
   ], s;
 }
 function Xt(t, e, i) {
-  const o = `type=${t} subtype=${e}`, l = z(t, e);
+  const o = `type=${t} subtype=${e}`, l = A(t, e);
   if (!l) {
     console.error(`stepperV1/spawnItem prop tag not found, ${o}`);
     return;
@@ -5882,10 +5882,10 @@ function Xt(t, e, i) {
     return;
   }
   const a = {};
-  return T(a, s), a.basic.id = C(16), a.basic.key = gn.key, a.children = [], a.settings.value = i, a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = gn.key, a.children = [], a.settings.value = i, a;
 }
 function Za(t, e) {
-  const i = `type=${t} subtype=${e}`, o = z(t, e);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`stepperV1/spawnWindow prop tag not found, ${i}`);
     return;
@@ -5896,14 +5896,14 @@ function Za(t, e) {
     return;
   }
   const s = {};
-  return T(s, l), s.basic.id = C(16), s.basic.key = xn.key, s.children = [
+  return P(s, l), s.basic.id = T(16), s.basic.key = xn.key, s.children = [
     Yt(t, e, "step1", "step 1"),
     Yt(t, e, "step2", "step 2"),
     Yt(t, e, "step3", "step 3")
   ], s;
 }
 function Yt(t, e, i, o) {
-  const l = `type=${t} subtype=${e}`, s = z(t, e);
+  const l = `type=${t} subtype=${e}`, s = A(t, e);
   if (!s) {
     console.error(`stepperV1/spawnWindowItem prop tag not found, ${l}`);
     return;
@@ -5913,11 +5913,11 @@ function Yt(t, e, i, o) {
     console.error(`stepperV1/spawnWindowItem props not found, ${l}`);
     return;
   }
-  const m = {};
-  return T(m, a), m.basic.id = C(16), m.basic.key = vn.key, m.children = [qa(t, e, o)], m.settings.value = i, m;
+  const p = {};
+  return P(p, a), p.basic.id = T(16), p.basic.key = vn.key, p.children = [qa(t, e, o)], p.settings.value = i, p;
 }
 function qa(t, e, i) {
-  const o = `type=${t} subtype=${e}`, l = z(t, e);
+  const o = `type=${t} subtype=${e}`, l = A(t, e);
   if (!l) {
     console.error(`stepperV1/spawnCard prop tag not found, ${o}`);
     return;
@@ -5928,7 +5928,7 @@ function qa(t, e, i) {
     return;
   }
   const a = {};
-  return T(a, s), a.basic.id = C(16), a.basic.key = Pe.key, a.children = [], a.settings.title = i, a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = Pe.key, a.children = [], a.settings.title = i, a;
 }
 const Ri = {
   key: "settings",
@@ -5952,8 +5952,8 @@ const Ri = {
   name: "x-runtime-lib.stepper",
   comp: Cl,
   props: {
-    pageCommon: [h, Ri],
-    compCommon: [h, Ri]
+    pageCommon: [y, Ri],
+    compCommon: [y, Ri]
   },
   events: [],
   methods: [],
@@ -5964,10 +5964,10 @@ _(kn);
 const Qa = {
   key: Lt,
   name: "x-runtime-lib.switch",
-  comp: Nl,
+  comp: El,
   props: {
-    pageCommon: [h],
-    compCommon: [h]
+    pageCommon: [y],
+    compCommon: [y]
   },
   events: [],
   methods: [],
@@ -5997,8 +5997,8 @@ const Di = {
   name: "x-runtime-lib.tab",
   comp: Rl,
   props: {
-    pageCommon: [h, Di],
-    compCommon: [h, Di]
+    pageCommon: [y, Di],
+    compCommon: [y, Di]
   },
   events: [],
   methods: [],
@@ -6007,7 +6007,7 @@ const Di = {
 };
 _(_n);
 function eu(t, e) {
-  const i = `type=${t} subtype=${e}`, o = z(t, e);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`tabsV1/spawn prop tag not found, ${i}`);
     return;
@@ -6018,14 +6018,14 @@ function eu(t, e) {
     return;
   }
   const s = {};
-  return T(s, l), s.basic.id = C(16), s.basic.key = wn.key, s.children = [
+  return P(s, l), s.basic.id = T(16), s.basic.key = wn.key, s.children = [
     Jt(t, e, "tab1", "tab 1"),
     Jt(t, e, "tab2", "tab 2"),
     Jt(t, e, "tab3", "tab 3")
   ], s;
 }
 function Jt(t, e, i, o) {
-  const l = `type=${t} subtype=${e}`, s = z(t, e);
+  const l = `type=${t} subtype=${e}`, s = A(t, e);
   if (!s) {
     console.error(`tabsV1/spawnTab prop tag not found, ${l}`);
     return;
@@ -6035,8 +6035,8 @@ function Jt(t, e, i, o) {
     console.error(`tabsV1/spawnTab props not found, ${l}`);
     return;
   }
-  const m = {};
-  return T(m, a), m.basic.id = C(16), m.basic.key = _n.key, m.settings.value = i, m.settings.text = o, m;
+  const p = {};
+  return P(p, a), p.basic.id = T(16), p.basic.key = _n.key, p.settings.value = i, p.settings.text = o, p;
 }
 const jn = B(K);
 jn.key = "backgroundColor";
@@ -6131,8 +6131,8 @@ const Mi = {
   name: "x-runtime-lib.tabs",
   comp: Dl,
   props: {
-    pageCommon: [h, Mi],
-    compCommon: [h, Mi]
+    pageCommon: [y, Mi],
+    compCommon: [y, Mi]
   },
   events: [],
   methods: [],
@@ -6141,7 +6141,7 @@ const Mi = {
 };
 _(wn);
 function tu(t, e) {
-  const i = `type=${t} subtype=${e}`, o = z(t, e);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`textV1/spawn prop tag not found, ${i}`);
     return;
@@ -6152,7 +6152,7 @@ function tu(t, e) {
     return;
   }
   const s = {};
-  return T(s, l), s.basic.id = C(16), s.basic.key = be.key, s.settings.text = "text", s;
+  return P(s, l), s.basic.id = T(16), s.basic.key = be.key, s.settings.text = "text", s;
 }
 const Fi = {
   key: "settings",
@@ -6245,8 +6245,8 @@ const Fi = {
   name: "x-runtime-lib.text",
   comp: Ml,
   props: {
-    pageCommon: [h, Fi],
-    compCommon: [h, Fi]
+    pageCommon: [y, Fi],
+    compCommon: [y, Fi]
   },
   events: [],
   methods: [],
@@ -6256,7 +6256,7 @@ const Fi = {
 };
 _(be);
 function nu(t, e) {
-  const i = `type=${t} subtype=${e}`, o = z(t, e);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`textareaV1/spawn prop tag not found, ${i}`);
     return;
@@ -6267,7 +6267,7 @@ function nu(t, e) {
     return;
   }
   const s = {};
-  return T(s, l), s.basic.id = C(16), s.basic.key = Vn.key, s.settings.label = "label", s;
+  return P(s, l), s.basic.id = T(16), s.basic.key = Vn.key, s.settings.label = "label", s;
 }
 const Gi = {
   key: "settings",
@@ -6341,12 +6341,12 @@ const Gi = {
     }
   ]
 }, Vn = {
-  key: Et,
+  key: Nt,
   name: "x-runtime-lib.textarea",
   comp: Fl,
   props: {
-    pageCommon: [h, Gi],
-    compCommon: [h, Gi]
+    pageCommon: [y, Gi],
+    compCommon: [y, Gi]
   },
   events: [],
   methods: [],
@@ -6360,8 +6360,8 @@ const $n = {
   name: "x-runtime-lib.timelineItem",
   comp: Ul,
   props: {
-    pageCommon: [h],
-    compCommon: [h]
+    pageCommon: [y],
+    compCommon: [y]
   },
   events: [],
   methods: [],
@@ -6369,7 +6369,7 @@ const $n = {
 };
 _($n);
 function iu(t, e) {
-  const i = `type=${t} subtype=${e}`, o = z(t, e);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`timelineV1/spawn prop tag not found, ${i}`);
     return;
@@ -6380,14 +6380,14 @@ function iu(t, e) {
     return;
   }
   const s = {};
-  return T(s, l), s.basic.id = C(16), s.basic.key = In.key, s.children = [
+  return P(s, l), s.basic.id = T(16), s.basic.key = In.key, s.children = [
     Zt(t, e, "timeline 1"),
     Zt(t, e, "timeline 2"),
     Zt(t, e, "timeline 3")
   ], s;
 }
 function Zt(t, e, i) {
-  const o = `type=${t} subtype=${e}`, l = z(t, e);
+  const o = `type=${t} subtype=${e}`, l = A(t, e);
   if (!l) {
     console.error(`timelineV1/spawnEntry prop tag not found, ${o}`);
     return;
@@ -6398,10 +6398,10 @@ function Zt(t, e, i) {
     return;
   }
   const a = {};
-  return T(a, s), a.basic.id = C(16), a.basic.key = $n.key, a.children = [ou(t, e, i)], a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = $n.key, a.children = [ou(t, e, i)], a;
 }
 function ou(t, e, i) {
-  const o = `type=${t} subtype=${e}`, l = z(t, e);
+  const o = `type=${t} subtype=${e}`, l = A(t, e);
   if (!l) {
     console.error(`timelineV1/spawnText prop tag not found, ${o}`);
     return;
@@ -6412,7 +6412,7 @@ function ou(t, e, i) {
     return;
   }
   const a = {};
-  return T(a, s), a.basic.id = C(16), a.basic.key = be.key, a.settings.text = i, a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = be.key, a.settings.text = i, a;
 }
 const su = B(K), ru = B(K), Hi = {
   key: "settings",
@@ -6497,8 +6497,8 @@ const su = B(K), ru = B(K), Hi = {
   name: "x-runtime-lib.timeline",
   comp: Hl,
   props: {
-    pageCommon: [h, Hi],
-    compCommon: [h, Hi]
+    pageCommon: [y, Hi],
+    compCommon: [y, Hi]
   },
   events: [],
   methods: [],
@@ -6511,8 +6511,8 @@ const Sn = {
   name: "x-runtime-lib.windowItem",
   comp: Jl,
   props: {
-    pageCommon: [h],
-    compCommon: [h]
+    pageCommon: [y],
+    compCommon: [y]
   },
   events: [],
   methods: [],
@@ -6520,7 +6520,7 @@ const Sn = {
 };
 _(Sn);
 function lu(t, e) {
-  const i = `type=${t} subtype=${e}`, o = z(t, e);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`windowV1/spawn prop tag not found, ${i}`);
     return;
@@ -6531,14 +6531,14 @@ function lu(t, e) {
     return;
   }
   const s = {};
-  return T(s, l), s.basic.id = C(16), s.basic.key = Cn.key, s.children = [
+  return P(s, l), s.basic.id = T(16), s.basic.key = Cn.key, s.children = [
     qt(t, e, "window 1"),
     qt(t, e, "window 2"),
     qt(t, e, "window 3")
   ], s;
 }
 function qt(t, e, i) {
-  const o = `type=${t} subtype=${e}`, l = z(t, e);
+  const o = `type=${t} subtype=${e}`, l = A(t, e);
   if (!l) {
     console.error(`windowV1/spawnEntry prop tag not found, ${o}`);
     return;
@@ -6549,10 +6549,10 @@ function qt(t, e, i) {
     return;
   }
   const a = {};
-  return T(a, s), a.basic.id = C(16), a.basic.key = Sn.key, a.children = [au(t, e, i)], a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = Sn.key, a.children = [au(t, e, i)], a;
 }
 function au(t, e, i) {
-  const o = `type=${t} subtype=${e}`, l = z(t, e);
+  const o = `type=${t} subtype=${e}`, l = A(t, e);
   if (!l) {
     console.error(`windowV1/spawnFlexLayout prop tag not found, ${o}`);
     return;
@@ -6563,10 +6563,10 @@ function au(t, e, i) {
     return;
   }
   const a = {};
-  return T(a, s), a.basic.id = C(16), a.basic.key = ze.key, a.size.height = "200px", a.settings.mainAlign.xs = "center", a.settings.crossAlign.xs = "center", a.settings.backgroundColor.mode = "theme", a.settings.backgroundColor.theme = "background2", a.children = [uu(t, e, i)], a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = ze.key, a.size.height = "200px", a.settings.mainAlign.xs = "center", a.settings.crossAlign.xs = "center", a.settings.backgroundColor.mode = "theme", a.settings.backgroundColor.theme = "background2", a.children = [uu(t, e, i)], a;
 }
 function uu(t, e, i) {
-  const o = `type=${t} subtype=${e}`, l = z(t, e);
+  const o = `type=${t} subtype=${e}`, l = A(t, e);
   if (!l) {
     console.error(`windowV1/spawnText prop tag not found, ${o}`);
     return;
@@ -6577,7 +6577,7 @@ function uu(t, e, i) {
     return;
   }
   const a = {};
-  return T(a, s), a.basic.id = C(16), a.basic.key = be.key, a.settings.text = i, a.settings.style.xs = "h6", a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = be.key, a.settings.text = i, a.settings.style.xs = "h6", a;
 }
 const ji = {
   key: "settings",
@@ -6632,8 +6632,8 @@ const ji = {
   name: "x-runtime-lib.window",
   comp: Ol,
   props: {
-    pageCommon: [h, ji],
-    compCommon: [h, ji]
+    pageCommon: [y, ji],
+    compCommon: [y, ji]
   },
   events: [],
   methods: [],
@@ -6646,12 +6646,12 @@ const cu = [
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" }
-], pu = [
+], mu = [
   { title: "x-runtime-lib.value", value: "value" },
   { title: "x-runtime-lib.category", value: "category" },
   { title: "x-runtime-lib.time", value: "time" },
   { title: "x-runtime-lib.log", value: "log" }
-], mu = [
+], pu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.solid", value: "solid" },
   { title: "x-runtime-lib.dashed", value: "dashed" },
@@ -6793,8 +6793,8 @@ const cu = [
 ], Wu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   alignTabsItemsV1: cu,
-  axisTypeItemsV1: pu,
-  borderStyleItemsV1: mu,
+  axisTypeItemsV1: mu,
+  borderStyleItemsV1: pu,
   colorModeItemsV1: du,
   densityItemsV1: fu,
   directionItemsV1: bu,
@@ -6817,7 +6817,7 @@ const cu = [
   timelineDirectionItemsV1: Au,
   timelineSideItemsV1: Lu,
   timelineTruncateLineItemsV1: Bu
-}, Symbol.toStringTag, { value: "Module" })), Eu = [
+}, Symbol.toStringTag, { value: "Module" })), Nu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6857,7 +6857,7 @@ const cu = [
     max: 1 / 0,
     step: 1
   }
-], Nu = [
+], Eu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7012,8 +7012,8 @@ const cu = [
   }
 ], Hu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  borderWidthTypesV1: Eu,
-  leftRightTypesV1: Nu,
+  borderWidthTypesV1: Nu,
+  leftRightTypesV1: Eu,
   marginTypesV1: Ru,
   paddingTypesV1: Du,
   sizeTypesV1: Mu,
@@ -7042,10 +7042,10 @@ const cu = [
     key: "formRelated",
     name: "x-runtime-lib.formRelated",
     items: [
-      pt,
+      mt,
       Wt,
-      Nt,
       Et,
+      Nt,
       xt,
       Ct,
       it,
@@ -7091,13 +7091,13 @@ const cu = [
   {
     key: "dynamic",
     name: "x-runtime-lib.dynamic",
-    items: [Re, En, Nn]
+    items: [Re, Nn, En]
   }
 ], Ku = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
-    items: [mt, gt]
+    items: [pt, gt]
   },
   {
     key: "geometries",
@@ -7147,10 +7147,10 @@ const cu = [
     key: "formRelated",
     name: "x-runtime-lib.formRelated",
     items: [
-      pt,
+      mt,
       Wt,
-      Nt,
       Et,
+      Nt,
       xt,
       Ct,
       it,
@@ -7196,13 +7196,13 @@ const cu = [
   {
     key: "dynamic",
     name: "x-runtime-lib.dynamic",
-    items: [Re, En, Nn]
+    items: [Re, Nn, En]
   }
 ], Ou = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
-    items: [mt, gt]
+    items: [pt, gt]
   },
   {
     key: "geometries",
@@ -7258,16 +7258,16 @@ const cu = [
     ut,
     ct,
     fo,
-    pt,
-    en,
     mt,
+    en,
+    pt,
     dt,
     ft,
     bt,
     yt,
     ht,
     gt,
-    En,
+    Nn,
     xt,
     vt,
     kt,
@@ -7278,7 +7278,7 @@ const cu = [
     $t,
     It,
     St,
-    Nn,
+    En,
     Ct,
     Re,
     Tt,
@@ -7294,8 +7294,8 @@ const cu = [
     Rn,
     Bt,
     Wt,
-    Et,
     Nt,
+    Et,
     Rt,
     ko,
     Dt,
@@ -7326,8 +7326,8 @@ function Ic(t) {
 }
 function Sc(t, e, i, o, l) {
   let s = t;
-  for (let m = 0; m < e.length; m++)
-    if (s = s.children[e[m]], !s) {
+  for (let p = 0; p < e.length; p++)
+    if (s = s.children[e[p]], !s) {
       console.assert(!1, `unpkg context failed parentKeys=${e}`);
       return;
     }
@@ -7343,7 +7343,7 @@ function Sc(t, e, i, o, l) {
   }, s.children[i] = a);
 }
 const Yu = ["common", "scene"], Ju = ["common", "scene"];
-function z(t, e) {
+function A(t, e) {
   if (t === "page") {
     if (!Yu.includes(e)) {
       console.error(`get prop tag failed type=${t} subtype=${e}`);
@@ -7363,7 +7363,7 @@ function Ki(t, e) {
     return (t.ui === "switch" || t.ui === "select" || t.ui === "colorPicker" || t.ui === "multiTypes" || t.ui === "compSelect") && !i ? void 0 : i;
   }
 }
-function T(t, e) {
+function P(t, e) {
   function i(o, l) {
     if (l.ui) {
       if (l.ui === "strInput" && l.static)
@@ -7377,57 +7377,57 @@ function T(t, e) {
   e.forEach((o) => i(t, o));
 }
 function Cc(t, e, i, o, l) {
-  const s = `type=${t} subtype=${e} version=${i} ref=${o} keyOrRefid=${l}`, a = z(t, e);
+  const s = `type=${t} subtype=${e} version=${i} ref=${o} keyOrRefid=${l}`, a = A(t, e);
   if (!a) {
     console.error(`spawnNode prop tag not found, ${s}`);
     return;
   }
-  const m = wo[i];
-  if (!m) {
+  const p = wo[i];
+  if (!p) {
     console.error(`spawnNode pkg not found version, ${s}`);
     return;
   }
   if (o) {
-    const f = m.refKey, d = l;
-    if (!m.elements.has(f)) {
+    const d = p.refKey, b = l;
+    if (!p.elements.has(d)) {
       console.error(`spawnNode [ref] element not found in pkg, ${s}`);
       return;
     }
-    const c = Se[f];
-    if (!c) {
+    const m = Se[d];
+    if (!m) {
       console.error(`spawnNode [ref] element not found in global, ${s}`);
       return;
     }
-    const u = c.props[a];
+    const u = m.props[a];
     if (!u) {
       console.error(`spawnNode [ref] props not found, ${s}`);
       return;
     }
-    const p = {
+    const c = {
       basic: {
         id: "",
         key: ""
       }
     };
-    return T(p, u), p.basic.id = C(16), p.basic.key = f, p.ref = {
-      comp: d
-    }, p;
+    return P(c, u), c.basic.id = T(16), c.basic.key = d, c.ref = {
+      comp: b
+    }, c;
   } else {
-    const f = l;
-    if (!m.elements.has(f)) {
+    const d = l;
+    if (!p.elements.has(d)) {
       console.error(`spawnNode [key] element not found in pkg, ${s}`);
       return;
     }
-    const d = Se[f];
-    if (!d) {
+    const b = Se[d];
+    if (!b) {
       console.error(`spawnNode [key] element not found in global, ${s}`);
       return;
     }
-    if (d.spawn)
-      return d.spawn(t, e);
+    if (b.spawn)
+      return b.spawn(t, e);
     {
-      const c = d.props[a];
-      if (!c) {
+      const m = b.props[a];
+      if (!m) {
         console.error(`spawnNode [key] props not found, ${s}`);
         return;
       }
@@ -7437,7 +7437,7 @@ function Cc(t, e, i, o, l) {
           key: ""
         }
       };
-      return T(u, c), u.basic.id = C(16), u.basic.key = f, d.leaf || (u.children = []), u;
+      return P(u, m), u.basic.id = T(16), u.basic.key = d, b.leaf || (u.children = []), u;
     }
   }
 }
@@ -7460,7 +7460,7 @@ function Tc(t, e) {
 }
 function Zu(t) {
   function e(o) {
-    o.basic.id = C(16), o.children?.forEach((l) => e(l));
+    o.basic.id = T(16), o.children?.forEach((l) => e(l));
   }
   const i = B(t);
   return e(i), i;
@@ -7502,13 +7502,13 @@ function Wc(t) {
 function Le() {
   return oe(Co);
 }
-function Ec(t) {
+function Nc(t) {
   se(To, t);
 }
-function me() {
+function pe() {
   return oe(To);
 }
-function Nc(t) {
+function Ec(t) {
   se(Po, t);
 }
 function de() {
@@ -7530,135 +7530,135 @@ function Ie(t) {
   const e = [t.type];
   return t.type === "elementProp" ? e.push(t.nodeId, t.propKeys) : t.type === "customProp" || t.type === "adaptSlotProp" ? e.push(t.propId) : t.type === "customState" ? e.push(t.stateId) : console.assert(!1), e.join("@");
 }
-function Ee(t, e, i, o, l) {
+function Ne(t, e, i, o, l) {
   const { watchEffect: s, bind: a } = e;
   if (s[i])
-    for (const m of s[i]) {
-      const f = ns(m);
-      t.callFunction(`__watchEffect$${f}__`);
+    for (const p of s[i]) {
+      const d = ns(p);
+      t.callFunction(`__watchEffect$${d}__`);
     }
   if (a.triggers[i])
-    for (const m of a.triggers[i]) {
-      const f = a.sets[m];
-      if (!f) {
+    for (const p of a.triggers[i]) {
+      const d = a.sets[p];
+      if (!d) {
         console.assert(!1);
         continue;
       }
-      let d = null;
-      for (const u of f)
+      let b = null;
+      for (const u of d)
         if (i === Ie(u)) {
           if (u.subKeys) {
             if (!ne(
               ve(o, u.subKeys),
               ve(l, u.subKeys)
             )) {
-              d = u;
+              b = u;
               break;
             }
           } else if (!ne(o, l)) {
-            d = u;
+            b = u;
             break;
           }
         }
-      if (!d)
+      if (!b)
         continue;
-      let c;
-      d.subKeys ? c = ve(o, d.subKeys) : c = o;
-      for (const u of f)
+      let m;
+      b.subKeys ? m = ve(o, b.subKeys) : m = o;
+      for (const u of d)
         if (u.subKeys) {
-          let p;
+          let c;
           if (u.type === "elementProp")
-            p = t.getElementProp(u.nodeId, u.propKeys);
+            c = t.getElementProp(u.nodeId, u.propKeys);
           else if (u.type === "customProp")
-            p = t.getCustomProp(u.propId);
+            c = t.getCustomProp(u.propId);
           else if (u.type === "customState")
-            p = t.getCustomState(u.stateId);
+            c = t.getCustomState(u.stateId);
           else if (u.type === "adaptSlotProp")
-            p = t.getAdaptSlotProp(u.propId);
+            c = t.getAdaptSlotProp(u.propId);
           else {
             console.assert(!1);
             continue;
           }
-          const b = ve(p, u.subKeys);
-          if (ne(c, b))
+          const f = ve(c, u.subKeys);
+          if (ne(m, f))
             continue;
-          const y = B(p);
-          ro(y, u.subKeys, B(c)), u.type === "elementProp" ? t.setElementProp(u.nodeId, u.propKeys, y) : u.type === "customProp" ? t.setCustomProp(u.propId, y) : u.type === "customState" ? t.setCustomState(u.stateId, y) : u.type === "adaptSlotProp" ? t.setAdaptSlotProp(u.propId, y) : console.assert(!1);
+          const h = B(c);
+          ro(h, u.subKeys, B(m)), u.type === "elementProp" ? t.setElementProp(u.nodeId, u.propKeys, h) : u.type === "customProp" ? t.setCustomProp(u.propId, h) : u.type === "customState" ? t.setCustomState(u.stateId, h) : u.type === "adaptSlotProp" ? t.setAdaptSlotProp(u.propId, h) : console.assert(!1);
         } else {
-          let p;
+          let c;
           if (u.type === "elementProp")
-            p = t.getElementProp(u.nodeId, u.propKeys);
+            c = t.getElementProp(u.nodeId, u.propKeys);
           else if (u.type === "customProp")
-            p = t.getCustomProp(u.propId);
+            c = t.getCustomProp(u.propId);
           else if (u.type === "customState")
-            p = t.getCustomState(u.stateId);
+            c = t.getCustomState(u.stateId);
           else if (u.type === "adaptSlotProp")
-            p = t.getAdaptSlotProp(u.propId);
+            c = t.getAdaptSlotProp(u.propId);
           else {
             console.assert(!1);
             continue;
           }
-          if (ne(c, p))
+          if (ne(m, c))
             continue;
           u.type === "elementProp" ? t.setElementProp(
             u.nodeId,
             u.propKeys,
-            B(c)
-          ) : u.type === "customProp" ? t.setCustomProp(u.propId, B(c)) : u.type === "customState" ? t.setCustomState(u.stateId, B(c)) : u.type === "adaptSlotProp" ? t.setAdaptSlotProp(u.propId, B(c)) : console.assert(!1);
+            B(m)
+          ) : u.type === "customProp" ? t.setCustomProp(u.propId, B(m)) : u.type === "customState" ? t.setCustomState(u.stateId, B(m)) : u.type === "adaptSlotProp" ? t.setAdaptSlotProp(u.propId, B(m)) : console.assert(!1);
         }
     }
 }
 function nc(t, e) {
-  function i(c) {
-    const u = t.pseudoToNative(c), p = [], b = u.split(".");
-    for (let y = 0; y < b.length; y++) {
-      const g = b[y].trim();
-      if (g !== "")
-        if (/^\[\d+\]$/.test(g)) {
-          let x = parseInt(g.slice(1, -1), 10);
-          x > 0 && x--, p.push(x);
+  function i(m) {
+    const u = t.pseudoToNative(m), c = [], f = u.split(".");
+    for (let h = 0; h < f.length; h++) {
+      const x = f[h].trim();
+      if (x !== "")
+        if (/^\[\d+\]$/.test(x)) {
+          let g = parseInt(x.slice(1, -1), 10);
+          g > 0 && g--, c.push(g);
         } else
-          p.push(g);
+          c.push(x);
     }
-    return t.nativeToPseudo(p);
+    return t.nativeToPseudo(c);
   }
-  function o(c) {
-    const u = t.pseudoToNative(c);
+  function o(m) {
+    const u = t.pseudoToNative(m);
     try {
-      const p = JSON.parse(u);
-      return t.nativeToPseudo(p);
+      const c = JSON.parse(u);
+      return t.nativeToPseudo(c);
     } catch {
       return t.nativeToPseudo({});
     }
   }
-  function l(c) {
-    const u = t.pseudoToNative(c), p = JSON.stringify(u);
-    return t.nativeToPseudo(p);
+  function l(m) {
+    const u = t.pseudoToNative(m), c = JSON.stringify(u);
+    return t.nativeToPseudo(c);
   }
-  function s(c) {
-    const u = t.pseudoToNative(c);
+  function s(m) {
+    const u = t.pseudoToNative(m);
     console.log(u);
   }
-  function a(c) {
-    const u = t.pseudoToNative(c);
-    let p = "";
-    typeof u == "object" ? p = JSON.stringify(u) : p = String(u), to.emit("consoleAppend", p);
+  function a(m) {
+    const u = t.pseudoToNative(m);
+    let c = "";
+    typeof u == "object" ? c = JSON.stringify(u) : c = String(u), to.emit("consoleAppend", c);
   }
-  function m(c, u) {
-    const p = t.pseudoToNative(c), b = t.pseudoToNative(u);
-    p === "info" ? ss(b) : p === "success" ? rs(b) : p === "warning" ? io(b) : p === "error" && oo(b);
+  function p(m, u) {
+    const c = t.pseudoToNative(m), f = t.pseudoToNative(u);
+    c === "info" ? ss(f) : c === "success" ? rs(f) : c === "warning" ? io(f) : c === "error" && oo(f);
   }
-  function f(c, u) {
-    const p = t.pseudoToNative(c), b = t.pseudoToNative(u);
+  function d(m, u) {
+    const c = t.pseudoToNative(m), f = t.pseudoToNative(u);
     window.setTimeout(() => {
-      t.appendCode(`__timeoutCallbackV1__(${p})`), t.run();
-    }, b);
+      t.appendCode(`__timeoutCallbackV1__(${c})`), t.run();
+    }, f);
   }
-  function d(c, u) {
-    const p = t.pseudoToNative(c);
+  function b(m, u) {
+    const c = t.pseudoToNative(m);
     window.setTimeout(() => {
       u(), t.run();
-    }, p);
+    }, c);
   }
   t.setProperty(
     e,
@@ -7683,15 +7683,15 @@ function nc(t, e) {
   ), t.setProperty(
     e,
     "__messageV1__",
-    t.createNativeFunction(m)
+    t.createNativeFunction(p)
   ), t.setProperty(
     e,
     "__timeoutV1__",
-    t.createNativeFunction(f)
+    t.createNativeFunction(d)
   ), t.setProperty(
     e,
     "__delayV1__",
-    t.createAsyncFunction(d)
+    t.createAsyncFunction(b)
   );
 }
 const Lo = ls({
@@ -7706,18 +7706,18 @@ function ic(t) {
   return Lo.post("callFunc", t);
 }
 function oc(t, e) {
-  async function i(o, l, s, a, m, f) {
-    const d = t.pseudoToNative(o), c = t.pseudoToNative(l), u = t.pseudoToNative(s), p = t.pseudoToNative(a), b = t.pseudoToNative(m);
+  async function i(o, l, s, a, p, d) {
+    const b = t.pseudoToNative(o), m = t.pseudoToNative(l), u = t.pseudoToNative(s), c = t.pseudoToNative(a), f = t.pseudoToNative(p);
     try {
-      const y = JSON.stringify(u), { strOutputs: g } = await ic({
-        spaceid: d,
-        id: c,
-        strInputs: y,
-        env: p
-      }), x = JSON.parse(g);
-      f(t.nativeToPseudo(x)), t.run();
-    } catch (y) {
-      console.error("callFuncV1 failed", b, y);
+      const h = JSON.stringify(u), { strOutputs: x } = await ic({
+        spaceId: b,
+        id: m,
+        strInputs: h,
+        env: c
+      }), g = JSON.parse(x);
+      d(t.nativeToPseudo(g)), t.run();
+    } catch (h) {
+      console.error("callFuncV1 failed", f, h);
     }
   }
   t.setProperty(
@@ -7727,65 +7727,73 @@ function oc(t, e) {
   );
 }
 function sc(t, e, i) {
-  function o(d, c, u) {
-    let p;
-    const b = e.pseudoToNative(d);
-    if (b === "elementProp") {
-      const y = e.pseudoToNative(c), g = e.pseudoToNative(u);
-      p = t.sandbox.getElementProp(y, g);
-    } else if (b === "customProp") {
-      const y = e.pseudoToNative(c);
-      p = t.sandbox.getCustomProp(y);
-    } else if (b === "adaptSlotProp") {
-      const y = e.pseudoToNative(c);
-      p = t.sandbox.getAdaptSlotProp(y);
+  function o(u, c, f) {
+    let h;
+    const x = e.pseudoToNative(u);
+    if (x === "elementProp") {
+      const g = e.pseudoToNative(c), w = e.pseudoToNative(f);
+      h = t.getElementProp(g, w);
+    } else if (x === "customProp") {
+      const g = e.pseudoToNative(c);
+      h = t.getCustomProp(g);
+    } else if (x === "adaptSlotProp") {
+      const g = e.pseudoToNative(c);
+      h = t.getAdaptSlotProp(g);
     } else
       console.assert(!1);
-    return e.nativeToPseudo(p);
-  }
-  function l(d, c, u, p) {
-    const b = e.pseudoToNative(d);
-    if (b === "elementProp") {
-      const y = e.pseudoToNative(c), g = e.pseudoToNative(u), x = e.pseudoToNative(p);
-      t.sandbox.setElementProp(y, g, x);
-    } else if (b === "customProp") {
-      const y = e.pseudoToNative(c), g = e.pseudoToNative(u);
-      t.sandbox.setCustomProp(y, g);
-    } else if (b === "adaptSlotProp") {
-      const y = e.pseudoToNative(c), g = e.pseudoToNative(u);
-      t.sandbox.setAdaptSlotProp(y, g);
+    return e.nativeToPseudo(h);
+  }
+  function l(u, c, f, h) {
+    const x = e.pseudoToNative(u);
+    if (x === "elementProp") {
+      const g = e.pseudoToNative(c), w = e.pseudoToNative(f), C = e.pseudoToNative(h);
+      t.setElementProp(g, w, C);
+    } else if (x === "customProp") {
+      const g = e.pseudoToNative(c), w = e.pseudoToNative(f);
+      t.setCustomProp(g, w);
+    } else if (x === "adaptSlotProp") {
+      const g = e.pseudoToNative(c), w = e.pseudoToNative(f);
+      t.setAdaptSlotProp(g, w);
     } else
       console.assert(!1);
   }
-  function s(d, c, u, p) {
-    const b = e.pseudoToNative(d), y = e.pseudoToNative(c), g = e.pseudoToNative(u), x = { outputs: [] };
-    t.sandbox.eventBus?.emit(`callMethod@${b}`, { name: y, inputs: g, result: x }), p(e.nativeToPseudo(x.outputs)), e.run();
+  function s(u, c, f, h) {
+    const x = e.pseudoToNative(u), g = e.pseudoToNative(c), w = e.pseudoToNative(f), C = { outputs: [] };
+    t.eventBus.emit(`callMethod@${x}`, { name: g, inputs: w, result: C }), h(e.nativeToPseudo(C.outputs)), e.run();
+  }
+  function a(u) {
+    const c = e.pseudoToNative(u), f = t.getCustomState(c);
+    return e.nativeToPseudo(f);
   }
-  function a(d, c) {
-    const u = e.pseudoToNative(d), p = e.pseudoToNative(c);
+  function p(u, c) {
+    const f = e.pseudoToNative(u), h = e.pseudoToNative(c);
+    t.setCustomState(f, h);
+  }
+  function d(u, c) {
+    const f = e.pseudoToNative(u), h = e.pseudoToNative(c);
     if (t.mode === "runtime") {
-      const b = "/main/" + Date.now(), y = {
-        orgid: t.org,
-        appid: `${u}${t.env}`,
-        pageid: p
+      const x = "/main/" + Date.now(), g = {
+        orgId: t.org,
+        appId: `${f}${t.env}`,
+        pageId: h
       };
-      Qt.router.replace({ path: b, query: y });
+      Qt.router.replace({ path: x, query: g });
     } else t.mode === "preview" && io(
       Qt.i18n.global.t(
         "x-runtime-lib.msg.takeEffectOnlyAfterReleased"
       )
     );
   }
-  function m(d, c, u) {
-    const p = e.pseudoToNative(d), b = e.pseudoToNative(c);
-    as({ title: p, text: b }).then((y) => {
-      u(e.nativeToPseudo(y)), e.run();
+  function b(u, c, f) {
+    const h = e.pseudoToNative(u), x = e.pseudoToNative(c);
+    as({ title: h, text: x }).then((g) => {
+      f(e.nativeToPseudo(g)), e.run();
     });
   }
-  function f(d, c, u, p) {
-    const b = e.pseudoToNative(d), y = e.pseudoToNative(c), g = e.pseudoToNative(u);
-    us({ title: b, label: y, value: g }).then((x) => {
-      p(e.nativeToPseudo(x)), e.run();
+  function m(u, c, f, h) {
+    const x = e.pseudoToNative(u), g = e.pseudoToNative(c), w = e.pseudoToNative(f);
+    us({ title: x, label: g, value: w }).then((C) => {
+      h(e.nativeToPseudo(C)), e.run();
     });
   }
   e.setProperty(
@@ -7802,16 +7810,24 @@ function sc(t, e, i) {
     e.createAsyncFunction(s)
   ), e.setProperty(
     i,
-    "__navigateToV1__",
+    "__getStateV1__",
     e.createNativeFunction(a)
+  ), e.setProperty(
+    i,
+    "__setStateV1__",
+    e.createNativeFunction(p)
+  ), e.setProperty(
+    i,
+    "__navigateToV1__",
+    e.createNativeFunction(d)
   ), e.setProperty(
     i,
     "__openConfirmDlgV1__",
-    e.createAsyncFunction(m)
+    e.createAsyncFunction(b)
   ), e.setProperty(
     i,
     "__openPromptDlgV1__",
-    e.createAsyncFunction(f)
+    e.createAsyncFunction(m)
   );
 }
 function rc(t, e, i) {
@@ -7911,12 +7927,16 @@ function __destroy__() {
   __events__ = {}
   __timers__ = {}
 }
-`, pc = lc + ac + uc + cc;
-class mc {
+`, mc = lc + ac + uc + cc;
+class pc {
+  org;
+  env;
+  mode;
+  type;
   eventBus = is();
   hooks;
-  constructor(e) {
-    this.hooks = e;
+  constructor(e, i, o, l, s) {
+    this.org = e, this.env = i, this.mode = o, this.type = l, this.hooks = s;
   }
   //--------------------------
   // 元素属性
@@ -8006,13 +8026,13 @@ class mc {
   // 解释器
   //--------------------------
   interpreter;
-  createInterpreter(e, i) {
+  createInterpreter(e) {
     this.interpreter = new os(
-      pc,
-      (o, l) => {
-        rc(e, o, l);
+      mc,
+      (i, o) => {
+        rc(this, i, o);
       }
-    ), this.interpreter.appendCode(i), this.interpreter.run(), this.setVariable("__env__", e.env), this.setVariable("__mode__", e.mode), this.callFunction("__triggerEventV1__", ["elementEvent@startup@globality"]);
+    ), this.interpreter.appendCode(e), this.interpreter.run(), this.setVariable("__env__", this.env), this.setVariable("__mode__", this.mode), this.callFunction("__triggerEventV1__", ["elementEvent@startup@globality"]);
   }
   destroyInterpreter() {
     this.interpreter && (this.callFunction("__destroy__"), this.interpreter = void 0);
@@ -8045,91 +8065,88 @@ class mc {
   }
 }
 function dc(t) {
-  const e = qu(), i = Qu(), o = G(), l = me(), s = Ve(), a = Le(), m = (b, y, g, x) => {
+  const e = qu(), i = Qu(), o = G(), l = pe(), s = Ve(), a = Le(), p = (f, h, x, g) => {
     if (!(o !== "runtime" && o !== "preview") && (u.callFunction("__triggerEventV1__", [
-      `elementPropChange@${b}@${y}`,
-      g,
-      x ?? g
+      `elementPropChange@${f}@${h}`,
+      x,
+      g ?? x
     ]), t.value?.code.reactivity)) {
-      let S = "";
-      y instanceof Array ? S = y.join(".") : S = y, Ee(
+      let w = "";
+      h instanceof Array ? w = h.join(".") : w = h, Ne(
         u,
         t.value.code.reactivity,
         Ie({
           type: "elementProp",
-          nodeId: b,
-          propKeys: S
+          nodeId: f,
+          propKeys: w
         }),
-        g,
-        x
+        x,
+        g
       );
     }
-  }, f = (b, y, g) => {
+  }, d = (f, h, x) => {
     o !== "runtime" && o !== "preview" || (u.callFunction("__triggerEventV1__", [
-      `customPropChange@${b}`,
-      y,
-      g ?? y
-    ]), t.value?.code.reactivity && Ee(
+      `customPropChange@${f}`,
+      h,
+      x ?? h
+    ]), t.value?.code.reactivity && Ne(
       u,
       t.value.code.reactivity,
-      Ie({ type: "customProp", propId: b }),
-      y,
-      g
+      Ie({ type: "customProp", propId: f }),
+      h,
+      x
     ));
-  }, d = (b, y, g) => {
-    o !== "runtime" && o !== "preview" || t.value?.code.reactivity && Ee(
+  }, b = (f, h, x) => {
+    o !== "runtime" && o !== "preview" || t.value?.code.reactivity && Ne(
       u,
       t.value.code.reactivity,
-      Ie({ type: "customState", stateId: b }),
-      y,
-      g
+      Ie({ type: "customState", stateId: f }),
+      h,
+      x
     );
-  }, c = (b, y, g) => {
+  }, m = (f, h, x) => {
     o !== "runtime" && o !== "preview" || (u.callFunction("__triggerEventV1__", [
-      `adaptSlotProp@${b}`,
-      y,
-      g ?? y
-    ]), t.value?.code.reactivity && Ee(
+      `adaptSlotProp@${f}`,
+      h,
+      x ?? h
+    ]), t.value?.code.reactivity && Ne(
       u,
       t.value.code.reactivity,
-      Ie({ type: "adaptSlotProp", propId: b }),
-      y,
-      g
+      Ie({ type: "adaptSlotProp", propId: f }),
+      h,
+      x
     ));
-  }, u = new mc({
-    onElementPropChange: m,
-    onCustomPropChange: f,
-    onCustomStateChange: d,
-    onAdaptSlotPropChange: c
+  }, u = new pc(e, i, o, l, {
+    onElementPropChange: p,
+    onCustomPropChange: d,
+    onCustomStateChange: b,
+    onAdaptSlotPropChange: m
   });
   tc(u);
-  const p = () => {
-    o !== "runtime" && o !== "preview" || (u.destroyInterpreter(), u.syncNodes(t.value), u.resetCustomProps(), u.resetCustomStates(), u.resetAdaptSlotProps(), !(!t.value || !t.value.code.script) && u.createInterpreter(
-      { org: e, env: i, mode: o, type: l, data: t.value, sandbox: u },
-      t.value.code.script
-    ));
+  const c = () => {
+    o !== "runtime" && o !== "preview" || (u.destroyInterpreter(), u.syncNodes(t.value), u.resetCustomProps(), u.resetCustomStates(), u.resetAdaptSlotProps(), !(!t.value || !t.value.code.script) && u.createInterpreter(t.value.code.script));
   };
-  p(), q(t, () => {
-    p();
+  c(), q(t, () => {
+    c();
   }), He(() => {
     u.destroyInterpreter();
   }), (o === "runtime" || o === "preview") && q(
     s,
-    (b, y) => {
-      const g = Ne(b.width), x = Ne(y?.width ?? b.width);
+    (f, h) => {
+      const x = Ee(f.width), g = Ee(h?.width ?? f.width);
       u.callFunction("__triggerEventV1__", [
         "elementEvent@screenSizeChange@globality",
-        g,
-        x
+        x,
+        g
       ]);
     },
     { immediate: !0 }
   ), (o === "runtime" || o === "preview") && q(
     a,
-    (b) => {
+    (f) => {
       u.callFunction("__triggerEventV1__", [
         "elementEvent@darkModeChange@globality",
-        b
+        f
       ]);
     },
     { immediate: !0 }
@@ -8145,7 +8162,7 @@ async function Dc(t) {
   return (await fc(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.oos62cyh.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.f0b750e1.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
 export {
-  mc as Sandbox,
+  pc as Sandbox,
   da as ambientLightV1,
   wc as badgeV1,
   on as barChartV1,
@@ -8155,7 +8172,7 @@ export {
   wa as btnGroupV1,
   Va as btnToggleV1,
   rn as btnV1,
-  Ne as calcBreakpoint,
+  Ee as calcBreakpoint,
   Pe as cardV1,
   Ia as checkboxV1,
   an as chipGroupV1,
@@ -8176,18 +8193,18 @@ export {
   cn as flexLayoutEntryV1,
   ze as flexLayoutV1,
   dn as formV1,
-  C as genId,
+  T as genId,
   $e as getBreakpointProp,
   ve as getField,
   Xn as getIndexOfBreakpoint,
   Tc as getNode,
   Ki as getPropDefault,
-  z as getPropTag,
+  A as getPropTag,
   Ic as getTypeColor,
   va as globalityV1,
   ha as groupV1,
   Da as iconV1,
-  T as initProps,
+  P as initProps,
   Le as injectDark,
   de as injectData,
   ec as injectDepends,
@@ -8196,7 +8213,7 @@ export {
   G as injectMode,
   qu as injectOrg,
   Be as injectSandbox,
-  me as injectType,
+  pe as injectType,
   zn as isPercentStr,
   je as isPixelStr,
   oa as keyboardControlsV1,
@@ -8218,20 +8235,20 @@ export {
   wo as pkgs,
   ba as pointLightV1,
   Wc as provideDark,
-  Nc as provideData,
+  Ec as provideData,
   Rc as provideDepends,
   Bc as provideDevice,
   Ac as provideEnv,
   Lc as provideMode,
   zc as provideOrg,
   tc as provideSandbox,
-  Ec as provideType,
+  Nc as provideType,
   yn as radioGroupV1,
   bn as radioV1,
   Ka as rangeSliderV1,
   Ua as ratingV1,
   ds as reverseBreakpoints,
-  pc as runtime,
+  mc as runtime,
   Oa as selectV1,
   ro as setField,
   Xa as sliderV1,
@@ -8246,12 +8263,12 @@ export {
   Qa as switchV1,
   _n as tabV1,
   wn as tabsV1,
-  mn as textFieldV1,
+  pn as textFieldV1,
   be as textV1,
   Vn as textareaV1,
   $n as timelineItemV1,
   In as timelineV1,
-  Ee as triggerReactivity,
+  Ne as triggerReactivity,
   $c as types,
   dc as useSandbox,
   Sn as windowItemV1,