x-runtime-lib 0.7.10 → 0.7.11

package/dist/index.js

@@ -1,10 +1,11 @@
-import { computed as n, inject as ie, provide as oe, readonly as Gt, onBeforeMount as ji, onUnmounted as xe, defineComponent as I, useTemplateRef as Qn, onMounted as ei, watch as le, nextTick as ti, createElementBlock as q, openBlock as V, normalizeStyle as ue, ref as ce, watchEffect as ni, createBlock as S, h as O, resolveComponent as T, withCtx as E, renderSlot as M, unref as D, createVNode as Z, createSlots as we, renderList as Ui, useId as ii, isRef as oi, createCommentVNode as si, withModifiers as Zi, normalizeClass as qi, toDisplayString as Xi } from "vue";
+import { computed as n, inject as ie, provide as oe, readonly as Ot, onBeforeMount as ji, onUnmounted as xe, defineComponent as I, useTemplateRef as Qn, onMounted as ei, watch as le, nextTick as ti, createElementBlock as q, openBlock as V, normalizeStyle as ue, ref as ce, watchEffect as ni, createBlock as S, h as G, resolveComponent as T, withCtx as E, renderSlot as M, unref as D, createVNode as Z, createSlots as we, renderList as Ui, useId as ii, isRef as oi, createCommentVNode as si, withModifiers as Zi, normalizeClass as qi, toDisplayString as Xi } from "vue";
 import { waitUtil as li, eventBus as Kt, messageInfo as Yi, messageSuccess as Ji, messageWarning as Qi, messageError as ri, createAxios as eo, globalObjects as to, openConfirmDlg as no, openPromptDlg as io, useViewStack as ai, injectDark as oo } from "x-essential-lib";
 import { useTheme as so } from "vuetify";
 import { c as R, u as lo, r as ui, e as di, i as ro, a as ao, b as uo, d as co, f as mo, g as po, h as fo, j as bo, I as vo, m as yo, k as ci } from "./vendor.gekjccxc.js";
 import { useI18n as mi } from "vue-i18n";
 import { getErrorMessage as ho } from "x-error-lib";
-const re = {}, xo = {
+import { useRouter as xo } from "vue-router";
+const re = {}, go = {
   key: "add",
   name: "METHOD_ADD",
   inputs: [],
@@ -15,7 +16,7 @@ const re = {}, xo = {
     }
   ]
 }, C = (t) => {
-  t.slots.some((e) => e.key === "default") && t.methods.unshift(xo), re[t.key] = t;
+  t.slots.some((e) => e.key === "default") && t.methods.unshift(go), re[t.key] = t;
 };
 function pi(t) {
   const e = n(() => t.node.legend?.show), i = n(() => t.node.legend?.data);
@@ -77,9 +78,9 @@ function j(t, e) {
   return { color: n(() => s.value === "theme" ? l.value : s.value === "custom" ? o.value : "") };
 }
 function jt(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), a = n(() => e.node.border?.roundRadius?.tr), d = n(() => e.node.border?.roundRadius?.bl), m = n(() => e.node.border?.roundRadius?.br);
-  function u(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), a.value && (c.borderTopRightRadius = a.value), d.value && (c.borderBottomLeftRadius = d.value), m.value && (c.borderBottomRightRadius = m.value);
+  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), a = n(() => e.node.border?.roundRadius?.tr), d = n(() => e.node.border?.roundRadius?.bl), c = n(() => e.node.border?.roundRadius?.br);
+  function u(m) {
+    i.value && (m.borderStyle = i.value), s.value && (m.borderWidth = s.value), o.value && (m.borderColor = o.value), r.value && (m.borderTopLeftRadius = r.value), a.value && (m.borderTopRightRadius = a.value), d.value && (m.borderBottomLeftRadius = d.value), c.value && (m.borderBottomRightRadius = c.value);
   }
   return { borderStyle: i, borderWidth: s, borderColor: o, applyBorder: u };
 }
