x-runtime-lib 0.8.158 → 0.8.159

package/dist/index.js

@@ -29,10 +29,10 @@ var De = (t, n, e) => {
   };
   return l();
 };
-import { defineComponent as S, createElementBlock as te, createCommentVNode as re, unref as s, openBlock as w, createElementVNode as Ue, computed as I, renderSlot as O, normalizeStyle as me, ref as se, watch as pe, onUnmounted as Ie, onBeforeMount as no, watchEffect as xe, createVNode as K, createBlock as $, useTemplateRef as wi, onMounted as Ii, nextTick as sn, withCtx as V, resolveComponent as R, isRef as ne, h as B, createSlots as rn, renderList as io, useId as Si, withModifiers as oo, normalizeClass as so, toDisplayString as Ci, useAttrs as gt, inject as fe, provide as ye, readonly as ln } from "vue";
+import { defineComponent as S, createElementBlock as te, createCommentVNode as re, unref as s, openBlock as w, createElementVNode as Ue, computed as I, renderSlot as O, normalizeStyle as me, ref as se, watch as pe, onUnmounted as Ie, onBeforeMount as no, watchEffect as xe, createVNode as K, createBlock as $, useTemplateRef as wi, onMounted as Ii, nextTick as sn, withCtx as V, h as B, toDisplayString as Si, useAttrs as gt, resolveComponent as R, isRef as ne, createSlots as rn, renderList as io, useId as Ci, withModifiers as oo, normalizeClass as so, inject as fe, provide as ye, readonly as ln } from "vue";
 import { globalObjects as he, waitUtil as $i, useViewStack as Vi, eventBus as Pi, messageInfo as ro, messageSuccess as lo, messageWarning as zi, messageError as Li, createAxios as ao, openConfirmDlg as uo, openPromptDlg as co } from "x-essential-lib";
 import { CameraHelper as Ei, DirectionalLightHelper as po, PointLightHelper as mo, SpotLightHelper as fo } from "three";
-import { c as yo, i as de, a as qe, K as bo, M as go, O as ho, u as _o, r as Ti, e as Ai, b as vo, d as xo, f as ko, g as wo, h as Io, j as So, k as Co, l as $o, m as Mi, n as D, H as Vo, o as Po, p as zo, q as Lo } from "./vendor.eam33h89.js";
+import { c as yo, i as de, a as qe, K as bo, M as go, O as ho, u as _o, r as Ti, e as Ai, b as vo, d as xo, f as ko, g as wo, h as Io, j as So, k as Co, l as $o, m as D, H as Vo, n as Mi, o as Po, p as zo, q as Lo } from "./vendor.dwgy5dvz.js";
 import { useTheme as Eo } from "vuetify";
 import { getErrorMessage as To } from "x-error-lib";
 const In = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
@@ -1102,210 +1102,85 @@ const kr = /* @__PURE__ */ S({
     }));
   }
 }), Ir = /* @__PURE__ */ S({
-  __name: "index",
-  props: {
-    nodeId: {},
-    outer: { type: Boolean },
-    refContext: {}
-  },
-  setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "content"]), { property: i } = a(e, ["settings", "dot"]), { theme: l } = H(), { property: r } = a(e, [
-      "settings",
-      "offset",
-      "x"
-    ]), { property: u } = a(e, [
-      "settings",
-      "offset",
-      "y"
-    ]);
-    return (p, c) => {
-      const m = R("v-badge");
-      return w(), $(s(j), null, {
-        default: V(() => [
-          K(m, {
-            content: s(o),
-            dot: s(i),
-            "offset-x": s(r),
-            "offset-y": s(u),
-            theme: s(l)
-          }, {
-            default: V(() => [
-              O(p.$slots, "default")
-            ]),
-            _: 3
-          }, 8, ["content", "dot", "offset-x", "offset-y", "theme"])
-        ]),
-        _: 3
-      });
-    };
-  }
-}), Sr = /* @__PURE__ */ S({
-  __name: "index",
+  __name: "entry",
   props: {
+    subtype: {},
     nodeId: {},
-    outer: { type: Boolean },
-    refContext: {}
+    refContext: {},
+    instance: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = _e(), { property: i } = a(e, [
-      "settings",
-      "addIcon",
-      "append"
-    ]), { property: l } = a(e, ["settings", "block"]), { property: r } = a(e, ["settings", "color"]), { color: u } = Q(r), { property: p } = a(e, ["settings", "density"]), { property: c } = a(e, [
-      "settings",
-      "disabled"
-    ]), { property: m } = a(e, ["size", "height"]), { property: d } = a(e, ["settings", "loading"]), { property: f } = a(e, ["size", "maxHeight"]), { property: b } = a(e, ["size", "maxWidth"]), { property: g } = a(e, ["size", "minHeight"]), { property: k } = a(e, ["size", "minWidth"]), { property: _ } = a(e, [
-      "settings",
-      "addIcon",
-      "prepend"
-    ]), { property: x } = a(e, [
-      "settings",
-      "readonly"
-    ]), { property: h } = a(e, ["settings", "ripple"]), { property: v } = a(e, ["settings", "size"]), { property: L } = a(e, ["settings", "stacked"]), { property: E } = a(e, ["settings", "text"]), { theme: J } = H(), { property: Y } = a(e, ["settings", "variant"]), { property: N } = a(e, ["size", "width"]), z = async (G) => {
-      if (!o || !o.vm)
+    console.log(`<element/${t.nodeId}/multiple_ref_v1/${t.instance}> created`), Ie(() => {
+      console.log(`<element/${t.nodeId}/multiple_ref_v1/${t.instance}> destroyed`);
+    });
+    const n = Z(), e = le(), o = I(() => D(e.value));
+    Pe(o), ke(n) && tt(o, "multipleRef", t.nodeId, t.instance, _e());
+    const i = (r) => {
+      const u = we[r.key];
+      if (!u) {
+        console.assert(!1, `element not found key=${r.key}`);
         return;
-      const { vm: ie } = o;
-      ie.setProp(ie.global, "__pointerPosX__", ie.newNumber(G.clientX)), ie.setProp(ie.global, "__pointerPosY__", ie.newNumber(G.clientY)), await o.callFunctionAsync(
-        "__triggerEventV1__",
-        oe("elementEvent", n.nodeId, "click"),
-        ""
+      }
+      const p = {
+        nodeId: r.id
+      };
+      return Xe(r.key) && (p.refContext = {
+        parent: t.refContext,
+        compId: r.compId
+      }), B(
+        u.comp,
+        {
+          key: r.id,
+          ...p
+        },
+        {
+          default: () => {
+            if (!u.leaf)
+              return r.children?.map((c) => i(c));
+          }
+        }
       );
+    }, l = () => {
+      if (t.subtype === "ui")
+        return B("div", null, {
+          default: () => o.value?.view.nodeLites.map((r) => i(r))
+        });
+      if (t.subtype === "3d")
+        return B("TresGroup", null, {
+          default: () => o.value?.view.nodeLites.map((r) => i(r))
+        });
     };
-    return (G, ie) => {
-      const ge = R("v-btn");
-      return w(), $(s(j), {
-        block: s(l),
-        mask: ""
-      }, {
-        default: V(() => [
-          K(ge, {
-            "append-icon": s(i),
-            block: s(l),
-            color: s(u),
-            density: s(p),
-            disabled: s(c),
-            height: s(m),
-            loading: s(d),
-            "max-height": s(f),
-            "max-width": s(b),
-            "min-height": s(g),
-            "min-width": s(k),
-            "prepend-icon": s(_),
-            readonly: s(x),
-            ripple: s(h),
-            size: s(v),
-            stacked: s(L),
-            text: s(E),
-            theme: s(J),
-            variant: s(Y),
-            width: s(N),
-            onClick: z
-          }, 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"])
-        ]),
-        _: 1
-      }, 8, ["block"]);
-    };
+    return (r, u) => (w(), $(l));
   }
-}), Cr = {};
-function $r(t, n) {
-  const e = R("v-btn-group");
-  return w(), $(e, null, {
-    default: V(() => [
-      O(t.$slots, "default")
-    ]),
-    _: 3
-  });
-}
-const Vr = /* @__PURE__ */ We(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
+}), Sr = ["position", "rotation", "scale"], Cr = { style: { userSelect: "none" } }, ue = /* @__PURE__ */ S({
   __name: "index",
   props: {
-    nodeId: {},
-    outer: { type: Boolean },
-    refContext: {}
+    position: {},
+    rotation: {},
+    scale: {},
+    label: { default: () => {
+    } }
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "block"]), { property: i } = a(e, [
-      "settings",
-      "disabled"
-    ]), { property: l } = a(e, ["settings", "divided"]), { property: r } = a(e, [
-      "settings",
-      "mandatory"
-    ]), { property: u } = a(e, [
-      "settings",
-      "multiple"
-    ]), { property: p } = a(e, [
-      "settings",
-      "readonly"
-    ]), { property: c } = a(e, ["settings", "size"]), { property: m } = a(e, ["settings", "stacked"]), { theme: d } = H(), { property: f } = a(e, ["settings", "tile"]), { property: b } = a(e, ["settings", "variant"]);
-    return (g, k) => {
-      const _ = R("v-btn-toggle");
-      return w(), $(_, {
-        block: s(o),
-        disabled: s(i),
-        divided: s(l),
-        mandatory: s(r),
-        multiple: s(u),
-        readonly: s(p),
-        size: s(c),
-        stacked: s(m),
-        theme: s(d),
-        tile: s(f),
-        variant: s(b)
+    return (n, e) => (w(), te("TresGroup", {
+      position: t.position,
+      rotation: t.rotation,
+      scale: t.scale
+    }, [
+      t.label ? (w(), $(s(Vo), {
+        key: 0,
+        center: "",
+        transform: ""
       }, {
         default: V(() => [
-          O(g.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["block", "disabled", "divided", "mandatory", "multiple", "readonly", "size", "stacked", "theme", "tile", "variant"]);
-    };
-  }
-}), zr = /* @__PURE__ */ S({
-  __name: "index",
-  props: {
-    nodeId: {},
-    outer: { type: Boolean },
-    refContext: {}
-  },
-  setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "density"]), { property: i } = a(e, [
-      "settings",
-      "disabled"
-    ]), { property: l } = a(e, ["size", "height"]), { property: r } = a(e, ["settings", "hover"]), { property: u } = a(e, ["settings", "loading"]), { property: p } = a(e, ["size", "maxHeight"]), { property: c } = a(e, ["size", "maxWidth"]), { property: m } = a(e, ["size", "minHeight"]), { property: d } = a(e, ["size", "minWidth"]), { property: f } = a(e, [
-      "settings",
-      "subtitle"
-    ]), { property: b } = a(e, ["settings", "text"]), { theme: g } = H(), { property: k } = a(e, ["settings", "title"]), { property: _ } = a(e, ["settings", "variant"]), { property: x } = a(e, ["size", "width"]);
-    return (h, v) => {
-      const L = R("v-card");
-      return w(), $(s(j), { block: "" }, {
-        default: V(() => [
-          K(L, {
-            density: s(o),
-            disabled: s(i),
-            height: s(l),
-            hover: s(r),
-            loading: s(u),
-            "max-height": s(p),
-            "max-width": s(c),
-            "min-height": s(m),
-            "min-width": s(d),
-            subtitle: s(f),
-            text: s(b),
-            theme: s(g),
-            title: s(k),
-            variant: s(_),
-            width: s(x)
-          }, {
-            default: V(() => [
-              O(h.$slots, "default")
-            ]),
-            _: 3
-          }, 8, ["density", "disabled", "height", "hover", "loading", "max-height", "max-width", "min-height", "min-width", "subtitle", "text", "theme", "title", "variant", "width"])
+          Ue("div", Cr, Si(t.label), 1)
         ]),
-        _: 3
-      });
-    };
+        _: 1
+      })) : re("", !0),
+      O(n.$slots, "default")
+    ], 8, Sr));
   }
-}), Lr = /* @__PURE__ */ S({
+}), $r = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -1313,27 +1188,141 @@ const Vr = /* @__PURE__ */ We(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, [
-      "settings",
-      "disabled"
-    ]), { property: i } = a(e, [
-      "settings",
-      "readonly"
-    ]);
-    return (l, r) => {
-      const u = R("v-checkbox");
-      return w(), $(s(j), { mask: "" }, {
-        default: V(() => [
-          K(u, {
-            disabled: s(o),
-            readonly: s(i)
-          }, null, 8, ["disabled", "readonly"])
-        ]),
-        _: 1
-      });
+    const n = gt(), e = t, { node: o } = P(e), i = Qe(), l = le(), r = se();
+    Pe(r);
+    const u = I(() => e.refContext?.compId);
+    et(u, r);
+    const { applySize: p } = be(e, o), c = I(() => {
+      const h = {};
+      return r.value?.type === "ui" && p(h), h;
+    }), { position: m, rotation: d, scale: f } = ce(o), { property: b } = a(o, ["instances"]), g = (h, v) => {
+      h.findIndex((L) => L === v) >= 0 || h.push(v);
+    }, k = I(() => {
+      const h = [];
+      if (!Array.isArray(b.value))
+        return h;
+      for (const v of b.value)
+        typeof v == "string" && v && g(h, v);
+      return h;
+    }), _ = (h, v) => B(Ir, {
+      key: h,
+      subtype: v,
+      nodeId: e.nodeId,
+      refContext: e.refContext,
+      instance: h
+    }), x = () => {
+      if (!e.refContext) {
+        console.assert(!1, "invalid of ref context");
+        return;
+      }
+      if (!l.value) {
+        console.assert(!1, "invalid of data");
+        return;
+      }
+      const { i18n: h } = he;
+      if (Ye(e.refContext, i))
+        return l.value.type === "ui" ? B(
+          "div",
+          { id: n.id, style: c.value },
+          h.global.t("x-runtime-lib.circularReference")
+        ) : l.value.type === "3d" ? B(ue, {
+          name: n.name,
+          position: m.value,
+          rotation: d.value,
+          scale: f.value,
+          label: h.global.t("x-runtime-lib.circularReference")
+        }) : void 0;
+      if (!r.value)
+        return l.value.type === "ui" ? B("div", { id: n.id, style: c.value }) : l.value.type === "3d" ? B(ue, {
+          name: n.name,
+          position: m.value,
+          rotation: d.value,
+          scale: f.value
+        }) : void 0;
+      if (r.value.type !== l.value.type) {
+        console.assert(!1, "subtype not match");
+        return;
+      }
+      const v = r.value.type;
+      if (v === "ui")
+        return B(
+          "div",
+          {
+            id: n.id,
+            style: c.value
+          },
+          {
+            default: () => k.value.map((L) => _(L, v))
+          }
+        );
+      if (v === "3d")
+        return B(
+          ue,
+          {
+            name: n.name,
+            position: m.value,
+            rotation: d.value,
+            scale: f.value
+          },
+          {
+            default: () => k.value.map((L) => _(L, v))
+          }
+        );
     };
+    return (h, v) => (w(), $(x));
   }
-}), Er = /* @__PURE__ */ S({
+}), Vr = /* @__PURE__ */ S({
+  __name: "entry",
+  props: {
+    subtype: {},
+    nodeId: {},
+    refContext: {},
+    instance: {}
+  },
+  setup(t) {
+    console.log(`<element/${t.nodeId}/multiple_slot_v1/${t.instance}> created`), Ie(() => {
+      console.log(`<element/${t.nodeId}/multiple_slot_v1/${t.instance}> destroyed`);
+    });
+    const n = Z(), e = le(), o = I(() => D(e.value));
+    Pe(o), ke(n) && tt(o, "multipleCustomSlot", t.nodeId, t.instance, _e());
+    const i = (r) => {
+      const u = we[r.key];
+      if (!u) {
+        console.assert(!1, `element not found key=${r.key}`);
+        return;
+      }
+      const p = {
+        nodeId: r.id
+      };
+      return Xe(r.key) && (p.refContext = {
+        parent: t.refContext,
+        compId: r.compId
+      }), B(
+        u.comp,
+        {
+          key: r.id,
+          ...p
+        },
+        {
+          default: () => {
+            if (!u.leaf)
+              return r.children?.map((c) => i(c));
+          }
+        }
+      );
+    }, l = () => {
+      if (t.subtype === "ui")
+        return B("div", null, {
+          default: () => o.value?.view.nodeLites.map((r) => i(r))
+        });
+      if (t.subtype === "3d")
+        return B("TresGroup", null, {
+          default: () => o.value?.view.nodeLites.map((r) => i(r))
+        });
+    };
+    return (r, u) => (w(), $(l));
+  }
+}), Pr = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -1341,41 +1330,90 @@ const Vr = /* @__PURE__ */ We(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, [
-      "settings",
-      "closable"
-    ]), { property: i } = a(e, ["settings", "color"]), { color: l } = Q(i), { property: r } = a(e, ["settings", "density"]), { property: u } = a(e, [
-      "settings",
-      "disabled"
-    ]), { property: p } = a(e, [
-      "settings",
-      "draggable"
-    ]), { property: c } = a(e, ["settings", "filter"]), { property: m } = a(e, ["settings", "label"]), { property: d } = a(e, ["settings", "size"]), { property: f } = a(e, ["settings", "text"]), { theme: b } = H(), { property: g } = a(e, ["settings", "tile"]), { property: k } = a(e, ["settings", "value"]), { property: _ } = a(e, ["settings", "variant"]);
-    return (x, h) => {
-      const v = R("v-chip");
-      return w(), $(s(j), { mask: "" }, {
-        default: V(() => [
-          K(v, {
-            closable: s(o),
-            color: s(l),
-            density: s(r),
-            disabled: s(u),
-            draggable: s(p),
-            filter: s(c),
-            label: s(m),
-            size: s(d),
-            text: s(f),
-            theme: s(b),
-            tile: s(g),
-            value: s(k),
-            variant: s(_)
-          }, null, 8, ["closable", "color", "density", "disabled", "draggable", "filter", "label", "size", "text", "theme", "tile", "value", "variant"])
-        ]),
-        _: 1
-      });
+    const n = gt(), e = t, { node: o } = P(e), i = Qe(), l = le(), r = se();
+    Pe(r);
+    const u = I(() => e.refContext?.compId);
+    et(u, r);
+    const { applySize: p } = be(e, o), c = I(() => {
+      const h = {};
+      return r.value?.type === "ui" && p(h), h;
+    }), { position: m, rotation: d, scale: f } = ce(o), { property: b } = a(o, ["instances"]), g = (h, v) => {
+      h.findIndex((L) => L === v) >= 0 || h.push(v);
+    }, k = I(() => {
+      const h = [];
+      if (!Array.isArray(b.value))
+        return h;
+      for (const v of b.value)
+        typeof v == "string" && v && g(h, v);
+      return h;
+    }), _ = (h, v) => B(Vr, {
+      key: h,
+      subtype: v,
+      nodeId: e.nodeId,
+      refContext: e.refContext,
+      instance: h
+    }), x = () => {
+      if (!e.refContext) {
+        console.assert(!1, "invalid of ref context");
+        return;
+      }
+      if (!l.value) {
+        console.assert(!1, "invalid of data");
+        return;
+      }
+      const { i18n: h } = he;
+      if (Ye(e.refContext, i))
+        return l.value.type === "ui" ? B(
+          "div",
+          { id: n.id, style: c.value },
+          h.global.t("x-runtime-lib.circularReference")
+        ) : l.value.type === "3d" ? B(ue, {
+          name: n.name,
+          position: m.value,
+          rotation: d.value,
+          scale: f.value,
+          label: h.global.t("x-runtime-lib.circularReference")
+        }) : void 0;
+      if (!r.value)
+        return l.value.type === "ui" ? B("div", { id: n.id, style: c.value }) : l.value.type === "3d" ? B(ue, {
+          name: n.name,
+          position: m.value,
+          rotation: d.value,
+          scale: f.value
+        }) : void 0;
+      if (r.value.type !== l.value.type) {
+        console.assert(!1, "subtype not match");
+        return;
+      }
+      const v = r.value.type;
+      if (v === "ui")
+        return B(
+          "div",
+          {
+            id: n.id,
+            style: c.value
+          },
+          {
+            default: () => k.value.map((L) => _(L, v))
+          }
+        );
+      if (v === "3d")
+        return B(
+          ue,
+          {
+            name: n.name,
+            position: m.value,
+            rotation: d.value,
+            scale: f.value
+          },
+          {
+            default: () => k.value.map((L) => _(L, v))
+          }
+        );
     };
+    return (h, v) => (w(), $(x));
   }
