doph-js 0.2.93 → 0.2.94

package/dist/dophJs.js

@@ -1,4 +1,4 @@
-import { useSlots as Ce, computed as m, h as st, openBlock as c, createBlock as _, unref as B, ref as D, createElementBlock as f, Fragment as le, normalizeClass as S, renderSlot as L, createCommentVNode as x, normalizeStyle as V, resolveDynamicComponent as Y, createStaticVNode as ut, onMounted as me, toDisplayString as O, withDirectives as oe, createElementVNode as y, vModelDynamic as De, withCtx as M, createTextVNode as K, Transition as Ne, withModifiers as W, resolveComponent as Ct, resolveDirective as Re, normalizeProps as pt, guardReactiveProps as ft, createVNode as J, renderList as ge, pushScopeId as Lt, popScopeId as It, reactive as Oe, Teleport as mt, nextTick as ht, getCurrentInstance as gt, watch as vt, onUnmounted as Et, mergeProps as ue, useCssVars as Ae, shallowRef as Bt, defineComponent as Mt, TransitionGroup as yt, vModelCheckbox as Nt, vModelSelect as Rt, toRef as Ot, KeepAlive as At, toRefs as Ht, vModelText as Vt } from "vue";
+import { useSlots as Ce, computed as h, h as st, openBlock as d, createBlock as b, unref as E, ref as T, createElementBlock as m, Fragment as le, normalizeClass as D, renderSlot as L, createCommentVNode as k, normalizeStyle as z, resolveDynamicComponent as U, createStaticVNode as ut, onMounted as me, toDisplayString as O, withDirectives as oe, createElementVNode as _, vModelDynamic as De, withCtx as B, createTextVNode as K, Transition as Ne, withModifiers as j, resolveComponent as Ct, resolveDirective as Re, normalizeProps as pt, guardReactiveProps as ft, createVNode as J, renderList as ge, pushScopeId as Lt, popScopeId as It, reactive as Oe, Teleport as mt, nextTick as ht, getCurrentInstance as gt, watch as vt, onUnmounted as Et, mergeProps as ue, useCssVars as Ae, shallowRef as Bt, defineComponent as Mt, TransitionGroup as yt, vModelCheckbox as Nt, vModelSelect as Rt, toRef as Ot, KeepAlive as At, toRefs as Ht, vModelText as Vt } from "vue";
 const re = {
   __name: "DIcon",
   props: {
@@ -8,17 +8,17 @@ const re = {
     className: String
   },
   setup(t) {
-    const e = t, o = Ce(), n = m(() => {
+    const e = t, o = Ce(), n = h(() => {
       const { className: r } = e;
       return r === void 0 ? "icon" : ["icon", r].join(" ");
-    }), s = m(() => {
+    }), s = h(() => {
       const { color: r } = e;
       return r === void 0 ? null : r;
-    }), a = m(() => {
+    }), a = h(() => {
       const r = e.size ?? null;
       if (r !== void 0)
         return typeof r == "number" || /^\d+$/.test(r) ? `${r}px` : r;
-    }), l = m(() => st(
+    }), l = h(() => st(
       "i",
       {
         class: n.value,
@@ -29,7 +29,7 @@ const re = {
       },
       e.component ? st(e.component) : o
     ));
-    return (r, i) => (c(), _(B(l)));
+    return (r, i) => (d(), b(E(l)));
   }
 }, te = {
   state: {},
@@ -120,47 +120,47 @@ const ne = (t, e) => {
   },
   emits: ["click", "contextmenu"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = Ce(), a = D(null), l = m(() => n.icon ? te.getters.getIcon(n.icon) : null), r = (k) => {
-      o("click", k);
-    }, i = (k) => {
-      o("contextmenu", k);
-    }, u = m(() => n.scale === "large" ? "button-lg" : n.scale === "small" ? "button-sm" : ""), p = 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}` : "";
+    const n = t, s = Ce(), a = T(null), l = h(() => n.icon ? te.getters.getIcon(n.icon) : null), r = ($) => {
+      o("click", $);
+    }, i = ($) => {
+      o("contextmenu", $);
+    }, c = h(() => n.scale === "large" ? "button-lg" : n.scale === "small" ? "button-sm" : ""), u = h(() => n.disabled ? "disabled" : ""), g = ($) => !!s[$], x = h(() => g("default") ? "" : n.scale === "large" ? "d-button-lg-icon" : n.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), C = h(() => {
+      const $ = n.outline ? "-outline" : "";
+      return n.type === "primary" ? `button${$}-blue` : n.type === "success" ? `button${$}-green` : n.type === "error" ? `button${$}-red` : n.type === "warning" ? `button${$}-orange` : n.type === "wait" ? `button${$}-violet` : n.outline ? `button${$}` : "";
     });
     return e({
       elementSize: () => _t(a)
-    }), (k, A) => (c(), f(le, null, [
-      l.value ? x("", !0) : (c(), f("div", {
+    }), ($, H) => (d(), m(le, null, [
+      l.value ? k("", !0) : (d(), m("div", {
         key: 0,
         ref_key: "el",
         ref: a,
         onClick: r,
         onContextmenu: i,
-        class: S(["button", [n.class, u.value, T.value, p.value].join(" ")])
+        class: D(["button", [n.class, c.value, C.value, u.value].join(" ")])
       }, [
-        L(k.$slots, "default", {}, void 0, !0),
-        n.loading ? (c(), f("svg", Ft, Pt)) : x("", !0)
+        L($.$slots, "default", {}, void 0, !0),
+        n.loading ? (d(), m("svg", Ft, Pt)) : k("", !0)
       ], 34)),
-      l.value ? (c(), f("div", {
+      l.value ? (d(), m("div", {
         key: 1,
         ref_key: "el",
         ref: a,
         onClick: r,
         onContextmenu: i,
-        class: S(["button button-ext", [n.class, u.value, b.value, T.value, p.value].join(" ")]),
-        style: V(n.style)
+        class: D(["button button-ext", [n.class, c.value, x.value, C.value, u.value].join(" ")]),
+        style: z(n.style)
       }, [
-        n.icon ? (c(), _(Y(re), {
+        n.icon ? (d(), b(U(re), {
           key: 0,
           component: l.value,
           color: "inherit"
-        }, null, 8, ["component"])) : x("", !0),
-        B(s).default ? (c(), f("div", jt, [
-          L(k.$slots, "default", {}, void 0, !0)
-        ])) : x("", !0),
-        n.loading ? (c(), f("svg", Xt, Ut)) : x("", !0)
-      ], 38)) : x("", !0)
+        }, null, 8, ["component"])) : k("", !0),
+        E(s).default ? (d(), m("div", jt, [
+          L($.$slots, "default", {}, void 0, !0)
+        ])) : k("", !0),
+        n.loading ? (d(), m("svg", Xt, Ut)) : k("", !0)
+      ], 38)) : k("", !0)
     ], 64));
   }
 }, ie = /* @__PURE__ */ ne(qt, [["__scopeId", "data-v-e5cd6ccd"]]);
@@ -199,7 +199,7 @@ const Gt = {
   },
   emits: ["update:modelValue"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = D(null), a = m(() => n.scale === "small" ? "d-input-small" : n.scale === "large" ? "d-input-large" : ""), l = m({
+    const n = t, s = T(null), a = h(() => n.scale === "small" ? "d-input-small" : n.scale === "large" ? "d-input-large" : ""), l = h({
       get: () => n.modelValue,
       set: (i) => {
         o("update:modelValue", i);
@@ -213,28 +213,28 @@ const Gt = {
     };
     return e({
       focus: r
-    }), (i, u) => !n.post && !n.pre ? (c(), f("div", Gt, [
-      n.label ? (c(), f("div", Zt, O(n.label), 1)) : x("", !0),
-      oe(y("input", {
+    }), (i, c) => !n.post && !n.pre ? (d(), m("div", Gt, [
+      n.label ? (d(), m("div", Zt, O(n.label), 1)) : k("", !0),
+      oe(_("input", {
         ref_key: "inputRef",
         ref: s,
-        "onUpdate:modelValue": u[0] || (u[0] = (p) => l.value = p),
+        "onUpdate:modelValue": c[0] || (c[0] = (u) => l.value = u),
         type: n.password ? "password" : "text",
-        class: S(a.value),
+        class: D(a.value),
         placeholder: n.placeholder,
         style: { width: "100%" }
       }, null, 10, Kt), [
         [De, l.value]
       ])
-    ])) : n.post && n.post.click && !n.pre ? (c(), f("div", Jt, [
-      n.label ? (c(), f("div", Qt, O(n.label), 1)) : x("", !0),
-      y("div", eo, [
-        y("div", to, [
-          oe(y("input", {
+    ])) : n.post && n.post.click && !n.pre ? (d(), m("div", Jt, [
+      n.label ? (d(), m("div", Qt, O(n.label), 1)) : k("", !0),
+      _("div", eo, [
+        _("div", to, [
+          oe(_("input", {
             ref_key: "inputRef",
             ref: s,
-            class: S(["d-input-post-field", a.value]),
-            "onUpdate:modelValue": u[1] || (u[1] = (p) => l.value = p),
+            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,
             style: { width: "100%" }
@@ -242,52 +242,52 @@ const Gt = {
             [De, l.value]
           ])
         ]),
-        n.post.label ? (c(), _(ie, {
+        n.post.label ? (d(), b(ie, {
           key: 0,
           scale: n.scale,
-          class: S(["d-input-post-button", n.post.class]),
+          class: D(["d-input-post-button", n.post.class]),
           onClick: n.post.click,
           icon: n.post.icon
         }, {
-          default: M(() => [
+          default: B(() => [
             K(O(n.post.label), 1)
           ]),
           _: 1
-        }, 8, ["scale", "onClick", "icon", "class"])) : (c(), _(ie, {
+        }, 8, ["scale", "onClick", "icon", "class"])) : (d(), b(ie, {
           key: 1,
           scale: n.scale,
-          class: S(["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 ? (c(), f("div", no, [
-      n.label ? (c(), f("div", so, O(n.label), 1)) : x("", !0),
-      y("div", ao, [
-        n.pre.label ? (c(), _(ie, {
+    ])) : !n.post && n.pre && n.pre.click ? (d(), m("div", no, [
+      n.label ? (d(), m("div", so, O(n.label), 1)) : k("", !0),
+      _("div", ao, [
+        n.pre.label ? (d(), b(ie, {
           key: 0,
           scale: n.scale,
-          class: S(["d-input-pre-button", n.pre.class]),
+          class: D(["d-input-pre-button", n.pre.class]),
           onClick: n.pre.click,
           icon: n.pre.icon
         }, {
-          default: M(() => [
+          default: B(() => [
             K(O(n.pre.label), 1)
           ]),
           _: 1
-        }, 8, ["scale", "onClick", "icon", "class"])) : (c(), _(ie, {
+        }, 8, ["scale", "onClick", "icon", "class"])) : (d(), b(ie, {
           key: 1,
           scale: n.scale,
-          class: S(["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"])),
-        y("div", io, [
-          oe(y("input", {
+        _("div", io, [
+          oe(_("input", {
             ref_key: "inputRef",
             ref: s,
-            class: S(["d-input-pre-field", a.value]),
-            "onUpdate:modelValue": u[2] || (u[2] = (p) => l.value = p),
+            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,
             style: { width: "100%" }
@@ -296,7 +296,7 @@ const Gt = {
           ])
         ])
       ])
-    ])) : x("", !0);
+    ])) : k("", !0);
   }
 }, Es = /* @__PURE__ */ ne(ro, [["__scopeId", "data-v-a972038a"]]), co = {
   __name: "DBadge",
@@ -310,12 +310,12 @@ const Gt = {
     }
   },
   setup(t) {
-    const e = t, o = m(() => e.scale === "large" ? "badge-lg" : e.scale === "small" ? "badge-sm" : ""), n = m(() => {
+    const e = t, o = h(() => e.scale === "large" ? "badge-lg" : e.scale === "small" ? "badge-sm" : ""), n = h(() => {
       const s = e.stress ? "-stress" : "";
       return e.type === "primary" ? `badge${s}-blue` : e.type === "success" ? `badge${s}-green` : e.type === "error" ? `badge${s}-red` : e.type === "warning" ? `badge${s}-orange` : e.type === "wait" ? `badge${s}-violet` : e.stress ? `badge${s}-gray` : "";
     });
-    return (s, a) => (c(), f("div", {
-      class: S(["badge", [e.class, o.value, n.value].join(" ")])
+    return (s, a) => (d(), m("div", {
+      class: D(["badge", [e.class, o.value, n.value].join(" ")])
     }, [
       L(s.$slots, "default")
     ], 2));
@@ -357,17 +357,17 @@ const Gt = {
       borderBottomWidth: i == null ? void 0 : i.style.borderBottomWidth,
       marginTop: i == null ? void 0 : i.style.marginTop,
       marginBottom: i == null ? void 0 : i.style.marginBottom
-    }), n = (i, u) => {
-      const { width: p } = getComputedStyle(i);
-      i.style.width = p, i.style.position = "absolute", i.style.visibility = "hidden", i.style.height = "";
-      let { height: h } = getComputedStyle(i);
-      return i.style.width = u.width, i.style.position = u.position, i.style.visibility = u.visibility, i.style.height = ae, i.style.overflow = "hidden", u.height && u.height !== ae ? u.height : h;
-    }, s = (i, u, p, h, b) => {
-      const T = i.animate(h, b);
-      i.style.height = u.height, T.onfinish = () => {
-        i.style.overflow = u.overflow, p();
+    }), n = (i, c) => {
+      const { width: u } = getComputedStyle(i);
+      i.style.width = u, i.style.position = "absolute", i.style.visibility = "hidden", i.style.height = "";
+      let { height: g } = getComputedStyle(i);
+      return i.style.width = c.width, i.style.position = c.position, i.style.visibility = c.visibility, i.style.height = ae, i.style.overflow = "hidden", c.height && c.height !== ae ? c.height : g;
+    }, s = (i, c, u, g, x) => {
+      const C = i.animate(g, x);
+      i.style.height = c.height, C.onfinish = () => {
+        i.style.overflow = c.overflow, u();
       };
-    }, a = (i, u) => [
+    }, a = (i, c) => [
       {
         height: ae,
         opacity: e.opacityClosed,
@@ -381,28 +381,28 @@ const Gt = {
       {
         height: i,
         opacity: e.opacityOpened,
-        paddingTop: u.paddingTop,
-        paddingBottom: u.paddingBottom,
-        borderTopWidth: u.borderTopWidth,
-        borderBottomWidth: u.borderBottomWidth,
-        marginTop: u.marginTop,
-        marginBottom: u.marginBottom
+        paddingTop: c.paddingTop,
+        paddingBottom: c.paddingBottom,
+        borderTopWidth: c.borderTopWidth,
+        borderBottomWidth: c.borderBottomWidth,
+        marginTop: c.marginTop,
+        marginBottom: c.marginBottom
       }
-    ], l = (i, u) => {
-      const p = i, h = o(p), b = n(p, h), T = a(b, h), R = { duration: e.duration, easing: e.easingEnter };
-      s(p, h, u, T, R);
-    }, r = (i, u) => {
-      const p = i, h = o(p), { height: b } = getComputedStyle(p);
-      p.style.height = b, p.style.overflow = "hidden";
-      const T = a(b, h).reverse(), R = { duration: e.duration, easing: e.easingLeave };
-      s(p, h, u, T, R);
+    ], l = (i, c) => {
+      const u = i, g = o(u), x = n(u, g), C = a(x, g), R = { duration: e.duration, easing: e.easingEnter };
+      s(u, g, c, C, R);
+    }, r = (i, c) => {
+      const u = i, g = o(u), { height: x } = getComputedStyle(u);
+      u.style.height = x, u.style.overflow = "hidden";
+      const C = a(x, g).reverse(), R = { duration: e.duration, easing: e.easingLeave };
+      s(u, g, c, C, R);
     };
-    return (i, u) => (c(), _(Ne, {
+    return (i, c) => (d(), b(Ne, {
       css: !1,
       onEnter: l,
       onLeave: r
     }, {
-      default: M(() => [
+      default: B(() => [
         L(i.$slots, "default")
       ]),
       _: 3
@@ -410,7 +410,7 @@ const Gt = {
   }
 }, Te = {
   data: void 0
-}, He = (t) => t.reduce((e, o) => (e[o] = o) && e, {}), j = He([
+}, He = (t) => t.reduce((e, o) => (e[o] = o) && e, {}), X = He([
   "drag",
   "dragend",
   "dragenter",
@@ -442,29 +442,29 @@ const Gt = {
     tag: { type: String, default: "div" }
   },
   setup(t) {
-    const e = t, o = Ce(), n = D(!1), s = m(() => n && e.transferData), a = m(() => ({ position: "fixed", top: "-1000px" })), l = (r, i) => {
-      const u = i.dataTransfer;
-      if ([j.dragenter, j.dragover].includes(r) && e.dropEffect && (u.dropEffect = e.dropEffect), r === j.dragstart) {
-        if (e.effectAllowed && (u.effectAllowed = e.effectAllowed), e.image || o.image) {
-          let p;
-          e.image ? (p = new Image(), p.src = e.image) : o.image && (p = o.image[0].elm), u.setDragImage && u.setDragImage(p, e.imageXOffset, e.imageYOffset);
+    const e = t, o = Ce(), n = T(!1), s = h(() => n && e.transferData), a = h(() => ({ position: "fixed", top: "-1000px" })), l = (r, i) => {
+      const c = i.dataTransfer;
+      if ([X.dragenter, X.dragover].includes(r) && e.dropEffect && (c.dropEffect = e.dropEffect), r === X.dragstart) {
+        if (e.effectAllowed && (c.effectAllowed = e.effectAllowed), e.image || o.image) {
+          let u;
+          e.image ? (u = new Image(), u.src = e.image) : o.image && (u = o.image[0].elm), c.setDragImage && c.setDragImage(u, e.imageXOffset, e.imageYOffset);
         }
         e.transferData !== void 0 && (Te.data = e.transferData, i.dataTransfer.setData("text", "")), n.value = !0;
       }
     };
-    return (r, i) => (c(), _(Y(t.tag), {
+    return (r, i) => (d(), b(U(t.tag), {
       draggable: e.draggable,
-      onDrag: i[0] || (i[0] = (u) => l(B(j).drag, u)),
-      onDragstart: i[1] || (i[1] = W((u) => l(B(j).dragstart, u), ["stop"])),
-      onDragenter: i[2] || (i[2] = (u) => l(B(j).dragenter, u)),
-      onDragleave: i[3] || (i[3] = (u) => l(B(j).dragleave, u)),
-      onDragend: i[4] || (i[4] = (u) => l(B(j).dragend, u))
+      onDrag: i[0] || (i[0] = (c) => l(E(X).drag, c)),
+      onDragstart: i[1] || (i[1] = j((c) => l(E(X).dragstart, c), ["stop"])),
+      onDragenter: i[2] || (i[2] = (c) => l(E(X).dragenter, c)),
+      onDragleave: i[3] || (i[3] = (c) => l(E(X).dragleave, c)),
+      onDragend: i[4] || (i[4] = (c) => l(E(X).dragend, c))
     }, {
-      default: M(() => [
+      default: B(() => [
         L(r.$slots, "default", { transferData: s.value }),
-        t.hideImageHtml ? (c(), f("div", {
+        t.hideImageHtml ? (d(), m("div", {
           key: 0,
-          style: V(a.value)
+          style: z(a.value)
         }, [
           L(r.$slots, "image", { transferData: s.value })
         ], 4)) : L(r.$slots, "image", {
@@ -479,7 +479,7 @@ const Gt = {
 const mo = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), ho = {
   key: 0,
   style: { display: "none" }
-}, go = { key: 1 }, vo = /* @__PURE__ */ mo(() => /* @__PURE__ */ y("div", { class: "tree-divider" }, null, -1)), yo = [
+}, go = { key: 1 }, vo = /* @__PURE__ */ mo(() => /* @__PURE__ */ _("div", { class: "tree-divider" }, null, -1)), yo = [
   vo
 ], _o = { key: 2 }, bo = { class: "tree-divider-header" }, xo = { class: "item-title" }, ko = {
   key: 0,
@@ -498,179 +498,179 @@ const mo = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), ho = {
   },
   emits: ["nodedrop", "nodedragover", "nodedragleave", "nodeclick", "nodecontext", "nodedoubleclick", "nodefoldericonclick"],
   setup(t, { emit: e }) {
-    const o = t, n = D(null), s = D(!1), a = D(!1), l = D(!1), r = m(() => o.model.children && o.model.children.length), i = m(() => (g.actions.isTreeExpanded(o.treeId) && (o.model.expanded = o.model.expanded === void 0 ? !0 : o.model.expanded), o.model.expanded)), u = (I) => {
-      e("nodeclick", { event: I, model: o.model });
-    }, p = (I) => {
-      e("nodefoldericonclick", { event: I, model: o.model });
-    }, h = (I) => {
-      e("nodefoldericonclick", I);
-    }, b = (I) => {
-      e("nodeclick", I);
-    }, T = (I) => {
-      e("nodedoubleclick", I);
-    }, R = (I) => {
-      e("nodedrop", I);
-    }, k = (I) => {
-      e("nodecontext", I);
-    }, A = m(() => [
-      g.actions.isItemSelected(o.treeId, o.model.id) ? "selected" : "",
+    const o = t, n = T(null), s = T(!1), a = T(!1), l = T(!1), r = h(() => o.model.children && o.model.children.length), i = h(() => (v.actions.isTreeExpanded(o.treeId) && (o.model.expanded = o.model.expanded === void 0 ? !0 : o.model.expanded), o.model.expanded)), c = (N) => {
+      e("nodeclick", { event: N, model: o.model });
+    }, u = (N) => {
+      e("nodefoldericonclick", { event: N, model: o.model });
+    }, g = (N) => {
+      e("nodefoldericonclick", N);
+    }, x = (N) => {
+      e("nodeclick", N);
+    }, C = (N) => {
+      e("nodedoubleclick", N);
+    }, R = (N) => {
+      e("nodedrop", N);
+    }, $ = (N) => {
+      e("nodecontext", N);
+    }, H = h(() => [
+      v.actions.isItemSelected(o.treeId, o.model.id) ? "selected" : "",
       s.value ? "node-over " : "",
       a.value ? "node-top " : "",
       l.value ? "node-bottom " : ""
-    ]), X = m(() => o.search ? !1 : o.model.draggable === !0), N = (I) => {
-      var z;
-      let $ = Te.data;
-      if ($ === void 0 || $.model === void 0)
+    ]), Y = h(() => o.search ? !1 : o.model.draggable === !0), M = (N) => {
+      var P;
+      let w = Te.data;
+      if (w === void 0 || w.model === void 0)
         return s.value = !1, !1;
-      if ($.model.id === o.model.id || g.actions.isChildOfParent(o.treeId, o.items, o.model.id, $.model.id) || g.actions.isParentOfChild(o.treeId, o.items, $.model.id, o.model.id))
+      if (w.model.id === o.model.id || v.actions.isChildOfParent(o.treeId, o.items, o.model.id, w.model.id) || v.actions.isParentOfChild(o.treeId, o.items, w.model.id, o.model.id))
         return s.value = !1, a.value = !1, l.value = !1, !1;
-      if (!g.state.trees[o.treeId].transfer && $.id !== o.treeId || !g.state.trees[o.treeId].dropInside && !l.value && !a.value)
+      if (!v.state.trees[o.treeId].transfer && w.id !== o.treeId || !v.state.trees[o.treeId].dropInside && !l.value && !a.value)
         return !1;
-      let H = "";
-      a.value ? H = "before" : l.value ? H = "after" : H = "inside", e("nodedrop", { e: I, model: o.model, place: H }), g.actions.moveTreeNode($.id, o.treeId, o.items, $.model.id, o.model.id, H, (z = $.model) == null ? void 0 : z.transfer), s.value = !1, a.value = !1, l.value = !1;
-    }, C = (I) => {
-      e("nodedragover", { e: I, model: o.model });
-      let $ = Te.data;
+      let V = "";
+      a.value ? V = "before" : l.value ? V = "after" : V = "inside", e("nodedrop", { e: N, model: o.model, place: V }), v.actions.moveTreeNode(w.id, o.treeId, o.items, w.model.id, o.model.id, V, (P = w.model) == null ? void 0 : P.transfer), s.value = !1, a.value = !1, l.value = !1;
+    }, I = (N) => {
+      e("nodedragover", { e: N, model: o.model });
+      let w = Te.data;
       if (!o.model.droppable)
         return !1;
-      if ($ === void 0 || $.model === void 0)
+      if (w === void 0 || w.model === void 0)
         return s.value = !0, !1;
-      if ($.model.id === o.model.id || g.actions.isChildOfParent(o.treeId, o.items, o.model.id, $.model.id) || g.actions.isParentOfChild(o.treeId, o.items, $.model.id, o.model.id))
+      if (w.model.id === o.model.id || v.actions.isChildOfParent(o.treeId, o.items, o.model.id, w.model.id) || v.actions.isParentOfChild(o.treeId, o.items, w.model.id, o.model.id))
         return !1;
-      const H = I.y, z = n.value.getBoundingClientRect().top, d = n.value.getBoundingClientRect().height, E = d / 3;
-      H > z && H <= z + E ? (s.value = !1, a.value = !0, l.value = !1) : H < z + d && H >= z + d - E ? (s.value = !1, a.value = !1, l.value = !0) : (s.value = g.state.trees[o.treeId].dropInside, a.value = !1, l.value = !1);
-    }, P = () => {
+      const V = N.y, P = n.value.getBoundingClientRect().top, f = n.value.getBoundingClientRect().height, p = f / 3;
+      V > P && V <= P + p ? (s.value = !1, a.value = !0, l.value = !1) : V < P + f && V >= P + f - p ? (s.value = !1, a.value = !1, l.value = !0) : (s.value = v.state.trees[o.treeId].dropInside, a.value = !1, l.value = !1);
+    }, F = () => {
       s.value = !1, a.value = !1, l.value = !1;
-    }, w = m(() => o.model.title.startsWith("-")), F = m(() => {
+    }, S = h(() => o.model.title.startsWith("-")), W = h(() => {
       if (o.model.title.startsWith("-")) {
-        let [I, ...$] = o.model.title.split(" ");
-        return $ = $.join(" "), $;
+        let [N, ...w] = o.model.title.split(" ");
+        return w = w.join(" "), w;
       }
       return null;
     });
-    return (I, $) => {
-      const H = Ct("d-tree-item", !0), z = Re("touch");
-      return B(g).actions.beforeItem(o.treeId, t.model) ? w.value && !F.value ? (c(), f("li", go, yo)) : w.value && F.value ? (c(), f("li", _o, [
-        y("div", bo, O(B(g).actions.renderTitle(o.treeId, F.value)), 1)
-      ])) : o.model.component ? (c(), _(at, {
+    return (N, w) => {
+      const V = Ct("d-tree-item", !0), P = Re("touch");
+      return E(v).actions.beforeItem(o.treeId, t.model) ? S.value && !W.value ? (d(), m("li", go, yo)) : S.value && W.value ? (d(), m("li", _o, [
+        _("div", bo, O(E(v).actions.renderTitle(o.treeId, W.value)), 1)
+      ])) : o.model.component ? (d(), b(at, {
         key: 3,
         tag: "li",
         class: "tree-item-component",
         "transfer-data": { id: o.treeId, model: o.model },
-        draggable: X.value,
-        onDrop: W(N, ["stop"]),
-        onDragenter: $[1] || ($[1] = W(() => {
+        draggable: Y.value,
+        onDrop: j(M, ["stop"]),
+        onDragenter: w[1] || (w[1] = j(() => {
         }, ["prevent"])),
-        onDragover: W(C, ["prevent", "stop"]),
-        onDragleave: W(P, ["prevent"])
+        onDragover: j(I, ["prevent", "stop"]),
+        onDragleave: j(F, ["prevent"])
       }, {
-        default: M(() => [
-          oe((c(), f("div", {
+        default: B(() => [
+          oe((d(), m("div", {
             ref_key: "node",
             ref: n,
-            class: S(A.value),
-            onContextmenu: $[0] || ($[0] = W((d) => e("nodecontext", { e: d, model: o.model }), ["prevent"]))
+            class: D(H.value),
+            onContextmenu: w[0] || (w[0] = j((f) => e("nodecontext", { e: f, model: o.model }), ["prevent"]))
           }, [
-            (c(), _(Y(B(fe).getters.getComponent(o.model.component).component), pt(ft(B(fe).getters.getComponent(o.model.component).props)), null, 16))
+            (d(), b(U(E(fe).getters.getComponent(o.model.component).component), pt(ft(E(fe).getters.getComponent(o.model.component).props)), null, 16))
           ], 34)), [
-            [z, u, "press"]
+            [P, c, "press"]
           ])
         ]),
         _: 1
-      }, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (c(), _(at, {
+      }, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (d(), b(at, {
         key: 4,
         tag: "li",
         class: "tree-item",
         "transfer-data": { id: o.treeId, model: o.model },
-        draggable: X.value,
-        onDrop: W(N, ["stop"]),
-        onDragenter: $[4] || ($[4] = W(() => {
+        draggable: Y.value,
+        onDrop: j(M, ["stop"]),
+        onDragenter: w[4] || (w[4] = j(() => {
         }, ["prevent"])),
-        onDragover: W(C, ["prevent", "stop"]),
-        onDragleave: W(P, ["prevent"])
+        onDragover: j(I, ["prevent", "stop"]),
+        onDragleave: j(F, ["prevent"])
       }, {
-        default: M(() => {
-          var d, E;
+        default: B(() => {
+          var f, p;
           return [
-            y("div", {
+            _("div", {
               ref_key: "node",
               ref: n,
-              class: S(A.value),
-              onPointerdownCapture: u,
-              onDblclick: $[2] || ($[2] = W((v) => e("nodedoubleclick", { e: v, model: o.model }), ["prevent"])),
-              onContextmenu: $[3] || ($[3] = W((v) => e("nodecontext", { e: v, model: o.model }), ["prevent"]))
+              class: D(H.value),
+              onPointerdownCapture: c,
+              onDblclick: w[2] || (w[2] = j((y) => e("nodedoubleclick", { e: y, model: o.model }), ["prevent"])),
+              onContextmenu: w[3] || (w[3] = j((y) => e("nodecontext", { e: y, model: o.model }), ["prevent"]))
             }, [
-              y("div", null, [
-                o.model.icons && o.model.icons.pre && r.value && !o.search && !w.value ? (c(), _(Y(re), {
+              _("div", null, [
+                o.model.icons && o.model.icons.pre && r.value && !o.search && !S.value ? (d(), b(U(re), {
                   key: 0,
-                  component: B(te).getters.getIcon(o.model.icons.pre.component),
+                  component: E(te).getters.getIcon(o.model.icons.pre.component),
                   size: 18,
                   color: o.model.icons.pre.color ? o.model.icons.pre.color : "inherit",
-                  class: S(i.value ? "tree-open-pre" : ""),
-                  onPointerdownCapture: p
-                }, null, 40, ["component", "color", "class"])) : x("", !0),
-                o.model.icons && o.model.icons.pre && !r.value && !o.search && !w.value ? (c(), _(Y(re), {
+                  class: D(i.value ? "tree-open-pre" : ""),
+                  onPointerdownCapture: u
+                }, null, 40, ["component", "color", "class"])) : k("", !0),
+                o.model.icons && o.model.icons.pre && !r.value && !o.search && !S.value ? (d(), b(U(re), {
                   key: 1,
-                  component: B(te).getters.getIcon(o.model.icons.pre.component),
+                  component: E(te).getters.getIcon(o.model.icons.pre.component),
                   size: 18,
                   color: "rgba(0,0,0,0)",
-                  class: S(i.value ? "tree-open-pre" : "")
-                }, null, 8, ["component", "class"])) : x("", !0),
-                o.model.icons && o.model.icons.icon && !w.value ? (c(), _(Y(re), {
+                  class: D(i.value ? "tree-open-pre" : "")
+                }, null, 8, ["component", "class"])) : k("", !0),
+                o.model.icons && o.model.icons.icon && !S.value ? (d(), b(U(re), {
                   key: 2,
-                  component: B(te).getters.getIcon(o.model.icons.icon.component),
+                  component: E(te).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"])) : x("", !0),
-                y("div", xo, [
-                  w.value ? (c(), f("div", ko)) : x("", !0),
-                  w.value ? x("", !0) : (c(), f("div", $o, O(B(g).actions.renderTitle(o.treeId, o.model.title)), 1))
+                }, null, 8, ["component", "color", "size", "className"])) : k("", !0),
+                _("div", xo, [
+                  S.value ? (d(), m("div", ko)) : k("", !0),
+                  S.value ? k("", !0) : (d(), m("div", $o, O(E(v).actions.renderTitle(o.treeId, o.model.title)), 1))
                 ])
               ]),
-              y("div", wo, [
-                ((d = o.model.badge) == null ? void 0 : d.value) !== void 0 && !w.value ? (c(), _(Y(co), {
+              _("div", wo, [
+                ((f = o.model.badge) == null ? void 0 : f.value) !== void 0 && !S.value ? (d(), b(U(co), {
                   key: 0,
-                  class: S([(E = o.model.badge) == null ? void 0 : E.class, "badge-sm"])
+                  class: D([(p = o.model.badge) == null ? void 0 : p.class, "badge-sm"])
                 }, {
-                  default: M(() => [
+                  default: B(() => [
                     K(O(o.model.badge.value), 1)
                   ]),
                   _: 1
-                }, 8, ["class"])) : x("", !0),
-                o.model.icons && o.model.icons.post && r.value && !o.search && !w.value ? (c(), _(Y(re), {
+                }, 8, ["class"])) : k("", !0),
+                o.model.icons && o.model.icons.post && r.value && !o.search && !S.value ? (d(), b(U(re), {
                   key: 1,
-                  component: B(te).getters.getIcon(o.model.icons.post.component),
+                  component: E(te).getters.getIcon(o.model.icons.post.component),
                   size: 20,
                   color: o.model.icons.post.color ? o.model.icons.post.color : "inherit",
-                  class: S(i.value ? "tree-open-post" : ""),
-                  onPointerdownCapture: p
-                }, null, 40, ["component", "color", "class"])) : x("", !0)
+                  class: D(i.value ? "tree-open-post" : ""),
+                  onPointerdownCapture: u
+                }, null, 40, ["component", "color", "class"])) : k("", !0)
               ])
             ], 34),
             J(uo, null, {
-              default: M(() => [
-                r.value && i.value && !o.search ? (c(), f("ul", So, [
-                  (c(!0), f(le, null, ge(t.model.children, (v) => (c(), _(H, {
-                    key: v.id,
-                    model: v,
+              default: B(() => [
+                r.value && i.value && !o.search ? (d(), m("ul", So, [
+                  (d(!0), m(le, null, ge(t.model.children, (y) => (d(), b(V, {
+                    key: y.id,
+                    model: y,
                     treeId: o.treeId,
                     items: o.items,
                     search: o.search,
-                    onNodeclick: b,
-                    onNodedoubleclick: T,
+                    onNodeclick: x,
+                    onNodedoubleclick: C,
                     onNodedrop: R,
-                    onNodecontext: k,
-                    onNodefoldericonclick: h
+                    onNodecontext: $,
+                    onNodefoldericonclick: g
                   }, null, 8, ["model", "treeId", "items", "search"]))), 128))
-                ])) : x("", !0)
+                ])) : k("", !0)
               ]),
               _: 1
             })
           ];
         }),
         _: 1
-      }, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (c(), f("li", ho));
+      }, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (d(), m("li", ho));
     };
   }
 }, To = /* @__PURE__ */ ne(Do, [["__scopeId", "data-v-9da49c73"]]);
@@ -721,53 +721,53 @@ function Co(t) {
     }
   };
 }
-const U = Co(), g = {
+const q = Co(), v = {
   state: Oe({
     trees: {}
   }),
   getters: {
     getItems(t) {
-      return g.state.trees[t].items;
+      return v.state.trees[t].items;
     },
     getItemsSelect(t) {
-      return g.state.trees[t].selected;
+      return v.state.trees[t].selected;
     },
     // data - ноды, dataId - ID ноды родителя data
     getParentId(t, e, o, n = "id", s = "children", a = {}) {
-      return o && t && (t.find((l) => l[n] === o ? (a.found = e, l) : g.getters.getParentId(l[s], l.id, o, n, s, a)), a.found) ? a.found : !1;
+      return o && t && (t.find((l) => l[n] === o ? (a.found = e, l) : v.getters.getParentId(l[s], l.id, o, n, s, a)), a.found) ? a.found : !1;
     }
   },
   mutations: {
     setTreeItems(t, e) {
-      g.state.trees[t].items = e;
+      v.state.trees[t].items = e;
     },
     setItemSelect(t, e) {
-      g.state.trees[t].noSelect || (g.state.trees[t].multiSelect ? g.state.trees[t].selected.includes(e.id) ? g.state.trees[t].selected = g.state.trees[t].selected.filter(function(o) {
+      v.state.trees[t].noSelect || (v.state.trees[t].multiSelect ? v.state.trees[t].selected.includes(e.id) ? v.state.trees[t].selected = v.state.trees[t].selected.filter(function(o) {
         return o !== e.id;
-      }) : g.state.trees[t].selected = [...g.state.trees[t].selected, e.id] : g.state.trees[t].selected = [e.id]);
+      }) : v.state.trees[t].selected = [...v.state.trees[t].selected, e.id] : v.state.trees[t].selected = [e.id]);
     }
   },
   actions: {
     initTreeStore(t, e, o, n, s, a, l, r = !0) {
-      g.state.trees[t] = [], g.state.trees[t].selected = [], g.state.trees[t].noSelect = e, g.state.trees[t].multiSelect = o, g.state.trees[t].expanded = n, g.state.trees[t].transfer = s, g.state.trees[t].renderTitle = a, g.state.trees[t].beforeItem = l, g.state.trees[t].dropInside = r;
+      v.state.trees[t] = [], v.state.trees[t].selected = [], v.state.trees[t].noSelect = e, v.state.trees[t].multiSelect = o, v.state.trees[t].expanded = n, v.state.trees[t].transfer = s, v.state.trees[t].renderTitle = a, v.state.trees[t].beforeItem = l, v.state.trees[t].dropInside = r;
     },
     renderTitle(t, e) {
-      return g.state.trees[t].renderTitle ? g.state.trees[t].renderTitle(e) : e;
+      return v.state.trees[t].renderTitle ? v.state.trees[t].renderTitle(e) : e;
     },
     beforeItem(t, e) {
-      return g.state.trees[t].beforeItem ? g.state.trees[t].beforeItem(e) : !0;
+      return v.state.trees[t].beforeItem ? v.state.trees[t].beforeItem(e) : !0;
     },
     isItemSelected(t, e) {
-      return g.state.trees[t].selected.includes(e);
+      return v.state.trees[t].selected.includes(e);
     },
     toggleItem(t, e) {
-      e.expanded = e.expanded === void 0 || !e.expanded, e.children && e.children.length && (e.expanded ? U.emit(`expand-${t}`, { id: t, model: e }) : U.emit(`collapse-${t}`, { id: t, model: e }));
+      e.expanded = e.expanded === void 0 || !e.expanded, e.children && e.children.length && (e.expanded ? q.emit(`expand-${t}`, { id: t, model: e }) : q.emit(`collapse-${t}`, { id: t, model: e }));
     },
     isTreeExpanded(t) {
-      return g.state.trees[t].expanded;
+      return v.state.trees[t].expanded;
     },
     isChildOfParent(t, e, o, n) {
-      const s = g.actions.deepSearch(e, o);
+      const s = v.actions.deepSearch(e, o);
       if (s && s.children) {
         for (let a = 0; a < s.children.length; a++)
           if (s.children[a].id === n)
@@ -777,16 +777,16 @@ const U = Co(), g = {
     },
     // Является ли нода родителем указанного потомка
     isParentOfChild(t, e, o, n) {
-      const s = g.actions.deepSearch(e, o);
-      return !!(s && s.children && g.actions.deepSearch(s.children, n));
+      const s = v.actions.deepSearch(e, o);
+      return !!(s && s.children && v.actions.deepSearch(s.children, n));
     },
     deepSearch(t, e, o = "id", n = "children", s = {}) {
-      return e && t && (t.find((a) => a[o] === e ? (s.found = a, a) : g.actions.deepSearch(a[n], e, o, n, s)), s.found) ? s.found : !1;
+      return e && t && (t.find((a) => a[o] === e ? (s.found = a, a) : v.actions.deepSearch(a[n], e, o, n, s)), s.found) ? s.found : !1;
     },
     deepSearchByTitle(t, e, o = "title", n = "children", s = []) {
       if (e && t && (t.find((a) => {
         const l = new RegExp(e, "gi");
-        a[o].toString().toLowerCase().match(l) !== null && s.push(a), g.actions.deepSearchByTitle(a[n], e, o, n, s);
+        a[o].toString().toLowerCase().match(l) !== null && s.push(a), v.actions.deepSearchByTitle(a[n], e, o, n, s);
       }), s)) {
         for (let a = 0; a < s.length; a++)
           ;
@@ -796,10 +796,10 @@ const U = Co(), g = {
     },
     moveTreeNode(t, e, o, n, s, a, l = !0) {
       if (l) {
-        const r = g.actions.deleteTreeNode(o, n);
-        g.actions.insertTreeNode(o, s, r, a), U.emit(`move-${e}`, { fromTreeId: t, toTreeId: e, moved: r == null ? void 0 : r.id, target: s, position: a });
+        const r = v.actions.deleteTreeNode(o, n);
+        v.actions.insertTreeNode(o, s, r, a), q.emit(`move-${e}`, { fromTreeId: t, toTreeId: e, moved: r == null ? void 0 : r.id, target: s, position: a });
       } else
-        U.emit(`move-${e}`, { fromTreeId: t, toTreeId: e, moved: n, target: s, position: a });
+        q.emit(`move-${e}`, { fromTreeId: t, toTreeId: e, moved: n, target: s, position: a });
     },
     insertTreeNode(t, e, o, n) {
       if (t)
@@ -820,7 +820,7 @@ const U = Co(), g = {
             const s = t[o];
             return t.splice(o, 1), s;
           }
-          const n = g.actions.deleteTreeNode(t[o].children, e);
+          const n = v.actions.deleteTreeNode(t[o].children, e);
           if (n)
             return n;
         }
@@ -831,24 +831,24 @@ const U = Co(), g = {
   props: {
     tag: { type: String, default: "div" }
   },
-  emits: Object.keys(j),
+  emits: Object.keys(X),
   setup(t, { expose: e, emit: o }) {
     let n = Oe({});
-    const s = D("false"), a = D(null), l = /* @__PURE__ */ new Set(), r = m(() => s.value && n), i = (p, h) => {
-      n = Te.data, o(p, h, n), p === j.dragenter && (l.size || h.target === a.value) && l.add(h.target), p === j.dragleave && l.delete(h.target), p === j.drop && l.clear(), s.value = !!l.size;
+    const s = T("false"), a = T(null), l = /* @__PURE__ */ new Set(), r = h(() => s.value && n), i = (u, g) => {
+      n = Te.data, o(u, g, n), u === X.dragenter && (l.size || g.target === a.value) && l.add(g.target), u === X.dragleave && l.delete(g.target), u === X.drop && l.clear(), s.value = !!l.size;
     };
     return e({
       elementSize: () => _t(a)
-    }), (p, h) => (c(), _(Y(t.tag), {
+    }), (u, g) => (d(), b(U(t.tag), {
       ref_key: "el",
       ref: a,
-      onDragenter: h[0] || (h[0] = (b) => i(B(j).dragenter, b)),
-      onDragleave: h[1] || (h[1] = (b) => i(B(j).dragleave, b)),
-      onDragover: h[2] || (h[2] = W((b) => i(B(j).dragover, b), ["prevent"])),
-      onDrop: h[3] || (h[3] = W((b) => i(B(j).drop, b), ["prevent"]))
+      onDragenter: g[0] || (g[0] = (x) => i(E(X).dragenter, x)),
+      onDragleave: g[1] || (g[1] = (x) => i(E(X).dragleave, x)),
+      onDragover: g[2] || (g[2] = j((x) => i(E(X).dragover, x), ["prevent"])),
+      onDrop: g[3] || (g[3] = j((x) => i(E(X).drop, x), ["prevent"]))
     }, {
-      default: M(() => [
-        L(p.$slots, "default", { transferData: r.value })
+      default: B(() => [
+        L(u.$slots, "default", { transferData: r.value })
       ]),
       _: 3
     }, 544));
@@ -873,14 +873,14 @@ const U = Co(), g = {
   emits: ["select"],
   setup(t, { expose: e, emit: o }) {
     const n = t;
-    let s = D(null), a = D(!1);
+    let s = T(null), a = T(!1);
     const l = () => {
-      U.emit("menu-show-request"), a.value = !0;
+      q.emit("menu-show-request"), a.value = !0;
     }, r = () => {
-      var b;
-      (b = s.value) == null || b.collapseAll(), a.value = !1;
+      var x;
+      (x = s.value) == null || x.collapseAll(), a.value = !1;
     }, i = () => a.value;
-    U.on("menu-show-request", () => {
+    q.on("menu-show-request", () => {
       r();
     }), e({
       show: l,
@@ -889,26 +889,26 @@ const U = Co(), g = {
       isShowed: i,
       itemsCount: () => s.value.itemsCount()
     });
-    const h = (b) => {
-      o("select", b), b.model.children || r();
+    const g = (x) => {
+      o("select", x), x.model.children || r();
     };
-    return (b, T) => {
+    return (x, C) => {
       const R = Re("click-outside");
-      return c(), _(mt, { to: "body" }, [
-        B(a) ? oe((c(), _(xt, {
+      return d(), b(mt, { to: "body" }, [
+        E(a) ? oe((d(), b(xt, {
           key: 0,
           ref_key: "treeRef",
           ref: s,
           items: n.items,
           "no-select": n.noSelect,
-          class: S(n.class),
-          style: V(n.style),
-          onSelect: h,
+          class: D(n.class),
+          style: z(n.style),
+          onSelect: g,
           "render-title": n.renderItemTitle,
           "before-item": n.beforeItem
         }, null, 8, ["items", "no-select", "class", "style", "render-title", "before-item"])), [
           [R, () => r()]
-        ]) : x("", !0)
+        ]) : k("", !0)
       ]);
     };
   }
@@ -921,25 +921,25 @@ const U = Co(), g = {
   },
   emits: ["select"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = D(null), a = D(0), l = D(0), r = m(() => ({
+    const n = t, s = T(null), a = T(0), l = T(0), r = h(() => ({
       left: a.value + "px",
       top: l.value + "px"
-    })), i = (p) => {
+    })), i = (u) => {
       s.value.show(), ht(() => {
-        const h = s.value.elementSize(), b = window.innerWidth, T = window.innerHeight;
-        a.value = b - p.pageX < h.width ? p.pageX - h.width : p.pageX, l.value = T - p.pageY < h.height ? p.pageY - h.height : p.pageY, s.value.itemsCount() === 0 && s.value.hide();
+        const g = s.value.elementSize(), x = window.innerWidth, C = window.innerHeight;
+        a.value = x - u.pageX < g.width ? u.pageX - g.width : u.pageX, l.value = C - u.pageY < g.height ? u.pageY - g.height : u.pageY, s.value.itemsCount() === 0 && s.value.hide();
       });
-    }, u = (p) => {
-      o("select", p);
+    }, c = (u) => {
+      o("select", u);
     };
     return e({
       show: i
-    }), (p, h) => (c(), _(bt, {
+    }), (u, g) => (d(), b(bt, {
       ref_key: "dMenuRef",
       ref: s,
-      onSelect: u,
+      onSelect: c,
       items: n.items,
-      style: V(r.value),
+      style: z(r.value),
       class: "context-menu",
       "no-select": !0,
       "render-item-title": n.renderItemTitle,
@@ -994,81 +994,85 @@ const U = Co(), g = {
   },
   emits: ["select", "collapse", "expand", "move", "over", "drop", "doubleclick", "foldericonclick"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = D(null), a = D(!1), l = D(null), r = gt().uid;
-    g.actions.initTreeStore(r, n.noSelect, n.multiSelect, n.expanded, n.transfer, n.renderTitle, n.beforeItem, n.dropInside);
-    const i = (d, E) => {
-      console.log(d, E);
+    const n = t, s = T(null), a = T(!1), l = T(null), r = gt().uid;
+    v.actions.initTreeStore(r, n.noSelect, n.multiSelect, n.expanded, n.transfer, n.renderTitle, n.beforeItem, n.dropInside);
+    const i = (p, y) => {
+      console.log(p, y);
     };
-    U.on(`expand-${r}`, (d) => {
-      o("expand", d);
-    }), U.on(`collapse-${r}`, (d) => {
-      o("collapse", d);
-    }), U.on(`move-${r}`, (d) => {
-      o("move", d);
+    q.on(`expand-${r}`, (p) => {
+      o("expand", p);
+    }), q.on(`collapse-${r}`, (p) => {
+      o("collapse", p);
+    }), q.on(`move-${r}`, (p) => {
+      o("move", p);
     });
-    const u = m(() => n.search ? g.actions.deepSearchByTitle(n.items, n.search) : n.items), p = (d = null) => {
-      g.mutations.setItemSelect(r, d.model), n.doubleClickExpand || g.actions.toggleItem(r, d.model), o("select", d);
-    }, h = (d = null) => {
-      n.doubleClickExpand && g.actions.toggleItem(r, d.model), o("doubleclick", d);
-    }, b = (d = null) => {
-      n.doubleClickExpand && g.actions.toggleItem(r, d.model), o("foldericonclick", d);
-    }, T = (d = null) => {
-      o("over", d);
-    }, R = (d = null) => {
-      o("drop", d);
-    }, k = () => s.value.elementSize(), A = () => {
-      for (let d = 0; d < n.items.length; d++)
-        n.items[d].expanded = !0;
-    }, X = () => {
-      for (let d = 0; d < n.items.length; d++)
-        n.items[d].expanded = !1;
-    }, N = () => r, C = (d) => g.actions.deepSearch(n.items, d), P = (d) => {
-      C(d) && g.mutations.setItemSelect(r, C(d));
-    }, w = (d) => {
-      n.contextClick({ e: d.e, model: d.model, target: l.value });
-    }, F = (d) => n.contextBeforeClick({ model: d, target: l.value }), I = m(() => n.context), $ = (d) => (I.value && (l.value = d.model, a.value.show(d.e)), !1), H = () => z(u.value), z = (d) => {
-      let E = 0;
-      for (let v = 0; v < d.length; v++)
-        E += g.actions.beforeItem(r, d[v]) ? 1 : 0, d[v].children && d[v].children.length > 0 && (E += z(d[v].children));
-      return E;
+    const c = h(() => n.search ? v.actions.deepSearchByTitle(n.items, n.search) : n.items), u = (p) => {
+      for (let y = 0; y < n.items.length; y++)
+        n.items[y].id === p && v.actions.toggleItem(r, n.items[y]), n.items[y].expanded = !0;
+    }, g = (p = null) => {
+      v.mutations.setItemSelect(r, p.model), n.doubleClickExpand || v.actions.toggleItem(r, p.model), o("select", p);
+    }, x = (p = null) => {
+      n.doubleClickExpand && v.actions.toggleItem(r, p.model), o("doubleclick", p);
+    }, C = (p = null) => {
+      n.doubleClickExpand && v.actions.toggleItem(r, p.model), o("foldericonclick", p);
+    }, R = (p = null) => {
+      o("over", p);
+    }, $ = (p = null) => {
+      o("drop", p);
+    }, H = () => s.value.elementSize(), Y = () => {
+      for (let p = 0; p < n.items.length; p++)
+        n.items[p].expanded = !0;
+    }, M = () => {
+      for (let p = 0; p < n.items.length; p++)
+        n.items[p].expanded = !1;
+    }, I = () => r, F = (p) => v.actions.deepSearch(n.items, p), S = (p) => {
+      F(p) && v.mutations.setItemSelect(r, F(p));
+    }, W = (p) => {
+      n.contextClick({ e: p.e, model: p.model, target: l.value });
+    }, N = (p) => n.contextBeforeClick({ model: p, target: l.value }), w = h(() => n.context), V = (p) => (w.value && (l.value = p.model, a.value.show(p.e)), !1), P = () => f(c.value), f = (p) => {
+      let y = 0;
+      for (let A = 0; A < p.length; A++)
+        y += v.actions.beforeItem(r, p[A]) ? 1 : 0, p[A].children && p[A].children.length > 0 && (y += f(p[A].children));
+      return y;
     };
     return e({
-      elementSize: k,
-      expandAll: A,
-      collapseAll: X,
-      getId: N,
-      getNode: C,
-      selectNode: P,
-      itemsCount: H
-    }), (d, E) => (c(), _(Lo, {
+      elementSize: H,
+      expandAll: Y,
+      collapseAll: M,
+      getId: I,
+      getNode: F,
+      selectNode: S,
+      itemsCount: P,
+      expandItem: u
+    }), (p, y) => (d(), b(Lo, {
       ref_key: "treeRef",
       ref: s,
       class: "tree",
       tag: "ul",
-      onDrop: W(i, ["stop"])
+      onDrop: j(i, ["stop"])
     }, {
-      default: M(() => [
-        (c(!0), f(le, null, ge(u.value, (v) => (c(), _(To, {
-          key: v.id,
-          model: v,
-          treeId: B(r),
+      default: B(() => [
+        (d(!0), m(le, null, ge(c.value, (A) => (d(), b(To, {
+          key: A.id,
+          model: A,
+          treeId: E(r),
           items: n.items,
           search: n.search,
-          onNodeclick: p,
-          onNodedoubleclick: h,
-          onNodedragover: T,
-          onNodedrop: R,
-          onNodecontext: $,
-          onNodefoldericonclick: b
+          onNodeclick: g,
+          onNodedoubleclick: x,
+          onNodedragover: R,
+          onNodedrop: $,
+          onNodecontext: V,
+          onNodefoldericonclick: C
         }, null, 8, ["model", "treeId", "items", "search"]))), 128)),
-        I.value ? (c(), _(Io, {
+        w.value ? (d(), b(Io, {
           key: 0,
           ref_key: "contextTreeRef",
           ref: a,
-          items: I.value,
-          onSelect: w,
-          "before-item": F
-        }, null, 8, ["items"])) : x("", !0)
+          items: w.value,
+          onSelect: W,
+          "before-item": N
+        }, null, 8, ["items"])) : k("", !0)
       ]),
       _: 1
     }, 8, ["onDrop"]));
@@ -1090,7 +1094,7 @@ const Eo = {
     const o = t, n = (s) => {
       e("move", s);
     };
-    return (s, a) => (c(), _(xt, {
+    return (s, a) => (d(), b(xt, {
       class: "accordion",
       items: o.items,
       "no-select": o.noSelect,
@@ -1133,13 +1137,13 @@ const Eo = {
     useMinWidthLayout: Boolean
   },
   setup(t) {
-    const e = t, o = m(() => {
-      const { fixed: n, zIndex: s, minWidth: a, height: l, paddingLeft: r, transitionDuration: i, transitionTimingFunction: u } = e, p = n ? "fixed" : "static", h = e.useMinWidthLayout ? `min-width:${a}px;` : "";
-      return `position:${p};z-index:${s};${h}height:${l}px;padding-left:${r}px;transition-duration:${i}ms;transition-timing-function:${u};`;
+    const e = t, o = h(() => {
+      const { fixed: n, zIndex: s, minWidth: a, height: l, paddingLeft: r, transitionDuration: i, transitionTimingFunction: c } = e, u = n ? "fixed" : "static", g = e.useMinWidthLayout ? `min-width:${a}px;` : "";
+      return `position:${u};z-index:${s};${g}height:${l}px;padding-left:${r}px;transition-duration:${i}ms;transition-timing-function:${c};`;
     });
-    return (n, s) => (c(), f("header", {
+    return (n, s) => (d(), m("header", {
       class: "d-layout-header",
-      style: V(o.value)
+      style: z(o.value)
     }, [
       L(n.$slots, "default")
     ], 4));
@@ -1182,13 +1186,13 @@ const Eo = {
     useMinWidthLayout: Boolean
   },
   setup(t) {
-    const e = t, o = m(() => {
-      const { fixed: n, top: s, zIndex: a, minWidth: l, height: r, paddingLeft: i, transitionDuration: u, transitionTimingFunction: p } = e, h = n ? "fixed" : "static", b = e.useMinWidthLayout ? `min-width: ${l}px;` : "";
-      return `position:${h};top:${s}px;z-index:${a};${b}height:${r}px;padding-left:${i}px;transition-duration:${u}ms;transition-timing-function:${p};`;
+    const e = t, o = h(() => {
+      const { fixed: n, top: s, zIndex: a, minWidth: l, height: r, paddingLeft: i, transitionDuration: c, transitionTimingFunction: u } = e, g = n ? "fixed" : "static", x = e.useMinWidthLayout ? `min-width: ${l}px;` : "";
+      return `position:${g};top:${s}px;z-index:${a};${x}height:${r}px;padding-left:${i}px;transition-duration:${c}ms;transition-timing-function:${u};`;
     });
-    return (n, s) => (c(), f("div", {
+    return (n, s) => (d(), m("div", {
       class: "d-layout-tab",
-      style: V(o.value)
+      style: z(o.value)
     }, [
       L(n.$slots, "default")
     ], 4));
@@ -1227,13 +1231,13 @@ const Eo = {
     useMinWidthLayout: Boolean
   },
   setup(t) {
-    const e = t, o = m(() => {
-      const { fixed: n, zIndex: s, minWidth: a, height: l, paddingLeft: r, transitionDuration: i, transitionTimingFunction: u } = e, p = n ? "fixed" : "static", h = e.useMinWidthLayout ? `min-width:${a}px;` : "";
-      return `position:${p};z-index:${s};${h}height:${l}px;padding-left:${r}px;transition-duration:${i}ms;transition-timing-function:${u};`;
+    const e = t, o = h(() => {
+      const { fixed: n, zIndex: s, minWidth: a, height: l, paddingLeft: r, transitionDuration: i, transitionTimingFunction: c } = e, u = n ? "fixed" : "static", g = e.useMinWidthLayout ? `min-width:${a}px;` : "";
+      return `position:${u};z-index:${s};${g}height:${l}px;padding-left:${r}px;transition-duration:${i}ms;transition-timing-function:${c};`;
     });
-    return (n, s) => (c(), f("footer", {
+    return (n, s) => (d(), m("footer", {
       class: "d-layout-footer",
-      style: V(o.value)
+      style: z(o.value)
     }, [
       L(n.$slots, "default")
     ], 4));
@@ -1267,13 +1271,13 @@ const Eo = {
     }
   },
   setup(t) {
-    const e = t, o = m(() => {
+    const e = t, o = h(() => {
       const { zIndex: n, width: s, paddingTop: a, transitionDuration: l, transitionTimingFunction: r } = e;
       return `z-index:${n};width:${s}px;padding-top:${a}px;transition-duration:${l}ms;transition-timing-function:${r};`;
     });
-    return (n, s) => (c(), f("aside", {
+    return (n, s) => (d(), m("aside", {
       class: "d-layout-sidebar",
-      style: V(o.value)
+      style: z(o.value)
     }, [
       L(n.$slots, "default")
     ], 4));
@@ -1304,12 +1308,12 @@ const Eo = {
     }
   },
   setup(t) {
-    const e = t, o = m(() => {
+    const e = t, o = h(() => {
       const { paddingTop: n, paddingBottom: s, paddingLeft: a, transitionDuration: l, transitionTimingFunction: r } = e, i = `overflow:${e.overflowHidden ? "hidden" : "visible"};`;
       return `padding-top:${n}px;padding-bottom:${s}px;padding-left:${a}px;${i}transition-duration:${l}ms;transition-timing-function:${r};`;
     });
-    return (n, s) => (c(), f("main", {
-      style: V(o.value),
+    return (n, s) => (d(), m("main", {
+      style: z(o.value),
       class: "d-layout-content"
     }, [
       L(n.$slots, "default")
@@ -1317,15 +1321,15 @@ const Eo = {
   }
 };
 function Ao(t) {
-  const e = D(0), o = m(() => `transform: translateX(${-e.value}px);`);
+  const e = T(0), o = h(() => `transform: translateX(${-e.value}px);`);
   let n = !1;
-  function s(p) {
-    e.value = p;
+  function s(u) {
+    e.value = u;
   }
   function a() {
-    var p;
-    const h = ((p = document.scrollingElement) === null || p === void 0 ? void 0 : p.scrollLeft) || 0;
-    s(h);
+    var u;
+    const g = ((u = document.scrollingElement) === null || u === void 0 ? void 0 : u.scrollLeft) || 0;
+    s(g);
   }
   function l() {
     a();
@@ -1336,11 +1340,11 @@ function Ao(t) {
   function i() {
     n && document.removeEventListener("scroll", a);
   }
-  function u() {
+  function c() {
     l(), r(), n = !0;
   }
-  return vt(t, (p) => {
-    p ? u() : i();
+  return vt(t, (u) => {
+    u ? c() : i();
   }, { immediate: !0 }), Et(() => {
     i();
   }), o;
@@ -1436,106 +1440,106 @@ const Ho = 1001, Vo = 999, zo = 998, Ms = {
   },
   emits: ["update:sidebar-collapse", "sidebar-mask-click"],
   setup(t, { emit: e }) {
-    const o = t, n = m(() => o.useMinWidthLayout ? `min-width:${o.minWidth}px;` : ""), s = m(() => o.useMinWidthLayout && (o.fixedHeaderAndTab || o.fixedFooter)), a = Ao(s), l = m(() => o.fixedHeaderAndTab ? a.value : ""), r = m(() => o.fixedFooter ? a.value : ""), i = m(() => {
-      const { transitionDuration: w, transitionTimingFunction: F } = o;
+    const o = t, n = h(() => o.useMinWidthLayout ? `min-width:${o.minWidth}px;` : ""), s = h(() => o.useMinWidthLayout && (o.fixedHeaderAndTab || o.fixedFooter)), a = Ao(s), l = h(() => o.fixedHeaderAndTab ? a.value : ""), r = h(() => o.fixedFooter ? a.value : ""), i = h(() => {
+      const { transitionDuration: S, transitionTimingFunction: W } = o;
       return {
-        transitionDuration: w,
-        transitionTimingFunction: F
+        transitionDuration: S,
+        transitionTimingFunction: W
       };
-    }), u = m(() => o.mode === "vertical"), p = m(() => o.isMobile || u.value ? 1003 : 1e3), h = m({
+    }), c = h(() => o.mode === "vertical"), u = h(() => o.isMobile || c.value ? 1003 : 1e3), g = h({
       get() {
         return o.sidebarCollapse;
       },
-      set(w) {
-        e("update:sidebar-collapse", w);
+      set(S) {
+        e("update:sidebar-collapse", S);
       }
     });
-    function b() {
+    function x() {
       e("sidebar-mask-click");
     }
-    const T = m(() => o.isMobile && !h.value), R = m(() => {
-      const { transitionDuration: w, transitionTimingFunction: F } = o;
-      return `background-color:${o.maskBg};transition-duration:${w}ms;transition-timing-function:${F};`;
-    }), k = m(() => {
-      const { sidebarWidth: w, sidebarCollapsedWidth: F } = o, I = o.isMobile ? 0 : F, $ = h.value ? I : w;
-      return o.sidebarVisible ? $ : 0;
-    }), A = m(() => o.isMobile ? 0 : k.value), X = m(() => u.value ? A.value : 0), N = m(
-      () => !o.isMobile && !u.value && o.headerVisible ? o.headerHeight : 0
-    ), C = m(() => {
-      let w = 0;
-      return o.fixedHeaderAndTab && (o.headerVisible && (w += o.headerHeight), o.tabVisible && (w += o.tabHeight)), w;
-    }), P = m(() => o.fixedFooter && o.footerVisible ? o.footerHeight : 0);
-    return (w, F) => (c(), f("div", {
+    const C = h(() => o.isMobile && !g.value), R = h(() => {
+      const { transitionDuration: S, transitionTimingFunction: W } = o;
+      return `background-color:${o.maskBg};transition-duration:${S}ms;transition-timing-function:${W};`;
+    }), $ = h(() => {
+      const { sidebarWidth: S, sidebarCollapsedWidth: W } = o, N = o.isMobile ? 0 : W, w = g.value ? N : S;
+      return o.sidebarVisible ? w : 0;
+    }), H = h(() => o.isMobile ? 0 : $.value), Y = h(() => c.value ? H.value : 0), M = h(
+      () => !o.isMobile && !c.value && o.headerVisible ? o.headerHeight : 0
+    ), I = h(() => {
+      let S = 0;
+      return o.fixedHeaderAndTab && (o.headerVisible && (S += o.headerHeight), o.tabVisible && (S += o.tabHeight)), S;
+    }), F = h(() => o.fixedFooter && o.footerVisible ? o.footerHeight : 0);
+    return (S, W) => (d(), m("div", {
       class: "d-layout",
-      style: V(n.value)
+      style: z(n.value)
     }, [
-      t.headerVisible ? (c(), _(Bo, ue({ key: 0 }, i.value, {
+      t.headerVisible ? (d(), b(Bo, ue({ key: 0 }, i.value, {
         fixed: t.fixedHeaderAndTab,
         "z-index": Ho,
         "min-width": t.minWidth,
         height: t.headerHeight,
-        "padding-left": X.value,
+        "padding-left": Y.value,
         style: l.value
       }), {
-        default: M(() => [
-          L(w.$slots, "header")
+        default: B(() => [
+          L(S.$slots, "header")
         ]),
         _: 3
-      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : x("", !0),
-      t.tabVisible ? (c(), _(Mo, ue({ key: 1 }, i.value, {
+      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : k("", !0),
+      t.tabVisible ? (d(), b(Mo, ue({ key: 1 }, i.value, {
         fixed: t.fixedHeaderAndTab,
         "z-index": Vo,
         "min-width": t.minWidth,
         top: t.headerHeight,
         height: t.tabHeight,
-        "padding-left": A.value,
+        "padding-left": H.value,
         style: l.value
       }), {
-        default: M(() => [
-          L(w.$slots, "tab")
+        default: B(() => [
+          L(S.$slots, "tab")
         ]),
         _: 3
-      }, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) : x("", !0),
-      t.sidebarVisible ? (c(), _(Ro, ue({ key: 2 }, i.value, {
-        "z-index": p.value,
-        width: k.value,
-        "padding-top": N.value
+      }, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) : k("", !0),
+      t.sidebarVisible ? (d(), b(Ro, ue({ key: 2 }, i.value, {
+        "z-index": u.value,
+        width: $.value,
+        "padding-top": M.value
       }), {
-        default: M(() => [
-          L(w.$slots, "sidebar")
+        default: B(() => [
+          L(S.$slots, "sidebar")
         ]),
         _: 3
-      }, 16, ["z-index", "width", "padding-top"])) : x("", !0),
-      T.value ? (c(), f("div", {
+      }, 16, ["z-index", "width", "padding-top"])) : k("", !0),
+      C.value ? (d(), m("div", {
         key: 3,
         class: "d-layout-sidebar-mask",
-        style: V(R.value),
-        onClick: b
-      }, null, 4)) : x("", !0),
+        style: z(R.value),
+        onClick: x
+      }, null, 4)) : k("", !0),
       J(Oo, ue(i.value, {
-        "padding-top": C.value,
-        "padding-bottom": P.value,
-        "padding-left": A.value,
+        "padding-top": I.value,
+        "padding-bottom": F.value,
+        "padding-left": H.value,
         "overflow-hidden": t.addMainOverflowHidden
       }), {
-        default: M(() => [
-          L(w.$slots, "default")
+        default: B(() => [
+          L(S.$slots, "default")
         ]),
         _: 3
       }, 16, ["padding-top", "padding-bottom", "padding-left", "overflow-hidden"]),
-      t.footerVisible ? (c(), _(No, ue({ key: 4 }, i.value, {
+      t.footerVisible ? (d(), b(No, ue({ key: 4 }, i.value, {
         fixed: t.fixedFooter,
         "z-index": zo,
         "min-width": t.minWidth,
         height: t.footerHeight,
-        "padding-left": A.value,
+        "padding-left": H.value,
         style: r.value
       }), {
-        default: M(() => [
-          L(w.$slots, "footer")
+        default: B(() => [
+          L(S.$slots, "footer")
         ]),
         _: 3
-      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : x("", !0)
+      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : k("", !0)
     ], 4));
   }
 }, pe = {
@@ -1588,12 +1592,12 @@ const Rs = {
       e35a6f9a: o.value,
       e35a6f98: n.value
     }));
-    const o = m(() => e.xHide ? "hidden" : "visible"), n = m(() => e.yHide ? "hidden" : "visible"), s = (a) => {
+    const o = h(() => e.xHide ? "hidden" : "visible"), n = h(() => e.yHide ? "hidden" : "visible"), s = (a) => {
       document.body.classList.add(a), document.documentElement.classList.add(a), document.documentElement.classList.add("d-global-scroll");
     };
     return me(() => {
       s("colored-scroller");
-    }), (a, l) => (c(), f("div", null, [
+    }), (a, l) => (d(), m("div", null, [
       L(a.$slots, "default")
     ]));
   }
@@ -1620,9 +1624,9 @@ const Fo = {
       c07fa29a: o.value,
       c07fa298: n.value
     }));
-    const o = m(() => e.xHide ? "hidden" : "visible"), n = m(() => e.yHide ? "hidden" : "visible");
-    return (s, a) => (c(), f("div", {
-      class: S(e.autoHide ? "d-scroll-hide" : "d-scroll")
+    const o = h(() => e.xHide ? "hidden" : "visible"), n = h(() => e.yHide ? "hidden" : "visible");
+    return (s, a) => (d(), m("div", {
+      class: D(e.autoHide ? "d-scroll-hide" : "d-scroll")
     }, [
       L(s.$slots, "default", {}, void 0, !0)
     ], 2));
@@ -1638,7 +1642,7 @@ const Fo = {
   },
   emits: ["open", "close"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = D(null), a = D(!1);
+    const n = t, s = T(null), a = T(!1);
     a.value = n == null ? void 0 : n.show;
     const l = () => {
       a.value = !0, o("open", s);
@@ -1648,38 +1652,38 @@ const Fo = {
     return e({
       show: l,
       hide: r
-    }), (i, u) => {
-      const p = Re("keydown");
-      return c(), _(mt, { to: "body" }, [
+    }), (i, c) => {
+      const u = Re("keydown");
+      return d(), b(mt, { to: "body" }, [
         J(Ne, { name: "fade" }, {
-          default: M(() => [
-            a.value ? oe((c(), f("div", {
+          default: B(() => [
+            a.value ? oe((d(), m("div", {
               key: 0,
               ref_key: "modalRef",
               ref: s,
               class: "modal"
             }, [
-              y("div", {
+              _("div", {
                 class: "modal-dialog",
-                style: V({ width: n.width, maxWidth: n.maxWidth })
+                style: z({ width: n.width, maxWidth: n.maxWidth })
               }, [
-                y("div", Wo, [
-                  y("div", Po, [
-                    y("h5", jo, [
+                _("div", Wo, [
+                  _("div", Po, [
+                    _("h5", jo, [
                       L(i.$slots, "modal-title")
                     ])
                   ]),
-                  y("div", Xo, [
+                  _("div", Xo, [
                     L(i.$slots, "default")
                   ]),
-                  y("div", Yo, [
+                  _("div", Yo, [
                     L(i.$slots, "modal-footer")
                   ])
                 ])
               ], 4)
             ])), [
-              [p, r, "Escape"]
-            ]) : x("", !0)
+              [u, r, "Escape"]
+            ]) : k("", !0)
           ]),
           _: 3
         })
@@ -1717,7 +1721,7 @@ const qo = Mt({
     transitionAttrs: Object
   },
   setup() {
-    const t = D();
+    const t = T();
     return vt(t, () => {
       ce.value && (ce.value.comp = t.value);
     }), {
@@ -1727,9 +1731,9 @@ const qo = Mt({
   }
 });
 function Go(t, e, o, n, s, a) {
-  return c(), _(Ne, pt(ft(t.transitionAttrs)), {
-    default: M(() => [
-      t.dialogRef && t.dialogRef.wrapper === t.name ? (c(), _(Y(t.dialogRef.dialog), ue({ key: 0 }, t.dialogRef.props, { ref: "dialogInstance" }), null, 16)) : x("", !0)
+  return d(), b(Ne, pt(ft(t.transitionAttrs)), {
+    default: B(() => [
+      t.dialogRef && t.dialogRef.wrapper === t.name ? (d(), b(U(t.dialogRef.dialog), ue({ key: 0 }, t.dialogRef.props, { ref: "dialogInstance" }), null, 16)) : k("", !0)
     ]),
     _: 1
   }, 16);
@@ -1745,20 +1749,20 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
     const o = t;
     return e({
       returnValue: () => !0
-    }), (s, a) => (c(), f("div", null, [
+    }), (s, a) => (d(), m("div", null, [
       J(kt, { show: !0 }, {
-        "modal-title": M(() => [
+        "modal-title": B(() => [
           K(O(o.title), 1)
         ]),
-        default: M(() => [
+        default: B(() => [
           K(O(o.message), 1)
         ]),
-        "modal-footer": M(() => [
-          y("div", Ko, [
+        "modal-footer": B(() => [
+          _("div", Ko, [
             J(ie, {
-              onClick: a[0] || (a[0] = (l) => B(Me)())
+              onClick: a[0] || (a[0] = (l) => E(Me)())
             }, {
-              default: M(() => [
+              default: B(() => [
                 K("Закрыть")
               ]),
               _: 1
@@ -1779,29 +1783,29 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
     const o = t;
     return e({
       returnValue: () => !0
-    }), (s, a) => (c(), f("div", null, [
+    }), (s, a) => (d(), m("div", null, [
       J(kt, { show: !0 }, {
-        "modal-title": M(() => [
+        "modal-title": B(() => [
           K(O(o.title), 1)
         ]),
-        default: M(() => [
+        default: B(() => [
           K(O(o.message), 1)
         ]),
-        "modal-footer": M(() => [
-          y("div", Qo, [
+        "modal-footer": B(() => [
+          _("div", Qo, [
             J(ie, {
-              onClick: a[0] || (a[0] = (l) => B(Me)())
+              onClick: a[0] || (a[0] = (l) => E(Me)())
             }, {
-              default: M(() => [
+              default: B(() => [
                 K("Да")
               ]),
               _: 1
             }),
             J(ie, {
               class: "button-red",
-              onClick: a[1] || (a[1] = (l) => B(Me)(!1))
+              onClick: a[1] || (a[1] = (l) => E(Me)(!1))
             }, {
-              default: M(() => [
+              default: B(() => [
                 K("Нет")
               ]),
               _: 1
@@ -1832,43 +1836,43 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
   },
   emits: ["select", "click"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = Ce(), a = D(null), l = D(null), r = D(0), i = D(0), u = (T) => {
-      if (o("click", T), a.value.isShowed()) {
+    const n = t, s = Ce(), a = T(null), l = T(null), r = T(0), i = T(0), c = (C) => {
+      if (o("click", C), a.value.isShowed()) {
         a.value.hide();
         return;
       }
       a.value.show(), ht(() => {
-        const R = a.value.elementSize(), k = l.value.elementSize(), A = window.innerWidth, X = window.innerHeight;
-        r.value = A - (k.x + k.width) < R.width ? k.left - R.width + k.width : k.left, i.value = X - (k.y + k.height) < R.height ? k.top - R.height - 5 : k.height + k.top + 5;
+        const R = a.value.elementSize(), $ = l.value.elementSize(), H = window.innerWidth, Y = window.innerHeight;
+        r.value = H - ($.x + $.width) < R.width ? $.left - R.width + $.width : $.left, i.value = Y - ($.y + $.height) < R.height ? $.top - R.height - 5 : $.height + $.top + 5;
       });
-    }, p = (T) => {
-      o("select", T);
-    }, h = m(() => ({ left: r.value + "px", top: i.value + "px", position: n.bodyAsParent ? "absolute" : "fixed", ...n.menuStyle }));
+    }, u = (C) => {
+      o("select", C);
+    }, g = h(() => ({ left: r.value + "px", top: i.value + "px", position: n.bodyAsParent ? "absolute" : "fixed", ...n.menuStyle }));
     e({
-      show: u
+      show: c
     });
-    const b = (T) => !!s[T];
-    return (T, R) => (c(), f("div", tn, [
-      b("default") ? (c(), _(ie, {
+    const x = (C) => !!s[C];
+    return (C, R) => (d(), m("div", tn, [
+      x("default") ? (d(), b(ie, {
         key: 0,
         ref_key: "buttonRef",
         ref: l,
-        class: S(n.class),
+        class: D(n.class),
         icon: n.icon,
-        onClick: W(u, ["stop", "prevent"]),
+        onClick: j(c, ["stop", "prevent"]),
         type: n.type
       }, {
-        default: M(() => [
-          L(T.$slots, "default")
+        default: B(() => [
+          L(C.$slots, "default")
         ]),
         _: 3
-      }, 8, ["class", "icon", "onClick", "type"])) : (c(), _(ie, {
+      }, 8, ["class", "icon", "onClick", "type"])) : (d(), b(ie, {
         key: 1,
         ref_key: "buttonRef",
         ref: l,
-        class: S(n.class),
+        class: D(n.class),
         icon: n.icon,
-        onClick: W(u, ["stop", "prevent"]),
+        onClick: j(c, ["stop", "prevent"]),
         type: n.type
       }, null, 8, ["class", "icon", "onClick", "type"])),
       J(bt, {
@@ -1876,9 +1880,9 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
         ref: a,
         items: n.items,
         class: "dropdown-menu",
-        style: V(h.value),
+        style: z(g.value),
         "no-select": !0,
-        onSelect: p,
+        onSelect: u,
         "render-item-title": n.renderItemTitle,
         "before-item": n.beforeItem,
         "body-as-parent": n.bodyAsParent
@@ -1887,24 +1891,24 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
   }
 }, on = {}, nn = { class: "d-panel" };
 function sn(t, e) {
-  return c(), f("div", nn, [
+  return d(), m("div", nn, [
     L(t.$slots, "default")
   ]);
 }
 const an = /* @__PURE__ */ ne(on, [["render", sn]]), ln = { class: "card-header" }, rn = { class: "modal-title" }, dn = { class: "card-body" }, cn = { class: "card-footer" }, Hs = {
   __name: "DCard",
   setup(t) {
-    return (e, o) => (c(), _(an, { class: "d-card" }, {
-      default: M(() => [
-        y("div", ln, [
-          y("h5", rn, [
+    return (e, o) => (d(), b(an, { class: "d-card" }, {
+      default: B(() => [
+        _("div", ln, [
+          _("h5", rn, [
             L(e.$slots, "title")
           ])
         ]),
-        y("div", dn, [
+        _("div", dn, [
           L(e.$slots, "default")
         ]),
-        y("div", cn, [
+        _("div", cn, [
           L(e.$slots, "footer")
         ])
       ]),
@@ -2000,14 +2004,14 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
     }, s = () => {
       e("after-leave");
     };
-    return (a, l) => (c(), _(yt, {
+    return (a, l) => (d(), b(yt, {
       tag: "span",
       css: !1,
       onEnter: o,
       onLeave: n,
       onAfterLeave: s
     }, {
-      default: M(() => [
+      default: B(() => [
         L(a.$slots, "default")
       ]),
       _: 3
@@ -2022,11 +2026,11 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
   },
   setup(t) {
     const e = t;
-    return (o, n) => (c(), _(yt, {
+    return (o, n) => (d(), b(yt, {
       tag: "span",
       name: e.name
     }, {
-      default: M(() => [
+      default: B(() => [
         L(o.$slots, "default")
       ]),
       _: 3
@@ -2108,121 +2112,121 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
     const o = t, n = {
       IDLE: 0,
       DESTROYED: 2
-    }, s = D([]), a = D(null), l = D(un.get("velocity")), r = m(() => o.animationType === "velocity"), i = m(() => r.value ? yn : _n), u = m(() => s.value.filter((d) => d.state !== n.DESTROYED)), p = m(() => mn(o.width)), h = m(() => {
-      const { x: d, y: E } = vn(o.position), v = p.value.value, G = p.value.type, se = {
-        width: v + G
+    }, s = T([]), a = T(null), l = T(un.get("velocity")), r = h(() => o.animationType === "velocity"), i = h(() => r.value ? yn : _n), c = h(() => s.value.filter((f) => f.state !== n.DESTROYED)), u = h(() => mn(o.width)), g = h(() => {
+      const { x: f, y: p } = vn(o.position), y = u.value.value, A = u.value.type, se = {
+        width: y + A
       };
-      return E && (se[E] = "0px"), d && (d === "center" ? se.left = `calc(50% - ${+v / 2}${G})` : se[d] = "0px"), se;
-    }), b = m(() => "bottom" in h.value), T = (d) => {
-      e("click", d), o.closeOnClick && P(d);
+      return p && (se[p] = "0px"), f && (f === "center" ? se.left = `calc(50% - ${+y / 2}${A})` : se[f] = "0px"), se;
+    }), x = h(() => "bottom" in g.value), C = (f) => {
+      e("click", f), o.closeOnClick && F(f);
     }, R = () => {
-      var d;
-      o.pauseOnHover && ((d = a.value) == null || d.pause());
-    }, k = () => {
-      var d;
-      o.pauseOnHover && ((d = a.value) == null || d.resume());
-    }, A = (d) => {
-      if (d.group || (d.group = ""), d.data || (d.data = {}), o.group !== d.group)
+      var f;
+      o.pauseOnHover && ((f = a.value) == null || f.pause());
+    }, $ = () => {
+      var f;
+      o.pauseOnHover && ((f = a.value) == null || f.resume());
+    }, H = (f) => {
+      if (f.group || (f.group = ""), f.data || (f.data = {}), o.group !== f.group)
         return;
-      if (d.clean || d.clear) {
-        F();
+      if (f.clean || f.clear) {
+        W();
         return;
       }
-      const E = typeof d.duration == "number" ? d.duration : o.duration, v = typeof d.speed == "number" ? d.speed : o.speed, G = typeof d.ignoreDuplicates == "boolean" ? d.ignoreDuplicates : o.ignoreDuplicates, { title: se, text: ve, type: ye, data: _e, id: be } = d, Q = {
+      const p = typeof f.duration == "number" ? f.duration : o.duration, y = typeof f.speed == "number" ? f.speed : o.speed, A = typeof f.ignoreDuplicates == "boolean" ? f.ignoreDuplicates : o.ignoreDuplicates, { title: se, text: ve, type: ye, data: _e, id: be } = f, Q = {
         id: be || hn(),
         title: se,
         text: ve,
         type: ye,
         state: n.IDLE,
-        speed: v,
-        length: E + 2 * v,
+        speed: y,
+        length: p + 2 * y,
         data: _e
       };
-      E >= 0 && (a.value = new pn(() => P(Q), Q.length, Q));
-      const xe = o.reverse ? !b.value : b.value;
+      p >= 0 && (a.value = new pn(() => F(Q), Q.length, Q));
+      const xe = o.reverse ? !x.value : x.value;
       let de = -1;
-      const ke = u.value.some((he) => he.title === d.title && he.text === d.text);
-      (!G || !ke) && (xe ? (s.value.push(Q), e("start", Q), u.value.length > o.max && (de = 0)) : (s.value.unshift(Q), e("start", Q), u.value.length > o.max && (de = u.value.length - 1)), de !== -1 && P(u.value[de]));
-    }, X = (d) => {
-      w(d);
-    }, N = (d) => [
+      const ke = c.value.some((he) => he.title === f.title && he.text === f.text);
+      (!A || !ke) && (xe ? (s.value.push(Q), e("start", Q), c.value.length > o.max && (de = 0)) : (s.value.unshift(Q), e("start", Q), c.value.length > o.max && (de = c.value.length - 1)), de !== -1 && F(c.value[de]));
+    }, Y = (f) => {
+      S(f);
+    }, M = (f) => [
       "d-notification-template",
       o.classes,
-      d.type || ""
-    ], C = (d) => r.value ? void 0 : { transition: `all ${d.speed}ms` }, P = (d) => {
-      clearTimeout(d.timer), d.state = n.DESTROYED, z(), e("destroy", d);
-    }, w = (d) => {
-      const E = s.value.find((v) => v.id === d);
-      E && P(E);
-    }, F = () => {
-      u.value.forEach(P);
-    }, I = (d, E) => {
-      var G;
-      const v = (G = o.animation) == null ? void 0 : G[d];
-      return typeof v == "function" ? v(E) : v;
-    }, $ = (d, E) => {
+      f.type || ""
+    ], I = (f) => r.value ? void 0 : { transition: `all ${f.speed}ms` }, F = (f) => {
+      clearTimeout(f.timer), f.state = n.DESTROYED, P(), e("destroy", f);
+    }, S = (f) => {
+      const p = s.value.find((y) => y.id === f);
+      p && F(p);
+    }, W = () => {
+      c.value.forEach(F);
+    }, N = (f, p) => {
+      var A;
+      const y = (A = o.animation) == null ? void 0 : A[f];
+      return typeof y == "function" ? y(p) : y;
+    }, w = (f, p) => {
       if (!r.value)
         return;
-      const v = I("enter", d);
-      l.value(d, v, {
+      const y = N("enter", f);
+      l.value(f, y, {
         duration: o.speed,
-        complete: E
+        complete: p
       });
-    }, H = (d, E) => {
+    }, V = (f, p) => {
       if (!r.value)
         return;
-      const v = I("leave", d);
-      l.value(d, v, {
+      const y = N("leave", f);
+      l.value(f, y, {
         duration: o.speed,
-        complete: E
+        complete: p
       });
     };
-    function z() {
-      s.value = s.value.filter((d) => d.state !== n.DESTROYED);
+    function P() {
+      s.value = s.value.filter((f) => f.state !== n.DESTROYED);
     }
     return me(() => {
-      U.on("notification-add", A), U.on("notification-close", X);
-    }), (d, E) => (c(), f("div", {
+      q.on("notification-add", H), q.on("notification-close", Y);
+    }), (f, p) => (d(), m("div", {
       class: "d-notification-group",
-      style: V(h.value)
+      style: z(g.value)
     }, [
-      (c(), _(Y(i.value), {
+      (d(), b(U(i.value), {
         name: t.animationName,
-        onEnter: $,
-        onLeave: H,
-        onAfterLeave: z
+        onEnter: w,
+        onLeave: V,
+        onAfterLeave: P
       }, {
-        default: M(() => [
-          (c(!0), f(le, null, ge(u.value, (v) => (c(), f("div", {
-            key: v.id,
+        default: B(() => [
+          (d(!0), m(le, null, ge(c.value, (y) => (d(), m("div", {
+            key: y.id,
             class: "d-notification-wrapper",
-            style: V(C(v)),
-            "data-id": v.id,
+            style: z(I(y)),
+            "data-id": y.id,
             onMouseenter: R,
-            onMouseleave: k
+            onMouseleave: $
           }, [
-            L(d.$slots, "body", {
-              class: S([t.classes, v.type]),
-              item: v,
-              close: () => P(v)
+            L(f.$slots, "body", {
+              class: D([t.classes, y.type]),
+              item: y,
+              close: () => F(y)
             }, () => [
-              y("div", {
-                class: S(N(v)),
-                onClick: (G) => T(v)
+              _("div", {
+                class: D(M(y)),
+                onClick: (A) => C(y)
               }, [
-                t.dangerouslySetInnerHtml ? (c(), f(le, { key: 0 }, [
-                  v.title ? (c(), f("div", {
+                t.dangerouslySetInnerHtml ? (d(), m(le, { key: 0 }, [
+                  y.title ? (d(), m("div", {
                     key: 0,
                     class: "d-notification-title",
-                    innerHTML: v.timer
-                  }, null, 8, kn)) : x("", !0),
-                  y("div", {
+                    innerHTML: y.timer
+                  }, null, 8, kn)) : k("", !0),
+                  _("div", {
                     class: "notification-content",
-                    innerHTML: v.text
+                    innerHTML: y.text
                   }, null, 8, $n)
-                ], 64)) : (c(), f(le, { key: 1 }, [
-                  v.title ? (c(), f("div", wn, O(v.title), 1)) : x("", !0),
-                  y("div", Sn, O(v.text), 1)
+                ], 64)) : (d(), m(le, { key: 1 }, [
+                  y.title ? (d(), m("div", wn, O(y.title), 1)) : k("", !0),
+                  _("div", Sn, O(y.text), 1)
                 ], 64))
               ], 10, xn)
             ])
@@ -2243,30 +2247,30 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const o = t, n = m(() => o.icon ? te.getters.getIcon(o.icon) : null);
-    return (s, a) => (c(), f("div", {
-      class: S(["d-info-progress", o.type ? `d-info-progress-${o.type}` : null]),
-      style: V(o.style),
+    const o = t, n = h(() => o.icon ? te.getters.getIcon(o.icon) : null);
+    return (s, a) => (d(), m("div", {
+      class: D(["d-info-progress", o.type ? `d-info-progress-${o.type}` : null]),
+      style: z(o.style),
       onClick: a[0] || (a[0] = (l) => {
         e("click", l);
       })
     }, [
-      y("div", Dn, [
-        y("div", Tn, [
-          o.icon ? (c(), _(Y(re), {
+      _("div", Dn, [
+        _("div", Tn, [
+          o.icon ? (d(), b(U(re), {
             key: 0,
             component: n.value,
             color: "inherit",
             size: 17
-          }, null, 8, ["component"])) : x("", !0)
+          }, null, 8, ["component"])) : k("", !0)
         ])
       ]),
-      y("div", Cn, [
-        y("div", {
+      _("div", Cn, [
+        _("div", {
           class: "d-info-progress-line",
-          style: V("width: " + o.progress + "%;")
+          style: z("width: " + o.progress + "%;")
         }, null, 4),
-        y("div", {
+        _("div", {
           class: "d-info-progress-label",
           innerHTML: t.label
         }, null, 8, Ln)
@@ -2287,16 +2291,16 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const o = t, s = gt().uid, a = m({
+    const o = t, s = gt().uid, a = h({
       get: () => o.modelValue,
       set: (l) => {
         e("update:modelValue", l);
       }
     });
-    return (l, r) => (c(), f("div", In, [
-      oe(y("input", {
+    return (l, r) => (d(), m("div", In, [
+      oe(_("input", {
         "onUpdate:modelValue": r[0] || (r[0] = (i) => a.value = i),
-        id: `i-${B(s)}`,
+        id: `i-${E(s)}`,
         type: "checkbox",
         checked: o.checked,
         disabled: o.disabled,
@@ -2304,8 +2308,8 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
       }, null, 40, En), [
         [Nt, a.value]
       ]),
-      y("label", {
-        for: `i-${B(s)}`
+      _("label", {
+        for: `i-${E(s)}`
       }, O(o.label), 9, Bn)
     ]));
   }
@@ -2319,7 +2323,7 @@ async function Nn(t, e) {
 const Ws = {
   __name: "DDialogProvider",
   setup(t) {
-    return window.alert = Nn, window.confirm = Mn, (e, o) => (c(), _(B(Zo)));
+    return window.alert = Nn, window.confirm = Mn, (e, o) => (d(), b(E(Zo)));
   }
 }, Rn = { class: "d-select" }, On = {
   key: 0,
@@ -2340,7 +2344,7 @@ const Ws = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const o = t, n = m(() => o.scale ? "d-select-" + o.scale : ""), s = m({
+    const o = t, n = h(() => o.scale ? "d-select-" + o.scale : ""), s = h({
       get: () => o.modelValue,
       set: (a) => {
         e("update:modelValue", a);
@@ -2351,15 +2355,15 @@ const Ws = {
         s.value = o.options[a].value;
         break;
       }
-    return (a, l) => (c(), f("div", Rn, [
-      o.label ? (c(), f("div", On, O(o.label), 1)) : x("", !0),
-      oe(y("select", {
+    return (a, l) => (d(), m("div", Rn, [
+      o.label ? (d(), m("div", On, O(o.label), 1)) : k("", !0),
+      oe(_("select", {
         "onUpdate:modelValue": l[0] || (l[0] = (r) => s.value = r),
-        class: S(n.value),
-        style: V(o.size === "wide" ? "width:100%" : ""),
+        class: D(n.value),
+        style: z(o.size === "wide" ? "width:100%" : ""),
         disabled: o.disabled
       }, [
-        (c(!0), f(le, null, ge(o.options, (r, i) => (c(), f("option", {
+        (d(!0), m(le, null, ge(o.options, (r, i) => (d(), m("option", {
           key: i,
           value: r.value,
           selected: r.selected,
@@ -2378,28 +2382,28 @@ const Vn = ["title"], zn = { class: "tab-icon" }, Fn = { class: "tab-label" }, W
   },
   setup(t) {
     const e = t;
-    return (o, n) => e.tab.label && e.tab.icon ? (c(), f("span", {
+    return (o, n) => e.tab.label && e.tab.icon ? (d(), m("span", {
       key: 0,
       title: e.tab.title ? e.tab.title : "",
       style: { display: "flex", "flex-direction": "column" }
     }, [
-      y("div", zn, [
-        J(B(re), {
+      _("div", zn, [
+        J(E(re), {
           component: e.tab.icon
         }, null, 8, ["component"])
       ]),
-      y("div", Fn, O(e.tab.label), 1)
-    ], 8, Vn)) : e.tab.label ? (c(), f("span", {
+      _("div", Fn, O(e.tab.label), 1)
+    ], 8, Vn)) : e.tab.label ? (d(), m("span", {
       key: 1,
       title: e.tab.title ? e.tab.title : ""
-    }, O(e.tab.label), 9, Wn)) : e.tab.icon ? (c(), f("span", {
+    }, O(e.tab.label), 9, Wn)) : e.tab.icon ? (d(), m("span", {
       key: 2,
       title: e.tab.title ? e.tab.title : ""
     }, [
-      J(B(re), {
+      J(E(re), {
         component: e.tab.icon
       }, null, 8, ["component"])
-    ], 8, Pn)) : x("", !0);
+    ], 8, Pn)) : k("", !0);
   }
 }, Xn = /* @__PURE__ */ ne(jn, [["__scopeId", "data-v-9262b225"]]);
 const Yn = { class: "d-tabs" }, Un = {
@@ -2408,20 +2412,20 @@ const Yn = { class: "d-tabs" }, Un = {
     tabs: Array
   },
   setup(t) {
-    const o = Ot(t, "tabs"), n = D(0), s = (a) => {
+    const o = Ot(t, "tabs"), n = T(0), s = (a) => {
       n.value = a;
     };
-    return (a, l) => (c(), f(le, null, [
-      y("div", Yn, [
-        (c(!0), f(le, null, ge(o.value, (r, i) => (c(), _(Xn, {
+    return (a, l) => (d(), m(le, null, [
+      _("div", Yn, [
+        (d(!0), m(le, null, ge(o.value, (r, i) => (d(), b(Xn, {
           index: i,
           tab: r,
-          class: S(["d-tab-title", i === n.value ? "active" : ""]),
-          onClick: (u) => s(i)
+          class: D(["d-tab-title", i === n.value ? "active" : ""]),
+          onClick: (c) => s(i)
         }, null, 8, ["index", "tab", "class", "onClick"]))), 256))
       ]),
-      (c(), _(At, null, [
-        (c(), _(Y(o.value[n.value].component)))
+      (d(), b(At, null, [
+        (d(), b(U(o.value[n.value].component)))
       ], 1024))
     ], 64));
   }
@@ -2445,7 +2449,7 @@ const qn = { class: "d-grid" }, Gn = {
   },
   setup(t) {
     const e = t;
-    Ae((p) => ({
+    Ae((u) => ({
       "09eba472": i[0],
       "09eba434": i[1],
       "09eba3f6": i[2],
@@ -2455,11 +2459,11 @@ const qn = { class: "d-grid" }, Gn = {
       "898eb2ac": e.gap
     }));
     const { colXs: o, colSm: n, colMd: s, colLg: a, colXl: l, colXxl: r } = Ht(e), i = [o.value, n.value, s.value, a.value, l.value, r.value];
-    let u = null;
-    for (let p = 0; p < i.length; p++)
-      u || (u = i[0]), p > 0 && (i[p] ? u = i[p] : i[p] = u);
-    return (p, h) => (c(), f("div", qn, [
-      L(p.$slots, "default", {}, void 0, !0)
+    let c = null;
+    for (let u = 0; u < i.length; u++)
+      c || (c = i[0]), u > 0 && (i[u] ? c = i[u] : i[u] = c);
+    return (u, g) => (d(), m("div", qn, [
+      L(u.$slots, "default", {}, void 0, !0)
     ]));
   }
 }, Xs = /* @__PURE__ */ ne(Gn, [["__scopeId", "data-v-b45e8130"]]), Zn = ["src", "alt", "title"], Ys = {
@@ -2474,20 +2478,20 @@ const qn = { class: "d-grid" }, Gn = {
     radius: String
   },
   setup(t) {
-    const e = t, o = D(null), n = new Image();
+    const e = t, o = T(null), n = new Image();
     return n.onload = () => {
       o.value = n.src;
     }, n.onerror = () => {
       o.value = e.srcFail;
     }, me(() => {
       n.src = e.src;
-    }), (s, a) => o.value ? (c(), f("img", {
+    }), (s, a) => o.value ? (d(), m("img", {
       key: 0,
       src: o.value,
       alt: e.alt,
       title: e.title,
-      style: V({ width: e.width, height: e.height, borderRadius: e.radius })
-    }, null, 12, Zn)) : x("", !0);
+      style: z({ width: e.width, height: e.height, borderRadius: e.radius })
+    }, null, 12, Zn)) : k("", !0);
   }
 };
 const Kn = { class: "d-textarea" }, Jn = {
@@ -2513,7 +2517,7 @@ const Kn = { class: "d-textarea" }, Jn = {
   },
   emits: ["update:modelValue"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = D(null), a = m(() => n.scale === "small" ? "d-textarea-small" : n.scale === "large" ? "d-textarea-large" : ""), l = m({
+    const n = t, s = T(null), a = h(() => n.scale === "small" ? "d-textarea-small" : n.scale === "large" ? "d-textarea-large" : ""), l = h({
       get: () => n.modelValue,
       set: (i) => {
         o("update:modelValue", i);
@@ -2527,16 +2531,16 @@ const Kn = { class: "d-textarea" }, Jn = {
     };
     return e({
       focus: r
-    }), (i, u) => (c(), f("div", Kn, [
-      n.label ? (c(), f("div", Jn, O(n.label), 1)) : x("", !0),
-      oe(y("textarea", {
+    }), (i, c) => (d(), m("div", Kn, [
+      n.label ? (d(), m("div", Jn, O(n.label), 1)) : k("", !0),
+      oe(_("textarea", {
         ref_key: "inputRef",
         ref: s,
-        "onUpdate:modelValue": u[0] || (u[0] = (p) => l.value = p),
+        "onUpdate:modelValue": c[0] || (c[0] = (u) => l.value = u),
         rows: n.rows,
         cols: n.cols,
         placeholder: n.placeholder,
-        class: S(a.value),
+        class: D(a.value),
         style: { width: "100%" }
       }, null, 10, Qn), [
         [Vt, l.value]
@@ -2621,7 +2625,7 @@ class us {
     return e;
   }
 }
-const ps = new us(), q = {
+const ps = new us(), G = {
   RulesUrl: os,
   RulesRequired: ss,
   RulesMin: is,
@@ -2631,32 +2635,32 @@ const ps = new us(), q = {
 };
 class fs {
   validate(e, o) {
-    var s, a, l, r, i, u, p, h, b, T, R, k, A, X;
+    var s, a, l, r, i, c, u, g, x, C, R, $, H, Y;
     let n = "";
     if (o) {
-      let N = !1;
-      for (let C in o)
-        if (!N)
-          switch (C) {
+      let M = !1;
+      for (let I in o)
+        if (!M)
+          switch (I) {
             case "url":
-              n = q.RulesUrl.validate(e, "https") || e.length === 0 ? "" : q.RulesUrl.message("url", (s = o[C]) != null && s.message ? (a = o[C]) == null ? void 0 : a.message : "url_incorrect"), N = n !== "";
+              n = G.RulesUrl.validate(e, "https") || e.length === 0 ? "" : G.RulesUrl.message("url", (s = o[I]) != null && s.message ? (a = o[I]) == null ? void 0 : a.message : "url_incorrect"), M = n !== "";
               break;
             case "required":
-              n = q.RulesRequired.validate(e) ? "" : q.RulesRequired.message((l = o[C]) != null && l.message ? (r = o[C]) == null ? void 0 : r.message : "required"), N = n !== "";
+              n = G.RulesRequired.validate(e) ? "" : G.RulesRequired.message((l = o[I]) != null && l.message ? (r = o[I]) == null ? void 0 : r.message : "required"), M = n !== "";
               break;
             case "min":
-              n = q.RulesMin.validate(e, (i = o[C]) == null ? void 0 : i.value) ? "" : q.RulesMin.message((u = o[C]) != null && u.message ? (p = o[C]) == null ? void 0 : p.message : "very_small"), N = n !== "";
+              n = G.RulesMin.validate(e, (i = o[I]) == null ? void 0 : i.value) ? "" : G.RulesMin.message((c = o[I]) != null && c.message ? (u = o[I]) == null ? void 0 : u.message : "very_small"), M = n !== "";
               break;
             case "max":
-              n = q.RulesMax.validate(e, (h = o[C]) == null ? void 0 : h.value) ? "" : q.RulesMax.message((b = o[C]) != null && b.message ? (T = o[C]) == null ? void 0 : T.message : "vary_large"), N = n !== "";
+              n = G.RulesMax.validate(e, (g = o[I]) == null ? void 0 : g.value) ? "" : G.RulesMax.message((x = o[I]) != null && x.message ? (C = o[I]) == null ? void 0 : C.message : "vary_large"), M = n !== "";
               break;
             case "email":
-              n = q.RulesEmail.validate(e) ? "" : q.RulesMax.message((R = o[C]) != null && R.message ? (k = o[C]) == null ? void 0 : k.message : "email_incorrect"), N = n !== "";
+              n = G.RulesEmail.validate(e) ? "" : G.RulesMax.message((R = o[I]) != null && R.message ? ($ = o[I]) == null ? void 0 : $.message : "email_incorrect"), M = n !== "";
               break;
             case "number":
-              n = q.RulesNumber.validate(e) ? "" : q.RulesNumber.message(
-                (A = o[C]) != null && A.message ? (X = o[C]) == null ? void 0 : X.message : "number_incorrect"
-              ), N = n !== "";
+              n = G.RulesNumber.validate(e) ? "" : G.RulesNumber.message(
+                (H = o[I]) != null && H.message ? (Y = o[I]) == null ? void 0 : Y.message : "number_incorrect"
+              ), M = n !== "";
               break;
           }
     }
@@ -2669,21 +2673,21 @@ const ms = new fs(), hs = { style: { display: "flex", "flex-direction": "column"
 }, vs = {
   key: 0,
   class: "text-red"
-}, ys = { style: { display: "flex", "flex-direction": "row" } }, _s = { style: { flex: "1", position: "relative" } }, bs = /* @__PURE__ */ y("svg", {
+}, ys = { style: { display: "flex", "flex-direction": "row" } }, _s = { style: { flex: "1", position: "relative" } }, bs = /* @__PURE__ */ _("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 }, [
-  /* @__PURE__ */ y("path", {
+  /* @__PURE__ */ _("path", {
     d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41z",
     fill: "currentColor"
   })
 ], -1), xs = [
   bs
-], ks = ["id", "type", "placeholder", "disabled"], $s = /* @__PURE__ */ y("svg", {
+], ks = ["id", "type", "placeholder", "disabled"], $s = /* @__PURE__ */ _("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 }, [
-  /* @__PURE__ */ y("path", {
+  /* @__PURE__ */ _("path", {
     d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41z",
     fill: "currentColor"
   })
@@ -2719,82 +2723,82 @@ const ms = new fs(), hs = { style: { display: "flex", "flex-direction": "column"
   },
   emits: ["update:modelValue", "input", "blur"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = D(n.error), a = zt(), l = D(!1), r = D(null);
+    const n = t, s = T(n.error), a = zt(), l = T(!1), r = T(null);
     //!props.form ? ref(null) : props.form.fields[props.name].ref
-    const i = m({
+    const i = h({
       get: () => n.modelValue,
       //props.form?.fields[props.name].model.value,
-      set: (N) => {
-        o("update:modelValue", N);
+      set: (M) => {
+        o("update:modelValue", M);
       }
-    }), u = m(() => n.type === "password" ? "password" : "text"), p = m(() => n.scale), h = (N) => {
-      o("input", N), b();
-    }, b = () => {
+    }), c = h(() => n.type === "password" ? "password" : "text"), u = h(() => n.scale), g = (M) => {
+      o("input", M), x();
+    }, x = () => {
       if (!(!n.form || !n.form.fields || !n.form.fields[n.name].rules))
         return s.value = ms.validate(i.value, n.form.fields[n.name].rules), !!s.value;
     };
     me(() => {
-      T();
+      C();
     });
-    const T = () => {
-      var N;
-      (N = r.value) == null || N.focus();
+    const C = () => {
+      var M;
+      (M = r.value) == null || M.focus();
     }, R = () => {
       i.value = "";
-    }, k = (N) => {
-      l.value = N;
-    }, A = (N) => {
-      s.value = N;
-    }, X = (N) => {
-      o("blur", N);
+    }, $ = (M) => {
+      l.value = M;
+    }, H = (M) => {
+      s.value = M;
+    }, Y = (M) => {
+      o("blur", M);
     };
     return e({
-      focus: T,
-      setError: A,
-      validate: b
-    }), (N, C) => {
-      var P, w, F, I, $, H, z, d, E, v, G, se, ve, ye, _e, be, Q, xe, de, ke, Le, he, Fe, We, Pe, je, Xe, Ye, Ue, qe, Ge, Ze, Ke, Je, Qe, et, tt, ot, nt;
-      return c(), f("div", {
-        class: S(["d-input-string", p.value])
+      focus: C,
+      setError: H,
+      validate: x
+    }), (M, I) => {
+      var F, S, W, N, w, V, P, f, p, y, A, se, ve, ye, _e, be, Q, xe, de, ke, Le, he, Fe, We, Pe, je, Xe, Ye, Ue, qe, Ge, Ze, Ke, Je, Qe, et, tt, ot, nt;
+      return d(), m("div", {
+        class: D(["d-input-string", u.value])
       }, [
-        y("div", hs, [
-          n.label ? (c(), f("div", gs, [
+        _("div", hs, [
+          n.label ? (d(), m("div", gs, [
             K(O(n.label), 1),
-            (P = n.form) != null && P.fields[n.name].rules && n.form.fields[n.name].rules.hasOwnProperty("required") ? (c(), f("span", vs, "*")) : x("", !0)
-          ])) : x("", !0),
-          y("div", ys, [
-            (F = (w = n.pre) == null ? void 0 : w.outside) != null && F.component ? (c(), f("div", {
+            (F = n.form) != null && F.fields[n.name].rules && n.form.fields[n.name].rules.hasOwnProperty("required") ? (d(), m("span", vs, "*")) : k("", !0)
+          ])) : k("", !0),
+          _("div", ys, [
+            (W = (S = n.pre) == null ? void 0 : S.outside) != null && W.component ? (d(), m("div", {
               key: 0,
-              class: S(["d-pre", n.disabled ? "disabled" : ""])
+              class: D(["d-pre", n.disabled ? "disabled" : ""])
             }, [
-              (c(), _(Y(($ = (I = n.pre) == null ? void 0 : I.outside) == null ? void 0 : $.component)))
-            ], 2)) : (z = (H = n.pre) == null ? void 0 : H.outside) != null && z.text ? (c(), f("div", {
+              (d(), b(U((w = (N = n.pre) == null ? void 0 : N.outside) == null ? void 0 : w.component)))
+            ], 2)) : (P = (V = n.pre) == null ? void 0 : V.outside) != null && P.text ? (d(), m("div", {
               key: 1,
-              class: S(["d-pre", n.disabled ? "disabled" : ""])
+              class: D(["d-pre", n.disabled ? "disabled" : ""])
             }, [
-              y("div", {
-                class: S(["d-text", l.value ? "focused" : ""])
-              }, O((E = (d = n.pre) == null ? void 0 : d.outside) == null ? void 0 : E.text), 3)
-            ], 2)) : x("", !0),
-            y("div", _s, [
-              (G = (v = n.pre) == null ? void 0 : v.inside) != null && G.action && ((ve = (se = n.pre) == null ? void 0 : se.inside) == null ? void 0 : ve.action) === "clear" && ((ye = i.value) == null ? void 0 : ye.length) > 0 ? (c(), f("div", {
+              _("div", {
+                class: D(["d-text", l.value ? "focused" : ""])
+              }, O((p = (f = n.pre) == null ? void 0 : f.outside) == null ? void 0 : p.text), 3)
+            ], 2)) : k("", !0),
+            _("div", _s, [
+              (A = (y = n.pre) == null ? void 0 : y.inside) != null && A.action && ((ve = (se = n.pre) == null ? void 0 : se.inside) == null ? void 0 : ve.action) === "clear" && ((ye = i.value) == null ? void 0 : ye.length) > 0 ? (d(), m("div", {
                 key: 0,
                 class: "d-pre-inside-button",
                 onClick: R
-              }, xs)) : x("", !0),
-              oe(y("input", {
-                id: B(a),
+              }, xs)) : k("", !0),
+              oe(_("input", {
+                id: E(a),
                 ref_key: "inputRef",
                 ref: r,
-                "onUpdate:modelValue": C[0] || (C[0] = (Ie) => i.value = Ie),
+                "onUpdate:modelValue": I[0] || (I[0] = (Ie) => i.value = Ie),
                 style: { width: "100%" },
-                type: u.value,
+                type: c.value,
                 placeholder: n.placeholder,
-                onInput: h,
-                onFocus: C[1] || (C[1] = (Ie) => k(!0)),
-                onBlur: X,
-                onFocusout: C[2] || (C[2] = (Ie) => k(!1)),
-                class: S([
+                onInput: g,
+                onFocus: I[1] || (I[1] = (Ie) => $(!0)),
+                onBlur: Y,
+                onFocusout: I[2] || (I[2] = (Ie) => $(!1)),
+                class: D([
                   (be = (_e = n.pre) == null ? void 0 : _e.outside) != null && be.component || (xe = (Q = n.pre) == null ? void 0 : Q.outside) != null && xe.text ? "has-pre" : "",
                   (ke = (de = n.post) == null ? void 0 : de.outside) != null && ke.component || (he = (Le = n.post) == null ? void 0 : Le.outside) != null && he.text ? "has-post" : "",
                   (We = (Fe = n.pre) == null ? void 0 : Fe.inside) != null && We.action ? "has-pre-inside-button" : "",
@@ -2805,28 +2809,28 @@ const ms = new fs(), hs = { style: { display: "flex", "flex-direction": "column"
               }, null, 42, ks), [
                 [De, i.value]
               ]),
-              (Ye = (Xe = n.post) == null ? void 0 : Xe.inside) != null && Ye.action && ((qe = (Ue = n.post) == null ? void 0 : Ue.inside) == null ? void 0 : qe.action) === "clear" && ((Ge = i.value) == null ? void 0 : Ge.length) > 0 ? (c(), f("div", {
+              (Ye = (Xe = n.post) == null ? void 0 : Xe.inside) != null && Ye.action && ((qe = (Ue = n.post) == null ? void 0 : Ue.inside) == null ? void 0 : qe.action) === "clear" && ((Ge = i.value) == null ? void 0 : Ge.length) > 0 ? (d(), m("div", {
                 key: 1,
                 class: "d-post-inside-button",
                 onClick: R
-              }, ws)) : x("", !0)
+              }, ws)) : k("", !0)
             ]),
-            (Ke = (Ze = n.post) == null ? void 0 : Ze.outside) != null && Ke.component ? (c(), f("div", {
+            (Ke = (Ze = n.post) == null ? void 0 : Ze.outside) != null && Ke.component ? (d(), m("div", {
               key: 2,
-              class: S(["d-post", n.disabled ? "disabled" : ""])
+              class: D(["d-post", n.disabled ? "disabled" : ""])
             }, [
-              (c(), _(Y((Qe = (Je = n.post) == null ? void 0 : Je.outside) == null ? void 0 : Qe.component)))
-            ], 2)) : (tt = (et = n.post) == null ? void 0 : et.outside) != null && tt.text ? (c(), f("div", {
+              (d(), b(U((Qe = (Je = n.post) == null ? void 0 : Je.outside) == null ? void 0 : Qe.component)))
+            ], 2)) : (tt = (et = n.post) == null ? void 0 : et.outside) != null && tt.text ? (d(), m("div", {
               key: 3,
-              class: S(["d-post", n.disabled ? "disabled" : ""])
+              class: D(["d-post", n.disabled ? "disabled" : ""])
             }, [
-              y("div", {
-                class: S(["d-text", l.value ? "focused" : ""])
+              _("div", {
+                class: D(["d-text", l.value ? "focused" : ""])
               }, O((nt = (ot = n.post) == null ? void 0 : ot.outside) == null ? void 0 : nt.text), 3)
-            ], 2)) : x("", !0)
+            ], 2)) : k("", !0)
           ]),
-          n.help ? (c(), f("div", Ss, O(n.help), 1)) : x("", !0),
-          s.value ? (c(), f("div", Ds, O(s.value), 1)) : x("", !0)
+          n.help ? (d(), m("div", Ss, O(n.help), 1)) : k("", !0),
+          s.value ? (d(), m("div", Ds, O(s.value), 1)) : k("", !0)
         ])
       ], 2);
     };
@@ -2851,10 +2855,10 @@ const ms = new fs(), hs = { style: { display: "flex", "flex-direction": "column"
     }
   }
 }, wt = (t) => {
-  typeof t == "string" && (t = { title: "", text: t }), typeof t == "object" && U.emit("notification-add", t);
+  typeof t == "string" && (t = { title: "", text: t }), typeof t == "object" && q.emit("notification-add", t);
 };
 wt.close = (t) => {
-  U.emit("notification-close", t);
+  q.emit("notification-close", t);
 };
 const Zs = () => ({ notify: wt }), Ks = {
   mounted: function(t, e) {
@@ -3075,12 +3079,12 @@ export {
   Te as DTransferStore,
   xt as DTree,
   To as DTreeItem,
-  g as DTreeStore,
-  q as Rules,
+  v as DTreeStore,
+  G as Rules,
   Nn as alert,
   Ks as clickOutside,
   Mn as confirm,
-  U as emitter,
+  q as emitter,
   Co as eventsBus,
   Qs as focus,
   Js as keydown,