x-runtime-lib 0.8.31 → 0.8.33

package/dist/index.js

@@ -1,10 +1,10 @@
-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 No, onUnmounted as je, createBlock as V, withCtx as I, createCommentVNode as ee, useTemplateRef as Xi, onMounted as Yi, nextTick as Ji, h as ae, resolveComponent as z, createVNode as H, isRef as O, createSlots as Pn, renderList as Mo, useId as Zi, withModifiers as Ro, normalizeClass as Do, toDisplayString as Fo, inject as oe, provide as se, readonly as zn } from "vue";
-import { globalObjects as ye, waitUtil as qi, eventBus as Qi, useViewStack as eo, messageInfo as Go, messageSuccess as Ho, messageWarning as to, messageError as no, createAxios as Ko, openConfirmDlg as jo, openPromptDlg as Oo } from "x-essential-lib";
+import { defineComponent as $, createElementBlock as Y, renderSlot as L, unref as n, openBlock as v, createElementVNode as ee, computed as k, normalizeStyle as q, ref as ce, watchEffect as ue, watch as Q, onBeforeMount as No, onUnmounted as je, createBlock as V, withCtx as I, createCommentVNode as te, useTemplateRef as Xi, onMounted as Yi, nextTick as Ji, h as ae, resolveComponent as z, createVNode as H, isRef as O, createSlots as Pn, renderList as Mo, useId as Zi, withModifiers as Ro, normalizeClass as Do, toDisplayString as Fo, inject as oe, provide as se, readonly as zn } from "vue";
+import { globalObjects as fe, waitUtil as qi, eventBus as Qi, useViewStack as eo, messageInfo as Go, messageSuccess as Ho, messageWarning as to, messageError as no, createAxios as Ko, openConfirmDlg as jo, openPromptDlg as Oo } from "x-essential-lib";
 import { CameraHelper as io, DirectionalLightHelper as Uo, PointLightHelper as Xo, SpotLightHelper as Yo } from "three";
-import { c as B, i as ne, q as Be, u as Jo, r as oo, e as so, a as Zo, b as qo, d as Qo, f as es, g as ts, h as ns, j as is, k as os, l as ro, X as ss, Y as rs, K as ls, m as as, n as us, o as cs, I as ms } from "./vendor.dd29fg1n.js";
+import { c as B, i as ie, q as Be, u as Jo, r as oo, e as so, a as Zo, b as qo, d as Qo, f as es, g as ts, h as ns, j as is, k as os, l as ro, X as ss, Y as rs, K as ls, m as as, n as us, o as cs, I as ms } from "./vendor.dd29fg1n.js";
 import { getErrorMessage as ps } from "x-error-lib";
 import { useTheme as ds } from "vuetify";
-import { useI18n as fs } from "vue-i18n";
+import { useI18n as ys } from "vue-i18n";
 const Sc = ["string", "number", "boolean", "array", "object"];
 function Cc(t) {
   switch (t) {
@@ -38,7 +38,7 @@ function Tc(t, e, i, o, l) {
     children: {}
   }, s.children[i] = a);
 }
-const ys = ["common", "scene"], bs = ["common", "scene"];
+const fs = ["common", "scene"], bs = ["common", "scene"];
 function hs(t) {
   return t === "elementProperty" || t === "elementSlotProperty";
 }
@@ -173,24 +173,24 @@ function ao(t, e, i) {
   o[s] = i;
 }
 function Ln(t, e, i) {
-  const { i18n: o } = ye;
+  const { i18n: o } = fe;
   let l = "";
   return t && (l += t + " / "), e.forEach((s, a) => {
     a > 0 && (l += " - "), i ? l += o.global.t(s) : l += s;
   }), l;
 }
 function Ec(t, e) {
-  const { i18n: i } = ye;
+  const { i18n: i } = fe;
   let o = "";
   return t === "elementProperty" || (t === "refProperty" ? o = i.global.t("x-runtime-lib.ref") : t === "customProperty" ? o = i.global.t("x-runtime-lib.custom") : t === "elementSlotProperty" || t === "customSlotProperty" ? o = i.global.t("x-runtime-lib.slot") : console.assert(!1)), Ln(o, e, hs(t));
 }
 function Nc(t, e) {
-  const { i18n: i } = ye;
+  const { i18n: i } = fe;
   let o = "";
   return t === "elementMethod" || (t === "refMethod" ? o = i.global.t("x-runtime-lib.ref") : t === "customMethod" ? o = i.global.t("x-runtime-lib.custom") : t === "elementSlotMethod" || t === "customSlotMethod" ? o = i.global.t("x-runtime-lib.slot") : console.assert(!1)), Ln(o, e, gs(t));
 }
 function Mc(t, e) {
-  const { i18n: i } = ye;
+  const { i18n: i } = fe;
   let o = "";
   return t === "elementEvent" || (t === "refEvent" ? o = i.global.t("x-runtime-lib.ref") : t === "customEvent" ? o = i.global.t("x-runtime-lib.custom") : t === "elementPropertyChangeEvent" || t === "customPropertyChangeEvent" ? o = i.global.t("x-runtime-lib.propertyChange") : t === "stateChangeEvent" ? o = i.global.t("x-runtime-lib.stateChange") : console.assert(!1)), Ln(o, e, xs(t));
 }
@@ -212,8 +212,8 @@ const Te = {}, _ = (t) => {
       scale: t.scale,
       visible: !1
     }, [
-      o[0] || (o[0] = ie("TresBoxGeometry", { args: [1, 1, 1] }, null, -1)),
-      o[1] || (o[1] = ie("TresMeshBasicMaterial", null, null, -1)),
+      o[0] || (o[0] = ee("TresBoxGeometry", { args: [1, 1, 1] }, null, -1)),
+      o[1] || (o[1] = ee("TresMeshBasicMaterial", null, null, -1)),
       L(i.$slots, "default")
     ], 8, ks)) : L(i.$slots, "default", { key: 1 });
   }
@@ -224,15 +224,27 @@ const Te = {}, _ = (t) => {
   },
   setup(t) {
     const e = G(), i = k(() => {
-      const o = {};
-      return t.fitContent && (o.width = "fit-content", o.height = "fit-content"), o;
-    });
-    return (o, l) => n(e) === "editor" ? (v(), Y("div", {
+      const l = {
+        position: "relative"
+      };
+      return t.fitContent && (l.width = "fit-content", l.height = "fit-content"), l;
+    }), o = k(() => ({
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      pointerEvents: "auto"
+    }));
+    return (l, s) => n(e) === "editor" ? (v(), Y("div", {
       key: 0,
-      style: Q(i.value)
+      style: q(i.value)
     }, [
-      L(o.$slots, "default")
-    ], 4)) : L(o.$slots, "default", { key: 1 });
+      L(l.$slots, "default"),
+      ee("div", {
+        style: q(o.value)
+      }, null, 4)
+    ], 4)) : L(l.$slots, "default", { key: 1 });
   }
 }), _s = (t, e, i, o) => {
   const l = t.getElementPropertyInner(e, i);
@@ -252,12 +264,48 @@ function r(t, e, i) {
   return ue(() => {
     let a = _s(l, t.node, e, i);
     o === "editor" && e[e.length - 1] === "readonly" && (a = !0), s.value = a;
-  }), q(s, (a, p) => {
-    ne(a, p) || ws(l, t.node, e, s.value, i);
-  }), { prop: s };
+  }), Q(s, (a, p) => {
+    ie(a, p) || ws(l, t.node, e, s.value, i);
+  }), { property: s };
 }
 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: y } = r(t, ["transform", "scale", "z"]), m = ce([0, 0, 0]), u = ce([0, 0, 0]), c = ce([1, 1, 1]);
+  const { property: e } = r(t, [
+    "transform",
+    "position",
+    "x"
+  ]), { property: i } = r(t, [
+    "transform",
+    "position",
+    "y"
+  ]), { property: o } = r(t, [
+    "transform",
+    "position",
+    "z"
+  ]), { property: l } = r(t, [
+    "transform",
+    "rotation",
+    "x"
+  ]), { property: s } = r(t, [
+    "transform",
+    "rotation",
+    "y"
+  ]), { property: a } = r(t, [
+    "transform",
+    "rotation",
+    "z"
+  ]), { property: p } = r(t, [
+    "transform",
+    "scale",
+    "x"
+  ]), { property: d } = r(t, [
+    "transform",
+    "scale",
+    "y"
+  ]), { property: f } = r(t, [
+    "transform",
+    "scale",
+    "z"
+  ]), m = ce([0, 0, 0]), u = ce([0, 0, 0]), c = ce([1, 1, 1]);
   return ue(() => {
     m.value = [e.value, i.value, o.value];
   }), ue(() => {
@@ -267,9 +315,9 @@ function me(t) {
   }), ue(() => {
     l.value = u.value[0], s.value = u.value[1], a.value = u.value[2];
   }), ue(() => {
-    c.value = [p.value, d.value, y.value];
+    c.value = [p.value, d.value, f.value];
   }), ue(() => {
-    p.value = c.value[0], d.value = c.value[1], y.value = c.value[2];
+    p.value = c.value[0], d.value = c.value[1], f.value = c.value[2];
   }), { position: m, rotation: u, scale: c };
 }
 function uo(t) {
@@ -312,7 +360,7 @@ function po(t) {
   }
   return { show: e, position: i, type: o, data: l, applyXAxis: s };
 }
