doph-js 0.2.60 → 0.2.62

package/dist/dophJs.js

@@ -1,4 +1,4 @@
-import { useSlots as Le, computed as m, h as st, openBlock as d, createBlock as x, unref as E, ref as w, createElementBlock as f, Fragment as ie, normalizeClass as D, renderSlot as L, createCommentVNode as $, normalizeStyle as H, resolveDynamicComponent as X, createStaticVNode as dt, onMounted as fe, toDisplayString as A, withDirectives as te, createElementVNode as _, vModelDynamic as Te, withCtx as I, createTextVNode as K, Transition as Ne, withModifiers as Z, resolveComponent as wt, resolveDirective as Re, createVNode as oe, renderList as ge, pushScopeId as St, popScopeId as Tt, reactive as Oe, Teleport as ct, nextTick as ut, getCurrentInstance as pt, watch as ft, onUnmounted as Dt, mergeProps as ue, useCssVars as Ae, shallowRef as Lt, defineComponent as Ct, normalizeProps as It, guardReactiveProps as Et, TransitionGroup as mt, vModelCheckbox as Bt, vModelSelect as Mt, toRef as Nt, KeepAlive as Rt, toRefs as Ot, vModelText as At } from "vue";
+import { useSlots as Le, computed as m, h as st, openBlock as d, createBlock as b, unref as E, ref as w, createElementBlock as f, Fragment as ie, normalizeClass as T, renderSlot as L, createCommentVNode as k, normalizeStyle as H, resolveDynamicComponent as Y, createStaticVNode as ct, onMounted as fe, toDisplayString as A, withDirectives as te, createElementVNode as _, vModelDynamic as De, withCtx as C, createTextVNode as K, Transition as Ne, withModifiers as X, resolveComponent as St, resolveDirective as Re, createVNode as oe, renderList as ge, pushScopeId as Dt, popScopeId as Tt, reactive as Oe, Teleport as ut, nextTick as pt, getCurrentInstance as ft, watch as mt, onUnmounted as Lt, mergeProps as ue, useCssVars as Ae, shallowRef as Ct, defineComponent as It, normalizeProps as Et, guardReactiveProps as Bt, TransitionGroup as ht, vModelCheckbox as Mt, vModelSelect as Nt, toRef as Rt, KeepAlive as Ot, toRefs as At, vModelText as Ht } from "vue";
 const de = {
   __name: "DIcon",
   props: {
@@ -29,7 +29,7 @@ const de = {
       },
       t.component ? st(t.component) : o
     ));
-    return (l, i) => (d(), x(E(r)));
+    return (l, i) => (d(), b(E(r)));
   }
 }, ee = {
   state: {},
@@ -51,14 +51,14 @@ const de = {
     }
   }
 };
