doph-js 0.2.29 → 0.2.31

package/dist/dophJs.js

@@ -1,4 +1,4 @@
-import { useSlots as De, computed as m, h as ot, openBlock as d, createBlock as x, unref as M, ref as w, createElementBlock as f, Fragment as ie, normalizeClass as D, renderSlot as L, createCommentVNode as k, normalizeStyle as z, resolveDynamicComponent as X, createStaticVNode as rt, onMounted as fe, toDisplayString as H, withDirectives as te, createElementVNode as _, vModelDynamic as Se, withCtx as I, createTextVNode as K, Transition as Ne, withModifiers as Z, resolveComponent as kt, resolveDirective as Re, createVNode as le, renderList as he, pushScopeId as wt, popScopeId as St, reactive as Oe, Teleport as dt, nextTick as ct, getCurrentInstance as ut, watch as pt, onUnmounted as Tt, mergeProps as ce, useCssVars as Le, shallowRef as Dt, defineComponent as Lt, normalizeProps as Ct, guardReactiveProps as It, TransitionGroup as ft, vModelCheckbox as Et, vModelSelect as Bt, toRef as Mt, KeepAlive as Nt, toRefs as Rt, vModelText as Ot } from "vue";
+import { useSlots as De, computed as m, h as nt, openBlock as d, createBlock as x, unref as M, ref as S, createElementBlock as f, Fragment as ae, normalizeClass as w, renderSlot as L, createCommentVNode as $, normalizeStyle as H, resolveDynamicComponent as X, createStaticVNode as dt, onMounted as fe, toDisplayString as A, withDirectives as J, createElementVNode as _, vModelDynamic as Se, withCtx as I, createTextVNode as K, Transition as Ne, withModifiers as Z, resolveComponent as kt, resolveDirective as Re, createVNode as ie, renderList as he, pushScopeId as wt, popScopeId as St, reactive as Oe, Teleport as ct, nextTick as ut, getCurrentInstance as pt, watch as ft, onUnmounted as Tt, mergeProps as ce, useCssVars as Ae, shallowRef as Dt, defineComponent as Lt, normalizeProps as Ct, guardReactiveProps as It, TransitionGroup as mt, vModelCheckbox as Et, vModelSelect as Bt, toRef as Mt, KeepAlive as Nt, toRefs as Rt, vModelText as Ot } from "vue";
 const pe = {
   __name: "DIcon",
   props: {
@@ -18,7 +18,7 @@ const pe = {
       const r = o.size ?? null;
       if (r !== void 0)
         return typeof r == "number" || /^\d+$/.test(r) ? `${r}px` : r;
-    }), l = m(() => ot(
+    }), l = m(() => nt(
       "i",
       {
         class: n.value,
@@ -27,38 +27,38 @@ const pe = {
           fontSize: a.value
         }
       },
-      o.component ? ot(o.component) : t
+      o.component ? nt(o.component) : t
     ));
     return (r, i) => (d(), x(M(l)));
   }
-}, ee = {
+}, te = {
   state: {},
   getters: {
     getIcon(e) {
-      return ee.state[e];
+      return te.state[e];
     },
     getIcons() {
-      return ee.state;
+      return te.state;
     }
   },
   mutations: {
     addIcon(e, o) {
-      ee.state.name = o;
+      te.state.name = o;
     },
     addIcons(e) {
       for (const o in e)
-        e.hasOwnProperty(o) && (ee.state[o] = e[o]);
+        e.hasOwnProperty(o) && (te.state[o] = e[o]);
     }
   }
 };