-}), Tr = /* @__PURE__ */ S({
+}), zr = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -1383,137 +1421,100 @@ const Vr = /* @__PURE__ */ We(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "column"]), { property: i } = a(e, [
-      "settings",
-      "direction"
-    ]), { property: l } = a(e, [
-      "settings",
-      "disabled"
-    ]), { property: r } = a(e, ["settings", "filter"]), { property: u } = a(e, [
-      "settings",
-      "mandatory"
-    ]), { property: p } = a(e, [
-      "settings",
-      "multiple"
-    ]), { property: c } = a(e, [
-      "settings",
-      "showArrows"
-    ]), { theme: m } = H(), { property: d } = a(e, ["settings", "value"]);
-    return (f, b) => {
-      const g = R("v-chip-group");
-      return w(), $(g, {
-        modelValue: s(d),
-        "onUpdate:modelValue": b[0] || (b[0] = (k) => ne(d) ? d.value = k : null),
-        column: s(o),
-        direction: s(i),
-        disabled: s(l),
-        filter: s(r),
-        mandatory: s(u),
-        multiple: s(p),
-        "show-arrows": s(c),
-        theme: s(m)
-      }, {
-        default: V(() => [
-          O(f.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["modelValue", "column", "direction", "disabled", "filter", "mandatory", "multiple", "show-arrows", "theme"]);
-    };
-  }
-}), Ar = /* @__PURE__ */ S({
-  __name: "index",
-  props: {
-    nodeId: {},
-    outer: { type: Boolean },
-    refContext: {}
-  },
-  setup(t) {
-    const n = t, { node: e } = P(n), o = Se(), i = le(), { applySize: l } = be(n, e), r = I(() => {
-      const k = {}, _ = i.value?.type;
-      return o === "page" ? _ === "ui" ? l(k) : console.assert(!1) : o === "comp" && _ === "ui" ? l(k) : console.assert(!1), k;
-    }), { property: u } = a(e, [
-      "settings",
-      "disabled"
-    ]), { property: p } = a(e, [
-      "settings",
-      "hideCanvas"
-    ]), { property: c } = a(e, [
-      "settings",
-      "hideHeader"
-    ]), { property: m } = a(e, [
-      "settings",
-      "hideInputs"
-    ]), { property: d } = a(e, [
-      "settings",
-      "hideSliders"
-    ]), { property: f } = a(e, [
-      "settings",
-      "landscape"
-    ]), { property: b } = a(e, [
-      "settings",
-      "showSwatches"
-    ]), { theme: g } = H();
-    return (k, _) => {
-      const x = R("v-color-picker");
-      return w(), $(s(j), { mask: "" }, {
-        default: V(() => [
-          K(x, {
-            disabled: s(u),
-            "hide-canvas": s(p),
-            "hide-header": s(c),
-            "hide-inputs": s(m),
-            "hide-sliders": s(d),
-            landscape: s(f),
-            "show-swatches": s(b),
-            style: me(r.value),
-            theme: s(g)
-          }, null, 8, ["disabled", "hide-canvas", "hide-header", "hide-inputs", "hide-sliders", "landscape", "show-swatches", "style", "theme"])
-        ]),
-        _: 1
-      });
-    };
-  }
-}), Mr = /* @__PURE__ */ S({
-  __name: "index",
-  props: {
-    nodeId: {},
-    outer: { type: Boolean },
-    refContext: {}
-  },
-  setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, [
-      "settings",
-      "hideDetails"
-    ]), { property: i } = a(e, ["settings", "label"]), { property: l } = a(e, [
-      "settings",
-      "placeholder"
-    ]), { property: r } = a(e, [
-      "settings",
-      "readonly"
-    ]), { property: u } = a(e, [
-      "settings",
-      "singleLine"
-    ]), { theme: p } = H(), { property: c } = a(e, ["settings", "value"]);
-    return (m, d) => {
-      const f = R("v-combobox");
-      return w(), $(s(j), { mask: "" }, {
-        default: V(() => [
-          K(f, {
-            modelValue: s(c),
-            "onUpdate:modelValue": d[0] || (d[0] = (b) => ne(c) ? c.value = b : null),
-            "hide-details": s(o),
-            label: s(i),
-            placeholder: s(l),
-            readonly: s(r),
-            "single-line": s(u),
-            theme: s(p)
-          }, null, 8, ["modelValue", "hide-details", "label", "placeholder", "readonly", "single-line", "theme"])
-        ]),
-        _: 1
-      });
+    const n = gt(), e = t, { node: o } = P(e), i = Z(), l = Qe(), r = le(), u = se();
+    Pe(u);
+    const p = I(() => e.refContext?.compId);
+    et(p, u), ke(i) && tt(u, "ref", e.nodeId, "", _e());
+    const { applySize: c } = be(e, o), m = I(() => {
+      const _ = {};
+      return r.value?.type === "ui" && c(_), _;
+    }), { position: d, rotation: f, scale: b } = ce(o), g = (_) => {
+      const x = we[_.key];
+      if (!x) {
+        console.assert(!1, `element not found key=${_.key}`);
+        return;
+      }
+      const h = {
+        nodeId: _.id
+      };
+      return Xe(_.key) && (h.refContext = {
+        parent: e.refContext,
+        compId: _.compId
+      }), B(
+        x.comp,
+        {
+          key: _.id,
+          ...h
+        },
+        {
+          default: () => {
+            if (!x.leaf)
+              return _.children?.map((v) => g(v));
+          }
+        }
+      );
+    }, k = () => {
+      if (!e.refContext) {
+        console.assert(!1, "invalid of ref context");
+        return;
+      }
+      if (!r.value) {
+        console.assert(!1, "invalid of data");
+        return;
+      }
+      const { i18n: _ } = he;
+      if (Ye(e.refContext, l))
+        return r.value.type === "ui" ? B(
+          "div",
+          { id: n.id, style: m.value },
+          _.global.t("x-runtime-lib.circularReference")
+        ) : r.value.type === "3d" ? B(ue, {
+          name: n.name,
+          position: d.value,
+          rotation: f.value,
+          scale: b.value,
+          label: _.global.t("x-runtime-lib.circularReference")
+        }) : void 0;
+      if (!u.value)
+        return r.value.type === "ui" ? B("div", { id: n.id, style: m.value }) : r.value.type === "3d" ? B(ue, {
+          name: n.name,
+          position: d.value,
+          rotation: f.value,
+          scale: b.value
+        }) : void 0;
+      if (u.value.type !== r.value.type) {
+        console.assert(!1, "subtype not match");
+        return;
+      }
+      const x = u.value.type;
+      if (x === "ui")
+        return B(
+          "div",
+          {
+            id: n.id,
+            style: m.value
+          },
+          {
+            default: () => u.value?.view.nodeLites.map((h) => g(h))
+          }
+        );
+      if (x === "3d")
+        return B(
+          ue,
+          {
+            name: n.name,
+            position: d.value,
+            rotation: f.value,
+            scale: b.value
+          },
+          {
+            default: () => u.value?.view.nodeLites.map((h) => g(h))
+          }
+        );
     };
+    return (_, x) => (w(), $(k));
   }
-}), Ur = /* @__PURE__ */ S({
+}), Lr = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -1521,78 +1522,118 @@ const Vr = /* @__PURE__ */ We(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Se(), i = le(), { property: l } = a(e, [
-      "settings",
-      "backgroundColor"
-    ]), { color: r } = Q(l), { applySize: u } = be(n, e), { applyMargin: p } = pn(e), { applyPadding: c } = mn(e), { applyBorder: m } = dn(e), d = I(() => {
-      const f = {}, b = i.value?.type;
-      return o === "page" ? b === "ui" ? (u(f), p(f), c(f), m(f), r.value && (f.backgroundColor = r.value)) : console.assert(!1) : o === "comp" && b === "ui" ? (u(f), p(f), c(f), m(f), r.value && (f.backgroundColor = r.value)) : console.assert(!1), f;
-    });
-    return (f, b) => (w(), $(s(j), { block: "" }, {
+    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "open"]);
+    return (i, l) => (w(), $(s(j), null, {
       default: V(() => [
-        Ue("div", {
-          style: me(d.value)
-        }, [
-          O(f.$slots, "default")
-        ], 4)
+        s(o) ? O(i.$slots, "default", { key: 0 }) : re("", !0)
       ]),
       _: 3
     }));
   }
-}), Rr = /* @__PURE__ */ S({
-  __name: "columnSlot",
+}), $e = /* @__PURE__ */ S({
+  __name: "index",
   props: {
     nodeId: {},
-    refContext: {},
-    value: {}
+    outer: { type: Boolean },
+    refContext: {}
   },
   setup(t) {
-    const n = t, e = Z(), o = Qe(), i = se();
-    Pe(i);
-    const l = I(() => n.refContext.compId);
-    et(l, i), ke(e) && tt(i, "elementSlot", "", "", _e());
-    function r(p) {
-      const c = we[p.key];
-      if (!c) {
-        console.assert(!1, `element not found key=${p.key}`);
+    const n = gt(), e = t, { node: o } = P(e), i = Z(), l = Qe(), r = le(), u = se();
+    Pe(u);
+    const p = I(() => e.refContext?.compId);
+    et(p, u), ke(i) && tt(u, "customSlot", e.nodeId, "", _e());
+    const { applySize: c } = be(e, o), m = I(() => {
+      const _ = {};
+      return u.value?.type === "ui" && c(_), _;
+    }), { position: d, rotation: f, scale: b } = ce(o);
+    function g(_) {
+      const x = we[_.key];
+      if (!x) {
+        console.assert(!1, `element not found key=${_.key}`);
         return;
       }
-      const m = {
-        nodeId: p.id
+      const h = {
+        nodeId: _.id
       };
-      return Xe(p.key) && (m.refContext = {
-        parent: n.refContext,
-        compId: p.compId
+      return Xe(_.key) && (h.refContext = {
+        parent: e.refContext,
+        compId: _.compId
       }), B(
-        c.comp,
+        x.comp,
         {
-          key: p.id,
-          ...m
+          key: _.id,
+          ...h
         },
         {
           default: () => {
-            if (!c.leaf)
-              return p.children?.map((d) => r(d));
+            if (!x.leaf)
+              return _.children?.map((v) => g(v));
           }
         }
       );
     }
-    const u = () => {
-      const { i18n: p } = he;
-      if (Ye(n.refContext, o))
-        return B("div", null, p.global.t("x-runtime-lib.circularReference"));
-      if (!i.value)
+    const k = () => {
+      if (!e.refContext) {
+        console.assert(!1, "invalid of ref context");
         return;
-      if (i.value.type === "ui")
+      }
+      if (!r.value) {
+        console.assert(!1, "invalid of data");
+        return;
+      }
+      const { i18n: _ } = he;
+      if (Ye(e.refContext, l))
+        return r.value.type === "ui" ? B(
+          "div",
+          { id: n.id, style: m.value },
+          _.global.t("x-runtime-lib.circularReference")
+        ) : r.value.type === "3d" ? B(ue, {
+          name: n.name,
+          position: d.value,
+          rotation: f.value,
+          scale: b.value,
+          label: _.global.t("x-runtime-lib.circularReference")
+        }) : void 0;
+      if (!u.value)
+        return r.value.type === "ui" ? B("div", { id: n.id, style: m.value }) : r.value.type === "3d" ? B(ue, {
+          name: n.name,
+          position: d.value,
+          rotation: f.value,
+          scale: b.value
+        }) : void 0;
+      if (u.value.type !== r.value.type) {
+        console.assert(!1, "subtype not match");
+        return;
+      }
+      const x = u.value.type;
+      if (x === "ui")
         return B(
           "div",
-          {},
-          { default: () => i.value.view.nodeLites.map((m) => r(m)) }
+          {
+            id: n.id,
+            style: m.value
+          },
+          {
+            default: () => u.value?.view.nodeLites.map((h) => g(h))
+          }
+        );
+      if (x === "3d")
+        return B(
+          ue,
+          {
+            name: n.name,
+            position: d.value,
+            rotation: f.value,
+            scale: b.value
+          },
+          {
+            default: () => u.value?.view.nodeLites.map((h) => g(h))
+          }
         );
     };
-    return (p, c) => (w(), $(u));
+    return (_, x) => (w(), $(k));
   }
-}), Wr = /* @__PURE__ */ S({
+}), Er = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -1600,69 +1641,37 @@ const Vr = /* @__PURE__ */ We(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "density"]), { property: i } = a(e, [
-      "settings",
-      "fixedFooter"
-    ]), { property: l } = a(e, [
+    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "content"]), { property: i } = a(e, ["settings", "dot"]), { theme: l } = H(), { property: r } = a(e, [
       "settings",
-      "fixedHeader"
-    ]), { property: r } = a(e, ["settings", "headers"]), { property: u } = a(e, ["size", "height"]), { property: p } = a(e, ["settings", "hover"]), { property: c } = a(e, ["settings", "data"], !0), { property: m } = a(e, ["settings", "loading"]), { property: d } = a(e, [
+      "offset",
+      "x"
+    ]), { property: u } = a(e, [
       "settings",
-      "multiSort"
-    ]), { theme: f } = H(), { property: b } = a(e, ["size", "width"]), { property: g } = a(e, ["slots", "columns"]);
-    return (k, _) => {
-      const x = R("v-data-table");
-      return w(), $(s(j), {
-        block: "",
-        mask: ""
-      }, {
-        default: V(() => [
-          K(x, {
-            density: s(o),
-            "fixed-footer": s(i),
-            "fixed-header": s(l),
-            headers: s(r),
-            height: s(u),
-            hover: s(p),
-            items: s(c),
-            loading: s(m),
-            "multi-sort": s(d),
-            theme: s(f),
-            width: s(b)
-          }, rn({ _: 2 }, [
-            io(s(g), ({ key: h, comp: v }) => ({
-              name: `item.${h}`,
-              fn: V(({ value: L }) => [
-                K(Rr, {
-                  "node-id": n.nodeId,
-                  "ref-context": {
-                    parent: n.refContext,
-                    compId: v
-                  },
-                  value: L
-                }, null, 8, ["node-id", "ref-context", "value"])
-              ])
-            }))
-          ]), 1032, ["density", "fixed-footer", "fixed-header", "headers", "height", "hover", "items", "loading", "multi-sort", "theme", "width"])
-        ]),
-        _: 1
-      });
-    };
-  }
-}), Br = /* @__PURE__ */ S({
-  __name: "index",
-  setup(t) {
-    return (n, e) => {
-      const o = R("v-date-picker");
-      return w(), $(s(j), { mask: "" }, {
+      "offset",
+      "y"
+    ]);
+    return (p, c) => {
+      const m = R("v-badge");
+      return w(), $(s(j), null, {
         default: V(() => [
-          K(o)
+          K(m, {
+            content: s(o),
+            dot: s(i),
+            "offset-x": s(r),
+            "offset-y": s(u),
+            theme: s(l)
+          }, {
+            default: V(() => [
+              O(p.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["content", "dot", "offset-x", "offset-y", "theme"])
         ]),
-        _: 1
+        _: 3
       });
     };
   }
-}), Kr = ["id"], Dr = /* @__PURE__ */ S({
+}), Tr = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -1670,32 +1679,76 @@ const Vr = /* @__PURE__ */ We(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, e = Z(), { open: o } = Vi(`runtimeDlg/${Si()}`);
-    return pt(n.nodeId, "open", () => {
-      o.value = !0;
-    }), pt(n.nodeId, "close", () => {
-      o.value = !1;
-    }), (i, l) => {
-      const r = R("v-dialog");
-      return w(), $(r, {
-        modelValue: s(o),
-        "onUpdate:modelValue": l[0] || (l[0] = (u) => ne(o) ? o.value = u : null),
-        attach: "#dialogContainer"
+    const n = t, { node: e } = P(n), o = _e(), { property: i } = a(e, [
+      "settings",
+      "addIcon",
+      "append"
+    ]), { property: l } = a(e, ["settings", "block"]), { property: r } = a(e, ["settings", "color"]), { color: u } = Q(r), { property: p } = a(e, ["settings", "density"]), { property: c } = a(e, [
+      "settings",
+      "disabled"
+    ]), { property: m } = a(e, ["size", "height"]), { property: d } = a(e, ["settings", "loading"]), { property: f } = a(e, ["size", "maxHeight"]), { property: b } = a(e, ["size", "maxWidth"]), { property: g } = a(e, ["size", "minHeight"]), { property: k } = a(e, ["size", "minWidth"]), { property: _ } = a(e, [
+      "settings",
+      "addIcon",
+      "prepend"
+    ]), { property: x } = a(e, [
+      "settings",
+      "readonly"
+    ]), { property: h } = a(e, ["settings", "ripple"]), { property: v } = a(e, ["settings", "size"]), { property: L } = a(e, ["settings", "stacked"]), { property: E } = a(e, ["settings", "text"]), { theme: J } = H(), { property: Y } = a(e, ["settings", "variant"]), { property: N } = a(e, ["size", "width"]), z = async (G) => {
+      if (!o || !o.vm)
+        return;
+      const { vm: ie } = o;
+      ie.setProp(ie.global, "__pointerPosX__", ie.newNumber(G.clientX)), ie.setProp(ie.global, "__pointerPosY__", ie.newNumber(G.clientY)), await o.callFunctionAsync(
+        "__triggerEventV1__",
+        oe("elementEvent", n.nodeId, "click"),
+        ""
+      );
+    };
+    return (G, ie) => {
+      const ge = R("v-btn");
+      return w(), $(s(j), {
+        block: s(l),
+        mask: ""
       }, {
-        activator: V(() => [
-          s(e) === "editor" ? (w(), te("div", {
-            key: 0,
-            id: `__node__@${n.nodeId}`
-          }, null, 8, Kr)) : re("", !0)
-        ]),
         default: V(() => [
-          O(i.$slots, "default")
+          K(ge, {
+            "append-icon": s(i),
+            block: s(l),
+            color: s(u),
+            density: s(p),
+            disabled: s(c),
+            height: s(m),
+            loading: s(d),
+            "max-height": s(f),
+            "max-width": s(b),
+            "min-height": s(g),
+            "min-width": s(k),
+            "prepend-icon": s(_),
+            readonly: s(x),
+            ripple: s(h),
+            size: s(v),
+            stacked: s(L),
+            text: s(E),
+            theme: s(J),
+            variant: s(Y),
+            width: s(N),
+            onClick: z
+          }, 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"])
         ]),
-        _: 3
-      }, 8, ["modelValue"]);
+        _: 1
+      }, 8, ["block"]);
     };
   }
-}), Or = /* @__PURE__ */ S({
+}), Ar = {};
+function Mr(t, n) {
+  const e = R("v-btn-group");
+  return w(), $(e, null, {
+    default: V(() => [
+      O(t.$slots, "default")
+    ]),
+    _: 3
+  });
+}
+const Ur = /* @__PURE__ */ We(Ar, [["render", Mr]]), Rr = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -1703,47 +1756,42 @@ const Vr = /* @__PURE__ */ We(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "chips"]), { property: i } = a(e, ["settings", "density"]), { property: l } = a(e, [
-      "settings",
-      "direction"
-    ]), { property: r } = a(e, [
+    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "block"]), { property: i } = a(e, [
       "settings",
       "disabled"
-    ]), { property: u } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { property: c } = a(e, [
+    ]), { property: l } = a(e, ["settings", "divided"]), { property: r } = a(e, [
+      "settings",
+      "mandatory"
+    ]), { property: u } = a(e, [
       "settings",
       "multiple"
-    ]), { property: m } = a(e, [
+    ]), { property: p } = a(e, [
       "settings",
       "readonly"
-    ]), { property: d } = a(e, ["settings", "reverse"]), { property: f } = a(e, [
-      "settings",
-      "singleLine"
-    ]);
-    return (b, g) => {
-      const k = R("v-file-input");
-      return w(), $(s(j), {
-        block: "",
-        mask: ""
+    ]), { property: c } = a(e, ["settings", "size"]), { property: m } = a(e, ["settings", "stacked"]), { theme: d } = H(), { property: f } = a(e, ["settings", "tile"]), { property: b } = a(e, ["settings", "variant"]);
+    return (g, k) => {
+      const _ = R("v-btn-toggle");
+      return w(), $(_, {
+        block: s(o),
+        disabled: s(i),
+        divided: s(l),
+        mandatory: s(r),
+        multiple: s(u),
+        readonly: s(p),
+        size: s(c),
+        stacked: s(m),
+        theme: s(d),
+        tile: s(f),
+        variant: s(b)
       }, {
         default: V(() => [
-          K(k, {
-            chips: s(o),
-            density: s(i),
-            direction: s(l),
-            disabled: s(r),
-            label: s(u),
-            loading: s(p),
-            multiple: s(c),
-            readonly: s(m),
-            reverse: s(d),
-            "single-line": s(f)
-          }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"])
+          O(g.$slots, "default")
         ]),
-        _: 1
-      });
+        _: 3
+      }, 8, ["block", "disabled", "divided", "mandatory", "multiple", "readonly", "size", "stacked", "theme", "tile", "variant"]);
     };
   }
-}), Fr = /* @__PURE__ */ S({
+}), Wr = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -1751,30 +1799,45 @@ const Vr = /* @__PURE__ */ We(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Ke(), i = Se(), l = le(), { applySize: r } = be(n, e), { applyMargin: u } = pn(e), { applyPadding: p } = mn(e), { applyBorder: c } = dn(e), { property: m } = a(e, [
+    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "density"]), { property: i } = a(e, [
       "settings",
-      "backgroundColor"
-    ]), { color: d } = Q(m), f = (g) => {
-      d.value && (g.backgroundColor = d.value), g.display = "flex";
-      const k = dt(o.value.width), _ = Fe(k, e.value.settings?.direction);
-      _ === "row" ? g.flexDirection = "row" : _ === "rowReverse" ? g.flexDirection = "row-reverse" : _ === "column" ? g.flexDirection = "column" : _ === "columnReverse" && (g.flexDirection = "column-reverse");
-      const x = Fe(k, e.value.settings?.wrap);
-      x === "no" ? g.flexWrap = "nowrap" : x === "yes" ? g.flexWrap = "wrap" : x === "reverse" && (g.flexWrap = "wrap-reverse");
-      const h = Fe(k, e.value.settings?.mainAlign);
-      h === "start" ? g.justifyContent = "flex-start" : h === "end" ? g.justifyContent = "flex-end" : h === "center" ? g.justifyContent = "center" : h === "spaceBetween" ? g.justifyContent = "space-between" : h === "spaceAround" ? g.justifyContent = "space-around" : h === "spaceEvenly" && (g.justifyContent = "space-evenly");
-      const v = Fe(k, e.value.settings?.crossAlign);
-      v === "start" ? g.alignItems = "flex-start" : v === "end" ? g.alignItems = "flex-end" : v === "center" ? g.alignItems = "center" : v === "baseline" ? g.alignItems = "baseline" : v === "stretch" && (g.alignItems = "stretch");
-    }, b = I(() => {
-      const g = {}, k = l.value?.type;
-      return i === "page" ? k === "ui" ? (r(g), u(g), p(g), c(g), f(g)) : console.assert(!1) : i === "comp" && k === "ui" ? (r(g), u(g), p(g), c(g), f(g)) : console.assert(!1), g;
-    });
-    return (g, k) => (w(), te("div", {
-      style: me(b.value)
-    }, [
-      O(g.$slots, "default")
-    ], 4));
+      "disabled"
+    ]), { property: l } = a(e, ["size", "height"]), { property: r } = a(e, ["settings", "hover"]), { property: u } = a(e, ["settings", "loading"]), { property: p } = a(e, ["size", "maxHeight"]), { property: c } = a(e, ["size", "maxWidth"]), { property: m } = a(e, ["size", "minHeight"]), { property: d } = a(e, ["size", "minWidth"]), { property: f } = a(e, [
+      "settings",
+      "subtitle"
+    ]), { property: b } = a(e, ["settings", "text"]), { theme: g } = H(), { property: k } = a(e, ["settings", "title"]), { property: _ } = a(e, ["settings", "variant"]), { property: x } = a(e, ["size", "width"]);
+    return (h, v) => {
+      const L = R("v-card");
+      return w(), $(s(j), { block: "" }, {
+        default: V(() => [
+          K(L, {
+            density: s(o),
+            disabled: s(i),
+            height: s(l),
+            hover: s(r),
+            loading: s(u),
+            "max-height": s(p),
+            "max-width": s(c),
+            "min-height": s(m),
+            "min-width": s(d),
+            subtitle: s(f),
+            text: s(b),
+            theme: s(g),
+            title: s(k),
+            variant: s(_),
+            width: s(x)
+          }, {
+            default: V(() => [
+              O(h.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["density", "disabled", "height", "hover", "loading", "max-height", "max-width", "min-height", "min-width", "subtitle", "text", "theme", "title", "variant", "width"])
+        ]),
+        _: 3
+      });
+    };
   }
-}), Nr = /* @__PURE__ */ S({
+}), Br = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -1782,17 +1845,27 @@ const Vr = /* @__PURE__ */ We(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Se(), i = le(), { applySize: l } = be(n, e), { property: r } = a(e, ["settings", "grow"]), { property: u } = a(e, ["settings", "shrink"]), p = I(() => {
-      const c = {}, m = i.value?.type;
-      return o === "page" ? m === "ui" ? (l(c), c.flexGrow = r.value ? 1 : 0, c.flexShrink = u.value ? 1 : 0) : console.assert(!1) : o === "comp" && m === "ui" ? (l(c), c.flexGrow = r.value ? 1 : 0, c.flexShrink = u.value ? 1 : 0) : console.assert(!1), c;
-    });
-    return (c, m) => (w(), te("div", {
-      style: me(p.value)
-    }, [
-      O(c.$slots, "default")
-    ], 4));
+    const n = t, { node: e } = P(n), { property: o } = a(e, [
+      "settings",
+      "disabled"
+    ]), { property: i } = a(e, [
+      "settings",
+      "readonly"
+    ]);
+    return (l, r) => {
+      const u = R("v-checkbox");
+      return w(), $(s(j), { mask: "" }, {
+        default: V(() => [
+          K(u, {
+            disabled: s(o),
+            readonly: s(i)
+          }, null, 8, ["disabled", "readonly"])
+        ]),
+        _: 1
+      });
+    };
   }
-}), jr = /* @__PURE__ */ S({
+}), Kr = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -1800,39 +1873,41 @@ const Vr = /* @__PURE__ */ We(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Se(), i = le(), l = _e(), { property: r } = a(e, ["settings", "valid"]), { property: u } = a(e, [
+    const n = t, { node: e } = P(n), { property: o } = a(e, [
       "settings",
-      "fastFail"
+      "closable"
+    ]), { property: i } = a(e, ["settings", "color"]), { color: l } = Q(i), { property: r } = a(e, ["settings", "density"]), { property: u } = a(e, [
+      "settings",
+      "disabled"
     ]), { property: p } = a(e, [
       "settings",
-      "backgroundColor"
-    ]), { color: c } = Q(p), { applySize: m } = be(n, e), { applyMargin: d } = pn(e), { applyPadding: f } = mn(e), { applyBorder: b } = dn(e), g = I(() => {
-      const _ = {}, x = i.value?.type;
-      return o === "page" ? x === "ui" ? (m(_), d(_), f(_), b(_), c.value && (_.backgroundColor = c.value)) : console.assert(!1) : o === "comp" && x === "ui" ? (m(_), d(_), f(_), b(_), c.value && (_.backgroundColor = c.value)) : console.assert(!1), _;
-    }), k = async () => {
-      await l?.callFunctionAsync(
-        "__triggerEventV1__",
-        oe("elementEvent", n.nodeId, "submit"),
-        ""
-      );
-    };
-    return (_, x) => {
-      const h = R("v-form");
-      return w(), $(h, {
-        modelValue: s(r),
-        "onUpdate:modelValue": x[0] || (x[0] = (v) => ne(r) ? r.value = v : null),
-        "fast-fail": s(u),
-        style: me(g.value),
-        onSubmit: oo(k, ["prevent"])
-      }, {
+      "draggable"
+    ]), { property: c } = a(e, ["settings", "filter"]), { property: m } = a(e, ["settings", "label"]), { property: d } = a(e, ["settings", "size"]), { property: f } = a(e, ["settings", "text"]), { theme: b } = H(), { property: g } = a(e, ["settings", "tile"]), { property: k } = a(e, ["settings", "value"]), { property: _ } = a(e, ["settings", "variant"]);
+    return (x, h) => {
+      const v = R("v-chip");
+      return w(), $(s(j), { mask: "" }, {
         default: V(() => [
-          O(_.$slots, "default")
+          K(v, {
+            closable: s(o),
+            color: s(l),
+            density: s(r),
+            disabled: s(u),
+            draggable: s(p),
+            filter: s(c),
+            label: s(m),
+            size: s(d),
+            text: s(f),
+            theme: s(b),
+            tile: s(g),
+            value: s(k),
+            variant: s(_)
+          }, null, 8, ["closable", "color", "density", "disabled", "draggable", "filter", "label", "size", "text", "theme", "tile", "value", "variant"])
         ]),
-        _: 3
-      }, 8, ["modelValue", "fast-fail", "style"]);
+        _: 1
+      });
     };
   }
-}), Hr = /* @__PURE__ */ S({
+}), Dr = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -1840,61 +1915,44 @@ const Vr = /* @__PURE__ */ We(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "color"]), { color: i } = Q(o), { property: l } = a(e, [
+    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "column"]), { property: i } = a(e, [
+      "settings",
+      "direction"
+    ]), { property: l } = a(e, [
       "settings",
       "disabled"
-    ]), { property: r } = a(e, ["settings", "icon"]), { property: u } = a(e, ["settings", "size"]), { theme: p } = H();
-    return (c, m) => {
-      const d = R("v-icon");
-      return w(), $(d, {
-        color: s(i),
+    ]), { property: r } = a(e, ["settings", "filter"]), { property: u } = a(e, [
+      "settings",
+      "mandatory"
+    ]), { property: p } = a(e, [
+      "settings",
+      "multiple"
+    ]), { property: c } = a(e, [
+      "settings",
+      "showArrows"
+    ]), { theme: m } = H(), { property: d } = a(e, ["settings", "value"]);
+    return (f, b) => {
+      const g = R("v-chip-group");
+      return w(), $(g, {
+        modelValue: s(d),
+        "onUpdate:modelValue": b[0] || (b[0] = (k) => ne(d) ? d.value = k : null),
+        column: s(o),
+        direction: s(i),
         disabled: s(l),
-        icon: s(r),
-        size: s(u),
-        theme: s(p)
-      }, null, 8, ["color", "disabled", "icon", "size", "theme"]);
-    };
-  }
-}), Jr = ["id"], Gr = /* @__PURE__ */ S({
-  __name: "index",
-  props: {
-    nodeId: {},
-    outer: { type: Boolean },
-    refContext: {}
-  },
-  setup(t) {
-    const n = t, e = Z(), o = _e(), i = se(0), l = se(0), r = I(() => [i.value, l.value]), { open: u } = Vi(`runtimeMenu/${Si()}`);
-    return pt(n.nodeId, "open", () => {
-      if (!o || !o.vm)
-        return;
-      const { vm: p } = o, c = p.getProp(p.global, "__pointerPosX__"), m = p.getProp(p.global, "__pointerPosY__");
-      i.value = p.getNumber(c), l.value = p.getNumber(m), c.dispose(), m.dispose(), u.value = !0;
-    }), pt(n.nodeId, "close", () => {
-      o && (u.value = !1);
-    }), (p, c) => {
-      const m = R("v-menu");
-      return w(), $(m, {
-        modelValue: s(u),
-        "onUpdate:modelValue": c[0] || (c[0] = (d) => ne(u) ? u.value = d : null),
-        attach: "menuContainer",
-        "location-strategy": "connected",
-        scrim: "transparent",
-        target: r.value
+        filter: s(r),
+        mandatory: s(u),
+        multiple: s(p),
+        "show-arrows": s(c),
+        theme: s(m)
       }, {
-        activator: V(() => [
-          s(e) === "editor" ? (w(), te("div", {
-            key: 0,
-            id: `__node__@${n.nodeId}`
-          }, null, 8, Jr)) : re("", !0)
-        ]),
         default: V(() => [
-          O(p.$slots, "default")
+          O(f.$slots, "default")
         ]),
         _: 3
-      }, 8, ["modelValue", "target"]);
+      }, 8, ["modelValue", "column", "direction", "disabled", "filter", "mandatory", "multiple", "show-arrows", "theme"]);
     };
   }