@@ -98,7 +99,7 @@ function Zt(t) {
   return { paddingTop: e, paddingLeft: i, paddingBottom: s, paddingRight: l, applyPadding: o };
 }
 const rn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-function A(t) {
+function N(t) {
   let e = "";
   for (let i = 0; i < t; i++) {
     const s = Math.floor(Math.random() * rn.length);
@@ -118,7 +119,7 @@ function qt(t) {
   const e = t.substring(0, t.length - 1), i = parseFloat(e);
   return !isNaN(i);
 }
-function La(t) {
+function Wa(t) {
   if (typeof t != "string" || !t.endsWith("px"))
     return;
   const e = t.substring(0, t.length - 2), i = parseFloat(e);
@@ -132,7 +133,7 @@ function ze(t) {
   if (!isNaN(i))
     return i;
 }
-const hi = ["xs", "sm", "md", "lg", "xl"], go = [...hi].reverse();
+const hi = ["xs", "sm", "md", "lg", "xl"], ko = [...hi].reverse();
 function xi(t) {
   return t < 600 ? "xs" : t < 960 ? "sm" : t < 1280 ? "md" : t < 1920 ? "lg" : "xl";
 }
@@ -141,7 +142,7 @@ function an(t) {
 }
 function ve(t, e) {
   let i;
-  for (const s of go) {
+  for (const s of ko) {
     if (an(s) < an(t))
       break;
     e[s] && (i = e[s]);
@@ -181,7 +182,7 @@ function P(t, e) {
   }
   e.forEach((s) => i(t, s));
 }
-function ko(t, e, i, s, l) {
+function _o(t, e, i, s, l) {
   const o = `type=${t} subtype=${e} version=${i} ref=${s} keyOrRefid=${l}`, r = L(t, e);
   if (!r) {
     console.error(`spawnNode prop tag not found, ${o}`);
@@ -193,7 +194,7 @@ function ko(t, e, i, s, l) {
     return;
   }
   if (s) {
-    const d = a.refKey, m = l;
+    const d = a.refKey, c = l;
     if (!a.elements.has(d)) {
       console.error(`spawnNode [ref] element not found in pkg, ${o}`);
       return;
@@ -203,8 +204,8 @@ function ko(t, e, i, s, l) {
       console.error(`spawnNode [ref] element not found in global, ${o}`);
       return;
     }
-    const c = u.props[r];
-    if (!c) {
+    const m = u.props[r];
+    if (!m) {
       console.error(`spawnNode [ref] props not found, ${o}`);
       return;
     }
@@ -214,8 +215,8 @@ function ko(t, e, i, s, l) {
         key: ""
       }
     };
-    return P(p, c), p.basic.id = A(16), p.basic.key = d, p.ref = {
-      id: m
+    return P(p, m), p.basic.id = N(16), p.basic.key = d, p.ref = {
+      id: c
     }, p;
   } else {
     const d = l;
@@ -223,30 +224,30 @@ function ko(t, e, i, s, l) {
       console.error(`spawnNode [key] element not found in pkg, ${o}`);
       return;
     }
-    const m = re[d];
-    if (!m) {
+    const c = re[d];
+    if (!c) {
       console.error(`spawnNode [key] element not found in global, ${o}`);
       return;
     }
-    if (m.spawn)
-      return m.spawn(t, e);
+    if (c.spawn)
+      return c.spawn(t, e);
     {
-      const u = m.props[r];
+      const u = c.props[r];
       if (!u) {
         console.error(`spawnNode [key] props not found, ${o}`);
         return;
       }
-      const c = {
+      const m = {
         basic: {
           id: "",
           key: ""
         }
       };
-      return P(c, u), c.basic.id = A(16), c.basic.key = d, m.slots.some((p) => p.key === "default") && (c.children = []), c;
+      return P(m, u), m.basic.id = N(16), m.basic.key = d, c.slots.some((p) => p.key === "default") && (m.children = []), m;
     }
   }
 }
-function Ea(t, e) {
+function Ba(t, e) {
   function i(s) {
     if (s.basic.id === e)
       return s;
@@ -263,58 +264,58 @@ function Ea(t, e) {
       return l;
   }
 }
-function _o(t) {
+function wo(t) {
   function e(s) {
-    s.basic.id = A(16), s.children?.forEach((l) => e(l));
+    s.basic.id = N(16), s.children?.forEach((l) => e(l));
   }
   const i = R(t);
   return e(i), i;
 }
-function Wa(t) {
+function Da(t) {
   const e = [];
   return t.forEach((i) => {
-    e.push(_o(i));
+    e.push(wo(i));
   }), e;
 }
 const gi = "runtimeEnv", ki = "runtimeMode", _i = "runtimeDevice", wi = "runtimeDark", Vi = "runtimeType", $i = "runtimeData", Ci = "runtimeDepends", Ii = "runtimeSandbox";
-function Ba(t) {
+function Ra(t) {
   oe(gi, t);
 }
 function Si() {
   return ie(gi);
 }
-function Da(t) {
+function Ma(t) {
   oe(ki, t);
 }
 function F() {
   return ie(ki);
 }
-function Ra(t) {
-  oe(_i, Gt(t));
+function Fa(t) {
+  oe(_i, Ot(t));
 }
 function Q() {
   return ie(_i);
 }
-function Ma(t) {
-  oe(wi, Gt(t));
+function Ha(t) {
+  oe(wi, Ot(t));
 }
 function B() {
   return ie(wi);
 }
-function Fa(t) {
+function Ga(t) {
   oe(Vi, t);
 }
 function ee() {
   return ie(Vi);
 }
-function Ha(t) {
+function Oa(t) {
   oe($i, t);
 }
 function te() {
   return ie($i);
 }
-function Oa(t) {
-  oe(Ci, Gt(t));
+function Ka(t) {
+  oe(Ci, Ot(t));
 }
 function Ti() {
   return ie(Ci);
@@ -348,10 +349,10 @@ function se(t, e, i) {
     }
     return i.node.size?.maxHeight;
   });
-  function m(u) {
+  function c(u) {
     s.value && (u.width = s.value), l.value && (u.minWidth = l.value), o.value && (u.maxWidth = o.value), r.value && (u.height = r.value), a.value && (u.minHeight = a.value), d.value && (u.maxHeight = d.value);
   }
-  return { width: s, minWidth: l, maxWidth: o, height: r, minHeight: a, maxHeight: d, applySize: m };
+  return { width: s, minWidth: l, maxWidth: o, height: r, minHeight: a, maxHeight: d, applySize: c };
 }
 function Ai(t, e, i) {
   const s = n(() => e.node.basic.id), l = n(() => `callMethod@${s.value}`);
@@ -361,66 +362,66 @@ function Ai(t, e, i) {
     t.eventBus?.off(l.value, i);
   });
 }
-const wo = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Vo = "#242424", $o = {}, Co = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, Io = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, So = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, To = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, zo = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ao = { itemStyle: { borderWidth: 0, borderColor: "#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: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, Do = { 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" } }, Ro = { 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)" } } }, Mo = { 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)" } } }, Fo = { 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"] } } }, Ho = { 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"] } } }, 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 = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, jo = { textStyle: { color: "#eeeeee" } }, Uo = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Zo = { 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" } } }, qo = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Xo = { 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" } }, Yo = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Jo = {
-  color: wo,
-  backgroundColor: Vo,
-  textStyle: $o,
-  title: Co,
-  line: Io,
-  radar: So,
-  bar: To,
-  pie: zo,
-  scatter: Ao,
-  boxplot: No,
-  parallel: Po,
-  sankey: Lo,
-  funnel: Eo,
-  gauge: Wo,
-  candlestick: Bo,
-  graph: Do,
-  map: Ro,
-  geo: Mo,
-  categoryAxis: Fo,
-  valueAxis: Ho,
+const Vo = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], $o = "#242424", Co = {}, Io = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, So = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, To = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, zo = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Ao = { itemStyle: { borderWidth: 0, borderColor: "#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: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, Ro = { 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" } }, Mo = { 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)" } } }, 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 = { 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"] } } }, 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"] } } }, 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 = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Uo = { textStyle: { color: "#eeeeee" } }, Zo = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, qo = { 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" } }, Jo = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Qo = {
+  color: Vo,
+  backgroundColor: $o,
+  textStyle: Co,
+  title: Io,
+  line: So,
+  radar: To,
+  bar: zo,
+  pie: Ao,
+  scatter: No,
+  boxplot: Po,
+  parallel: Lo,
+  sankey: Eo,
+  funnel: Wo,
+  gauge: Bo,
+  candlestick: Do,
+  graph: Ro,
+  map: Mo,
+  geo: Fo,
+  categoryAxis: Ho,
+  valueAxis: Go,
   logAxis: Oo,
-  timeAxis: Go,
-  toolbox: Ko,
-  legend: jo,
-  tooltip: Uo,
-  timeline: Zo,
-  visualMap: qo,
-  dataZoom: Xo,
-  markPoint: Yo
-}, Qo = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], es = "#f5f5f5", ts = {}, ns = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, is = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, os = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, ss = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, ls = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, rs = { itemStyle: { borderWidth: 0, borderColor: "#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: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, fs = { 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" } }, bs = { 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)" } } }, vs = { 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)" } } }, ys = { 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"] } } }, hs = { 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"] } } }, 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"] } } }, ks = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, _s = { textStyle: { color: "#333333" } }, ws = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, Vs = { 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" } } }, $s = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Cs = { 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" } }, Is = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Ss = {
-  color: Qo,
-  backgroundColor: es,
-  textStyle: ts,
-  title: ns,
-  line: is,
-  radar: os,
-  bar: ss,
-  pie: ls,
-  scatter: rs,
-  boxplot: as,
-  parallel: us,
-  sankey: ds,
-  funnel: cs,
-  gauge: ms,
-  candlestick: ps,
-  graph: fs,
-  map: bs,
-  geo: vs,
-  categoryAxis: ys,
-  valueAxis: hs,
-  logAxis: xs,
-  timeAxis: gs,
-  toolbox: ks,
-  legend: _s,
-  tooltip: ws,
-  timeline: Vs,
-  visualMap: $s,
-  dataZoom: Cs,
-  markPoint: Is
+  timeAxis: Ko,
+  toolbox: jo,
+  legend: Uo,
+  tooltip: Zo,
+  timeline: qo,
+  visualMap: Xo,
+  dataZoom: Yo,
+  markPoint: Jo
+}, es = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], ts = "#f5f5f5", ns = {}, is = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, os = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, ss = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, ls = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, rs = { itemStyle: { borderWidth: 0, borderColor: "#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: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, bs = { 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" } }, vs = { 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)" } } }, 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 = { 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"] } } }, 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"] } } }, 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 = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, ws = { textStyle: { color: "#333333" } }, Vs = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, $s = { 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" } } }, Cs = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Is = { 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" } }, Ss = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Ts = {
+  color: es,
+  backgroundColor: ts,
+  textStyle: ns,
+  title: is,
+  line: os,
+  radar: ss,
+  bar: ls,
+  pie: rs,
+  scatter: as,
+  boxplot: us,
+  parallel: ds,
+  sankey: cs,
+  funnel: ms,
+  gauge: ps,
+  candlestick: fs,
+  graph: bs,
+  map: vs,
+  geo: ys,
+  categoryAxis: hs,
+  valueAxis: xs,
+  logAxis: gs,
+  timeAxis: ks,
+  toolbox: _s,
+  legend: ws,
+  tooltip: Vs,
+  timeline: $s,
+  visualMap: Cs,
+  dataZoom: Is,
+  markPoint: Ss
 };
 lo([
   ro,
@@ -432,140 +433,140 @@ lo([
   fo,
   bo
 ]);
-ui("dark", Jo);
-ui("light", Ss);
-const Ts = /* @__PURE__ */ I({
+ui("dark", Qo);
+ui("light", Ts);
+const zs = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = Q(), l = B(), o = ee(), r = te(), { width: a, minWidth: d, maxWidth: m, height: u, minHeight: c, maxHeight: p, applySize: y } = se(i, s, e), { applyTitle: h } = bi(e), { applyXAxis: f } = vi(e), { applyYAxis: g } = yi(e), { applyLegend: w } = pi(e), { applySeries: b } = fi(e), k = n(() => {
-      const $ = {}, G = r.value.type;
-      return o === "page" ? G === "common" ? y($) : console.assert(!1) : o === "comp" && G === "common" ? y($) : console.assert(!1), $;
-    }), x = Qn("chart");
-    let _;
-    const N = () => {
-      _?.dispose(), _ = di.init(x.value, l.value ? "dark" : "light");
+    const e = t, i = F(), s = Q(), l = B(), o = ee(), r = te(), { width: a, minWidth: d, maxWidth: c, height: u, minHeight: m, maxHeight: p, applySize: y } = se(i, s, e), { applyTitle: x } = bi(e), { applyXAxis: f } = vi(e), { applyYAxis: _ } = yi(e), { applyLegend: k } = pi(e), { applySeries: b } = fi(e), g = n(() => {
+      const $ = {}, O = r.value.type;
+      return o === "page" ? O === "common" ? y($) : console.assert(!1) : o === "comp" && O === "common" ? y($) : console.assert(!1), $;
+    }), h = Qn("chart");
+    let w;
+    const A = () => {
+      w?.dispose(), w = di.init(h.value, l.value ? "dark" : "light");
       const $ = {};
-      _.setOption($);
+      w.setOption($);
     }, z = () => {
-      _?.resize();
+      w?.resize();
     }, W = () => {
       const $ = {};
-      h($), f($), g($), w($), b($), _?.setOption($, !0);
+      x($), f($), _($), k($), b($), w?.setOption($, !0);
     };
     return ei(async () => {
-      window.addEventListener("resize", z, !1), await li(() => !!x.value), N(), W();
+      window.addEventListener("resize", z, !1), await li(() => !!h.value), A(), W();
     }), xe(() => {
-      window.removeEventListener("resize", z, !1), _?.dispose();
+      window.removeEventListener("resize", z, !1), w?.dispose();
     }), le(
       [
         () => s.value.width,
         () => s.value.height,
         a,
         d,
-        m,
-        u,
         c,
+        u,
+        m,
         p
       ],
       async () => {
         await ti(), z();
       }
     ), le([l], () => {
-      N(), W();
+      A(), W();
     }), le(
       [e],
       () => {
         W();
       },
       { deep: !0 }
-    ), ($, G) => (V(), q("div", {
+    ), ($, O) => (V(), q("div", {
       ref: "chart",
-      style: ue(k.value)
+      style: ue(g.value)
     }, null, 4));
   }
-}), zs = /* @__PURE__ */ I({
+}), As = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = Q(), l = B(), o = ee(), r = te(), { width: a, minWidth: d, maxWidth: m, height: u, minHeight: c, maxHeight: p, applySize: y } = se(i, s, e), { applyTitle: h } = bi(e), { applyXAxis: f } = vi(e), { applyYAxis: g } = yi(e), { applyLegend: w } = pi(e), { applySeries: b } = fi(e), k = n(() => {
-      const $ = {}, G = r.value.type;
-      return o === "page" ? G === "common" ? y($) : console.assert(!1) : o === "comp" && G === "common" ? y($) : console.assert(!1), $;
-    }), x = Qn("chart");
-    let _;
-    const N = () => {
-      _?.dispose(), _ = di.init(x.value, l.value ? "dark" : "light");
+    const e = t, i = F(), s = Q(), l = B(), o = ee(), r = te(), { width: a, minWidth: d, maxWidth: c, height: u, minHeight: m, maxHeight: p, applySize: y } = se(i, s, e), { applyTitle: x } = bi(e), { applyXAxis: f } = vi(e), { applyYAxis: _ } = yi(e), { applyLegend: k } = pi(e), { applySeries: b } = fi(e), g = n(() => {
+      const $ = {}, O = r.value.type;
+      return o === "page" ? O === "common" ? y($) : console.assert(!1) : o === "comp" && O === "common" ? y($) : console.assert(!1), $;
+    }), h = Qn("chart");
+    let w;
+    const A = () => {
+      w?.dispose(), w = di.init(h.value, l.value ? "dark" : "light");
       const $ = {};
-      _.setOption($);
+      w.setOption($);
     }, z = () => {
-      _?.resize();
+      w?.resize();
     }, W = () => {
       const $ = {};
-      h($), f($), g($), w($), b($), _?.setOption($, !0);
+      x($), f($), _($), k($), b($), w?.setOption($, !0);
     };
     return ei(async () => {
-      window.addEventListener("resize", z, !1), await li(() => !!x.value), N(), W();
+      window.addEventListener("resize", z, !1), await li(() => !!h.value), A(), W();
     }), xe(() => {
-      window.removeEventListener("resize", z, !1), _?.dispose();
+      window.removeEventListener("resize", z, !1), w?.dispose();
     }), le(
       [
         () => s.value.width,
         () => s.value.height,
         a,
         d,
-        m,
-        u,
         c,
+        u,
+        m,
         p
       ],
       async () => {
         await ti(), z();
       }
     ), le([l], () => {
-      N(), W();
+      A(), W();
     }), le(
       [e],
       () => {
         W();
       },
       { deep: !0 }
-    ), ($, G) => (V(), q("div", {
+    ), ($, O) => (V(), q("div", {
       ref: "chart",
-      style: ue(k.value)
+      style: ue(g.value)
     }, null, 4));
   }
 });
-function As(t, e) {
+function Ns(t, e) {
   function i(a) {
     const d = t.pseudoToNative(a);
     console.log(d);
   }
   function s(a) {
     const d = t.pseudoToNative(a);
-    let m = "";
-    typeof d == "object" ? m = JSON.stringify(d) : m = String(d), Kt.emit("consoleAppend", m);
+    let c = "";
+    typeof d == "object" ? c = JSON.stringify(d) : c = String(d), Kt.emit("consoleAppend", c);
   }
   function l(a, d) {
-    const m = t.pseudoToNative(a), u = t.pseudoToNative(d);
-    m === "info" ? Yi(u) : m === "success" ? Ji(u) : m === "warning" ? Qi(u) : m === "error" && ri(u);
+    const c = t.pseudoToNative(a), u = t.pseudoToNative(d);
+    c === "info" ? Yi(u) : c === "success" ? Ji(u) : c === "warning" ? Qi(u) : c === "error" && ri(u);
   }
   function o(a, d) {
-    const m = t.pseudoToNative(a), u = t.pseudoToNative(d);
+    const c = t.pseudoToNative(a), u = t.pseudoToNative(d);
     setTimeout(() => {
-      t.appendCode(`__timeoutCallbackV1__(${m})`), t.run();
+      t.appendCode(`__timeoutCallbackV1__(${c})`), t.run();
     }, u);
   }
   function r(a, d) {
-    const m = t.pseudoToNative(a);
+    const c = t.pseudoToNative(a);
     setTimeout(() => {
       d(), t.run();
-    }, m);
+    }, c);
   }
   t.setProperty(
     e,
@@ -597,22 +598,22 @@ const Ni = eo({
   }
 });
 window.API_URL && (Ni.defaults.baseURL = window.API_URL + "/computebase/");
-function Ns(t) {
+function Ps(t) {
   return Ni.post("callFunc", t);
 }
-function Ps(t, e) {
+function Ls(t, e) {
   async function i(s, l, o, r, a, d) {
-    const m = t.pseudoToNative(s), u = t.pseudoToNative(l), c = t.pseudoToNative(o), p = t.pseudoToNative(r), y = t.pseudoToNative(a);
+    const c = t.pseudoToNative(s), u = t.pseudoToNative(l), m = t.pseudoToNative(o), p = t.pseudoToNative(r), y = t.pseudoToNative(a);
     try {
-      const h = JSON.stringify(c), { strOutputs: f } = await Ns({
-        spaceid: m,
+      const x = JSON.stringify(m), { strOutputs: f } = await Ps({
+        spaceid: c,
         id: u,
-        strInputs: h,
+        strInputs: x,
         env: p
-      }), g = JSON.parse(f);
-      d(t.nativeToPseudo(g)), t.run();
-    } catch (h) {
-      console.error("callFuncV1 failed", y, h);
+      }), _ = JSON.parse(f);
+      d(t.nativeToPseudo(_)), t.run();
+    } catch (x) {
+      console.error("callFuncV1 failed", y, x);
     }
   }
   t.setProperty(
@@ -621,7 +622,7 @@ function Ps(t, e) {
     t.createAsyncFunction(i)
   );
 }
-class Ls {
+class Es {
   context;
   nodes;
   constructor(e) {
@@ -648,7 +649,7 @@ class Ls {
       o = this.context.data.view.nodes;
     if (!o)
       return "";
-    const r = ko(
+    const r = _o(
       this.context.type,
       this.context.data.type,
       this.context.data.version,
@@ -661,70 +662,80 @@ class Ls {
     this.getNode(e);
   }
 }
-function Es(t, e, i) {
-  const s = new Ls(t);
-  function l(c, p, y) {
-    const h = e.pseudoToNative(c), f = e.pseudoToNative(p), g = e.pseudoToNative(y), w = s.addNode(h, f, g);
-    return e.nativeToPseudo(w);
-  }
-  function o(c) {
-    const p = e.pseudoToNative(c);
-    s.deleteNode(p);
-  }
-  function r(c, p) {
-    const y = e.pseudoToNative(c), h = e.pseudoToNative(p), f = `id=${y} keys=${h}`;
-    let g;
-    if (y === "globality" ? g = t.data.view : g = s.getNode(y), !g) {
-      console.error(`getNodePropV1 node not found, ${f}`);
+function Ws(t, e, i) {
+  const s = new Es(t);
+  function l(p, y, x) {
+    const f = e.pseudoToNative(p), _ = e.pseudoToNative(y), k = e.pseudoToNative(x), b = s.addNode(f, _, k);
+    return e.nativeToPseudo(b);
+  }
+  function o(p) {
+    const y = e.pseudoToNative(p);
+    s.deleteNode(y);
+  }
+  function r(p, y) {
+    const x = e.pseudoToNative(p), f = e.pseudoToNative(y), _ = `id=${x} keys=${f}`;
+    let k;
+    if (x === "globality" ? k = t.data.view : k = s.getNode(x), !k) {
+      console.error(`getNodePropV1 node not found, ${_}`);
       return;
     }
-    const w = h.split("."), b = w.length;
-    for (let k = 0; k < b; k++) {
-      const x = w[k];
-      if (k === b - 1)
-        return e.nativeToPseudo(g[x]);
-      if (!g) {
-        console.error(`getNodePropV1 unpkg failed, ${f}`);
+    const b = f.split("."), g = b.length;
+    for (let h = 0; h < g; h++) {
+      const w = b[h];
+      if (h === g - 1)
+        return e.nativeToPseudo(k[w]);
+      if (!k) {
+        console.error(`getNodePropV1 unpkg failed, ${_}`);
         return;
       }
-      g = g[x];
+      k = k[w];
     }
   }
-  function a(c, p, y) {
-    const h = e.pseudoToNative(c), f = e.pseudoToNative(p), g = e.pseudoToNative(y), w = `id=${h} keys=${f} value=${g}`;
-    let b;
-    if (h === "globality" ? b = t.data.view : b = s.getNode(h), !b) {
-      console.error(`setNodePropV1 node not found, ${w}`);
+  function a(p, y, x) {
+    const f = e.pseudoToNative(p), _ = e.pseudoToNative(y), k = e.pseudoToNative(x), b = `id=${f} keys=${_} value=${k}`;
+    let g;
+    if (f === "globality" ? g = t.data.view : g = s.getNode(f), !g) {
+      console.error(`setNodePropV1 node not found, ${b}`);
       return;
     }
-    const k = f.split("."), x = k.length;
-    for (let _ = 0; _ < x; _++) {
-      const N = k[_];
-      if (_ === x - 1)
-        b[N] = g;
+    const h = _.split("."), w = h.length;
+    for (let A = 0; A < w; A++) {
+      const z = h[A];
+      if (A === w - 1)
+        g[z] = k;
       else {
-        if (!b) {
-          console.error(`setNodePropV1 unpkg failed, ${w}`);
+        if (!g) {
+          console.error(`setNodePropV1 unpkg failed, ${b}`);
           return;
         }
-        b = b[N];
+        g = g[z];
       }
     }
   }
-  function d(c, p, y, h) {
-    const f = e.pseudoToNative(c), g = e.pseudoToNative(p), w = e.pseudoToNative(y), b = { outputs: [] };
-    t.eventBus?.emit(`callMethod@${f}`, { name: g, inputs: w, result: b }), h(e.nativeToPseudo(b.outputs)), e.run();
+  function d(p, y, x, f) {
+    const _ = e.pseudoToNative(p), k = e.pseudoToNative(y), b = e.pseudoToNative(x), g = { outputs: [] };
+    t.eventBus?.emit(`callMethod@${_}`, { name: k, inputs: b, result: g }), f(e.nativeToPseudo(g.outputs)), e.run();
   }
-  function m(c, p, y) {
-    const h = e.pseudoToNative(c), f = e.pseudoToNative(p);
-    no({ title: h, text: f }).then((g) => {
-      y(e.nativeToPseudo(g)), e.run();
+  function c(p, y, x) {
+    const f = e.pseudoToNative(p), _ = e.pseudoToNative(y);
+    no({ title: f, text: _ }).then((k) => {
+      x(e.nativeToPseudo(k)), e.run();
     });
   }
-  function u(c, p, y, h) {
-    const f = e.pseudoToNative(c), g = e.pseudoToNative(p), w = e.pseudoToNative(y);
-    io({ title: f, label: g, value: w }).then((b) => {
-      h(e.nativeToPseudo(b)), e.run();
+  function u(p, y, x) {
+    const f = e.pseudoToNative(p), _ = e.pseudoToNative(y), k = e.pseudoToNative(x);
+    if (t.mode !== "runtime")
+      return;
+    const b = xo(), g = "/main/" + Date.now(), h = {
+      appid: f,
+      pageid: _
+    };
+    k === "push" ? b.push({ path: g, query: h }) : k === "replace" ? b.replace({ path: g, query: h }) : console.assert(!1);
+  }
+  function m(p, y, x, f) {
+    const _ = e.pseudoToNative(p), k = e.pseudoToNative(y), b = e.pseudoToNative(x);
+    io({ title: _, label: k, value: b }).then((g) => {
+      f(e.nativeToPseudo(g)), e.run();
     });
   }
   e.setProperty(
@@ -747,21 +758,26 @@ function Es(t, e, i) {
     i,
     "__callNodeMethodV1__",
     e.createAsyncFunction(d)
+  ), e.setProperty(
+    i,
+    "__navigateToV1__",
+    e.createNativeFunction(u)
   ), e.setProperty(
     i,
     "__openConfirmDlgV1__",
-    e.createAsyncFunction(m)
+    e.createAsyncFunction(c)
   ), e.setProperty(
     i,
     "__openPromptDlgV1__",
-    e.createAsyncFunction(u)
+    e.createAsyncFunction(m)
   );
 }
-function Ws(t, e, i) {
-  As(e, i), Ps(e, i), Es(t, e, i);
+function Bs(t, e, i) {
+  Ns(e, i), Ls(e, i), Ws(t, e, i);
 }
-const Bs = `
+const Ds = `
 var __env__ = 'dev'
+var __mode__ = 'editor'
 
 function __getEnvV1__() {
   return __env__
@@ -769,7 +785,7 @@ function __getEnvV1__() {
 
 var __pointerPosX__ = 0
 var __pointerPosY__ = 0
-`, Ds = `
+`, Rs = `
 var __events__ = {}
 
 function __addEventListenerV1__(id, event, callback) {
@@ -840,7 +856,7 @@ function __triggerEvent__(id, event, p1, p2, p3, p4, p5, p6, p7, p8, p9, p10, p1
     callbacks[i](p1, p2, p3, p4, p5, p6, p7, p8, p9, p10, p11, p12, p13, p14, p15, p16)
   }
 }
-`, Rs = `
+`, Ms = `
 var __timers__ = {}
 var __currTimerId__ = 0
 
@@ -882,26 +898,27 @@ function __timeoutCallbackV1__(timerId) {
     }
   }
 }
-`, Ms = `
+`, Fs = `
 function __destroy__() {
 }
-`, Fs = Bs + Ds + Rs + Ms;
+`, Hs = Ds + Rs + Ms + Fs;
 function Pi(t, e) {
   const i = new vo(
-    Fs,
+    Hs,
     (s, l) => {
-      Ws(t, s, l);
+      Bs(t, s, l);
     }
   );
   return i.appendCode(e), i.appendCode(`
 __env__ = '${t.env}';
+__mode__ = '${t.mode}';
 __triggerEvent__('globality', 'startup');
   `), i.run(), i;
 }
 function Li(t) {
   t.appendCode("__destroy__();"), t.run();
 }
-function Ga(t, e, i, s, l) {
+function ja(t, e, i, s, l) {
   let o = t;
   for (let a = 0; a < e.length; a++)
     if (o = o.children[e[a]], !o) {
@@ -919,7 +936,7 @@ function Ga(t, e, i, s, l) {
     children: {}
   }, o.children[i] = r);
 }
-const Ka = [
+const Ua = [
   "string",
   "number",
   "boolean",
@@ -929,7 +946,7 @@ const Ka = [
 function Ei() {
   return yo();
 }
-const Hs = /* @__PURE__ */ I({
+const Gs = /* @__PURE__ */ I({
   __name: "index",
   props: {
     id: {},
@@ -938,86 +955,86 @@ const Hs = /* @__PURE__ */ I({
     outer: { type: Boolean }
   },
   setup(t) {
-    const { t: e } = mi(), i = t, s = Si(), l = F(), o = Q(), r = ee(), a = te(), d = Ti(), m = ce(-1), u = ce(), c = {};
-    zi(c);
+    const { t: e } = mi(), i = t, s = Si(), l = F(), o = Q(), r = ee(), a = te(), d = Ti(), c = ce(-1), u = ce(), m = {};
+    zi(m);
     const p = () => {
-      c.eventBus && (c.eventBus = void 0), c.interpreter && (Li(c.interpreter), c.interpreter = void 0);
+      m.eventBus && (m.eventBus = void 0), m.interpreter && (Li(m.interpreter), m.interpreter = void 0);
     };
     ni(() => {
       if (!i.refContext.refid) {
-        m.value = -1, u.value = void 0, p();
+        c.value = -1, u.value = void 0, p();
         return;
       }
-      const x = d.value[i.refContext.refid];
-      if (!x) {
-        m.value = -1, u.value = null, p(), Kt.emit("compNotAvail", i.refContext.refid);
+      const h = d.value[i.refContext.refid];
+      if (!h) {
+        c.value = -1, u.value = null, p(), Kt.emit("compNotAvail", i.refContext.refid);
         return;
       }
-      if (m.value === x.dataSeq || (m.value = x.dataSeq, u.value = R(x.data), l !== "runtime"))
+      if (c.value === h.dataSeq || (c.value = h.dataSeq, u.value = R(h.data), l !== "runtime"))
         return;
       p();
-      const _ = u.value, N = _.code.script;
-      if (N) {
+      const w = u.value, A = w.code.script;
+      if (A) {
         const z = Ei();
-        c.eventBus = z, c.interpreter = Pi(
-          { env: s, type: r, data: _, eventBus: z },
-          N
+        m.eventBus = z, m.interpreter = Pi(
+          { env: s, mode: l, type: r, data: w, eventBus: z },
+          A
         );
       }
     }), xe(() => {
       p();
     });
-    const { applySize: y } = se(l, o, i), h = n(() => {
-      const x = {}, _ = a.value.type;
-      return r === "page" ? _ === "common" ? y(x) : console.assert(!1) : r === "comp" && _ === "common" ? y(x) : console.assert(!1), x;
+    const { applySize: y } = se(l, o, i), x = n(() => {
+      const h = {}, w = a.value.type;
+      return r === "page" ? w === "common" ? y(h) : console.assert(!1) : r === "comp" && w === "common" ? y(h) : console.assert(!1), h;
     });
-    function f(x) {
-      const _ = ln[a.value.version].refKey, N = re[_];
-      return N ? O(N.comp, {
+    function f(h) {
+      const w = ln[a.value.version].refKey, A = re[w];
+      return A ? G(A.comp, {
         refContext: {
           parent: i.refContext,
-          refid: x.ref.id
+          refid: h.ref.id
         },
-        node: x
-      }) : (console.assert(!1, `ref element not found key=${_}`), O("div", `ref element not found key=${_}`));
+        node: h
+      }) : (console.assert(!1, `ref element not found key=${w}`), G("div", `ref element not found key=${w}`));
     }
-    function g(x) {
-      const _ = re[x.basic.key];
-      if (!_)
-        return console.assert(!1, `element not found key=${x.basic.key}`), O("div", `element not found key=${x.basic.key}`);
-      const N = [];
-      return _.slots.some((z) => z.key === "default") && x.children?.forEach((z) => {
-        const W = w(z);
-        N.push(W);
-      }), O(_.comp, { node: x }, { default: () => N });
+    function _(h) {
+      const w = re[h.basic.key];
+      if (!w)
+        return console.assert(!1, `element not found key=${h.basic.key}`), G("div", `element not found key=${h.basic.key}`);
+      const A = [];
+      return w.slots.some((z) => z.key === "default") && h.children?.forEach((z) => {
+        const W = k(z);
+        A.push(W);
+      }), G(w.comp, { node: h }, { default: () => A });
     }
-    function w(x) {
-      return x.ref ? f(x) : g(x);
+    function k(h) {
+      return h.ref ? f(h) : _(h);
     }
     function b() {
-      let x = i.refContext.parent;
-      for (; x; ) {
-        if (x.refid === i.refContext.refid)
+      let h = i.refContext.parent;
+      for (; h; ) {
+        if (h.refid === i.refContext.refid)
           return !0;
-        x = x.parent;
+        h = h.parent;
       }
       return !1;
     }
-    const k = () => {
+    const g = () => {
       if (b())
-        return O("div", { id: i.id }, e("x-runtime-lib.circularRef"));
+        return G("div", { id: i.id }, e("x-runtime-lib.circularRef"));
       if (!u.value)
-        return u.value === void 0 ? O("div", { id: i.id }) : O("div", { id: i.id }, e("x-runtime-lib.compNotAvail"));
-      const x = u.value.type;
-      if (x === "common") {
-        const _ = [];
-        return u.value.view.nodes.forEach((N) => {
-          _.push(w(N));
-        }), O("div", { id: i.id, style: h.value }, _);
+        return u.value === void 0 ? G("div", { id: i.id }) : G("div", { id: i.id }, e("x-runtime-lib.compNotAvail"));
+      const h = u.value.type;
+      if (h === "common") {
+        const w = [];
+        return u.value.view.nodes.forEach((A) => {
+          w.push(k(A));
+        }), G("div", { id: i.id, style: x.value }, w);
       } else
-        return console.assert(!1, `invalid subtype=${x}`), O("div", { id: i.id }, `invalid subtype=${x}`);
+        return console.assert(!1, `invalid subtype=${h}`), G("div", { id: i.id }, `invalid subtype=${h}`);
     };
-    return (x, _) => (V(), S(k));
+    return (h, w) => (V(), S(g));
   }
 }), J = /* @__PURE__ */ I({
   __name: "index",
@@ -1026,34 +1043,34 @@ const Hs = /* @__PURE__ */ I({
     state: {}
   },
   setup(t) {
-    const { t: e } = mi(), i = t, s = Si(), l = F(), o = ee(), r = te(), a = Ti(), d = ce(-1), m = ce(), u = {};
+    const { t: e } = mi(), i = t, s = Si(), l = F(), o = ee(), r = te(), a = Ti(), d = ce(-1), c = ce(), u = {};
     zi(u);
-    const c = () => {
+    const m = () => {
       u.eventBus && (u.eventBus = void 0), u.interpreter && (Li(u.interpreter), u.interpreter = void 0);
     };
     ni(() => {
       if (!i.refContext.refid) {
-        d.value = -1, m.value = void 0, c();
+        d.value = -1, c.value = void 0, m();
         return;
       }
       const b = a.value[i.refContext.refid];
       if (!b) {
-        d.value = -1, m.value = null, c(), Kt.emit("compNotAvail", i.refContext.refid);
+        d.value = -1, c.value = null, m(), Kt.emit("compNotAvail", i.refContext.refid);
         return;
       }
-      if (d.value === b.dataSeq || (d.value = b.dataSeq, m.value = R(b.data), l !== "runtime"))
+      if (d.value === b.dataSeq || (d.value = b.dataSeq, c.value = R(b.data), l !== "runtime"))
         return;
-      c();
-      const k = m.value, x = k.code.script;
-      if (x) {
-        const _ = Ei();
-        u.eventBus = _, u.interpreter = Pi(
-          { env: s, type: o, data: k, eventBus: _ },
-          x
+      m();
+      const g = c.value, h = g.code.script;
+      if (h) {
+        const w = Ei();
+        u.eventBus = w, u.interpreter = Pi(
+          { env: s, mode: l, type: o, data: g, eventBus: w },
+          h
         );
       }
     }), xe(() => {
-      c();
+      m();
     });
     const p = () => {
       console.log("triggerUpdate");
@@ -1066,28 +1083,28 @@ const Hs = /* @__PURE__ */ I({
       { deep: !0, immediate: !0 }
     );
     function y(b) {
-      const k = ln[r.value.version].refKey, x = re[k];
-      return x ? O(x.comp, {
+      const g = ln[r.value.version].refKey, h = re[g];
+      return h ? G(h.comp, {
         refContext: {
           parent: i.refContext,
           refid: b.ref.id
         },
         node: b
-      }) : (console.assert(!1, `ref element not found key=${k}`), O("div", `ref element not found key=${k}`));
+      }) : (console.assert(!1, `ref element not found key=${g}`), G("div", `ref element not found key=${g}`));
     }
-    function h(b) {
-      const k = re[b.basic.key];
-      if (!k)
-        return console.assert(!1, `element not found key=${b.basic.key}`), O("div", `element not found key=${b.basic.key}`);
-      const x = [];
-      return k.slots.some((_) => _.key === "default") && b.children?.forEach((_) => {
-        x.push(f(_));
-      }), O(k.comp, { node: b }, { default: () => x });
+    function x(b) {
+      const g = re[b.basic.key];
+      if (!g)
+        return console.assert(!1, `element not found key=${b.basic.key}`), G("div", `element not found key=${b.basic.key}`);
+      const h = [];
+      return g.slots.some((w) => w.key === "default") && b.children?.forEach((w) => {
+        h.push(f(w));
+      }), G(g.comp, { node: b }, { default: () => h });
     }
     function f(b) {
-      return b.ref ? y(b) : h(b);
+      return b.ref ? y(b) : x(b);
     }
-    function g() {
+    function _() {
       let b = i.refContext.parent;
       for (; b; ) {
         if (b.refid === i.refContext.refid)
@@ -1096,21 +1113,21 @@ const Hs = /* @__PURE__ */ I({
       }
       return !1;
     }
-    const w = () => {
-      if (g())
-        return O("div", e("x-runtime-lib.circularRef"));
-      if (!m.value)
-        return m.value === void 0 ? O("div") : O("div", e("x-runtime-lib.compNotAvail"));
-      const b = m.value.type;
+    const k = () => {
+      if (_())
+        return G("div", e("x-runtime-lib.circularRef"));
+      if (!c.value)
+        return c.value === void 0 ? G("div") : G("div", e("x-runtime-lib.compNotAvail"));
+      const b = c.value.type;
       if (b === "common") {
-        const k = [];
-        return m.value.view.nodes.forEach((x) => {
-          k.push(f(x));
-        }), k;
+        const g = [];
+        return c.value.view.nodes.forEach((h) => {
+          g.push(f(h));
+        }), g;
       } else
-        return console.assert(!1, `invalid subtype=${b}`), O("div", `invalid subtype=${b}`);
+        return console.assert(!1, `invalid subtype=${b}`), G("div", `invalid subtype=${b}`);
     };
-    return (b, k) => (V(), S(w));
+    return (b, g) => (V(), S(k));
   }
 }), Os = /* @__PURE__ */ I({
   __name: "index",
@@ -1120,7 +1137,7 @@ const Hs = /* @__PURE__ */ I({
   },
   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), a = n(() => e.node.settings?.offset?.y);
-    return (d, m) => {
+    return (d, c) => {
       const u = T("v-badge");
       return V(), S(u, {
         content: s.value,
@@ -1136,14 +1153,14 @@ const Hs = /* @__PURE__ */ I({
       }, 8, ["content", "dot", "theme", "offset-x", "offset-y"]);
     };
   }
-}), Gs = /* @__PURE__ */ I({
+}), Ks = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     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), a = n(() => e.node.settings?.color), { color: d } = j(s, a), m = n(() => e.node.settings?.density), u = n(() => e.node.settings?.disabled), c = n(() => e.node.size?.height), p = n(() => e.node.settings?.loading), y = n(() => e.node.size?.maxHeight), h = n(() => e.node.size?.maxWidth), f = n(() => e.node.size?.minHeight), g = n(() => e.node.size?.minWidth), w = n(() => e.node.settings?.addIcon?.prepend), b = n(() => e.node.settings?.readonly), k = n(() => e.node.settings?.ripple), x = n(() => e.node.settings?.size), _ = n(() => e.node.settings?.stacked), N = n(() => e.node.settings?.text), z = n(() => s.value ? "dark" : "light"), W = n(() => e.node.settings?.variant), $ = 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), a = n(() => e.node.settings?.color), { color: d } = j(s, a), c = n(() => e.node.settings?.density), u = n(() => e.node.settings?.disabled), m = n(() => e.node.size?.height), p = n(() => e.node.settings?.loading), y = n(() => e.node.size?.maxHeight), x = n(() => e.node.size?.maxWidth), f = n(() => e.node.size?.minHeight), _ = n(() => e.node.size?.minWidth), k = n(() => e.node.settings?.addIcon?.prepend), b = n(() => e.node.settings?.readonly), g = n(() => e.node.settings?.ripple), h = n(() => e.node.settings?.size), w = n(() => e.node.settings?.stacked), A = n(() => e.node.settings?.text), z = n(() => s.value ? "dark" : "light"), W = n(() => e.node.settings?.variant), $ = n(() => e.node.size?.width), O = (Y) => {
       if (i !== "runtime")
         return;
       const K = l.interpreter;
@@ -1158,24 +1175,24 @@ const Hs = /* @__PURE__ */ I({
         "append-icon": o.value,
         block: r.value,
         color: D(d),
-        density: m.value,
+        density: c.value,
         disabled: u.value,
-        height: c.value,
+        height: m.value,
         loading: p.value,
         "max-height": y.value,
-        "max-width": h.value,
+        "max-width": x.value,
         "min-height": f.value,
-        "min-width": g.value,
-        "prepend-icon": w.value,
+        "min-width": _.value,
+        "prepend-icon": k.value,
         readonly: b.value,
-        ripple: k.value,
-        size: x.value,
-        stacked: _.value,
-        text: N.value,
+        ripple: g.value,
+        size: h.value,
+        stacked: w.value,
+        text: A.value,
         theme: z.value,
         variant: W.value,
         width: $.value,
-        onClick: G
+        onClick: O
       }, null, 8, ["append-icon", "block", "color", "density", "disabled", "height", "loading", "max-height", "max-width", "min-height", "min-width", "prepend-icon", "readonly", "ripple", "size", "stacked", "text", "theme", "variant", "width"]);
     };
   }
@@ -1184,8 +1201,8 @@ const Hs = /* @__PURE__ */ I({
   for (const [s, l] of e)
     i[s] = l;
   return i;
-}, Ks = {};
-function js(t, e) {
+}, js = {};
+function Us(t, e) {
   const i = T("v-btn-group");
   return V(), S(i, null, {
     default: E(() => [
@@ -1194,62 +1211,62 @@ function js(t, e) {
     _: 3
   });
 }
-const Us = /* @__PURE__ */ be(Ks, [["render", js]]), Zs = /* @__PURE__ */ I({
+const Zs = /* @__PURE__ */ be(js, [["render", Us]]), qs = /* @__PURE__ */ I({
   __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), a = n(() => e.node.settings?.multiple), d = n(() => e.node.settings?.readonly), m = n(() => e.node.settings?.size), u = n(() => e.node.settings?.stacked), c = n(() => i.value ? "dark" : "light"), p = n(() => e.node.settings?.tile), y = n(() => e.node.settings?.variant);
-    return (h, f) => {
-      const g = T("v-btn-toggle");
-      return V(), S(g, {
+    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), a = n(() => e.node.settings?.multiple), d = n(() => e.node.settings?.readonly), c = n(() => e.node.settings?.size), u = n(() => e.node.settings?.stacked), m = n(() => i.value ? "dark" : "light"), p = n(() => e.node.settings?.tile), y = n(() => e.node.settings?.variant);
+    return (x, f) => {
+      const _ = T("v-btn-toggle");
+      return V(), S(_, {
         block: s.value,
         disabled: l.value,
         divided: o.value,
         mandatory: r.value,
         multiple: a.value,
         readonly: d.value,
-        size: m.value,
+        size: c.value,
         stacked: u.value,
-        theme: c.value,
+        theme: m.value,
         tile: p.value,
         variant: y.value
       }, {
         default: E(() => [
-          M(h.$slots, "default")
+          M(x.$slots, "default")
         ]),
         _: 3
       }, 8, ["block", "disabled", "divided", "mandatory", "multiple", "readonly", "size", "stacked", "theme", "tile", "variant"]);
     };
   }
-}), qs = /* @__PURE__ */ I({
+}), Xs = /* @__PURE__ */ I({
   __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), a = n(() => e.node.settings?.loading), d = n(() => e.node.size?.maxHeight), m = n(() => e.node.size?.maxWidth), u = n(() => e.node.size?.minHeight), c = n(() => e.node.size?.minWidth), p = n(() => e.node.settings?.subtitle), y = n(() => e.node.settings?.text), h = n(() => i.value ? "dark" : "light"), f = n(() => e.node.settings?.title), g = n(() => e.node.settings?.variant), w = n(() => e.node.size?.width);
-    return (b, k) => {
-      const x = T("v-card");
-      return V(), S(x, {
+    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), a = n(() => e.node.settings?.loading), d = n(() => e.node.size?.maxHeight), c = n(() => e.node.size?.maxWidth), u = n(() => e.node.size?.minHeight), m = n(() => e.node.size?.minWidth), p = n(() => e.node.settings?.subtitle), y = n(() => e.node.settings?.text), x = n(() => i.value ? "dark" : "light"), f = n(() => e.node.settings?.title), _ = n(() => e.node.settings?.variant), k = n(() => e.node.size?.width);
+    return (b, g) => {
+      const h = T("v-card");
+      return V(), S(h, {
         density: s.value,
         disabled: l.value,
         height: o.value,
         hover: r.value,
         loading: a.value,
         "max-height": d.value,
-        "max-width": m.value,
+        "max-width": c.value,
         "min-height": u.value,
-        "min-width": c.value,
+        "min-width": m.value,
         subtitle: p.value,
         text: y.value,
-        theme: h.value,
+        theme: x.value,
         title: f.value,
-        variant: g.value,
-        width: w.value
+        variant: _.value,
+        width: k.value
       }, {
         default: E(() => [
           M(b.$slots, "default")
@@ -1258,7 +1275,7 @@ const Us = /* @__PURE__ */ be(Ks, [["render", js]]), Zs = /* @__PURE__ */ I({
       }, 8, ["density", "disabled", "height", "hover", "loading", "max-height", "max-width", "min-height", "min-width", "subtitle", "text", "theme", "title", "variant", "width"]);
     };
   }
-}), Xs = /* @__PURE__ */ I({
+}), Ys = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -1274,47 +1291,47 @@ const Us = /* @__PURE__ */ be(Ks, [["render", js]]), Zs = /* @__PURE__ */ I({
       }, null, 8, ["disabled", "readonly"]);
     };
   }
-}), Ys = /* @__PURE__ */ I({
+}), Js = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     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), a = n(() => e.node.settings?.disabled), d = n(() => e.node.settings?.draggable), m = n(() => e.node.settings?.filter), u = n(() => e.node.settings?.label), c = n(() => e.node.settings?.size), p = n(() => e.node.settings?.text), y = n(() => i.value ? "dark" : "light"), h = n(() => e.node.settings?.tile), f = n(() => e.node.settings?.value), g = n(() => e.node.settings?.variant);
-    return (w, b) => {
-      const k = T("v-chip");
-      return V(), S(k, {
+    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), a = n(() => e.node.settings?.disabled), d = n(() => e.node.settings?.draggable), c = n(() => e.node.settings?.filter), u = n(() => e.node.settings?.label), m = n(() => e.node.settings?.size), p = n(() => e.node.settings?.text), y = n(() => i.value ? "dark" : "light"), x = n(() => e.node.settings?.tile), f = n(() => e.node.settings?.value), _ = n(() => e.node.settings?.variant);
+    return (k, b) => {
+      const g = T("v-chip");
+      return V(), S(g, {
         closable: s.value,
         color: D(o),
         density: r.value,
         disabled: a.value,
         draggable: d.value,
-        filter: m.value,
+        filter: c.value,
         label: u.value,
-        size: c.value,
+        size: m.value,
         text: p.value,
         theme: y.value,
-        tile: h.value,
+        tile: x.value,
         value: f.value,
-        variant: g.value
+        variant: _.value
       }, null, 8, ["closable", "color", "density", "disabled", "draggable", "filter", "label", "size", "text", "theme", "tile", "value", "variant"]);
     };
   }
-}), Js = /* @__PURE__ */ I({
+}), Qs = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     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), a = n(() => e.node.settings?.mandatory), d = n(() => e.node.settings?.value), m = (y) => {
+    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), a = n(() => e.node.settings?.mandatory), d = n(() => e.node.settings?.value), c = (y) => {
       if (!e.node.settings)
         return;
-      const { settings: h } = e.node;
-      h.value = y;
-    }, u = n(() => e.node.settings?.multiple), c = n(() => e.node.settings?.showArrows), p = n(() => i.value ? "dark" : "light");
-    return (y, h) => {
+      const { settings: x } = e.node;
+      x.value = y;
+    }, u = n(() => e.node.settings?.multiple), m = n(() => e.node.settings?.showArrows), p = n(() => i.value ? "dark" : "light");
+    return (y, x) => {
       const f = T("v-chip-group");
       return V(), S(f, {
         column: s.value,
@@ -1324,9 +1341,9 @@ const Us = /* @__PURE__ */ be(Ks, [["render", js]]), Zs = /* @__PURE__ */ I({
         mandatory: a.value,
         "model-value": d.value,
         multiple: u.value,
-        "show-arrows": c.value,
+        "show-arrows": m.value,
         theme: p.value,
-        "onUpdate:modelValue": m
+        "onUpdate:modelValue": c
       }, {
         default: E(() => [
           M(y.$slots, "default")
@@ -1335,7 +1352,7 @@ const Us = /* @__PURE__ */ be(Ks, [["render", js]]), Zs = /* @__PURE__ */ I({
       }, 8, ["column", "direction", "disabled", "filter", "mandatory", "model-value", "multiple", "show-arrows", "theme"]);
     };
   }
-}), Qs = /* @__PURE__ */ I({
+}), el = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -1343,42 +1360,42 @@ const Us = /* @__PURE__ */ be(Ks, [["render", js]]), Zs = /* @__PURE__ */ I({
   },
   setup(t) {
     const e = t, i = F(), s = Q(), l = B(), o = ee(), r = te(), { applySize: a } = se(i, s, e), d = n(() => {
-      const w = {}, b = r.value.type;
-      return o === "page" ? b === "common" ? a(w) : console.assert(!1) : o === "comp" && b === "common" ? a(w) : console.assert(!1), w;
-    }), m = n(() => e.node.settings?.disabled), u = n(() => e.node.settings?.hideCanvas), c = n(() => e.node.settings?.hideHeader), p = n(() => e.node.settings?.hideInputs), y = n(() => e.node.settings?.hideSliders), h = n(() => e.node.settings?.landscape), f = n(() => e.node.settings?.showSwatches), g = n(() => l.value ? "dark" : "light");
-    return (w, b) => {
-      const k = T("v-color-picker");
-      return V(), S(k, {
-        disabled: m.value,
+      const k = {}, b = r.value.type;
+      return o === "page" ? b === "common" ? a(k) : console.assert(!1) : o === "comp" && b === "common" ? a(k) : console.assert(!1), k;
+    }), c = n(() => e.node.settings?.disabled), u = n(() => e.node.settings?.hideCanvas), m = n(() => e.node.settings?.hideHeader), p = n(() => e.node.settings?.hideInputs), y = n(() => e.node.settings?.hideSliders), x = n(() => e.node.settings?.landscape), f = n(() => e.node.settings?.showSwatches), _ = n(() => l.value ? "dark" : "light");
+    return (k, b) => {
+      const g = T("v-color-picker");
+      return V(), S(g, {
+        disabled: c.value,
         "hide-canvas": u.value,
-        "hide-header": c.value,
+        "hide-header": m.value,
         "hide-inputs": p.value,
         "hide-sliders": y.value,
-        landscape: h.value,
+        landscape: x.value,
         "show-swatches": f.value,
         style: ue(d.value),
-        theme: g.value
+        theme: _.value
       }, null, 8, ["disabled", "hide-canvas", "hide-header", "hide-inputs", "hide-sliders", "landscape", "show-swatches", "style", "theme"]);
     };
   }
-}), el = { key: 0 }, tl = /* @__PURE__ */ I({
+}), tl = { key: 0 }, nl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     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), a = n(() => e.node.settings?.placeholder), d = n(() => i !== "runtime" ? !0 : e.node.settings?.readonly), m = n(() => e.node.settings?.singleLine), u = n(() => s.value ? "dark" : "light");
-    return (c, p) => {
+    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), a = n(() => e.node.settings?.placeholder), d = n(() => i !== "runtime" ? !0 : e.node.settings?.readonly), c = n(() => e.node.settings?.singleLine), u = n(() => s.value ? "dark" : "light");
+    return (m, p) => {
       const y = T("v-combobox");
-      return D(i) === "editor" ? (V(), q("div", el, [
+      return D(i) === "editor" ? (V(), q("div", tl, [
         Z(y, {
           "hide-details": l.value,
           label: o.value,
           "model-value": r.value,
           placeholder: a.value,
           readonly: d.value,
-          "single-line": m.value,
+          "single-line": c.value,
           theme: u.value
         }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"])
       ])) : (V(), S(y, {
@@ -1388,77 +1405,77 @@ const Us = /* @__PURE__ */ be(Ks, [["render", js]]), Zs = /* @__PURE__ */ I({
         "model-value": r.value,
         placeholder: a.value,
         readonly: d.value,
-        "single-line": m.value,
+        "single-line": c.value,
         theme: u.value
       }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"]));
     };
   }
-}), nl = /* @__PURE__ */ I({
+}), il = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = Q(), l = B(), o = ee(), r = te(), a = n(() => e.node.settings?.backgroundColor), { color: d } = j(l, a), { applySize: m } = se(i, s, e), { applyMargin: u } = Ut(e), { applyPadding: c } = Zt(e), { applyBorder: p } = jt(l, e), y = n(() => {
-      const h = {}, f = r.value.type;
-      return o === "page" ? f === "common" ? (m(h), u(h), c(h), p(h), d.value && (h.backgroundColor = d.value)) : console.assert(!1) : o === "comp" && f === "common" ? (m(h), u(h), c(h), p(h), d.value && (h.backgroundColor = d.value)) : console.assert(!1), h;
+    const e = t, i = F(), s = Q(), l = B(), o = ee(), r = te(), a = n(() => e.node.settings?.backgroundColor), { color: d } = j(l, a), { applySize: c } = se(i, s, e), { applyMargin: u } = Ut(e), { applyPadding: m } = Zt(e), { applyBorder: p } = jt(l, e), y = n(() => {
+      const x = {}, f = r.value.type;
+      return o === "page" ? f === "common" ? (c(x), u(x), m(x), p(x), d.value && (x.backgroundColor = d.value)) : console.assert(!1) : o === "comp" && f === "common" ? (c(x), u(x), m(x), p(x), d.value && (x.backgroundColor = d.value)) : console.assert(!1), x;
     });
-    return (h, f) => (V(), q("div", {
+    return (x, f) => (V(), q("div", {
       style: ue(y.value)
     }, [
-      M(h.$slots, "default")
+      M(x.$slots, "default")
     ], 4));
   }
-}), il = /* @__PURE__ */ I({
+}), ol = /* @__PURE__ */ I({
   __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?.fixedFooter), o = n(() => e.node.settings?.fixedHeader), r = n(() => e.node.settings?.headers), a = n(() => e.node.size?.height), d = n(() => e.node.settings?.hover), m = n(() => {
+    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), a = n(() => e.node.size?.height), d = n(() => e.node.settings?.hover), c = n(() => {
       const f = e.node.settings?.data;
       return typeof f == "string" ? JSON.parse(f) : f;
-    }), u = n(() => e.node.settings?.loading), c = n(() => e.node.settings?.multiSort), p = n(() => i.value ? "dark" : "light"), y = n(() => e.node.size?.width), h = n(() => {
+    }), u = n(() => e.node.settings?.loading), m = n(() => e.node.settings?.multiSort), p = n(() => i.value ? "dark" : "light"), y = n(() => e.node.size?.width), x = n(() => {
       const f = [];
-      return (e.node.slots?.items ?? []).forEach((w) => {
-        w.column && w.comp && f.push(w);
+      return (e.node.slots?.items ?? []).forEach((k) => {
+        k.column && k.comp && f.push(k);
       }), f;
     });
-    return (f, g) => {
-      const w = T("v-data-table");
-      return V(), S(w, {
+    return (f, _) => {
+      const k = T("v-data-table");
+      return V(), S(k, {
         density: s.value,
         "fixed-header": o.value,
         "fixed-footer": l.value,
         headers: r.value,
         height: a.value,
         hover: d.value,
-        items: m.value,
+        items: c.value,
         loading: u.value,
-        "multi-sort": c.value,
+        "multi-sort": m.value,
         theme: p.value,
         width: y.value
       }, we({ _: 2 }, [
-        Ui(h.value, (b) => ({
+        Ui(x.value, (b) => ({
           name: `item.${b.column}`,
-          fn: E(({ value: k }) => [
+          fn: E(({ value: g }) => [
             Z(J, {
               "ref-context": { refid: b.comp },
-              state: { value: k }
+              state: { value: g }
             }, null, 8, ["ref-context", "state"])
           ])
         }))
       ]), 1032, ["density", "fixed-header", "fixed-footer", "headers", "height", "hover", "items", "loading", "multi-sort", "theme", "width"]);
     };
   }
-}), ol = {};
-function sl(t, e) {
+}), sl = {};
+function ll(t, e) {
   const i = T("v-date-picker");
   return V(), S(i);
 }
-const ll = /* @__PURE__ */ be(ol, [["render", sl]]), rl = ["id"], al = /* @__PURE__ */ I({
+const rl = /* @__PURE__ */ be(sl, [["render", ll]]), al = ["id"], ul = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -1469,11 +1486,11 @@ const ll = /* @__PURE__ */ be(ol, [["render", sl]]), rl = ["id"], al = /* @__PUR
     return Ai(s, e, (a) => {
       if (i !== "runtime" || !s.interpreter)
         return;
-      const { name: m } = a;
-      m === "open" ? o.value = !0 : m === "close" && (o.value = !1);
+      const { name: c } = a;
+      c === "open" ? o.value = !0 : c === "close" && (o.value = !1);
     }), (a, d) => {
-      const m = T("v-dialog");
-      return V(), S(m, {
+      const c = T("v-dialog");
+      return V(), S(c, {
         modelValue: D(o),
         "onUpdate:modelValue": d[0] || (d[0] = (u) => oi(o) ? o.value = u : null),
         attach: "#dialogContainer"
@@ -1482,7 +1499,7 @@ const ll = /* @__PURE__ */ be(ol, [["render", sl]]), rl = ["id"], al = /* @__PUR
           D(i) === "editor" ? (V(), q("div", {
             key: 0,
             id: `__node__@${l.value}`
-          }, null, 8, rl)) : si("", !0)
+          }, null, 8, al)) : si("", !0)
         ]),
         default: E(() => [
           M(a.$slots, "default")
@@ -1491,15 +1508,15 @@ const ll = /* @__PURE__ */ be(ol, [["render", sl]]), rl = ["id"], al = /* @__PUR
       }, 8, ["modelValue"]);
     };
   }
-}), ul = /* @__PURE__ */ I({
+}), dl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     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), a = n(() => e.node.settings?.label), d = n(() => e.node.settings?.loading), m = n(() => e.node.settings?.multiple), u = n(() => i !== "runtime" ? !0 : e.node.settings?.readonly), c = n(() => e.node.settings?.reverse), p = n(() => e.node.settings?.singleLine);
-    return (y, h) => {
+    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), a = n(() => e.node.settings?.label), d = n(() => e.node.settings?.loading), c = n(() => e.node.settings?.multiple), u = n(() => i !== "runtime" ? !0 : e.node.settings?.readonly), m = n(() => e.node.settings?.reverse), p = n(() => e.node.settings?.singleLine);
+    return (y, x) => {
       const f = T("v-file-input");
       return V(), S(f, {
         chips: s.value,
@@ -1508,58 +1525,58 @@ const ll = /* @__PURE__ */ be(ol, [["render", sl]]), rl = ["id"], al = /* @__PUR
         disabled: r.value,
         label: a.value,
         loading: d.value,
-        multiple: m.value,
+        multiple: c.value,
         readonly: u.value,
-        reverse: c.value,
+        reverse: m.value,
         "single-line": p.value
       }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"]);
     };
   }
-}), dl = /* @__PURE__ */ I({
+}), cl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = Q(), l = B(), o = ee(), r = te(), { applySize: a } = se(i, s, e), { applyMargin: d } = Ut(e), { applyPadding: m } = Zt(e), { applyBorder: u } = jt(l, e), c = n(() => e.node.settings?.backgroundColor), { color: p } = j(l, c), y = (f) => {
+    const e = t, i = F(), s = Q(), l = B(), o = ee(), r = te(), { applySize: a } = se(i, s, e), { applyMargin: d } = Ut(e), { applyPadding: c } = Zt(e), { applyBorder: u } = jt(l, e), m = n(() => e.node.settings?.backgroundColor), { color: p } = j(l, m), y = (f) => {
       p.value && (f.backgroundColor = p.value), f.display = "flex";
-      const g = xi(s.value.width), w = ve(g, e.node.settings?.direction);
-      w === "row" ? f.flexDirection = "row" : w === "rowReverse" ? f.flexDirection = "row-reverse" : w === "column" ? f.flexDirection = "column" : w === "columnReverse" && (f.flexDirection = "column-reverse");
-      const b = ve(g, e.node.settings?.wrap);
+      const _ = xi(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 b = ve(_, e.node.settings?.wrap);
       b === "no" ? f.flexWrap = "nowrap" : b === "yes" ? f.flexWrap = "wrap" : b === "reverse" && (f.flexWrap = "wrap-reverse");
-      const k = ve(g, e.node.settings?.mainAlign);
-      k === "start" ? f.justifyContent = "flex-start" : k === "end" ? f.justifyContent = "flex-end" : k === "center" ? f.justifyContent = "center" : k === "spaceBetween" ? f.justifyContent = "space-between" : k === "spaceAround" ? f.justifyContent = "space-around" : k === "spaceEvenly" && (f.justifyContent = "space-evenly");
-      const x = ve(g, e.node.settings?.crossAlign);
-      x === "start" ? f.alignItems = "flex-start" : x === "end" ? f.alignItems = "flex-end" : x === "center" ? f.alignItems = "center" : x === "baseline" ? f.alignItems = "baseline" : x === "stretch" && (f.alignItems = "stretch");
-    }, h = n(() => {
-      const f = {}, g = r.value.type;
-      return o === "page" ? g === "common" ? (a(f), d(f), m(f), u(f), y(f)) : console.assert(!1) : o === "comp" && g === "common" ? (a(f), d(f), m(f), u(f), y(f)) : console.assert(!1), f;
+      const g = ve(_, e.node.settings?.mainAlign);
+      g === "start" ? f.justifyContent = "flex-start" : g === "end" ? f.justifyContent = "flex-end" : g === "center" ? f.justifyContent = "center" : g === "spaceBetween" ? f.justifyContent = "space-between" : g === "spaceAround" ? f.justifyContent = "space-around" : g === "spaceEvenly" && (f.justifyContent = "space-evenly");
+      const h = ve(_, e.node.settings?.crossAlign);
+      h === "start" ? f.alignItems = "flex-start" : h === "end" ? f.alignItems = "flex-end" : h === "center" ? f.alignItems = "center" : h === "baseline" ? f.alignItems = "baseline" : h === "stretch" && (f.alignItems = "stretch");
+    }, x = n(() => {
+      const f = {}, _ = r.value.type;
+      return o === "page" ? _ === "common" ? (a(f), d(f), c(f), u(f), y(f)) : console.assert(!1) : o === "comp" && _ === "common" ? (a(f), d(f), c(f), u(f), y(f)) : console.assert(!1), f;
     });
-    return (f, g) => (V(), q("div", {
-      style: ue(h.value)
+    return (f, _) => (V(), q("div", {
+      style: ue(x.value)
     }, [
       M(f.$slots, "default")
     ], 4));
   }
-}), cl = /* @__PURE__ */ I({
+}), ml = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = Q(), l = ee(), o = te(), { applySize: r } = se(i, s, e), a = n(() => e.node.settings?.grow), d = n(() => e.node.settings?.shrink), m = n(() => {
-      const u = {}, c = o.value.type;
-      return l === "page" ? c === "common" ? (r(u), u.flexGrow = a.value ? 1 : 0, u.flexShrink = d.value ? 1 : 0) : console.assert(!1) : l === "comp" && c === "common" ? (r(u), u.flexGrow = a.value ? 1 : 0, u.flexShrink = d.value ? 1 : 0) : console.assert(!1), u;
+    const e = t, i = F(), s = Q(), l = ee(), o = te(), { applySize: r } = se(i, s, e), a = n(() => e.node.settings?.grow), d = n(() => e.node.settings?.shrink), c = n(() => {
+      const u = {}, m = o.value.type;
+      return l === "page" ? m === "common" ? (r(u), u.flexGrow = a.value ? 1 : 0, u.flexShrink = d.value ? 1 : 0) : console.assert(!1) : l === "comp" && m === "common" ? (r(u), u.flexGrow = a.value ? 1 : 0, u.flexShrink = d.value ? 1 : 0) : console.assert(!1), u;
     });
-    return (u, c) => (V(), q("div", {
-      style: ue(m.value)
+    return (u, m) => (V(), q("div", {
+      style: ue(c.value)
     }, [
       M(u.$slots, "default")
     ], 4));
   }
-}), ml = /* @__PURE__ */ I({
+}), pl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -1571,26 +1588,26 @@ const ll = /* @__PURE__ */ be(ol, [["render", sl]]), rl = ["id"], al = /* @__PUR
       set: (b) => {
         e.node.settings && (e.node.settings.valid = !!b);
       }
-    }), m = n(() => e.node.settings?.fastFail), { applySize: u } = se(i, s, e), { applyMargin: c } = Ut(e), { applyPadding: p } = Zt(e), { applyBorder: y } = jt(l, e), h = n(() => e.node.settings?.backgroundColor), { color: f } = j(l, h), g = n(() => {
-      const b = {}, k = r.value.type;
-      return o === "page" ? k === "common" ? (u(b), c(b), p(b), y(b), f.value && (b.backgroundColor = f.value)) : console.assert(!1) : o === "comp" && k === "common" ? (u(b), c(b), p(b), y(b), f.value && (b.backgroundColor = f.value)) : console.assert(!1), b;
-    }), w = () => {
+    }), c = n(() => e.node.settings?.fastFail), { applySize: u } = se(i, s, e), { applyMargin: m } = Ut(e), { applyPadding: p } = Zt(e), { applyBorder: y } = jt(l, e), x = n(() => e.node.settings?.backgroundColor), { color: f } = j(l, x), _ = n(() => {
+      const b = {}, g = r.value.type;
+      return o === "page" ? g === "common" ? (u(b), m(b), p(b), y(b), f.value && (b.backgroundColor = f.value)) : console.assert(!1) : o === "comp" && g === "common" ? (u(b), m(b), p(b), y(b), f.value && (b.backgroundColor = f.value)) : console.assert(!1), b;
+    }), k = () => {
       if (i !== "runtime")
         return;
       const b = a.interpreter;
       if (!b)
         return;
-      const k = b.nativeToPseudo(e.node.basic.id);
-      b.appendCode(`__triggerEvent__('${k}', 'submit')`), b.run();
+      const g = b.nativeToPseudo(e.node.basic.id);
+      b.appendCode(`__triggerEvent__('${g}', 'submit')`), b.run();
     };
-    return (b, k) => {
-      const x = T("v-form");
-      return V(), S(x, {
+    return (b, g) => {
+      const h = T("v-form");
+      return V(), S(h, {
         modelValue: d.value,
-        "onUpdate:modelValue": k[0] || (k[0] = (_) => d.value = _),
-        style: ue(g.value),
-        "fast-fail": m.value,
-        onSubmit: Zi(w, ["prevent"])
+        "onUpdate:modelValue": g[0] || (g[0] = (w) => d.value = w),
+        style: ue(_.value),
+        "fast-fail": c.value,
+        onSubmit: Zi(k, ["prevent"])
       }, {
         default: E(() => [
           M(b.$slots, "default")
@@ -1599,7 +1616,7 @@ const ll = /* @__PURE__ */ be(ol, [["render", sl]]), rl = ["id"], al = /* @__PUR
       }, 8, ["modelValue", "style", "fast-fail"]);
     };
   }
-}), pl = /* @__PURE__ */ I({
+}), fl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -1607,9 +1624,9 @@ const ll = /* @__PURE__ */ be(ol, [["render", sl]]), rl = ["id"], al = /* @__PUR
   },
   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), a = n(() => e.node.settings?.size), d = n(() => i.value ? "dark" : "light");
-    return (m, u) => {
-      const c = T("v-icon");
-      return V(), S(c, {
+    return (c, u) => {
+      const m = T("v-icon");
+      return V(), S(m, {
         color: D(l),
         disabled: o.value,
         icon: r.value,
@@ -1618,7 +1635,7 @@ const ll = /* @__PURE__ */ be(ol, [["render", sl]]), rl = ["id"], al = /* @__PUR
       }, null, 8, ["color", "disabled", "icon", "size", "theme"]);
     };
   }
-}), fl = ["id"], bl = /* @__PURE__ */ I({
+}), bl = ["id"], vl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -1629,16 +1646,16 @@ const ll = /* @__PURE__ */ be(ol, [["render", sl]]), rl = ["id"], al = /* @__PUR
     return Ai(s, e, (u) => {
       if (i !== "runtime")
         return;
-      const c = s.interpreter;
-      if (!c)
+      const m = s.interpreter;
+      if (!m)
         return;
       const { name: p } = u;
-      p === "open" ? (l.value = c.getProperty(c.globalObject, "__pointerPosX__"), o.value = c.getProperty(c.globalObject, "__pointerPosY__"), d.value = !0) : p === "close" && (d.value = !1);
-    }), (u, c) => {
+      p === "open" ? (l.value = m.getProperty(m.globalObject, "__pointerPosX__"), o.value = m.getProperty(m.globalObject, "__pointerPosY__"), d.value = !0) : p === "close" && (d.value = !1);
+    }), (u, m) => {
       const p = T("v-menu");
       return V(), S(p, {
         modelValue: D(d),
-        "onUpdate:modelValue": c[0] || (c[0] = (y) => oi(d) ? d.value = y : null),
+        "onUpdate:modelValue": m[0] || (m[0] = (y) => oi(d) ? d.value = y : null),
         "location-strategy": "connected",
         target: r.value,
         attach: "menuContainer",
@@ -1648,7 +1665,7 @@ const ll = /* @__PURE__ */ be(ol, [["render", sl]]), rl = ["id"], al = /* @__PUR
           D(i) === "editor" ? (V(), q("div", {
             key: 0,
             id: `__node__@${a.value}`
-          }, null, 8, fl)) : si("", !0)
+          }, null, 8, bl)) : si("", !0)
         ]),
         default: E(() => [
           M(u.$slots, "default")
@@ -1657,14 +1674,14 @@ const ll = /* @__PURE__ */ be(ol, [["render", sl]]), rl = ["id"], al = /* @__PUR
       }, 8, ["modelValue", "target"]);
     };
   }
-}), vl = /* @__PURE__ */ I({
+}), yl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     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), a = n(() => e.node.settings?.hideDetails), d = n(() => e.node.settings?.label), m = n(() => e.node.settings?.loading), u = n(() => e.node.settings?.max), c = n(() => e.node.size?.maxWidth), p = n(() => e.node.settings?.min), y = n(() => e.node.size?.minWidth), h = n(() => e.node.settings?.value), f = n(() => e.node.settings?.placeholder), g = n(() => e.node.settings?.precision), w = n(() => e.node.settings?.prefix), b = n(() => e.node.settings?.addIcon?.prepend), k = n(() => e.node.settings?.addIcon?.prependInner), x = n(() => i !== "runtime" ? !0 : e.node.settings?.readonly), _ = n(() => e.node.settings?.reverse), N = n(() => e.node.settings?.singleLine), z = n(() => e.node.settings?.step), W = n(() => e.node.settings?.suffix), $ = n(() => s.value ? "dark" : "light"), G = n(() => e.node.settings?.variant), Y = n(() => e.node.size?.width);
+    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), a = n(() => e.node.settings?.hideDetails), d = n(() => e.node.settings?.label), c = n(() => e.node.settings?.loading), u = n(() => e.node.settings?.max), m = n(() => e.node.size?.maxWidth), p = n(() => e.node.settings?.min), y = n(() => e.node.size?.minWidth), x = n(() => e.node.settings?.value), f = n(() => e.node.settings?.placeholder), _ = n(() => e.node.settings?.precision), k = n(() => e.node.settings?.prefix), b = n(() => e.node.settings?.addIcon?.prepend), g = n(() => e.node.settings?.addIcon?.prependInner), h = n(() => i !== "runtime" ? !0 : e.node.settings?.readonly), w = n(() => e.node.settings?.reverse), A = n(() => e.node.settings?.singleLine), z = n(() => e.node.settings?.step), W = n(() => e.node.settings?.suffix), $ = n(() => s.value ? "dark" : "light"), O = n(() => e.node.settings?.variant), Y = n(() => e.node.size?.width);
     return (K, X) => {
       const ne = T("v-number-input");
       return V(), S(ne, {
@@ -1673,37 +1690,37 @@ const ll = /* @__PURE__ */ be(ol, [["render", sl]]), rl = ["id"], al = /* @__PUR
         clearable: r.value,
         "hide-details": a.value,
         label: d.value,
-        loading: m.value,
+        loading: c.value,
         max: u.value,
-        "max-width": c.value,
+        "max-width": m.value,
         min: p.value,
         "min-width": y.value,
-        "model-value": h.value,
+        "model-value": x.value,
         placeholder: f.value,
-        precision: g.value,
-        prefix: w.value,
+        precision: _.value,
+        prefix: k.value,
         "prepend-icon": b.value,
-        "prepend-inner-icon": k.value,
-        readonly: x.value,
-        reverse: _.value,
-        "single-line": N.value,
+        "prepend-inner-icon": g.value,
+        readonly: h.value,
+        reverse: w.value,
+        "single-line": A.value,
         step: z.value,
         suffix: W.value,
         theme: $.value,
-        variant: G.value,
+        variant: O.value,
         width: Y.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"]);
     };
   }
-}), yl = /* @__PURE__ */ I({
+}), hl = /* @__PURE__ */ I({
   __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.settings?.length), r = n(() => e.node.settings?.value), a = n(() => e.node.settings?.showFirstLastPage), d = n(() => e.node.settings?.size), m = n(() => e.node.settings?.start), u = n(() => i.value ? "dark" : "light"), c = n(() => e.node.settings?.tile), p = n(() => e.node.settings?.variant);
-    return (y, h) => {
+    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), a = n(() => e.node.settings?.showFirstLastPage), d = n(() => e.node.settings?.size), c = n(() => e.node.settings?.start), u = n(() => i.value ? "dark" : "light"), m = n(() => e.node.settings?.tile), p = n(() => e.node.settings?.variant);
+    return (y, x) => {
       const f = T("v-pagination");
       return V(), S(f, {
         density: s.value,
@@ -1712,22 +1729,22 @@ const ll = /* @__PURE__ */ be(ol, [["render", sl]]), rl = ["id"], al = /* @__PUR
         "model-value": r.value,
         "show-first-last-page": a.value,
         size: d.value,
-        start: m.value,
+        start: c.value,
         theme: u.value,
-        tile: c.value,
+        tile: m.value,
         variant: p.value
       }, null, 8, ["density", "disabled", "length", "model-value", "show-first-last-page", "size", "start", "theme", "tile", "variant"]);
     };
   }
-}), hl = /* @__PURE__ */ I({
+}), xl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     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), a = n(() => e.node.settings?.label), d = n(() => e.node.settings?.readonly), m = n(() => i.value ? "dark" : "light"), u = n(() => e.node.settings?.value);
-    return (c, p) => {
+    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), a = n(() => e.node.settings?.label), d = n(() => e.node.settings?.readonly), c = n(() => i.value ? "dark" : "light"), u = n(() => e.node.settings?.value);
+    return (m, p) => {
       const y = T("v-radio");
       return V(), S(y, {
         color: D(l),
@@ -1735,33 +1752,33 @@ const ll = /* @__PURE__ */ be(ol, [["render", sl]]), rl = ["id"], al = /* @__PUR
         disabled: r.value,
         label: a.value,
         readonly: d.value,
-        theme: m.value,
+        theme: c.value,
         value: u.value
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
   }
-}), xl = { key: 0 }, gl = /* @__PURE__ */ I({
+}), gl = { key: 0 }, kl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     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), a = n(() => e.node.settings?.inline), d = n(() => e.node.settings?.value), m = n(() => e.node.settings?.readonly), u = n(() => s.value ? "dark" : "light");
-    return (c, p) => {
+    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), a = n(() => e.node.settings?.inline), d = n(() => e.node.settings?.value), c = n(() => e.node.settings?.readonly), u = n(() => s.value ? "dark" : "light");
+    return (m, p) => {
       const y = T("v-radio-group");
-      return D(i) === "editor" ? (V(), q("div", xl, [
+      return D(i) === "editor" ? (V(), q("div", gl, [
         Z(y, {
           density: l.value,
           direction: o.value,
           disabled: r.value,
           inline: a.value,
           "model-value": d.value,
-          readonly: m.value,
+          readonly: c.value,
           theme: u.value
         }, {
           default: E(() => [
-            M(c.$slots, "default")
+            M(m.$slots, "default")
           ]),
           _: 3
         }, 8, ["density", "direction", "disabled", "inline", "model-value", "readonly", "theme"])
@@ -1772,53 +1789,53 @@ const ll = /* @__PURE__ */ be(ol, [["render", sl]]), rl = ["id"], al = /* @__PUR
         disabled: r.value,
         inline: a.value,
         "model-value": d.value,
-        readonly: m.value,
+        readonly: c.value,
         theme: u.value
       }, {
         default: E(() => [
-          M(c.$slots, "default")
+          M(m.$slots, "default")
         ]),
         _: 3
       }, 8, ["density", "direction", "disabled", "inline", "model-value", "readonly", "theme"]));
     };
   }
-}), kl = { key: 0 }, _l = /* @__PURE__ */ I({
+}), _l = { key: 0 }, wl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     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), a = n(() => t.node.settings?.label), d = n(() => t.node.settings?.max), m = n(() => t.node.settings?.min), u = 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), a = n(() => t.node.settings?.label), d = n(() => t.node.settings?.max), c = n(() => t.node.settings?.min), u = n(() => {
       const z = t.node.settings?.value?.start, W = t.node.settings?.value?.end;
       return [z, W];
-    }), c = ([z, W]) => {
+    }), m = ([z, W]) => {
       if (!t.node.settings?.value)
         return;
       const { value: $ } = t.node.settings;
       $.start = z, $.end = W;
-    }, p = n(() => t.node.settings?.readonly), y = n(() => t.node.settings?.showTicks), h = n(() => {
+    }, p = n(() => t.node.settings?.readonly), y = n(() => t.node.settings?.showTicks), x = n(() => {
       if (y.value === "always")
         return "always";
       if (y.value === "show")
         return !0;
-    }), f = n(() => t.node.settings?.step), g = n(() => i.value ? "dark" : "light"), w = n(() => t.node.settings?.thumbLabel), b = n(() => {
-      if (w.value === "always")
+    }), f = n(() => t.node.settings?.step), _ = n(() => i.value ? "dark" : "light"), k = n(() => t.node.settings?.thumbLabel), b = n(() => {
+      if (k.value === "always")
         return "always";
-      if (w.value === "show")
+      if (k.value === "show")
         return !0;
-    }), k = n(() => t.node.settings?.thumbSize), x = n(() => t.node.settings?.ticks), _ = n(() => {
-      if (!x.value)
+    }), g = n(() => t.node.settings?.thumbSize), h = n(() => t.node.settings?.ticks), w = n(() => {
+      if (!h.value)
         return;
       const z = {};
-      for (const { value: W, label: $ } of x.value)
+      for (const { value: W, label: $ } of h.value)
         z[W] = $;
       if (!ci(z))
         return z;
-    }), N = n(() => t.node.settings?.tickSize);
+    }), A = n(() => t.node.settings?.tickSize);
     return (z, W) => {
       const $ = T("v-range-slider");
-      return D(e) === "editor" ? (V(), q("div", kl, [
+      return D(e) === "editor" ? (V(), q("div", _l, [
         Z($, {
           density: s.value,
           direction: l.value,
@@ -1826,16 +1843,16 @@ const ll = /* @__PURE__ */ be(ol, [["render", sl]]), rl = ["id"], al = /* @__PUR
           "hide-details": r.value,
           label: a.value,
           max: d.value,
-          min: m.value,
+          min: c.value,
           "model-value": u.value,
           readonly: p.value,
-          "show-ticks": h.value,
+          "show-ticks": x.value,
           step: f.value,
-          theme: g.value,
+          theme: _.value,
           "thumb-label": b.value,
-          "thumb-size": k.value,
-          ticks: _.value,
-          "tick-size": N.value
+          "thumb-size": g.value,
+          ticks: w.value,
+          "tick-size": A.value
         }, null, 8, ["density", "direction", "disabled", "hide-details", "label", "max", "min", "model-value", "readonly", "show-ticks", "step", "theme", "thumb-label", "thumb-size", "ticks", "tick-size"])
       ])) : (V(), S($, {
         key: 1,
@@ -1845,36 +1862,36 @@ const ll = /* @__PURE__ */ be(ol, [["render", sl]]), rl = ["id"], al = /* @__PUR
         "hide-details": r.value,
         label: a.value,
         max: d.value,
-        min: m.value,
+        min: c.value,
         "model-value": u.value,
         readonly: p.value,
-        "show-ticks": h.value,
+        "show-ticks": x.value,
         step: f.value,
-        theme: g.value,
+        theme: _.value,
         "thumb-label": b.value,
-        "thumb-size": k.value,
-        ticks: _.value,
-        "tick-size": N.value,
-        "onUpdate:modelValue": c
+        "thumb-size": g.value,
+        ticks: w.value,
+        "tick-size": A.value,
+        "onUpdate:modelValue": m
       }, null, 8, ["density", "direction", "disabled", "hide-details", "label", "max", "min", "model-value", "readonly", "show-ticks", "step", "theme", "thumb-label", "thumb-size", "ticks", "tick-size"]));
     };
   }
-}), wl = /* @__PURE__ */ I({
+}), Vl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     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), a = n(() => t.node.settings?.length), d = n(() => t.node.settings?.value), m = (p) => {
+    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), a = n(() => t.node.settings?.length), d = n(() => t.node.settings?.value), c = (p) => {
       if (!t.node.settings)
         return;
       const { settings: y } = t.node;
       y.value = p;
-    }, u = n(() => t.node.settings?.readonly), c = n(() => e.value ? "dark" : "light");
+    }, u = n(() => t.node.settings?.readonly), m = n(() => e.value ? "dark" : "light");
     return (p, y) => {
-      const h = T("v-rating");
-      return V(), S(h, {
+      const x = T("v-rating");
+      return V(), S(x, {
         clearable: i.value,
         density: s.value,
         disabled: l.value,
@@ -1883,29 +1900,29 @@ const ll = /* @__PURE__ */ be(ol, [["render", sl]]), rl = ["id"], al = /* @__PUR
         length: a.value,
         "model-value": d.value,
         readonly: u.value,
-        theme: c.value,
-        "onUpdate:modelValue": m
+        theme: m.value,
+        "onUpdate:modelValue": c
       }, null, 8, ["clearable", "density", "disabled", "half-increments", "hover", "length", "model-value", "readonly", "theme"]);
     };
   }
-}), Vl = { key: 0 }, $l = /* @__PURE__ */ I({
+}), $l = { key: 0 }, Cl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     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), a = n(() => e.node.settings?.placeholder), d = n(() => i !== "runtime" ? !0 : e.node.settings?.readonly), m = n(() => e.node.settings?.singleLine), u = n(() => s.value ? "dark" : "light");
-    return (c, p) => {
+    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), a = n(() => e.node.settings?.placeholder), d = n(() => i !== "runtime" ? !0 : e.node.settings?.readonly), c = n(() => e.node.settings?.singleLine), u = n(() => s.value ? "dark" : "light");
+    return (m, p) => {
       const y = T("v-select");
-      return D(i) === "editor" ? (V(), q("div", Vl, [
+      return D(i) === "editor" ? (V(), q("div", $l, [
         Z(y, {
           "hide-details": l.value,
           label: o.value,
           "model-value": r.value,
           placeholder: a.value,
           readonly: d.value,
-          "single-line": m.value,
+          "single-line": c.value,
           theme: u.value
         }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"])
       ])) : (V(), S(y, {
@@ -1915,29 +1932,29 @@ const ll = /* @__PURE__ */ be(ol, [["render", sl]]), rl = ["id"], al = /* @__PUR
         "model-value": r.value,
         placeholder: a.value,
         readonly: d.value,
-        "single-line": m.value,
+        "single-line": c.value,
         theme: u.value
       }, null, 8, ["hide-details", "label", "model-value", "placeholder", "readonly", "single-line", "theme"]));
     };
   }
-}), Cl = { key: 0 }, Il = /* @__PURE__ */ I({
+}), Il = { key: 0 }, Sl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = F(), i = oo(), s = n(() => t.node.settings?.color), { color: l } = j(i, s), o = n(() => t.node.settings?.direction), r = n(() => t.node.settings?.disabled), a = n(() => t.node.settings?.hideDetails), d = n(() => t.node.settings?.label), m = n(() => t.node.settings?.max), u = n(() => t.node.settings?.min), c = n(() => t.node.settings?.value), p = n(() => t.node.settings?.readonly), y = n(() => !!t.node.settings?.reverse), h = n(() => t.node.settings?.showTicks), f = n(() => {
-      if (h.value === "always")
-        return "always";
-      if (h.value === "show")
-        return !0;
-    }), g = n(() => t.node.settings?.step), w = n(() => i.value ? "dark" : "light"), b = n(() => t.node.settings?.thumbColor), { color: k } = j(i, b), x = n(() => t.node.settings?.thumbLabel), _ = n(() => {
+    const e = F(), i = oo(), s = n(() => t.node.settings?.color), { color: l } = j(i, s), o = n(() => t.node.settings?.direction), r = n(() => t.node.settings?.disabled), a = n(() => t.node.settings?.hideDetails), d = n(() => t.node.settings?.label), c = n(() => t.node.settings?.max), u = n(() => t.node.settings?.min), m = n(() => t.node.settings?.value), p = n(() => t.node.settings?.readonly), y = n(() => !!t.node.settings?.reverse), x = n(() => t.node.settings?.showTicks), f = n(() => {
       if (x.value === "always")
         return "always";
       if (x.value === "show")
         return !0;
-    }), N = n(() => t.node.settings?.thumbSize), z = n(() => t.node.settings?.ticks), W = n(() => {
+    }), _ = n(() => t.node.settings?.step), k = n(() => i.value ? "dark" : "light"), b = n(() => t.node.settings?.thumbColor), { color: g } = j(i, b), h = n(() => t.node.settings?.thumbLabel), w = n(() => {
+      if (h.value === "always")
+        return "always";
+      if (h.value === "show")
+        return !0;
+    }), A = n(() => t.node.settings?.thumbSize), z = n(() => t.node.settings?.ticks), W = n(() => {
       if (!z.value)
         return;
       const ne = {};
@@ -1945,27 +1962,27 @@ const ll = /* @__PURE__ */ be(ol, [["render", sl]]), rl = ["id"], al = /* @__PUR
         ne[ge] = ke;
       if (!ci(ne))
         return ne;
-    }), $ = 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);
+    }), $ = n(() => t.node.settings?.tickSize), O = n(() => t.node.settings?.trackColor), { color: Y } = j(i, O), K = n(() => t.node.slots?.append), X = n(() => t.node.slots?.prepend);
     return (ne, ge) => {
       const ke = T("v-slider");
-      return D(e) === "editor" ? (V(), q("div", Cl, [
+      return D(e) === "editor" ? (V(), q("div", Il, [
         Z(ke, {
           color: D(l),
           direction: o.value,
           disabled: r.value,
           "hide-details": a.value,
           label: d.value,
-          max: m.value,
+          max: c.value,
           min: u.value,
-          "model-value": c.value,
+          "model-value": m.value,
           readonly: p.value,
           reverse: y.value,
           "show-ticks": f.value,
-          step: g.value,
-          theme: w.value,
-          "thumb-color": D(k),
-          "thumb-label": _.value,
-          "thumb-size": N.value,
+          step: _.value,
+          theme: k.value,
+          "thumb-color": D(g),
+          "thumb-label": w.value,
+          "thumb-size": A.value,
           ticks: W.value,
           "tick-size": $.value,
           "track-color": D(Y)
@@ -1998,17 +2015,17 @@ const ll = /* @__PURE__ */ be(ol, [["render", sl]]), rl = ["id"], al = /* @__PUR
         disabled: r.value,
         "hide-details": a.value,
         label: d.value,
-        max: m.value,
+        max: c.value,
         min: u.value,
-        "model-value": c.value,
+        "model-value": m.value,
         readonly: p.value,
         reverse: y.value,
         "show-ticks": f.value,
-        step: g.value,
-        theme: w.value,
-        "thumb-color": D(k),
-        "thumb-label": _.value,
-        "thumb-size": N.value,
+        step: _.value,
+        theme: k.value,
+        "thumb-color": D(g),
+        "thumb-label": w.value,
+        "thumb-size": A.value,
         ticks: W.value,
         "tick-size": $.value,
         "track-color": D(Y)
@@ -2036,7 +2053,7 @@ const ll = /* @__PURE__ */ be(ol, [["render", sl]]), rl = ["id"], al = /* @__PUR
       ]), 1032, ["color", "direction", "disabled", "hide-details", "label", "max", "min", "model-value", "readonly", "reverse", "show-ticks", "step", "theme", "thumb-color", "thumb-label", "thumb-size", "ticks", "tick-size", "track-color"]));
     };
   }
-}), Sl = /* @__PURE__ */ I({
+}), Tl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -2057,8 +2074,8 @@ const ll = /* @__PURE__ */ be(ol, [["render", sl]]), rl = ["id"], al = /* @__PUR
       }, 8, ["hide-actions", "model-value"]);
     };
   }
-}), Tl = {};
-function zl(t, e) {
+}), zl = {};
+function Al(t, e) {
   const i = T("v-stepper-header");
   return V(), S(i, null, {
     default: E(() => [
@@ -2067,7 +2084,7 @@ function zl(t, e) {
     _: 3
   });
 }
-const Al = /* @__PURE__ */ be(Tl, [["render", zl]]), Nl = /* @__PURE__ */ I({
+const Nl = /* @__PURE__ */ be(zl, [["render", Al]]), Pl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -2085,8 +2102,8 @@ const Al = /* @__PURE__ */ be(Tl, [["render", zl]]), Nl = /* @__PURE__ */ I({
       }, 8, ["value"]);
     };
   }
-}), Pl = {};
-function Ll(t, e) {
+}), Ll = {};
+function El(t, e) {
   const i = T("v-stepper-window");
   return V(), S(i, null, {
     default: E(() => [
@@ -2095,7 +2112,7 @@ function Ll(t, e) {
     _: 3
   });
 }
-const El = /* @__PURE__ */ be(Pl, [["render", Ll]]), Wl = /* @__PURE__ */ I({
+const Wl = /* @__PURE__ */ be(Ll, [["render", El]]), Bl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -2113,29 +2130,29 @@ const El = /* @__PURE__ */ be(Pl, [["render", Ll]]), Wl = /* @__PURE__ */ I({
       }, 8, ["value"]);
     };
   }
-}), Bl = { key: 0 }, Dl = /* @__PURE__ */ I({
+}), Dl = { key: 0 }, Rl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     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), a = n(() => e.node.settings?.indeterminate), d = n(() => e.node.settings?.inline), m = n(() => e.node.settings?.inset), u = n(() => e.node.settings?.label), c = n(() => e.node.settings?.loading);
+    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), a = n(() => e.node.settings?.indeterminate), d = n(() => e.node.settings?.inline), c = n(() => e.node.settings?.inset), u = n(() => e.node.settings?.label), m = n(() => e.node.settings?.loading);
     return (p, y) => {
-      const h = T("v-switch");
-      return D(i) === "editor" ? (V(), q("div", Bl, [
-        Z(h, {
+      const x = T("v-switch");
+      return D(i) === "editor" ? (V(), q("div", Dl, [
+        Z(x, {
           density: s.value,
           direction: l.value,
           disabled: o.value,
           "hide-details": r.value,
           indeterminate: a.value,
           inline: d.value,
-          inset: m.value,
+          inset: c.value,
           label: u.value,
-          loading: c.value
+          loading: m.value
         }, null, 8, ["density", "direction", "disabled", "hide-details", "indeterminate", "inline", "inset", "label", "loading"])
-      ])) : (V(), S(h, {
+      ])) : (V(), S(x, {
         key: 1,
         density: s.value,
         direction: l.value,
@@ -2143,13 +2160,13 @@ const El = /* @__PURE__ */ be(Pl, [["render", Ll]]), Wl = /* @__PURE__ */ I({
         "hide-details": r.value,
         indeterminate: a.value,
         inline: d.value,
-        inset: m.value,
+        inset: c.value,
         label: u.value,
-        loading: c.value
+        loading: m.value
       }, null, 8, ["density", "direction", "disabled", "hide-details", "indeterminate", "inline", "inset", "label", "loading"]));
     };
   }
-}), Rl = /* @__PURE__ */ I({
+}), Ml = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -2166,82 +2183,82 @@ const El = /* @__PURE__ */ be(Pl, [["render", Ll]]), Wl = /* @__PURE__ */ I({
       }, null, 8, ["text", "theme", "value"]);
     };
   }
-}), Ml = /* @__PURE__ */ I({
+}), Fl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     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), a = n(() => e.node.settings?.color?.selectedColor), { color: d } = j(i, a), m = n(() => e.node.settings?.density), u = n(() => e.node.settings?.direction), c = n(() => e.node.settings?.disabled), p = n(() => e.node.settings?.fixedTabs), y = n(() => e.node.settings?.grow), h = n(() => e.node.settings?.hideSlider), f = n(() => e.node.settings?.items), g = n(() => e.node.settings?.mandatory), w = n(() => !!e.node.settings?.showArrows), b = n(() => e.node.settings?.color?.sliderColor), { color: k } = j(i, b), x = n(() => e.node.settings?.stacked), _ = n(() => i.value ? "dark" : "light");
-    return (N, z) => {
+    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), a = n(() => e.node.settings?.color?.selectedColor), { color: d } = j(i, a), c = n(() => e.node.settings?.density), u = n(() => e.node.settings?.direction), m = n(() => e.node.settings?.disabled), p = n(() => e.node.settings?.fixedTabs), y = n(() => e.node.settings?.grow), x = n(() => e.node.settings?.hideSlider), f = n(() => e.node.settings?.items), _ = n(() => e.node.settings?.mandatory), k = n(() => !!e.node.settings?.showArrows), b = n(() => e.node.settings?.color?.sliderColor), { color: g } = j(i, b), h = n(() => e.node.settings?.stacked), w = n(() => i.value ? "dark" : "light");
+    return (A, z) => {
       const W = T("v-tabs");
       return V(), S(W, {
         "align-tabs": s.value,
         "bg-color": D(o),
         "center-active": r.value,
         color: D(d),
-        density: m.value,
+        density: c.value,
         direction: u.value,
-        disabled: c.value,
+        disabled: m.value,
         "fixed-tabs": p.value,
         grow: y.value,
-        "hide-slider": h.value,
+        "hide-slider": x.value,
         items: f.value,
-        mandatory: g.value,
-        "show-arrows": w.value,
-        "slider-color": D(k),
-        stacked: x.value,
-        theme: _.value
+        mandatory: _.value,
+        "show-arrows": k.value,
+        "slider-color": D(g),
+        stacked: h.value,
+        theme: w.value
       }, {
         default: E(() => [
-          M(N.$slots, "default")
+          M(A.$slots, "default")
         ]),
         _: 3
       }, 8, ["align-tabs", "bg-color", "center-active", "color", "density", "direction", "disabled", "fixed-tabs", "grow", "hide-slider", "items", "mandatory", "show-arrows", "slider-color", "stacked", "theme"]);
     };
   }
-}), Fl = /* @__PURE__ */ I({
+}), Hl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Q(), s = n(() => e.node.settings?.align), l = n(() => e.node.settings?.decoration), o = n(() => e.node.settings?.emphasis), r = n(() => e.node.settings?.italic), a = n(() => e.node.settings?.text), d = n(() => e.node.settings?.weight), m = n(() => {
-      const u = [], c = xi(i.value.width), p = ve(c, e.node.settings?.style);
+    const e = t, i = Q(), s = n(() => e.node.settings?.align), l = n(() => e.node.settings?.decoration), o = n(() => e.node.settings?.emphasis), r = n(() => e.node.settings?.italic), a = n(() => e.node.settings?.text), d = n(() => e.node.settings?.weight), c = n(() => {
+      const u = [], m = xi(i.value.width), p = ve(m, e.node.settings?.style);
       return p && u.push(`text-${p}`), o.value === "high" ? u.push("text-high-emphasis") : o.value === "medium" ? u.push("text-medium-emphasis") : o.value === "disabled" && u.push("text-disabled"), s.value && u.push(`font-${s.value}`), l.value && u.push(`text-decoration-${l.value}`), d.value && u.push(`font-weight-${d.value}`), r.value && u.push("font-italic"), u.join(" ");
     });
-    return (u, c) => (V(), q("span", {
-      class: qi(m.value)
+    return (u, m) => (V(), q("span", {
+      class: qi(c.value)
     }, Xi(a.value), 3));
   }
-}), Hl = /* @__PURE__ */ I({
+}), Gl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     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), a = n(() => e.node.settings?.label), d = n(() => e.node.settings?.loading), m = n(() => e.node.settings?.maxRows), u = n(() => e.node.settings?.value), c = n(() => e.node.settings?.placeholder), p = n(() => e.node.settings?.readonly), y = n(() => e.node.settings?.reverse), h = n(() => e.node.settings?.rows), f = n(() => e.node.settings?.singleLine), g = n(() => i.value ? "dark" : "light"), w = n(() => e.node.settings?.variant);
-    return (b, k) => {
-      const x = T("v-textarea");
-      return V(), S(x, {
+    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), a = n(() => e.node.settings?.label), d = n(() => e.node.settings?.loading), c = n(() => e.node.settings?.maxRows), u = n(() => e.node.settings?.value), m = n(() => e.node.settings?.placeholder), p = n(() => e.node.settings?.readonly), y = n(() => e.node.settings?.reverse), x = n(() => e.node.settings?.rows), f = n(() => e.node.settings?.singleLine), _ = n(() => i.value ? "dark" : "light"), k = n(() => e.node.settings?.variant);
+    return (b, g) => {
+      const h = T("v-textarea");
+      return V(), S(h, {
         "auto-grow": s.value,
         clearable: l.value,
         density: o.value,
         disabled: r.value,
         label: a.value,
         loading: d.value,
-        "max-rows": m.value,
+        "max-rows": c.value,
         "model-value": u.value,
-        placeholder: c.value,
+        placeholder: m.value,
         readonly: p.value,
         reverse: y.value,
-        rows: h.value,
+        rows: x.value,
         "single-line": f.value,
-        theme: g.value,
-        variant: w.value
+        theme: _.value,
+        variant: k.value
       }, null, 8, ["auto-grow", "clearable", "density", "disabled", "label", "loading", "max-rows", "model-value", "placeholder", "readonly", "reverse", "rows", "single-line", "theme", "variant"]);
     };
   }
@@ -2252,7 +2269,7 @@ const El = /* @__PURE__ */ be(Pl, [["render", Ll]]), Wl = /* @__PURE__ */ I({
     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), a = n(() => e.node.settings?.clearable), d = n(() => e.node.settings?.density), m = n(() => e.node.settings?.disabled), u = n(() => e.node.settings?.hideDetails), c = n(() => e.node.settings?.label), p = n(() => e.node.settings?.loading), y = n(() => e.node.settings?.placeholder), h = n(() => e.node.settings?.prefix), f = n(() => e.node.settings?.prependIcon), g = n(() => e.node.settings?.prependInnerIcon), w = n(() => i !== "runtime" ? !0 : e.node.settings?.readonly), b = n(() => e.node.settings?.reverse), k = n(() => e.node.settings?.singleLine), x = n(() => e.node.settings?.suffix), _ = n(() => s.value ? "dark" : "light"), N = n(() => e.node.settings?.variant), z = n(() => e.node.slots?.append), W = n(() => e.node.slots?.appendInner), $ = n(() => e.node.slots?.prepend), G = n(() => e.node.slots?.prependInner);
+    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), a = n(() => e.node.settings?.clearable), d = n(() => e.node.settings?.density), c = n(() => e.node.settings?.disabled), u = n(() => e.node.settings?.hideDetails), m = n(() => e.node.settings?.label), p = n(() => e.node.settings?.loading), y = n(() => e.node.settings?.placeholder), x = n(() => e.node.settings?.prefix), f = n(() => e.node.settings?.prependIcon), _ = n(() => e.node.settings?.prependInnerIcon), k = n(() => i !== "runtime" ? !0 : e.node.settings?.readonly), b = n(() => e.node.settings?.reverse), g = n(() => e.node.settings?.singleLine), h = n(() => e.node.settings?.suffix), w = n(() => s.value ? "dark" : "light"), A = n(() => e.node.settings?.variant), z = n(() => e.node.slots?.append), W = n(() => e.node.slots?.appendInner), $ = n(() => e.node.slots?.prepend), O = n(() => e.node.slots?.prependInner);
     return (Y, K) => {
       const X = T("v-text-field");
       return V(), S(X, {
@@ -2261,20 +2278,20 @@ const El = /* @__PURE__ */ be(Pl, [["render", Ll]]), Wl = /* @__PURE__ */ I({
         autofocus: r.value,
         clearable: a.value,
         density: d.value,
-        disabled: m.value,
+        disabled: c.value,
         "hide-details": u.value,
-        label: c.value,
+        label: m.value,
         loading: p.value,
         placeholder: y.value,
-        prefix: h.value,
+        prefix: x.value,
         "prepend-icon": f.value,
-        "prepend-inner-icon": g.value,
-        readonly: w.value,
+        "prepend-inner-icon": _.value,
+        readonly: k.value,
         reverse: b.value,
-        "single-line": k.value,
-        suffix: x.value,
-        theme: _.value,
-        variant: N.value
+        "single-line": g.value,
+        suffix: h.value,
+        theme: w.value,
+        variant: A.value
       }, we({ _: 2 }, [
         z.value ? {
           name: "append",
@@ -2306,11 +2323,11 @@ const El = /* @__PURE__ */ be(Pl, [["render", Ll]]), Wl = /* @__PURE__ */ I({
           ]),
           key: "2"
         } : void 0,
-        G.value ? {
+        O.value ? {
           name: "prepend-inner",
           fn: E(() => [
             Z(J, {
-              "ref-context": { refid: G.value },
+              "ref-context": { refid: O.value },
               state: {}
             }, null, 8, ["ref-context"])
           ]),
@@ -2319,15 +2336,15 @@ const El = /* @__PURE__ */ be(Pl, [["render", Ll]]), Wl = /* @__PURE__ */ I({
       ]), 1032, ["append-icon", "append-inner-icon", "autofocus", "clearable", "density", "disabled", "hide-details", "label", "loading", "placeholder", "prefix", "prepend-icon", "prepend-inner-icon", "readonly", "reverse", "single-line", "suffix", "theme", "variant"]);
     };
   }
-}), Gl = /* @__PURE__ */ I({
+}), Kl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     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), a = n(() => t.node.settings?.dot?.fill), d = n(() => t.node.settings?.hideOpposite), m = n(() => t.node.settings?.line?.color), { color: u } = j(e, m), c = n(() => t.node.settings?.line?.inset), p = n(() => t.node.settings?.line?.thickness), y = n(() => t.node.settings?.side), h = n(() => e.value ? "dark" : "light"), f = n(() => t.node.settings?.line.truncate);
-    return (g, w) => {
+    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), a = n(() => t.node.settings?.dot?.fill), d = n(() => t.node.settings?.hideOpposite), c = n(() => t.node.settings?.line?.color), { color: u } = j(e, c), m = n(() => t.node.settings?.line?.inset), p = n(() => t.node.settings?.line?.thickness), y = n(() => t.node.settings?.side), x = n(() => e.value ? "dark" : "light"), f = n(() => t.node.settings?.line.truncate);
+    return (_, k) => {
       const b = T("v-timeline");
       return V(), S(b, {
         align: i.value,
@@ -2337,21 +2354,21 @@ const El = /* @__PURE__ */ be(Pl, [["render", Ll]]), Wl = /* @__PURE__ */ I({
         "fill-dot": a.value,
         "hide-opposite": d.value,
         "line-color": D(u),
-        "line-inset": c.value,
+        "line-inset": m.value,
         "line-thickness": p.value,
         side: y.value,
-        theme: h.value,
+        theme: x.value,
         "truncate-line": f.value
       }, {
         default: E(() => [
-          M(g.$slots, "default")
+          M(_.$slots, "default")
         ]),
         _: 3
       }, 8, ["align", "density", "direction", "dot-color", "fill-dot", "hide-opposite", "line-color", "line-inset", "line-thickness", "side", "theme", "truncate-line"]);
     };
   }
-}), Kl = {};
-function jl(t, e) {
+}), jl = {};
+function Ul(t, e) {
   const i = T("v-timeline-item");
   return V(), S(i, null, {
     default: E(() => [
@@ -2360,15 +2377,15 @@ function jl(t, e) {
     _: 3
   });
 }
-const Ul = /* @__PURE__ */ be(Kl, [["render", jl]]), Zl = /* @__PURE__ */ I({
+const Zl = /* @__PURE__ */ be(jl, [["render", Ul]]), ql = /* @__PURE__ */ I({
   __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), a = n(() => t.node.settings?.showArrows), d = n(() => e.value ? "dark" : "light"), m = n(() => t.node.settings?.touch);
-    return (u, c) => {
+    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), a = n(() => t.node.settings?.showArrows), d = n(() => e.value ? "dark" : "light"), c = n(() => t.node.settings?.touch);
+    return (u, m) => {
       const p = T("v-window");
       return V(), S(p, {
         continuous: i.value,
@@ -2378,7 +2395,7 @@ const Ul = /* @__PURE__ */ be(Kl, [["render", jl]]), Zl = /* @__PURE__ */ I({
         reverse: r.value,
         "show-arrows": a.value,
         theme: d.value,
-        touch: m.value
+        touch: c.value
       }, {
         default: E(() => [
           M(u.$slots, "default")
@@ -2387,8 +2404,8 @@ const Ul = /* @__PURE__ */ be(Kl, [["render", jl]]), Zl = /* @__PURE__ */ I({
       }, 8, ["continuous", "disabled", "direction", "model-value", "reverse", "show-arrows", "theme", "touch"]);
     };
   }
-}), ql = {};
-function Xl(t, e) {
+}), Xl = {};
+function Yl(t, e) {
   const i = T("v-window-item");
   return V(), S(i, null, {
     default: E(() => [
@@ -2397,7 +2414,7 @@ function Xl(t, e) {
     _: 3
   });
 }
-const Yl = /* @__PURE__ */ be(ql, [["render", Xl]]), Wi = "badge_v1", dn = "breadcrumbs_v1", Be = "bar_chart_v1", De = "btn_v1", Re = "btn_group_v1", Me = "btn_toggle_v1", Fe = "card_v1", He = "checkbox_v1", Oe = "chip_v1", Ge = "chip_group_v1", Ke = "color_picker_v1", je = "combobox_v1", Ue = "container_v1", Ze = "data_table_v1", qe = "date_picker_v1", Xe = "dialog_v1", Ye = "file_input_v1", Je = "flex_layout_v1", Bi = "flex_layout_entry_v1", Qe = "form_v1", et = "icon_v1", tt = "globality_v1", nt = "line_chart_v1", it = "menu_v1", ot = "number_input_v1", st = "pagination_v1", Di = "radio_v1", lt = "radio_group_v1", rt = "range_slider_v1", at = "rating_v1", _e = "ref_v1", ut = "select_v1", dt = "slider_v1", ct = "stepper_v1", Ri = "stepper_header_v1", Mi = "stepper_item_v1", Fi = "stepper_window_v1", Hi = "stepper_window_item_v1", mt = "switch_v1", Oi = "tab_v1", pt = "tabs_v1", ft = "text_v1", bt = "textarea_v1", vt = "text_field_v1", yt = "timeline_v1", Gi = "timeline_item_v1", ht = "window_v1", Ki = "window_item_v1", v = {
+const Jl = /* @__PURE__ */ be(Xl, [["render", Yl]]), Wi = "badge_v1", dn = "breadcrumbs_v1", Be = "bar_chart_v1", De = "btn_v1", Re = "btn_group_v1", Me = "btn_toggle_v1", Fe = "card_v1", He = "checkbox_v1", Ge = "chip_v1", Oe = "chip_group_v1", Ke = "color_picker_v1", je = "combobox_v1", Ue = "container_v1", Ze = "data_table_v1", qe = "date_picker_v1", Xe = "dialog_v1", Ye = "file_input_v1", Je = "flex_layout_v1", Bi = "flex_layout_entry_v1", Qe = "form_v1", et = "icon_v1", tt = "globality_v1", nt = "line_chart_v1", it = "menu_v1", ot = "number_input_v1", st = "pagination_v1", Di = "radio_v1", lt = "radio_group_v1", rt = "range_slider_v1", at = "rating_v1", _e = "ref_v1", ut = "select_v1", dt = "slider_v1", ct = "stepper_v1", Ri = "stepper_header_v1", Mi = "stepper_item_v1", Fi = "stepper_window_v1", Hi = "stepper_window_item_v1", mt = "switch_v1", Gi = "tab_v1", pt = "tabs_v1", ft = "text_v1", bt = "textarea_v1", vt = "text_field_v1", yt = "timeline_v1", Oi = "timeline_item_v1", ht = "window_v1", Ki = "window_item_v1", v = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -2459,7 +2476,7 @@ const Yl = /* @__PURE__ */ be(ql, [["render", Xl]]), Wi = "badge_v1", dn = "brea
       ]
     }
   ]
-}, Jl = R(U), me = {
+}, Ql = R(U), me = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -2477,7 +2494,7 @@ const Yl = /* @__PURE__ */ be(ql, [["render", Xl]]), Wi = "badge_v1", dn = "brea
       types: "borderWidthTypesV1",
       default: ""
     },
-    Jl,
+    Ql,
     {
       key: "roundRadius",
       name: "x-runtime-lib.roundRadius",
@@ -2741,7 +2758,7 @@ const Yl = /* @__PURE__ */ be(ql, [["render", Xl]]), Wi = "badge_v1", dn = "brea
     }
   ]
 };
-function Ql(t, e) {
+function er(t, e) {
   const i = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(`barChartV1/spawn prop tag not found, ${i}`);
@@ -2753,7 +2770,7 @@ function Ql(t, e) {
     return;
   }
   const o = {};
-  return P(o, l), o.basic.id = A(16), o.basic.key = xt.key, o.size.height = "300px", o.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], o.series = [
+  return P(o, l), o.basic.id = N(16), o.basic.key = xt.key, o.size.height = "300px", o.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], o.series = [
     {
       type: "bar",
       data: [120, 200, 150, 80, 70, 110, 130]
@@ -2784,7 +2801,7 @@ const cn = {
 }, xt = {
   key: Be,
   name: "x-runtime-lib.barChart",
-  comp: Ts,
+  comp: zs,
   slots: [],
   events: [],
   methods: [],
@@ -2792,10 +2809,10 @@ const cn = {
     pageCommon: [v, H, $e, Ce, Ie, Ve, cn],
     compCommon: [v, H, $e, Ce, Ie, Ve, cn]
   },
-  spawn: Ql
+  spawn: er
 };
 C(xt);
-function er(t, e) {
+function tr(t, e) {
   const i = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(`lineChartV1/spawn prop tag not found, ${i}`);
@@ -2807,7 +2824,7 @@ function er(t, e) {
     return;
   }
   const o = {};
-  return P(o, l), o.basic.id = A(16), o.basic.key = gt.key, o.size.height = "300px", o.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], o.series = [
+  return P(o, l), o.basic.id = N(16), o.basic.key = gt.key, o.size.height = "300px", o.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], o.series = [
     {
       type: "line",
       data: [120, 200, 150, 80, 70, 110, 130]
@@ -2838,7 +2855,7 @@ const mn = {
 }, gt = {
   key: nt,
   name: "x-runtime-lib.lineChart",
-  comp: zs,
+  comp: As,
   slots: [],
   events: [],
   methods: [],
@@ -2846,7 +2863,7 @@ const mn = {
     pageCommon: [v, H, $e, Ce, Ie, Ve, mn],
     compCommon: [v, H, $e, Ce, Ie, Ve, mn]
   },
-  spawn: er
+  spawn: tr
 };
 C(gt);
 const Xt = R(U);
@@ -2856,7 +2873,7 @@ const pn = {
   key: "globalSettings",
   name: "x-runtime-lib.globalSettings",
   children: [Xt]
-}, tr = {
+}, nr = {
   key: tt,
   name: "x-runtime-lib.globality",
   comp: null,
@@ -2904,7 +2921,7 @@ const pn = {
   },
   internal: !0
 };
-C(tr);
+C(nr);
 const fn = {
   key: "ref",
   name: "x-runtime-lib.ref",
@@ -2916,10 +2933,10 @@ const fn = {
       default: void 0
     }
   ]
-}, nr = {
+}, ir = {
   key: _e,
   name: "x-runtime-lib.ref",
-  comp: Hs,
+  comp: Gs,
   slots: [],
   events: [],
   methods: [],
@@ -2928,7 +2945,7 @@ const fn = {
     compCommon: [v, H, fn]
   }
 };
-C(nr);
+C(ir);
 const bn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -2964,7 +2981,7 @@ const bn = {
       default: !1
     }
   ]
-}, ja = {
+}, Za = {
   key: Wi,
   name: "x-runtime-lib.badge",
   comp: Os,
@@ -2981,7 +2998,7 @@ const bn = {
     compCommon: [v, bn]
   }
 };
-function ir(t, e) {
+function or(t, e) {
   const i = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(`btnV1/spawn prop tag not found, ${i}`);
@@ -2993,9 +3010,9 @@ function ir(t, e) {
     return;
   }
   const o = {};
-  return P(o, l), o.basic.id = A(16), o.basic.key = kt.key, o.settings.text = "button", o;
+  return P(o, l), o.basic.id = N(16), o.basic.key = kt.key, o.settings.text = "button", o;
 }
-const or = R(U), vn = {
+const sr = R(U), vn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3074,7 +3091,7 @@ const or = R(U), vn = {
       ui: "switch",
       default: !1
     },
-    or,
+    sr,
     {
       key: "ripple",
       name: "x-runtime-lib.ripple",
@@ -3085,7 +3102,7 @@ const or = R(U), vn = {
 }, kt = {
   key: De,
   name: "x-runtime-lib.button",
-  comp: Gs,
+  comp: Ks,
   slots: [],
   events: [
     {
@@ -3099,13 +3116,13 @@ const or = R(U), vn = {
     pageCommon: [v, H, vn],
     compCommon: [v, H, vn]
   },
-  spawn: ir
+  spawn: or
 };
 C(kt);
-const sr = {
+const lr = {
   key: Re,
   name: "x-runtime-lib.buttonGroup",
-  comp: Us,
+  comp: Zs,
   slots: [
     {
       key: "default",
@@ -3119,7 +3136,7 @@ const sr = {
     compCommon: [v]
   }
 };
-C(sr);
+C(lr);
 const yn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -3181,10 +3198,10 @@ const yn = {
       default: !1
     }
   ]
-}, lr = {
+}, rr = {
   key: Me,
   name: "x-runtime-lib.buttonToggle",
-  comp: Zs,
+  comp: qs,
   slots: [
     {
       key: "default",
@@ -3198,8 +3215,8 @@ const yn = {
     compCommon: [v, yn]
   }
 };
-C(lr);
-function rr(t, e) {
+C(rr);
+function ar(t, e) {
   const i = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(`cardV1/spawn prop tag not found, ${i}`);
@@ -3211,7 +3228,7 @@ function rr(t, e) {
     return;
   }
   const o = {};
-  return P(o, l), o.basic.id = A(16), o.basic.key = ye.key, o.children = [], o.settings.title = "title", o.settings.subtitle = "subtitle", o.settings.text = "text", o;
+  return P(o, l), o.basic.id = N(16), o.basic.key = ye.key, o.children = [], o.settings.title = "title", o.settings.subtitle = "subtitle", o.settings.text = "text", o;
 }
 const hn = {
   key: "settings",
@@ -3271,7 +3288,7 @@ const hn = {
 }, ye = {
   key: Fe,
   name: "x-runtime-lib.card",
-  comp: qs,
+  comp: Xs,
   slots: [
     {
       key: "default",
@@ -3284,7 +3301,7 @@ const hn = {
     pageCommon: [v, H, hn],
     compCommon: [v, H, hn]
   },
-  spawn: rr
+  spawn: ar
 };
 C(ye);
 const xn = {
@@ -3304,10 +3321,10 @@ const xn = {
       default: ""
     }
   ]
-}, ar = {
+}, ur = {
   key: He,
   name: "x-runtime-lib.checkbox",
-  comp: Xs,
+  comp: Ys,
   slots: [],
   events: [],
   methods: [],
@@ -3316,8 +3333,8 @@ const xn = {
     compCommon: [v, xn]
   }
 };
-C(ar);
-const ur = R(U), gn = {
+C(ur);
+const dr = R(U), gn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3390,12 +3407,12 @@ const ur = R(U), gn = {
       ui: "switch",
       default: !1
     },
-    ur
+    dr
   ]
 }, _t = {
-  key: Oe,
+  key: Ge,
   name: "x-runtime-lib.chip",
-  comp: Ys,
+  comp: Js,
   slots: [],
   events: [],
   methods: [],
@@ -3405,7 +3422,7 @@ const ur = R(U), gn = {
   }
 };
 C(_t);
-function dr(t, e) {
+function cr(t, e) {
   const i = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(`chipGroupV1/spawn prop tag not found, ${i}`);
@@ -3417,7 +3434,7 @@ function dr(t, e) {
     return;
   }
   const o = {};
-  return P(o, l), o.basic.id = A(16), o.basic.key = wt.key, o.children = [
+  return P(o, l), o.basic.id = N(16), o.basic.key = wt.key, o.children = [
     de(t, e, "chip1", "chip 1"),
     de(t, e, "chip2", "chip 2"),
     de(t, e, "chip3", "chip 3"),
@@ -3438,7 +3455,7 @@ function de(t, e, i, s) {
     return;
   }
   const a = {};
-  return P(a, r), a.basic.id = A(16), a.basic.key = _t.key, a.settings.value = i, a.settings.text = s, a;
+  return P(a, r), a.basic.id = N(16), a.basic.key = _t.key, a.settings.value = i, a.settings.text = s, a;
 }
 const kn = {
   key: "settings",
@@ -3495,9 +3512,9 @@ const kn = {
     }
   ]
 }, wt = {
-  key: Ge,
+  key: Oe,
   name: "x-runtime-lib.chipGroup",
-  comp: Js,
+  comp: Qs,
   slots: [
     {
       key: "default",
@@ -3510,13 +3527,13 @@ const kn = {
     pageCommon: [v, kn],
     compCommon: [v, kn]
   },
-  spawn: dr
+  spawn: cr
 };
 C(wt);
-const cr = {
+const mr = {
   key: Ke,
   name: "x-runtime-lib.colorPicker",
-  comp: Qs,
+  comp: el,
   slots: [],
   events: [],
   methods: [],
@@ -3525,7 +3542,7 @@ const cr = {
     compCommon: [v]
   }
 };
-C(cr);
+C(mr);
 const _n = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -3567,10 +3584,10 @@ const _n = {
       default: !1
     }
   ]
-}, mr = {
+}, pr = {
   key: je,
   name: "x-runtime-lib.combobox",
-  comp: tl,
+  comp: nl,
   slots: [],
   events: [],
   methods: [],
@@ -3579,7 +3596,7 @@ const _n = {
     compCommon: [v, _n]
   }
 };
-C(mr);
+C(pr);
 const Yt = R(U);
 Yt.key = "backgroundColor";
 Yt.name = "x-runtime-lib.backgroundColor";
@@ -3590,7 +3607,7 @@ const wn = {
 }, Vt = {
   key: Ue,
   name: "x-runtime-lib.container",
-  comp: nl,
+  comp: il,
   slots: [
     {
       key: "default",
@@ -3763,10 +3780,10 @@ const Vn = {
       defaultArray: []
     }
   ]
-}, pr = {
+}, fr = {
   key: Ze,
   name: "x-runtime-lib.dataTable",
-  comp: il,
+  comp: ol,
   slots: [],
   events: [],
   methods: [],
@@ -3775,11 +3792,11 @@ const Vn = {
     compCommon: [v, Vn, $n, Cn]
   }
 };
-C(pr);
-const fr = {
+C(fr);
+const br = {
   key: qe,
   name: "x-runtime-lib.datePicker",
-  comp: ll,
+  comp: rl,
   slots: [],
   events: [],
   methods: [],
@@ -3788,11 +3805,11 @@ const fr = {
     compCommon: [v]
   }
 };
-C(fr);
-const br = {
+C(br);
+const vr = {
   key: Xe,
   name: "x-runtime-lib.dialog",
-  comp: al,
+  comp: ul,
   slots: [
     {
       key: "default",
@@ -3820,15 +3837,15 @@ const br = {
   },
   teleport: !0
 };
-C(br);
+C(vr);
 const In = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, Ua = {
+}, qa = {
   key: Ye,
   name: "x-runtime-lib.fileInput",
-  comp: ul,
+  comp: dl,
   slots: [],
   events: [],
   methods: [],
@@ -3856,7 +3873,7 @@ const In = {
 }, $t = {
   key: Bi,
   name: "x-runtime-lib.flexLayoutEntry",
-  comp: cl,
+  comp: ml,
   slots: [
     {
       key: "default",
@@ -3871,7 +3888,7 @@ const In = {
   }
 };
 C($t);
-function vr(t, e) {
+function yr(t, e) {
   const i = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(`flexLayoutV1/spawn prop tag not found, ${i}`);
@@ -3883,7 +3900,7 @@ function vr(t, e) {
     return;
   }
   const o = {};
-  return P(o, l), o.basic.id = A(16), o.basic.key = he.key, o.children = [
+  return P(o, l), o.basic.id = N(16), o.basic.key = he.key, o.children = [
     Ct(
       t,
       e,
@@ -3904,26 +3921,26 @@ function vr(t, e) {
       "60px",
       void 0
     ),
-    yr(t, e)
+    hr(t, e)
   ], o;
 }
 function Ct(t, e, i, s, l, o, r, a, d) {
-  const m = `type=${t} subtype=${e}`, u = L(t, e);
+  const c = `type=${t} subtype=${e}`, u = L(t, e);
   if (!u) {
     console.error(
-      `flexLayoutV1/spawnContainer prop tag not found, ${m}`
+      `flexLayoutV1/spawnContainer prop tag not found, ${c}`
     );
     return;
   }
-  const c = Vt.props[u];
-  if (!c) {
-    console.error(`flexLayoutV1/spawnContainer props not found, ${m}`);
+  const m = Vt.props[u];
+  if (!m) {
+    console.error(`flexLayoutV1/spawnContainer props not found, ${c}`);
     return;
   }
   const p = {};
-  return P(p, c), p.basic.id = A(16), p.basic.key = Vt.key, s && (p.size.width = s), l && (p.size.minWidth = l), r && (p.size.height = r), a && (p.size.minHeight = a), console.log(p), i && (p.settings.backgroundColor.mode = "custom", p.settings.backgroundColor.custom.light = i, p.settings.backgroundColor.custom.dark = i), p.children = [], p;
+  return P(p, m), p.basic.id = N(16), p.basic.key = Vt.key, s && (p.size.width = s), l && (p.size.minWidth = l), r && (p.size.height = r), a && (p.size.minHeight = a), console.log(p), i && (p.settings.backgroundColor.mode = "custom", p.settings.backgroundColor.custom.light = i, p.settings.backgroundColor.custom.dark = i), p.children = [], p;
 }
-function yr(t, e) {
+function hr(t, e) {
   const i = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(`flexLayoutV1/spawnEntry prop tag not found, ${i}`);
@@ -3940,7 +3957,7 @@ function yr(t, e) {
       key: ""
     }
   };
-  return P(o, l), o.basic.id = A(16), o.basic.key = $t.key, o.children = [
+  return P(o, l), o.basic.id = N(16), o.basic.key = $t.key, o.children = [
     Ct(
       t,
       e,
@@ -4129,7 +4146,7 @@ const Tn = {
 }, he = {
   key: Je,
   name: "x-runtime-lib.flexLayout",
-  comp: dl,
+  comp: cl,
   slots: [
     {
       key: "default",
@@ -4148,7 +4165,7 @@ const Tn = {
     pageCommon: [v, H, me, pe, fe, Tn],
     compCommon: [v, H, me, pe, fe, Tn]
   },
-  spawn: vr
+  spawn: yr
 };
 C(he);
 const zn = {
@@ -4331,7 +4348,7 @@ const zn = {
   }
 };
 C(It);
-function hr(t, e) {
+function xr(t, e) {
   const i = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(`formV1/spawn prop tag not found, ${i}`);
@@ -4343,9 +4360,9 @@ function hr(t, e) {
     return;
   }
   const o = {};
-  return P(o, l), o.basic.id = A(16), o.basic.key = St.key, o.children = [xr(t, e)], o;
+  return P(o, l), o.basic.id = N(16), o.basic.key = St.key, o.children = [gr(t, e)], o;
 }
-function xr(t, e) {
+function gr(t, e) {
   const i = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(`formV1/spawnTextField prop tag not found, ${i}`);
@@ -4357,7 +4374,7 @@ function xr(t, e) {
     return;
   }
   const o = {};
-  return P(o, l), o.basic.id = A(16), o.basic.key = It.key, o;
+  return P(o, l), o.basic.id = N(16), o.basic.key = It.key, o;
 }
 const Nn = {
   key: "settings",
@@ -4380,7 +4397,7 @@ const Nn = {
 }, St = {
   key: Qe,
   name: "x-runtime-lib.form",
-  comp: ml,
+  comp: pl,
   slots: [
     {
       key: "default",
@@ -4399,10 +4416,10 @@ const Nn = {
     pageCommon: [v, H, me, pe, fe, Nn],
     compCommon: [v, H, me, pe, fe, Nn]
   },
-  spawn: hr
+  spawn: xr
 };
 C(St);
-const gr = R(U), Pn = {
+const kr = R(U), Pn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4425,12 +4442,12 @@ const gr = R(U), Pn = {
       items: "sizeItemsV1",
       default: "default"
     },
-    gr
+    kr
   ]
-}, kr = {
+}, _r = {
   key: et,
   name: "x-runtime-lib.icon",
-  comp: pl,
+  comp: fl,
   slots: [],
   events: [],
   methods: [],
@@ -4439,11 +4456,11 @@ const gr = R(U), Pn = {
     compCommon: [v, Pn]
   }
 };
-C(kr);
-const _r = {
+C(_r);
+const wr = {
   key: it,
   name: "x-runtime-lib.menu",
-  comp: bl,
+  comp: vl,
   slots: [
     {
       key: "default",
@@ -4471,8 +4488,8 @@ const _r = {
   },
   teleport: !0
 };
-C(_r);
-function wr(t, e) {
+C(wr);
+function Vr(t, e) {
   const i = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(`numberInputV1/spawn prop tag not found, ${i}`);
@@ -4484,7 +4501,7 @@ function wr(t, e) {
     return;
   }
   const o = {};
-  return P(o, l), o.basic.id = A(16), o.basic.key = Tt.key, o.settings.label = "label", o.settings.placeholder = "placeholder", o;
+  return P(o, l), o.basic.id = N(16), o.basic.key = Tt.key, o.settings.label = "label", o.settings.placeholder = "placeholder", o;
 }
 const Ln = {
   key: "size",
@@ -4656,7 +4673,7 @@ const Ln = {
 }, Tt = {
   key: ot,
   name: "x-runtime-lib.numberInput",
-  comp: vl,
+  comp: yl,
   slots: [],
   events: [
     {
@@ -4690,7 +4707,7 @@ const Ln = {
     pageCommon: [v, Ln, En],
     compCommon: [v, Ln, En]
   },
-  spawn: wr
+  spawn: Vr
 };
 C(Tt);
 const Wn = {
@@ -4756,10 +4773,10 @@ const Wn = {
       default: !1
     }
   ]
-}, Vr = {
+}, $r = {
   key: st,
   name: "x-runtime-lib.pagination",
-  comp: yl,
+  comp: hl,
   slots: [],
   events: [],
   methods: [],
@@ -4768,8 +4785,8 @@ const Wn = {
     compCommon: [v, Wn]
   }
 };
-C(Vr);
-const $r = R(U), Bn = {
+C($r);
+const Cr = R(U), Bn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4804,12 +4821,12 @@ const $r = R(U), Bn = {
       items: "densityItemsV1",
       default: "default"
     },
-    $r
+    Cr
   ]
 }, zt = {
   key: Di,
   name: "x-runtime-lib.radio",
-  comp: hl,
+  comp: xl,
   slots: [],
   events: [],
   methods: [],
@@ -4819,7 +4836,7 @@ const $r = R(U), Bn = {
   }
 };
 C(zt);
-function Cr(t, e) {
+function Ir(t, e) {
   const i = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(`radioGroupV1/spawn prop tag not found, ${i}`);
@@ -4831,7 +4848,7 @@ function Cr(t, e) {
     return;
   }
   const o = {};
-  return P(o, l), o.basic.id = A(16), o.basic.key = At.key, o.children = [
+  return P(o, l), o.basic.id = N(16), o.basic.key = At.key, o.children = [
     Ae(t, e, "option1", "Option 1"),
     Ae(t, e, "option2", "Option 2"),
     Ae(t, e, "option3", "Option 3")
@@ -4849,7 +4866,7 @@ function Ae(t, e, i, s) {
     return;
   }
   const a = {};
-  return P(a, r), a.basic.id = A(16), a.basic.key = zt.key, a.settings.value = i, a.settings.label = s, a;
+  return P(a, r), a.basic.id = N(16), a.basic.key = zt.key, a.settings.value = i, a.settings.label = s, a;
 }
 const Dn = {
   key: "settings",
@@ -4897,7 +4914,7 @@ const Dn = {
 }, At = {
   key: lt,
   name: "x-runtime-lib.radioGroup",
-  comp: gl,
+  comp: kl,
   slots: [
     {
       key: "default",
@@ -4910,7 +4927,7 @@ const Dn = {
     pageCommon: [v, Dn],
     compCommon: [v, Dn]
   },
-  spawn: Cr
+  spawn: Ir
 };
 C(At);
 const Rn = {
@@ -5030,10 +5047,10 @@ const Rn = {
       ]
     }
   ]
-}, Ir = {
+}, Sr = {
   key: rt,
   name: "x-runtime-lib.rangeSlider",
-  comp: _l,
+  comp: wl,
   slots: [],
   events: [],
   methods: [],
@@ -5042,7 +5059,7 @@ const Rn = {
     compCommon: [v, Rn]
   }
 };
-C(Ir);
+C(Sr);
 const Mn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5098,10 +5115,10 @@ const Mn = {
       default: !1
     }
   ]
-}, Sr = {
+}, Tr = {
   key: at,
   name: "x-runtime-lib.rating",
-  comp: wl,
+  comp: Vl,
   slots: [],
   events: [],
   methods: [],
@@ -5110,7 +5127,7 @@ const Mn = {
     compCommon: [v, Mn]
   }
 };
-C(Sr);
+C(Tr);
 const Fn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5152,10 +5169,10 @@ const Fn = {
       default: !1
     }
   ]
-}, Tr = {
+}, zr = {
   key: ut,
   name: "x-runtime-lib.select",
-  comp: $l,
+  comp: Cl,
   slots: [],
   events: [],
   methods: [],
@@ -5164,7 +5181,7 @@ const Fn = {
     compCommon: [v, Fn]
   }
 };
-C(Tr);
+C(zr);
 const Qt = R(U);
 Qt.key = "color";
 Qt.name = "x-runtime-lib.color";
@@ -5283,7 +5300,7 @@ const Hn = {
     en,
     tn
   ]
-}, On = {
+}, Gn = {
   key: "slots",
   name: "x-runtime-lib.slots",
   children: [
@@ -5300,23 +5317,23 @@ const Hn = {
       default: void 0
     }
   ]
-}, zr = {
+}, Ar = {
   key: dt,
   name: "x-runtime-lib.slider",
-  comp: Il,
+  comp: Sl,
   slots: [],
   events: [],
   methods: [],
   props: {
-    pageCommon: [v, Hn, On],
-    compCommon: [v, Hn, On]
+    pageCommon: [v, Hn, Gn],
+    compCommon: [v, Hn, Gn]
   }
 };
-C(zr);
+C(Ar);
 const Nt = {
   key: Ri,
   name: "x-runtime-lib.stepperHeader",
-  comp: Al,
+  comp: Nl,
   slots: [
     {
       key: "default",
@@ -5331,7 +5348,7 @@ const Nt = {
   }
 };
 C(Nt);
-const Gn = {
+const On = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5345,7 +5362,7 @@ const Gn = {
 }, Pt = {
   key: Mi,
   name: "x-runtime-lib.stepperItem",
-  comp: Nl,
+  comp: Pl,
   slots: [
     {
       key: "default",
@@ -5355,15 +5372,15 @@ const Gn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [v, Gn],
-    compCommon: [v, Gn]
+    pageCommon: [v, On],
+    compCommon: [v, On]
   }
 };
 C(Pt);
 const Lt = {
   key: Fi,
   name: "x-runtime-lib.stepperWindow",
-  comp: El,
+  comp: Wl,
   slots: [
     {
       key: "default",
@@ -5392,7 +5409,7 @@ const Kn = {
 }, Et = {
   key: Hi,
   name: "x-runtime-lib.stepperWindowItem",
-  comp: Wl,
+  comp: Bl,
   slots: [
     {
       key: "default",
@@ -5407,7 +5424,7 @@ const Kn = {
   }
 };
 C(Et);
-function Ar(t, e) {
+function Nr(t, e) {
   const i = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(`stepperV1/spawn prop tag not found, ${i}`);
@@ -5419,9 +5436,9 @@ function Ar(t, e) {
     return;
   }
   const o = {};
-  return P(o, l), o.basic.id = A(16), o.basic.key = Wt.key, o.children = [Nr(t, e), Pr(t, e)], o;
+  return P(o, l), o.basic.id = N(16), o.basic.key = Wt.key, o.children = [Pr(t, e), Lr(t, e)], o;
 }
-function Nr(t, e) {
+function Pr(t, e) {
   const i = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(`stepperV1/spawnHeader prop tag not found, ${i}`);
@@ -5433,7 +5450,7 @@ function Nr(t, e) {
     return;
   }
   const o = {};
-  return P(o, l), o.basic.id = A(16), o.basic.key = Nt.key, o.children = [
+  return P(o, l), o.basic.id = N(16), o.basic.key = Nt.key, o.children = [
     Ne(t, e, "step1"),
     Ne(t, e, "step2"),
     Ne(t, e, "step3")
@@ -5451,9 +5468,9 @@ function Ne(t, e, i) {
     return;
   }
   const r = {};
-  return P(r, o), r.basic.id = A(16), r.basic.key = Pt.key, r.children = [], r.settings.value = i, r;
+  return P(r, o), r.basic.id = N(16), r.basic.key = Pt.key, r.children = [], r.settings.value = i, r;
 }
-function Pr(t, e) {
+function Lr(t, e) {
   const i = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(`stepperV1/spawnWindow prop tag not found, ${i}`);
@@ -5465,7 +5482,7 @@ function Pr(t, e) {
     return;
   }
   const o = {};
-  return P(o, l), o.basic.id = A(16), o.basic.key = Lt.key, o.children = [
+  return P(o, l), o.basic.id = N(16), o.basic.key = Lt.key, o.children = [
     Pe(t, e, "step1", "step 1"),
     Pe(t, e, "step2", "step 2"),
     Pe(t, e, "step3", "step 3")
@@ -5483,9 +5500,9 @@ function Pe(t, e, i, s) {
     return;
   }
   const a = {};
-  return P(a, r), a.basic.id = A(16), a.basic.key = Et.key, a.children = [Lr(t, e, s)], a.settings.value = i, a;
+  return P(a, r), a.basic.id = N(16), a.basic.key = Et.key, a.children = [Er(t, e, s)], a.settings.value = i, a;
 }
-function Lr(t, e, i) {
+function Er(t, e, i) {
   const s = `type=${t} subtype=${e}`, l = L(t, e);
   if (!l) {
     console.error(`stepperV1/spawnCard prop tag not found, ${s}`);
@@ -5497,7 +5514,7 @@ function Lr(t, e, i) {
     return;
   }
   const r = {};
-  return P(r, o), r.basic.id = A(16), r.basic.key = ye.key, r.children = [], r.settings.title = i, r;
+  return P(r, o), r.basic.id = N(16), r.basic.key = ye.key, r.children = [], r.settings.title = i, r;
 }
 const jn = {
   key: "settings",
@@ -5519,7 +5536,7 @@ const jn = {
 }, Wt = {
   key: ct,
   name: "x-runtime-lib.stepper",
-  comp: Sl,
+  comp: Tl,
   slots: [
     {
       key: "default",
@@ -5532,13 +5549,13 @@ const jn = {
     pageCommon: [v, jn],
     compCommon: [v, jn]
   },
-  spawn: Ar
+  spawn: Nr
 };
 C(Wt);
-const Er = {
+const Wr = {
   key: mt,
   name: "x-runtime-lib.switch",
-  comp: Dl,
+  comp: Rl,
   slots: [],
   events: [],
   methods: [],
@@ -5547,7 +5564,7 @@ const Er = {
     compCommon: [v]
   }
 };
-C(Er);
+C(Wr);
 const Un = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5566,9 +5583,9 @@ const Un = {
     }
   ]
 }, Bt = {
-  key: Oi,
+  key: Gi,
   name: "x-runtime-lib.tab",
-  comp: Rl,
+  comp: Ml,
   slots: [],
   events: [],
   methods: [],
@@ -5578,7 +5595,7 @@ const Un = {
   }
 };
 C(Bt);
-function Wr(t, e) {
+function Br(t, e) {
   const i = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(`tabsV1/spawn prop tag not found, ${i}`);
@@ -5590,7 +5607,7 @@ function Wr(t, e) {
     return;
   }
   const o = {};
-  return P(o, l), o.basic.id = A(16), o.basic.key = Dt.key, o.children = [
+  return P(o, l), o.basic.id = N(16), o.basic.key = Dt.key, o.children = [
     Le(t, e, "tab1", "tab 1"),
     Le(t, e, "tab2", "tab 2"),
     Le(t, e, "tab3", "tab 3")
@@ -5608,7 +5625,7 @@ function Le(t, e, i, s) {
     return;
   }
   const a = {};
-  return P(a, r), a.basic.id = A(16), a.basic.key = Bt.key, a.settings.value = i, a.settings.text = s, a;
+  return P(a, r), a.basic.id = N(16), a.basic.key = Bt.key, a.settings.value = i, a.settings.text = s, a;
 }
 const nn = R(U);
 nn.key = "backgroundColor";
@@ -5701,7 +5718,7 @@ const Zn = {
 }, Dt = {
   key: pt,
   name: "x-runtime-lib.tabs",
-  comp: Ml,
+  comp: Fl,
   slots: [
     {
       key: "default",
@@ -5714,10 +5731,10 @@ const Zn = {
     pageCommon: [v, Zn],
     compCommon: [v, Zn]
   },
-  spawn: Wr
+  spawn: Br
 };
 C(Dt);
-function Br(t, e) {
+function Dr(t, e) {
   const i = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(`textV1/spawn prop tag not found, ${i}`);
@@ -5729,7 +5746,7 @@ function Br(t, e) {
     return;
   }
   const o = {};
-  return P(o, l), o.basic.id = A(16), o.basic.key = ae.key, o.settings.text = "text", o;
+  return P(o, l), o.basic.id = N(16), o.basic.key = ae.key, o.settings.text = "text", o;
 }
 const qn = {
   key: "settings",
@@ -5820,7 +5837,7 @@ const qn = {
 }, ae = {
   key: ft,
   name: "x-runtime-lib.text",
-  comp: Fl,
+  comp: Hl,
   slots: [],
   events: [],
   methods: [],
@@ -5828,10 +5845,10 @@ const qn = {
     pageCommon: [v, qn],
     compCommon: [v, qn]
   },
-  spawn: Br
+  spawn: Dr
 };
 C(ae);
-function Dr(t, e) {
+function Rr(t, e) {
   const i = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(`textareaV1/spawn prop tag not found, ${i}`);
@@ -5843,7 +5860,7 @@ function Dr(t, e) {
     return;
   }
   const o = {};
-  return P(o, l), o.basic.id = A(16), o.basic.key = Rt.key, o.settings.label = "label", o;
+  return P(o, l), o.basic.id = N(16), o.basic.key = Rt.key, o.settings.label = "label", o;
 }
 const Xn = {
   key: "settings",
@@ -5919,7 +5936,7 @@ const Xn = {
 }, Rt = {
   key: bt,
   name: "x-runtime-lib.textarea",
-  comp: Hl,
+  comp: Gl,
   slots: [],
   events: [],
   methods: [],
@@ -5927,13 +5944,13 @@ const Xn = {
     pageCommon: [v, Xn],
     compCommon: [v, Xn]
   },
-  spawn: Dr
+  spawn: Rr
 };
 C(Rt);
 const Mt = {
-  key: Gi,
+  key: Oi,
   name: "x-runtime-lib.timelineItem",
-  comp: Ul,
+  comp: Zl,
   slots: [
     {
       key: "default",
@@ -5948,7 +5965,7 @@ const Mt = {
   }
 };
 C(Mt);
-function Rr(t, e) {
+function Mr(t, e) {
   const i = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(`timelineV1/spawn prop tag not found, ${i}`);
@@ -5960,7 +5977,7 @@ function Rr(t, e) {
     return;
   }
   const o = {};
-  return P(o, l), o.basic.id = A(16), o.basic.key = Ft.key, o.children = [
+  return P(o, l), o.basic.id = N(16), o.basic.key = Ft.key, o.children = [
     Ee(t, e, "timeline 1"),
     Ee(t, e, "timeline 2"),
     Ee(t, e, "timeline 3")
@@ -5978,9 +5995,9 @@ function Ee(t, e, i) {
     return;
   }
   const r = {};
-  return P(r, o), r.basic.id = A(16), r.basic.key = Mt.key, r.children = [Mr(t, e, i)], r;
+  return P(r, o), r.basic.id = N(16), r.basic.key = Mt.key, r.children = [Fr(t, e, i)], r;
 }
-function Mr(t, e, i) {
+function Fr(t, e, i) {
   const s = `type=${t} subtype=${e}`, l = L(t, e);
   if (!l) {
     console.error(`timelineV1/spawnText prop tag not found, ${s}`);
@@ -5992,9 +6009,9 @@ function Mr(t, e, i) {
     return;
   }
   const r = {};
-  return P(r, o), r.basic.id = A(16), r.basic.key = ae.key, r.settings.text = i, r;
+  return P(r, o), r.basic.id = N(16), r.basic.key = ae.key, r.settings.text = i, r;
 }
-const Fr = R(U), Hr = R(U), Yn = {
+const Hr = R(U), Gr = R(U), Yn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6042,7 +6059,7 @@ const Fr = R(U), Hr = R(U), Yn = {
           ui: "switch",
           default: !1
         },
-        Fr
+        Hr
       ]
     },
     {
@@ -6068,14 +6085,14 @@ const Fr = R(U), Hr = R(U), Yn = {
           ui: "numInput",
           default: 0
         },
-        Hr
+        Gr
       ]
     }
   ]
 }, Ft = {
   key: yt,
   name: "x-runtime-lib.timeline",
-  comp: Gl,
+  comp: Kl,
   slots: [
     {
       key: "default",
@@ -6088,13 +6105,13 @@ const Fr = R(U), Hr = R(U), Yn = {
     pageCommon: [v, Yn],
     compCommon: [v, Yn]
   },
-  spawn: Rr
+  spawn: Mr
 };
 C(Ft);
 const Ht = {
   key: Ki,
   name: "x-runtime-lib.windowItem",
-  comp: Yl,
+  comp: Jl,
   slots: [
     {
       key: "default",
@@ -6115,13 +6132,13 @@ function Or(t, e) {
     console.error(`windowV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = Ot.props[s];
+  const l = Gt.props[s];
   if (!l) {
     console.error(`windowV1/spawn props not found, ${i}`);
     return;
   }
   const o = {};
-  return P(o, l), o.basic.id = A(16), o.basic.key = Ot.key, o.children = [
+  return P(o, l), o.basic.id = N(16), o.basic.key = Gt.key, o.children = [
     We(t, e, "window 1"),
     We(t, e, "window 2"),
     We(t, e, "window 3")
@@ -6139,9 +6156,9 @@ function We(t, e, i) {
     return;
   }
   const r = {};
-  return P(r, o), r.basic.id = A(16), r.basic.key = Ht.key, r.children = [Gr(t, e, i)], r;
+  return P(r, o), r.basic.id = N(16), r.basic.key = Ht.key, r.children = [Kr(t, e, i)], r;
 }
-function Gr(t, e, i) {
+function Kr(t, e, i) {
   const s = `type=${t} subtype=${e}`, l = L(t, e);
   if (!l) {
     console.error(`windowV1/spawnFlexLayout prop tag not found, ${s}`);
@@ -6153,9 +6170,9 @@ function Gr(t, e, i) {
     return;
   }
   const r = {};
-  return P(r, o), r.basic.id = A(16), r.basic.key = he.key, r.size.height = "200px", r.settings.mainAlign.xs = "center", r.settings.crossAlign.xs = "center", r.settings.backgroundColor.mode = "theme", r.settings.backgroundColor.theme = "background2", r.children = [Kr(t, e, i)], r;
+  return P(r, o), r.basic.id = N(16), r.basic.key = he.key, r.size.height = "200px", r.settings.mainAlign.xs = "center", r.settings.crossAlign.xs = "center", r.settings.backgroundColor.mode = "theme", r.settings.backgroundColor.theme = "background2", r.children = [jr(t, e, i)], r;
 }
-function Kr(t, e, i) {
+function jr(t, e, i) {
   const s = `type=${t} subtype=${e}`, l = L(t, e);
   if (!l) {
     console.error(`windowV1/spawnText prop tag not found, ${s}`);
@@ -6167,7 +6184,7 @@ function Kr(t, e, i) {
     return;
   }
   const r = {};
-  return P(r, o), r.basic.id = A(16), r.basic.key = ae.key, r.settings.text = i, r.settings.style.xs = "h6", r;
+  return P(r, o), r.basic.id = N(16), r.basic.key = ae.key, r.settings.text = i, r.settings.style.xs = "h6", r;
 }
 const Jn = {
   key: "settings",
@@ -6217,10 +6234,10 @@ const Jn = {
       default: !1
     }
   ]
-}, Ot = {
+}, Gt = {
   key: ht,
   name: "x-runtime-lib.window",
-  comp: Zl,
+  comp: ql,
   slots: [
     {
       key: "default",
@@ -6235,34 +6252,34 @@ const Jn = {
   },
   spawn: Or
 };
-C(Ot);
-const jr = [
+C(Gt);
+const Ur = [
   { title: "x-runtime-lib.title", value: "title" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" }
-], Ur = [
+], Zr = [
   { title: "x-runtime-lib.value", value: "value" },
   { title: "x-runtime-lib.category", value: "category" },
   { title: "x-runtime-lib.time", value: "time" },
   { title: "x-runtime-lib.log", value: "log" }
-], Zr = [
+], qr = [
   { 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" }
-], qr = [
+], Xr = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.theme", value: "theme" },
   { title: "x-runtime-lib.custom", value: "custom" }
-], Xr = [
+], Yr = [
   { title: "x-runtime-lib.default", value: "default" },
   { title: "x-runtime-lib.comfortable", value: "comfortable" },
   { title: "x-runtime-lib.compact", value: "compact" }
-], Yr = [
+], Jr = [
   { title: "x-runtime-lib.horizontal", value: "horizontal" },
   { title: "x-runtime-lib.vertical", value: "vertical" }
-], Jr = [
+], Qr = [
   { title: "x-runtime-lib.underlined", value: "underlined" },
   { title: "x-runtime-lib.outlined", value: "outlined" },
   { title: "x-runtime-lib.filled", value: "filled" },
@@ -6270,20 +6287,20 @@ const jr = [
   { title: "x-runtime-lib.soloInverted", value: "solo-inverted" },
   { title: "x-runtime-lib.soloFilled", value: "solo-filled" },
   { title: "x-runtime-lib.plain", value: "plain" }
-], Qr = [
+], ea = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.center", value: "center" },
   { title: "x-runtime-lib.baseline", value: "baseline" },
   { title: "x-runtime-lib.stretch", value: "stretch" }
-], ea = [
+], ta = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.row", value: "row" },
   { title: "x-runtime-lib.rowReverse", value: "rowReverse" },
   { title: "x-runtime-lib.column", value: "column" },
   { title: "x-runtime-lib.columnReverse", value: "columnReverse" }
-], ta = [
+], na = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.end", value: "end" },
@@ -6291,12 +6308,12 @@ const jr = [
   { title: "x-runtime-lib.spaceBetween", value: "spaceBetween" },
   { title: "x-runtime-lib.spaceAround", value: "spaceAround" },
   { title: "x-runtime-lib.spaceEvenly", value: "spaceEvenly" }
-], na = [
+], ia = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.no", value: "no" },
   { title: "x-runtime-lib.yes", value: "yes" },
   { title: "x-runtime-lib.reverse", value: "reverse" }
-], ia = [
+], oa = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.black", value: "black" },
   { title: "x-runtime-lib.bold", value: "bold" },
@@ -6304,24 +6321,24 @@ const jr = [
   { title: "x-runtime-lib.regular", value: "regular" },
   { title: "x-runtime-lib.light", value: "light" },
   { title: "x-runtime-lib.thin", value: "thin" }
-], oa = [
+], sa = [
   { title: "x-runtime-lib.elevated", value: "elevated" },
   { title: "x-runtime-lib.flat", value: "flat" },
   { title: "x-runtime-lib.tonal", value: "tonal" },
   { title: "x-runtime-lib.outlined", value: "outlined" },
   { title: "x-runtime-lib.text", value: "text" },
   { title: "x-runtime-lib.plain", value: "plain" }
-], sa = [
+], la = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.show", value: "show" },
   { title: "x-runtime-lib.always", value: "always" }
-], la = [
+], ra = [
   { title: "x-runtime-lib.xSmall", value: "x-small" },
   { title: "x-runtime-lib.small", value: "small" },
   { title: "x-runtime-lib.default", value: "default" },
   { title: "x-runtime-lib.large", value: "large" },
   { title: "x-runtime-lib.xLarge", value: "x-large" }
-], ra = [
+], aa = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" },
@@ -6329,18 +6346,18 @@ const jr = [
   { title: "x-runtime-lib.justify", value: "justify" },
   { title: "x-runtime-lib.left", value: "left" },
   { title: "x-runtime-lib.right", value: "right" }
-], aa = [
+], ua = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.none", value: "none" },
   { title: "x-runtime-lib.overline", value: "overline" },
   { title: "x-runtime-lib.underline", value: "underline" },
   { title: "x-runtime-lib.lineThrough", value: "line-through" }
-], ua = [
+], da = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.high", value: "high" },
   { title: "x-runtime-lib.medium", value: "medium" },
   { title: "x-runtime-lib.disabled", value: "disabled" }
-], da = [
+], ca = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.h1", value: "h1" },
   { title: "x-runtime-lib.h2", value: "h2" },
@@ -6355,7 +6372,7 @@ const jr = [
   { title: "x-runtime-lib.button", value: "button" },
   { title: "x-runtime-lib.caption", value: "caption" },
   { title: "x-runtime-lib.overline", value: "overline" }
-], ca = [
+], ma = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.primary", value: "primary" },
   { title: "x-runtime-lib.secondary", value: "secondary" },
@@ -6366,53 +6383,53 @@ const jr = [
   { title: "x-runtime-lib.background0", value: "background0" },
   { title: "x-runtime-lib.background1", value: "background1" },
   { title: "x-runtime-lib.background2", value: "background2" }
-], ma = [
+], pa = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.show", value: "show" },
   { title: "x-runtime-lib.always", value: "always" }
-], pa = [
+], fa = [
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" }
-], fa = [
+], ba = [
   { title: "x-runtime-lib.horizontal", value: "horizontal" },
   { title: "x-runtime-lib.vertical", value: "vertical" }
-], ba = [
+], va = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.start", value: "start" }
-], va = [
+], ya = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.both", value: "both" }
-], ya = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], ha = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  alignTabsItemsV1: jr,
-  axisTypeItemsV1: Ur,
-  borderStyleItemsV1: Zr,
-  colorModeItemsV1: qr,
-  densityItemsV1: Xr,
-  directionItemsV1: Yr,
-  fieldVariantItemsV1: Jr,
-  flexCrossAlignItemsV1: Qr,
-  flexDirectionItemsV1: ea,
-  flexMainAlignItemsV1: ta,
-  flexWrapItemsV1: na,
-  fontWeightItemsV1: ia,
-  sheetVariantItemsV1: oa,
-  showTicksItemsV1: sa,
-  sizeItemsV1: la,
-  textAlignItemsV1: ra,
-  textDecorationItemsV1: aa,
-  textEmphasisItemsV1: ua,
-  textStyleItemsV1: da,
-  themeColorItemsV1: ca,
-  thumbLabelItemsV1: ma,
-  timelineAlignItemsV1: pa,
-  timelineDirectionItemsV1: fa,
-  timelineSideItemsV1: ba,
-  timelineTruncateLineItemsV1: va
-}, Symbol.toStringTag, { value: "Module" })), ha = [
+  alignTabsItemsV1: Ur,
+  axisTypeItemsV1: Zr,
+  borderStyleItemsV1: qr,
+  colorModeItemsV1: Xr,
+  densityItemsV1: Yr,
+  directionItemsV1: Jr,
+  fieldVariantItemsV1: Qr,
+  flexCrossAlignItemsV1: ea,
+  flexDirectionItemsV1: ta,
+  flexMainAlignItemsV1: na,
+  flexWrapItemsV1: ia,
+  fontWeightItemsV1: oa,
+  sheetVariantItemsV1: sa,
+  showTicksItemsV1: la,
+  sizeItemsV1: ra,
+  textAlignItemsV1: aa,
+  textDecorationItemsV1: ua,
+  textEmphasisItemsV1: da,
+  textStyleItemsV1: ca,
+  themeColorItemsV1: ma,
+  thumbLabelItemsV1: pa,
+  timelineAlignItemsV1: fa,
+  timelineDirectionItemsV1: ba,
+  timelineSideItemsV1: va,
+  timelineTruncateLineItemsV1: ya
+}, Symbol.toStringTag, { value: "Module" })), xa = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6452,7 +6469,7 @@ const jr = [
     max: 1 / 0,
     step: 1
   }
-], xa = [
+], ga = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6474,7 +6491,7 @@ const jr = [
     validator: (t) => t === "right",
     default: "right"
   }
-], ga = [
+], ka = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6504,7 +6521,7 @@ const jr = [
     precision: 6,
     default: "0%"
   }
-], ka = [
+], _a = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6529,7 +6546,7 @@ const jr = [
     min: 0,
     default: "0%"
   }
-], _a = [
+], wa = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6554,7 +6571,7 @@ const jr = [
     min: 0,
     default: "0%"
   }
-], wa = [
+], Va = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6583,7 +6600,7 @@ const jr = [
     validator: (t) => t === "end",
     default: "end"
   }
-], Va = [
+], $a = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6605,21 +6622,21 @@ const jr = [
     validator: (t) => t === "bottom",
     default: "bottom"
   }
-], $a = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], Ca = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  borderWidthTypesV1: ha,
-  leftRightTypesV1: xa,
-  marginTypesV1: ga,
-  paddingTypesV1: ka,
-  sizeTypesV1: _a,
-  tableColumnAlignTypesV1: wa,
-  topBottomTypesV1: Va
-}, Symbol.toStringTag, { value: "Module" })), Ca = {
+  borderWidthTypesV1: xa,
+  leftRightTypesV1: ga,
+  marginTypesV1: ka,
+  paddingTypesV1: _a,
+  sizeTypesV1: wa,
+  tableColumnAlignTypesV1: Va,
+  topBottomTypesV1: $a
+}, Symbol.toStringTag, { value: "Module" })), Ia = {
   version: "v1",
   globalityKey: tt,
   refKey: _e,
-  items: { ...ya },
-  types: { ...$a },
+  items: { ...ha },
+  types: { ...Ca },
   elements: /* @__PURE__ */ new Set([
     Be,
     dn,
@@ -6628,8 +6645,8 @@ const jr = [
     Me,
     Fe,
     He,
-    Oe,
     Ge,
+    Oe,
     Ke,
     je,
     Ue,
@@ -6659,13 +6676,13 @@ const jr = [
     Fi,
     Hi,
     mt,
-    Oi,
+    Gi,
     pt,
     ft,
     bt,
     vt,
     yt,
-    Gi,
+    Oi,
     ht,
     Ki
   ]),
@@ -6676,7 +6693,7 @@ const jr = [
       items: [
         De,
         Fe,
-        Oe,
+        Ge,
         Ue,
         Je,
         Xe,
@@ -6719,7 +6736,7 @@ const jr = [
       items: [
         Me,
         Re,
-        Ge,
+        Oe,
         ct,
         ht
       ]
@@ -6741,51 +6758,51 @@ const jr = [
     }
   ]
 }, ln = {
-  v1: Ca
-}, Ia = (t, e, i) => {
+  v1: Ia
+}, Sa = (t, e, i) => {
   const s = t[e];
   return s ? typeof s == "function" ? s() : Promise.resolve(s) : new Promise((l, o) => {
     (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 Za(t) {
-  return (await Ia(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.dux6b905.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.ikk18oss.js") }), `./locales/${t}/index.ts`, 4)).default;
+async function Xa(t) {
+  return (await Sa(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.dux6b905.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.ikk18oss.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
 export {
-  ja as badgeV1,
+  Za as badgeV1,
   xt as barChartV1,
   hi as breakpoints,
-  sr as btnGroupV1,
-  lr as btnToggleV1,
+  lr as btnGroupV1,
+  rr as btnToggleV1,
   kt as btnV1,
   xi as calcBreakpoint,
   ye as cardV1,
-  ar as checkboxV1,
+  ur as checkboxV1,
   wt as chipGroupV1,
   _t as chipV1,
-  cr as colorPickerV1,
-  mr as comboboxV1,
+  mr as colorPickerV1,
+  pr as comboboxV1,
   Vt as containerV1,
-  pr as dataTableV1,
-  fr as datePickerV1,
-  br as dialogV1,
-  _o as duplicateNode,
-  Wa as duplicateNodes,
+  fr as dataTableV1,
+  br as datePickerV1,
+  vr as dialogV1,
+  wo as duplicateNode,
+  Da as duplicateNodes,
   re as elements,
-  Ga as ensureContext,
-  Ka as fieldTypes,
-  Ua as fileInputV1,
+  ja as ensureContext,
+  Ua as fieldTypes,
+  qa as fileInputV1,
   $t as flexLayoutEntryV1,
   he as flexLayoutV1,
   St as formV1,
-  A as genId,
+  N as genId,
   ve as getBreakpointProp,
   an as getIndexOfBreakpoint,
-  Ea as getNode,
+  Ba as getNode,
   un as getPropDefault,
   L as getPropTag,
-  tr as globalityV1,
-  kr as iconV1,
+  nr as globalityV1,
+  _r as iconV1,
   P as initProps,
   B as injectDark,
   te as injectData,
@@ -6798,31 +6815,31 @@ export {
   qt as isPercentStr,
   Se as isPixelStr,
   gt as lineChartV1,
-  Za as loadLocaleMessageRuntime,
-  _r as menuV1,
+  Xa as loadLocaleMessageRuntime,
+  wr as menuV1,
   Ei as newEventBus,
   Tt as numberInputV1,
-  Vr as paginationV1,
+  $r as paginationV1,
   ze as parsePercentStr,
-  La as parsePixelStr,
+  Wa as parsePixelStr,
   ln as pkgs,
-  Ma as provideDark,
-  Ha as provideData,
-  Oa as provideDepends,
-  Ra as provideDevice,
-  Ba as provideEnv,
-  Da as provideMode,
+  Ha as provideDark,
+  Oa as provideData,
+  Ka as provideDepends,
+  Fa as provideDevice,
+  Ra as provideEnv,
+  Ma as provideMode,
   zi as provideSandbox,
-  Fa as provideType,
+  Ga as provideType,
   At as radioGroupV1,
   zt as radioV1,
-  Ir as rangeSliderV1,
-  Sr as ratingV1,
-  nr as refV1,
-  go as reverseBreakpoints,
-  Tr as selectV1,
-  zr as sliderV1,
-  ko as spawnNode,
+  Sr as rangeSliderV1,
+  Tr as ratingV1,
+  ir as refV1,
+  ko as reverseBreakpoints,
+  zr as selectV1,
+  Ar as sliderV1,
+  _o as spawnNode,
   Pi as startInterpreter,
   Nt as stepperHeaderV1,
   Pt as stepperItemV1,
@@ -6830,7 +6847,7 @@ export {
   Et as stepperWindowItemV1,
   Lt as stepperWindowV1,
   Li as stopInterpreter,
-  Er as switchV1,
+  Wr as switchV1,
   Bt as tabV1,
   Dt as tabsV1,
   It as textFieldV1,
@@ -6839,5 +6856,5 @@ export {
   Mt as timelineItemV1,
   Ft as timelineV1,
   Ht as windowItemV1,
-  Ot as windowV1
+  Gt as windowV1
 };