doph-js 0.3.2 → 0.3.4

package/dist/dophJs.js

@@ -1,4 +1,4 @@
-import { useSlots as Ce, computed as h, h as st, openBlock as d, createBlock as x, unref as E, ref as S, createElementBlock as m, Fragment as ne, normalizeClass as C, renderSlot as L, createCommentVNode as k, normalizeStyle as z, resolveDynamicComponent as U, createStaticVNode as ut, onMounted as he, toDisplayString as O, withDirectives as J, createElementVNode as b, vModelDynamic as De, withCtx as B, createTextVNode as K, Transition as Ne, withModifiers as j, resolveComponent as Ct, resolveDirective as Re, normalizeProps as pt, guardReactiveProps as ft, createVNode as Q, renderList as me, pushScopeId as Lt, popScopeId as It, reactive as Oe, Teleport as mt, nextTick as ht, getCurrentInstance as gt, watch as vt, onUnmounted as Et, mergeProps as ue, useCssVars as Ae, shallowRef as Bt, defineComponent as Mt, TransitionGroup as yt, vModelCheckbox as Nt, vModelSelect as Rt, toRef as Ot, KeepAlive as At, vShow as Ht, toRefs as Vt, vModelText as zt } from "vue";
+import { useSlots as Ce, computed as h, h as at, openBlock as d, createBlock as x, unref as L, ref as S, createElementBlock as f, Fragment as ne, normalizeClass as C, renderSlot as I, createCommentVNode as k, normalizeStyle as F, resolveDynamicComponent as U, createStaticVNode as pt, onMounted as he, toDisplayString as O, withDirectives as Z, createElementVNode as _, vModelDynamic as De, withCtx as E, createTextVNode as J, Transition as Ne, withModifiers as j, resolveComponent as Lt, resolveDirective as Re, normalizeProps as ft, guardReactiveProps as mt, createVNode as Q, renderList as me, pushScopeId as It, popScopeId as Bt, reactive as Oe, Teleport as ht, nextTick as gt, getCurrentInstance as Ve, watch as vt, onUnmounted as Et, mergeProps as ue, useCssVars as Ae, shallowRef as Mt, defineComponent as Nt, TransitionGroup as yt, vModelCheckbox as _t, vModelSelect as Rt, toRef as Ot, KeepAlive as Vt, vShow as At, toRefs as Ht, vModelText as Ft } from "vue";
 const re = {
   __name: "DIcon",
   props: {
@@ -18,7 +18,7 @@ const re = {
       const r = e.size ?? null;
       if (r !== void 0)
         return typeof r == "number" || /^\d+$/.test(r) ? `${r}px` : r;
-    }), l = h(() => st(
+    }), l = h(() => at(
       "i",
       {
         class: n.value,
@@ -27,9 +27,9 @@ const re = {
           fontSize: a.value
         }
       },
-      e.component ? st(e.component) : o
+      e.component ? at(e.component) : o
     ));
-    return (r, i) => (d(), x(E(l)));
+    return (r, i) => (d(), x(L(l)));
   }
 }, oe = {
   state: {},
@@ -51,14 +51,14 @@ const re = {
     }
   }
 };