-function ht(e) {
+function gt(e) {
   const t = e.value.getBoundingClientRect();
   let o = e.value, s = 0, n = 0;
   for (; o && !isNaN(o.offsetLeft) && !isNaN(o.offsetTop); )
     s += o.offsetLeft - o.scrollLeft, n += o.offsetTop - o.scrollTop, o = o.offsetParent;
   return { top: n, left: s, x: t.x, y: t.y, width: t.width, height: t.height };
 }
-function Ht() {
+function Vt() {
   function e(n) {
     return n * Math.random() | 0;
   }
@@ -81,21 +81,21 @@ const re = (e, t) => {
   for (const [s, n] of t)
     o[s] = n;
   return o;
-}, Vt = {
+}, zt = {
   key: 0,
   class: "loading-svg rotating",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, zt = /* @__PURE__ */ dt('<g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-v-e5cd6ccd><path d="M8.56 3.69a9 9 0 0 0-2.92 1.95" data-v-e5cd6ccd></path><path d="M3.69 8.56A9 9 0 0 0 3 12" data-v-e5cd6ccd></path><path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" data-v-e5cd6ccd></path><path d="M8.56 20.31A9 9 0 0 0 12 21" data-v-e5cd6ccd></path><path d="M15.44 20.31a9 9 0 0 0 2.92-1.95" data-v-e5cd6ccd></path><path d="M20.31 15.44A9 9 0 0 0 21 12" data-v-e5cd6ccd></path><path d="M20.31 8.56a9 9 0 0 0-1.95-2.92" data-v-e5cd6ccd></path><path d="M15.44 3.69A9 9 0 0 0 12 3" data-v-e5cd6ccd></path></g>', 1), Ft = [
-  zt
-], Wt = { key: 1 }, Pt = {
+}, Ft = /* @__PURE__ */ ct('<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), Wt = [
+  Ft
+], Pt = { key: 1 }, jt = {
   key: 2,
   class: "loading-svg rotating",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, jt = /* @__PURE__ */ dt('<g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-v-e5cd6ccd><path d="M8.56 3.69a9 9 0 0 0-2.92 1.95" data-v-e5cd6ccd></path><path d="M3.69 8.56A9 9 0 0 0 3 12" data-v-e5cd6ccd></path><path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" data-v-e5cd6ccd></path><path d="M8.56 20.31A9 9 0 0 0 12 21" data-v-e5cd6ccd></path><path d="M15.44 20.31a9 9 0 0 0 2.92-1.95" data-v-e5cd6ccd></path><path d="M20.31 15.44A9 9 0 0 0 21 12" data-v-e5cd6ccd></path><path d="M20.31 8.56a9 9 0 0 0-1.95-2.92" data-v-e5cd6ccd></path><path d="M15.44 3.69A9 9 0 0 0 12 3" data-v-e5cd6ccd></path></g>', 1), Xt = [
-  jt
-], Yt = {
+}, Xt = /* @__PURE__ */ ct('<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), Yt = [
+  Xt
+], Ut = {
   __name: "DButton",
   props: {
     class: String,
@@ -120,27 +120,27 @@ const re = (e, t) => {
   },
   emits: ["click", "contextmenu"],
   setup(e, { expose: t, emit: o }) {
-    const s = e, n = Le(), a = w(null), r = m(() => s.icon ? ee.getters.getIcon(s.icon) : null), l = (k) => {
-      o("click", k);
-    }, i = (k) => {
-      o("contextmenu", k);
-    }, c = m(() => s.scale === "large" ? "button-lg" : s.scale === "small" ? "button-sm" : ""), u = m(() => s.disabled ? "disabled" : ""), h = (k) => !!n[k], b = m(() => h("default") ? "" : s.scale === "large" ? "d-button-lg-icon" : s.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), S = m(() => {
-      const k = s.outline ? "-outline" : "";
-      return s.type === "primary" ? `button${k}-blue` : s.type === "success" ? `button${k}-green` : s.type === "error" ? `button${k}-red` : s.type === "warning" ? `button${k}-orange` : s.type === "wait" ? `button${k}-violet` : s.outline ? `button${k}` : "";
+    const s = e, n = Le(), a = w(null), r = m(() => s.icon ? ee.getters.getIcon(s.icon) : null), l = ($) => {
+      o("click", $);
+    }, i = ($) => {
+      o("contextmenu", $);
+    }, c = m(() => s.scale === "large" ? "button-lg" : s.scale === "small" ? "button-sm" : ""), u = m(() => s.disabled ? "disabled" : ""), h = ($) => !!n[$], x = m(() => h("default") ? "" : s.scale === "large" ? "d-button-lg-icon" : s.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), S = m(() => {
+      const $ = s.outline ? "-outline" : "";
+      return s.type === "primary" ? `button${$}-blue` : s.type === "success" ? `button${$}-green` : s.type === "error" ? `button${$}-red` : s.type === "warning" ? `button${$}-orange` : s.type === "wait" ? `button${$}-violet` : s.outline ? `button${$}` : "";
     });
     return t({
-      elementSize: () => ht(a)
-    }), (k, F) => (d(), f(ie, null, [
-      r.value ? $("", !0) : (d(), f("div", {
+      elementSize: () => gt(a)
+    }), ($, V) => (d(), f(ie, null, [
+      r.value ? k("", !0) : (d(), f("div", {
         key: 0,
         ref_key: "el",
         ref: a,
         onClick: l,
         onContextmenu: i,
-        class: D(["button", [s.class, c.value, S.value, u.value].join(" ")])
+        class: T(["button", [s.class, c.value, S.value, u.value].join(" ")])
       }, [
-        L(k.$slots, "default", {}, void 0, !0),
-        s.loading ? (d(), f("svg", Vt, Ft)) : $("", !0)
+        L($.$slots, "default", {}, void 0, !0),
+        s.loading ? (d(), f("svg", zt, Wt)) : k("", !0)
       ], 34)),
       r.value ? (d(), f("div", {
         key: 1,
@@ -148,43 +148,43 @@ const re = (e, t) => {
         ref: a,
         onClick: l,
         onContextmenu: i,
-        class: D(["button button-ext", [s.class, c.value, b.value, S.value, u.value].join(" ")]),
+        class: T(["button button-ext", [s.class, c.value, x.value, S.value, u.value].join(" ")]),
         style: H(s.style)
       }, [
-        s.icon ? (d(), x(X(de), {
+        s.icon ? (d(), b(Y(de), {
           key: 0,
           component: r.value,
           color: "inherit"
-        }, null, 8, ["component"])) : $("", !0),
-        E(n).default ? (d(), f("div", Wt, [
-          L(k.$slots, "default", {}, void 0, !0)
-        ])) : $("", !0),
-        s.loading ? (d(), f("svg", Pt, Xt)) : $("", !0)
-      ], 38)) : $("", !0)
+        }, null, 8, ["component"])) : k("", !0),
+        E(n).default ? (d(), f("div", Pt, [
+          L($.$slots, "default", {}, void 0, !0)
+        ])) : k("", !0),
+        s.loading ? (d(), f("svg", jt, Yt)) : k("", !0)
+      ], 38)) : k("", !0)
     ], 64));
   }
-}, ae = /* @__PURE__ */ re(Yt, [["__scopeId", "data-v-e5cd6ccd"]]);
-const Ut = {
+}, ae = /* @__PURE__ */ re(Ut, [["__scopeId", "data-v-e5cd6ccd"]]);
+const qt = {
   key: 0,
   class: "d-input"
-}, qt = {
+}, Gt = {
   key: 0,
   class: "label"
-}, Gt = ["type", "placeholder"], Zt = {
+}, Zt = ["type", "placeholder"], Kt = {
   key: 1,
   class: "d-input",
   style: { display: "flex", "flex-direction": "column" }
-}, Kt = {
+}, Jt = {
   key: 0,
   class: "label"
-}, Jt = { style: { display: "flex", "align-items": "flex-end", "justify-content": "flex-start" } }, Qt = { style: { flex: "1" } }, eo = ["type", "placeholder"], to = {
+}, Qt = { style: { display: "flex", "align-items": "flex-end", "justify-content": "flex-start" } }, eo = { style: { flex: "1" } }, to = ["type", "placeholder"], oo = {
   key: 2,
   class: "d-input",
   style: { display: "flex", "flex-direction": "column" }
-}, oo = {
+}, so = {
   key: 0,
   class: "label"
-}, so = { style: { display: "flex", "align-items": "flex-end", "justify-content": "flex-start" } }, no = { style: { flex: "1" } }, ao = ["type", "placeholder"], io = {
+}, no = { style: { display: "flex", "align-items": "flex-end", "justify-content": "flex-start" } }, ao = { style: { flex: "1" } }, io = ["type", "placeholder"], ro = {
   __name: "DInput",
   props: {
     label: String,
@@ -213,92 +213,92 @@ const Ut = {
     };
     return t({
       focus: l
-    }), (i, c) => !s.post && !s.pre ? (d(), f("div", Ut, [
-      s.label ? (d(), f("div", qt, A(s.label), 1)) : $("", !0),
+    }), (i, c) => !s.post && !s.pre ? (d(), f("div", qt, [
+      s.label ? (d(), f("div", Gt, A(s.label), 1)) : k("", !0),
       te(_("input", {
         ref_key: "inputRef",
         ref: n,
         "onUpdate:modelValue": c[0] || (c[0] = (u) => r.value = u),
         type: s.password ? "password" : "text",
-        class: D(a.value),
+        class: T(a.value),
         placeholder: s.placeholder,
         style: { width: "100%" }
-      }, null, 10, Gt), [
-        [Te, r.value]
+      }, null, 10, Zt), [
+        [De, r.value]
       ])
-    ])) : s.post && s.post.click && !s.pre ? (d(), f("div", Zt, [
-      s.label ? (d(), f("div", Kt, A(s.label), 1)) : $("", !0),
-      _("div", Jt, [
-        _("div", Qt, [
+    ])) : s.post && s.post.click && !s.pre ? (d(), f("div", Kt, [
+      s.label ? (d(), f("div", Jt, A(s.label), 1)) : k("", !0),
+      _("div", Qt, [
+        _("div", eo, [
           te(_("input", {
             ref_key: "inputRef",
             ref: n,
-            class: D(["d-input-post-field", a.value]),
+            class: T(["d-input-post-field", a.value]),
             "onUpdate:modelValue": c[1] || (c[1] = (u) => r.value = u),
             type: s.password ? "password" : "text",
             placeholder: s.placeholder,
             style: { width: "100%" }
-          }, null, 10, eo), [
-            [Te, r.value]
+          }, null, 10, to), [
+            [De, r.value]
           ])
         ]),
-        s.post.label ? (d(), x(ae, {
+        s.post.label ? (d(), b(ae, {
           key: 0,
           scale: s.scale,
-          class: D(["d-input-post-button", s.post.class]),
+          class: T(["d-input-post-button", s.post.class]),
           onClick: s.post.click,
           icon: s.post.icon
         }, {
-          default: I(() => [
+          default: C(() => [
             K(A(s.post.label), 1)
           ]),
           _: 1
-        }, 8, ["scale", "onClick", "icon", "class"])) : (d(), x(ae, {
+        }, 8, ["scale", "onClick", "icon", "class"])) : (d(), b(ae, {
           key: 1,
           scale: s.scale,
-          class: D(["d-input-post-button", s.post.class]),
+          class: T(["d-input-post-button", s.post.class]),
           onClick: s.post.click,
           icon: s.post.icon
         }, null, 8, ["scale", "onClick", "icon", "class"]))
       ])
-    ])) : !s.post && s.pre && s.pre.click ? (d(), f("div", to, [
-      s.label ? (d(), f("div", oo, A(s.label), 1)) : $("", !0),
-      _("div", so, [
-        s.pre.label ? (d(), x(ae, {
+    ])) : !s.post && s.pre && s.pre.click ? (d(), f("div", oo, [
+      s.label ? (d(), f("div", so, A(s.label), 1)) : k("", !0),
+      _("div", no, [
+        s.pre.label ? (d(), b(ae, {
           key: 0,
           scale: s.scale,
-          class: D(["d-input-pre-button", s.pre.class]),
+          class: T(["d-input-pre-button", s.pre.class]),
           onClick: s.pre.click,
           icon: s.pre.icon
         }, {
-          default: I(() => [
+          default: C(() => [
             K(A(s.pre.label), 1)
           ]),
           _: 1
-        }, 8, ["scale", "onClick", "icon", "class"])) : (d(), x(ae, {
+        }, 8, ["scale", "onClick", "icon", "class"])) : (d(), b(ae, {
           key: 1,
           scale: s.scale,
-          class: D(["d-input-pre-button", s.pre.class]),
+          class: T(["d-input-pre-button", s.pre.class]),
           onClick: s.pre.click,
           icon: s.pre.icon
         }, null, 8, ["scale", "onClick", "icon", "class"])),
-        _("div", no, [
+        _("div", ao, [
           te(_("input", {
             ref_key: "inputRef",
             ref: n,
-            class: D(["d-input-pre-field", a.value]),
+            class: T(["d-input-pre-field", a.value]),
             "onUpdate:modelValue": c[2] || (c[2] = (u) => r.value = u),
             type: s.password ? "password" : "text",
             placeholder: s.placeholder,
             style: { width: "100%" }
-          }, null, 10, ao), [
-            [Te, r.value]
+          }, null, 10, io), [
+            [De, r.value]
           ])
         ])
       ])
-    ])) : $("", !0);
+    ])) : k("", !0);
   }
-}, Tn = /* @__PURE__ */ re(io, [["__scopeId", "data-v-a972038a"]]), ro = {
+}, Sn = /* @__PURE__ */ re(ro, [["__scopeId", "data-v-a972038a"]]), lo = {
   __name: "DBadge",
   props: {
     scale: String,
@@ -315,12 +315,12 @@ const Ut = {
       return t.type === "primary" ? `badge${n}-blue` : t.type === "success" ? `badge${n}-green` : t.type === "error" ? `badge${n}-red` : t.type === "warning" ? `badge${n}-orange` : t.type === "wait" ? `badge${n}-violet` : t.stress ? `badge${n}-gray` : "";
     });
     return (n, a) => (d(), f("div", {
-      class: D(["badge", [t.class, o.value, s.value].join(" ")])
+      class: T(["badge", [t.class, o.value, s.value].join(" ")])
     }, [
       L(n.$slots, "default")
     ], 2));
   }
-}, ne = "0px", lo = {
+}, ne = "0px", co = {
   __name: "DCollapse",
   props: {
     duration: {
@@ -362,8 +362,8 @@ const Ut = {
       i.style.width = u, i.style.position = "absolute", i.style.visibility = "hidden", i.style.height = "";
       let { height: h } = getComputedStyle(i);
       return i.style.width = c.width, i.style.position = c.position, i.style.visibility = c.visibility, i.style.height = ne, i.style.overflow = "hidden", c.height && c.height !== ne ? c.height : h;
-    }, n = (i, c, u, h, b) => {
-      const S = i.animate(h, b);
+    }, n = (i, c, u, h, x) => {
+      const S = i.animate(h, x);
       i.style.height = c.height, S.onfinish = () => {
         i.style.overflow = c.overflow, u();
       };
@@ -389,26 +389,26 @@ const Ut = {
         marginBottom: c.marginBottom
       }
     ], r = (i, c) => {
-      const u = i, h = o(u), b = s(u, h), S = a(b, h), N = { duration: t.duration, easing: t.easingEnter };
+      const u = i, h = o(u), x = s(u, h), S = a(x, h), N = { duration: t.duration, easing: t.easingEnter };
       n(u, h, c, S, N);
     }, l = (i, c) => {
-      const u = i, h = o(u), { height: b } = getComputedStyle(u);
-      u.style.height = b, u.style.overflow = "hidden";
-      const S = a(b, h).reverse(), N = { duration: t.duration, easing: t.easingLeave };
+      const u = i, h = o(u), { height: x } = getComputedStyle(u);
+      u.style.height = x, u.style.overflow = "hidden";
+      const S = a(x, h).reverse(), N = { duration: t.duration, easing: t.easingLeave };
       n(u, h, c, S, N);
     };
-    return (i, c) => (d(), x(Ne, {
+    return (i, c) => (d(), b(Ne, {
       css: !1,
       onEnter: r,
       onLeave: l
     }, {
-      default: I(() => [
+      default: C(() => [
         L(i.$slots, "default")
       ]),
       _: 3
     }));
   }
-}, De = {
+}, Te = {
   data: void 0
 }, He = (e) => e.reduce((t, o) => (t[o] = o) && t, {}), j = He([
   "drag",
@@ -418,7 +418,7 @@ const Ut = {
   "dragstart",
   "dragover",
   "drop"
-]), co = He(["copy", "move", "link", "none"]), uo = He([
+]), uo = He(["copy", "move", "link", "none"]), po = He([
   "none",
   "copy",
   "copyLink",
@@ -428,13 +428,13 @@ const Ut = {
   "move",
   "all",
   "uninitialized"
-]), po = {
+]), nt = {
   __name: "DDrag",
   props: {
     draggable: { type: Boolean, default: !0 },
     transferData: {},
-    dropEffect: { validator: (e) => e in co },
-    effectAllowed: { validator: (e) => e in uo },
+    dropEffect: { validator: (e) => e in uo },
+    effectAllowed: { validator: (e) => e in po },
     image: String,
     imageXOffset: { type: Number, default: 0 },
     imageYOffset: { type: Number, default: 0 },
@@ -449,18 +449,18 @@ const Ut = {
           let u;
           t.image ? (u = new Image(), u.src = t.image) : o.image && (u = o.image[0].elm), c.setDragImage && c.setDragImage(u, t.imageXOffset, t.imageYOffset);
         }
-        t.transferData !== void 0 && (De.data = t.transferData, i.dataTransfer.setData("text", "")), s.value = !0;
+        t.transferData !== void 0 && (Te.data = t.transferData, i.dataTransfer.setData("text", "")), s.value = !0;
       }
     };
-    return (l, i) => (d(), x(X(e.tag), {
+    return (l, i) => (d(), b(Y(e.tag), {
       draggable: t.draggable,
       onDrag: i[0] || (i[0] = (c) => r(E(j).drag, c)),
-      onDragstart: i[1] || (i[1] = Z((c) => r(E(j).dragstart, c), ["stop"])),
+      onDragstart: i[1] || (i[1] = X((c) => r(E(j).dragstart, c), ["stop"])),
       onDragenter: i[2] || (i[2] = (c) => r(E(j).dragenter, c)),
       onDragleave: i[3] || (i[3] = (c) => r(E(j).dragleave, c)),
       onDragend: i[4] || (i[4] = (c) => r(E(j).dragend, c))
     }, {
-      default: I(() => [
+      default: C(() => [
         L(l.$slots, "default", { transferData: n.value }),
         e.hideImageHtml ? (d(), f("div", {
           key: 0,
@@ -476,18 +476,18 @@ const Ut = {
     }, 40, ["draggable"]));
   }
 };
-const fo = (e) => (St("data-v-1d5c1429"), e = e(), Tt(), e), mo = {
+const fo = (e) => (Dt("data-v-ff995395"), e = e(), Tt(), e), mo = {
   key: 0,
   style: { display: "none" }
 }, ho = { key: 1 }, go = /* @__PURE__ */ fo(() => /* @__PURE__ */ _("div", { class: "tree-divider" }, null, -1)), vo = [
   go
-], yo = { key: 2 }, _o = { class: "tree-divider-header" }, bo = { key: 3 }, xo = { class: "item-title" }, $o = {
+], yo = { key: 2 }, _o = { class: "tree-divider-header" }, bo = { class: "item-title" }, xo = {
   key: 0,
   class: "tree-divider"
-}, ko = { key: 1 }, wo = { style: { display: "flex", "flex-direction": "row", "justify-content": "flex-end" } }, So = {
+}, $o = { key: 1 }, ko = { style: { display: "flex", "flex-direction": "row", "justify-content": "flex-end" } }, wo = {
   key: 0,
   class: "sub-menu"
-}, To = {
+}, So = {
   __name: "DTreeItem",
   props: {
     model: Object,
@@ -504,10 +504,10 @@ const fo = (e) => (St("data-v-1d5c1429"), e = e(), Tt(), e), mo = {
       t("nodeclick", M);
     }, h = (M) => {
       t("nodedrop", M);
-    }, b = (M) => {
+    }, x = (M) => {
       t("nodecontext", M);
-    }, S = m(() => (g.actions.isItemSelected(o.treeId, o.model.id) ? "selected" : "") + (n.value ? "node-over " : "") + (a.value ? "node-top " : "") + (r.value ? "node-bottom " : "")), N = m(() => o.search ? !1 : o.model.draggable === !0), k = (M) => {
-      let y = De.data;
+    }, S = m(() => (g.actions.isItemSelected(o.treeId, o.model.id) ? "selected" : "") + (n.value ? "node-over " : "") + (a.value ? "node-top " : "") + (r.value ? "node-bottom " : "")), N = m(() => o.search ? !1 : o.model.draggable === !0), $ = (M) => {
+      let y = Te.data;
       if (y === void 0 || y.model === void 0)
         return n.value = !1, !1;
       if (y.model.id === o.model.id || g.actions.isChildOfParent(o.treeId, o.items, o.model.id, y.model.id) || g.actions.isParentOfChild(o.treeId, o.items, y.model.id, o.model.id))
@@ -516,9 +516,9 @@ const fo = (e) => (St("data-v-1d5c1429"), e = e(), Tt(), e), mo = {
         return !1;
       let O = "";
       a.value ? O = "before" : r.value ? O = "after" : O = "inside", t("nodedrop", { e: M, model: o.model, place: O }), g.actions.moveTreeNode(y.id, o.treeId, o.items, y.model.id, o.model.id, O), n.value = !1, a.value = !1, r.value = !1;
-    }, F = (M) => {
+    }, V = (M) => {
       t("nodedragover", { e: M, model: o.model });
-      let y = De.data;
+      let y = Te.data;
       if (y === void 0 || y.model === void 0)
         return n.value = !0, !1;
       if (y.model.id === o.model.id || g.actions.isChildOfParent(o.treeId, o.items, o.model.id, y.model.id) || g.actions.isParentOfChild(o.treeId, o.items, y.model.id, o.model.id))
@@ -527,7 +527,7 @@ const fo = (e) => (St("data-v-1d5c1429"), e = e(), Tt(), e), mo = {
       O > W && O <= W + v ? (n.value = !1, a.value = !0, r.value = !1) : O < W + P && O >= W + P - v ? (n.value = !1, a.value = !1, r.value = !0) : (n.value = g.state.trees[o.treeId].dropInside, a.value = !1, r.value = !1);
     }, R = () => {
       n.value = !1, a.value = !1, r.value = !1;
-    }, C = m(() => o.model.title.startsWith("-")), B = m(() => {
+    }, I = m(() => o.model.title.startsWith("-")), B = m(() => {
       if (o.model.title.startsWith("-")) {
         let [M, ...y] = o.model.title.split(" ");
         return y = y.join(" "), y;
@@ -535,95 +535,109 @@ const fo = (e) => (St("data-v-1d5c1429"), e = e(), Tt(), e), mo = {
       return null;
     });
     return (M, y) => {
-      const O = wt("d-tree-item", !0), W = Re("touch");
-      return E(g).actions.beforeItem(o.treeId, e.model) ? C.value && !B.value ? (d(), f("li", ho, vo)) : C.value && B.value ? (d(), f("li", yo, [
+      const O = St("d-tree-item", !0), W = Re("touch");
+      return E(g).actions.beforeItem(o.treeId, e.model) ? I.value && !B.value ? (d(), f("li", ho, vo)) : I.value && B.value ? (d(), f("li", yo, [
         _("div", _o, A(E(g).actions.renderTitle(o.treeId, B.value)), 1)
-      ])) : o.model.component ? (d(), f("li", bo, [
-        (d(), x(X(E(he).getters.getComponent(o.model.component))))
-      ])) : (d(), x(po, {
+      ])) : o.model.component ? (d(), b(nt, {
+        key: 3,
+        tag: "li",
+        class: "tree-item",
+        "transfer-data": { id: o.treeId, model: o.model },
+        draggable: N.value,
+        onDrop: X($, ["stop"]),
+        onDragenter: y[0] || (y[0] = X(() => {
+        }, ["prevent"])),
+        onDragover: X(V, ["prevent", "stop"]),
+        onDragleave: X(R, ["prevent"])
+      }, {
+        default: C(() => [
+          (d(), b(Y(E(he).getters.getComponent(o.model.component))))
+        ]),
+        _: 1
+      }, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (d(), b(nt, {
         key: 4,
         tag: "li",
         class: "tree-item",
         "transfer-data": { id: o.treeId, model: o.model },
         draggable: N.value,
-        onDrop: Z(k, ["stop"]),
-        onDragenter: y[1] || (y[1] = Z(() => {
+        onDrop: X($, ["stop"]),
+        onDragenter: y[2] || (y[2] = X(() => {
         }, ["prevent"])),
-        onDragover: Z(F, ["prevent", "stop"]),
-        onDragleave: Z(R, ["prevent"])
+        onDragover: X(V, ["prevent", "stop"]),
+        onDragleave: X(R, ["prevent"])
       }, {
-        default: I(() => {
+        default: C(() => {
           var P, v;
           return [
             te((d(), f("div", {
               ref_key: "node",
               ref: s,
-              class: D(S.value),
-              onContextmenu: y[0] || (y[0] = Z((V) => t("nodecontext", { e: V, model: o.model }), ["prevent"]))
+              class: T(S.value),
+              onContextmenu: y[1] || (y[1] = X((z) => t("nodecontext", { e: z, model: o.model }), ["prevent"]))
             }, [
               _("div", null, [
-                o.model.icons && o.model.icons.pre && l.value && !o.search && !C.value ? (d(), x(X(de), {
+                o.model.icons && o.model.icons.pre && l.value && !o.search && !I.value ? (d(), b(Y(de), {
                   key: 0,
                   component: E(ee).getters.getIcon(o.model.icons.pre.component),
                   size: 18,
                   color: o.model.icons.pre.color ? o.model.icons.pre.color : "inherit",
-                  class: D(i.value ? "tree-open-pre" : "")
-                }, null, 8, ["component", "color", "class"])) : $("", !0),
-                o.model.icons && o.model.icons.pre && !l.value && !o.search && !C.value ? (d(), x(X(de), {
+                  class: T(i.value ? "tree-open-pre" : "")
+                }, null, 8, ["component", "color", "class"])) : k("", !0),
+                o.model.icons && o.model.icons.pre && !l.value && !o.search && !I.value ? (d(), b(Y(de), {
                   key: 1,
                   component: E(ee).getters.getIcon(o.model.icons.pre.component),
                   size: 18,
                   color: "rgba(0,0,0,0)",
-                  class: D(i.value ? "tree-open-pre" : "")
-                }, null, 8, ["component", "class"])) : $("", !0),
-                o.model.icons && o.model.icons.icon && !C.value ? (d(), x(X(de), {
+                  class: T(i.value ? "tree-open-pre" : "")
+                }, null, 8, ["component", "class"])) : k("", !0),
+                o.model.icons && o.model.icons.icon && !I.value ? (d(), b(Y(de), {
                   key: 2,
                   component: E(ee).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"])) : $("", !0),
-                _("div", xo, [
-                  C.value ? (d(), f("div", $o)) : $("", !0),
-                  C.value ? $("", !0) : (d(), f("div", ko, A(E(g).actions.renderTitle(o.treeId, o.model.title)), 1))
+                }, null, 8, ["component", "color", "size", "className"])) : k("", !0),
+                _("div", bo, [
+                  I.value ? (d(), f("div", xo)) : k("", !0),
+                  I.value ? k("", !0) : (d(), f("div", $o, A(E(g).actions.renderTitle(o.treeId, o.model.title)), 1))
                 ])
               ]),
-              _("div", wo, [
-                ((P = o.model.badge) == null ? void 0 : P.value) !== void 0 && !C.value ? (d(), x(X(ro), {
+              _("div", ko, [
+                ((P = o.model.badge) == null ? void 0 : P.value) !== void 0 && !I.value ? (d(), b(Y(lo), {
                   key: 0,
-                  class: D([(v = o.model.badge) == null ? void 0 : v.class, "badge-sm"])
+                  class: T([(v = o.model.badge) == null ? void 0 : v.class, "badge-sm"])
                 }, {
-                  default: I(() => [
+                  default: C(() => [
                     K(A(o.model.badge.value), 1)
                   ]),
                   _: 1
-                }, 8, ["class"])) : $("", !0),
-                o.model.icons && o.model.icons.post && l.value && !o.search && !C.value ? (d(), x(X(de), {
+                }, 8, ["class"])) : k("", !0),
+                o.model.icons && o.model.icons.post && l.value && !o.search && !I.value ? (d(), b(Y(de), {
                   key: 1,
                   component: E(ee).getters.getIcon(o.model.icons.post.component),
                   size: 20,
                   color: o.model.icons.post.color ? o.model.icons.post.color : "inherit",
-                  class: D(i.value ? "tree-open-post" : "")
-                }, null, 8, ["component", "color", "class"])) : $("", !0)
+                  class: T(i.value ? "tree-open-post" : "")
+                }, null, 8, ["component", "color", "class"])) : k("", !0)
               ])
             ], 34)), [
               [W, c]
             ]),
-            oe(lo, null, {
-              default: I(() => [
-                l.value && i.value && !o.search ? (d(), f("ul", So, [
-                  (d(!0), f(ie, null, ge(e.model.children, (V) => (d(), x(O, {
+            oe(co, null, {
+              default: C(() => [
+                l.value && i.value && !o.search ? (d(), f("ul", wo, [
+                  (d(!0), f(ie, null, ge(e.model.children, (z) => (d(), b(O, {
                     class: "tree-item",
-                    key: V.id,
-                    model: V,
+                    key: z.id,
+                    model: z,
                     treeId: o.treeId,
                     items: o.items,
                     search: o.search,
                     onNodeclick: u,
                     onNodedrop: h,
-                    onNodecontext: b
+                    onNodecontext: x
                   }, null, 8, ["model", "treeId", "items", "search"]))), 128))
-                ])) : $("", !0)
+                ])) : k("", !0)
               ]),
               _: 1
             })
@@ -633,8 +647,8 @@ const fo = (e) => (St("data-v-1d5c1429"), e = e(), Tt(), e), mo = {
       }, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (d(), f("li", mo));
     };
   }
-}, Do = /* @__PURE__ */ re(To, [["__scopeId", "data-v-1d5c1429"]]);
-function Lo(e) {
+}, Do = /* @__PURE__ */ re(So, [["__scopeId", "data-v-ff995395"]]);
+function To(e) {
   return e = e || /* @__PURE__ */ new Map(), {
     /**
      * A Map of event names to registered handler functions.
@@ -681,7 +695,7 @@ function Lo(e) {
     }
   };
 }
-const U = Lo(), g = {
+const q = To(), g = {
   state: Oe({
     trees: {}
   }),
@@ -721,7 +735,7 @@ const U = Lo(), g = {
       return g.state.trees[e].selected.includes(t);
     },
     toggleItem(e, t) {
-      t.expanded = t.expanded === void 0 || !t.expanded, t.children && t.children.length && (t.expanded ? U.emit(`expand-${e}`, { id: e, model: t }) : U.emit(`collapse-${e}`, { id: e, model: t }));
+      t.expanded = t.expanded === void 0 || !t.expanded, t.children && t.children.length && (t.expanded ? q.emit(`expand-${e}`, { id: e, model: t }) : q.emit(`collapse-${e}`, { id: e, model: t }));
     },
     isTreeExpanded(e) {
       return g.state.trees[e].expanded;
@@ -756,7 +770,7 @@ const U = Lo(), g = {
     },
     moveTreeNode(e, t, o, s, n, a) {
       const r = g.actions.deleteTreeNode(o, s);
-      g.actions.insertTreeNode(o, n, r, a), U.emit(`move-${t}`, { fromTreeId: e, toTreeId: t, moved: r.id, target: n, position: a });
+      g.actions.insertTreeNode(o, n, r, a), q.emit(`move-${t}`, { fromTreeId: e, toTreeId: t, moved: r == null ? void 0 : r.id, target: n, position: a });
     },
     insertTreeNode(e, t, o, s) {
       if (e)
@@ -783,7 +797,7 @@ const U = Lo(), g = {
         }
     }
   }
-}, Co = {
+}, Lo = {
   __name: "DDrop",
   props: {
     tag: { type: String, default: "div" }
@@ -792,25 +806,25 @@ const U = Lo(), g = {
   setup(e, { expose: t, emit: o }) {
     let s = Oe({});
     const n = w("false"), a = w(null), r = /* @__PURE__ */ new Set(), l = m(() => n.value && s), i = (u, h) => {
-      s = De.data, o(u, h, s), u === j.dragenter && (r.size || h.target === a.value) && r.add(h.target), u === j.dragleave && r.delete(h.target), u === j.drop && r.clear(), n.value = !!r.size;
+      s = Te.data, o(u, h, s), u === j.dragenter && (r.size || h.target === a.value) && r.add(h.target), u === j.dragleave && r.delete(h.target), u === j.drop && r.clear(), n.value = !!r.size;
     };
     return t({
-      elementSize: () => ht(a)
-    }), (u, h) => (d(), x(X(e.tag), {
+      elementSize: () => gt(a)
+    }), (u, h) => (d(), b(Y(e.tag), {
       ref_key: "el",
       ref: a,
-      onDragenter: h[0] || (h[0] = (b) => i(E(j).dragenter, b)),
-      onDragleave: h[1] || (h[1] = (b) => i(E(j).dragleave, b)),
-      onDragover: h[2] || (h[2] = Z((b) => i(E(j).dragover, b), ["prevent"])),
-      onDrop: h[3] || (h[3] = Z((b) => i(E(j).drop, b), ["prevent"]))
+      onDragenter: h[0] || (h[0] = (x) => i(E(j).dragenter, x)),
+      onDragleave: h[1] || (h[1] = (x) => i(E(j).dragleave, x)),
+      onDragover: h[2] || (h[2] = X((x) => i(E(j).dragover, x), ["prevent"])),
+      onDrop: h[3] || (h[3] = X((x) => i(E(j).drop, x), ["prevent"]))
     }, {
-      default: I(() => [
+      default: C(() => [
         L(u.$slots, "default", { transferData: l.value })
       ]),
       _: 3
     }, 544));
   }
-}, gt = {
+}, vt = {
   __name: "DMenu",
   props: {
     class: String,
@@ -832,12 +846,12 @@ const U = Lo(), g = {
     const s = e;
     let n = w(null), a = w(!1);
     const r = () => {
-      U.emit("menu-show-request"), a.value = !0;
+      q.emit("menu-show-request"), a.value = !0;
     }, l = () => {
-      var b;
-      (b = n.value) == null || b.collapseAll(), a.value = !1;
+      var x;
+      (x = n.value) == null || x.collapseAll(), a.value = !1;
     }, i = () => a.value;
-    U.on("menu-show-request", () => {
+    q.on("menu-show-request", () => {
       l();
     }), t({
       show: r,
@@ -846,30 +860,30 @@ const U = Lo(), g = {
       isShowed: i,
       itemsCount: () => n.value.itemsCount()
     });
-    const h = (b) => {
-      o("select", b), b.model.children || l();
+    const h = (x) => {
+      o("select", x), x.model.children || l();
     };
-    return (b, S) => {
+    return (x, S) => {
       const N = Re("click-outside");
-      return d(), x(ct, { to: "body" }, [
-        E(a) ? te((d(), x(vt, {
+      return d(), b(ut, { to: "body" }, [
+        E(a) ? te((d(), b(yt, {
           key: 0,
           ref_key: "treeRef",
           ref: n,
           items: s.items,
           "no-select": s.noSelect,
-          class: D(s.class),
+          class: T(s.class),
           style: H(s.style),
           onSelect: h,
           "render-title": s.renderItemTitle,
           "before-item": s.beforeItem
         }, null, 8, ["items", "no-select", "class", "style", "render-title", "before-item"])), [
           [N, () => l()]
-        ]) : $("", !0)
+        ]) : k("", !0)
       ]);
     };
   }
-}, Io = {
+}, Co = {
   __name: "DContextMenu",
   props: {
     items: Array,
@@ -882,16 +896,16 @@ const U = Lo(), g = {
       left: a.value + "px",
       top: r.value + "px"
     })), i = (u) => {
-      n.value.show(), ut(() => {
-        const h = n.value.elementSize(), b = window.innerWidth, S = window.innerHeight;
-        a.value = b - u.pageX < h.width ? u.pageX - h.width : u.pageX, r.value = S - u.pageY < h.height ? u.pageY - h.height : u.pageY, n.value.itemsCount() === 0 && n.value.hide();
+      n.value.show(), pt(() => {
+        const h = n.value.elementSize(), x = window.innerWidth, S = window.innerHeight;
+        a.value = x - u.pageX < h.width ? u.pageX - h.width : u.pageX, r.value = S - u.pageY < h.height ? u.pageY - h.height : u.pageY, n.value.itemsCount() === 0 && n.value.hide();
       });
     }, c = (u) => {
       o("select", u);
     };
     return t({
       show: i
-    }), (u, h) => (d(), x(gt, {
+    }), (u, h) => (d(), b(vt, {
       ref_key: "dMenuRef",
       ref: n,
       onSelect: c,
@@ -903,7 +917,7 @@ const U = Lo(), g = {
       "before-item": s.beforeItem
     }, null, 8, ["items", "style", "render-item-title", "before-item"]));
   }
-}, vt = {
+}, yt = {
   __name: "DTree",
   props: {
     items: Array,
@@ -943,57 +957,57 @@ const U = Lo(), g = {
   },
   emits: ["select", "collapse", "expand", "move", "over", "drop"],
   setup(e, { expose: t, emit: o }) {
-    const s = e, n = w(null), a = w(!1), r = w(null), l = pt().uid;
+    const s = e, n = w(null), a = w(!1), r = w(null), l = ft().uid;
     g.actions.initTreeStore(l, s.noSelect, s.multiSelect, s.expanded, s.transfer, s.renderTitle, s.beforeItem, s.dropInside);
-    const i = (v, V) => {
-      console.log(v, V);
+    const i = (v, z) => {
+      console.log(v, z);
     };
-    U.on(`expand-${l}`, (v) => {
+    q.on(`expand-${l}`, (v) => {
       o("expand", v);
-    }), U.on(`collapse-${l}`, (v) => {
+    }), q.on(`collapse-${l}`, (v) => {
       o("collapse", v);
-    }), U.on(`move-${l}`, (v) => {
+    }), q.on(`move-${l}`, (v) => {
       o("move", v);
     });
     const c = m(() => s.search ? g.actions.deepSearchByTitle(s.items, s.search) : s.items), u = (v = null) => {
       g.mutations.setItemSelect(l, v.model), g.actions.toggleItem(l, v.model), o("select", v);
     }, h = (v = null) => {
       o("over", v);
-    }, b = (v = null) => {
+    }, x = (v = null) => {
       o("drop", v);
     }, S = () => n.value.elementSize(), N = () => {
       for (let v = 0; v < s.items.length; v++)
         s.items[v].expanded = !0;
-    }, k = () => {
+    }, $ = () => {
       for (let v = 0; v < s.items.length; v++)
         s.items[v].expanded = !1;
-    }, F = () => l, R = (v) => g.actions.deepSearch(s.items, v), C = (v) => {
+    }, V = () => l, R = (v) => g.actions.deepSearch(s.items, v), I = (v) => {
       R(v) && g.mutations.setItemSelect(l, R(v));
     }, B = (v) => {
       s.contextClick({ e: v.e, model: v.model, target: r.value });
     }, M = (v) => s.contextBeforeClick({ model: v, target: r.value }), y = m(() => s.context), O = (v) => (y.value && (r.value = v.model, a.value.show(v.e)), !1), W = () => P(c.value), P = (v) => {
-      let V = 0;
+      let z = 0;
       for (let p = 0; p < v.length; p++)
-        V += g.actions.beforeItem(l, v[p]) ? 1 : 0, v[p].children && v[p].children.length > 0 && (V += P(v[p].children));
-      return V;
+        z += g.actions.beforeItem(l, v[p]) ? 1 : 0, v[p].children && v[p].children.length > 0 && (z += P(v[p].children));
+      return z;
     };
     return t({
       elementSize: S,
       expandAll: N,
-      collapseAll: k,
-      getId: F,
+      collapseAll: $,
+      getId: V,
       getNode: R,
-      selectNode: C,
+      selectNode: I,
       itemsCount: W
-    }), (v, V) => (d(), x(Co, {
+    }), (v, z) => (d(), b(Lo, {
       ref_key: "treeRef",
       ref: n,
       class: "tree",
       tag: "ul",
-      onDrop: Z(i, ["stop"])
+      onDrop: X(i, ["stop"])
     }, {
-      default: I(() => [
-        (d(!0), f(ie, null, ge(c.value, (p) => (d(), x(Do, {
+      default: C(() => [
+        (d(!0), f(ie, null, ge(c.value, (p) => (d(), b(Do, {
           key: p.id,
           model: p,
           treeId: E(l),
@@ -1001,23 +1015,23 @@ const U = Lo(), g = {
           search: s.search,
           onNodeclick: u,
           onNodedragover: h,
-          onNodedrop: b,
+          onNodedrop: x,
           onNodecontext: O
         }, null, 8, ["model", "treeId", "items", "search"]))), 128)),
-        y.value ? (d(), x(Io, {
+        y.value ? (d(), b(Co, {
           key: 0,
           ref_key: "contextTreeRef",
           ref: a,
           items: y.value,
           onSelect: B,
           "before-item": M
-        }, null, 8, ["items"])) : $("", !0)
+        }, null, 8, ["items"])) : k("", !0)
       ]),
       _: 1
     }, 8, ["onDrop"]));
   }
 };
-const Eo = {
+const Io = {
   __name: "DAccordion",
   props: {
     items: Array,
@@ -1030,14 +1044,14 @@ const Eo = {
   },
   setup(e) {
     const t = e;
-    return (o, s) => (d(), x(vt, {
+    return (o, s) => (d(), b(yt, {
       class: "accordion",
       items: t.items,
       "no-select": t.noSelect,
       "render-title": t.renderTitle
     }, null, 8, ["items", "no-select", "render-title"]));
   }
-}, Dn = /* @__PURE__ */ re(Eo, [["__scopeId", "data-v-642edace"]]), Bo = {
+}, Dn = /* @__PURE__ */ re(Io, [["__scopeId", "data-v-642edace"]]), Eo = {
   __name: "DLayoutHeader",
   props: {
     fixed: {
@@ -1082,7 +1096,7 @@ const Eo = {
       L(s.$slots, "default")
     ], 4));
   }
-}, Mo = {
+}, Bo = {
   __name: "DLayoutTab",
   props: {
     fixed: {
@@ -1121,8 +1135,8 @@ const Eo = {
   },
   setup(e) {
     const t = e, o = m(() => {
-      const { fixed: s, top: n, zIndex: a, minWidth: r, height: l, paddingLeft: i, transitionDuration: c, transitionTimingFunction: u } = t, h = s ? "fixed" : "static", b = t.useMinWidthLayout ? `min-width: ${r}px;` : "";
-      return `position:${h};top:${n}px;z-index:${a};${b}height:${l}px;padding-left:${i}px;transition-duration:${c}ms;transition-timing-function:${u};`;
+      const { fixed: s, top: n, zIndex: a, minWidth: r, height: l, paddingLeft: i, transitionDuration: c, transitionTimingFunction: u } = t, h = s ? "fixed" : "static", x = t.useMinWidthLayout ? `min-width: ${r}px;` : "";
+      return `position:${h};top:${n}px;z-index:${a};${x}height:${l}px;padding-left:${i}px;transition-duration:${c}ms;transition-timing-function:${u};`;
     });
     return (s, n) => (d(), f("div", {
       class: "d-layout-tab",
@@ -1131,7 +1145,7 @@ const Eo = {
       L(s.$slots, "default")
     ], 4));
   }
-}, No = {
+}, Mo = {
   __name: "DLayoutFooter",
   props: {
     fixed: {
@@ -1176,7 +1190,7 @@ const Eo = {
       L(s.$slots, "default")
     ], 4));
   }
-}, Ro = {
+}, No = {
   __name: "DLayoutSidebar",
   props: {
     zIndex: {
@@ -1216,7 +1230,7 @@ const Eo = {
       L(s.$slots, "default")
     ], 4));
   }
-}, Oo = {
+}, Ro = {
   __name: "DLayoutContent",
   props: {
     paddingTop: {
@@ -1254,7 +1268,7 @@ const Eo = {
     ], 4));
   }
 };
-function Ao(e) {
+function Oo(e) {
   const t = w(0), o = m(() => `transform: translateX(${-t.value}px);`);
   let s = !1;
   function n(u) {
@@ -1277,13 +1291,13 @@ function Ao(e) {
   function c() {
     r(), l(), s = !0;
   }
-  return ft(e, (u) => {
+  return mt(e, (u) => {
     u ? c() : i();
-  }, { immediate: !0 }), Dt(() => {
+  }, { immediate: !0 }), Lt(() => {
     i();
   }), o;
 }
-const Ho = 1001, Vo = 999, zo = 998, Ln = {
+const Ao = 1001, Ho = 999, Vo = 998, Tn = {
   __name: "DLayoutAdmin",
   props: {
     mode: {
@@ -1374,7 +1388,7 @@ const Ho = 1001, Vo = 999, zo = 998, Ln = {
   },
   emits: ["update:sidebar-collapse", "sidebar-mask-click"],
   setup(e, { emit: t }) {
-    const o = e, s = m(() => o.useMinWidthLayout ? `min-width:${o.minWidth}px;` : ""), n = m(() => o.useMinWidthLayout && (o.fixedHeaderAndTab || o.fixedFooter)), a = Ao(n), r = m(() => o.fixedHeaderAndTab ? a.value : ""), l = m(() => o.fixedFooter ? a.value : ""), i = m(() => {
+    const o = e, s = m(() => o.useMinWidthLayout ? `min-width:${o.minWidth}px;` : ""), n = m(() => o.useMinWidthLayout && (o.fixedHeaderAndTab || o.fixedFooter)), a = Oo(n), r = m(() => o.fixedHeaderAndTab ? a.value : ""), l = m(() => o.fixedFooter ? a.value : ""), i = m(() => {
       const { transitionDuration: y, transitionTimingFunction: O } = o;
       return {
         transitionDuration: y,
@@ -1388,16 +1402,16 @@ const Ho = 1001, Vo = 999, zo = 998, Ln = {
         t("update:sidebar-collapse", y);
       }
     });
-    function b() {
+    function x() {
       t("sidebar-mask-click");
     }
     const S = m(() => o.isMobile && !h.value), N = m(() => {
       const { transitionDuration: y, transitionTimingFunction: O } = o;
       return `background-color:${o.maskBg};transition-duration:${y}ms;transition-timing-function:${O};`;
-    }), k = m(() => {
+    }), $ = m(() => {
       const { sidebarWidth: y, sidebarCollapsedWidth: O } = o, W = o.isMobile ? 0 : O, P = h.value ? W : y;
       return o.sidebarVisible ? P : 0;
-    }), F = m(() => o.isMobile ? 0 : k.value), R = m(() => c.value ? F.value : 0), C = m(
+    }), V = m(() => o.isMobile ? 0 : $.value), R = m(() => c.value ? V.value : 0), I = m(
       () => !o.isMobile && !c.value && o.headerVisible ? o.headerHeight : 0
     ), B = m(() => {
       let y = 0;
@@ -1407,73 +1421,73 @@ const Ho = 1001, Vo = 999, zo = 998, Ln = {
       class: "d-layout",
       style: H(s.value)
     }, [
-      e.headerVisible ? (d(), x(Bo, ue({ key: 0 }, i.value, {
+      e.headerVisible ? (d(), b(Eo, ue({ key: 0 }, i.value, {
         fixed: e.fixedHeaderAndTab,
-        "z-index": Ho,
+        "z-index": Ao,
         "min-width": e.minWidth,
         height: e.headerHeight,
         "padding-left": R.value,
         style: r.value
       }), {
-        default: I(() => [
+        default: C(() => [
           L(y.$slots, "header")
         ]),
         _: 3
-      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : $("", !0),
-      e.tabVisible ? (d(), x(Mo, ue({ key: 1 }, i.value, {
+      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : k("", !0),
+      e.tabVisible ? (d(), b(Bo, ue({ key: 1 }, i.value, {
         fixed: e.fixedHeaderAndTab,
-        "z-index": Vo,
+        "z-index": Ho,
         "min-width": e.minWidth,
         top: e.headerHeight,
         height: e.tabHeight,
-        "padding-left": F.value,
+        "padding-left": V.value,
         style: r.value
       }), {
-        default: I(() => [
+        default: C(() => [
           L(y.$slots, "tab")
         ]),
         _: 3
-      }, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) : $("", !0),
-      e.sidebarVisible ? (d(), x(Ro, ue({ key: 2 }, i.value, {
+      }, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) : k("", !0),
+      e.sidebarVisible ? (d(), b(No, ue({ key: 2 }, i.value, {
         "z-index": u.value,
-        width: k.value,
-        "padding-top": C.value
+        width: $.value,
+        "padding-top": I.value
       }), {
-        default: I(() => [
+        default: C(() => [
           L(y.$slots, "sidebar")
         ]),
         _: 3
-      }, 16, ["z-index", "width", "padding-top"])) : $("", !0),
+      }, 16, ["z-index", "width", "padding-top"])) : k("", !0),
       S.value ? (d(), f("div", {
         key: 3,
         class: "d-layout-sidebar-mask",
         style: H(N.value),
-        onClick: b
-      }, null, 4)) : $("", !0),
-      oe(Oo, ue(i.value, {
+        onClick: x
+      }, null, 4)) : k("", !0),
+      oe(Ro, ue(i.value, {
         "padding-top": B.value,
         "padding-bottom": M.value,
-        "padding-left": F.value,
+        "padding-left": V.value,
         "overflow-hidden": e.addMainOverflowHidden
       }), {
-        default: I(() => [
+        default: C(() => [
           L(y.$slots, "default")
         ]),
         _: 3
       }, 16, ["padding-top", "padding-bottom", "padding-left", "overflow-hidden"]),
-      e.footerVisible ? (d(), x(No, ue({ key: 4 }, i.value, {
+      e.footerVisible ? (d(), b(Mo, ue({ key: 4 }, i.value, {
         fixed: e.fixedFooter,
-        "z-index": zo,
+        "z-index": Vo,
         "min-width": e.minWidth,
         height: e.footerHeight,
-        "padding-left": F.value,
+        "padding-left": V.value,
         style: l.value
       }), {
-        default: I(() => [
+        default: C(() => [
           L(y.$slots, "footer")
         ]),
         _: 3
-      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : $("", !0)
+      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : k("", !0)
     ], 4));
   }
 }, pe = {
@@ -1495,7 +1509,7 @@ const Ho = 1001, Vo = 999, zo = 998, Ln = {
       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);
     }
   }
-}, Cn = {
+}, Ln = {
   __name: "DConfigProvider",
   props: {
     theme: {
@@ -1508,7 +1522,7 @@ const Ho = 1001, Vo = 999, zo = 998, Ln = {
     return pe.mutations.setTheme(t.theme), (o, s) => L(o.$slots, "default");
   }
 };
-const In = {
+const Cn = {
   __name: "DScrollProvider",
   props: {
     xHide: {
@@ -1536,7 +1550,7 @@ const In = {
     ]));
   }
 };
-const Fo = {
+const zo = {
   __name: "DScroll",
   props: {
     autoHide: {
@@ -1560,12 +1574,12 @@ const Fo = {
     }));
     const o = m(() => t.xHide ? "hidden" : "visible"), s = m(() => t.yHide ? "hidden" : "visible");
     return (n, a) => (d(), f("div", {
-      class: D(t.autoHide ? "d-scroll-hide" : "d-scroll")
+      class: T(t.autoHide ? "d-scroll-hide" : "d-scroll")
     }, [
       L(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}, En = /* @__PURE__ */ re(Fo, [["__scopeId", "data-v-d50b3609"]]), Wo = { class: "modal-content" }, Po = { class: "modal-header" }, jo = { class: "modal-title" }, Xo = { class: "modal-body" }, Yo = { class: "modal-footer" }, yt = {
+}, In = /* @__PURE__ */ re(zo, [["__scopeId", "data-v-d50b3609"]]), Fo = { class: "modal-content" }, Wo = { class: "modal-header" }, Po = { class: "modal-title" }, jo = { class: "modal-body" }, Xo = { class: "modal-footer" }, _t = {
   __name: "DModal",
   props: {
     show: Boolean,
@@ -1588,9 +1602,9 @@ const Fo = {
       hide: l
     }), (i, c) => {
       const u = Re("keydown");
-      return d(), x(ct, { to: "body" }, [
+      return d(), b(ut, { to: "body" }, [
         oe(Ne, { name: "fade" }, {
-          default: I(() => [
+          default: C(() => [
             a.value ? te((d(), f("div", {
               key: 0,
               ref_key: "modalRef",
@@ -1601,34 +1615,34 @@ const Fo = {
                 class: "modal-dialog",
                 style: H({ width: s.width, maxWidth: s.maxWidth })
               }, [
-                _("div", Wo, [
-                  _("div", Po, [
-                    _("h5", jo, [
+                _("div", Fo, [
+                  _("div", Wo, [
+                    _("h5", Po, [
                       L(i.$slots, "modal-title")
                     ])
                   ]),
-                  _("div", Xo, [
+                  _("div", jo, [
                     L(i.$slots, "default")
                   ]),
-                  _("div", Yo, [
+                  _("div", Xo, [
                     L(i.$slots, "modal-footer")
                   ])
                 ])
               ], 4)
             ])), [
               [u, l, "Escape"]
-            ]) : $("", !0)
+            ]) : k("", !0)
           ]),
           _: 3
         })
       ]);
     };
   }
-}, ce = Lt();
+}, ce = Ct();
 function Me(e) {
   e === void 0 && (e = ce.value.comp.returnValue()), ce.value.resolve(e), ce.value = null;
 }
-function _t(e, t, o = "default") {
+function bt(e, t, o = "default") {
   return new Promise((s) => {
     ce.value = {
       dialog: e,
@@ -1638,13 +1652,13 @@ function _t(e, t, o = "default") {
     };
   });
 }
-var Uo = (e, t) => {
+var Yo = (e, t) => {
   const o = e.__vccOpts || e;
   for (const [s, n] of t)
     o[s] = n;
   return o;
 };
-const qo = Ct({
+const Uo = It({
   name: "DialogWrapper",
   components: {},
   props: {
@@ -1656,7 +1670,7 @@ const qo = Ct({
   },
   setup() {
     const e = w();
-    return ft(e, () => {
+    return mt(e, () => {
       ce.value && (ce.value.comp = e.value);
     }), {
       dialogRef: ce,
@@ -1664,16 +1678,16 @@ const qo = Ct({
     };
   }
 });
-function Go(e, t, o, s, n, a) {
-  return d(), x(Ne, It(Et(e.transitionAttrs)), {
-    default: I(() => [
-      e.dialogRef && e.dialogRef.wrapper === e.name ? (d(), x(X(e.dialogRef.dialog), ue({ key: 0 }, e.dialogRef.props, { ref: "dialogInstance" }), null, 16)) : $("", !0)
+function qo(e, t, o, s, n, a) {
+  return d(), b(Ne, Et(Bt(e.transitionAttrs)), {
+    default: C(() => [
+      e.dialogRef && e.dialogRef.wrapper === e.name ? (d(), b(Y(e.dialogRef.dialog), ue({ key: 0 }, e.dialogRef.props, { ref: "dialogInstance" }), null, 16)) : k("", !0)
     ]),
     _: 1
   }, 16);
 }
-var Zo = /* @__PURE__ */ Uo(qo, [["render", Go]]);
-const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content": "center", gap: "5px" } }, Jo = {
+var Go = /* @__PURE__ */ Yo(Uo, [["render", qo]]);
+const Zo = { style: { display: "flex", "flex-direction": "row", "justify-content": "center", gap: "5px" } }, Ko = {
   __name: "DAlertDialog",
   props: {
     title: String,
@@ -1684,19 +1698,19 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
     return t({
       returnValue: () => !0
     }), (n, a) => (d(), f("div", null, [
-      oe(yt, { show: !0 }, {
-        "modal-title": I(() => [
+      oe(_t, { show: !0 }, {
+        "modal-title": C(() => [
           K(A(o.title), 1)
         ]),
-        default: I(() => [
+        default: C(() => [
           K(A(o.message), 1)
         ]),
-        "modal-footer": I(() => [
-          _("div", Ko, [
+        "modal-footer": C(() => [
+          _("div", Zo, [
             oe(ae, {
               onClick: a[0] || (a[0] = (r) => E(Me)())
             }, {
-              default: I(() => [
+              default: C(() => [
                 K("Закрыть")
               ]),
               _: 1
@@ -1707,7 +1721,7 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
       })
     ]));
   }
-}, Qo = { style: { display: "flex", "flex-direction": "row", "justify-content": "center", gap: "5px" } }, es = {
+}, Jo = { style: { display: "flex", "flex-direction": "row", "justify-content": "center", gap: "5px" } }, Qo = {
   __name: "DConfirmDialog",
   props: {
     title: String,
@@ -1718,19 +1732,19 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
     return t({
       returnValue: () => !0
     }), (n, a) => (d(), f("div", null, [
-      oe(yt, { show: !0 }, {
-        "modal-title": I(() => [
+      oe(_t, { show: !0 }, {
+        "modal-title": C(() => [
           K(A(o.title), 1)
         ]),
-        default: I(() => [
+        default: C(() => [
           K(A(o.message), 1)
         ]),
-        "modal-footer": I(() => [
-          _("div", Qo, [
+        "modal-footer": C(() => [
+          _("div", Jo, [
             oe(ae, {
               onClick: a[0] || (a[0] = (r) => E(Me)())
             }, {
-              default: I(() => [
+              default: C(() => [
                 K("Да")
               ]),
               _: 1
@@ -1739,7 +1753,7 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
               class: "button-red",
               onClick: a[1] || (a[1] = (r) => E(Me)(!1))
             }, {
-              default: I(() => [
+              default: C(() => [
                 K("Нет")
               ]),
               _: 1
@@ -1750,7 +1764,7 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
       })
     ]));
   }
-}, ts = { class: "dropdown" }, Bn = {
+}, es = { class: "dropdown" }, En = {
   __name: "DDropdown",
   props: {
     class: String,
@@ -1775,9 +1789,9 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
         a.value.hide();
         return;
       }
-      a.value.show(), ut(() => {
-        const N = a.value.elementSize(), k = r.value.elementSize(), F = window.innerWidth, R = window.innerHeight;
-        l.value = F - (k.x + k.width) < N.width ? k.left - N.width + k.width : k.left, i.value = R - (k.y + k.height) < N.height ? k.top - N.height - 5 : k.height + k.top + 5;
+      a.value.show(), pt(() => {
+        const N = a.value.elementSize(), $ = r.value.elementSize(), V = window.innerWidth, R = window.innerHeight;
+        l.value = V - ($.x + $.width) < N.width ? $.left - N.width + $.width : $.left, i.value = R - ($.y + $.height) < N.height ? $.top - N.height - 5 : $.height + $.top + 5;
       });
     }, u = (S) => {
       o("select", S);
@@ -1785,31 +1799,31 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
     t({
       show: c
     });
-    const b = (S) => !!n[S];
-    return (S, N) => (d(), f("div", ts, [
-      b("default") ? (d(), x(ae, {
+    const x = (S) => !!n[S];
+    return (S, N) => (d(), f("div", es, [
+      x("default") ? (d(), b(ae, {
         key: 0,
         ref_key: "buttonRef",
         ref: r,
-        class: D(s.class),
+        class: T(s.class),
         icon: s.icon,
-        onClick: Z(c, ["stop", "prevent"]),
+        onClick: X(c, ["stop", "prevent"]),
         type: s.type
       }, {
-        default: I(() => [
+        default: C(() => [
           L(S.$slots, "default")
         ]),
         _: 3
-      }, 8, ["class", "icon", "onClick", "type"])) : (d(), x(ae, {
+      }, 8, ["class", "icon", "onClick", "type"])) : (d(), b(ae, {
         key: 1,
         ref_key: "buttonRef",
         ref: r,
-        class: D(s.class),
+        class: T(s.class),
         icon: s.icon,
-        onClick: Z(c, ["stop", "prevent"]),
+        onClick: X(c, ["stop", "prevent"]),
         type: s.type
       }, null, 8, ["class", "icon", "onClick", "type"])),
-      oe(gt, {
+      oe(vt, {
         ref_key: "dMenuRef",
         ref: a,
         items: s.items,
@@ -1823,34 +1837,34 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
       }, null, 8, ["items", "style", "render-item-title", "before-item", "body-as-parent"])
     ]));
   }
-}, os = {}, ss = { class: "d-panel" };
-function ns(e, t) {
-  return d(), f("div", ss, [
+}, ts = {}, os = { class: "d-panel" };
+function ss(e, t) {
+  return d(), f("div", os, [
     L(e.$slots, "default")
   ]);
 }
-const as = /* @__PURE__ */ re(os, [["render", ns]]), is = { class: "card-header" }, rs = { class: "modal-title" }, ls = { class: "card-body" }, ds = { class: "card-footer" }, Mn = {
+const ns = /* @__PURE__ */ re(ts, [["render", ss]]), as = { class: "card-header" }, is = { class: "modal-title" }, rs = { class: "card-body" }, ls = { class: "card-footer" }, Bn = {
   __name: "DCard",
   setup(e) {
-    return (t, o) => (d(), x(as, { class: "d-card" }, {
-      default: I(() => [
-        _("div", is, [
-          _("h5", rs, [
+    return (t, o) => (d(), b(ns, { class: "d-card" }, {
+      default: C(() => [
+        _("div", as, [
+          _("h5", is, [
             L(t.$slots, "title")
           ])
         ]),
-        _("div", ls, [
+        _("div", rs, [
           L(t.$slots, "default")
         ]),
-        _("div", ds, [
+        _("div", ls, [
           L(t.$slots, "footer")
         ])
       ]),
       _: 3
     }));
   }
-}, cs = /* @__PURE__ */ new Map();
-class us {
+}, ds = /* @__PURE__ */ new Map();
+class cs {
   constructor(t, o, s) {
     this.remaining = o, this.callback = t, this.notifyItem = s, this.resume();
   }
@@ -1861,7 +1875,7 @@ class us {
     this.start = Date.now(), clearTimeout(this.notifyItem.timer), this.notifyItem.timer = setTimeout(this.callback, this.remaining);
   }
 }
-const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
+const Ee = "[-+]?[0-9]*.?[0-9]+", at = [
   {
     name: "px",
     regexp: new RegExp(`^${Ee}px$`)
@@ -1878,14 +1892,14 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
     name: "px",
     regexp: new RegExp(`^${Ee}$`)
   }
-], ps = (e) => {
+], us = (e) => {
   if (e === "auto")
     return {
       type: e,
       value: 0
     };
-  for (let t = 0; t < nt.length; t++) {
-    const o = nt[t];
+  for (let t = 0; t < at.length; t++) {
+    const o = at[t];
     if (o.regexp.test(e))
       return {
         type: o.name,
@@ -1896,23 +1910,23 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
     type: "",
     value: e
   };
-}, fs = (e) => {
+}, ps = (e) => {
   switch (typeof e) {
     case "number":
       return { type: "px", value: e };
     case "string":
-      return ps(e);
+      return us(e);
     default:
       return { type: "", value: e };
   }
-}, at = {
+}, it = {
   x: /* @__PURE__ */ new Set(["left", "center", "right"]),
   y: /* @__PURE__ */ new Set(["top", "bottom"])
-}, ms = ((e) => () => e++)(0), hs = (e) => typeof e != "string" ? [] : e.split(/\s+/gi).filter(Boolean), gs = (e) => {
-  typeof e == "string" && (e = hs(e));
+}, fs = ((e) => () => e++)(0), ms = (e) => typeof e != "string" ? [] : e.split(/\s+/gi).filter(Boolean), hs = (e) => {
+  typeof e == "string" && (e = ms(e));
   let t = null, o = null;
   return e.forEach((s) => {
-    at.y.has(s) && (o = s), at.x.has(s) && (t = s);
+    it.y.has(s) && (o = s), it.x.has(s) && (t = s);
   }), { x: t, y: o };
 }, Be = {
   position: ["top", "right"],
@@ -1927,7 +1941,7 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
       opacity: [0, 1]
     }
   }
-}, vs = {
+}, gs = {
   __name: "VelocityGroup",
   emits: ["enter", "leave", "after-leave"],
   setup(e, { emit: t }) {
@@ -1938,20 +1952,20 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
     }, n = () => {
       t("after-leave");
     };
-    return (a, r) => (d(), x(mt, {
+    return (a, r) => (d(), b(ht, {
       tag: "span",
       css: !1,
       onEnter: o,
       onLeave: s,
       onAfterLeave: n
     }, {
-      default: I(() => [
+      default: C(() => [
         L(a.$slots, "default")
       ]),
       _: 3
     }));
   }
-}, ys = /* @__PURE__ */ Object.assign({
+}, vs = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "CssGroup",
@@ -1960,20 +1974,20 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
   },
   setup(e) {
     const t = e;
-    return (o, s) => (d(), x(mt, {
+    return (o, s) => (d(), b(ht, {
       tag: "span",
       name: t.name
     }, {
-      default: I(() => [
+      default: C(() => [
         L(o.$slots, "default")
       ]),
       _: 3
     }, 8, ["name"]));
   }
-}), _s = ["data-id"], bs = ["onClick"], xs = ["innerHTML"], $s = ["innerHTML"], ks = {
+}), ys = ["data-id"], _s = ["onClick"], bs = ["innerHTML"], xs = ["innerHTML"], $s = {
   key: 0,
   class: "d-notification-title"
-}, ws = { class: "notification-content" }, Nn = {
+}, ks = { class: "notification-content" }, Mn = {
   __name: "DNotificationProvider",
   props: {
     group: {
@@ -2046,131 +2060,131 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
     const o = e, s = {
       IDLE: 0,
       DESTROYED: 2
-    }, n = w([]), a = w(null), r = w(cs.get("velocity")), l = m(() => o.animationType === "velocity"), i = m(() => l.value ? vs : ys), c = m(() => n.value.filter((p) => p.state !== s.DESTROYED)), u = m(() => fs(o.width)), h = m(() => {
-      const { x: p, y: z } = gs(o.position), T = u.value.value, q = u.value.type, se = {
-        width: T + q
+    }, n = w([]), a = w(null), r = w(ds.get("velocity")), l = m(() => o.animationType === "velocity"), i = m(() => l.value ? gs : vs), c = m(() => n.value.filter((p) => p.state !== s.DESTROYED)), u = m(() => ps(o.width)), h = m(() => {
+      const { x: p, y: F } = hs(o.position), D = u.value.value, G = u.value.type, se = {
+        width: D + G
       };
-      return z && (se[z] = "0px"), p && (p === "center" ? se.left = `calc(50% - ${+T / 2}${q})` : se[p] = "0px"), se;
-    }), b = m(() => "bottom" in h.value), S = (p) => {
+      return F && (se[F] = "0px"), p && (p === "center" ? se.left = `calc(50% - ${+D / 2}${G})` : se[p] = "0px"), se;
+    }), x = m(() => "bottom" in h.value), S = (p) => {
       t("click", p), o.closeOnClick && M(p);
     }, N = () => {
       var p;
       o.pauseOnHover && ((p = a.value) == null || p.pause());
-    }, k = () => {
+    }, $ = () => {
       var p;
       o.pauseOnHover && ((p = a.value) == null || p.resume());
-    }, F = (p) => {
+    }, V = (p) => {
       if (p.group || (p.group = ""), p.data || (p.data = {}), o.group !== p.group)
         return;
       if (p.clean || p.clear) {
         O();
         return;
       }
-      const z = typeof p.duration == "number" ? p.duration : o.duration, T = typeof p.speed == "number" ? p.speed : o.speed, q = typeof p.ignoreDuplicates == "boolean" ? p.ignoreDuplicates : o.ignoreDuplicates, { title: se, text: ve, type: ye, data: _e, id: be } = p, J = {
-        id: be || ms(),
+      const F = typeof p.duration == "number" ? p.duration : o.duration, D = typeof p.speed == "number" ? p.speed : o.speed, G = typeof p.ignoreDuplicates == "boolean" ? p.ignoreDuplicates : o.ignoreDuplicates, { title: se, text: ve, type: ye, data: _e, id: be } = p, J = {
+        id: be || fs(),
         title: se,
         text: ve,
         type: ye,
         state: s.IDLE,
-        speed: T,
-        length: z + 2 * T,
+        speed: D,
+        length: F + 2 * D,
         data: _e
       };
-      z >= 0 && (a.value = new us(() => M(J), J.length, J));
-      const xe = o.reverse ? !b.value : b.value;
+      F >= 0 && (a.value = new cs(() => M(J), J.length, J));
+      const xe = o.reverse ? !x.value : x.value;
       let le = -1;
       const $e = c.value.some((me) => me.title === p.title && me.text === p.text);
-      (!q || !$e) && (xe ? (n.value.push(J), t("start", J), c.value.length > o.max && (le = 0)) : (n.value.unshift(J), t("start", J), c.value.length > o.max && (le = c.value.length - 1)), le !== -1 && M(c.value[le]));
+      (!G || !$e) && (xe ? (n.value.push(J), t("start", J), c.value.length > o.max && (le = 0)) : (n.value.unshift(J), t("start", J), c.value.length > o.max && (le = c.value.length - 1)), le !== -1 && M(c.value[le]));
     }, R = (p) => {
       y(p);
-    }, C = (p) => [
+    }, I = (p) => [
       "d-notification-template",
       o.classes,
       p.type || ""
     ], B = (p) => l.value ? void 0 : { transition: `all ${p.speed}ms` }, M = (p) => {
-      clearTimeout(p.timer), p.state = s.DESTROYED, V(), t("destroy", p);
+      clearTimeout(p.timer), p.state = s.DESTROYED, z(), t("destroy", p);
     }, y = (p) => {
-      const z = n.value.find((T) => T.id === p);
-      z && M(z);
+      const F = n.value.find((D) => D.id === p);
+      F && M(F);
     }, O = () => {
       c.value.forEach(M);
-    }, W = (p, z) => {
-      var q;
-      const T = (q = o.animation) == null ? void 0 : q[p];
-      return typeof T == "function" ? T(z) : T;
-    }, P = (p, z) => {
+    }, W = (p, F) => {
+      var G;
+      const D = (G = o.animation) == null ? void 0 : G[p];
+      return typeof D == "function" ? D(F) : D;
+    }, P = (p, F) => {
       if (!l.value)
         return;
-      const T = W("enter", p);
-      r.value(p, T, {
+      const D = W("enter", p);
+      r.value(p, D, {
         duration: o.speed,
-        complete: z
+        complete: F
       });
-    }, v = (p, z) => {
+    }, v = (p, F) => {
       if (!l.value)
         return;
-      const T = W("leave", p);
-      r.value(p, T, {
+      const D = W("leave", p);
+      r.value(p, D, {
         duration: o.speed,
-        complete: z
+        complete: F
       });
     };
-    function V() {
+    function z() {
       n.value = n.value.filter((p) => p.state !== s.DESTROYED);
     }
     return fe(() => {
-      U.on("notification-add", F), U.on("notification-close", R);
-    }), (p, z) => (d(), f("div", {
+      q.on("notification-add", V), q.on("notification-close", R);
+    }), (p, F) => (d(), f("div", {
       class: "d-notification-group",
       style: H(h.value)
     }, [
-      (d(), x(X(i.value), {
+      (d(), b(Y(i.value), {
         name: e.animationName,
         onEnter: P,
         onLeave: v,
-        onAfterLeave: V
+        onAfterLeave: z
       }, {
-        default: I(() => [
-          (d(!0), f(ie, null, ge(c.value, (T) => (d(), f("div", {
-            key: T.id,
+        default: C(() => [
+          (d(!0), f(ie, null, ge(c.value, (D) => (d(), f("div", {
+            key: D.id,
             class: "d-notification-wrapper",
-            style: H(B(T)),
-            "data-id": T.id,
+            style: H(B(D)),
+            "data-id": D.id,
             onMouseenter: N,
-            onMouseleave: k
+            onMouseleave: $
           }, [
             L(p.$slots, "body", {
-              class: D([e.classes, T.type]),
-              item: T,
-              close: () => M(T)
+              class: T([e.classes, D.type]),
+              item: D,
+              close: () => M(D)
             }, () => [
               _("div", {
-                class: D(C(T)),
-                onClick: (q) => S(T)
+                class: T(I(D)),
+                onClick: (G) => S(D)
               }, [
                 e.dangerouslySetInnerHtml ? (d(), f(ie, { key: 0 }, [
-                  T.title ? (d(), f("div", {
+                  D.title ? (d(), f("div", {
                     key: 0,
                     class: "d-notification-title",
-                    innerHTML: T.timer
-                  }, null, 8, xs)) : $("", !0),
+                    innerHTML: D.timer
+                  }, null, 8, bs)) : k("", !0),
                   _("div", {
                     class: "notification-content",
-                    innerHTML: T.text
-                  }, null, 8, $s)
+                    innerHTML: D.text
+                  }, null, 8, xs)
                 ], 64)) : (d(), f(ie, { key: 1 }, [
-                  T.title ? (d(), f("div", ks, A(T.title), 1)) : $("", !0),
-                  _("div", ws, A(T.text), 1)
+                  D.title ? (d(), f("div", $s, A(D.title), 1)) : k("", !0),
+                  _("div", ks, A(D.text), 1)
                 ], 64))
-              ], 10, bs)
+              ], 10, _s)
             ])
-          ], 44, _s))), 128))
+          ], 44, ys))), 128))
         ]),
         _: 3
       }, 40, ["name"]))
     ], 4));
   }
-}, Ss = { class: "d-info-progress-icon-container" }, Ts = { class: "d-info-progress-icon" }, Ds = { class: "d-info-progress-data-container" }, Ls = ["innerHTML"], Rn = {
+}, ws = { class: "d-info-progress-icon-container" }, Ss = { class: "d-info-progress-icon" }, Ds = { class: "d-info-progress-data-container" }, Ts = ["innerHTML"], Nn = {
   __name: "DInfoProgress",
   props: {
     style: [String, Object],
@@ -2183,20 +2197,20 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
   setup(e, { emit: t }) {
     const o = e, s = m(() => o.icon ? ee.getters.getIcon(o.icon) : null);
     return (n, a) => (d(), f("div", {
-      class: D(["d-info-progress", o.type ? `d-info-progress-${o.type}` : null]),
+      class: T(["d-info-progress", o.type ? `d-info-progress-${o.type}` : null]),
       style: H(o.style),
       onClick: a[0] || (a[0] = (r) => {
         t("click", r);
       })
     }, [
-      _("div", Ss, [
-        _("div", Ts, [
-          o.icon ? (d(), x(X(de), {
+      _("div", ws, [
+        _("div", Ss, [
+          o.icon ? (d(), b(Y(de), {
             key: 0,
             component: s.value,
             color: "inherit",
             size: 17
-          }, null, 8, ["component"])) : $("", !0)
+          }, null, 8, ["component"])) : k("", !0)
         ])
       ]),
       _("div", Ds, [
@@ -2207,11 +2221,11 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
         _("div", {
           class: "d-info-progress-label",
           innerHTML: e.label
-        }, null, 8, Ls)
+        }, null, 8, Ts)
       ])
     ], 6));
   }
-}, Cs = { class: "d-checkbox" }, Is = ["id", "checked", "disabled"], Es = ["for"], On = {
+}, Ls = { class: "d-checkbox" }, Cs = ["id", "checked", "disabled"], Is = ["for"], Rn = {
   __name: "DCheckbox",
   props: {
     label: String,
@@ -2225,13 +2239,13 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const o = e, n = pt().uid, a = m({
+    const o = e, n = ft().uid, a = m({
       get: () => o.modelValue,
       set: (r) => {
         t("update:modelValue", r);
       }
     });
-    return (r, l) => (d(), f("div", Cs, [
+    return (r, l) => (d(), f("div", Ls, [
       te(_("input", {
         "onUpdate:modelValue": l[0] || (l[0] = (i) => a.value = i),
         id: `i-${E(n)}`,
@@ -2239,30 +2253,30 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
         checked: o.checked,
         disabled: o.disabled,
         onChange: l[1] || (l[1] = (...i) => o.change && o.change(...i))
-      }, null, 40, Is), [
-        [Bt, a.value]
+      }, null, 40, Cs), [
+        [Mt, a.value]
       ]),
       _("label", {
         for: `i-${E(n)}`
-      }, A(o.label), 9, Es)
+      }, A(o.label), 9, Is)
     ]));
   }
 };
-async function Bs(e, t) {
-  return await _t(es, { title: e, message: t });
+async function Es(e, t) {
+  return await bt(Qo, { title: e, message: t });
 }
-async function Ms(e, t) {
-  return await _t(Jo, { title: e, message: t });
+async function Bs(e, t) {
+  return await bt(Ko, { title: e, message: t });
 }
-const An = {
+const On = {
   __name: "DDialogProvider",
   setup(e) {
-    return window.alert = Ms, window.confirm = Bs, (t, o) => (d(), x(E(Zo)));
+    return window.alert = Bs, window.confirm = Es, (t, o) => (d(), b(E(Go)));
   }
-}, Ns = { class: "d-select" }, Rs = {
+}, Ms = { class: "d-select" }, Ns = {
   key: 0,
   class: "label"
-}, Os = ["value", "selected", "disabled"], Hn = {
+}, Rs = ["value", "selected", "disabled"], An = {
   __name: "DSelect",
   props: {
     label: String,
@@ -2285,11 +2299,11 @@ const An = {
         n.value = o.options[a].value;
         break;
       }
-    return (a, r) => (d(), f("div", Ns, [
-      o.label ? (d(), f("div", Rs, A(o.label), 1)) : $("", !0),
+    return (a, r) => (d(), f("div", Ms, [
+      o.label ? (d(), f("div", Ns, A(o.label), 1)) : k("", !0),
       te(_("select", {
         "onUpdate:modelValue": r[0] || (r[0] = (l) => n.value = l),
-        class: D(s.value),
+        class: T(s.value),
         style: H(o.size === "wide" ? "width:100%" : "")
       }, [
         (d(!0), f(ie, null, ge(o.options, (l, i) => (d(), f("option", {
@@ -2297,13 +2311,13 @@ const An = {
           value: l.value,
           selected: l.selected,
           disabled: l.disabled
-        }, A(l.label), 9, Os))), 128))
+        }, A(l.label), 9, Rs))), 128))
       ], 6), [
-        [Mt, n.value]
+        [Nt, n.value]
       ])
     ]));
   }
-}, As = ["title"], Hs = ["title"], Vs = {
+}, Os = ["title"], As = ["title"], Hs = {
   __name: "DTabLabel",
   props: {
     tab: Object
@@ -2313,41 +2327,41 @@ const An = {
     return (o, s) => t.tab.label ? (d(), f("span", {
       key: 0,
       title: t.tab.title ? t.tab.title : ""
-    }, A(t.tab.label), 9, As)) : t.tab.icon ? (d(), f("span", {
+    }, A(t.tab.label), 9, Os)) : t.tab.icon ? (d(), f("span", {
       key: 1,
       title: t.tab.title ? t.tab.title : ""
     }, [
       oe(E(de), {
         component: t.tab.icon
       }, null, 8, ["component"])
-    ], 8, Hs)) : $("", !0);
+    ], 8, As)) : k("", !0);
   }
 };
-const zs = { class: "d-tabs" }, Fs = {
+const Vs = { class: "d-tabs" }, zs = {
   __name: "DTabs",
   props: {
     tabs: Array
   },
   setup(e) {
-    const o = Nt(e, "tabs"), s = w(0), n = (a) => {
+    const o = Rt(e, "tabs"), s = w(0), n = (a) => {
       s.value = a;
     };
     return (a, r) => (d(), f(ie, null, [
-      _("div", zs, [
-        (d(!0), f(ie, null, ge(o.value, (l, i) => (d(), x(Vs, {
+      _("div", Vs, [
+        (d(!0), f(ie, null, ge(o.value, (l, i) => (d(), b(Hs, {
           index: i,
           tab: l,
-          class: D(["d-tab-title", i === s.value ? "active" : ""]),
+          class: T(["d-tab-title", i === s.value ? "active" : ""]),
           onClick: (c) => n(i)
         }, null, 8, ["index", "tab", "class", "onClick"]))), 256))
       ]),
-      (d(), x(Rt, null, [
-        (d(), x(X(o.value[s.value].component)))
+      (d(), b(Ot, null, [
+        (d(), b(Y(o.value[s.value].component)))
       ], 1024))
     ], 64));
   }
-}, Vn = /* @__PURE__ */ re(Fs, [["__scopeId", "data-v-c98761cd"]]);
-const Ws = { class: "d-grid" }, Ps = {
+}, Hn = /* @__PURE__ */ re(zs, [["__scopeId", "data-v-c98761cd"]]);
+const Fs = { class: "d-grid" }, Ws = {
   __name: "DGrid",
   props: {
     gap: {
@@ -2375,15 +2389,15 @@ const Ws = { class: "d-grid" }, Ps = {
       "09eba33c": i[5],
       "898eb2ac": t.gap
     }));
-    const { colXs: o, colSm: s, colMd: n, colLg: a, colXl: r, colXxl: l } = Ot(t), i = [o.value, s.value, n.value, a.value, r.value, l.value];
+    const { colXs: o, colSm: s, colMd: n, colLg: a, colXl: r, colXxl: l } = At(t), i = [o.value, s.value, n.value, a.value, r.value, l.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, h) => (d(), f("div", Ws, [
+    return (u, h) => (d(), f("div", Fs, [
       L(u.$slots, "default", {}, void 0, !0)
     ]));
   }
-}, zn = /* @__PURE__ */ re(Ps, [["__scopeId", "data-v-b45e8130"]]), js = ["src", "alt", "title"], Fn = {
+}, Vn = /* @__PURE__ */ re(Ws, [["__scopeId", "data-v-b45e8130"]]), Ps = ["src", "alt", "title"], zn = {
   __name: "DImage",
   props: {
     src: String,
@@ -2408,13 +2422,13 @@ const Ws = { class: "d-grid" }, Ps = {
       alt: t.alt,
       title: t.title,
       style: H({ width: t.width, height: t.height, borderRadius: t.radius })
-    }, null, 12, js)) : $("", !0);
+    }, null, 12, Ps)) : k("", !0);
   }
 };
-const Xs = { class: "d-textarea" }, Ys = {
+const js = { class: "d-textarea" }, Xs = {
   key: 0,
   class: "label"
-}, Us = ["rows", "cols", "placeholder"], qs = {
+}, Ys = ["rows", "cols", "placeholder"], Us = {
   __name: "DTextarea",
   props: {
     label: String,
@@ -2448,8 +2462,8 @@ const Xs = { class: "d-textarea" }, Ys = {
     };
     return t({
       focus: l
-    }), (i, c) => (d(), f("div", Xs, [
-      s.label ? (d(), f("div", Ys, A(s.label), 1)) : $("", !0),
+    }), (i, c) => (d(), f("div", js, [
+      s.label ? (d(), f("div", Xs, A(s.label), 1)) : k("", !0),
       te(_("textarea", {
         ref_key: "inputRef",
         ref: n,
@@ -2457,15 +2471,15 @@ const Xs = { class: "d-textarea" }, Ys = {
         rows: s.rows,
         cols: s.cols,
         placeholder: s.placeholder,
-        class: D(a.value),
+        class: T(a.value),
         style: { width: "100%" }
-      }, null, 10, Us), [
-        [At, r.value]
+      }, null, 10, Ys), [
+        [Ht, r.value]
       ])
     ]));
   }
-}, Wn = /* @__PURE__ */ re(qs, [["__scopeId", "data-v-0e805d5d"]]);
-class Pn {
+}, Fn = /* @__PURE__ */ re(Us, [["__scopeId", "data-v-0e805d5d"]]);
+class Wn {
   constructor(t) {
     this.fields = t;
   }
@@ -2476,7 +2490,7 @@ class Pn {
     return !t;
   }
 }
-class Gs {
+class qs {
   validate(t, o = "https") {
     return this._isValidURL(t) || (t = o + "://" + t), this._isValidURL(t);
   }
@@ -2497,8 +2511,8 @@ class Gs {
     }
   }
 }
-const Zs = new Gs();
-class Ks {
+const Gs = new qs();
+class Zs {
   validate(t = "") {
     return t !== "";
   }
@@ -2506,8 +2520,8 @@ class Ks {
     return t;
   }
 }
-const Js = new Ks();
-class Qs {
+const Ks = new Zs();
+class Js {
   validate(t = "", o = 0) {
     return t.length >= o;
   }
@@ -2515,8 +2529,8 @@ class Qs {
     return t;
   }
 }
-const en = new Qs();
-class tn {
+const Qs = new Js();
+class en {
   validate(t = "", o = 0) {
     return t.length <= o;
   }
@@ -2524,8 +2538,8 @@ class tn {
     return t;
   }
 }
-const on = new tn();
-class sn {
+const tn = new en();
+class on {
   validate(t) {
     return /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/.test(t);
   }
@@ -2533,8 +2547,8 @@ class sn {
     return t;
   }
 }
-const nn = new sn();
-class an {
+const sn = new on();
+class nn {
   validate(t) {
     return !isNaN(parseFloat(t)) && !isNaN(t - 0);
   }
@@ -2542,55 +2556,55 @@ class an {
     return t;
   }
 }
-const rn = new an(), Y = {
-  RulesUrl: Zs,
-  RulesRequired: Js,
-  RulesMin: en,
-  RulesMax: on,
-  RulesEmail: nn,
-  RulesNumber: rn
+const an = new nn(), U = {
+  RulesUrl: Gs,
+  RulesRequired: Ks,
+  RulesMin: Qs,
+  RulesMax: tn,
+  RulesEmail: sn,
+  RulesNumber: an
 };
-class ln {
+class rn {
   validate(t, o) {
-    var n, a, r, l, i, c, u, h, b, S, N, k, F, R;
+    var n, a, r, l, i, c, u, h, x, S, N, $, V, R;
     let s = "";
     if (o) {
-      let C = !1;
+      let I = !1;
       for (let B in o)
-        if (!C)
+        if (!I)
           switch (B) {
             case "url":
-              s = Y.RulesUrl.validate(t, "https") || t.length === 0 ? "" : Y.RulesUrl.message("url", (n = o[B]) != null && n.message ? (a = o[B]) == null ? void 0 : a.message : "url_incorrect"), C = s !== "";
+              s = U.RulesUrl.validate(t, "https") || t.length === 0 ? "" : U.RulesUrl.message("url", (n = o[B]) != null && n.message ? (a = o[B]) == null ? void 0 : a.message : "url_incorrect"), I = s !== "";
               break;
             case "required":
-              s = Y.RulesRequired.validate(t) ? "" : Y.RulesRequired.message((r = o[B]) != null && r.message ? (l = o[B]) == null ? void 0 : l.message : "required"), C = s !== "";
+              s = U.RulesRequired.validate(t) ? "" : U.RulesRequired.message((r = o[B]) != null && r.message ? (l = o[B]) == null ? void 0 : l.message : "required"), I = s !== "";
               break;
             case "min":
-              s = Y.RulesMin.validate(t, (i = o[B]) == null ? void 0 : i.value) ? "" : Y.RulesMin.message((c = o[B]) != null && c.message ? (u = o[B]) == null ? void 0 : u.message : "very_small"), C = s !== "";
+              s = U.RulesMin.validate(t, (i = o[B]) == null ? void 0 : i.value) ? "" : U.RulesMin.message((c = o[B]) != null && c.message ? (u = o[B]) == null ? void 0 : u.message : "very_small"), I = s !== "";
               break;
             case "max":
-              s = Y.RulesMax.validate(t, (h = o[B]) == null ? void 0 : h.value) ? "" : Y.RulesMax.message((b = o[B]) != null && b.message ? (S = o[B]) == null ? void 0 : S.message : "vary_large"), C = s !== "";
+              s = U.RulesMax.validate(t, (h = o[B]) == null ? void 0 : h.value) ? "" : U.RulesMax.message((x = o[B]) != null && x.message ? (S = o[B]) == null ? void 0 : S.message : "vary_large"), I = s !== "";
               break;
             case "email":
-              s = Y.RulesEmail.validate(t) ? "" : Y.RulesMax.message((N = o[B]) != null && N.message ? (k = o[B]) == null ? void 0 : k.message : "email_incorrect"), C = s !== "";
+              s = U.RulesEmail.validate(t) ? "" : U.RulesMax.message((N = o[B]) != null && N.message ? ($ = o[B]) == null ? void 0 : $.message : "email_incorrect"), I = s !== "";
               break;
             case "number":
-              s = Y.RulesNumber.validate(t) ? "" : Y.RulesNumber.message(
-                (F = o[B]) != null && F.message ? (R = o[B]) == null ? void 0 : R.message : "number_incorrect"
-              ), C = s !== "";
+              s = U.RulesNumber.validate(t) ? "" : U.RulesNumber.message(
+                (V = o[B]) != null && V.message ? (R = o[B]) == null ? void 0 : R.message : "number_incorrect"
+              ), I = s !== "";
               break;
           }
     }
     return s;
   }
 }
-const dn = new ln(), cn = { style: { display: "flex", "flex-direction": "column" } }, un = {
+const ln = new rn(), dn = { style: { display: "flex", "flex-direction": "column" } }, cn = {
   key: 0,
   class: "d-label"
-}, pn = {
+}, un = {
   key: 0,
   class: "text-red"
-}, fn = { style: { display: "flex", "flex-direction": "row" } }, mn = { style: { flex: "1", position: "relative" } }, hn = /* @__PURE__ */ _("svg", {
+}, pn = { style: { display: "flex", "flex-direction": "row" } }, fn = { style: { flex: "1", position: "relative" } }, mn = /* @__PURE__ */ _("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 }, [
@@ -2598,9 +2612,9 @@ const dn = new ln(), cn = { style: { display: "flex", "flex-direction": "column"
     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), gn = [
-  hn
-], vn = ["id", "type", "placeholder", "disabled"], yn = /* @__PURE__ */ _("svg", {
+], -1), hn = [
+  mn
+], gn = ["id", "type", "placeholder", "disabled"], vn = /* @__PURE__ */ _("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 }, [
@@ -2608,15 +2622,15 @@ const dn = new ln(), cn = { style: { display: "flex", "flex-direction": "column"
     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), _n = [
-  yn
-], bn = {
+], -1), yn = [
+  vn
+], _n = {
   key: 1,
   class: "d-help"
-}, xn = {
+}, bn = {
   key: 2,
   class: "d-error text-red"
-}, jn = {
+}, Pn = {
   __name: "DInputString",
   props: {
     form: Object,
@@ -2640,7 +2654,7 @@ const dn = new ln(), cn = { style: { display: "flex", "flex-direction": "column"
   },
   emits: ["update:modelValue", "input"],
   setup(e, { expose: t, emit: o }) {
-    const s = e, n = w(s.error), a = Ht(), r = w(!1), l = w(null);
+    const s = e, n = w(s.error), a = Vt(), r = w(!1), l = w(null);
     //!props.form ? ref(null) : props.form.fields[props.name].ref
     const i = m({
       get: () => s.modelValue,
@@ -2649,8 +2663,8 @@ const dn = new ln(), cn = { style: { display: "flex", "flex-direction": "column"
         o("update:modelValue", R);
       }
     }), c = m(() => s.type === "password" ? "password" : "text"), u = m(() => s.scale), h = (R) => {
-      o("input", R), b();
-    }, b = () => (n.value = dn.validate(i.value, s.form.fields[s.name].rules), !!n.value);
+      o("input", R), x();
+    }, x = () => (n.value = ln.validate(i.value, s.form.fields[s.name].rules), !!n.value);
     fe(() => {
       S();
     });
@@ -2659,7 +2673,7 @@ const dn = new ln(), cn = { style: { display: "flex", "flex-direction": "column"
       (R = l.value) == null || R.focus();
     }, N = () => {
       i.value = "";
-    }, k = (R) => {
+    }, $ = (R) => {
       r.value = R;
     };
     return t({
@@ -2667,49 +2681,49 @@ const dn = new ln(), cn = { style: { display: "flex", "flex-direction": "column"
       setError: (R) => {
         n.value = R;
       },
-      validate: b
-    }), (R, C) => {
-      var B, M, y, O, W, P, v, V, p, z, T, q, se, ve, ye, _e, be, J, xe, le, $e, Ce, me, Fe, We, Pe, je, Xe, Ye, Ue, qe, Ge, Ze, Ke, Je, Qe, et, tt, ot;
+      validate: x
+    }), (R, I) => {
+      var B, M, y, O, W, P, v, z, p, F, D, G, se, ve, ye, _e, be, J, xe, le, $e, Ce, me, Fe, We, Pe, je, Xe, Ye, Ue, qe, Ge, Ze, Ke, Je, Qe, et, tt, ot;
       return d(), f("div", {
-        class: D(["d-input-string", u.value])
+        class: T(["d-input-string", u.value])
       }, [
-        _("div", cn, [
-          s.label ? (d(), f("div", un, [
+        _("div", dn, [
+          s.label ? (d(), f("div", cn, [
             K(A(s.label), 1),
-            (B = s.form) != null && B.fields[s.name].rules && s.form.fields[s.name].rules.hasOwnProperty("required") ? (d(), f("span", pn, "*")) : $("", !0)
-          ])) : $("", !0),
-          _("div", fn, [
+            (B = s.form) != null && B.fields[s.name].rules && s.form.fields[s.name].rules.hasOwnProperty("required") ? (d(), f("span", un, "*")) : k("", !0)
+          ])) : k("", !0),
+          _("div", pn, [
             (y = (M = s.pre) == null ? void 0 : M.outside) != null && y.component ? (d(), f("div", {
               key: 0,
-              class: D(["d-pre", s.disabled ? "disabled" : ""])
+              class: T(["d-pre", s.disabled ? "disabled" : ""])
             }, [
-              (d(), x(X((W = (O = s.pre) == null ? void 0 : O.outside) == null ? void 0 : W.component)))
+              (d(), b(Y((W = (O = s.pre) == null ? void 0 : O.outside) == null ? void 0 : W.component)))
             ], 2)) : (v = (P = s.pre) == null ? void 0 : P.outside) != null && v.text ? (d(), f("div", {
               key: 1,
-              class: D(["d-pre", s.disabled ? "disabled" : ""])
+              class: T(["d-pre", s.disabled ? "disabled" : ""])
             }, [
               _("div", {
-                class: D(["d-text", r.value ? "focused" : ""])
-              }, A((p = (V = s.pre) == null ? void 0 : V.outside) == null ? void 0 : p.text), 3)
-            ], 2)) : $("", !0),
-            _("div", mn, [
-              (T = (z = s.pre) == null ? void 0 : z.inside) != null && T.action && ((se = (q = s.pre) == null ? void 0 : q.inside) == null ? void 0 : se.action) === "clear" && ((ve = i.value) == null ? void 0 : ve.length) > 0 ? (d(), f("div", {
+                class: T(["d-text", r.value ? "focused" : ""])
+              }, A((p = (z = s.pre) == null ? void 0 : z.outside) == null ? void 0 : p.text), 3)
+            ], 2)) : k("", !0),
+            _("div", fn, [
+              (D = (F = s.pre) == null ? void 0 : F.inside) != null && D.action && ((se = (G = s.pre) == null ? void 0 : G.inside) == null ? void 0 : se.action) === "clear" && ((ve = i.value) == null ? void 0 : ve.length) > 0 ? (d(), f("div", {
                 key: 0,
                 class: "d-pre-inside-button",
                 onClick: N
-              }, gn)) : $("", !0),
+              }, hn)) : k("", !0),
               te(_("input", {
                 id: E(a),
                 ref_key: "inputRef",
                 ref: l,
-                "onUpdate:modelValue": C[0] || (C[0] = (Ie) => i.value = Ie),
+                "onUpdate:modelValue": I[0] || (I[0] = (Ie) => i.value = Ie),
                 style: { width: "100%" },
                 type: c.value,
                 placeholder: s.placeholder,
                 onInput: h,
-                onFocus: C[1] || (C[1] = (Ie) => k(!0)),
-                onFocusout: C[2] || (C[2] = (Ie) => k(!1)),
-                class: D([
+                onFocus: I[1] || (I[1] = (Ie) => $(!0)),
+                onFocusout: I[2] || (I[2] = (Ie) => $(!1)),
+                class: T([
                   (_e = (ye = s.pre) == null ? void 0 : ye.outside) != null && _e.component || (J = (be = s.pre) == null ? void 0 : be.outside) != null && J.text ? "has-pre" : "",
                   (le = (xe = s.post) == null ? void 0 : xe.outside) != null && le.component || (Ce = ($e = s.post) == null ? void 0 : $e.outside) != null && Ce.text ? "has-post" : "",
                   (Fe = (me = s.pre) == null ? void 0 : me.inside) != null && Fe.action ? "has-pre-inside-button" : "",
@@ -2717,31 +2731,31 @@ const dn = new ln(), cn = { style: { display: "flex", "flex-direction": "column"
                   r.value ? "focused" : ""
                 ]),
                 disabled: s.disabled
-              }, null, 42, vn), [
-                [Te, i.value]
+              }, null, 42, gn), [
+                [De, i.value]
               ]),
               (Xe = (je = s.post) == null ? void 0 : je.inside) != null && Xe.action && ((Ue = (Ye = s.post) == null ? void 0 : Ye.inside) == null ? void 0 : Ue.action) === "clear" && ((qe = i.value) == null ? void 0 : qe.length) > 0 ? (d(), f("div", {
                 key: 1,
                 class: "d-post-inside-button",
                 onClick: N
-              }, _n)) : $("", !0)
+              }, yn)) : k("", !0)
             ]),
             (Ze = (Ge = s.post) == null ? void 0 : Ge.outside) != null && Ze.component ? (d(), f("div", {
               key: 2,
-              class: D(["d-post", s.disabled ? "disabled" : ""])
+              class: T(["d-post", s.disabled ? "disabled" : ""])
             }, [
-              (d(), x(X((Je = (Ke = s.post) == null ? void 0 : Ke.outside) == null ? void 0 : Je.component)))
+              (d(), b(Y((Je = (Ke = s.post) == null ? void 0 : Ke.outside) == null ? void 0 : Je.component)))
             ], 2)) : (et = (Qe = s.post) == null ? void 0 : Qe.outside) != null && et.text ? (d(), f("div", {
               key: 3,
-              class: D(["d-post", s.disabled ? "disabled" : ""])
+              class: T(["d-post", s.disabled ? "disabled" : ""])
             }, [
               _("div", {
-                class: D(["d-text", r.value ? "focused" : ""])
+                class: T(["d-text", r.value ? "focused" : ""])
               }, A((ot = (tt = s.post) == null ? void 0 : tt.outside) == null ? void 0 : ot.text), 3)
-            ], 2)) : $("", !0)
+            ], 2)) : k("", !0)
           ]),
-          s.help ? (d(), f("div", bn, A(s.help), 1)) : $("", !0),
-          n.value ? (d(), f("div", xn, A(n.value), 1)) : $("", !0)
+          s.help ? (d(), f("div", _n, A(s.help), 1)) : k("", !0),
+          n.value ? (d(), f("div", bn, A(n.value), 1)) : k("", !0)
         ])
       ], 2);
     };
@@ -2765,13 +2779,13 @@ const dn = new ln(), cn = { style: { display: "flex", "flex-direction": "column"
         e.hasOwnProperty(t) && (he.state[t] = e[t]);
     }
   }
-}, bt = (e) => {
-  typeof e == "string" && (e = { title: "", text: e }), typeof e == "object" && U.emit("notification-add", e);
+}, xt = (e) => {
+  typeof e == "string" && (e = { title: "", text: e }), typeof e == "object" && q.emit("notification-add", e);
 };
-bt.close = (e) => {
-  U.emit("notification-close", e);
+xt.close = (e) => {
+  q.emit("notification-close", e);
 };
-const Xn = () => ({ notify: bt }), Yn = {
+const jn = () => ({ notify: xt }), Xn = {
   mounted: function(e, t) {
     e.clickOutsideEvent = function(o) {
       e === o.target || e.contains(o.target) || t.value(o, e);
@@ -2780,7 +2794,7 @@ const Xn = () => ({ notify: bt }), Yn = {
   unmounted: function(e) {
     document.removeEventListener("click", e.clickOutsideEvent);
   }
-}, Un = {
+}, Yn = {
   beforeMount(e, t) {
     e._keydownCallback = (o) => {
       o.key === t.arg && t.value();
@@ -2789,18 +2803,18 @@ const Xn = () => ({ notify: bt }), Yn = {
   unmounted(e, t) {
     document.removeEventListener("keydown", e._keydownCallback), delete e._keydownCallback;
   }
-}, qn = {
+}, Un = {
   beforeMount(e) {
     e.focus();
   }
 };
-function xt(e) {
+function $t(e) {
   return e.type.indexOf("mouse") !== -1 ? e.clientX : e.touches[0].clientX;
 }
-function $t(e) {
+function kt(e) {
   return e.type.indexOf("mouse") !== -1 ? e.clientY : e.touches[0].clientY;
 }
-var $n = function() {
+var xn = function() {
   var e = !1;
   try {
     var t = Object.defineProperty({}, "passive", {
@@ -2812,7 +2826,7 @@ var $n = function() {
   } catch {
   }
   return e;
-}(), kn = {
+}(), $n = {
   disableClick: !1,
   tapTolerance: 10,
   // px
@@ -2830,12 +2844,12 @@ var $n = function() {
 };
 function ke(e) {
   var t = this.$$touchObj, o = e.type.indexOf("touch") >= 0, s = e.type.indexOf("mouse") >= 0, n = this;
-  o && (t.lastTouchStartTime = e.timeStamp), !(s && t.lastTouchStartTime && e.timeStamp - t.lastTouchStartTime < 350) && (t.touchStarted || (kt(this), t.touchStarted = !0, t.touchMoved = !1, t.swipeOutBounded = !1, t.startX = xt(e), t.startY = $t(e), t.currentX = 0, t.currentY = 0, t.touchStartTime = e.timeStamp, t.hasSwipe = G(this, "swipe") || G(this, "swipe.left") || G(this, "swipe.right") || G(this, "swipe.top") || G(this, "swipe.bottom"), G(this, "hold") && (t.touchHoldTimer = setTimeout(function() {
+  o && (t.lastTouchStartTime = e.timeStamp), !(s && t.lastTouchStartTime && e.timeStamp - t.lastTouchStartTime < 350) && (t.touchStarted || (wt(this), t.touchStarted = !0, t.touchMoved = !1, t.swipeOutBounded = !1, t.startX = $t(e), t.startY = kt(e), t.currentX = 0, t.currentY = 0, t.touchStartTime = e.timeStamp, t.hasSwipe = Z(this, "swipe") || Z(this, "swipe.left") || Z(this, "swipe.right") || Z(this, "swipe.top") || Z(this, "swipe.bottom"), Z(this, "hold") && (t.touchHoldTimer = setTimeout(function() {
     t.touchHoldTimer = null, Q(e, n, "hold");
   }, t.options.touchHoldTolerance)), Q(e, this, "press")));
 }
 function we(e) {
-  var t = this.$$touchObj, o = xt(e), s = $t(e), n = t.currentX != o || t.currentY != s;
+  var t = this.$$touchObj, o = $t(e), s = kt(e), n = t.currentX != o || t.currentY != s;
   if (t.currentX = o, t.currentY = s, t.touchMoved) {
     if (t.hasSwipe && !t.swipeOutBounded) {
       var r = t.options.swipeTolerance;
@@ -2845,16 +2859,16 @@ function we(e) {
     var a = t.options.tapTolerance;
     t.touchMoved = Math.abs(t.startX - t.currentX) > a || Math.abs(t.startY - t.currentY) > a, t.touchMoved && (ze(t), Q(e, this, "drag.once"));
   }
-  if (G(this, "rollover") && n) {
+  if (Z(this, "rollover") && n) {
     var l = e.timeStamp, i = t.options.rollOverFrequency;
     (t.touchRollTime == null || l > t.touchRollTime + i) && (t.touchRollTime = l, Q(e, this, "rollover"));
   }
-  if (G(this, "drag") && t.touchStarted && t.touchMoved && n) {
+  if (Z(this, "drag") && t.touchStarted && t.touchMoved && n) {
     var l = e.timeStamp, i = t.options.dragFrequency;
     (t.touchDragTime == null || l > t.touchDragTime + i) && (t.touchDragTime = l, Q(e, this, "drag"));
   }
 }
-function it() {
+function rt() {
   var e = this.$$touchObj;
   ze(e), Ve(this), e.touchStarted = e.touchMoved = !1, e.startX = e.startY = 0;
 }
@@ -2866,23 +2880,23 @@ function Se(e) {
     if (Q(e, this, "release"), t.touchMoved) {
       if (t.hasSwipe && !t.swipeOutBounded) {
         var a = t.options.swipeTolerance, r, l = Math.abs(t.startY - t.currentY), i = Math.abs(t.startX - t.currentX);
-        (l > a || i > a) && (l > a ? r = t.startY > t.currentY ? "top" : "bottom" : r = t.startX > t.currentX ? "left" : "right", G(this, "swipe." + r) ? Q(e, this, "swipe." + r, r) : Q(e, this, "swipe", r));
+        (l > a || i > a) && (l > a ? r = t.startY > t.currentY ? "top" : "bottom" : r = t.startX > t.currentX ? "left" : "right", Z(this, "swipe." + r) ? Q(e, this, "swipe." + r, r) : Q(e, this, "swipe", r));
       }
-    } else if (G(this, "longtap") && e.timeStamp - t.touchStartTime > t.options.longTapTimeInterval)
+    } else if (Z(this, "longtap") && e.timeStamp - t.touchStartTime > t.options.longTapTimeInterval)
       e.cancelable && e.preventDefault(), Q(e, this, "longtap");
-    else if (G(this, "hold") && n) {
+    else if (Z(this, "hold") && n) {
       e.cancelable && e.preventDefault();
       return;
     } else
       Q(e, this, "tap");
 }
-function rt() {
-  kt(this);
-}
 function lt() {
+  wt(this);
+}
+function dt() {
   Ve(this);
 }
-function G(e, t) {
+function Z(e, t) {
   var o = e.$$touchObj.callbacks[t];
   return o != null && o.length > 0;
 }
@@ -2895,7 +2909,7 @@ function Q(e, t, o, s) {
     l.modifiers.stop && e.stopPropagation(), l.modifiers.prevent && e.preventDefault(), !(l.modifiers.self && e.target !== e.currentTarget) && typeof l.value == "function" && (s ? l.value(s, e) : l.value(e));
   }
 }
-function kt(e) {
+function wt(e) {
   var t = e.$$touchObj.options.touchClass;
   t && e.classList.add(t);
 }
@@ -2906,7 +2920,7 @@ function Ve(e) {
 function ze(e) {
   e.touchHoldTimer && (clearTimeout(e.touchHoldTimer), e.touchHoldTimer = null);
 }
-function wn(e, t) {
+function kn(e, t) {
   var o = e.$$touchObj || {
     // an object contains all callbacks registered,
     // key is event name, value is an array
@@ -2914,14 +2928,14 @@ function wn(e, t) {
     // prevent bind twice, set to true when event bound
     hasBindTouchEvents: !1,
     // default options, would be override by v-touch-options
-    options: kn
+    options: $n
   };
   return t && (o.options = Object.assign({}, o.options, t)), e.$$touchObj = o, e.$$touchObj;
 }
-const Gn = {
+const qn = {
   beforeMount: function(e, t) {
-    const o = wn(e);
-    let s = $n ? { passive: !0 } : !1;
+    const o = kn(e);
+    let s = xn ? { passive: !0 } : !1;
     const n = t.arg || "tap";
     switch (n) {
       case "swipe":
@@ -2941,65 +2955,65 @@ const Gn = {
       default:
         o.callbacks[n] = o.callbacks[n] || [], o.callbacks[n].push(t);
     }
-    o.hasBindTouchEvents || (e.addEventListener("touchstart", ke, s), e.addEventListener("touchmove", we, s), e.addEventListener("touchcancel", it), e.addEventListener("touchend", Se), o.options.disableClick || (e.addEventListener("mousedown", ke), e.addEventListener("mousemove", we), e.addEventListener("mouseup", Se), e.addEventListener("mouseenter", rt), e.addEventListener("mouseleave", lt)), o.hasBindTouchEvents = !0);
+    o.hasBindTouchEvents || (e.addEventListener("touchstart", ke, s), e.addEventListener("touchmove", we, s), e.addEventListener("touchcancel", rt), e.addEventListener("touchend", Se), o.options.disableClick || (e.addEventListener("mousedown", ke), e.addEventListener("mousemove", we), e.addEventListener("mouseup", Se), e.addEventListener("mouseenter", lt), e.addEventListener("mouseleave", dt)), o.hasBindTouchEvents = !0);
   },
   unmounted: function(e) {
-    e.removeEventListener("touchstart", ke), e.removeEventListener("touchmove", we), e.removeEventListener("touchcancel", it), e.removeEventListener("touchend", Se), e.$$touchObj && !e.$$touchObj.options.disableClick && (e.removeEventListener("mousedown", ke), e.removeEventListener("mousemove", we), e.removeEventListener("mouseup", Se), e.removeEventListener("mouseenter", rt), e.removeEventListener("mouseleave", lt)), delete e.$$touchObj;
+    e.removeEventListener("touchstart", ke), e.removeEventListener("touchmove", we), e.removeEventListener("touchcancel", rt), e.removeEventListener("touchend", Se), e.$$touchObj && !e.$$touchObj.options.disableClick && (e.removeEventListener("mousedown", ke), e.removeEventListener("mousemove", we), e.removeEventListener("mouseup", Se), e.removeEventListener("mouseenter", lt), e.removeEventListener("mouseleave", dt)), delete e.$$touchObj;
   }
 };
 export {
   Dn as DAccordion,
-  Jo as DAlertDialog,
-  ro as DBadge,
+  Ko as DAlertDialog,
+  lo as DBadge,
   ae as DButton,
-  Mn as DCard,
-  On as DCheckbox,
-  lo as DCollapse,
+  Bn as DCard,
+  Rn as DCheckbox,
+  co as DCollapse,
   he as DComponentStore,
-  Cn as DConfigProvider,
-  es as DConfirmDialog,
-  Io as DContextMenu,
-  An as DDialogProvider,
-  po as DDrag,
-  Co as DDrop,
-  Bn as DDropdown,
-  Pn as DForm,
+  Ln as DConfigProvider,
+  Qo as DConfirmDialog,
+  Co as DContextMenu,
+  On as DDialogProvider,
+  nt as DDrag,
+  Lo as DDrop,
+  En as DDropdown,
+  Wn as DForm,
   pe as DGlobalStore,
-  zn as DGrid,
+  Vn as DGrid,
   de as DIcon,
   ee as DIconStore,
-  Fn as DImage,
-  Rn as DInfoProgress,
-  Tn as DInput,
-  jn as DInputString,
-  Ln as DLayoutAdmin,
-  Oo as DLayoutContent,
-  No as DLayoutFooter,
-  Bo as DLayoutHeader,
-  Ro as DLayoutSidebar,
-  Mo as DLayoutTab,
-  gt as DMenu,
-  yt as DModal,
-  Nn as DNotificationProvider,
-  as as DPanel,
-  En as DScroll,
-  In as DScrollProvider,
-  Hn as DSelect,
-  Vn as DTabs,
-  Wn as DTextarea,
-  De as DTransferStore,
-  vt as DTree,
+  zn as DImage,
+  Nn as DInfoProgress,
+  Sn as DInput,
+  Pn as DInputString,
+  Tn as DLayoutAdmin,
+  Ro as DLayoutContent,
+  Mo as DLayoutFooter,
+  Eo as DLayoutHeader,
+  No as DLayoutSidebar,
+  Bo as DLayoutTab,
+  vt as DMenu,
+  _t as DModal,
+  Mn as DNotificationProvider,
+  ns as DPanel,
+  In as DScroll,
+  Cn as DScrollProvider,
+  An as DSelect,
+  Hn as DTabs,
+  Fn as DTextarea,
+  Te as DTransferStore,
+  yt as DTree,
   Do as DTreeItem,
   g as DTreeStore,
-  Y as Rules,
-  Ms as alert,
-  Yn as clickOutside,
-  Bs as confirm,
-  U as emitter,
-  Lo as eventsBus,
-  qn as focus,
-  Un as keydown,
-  bt as notify,
-  Gn as touch,
-  Xn as useNotification
+  U as Rules,
+  Bs as alert,
+  Xn as clickOutside,
+  Es as confirm,
+  q as emitter,
+  To as eventsBus,
+  Un as focus,
+  Yn as keydown,
+  xt as notify,
+  qn as touch,
+  jn as useNotification
 };