-function mt(e) {
+function ht(e) {
   const o = e.value.getBoundingClientRect();
   let t = e.value, n = 0, s = 0;
   for (; t && !isNaN(t.offsetLeft) && !isNaN(t.offsetTop); )
     n += t.offsetLeft - t.scrollLeft, s += t.offsetTop - t.scrollTop, t = t.offsetParent;
   return { top: s, left: n, x: o.x, y: o.y, width: o.width, height: o.height };
 }
-function Ht() {
+function At() {
   function e(s) {
     return s * Math.random() | 0;
   }
@@ -76,24 +76,24 @@ function Ht() {
   }
   return t(8) + "-" + t(4) + "-4" + t(3) + "-" + n() + t(3) + "-" + t(12);
 }
-const oe = (e, o) => {
+const le = (e, o) => {
   const t = e.__vccOpts || e;
   for (const [n, s] of o)
     t[n] = s;
   return t;
-}, Vt = {
+}, Ht = {
   key: 0,
   class: "loading-svg rotating",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, At = /* @__PURE__ */ rt('<g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-v-e5cd6ccd><path d="M8.56 3.69a9 9 0 0 0-2.92 1.95" data-v-e5cd6ccd></path><path d="M3.69 8.56A9 9 0 0 0 3 12" data-v-e5cd6ccd></path><path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" data-v-e5cd6ccd></path><path d="M8.56 20.31A9 9 0 0 0 12 21" data-v-e5cd6ccd></path><path d="M15.44 20.31a9 9 0 0 0 2.92-1.95" data-v-e5cd6ccd></path><path d="M20.31 15.44A9 9 0 0 0 21 12" data-v-e5cd6ccd></path><path d="M20.31 8.56a9 9 0 0 0-1.95-2.92" data-v-e5cd6ccd></path><path d="M15.44 3.69A9 9 0 0 0 12 3" data-v-e5cd6ccd></path></g>', 1), zt = [
-  At
+}, Vt = /* @__PURE__ */ dt('<g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-v-e5cd6ccd><path d="M8.56 3.69a9 9 0 0 0-2.92 1.95" data-v-e5cd6ccd></path><path d="M3.69 8.56A9 9 0 0 0 3 12" data-v-e5cd6ccd></path><path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" data-v-e5cd6ccd></path><path d="M8.56 20.31A9 9 0 0 0 12 21" data-v-e5cd6ccd></path><path d="M15.44 20.31a9 9 0 0 0 2.92-1.95" data-v-e5cd6ccd></path><path d="M20.31 15.44A9 9 0 0 0 21 12" data-v-e5cd6ccd></path><path d="M20.31 8.56a9 9 0 0 0-1.95-2.92" data-v-e5cd6ccd></path><path d="M15.44 3.69A9 9 0 0 0 12 3" data-v-e5cd6ccd></path></g>', 1), zt = [
+  Vt
 ], Ft = { key: 1 }, Wt = {
   key: 2,
   class: "loading-svg rotating",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, Pt = /* @__PURE__ */ rt('<g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-v-e5cd6ccd><path d="M8.56 3.69a9 9 0 0 0-2.92 1.95" data-v-e5cd6ccd></path><path d="M3.69 8.56A9 9 0 0 0 3 12" data-v-e5cd6ccd></path><path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" data-v-e5cd6ccd></path><path d="M8.56 20.31A9 9 0 0 0 12 21" data-v-e5cd6ccd></path><path d="M15.44 20.31a9 9 0 0 0 2.92-1.95" data-v-e5cd6ccd></path><path d="M20.31 15.44A9 9 0 0 0 21 12" data-v-e5cd6ccd></path><path d="M20.31 8.56a9 9 0 0 0-1.95-2.92" data-v-e5cd6ccd></path><path d="M15.44 3.69A9 9 0 0 0 12 3" data-v-e5cd6ccd></path></g>', 1), jt = [
+}, Pt = /* @__PURE__ */ dt('<g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-v-e5cd6ccd><path d="M8.56 3.69a9 9 0 0 0-2.92 1.95" data-v-e5cd6ccd></path><path d="M3.69 8.56A9 9 0 0 0 3 12" data-v-e5cd6ccd></path><path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" data-v-e5cd6ccd></path><path d="M8.56 20.31A9 9 0 0 0 12 21" data-v-e5cd6ccd></path><path d="M15.44 20.31a9 9 0 0 0 2.92-1.95" data-v-e5cd6ccd></path><path d="M20.31 15.44A9 9 0 0 0 21 12" data-v-e5cd6ccd></path><path d="M20.31 8.56a9 9 0 0 0-1.95-2.92" data-v-e5cd6ccd></path><path d="M15.44 3.69A9 9 0 0 0 12 3" data-v-e5cd6ccd></path></g>', 1), jt = [
   Pt
 ], Xt = {
   __name: "DButton",
@@ -120,27 +120,27 @@ const oe = (e, o) => {
   },
   emits: ["click", "contextmenu"],
   setup(e, { expose: o, emit: t }) {
-    const n = e, s = De(), a = w(null), l = m(() => n.icon ? ee.getters.getIcon(n.icon) : null), r = ($) => {
-      t("click", $);
-    }, i = ($) => {
-      t("contextmenu", $);
-    }, c = m(() => n.scale === "large" ? "button-lg" : n.scale === "small" ? "button-sm" : ""), u = m(() => n.disabled ? "disabled" : ""), h = ($) => !!s[$], b = m(() => h("default") ? "" : n.scale === "large" ? "d-button-lg-icon" : n.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), S = m(() => {
-      const $ = n.outline ? "-outline" : "";
-      return n.type === "primary" ? `button${$}-blue` : n.type === "success" ? `button${$}-green` : n.type === "error" ? `button${$}-red` : n.type === "warning" ? `button${$}-orange` : n.type === "wait" ? `button${$}-violet` : n.outline ? `button${$}` : "";
+    const n = e, s = De(), a = S(null), l = m(() => n.icon ? te.getters.getIcon(n.icon) : null), r = (k) => {
+      t("click", k);
+    }, i = (k) => {
+      t("contextmenu", k);
+    }, c = m(() => n.scale === "large" ? "button-lg" : n.scale === "small" ? "button-sm" : ""), u = m(() => n.disabled ? "disabled" : ""), h = (k) => !!s[k], b = m(() => h("default") ? "" : n.scale === "large" ? "d-button-lg-icon" : n.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), T = m(() => {
+      const k = n.outline ? "-outline" : "";
+      return n.type === "primary" ? `button${k}-blue` : n.type === "success" ? `button${k}-green` : n.type === "error" ? `button${k}-red` : n.type === "warning" ? `button${k}-orange` : n.type === "wait" ? `button${k}-violet` : n.outline ? `button${k}` : "";
     });
     return o({
-      elementSize: () => mt(a)
-    }), ($, F) => (d(), f(ie, null, [
-      l.value ? k("", !0) : (d(), f("div", {
+      elementSize: () => ht(a)
+    }), (k, F) => (d(), f(ae, null, [
+      l.value ? $("", !0) : (d(), f("div", {
         key: 0,
         ref_key: "el",
         ref: a,
         onClick: r,
         onContextmenu: i,
-        class: D(["button", [n.class, c.value, S.value, u.value].join(" ")])
+        class: w(["button", [n.class, c.value, T.value, u.value].join(" ")])
       }, [
-        L($.$slots, "default", {}, void 0, !0),
-        n.loading ? (d(), f("svg", Vt, zt)) : k("", !0)
+        L(k.$slots, "default", {}, void 0, !0),
+        n.loading ? (d(), f("svg", Ht, zt)) : $("", !0)
       ], 34)),
       l.value ? (d(), f("div", {
         key: 1,
@@ -148,22 +148,22 @@ const oe = (e, o) => {
         ref: a,
         onClick: r,
         onContextmenu: i,
-        class: D(["button button-ext", [n.class, c.value, b.value, S.value, u.value].join(" ")]),
-        style: z(n.style)
+        class: w(["button button-ext", [n.class, c.value, b.value, T.value, u.value].join(" ")]),
+        style: H(n.style)
       }, [
         n.icon ? (d(), x(X(pe), {
           key: 0,
           component: l.value,
           color: "inherit"
-        }, null, 8, ["component"])) : k("", !0),
+        }, null, 8, ["component"])) : $("", !0),
         M(s).default ? (d(), f("div", Ft, [
-          L($.$slots, "default", {}, void 0, !0)
-        ])) : k("", !0),
-        n.loading ? (d(), f("svg", Wt, jt)) : k("", !0)
-      ], 38)) : k("", !0)
+          L(k.$slots, "default", {}, void 0, !0)
+        ])) : $("", !0),
+        n.loading ? (d(), f("svg", Wt, jt)) : $("", !0)
+      ], 38)) : $("", !0)
     ], 64));
   }
-}, ae = /* @__PURE__ */ oe(Xt, [["__scopeId", "data-v-e5cd6ccd"]]);
+}, se = /* @__PURE__ */ le(Xt, [["__scopeId", "data-v-e5cd6ccd"]]);
 const Yt = {
   key: 0,
   class: "d-input"
@@ -199,7 +199,7 @@ const Yt = {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: o, emit: t }) {
-    const n = e, s = w(null), a = m(() => n.scale === "small" ? "d-input-small" : n.scale === "large" ? "d-input-large" : ""), l = m({
+    const n = e, s = S(null), a = m(() => n.scale === "small" ? "d-input-small" : n.scale === "large" ? "d-input-large" : ""), l = m({
       get: () => n.modelValue,
       set: (i) => {
         t("update:modelValue", i);
@@ -214,26 +214,26 @@ const Yt = {
     return o({
       focus: r
     }), (i, c) => !n.post && !n.pre ? (d(), f("div", Yt, [
-      n.label ? (d(), f("div", Ut, H(n.label), 1)) : k("", !0),
-      te(_("input", {
+      n.label ? (d(), f("div", Ut, A(n.label), 1)) : $("", !0),
+      J(_("input", {
         ref_key: "inputRef",
         ref: s,
         "onUpdate:modelValue": c[0] || (c[0] = (u) => l.value = u),
         type: n.password ? "password" : "text",
-        class: D(a.value),
+        class: w(a.value),
         placeholder: n.placeholder,
         style: { width: "100%" }
       }, null, 10, qt), [
         [Se, l.value]
       ])
     ])) : n.post && n.post.click && !n.pre ? (d(), f("div", Gt, [
-      n.label ? (d(), f("div", Zt, H(n.label), 1)) : k("", !0),
+      n.label ? (d(), f("div", Zt, A(n.label), 1)) : $("", !0),
       _("div", Kt, [
         _("div", Jt, [
-          te(_("input", {
+          J(_("input", {
             ref_key: "inputRef",
             ref: s,
-            class: D(["d-input-post-field", a.value]),
+            class: w(["d-input-post-field", a.value]),
             "onUpdate:modelValue": c[1] || (c[1] = (u) => l.value = u),
             type: n.password ? "password" : "text",
             placeholder: n.placeholder,
@@ -242,51 +242,51 @@ const Yt = {
             [Se, l.value]
           ])
         ]),
-        n.post.label ? (d(), x(ae, {
+        n.post.label ? (d(), x(se, {
           key: 0,
           scale: n.scale,
-          class: D(["d-input-post-button", n.post.class]),
+          class: w(["d-input-post-button", n.post.class]),
           onClick: n.post.click,
           icon: n.post.icon
         }, {
           default: I(() => [
-            K(H(n.post.label), 1)
+            K(A(n.post.label), 1)
           ]),
           _: 1
-        }, 8, ["scale", "onClick", "icon", "class"])) : (d(), x(ae, {
+        }, 8, ["scale", "onClick", "icon", "class"])) : (d(), x(se, {
           key: 1,
           scale: n.scale,
-          class: D(["d-input-post-button", n.post.class]),
+          class: w(["d-input-post-button", n.post.class]),
           onClick: n.post.click,
           icon: n.post.icon
         }, null, 8, ["scale", "onClick", "icon", "class"]))
       ])
     ])) : !n.post && n.pre && n.pre.click ? (d(), f("div", eo, [
-      n.label ? (d(), f("div", to, H(n.label), 1)) : k("", !0),
+      n.label ? (d(), f("div", to, A(n.label), 1)) : $("", !0),
       _("div", oo, [
-        n.pre.label ? (d(), x(ae, {
+        n.pre.label ? (d(), x(se, {
           key: 0,
           scale: n.scale,
-          class: D(["d-input-pre-button", n.pre.class]),
+          class: w(["d-input-pre-button", n.pre.class]),
           onClick: n.pre.click,
           icon: n.pre.icon
         }, {
           default: I(() => [
-            K(H(n.pre.label), 1)
+            K(A(n.pre.label), 1)
           ]),
           _: 1
-        }, 8, ["scale", "onClick", "icon", "class"])) : (d(), x(ae, {
+        }, 8, ["scale", "onClick", "icon", "class"])) : (d(), x(se, {
           key: 1,
           scale: n.scale,
-          class: D(["d-input-pre-button", n.pre.class]),
+          class: w(["d-input-pre-button", n.pre.class]),
           onClick: n.pre.click,
           icon: n.pre.icon
         }, null, 8, ["scale", "onClick", "icon", "class"])),
         _("div", no, [
-          te(_("input", {
+          J(_("input", {
             ref_key: "inputRef",
             ref: s,
-            class: D(["d-input-pre-field", a.value]),
+            class: w(["d-input-pre-field", a.value]),
             "onUpdate:modelValue": c[2] || (c[2] = (u) => l.value = u),
             type: n.password ? "password" : "text",
             placeholder: n.placeholder,
@@ -296,9 +296,9 @@ const Yt = {
           ])
         ])
       ])
-    ])) : k("", !0);
+    ])) : $("", !0);
   }
-}, ws = /* @__PURE__ */ oe(ao, [["__scopeId", "data-v-a972038a"]]), io = {
+}, ws = /* @__PURE__ */ le(ao, [["__scopeId", "data-v-a972038a"]]), io = {
   __name: "DBadge",
   props: {
     scale: String,
@@ -315,12 +315,12 @@ const Yt = {
       return o.type === "primary" ? `badge${s}-blue` : o.type === "success" ? `badge${s}-green` : o.type === "error" ? `badge${s}-red` : o.type === "warning" ? `badge${s}-orange` : o.type === "wait" ? `badge${s}-violet` : o.stress ? `badge${s}-gray` : "";
     });
     return (s, a) => (d(), f("div", {
-      class: D(["badge", [o.class, t.value, n.value].join(" ")])
+      class: w(["badge", [o.class, t.value, n.value].join(" ")])
     }, [
       L(s.$slots, "default")
     ], 2));
   }
-}, se = "0px", lo = {
+}, ne = "0px", lo = {
   __name: "DCollapse",
   props: {
     duration: {
@@ -361,22 +361,22 @@ const Yt = {
       const { width: u } = getComputedStyle(i);
       i.style.width = u, i.style.position = "absolute", i.style.visibility = "hidden", i.style.height = "";
       let { height: h } = getComputedStyle(i);
-      return i.style.width = c.width, i.style.position = c.position, i.style.visibility = c.visibility, i.style.height = se, i.style.overflow = "hidden", c.height && c.height !== se ? c.height : h;
+      return i.style.width = c.width, i.style.position = c.position, i.style.visibility = c.visibility, i.style.height = ne, i.style.overflow = "hidden", c.height && c.height !== ne ? c.height : h;
     }, s = (i, c, u, h, b) => {
-      const S = i.animate(h, b);
-      i.style.height = c.height, S.onfinish = () => {
+      const T = i.animate(h, b);
+      i.style.height = c.height, T.onfinish = () => {
         i.style.overflow = c.overflow, u();
       };
     }, a = (i, c) => [
       {
-        height: se,
+        height: ne,
         opacity: o.opacityClosed,
-        paddingTop: se,
-        paddingBottom: se,
-        borderTopWidth: se,
-        borderBottomWidth: se,
-        marginTop: se,
-        marginBottom: se
+        paddingTop: ne,
+        paddingBottom: ne,
+        borderTopWidth: ne,
+        borderBottomWidth: ne,
+        marginTop: ne,
+        marginBottom: ne
       },
       {
         height: i,
@@ -389,13 +389,13 @@ const Yt = {
         marginBottom: c.marginBottom
       }
     ], l = (i, c) => {
-      const u = i, h = t(u), b = n(u, h), S = a(b, h), N = { duration: o.duration, easing: o.easingEnter };
-      s(u, h, c, S, N);
+      const u = i, h = t(u), b = n(u, h), T = a(b, h), N = { duration: o.duration, easing: o.easingEnter };
+      s(u, h, c, T, N);
     }, r = (i, c) => {
       const u = i, h = t(u), { height: b } = getComputedStyle(u);
       u.style.height = b, u.style.overflow = "hidden";
-      const S = a(b, h).reverse(), N = { duration: o.duration, easing: o.easingLeave };
-      s(u, h, c, S, N);
+      const T = a(b, h).reverse(), N = { duration: o.duration, easing: o.easingLeave };
+      s(u, h, c, T, N);
     };
     return (i, c) => (d(), x(Ne, {
       css: !1,
@@ -442,7 +442,7 @@ const Yt = {
     tag: { type: String, default: "div" }
   },
   setup(e) {
-    const o = e, t = De(), n = w(!1), s = m(() => n && o.transferData), a = m(() => ({ position: "fixed", top: "-1000px" })), l = (r, i) => {
+    const o = e, t = De(), n = S(!1), s = m(() => n && o.transferData), a = m(() => ({ position: "fixed", top: "-1000px" })), l = (r, i) => {
       const c = i.dataTransfer;
       if ([j.dragenter, j.dragover].includes(r) && o.dropEffect && (c.dropEffect = o.dropEffect), r === j.dragstart) {
         if (o.effectAllowed && (c.effectAllowed = o.effectAllowed), o.image || t.image) {
@@ -464,7 +464,7 @@ const Yt = {
         L(r.$slots, "default", { transferData: s.value }),
         e.hideImageHtml ? (d(), f("div", {
           key: 0,
-          style: z(a.value)
+          style: H(a.value)
         }, [
           L(r.$slots, "image", { transferData: s.value })
         ], 4)) : L(r.$slots, "image", {
@@ -497,7 +497,7 @@ const po = (e) => (wt("data-v-d8c92d5e"), e = e(), St(), e), fo = {
   },
   emits: ["nodedrop", "nodedragover", "nodedragleave", "nodeclick", "nodecontext"],
   setup(e, { emit: o }) {
-    const t = e, n = w(null), s = w(!1), a = w(!1), l = w(!1), r = m(() => t.model.children && t.model.children.length), i = m(() => (v.actions.isTreeExpanded(t.treeId) && (t.model.expanded = t.model.expanded === void 0 ? !0 : t.model.expanded), t.model.expanded)), c = (B) => {
+    const t = e, n = S(null), s = S(!1), a = S(!1), l = S(!1), r = m(() => t.model.children && t.model.children.length), i = m(() => (v.actions.isTreeExpanded(t.treeId) && (t.model.expanded = t.model.expanded === void 0 ? !0 : t.model.expanded), t.model.expanded)), c = (B) => {
       o("nodeclick", { event: B, model: t.model });
     }, u = (B) => {
       o("nodeclick", B);
@@ -505,7 +505,7 @@ const po = (e) => (wt("data-v-d8c92d5e"), e = e(), St(), e), fo = {
       o("nodedrop", B);
     }, b = (B) => {
       o("nodecontext", B);
-    }, S = m(() => (v.actions.isItemSelected(t.treeId, t.model.id) ? "selected" : "") + (s.value ? "node-over " : "") + (a.value ? "node-top " : "") + (l.value ? "node-bottom " : "")), N = m(() => t.search ? !1 : t.model.draggable === !0), $ = (B) => {
+    }, T = m(() => (v.actions.isItemSelected(t.treeId, t.model.id) ? "selected" : "") + (s.value ? "node-over " : "") + (a.value ? "node-top " : "") + (l.value ? "node-bottom " : "")), N = m(() => t.search ? !1 : t.model.draggable === !0), k = (B) => {
       o("nodedrop", { e: B, model: t.model });
       let y = Te.data;
       if (y === void 0 || y.model === void 0)
@@ -537,14 +537,14 @@ const po = (e) => (wt("data-v-d8c92d5e"), e = e(), St(), e), fo = {
     return (B, y) => {
       const O = kt("d-tree-item", !0), W = Re("touch");
       return M(v).actions.beforeItem(t.treeId, e.model) ? C.value && !E.value ? (d(), f("li", mo, go)) : C.value && E.value ? (d(), f("li", vo, [
-        _("div", yo, H(M(v).actions.renderTitle(t.treeId, E.value)), 1)
+        _("div", yo, A(M(v).actions.renderTitle(t.treeId, E.value)), 1)
       ])) : (d(), x(uo, {
         key: 3,
         tag: "li",
         class: "tree-item",
         "transfer-data": { id: t.treeId, model: t.model },
         draggable: N.value,
-        onDrop: Z($, ["stop"]),
+        onDrop: Z(k, ["stop"]),
         onDragenter: y[1] || (y[1] = Z(() => {
         }, ["prevent"])),
         onDragover: Z(F, ["prevent", "stop"]),
@@ -553,64 +553,64 @@ const po = (e) => (wt("data-v-d8c92d5e"), e = e(), St(), e), fo = {
         default: I(() => {
           var P, g;
           return [
-            te((d(), f("div", {
+            J((d(), f("div", {
               ref_key: "node",
               ref: n,
-              class: D(S.value),
+              class: w(T.value),
               onContextmenu: y[0] || (y[0] = Z((V) => o("nodecontext", { e: V, model: t.model }), ["prevent"]))
             }, [
               _("div", null, [
                 t.model.icons && t.model.icons.pre && r.value && !t.search && !C.value ? (d(), x(X(pe), {
                   key: 0,
-                  component: M(ee).getters.getIcon(t.model.icons.pre.component),
+                  component: M(te).getters.getIcon(t.model.icons.pre.component),
                   size: 18,
                   color: t.model.icons.pre.color ? t.model.icons.pre.color : "inherit",
-                  class: D(i.value ? "tree-open-pre" : "")
-                }, null, 8, ["component", "color", "class"])) : k("", !0),
+                  class: w(i.value ? "tree-open-pre" : "")
+                }, null, 8, ["component", "color", "class"])) : $("", !0),
                 t.model.icons && t.model.icons.pre && !r.value && !t.search && !C.value ? (d(), x(X(pe), {
                   key: 1,
-                  component: M(ee).getters.getIcon(t.model.icons.pre.component),
+                  component: M(te).getters.getIcon(t.model.icons.pre.component),
                   size: 18,
                   color: "rgba(0,0,0,0)",
-                  class: D(i.value ? "tree-open-pre" : "")
-                }, null, 8, ["component", "class"])) : k("", !0),
+                  class: w(i.value ? "tree-open-pre" : "")
+                }, null, 8, ["component", "class"])) : $("", !0),
                 t.model.icons && t.model.icons.icon && !C.value ? (d(), x(X(pe), {
                   key: 2,
-                  component: M(ee).getters.getIcon(t.model.icons.icon.component),
+                  component: M(te).getters.getIcon(t.model.icons.icon.component),
                   color: t.model.icons.icon.color ? t.model.icons.icon.color : "inherit",
                   size: t.model.icons.icon.size ? t.model.icons.icon.size : null,
                   className: t.model.icons.icon.class ? t.model.icons.icon.class : null
-                }, null, 8, ["component", "color", "size", "className"])) : k("", !0),
+                }, null, 8, ["component", "color", "size", "className"])) : $("", !0),
                 _("div", _o, [
-                  C.value ? (d(), f("div", bo)) : k("", !0),
-                  C.value ? k("", !0) : (d(), f("div", xo, H(M(v).actions.renderTitle(t.treeId, t.model.title)), 1))
+                  C.value ? (d(), f("div", bo)) : $("", !0),
+                  C.value ? $("", !0) : (d(), f("div", xo, A(M(v).actions.renderTitle(t.treeId, t.model.title)), 1))
                 ])
               ]),
               _("div", $o, [
                 ((P = t.model.badge) == null ? void 0 : P.value) !== void 0 && !C.value ? (d(), x(X(io), {
                   key: 0,
-                  class: D([(g = t.model.badge) == null ? void 0 : g.class, "badge-sm"])
+                  class: w([(g = t.model.badge) == null ? void 0 : g.class, "badge-sm"])
                 }, {
                   default: I(() => [
-                    K(H(t.model.badge.value), 1)
+                    K(A(t.model.badge.value), 1)
                   ]),
                   _: 1
-                }, 8, ["class"])) : k("", !0),
+                }, 8, ["class"])) : $("", !0),
                 t.model.icons && t.model.icons.post && r.value && !t.search && !C.value ? (d(), x(X(pe), {
                   key: 1,
-                  component: M(ee).getters.getIcon(t.model.icons.post.component),
+                  component: M(te).getters.getIcon(t.model.icons.post.component),
                   size: 20,
                   color: t.model.icons.post.color ? t.model.icons.post.color : "inherit",
-                  class: D(i.value ? "tree-open-post" : "")
-                }, null, 8, ["component", "color", "class"])) : k("", !0)
+                  class: w(i.value ? "tree-open-post" : "")
+                }, null, 8, ["component", "color", "class"])) : $("", !0)
               ])
             ], 34)), [
               [W, c]
             ]),
-            le(lo, null, {
+            ie(lo, null, {
               default: I(() => [
                 r.value && i.value && !t.search ? (d(), f("ul", ko, [
-                  (d(!0), f(ie, null, he(e.model.children, (V) => (d(), x(O, {
+                  (d(!0), f(ae, null, he(e.model.children, (V) => (d(), x(O, {
                     class: "tree-item",
                     key: V.id,
                     model: V,
@@ -621,7 +621,7 @@ const po = (e) => (wt("data-v-d8c92d5e"), e = e(), St(), e), fo = {
                     onNodedrop: h,
                     onNodecontext: b
                   }, null, 8, ["model", "treeId", "items", "search"]))), 128))
-                ])) : k("", !0)
+                ])) : $("", !0)
               ]),
               _: 1
             })
@@ -631,7 +631,7 @@ const po = (e) => (wt("data-v-d8c92d5e"), e = e(), St(), e), fo = {
       }, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (d(), f("li", fo));
     };
   }
-}, So = /* @__PURE__ */ oe(wo, [["__scopeId", "data-v-d8c92d5e"]]);
+}, So = /* @__PURE__ */ le(wo, [["__scopeId", "data-v-d8c92d5e"]]);
 function To(e) {
   return e = e || /* @__PURE__ */ new Map(), {
     /**
@@ -789,11 +789,11 @@ const U = To(), v = {
   emits: Object.keys(j),
   setup(e, { expose: o, emit: t }) {
     let n = Oe({});
-    const s = w("false"), a = w(null), l = /* @__PURE__ */ new Set(), r = m(() => s.value && n), i = (u, h) => {
+    const s = S("false"), a = S(null), l = /* @__PURE__ */ new Set(), r = m(() => s.value && n), i = (u, h) => {
       n = Te.data, t(u, h, n), u === j.dragenter && (l.size || h.target === a.value) && l.add(h.target), u === j.dragleave && l.delete(h.target), u === j.drop && l.clear(), s.value = !!l.size;
     };
     return o({
-      elementSize: () => mt(a)
+      elementSize: () => ht(a)
     }), (u, h) => (d(), x(X(e.tag), {
       ref_key: "el",
       ref: a,
@@ -808,7 +808,7 @@ const U = To(), v = {
       _: 3
     }, 544));
   }
-}, ht = {
+}, Lo = { key: 0 }, Co = { key: 1 }, gt = {
   __name: "DMenu",
   props: {
     class: String,
@@ -819,12 +819,16 @@ const U = To(), v = {
       default: !0
     },
     renderItemTitle: Function,
-    beforeItem: Function
+    beforeItem: Function,
+    bodyAsParent: {
+      type: Boolean,
+      default: !0
+    }
   },
   emits: ["select"],
   setup(e, { expose: o, emit: t }) {
     const n = e;
-    let s = w(null), a = w(!1);
+    let s = S(null), a = S(!1);
     const l = () => {
       U.emit("menu-show-request"), a.value = !0;
     }, r = () => {
@@ -843,27 +847,44 @@ const U = To(), v = {
     const h = (b) => {
       t("select", b), b.model.children || r();
     };
-    return (b, S) => {
+    return (b, T) => {
       const N = Re("click-outside");
-      return d(), x(dt, { to: "body" }, [
-        M(a) ? te((d(), x(gt, {
+      return n.bodyAsParent ? (d(), f("div", Lo, [
+        (d(), x(ct, { to: "body" }, [
+          M(a) ? J((d(), x(Be, {
+            key: 0,
+            ref_key: "treeRef",
+            ref: s,
+            items: n.items,
+            "no-select": n.noSelect,
+            class: w(n.class),
+            style: H(n.style),
+            onSelect: h,
+            "render-title": n.renderItemTitle,
+            "before-item": n.beforeItem
+          }, null, 8, ["items", "no-select", "class", "style", "render-title", "before-item"])), [
+            [N, () => r()]
+          ]) : $("", !0)
+        ]))
+      ])) : (d(), f("div", Co, [
+        M(a) ? J((d(), x(Be, {
           key: 0,
           ref_key: "treeRef",
           ref: s,
           items: n.items,
           "no-select": n.noSelect,
-          class: D(n.class),
-          style: z(n.style),
+          class: w(n.class),
+          style: H(n.style),
           onSelect: h,
           "render-title": n.renderItemTitle,
           "before-item": n.beforeItem
         }, null, 8, ["items", "no-select", "class", "style", "render-title", "before-item"])), [
           [N, () => r()]
-        ]) : k("", !0)
-      ]);
+        ]) : $("", !0)
+      ]));
     };
   }
-}, Lo = {
+}, Io = {
   __name: "DContextMenu",
   props: {
     items: Array,
@@ -872,32 +893,32 @@ const U = To(), v = {
   },
   emits: ["select"],
   setup(e, { expose: o, emit: t }) {
-    const n = e, s = w(null), a = w(0), l = w(0), r = m(() => ({
+    const n = e, s = S(null), a = S(0), l = S(0), r = m(() => ({
       left: a.value + "px",
       top: l.value + "px"
     })), i = (u) => {
-      s.value.show(), ct(() => {
-        const h = s.value.elementSize(), b = window.innerWidth, S = window.innerHeight;
-        a.value = b - u.pageX < h.width ? u.pageX - h.width : u.pageX, l.value = S - u.pageY < h.height ? u.pageY - h.height : u.pageY, s.value.itemsCount() === 0 && s.value.hide();
+      s.value.show(), ut(() => {
+        const h = s.value.elementSize(), b = window.innerWidth, T = window.innerHeight;
+        a.value = b - u.pageX < h.width ? u.pageX - h.width : u.pageX, l.value = T - u.pageY < h.height ? u.pageY - h.height : u.pageY, s.value.itemsCount() === 0 && s.value.hide();
       });
     }, c = (u) => {
       t("select", u);
     };
     return o({
       show: i
-    }), (u, h) => (d(), x(ht, {
+    }), (u, h) => (d(), x(gt, {
       ref_key: "dMenuRef",
       ref: s,
       onSelect: c,
       items: n.items,
-      style: z(r.value),
+      style: H(r.value),
       class: "context-menu",
       "no-select": !0,
       "render-item-title": n.renderItemTitle,
       "before-item": n.beforeItem
     }, null, 8, ["items", "style", "render-item-title", "before-item"]));
   }
-}, gt = {
+}, Be = {
   __name: "DTree",
   props: {
     items: Array,
@@ -932,7 +953,7 @@ const U = To(), v = {
   },
   emits: ["select", "collapse", "expand", "move", "over", "drop"],
   setup(e, { expose: o, emit: t }) {
-    const n = e, s = w(null), a = w(!1), l = w(null), r = ut().uid;
+    const n = e, s = S(null), a = S(!1), l = S(null), r = pt().uid;
     v.actions.initTreeStore(r, n.noSelect, n.multiSelect, n.expanded, n.transfer, n.renderTitle, n.beforeItem);
     const i = (g, V) => {
       console.log(g, V);
@@ -950,10 +971,10 @@ const U = To(), v = {
       t("over", g);
     }, b = (g = null) => {
       t("drop", g);
-    }, S = () => s.value.elementSize(), N = () => {
+    }, T = () => s.value.elementSize(), N = () => {
       for (let g = 0; g < n.items.length; g++)
         n.items[g].expanded = !0;
-    }, $ = () => {
+    }, k = () => {
       for (let g = 0; g < n.items.length; g++)
         n.items[g].expanded = !1;
     }, F = () => r, R = (g) => v.actions.deepSearch(n.items, g), C = (g) => {
@@ -967,9 +988,9 @@ const U = To(), v = {
       return V;
     };
     return o({
-      elementSize: S,
+      elementSize: T,
       expandAll: N,
-      collapseAll: $,
+      collapseAll: k,
       getId: F,
       getNode: R,
       selectNode: C,
@@ -982,7 +1003,7 @@ const U = To(), v = {
       onDrop: Z(i, ["stop"])
     }, {
       default: I(() => [
-        (d(!0), f(ie, null, he(c.value, (p) => (d(), x(So, {
+        (d(!0), f(ae, null, he(c.value, (p) => (d(), x(So, {
           key: p.id,
           model: p,
           treeId: M(r),
@@ -993,20 +1014,20 @@ const U = To(), v = {
           onNodedrop: b,
           onNodecontext: O
         }, null, 8, ["model", "treeId", "items", "search"]))), 128)),
-        y.value ? (d(), x(Lo, {
+        y.value ? (d(), x(Io, {
           key: 0,
           ref_key: "contextTreeRef",
           ref: a,
           items: y.value,
           onSelect: E,
           "before-item": B
-        }, null, 8, ["items"])) : k("", !0)
+        }, null, 8, ["items"])) : $("", !0)
       ]),
       _: 1
     }, 8, ["onDrop"]));
   }
 };
-const Co = {
+const Eo = {
   __name: "DAccordion",
   props: {
     items: Array,
@@ -1019,14 +1040,14 @@ const Co = {
   },
   setup(e) {
     const o = e;
-    return (t, n) => (d(), x(gt, {
+    return (t, n) => (d(), x(Be, {
       class: "accordion",
       items: o.items,
       "no-select": o.noSelect,
       "render-title": o.renderTitle
     }, null, 8, ["items", "no-select", "render-title"]));
   }
-}, Ss = /* @__PURE__ */ oe(Co, [["__scopeId", "data-v-642edace"]]), Io = {
+}, Ss = /* @__PURE__ */ le(Eo, [["__scopeId", "data-v-642edace"]]), Bo = {
   __name: "DLayoutHeader",
   props: {
     fixed: {
@@ -1066,12 +1087,12 @@ const Co = {
     });
     return (n, s) => (d(), f("header", {
       class: "d-layout-header",
-      style: z(t.value)
+      style: H(t.value)
     }, [
       L(n.$slots, "default")
     ], 4));
   }
-}, Eo = {
+}, Mo = {
   __name: "DLayoutTab",
   props: {
     fixed: {
@@ -1115,12 +1136,12 @@ const Co = {
     });
     return (n, s) => (d(), f("div", {
       class: "d-layout-tab",
-      style: z(t.value)
+      style: H(t.value)
     }, [
       L(n.$slots, "default")
     ], 4));
   }
-}, Bo = {
+}, No = {
   __name: "DLayoutFooter",
   props: {
     fixed: {
@@ -1160,12 +1181,12 @@ const Co = {
     });
     return (n, s) => (d(), f("footer", {
       class: "d-layout-footer",
-      style: z(t.value)
+      style: H(t.value)
     }, [
       L(n.$slots, "default")
     ], 4));
   }
-}, Mo = {
+}, Ro = {
   __name: "DLayoutSidebar",
   props: {
     zIndex: {
@@ -1200,12 +1221,12 @@ const Co = {
     });
     return (n, s) => (d(), f("aside", {
       class: "d-layout-sidebar",
-      style: z(t.value)
+      style: H(t.value)
     }, [
       L(n.$slots, "default")
     ], 4));
   }
-}, No = {
+}, Oo = {
   __name: "DLayoutContent",
   props: {
     paddingTop: {
@@ -1236,15 +1257,15 @@ const Co = {
       return `padding-top:${n}px;padding-bottom:${s}px;padding-left:${a}px;${i}transition-duration:${l}ms;transition-timing-function:${r};`;
     });
     return (n, s) => (d(), f("main", {
-      style: z(t.value),
+      style: H(t.value),
       class: "d-layout-content"
     }, [
       L(n.$slots, "default")
     ], 4));
   }
 };
-function Ro(e) {
-  const o = w(0), t = m(() => `transform: translateX(${-o.value}px);`);
+function Ao(e) {
+  const o = S(0), t = m(() => `transform: translateX(${-o.value}px);`);
   let n = !1;
   function s(u) {
     o.value = u;
@@ -1266,13 +1287,13 @@ function Ro(e) {
   function c() {
     l(), r(), n = !0;
   }
-  return pt(e, (u) => {
+  return ft(e, (u) => {
     u ? c() : i();
   }, { immediate: !0 }), Tt(() => {
     i();
   }), t;
 }
-const Oo = 1001, Ho = 999, Vo = 998, Ts = {
+const Ho = 1001, Vo = 999, zo = 998, Ts = {
   __name: "DLayoutAdmin",
   props: {
     mode: {
@@ -1363,7 +1384,7 @@ const Oo = 1001, Ho = 999, Vo = 998, Ts = {
   },
   emits: ["update:sidebar-collapse", "sidebar-mask-click"],
   setup(e, { emit: o }) {
-    const t = e, n = m(() => t.useMinWidthLayout ? `min-width:${t.minWidth}px;` : ""), s = m(() => t.useMinWidthLayout && (t.fixedHeaderAndTab || t.fixedFooter)), a = Ro(s), l = m(() => t.fixedHeaderAndTab ? a.value : ""), r = m(() => t.fixedFooter ? a.value : ""), i = m(() => {
+    const t = e, n = m(() => t.useMinWidthLayout ? `min-width:${t.minWidth}px;` : ""), s = m(() => t.useMinWidthLayout && (t.fixedHeaderAndTab || t.fixedFooter)), a = Ao(s), l = m(() => t.fixedHeaderAndTab ? a.value : ""), r = m(() => t.fixedFooter ? a.value : ""), i = m(() => {
       const { transitionDuration: y, transitionTimingFunction: O } = t;
       return {
         transitionDuration: y,
@@ -1380,13 +1401,13 @@ const Oo = 1001, Ho = 999, Vo = 998, Ts = {
     function b() {
       o("sidebar-mask-click");
     }
-    const S = m(() => t.isMobile && !h.value), N = m(() => {
+    const T = m(() => t.isMobile && !h.value), N = m(() => {
       const { transitionDuration: y, transitionTimingFunction: O } = t;
       return `background-color:${t.maskBg};transition-duration:${y}ms;transition-timing-function:${O};`;
-    }), $ = m(() => {
+    }), k = m(() => {
       const { sidebarWidth: y, sidebarCollapsedWidth: O } = t, W = t.isMobile ? 0 : O, P = h.value ? W : y;
       return t.sidebarVisible ? P : 0;
-    }), F = m(() => t.isMobile ? 0 : $.value), R = m(() => c.value ? F.value : 0), C = m(
+    }), F = m(() => t.isMobile ? 0 : k.value), R = m(() => c.value ? F.value : 0), C = m(
       () => !t.isMobile && !c.value && t.headerVisible ? t.headerHeight : 0
     ), E = m(() => {
       let y = 0;
@@ -1394,11 +1415,11 @@ const Oo = 1001, Ho = 999, Vo = 998, Ts = {
     }), B = m(() => t.fixedFooter && t.footerVisible ? t.footerHeight : 0);
     return (y, O) => (d(), f("div", {
       class: "d-layout",
-      style: z(n.value)
+      style: H(n.value)
     }, [
-      e.headerVisible ? (d(), x(Io, ce({ key: 0 }, i.value, {
+      e.headerVisible ? (d(), x(Bo, ce({ key: 0 }, i.value, {
         fixed: e.fixedHeaderAndTab,
-        "z-index": Oo,
+        "z-index": Ho,
         "min-width": e.minWidth,
         height: e.headerHeight,
         "padding-left": R.value,
@@ -1408,10 +1429,10 @@ const Oo = 1001, Ho = 999, Vo = 998, Ts = {
           L(y.$slots, "header")
         ]),
         _: 3
-      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : k("", !0),
-      e.tabVisible ? (d(), x(Eo, ce({ key: 1 }, i.value, {
+      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : $("", !0),
+      e.tabVisible ? (d(), x(Mo, ce({ key: 1 }, i.value, {
         fixed: e.fixedHeaderAndTab,
-        "z-index": Ho,
+        "z-index": Vo,
         "min-width": e.minWidth,
         top: e.headerHeight,
         height: e.tabHeight,
@@ -1422,24 +1443,24 @@ const Oo = 1001, Ho = 999, Vo = 998, Ts = {
           L(y.$slots, "tab")
         ]),
         _: 3
-      }, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) : k("", !0),
-      e.sidebarVisible ? (d(), x(Mo, ce({ key: 2 }, i.value, {
+      }, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) : $("", !0),
+      e.sidebarVisible ? (d(), x(Ro, ce({ key: 2 }, i.value, {
         "z-index": u.value,
-        width: $.value,
+        width: k.value,
         "padding-top": C.value
       }), {
         default: I(() => [
           L(y.$slots, "sidebar")
         ]),
         _: 3
-      }, 16, ["z-index", "width", "padding-top"])) : k("", !0),
-      S.value ? (d(), f("div", {
+      }, 16, ["z-index", "width", "padding-top"])) : $("", !0),
+      T.value ? (d(), f("div", {
         key: 3,
         class: "d-layout-sidebar-mask",
-        style: z(N.value),
+        style: H(N.value),
         onClick: b
-      }, null, 4)) : k("", !0),
-      le(No, ce(i.value, {
+      }, null, 4)) : $("", !0),
+      ie(Oo, ce(i.value, {
         "padding-top": E.value,
         "padding-bottom": B.value,
         "padding-left": F.value,
@@ -1450,9 +1471,9 @@ const Oo = 1001, Ho = 999, Vo = 998, Ts = {
         ]),
         _: 3
       }, 16, ["padding-top", "padding-bottom", "padding-left", "overflow-hidden"]),
-      e.footerVisible ? (d(), x(Bo, ce({ key: 4 }, i.value, {
+      e.footerVisible ? (d(), x(No, ce({ key: 4 }, i.value, {
         fixed: e.fixedFooter,
-        "z-index": Vo,
+        "z-index": zo,
         "min-width": e.minWidth,
         height: e.footerHeight,
         "padding-left": F.value,
@@ -1462,7 +1483,7 @@ const Oo = 1001, Ho = 999, Vo = 998, Ts = {
           L(y.$slots, "footer")
         ]),
         _: 3
-      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : k("", !0)
+      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : $("", !0)
     ], 4));
   }
 }, ue = {
@@ -1511,7 +1532,7 @@ const Ls = {
   },
   setup(e) {
     const o = e;
-    Le((a) => ({
+    Ae((a) => ({
       e35a6f9a: t.value,
       e35a6f98: n.value
     }));
@@ -1525,7 +1546,7 @@ const Ls = {
     ]));
   }
 };
-const Ao = {
+const Fo = {
   __name: "DScroll",
   props: {
     autoHide: {
@@ -1543,19 +1564,18 @@ const Ao = {
   },
   setup(e) {
     const o = e;
-    Le((s) => ({
+    Ae((s) => ({
       c07fa29a: t.value,
       c07fa298: n.value
     }));
     const t = m(() => o.xHide ? "hidden" : "visible"), n = m(() => o.yHide ? "hidden" : "visible");
     return (s, a) => (d(), f("div", {
-      class: D(o.autoHide ? "d-scroll-hide" : "d-scroll")
+      class: w(o.autoHide ? "d-scroll-hide" : "d-scroll")
     }, [
       L(s.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}, Cs = /* @__PURE__ */ oe(Ao, [["__scopeId", "data-v-d50b3609"]]);
-const zo = { class: "modal-dialog" }, Fo = { class: "modal-content" }, Wo = { class: "modal-header" }, Po = { class: "modal-title" }, jo = { class: "modal-body" }, Xo = { class: "modal-footer" }, Yo = {
+}, Cs = /* @__PURE__ */ le(Fo, [["__scopeId", "data-v-d50b3609"]]), Wo = { class: "modal-content" }, Po = { class: "modal-header" }, jo = { class: "modal-title" }, Xo = { class: "modal-body" }, Yo = { class: "modal-footer" }, vt = {
   __name: "DModal",
   props: {
     show: Boolean,
@@ -1566,12 +1586,7 @@ const zo = { class: "modal-dialog" }, Fo = { class: "modal-content" }, Wo = { cl
   },
   emits: ["open", "close"],
   setup(e, { expose: o, emit: t }) {
-    const n = e;
-    Le((i) => ({
-      b0f85cb8: n.width,
-      "4f75be24": n.maxWidth
-    }));
-    const s = w(null), a = w(!1);
+    const n = e, s = S(null), a = S(!1);
     a.value = n == null ? void 0 : n.show;
     const l = () => {
       a.value = !0, t("open", s);
@@ -1583,40 +1598,43 @@ const zo = { class: "modal-dialog" }, Fo = { class: "modal-content" }, Wo = { cl
       hide: r
     }), (i, c) => {
       const u = Re("keydown");
-      return d(), x(dt, { to: "body" }, [
-        le(Ne, { name: "fade" }, {
+      return d(), x(ct, { to: "body" }, [
+        ie(Ne, { name: "fade" }, {
           default: I(() => [
-            a.value ? te((d(), f("div", {
+            a.value ? J((d(), f("div", {
               key: 0,
               ref_key: "modalRef",
               ref: s,
               class: "modal"
             }, [
-              _("div", zo, [
-                _("div", Fo, [
-                  _("div", Wo, [
-                    _("h5", Po, [
-                      L(i.$slots, "modal-title", {}, void 0, !0)
+              _("div", {
+                class: "modal-dialog",
+                style: H({ width: n.width, maxWidth: n.maxWidth })
+              }, [
+                _("div", Wo, [
+                  _("div", Po, [
+                    _("h5", jo, [
+                      L(i.$slots, "modal-title")
                     ])
                   ]),
-                  _("div", jo, [
-                    L(i.$slots, "default", {}, void 0, !0)
-                  ]),
                   _("div", Xo, [
-                    L(i.$slots, "modal-footer", {}, void 0, !0)
+                    L(i.$slots, "default")
+                  ]),
+                  _("div", Yo, [
+                    L(i.$slots, "modal-footer")
                   ])
                 ])
-              ])
+              ], 4)
             ])), [
               [u, r, "Escape"]
-            ]) : k("", !0)
+            ]) : $("", !0)
           ]),
           _: 3
         })
       ]);
     };
   }
-}, vt = /* @__PURE__ */ oe(Yo, [["__scopeId", "data-v-4646bc8a"]]), de = Dt();
+}, de = Dt();
 function Me(e) {
   e === void 0 && (e = de.value.comp.returnValue()), de.value.resolve(e), de.value = null;
 }
@@ -1647,8 +1665,8 @@ const qo = Lt({
     transitionAttrs: Object
   },
   setup() {
-    const e = w();
-    return pt(e, () => {
+    const e = S();
+    return ft(e, () => {
       de.value && (de.value.comp = e.value);
     }), {
       dialogRef: de,
@@ -1659,7 +1677,7 @@ const qo = Lt({
 function Go(e, o, t, n, s, a) {
   return d(), x(Ne, Ct(It(e.transitionAttrs)), {
     default: I(() => [
-      e.dialogRef && e.dialogRef.wrapper === e.name ? (d(), x(X(e.dialogRef.dialog), ce({ key: 0 }, e.dialogRef.props, { ref: "dialogInstance" }), null, 16)) : k("", !0)
+      e.dialogRef && e.dialogRef.wrapper === e.name ? (d(), x(X(e.dialogRef.dialog), ce({ key: 0 }, e.dialogRef.props, { ref: "dialogInstance" }), null, 16)) : $("", !0)
     ]),
     _: 1
   }, 16);
@@ -1676,16 +1694,16 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
     return o({
       returnValue: () => !0
     }), (s, a) => (d(), f("div", null, [
-      le(vt, { show: !0 }, {
+      ie(vt, { show: !0 }, {
         "modal-title": I(() => [
-          K(H(t.title), 1)
+          K(A(t.title), 1)
         ]),
         default: I(() => [
-          K(H(t.message), 1)
+          K(A(t.message), 1)
         ]),
         "modal-footer": I(() => [
           _("div", Ko, [
-            le(ae, {
+            ie(se, {
               onClick: a[0] || (a[0] = (l) => M(Me)())
             }, {
               default: I(() => [
@@ -1710,16 +1728,16 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
     return o({
       returnValue: () => !0
     }), (s, a) => (d(), f("div", null, [
-      le(vt, { show: !0 }, {
+      ie(vt, { show: !0 }, {
         "modal-title": I(() => [
-          K(H(t.title), 1)
+          K(A(t.title), 1)
         ]),
         default: I(() => [
-          K(H(t.message), 1)
+          K(A(t.message), 1)
         ]),
         "modal-footer": I(() => [
           _("div", Qo, [
-            le(ae, {
+            ie(se, {
               onClick: a[0] || (a[0] = (l) => M(Me)())
             }, {
               default: I(() => [
@@ -1727,7 +1745,7 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
               ]),
               _: 1
             }),
-            le(ae, {
+            ie(se, {
               class: "button-red",
               onClick: a[1] || (a[1] = (l) => M(Me)(!1))
             }, {
@@ -1754,60 +1772,65 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
     menuStyle: Object,
     renderItemTitle: Function,
     beforeItem: Function,
-    type: String
+    type: String,
+    bodyAsParent: {
+      type: Boolean,
+      default: !0
+    }
   },
   emits: ["select", "click"],
   setup(e, { expose: o, emit: t }) {
-    const n = e, s = De(), a = w(null), l = w(null), r = w(0), i = w(0), c = (S) => {
-      if (t("click", S), a.value.isShowed()) {
+    const n = e, s = De(), a = S(null), l = S(null), r = S(0), i = S(0), c = (T) => {
+      if (t("click", T), a.value.isShowed()) {
         a.value.hide();
         return;
       }
-      a.value.show(), ct(() => {
-        const N = a.value.elementSize(), $ = l.value.elementSize(), F = window.innerWidth, R = window.innerHeight;
-        r.value = F - ($.x + $.width) < N.width ? $.left - N.width + $.width : $.left, i.value = R - ($.y + $.height) < N.height ? $.top - N.height - 5 : $.height + $.top + 5;
+      a.value.show(), ut(() => {
+        const N = a.value.elementSize(), k = l.value.elementSize(), F = window.innerWidth, R = window.innerHeight;
+        r.value = F - (k.x + k.width) < N.width ? k.left - N.width + k.width : k.left, i.value = R - (k.y + k.height) < N.height ? k.top - N.height - 5 : k.height + k.top + 5;
       });
-    }, u = (S) => {
-      t("select", S);
-    }, h = m(() => ({ left: r.value + "px", top: i.value + "px", ...n.menuStyle }));
+    }, u = (T) => {
+      t("select", T);
+    }, h = m(() => (console.log(r.value, i.value), { left: r.value + "px", top: i.value + "px", ...n.menuStyle }));
     o({
       show: c
     });
-    const b = (S) => !!s[S];
-    return (S, N) => (d(), f("div", tn, [
-      b("default") ? (d(), x(ae, {
+    const b = (T) => !!s[T];
+    return (T, N) => (d(), f("div", tn, [
+      b("default") ? (d(), x(se, {
         key: 0,
         ref_key: "buttonRef",
         ref: l,
-        class: D(n.class),
+        class: w(n.class),
         icon: n.icon,
         onClick: Z(c, ["stop", "prevent"]),
         type: n.type
       }, {
         default: I(() => [
-          L(S.$slots, "default")
+          L(T.$slots, "default")
         ]),
         _: 3
-      }, 8, ["class", "icon", "onClick", "type"])) : (d(), x(ae, {
+      }, 8, ["class", "icon", "onClick", "type"])) : (d(), x(se, {
         key: 1,
         ref_key: "buttonRef",
         ref: l,
-        class: D(n.class),
+        class: w(n.class),
         icon: n.icon,
         onClick: Z(c, ["stop", "prevent"]),
         type: n.type
       }, null, 8, ["class", "icon", "onClick", "type"])),
-      le(ht, {
+      ie(gt, {
         ref_key: "dMenuRef",
         ref: a,
         items: n.items,
         class: "dropdown-menu",
-        style: z(h.value),
+        style: H(h.value),
         "no-select": !0,
         onSelect: u,
         "render-item-title": n.renderItemTitle,
-        "before-item": n.beforeItem
-      }, null, 8, ["items", "style", "render-item-title", "before-item"])
+        "before-item": n.beforeItem,
+        "body-as-parent": n.bodyAsParent
+      }, null, 8, ["items", "style", "render-item-title", "before-item", "body-as-parent"])
     ]));
   }
 }, on = {}, nn = { class: "d-panel" };
@@ -1816,7 +1839,7 @@ function sn(e, o) {
     L(e.$slots, "default")
   ]);
 }
-const an = /* @__PURE__ */ oe(on, [["render", sn]]), ln = { class: "card-header" }, rn = { class: "modal-title" }, dn = { class: "card-body" }, cn = { class: "card-footer" }, Es = {
+const an = /* @__PURE__ */ le(on, [["render", sn]]), ln = { class: "card-header" }, rn = { class: "modal-title" }, dn = { class: "card-body" }, cn = { class: "card-footer" }, Es = {
   __name: "DCard",
   setup(e) {
     return (o, t) => (d(), x(an, { class: "d-card" }, {
@@ -1848,14 +1871,14 @@ class pn {
     this.start = Date.now(), clearTimeout(this.notifyItem.timer), this.notifyItem.timer = setTimeout(this.callback, this.remaining);
   }
 }
-const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
+const Ie = "[-+]?[0-9]*.?[0-9]+", st = [
   {
     name: "px",
-    regexp: new RegExp(`^${Ee}px$`)
+    regexp: new RegExp(`^${Ie}px$`)
   },
   {
     name: "%",
-    regexp: new RegExp(`^${Ee}%$`)
+    regexp: new RegExp(`^${Ie}%$`)
   },
   /**
    * Fallback option
@@ -1863,7 +1886,7 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
    */
   {
     name: "px",
-    regexp: new RegExp(`^${Ee}$`)
+    regexp: new RegExp(`^${Ie}$`)
   }
 ], fn = (e) => {
   if (e === "auto")
@@ -1871,8 +1894,8 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
       type: e,
       value: 0
     };
-  for (let o = 0; o < nt.length; o++) {
-    const t = nt[o];
+  for (let o = 0; o < st.length; o++) {
+    const t = st[o];
     if (t.regexp.test(e))
       return {
         type: t.name,
@@ -1892,16 +1915,16 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
     default:
       return { type: "", value: e };
   }
-}, st = {
+}, at = {
   x: /* @__PURE__ */ new Set(["left", "center", "right"]),
   y: /* @__PURE__ */ new Set(["top", "bottom"])
 }, hn = ((e) => () => e++)(0), gn = (e) => typeof e != "string" ? [] : e.split(/\s+/gi).filter(Boolean), vn = (e) => {
   typeof e == "string" && (e = gn(e));
   let o = null, t = null;
   return e.forEach((n) => {
-    st.y.has(n) && (t = n), st.x.has(n) && (o = n);
+    at.y.has(n) && (t = n), at.x.has(n) && (o = n);
   }), { x: o, y: t };
-}, Be = {
+}, Ee = {
   position: ["top", "right"],
   cssAnimation: "fade",
   velocityAnimation: {
@@ -1925,7 +1948,7 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
     }, s = () => {
       o("after-leave");
     };
-    return (a, l) => (d(), x(ft, {
+    return (a, l) => (d(), x(mt, {
       tag: "span",
       css: !1,
       onEnter: t,
@@ -1947,7 +1970,7 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
   },
   setup(e) {
     const o = e;
-    return (t, n) => (d(), x(ft, {
+    return (t, n) => (d(), x(mt, {
       tag: "span",
       name: o.name
     }, {
@@ -1977,7 +2000,7 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
     },
     position: {
       type: [String, Array, null],
-      default: Be.position
+      default: Ee.position
     },
     classes: {
       type: String,
@@ -1989,11 +2012,11 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
     },
     animation: {
       type: [String, Object],
-      default: Be.velocityAnimation
+      default: Ee.velocityAnimation
     },
     animationName: {
       type: String,
-      default: Be.cssAnimation
+      default: Ee.cssAnimation
     },
     speed: {
       type: Number,
@@ -2033,17 +2056,17 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
     const t = e, n = {
       IDLE: 0,
       DESTROYED: 2
-    }, s = w([]), a = w(null), l = w(un.get("velocity")), r = m(() => t.animationType === "velocity"), i = m(() => r.value ? yn : _n), c = m(() => s.value.filter((p) => p.state !== n.DESTROYED)), u = m(() => mn(t.width)), h = m(() => {
-      const { x: p, y: A } = vn(t.position), T = u.value.value, q = u.value.type, ne = {
-        width: T + q
+    }, s = S([]), a = S(null), l = S(un.get("velocity")), r = m(() => t.animationType === "velocity"), i = m(() => r.value ? yn : _n), c = m(() => s.value.filter((p) => p.state !== n.DESTROYED)), u = m(() => mn(t.width)), h = m(() => {
+      const { x: p, y: z } = vn(t.position), D = u.value.value, q = u.value.type, oe = {
+        width: D + q
       };
-      return A && (ne[A] = "0px"), p && (p === "center" ? ne.left = `calc(50% - ${+T / 2}${q})` : ne[p] = "0px"), ne;
-    }), b = m(() => "bottom" in h.value), S = (p) => {
+      return z && (oe[z] = "0px"), p && (p === "center" ? oe.left = `calc(50% - ${+D / 2}${q})` : oe[p] = "0px"), oe;
+    }), b = m(() => "bottom" in h.value), T = (p) => {
       o("click", p), t.closeOnClick && B(p);
     }, N = () => {
       var p;
       t.pauseOnHover && ((p = a.value) == null || p.pause());
-    }, $ = () => {
+    }, k = () => {
       var p;
       t.pauseOnHover && ((p = a.value) == null || p.resume());
     }, F = (p) => {
@@ -2053,21 +2076,21 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
         O();
         return;
       }
-      const A = typeof p.duration == "number" ? p.duration : t.duration, T = typeof p.speed == "number" ? p.speed : t.speed, q = typeof p.ignoreDuplicates == "boolean" ? p.ignoreDuplicates : t.ignoreDuplicates, { title: ne, text: ge, type: ve, data: ye, id: _e } = p, J = {
+      const z = typeof p.duration == "number" ? p.duration : t.duration, D = typeof p.speed == "number" ? p.speed : t.speed, q = typeof p.ignoreDuplicates == "boolean" ? p.ignoreDuplicates : t.ignoreDuplicates, { title: oe, text: ge, type: ve, data: ye, id: _e } = p, Q = {
         id: _e || hn(),
-        title: ne,
+        title: oe,
         text: ge,
         type: ve,
         state: n.IDLE,
-        speed: T,
-        length: A + 2 * T,
+        speed: D,
+        length: z + 2 * D,
         data: ye
       };
-      A >= 0 && (a.value = new pn(() => B(J), J.length, J));
+      z >= 0 && (a.value = new pn(() => B(Q), Q.length, Q));
       const be = t.reverse ? !b.value : b.value;
       let re = -1;
       const xe = c.value.some((me) => me.title === p.title && me.text === p.text);
-      (!q || !xe) && (be ? (s.value.push(J), o("start", J), c.value.length > t.max && (re = 0)) : (s.value.unshift(J), o("start", J), c.value.length > t.max && (re = c.value.length - 1)), re !== -1 && B(c.value[re]));
+      (!q || !xe) && (be ? (s.value.push(Q), o("start", Q), c.value.length > t.max && (re = 0)) : (s.value.unshift(Q), o("start", Q), c.value.length > t.max && (re = c.value.length - 1)), re !== -1 && B(c.value[re]));
     }, R = (p) => {
       y(p);
     }, C = (p) => [
@@ -2077,29 +2100,29 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
     ], E = (p) => r.value ? void 0 : { transition: `all ${p.speed}ms` }, B = (p) => {
       clearTimeout(p.timer), p.state = n.DESTROYED, V(), o("destroy", p);
     }, y = (p) => {
-      const A = s.value.find((T) => T.id === p);
-      A && B(A);
+      const z = s.value.find((D) => D.id === p);
+      z && B(z);
     }, O = () => {
       c.value.forEach(B);
-    }, W = (p, A) => {
+    }, W = (p, z) => {
       var q;
-      const T = (q = t.animation) == null ? void 0 : q[p];
-      return typeof T == "function" ? T(A) : T;
-    }, P = (p, A) => {
+      const D = (q = t.animation) == null ? void 0 : q[p];
+      return typeof D == "function" ? D(z) : D;
+    }, P = (p, z) => {
       if (!r.value)
         return;
-      const T = W("enter", p);
-      l.value(p, T, {
+      const D = W("enter", p);
+      l.value(p, D, {
         duration: t.speed,
-        complete: A
+        complete: z
       });
-    }, g = (p, A) => {
+    }, g = (p, z) => {
       if (!r.value)
         return;
-      const T = W("leave", p);
-      l.value(p, T, {
+      const D = W("leave", p);
+      l.value(p, D, {
         duration: t.speed,
-        complete: A
+        complete: z
       });
     };
     function V() {
@@ -2107,9 +2130,9 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
     }
     return fe(() => {
       U.on("notification-add", F), U.on("notification-close", R);
-    }), (p, A) => (d(), f("div", {
+    }), (p, z) => (d(), f("div", {
       class: "d-notification-group",
-      style: z(h.value)
+      style: H(h.value)
     }, [
       (d(), x(X(i.value), {
         name: e.animationName,
@@ -2118,36 +2141,36 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
         onAfterLeave: V
       }, {
         default: I(() => [
-          (d(!0), f(ie, null, he(c.value, (T) => (d(), f("div", {
-            key: T.id,
+          (d(!0), f(ae, null, he(c.value, (D) => (d(), f("div", {
+            key: D.id,
             class: "d-notification-wrapper",
-            style: z(E(T)),
-            "data-id": T.id,
+            style: H(E(D)),
+            "data-id": D.id,
             onMouseenter: N,
-            onMouseleave: $
+            onMouseleave: k
           }, [
             L(p.$slots, "body", {
-              class: D([e.classes, T.type]),
-              item: T,
-              close: () => B(T)
+              class: w([e.classes, D.type]),
+              item: D,
+              close: () => B(D)
             }, () => [
               _("div", {
-                class: D(C(T)),
-                onClick: (q) => S(T)
+                class: w(C(D)),
+                onClick: (q) => T(D)
               }, [
-                e.dangerouslySetInnerHtml ? (d(), f(ie, { key: 0 }, [
-                  T.title ? (d(), f("div", {
+                e.dangerouslySetInnerHtml ? (d(), f(ae, { key: 0 }, [
+                  D.title ? (d(), f("div", {
                     key: 0,
                     class: "d-notification-title",
-                    innerHTML: T.timer
-                  }, null, 8, $n)) : k("", !0),
+                    innerHTML: D.timer
+                  }, null, 8, $n)) : $("", !0),
                   _("div", {
                     class: "notification-content",
-                    innerHTML: T.text
+                    innerHTML: D.text
                   }, null, 8, kn)
-                ], 64)) : (d(), f(ie, { key: 1 }, [
-                  T.title ? (d(), f("div", wn, H(T.title), 1)) : k("", !0),
-                  _("div", Sn, H(T.text), 1)
+                ], 64)) : (d(), f(ae, { key: 1 }, [
+                  D.title ? (d(), f("div", wn, A(D.title), 1)) : $("", !0),
+                  _("div", Sn, A(D.text), 1)
                 ], 64))
               ], 10, xn)
             ])
@@ -2168,10 +2191,10 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
   },
   emits: ["click"],
   setup(e, { emit: o }) {
-    const t = e, n = m(() => t.icon ? ee.getters.getIcon(t.icon) : null);
+    const t = e, n = m(() => t.icon ? te.getters.getIcon(t.icon) : null);
     return (s, a) => (d(), f("div", {
-      class: D(["d-info-progress", t.type ? `d-info-progress-${t.type}` : null]),
-      style: z(t.style),
+      class: w(["d-info-progress", t.type ? `d-info-progress-${t.type}` : null]),
+      style: H(t.style),
       onClick: a[0] || (a[0] = (l) => {
         o("click", l);
       })
@@ -2183,13 +2206,13 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
             component: n.value,
             color: "inherit",
             size: 17
-          }, null, 8, ["component"])) : k("", !0)
+          }, null, 8, ["component"])) : $("", !0)
         ])
       ]),
       _("div", Ln, [
         _("div", {
           class: "d-info-progress-line",
-          style: z("width: " + t.progress + "%;")
+          style: H("width: " + t.progress + "%;")
         }, null, 4),
         _("div", {
           class: "d-info-progress-label",
@@ -2212,14 +2235,14 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
   },
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
-    const t = e, s = ut().uid, a = m({
+    const t = e, s = pt().uid, a = m({
       get: () => t.modelValue,
       set: (l) => {
         o("update:modelValue", l);
       }
     });
     return (l, r) => (d(), f("div", In, [
-      te(_("input", {
+      J(_("input", {
         "onUpdate:modelValue": r[0] || (r[0] = (i) => a.value = i),
         id: `i-${M(s)}`,
         type: "checkbox",
@@ -2231,7 +2254,7 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
       ]),
       _("label", {
         for: `i-${M(s)}`
-      }, H(t.label), 9, Bn)
+      }, A(t.label), 9, Bn)
     ]));
   }
 };
@@ -2249,7 +2272,7 @@ const Rs = {
 }, Rn = { class: "d-select" }, On = {
   key: 0,
   class: "label"
-}, Hn = ["value", "selected", "disabled"], Os = {
+}, An = ["value", "selected", "disabled"], Os = {
   __name: "DSelect",
   props: {
     label: String,
@@ -2273,47 +2296,47 @@ const Rs = {
         break;
       }
     return (a, l) => (d(), f("div", Rn, [
-      t.label ? (d(), f("div", On, H(t.label), 1)) : k("", !0),
-      te(_("select", {
+      t.label ? (d(), f("div", On, A(t.label), 1)) : $("", !0),
+      J(_("select", {
         "onUpdate:modelValue": l[0] || (l[0] = (r) => s.value = r),
-        class: D(n.value),
-        style: z(t.size === "wide" ? "width:100%" : "")
+        class: w(n.value),
+        style: H(t.size === "wide" ? "width:100%" : "")
       }, [
-        (d(!0), f(ie, null, he(t.options, (r, i) => (d(), f("option", {
+        (d(!0), f(ae, null, he(t.options, (r, i) => (d(), f("option", {
           key: i,
           value: r.value,
           selected: r.selected,
           disabled: r.disabled
-        }, H(r.label), 9, Hn))), 128))
+        }, A(r.label), 9, An))), 128))
       ], 6), [
         [Bt, s.value]
       ])
     ]));
   }
 };
-const Vn = { class: "d-tabs" }, An = ["onClick"], zn = {
+const Hn = { class: "d-tabs" }, Vn = ["onClick"], zn = {
   __name: "DTabs",
   props: {
     tabs: Array
   },
   setup(e) {
-    const t = Mt(e, "tabs"), n = w(0), s = (a) => {
+    const t = Mt(e, "tabs"), n = S(0), s = (a) => {
       n.value = a;
     };
-    return (a, l) => (d(), f(ie, null, [
-      _("div", Vn, [
-        (d(!0), f(ie, null, he(t.value, (r, i) => (d(), f("div", {
+    return (a, l) => (d(), f(ae, null, [
+      _("div", Hn, [
+        (d(!0), f(ae, null, he(t.value, (r, i) => (d(), f("div", {
           key: i,
-          class: D([i === n.value ? "active" : "", "d-tab-title"]),
+          class: w([i === n.value ? "active" : "", "d-tab-title"]),
           onClick: (c) => s(i)
-        }, H(r.label), 11, An))), 128))
+        }, A(r.label), 11, Vn))), 128))
       ]),
       (d(), x(Nt, null, [
         (d(), x(X(t.value[n.value].component)))
       ], 1024))
     ], 64));
   }
-}, Hs = /* @__PURE__ */ oe(zn, [["__scopeId", "data-v-89cd9234"]]);
+}, As = /* @__PURE__ */ le(zn, [["__scopeId", "data-v-89cd9234"]]);
 const Fn = { class: "d-grid" }, Wn = {
   __name: "DGrid",
   props: {
@@ -2333,7 +2356,7 @@ const Fn = { class: "d-grid" }, Wn = {
   },
   setup(e) {
     const o = e;
-    Le((u) => ({
+    Ae((u) => ({
       "09eba472": i[0],
       "09eba434": i[1],
       "09eba3f6": i[2],
@@ -2350,7 +2373,7 @@ const Fn = { class: "d-grid" }, Wn = {
       L(u.$slots, "default", {}, void 0, !0)
     ]));
   }
-}, Vs = /* @__PURE__ */ oe(Wn, [["__scopeId", "data-v-b45e8130"]]), Pn = ["src", "alt", "title"], As = {
+}, Hs = /* @__PURE__ */ le(Wn, [["__scopeId", "data-v-b45e8130"]]), Pn = ["src", "alt", "title"], Vs = {
   __name: "DImage",
   props: {
     src: String,
@@ -2362,7 +2385,7 @@ const Fn = { class: "d-grid" }, Wn = {
     radius: String
   },
   setup(e) {
-    const o = e, t = w(null), n = new Image();
+    const o = e, t = S(null), n = new Image();
     return n.onload = () => {
       t.value = n.src;
     }, n.onerror = () => {
@@ -2374,8 +2397,8 @@ const Fn = { class: "d-grid" }, Wn = {
       src: t.value,
       alt: o.alt,
       title: o.title,
-      style: z({ width: o.width, height: o.height, borderRadius: o.radius })
-    }, null, 12, Pn)) : k("", !0);
+      style: H({ width: o.width, height: o.height, borderRadius: o.radius })
+    }, null, 12, Pn)) : $("", !0);
   }
 };
 const jn = { class: "d-textarea" }, Xn = {
@@ -2401,7 +2424,7 @@ const jn = { class: "d-textarea" }, Xn = {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: o, emit: t }) {
-    const n = e, s = w(null), a = m(() => n.scale === "small" ? "d-textarea-small" : n.scale === "large" ? "d-textarea-large" : ""), l = m({
+    const n = e, s = S(null), a = m(() => n.scale === "small" ? "d-textarea-small" : n.scale === "large" ? "d-textarea-large" : ""), l = m({
       get: () => n.modelValue,
       set: (i) => {
         t("update:modelValue", i);
@@ -2416,22 +2439,22 @@ const jn = { class: "d-textarea" }, Xn = {
     return o({
       focus: r
     }), (i, c) => (d(), f("div", jn, [
-      n.label ? (d(), f("div", Xn, H(n.label), 1)) : k("", !0),
-      te(_("textarea", {
+      n.label ? (d(), f("div", Xn, A(n.label), 1)) : $("", !0),
+      J(_("textarea", {
         ref_key: "inputRef",
         ref: s,
         "onUpdate:modelValue": c[0] || (c[0] = (u) => l.value = u),
         rows: n.rows,
         cols: n.cols,
         placeholder: n.placeholder,
-        class: D(a.value),
+        class: w(a.value),
         style: { width: "100%" }
       }, null, 10, Yn), [
         [Ot, l.value]
       ])
     ]));
   }
-}, zs = /* @__PURE__ */ oe(Un, [["__scopeId", "data-v-0e805d5d"]]);
+}, zs = /* @__PURE__ */ le(Un, [["__scopeId", "data-v-0e805d5d"]]);
 class Fs {
   constructor(o) {
     this.fields = o;
@@ -2519,7 +2542,7 @@ const as = new ss(), Y = {
 };
 class is {
   validate(o, t) {
-    var s, a, l, r, i, c, u, h, b, S, N, $, F, R;
+    var s, a, l, r, i, c, u, h, b, T, N, k, F, R;
     let n = "";
     if (t) {
       let C = !1;
@@ -2536,10 +2559,10 @@ class is {
               n = Y.RulesMin.validate(o, (i = t[E]) == null ? void 0 : i.value) ? "" : Y.RulesMin.message((c = t[E]) != null && c.message ? (u = t[E]) == null ? void 0 : u.message : "very_small"), C = n !== "";
               break;
             case "max":
-              n = Y.RulesMax.validate(o, (h = t[E]) == null ? void 0 : h.value) ? "" : Y.RulesMax.message((b = t[E]) != null && b.message ? (S = t[E]) == null ? void 0 : S.message : "vary_large"), C = n !== "";
+              n = Y.RulesMax.validate(o, (h = t[E]) == null ? void 0 : h.value) ? "" : Y.RulesMax.message((b = t[E]) != null && b.message ? (T = t[E]) == null ? void 0 : T.message : "vary_large"), C = n !== "";
               break;
             case "email":
-              n = Y.RulesEmail.validate(o) ? "" : Y.RulesMax.message((N = t[E]) != null && N.message ? ($ = t[E]) == null ? void 0 : $.message : "email_incorrect"), C = n !== "";
+              n = Y.RulesEmail.validate(o) ? "" : Y.RulesMax.message((N = t[E]) != null && N.message ? (k = t[E]) == null ? void 0 : k.message : "email_incorrect"), C = n !== "";
               break;
             case "number":
               n = Y.RulesNumber.validate(o) ? "" : Y.RulesNumber.message(
@@ -2607,7 +2630,7 @@ const ls = new is(), rs = { style: { display: "flex", "flex-direction": "column"
   },
   emits: ["update:modelValue", "input"],
   setup(e, { expose: o, emit: t }) {
-    const n = e, s = w(n.error), a = Ht(), l = w(!1), r = w(null);
+    const n = e, s = S(n.error), a = At(), l = S(!1), r = S(null);
     //!props.form ? ref(null) : props.form.fields[props.name].ref
     const i = m({
       get: () => n.modelValue,
@@ -2619,96 +2642,96 @@ const ls = new is(), rs = { style: { display: "flex", "flex-direction": "column"
       t("input", R), b();
     }, b = () => (s.value = ls.validate(i.value, n.form.fields[n.name].rules), !!s.value);
     fe(() => {
-      S();
+      T();
     });
-    const S = () => {
+    const T = () => {
       var R;
       (R = r.value) == null || R.focus();
     }, N = () => {
       i.value = "";
-    }, $ = (R) => {
+    }, k = (R) => {
       l.value = R;
     };
     return o({
-      focus: S,
+      focus: T,
       setError: (R) => {
         s.value = R;
       },
       validate: b
     }), (R, C) => {
-      var E, B, y, O, W, P, g, V, p, A, T, q, ne, ge, ve, ye, _e, J, be, re, xe, Ce, me, ze, Fe, We, Pe, je, Xe, Ye, Ue, qe, Ge, Ze, Ke, Je, Qe, et, tt;
+      var E, B, y, O, W, P, g, V, p, z, D, q, oe, ge, ve, ye, _e, Q, be, re, xe, Le, me, Fe, We, Pe, je, Xe, Ye, Ue, qe, Ge, Ze, Ke, Je, Qe, et, tt, ot;
       return d(), f("div", {
-        class: D(["d-input-string", u.value])
+        class: w(["d-input-string", u.value])
       }, [
         _("div", rs, [
           n.label ? (d(), f("div", ds, [
-            K(H(n.label), 1),
-            (E = n.form) != null && E.fields[n.name].rules && n.form.fields[n.name].rules.hasOwnProperty("required") ? (d(), f("span", cs, "*")) : k("", !0)
-          ])) : k("", !0),
+            K(A(n.label), 1),
+            (E = n.form) != null && E.fields[n.name].rules && n.form.fields[n.name].rules.hasOwnProperty("required") ? (d(), f("span", cs, "*")) : $("", !0)
+          ])) : $("", !0),
           _("div", us, [
             (y = (B = n.pre) == null ? void 0 : B.outside) != null && y.component ? (d(), f("div", {
               key: 0,
-              class: D(["d-pre", n.disabled ? "disabled" : ""])
+              class: w(["d-pre", n.disabled ? "disabled" : ""])
             }, [
               (d(), x(X((W = (O = n.pre) == null ? void 0 : O.outside) == null ? void 0 : W.component)))
             ], 2)) : (g = (P = n.pre) == null ? void 0 : P.outside) != null && g.text ? (d(), f("div", {
               key: 1,
-              class: D(["d-pre", n.disabled ? "disabled" : ""])
+              class: w(["d-pre", n.disabled ? "disabled" : ""])
             }, [
               _("div", {
-                class: D(["d-text", l.value ? "focused" : ""])
-              }, H((p = (V = n.pre) == null ? void 0 : V.outside) == null ? void 0 : p.text), 3)
-            ], 2)) : k("", !0),
+                class: w(["d-text", l.value ? "focused" : ""])
+              }, A((p = (V = n.pre) == null ? void 0 : V.outside) == null ? void 0 : p.text), 3)
+            ], 2)) : $("", !0),
             _("div", ps, [
-              (T = (A = n.pre) == null ? void 0 : A.inside) != null && T.action && ((ne = (q = n.pre) == null ? void 0 : q.inside) == null ? void 0 : ne.action) === "clear" && ((ge = i.value) == null ? void 0 : ge.length) > 0 ? (d(), f("div", {
+              (D = (z = n.pre) == null ? void 0 : z.inside) != null && D.action && ((oe = (q = n.pre) == null ? void 0 : q.inside) == null ? void 0 : oe.action) === "clear" && ((ge = i.value) == null ? void 0 : ge.length) > 0 ? (d(), f("div", {
                 key: 0,
                 class: "d-pre-inside-button",
                 onClick: N
-              }, ms)) : k("", !0),
-              te(_("input", {
+              }, ms)) : $("", !0),
+              J(_("input", {
                 id: M(a),
                 ref_key: "inputRef",
                 ref: r,
-                "onUpdate:modelValue": C[0] || (C[0] = (Ie) => i.value = Ie),
+                "onUpdate:modelValue": C[0] || (C[0] = (Ce) => i.value = Ce),
                 style: { width: "100%" },
                 type: c.value,
                 placeholder: n.placeholder,
                 onInput: h,
-                onFocus: C[1] || (C[1] = (Ie) => $(!0)),
-                onFocusout: C[2] || (C[2] = (Ie) => $(!1)),
-                class: D([
-                  (ye = (ve = n.pre) == null ? void 0 : ve.outside) != null && ye.component || (J = (_e = n.pre) == null ? void 0 : _e.outside) != null && J.text ? "has-pre" : "",
-                  (re = (be = n.post) == null ? void 0 : be.outside) != null && re.component || (Ce = (xe = n.post) == null ? void 0 : xe.outside) != null && Ce.text ? "has-post" : "",
-                  (ze = (me = n.pre) == null ? void 0 : me.inside) != null && ze.action ? "has-pre-inside-button" : "",
-                  (We = (Fe = n.post) == null ? void 0 : Fe.inside) != null && We.action ? "has-post-inside-button" : "",
+                onFocus: C[1] || (C[1] = (Ce) => k(!0)),
+                onFocusout: C[2] || (C[2] = (Ce) => k(!1)),
+                class: w([
+                  (ye = (ve = n.pre) == null ? void 0 : ve.outside) != null && ye.component || (Q = (_e = n.pre) == null ? void 0 : _e.outside) != null && Q.text ? "has-pre" : "",
+                  (re = (be = n.post) == null ? void 0 : be.outside) != null && re.component || (Le = (xe = n.post) == null ? void 0 : xe.outside) != null && Le.text ? "has-post" : "",
+                  (Fe = (me = n.pre) == null ? void 0 : me.inside) != null && Fe.action ? "has-pre-inside-button" : "",
+                  (Pe = (We = n.post) == null ? void 0 : We.inside) != null && Pe.action ? "has-post-inside-button" : "",
                   l.value ? "focused" : ""
                 ]),
                 disabled: n.disabled
               }, null, 42, hs), [
                 [Se, i.value]
               ]),
-              (je = (Pe = n.post) == null ? void 0 : Pe.inside) != null && je.action && ((Ye = (Xe = n.post) == null ? void 0 : Xe.inside) == null ? void 0 : Ye.action) === "clear" && ((Ue = i.value) == null ? void 0 : Ue.length) > 0 ? (d(), f("div", {
+              (Xe = (je = n.post) == null ? void 0 : je.inside) != null && Xe.action && ((Ue = (Ye = n.post) == null ? void 0 : Ye.inside) == null ? void 0 : Ue.action) === "clear" && ((qe = i.value) == null ? void 0 : qe.length) > 0 ? (d(), f("div", {
                 key: 1,
                 class: "d-post-inside-button",
                 onClick: N
-              }, vs)) : k("", !0)
+              }, vs)) : $("", !0)
             ]),
-            (Ge = (qe = n.post) == null ? void 0 : qe.outside) != null && Ge.component ? (d(), f("div", {
+            (Ze = (Ge = n.post) == null ? void 0 : Ge.outside) != null && Ze.component ? (d(), f("div", {
               key: 2,
-              class: D(["d-post", n.disabled ? "disabled" : ""])
+              class: w(["d-post", n.disabled ? "disabled" : ""])
             }, [
-              (d(), x(X((Ke = (Ze = n.post) == null ? void 0 : Ze.outside) == null ? void 0 : Ke.component)))
-            ], 2)) : (Qe = (Je = n.post) == null ? void 0 : Je.outside) != null && Qe.text ? (d(), f("div", {
+              (d(), x(X((Je = (Ke = n.post) == null ? void 0 : Ke.outside) == null ? void 0 : Je.component)))
+            ], 2)) : (et = (Qe = n.post) == null ? void 0 : Qe.outside) != null && et.text ? (d(), f("div", {
               key: 3,
-              class: D(["d-post", n.disabled ? "disabled" : ""])
+              class: w(["d-post", n.disabled ? "disabled" : ""])
             }, [
               _("div", {
-                class: D(["d-text", l.value ? "focused" : ""])
-              }, H((tt = (et = n.post) == null ? void 0 : et.outside) == null ? void 0 : tt.text), 3)
-            ], 2)) : k("", !0)
+                class: w(["d-text", l.value ? "focused" : ""])
+              }, A((ot = (tt = n.post) == null ? void 0 : tt.outside) == null ? void 0 : ot.text), 3)
+            ], 2)) : $("", !0)
           ]),
-          n.help ? (d(), f("div", ys, H(n.help), 1)) : k("", !0),
-          s.value ? (d(), f("div", _s, H(s.value), 1)) : k("", !0)
+          n.help ? (d(), f("div", ys, A(n.help), 1)) : $("", !0),
+          s.value ? (d(), f("div", _s, A(s.value), 1)) : $("", !0)
         ])
       ], 2);
     };
@@ -2779,8 +2802,8 @@ var bs = function() {
 function $e(e) {
   var o = this.$$touchObj, t = e.type.indexOf("touch") >= 0, n = e.type.indexOf("mouse") >= 0, s = this;
   t && (o.lastTouchStartTime = e.timeStamp), !(n && o.lastTouchStartTime && e.timeStamp - o.lastTouchStartTime < 350) && (o.touchStarted || ($t(this), o.touchStarted = !0, o.touchMoved = !1, o.swipeOutBounded = !1, o.startX = bt(e), o.startY = xt(e), o.currentX = 0, o.currentY = 0, o.touchStartTime = e.timeStamp, o.hasSwipe = G(this, "swipe") || G(this, "swipe.left") || G(this, "swipe.right") || G(this, "swipe.top") || G(this, "swipe.bottom"), G(this, "hold") && (o.touchHoldTimer = setTimeout(function() {
-    o.touchHoldTimer = null, Q(e, s, "hold");
-  }, o.options.touchHoldTolerance)), Q(e, this, "press")));
+    o.touchHoldTimer = null, ee(e, s, "hold");
+  }, o.options.touchHoldTolerance)), ee(e, this, "press")));
 }
 function ke(e) {
   var o = this.$$touchObj, t = bt(e), n = xt(e), s = o.currentX != t || o.currentY != n;
@@ -2791,50 +2814,50 @@ function ke(e) {
     }
   } else {
     var a = o.options.tapTolerance;
-    o.touchMoved = Math.abs(o.startX - o.currentX) > a || Math.abs(o.startY - o.currentY) > a, o.touchMoved && (Ae(o), Q(e, this, "drag.once"));
+    o.touchMoved = Math.abs(o.startX - o.currentX) > a || Math.abs(o.startY - o.currentY) > a, o.touchMoved && (ze(o), ee(e, this, "drag.once"));
   }
   if (G(this, "rollover") && s) {
     var r = e.timeStamp, i = o.options.rollOverFrequency;
-    (o.touchRollTime == null || r > o.touchRollTime + i) && (o.touchRollTime = r, Q(e, this, "rollover"));
+    (o.touchRollTime == null || r > o.touchRollTime + i) && (o.touchRollTime = r, ee(e, this, "rollover"));
   }
   if (G(this, "drag") && o.touchStarted && o.touchMoved && s) {
     var r = e.timeStamp, i = o.options.dragFrequency;
-    (o.touchDragTime == null || r > o.touchDragTime + i) && (o.touchDragTime = r, Q(e, this, "drag"));
+    (o.touchDragTime == null || r > o.touchDragTime + i) && (o.touchDragTime = r, ee(e, this, "drag"));
   }
 }
-function at() {
+function it() {
   var e = this.$$touchObj;
-  Ae(e), Ve(this), e.touchStarted = e.touchMoved = !1, e.startX = e.startY = 0;
+  ze(e), Ve(this), e.touchStarted = e.touchMoved = !1, e.startX = e.startY = 0;
 }
 function we(e) {
   var o = this.$$touchObj, t = e.type.indexOf("touch") >= 0, n = e.type.indexOf("mouse") >= 0;
   t && (o.lastTouchEndTime = e.timeStamp);
   var s = t && !o.touchHoldTimer;
-  if (Ae(o), o.touchStarted = !1, Ve(this), !(n && o.lastTouchEndTime && e.timeStamp - o.lastTouchEndTime < 350))
-    if (Q(e, this, "release"), o.touchMoved) {
+  if (ze(o), o.touchStarted = !1, Ve(this), !(n && o.lastTouchEndTime && e.timeStamp - o.lastTouchEndTime < 350))
+    if (ee(e, this, "release"), o.touchMoved) {
       if (o.hasSwipe && !o.swipeOutBounded) {
         var a = o.options.swipeTolerance, l, r = Math.abs(o.startY - o.currentY), i = Math.abs(o.startX - o.currentX);
-        (r > a || i > a) && (r > a ? l = o.startY > o.currentY ? "top" : "bottom" : l = o.startX > o.currentX ? "left" : "right", G(this, "swipe." + l) ? Q(e, this, "swipe." + l, l) : Q(e, this, "swipe", l));
+        (r > a || i > a) && (r > a ? l = o.startY > o.currentY ? "top" : "bottom" : l = o.startX > o.currentX ? "left" : "right", G(this, "swipe." + l) ? ee(e, this, "swipe." + l, l) : ee(e, this, "swipe", l));
       }
     } else if (G(this, "longtap") && e.timeStamp - o.touchStartTime > o.options.longTapTimeInterval)
-      e.cancelable && e.preventDefault(), Q(e, this, "longtap");
+      e.cancelable && e.preventDefault(), ee(e, this, "longtap");
     else if (G(this, "hold") && s) {
       e.cancelable && e.preventDefault();
       return;
     } else
-      Q(e, this, "tap");
+      ee(e, this, "tap");
 }
-function it() {
+function lt() {
   $t(this);
 }
-function lt() {
+function rt() {
   Ve(this);
 }
 function G(e, o) {
   var t = e.$$touchObj.callbacks[o];
   return t != null && t.length > 0;
 }
-function Q(e, o, t, n) {
+function ee(e, o, t, n) {
   var s = o.$$touchObj, a = s.callbacks[t];
   if (a == null || a.length === 0)
     return null;
@@ -2851,7 +2874,7 @@ function Ve(e) {
   var o = e.$$touchObj.options.touchClass;
   o && e.classList.remove(o);
 }
-function Ae(e) {
+function ze(e) {
   e.touchHoldTimer && (clearTimeout(e.touchHoldTimer), e.touchHoldTimer = null);
 }
 function $s(e, o) {
@@ -2889,53 +2912,53 @@ const Us = {
       default:
         t.callbacks[s] = t.callbacks[s] || [], t.callbacks[s].push(o);
     }
-    t.hasBindTouchEvents || (e.addEventListener("touchstart", $e, n), e.addEventListener("touchmove", ke, n), e.addEventListener("touchcancel", at), e.addEventListener("touchend", we), t.options.disableClick || (e.addEventListener("mousedown", $e), e.addEventListener("mousemove", ke), e.addEventListener("mouseup", we), e.addEventListener("mouseenter", it), e.addEventListener("mouseleave", lt)), t.hasBindTouchEvents = !0);
+    t.hasBindTouchEvents || (e.addEventListener("touchstart", $e, n), e.addEventListener("touchmove", ke, n), e.addEventListener("touchcancel", it), e.addEventListener("touchend", we), t.options.disableClick || (e.addEventListener("mousedown", $e), e.addEventListener("mousemove", ke), e.addEventListener("mouseup", we), e.addEventListener("mouseenter", lt), e.addEventListener("mouseleave", rt)), t.hasBindTouchEvents = !0);
   },
   unmounted: function(e) {
-    e.removeEventListener("touchstart", $e), e.removeEventListener("touchmove", ke), e.removeEventListener("touchcancel", at), e.removeEventListener("touchend", we), e.$$touchObj && !e.$$touchObj.options.disableClick && (e.removeEventListener("mousedown", $e), e.removeEventListener("mousemove", ke), e.removeEventListener("mouseup", we), e.removeEventListener("mouseenter", it), e.removeEventListener("mouseleave", lt)), delete e.$$touchObj;
+    e.removeEventListener("touchstart", $e), e.removeEventListener("touchmove", ke), e.removeEventListener("touchcancel", it), e.removeEventListener("touchend", we), e.$$touchObj && !e.$$touchObj.options.disableClick && (e.removeEventListener("mousedown", $e), e.removeEventListener("mousemove", ke), e.removeEventListener("mouseup", we), e.removeEventListener("mouseenter", lt), e.removeEventListener("mouseleave", rt)), delete e.$$touchObj;
   }
 };
 export {
   Ss as DAccordion,
   Jo as DAlertDialog,
   io as DBadge,
-  ae as DButton,
+  se as DButton,
   Es as DCard,
   Ns as DCheckbox,
   lo as DCollapse,
   Ds as DConfigProvider,
   en as DConfirmDialog,
-  Lo as DContextMenu,
+  Io as DContextMenu,
   Rs as DDialogProvider,
   uo as DDrag,
   Do as DDrop,
   Is as DDropdown,
   Fs as DForm,
   ue as DGlobalStore,
-  Vs as DGrid,
+  Hs as DGrid,
   pe as DIcon,
-  ee as DIconStore,
-  As as DImage,
+  te as DIconStore,
+  Vs as DImage,
   Ms as DInfoProgress,
   ws as DInput,
   Ws as DInputString,
   Ts as DLayoutAdmin,
-  No as DLayoutContent,
-  Bo as DLayoutFooter,
-  Io as DLayoutHeader,
-  Mo as DLayoutSidebar,
-  Eo as DLayoutTab,
-  ht as DMenu,
+  Oo as DLayoutContent,
+  No as DLayoutFooter,
+  Bo as DLayoutHeader,
+  Ro as DLayoutSidebar,
+  Mo as DLayoutTab,
+  gt as DMenu,
   vt as DModal,
   Bs as DNotificationProvider,
   an as DPanel,
   Cs as DScroll,
   Ls as DScrollProvider,
   Os as DSelect,
-  Hs as DTabs,
+  As as DTabs,
   zs as DTextarea,
   Te as DTransferStore,
-  gt as DTree,
+  Be as DTree,
   So as DTreeItem,
   v as DTreeStore,
   Y as Rules,