-}), qr = /* @__PURE__ */ S({
+}), Or = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -1902,81 +1960,52 @@ const Vr = /* @__PURE__ */ We(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, [
-      "settings",
-      "addIcon",
-      "append"
-    ]), { property: i } = a(e, [
-      "settings",
-      "addIcon",
-      "appendInner"
-    ]), { property: l } = a(e, [
-      "settings",
-      "clearable"
-    ]), { property: r } = a(e, [
+    const n = t, { node: e } = P(n), o = Se(), i = le(), { applySize: l } = be(n, e), r = I(() => {
+      const k = {}, _ = i.value?.type;
+      return o === "page" ? _ === "ui" ? l(k) : console.assert(!1) : o === "comp" && _ === "ui" ? l(k) : console.assert(!1), k;
+    }), { property: u } = a(e, [
       "settings",
-      "hideDetails"
-    ]), { property: u } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { property: c } = a(e, ["settings", "max"]), { property: m } = a(e, ["size", "maxWidth"]), { property: d } = a(e, ["settings", "min"]), { property: f } = a(e, ["size", "minWidth"]), { property: b } = a(e, [
+      "disabled"
+    ]), { property: p } = a(e, [
       "settings",
-      "placeholder"
-    ]), { property: g } = a(e, [
+      "hideCanvas"
+    ]), { property: c } = a(e, [
       "settings",
-      "precision"
-    ]), { property: k } = a(e, ["settings", "prefix"]), { property: _ } = a(e, [
+      "hideHeader"
+    ]), { property: m } = a(e, [
       "settings",
-      "addIcon",
-      "prepend"
-    ]), { property: x } = a(e, [
+      "hideInputs"
+    ]), { property: d } = a(e, [
       "settings",
-      "addIcon",
-      "prependInner"
-    ]), { property: h } = a(e, [
+      "hideSliders"
+    ]), { property: f } = a(e, [
       "settings",
-      "readonly"
-    ]), { property: v } = a(e, ["settings", "reverse"]), { property: L } = a(e, [
+      "landscape"
+    ]), { property: b } = a(e, [
       "settings",
-      "singleLine"
-    ]), { property: E } = a(e, ["settings", "step"]), { property: J } = a(e, ["settings", "suffix"]), { theme: Y } = H(), { property: N } = a(e, ["settings", "value"]), { property: z } = a(e, ["settings", "variant"]), { property: G } = a(e, ["size", "width"]);
-    return (ie, ge) => {
-      const ze = R("v-number-input");
-      return w(), $(s(j), {
-        block: "",
-        mask: ""
-      }, {
+      "showSwatches"
+    ]), { theme: g } = H();
+    return (k, _) => {
+      const x = R("v-color-picker");
+      return w(), $(s(j), { mask: "" }, {
         default: V(() => [
-          K(ze, {
-            modelValue: s(N),
-            "onUpdate:modelValue": ge[0] || (ge[0] = (ve) => ne(N) ? N.value = ve : null),
-            "append-icon": s(o),
-            "append-inner-icon": s(i),
-            clearable: s(l),
-            "hide-details": s(r),
-            label: s(u),
-            loading: s(p),
-            max: s(c),
-            "max-width": s(m),
-            min: s(d),
-            "min-width": s(f),
-            placeholder: s(b),
-            precision: s(g),
-            prefix: s(k),
-            "prepend-icon": s(_),
-            "prepend-inner-icon": s(x),
-            readonly: s(h),
-            reverse: s(v),
-            "single-line": s(L),
-            step: s(E),
-            suffix: s(J),
-            theme: s(Y),
-            variant: s(z),
-            width: s(G)
-          }, null, 8, ["modelValue", "append-icon", "append-inner-icon", "clearable", "hide-details", "label", "loading", "max", "max-width", "min", "min-width", "placeholder", "precision", "prefix", "prepend-icon", "prepend-inner-icon", "readonly", "reverse", "single-line", "step", "suffix", "theme", "variant", "width"])
+          K(x, {
+            disabled: s(u),
+            "hide-canvas": s(p),
+            "hide-header": s(c),
+            "hide-inputs": s(m),
+            "hide-sliders": s(d),
+            landscape: s(f),
+            "show-swatches": s(b),
+            style: me(r.value),
+            theme: s(g)
+          }, null, 8, ["disabled", "hide-canvas", "hide-header", "hide-inputs", "hide-sliders", "landscape", "show-swatches", "style", "theme"])
         ]),
         _: 1
       });
     };
   }
-}), Xr = /* @__PURE__ */ S({
+}), Fr = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -1984,43 +2013,39 @@ const Vr = /* @__PURE__ */ We(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Z(), { property: i } = a(e, ["settings", "density"]), { property: l } = a(e, [
+    const n = t, { node: e } = P(n), { property: o } = a(e, [
       "settings",
-      "disabled"
-    ]), { property: r } = a(e, ["settings", "length"]), { property: u } = a(e, [
+      "hideDetails"
+    ]), { property: i } = a(e, ["settings", "label"]), { property: l } = a(e, [
       "settings",
-      "showFirstLastPage"
-    ]), { property: p } = a(e, ["settings", "size"]), { property: c } = a(e, ["settings", "start"]), { theme: m } = H(), { property: d } = a(e, ["settings", "tile"]), { property: f } = a(e, ["settings", "value"]), { property: b } = a(e, ["settings", "variant"]), g = I(() => {
-      const k = {};
-      return o === "editor" && (k.pointerEvents = "none"), k;
-    });
-    return (k, _) => {
-      const x = R("v-pagination");
-      return w(), $(s(j), {
-        block: "",
-        mask: ""
-      }, {
+      "placeholder"
+    ]), { property: r } = a(e, [
+      "settings",
+      "readonly"
+    ]), { property: u } = a(e, [
+      "settings",
+      "singleLine"
+    ]), { theme: p } = H(), { property: c } = a(e, ["settings", "value"]);
+    return (m, d) => {
+      const f = R("v-combobox");
+      return w(), $(s(j), { mask: "" }, {
         default: V(() => [
-          K(x, {
-            modelValue: s(f),
-            "onUpdate:modelValue": _[0] || (_[0] = (h) => ne(f) ? f.value = h : null),
-            density: s(i),
-            disabled: s(l),
-            length: s(r),
-            "show-first-last-page": s(u),
-            size: s(p),
-            start: s(c),
-            style: me(g.value),
-            theme: s(m),
-            tile: s(d),
-            variant: s(b)
-          }, null, 8, ["modelValue", "density", "disabled", "length", "show-first-last-page", "size", "start", "style", "theme", "tile", "variant"])
+          K(f, {
+            modelValue: s(c),
+            "onUpdate:modelValue": d[0] || (d[0] = (b) => ne(c) ? c.value = b : null),
+            "hide-details": s(o),
+            label: s(i),
+            placeholder: s(l),
+            readonly: s(r),
+            "single-line": s(u),
+            theme: s(p)
+          }, null, 8, ["modelValue", "hide-details", "label", "placeholder", "readonly", "single-line", "theme"])
         ]),
         _: 1
       });
     };
   }
-}), Yr = /* @__PURE__ */ S({
+}), Nr = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -2028,27 +2053,78 @@ const Vr = /* @__PURE__ */ We(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "color"]), { color: i } = Q(o), { property: l } = a(e, ["settings", "density"]), { property: r } = a(e, [
-      "settings",
-      "disabled"
-    ]), { property: u } = a(e, ["settings", "label"]), { property: p } = a(e, [
+    const n = t, { node: e } = P(n), o = Se(), i = le(), { property: l } = a(e, [
       "settings",
-      "readonly"
-    ]), { theme: c } = H(), { property: m } = a(e, ["settings", "value"]);
-    return (d, f) => {
-      const b = R("v-radio");
-      return w(), $(b, {
-        color: s(i),
-        density: s(l),
-        disabled: s(r),
-        label: s(u),
-        readonly: s(p),
-        theme: s(c),
-        value: s(m)
-      }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
+      "backgroundColor"
+    ]), { color: r } = Q(l), { applySize: u } = be(n, e), { applyMargin: p } = pn(e), { applyPadding: c } = mn(e), { applyBorder: m } = dn(e), d = I(() => {
+      const f = {}, b = i.value?.type;
+      return o === "page" ? b === "ui" ? (u(f), p(f), c(f), m(f), r.value && (f.backgroundColor = r.value)) : console.assert(!1) : o === "comp" && b === "ui" ? (u(f), p(f), c(f), m(f), r.value && (f.backgroundColor = r.value)) : console.assert(!1), f;
+    });
+    return (f, b) => (w(), $(s(j), { block: "" }, {
+      default: V(() => [
+        Ue("div", {
+          style: me(d.value)
+        }, [
+          O(f.$slots, "default")
+        ], 4)
+      ]),
+      _: 3
+    }));
+  }
+}), jr = /* @__PURE__ */ S({
+  __name: "columnSlot",
+  props: {
+    nodeId: {},
+    refContext: {},
+    value: {}
+  },
+  setup(t) {
+    const n = t, e = Z(), o = Qe(), i = se();
+    Pe(i);
+    const l = I(() => n.refContext.compId);
+    et(l, i), ke(e) && tt(i, "elementSlot", "", "", _e());
+    function r(p) {
+      const c = we[p.key];
+      if (!c) {
+        console.assert(!1, `element not found key=${p.key}`);
+        return;
+      }
+      const m = {
+        nodeId: p.id
+      };
+      return Xe(p.key) && (m.refContext = {
+        parent: n.refContext,
+        compId: p.compId
+      }), B(
+        c.comp,
+        {
+          key: p.id,
+          ...m
+        },
+        {
+          default: () => {
+            if (!c.leaf)
+              return p.children?.map((d) => r(d));
+          }
+        }
+      );
+    }
+    const u = () => {
+      const { i18n: p } = he;
+      if (Ye(n.refContext, o))
+        return B("div", null, p.global.t("x-runtime-lib.circularReference"));
+      if (!i.value)
+        return;
+      if (i.value.type === "ui")
+        return B(
+          "div",
+          {},
+          { default: () => i.value.view.nodeLites.map((m) => r(m)) }
+        );
     };
+    return (p, c) => (w(), $(u));
   }
-}), Zr = /* @__PURE__ */ S({
+}), Hr = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -2058,134 +2134,67 @@ const Vr = /* @__PURE__ */ We(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
   setup(t) {
     const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "density"]), { property: i } = a(e, [
       "settings",
-      "direction"
+      "fixedFooter"
     ]), { property: l } = a(e, [
       "settings",
-      "disabled"
-    ]), { property: r } = a(e, ["settings", "inline"]), { property: u } = a(e, [
+      "fixedHeader"
+    ]), { property: r } = a(e, ["settings", "headers"]), { property: u } = a(e, ["size", "height"]), { property: p } = a(e, ["settings", "hover"]), { property: c } = a(e, ["settings", "data"], !0), { property: m } = a(e, ["settings", "loading"]), { property: d } = a(e, [
       "settings",
-      "readonly"
-    ]), { theme: p } = H(), { property: c } = a(e, ["settings", "value"]);
-    return (m, d) => {
-      const f = R("v-radio-group");
-      return w(), $(s(j), null, {
+      "multiSort"
+    ]), { theme: f } = H(), { property: b } = a(e, ["size", "width"]), { property: g } = a(e, ["slots", "columns"]);
+    return (k, _) => {
+      const x = R("v-data-table");
+      return w(), $(s(j), {
+        block: "",
+        mask: ""
+      }, {
         default: V(() => [
-          K(f, {
-            modelValue: s(c),
-            "onUpdate:modelValue": d[0] || (d[0] = (b) => ne(c) ? c.value = b : null),
+          K(x, {
             density: s(o),
-            direction: s(i),
-            disabled: s(l),
-            inline: s(r),
-            readonly: s(u),
-            theme: s(p)
-          }, {
-            default: V(() => [
-              O(m.$slots, "default")
-            ]),
-            _: 3
-          }, 8, ["modelValue", "density", "direction", "disabled", "inline", "readonly", "theme"])
+            "fixed-footer": s(i),
+            "fixed-header": s(l),
+            headers: s(r),
+            height: s(u),
+            hover: s(p),
+            items: s(c),
+            loading: s(m),
+            "multi-sort": s(d),
+            theme: s(f),
+            width: s(b)
+          }, rn({ _: 2 }, [
+            io(s(g), ({ key: h, comp: v }) => ({
+              name: `item.${h}`,
+              fn: V(({ value: L }) => [
+                K(jr, {
+                  "node-id": n.nodeId,
+                  "ref-context": {
+                    parent: n.refContext,
+                    compId: v
+                  },
+                  value: L
+                }, null, 8, ["node-id", "ref-context", "value"])
+              ])
+            }))
+          ]), 1032, ["density", "fixed-footer", "fixed-header", "headers", "height", "hover", "items", "loading", "multi-sort", "theme", "width"])
         ]),
-        _: 3
+        _: 1
       });
     };
   }
