x-runtime-lib 0.7.18 → 0.7.20

package/dist/index.js

@@ -1,4 +1,4 @@
-import { computed as n, inject as Q, provide as ee, readonly as Kt, onBeforeMount as Xi, onUnmounted as ge, defineComponent as T, useTemplateRef as ei, onMounted as ti, watch as le, nextTick as ni, createElementBlock as q, openBlock as V, normalizeStyle as ue, ref as ce, watchEffect as ii, createBlock as z, h as O, resolveComponent as A, withCtx as W, renderSlot as M, unref as D, createVNode as Z, createSlots as we, renderList as Yi, useId as oi, isRef as si, createCommentVNode as li, withModifiers as Ji, normalizeClass as Qi, toDisplayString as eo } from "vue";
+import { computed as n, inject as Q, provide as ee, readonly as Kt, onBeforeMount as Ji, onUnmounted as ge, defineComponent as T, useTemplateRef as ei, onMounted as ti, watch as le, nextTick as ni, createElementBlock as q, openBlock as V, normalizeStyle as ue, ref as ce, watchEffect as ii, createBlock as z, h as O, resolveComponent as A, withCtx as W, renderSlot as M, unref as D, createVNode as Z, createSlots as we, renderList as Xi, useId as oi, isRef as si, createCommentVNode as li, withModifiers as Yi, normalizeClass as Qi, toDisplayString as eo } from "vue";
 import { waitUtil as ri, eventBus as jt, messageInfo as to, messageSuccess as no, messageWarning as ai, messageError as ui, createAxios as io, globalObjects as Be, openConfirmDlg as oo, openPromptDlg as so, useViewStack as di, injectDark as lo } from "x-essential-lib";
 import { useTheme as ro } from "vuetify";
 import { c as R, u as ao, r as ci, e as mi, i as uo, a as co, b as mo, d as po, f as fo, g as bo, h as vo, j as yo, I as ho, m as go, k as pi } from "./vendor.kp4chziz.js";
@@ -77,9 +77,9 @@ function j(t, e) {
   return { color: n(() => s.value === "theme" ? l.value : s.value === "custom" ? o.value : "") };
 }
 function Ut(t, e) {
-  const i = n(() => e.node.border?.style), s = n(() => e.node.border?.width), l = n(() => e.node.border?.color), { color: o } = j(t, l), r = n(() => e.node.border?.roundRadius?.tl), u = n(() => e.node.border?.roundRadius?.tr), d = n(() => e.node.border?.roundRadius?.bl), p = n(() => e.node.border?.roundRadius?.br);
+  const i = n(() => e.node.border?.style), s = n(() => e.node.border?.width), l = n(() => e.node.border?.color), { color: o } = j(t, l), r = n(() => e.node.border?.roundRadius?.tl), u = n(() => e.node.border?.roundRadius?.tr), m = n(() => e.node.border?.roundRadius?.bl), f = n(() => e.node.border?.roundRadius?.br);
   function a(c) {
-    i.value && (c.borderStyle = i.value), s.value && (c.borderWidth = s.value), o.value && (c.borderColor = o.value), r.value && (c.borderTopLeftRadius = r.value), u.value && (c.borderTopRightRadius = u.value), d.value && (c.borderBottomLeftRadius = d.value), p.value && (c.borderBottomRightRadius = p.value);
+    i.value && (c.borderStyle = i.value), s.value && (c.borderWidth = s.value), o.value && (c.borderColor = o.value), r.value && (c.borderTopLeftRadius = r.value), u.value && (c.borderTopRightRadius = u.value), m.value && (c.borderBottomLeftRadius = m.value), f.value && (c.borderBottomRightRadius = f.value);
   }
   return { borderStyle: i, borderWidth: s, borderColor: o, applyBorder: a };
 }
@@ -112,7 +112,7 @@ function Se(t) {
   const e = t.substring(0, t.length - 2), i = parseFloat(e);
   return !(isNaN(i) || i % 1 !== 0);
 }
-function Xt(t) {
+function Jt(t) {
   if (typeof t != "string" || !t.endsWith("%"))
     return !1;
   const e = t.substring(0, t.length - 1), i = parseFloat(e);
@@ -193,12 +193,12 @@ function wo(t, e, i, s, l) {
     return;
   }
   if (s) {
-    const d = u.refKey, p = l;
-    if (!u.elements.has(d)) {
+    const m = u.refKey, f = l;
+    if (!u.elements.has(m)) {
       console.error(`spawnNode [ref] element not found in pkg, ${o}`);
       return;
     }
-    const a = re[d];
+    const a = re[m];
     if (!a) {
       console.error(`spawnNode [ref] element not found in global, ${o}`);
       return;
@@ -208,30 +208,30 @@ function wo(t, e, i, s, l) {
       console.error(`spawnNode [ref] props not found, ${o}`);
       return;
     }
-    const m = {
+    const d = {
       basic: {
         id: "",
         key: ""
       }
     };
-    return L(m, c), m.basic.id = N(16), m.basic.key = d, m.ref = {
-      id: p
-    }, m;
+    return L(d, c), d.basic.id = N(16), d.basic.key = m, d.ref = {
+      id: f
+    }, d;
   } else {
-    const d = l;
-    if (!u.elements.has(d)) {
+    const m = l;
+    if (!u.elements.has(m)) {
       console.error(`spawnNode [key] element not found in pkg, ${o}`);
       return;
     }
-    const p = re[d];
-    if (!p) {
+    const f = re[m];
+    if (!f) {
       console.error(`spawnNode [key] element not found in global, ${o}`);
       return;
     }
-    if (p.spawn)
-      return p.spawn(t, e);
+    if (f.spawn)
+      return f.spawn(t, e);
     {
-      const a = p.props[r];
+      const a = f.props[r];
       if (!a) {
         console.error(`spawnNode [key] props not found, ${o}`);
         return;
@@ -242,7 +242,7 @@ function wo(t, e, i, s, l) {
           key: ""
         }
       };
-      return L(c, a), c.basic.id = N(16), c.basic.key = d, p.slots.some((m) => m.key === "default") && (c.children = []), c;
+      return L(c, a), c.basic.id = N(16), c.basic.key = m, f.slots.some((d) => d.key === "default") && (c.children = []), c;
     }
   }
 }
@@ -346,7 +346,7 @@ function se(t, e, i) {
         return a / 100 * e.value.height + "px";
     }
     return i.node.size?.minHeight;
-  }), d = n(() => {
+  }), m = n(() => {
     if (i.outer && t === "editor") {
       const a = ze(i.node.size?.maxHeight);
       if (a)
@@ -354,20 +354,20 @@ function se(t, e, i) {
     }
     return i.node.size?.maxHeight;
   });
-  function p(a) {
-    s.value && (a.width = s.value), l.value && (a.minWidth = l.value), o.value && (a.maxWidth = o.value), r.value && (a.height = r.value), u.value && (a.minHeight = u.value), d.value && (a.maxHeight = d.value);
+  function f(a) {
+    s.value && (a.width = s.value), l.value && (a.minWidth = l.value), o.value && (a.maxWidth = o.value), r.value && (a.height = r.value), u.value && (a.minHeight = u.value), m.value && (a.maxHeight = m.value);
   }
-  return { width: s, minWidth: l, maxWidth: o, height: r, minHeight: u, maxHeight: d, applySize: p };
+  return { width: s, minWidth: l, maxWidth: o, height: r, minHeight: u, maxHeight: m, applySize: f };
 }
 function Ei(t, e, i) {
   const s = n(() => e.node.basic.id), l = n(() => `callMethod@${s.value}`);
-  Xi(() => {
+  Ji(() => {
     t.eventBus?.on(l.value, i);
   }), ge(() => {
     t.eventBus?.off(l.value, i);
   });
 }
-const $o = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Co = "#242424", Io = {}, So = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, To = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, zo = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ao = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, No = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Po = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Lo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Eo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Wo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Bo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Do = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ro = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, Mo = { 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" } }, Fo = { 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)" } } }, Ho = { 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)" } } }, Oo = { 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"] } } }, Go = { 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"] } } }, Ko = { 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"] } } }, jo = { 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"] } } }, Uo = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Zo = { textStyle: { color: "#eeeeee" } }, qo = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Xo = { 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" } } }, Yo = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Jo = { 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" } }, Qo = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, es = {
+const $o = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Co = "#242424", Io = {}, So = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, To = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, zo = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ao = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, No = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Po = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Lo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Eo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Wo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Bo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Do = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ro = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, Mo = { 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" } }, Fo = { 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)" } } }, Ho = { 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)" } } }, Oo = { 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"] } } }, Go = { 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"] } } }, Ko = { 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"] } } }, jo = { 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"] } } }, Uo = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Zo = { textStyle: { color: "#eeeeee" } }, qo = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Jo = { 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" } } }, Xo = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Yo = { 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" } }, Qo = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, es = {
   color: $o,
   backgroundColor: Co,
   textStyle: Io,
@@ -393,9 +393,9 @@ const $o = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#
   toolbox: Uo,
   legend: Zo,
   tooltip: qo,
-  timeline: Xo,
-  visualMap: Yo,
-  dataZoom: Jo,
+  timeline: Jo,
+  visualMap: Xo,
+  dataZoom: Yo,
   markPoint: Qo
 }, ts = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], ns = "#f5f5f5", is = {}, os = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, ss = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, ls = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, rs = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, as = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, us = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ds = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, cs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ms = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ps = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, fs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, bs = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, vs = { 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" } }, ys = { 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)" } } }, hs = { 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)" } } }, gs = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, xs = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, ks = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, _s = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, ws = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Vs = { textStyle: { color: "#333333" } }, $s = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, Cs = { lineStyle: { color: "#eeeeee", width: "2" }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, label: { color: "#eeeeee" } } }, Is = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Ss = { 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" } }, Ts = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, zs = {
   color: ts,
