x-runtime-lib 0.8.29 → 0.8.32

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 be, 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 { 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 { 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 bs = ["common", "scene"], ys = ["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 } = be;
+  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 } = be;
+  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 } = be;
+  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 } = be;
+  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));
 }
@@ -235,7 +235,7 @@ const Te = {}, _ = (t) => {
     ], 4)) : L(o.$slots, "default", { key: 1 });
   }
 }), _s = (t, e, i, o) => {
-  const l = t.getElementPropInner(e, i);
+  const l = t.getElementPropertyInner(e, i);
   if (o) {
     if (typeof l == "string")
       return JSON.parse(l);
@@ -245,7 +245,7 @@ const Te = {}, _ = (t) => {
     return l;
 }, ws = (t, e, i, o, l) => {
   let s;
-  l ? typeof o == "object" ? s = JSON.stringify(o, null, 2) : (console.assert(!1), s = "{}") : s = o, t.setElementPropInner(e, i, s);
+  l ? typeof o == "object" ? s = JSON.stringify(o, null, 2) : (console.assert(!1), s = "{}") : s = o, t.setElementPropertyInner(e, i, s);
 };
 function r(t, e, i) {
   const o = G(), l = Ee(), s = ce();
@@ -254,10 +254,46 @@ function r(t, 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 };
+  }), { 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: b } = 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 +303,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, b.value];
+    c.value = [p.value, d.value, f.value];
   }), ue(() => {
-    p.value = c.value[0], d.value = c.value[1], b.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 +348,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 +362,23 @@ function fo(t) {
 }
 function K(t) {
   const { computedThemes: e } = ds(), i = We(), o = k(() => t.value?.mode), l = k(() => {
-    const b = t.value?.theme;
-    return b ? b === "background0" ? i.value ? "#2e2e2e" : "#bdbdbd" : b === "background1" ? i.value ? "#272727" : "#eeeeee" : b === "background2" ? i.value ? "#1e1e1e" : "#ffffff" : (i.value ? e.value.dark : e.value.light).colors[b] : void 0;
+    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 b = a.value;
-    return !b.startsWith("#") || b.length < 7 ? "" : b.substring(0, 7);
+    const f = a.value;
+    return !f.startsWith("#") || f.length < 7 ? "" : f.substring(0, 7);
   }), d = k(() => {
-    const b = a.value;
-    return b.startsWith("#") ? b.length < 9 ? 1 : parseInt(b.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 b(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: b };
+  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 +417,12 @@ function ge(t) {
     }
     return t.node.size?.maxHeight;
   });
-  function b(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: b };
+  return { width: o, minWidth: l, maxWidth: s, height: a, minHeight: p, maxHeight: d, applySize: f };
 }
-function bo(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,8 +441,8 @@ 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: b } = 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)
@@ -416,7 +452,7 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           bottom: n(a),
           far: n(p),
           left: n(d),
-          near: n(b),
+          near: n(f),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
           right: n(m),
           rotation: n(i) !== "editor" ? n(l) : [0, 0, 0],
@@ -440,7 +476,7 @@ 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: b } = 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),
@@ -451,7 +487,7 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           aspect: n(a),
           far: n(p),
           fov: n(d),
-          near: n(b),
+          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]
@@ -473,17 +509,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, b) => (v(), Y("TresBoxGeometry", {
+    return (d, f) => (v(), Y("TresBoxGeometry", {
       args: [
         n(a),
         n(l),
@@ -506,14 +542,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, ["settings", "thetaLength"]), { prop: p } = r(e, ["settings", "thetaStart"]), { prop: d } = 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"
+    ]), { property: p } = r(e, [
+      "settings",
+      "thetaStart"
+    ]), { property: d } = r(e, [
       "settings",
       "widthSegments"
     ]);
-    return (b, m) => (v(), Y("TresSphereGeometry", {
+    return (f, m) => (v(), Y("TresSphereGeometry", {
       args: [
         n(s),
         n(d),
@@ -532,8 +580,11 @@ 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 (b, 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)
@@ -546,7 +597,7 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           rotation: n(i) !== "editor" ? n(l) : [0, 0, 0],
           scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
         }, [
-          L(b.$slots, "default")
+          L(f.$slots, "default")
         ], 8, As)
       ]),
       _: 3
@@ -559,8 +610,11 @@ 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 (b, 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)
@@ -577,7 +631,7 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
             key: 0,
             type: n(Uo)
           }, null, 8, ["type"])) : ee("", !0),
-          L(b.$slots, "default")
+          L(f.$slots, "default")
         ], 8, Bs)
       ]),
       _: 3
@@ -590,7 +644,13 @@ 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: b } = 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),
@@ -600,7 +660,7 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         ie("TresPointLight", {
           color: n(p),
           decay: n(d),
-          distance: n(b),
+          distance: n(f),
           intensity: n(m),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
           rotation: n(i) !== "editor" ? n(l) : [0, 0, 0],
@@ -623,8 +683,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", "angle"]), { prop: p } = r(e, ["settings", "color"]), { color: d } = K(p), { prop: b } = r(e, ["settings", "decay"]), { prop: m } = r(e, ["settings", "distance"]), { prop: u } = r(e, ["settings", "intensity"]), { prop: c } = r(e, ["settings", "penumbra"]);
-    return (f, h) => (v(), V(n(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)
@@ -633,7 +702,7 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         ie("TresSpotLight", {
           angle: n(a),
           color: n(d),
-          decay: n(b),
+          decay: n(f),
           distance: n(m),
           intensity: n(u),
           penumbra: n(c),
@@ -645,7 +714,7 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
             key: 0,
             type: n(Yo)
           }, null, 8, ["type"])) : ee("", !0),
-          L(f.$slots, "default")
+          L(y.$slots, "default")
         ], 8, Ms)
       ]),
       _: 3