-}), Qr = /* @__PURE__ */ S({
+}), Jr = /* @__PURE__ */ S({
   __name: "index",
-  props: {
-    nodeId: {},
-    outer: { type: Boolean },
-    refContext: {}
-  },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "density"]), { property: i } = a(e, [
-      "settings",
-      "direction"
-    ]), { property: l } = a(e, [
-      "settings",
-      "disabled"
-    ]), { property: r } = a(e, [
-      "settings",
-      "hideDetails"
-    ]), { property: u } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "max"]), { property: c } = a(e, ["settings", "min"]), { property: m } = a(e, [
-      "settings",
-      "readonly"
-    ]), { property: d } = a(e, [
-      "settings",
-      "showTicks"
-    ]), f = I(() => {
-      if (d.value === "always")
-        return "always";
-      if (d.value === "show")
-        return !0;
-    }), { property: b } = a(e, ["settings", "step"]), { theme: g } = H(), { property: k } = a(e, [
-      "settings",
-      "thumbLabel"
-    ]), _ = I(() => {
-      if (k.value === "always")
-        return "always";
-      if (k.value === "show")
-        return !0;
-    }), { property: x } = a(e, [
-      "settings",
-      "thumbSize"
-    ]), { property: h } = a(e, ["settings", "ticks"]), v = I(() => {
-      if (!h.value)
-        return;
-      const N = {};
-      for (const { value: z, label: G } of h.value)
-        N[z] = G;
-      if (!Mi(N))
-        return N;
-    }), { property: L } = a(e, [
-      "settings",
-      "tickSize"
-    ]), { property: E } = a(e, [
-      "settings",
-      "value",
-      "start"
-    ]), { property: J } = a(e, [
-      "settings",
-      "value",
-      "end"
-    ]), Y = I({
-      get: () => [E.value, J.value],
-      set: ([N, z]) => {
-        E.value = N, J.value = z;
-      }
-    });
-    return (N, z) => {
-      const G = R("v-range-slider");
-      return w(), $(s(j), {
-        block: "",
-        mask: ""
-      }, {
+    return (n, e) => {
+      const o = R("v-date-picker");
+      return w(), $(s(j), { mask: "" }, {
         default: V(() => [
-          K(G, {
-            modelValue: Y.value,
-            "onUpdate:modelValue": z[0] || (z[0] = (ie) => Y.value = ie),
-            density: s(o),
-            direction: s(i),
-            disabled: s(l),
-            "hide-details": s(r),
-            label: s(u),
-            max: s(p),
-            min: s(c),
-            readonly: s(m),
-            "show-ticks": f.value,
-            step: s(b),
-            theme: s(g),
-            "thumb-label": _.value,
-            "thumb-size": s(x),
-            "tick-size": s(L),
-            ticks: v.value
-          }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "label", "max", "min", "readonly", "show-ticks", "step", "theme", "thumb-label", "thumb-size", "tick-size", "ticks"])
+          K(o)
         ]),
         _: 1
       });
     };
   }
-}), el = /* @__PURE__ */ S({
+}), Gr = ["id"], qr = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -2193,41 +2202,32 @@ const Vr = /* @__PURE__ */ We(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, [
-      "settings",
-      "clearable"
-    ]), { property: i } = a(e, ["settings", "density"]), { property: l } = a(e, [
-      "settings",
-      "disabled"
-    ]), { property: r } = a(e, [
-      "settings",
-      "halfIncrements"
-    ]), { property: u } = a(e, ["settings", "hover"]), { property: p } = a(e, ["settings", "length"]), { property: c } = a(e, [
-      "settings",
-      "readonly"
-    ]), { theme: m } = H(), { property: d } = a(e, ["settings", "value"]);
-    return (f, b) => {
-      const g = R("v-rating");
-      return w(), $(s(j), { mask: "" }, {
+    const n = t, e = Z(), { open: o } = Vi(`runtimeDlg/${Ci()}`);
+    return pt(n.nodeId, "open", () => {
+      o.value = !0;
+    }), pt(n.nodeId, "close", () => {
+      o.value = !1;
+    }), (i, l) => {
+      const r = R("v-dialog");
+      return w(), $(r, {
+        modelValue: s(o),
+        "onUpdate:modelValue": l[0] || (l[0] = (u) => ne(o) ? o.value = u : null),
+        attach: "#dialogContainer"
+      }, {
+        activator: V(() => [
+          s(e) === "editor" ? (w(), te("div", {
+            key: 0,
+            id: `__node__@${n.nodeId}`
+          }, null, 8, Gr)) : re("", !0)
+        ]),
         default: V(() => [
-          K(g, {
-            modelValue: s(d),
-            "onUpdate:modelValue": b[0] || (b[0] = (k) => ne(d) ? d.value = k : null),
-            clearable: s(o),
-            density: s(i),
-            disabled: s(l),
-            "half-increments": s(r),
-            hover: s(u),
-            length: s(p),
-            readonly: s(c),
-            theme: s(m)
-          }, null, 8, ["modelValue", "clearable", "density", "disabled", "half-increments", "hover", "length", "readonly", "theme"])
+          O(i.$slots, "default")
         ]),
-        _: 1
-      });
+        _: 3
+      }, 8, ["modelValue"]);
     };
   }
-}), tl = /* @__PURE__ */ S({
+}), Xr = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -2235,42 +2235,47 @@ const Vr = /* @__PURE__ */ We(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, [
-      "settings",
-      "hideDetails"
-    ]), { property: i } = a(e, ["settings", "label"]), { property: l } = a(e, [
+    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "chips"]), { property: i } = a(e, ["settings", "density"]), { property: l } = a(e, [
       "settings",
-      "placeholder"
+      "direction"
     ]), { property: r } = a(e, [
+      "settings",
+      "disabled"
+    ]), { property: u } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { property: c } = a(e, [
+      "settings",
+      "multiple"
+    ]), { property: m } = a(e, [
       "settings",
       "readonly"
-    ]), { property: u } = a(e, [
+    ]), { property: d } = a(e, ["settings", "reverse"]), { property: f } = a(e, [
       "settings",
       "singleLine"
-    ]), { theme: p } = H(), { property: c } = a(e, ["settings", "value"]);
-    return (m, d) => {
-      const f = R("v-select");
+    ]);
+    return (b, g) => {
+      const k = R("v-file-input");
       return w(), $(s(j), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
-          K(f, {
-            modelValue: s(c),
-            "onUpdate:modelValue": d[0] || (d[0] = (b) => ne(c) ? c.value = b : null),
-            "hide-details": s(o),
-            label: s(i),
-            placeholder: s(l),
-            readonly: s(r),
-            "single-line": s(u),
-            theme: s(p)
-          }, null, 8, ["modelValue", "hide-details", "label", "placeholder", "readonly", "single-line", "theme"])
+          K(k, {
+            chips: s(o),
+            density: s(i),
+            direction: s(l),
+            disabled: s(r),
+            label: s(u),
+            loading: s(p),
+            multiple: s(c),
+            readonly: s(m),
+            reverse: s(d),
+            "single-line": s(f)
+          }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"])
         ]),
         _: 1
       });
     };
   }
-}), nl = /* @__PURE__ */ S({
+}), Yr = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -2278,113 +2283,30 @@ const Vr = /* @__PURE__ */ We(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "color"]), { color: i } = Q(o), { property: l } = a(e, [
-      "settings",
-      "direction"
-    ]), { property: r } = a(e, [
-      "settings",
-      "disabled"
-    ]), { property: u } = a(e, [
-      "settings",
-      "hideDetails"
-    ]), { property: p } = a(e, ["settings", "label"]), { property: c } = a(e, ["settings", "max"]), { property: m } = a(e, ["settings", "min"]), { property: d } = a(e, [
-      "settings",
-      "readonly"
-    ]), { property: f } = a(e, ["settings", "reverse"]), { property: b } = a(e, [
-      "settings",
-      "showTicks"
-    ]), g = I(() => {
-      if (b.value === "always")
-        return "always";
-      if (b.value === "show")
-        return !0;
-    }), { property: k } = a(e, ["settings", "step"]), { theme: _ } = H(), { property: x } = a(e, [
-      "settings",
-      "thumbColor"
-    ]), { color: h } = Q(x), { property: v } = a(e, [
+    const n = t, { node: e } = P(n), o = Ke(), i = Se(), l = le(), { applySize: r } = be(n, e), { applyMargin: u } = pn(e), { applyPadding: p } = mn(e), { applyBorder: c } = dn(e), { property: m } = a(e, [
       "settings",
-      "thumbLabel"
-    ]), L = I(() => {
-      if (v.value === "always")
-        return "always";
-      if (v.value === "show")
-        return !0;
-    }), { property: E } = a(e, [
-      "settings",
-      "thumbSize"
-    ]), { property: J } = a(e, ["settings", "ticks"]), Y = I(() => {
-      if (!J.value)
-        return;
-      const ve = {};
-      for (const { value: nt, label: wt } of J.value)
-        ve[nt] = wt;
-      if (!Mi(ve))
-        return ve;
-    }), { property: N } = a(e, [
-      "settings",
-      "tickSize"
-    ]), { property: z } = a(e, [
-      "settings",
-      "trackColor"
-    ]), { color: G } = Q(z), { property: ie } = a(e, ["settings", "value"]), { property: ge } = a(e, ["slots", "append"]), { property: ze } = a(e, ["slots", "prepend"]);
-    return (ve, nt) => {
-      const wt = R("v-slider");
-      return w(), $(s(j), {
-        block: "",
-        mask: ""
-      }, {
-        default: V(() => [
-          K(wt, {
-            modelValue: s(ie),
-            "onUpdate:modelValue": nt[0] || (nt[0] = (to) => ne(ie) ? ie.value = to : null),
-            color: s(i),
-            direction: s(l),
-            disabled: s(r),
-            "hide-details": s(u),
-            label: s(p),
-            max: s(c),
-            min: s(m),
-            readonly: s(d),
-            reverse: s(f),
-            "show-ticks": g.value,
-            step: s(k),
-            theme: s(_),
-            "thumb-color": s(h),
-            "thumb-label": L.value,
-            "thumb-size": s(E),
-            "tick-size": s(N),
-            ticks: Y.value,
-            "track-color": s(G)
-          }, rn({ _: 2 }, [
-            s(ge) ? {
-              name: "append",
-              fn: V(() => [
-                K(s($e), {
-                  "node-id": "append",
-                  "ref-context": { compId: s(ge) },
-                  state: {}
-                }, null, 8, ["ref-context"])
-              ]),
-              key: "0"
-            } : void 0,
-            s(ze) ? {
-              name: "prepend",
-              fn: V(() => [
-                K(s($e), {
-                  "node-id": "prepend",
-                  "ref-context": { compId: s(ze) },
-                  state: {}
-                }, null, 8, ["ref-context"])
-              ]),
-              key: "1"
-            } : void 0
-          ]), 1032, ["modelValue", "color", "direction", "disabled", "hide-details", "label", "max", "min", "readonly", "reverse", "show-ticks", "step", "theme", "thumb-color", "thumb-label", "thumb-size", "tick-size", "ticks", "track-color"])
-        ]),
-        _: 1
-      });
-    };
+      "backgroundColor"
+    ]), { color: d } = Q(m), f = (g) => {
+      d.value && (g.backgroundColor = d.value), g.display = "flex";
+      const k = dt(o.value.width), _ = Fe(k, e.value.settings?.direction);
+      _ === "row" ? g.flexDirection = "row" : _ === "rowReverse" ? g.flexDirection = "row-reverse" : _ === "column" ? g.flexDirection = "column" : _ === "columnReverse" && (g.flexDirection = "column-reverse");
+      const x = Fe(k, e.value.settings?.wrap);
+      x === "no" ? g.flexWrap = "nowrap" : x === "yes" ? g.flexWrap = "wrap" : x === "reverse" && (g.flexWrap = "wrap-reverse");
+      const h = Fe(k, e.value.settings?.mainAlign);
+      h === "start" ? g.justifyContent = "flex-start" : h === "end" ? g.justifyContent = "flex-end" : h === "center" ? g.justifyContent = "center" : h === "spaceBetween" ? g.justifyContent = "space-between" : h === "spaceAround" ? g.justifyContent = "space-around" : h === "spaceEvenly" && (g.justifyContent = "space-evenly");
+      const v = Fe(k, e.value.settings?.crossAlign);
+      v === "start" ? g.alignItems = "flex-start" : v === "end" ? g.alignItems = "flex-end" : v === "center" ? g.alignItems = "center" : v === "baseline" ? g.alignItems = "baseline" : v === "stretch" && (g.alignItems = "stretch");
+    }, b = I(() => {
+      const g = {}, k = l.value?.type;
+      return i === "page" ? k === "ui" ? (r(g), u(g), p(g), c(g), f(g)) : console.assert(!1) : i === "comp" && k === "ui" ? (r(g), u(g), p(g), c(g), f(g)) : console.assert(!1), g;
+    });
+    return (g, k) => (w(), te("div", {
+      style: me(b.value)
+    }, [
+      O(g.$slots, "default")
+    ], 4));
   }