-function fo(t) {
+function yo(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 = {
@@ -326,23 +374,23 @@ function fo(t) {
 }
 function K(t) {
   const { computedThemes: e } = ds(), i = We(), o = k(() => t.value?.mode), l = k(() => {
-    const y = t.value?.theme;
-    return y ? y === "background0" ? i.value ? "#2e2e2e" : "#bdbdbd" : y === "background1" ? i.value ? "#272727" : "#eeeeee" : y === "background2" ? i.value ? "#1e1e1e" : "#ffffff" : (i.value ? e.value.dark : e.value.light).colors[y] : void 0;
+    const f = t.value?.theme;
+    return f ? f === "background0" ? i.value ? "#2e2e2e" : "#bdbdbd" : f === "background1" ? i.value ? "#272727" : "#eeeeee" : f === "background2" ? i.value ? "#1e1e1e" : "#ffffff" : (i.value ? e.value.dark : e.value.light).colors[f] : 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 y = a.value;
-    return !y.startsWith("#") || y.length < 7 ? "" : y.substring(0, 7);
+    const f = a.value;
+    return !f.startsWith("#") || f.length < 7 ? "" : f.substring(0, 7);
   }), d = k(() => {
-    const y = a.value;
-    return y.startsWith("#") ? y.length < 9 ? 1 : parseInt(y.substring(7, 9)) / 255 : 0;
+    const f = a.value;
+    return f.startsWith("#") ? f.length < 9 ? 1 : parseInt(f.substring(7, 9)) / 255 : 0;
   });
   return { color: a, rgb: p, alpha: d };
 }
 function Bn(t) {
   const e = k(() => t.node.border?.style), i = k(() => t.node.border?.width), o = k(() => t.node.border?.color), { color: l } = K(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 y(m) {
+  function f(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: y };
+  return { borderStyle: e, borderWidth: i, borderColor: l, applyBorder: f };
 }
 function Wn(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);
@@ -381,12 +429,12 @@ function ge(t) {
     }
     return t.node.size?.maxHeight;
   });
-  function y(m) {
+  function f(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: p, maxHeight: d, applySize: y };
+  return { width: o, minWidth: l, maxWidth: s, height: a, minHeight: p, maxHeight: d, applySize: f };
 }
-function yo(t, e, i) {
+function fo(t, e, i) {
   const o = k(() => e.node.basic.id), l = k(() => `callMethod@${o.value}`);
   No(() => {
     t.eventBus?.on(l.value, i);
@@ -405,18 +453,18 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    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: y } = r(e, ["settings", "near"]), { prop: m } = r(e, ["settings", "right"]), { prop: u } = r(e, ["settings", "top"]);
-    return (c, f) => (v(), V(n(he), {
+    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { property: a } = r(e, ["settings", "bottom"]), { property: p } = r(e, ["settings", "far"]), { property: d } = r(e, ["settings", "left"]), { property: f } = r(e, ["settings", "near"]), { property: m } = r(e, ["settings", "right"]), { property: u } = r(e, ["settings", "top"]);
+    return (c, y) => (v(), V(n(he), {
       position: n(o),
       rotation: n(l),
       scale: n(s)
     }, {
       default: I(() => [
-        ie("TresOrthographicCamera", {
+        ee("TresOrthographicCamera", {
           bottom: n(a),
           far: n(p),
           left: n(d),
-          near: n(y),
+          near: n(f),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
           right: n(m),
           rotation: n(i) !== "editor" ? n(l) : [0, 0, 0],
@@ -426,7 +474,7 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           n(i) === "editor" ? (v(), V(n(Be), {
             key: 0,
             type: n(io)
-          }, null, 8, ["type"])) : ee("", !0),
+          }, null, 8, ["type"])) : te("", !0),
           L(c.$slots, "default")
         ], 8, Vs)
       ]),
@@ -440,18 +488,18 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    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: y } = r(e, ["settings", "near"]);
+    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { property: a } = r(e, ["settings", "aspect"]), { property: p } = r(e, ["settings", "far"]), { property: d } = r(e, ["settings", "fov"]), { property: f } = r(e, ["settings", "near"]);
     return (m, u) => (v(), V(n(he), {
       position: n(o),
       rotation: n(l),
       scale: n(s)
     }, {
       default: I(() => [
-        ie("TresPerspectiveCamera", {
+        ee("TresPerspectiveCamera", {
           aspect: n(a),
           far: n(p),
           fov: n(d),
-          near: n(y),
+          near: n(f),
           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]
@@ -459,7 +507,7 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           n(i) === "editor" ? (v(), V(n(Be), {
             key: 0,
             type: n(io)
-          }, null, 8, ["type"])) : ee("", !0),
+          }, null, 8, ["type"])) : te("", !0),
           L(m.$slots, "default")
         ], 8, Is)
       ]),
@@ -473,17 +521,17 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "depth"]), { prop: o } = r(e, [
+    const e = t, { property: i } = r(e, ["settings", "depth"]), { property: o } = r(e, [
       "settings",
       "depthSegements"
-    ]), { prop: l } = r(e, ["settings", "height"]), { prop: s } = r(e, [
+    ]), { property: l } = r(e, ["settings", "height"]), { property: s } = r(e, [
       "settings",
       "heightSegements"
-    ]), { prop: a } = r(e, ["settings", "width"]), { prop: p } = r(e, [
+    ]), { property: a } = r(e, ["settings", "width"]), { property: p } = r(e, [
       "settings",
       "widthSegements"
     ]);
-    return (d, y) => (v(), Y("TresBoxGeometry", {
+    return (d, f) => (v(), Y("TresBoxGeometry", {
       args: [
         n(a),
         n(l),
@@ -506,20 +554,26 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, [
+    const e = t, { property: 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, [
+    ]), { property: o } = r(e, [
+      "settings",
+      "phiLength"
+    ]), { property: l } = r(e, [
+      "settings",
+      "phiStart"
+    ]), { property: s } = r(e, ["settings", "radius"]), { property: a } = r(e, [
       "settings",
       "thetaLength"
-    ]), { prop: p } = r(e, [
+    ]), { property: p } = r(e, [
       "settings",
       "thetaStart"
-    ]), { prop: d } = r(e, [
+    ]), { property: d } = r(e, [
       "settings",
       "widthSegments"
     ]);
-    return (y, m) => (v(), Y("TresSphereGeometry", {
+    return (f, m) => (v(), Y("TresSphereGeometry", {
       args: [
         n(s),
         n(d),
@@ -538,21 +592,24 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "color"]), { color: p } = K(a), { prop: d } = r(e, ["settings", "intensity"]);
-    return (y, m) => (v(), V(n(he), {
+    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { property: a } = r(e, ["settings", "color"]), { color: p } = K(a), { property: d } = r(e, [
+      "settings",
+      "intensity"
+    ]);
+    return (f, m) => (v(), V(n(he), {
       position: n(o),
       rotation: n(l),
       scale: n(s)
     }, {
       default: I(() => [
-        ie("TresAmbientLight", {
+        ee("TresAmbientLight", {
           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(y.$slots, "default")
+          L(f.$slots, "default")
         ], 8, As)
       ]),
       _: 3
@@ -565,14 +622,17 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "color"]), { color: p } = K(a), { prop: d } = r(e, ["settings", "intensity"]);
-    return (y, m) => (v(), V(n(he), {
+    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { property: a } = r(e, ["settings", "color"]), { color: p } = K(a), { property: d } = r(e, [
+      "settings",
+      "intensity"
+    ]);
+    return (f, m) => (v(), V(n(he), {
       position: n(o),
       rotation: n(l),
       scale: n(s)
     }, {
       default: I(() => [
-        ie("TresDirectionalLight", {
+        ee("TresDirectionalLight", {
           color: n(p),
           intensity: n(d),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
@@ -582,8 +642,8 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           n(i) === "editor" ? (v(), V(n(Be), {
             key: 0,
             type: n(Uo)
-          }, null, 8, ["type"])) : ee("", !0),
-          L(y.$slots, "default")
+          }, null, 8, ["type"])) : te("", !0),
+          L(f.$slots, "default")
         ], 8, Bs)
       ]),
       _: 3
@@ -596,17 +656,23 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "color"]), { color: p } = K(a), { prop: d } = r(e, ["settings", "decay"]), { prop: y } = r(e, ["settings", "distance"]), { prop: m } = r(e, ["settings", "intensity"]);
+    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { property: a } = r(e, ["settings", "color"]), { color: p } = K(a), { property: d } = r(e, ["settings", "decay"]), { property: f } = r(e, [
+      "settings",
+      "distance"
+    ]), { property: m } = r(e, [
+      "settings",
+      "intensity"
+    ]);
     return (u, c) => (v(), V(n(he), {
       position: n(o),
       rotation: n(l),
       scale: n(s)
     }, {
       default: I(() => [
-        ie("TresPointLight", {
+        ee("TresPointLight", {
           color: n(p),
           decay: n(d),
-          distance: n(y),
+          distance: n(f),
           intensity: n(m),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
           rotation: n(i) !== "editor" ? n(l) : [0, 0, 0],
@@ -615,7 +681,7 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           n(i) === "editor" ? (v(), V(n(Be), {
             key: 0,
             type: n(Xo)
-          }, null, 8, ["type"])) : ee("", !0),
+          }, null, 8, ["type"])) : te("", !0),
           L(u.$slots, "default")
         ], 8, Es)
       ]),
@@ -629,17 +695,26 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    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 } = K(p), { prop: y } = 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(he), {
+    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { property: a } = r(e, ["settings", "angle"]), { property: p } = r(e, ["settings", "color"]), { color: d } = K(p), { property: f } = r(e, ["settings", "decay"]), { property: m } = r(e, [
+      "settings",
+      "distance"
+    ]), { property: u } = r(e, [
+      "settings",
+      "intensity"
+    ]), { property: c } = r(e, [
+      "settings",
+      "penumbra"
+    ]);
+    return (y, h) => (v(), V(n(he), {
       position: n(o),
       rotation: n(l),
       scale: n(s)
     }, {
       default: I(() => [
-        ie("TresSpotLight", {
+        ee("TresSpotLight", {
           angle: n(a),
           color: n(d),
-          decay: n(y),
+          decay: n(f),
           distance: n(m),
           intensity: n(u),
           penumbra: n(c),
@@ -650,8 +725,8 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           n(i) === "editor" ? (v(), V(n(Be), {
             key: 0,
             type: n(Yo)
-          }, null, 8, ["type"])) : ee("", !0),
-          L(f.$slots, "default")
+          }, null, 8, ["type"])) : te("", !0),
+          L(y.$slots, "default")
         ], 8, Ms)
       ]),
       _: 3
@@ -675,7 +750,7 @@ const Gs = /* @__PURE__ */ xe(Ds, [["render", Fs]]), Hs = ["position", "rotation
       scale: n(s)
     }, {
       default: I(() => [
-        ie("TresGroup", {
+        ee("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]
@@ -702,7 +777,7 @@ const Gs = /* @__PURE__ */ xe(Ds, [["render", Fs]]), Hs = ["position", "rotation
       L(s.$slots, "default")
     ], 8, js));
   }
-}), Us = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Xs = "#242424", Ys = {}, Js = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, Zs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, qs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Qs = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, er = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, tr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, nr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, or = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, rr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, lr = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, ar = { 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" } }, ur = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, cr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, mr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, pr = { 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"] } } }, dr = { 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"] } } }, fr = { 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"] } } }, yr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, br = { textStyle: { color: "#eeeeee" } }, hr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, gr = { 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" } } }, xr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, vr = { 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" } }, kr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, _r = {
+}), Us = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Xs = "#242424", Ys = {}, Js = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, Zs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, qs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Qs = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, er = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, tr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, nr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, or = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, rr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, lr = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, ar = { 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" } }, ur = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, cr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, mr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, pr = { 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"] } } }, dr = { 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"] } } }, yr = { 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"] } } }, fr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, br = { textStyle: { color: "#eeeeee" } }, hr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, gr = { 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" } } }, xr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, vr = { 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" } }, kr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, _r = {
   color: Us,
   backgroundColor: Xs,
   textStyle: Ys,
@@ -724,8 +799,8 @@ const Gs = /* @__PURE__ */ xe(Ds, [["render", Fs]]), Hs = ["position", "rotation
   categoryAxis: mr,
   valueAxis: pr,
   logAxis: dr,
-  timeAxis: fr,
-  toolbox: yr,
+  timeAxis: yr,
+  toolbox: fr,
   legend: br,
   tooltip: hr,
   timeline: gr,
@@ -782,7 +857,7 @@ const Qr = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = $e(), o = We(), l = pe(), s = de(), { width: a, minWidth: p, maxWidth: d, height: y, minHeight: m, maxHeight: u, applySize: c } = ge(e), { applyTitle: f } = mo(e), { applyXAxis: h } = po(e), { applyYAxis: g } = fo(e), { applyLegend: x } = uo(e), { applySeries: w } = co(e), C = k(() => {
+    const e = t, i = $e(), o = We(), l = pe(), s = de(), { width: a, minWidth: p, maxWidth: d, height: f, minHeight: m, maxHeight: u, applySize: c } = ge(e), { applyTitle: y } = mo(e), { applyXAxis: h } = po(e), { applyYAxis: g } = yo(e), { applyLegend: x } = uo(e), { applySeries: w } = co(e), C = k(() => {
       const S = {}, D = s.value.type;
       return l === "page" ? D === "common" ? c(S) : console.assert(!1) : l === "comp" && D === "common" ? c(S) : console.assert(!1), S;
     }), M = Xi("chart");
@@ -795,29 +870,29 @@ const Qr = /* @__PURE__ */ $({
       W?.resize();
     }, E = () => {
       const S = {};
-      f(S), h(S), g(S), x(S), w(S), W?.setOption(S, !0);
+      y(S), h(S), g(S), x(S), w(S), W?.setOption(S, !0);
     };
     return Yi(async () => {
       window.addEventListener("resize", R, !1), await qi(() => !!M.value), F(), E();
     }), je(() => {
       window.removeEventListener("resize", R, !1), W?.dispose();
-    }), q(
+    }), Q(
       [
         () => i.value.width,
         () => i.value.height,
         a,
         p,
         d,
-        y,
+        f,
         m,
         u
       ],
       async () => {
         await Ji(), R();
       }
-    ), q([o], () => {
+    ), Q([o], () => {
       F(), E();
-    }), q(
+    }), Q(
       [e],
       () => {
         E();
@@ -825,7 +900,7 @@ const Qr = /* @__PURE__ */ $({
       { deep: !0 }
     ), (S, D) => (v(), Y("div", {
       ref: "chart",
-      style: Q(C.value)
+      style: q(C.value)
     }, null, 4));
   }
 }), el = /* @__PURE__ */ $({
@@ -835,7 +910,7 @@ const Qr = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = $e(), o = We(), l = pe(), s = de(), { width: a, minWidth: p, maxWidth: d, height: y, minHeight: m, maxHeight: u, applySize: c } = ge(e), { applyTitle: f } = mo(e), { applyXAxis: h } = po(e), { applyYAxis: g } = fo(e), { applyLegend: x } = uo(e), { applySeries: w } = co(e), C = k(() => {
+    const e = t, i = $e(), o = We(), l = pe(), s = de(), { width: a, minWidth: p, maxWidth: d, height: f, minHeight: m, maxHeight: u, applySize: c } = ge(e), { applyTitle: y } = mo(e), { applyXAxis: h } = po(e), { applyYAxis: g } = yo(e), { applyLegend: x } = uo(e), { applySeries: w } = co(e), C = k(() => {
       const S = {}, D = s.value.type;
       return l === "page" ? D === "common" ? c(S) : console.assert(!1) : l === "comp" && D === "common" ? c(S) : console.assert(!1), S;
     }), M = Xi("chart");
@@ -848,29 +923,29 @@ const Qr = /* @__PURE__ */ $({
       W?.resize();
     }, E = () => {
       const S = {};
-      f(S), h(S), g(S), x(S), w(S), W?.setOption(S, !0);
+      y(S), h(S), g(S), x(S), w(S), W?.setOption(S, !0);
     };
     return Yi(async () => {
       window.addEventListener("resize", R, !1), await qi(() => !!M.value), F(), E();
     }), je(() => {
       window.removeEventListener("resize", R, !1), W?.dispose();
-    }), q(
+    }), Q(
       [
         () => i.value.width,
         () => i.value.height,
         a,
         p,
         d,
-        y,
+        f,
         m,
         u
       ],
       async () => {
         await Ji(), R();
       }
-    ), q([o], () => {
+    ), Q([o], () => {
       F(), E();
-    }), q(
+    }), Q(
       [e],
       () => {
         E();
@@ -878,17 +953,17 @@ const Qr = /* @__PURE__ */ $({
       { deep: !0 }
     ), (S, D) => (v(), Y("div", {
       ref: "chart",
-      style: Q(C.value)
+      style: q(C.value)
     }, null, 4));
   }
-}), fe = /* @__PURE__ */ $({
+}), ye = /* @__PURE__ */ $({
   __name: "index",
   props: {
     refContext: {},
     state: {}
   },
   setup(t) {
-    const { t: e } = fs(), i = t, o = de(), l = sc(), s = ce(-1), a = ce();
+    const { t: e } = ys(), i = t, o = de(), l = sc(), s = ce(-1), a = ce();
     gc(a), ue(() => {
       if (!i.refContext.refid) {
         s.value = -1, a.value = void 0;
@@ -902,26 +977,26 @@ const Qr = /* @__PURE__ */ $({
       s.value !== c.dataSeq && (s.value = c.dataSeq, a.value = B(c.data));
     });
     function p(c) {
-      const f = $o[o.value.version].refKey, h = Te[f];
+      const y = $o[o.value.version].refKey, h = Te[y];
       return h ? ae(h.comp, {
         refContext: {
           parent: i.refContext,
           refid: c.ref.comp
         },
         node: c
-      }) : (console.assert(!1, `ref element not found key=${f}`), ae("div", `ref element not found key=${f}`));
+      }) : (console.assert(!1, `ref element not found key=${y}`), ae("div", `ref element not found key=${y}`));
     }
     function d(c) {
-      const f = Te[c.basic.key];
-      if (!f)
+      const y = Te[c.basic.key];
+      if (!y)
         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((g) => {
-        const x = y(g);
+      return y.leaf || c.children?.forEach((g) => {
+        const x = f(g);
         h.push(x);
-      }), ae(f.comp, { node: c }, { default: () => h });
+      }), ae(y.comp, { node: c }, { default: () => h });
     }
-    function y(c) {
+    function f(c) {
       return c.ref ? p(c) : d(c);
     }
     function m() {
@@ -940,14 +1015,14 @@ const Qr = /* @__PURE__ */ $({
         return a.value === void 0 ? ae("div") : ae("div", e("x-runtime-lib.compNotAvail"));
       const c = a.value.type;
       if (c === "common") {
-        const f = [];
+        const y = [];
         return a.value.view.nodes.forEach((h) => {
-          f.push(y(h));
-        }), f;
+          y.push(f(h));
+        }), y;
       } else
         return console.assert(!1, `invalid subtype=${c}`), ae("div", `invalid subtype=${c}`);
     };
-    return (c, f) => (v(), V(u));
+    return (c, y) => (v(), V(u));
   }
 }), tl = /* @__PURE__ */ $({
   __name: "index",
@@ -956,10 +1031,18 @@ const Qr = /* @__PURE__ */ $({
     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"]);
+    const e = t, { property: i } = r(e, ["settings", "content"]), { property: o } = r(e, ["settings", "dot"]), { theme: l } = N(), { property: s } = r(e, [
+      "settings",
+      "offset",
+      "x"
+    ]), { property: a } = r(e, [
+      "settings",
+      "offset",
+      "y"
+    ]);
     return (p, d) => {
-      const y = z("v-badge");
-      return v(), V(y, {
+      const f = z("v-badge");
+      return v(), V(f, {
         content: n(i),
         dot: n(o),
         "offset-x": n(s),
@@ -980,20 +1063,26 @@ const Qr = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), o = Ee(), { prop: l } = r(e, [
+    const e = t, i = G(), o = Ee(), { property: l } = r(e, [
       "settings",
       "addIcon",
       "append"
-    ]), { prop: s } = r(e, ["settings", "block"]), { prop: a } = r(e, ["settings", "color"]), { color: p } = K(a), { prop: d } = r(e, ["settings", "density"]), { prop: y } = 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: g } = r(e, ["size", "minWidth"]), { prop: x } = r(e, [
+    ]), { property: s } = r(e, ["settings", "block"]), { property: a } = r(e, ["settings", "color"]), { color: p } = K(a), { property: d } = r(e, ["settings", "density"]), { property: f } = r(e, [
+      "settings",
+      "disabled"
+    ]), { property: m } = r(e, ["size", "height"]), { property: u } = r(e, ["settings", "loading"]), { property: c } = r(e, ["size", "maxHeight"]), { property: y } = r(e, ["size", "maxWidth"]), { property: h } = r(e, ["size", "minHeight"]), { property: g } = r(e, ["size", "minWidth"]), { property: x } = r(e, [
       "settings",
       "addIcon",
       "prepend"
-    ]), { prop: w } = r(e, ["settings", "readonly"]), { prop: C } = r(e, ["settings", "ripple"]), { prop: M } = r(e, ["settings", "size"]), { prop: W } = r(e, ["settings", "stacked"]), { prop: F } = r(e, ["settings", "text"]), { theme: R } = N(), { prop: E } = r(e, ["settings", "variant"]), { prop: S } = r(e, ["size", "width"]), D = (J) => {
+    ]), { property: w } = r(e, [
+      "settings",
+      "readonly"
+    ]), { property: C } = r(e, ["settings", "ripple"]), { property: M } = r(e, ["settings", "size"]), { property: W } = r(e, ["settings", "stacked"]), { property: F } = r(e, ["settings", "text"]), { theme: R } = N(), { property: E } = r(e, ["settings", "variant"]), { property: S } = r(e, ["size", "width"]), D = (J) => {
       i !== "runtime" && i !== "preview" || (o.setVariable("__pointerPosX__", J.clientX), o.setVariable("__pointerPosY__", J.clientY), o.callFunction("__triggerEventV1__", [
         Ce("elementEvent", e.node.basic.id, "click")
       ]));
     };
-    return (J, te) => {
+    return (J, ne) => {
       const re = z("v-btn");
       return v(), V(n(Z), null, {
         default: I(() => [
@@ -1002,11 +1091,11 @@ const Qr = /* @__PURE__ */ $({
             block: n(s),
             color: n(p),
             density: n(d),
-            disabled: n(y),
+            disabled: n(f),
             height: n(m),
             loading: n(u),
             "max-height": n(c),
-            "max-width": n(f),
+            "max-width": n(y),
             "min-height": n(h),
             "min-width": n(g),
             "prepend-icon": n(x),
@@ -1042,8 +1131,20 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
     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: p } = r(e, ["settings", "readonly"]), { prop: d } = r(e, ["settings", "size"]), { prop: y } = r(e, ["settings", "stacked"]), { theme: m } = N(), { prop: u } = r(e, ["settings", "tile"]), { prop: c } = r(e, ["settings", "variant"]);
-    return (f, h) => {
+    const e = t, { property: i } = r(e, ["settings", "block"]), { property: o } = r(e, [
+      "settings",
+      "disabled"
+    ]), { property: l } = r(e, ["settings", "divided"]), { property: s } = r(e, [
+      "settings",
+      "mandatory"
+    ]), { property: a } = r(e, [
+      "settings",
+      "multiple"
+    ]), { property: p } = r(e, [
+      "settings",
+      "readonly"
+    ]), { property: d } = r(e, ["settings", "size"]), { property: f } = r(e, ["settings", "stacked"]), { theme: m } = N(), { property: u } = r(e, ["settings", "tile"]), { property: c } = r(e, ["settings", "variant"]);
+    return (y, h) => {
       const g = z("v-btn-toggle");
       return v(), V(g, {
         block: n(i),
@@ -1053,13 +1154,13 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
         multiple: n(a),
         readonly: n(p),
         size: n(d),
-        stacked: n(y),
+        stacked: n(f),
         theme: n(m),
         tile: n(u),
         variant: n(c)
       }, {
         default: I(() => [
-          L(f.$slots, "default")
+          L(y.$slots, "default")
         ]),
         _: 3
       }, 8, ["block", "disabled", "divided", "mandatory", "multiple", "readonly", "size", "stacked", "theme", "tile", "variant"]);
@@ -1072,7 +1173,13 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
     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: p } = r(e, ["size", "maxHeight"]), { prop: d } = r(e, ["size", "maxWidth"]), { prop: y } = r(e, ["size", "minHeight"]), { prop: m } = r(e, ["size", "minWidth"]), { prop: u } = r(e, ["settings", "subtitle"]), { prop: c } = r(e, ["settings", "text"]), { theme: f } = N(), { prop: h } = r(e, ["settings", "title"]), { prop: g } = r(e, ["settings", "variant"]), { prop: x } = r(e, ["size", "width"]);
+    const e = t, { property: i } = r(e, ["settings", "density"]), { property: o } = r(e, [
+      "settings",
+      "disabled"
+    ]), { property: l } = r(e, ["size", "height"]), { property: s } = r(e, ["settings", "hover"]), { property: a } = r(e, ["settings", "loading"]), { property: p } = r(e, ["size", "maxHeight"]), { property: d } = r(e, ["size", "maxWidth"]), { property: f } = r(e, ["size", "minHeight"]), { property: m } = r(e, ["size", "minWidth"]), { property: u } = r(e, [
+      "settings",
+      "subtitle"
+    ]), { property: c } = r(e, ["settings", "text"]), { theme: y } = N(), { property: h } = r(e, ["settings", "title"]), { property: g } = r(e, ["settings", "variant"]), { property: x } = r(e, ["size", "width"]);
     return (w, C) => {
       const M = z("v-card");
       return v(), V(M, {
@@ -1083,11 +1190,11 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
         loading: n(a),
         "max-height": n(p),
         "max-width": n(d),
-        "min-height": n(y),
+        "min-height": n(f),
         "min-width": n(m),
         subtitle: n(u),
         text: n(c),
-        theme: n(f),
+        theme: n(y),
         title: n(h),
         variant: n(g),
         width: n(x)
@@ -1106,7 +1213,13 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "disabled"]), { prop: o } = r(e, ["settings", "readonly"]);
+    const e = t, { property: i } = r(e, [
+      "settings",
+      "disabled"
+    ]), { property: o } = r(e, [
+      "settings",
+      "readonly"
+    ]);
     return (l, s) => {
       const a = z("v-checkbox");
       return v(), V(a, {
@@ -1122,7 +1235,16 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "closable"]), { prop: o } = r(e, ["settings", "color"]), { color: l } = K(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: y } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "size"]), { prop: u } = r(e, ["settings", "text"]), { theme: c } = N(), { prop: f } = r(e, ["settings", "tile"]), { prop: h } = r(e, ["settings", "value"]), { prop: g } = r(e, ["settings", "variant"]);
+    const e = t, { property: i } = r(e, [
+      "settings",
+      "closable"
+    ]), { property: o } = r(e, ["settings", "color"]), { color: l } = K(o), { property: s } = r(e, ["settings", "density"]), { property: a } = r(e, [
+      "settings",
+      "disabled"
+    ]), { property: p } = r(e, [
+      "settings",
+      "draggable"
+    ]), { property: d } = r(e, ["settings", "filter"]), { property: f } = r(e, ["settings", "label"]), { property: m } = r(e, ["settings", "size"]), { property: u } = r(e, ["settings", "text"]), { theme: c } = N(), { property: y } = r(e, ["settings", "tile"]), { property: h } = r(e, ["settings", "value"]), { property: g } = r(e, ["settings", "variant"]);
     return (x, w) => {
       const C = z("v-chip");
       return v(), V(C, {
@@ -1132,11 +1254,11 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
         disabled: n(a),
         draggable: n(p),
         filter: n(d),
-        label: n(y),
+        label: n(f),
         size: n(m),
         text: n(u),
         theme: n(c),
-        tile: n(f),
+        tile: n(y),
         value: n(h),
         variant: n(g)
       }, null, 8, ["closable", "color", "density", "disabled", "draggable", "filter", "label", "size", "text", "theme", "tile", "value", "variant"]);
@@ -1149,13 +1271,25 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
     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: p } = r(e, ["settings", "multiple"]), { prop: d } = r(e, [
+    const e = t, { property: i } = r(e, ["settings", "column"]), { property: o } = r(e, [
+      "settings",
+      "direction"
+    ]), { property: l } = r(e, [
+      "settings",
+      "disabled"
+    ]), { property: s } = r(e, ["settings", "filter"]), { property: a } = r(e, [
+      "settings",
+      "mandatory"
+    ]), { property: p } = r(e, [
+      "settings",
+      "multiple"
+    ]), { property: d } = r(e, [
       "settings",
       "showArrows"
-    ]), { theme: y } = N(), { prop: m } = r(e, ["settings", "value"]);
+    ]), { theme: f } = N(), { property: m } = r(e, ["settings", "value"]);
     return (u, c) => {
-      const f = z("v-chip-group");
-      return v(), V(f, {
+      const y = z("v-chip-group");
+      return v(), V(y, {
         modelValue: n(m),
         "onUpdate:modelValue": c[0] || (c[0] = (h) => O(m) ? m.value = h : null),
         column: n(i),
@@ -1165,7 +1299,7 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
         mandatory: n(a),
         multiple: n(p),
         "show-arrows": n(d),
-        theme: n(y)
+        theme: n(f)
       }, {
         default: I(() => [
           L(u.$slots, "default")
@@ -1184,34 +1318,40 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
     const e = t, i = pe(), o = de(), { applySize: l } = ge(e), s = k(() => {
       const h = {}, g = o.value.type;
       return i === "page" ? g === "common" ? l(h) : console.assert(!1) : i === "comp" && g === "common" ? l(h) : console.assert(!1), h;
-    }), { prop: a } = r(e, ["settings", "disabled"]), { prop: p } = r(e, [
+    }), { property: a } = r(e, [
+      "settings",
+      "disabled"
+    ]), { property: p } = r(e, [
       "settings",
       "hideCanvas"
-    ]), { prop: d } = r(e, [
+    ]), { property: d } = r(e, [
       "settings",
       "hideHeader"
-    ]), { prop: y } = r(e, [
+    ]), { property: f } = r(e, [
       "settings",
       "hideInputs"
-    ]), { prop: m } = r(e, [
+    ]), { property: m } = r(e, [
       "settings",
       "hideSliders"
-    ]), { prop: u } = r(e, ["settings", "landscape"]), { prop: c } = r(e, [
+    ]), { property: u } = r(e, [
+      "settings",
+      "landscape"
+    ]), { property: c } = r(e, [
       "settings",
       "showSwatches"
-    ]), { theme: f } = N();
+    ]), { theme: y } = N();
     return (h, g) => {
       const x = z("v-color-picker");
       return v(), V(x, {
         disabled: n(a),
         "hide-canvas": n(p),
         "hide-header": n(d),
-        "hide-inputs": n(y),
+        "hide-inputs": n(f),
         "hide-sliders": n(m),
         landscape: n(u),
         "show-swatches": n(c),
-        style: Q(s.value),
-        theme: n(f)
+        style: q(s.value),
+        theme: n(y)
       }, null, 8, ["disabled", "hide-canvas", "hide-header", "hide-inputs", "hide-sliders", "landscape", "show-swatches", "style", "theme"]);
     };
   }
@@ -1222,17 +1362,20 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, [
+    const e = t, { property: i } = r(e, [
       "settings",
       "hideDetails"
-    ]), { prop: o } = r(e, ["settings", "label"]), { prop: l } = r(e, [
+    ]), { property: o } = r(e, ["settings", "label"]), { property: l } = r(e, [
       "settings",
       "placeholder"
-    ]), { prop: s } = r(e, ["settings", "readonly"]), { prop: a } = r(e, [
+    ]), { property: s } = r(e, [
+      "settings",
+      "readonly"
+    ]), { property: a } = r(e, [
       "settings",
       "singleLine"
-    ]), { theme: p } = N(), { prop: d } = r(e, ["settings", "value"]);
-    return (y, m) => {
+    ]), { theme: p } = N(), { property: d } = r(e, ["settings", "value"]);
+    return (f, m) => {
       const u = z("v-combobox");
       return v(), V(n(Z), null, {
         default: I(() => [
@@ -1258,33 +1401,40 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = pe(), o = de(), { prop: l } = r(e, [
+    const e = t, i = pe(), o = de(), { property: l } = r(e, [
       "settings",
       "backgroundColor"
-    ]), { color: s } = K(l), { applySize: a } = ge(e), { applyMargin: p } = Wn(e), { applyPadding: d } = En(e), { applyBorder: y } = Bn(e), m = k(() => {
+    ]), { color: s } = K(l), { applySize: a } = ge(e), { applyMargin: p } = Wn(e), { applyPadding: d } = En(e), { applyBorder: f } = Bn(e), m = k(() => {
       const u = {}, c = o.value.type;
-      return i === "page" ? c === "common" ? (a(u), p(u), d(u), y(u), s.value && (u.backgroundColor = s.value)) : console.assert(!1) : i === "comp" && c === "common" ? (a(u), p(u), d(u), y(u), s.value && (u.backgroundColor = s.value)) : console.assert(!1), u;
+      return i === "page" ? c === "common" ? (a(u), p(u), d(u), f(u), s.value && (u.backgroundColor = s.value)) : console.assert(!1) : i === "comp" && c === "common" ? (a(u), p(u), d(u), f(u), s.value && (u.backgroundColor = s.value)) : console.assert(!1), u;
     });
     return (u, c) => (v(), Y("div", {
-      style: Q(m.value)
+      style: q(m.value)
     }, [
       L(u.$slots, "default")
     ], 4));
   }
-}), fl = /* @__PURE__ */ $({
+}), yl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "density"]), { prop: o } = r(e, [
+    const e = t, { property: i } = r(e, ["settings", "density"]), { property: o } = r(e, [
       "settings",
       "fixedFooter"
-    ]), { prop: l } = r(e, [
+    ]), { property: 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: y } = r(e, ["settings", "loading"]), { prop: m } = r(e, ["settings", "multiSort"]), { theme: u } = N(), { prop: c } = r(e, ["size", "width"]), f = k(() => {
+    ]), { property: s } = r(e, ["settings", "headers"]), { property: a } = r(e, ["size", "height"]), { property: p } = r(e, ["settings", "hover"]), { property: d } = r(
+      e,
+      ["settings", "data"],
+      !0
+    ), { property: f } = r(e, ["settings", "loading"]), { property: m } = r(e, [
+      "settings",
+      "multiSort"
+    ]), { theme: u } = N(), { property: c } = r(e, ["size", "width"]), y = k(() => {
       const h = [];
       return (e.node.slots?.items ?? []).forEach((x) => {
         x.column && x.comp && h.push(x);
@@ -1300,15 +1450,15 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
         height: n(a),
         hover: n(p),
         items: n(d),
-        loading: n(y),
+        loading: n(f),
         "multi-sort": n(m),
         theme: n(u),
         width: n(c)
       }, Pn({ _: 2 }, [
-        Mo(f.value, (w) => ({
+        Mo(y.value, (w) => ({
           name: `item.${w.column}`,
           fn: I(({ value: C }) => [
-            H(n(fe), {
+            H(n(ye), {
               "ref-context": { refid: w.comp },
               state: { value: C }
             }, null, 8, ["ref-context", "state"])
@@ -1317,12 +1467,12 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
       ]), 1032, ["density", "fixed-footer", "fixed-header", "headers", "height", "hover", "items", "loading", "multi-sort", "theme", "width"]);
     };
   }
-}), yl = {};
+}), fl = {};
 function bl(t, e) {
   const i = z("v-date-picker");
   return v(), V(i);
 }
-const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PURE__ */ $({
+const hl = /* @__PURE__ */ xe(fl, [["render", bl]]), gl = ["id"], xl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1330,14 +1480,14 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
   },
   setup(t) {
     const e = t, i = G(), o = Ee(), l = k(() => e.node.basic?.id), { open: s } = eo(`runtimeDlg/${Zi()}`);
-    return yo(o, e, (p) => {
+    return fo(o, e, (p) => {
       if (i !== "runtime" && i !== "preview")
         return;
       const { name: d } = p;
       d === "open" ? s.value = !0 : d === "close" && (s.value = !1);
     }), (p, d) => {
-      const y = z("v-dialog");
-      return v(), V(y, {
+      const f = z("v-dialog");
+      return v(), V(f, {
         modelValue: n(s),
         "onUpdate:modelValue": d[0] || (d[0] = (m) => O(s) ? s.value = m : null),
         attach: "#dialogContainer"
@@ -1346,7 +1496,7 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
           n(i) === "editor" ? (v(), Y("div", {
             key: 0,
             id: `__node__@${l.value}`
-          }, null, 8, gl)) : ee("", !0)
+          }, null, 8, gl)) : te("", !0)
         ]),
         default: I(() => [
           L(p.$slots, "default")
@@ -1362,11 +1512,23 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
     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: p } = r(e, ["settings", "loading"]), { prop: d } = r(e, ["settings", "multiple"]), { prop: y } = r(e, ["settings", "readonly"]), { prop: m } = r(e, ["settings", "reverse"]), { prop: u } = r(e, [
+    const e = t, { property: i } = r(e, ["settings", "chips"]), { property: o } = r(e, ["settings", "density"]), { property: l } = r(e, [
+      "settings",
+      "direction"
+    ]), { property: s } = r(e, [
+      "settings",
+      "disabled"
+    ]), { property: a } = r(e, ["settings", "label"]), { property: p } = r(e, ["settings", "loading"]), { property: d } = r(e, [
+      "settings",
+      "multiple"
+    ]), { property: f } = r(e, [
+      "settings",
+      "readonly"
+    ]), { property: m } = r(e, ["settings", "reverse"]), { property: u } = r(e, [
       "settings",
       "singleLine"
     ]);
-    return (c, f) => {
+    return (c, y) => {
       const h = z("v-file-input");
       return v(), V(h, {
         chips: n(i),
@@ -1376,7 +1538,7 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
         label: n(a),
         loading: n(p),
         multiple: n(d),
-        readonly: n(y),
+        readonly: n(f),
         reverse: n(m),
         "single-line": n(u)
       }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"]);
@@ -1389,27 +1551,27 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = $e(), o = pe(), l = de(), { applySize: s } = ge(e), { applyMargin: a } = Wn(e), { applyPadding: p } = En(e), { applyBorder: d } = Bn(e), { prop: y } = r(e, [
+    const e = t, i = $e(), o = pe(), l = de(), { applySize: s } = ge(e), { applyMargin: a } = Wn(e), { applyPadding: p } = En(e), { applyBorder: d } = Bn(e), { property: f } = r(e, [
       "settings",
       "backgroundColor"
-    ]), { color: m } = K(y), u = (f) => {
-      m.value && (f.backgroundColor = m.value), f.display = "flex";
+    ]), { color: m } = K(f), u = (y) => {
+      m.value && (y.backgroundColor = m.value), y.display = "flex";
       const h = Re(i.value.width), g = Ie(h, e.node.settings?.direction);
-      g === "row" ? f.flexDirection = "row" : g === "rowReverse" ? f.flexDirection = "row-reverse" : g === "column" ? f.flexDirection = "column" : g === "columnReverse" && (f.flexDirection = "column-reverse");
+      g === "row" ? y.flexDirection = "row" : g === "rowReverse" ? y.flexDirection = "row-reverse" : g === "column" ? y.flexDirection = "column" : g === "columnReverse" && (y.flexDirection = "column-reverse");
       const x = Ie(h, e.node.settings?.wrap);
-      x === "no" ? f.flexWrap = "nowrap" : x === "yes" ? f.flexWrap = "wrap" : x === "reverse" && (f.flexWrap = "wrap-reverse");
+      x === "no" ? y.flexWrap = "nowrap" : x === "yes" ? y.flexWrap = "wrap" : x === "reverse" && (y.flexWrap = "wrap-reverse");
       const w = Ie(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");
+      w === "start" ? y.justifyContent = "flex-start" : w === "end" ? y.justifyContent = "flex-end" : w === "center" ? y.justifyContent = "center" : w === "spaceBetween" ? y.justifyContent = "space-between" : w === "spaceAround" ? y.justifyContent = "space-around" : w === "spaceEvenly" && (y.justifyContent = "space-evenly");
       const C = Ie(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 === "start" ? y.alignItems = "flex-start" : C === "end" ? y.alignItems = "flex-end" : C === "center" ? y.alignItems = "center" : C === "baseline" ? y.alignItems = "baseline" : C === "stretch" && (y.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;
+      const y = {}, h = l.value.type;
+      return o === "page" ? h === "common" ? (s(y), a(y), p(y), d(y), u(y)) : console.assert(!1) : o === "comp" && h === "common" ? (s(y), a(y), p(y), d(y), u(y)) : console.assert(!1), y;
     });
-    return (f, h) => (v(), Y("div", {
-      style: Q(c.value)
+    return (y, h) => (v(), Y("div", {
+      style: q(c.value)
     }, [
-      L(f.$slots, "default")
+      L(y.$slots, "default")
     ], 4));
   }
 }), _l = /* @__PURE__ */ $({
@@ -1419,12 +1581,12 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = pe(), o = de(), { applySize: l } = ge(e), { prop: s } = r(e, ["settings", "grow"]), { prop: a } = r(e, ["settings", "shrink"]), p = k(() => {
-      const d = {}, y = o.value.type;
-      return i === "page" ? y === "common" ? (l(d), d.flexGrow = s.value ? 1 : 0, d.flexShrink = a.value ? 1 : 0) : console.assert(!1) : i === "comp" && y === "common" ? (l(d), d.flexGrow = s.value ? 1 : 0, d.flexShrink = a.value ? 1 : 0) : console.assert(!1), d;
+    const e = t, i = pe(), o = de(), { applySize: l } = ge(e), { property: s } = r(e, ["settings", "grow"]), { property: a } = r(e, ["settings", "shrink"]), p = k(() => {
+      const d = {}, f = o.value.type;
+      return i === "page" ? f === "common" ? (l(d), d.flexGrow = s.value ? 1 : 0, d.flexShrink = a.value ? 1 : 0) : console.assert(!1) : i === "comp" && f === "common" ? (l(d), d.flexGrow = s.value ? 1 : 0, d.flexShrink = a.value ? 1 : 0) : console.assert(!1), d;
     });
-    return (d, y) => (v(), Y("div", {
-      style: Q(p.value)
+    return (d, f) => (v(), Y("div", {
+      style: q(p.value)
     }, [
       L(d.$slots, "default")
     ], 4));
@@ -1436,12 +1598,15 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), o = pe(), l = de(), s = Ee(), { prop: a } = r(e, ["settings", "valid"]), { prop: p } = r(e, ["settings", "fastFail"]), { prop: d } = r(e, [
+    const e = t, i = G(), o = pe(), l = de(), s = Ee(), { property: a } = r(e, ["settings", "valid"]), { property: p } = r(e, [
+      "settings",
+      "fastFail"
+    ]), { property: d } = r(e, [
       "settings",
       "backgroundColor"
-    ]), { color: y } = K(d), { applySize: m } = ge(e), { applyMargin: u } = Wn(e), { applyPadding: c } = En(e), { applyBorder: f } = Bn(e), h = k(() => {
+    ]), { color: f } = K(d), { applySize: m } = ge(e), { applyMargin: u } = Wn(e), { applyPadding: c } = En(e), { applyBorder: y } = Bn(e), h = k(() => {
       const x = {}, w = l.value.type;
-      return o === "page" ? w === "common" ? (m(x), u(x), c(x), f(x), y.value && (x.backgroundColor = y.value)) : console.assert(!1) : o === "comp" && w === "common" ? (m(x), u(x), c(x), f(x), y.value && (x.backgroundColor = y.value)) : console.assert(!1), x;
+      return o === "page" ? w === "common" ? (m(x), u(x), c(x), y(x), f.value && (x.backgroundColor = f.value)) : console.assert(!1) : o === "comp" && w === "common" ? (m(x), u(x), c(x), y(x), f.value && (x.backgroundColor = f.value)) : console.assert(!1), x;
     }), g = () => {
       i !== "runtime" && i !== "preview" || s.callFunction("__triggerEventV1__", [
         Ce("elementEvent", e.node.basic.id, "submit")
@@ -1453,7 +1618,7 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
         modelValue: n(a),
         "onUpdate:modelValue": w[0] || (w[0] = (M) => O(a) ? a.value = M : null),
         "fast-fail": n(p),
-        style: Q(h.value),
+        style: q(h.value),
         onSubmit: Ro(g, ["prevent"])
       }, {
         default: I(() => [
@@ -1470,8 +1635,11 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "color"]), { color: o } = K(i), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "icon"]), { prop: a } = r(e, ["settings", "size"]), { theme: p } = N();
-    return (d, y) => {
+    const e = t, { property: i } = r(e, ["settings", "color"]), { color: o } = K(i), { property: l } = r(e, [
+      "settings",
+      "disabled"
+    ]), { property: s } = r(e, ["settings", "icon"]), { property: a } = r(e, ["settings", "size"]), { theme: p } = N();
+    return (d, f) => {
       const m = z("v-icon");
       return v(), V(m, {
         color: n(o),
@@ -1490,7 +1658,7 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
   },
   setup(t) {
     const e = t, i = G(), o = Ee(), l = ce(0), s = ce(0), a = k(() => [l.value, s.value]), p = k(() => e.node.basic?.id), { open: d } = eo(`runtimeMenu/${Zi()}`);
-    return yo(o, e, (m) => {
+    return fo(o, e, (m) => {
       if (i !== "runtime" && i !== "preview")
         return;
       const { name: u } = m;
@@ -1499,7 +1667,7 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
       const c = z("v-menu");
       return v(), V(c, {
         modelValue: n(d),
-        "onUpdate:modelValue": u[0] || (u[0] = (f) => O(d) ? d.value = f : null),
+        "onUpdate:modelValue": u[0] || (u[0] = (y) => O(d) ? d.value = y : null),
         attach: "menuContainer",
         "location-strategy": "connected",
         scrim: "transparent",
@@ -1509,7 +1677,7 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
           n(i) === "editor" ? (v(), Y("div", {
             key: 0,
             id: `__node__@${p.value}`
-          }, null, 8, $l)) : ee("", !0)
+          }, null, 8, $l)) : te("", !0)
         ]),
         default: I(() => [
           L(m.$slots, "default")
@@ -1525,39 +1693,48 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, [
+    const e = t, { property: i } = r(e, [
       "settings",
       "addIcon",
       "append"
-    ]), { prop: o } = r(e, [
+    ]), { property: o } = r(e, [
       "settings",
       "addIcon",
       "appendInner"
-    ]), { prop: l } = r(e, ["settings", "clearable"]), { prop: s } = r(e, [
+    ]), { property: l } = r(e, [
+      "settings",
+      "clearable"
+    ]), { property: s } = r(e, [
       "settings",
       "hideDetails"
-    ]), { prop: a } = r(e, ["settings", "label"]), { prop: p } = r(e, ["settings", "loading"]), { prop: d } = r(e, ["settings", "max"]), { prop: y } = r(e, ["size", "maxWidth"]), { prop: m } = r(e, ["settings", "min"]), { prop: u } = r(e, ["size", "minWidth"]), { prop: c } = r(e, [
+    ]), { property: a } = r(e, ["settings", "label"]), { property: p } = r(e, ["settings", "loading"]), { property: d } = r(e, ["settings", "max"]), { property: f } = r(e, ["size", "maxWidth"]), { property: m } = r(e, ["settings", "min"]), { property: u } = r(e, ["size", "minWidth"]), { property: c } = r(e, [
       "settings",
       "placeholder"
-    ]), { prop: f } = r(e, ["settings", "precision"]), { prop: h } = r(e, ["settings", "prefix"]), { prop: g } = r(e, [
+    ]), { property: y } = r(e, [
+      "settings",
+      "precision"
+    ]), { property: h } = r(e, ["settings", "prefix"]), { property: g } = r(e, [
       "settings",
       "addIcon",
       "prepend"
-    ]), { prop: x } = r(e, [
+    ]), { property: x } = r(e, [
       "settings",
       "addIcon",
       "prependInner"
-    ]), { prop: w } = r(e, ["settings", "readonly"]), { prop: C } = r(e, ["settings", "reverse"]), { prop: M } = r(e, [
+    ]), { property: w } = r(e, [
+      "settings",
+      "readonly"
+    ]), { property: C } = r(e, ["settings", "reverse"]), { property: M } = r(e, [
       "settings",
       "singleLine"
-    ]), { prop: W } = r(e, ["settings", "step"]), { prop: F } = r(e, ["settings", "suffix"]), { theme: R } = N(), { prop: E } = r(e, ["settings", "value"]), { prop: S } = r(e, ["settings", "variant"]), { prop: D } = r(e, ["size", "width"]);
-    return (J, te) => {
+    ]), { property: W } = r(e, ["settings", "step"]), { property: F } = r(e, ["settings", "suffix"]), { theme: R } = N(), { property: E } = r(e, ["settings", "value"]), { property: S } = r(e, ["settings", "variant"]), { property: D } = r(e, ["size", "width"]);
+    return (J, ne) => {
       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) => O(E) ? E.value = le : null),
+            "onUpdate:modelValue": ne[0] || (ne[0] = (le) => O(E) ? E.value = le : null),
             "append-icon": n(i),
             "append-inner-icon": n(o),
             clearable: n(l),
@@ -1565,11 +1742,11 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
             label: n(a),
             loading: n(p),
             max: n(d),
-            "max-width": n(y),
+            "max-width": n(f),
             min: n(m),
             "min-width": n(u),
             placeholder: n(c),
-            precision: n(f),
+            precision: n(y),
             prefix: n(h),
             "prepend-icon": n(g),
             "prepend-inner-icon": n(x),
@@ -1594,10 +1771,13 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    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, [
+    const e = t, i = G(), { property: o } = r(e, ["settings", "density"]), { property: l } = r(e, [
+      "settings",
+      "disabled"
+    ]), { property: s } = r(e, ["settings", "length"]), { property: a } = r(e, [
       "settings",
       "showFirstLastPage"
-    ]), { prop: p } = r(e, ["settings", "size"]), { prop: d } = r(e, ["settings", "start"]), { theme: y } = N(), { prop: m } = r(e, ["settings", "tile"]), { prop: u } = r(e, ["settings", "value"]), { prop: c } = r(e, ["settings", "variant"]), f = k(() => {
+    ]), { property: p } = r(e, ["settings", "size"]), { property: d } = r(e, ["settings", "start"]), { theme: f } = N(), { property: m } = r(e, ["settings", "tile"]), { property: u } = r(e, ["settings", "value"]), { property: c } = r(e, ["settings", "variant"]), y = k(() => {
       const h = {};
       return i === "editor" && (h.pointerEvents = "none"), h;
     });
@@ -1614,8 +1794,8 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
             "show-first-last-page": n(a),
             size: n(p),
             start: n(d),
-            style: Q(f.value),
-            theme: n(y),
+            style: q(y.value),
+            theme: n(f),
             tile: n(m),
             variant: n(c)
           }, null, 8, ["modelValue", "density", "disabled", "length", "show-first-last-page", "size", "start", "style", "theme", "tile", "variant"])
@@ -1631,7 +1811,13 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "color"]), { color: o } = K(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 } = N(), { prop: y } = r(e, ["settings", "value"]);
+    const e = t, { property: i } = r(e, ["settings", "color"]), { color: o } = K(i), { property: l } = r(e, ["settings", "density"]), { property: s } = r(e, [
+      "settings",
+      "disabled"
+    ]), { property: a } = r(e, ["settings", "label"]), { property: p } = r(e, [
+      "settings",
+      "readonly"
+    ]), { theme: d } = N(), { property: f } = r(e, ["settings", "value"]);
     return (m, u) => {
       const c = z("v-radio");
       return v(), V(c, {
@@ -1641,7 +1827,7 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
         label: n(a),
         readonly: n(p),
         theme: n(d),
-        value: n(y)
+        value: n(f)
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
   }
@@ -1652,8 +1838,17 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
     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: p } = N(), { prop: d } = r(e, ["settings", "value"]);
-    return (y, m) => {
+    const e = t, { property: i } = r(e, ["settings", "density"]), { property: o } = r(e, [
+      "settings",
+      "direction"
+    ]), { property: l } = r(e, [
+      "settings",
+      "disabled"
+    ]), { property: s } = r(e, ["settings", "inline"]), { property: a } = r(e, [
+      "settings",
+      "readonly"
+    ]), { theme: p } = N(), { property: d } = r(e, ["settings", "value"]);
+    return (f, m) => {
       const u = z("v-radio-group");
       return v(), V(n(Z), null, {
         default: I(() => [
@@ -1668,7 +1863,7 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
             theme: n(p)
           }, {
             default: I(() => [
-              L(y.$slots, "default")
+              L(f.$slots, "default")
             ]),
             _: 3
           }, 8, ["modelValue", "density", "direction", "disabled", "inline", "readonly", "theme"])
@@ -1684,10 +1879,19 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
     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, [
+    const e = t, { property: i } = r(e, ["settings", "density"]), { property: o } = r(e, [
+      "settings",
+      "direction"
+    ]), { property: l } = r(e, [
+      "settings",
+      "disabled"
+    ]), { property: s } = r(e, [
       "settings",
       "hideDetails"
-    ]), { prop: a } = r(e, ["settings", "label"]), { prop: p } = r(e, ["settings", "max"]), { prop: d } = r(e, ["settings", "min"]), { prop: y } = r(e, ["settings", "readonly"]), { prop: m } = r(e, [
+    ]), { property: a } = r(e, ["settings", "label"]), { property: p } = r(e, ["settings", "max"]), { property: d } = r(e, ["settings", "min"]), { property: f } = r(e, [
+      "settings",
+      "readonly"
+    ]), { property: m } = r(e, [
       "settings",
       "showTicks"
     ]), u = k(() => {
@@ -1695,7 +1899,7 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
         return "always";
       if (m.value === "show")
         return !0;
-    }), { prop: c } = r(e, ["settings", "step"]), { theme: f } = N(), { prop: h } = r(e, [
+    }), { property: c } = r(e, ["settings", "step"]), { theme: y } = N(), { property: h } = r(e, [
       "settings",
       "thumbLabel"
     ]), g = k(() => {
@@ -1703,7 +1907,10 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
         return "always";
       if (h.value === "show")
         return !0;
-    }), { prop: x } = r(e, ["settings", "thumbSize"]), { prop: w } = r(e, ["settings", "ticks"]), C = k(() => {
+    }), { property: x } = r(e, [
+      "settings",
+      "thumbSize"
+    ]), { property: w } = r(e, ["settings", "ticks"]), C = k(() => {
       if (!w.value)
         return;
       const E = {};
@@ -1711,11 +1918,14 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
         E[S] = D;
       if (!ro(E))
         return E;
-    }), { prop: M } = r(e, ["settings", "tickSize"]), { prop: W } = r(e, [
+    }), { property: M } = r(e, [
+      "settings",
+      "tickSize"
+    ]), { property: W } = r(e, [
       "settings",
       "value",
       "start"
-    ]), { prop: F } = r(e, [
+    ]), { property: F } = r(e, [
       "settings",
       "value",
       "end"
@@ -1742,10 +1952,10 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
             label: n(a),
             max: n(p),
             min: n(d),
-            readonly: n(y),
+            readonly: n(f),
             "show-ticks": u.value,
             step: n(c),
-            theme: n(f),
+            theme: n(y),
             "thumb-label": g.value,
             "thumb-size": n(x),
             "tick-size": n(M),
@@ -1763,15 +1973,24 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    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, [
+    const e = t, { property: i } = r(e, [
+      "settings",
+      "clearable"
+    ]), { property: o } = r(e, ["settings", "density"]), { property: l } = r(e, [
+      "settings",
+      "disabled"
+    ]), { property: s } = r(e, [
       "settings",
       "halfIncrements"
-    ]), { prop: a } = r(e, ["settings", "hover"]), { prop: p } = r(e, ["settings", "length"]), { prop: d } = r(e, ["settings", "readonly"]), { theme: y } = N(), { prop: m } = r(e, ["settings", "value"]);
+    ]), { property: a } = r(e, ["settings", "hover"]), { property: p } = r(e, ["settings", "length"]), { property: d } = r(e, [
+      "settings",
+      "readonly"
+    ]), { theme: f } = N(), { property: m } = r(e, ["settings", "value"]);
     return (u, c) => {
-      const f = z("v-rating");
+      const y = z("v-rating");
       return v(), V(n(Z), { "fit-content": !0 }, {
         default: I(() => [
-          H(f, {
+          H(y, {
             modelValue: n(m),
             "onUpdate:modelValue": c[0] || (c[0] = (h) => O(m) ? m.value = h : null),
             clearable: n(i),
@@ -1781,7 +2000,7 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
             hover: n(a),
             length: n(p),
             readonly: n(d),
-            theme: n(y)
+            theme: n(f)
           }, null, 8, ["modelValue", "clearable", "density", "disabled", "half-increments", "hover", "length", "readonly", "theme"])
         ]),
         _: 1
@@ -1795,17 +2014,20 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, [
+    const e = t, { property: i } = r(e, [
       "settings",
       "hideDetails"
-    ]), { prop: o } = r(e, ["settings", "label"]), { prop: l } = r(e, [
+    ]), { property: o } = r(e, ["settings", "label"]), { property: l } = r(e, [
       "settings",
       "placeholder"
-    ]), { prop: s } = r(e, ["settings", "readonly"]), { prop: a } = r(e, [
+    ]), { property: s } = r(e, [
+      "settings",
+      "readonly"
+    ]), { property: a } = r(e, [
       "settings",
       "singleLine"
-    ]), { theme: p } = N(), { prop: d } = r(e, ["settings", "value"]);
-    return (y, m) => {
+    ]), { theme: p } = N(), { property: d } = r(e, ["settings", "value"]);
+    return (f, m) => {
       const u = z("v-select");
       return v(), V(n(Z), null, {
         default: I(() => [
@@ -1831,21 +2053,30 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "color"]), { color: o } = K(i), { prop: l } = r(e, ["settings", "direction"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, [
+    const e = t, { property: i } = r(e, ["settings", "color"]), { color: o } = K(i), { property: l } = r(e, [
+      "settings",
+      "direction"
+    ]), { property: s } = r(e, [
+      "settings",
+      "disabled"
+    ]), { property: a } = r(e, [
       "settings",
       "hideDetails"
-    ]), { prop: p } = r(e, ["settings", "label"]), { prop: d } = r(e, ["settings", "max"]), { prop: y } = r(e, ["settings", "min"]), { prop: m } = r(e, ["settings", "readonly"]), { prop: u } = r(e, ["settings", "reverse"]), { prop: c } = r(e, [
+    ]), { property: p } = r(e, ["settings", "label"]), { property: d } = r(e, ["settings", "max"]), { property: f } = r(e, ["settings", "min"]), { property: m } = r(e, [
+      "settings",
+      "readonly"
+    ]), { property: u } = r(e, ["settings", "reverse"]), { property: c } = r(e, [
       "settings",
       "showTicks"
-    ]), f = k(() => {
+    ]), y = k(() => {
       if (c.value === "always")
         return "always";
       if (c.value === "show")
         return !0;
-    }), { prop: h } = r(e, ["settings", "step"]), { theme: g } = N(), { prop: x } = r(e, [
+    }), { property: h } = r(e, ["settings", "step"]), { theme: g } = N(), { property: x } = r(e, [
       "settings",
       "thumbColor"
-    ]), { color: w } = K(x), { prop: C } = r(e, [
+    ]), { color: w } = K(x), { property: C } = r(e, [
       "settings",
       "thumbLabel"
     ]), M = k(() => {
@@ -1853,7 +2084,10 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
         return "always";
       if (C.value === "show")
         return !0;
-    }), { prop: W } = r(e, ["settings", "thumbSize"]), { prop: F } = r(e, ["settings", "ticks"]), R = k(() => {
+    }), { property: W } = r(e, [
+      "settings",
+      "thumbSize"
+    ]), { property: F } = r(e, ["settings", "ticks"]), R = k(() => {
       if (!F.value)
         return;
       const le = {};
@@ -1861,10 +2095,16 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
         le[Ne] = Ut;
       if (!ro(le))
         return le;
-    }), { prop: E } = r(e, ["settings", "tickSize"]), { prop: S } = r(e, [
+    }), { property: E } = r(e, [
+      "settings",
+      "tickSize"
+    ]), { property: S } = r(e, [
       "settings",
       "trackColor"
-    ]), { color: D } = K(S), { prop: J } = r(e, ["settings", "value"]), { prop: te } = r(e, ["slots", "append"]), { prop: re } = r(e, ["slots", "prepend"]);
+    ]), { color: D } = K(S), { property: J } = r(e, ["settings", "value"]), { property: ne } = r(e, ["slots", "append"]), { property: re } = r(e, [
+      "slots",
+      "prepend"
+    ]);
     return (le, Ne) => {
       const Ut = z("v-slider");
       return v(), V(n(Z), null, {
@@ -1878,10 +2118,10 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
             "hide-details": n(a),
             label: n(p),
             max: n(d),
-            min: n(y),
+            min: n(f),
             readonly: n(m),
             reverse: n(u),
-            "show-ticks": f.value,
+            "show-ticks": y.value,
             step: n(h),
             theme: n(g),
             "thumb-color": n(w),
@@ -1891,11 +2131,11 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
             ticks: R.value,
             "track-color": n(D)
           }, Pn({ _: 2 }, [
-            n(te) ? {
+            n(ne) ? {
               name: "append",
               fn: I(() => [
-                H(n(fe), {
-                  "ref-context": { refid: n(te) },
+                H(n(ye), {
+                  "ref-context": { refid: n(ne) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -1904,7 +2144,7 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
             n(re) ? {
               name: "prepend",
               fn: I(() => [
-                H(n(fe), {
+                H(n(ye), {
                   "ref-context": { refid: n(re) },
                   state: {}
                 }, null, 8, ["ref-context"])
@@ -1924,10 +2164,10 @@ const hl = /* @__PURE__ */ xe(yl, [["render", bl]]), gl = ["id"], xl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, [
+    const e = t, { property: i } = r(e, [
       "settings",
       "hideActions"
-    ]), { theme: o } = N(), { prop: l } = r(e, ["settings", "value"]);
+    ]), { theme: o } = N(), { property: l } = r(e, ["settings", "value"]);
     return (s, a) => {
       const p = z("v-stepper");
       return v(), V(p, {
@@ -1960,7 +2200,7 @@ const Ml = /* @__PURE__ */ xe(El, [["render", Nl]]), Rl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "value"]);
+    const e = t, { property: i } = r(e, ["settings", "value"]);
     return (o, l) => {
       const s = z("v-stepper-item");
       return v(), V(s, { value: n(i) }, {
@@ -1988,7 +2228,7 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "value"]);
+    const e = t, { property: i } = r(e, ["settings", "value"]);
     return (o, l) => {
       const s = z("v-stepper-window-item");
       return v(), V(s, { value: n(i) }, {
@@ -2006,14 +2246,20 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
     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, [
+    const e = t, { property: i } = r(e, ["settings", "density"]), { property: o } = r(e, [
+      "settings",
+      "direction"
+    ]), { property: l } = r(e, [
+      "settings",
+      "disabled"
+    ]), { property: s } = r(e, [
       "settings",
       "hideDetails"
-    ]), { prop: a } = r(e, [
+    ]), { property: a } = r(e, [
       "settings",
       "indeterminate"
-    ]), { prop: p } = r(e, ["settings", "inline"]), { prop: d } = r(e, ["settings", "inset"]), { prop: y } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "loading"]), { theme: u } = N(), { prop: c } = r(e, ["settings", "value"]);
-    return (f, h) => {
+    ]), { property: p } = r(e, ["settings", "inline"]), { property: d } = r(e, ["settings", "inset"]), { property: f } = r(e, ["settings", "label"]), { property: m } = r(e, ["settings", "loading"]), { theme: u } = N(), { property: c } = r(e, ["settings", "value"]);
+    return (y, h) => {
       const g = z("v-switch");
       return v(), V(n(Z), { "fit-content": !0 }, {
         default: I(() => [
@@ -2027,7 +2273,7 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
             indeterminate: n(a),
             inline: n(p),
             inset: n(d),
-            label: n(y),
+            label: n(f),
             loading: n(m),
             theme: n(u)
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "indeterminate", "inline", "inset", "label", "loading", "theme"])
@@ -2043,16 +2289,16 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
     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 e = t, i = G(), { property: o } = r(e, ["settings", "text"]), { theme: l } = N(), { property: s } = r(e, ["settings", "value"]), a = k(() => {
       const p = {};
       return i === "editor" && (p.pointerEvents = "none"), p;
     });
     return (p, d) => {
-      const y = z("v-tab");
+      const f = z("v-tab");
       return v(), V(n(Z), { "fit-content": !0 }, {
         default: I(() => [
-          H(y, {
-            style: Q(a.value),
+          H(f, {
+            style: q(a.value),
             text: n(o),
             theme: n(l),
             value: n(s)
@@ -2069,28 +2315,43 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "alignTabs"]), { prop: o } = r(e, [
+    const e = t, { property: i } = r(e, [
+      "settings",
+      "alignTabs"
+    ]), { property: o } = r(e, [
       "settings",
       "color",
       "backgroundColor"
-    ]), { color: l } = K(o), { prop: s } = r(e, [
+    ]), { color: l } = K(o), { property: s } = r(e, [
       "settings",
       "centerActive"
-    ]), { prop: a } = r(e, [
+    ]), { property: a } = r(e, [
       "settings",
       "color",
       "selectedColor"
-    ]), { color: p } = K(a), { prop: d } = r(e, ["settings", "density"]), { prop: y } = 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, [
+    ]), { color: p } = K(a), { property: d } = r(e, ["settings", "density"]), { property: f } = r(e, [
+      "settings",
+      "direction"
+    ]), { property: m } = r(e, [
+      "settings",
+      "disabled"
+    ]), { property: u } = r(e, [
+      "settings",
+      "fixedTabs"
+    ]), { property: c } = r(e, ["settings", "grow"]), { property: y } = r(e, [
       "settings",
       "hideSlider"
-    ]), { prop: h } = r(e, ["settings", "items"]), { prop: g } = r(e, ["settings", "mandatory"]), { prop: x } = r(e, [
+    ]), { property: h } = r(e, ["settings", "items"]), { property: g } = r(e, [
+      "settings",
+      "mandatory"
+    ]), { property: x } = r(e, [
       "settings",
       "showArrows"
-    ]), { prop: w } = r(e, [
+    ]), { property: w } = r(e, [
       "settings",
       "color",
       "sliderColor"
-    ]), { color: C } = K(w), { prop: M } = r(e, ["settings", "stacked"]), { theme: W } = N(), { prop: F } = r(e, ["settings", "value"]);
+    ]), { color: C } = K(w), { property: M } = r(e, ["settings", "stacked"]), { theme: W } = N(), { property: F } = r(e, ["settings", "value"]);
     return (R, E) => {
       const S = z("v-tabs");
       return v(), V(S, {
@@ -2101,11 +2362,11 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
         "center-active": n(s),
         color: n(p),
         density: n(d),
-        direction: n(y),
+        direction: n(f),
         disabled: n(m),
         "fixed-tabs": n(u),
         grow: n(c),
-        "hide-slider": n(f),
+        "hide-slider": n(y),
         items: n(h),
         mandatory: n(g),
         "show-arrows": n(x),
@@ -2127,15 +2388,18 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = $e(), { prop: o } = r(e, ["settings", "align"]), { prop: l } = r(e, [
+    const e = t, i = $e(), { property: o } = r(e, ["settings", "align"]), { property: 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"]), y = k(() => {
+    ]), { property: s } = r(e, [
+      "settings",
+      "emphasis"
+    ]), { property: a } = r(e, ["settings", "italic"]), { property: p } = r(e, ["settings", "text"]), { property: d } = r(e, ["settings", "weight"]), f = k(() => {
       const m = [], u = Re(i.value.width), c = Ie(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 (m, u) => (v(), Y("span", {
-      class: Do(y.value)
+      class: Do(f.value)
     }, Fo(n(p)), 3));
   }
 }), Xl = /* @__PURE__ */ $({
@@ -2145,13 +2409,25 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
     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: p } = r(e, ["settings", "loading"]), { prop: d } = r(e, ["settings", "maxRows"]), { prop: y } = r(e, [
+    const e = t, { property: i } = r(e, [
+      "settings",
+      "autoGrow"
+    ]), { property: o } = r(e, [
+      "settings",
+      "clearable"
+    ]), { property: l } = r(e, ["settings", "density"]), { property: s } = r(e, [
+      "settings",
+      "disabled"
+    ]), { property: a } = r(e, ["settings", "label"]), { property: p } = r(e, ["settings", "loading"]), { property: d } = r(e, ["settings", "maxRows"]), { property: f } = 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, [
+    ]), { property: m } = r(e, [
+      "settings",
+      "readonly"
+    ]), { property: u } = r(e, ["settings", "reverse"]), { property: c } = r(e, ["settings", "rows"]), { property: y } = r(e, [
       "settings",
       "singleLine"
-    ]), { theme: h } = N(), { prop: g } = r(e, ["settings", "value"]), { prop: x } = r(e, ["settings", "variant"]);
+    ]), { theme: h } = N(), { property: g } = r(e, ["settings", "value"]), { property: x } = r(e, ["settings", "variant"]);
     return (w, C) => {
       const M = z("v-textarea");
       return v(), V(n(Z), null, {
@@ -2166,11 +2442,11 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
             label: n(a),
             loading: n(p),
             "max-rows": n(d),
-            placeholder: n(y),
+            placeholder: n(f),
             readonly: n(m),
             reverse: n(u),
             rows: n(c),
-            "single-line": n(f),
+            "single-line": n(y),
             theme: n(h),
             variant: n(x)
           }, null, 8, ["modelValue", "auto-grow", "clearable", "density", "disabled", "label", "loading", "max-rows", "placeholder", "readonly", "reverse", "rows", "single-line", "theme", "variant"])
@@ -2186,41 +2462,56 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, [
+    const e = t, { property: i } = r(e, [
       "settings",
       "appendIcon"
-    ]), { prop: o } = r(e, [
+    ]), { property: o } = r(e, [
       "settings",
       "appendInnerIcon"
-    ]), { 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, [
+    ]), { property: l } = r(e, [
+      "settings",
+      "autofocus"
+    ]), { property: s } = r(e, [
+      "settings",
+      "clearable"
+    ]), { property: a } = r(e, ["settings", "density"]), { property: p } = r(e, [
+      "settings",
+      "disabled"
+    ]), { property: d } = r(e, [
       "settings",
       "hideDetails"
-    ]), { prop: y } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "loading"]), { prop: u } = r(e, [
+    ]), { property: f } = r(e, ["settings", "label"]), { property: m } = r(e, ["settings", "loading"]), { property: u } = r(e, [
       "settings",
       "placeholder"
-    ]), { prop: c } = r(e, ["settings", "prefix"]), { prop: f } = r(e, [
+    ]), { property: c } = r(e, ["settings", "prefix"]), { property: y } = r(e, [
       "settings",
       "prependIcon"
-    ]), { prop: h } = r(e, [
+    ]), { property: h } = r(e, [
       "settings",
       "prependInnerIcon"
-    ]), { prop: g } = r(e, ["settings", "readonly"]), { prop: x } = r(e, ["settings", "reverse"]), { prop: w } = r(e, [
+    ]), { property: g } = r(e, [
+      "settings",
+      "readonly"
+    ]), { property: x } = r(e, ["settings", "reverse"]), { property: w } = r(e, [
       "settings",
       "singleLine"
-    ]), { prop: C } = r(e, ["settings", "suffix"]), { theme: M } = N(), { prop: W } = r(e, ["settings", "value"]), { prop: F } = r(e, ["settings", "variant"]), { prop: R } = r(e, ["slots", "append"]), { prop: E } = r(e, [
+    ]), { property: C } = r(e, ["settings", "suffix"]), { theme: M } = N(), { property: W } = r(e, ["settings", "value"]), { property: F } = r(e, ["settings", "variant"]), { property: R } = r(e, ["slots", "append"]), { property: E } = r(e, [
       "slots",
       "appendInner"
-    ]), { prop: S } = r(e, ["slots", "prepend"]), { prop: D } = r(e, [
+    ]), { property: S } = r(e, [
+      "slots",
+      "prepend"
+    ]), { property: D } = r(e, [
       "slots",
       "prependInner"
     ]);
-    return (J, te) => {
+    return (J, ne) => {
       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) => O(W) ? W.value = le : null),
+            "onUpdate:modelValue": ne[0] || (ne[0] = (le) => O(W) ? W.value = le : null),
             "append-icon": n(i),
             "append-inner-icon": n(o),
             autofocus: n(l),
@@ -2228,11 +2519,11 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
             density: n(a),
             disabled: n(p),
             "hide-details": n(d),
-            label: n(y),
+            label: n(f),
             loading: n(m),
             placeholder: n(u),
             prefix: n(c),
-            "prepend-icon": n(f),
+            "prepend-icon": n(y),
             "prepend-inner-icon": n(h),
             readonly: n(g),
             reverse: n(x),
@@ -2244,7 +2535,7 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
             n(R) ? {
               name: "append",
               fn: I(() => [
-                H(n(fe), {
+                H(n(ye), {
                   "ref-context": { refid: n(R) },
                   state: {}
                 }, null, 8, ["ref-context"])
@@ -2254,7 +2545,7 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
             n(E) ? {
               name: "append-inner",
               fn: I(() => [
-                H(n(fe), {
+                H(n(ye), {
                   "ref-context": { refid: n(E) },
                   state: {}
                 }, null, 8, ["ref-context"])
@@ -2264,7 +2555,7 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
             n(S) ? {
               name: "prepend",
               fn: I(() => [
-                H(n(fe), {
+                H(n(ye), {
                   "ref-context": { refid: n(S) },
                   state: {}
                 }, null, 8, ["ref-context"])
@@ -2274,7 +2565,7 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
             n(D) ? {
               name: "prepend-inner",
               fn: I(() => [
-                H(n(fe), {
+                H(n(ye), {
                   "ref-context": { refid: n(D) },
                   state: {}
                 }, null, 8, ["ref-context"])
@@ -2294,26 +2585,33 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "align"]), { prop: o } = r(e, ["settings", "density"]), { prop: l } = r(e, ["settings", "direction"]), { prop: s } = r(e, [
+    const e = t, { property: i } = r(e, ["settings", "align"]), { property: o } = r(e, ["settings", "density"]), { property: l } = r(e, [
+      "settings",
+      "direction"
+    ]), { property: s } = r(e, [
       "settings",
       "dot",
       "color"
-    ]), { color: a } = K(s), { prop: p } = r(e, ["settings", "dot", "fill"]), { prop: d } = r(e, [
+    ]), { color: a } = K(s), { property: p } = r(e, [
+      "settings",
+      "dot",
+      "fill"
+    ]), { property: d } = r(e, [
       "settings",
       "hideOpposite"
-    ]), { prop: y } = r(e, [
+    ]), { property: f } = r(e, [
       "settings",
       "line",
       "color"
-    ]), { color: m } = K(y), { prop: u } = r(e, [
+    ]), { color: m } = K(f), { property: u } = r(e, [
       "settings",
       "line",
       "inset"
-    ]), { prop: c } = r(e, [
+    ]), { property: c } = r(e, [
       "settings",
       "line",
       "thickness"
-    ]), { prop: f } = r(e, ["settings", "side"]), { prop: h } = r(e, [
+    ]), { property: y } = r(e, ["settings", "side"]), { property: h } = r(e, [
       "settings",
       "line",
       "truncate"
@@ -2330,7 +2628,7 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
         "line-color": n(m),
         "line-inset": n(u),
         "line-thickness": n(c),
-        side: n(f),
+        side: n(y),
         theme: n(g),
         "truncate-line": n(h)
       }, {
@@ -2358,18 +2656,24 @@ const Ql = /* @__PURE__ */ xe(Zl, [["render", ql]]), ea = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, [
+    const e = t, { property: 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, [
+    ]), { property: o } = r(e, [
+      "settings",
+      "disabled"
+    ]), { property: l } = r(e, [
+      "settings",
+      "direction"
+    ]), { property: s } = r(e, ["settings", "reverse"]), { property: a } = r(e, [
       "settings",
       "showArrows"
-    ]), { prop: p } = r(e, ["settings", "touch"]), { theme: d } = N(), { prop: y } = r(e, ["settings", "value"]);
+    ]), { property: p } = r(e, ["settings", "touch"]), { theme: d } = N(), { property: f } = r(e, ["settings", "value"]);
     return (m, u) => {
       const c = z("v-window");
       return v(), V(c, {
-        modelValue: n(y),
-        "onUpdate:modelValue": u[0] || (u[0] = (f) => O(y) ? y.value = f : null),
+        modelValue: n(f),
+        "onUpdate:modelValue": u[0] || (u[0] = (y) => O(f) ? f.value = y : null),
         continuous: n(i),
         direction: n(l),
         disabled: n(o),
@@ -2395,7 +2699,7 @@ function na(t, e) {
     _: 3
   });
 }
-const ia = /* @__PURE__ */ xe(ta, [["render", na]]), Ue = "ambient_light_v1", Xe = "badge_v1", Nn = "breadcrumbs_v1", Ye = "bar_chart_v1", Je = "box_geometry_v1", Ze = "btn_v1", qe = "btn_group_v1", Qe = "btn_toggle_v1", et = "card_v1", tt = "checkbox_v1", nt = "chip_v1", it = "chip_group_v1", ot = "color_picker_v1", st = "combobox_v1", rt = "container_v1", lt = "data_table_v1", at = "date_picker_v1", ut = "dialog_v1", ct = "directional_light_v1", mt = "file_input_v1", pt = "flex_layout_v1", bo = "flex_layout_entry_v1", dt = "form_v1", tn = "globality_v1", ft = "group_v1", yt = "icon_v1", bt = "keyboard_controls_v1", ht = "line_chart_v1", gt = "map_controls_v1", xt = "menu_v1", vt = "mesh_v1", oa = "mesh_basic_material_v1", Mn = "multiple_ref_v1", kt = "number_input_v1", _t = "orbit_controls_v1", wt = "orthographic_camera_v1", Vt = "pagination_v1", $t = "perspective_camera_v1", It = "point_light_v1", ho = "radio_v1", St = "radio_group_v1", Ct = "range_slider_v1", Tt = "rating_v1", Rn = "render_switch_v1", Pt = "select_v1", De = "single_ref_v1", zt = "slider_v1", At = "sphere_geometry_v1", Lt = "spot_light_v1", Bt = "stepper_v1", go = "stepper_header_v1", xo = "stepper_item_v1", vo = "stepper_window_v1", ko = "stepper_window_item_v1", Wt = "switch_v1", _o = "tab_v1", Dn = "table_v1", Et = "tabs_v1", Nt = "text_v1", Mt = "textarea_v1", Rt = "text_field_v1", Dt = "timeline_v1", wo = "timeline_item_v1", Ft = "window_v1", Vo = "window_item_v1", b = {
+const ia = /* @__PURE__ */ xe(ta, [["render", na]]), Ue = "ambient_light_v1", Xe = "badge_v1", Nn = "breadcrumbs_v1", Ye = "bar_chart_v1", Je = "box_geometry_v1", Ze = "btn_v1", qe = "btn_group_v1", Qe = "btn_toggle_v1", et = "card_v1", tt = "checkbox_v1", nt = "chip_v1", it = "chip_group_v1", ot = "color_picker_v1", st = "combobox_v1", rt = "container_v1", lt = "data_table_v1", at = "date_picker_v1", ut = "dialog_v1", ct = "directional_light_v1", mt = "file_input_v1", pt = "flex_layout_v1", bo = "flex_layout_entry_v1", dt = "form_v1", tn = "globality_v1", yt = "group_v1", ft = "icon_v1", bt = "keyboard_controls_v1", ht = "line_chart_v1", gt = "map_controls_v1", xt = "menu_v1", vt = "mesh_v1", oa = "mesh_basic_material_v1", Mn = "multiple_ref_v1", kt = "number_input_v1", _t = "orbit_controls_v1", wt = "orthographic_camera_v1", Vt = "pagination_v1", $t = "perspective_camera_v1", It = "point_light_v1", ho = "radio_v1", St = "radio_group_v1", Ct = "range_slider_v1", Tt = "rating_v1", Rn = "render_switch_v1", Pt = "select_v1", De = "single_ref_v1", zt = "slider_v1", At = "sphere_geometry_v1", Lt = "spot_light_v1", Bt = "stepper_v1", go = "stepper_header_v1", xo = "stepper_item_v1", vo = "stepper_window_v1", ko = "stepper_window_item_v1", Wt = "switch_v1", _o = "tab_v1", Dn = "table_v1", Et = "tabs_v1", Nt = "text_v1", Mt = "textarea_v1", Rt = "text_field_v1", Dt = "timeline_v1", wo = "timeline_item_v1", Ft = "window_v1", Vo = "window_item_v1", b = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -2934,19 +3238,19 @@ const aa = /* @__PURE__ */ $({
   __name: "index",
   setup(t) {
     const e = G();
-    return (i, o) => n(e) !== "editor" ? (v(), V(n(ss), { key: 0 })) : ee("", !0);
+    return (i, o) => n(e) !== "editor" ? (v(), V(n(ss), { key: 0 })) : te("", !0);
   }
 }), ua = /* @__PURE__ */ $({
   __name: "index",
   setup(t) {
     const e = G();
-    return (i, o) => n(e) !== "editor" ? (v(), V(n(rs), { key: 0 })) : ee("", !0);
+    return (i, o) => n(e) !== "editor" ? (v(), V(n(rs), { key: 0 })) : te("", !0);
   }
 }), ca = /* @__PURE__ */ $({
   __name: "index",
   setup(t) {
     const e = G();
-    return (i, o) => n(e) !== "editor" ? (v(), V(n(ls), { key: 0 })) : ee("", !0);
+    return (i, o) => n(e) !== "editor" ? (v(), V(n(ls), { key: 0 })) : te("", !0);
   }
 }), ma = {
   key: bt,
@@ -2990,7 +3294,7 @@ const da = {
   leaf: !0
 };
 _(da);
-function fa(t, e) {
+function ya(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`boxGeometryV1/spawn property tag not found, ${i}`);
@@ -3019,11 +3323,11 @@ function fa(t, e) {
       z: 1
     }
   }, s.children = [
-    ya(t, e),
+    fa(t, e),
     ba(t, e)
   ], s;
 }
-function ya(t, e) {
+function fa(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(
@@ -3122,7 +3426,7 @@ const Qn = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: fa
+  spawn: ya
 };
 _(nn);
 function ha(t, e) {
@@ -3449,7 +3753,7 @@ const Pe = {
 };
 _(Pe);
 const Va = {
-  key: ft,
+  key: yt,
   name: "x-runtime-lib.group",
   comp: Ks,
   properties: {
@@ -4014,7 +4318,7 @@ const di = {
   leaf: !0
 };
 _(La);
-const Ba = B(j), fi = {
+const Ba = B(j), yi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4094,8 +4398,8 @@ const Ba = B(j), fi = {
   name: "x-runtime-lib.chip",
   comp: ul,
   properties: {
-    pageCommon: [b, fi],
-    compCommon: [b, fi]
+    pageCommon: [b, yi],
+    compCommon: [b, yi]
   },
   events: [],
   methods: [],
@@ -4138,7 +4442,7 @@ function ve(t, e, i, o) {
   const p = {};
   return P(p, a), p.basic.id = T(16), p.basic.key = an.key, p.settings.value = i, p.settings.text = o, p;
 }
-const yi = {
+const fi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4197,8 +4501,8 @@ const yi = {
   name: "x-runtime-lib.chipGroup",
   comp: cl,
   properties: {
-    pageCommon: [b, yi],
-    compCommon: [b, yi]
+    pageCommon: [b, fi],
+    compCommon: [b, fi]
   },
   events: [],
   methods: [],
@@ -4456,7 +4760,7 @@ const gi = {
 }, Ma = {
   key: lt,
   name: "x-runtime-lib.dataTable",
-  comp: fl,
+  comp: yl,
   properties: {
     pageCommon: [b, gi, xi, vi],
     compCommon: [b, gi, xi, vi]
@@ -4591,16 +4895,18 @@ function Fa(t, e) {
   ], s;
 }
 function pn(t, e, i, o, l, s, a, p, d) {
-  const y = `type=${t} subtype=${e}`, m = A(t, e);
+  const f = `type=${t} subtype=${e}`, m = A(t, e);
   if (!m) {
     console.error(
-      `flexLayoutV1/spawnContainer property tag not found, ${y}`
+      `flexLayoutV1/spawnContainer property tag not found, ${f}`
     );
     return;
   }
   const u = cn.properties[m];
   if (!u) {
-    console.error(`flexLayoutV1/spawnContainer properties not found, ${y}`);
+    console.error(
+      `flexLayoutV1/spawnContainer properties not found, ${f}`
+    );
     return;
   }
   const c = {};
@@ -4609,7 +4915,9 @@ function pn(t, e, i, o, l, s, a, p, d) {
 function Ga(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
-    console.error(`flexLayoutV1/spawnEntry property tag not found, ${i}`);
+    console.error(
+      `flexLayoutV1/spawnEntry property tag not found, ${i}`
+    );
     return;
   }
   const l = mn.properties[o];
@@ -5024,13 +5332,13 @@ function Ha(t, e) {
     console.error(`formV1/spawn property tag not found, ${i}`);
     return;
   }
-  const l = fn.properties[o];
+  const l = yn.properties[o];
   if (!l) {
     console.error(`formV1/spawn properties not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = fn.key, s.children = [Ka(t, e)], s;
+  return P(s, l), s.basic.id = T(16), s.basic.key = yn.key, s.children = [Ka(t, e)], s;
 }
 function Ka(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
@@ -5064,7 +5372,7 @@ const Ii = {
       default: !1
     }
   ]
-}, fn = {
+}, yn = {
   key: dt,
   name: "x-runtime-lib.form",
   comp: wl,
@@ -5083,7 +5391,7 @@ const Ii = {
   slots: [],
   spawn: Ha
 };
-_(fn);
+_(yn);
 const ja = B(j), Si = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5110,7 +5418,7 @@ const ja = B(j), Si = {
     ja
   ]
 }, Oa = {
-  key: yt,
+  key: ft,
   name: "x-runtime-lib.icon",
   comp: Vl,
   properties: {
@@ -5156,13 +5464,13 @@ function Xa(t, e) {
     console.error(`numberInputV1/spawn property tag not found, ${i}`);
     return;
   }
-  const l = yn.properties[o];
+  const l = fn.properties[o];
   if (!l) {
     console.error(`numberInputV1/spawn properties not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = yn.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 Ci = {
   key: "size",
@@ -5331,7 +5639,7 @@ const Ci = {
       ]
     }
   ]
-}, yn = {
+}, fn = {
   key: kt,
   name: "x-runtime-lib.numberInput",
   comp: Sl,
@@ -5371,7 +5679,7 @@ const Ci = {
   leaf: !0,
   spawn: Xa
 };
-_(yn);
+_(fn);
 const Pi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5521,7 +5829,9 @@ function Za(t, e) {
 function Yt(t, e, i, o) {
   const l = `type=${t} subtype=${e}`, s = A(t, e);
   if (!s) {
-    console.error(`radioGroupV1/spawnEntry property tag not found, ${l}`);
+    console.error(
+      `radioGroupV1/spawnEntry property tag not found, ${l}`
+    );
     return;
   }
   const a = bn.properties[s];
@@ -6134,12 +6444,16 @@ function ou(t, e) {
 function Zt(t, e, i, o) {
   const l = `type=${t} subtype=${e}`, s = A(t, e);
   if (!s) {
-    console.error(`stepperV1/spawnWindowItem property tag not found, ${l}`);
+    console.error(
+      `stepperV1/spawnWindowItem property tag not found, ${l}`
+    );
     return;
   }
   const a = kn.properties[s];
   if (!a) {
-    console.error(`stepperV1/spawnWindowItem properties not found, ${l}`);
+    console.error(
+      `stepperV1/spawnWindowItem properties not found, ${l}`
+    );
     return;
   }
   const p = {};
@@ -6748,7 +7062,7 @@ const Cn = {
   slots: []
 };
 _(Cn);
-function fu(t, e) {
+function yu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`windowV1/spawn property tag not found, ${i}`);
@@ -6778,12 +7092,14 @@ function en(t, e, i) {
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = Cn.key, a.children = [yu(t, e, i)], a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = Cn.key, a.children = [fu(t, e, i)], a;
 }
-function yu(t, e, i) {
+function fu(t, e, i) {
   const o = `type=${t} subtype=${e}`, l = A(t, e);
   if (!l) {
-    console.error(`windowV1/spawnFlexLayout property tag not found, ${o}`);
+    console.error(
+      `windowV1/spawnFlexLayout property tag not found, ${o}`
+    );
     return;
   }
   const s = Le.properties[l];
@@ -6867,7 +7183,7 @@ const Oi = {
   events: [],
   methods: [],
   slots: [],
-  spawn: fu
+  spawn: yu
 };
 _(Tn);
 const hu = [
@@ -7310,7 +7626,7 @@ const hu = [
   {
     key: "imagesAndIcons",
     name: "x-runtime-lib.imagesAndIcons",
-    items: [yt]
+    items: [ft]
   },
   {
     key: "pickers",
@@ -7326,7 +7642,7 @@ const hu = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
-    items: [ft, vt]
+    items: [yt, vt]
   },
   {
     key: "geometries",
@@ -7415,7 +7731,7 @@ const hu = [
   {
     key: "imagesAndIcons",
     name: "x-runtime-lib.imagesAndIcons",
-    items: [yt]
+    items: [ft]
   },
   {
     key: "pickers",
@@ -7431,7 +7747,7 @@ const hu = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
-    items: [ft, vt]
+    items: [yt, vt]
   },
   {
     key: "geometries",
@@ -7489,8 +7805,8 @@ const hu = [
     bo,
     dt,
     tn,
-    ft,
     yt,
+    ft,
     bt,
     ht,
     gt,
@@ -7541,12 +7857,12 @@ const hu = [
 };
 function A(t, e) {
   if (t === "page") {
-    if (!ys.includes(e)) {
-      console.error(`get prop tag failed type=${t} subtype=${e}`);
+    if (!fs.includes(e)) {
+      console.error(`get property tag failed type=${t} subtype=${e}`);
       return;
     }
   } else if (t === "comp" && !bs.includes(e)) {
-    console.error(`get prop tag failed type=${t} subtype=${e}`);
+    console.error(`get property tag failed type=${t} subtype=${e}`);
     return;
   }
   return `${t}${as(e)}`;
@@ -7584,7 +7900,7 @@ function Fc(t, e, i, o, l) {
     return;
   }
   if (o) {
-    const d = p.refKey, y = l;
+    const d = p.refKey, f = l;
     if (!p.elements.has(d)) {
       console.error(`spawnNode [ref] element not found in pkg, ${s}`);
       return;
@@ -7606,7 +7922,7 @@ function Fc(t, e, i, o, l) {
       }
     };
     return P(c, u), c.basic.id = T(16), c.basic.key = d, c.ref = {
-      comp: y
+      comp: f
     }, c;
   } else {
     const d = l;
@@ -7614,15 +7930,15 @@ function Fc(t, e, i, o, l) {
       console.error(`spawnNode [key] element not found in pkg, ${s}`);
       return;
     }
-    const y = Te[d];
-    if (!y) {
+    const f = Te[d];
+    if (!f) {
       console.error(`spawnNode [key] element not found in global, ${s}`);
       return;
     }
-    if (y.spawn)
-      return y.spawn(t, e);
+    if (f.spawn)
+      return f.spawn(t, e);
     {
-      const m = y.properties[a];
+      const m = f.properties[a];
       if (!m) {
         console.error(`spawnNode [key] properties not found, ${s}`);
         return;
@@ -7633,7 +7949,7 @@ function Fc(t, e, i, o, l) {
           key: ""
         }
       };
-      return P(u, m), u.basic.id = T(16), u.basic.key = d, y.leaf || (u.children = []), u;
+      return P(u, m), u.basic.id = T(16), u.basic.key = d, f.leaf || (u.children = []), u;
     }
   }
 }
@@ -7740,26 +8056,26 @@ function Me(t, e, i, o, l) {
         console.assert(!1);
         continue;
       }
-      let y = null;
+      let f = null;
       for (const u of d)
         if (i === Se(u)) {
           if (u.subKeys) {
-            if (!ne(
+            if (!ie(
               ke(o, u.subKeys),
               ke(l, u.subKeys)
             )) {
-              y = u;
+              f = u;
               break;
             }
-          } else if (!ne(o, l)) {
-            y = u;
+          } else if (!ie(o, l)) {
+            f = u;
             break;
           }
         }
-      if (!y)
+      if (!f)
         continue;
       let m;
-      y.subKeys ? m = ke(o, y.subKeys) : m = o;
+      f.subKeys ? m = ke(o, f.subKeys) : m = o;
       for (const u of d)
         if (u.subKeys) {
           let c;
@@ -7778,8 +8094,8 @@ function Me(t, e, i, o, l) {
             console.assert(!1);
             continue;
           }
-          const f = ke(c, u.subKeys);
-          if (ne(m, f))
+          const y = ke(c, u.subKeys);
+          if (ie(m, y))
             continue;
           const h = B(c);
           ao(h, u.subKeys, B(m)), u.type === "elementProperty" ? t.setElementProperty(
@@ -7804,7 +8120,7 @@ function Me(t, e, i, o, l) {
             console.assert(!1);
             continue;
           }
-          if (ne(m, c))
+          if (ie(m, c))
             continue;
           u.type === "elementProperty" ? t.setElementProperty(
             u.nodeId,
@@ -7816,9 +8132,9 @@ function Me(t, e, i, o, l) {
 }
 function lc(t, e) {
   function i(m) {
-    const u = t.pseudoToNative(m), c = [], f = u.split(".");
-    for (let h = 0; h < f.length; h++) {
-      const g = f[h].trim();
+    const u = t.pseudoToNative(m), c = [], y = u.split(".");
+    for (let h = 0; h < y.length; h++) {
+      const g = y[h].trim();
       if (g !== "")
         if (/^\[\d+\]$/.test(g)) {
           let x = parseInt(g.slice(1, -1), 10);
@@ -7851,16 +8167,16 @@ function lc(t, e) {
     typeof u == "object" ? c = JSON.stringify(u) : c = String(u), Qi.emit("consoleAppend", c);
   }
   function p(m, u) {
-    const c = t.pseudoToNative(m), f = t.pseudoToNative(u);
-    c === "info" ? Go(f) : c === "success" ? Ho(f) : c === "warning" ? to(f) : c === "error" && no(f);
+    const c = t.pseudoToNative(m), y = t.pseudoToNative(u);
+    c === "info" ? Go(y) : c === "success" ? Ho(y) : c === "warning" ? to(y) : c === "error" && no(y);
   }
   function d(m, u) {
-    const c = t.pseudoToNative(m), f = t.pseudoToNative(u);
+    const c = t.pseudoToNative(m), y = t.pseudoToNative(u);
     window.setTimeout(() => {
       t.appendCode(`__timeoutCallbackV1__(${c})`), t.run();
-    }, f);
+    }, y);
   }
-  function y(m, u) {
+  function f(m, u) {
     const c = t.pseudoToNative(m);
     window.setTimeout(() => {
       u(), t.run();
@@ -7897,13 +8213,13 @@ function lc(t, e) {
   ), t.setProperty(
     e,
     "__delayV1__",
-    t.createAsyncFunction(y)
+    t.createAsyncFunction(f)
   );
 }
 const Wo = Ko({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
-    const { i18n: e } = ye;
+    const { i18n: e } = fe;
     no(ps(e, t));
   }
 });
@@ -7913,17 +8229,17 @@ function ac(t) {
 }
 function uc(t, e) {
   async function i(o, l, s, a, p, d) {
-    const y = t.pseudoToNative(o), m = t.pseudoToNative(l), u = t.pseudoToNative(s), c = t.pseudoToNative(a), f = t.pseudoToNative(p);
+    const f = t.pseudoToNative(o), m = t.pseudoToNative(l), u = t.pseudoToNative(s), c = t.pseudoToNative(a), y = t.pseudoToNative(p);
     try {
       const h = JSON.stringify(u), { strOutputs: g } = await ac({
-        spaceId: y,
+        spaceId: f,
         id: m,
         strInputs: h,
         env: c
       }), x = JSON.parse(g);
       d(t.nativeToPseudo(x)), t.run();
     } catch (h) {
-      console.error("callFuncV1 failed", f, h);
+      console.error("callFuncV1 failed", y, h);
     }
   }
   t.setProperty(
@@ -7933,50 +8249,50 @@ function uc(t, e) {
   );
 }
 function cc(t, e, i) {
-  function o(u, c, f) {
+  function o(u, c, y) {
     let h;
-    const g = e.pseudoToNative(u), x = e.pseudoToNative(c), w = e.pseudoToNative(f);
+    const g = e.pseudoToNative(u), x = e.pseudoToNative(c), w = e.pseudoToNative(y);
     return g === "elementProperty" ? h = t.getElementProperty(x, w) : g === "refProperty" || (g === "customProperty" ? h = t.getCustomProperty(w) : g === "elementSlotProperty" || g === "customSlotProperty" ? h = t.getAdaptSlotProperty(w) : console.assert(!1)), e.nativeToPseudo(h);
   }
-  function l(u, c, f, h) {
-    const g = e.pseudoToNative(u), x = e.pseudoToNative(c), w = e.pseudoToNative(f), C = e.pseudoToNative(h);
+  function l(u, c, y, h) {
+    const g = e.pseudoToNative(u), x = e.pseudoToNative(c), w = e.pseudoToNative(y), C = e.pseudoToNative(h);
     g === "elementProperty" ? t.setElementProperty(x, w, C) : g === "refProperty" || (g === "customProperty" ? t.setCustomProperty(w, C) : g === "elementSlotProperty" || g === "customSlotProperty" ? t.setAdaptSlotProperty(w, C) : console.assert(!1));
   }
-  function s(u, c, f, h) {
-    const g = e.pseudoToNative(u), x = e.pseudoToNative(c), w = e.pseudoToNative(f), C = { outputs: [] };
+  function s(u, c, y, h) {
+    const g = e.pseudoToNative(u), x = e.pseudoToNative(c), w = e.pseudoToNative(y), C = { outputs: [] };
     t.eventBus.emit(`callMethod@${g}`, { name: x, 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);
+    const c = e.pseudoToNative(u), y = t.getCustomState(c);
+    return e.nativeToPseudo(y);
   }
   function p(u, c) {
-    const f = e.pseudoToNative(u), h = e.pseudoToNative(c);
-    t.setCustomState(f, h);
+    const y = e.pseudoToNative(u), h = e.pseudoToNative(c);
+    t.setCustomState(y, h);
   }
   function d(u, c) {
-    const f = e.pseudoToNative(u), h = e.pseudoToNative(c);
+    const y = e.pseudoToNative(u), h = e.pseudoToNative(c);
     if (t.mode === "runtime") {
       const g = "/main/" + Date.now(), x = {
         orgId: t.org,
-        appId: `${f}${t.env}`,
+        appId: `${y}${t.env}`,
         pageId: h
       };
-      ye.router.replace({ path: g, query: x });
+      fe.router.replace({ path: g, query: x });
     } else t.mode === "preview" && to(
-      ye.i18n.global.t(
+      fe.i18n.global.t(
         "x-runtime-lib.msg.takeEffectOnlyAfterReleased"
       )
     );
   }
-  function y(u, c, f) {
+  function f(u, c, y) {
     const h = e.pseudoToNative(u), g = e.pseudoToNative(c);
     jo({ title: h, text: g }).then((x) => {
-      f(e.nativeToPseudo(x)), e.run();
+      y(e.nativeToPseudo(x)), e.run();
     });
   }
-  function m(u, c, f, h) {
-    const g = e.pseudoToNative(u), x = e.pseudoToNative(c), w = e.pseudoToNative(f);
+  function m(u, c, y, h) {
+    const g = e.pseudoToNative(u), x = e.pseudoToNative(c), w = e.pseudoToNative(y);
     Oo({ title: g, label: x, value: w }).then((C) => {
       h(e.nativeToPseudo(C)), e.run();
     });
@@ -8008,7 +8324,7 @@ function cc(t, e, i) {
   ), e.setProperty(
     i,
     "__openConfirmDlgV1__",
-    e.createAsyncFunction(y)
+    e.createAsyncFunction(f)
   ), e.setProperty(
     i,
     "__openPromptDlgV1__",
@@ -8065,7 +8381,7 @@ function __triggerEventV1__(id, p1, p2, p3, p4, p5, p6, p7, p8, p9, p10, p11, p1
     callbacks[i](p1, p2, p3, p4, p5, p6, p7, p8, p9, p10, p11, p12, p13, p14, p15, p16)
   }
 }
-`, fc = `
+`, yc = `
 var __timers__ = {}
 var __currTimerId__ = 0
 
@@ -8107,12 +8423,12 @@ function __timeoutCallbackV1__(timerId) {
     }
   }
 }
-`, yc = `
+`, fc = `
 function __destroy__() {
   __events__ = {}
   __timers__ = {}
 }
-`, bc = pc + dc + fc + yc;
+`, bc = pc + dc + yc + fc;
 class hc {
   org;
   env;
@@ -8154,7 +8470,7 @@ class hc {
   }
   setElementPropertyInner(e, i, o) {
     const l = ke(e, i);
-    ne(o, l) || (ao(e, i, o), this.hooks?.onElementPropertyChange(
+    ie(o, l) || (ao(e, i, o), this.hooks?.onElementPropertyChange(
       e.basic.id,
       i,
       o,
@@ -8186,7 +8502,7 @@ class hc {
   }
   setCustomProperty(e, i) {
     const o = this.customProperties[e];
-    ne(i, o) || (this.customProperties[e] = i, this.hooks?.onCustomPropertyChange(e, i, o));
+    ie(i, o) || (this.customProperties[e] = i, this.hooks?.onCustomPropertyChange(e, i, o));
   }
   //--------------------------
   // 自定义状态
@@ -8200,7 +8516,7 @@ class hc {
   }
   setCustomState(e, i) {
     const o = this.customStates[e];
-    ne(i, o) || (this.customStates[e] = i, this.hooks?.onCustomStateChange(e, i, o));
+    ie(i, o) || (this.customStates[e] = i, this.hooks?.onCustomStateChange(e, i, o));
   }
   //--------------------------
   // 适配的插槽属性
@@ -8214,7 +8530,7 @@ class hc {
   }
   setAdaptSlotProperty(e, i) {
     const o = this.adaptSlotProperties[e];
-    ne(i, o) || (this.adaptSlotProperties[e] = i, this.hooks?.onAdaptSlotPropertyChange(e, i, o));
+    ie(i, o) || (this.adaptSlotProperties[e] = i, this.hooks?.onAdaptSlotPropertyChange(e, i, o));
   }
   //--------------------------
   // 解释器
@@ -8261,9 +8577,9 @@ class hc {
   }
 }
 function gc(t) {
-  const e = ic(), i = oc(), o = G(), l = pe(), s = $e(), a = We(), p = (f, h, g, x) => {
+  const e = ic(), i = oc(), o = G(), l = pe(), s = $e(), a = We(), p = (y, h, g, x) => {
     if (!(o !== "runtime" && o !== "preview") && (u.callFunction("__triggerEventV1__", [
-      `elementPropChange@${f}@${h}`,
+      `elementPropChange@${y}@${h}`,
       g,
       x ?? g
     ]), t.value?.code.reactivity)) {
@@ -8273,63 +8589,63 @@ function gc(t) {
         t.value.code.reactivity,
         Se({
           type: "elementProperty",
-          nodeId: f,
+          nodeId: y,
           propertyKeys: w
         }),
         g,
         x
       );
     }
-  }, d = (f, h, g) => {
+  }, d = (y, h, g) => {
     o !== "runtime" && o !== "preview" || (u.callFunction("__triggerEventV1__", [
-      `customPropChange@${f}`,
+      `customPropChange@${y}`,
       h,
       g ?? h
     ]), t.value?.code.reactivity && Me(
       u,
       t.value.code.reactivity,
-      Se({ type: "customProperty", propertyId: f }),
+      Se({ type: "customProperty", propertyId: y }),
       h,
       g
     ));
-  }, y = (f, h, g) => {
+  }, f = (y, h, g) => {
     o !== "runtime" && o !== "preview" || t.value?.code.reactivity && Me(
       u,
       t.value.code.reactivity,
-      Se({ type: "customState", stateId: f }),
+      Se({ type: "customState", stateId: y }),
       h,
       g
     );
-  }, m = (f, h, g) => {
+  }, m = (y, h, g) => {
     o !== "runtime" && o !== "preview" || (u.callFunction("__triggerEventV1__", [
-      `adaptSlotProp@${f}`,
+      `adaptSlotProp@${y}`,
       h,
       g ?? h
     ]), t.value?.code.reactivity && Me(
       u,
       t.value.code.reactivity,
-      Se({ type: "adaptSlotProperty", propertyId: f }),
+      Se({ type: "adaptSlotProperty", propertyId: y }),
       h,
       g
     ));
   }, u = new hc(e, i, o, l, {
     onElementPropertyChange: p,
     onCustomPropertyChange: d,
-    onCustomStateChange: y,
+    onCustomStateChange: f,
     onAdaptSlotPropertyChange: m
   });
   rc(u);
   const c = () => {
     o !== "runtime" && o !== "preview" || (u.destroyInterpreter(), u.syncNodes(t.value), u.resetCustomProperties(), u.resetCustomStates(), u.resetAdaptSlotProperties(), !(!t.value || !t.value.code.script) && u.createInterpreter(t.value.code.script));
   };
-  c(), q(t, () => {
+  c(), Q(t, () => {
     c();
   }), je(() => {
     u.destroyInterpreter();
-  }), (o === "runtime" || o === "preview") && q(
+  }), (o === "runtime" || o === "preview") && Q(
     s,
-    (f, h) => {
-      const g = Re(f.width), x = Re(h?.width ?? f.width);
+    (y, h) => {
+      const g = Re(y.width), x = Re(h?.width ?? y.width);
       u.callFunction("__triggerEventV1__", [
         Ce("elementEvent", "globality", "screenSizeChange"),
         g,
@@ -8337,12 +8653,12 @@ function gc(t) {
       ]);
     },
     { immediate: !0 }
-  ), (o === "runtime" || o === "preview") && q(
+  ), (o === "runtime" || o === "preview") && Q(
     a,
-    (f) => {
+    (y) => {
       u.callFunction("__triggerEventV1__", [
         Ce("elementEvent", "globality", "darkModeChange"),
-        f
+        y
       ]);
     },
     { immediate: !0 }
@@ -8355,7 +8671,7 @@ const xc = (t, e, i) => {
   });
 };
 async function qc(t) {
-  return (await xc(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.escg6ifs.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.ht3um6fb.js") }), `./locales/${t}/index.ts`, 4)).default;
+  return (await xc(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.newu3yte.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.bu8byhfo.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
 export {
   hc as Sandbox,
@@ -8388,7 +8704,7 @@ export {
   Dc as fileInputV1,
   mn as flexLayoutEntryV1,
   Le as flexLayoutV1,
-  fn as formV1,
+  yn as formV1,
   T as genId,
   Ie as getBreakpointProp,
   ke as getField,
@@ -8426,10 +8742,10 @@ export {
   Ua as menuV1,
   Pe as meshBasicMaterialV1,
   ze as meshV1,
-  yn as numberInputV1,
+  fn as numberInputV1,
   da as orbitControlsV1,
   ra as orthographicCameraV1,
-  ys as pageTypes,
+  fs as pageTypes,
   Ya as paginationV1,
   Xt as parsePercentStr,
   Wc as parsePixelStr,