doph-js 0.2.31 → 0.2.33

package/dist/dophJs.js

@@ -1,5 +1,5 @@
-import { useSlots as De, computed as m, h as nt, openBlock as d, createBlock as x, unref as M, ref as S, createElementBlock as f, Fragment as ae, normalizeClass as w, renderSlot as L, createCommentVNode as $, normalizeStyle as H, resolveDynamicComponent as X, createStaticVNode as dt, onMounted as fe, toDisplayString as A, withDirectives as J, createElementVNode as _, vModelDynamic as Se, withCtx as I, createTextVNode as K, Transition as Ne, withModifiers as Z, resolveComponent as kt, resolveDirective as Re, createVNode as ie, renderList as he, pushScopeId as wt, popScopeId as St, reactive as Oe, Teleport as ct, nextTick as ut, getCurrentInstance as pt, watch as ft, onUnmounted as Tt, mergeProps as ce, useCssVars as Ae, shallowRef as Dt, defineComponent as Lt, normalizeProps as Ct, guardReactiveProps as It, TransitionGroup as mt, vModelCheckbox as Et, vModelSelect as Bt, toRef as Mt, KeepAlive as Nt, toRefs as Rt, vModelText as Ot } from "vue";
-const pe = {
+import { useSlots as De, computed as m, h as ot, openBlock as d, createBlock as x, unref as M, ref as w, createElementBlock as f, Fragment as ie, normalizeClass as D, renderSlot as L, createCommentVNode as k, normalizeStyle as H, resolveDynamicComponent as X, createStaticVNode as rt, onMounted as fe, toDisplayString as A, withDirectives as te, createElementVNode as _, vModelDynamic as Se, withCtx as I, createTextVNode as K, Transition as Me, withModifiers as Z, resolveComponent as kt, resolveDirective as Ne, createVNode as oe, renderList as he, pushScopeId as wt, popScopeId as St, reactive as Re, Teleport as dt, nextTick as ct, getCurrentInstance as ut, watch as pt, onUnmounted as Tt, mergeProps as ue, useCssVars as Oe, shallowRef as Dt, defineComponent as Lt, normalizeProps as Ct, guardReactiveProps as It, TransitionGroup as ft, vModelCheckbox as Et, vModelSelect as Bt, toRef as Mt, KeepAlive as Nt, toRefs as Rt, vModelText as Ot } from "vue";
+const de = {
   __name: "DIcon",
   props: {
     component: [Object, String],
@@ -8,17 +8,17 @@ const pe = {
     className: String
   },
   setup(e) {
-    const o = e, t = De(), n = m(() => {
-      const { className: r } = o;
+    const t = e, o = De(), n = m(() => {
+      const { className: r } = t;
       return r === void 0 ? "icon" : ["icon", r].join(" ");
     }), s = m(() => {
-      const { color: r } = o;
+      const { color: r } = t;
       return r === void 0 ? null : r;
     }), a = m(() => {
-      const r = o.size ?? null;
+      const r = t.size ?? null;
       if (r !== void 0)
         return typeof r == "number" || /^\d+$/.test(r) ? `${r}px` : r;
-    }), l = m(() => nt(
+    }), l = m(() => ot(
       "i",
       {
         class: n.value,
@@ -27,73 +27,73 @@ const pe = {
           fontSize: a.value
         }
       },
-      o.component ? nt(o.component) : t
+      t.component ? ot(t.component) : o
     ));
     return (r, i) => (d(), x(M(l)));
   }
-}, te = {
+}, ee = {
   state: {},
   getters: {
     getIcon(e) {
-      return te.state[e];
+      return ee.state[e];
     },
     getIcons() {
-      return te.state;
+      return ee.state;
     }
   },
   mutations: {
-    addIcon(e, o) {
-      te.state.name = o;
+    addIcon(e, t) {
+      ee.state.name = t;
     },
     addIcons(e) {
-      for (const o in e)
-        e.hasOwnProperty(o) && (te.state[o] = e[o]);
+      for (const t in e)
+        e.hasOwnProperty(t) && (ee.state[t] = e[t]);
     }
   }
 };
-function ht(e) {
-  const o = e.value.getBoundingClientRect();
-  let t = e.value, n = 0, s = 0;
-  for (; t && !isNaN(t.offsetLeft) && !isNaN(t.offsetTop); )
-    n += t.offsetLeft - t.scrollLeft, s += t.offsetTop - t.scrollTop, t = t.offsetParent;
-  return { top: s, left: n, x: o.x, y: o.y, width: o.width, height: o.height };
+function mt(e) {
+  const t = e.value.getBoundingClientRect();
+  let o = e.value, n = 0, s = 0;
+  for (; o && !isNaN(o.offsetLeft) && !isNaN(o.offsetTop); )
+    n += o.offsetLeft - o.scrollLeft, s += o.offsetTop - o.scrollTop, o = o.offsetParent;
+  return { top: s, left: n, x: t.x, y: t.y, width: t.width, height: t.height };
 }
 function At() {
   function e(s) {
     return s * Math.random() | 0;
   }
-  function o() {
+  function t() {
     return e(16).toString(16);
   }
-  function t(s) {
+  function o(s) {
     let a = "";
     for (let l = 0; l < s; ++l)
-      a += o();
+      a += t();
     return a;
   }
   function n() {
     return (e(16) & 3 | 8).toString(16);
   }
-  return t(8) + "-" + t(4) + "-4" + t(3) + "-" + n() + t(3) + "-" + t(12);
+  return o(8) + "-" + o(4) + "-4" + o(3) + "-" + n() + o(3) + "-" + o(12);
 }
-const le = (e, o) => {
-  const t = e.__vccOpts || e;
-  for (const [n, s] of o)
-    t[n] = s;
-  return t;
+const le = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [n, s] of t)
+    o[n] = s;
+  return o;
 }, Ht = {
   key: 0,
   class: "loading-svg rotating",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, Vt = /* @__PURE__ */ dt('<g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-v-e5cd6ccd><path d="M8.56 3.69a9 9 0 0 0-2.92 1.95" data-v-e5cd6ccd></path><path d="M3.69 8.56A9 9 0 0 0 3 12" data-v-e5cd6ccd></path><path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" data-v-e5cd6ccd></path><path d="M8.56 20.31A9 9 0 0 0 12 21" data-v-e5cd6ccd></path><path d="M15.44 20.31a9 9 0 0 0 2.92-1.95" data-v-e5cd6ccd></path><path d="M20.31 15.44A9 9 0 0 0 21 12" data-v-e5cd6ccd></path><path d="M20.31 8.56a9 9 0 0 0-1.95-2.92" data-v-e5cd6ccd></path><path d="M15.44 3.69A9 9 0 0 0 12 3" data-v-e5cd6ccd></path></g>', 1), zt = [
+}, Vt = /* @__PURE__ */ rt('<g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-v-e5cd6ccd><path d="M8.56 3.69a9 9 0 0 0-2.92 1.95" data-v-e5cd6ccd></path><path d="M3.69 8.56A9 9 0 0 0 3 12" data-v-e5cd6ccd></path><path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" data-v-e5cd6ccd></path><path d="M8.56 20.31A9 9 0 0 0 12 21" data-v-e5cd6ccd></path><path d="M15.44 20.31a9 9 0 0 0 2.92-1.95" data-v-e5cd6ccd></path><path d="M20.31 15.44A9 9 0 0 0 21 12" data-v-e5cd6ccd></path><path d="M20.31 8.56a9 9 0 0 0-1.95-2.92" data-v-e5cd6ccd></path><path d="M15.44 3.69A9 9 0 0 0 12 3" data-v-e5cd6ccd></path></g>', 1), zt = [
   Vt
 ], Ft = { key: 1 }, Wt = {
   key: 2,
   class: "loading-svg rotating",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, Pt = /* @__PURE__ */ dt('<g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-v-e5cd6ccd><path d="M8.56 3.69a9 9 0 0 0-2.92 1.95" data-v-e5cd6ccd></path><path d="M3.69 8.56A9 9 0 0 0 3 12" data-v-e5cd6ccd></path><path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" data-v-e5cd6ccd></path><path d="M8.56 20.31A9 9 0 0 0 12 21" data-v-e5cd6ccd></path><path d="M15.44 20.31a9 9 0 0 0 2.92-1.95" data-v-e5cd6ccd></path><path d="M20.31 15.44A9 9 0 0 0 21 12" data-v-e5cd6ccd></path><path d="M20.31 8.56a9 9 0 0 0-1.95-2.92" data-v-e5cd6ccd></path><path d="M15.44 3.69A9 9 0 0 0 12 3" data-v-e5cd6ccd></path></g>', 1), jt = [
+}, Pt = /* @__PURE__ */ rt('<g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-v-e5cd6ccd><path d="M8.56 3.69a9 9 0 0 0-2.92 1.95" data-v-e5cd6ccd></path><path d="M3.69 8.56A9 9 0 0 0 3 12" data-v-e5cd6ccd></path><path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" data-v-e5cd6ccd></path><path d="M8.56 20.31A9 9 0 0 0 12 21" data-v-e5cd6ccd></path><path d="M15.44 20.31a9 9 0 0 0 2.92-1.95" data-v-e5cd6ccd></path><path d="M20.31 15.44A9 9 0 0 0 21 12" data-v-e5cd6ccd></path><path d="M20.31 8.56a9 9 0 0 0-1.95-2.92" data-v-e5cd6ccd></path><path d="M15.44 3.69A9 9 0 0 0 12 3" data-v-e5cd6ccd></path></g>', 1), jt = [
   Pt
 ], Xt = {
   __name: "DButton",
@@ -119,28 +119,28 @@ const le = (e, o) => {
     }
   },
   emits: ["click", "contextmenu"],
-  setup(e, { expose: o, emit: t }) {
-    const n = e, s = De(), a = S(null), l = m(() => n.icon ? te.getters.getIcon(n.icon) : null), r = (k) => {
-      t("click", k);
-    }, i = (k) => {
-      t("contextmenu", k);
-    }, c = m(() => n.scale === "large" ? "button-lg" : n.scale === "small" ? "button-sm" : ""), u = m(() => n.disabled ? "disabled" : ""), h = (k) => !!s[k], b = m(() => h("default") ? "" : n.scale === "large" ? "d-button-lg-icon" : n.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), T = m(() => {
-      const k = n.outline ? "-outline" : "";
-      return n.type === "primary" ? `button${k}-blue` : n.type === "success" ? `button${k}-green` : n.type === "error" ? `button${k}-red` : n.type === "warning" ? `button${k}-orange` : n.type === "wait" ? `button${k}-violet` : n.outline ? `button${k}` : "";
+  setup(e, { expose: t, emit: o }) {
+    const n = e, s = De(), a = w(null), l = m(() => n.icon ? ee.getters.getIcon(n.icon) : null), r = ($) => {
+      o("click", $);
+    }, i = ($) => {
+      o("contextmenu", $);
+    }, c = m(() => n.scale === "large" ? "button-lg" : n.scale === "small" ? "button-sm" : ""), u = m(() => n.disabled ? "disabled" : ""), h = ($) => !!s[$], b = m(() => h("default") ? "" : n.scale === "large" ? "d-button-lg-icon" : n.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), S = m(() => {
+      const $ = n.outline ? "-outline" : "";
+      return n.type === "primary" ? `button${$}-blue` : n.type === "success" ? `button${$}-green` : n.type === "error" ? `button${$}-red` : n.type === "warning" ? `button${$}-orange` : n.type === "wait" ? `button${$}-violet` : n.outline ? `button${$}` : "";
     });
-    return o({
-      elementSize: () => ht(a)
-    }), (k, F) => (d(), f(ae, null, [
-      l.value ? $("", !0) : (d(), f("div", {
+    return t({
+      elementSize: () => mt(a)
+    }), ($, F) => (d(), f(ie, null, [
+      l.value ? k("", !0) : (d(), f("div", {
         key: 0,
         ref_key: "el",
         ref: a,
         onClick: r,
         onContextmenu: i,
-        class: w(["button", [n.class, c.value, T.value, u.value].join(" ")])
+        class: D(["button", [n.class, c.value, S.value, u.value].join(" ")])
       }, [
-        L(k.$slots, "default", {}, void 0, !0),
-        n.loading ? (d(), f("svg", Ht, zt)) : $("", !0)
+        L($.$slots, "default", {}, void 0, !0),
+        n.loading ? (d(), f("svg", Ht, zt)) : k("", !0)
       ], 34)),
       l.value ? (d(), f("div", {
         key: 1,
@@ -148,22 +148,22 @@ const le = (e, o) => {
         ref: a,
         onClick: r,
         onContextmenu: i,
-        class: w(["button button-ext", [n.class, c.value, b.value, T.value, u.value].join(" ")]),
+        class: D(["button button-ext", [n.class, c.value, b.value, S.value, u.value].join(" ")]),
         style: H(n.style)
       }, [
-        n.icon ? (d(), x(X(pe), {
+        n.icon ? (d(), x(X(de), {
           key: 0,
           component: l.value,
           color: "inherit"
-        }, null, 8, ["component"])) : $("", !0),
+        }, null, 8, ["component"])) : k("", !0),
         M(s).default ? (d(), f("div", Ft, [
-          L(k.$slots, "default", {}, void 0, !0)
-        ])) : $("", !0),
-        n.loading ? (d(), f("svg", Wt, jt)) : $("", !0)
-      ], 38)) : $("", !0)
+          L($.$slots, "default", {}, void 0, !0)
+        ])) : k("", !0),
+        n.loading ? (d(), f("svg", Wt, jt)) : k("", !0)
+      ], 38)) : k("", !0)
     ], 64));
   }
-}, se = /* @__PURE__ */ le(Xt, [["__scopeId", "data-v-e5cd6ccd"]]);
+}, ae = /* @__PURE__ */ le(Xt, [["__scopeId", "data-v-e5cd6ccd"]]);
 const Yt = {
   key: 0,
   class: "d-input"
@@ -198,11 +198,11 @@ const Yt = {
     focus: Boolean
   },
   emits: ["update:modelValue"],
-  setup(e, { expose: o, emit: t }) {
-    const n = e, s = S(null), a = m(() => n.scale === "small" ? "d-input-small" : n.scale === "large" ? "d-input-large" : ""), l = m({
+  setup(e, { expose: t, emit: o }) {
+    const n = e, s = w(null), a = m(() => n.scale === "small" ? "d-input-small" : n.scale === "large" ? "d-input-large" : ""), l = m({
       get: () => n.modelValue,
       set: (i) => {
-        t("update:modelValue", i);
+        o("update:modelValue", i);
       }
     });
     fe(() => {
@@ -211,29 +211,29 @@ const Yt = {
     const r = () => {
       s.value.focus();
     };
-    return o({
+    return t({
       focus: r
     }), (i, c) => !n.post && !n.pre ? (d(), f("div", Yt, [
-      n.label ? (d(), f("div", Ut, A(n.label), 1)) : $("", !0),
-      J(_("input", {
+      n.label ? (d(), f("div", Ut, A(n.label), 1)) : k("", !0),
+      te(_("input", {
         ref_key: "inputRef",
         ref: s,
         "onUpdate:modelValue": c[0] || (c[0] = (u) => l.value = u),
         type: n.password ? "password" : "text",
-        class: w(a.value),
+        class: D(a.value),
         placeholder: n.placeholder,
         style: { width: "100%" }
       }, null, 10, qt), [
         [Se, l.value]
       ])
     ])) : n.post && n.post.click && !n.pre ? (d(), f("div", Gt, [
-      n.label ? (d(), f("div", Zt, A(n.label), 1)) : $("", !0),
+      n.label ? (d(), f("div", Zt, A(n.label), 1)) : k("", !0),
       _("div", Kt, [
         _("div", Jt, [
-          J(_("input", {
+          te(_("input", {
             ref_key: "inputRef",
             ref: s,
-            class: w(["d-input-post-field", a.value]),
+            class: D(["d-input-post-field", a.value]),
             "onUpdate:modelValue": c[1] || (c[1] = (u) => l.value = u),
             type: n.password ? "password" : "text",
             placeholder: n.placeholder,
@@ -242,10 +242,10 @@ const Yt = {
             [Se, l.value]
           ])
         ]),
-        n.post.label ? (d(), x(se, {
+        n.post.label ? (d(), x(ae, {
           key: 0,
           scale: n.scale,
-          class: w(["d-input-post-button", n.post.class]),
+          class: D(["d-input-post-button", n.post.class]),
           onClick: n.post.click,
           icon: n.post.icon
         }, {
@@ -253,21 +253,21 @@ const Yt = {
             K(A(n.post.label), 1)
           ]),
           _: 1
-        }, 8, ["scale", "onClick", "icon", "class"])) : (d(), x(se, {
+        }, 8, ["scale", "onClick", "icon", "class"])) : (d(), x(ae, {
           key: 1,
           scale: n.scale,
-          class: w(["d-input-post-button", n.post.class]),
+          class: D(["d-input-post-button", n.post.class]),
           onClick: n.post.click,
           icon: n.post.icon
         }, null, 8, ["scale", "onClick", "icon", "class"]))
       ])
     ])) : !n.post && n.pre && n.pre.click ? (d(), f("div", eo, [
-      n.label ? (d(), f("div", to, A(n.label), 1)) : $("", !0),
+      n.label ? (d(), f("div", to, A(n.label), 1)) : k("", !0),
       _("div", oo, [
-        n.pre.label ? (d(), x(se, {
+        n.pre.label ? (d(), x(ae, {
           key: 0,
           scale: n.scale,
-          class: w(["d-input-pre-button", n.pre.class]),
+          class: D(["d-input-pre-button", n.pre.class]),
           onClick: n.pre.click,
           icon: n.pre.icon
         }, {
@@ -275,18 +275,18 @@ const Yt = {
             K(A(n.pre.label), 1)
           ]),
           _: 1
-        }, 8, ["scale", "onClick", "icon", "class"])) : (d(), x(se, {
+        }, 8, ["scale", "onClick", "icon", "class"])) : (d(), x(ae, {
           key: 1,
           scale: n.scale,
-          class: w(["d-input-pre-button", n.pre.class]),
+          class: D(["d-input-pre-button", n.pre.class]),
           onClick: n.pre.click,
           icon: n.pre.icon
         }, null, 8, ["scale", "onClick", "icon", "class"])),
         _("div", no, [
-          J(_("input", {
+          te(_("input", {
             ref_key: "inputRef",
             ref: s,
-            class: w(["d-input-pre-field", a.value]),
+            class: D(["d-input-pre-field", a.value]),
             "onUpdate:modelValue": c[2] || (c[2] = (u) => l.value = u),
             type: n.password ? "password" : "text",
             placeholder: n.placeholder,
@@ -296,7 +296,7 @@ const Yt = {
           ])
         ])
       ])
-    ])) : $("", !0);
+    ])) : k("", !0);
   }
 }, ws = /* @__PURE__ */ le(ao, [["__scopeId", "data-v-a972038a"]]), io = {
   __name: "DBadge",
@@ -310,17 +310,17 @@ const Yt = {
     }
   },
   setup(e) {
-    const o = e, t = m(() => o.scale === "large" ? "badge-lg" : o.scale === "small" ? "badge-sm" : ""), n = m(() => {
-      const s = o.stress ? "-stress" : "";
-      return o.type === "primary" ? `badge${s}-blue` : o.type === "success" ? `badge${s}-green` : o.type === "error" ? `badge${s}-red` : o.type === "warning" ? `badge${s}-orange` : o.type === "wait" ? `badge${s}-violet` : o.stress ? `badge${s}-gray` : "";
+    const t = e, o = m(() => t.scale === "large" ? "badge-lg" : t.scale === "small" ? "badge-sm" : ""), n = m(() => {
+      const s = t.stress ? "-stress" : "";
+      return t.type === "primary" ? `badge${s}-blue` : t.type === "success" ? `badge${s}-green` : t.type === "error" ? `badge${s}-red` : t.type === "warning" ? `badge${s}-orange` : t.type === "wait" ? `badge${s}-violet` : t.stress ? `badge${s}-gray` : "";
     });
     return (s, a) => (d(), f("div", {
-      class: w(["badge", [o.class, t.value, n.value].join(" ")])
+      class: D(["badge", [t.class, o.value, n.value].join(" ")])
     }, [
       L(s.$slots, "default")
     ], 2));
   }
-}, ne = "0px", lo = {
+}, se = "0px", lo = {
   __name: "DCollapse",
   props: {
     duration: {
@@ -345,7 +345,7 @@ const Yt = {
     }
   },
   setup(e) {
-    const o = e, t = (i) => ({
+    const t = e, o = (i) => ({
       height: i.style.height,
       width: i.style.width,
       position: i.style.position,
@@ -361,26 +361,26 @@ const Yt = {
       const { width: u } = getComputedStyle(i);
       i.style.width = u, i.style.position = "absolute", i.style.visibility = "hidden", i.style.height = "";
       let { height: h } = getComputedStyle(i);
-      return i.style.width = c.width, i.style.position = c.position, i.style.visibility = c.visibility, i.style.height = ne, i.style.overflow = "hidden", c.height && c.height !== ne ? c.height : h;
+      return i.style.width = c.width, i.style.position = c.position, i.style.visibility = c.visibility, i.style.height = se, i.style.overflow = "hidden", c.height && c.height !== se ? c.height : h;
     }, s = (i, c, u, h, b) => {
-      const T = i.animate(h, b);
-      i.style.height = c.height, T.onfinish = () => {
+      const S = i.animate(h, b);
+      i.style.height = c.height, S.onfinish = () => {
         i.style.overflow = c.overflow, u();
       };
     }, a = (i, c) => [
       {
-        height: ne,
-        opacity: o.opacityClosed,
-        paddingTop: ne,
-        paddingBottom: ne,
-        borderTopWidth: ne,
-        borderBottomWidth: ne,
-        marginTop: ne,
-        marginBottom: ne
+        height: se,
+        opacity: t.opacityClosed,
+        paddingTop: se,
+        paddingBottom: se,
+        borderTopWidth: se,
+        borderBottomWidth: se,
+        marginTop: se,
+        marginBottom: se
       },
       {
         height: i,
-        opacity: o.opacityOpened,
+        opacity: t.opacityOpened,
         paddingTop: c.paddingTop,
         paddingBottom: c.paddingBottom,
         borderTopWidth: c.borderTopWidth,
@@ -389,15 +389,15 @@ const Yt = {
         marginBottom: c.marginBottom
       }
     ], l = (i, c) => {
-      const u = i, h = t(u), b = n(u, h), T = a(b, h), N = { duration: o.duration, easing: o.easingEnter };
-      s(u, h, c, T, N);
+      const u = i, h = o(u), b = n(u, h), S = a(b, h), N = { duration: t.duration, easing: t.easingEnter };
+      s(u, h, c, S, N);
     }, r = (i, c) => {
-      const u = i, h = t(u), { height: b } = getComputedStyle(u);
+      const u = i, h = o(u), { height: b } = getComputedStyle(u);
       u.style.height = b, u.style.overflow = "hidden";
-      const T = a(b, h).reverse(), N = { duration: o.duration, easing: o.easingLeave };
-      s(u, h, c, T, N);
+      const S = a(b, h).reverse(), N = { duration: t.duration, easing: t.easingLeave };
+      s(u, h, c, S, N);
     };
-    return (i, c) => (d(), x(Ne, {
+    return (i, c) => (d(), x(Me, {
       css: !1,
       onEnter: l,
       onLeave: r
@@ -410,7 +410,7 @@ const Yt = {
   }
 }, Te = {
   data: void 0
-}, He = (e) => e.reduce((o, t) => (o[t] = t) && o, {}), j = He([
+}, Ae = (e) => e.reduce((t, o) => (t[o] = o) && t, {}), j = Ae([
   "drag",
   "dragend",
   "dragenter",
@@ -418,7 +418,7 @@ const Yt = {
   "dragstart",
   "dragover",
   "drop"
-]), ro = He(["copy", "move", "link", "none"]), co = He([
+]), ro = Ae(["copy", "move", "link", "none"]), co = Ae([
   "none",
   "copy",
   "copyLink",
@@ -442,18 +442,18 @@ const Yt = {
     tag: { type: String, default: "div" }
   },
   setup(e) {
-    const o = e, t = De(), n = S(!1), s = m(() => n && o.transferData), a = m(() => ({ position: "fixed", top: "-1000px" })), l = (r, i) => {
+    const t = e, o = De(), n = w(!1), s = m(() => n && t.transferData), a = m(() => ({ position: "fixed", top: "-1000px" })), l = (r, i) => {
       const c = i.dataTransfer;
-      if ([j.dragenter, j.dragover].includes(r) && o.dropEffect && (c.dropEffect = o.dropEffect), r === j.dragstart) {
-        if (o.effectAllowed && (c.effectAllowed = o.effectAllowed), o.image || t.image) {
+      if ([j.dragenter, j.dragover].includes(r) && t.dropEffect && (c.dropEffect = t.dropEffect), r === j.dragstart) {
+        if (t.effectAllowed && (c.effectAllowed = t.effectAllowed), t.image || o.image) {
           let u;
-          o.image ? (u = new Image(), u.src = o.image) : t.image && (u = t.image[0].elm), c.setDragImage && c.setDragImage(u, o.imageXOffset, o.imageYOffset);
+          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);
         }
-        o.transferData !== void 0 && (Te.data = o.transferData, i.dataTransfer.setData("text", "")), n.value = !0;
+        t.transferData !== void 0 && (Te.data = t.transferData, i.dataTransfer.setData("text", "")), n.value = !0;
       }
     };
     return (r, i) => (d(), x(X(e.tag), {
-      draggable: o.draggable,
+      draggable: t.draggable,
       onDrag: i[0] || (i[0] = (c) => l(M(j).drag, c)),
       onDragstart: i[1] || (i[1] = Z((c) => l(M(j).dragstart, c), ["stop"])),
       onDragenter: i[2] || (i[2] = (c) => l(M(j).dragenter, c)),
@@ -496,55 +496,55 @@ const po = (e) => (wt("data-v-d8c92d5e"), e = e(), St(), e), fo = {
     search: String
   },
   emits: ["nodedrop", "nodedragover", "nodedragleave", "nodeclick", "nodecontext"],
-  setup(e, { emit: o }) {
-    const t = e, n = S(null), s = S(!1), a = S(!1), l = S(!1), r = m(() => t.model.children && t.model.children.length), i = m(() => (v.actions.isTreeExpanded(t.treeId) && (t.model.expanded = t.model.expanded === void 0 ? !0 : t.model.expanded), t.model.expanded)), c = (B) => {
-      o("nodeclick", { event: B, model: t.model });
+  setup(e, { emit: t }) {
+    const o = e, n = w(null), s = w(!1), a = w(!1), l = w(!1), r = m(() => o.model.children && o.model.children.length), i = m(() => (v.actions.isTreeExpanded(o.treeId) && (o.model.expanded = o.model.expanded === void 0 ? !0 : o.model.expanded), o.model.expanded)), c = (B) => {
+      t("nodeclick", { event: B, model: o.model });
     }, u = (B) => {
-      o("nodeclick", B);
+      t("nodeclick", B);
     }, h = (B) => {
-      o("nodedrop", B);
+      t("nodedrop", B);
     }, b = (B) => {
-      o("nodecontext", B);
-    }, T = m(() => (v.actions.isItemSelected(t.treeId, t.model.id) ? "selected" : "") + (s.value ? "node-over " : "") + (a.value ? "node-top " : "") + (l.value ? "node-bottom " : "")), N = m(() => t.search ? !1 : t.model.draggable === !0), k = (B) => {
-      o("nodedrop", { e: B, model: t.model });
+      t("nodecontext", B);
+    }, S = m(() => (v.actions.isItemSelected(o.treeId, o.model.id) ? "selected" : "") + (s.value ? "node-over " : "") + (a.value ? "node-top " : "") + (l.value ? "node-bottom " : "")), N = m(() => o.search ? !1 : o.model.draggable === !0), $ = (B) => {
+      t("nodedrop", { e: B, model: o.model });
       let y = Te.data;
       if (y === void 0 || y.model === void 0)
         return s.value = !1, !1;
-      if (y.model.id === t.model.id || v.actions.isChildOfParent(t.treeId, t.items, t.model.id, y.model.id) || v.actions.isParentOfChild(t.treeId, t.items, y.model.id, t.model.id))
+      if (y.model.id === o.model.id || v.actions.isChildOfParent(o.treeId, o.items, o.model.id, y.model.id) || v.actions.isParentOfChild(o.treeId, o.items, y.model.id, o.model.id))
         return s.value = !1, a.value = !1, l.value = !1, !1;
-      if (!v.state.trees[t.treeId].transfer && y.id !== t.treeId)
+      if (!v.state.trees[o.treeId].transfer && y.id !== o.treeId)
         return !1;
       let O = "";
-      a.value ? O = "before" : l.value ? O = "after" : O = "inside", v.actions.moveTreeNode(y.id, t.treeId, t.items, y.model.id, t.model.id, O), s.value = !1, a.value = !1, l.value = !1;
+      a.value ? O = "before" : l.value ? O = "after" : O = "inside", v.actions.moveTreeNode(y.id, o.treeId, o.items, y.model.id, o.model.id, O), s.value = !1, a.value = !1, l.value = !1;
     }, F = (B) => {
-      o("nodedragover", { e: B, model: t.model });
+      t("nodedragover", { e: B, model: o.model });
       let y = Te.data;
       if (y === void 0 || y.model === void 0)
         return s.value = !0, !1;
-      if (y.model.id === t.model.id || v.actions.isChildOfParent(t.treeId, t.items, t.model.id, y.model.id) || v.actions.isParentOfChild(t.treeId, t.items, y.model.id, t.model.id))
+      if (y.model.id === o.model.id || v.actions.isChildOfParent(o.treeId, o.items, o.model.id, y.model.id) || v.actions.isParentOfChild(o.treeId, o.items, y.model.id, o.model.id))
         return !1;
       const O = B.y, W = n.value.getBoundingClientRect().top, P = n.value.getBoundingClientRect().height, g = P / 3;
       O > W && O <= W + g ? (s.value = !1, a.value = !0, l.value = !1) : O < W + P && O >= W + P - g ? (s.value = !1, a.value = !1, l.value = !0) : (s.value = !0, a.value = !1, l.value = !1);
     }, R = () => {
       s.value = !1, a.value = !1, l.value = !1;
-    }, C = m(() => t.model.title.startsWith("-")), E = m(() => {
-      if (t.model.title.startsWith("-")) {
-        let [B, ...y] = t.model.title.split(" ");
+    }, C = m(() => o.model.title.startsWith("-")), E = m(() => {
+      if (o.model.title.startsWith("-")) {
+        let [B, ...y] = o.model.title.split(" ");
         return y = y.join(" "), y;
       }
       return null;
     });
     return (B, y) => {
-      const O = kt("d-tree-item", !0), W = Re("touch");
-      return M(v).actions.beforeItem(t.treeId, e.model) ? C.value && !E.value ? (d(), f("li", mo, go)) : C.value && E.value ? (d(), f("li", vo, [
-        _("div", yo, A(M(v).actions.renderTitle(t.treeId, E.value)), 1)
+      const O = kt("d-tree-item", !0), W = Ne("touch");
+      return M(v).actions.beforeItem(o.treeId, e.model) ? C.value && !E.value ? (d(), f("li", mo, go)) : C.value && E.value ? (d(), f("li", vo, [
+        _("div", yo, A(M(v).actions.renderTitle(o.treeId, E.value)), 1)
       ])) : (d(), x(uo, {
         key: 3,
         tag: "li",
         class: "tree-item",
-        "transfer-data": { id: t.treeId, model: t.model },
+        "transfer-data": { id: o.treeId, model: o.model },
         draggable: N.value,
-        onDrop: Z(k, ["stop"]),
+        onDrop: Z($, ["stop"]),
         onDragenter: y[1] || (y[1] = Z(() => {
         }, ["prevent"])),
         onDragover: Z(F, ["prevent", "stop"]),
@@ -553,75 +553,75 @@ const po = (e) => (wt("data-v-d8c92d5e"), e = e(), St(), e), fo = {
         default: I(() => {
           var P, g;
           return [
-            J((d(), f("div", {
+            te((d(), f("div", {
               ref_key: "node",
               ref: n,
-              class: w(T.value),
-              onContextmenu: y[0] || (y[0] = Z((V) => o("nodecontext", { e: V, model: t.model }), ["prevent"]))
+              class: D(S.value),
+              onContextmenu: y[0] || (y[0] = Z((V) => t("nodecontext", { e: V, model: o.model }), ["prevent"]))
             }, [
               _("div", null, [
-                t.model.icons && t.model.icons.pre && r.value && !t.search && !C.value ? (d(), x(X(pe), {
+                o.model.icons && o.model.icons.pre && r.value && !o.search && !C.value ? (d(), x(X(de), {
                   key: 0,
-                  component: M(te).getters.getIcon(t.model.icons.pre.component),
+                  component: M(ee).getters.getIcon(o.model.icons.pre.component),
                   size: 18,
-                  color: t.model.icons.pre.color ? t.model.icons.pre.color : "inherit",
-                  class: w(i.value ? "tree-open-pre" : "")
-                }, null, 8, ["component", "color", "class"])) : $("", !0),
-                t.model.icons && t.model.icons.pre && !r.value && !t.search && !C.value ? (d(), x(X(pe), {
+                  color: o.model.icons.pre.color ? o.model.icons.pre.color : "inherit",
+                  class: D(i.value ? "tree-open-pre" : "")
+                }, null, 8, ["component", "color", "class"])) : k("", !0),
+                o.model.icons && o.model.icons.pre && !r.value && !o.search && !C.value ? (d(), x(X(de), {
                   key: 1,
-                  component: M(te).getters.getIcon(t.model.icons.pre.component),
+                  component: M(ee).getters.getIcon(o.model.icons.pre.component),
                   size: 18,
                   color: "rgba(0,0,0,0)",
-                  class: w(i.value ? "tree-open-pre" : "")
-                }, null, 8, ["component", "class"])) : $("", !0),
-                t.model.icons && t.model.icons.icon && !C.value ? (d(), x(X(pe), {
+                  class: D(i.value ? "tree-open-pre" : "")
+                }, null, 8, ["component", "class"])) : k("", !0),
+                o.model.icons && o.model.icons.icon && !C.value ? (d(), x(X(de), {
                   key: 2,
-                  component: M(te).getters.getIcon(t.model.icons.icon.component),
-                  color: t.model.icons.icon.color ? t.model.icons.icon.color : "inherit",
-                  size: t.model.icons.icon.size ? t.model.icons.icon.size : null,
-                  className: t.model.icons.icon.class ? t.model.icons.icon.class : null
-                }, null, 8, ["component", "color", "size", "className"])) : $("", !0),
+                  component: M(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"])) : k("", !0),
                 _("div", _o, [
-                  C.value ? (d(), f("div", bo)) : $("", !0),
-                  C.value ? $("", !0) : (d(), f("div", xo, A(M(v).actions.renderTitle(t.treeId, t.model.title)), 1))
+                  C.value ? (d(), f("div", bo)) : k("", !0),
+                  C.value ? k("", !0) : (d(), f("div", xo, A(M(v).actions.renderTitle(o.treeId, o.model.title)), 1))
                 ])
               ]),
               _("div", $o, [
-                ((P = t.model.badge) == null ? void 0 : P.value) !== void 0 && !C.value ? (d(), x(X(io), {
+                ((P = o.model.badge) == null ? void 0 : P.value) !== void 0 && !C.value ? (d(), x(X(io), {
                   key: 0,
-                  class: w([(g = t.model.badge) == null ? void 0 : g.class, "badge-sm"])
+                  class: D([(g = o.model.badge) == null ? void 0 : g.class, "badge-sm"])
                 }, {
                   default: I(() => [
-                    K(A(t.model.badge.value), 1)
+                    K(A(o.model.badge.value), 1)
                   ]),
                   _: 1
-                }, 8, ["class"])) : $("", !0),
-                t.model.icons && t.model.icons.post && r.value && !t.search && !C.value ? (d(), x(X(pe), {
+                }, 8, ["class"])) : k("", !0),
+                o.model.icons && o.model.icons.post && r.value && !o.search && !C.value ? (d(), x(X(de), {
                   key: 1,
-                  component: M(te).getters.getIcon(t.model.icons.post.component),
+                  component: M(ee).getters.getIcon(o.model.icons.post.component),
                   size: 20,
-                  color: t.model.icons.post.color ? t.model.icons.post.color : "inherit",
-                  class: w(i.value ? "tree-open-post" : "")
-                }, null, 8, ["component", "color", "class"])) : $("", !0)
+                  color: o.model.icons.post.color ? o.model.icons.post.color : "inherit",
+                  class: D(i.value ? "tree-open-post" : "")
+                }, null, 8, ["component", "color", "class"])) : k("", !0)
               ])
             ], 34)), [
               [W, c]
             ]),
-            ie(lo, null, {
+            oe(lo, null, {
               default: I(() => [
-                r.value && i.value && !t.search ? (d(), f("ul", ko, [
-                  (d(!0), f(ae, null, he(e.model.children, (V) => (d(), x(O, {
+                r.value && i.value && !o.search ? (d(), f("ul", ko, [
+                  (d(!0), f(ie, null, he(e.model.children, (V) => (d(), x(O, {
                     class: "tree-item",
                     key: V.id,
                     model: V,
-                    treeId: t.treeId,
-                    items: t.items,
-                    search: t.search,
+                    treeId: o.treeId,
+                    items: o.items,
+                    search: o.search,
                     onNodeclick: u,
                     onNodedrop: h,
                     onNodecontext: b
                   }, null, 8, ["model", "treeId", "items", "search"]))), 128))
-                ])) : $("", !0)
+                ])) : k("", !0)
               ]),
               _: 1
             })
@@ -644,9 +644,9 @@ function To(e) {
      * @param {Function} handler Function to call in response to given event
      * @memberOf eventsBus
      */
-    on(o, t) {
-      const n = e.get(o);
-      n ? n.push(t) : e.set(o, [t]);
+    on(t, o) {
+      const n = e.get(t);
+      n ? n.push(o) : e.set(t, [o]);
     },
     /**
      * Remove an event handler for the given type.
@@ -655,9 +655,9 @@ function To(e) {
      * @param {Function} [handler] Handler function to remove
      * @memberOf eventsBus
      */
-    off(o, t) {
-      const n = e.get(o);
-      n && (t ? n.splice(n.indexOf(t) >>> 0, 1) : e.set(o, []));
+    off(t, o) {
+      const n = e.get(t);
+      n && (o ? n.splice(n.indexOf(o) >>> 0, 1) : e.set(t, []));
     },
     /**
      * Invoke all handlers for the given type.
@@ -669,18 +669,18 @@ function To(e) {
      * @param {Any} [evt] Any value (object is recommended and powerful), passed to each handler
      * @memberOf eventsBus
      */
-    emit(o, t) {
-      let n = e.get(o);
+    emit(t, o) {
+      let n = e.get(t);
       n && n.slice().map((s) => {
-        s(t);
+        s(o);
       }), n = e.get("*"), n && n.slice().map((s) => {
-        s(o, t);
+        s(t, o);
       });
     }
   };
 }
 const U = To(), v = {
-  state: Oe({
+  state: Re({
     trees: {}
   }),
   getters: {
@@ -691,41 +691,41 @@ const U = To(), v = {
       return v.state.trees[e].selected;
     },
     // data - ноды, dataId - ID ноды родителя data
-    getParentId(e, o, t, n = "id", s = "children", a = {}) {
-      return t && e && (e.find((l) => l[n] === t ? (a.found = o, l) : v.getters.getParentId(l[s], l.id, t, n, s, a)), a.found) ? a.found : !1;
+    getParentId(e, t, o, n = "id", s = "children", a = {}) {
+      return o && e && (e.find((l) => l[n] === o ? (a.found = t, l) : v.getters.getParentId(l[s], l.id, o, n, s, a)), a.found) ? a.found : !1;
     }
   },
   mutations: {
-    setTreeItems(e, o) {
-      v.state.trees[e].items = o;
+    setTreeItems(e, t) {
+      v.state.trees[e].items = t;
     },
-    setItemSelect(e, o) {
-      v.state.trees[e].noSelect || (v.state.trees[e].multiSelect ? v.state.trees[e].selected.includes(o.id) ? v.state.trees[e].selected = v.state.trees[e].selected.filter(function(t) {
-        return t !== o.id;
-      }) : v.state.trees[e].selected = [...v.state.trees[e].selected, o.id] : v.state.trees[e].selected = [o.id]);
+    setItemSelect(e, t) {
+      v.state.trees[e].noSelect || (v.state.trees[e].multiSelect ? v.state.trees[e].selected.includes(t.id) ? v.state.trees[e].selected = v.state.trees[e].selected.filter(function(o) {
+        return o !== t.id;
+      }) : v.state.trees[e].selected = [...v.state.trees[e].selected, t.id] : v.state.trees[e].selected = [t.id]);
     }
   },
   actions: {
-    initTreeStore(e, o, t, n, s, a, l) {
-      v.state.trees[e] = [], v.state.trees[e].selected = [], v.state.trees[e].noSelect = o, v.state.trees[e].multiSelect = t, v.state.trees[e].expanded = n, v.state.trees[e].transfer = s, v.state.trees[e].renderTitle = a, v.state.trees[e].beforeItem = l;
+    initTreeStore(e, t, o, n, s, a, l) {
+      v.state.trees[e] = [], v.state.trees[e].selected = [], v.state.trees[e].noSelect = t, v.state.trees[e].multiSelect = o, v.state.trees[e].expanded = n, v.state.trees[e].transfer = s, v.state.trees[e].renderTitle = a, v.state.trees[e].beforeItem = l;
     },
-    renderTitle(e, o) {
-      return v.state.trees[e].renderTitle ? v.state.trees[e].renderTitle(o) : o;
+    renderTitle(e, t) {
+      return v.state.trees[e].renderTitle ? v.state.trees[e].renderTitle(t) : t;
     },
-    beforeItem(e, o) {
-      return v.state.trees[e].beforeItem ? v.state.trees[e].beforeItem(o) : !0;
+    beforeItem(e, t) {
+      return v.state.trees[e].beforeItem ? v.state.trees[e].beforeItem(t) : !0;
     },
-    isItemSelected(e, o) {
-      return v.state.trees[e].selected.includes(o);
+    isItemSelected(e, t) {
+      return v.state.trees[e].selected.includes(t);
     },
-    toggleItem(e, o) {
-      o.expanded = o.expanded === void 0 || !o.expanded, o.children && o.children.length && (o.expanded ? U.emit(`expand-${e}`, { id: e, model: o }) : U.emit(`collapse-${e}`, { id: e, model: o }));
+    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 }));
     },
     isTreeExpanded(e) {
       return v.state.trees[e].expanded;
     },
-    isChildOfParent(e, o, t, n) {
-      const s = v.actions.deepSearch(o, t);
+    isChildOfParent(e, t, o, n) {
+      const s = v.actions.deepSearch(t, o);
       if (s && s.children) {
         for (let a = 0; a < s.children.length; a++)
           if (s.children[a].id === n)
@@ -734,17 +734,17 @@ const U = To(), v = {
       return !1;
     },
     // Является ли нода родителем указанного потомка
-    isParentOfChild(e, o, t, n) {
-      const s = v.actions.deepSearch(o, t);
+    isParentOfChild(e, t, o, n) {
+      const s = v.actions.deepSearch(t, o);
       return !!(s && s.children && v.actions.deepSearch(s.children, n));
     },
-    deepSearch(e, o, t = "id", n = "children", s = {}) {
-      return o && e && (e.find((a) => a[t] === o ? (s.found = a, a) : v.actions.deepSearch(a[n], o, t, n, s)), s.found) ? s.found : !1;
+    deepSearch(e, t, o = "id", n = "children", s = {}) {
+      return t && e && (e.find((a) => a[o] === t ? (s.found = a, a) : v.actions.deepSearch(a[n], t, o, n, s)), s.found) ? s.found : !1;
     },
-    deepSearchByTitle(e, o, t = "title", n = "children", s = []) {
-      if (o && e && (e.find((a) => {
-        const l = new RegExp(o, "gi");
-        a[t].toString().toLowerCase().match(l) !== null && s.push(a), v.actions.deepSearchByTitle(a[n], o, t, n, s);
+    deepSearchByTitle(e, t, o = "title", n = "children", s = []) {
+      if (t && e && (e.find((a) => {
+        const l = new RegExp(t, "gi");
+        a[o].toString().toLowerCase().match(l) !== null && s.push(a), v.actions.deepSearchByTitle(a[n], t, o, n, s);
       }), s)) {
         for (let a = 0; a < s.length; a++)
           ;
@@ -752,30 +752,30 @@ const U = To(), v = {
       }
       return s;
     },
-    moveTreeNode(e, o, t, n, s, a) {
-      const l = v.actions.deleteTreeNode(t, n);
-      v.actions.insertTreeNode(t, s, l, a), U.emit(`move-${o}`, { fromTreeId: e, toTreeId: o, moved: l.id, target: s, position: a });
+    moveTreeNode(e, t, o, n, s, a) {
+      const l = v.actions.deleteTreeNode(o, n);
+      v.actions.insertTreeNode(o, s, l, a), U.emit(`move-${t}`, { fromTreeId: e, toTreeId: t, moved: l.id, target: s, position: a });
     },
-    insertTreeNode(e, o, t, n) {
+    insertTreeNode(e, t, o, n) {
       if (e)
         for (let s = 0; s < e.length; s++) {
-          if (e[s].id === o) {
+          if (e[s].id === t) {
             let l = s;
-            return n === "after" ? (l++, e.splice(l, 0, t)) : n === "before" ? e.splice(l, 0, t) : n === "inside" && (Object.hasOwn(e[s], "children") || (e[s].children = [], e[s].opened = !0), e[s].children.splice(0, 0, t)), e[s];
+            return n === "after" ? (l++, e.splice(l, 0, o)) : n === "before" ? e.splice(l, 0, o) : n === "inside" && (Object.hasOwn(e[s], "children") || (e[s].children = [], e[s].opened = !0), e[s].children.splice(0, 0, o)), e[s];
           }
-          const a = this.insertTreeNode(e[s].children, o, t, n);
+          const a = this.insertTreeNode(e[s].children, t, o, n);
           if (a)
             return a;
         }
     },
-    deleteTreeNode(e, o) {
+    deleteTreeNode(e, t) {
       if (e)
-        for (let t = 0; t < e.length; t++) {
-          if (e[t].id === o) {
-            const s = e[t];
-            return e.splice(t, 1), s;
+        for (let o = 0; o < e.length; o++) {
+          if (e[o].id === t) {
+            const s = e[o];
+            return e.splice(o, 1), s;
           }
-          const n = v.actions.deleteTreeNode(e[t].children, o);
+          const n = v.actions.deleteTreeNode(e[o].children, t);
           if (n)
             return n;
         }
@@ -787,13 +787,13 @@ const U = To(), v = {
     tag: { type: String, default: "div" }
   },
   emits: Object.keys(j),
-  setup(e, { expose: o, emit: t }) {
-    let n = Oe({});
-    const s = S("false"), a = S(null), l = /* @__PURE__ */ new Set(), r = m(() => s.value && n), i = (u, h) => {
-      n = Te.data, t(u, h, n), u === j.dragenter && (l.size || h.target === a.value) && l.add(h.target), u === j.dragleave && l.delete(h.target), u === j.drop && l.clear(), s.value = !!l.size;
+  setup(e, { expose: t, emit: o }) {
+    let n = Re({});
+    const s = w("false"), a = w(null), l = /* @__PURE__ */ new Set(), r = m(() => s.value && n), i = (u, h) => {
+      n = Te.data, o(u, h, n), u === j.dragenter && (l.size || h.target === a.value) && l.add(h.target), u === j.dragleave && l.delete(h.target), u === j.drop && l.clear(), s.value = !!l.size;
     };
-    return o({
-      elementSize: () => ht(a)
+    return t({
+      elementSize: () => mt(a)
     }), (u, h) => (d(), x(X(e.tag), {
       ref_key: "el",
       ref: a,
@@ -808,7 +808,7 @@ const U = To(), v = {
       _: 3
     }, 544));
   }
-}, Lo = { key: 0 }, Co = { key: 1 }, gt = {
+}, ht = {
   __name: "DMenu",
   props: {
     class: String,
@@ -826,9 +826,9 @@ const U = To(), v = {
     }
   },
   emits: ["select"],
-  setup(e, { expose: o, emit: t }) {
+  setup(e, { expose: t, emit: o }) {
     const n = e;
-    let s = S(null), a = S(!1);
+    let s = w(null), a = w(!1);
     const l = () => {
       U.emit("menu-show-request"), a.value = !0;
     }, r = () => {
@@ -837,7 +837,7 @@ const U = To(), v = {
     }, i = () => a.value;
     U.on("menu-show-request", () => {
       r();
-    }), o({
+    }), t({
       show: l,
       hide: r,
       elementSize: () => s.value.elementSize(),
@@ -845,46 +845,29 @@ const U = To(), v = {
       itemsCount: () => s.value.itemsCount()
     });
     const h = (b) => {
-      t("select", b), b.model.children || r();
+      o("select", b), b.model.children || r();
     };
-    return (b, T) => {
-      const N = Re("click-outside");
-      return n.bodyAsParent ? (d(), f("div", Lo, [
-        (d(), x(ct, { to: "body" }, [
-          M(a) ? J((d(), x(Be, {
-            key: 0,
-            ref_key: "treeRef",
-            ref: s,
-            items: n.items,
-            "no-select": n.noSelect,
-            class: w(n.class),
-            style: H(n.style),
-            onSelect: h,
-            "render-title": n.renderItemTitle,
-            "before-item": n.beforeItem
-          }, null, 8, ["items", "no-select", "class", "style", "render-title", "before-item"])), [
-            [N, () => r()]
-          ]) : $("", !0)
-        ]))
-      ])) : (d(), f("div", Co, [
-        M(a) ? J((d(), x(Be, {
+    return (b, S) => {
+      const N = Ne("click-outside");
+      return d(), x(dt, { to: "body" }, [
+        M(a) ? te((d(), x(gt, {
           key: 0,
           ref_key: "treeRef",
           ref: s,
           items: n.items,
           "no-select": n.noSelect,
-          class: w(n.class),
+          class: D(n.class),
           style: H(n.style),
           onSelect: h,
           "render-title": n.renderItemTitle,
           "before-item": n.beforeItem
         }, null, 8, ["items", "no-select", "class", "style", "render-title", "before-item"])), [
           [N, () => r()]
-        ]) : $("", !0)
-      ]));
+        ]) : k("", !0)
+      ]);
     };
   }
-}, Io = {
+}, Lo = {
   __name: "DContextMenu",
   props: {
     items: Array,
@@ -892,21 +875,21 @@ const U = To(), v = {
     beforeItem: Function
   },
   emits: ["select"],
-  setup(e, { expose: o, emit: t }) {
-    const n = e, s = S(null), a = S(0), l = S(0), r = m(() => ({
+  setup(e, { expose: t, emit: o }) {
+    const n = e, s = w(null), a = w(0), l = w(0), r = m(() => ({
       left: a.value + "px",
       top: l.value + "px"
     })), i = (u) => {
-      s.value.show(), ut(() => {
-        const h = s.value.elementSize(), b = window.innerWidth, T = window.innerHeight;
-        a.value = b - u.pageX < h.width ? u.pageX - h.width : u.pageX, l.value = T - u.pageY < h.height ? u.pageY - h.height : u.pageY, s.value.itemsCount() === 0 && s.value.hide();
+      s.value.show(), ct(() => {
+        const h = s.value.elementSize(), b = window.innerWidth, S = window.innerHeight;
+        a.value = b - u.pageX < h.width ? u.pageX - h.width : u.pageX, l.value = S - u.pageY < h.height ? u.pageY - h.height : u.pageY, s.value.itemsCount() === 0 && s.value.hide();
       });
     }, c = (u) => {
-      t("select", u);
+      o("select", u);
     };
-    return o({
+    return t({
       show: i
-    }), (u, h) => (d(), x(gt, {
+    }), (u, h) => (d(), x(ht, {
       ref_key: "dMenuRef",
       ref: s,
       onSelect: c,
@@ -918,7 +901,7 @@ const U = To(), v = {
       "before-item": n.beforeItem
     }, null, 8, ["items", "style", "render-item-title", "before-item"]));
   }
-}, Be = {
+}, gt = {
   __name: "DTree",
   props: {
     items: Array,
@@ -952,29 +935,29 @@ const U = To(), v = {
     }
   },
   emits: ["select", "collapse", "expand", "move", "over", "drop"],
-  setup(e, { expose: o, emit: t }) {
-    const n = e, s = S(null), a = S(!1), l = S(null), r = pt().uid;
+  setup(e, { expose: t, emit: o }) {
+    const n = e, s = w(null), a = w(!1), l = w(null), r = ut().uid;
     v.actions.initTreeStore(r, n.noSelect, n.multiSelect, n.expanded, n.transfer, n.renderTitle, n.beforeItem);
     const i = (g, V) => {
       console.log(g, V);
     };
     U.on(`expand-${r}`, (g) => {
-      t("expand", g);
+      o("expand", g);
     }), U.on(`collapse-${r}`, (g) => {
-      t("collapse", g);
+      o("collapse", g);
     }), U.on(`move-${r}`, (g) => {
-      t("move", g);
+      o("move", g);
     });
     const c = m(() => n.search ? v.actions.deepSearchByTitle(n.items, n.search) : n.items), u = (g = null) => {
-      v.mutations.setItemSelect(r, g.model), v.actions.toggleItem(r, g.model), t("select", g);
+      v.mutations.setItemSelect(r, g.model), v.actions.toggleItem(r, g.model), o("select", g);
     }, h = (g = null) => {
-      t("over", g);
+      o("over", g);
     }, b = (g = null) => {
-      t("drop", g);
-    }, T = () => s.value.elementSize(), N = () => {
+      o("drop", g);
+    }, S = () => s.value.elementSize(), N = () => {
       for (let g = 0; g < n.items.length; g++)
         n.items[g].expanded = !0;
-    }, k = () => {
+    }, $ = () => {
       for (let g = 0; g < n.items.length; g++)
         n.items[g].expanded = !1;
     }, F = () => r, R = (g) => v.actions.deepSearch(n.items, g), C = (g) => {
@@ -987,10 +970,10 @@ const U = To(), v = {
         V += v.actions.beforeItem(r, g[p]) ? 1 : 0, g[p].children && g[p].children.length > 0 && (V += P(g[p].children));
       return V;
     };
-    return o({
-      elementSize: T,
+    return t({
+      elementSize: S,
       expandAll: N,
-      collapseAll: k,
+      collapseAll: $,
       getId: F,
       getNode: R,
       selectNode: C,
@@ -1003,7 +986,7 @@ const U = To(), v = {
       onDrop: Z(i, ["stop"])
     }, {
       default: I(() => [
-        (d(!0), f(ae, null, he(c.value, (p) => (d(), x(So, {
+        (d(!0), f(ie, null, he(c.value, (p) => (d(), x(So, {
           key: p.id,
           model: p,
           treeId: M(r),
@@ -1014,20 +997,20 @@ const U = To(), v = {
           onNodedrop: b,
           onNodecontext: O
         }, null, 8, ["model", "treeId", "items", "search"]))), 128)),
-        y.value ? (d(), x(Io, {
+        y.value ? (d(), x(Lo, {
           key: 0,
           ref_key: "contextTreeRef",
           ref: a,
           items: y.value,
           onSelect: E,
           "before-item": B
-        }, null, 8, ["items"])) : $("", !0)
+        }, null, 8, ["items"])) : k("", !0)
       ]),
       _: 1
     }, 8, ["onDrop"]));
   }
 };
-const Eo = {
+const Co = {
   __name: "DAccordion",
   props: {
     items: Array,
@@ -1039,15 +1022,15 @@ const Eo = {
     }
   },
   setup(e) {
-    const o = e;
-    return (t, n) => (d(), x(Be, {
+    const t = e;
+    return (o, n) => (d(), x(gt, {
       class: "accordion",
-      items: o.items,
-      "no-select": o.noSelect,
-      "render-title": o.renderTitle
+      items: t.items,
+      "no-select": t.noSelect,
+      "render-title": t.renderTitle
     }, null, 8, ["items", "no-select", "render-title"]));
   }
-}, Ss = /* @__PURE__ */ le(Eo, [["__scopeId", "data-v-642edace"]]), Bo = {
+}, Ss = /* @__PURE__ */ le(Co, [["__scopeId", "data-v-642edace"]]), Io = {
   __name: "DLayoutHeader",
   props: {
     fixed: {
@@ -1081,18 +1064,18 @@ const Eo = {
     useMinWidthLayout: Boolean
   },
   setup(e) {
-    const o = e, t = m(() => {
-      const { fixed: n, zIndex: s, minWidth: a, height: l, paddingLeft: r, transitionDuration: i, transitionTimingFunction: c } = o, u = n ? "fixed" : "static", h = o.useMinWidthLayout ? `min-width:${a}px;` : "";
+    const t = e, o = m(() => {
+      const { fixed: n, zIndex: s, minWidth: a, height: l, paddingLeft: r, transitionDuration: i, transitionTimingFunction: c } = t, u = n ? "fixed" : "static", h = t.useMinWidthLayout ? `min-width:${a}px;` : "";
       return `position:${u};z-index:${s};${h}height:${l}px;padding-left:${r}px;transition-duration:${i}ms;transition-timing-function:${c};`;
     });
     return (n, s) => (d(), f("header", {
       class: "d-layout-header",
-      style: H(t.value)
+      style: H(o.value)
     }, [
       L(n.$slots, "default")
     ], 4));
   }
-}, Mo = {
+}, Eo = {
   __name: "DLayoutTab",
   props: {
     fixed: {
@@ -1130,18 +1113,18 @@ const Eo = {
     useMinWidthLayout: Boolean
   },
   setup(e) {
-    const o = e, t = m(() => {
-      const { fixed: n, top: s, zIndex: a, minWidth: l, height: r, paddingLeft: i, transitionDuration: c, transitionTimingFunction: u } = o, h = n ? "fixed" : "static", b = o.useMinWidthLayout ? `min-width: ${l}px;` : "";
+    const t = e, o = m(() => {
+      const { fixed: n, top: s, zIndex: a, minWidth: l, height: r, paddingLeft: i, transitionDuration: c, transitionTimingFunction: u } = t, h = n ? "fixed" : "static", b = t.useMinWidthLayout ? `min-width: ${l}px;` : "";
       return `position:${h};top:${s}px;z-index:${a};${b}height:${r}px;padding-left:${i}px;transition-duration:${c}ms;transition-timing-function:${u};`;
     });
     return (n, s) => (d(), f("div", {
       class: "d-layout-tab",
-      style: H(t.value)
+      style: H(o.value)
     }, [
       L(n.$slots, "default")
     ], 4));
   }
-}, No = {
+}, Bo = {
   __name: "DLayoutFooter",
   props: {
     fixed: {
@@ -1175,18 +1158,18 @@ const Eo = {
     useMinWidthLayout: Boolean
   },
   setup(e) {
-    const o = e, t = m(() => {
-      const { fixed: n, zIndex: s, minWidth: a, height: l, paddingLeft: r, transitionDuration: i, transitionTimingFunction: c } = o, u = n ? "fixed" : "static", h = o.useMinWidthLayout ? `min-width:${a}px;` : "";
+    const t = e, o = m(() => {
+      const { fixed: n, zIndex: s, minWidth: a, height: l, paddingLeft: r, transitionDuration: i, transitionTimingFunction: c } = t, u = n ? "fixed" : "static", h = t.useMinWidthLayout ? `min-width:${a}px;` : "";
       return `position:${u};z-index:${s};${h}height:${l}px;padding-left:${r}px;transition-duration:${i}ms;transition-timing-function:${c};`;
     });
     return (n, s) => (d(), f("footer", {
       class: "d-layout-footer",
-      style: H(t.value)
+      style: H(o.value)
     }, [
       L(n.$slots, "default")
     ], 4));
   }
-}, Ro = {
+}, Mo = {
   __name: "DLayoutSidebar",
   props: {
     zIndex: {
@@ -1215,18 +1198,18 @@ const Eo = {
     }
   },
   setup(e) {
-    const o = e, t = m(() => {
-      const { zIndex: n, width: s, paddingTop: a, transitionDuration: l, transitionTimingFunction: r } = o;
+    const t = e, o = m(() => {
+      const { zIndex: n, width: s, paddingTop: a, transitionDuration: l, transitionTimingFunction: r } = t;
       return `z-index:${n};width:${s}px;padding-top:${a}px;transition-duration:${l}ms;transition-timing-function:${r};`;
     });
     return (n, s) => (d(), f("aside", {
       class: "d-layout-sidebar",
-      style: H(t.value)
+      style: H(o.value)
     }, [
       L(n.$slots, "default")
     ], 4));
   }
-}, Oo = {
+}, No = {
   __name: "DLayoutContent",
   props: {
     paddingTop: {
@@ -1252,23 +1235,23 @@ const Eo = {
     }
   },
   setup(e) {
-    const o = e, t = m(() => {
-      const { paddingTop: n, paddingBottom: s, paddingLeft: a, transitionDuration: l, transitionTimingFunction: r } = o, i = `overflow:${o.overflowHidden ? "hidden" : "visible"};`;
+    const t = e, o = m(() => {
+      const { paddingTop: n, paddingBottom: s, paddingLeft: a, transitionDuration: l, transitionTimingFunction: r } = t, i = `overflow:${t.overflowHidden ? "hidden" : "visible"};`;
       return `padding-top:${n}px;padding-bottom:${s}px;padding-left:${a}px;${i}transition-duration:${l}ms;transition-timing-function:${r};`;
     });
     return (n, s) => (d(), f("main", {
-      style: H(t.value),
+      style: H(o.value),
       class: "d-layout-content"
     }, [
       L(n.$slots, "default")
     ], 4));
   }
 };
-function Ao(e) {
-  const o = S(0), t = m(() => `transform: translateX(${-o.value}px);`);
+function Ro(e) {
+  const t = w(0), o = m(() => `transform: translateX(${-t.value}px);`);
   let n = !1;
   function s(u) {
-    o.value = u;
+    t.value = u;
   }
   function a() {
     var u;
@@ -1287,13 +1270,13 @@ function Ao(e) {
   function c() {
     l(), r(), n = !0;
   }
-  return ft(e, (u) => {
+  return pt(e, (u) => {
     u ? c() : i();
   }, { immediate: !0 }), Tt(() => {
     i();
-  }), t;
+  }), o;
 }
-const Ho = 1001, Vo = 999, zo = 998, Ts = {
+const Oo = 1001, Ao = 999, Ho = 998, Ts = {
   __name: "DLayoutAdmin",
   props: {
     mode: {
@@ -1383,43 +1366,43 @@ const Ho = 1001, Vo = 999, zo = 998, Ts = {
     }
   },
   emits: ["update:sidebar-collapse", "sidebar-mask-click"],
-  setup(e, { emit: o }) {
-    const t = e, n = m(() => t.useMinWidthLayout ? `min-width:${t.minWidth}px;` : ""), s = m(() => t.useMinWidthLayout && (t.fixedHeaderAndTab || t.fixedFooter)), a = Ao(s), l = m(() => t.fixedHeaderAndTab ? a.value : ""), r = m(() => t.fixedFooter ? a.value : ""), i = m(() => {
-      const { transitionDuration: y, transitionTimingFunction: O } = t;
+  setup(e, { emit: t }) {
+    const o = e, n = m(() => o.useMinWidthLayout ? `min-width:${o.minWidth}px;` : ""), s = m(() => o.useMinWidthLayout && (o.fixedHeaderAndTab || o.fixedFooter)), a = Ro(s), l = m(() => o.fixedHeaderAndTab ? a.value : ""), r = m(() => o.fixedFooter ? a.value : ""), i = m(() => {
+      const { transitionDuration: y, transitionTimingFunction: O } = o;
       return {
         transitionDuration: y,
         transitionTimingFunction: O
       };
-    }), c = m(() => t.mode === "vertical"), u = m(() => t.isMobile || c.value ? 1003 : 1e3), h = m({
+    }), c = m(() => o.mode === "vertical"), u = m(() => o.isMobile || c.value ? 1003 : 1e3), h = m({
       get() {
-        return t.sidebarCollapse;
+        return o.sidebarCollapse;
       },
       set(y) {
-        o("update:sidebar-collapse", y);
+        t("update:sidebar-collapse", y);
       }
     });
     function b() {
-      o("sidebar-mask-click");
+      t("sidebar-mask-click");
     }
-    const T = m(() => t.isMobile && !h.value), N = m(() => {
-      const { transitionDuration: y, transitionTimingFunction: O } = t;
-      return `background-color:${t.maskBg};transition-duration:${y}ms;transition-timing-function:${O};`;
-    }), k = m(() => {
-      const { sidebarWidth: y, sidebarCollapsedWidth: O } = t, W = t.isMobile ? 0 : O, P = h.value ? W : y;
-      return t.sidebarVisible ? P : 0;
-    }), F = m(() => t.isMobile ? 0 : k.value), R = m(() => c.value ? F.value : 0), C = m(
-      () => !t.isMobile && !c.value && t.headerVisible ? t.headerHeight : 0
+    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};`;
+    }), $ = 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 : $.value), R = m(() => c.value ? F.value : 0), C = m(
+      () => !o.isMobile && !c.value && o.headerVisible ? o.headerHeight : 0
     ), E = m(() => {
       let y = 0;
-      return t.fixedHeaderAndTab && (t.headerVisible && (y += t.headerHeight), t.tabVisible && (y += t.tabHeight)), y;
-    }), B = m(() => t.fixedFooter && t.footerVisible ? t.footerHeight : 0);
+      return o.fixedHeaderAndTab && (o.headerVisible && (y += o.headerHeight), o.tabVisible && (y += o.tabHeight)), y;
+    }), B = m(() => o.fixedFooter && o.footerVisible ? o.footerHeight : 0);
     return (y, O) => (d(), f("div", {
       class: "d-layout",
       style: H(n.value)
     }, [
-      e.headerVisible ? (d(), x(Bo, ce({ key: 0 }, i.value, {
+      e.headerVisible ? (d(), x(Io, ue({ key: 0 }, i.value, {
         fixed: e.fixedHeaderAndTab,
-        "z-index": Ho,
+        "z-index": Oo,
         "min-width": e.minWidth,
         height: e.headerHeight,
         "padding-left": R.value,
@@ -1429,10 +1412,10 @@ const Ho = 1001, Vo = 999, zo = 998, Ts = {
           L(y.$slots, "header")
         ]),
         _: 3
-      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : $("", !0),
-      e.tabVisible ? (d(), x(Mo, ce({ key: 1 }, i.value, {
+      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : k("", !0),
+      e.tabVisible ? (d(), x(Eo, ue({ key: 1 }, i.value, {
         fixed: e.fixedHeaderAndTab,
-        "z-index": Vo,
+        "z-index": Ao,
         "min-width": e.minWidth,
         top: e.headerHeight,
         height: e.tabHeight,
@@ -1443,24 +1426,24 @@ const Ho = 1001, Vo = 999, zo = 998, Ts = {
           L(y.$slots, "tab")
         ]),
         _: 3
-      }, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) : $("", !0),
-      e.sidebarVisible ? (d(), x(Ro, ce({ key: 2 }, i.value, {
+      }, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) : k("", !0),
+      e.sidebarVisible ? (d(), x(Mo, ue({ key: 2 }, i.value, {
         "z-index": u.value,
-        width: k.value,
+        width: $.value,
         "padding-top": C.value
       }), {
         default: I(() => [
           L(y.$slots, "sidebar")
         ]),
         _: 3
-      }, 16, ["z-index", "width", "padding-top"])) : $("", !0),
-      T.value ? (d(), f("div", {
+      }, 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),
-      ie(Oo, ce(i.value, {
+      }, null, 4)) : k("", !0),
+      oe(No, ue(i.value, {
         "padding-top": E.value,
         "padding-bottom": B.value,
         "padding-left": F.value,
@@ -1471,9 +1454,9 @@ const Ho = 1001, Vo = 999, zo = 998, Ts = {
         ]),
         _: 3
       }, 16, ["padding-top", "padding-bottom", "padding-left", "overflow-hidden"]),
-      e.footerVisible ? (d(), x(No, ce({ key: 4 }, i.value, {
+      e.footerVisible ? (d(), x(Bo, ue({ key: 4 }, i.value, {
         fixed: e.fixedFooter,
-        "z-index": zo,
+        "z-index": Ho,
         "min-width": e.minWidth,
         height: e.footerHeight,
         "padding-left": F.value,
@@ -1483,26 +1466,26 @@ const Ho = 1001, Vo = 999, zo = 998, Ts = {
           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));
   }
-}, ue = {
-  state: Oe({
+}, pe = {
+  state: Re({
     theme: "dark"
   }),
   getters: {
     theme() {
-      return ue.state.theme;
+      return pe.state.theme;
     }
   },
   mutations: {
     setTheme(e) {
-      ue.state.theme = e, document.documentElement.classList.remove("dark"), document.documentElement.classList.remove("light"), document.documentElement.classList.add(e);
+      pe.state.theme = e, document.documentElement.classList.remove("dark"), document.documentElement.classList.remove("light"), document.documentElement.classList.add(e);
     }
   },
   actions: {
     toggleTheme() {
-      ue.state.theme = ue.state.theme === "dark" ? "light" : "dark", document.documentElement.classList.remove("dark"), document.documentElement.classList.remove("light"), document.documentElement.classList.add(ue.state.theme);
+      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);
     }
   }
 }, Ds = {
@@ -1514,8 +1497,8 @@ const Ho = 1001, Vo = 999, zo = 998, Ts = {
     }
   },
   setup(e) {
-    const o = e;
-    return ue.mutations.setTheme(o.theme), (t, n) => L(t.$slots, "default");
+    const t = e;
+    return pe.mutations.setTheme(t.theme), (o, n) => L(o.$slots, "default");
   }
 };
 const Ls = {
@@ -1531,12 +1514,12 @@ const Ls = {
     }
   },
   setup(e) {
-    const o = e;
-    Ae((a) => ({
-      e35a6f9a: t.value,
+    const t = e;
+    Oe((a) => ({
+      e35a6f9a: o.value,
       e35a6f98: n.value
     }));
-    const t = m(() => o.xHide ? "hidden" : "visible"), n = m(() => o.yHide ? "hidden" : "visible"), s = (a) => {
+    const o = m(() => t.xHide ? "hidden" : "visible"), n = m(() => t.yHide ? "hidden" : "visible"), s = (a) => {
       document.body.classList.add(a), document.documentElement.classList.add(a), document.documentElement.classList.add("d-global-scroll");
     };
     return fe(() => {
@@ -1546,7 +1529,7 @@ const Ls = {
     ]));
   }
 };
-const Fo = {
+const Vo = {
   __name: "DScroll",
   props: {
     autoHide: {
@@ -1563,19 +1546,19 @@ const Fo = {
     }
   },
   setup(e) {
-    const o = e;
-    Ae((s) => ({
-      c07fa29a: t.value,
+    const t = e;
+    Oe((s) => ({
+      c07fa29a: o.value,
       c07fa298: n.value
     }));
-    const t = m(() => o.xHide ? "hidden" : "visible"), n = m(() => o.yHide ? "hidden" : "visible");
+    const o = m(() => t.xHide ? "hidden" : "visible"), n = m(() => t.yHide ? "hidden" : "visible");
     return (s, a) => (d(), f("div", {
-      class: w(o.autoHide ? "d-scroll-hide" : "d-scroll")
+      class: D(t.autoHide ? "d-scroll-hide" : "d-scroll")
     }, [
       L(s.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}, Cs = /* @__PURE__ */ le(Fo, [["__scopeId", "data-v-d50b3609"]]), Wo = { class: "modal-content" }, Po = { class: "modal-header" }, jo = { class: "modal-title" }, Xo = { class: "modal-body" }, Yo = { class: "modal-footer" }, vt = {
+}, Cs = /* @__PURE__ */ le(Vo, [["__scopeId", "data-v-d50b3609"]]), zo = { class: "modal-content" }, Fo = { class: "modal-header" }, Wo = { class: "modal-title" }, Po = { class: "modal-body" }, jo = { class: "modal-footer" }, vt = {
   __name: "DModal",
   props: {
     show: Boolean,
@@ -1585,23 +1568,23 @@ const Fo = {
     // максимальная ширина диалога 500px, 100% и т.п.
   },
   emits: ["open", "close"],
-  setup(e, { expose: o, emit: t }) {
-    const n = e, s = S(null), a = S(!1);
+  setup(e, { expose: t, emit: o }) {
+    const n = e, s = w(null), a = w(!1);
     a.value = n == null ? void 0 : n.show;
     const l = () => {
-      a.value = !0, t("open", s);
+      a.value = !0, o("open", s);
     }, r = () => {
-      a.value = !1, t("close", s);
+      a.value = !1, o("close", s);
     };
-    return o({
+    return t({
       show: l,
       hide: r
     }), (i, c) => {
-      const u = Re("keydown");
-      return d(), x(ct, { to: "body" }, [
-        ie(Ne, { name: "fade" }, {
+      const u = Ne("keydown");
+      return d(), x(dt, { to: "body" }, [
+        oe(Me, { name: "fade" }, {
           default: I(() => [
-            a.value ? J((d(), f("div", {
+            a.value ? te((d(), f("div", {
               key: 0,
               ref_key: "modalRef",
               ref: s,
@@ -1611,50 +1594,50 @@ const Fo = {
                 class: "modal-dialog",
                 style: H({ width: n.width, maxWidth: n.maxWidth })
               }, [
-                _("div", Wo, [
-                  _("div", Po, [
-                    _("h5", jo, [
+                _("div", zo, [
+                  _("div", Fo, [
+                    _("h5", Wo, [
                       L(i.$slots, "modal-title")
                     ])
                   ]),
-                  _("div", Xo, [
+                  _("div", Po, [
                     L(i.$slots, "default")
                   ]),
-                  _("div", Yo, [
+                  _("div", jo, [
                     L(i.$slots, "modal-footer")
                   ])
                 ])
               ], 4)
             ])), [
               [u, r, "Escape"]
-            ]) : $("", !0)
+            ]) : k("", !0)
           ]),
           _: 3
         })
       ]);
     };
   }
-}, de = Dt();
-function Me(e) {
-  e === void 0 && (e = de.value.comp.returnValue()), de.value.resolve(e), de.value = null;
+}, ce = Dt();
+function Be(e) {
+  e === void 0 && (e = ce.value.comp.returnValue()), ce.value.resolve(e), ce.value = null;
 }
-function yt(e, o, t = "default") {
+function yt(e, t, o = "default") {
   return new Promise((n) => {
-    de.value = {
+    ce.value = {
       dialog: e,
-      props: o,
-      wrapper: t,
+      props: t,
+      wrapper: o,
       resolve: n
     };
   });
 }
-var Uo = (e, o) => {
-  const t = e.__vccOpts || e;
-  for (const [n, s] of o)
-    t[n] = s;
-  return t;
+var Xo = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [n, s] of t)
+    o[n] = s;
+  return o;
 };
-const qo = Lt({
+const Yo = Lt({
   name: "DialogWrapper",
   components: {},
   props: {
@@ -1665,46 +1648,46 @@ const qo = Lt({
     transitionAttrs: Object
   },
   setup() {
-    const e = S();
-    return ft(e, () => {
-      de.value && (de.value.comp = e.value);
+    const e = w();
+    return pt(e, () => {
+      ce.value && (ce.value.comp = e.value);
     }), {
-      dialogRef: de,
+      dialogRef: ce,
       dialogInstance: e
     };
   }
 });
-function Go(e, o, t, n, s, a) {
-  return d(), x(Ne, Ct(It(e.transitionAttrs)), {
+function Uo(e, t, o, n, s, a) {
+  return d(), x(Me, Ct(It(e.transitionAttrs)), {
     default: I(() => [
-      e.dialogRef && e.dialogRef.wrapper === e.name ? (d(), x(X(e.dialogRef.dialog), ce({ key: 0 }, e.dialogRef.props, { ref: "dialogInstance" }), null, 16)) : $("", !0)
+      e.dialogRef && e.dialogRef.wrapper === e.name ? (d(), x(X(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 qo = /* @__PURE__ */ Xo(Yo, [["render", Uo]]);
+const Go = { style: { display: "flex", "flex-direction": "row", "justify-content": "center", gap: "5px" } }, Zo = {
   __name: "DAlertDialog",
   props: {
     title: String,
     message: String
   },
-  setup(e, { expose: o }) {
-    const t = e;
-    return o({
+  setup(e, { expose: t }) {
+    const o = e;
+    return t({
       returnValue: () => !0
     }), (s, a) => (d(), f("div", null, [
-      ie(vt, { show: !0 }, {
+      oe(vt, { show: !0 }, {
         "modal-title": I(() => [
-          K(A(t.title), 1)
+          K(A(o.title), 1)
         ]),
         default: I(() => [
-          K(A(t.message), 1)
+          K(A(o.message), 1)
         ]),
         "modal-footer": I(() => [
-          _("div", Ko, [
-            ie(se, {
-              onClick: a[0] || (a[0] = (l) => M(Me)())
+          _("div", Go, [
+            oe(ae, {
+              onClick: a[0] || (a[0] = (l) => M(Be)())
             }, {
               default: I(() => [
                 K("Закрыть")
@@ -1717,37 +1700,37 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
       })
     ]));
   }
-}, Qo = { style: { display: "flex", "flex-direction": "row", "justify-content": "center", gap: "5px" } }, en = {
+}, Ko = { style: { display: "flex", "flex-direction": "row", "justify-content": "center", gap: "5px" } }, Jo = {
   __name: "DConfirmDialog",
   props: {
     title: String,
     message: String
   },
-  setup(e, { expose: o }) {
-    const t = e;
-    return o({
+  setup(e, { expose: t }) {
+    const o = e;
+    return t({
       returnValue: () => !0
     }), (s, a) => (d(), f("div", null, [
-      ie(vt, { show: !0 }, {
+      oe(vt, { show: !0 }, {
         "modal-title": I(() => [
-          K(A(t.title), 1)
+          K(A(o.title), 1)
         ]),
         default: I(() => [
-          K(A(t.message), 1)
+          K(A(o.message), 1)
         ]),
         "modal-footer": I(() => [
-          _("div", Qo, [
-            ie(se, {
-              onClick: a[0] || (a[0] = (l) => M(Me)())
+          _("div", Ko, [
+            oe(ae, {
+              onClick: a[0] || (a[0] = (l) => M(Be)())
             }, {
               default: I(() => [
                 K("Да")
               ]),
               _: 1
             }),
-            ie(se, {
+            oe(ae, {
               class: "button-red",
-              onClick: a[1] || (a[1] = (l) => M(Me)(!1))
+              onClick: a[1] || (a[1] = (l) => M(Be)(!1))
             }, {
               default: I(() => [
                 K("Нет")
@@ -1760,7 +1743,7 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
       })
     ]));
   }
-}, tn = { class: "dropdown" }, Is = {
+}, Qo = { class: "dropdown" }, Is = {
   __name: "DDropdown",
   props: {
     class: String,
@@ -1779,47 +1762,47 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
     }
   },
   emits: ["select", "click"],
-  setup(e, { expose: o, emit: t }) {
-    const n = e, s = De(), a = S(null), l = S(null), r = S(0), i = S(0), c = (T) => {
-      if (t("click", T), a.value.isShowed()) {
+  setup(e, { expose: t, emit: o }) {
+    const n = e, s = De(), a = w(null), l = w(null), r = w(0), i = w(0), c = (S) => {
+      if (o("click", S), a.value.isShowed()) {
         a.value.hide();
         return;
       }
-      a.value.show(), ut(() => {
-        const N = a.value.elementSize(), k = l.value.elementSize(), F = window.innerWidth, R = window.innerHeight;
-        r.value = F - (k.x + k.width) < N.width ? k.left - N.width + k.width : k.left, i.value = R - (k.y + k.height) < N.height ? k.top - N.height - 5 : k.height + k.top + 5;
+      a.value.show(), ct(() => {
+        const N = a.value.elementSize(), $ = l.value.elementSize(), F = window.innerWidth, R = window.innerHeight;
+        r.value = F - ($.x + $.width) < N.width ? $.left - N.width + $.width : $.left, i.value = R - ($.y + $.height) < N.height ? $.top - N.height - 5 : $.height + $.top + 5;
       });
-    }, u = (T) => {
-      t("select", T);
-    }, h = m(() => (console.log(r.value, i.value), { left: r.value + "px", top: i.value + "px", ...n.menuStyle }));
-    o({
+    }, u = (S) => {
+      o("select", S);
+    }, h = m(() => ({ left: r.value + "px", top: i.value + "px", position: n.bodyAsParent ? "absolute" : "fixed", ...n.menuStyle }));
+    t({
       show: c
     });
-    const b = (T) => !!s[T];
-    return (T, N) => (d(), f("div", tn, [
-      b("default") ? (d(), x(se, {
+    const b = (S) => !!s[S];
+    return (S, N) => (d(), f("div", Qo, [
+      b("default") ? (d(), x(ae, {
         key: 0,
         ref_key: "buttonRef",
         ref: l,
-        class: w(n.class),
+        class: D(n.class),
         icon: n.icon,
         onClick: Z(c, ["stop", "prevent"]),
         type: n.type
       }, {
         default: I(() => [
-          L(T.$slots, "default")
+          L(S.$slots, "default")
         ]),
         _: 3
-      }, 8, ["class", "icon", "onClick", "type"])) : (d(), x(se, {
+      }, 8, ["class", "icon", "onClick", "type"])) : (d(), x(ae, {
         key: 1,
         ref_key: "buttonRef",
         ref: l,
-        class: w(n.class),
+        class: D(n.class),
         icon: n.icon,
         onClick: Z(c, ["stop", "prevent"]),
         type: n.type
       }, null, 8, ["class", "icon", "onClick", "type"])),
-      ie(gt, {
+      oe(ht, {
         ref_key: "dMenuRef",
         ref: a,
         items: n.items,
@@ -1833,36 +1816,36 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
       }, null, 8, ["items", "style", "render-item-title", "before-item", "body-as-parent"])
     ]));
   }
-}, on = {}, nn = { class: "d-panel" };
-function sn(e, o) {
-  return d(), f("div", nn, [
+}, en = {}, tn = { class: "d-panel" };
+function on(e, t) {
+  return d(), f("div", tn, [
     L(e.$slots, "default")
   ]);
 }
-const an = /* @__PURE__ */ le(on, [["render", sn]]), ln = { class: "card-header" }, rn = { class: "modal-title" }, dn = { class: "card-body" }, cn = { class: "card-footer" }, Es = {
+const nn = /* @__PURE__ */ le(en, [["render", on]]), sn = { class: "card-header" }, an = { class: "modal-title" }, ln = { class: "card-body" }, rn = { class: "card-footer" }, Es = {
   __name: "DCard",
   setup(e) {
-    return (o, t) => (d(), x(an, { class: "d-card" }, {
+    return (t, o) => (d(), x(nn, { class: "d-card" }, {
       default: I(() => [
-        _("div", ln, [
-          _("h5", rn, [
-            L(o.$slots, "title")
+        _("div", sn, [
+          _("h5", an, [
+            L(t.$slots, "title")
           ])
         ]),
-        _("div", dn, [
-          L(o.$slots, "default")
+        _("div", ln, [
+          L(t.$slots, "default")
         ]),
-        _("div", cn, [
-          L(o.$slots, "footer")
+        _("div", rn, [
+          L(t.$slots, "footer")
         ])
       ]),
       _: 3
     }));
   }
-}, un = /* @__PURE__ */ new Map();
-class pn {
-  constructor(o, t, n) {
-    this.remaining = t, this.callback = o, this.notifyItem = n, this.resume();
+}, dn = /* @__PURE__ */ new Map();
+class cn {
+  constructor(t, o, n) {
+    this.remaining = o, this.callback = t, this.notifyItem = n, this.resume();
   }
   pause() {
     clearTimeout(this.notifyItem.timer), this.remaining -= Date.now() - this.start;
@@ -1871,7 +1854,7 @@ class pn {
     this.start = Date.now(), clearTimeout(this.notifyItem.timer), this.notifyItem.timer = setTimeout(this.callback, this.remaining);
   }
 }
-const Ie = "[-+]?[0-9]*.?[0-9]+", st = [
+const Ie = "[-+]?[0-9]*.?[0-9]+", nt = [
   {
     name: "px",
     regexp: new RegExp(`^${Ie}px$`)
@@ -1888,17 +1871,17 @@ const Ie = "[-+]?[0-9]*.?[0-9]+", st = [
     name: "px",
     regexp: new RegExp(`^${Ie}$`)
   }
-], fn = (e) => {
+], un = (e) => {
   if (e === "auto")
     return {
       type: e,
       value: 0
     };
-  for (let o = 0; o < st.length; o++) {
-    const t = st[o];
-    if (t.regexp.test(e))
+  for (let t = 0; t < nt.length; t++) {
+    const o = nt[t];
+    if (o.regexp.test(e))
       return {
-        type: t.name,
+        type: o.name,
         value: parseFloat(e)
       };
   }
@@ -1906,24 +1889,24 @@ const Ie = "[-+]?[0-9]*.?[0-9]+", st = [
     type: "",
     value: e
   };
-}, mn = (e) => {
+}, pn = (e) => {
   switch (typeof e) {
     case "number":
       return { type: "px", value: e };
     case "string":
-      return fn(e);
+      return un(e);
     default:
       return { type: "", value: e };
   }
-}, at = {
+}, st = {
   x: /* @__PURE__ */ new Set(["left", "center", "right"]),
   y: /* @__PURE__ */ new Set(["top", "bottom"])
-}, hn = ((e) => () => e++)(0), gn = (e) => typeof e != "string" ? [] : e.split(/\s+/gi).filter(Boolean), vn = (e) => {
-  typeof e == "string" && (e = gn(e));
-  let o = null, t = null;
+}, fn = ((e) => () => e++)(0), mn = (e) => typeof e != "string" ? [] : e.split(/\s+/gi).filter(Boolean), hn = (e) => {
+  typeof e == "string" && (e = mn(e));
+  let t = null, o = null;
   return e.forEach((n) => {
-    at.y.has(n) && (t = n), at.x.has(n) && (o = n);
-  }), { x: o, y: t };
+    st.y.has(n) && (o = n), st.x.has(n) && (t = n);
+  }), { x: t, y: o };
 }, Ee = {
   position: ["top", "right"],
   cssAnimation: "fade",
@@ -1937,21 +1920,21 @@ const Ie = "[-+]?[0-9]*.?[0-9]+", st = [
       opacity: [0, 1]
     }
   }
-}, yn = {
+}, gn = {
   __name: "VelocityGroup",
   emits: ["enter", "leave", "after-leave"],
-  setup(e, { emit: o }) {
-    const t = (a, l) => {
-      o("enter", a, l);
+  setup(e, { emit: t }) {
+    const o = (a, l) => {
+      t("enter", a, l);
     }, n = (a, l) => {
-      o("leave", a, l);
+      t("leave", a, l);
     }, s = () => {
-      o("after-leave");
+      t("after-leave");
     };
-    return (a, l) => (d(), x(mt, {
+    return (a, l) => (d(), x(ft, {
       tag: "span",
       css: !1,
-      onEnter: t,
+      onEnter: o,
       onLeave: n,
       onAfterLeave: s
     }, {
@@ -1961,7 +1944,7 @@ const Ie = "[-+]?[0-9]*.?[0-9]+", st = [
       _: 3
     }));
   }
-}, _n = /* @__PURE__ */ Object.assign({
+}, vn = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "CssGroup",
@@ -1969,21 +1952,21 @@ const Ie = "[-+]?[0-9]*.?[0-9]+", st = [
     name: String
   },
   setup(e) {
-    const o = e;
-    return (t, n) => (d(), x(mt, {
+    const t = e;
+    return (o, n) => (d(), x(ft, {
       tag: "span",
-      name: o.name
+      name: t.name
     }, {
       default: I(() => [
-        L(t.$slots, "default")
+        L(o.$slots, "default")
       ]),
       _: 3
     }, 8, ["name"]));
   }
-}), bn = ["data-id"], xn = ["onClick"], $n = ["innerHTML"], kn = ["innerHTML"], wn = {
+}), yn = ["data-id"], _n = ["onClick"], bn = ["innerHTML"], xn = ["innerHTML"], $n = {
   key: 0,
   class: "d-notification-title"
-}, Sn = { class: "notification-content" }, Bs = {
+}, kn = { class: "notification-content" }, Bs = {
   __name: "DNotificationProvider",
   props: {
     group: {
@@ -2052,76 +2035,76 @@ const Ie = "[-+]?[0-9]*.?[0-9]+", st = [
     }
   },
   emits: ["click", "destroy", "start"],
-  setup(e, { emit: o }) {
-    const t = e, n = {
+  setup(e, { emit: t }) {
+    const o = e, n = {
       IDLE: 0,
       DESTROYED: 2
-    }, s = S([]), a = S(null), l = S(un.get("velocity")), r = m(() => t.animationType === "velocity"), i = m(() => r.value ? yn : _n), c = m(() => s.value.filter((p) => p.state !== n.DESTROYED)), u = m(() => mn(t.width)), h = m(() => {
-      const { x: p, y: z } = vn(t.position), D = u.value.value, q = u.value.type, oe = {
-        width: D + q
+    }, s = w([]), a = w(null), l = w(dn.get("velocity")), r = m(() => o.animationType === "velocity"), i = m(() => r.value ? gn : vn), c = m(() => s.value.filter((p) => p.state !== n.DESTROYED)), u = m(() => pn(o.width)), h = m(() => {
+      const { x: p, y: z } = hn(o.position), T = u.value.value, q = u.value.type, ne = {
+        width: T + q
       };
-      return z && (oe[z] = "0px"), p && (p === "center" ? oe.left = `calc(50% - ${+D / 2}${q})` : oe[p] = "0px"), oe;
-    }), b = m(() => "bottom" in h.value), T = (p) => {
-      o("click", p), t.closeOnClick && B(p);
+      return z && (ne[z] = "0px"), p && (p === "center" ? ne.left = `calc(50% - ${+T / 2}${q})` : ne[p] = "0px"), ne;
+    }), b = m(() => "bottom" in h.value), S = (p) => {
+      t("click", p), o.closeOnClick && B(p);
     }, N = () => {
       var p;
-      t.pauseOnHover && ((p = a.value) == null || p.pause());
-    }, k = () => {
+      o.pauseOnHover && ((p = a.value) == null || p.pause());
+    }, $ = () => {
       var p;
-      t.pauseOnHover && ((p = a.value) == null || p.resume());
+      o.pauseOnHover && ((p = a.value) == null || p.resume());
     }, F = (p) => {
-      if (p.group || (p.group = ""), p.data || (p.data = {}), t.group !== p.group)
+      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 : t.duration, D = typeof p.speed == "number" ? p.speed : t.speed, q = typeof p.ignoreDuplicates == "boolean" ? p.ignoreDuplicates : t.ignoreDuplicates, { title: oe, text: ge, type: ve, data: ye, id: _e } = p, Q = {
-        id: _e || hn(),
-        title: oe,
+      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: ne, text: ge, type: ve, data: ye, id: _e } = p, J = {
+        id: _e || fn(),
+        title: ne,
         text: ge,
         type: ve,
         state: n.IDLE,
-        speed: D,
-        length: z + 2 * D,
+        speed: T,
+        length: z + 2 * T,
         data: ye
       };
-      z >= 0 && (a.value = new pn(() => B(Q), Q.length, Q));
-      const be = t.reverse ? !b.value : b.value;
+      z >= 0 && (a.value = new cn(() => B(J), J.length, J));
+      const be = o.reverse ? !b.value : b.value;
       let re = -1;
       const xe = c.value.some((me) => me.title === p.title && me.text === p.text);
-      (!q || !xe) && (be ? (s.value.push(Q), o("start", Q), c.value.length > t.max && (re = 0)) : (s.value.unshift(Q), o("start", Q), c.value.length > t.max && (re = c.value.length - 1)), re !== -1 && B(c.value[re]));
+      (!q || !xe) && (be ? (s.value.push(J), t("start", J), c.value.length > o.max && (re = 0)) : (s.value.unshift(J), t("start", J), c.value.length > o.max && (re = c.value.length - 1)), re !== -1 && B(c.value[re]));
     }, R = (p) => {
       y(p);
     }, C = (p) => [
       "d-notification-template",
-      t.classes,
+      o.classes,
       p.type || ""
     ], E = (p) => r.value ? void 0 : { transition: `all ${p.speed}ms` }, B = (p) => {
-      clearTimeout(p.timer), p.state = n.DESTROYED, V(), o("destroy", p);
+      clearTimeout(p.timer), p.state = n.DESTROYED, V(), t("destroy", p);
     }, y = (p) => {
-      const z = s.value.find((D) => D.id === p);
+      const z = s.value.find((T) => T.id === p);
       z && B(z);
     }, O = () => {
       c.value.forEach(B);
     }, W = (p, z) => {
       var q;
-      const D = (q = t.animation) == null ? void 0 : q[p];
-      return typeof D == "function" ? D(z) : D;
+      const T = (q = o.animation) == null ? void 0 : q[p];
+      return typeof T == "function" ? T(z) : T;
     }, P = (p, z) => {
       if (!r.value)
         return;
-      const D = W("enter", p);
-      l.value(p, D, {
-        duration: t.speed,
+      const T = W("enter", p);
+      l.value(p, T, {
+        duration: o.speed,
         complete: z
       });
     }, g = (p, z) => {
       if (!r.value)
         return;
-      const D = W("leave", p);
-      l.value(p, D, {
-        duration: t.speed,
+      const T = W("leave", p);
+      l.value(p, T, {
+        duration: o.speed,
         complete: z
       });
     };
@@ -2141,46 +2124,46 @@ const Ie = "[-+]?[0-9]*.?[0-9]+", st = [
         onAfterLeave: V
       }, {
         default: I(() => [
-          (d(!0), f(ae, null, he(c.value, (D) => (d(), f("div", {
-            key: D.id,
+          (d(!0), f(ie, null, he(c.value, (T) => (d(), f("div", {
+            key: T.id,
             class: "d-notification-wrapper",
-            style: H(E(D)),
-            "data-id": D.id,
+            style: H(E(T)),
+            "data-id": T.id,
             onMouseenter: N,
-            onMouseleave: k
+            onMouseleave: $
           }, [
             L(p.$slots, "body", {
-              class: w([e.classes, D.type]),
-              item: D,
-              close: () => B(D)
+              class: D([e.classes, T.type]),
+              item: T,
+              close: () => B(T)
             }, () => [
               _("div", {
-                class: w(C(D)),
-                onClick: (q) => T(D)
+                class: D(C(T)),
+                onClick: (q) => S(T)
               }, [
-                e.dangerouslySetInnerHtml ? (d(), f(ae, { key: 0 }, [
-                  D.title ? (d(), f("div", {
+                e.dangerouslySetInnerHtml ? (d(), f(ie, { key: 0 }, [
+                  T.title ? (d(), f("div", {
                     key: 0,
                     class: "d-notification-title",
-                    innerHTML: D.timer
-                  }, null, 8, $n)) : $("", !0),
+                    innerHTML: T.timer
+                  }, null, 8, bn)) : k("", !0),
                   _("div", {
                     class: "notification-content",
-                    innerHTML: D.text
-                  }, null, 8, kn)
-                ], 64)) : (d(), f(ae, { key: 1 }, [
-                  D.title ? (d(), f("div", wn, A(D.title), 1)) : $("", !0),
-                  _("div", Sn, A(D.text), 1)
+                    innerHTML: T.text
+                  }, null, 8, xn)
+                ], 64)) : (d(), f(ie, { key: 1 }, [
+                  T.title ? (d(), f("div", $n, A(T.title), 1)) : k("", !0),
+                  _("div", kn, A(T.text), 1)
                 ], 64))
-              ], 10, xn)
+              ], 10, _n)
             ])
-          ], 44, bn))), 128))
+          ], 44, yn))), 128))
         ]),
         _: 3
       }, 40, ["name"]))
     ], 4));
   }
-}, Tn = { class: "d-info-progress-icon-container" }, Dn = { class: "d-info-progress-icon" }, Ln = { class: "d-info-progress-data-container" }, Cn = ["innerHTML"], Ms = {
+}, wn = { class: "d-info-progress-icon-container" }, Sn = { class: "d-info-progress-icon" }, Tn = { class: "d-info-progress-data-container" }, Dn = ["innerHTML"], Ms = {
   __name: "DInfoProgress",
   props: {
     style: [String, Object],
@@ -2190,38 +2173,38 @@ const Ie = "[-+]?[0-9]*.?[0-9]+", st = [
     type: String
   },
   emits: ["click"],
-  setup(e, { emit: o }) {
-    const t = e, n = m(() => t.icon ? te.getters.getIcon(t.icon) : null);
+  setup(e, { emit: t }) {
+    const o = e, n = m(() => o.icon ? ee.getters.getIcon(o.icon) : null);
     return (s, a) => (d(), f("div", {
-      class: w(["d-info-progress", t.type ? `d-info-progress-${t.type}` : null]),
-      style: H(t.style),
+      class: D(["d-info-progress", o.type ? `d-info-progress-${o.type}` : null]),
+      style: H(o.style),
       onClick: a[0] || (a[0] = (l) => {
-        o("click", l);
+        t("click", l);
       })
     }, [
-      _("div", Tn, [
-        _("div", Dn, [
-          t.icon ? (d(), x(X(pe), {
+      _("div", wn, [
+        _("div", Sn, [
+          o.icon ? (d(), x(X(de), {
             key: 0,
             component: n.value,
             color: "inherit",
             size: 17
-          }, null, 8, ["component"])) : $("", !0)
+          }, null, 8, ["component"])) : k("", !0)
         ])
       ]),
-      _("div", Ln, [
+      _("div", Tn, [
         _("div", {
           class: "d-info-progress-line",
-          style: H("width: " + t.progress + "%;")
+          style: H("width: " + o.progress + "%;")
         }, null, 4),
         _("div", {
           class: "d-info-progress-label",
           innerHTML: e.label
-        }, null, 8, Cn)
+        }, null, 8, Dn)
       ])
     ], 6));
   }
-}, In = { class: "d-checkbox" }, En = ["id", "checked", "disabled"], Bn = ["for"], Ns = {
+}, Ln = { class: "d-checkbox" }, Cn = ["id", "checked", "disabled"], In = ["for"], Ns = {
   __name: "DCheckbox",
   props: {
     label: String,
@@ -2234,45 +2217,45 @@ const Ie = "[-+]?[0-9]*.?[0-9]+", st = [
     checked: Boolean
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: o }) {
-    const t = e, s = pt().uid, a = m({
-      get: () => t.modelValue,
+  setup(e, { emit: t }) {
+    const o = e, s = ut().uid, a = m({
+      get: () => o.modelValue,
       set: (l) => {
-        o("update:modelValue", l);
+        t("update:modelValue", l);
       }
     });
-    return (l, r) => (d(), f("div", In, [
-      J(_("input", {
+    return (l, r) => (d(), f("div", Ln, [
+      te(_("input", {
         "onUpdate:modelValue": r[0] || (r[0] = (i) => a.value = i),
         id: `i-${M(s)}`,
         type: "checkbox",
-        checked: t.checked,
-        disabled: t.disabled,
-        onChange: r[1] || (r[1] = (...i) => t.change && t.change(...i))
-      }, null, 40, En), [
+        checked: o.checked,
+        disabled: o.disabled,
+        onChange: r[1] || (r[1] = (...i) => o.change && o.change(...i))
+      }, null, 40, Cn), [
         [Et, a.value]
       ]),
       _("label", {
         for: `i-${M(s)}`
-      }, A(t.label), 9, Bn)
+      }, A(o.label), 9, In)
     ]));
   }
 };
-async function Mn(e, o) {
-  return await yt(en, { title: e, message: o });
+async function En(e, t) {
+  return await yt(Jo, { title: e, message: t });
 }
-async function Nn(e, o) {
-  return await yt(Jo, { title: e, message: o });
+async function Bn(e, t) {
+  return await yt(Zo, { title: e, message: t });
 }
 const Rs = {
   __name: "DDialogProvider",
   setup(e) {
-    return window.alert = Nn, window.confirm = Mn, (o, t) => (d(), x(M(Zo)));
+    return window.alert = Bn, window.confirm = En, (t, o) => (d(), x(M(qo)));
   }
-}, Rn = { class: "d-select" }, On = {
+}, Mn = { class: "d-select" }, Nn = {
   key: 0,
   class: "label"
-}, An = ["value", "selected", "disabled"], Os = {
+}, Rn = ["value", "selected", "disabled"], Os = {
   __name: "DSelect",
   props: {
     label: String,
@@ -2283,60 +2266,74 @@ const Rs = {
     // small, larger
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: o }) {
-    const t = e, n = m(() => t.scale ? "d-select-" + t.scale : ""), s = m({
-      get: () => t.modelValue,
+  setup(e, { emit: t }) {
+    const o = e, n = m(() => o.scale ? "d-select-" + o.scale : ""), s = m({
+      get: () => o.modelValue,
       set: (a) => {
-        o("update:modelValue", a);
+        t("update:modelValue", a);
       }
     });
-    for (let a = 0; a < t.options.length; a++)
-      if (t.options[a].selected) {
-        s.value = t.options[a].value;
+    for (let a = 0; a < o.options.length; a++)
+      if (o.options[a].selected) {
+        s.value = o.options[a].value;
         break;
       }
-    return (a, l) => (d(), f("div", Rn, [
-      t.label ? (d(), f("div", On, A(t.label), 1)) : $("", !0),
-      J(_("select", {
+    return (a, l) => (d(), f("div", Mn, [
+      o.label ? (d(), f("div", Nn, A(o.label), 1)) : k("", !0),
+      te(_("select", {
         "onUpdate:modelValue": l[0] || (l[0] = (r) => s.value = r),
-        class: w(n.value),
-        style: H(t.size === "wide" ? "width:100%" : "")
+        class: D(n.value),
+        style: H(o.size === "wide" ? "width:100%" : "")
       }, [
-        (d(!0), f(ae, null, he(t.options, (r, i) => (d(), f("option", {
+        (d(!0), f(ie, null, he(o.options, (r, i) => (d(), f("option", {
           key: i,
           value: r.value,
           selected: r.selected,
           disabled: r.disabled
-        }, A(r.label), 9, An))), 128))
+        }, A(r.label), 9, Rn))), 128))
       ], 6), [
         [Bt, s.value]
       ])
     ]));
   }
+}, On = { key: 0 }, An = { key: 1 }, Hn = {
+  __name: "DTabLabel",
+  props: {
+    label: [String, Object]
+  },
+  setup(e) {
+    const t = e;
+    return (o, n) => typeof t.label == "string" ? (d(), f("span", On, A(t.label), 1)) : (d(), f("span", An, [
+      oe(M(de), {
+        component: t.label
+      }, null, 8, ["component"])
+    ]));
+  }
 };
-const Hn = { class: "d-tabs" }, Vn = ["onClick"], zn = {
+const Vn = { class: "d-tabs" }, zn = {
   __name: "DTabs",
   props: {
     tabs: Array
   },
   setup(e) {
-    const t = Mt(e, "tabs"), n = S(0), s = (a) => {
+    const o = Mt(e, "tabs"), n = w(0), s = (a) => {
       n.value = a;
     };
-    return (a, l) => (d(), f(ae, null, [
-      _("div", Hn, [
-        (d(!0), f(ae, null, he(t.value, (r, i) => (d(), f("div", {
-          key: i,
-          class: w([i === n.value ? "active" : "", "d-tab-title"]),
+    return (a, l) => (d(), f(ie, null, [
+      _("div", Vn, [
+        (d(!0), f(ie, null, he(o.value, (r, i) => (d(), x(Hn, {
+          index: i,
+          label: r.label,
+          class: D(["d-tab-title", i === n.value ? "active" : ""]),
           onClick: (c) => s(i)
-        }, A(r.label), 11, Vn))), 128))
+        }, null, 8, ["index", "label", "class", "onClick"]))), 256))
       ]),
       (d(), x(Nt, null, [
-        (d(), x(X(t.value[n.value].component)))
+        (d(), x(X(o.value[n.value].component)))
       ], 1024))
     ], 64));
   }
-}, As = /* @__PURE__ */ le(zn, [["__scopeId", "data-v-89cd9234"]]);
+}, As = /* @__PURE__ */ le(zn, [["__scopeId", "data-v-e00bc642"]]);
 const Fn = { class: "d-grid" }, Wn = {
   __name: "DGrid",
   props: {
@@ -2355,17 +2352,17 @@ const Fn = { class: "d-grid" }, Wn = {
     colXxl: String
   },
   setup(e) {
-    const o = e;
-    Ae((u) => ({
+    const t = e;
+    Oe((u) => ({
       "09eba472": i[0],
       "09eba434": i[1],
       "09eba3f6": i[2],
       "09eba3b8": i[3],
       "09eba37a": i[4],
       "09eba33c": i[5],
-      "898eb2ac": o.gap
+      "898eb2ac": t.gap
     }));
-    const { colXs: t, colSm: n, colMd: s, colLg: a, colXl: l, colXxl: r } = Rt(o), i = [t.value, n.value, s.value, a.value, l.value, r.value];
+    const { colXs: o, colSm: n, colMd: s, colLg: a, colXl: l, colXxl: r } = Rt(t), i = [o.value, n.value, s.value, a.value, l.value, r.value];
     let c = null;
     for (let u = 0; u < i.length; u++)
       c || (c = i[0]), u > 0 && (i[u] ? c = i[u] : i[u] = c);
@@ -2385,20 +2382,20 @@ const Fn = { class: "d-grid" }, Wn = {
     radius: String
   },
   setup(e) {
-    const o = e, t = S(null), n = new Image();
+    const t = e, o = w(null), n = new Image();
     return n.onload = () => {
-      t.value = n.src;
+      o.value = n.src;
     }, n.onerror = () => {
-      t.value = o.srcFail;
+      o.value = t.srcFail;
     }, fe(() => {
-      n.src = o.src;
-    }), (s, a) => t.value ? (d(), f("img", {
+      n.src = t.src;
+    }), (s, a) => o.value ? (d(), f("img", {
       key: 0,
-      src: t.value,
-      alt: o.alt,
-      title: o.title,
-      style: H({ width: o.width, height: o.height, borderRadius: o.radius })
-    }, null, 12, Pn)) : $("", !0);
+      src: o.value,
+      alt: t.alt,
+      title: t.title,
+      style: H({ width: t.width, height: t.height, borderRadius: t.radius })
+    }, null, 12, Pn)) : k("", !0);
   }
 };
 const jn = { class: "d-textarea" }, Xn = {
@@ -2423,11 +2420,11 @@ const jn = { class: "d-textarea" }, Xn = {
     focus: Boolean
   },
   emits: ["update:modelValue"],
-  setup(e, { expose: o, emit: t }) {
-    const n = e, s = S(null), a = m(() => n.scale === "small" ? "d-textarea-small" : n.scale === "large" ? "d-textarea-large" : ""), l = m({
+  setup(e, { expose: t, emit: o }) {
+    const n = e, s = w(null), a = m(() => n.scale === "small" ? "d-textarea-small" : n.scale === "large" ? "d-textarea-large" : ""), l = m({
       get: () => n.modelValue,
       set: (i) => {
-        t("update:modelValue", i);
+        o("update:modelValue", i);
       }
     });
     fe(() => {
@@ -2436,18 +2433,18 @@ const jn = { class: "d-textarea" }, Xn = {
     const r = () => {
       s.value.focus();
     };
-    return o({
+    return t({
       focus: r
     }), (i, c) => (d(), f("div", jn, [
-      n.label ? (d(), f("div", Xn, A(n.label), 1)) : $("", !0),
-      J(_("textarea", {
+      n.label ? (d(), f("div", Xn, A(n.label), 1)) : k("", !0),
+      te(_("textarea", {
         ref_key: "inputRef",
         ref: s,
         "onUpdate:modelValue": c[0] || (c[0] = (u) => l.value = u),
         rows: n.rows,
         cols: n.cols,
         placeholder: n.placeholder,
-        class: w(a.value),
+        class: D(a.value),
         style: { width: "100%" }
       }, null, 10, Yn), [
         [Ot, l.value]
@@ -2456,32 +2453,32 @@ const jn = { class: "d-textarea" }, Xn = {
   }
 }, zs = /* @__PURE__ */ le(Un, [["__scopeId", "data-v-0e805d5d"]]);
 class Fs {
-  constructor(o) {
-    this.fields = o;
+  constructor(t) {
+    this.fields = t;
   }
   validate() {
-    let o = !1;
-    for (let t in this.fields)
-      this.fields[t].ref.value.validate() === !0 && (o = !0);
-    return !o;
+    let t = !1;
+    for (let o in this.fields)
+      this.fields[o].ref.value.validate() === !0 && (t = !0);
+    return !t;
   }
 }
 class qn {
-  validate(o, t = "https") {
-    return this._isValidURL(o) || (o = t + "://" + o), this._isValidURL(o);
+  validate(t, o = "https") {
+    return this._isValidURL(t) || (t = o + "://" + t), this._isValidURL(t);
   }
-  message(o, t) {
+  message(t, o) {
     let n = "";
-    switch (o) {
+    switch (t) {
       case "url":
-        n = t;
+        n = o;
         break;
     }
     return n;
   }
-  _isValidURL(o) {
+  _isValidURL(t) {
     try {
-      return new URL(o), !0;
+      return new URL(t), !0;
     } catch {
       return !1;
     }
@@ -2489,47 +2486,47 @@ class qn {
 }
 const Gn = new qn();
 class Zn {
-  validate(o = "") {
-    return o !== "";
+  validate(t = "") {
+    return t !== "";
   }
-  message(o) {
-    return o;
+  message(t) {
+    return t;
   }
 }
 const Kn = new Zn();
 class Jn {
-  validate(o = "", t = 0) {
-    return o.length >= t;
+  validate(t = "", o = 0) {
+    return t.length >= o;
   }
-  message(o) {
-    return o;
+  message(t) {
+    return t;
   }
 }
 const Qn = new Jn();
 class es {
-  validate(o = "", t = 0) {
-    return o.length <= t;
+  validate(t = "", o = 0) {
+    return t.length <= o;
   }
-  message(o) {
-    return o;
+  message(t) {
+    return t;
   }
 }
 const ts = new es();
 class os {
-  validate(o) {
-    return /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/.test(o);
+  validate(t) {
+    return /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/.test(t);
   }
-  message(o) {
-    return o;
+  message(t) {
+    return t;
   }
 }
 const ns = new os();
 class ss {
-  validate(o) {
-    return !isNaN(parseFloat(o)) && !isNaN(o - 0);
+  validate(t) {
+    return !isNaN(parseFloat(t)) && !isNaN(t - 0);
   }
-  message(o) {
-    return o;
+  message(t) {
+    return t;
   }
 }
 const as = new ss(), Y = {
@@ -2541,32 +2538,32 @@ const as = new ss(), Y = {
   RulesNumber: as
 };
 class is {
-  validate(o, t) {
-    var s, a, l, r, i, c, u, h, b, T, N, k, F, R;
+  validate(t, o) {
+    var s, a, l, r, i, c, u, h, b, S, N, $, F, R;
     let n = "";
-    if (t) {
+    if (o) {
       let C = !1;
-      for (let E in t)
+      for (let E in o)
         if (!C)
           switch (E) {
             case "url":
-              n = Y.RulesUrl.validate(o, "https") || o.length === 0 ? "" : Y.RulesUrl.message("url", (s = t[E]) != null && s.message ? (a = t[E]) == null ? void 0 : a.message : "url_incorrect"), C = n !== "";
+              n = Y.RulesUrl.validate(t, "https") || t.length === 0 ? "" : Y.RulesUrl.message("url", (s = o[E]) != null && s.message ? (a = o[E]) == null ? void 0 : a.message : "url_incorrect"), C = n !== "";
               break;
             case "required":
-              n = Y.RulesRequired.validate(o) ? "" : Y.RulesRequired.message((l = t[E]) != null && l.message ? (r = t[E]) == null ? void 0 : r.message : "required"), C = n !== "";
+              n = Y.RulesRequired.validate(t) ? "" : Y.RulesRequired.message((l = o[E]) != null && l.message ? (r = o[E]) == null ? void 0 : r.message : "required"), C = n !== "";
               break;
             case "min":
-              n = Y.RulesMin.validate(o, (i = t[E]) == null ? void 0 : i.value) ? "" : Y.RulesMin.message((c = t[E]) != null && c.message ? (u = t[E]) == null ? void 0 : u.message : "very_small"), C = n !== "";
+              n = Y.RulesMin.validate(t, (i = o[E]) == null ? void 0 : i.value) ? "" : Y.RulesMin.message((c = o[E]) != null && c.message ? (u = o[E]) == null ? void 0 : u.message : "very_small"), C = n !== "";
               break;
             case "max":
-              n = Y.RulesMax.validate(o, (h = t[E]) == null ? void 0 : h.value) ? "" : Y.RulesMax.message((b = t[E]) != null && b.message ? (T = t[E]) == null ? void 0 : T.message : "vary_large"), C = n !== "";
+              n = Y.RulesMax.validate(t, (h = o[E]) == null ? void 0 : h.value) ? "" : Y.RulesMax.message((b = o[E]) != null && b.message ? (S = o[E]) == null ? void 0 : S.message : "vary_large"), C = n !== "";
               break;
             case "email":
-              n = Y.RulesEmail.validate(o) ? "" : Y.RulesMax.message((N = t[E]) != null && N.message ? (k = t[E]) == null ? void 0 : k.message : "email_incorrect"), C = n !== "";
+              n = Y.RulesEmail.validate(t) ? "" : Y.RulesMax.message((N = o[E]) != null && N.message ? ($ = o[E]) == null ? void 0 : $.message : "email_incorrect"), C = n !== "";
               break;
             case "number":
-              n = Y.RulesNumber.validate(o) ? "" : Y.RulesNumber.message(
-                (F = t[E]) != null && F.message ? (R = t[E]) == null ? void 0 : R.message : "number_incorrect"
+              n = Y.RulesNumber.validate(t) ? "" : Y.RulesNumber.message(
+                (F = o[E]) != null && F.message ? (R = o[E]) == null ? void 0 : R.message : "number_incorrect"
               ), C = n !== "";
               break;
           }
@@ -2629,66 +2626,66 @@ const ls = new is(), rs = { style: { display: "flex", "flex-direction": "column"
     disabled: Boolean
   },
   emits: ["update:modelValue", "input"],
-  setup(e, { expose: o, emit: t }) {
-    const n = e, s = S(n.error), a = At(), l = S(!1), r = S(null);
+  setup(e, { expose: t, emit: o }) {
+    const n = e, s = w(n.error), a = At(), l = w(!1), r = w(null);
     //!props.form ? ref(null) : props.form.fields[props.name].ref
     const i = m({
       get: () => n.modelValue,
       //props.form?.fields[props.name].model.value,
       set: (R) => {
-        t("update:modelValue", R);
+        o("update:modelValue", R);
       }
     }), c = m(() => n.type === "password" ? "password" : "text"), u = m(() => n.scale), h = (R) => {
-      t("input", R), b();
+      o("input", R), b();
     }, b = () => (s.value = ls.validate(i.value, n.form.fields[n.name].rules), !!s.value);
     fe(() => {
-      T();
+      S();
     });
-    const T = () => {
+    const S = () => {
       var R;
       (R = r.value) == null || R.focus();
     }, N = () => {
       i.value = "";
-    }, k = (R) => {
+    }, $ = (R) => {
       l.value = R;
     };
-    return o({
-      focus: T,
+    return t({
+      focus: S,
       setError: (R) => {
         s.value = R;
       },
       validate: b
     }), (R, C) => {
-      var E, B, y, O, W, P, g, V, p, z, D, q, oe, ge, ve, ye, _e, Q, be, re, xe, Le, me, Fe, We, Pe, je, Xe, Ye, Ue, qe, Ge, Ze, Ke, Je, Qe, et, tt, ot;
+      var E, B, y, O, W, P, g, V, p, z, T, q, ne, ge, ve, ye, _e, J, be, re, xe, Le, me, ze, Fe, We, Pe, je, Xe, Ye, Ue, qe, Ge, Ze, Ke, Je, Qe, et, tt;
       return d(), f("div", {
-        class: w(["d-input-string", u.value])
+        class: D(["d-input-string", u.value])
       }, [
         _("div", rs, [
           n.label ? (d(), f("div", ds, [
             K(A(n.label), 1),
-            (E = n.form) != null && E.fields[n.name].rules && n.form.fields[n.name].rules.hasOwnProperty("required") ? (d(), f("span", cs, "*")) : $("", !0)
-          ])) : $("", !0),
+            (E = n.form) != null && E.fields[n.name].rules && n.form.fields[n.name].rules.hasOwnProperty("required") ? (d(), f("span", cs, "*")) : k("", !0)
+          ])) : k("", !0),
           _("div", us, [
             (y = (B = n.pre) == null ? void 0 : B.outside) != null && y.component ? (d(), f("div", {
               key: 0,
-              class: w(["d-pre", n.disabled ? "disabled" : ""])
+              class: D(["d-pre", n.disabled ? "disabled" : ""])
             }, [
               (d(), x(X((W = (O = n.pre) == null ? void 0 : O.outside) == null ? void 0 : W.component)))
             ], 2)) : (g = (P = n.pre) == null ? void 0 : P.outside) != null && g.text ? (d(), f("div", {
               key: 1,
-              class: w(["d-pre", n.disabled ? "disabled" : ""])
+              class: D(["d-pre", n.disabled ? "disabled" : ""])
             }, [
               _("div", {
-                class: w(["d-text", l.value ? "focused" : ""])
+                class: D(["d-text", l.value ? "focused" : ""])
               }, A((p = (V = n.pre) == null ? void 0 : V.outside) == null ? void 0 : p.text), 3)
-            ], 2)) : $("", !0),
+            ], 2)) : k("", !0),
             _("div", ps, [
-              (D = (z = n.pre) == null ? void 0 : z.inside) != null && D.action && ((oe = (q = n.pre) == null ? void 0 : q.inside) == null ? void 0 : oe.action) === "clear" && ((ge = i.value) == null ? void 0 : ge.length) > 0 ? (d(), f("div", {
+              (T = (z = n.pre) == null ? void 0 : z.inside) != null && T.action && ((ne = (q = n.pre) == null ? void 0 : q.inside) == null ? void 0 : ne.action) === "clear" && ((ge = i.value) == null ? void 0 : ge.length) > 0 ? (d(), f("div", {
                 key: 0,
                 class: "d-pre-inside-button",
                 onClick: N
-              }, ms)) : $("", !0),
-              J(_("input", {
+              }, ms)) : k("", !0),
+              te(_("input", {
                 id: M(a),
                 ref_key: "inputRef",
                 ref: r,
@@ -2697,41 +2694,41 @@ const ls = new is(), rs = { style: { display: "flex", "flex-direction": "column"
                 type: c.value,
                 placeholder: n.placeholder,
                 onInput: h,
-                onFocus: C[1] || (C[1] = (Ce) => k(!0)),
-                onFocusout: C[2] || (C[2] = (Ce) => k(!1)),
-                class: w([
-                  (ye = (ve = n.pre) == null ? void 0 : ve.outside) != null && ye.component || (Q = (_e = n.pre) == null ? void 0 : _e.outside) != null && Q.text ? "has-pre" : "",
+                onFocus: C[1] || (C[1] = (Ce) => $(!0)),
+                onFocusout: C[2] || (C[2] = (Ce) => $(!1)),
+                class: D([
+                  (ye = (ve = n.pre) == null ? void 0 : ve.outside) != null && ye.component || (J = (_e = n.pre) == null ? void 0 : _e.outside) != null && J.text ? "has-pre" : "",
                   (re = (be = n.post) == null ? void 0 : be.outside) != null && re.component || (Le = (xe = n.post) == null ? void 0 : xe.outside) != null && Le.text ? "has-post" : "",
-                  (Fe = (me = n.pre) == null ? void 0 : me.inside) != null && Fe.action ? "has-pre-inside-button" : "",
-                  (Pe = (We = n.post) == null ? void 0 : We.inside) != null && Pe.action ? "has-post-inside-button" : "",
+                  (ze = (me = n.pre) == null ? void 0 : me.inside) != null && ze.action ? "has-pre-inside-button" : "",
+                  (We = (Fe = n.post) == null ? void 0 : Fe.inside) != null && We.action ? "has-post-inside-button" : "",
                   l.value ? "focused" : ""
                 ]),
                 disabled: n.disabled
               }, null, 42, hs), [
                 [Se, i.value]
               ]),
-              (Xe = (je = n.post) == null ? void 0 : je.inside) != null && Xe.action && ((Ue = (Ye = n.post) == null ? void 0 : Ye.inside) == null ? void 0 : Ue.action) === "clear" && ((qe = i.value) == null ? void 0 : qe.length) > 0 ? (d(), f("div", {
+              (je = (Pe = n.post) == null ? void 0 : Pe.inside) != null && je.action && ((Ye = (Xe = n.post) == null ? void 0 : Xe.inside) == null ? void 0 : Ye.action) === "clear" && ((Ue = i.value) == null ? void 0 : Ue.length) > 0 ? (d(), f("div", {
                 key: 1,
                 class: "d-post-inside-button",
                 onClick: N
-              }, vs)) : $("", !0)
+              }, vs)) : k("", !0)
             ]),
-            (Ze = (Ge = n.post) == null ? void 0 : Ge.outside) != null && Ze.component ? (d(), f("div", {
+            (Ge = (qe = n.post) == null ? void 0 : qe.outside) != null && Ge.component ? (d(), f("div", {
               key: 2,
-              class: w(["d-post", n.disabled ? "disabled" : ""])
+              class: D(["d-post", n.disabled ? "disabled" : ""])
             }, [
-              (d(), x(X((Je = (Ke = n.post) == null ? void 0 : Ke.outside) == null ? void 0 : Je.component)))
-            ], 2)) : (et = (Qe = n.post) == null ? void 0 : Qe.outside) != null && et.text ? (d(), f("div", {
+              (d(), x(X((Ke = (Ze = n.post) == null ? void 0 : Ze.outside) == null ? void 0 : Ke.component)))
+            ], 2)) : (Qe = (Je = n.post) == null ? void 0 : Je.outside) != null && Qe.text ? (d(), f("div", {
               key: 3,
-              class: w(["d-post", n.disabled ? "disabled" : ""])
+              class: D(["d-post", n.disabled ? "disabled" : ""])
             }, [
               _("div", {
-                class: w(["d-text", l.value ? "focused" : ""])
-              }, A((ot = (tt = n.post) == null ? void 0 : tt.outside) == null ? void 0 : ot.text), 3)
-            ], 2)) : $("", !0)
+                class: D(["d-text", l.value ? "focused" : ""])
+              }, A((tt = (et = n.post) == null ? void 0 : et.outside) == null ? void 0 : tt.text), 3)
+            ], 2)) : k("", !0)
           ]),
-          n.help ? (d(), f("div", ys, A(n.help), 1)) : $("", !0),
-          s.value ? (d(), f("div", _s, A(s.value), 1)) : $("", !0)
+          n.help ? (d(), f("div", ys, A(n.help), 1)) : k("", !0),
+          s.value ? (d(), f("div", _s, A(s.value), 1)) : k("", !0)
         ])
       ], 2);
     };
@@ -2743,21 +2740,21 @@ _t.close = (e) => {
   U.emit("notification-close", e);
 };
 const Ps = () => ({ notify: _t }), js = {
-  mounted: function(e, o) {
-    e.clickOutsideEvent = function(t) {
-      e === t.target || e.contains(t.target) || o.value(t, e);
+  mounted: function(e, t) {
+    e.clickOutsideEvent = function(o) {
+      e === o.target || e.contains(o.target) || t.value(o, e);
     }, document.addEventListener("click", e.clickOutsideEvent);
   },
   unmounted: function(e) {
     document.removeEventListener("click", e.clickOutsideEvent);
   }
 }, Xs = {
-  beforeMount(e, o) {
-    e._keydownCallback = (t) => {
-      t.key === o.arg && o.value();
+  beforeMount(e, t) {
+    e._keydownCallback = (o) => {
+      o.key === t.arg && t.value();
     }, document.addEventListener("keydown", e._keydownCallback);
   },
-  unmounted(e, o) {
+  unmounted(e, t) {
     document.removeEventListener("keydown", e._keydownCallback), delete e._keydownCallback;
   }
 }, Ys = {
@@ -2774,12 +2771,12 @@ function xt(e) {
 var bs = function() {
   var e = !1;
   try {
-    var o = Object.defineProperty({}, "passive", {
+    var t = Object.defineProperty({}, "passive", {
       get: function() {
         e = !0;
       }
     });
-    window.addEventListener("test", null, o);
+    window.addEventListener("test", null, t);
   } catch {
   }
   return e;
@@ -2800,65 +2797,65 @@ var bs = function() {
   // ms
 };
 function $e(e) {
-  var o = this.$$touchObj, t = e.type.indexOf("touch") >= 0, n = e.type.indexOf("mouse") >= 0, s = this;
-  t && (o.lastTouchStartTime = e.timeStamp), !(n && o.lastTouchStartTime && e.timeStamp - o.lastTouchStartTime < 350) && (o.touchStarted || ($t(this), o.touchStarted = !0, o.touchMoved = !1, o.swipeOutBounded = !1, o.startX = bt(e), o.startY = xt(e), o.currentX = 0, o.currentY = 0, o.touchStartTime = e.timeStamp, o.hasSwipe = G(this, "swipe") || G(this, "swipe.left") || G(this, "swipe.right") || G(this, "swipe.top") || G(this, "swipe.bottom"), G(this, "hold") && (o.touchHoldTimer = setTimeout(function() {
-    o.touchHoldTimer = null, ee(e, s, "hold");
-  }, o.options.touchHoldTolerance)), ee(e, this, "press")));
+  var t = this.$$touchObj, o = e.type.indexOf("touch") >= 0, n = e.type.indexOf("mouse") >= 0, s = this;
+  o && (t.lastTouchStartTime = e.timeStamp), !(n && t.lastTouchStartTime && e.timeStamp - t.lastTouchStartTime < 350) && (t.touchStarted || ($t(this), t.touchStarted = !0, t.touchMoved = !1, t.swipeOutBounded = !1, t.startX = bt(e), t.startY = xt(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() {
+    t.touchHoldTimer = null, Q(e, s, "hold");
+  }, t.options.touchHoldTolerance)), Q(e, this, "press")));
 }
 function ke(e) {
-  var o = this.$$touchObj, t = bt(e), n = xt(e), s = o.currentX != t || o.currentY != n;
-  if (o.currentX = t, o.currentY = n, o.touchMoved) {
-    if (o.hasSwipe && !o.swipeOutBounded) {
-      var l = o.options.swipeTolerance;
-      o.swipeOutBounded = Math.abs(o.startX - o.currentX) > l && Math.abs(o.startY - o.currentY) > l;
+  var t = this.$$touchObj, o = bt(e), n = xt(e), s = t.currentX != o || t.currentY != n;
+  if (t.currentX = o, t.currentY = n, t.touchMoved) {
+    if (t.hasSwipe && !t.swipeOutBounded) {
+      var l = t.options.swipeTolerance;
+      t.swipeOutBounded = Math.abs(t.startX - t.currentX) > l && Math.abs(t.startY - t.currentY) > l;
     }
   } else {
-    var a = o.options.tapTolerance;
-    o.touchMoved = Math.abs(o.startX - o.currentX) > a || Math.abs(o.startY - o.currentY) > a, o.touchMoved && (ze(o), ee(e, this, "drag.once"));
+    var a = t.options.tapTolerance;
+    t.touchMoved = Math.abs(t.startX - t.currentX) > a || Math.abs(t.startY - t.currentY) > a, t.touchMoved && (Ve(t), Q(e, this, "drag.once"));
   }
   if (G(this, "rollover") && s) {
-    var r = e.timeStamp, i = o.options.rollOverFrequency;
-    (o.touchRollTime == null || r > o.touchRollTime + i) && (o.touchRollTime = r, ee(e, this, "rollover"));
+    var r = e.timeStamp, i = t.options.rollOverFrequency;
+    (t.touchRollTime == null || r > t.touchRollTime + i) && (t.touchRollTime = r, Q(e, this, "rollover"));
   }
-  if (G(this, "drag") && o.touchStarted && o.touchMoved && s) {
-    var r = e.timeStamp, i = o.options.dragFrequency;
-    (o.touchDragTime == null || r > o.touchDragTime + i) && (o.touchDragTime = r, ee(e, this, "drag"));
+  if (G(this, "drag") && t.touchStarted && t.touchMoved && s) {
+    var r = e.timeStamp, i = t.options.dragFrequency;
+    (t.touchDragTime == null || r > t.touchDragTime + i) && (t.touchDragTime = r, Q(e, this, "drag"));
   }
 }
-function it() {
+function at() {
   var e = this.$$touchObj;
-  ze(e), Ve(this), e.touchStarted = e.touchMoved = !1, e.startX = e.startY = 0;
+  Ve(e), He(this), e.touchStarted = e.touchMoved = !1, e.startX = e.startY = 0;
 }
 function we(e) {
-  var o = this.$$touchObj, t = e.type.indexOf("touch") >= 0, n = e.type.indexOf("mouse") >= 0;
-  t && (o.lastTouchEndTime = e.timeStamp);
-  var s = t && !o.touchHoldTimer;
-  if (ze(o), o.touchStarted = !1, Ve(this), !(n && o.lastTouchEndTime && e.timeStamp - o.lastTouchEndTime < 350))
-    if (ee(e, this, "release"), o.touchMoved) {
-      if (o.hasSwipe && !o.swipeOutBounded) {
-        var a = o.options.swipeTolerance, l, r = Math.abs(o.startY - o.currentY), i = Math.abs(o.startX - o.currentX);
-        (r > a || i > a) && (r > a ? l = o.startY > o.currentY ? "top" : "bottom" : l = o.startX > o.currentX ? "left" : "right", G(this, "swipe." + l) ? ee(e, this, "swipe." + l, l) : ee(e, this, "swipe", l));
+  var t = this.$$touchObj, o = e.type.indexOf("touch") >= 0, n = e.type.indexOf("mouse") >= 0;
+  o && (t.lastTouchEndTime = e.timeStamp);
+  var s = o && !t.touchHoldTimer;
+  if (Ve(t), t.touchStarted = !1, He(this), !(n && t.lastTouchEndTime && e.timeStamp - t.lastTouchEndTime < 350))
+    if (Q(e, this, "release"), t.touchMoved) {
+      if (t.hasSwipe && !t.swipeOutBounded) {
+        var a = t.options.swipeTolerance, l, r = Math.abs(t.startY - t.currentY), i = Math.abs(t.startX - t.currentX);
+        (r > a || i > a) && (r > a ? l = t.startY > t.currentY ? "top" : "bottom" : l = t.startX > t.currentX ? "left" : "right", G(this, "swipe." + l) ? Q(e, this, "swipe." + l, l) : Q(e, this, "swipe", l));
       }
-    } else if (G(this, "longtap") && e.timeStamp - o.touchStartTime > o.options.longTapTimeInterval)
-      e.cancelable && e.preventDefault(), ee(e, this, "longtap");
+    } else if (G(this, "longtap") && e.timeStamp - t.touchStartTime > t.options.longTapTimeInterval)
+      e.cancelable && e.preventDefault(), Q(e, this, "longtap");
     else if (G(this, "hold") && s) {
       e.cancelable && e.preventDefault();
       return;
     } else
-      ee(e, this, "tap");
+      Q(e, this, "tap");
 }
-function lt() {
+function it() {
   $t(this);
 }
-function rt() {
-  Ve(this);
+function lt() {
+  He(this);
 }
-function G(e, o) {
-  var t = e.$$touchObj.callbacks[o];
-  return t != null && t.length > 0;
+function G(e, t) {
+  var o = e.$$touchObj.callbacks[t];
+  return o != null && o.length > 0;
 }
-function ee(e, o, t, n) {
-  var s = o.$$touchObj, a = s.callbacks[t];
+function Q(e, t, o, n) {
+  var s = t.$$touchObj, a = s.callbacks[o];
   if (a == null || a.length === 0)
     return null;
   for (var l = 0; l < a.length; l++) {
@@ -2867,18 +2864,18 @@ function ee(e, o, t, n) {
   }
 }
 function $t(e) {
-  var o = e.$$touchObj.options.touchClass;
-  o && e.classList.add(o);
+  var t = e.$$touchObj.options.touchClass;
+  t && e.classList.add(t);
 }
-function Ve(e) {
-  var o = e.$$touchObj.options.touchClass;
-  o && e.classList.remove(o);
+function He(e) {
+  var t = e.$$touchObj.options.touchClass;
+  t && e.classList.remove(t);
 }
-function ze(e) {
+function Ve(e) {
   e.touchHoldTimer && (clearTimeout(e.touchHoldTimer), e.touchHoldTimer = null);
 }
-function $s(e, o) {
-  var t = e.$$touchObj || {
+function $s(e, t) {
+  var o = e.$$touchObj || {
     // an object contains all callbacks registered,
     // key is event name, value is an array
     callbacks: {},
@@ -2887,84 +2884,84 @@ function $s(e, o) {
     // default options, would be override by v-touch-options
     options: xs
   };
-  return o && (t.options = Object.assign({}, t.options, o)), e.$$touchObj = t, e.$$touchObj;
+  return t && (o.options = Object.assign({}, o.options, t)), e.$$touchObj = o, e.$$touchObj;
 }
 const Us = {
-  beforeMount: function(e, o) {
-    const t = $s(e);
+  beforeMount: function(e, t) {
+    const o = $s(e);
     let n = bs ? { passive: !0 } : !1;
-    const s = o.arg || "tap";
+    const s = t.arg || "tap";
     switch (s) {
       case "swipe":
-        let a = o.modifiers;
+        let a = t.modifiers;
         if (a.left || a.right || a.top || a.bottom) {
-          for (let l in o.modifiers)
+          for (let l in t.modifiers)
             if (["left", "right", "top", "bottom"].indexOf(l) >= 0) {
               let r = "swipe." + l;
-              t.callbacks[r] = t.callbacks[r] || [], t.callbacks[r].push(o);
+              o.callbacks[r] = o.callbacks[r] || [], o.callbacks[r].push(t);
             }
         } else
-          t.callbacks.swipe = t.callbacks.swipe || [], t.callbacks.swipe.push(o);
+          o.callbacks.swipe = o.callbacks.swipe || [], o.callbacks.swipe.push(t);
         break;
       case "press":
       case "drag":
-        o.modifiers.disablePassive && (n = !1);
+        t.modifiers.disablePassive && (n = !1);
       default:
-        t.callbacks[s] = t.callbacks[s] || [], t.callbacks[s].push(o);
+        o.callbacks[s] = o.callbacks[s] || [], o.callbacks[s].push(t);
     }
-    t.hasBindTouchEvents || (e.addEventListener("touchstart", $e, n), e.addEventListener("touchmove", ke, n), e.addEventListener("touchcancel", it), e.addEventListener("touchend", we), t.options.disableClick || (e.addEventListener("mousedown", $e), e.addEventListener("mousemove", ke), e.addEventListener("mouseup", we), e.addEventListener("mouseenter", lt), e.addEventListener("mouseleave", rt)), t.hasBindTouchEvents = !0);
+    o.hasBindTouchEvents || (e.addEventListener("touchstart", $e, n), e.addEventListener("touchmove", ke, n), e.addEventListener("touchcancel", at), e.addEventListener("touchend", we), o.options.disableClick || (e.addEventListener("mousedown", $e), e.addEventListener("mousemove", ke), e.addEventListener("mouseup", we), e.addEventListener("mouseenter", it), e.addEventListener("mouseleave", lt)), o.hasBindTouchEvents = !0);
   },
   unmounted: function(e) {
-    e.removeEventListener("touchstart", $e), e.removeEventListener("touchmove", ke), e.removeEventListener("touchcancel", it), e.removeEventListener("touchend", we), e.$$touchObj && !e.$$touchObj.options.disableClick && (e.removeEventListener("mousedown", $e), e.removeEventListener("mousemove", ke), e.removeEventListener("mouseup", we), e.removeEventListener("mouseenter", lt), e.removeEventListener("mouseleave", rt)), delete e.$$touchObj;
+    e.removeEventListener("touchstart", $e), e.removeEventListener("touchmove", ke), e.removeEventListener("touchcancel", at), e.removeEventListener("touchend", we), e.$$touchObj && !e.$$touchObj.options.disableClick && (e.removeEventListener("mousedown", $e), e.removeEventListener("mousemove", ke), e.removeEventListener("mouseup", we), e.removeEventListener("mouseenter", it), e.removeEventListener("mouseleave", lt)), delete e.$$touchObj;
   }
 };
 export {
   Ss as DAccordion,
-  Jo as DAlertDialog,
+  Zo as DAlertDialog,
   io as DBadge,
-  se as DButton,
+  ae as DButton,
   Es as DCard,
   Ns as DCheckbox,
   lo as DCollapse,
   Ds as DConfigProvider,
-  en as DConfirmDialog,
-  Io as DContextMenu,
+  Jo as DConfirmDialog,
+  Lo as DContextMenu,
   Rs as DDialogProvider,
   uo as DDrag,
   Do as DDrop,
   Is as DDropdown,
   Fs as DForm,
-  ue as DGlobalStore,
+  pe as DGlobalStore,
   Hs as DGrid,
-  pe as DIcon,
-  te as DIconStore,
+  de as DIcon,
+  ee as DIconStore,
   Vs as DImage,
   Ms as DInfoProgress,
   ws as DInput,
   Ws as DInputString,
   Ts as DLayoutAdmin,
-  Oo as DLayoutContent,
-  No as DLayoutFooter,
-  Bo as DLayoutHeader,
-  Ro as DLayoutSidebar,
-  Mo as DLayoutTab,
-  gt as DMenu,
+  No as DLayoutContent,
+  Bo as DLayoutFooter,
+  Io as DLayoutHeader,
+  Mo as DLayoutSidebar,
+  Eo as DLayoutTab,
+  ht as DMenu,
   vt as DModal,
   Bs as DNotificationProvider,
-  an as DPanel,
+  nn as DPanel,
   Cs as DScroll,
   Ls as DScrollProvider,
   Os as DSelect,
   As as DTabs,
   zs as DTextarea,
   Te as DTransferStore,
-  Be as DTree,
+  gt as DTree,
   So as DTreeItem,
   v as DTreeStore,
   Y as Rules,
-  Nn as alert,
+  Bn as alert,
   js as clickOutside,
-  Mn as confirm,
+  En as confirm,
   U as emitter,
   To as eventsBus,
   Ys as focus,