-}), il = /* @__PURE__ */ S({
+}), Zr = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -2392,36 +2314,57 @@ const Vr = /* @__PURE__ */ We(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, [
+    const n = t, { node: e } = P(n), o = Se(), i = le(), { applySize: l } = be(n, e), { property: r } = a(e, ["settings", "grow"]), { property: u } = a(e, ["settings", "shrink"]), p = I(() => {
+      const c = {}, m = i.value?.type;
+      return o === "page" ? m === "ui" ? (l(c), c.flexGrow = r.value ? 1 : 0, c.flexShrink = u.value ? 1 : 0) : console.assert(!1) : o === "comp" && m === "ui" ? (l(c), c.flexGrow = r.value ? 1 : 0, c.flexShrink = u.value ? 1 : 0) : console.assert(!1), c;
+    });
+    return (c, m) => (w(), te("div", {
+      style: me(p.value)
+    }, [
+      O(c.$slots, "default")
+    ], 4));
+  }
+}), Qr = /* @__PURE__ */ S({
+  __name: "index",
+  props: {
+    nodeId: {},
+    outer: { type: Boolean },
+    refContext: {}
+  },
+  setup(t) {
+    const n = t, { node: e } = P(n), o = Se(), i = le(), l = _e(), { property: r } = a(e, ["settings", "valid"]), { property: u } = a(e, [
       "settings",
-      "hideActions"
-    ]), { theme: i } = H(), { property: l } = a(e, ["settings", "value"]);
-    return (r, u) => {
-      const p = R("v-stepper");
-      return w(), $(p, {
-        modelValue: s(l),
-        "onUpdate:modelValue": u[0] || (u[0] = (c) => ne(l) ? l.value = c : null),
-        "hide-actions": s(o),
-        theme: s(i)
+      "fastFail"
+    ]), { property: p } = a(e, [
+      "settings",
+      "backgroundColor"
+    ]), { color: c } = Q(p), { applySize: m } = be(n, e), { applyMargin: d } = pn(e), { applyPadding: f } = mn(e), { applyBorder: b } = dn(e), g = I(() => {
+      const _ = {}, x = i.value?.type;
+      return o === "page" ? x === "ui" ? (m(_), d(_), f(_), b(_), c.value && (_.backgroundColor = c.value)) : console.assert(!1) : o === "comp" && x === "ui" ? (m(_), d(_), f(_), b(_), c.value && (_.backgroundColor = c.value)) : console.assert(!1), _;
+    }), k = async () => {
+      await l?.callFunctionAsync(
+        "__triggerEventV1__",
+        oe("elementEvent", n.nodeId, "submit"),
+        ""
+      );
+    };
+    return (_, x) => {
+      const h = R("v-form");
+      return w(), $(h, {
+        modelValue: s(r),
+        "onUpdate:modelValue": x[0] || (x[0] = (v) => ne(r) ? r.value = v : null),
+        "fast-fail": s(u),
+        style: me(g.value),
+        onSubmit: oo(k, ["prevent"])
       }, {
         default: V(() => [
-          O(r.$slots, "default")
+          O(_.$slots, "default")
         ]),
         _: 3
-      }, 8, ["modelValue", "hide-actions", "theme"]);
+      }, 8, ["modelValue", "fast-fail", "style"]);
     };
   }
-}), ol = {};
-function sl(t, n) {
-  const e = R("v-stepper-header");
-  return w(), $(e, null, {
-    default: V(() => [
-      O(t.$slots, "default")
-    ]),
-    _: 3
-  });
-}
-const rl = /* @__PURE__ */ We(ol, [["render", sl]]), ll = /* @__PURE__ */ S({
+}), el = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -2429,28 +2372,22 @@ const rl = /* @__PURE__ */ We(ol, [["render", sl]]), ll = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "value"]);
-    return (i, l) => {
-      const r = R("v-stepper-item");
-      return w(), $(r, { value: s(o) }, {
-        default: V(() => [
-          O(i.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["value"]);
+    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "color"]), { color: i } = Q(o), { property: l } = a(e, [
+      "settings",
+      "disabled"
+    ]), { property: r } = a(e, ["settings", "icon"]), { property: u } = a(e, ["settings", "size"]), { theme: p } = H();
+    return (c, m) => {
+      const d = R("v-icon");
+      return w(), $(d, {
+        color: s(i),
+        disabled: s(l),
+        icon: s(r),
+        size: s(u),
+        theme: s(p)
+      }, null, 8, ["color", "disabled", "icon", "size", "theme"]);
     };
   }
-}), al = {};
-function ul(t, n) {
-  const e = R("v-stepper-window");
-  return w(), $(e, null, {
-    default: V(() => [
-      O(t.$slots, "default")
-    ]),
-    _: 3
-  });
-}
-const cl = /* @__PURE__ */ We(al, [["render", ul]]), dl = /* @__PURE__ */ S({
+}), tl = ["id"], nl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -2458,18 +2395,38 @@ const cl = /* @__PURE__ */ We(al, [["render", ul]]), dl = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "value"]);
-    return (i, l) => {
-      const r = R("v-stepper-window-item");
-      return w(), $(r, { value: s(o) }, {
+    const n = t, e = Z(), o = _e(), i = se(0), l = se(0), r = I(() => [i.value, l.value]), { open: u } = Vi(`runtimeMenu/${Ci()}`);
+    return pt(n.nodeId, "open", () => {
+      if (!o || !o.vm)
+        return;
+      const { vm: p } = o, c = p.getProp(p.global, "__pointerPosX__"), m = p.getProp(p.global, "__pointerPosY__");
+      i.value = p.getNumber(c), l.value = p.getNumber(m), c.dispose(), m.dispose(), u.value = !0;
+    }), pt(n.nodeId, "close", () => {
+      o && (u.value = !1);
+    }), (p, c) => {
+      const m = R("v-menu");
+      return w(), $(m, {
+        modelValue: s(u),
+        "onUpdate:modelValue": c[0] || (c[0] = (d) => ne(u) ? u.value = d : null),
+        attach: "menuContainer",
+        "location-strategy": "connected",
+        scrim: "transparent",
+        target: r.value
+      }, {
+        activator: V(() => [
+          s(e) === "editor" ? (w(), te("div", {
+            key: 0,
+            id: `__node__@${n.nodeId}`
+          }, null, 8, tl)) : re("", !0)
+        ]),
         default: V(() => [
-          O(i.$slots, "default")
+          O(p.$slots, "default")
         ]),
         _: 3
-      }, 8, ["value"]);
+      }, 8, ["modelValue", "target"]);
     };
   }
-}), pl = /* @__PURE__ */ S({
+}), il = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -2477,70 +2434,81 @@ const cl = /* @__PURE__ */ We(al, [["render", ul]]), dl = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "density"]), { property: i } = a(e, [
+    const n = t, { node: e } = P(n), { property: o } = a(e, [
       "settings",
-      "direction"
+      "addIcon",
+      "append"
+    ]), { property: i } = a(e, [
+      "settings",
+      "addIcon",
+      "appendInner"
     ]), { property: l } = a(e, [
       "settings",
-      "disabled"
+      "clearable"
     ]), { property: r } = a(e, [
       "settings",
       "hideDetails"
-    ]), { property: u } = a(e, [
+    ]), { property: u } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { property: c } = a(e, ["settings", "max"]), { property: m } = a(e, ["size", "maxWidth"]), { property: d } = a(e, ["settings", "min"]), { property: f } = a(e, ["size", "minWidth"]), { property: b } = a(e, [
       "settings",
-      "indeterminate"
-    ]), { property: p } = a(e, ["settings", "inline"]), { property: c } = a(e, ["settings", "inset"]), { property: m } = a(e, ["settings", "label"]), { property: d } = a(e, ["settings", "loading"]), { theme: f } = H(), { property: b } = a(e, ["settings", "value"]);
-    return (g, k) => {
-      const _ = R("v-switch");
-      return w(), $(s(j), { mask: "" }, {
-        default: V(() => [
-          K(_, {
-            modelValue: s(b),
-            "onUpdate:modelValue": k[0] || (k[0] = (x) => ne(b) ? b.value = x : null),
-            density: s(o),
-            direction: s(i),
-            disabled: s(l),
-            "hide-details": s(r),
-            indeterminate: s(u),
-            inline: s(p),
-            inset: s(c),
-            label: s(m),
-            loading: s(d),
-            theme: s(f)
-          }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "indeterminate", "inline", "inset", "label", "loading", "theme"])
-        ]),
-        _: 1
-      });
-    };
-  }
-}), ml = /* @__PURE__ */ S({
-  __name: "index",
-  props: {
-    nodeId: {},
-    outer: { type: Boolean },
-    refContext: {}
-  },
-  setup(t) {
-    const n = t, { node: e } = P(n), o = Z(), { property: i } = a(e, ["settings", "text"]), { theme: l } = H(), { property: r } = a(e, ["settings", "value"]), u = I(() => {
-      const p = {};
-      return o === "editor" && (p.pointerEvents = "none"), p;
-    });
-    return (p, c) => {
-      const m = R("v-tab");
-      return w(), $(s(j), { mask: "" }, {
+      "placeholder"
+    ]), { property: g } = a(e, [
+      "settings",
+      "precision"
+    ]), { property: k } = a(e, ["settings", "prefix"]), { property: _ } = a(e, [
+      "settings",
+      "addIcon",
+      "prepend"
+    ]), { property: x } = a(e, [
+      "settings",
+      "addIcon",
+      "prependInner"
+    ]), { property: h } = a(e, [
+      "settings",
+      "readonly"
+    ]), { property: v } = a(e, ["settings", "reverse"]), { property: L } = a(e, [
+      "settings",
+      "singleLine"
+    ]), { property: E } = a(e, ["settings", "step"]), { property: J } = a(e, ["settings", "suffix"]), { theme: Y } = H(), { property: N } = a(e, ["settings", "value"]), { property: z } = a(e, ["settings", "variant"]), { property: G } = a(e, ["size", "width"]);
+    return (ie, ge) => {
+      const ze = R("v-number-input");
+      return w(), $(s(j), {
+        block: "",
+        mask: ""
+      }, {
         default: V(() => [
-          K(m, {
-            style: me(u.value),
-            text: s(i),
-            theme: s(l),
-            value: s(r)
-          }, null, 8, ["style", "text", "theme", "value"])
+          K(ze, {
+            modelValue: s(N),
+            "onUpdate:modelValue": ge[0] || (ge[0] = (ve) => ne(N) ? N.value = ve : null),
+            "append-icon": s(o),
+            "append-inner-icon": s(i),
+            clearable: s(l),
+            "hide-details": s(r),
+            label: s(u),
+            loading: s(p),
+            max: s(c),
+            "max-width": s(m),
+            min: s(d),
+            "min-width": s(f),
+            placeholder: s(b),
+            precision: s(g),
+            prefix: s(k),
+            "prepend-icon": s(_),
+            "prepend-inner-icon": s(x),
+            readonly: s(h),
+            reverse: s(v),
+            "single-line": s(L),
+            step: s(E),
+            suffix: s(J),
+            theme: s(Y),
+            variant: s(z),
+            width: s(G)
+          }, null, 8, ["modelValue", "append-icon", "append-inner-icon", "clearable", "hide-details", "label", "loading", "max", "max-width", "min", "min-width", "placeholder", "precision", "prefix", "prepend-icon", "prepend-inner-icon", "readonly", "reverse", "single-line", "step", "suffix", "theme", "variant", "width"])
         ]),
         _: 1
       });
     };
   }
-}), fl = /* @__PURE__ */ S({
+}), ol = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -2548,81 +2516,43 @@ const cl = /* @__PURE__ */ We(al, [["render", ul]]), dl = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, [
-      "settings",
-      "alignTabs"
-    ]), { property: i } = a(e, [
-      "settings",
-      "color",
-      "backgroundColor"
-    ]), { color: l } = Q(i), { property: r } = a(e, [
-      "settings",
-      "centerActive"
-    ]), { property: u } = a(e, [
-      "settings",
-      "color",
-      "selectedColor"
-    ]), { color: p } = Q(u), { property: c } = a(e, ["settings", "density"]), { property: m } = a(e, [
-      "settings",
-      "direction"
-    ]), { property: d } = a(e, [
+    const n = t, { node: e } = P(n), o = Z(), { property: i } = a(e, ["settings", "density"]), { property: l } = a(e, [
       "settings",
       "disabled"
-    ]), { property: f } = a(e, [
-      "settings",
-      "fixedTabs"
-    ]), { property: b } = a(e, ["settings", "grow"]), { property: g } = a(e, [
-      "settings",
-      "hideSlider"
-    ]), { property: k } = a(e, ["settings", "items"]), { property: _ } = a(e, [
-      "settings",
-      "mandatory"
-    ]), { property: x } = a(e, [
-      "settings",
-      "showArrows"
-    ]), { property: h } = a(e, [
+    ]), { property: r } = a(e, ["settings", "length"]), { property: u } = a(e, [
       "settings",
-      "color",
-      "sliderColor"
-    ]), { color: v } = Q(h), { property: L } = a(e, ["settings", "stacked"]), { theme: E } = H(), { property: J } = a(e, ["settings", "value"]);
-    return (Y, N) => {
-      const z = R("v-tabs");
+      "showFirstLastPage"
+    ]), { property: p } = a(e, ["settings", "size"]), { property: c } = a(e, ["settings", "start"]), { theme: m } = H(), { property: d } = a(e, ["settings", "tile"]), { property: f } = a(e, ["settings", "value"]), { property: b } = a(e, ["settings", "variant"]), g = I(() => {
+      const k = {};
+      return o === "editor" && (k.pointerEvents = "none"), k;
+    });
+    return (k, _) => {
+      const x = R("v-pagination");
       return w(), $(s(j), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
-          K(z, {
-            modelValue: s(J),
-            "onUpdate:modelValue": N[0] || (N[0] = (G) => ne(J) ? J.value = G : null),
-            "align-tabs": s(o),
-            "bg-color": s(l),
-            "center-active": s(r),
-            color: s(p),
-            density: s(c),
-            direction: s(m),
-            disabled: s(d),
-            "fixed-tabs": s(f),
-            grow: s(b),
-            "hide-slider": s(g),
-            items: s(k),
-            mandatory: s(_),
-            "show-arrows": s(x),
-            "slider-color": s(v),
-            stacked: s(L),
-            theme: s(E)
-          }, {
-            default: V(() => [
-              O(Y.$slots, "default")
-            ]),
-            _: 3
-          }, 8, ["modelValue", "align-tabs", "bg-color", "center-active", "color", "density", "direction", "disabled", "fixed-tabs", "grow", "hide-slider", "items", "mandatory", "show-arrows", "slider-color", "stacked", "theme"])
+          K(x, {
+            modelValue: s(f),
+            "onUpdate:modelValue": _[0] || (_[0] = (h) => ne(f) ? f.value = h : null),
+            density: s(i),
+            disabled: s(l),
+            length: s(r),
+            "show-first-last-page": s(u),
+            size: s(p),
+            start: s(c),
+            style: me(g.value),
+            theme: s(m),
+            tile: s(d),
+            variant: s(b)
+          }, null, 8, ["modelValue", "density", "disabled", "length", "show-first-last-page", "size", "start", "style", "theme", "tile", "variant"])
         ]),
-        _: 3
+        _: 1
       });
     };
   }
-}), yl = /* @__PURE__ */ S({
+}), sl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -2630,26 +2560,27 @@ const cl = /* @__PURE__ */ We(al, [["render", ul]]), dl = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Ke(), { property: i } = a(e, ["settings", "align"]), { property: l } = a(e, [
+    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "color"]), { color: i } = Q(o), { property: l } = a(e, ["settings", "density"]), { property: r } = a(e, [
       "settings",
-      "decoration"
-    ]), { property: r } = a(e, [
+      "disabled"
+    ]), { property: u } = a(e, ["settings", "label"]), { property: p } = a(e, [
       "settings",
-      "emphasis"
-    ]), { property: u } = a(e, ["settings", "italic"]), { property: p } = a(e, ["settings", "text"]), { property: c } = a(e, ["settings", "weight"]), m = I(() => {
-      const d = [], f = dt(o.value.width), b = Fe(f, e.value.settings?.style);
-      return b && d.push(`text-${b}`), r.value === "high" ? d.push("text-high-emphasis") : r.value === "medium" ? d.push("text-medium-emphasis") : r.value === "disabled" && d.push("text-disabled"), i.value && d.push(`font-${i.value}`), l.value && d.push(`text-decoration-${l.value}`), c.value && d.push(`font-weight-${c.value}`), u.value && d.push("font-italic"), d.join(" ");
-    });
-    return (d, f) => (w(), $(s(j), { mask: "" }, {
-      default: V(() => [
-        Ue("span", {
-          class: so(m.value)
-        }, Ci(s(p)), 3)
-      ]),
-      _: 1
-    }));
+      "readonly"
+    ]), { theme: c } = H(), { property: m } = a(e, ["settings", "value"]);
+    return (d, f) => {
+      const b = R("v-radio");
+      return w(), $(b, {
+        color: s(i),
+        density: s(l),
+        disabled: s(r),
+        label: s(u),
+        readonly: s(p),
+        theme: s(c),
+        value: s(m)
+      }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
+    };
   }