-function _t(t) {
+function bt(t) {
   const e = t.value.getBoundingClientRect();
   let o = t.value, n = 0, s = 0;
   for (; o && !isNaN(o.offsetLeft) && !isNaN(o.offsetTop); )
     n += o.offsetLeft - o.scrollLeft, s += o.offsetTop - o.scrollTop, o = o.offsetParent;
   return { top: s, left: n, x: e.x, y: e.y, width: e.width, height: e.height };
 }
-function Ft() {
+function zt() {
   function t(s) {
     return s * Math.random() | 0;
   }
@@ -86,14 +86,14 @@ const se = (t, e) => {
   class: "loading-svg rotating",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, Pt = /* @__PURE__ */ ut('<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__ */ pt('<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 = { key: 1 }, Yt = {
   key: 2,
   class: "loading-svg rotating",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, Ut = /* @__PURE__ */ ut('<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), qt = [
+}, Ut = /* @__PURE__ */ pt('<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), qt = [
   Ut
 ], Gt = {
   __name: "DButton",
@@ -124,14 +124,14 @@ const se = (t, e) => {
       o("click", $);
     }, i = ($) => {
       o("contextmenu", $);
-    }, c = h(() => n.scale === "large" ? "button-lg" : n.scale === "small" ? "button-sm" : ""), u = h(() => n.disabled ? "disabled" : ""), g = ($) => !!s[$], _ = h(() => g("default") ? "" : n.scale === "large" ? "d-button-lg-icon" : n.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), D = h(() => {
+    }, c = h(() => n.scale === "large" ? "button-lg" : n.scale === "small" ? "button-sm" : ""), u = h(() => n.disabled ? "disabled" : ""), g = ($) => !!s[$], b = h(() => g("default") ? "" : n.scale === "large" ? "d-button-lg-icon" : n.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), D = h(() => {
       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${$}` : "";
     });
     return e({
-      elementSize: () => _t(a)
-    }), ($, H) => (d(), m(ne, null, [
-      l.value ? k("", !0) : (d(), m("div", {
+      elementSize: () => bt(a)
+    }), ($, A) => (d(), f(ne, null, [
+      l.value ? k("", !0) : (d(), f("div", {
         key: 0,
         ref_key: "el",
         ref: a,
@@ -139,27 +139,27 @@ const se = (t, e) => {
         onContextmenu: i,
         class: C(["button", [n.class, c.value, D.value, u.value].join(" ")])
       }, [
-        L($.$slots, "default", {}, void 0, !0),
-        n.loading ? (d(), m("svg", Wt, jt)) : k("", !0)
+        I($.$slots, "default", {}, void 0, !0),
+        n.loading ? (d(), f("svg", Wt, jt)) : k("", !0)
       ], 34)),
-      l.value ? (d(), m("div", {
+      l.value ? (d(), f("div", {
         key: 1,
         ref_key: "el",
         ref: a,
         onClick: r,
         onContextmenu: i,
-        class: C(["button button-ext", [n.class, c.value, _.value, D.value, u.value].join(" ")]),
-        style: z(n.style)
+        class: C(["button button-ext", [n.class, c.value, b.value, D.value, u.value].join(" ")]),
+        style: F(n.style)
       }, [
         n.icon ? (d(), x(U(re), {
           key: 0,
           component: l.value,
           color: "inherit"
         }, null, 8, ["component"])) : k("", !0),
-        E(s).default ? (d(), m("div", Xt, [
-          L($.$slots, "default", {}, void 0, !0)
+        L(s).default ? (d(), f("div", Xt, [
+          I($.$slots, "default", {}, void 0, !0)
         ])) : k("", !0),
-        n.loading ? (d(), m("svg", Yt, qt)) : k("", !0)
+        n.loading ? (d(), f("svg", Yt, qt)) : k("", !0)
       ], 38)) : k("", !0)
     ], 64));
   }
@@ -213,9 +213,9 @@ const Zt = {
     };
     return e({
       focus: r
-    }), (i, c) => !n.post && !n.pre ? (d(), m("div", Zt, [
-      n.label ? (d(), m("div", Kt, O(n.label), 1)) : k("", !0),
-      J(b("input", {
+    }), (i, c) => !n.post && !n.pre ? (d(), f("div", Zt, [
+      n.label ? (d(), f("div", Kt, O(n.label), 1)) : k("", !0),
+      Z(_("input", {
         ref_key: "inputRef",
         ref: s,
         "onUpdate:modelValue": c[0] || (c[0] = (u) => l.value = u),
@@ -226,11 +226,11 @@ const Zt = {
       }, null, 10, Jt), [
         [De, l.value]
       ])
-    ])) : n.post && n.post.click && !n.pre ? (d(), m("div", Qt, [
-      n.label ? (d(), m("div", eo, O(n.label), 1)) : k("", !0),
-      b("div", to, [
-        b("div", oo, [
-          J(b("input", {
+    ])) : n.post && n.post.click && !n.pre ? (d(), f("div", Qt, [
+      n.label ? (d(), f("div", eo, O(n.label), 1)) : k("", !0),
+      _("div", to, [
+        _("div", oo, [
+          Z(_("input", {
             ref_key: "inputRef",
             ref: s,
             class: C(["d-input-post-field", a.value]),
@@ -249,8 +249,8 @@ const Zt = {
           onClick: n.post.click,
           icon: n.post.icon
         }, {
-          default: B(() => [
-            K(O(n.post.label), 1)
+          default: E(() => [
+            J(O(n.post.label), 1)
           ]),
           _: 1
         }, 8, ["scale", "onClick", "icon", "class"])) : (d(), x(le, {
@@ -261,9 +261,9 @@ const Zt = {
           icon: n.post.icon
         }, null, 8, ["scale", "onClick", "icon", "class"]))
       ])
-    ])) : !n.post && n.pre && n.pre.click ? (d(), m("div", so, [
-      n.label ? (d(), m("div", ao, O(n.label), 1)) : k("", !0),
-      b("div", io, [
+    ])) : !n.post && n.pre && n.pre.click ? (d(), f("div", so, [
+      n.label ? (d(), f("div", ao, O(n.label), 1)) : k("", !0),
+      _("div", io, [
         n.pre.label ? (d(), x(le, {
           key: 0,
           scale: n.scale,
@@ -271,8 +271,8 @@ const Zt = {
           onClick: n.pre.click,
           icon: n.pre.icon
         }, {
-          default: B(() => [
-            K(O(n.pre.label), 1)
+          default: E(() => [
+            J(O(n.pre.label), 1)
           ]),
           _: 1
         }, 8, ["scale", "onClick", "icon", "class"])) : (d(), x(le, {
@@ -282,8 +282,8 @@ const Zt = {
           onClick: n.pre.click,
           icon: n.pre.icon
         }, null, 8, ["scale", "onClick", "icon", "class"])),
-        b("div", lo, [
-          J(b("input", {
+        _("div", lo, [
+          Z(_("input", {
             ref_key: "inputRef",
             ref: s,
             class: C(["d-input-pre-field", a.value]),
@@ -298,7 +298,7 @@ const Zt = {
       ])
     ])) : k("", !0);
   }
-}, Bs = /* @__PURE__ */ se(co, [["__scopeId", "data-v-a972038a"]]), uo = {
+}, Rs = /* @__PURE__ */ se(co, [["__scopeId", "data-v-a972038a"]]), uo = {
   __name: "DBadge",
   props: {
     scale: String,
@@ -314,10 +314,10 @@ const Zt = {
       const s = e.stress ? "-stress" : "";
       return e.type === "primary" ? `badge${s}-blue` : e.type === "success" ? `badge${s}-green` : e.type === "error" ? `badge${s}-red` : e.type === "warning" ? `badge${s}-orange` : e.type === "wait" ? `badge${s}-violet` : e.stress ? `badge${s}-gray` : "";
     });
-    return (s, a) => (d(), m("div", {
+    return (s, a) => (d(), f("div", {
       class: C(["badge", [e.class, o.value, n.value].join(" ")])
     }, [
-      L(s.$slots, "default")
+      I(s.$slots, "default")
     ], 2));
   }
 }, ie = "0px", po = {
@@ -362,8 +362,8 @@ const Zt = {
       i.style.width = u, i.style.position = "absolute", i.style.visibility = "hidden", i.style.height = "";
       let { height: g } = getComputedStyle(i);
       return i.style.width = c.width, i.style.position = c.position, i.style.visibility = c.visibility, i.style.height = ie, i.style.overflow = "hidden", c.height && c.height !== ie ? c.height : g;
-    }, s = (i, c, u, g, _) => {
-      const D = i.animate(g, _);
+    }, s = (i, c, u, g, b) => {
+      const D = i.animate(g, b);
       i.style.height = c.height, D.onfinish = () => {
         i.style.overflow = c.overflow, u();
       };
@@ -389,12 +389,12 @@ const Zt = {
         marginBottom: c.marginBottom
       }
     ], l = (i, c) => {
-      const u = i, g = o(u), _ = n(u, g), D = a(_, g), R = { duration: e.duration, easing: e.easingEnter };
+      const u = i, g = o(u), b = n(u, g), D = a(b, g), R = { duration: e.duration, easing: e.easingEnter };
       s(u, g, c, D, R);
     }, r = (i, c) => {
-      const u = i, g = o(u), { height: _ } = getComputedStyle(u);
-      u.style.height = _, u.style.overflow = "hidden";
-      const D = a(_, g).reverse(), R = { duration: e.duration, easing: e.easingLeave };
+      const u = i, g = o(u), { height: b } = getComputedStyle(u);
+      u.style.height = b, u.style.overflow = "hidden";
+      const D = a(b, g).reverse(), R = { duration: e.duration, easing: e.easingLeave };
       s(u, g, c, D, R);
     };
     return (i, c) => (d(), x(Ne, {
@@ -402,8 +402,8 @@ const Zt = {
       onEnter: l,
       onLeave: r
     }, {
-      default: B(() => [
-        L(i.$slots, "default")
+      default: E(() => [
+        I(i.$slots, "default")
       ]),
       _: 3
     }));
@@ -428,7 +428,7 @@ const Zt = {
   "move",
   "all",
   "uninitialized"
-]), at = {
+]), it = {
   __name: "DDrag",
   props: {
     draggable: { type: Boolean, default: !0 },
@@ -454,20 +454,20 @@ const Zt = {
     };
     return (r, i) => (d(), x(U(t.tag), {
       draggable: e.draggable,
-      onDrag: i[0] || (i[0] = (c) => l(E(X).drag, c)),
-      onDragstart: i[1] || (i[1] = j((c) => l(E(X).dragstart, c), ["stop"])),
-      onDragenter: i[2] || (i[2] = (c) => l(E(X).dragenter, c)),
-      onDragleave: i[3] || (i[3] = (c) => l(E(X).dragleave, c)),
-      onDragend: i[4] || (i[4] = (c) => l(E(X).dragend, c))
+      onDrag: i[0] || (i[0] = (c) => l(L(X).drag, c)),
+      onDragstart: i[1] || (i[1] = j((c) => l(L(X).dragstart, c), ["stop"])),
+      onDragenter: i[2] || (i[2] = (c) => l(L(X).dragenter, c)),
+      onDragleave: i[3] || (i[3] = (c) => l(L(X).dragleave, c)),
+      onDragend: i[4] || (i[4] = (c) => l(L(X).dragend, c))
     }, {
-      default: B(() => [
-        L(r.$slots, "default", { transferData: s.value }),
-        t.hideImageHtml ? (d(), m("div", {
+      default: E(() => [
+        I(r.$slots, "default", { transferData: s.value }),
+        t.hideImageHtml ? (d(), f("div", {
           key: 0,
-          style: z(a.value)
+          style: F(a.value)
         }, [
-          L(r.$slots, "image", { transferData: s.value })
-        ], 4)) : L(r.$slots, "image", {
+          I(r.$slots, "image", { transferData: s.value })
+        ], 4)) : I(r.$slots, "image", {
           key: 1,
           transferData: s.value
         })
@@ -476,10 +476,10 @@ const Zt = {
     }, 40, ["draggable"]));
   }
 };
-const ho = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), go = {
+const ho = (t) => (It("data-v-9da49c73"), t = t(), Bt(), t), go = {
   key: 0,
   style: { display: "none" }
-}, vo = { key: 1 }, yo = /* @__PURE__ */ ho(() => /* @__PURE__ */ b("div", { class: "tree-divider" }, null, -1)), _o = [
+}, vo = { key: 1 }, yo = /* @__PURE__ */ ho(() => /* @__PURE__ */ _("div", { class: "tree-divider" }, null, -1)), _o = [
   yo
 ], bo = { key: 2 }, xo = { class: "tree-divider-header" }, ko = { class: "item-title" }, $o = {
   key: 0,
@@ -504,7 +504,7 @@ const ho = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), go = {
       e("nodefoldericonclick", { event: N, model: o.model });
     }, g = (N) => {
       e("nodefoldericonclick", N);
-    }, _ = (N) => {
+    }, b = (N) => {
       e("nodeclick", N);
     }, D = (N) => {
       e("nodedoubleclick", N);
@@ -512,7 +512,7 @@ const ho = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), go = {
       e("nodedrop", N);
     }, $ = (N) => {
       e("nodecontext", N);
-    }, H = h(() => [
+    }, A = h(() => [
       v.actions.isItemSelected(o.treeId, o.model.id) ? "selected" : "",
       s.value ? "node-over " : "",
       a.value ? "node-top " : "",
@@ -526,9 +526,9 @@ const ho = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), go = {
         return s.value = !1, a.value = !1, l.value = !1, !1;
       if (!v.state.trees[o.treeId].transfer && w.id !== o.treeId || !v.state.trees[o.treeId].dropInside && !l.value && !a.value)
         return !1;
-      let V = "";
-      a.value ? V = "before" : l.value ? V = "after" : V = "inside", e("nodedrop", { e: N, model: o.model, place: V }), v.actions.moveTreeNode(w.id, o.treeId, o.items, w.model.id, o.model.id, V, (P = w.model) == null ? void 0 : P.transfer), s.value = !1, a.value = !1, l.value = !1;
-    }, I = (N) => {
+      let H = "";
+      a.value ? H = "before" : l.value ? H = "after" : H = "inside", e("nodedrop", { e: N, model: o.model, place: H }), v.actions.moveTreeNode(w.id, o.treeId, o.items, w.model.id, o.model.id, H, (P = w.model) == null ? void 0 : P.transfer), s.value = !1, a.value = !1, l.value = !1;
+    }, B = (N) => {
       e("nodedragover", { e: N, model: o.model });
       let w = Te.data;
       if (!o.model.droppable)
@@ -537,9 +537,9 @@ const ho = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), go = {
         return s.value = !0, !1;
       if (w.model.id === o.model.id || v.actions.isChildOfParent(o.treeId, o.items, o.model.id, w.model.id) || v.actions.isParentOfChild(o.treeId, o.items, w.model.id, o.model.id))
         return !1;
-      const V = N.y, P = n.value.getBoundingClientRect().top, f = n.value.getBoundingClientRect().height, p = f / 3;
-      V > P && V <= P + p ? (s.value = !1, a.value = !0, l.value = !1) : V < P + f && V >= P + f - p ? (s.value = !1, a.value = !1, l.value = !0) : (s.value = v.state.trees[o.treeId].dropInside, a.value = !1, l.value = !1);
-    }, F = () => {
+      const H = N.y, P = n.value.getBoundingClientRect().top, m = n.value.getBoundingClientRect().height, p = m / 3;
+      H > P && H <= P + p ? (s.value = !1, a.value = !0, l.value = !1) : H < P + m && H >= P + m - p ? (s.value = !1, a.value = !1, l.value = !0) : (s.value = v.state.trees[o.treeId].dropInside, a.value = !1, l.value = !1);
+    }, z = () => {
       s.value = !1, a.value = !1, l.value = !1;
     }, T = h(() => o.model.title.startsWith("-")), W = h(() => {
       if (o.model.title.startsWith("-")) {
@@ -549,10 +549,10 @@ const ho = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), go = {
       return null;
     });
     return (N, w) => {
-      const V = Ct("d-tree-item", !0), P = Re("touch");
-      return E(v).actions.beforeItem(o.treeId, t.model) ? T.value && !W.value ? (d(), m("li", vo, _o)) : T.value && W.value ? (d(), m("li", bo, [
-        b("div", xo, O(E(v).actions.renderTitle(o.treeId, W.value)), 1)
-      ])) : o.model.component ? (d(), x(at, {
+      const H = Lt("d-tree-item", !0), P = Re("touch");
+      return L(v).actions.beforeItem(o.treeId, t.model) ? T.value && !W.value ? (d(), f("li", vo, _o)) : T.value && W.value ? (d(), f("li", bo, [
+        _("div", xo, O(L(v).actions.renderTitle(o.treeId, W.value)), 1)
+      ])) : o.model.component ? (d(), x(it, {
         key: 3,
         tag: "li",
         class: "tree-item-component",
@@ -561,23 +561,23 @@ const ho = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), go = {
         onDrop: j(M, ["stop"]),
         onDragenter: w[1] || (w[1] = j(() => {
         }, ["prevent"])),
-        onDragover: j(I, ["prevent", "stop"]),
-        onDragleave: j(F, ["prevent"])
+        onDragover: j(B, ["prevent", "stop"]),
+        onDragleave: j(z, ["prevent"])
       }, {
-        default: B(() => [
-          J((d(), m("div", {
+        default: E(() => [
+          Z((d(), f("div", {
             ref_key: "node",
             ref: n,
-            class: C(H.value),
-            onContextmenu: w[0] || (w[0] = j((f) => e("nodecontext", { e: f, model: o.model }), ["prevent"]))
+            class: C(A.value),
+            onContextmenu: w[0] || (w[0] = j((m) => e("nodecontext", { e: m, model: o.model }), ["prevent"]))
           }, [
-            (d(), x(U(E(fe).getters.getComponent(o.model.component).component), pt(ft(E(fe).getters.getComponent(o.model.component).props)), null, 16))
+            (d(), x(U(L(fe).getters.getComponent(o.model.component).component), ft(mt(L(fe).getters.getComponent(o.model.component).props)), null, 16))
           ], 34)), [
             [P, c, "press"]
           ])
         ]),
         _: 1
-      }, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (d(), x(at, {
+      }, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (d(), x(it, {
         key: 4,
         tag: "li",
         class: "tree-item",
@@ -586,24 +586,24 @@ const ho = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), go = {
         onDrop: j(M, ["stop"]),
         onDragenter: w[4] || (w[4] = j(() => {
         }, ["prevent"])),
-        onDragover: j(I, ["prevent", "stop"]),
-        onDragleave: j(F, ["prevent"])
+        onDragover: j(B, ["prevent", "stop"]),
+        onDragleave: j(z, ["prevent"])
       }, {
-        default: B(() => {
-          var f, p;
+        default: E(() => {
+          var m, p;
           return [
-            b("div", {
+            _("div", {
               ref_key: "node",
               ref: n,
-              class: C(H.value),
+              class: C(A.value),
               onPointerdownCapture: c,
               onDblclick: w[2] || (w[2] = j((y) => e("nodedoubleclick", { e: y, model: o.model }), ["prevent"])),
               onContextmenu: w[3] || (w[3] = j((y) => e("nodecontext", { e: y, model: o.model }), ["prevent"]))
             }, [
-              b("div", null, [
+              _("div", null, [
                 o.model.icons && o.model.icons.pre && r.value && !o.search && !T.value ? (d(), x(U(re), {
                   key: 0,
-                  component: E(oe).getters.getIcon(o.model.icons.pre.component),
+                  component: L(oe).getters.getIcon(o.model.icons.pre.component),
                   size: 18,
                   color: o.model.icons.pre.color ? o.model.icons.pre.color : "inherit",
                   class: C(i.value ? "tree-open-pre" : ""),
@@ -611,36 +611,36 @@ const ho = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), go = {
                 }, null, 40, ["component", "color", "class"])) : k("", !0),
                 o.model.icons && o.model.icons.pre && !r.value && !o.search && !T.value ? (d(), x(U(re), {
                   key: 1,
-                  component: E(oe).getters.getIcon(o.model.icons.pre.component),
+                  component: L(oe).getters.getIcon(o.model.icons.pre.component),
                   size: 18,
                   color: "rgba(0,0,0,0)",
                   class: C(i.value ? "tree-open-pre" : "")
                 }, null, 8, ["component", "class"])) : k("", !0),
                 o.model.icons && o.model.icons.icon && !T.value ? (d(), x(U(re), {
                   key: 2,
-                  component: E(oe).getters.getIcon(o.model.icons.icon.component),
+                  component: L(oe).getters.getIcon(o.model.icons.icon.component),
                   color: o.model.icons.icon.color ? o.model.icons.icon.color : "inherit",
                   size: o.model.icons.icon.size ? o.model.icons.icon.size : null,
                   className: o.model.icons.icon.class ? o.model.icons.icon.class : null
                 }, null, 8, ["component", "color", "size", "className"])) : k("", !0),
-                b("div", ko, [
-                  T.value ? (d(), m("div", $o)) : k("", !0),
-                  T.value ? k("", !0) : (d(), m("div", wo, O(E(v).actions.renderTitle(o.treeId, o.model.title)), 1))
+                _("div", ko, [
+                  T.value ? (d(), f("div", $o)) : k("", !0),
+                  T.value ? k("", !0) : (d(), f("div", wo, O(L(v).actions.renderTitle(o.treeId, o.model.title)), 1))
                 ])
               ]),
-              b("div", So, [
-                ((f = o.model.badge) == null ? void 0 : f.value) !== void 0 && !T.value ? (d(), x(U(uo), {
+              _("div", So, [
+                ((m = o.model.badge) == null ? void 0 : m.value) !== void 0 && !T.value ? (d(), x(U(uo), {
                   key: 0,
                   class: C([(p = o.model.badge) == null ? void 0 : p.class, "badge-sm"])
                 }, {
-                  default: B(() => [
-                    K(O(o.model.badge.value), 1)
+                  default: E(() => [
+                    J(O(o.model.badge.value), 1)
                   ]),
                   _: 1
                 }, 8, ["class"])) : k("", !0),
                 o.model.icons && o.model.icons.post && r.value && !o.search && !T.value ? (d(), x(U(re), {
                   key: 1,
-                  component: E(oe).getters.getIcon(o.model.icons.post.component),
+                  component: L(oe).getters.getIcon(o.model.icons.post.component),
                   size: 20,
                   color: o.model.icons.post.color ? o.model.icons.post.color : "inherit",
                   class: C(i.value ? "tree-open-post" : ""),
@@ -649,15 +649,15 @@ const ho = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), go = {
               ])
             ], 34),
             Q(po, null, {
-              default: B(() => [
-                r.value && i.value && !o.search ? (d(), m("ul", Do, [
-                  (d(!0), m(ne, null, me(t.model.children, (y) => (d(), x(V, {
+              default: E(() => [
+                r.value && i.value && !o.search ? (d(), f("ul", Do, [
+                  (d(!0), f(ne, null, me(t.model.children, (y) => (d(), x(H, {
                     key: y.id,
                     model: y,
                     treeId: o.treeId,
                     items: o.items,
                     search: o.search,
-                    onNodeclick: _,
+                    onNodeclick: b,
                     onNodedoubleclick: D,
                     onNodedrop: R,
                     onNodecontext: $,
@@ -670,7 +670,7 @@ const ho = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), go = {
           ];
         }),
         _: 1
-      }, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (d(), m("li", go));
+      }, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (d(), f("li", go));
     };
   }
 }, Co = /* @__PURE__ */ se(To, [["__scopeId", "data-v-9da49c73"]]);
@@ -838,22 +838,22 @@ const q = Lo(), v = {
       n = Te.data, o(u, g, n), u === X.dragenter && (l.size || g.target === a.value) && l.add(g.target), u === X.dragleave && l.delete(g.target), u === X.drop && l.clear(), s.value = !!l.size;
     };
     return e({
-      elementSize: () => _t(a)
+      elementSize: () => bt(a)
     }), (u, g) => (d(), x(U(t.tag), {
       ref_key: "el",
       ref: a,
-      onDragenter: g[0] || (g[0] = (_) => i(E(X).dragenter, _)),
-      onDragleave: g[1] || (g[1] = (_) => i(E(X).dragleave, _)),
-      onDragover: g[2] || (g[2] = j((_) => i(E(X).dragover, _), ["prevent"])),
-      onDrop: g[3] || (g[3] = j((_) => i(E(X).drop, _), ["prevent"]))
+      onDragenter: g[0] || (g[0] = (b) => i(L(X).dragenter, b)),
+      onDragleave: g[1] || (g[1] = (b) => i(L(X).dragleave, b)),
+      onDragover: g[2] || (g[2] = j((b) => i(L(X).dragover, b), ["prevent"])),
+      onDrop: g[3] || (g[3] = j((b) => i(L(X).drop, b), ["prevent"]))
     }, {
-      default: B(() => [
-        L(u.$slots, "default", { transferData: r.value })
+      default: E(() => [
+        I(u.$slots, "default", { transferData: r.value })
       ]),
       _: 3
     }, 544));
   }
-}, bt = {
+}, xt = {
   __name: "DMenu",
   props: {
     class: String,
@@ -877,8 +877,8 @@ const q = Lo(), v = {
     const l = () => {
       q.emit("menu-show-request"), a.value = !0;
     }, r = () => {
-      var _;
-      (_ = s.value) == null || _.collapseAll(), a.value = !1;
+      var b;
+      (b = s.value) == null || b.collapseAll(), a.value = !1;
     }, i = () => a.value;
     q.on("menu-show-request", () => {
       r();
@@ -889,20 +889,20 @@ const q = Lo(), v = {
       isShowed: i,
       itemsCount: () => s.value.itemsCount()
     });
-    const g = (_) => {
-      o("select", _), _.model.children || r();
+    const g = (b) => {
+      o("select", b), b.model.children || r();
     };
-    return (_, D) => {
+    return (b, D) => {
       const R = Re("click-outside");
-      return d(), x(mt, { to: "body" }, [
-        E(a) ? J((d(), x(xt, {
+      return d(), x(ht, { to: "body" }, [
+        L(a) ? Z((d(), x(kt, {
           key: 0,
           ref_key: "treeRef",
           ref: s,
           items: n.items,
           "no-select": n.noSelect,
           class: C(n.class),
-          style: z(n.style),
+          style: F(n.style),
           onSelect: g,
           "render-title": n.renderItemTitle,
           "before-item": n.beforeItem
@@ -912,7 +912,7 @@ const q = Lo(), v = {
       ]);
     };
   }
-}, Eo = {
+}, Bo = {
   __name: "DContextMenu",
   props: {
     items: Array,
@@ -925,28 +925,28 @@ const q = Lo(), v = {
       left: a.value + "px",
       top: l.value + "px"
     })), i = (u) => {
-      s.value.show(), ht(() => {
-        const g = s.value.elementSize(), _ = window.innerWidth, D = window.innerHeight;
-        a.value = _ - u.pageX < g.width ? u.pageX - g.width : u.pageX, l.value = D - u.pageY < g.height ? u.pageY - g.height : u.pageY, s.value.itemsCount() === 0 && s.value.hide();
+      s.value.show(), gt(() => {
+        const g = s.value.elementSize(), b = window.innerWidth, D = window.innerHeight;
+        a.value = b - u.pageX < g.width ? u.pageX - g.width : u.pageX, l.value = D - u.pageY < g.height ? u.pageY - g.height : u.pageY, s.value.itemsCount() === 0 && s.value.hide();
       });
     }, c = (u) => {
       o("select", u);
     };
     return e({
       show: i
-    }), (u, g) => (d(), x(bt, {
+    }), (u, g) => (d(), x(xt, {
       ref_key: "dMenuRef",
       ref: s,
       onSelect: c,
       items: n.items,
-      style: z(r.value),
+      style: F(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"]));
   }
-}, xt = {
+}, kt = {
   __name: "DTree",
   props: {
     items: Array,
@@ -994,7 +994,7 @@ const q = Lo(), v = {
   },
   emits: ["select", "collapse", "expand", "move", "over", "drop", "doubleclick", "foldericonclick"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = S(null), a = S(!1), l = S(null), r = gt().uid;
+    const n = t, s = S(null), a = S(!1), l = S(null), r = Ve().uid;
     v.actions.initTreeStore(r, n.noSelect, n.multiSelect, n.expanded, n.transfer, n.renderTitle, n.beforeItem, n.dropInside);
     const i = (p, y) => {
       console.log(p, y);
@@ -1010,8 +1010,8 @@ const q = Lo(), v = {
       for (let y = 0; y < n.items.length; y++)
         n.items[y].id === p && v.actions.toggleItem(r, n.items[y]), n.items[y].expanded = !0;
     }, g = (p = null) => {
-      console.log(p.model), v.mutations.setItemSelect(r, p.model), n.doubleClickExpand || v.actions.toggleItem(r, p.model), o("select", p);
-    }, _ = (p = null) => {
+      v.mutations.setItemSelect(r, p.model), n.doubleClickExpand || v.actions.toggleItem(r, p.model), o("select", p);
+    }, b = (p = null) => {
       n.doubleClickExpand && v.actions.toggleItem(r, p.model), o("doubleclick", p);
     }, D = (p = null) => {
       n.doubleClickExpand && v.actions.toggleItem(r, p.model), o("foldericonclick", p);
@@ -1019,28 +1019,28 @@ const q = Lo(), v = {
       o("over", p);
     }, $ = (p = null) => {
       o("drop", p);
-    }, H = () => s.value.elementSize(), Y = () => {
+    }, A = () => s.value.elementSize(), Y = () => {
       for (let p = 0; p < n.items.length; p++)
         n.items[p].expanded = !0;
     }, M = () => {
       for (let p = 0; p < n.items.length; p++)
         n.items[p].expanded = !1;
-    }, I = () => r, F = (p) => v.actions.deepSearch(n.items, p), T = (p) => {
-      F(p) && v.mutations.setItemSelect(r, F(p));
+    }, B = () => r, z = (p) => v.actions.deepSearch(n.items, p), T = (p) => {
+      z(p) && v.mutations.setItemSelect(r, z(p));
     }, W = (p) => {
       n.contextClick({ e: p.e, model: p.model, target: l.value });
-    }, N = (p) => n.contextBeforeClick({ model: p, target: l.value }), w = h(() => n.context), V = (p) => (w.value && (l.value = p.model, a.value.show(p.e)), !1), P = () => f(c.value), f = (p) => {
+    }, N = (p) => n.contextBeforeClick({ model: p, target: l.value }), w = h(() => n.context), H = (p) => (w.value && (l.value = p.model, a.value.show(p.e)), !1), P = () => m(c.value), m = (p) => {
       let y = 0;
-      for (let A = 0; A < p.length; A++)
-        y += v.actions.beforeItem(r, p[A]) ? 1 : 0, p[A].children && p[A].children.length > 0 && (y += f(p[A].children));
+      for (let V = 0; V < p.length; V++)
+        y += v.actions.beforeItem(r, p[V]) ? 1 : 0, p[V].children && p[V].children.length > 0 && (y += m(p[V].children));
       return y;
     };
     return e({
-      elementSize: H,
+      elementSize: A,
       expandAll: Y,
       collapseAll: M,
-      getId: I,
-      getNode: F,
+      getId: B,
+      getNode: z,
       selectNode: T,
       itemsCount: P,
       expandNode: u
@@ -1051,21 +1051,21 @@ const q = Lo(), v = {
       tag: "ul",
       onDrop: j(i, ["stop"])
     }, {
-      default: B(() => [
-        (d(!0), m(ne, null, me(c.value, (A) => (d(), x(Co, {
-          key: A.id,
-          model: A,
-          treeId: E(r),
+      default: E(() => [
+        (d(!0), f(ne, null, me(c.value, (V) => (d(), x(Co, {
+          key: V.id,
+          model: V,
+          treeId: L(r),
           items: n.items,
           search: n.search,
           onNodeclick: g,
-          onNodedoubleclick: _,
+          onNodedoubleclick: b,
           onNodedragover: R,
           onNodedrop: $,
-          onNodecontext: V,
+          onNodecontext: H,
           onNodefoldericonclick: D
         }, null, 8, ["model", "treeId", "items", "search"]))), 128)),
-        w.value ? (d(), x(Eo, {
+        w.value ? (d(), x(Bo, {
           key: 0,
           ref_key: "contextTreeRef",
           ref: a,
@@ -1078,7 +1078,7 @@ const q = Lo(), v = {
     }, 8, ["onDrop"]));
   }
 };
-const Bo = {
+const Eo = {
   __name: "DAccordion",
   props: {
     items: Array,
@@ -1094,7 +1094,7 @@ const Bo = {
     const o = t, n = (s) => {
       e("move", s);
     };
-    return (s, a) => (d(), x(xt, {
+    return (s, a) => (d(), x(kt, {
       class: "accordion",
       items: o.items,
       "no-select": o.noSelect,
@@ -1103,7 +1103,7 @@ const Bo = {
       onMove: n
     }, null, 8, ["items", "no-select", "render-title"]));
   }
-}, Ms = /* @__PURE__ */ se(Bo, [["__scopeId", "data-v-a724c500"]]), Mo = {
+}, Os = /* @__PURE__ */ se(Eo, [["__scopeId", "data-v-a724c500"]]), Mo = {
   __name: "DLayoutHeader",
   props: {
     fixed: {
@@ -1141,11 +1141,11 @@ const Bo = {
       const { fixed: n, zIndex: s, minWidth: a, height: l, paddingLeft: r, transitionDuration: i, transitionTimingFunction: c } = e, u = n ? "fixed" : "static", g = e.useMinWidthLayout ? `min-width:${a}px;` : "";
       return `position:${u};z-index:${s};${g}height:${l}px;padding-left:${r}px;transition-duration:${i}ms;transition-timing-function:${c};`;
     });
-    return (n, s) => (d(), m("header", {
+    return (n, s) => (d(), f("header", {
       class: "d-layout-header",
-      style: z(o.value)
+      style: F(o.value)
     }, [
-      L(n.$slots, "default")
+      I(n.$slots, "default")
     ], 4));
   }
 }, No = {
@@ -1187,14 +1187,14 @@ const Bo = {
   },
   setup(t) {
     const e = t, o = h(() => {
-      const { fixed: n, top: s, zIndex: a, minWidth: l, height: r, paddingLeft: i, transitionDuration: c, transitionTimingFunction: u } = e, g = n ? "fixed" : "static", _ = e.useMinWidthLayout ? `min-width: ${l}px;` : "";
-      return `position:${g};top:${s}px;z-index:${a};${_}height:${r}px;padding-left:${i}px;transition-duration:${c}ms;transition-timing-function:${u};`;
+      const { fixed: n, top: s, zIndex: a, minWidth: l, height: r, paddingLeft: i, transitionDuration: c, transitionTimingFunction: u } = e, g = n ? "fixed" : "static", b = e.useMinWidthLayout ? `min-width: ${l}px;` : "";
+      return `position:${g};top:${s}px;z-index:${a};${b}height:${r}px;padding-left:${i}px;transition-duration:${c}ms;transition-timing-function:${u};`;
     });
-    return (n, s) => (d(), m("div", {
+    return (n, s) => (d(), f("div", {
       class: "d-layout-tab",
-      style: z(o.value)
+      style: F(o.value)
     }, [
-      L(n.$slots, "default")
+      I(n.$slots, "default")
     ], 4));
   }
 }, Ro = {
@@ -1235,11 +1235,11 @@ const Bo = {
       const { fixed: n, zIndex: s, minWidth: a, height: l, paddingLeft: r, transitionDuration: i, transitionTimingFunction: c } = e, u = n ? "fixed" : "static", g = e.useMinWidthLayout ? `min-width:${a}px;` : "";
       return `position:${u};z-index:${s};${g}height:${l}px;padding-left:${r}px;transition-duration:${i}ms;transition-timing-function:${c};`;
     });
-    return (n, s) => (d(), m("footer", {
+    return (n, s) => (d(), f("footer", {
       class: "d-layout-footer",
-      style: z(o.value)
+      style: F(o.value)
     }, [
-      L(n.$slots, "default")
+      I(n.$slots, "default")
     ], 4));
   }
 }, Oo = {
@@ -1275,14 +1275,14 @@ const Bo = {
       const { zIndex: n, width: s, paddingTop: a, transitionDuration: l, transitionTimingFunction: r } = e;
       return `z-index:${n};width:${s}px;padding-top:${a}px;transition-duration:${l}ms;transition-timing-function:${r};`;
     });
-    return (n, s) => (d(), m("aside", {
+    return (n, s) => (d(), f("aside", {
       class: "d-layout-sidebar",
-      style: z(o.value)
+      style: F(o.value)
     }, [
-      L(n.$slots, "default")
+      I(n.$slots, "default")
     ], 4));
   }
-}, Ao = {
+}, Vo = {
   __name: "DLayoutContent",
   props: {
     paddingTop: {
@@ -1312,15 +1312,15 @@ const Bo = {
       const { paddingTop: n, paddingBottom: s, paddingLeft: a, transitionDuration: l, transitionTimingFunction: r } = e, i = `overflow:${e.overflowHidden ? "hidden" : "visible"};`;
       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(), m("main", {
-      style: z(o.value),
+    return (n, s) => (d(), f("main", {
+      style: F(o.value),
       class: "d-layout-content"
     }, [
-      L(n.$slots, "default")
+      I(n.$slots, "default")
     ], 4));
   }
 };
-function Ho(t) {
+function Ao(t) {
   const e = S(0), o = h(() => `transform: translateX(${-e.value}px);`);
   let n = !1;
   function s(u) {
@@ -1349,7 +1349,7 @@ function Ho(t) {
     i();
   }), o;
 }
-const Vo = 1001, zo = 999, Fo = 998, Ns = {
+const Ho = 1001, Fo = 999, zo = 998, Vs = {
   __name: "DLayoutAdmin",
   props: {
     mode: {
@@ -1440,7 +1440,7 @@ const Vo = 1001, zo = 999, Fo = 998, Ns = {
   },
   emits: ["update:sidebar-collapse", "sidebar-mask-click"],
   setup(t, { emit: e }) {
-    const o = t, n = h(() => o.useMinWidthLayout ? `min-width:${o.minWidth}px;` : ""), s = h(() => o.useMinWidthLayout && (o.fixedHeaderAndTab || o.fixedFooter)), a = Ho(s), l = h(() => o.fixedHeaderAndTab ? a.value : ""), r = h(() => o.fixedFooter ? a.value : ""), i = h(() => {
+    const o = t, n = h(() => o.useMinWidthLayout ? `min-width:${o.minWidth}px;` : ""), s = h(() => o.useMinWidthLayout && (o.fixedHeaderAndTab || o.fixedFooter)), a = Ao(s), l = h(() => o.fixedHeaderAndTab ? a.value : ""), r = h(() => o.fixedFooter ? a.value : ""), i = h(() => {
       const { transitionDuration: T, transitionTimingFunction: W } = o;
       return {
         transitionDuration: T,
@@ -1454,7 +1454,7 @@ const Vo = 1001, zo = 999, Fo = 998, Ns = {
         e("update:sidebar-collapse", T);
       }
     });
-    function _() {
+    function b() {
       e("sidebar-mask-click");
     }
     const D = h(() => o.isMobile && !g.value), R = h(() => {
@@ -1463,40 +1463,40 @@ const Vo = 1001, zo = 999, Fo = 998, Ns = {
     }), $ = h(() => {
       const { sidebarWidth: T, sidebarCollapsedWidth: W } = o, N = o.isMobile ? 0 : W, w = g.value ? N : T;
       return o.sidebarVisible ? w : 0;
-    }), H = h(() => o.isMobile ? 0 : $.value), Y = h(() => c.value ? H.value : 0), M = h(
+    }), A = h(() => o.isMobile ? 0 : $.value), Y = h(() => c.value ? A.value : 0), M = h(
       () => !o.isMobile && !c.value && o.headerVisible ? o.headerHeight : 0
-    ), I = h(() => {
+    ), B = h(() => {
       let T = 0;
       return o.fixedHeaderAndTab && (o.headerVisible && (T += o.headerHeight), o.tabVisible && (T += o.tabHeight)), T;
-    }), F = h(() => o.fixedFooter && o.footerVisible ? o.footerHeight : 0);
-    return (T, W) => (d(), m("div", {
+    }), z = h(() => o.fixedFooter && o.footerVisible ? o.footerHeight : 0);
+    return (T, W) => (d(), f("div", {
       class: "d-layout",
-      style: z(n.value)
+      style: F(n.value)
     }, [
       t.headerVisible ? (d(), x(Mo, ue({ key: 0 }, i.value, {
         fixed: t.fixedHeaderAndTab,
-        "z-index": Vo,
+        "z-index": Ho,
         "min-width": t.minWidth,
         height: t.headerHeight,
         "padding-left": Y.value,
         style: l.value
       }), {
-        default: B(() => [
-          L(T.$slots, "header")
+        default: E(() => [
+          I(T.$slots, "header")
         ]),
         _: 3
       }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : k("", !0),
       t.tabVisible ? (d(), x(No, ue({ key: 1 }, i.value, {
         fixed: t.fixedHeaderAndTab,
-        "z-index": zo,
+        "z-index": Fo,
         "min-width": t.minWidth,
         top: t.headerHeight,
         height: t.tabHeight,
-        "padding-left": H.value,
+        "padding-left": A.value,
         style: l.value
       }), {
-        default: B(() => [
-          L(T.$slots, "tab")
+        default: E(() => [
+          I(T.$slots, "tab")
         ]),
         _: 3
       }, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) : k("", !0),
@@ -1505,38 +1505,38 @@ const Vo = 1001, zo = 999, Fo = 998, Ns = {
         width: $.value,
         "padding-top": M.value
       }), {
-        default: B(() => [
-          L(T.$slots, "sidebar")
+        default: E(() => [
+          I(T.$slots, "sidebar")
         ]),
         _: 3
       }, 16, ["z-index", "width", "padding-top"])) : k("", !0),
-      D.value ? (d(), m("div", {
+      D.value ? (d(), f("div", {
         key: 3,
         class: "d-layout-sidebar-mask",
-        style: z(R.value),
-        onClick: _
+        style: F(R.value),
+        onClick: b
       }, null, 4)) : k("", !0),
-      Q(Ao, ue(i.value, {
-        "padding-top": I.value,
-        "padding-bottom": F.value,
-        "padding-left": H.value,
+      Q(Vo, ue(i.value, {
+        "padding-top": B.value,
+        "padding-bottom": z.value,
+        "padding-left": A.value,
         "overflow-hidden": t.addMainOverflowHidden
       }), {
-        default: B(() => [
-          L(T.$slots, "default")
+        default: E(() => [
+          I(T.$slots, "default")
         ]),
         _: 3
       }, 16, ["padding-top", "padding-bottom", "padding-left", "overflow-hidden"]),
       t.footerVisible ? (d(), x(Ro, ue({ key: 4 }, i.value, {
         fixed: t.fixedFooter,
-        "z-index": Fo,
+        "z-index": zo,
         "min-width": t.minWidth,
         height: t.footerHeight,
-        "padding-left": H.value,
+        "padding-left": A.value,
         style: r.value
       }), {
-        default: B(() => [
-          L(T.$slots, "footer")
+        default: E(() => [
+          I(T.$slots, "footer")
         ]),
         _: 3
       }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : k("", !0)
@@ -1561,7 +1561,7 @@ const Vo = 1001, zo = 999, Fo = 998, Ns = {
       pe.state.theme = pe.state.theme === "dark" ? "light" : "dark", document.documentElement.classList.remove("dark"), document.documentElement.classList.remove("light"), document.documentElement.classList.add(pe.state.theme);
     }
   }
-}, Rs = {
+}, As = {
   __name: "DConfigProvider",
   props: {
     theme: {
@@ -1571,10 +1571,10 @@ const Vo = 1001, zo = 999, Fo = 998, Ns = {
   },
   setup(t) {
     const e = t;
-    return pe.mutations.setTheme(e.theme), (o, n) => L(o.$slots, "default");
+    return pe.mutations.setTheme(e.theme), (o, n) => I(o.$slots, "default");
   }
 };
-const Os = {
+const Hs = {
   __name: "DScrollProvider",
   props: {
     xHide: {
@@ -1597,8 +1597,8 @@ const Os = {
     };
     return he(() => {
       s("colored-scroller");
-    }), (a, l) => (d(), m("div", null, [
-      L(a.$slots, "default")
+    }), (a, l) => (d(), f("div", null, [
+      I(a.$slots, "default")
     ]));
   }
 };
@@ -1625,13 +1625,13 @@ const Wo = {
       c07fa298: n.value
     }));
     const o = h(() => e.xHide ? "hidden" : "visible"), n = h(() => e.yHide ? "hidden" : "visible");
-    return (s, a) => (d(), m("div", {
+    return (s, a) => (d(), f("div", {
       class: C(e.autoHide ? "d-scroll-hide" : "d-scroll")
     }, [
-      L(s.$slots, "default", {}, void 0, !0)
+      I(s.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}, As = /* @__PURE__ */ se(Wo, [["__scopeId", "data-v-d50b3609"]]), Po = { class: "modal-content" }, jo = { class: "modal-header" }, Xo = { class: "modal-title" }, Yo = { class: "modal-body" }, Uo = { class: "modal-footer" }, kt = {
+}, Fs = /* @__PURE__ */ se(Wo, [["__scopeId", "data-v-d50b3609"]]), Po = { class: "modal-content" }, jo = { class: "modal-header" }, Xo = { class: "modal-title" }, Yo = { class: "modal-body" }, Uo = { class: "modal-footer" }, $t = {
   __name: "DModal",
   props: {
     show: Boolean,
@@ -1654,30 +1654,30 @@ const Wo = {
       hide: r
     }), (i, c) => {
       const u = Re("keydown");
-      return d(), x(mt, { to: "body" }, [
+      return d(), x(ht, { to: "body" }, [
         Q(Ne, { name: "fade" }, {
-          default: B(() => [
-            a.value ? J((d(), m("div", {
+          default: E(() => [
+            a.value ? Z((d(), f("div", {
               key: 0,
               ref_key: "modalRef",
               ref: s,
               class: "modal"
             }, [
-              b("div", {
+              _("div", {
                 class: "modal-dialog",
-                style: z({ width: n.width, maxWidth: n.maxWidth })
+                style: F({ width: n.width, maxWidth: n.maxWidth })
               }, [
-                b("div", Po, [
-                  b("div", jo, [
-                    b("h5", Xo, [
-                      L(i.$slots, "modal-title")
+                _("div", Po, [
+                  _("div", jo, [
+                    _("h5", Xo, [
+                      I(i.$slots, "modal-title")
                     ])
                   ]),
-                  b("div", Yo, [
-                    L(i.$slots, "default")
+                  _("div", Yo, [
+                    I(i.$slots, "default")
                   ]),
-                  b("div", Uo, [
-                    L(i.$slots, "modal-footer")
+                  _("div", Uo, [
+                    I(i.$slots, "modal-footer")
                   ])
                 ])
               ], 4)
@@ -1690,11 +1690,11 @@ const Wo = {
       ]);
     };
   }
-}, ce = Bt();
+}, ce = Mt();
 function Me(t) {
   t === void 0 && (t = ce.value.comp.returnValue()), ce.value.resolve(t), ce.value = null;
 }
-function $t(t, e, o = "default") {
+function wt(t, e, o = "default") {
   return new Promise((n) => {
     ce.value = {
       dialog: t,
@@ -1710,7 +1710,7 @@ var qo = (t, e) => {
     o[n] = s;
   return o;
 };
-const Go = Mt({
+const Go = Nt({
   name: "DialogWrapper",
   components: {},
   props: {
@@ -1731,8 +1731,8 @@ const Go = Mt({
   }
 });
 function Zo(t, e, o, n, s, a) {
-  return d(), x(Ne, pt(ft(t.transitionAttrs)), {
-    default: B(() => [
+  return d(), x(Ne, ft(mt(t.transitionAttrs)), {
+    default: E(() => [
       t.dialogRef && t.dialogRef.wrapper === t.name ? (d(), x(U(t.dialogRef.dialog), ue({ key: 0 }, t.dialogRef.props, { ref: "dialogInstance" }), null, 16)) : k("", !0)
     ]),
     _: 1
@@ -1749,21 +1749,21 @@ const Jo = { style: { display: "flex", "flex-direction": "row", "justify-content
     const o = t;
     return e({
       returnValue: () => !0
-    }), (s, a) => (d(), m("div", null, [
-      Q(kt, { show: !0 }, {
-        "modal-title": B(() => [
-          K(O(o.title), 1)
+    }), (s, a) => (d(), f("div", null, [
+      Q($t, { show: !0 }, {
+        "modal-title": E(() => [
+          J(O(o.title), 1)
         ]),
-        default: B(() => [
-          K(O(o.message), 1)
+        default: E(() => [
+          J(O(o.message), 1)
         ]),
-        "modal-footer": B(() => [
-          b("div", Jo, [
+        "modal-footer": E(() => [
+          _("div", Jo, [
             Q(le, {
-              onClick: a[0] || (a[0] = (l) => E(Me)())
+              onClick: a[0] || (a[0] = (l) => L(Me)())
             }, {
-              default: B(() => [
-                K("Закрыть")
+              default: E(() => [
+                J("Закрыть")
               ]),
               _: 1
             })
@@ -1783,30 +1783,30 @@ const Jo = { style: { display: "flex", "flex-direction": "row", "justify-content
     const o = t;
     return e({
       returnValue: () => !0
-    }), (s, a) => (d(), m("div", null, [
-      Q(kt, { show: !0 }, {
-        "modal-title": B(() => [
-          K(O(o.title), 1)
+    }), (s, a) => (d(), f("div", null, [
+      Q($t, { show: !0 }, {
+        "modal-title": E(() => [
+          J(O(o.title), 1)
         ]),
-        default: B(() => [
-          K(O(o.message), 1)
+        default: E(() => [
+          J(O(o.message), 1)
         ]),
-        "modal-footer": B(() => [
-          b("div", en, [
+        "modal-footer": E(() => [
+          _("div", en, [
             Q(le, {
-              onClick: a[0] || (a[0] = (l) => E(Me)())
+              onClick: a[0] || (a[0] = (l) => L(Me)())
             }, {
-              default: B(() => [
-                K("Да")
+              default: E(() => [
+                J("Да")
               ]),
               _: 1
             }),
             Q(le, {
               class: "button-red",
-              onClick: a[1] || (a[1] = (l) => E(Me)(!1))
+              onClick: a[1] || (a[1] = (l) => L(Me)(!1))
             }, {
-              default: B(() => [
-                K("Нет")
+              default: E(() => [
+                J("Нет")
               ]),
               _: 1
             })
@@ -1816,7 +1816,7 @@ const Jo = { style: { display: "flex", "flex-direction": "row", "justify-content
       })
     ]));
   }
-}, on = { class: "dropdown" }, Hs = {
+}, on = { class: "dropdown" }, zs = {
   __name: "DDropdown",
   props: {
     class: String,
@@ -1841,9 +1841,9 @@ const Jo = { style: { display: "flex", "flex-direction": "row", "justify-content
         a.value.hide();
         return;
       }
-      a.value.show(), ht(() => {
-        const R = a.value.elementSize(), $ = l.value.elementSize(), H = window.innerWidth, Y = window.innerHeight;
-        r.value = H - ($.x + $.width) < R.width ? $.left - R.width + $.width : $.left, i.value = Y - ($.y + $.height) < R.height ? $.top - R.height - 5 : $.height + $.top + 5;
+      a.value.show(), gt(() => {
+        const R = a.value.elementSize(), $ = l.value.elementSize(), A = window.innerWidth, Y = window.innerHeight;
+        r.value = A - ($.x + $.width) < R.width ? $.left - R.width + $.width : $.left, i.value = Y - ($.y + $.height) < R.height ? $.top - R.height - 5 : $.height + $.top + 5;
       });
     }, u = (D) => {
       o("select", D);
@@ -1851,9 +1851,9 @@ const Jo = { style: { display: "flex", "flex-direction": "row", "justify-content
     e({
       show: c
     });
-    const _ = (D) => !!s[D];
-    return (D, R) => (d(), m("div", on, [
-      _("default") ? (d(), x(le, {
+    const b = (D) => !!s[D];
+    return (D, R) => (d(), f("div", on, [
+      b("default") ? (d(), x(le, {
         key: 0,
         ref_key: "buttonRef",
         ref: l,
@@ -1862,8 +1862,8 @@ const Jo = { style: { display: "flex", "flex-direction": "row", "justify-content
         onClick: j(c, ["stop", "prevent"]),
         type: n.type
       }, {
-        default: B(() => [
-          L(D.$slots, "default")
+        default: E(() => [
+          I(D.$slots, "default")
         ]),
         _: 3
       }, 8, ["class", "icon", "onClick", "type"])) : (d(), x(le, {
@@ -1875,12 +1875,12 @@ const Jo = { style: { display: "flex", "flex-direction": "row", "justify-content
         onClick: j(c, ["stop", "prevent"]),
         type: n.type
       }, null, 8, ["class", "icon", "onClick", "type"])),
-      Q(bt, {
+      Q(xt, {
         ref_key: "dMenuRef",
         ref: a,
         items: n.items,
         class: "dropdown-menu",
-        style: z(g.value),
+        style: F(g.value),
         "no-select": !0,
         onSelect: u,
         "render-item-title": n.renderItemTitle,
@@ -1891,25 +1891,25 @@ const Jo = { style: { display: "flex", "flex-direction": "row", "justify-content
   }
 }, nn = {}, sn = { class: "d-panel" };
 function an(t, e) {
-  return d(), m("div", sn, [
-    L(t.$slots, "default")
+  return d(), f("div", sn, [
+    I(t.$slots, "default")
   ]);
 }
-const ln = /* @__PURE__ */ se(nn, [["render", an]]), rn = { class: "card-header" }, dn = { class: "modal-title" }, cn = { class: "card-body" }, un = { class: "card-footer" }, Vs = {
+const ln = /* @__PURE__ */ se(nn, [["render", an]]), rn = { class: "card-header" }, dn = { class: "modal-title" }, cn = { class: "card-body" }, un = { class: "card-footer" }, Ws = {
   __name: "DCard",
   setup(t) {
     return (e, o) => (d(), x(ln, { class: "d-card" }, {
-      default: B(() => [
-        b("div", rn, [
-          b("h5", dn, [
-            L(e.$slots, "title")
+      default: E(() => [
+        _("div", rn, [
+          _("h5", dn, [
+            I(e.$slots, "title")
           ])
         ]),
-        b("div", cn, [
-          L(e.$slots, "default")
+        _("div", cn, [
+          I(e.$slots, "default")
         ]),
-        b("div", un, [
-          L(e.$slots, "footer")
+        _("div", un, [
+          I(e.$slots, "footer")
         ])
       ]),
       _: 3
@@ -1927,14 +1927,14 @@ class fn {
     this.start = Date.now(), clearTimeout(this.notifyItem.timer), this.notifyItem.timer = setTimeout(this.callback, this.remaining);
   }
 }
-const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
+const Be = "[-+]?[0-9]*.?[0-9]+", lt = [
   {
     name: "px",
-    regexp: new RegExp(`^${Ee}px$`)
+    regexp: new RegExp(`^${Be}px$`)
   },
   {
     name: "%",
-    regexp: new RegExp(`^${Ee}%$`)
+    regexp: new RegExp(`^${Be}%$`)
   },
   /**
    * Fallback option
@@ -1942,7 +1942,7 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
    */
   {
     name: "px",
-    regexp: new RegExp(`^${Ee}$`)
+    regexp: new RegExp(`^${Be}$`)
   }
 ], mn = (t) => {
   if (t === "auto")
@@ -1950,8 +1950,8 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
       type: t,
       value: 0
     };
-  for (let e = 0; e < it.length; e++) {
-    const o = it[e];
+  for (let e = 0; e < lt.length; e++) {
+    const o = lt[e];
     if (o.regexp.test(t))
       return {
         type: o.name,
@@ -1971,16 +1971,16 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
     default:
       return { type: "", value: t };
   }
-}, lt = {
+}, rt = {
   x: /* @__PURE__ */ new Set(["left", "center", "right"]),
   y: /* @__PURE__ */ new Set(["top", "bottom"])
 }, gn = ((t) => () => t++)(0), vn = (t) => typeof t != "string" ? [] : t.split(/\s+/gi).filter(Boolean), yn = (t) => {
   typeof t == "string" && (t = vn(t));
   let e = null, o = null;
   return t.forEach((n) => {
-    lt.y.has(n) && (o = n), lt.x.has(n) && (e = n);
+    rt.y.has(n) && (o = n), rt.x.has(n) && (e = n);
   }), { x: e, y: o };
-}, Be = {
+}, Ee = {
   position: ["top", "right"],
   cssAnimation: "fade",
   velocityAnimation: {
@@ -2011,8 +2011,8 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
       onLeave: n,
       onAfterLeave: s
     }, {
-      default: B(() => [
-        L(a.$slots, "default")
+      default: E(() => [
+        I(a.$slots, "default")
       ]),
       _: 3
     }));
@@ -2030,8 +2030,8 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
       tag: "span",
       name: e.name
     }, {
-      default: B(() => [
-        L(o.$slots, "default")
+      default: E(() => [
+        I(o.$slots, "default")
       ]),
       _: 3
     }, 8, ["name"]));
@@ -2039,7 +2039,7 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
 }), xn = ["data-id"], kn = ["onClick"], $n = ["innerHTML"], wn = ["innerHTML"], Sn = {
   key: 0,
   class: "d-notification-title"
-}, Dn = { class: "notification-content" }, zs = {
+}, Dn = { class: "notification-content" }, Ps = {
   __name: "DNotificationProvider",
   props: {
     group: {
@@ -2056,7 +2056,7 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
     },
     position: {
       type: [String, Array, null],
-      default: Be.position
+      default: Ee.position
     },
     classes: {
       type: String,
@@ -2068,11 +2068,11 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
     },
     animation: {
       type: [String, Object],
-      default: Be.velocityAnimation
+      default: Ee.velocityAnimation
     },
     animationName: {
       type: String,
-      default: Be.cssAnimation
+      default: Ee.cssAnimation
     },
     speed: {
       type: Number,
@@ -2112,27 +2112,27 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
     const o = t, n = {
       IDLE: 0,
       DESTROYED: 2
-    }, s = S([]), a = S(null), l = S(pn.get("velocity")), r = h(() => o.animationType === "velocity"), i = h(() => r.value ? _n : bn), c = h(() => s.value.filter((f) => f.state !== n.DESTROYED)), u = h(() => hn(o.width)), g = h(() => {
-      const { x: f, y: p } = yn(o.position), y = u.value.value, A = u.value.type, ae = {
-        width: y + A
+    }, s = S([]), a = S(null), l = S(pn.get("velocity")), r = h(() => o.animationType === "velocity"), i = h(() => r.value ? _n : bn), c = h(() => s.value.filter((m) => m.state !== n.DESTROYED)), u = h(() => hn(o.width)), g = h(() => {
+      const { x: m, y: p } = yn(o.position), y = u.value.value, V = u.value.type, ae = {
+        width: y + V
       };
-      return p && (ae[p] = "0px"), f && (f === "center" ? ae.left = `calc(50% - ${+y / 2}${A})` : ae[f] = "0px"), ae;
-    }), _ = h(() => "bottom" in g.value), D = (f) => {
-      e("click", f), o.closeOnClick && F(f);
+      return p && (ae[p] = "0px"), m && (m === "center" ? ae.left = `calc(50% - ${+y / 2}${V})` : ae[m] = "0px"), ae;
+    }), b = h(() => "bottom" in g.value), D = (m) => {
+      e("click", m), o.closeOnClick && z(m);
     }, R = () => {
-      var f;
-      o.pauseOnHover && ((f = a.value) == null || f.pause());
+      var m;
+      o.pauseOnHover && ((m = a.value) == null || m.pause());
     }, $ = () => {
-      var f;
-      o.pauseOnHover && ((f = a.value) == null || f.resume());
-    }, H = (f) => {
-      if (f.group || (f.group = ""), f.data || (f.data = {}), o.group !== f.group)
+      var m;
+      o.pauseOnHover && ((m = a.value) == null || m.resume());
+    }, A = (m) => {
+      if (m.group || (m.group = ""), m.data || (m.data = {}), o.group !== m.group)
         return;
-      if (f.clean || f.clear) {
+      if (m.clean || m.clear) {
         W();
         return;
       }
-      const p = typeof f.duration == "number" ? f.duration : o.duration, y = typeof f.speed == "number" ? f.speed : o.speed, A = typeof f.ignoreDuplicates == "boolean" ? f.ignoreDuplicates : o.ignoreDuplicates, { title: ae, text: ve, type: ye, data: _e, id: be } = f, ee = {
+      const p = typeof m.duration == "number" ? m.duration : o.duration, y = typeof m.speed == "number" ? m.speed : o.speed, V = typeof m.ignoreDuplicates == "boolean" ? m.ignoreDuplicates : o.ignoreDuplicates, { title: ae, text: ve, type: ye, data: _e, id: be } = m, ee = {
         id: be || gn(),
         title: ae,
         text: ve,
@@ -2142,91 +2142,91 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
         length: p + 2 * y,
         data: _e
       };
-      p >= 0 && (a.value = new fn(() => F(ee), ee.length, ee));
-      const xe = o.reverse ? !_.value : _.value;
+      p >= 0 && (a.value = new fn(() => z(ee), ee.length, ee));
+      const xe = o.reverse ? !b.value : b.value;
       let de = -1;
-      const ke = c.value.some((ge) => ge.title === f.title && ge.text === f.text);
-      (!A || !ke) && (xe ? (s.value.push(ee), e("start", ee), c.value.length > o.max && (de = 0)) : (s.value.unshift(ee), e("start", ee), c.value.length > o.max && (de = c.value.length - 1)), de !== -1 && F(c.value[de]));
-    }, Y = (f) => {
-      T(f);
-    }, M = (f) => [
+      const ke = c.value.some((ge) => ge.title === m.title && ge.text === m.text);
+      (!V || !ke) && (xe ? (s.value.push(ee), e("start", ee), c.value.length > o.max && (de = 0)) : (s.value.unshift(ee), e("start", ee), c.value.length > o.max && (de = c.value.length - 1)), de !== -1 && z(c.value[de]));
+    }, Y = (m) => {
+      T(m);
+    }, M = (m) => [
       "d-notification-template",
       o.classes,
-      f.type || ""
-    ], I = (f) => r.value ? void 0 : { transition: `all ${f.speed}ms` }, F = (f) => {
-      clearTimeout(f.timer), f.state = n.DESTROYED, P(), e("destroy", f);
-    }, T = (f) => {
-      const p = s.value.find((y) => y.id === f);
-      p && F(p);
+      m.type || ""
+    ], B = (m) => r.value ? void 0 : { transition: `all ${m.speed}ms` }, z = (m) => {
+      clearTimeout(m.timer), m.state = n.DESTROYED, P(), e("destroy", m);
+    }, T = (m) => {
+      const p = s.value.find((y) => y.id === m);
+      p && z(p);
     }, W = () => {
-      c.value.forEach(F);
-    }, N = (f, p) => {
-      var A;
-      const y = (A = o.animation) == null ? void 0 : A[f];
+      c.value.forEach(z);
+    }, N = (m, p) => {
+      var V;
+      const y = (V = o.animation) == null ? void 0 : V[m];
       return typeof y == "function" ? y(p) : y;
-    }, w = (f, p) => {
+    }, w = (m, p) => {
       if (!r.value)
         return;
-      const y = N("enter", f);
-      l.value(f, y, {
+      const y = N("enter", m);
+      l.value(m, y, {
         duration: o.speed,
         complete: p
       });
-    }, V = (f, p) => {
+    }, H = (m, p) => {
       if (!r.value)
         return;
-      const y = N("leave", f);
-      l.value(f, y, {
+      const y = N("leave", m);
+      l.value(m, y, {
         duration: o.speed,
         complete: p
       });
     };
     function P() {
-      s.value = s.value.filter((f) => f.state !== n.DESTROYED);
+      s.value = s.value.filter((m) => m.state !== n.DESTROYED);
     }
     return he(() => {
-      q.on("notification-add", H), q.on("notification-close", Y);
-    }), (f, p) => (d(), m("div", {
+      q.on("notification-add", A), q.on("notification-close", Y);
+    }), (m, p) => (d(), f("div", {
       class: "d-notification-group",
-      style: z(g.value)
+      style: F(g.value)
     }, [
       (d(), x(U(i.value), {
         name: t.animationName,
         onEnter: w,
-        onLeave: V,
+        onLeave: H,
         onAfterLeave: P
       }, {
-        default: B(() => [
-          (d(!0), m(ne, null, me(c.value, (y) => (d(), m("div", {
+        default: E(() => [
+          (d(!0), f(ne, null, me(c.value, (y) => (d(), f("div", {
             key: y.id,
             class: "d-notification-wrapper",
-            style: z(I(y)),
+            style: F(B(y)),
             "data-id": y.id,
             onMouseenter: R,
             onMouseleave: $
           }, [
-            L(f.$slots, "body", {
+            I(m.$slots, "body", {
               class: C([t.classes, y.type]),
               item: y,
-              close: () => F(y)
+              close: () => z(y)
             }, () => [
-              b("div", {
+              _("div", {
                 class: C(M(y)),
-                onClick: (A) => D(y)
+                onClick: (V) => D(y)
               }, [
-                t.dangerouslySetInnerHtml ? (d(), m(ne, { key: 0 }, [
-                  y.title ? (d(), m("div", {
+                t.dangerouslySetInnerHtml ? (d(), f(ne, { key: 0 }, [
+                  y.title ? (d(), f("div", {
                     key: 0,
                     class: "d-notification-title",
                     innerHTML: y.timer
                   }, null, 8, $n)) : k("", !0),
-                  b("div", {
+                  _("div", {
                     class: "notification-content",
                     innerHTML: y.text
                   }, null, 8, wn)
-                ], 64)) : (d(), m(ne, { key: 1 }, [
-                  y.title ? (d(), m("div", Sn, O(y.title), 1)) : k("", !0),
-                  b("div", Dn, O(y.text), 1)
+                ], 64)) : (d(), f(ne, { key: 1 }, [
+                  y.title ? (d(), f("div", Sn, O(y.title), 1)) : k("", !0),
+                  _("div", Dn, O(y.text), 1)
                 ], 64))
               ], 10, kn)
             ])
@@ -2236,7 +2236,7 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
       }, 40, ["name"]))
     ], 4));
   }
-}, Tn = { class: "d-info-progress-icon-container" }, Cn = { class: "d-info-progress-icon" }, Ln = { class: "d-info-progress-data-container" }, In = ["innerHTML"], Fs = {
+}, Tn = { class: "d-info-progress-icon-container" }, Cn = { class: "d-info-progress-icon" }, Ln = { class: "d-info-progress-data-container" }, In = ["innerHTML"], js = {
   __name: "DInfoProgress",
   props: {
     style: [String, Object],
@@ -2248,15 +2248,15 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
   emits: ["click"],
   setup(t, { emit: e }) {
     const o = t, n = h(() => o.icon ? oe.getters.getIcon(o.icon) : null);
-    return (s, a) => (d(), m("div", {
+    return (s, a) => (d(), f("div", {
       class: C(["d-info-progress", o.type ? `d-info-progress-${o.type}` : null]),
-      style: z(o.style),
+      style: F(o.style),
       onClick: a[0] || (a[0] = (l) => {
         e("click", l);
       })
     }, [
-      b("div", Tn, [
-        b("div", Cn, [
+      _("div", Tn, [
+        _("div", Cn, [
           o.icon ? (d(), x(U(re), {
             key: 0,
             component: n.value,
@@ -2265,19 +2265,19 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
           }, null, 8, ["component"])) : k("", !0)
         ])
       ]),
-      b("div", Ln, [
-        b("div", {
+      _("div", Ln, [
+        _("div", {
           class: "d-info-progress-line",
-          style: z("width: " + o.progress + "%;")
+          style: F("width: " + o.progress + "%;")
         }, null, 4),
-        b("div", {
+        _("div", {
           class: "d-info-progress-label",
           innerHTML: t.label
         }, null, 8, In)
       ])
     ], 6));
   }
-}, En = { class: "d-checkbox" }, Bn = ["id", "checked", "disabled"], Mn = ["for"], Ws = {
+}, Bn = { class: "d-checkbox" }, En = ["id", "checked", "disabled"], Mn = ["for"], Xs = {
   __name: "DCheckbox",
   props: {
     label: String,
@@ -2291,44 +2291,44 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const o = t, s = gt().uid, a = h({
+    const o = t, s = Ve().uid, a = h({
       get: () => o.modelValue,
       set: (l) => {
         e("update:modelValue", l);
       }
     });
-    return (l, r) => (d(), m("div", En, [
-      J(b("input", {
+    return (l, r) => (d(), f("div", Bn, [
+      Z(_("input", {
         "onUpdate:modelValue": r[0] || (r[0] = (i) => a.value = i),
-        id: `i-${E(s)}`,
+        id: `i-${L(s)}`,
         type: "checkbox",
         checked: o.checked,
         disabled: o.disabled,
         onChange: r[1] || (r[1] = (...i) => o.change && o.change(...i))
-      }, null, 40, Bn), [
-        [Nt, a.value]
+      }, null, 40, En), [
+        [_t, a.value]
       ]),
-      b("label", {
-        for: `i-${E(s)}`
+      _("label", {
+        for: `i-${L(s)}`
       }, O(o.label), 9, Mn)
     ]));
   }
 };
 async function Nn(t, e) {
-  return await $t(tn, { title: t, message: e });
+  return await wt(tn, { title: t, message: e });
 }
 async function Rn(t, e) {
-  return await $t(Qo, { title: t, message: e });
+  return await wt(Qo, { title: t, message: e });
 }
-const Ps = {
+const Ys = {
   __name: "DDialogProvider",
   setup(t) {
-    return window.alert = Rn, window.confirm = Nn, (e, o) => (d(), x(E(Ko)));
+    return window.alert = Rn, window.confirm = Nn, (e, o) => (d(), x(L(Ko)));
   }
-}, On = { class: "d-select" }, An = {
+}, On = { class: "d-select" }, Vn = {
   key: 0,
   class: "label"
-}, Hn = ["disabled"], Vn = ["value", "selected", "disabled"], js = {
+}, An = ["disabled"], Hn = ["value", "selected", "disabled"], Us = {
   __name: "DSelect",
   props: {
     label: String,
@@ -2355,52 +2355,52 @@ const Ps = {
         s.value = o.options[a].value;
         break;
       }
-    return (a, l) => (d(), m("div", On, [
-      o.label ? (d(), m("div", An, O(o.label), 1)) : k("", !0),
-      J(b("select", {
+    return (a, l) => (d(), f("div", On, [
+      o.label ? (d(), f("div", Vn, O(o.label), 1)) : k("", !0),
+      Z(_("select", {
         "onUpdate:modelValue": l[0] || (l[0] = (r) => s.value = r),
         class: C(n.value),
-        style: z(o.size === "wide" ? "width:100%" : ""),
+        style: F(o.size === "wide" ? "width:100%" : ""),
         disabled: o.disabled
       }, [
-        (d(!0), m(ne, null, me(o.options, (r, i) => (d(), m("option", {
+        (d(!0), f(ne, null, me(o.options, (r, i) => (d(), f("option", {
           key: i,
           value: r.value,
           selected: r.selected,
           disabled: r.disabled
-        }, O(r.label), 9, Vn))), 128))
-      ], 14, Hn), [
+        }, O(r.label), 9, Hn))), 128))
+      ], 14, An), [
         [Rt, s.value]
       ])
     ]));
   }
 };
-const zn = ["title"], Fn = { class: "tab-icon" }, Wn = { class: "tab-label" }, Pn = ["title"], jn = ["title"], Xn = {
+const Fn = ["title"], zn = { class: "tab-icon" }, Wn = { class: "tab-label" }, Pn = ["title"], jn = ["title"], Xn = {
   __name: "DTabLabel",
   props: {
     tab: Object
   },
   setup(t) {
     const e = t;
-    return (o, n) => e.tab.label && e.tab.icon ? (d(), m("span", {
+    return (o, n) => e.tab.label && e.tab.icon ? (d(), f("span", {
       key: 0,
       title: e.tab.title ? e.tab.title : "",
       style: { display: "flex", "flex-direction": "column" }
     }, [
-      b("div", Fn, [
-        Q(E(re), {
+      _("div", zn, [
+        Q(L(re), {
           component: e.tab.icon
         }, null, 8, ["component"])
       ]),
-      b("div", Wn, O(e.tab.label), 1)
-    ], 8, zn)) : e.tab.label ? (d(), m("span", {
+      _("div", Wn, O(e.tab.label), 1)
+    ], 8, Fn)) : e.tab.label ? (d(), f("span", {
       key: 1,
       title: e.tab.title ? e.tab.title : ""
-    }, O(e.tab.label), 9, Pn)) : e.tab.icon ? (d(), m("span", {
+    }, O(e.tab.label), 9, Pn)) : e.tab.icon ? (d(), f("span", {
       key: 2,
       title: e.tab.title ? e.tab.title : ""
     }, [
-      Q(E(re), {
+      Q(L(re), {
         component: e.tab.icon
       }, null, 8, ["component"])
     ], 8, jn)) : k("", !0);
@@ -2419,28 +2419,28 @@ const Un = { class: "d-tabs" }, qn = {
     };
     return e({
       refs: () => s.value
-    }), (c, u) => (d(), m(ne, null, [
-      b("div", Un, [
-        (d(!0), m(ne, null, me(n.value, (g, _) => (d(), x(Yn, {
-          index: _,
+    }), (c, u) => (d(), f(ne, null, [
+      _("div", Un, [
+        (d(!0), f(ne, null, me(n.value, (g, b) => (d(), x(Yn, {
+          index: b,
           tab: g,
-          class: C(["d-tab-title", _ === a.value ? "active" : ""]),
-          onClick: (D) => l(_)
+          class: C(["d-tab-title", b === a.value ? "active" : ""]),
+          onClick: (D) => l(b)
         }, null, 8, ["index", "tab", "class", "onClick"]))), 256))
       ]),
-      (d(), x(At, null, [
-        (d(!0), m(ne, null, me(n.value, (g, _) => (d(), m("div", null, [
-          J((d(), x(U(g.component), {
+      (d(), x(Vt, null, [
+        (d(!0), f(ne, null, me(n.value, (g, b) => (d(), f("div", null, [
+          Z((d(), x(U(g.component), {
             ref_for: !0,
             ref: r
           }, null, 512)), [
-            [Ht, _ === a.value]
+            [At, b === a.value]
           ])
         ]))), 256))
       ], 1024))
     ], 64));
   }
-}, Xs = /* @__PURE__ */ se(qn, [["__scopeId", "data-v-4b44471a"]]);
+}, qs = /* @__PURE__ */ se(qn, [["__scopeId", "data-v-4b44471a"]]);
 const Gn = { class: "d-grid" }, Zn = {
   __name: "DGrid",
   props: {
@@ -2469,15 +2469,15 @@ const Gn = { class: "d-grid" }, Zn = {
       "09eba33c": i[5],
       "898eb2ac": e.gap
     }));
-    const { colXs: o, colSm: n, colMd: s, colLg: a, colXl: l, colXxl: r } = Vt(e), i = [o.value, n.value, s.value, a.value, l.value, r.value];
+    const { colXs: o, colSm: n, colMd: s, colLg: a, colXl: l, colXxl: r } = Ht(e), i = [o.value, n.value, s.value, a.value, l.value, r.value];
     let c = null;
     for (let u = 0; u < i.length; u++)
       c || (c = i[0]), u > 0 && (i[u] ? c = i[u] : i[u] = c);
-    return (u, g) => (d(), m("div", Gn, [
-      L(u.$slots, "default", {}, void 0, !0)
+    return (u, g) => (d(), f("div", Gn, [
+      I(u.$slots, "default", {}, void 0, !0)
     ]));
   }
-}, Ys = /* @__PURE__ */ se(Zn, [["__scopeId", "data-v-b45e8130"]]), Kn = ["src", "alt", "title"], Us = {
+}, Gs = /* @__PURE__ */ se(Zn, [["__scopeId", "data-v-b45e8130"]]), Kn = ["src", "alt", "title"], Zs = {
   __name: "DImage",
   props: {
     src: String,
@@ -2496,12 +2496,12 @@ const Gn = { class: "d-grid" }, Zn = {
       o.value = e.srcFail;
     }, he(() => {
       n.src = e.src;
-    }), (s, a) => o.value ? (d(), m("img", {
+    }), (s, a) => o.value ? (d(), f("img", {
       key: 0,
       src: o.value,
       alt: e.alt,
       title: e.title,
-      style: z({ width: e.width, height: e.height, borderRadius: e.radius })
+      style: F({ width: e.width, height: e.height, borderRadius: e.radius })
     }, null, 12, Kn)) : k("", !0);
   }
 };
@@ -2542,9 +2542,9 @@ const Jn = { class: "d-textarea" }, Qn = {
     };
     return e({
       focus: r
-    }), (i, c) => (d(), m("div", Jn, [
-      n.label ? (d(), m("div", Qn, O(n.label), 1)) : k("", !0),
-      J(b("textarea", {
+    }), (i, c) => (d(), f("div", Jn, [
+      n.label ? (d(), f("div", Qn, O(n.label), 1)) : k("", !0),
+      Z(_("textarea", {
         ref_key: "inputRef",
         ref: s,
         "onUpdate:modelValue": c[0] || (c[0] = (u) => l.value = u),
@@ -2554,12 +2554,47 @@ const Jn = { class: "d-textarea" }, Qn = {
         class: C(a.value),
         style: { width: "100%" }
       }, null, 10, es), [
-        [zt, l.value]
+        [Ft, l.value]
       ])
     ]));
   }
-}, qs = /* @__PURE__ */ se(ts, [["__scopeId", "data-v-0e805d5d"]]);
-class Gs {
+}, Ks = /* @__PURE__ */ se(ts, [["__scopeId", "data-v-0e805d5d"]]), os = { class: "d-switcher" }, ns = ["id", "checked", "disabled"], ss = ["for"], Js = {
+  __name: "DSwitcher",
+  props: {
+    modelValue: Boolean,
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    change: Function,
+    checked: Boolean
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: e }) {
+    const o = t, s = Ve().uid, a = h({
+      get: () => o.modelValue,
+      set: (l) => {
+        e("update:modelValue", l);
+      }
+    });
+    return (l, r) => (d(), f("div", os, [
+      Z(_("input", {
+        "onUpdate:modelValue": r[0] || (r[0] = (i) => a.value = i),
+        id: `i-${L(s)}`,
+        type: "checkbox",
+        checked: o.checked,
+        disabled: o.disabled,
+        onChange: r[1] || (r[1] = (...i) => o.change && o.change(...i))
+      }, null, 40, ns), [
+        [_t, a.value]
+      ]),
+      _("label", {
+        for: `i-${L(s)}`
+      }, "Toggle", 8, ss)
+    ]));
+  }
+};
+class Qs {
   constructor(e) {
     this.fields = e;
   }
@@ -2570,7 +2605,7 @@ class Gs {
     return !e;
   }
 }
-class os {
+class as {
   validate(e, o = "https") {
     return this._isValidURL(e) || (e = o + "://" + e), this._isValidURL(e);
   }
@@ -2591,8 +2626,8 @@ class os {
     }
   }
 }
-const ns = new os();
-class ss {
+const is = new as();
+class ls {
   validate(e = "") {
     return e !== "";
   }
@@ -2600,8 +2635,8 @@ class ss {
     return e;
   }
 }
-const as = new ss();
-class is {
+const rs = new ls();
+class ds {
   validate(e = "", o = 0) {
     return e.length >= o;
   }
@@ -2609,8 +2644,8 @@ class is {
     return e;
   }
 }
-const ls = new is();
-class rs {
+const cs = new ds();
+class us {
   validate(e = "", o = 0) {
     return e.length <= o;
   }
@@ -2618,8 +2653,8 @@ class rs {
     return e;
   }
 }
-const ds = new rs();
-class cs {
+const ps = new us();
+class fs {
   validate(e) {
     return /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/.test(e);
   }
@@ -2627,8 +2662,8 @@ class cs {
     return e;
   }
 }
-const us = new cs();
-class ps {
+const ms = new fs();
+class hs {
   validate(e) {
     return !isNaN(parseFloat(e)) && !isNaN(e - 0);
   }
@@ -2636,41 +2671,41 @@ class ps {
     return e;
   }
 }
-const fs = new ps(), G = {
-  RulesUrl: ns,
-  RulesRequired: as,
-  RulesMin: ls,
-  RulesMax: ds,
-  RulesEmail: us,
-  RulesNumber: fs
+const gs = new hs(), G = {
+  RulesUrl: is,
+  RulesRequired: rs,
+  RulesMin: cs,
+  RulesMax: ps,
+  RulesEmail: ms,
+  RulesNumber: gs
 };
-class ms {
+class vs {
   validate(e, o) {
-    var s, a, l, r, i, c, u, g, _, D, R, $, H, Y;
+    var s, a, l, r, i, c, u, g, b, D, R, $, A, Y;
     let n = "";
     if (o) {
       let M = !1;
-      for (let I in o)
+      for (let B in o)
         if (!M)
-          switch (I) {
+          switch (B) {
             case "url":
-              n = G.RulesUrl.validate(e, "https") || e.length === 0 ? "" : G.RulesUrl.message("url", (s = o[I]) != null && s.message ? (a = o[I]) == null ? void 0 : a.message : "url_incorrect"), M = n !== "";
+              n = G.RulesUrl.validate(e, "https") || e.length === 0 ? "" : G.RulesUrl.message("url", (s = o[B]) != null && s.message ? (a = o[B]) == null ? void 0 : a.message : "url_incorrect"), M = n !== "";
               break;
             case "required":
-              n = G.RulesRequired.validate(e) ? "" : G.RulesRequired.message((l = o[I]) != null && l.message ? (r = o[I]) == null ? void 0 : r.message : "required"), M = n !== "";
+              n = G.RulesRequired.validate(e) ? "" : G.RulesRequired.message((l = o[B]) != null && l.message ? (r = o[B]) == null ? void 0 : r.message : "required"), M = n !== "";
               break;
             case "min":
-              n = G.RulesMin.validate(e, (i = o[I]) == null ? void 0 : i.value) ? "" : G.RulesMin.message((c = o[I]) != null && c.message ? (u = o[I]) == null ? void 0 : u.message : "very_small"), M = n !== "";
+              n = G.RulesMin.validate(e, (i = o[B]) == null ? void 0 : i.value) ? "" : G.RulesMin.message((c = o[B]) != null && c.message ? (u = o[B]) == null ? void 0 : u.message : "very_small"), M = n !== "";
               break;
             case "max":
-              n = G.RulesMax.validate(e, (g = o[I]) == null ? void 0 : g.value) ? "" : G.RulesMax.message((_ = o[I]) != null && _.message ? (D = o[I]) == null ? void 0 : D.message : "vary_large"), M = n !== "";
+              n = G.RulesMax.validate(e, (g = o[B]) == null ? void 0 : g.value) ? "" : G.RulesMax.message((b = o[B]) != null && b.message ? (D = o[B]) == null ? void 0 : D.message : "vary_large"), M = n !== "";
               break;
             case "email":
-              n = G.RulesEmail.validate(e) ? "" : G.RulesMax.message((R = o[I]) != null && R.message ? ($ = o[I]) == null ? void 0 : $.message : "email_incorrect"), M = n !== "";
+              n = G.RulesEmail.validate(e) ? "" : G.RulesMax.message((R = o[B]) != null && R.message ? ($ = o[B]) == null ? void 0 : $.message : "email_incorrect"), M = n !== "";
               break;
             case "number":
               n = G.RulesNumber.validate(e) ? "" : G.RulesNumber.message(
-                (H = o[I]) != null && H.message ? (Y = o[I]) == null ? void 0 : Y.message : "number_incorrect"
+                (A = o[B]) != null && A.message ? (Y = o[B]) == null ? void 0 : Y.message : "number_incorrect"
               ), M = n !== "";
               break;
           }
@@ -2678,39 +2713,39 @@ class ms {
     return n;
   }
 }
-const hs = new ms(), gs = { style: { display: "flex", "flex-direction": "column" } }, vs = {
+const ys = new vs(), _s = { style: { display: "flex", "flex-direction": "column" } }, bs = {
   key: 0,
   class: "d-label"
-}, ys = {
+}, xs = {
   key: 0,
   class: "text-red"
-}, _s = { style: { display: "flex", "flex-direction": "row" } }, bs = { style: { flex: "1", position: "relative" } }, xs = /* @__PURE__ */ b("svg", {
+}, ks = { style: { display: "flex", "flex-direction": "row" } }, $s = { style: { flex: "1", position: "relative" } }, ws = /* @__PURE__ */ _("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 }, [
-  /* @__PURE__ */ b("path", {
+  /* @__PURE__ */ _("path", {
     d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41z",
     fill: "currentColor"
   })
-], -1), ks = [
-  xs
-], $s = ["id", "type", "placeholder", "disabled"], ws = /* @__PURE__ */ b("svg", {
+], -1), Ss = [
+  ws
+], Ds = ["id", "type", "placeholder", "disabled"], Ts = /* @__PURE__ */ _("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 }, [
-  /* @__PURE__ */ b("path", {
+  /* @__PURE__ */ _("path", {
     d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41z",
     fill: "currentColor"
   })
-], -1), Ss = [
-  ws
-], Ds = {
+], -1), Cs = [
+  Ts
+], Ls = {
   key: 1,
   class: "d-help"
-}, Ts = {
+}, Is = {
   key: 2,
   class: "d-error text-red"
-}, Zs = {
+}, ea = {
   __name: "DInputString",
   props: {
     form: Object,
@@ -2734,7 +2769,7 @@ const hs = new ms(), gs = { style: { display: "flex", "flex-direction": "column"
   },
   emits: ["update:modelValue", "input", "blur"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = S(n.error), a = Ft(), l = S(!1), r = S(null);
+    const n = t, s = S(n.error), a = zt(), l = S(!1), r = S(null);
     //!props.form ? ref(null) : props.form.fields[props.name].ref
     const i = h({
       get: () => n.modelValue,
@@ -2743,10 +2778,10 @@ const hs = new ms(), gs = { style: { display: "flex", "flex-direction": "column"
         o("update:modelValue", M);
       }
     }), c = h(() => n.type === "password" ? "password" : "text"), u = h(() => n.scale), g = (M) => {
-      o("input", M), _();
-    }, _ = () => {
+      o("input", M), b();
+    }, b = () => {
       if (!(!n.form || !n.form.fields || !n.form.fields[n.name].rules))
-        return s.value = hs.validate(i.value, n.form.fields[n.name].rules), !!s.value;
+        return s.value = ys.validate(i.value, n.form.fields[n.name].rules), !!s.value;
     };
     he(() => {
       D();
@@ -2758,90 +2793,90 @@ const hs = new ms(), gs = { style: { display: "flex", "flex-direction": "column"
       i.value = "";
     }, $ = (M) => {
       l.value = M;
-    }, H = (M) => {
+    }, A = (M) => {
       s.value = M;
     }, Y = (M) => {
       o("blur", M);
     };
     return e({
       focus: D,
-      setError: H,
-      validate: _
-    }), (M, I) => {
-      var F, T, W, N, w, V, P, f, p, y, A, ae, ve, ye, _e, be, ee, xe, de, ke, Le, ge, Fe, We, Pe, je, Xe, Ye, Ue, qe, Ge, Ze, Ke, Je, Qe, et, tt, ot, nt;
-      return d(), m("div", {
+      setError: A,
+      validate: b
+    }), (M, B) => {
+      var z, T, W, N, w, H, P, m, p, y, V, ae, ve, ye, _e, be, ee, xe, de, ke, Le, ge, We, Pe, je, Xe, Ye, Ue, qe, Ge, Ze, Ke, Je, Qe, et, tt, ot, nt, st;
+      return d(), f("div", {
         class: C(["d-input-string", u.value])
       }, [
-        b("div", gs, [
-          n.label ? (d(), m("div", vs, [
-            K(O(n.label), 1),
-            (F = n.form) != null && F.fields[n.name].rules && n.form.fields[n.name].rules.hasOwnProperty("required") ? (d(), m("span", ys, "*")) : k("", !0)
+        _("div", _s, [
+          n.label ? (d(), f("div", bs, [
+            J(O(n.label), 1),
+            (z = n.form) != null && z.fields[n.name].rules && n.form.fields[n.name].rules.hasOwnProperty("required") ? (d(), f("span", xs, "*")) : k("", !0)
           ])) : k("", !0),
-          b("div", _s, [
-            (W = (T = n.pre) == null ? void 0 : T.outside) != null && W.component ? (d(), m("div", {
+          _("div", ks, [
+            (W = (T = n.pre) == null ? void 0 : T.outside) != null && W.component ? (d(), f("div", {
               key: 0,
               class: C(["d-pre", n.disabled ? "disabled" : ""])
             }, [
               (d(), x(U((w = (N = n.pre) == null ? void 0 : N.outside) == null ? void 0 : w.component)))
-            ], 2)) : (P = (V = n.pre) == null ? void 0 : V.outside) != null && P.text ? (d(), m("div", {
+            ], 2)) : (P = (H = n.pre) == null ? void 0 : H.outside) != null && P.text ? (d(), f("div", {
               key: 1,
               class: C(["d-pre", n.disabled ? "disabled" : ""])
             }, [
-              b("div", {
+              _("div", {
                 class: C(["d-text", l.value ? "focused" : ""])
-              }, O((p = (f = n.pre) == null ? void 0 : f.outside) == null ? void 0 : p.text), 3)
+              }, O((p = (m = n.pre) == null ? void 0 : m.outside) == null ? void 0 : p.text), 3)
             ], 2)) : k("", !0),
-            b("div", bs, [
-              (A = (y = n.pre) == null ? void 0 : y.inside) != null && A.action && ((ve = (ae = n.pre) == null ? void 0 : ae.inside) == null ? void 0 : ve.action) === "clear" && ((ye = i.value) == null ? void 0 : ye.length) > 0 ? (d(), m("div", {
+            _("div", $s, [
+              (V = (y = n.pre) == null ? void 0 : y.inside) != null && V.action && ((ve = (ae = n.pre) == null ? void 0 : ae.inside) == null ? void 0 : ve.action) === "clear" && ((ye = i.value) == null ? void 0 : ye.length) > 0 ? (d(), f("div", {
                 key: 0,
                 class: "d-pre-inside-button",
                 onClick: R
-              }, ks)) : k("", !0),
-              J(b("input", {
-                id: E(a),
+              }, Ss)) : k("", !0),
+              Z(_("input", {
+                id: L(a),
                 ref_key: "inputRef",
                 ref: r,
-                "onUpdate:modelValue": I[0] || (I[0] = (Ie) => i.value = Ie),
+                "onUpdate:modelValue": B[0] || (B[0] = (Ie) => i.value = Ie),
                 style: { width: "100%" },
                 type: c.value,
                 placeholder: n.placeholder,
                 onInput: g,
-                onFocus: I[1] || (I[1] = (Ie) => $(!0)),
+                onFocus: B[1] || (B[1] = (Ie) => $(!0)),
                 onBlur: Y,
-                onFocusout: I[2] || (I[2] = (Ie) => $(!1)),
+                onFocusout: B[2] || (B[2] = (Ie) => $(!1)),
                 class: C([
                   (be = (_e = n.pre) == null ? void 0 : _e.outside) != null && be.component || (xe = (ee = n.pre) == null ? void 0 : ee.outside) != null && xe.text ? "has-pre" : "",
                   (ke = (de = n.post) == null ? void 0 : de.outside) != null && ke.component || (ge = (Le = n.post) == null ? void 0 : Le.outside) != null && ge.text ? "has-post" : "",
-                  (We = (Fe = n.pre) == null ? void 0 : Fe.inside) != null && We.action ? "has-pre-inside-button" : "",
-                  (je = (Pe = n.post) == null ? void 0 : Pe.inside) != null && je.action ? "has-post-inside-button" : "",
+                  (Pe = (We = n.pre) == null ? void 0 : We.inside) != null && Pe.action ? "has-pre-inside-button" : "",
+                  (Xe = (je = n.post) == null ? void 0 : je.inside) != null && Xe.action ? "has-post-inside-button" : "",
                   l.value ? "focused" : ""
                 ]),
                 disabled: n.disabled
-              }, null, 42, $s), [
+              }, null, 42, Ds), [
                 [De, i.value]
               ]),
-              (Ye = (Xe = n.post) == null ? void 0 : Xe.inside) != null && Ye.action && ((qe = (Ue = n.post) == null ? void 0 : Ue.inside) == null ? void 0 : qe.action) === "clear" && ((Ge = i.value) == null ? void 0 : Ge.length) > 0 ? (d(), m("div", {
+              (Ue = (Ye = n.post) == null ? void 0 : Ye.inside) != null && Ue.action && ((Ge = (qe = n.post) == null ? void 0 : qe.inside) == null ? void 0 : Ge.action) === "clear" && ((Ze = i.value) == null ? void 0 : Ze.length) > 0 ? (d(), f("div", {
                 key: 1,
                 class: "d-post-inside-button",
                 onClick: R
-              }, Ss)) : k("", !0)
+              }, Cs)) : k("", !0)
             ]),
-            (Ke = (Ze = n.post) == null ? void 0 : Ze.outside) != null && Ke.component ? (d(), m("div", {
+            (Je = (Ke = n.post) == null ? void 0 : Ke.outside) != null && Je.component ? (d(), f("div", {
               key: 2,
               class: C(["d-post", n.disabled ? "disabled" : ""])
             }, [
-              (d(), x(U((Qe = (Je = n.post) == null ? void 0 : Je.outside) == null ? void 0 : Qe.component)))
-            ], 2)) : (tt = (et = n.post) == null ? void 0 : et.outside) != null && tt.text ? (d(), m("div", {
+              (d(), x(U((et = (Qe = n.post) == null ? void 0 : Qe.outside) == null ? void 0 : et.component)))
+            ], 2)) : (ot = (tt = n.post) == null ? void 0 : tt.outside) != null && ot.text ? (d(), f("div", {
               key: 3,
               class: C(["d-post", n.disabled ? "disabled" : ""])
             }, [
-              b("div", {
+              _("div", {
                 class: C(["d-text", l.value ? "focused" : ""])
-              }, O((nt = (ot = n.post) == null ? void 0 : ot.outside) == null ? void 0 : nt.text), 3)
+              }, O((st = (nt = n.post) == null ? void 0 : nt.outside) == null ? void 0 : st.text), 3)
             ], 2)) : k("", !0)
           ]),
-          n.help ? (d(), m("div", Ds, O(n.help), 1)) : k("", !0),
-          s.value ? (d(), m("div", Ts, O(s.value), 1)) : k("", !0)
+          n.help ? (d(), f("div", Ls, O(n.help), 1)) : k("", !0),
+          s.value ? (d(), f("div", Is, O(s.value), 1)) : k("", !0)
         ])
       ], 2);
     };
@@ -2865,13 +2900,13 @@ const hs = new ms(), gs = { style: { display: "flex", "flex-direction": "column"
         t.hasOwnProperty(e) && (fe.state[e] = t[e]);
     }
   }
-}, wt = (t) => {
+}, St = (t) => {
   typeof t == "string" && (t = { title: "", text: t }), typeof t == "object" && q.emit("notification-add", t);
 };
-wt.close = (t) => {
+St.close = (t) => {
   q.emit("notification-close", t);
 };
-const Ks = () => ({ notify: wt }), Js = {
+const ta = () => ({ notify: St }), oa = {
   mounted: function(t, e) {
     t.clickOutsideEvent = function(o) {
       t === o.target || t.contains(o.target) || e.value(o, t);
@@ -2880,7 +2915,7 @@ const Ks = () => ({ notify: wt }), Js = {
   unmounted: function(t) {
     document.removeEventListener("click", t.clickOutsideEvent);
   }
-}, Qs = {
+}, na = {
   beforeMount(t, e) {
     t._keydownCallback = (o) => {
       o.key === e.arg && e.value();
@@ -2889,18 +2924,18 @@ const Ks = () => ({ notify: wt }), Js = {
   unmounted(t, e) {
     document.removeEventListener("keydown", t._keydownCallback), delete t._keydownCallback;
   }
-}, ea = {
+}, sa = {
   beforeMount(t) {
     t.focus();
   }
 };
-function St(t) {
+function Dt(t) {
   return t.type.indexOf("mouse") !== -1 ? t.clientX : t.touches[0].clientX;
 }
-function Dt(t) {
+function Tt(t) {
   return t.type.indexOf("mouse") !== -1 ? t.clientY : t.touches[0].clientY;
 }
-var Cs = function() {
+var Bs = function() {
   var t = !1;
   try {
     var e = Object.defineProperty({}, "passive", {
@@ -2912,7 +2947,7 @@ var Cs = function() {
   } catch {
   }
   return t;
-}(), Ls = {
+}(), Es = {
   disableClick: !1,
   tapTolerance: 10,
   // px
@@ -2930,12 +2965,12 @@ var Cs = function() {
 };
 function $e(t) {
   var e = this.$$touchObj, o = t.type.indexOf("touch") >= 0, n = t.type.indexOf("mouse") >= 0, s = this;
-  o && (e.lastTouchStartTime = t.timeStamp), !(n && e.lastTouchStartTime && t.timeStamp - e.lastTouchStartTime < 350) && (e.touchStarted || (Tt(this), e.touchStarted = !0, e.touchMoved = !1, e.swipeOutBounded = !1, e.startX = St(t), e.startY = Dt(t), e.currentX = 0, e.currentY = 0, e.touchStartTime = t.timeStamp, e.hasSwipe = Z(this, "swipe") || Z(this, "swipe.left") || Z(this, "swipe.right") || Z(this, "swipe.top") || Z(this, "swipe.bottom"), Z(this, "hold") && (e.touchHoldTimer = setTimeout(function() {
+  o && (e.lastTouchStartTime = t.timeStamp), !(n && e.lastTouchStartTime && t.timeStamp - e.lastTouchStartTime < 350) && (e.touchStarted || (Ct(this), e.touchStarted = !0, e.touchMoved = !1, e.swipeOutBounded = !1, e.startX = Dt(t), e.startY = Tt(t), e.currentX = 0, e.currentY = 0, e.touchStartTime = t.timeStamp, e.hasSwipe = K(this, "swipe") || K(this, "swipe.left") || K(this, "swipe.right") || K(this, "swipe.top") || K(this, "swipe.bottom"), K(this, "hold") && (e.touchHoldTimer = setTimeout(function() {
     e.touchHoldTimer = null, te(t, s, "hold");
   }, e.options.touchHoldTolerance)), te(t, this, "press")));
 }
 function we(t) {
-  var e = this.$$touchObj, o = St(t), n = Dt(t), s = e.currentX !== o || e.currentY !== n;
+  var e = this.$$touchObj, o = Dt(t), n = Tt(t), s = e.currentX !== o || e.currentY !== n;
   if (e.currentX = o, e.currentY = n, e.touchMoved) {
     if (e.hasSwipe && !e.swipeOutBounded) {
       var l = e.options.swipeTolerance;
@@ -2945,44 +2980,44 @@ function we(t) {
     var a = e.options.tapTolerance;
     e.touchMoved = Math.abs(e.startX - e.currentX) > a || Math.abs(e.startY - e.currentY) > a, e.touchMoved && (ze(e), te(t, this, "drag.once"));
   }
-  if (Z(this, "rollover") && s) {
+  if (K(this, "rollover") && s) {
     var r = t.timeStamp, i = e.options.rollOverFrequency;
     (e.touchRollTime == null || r > e.touchRollTime + i) && (e.touchRollTime = r, te(t, this, "rollover"));
   }
-  if (Z(this, "drag") && e.touchStarted && e.touchMoved && s) {
+  if (K(this, "drag") && e.touchStarted && e.touchMoved && s) {
     var r = t.timeStamp, i = e.options.dragFrequency;
     (e.touchDragTime == null || r > e.touchDragTime + i) && (e.touchDragTime = r, te(t, this, "drag"));
   }
 }
-function rt() {
+function dt() {
   var t = this.$$touchObj;
-  ze(t), Ve(this), t.touchStarted = t.touchMoved = !1, t.startX = t.startY = 0;
+  ze(t), Fe(this), t.touchStarted = t.touchMoved = !1, t.startX = t.startY = 0;
 }
 function Se(t) {
   var e = this.$$touchObj, o = t.type.indexOf("touch") >= 0, n = t.type.indexOf("mouse") >= 0;
   o && (e.lastTouchEndTime = t.timeStamp);
   var s = o && !e.touchHoldTimer;
-  if (ze(e), e.touchStarted = !1, Ve(this), !(n && e.lastTouchEndTime && t.timeStamp - e.lastTouchEndTime < 350))
+  if (ze(e), e.touchStarted = !1, Fe(this), !(n && e.lastTouchEndTime && t.timeStamp - e.lastTouchEndTime < 350))
     if (te(t, this, "release"), e.touchMoved) {
       if (e.hasSwipe && !e.swipeOutBounded) {
         var a = e.options.swipeTolerance, l, r = Math.abs(e.startY - e.currentY), i = Math.abs(e.startX - e.currentX);
-        (r > a || i > a) && (r > a ? l = e.startY > e.currentY ? "top" : "bottom" : l = e.startX > e.currentX ? "left" : "right", Z(this, "swipe." + l) ? te(t, this, "swipe." + l, l) : te(t, this, "swipe", l));
+        (r > a || i > a) && (r > a ? l = e.startY > e.currentY ? "top" : "bottom" : l = e.startX > e.currentX ? "left" : "right", K(this, "swipe." + l) ? te(t, this, "swipe." + l, l) : te(t, this, "swipe", l));
       }
-    } else if (Z(this, "longtap") && t.timeStamp - e.touchStartTime > e.options.longTapTimeInterval)
+    } else if (K(this, "longtap") && t.timeStamp - e.touchStartTime > e.options.longTapTimeInterval)
       t.cancelable && t.preventDefault(), te(t, this, "longtap");
-    else if (Z(this, "hold") && s) {
+    else if (K(this, "hold") && s) {
       t.cancelable && t.preventDefault();
       return;
     } else
       te(t, this, "tap");
 }
-function dt() {
-  Tt(this);
-}
 function ct() {
-  Ve(this);
+  Ct(this);
 }
-function Z(t, e) {
+function ut() {
+  Fe(this);
+}
+function K(t, e) {
   var o = t.$$touchObj.callbacks[e];
   return o != null && o.length > 0;
 }
@@ -2995,18 +3030,18 @@ function te(t, e, o, n) {
     r.modifiers.stop && t.stopPropagation(), r.modifiers.prevent && t.preventDefault(), !(r.modifiers.self && t.target !== t.currentTarget) && typeof r.value == "function" && (n ? r.value(n, t) : r.value(t));
   }
 }
-function Tt(t) {
+function Ct(t) {
   var e = t.$$touchObj.options.touchClass;
   e && t.classList.add(e);
 }
-function Ve(t) {
+function Fe(t) {
   var e = t.$$touchObj.options.touchClass;
   e && t.classList.remove(e);
 }
 function ze(t) {
   t.touchHoldTimer && (clearTimeout(t.touchHoldTimer), t.touchHoldTimer = null);
 }
-function Is(t, e) {
+function Ms(t, e) {
   var o = t.$$touchObj || {
     // an object contains all callbacks registered,
     // key is event name, value is an array
@@ -3014,14 +3049,14 @@ function Is(t, e) {
     // prevent bind twice, set to true when event bound
     hasBindTouchEvents: !1,
     // default options, would be override by v-touch-options
-    options: Ls
+    options: Es
   };
   return e && (o.options = Object.assign({}, o.options, e)), t.$$touchObj = o, t.$$touchObj;
 }
-const ta = {
+const aa = {
   beforeMount: function(t, e) {
-    const o = Is(t);
-    let n = Cs ? { passive: !0 } : !1;
+    const o = Ms(t);
+    let n = Bs ? { passive: !0 } : !1;
     const s = e.arg || "tap";
     switch (s) {
       case "swipe":
@@ -3041,65 +3076,66 @@ const ta = {
       default:
         o.callbacks[s] = o.callbacks[s] || [], o.callbacks[s].push(e);
     }
-    o.hasBindTouchEvents || (t.addEventListener("touchstart", $e, n), t.addEventListener("touchmove", we, n), t.addEventListener("touchcancel", rt), t.addEventListener("touchend", Se), o.options.disableClick || (t.addEventListener("mousedown", $e), t.addEventListener("mousemove", we), t.addEventListener("mouseup", Se), t.addEventListener("mouseenter", dt), t.addEventListener("mouseleave", ct)), o.hasBindTouchEvents = !0);
+    o.hasBindTouchEvents || (t.addEventListener("touchstart", $e, n), t.addEventListener("touchmove", we, n), t.addEventListener("touchcancel", dt), t.addEventListener("touchend", Se), o.options.disableClick || (t.addEventListener("mousedown", $e), t.addEventListener("mousemove", we), t.addEventListener("mouseup", Se), t.addEventListener("mouseenter", ct), t.addEventListener("mouseleave", ut)), o.hasBindTouchEvents = !0);
   },
   unmounted: function(t) {
-    t.removeEventListener("touchstart", $e), t.removeEventListener("touchmove", we), t.removeEventListener("touchcancel", rt), t.removeEventListener("touchend", Se), t.$$touchObj && !t.$$touchObj.options.disableClick && (t.removeEventListener("mousedown", $e), t.removeEventListener("mousemove", we), t.removeEventListener("mouseup", Se), t.removeEventListener("mouseenter", dt), t.removeEventListener("mouseleave", ct)), delete t.$$touchObj;
+    t.removeEventListener("touchstart", $e), t.removeEventListener("touchmove", we), t.removeEventListener("touchcancel", dt), t.removeEventListener("touchend", Se), t.$$touchObj && !t.$$touchObj.options.disableClick && (t.removeEventListener("mousedown", $e), t.removeEventListener("mousemove", we), t.removeEventListener("mouseup", Se), t.removeEventListener("mouseenter", ct), t.removeEventListener("mouseleave", ut)), delete t.$$touchObj;
   }
 };
 export {
-  Ms as DAccordion,
+  Os as DAccordion,
   Qo as DAlertDialog,
   uo as DBadge,
   le as DButton,
-  Vs as DCard,
-  Ws as DCheckbox,
+  Ws as DCard,
+  Xs as DCheckbox,
   po as DCollapse,
   fe as DComponentStore,
-  Rs as DConfigProvider,
+  As as DConfigProvider,
   tn as DConfirmDialog,
-  Eo as DContextMenu,
-  Ps as DDialogProvider,
-  at as DDrag,
+  Bo as DContextMenu,
+  Ys as DDialogProvider,
+  it as DDrag,
   Io as DDrop,
-  Hs as DDropdown,
-  Gs as DForm,
+  zs as DDropdown,
+  Qs as DForm,
   pe as DGlobalStore,
-  Ys as DGrid,
+  Gs as DGrid,
   re as DIcon,
   oe as DIconStore,
-  Us as DImage,
-  Fs as DInfoProgress,
-  Bs as DInput,
-  Zs as DInputString,
-  Ns as DLayoutAdmin,
-  Ao as DLayoutContent,
+  Zs as DImage,
+  js as DInfoProgress,
+  Rs as DInput,
+  ea as DInputString,
+  Vs as DLayoutAdmin,
+  Vo as DLayoutContent,
   Ro as DLayoutFooter,
   Mo as DLayoutHeader,
   Oo as DLayoutSidebar,
   No as DLayoutTab,
-  bt as DMenu,
-  kt as DModal,
-  zs as DNotificationProvider,
+  xt as DMenu,
+  $t as DModal,
+  Ps as DNotificationProvider,
   ln as DPanel,
-  As as DScroll,
-  Os as DScrollProvider,
-  js as DSelect,
-  Xs as DTabs,
-  qs as DTextarea,
+  Fs as DScroll,
+  Hs as DScrollProvider,
+  Us as DSelect,
+  Js as DSwitcher,
+  qs as DTabs,
+  Ks as DTextarea,
   Te as DTransferStore,
-  xt as DTree,
+  kt as DTree,
   Co as DTreeItem,
   v as DTreeStore,
   G as Rules,
   Rn as alert,
-  Js as clickOutside,
+  oa as clickOutside,
   Nn as confirm,
   q as emitter,
   Lo as eventsBus,
-  ea as focus,
-  Qs as keydown,
-  wt as notify,
-  ta as touch,
-  Ks as useNotification
+  sa as focus,
+  na as keydown,
+  St as notify,
+  aa as touch,
+  ta as useNotification
 };