@@ -696,7 +765,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"] } } }, br = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, yr = { 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,
@@ -718,9 +787,9 @@ const Gs = /* @__PURE__ */ xe(Ds, [["render", Fs]]), Hs = ["position", "rotation
   categoryAxis: mr,
   valueAxis: pr,
   logAxis: dr,
-  timeAxis: fr,
-  toolbox: br,
-  legend: yr,
+  timeAxis: yr,
+  toolbox: fr,
+  legend: br,
   tooltip: hr,
   timeline: gr,
   visualMap: xr,
@@ -776,7 +845,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: b, minHeight: m, maxHeight: u, applySize: c } = ge(e), { applyTitle: f } = mo(e), { applyXAxis: h } = po(e), { applyYAxis: x } = fo(e), { applyLegend: g } = 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");
@@ -789,7 +858,7 @@ const Qr = /* @__PURE__ */ $({
       W?.resize();
     }, E = () => {
       const S = {};
-      f(S), h(S), x(S), g(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();
@@ -802,7 +871,7 @@ const Qr = /* @__PURE__ */ $({
         a,
         p,
         d,
-        b,
+        f,
         m,
         u
       ],
@@ -829,7 +898,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: b, minHeight: m, maxHeight: u, applySize: c } = ge(e), { applyTitle: f } = mo(e), { applyXAxis: h } = po(e), { applyYAxis: x } = fo(e), { applyLegend: g } = 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");
@@ -842,7 +911,7 @@ const Qr = /* @__PURE__ */ $({
       W?.resize();
     }, E = () => {
       const S = {};
-      f(S), h(S), x(S), g(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();
@@ -855,7 +924,7 @@ const Qr = /* @__PURE__ */ $({
         a,
         p,
         d,
-        b,
+        f,
         m,
         u
       ],
@@ -875,14 +944,14 @@ const Qr = /* @__PURE__ */ $({
       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;
@@ -896,26 +965,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((x) => {
-        const g = b(x);
-        h.push(g);
-      }), ae(f.comp, { node: c }, { default: () => h });
+      return y.leaf || c.children?.forEach((g) => {
+        const x = f(g);
+        h.push(x);
+      }), ae(y.comp, { node: c }, { default: () => h });
     }
-    function b(c) {
+    function f(c) {
       return c.ref ? p(c) : d(c);
     }
     function m() {
@@ -934,14 +1003,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(b(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",
@@ -950,10 +1019,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 b = z("v-badge");
-      return v(), V(b, {
+      const f = z("v-badge");
+      return v(), V(f, {
         content: n(i),
         dot: n(o),
         "offset-x": n(s),
@@ -974,15 +1051,21 @@ 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: b } = r(e, ["settings", "disabled"]), { prop: m } = r(e, ["size", "height"]), { prop: u } = r(e, ["settings", "loading"]), { prop: c } = r(e, ["size", "maxHeight"]), { prop: f } = r(e, ["size", "maxWidth"]), { prop: h } = r(e, ["size", "minHeight"]), { prop: x } = r(e, ["size", "minWidth"]), { prop: g } = r(e, [
+    ]), { 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")
       ]));
@@ -996,14 +1079,14 @@ const Qr = /* @__PURE__ */ $({
             block: n(s),
             color: n(p),
             density: n(d),
-            disabled: n(b),
+            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(x),
-            "prepend-icon": n(g),
+            "min-width": n(g),
+            "prepend-icon": n(x),
             readonly: n(w),
             ripple: n(C),
             size: n(M),
@@ -1036,10 +1119,22 @@ 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: b } = r(e, ["settings", "stacked"]), { theme: m } = N(), { prop: u } = r(e, ["settings", "tile"]), { prop: c } = r(e, ["settings", "variant"]);
-    return (f, h) => {
-      const x = z("v-btn-toggle");
-      return v(), V(x, {
+    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),
         disabled: n(o),
         divided: n(l),
@@ -1047,13 +1142,13 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
         multiple: n(a),
         readonly: n(p),
         size: n(d),
-        stacked: n(b),
+        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"]);
@@ -1066,7 +1161,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: b } = r(e, ["size", "minHeight"]), { prop: m } = r(e, ["size", "minWidth"]), { prop: u } = r(e, ["settings", "subtitle"]), { prop: c } = r(e, ["settings", "text"]), { theme: f } = N(), { prop: h } = r(e, ["settings", "title"]), { prop: x } = r(e, ["settings", "variant"]), { prop: g } = 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, {
@@ -1077,14 +1178,14 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
         loading: n(a),
         "max-height": n(p),
         "max-width": n(d),
-        "min-height": n(b),
+        "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(x),
-        width: n(g)
+        variant: n(g),
+        width: n(x)
       }, {
         default: I(() => [
           L(w.$slots, "default")
@@ -1100,7 +1201,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, {
@@ -1116,8 +1223,17 @@ 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: b } = 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: x } = r(e, ["settings", "variant"]);
-    return (g, w) => {
+    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, {
         closable: n(i),
@@ -1126,13 +1242,13 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
         disabled: n(a),
         draggable: n(p),
         filter: n(d),
-        label: n(b),
+        label: n(f),
         size: n(m),
         text: n(u),
         theme: n(c),
-        tile: n(f),
+        tile: n(y),
         value: n(h),
-        variant: n(x)
+        variant: n(g)
       }, null, 8, ["closable", "color", "density", "disabled", "draggable", "filter", "label", "size", "text", "theme", "tile", "value", "variant"]);
     };
   }
@@ -1143,10 +1259,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, ["settings", "showArrows"]), { theme: b } = N(), { prop: m } = r(e, ["settings", "value"]);
+    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: 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),
@@ -1156,7 +1287,7 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
         mandatory: n(a),
         multiple: n(p),
         "show-arrows": n(d),
-        theme: n(b)
+        theme: n(f)
       }, {
         default: I(() => [
           L(u.$slots, "default")
@@ -1173,24 +1304,42 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
   },
   setup(t) {
     const e = t, i = pe(), o = de(), { applySize: l } = ge(e), s = k(() => {
-      const h = {}, x = o.value.type;
-      return i === "page" ? x === "common" ? l(h) : console.assert(!1) : i === "comp" && x === "common" ? l(h) : console.assert(!1), h;
-    }), { prop: a } = r(e, ["settings", "disabled"]), { prop: p } = r(e, ["settings", "hideCanvas"]), { prop: d } = r(e, ["settings", "hideHeader"]), { prop: b } = r(e, ["settings", "hideInputs"]), { prop: m } = r(e, ["settings", "hideSliders"]), { prop: u } = r(e, ["settings", "landscape"]), { prop: c } = r(e, [
+      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;
+    }), { property: a } = r(e, [
+      "settings",
+      "disabled"
+    ]), { property: p } = r(e, [
+      "settings",
+      "hideCanvas"
+    ]), { property: d } = r(e, [
+      "settings",
+      "hideHeader"
+    ]), { property: f } = r(e, [
+      "settings",
+      "hideInputs"
+    ]), { property: m } = r(e, [
+      "settings",
+      "hideSliders"
+    ]), { property: u } = r(e, [
+      "settings",
+      "landscape"
+    ]), { property: c } = r(e, [
       "settings",
       "showSwatches"
-    ]), { theme: f } = N();
-    return (h, x) => {
-      const g = z("v-color-picker");
-      return v(), V(g, {
+    ]), { 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(b),
+        "hide-inputs": n(f),
         "hide-sliders": n(m),
         landscape: n(u),
         "show-swatches": n(c),
         style: Q(s.value),
-        theme: n(f)
+        theme: n(y)
       }, null, 8, ["disabled", "hide-canvas", "hide-header", "hide-inputs", "hide-sliders", "landscape", "show-swatches", "style", "theme"]);
     };
   }
@@ -1201,8 +1350,20 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "hideDetails"]), { prop: o } = r(e, ["settings", "label"]), { prop: l } = r(e, ["settings", "placeholder"]), { prop: s } = r(e, ["settings", "readonly"]), { prop: a } = r(e, ["settings", "singleLine"]), { theme: p } = N(), { prop: d } = r(e, ["settings", "value"]);
-    return (b, m) => {
+    const e = t, { property: i } = r(e, [
+      "settings",
+      "hideDetails"
+    ]), { property: o } = r(e, ["settings", "label"]), { property: l } = r(e, [
+      "settings",
+      "placeholder"
+    ]), { property: s } = r(e, [
+      "settings",
+      "readonly"
+    ]), { property: a } = r(e, [
+      "settings",
+      "singleLine"
+    ]), { 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(() => [
@@ -1228,12 +1389,12 @@ 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: b } = 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), b(u), s.value && (u.backgroundColor = s.value)) : console.assert(!1) : i === "comp" && c === "common" ? (a(u), p(u), d(u), b(u), s.value && (u.backgroundColor = s.value)) : console.assert(!1), u;
+      return 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)
@@ -1241,22 +1402,35 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
       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, ["settings", "fixedFooter"]), { prop: l } = r(e, ["settings", "fixedHeader"]), { prop: s } = r(e, ["settings", "headers"]), { prop: a } = r(e, ["size", "height"]), { prop: p } = r(e, ["settings", "hover"]), { prop: d } = r(e, ["settings", "data"], !0), { prop: b } = r(e, ["settings", "loading"]), { prop: m } = r(e, ["settings", "multiSort"]), { theme: u } = N(), { prop: c } = r(e, ["size", "width"]), f = k(() => {
+    const e = t, { property: i } = r(e, ["settings", "density"]), { property: o } = r(e, [
+      "settings",
+      "fixedFooter"
+    ]), { property: l } = r(e, [
+      "settings",
+      "fixedHeader"
+    ]), { 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((g) => {
-        g.column && g.comp && h.push(g);
+      return (e.node.slots?.items ?? []).forEach((x) => {
+        x.column && x.comp && h.push(x);
       }), h;
     });
-    return (h, x) => {
-      const g = z("v-data-table");
-      return v(), V(g, {
+    return (h, g) => {
+      const x = z("v-data-table");
+      return v(), V(x, {
         density: n(i),
         "fixed-footer": n(o),
         "fixed-header": n(l),
@@ -1264,15 +1438,15 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
         height: n(a),
         hover: n(p),
         items: n(d),
-        loading: n(b),
+        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"])
@@ -1281,12 +1455,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"]);
     };
   }
-}), bl = {};
-function yl(t, e) {
+}), fl = {};
+function bl(t, e) {
   const i = z("v-date-picker");
   return v(), V(i);
 }
-const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PURE__ */ $({
+const hl = /* @__PURE__ */ xe(fl, [["render", bl]]), gl = ["id"], xl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1294,14 +1468,14 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), 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 bo(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 b = z("v-dialog");
-      return v(), V(b, {
+      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"
@@ -1326,8 +1500,23 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), 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: b } = r(e, ["settings", "readonly"]), { prop: m } = r(e, ["settings", "reverse"]), { prop: u } = r(e, ["settings", "singleLine"]);
-    return (c, f) => {
+    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, y) => {
       const h = z("v-file-input");
       return v(), V(h, {
         chips: n(i),
@@ -1337,7 +1526,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
         label: n(a),
         loading: n(p),
         multiple: n(d),
-        readonly: n(b),
+        readonly: n(f),
         reverse: n(m),
         "single-line": n(u)
       }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"]);
@@ -1350,27 +1539,27 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), 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: b } = 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(b), u = (f) => {
-      m.value && (f.backgroundColor = m.value), f.display = "flex";
-      const h = Re(i.value.width), x = Ie(h, e.node.settings?.direction);
-      x === "row" ? f.flexDirection = "row" : x === "rowReverse" ? f.flexDirection = "row-reverse" : x === "column" ? f.flexDirection = "column" : x === "columnReverse" && (f.flexDirection = "column-reverse");
-      const g = Ie(h, e.node.settings?.wrap);
-      g === "no" ? f.flexWrap = "nowrap" : g === "yes" ? f.flexWrap = "wrap" : g === "reverse" && (f.flexWrap = "wrap-reverse");
+    ]), { 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" ? 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" ? 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", {
+    return (y, h) => (v(), Y("div", {
       style: Q(c.value)
     }, [
-      L(f.$slots, "default")
+      L(y.$slots, "default")
     ], 4));
   }
 }), _l = /* @__PURE__ */ $({
@@ -1380,11 +1569,11 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), 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 = {}, b = o.value.type;
-      return i === "page" ? b === "common" ? (l(d), d.flexGrow = s.value ? 1 : 0, d.flexShrink = a.value ? 1 : 0) : console.assert(!1) : i === "comp" && b === "common" ? (l(d), d.flexGrow = s.value ? 1 : 0, d.flexShrink = a.value ? 1 : 0) : console.assert(!1), d;
+    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, b) => (v(), Y("div", {
+    return (d, f) => (v(), Y("div", {
       style: Q(p.value)
     }, [
       L(d.$slots, "default")
@@ -1397,28 +1586,31 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), 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: b } = K(d), { applySize: m } = ge(e), { applyMargin: u } = Wn(e), { applyPadding: c } = En(e), { applyBorder: f } = Bn(e), h = k(() => {
-      const g = {}, w = l.value.type;
-      return o === "page" ? w === "common" ? (m(g), u(g), c(g), f(g), b.value && (g.backgroundColor = b.value)) : console.assert(!1) : o === "comp" && w === "common" ? (m(g), u(g), c(g), f(g), b.value && (g.backgroundColor = b.value)) : console.assert(!1), g;
-    }), x = () => {
+    ]), { 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), 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")
       ]);
     };
-    return (g, w) => {
+    return (x, w) => {
       const C = z("v-form");
       return v(), V(C, {
         modelValue: n(a),
         "onUpdate:modelValue": w[0] || (w[0] = (M) => O(a) ? a.value = M : null),
         "fast-fail": n(p),
         style: Q(h.value),
-        onSubmit: Ro(x, ["prevent"])
+        onSubmit: Ro(g, ["prevent"])
       }, {
         default: I(() => [
-          L(g.$slots, "default")
+          L(x.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "fast-fail", "style"]);
@@ -1431,8 +1623,11 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), 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, b) => {
+    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),
@@ -1451,7 +1646,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), 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 bo(o, e, (m) => {
+    return fo(o, e, (m) => {
       if (i !== "runtime" && i !== "preview")
         return;
       const { name: u } = m;
@@ -1460,7 +1655,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), 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",
@@ -1486,23 +1681,41 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), 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, ["settings", "hideDetails"]), { prop: a } = r(e, ["settings", "label"]), { prop: p } = r(e, ["settings", "loading"]), { prop: d } = r(e, ["settings", "max"]), { prop: b } = r(e, ["size", "maxWidth"]), { prop: m } = r(e, ["settings", "min"]), { prop: u } = r(e, ["size", "minWidth"]), { prop: c } = r(e, ["settings", "placeholder"]), { prop: f } = r(e, ["settings", "precision"]), { prop: h } = r(e, ["settings", "prefix"]), { prop: x } = r(e, [
+    ]), { property: l } = r(e, [
+      "settings",
+      "clearable"
+    ]), { property: s } = r(e, [
+      "settings",
+      "hideDetails"
+    ]), { 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"
+    ]), { property: y } = r(e, [
+      "settings",
+      "precision"
+    ]), { property: h } = r(e, ["settings", "prefix"]), { property: g } = r(e, [
       "settings",
       "addIcon",
       "prepend"
-    ]), { prop: g } = 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, ["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"]);
+    ]), { property: w } = r(e, [
+      "settings",
+      "readonly"
+    ]), { property: C } = r(e, ["settings", "reverse"]), { property: M } = r(e, [
+      "settings",
+      "singleLine"
+    ]), { 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, te) => {
       const re = z("v-number-input");
       return v(), V(n(Z), null, {
@@ -1517,14 +1730,14 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
             label: n(a),
             loading: n(p),
             max: n(d),
-            "max-width": n(b),
+            "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(x),
-            "prepend-inner-icon": n(g),
+            "prepend-icon": n(g),
+            "prepend-inner-icon": n(x),
             readonly: n(w),
             reverse: n(C),
             "single-line": n(M),
@@ -1546,28 +1759,31 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), 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: b } = 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;
     });
-    return (h, x) => {
-      const g = z("v-pagination");
+    return (h, g) => {
+      const x = z("v-pagination");
       return v(), V(n(Z), null, {
         default: I(() => [
-          H(g, {
+          H(x, {
             modelValue: n(u),
-            "onUpdate:modelValue": x[0] || (x[0] = (w) => O(u) ? u.value = w : null),
+            "onUpdate:modelValue": g[0] || (g[0] = (w) => O(u) ? u.value = w : null),
             density: n(o),
             disabled: n(l),
             length: n(s),
             "show-first-last-page": n(a),
             size: n(p),
             start: n(d),
-            style: Q(f.value),
-            theme: n(b),
+            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"])
@@ -1583,7 +1799,13 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), 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: b } = 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, {
@@ -1593,7 +1815,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
         label: n(a),
         readonly: n(p),
         theme: n(d),
-        value: n(b)
+        value: n(f)
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
   }
@@ -1604,8 +1826,17 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), 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 (b, 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(() => [
@@ -1620,7 +1851,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
             theme: n(p)
           }, {
             default: I(() => [
-              L(b.$slots, "default")
+              L(f.$slots, "default")
             ]),
             _: 3
           }, 8, ["modelValue", "density", "direction", "disabled", "inline", "readonly", "theme"])
@@ -1636,20 +1867,38 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), 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", "hideDetails"]), { prop: a } = r(e, ["settings", "label"]), { prop: p } = r(e, ["settings", "max"]), { prop: d } = r(e, ["settings", "min"]), { prop: b } = r(e, ["settings", "readonly"]), { prop: m } = r(e, ["settings", "showTicks"]), u = k(() => {
+    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"
+    ]), { 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(() => {
       if (m.value === "always")
         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"
-    ]), x = k(() => {
+    ]), g = k(() => {
       if (h.value === "always")
         return "always";
       if (h.value === "show")
         return !0;
-    }), { prop: g } = 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 = {};
@@ -1657,11 +1906,18 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), 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, ["settings", "value", "end"]), R = k({
+    ]), { property: F } = r(e, [
+      "settings",
+      "value",
+      "end"
+    ]), R = k({
       get: () => [W.value, F.value],
       set: ([E, S]) => {
         W.value = E, F.value = S;
@@ -1684,12 +1940,12 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
             label: n(a),
             max: n(p),
             min: n(d),
-            readonly: n(b),
+            readonly: n(f),
             "show-ticks": u.value,
             step: n(c),
-            theme: n(f),
-            "thumb-label": x.value,
-            "thumb-size": n(g),
+            theme: n(y),
+            "thumb-label": g.value,
+            "thumb-size": n(x),
             "tick-size": n(M),
             ticks: C.value
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "label", "max", "min", "readonly", "show-ticks", "step", "theme", "thumb-label", "thumb-size", "tick-size", "ticks"])
@@ -1705,15 +1961,24 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), 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: b } = 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),
@@ -1723,7 +1988,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
             hover: n(a),
             length: n(p),
             readonly: n(d),
-            theme: n(b)
+            theme: n(f)
           }, null, 8, ["modelValue", "clearable", "density", "disabled", "half-increments", "hover", "length", "readonly", "theme"])
         ]),
         _: 1
@@ -1737,8 +2002,20 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "hideDetails"]), { prop: o } = r(e, ["settings", "label"]), { prop: l } = r(e, ["settings", "placeholder"]), { prop: s } = r(e, ["settings", "readonly"]), { prop: a } = r(e, ["settings", "singleLine"]), { theme: p } = N(), { prop: d } = r(e, ["settings", "value"]);
-    return (b, m) => {
+    const e = t, { property: i } = r(e, [
+      "settings",
+      "hideDetails"
+    ]), { property: o } = r(e, ["settings", "label"]), { property: l } = r(e, [
+      "settings",
+      "placeholder"
+    ]), { property: s } = r(e, [
+      "settings",
+      "readonly"
+    ]), { property: a } = r(e, [
+      "settings",
+      "singleLine"
+    ]), { 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(() => [
@@ -1764,15 +2041,30 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), 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, ["settings", "hideDetails"]), { prop: p } = r(e, ["settings", "label"]), { prop: d } = r(e, ["settings", "max"]), { prop: b } = r(e, ["settings", "min"]), { prop: m } = r(e, ["settings", "readonly"]), { prop: u } = r(e, ["settings", "reverse"]), { prop: c } = r(e, ["settings", "showTicks"]), f = k(() => {
+    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"
+    ]), { 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"
+    ]), y = k(() => {
       if (c.value === "always")
         return "always";
       if (c.value === "show")
         return !0;
-    }), { prop: h } = r(e, ["settings", "step"]), { theme: x } = N(), { prop: g } = r(e, [
+    }), { property: h } = r(e, ["settings", "step"]), { theme: g } = N(), { property: x } = r(e, [
       "settings",
       "thumbColor"
-    ]), { color: w } = K(g), { prop: C } = r(e, [
+    ]), { color: w } = K(x), { property: C } = r(e, [
       "settings",
       "thumbLabel"
     ]), M = k(() => {
@@ -1780,7 +2072,10 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), 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 = {};
@@ -1788,10 +2083,16 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), 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: te } = r(e, ["slots", "append"]), { property: re } = r(e, [
+      "slots",
+      "prepend"
+    ]);
     return (le, Ne) => {
       const Ut = z("v-slider");
       return v(), V(n(Z), null, {
@@ -1805,12 +2106,12 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
             "hide-details": n(a),
             label: n(p),
             max: n(d),
-            min: n(b),
+            min: n(f),
             readonly: n(m),
             reverse: n(u),
-            "show-ticks": f.value,
+            "show-ticks": y.value,
             step: n(h),
-            theme: n(x),
+            theme: n(g),
             "thumb-color": n(w),
             "thumb-label": M.value,
             "thumb-size": n(W),
@@ -1821,7 +2122,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
             n(te) ? {
               name: "append",
               fn: I(() => [
-                H(n(fe), {
+                H(n(ye), {
                   "ref-context": { refid: n(te) },
                   state: {}
                 }, null, 8, ["ref-context"])
@@ -1831,7 +2132,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), 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"])
@@ -1851,7 +2152,10 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "hideActions"]), { theme: o } = N(), { prop: l } = r(e, ["settings", "value"]);
+    const e = t, { property: i } = r(e, [
+      "settings",
+      "hideActions"
+    ]), { theme: o } = N(), { property: l } = r(e, ["settings", "value"]);
     return (s, a) => {
       const p = z("v-stepper");
       return v(), V(p, {
@@ -1884,7 +2188,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) }, {
@@ -1912,7 +2216,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) }, {
@@ -1930,17 +2234,26 @@ 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, ["settings", "hideDetails"]), { prop: a } = 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"
+    ]), { property: a } = r(e, [
       "settings",
       "indeterminate"
-    ]), { prop: p } = r(e, ["settings", "inline"]), { prop: d } = r(e, ["settings", "inset"]), { prop: b } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "loading"]), { theme: u } = N(), { prop: c } = r(e, ["settings", "value"]);
-    return (f, h) => {
-      const x = z("v-switch");
+    ]), { 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(() => [
-          H(x, {
+          H(g, {
             modelValue: n(c),
-            "onUpdate:modelValue": h[0] || (h[0] = (g) => O(c) ? c.value = g : null),
+            "onUpdate:modelValue": h[0] || (h[0] = (x) => O(c) ? c.value = x : null),
             density: n(i),
             direction: n(o),
             disabled: n(l),
@@ -1948,7 +2261,7 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
             indeterminate: n(a),
             inline: n(p),
             inset: n(d),
-            label: n(b),
+            label: n(f),
             loading: n(m),
             theme: n(u)
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "indeterminate", "inline", "inset", "label", "loading", "theme"])
@@ -1964,15 +2277,15 @@ 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 b = z("v-tab");
+      const f = z("v-tab");
       return v(), V(n(Z), { "fit-content": !0 }, {
         default: I(() => [
-          H(b, {
+          H(f, {
             style: Q(a.value),
             text: n(o),
             theme: n(l),
@@ -1990,22 +2303,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: b } = r(e, ["settings", "direction"]), { prop: m } = r(e, ["settings", "disabled"]), { prop: u } = r(e, ["settings", "fixedTabs"]), { prop: c } = r(e, ["settings", "grow"]), { prop: f } = r(e, ["settings", "hideSlider"]), { prop: h } = r(e, ["settings", "items"]), { prop: x } = r(e, ["settings", "mandatory"]), { prop: g } = r(e, ["settings", "showArrows"]), { prop: w } = r(e, [
+    ]), { 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"
+    ]), { property: h } = r(e, ["settings", "items"]), { property: g } = r(e, [
+      "settings",
+      "mandatory"
+    ]), { property: x } = r(e, [
+      "settings",
+      "showArrows"
+    ]), { 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, {
@@ -2016,14 +2350,14 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
         "center-active": n(s),
         color: n(p),
         density: n(d),
-        direction: n(b),
+        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(x),
-        "show-arrows": n(g),
+        mandatory: n(g),
+        "show-arrows": n(x),
         "slider-color": n(C),
         stacked: n(M),
         theme: n(W)
@@ -2042,12 +2376,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, ["settings", "decoration"]), { prop: s } = r(e, ["settings", "emphasis"]), { prop: a } = r(e, ["settings", "italic"]), { prop: p } = r(e, ["settings", "text"]), { prop: d } = r(e, ["settings", "weight"]), b = k(() => {
+    const e = t, i = $e(), { property: o } = r(e, ["settings", "align"]), { property: l } = r(e, [
+      "settings",
+      "decoration"
+    ]), { 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(b.value)
+      class: Do(f.value)
     }, Fo(n(p)), 3));
   }
 }), Xl = /* @__PURE__ */ $({
@@ -2057,14 +2397,32 @@ 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: b } = r(e, ["settings", "placeholder"]), { prop: m } = r(e, ["settings", "readonly"]), { prop: u } = r(e, ["settings", "reverse"]), { prop: c } = r(e, ["settings", "rows"]), { prop: f } = r(e, ["settings", "singleLine"]), { theme: h } = N(), { prop: x } = r(e, ["settings", "value"]), { prop: g } = r(e, ["settings", "variant"]);
+    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"
+    ]), { 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(), { 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, {
         default: I(() => [
           H(M, {
-            modelValue: n(x),
-            "onUpdate:modelValue": C[0] || (C[0] = (W) => O(x) ? x.value = W : null),
+            modelValue: n(g),
+            "onUpdate:modelValue": C[0] || (C[0] = (W) => O(g) ? g.value = W : null),
             "auto-grow": n(i),
             clearable: n(o),
             density: n(l),
@@ -2072,13 +2430,13 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
             label: n(a),
             loading: n(p),
             "max-rows": n(d),
-            placeholder: n(b),
+            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(g)
+            variant: n(x)
           }, null, 8, ["modelValue", "auto-grow", "clearable", "density", "disabled", "label", "loading", "max-rows", "placeholder", "readonly", "reverse", "rows", "single-line", "theme", "variant"])
         ]),
         _: 1
@@ -2092,16 +2450,46 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "appendIcon"]), { prop: o } = r(e, [
+    const e = t, { property: i } = r(e, [
+      "settings",
+      "appendIcon"
+    ]), { 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, ["settings", "hideDetails"]), { prop: b } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "loading"]), { prop: u } = r(e, ["settings", "placeholder"]), { prop: c } = r(e, ["settings", "prefix"]), { prop: f } = r(e, ["settings", "prependIcon"]), { prop: h } = r(e, [
+    ]), { 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"
+    ]), { property: f } = r(e, ["settings", "label"]), { property: m } = r(e, ["settings", "loading"]), { property: u } = r(e, [
+      "settings",
+      "placeholder"
+    ]), { property: c } = r(e, ["settings", "prefix"]), { property: y } = r(e, [
+      "settings",
+      "prependIcon"
+    ]), { property: h } = r(e, [
       "settings",
       "prependInnerIcon"
-    ]), { prop: x } = r(e, ["settings", "readonly"]), { prop: g } = r(e, ["settings", "reverse"]), { prop: w } = r(e, ["settings", "singleLine"]), { prop: C } = r(e, ["settings", "suffix"]), { theme: 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: g } = r(e, [
+      "settings",
+      "readonly"
+    ]), { property: x } = r(e, ["settings", "reverse"]), { property: w } = r(e, [
+      "settings",
+      "singleLine"
+    ]), { 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"
     ]);
@@ -2119,14 +2507,14 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
             density: n(a),
             disabled: n(p),
             "hide-details": n(d),
-            label: n(b),
+            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(x),
-            reverse: n(g),
+            readonly: n(g),
+            reverse: n(x),
             "single-line": n(w),
             suffix: n(C),
             theme: n(M),
@@ -2135,7 +2523,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"])
@@ -2145,7 +2533,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"])
@@ -2155,7 +2543,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"])
@@ -2165,7 +2553,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"])
@@ -2185,27 +2573,38 @@ 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: b } = r(e, [
+    ]), { property: f } = r(e, [
       "settings",
       "line",
       "color"
-    ]), { color: m } = K(b), { prop: u } = r(e, ["settings", "line", "inset"]), { prop: c } = r(e, [
+    ]), { color: m } = K(f), { property: u } = r(e, [
+      "settings",
+      "line",
+      "inset"
+    ]), { 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"
-    ]), { theme: x } = N();
-    return (g, w) => {
+    ]), { theme: g } = N();
+    return (x, w) => {
       const C = z("v-timeline");
       return v(), V(C, {
         align: n(i),
@@ -2217,12 +2616,12 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
         "line-color": n(m),
         "line-inset": n(u),
         "line-thickness": n(c),
-        side: n(f),
-        theme: n(x),
+        side: n(y),
+        theme: n(g),
         "truncate-line": n(h)
       }, {
         default: I(() => [
-          L(g.$slots, "default")
+          L(x.$slots, "default")
         ]),
         _: 3
       }, 8, ["align", "density", "direction", "dot-color", "fill-dot", "hide-opposite", "line-color", "line-inset", "line-thickness", "side", "theme", "truncate-line"]);
@@ -2245,12 +2644,24 @@ const Ql = /* @__PURE__ */ xe(Zl, [["render", ql]]), ea = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "continuous"]), { prop: o } = r(e, ["settings", "disabled"]), { prop: l } = r(e, ["settings", "direction"]), { prop: s } = r(e, ["settings", "reverse"]), { prop: a } = r(e, ["settings", "showArrows"]), { prop: p } = r(e, ["settings", "touch"]), { theme: d } = N(), { prop: b } = r(e, ["settings", "value"]);
+    const e = t, { property: i } = r(e, [
+      "settings",
+      "continuous"
+    ]), { property: o } = r(e, [
+      "settings",
+      "disabled"
+    ]), { property: l } = r(e, [
+      "settings",
+      "direction"
+    ]), { property: s } = r(e, ["settings", "reverse"]), { property: a } = r(e, [
+      "settings",
+      "showArrows"
+    ]), { 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(b),
-        "onUpdate:modelValue": u[0] || (u[0] = (f) => O(b) ? b.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),
@@ -2276,7 +2687,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", yo = "flex_layout_entry_v1", dt = "form_v1", tn = "globality_v1", ft = "group_v1", bt = "icon_v1", yt = "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", y = {
+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: [
@@ -2756,9 +3167,9 @@ const ia = /* @__PURE__ */ xe(ta, [["render", na]]), Ue = "ambient_light_v1", Xe
   key: wt,
   name: "x-runtime-lib.orthographicCamera",
   comp: $s,
-  props: {
-    pageScene: [y, X, Zn],
-    compScene: [y, X, Zn]
+  properties: {
+    pageScene: [b, X, Zn],
+    compScene: [b, X, Zn]
   },
   events: [],
   methods: [],
@@ -2802,9 +3213,9 @@ const qn = {
   key: $t,
   name: "x-runtime-lib.perspectiveCamera",
   comp: Ss,
-  props: {
-    pageScene: [y, X, qn],
-    compScene: [y, X, qn]
+  properties: {
+    pageScene: [b, X, qn],
+    compScene: [b, X, qn]
   },
   events: [],
   methods: [],
@@ -2830,12 +3241,12 @@ const aa = /* @__PURE__ */ $({
     return (i, o) => n(e) !== "editor" ? (v(), V(n(ls), { key: 0 })) : ee("", !0);
   }
 }), ma = {
-  key: yt,
+  key: bt,
   name: "x-runtime-lib.keyboardControls",
   comp: aa,
-  props: {
-    pageScene: [y],
-    compScene: [y]
+  properties: {
+    pageScene: [b],
+    compScene: [b]
   },
   events: [],
   methods: [],
@@ -2847,9 +3258,9 @@ const pa = {
   key: gt,
   name: "x-runtime-lib.mapControls",
   comp: ua,
-  props: {
-    pageScene: [y],
-    compScene: [y]
+  properties: {
+    pageScene: [b],
+    compScene: [b]
   },
   events: [],
   methods: [],
@@ -2861,9 +3272,9 @@ const da = {
   key: _t,
   name: "x-runtime-lib.orbitControls",
   comp: ca,
-  props: {
-    pageScene: [y],
-    compScene: [y]
+  properties: {
+    pageScene: [b],
+    compScene: [b]
   },
   events: [],
   methods: [],
@@ -2871,15 +3282,15 @@ 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 prop tag not found, ${i}`);
+    console.error(`boxGeometryV1/spawn property tag not found, ${i}`);
     return;
   }
-  const l = ze.props[o];
+  const l = ze.properties[o];
   if (!l) {
-    console.error(`boxGeometryV1/spawn props not found, ${i}`);
+    console.error(`boxGeometryV1/spawn properties not found, ${i}`);
     return;
   }
   const s = {};
@@ -2900,22 +3311,22 @@ function fa(t, e) {
       z: 1
     }
   }, s.children = [
-    ba(t, e),
-    ya(t, e)
+    fa(t, e),
+    ba(t, e)
   ], s;
 }
-function ba(t, e) {
+function fa(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(
-      `boxGeometryV1/spawnBoxGeometry prop tag not found, ${i}`
+      `boxGeometryV1/spawnBoxGeometry property tag not found, ${i}`
     );
     return;
   }
-  const l = nn.props[o];
+  const l = nn.properties[o];
   if (!l) {
     console.error(
-      `boxGeometryV1/spawnBoxGeometry props not found, ${i}`
+      `boxGeometryV1/spawnBoxGeometry properties not found, ${i}`
     );
     return;
   }
@@ -2929,18 +3340,18 @@ function ba(t, e) {
     depthSegements: 1
   }, s;
 }
-function ya(t, e) {
+function ba(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(
-      `boxGeometryV1/spawnMeshBasicMaterial prop tag not found, ${i}`
+      `boxGeometryV1/spawnMeshBasicMaterial property tag not found, ${i}`
     );
     return;
   }
-  const l = Pe.props[o];
+  const l = Pe.properties[o];
   if (!l) {
     console.error(
-      `boxGeometryV1/spawnMeshBasicMaterial props not found, ${i}`
+      `boxGeometryV1/spawnMeshBasicMaterial properties not found, ${i}`
     );
     return;
   }
@@ -2995,26 +3406,26 @@ const Qn = {
   key: Je,
   name: "x-runtime-lib.boxGeometry",
   comp: Ts,
-  props: {
-    pageScene: [y, Qn],
-    compScene: [y, Qn]
+  properties: {
+    pageScene: [b, Qn],
+    compScene: [b, Qn]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: fa
+  spawn: ya
 };
 _(nn);
 function ha(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
-    console.error(`sphereGeometryV1/spawn prop tag not found, ${i}`);
+    console.error(`sphereGeometryV1/spawn property tag not found, ${i}`);
     return;
   }
-  const l = ze.props[o];
+  const l = ze.properties[o];
   if (!l) {
-    console.error(`sphereGeometryV1/spawn props not found, ${i}`);
+    console.error(`sphereGeometryV1/spawn properties not found, ${i}`);
     return;
   }
   const s = {};
@@ -3043,14 +3454,14 @@ function ga(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(
-      `sphereGeometryV1/spawnSphereGeometry prop tag not found, ${i}`
+      `sphereGeometryV1/spawnSphereGeometry property tag not found, ${i}`
     );
     return;
   }
-  const l = on.props[o];
+  const l = on.properties[o];
   if (!l) {
     console.error(
-      `sphereGeometryV1/spawnSphereGeometry props not found, ${i}`
+      `sphereGeometryV1/spawnSphereGeometry properties not found, ${i}`
     );
     return;
   }
@@ -3069,14 +3480,14 @@ function xa(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(
-      `sphereGeometryV1/spawnMeshBasicMaterial prop tag not found, ${i}`
+      `sphereGeometryV1/spawnMeshBasicMaterial property tag not found, ${i}`
     );
     return;
   }
-  const l = Pe.props[o];
+  const l = Pe.properties[o];
   if (!l) {
     console.error(
-      `sphereGeometryV1/spawnMeshBasicMaterial props not found, ${i}`
+      `sphereGeometryV1/spawnMeshBasicMaterial properties not found, ${i}`
     );
     return;
   }
@@ -3139,9 +3550,9 @@ const ei = {
   key: At,
   name: "x-runtime-lib.sphereGeometry",
   comp: zs,
-  props: {
-    pageScene: [y, ei],
-    compScene: [y, ei]
+  properties: {
+    pageScene: [b, ei],
+    compScene: [b, ei]
   },
   events: [],
   methods: [],
@@ -3171,9 +3582,9 @@ const ti = {
   key: Ue,
   name: "x-runtime-lib.ambientLight",
   comp: Ls,
-  props: {
-    pageScene: [y, X, ti],
-    compScene: [y, X, ti]
+  properties: {
+    pageScene: [b, X, ti],
+    compScene: [b, X, ti]
   },
   events: [],
   methods: [],
@@ -3201,9 +3612,9 @@ const ni = {
   key: ct,
   name: "x-runtime-lib.directionalLight",
   comp: Ws,
-  props: {
-    pageScene: [y, X, ni],
-    compScene: [y, X, ni]
+  properties: {
+    pageScene: [b, X, ni],
+    compScene: [b, X, ni]
   },
   events: [],
   methods: [],
@@ -3245,9 +3656,9 @@ const ii = {
   key: It,
   name: "x-runtime-lib.pointLight",
   comp: Ns,
-  props: {
-    pageScene: [y, X, ii],
-    compScene: [y, X, ii]
+  properties: {
+    pageScene: [b, X, ii],
+    compScene: [b, X, ii]
   },
   events: [],
   methods: [],
@@ -3306,9 +3717,9 @@ const oi = {
   key: Lt,
   name: "x-runtime-lib.spotLight",
   comp: Rs,
-  props: {
-    pageScene: [y, X, oi],
-    compScene: [y, X, oi]
+  properties: {
+    pageScene: [b, X, oi],
+    compScene: [b, X, oi]
   },
   events: [],
   methods: [],
@@ -3319,9 +3730,9 @@ const Pe = {
   key: oa,
   name: "x-runtime-lib.meshBasicMaterial",
   comp: Gs,
-  props: {
-    pageScene: [y],
-    compScene: [y]
+  properties: {
+    pageScene: [b],
+    compScene: [b]
   },
   events: [],
   methods: [],
@@ -3330,12 +3741,12 @@ const Pe = {
 };
 _(Pe);
 const Va = {
-  key: ft,
+  key: yt,
   name: "x-runtime-lib.group",
   comp: Ks,
-  props: {
-    pageScene: [y, X],
-    compScene: [y, X]
+  properties: {
+    pageScene: [b, X],
+    compScene: [b, X]
   },
   events: [],
   methods: [],
@@ -3346,9 +3757,9 @@ const ze = {
   key: vt,
   name: "x-runtime-lib.mesh",
   comp: Os,
-  props: {
-    pageScene: [y, X],
-    compScene: [y, X]
+  properties: {
+    pageScene: [b, X],
+    compScene: [b, X]
   },
   events: [],
   methods: [],
@@ -3358,12 +3769,12 @@ _(ze);
 function $a(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
-    console.error(`barChartV1/spawn prop tag not found, ${i}`);
+    console.error(`barChartV1/spawn property tag not found, ${i}`);
     return;
   }
-  const l = sn.props[o];
+  const l = sn.properties[o];
   if (!l) {
-    console.error(`barChartV1/spawn props not found, ${i}`);
+    console.error(`barChartV1/spawn properties not found, ${i}`);
     return;
   }
   const s = {};
@@ -3399,9 +3810,9 @@ const si = {
   key: Ye,
   name: "x-runtime-lib.barChart",
   comp: Qr,
-  props: {
-    pageCommon: [y, U, Ge, He, Ke, Fe, si],
-    compCommon: [y, U, Ge, He, Ke, Fe, si]
+  properties: {
+    pageCommon: [b, U, Ge, He, Ke, Fe, si],
+    compCommon: [b, U, Ge, He, Ke, Fe, si]
   },
   events: [],
   methods: [],
@@ -3413,12 +3824,12 @@ _(sn);
 function Ia(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
-    console.error(`lineChartV1/spawn prop tag not found, ${i}`);
+    console.error(`lineChartV1/spawn property tag not found, ${i}`);
     return;
   }
-  const l = rn.props[o];
+  const l = rn.properties[o];
   if (!l) {
-    console.error(`lineChartV1/spawn props not found, ${i}`);
+    console.error(`lineChartV1/spawn properties not found, ${i}`);
     return;
   }
   const s = {};
@@ -3454,9 +3865,9 @@ const ri = {
   key: ht,
   name: "x-runtime-lib.lineChart",
   comp: el,
-  props: {
-    pageCommon: [y, U, Ge, He, Ke, Fe, ri],
-    compCommon: [y, U, Ge, He, Ke, Fe, ri]
+  properties: {
+    pageCommon: [b, U, Ge, He, Ke, Fe, ri],
+    compCommon: [b, U, Ge, He, Ke, Fe, ri]
   },
   events: [],
   methods: [],
@@ -3480,7 +3891,7 @@ const li = {
   key: tn,
   name: "x-runtime-lib.globality",
   comp: null,
-  props: {
+  properties: {
     pageCommon: [li],
     pageScene: [ai],
     compCommon: [li],
@@ -3564,9 +3975,9 @@ const ui = {
   key: Xe,
   name: "x-runtime-lib.badge",
   comp: tl,
-  props: {
-    pageCommon: [y, ui],
-    compCommon: [y, ui]
+  properties: {
+    pageCommon: [b, ui],
+    compCommon: [b, ui]
   },
   events: [],
   methods: [],
@@ -3575,12 +3986,12 @@ const ui = {
 function Ca(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
-    console.error(`btnV1/spawn prop tag not found, ${i}`);
+    console.error(`btnV1/spawn property tag not found, ${i}`);
     return;
   }
-  const l = ln.props[o];
+  const l = ln.properties[o];
   if (!l) {
-    console.error(`btnV1/spawn props not found, ${i}`);
+    console.error(`btnV1/spawn properties not found, ${i}`);
     return;
   }
   const s = {};
@@ -3677,9 +4088,9 @@ const Ta = B(j), ci = {
   key: Ze,
   name: "x-runtime-lib.button",
   comp: nl,
-  props: {
-    pageCommon: [y, U, ci],
-    compCommon: [y, U, ci]
+  properties: {
+    pageCommon: [b, U, ci],
+    compCommon: [b, U, ci]
   },
   events: [
     {
@@ -3698,9 +4109,9 @@ const Pa = {
   key: qe,
   name: "x-runtime-lib.buttonGroup",
   comp: sl,
-  props: {
-    pageCommon: [y],
-    compCommon: [y]
+  properties: {
+    pageCommon: [b],
+    compCommon: [b]
   },
   events: [],
   methods: [],
@@ -3772,9 +4183,9 @@ const mi = {
   key: Qe,
   name: "x-runtime-lib.buttonToggle",
   comp: rl,
-  props: {
-    pageCommon: [y, mi],
-    compCommon: [y, mi]
+  properties: {
+    pageCommon: [b, mi],
+    compCommon: [b, mi]
   },
   events: [],
   methods: [],
@@ -3784,12 +4195,12 @@ _(za);
 function Aa(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
-    console.error(`cardV1/spawn prop tag not found, ${i}`);
+    console.error(`cardV1/spawn property tag not found, ${i}`);
     return;
   }
-  const l = Ae.props[o];
+  const l = Ae.properties[o];
   if (!l) {
-    console.error(`cardV1/spawn props not found, ${i}`);
+    console.error(`cardV1/spawn properties not found, ${i}`);
     return;
   }
   const s = {};
@@ -3854,9 +4265,9 @@ const pi = {
   key: et,
   name: "x-runtime-lib.card",
   comp: ll,
-  props: {
-    pageCommon: [y, U, pi],
-    compCommon: [y, U, pi]
+  properties: {
+    pageCommon: [b, U, pi],
+    compCommon: [b, U, pi]
   },
   events: [],
   methods: [],
@@ -3885,9 +4296,9 @@ const di = {
   key: tt,
   name: "x-runtime-lib.checkbox",
   comp: al,
-  props: {
-    pageCommon: [y, di],
-    compCommon: [y, di]
+  properties: {
+    pageCommon: [b, di],
+    compCommon: [b, di]
   },
   events: [],
   methods: [],
@@ -3895,7 +4306,7 @@ const di = {
   leaf: !0
 };
 _(La);
-const Ba = B(j), fi = {
+const Ba = B(j), yi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3974,9 +4385,9 @@ const Ba = B(j), fi = {
   key: nt,
   name: "x-runtime-lib.chip",
   comp: ul,
-  props: {
-    pageCommon: [y, fi],
-    compCommon: [y, fi]
+  properties: {
+    pageCommon: [b, yi],
+    compCommon: [b, yi]
   },
   events: [],
   methods: [],
@@ -3987,12 +4398,12 @@ _(an);
 function Wa(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
-    console.error(`chipGroupV1/spawn prop tag not found, ${i}`);
+    console.error(`chipGroupV1/spawn property tag not found, ${i}`);
     return;
   }
-  const l = un.props[o];
+  const l = un.properties[o];
   if (!l) {
-    console.error(`chipGroupV1/spawn props not found, ${i}`);
+    console.error(`chipGroupV1/spawn properties not found, ${i}`);
     return;
   }
   const s = {};
@@ -4008,18 +4419,18 @@ function Wa(t, e) {
 function ve(t, e, i, o) {
   const l = `type=${t} subtype=${e}`, s = A(t, e);
   if (!s) {
-    console.error(`chipGroupV1/spawnChip prop tag not found, ${l}`);
+    console.error(`chipGroupV1/spawnChip property tag not found, ${l}`);
     return;
   }
-  const a = an.props[s];
+  const a = an.properties[s];
   if (!a) {
-    console.error(`chipGroupV1/spawnChip props not found, ${l}`);
+    console.error(`chipGroupV1/spawnChip properties not found, ${l}`);
     return;
   }
   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 bi = {
+const fi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4077,9 +4488,9 @@ const bi = {
   key: it,
   name: "x-runtime-lib.chipGroup",
   comp: cl,
-  props: {
-    pageCommon: [y, bi],
-    compCommon: [y, bi]
+  properties: {
+    pageCommon: [b, fi],
+    compCommon: [b, fi]
   },
   events: [],
   methods: [],
@@ -4091,9 +4502,9 @@ const Ea = {
   key: ot,
   name: "x-runtime-lib.colorPicker",
   comp: ml,
-  props: {
-    pageCommon: [y],
-    compCommon: [y]
+  properties: {
+    pageCommon: [b],
+    compCommon: [b]
   },
   events: [],
   methods: [],
@@ -4101,7 +4512,7 @@ const Ea = {
   leaf: !0
 };
 _(Ea);
-const yi = {
+const bi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4146,9 +4557,9 @@ const yi = {
   key: st,
   name: "x-runtime-lib.combobox",
   comp: pl,
-  props: {
-    pageCommon: [y, yi],
-    compCommon: [y, yi]
+  properties: {
+    pageCommon: [b, bi],
+    compCommon: [b, bi]
   },
   events: [],
   methods: [],
@@ -4167,9 +4578,9 @@ const hi = {
   key: rt,
   name: "x-runtime-lib.container",
   comp: dl,
-  props: {
-    pageCommon: [y, U, _e, we, Ve, hi],
-    compCommon: [y, U, _e, we, Ve, hi]
+  properties: {
+    pageCommon: [b, U, _e, we, Ve, hi],
+    compCommon: [b, U, _e, we, Ve, hi]
   },
   events: [
     {
@@ -4337,10 +4748,10 @@ const gi = {
 }, Ma = {
   key: lt,
   name: "x-runtime-lib.dataTable",
-  comp: fl,
-  props: {
-    pageCommon: [y, gi, xi, vi],
-    compCommon: [y, gi, xi, vi]
+  comp: yl,
+  properties: {
+    pageCommon: [b, gi, xi, vi],
+    compCommon: [b, gi, xi, vi]
   },
   events: [],
   methods: [],
@@ -4352,9 +4763,9 @@ const Ra = {
   key: at,
   name: "x-runtime-lib.datePicker",
   comp: hl,
-  props: {
-    pageCommon: [y],
-    compCommon: [y]
+  properties: {
+    pageCommon: [b],
+    compCommon: [b]
   },
   events: [],
   methods: [],
@@ -4366,9 +4777,9 @@ const Da = {
   key: ut,
   name: "x-runtime-lib.dialog",
   comp: xl,
-  props: {
-    pageCommon: [y],
-    compCommon: [y]
+  properties: {
+    pageCommon: [b],
+    compCommon: [b]
   },
   events: [],
   methods: [
@@ -4397,9 +4808,9 @@ const ki = {
   key: mt,
   name: "x-runtime-lib.fileInput",
   comp: vl,
-  props: {
-    pageCommon: [y, ki],
-    compCommon: [y, ki]
+  properties: {
+    pageCommon: [b, ki],
+    compCommon: [b, ki]
   },
   events: [],
   methods: [],
@@ -4423,12 +4834,12 @@ const ki = {
     }
   ]
 }, mn = {
-  key: yo,
+  key: bo,
   name: "x-runtime-lib.flexLayoutEntry",
   comp: _l,
-  props: {
-    pageCommon: [y, U, _i],
-    compCommon: [y, U, _i]
+  properties: {
+    pageCommon: [b, U, _i],
+    compCommon: [b, U, _i]
   },
   events: [],
   methods: [],
@@ -4438,12 +4849,12 @@ _(mn);
 function Fa(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
-    console.error(`flexLayoutV1/spawn prop tag not found, ${i}`);
+    console.error(`flexLayoutV1/spawn property tag not found, ${i}`);
     return;
   }
-  const l = Le.props[o];
+  const l = Le.properties[o];
   if (!l) {
-    console.error(`flexLayoutV1/spawn props not found, ${i}`);
+    console.error(`flexLayoutV1/spawn properties not found, ${i}`);
     return;
   }
   const s = {};
@@ -4472,16 +4883,18 @@ function Fa(t, e) {
   ], s;
 }
 function pn(t, e, i, o, l, s, a, p, d) {
-  const b = `type=${t} subtype=${e}`, m = A(t, e);
+  const f = `type=${t} subtype=${e}`, m = A(t, e);
   if (!m) {
     console.error(
-      `flexLayoutV1/spawnContainer prop tag not found, ${b}`
+      `flexLayoutV1/spawnContainer property tag not found, ${f}`
     );
     return;
   }
-  const u = cn.props[m];
+  const u = cn.properties[m];
   if (!u) {
-    console.error(`flexLayoutV1/spawnContainer props not found, ${b}`);
+    console.error(
+      `flexLayoutV1/spawnContainer properties not found, ${f}`
+    );
     return;
   }
   const c = {};
@@ -4490,12 +4903,14 @@ 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 prop tag not found, ${i}`);
+    console.error(
+      `flexLayoutV1/spawnEntry property tag not found, ${i}`
+    );
     return;
   }
-  const l = mn.props[o];
+  const l = mn.properties[o];
   if (!l) {
-    console.error(`flexLayoutV1/spawnEntry props not found, ${i}`);
+    console.error(`flexLayoutV1/spawnEntry properties not found, ${i}`);
     return;
   }
   const s = {
@@ -4694,9 +5109,9 @@ const wi = {
   key: pt,
   name: "x-runtime-lib.flexLayout",
   comp: kl,
-  props: {
-    pageCommon: [y, U, _e, we, Ve, wi],
-    compCommon: [y, U, _e, we, Ve, wi]
+  properties: {
+    pageCommon: [b, U, _e, we, Ve, wi],
+    compCommon: [b, U, _e, we, Ve, wi]
   },
   events: [
     {
@@ -4864,9 +5279,9 @@ const Vi = {
   key: Rt,
   name: "x-runtime-lib.textField",
   comp: Yl,
-  props: {
-    pageCommon: [y, Vi, $i],
-    compCommon: [y, Vi, $i]
+  properties: {
+    pageCommon: [b, Vi, $i],
+    compCommon: [b, Vi, $i]
   },
   events: [],
   methods: [],
@@ -4902,26 +5317,26 @@ _(dn);
 function Ha(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
-    console.error(`formV1/spawn prop tag not found, ${i}`);
+    console.error(`formV1/spawn property tag not found, ${i}`);
     return;
   }
-  const l = fn.props[o];
+  const l = yn.properties[o];
   if (!l) {
-    console.error(`formV1/spawn props not found, ${i}`);
+    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);
   if (!o) {
-    console.error(`formV1/spawnTextField prop tag not found, ${i}`);
+    console.error(`formV1/spawnTextField property tag not found, ${i}`);
     return;
   }
-  const l = dn.props[o];
+  const l = dn.properties[o];
   if (!l) {
-    console.error(`formV1/spawnTextField props not found, ${i}`);
+    console.error(`formV1/spawnTextField properties not found, ${i}`);
     return;
   }
   const s = {};
@@ -4945,13 +5360,13 @@ const Ii = {
       default: !1
     }
   ]
-}, fn = {
+}, yn = {
   key: dt,
   name: "x-runtime-lib.form",
   comp: wl,
-  props: {
-    pageCommon: [y, U, _e, we, Ve, Ii],
-    compCommon: [y, U, _e, we, Ve, Ii]
+  properties: {
+    pageCommon: [b, U, _e, we, Ve, Ii],
+    compCommon: [b, U, _e, we, Ve, Ii]
   },
   events: [
     {
@@ -4964,7 +5379,7 @@ const Ii = {
   slots: [],
   spawn: Ha
 };
-_(fn);
+_(yn);
 const ja = B(j), Si = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4991,12 +5406,12 @@ const ja = B(j), Si = {
     ja
   ]
 }, Oa = {
-  key: bt,
+  key: ft,
   name: "x-runtime-lib.icon",
   comp: Vl,
-  props: {
-    pageCommon: [y, Si],
-    compCommon: [y, Si]
+  properties: {
+    pageCommon: [b, Si],
+    compCommon: [b, Si]
   },
   events: [],
   methods: [],
@@ -5008,9 +5423,9 @@ const Ua = {
   key: xt,
   name: "x-runtime-lib.menu",
   comp: Il,
-  props: {
-    pageCommon: [y],
-    compCommon: [y]
+  properties: {
+    pageCommon: [b],
+    compCommon: [b]
   },
   events: [],
   methods: [
@@ -5034,16 +5449,16 @@ _(Ua);
 function Xa(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
-    console.error(`numberInputV1/spawn prop tag not found, ${i}`);
+    console.error(`numberInputV1/spawn property tag not found, ${i}`);
     return;
   }
-  const l = bn.props[o];
+  const l = fn.properties[o];
   if (!l) {
-    console.error(`numberInputV1/spawn props not found, ${i}`);
+    console.error(`numberInputV1/spawn properties not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = bn.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",
@@ -5212,13 +5627,13 @@ const Ci = {
       ]
     }
   ]
-}, bn = {
+}, fn = {
   key: kt,
   name: "x-runtime-lib.numberInput",
   comp: Sl,
-  props: {
-    pageCommon: [y, Ci, Ti],
-    compCommon: [y, Ci, Ti]
+  properties: {
+    pageCommon: [b, Ci, Ti],
+    compCommon: [b, Ci, Ti]
   },
   events: [
     {
@@ -5252,7 +5667,7 @@ const Ci = {
   leaf: !0,
   spawn: Xa
 };
-_(bn);
+_(fn);
 const Pi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5320,9 +5735,9 @@ const Pi = {
   key: Vt,
   name: "x-runtime-lib.pagination",
   comp: Cl,
-  props: {
-    pageCommon: [y, Pi],
-    compCommon: [y, Pi]
+  properties: {
+    pageCommon: [b, Pi],
+    compCommon: [b, Pi]
   },
   events: [],
   methods: [],
@@ -5367,29 +5782,29 @@ const Ja = B(j), zi = {
     },
     Ja
   ]
-}, yn = {
+}, bn = {
   key: ho,
   name: "x-runtime-lib.radio",
   comp: Tl,
-  props: {
-    pageCommon: [y, zi],
-    compCommon: [y, zi]
+  properties: {
+    pageCommon: [b, zi],
+    compCommon: [b, zi]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-_(yn);
+_(bn);
 function Za(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
-    console.error(`radioGroupV1/spawn prop tag not found, ${i}`);
+    console.error(`radioGroupV1/spawn property tag not found, ${i}`);
     return;
   }
-  const l = hn.props[o];
+  const l = hn.properties[o];
   if (!l) {
-    console.error(`radioGroupV1/spawn props not found, ${i}`);
+    console.error(`radioGroupV1/spawn properties not found, ${i}`);
     return;
   }
   const s = {};
@@ -5402,16 +5817,18 @@ 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 prop tag not found, ${l}`);
+    console.error(
+      `radioGroupV1/spawnEntry property tag not found, ${l}`
+    );
     return;
   }
-  const a = yn.props[s];
+  const a = bn.properties[s];
   if (!a) {
-    console.error(`radioGroupV1/spawnEntry props not found, ${l}`);
+    console.error(`radioGroupV1/spawnEntry properties not found, ${l}`);
     return;
   }
   const p = {};
-  return P(p, a), p.basic.id = T(16), p.basic.key = yn.key, p.settings.value = i, p.settings.label = o, p;
+  return P(p, a), p.basic.id = T(16), p.basic.key = bn.key, p.settings.value = i, p.settings.label = o, p;
 }
 const Ai = {
   key: "settings",
@@ -5460,9 +5877,9 @@ const Ai = {
   key: St,
   name: "x-runtime-lib.radioGroup",
   comp: Pl,
-  props: {
-    pageCommon: [y, Ai],
-    compCommon: [y, Ai]
+  properties: {
+    pageCommon: [b, Ai],
+    compCommon: [b, Ai]
   },
   events: [],
   methods: [],
@@ -5591,9 +6008,9 @@ const Li = {
   key: Ct,
   name: "x-runtime-lib.rangeSlider",
   comp: zl,
-  props: {
-    pageCommon: [y, Li],
-    compCommon: [y, Li]
+  properties: {
+    pageCommon: [b, Li],
+    compCommon: [b, Li]
   },
   events: [],
   methods: [],
@@ -5660,9 +6077,9 @@ const Bi = {
   key: Tt,
   name: "x-runtime-lib.rating",
   comp: Al,
-  props: {
-    pageCommon: [y, Bi],
-    compCommon: [y, Bi]
+  properties: {
+    pageCommon: [b, Bi],
+    compCommon: [b, Bi]
   },
   events: [],
   methods: [],
@@ -5715,9 +6132,9 @@ const Wi = {
   key: Pt,
   name: "x-runtime-lib.select",
   comp: Ll,
-  props: {
-    pageCommon: [y, Wi],
-    compCommon: [y, Wi]
+  properties: {
+    pageCommon: [b, Wi],
+    compCommon: [b, Wi]
   },
   events: [],
   methods: [],
@@ -5864,9 +6281,9 @@ const Ei = {
   key: zt,
   name: "x-runtime-lib.slider",
   comp: Bl,
-  props: {
-    pageCommon: [y, Ei, Ni],
-    compCommon: [y, Ei, Ni]
+  properties: {
+    pageCommon: [b, Ei, Ni],
+    compCommon: [b, Ei, Ni]
   },
   events: [],
   methods: [],
@@ -5878,9 +6295,9 @@ const gn = {
   key: go,
   name: "x-runtime-lib.stepperHeader",
   comp: Ml,
-  props: {
-    pageCommon: [y],
-    compCommon: [y]
+  properties: {
+    pageCommon: [b],
+    compCommon: [b]
   },
   events: [],
   methods: [],
@@ -5902,9 +6319,9 @@ const Mi = {
   key: xo,
   name: "x-runtime-lib.stepperItem",
   comp: Rl,
-  props: {
-    pageCommon: [y, Mi],
-    compCommon: [y, Mi]
+  properties: {
+    pageCommon: [b, Mi],
+    compCommon: [b, Mi]
   },
   events: [],
   methods: [],
@@ -5915,9 +6332,9 @@ const vn = {
   key: vo,
   name: "x-runtime-lib.stepperWindow",
   comp: Gl,
-  props: {
-    pageCommon: [y],
-    compCommon: [y]
+  properties: {
+    pageCommon: [b],
+    compCommon: [b]
   },
   events: [],
   methods: [],
@@ -5939,9 +6356,9 @@ const Ri = {
   key: ko,
   name: "x-runtime-lib.stepperWindowItem",
   comp: Hl,
-  props: {
-    pageCommon: [y, Ri],
-    compCommon: [y, Ri]
+  properties: {
+    pageCommon: [b, Ri],
+    compCommon: [b, Ri]
   },
   events: [],
   methods: [],
@@ -5951,12 +6368,12 @@ _(kn);
 function nu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
-    console.error(`stepperV1/spawn prop tag not found, ${i}`);
+    console.error(`stepperV1/spawn property tag not found, ${i}`);
     return;
   }
-  const l = _n.props[o];
+  const l = _n.properties[o];
   if (!l) {
-    console.error(`stepperV1/spawn props not found, ${i}`);
+    console.error(`stepperV1/spawn properties not found, ${i}`);
     return;
   }
   const s = {};
@@ -5965,12 +6382,12 @@ function nu(t, e) {
 function iu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
-    console.error(`stepperV1/spawnHeader prop tag not found, ${i}`);
+    console.error(`stepperV1/spawnHeader property tag not found, ${i}`);
     return;
   }
-  const l = gn.props[o];
+  const l = gn.properties[o];
   if (!l) {
-    console.error(`stepperV1/spawnHeader props not found, ${i}`);
+    console.error(`stepperV1/spawnHeader properties not found, ${i}`);
     return;
   }
   const s = {};
@@ -5983,12 +6400,12 @@ function iu(t, e) {
 function Jt(t, e, i) {
   const o = `type=${t} subtype=${e}`, l = A(t, e);
   if (!l) {
-    console.error(`stepperV1/spawnItem prop tag not found, ${o}`);
+    console.error(`stepperV1/spawnItem property tag not found, ${o}`);
     return;
   }
-  const s = xn.props[l];
+  const s = xn.properties[l];
   if (!s) {
-    console.error(`stepperV1/spawnItem props not found, ${o}`);
+    console.error(`stepperV1/spawnItem properties not found, ${o}`);
     return;
   }
   const a = {};
@@ -5997,12 +6414,12 @@ function Jt(t, e, i) {
 function ou(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
-    console.error(`stepperV1/spawnWindow prop tag not found, ${i}`);
+    console.error(`stepperV1/spawnWindow property tag not found, ${i}`);
     return;
   }
-  const l = vn.props[o];
+  const l = vn.properties[o];
   if (!l) {
-    console.error(`stepperV1/spawnWindow props not found, ${i}`);
+    console.error(`stepperV1/spawnWindow properties not found, ${i}`);
     return;
   }
   const s = {};
@@ -6015,12 +6432,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 prop tag not found, ${l}`);
+    console.error(
+      `stepperV1/spawnWindowItem property tag not found, ${l}`
+    );
     return;
   }
-  const a = kn.props[s];
+  const a = kn.properties[s];
   if (!a) {
-    console.error(`stepperV1/spawnWindowItem props not found, ${l}`);
+    console.error(
+      `stepperV1/spawnWindowItem properties not found, ${l}`
+    );
     return;
   }
   const p = {};
@@ -6029,12 +6450,12 @@ function Zt(t, e, i, o) {
 function su(t, e, i) {
   const o = `type=${t} subtype=${e}`, l = A(t, e);
   if (!l) {
-    console.error(`stepperV1/spawnCard prop tag not found, ${o}`);
+    console.error(`stepperV1/spawnCard property tag not found, ${o}`);
     return;
   }
-  const s = Ae.props[l];
+  const s = Ae.properties[l];
   if (!s) {
-    console.error(`stepperV1/spawnCard props not found, ${o}`);
+    console.error(`stepperV1/spawnCard properties not found, ${o}`);
     return;
   }
   const a = {};
@@ -6061,9 +6482,9 @@ const Di = {
   key: Bt,
   name: "x-runtime-lib.stepper",
   comp: Wl,
-  props: {
-    pageCommon: [y, Di],
-    compCommon: [y, Di]
+  properties: {
+    pageCommon: [b, Di],
+    compCommon: [b, Di]
   },
   events: [],
   methods: [],
@@ -6075,9 +6496,9 @@ const ru = {
   key: Wt,
   name: "x-runtime-lib.switch",
   comp: Kl,
-  props: {
-    pageCommon: [y],
-    compCommon: [y]
+  properties: {
+    pageCommon: [b],
+    compCommon: [b]
   },
   events: [],
   methods: [],
@@ -6106,9 +6527,9 @@ const Fi = {
   key: _o,
   name: "x-runtime-lib.tab",
   comp: jl,
-  props: {
-    pageCommon: [y, Fi],
-    compCommon: [y, Fi]
+  properties: {
+    pageCommon: [b, Fi],
+    compCommon: [b, Fi]
   },
   events: [],
   methods: [],
@@ -6119,12 +6540,12 @@ _(wn);
 function lu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
-    console.error(`tabsV1/spawn prop tag not found, ${i}`);
+    console.error(`tabsV1/spawn property tag not found, ${i}`);
     return;
   }
-  const l = Vn.props[o];
+  const l = Vn.properties[o];
   if (!l) {
-    console.error(`tabsV1/spawn props not found, ${i}`);
+    console.error(`tabsV1/spawn properties not found, ${i}`);
     return;
   }
   const s = {};
@@ -6137,12 +6558,12 @@ function lu(t, e) {
 function qt(t, e, i, o) {
   const l = `type=${t} subtype=${e}`, s = A(t, e);
   if (!s) {
-    console.error(`tabsV1/spawnTab prop tag not found, ${l}`);
+    console.error(`tabsV1/spawnTab property tag not found, ${l}`);
     return;
   }
-  const a = wn.props[s];
+  const a = wn.properties[s];
   if (!a) {
-    console.error(`tabsV1/spawnTab props not found, ${l}`);
+    console.error(`tabsV1/spawnTab properties not found, ${l}`);
     return;
   }
   const p = {};
@@ -6240,9 +6661,9 @@ const Gi = {
   key: Et,
   name: "x-runtime-lib.tabs",
   comp: Ol,
-  props: {
-    pageCommon: [y, Gi],
-    compCommon: [y, Gi]
+  properties: {
+    pageCommon: [b, Gi],
+    compCommon: [b, Gi]
   },
   events: [],
   methods: [],
@@ -6253,16 +6674,16 @@ _(Vn);
 function au(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
-    console.error(`textV1/spawn prop tag not found, ${i}`);
+    console.error(`textV1/spawn property tag not found, ${i}`);
     return;
   }
-  const l = ye.props[o];
+  const l = be.properties[o];
   if (!l) {
-    console.error(`textV1/spawn props not found, ${i}`);
+    console.error(`textV1/spawn properties not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = ye.key, s.settings.text = "text", s;
+  return P(s, l), s.basic.id = T(16), s.basic.key = be.key, s.settings.text = "text", s;
 }
 const Hi = {
   key: "settings",
@@ -6350,13 +6771,13 @@ const Hi = {
       default: !1
     }
   ]
-}, ye = {
+}, be = {
   key: Nt,
   name: "x-runtime-lib.text",
   comp: Ul,
-  props: {
-    pageCommon: [y, Hi],
-    compCommon: [y, Hi]
+  properties: {
+    pageCommon: [b, Hi],
+    compCommon: [b, Hi]
   },
   events: [],
   methods: [],
@@ -6364,16 +6785,16 @@ const Hi = {
   leaf: !0,
   spawn: au
 };
-_(ye);
+_(be);
 function uu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
-    console.error(`textareaV1/spawn prop tag not found, ${i}`);
+    console.error(`textareaV1/spawn property tag not found, ${i}`);
     return;
   }
-  const l = $n.props[o];
+  const l = $n.properties[o];
   if (!l) {
-    console.error(`textareaV1/spawn props not found, ${i}`);
+    console.error(`textareaV1/spawn properties not found, ${i}`);
     return;
   }
   const s = {};
@@ -6454,9 +6875,9 @@ const Ki = {
   key: Mt,
   name: "x-runtime-lib.textarea",
   comp: Xl,
-  props: {
-    pageCommon: [y, Ki],
-    compCommon: [y, Ki]
+  properties: {
+    pageCommon: [b, Ki],
+    compCommon: [b, Ki]
   },
   events: [],
   methods: [],
@@ -6469,9 +6890,9 @@ const In = {
   key: wo,
   name: "x-runtime-lib.timelineItem",
   comp: Ql,
-  props: {
-    pageCommon: [y],
-    compCommon: [y]
+  properties: {
+    pageCommon: [b],
+    compCommon: [b]
   },
   events: [],
   methods: [],
@@ -6481,12 +6902,12 @@ _(In);
 function cu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
-    console.error(`timelineV1/spawn prop tag not found, ${i}`);
+    console.error(`timelineV1/spawn property tag not found, ${i}`);
     return;
   }
-  const l = Sn.props[o];
+  const l = Sn.properties[o];
   if (!l) {
-    console.error(`timelineV1/spawn props not found, ${i}`);
+    console.error(`timelineV1/spawn properties not found, ${i}`);
     return;
   }
   const s = {};
@@ -6499,12 +6920,12 @@ function cu(t, e) {
 function Qt(t, e, i) {
   const o = `type=${t} subtype=${e}`, l = A(t, e);
   if (!l) {
-    console.error(`timelineV1/spawnEntry prop tag not found, ${o}`);
+    console.error(`timelineV1/spawnEntry property tag not found, ${o}`);
     return;
   }
-  const s = In.props[l];
+  const s = In.properties[l];
   if (!s) {
-    console.error(`timelineV1/spawnEntry props not found, ${o}`);
+    console.error(`timelineV1/spawnEntry properties not found, ${o}`);
     return;
   }
   const a = {};
@@ -6513,16 +6934,16 @@ function Qt(t, e, i) {
 function mu(t, e, i) {
   const o = `type=${t} subtype=${e}`, l = A(t, e);
   if (!l) {
-    console.error(`timelineV1/spawnText prop tag not found, ${o}`);
+    console.error(`timelineV1/spawnText property tag not found, ${o}`);
     return;
   }
-  const s = ye.props[l];
+  const s = be.properties[l];
   if (!s) {
-    console.error(`timelineV1/spawnText props not found, ${o}`);
+    console.error(`timelineV1/spawnText properties not found, ${o}`);
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = ye.key, a.settings.text = i, a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = be.key, a.settings.text = i, a;
 }
 const pu = B(j), du = B(j), ji = {
   key: "settings",
@@ -6606,9 +7027,9 @@ const pu = B(j), du = B(j), ji = {
   key: Dt,
   name: "x-runtime-lib.timeline",
   comp: Jl,
-  props: {
-    pageCommon: [y, ji],
-    compCommon: [y, ji]
+  properties: {
+    pageCommon: [b, ji],
+    compCommon: [b, ji]
   },
   events: [],
   methods: [],
@@ -6620,24 +7041,24 @@ const Cn = {
   key: Vo,
   name: "x-runtime-lib.windowItem",
   comp: ia,
-  props: {
-    pageCommon: [y],
-    compCommon: [y]
+  properties: {
+    pageCommon: [b],
+    compCommon: [b]
   },
   events: [],
   methods: [],
   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 prop tag not found, ${i}`);
+    console.error(`windowV1/spawn property tag not found, ${i}`);
     return;
   }
-  const l = Tn.props[o];
+  const l = Tn.properties[o];
   if (!l) {
-    console.error(`windowV1/spawn props not found, ${i}`);
+    console.error(`windowV1/spawn properties not found, ${i}`);
     return;
   }
   const s = {};
@@ -6650,44 +7071,46 @@ function fu(t, e) {
 function en(t, e, i) {
   const o = `type=${t} subtype=${e}`, l = A(t, e);
   if (!l) {
-    console.error(`windowV1/spawnEntry prop tag not found, ${o}`);
+    console.error(`windowV1/spawnEntry property tag not found, ${o}`);
     return;
   }
-  const s = Cn.props[l];
+  const s = Cn.properties[l];
   if (!s) {
-    console.error(`windowV1/spawnEntry props not found, ${o}`);
+    console.error(`windowV1/spawnEntry properties not found, ${o}`);
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = Cn.key, a.children = [bu(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 bu(t, e, i) {
+function fu(t, e, i) {
   const o = `type=${t} subtype=${e}`, l = A(t, e);
   if (!l) {
-    console.error(`windowV1/spawnFlexLayout prop tag not found, ${o}`);
+    console.error(
+      `windowV1/spawnFlexLayout property tag not found, ${o}`
+    );
     return;
   }
-  const s = Le.props[l];
+  const s = Le.properties[l];
   if (!s) {
-    console.error(`windowV1/spawnFlexLayout props not found, ${o}`);
+    console.error(`windowV1/spawnFlexLayout properties not found, ${o}`);
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = Le.key, a.size.height = "200px", a.settings.mainAlign.xs = "center", a.settings.crossAlign.xs = "center", a.settings.backgroundColor.mode = "theme", a.settings.backgroundColor.theme = "background2", a.children = [yu(t, e, i)], a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = Le.key, a.size.height = "200px", a.settings.mainAlign.xs = "center", a.settings.crossAlign.xs = "center", a.settings.backgroundColor.mode = "theme", a.settings.backgroundColor.theme = "background2", a.children = [bu(t, e, i)], a;
 }
-function yu(t, e, i) {
+function bu(t, e, i) {
   const o = `type=${t} subtype=${e}`, l = A(t, e);
   if (!l) {
-    console.error(`windowV1/spawnText prop tag not found, ${o}`);
+    console.error(`windowV1/spawnText property tag not found, ${o}`);
     return;
   }
-  const s = ye.props[l];
+  const s = be.properties[l];
   if (!s) {
-    console.error(`windowV1/spawnText props not found, ${o}`);
+    console.error(`windowV1/spawnText properties not found, ${o}`);
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = ye.key, a.settings.text = i, a.settings.style.xs = "h6", a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = be.key, a.settings.text = i, a.settings.style.xs = "h6", a;
 }
 const Oi = {
   key: "settings",
@@ -6741,14 +7164,14 @@ const Oi = {
   key: Ft,
   name: "x-runtime-lib.window",
   comp: ea,
-  props: {
-    pageCommon: [y, Oi],
-    compCommon: [y, Oi]
+  properties: {
+    pageCommon: [b, Oi],
+    compCommon: [b, Oi]
   },
   events: [],
   methods: [],
   slots: [],
-  spawn: fu
+  spawn: yu
 };
 _(Tn);
 const hu = [
@@ -7191,7 +7614,7 @@ const hu = [
   {
     key: "imagesAndIcons",
     name: "x-runtime-lib.imagesAndIcons",
-    items: [bt]
+    items: [ft]
   },
   {
     key: "pickers",
@@ -7207,7 +7630,7 @@ const hu = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
-    items: [ft, vt]
+    items: [yt, vt]
   },
   {
     key: "geometries",
@@ -7232,7 +7655,7 @@ const hu = [
   {
     key: "controls",
     name: "x-runtime-lib.controls",
-    items: [_t, gt, yt]
+    items: [_t, gt, bt]
   }
 ], Qu = [
   {
@@ -7296,7 +7719,7 @@ const hu = [
   {
     key: "imagesAndIcons",
     name: "x-runtime-lib.imagesAndIcons",
-    items: [bt]
+    items: [ft]
   },
   {
     key: "pickers",
@@ -7312,7 +7735,7 @@ const hu = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
-    items: [ft, vt]
+    items: [yt, vt]
   },
   {
     key: "geometries",
@@ -7337,7 +7760,7 @@ const hu = [
   {
     key: "controls",
     name: "x-runtime-lib.controls",
-    items: [_t, gt, yt]
+    items: [_t, gt, bt]
   }
 ], tc = {
   version: "v1",
@@ -7367,12 +7790,12 @@ const hu = [
     ct,
     mt,
     pt,
-    yo,
+    bo,
     dt,
     tn,
+    yt,
     ft,
     bt,
-    yt,
     ht,
     gt,
     xt,
@@ -7422,12 +7845,12 @@ const hu = [
 };
 function A(t, e) {
   if (t === "page") {
-    if (!bs.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" && !ys.includes(e)) {
-    console.error(`get prop tag failed type=${t} subtype=${e}`);
+  } else if (t === "comp" && !bs.includes(e)) {
+    console.error(`get property tag failed type=${t} subtype=${e}`);
     return;
   }
   return `${t}${as(e)}`;
@@ -7456,7 +7879,7 @@ function P(t, e) {
 function Fc(t, e, i, o, l) {
   const s = `type=${t} subtype=${e} version=${i} ref=${o} keyOrRefid=${l}`, a = A(t, e);
   if (!a) {
-    console.error(`spawnNode prop tag not found, ${s}`);
+    console.error(`spawnNode property tag not found, ${s}`);
     return;
   }
   const p = $o[i];
@@ -7465,7 +7888,7 @@ function Fc(t, e, i, o, l) {
     return;
   }
   if (o) {
-    const d = p.refKey, b = l;
+    const d = p.refKey, f = l;
     if (!p.elements.has(d)) {
       console.error(`spawnNode [ref] element not found in pkg, ${s}`);
       return;
@@ -7475,9 +7898,9 @@ function Fc(t, e, i, o, l) {
       console.error(`spawnNode [ref] element not found in global, ${s}`);
       return;
     }
-    const u = m.props[a];
+    const u = m.properties[a];
     if (!u) {
-      console.error(`spawnNode [ref] props not found, ${s}`);
+      console.error(`spawnNode [ref] properties not found, ${s}`);
       return;
     }
     const c = {
@@ -7487,7 +7910,7 @@ function Fc(t, e, i, o, l) {
       }
     };
     return P(c, u), c.basic.id = T(16), c.basic.key = d, c.ref = {
-      comp: b
+      comp: f
     }, c;
   } else {
     const d = l;
@@ -7495,17 +7918,17 @@ function Fc(t, e, i, o, l) {
       console.error(`spawnNode [key] element not found in pkg, ${s}`);
       return;
     }
-    const b = Te[d];
-    if (!b) {
+    const f = Te[d];
+    if (!f) {
       console.error(`spawnNode [key] element not found in global, ${s}`);
       return;
     }
-    if (b.spawn)
-      return b.spawn(t, e);
+    if (f.spawn)
+      return f.spawn(t, e);
     {
-      const m = b.props[a];
+      const m = f.properties[a];
       if (!m) {
-        console.error(`spawnNode [key] props not found, ${s}`);
+        console.error(`spawnNode [key] properties not found, ${s}`);
         return;
       }
       const u = {
@@ -7514,7 +7937,7 @@ function Fc(t, e, i, o, l) {
           key: ""
         }
       };
-      return P(u, m), u.basic.id = T(16), u.basic.key = d, b.leaf || (u.children = []), u;
+      return P(u, m), u.basic.id = T(16), u.basic.key = d, f.leaf || (u.children = []), u;
     }
   }
 }
@@ -7605,7 +8028,7 @@ function Ee() {
 }
 function Se(t) {
   const e = [t.type];
-  return t.type === "elementProp" ? e.push(t.nodeId, t.propKeys) : t.type === "customProp" || t.type === "adaptSlotProp" ? e.push(t.propId) : t.type === "customState" ? e.push(t.stateId) : console.assert(!1), e.join("@");
+  return t.type === "elementProperty" ? e.push(t.nodeId, t.propertyKeys) : t.type === "customProperty" || t.type === "adaptSlotProperty" ? e.push(t.propertyId) : t.type === "customState" ? e.push(t.stateId) : console.assert(!1), e.join("@");
 }
 function Me(t, e, i, o, l) {
   const { watchEffect: s, bind: a } = e;
@@ -7621,7 +8044,7 @@ function Me(t, e, i, o, l) {
         console.assert(!1);
         continue;
       }
-      let b = null;
+      let f = null;
       for (const u of d)
         if (i === Se(u)) {
           if (u.subKeys) {
@@ -7629,73 +8052,83 @@ function Me(t, e, i, o, l) {
               ke(o, u.subKeys),
               ke(l, u.subKeys)
             )) {
-              b = u;
+              f = u;
               break;
             }
           } else if (!ne(o, l)) {
-            b = u;
+            f = u;
             break;
           }
         }
-      if (!b)
+      if (!f)
         continue;
       let m;
-      b.subKeys ? m = ke(o, b.subKeys) : m = o;
+      f.subKeys ? m = ke(o, f.subKeys) : m = o;
       for (const u of d)
         if (u.subKeys) {
           let c;
-          if (u.type === "elementProp")
-            c = t.getElementProp(u.nodeId, u.propKeys);
-          else if (u.type === "customProp")
-            c = t.getCustomProp(u.propId);
+          if (u.type === "elementProperty")
+            c = t.getElementProperty(
+              u.nodeId,
+              u.propertyKeys
+            );
+          else if (u.type === "customProperty")
+            c = t.getCustomProperty(u.propertyId);
           else if (u.type === "customState")
             c = t.getCustomState(u.stateId);
-          else if (u.type === "adaptSlotProp")
-            c = t.getAdaptSlotProp(u.propId);
+          else if (u.type === "adaptSlotProperty")
+            c = t.getAdaptSlotProperty(u.propertyId);
           else {
             console.assert(!1);
             continue;
           }
-          const f = ke(c, u.subKeys);
-          if (ne(m, f))
+          const y = ke(c, u.subKeys);
+          if (ne(m, y))
             continue;
           const h = B(c);
-          ao(h, u.subKeys, B(m)), u.type === "elementProp" ? t.setElementProp(u.nodeId, u.propKeys, h) : u.type === "customProp" ? t.setCustomProp(u.propId, h) : u.type === "customState" ? t.setCustomState(u.stateId, h) : u.type === "adaptSlotProp" ? t.setAdaptSlotProp(u.propId, h) : console.assert(!1);
+          ao(h, u.subKeys, B(m)), u.type === "elementProperty" ? t.setElementProperty(
+            u.nodeId,
+            u.propertyKeys,
+            h
+          ) : u.type === "customProperty" ? t.setCustomProperty(u.propertyId, h) : u.type === "customState" ? t.setCustomState(u.stateId, h) : u.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(u.propertyId, h) : console.assert(!1);
         } else {
           let c;
-          if (u.type === "elementProp")
-            c = t.getElementProp(u.nodeId, u.propKeys);
-          else if (u.type === "customProp")
-            c = t.getCustomProp(u.propId);
+          if (u.type === "elementProperty")
+            c = t.getElementProperty(
+              u.nodeId,
+              u.propertyKeys
+            );
+          else if (u.type === "customProperty")
+            c = t.getCustomProperty(u.propertyId);
           else if (u.type === "customState")
             c = t.getCustomState(u.stateId);
-          else if (u.type === "adaptSlotProp")
-            c = t.getAdaptSlotProp(u.propId);
+          else if (u.type === "adaptSlotProperty")
+            c = t.getAdaptSlotProperty(u.propertyId);
           else {
             console.assert(!1);
             continue;
           }
           if (ne(m, c))
             continue;
-          u.type === "elementProp" ? t.setElementProp(
+          u.type === "elementProperty" ? t.setElementProperty(
             u.nodeId,
-            u.propKeys,
+            u.propertyKeys,
             B(m)
-          ) : u.type === "customProp" ? t.setCustomProp(u.propId, B(m)) : u.type === "customState" ? t.setCustomState(u.stateId, B(m)) : u.type === "adaptSlotProp" ? t.setAdaptSlotProp(u.propId, B(m)) : console.assert(!1);
+          ) : u.type === "customProperty" ? t.setCustomProperty(u.propertyId, B(m)) : u.type === "customState" ? t.setCustomState(u.stateId, B(m)) : u.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(u.propertyId, B(m)) : console.assert(!1);
         }
     }
 }
 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 x = f[h].trim();
-      if (x !== "")
-        if (/^\[\d+\]$/.test(x)) {
-          let g = parseInt(x.slice(1, -1), 10);
-          g > 0 && g--, c.push(g);
+    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);
+          x > 0 && x--, c.push(x);
         } else
-          c.push(x);
+          c.push(g);
     }
     return t.nativeToPseudo(c);
   }
@@ -7722,16 +8155,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 b(m, u) {
+  function f(m, u) {
     const c = t.pseudoToNative(m);
     window.setTimeout(() => {
       u(), t.run();
@@ -7768,13 +8201,13 @@ function lc(t, e) {
   ), t.setProperty(
     e,
     "__delayV1__",
-    t.createAsyncFunction(b)
+    t.createAsyncFunction(f)
   );
 }
 const Wo = Ko({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
-    const { i18n: e } = be;
+    const { i18n: e } = fe;
     no(ps(e, t));
   }
 });
@@ -7784,17 +8217,17 @@ function ac(t) {
 }
 function uc(t, e) {
   async function i(o, l, s, a, p, d) {
-    const b = t.pseudoToNative(o), m = t.pseudoToNative(l), u = t.pseudoToNative(s), c = t.pseudoToNative(a), f = t.pseudoToNative(p);
+    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: x } = await ac({
-        spaceId: b,
+      const h = JSON.stringify(u), { strOutputs: g } = await ac({
+        spaceId: f,
         id: m,
         strInputs: h,
         env: c
-      }), g = JSON.parse(x);
-      d(t.nativeToPseudo(g)), t.run();
+      }), 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(
@@ -7804,82 +8237,61 @@ function uc(t, e) {
   );
 }
 function cc(t, e, i) {
-  function o(u, c, f) {
+  function o(u, c, y) {
     let h;
-    const x = e.pseudoToNative(u);
-    if (x === "elementProp") {
-      const g = e.pseudoToNative(c), w = e.pseudoToNative(f);
-      h = t.getElementProp(g, w);
-    } else if (x === "customProp") {
-      const g = e.pseudoToNative(c);
-      h = t.getCustomProp(g);
-    } else if (x === "adaptSlotProp") {
-      const g = e.pseudoToNative(c);
-      h = t.getAdaptSlotProp(g);
-    } else
-      console.assert(!1);
-    return e.nativeToPseudo(h);
-  }
-  function l(u, c, f, h) {
-    const x = e.pseudoToNative(u);
-    if (x === "elementProp") {
-      const g = e.pseudoToNative(c), w = e.pseudoToNative(f), C = e.pseudoToNative(h);
-      t.setElementProp(g, w, C);
-    } else if (x === "customProp") {
-      const g = e.pseudoToNative(c), w = e.pseudoToNative(f);
-      t.setCustomProp(g, w);
-    } else if (x === "adaptSlotProp") {
-      const g = e.pseudoToNative(c), w = e.pseudoToNative(f);
-      t.setAdaptSlotProp(g, w);
-    } else
-      console.assert(!1);
+    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, 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 x = e.pseudoToNative(u), g = e.pseudoToNative(c), w = e.pseudoToNative(f), C = { outputs: [] };
-    t.eventBus.emit(`callMethod@${x}`, { name: g, inputs: w, result: C }), h(e.nativeToPseudo(C.outputs)), e.run();
+  function 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 x = "/main/" + Date.now(), g = {
+      const g = "/main/" + Date.now(), x = {
         orgId: t.org,
-        appId: `${f}${t.env}`,
+        appId: `${y}${t.env}`,
         pageId: h
       };
-      be.router.replace({ path: x, query: g });
+      fe.router.replace({ path: g, query: x });
     } else t.mode === "preview" && to(
-      be.i18n.global.t(
+      fe.i18n.global.t(
         "x-runtime-lib.msg.takeEffectOnlyAfterReleased"
       )
     );
   }
-  function b(u, c, f) {
-    const h = e.pseudoToNative(u), x = e.pseudoToNative(c);
-    jo({ title: h, text: x }).then((g) => {
-      f(e.nativeToPseudo(g)), e.run();
+  function f(u, c, y) {
+    const h = e.pseudoToNative(u), g = e.pseudoToNative(c);
+    jo({ title: h, text: g }).then((x) => {
+      y(e.nativeToPseudo(x)), e.run();
     });
   }
-  function m(u, c, f, h) {
-    const x = e.pseudoToNative(u), g = e.pseudoToNative(c), w = e.pseudoToNative(f);
-    Oo({ title: x, label: g, value: w }).then((C) => {
+  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();
     });
   }
   e.setProperty(
     i,
-    "__getPropV1__",
+    "__getPropertyV1__",
     e.createNativeFunction(o)
   ), e.setProperty(
     i,
-    "__setPropV1__",
+    "__setPropertyV1__",
     e.createNativeFunction(l)
   ), e.setProperty(
     i,
@@ -7900,7 +8312,7 @@ function cc(t, e, i) {
   ), e.setProperty(
     i,
     "__openConfirmDlgV1__",
-    e.createAsyncFunction(b)
+    e.createAsyncFunction(f)
   ), e.setProperty(
     i,
     "__openPromptDlgV1__",
@@ -7957,7 +8369,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
 
@@ -7999,12 +8411,12 @@ function __timeoutCallbackV1__(timerId) {
     }
   }
 }
-`, bc = `
+`, fc = `
 function __destroy__() {
   __events__ = {}
   __timers__ = {}
 }
-`, yc = pc + dc + fc + bc;
+`, bc = pc + dc + yc + fc;
 class hc {
   org;
   env;
@@ -8029,47 +8441,56 @@ class hc {
     } else
       this.nodes = {};
   }
-  getElementPropInner(e, i) {
+  getElementPropertyInner(e, i) {
     return ke(e, i);
   }
-  getElementProp(e, i) {
+  getElementProperty(e, i) {
     const o = this.nodes[e];
     if (!o) {
-      console.warn("Sandbox/getElementProp node not found", e, i);
+      console.warn(
+        "Sandbox/getElementProperty node not found",
+        e,
+        i
+      );
       return;
     }
-    return this.getElementPropInner(o, i);
+    return this.getElementPropertyInner(o, i);
   }
-  setElementPropInner(e, i, o) {
+  setElementPropertyInner(e, i, o) {
     const l = ke(e, i);
-    ne(o, l) || (ao(e, i, o), this.hooks?.onElementPropChange(e.basic.id, i, o, l));
+    ne(o, l) || (ao(e, i, o), this.hooks?.onElementPropertyChange(
+      e.basic.id,
+      i,
+      o,
+      l
+    ));
   }
-  setElementProp(e, i, o) {
+  setElementProperty(e, i, o) {
     const l = this.nodes[e];
     if (!l) {
       console.warn(
-        "Sandbox/setElementProp node not found",
+        "Sandbox/setElementProperty node not found",
         e,
         i,
         o
       );
       return;
     }
-    this.setElementPropInner(l, i, o);
+    this.setElementPropertyInner(l, i, o);
   }
   //--------------------------
   // 自定义属性
   //--------------------------
-  customProps = {};
-  resetCustomProps() {
-    this.customProps = {};
+  customProperties = {};
+  resetCustomProperties() {
+    this.customProperties = {};
   }
-  getCustomProp(e) {
-    return this.customProps[e];
+  getCustomProperty(e) {
+    return this.customProperties[e];
   }
-  setCustomProp(e, i) {
-    const o = this.customProps[e];
-    ne(i, o) || (this.customProps[e] = i, this.hooks?.onCustomPropChange(e, i, o));
+  setCustomProperty(e, i) {
+    const o = this.customProperties[e];
+    ne(i, o) || (this.customProperties[e] = i, this.hooks?.onCustomPropertyChange(e, i, o));
   }
   //--------------------------
   // 自定义状态
@@ -8088,16 +8509,16 @@ class hc {
   //--------------------------
   // 适配的插槽属性
   //--------------------------
-  adaptSlotProps = {};
-  resetAdaptSlotProps() {
-    this.adaptSlotProps = {};
+  adaptSlotProperties = {};
+  resetAdaptSlotProperties() {
+    this.adaptSlotProperties = {};
   }
-  getAdaptSlotProp(e) {
-    return this.adaptSlotProps[e];
+  getAdaptSlotProperty(e) {
+    return this.adaptSlotProperties[e];
   }
-  setAdaptSlotProp(e, i) {
-    const o = this.adaptSlotProps[e];
-    ne(i, o) || (this.adaptSlotProps[e] = i, this.hooks?.onAdaptSlotPropChange(e, i, o));
+  setAdaptSlotProperty(e, i) {
+    const o = this.adaptSlotProperties[e];
+    ne(i, o) || (this.adaptSlotProperties[e] = i, this.hooks?.onAdaptSlotPropertyChange(e, i, o));
   }
   //--------------------------
   // 解释器
@@ -8105,7 +8526,7 @@ class hc {
   interpreter;
   createInterpreter(e) {
     this.interpreter = new ms(
-      yc,
+      bc,
       (i, o) => {
         mc(this, i, o);
       }
@@ -8144,66 +8565,66 @@ class hc {
   }
 }
 function gc(t) {
-  const e = ic(), i = oc(), o = G(), l = pe(), s = $e(), a = We(), p = (f, h, x, g) => {
+  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}`,
-      x,
-      g ?? x
+      `elementPropChange@${y}@${h}`,
+      g,
+      x ?? g
     ]), t.value?.code.reactivity)) {
       let w = "";
       h instanceof Array ? w = h.join(".") : w = h, Me(
         u,
         t.value.code.reactivity,
         Se({
-          type: "elementProp",
-          nodeId: f,
-          propKeys: w
+          type: "elementProperty",
+          nodeId: y,
+          propertyKeys: w
         }),
-        x,
-        g
+        g,
+        x
       );
     }
-  }, d = (f, h, x) => {
+  }, d = (y, h, g) => {
     o !== "runtime" && o !== "preview" || (u.callFunction("__triggerEventV1__", [
-      `customPropChange@${f}`,
+      `customPropChange@${y}`,
       h,
-      x ?? h
+      g ?? h
     ]), t.value?.code.reactivity && Me(
       u,
       t.value.code.reactivity,
-      Se({ type: "customProp", propId: f }),
+      Se({ type: "customProperty", propertyId: y }),
       h,
-      x
+      g
     ));
-  }, b = (f, h, x) => {
+  }, 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,
-      x
+      g
     );
-  }, m = (f, h, x) => {
+  }, m = (y, h, g) => {
     o !== "runtime" && o !== "preview" || (u.callFunction("__triggerEventV1__", [
-      `adaptSlotProp@${f}`,
+      `adaptSlotProp@${y}`,
       h,
-      x ?? h
+      g ?? h
     ]), t.value?.code.reactivity && Me(
       u,
       t.value.code.reactivity,
-      Se({ type: "adaptSlotProp", propId: f }),
+      Se({ type: "adaptSlotProperty", propertyId: y }),
       h,
-      x
+      g
     ));
   }, u = new hc(e, i, o, l, {
-    onElementPropChange: p,
-    onCustomPropChange: d,
-    onCustomStateChange: b,
-    onAdaptSlotPropChange: m
+    onElementPropertyChange: p,
+    onCustomPropertyChange: d,
+    onCustomStateChange: f,
+    onAdaptSlotPropertyChange: m
   });
   rc(u);
   const c = () => {
-    o !== "runtime" && o !== "preview" || (u.destroyInterpreter(), u.syncNodes(t.value), u.resetCustomProps(), u.resetCustomStates(), u.resetAdaptSlotProps(), !(!t.value || !t.value.code.script) && u.createInterpreter(t.value.code.script));
+    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();
@@ -8211,21 +8632,21 @@ function gc(t) {
     u.destroyInterpreter();
   }), (o === "runtime" || o === "preview") && q(
     s,
-    (f, h) => {
-      const x = Re(f.width), g = 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"),
-        x,
-        g
+        g,
+        x
       ]);
     },
     { immediate: !0 }
   ), (o === "runtime" || o === "preview") && q(
     a,
-    (f) => {
+    (y) => {
       u.callFunction("__triggerEventV1__", [
         Ce("elementEvent", "globality", "darkModeChange"),
-        f
+        y
       ]);
     },
     { immediate: !0 }
@@ -8258,7 +8679,7 @@ export {
   an as chipV1,
   Ea as colorPickerV1,
   Na as comboboxV1,
-  ys as compTypes,
+  bs as compTypes,
   cn as containerV1,
   Ma as dataTableV1,
   Ra as datePickerV1,
@@ -8271,19 +8692,19 @@ 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,
   Jn as getIndexOfBreakpoint,
   Gc as getNode,
-  Ui as getPropDefault,
-  A as getPropTag,
+  Ui as getPropertyDefault,
+  A as getPropertyTag,
   Cc as getTypeColor,
   Sa as globalityV1,
   Va as groupV1,
   Oa as iconV1,
-  P as initProps,
+  P as initProperties,
   We as injectDark,
   de as injectData,
   sc as injectDepends,
@@ -8309,10 +8730,10 @@ export {
   Ua as menuV1,
   Pe as meshBasicMaterialV1,
   ze as meshV1,
-  bn as numberInputV1,
+  fn as numberInputV1,
   da as orbitControlsV1,
   ra as orthographicCameraV1,
-  bs as pageTypes,
+  fs as pageTypes,
   Ya as paginationV1,
   Xt as parsePercentStr,
   Wc as parsePixelStr,
@@ -8329,11 +8750,11 @@ export {
   rc as provideSandbox,
   Yc as provideType,
   hn as radioGroupV1,
-  yn as radioV1,
+  bn as radioV1,
   qa as rangeSliderV1,
   Qa as ratingV1,
   vs as reverseBreakpoints,
-  yc as runtime,
+  bc as runtime,
   eu as selectV1,
   ao as setField,
   tu as sliderV1,
@@ -8349,7 +8770,7 @@ export {
   wn as tabV1,
   Vn as tabsV1,
   dn as textFieldV1,
-  ye as textV1,
+  be as textV1,
   $n as textareaV1,
   In as timelineItemV1,
   Sn as timelineV1,