-}), bl = /* @__PURE__ */ S({
+}), rl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -2657,56 +2588,41 @@ const cl = /* @__PURE__ */ We(al, [["render", ul]]), dl = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, [
-      "settings",
-      "autoGrow"
-    ]), { property: i } = a(e, [
+    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "density"]), { property: i } = a(e, [
       "settings",
-      "clearable"
-    ]), { property: l } = a(e, ["settings", "density"]), { property: r } = a(e, [
+      "direction"
+    ]), { property: l } = a(e, [
       "settings",
       "disabled"
-    ]), { property: u } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { property: c } = a(e, ["settings", "maxRows"]), { property: m } = a(e, [
-      "settings",
-      "placeholder"
-    ]), { property: d } = a(e, [
+    ]), { property: r } = a(e, ["settings", "inline"]), { property: u } = a(e, [
       "settings",
       "readonly"
-    ]), { property: f } = a(e, ["settings", "reverse"]), { property: b } = a(e, ["settings", "rows"]), { property: g } = a(e, [
-      "settings",
-      "singleLine"
-    ]), { theme: k } = H(), { property: _ } = a(e, ["settings", "value"]), { property: x } = a(e, ["settings", "variant"]);
-    return (h, v) => {
-      const L = R("v-textarea");
-      return w(), $(s(j), {
-        block: "",
-        mask: ""
-      }, {
+    ]), { theme: p } = H(), { property: c } = a(e, ["settings", "value"]);
+    return (m, d) => {
+      const f = R("v-radio-group");
+      return w(), $(s(j), null, {
         default: V(() => [
-          K(L, {
-            modelValue: s(_),
-            "onUpdate:modelValue": v[0] || (v[0] = (E) => ne(_) ? _.value = E : null),
-            "auto-grow": s(o),
-            clearable: s(i),
-            density: s(l),
-            disabled: s(r),
-            label: s(u),
-            loading: s(p),
-            "max-rows": s(c),
-            placeholder: s(m),
-            readonly: s(d),
-            reverse: s(f),
-            rows: s(b),
-            "single-line": s(g),
-            theme: s(k),
-            variant: s(x)
-          }, null, 8, ["modelValue", "auto-grow", "clearable", "density", "disabled", "label", "loading", "max-rows", "placeholder", "readonly", "reverse", "rows", "single-line", "theme", "variant"])
+          K(f, {
+            modelValue: s(c),
+            "onUpdate:modelValue": d[0] || (d[0] = (b) => ne(c) ? c.value = b : null),
+            density: s(o),
+            direction: s(i),
+            disabled: s(l),
+            inline: s(r),
+            readonly: s(u),
+            theme: s(p)
+          }, {
+            default: V(() => [
+              O(m.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["modelValue", "density", "direction", "disabled", "inline", "readonly", "theme"])
         ]),
-        _: 1
+        _: 3
       });
     };
   }
-}), gl = /* @__PURE__ */ S({
+}), ll = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -2714,127 +2630,94 @@ const cl = /* @__PURE__ */ We(al, [["render", ul]]), dl = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, [
-      "settings",
-      "appendIcon"
-    ]), { property: i } = a(e, [
+    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "density"]), { property: i } = a(e, [
       "settings",
-      "appendInnerIcon"
+      "direction"
     ]), { property: l } = a(e, [
       "settings",
-      "autofocus"
+      "disabled"
     ]), { property: r } = a(e, [
       "settings",
-      "clearable"
-    ]), { property: u } = a(e, ["settings", "density"]), { property: p } = a(e, [
+      "hideDetails"
+    ]), { property: u } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "max"]), { property: c } = a(e, ["settings", "min"]), { property: m } = a(e, [
       "settings",
-      "disabled"
-    ]), { property: c } = a(e, [
+      "readonly"
+    ]), { property: d } = a(e, [
       "settings",
-      "hideDetails"
-    ]), { property: m } = a(e, ["settings", "label"]), { property: d } = a(e, ["settings", "loading"]), { property: f } = a(e, [
+      "showTicks"
+    ]), f = I(() => {
+      if (d.value === "always")
+        return "always";
+      if (d.value === "show")
+        return !0;
+    }), { property: b } = a(e, ["settings", "step"]), { theme: g } = H(), { property: k } = a(e, [
       "settings",
-      "placeholder"
-    ]), { property: b } = a(e, ["settings", "prefix"]), { property: g } = a(e, [
+      "thumbLabel"
+    ]), _ = I(() => {
+      if (k.value === "always")
+        return "always";
+      if (k.value === "show")
+        return !0;
+    }), { property: x } = a(e, [
       "settings",
-      "prependIcon"
-    ]), { property: k } = a(e, [
+      "thumbSize"
+    ]), { property: h } = a(e, ["settings", "ticks"]), v = I(() => {
+      if (!h.value)
+        return;
+      const N = {};
+      for (const { value: z, label: G } of h.value)
+        N[z] = G;
+      if (!Mi(N))
+        return N;
+    }), { property: L } = a(e, [
       "settings",
-      "prependInnerIcon"
-    ]), { property: _ } = a(e, [
+      "tickSize"
+    ]), { property: E } = a(e, [
       "settings",
-      "readonly"
-    ]), { property: x } = a(e, ["settings", "reverse"]), { property: h } = a(e, [
+      "value",
+      "start"
+    ]), { property: J } = a(e, [
       "settings",
-      "singleLine"
-    ]), { property: v } = a(e, ["settings", "suffix"]), { theme: L } = H(), { property: E } = a(e, ["settings", "value"]), { property: J } = a(e, ["settings", "variant"]), { property: Y } = a(e, ["slots", "append"]), { property: N } = a(e, [
-      "slots",
-      "appendInner"
-    ]), { property: z } = a(e, ["slots", "prepend"]), { property: G } = a(e, [
-      "slots",
-      "prependInner"
-    ]);
-    return (ie, ge) => {
-      const ze = R("v-text-field");
+      "value",
+      "end"
+    ]), Y = I({
+      get: () => [E.value, J.value],
+      set: ([N, z]) => {
+        E.value = N, J.value = z;
+      }
+    });
+    return (N, z) => {
+      const G = R("v-range-slider");
       return w(), $(s(j), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
-          K(ze, {
-            modelValue: s(E),
-            "onUpdate:modelValue": ge[0] || (ge[0] = (ve) => ne(E) ? E.value = ve : null),
-            "append-icon": s(o),
-            "append-inner-icon": s(i),
-            autofocus: s(l),
-            clearable: s(r),
-            density: s(u),
-            disabled: s(p),
-            "hide-details": s(c),
-            label: s(m),
-            loading: s(d),
-            placeholder: s(f),
-            prefix: s(b),
-            "prepend-icon": s(g),
-            "prepend-inner-icon": s(k),
-            readonly: s(_),
-            reverse: s(x),
-            "single-line": s(h),
-            suffix: s(v),
-            theme: s(L),
-            variant: s(J)
-          }, rn({ _: 2 }, [
-            s(Y) ? {
-              name: "append",
-              fn: V(() => [
-                K(s($e), {
-                  "node-id": "append",
-                  "ref-context": { compId: s(Y) },
-                  state: {}
-                }, null, 8, ["ref-context"])
-              ]),
-              key: "0"
-            } : void 0,
-            s(N) ? {
-              name: "append-inner",
-              fn: V(() => [
-                K(s($e), {
-                  "node-id": "append-inner",
-                  "ref-context": { compId: s(N) },
-                  state: {}
-                }, null, 8, ["ref-context"])
-              ]),
-              key: "1"
-            } : void 0,
-            s(z) ? {
-              name: "prepend",
-              fn: V(() => [
-                K(s($e), {
-                  "node-id": "prepend",
-                  "ref-context": { compId: s(z) },
-                  state: {}
-                }, null, 8, ["ref-context"])
-              ]),
-              key: "2"
-            } : void 0,
-            s(G) ? {
-              name: "prepend-inner",
-              fn: V(() => [
-                K(s($e), {
-                  "node-id": "prepend-inner",
-                  "ref-context": { compId: s(G) },
-                  state: {}
-                }, null, 8, ["ref-context"])
-              ]),
-              key: "3"
-            } : void 0
-          ]), 1032, ["modelValue", "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"])
+          K(G, {
+            modelValue: Y.value,
+            "onUpdate:modelValue": z[0] || (z[0] = (ie) => Y.value = ie),
+            density: s(o),
+            direction: s(i),
+            disabled: s(l),
+            "hide-details": s(r),
+            label: s(u),
+            max: s(p),
+            min: s(c),
+            readonly: s(m),
+            "show-ticks": f.value,
+            step: s(b),
+            theme: s(g),
+            "thumb-label": _.value,
+            "thumb-size": s(x),
+            "tick-size": s(L),
+            ticks: v.value
+          }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "label", "max", "min", "readonly", "show-ticks", "step", "theme", "thumb-label", "thumb-size", "tick-size", "ticks"])
         ]),
         _: 1
       });
     };
   }
-}), hl = /* @__PURE__ */ S({
+}), al = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -2842,71 +2725,41 @@ const cl = /* @__PURE__ */ We(al, [["render", ul]]), dl = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "align"]), { property: i } = a(e, ["settings", "density"]), { property: l } = a(e, [
-      "settings",
-      "direction"
-    ]), { property: r } = a(e, [
-      "settings",
-      "dot",
-      "color"
-    ]), { color: u } = Q(r), { property: p } = a(e, [
-      "settings",
-      "dot",
-      "fill"
-    ]), { property: c } = a(e, [
-      "settings",
-      "hideOpposite"
-    ]), { property: m } = a(e, [
+    const n = t, { node: e } = P(n), { property: o } = a(e, [
       "settings",
-      "line",
-      "color"
-    ]), { color: d } = Q(m), { property: f } = a(e, [
+      "clearable"
+    ]), { property: i } = a(e, ["settings", "density"]), { property: l } = a(e, [
       "settings",
-      "line",
-      "inset"
-    ]), { property: b } = a(e, [
+      "disabled"
+    ]), { property: r } = a(e, [
       "settings",
-      "line",
-      "thickness"
-    ]), { property: g } = a(e, ["settings", "side"]), { property: k } = a(e, [
+      "halfIncrements"
+    ]), { property: u } = a(e, ["settings", "hover"]), { property: p } = a(e, ["settings", "length"]), { property: c } = a(e, [
       "settings",
-      "line",
-      "truncate"
-    ]), { theme: _ } = H();
-    return (x, h) => {
-      const v = R("v-timeline");
-      return w(), $(v, {
-        align: s(o),
-        density: s(i),
-        direction: s(l),
-        "dot-color": s(u),
-        "fill-dot": s(p),
-        "hide-opposite": s(c),
-        "line-color": s(d),
-        "line-inset": s(f),
-        "line-thickness": s(b),
-        side: s(g),
-        theme: s(_),
-        "truncate-line": s(k)
-      }, {
+      "readonly"
+    ]), { theme: m } = H(), { property: d } = a(e, ["settings", "value"]);
+    return (f, b) => {
+      const g = R("v-rating");
+      return w(), $(s(j), { mask: "" }, {
         default: V(() => [
-          O(x.$slots, "default")
+          K(g, {
+            modelValue: s(d),
+            "onUpdate:modelValue": b[0] || (b[0] = (k) => ne(d) ? d.value = k : null),
+            clearable: s(o),
+            density: s(i),
+            disabled: s(l),
+            "half-increments": s(r),
+            hover: s(u),
+            length: s(p),
+            readonly: s(c),
+            theme: s(m)
+          }, null, 8, ["modelValue", "clearable", "density", "disabled", "half-increments", "hover", "length", "readonly", "theme"])
         ]),
-        _: 3
-      }, 8, ["align", "density", "direction", "dot-color", "fill-dot", "hide-opposite", "line-color", "line-inset", "line-thickness", "side", "theme", "truncate-line"]);
+        _: 1
+      });
     };
   }