@@ -447,7 +447,7 @@ const As = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), { width: u, minWidth: d, maxWidth: p, height: a, minHeight: c, maxHeight: m, applySize: b } = se(i, s, e), { applyTitle: y } = yi(e), { applyXAxis: f } = hi(e), { applyYAxis: _ } = gi(e), { applyLegend: k } = bi(e), { applySeries: x } = vi(e), h = n(() => {
+    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), { width: u, minWidth: m, maxWidth: f, height: a, minHeight: c, maxHeight: d, applySize: b } = se(i, s, e), { applyTitle: y } = yi(e), { applyXAxis: p } = hi(e), { applyYAxis: k } = gi(e), { applyLegend: _ } = bi(e), { applySeries: x } = vi(e), h = n(() => {
       const C = {}, G = r.value.type;
       return o === "page" ? G === "common" ? b(C) : console.assert(!1) : o === "comp" && G === "common" ? b(C) : console.assert(!1), C;
     }), w = ei("chart");
@@ -460,7 +460,7 @@ const As = /* @__PURE__ */ T({
       g?.resize();
     }, P = () => {
       const C = {};
-      y(C), f(C), _(C), k(C), x(C), g?.setOption(C, !0);
+      y(C), p(C), k(C), _(C), x(C), g?.setOption(C, !0);
     };
     return ti(async () => {
       window.addEventListener("resize", S, !1), await ri(() => !!w.value), $(), P();
@@ -471,11 +471,11 @@ const As = /* @__PURE__ */ T({
         () => s.value.width,
         () => s.value.height,
         u,
-        d,
-        p,
+        m,
+        f,
         a,
         c,
-        m
+        d
       ],
       async () => {
         await ni(), S();
@@ -500,7 +500,7 @@ const As = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), { width: u, minWidth: d, maxWidth: p, height: a, minHeight: c, maxHeight: m, applySize: b } = se(i, s, e), { applyTitle: y } = yi(e), { applyXAxis: f } = hi(e), { applyYAxis: _ } = gi(e), { applyLegend: k } = bi(e), { applySeries: x } = vi(e), h = n(() => {
+    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), { width: u, minWidth: m, maxWidth: f, height: a, minHeight: c, maxHeight: d, applySize: b } = se(i, s, e), { applyTitle: y } = yi(e), { applyXAxis: p } = hi(e), { applyYAxis: k } = gi(e), { applyLegend: _ } = bi(e), { applySeries: x } = vi(e), h = n(() => {
       const C = {}, G = r.value.type;
       return o === "page" ? G === "common" ? b(C) : console.assert(!1) : o === "comp" && G === "common" ? b(C) : console.assert(!1), C;
     }), w = ei("chart");
@@ -513,7 +513,7 @@ const As = /* @__PURE__ */ T({
       g?.resize();
     }, P = () => {
       const C = {};
-      y(C), f(C), _(C), k(C), x(C), g?.setOption(C, !0);
+      y(C), p(C), k(C), _(C), x(C), g?.setOption(C, !0);
     };
     return ti(async () => {
       window.addEventListener("resize", S, !1), await ri(() => !!w.value), $(), P();
@@ -524,11 +524,11 @@ const As = /* @__PURE__ */ T({
         () => s.value.width,
         () => s.value.height,
         u,
-        d,
-        p,
+        m,
+        f,
         a,
         c,
-        m
+        d
       ],
       async () => {
         await ni(), S();
@@ -548,45 +548,56 @@ const As = /* @__PURE__ */ T({
   }
 });
 function Ps(t, e) {
-  function i(d) {
-    const p = t.pseudoToNative(d);
-    var a = [];
-    const c = p.split(".");
-    for (let m = 0; m < c.length; m++) {
-      const b = c[m].trim();
-      if (b !== "")
-        if (/^\[\d+\]$/.test(b)) {
-          let y = parseInt(b.slice(1, -1), 10);
-          y > 0 && y--, a.push(y);
+  function i(a) {
+    const c = t.pseudoToNative(a), d = [], b = c.split(".");
+    for (let y = 0; y < b.length; y++) {
+      const p = b[y].trim();
+      if (p !== "")
+        if (/^\[\d+\]$/.test(p)) {
+          let k = parseInt(p.slice(1, -1), 10);
+          k > 0 && k--, d.push(k);
         } else
-          a.push(b);
+          d.push(p);
     }
-    return t.nativeToPseudo(a);
+    return t.nativeToPseudo(d);
   }
-  function s(d) {
-    const p = t.pseudoToNative(d);
-    console.log(p);
+  function s(a) {
+    const c = t.pseudoToNative(a);
+    try {
+      const d = JSON.parse(c);
+      return t.nativeToPseudo(d);
+    } catch {
+      return t.nativeToPseudo({});
+    }
+  }
+  function l(a) {
+    const c = t.pseudoToNative(a), d = JSON.stringify(c);
+    return t.nativeToPseudo(d);
   }
-  function l(d) {
-    const p = t.pseudoToNative(d);
-    let a = "";
-    typeof p == "object" ? a = JSON.stringify(p) : a = String(p), jt.emit("consoleAppend", a);
+  function o(a) {
+    const c = t.pseudoToNative(a);
+    console.log(c);
   }
-  function o(d, p) {
-    const a = t.pseudoToNative(d), c = t.pseudoToNative(p);
-    a === "info" ? to(c) : a === "success" ? no(c) : a === "warning" ? ai(c) : a === "error" && ui(c);
+  function r(a) {
+    const c = t.pseudoToNative(a);
+    let d = "";
+    typeof c == "object" ? d = JSON.stringify(c) : d = String(c), jt.emit("consoleAppend", d);
   }
-  function r(d, p) {
-    const a = t.pseudoToNative(d), c = t.pseudoToNative(p);
+  function u(a, c) {
+    const d = t.pseudoToNative(a), b = t.pseudoToNative(c);
+    d === "info" ? to(b) : d === "success" ? no(b) : d === "warning" ? ai(b) : d === "error" && ui(b);
+  }
+  function m(a, c) {
+    const d = t.pseudoToNative(a), b = t.pseudoToNative(c);
     window.setTimeout(() => {
-      t.appendCode(`__timeoutCallbackV1__(${a})`), t.run();
-    }, c);
+      t.appendCode(`__timeoutCallbackV1__(${d})`), t.run();
+    }, b);
   }
-  function u(d, p) {
-    const a = t.pseudoToNative(d);
+  function f(a, c) {
+    const d = t.pseudoToNative(a);
     window.setTimeout(() => {
-      p(), t.run();
-    }, a);
+      c(), t.run();
+    }, d);
   }
   t.setProperty(
     e,
@@ -594,24 +605,32 @@ function Ps(t, e) {
     t.createNativeFunction(i)
   ), t.setProperty(
     e,
-    "__consoleLogV1__",
+    "__parseJsonV1__",
     t.createNativeFunction(s)
   ), t.setProperty(
     e,
-    "__debugTraceV1__",
+    "__jsonStringifyV1__",
     t.createNativeFunction(l)
   ), t.setProperty(
     e,
-    "__messageV1__",
+    "__consoleLogV1__",
     t.createNativeFunction(o)
   ), t.setProperty(
     e,
-    "__timeoutV1__",
+    "__debugTraceV1__",
     t.createNativeFunction(r)
+  ), t.setProperty(
+    e,
+    "__messageV1__",
+    t.createNativeFunction(u)
+  ), t.setProperty(
+    e,
+    "__timeoutV1__",
+    t.createNativeFunction(m)
   ), t.setProperty(
     e,
     "__delayV1__",
-    t.createAsyncFunction(u)
+    t.createAsyncFunction(f)
   );
 }
 const Wi = io({
@@ -626,16 +645,16 @@ function Ls(t) {
   return Wi.post("callFunc", t);
 }
 function Es(t, e) {
-  async function i(s, l, o, r, u, d) {
-    const p = t.pseudoToNative(s), a = t.pseudoToNative(l), c = t.pseudoToNative(o), m = t.pseudoToNative(r), b = t.pseudoToNative(u);
+  async function i(s, l, o, r, u, m) {
+    const f = t.pseudoToNative(s), a = t.pseudoToNative(l), c = t.pseudoToNative(o), d = t.pseudoToNative(r), b = t.pseudoToNative(u);
     try {
-      const y = JSON.stringify(c), { strOutputs: f } = await Ls({
-        spaceid: p,
+      const y = JSON.stringify(c), { strOutputs: p } = await Ls({
+        spaceid: f,
         id: a,
         strInputs: y,
-        env: m
-      }), _ = JSON.parse(f);
-      d(t.nativeToPseudo(_)), t.run();
+        env: d
+      }), k = JSON.parse(p);
+      m(t.nativeToPseudo(k)), t.run();
     } catch (y) {
       console.error("callFuncV1 failed", b, y);
     }
@@ -688,45 +707,45 @@ class Ws {
 }
 function Bs(t, e, i) {
   const s = new Ws(t);
-  function l(m, b, y) {
-    const f = e.pseudoToNative(m), _ = e.pseudoToNative(b), k = e.pseudoToNative(y), x = s.addNode(f, _, k);
+  function l(d, b, y) {
+    const p = e.pseudoToNative(d), k = e.pseudoToNative(b), _ = e.pseudoToNative(y), x = s.addNode(p, k, _);
     return e.nativeToPseudo(x);
   }
-  function o(m) {
-    const b = e.pseudoToNative(m);
+  function o(d) {
+    const b = e.pseudoToNative(d);
     s.deleteNode(b);
   }
-  function r(m, b) {
-    const y = e.pseudoToNative(m), f = e.pseudoToNative(b), _ = `id=${y} keys=${f}`;
-    let k;
-    if (y === "globality" ? k = t.data.view : k = s.getNode(y), !k) {
-      console.error(`getNodePropV1 node not found, ${_}`);
+  function r(d, b) {
+    const y = e.pseudoToNative(d), p = e.pseudoToNative(b), k = `id=${y} keys=${p}`;
+    let _;
+    if (y === "globality" ? _ = t.data.view : _ = s.getNode(y), !_) {
+      console.error(`getNodePropV1 node not found, ${k}`);
       return;
     }
-    const x = f.split("."), h = x.length;
+    const x = p.split("."), h = x.length;
     for (let w = 0; w < h; w++) {
       const g = x[w];
       if (w === h - 1)
-        return e.nativeToPseudo(k[g]);
-      if (!k) {
-        console.error(`getNodePropV1 unpkg failed, ${_}`);
+        return e.nativeToPseudo(_[g]);
+      if (!_) {
+        console.error(`getNodePropV1 unpkg failed, ${k}`);
         return;
       }
-      k = k[g];
+      _ = _[g];
     }
   }
-  function u(m, b, y) {
-    const f = e.pseudoToNative(m), _ = e.pseudoToNative(b), k = e.pseudoToNative(y), x = `id=${f} keys=${_} value=${k}`;
+  function u(d, b, y) {
+    const p = e.pseudoToNative(d), k = e.pseudoToNative(b), _ = e.pseudoToNative(y), x = `id=${p} keys=${k} value=${_}`;
     let h;
-    if (f === "globality" ? h = t.data.view : h = s.getNode(f), !h) {
+    if (p === "globality" ? h = t.data.view : h = s.getNode(p), !h) {
       console.error(`setNodePropV1 node not found, ${x}`);
       return;
     }
-    const w = _.split("."), g = w.length;
+    const w = k.split("."), g = w.length;
     for (let $ = 0; $ < g; $++) {
       const S = w[$];
       if ($ === g - 1)
-        h[S] = k;
+        h[S] = _;
       else {
         if (!h) {
           console.error(`setNodePropV1 unpkg failed, ${x}`);
@@ -736,35 +755,35 @@ function Bs(t, e, i) {
       }
     }
   }
-  function d(m, b, y, f) {
-    const _ = e.pseudoToNative(m), k = e.pseudoToNative(b), x = e.pseudoToNative(y), h = { outputs: [] };
-    t.eventBus?.emit(`callMethod@${_}`, { name: k, inputs: x, result: h }), f(e.nativeToPseudo(h.outputs)), e.run();
+  function m(d, b, y, p) {
+    const k = e.pseudoToNative(d), _ = e.pseudoToNative(b), x = e.pseudoToNative(y), h = { outputs: [] };
+    t.eventBus?.emit(`callMethod@${k}`, { name: _, inputs: x, result: h }), p(e.nativeToPseudo(h.outputs)), e.run();
   }
-  function p(m, b) {
-    const y = e.pseudoToNative(m), f = e.pseudoToNative(b);
+  function f(d, b) {
+    const y = e.pseudoToNative(d), p = e.pseudoToNative(b);
     if (t.mode === "runtime") {
-      const _ = "/main/" + Date.now(), k = {
+      const k = "/main/" + Date.now(), _ = {
         orgid: t.org,
         appid: `${y}${t.env}`,
-        pageid: f
+        pageid: p
       };
-      Be.router.replace({ path: _, query: k });
+      Be.router.replace({ path: k, query: _ });
     } else t.mode === "preview" && ai(
       Be.i18n.global.t(
         "x-runtime-lib.msg.takeEffectOnlyAfterReleased"
       )
     );
   }
-  function a(m, b, y) {
-    const f = e.pseudoToNative(m), _ = e.pseudoToNative(b);
-    oo({ title: f, text: _ }).then((k) => {
-      y(e.nativeToPseudo(k)), e.run();
+  function a(d, b, y) {
+    const p = e.pseudoToNative(d), k = e.pseudoToNative(b);
+    oo({ title: p, text: k }).then((_) => {
+      y(e.nativeToPseudo(_)), e.run();
     });
   }
-  function c(m, b, y, f) {
-    const _ = e.pseudoToNative(m), k = e.pseudoToNative(b), x = e.pseudoToNative(y);
-    so({ title: _, label: k, value: x }).then((h) => {
-      f(e.nativeToPseudo(h)), e.run();
+  function c(d, b, y, p) {
+    const k = e.pseudoToNative(d), _ = e.pseudoToNative(b), x = e.pseudoToNative(y);
+    so({ title: k, label: _, value: x }).then((h) => {
+      p(e.nativeToPseudo(h)), e.run();
     });
   }
   e.setProperty(
@@ -786,11 +805,11 @@ function Bs(t, e, i) {
   ), e.setProperty(
     i,
     "__callNodeMethodV1__",
-    e.createAsyncFunction(d)
+    e.createAsyncFunction(m)
   ), e.setProperty(
     i,
     "__navigateToV1__",
-    e.createNativeFunction(p)
+    e.createNativeFunction(f)
   ), e.setProperty(
     i,
     "__openConfirmDlgV1__",
@@ -984,17 +1003,17 @@ const Gs = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const { t: e } = fi(), i = t, s = Ai(), l = Ni(), o = F(), r = te(), u = ne(), d = ie(), p = Pi(), a = ce(-1), c = ce(), m = {};
-    Li(m);
+    const { t: e } = fi(), i = t, s = Ai(), l = Ni(), o = F(), r = te(), u = ne(), m = ie(), f = Pi(), a = ce(-1), c = ce(), d = {};
+    Li(d);
     const b = () => {
-      m.eventBus && (m.eventBus = void 0), m.interpreter && (Di(m.interpreter), m.interpreter = void 0);
+      d.eventBus && (d.eventBus = void 0), d.interpreter && (Di(d.interpreter), d.interpreter = void 0);
     };
     ii(() => {
       if (!i.refContext.refid) {
         a.value = -1, c.value = void 0, b();
         return;
       }
-      const g = p.value[i.refContext.refid];
+      const g = f.value[i.refContext.refid];
       if (!g) {
         a.value = -1, c.value = null, b(), jt.emit("compNotAvail", i.refContext.refid);
         return;
@@ -1005,7 +1024,7 @@ const Gs = /* @__PURE__ */ T({
       const $ = c.value, S = $.code.script;
       if (S) {
         const P = Ri();
-        m.eventBus = P, m.interpreter = Bi(
+        d.eventBus = P, d.interpreter = Bi(
           { org: s, env: l, mode: o, type: u, data: $, eventBus: P },
           S
         );
@@ -1013,12 +1032,12 @@ const Gs = /* @__PURE__ */ T({
     }), ge(() => {
       b();
     });
-    const { applySize: y } = se(o, r, i), f = n(() => {
-      const g = {}, $ = d.value.type;
+    const { applySize: y } = se(o, r, i), p = n(() => {
+      const g = {}, $ = m.value.type;
       return u === "page" ? $ === "common" ? y(g) : console.assert(!1) : u === "comp" && $ === "common" ? y(g) : console.assert(!1), g;
     });
-    function _(g) {
-      const $ = rn[d.value.version].refKey, S = re[$];
+    function k(g) {
+      const $ = rn[m.value.version].refKey, S = re[$];
       return S ? O(S.comp, {
         refContext: {
           parent: i.refContext,
@@ -1027,7 +1046,7 @@ const Gs = /* @__PURE__ */ T({
         node: g
       }) : (console.assert(!1, `ref element not found key=${$}`), O("div", `ref element not found key=${$}`));
     }
-    function k(g) {
+    function _(g) {
       const $ = re[g.basic.key];
       if (!$)
         return console.assert(!1, `element not found key=${g.basic.key}`), O("div", `element not found key=${g.basic.key}`);
@@ -1038,7 +1057,7 @@ const Gs = /* @__PURE__ */ T({
       }), O($.comp, { node: g }, { default: () => S });
     }
     function x(g) {
-      return g.ref ? _(g) : k(g);
+      return g.ref ? k(g) : _(g);
     }
     function h() {
       let g = i.refContext.parent;
@@ -1059,37 +1078,37 @@ const Gs = /* @__PURE__ */ T({
         const $ = [];
         return c.value.view.nodes.forEach((S) => {
           $.push(x(S));
-        }), O("div", { id: i.id, style: f.value }, $);
+        }), O("div", { id: i.id, style: p.value }, $);
       } else
         return console.assert(!1, `invalid subtype=${g}`), O("div", { id: i.id }, `invalid subtype=${g}`);
     };
     return (g, $) => (V(), z(w));
   }
-}), J = /* @__PURE__ */ T({
+}), Y = /* @__PURE__ */ T({
   __name: "index",
   props: {
     refContext: {},
     state: {}
   },
   setup(t) {
-    const { t: e } = fi(), i = t, s = Ai(), l = Ni(), o = F(), r = ne(), u = ie(), d = Pi(), p = ce(-1), a = ce(), c = {};
+    const { t: e } = fi(), i = t, s = Ai(), l = Ni(), o = F(), r = ne(), u = ie(), m = Pi(), f = ce(-1), a = ce(), c = {};
     Li(c);
-    const m = () => {
+    const d = () => {
       c.eventBus && (c.eventBus = void 0), c.interpreter && (Di(c.interpreter), c.interpreter = void 0);
     };
     ii(() => {
       if (!i.refContext.refid) {
-        p.value = -1, a.value = void 0, m();
+        f.value = -1, a.value = void 0, d();
         return;
       }
-      const h = d.value[i.refContext.refid];
+      const h = m.value[i.refContext.refid];
       if (!h) {
-        p.value = -1, a.value = null, m(), jt.emit("compNotAvail", i.refContext.refid);
+        f.value = -1, a.value = null, d(), jt.emit("compNotAvail", i.refContext.refid);
         return;
       }
-      if (p.value === h.dataSeq || (p.value = h.dataSeq, a.value = R(h.data), o !== "runtime" && o !== "preview"))
+      if (f.value === h.dataSeq || (f.value = h.dataSeq, a.value = R(h.data), o !== "runtime" && o !== "preview"))
         return;
-      m();
+      d();
       const w = a.value, g = w.code.script;
       if (g) {
         const $ = Ri();
@@ -1099,7 +1118,7 @@ const Gs = /* @__PURE__ */ T({
         );
       }
     }), ge(() => {
-      m();
+      d();
     });
     const b = () => {
       console.log("triggerUpdate");
@@ -1121,19 +1140,19 @@ const Gs = /* @__PURE__ */ T({
         node: h
       }) : (console.assert(!1, `ref element not found key=${w}`), O("div", `ref element not found key=${w}`));
     }
-    function f(h) {
+    function p(h) {
       const w = re[h.basic.key];
       if (!w)
         return console.assert(!1, `element not found key=${h.basic.key}`), O("div", `element not found key=${h.basic.key}`);
       const g = [];
       return w.slots.some(($) => $.key === "default") && h.children?.forEach(($) => {
-        g.push(_($));
+        g.push(k($));
       }), O(w.comp, { node: h }, { default: () => g });
     }
-    function _(h) {
-      return h.ref ? y(h) : f(h);
+    function k(h) {
+      return h.ref ? y(h) : p(h);
     }
-    function k() {
+    function _() {
       let h = i.refContext.parent;
       for (; h; ) {
         if (h.refid === i.refContext.refid)
@@ -1143,7 +1162,7 @@ const Gs = /* @__PURE__ */ T({
       return !1;
     }
     const x = () => {
-      if (k())
+      if (_())
         return O("div", e("x-runtime-lib.circularRef"));
       if (!a.value)
         return a.value === void 0 ? O("div") : O("div", e("x-runtime-lib.compNotAvail"));
@@ -1151,7 +1170,7 @@ const Gs = /* @__PURE__ */ T({
       if (h === "common") {
         const w = [];
         return a.value.view.nodes.forEach((g) => {
-          w.push(_(g));
+          w.push(k(g));
         }), w;
       } else
         return console.assert(!1, `invalid subtype=${h}`), O("div", `invalid subtype=${h}`);
@@ -1166,7 +1185,7 @@ const Gs = /* @__PURE__ */ T({
   },
   setup(t) {
     const e = t, i = B(), s = n(() => e.node.settings?.content), l = n(() => e.node.settings?.dot), o = n(() => i.value ? "dark" : "light"), r = n(() => e.node.settings?.offset?.x), u = n(() => e.node.settings?.offset?.y);
-    return (d, p) => {
+    return (m, f) => {
       const a = A("v-badge");
       return V(), z(a, {
         content: s.value,
@@ -1176,7 +1195,7 @@ const Gs = /* @__PURE__ */ T({
         theme: o.value
       }, {
         default: W(() => [
-          M(d.$slots, "default")
+          M(m.$slots, "default")
         ]),
         _: 3
       }, 8, ["content", "dot", "offset-x", "offset-y", "theme"]);
@@ -1189,30 +1208,30 @@ const Gs = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = B(), l = Te(), o = n(() => e.node.settings?.addIcon?.append), r = n(() => e.node.settings?.block), u = n(() => e.node.settings?.color), { color: d } = j(s, u), p = n(() => e.node.settings?.density), a = n(() => e.node.settings?.disabled), c = n(() => e.node.size?.height), m = n(() => e.node.settings?.loading), b = n(() => e.node.size?.maxHeight), y = n(() => e.node.size?.maxWidth), f = n(() => e.node.size?.minHeight), _ = n(() => e.node.size?.minWidth), k = n(() => e.node.settings?.addIcon?.prepend), x = n(() => e.node.settings?.readonly), h = n(() => e.node.settings?.ripple), w = n(() => e.node.settings?.size), g = n(() => e.node.settings?.stacked), $ = n(() => e.node.settings?.text), S = n(() => s.value ? "dark" : "light"), P = n(() => e.node.settings?.variant), C = n(() => e.node.size?.width), G = (Y) => {
+    const e = t, i = F(), s = B(), l = Te(), o = n(() => e.node.settings?.addIcon?.append), r = n(() => e.node.settings?.block), u = n(() => e.node.settings?.color), { color: m } = j(s, u), f = n(() => e.node.settings?.density), a = n(() => e.node.settings?.disabled), c = n(() => e.node.size?.height), d = n(() => e.node.settings?.loading), b = n(() => e.node.size?.maxHeight), y = n(() => e.node.size?.maxWidth), p = n(() => e.node.size?.minHeight), k = n(() => e.node.size?.minWidth), _ = n(() => e.node.settings?.addIcon?.prepend), x = n(() => e.node.settings?.readonly), h = n(() => e.node.settings?.ripple), w = n(() => e.node.settings?.size), g = n(() => e.node.settings?.stacked), $ = n(() => e.node.settings?.text), S = n(() => s.value ? "dark" : "light"), P = n(() => e.node.settings?.variant), C = n(() => e.node.size?.width), G = (X) => {
       if (i !== "runtime" && i !== "preview")
         return;
       const K = l.interpreter;
       if (!K)
         return;
-      const X = K.nativeToPseudo(Y.clientX), oe = K.nativeToPseudo(Y.clientY), xe = K.nativeToPseudo(e.node.basic.id);
-      K.appendCode(`__pointerPosX__ = ${X};`), K.appendCode(`__pointerPosY__ = ${oe};`), K.appendCode(`__triggerEvent__('${xe}', 'click');`), K.run();
+      const J = K.nativeToPseudo(X.clientX), oe = K.nativeToPseudo(X.clientY), xe = K.nativeToPseudo(e.node.basic.id);
+      K.appendCode(`__pointerPosX__ = ${J};`), K.appendCode(`__pointerPosY__ = ${oe};`), K.appendCode(`__triggerEvent__('${xe}', 'click');`), K.run();
     };
-    return (Y, K) => {
-      const X = A("v-btn");
-      return V(), z(X, {
+    return (X, K) => {
+      const J = A("v-btn");
+      return V(), z(J, {
         "append-icon": o.value,
         block: r.value,
-        color: D(d),
-        density: p.value,
+        color: D(m),
+        density: f.value,
         disabled: a.value,
         height: c.value,
-        loading: m.value,
+        loading: d.value,
         "max-height": b.value,
         "max-width": y.value,
-        "min-height": f.value,
-        "min-width": _.value,
-        "prepend-icon": k.value,
+        "min-height": p.value,
+        "min-width": k.value,
+        "prepend-icon": _.value,
         readonly: x.value,
         ripple: h.value,
         size: w.value,
@@ -1240,27 +1259,27 @@ function Zs(t, e) {
     _: 3
   });
 }
-const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
+const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Js = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = B(), s = n(() => e.node.settings?.block), l = n(() => e.node.settings?.disabled), o = n(() => e.node.settings?.divided), r = n(() => e.node.settings?.mandatory), u = n(() => e.node.settings?.multiple), d = n(() => e.node.settings?.readonly), p = n(() => e.node.settings?.size), a = n(() => e.node.settings?.stacked), c = n(() => i.value ? "dark" : "light"), m = n(() => e.node.settings?.tile), b = n(() => e.node.settings?.variant);
-    return (y, f) => {
-      const _ = A("v-btn-toggle");
-      return V(), z(_, {
+    const e = t, i = B(), s = n(() => e.node.settings?.block), l = n(() => e.node.settings?.disabled), o = n(() => e.node.settings?.divided), r = n(() => e.node.settings?.mandatory), u = n(() => e.node.settings?.multiple), m = n(() => e.node.settings?.readonly), f = n(() => e.node.settings?.size), a = n(() => e.node.settings?.stacked), c = n(() => i.value ? "dark" : "light"), d = n(() => e.node.settings?.tile), b = n(() => e.node.settings?.variant);
+    return (y, p) => {
+      const k = A("v-btn-toggle");
+      return V(), z(k, {
         block: s.value,
         disabled: l.value,
         divided: o.value,
         mandatory: r.value,
         multiple: u.value,
-        readonly: d.value,
-        size: p.value,
+        readonly: m.value,
+        size: f.value,
         stacked: a.value,
         theme: c.value,
-        tile: m.value,
+        tile: d.value,
         variant: b.value
       }, {
         default: W(() => [
@@ -1270,14 +1289,14 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
       }, 8, ["block", "disabled", "divided", "mandatory", "multiple", "readonly", "size", "stacked", "theme", "tile", "variant"]);
     };
   }
-}), Ys = /* @__PURE__ */ T({
+}), Xs = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = B(), s = n(() => e.node.settings?.density), l = n(() => e.node.settings?.disabled), o = n(() => e.node.size?.height), r = n(() => e.node.settings?.hover), u = n(() => e.node.settings?.loading), d = n(() => e.node.size?.maxHeight), p = n(() => e.node.size?.maxWidth), a = n(() => e.node.size?.minHeight), c = n(() => e.node.size?.minWidth), m = n(() => e.node.settings?.subtitle), b = n(() => e.node.settings?.text), y = n(() => i.value ? "dark" : "light"), f = n(() => e.node.settings?.title), _ = n(() => e.node.settings?.variant), k = n(() => e.node.size?.width);
+    const e = t, i = B(), s = n(() => e.node.settings?.density), l = n(() => e.node.settings?.disabled), o = n(() => e.node.size?.height), r = n(() => e.node.settings?.hover), u = n(() => e.node.settings?.loading), m = n(() => e.node.size?.maxHeight), f = n(() => e.node.size?.maxWidth), a = n(() => e.node.size?.minHeight), c = n(() => e.node.size?.minWidth), d = n(() => e.node.settings?.subtitle), b = n(() => e.node.settings?.text), y = n(() => i.value ? "dark" : "light"), p = n(() => e.node.settings?.title), k = n(() => e.node.settings?.variant), _ = n(() => e.node.size?.width);
     return (x, h) => {
       const w = A("v-card");
       return V(), z(w, {
@@ -1286,16 +1305,16 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
         height: o.value,
         hover: r.value,
         loading: u.value,
-        "max-height": d.value,
-        "max-width": p.value,
+        "max-height": m.value,
+        "max-width": f.value,
         "min-height": a.value,
         "min-width": c.value,
-        subtitle: m.value,
+        subtitle: d.value,
         text: b.value,
         theme: y.value,
-        title: f.value,
-        variant: _.value,
-        width: k.value
+        title: p.value,
+        variant: k.value,
+        width: _.value
       }, {
         default: W(() => [
           M(x.$slots, "default")
@@ -1304,7 +1323,7 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
       }, 8, ["density", "disabled", "height", "hover", "loading", "max-height", "max-width", "min-height", "min-width", "subtitle", "text", "theme", "title", "variant", "width"]);
     };
   }
-}), Js = /* @__PURE__ */ T({
+}), Ys = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
@@ -1327,23 +1346,23 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = B(), s = n(() => e.node.settings?.closable), l = n(() => e.node.settings?.color), { color: o } = j(i, l), r = n(() => e.node.settings?.density), u = n(() => e.node.settings?.disabled), d = n(() => e.node.settings?.draggable), p = n(() => e.node.settings?.filter), a = n(() => e.node.settings?.label), c = n(() => e.node.settings?.size), m = n(() => e.node.settings?.text), b = n(() => i.value ? "dark" : "light"), y = n(() => e.node.settings?.tile), f = n(() => e.node.settings?.value), _ = n(() => e.node.settings?.variant);
-    return (k, x) => {
+    const e = t, i = B(), s = n(() => e.node.settings?.closable), l = n(() => e.node.settings?.color), { color: o } = j(i, l), r = n(() => e.node.settings?.density), u = n(() => e.node.settings?.disabled), m = n(() => e.node.settings?.draggable), f = n(() => e.node.settings?.filter), a = n(() => e.node.settings?.label), c = n(() => e.node.settings?.size), d = n(() => e.node.settings?.text), b = n(() => i.value ? "dark" : "light"), y = n(() => e.node.settings?.tile), p = n(() => e.node.settings?.value), k = n(() => e.node.settings?.variant);
+    return (_, x) => {
       const h = A("v-chip");
       return V(), z(h, {
         closable: s.value,
         color: D(o),
         density: r.value,
         disabled: u.value,
-        draggable: d.value,
-        filter: p.value,
+        draggable: m.value,
+        filter: f.value,
         label: a.value,
         size: c.value,
-        text: m.value,
+        text: d.value,
         theme: b.value,
         tile: y.value,
-        value: f.value,
-        variant: _.value
+        value: p.value,
+        variant: k.value
       }, null, 8, ["closable", "color", "density", "disabled", "draggable", "filter", "label", "size", "text", "theme", "tile", "value", "variant"]);
     };
   }
@@ -1354,25 +1373,25 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = B(), s = n(() => e.node.settings?.column), l = n(() => e.node.settings?.direction), o = n(() => e.node.settings?.disabled), r = n(() => e.node.settings?.filter), u = n(() => e.node.settings?.mandatory), d = n(() => e.node.settings?.value), p = (b) => {
+    const e = t, i = B(), s = n(() => e.node.settings?.column), l = n(() => e.node.settings?.direction), o = n(() => e.node.settings?.disabled), r = n(() => e.node.settings?.filter), u = n(() => e.node.settings?.mandatory), m = n(() => e.node.settings?.value), f = (b) => {
       if (!e.node.settings)
         return;
       const { settings: y } = e.node;
       y.value = b;
-    }, a = n(() => e.node.settings?.multiple), c = n(() => e.node.settings?.showArrows), m = n(() => i.value ? "dark" : "light");
+    }, a = n(() => e.node.settings?.multiple), c = n(() => e.node.settings?.showArrows), d = n(() => i.value ? "dark" : "light");
     return (b, y) => {
-      const f = A("v-chip-group");
-      return V(), z(f, {
+      const p = A("v-chip-group");
+      return V(), z(p, {
         column: s.value,
         direction: l.value,
         disabled: o.value,
         filter: r.value,
         mandatory: u.value,
-        "model-value": d.value,
+        "model-value": m.value,
         multiple: a.value,
         "show-arrows": c.value,
-        theme: m.value,
-        "onUpdate:modelValue": p
+        theme: d.value,
+        "onUpdate:modelValue": f
       }, {
         default: W(() => [
           M(b.$slots, "default")
@@ -1388,22 +1407,22 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), { applySize: u } = se(i, s, e), d = n(() => {
-      const k = {}, x = r.value.type;
-      return o === "page" ? x === "common" ? u(k) : console.assert(!1) : o === "comp" && x === "common" ? u(k) : console.assert(!1), k;
-    }), p = n(() => e.node.settings?.disabled), a = n(() => e.node.settings?.hideCanvas), c = n(() => e.node.settings?.hideHeader), m = n(() => e.node.settings?.hideInputs), b = n(() => e.node.settings?.hideSliders), y = n(() => e.node.settings?.landscape), f = n(() => e.node.settings?.showSwatches), _ = n(() => l.value ? "dark" : "light");
-    return (k, x) => {
+    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), { applySize: u } = se(i, s, e), m = n(() => {
+      const _ = {}, x = r.value.type;
+      return o === "page" ? x === "common" ? u(_) : console.assert(!1) : o === "comp" && x === "common" ? u(_) : console.assert(!1), _;
+    }), f = n(() => e.node.settings?.disabled), a = n(() => e.node.settings?.hideCanvas), c = n(() => e.node.settings?.hideHeader), d = n(() => e.node.settings?.hideInputs), b = n(() => e.node.settings?.hideSliders), y = n(() => e.node.settings?.landscape), p = n(() => e.node.settings?.showSwatches), k = n(() => l.value ? "dark" : "light");
+    return (_, x) => {
       const h = A("v-color-picker");
       return V(), z(h, {
-        disabled: p.value,
+        disabled: f.value,
         "hide-canvas": a.value,
         "hide-header": c.value,
-        "hide-inputs": m.value,
+        "hide-inputs": d.value,
         "hide-sliders": b.value,
         landscape: y.value,
-        "show-swatches": f.value,
-        style: ue(d.value),
-        theme: _.value
+        "show-swatches": p.value,
+        style: ue(m.value),
+        theme: k.value
       }, null, 8, ["disabled", "hide-canvas", "hide-header", "hide-inputs", "hide-sliders", "landscape", "show-swatches", "style", "theme"]);
     };
   }
@@ -1414,8 +1433,8 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = B(), l = n(() => e.node.settings?.hideDetails), o = n(() => e.node.settings?.label), r = n(() => e.node.settings?.value), u = n(() => e.node.settings?.placeholder), d = n(() => i !== "runtime" && i !== "preview" ? !0 : e.node.settings?.readonly), p = n(() => e.node.settings?.singleLine), a = n(() => s.value ? "dark" : "light");
-    return (c, m) => {
+    const e = t, i = F(), s = B(), l = n(() => e.node.settings?.hideDetails), o = n(() => e.node.settings?.label), r = n(() => e.node.settings?.value), u = n(() => e.node.settings?.placeholder), m = n(() => i !== "runtime" && i !== "preview" ? !0 : e.node.settings?.readonly), f = n(() => e.node.settings?.singleLine), a = n(() => s.value ? "dark" : "light");
+    return (c, d) => {
       const b = A("v-combobox");
       return D(i) === "editor" ? (V(), q("div", nl, [
         Z(b, {
@@ -1423,8 +1442,8 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
           label: o.value,
           "model-value": r.value,
           placeholder: u.value,
-          readonly: d.value,
-          "single-line": p.value,
+          readonly: m.value,
+          "single-line": f.value,
           theme: a.value
         }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"])
       ])) : (V(), z(b, {
@@ -1433,8 +1452,8 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
         label: o.value,
         "model-value": r.value,
         placeholder: u.value,
-        readonly: d.value,
-        "single-line": p.value,
+        readonly: m.value,
+        "single-line": f.value,
         theme: a.value
       }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"]));
     };
@@ -1446,11 +1465,11 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), u = n(() => e.node.settings?.backgroundColor), { color: d } = j(l, u), { applySize: p } = se(i, s, e), { applyMargin: a } = Zt(e), { applyPadding: c } = qt(e), { applyBorder: m } = Ut(l, e), b = n(() => {
-      const y = {}, f = r.value.type;
-      return o === "page" ? f === "common" ? (p(y), a(y), c(y), m(y), d.value && (y.backgroundColor = d.value)) : console.assert(!1) : o === "comp" && f === "common" ? (p(y), a(y), c(y), m(y), d.value && (y.backgroundColor = d.value)) : console.assert(!1), y;
+    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), u = n(() => e.node.settings?.backgroundColor), { color: m } = j(l, u), { applySize: f } = se(i, s, e), { applyMargin: a } = Zt(e), { applyPadding: c } = qt(e), { applyBorder: d } = Ut(l, e), b = n(() => {
+      const y = {}, p = r.value.type;
+      return o === "page" ? p === "common" ? (f(y), a(y), c(y), d(y), m.value && (y.backgroundColor = m.value)) : console.assert(!1) : o === "comp" && p === "common" ? (f(y), a(y), c(y), d(y), m.value && (y.backgroundColor = m.value)) : console.assert(!1), y;
     });
-    return (y, f) => (V(), q("div", {
+    return (y, p) => (V(), q("div", {
       style: ue(b.value)
     }, [
       M(y.$slots, "default")
@@ -1463,34 +1482,34 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = B(), s = n(() => e.node.settings?.density), l = n(() => e.node.settings?.fixedFooter), o = n(() => e.node.settings?.fixedHeader), r = n(() => e.node.settings?.headers), u = n(() => e.node.size?.height), d = n(() => e.node.settings?.hover), p = n(() => {
-      const f = e.node.settings?.data;
-      return typeof f == "string" ? JSON.parse(f) : f;
-    }), a = n(() => e.node.settings?.loading), c = n(() => e.node.settings?.multiSort), m = n(() => i.value ? "dark" : "light"), b = n(() => e.node.size?.width), y = n(() => {
-      const f = [];
-      return (e.node.slots?.items ?? []).forEach((k) => {
-        k.column && k.comp && f.push(k);
-      }), f;
+    const e = t, i = B(), s = n(() => e.node.settings?.density), l = n(() => e.node.settings?.fixedFooter), o = n(() => e.node.settings?.fixedHeader), r = n(() => e.node.settings?.headers), u = n(() => e.node.size?.height), m = n(() => e.node.settings?.hover), f = n(() => {
+      const p = e.node.settings?.data;
+      return typeof p == "string" ? JSON.parse(p) : p;
+    }), a = n(() => e.node.settings?.loading), c = n(() => e.node.settings?.multiSort), d = n(() => i.value ? "dark" : "light"), b = n(() => e.node.size?.width), y = n(() => {
+      const p = [];
+      return (e.node.slots?.items ?? []).forEach((_) => {
+        _.column && _.comp && p.push(_);
+      }), p;
     });
-    return (f, _) => {
-      const k = A("v-data-table");
-      return V(), z(k, {
+    return (p, k) => {
+      const _ = A("v-data-table");
+      return V(), z(_, {
         density: s.value,
         "fixed-footer": l.value,
         "fixed-header": o.value,
         headers: r.value,
         height: u.value,
-        hover: d.value,
-        items: p.value,
+        hover: m.value,
+        items: f.value,
         loading: a.value,
         "multi-sort": c.value,
-        theme: m.value,
+        theme: d.value,
         width: b.value
       }, we({ _: 2 }, [
-        Yi(y.value, (x) => ({
+        Xi(y.value, (x) => ({
           name: `item.${x.column}`,
           fn: W(({ value: h }) => [
-            Z(J, {
+            Z(Y, {
               "ref-context": { refid: x.comp },
               state: { value: h }
             }, null, 8, ["ref-context", "state"])
@@ -1515,13 +1534,13 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     return Ei(s, e, (u) => {
       if (i !== "runtime" && i !== "preview" || !s.interpreter)
         return;
-      const { name: p } = u;
-      p === "open" ? o.value = !0 : p === "close" && (o.value = !1);
-    }), (u, d) => {
-      const p = A("v-dialog");
-      return V(), z(p, {
+      const { name: f } = u;
+      f === "open" ? o.value = !0 : f === "close" && (o.value = !1);
+    }), (u, m) => {
+      const f = A("v-dialog");
+      return V(), z(f, {
         modelValue: D(o),
-        "onUpdate:modelValue": d[0] || (d[0] = (a) => si(o) ? o.value = a : null),
+        "onUpdate:modelValue": m[0] || (m[0] = (a) => si(o) ? o.value = a : null),
         attach: "#dialogContainer"
       }, {
         activator: W(() => [
@@ -1544,20 +1563,20 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = n(() => e.node.settings?.chips), l = n(() => e.node.settings?.density), o = n(() => e.node.settings?.direction), r = n(() => e.node.settings?.disabled), u = n(() => e.node.settings?.label), d = n(() => e.node.settings?.loading), p = n(() => e.node.settings?.multiple), a = n(() => i !== "runtime" && i !== "preview" ? !0 : e.node.settings?.readonly), c = n(() => e.node.settings?.reverse), m = n(() => e.node.settings?.singleLine);
+    const e = t, i = F(), s = n(() => e.node.settings?.chips), l = n(() => e.node.settings?.density), o = n(() => e.node.settings?.direction), r = n(() => e.node.settings?.disabled), u = n(() => e.node.settings?.label), m = n(() => e.node.settings?.loading), f = n(() => e.node.settings?.multiple), a = n(() => i !== "runtime" && i !== "preview" ? !0 : e.node.settings?.readonly), c = n(() => e.node.settings?.reverse), d = n(() => e.node.settings?.singleLine);
     return (b, y) => {
-      const f = A("v-file-input");
-      return V(), z(f, {
+      const p = A("v-file-input");
+      return V(), z(p, {
         chips: s.value,
         density: l.value,
         direction: o.value,
         disabled: r.value,
         label: u.value,
-        loading: d.value,
-        multiple: p.value,
+        loading: m.value,
+        multiple: f.value,
         readonly: a.value,
         reverse: c.value,
-        "single-line": m.value
+        "single-line": d.value
       }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"]);
     };
   }
@@ -1568,24 +1587,24 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), { applySize: u } = se(i, s, e), { applyMargin: d } = Zt(e), { applyPadding: p } = qt(e), { applyBorder: a } = Ut(l, e), c = n(() => e.node.settings?.backgroundColor), { color: m } = j(l, c), b = (f) => {
-      m.value && (f.backgroundColor = m.value), f.display = "flex";
-      const _ = ki(s.value.width), k = ve(_, e.node.settings?.direction);
-      k === "row" ? f.flexDirection = "row" : k === "rowReverse" ? f.flexDirection = "row-reverse" : k === "column" ? f.flexDirection = "column" : k === "columnReverse" && (f.flexDirection = "column-reverse");
-      const x = ve(_, e.node.settings?.wrap);
-      x === "no" ? f.flexWrap = "nowrap" : x === "yes" ? f.flexWrap = "wrap" : x === "reverse" && (f.flexWrap = "wrap-reverse");
-      const h = ve(_, e.node.settings?.mainAlign);
-      h === "start" ? f.justifyContent = "flex-start" : h === "end" ? f.justifyContent = "flex-end" : h === "center" ? f.justifyContent = "center" : h === "spaceBetween" ? f.justifyContent = "space-between" : h === "spaceAround" ? f.justifyContent = "space-around" : h === "spaceEvenly" && (f.justifyContent = "space-evenly");
-      const w = ve(_, e.node.settings?.crossAlign);
-      w === "start" ? f.alignItems = "flex-start" : w === "end" ? f.alignItems = "flex-end" : w === "center" ? f.alignItems = "center" : w === "baseline" ? f.alignItems = "baseline" : w === "stretch" && (f.alignItems = "stretch");
+    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), { applySize: u } = se(i, s, e), { applyMargin: m } = Zt(e), { applyPadding: f } = qt(e), { applyBorder: a } = Ut(l, e), c = n(() => e.node.settings?.backgroundColor), { color: d } = j(l, c), b = (p) => {
+      d.value && (p.backgroundColor = d.value), p.display = "flex";
+      const k = ki(s.value.width), _ = ve(k, e.node.settings?.direction);
+      _ === "row" ? p.flexDirection = "row" : _ === "rowReverse" ? p.flexDirection = "row-reverse" : _ === "column" ? p.flexDirection = "column" : _ === "columnReverse" && (p.flexDirection = "column-reverse");
+      const x = ve(k, e.node.settings?.wrap);
+      x === "no" ? p.flexWrap = "nowrap" : x === "yes" ? p.flexWrap = "wrap" : x === "reverse" && (p.flexWrap = "wrap-reverse");
+      const h = ve(k, e.node.settings?.mainAlign);
+      h === "start" ? p.justifyContent = "flex-start" : h === "end" ? p.justifyContent = "flex-end" : h === "center" ? p.justifyContent = "center" : h === "spaceBetween" ? p.justifyContent = "space-between" : h === "spaceAround" ? p.justifyContent = "space-around" : h === "spaceEvenly" && (p.justifyContent = "space-evenly");
+      const w = ve(k, e.node.settings?.crossAlign);
+      w === "start" ? p.alignItems = "flex-start" : w === "end" ? p.alignItems = "flex-end" : w === "center" ? p.alignItems = "center" : w === "baseline" ? p.alignItems = "baseline" : w === "stretch" && (p.alignItems = "stretch");
     }, y = n(() => {
-      const f = {}, _ = r.value.type;
-      return o === "page" ? _ === "common" ? (u(f), d(f), p(f), a(f), b(f)) : console.assert(!1) : o === "comp" && _ === "common" ? (u(f), d(f), p(f), a(f), b(f)) : console.assert(!1), f;
+      const p = {}, k = r.value.type;
+      return o === "page" ? k === "common" ? (u(p), m(p), f(p), a(p), b(p)) : console.assert(!1) : o === "comp" && k === "common" ? (u(p), m(p), f(p), a(p), b(p)) : console.assert(!1), p;
     });
-    return (f, _) => (V(), q("div", {
+    return (p, k) => (V(), q("div", {
       style: ue(y.value)
     }, [
-      M(f.$slots, "default")
+      M(p.$slots, "default")
     ], 4));
   }
 }), pl = /* @__PURE__ */ T({
@@ -1595,12 +1614,12 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = te(), l = ne(), o = ie(), { applySize: r } = se(i, s, e), u = n(() => e.node.settings?.grow), d = n(() => e.node.settings?.shrink), p = n(() => {
+    const e = t, i = F(), s = te(), l = ne(), o = ie(), { applySize: r } = se(i, s, e), u = n(() => e.node.settings?.grow), m = n(() => e.node.settings?.shrink), f = n(() => {
       const a = {}, c = o.value.type;
-      return l === "page" ? c === "common" ? (r(a), a.flexGrow = u.value ? 1 : 0, a.flexShrink = d.value ? 1 : 0) : console.assert(!1) : l === "comp" && c === "common" ? (r(a), a.flexGrow = u.value ? 1 : 0, a.flexShrink = d.value ? 1 : 0) : console.assert(!1), a;
+      return l === "page" ? c === "common" ? (r(a), a.flexGrow = u.value ? 1 : 0, a.flexShrink = m.value ? 1 : 0) : console.assert(!1) : l === "comp" && c === "common" ? (r(a), a.flexGrow = u.value ? 1 : 0, a.flexShrink = m.value ? 1 : 0) : console.assert(!1), a;
     });
     return (a, c) => (V(), q("div", {
-      style: ue(p.value)
+      style: ue(f.value)
     }, [
       M(a.$slots, "default")
     ], 4));
@@ -1612,15 +1631,15 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), u = Te(), d = n({
+    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), u = Te(), m = n({
       get: () => e.node.settings?.valid,
       set: (x) => {
         e.node.settings && (e.node.settings.valid = !!x);
       }
-    }), p = n(() => e.node.settings?.fastFail), { applySize: a } = se(i, s, e), { applyMargin: c } = Zt(e), { applyPadding: m } = qt(e), { applyBorder: b } = Ut(l, e), y = n(() => e.node.settings?.backgroundColor), { color: f } = j(l, y), _ = n(() => {
+    }), f = n(() => e.node.settings?.fastFail), { applySize: a } = se(i, s, e), { applyMargin: c } = Zt(e), { applyPadding: d } = qt(e), { applyBorder: b } = Ut(l, e), y = n(() => e.node.settings?.backgroundColor), { color: p } = j(l, y), k = n(() => {
       const x = {}, h = r.value.type;
-      return o === "page" ? h === "common" ? (a(x), c(x), m(x), b(x), f.value && (x.backgroundColor = f.value)) : console.assert(!1) : o === "comp" && h === "common" ? (a(x), c(x), m(x), b(x), f.value && (x.backgroundColor = f.value)) : console.assert(!1), x;
-    }), k = () => {
+      return o === "page" ? h === "common" ? (a(x), c(x), d(x), b(x), p.value && (x.backgroundColor = p.value)) : console.assert(!1) : o === "comp" && h === "common" ? (a(x), c(x), d(x), b(x), p.value && (x.backgroundColor = p.value)) : console.assert(!1), x;
+    }), _ = () => {
       if (i !== "runtime" && i !== "preview")
         return;
       const x = u.interpreter;
@@ -1632,11 +1651,11 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     return (x, h) => {
       const w = A("v-form");
       return V(), z(w, {
-        modelValue: d.value,
-        "onUpdate:modelValue": h[0] || (h[0] = (g) => d.value = g),
-        "fast-fail": p.value,
-        style: ue(_.value),
-        onSubmit: Ji(k, ["prevent"])
+        modelValue: m.value,
+        "onUpdate:modelValue": h[0] || (h[0] = (g) => m.value = g),
+        "fast-fail": f.value,
+        style: ue(k.value),
+        onSubmit: Yi(_, ["prevent"])
       }, {
         default: W(() => [
           M(x.$slots, "default")
@@ -1652,15 +1671,15 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = B(), s = n(() => e.node.settings?.color), { color: l } = j(i, s), o = n(() => e.node.settings?.disabled), r = n(() => e.node.settings?.icon), u = n(() => e.node.settings?.size), d = n(() => i.value ? "dark" : "light");
-    return (p, a) => {
+    const e = t, i = B(), s = n(() => e.node.settings?.color), { color: l } = j(i, s), o = n(() => e.node.settings?.disabled), r = n(() => e.node.settings?.icon), u = n(() => e.node.settings?.size), m = n(() => i.value ? "dark" : "light");
+    return (f, a) => {
       const c = A("v-icon");
       return V(), z(c, {
         color: D(l),
         disabled: o.value,
         icon: r.value,
         size: u.value,
-        theme: d.value
+        theme: m.value
       }, null, 8, ["color", "disabled", "icon", "size", "theme"]);
     };
   }
@@ -1671,20 +1690,20 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = Te(), l = ce(0), o = ce(0), r = n(() => [l.value, o.value]), u = n(() => e.node.basic?.id), { open: d } = di(`runtimeMenu/${oi()}`);
+    const e = t, i = F(), s = Te(), l = ce(0), o = ce(0), r = n(() => [l.value, o.value]), u = n(() => e.node.basic?.id), { open: m } = di(`runtimeMenu/${oi()}`);
     return Ei(s, e, (a) => {
       if (i !== "runtime" && i !== "preview")
         return;
       const c = s.interpreter;
       if (!c)
         return;
-      const { name: m } = a;
-      m === "open" ? (l.value = c.getProperty(c.globalObject, "__pointerPosX__"), o.value = c.getProperty(c.globalObject, "__pointerPosY__"), d.value = !0) : m === "close" && (d.value = !1);
+      const { name: d } = a;
+      d === "open" ? (l.value = c.getProperty(c.globalObject, "__pointerPosX__"), o.value = c.getProperty(c.globalObject, "__pointerPosY__"), m.value = !0) : d === "close" && (m.value = !1);
     }), (a, c) => {
-      const m = A("v-menu");
-      return V(), z(m, {
-        modelValue: D(d),
-        "onUpdate:modelValue": c[0] || (c[0] = (b) => si(d) ? d.value = b : null),
+      const d = A("v-menu");
+      return V(), z(d, {
+        modelValue: D(m),
+        "onUpdate:modelValue": c[0] || (c[0] = (b) => si(m) ? m.value = b : null),
         attach: "menuContainer",
         "location-strategy": "connected",
         scrim: "transparent",
@@ -1710,24 +1729,24 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = B(), l = n(() => e.node.settings?.addIcon?.append), o = n(() => e.node.settings?.addIcon?.appendInner), r = n(() => e.node.settings?.clearable), u = n(() => e.node.settings?.hideDetails), d = n(() => e.node.settings?.label), p = n(() => e.node.settings?.loading), a = n(() => e.node.settings?.max), c = n(() => e.node.size?.maxWidth), m = n(() => e.node.settings?.min), b = n(() => e.node.size?.minWidth), y = n(() => e.node.settings?.value), f = n(() => e.node.settings?.placeholder), _ = n(() => e.node.settings?.precision), k = n(() => e.node.settings?.prefix), x = n(() => e.node.settings?.addIcon?.prepend), h = n(() => e.node.settings?.addIcon?.prependInner), w = n(() => i !== "runtime" && i !== "preview" ? !0 : e.node.settings?.readonly), g = n(() => e.node.settings?.reverse), $ = n(() => e.node.settings?.singleLine), S = n(() => e.node.settings?.step), P = n(() => e.node.settings?.suffix), C = n(() => s.value ? "dark" : "light"), G = n(() => e.node.settings?.variant), Y = n(() => e.node.size?.width);
-    return (K, X) => {
+    const e = t, i = F(), s = B(), l = n(() => e.node.settings?.addIcon?.append), o = n(() => e.node.settings?.addIcon?.appendInner), r = n(() => e.node.settings?.clearable), u = n(() => e.node.settings?.hideDetails), m = n(() => e.node.settings?.label), f = n(() => e.node.settings?.loading), a = n(() => e.node.settings?.max), c = n(() => e.node.size?.maxWidth), d = n(() => e.node.settings?.min), b = n(() => e.node.size?.minWidth), y = n(() => e.node.settings?.value), p = n(() => e.node.settings?.placeholder), k = n(() => e.node.settings?.precision), _ = n(() => e.node.settings?.prefix), x = n(() => e.node.settings?.addIcon?.prepend), h = n(() => e.node.settings?.addIcon?.prependInner), w = n(() => i !== "runtime" && i !== "preview" ? !0 : e.node.settings?.readonly), g = n(() => e.node.settings?.reverse), $ = n(() => e.node.settings?.singleLine), S = n(() => e.node.settings?.step), P = n(() => e.node.settings?.suffix), C = n(() => s.value ? "dark" : "light"), G = n(() => e.node.settings?.variant), X = n(() => e.node.size?.width);
+    return (K, J) => {
       const oe = A("v-number-input");
       return V(), z(oe, {
         "append-icon": l.value,
         "append-inner-icon": o.value,
         clearable: r.value,
         "hide-details": u.value,
-        label: d.value,
-        loading: p.value,
+        label: m.value,
+        loading: f.value,
         max: a.value,
         "max-width": c.value,
-        min: m.value,
+        min: d.value,
         "min-width": b.value,
         "model-value": y.value,
-        placeholder: f.value,
-        precision: _.value,
-        prefix: k.value,
+        placeholder: p.value,
+        precision: k.value,
+        prefix: _.value,
         "prepend-icon": x.value,
         "prepend-inner-icon": h.value,
         readonly: w.value,
@@ -1737,7 +1756,7 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
         suffix: P.value,
         theme: C.value,
         variant: G.value,
-        width: Y.value
+        width: X.value
       }, null, 8, ["append-icon", "append-inner-icon", "clearable", "hide-details", "label", "loading", "max", "max-width", "min", "min-width", "model-value", "placeholder", "precision", "prefix", "prepend-icon", "prepend-inner-icon", "readonly", "reverse", "single-line", "step", "suffix", "theme", "variant", "width"]);
     };
   }
@@ -1748,20 +1767,20 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = B(), s = n(() => e.node.settings?.density), l = n(() => e.node.settings?.disabled), o = n(() => e.node.settings?.length), r = n(() => e.node.settings?.value), u = n(() => e.node.settings?.showFirstLastPage), d = n(() => e.node.settings?.size), p = n(() => e.node.settings?.start), a = n(() => i.value ? "dark" : "light"), c = n(() => e.node.settings?.tile), m = n(() => e.node.settings?.variant);
+    const e = t, i = B(), s = n(() => e.node.settings?.density), l = n(() => e.node.settings?.disabled), o = n(() => e.node.settings?.length), r = n(() => e.node.settings?.value), u = n(() => e.node.settings?.showFirstLastPage), m = n(() => e.node.settings?.size), f = n(() => e.node.settings?.start), a = n(() => i.value ? "dark" : "light"), c = n(() => e.node.settings?.tile), d = n(() => e.node.settings?.variant);
     return (b, y) => {
-      const f = A("v-pagination");
-      return V(), z(f, {
+      const p = A("v-pagination");
+      return V(), z(p, {
         density: s.value,
         disabled: l.value,
         length: o.value,
         "model-value": r.value,
         "show-first-last-page": u.value,
-        size: d.value,
-        start: p.value,
+        size: m.value,
+        start: f.value,
         theme: a.value,
         tile: c.value,
-        variant: m.value
+        variant: d.value
       }, null, 8, ["density", "disabled", "length", "model-value", "show-first-last-page", "size", "start", "theme", "tile", "variant"]);
     };
   }
@@ -1772,16 +1791,16 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = B(), s = n(() => e.node.settings?.color), { color: l } = j(i, s), o = n(() => e.node.settings?.density), r = n(() => e.node.settings?.disabled), u = n(() => e.node.settings?.label), d = n(() => e.node.settings?.readonly), p = n(() => i.value ? "dark" : "light"), a = n(() => e.node.settings?.value);
-    return (c, m) => {
+    const e = t, i = B(), s = n(() => e.node.settings?.color), { color: l } = j(i, s), o = n(() => e.node.settings?.density), r = n(() => e.node.settings?.disabled), u = n(() => e.node.settings?.label), m = n(() => e.node.settings?.readonly), f = n(() => i.value ? "dark" : "light"), a = n(() => e.node.settings?.value);
+    return (c, d) => {
       const b = A("v-radio");
       return V(), z(b, {
         color: D(l),
         density: o.value,
         disabled: r.value,
         label: u.value,
-        readonly: d.value,
-        theme: p.value,
+        readonly: m.value,
+        theme: f.value,
         value: a.value
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
@@ -1793,8 +1812,8 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = B(), l = n(() => e.node.settings?.density), o = n(() => e.node.settings?.direction), r = n(() => e.node.settings?.disabled), u = n(() => e.node.settings?.inline), d = n(() => e.node.settings?.value), p = n(() => e.node.settings?.readonly), a = n(() => s.value ? "dark" : "light");
-    return (c, m) => {
+    const e = t, i = F(), s = B(), l = n(() => e.node.settings?.density), o = n(() => e.node.settings?.direction), r = n(() => e.node.settings?.disabled), u = n(() => e.node.settings?.inline), m = n(() => e.node.settings?.value), f = n(() => e.node.settings?.readonly), a = n(() => s.value ? "dark" : "light");
+    return (c, d) => {
       const b = A("v-radio-group");
       return D(i) === "editor" ? (V(), q("div", kl, [
         Z(b, {
@@ -1802,8 +1821,8 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
           direction: o.value,
           disabled: r.value,
           inline: u.value,
-          "model-value": d.value,
-          readonly: p.value,
+          "model-value": m.value,
+          readonly: f.value,
           theme: a.value
         }, {
           default: W(() => [
@@ -1817,8 +1836,8 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
         direction: o.value,
         disabled: r.value,
         inline: u.value,
-        "model-value": d.value,
-        readonly: p.value,
+        "model-value": m.value,
+        readonly: f.value,
         theme: a.value
       }, {
         default: W(() => [
@@ -1835,7 +1854,7 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = F(), i = B(), s = n(() => t.node.settings?.density), l = n(() => t.node.settings?.direction), o = n(() => t.node.settings?.disabled), r = n(() => t.node.settings?.hideDetails), u = n(() => t.node.settings?.label), d = n(() => t.node.settings?.max), p = n(() => t.node.settings?.min), a = n(() => {
+    const e = F(), i = B(), s = n(() => t.node.settings?.density), l = n(() => t.node.settings?.direction), o = n(() => t.node.settings?.disabled), r = n(() => t.node.settings?.hideDetails), u = n(() => t.node.settings?.label), m = n(() => t.node.settings?.max), f = n(() => t.node.settings?.min), a = n(() => {
       const S = t.node.settings?.value?.start, P = t.node.settings?.value?.end;
       return [S, P];
     }), c = ([S, P]) => {
@@ -1843,15 +1862,15 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
         return;
       const { value: C } = t.node.settings;
       C.start = S, C.end = P;
-    }, m = n(() => t.node.settings?.readonly), b = n(() => t.node.settings?.showTicks), y = n(() => {
+    }, d = n(() => t.node.settings?.readonly), b = n(() => t.node.settings?.showTicks), y = n(() => {
       if (b.value === "always")
         return "always";
       if (b.value === "show")
         return !0;
-    }), f = n(() => t.node.settings?.step), _ = n(() => i.value ? "dark" : "light"), k = n(() => t.node.settings?.thumbLabel), x = n(() => {
-      if (k.value === "always")
+    }), p = n(() => t.node.settings?.step), k = n(() => i.value ? "dark" : "light"), _ = n(() => t.node.settings?.thumbLabel), x = n(() => {
+      if (_.value === "always")
         return "always";
-      if (k.value === "show")
+      if (_.value === "show")
         return !0;
     }), h = n(() => t.node.settings?.thumbSize), w = n(() => t.node.settings?.ticks), g = n(() => {
       if (!w.value)
@@ -1871,13 +1890,13 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
           disabled: o.value,
           "hide-details": r.value,
           label: u.value,
-          max: d.value,
-          min: p.value,
+          max: m.value,
+          min: f.value,
           "model-value": a.value,
-          readonly: m.value,
+          readonly: d.value,
           "show-ticks": y.value,
-          step: f.value,
-          theme: _.value,
+          step: p.value,
+          theme: k.value,
           "thumb-label": x.value,
           "thumb-size": h.value,
           "tick-size": $.value,
@@ -1890,13 +1909,13 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
         disabled: o.value,
         "hide-details": r.value,
         label: u.value,
-        max: d.value,
-        min: p.value,
+        max: m.value,
+        min: f.value,
         "model-value": a.value,
-        readonly: m.value,
+        readonly: d.value,
         "show-ticks": y.value,
-        step: f.value,
-        theme: _.value,
+        step: p.value,
+        theme: k.value,
         "thumb-label": x.value,
         "thumb-size": h.value,
         "tick-size": $.value,
@@ -1912,13 +1931,13 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = B(), i = n(() => t.node.settings?.clearable), s = n(() => t.node.settings?.density), l = n(() => t.node.settings?.disabled), o = n(() => t.node.settings?.halfIncrements), r = n(() => t.node.settings?.hover), u = n(() => t.node.settings?.length), d = n(() => t.node.settings?.value), p = (m) => {
+    const e = B(), i = n(() => t.node.settings?.clearable), s = n(() => t.node.settings?.density), l = n(() => t.node.settings?.disabled), o = n(() => t.node.settings?.halfIncrements), r = n(() => t.node.settings?.hover), u = n(() => t.node.settings?.length), m = n(() => t.node.settings?.value), f = (d) => {
       if (!t.node.settings)
         return;
       const { settings: b } = t.node;
-      b.value = m;
+      b.value = d;
     }, a = n(() => t.node.settings?.readonly), c = n(() => e.value ? "dark" : "light");
-    return (m, b) => {
+    return (d, b) => {
       const y = A("v-rating");
       return V(), z(y, {
         clearable: i.value,
@@ -1927,10 +1946,10 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
         "half-increments": o.value,
         hover: r.value,
         length: u.value,
-        "model-value": d.value,
+        "model-value": m.value,
         readonly: a.value,
         theme: c.value,
-        "onUpdate:modelValue": p
+        "onUpdate:modelValue": f
       }, null, 8, ["clearable", "density", "disabled", "half-increments", "hover", "length", "model-value", "readonly", "theme"]);
     };
   }
@@ -1941,8 +1960,8 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = B(), l = n(() => e.node.settings?.hideDetails), o = n(() => e.node.settings?.label), r = n(() => e.node.settings?.value), u = n(() => e.node.settings?.placeholder), d = n(() => i !== "runtime" && i !== "preview" ? !0 : e.node.settings?.readonly), p = n(() => e.node.settings?.singleLine), a = n(() => s.value ? "dark" : "light");
-    return (c, m) => {
+    const e = t, i = F(), s = B(), l = n(() => e.node.settings?.hideDetails), o = n(() => e.node.settings?.label), r = n(() => e.node.settings?.value), u = n(() => e.node.settings?.placeholder), m = n(() => i !== "runtime" && i !== "preview" ? !0 : e.node.settings?.readonly), f = n(() => e.node.settings?.singleLine), a = n(() => s.value ? "dark" : "light");
+    return (c, d) => {
       const b = A("v-select");
       return D(i) === "editor" ? (V(), q("div", Cl, [
         Z(b, {
@@ -1950,8 +1969,8 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
           label: o.value,
           "model-value": r.value,
           placeholder: u.value,
-          readonly: d.value,
-          "single-line": p.value,
+          readonly: m.value,
+          "single-line": f.value,
           theme: a.value
         }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"])
       ])) : (V(), z(b, {
@@ -1960,8 +1979,8 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
         label: o.value,
         "model-value": r.value,
         placeholder: u.value,
-        readonly: d.value,
-        "single-line": p.value,
+        readonly: m.value,
+        "single-line": f.value,
         theme: a.value
       }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"]));
     };
@@ -1973,12 +1992,12 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = F(), i = lo(), s = n(() => t.node.settings?.color), { color: l } = j(i, s), o = n(() => t.node.settings?.direction), r = n(() => t.node.settings?.disabled), u = n(() => t.node.settings?.hideDetails), d = n(() => t.node.settings?.label), p = n(() => t.node.settings?.max), a = n(() => t.node.settings?.min), c = n(() => t.node.settings?.value), m = n(() => t.node.settings?.readonly), b = n(() => !!t.node.settings?.reverse), y = n(() => t.node.settings?.showTicks), f = n(() => {
+    const e = F(), i = lo(), s = n(() => t.node.settings?.color), { color: l } = j(i, s), o = n(() => t.node.settings?.direction), r = n(() => t.node.settings?.disabled), u = n(() => t.node.settings?.hideDetails), m = n(() => t.node.settings?.label), f = n(() => t.node.settings?.max), a = n(() => t.node.settings?.min), c = n(() => t.node.settings?.value), d = n(() => t.node.settings?.readonly), b = n(() => !!t.node.settings?.reverse), y = n(() => t.node.settings?.showTicks), p = n(() => {
       if (y.value === "always")
         return "always";
       if (y.value === "show")
         return !0;
-    }), _ = n(() => t.node.settings?.step), k = n(() => i.value ? "dark" : "light"), x = n(() => t.node.settings?.thumbColor), { color: h } = j(i, x), w = n(() => t.node.settings?.thumbLabel), g = n(() => {
+    }), k = n(() => t.node.settings?.step), _ = n(() => i.value ? "dark" : "light"), x = n(() => t.node.settings?.thumbColor), { color: h } = j(i, x), w = n(() => t.node.settings?.thumbLabel), g = n(() => {
       if (w.value === "always")
         return "always";
       if (w.value === "show")
@@ -1991,7 +2010,7 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
         oe[xe] = ke;
       if (!pi(oe))
         return oe;
-    }), C = n(() => t.node.settings?.tickSize), G = n(() => t.node.settings?.trackColor), { color: Y } = j(i, G), K = n(() => t.node.slots?.append), X = n(() => t.node.slots?.prepend);
+    }), C = n(() => t.node.settings?.tickSize), G = n(() => t.node.settings?.trackColor), { color: X } = j(i, G), K = n(() => t.node.slots?.append), J = n(() => t.node.slots?.prepend);
     return (oe, xe) => {
       const ke = A("v-slider");
       return D(e) === "editor" ? (V(), q("div", Sl, [
@@ -2000,37 +2019,37 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
           direction: o.value,
           disabled: r.value,
           "hide-details": u.value,
-          label: d.value,
-          max: p.value,
+          label: m.value,
+          max: f.value,
           min: a.value,
           "model-value": c.value,
-          readonly: m.value,
+          readonly: d.value,
           reverse: b.value,
-          "show-ticks": f.value,
-          step: _.value,
-          theme: k.value,
+          "show-ticks": p.value,
+          step: k.value,
+          theme: _.value,
           "thumb-color": D(h),
           "thumb-label": g.value,
           "thumb-size": $.value,
           "tick-size": C.value,
           ticks: P.value,
-          "track-color": D(Y)
+          "track-color": D(X)
         }, we({ _: 2 }, [
           K.value ? {
             name: "append",
             fn: W(() => [
-              Z(J, {
+              Z(Y, {
                 "ref-context": { refid: K.value },
                 state: {}
               }, null, 8, ["ref-context"])
             ]),
             key: "0"
           } : void 0,
-          X.value ? {
+          J.value ? {
             name: "prepend",
             fn: W(() => [
-              Z(J, {
-                "ref-context": { refid: X.value },
+              Z(Y, {
+                "ref-context": { refid: J.value },
                 state: {}
               }, null, 8, ["ref-context"])
             ]),
@@ -2043,37 +2062,37 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
         direction: o.value,
         disabled: r.value,
         "hide-details": u.value,
-        label: d.value,
-        max: p.value,
+        label: m.value,
+        max: f.value,
         min: a.value,
         "model-value": c.value,
-        readonly: m.value,
+        readonly: d.value,
         reverse: b.value,
-        "show-ticks": f.value,
-        step: _.value,
-        theme: k.value,
+        "show-ticks": p.value,
+        step: k.value,
+        theme: _.value,
         "thumb-color": D(h),
         "thumb-label": g.value,
         "thumb-size": $.value,
         "tick-size": C.value,
         ticks: P.value,
-        "track-color": D(Y)
+        "track-color": D(X)
       }, we({ _: 2 }, [
         K.value ? {
           name: "append",
           fn: W(() => [
-            Z(J, {
+            Z(Y, {
               "ref-context": { refid: K.value },
               state: {}
             }, null, 8, ["ref-context"])
           ]),
           key: "0"
         } : void 0,
-        X.value ? {
+        J.value ? {
           name: "prepend",
           fn: W(() => [
-            Z(J, {
-              "ref-context": { refid: X.value },
+            Z(Y, {
+              "ref-context": { refid: J.value },
               state: {}
             }, null, 8, ["ref-context"])
           ]),
@@ -2166,8 +2185,8 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = n(() => e.node.settings?.density), l = n(() => e.node.settings?.direction), o = n(() => e.node.settings?.disabled), r = n(() => e.node.settings?.hideDetails), u = n(() => e.node.settings?.indeterminate), d = n(() => e.node.settings?.inline), p = n(() => e.node.settings?.inset), a = n(() => e.node.settings?.label), c = n(() => e.node.settings?.loading);
-    return (m, b) => {
+    const e = t, i = F(), s = n(() => e.node.settings?.density), l = n(() => e.node.settings?.direction), o = n(() => e.node.settings?.disabled), r = n(() => e.node.settings?.hideDetails), u = n(() => e.node.settings?.indeterminate), m = n(() => e.node.settings?.inline), f = n(() => e.node.settings?.inset), a = n(() => e.node.settings?.label), c = n(() => e.node.settings?.loading);
+    return (d, b) => {
       const y = A("v-switch");
       return D(i) === "editor" ? (V(), q("div", Rl, [
         Z(y, {
@@ -2176,8 +2195,8 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
           disabled: o.value,
           "hide-details": r.value,
           indeterminate: u.value,
-          inline: d.value,
-          inset: p.value,
+          inline: m.value,
+          inset: f.value,
           label: a.value,
           loading: c.value
         }, null, 8, ["density", "direction", "disabled", "hide-details", "indeterminate", "inline", "inset", "label", "loading"])
@@ -2188,8 +2207,8 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
         disabled: o.value,
         "hide-details": r.value,
         indeterminate: u.value,
-        inline: d.value,
-        inset: p.value,
+        inline: m.value,
+        inset: f.value,
         label: a.value,
         loading: c.value
       }, null, 8, ["density", "direction", "disabled", "hide-details", "indeterminate", "inline", "inset", "label", "loading"]));
@@ -2204,8 +2223,8 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
   setup(t) {
     const e = t, i = B(), s = n(() => e.node.settings?.text), l = n(() => i.value ? "dark" : "light"), o = n(() => e.node.settings?.value);
     return (r, u) => {
-      const d = A("v-tab");
-      return V(), z(d, {
+      const m = A("v-tab");
+      return V(), z(m, {
         text: s.value,
         theme: l.value,
         value: o.value
@@ -2219,23 +2238,23 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = B(), s = n(() => e.node.settings?.alignTabs), l = n(() => e.node.settings?.color?.backgroundColor), { color: o } = j(i, l), r = n(() => e.node.settings?.centerActive), u = n(() => e.node.settings?.color?.selectedColor), { color: d } = j(i, u), p = n(() => e.node.settings?.density), a = n(() => e.node.settings?.direction), c = n(() => e.node.settings?.disabled), m = n(() => e.node.settings?.fixedTabs), b = n(() => e.node.settings?.grow), y = n(() => e.node.settings?.hideSlider), f = n(() => e.node.settings?.items), _ = n(() => e.node.settings?.mandatory), k = n(() => !!e.node.settings?.showArrows), x = n(() => e.node.settings?.color?.sliderColor), { color: h } = j(i, x), w = n(() => e.node.settings?.stacked), g = n(() => i.value ? "dark" : "light");
+    const e = t, i = B(), s = n(() => e.node.settings?.alignTabs), l = n(() => e.node.settings?.color?.backgroundColor), { color: o } = j(i, l), r = n(() => e.node.settings?.centerActive), u = n(() => e.node.settings?.color?.selectedColor), { color: m } = j(i, u), f = n(() => e.node.settings?.density), a = n(() => e.node.settings?.direction), c = n(() => e.node.settings?.disabled), d = n(() => e.node.settings?.fixedTabs), b = n(() => e.node.settings?.grow), y = n(() => e.node.settings?.hideSlider), p = n(() => e.node.settings?.items), k = n(() => e.node.settings?.mandatory), _ = n(() => !!e.node.settings?.showArrows), x = n(() => e.node.settings?.color?.sliderColor), { color: h } = j(i, x), w = n(() => e.node.settings?.stacked), g = n(() => i.value ? "dark" : "light");
     return ($, S) => {
       const P = A("v-tabs");
       return V(), z(P, {
         "align-tabs": s.value,
         "bg-color": D(o),
         "center-active": r.value,
-        color: D(d),
-        density: p.value,
+        color: D(m),
+        density: f.value,
         direction: a.value,
         disabled: c.value,
-        "fixed-tabs": m.value,
+        "fixed-tabs": d.value,
         grow: b.value,
         "hide-slider": y.value,
-        items: f.value,
-        mandatory: _.value,
-        "show-arrows": k.value,
+        items: p.value,
+        mandatory: k.value,
+        "show-arrows": _.value,
         "slider-color": D(h),
         stacked: w.value,
         theme: g.value
@@ -2254,12 +2273,12 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = te(), s = n(() => e.node.settings?.align), l = n(() => e.node.settings?.decoration), o = n(() => e.node.settings?.emphasis), r = n(() => e.node.settings?.italic), u = n(() => e.node.settings?.text), d = n(() => e.node.settings?.weight), p = n(() => {
-      const a = [], c = ki(i.value.width), m = ve(c, e.node.settings?.style);
-      return m && a.push(`text-${m}`), o.value === "high" ? a.push("text-high-emphasis") : o.value === "medium" ? a.push("text-medium-emphasis") : o.value === "disabled" && a.push("text-disabled"), s.value && a.push(`font-${s.value}`), l.value && a.push(`text-decoration-${l.value}`), d.value && a.push(`font-weight-${d.value}`), r.value && a.push("font-italic"), a.join(" ");
+    const e = t, i = te(), s = n(() => e.node.settings?.align), l = n(() => e.node.settings?.decoration), o = n(() => e.node.settings?.emphasis), r = n(() => e.node.settings?.italic), u = n(() => e.node.settings?.text), m = n(() => e.node.settings?.weight), f = n(() => {
+      const a = [], c = ki(i.value.width), d = ve(c, e.node.settings?.style);
+      return d && a.push(`text-${d}`), o.value === "high" ? a.push("text-high-emphasis") : o.value === "medium" ? a.push("text-medium-emphasis") : o.value === "disabled" && a.push("text-disabled"), s.value && a.push(`font-${s.value}`), l.value && a.push(`text-decoration-${l.value}`), m.value && a.push(`font-weight-${m.value}`), r.value && a.push("font-italic"), a.join(" ");
     });
     return (a, c) => (V(), q("span", {
-      class: Qi(p.value)
+      class: Qi(f.value)
     }, eo(u.value), 3));
   }
 }), Gl = /* @__PURE__ */ T({
@@ -2269,7 +2288,7 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = B(), s = n(() => e.node.settings?.autoGrow), l = n(() => e.node.settings?.clearable), o = n(() => e.node.settings?.density), r = n(() => e.node.settings?.disabled), u = n(() => e.node.settings?.label), d = n(() => e.node.settings?.loading), p = n(() => e.node.settings?.maxRows), a = n(() => e.node.settings?.value), c = n(() => e.node.settings?.placeholder), m = n(() => e.node.settings?.readonly), b = n(() => e.node.settings?.reverse), y = n(() => e.node.settings?.rows), f = n(() => e.node.settings?.singleLine), _ = n(() => i.value ? "dark" : "light"), k = n(() => e.node.settings?.variant);
+    const e = t, i = B(), s = n(() => e.node.settings?.autoGrow), l = n(() => e.node.settings?.clearable), o = n(() => e.node.settings?.density), r = n(() => e.node.settings?.disabled), u = n(() => e.node.settings?.label), m = n(() => e.node.settings?.loading), f = n(() => e.node.settings?.maxRows), a = n(() => e.node.settings?.value), c = n(() => e.node.settings?.placeholder), d = n(() => e.node.settings?.readonly), b = n(() => e.node.settings?.reverse), y = n(() => e.node.settings?.rows), p = n(() => e.node.settings?.singleLine), k = n(() => i.value ? "dark" : "light"), _ = n(() => e.node.settings?.variant);
     return (x, h) => {
       const w = A("v-textarea");
       return V(), z(w, {
@@ -2278,16 +2297,16 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
         density: o.value,
         disabled: r.value,
         label: u.value,
-        loading: d.value,
-        "max-rows": p.value,
+        loading: m.value,
+        "max-rows": f.value,
         "model-value": a.value,
         placeholder: c.value,
-        readonly: m.value,
+        readonly: d.value,
         reverse: b.value,
         rows: y.value,
-        "single-line": f.value,
-        theme: _.value,
-        variant: k.value
+        "single-line": p.value,
+        theme: k.value,
+        variant: _.value
       }, null, 8, ["auto-grow", "clearable", "density", "disabled", "label", "loading", "max-rows", "model-value", "placeholder", "readonly", "reverse", "rows", "single-line", "theme", "variant"]);
     };
   }
@@ -2298,24 +2317,24 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = B(), l = n(() => e.node.settings?.appendIcon), o = n(() => e.node.settings?.appendInnerIcon), r = n(() => e.node.settings?.autofocus), u = n(() => e.node.settings?.clearable), d = n(() => e.node.settings?.density), p = n(() => e.node.settings?.disabled), a = n(() => e.node.settings?.hideDetails), c = n(() => e.node.settings?.label), m = n(() => e.node.settings?.loading), b = n(() => e.node.settings?.placeholder), y = n(() => e.node.settings?.prefix), f = n(() => e.node.settings?.prependIcon), _ = n(() => e.node.settings?.prependInnerIcon), k = n(() => i !== "runtime" && i !== "preview" ? !0 : e.node.settings?.readonly), x = n(() => e.node.settings?.reverse), h = n(() => e.node.settings?.singleLine), w = n(() => e.node.settings?.suffix), g = n(() => s.value ? "dark" : "light"), $ = n(() => e.node.settings?.variant), S = n(() => e.node.slots?.append), P = n(() => e.node.slots?.appendInner), C = n(() => e.node.slots?.prepend), G = n(() => e.node.slots?.prependInner);
-    return (Y, K) => {
-      const X = A("v-text-field");
-      return V(), z(X, {
+    const e = t, i = F(), s = B(), l = n(() => e.node.settings?.appendIcon), o = n(() => e.node.settings?.appendInnerIcon), r = n(() => e.node.settings?.autofocus), u = n(() => e.node.settings?.clearable), m = n(() => e.node.settings?.density), f = n(() => e.node.settings?.disabled), a = n(() => e.node.settings?.hideDetails), c = n(() => e.node.settings?.label), d = n(() => e.node.settings?.loading), b = n(() => e.node.settings?.placeholder), y = n(() => e.node.settings?.prefix), p = n(() => e.node.settings?.prependIcon), k = n(() => e.node.settings?.prependInnerIcon), _ = n(() => i !== "runtime" && i !== "preview" ? !0 : e.node.settings?.readonly), x = n(() => e.node.settings?.reverse), h = n(() => e.node.settings?.singleLine), w = n(() => e.node.settings?.suffix), g = n(() => s.value ? "dark" : "light"), $ = n(() => e.node.settings?.variant), S = n(() => e.node.slots?.append), P = n(() => e.node.slots?.appendInner), C = n(() => e.node.slots?.prepend), G = n(() => e.node.slots?.prependInner);
+    return (X, K) => {
+      const J = A("v-text-field");
+      return V(), z(J, {
         "append-icon": l.value,
         "append-inner-icon": o.value,
         autofocus: r.value,
         clearable: u.value,
-        density: d.value,
-        disabled: p.value,
+        density: m.value,
+        disabled: f.value,
         "hide-details": a.value,
         label: c.value,
-        loading: m.value,
+        loading: d.value,
         placeholder: b.value,
         prefix: y.value,
-        "prepend-icon": f.value,
-        "prepend-inner-icon": _.value,
-        readonly: k.value,
+        "prepend-icon": p.value,
+        "prepend-inner-icon": k.value,
+        readonly: _.value,
         reverse: x.value,
         "single-line": h.value,
         suffix: w.value,
@@ -2325,7 +2344,7 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
         S.value ? {
           name: "append",
           fn: W(() => [
-            Z(J, {
+            Z(Y, {
               "ref-context": { refid: S.value },
               state: {}
             }, null, 8, ["ref-context"])
@@ -2335,7 +2354,7 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
         P.value ? {
           name: "append-inner",
           fn: W(() => [
-            Z(J, {
+            Z(Y, {
               "ref-context": { refid: P.value },
               state: {}
             }, null, 8, ["ref-context"])
@@ -2345,7 +2364,7 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
         C.value ? {
           name: "prepend",
           fn: W(() => [
-            Z(J, {
+            Z(Y, {
               "ref-context": { refid: C.value },
               state: {}
             }, null, 8, ["ref-context"])
@@ -2355,7 +2374,7 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
         G.value ? {
           name: "prepend-inner",
           fn: W(() => [
-            Z(J, {
+            Z(Y, {
               "ref-context": { refid: G.value },
               state: {}
             }, null, 8, ["ref-context"])
@@ -2372,8 +2391,8 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = B(), i = n(() => t.node.settings?.align), s = n(() => t.node.settings?.density), l = n(() => t.node.settings?.direction), o = n(() => t.node.settings?.dot?.color), { color: r } = j(e, o), u = n(() => t.node.settings?.dot?.fill), d = n(() => t.node.settings?.hideOpposite), p = n(() => t.node.settings?.line?.color), { color: a } = j(e, p), c = n(() => t.node.settings?.line?.inset), m = n(() => t.node.settings?.line?.thickness), b = n(() => t.node.settings?.side), y = n(() => e.value ? "dark" : "light"), f = n(() => t.node.settings?.line.truncate);
-    return (_, k) => {
+    const e = B(), i = n(() => t.node.settings?.align), s = n(() => t.node.settings?.density), l = n(() => t.node.settings?.direction), o = n(() => t.node.settings?.dot?.color), { color: r } = j(e, o), u = n(() => t.node.settings?.dot?.fill), m = n(() => t.node.settings?.hideOpposite), f = n(() => t.node.settings?.line?.color), { color: a } = j(e, f), c = n(() => t.node.settings?.line?.inset), d = n(() => t.node.settings?.line?.thickness), b = n(() => t.node.settings?.side), y = n(() => e.value ? "dark" : "light"), p = n(() => t.node.settings?.line.truncate);
+    return (k, _) => {
       const x = A("v-timeline");
       return V(), z(x, {
         align: i.value,
@@ -2381,16 +2400,16 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
         direction: l.value,
         "dot-color": D(r),
         "fill-dot": u.value,
-        "hide-opposite": d.value,
+        "hide-opposite": m.value,
         "line-color": D(a),
         "line-inset": c.value,
-        "line-thickness": m.value,
+        "line-thickness": d.value,
         side: b.value,
         theme: y.value,
-        "truncate-line": f.value
+        "truncate-line": p.value
       }, {
         default: W(() => [
-          M(_.$slots, "default")
+          M(k.$slots, "default")
         ]),
         _: 3
       }, 8, ["align", "density", "direction", "dot-color", "fill-dot", "hide-opposite", "line-color", "line-inset", "line-thickness", "side", "theme", "truncate-line"]);
@@ -2406,25 +2425,25 @@ function Zl(t, e) {
     _: 3
   });
 }
-const ql = /* @__PURE__ */ be(Ul, [["render", Zl]]), Xl = /* @__PURE__ */ T({
+const ql = /* @__PURE__ */ be(Ul, [["render", Zl]]), Jl = /* @__PURE__ */ T({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = B(), i = n(() => t.node.settings?.continuous), s = n(() => t.node.settings?.disabled), l = n(() => t.node.settings?.direction), o = n(() => t.node.settings?.value), r = n(() => t.node.settings?.reverse), u = n(() => t.node.settings?.showArrows), d = n(() => e.value ? "dark" : "light"), p = n(() => t.node.settings?.touch);
+    const e = B(), i = n(() => t.node.settings?.continuous), s = n(() => t.node.settings?.disabled), l = n(() => t.node.settings?.direction), o = n(() => t.node.settings?.value), r = n(() => t.node.settings?.reverse), u = n(() => t.node.settings?.showArrows), m = n(() => e.value ? "dark" : "light"), f = n(() => t.node.settings?.touch);
     return (a, c) => {
-      const m = A("v-window");
-      return V(), z(m, {
+      const d = A("v-window");
+      return V(), z(d, {
         continuous: i.value,
         direction: l.value,
         disabled: s.value,
         "model-value": o.value,
         reverse: r.value,
         "show-arrows": u.value,
-        theme: d.value,
-        touch: p.value
+        theme: m.value,
+        touch: f.value
       }, {
         default: W(() => [
           M(a.$slots, "default")
@@ -2433,8 +2452,8 @@ const ql = /* @__PURE__ */ be(Ul, [["render", Zl]]), Xl = /* @__PURE__ */ T({
       }, 8, ["continuous", "direction", "disabled", "model-value", "reverse", "show-arrows", "theme", "touch"]);
     };
   }
-}), Yl = {};
-function Jl(t, e) {
+}), Xl = {};
+function Yl(t, e) {
   const i = A("v-window-item");
   return V(), z(i, null, {
     default: W(() => [
@@ -2443,7 +2462,7 @@ function Jl(t, e) {
     _: 3
   });
 }
-const Ql = /* @__PURE__ */ be(Yl, [["render", Jl]]), Mi = "badge_v1", cn = "breadcrumbs_v1", De = "bar_chart_v1", Re = "btn_v1", Me = "btn_group_v1", Fe = "btn_toggle_v1", He = "card_v1", Oe = "checkbox_v1", Ge = "chip_v1", Ke = "chip_group_v1", je = "color_picker_v1", Ue = "combobox_v1", Ze = "container_v1", qe = "data_table_v1", Xe = "date_picker_v1", Ye = "dialog_v1", Je = "file_input_v1", Qe = "flex_layout_v1", Fi = "flex_layout_entry_v1", et = "form_v1", tt = "icon_v1", nt = "globality_v1", it = "line_chart_v1", ot = "menu_v1", st = "number_input_v1", lt = "pagination_v1", Hi = "radio_v1", rt = "radio_group_v1", at = "range_slider_v1", ut = "rating_v1", _e = "ref_v1", dt = "select_v1", ct = "slider_v1", mt = "stepper_v1", Oi = "stepper_header_v1", Gi = "stepper_item_v1", Ki = "stepper_window_v1", ji = "stepper_window_item_v1", pt = "switch_v1", Ui = "tab_v1", ft = "tabs_v1", bt = "text_v1", vt = "textarea_v1", yt = "text_field_v1", ht = "timeline_v1", Zi = "timeline_item_v1", gt = "window_v1", qi = "window_item_v1", v = {
+const Ql = /* @__PURE__ */ be(Xl, [["render", Yl]]), Mi = "badge_v1", cn = "breadcrumbs_v1", De = "bar_chart_v1", Re = "btn_v1", Me = "btn_group_v1", Fe = "btn_toggle_v1", He = "card_v1", Oe = "checkbox_v1", Ge = "chip_v1", Ke = "chip_group_v1", je = "color_picker_v1", Ue = "combobox_v1", Ze = "container_v1", qe = "data_table_v1", Je = "date_picker_v1", Xe = "dialog_v1", Ye = "file_input_v1", Qe = "flex_layout_v1", Fi = "flex_layout_entry_v1", et = "form_v1", tt = "icon_v1", nt = "globality_v1", it = "line_chart_v1", ot = "menu_v1", st = "number_input_v1", lt = "pagination_v1", Hi = "radio_v1", rt = "radio_group_v1", at = "range_slider_v1", ut = "rating_v1", _e = "ref_v1", dt = "select_v1", ct = "slider_v1", mt = "stepper_v1", Oi = "stepper_header_v1", Gi = "stepper_item_v1", Ki = "stepper_window_v1", ji = "stepper_window_item_v1", pt = "switch_v1", Ui = "tab_v1", ft = "tabs_v1", bt = "text_v1", vt = "textarea_v1", yt = "text_field_v1", ht = "timeline_v1", Zi = "timeline_item_v1", gt = "window_v1", qi = "window_item_v1", v = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -2895,13 +2914,13 @@ const pn = {
   spawn: nr
 };
 I(kt);
-const Yt = R(U);
-Yt.key = "backgroundColor";
-Yt.name = "x-runtime-lib.backgroundColor";
+const Xt = R(U);
+Xt.key = "backgroundColor";
+Xt.name = "x-runtime-lib.backgroundColor";
 const fn = {
   key: "globalSettings",
   name: "x-runtime-lib.globalSettings",
-  children: [Yt]
+  children: [Xt]
 }, ir = {
   key: nt,
   name: "x-runtime-lib.globality",
@@ -3230,7 +3249,7 @@ const hn = {
 }, ar = {
   key: Fe,
   name: "x-runtime-lib.buttonToggle",
-  comp: Xs,
+  comp: Js,
   slots: [
     {
       key: "default",
@@ -3317,7 +3336,7 @@ const gn = {
 }, ye = {
   key: He,
   name: "x-runtime-lib.card",
-  comp: Ys,
+  comp: Xs,
   slots: [
     {
       key: "default",
@@ -3353,7 +3372,7 @@ const xn = {
 }, dr = {
   key: Oe,
   name: "x-runtime-lib.checkbox",
-  comp: Js,
+  comp: Ys,
   slots: [],
   events: [],
   methods: [],
@@ -3626,13 +3645,13 @@ const wn = {
   }
 };
 I(fr);
-const Jt = R(U);
-Jt.key = "backgroundColor";
-Jt.name = "x-runtime-lib.backgroundColor";
+const Yt = R(U);
+Yt.key = "backgroundColor";
+Yt.name = "x-runtime-lib.backgroundColor";
 const Vn = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Jt]
+  children: [Yt]
 }, $t = {
   key: Ze,
   name: "x-runtime-lib.container",
@@ -3823,7 +3842,7 @@ const $n = {
 };
 I(br);
 const vr = {
-  key: Xe,
+  key: Je,
   name: "x-runtime-lib.datePicker",
   comp: al,
   slots: [],
@@ -3836,7 +3855,7 @@ const vr = {
 };
 I(vr);
 const yr = {
-  key: Ye,
+  key: Xe,
   name: "x-runtime-lib.dialog",
   comp: dl,
   slots: [
@@ -3871,8 +3890,8 @@ const Sn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, Xa = {
-  key: Je,
+}, Ja = {
+  key: Ye,
   name: "x-runtime-lib.fileInput",
   comp: cl,
   slots: [],
@@ -3953,21 +3972,21 @@ function hr(t, e) {
     gr(t, e)
   ], o;
 }
-function It(t, e, i, s, l, o, r, u, d) {
-  const p = `type=${t} subtype=${e}`, a = E(t, e);
+function It(t, e, i, s, l, o, r, u, m) {
+  const f = `type=${t} subtype=${e}`, a = E(t, e);
   if (!a) {
     console.error(
-      `flexLayoutV1/spawnContainer prop tag not found, ${p}`
+      `flexLayoutV1/spawnContainer prop tag not found, ${f}`
     );
     return;
   }
   const c = $t.props[a];
   if (!c) {
-    console.error(`flexLayoutV1/spawnContainer props not found, ${p}`);
+    console.error(`flexLayoutV1/spawnContainer props not found, ${f}`);
     return;
   }
-  const m = {};
-  return L(m, c), m.basic.id = N(16), m.basic.key = $t.key, s && (m.size.width = s), l && (m.size.minWidth = l), r && (m.size.height = r), u && (m.size.minHeight = u), console.log(m), i && (m.settings.backgroundColor.mode = "custom", m.settings.backgroundColor.custom.light = i, m.settings.backgroundColor.custom.dark = i), m.children = [], m;
+  const d = {};
+  return L(d, c), d.basic.id = N(16), d.basic.key = $t.key, s && (d.size.width = s), l && (d.size.minWidth = l), r && (d.size.height = r), u && (d.size.minHeight = u), console.log(d), i && (d.settings.backgroundColor.mode = "custom", d.settings.backgroundColor.custom.light = i, d.settings.backgroundColor.custom.dark = i), d.children = [], d;
 }
 function gr(t, e) {
   const i = `type=${t} subtype=${e}`, s = E(t, e);
@@ -5777,7 +5796,7 @@ function Rr(t, e) {
   const o = {};
   return L(o, l), o.basic.id = N(16), o.basic.key = ae.key, o.settings.text = "text", o;
 }
-const Xn = {
+const Jn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5871,8 +5890,8 @@ const Xn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [v, Xn],
-    compCommon: [v, Xn]
+    pageCommon: [v, Jn],
+    compCommon: [v, Jn]
   },
   spawn: Rr
 };
@@ -5891,7 +5910,7 @@ function Mr(t, e) {
   const o = {};
   return L(o, l), o.basic.id = N(16), o.basic.key = Mt.key, o.settings.label = "label", o;
 }
-const Yn = {
+const Xn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5970,8 +5989,8 @@ const Yn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [v, Yn],
-    compCommon: [v, Yn]
+    pageCommon: [v, Xn],
+    compCommon: [v, Xn]
   },
   spawn: Mr
 };
@@ -6040,7 +6059,7 @@ function Hr(t, e, i) {
   const r = {};
   return L(r, o), r.basic.id = N(16), r.basic.key = ae.key, r.settings.text = i, r;
 }
-const Or = R(U), Gr = R(U), Jn = {
+const Or = R(U), Gr = R(U), Yn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6131,8 +6150,8 @@ const Or = R(U), Gr = R(U), Jn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [v, Jn],
-    compCommon: [v, Jn]
+    pageCommon: [v, Yn],
+    compCommon: [v, Yn]
   },
   spawn: Fr
 };
@@ -6266,7 +6285,7 @@ const Qn = {
 }, Gt = {
   key: gt,
   name: "x-runtime-lib.window",
-  comp: Xl,
+  comp: Jl,
   slots: [
     {
       key: "default",
@@ -6292,16 +6311,16 @@ const Zr = [
   { title: "x-runtime-lib.category", value: "category" },
   { title: "x-runtime-lib.time", value: "time" },
   { title: "x-runtime-lib.log", value: "log" }
-], Xr = [
+], Jr = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.solid", value: "solid" },
   { title: "x-runtime-lib.dashed", value: "dashed" },
   { title: "x-runtime-lib.dotted", value: "dotted" }
-], Yr = [
+], Xr = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.theme", value: "theme" },
   { title: "x-runtime-lib.custom", value: "custom" }
-], Jr = [
+], Yr = [
   { title: "x-runtime-lib.default", value: "default" },
   { title: "x-runtime-lib.comfortable", value: "comfortable" },
   { title: "x-runtime-lib.compact", value: "compact" }
@@ -6435,9 +6454,9 @@ const Zr = [
   __proto__: null,
   alignTabsItemsV1: Zr,
   axisTypeItemsV1: qr,
-  borderStyleItemsV1: Xr,
-  colorModeItemsV1: Yr,
-  densityItemsV1: Jr,
+  borderStyleItemsV1: Jr,
+  colorModeItemsV1: Xr,
+  densityItemsV1: Yr,
   directionItemsV1: Qr,
   fieldVariantItemsV1: ea,
   flexCrossAlignItemsV1: ta,
@@ -6546,7 +6565,7 @@ const Zr = [
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: Xt,
+    validator: Jt,
     precision: 6,
     default: "0%"
   }
@@ -6570,7 +6589,7 @@ const Zr = [
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: Xt,
+    validator: Jt,
     precision: 6,
     min: 0,
     default: "0%"
@@ -6595,7 +6614,7 @@ const Zr = [
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: Xt,
+    validator: Jt,
     precision: 6,
     min: 0,
     default: "0%"
@@ -6680,9 +6699,9 @@ const Zr = [
     Ue,
     Ze,
     qe,
+    Je,
     Xe,
     Ye,
-    Je,
     Qe,
     Fi,
     et,
@@ -6725,7 +6744,7 @@ const Zr = [
         Ge,
         Ze,
         Qe,
-        Ye,
+        Xe,
         ot,
         _e
       ]
@@ -6751,7 +6770,7 @@ const Zr = [
         Oe,
         ct,
         at,
-        Je
+        Ye
       ]
     },
     {
@@ -6783,7 +6802,7 @@ const Zr = [
     {
       key: "pickers",
       name: "x-runtime-lib.pickers",
-      items: [je, Xe]
+      items: [je, Je]
     }
   ]
 }, rn = {
@@ -6794,7 +6813,7 @@ const Zr = [
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(o.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + e + (e.split("/").length !== i ? ". Note that variables only represent file names one level deep." : ""))));
   });
 };
-async function Ya(t) {
+async function Xa(t) {
   return (await Ta(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.kt9hy7ly.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.d5y1j94g.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
 export {
@@ -6820,7 +6839,7 @@ export {
   re as elements,
   Ua as ensureContext,
   Za as fieldTypes,
-  Xa as fileInputV1,
+  Ja as fileInputV1,
   Ct as flexLayoutEntryV1,
   he as flexLayoutV1,
   Tt as formV1,
@@ -6842,10 +6861,10 @@ export {
   Ai as injectOrg,
   Te as injectSandbox,
   ne as injectType,
-  Xt as isPercentStr,
+  Jt as isPercentStr,
   Se as isPixelStr,
   kt as lineChartV1,
-  Ya as loadLocaleMessageRuntime,
+  Xa as loadLocaleMessageRuntime,
   Vr as menuV1,
   Ri as newEventBus,
   zt as numberInputV1,