doph-js 0.2.23 → 0.2.25

package/dist/dophJs.js

@@ -1,4 +1,4 @@
-import { useSlots as ve, computed as p, h as Ee, openBlock as d, createBlock as _, unref as I, ref as D, createElementBlock as h, Fragment as ee, normalizeClass as E, renderSlot as k, createCommentVNode as S, normalizeStyle as O, resolveDynamicComponent as P, createStaticVNode as Ae, onMounted as ye, toDisplayString as N, withDirectives as se, createElementVNode as x, vModelText as be, withCtx as w, createTextVNode as U, Transition as Se, withModifiers as q, resolveComponent as st, resolveDirective as Te, createVNode as te, renderList as ue, pushScopeId as it, popScopeId as at, reactive as we, Teleport as ze, nextTick as Re, getCurrentInstance as Ve, watch as We, onUnmounted as lt, mergeProps as re, useCssVars as _e, shallowRef as rt, defineComponent as dt, normalizeProps as ct, guardReactiveProps as ut, TransitionGroup as Fe, vModelCheckbox as ft, vModelSelect as pt, toRef as mt, KeepAlive as ht, toRefs as gt } from "vue";
+import { useSlots as _e, computed as p, h as Ee, openBlock as d, createBlock as _, unref as I, ref as T, createElementBlock as m, Fragment as te, normalizeClass as E, renderSlot as S, createCommentVNode as k, normalizeStyle as O, resolveDynamicComponent as P, createStaticVNode as Ae, onMounted as ue, toDisplayString as M, withDirectives as oe, createElementVNode as x, vModelText as ve, withCtx as D, createTextVNode as U, Transition as Se, withModifiers as q, resolveComponent as st, resolveDirective as Te, createVNode as ne, renderList as fe, pushScopeId as at, popScopeId as it, reactive as we, Teleport as Ve, nextTick as ze, getCurrentInstance as Re, watch as We, onUnmounted as lt, mergeProps as re, useCssVars as be, shallowRef as rt, defineComponent as dt, normalizeProps as ct, guardReactiveProps as ut, TransitionGroup as Fe, vModelCheckbox as ft, vModelSelect as pt, toRef as mt, KeepAlive as ht, toRefs as gt } from "vue";
 const ce = {
   __name: "DIcon",
   props: {
@@ -8,13 +8,13 @@ const ce = {
     className: String
   },
   setup(e) {
-    const o = e, t = ve(), n = p(() => {
+    const o = e, t = _e(), n = p(() => {
       const { className: r } = o;
       return r === void 0 ? "icon" : ["icon", r].join(" ");
     }), s = p(() => {
       const { color: r } = o;
       return r === void 0 ? null : r;
-    }), i = p(() => {
+    }), a = p(() => {
       const r = o.size ?? null;
       if (r !== void 0)
         return typeof r == "number" || /^\d+$/.test(r) ? `${r}px` : r;
@@ -24,12 +24,12 @@ const ce = {
         class: n.value,
         style: {
           color: s.value,
-          fontSize: i.value
+          fontSize: a.value
         }
       },
       o.component ? Ee(o.component) : t
     ));
-    return (r, a) => (d(), _(I(l)));
+    return (r, i) => (d(), _(I(l)));
   }
 }, Z = {
   state: {},
@@ -58,7 +58,7 @@ function Pe(e) {
     n += t.offsetLeft - t.scrollLeft, s += t.offsetTop - t.scrollTop, t = t.offsetParent;
   return { top: s, left: n, x: o.x, y: o.y, width: o.width, height: o.height };
 }
-const oe = (e, o) => {
+const K = (e, o) => {
   const t = e.__vccOpts || e;
   for (const [n, s] of o)
     t[n] = s;
@@ -102,34 +102,34 @@ const oe = (e, o) => {
   },
   emits: ["click", "contextmenu"],
   setup(e, { expose: o, emit: t }) {
-    const n = e, s = ve(), i = D(null), l = p(() => n.icon ? Z.getters.getIcon(n.icon) : null), r = ($) => {
+    const n = e, s = _e(), a = T(null), l = p(() => n.icon ? Z.getters.getIcon(n.icon) : null), r = ($) => {
       t("click", $);
-    }, a = ($) => {
+    }, i = ($) => {
       t("contextmenu", $);
-    }, c = p(() => n.scale === "large" ? "button-lg" : n.scale === "small" ? "button-sm" : ""), u = p(() => n.disabled ? "disabled" : ""), m = ($) => !!s[$], b = p(() => m("default") ? "" : n.scale === "large" ? "d-button-lg-icon" : n.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), C = p(() => {
+    }, c = p(() => n.scale === "large" ? "button-lg" : n.scale === "small" ? "button-sm" : ""), u = p(() => n.disabled ? "disabled" : ""), h = ($) => !!s[$], b = p(() => h("default") ? "" : n.scale === "large" ? "d-button-lg-icon" : n.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), C = p(() => {
       const $ = n.outline ? "-outline" : "";
       return n.type === "primary" ? `button${$}-blue` : n.type === "success" ? `button${$}-green` : n.type === "error" ? `button${$}-red` : n.type === "warning" ? `button${$}-orange` : n.type === "wait" ? `button${$}-violet` : n.outline ? `button${$}` : "";
     });
     return o({
-      elementSize: () => Pe(i)
-    }), ($, V) => (d(), h(ee, null, [
-      l.value ? S("", !0) : (d(), h("div", {
+      elementSize: () => Pe(a)
+    }), ($, R) => (d(), m(te, null, [
+      l.value ? k("", !0) : (d(), m("div", {
         key: 0,
         ref_key: "el",
-        ref: i,
+        ref: a,
         onClick: r,
-        onContextmenu: a,
+        onContextmenu: i,
         class: E(["button", [n.class, c.value, C.value, u.value].join(" ")])
       }, [
-        k($.$slots, "default", {}, void 0, !0),
-        n.loading ? (d(), h("svg", vt, _t)) : S("", !0)
+        S($.$slots, "default", {}, void 0, !0),
+        n.loading ? (d(), m("svg", vt, _t)) : k("", !0)
       ], 34)),
-      l.value ? (d(), h("div", {
+      l.value ? (d(), m("div", {
         key: 1,
         ref_key: "el",
-        ref: i,
+        ref: a,
         onClick: r,
-        onContextmenu: a,
+        onContextmenu: i,
         class: E(["button button-ext", [n.class, c.value, b.value, C.value, u.value].join(" ")]),
         style: O(n.style)
       }, [
@@ -137,15 +137,15 @@ const oe = (e, o) => {
           key: 0,
           component: l.value,
           color: "inherit"
-        }, null, 8, ["component"])) : S("", !0),
-        I(s).default ? (d(), h("div", bt, [
-          k($.$slots, "default", {}, void 0, !0)
-        ])) : S("", !0),
-        n.loading ? (d(), h("svg", xt, kt)) : S("", !0)
-      ], 38)) : S("", !0)
+        }, null, 8, ["component"])) : k("", !0),
+        I(s).default ? (d(), m("div", bt, [
+          S($.$slots, "default", {}, void 0, !0)
+        ])) : k("", !0),
+        n.loading ? (d(), m("svg", xt, kt)) : k("", !0)
+      ], 38)) : k("", !0)
     ], 64));
   }
-}, Q = /* @__PURE__ */ oe(St, [["__scopeId", "data-v-e5cd6ccd"]]);
+}, ee = /* @__PURE__ */ K(St, [["__scopeId", "data-v-e5cd6ccd"]]);
 const Tt = {
   key: 0,
   class: "d-input"
@@ -159,14 +159,14 @@ const Tt = {
 }, It = {
   key: 0,
   class: "label"
-}, Lt = { style: { display: "flex", "align-items": "flex-end", "justify-content": "flex-start" } }, Et = { style: { flex: "1" } }, Bt = ["placeholder"], Mt = {
+}, Lt = { style: { display: "flex", "align-items": "flex-end", "justify-content": "flex-start" } }, Et = { style: { flex: "1" } }, Bt = ["placeholder"], Nt = {
   key: 2,
   class: "d-input",
   style: { display: "flex", "flex-direction": "column" }
-}, Nt = {
+}, Mt = {
   key: 0,
   class: "label"
-}, Ot = { style: { display: "flex", "align-items": "flex-end", "justify-content": "flex-start" } }, Ht = { style: { flex: "1" } }, At = ["placeholder"], zt = {
+}, Ot = { style: { display: "flex", "align-items": "flex-end", "justify-content": "flex-start" } }, Ht = { style: { flex: "1" } }, At = ["placeholder"], Vt = {
   __name: "DInput",
   props: {
     label: String,
@@ -180,13 +180,13 @@ const Tt = {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: o, emit: t }) {
-    const n = e, s = D(null), i = p(() => n.scale === "small" ? "d-input-small" : n.scale === "large" ? "d-input-large" : ""), l = p({
+    const n = e, s = T(null), a = p(() => n.scale === "small" ? "d-input-small" : n.scale === "large" ? "d-input-large" : ""), l = p({
       get: () => n.modelValue,
-      set: (a) => {
-        t("update:modelValue", a);
+      set: (i) => {
+        t("update:modelValue", i);
       }
     });
-    ye(() => {
+    ue(() => {
       n.focus && r();
     });
     const r = () => {
@@ -194,47 +194,47 @@ const Tt = {
     };
     return o({
       focus: r
-    }), (a, c) => !n.post && !n.pre ? (d(), h("div", Tt, [
-      n.label ? (d(), h("div", wt, N(n.label), 1)) : S("", !0),
-      se(x("input", {
+    }), (i, c) => !n.post && !n.pre ? (d(), m("div", Tt, [
+      n.label ? (d(), m("div", wt, M(n.label), 1)) : k("", !0),
+      oe(x("input", {
         ref_key: "inputRef",
         ref: s,
         "onUpdate:modelValue": c[0] || (c[0] = (u) => l.value = u),
         type: "text",
-        class: E(i.value),
+        class: E(a.value),
         placeholder: n.placeholder,
         style: { width: "100%" }
       }, null, 10, Dt), [
-        [be, l.value]
+        [ve, l.value]
       ])
-    ])) : n.post && n.post.click && !n.pre ? (d(), h("div", Ct, [
-      n.label ? (d(), h("div", It, N(n.label), 1)) : S("", !0),
+    ])) : n.post && n.post.click && !n.pre ? (d(), m("div", Ct, [
+      n.label ? (d(), m("div", It, M(n.label), 1)) : k("", !0),
       x("div", Lt, [
         x("div", Et, [
-          se(x("input", {
+          oe(x("input", {
             ref_key: "inputRef",
             ref: s,
-            class: E(["d-input-post-field", i.value]),
+            class: E(["d-input-post-field", a.value]),
             "onUpdate:modelValue": c[1] || (c[1] = (u) => l.value = u),
             type: "text",
             placeholder: n.placeholder,
             style: { width: "100%" }
           }, null, 10, Bt), [
-            [be, l.value]
+            [ve, l.value]
           ])
         ]),
-        n.post.label ? (d(), _(Q, {
+        n.post.label ? (d(), _(ee, {
           key: 0,
           scale: n.scale,
           class: E(["d-input-post-button", n.post.class]),
           onClick: n.post.click,
           icon: n.post.icon
         }, {
-          default: w(() => [
-            U(N(n.post.label), 1)
+          default: D(() => [
+            U(M(n.post.label), 1)
           ]),
           _: 1
-        }, 8, ["scale", "onClick", "icon", "class"])) : (d(), _(Q, {
+        }, 8, ["scale", "onClick", "icon", "class"])) : (d(), _(ee, {
           key: 1,
           scale: n.scale,
           class: E(["d-input-post-button", n.post.class]),
@@ -242,21 +242,21 @@ const Tt = {
           icon: n.post.icon
         }, null, 8, ["scale", "onClick", "icon", "class"]))
       ])
-    ])) : !n.post && n.pre && n.pre.click ? (d(), h("div", Mt, [
-      n.label ? (d(), h("div", Nt, N(n.label), 1)) : S("", !0),
+    ])) : !n.post && n.pre && n.pre.click ? (d(), m("div", Nt, [
+      n.label ? (d(), m("div", Mt, M(n.label), 1)) : k("", !0),
       x("div", Ot, [
-        n.pre.label ? (d(), _(Q, {
+        n.pre.label ? (d(), _(ee, {
           key: 0,
           scale: n.scale,
           class: E(["d-input-pre-button", n.pre.class]),
           onClick: n.pre.click,
           icon: n.pre.icon
         }, {
-          default: w(() => [
-            U(N(n.pre.label), 1)
+          default: D(() => [
+            U(M(n.pre.label), 1)
           ]),
           _: 1
-        }, 8, ["scale", "onClick", "icon", "class"])) : (d(), _(Q, {
+        }, 8, ["scale", "onClick", "icon", "class"])) : (d(), _(ee, {
           key: 1,
           scale: n.scale,
           class: E(["d-input-pre-button", n.pre.class]),
@@ -264,22 +264,22 @@ const Tt = {
           icon: n.pre.icon
         }, null, 8, ["scale", "onClick", "icon", "class"])),
         x("div", Ht, [
-          se(x("input", {
+          oe(x("input", {
             ref_key: "inputRef",
             ref: s,
-            class: E(["d-input-pre-field", i.value]),
+            class: E(["d-input-pre-field", a.value]),
             "onUpdate:modelValue": c[2] || (c[2] = (u) => l.value = u),
             type: "text",
             placeholder: n.placeholder,
             style: { width: "100%" }
           }, null, 10, At), [
-            [be, l.value]
+            [ve, l.value]
           ])
         ])
       ])
-    ])) : S("", !0);
+    ])) : k("", !0);
   }
-}, Cn = /* @__PURE__ */ oe(zt, [["__scopeId", "data-v-0b6b3cf1"]]), Rt = {
+}, Bn = /* @__PURE__ */ K(Vt, [["__scopeId", "data-v-0b6b3cf1"]]), zt = {
   __name: "DBadge",
   props: {
     scale: String,
@@ -295,13 +295,13 @@ const Tt = {
       const s = o.stress ? "-stress" : "";
       return o.type === "primary" ? `badge${s}-blue` : o.type === "success" ? `badge${s}-green` : o.type === "error" ? `badge${s}-red` : o.type === "warning" ? `badge${s}-orange` : o.type === "wait" ? `badge${s}-violet` : o.stress ? `badge${s}-gray` : "";
     });
-    return (s, i) => (d(), h("div", {
+    return (s, a) => (d(), m("div", {
       class: E(["badge", [o.class, t.value, n.value].join(" ")])
     }, [
-      k(s.$slots, "default")
+      S(s.$slots, "default")
     ], 2));
   }
-}, J = "0px", Vt = {
+}, Q = "0px", Rt = {
   __name: "DCollapse",
   props: {
     duration: {
@@ -326,41 +326,41 @@ const Tt = {
     }
   },
   setup(e) {
-    const o = e, t = (a) => ({
-      height: a.style.height,
-      width: a.style.width,
-      position: a.style.position,
-      visibility: a.style.visibility,
-      overflow: a.style.overflow,
-      paddingTop: a.style.paddingTop,
-      paddingBottom: a.style.paddingBottom,
-      borderTopWidth: a.style.borderTopWidth,
-      borderBottomWidth: a.style.borderBottomWidth,
-      marginTop: a.style.marginTop,
-      marginBottom: a.style.marginBottom
-    }), n = (a, c) => {
-      const { width: u } = getComputedStyle(a);
-      a.style.width = u, a.style.position = "absolute", a.style.visibility = "hidden", a.style.height = "";
-      let { height: m } = getComputedStyle(a);
-      return a.style.width = c.width, a.style.position = c.position, a.style.visibility = c.visibility, a.style.height = J, a.style.overflow = "hidden", c.height && c.height !== J ? c.height : m;
-    }, s = (a, c, u, m, b) => {
-      const C = a.animate(m, b);
-      a.style.height = c.height, C.onfinish = () => {
-        a.style.overflow = c.overflow, u();
+    const o = e, t = (i) => ({
+      height: i.style.height,
+      width: i.style.width,
+      position: i.style.position,
+      visibility: i.style.visibility,
+      overflow: i.style.overflow,
+      paddingTop: i.style.paddingTop,
+      paddingBottom: i.style.paddingBottom,
+      borderTopWidth: i.style.borderTopWidth,
+      borderBottomWidth: i.style.borderBottomWidth,
+      marginTop: i.style.marginTop,
+      marginBottom: i.style.marginBottom
+    }), 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: h } = getComputedStyle(i);
+      return i.style.width = c.width, i.style.position = c.position, i.style.visibility = c.visibility, i.style.height = Q, i.style.overflow = "hidden", c.height && c.height !== Q ? c.height : h;
+    }, s = (i, c, u, h, b) => {
+      const C = i.animate(h, b);
+      i.style.height = c.height, C.onfinish = () => {
+        i.style.overflow = c.overflow, u();
       };
-    }, i = (a, c) => [
+    }, a = (i, c) => [
       {
-        height: J,
+        height: Q,
         opacity: o.opacityClosed,
-        paddingTop: J,
-        paddingBottom: J,
-        borderTopWidth: J,
-        borderBottomWidth: J,
-        marginTop: J,
-        marginBottom: J
+        paddingTop: Q,
+        paddingBottom: Q,
+        borderTopWidth: Q,
+        borderBottomWidth: Q,
+        marginTop: Q,
+        marginBottom: Q
       },
       {
-        height: a,
+        height: i,
         opacity: o.opacityOpened,
         paddingTop: c.paddingTop,
         paddingBottom: c.paddingBottom,
@@ -369,27 +369,27 @@ const Tt = {
         marginTop: c.marginTop,
         marginBottom: c.marginBottom
       }
-    ], l = (a, c) => {
-      const u = a, m = t(u), b = n(u, m), C = i(b, m), M = { duration: o.duration, easing: o.easingEnter };
-      s(u, m, c, C, M);
-    }, r = (a, c) => {
-      const u = a, m = t(u), { height: b } = getComputedStyle(u);
+    ], l = (i, c) => {
+      const u = i, h = t(u), b = n(u, h), C = a(b, h), N = { duration: o.duration, easing: o.easingEnter };
+      s(u, h, c, C, N);
+    }, r = (i, c) => {
+      const u = i, h = t(u), { height: b } = getComputedStyle(u);
       u.style.height = b, u.style.overflow = "hidden";
-      const C = i(b, m).reverse(), M = { duration: o.duration, easing: o.easingLeave };
-      s(u, m, c, C, M);
+      const C = a(b, h).reverse(), N = { duration: o.duration, easing: o.easingLeave };
+      s(u, h, c, C, N);
     };
-    return (a, c) => (d(), _(Se, {
+    return (i, c) => (d(), _(Se, {
       css: !1,
       onEnter: l,
       onLeave: r
     }, {
-      default: w(() => [
-        k(a.$slots, "default")
+      default: D(() => [
+        S(i.$slots, "default")
       ]),
       _: 3
     }));
   }
-}, ge = {
+}, ye = {
   data: void 0
 }, De = (e) => e.reduce((o, t) => (o[t] = t) && o, {}), H = De([
   "drag",
@@ -423,32 +423,32 @@ const Tt = {
     tag: { type: String, default: "div" }
   },
   setup(e) {
-    const o = e, t = ve(), n = D(!1), s = p(() => n && o.transferData), i = p(() => ({ position: "fixed", top: "-1000px" })), l = (r, a) => {
-      const c = a.dataTransfer;
+    const o = e, t = _e(), n = T(!1), s = p(() => n && o.transferData), a = p(() => ({ position: "fixed", top: "-1000px" })), l = (r, i) => {
+      const c = i.dataTransfer;
       if ([H.dragenter, H.dragover].includes(r) && o.dropEffect && (c.dropEffect = o.dropEffect), r === H.dragstart) {
         if (o.effectAllowed && (c.effectAllowed = o.effectAllowed), o.image || t.image) {
           let u;
           o.image ? (u = new Image(), u.src = o.image) : t.image && (u = t.image[0].elm), c.setDragImage && c.setDragImage(u, o.imageXOffset, o.imageYOffset);
         }
-        o.transferData !== void 0 && (ge.data = o.transferData, a.dataTransfer.setData("text", "")), n.value = !0;
+        o.transferData !== void 0 && (ye.data = o.transferData, i.dataTransfer.setData("text", "")), n.value = !0;
       }
     };
-    return (r, a) => (d(), _(P(e.tag), {
+    return (r, i) => (d(), _(P(e.tag), {
       draggable: o.draggable,
-      onDrag: a[0] || (a[0] = (c) => l(I(H).drag, c)),
-      onDragstart: a[1] || (a[1] = q((c) => l(I(H).dragstart, c), ["stop"])),
-      onDragenter: a[2] || (a[2] = (c) => l(I(H).dragenter, c)),
-      onDragleave: a[3] || (a[3] = (c) => l(I(H).dragleave, c)),
-      onDragend: a[4] || (a[4] = (c) => l(I(H).dragend, c))
+      onDrag: i[0] || (i[0] = (c) => l(I(H).drag, c)),
+      onDragstart: i[1] || (i[1] = q((c) => l(I(H).dragstart, c), ["stop"])),
+      onDragenter: i[2] || (i[2] = (c) => l(I(H).dragenter, c)),
+      onDragleave: i[3] || (i[3] = (c) => l(I(H).dragleave, c)),
+      onDragend: i[4] || (i[4] = (c) => l(I(H).dragend, c))
     }, {
-      default: w(() => [
-        k(r.$slots, "default", { transferData: s.value }),
-        e.hideImageHtml ? (d(), h("div", {
+      default: D(() => [
+        S(r.$slots, "default", { transferData: s.value }),
+        e.hideImageHtml ? (d(), m("div", {
           key: 0,
-          style: O(i.value)
+          style: O(a.value)
         }, [
-          k(r.$slots, "image", { transferData: s.value })
-        ], 4)) : k(r.$slots, "image", {
+          S(r.$slots, "image", { transferData: s.value })
+        ], 4)) : S(r.$slots, "image", {
           key: 1,
           transferData: s.value
         })
@@ -457,7 +457,7 @@ const Tt = {
     }, 40, ["draggable"]));
   }
 };
-const jt = (e) => (it("data-v-d8c92d5e"), e = e(), at(), e), Xt = {
+const jt = (e) => (at("data-v-d8c92d5e"), e = e(), it(), e), Xt = {
   key: 0,
   style: { display: "none" }
 }, Yt = { key: 1 }, qt = /* @__PURE__ */ jt(() => /* @__PURE__ */ x("div", { class: "tree-divider" }, null, -1)), Gt = [
@@ -478,37 +478,37 @@ const jt = (e) => (it("data-v-d8c92d5e"), e = e(), at(), e), Xt = {
   },
   emits: ["nodedrop", "nodedragover", "nodedragleave", "nodeclick", "nodecontext"],
   setup(e, { emit: o }) {
-    const t = e, n = D(null), s = D(!1), i = D(!1), l = D(!1), r = p(() => t.model.children && t.model.children.length), a = p(() => (g.actions.isTreeExpanded(t.treeId) && (t.model.expanded = t.model.expanded === void 0 ? !0 : t.model.expanded), t.model.expanded)), c = (L) => {
+    const t = e, n = T(null), s = T(!1), a = T(!1), l = T(!1), r = p(() => t.model.children && t.model.children.length), i = p(() => (g.actions.isTreeExpanded(t.treeId) && (t.model.expanded = t.model.expanded === void 0 ? !0 : t.model.expanded), t.model.expanded)), c = (L) => {
       o("nodeclick", { event: L, model: t.model });
     }, u = (L) => {
       o("nodeclick", L);
-    }, m = (L) => {
+    }, h = (L) => {
       o("nodedrop", L);
     }, b = (L) => {
       o("nodecontext", L);
-    }, C = p(() => (g.actions.isItemSelected(t.treeId, t.model.id) ? "selected" : "") + (s.value ? "node-over " : "") + (i.value ? "node-top " : "") + (l.value ? "node-bottom " : "")), M = p(() => t.search ? !1 : t.model.draggable === !0), $ = (L) => {
+    }, C = p(() => (g.actions.isItemSelected(t.treeId, t.model.id) ? "selected" : "") + (s.value ? "node-over " : "") + (a.value ? "node-top " : "") + (l.value ? "node-bottom " : "")), N = p(() => t.search ? !1 : t.model.draggable === !0), $ = (L) => {
       o("nodedrop", { e: L, model: t.model });
-      let y = ge.data;
+      let y = ye.data;
       if (y === void 0 || y.model === void 0)
         return s.value = !1, !1;
       if (y.model.id === t.model.id || g.actions.isChildOfParent(t.treeId, t.items, t.model.id, y.model.id) || g.actions.isParentOfChild(t.treeId, t.items, y.model.id, t.model.id))
-        return s.value = !1, i.value = !1, l.value = !1, !1;
+        return s.value = !1, a.value = !1, l.value = !1, !1;
       if (!g.state.trees[t.treeId].transfer && y.id !== t.treeId)
         return !1;
       let B = "";
-      i.value ? B = "before" : l.value ? B = "after" : B = "inside", g.actions.moveTreeNode(y.id, t.treeId, t.items, y.model.id, t.model.id, B), s.value = !1, i.value = !1, l.value = !1;
-    }, V = (L) => {
+      a.value ? B = "before" : l.value ? B = "after" : B = "inside", g.actions.moveTreeNode(y.id, t.treeId, t.items, y.model.id, t.model.id, B), s.value = !1, a.value = !1, l.value = !1;
+    }, R = (L) => {
       o("nodedragover", { e: L, model: t.model });
-      let y = ge.data;
+      let y = ye.data;
       if (y === void 0 || y.model === void 0)
         return s.value = !0, !1;
       if (y.model.id === t.model.id || g.actions.isChildOfParent(t.treeId, t.items, t.model.id, y.model.id) || g.actions.isParentOfChild(t.treeId, t.items, y.model.id, t.model.id))
         return !1;
       const B = L.y, W = n.value.getBoundingClientRect().top, F = n.value.getBoundingClientRect().height, v = F / 3;
-      B > W && B <= W + v ? (s.value = !1, i.value = !0, l.value = !1) : B < W + F && B >= W + F - v ? (s.value = !1, i.value = !1, l.value = !0) : (s.value = !0, i.value = !1, l.value = !1);
+      B > W && B <= W + v ? (s.value = !1, a.value = !0, l.value = !1) : B < W + F && B >= W + F - v ? (s.value = !1, a.value = !1, l.value = !0) : (s.value = !0, a.value = !1, l.value = !1);
     }, X = () => {
-      s.value = !1, i.value = !1, l.value = !1;
-    }, A = p(() => t.model.title.startsWith("-")), K = p(() => {
+      s.value = !1, a.value = !1, l.value = !1;
+    }, A = p(() => t.model.title.startsWith("-")), J = p(() => {
       if (t.model.title.startsWith("-")) {
         let [L, ...y] = t.model.title.split(" ");
         return y = y.join(" "), y;
@@ -517,28 +517,28 @@ const jt = (e) => (it("data-v-d8c92d5e"), e = e(), at(), e), Xt = {
     });
     return (L, y) => {
       const B = st("d-tree-item", !0), W = Te("touch");
-      return I(g).actions.beforeItem(t.treeId, e.model) ? A.value && !K.value ? (d(), h("li", Yt, Gt)) : A.value && K.value ? (d(), h("li", Ut, [
-        x("div", Zt, N(I(g).actions.renderTitle(t.treeId, K.value)), 1)
+      return I(g).actions.beforeItem(t.treeId, e.model) ? A.value && !J.value ? (d(), m("li", Yt, Gt)) : A.value && J.value ? (d(), m("li", Ut, [
+        x("div", Zt, M(I(g).actions.renderTitle(t.treeId, J.value)), 1)
       ])) : (d(), _(Pt, {
         key: 3,
         tag: "li",
         class: "tree-item",
         "transfer-data": { id: t.treeId, model: t.model },
-        draggable: M.value,
+        draggable: N.value,
         onDrop: q($, ["stop"]),
         onDragenter: y[1] || (y[1] = q(() => {
         }, ["prevent"])),
-        onDragover: q(V, ["prevent", "stop"]),
+        onDragover: q(R, ["prevent", "stop"]),
         onDragleave: q(X, ["prevent"])
       }, {
-        default: w(() => {
+        default: D(() => {
           var F, v;
           return [
-            se((d(), h("div", {
+            oe((d(), m("div", {
               ref_key: "node",
               ref: n,
               class: E(C.value),
-              onContextmenu: y[0] || (y[0] = q((z) => o("nodecontext", { e: z, model: t.model }), ["prevent"]))
+              onContextmenu: y[0] || (y[0] = q((V) => o("nodecontext", { e: V, model: t.model }), ["prevent"]))
             }, [
               x("div", null, [
                 t.model.icons && t.model.icons.pre && r.value && !t.search && !A.value ? (d(), _(P(ce), {
@@ -546,73 +546,73 @@ const jt = (e) => (it("data-v-d8c92d5e"), e = e(), at(), e), Xt = {
                   component: I(Z).getters.getIcon(t.model.icons.pre.component),
                   size: 18,
                   color: t.model.icons.pre.color ? t.model.icons.pre.color : "inherit",
-                  class: E(a.value ? "tree-open-pre" : "")
-                }, null, 8, ["component", "color", "class"])) : S("", !0),
+                  class: E(i.value ? "tree-open-pre" : "")
+                }, null, 8, ["component", "color", "class"])) : k("", !0),
                 t.model.icons && t.model.icons.pre && !r.value && !t.search && !A.value ? (d(), _(P(ce), {
                   key: 1,
                   component: I(Z).getters.getIcon(t.model.icons.pre.component),
                   size: 18,
                   color: "rgba(0,0,0,0)",
-                  class: E(a.value ? "tree-open-pre" : "")
-                }, null, 8, ["component", "class"])) : S("", !0),
+                  class: E(i.value ? "tree-open-pre" : "")
+                }, null, 8, ["component", "class"])) : k("", !0),
                 t.model.icons && t.model.icons.icon && !A.value ? (d(), _(P(ce), {
                   key: 2,
                   component: I(Z).getters.getIcon(t.model.icons.icon.component),
                   color: t.model.icons.icon.color ? t.model.icons.icon.color : "inherit",
                   size: t.model.icons.icon.size ? t.model.icons.icon.size : null,
                   className: t.model.icons.icon.class ? t.model.icons.icon.class : null
-                }, null, 8, ["component", "color", "size", "className"])) : S("", !0),
+                }, null, 8, ["component", "color", "size", "className"])) : k("", !0),
                 x("div", Kt, [
-                  A.value ? (d(), h("div", Jt)) : S("", !0),
-                  A.value ? S("", !0) : (d(), h("div", Qt, N(I(g).actions.renderTitle(t.treeId, t.model.title)), 1))
+                  A.value ? (d(), m("div", Jt)) : k("", !0),
+                  A.value ? k("", !0) : (d(), m("div", Qt, M(I(g).actions.renderTitle(t.treeId, t.model.title)), 1))
                 ])
               ]),
               x("div", eo, [
-                ((F = t.model.badge) == null ? void 0 : F.value) !== void 0 && !A.value ? (d(), _(P(Rt), {
+                ((F = t.model.badge) == null ? void 0 : F.value) !== void 0 && !A.value ? (d(), _(P(zt), {
                   key: 0,
                   class: E([(v = t.model.badge) == null ? void 0 : v.class, "badge-sm"])
                 }, {
-                  default: w(() => [
-                    U(N(t.model.badge.value), 1)
+                  default: D(() => [
+                    U(M(t.model.badge.value), 1)
                   ]),
                   _: 1
-                }, 8, ["class"])) : S("", !0),
+                }, 8, ["class"])) : k("", !0),
                 t.model.icons && t.model.icons.post && r.value && !t.search && !A.value ? (d(), _(P(ce), {
                   key: 1,
                   component: I(Z).getters.getIcon(t.model.icons.post.component),
                   size: 20,
                   color: t.model.icons.post.color ? t.model.icons.post.color : "inherit",
-                  class: E(a.value ? "tree-open-post" : "")
-                }, null, 8, ["component", "color", "class"])) : S("", !0)
+                  class: E(i.value ? "tree-open-post" : "")
+                }, null, 8, ["component", "color", "class"])) : k("", !0)
               ])
             ], 34)), [
               [W, c]
             ]),
-            te(Vt, null, {
-              default: w(() => [
-                r.value && a.value && !t.search ? (d(), h("ul", to, [
-                  (d(!0), h(ee, null, ue(e.model.children, (z) => (d(), _(B, {
+            ne(Rt, null, {
+              default: D(() => [
+                r.value && i.value && !t.search ? (d(), m("ul", to, [
+                  (d(!0), m(te, null, fe(e.model.children, (V) => (d(), _(B, {
                     class: "tree-item",
-                    key: z.id,
-                    model: z,
+                    key: V.id,
+                    model: V,
                     treeId: t.treeId,
                     items: t.items,
                     search: t.search,
                     onNodeclick: u,
-                    onNodedrop: m,
+                    onNodedrop: h,
                     onNodecontext: b
                   }, null, 8, ["model", "treeId", "items", "search"]))), 128))
-                ])) : S("", !0)
+                ])) : k("", !0)
               ]),
               _: 1
             })
           ];
         }),
         _: 1
-      }, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (d(), h("li", Xt));
+      }, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (d(), m("li", Xt));
     };
   }
-}, no = /* @__PURE__ */ oe(oo, [["__scopeId", "data-v-d8c92d5e"]]);
+}, no = /* @__PURE__ */ K(oo, [["__scopeId", "data-v-d8c92d5e"]]);
 function so(e) {
   return e = e || /* @__PURE__ */ new Map(), {
     /**
@@ -672,8 +672,8 @@ const j = so(), g = {
       return g.state.trees[e].selected;
     },
     // data - ноды, dataId - ID ноды родителя data
-    getParentId(e, o, t, n = "id", s = "children", i = {}) {
-      return t && e && (e.find((l) => l[n] === t ? (i.found = o, l) : g.getters.getParentId(l[s], l.id, t, n, s, i)), i.found) ? i.found : !1;
+    getParentId(e, o, t, n = "id", s = "children", a = {}) {
+      return t && e && (e.find((l) => l[n] === t ? (a.found = o, l) : g.getters.getParentId(l[s], l.id, t, n, s, a)), a.found) ? a.found : !1;
     }
   },
   mutations: {
@@ -687,8 +687,8 @@ const j = so(), g = {
     }
   },
   actions: {
-    initTreeStore(e, o, t, n, s, i, l) {
-      g.state.trees[e] = [], g.state.trees[e].selected = [], g.state.trees[e].noSelect = o, g.state.trees[e].multiSelect = t, g.state.trees[e].expanded = n, g.state.trees[e].transfer = s, g.state.trees[e].renderTitle = i, g.state.trees[e].beforeItem = l;
+    initTreeStore(e, o, t, n, s, a, l) {
+      g.state.trees[e] = [], g.state.trees[e].selected = [], g.state.trees[e].noSelect = o, g.state.trees[e].multiSelect = t, g.state.trees[e].expanded = n, g.state.trees[e].transfer = s, g.state.trees[e].renderTitle = a, g.state.trees[e].beforeItem = l;
     },
     renderTitle(e, o) {
       return g.state.trees[e].renderTitle ? g.state.trees[e].renderTitle(o) : o;
@@ -708,8 +708,8 @@ const j = so(), g = {
     isChildOfParent(e, o, t, n) {
       const s = g.actions.deepSearch(o, t);
       if (s && s.children) {
-        for (let i = 0; i < s.children.length; i++)
-          if (s.children[i].id === n)
+        for (let a = 0; a < s.children.length; a++)
+          if (s.children[a].id === n)
             return !0;
       }
       return !1;
@@ -720,22 +720,22 @@ const j = so(), g = {
       return !!(s && s.children && g.actions.deepSearch(s.children, n));
     },
     deepSearch(e, o, t = "id", n = "children", s = {}) {
-      return o && e && (e.find((i) => i[t] === o ? (s.found = i, i) : g.actions.deepSearch(i[n], o, t, n, s)), s.found) ? s.found : !1;
+      return o && e && (e.find((a) => a[t] === o ? (s.found = a, a) : g.actions.deepSearch(a[n], o, t, n, s)), s.found) ? s.found : !1;
     },
     deepSearchByTitle(e, o, t = "title", n = "children", s = []) {
-      if (o && e && (e.find((i) => {
+      if (o && e && (e.find((a) => {
         const l = new RegExp(o, "gi");
-        i[t].toString().toLowerCase().match(l) !== null && s.push(i), g.actions.deepSearchByTitle(i[n], o, t, n, s);
+        a[t].toString().toLowerCase().match(l) !== null && s.push(a), g.actions.deepSearchByTitle(a[n], o, t, n, s);
       }), s)) {
-        for (let i = 0; i < s.length; i++)
+        for (let a = 0; a < s.length; a++)
           ;
         return s;
       }
       return s;
     },
-    moveTreeNode(e, o, t, n, s, i) {
+    moveTreeNode(e, o, t, n, s, a) {
       const l = g.actions.deleteTreeNode(t, n);
-      g.actions.insertTreeNode(t, s, l, i), j.emit(`move-${o}`, { fromTreeId: e, toTreeId: o, moved: l.id, target: s, position: i });
+      g.actions.insertTreeNode(t, s, l, a), j.emit(`move-${o}`, { fromTreeId: e, toTreeId: o, moved: l.id, target: s, position: a });
     },
     insertTreeNode(e, o, t, n) {
       if (e)
@@ -744,9 +744,9 @@ const j = so(), g = {
             let l = s;
             return n === "after" ? (l++, e.splice(l, 0, t)) : n === "before" ? e.splice(l, 0, t) : n === "inside" && (Object.hasOwn(e[s], "children") || (e[s].children = [], e[s].opened = !0), e[s].children.splice(0, 0, t)), e[s];
           }
-          const i = this.insertTreeNode(e[s].children, o, t, n);
-          if (i)
-            return i;
+          const a = this.insertTreeNode(e[s].children, o, t, n);
+          if (a)
+            return a;
         }
     },
     deleteTreeNode(e, o) {
@@ -762,7 +762,7 @@ const j = so(), g = {
         }
     }
   }
-}, io = {
+}, ao = {
   __name: "DDrop",
   props: {
     tag: { type: String, default: "div" }
@@ -770,21 +770,21 @@ const j = so(), g = {
   emits: Object.keys(H),
   setup(e, { expose: o, emit: t }) {
     let n = we({});
-    const s = D("false"), i = D(null), l = /* @__PURE__ */ new Set(), r = p(() => s.value && n), a = (u, m) => {
-      n = ge.data, t(u, m, n), u === H.dragenter && (l.size || m.target === i.value) && l.add(m.target), u === H.dragleave && l.delete(m.target), u === H.drop && l.clear(), s.value = !!l.size;
+    const s = T("false"), a = T(null), l = /* @__PURE__ */ new Set(), r = p(() => s.value && n), i = (u, h) => {
+      n = ye.data, t(u, h, n), u === H.dragenter && (l.size || h.target === a.value) && l.add(h.target), u === H.dragleave && l.delete(h.target), u === H.drop && l.clear(), s.value = !!l.size;
     };
     return o({
-      elementSize: () => Pe(i)
-    }), (u, m) => (d(), _(P(e.tag), {
+      elementSize: () => Pe(a)
+    }), (u, h) => (d(), _(P(e.tag), {
       ref_key: "el",
-      ref: i,
-      onDragenter: m[0] || (m[0] = (b) => a(I(H).dragenter, b)),
-      onDragleave: m[1] || (m[1] = (b) => a(I(H).dragleave, b)),
-      onDragover: m[2] || (m[2] = q((b) => a(I(H).dragover, b), ["prevent"])),
-      onDrop: m[3] || (m[3] = q((b) => a(I(H).drop, b), ["prevent"]))
+      ref: a,
+      onDragenter: h[0] || (h[0] = (b) => i(I(H).dragenter, b)),
+      onDragleave: h[1] || (h[1] = (b) => i(I(H).dragleave, b)),
+      onDragover: h[2] || (h[2] = q((b) => i(I(H).dragover, b), ["prevent"])),
+      onDrop: h[3] || (h[3] = q((b) => i(I(H).drop, b), ["prevent"]))
     }, {
-      default: w(() => [
-        k(u.$slots, "default", { transferData: r.value })
+      default: D(() => [
+        S(u.$slots, "default", { transferData: r.value })
       ]),
       _: 3
     }, 544));
@@ -805,29 +805,29 @@ const j = so(), g = {
   emits: ["select"],
   setup(e, { expose: o, emit: t }) {
     const n = e;
-    let s = D(null), i = D(!1);
+    let s = T(null), a = T(!1);
     const l = () => {
-      j.emit("menu-show-request"), i.value = !0;
+      j.emit("menu-show-request"), a.value = !0;
     }, r = () => {
       var b;
-      (b = s.value) == null || b.collapseAll(), i.value = !1;
-    }, a = () => i.value;
+      (b = s.value) == null || b.collapseAll(), a.value = !1;
+    }, i = () => a.value;
     j.on("menu-show-request", () => {
       r();
     }), o({
       show: l,
       hide: r,
       elementSize: () => s.value.elementSize(),
-      isShowed: a,
+      isShowed: i,
       itemsCount: () => s.value.itemsCount()
     });
-    const m = (b) => {
+    const h = (b) => {
       t("select", b), b.model.children || r();
     };
     return (b, C) => {
-      const M = Te("click-outside");
-      return d(), _(ze, { to: "body" }, [
-        I(i) ? se((d(), _(Xe, {
+      const N = Te("click-outside");
+      return d(), _(Ve, { to: "body" }, [
+        I(a) ? oe((d(), _(Xe, {
           key: 0,
           ref_key: "treeRef",
           ref: s,
@@ -835,16 +835,16 @@ const j = so(), g = {
           "no-select": n.noSelect,
           class: E(n.class),
           style: O(n.style),
-          onSelect: m,
+          onSelect: h,
           "render-title": n.renderItemTitle,
           "before-item": n.beforeItem
         }, null, 8, ["items", "no-select", "class", "style", "render-title", "before-item"])), [
-          [M, () => r()]
-        ]) : S("", !0)
+          [N, () => r()]
+        ]) : k("", !0)
       ]);
     };
   }
-}, ao = {
+}, io = {
   __name: "DContextMenu",
   props: {
     items: Array,
@@ -853,20 +853,20 @@ const j = so(), g = {
   },
   emits: ["select"],
   setup(e, { expose: o, emit: t }) {
-    const n = e, s = D(null), i = D(0), l = D(0), r = p(() => ({
-      left: i.value + "px",
+    const n = e, s = T(null), a = T(0), l = T(0), r = p(() => ({
+      left: a.value + "px",
       top: l.value + "px"
-    })), a = (u) => {
-      s.value.show(), Re(() => {
-        const m = s.value.elementSize(), b = window.innerWidth, C = window.innerHeight;
-        i.value = b - u.pageX < m.width ? u.pageX - m.width : u.pageX, l.value = C - u.pageY < m.height ? u.pageY - m.height : u.pageY, s.value.itemsCount() === 0 && s.value.hide();
+    })), i = (u) => {
+      s.value.show(), ze(() => {
+        const h = s.value.elementSize(), b = window.innerWidth, C = window.innerHeight;
+        a.value = b - u.pageX < h.width ? u.pageX - h.width : u.pageX, l.value = C - u.pageY < h.height ? u.pageY - h.height : u.pageY, s.value.itemsCount() === 0 && s.value.hide();
       });
     }, c = (u) => {
       t("select", u);
     };
     return o({
-      show: a
-    }), (u, m) => (d(), _(je, {
+      show: i
+    }), (u, h) => (d(), _(je, {
       ref_key: "dMenuRef",
       ref: s,
       onSelect: c,
@@ -913,10 +913,10 @@ const j = so(), g = {
   },
   emits: ["select", "collapse", "expand", "move", "over", "drop"],
   setup(e, { expose: o, emit: t }) {
-    const n = e, s = D(null), i = D(!1), l = D(null), r = Ve().uid;
+    const n = e, s = T(null), a = T(!1), l = T(null), r = Re().uid;
     g.actions.initTreeStore(r, n.noSelect, n.multiSelect, n.expanded, n.transfer, n.renderTitle, n.beforeItem);
-    const a = (v, z) => {
-      console.log(v, z);
+    const i = (v, V) => {
+      console.log(v, V);
     };
     j.on(`expand-${r}`, (v) => {
       t("expand", v);
@@ -927,61 +927,61 @@ const j = so(), g = {
     });
     const c = p(() => n.search ? g.actions.deepSearchByTitle(n.items, n.search) : n.items), u = (v = null) => {
       g.mutations.setItemSelect(r, v.model), g.actions.toggleItem(r, v.model), t("select", v);
-    }, m = (v = null) => {
+    }, h = (v = null) => {
       t("over", v);
     }, b = (v = null) => {
       t("drop", v);
-    }, C = () => s.value.elementSize(), M = () => {
+    }, C = () => s.value.elementSize(), N = () => {
       for (let v = 0; v < n.items.length; v++)
         n.items[v].expanded = !0;
     }, $ = () => {
       for (let v = 0; v < n.items.length; v++)
         n.items[v].expanded = !1;
-    }, V = () => r, X = (v) => g.actions.deepSearch(n.items, v), A = (v) => {
+    }, R = () => r, X = (v) => g.actions.deepSearch(n.items, v), A = (v) => {
       X(v) && g.mutations.setItemSelect(r, X(v));
-    }, K = (v) => {
+    }, J = (v) => {
       n.contextClick({ e: v.e, model: v.model, target: l.value });
-    }, L = (v) => n.contextBeforeClick({ model: v, target: l.value }), y = p(() => n.context), B = (v) => (y.value && (l.value = v.model, i.value.show(v.e)), !1), W = () => F(c.value), F = (v) => {
-      let z = 0;
+    }, L = (v) => n.contextBeforeClick({ model: v, target: l.value }), y = p(() => n.context), B = (v) => (y.value && (l.value = v.model, a.value.show(v.e)), !1), W = () => F(c.value), F = (v) => {
+      let V = 0;
       for (let f = 0; f < v.length; f++)
-        z += g.actions.beforeItem(r, v[f]) ? 1 : 0, v[f].children && v[f].children.length > 0 && (z += F(v[f].children));
-      return z;
+        V += g.actions.beforeItem(r, v[f]) ? 1 : 0, v[f].children && v[f].children.length > 0 && (V += F(v[f].children));
+      return V;
     };
     return o({
       elementSize: C,
-      expandAll: M,
+      expandAll: N,
       collapseAll: $,
-      getId: V,
+      getId: R,
       getNode: X,
       selectNode: A,
       itemsCount: W
-    }), (v, z) => (d(), _(io, {
+    }), (v, V) => (d(), _(ao, {
       ref_key: "treeRef",
       ref: s,
       class: "tree",
       tag: "ul",
-      onDrop: q(a, ["stop"])
+      onDrop: q(i, ["stop"])
     }, {
-      default: w(() => [
-        (d(!0), h(ee, null, ue(c.value, (f) => (d(), _(no, {
+      default: D(() => [
+        (d(!0), m(te, null, fe(c.value, (f) => (d(), _(no, {
           key: f.id,
           model: f,
           treeId: I(r),
           items: n.items,
           search: n.search,
           onNodeclick: u,
-          onNodedragover: m,
+          onNodedragover: h,
           onNodedrop: b,
           onNodecontext: B
         }, null, 8, ["model", "treeId", "items", "search"]))), 128)),
-        y.value ? (d(), _(ao, {
+        y.value ? (d(), _(io, {
           key: 0,
           ref_key: "contextTreeRef",
-          ref: i,
+          ref: a,
           items: y.value,
-          onSelect: K,
+          onSelect: J,
           "before-item": L
-        }, null, 8, ["items"])) : S("", !0)
+        }, null, 8, ["items"])) : k("", !0)
       ]),
       _: 1
     }, 8, ["onDrop"]));
@@ -1007,7 +1007,7 @@ const lo = {
       "render-title": o.renderTitle
     }, null, 8, ["items", "no-select", "render-title"]));
   }
-}, In = /* @__PURE__ */ oe(lo, [["__scopeId", "data-v-642edace"]]), ro = {
+}, Nn = /* @__PURE__ */ K(lo, [["__scopeId", "data-v-642edace"]]), ro = {
   __name: "DLayoutHeader",
   props: {
     fixed: {
@@ -1042,14 +1042,14 @@ const lo = {
   },
   setup(e) {
     const o = e, t = p(() => {
-      const { fixed: n, zIndex: s, minWidth: i, height: l, paddingLeft: r, transitionDuration: a, transitionTimingFunction: c } = o, u = n ? "fixed" : "static", m = o.useMinWidthLayout ? `min-width:${i}px;` : "";
-      return `position:${u};z-index:${s};${m}height:${l}px;padding-left:${r}px;transition-duration:${a}ms;transition-timing-function:${c};`;
+      const { fixed: n, zIndex: s, minWidth: a, height: l, paddingLeft: r, transitionDuration: i, transitionTimingFunction: c } = o, u = n ? "fixed" : "static", h = o.useMinWidthLayout ? `min-width:${a}px;` : "";
+      return `position:${u};z-index:${s};${h}height:${l}px;padding-left:${r}px;transition-duration:${i}ms;transition-timing-function:${c};`;
     });
-    return (n, s) => (d(), h("header", {
+    return (n, s) => (d(), m("header", {
       class: "d-layout-header",
       style: O(t.value)
     }, [
-      k(n.$slots, "default")
+      S(n.$slots, "default")
     ], 4));
   }
 }, co = {
@@ -1091,14 +1091,14 @@ const lo = {
   },
   setup(e) {
     const o = e, t = p(() => {
-      const { fixed: n, top: s, zIndex: i, minWidth: l, height: r, paddingLeft: a, transitionDuration: c, transitionTimingFunction: u } = o, m = n ? "fixed" : "static", b = o.useMinWidthLayout ? `min-width: ${l}px;` : "";
-      return `position:${m};top:${s}px;z-index:${i};${b}height:${r}px;padding-left:${a}px;transition-duration:${c}ms;transition-timing-function:${u};`;
+      const { fixed: n, top: s, zIndex: a, minWidth: l, height: r, paddingLeft: i, transitionDuration: c, transitionTimingFunction: u } = o, h = n ? "fixed" : "static", b = o.useMinWidthLayout ? `min-width: ${l}px;` : "";
+      return `position:${h};top:${s}px;z-index:${a};${b}height:${r}px;padding-left:${i}px;transition-duration:${c}ms;transition-timing-function:${u};`;
     });
-    return (n, s) => (d(), h("div", {
+    return (n, s) => (d(), m("div", {
       class: "d-layout-tab",
       style: O(t.value)
     }, [
-      k(n.$slots, "default")
+      S(n.$slots, "default")
     ], 4));
   }
 }, uo = {
@@ -1136,14 +1136,14 @@ const lo = {
   },
   setup(e) {
     const o = e, t = p(() => {
-      const { fixed: n, zIndex: s, minWidth: i, height: l, paddingLeft: r, transitionDuration: a, transitionTimingFunction: c } = o, u = n ? "fixed" : "static", m = o.useMinWidthLayout ? `min-width:${i}px;` : "";
-      return `position:${u};z-index:${s};${m}height:${l}px;padding-left:${r}px;transition-duration:${a}ms;transition-timing-function:${c};`;
+      const { fixed: n, zIndex: s, minWidth: a, height: l, paddingLeft: r, transitionDuration: i, transitionTimingFunction: c } = o, u = n ? "fixed" : "static", h = o.useMinWidthLayout ? `min-width:${a}px;` : "";
+      return `position:${u};z-index:${s};${h}height:${l}px;padding-left:${r}px;transition-duration:${i}ms;transition-timing-function:${c};`;
     });
-    return (n, s) => (d(), h("footer", {
+    return (n, s) => (d(), m("footer", {
       class: "d-layout-footer",
       style: O(t.value)
     }, [
-      k(n.$slots, "default")
+      S(n.$slots, "default")
     ], 4));
   }
 }, fo = {
@@ -1176,14 +1176,14 @@ const lo = {
   },
   setup(e) {
     const o = e, t = p(() => {
-      const { zIndex: n, width: s, paddingTop: i, transitionDuration: l, transitionTimingFunction: r } = o;
-      return `z-index:${n};width:${s}px;padding-top:${i}px;transition-duration:${l}ms;transition-timing-function:${r};`;
+      const { zIndex: n, width: s, paddingTop: a, transitionDuration: l, transitionTimingFunction: r } = o;
+      return `z-index:${n};width:${s}px;padding-top:${a}px;transition-duration:${l}ms;transition-timing-function:${r};`;
     });
-    return (n, s) => (d(), h("aside", {
+    return (n, s) => (d(), m("aside", {
       class: "d-layout-sidebar",
       style: O(t.value)
     }, [
-      k(n.$slots, "default")
+      S(n.$slots, "default")
     ], 4));
   }
 }, po = {
@@ -1213,47 +1213,47 @@ const lo = {
   },
   setup(e) {
     const o = e, t = p(() => {
-      const { paddingTop: n, paddingBottom: s, paddingLeft: i, transitionDuration: l, transitionTimingFunction: r } = o, a = `overflow:${o.overflowHidden ? "hidden" : "visible"};`;
-      return `padding-top:${n}px;padding-bottom:${s}px;padding-left:${i}px;${a}transition-duration:${l}ms;transition-timing-function:${r};`;
+      const { paddingTop: n, paddingBottom: s, paddingLeft: a, transitionDuration: l, transitionTimingFunction: r } = o, i = `overflow:${o.overflowHidden ? "hidden" : "visible"};`;
+      return `padding-top:${n}px;padding-bottom:${s}px;padding-left:${a}px;${i}transition-duration:${l}ms;transition-timing-function:${r};`;
     });
-    return (n, s) => (d(), h("main", {
+    return (n, s) => (d(), m("main", {
       style: O(t.value),
       class: "d-layout-content"
     }, [
-      k(n.$slots, "default")
+      S(n.$slots, "default")
     ], 4));
   }
 };
 function mo(e) {
-  const o = D(0), t = p(() => `transform: translateX(${-o.value}px);`);
+  const o = T(0), t = p(() => `transform: translateX(${-o.value}px);`);
   let n = !1;
   function s(u) {
     o.value = u;
   }
-  function i() {
+  function a() {
     var u;
-    const m = ((u = document.scrollingElement) === null || u === void 0 ? void 0 : u.scrollLeft) || 0;
-    s(m);
+    const h = ((u = document.scrollingElement) === null || u === void 0 ? void 0 : u.scrollLeft) || 0;
+    s(h);
   }
   function l() {
-    i();
+    a();
   }
   function r() {
-    document.addEventListener("scroll", i);
+    document.addEventListener("scroll", a);
   }
-  function a() {
-    n && document.removeEventListener("scroll", i);
+  function i() {
+    n && document.removeEventListener("scroll", a);
   }
   function c() {
     l(), r(), n = !0;
   }
   return We(e, (u) => {
-    u ? c() : a();
+    u ? c() : i();
   }, { immediate: !0 }), lt(() => {
-    a();
+    i();
   }), t;
 }
-const ho = 1001, go = 999, vo = 998, Ln = {
+const ho = 1001, go = 999, vo = 998, Mn = {
   __name: "DLayoutAdmin",
   props: {
     mode: {
@@ -1344,13 +1344,13 @@ const ho = 1001, go = 999, vo = 998, Ln = {
   },
   emits: ["update:sidebar-collapse", "sidebar-mask-click"],
   setup(e, { emit: o }) {
-    const t = e, n = p(() => t.useMinWidthLayout ? `min-width:${t.minWidth}px;` : ""), s = p(() => t.useMinWidthLayout && (t.fixedHeaderAndTab || t.fixedFooter)), i = mo(s), l = p(() => t.fixedHeaderAndTab ? i.value : ""), r = p(() => t.fixedFooter ? i.value : ""), a = p(() => {
+    const t = e, n = p(() => t.useMinWidthLayout ? `min-width:${t.minWidth}px;` : ""), s = p(() => t.useMinWidthLayout && (t.fixedHeaderAndTab || t.fixedFooter)), a = mo(s), l = p(() => t.fixedHeaderAndTab ? a.value : ""), r = p(() => t.fixedFooter ? a.value : ""), i = p(() => {
       const { transitionDuration: y, transitionTimingFunction: B } = t;
       return {
         transitionDuration: y,
         transitionTimingFunction: B
       };
-    }), c = p(() => t.mode === "vertical"), u = p(() => t.isMobile || c.value ? 1003 : 1e3), m = p({
+    }), c = p(() => t.mode === "vertical"), u = p(() => t.isMobile || c.value ? 1003 : 1e3), h = p({
       get() {
         return t.sidebarCollapse;
       },
@@ -1361,23 +1361,23 @@ const ho = 1001, go = 999, vo = 998, Ln = {
     function b() {
       o("sidebar-mask-click");
     }
-    const C = p(() => t.isMobile && !m.value), M = p(() => {
+    const C = p(() => t.isMobile && !h.value), N = p(() => {
       const { transitionDuration: y, transitionTimingFunction: B } = t;
       return `background-color:${t.maskBg};transition-duration:${y}ms;transition-timing-function:${B};`;
     }), $ = p(() => {
-      const { sidebarWidth: y, sidebarCollapsedWidth: B } = t, W = t.isMobile ? 0 : B, F = m.value ? W : y;
+      const { sidebarWidth: y, sidebarCollapsedWidth: B } = t, W = t.isMobile ? 0 : B, F = h.value ? W : y;
       return t.sidebarVisible ? F : 0;
-    }), V = p(() => t.isMobile ? 0 : $.value), X = p(() => c.value ? V.value : 0), A = p(
+    }), R = p(() => t.isMobile ? 0 : $.value), X = p(() => c.value ? R.value : 0), A = p(
       () => !t.isMobile && !c.value && t.headerVisible ? t.headerHeight : 0
-    ), K = p(() => {
+    ), J = p(() => {
       let y = 0;
       return t.fixedHeaderAndTab && (t.headerVisible && (y += t.headerHeight), t.tabVisible && (y += t.tabHeight)), y;
     }), L = p(() => t.fixedFooter && t.footerVisible ? t.footerHeight : 0);
-    return (y, B) => (d(), h("div", {
+    return (y, B) => (d(), m("div", {
       class: "d-layout",
       style: O(n.value)
     }, [
-      e.headerVisible ? (d(), _(ro, re({ key: 0 }, a.value, {
+      e.headerVisible ? (d(), _(ro, re({ key: 0 }, i.value, {
         fixed: e.fixedHeaderAndTab,
         "z-index": ho,
         "min-width": e.minWidth,
@@ -1385,65 +1385,65 @@ const ho = 1001, go = 999, vo = 998, Ln = {
         "padding-left": X.value,
         style: l.value
       }), {
-        default: w(() => [
-          k(y.$slots, "header")
+        default: D(() => [
+          S(y.$slots, "header")
         ]),
         _: 3
-      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : S("", !0),
-      e.tabVisible ? (d(), _(co, re({ key: 1 }, a.value, {
+      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : k("", !0),
+      e.tabVisible ? (d(), _(co, re({ key: 1 }, i.value, {
         fixed: e.fixedHeaderAndTab,
         "z-index": go,
         "min-width": e.minWidth,
         top: e.headerHeight,
         height: e.tabHeight,
-        "padding-left": V.value,
+        "padding-left": R.value,
         style: l.value
       }), {
-        default: w(() => [
-          k(y.$slots, "tab")
+        default: D(() => [
+          S(y.$slots, "tab")
         ]),
         _: 3
-      }, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) : S("", !0),
-      e.sidebarVisible ? (d(), _(fo, re({ key: 2 }, a.value, {
+      }, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) : k("", !0),
+      e.sidebarVisible ? (d(), _(fo, re({ key: 2 }, i.value, {
         "z-index": u.value,
         width: $.value,
         "padding-top": A.value
       }), {
-        default: w(() => [
-          k(y.$slots, "sidebar")
+        default: D(() => [
+          S(y.$slots, "sidebar")
         ]),
         _: 3
-      }, 16, ["z-index", "width", "padding-top"])) : S("", !0),
-      C.value ? (d(), h("div", {
+      }, 16, ["z-index", "width", "padding-top"])) : k("", !0),
+      C.value ? (d(), m("div", {
         key: 3,
         class: "d-layout-sidebar-mask",
-        style: O(M.value),
+        style: O(N.value),
         onClick: b
-      }, null, 4)) : S("", !0),
-      te(po, re(a.value, {
-        "padding-top": K.value,
+      }, null, 4)) : k("", !0),
+      ne(po, re(i.value, {
+        "padding-top": J.value,
         "padding-bottom": L.value,
-        "padding-left": V.value,
+        "padding-left": R.value,
         "overflow-hidden": e.addMainOverflowHidden
       }), {
-        default: w(() => [
-          k(y.$slots, "default")
+        default: D(() => [
+          S(y.$slots, "default")
         ]),
         _: 3
       }, 16, ["padding-top", "padding-bottom", "padding-left", "overflow-hidden"]),
-      e.footerVisible ? (d(), _(uo, re({ key: 4 }, a.value, {
+      e.footerVisible ? (d(), _(uo, re({ key: 4 }, i.value, {
         fixed: e.fixedFooter,
         "z-index": vo,
         "min-width": e.minWidth,
         height: e.footerHeight,
-        "padding-left": V.value,
+        "padding-left": R.value,
         style: r.value
       }), {
-        default: w(() => [
-          k(y.$slots, "footer")
+        default: D(() => [
+          S(y.$slots, "footer")
         ]),
         _: 3
-      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : S("", !0)
+      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : k("", !0)
     ], 4));
   }
 }, de = {
@@ -1465,7 +1465,7 @@ const ho = 1001, go = 999, vo = 998, Ln = {
       de.state.theme = de.state.theme === "dark" ? "light" : "dark", document.documentElement.classList.remove("dark"), document.documentElement.classList.remove("light"), document.documentElement.classList.add(de.state.theme);
     }
   }
-}, En = {
+}, On = {
   __name: "DConfigProvider",
   props: {
     theme: {
@@ -1475,10 +1475,10 @@ const ho = 1001, go = 999, vo = 998, Ln = {
   },
   setup(e) {
     const o = e;
-    return de.mutations.setTheme(o.theme), (t, n) => k(t.$slots, "default");
+    return de.mutations.setTheme(o.theme), (t, n) => S(t.$slots, "default");
   }
 };
-const Bn = {
+const Hn = {
   __name: "DScrollProvider",
   props: {
     xHide: {
@@ -1492,17 +1492,17 @@ const Bn = {
   },
   setup(e) {
     const o = e;
-    _e((i) => ({
+    be((a) => ({
       e35a6f9a: t.value,
       e35a6f98: n.value
     }));
-    const t = p(() => o.xHide ? "hidden" : "visible"), n = p(() => o.yHide ? "hidden" : "visible"), s = (i) => {
-      document.body.classList.add(i), document.documentElement.classList.add(i), document.documentElement.classList.add("d-global-scroll");
+    const t = p(() => o.xHide ? "hidden" : "visible"), n = p(() => o.yHide ? "hidden" : "visible"), s = (a) => {
+      document.body.classList.add(a), document.documentElement.classList.add(a), document.documentElement.classList.add("d-global-scroll");
     };
-    return ye(() => {
+    return ue(() => {
       s("colored-scroller");
-    }), (i, l) => (d(), h("div", null, [
-      k(i.$slots, "default")
+    }), (a, l) => (d(), m("div", null, [
+      S(a.$slots, "default")
     ]));
   }
 };
@@ -1524,18 +1524,18 @@ const yo = {
   },
   setup(e) {
     const o = e;
-    _e((s) => ({
+    be((s) => ({
       c07fa29a: t.value,
       c07fa298: n.value
     }));
     const t = p(() => o.xHide ? "hidden" : "visible"), n = p(() => o.yHide ? "hidden" : "visible");
-    return (s, i) => (d(), h("div", {
+    return (s, a) => (d(), m("div", {
       class: E(o.autoHide ? "d-scroll-hide" : "d-scroll")
     }, [
-      k(s.$slots, "default", {}, void 0, !0)
+      S(s.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}, Mn = /* @__PURE__ */ oe(yo, [["__scopeId", "data-v-d50b3609"]]);
+}, An = /* @__PURE__ */ K(yo, [["__scopeId", "data-v-d50b3609"]]);
 const _o = { class: "modal-dialog" }, bo = { class: "modal-content" }, xo = { class: "modal-header" }, $o = { class: "modal-title" }, ko = { class: "modal-body" }, So = { class: "modal-footer" }, To = {
   __name: "DModal",
   props: {
@@ -1546,25 +1546,25 @@ const _o = { class: "modal-dialog" }, bo = { class: "modal-content" }, xo = { cl
   emits: ["open", "close"],
   setup(e, { expose: o, emit: t }) {
     const n = e;
-    _e((a) => ({
+    be((i) => ({
       "558e9e46": n.width
     }));
-    const s = D(null), i = D(!1);
-    i.value = n == null ? void 0 : n.show;
+    const s = T(null), a = T(!1);
+    a.value = n == null ? void 0 : n.show;
     const l = () => {
-      i.value = !0, t("open", s);
+      a.value = !0, t("open", s);
     }, r = () => {
-      i.value = !1, t("close", s);
+      a.value = !1, t("close", s);
     };
     return o({
       show: l,
       hide: r
-    }), (a, c) => {
+    }), (i, c) => {
       const u = Te("keydown");
-      return d(), _(ze, { to: "body" }, [
-        te(Se, { name: "fade" }, {
-          default: w(() => [
-            i.value ? se((d(), h("div", {
+      return d(), _(Ve, { to: "body" }, [
+        ne(Se, { name: "fade" }, {
+          default: D(() => [
+            a.value ? oe((d(), m("div", {
               key: 0,
               ref_key: "modalRef",
               ref: s,
@@ -1574,33 +1574,33 @@ const _o = { class: "modal-dialog" }, bo = { class: "modal-content" }, xo = { cl
                 x("div", bo, [
                   x("div", xo, [
                     x("h5", $o, [
-                      k(a.$slots, "modal-title", {}, void 0, !0)
+                      S(i.$slots, "modal-title", {}, void 0, !0)
                     ])
                   ]),
                   x("div", ko, [
-                    k(a.$slots, "default", {}, void 0, !0)
+                    S(i.$slots, "default", {}, void 0, !0)
                   ]),
                   x("div", So, [
-                    k(a.$slots, "modal-footer", {}, void 0, !0)
+                    S(i.$slots, "modal-footer", {}, void 0, !0)
                   ])
                 ])
               ])
             ])), [
               [u, r, "Escape"]
-            ]) : S("", !0)
+            ]) : k("", !0)
           ]),
           _: 3
         })
       ]);
     };
   }
-}, Ye = /* @__PURE__ */ oe(To, [["__scopeId", "data-v-82cadd63"]]), ae = rt();
+}, Ye = /* @__PURE__ */ K(To, [["__scopeId", "data-v-82cadd63"]]), ie = rt();
 function ke(e) {
-  e === void 0 && (e = ae.value.comp.returnValue()), ae.value.resolve(e), ae.value = null;
+  e === void 0 && (e = ie.value.comp.returnValue()), ie.value.resolve(e), ie.value = null;
 }
 function qe(e, o, t = "default") {
   return new Promise((n) => {
-    ae.value = {
+    ie.value = {
       dialog: e,
       props: o,
       wrapper: t,
@@ -1625,19 +1625,19 @@ const Do = dt({
     transitionAttrs: Object
   },
   setup() {
-    const e = D();
+    const e = T();
     return We(e, () => {
-      ae.value && (ae.value.comp = e.value);
+      ie.value && (ie.value.comp = e.value);
     }), {
-      dialogRef: ae,
+      dialogRef: ie,
       dialogInstance: e
     };
   }
 });
-function Co(e, o, t, n, s, i) {
+function Co(e, o, t, n, s, a) {
   return d(), _(Se, ct(ut(e.transitionAttrs)), {
-    default: w(() => [
-      e.dialogRef && e.dialogRef.wrapper === e.name ? (d(), _(P(e.dialogRef.dialog), re({ key: 0 }, e.dialogRef.props, { ref: "dialogInstance" }), null, 16)) : S("", !0)
+    default: D(() => [
+      e.dialogRef && e.dialogRef.wrapper === e.name ? (d(), _(P(e.dialogRef.dialog), re({ key: 0 }, e.dialogRef.props, { ref: "dialogInstance" }), null, 16)) : k("", !0)
     ]),
     _: 1
   }, 16);
@@ -1653,20 +1653,20 @@ const Lo = { style: { display: "flex", "flex-direction": "row", "justify-content
     const t = e;
     return o({
       returnValue: () => !0
-    }), (s, i) => (d(), h("div", null, [
-      te(Ye, { show: !0 }, {
-        "modal-title": w(() => [
-          U(N(t.title), 1)
+    }), (s, a) => (d(), m("div", null, [
+      ne(Ye, { show: !0 }, {
+        "modal-title": D(() => [
+          U(M(t.title), 1)
         ]),
-        default: w(() => [
-          U(N(t.message), 1)
+        default: D(() => [
+          U(M(t.message), 1)
         ]),
-        "modal-footer": w(() => [
+        "modal-footer": D(() => [
           x("div", Lo, [
-            te(Q, {
-              onClick: i[0] || (i[0] = (l) => I(ke)())
+            ne(ee, {
+              onClick: a[0] || (a[0] = (l) => I(ke)())
             }, {
-              default: w(() => [
+              default: D(() => [
                 U("Закрыть")
               ]),
               _: 1
@@ -1677,7 +1677,7 @@ const Lo = { style: { display: "flex", "flex-direction": "row", "justify-content
       })
     ]));
   }
-}, Bo = { style: { display: "flex", "flex-direction": "row", "justify-content": "center", gap: "5px" } }, Mo = {
+}, Bo = { style: { display: "flex", "flex-direction": "row", "justify-content": "center", gap: "5px" } }, No = {
   __name: "DConfirmDialog",
   props: {
     title: String,
@@ -1687,29 +1687,29 @@ const Lo = { style: { display: "flex", "flex-direction": "row", "justify-content
     const t = e;
     return o({
       returnValue: () => !0
-    }), (s, i) => (d(), h("div", null, [
-      te(Ye, { show: !0 }, {
-        "modal-title": w(() => [
-          U(N(t.title), 1)
+    }), (s, a) => (d(), m("div", null, [
+      ne(Ye, { show: !0 }, {
+        "modal-title": D(() => [
+          U(M(t.title), 1)
         ]),
-        default: w(() => [
-          U(N(t.message), 1)
+        default: D(() => [
+          U(M(t.message), 1)
         ]),
-        "modal-footer": w(() => [
+        "modal-footer": D(() => [
           x("div", Bo, [
-            te(Q, {
-              onClick: i[0] || (i[0] = (l) => I(ke)())
+            ne(ee, {
+              onClick: a[0] || (a[0] = (l) => I(ke)())
             }, {
-              default: w(() => [
+              default: D(() => [
                 U("Да")
               ]),
               _: 1
             }),
-            te(Q, {
+            ne(ee, {
               class: "button-red",
-              onClick: i[1] || (i[1] = (l) => I(ke)(!1))
+              onClick: a[1] || (a[1] = (l) => I(ke)(!1))
             }, {
-              default: w(() => [
+              default: D(() => [
                 U("Нет")
               ]),
               _: 1
@@ -1720,7 +1720,7 @@ const Lo = { style: { display: "flex", "flex-direction": "row", "justify-content
       })
     ]));
   }
-}, No = { class: "dropdown" }, Nn = {
+}, Mo = { class: "dropdown" }, Vn = {
   __name: "DDropdown",
   props: {
     class: String,
@@ -1736,24 +1736,24 @@ const Lo = { style: { display: "flex", "flex-direction": "row", "justify-content
   },
   emits: ["select", "click"],
   setup(e, { expose: o, emit: t }) {
-    const n = e, s = ve(), i = D(null), l = D(null), r = D(0), a = D(0), c = (C) => {
-      if (t("click", C), i.value.isShowed()) {
-        i.value.hide();
+    const n = e, s = _e(), a = T(null), l = T(null), r = T(0), i = T(0), c = (C) => {
+      if (t("click", C), a.value.isShowed()) {
+        a.value.hide();
         return;
       }
-      i.value.show(), Re(() => {
-        const M = i.value.elementSize(), $ = l.value.elementSize(), V = window.innerWidth, X = window.innerHeight;
-        r.value = V - ($.x + $.width) < M.width ? $.left - M.width + $.width : $.left, a.value = X - ($.y + $.height) < M.height ? $.top - M.height - 5 : $.height + $.top + 5;
+      a.value.show(), ze(() => {
+        const N = a.value.elementSize(), $ = l.value.elementSize(), R = window.innerWidth, X = window.innerHeight;
+        r.value = R - ($.x + $.width) < N.width ? $.left - N.width + $.width : $.left, i.value = X - ($.y + $.height) < N.height ? $.top - N.height - 5 : $.height + $.top + 5;
       });
     }, u = (C) => {
       t("select", C);
-    }, m = p(() => ({ left: r.value + "px", top: a.value + "px", ...n.menuStyle }));
+    }, h = p(() => ({ left: r.value + "px", top: i.value + "px", ...n.menuStyle }));
     o({
       show: c
     });
     const b = (C) => !!s[C];
-    return (C, M) => (d(), h("div", No, [
-      b("default") ? (d(), _(Q, {
+    return (C, N) => (d(), m("div", Mo, [
+      b("default") ? (d(), _(ee, {
         key: 0,
         ref_key: "buttonRef",
         ref: l,
@@ -1762,11 +1762,11 @@ const Lo = { style: { display: "flex", "flex-direction": "row", "justify-content
         onClick: q(c, ["stop", "prevent"]),
         type: n.type
       }, {
-        default: w(() => [
-          k(C.$slots, "default")
+        default: D(() => [
+          S(C.$slots, "default")
         ]),
         _: 3
-      }, 8, ["class", "icon", "onClick", "type"])) : (d(), _(Q, {
+      }, 8, ["class", "icon", "onClick", "type"])) : (d(), _(ee, {
         key: 1,
         ref_key: "buttonRef",
         ref: l,
@@ -1775,12 +1775,12 @@ const Lo = { style: { display: "flex", "flex-direction": "row", "justify-content
         onClick: q(c, ["stop", "prevent"]),
         type: n.type
       }, null, 8, ["class", "icon", "onClick", "type"])),
-      te(je, {
+      ne(je, {
         ref_key: "dMenuRef",
-        ref: i,
+        ref: a,
         items: n.items,
         class: "dropdown-menu",
-        style: O(m.value),
+        style: O(h.value),
         "no-select": !0,
         onSelect: u,
         "render-item-title": n.renderItemTitle,
@@ -1790,25 +1790,25 @@ const Lo = { style: { display: "flex", "flex-direction": "row", "justify-content
   }
 }, Oo = {}, Ho = { class: "d-panel" };
 function Ao(e, o) {
-  return d(), h("div", Ho, [
-    k(e.$slots, "default")
+  return d(), m("div", Ho, [
+    S(e.$slots, "default")
   ]);
 }
-const zo = /* @__PURE__ */ oe(Oo, [["render", Ao]]), Ro = { class: "card-header" }, Vo = { class: "modal-title" }, Wo = { class: "card-body" }, Fo = { class: "card-footer" }, On = {
+const Vo = /* @__PURE__ */ K(Oo, [["render", Ao]]), zo = { class: "card-header" }, Ro = { class: "modal-title" }, Wo = { class: "card-body" }, Fo = { class: "card-footer" }, zn = {
   __name: "DCard",
   setup(e) {
-    return (o, t) => (d(), _(zo, { class: "d-card" }, {
-      default: w(() => [
-        x("div", Ro, [
-          x("h5", Vo, [
-            k(o.$slots, "title")
+    return (o, t) => (d(), _(Vo, { class: "d-card" }, {
+      default: D(() => [
+        x("div", zo, [
+          x("h5", Ro, [
+            S(o.$slots, "title")
           ])
         ]),
         x("div", Wo, [
-          k(o.$slots, "default")
+          S(o.$slots, "default")
         ]),
         x("div", Fo, [
-          k(o.$slots, "footer")
+          S(o.$slots, "footer")
         ])
       ]),
       _: 3
@@ -1870,14 +1870,14 @@ const xe = "[-+]?[0-9]*.?[0-9]+", Be = [
     default:
       return { type: "", value: e };
   }
-}, Me = {
+}, Ne = {
   x: /* @__PURE__ */ new Set(["left", "center", "right"]),
   y: /* @__PURE__ */ new Set(["top", "bottom"])
 }, qo = ((e) => () => e++)(0), Go = (e) => typeof e != "string" ? [] : e.split(/\s+/gi).filter(Boolean), Uo = (e) => {
   typeof e == "string" && (e = Go(e));
   let o = null, t = null;
   return e.forEach((n) => {
-    Me.y.has(n) && (t = n), Me.x.has(n) && (o = n);
+    Ne.y.has(n) && (t = n), Ne.x.has(n) && (o = n);
   }), { x: o, y: t };
 }, $e = {
   position: ["top", "right"],
@@ -1896,22 +1896,22 @@ const xe = "[-+]?[0-9]*.?[0-9]+", Be = [
   __name: "VelocityGroup",
   emits: ["enter", "leave", "after-leave"],
   setup(e, { emit: o }) {
-    const t = (i, l) => {
-      o("enter", i, l);
-    }, n = (i, l) => {
-      o("leave", i, l);
+    const t = (a, l) => {
+      o("enter", a, l);
+    }, n = (a, l) => {
+      o("leave", a, l);
     }, s = () => {
       o("after-leave");
     };
-    return (i, l) => (d(), _(Fe, {
+    return (a, l) => (d(), _(Fe, {
       tag: "span",
       css: !1,
       onEnter: t,
       onLeave: n,
       onAfterLeave: s
     }, {
-      default: w(() => [
-        k(i.$slots, "default")
+      default: D(() => [
+        S(a.$slots, "default")
       ]),
       _: 3
     }));
@@ -1929,8 +1929,8 @@ const xe = "[-+]?[0-9]*.?[0-9]+", Be = [
       tag: "span",
       name: o.name
     }, {
-      default: w(() => [
-        k(t.$slots, "default")
+      default: D(() => [
+        S(t.$slots, "default")
       ]),
       _: 3
     }, 8, ["name"]));
@@ -1938,7 +1938,7 @@ const xe = "[-+]?[0-9]*.?[0-9]+", Be = [
 }), Jo = ["data-id"], Qo = ["onClick"], en = ["innerHTML"], tn = ["innerHTML"], on = {
   key: 0,
   class: "d-notification-title"
-}, nn = { class: "notification-content" }, Hn = {
+}, nn = { class: "notification-content" }, Rn = {
   __name: "DNotificationProvider",
   props: {
     group: {
@@ -2011,121 +2011,121 @@ const xe = "[-+]?[0-9]*.?[0-9]+", Be = [
     const t = e, n = {
       IDLE: 0,
       DESTROYED: 2
-    }, s = D([]), i = D(null), l = D(Po.get("velocity")), r = p(() => t.animationType === "velocity"), a = p(() => r.value ? Zo : Ko), c = p(() => s.value.filter((f) => f.state !== n.DESTROYED)), u = p(() => Yo(t.width)), m = p(() => {
-      const { x: f, y: R } = Uo(t.position), T = u.value.value, ne = u.value.type, le = {
-        width: T + ne
+    }, s = T([]), a = T(null), l = T(Po.get("velocity")), r = p(() => t.animationType === "velocity"), i = p(() => r.value ? Zo : Ko), c = p(() => s.value.filter((f) => f.state !== n.DESTROYED)), u = p(() => Yo(t.width)), h = p(() => {
+      const { x: f, y: z } = Uo(t.position), w = u.value.value, se = u.value.type, le = {
+        width: w + se
       };
-      return R && (le[R] = "0px"), f && (f === "center" ? le.left = `calc(50% - ${+T / 2}${ne})` : le[f] = "0px"), le;
-    }), b = p(() => "bottom" in m.value), C = (f) => {
+      return z && (le[z] = "0px"), f && (f === "center" ? le.left = `calc(50% - ${+w / 2}${se})` : le[f] = "0px"), le;
+    }), b = p(() => "bottom" in h.value), C = (f) => {
       o("click", f), t.closeOnClick && L(f);
-    }, M = () => {
+    }, N = () => {
       var f;
-      t.pauseOnHover && ((f = i.value) == null || f.pause());
+      t.pauseOnHover && ((f = a.value) == null || f.pause());
     }, $ = () => {
       var f;
-      t.pauseOnHover && ((f = i.value) == null || f.resume());
-    }, V = (f) => {
+      t.pauseOnHover && ((f = a.value) == null || f.resume());
+    }, R = (f) => {
       if (f.group || (f.group = ""), f.data || (f.data = {}), t.group !== f.group)
         return;
       if (f.clean || f.clear) {
         B();
         return;
       }
-      const R = typeof f.duration == "number" ? f.duration : t.duration, T = typeof f.speed == "number" ? f.speed : t.speed, ne = typeof f.ignoreDuplicates == "boolean" ? f.ignoreDuplicates : t.ignoreDuplicates, { title: le, text: Je, type: Qe, data: et, id: tt } = f, ie = {
+      const z = typeof f.duration == "number" ? f.duration : t.duration, w = typeof f.speed == "number" ? f.speed : t.speed, se = typeof f.ignoreDuplicates == "boolean" ? f.ignoreDuplicates : t.ignoreDuplicates, { title: le, text: Je, type: Qe, data: et, id: tt } = f, ae = {
         id: tt || qo(),
         title: le,
         text: Je,
         type: Qe,
         state: n.IDLE,
-        speed: T,
-        length: R + 2 * T,
+        speed: w,
+        length: z + 2 * w,
         data: et
       };
-      R >= 0 && (i.value = new jo(() => L(ie), ie.length, ie));
+      z >= 0 && (a.value = new jo(() => L(ae), ae.length, ae));
       const ot = t.reverse ? !b.value : b.value;
-      let fe = -1;
+      let pe = -1;
       const nt = c.value.some((Le) => Le.title === f.title && Le.text === f.text);
-      (!ne || !nt) && (ot ? (s.value.push(ie), o("start", ie), c.value.length > t.max && (fe = 0)) : (s.value.unshift(ie), o("start", ie), c.value.length > t.max && (fe = c.value.length - 1)), fe !== -1 && L(c.value[fe]));
+      (!se || !nt) && (ot ? (s.value.push(ae), o("start", ae), c.value.length > t.max && (pe = 0)) : (s.value.unshift(ae), o("start", ae), c.value.length > t.max && (pe = c.value.length - 1)), pe !== -1 && L(c.value[pe]));
     }, X = (f) => {
       y(f);
     }, A = (f) => [
       "d-notification-template",
       t.classes,
       f.type || ""
-    ], K = (f) => r.value ? void 0 : { transition: `all ${f.speed}ms` }, L = (f) => {
-      clearTimeout(f.timer), f.state = n.DESTROYED, z(), o("destroy", f);
+    ], J = (f) => r.value ? void 0 : { transition: `all ${f.speed}ms` }, L = (f) => {
+      clearTimeout(f.timer), f.state = n.DESTROYED, V(), o("destroy", f);
     }, y = (f) => {
-      const R = s.value.find((T) => T.id === f);
-      R && L(R);
+      const z = s.value.find((w) => w.id === f);
+      z && L(z);
     }, B = () => {
       c.value.forEach(L);
-    }, W = (f, R) => {
-      var ne;
-      const T = (ne = t.animation) == null ? void 0 : ne[f];
-      return typeof T == "function" ? T(R) : T;
-    }, F = (f, R) => {
+    }, W = (f, z) => {
+      var se;
+      const w = (se = t.animation) == null ? void 0 : se[f];
+      return typeof w == "function" ? w(z) : w;
+    }, F = (f, z) => {
       if (!r.value)
         return;
-      const T = W("enter", f);
-      l.value(f, T, {
+      const w = W("enter", f);
+      l.value(f, w, {
         duration: t.speed,
-        complete: R
+        complete: z
       });
-    }, v = (f, R) => {
+    }, v = (f, z) => {
       if (!r.value)
         return;
-      const T = W("leave", f);
-      l.value(f, T, {
+      const w = W("leave", f);
+      l.value(f, w, {
         duration: t.speed,
-        complete: R
+        complete: z
       });
     };
-    function z() {
+    function V() {
       s.value = s.value.filter((f) => f.state !== n.DESTROYED);
     }
-    return ye(() => {
-      j.on("notification-add", V), j.on("notification-close", X);
-    }), (f, R) => (d(), h("div", {
+    return ue(() => {
+      j.on("notification-add", R), j.on("notification-close", X);
+    }), (f, z) => (d(), m("div", {
       class: "d-notification-group",
-      style: O(m.value)
+      style: O(h.value)
     }, [
-      (d(), _(P(a.value), {
+      (d(), _(P(i.value), {
         name: e.animationName,
         onEnter: F,
         onLeave: v,
-        onAfterLeave: z
+        onAfterLeave: V
       }, {
-        default: w(() => [
-          (d(!0), h(ee, null, ue(c.value, (T) => (d(), h("div", {
-            key: T.id,
+        default: D(() => [
+          (d(!0), m(te, null, fe(c.value, (w) => (d(), m("div", {
+            key: w.id,
             class: "d-notification-wrapper",
-            style: O(K(T)),
-            "data-id": T.id,
-            onMouseenter: M,
+            style: O(J(w)),
+            "data-id": w.id,
+            onMouseenter: N,
             onMouseleave: $
           }, [
-            k(f.$slots, "body", {
-              class: E([e.classes, T.type]),
-              item: T,
-              close: () => L(T)
+            S(f.$slots, "body", {
+              class: E([e.classes, w.type]),
+              item: w,
+              close: () => L(w)
             }, () => [
               x("div", {
-                class: E(A(T)),
-                onClick: (ne) => C(T)
+                class: E(A(w)),
+                onClick: (se) => C(w)
               }, [
-                e.dangerouslySetInnerHtml ? (d(), h(ee, { key: 0 }, [
-                  T.title ? (d(), h("div", {
+                e.dangerouslySetInnerHtml ? (d(), m(te, { key: 0 }, [
+                  w.title ? (d(), m("div", {
                     key: 0,
                     class: "d-notification-title",
-                    innerHTML: T.timer
-                  }, null, 8, en)) : S("", !0),
+                    innerHTML: w.timer
+                  }, null, 8, en)) : k("", !0),
                   x("div", {
                     class: "notification-content",
-                    innerHTML: T.text
+                    innerHTML: w.text
                   }, null, 8, tn)
-                ], 64)) : (d(), h(ee, { key: 1 }, [
-                  T.title ? (d(), h("div", on, N(T.title), 1)) : S("", !0),
-                  x("div", nn, N(T.text), 1)
+                ], 64)) : (d(), m(te, { key: 1 }, [
+                  w.title ? (d(), m("div", on, M(w.title), 1)) : k("", !0),
+                  x("div", nn, M(w.text), 1)
                 ], 64))
               ], 10, Qo)
             ])
@@ -2135,7 +2135,7 @@ const xe = "[-+]?[0-9]*.?[0-9]+", Be = [
       }, 40, ["name"]))
     ], 4));
   }
-}, sn = { class: "d-info-progress-icon-container" }, an = { class: "d-info-progress-icon" }, ln = { class: "d-info-progress-data-container" }, rn = ["innerHTML"], An = {
+}, sn = { class: "d-info-progress-icon-container" }, an = { class: "d-info-progress-icon" }, ln = { class: "d-info-progress-data-container" }, rn = ["innerHTML"], Wn = {
   __name: "DInfoProgress",
   props: {
     style: [String, Object],
@@ -2147,10 +2147,10 @@ const xe = "[-+]?[0-9]*.?[0-9]+", Be = [
   emits: ["click"],
   setup(e, { emit: o }) {
     const t = e, n = p(() => t.icon ? Z.getters.getIcon(t.icon) : null);
-    return (s, i) => (d(), h("div", {
+    return (s, a) => (d(), m("div", {
       class: E(["d-info-progress", t.type ? `d-info-progress-${t.type}` : null]),
       style: O(t.style),
-      onClick: i[0] || (i[0] = (l) => {
+      onClick: a[0] || (a[0] = (l) => {
         o("click", l);
       })
     }, [
@@ -2161,7 +2161,7 @@ const xe = "[-+]?[0-9]*.?[0-9]+", Be = [
             component: n.value,
             color: "inherit",
             size: 17
-          }, null, 8, ["component"])) : S("", !0)
+          }, null, 8, ["component"])) : k("", !0)
         ])
       ]),
       x("div", ln, [
@@ -2176,7 +2176,7 @@ const xe = "[-+]?[0-9]*.?[0-9]+", Be = [
       ])
     ], 6));
   }
-}, dn = { class: "d-checkbox" }, cn = ["id", "checked", "disabled"], un = ["for"], zn = {
+}, dn = { class: "d-checkbox" }, cn = ["id", "checked", "disabled"], un = ["for"], Fn = {
   __name: "DCheckbox",
   props: {
     label: String,
@@ -2190,36 +2190,36 @@ const xe = "[-+]?[0-9]*.?[0-9]+", Be = [
   },
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
-    const t = e, s = Ve().uid, i = p({
+    const t = e, s = Re().uid, a = p({
       get: () => t.modelValue,
       set: (l) => {
         o("update:modelValue", l);
       }
     });
-    return (l, r) => (d(), h("div", dn, [
-      se(x("input", {
-        "onUpdate:modelValue": r[0] || (r[0] = (a) => i.value = a),
+    return (l, r) => (d(), m("div", dn, [
+      oe(x("input", {
+        "onUpdate:modelValue": r[0] || (r[0] = (i) => a.value = i),
         id: `i-${I(s)}`,
         type: "checkbox",
         checked: t.checked,
         disabled: t.disabled,
-        onChange: r[1] || (r[1] = (...a) => t.change && t.change(...a))
+        onChange: r[1] || (r[1] = (...i) => t.change && t.change(...i))
       }, null, 40, cn), [
-        [ft, i.value]
+        [ft, a.value]
       ]),
       x("label", {
         for: `i-${I(s)}`
-      }, N(t.label), 9, un)
+      }, M(t.label), 9, un)
     ]));
   }
 };
 async function fn(e, o) {
-  return await qe(Mo, { title: e, message: o });
+  return await qe(No, { title: e, message: o });
 }
 async function pn(e, o) {
   return await qe(Eo, { title: e, message: o });
 }
-const Rn = {
+const Pn = {
   __name: "DDialogProvider",
   setup(e) {
     return window.alert = pn, window.confirm = fn, (o, t) => (d(), _(I(Io)));
@@ -2227,7 +2227,7 @@ const Rn = {
 }, mn = { class: "d-select" }, hn = {
   key: 0,
   class: "label"
-}, gn = ["value", "selected", "disabled"], Vn = {
+}, gn = ["value", "selected", "disabled"], jn = {
   __name: "DSelect",
   props: {
     label: String,
@@ -2241,28 +2241,28 @@ const Rn = {
   setup(e, { emit: o }) {
     const t = e, n = p(() => t.scale ? "d-select-" + t.scale : ""), s = p({
       get: () => t.modelValue,
-      set: (i) => {
-        o("update:modelValue", i);
+      set: (a) => {
+        o("update:modelValue", a);
       }
     });
-    for (let i = 0; i < t.options.length; i++)
-      if (t.options[i].selected) {
-        s.value = t.options[i].value;
+    for (let a = 0; a < t.options.length; a++)
+      if (t.options[a].selected) {
+        s.value = t.options[a].value;
         break;
       }
-    return (i, l) => (d(), h("div", mn, [
-      t.label ? (d(), h("div", hn, N(t.label), 1)) : S("", !0),
-      se(x("select", {
+    return (a, l) => (d(), m("div", mn, [
+      t.label ? (d(), m("div", hn, M(t.label), 1)) : k("", !0),
+      oe(x("select", {
         "onUpdate:modelValue": l[0] || (l[0] = (r) => s.value = r),
         class: E(n.value),
         style: O(t.size === "wide" ? "width:100%" : "")
       }, [
-        (d(!0), h(ee, null, ue(t.options, (r, a) => (d(), h("option", {
-          key: a,
+        (d(!0), m(te, null, fe(t.options, (r, i) => (d(), m("option", {
+          key: i,
           value: r.value,
           selected: r.selected,
           disabled: r.disabled
-        }, N(r.label), 9, gn))), 128))
+        }, M(r.label), 9, gn))), 128))
       ], 6), [
         [pt, s.value]
       ])
@@ -2275,23 +2275,23 @@ const vn = { class: "d-tabs" }, yn = ["onClick"], _n = {
     tabs: Array
   },
   setup(e) {
-    const t = mt(e, "tabs"), n = D(0), s = (i) => {
-      n.value = i;
+    const t = mt(e, "tabs"), n = T(0), s = (a) => {
+      n.value = a;
     };
-    return (i, l) => (d(), h(ee, null, [
+    return (a, l) => (d(), m(te, null, [
       x("div", vn, [
-        (d(!0), h(ee, null, ue(t.value, (r, a) => (d(), h("div", {
-          key: a,
-          class: E([a === n.value ? "active" : "", "d-tab-title"]),
-          onClick: (c) => s(a)
-        }, N(r.label), 11, yn))), 128))
+        (d(!0), m(te, null, fe(t.value, (r, i) => (d(), m("div", {
+          key: i,
+          class: E([i === n.value ? "active" : "", "d-tab-title"]),
+          onClick: (c) => s(i)
+        }, M(r.label), 11, yn))), 128))
       ]),
       (d(), _(ht, null, [
         (d(), _(P(t.value[n.value].component)))
       ], 1024))
     ], 64));
   }
-}, Wn = /* @__PURE__ */ oe(_n, [["__scopeId", "data-v-89cd9234"]]);
+}, Xn = /* @__PURE__ */ K(_n, [["__scopeId", "data-v-89cd9234"]]);
 const bn = { class: "d-grid" }, xn = {
   __name: "DGrid",
   props: {
@@ -2311,24 +2311,24 @@ const bn = { class: "d-grid" }, xn = {
   },
   setup(e) {
     const o = e;
-    _e((u) => ({
-      "09eba472": a[0],
-      "09eba434": a[1],
-      "09eba3f6": a[2],
-      "09eba3b8": a[3],
-      "09eba37a": a[4],
-      "09eba33c": a[5],
+    be((u) => ({
+      "09eba472": i[0],
+      "09eba434": i[1],
+      "09eba3f6": i[2],
+      "09eba3b8": i[3],
+      "09eba37a": i[4],
+      "09eba33c": i[5],
       "898eb2ac": o.gap
     }));
-    const { colXs: t, colSm: n, colMd: s, colLg: i, colXl: l, colXxl: r } = gt(o), a = [t.value, n.value, s.value, i.value, l.value, r.value];
+    const { colXs: t, colSm: n, colMd: s, colLg: a, colXl: l, colXxl: r } = gt(o), i = [t.value, n.value, s.value, a.value, l.value, r.value];
     let c = null;
-    for (let u = 0; u < a.length; u++)
-      c || (c = a[0]), u > 0 && (a[u] ? c = a[u] : a[u] = c);
-    return (u, m) => (d(), h("div", bn, [
-      k(u.$slots, "default", {}, void 0, !0)
+    for (let u = 0; u < i.length; u++)
+      c || (c = i[0]), u > 0 && (i[u] ? c = i[u] : i[u] = c);
+    return (u, h) => (d(), m("div", bn, [
+      S(u.$slots, "default", {}, void 0, !0)
     ]));
   }
-}, Fn = /* @__PURE__ */ oe(xn, [["__scopeId", "data-v-b45e8130"]]), $n = ["src", "alt", "title"], Pn = {
+}, Yn = /* @__PURE__ */ K(xn, [["__scopeId", "data-v-b45e8130"]]), $n = ["src", "alt", "title"], qn = {
   __name: "DImage",
   props: {
     src: String,
@@ -2340,28 +2340,82 @@ const bn = { class: "d-grid" }, xn = {
     radius: String
   },
   setup(e) {
-    const o = e, t = D(null), n = new Image();
+    const o = e, t = T(null), n = new Image();
     return n.onload = () => {
       t.value = n.src;
     }, n.onerror = () => {
       t.value = o.srcFail;
-    }, ye(() => {
+    }, ue(() => {
       n.src = o.src;
-    }), (s, i) => t.value ? (d(), h("img", {
+    }), (s, a) => t.value ? (d(), m("img", {
       key: 0,
       src: t.value,
       alt: o.alt,
       title: o.title,
       style: O({ width: o.width, height: o.height, borderRadius: o.radius })
-    }, null, 12, $n)) : S("", !0);
+    }, null, 12, $n)) : k("", !0);
   }
-}, Ge = (e) => {
+};
+const kn = { class: "d-textarea" }, Sn = {
+  key: 0,
+  class: "label"
+}, Tn = ["rows", "cols", "placeholder"], wn = {
+  __name: "DTextarea",
+  props: {
+    label: String,
+    placeholder: String,
+    scale: String,
+    // small, large
+    modelValue: String,
+    rows: {
+      type: Number,
+      default: 3
+    },
+    cols: {
+      type: Number,
+      default: null
+    },
+    focus: Boolean
+  },
+  emits: ["update:modelValue"],
+  setup(e, { expose: o, emit: t }) {
+    const n = e, s = T(null), a = p(() => n.scale === "small" ? "d-textarea-small" : n.scale === "large" ? "d-textarea-large" : ""), l = p({
+      get: () => n.modelValue,
+      set: (i) => {
+        t("update:modelValue", i);
+      }
+    });
+    ue(() => {
+      n.focus && r();
+    });
+    const r = () => {
+      s.value.focus();
+    };
+    return o({
+      focus: r
+    }), (i, c) => (d(), m("div", kn, [
+      n.label ? (d(), m("div", Sn, M(n.label), 1)) : k("", !0),
+      oe(x("textarea", {
+        ref_key: "inputRef",
+        ref: s,
+        "onUpdate:modelValue": c[0] || (c[0] = (u) => l.value = u),
+        rows: n.rows,
+        cols: n.cols,
+        placeholder: n.placeholder,
+        class: E(a.value),
+        style: { width: "100%" }
+      }, null, 10, Tn), [
+        [ve, l.value]
+      ])
+    ]));
+  }
+}, Gn = /* @__PURE__ */ K(wn, [["__scopeId", "data-v-0e805d5d"]]), Ge = (e) => {
   typeof e == "string" && (e = { title: "", text: e }), typeof e == "object" && j.emit("notification-add", e);
 };
 Ge.close = (e) => {
   j.emit("notification-close", e);
 };
-const jn = () => ({ notify: Ge }), Xn = {
+const Un = () => ({ notify: Ge }), Zn = {
   mounted: function(e, o) {
     e.clickOutsideEvent = function(t) {
       e === t.target || e.contains(t.target) || o.value(t, e);
@@ -2370,7 +2424,7 @@ const jn = () => ({ notify: Ge }), Xn = {
   unmounted: function(e) {
     document.removeEventListener("click", e.clickOutsideEvent);
   }
-}, Yn = {
+}, Kn = {
   beforeMount(e, o) {
     e._keydownCallback = (t) => {
       t.key === o.arg && o.value();
@@ -2379,7 +2433,7 @@ const jn = () => ({ notify: Ge }), Xn = {
   unmounted(e, o) {
     document.removeEventListener("keydown", e._keydownCallback), delete e._keydownCallback;
   }
-}, qn = {
+}, Jn = {
   beforeMount(e) {
     e.focus();
   }
@@ -2390,7 +2444,7 @@ function Ue(e) {
 function Ze(e) {
   return e.type.indexOf("mouse") !== -1 ? e.clientY : e.touches[0].clientY;
 }
-var kn = function() {
+var Dn = function() {
   var e = !1;
   try {
     var o = Object.defineProperty({}, "passive", {
@@ -2402,7 +2456,7 @@ var kn = function() {
   } catch {
   }
   return e;
-}(), Sn = {
+}(), Cn = {
   disableClick: !1,
   tapTolerance: 10,
   // px
@@ -2418,13 +2472,13 @@ var kn = function() {
   rollOverFrequency: 100
   // ms
 };
-function pe(e) {
+function me(e) {
   var o = this.$$touchObj, t = e.type.indexOf("touch") >= 0, n = e.type.indexOf("mouse") >= 0, s = this;
   t && (o.lastTouchStartTime = e.timeStamp), !(n && o.lastTouchStartTime && e.timeStamp - o.lastTouchStartTime < 350) && (o.touchStarted || (Ke(this), o.touchStarted = !0, o.touchMoved = !1, o.swipeOutBounded = !1, o.startX = Ue(e), o.startY = Ze(e), o.currentX = 0, o.currentY = 0, o.touchStartTime = e.timeStamp, o.hasSwipe = Y(this, "swipe") || Y(this, "swipe.left") || Y(this, "swipe.right") || Y(this, "swipe.top") || Y(this, "swipe.bottom"), Y(this, "hold") && (o.touchHoldTimer = setTimeout(function() {
     o.touchHoldTimer = null, G(e, s, "hold");
   }, o.options.touchHoldTolerance)), G(e, this, "press")));
 }
-function me(e) {
+function he(e) {
   var o = this.$$touchObj, t = Ue(e), n = Ze(e), s = o.currentX != t || o.currentY != n;
   if (o.currentX = t, o.currentY = n, o.touchMoved) {
     if (o.hasSwipe && !o.swipeOutBounded) {
@@ -2432,31 +2486,31 @@ function me(e) {
       o.swipeOutBounded = Math.abs(o.startX - o.currentX) > l && Math.abs(o.startY - o.currentY) > l;
     }
   } else {
-    var i = o.options.tapTolerance;
-    o.touchMoved = Math.abs(o.startX - o.currentX) > i || Math.abs(o.startY - o.currentY) > i, o.touchMoved && (Ie(o), G(e, this, "drag.once"));
+    var a = o.options.tapTolerance;
+    o.touchMoved = Math.abs(o.startX - o.currentX) > a || Math.abs(o.startY - o.currentY) > a, o.touchMoved && (Ie(o), G(e, this, "drag.once"));
   }
   if (Y(this, "rollover") && s) {
-    var r = e.timeStamp, a = o.options.rollOverFrequency;
-    (o.touchRollTime == null || r > o.touchRollTime + a) && (o.touchRollTime = r, G(e, this, "rollover"));
+    var r = e.timeStamp, i = o.options.rollOverFrequency;
+    (o.touchRollTime == null || r > o.touchRollTime + i) && (o.touchRollTime = r, G(e, this, "rollover"));
   }
   if (Y(this, "drag") && o.touchStarted && o.touchMoved && s) {
-    var r = e.timeStamp, a = o.options.dragFrequency;
-    (o.touchDragTime == null || r > o.touchDragTime + a) && (o.touchDragTime = r, G(e, this, "drag"));
+    var r = e.timeStamp, i = o.options.dragFrequency;
+    (o.touchDragTime == null || r > o.touchDragTime + i) && (o.touchDragTime = r, G(e, this, "drag"));
   }
 }
-function Ne() {
+function Me() {
   var e = this.$$touchObj;
   Ie(e), Ce(this), e.touchStarted = e.touchMoved = !1, e.startX = e.startY = 0;
 }
-function he(e) {
+function ge(e) {
   var o = this.$$touchObj, t = e.type.indexOf("touch") >= 0, n = e.type.indexOf("mouse") >= 0;
   t && (o.lastTouchEndTime = e.timeStamp);
   var s = t && !o.touchHoldTimer;
   if (Ie(o), o.touchStarted = !1, Ce(this), !(n && o.lastTouchEndTime && e.timeStamp - o.lastTouchEndTime < 350))
     if (G(e, this, "release"), o.touchMoved) {
       if (o.hasSwipe && !o.swipeOutBounded) {
-        var i = o.options.swipeTolerance, l, r = Math.abs(o.startY - o.currentY), a = Math.abs(o.startX - o.currentX);
-        (r > i || a > i) && (r > i ? l = o.startY > o.currentY ? "top" : "bottom" : l = o.startX > o.currentX ? "left" : "right", Y(this, "swipe." + l) ? G(e, this, "swipe." + l, l) : G(e, this, "swipe", l));
+        var a = o.options.swipeTolerance, l, r = Math.abs(o.startY - o.currentY), i = Math.abs(o.startX - o.currentX);
+        (r > a || i > a) && (r > a ? l = o.startY > o.currentY ? "top" : "bottom" : l = o.startX > o.currentX ? "left" : "right", Y(this, "swipe." + l) ? G(e, this, "swipe." + l, l) : G(e, this, "swipe", l));
       }
     } else if (Y(this, "longtap") && e.timeStamp - o.touchStartTime > o.options.longTapTimeInterval)
       e.cancelable && e.preventDefault(), G(e, this, "longtap");
@@ -2477,11 +2531,11 @@ function Y(e, o) {
   return t != null && t.length > 0;
 }
 function G(e, o, t, n) {
-  var s = o.$$touchObj, i = s.callbacks[t];
-  if (i == null || i.length === 0)
+  var s = o.$$touchObj, a = s.callbacks[t];
+  if (a == null || a.length === 0)
     return null;
-  for (var l = 0; l < i.length; l++) {
-    var r = i[l];
+  for (var l = 0; l < a.length; l++) {
+    var r = a[l];
     r.modifiers.stop && e.stopPropagation(), r.modifiers.prevent && e.preventDefault(), !(r.modifiers.self && e.target !== e.currentTarget) && typeof r.value == "function" && (n ? r.value(n, e) : r.value(e));
   }
 }
@@ -2496,7 +2550,7 @@ function Ce(e) {
 function Ie(e) {
   e.touchHoldTimer && (clearTimeout(e.touchHoldTimer), e.touchHoldTimer = null);
 }
-function Tn(e, o) {
+function In(e, o) {
   var t = e.$$touchObj || {
     // an object contains all callbacks registered,
     // key is event name, value is an array
@@ -2504,19 +2558,19 @@ function Tn(e, o) {
     // prevent bind twice, set to true when event bound
     hasBindTouchEvents: !1,
     // default options, would be override by v-touch-options
-    options: Sn
+    options: Cn
   };
   return o && (t.options = Object.assign({}, t.options, o)), e.$$touchObj = t, e.$$touchObj;
 }
-const Gn = {
+const Qn = {
   beforeMount: function(e, o) {
-    const t = Tn(e);
-    let n = kn ? { passive: !0 } : !1;
+    const t = In(e);
+    let n = Dn ? { passive: !0 } : !1;
     const s = o.arg || "tap";
     switch (s) {
       case "swipe":
-        let i = o.modifiers;
-        if (i.left || i.right || i.top || i.bottom) {
+        let a = o.modifiers;
+        if (a.left || a.right || a.top || a.bottom) {
           for (let l in o.modifiers)
             if (["left", "right", "top", "bottom"].indexOf(l) >= 0) {
               let r = "swipe." + l;
@@ -2531,35 +2585,35 @@ const Gn = {
       default:
         t.callbacks[s] = t.callbacks[s] || [], t.callbacks[s].push(o);
     }
-    t.hasBindTouchEvents || (e.addEventListener("touchstart", pe, n), e.addEventListener("touchmove", me, n), e.addEventListener("touchcancel", Ne), e.addEventListener("touchend", he), t.options.disableClick || (e.addEventListener("mousedown", pe), e.addEventListener("mousemove", me), e.addEventListener("mouseup", he), e.addEventListener("mouseenter", Oe), e.addEventListener("mouseleave", He)), t.hasBindTouchEvents = !0);
+    t.hasBindTouchEvents || (e.addEventListener("touchstart", me, n), e.addEventListener("touchmove", he, n), e.addEventListener("touchcancel", Me), e.addEventListener("touchend", ge), t.options.disableClick || (e.addEventListener("mousedown", me), e.addEventListener("mousemove", he), e.addEventListener("mouseup", ge), e.addEventListener("mouseenter", Oe), e.addEventListener("mouseleave", He)), t.hasBindTouchEvents = !0);
   },
   unmounted: function(e) {
-    e.removeEventListener("touchstart", pe), e.removeEventListener("touchmove", me), e.removeEventListener("touchcancel", Ne), e.removeEventListener("touchend", he), e.$$touchObj && !e.$$touchObj.options.disableClick && (e.removeEventListener("mousedown", pe), e.removeEventListener("mousemove", me), e.removeEventListener("mouseup", he), e.removeEventListener("mouseenter", Oe), e.removeEventListener("mouseleave", He)), delete e.$$touchObj;
+    e.removeEventListener("touchstart", me), e.removeEventListener("touchmove", he), e.removeEventListener("touchcancel", Me), e.removeEventListener("touchend", ge), e.$$touchObj && !e.$$touchObj.options.disableClick && (e.removeEventListener("mousedown", me), e.removeEventListener("mousemove", he), e.removeEventListener("mouseup", ge), e.removeEventListener("mouseenter", Oe), e.removeEventListener("mouseleave", He)), delete e.$$touchObj;
   }
 };
 export {
-  In as DAccordion,
+  Nn as DAccordion,
   Eo as DAlertDialog,
-  Rt as DBadge,
-  Q as DButton,
-  On as DCard,
-  zn as DCheckbox,
-  Vt as DCollapse,
-  En as DConfigProvider,
-  Mo as DConfirmDialog,
-  ao as DContextMenu,
-  Rn as DDialogProvider,
+  zt as DBadge,
+  ee as DButton,
+  zn as DCard,
+  Fn as DCheckbox,
+  Rt as DCollapse,
+  On as DConfigProvider,
+  No as DConfirmDialog,
+  io as DContextMenu,
+  Pn as DDialogProvider,
   Pt as DDrag,
-  io as DDrop,
-  Nn as DDropdown,
+  ao as DDrop,
+  Vn as DDropdown,
   de as DGlobalStore,
-  Fn as DGrid,
+  Yn as DGrid,
   ce as DIcon,
   Z as DIconStore,
-  Pn as DImage,
-  An as DInfoProgress,
-  Cn as DInput,
-  Ln as DLayoutAdmin,
+  qn as DImage,
+  Wn as DInfoProgress,
+  Bn as DInput,
+  Mn as DLayoutAdmin,
   po as DLayoutContent,
   uo as DLayoutFooter,
   ro as DLayoutHeader,
@@ -2567,24 +2621,25 @@ export {
   co as DLayoutTab,
   je as DMenu,
   Ye as DModal,
-  Hn as DNotificationProvider,
-  zo as DPanel,
-  Mn as DScroll,
-  Bn as DScrollProvider,
-  Vn as DSelect,
-  Wn as DTabs,
-  ge as DTransferStore,
+  Rn as DNotificationProvider,
+  Vo as DPanel,
+  An as DScroll,
+  Hn as DScrollProvider,
+  jn as DSelect,
+  Xn as DTabs,
+  Gn as DTextarea,
+  ye as DTransferStore,
   Xe as DTree,
   no as DTreeItem,
   g as DTreeStore,
   pn as alert,
-  Xn as clickOutside,
+  Zn as clickOutside,
   fn as confirm,
   j as emitter,
   so as eventsBus,
-  qn as focus,
-  Yn as keydown,
+  Jn as focus,
+  Kn as keydown,
   Ge as notify,
-  Gn as touch,
-  jn as useNotification
+  Qn as touch,
+  Un as useNotification
 };