-}), _l = {};
-function vl(t, n) {
-  const e = R("v-timeline-item");
-  return w(), $(e, null, {
-    default: V(() => [
-      O(t.$slots, "default")
-    ]),
-    _: 3
-  });
-}
-const xl = /* @__PURE__ */ We(_l, [["render", vl]]), kl = /* @__PURE__ */ S({
+}), ul = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -2916,127 +2769,191 @@ const xl = /* @__PURE__ */ We(_l, [["render", vl]]), kl = /* @__PURE__ */ S({
   setup(t) {
     const n = t, { node: e } = P(n), { property: o } = a(e, [
       "settings",
-      "continuous"
-    ]), { property: i } = a(e, [
+      "hideDetails"
+    ]), { property: i } = a(e, ["settings", "label"]), { property: l } = a(e, [
       "settings",
-      "disabled"
-    ]), { property: l } = a(e, [
+      "placeholder"
+    ]), { property: r } = a(e, [
       "settings",
-      "direction"
-    ]), { property: r } = a(e, ["settings", "reverse"]), { property: u } = a(e, [
+      "readonly"
+    ]), { property: u } = a(e, [
       "settings",
-      "showArrows"
-    ]), { property: p } = a(e, ["settings", "touch"]), { theme: c } = H(), { property: m } = a(e, ["settings", "value"]);
-    return (d, f) => {
-      const b = R("v-window");
-      return w(), $(b, {
-        modelValue: s(m),
-        "onUpdate:modelValue": f[0] || (f[0] = (g) => ne(m) ? m.value = g : null),
-        continuous: s(o),
-        direction: s(l),
-        disabled: s(i),
-        reverse: s(r),
-        "show-arrows": s(u),
-        theme: s(c),
-        touch: s(p)
+      "singleLine"
+    ]), { theme: p } = H(), { property: c } = a(e, ["settings", "value"]);
+    return (m, d) => {
+      const f = R("v-select");
+      return w(), $(s(j), {
+        block: "",
+        mask: ""
       }, {
         default: V(() => [
-          O(d.$slots, "default")
+          K(f, {
+            modelValue: s(c),
+            "onUpdate:modelValue": d[0] || (d[0] = (b) => ne(c) ? c.value = b : null),
+            "hide-details": s(o),
+            label: s(i),
+            placeholder: s(l),
+            readonly: s(r),
+            "single-line": s(u),
+            theme: s(p)
+          }, null, 8, ["modelValue", "hide-details", "label", "placeholder", "readonly", "single-line", "theme"])
         ]),
-        _: 3
-      }, 8, ["modelValue", "continuous", "direction", "disabled", "reverse", "show-arrows", "theme", "touch"]);
+        _: 1
+      });
     };
   }
-}), wl = {};
-function Il(t, n) {
-  const e = R("v-window-item");
-  return w(), $(e, null, {
-    default: V(() => [
-      O(t.$slots, "default")
-    ]),
-    _: 3
-  });
-}
-const Sl = /* @__PURE__ */ We(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
-  __name: "entry",
+}), cl = /* @__PURE__ */ S({
+  __name: "index",
   props: {
-    subtype: {},
     nodeId: {},
-    refContext: {},
-    instance: {}
+    outer: { type: Boolean },
+    refContext: {}
   },
   setup(t) {
-    console.log(`<element/${t.nodeId}/multiple_ref_v1/${t.instance}> created`), Ie(() => {
-      console.log(`<element/${t.nodeId}/multiple_ref_v1/${t.instance}> destroyed`);
-    });
-    const n = Z(), e = le(), o = I(() => D(e.value));
-    Pe(o), ke(n) && tt(o, "multipleRef", t.nodeId, t.instance, _e());
-    const i = (r) => {
-      const u = we[r.key];
-      if (!u) {
-        console.assert(!1, `element not found key=${r.key}`);
+    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "color"]), { color: i } = Q(o), { property: l } = a(e, [
+      "settings",
+      "direction"
+    ]), { property: r } = a(e, [
+      "settings",
+      "disabled"
+    ]), { property: u } = a(e, [
+      "settings",
+      "hideDetails"
+    ]), { property: p } = a(e, ["settings", "label"]), { property: c } = a(e, ["settings", "max"]), { property: m } = a(e, ["settings", "min"]), { property: d } = a(e, [
+      "settings",
+      "readonly"
+    ]), { property: f } = a(e, ["settings", "reverse"]), { property: b } = a(e, [
+      "settings",
+      "showTicks"
+    ]), g = I(() => {
+      if (b.value === "always")
+        return "always";
+      if (b.value === "show")
+        return !0;
+    }), { property: k } = a(e, ["settings", "step"]), { theme: _ } = H(), { property: x } = a(e, [
+      "settings",
+      "thumbColor"
+    ]), { color: h } = Q(x), { property: v } = a(e, [
+      "settings",
+      "thumbLabel"
+    ]), L = I(() => {
+      if (v.value === "always")
+        return "always";
+      if (v.value === "show")
+        return !0;
+    }), { property: E } = a(e, [
+      "settings",
+      "thumbSize"
+    ]), { property: J } = a(e, ["settings", "ticks"]), Y = I(() => {
+      if (!J.value)
         return;
-      }
-      const p = {
-        nodeId: r.id
-      };
-      return Xe(r.key) && (p.refContext = {
-        parent: t.refContext,
-        compId: r.compId
-      }), B(
-        u.comp,
-        {
-          key: r.id,
-          ...p
-        },
-        {
-          default: () => {
-            if (!u.leaf)
-              return r.children?.map((c) => i(c));
-          }
-        }
-      );
-    }, l = () => {
-      if (t.subtype === "ui")
-        return B("div", null, {
-          default: () => o.value?.view.nodeLites.map((r) => i(r))
-        });
-      if (t.subtype === "3d")
-        return B("TresGroup", null, {
-          default: () => o.value?.view.nodeLites.map((r) => i(r))
-        });
+      const ve = {};
+      for (const { value: nt, label: wt } of J.value)
+        ve[nt] = wt;
+      if (!Mi(ve))
+        return ve;
+    }), { property: N } = a(e, [
+      "settings",
+      "tickSize"
+    ]), { property: z } = a(e, [
+      "settings",
+      "trackColor"
+    ]), { color: G } = Q(z), { property: ie } = a(e, ["settings", "value"]), { property: ge } = a(e, ["slots", "append"]), { property: ze } = a(e, ["slots", "prepend"]);
+    return (ve, nt) => {
+      const wt = R("v-slider");
+      return w(), $(s(j), {
+        block: "",
+        mask: ""
+      }, {
+        default: V(() => [
+          K(wt, {
+            modelValue: s(ie),
+            "onUpdate:modelValue": nt[0] || (nt[0] = (to) => ne(ie) ? ie.value = to : null),
+            color: s(i),
+            direction: s(l),
+            disabled: s(r),
+            "hide-details": s(u),
+            label: s(p),
+            max: s(c),
+            min: s(m),
+            readonly: s(d),
+            reverse: s(f),
+            "show-ticks": g.value,
+            step: s(k),
+            theme: s(_),
+            "thumb-color": s(h),
+            "thumb-label": L.value,
+            "thumb-size": s(E),
+            "tick-size": s(N),
+            ticks: Y.value,
+            "track-color": s(G)
+          }, rn({ _: 2 }, [
+            s(ge) ? {
+              name: "append",
+              fn: V(() => [
+                K(s($e), {
+                  "node-id": "append",
+                  "ref-context": { compId: s(ge) },
+                  state: {}
+                }, null, 8, ["ref-context"])
+              ]),
+              key: "0"
+            } : void 0,
+            s(ze) ? {
+              name: "prepend",
+              fn: V(() => [
+                K(s($e), {
+                  "node-id": "prepend",
+                  "ref-context": { compId: s(ze) },
+                  state: {}
+                }, null, 8, ["ref-context"])
+              ]),
+              key: "1"
+            } : void 0
+          ]), 1032, ["modelValue", "color", "direction", "disabled", "hide-details", "label", "max", "min", "readonly", "reverse", "show-ticks", "step", "theme", "thumb-color", "thumb-label", "thumb-size", "tick-size", "ticks", "track-color"])
+        ]),
+        _: 1
+      });
     };
-    return (r, u) => (w(), $(l));
   }
-}), $l = ["position", "rotation", "scale"], Vl = { style: { userSelect: "none" } }, ue = /* @__PURE__ */ S({
+}), dl = /* @__PURE__ */ S({
   __name: "index",
   props: {
-    position: {},
-    rotation: {},
-    scale: {},
-    label: { default: () => {
-    } }
+    nodeId: {},
+    outer: { type: Boolean },
+    refContext: {}
   },
   setup(t) {
-    return (n, e) => (w(), te("TresGroup", {
-      position: t.position,
-      rotation: t.rotation,
-      scale: t.scale
-    }, [
-      t.label ? (w(), $(s(Vo), {
-        key: 0,
-        center: "",
-        transform: ""
+    const n = t, { node: e } = P(n), { property: o } = a(e, [
+      "settings",
+      "hideActions"
+    ]), { theme: i } = H(), { property: l } = a(e, ["settings", "value"]);
+    return (r, u) => {
+      const p = R("v-stepper");
+      return w(), $(p, {
+        modelValue: s(l),
+        "onUpdate:modelValue": u[0] || (u[0] = (c) => ne(l) ? l.value = c : null),
+        "hide-actions": s(o),
+        theme: s(i)
       }, {
         default: V(() => [
-          Ue("div", Vl, Ci(t.label), 1)
+          O(r.$slots, "default")
         ]),
-        _: 1
-      })) : re("", !0),
-      O(n.$slots, "default")
-    ], 8, $l));
+        _: 3
+      }, 8, ["modelValue", "hide-actions", "theme"]);
+    };
   }
-}), Pl = /* @__PURE__ */ S({
+}), pl = {};
+function ml(t, n) {
+  const e = R("v-stepper-header");
+  return w(), $(e, null, {
+    default: V(() => [
+      O(t.$slots, "default")
+    ]),
+    _: 3
+  });
+}
+const fl = /* @__PURE__ */ We(pl, [["render", ml]]), yl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -3044,141 +2961,47 @@ const Sl = /* @__PURE__ */ We(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = gt(), e = t, { node: o } = P(e), i = Qe(), l = le(), r = se();
-    Pe(r);
-    const u = I(() => e.refContext?.compId);
-    et(u, r);
-    const { applySize: p } = be(e, o), c = I(() => {
-      const h = {};
-      return r.value?.type === "ui" && p(h), h;
-    }), { position: m, rotation: d, scale: f } = ce(o), { property: b } = a(o, ["instances"]), g = (h, v) => {
-      h.findIndex((L) => L === v) >= 0 || h.push(v);
-    }, k = I(() => {
-      const h = [];
-      if (!Array.isArray(b.value))
-        return h;
-      for (const v of b.value)
-        typeof v == "string" && v && g(h, v);
-      return h;
-    }), _ = (h, v) => B(Cl, {
-      key: h,
-      subtype: v,
-      nodeId: e.nodeId,
-      refContext: e.refContext,
-      instance: h
-    }), x = () => {
-      if (!e.refContext) {
-        console.assert(!1, "invalid of ref context");
-        return;
-      }
-      if (!l.value) {
-        console.assert(!1, "invalid of data");
-        return;
-      }
-      const { i18n: h } = he;
-      if (Ye(e.refContext, i))
-        return l.value.type === "ui" ? B(
-          "div",
-          { id: n.id, style: c.value },
-          h.global.t("x-runtime-lib.circularReference")
-        ) : l.value.type === "3d" ? B(ue, {
-          name: n.name,
-          position: m.value,
-          rotation: d.value,
-          scale: f.value,
-          label: h.global.t("x-runtime-lib.circularReference")
-        }) : void 0;
-      if (!r.value)
-        return l.value.type === "ui" ? B("div", { id: n.id, style: c.value }) : l.value.type === "3d" ? B(ue, {
-          name: n.name,
-          position: m.value,
-          rotation: d.value,
-          scale: f.value
-        }) : void 0;
-      if (r.value.type !== l.value.type) {
-        console.assert(!1, "subtype not match");
-        return;
-      }
-      const v = r.value.type;
-      if (v === "ui")
-        return B(
-          "div",
-          {
-            id: n.id,
-            style: c.value
-          },
-          {
-            default: () => k.value.map((L) => _(L, v))
-          }
-        );
-      if (v === "3d")
-        return B(
-          ue,
-          {
-            name: n.name,
-            position: m.value,
-            rotation: d.value,
-            scale: f.value
-          },
-          {
-            default: () => k.value.map((L) => _(L, v))
-          }
-        );
+    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "value"]);
+    return (i, l) => {
+      const r = R("v-stepper-item");
+      return w(), $(r, { value: s(o) }, {
+        default: V(() => [
+          O(i.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["value"]);
     };
-    return (h, v) => (w(), $(x));
   }
-}), zl = /* @__PURE__ */ S({
-  __name: "entry",
+}), bl = {};
+function gl(t, n) {
+  const e = R("v-stepper-window");
+  return w(), $(e, null, {
+    default: V(() => [
+      O(t.$slots, "default")
+    ]),
+    _: 3
+  });
+}
+const hl = /* @__PURE__ */ We(bl, [["render", gl]]), _l = /* @__PURE__ */ S({
+  __name: "index",
   props: {
-    subtype: {},
     nodeId: {},
-    refContext: {},
-    instance: {}
+    outer: { type: Boolean },
+    refContext: {}
   },
   setup(t) {
-    console.log(`<element/${t.nodeId}/multiple_slot_v1/${t.instance}> created`), Ie(() => {
-      console.log(`<element/${t.nodeId}/multiple_slot_v1/${t.instance}> destroyed`);
-    });
-    const n = Z(), e = le(), o = I(() => D(e.value));
-    Pe(o), ke(n) && tt(o, "multipleCustomSlot", t.nodeId, t.instance, _e());
-    const i = (r) => {
-      const u = we[r.key];
-      if (!u) {
-        console.assert(!1, `element not found key=${r.key}`);
-        return;
-      }
-      const p = {
-        nodeId: r.id
-      };
-      return Xe(r.key) && (p.refContext = {
-        parent: t.refContext,
-        compId: r.compId
-      }), B(
-        u.comp,
-        {
-          key: r.id,
-          ...p
-        },
-        {
-          default: () => {
-            if (!u.leaf)
-              return r.children?.map((c) => i(c));
-          }
-        }
-      );
-    }, l = () => {
-      if (t.subtype === "ui")
-        return B("div", null, {
-          default: () => o.value?.view.nodeLites.map((r) => i(r))
-        });
-      if (t.subtype === "3d")
-        return B("TresGroup", null, {
-          default: () => o.value?.view.nodeLites.map((r) => i(r))
-        });
+    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "value"]);
+    return (i, l) => {
+      const r = R("v-stepper-window-item");
+      return w(), $(r, { value: s(o) }, {
+        default: V(() => [
+          O(i.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["value"]);
     };
-    return (r, u) => (w(), $(l));
   }
-}), Ll = /* @__PURE__ */ S({
+}), vl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -3186,90 +3009,43 @@ const Sl = /* @__PURE__ */ We(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = gt(), e = t, { node: o } = P(e), i = Qe(), l = le(), r = se();
-    Pe(r);
-    const u = I(() => e.refContext?.compId);
-    et(u, r);
-    const { applySize: p } = be(e, o), c = I(() => {
-      const h = {};
-      return r.value?.type === "ui" && p(h), h;
-    }), { position: m, rotation: d, scale: f } = ce(o), { property: b } = a(o, ["instances"]), g = (h, v) => {
-      h.findIndex((L) => L === v) >= 0 || h.push(v);
-    }, k = I(() => {
-      const h = [];
-      if (!Array.isArray(b.value))
-        return h;
-      for (const v of b.value)
-        typeof v == "string" && v && g(h, v);
-      return h;
-    }), _ = (h, v) => B(zl, {
-      key: h,
-      subtype: v,
-      nodeId: e.nodeId,
-      refContext: e.refContext,
-      instance: h
-    }), x = () => {
-      if (!e.refContext) {
-        console.assert(!1, "invalid of ref context");
-        return;
-      }
-      if (!l.value) {
-        console.assert(!1, "invalid of data");
-        return;
-      }
-      const { i18n: h } = he;
-      if (Ye(e.refContext, i))
-        return l.value.type === "ui" ? B(
-          "div",
-          { id: n.id, style: c.value },
-          h.global.t("x-runtime-lib.circularReference")
-        ) : l.value.type === "3d" ? B(ue, {
-          name: n.name,
-          position: m.value,
-          rotation: d.value,
-          scale: f.value,
-          label: h.global.t("x-runtime-lib.circularReference")
-        }) : void 0;
-      if (!r.value)
-        return l.value.type === "ui" ? B("div", { id: n.id, style: c.value }) : l.value.type === "3d" ? B(ue, {
-          name: n.name,
-          position: m.value,
-          rotation: d.value,
-          scale: f.value
-        }) : void 0;
-      if (r.value.type !== l.value.type) {
-        console.assert(!1, "subtype not match");
-        return;
-      }
-      const v = r.value.type;
-      if (v === "ui")
-        return B(
-          "div",
-          {
-            id: n.id,
-            style: c.value
-          },
-          {
-            default: () => k.value.map((L) => _(L, v))
-          }
-        );
-      if (v === "3d")
-        return B(
-          ue,
-          {
-            name: n.name,
-            position: m.value,
-            rotation: d.value,
-            scale: f.value
-          },
-          {
-            default: () => k.value.map((L) => _(L, v))
-          }
-        );
+    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "density"]), { property: i } = a(e, [
+      "settings",
+      "direction"
+    ]), { property: l } = a(e, [
+      "settings",
+      "disabled"
+    ]), { property: r } = a(e, [
+      "settings",
+      "hideDetails"
+    ]), { property: u } = a(e, [
+      "settings",
+      "indeterminate"
+    ]), { property: p } = a(e, ["settings", "inline"]), { property: c } = a(e, ["settings", "inset"]), { property: m } = a(e, ["settings", "label"]), { property: d } = a(e, ["settings", "loading"]), { theme: f } = H(), { property: b } = a(e, ["settings", "value"]);
+    return (g, k) => {
+      const _ = R("v-switch");
+      return w(), $(s(j), { mask: "" }, {
+        default: V(() => [
+          K(_, {
+            modelValue: s(b),
+            "onUpdate:modelValue": k[0] || (k[0] = (x) => ne(b) ? b.value = x : null),
+            density: s(o),
+            direction: s(i),
+            disabled: s(l),
+            "hide-details": s(r),
+            indeterminate: s(u),
+            inline: s(p),
+            inset: s(c),
+            label: s(m),
+            loading: s(d),
+            theme: s(f)
+          }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "indeterminate", "inline", "inset", "label", "loading", "theme"])
+        ]),
+        _: 1
+      });
     };
-    return (h, v) => (w(), $(x));
   }
-}), El = /* @__PURE__ */ S({
+}), xl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -3277,116 +3053,392 @@ const Sl = /* @__PURE__ */ We(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = gt(), e = t, { node: o } = P(e), i = Z(), l = Qe(), r = le(), u = se();
-    Pe(u);
-    const p = I(() => e.refContext?.compId);
-    et(p, u), ke(i) && tt(u, "ref", e.nodeId, "", _e());
-    const { applySize: c } = be(e, o), m = I(() => {
-      const _ = {};
-      return r.value?.type === "ui" && c(_), _;
-    }), { position: d, rotation: f, scale: b } = ce(o), g = (_) => {
-      const x = we[_.key];
-      if (!x) {
-        console.assert(!1, `element not found key=${_.key}`);
-        return;
-      }
-      const h = {
-        nodeId: _.id
-      };
-      return Xe(_.key) && (h.refContext = {
-        parent: e.refContext,
-        compId: _.compId
-      }), B(
-        x.comp,
-        {
-          key: _.id,
-          ...h
-        },
-        {
-          default: () => {
-            if (!x.leaf)
-              return _.children?.map((v) => g(v));
-          }
-        }
-      );
-    }, k = () => {
-      if (!e.refContext) {
-        console.assert(!1, "invalid of ref context");
-        return;
-      }
-      if (!r.value) {
-        console.assert(!1, "invalid of data");
-        return;
-      }
-      const { i18n: _ } = he;
-      if (Ye(e.refContext, l))
-        return r.value.type === "ui" ? B(
-          "div",
-          { id: n.id, style: m.value },
-          _.global.t("x-runtime-lib.circularReference")
-        ) : r.value.type === "3d" ? B(ue, {
-          name: n.name,
-          position: d.value,
-          rotation: f.value,
-          scale: b.value,
-          label: _.global.t("x-runtime-lib.circularReference")
-        }) : void 0;
-      if (!u.value)
-        return r.value.type === "ui" ? B("div", { id: n.id, style: m.value }) : r.value.type === "3d" ? B(ue, {
-          name: n.name,
-          position: d.value,
-          rotation: f.value,
-          scale: b.value
-        }) : void 0;
-      if (u.value.type !== r.value.type) {
-        console.assert(!1, "subtype not match");
-        return;
-      }
-      const x = u.value.type;
-      if (x === "ui")
-        return B(
-          "div",
-          {
-            id: n.id,
-            style: m.value
-          },
-          {
-            default: () => u.value?.view.nodeLites.map((h) => g(h))
-          }
-        );
-      if (x === "3d")
-        return B(
-          ue,
-          {
-            name: n.name,
-            position: d.value,
-            rotation: f.value,
-            scale: b.value
-          },
-          {
-            default: () => u.value?.view.nodeLites.map((h) => g(h))
-          }
-        );
+    const n = t, { node: e } = P(n), o = Z(), { property: i } = a(e, ["settings", "text"]), { theme: l } = H(), { property: r } = a(e, ["settings", "value"]), u = I(() => {
+      const p = {};
+      return o === "editor" && (p.pointerEvents = "none"), p;
+    });
+    return (p, c) => {
+      const m = R("v-tab");
+      return w(), $(s(j), { mask: "" }, {
+        default: V(() => [
+          K(m, {
+            style: me(u.value),
+            text: s(i),
+            theme: s(l),
+            value: s(r)
+          }, null, 8, ["style", "text", "theme", "value"])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), kl = /* @__PURE__ */ S({
+  __name: "index",
+  props: {
+    nodeId: {},
+    outer: { type: Boolean },
+    refContext: {}
+  },
+  setup(t) {
+    const n = t, { node: e } = P(n), { property: o } = a(e, [
+      "settings",
+      "alignTabs"
+    ]), { property: i } = a(e, [
+      "settings",
+      "color",
+      "backgroundColor"
+    ]), { color: l } = Q(i), { property: r } = a(e, [
+      "settings",
+      "centerActive"
+    ]), { property: u } = a(e, [
+      "settings",
+      "color",
+      "selectedColor"
+    ]), { color: p } = Q(u), { property: c } = a(e, ["settings", "density"]), { property: m } = a(e, [
+      "settings",
+      "direction"
+    ]), { property: d } = a(e, [
+      "settings",
+      "disabled"
+    ]), { property: f } = a(e, [
+      "settings",
+      "fixedTabs"
+    ]), { property: b } = a(e, ["settings", "grow"]), { property: g } = a(e, [
+      "settings",
+      "hideSlider"
+    ]), { property: k } = a(e, ["settings", "items"]), { property: _ } = a(e, [
+      "settings",
+      "mandatory"
+    ]), { property: x } = a(e, [
+      "settings",
+      "showArrows"
+    ]), { property: h } = a(e, [
+      "settings",
+      "color",
+      "sliderColor"
+    ]), { color: v } = Q(h), { property: L } = a(e, ["settings", "stacked"]), { theme: E } = H(), { property: J } = a(e, ["settings", "value"]);
+    return (Y, N) => {
+      const z = R("v-tabs");
+      return w(), $(s(j), {
+        block: "",
+        mask: ""
+      }, {
+        default: V(() => [
+          K(z, {
+            modelValue: s(J),
+            "onUpdate:modelValue": N[0] || (N[0] = (G) => ne(J) ? J.value = G : null),
+            "align-tabs": s(o),
+            "bg-color": s(l),
+            "center-active": s(r),
+            color: s(p),
+            density: s(c),
+            direction: s(m),
+            disabled: s(d),
+            "fixed-tabs": s(f),
+            grow: s(b),
+            "hide-slider": s(g),
+            items: s(k),
+            mandatory: s(_),
+            "show-arrows": s(x),
+            "slider-color": s(v),
+            stacked: s(L),
+            theme: s(E)
+          }, {
+            default: V(() => [
+              O(Y.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["modelValue", "align-tabs", "bg-color", "center-active", "color", "density", "direction", "disabled", "fixed-tabs", "grow", "hide-slider", "items", "mandatory", "show-arrows", "slider-color", "stacked", "theme"])
+        ]),
+        _: 3
+      });
+    };
+  }
+}), wl = /* @__PURE__ */ S({
+  __name: "index",
+  props: {
+    nodeId: {},
+    outer: { type: Boolean },
+    refContext: {}
+  },
+  setup(t) {
+    const n = t, { node: e } = P(n), o = Ke(), { property: i } = a(e, ["settings", "align"]), { property: l } = a(e, [
+      "settings",
+      "decoration"
+    ]), { property: r } = a(e, [
+      "settings",
+      "emphasis"
+    ]), { property: u } = a(e, ["settings", "italic"]), { property: p } = a(e, ["settings", "text"]), { property: c } = a(e, ["settings", "weight"]), m = I(() => {
+      const d = [], f = dt(o.value.width), b = Fe(f, e.value.settings?.style);
+      return b && d.push(`text-${b}`), r.value === "high" ? d.push("text-high-emphasis") : r.value === "medium" ? d.push("text-medium-emphasis") : r.value === "disabled" && d.push("text-disabled"), i.value && d.push(`font-${i.value}`), l.value && d.push(`text-decoration-${l.value}`), c.value && d.push(`font-weight-${c.value}`), u.value && d.push("font-italic"), d.join(" ");
+    });
+    return (d, f) => (w(), $(s(j), { mask: "" }, {
+      default: V(() => [
+        Ue("span", {
+          class: so(m.value)
+        }, Si(s(p)), 3)
+      ]),
+      _: 1
+    }));
+  }
+}), Il = /* @__PURE__ */ S({
+  __name: "index",
+  props: {
+    nodeId: {},
+    outer: { type: Boolean },
+    refContext: {}
+  },
+  setup(t) {
+    const n = t, { node: e } = P(n), { property: o } = a(e, [
+      "settings",
+      "autoGrow"
+    ]), { property: i } = a(e, [
+      "settings",
+      "clearable"
+    ]), { property: l } = a(e, ["settings", "density"]), { property: r } = a(e, [
+      "settings",
+      "disabled"
+    ]), { property: u } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { property: c } = a(e, ["settings", "maxRows"]), { property: m } = a(e, [
+      "settings",
+      "placeholder"
+    ]), { property: d } = a(e, [
+      "settings",
+      "readonly"
+    ]), { property: f } = a(e, ["settings", "reverse"]), { property: b } = a(e, ["settings", "rows"]), { property: g } = a(e, [
+      "settings",
+      "singleLine"
+    ]), { theme: k } = H(), { property: _ } = a(e, ["settings", "value"]), { property: x } = a(e, ["settings", "variant"]);
+    return (h, v) => {
+      const L = R("v-textarea");
+      return w(), $(s(j), {
+        block: "",
+        mask: ""
+      }, {
+        default: V(() => [
+          K(L, {
+            modelValue: s(_),
+            "onUpdate:modelValue": v[0] || (v[0] = (E) => ne(_) ? _.value = E : null),
+            "auto-grow": s(o),
+            clearable: s(i),
+            density: s(l),
+            disabled: s(r),
+            label: s(u),
+            loading: s(p),
+            "max-rows": s(c),
+            placeholder: s(m),
+            readonly: s(d),
+            reverse: s(f),
+            rows: s(b),
+            "single-line": s(g),
+            theme: s(k),
+            variant: s(x)
+          }, null, 8, ["modelValue", "auto-grow", "clearable", "density", "disabled", "label", "loading", "max-rows", "placeholder", "readonly", "reverse", "rows", "single-line", "theme", "variant"])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Sl = /* @__PURE__ */ S({
+  __name: "index",
+  props: {
+    nodeId: {},
+    outer: { type: Boolean },
+    refContext: {}
+  },
+  setup(t) {
+    const n = t, { node: e } = P(n), { property: o } = a(e, [
+      "settings",
+      "appendIcon"
+    ]), { property: i } = a(e, [
+      "settings",
+      "appendInnerIcon"
+    ]), { property: l } = a(e, [
+      "settings",
+      "autofocus"
+    ]), { property: r } = a(e, [
+      "settings",
+      "clearable"
+    ]), { property: u } = a(e, ["settings", "density"]), { property: p } = a(e, [
+      "settings",
+      "disabled"
+    ]), { property: c } = a(e, [
+      "settings",
+      "hideDetails"
+    ]), { property: m } = a(e, ["settings", "label"]), { property: d } = a(e, ["settings", "loading"]), { property: f } = a(e, [
+      "settings",
+      "placeholder"
+    ]), { property: b } = a(e, ["settings", "prefix"]), { property: g } = a(e, [
+      "settings",
+      "prependIcon"
+    ]), { property: k } = a(e, [
+      "settings",
+      "prependInnerIcon"
+    ]), { property: _ } = a(e, [
+      "settings",
+      "readonly"
+    ]), { property: x } = a(e, ["settings", "reverse"]), { property: h } = a(e, [
+      "settings",
+      "singleLine"
+    ]), { property: v } = a(e, ["settings", "suffix"]), { theme: L } = H(), { property: E } = a(e, ["settings", "value"]), { property: J } = a(e, ["settings", "variant"]), { property: Y } = a(e, ["slots", "append"]), { property: N } = a(e, [
+      "slots",
+      "appendInner"
+    ]), { property: z } = a(e, ["slots", "prepend"]), { property: G } = a(e, [
+      "slots",
+      "prependInner"
+    ]);
+    return (ie, ge) => {
+      const ze = R("v-text-field");
+      return w(), $(s(j), {
+        block: "",
+        mask: ""
+      }, {
+        default: V(() => [
+          K(ze, {
+            modelValue: s(E),
+            "onUpdate:modelValue": ge[0] || (ge[0] = (ve) => ne(E) ? E.value = ve : null),
+            "append-icon": s(o),
+            "append-inner-icon": s(i),
+            autofocus: s(l),
+            clearable: s(r),
+            density: s(u),
+            disabled: s(p),
+            "hide-details": s(c),
+            label: s(m),
+            loading: s(d),
+            placeholder: s(f),
+            prefix: s(b),
+            "prepend-icon": s(g),
+            "prepend-inner-icon": s(k),
+            readonly: s(_),
+            reverse: s(x),
+            "single-line": s(h),
+            suffix: s(v),
+            theme: s(L),
+            variant: s(J)
+          }, rn({ _: 2 }, [
+            s(Y) ? {
+              name: "append",
+              fn: V(() => [
+                K(s($e), {
+                  "node-id": "append",
+                  "ref-context": { compId: s(Y) },
+                  state: {}
+                }, null, 8, ["ref-context"])
+              ]),
+              key: "0"
+            } : void 0,
+            s(N) ? {
+              name: "append-inner",
+              fn: V(() => [
+                K(s($e), {
+                  "node-id": "append-inner",
+                  "ref-context": { compId: s(N) },
+                  state: {}
+                }, null, 8, ["ref-context"])
+              ]),
+              key: "1"
+            } : void 0,
+            s(z) ? {
+              name: "prepend",
+              fn: V(() => [
+                K(s($e), {
+                  "node-id": "prepend",
+                  "ref-context": { compId: s(z) },
+                  state: {}
+                }, null, 8, ["ref-context"])
+              ]),
+              key: "2"
+            } : void 0,
+            s(G) ? {
+              name: "prepend-inner",
+              fn: V(() => [
+                K(s($e), {
+                  "node-id": "prepend-inner",
+                  "ref-context": { compId: s(G) },
+                  state: {}
+                }, null, 8, ["ref-context"])
+              ]),
+              key: "3"
+            } : void 0
+          ]), 1032, ["modelValue", "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"])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Cl = /* @__PURE__ */ S({
+  __name: "index",
+  props: {
+    nodeId: {},
+    outer: { type: Boolean },
+    refContext: {}
+  },
+  setup(t) {
+    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "align"]), { property: i } = a(e, ["settings", "density"]), { property: l } = a(e, [
+      "settings",
+      "direction"
+    ]), { property: r } = a(e, [
+      "settings",
+      "dot",
+      "color"
+    ]), { color: u } = Q(r), { property: p } = a(e, [
+      "settings",
+      "dot",
+      "fill"
+    ]), { property: c } = a(e, [
+      "settings",
+      "hideOpposite"
+    ]), { property: m } = a(e, [
+      "settings",
+      "line",
+      "color"
+    ]), { color: d } = Q(m), { property: f } = a(e, [
+      "settings",
+      "line",
+      "inset"
+    ]), { property: b } = a(e, [
+      "settings",
+      "line",
+      "thickness"
+    ]), { property: g } = a(e, ["settings", "side"]), { property: k } = a(e, [
+      "settings",
+      "line",
+      "truncate"
+    ]), { theme: _ } = H();
+    return (x, h) => {
+      const v = R("v-timeline");
+      return w(), $(v, {
+        align: s(o),
+        density: s(i),
+        direction: s(l),
+        "dot-color": s(u),
+        "fill-dot": s(p),
+        "hide-opposite": s(c),
+        "line-color": s(d),
+        "line-inset": s(f),
+        "line-thickness": s(b),
+        side: s(g),
+        theme: s(_),
+        "truncate-line": s(k)
+      }, {
+        default: V(() => [
+          O(x.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["align", "density", "direction", "dot-color", "fill-dot", "hide-opposite", "line-color", "line-inset", "line-thickness", "side", "theme", "truncate-line"]);
     };
-    return (_, x) => (w(), $(k));
-  }
-}), Tl = /* @__PURE__ */ S({
-  __name: "index",
-  props: {
-    nodeId: {},
-    outer: { type: Boolean },
-    refContext: {}
-  },
-  setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "open"]);
-    return (i, l) => (w(), $(s(j), null, {
-      default: V(() => [
-        s(o) ? O(i.$slots, "default", { key: 0 }) : re("", !0)
-      ]),
-      _: 3
-    }));
   }
-}), $e = /* @__PURE__ */ S({
+}), $l = {};
+function Vl(t, n) {
+  const e = R("v-timeline-item");
+  return w(), $(e, null, {
+    default: V(() => [
+      O(t.$slots, "default")
+    ]),
+    _: 3
+  });
+}
+const Pl = /* @__PURE__ */ We($l, [["render", Vl]]), zl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -3394,102 +3446,50 @@ const Sl = /* @__PURE__ */ We(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = gt(), e = t, { node: o } = P(e), i = Z(), l = Qe(), r = le(), u = se();
-    Pe(u);
-    const p = I(() => e.refContext?.compId);
-    et(p, u), ke(i) && tt(u, "customSlot", e.nodeId, "", _e());
-    const { applySize: c } = be(e, o), m = I(() => {
-      const _ = {};
-      return u.value?.type === "ui" && c(_), _;
-    }), { position: d, rotation: f, scale: b } = ce(o);
-    function g(_) {
-      const x = we[_.key];
-      if (!x) {
-        console.assert(!1, `element not found key=${_.key}`);
-        return;
-      }
-      const h = {
-        nodeId: _.id
-      };
-      return Xe(_.key) && (h.refContext = {
-        parent: e.refContext,
-        compId: _.compId
-      }), B(
-        x.comp,
-        {
-          key: _.id,
-          ...h
-        },
-        {
-          default: () => {
-            if (!x.leaf)
-              return _.children?.map((v) => g(v));
-          }
-        }
-      );
-    }
-    const k = () => {
-      if (!e.refContext) {
-        console.assert(!1, "invalid of ref context");
-        return;
-      }
-      if (!r.value) {
-        console.assert(!1, "invalid of data");
-        return;
-      }
-      const { i18n: _ } = he;
-      if (Ye(e.refContext, l))
-        return r.value.type === "ui" ? B(
-          "div",
-          { id: n.id, style: m.value },
-          _.global.t("x-runtime-lib.circularReference")
-        ) : r.value.type === "3d" ? B(ue, {
-          name: n.name,
-          position: d.value,
-          rotation: f.value,
-          scale: b.value,
-          label: _.global.t("x-runtime-lib.circularReference")
-        }) : void 0;
-      if (!u.value)
-        return r.value.type === "ui" ? B("div", { id: n.id, style: m.value }) : r.value.type === "3d" ? B(ue, {
-          name: n.name,
-          position: d.value,
-          rotation: f.value,
-          scale: b.value
-        }) : void 0;
-      if (u.value.type !== r.value.type) {
-        console.assert(!1, "subtype not match");
-        return;
-      }
-      const x = u.value.type;
-      if (x === "ui")
-        return B(
-          "div",
-          {
-            id: n.id,
-            style: m.value
-          },
-          {
-            default: () => u.value?.view.nodeLites.map((h) => g(h))
-          }
-        );
-      if (x === "3d")
-        return B(
-          ue,
-          {
-            name: n.name,
-            position: d.value,
-            rotation: f.value,
-            scale: b.value
-          },
-          {
-            default: () => u.value?.view.nodeLites.map((h) => g(h))
-          }
-        );
+    const n = t, { node: e } = P(n), { property: o } = a(e, [
+      "settings",
+      "continuous"
+    ]), { property: i } = a(e, [
+      "settings",
+      "disabled"
+    ]), { property: l } = a(e, [
+      "settings",
+      "direction"
+    ]), { property: r } = a(e, ["settings", "reverse"]), { property: u } = a(e, [
+      "settings",
+      "showArrows"
+    ]), { property: p } = a(e, ["settings", "touch"]), { theme: c } = H(), { property: m } = a(e, ["settings", "value"]);
+    return (d, f) => {
+      const b = R("v-window");
+      return w(), $(b, {
+        modelValue: s(m),
+        "onUpdate:modelValue": f[0] || (f[0] = (g) => ne(m) ? m.value = g : null),
+        continuous: s(o),
+        direction: s(l),
+        disabled: s(i),
+        reverse: s(r),
+        "show-arrows": s(u),
+        theme: s(c),
+        touch: s(p)
+      }, {
+        default: V(() => [
+          O(d.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["modelValue", "continuous", "direction", "disabled", "reverse", "show-arrows", "theme", "touch"]);
     };
-    return (_, x) => (w(), $(k));
   }
-}), y = {
+}), Ll = {};
+function El(t, n) {
+  const e = R("v-window-item");
+  return w(), $(e, null, {
+    default: V(() => [
+      O(t.$slots, "default")
+    ]),
+    _: 3
+  });
+}
+const Tl = /* @__PURE__ */ We(Ll, [["render", El]]), y = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -4623,7 +4623,7 @@ const it = {
 }, Ql = {
   key: "multiple_ref_v1",
   name: "x-runtime-lib.multipleRef",
-  comp: Pl,
+  comp: $r,
   properties: {
     pageUi: [y, q, it, ot],
     compUi: [y, q, it, ot],
@@ -4660,7 +4660,7 @@ const st = {
 }, ea = {
   key: "multiple_slot_v1",
   name: "x-runtime-lib.multipleSlot",
-  comp: Ll,
+  comp: Pr,
   properties: {
     pageUi: [y, q, st, rt],
     compUi: [y, q, st, rt],
@@ -4684,7 +4684,7 @@ const lt = {
 }, ta = {
   key: "ref_v1",
   name: "x-runtime-lib.reference",
-  comp: El,
+  comp: zr,
   properties: {
     pageUi: [y, q, lt],
     compUi: [y, q, lt],
@@ -4708,7 +4708,7 @@ const Un = {
 }, na = {
   key: "render_switch_v1",
   name: "x-runtime-lib.renderSwitch",
-  comp: Tl,
+  comp: Lr,
   properties: {
     pageUi: [y, Un],
     compUi: [y, Un]
@@ -4849,7 +4849,7 @@ const Rn = {
 }, pa = {
   key: "ui_badge_v1",
   name: "x-runtime-lib.badge",
-  comp: Ir,
+  comp: Er,
   properties: {
     pageUi: [y, Rn],
     compUi: [y, Rn]
@@ -4955,7 +4955,7 @@ const fa = D(ee), Wn = {
 }, Mt = {
   key: "ui_btn_v1",
   name: "x-runtime-lib.button",
-  comp: Sr,
+  comp: Tr,
   properties: {
     pageUi: [y, q, Wn],
     compUi: [y, q, Wn]
@@ -4973,7 +4973,7 @@ C(Mt);
 const ya = {
   key: "ui_btn_group_v1",
   name: "x-runtime-lib.buttonGroup",
-  comp: Vr,
+  comp: Ur,
   properties: {
     pageUi: [y],
     compUi: [y]
@@ -5044,7 +5044,7 @@ const Bn = {
 }, ba = {
   key: "ui_btn_toggle_v1",
   name: "x-runtime-lib.buttonToggle",
-  comp: Pr,
+  comp: Rr,
   properties: {
     pageUi: [y, Bn],
     compUi: [y, Bn]
@@ -5118,7 +5118,7 @@ const Kn = {
 }, Je = {
   key: "ui_card_v1",
   name: "x-runtime-lib.card",
-  comp: zr,
+  comp: Wr,
   properties: {
     pageUi: [y, q, Kn],
     compUi: [y, q, Kn]
@@ -5146,7 +5146,7 @@ const Dn = {
 }, ha = {
   key: "ui_checkbox_v1",
   name: "x-runtime-lib.checkbox",
-  comp: Lr,
+  comp: Br,
   properties: {
     pageUi: [y, Dn],
     compUi: [y, Dn]
@@ -5232,7 +5232,7 @@ const _a = D(ee), On = {
 }, Ut = {
   key: "ui_chip_v1",
   name: "x-runtime-lib.chip",
-  comp: Er,
+  comp: Kr,
   properties: {
     pageUi: [y, On],
     compUi: [y, On]
@@ -5330,7 +5330,7 @@ const Fn = {
 }, Rt = {
   key: "ui_chip_group_v1",
   name: "x-runtime-lib.chipGroup",
-  comp: Tr,
+  comp: Dr,
   properties: {
     pageUi: [y, Fn],
     compUi: [y, Fn]
@@ -5341,7 +5341,7 @@ C(Rt);
 const xa = {
   key: "ui_color_picker_v1",
   name: "x-runtime-lib.colorPicker",
-  comp: Ar,
+  comp: Or,
   properties: {
     pageUi: [y],
     compUi: [y]
@@ -5393,7 +5393,7 @@ const Nn = {
 }, ka = {
   key: "ui_combobox_v1",
   name: "x-runtime-lib.combobox",
-  comp: Mr,
+  comp: Fr,
   properties: {
     pageUi: [y, Nn],
     compUi: [y, Nn]
@@ -5411,7 +5411,7 @@ const jn = {
 }, Wt = {
   key: "ui_container_v1",
   name: "x-runtime-lib.container",
-  comp: Ur,
+  comp: Nr,
   properties: {
     pageUi: [y, q, Ee, Te, Ae, jn],
     compUi: [y, q, Ee, Te, Ae, jn]
@@ -5579,7 +5579,7 @@ const Hn = {
 }, wa = {
   key: "ui_data_table_v1",
   name: "x-runtime-lib.dataTable",
-  comp: Wr,
+  comp: Hr,
   properties: {
     pageUi: [y, Hn, Jn, Gn],
     compUi: [y, Hn, Jn, Gn]
@@ -5590,7 +5590,7 @@ C(wa);
 const Ia = {
   key: "ui_date_picker_v1",
   name: "x-runtime-lib.datePicker",
-  comp: Br,
+  comp: Jr,
   properties: {
     pageUi: [y],
     compUi: [y]
@@ -5601,7 +5601,7 @@ C(Ia);
 const Sa = {
   key: "ui_dialog_v1",
   name: "x-runtime-lib.dialog",
-  comp: Dr,
+  comp: qr,
   properties: {
     pageUi: [y],
     compUi: [y]
@@ -5626,7 +5626,7 @@ const qn = {
 }, Vc = {
   key: "ui_file_input_v1",
   name: "x-runtime-lib.fileInput",
-  comp: Or,
+  comp: Xr,
   properties: {
     pageUi: [y, qn],
     compUi: [y, qn]
@@ -5652,7 +5652,7 @@ const qn = {
 }, Bt = {
   key: "ui_flex_layout_entry_v1",
   name: "x-runtime-lib.flexLayoutEntry",
-  comp: Nr,
+  comp: Zr,
   properties: {
     pageUi: [y, q, Xn],
     compUi: [y, q, Xn]
@@ -5897,7 +5897,7 @@ const Yn = {
 }, Ge = {
   key: "ui_flex_layout_v1",
   name: "x-runtime-lib.flexLayout",
-  comp: Fr,
+  comp: Yr,
   properties: {
     pageUi: [y, q, Ee, Te, Ae, Yn],
     compUi: [y, q, Ee, Te, Ae, Yn]
@@ -6064,7 +6064,7 @@ const Zn = {
 }, Dt = {
   key: "ui_text_field_v1",
   name: "x-runtime-lib.textField",
-  comp: gl,
+  comp: Sl,
   properties: {
     pageUi: [y, Zn, Qn],
     compUi: [y, Zn, Qn]
@@ -6134,7 +6134,7 @@ const ei = {
 }, Ot = {
   key: "ui_form_v1",
   name: "x-runtime-lib.form",
-  comp: jr,
+  comp: Qr,
   properties: {
     pageUi: [y, q, Ee, Te, Ae, ei],
     compUi: [y, q, Ee, Te, Ae, ei]
@@ -6176,7 +6176,7 @@ const za = D(ee), ti = {
 }, La = {
   key: "ui_icon_v1",
   name: "x-runtime-lib.icon",
-  comp: Hr,
+  comp: el,
   properties: {
     pageUi: [y, ti],
     compUi: [y, ti]
@@ -6187,7 +6187,7 @@ C(La);
 const Ea = {
   key: "ui_menu_v1",
   name: "x-runtime-lib.menu",
-  comp: Gr,
+  comp: nl,
   properties: {
     pageUi: [y],
     compUi: [y]
@@ -6384,7 +6384,7 @@ const ni = {
 }, Ft = {
   key: "ui_number_input_v1",
   name: "x-runtime-lib.numberInput",
-  comp: qr,
+  comp: il,
   properties: {
     pageUi: [y, ni, ii],
     compUi: [y, ni, ii]
@@ -6481,7 +6481,7 @@ const oi = {
 }, Aa = {
   key: "ui_pagination_v1",
   name: "x-runtime-lib.pagination",
-  comp: Xr,
+  comp: ol,
   properties: {
     pageUi: [y, oi],
     compUi: [y, oi]
@@ -6529,7 +6529,7 @@ const Ma = D(ee), si = {
 }, Nt = {
   key: "ui_radio_v1",
   name: "x-runtime-lib.radio",
-  comp: Yr,
+  comp: sl,
   properties: {
     pageUi: [y, si],
     compUi: [y, si]
@@ -6610,7 +6610,7 @@ const ri = {
 }, jt = {
   key: "ui_radio_group_v1",
   name: "x-runtime-lib.radioGroup",
-  comp: Zr,
+  comp: rl,
   properties: {
     pageUi: [y, ri],
     compUi: [y, ri]
@@ -6738,7 +6738,7 @@ const li = {
 }, Ra = {
   key: "ui_range_slider_v1",
   name: "x-runtime-lib.rangeSlider",
-  comp: Qr,
+  comp: ll,
   properties: {
     pageUi: [y, li],
     compUi: [y, li]
@@ -6804,7 +6804,7 @@ const ai = {
 }, Wa = {
   key: "ui_rating_v1",
   name: "x-runtime-lib.rating",
-  comp: el,
+  comp: al,
   properties: {
     pageUi: [y, ai],
     compUi: [y, ai]
@@ -6856,7 +6856,7 @@ const ui = {
 }, Ba = {
   key: "ui_select_v1",
   name: "x-runtime-lib.select",
-  comp: tl,
+  comp: ul,
   properties: {
     pageUi: [y, ui],
     compUi: [y, ui]
@@ -7002,7 +7002,7 @@ const ci = {
 }, Ka = {
   key: "ui_slider_v1",
   name: "x-runtime-lib.slider",
-  comp: nl,
+  comp: cl,
   properties: {
     pageUi: [y, ci, di],
     compUi: [y, ci, di]
@@ -7013,7 +7013,7 @@ C(Ka);
 const Ht = {
   key: "ui_stepper_header_v1",
   name: "x-runtime-lib.stepperHeader",
-  comp: rl,
+  comp: fl,
   properties: {
     pageUi: [y],
     compUi: [y]
@@ -7034,7 +7034,7 @@ const pi = {
 }, Jt = {
   key: "ui_stepper_item_v1",
   name: "x-runtime-lib.stepperItem",
-  comp: ll,
+  comp: yl,
   properties: {
     pageUi: [y, pi],
     compUi: [y, pi]
@@ -7044,7 +7044,7 @@ C(Jt);
 const Gt = {
   key: "ui_stepper_window_v1",
   name: "x-runtime-lib.stepperWindow",
-  comp: cl,
+  comp: hl,
   properties: {
     pageUi: [y],
     compUi: [y]
@@ -7065,7 +7065,7 @@ const mi = {
 }, qt = {
   key: "ui_stepper_window_item_v1",
   name: "x-runtime-lib.stepperWindowItem",
-  comp: dl,
+  comp: _l,
   properties: {
     pageUi: [y, mi],
     compUi: [y, mi]
@@ -7163,7 +7163,7 @@ const fi = {
 }, Xt = {
   key: "ui_stepper_v1",
   name: "x-runtime-lib.stepper",
-  comp: il,
+  comp: dl,
   properties: {
     pageUi: [y, fi],
     compUi: [y, fi]
@@ -7174,7 +7174,7 @@ C(Xt);
 const ja = {
   key: "ui_switch_v1",
   name: "x-runtime-lib.switch",
-  comp: pl,
+  comp: vl,
   properties: {
     pageUi: [y],
     compUi: [y]
@@ -7202,7 +7202,7 @@ const yi = {
 }, Yt = {
   key: "ui_tab_v1",
   name: "x-runtime-lib.tab",
-  comp: ml,
+  comp: xl,
   properties: {
     pageUi: [y, yi],
     compUi: [y, yi]
@@ -7324,7 +7324,7 @@ const bi = {
 }, Zt = {
   key: "ui_tabs_v1",
   name: "x-runtime-lib.tabs",
-  comp: fl,
+  comp: kl,
   properties: {
     pageUi: [y, bi],
     compUi: [y, bi]
@@ -7430,7 +7430,7 @@ const gi = {
 }, Ve = {
   key: "ui_text_v1",
   name: "x-runtime-lib.text",
-  comp: yl,
+  comp: wl,
   properties: {
     pageUi: [y, gi],
     compUi: [y, gi]
@@ -7522,7 +7522,7 @@ const hi = {
 }, Qt = {
   key: "ui_textarea_v1",
   name: "x-runtime-lib.textarea",
-  comp: bl,
+  comp: Il,
   properties: {
     pageUi: [y, hi],
     compUi: [y, hi]
@@ -7534,7 +7534,7 @@ C(Qt);
 const en = {
   key: "ui_timeline_item_v1",
   name: "x-runtime-lib.timelineItem",
-  comp: xl,
+  comp: Pl,
   properties: {
     pageUi: [y],
     compUi: [y]
@@ -7657,7 +7657,7 @@ const Ya = D(ee), Za = D(ee), _i = {
 }, tn = {
   key: "ui_timeline_v1",
   name: "x-runtime-lib.timeline",
-  comp: hl,
+  comp: Cl,
   properties: {
     pageUi: [y, _i],
     compUi: [y, _i]
@@ -7668,7 +7668,7 @@ C(tn);
 const nn = {
   key: "ui_window_item_v1",
   name: "x-runtime-lib.windowItem",
-  comp: Sl,
+  comp: Tl,
   properties: {
     pageUi: [y],
     compUi: [y]
@@ -7773,7 +7773,7 @@ const vi = {
 }, on = {
   key: "ui_window_v1",
   name: "x-runtime-lib.window",
-  comp: kl,
+  comp: zl,
   properties: {
     pageUi: [y, vi],
     compUi: [y, vi]