doph-js 0.2.94 → 0.2.96

package/dist/dophJs.js

@@ -1,4 +1,4 @@
-import { useSlots as Ce, computed as h, h as st, openBlock as d, createBlock as b, unref as E, ref as T, createElementBlock as m, Fragment as le, normalizeClass as D, renderSlot as L, createCommentVNode as k, normalizeStyle as z, resolveDynamicComponent as U, createStaticVNode as ut, onMounted as me, toDisplayString as O, withDirectives as oe, createElementVNode as _, vModelDynamic as De, withCtx as B, createTextVNode as K, Transition as Ne, withModifiers as j, resolveComponent as Ct, resolveDirective as Re, normalizeProps as pt, guardReactiveProps as ft, createVNode as J, renderList as ge, pushScopeId as Lt, popScopeId as It, reactive as Oe, Teleport as mt, nextTick as ht, getCurrentInstance as gt, watch as vt, onUnmounted as Et, mergeProps as ue, useCssVars as Ae, shallowRef as Bt, defineComponent as Mt, TransitionGroup as yt, vModelCheckbox as Nt, vModelSelect as Rt, toRef as Ot, KeepAlive as At, toRefs as Ht, vModelText as Vt } from "vue";
+import { useSlots as Ce, computed as h, h as st, openBlock as d, createBlock as x, unref as E, ref as S, createElementBlock as m, Fragment as oe, normalizeClass as T, renderSlot as L, createCommentVNode as k, normalizeStyle as z, resolveDynamicComponent as U, createStaticVNode as ut, onMounted as he, toDisplayString as O, withDirectives as ne, createElementVNode as _, vModelDynamic as De, withCtx as B, createTextVNode as K, Transition as Ne, withModifiers as j, resolveComponent as Ct, resolveDirective as Re, normalizeProps as pt, guardReactiveProps as ft, createVNode as J, renderList as me, pushScopeId as Lt, popScopeId as It, reactive as Oe, Teleport as mt, nextTick as ht, getCurrentInstance as gt, watch as vt, onUnmounted as Et, mergeProps as ue, useCssVars as Ae, shallowRef as Bt, defineComponent as Mt, TransitionGroup as yt, vModelCheckbox as Nt, vModelSelect as Rt, toRef as Ot, KeepAlive as At, toRefs as Ht, vModelText as Vt } from "vue";
 const re = {
   __name: "DIcon",
   props: {
@@ -29,7 +29,7 @@ const re = {
       },
       e.component ? st(e.component) : o
     ));
-    return (r, i) => (d(), b(E(l)));
+    return (r, i) => (d(), x(E(l)));
   }
 }, te = {
   state: {},
@@ -76,7 +76,7 @@ function zt() {
   }
   return o(8) + "-" + o(4) + "-4" + o(3) + "-" + n() + o(3) + "-" + o(12);
 }
-const ne = (t, e) => {
+const se = (t, e) => {
   const o = t.__vccOpts || t;
   for (const [n, s] of e)
     o[n] = s;
@@ -120,24 +120,24 @@ const ne = (t, e) => {
   },
   emits: ["click", "contextmenu"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = Ce(), a = T(null), l = h(() => n.icon ? te.getters.getIcon(n.icon) : null), r = ($) => {
+    const n = t, s = Ce(), a = S(null), l = h(() => n.icon ? te.getters.getIcon(n.icon) : null), r = ($) => {
       o("click", $);
     }, i = ($) => {
       o("contextmenu", $);
-    }, c = h(() => n.scale === "large" ? "button-lg" : n.scale === "small" ? "button-sm" : ""), u = h(() => n.disabled ? "disabled" : ""), g = ($) => !!s[$], x = h(() => g("default") ? "" : n.scale === "large" ? "d-button-lg-icon" : n.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), C = h(() => {
+    }, c = h(() => n.scale === "large" ? "button-lg" : n.scale === "small" ? "button-sm" : ""), u = h(() => n.disabled ? "disabled" : ""), g = ($) => !!s[$], b = h(() => g("default") ? "" : n.scale === "large" ? "d-button-lg-icon" : n.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), C = h(() => {
       const $ = n.outline ? "-outline" : "";
       return n.type === "primary" ? `button${$}-blue` : n.type === "success" ? `button${$}-green` : n.type === "error" ? `button${$}-red` : n.type === "warning" ? `button${$}-orange` : n.type === "wait" ? `button${$}-violet` : n.outline ? `button${$}` : "";
     });
     return e({
       elementSize: () => _t(a)
-    }), ($, H) => (d(), m(le, null, [
+    }), ($, H) => (d(), m(oe, null, [
       l.value ? k("", !0) : (d(), m("div", {
         key: 0,
         ref_key: "el",
         ref: a,
         onClick: r,
         onContextmenu: i,
-        class: D(["button", [n.class, c.value, C.value, u.value].join(" ")])
+        class: T(["button", [n.class, c.value, C.value, u.value].join(" ")])
       }, [
         L($.$slots, "default", {}, void 0, !0),
         n.loading ? (d(), m("svg", Ft, Pt)) : k("", !0)
@@ -148,10 +148,10 @@ const ne = (t, e) => {
         ref: a,
         onClick: r,
         onContextmenu: i,
-        class: D(["button button-ext", [n.class, c.value, x.value, C.value, u.value].join(" ")]),
+        class: T(["button button-ext", [n.class, c.value, b.value, C.value, u.value].join(" ")]),
         style: z(n.style)
       }, [
-        n.icon ? (d(), b(U(re), {
+        n.icon ? (d(), x(U(re), {
           key: 0,
           component: l.value,
           color: "inherit"
@@ -163,7 +163,7 @@ const ne = (t, e) => {
       ], 38)) : k("", !0)
     ], 64));
   }
-}, ie = /* @__PURE__ */ ne(qt, [["__scopeId", "data-v-e5cd6ccd"]]);
+}, le = /* @__PURE__ */ se(qt, [["__scopeId", "data-v-e5cd6ccd"]]);
 const Gt = {
   key: 0,
   class: "d-input"
@@ -199,13 +199,13 @@ const Gt = {
   },
   emits: ["update:modelValue"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = T(null), a = h(() => n.scale === "small" ? "d-input-small" : n.scale === "large" ? "d-input-large" : ""), l = h({
+    const n = t, s = S(null), a = h(() => n.scale === "small" ? "d-input-small" : n.scale === "large" ? "d-input-large" : ""), l = h({
       get: () => n.modelValue,
       set: (i) => {
         o("update:modelValue", i);
       }
     });
-    me(() => {
+    he(() => {
       n.focus && r();
     });
     const r = () => {
@@ -215,12 +215,12 @@ const Gt = {
       focus: r
     }), (i, c) => !n.post && !n.pre ? (d(), m("div", Gt, [
       n.label ? (d(), m("div", Zt, O(n.label), 1)) : k("", !0),
-      oe(_("input", {
+      ne(_("input", {
         ref_key: "inputRef",
         ref: s,
         "onUpdate:modelValue": c[0] || (c[0] = (u) => l.value = u),
         type: n.password ? "password" : "text",
-        class: D(a.value),
+        class: T(a.value),
         placeholder: n.placeholder,
         style: { width: "100%" }
       }, null, 10, Kt), [
@@ -230,10 +230,10 @@ const Gt = {
       n.label ? (d(), m("div", Qt, O(n.label), 1)) : k("", !0),
       _("div", eo, [
         _("div", to, [
-          oe(_("input", {
+          ne(_("input", {
             ref_key: "inputRef",
             ref: s,
-            class: D(["d-input-post-field", a.value]),
+            class: T(["d-input-post-field", a.value]),
             "onUpdate:modelValue": c[1] || (c[1] = (u) => l.value = u),
             type: n.password ? "password" : "text",
             placeholder: n.placeholder,
@@ -242,10 +242,10 @@ const Gt = {
             [De, l.value]
           ])
         ]),
-        n.post.label ? (d(), b(ie, {
+        n.post.label ? (d(), x(le, {
           key: 0,
           scale: n.scale,
-          class: D(["d-input-post-button", n.post.class]),
+          class: T(["d-input-post-button", n.post.class]),
           onClick: n.post.click,
           icon: n.post.icon
         }, {
@@ -253,10 +253,10 @@ const Gt = {
             K(O(n.post.label), 1)
           ]),
           _: 1
-        }, 8, ["scale", "onClick", "icon", "class"])) : (d(), b(ie, {
+        }, 8, ["scale", "onClick", "icon", "class"])) : (d(), x(le, {
           key: 1,
           scale: n.scale,
-          class: D(["d-input-post-button", n.post.class]),
+          class: T(["d-input-post-button", n.post.class]),
           onClick: n.post.click,
           icon: n.post.icon
         }, null, 8, ["scale", "onClick", "icon", "class"]))
@@ -264,10 +264,10 @@ const Gt = {
     ])) : !n.post && n.pre && n.pre.click ? (d(), m("div", no, [
       n.label ? (d(), m("div", so, O(n.label), 1)) : k("", !0),
       _("div", ao, [
-        n.pre.label ? (d(), b(ie, {
+        n.pre.label ? (d(), x(le, {
           key: 0,
           scale: n.scale,
-          class: D(["d-input-pre-button", n.pre.class]),
+          class: T(["d-input-pre-button", n.pre.class]),
           onClick: n.pre.click,
           icon: n.pre.icon
         }, {
@@ -275,18 +275,18 @@ const Gt = {
             K(O(n.pre.label), 1)
           ]),
           _: 1
-        }, 8, ["scale", "onClick", "icon", "class"])) : (d(), b(ie, {
+        }, 8, ["scale", "onClick", "icon", "class"])) : (d(), x(le, {
           key: 1,
           scale: n.scale,
-          class: D(["d-input-pre-button", n.pre.class]),
+          class: T(["d-input-pre-button", n.pre.class]),
           onClick: n.pre.click,
           icon: n.pre.icon
         }, null, 8, ["scale", "onClick", "icon", "class"])),
         _("div", io, [
-          oe(_("input", {
+          ne(_("input", {
             ref_key: "inputRef",
             ref: s,
-            class: D(["d-input-pre-field", a.value]),
+            class: T(["d-input-pre-field", a.value]),
             "onUpdate:modelValue": c[2] || (c[2] = (u) => l.value = u),
             type: n.password ? "password" : "text",
             placeholder: n.placeholder,
@@ -298,7 +298,7 @@ const Gt = {
       ])
     ])) : k("", !0);
   }
-}, Es = /* @__PURE__ */ ne(ro, [["__scopeId", "data-v-a972038a"]]), co = {
+}, Es = /* @__PURE__ */ se(ro, [["__scopeId", "data-v-a972038a"]]), co = {
   __name: "DBadge",
   props: {
     scale: String,
@@ -315,12 +315,12 @@ const Gt = {
       return e.type === "primary" ? `badge${s}-blue` : e.type === "success" ? `badge${s}-green` : e.type === "error" ? `badge${s}-red` : e.type === "warning" ? `badge${s}-orange` : e.type === "wait" ? `badge${s}-violet` : e.stress ? `badge${s}-gray` : "";
     });
     return (s, a) => (d(), m("div", {
-      class: D(["badge", [e.class, o.value, n.value].join(" ")])
+      class: T(["badge", [e.class, o.value, n.value].join(" ")])
     }, [
       L(s.$slots, "default")
     ], 2));
   }
-}, ae = "0px", uo = {
+}, ie = "0px", uo = {
   __name: "DCollapse",
   props: {
     duration: {
@@ -361,22 +361,22 @@ const Gt = {
       const { width: u } = getComputedStyle(i);
       i.style.width = u, i.style.position = "absolute", i.style.visibility = "hidden", i.style.height = "";
       let { height: g } = getComputedStyle(i);
-      return i.style.width = c.width, i.style.position = c.position, i.style.visibility = c.visibility, i.style.height = ae, i.style.overflow = "hidden", c.height && c.height !== ae ? c.height : g;
-    }, s = (i, c, u, g, x) => {
-      const C = i.animate(g, x);
+      return i.style.width = c.width, i.style.position = c.position, i.style.visibility = c.visibility, i.style.height = ie, i.style.overflow = "hidden", c.height && c.height !== ie ? c.height : g;
+    }, s = (i, c, u, g, b) => {
+      const C = i.animate(g, b);
       i.style.height = c.height, C.onfinish = () => {
         i.style.overflow = c.overflow, u();
       };
     }, a = (i, c) => [
       {
-        height: ae,
+        height: ie,
         opacity: e.opacityClosed,
-        paddingTop: ae,
-        paddingBottom: ae,
-        borderTopWidth: ae,
-        borderBottomWidth: ae,
-        marginTop: ae,
-        marginBottom: ae
+        paddingTop: ie,
+        paddingBottom: ie,
+        borderTopWidth: ie,
+        borderBottomWidth: ie,
+        marginTop: ie,
+        marginBottom: ie
       },
       {
         height: i,
@@ -389,15 +389,15 @@ const Gt = {
         marginBottom: c.marginBottom
       }
     ], l = (i, c) => {
-      const u = i, g = o(u), x = n(u, g), C = a(x, g), R = { duration: e.duration, easing: e.easingEnter };
+      const u = i, g = o(u), b = n(u, g), C = a(b, g), R = { duration: e.duration, easing: e.easingEnter };
       s(u, g, c, C, R);
     }, r = (i, c) => {
-      const u = i, g = o(u), { height: x } = getComputedStyle(u);
-      u.style.height = x, u.style.overflow = "hidden";
-      const C = a(x, g).reverse(), R = { duration: e.duration, easing: e.easingLeave };
+      const u = i, g = o(u), { height: b } = getComputedStyle(u);
+      u.style.height = b, u.style.overflow = "hidden";
+      const C = a(b, g).reverse(), R = { duration: e.duration, easing: e.easingLeave };
       s(u, g, c, C, R);
     };
-    return (i, c) => (d(), b(Ne, {
+    return (i, c) => (d(), x(Ne, {
       css: !1,
       onEnter: l,
       onLeave: r
@@ -442,7 +442,7 @@ const Gt = {
     tag: { type: String, default: "div" }
   },
   setup(t) {
-    const e = t, o = Ce(), n = T(!1), s = h(() => n && e.transferData), a = h(() => ({ position: "fixed", top: "-1000px" })), l = (r, i) => {
+    const e = t, o = Ce(), n = S(!1), s = h(() => n && e.transferData), a = h(() => ({ position: "fixed", top: "-1000px" })), l = (r, i) => {
       const c = i.dataTransfer;
       if ([X.dragenter, X.dragover].includes(r) && e.dropEffect && (c.dropEffect = e.dropEffect), r === X.dragstart) {
         if (e.effectAllowed && (c.effectAllowed = e.effectAllowed), e.image || o.image) {
@@ -452,7 +452,7 @@ const Gt = {
         e.transferData !== void 0 && (Te.data = e.transferData, i.dataTransfer.setData("text", "")), n.value = !0;
       }
     };
-    return (r, i) => (d(), b(U(t.tag), {
+    return (r, i) => (d(), x(U(t.tag), {
       draggable: e.draggable,
       onDrag: i[0] || (i[0] = (c) => l(E(X).drag, c)),
       onDragstart: i[1] || (i[1] = j((c) => l(E(X).dragstart, c), ["stop"])),
@@ -498,13 +498,13 @@ const mo = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), ho = {
   },
   emits: ["nodedrop", "nodedragover", "nodedragleave", "nodeclick", "nodecontext", "nodedoubleclick", "nodefoldericonclick"],
   setup(t, { emit: e }) {
-    const o = t, n = T(null), s = T(!1), a = T(!1), l = T(!1), r = h(() => o.model.children && o.model.children.length), i = h(() => (v.actions.isTreeExpanded(o.treeId) && (o.model.expanded = o.model.expanded === void 0 ? !0 : o.model.expanded), o.model.expanded)), c = (N) => {
+    const o = t, n = S(null), s = S(!1), a = S(!1), l = S(!1), r = h(() => o.model.children && o.model.children.length), i = h(() => (v.actions.isTreeExpanded(o.treeId) && (o.model.expanded = o.model.expanded === void 0 ? !0 : o.model.expanded), o.model.expanded)), c = (N) => {
       e("nodeclick", { event: N, model: o.model });
     }, u = (N) => {
       e("nodefoldericonclick", { event: N, model: o.model });
     }, g = (N) => {
       e("nodefoldericonclick", N);
-    }, x = (N) => {
+    }, b = (N) => {
       e("nodeclick", N);
     }, C = (N) => {
       e("nodedoubleclick", N);
@@ -541,7 +541,7 @@ const mo = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), ho = {
       V > P && V <= P + p ? (s.value = !1, a.value = !0, l.value = !1) : V < P + f && V >= P + f - p ? (s.value = !1, a.value = !1, l.value = !0) : (s.value = v.state.trees[o.treeId].dropInside, a.value = !1, l.value = !1);
     }, F = () => {
       s.value = !1, a.value = !1, l.value = !1;
-    }, S = h(() => o.model.title.startsWith("-")), W = h(() => {
+    }, D = h(() => o.model.title.startsWith("-")), W = h(() => {
       if (o.model.title.startsWith("-")) {
         let [N, ...w] = o.model.title.split(" ");
         return w = w.join(" "), w;
@@ -550,9 +550,9 @@ const mo = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), ho = {
     });
     return (N, w) => {
       const V = Ct("d-tree-item", !0), P = Re("touch");
-      return E(v).actions.beforeItem(o.treeId, t.model) ? S.value && !W.value ? (d(), m("li", go, yo)) : S.value && W.value ? (d(), m("li", _o, [
+      return E(v).actions.beforeItem(o.treeId, t.model) ? D.value && !W.value ? (d(), m("li", go, yo)) : D.value && W.value ? (d(), m("li", _o, [
         _("div", bo, O(E(v).actions.renderTitle(o.treeId, W.value)), 1)
-      ])) : o.model.component ? (d(), b(at, {
+      ])) : o.model.component ? (d(), x(at, {
         key: 3,
         tag: "li",
         class: "tree-item-component",
@@ -565,19 +565,19 @@ const mo = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), ho = {
         onDragleave: j(F, ["prevent"])
       }, {
         default: B(() => [
-          oe((d(), m("div", {
+          ne((d(), m("div", {
             ref_key: "node",
             ref: n,
-            class: D(H.value),
+            class: T(H.value),
             onContextmenu: w[0] || (w[0] = j((f) => e("nodecontext", { e: f, model: o.model }), ["prevent"]))
           }, [
-            (d(), b(U(E(fe).getters.getComponent(o.model.component).component), pt(ft(E(fe).getters.getComponent(o.model.component).props)), null, 16))
+            (d(), x(U(E(fe).getters.getComponent(o.model.component).component), pt(ft(E(fe).getters.getComponent(o.model.component).props)), null, 16))
           ], 34)), [
             [P, c, "press"]
           ])
         ]),
         _: 1
-      }, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (d(), b(at, {
+      }, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (d(), x(at, {
         key: 4,
         tag: "li",
         class: "tree-item",
@@ -595,28 +595,28 @@ const mo = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), ho = {
             _("div", {
               ref_key: "node",
               ref: n,
-              class: D(H.value),
+              class: T(H.value),
               onPointerdownCapture: c,
               onDblclick: w[2] || (w[2] = j((y) => e("nodedoubleclick", { e: y, model: o.model }), ["prevent"])),
               onContextmenu: w[3] || (w[3] = j((y) => e("nodecontext", { e: y, model: o.model }), ["prevent"]))
             }, [
               _("div", null, [
-                o.model.icons && o.model.icons.pre && r.value && !o.search && !S.value ? (d(), b(U(re), {
+                o.model.icons && o.model.icons.pre && r.value && !o.search && !D.value ? (d(), x(U(re), {
                   key: 0,
                   component: E(te).getters.getIcon(o.model.icons.pre.component),
                   size: 18,
                   color: o.model.icons.pre.color ? o.model.icons.pre.color : "inherit",
-                  class: D(i.value ? "tree-open-pre" : ""),
+                  class: T(i.value ? "tree-open-pre" : ""),
                   onPointerdownCapture: u
                 }, null, 40, ["component", "color", "class"])) : k("", !0),
-                o.model.icons && o.model.icons.pre && !r.value && !o.search && !S.value ? (d(), b(U(re), {
+                o.model.icons && o.model.icons.pre && !r.value && !o.search && !D.value ? (d(), x(U(re), {
                   key: 1,
                   component: E(te).getters.getIcon(o.model.icons.pre.component),
                   size: 18,
                   color: "rgba(0,0,0,0)",
-                  class: D(i.value ? "tree-open-pre" : "")
+                  class: T(i.value ? "tree-open-pre" : "")
                 }, null, 8, ["component", "class"])) : k("", !0),
-                o.model.icons && o.model.icons.icon && !S.value ? (d(), b(U(re), {
+                o.model.icons && o.model.icons.icon && !D.value ? (d(), x(U(re), {
                   key: 2,
                   component: E(te).getters.getIcon(o.model.icons.icon.component),
                   color: o.model.icons.icon.color ? o.model.icons.icon.color : "inherit",
@@ -624,26 +624,26 @@ const mo = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), ho = {
                   className: o.model.icons.icon.class ? o.model.icons.icon.class : null
                 }, null, 8, ["component", "color", "size", "className"])) : k("", !0),
                 _("div", xo, [
-                  S.value ? (d(), m("div", ko)) : k("", !0),
-                  S.value ? k("", !0) : (d(), m("div", $o, O(E(v).actions.renderTitle(o.treeId, o.model.title)), 1))
+                  D.value ? (d(), m("div", ko)) : k("", !0),
+                  D.value ? k("", !0) : (d(), m("div", $o, O(E(v).actions.renderTitle(o.treeId, o.model.title)), 1))
                 ])
               ]),
               _("div", wo, [
-                ((f = o.model.badge) == null ? void 0 : f.value) !== void 0 && !S.value ? (d(), b(U(co), {
+                ((f = o.model.badge) == null ? void 0 : f.value) !== void 0 && !D.value ? (d(), x(U(co), {
                   key: 0,
-                  class: D([(p = o.model.badge) == null ? void 0 : p.class, "badge-sm"])
+                  class: T([(p = o.model.badge) == null ? void 0 : p.class, "badge-sm"])
                 }, {
                   default: B(() => [
                     K(O(o.model.badge.value), 1)
                   ]),
                   _: 1
                 }, 8, ["class"])) : k("", !0),
-                o.model.icons && o.model.icons.post && r.value && !o.search && !S.value ? (d(), b(U(re), {
+                o.model.icons && o.model.icons.post && r.value && !o.search && !D.value ? (d(), x(U(re), {
                   key: 1,
                   component: E(te).getters.getIcon(o.model.icons.post.component),
                   size: 20,
                   color: o.model.icons.post.color ? o.model.icons.post.color : "inherit",
-                  class: D(i.value ? "tree-open-post" : ""),
+                  class: T(i.value ? "tree-open-post" : ""),
                   onPointerdownCapture: u
                 }, null, 40, ["component", "color", "class"])) : k("", !0)
               ])
@@ -651,13 +651,13 @@ const mo = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), ho = {
             J(uo, null, {
               default: B(() => [
                 r.value && i.value && !o.search ? (d(), m("ul", So, [
-                  (d(!0), m(le, null, ge(t.model.children, (y) => (d(), b(V, {
+                  (d(!0), m(oe, null, me(t.model.children, (y) => (d(), x(V, {
                     key: y.id,
                     model: y,
                     treeId: o.treeId,
                     items: o.items,
                     search: o.search,
-                    onNodeclick: x,
+                    onNodeclick: b,
                     onNodedoubleclick: C,
                     onNodedrop: R,
                     onNodecontext: $,
@@ -673,7 +673,7 @@ const mo = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), ho = {
       }, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (d(), m("li", ho));
     };
   }
-}, To = /* @__PURE__ */ ne(Do, [["__scopeId", "data-v-9da49c73"]]);
+}, To = /* @__PURE__ */ se(Do, [["__scopeId", "data-v-9da49c73"]]);
 function Co(t) {
   return t = t || /* @__PURE__ */ new Map(), {
     /**
@@ -834,18 +834,18 @@ const q = Co(), v = {
   emits: Object.keys(X),
   setup(t, { expose: e, emit: o }) {
     let n = Oe({});
-    const s = T("false"), a = T(null), l = /* @__PURE__ */ new Set(), r = h(() => s.value && n), i = (u, g) => {
+    const s = S("false"), a = S(null), l = /* @__PURE__ */ new Set(), r = h(() => s.value && n), i = (u, g) => {
       n = Te.data, o(u, g, n), u === X.dragenter && (l.size || g.target === a.value) && l.add(g.target), u === X.dragleave && l.delete(g.target), u === X.drop && l.clear(), s.value = !!l.size;
     };
     return e({
       elementSize: () => _t(a)
-    }), (u, g) => (d(), b(U(t.tag), {
+    }), (u, g) => (d(), x(U(t.tag), {
       ref_key: "el",
       ref: a,
-      onDragenter: g[0] || (g[0] = (x) => i(E(X).dragenter, x)),
-      onDragleave: g[1] || (g[1] = (x) => i(E(X).dragleave, x)),
-      onDragover: g[2] || (g[2] = j((x) => i(E(X).dragover, x), ["prevent"])),
-      onDrop: g[3] || (g[3] = j((x) => i(E(X).drop, x), ["prevent"]))
+      onDragenter: g[0] || (g[0] = (b) => i(E(X).dragenter, b)),
+      onDragleave: g[1] || (g[1] = (b) => i(E(X).dragleave, b)),
+      onDragover: g[2] || (g[2] = j((b) => i(E(X).dragover, b), ["prevent"])),
+      onDrop: g[3] || (g[3] = j((b) => i(E(X).drop, b), ["prevent"]))
     }, {
       default: B(() => [
         L(u.$slots, "default", { transferData: r.value })
@@ -873,12 +873,12 @@ const q = Co(), v = {
   emits: ["select"],
   setup(t, { expose: e, emit: o }) {
     const n = t;
-    let s = T(null), a = T(!1);
+    let s = S(null), a = S(!1);
     const l = () => {
       q.emit("menu-show-request"), a.value = !0;
     }, r = () => {
-      var x;
-      (x = s.value) == null || x.collapseAll(), a.value = !1;
+      var b;
+      (b = s.value) == null || b.collapseAll(), a.value = !1;
     }, i = () => a.value;
     q.on("menu-show-request", () => {
       r();
@@ -889,19 +889,19 @@ const q = Co(), v = {
       isShowed: i,
       itemsCount: () => s.value.itemsCount()
     });
-    const g = (x) => {
-      o("select", x), x.model.children || r();
+    const g = (b) => {
+      o("select", b), b.model.children || r();
     };
-    return (x, C) => {
+    return (b, C) => {
       const R = Re("click-outside");
-      return d(), b(mt, { to: "body" }, [
-        E(a) ? oe((d(), b(xt, {
+      return d(), x(mt, { to: "body" }, [
+        E(a) ? ne((d(), x(xt, {
           key: 0,
           ref_key: "treeRef",
           ref: s,
           items: n.items,
           "no-select": n.noSelect,
-          class: D(n.class),
+          class: T(n.class),
           style: z(n.style),
           onSelect: g,
           "render-title": n.renderItemTitle,
@@ -921,20 +921,20 @@ const q = Co(), v = {
   },
   emits: ["select"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = T(null), a = T(0), l = T(0), r = h(() => ({
+    const n = t, s = S(null), a = S(0), l = S(0), r = h(() => ({
       left: a.value + "px",
       top: l.value + "px"
     })), i = (u) => {
       s.value.show(), ht(() => {
-        const g = s.value.elementSize(), x = window.innerWidth, C = window.innerHeight;
-        a.value = x - u.pageX < g.width ? u.pageX - g.width : u.pageX, l.value = C - u.pageY < g.height ? u.pageY - g.height : u.pageY, s.value.itemsCount() === 0 && s.value.hide();
+        const g = s.value.elementSize(), b = window.innerWidth, C = window.innerHeight;
+        a.value = b - u.pageX < g.width ? u.pageX - g.width : u.pageX, l.value = C - u.pageY < g.height ? u.pageY - g.height : u.pageY, s.value.itemsCount() === 0 && s.value.hide();
       });
     }, c = (u) => {
       o("select", u);
     };
     return e({
       show: i
-    }), (u, g) => (d(), b(bt, {
+    }), (u, g) => (d(), x(bt, {
       ref_key: "dMenuRef",
       ref: s,
       onSelect: c,
@@ -994,7 +994,7 @@ const q = Co(), v = {
   },
   emits: ["select", "collapse", "expand", "move", "over", "drop", "doubleclick", "foldericonclick"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = T(null), a = T(!1), l = T(null), r = gt().uid;
+    const n = t, s = S(null), a = S(!1), l = S(null), r = gt().uid;
     v.actions.initTreeStore(r, n.noSelect, n.multiSelect, n.expanded, n.transfer, n.renderTitle, n.beforeItem, n.dropInside);
     const i = (p, y) => {
       console.log(p, y);
@@ -1010,8 +1010,8 @@ const q = Co(), v = {
       for (let y = 0; y < n.items.length; y++)
         n.items[y].id === p && v.actions.toggleItem(r, n.items[y]), n.items[y].expanded = !0;
     }, g = (p = null) => {
-      v.mutations.setItemSelect(r, p.model), n.doubleClickExpand || v.actions.toggleItem(r, p.model), o("select", p);
-    }, x = (p = null) => {
+      console.log(p.model), v.mutations.setItemSelect(r, p.model), n.doubleClickExpand || v.actions.toggleItem(r, p.model), o("select", p);
+    }, b = (p = null) => {
       n.doubleClickExpand && v.actions.toggleItem(r, p.model), o("doubleclick", p);
     }, C = (p = null) => {
       n.doubleClickExpand && v.actions.toggleItem(r, p.model), o("foldericonclick", p);
@@ -1025,7 +1025,7 @@ const q = Co(), v = {
     }, M = () => {
       for (let p = 0; p < n.items.length; p++)
         n.items[p].expanded = !1;
-    }, I = () => r, F = (p) => v.actions.deepSearch(n.items, p), S = (p) => {
+    }, I = () => r, F = (p) => v.actions.deepSearch(n.items, p), D = (p) => {
       F(p) && v.mutations.setItemSelect(r, F(p));
     }, W = (p) => {
       n.contextClick({ e: p.e, model: p.model, target: l.value });
@@ -1041,10 +1041,10 @@ const q = Co(), v = {
       collapseAll: M,
       getId: I,
       getNode: F,
-      selectNode: S,
+      selectNode: D,
       itemsCount: P,
-      expandItem: u
-    }), (p, y) => (d(), b(Lo, {
+      expandNode: u
+    }), (p, y) => (d(), x(Lo, {
       ref_key: "treeRef",
       ref: s,
       class: "tree",
@@ -1052,20 +1052,20 @@ const q = Co(), v = {
       onDrop: j(i, ["stop"])
     }, {
       default: B(() => [
-        (d(!0), m(le, null, ge(c.value, (A) => (d(), b(To, {
+        (d(!0), m(oe, null, me(c.value, (A) => (d(), x(To, {
           key: A.id,
           model: A,
           treeId: E(r),
           items: n.items,
           search: n.search,
           onNodeclick: g,
-          onNodedoubleclick: x,
+          onNodedoubleclick: b,
           onNodedragover: R,
           onNodedrop: $,
           onNodecontext: V,
           onNodefoldericonclick: C
         }, null, 8, ["model", "treeId", "items", "search"]))), 128)),
-        w.value ? (d(), b(Io, {
+        w.value ? (d(), x(Io, {
           key: 0,
           ref_key: "contextTreeRef",
           ref: a,
@@ -1094,7 +1094,7 @@ const Eo = {
     const o = t, n = (s) => {
       e("move", s);
     };
-    return (s, a) => (d(), b(xt, {
+    return (s, a) => (d(), x(xt, {
       class: "accordion",
       items: o.items,
       "no-select": o.noSelect,
@@ -1103,7 +1103,7 @@ const Eo = {
       onMove: n
     }, null, 8, ["items", "no-select", "render-title"]));
   }
-}, Bs = /* @__PURE__ */ ne(Eo, [["__scopeId", "data-v-a724c500"]]), Bo = {
+}, Bs = /* @__PURE__ */ se(Eo, [["__scopeId", "data-v-a724c500"]]), Bo = {
   __name: "DLayoutHeader",
   props: {
     fixed: {
@@ -1187,8 +1187,8 @@ const Eo = {
   },
   setup(t) {
     const e = t, o = h(() => {
-      const { fixed: n, top: s, zIndex: a, minWidth: l, height: r, paddingLeft: i, transitionDuration: c, transitionTimingFunction: u } = e, g = n ? "fixed" : "static", x = e.useMinWidthLayout ? `min-width: ${l}px;` : "";
-      return `position:${g};top:${s}px;z-index:${a};${x}height:${r}px;padding-left:${i}px;transition-duration:${c}ms;transition-timing-function:${u};`;
+      const { fixed: n, top: s, zIndex: a, minWidth: l, height: r, paddingLeft: i, transitionDuration: c, transitionTimingFunction: u } = e, g = n ? "fixed" : "static", b = e.useMinWidthLayout ? `min-width: ${l}px;` : "";
+      return `position:${g};top:${s}px;z-index:${a};${b}height:${r}px;padding-left:${i}px;transition-duration:${c}ms;transition-timing-function:${u};`;
     });
     return (n, s) => (d(), m("div", {
       class: "d-layout-tab",
@@ -1321,7 +1321,7 @@ const Eo = {
   }
 };
 function Ao(t) {
-  const e = T(0), o = h(() => `transform: translateX(${-e.value}px);`);
+  const e = S(0), o = h(() => `transform: translateX(${-e.value}px);`);
   let n = !1;
   function s(u) {
     e.value = u;
@@ -1441,39 +1441,39 @@ const Ho = 1001, Vo = 999, zo = 998, Ms = {
   emits: ["update:sidebar-collapse", "sidebar-mask-click"],
   setup(t, { emit: e }) {
     const o = t, n = h(() => o.useMinWidthLayout ? `min-width:${o.minWidth}px;` : ""), s = h(() => o.useMinWidthLayout && (o.fixedHeaderAndTab || o.fixedFooter)), a = Ao(s), l = h(() => o.fixedHeaderAndTab ? a.value : ""), r = h(() => o.fixedFooter ? a.value : ""), i = h(() => {
-      const { transitionDuration: S, transitionTimingFunction: W } = o;
+      const { transitionDuration: D, transitionTimingFunction: W } = o;
       return {
-        transitionDuration: S,
+        transitionDuration: D,
         transitionTimingFunction: W
       };
     }), c = h(() => o.mode === "vertical"), u = h(() => o.isMobile || c.value ? 1003 : 1e3), g = h({
       get() {
         return o.sidebarCollapse;
       },
-      set(S) {
-        e("update:sidebar-collapse", S);
+      set(D) {
+        e("update:sidebar-collapse", D);
       }
     });
-    function x() {
+    function b() {
       e("sidebar-mask-click");
     }
     const C = h(() => o.isMobile && !g.value), R = h(() => {
-      const { transitionDuration: S, transitionTimingFunction: W } = o;
-      return `background-color:${o.maskBg};transition-duration:${S}ms;transition-timing-function:${W};`;
+      const { transitionDuration: D, transitionTimingFunction: W } = o;
+      return `background-color:${o.maskBg};transition-duration:${D}ms;transition-timing-function:${W};`;
     }), $ = h(() => {
-      const { sidebarWidth: S, sidebarCollapsedWidth: W } = o, N = o.isMobile ? 0 : W, w = g.value ? N : S;
+      const { sidebarWidth: D, sidebarCollapsedWidth: W } = o, N = o.isMobile ? 0 : W, w = g.value ? N : D;
       return o.sidebarVisible ? w : 0;
     }), H = h(() => o.isMobile ? 0 : $.value), Y = h(() => c.value ? H.value : 0), M = h(
       () => !o.isMobile && !c.value && o.headerVisible ? o.headerHeight : 0
     ), I = h(() => {
-      let S = 0;
-      return o.fixedHeaderAndTab && (o.headerVisible && (S += o.headerHeight), o.tabVisible && (S += o.tabHeight)), S;
+      let D = 0;
+      return o.fixedHeaderAndTab && (o.headerVisible && (D += o.headerHeight), o.tabVisible && (D += o.tabHeight)), D;
     }), F = h(() => o.fixedFooter && o.footerVisible ? o.footerHeight : 0);
-    return (S, W) => (d(), m("div", {
+    return (D, W) => (d(), m("div", {
       class: "d-layout",
       style: z(n.value)
     }, [
-      t.headerVisible ? (d(), b(Bo, ue({ key: 0 }, i.value, {
+      t.headerVisible ? (d(), x(Bo, ue({ key: 0 }, i.value, {
         fixed: t.fixedHeaderAndTab,
         "z-index": Ho,
         "min-width": t.minWidth,
@@ -1482,11 +1482,11 @@ const Ho = 1001, Vo = 999, zo = 998, Ms = {
         style: l.value
       }), {
         default: B(() => [
-          L(S.$slots, "header")
+          L(D.$slots, "header")
         ]),
         _: 3
       }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : k("", !0),
-      t.tabVisible ? (d(), b(Mo, ue({ key: 1 }, i.value, {
+      t.tabVisible ? (d(), x(Mo, ue({ key: 1 }, i.value, {
         fixed: t.fixedHeaderAndTab,
         "z-index": Vo,
         "min-width": t.minWidth,
@@ -1496,17 +1496,17 @@ const Ho = 1001, Vo = 999, zo = 998, Ms = {
         style: l.value
       }), {
         default: B(() => [
-          L(S.$slots, "tab")
+          L(D.$slots, "tab")
         ]),
         _: 3
       }, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) : k("", !0),
-      t.sidebarVisible ? (d(), b(Ro, ue({ key: 2 }, i.value, {
+      t.sidebarVisible ? (d(), x(Ro, ue({ key: 2 }, i.value, {
         "z-index": u.value,
         width: $.value,
         "padding-top": M.value
       }), {
         default: B(() => [
-          L(S.$slots, "sidebar")
+          L(D.$slots, "sidebar")
         ]),
         _: 3
       }, 16, ["z-index", "width", "padding-top"])) : k("", !0),
@@ -1514,7 +1514,7 @@ const Ho = 1001, Vo = 999, zo = 998, Ms = {
         key: 3,
         class: "d-layout-sidebar-mask",
         style: z(R.value),
-        onClick: x
+        onClick: b
       }, null, 4)) : k("", !0),
       J(Oo, ue(i.value, {
         "padding-top": I.value,
@@ -1523,11 +1523,11 @@ const Ho = 1001, Vo = 999, zo = 998, Ms = {
         "overflow-hidden": t.addMainOverflowHidden
       }), {
         default: B(() => [
-          L(S.$slots, "default")
+          L(D.$slots, "default")
         ]),
         _: 3
       }, 16, ["padding-top", "padding-bottom", "padding-left", "overflow-hidden"]),
-      t.footerVisible ? (d(), b(No, ue({ key: 4 }, i.value, {
+      t.footerVisible ? (d(), x(No, ue({ key: 4 }, i.value, {
         fixed: t.fixedFooter,
         "z-index": zo,
         "min-width": t.minWidth,
@@ -1536,7 +1536,7 @@ const Ho = 1001, Vo = 999, zo = 998, Ms = {
         style: r.value
       }), {
         default: B(() => [
-          L(S.$slots, "footer")
+          L(D.$slots, "footer")
         ]),
         _: 3
       }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : k("", !0)
@@ -1595,7 +1595,7 @@ const Rs = {
     const o = h(() => e.xHide ? "hidden" : "visible"), n = h(() => e.yHide ? "hidden" : "visible"), s = (a) => {
       document.body.classList.add(a), document.documentElement.classList.add(a), document.documentElement.classList.add("d-global-scroll");
     };
-    return me(() => {
+    return he(() => {
       s("colored-scroller");
     }), (a, l) => (d(), m("div", null, [
       L(a.$slots, "default")
@@ -1626,12 +1626,12 @@ const Fo = {
     }));
     const o = h(() => e.xHide ? "hidden" : "visible"), n = h(() => e.yHide ? "hidden" : "visible");
     return (s, a) => (d(), m("div", {
-      class: D(e.autoHide ? "d-scroll-hide" : "d-scroll")
+      class: T(e.autoHide ? "d-scroll-hide" : "d-scroll")
     }, [
       L(s.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}, Os = /* @__PURE__ */ ne(Fo, [["__scopeId", "data-v-d50b3609"]]), Wo = { class: "modal-content" }, Po = { class: "modal-header" }, jo = { class: "modal-title" }, Xo = { class: "modal-body" }, Yo = { class: "modal-footer" }, kt = {
+}, Os = /* @__PURE__ */ se(Fo, [["__scopeId", "data-v-d50b3609"]]), Wo = { class: "modal-content" }, Po = { class: "modal-header" }, jo = { class: "modal-title" }, Xo = { class: "modal-body" }, Yo = { class: "modal-footer" }, kt = {
   __name: "DModal",
   props: {
     show: Boolean,
@@ -1642,7 +1642,7 @@ const Fo = {
   },
   emits: ["open", "close"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = T(null), a = T(!1);
+    const n = t, s = S(null), a = S(!1);
     a.value = n == null ? void 0 : n.show;
     const l = () => {
       a.value = !0, o("open", s);
@@ -1654,10 +1654,10 @@ const Fo = {
       hide: r
     }), (i, c) => {
       const u = Re("keydown");
-      return d(), b(mt, { to: "body" }, [
+      return d(), x(mt, { to: "body" }, [
         J(Ne, { name: "fade" }, {
           default: B(() => [
-            a.value ? oe((d(), m("div", {
+            a.value ? ne((d(), m("div", {
               key: 0,
               ref_key: "modalRef",
               ref: s,
@@ -1721,7 +1721,7 @@ const qo = Mt({
     transitionAttrs: Object
   },
   setup() {
-    const t = T();
+    const t = S();
     return vt(t, () => {
       ce.value && (ce.value.comp = t.value);
     }), {
@@ -1731,9 +1731,9 @@ const qo = Mt({
   }
 });
 function Go(t, e, o, n, s, a) {
-  return d(), b(Ne, pt(ft(t.transitionAttrs)), {
+  return d(), x(Ne, pt(ft(t.transitionAttrs)), {
     default: B(() => [
-      t.dialogRef && t.dialogRef.wrapper === t.name ? (d(), b(U(t.dialogRef.dialog), ue({ key: 0 }, t.dialogRef.props, { ref: "dialogInstance" }), null, 16)) : k("", !0)
+      t.dialogRef && t.dialogRef.wrapper === t.name ? (d(), x(U(t.dialogRef.dialog), ue({ key: 0 }, t.dialogRef.props, { ref: "dialogInstance" }), null, 16)) : k("", !0)
     ]),
     _: 1
   }, 16);
@@ -1759,7 +1759,7 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
         ]),
         "modal-footer": B(() => [
           _("div", Ko, [
-            J(ie, {
+            J(le, {
               onClick: a[0] || (a[0] = (l) => E(Me)())
             }, {
               default: B(() => [
@@ -1793,7 +1793,7 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
         ]),
         "modal-footer": B(() => [
           _("div", Qo, [
-            J(ie, {
+            J(le, {
               onClick: a[0] || (a[0] = (l) => E(Me)())
             }, {
               default: B(() => [
@@ -1801,7 +1801,7 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
               ]),
               _: 1
             }),
-            J(ie, {
+            J(le, {
               class: "button-red",
               onClick: a[1] || (a[1] = (l) => E(Me)(!1))
             }, {
@@ -1836,7 +1836,7 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
   },
   emits: ["select", "click"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = Ce(), a = T(null), l = T(null), r = T(0), i = T(0), c = (C) => {
+    const n = t, s = Ce(), a = S(null), l = S(null), r = S(0), i = S(0), c = (C) => {
       if (o("click", C), a.value.isShowed()) {
         a.value.hide();
         return;
@@ -1851,13 +1851,13 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
     e({
       show: c
     });
-    const x = (C) => !!s[C];
+    const b = (C) => !!s[C];
     return (C, R) => (d(), m("div", tn, [
-      x("default") ? (d(), b(ie, {
+      b("default") ? (d(), x(le, {
         key: 0,
         ref_key: "buttonRef",
         ref: l,
-        class: D(n.class),
+        class: T(n.class),
         icon: n.icon,
         onClick: j(c, ["stop", "prevent"]),
         type: n.type
@@ -1866,11 +1866,11 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
           L(C.$slots, "default")
         ]),
         _: 3
-      }, 8, ["class", "icon", "onClick", "type"])) : (d(), b(ie, {
+      }, 8, ["class", "icon", "onClick", "type"])) : (d(), x(le, {
         key: 1,
         ref_key: "buttonRef",
         ref: l,
-        class: D(n.class),
+        class: T(n.class),
         icon: n.icon,
         onClick: j(c, ["stop", "prevent"]),
         type: n.type
@@ -1895,10 +1895,10 @@ function sn(t, e) {
     L(t.$slots, "default")
   ]);
 }
-const an = /* @__PURE__ */ ne(on, [["render", sn]]), ln = { class: "card-header" }, rn = { class: "modal-title" }, dn = { class: "card-body" }, cn = { class: "card-footer" }, Hs = {
+const an = /* @__PURE__ */ se(on, [["render", sn]]), ln = { class: "card-header" }, rn = { class: "modal-title" }, dn = { class: "card-body" }, cn = { class: "card-footer" }, Hs = {
   __name: "DCard",
   setup(t) {
-    return (e, o) => (d(), b(an, { class: "d-card" }, {
+    return (e, o) => (d(), x(an, { class: "d-card" }, {
       default: B(() => [
         _("div", ln, [
           _("h5", rn, [
@@ -2004,7 +2004,7 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
     }, s = () => {
       e("after-leave");
     };
-    return (a, l) => (d(), b(yt, {
+    return (a, l) => (d(), x(yt, {
       tag: "span",
       css: !1,
       onEnter: o,
@@ -2026,7 +2026,7 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
   },
   setup(t) {
     const e = t;
-    return (o, n) => (d(), b(yt, {
+    return (o, n) => (d(), x(yt, {
       tag: "span",
       name: e.name
     }, {
@@ -2112,12 +2112,12 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
     const o = t, n = {
       IDLE: 0,
       DESTROYED: 2
-    }, s = T([]), a = T(null), l = T(un.get("velocity")), r = h(() => o.animationType === "velocity"), i = h(() => r.value ? yn : _n), c = h(() => s.value.filter((f) => f.state !== n.DESTROYED)), u = h(() => mn(o.width)), g = h(() => {
-      const { x: f, y: p } = vn(o.position), y = u.value.value, A = u.value.type, se = {
+    }, s = S([]), a = S(null), l = S(un.get("velocity")), r = h(() => o.animationType === "velocity"), i = h(() => r.value ? yn : _n), c = h(() => s.value.filter((f) => f.state !== n.DESTROYED)), u = h(() => mn(o.width)), g = h(() => {
+      const { x: f, y: p } = vn(o.position), y = u.value.value, A = u.value.type, ae = {
         width: y + A
       };
-      return p && (se[p] = "0px"), f && (f === "center" ? se.left = `calc(50% - ${+y / 2}${A})` : se[f] = "0px"), se;
-    }), x = h(() => "bottom" in g.value), C = (f) => {
+      return p && (ae[p] = "0px"), f && (f === "center" ? ae.left = `calc(50% - ${+y / 2}${A})` : ae[f] = "0px"), ae;
+    }), b = h(() => "bottom" in g.value), C = (f) => {
       e("click", f), o.closeOnClick && F(f);
     }, R = () => {
       var f;
@@ -2132,9 +2132,9 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
         W();
         return;
       }
-      const p = typeof f.duration == "number" ? f.duration : o.duration, y = typeof f.speed == "number" ? f.speed : o.speed, A = typeof f.ignoreDuplicates == "boolean" ? f.ignoreDuplicates : o.ignoreDuplicates, { title: se, text: ve, type: ye, data: _e, id: be } = f, Q = {
+      const p = typeof f.duration == "number" ? f.duration : o.duration, y = typeof f.speed == "number" ? f.speed : o.speed, A = typeof f.ignoreDuplicates == "boolean" ? f.ignoreDuplicates : o.ignoreDuplicates, { title: ae, text: ve, type: ye, data: _e, id: be } = f, Q = {
         id: be || hn(),
-        title: se,
+        title: ae,
         text: ve,
         type: ye,
         state: n.IDLE,
@@ -2143,19 +2143,19 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
         data: _e
       };
       p >= 0 && (a.value = new pn(() => F(Q), Q.length, Q));
-      const xe = o.reverse ? !x.value : x.value;
+      const xe = o.reverse ? !b.value : b.value;
       let de = -1;
-      const ke = c.value.some((he) => he.title === f.title && he.text === f.text);
+      const ke = c.value.some((ge) => ge.title === f.title && ge.text === f.text);
       (!A || !ke) && (xe ? (s.value.push(Q), e("start", Q), c.value.length > o.max && (de = 0)) : (s.value.unshift(Q), e("start", Q), c.value.length > o.max && (de = c.value.length - 1)), de !== -1 && F(c.value[de]));
     }, Y = (f) => {
-      S(f);
+      D(f);
     }, M = (f) => [
       "d-notification-template",
       o.classes,
       f.type || ""
     ], I = (f) => r.value ? void 0 : { transition: `all ${f.speed}ms` }, F = (f) => {
       clearTimeout(f.timer), f.state = n.DESTROYED, P(), e("destroy", f);
-    }, S = (f) => {
+    }, D = (f) => {
       const p = s.value.find((y) => y.id === f);
       p && F(p);
     }, W = () => {
@@ -2184,20 +2184,20 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
     function P() {
       s.value = s.value.filter((f) => f.state !== n.DESTROYED);
     }
-    return me(() => {
+    return he(() => {
       q.on("notification-add", H), q.on("notification-close", Y);
     }), (f, p) => (d(), m("div", {
       class: "d-notification-group",
       style: z(g.value)
     }, [
-      (d(), b(U(i.value), {
+      (d(), x(U(i.value), {
         name: t.animationName,
         onEnter: w,
         onLeave: V,
         onAfterLeave: P
       }, {
         default: B(() => [
-          (d(!0), m(le, null, ge(c.value, (y) => (d(), m("div", {
+          (d(!0), m(oe, null, me(c.value, (y) => (d(), m("div", {
             key: y.id,
             class: "d-notification-wrapper",
             style: z(I(y)),
@@ -2206,15 +2206,15 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
             onMouseleave: $
           }, [
             L(f.$slots, "body", {
-              class: D([t.classes, y.type]),
+              class: T([t.classes, y.type]),
               item: y,
               close: () => F(y)
             }, () => [
               _("div", {
-                class: D(M(y)),
+                class: T(M(y)),
                 onClick: (A) => C(y)
               }, [
-                t.dangerouslySetInnerHtml ? (d(), m(le, { key: 0 }, [
+                t.dangerouslySetInnerHtml ? (d(), m(oe, { key: 0 }, [
                   y.title ? (d(), m("div", {
                     key: 0,
                     class: "d-notification-title",
@@ -2224,7 +2224,7 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
                     class: "notification-content",
                     innerHTML: y.text
                   }, null, 8, $n)
-                ], 64)) : (d(), m(le, { key: 1 }, [
+                ], 64)) : (d(), m(oe, { key: 1 }, [
                   y.title ? (d(), m("div", wn, O(y.title), 1)) : k("", !0),
                   _("div", Sn, O(y.text), 1)
                 ], 64))
@@ -2249,7 +2249,7 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
   setup(t, { emit: e }) {
     const o = t, n = h(() => o.icon ? te.getters.getIcon(o.icon) : null);
     return (s, a) => (d(), m("div", {
-      class: D(["d-info-progress", o.type ? `d-info-progress-${o.type}` : null]),
+      class: T(["d-info-progress", o.type ? `d-info-progress-${o.type}` : null]),
       style: z(o.style),
       onClick: a[0] || (a[0] = (l) => {
         e("click", l);
@@ -2257,7 +2257,7 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
     }, [
       _("div", Dn, [
         _("div", Tn, [
-          o.icon ? (d(), b(U(re), {
+          o.icon ? (d(), x(U(re), {
             key: 0,
             component: n.value,
             color: "inherit",
@@ -2298,7 +2298,7 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
       }
     });
     return (l, r) => (d(), m("div", In, [
-      oe(_("input", {
+      ne(_("input", {
         "onUpdate:modelValue": r[0] || (r[0] = (i) => a.value = i),
         id: `i-${E(s)}`,
         type: "checkbox",
@@ -2323,7 +2323,7 @@ async function Nn(t, e) {
 const Ws = {
   __name: "DDialogProvider",
   setup(t) {
-    return window.alert = Nn, window.confirm = Mn, (e, o) => (d(), b(E(Zo)));
+    return window.alert = Nn, window.confirm = Mn, (e, o) => (d(), x(E(Zo)));
   }
 }, Rn = { class: "d-select" }, On = {
   key: 0,
@@ -2357,13 +2357,13 @@ const Ws = {
       }
     return (a, l) => (d(), m("div", Rn, [
       o.label ? (d(), m("div", On, O(o.label), 1)) : k("", !0),
-      oe(_("select", {
+      ne(_("select", {
         "onUpdate:modelValue": l[0] || (l[0] = (r) => s.value = r),
-        class: D(n.value),
+        class: T(n.value),
         style: z(o.size === "wide" ? "width:100%" : ""),
         disabled: o.disabled
       }, [
-        (d(!0), m(le, null, ge(o.options, (r, i) => (d(), m("option", {
+        (d(!0), m(oe, null, me(o.options, (r, i) => (d(), m("option", {
           key: i,
           value: r.value,
           selected: r.selected,
@@ -2405,31 +2405,40 @@ const Vn = ["title"], zn = { class: "tab-icon" }, Fn = { class: "tab-label" }, W
       }, null, 8, ["component"])
     ], 8, Pn)) : k("", !0);
   }
-}, Xn = /* @__PURE__ */ ne(jn, [["__scopeId", "data-v-9262b225"]]);
+}, Xn = /* @__PURE__ */ se(jn, [["__scopeId", "data-v-9262b225"]]);
 const Yn = { class: "d-tabs" }, Un = {
   __name: "DTabs",
   props: {
     tabs: Array
   },
-  setup(t) {
-    const o = Ot(t, "tabs"), n = T(0), s = (a) => {
-      n.value = a;
+  setup(t, { expose: e }) {
+    const n = Ot(t, "tabs"), s = S(null), a = S(0), l = (i) => {
+      a.value = i;
     };
-    return (a, l) => (d(), m(le, null, [
+    return e({
+      refs: () => s
+    }), (i, c) => (d(), m(oe, null, [
       _("div", Yn, [
-        (d(!0), m(le, null, ge(o.value, (r, i) => (d(), b(Xn, {
-          index: i,
-          tab: r,
-          class: D(["d-tab-title", i === n.value ? "active" : ""]),
-          onClick: (c) => s(i)
+        (d(!0), m(oe, null, me(n.value, (u, g) => (d(), x(Xn, {
+          index: g,
+          tab: u,
+          class: T(["d-tab-title", g === a.value ? "active" : ""]),
+          onClick: (b) => l(g)
         }, null, 8, ["index", "tab", "class", "onClick"]))), 256))
       ]),
-      (d(), b(At, null, [
-        (d(), b(U(o.value[n.value].component)))
+      (d(), x(At, null, [
+        (d(!0), m(oe, null, me(n.value, (u, g) => (d(), m("div", null, [
+          g === a.value ? (d(), x(U(u.component), {
+            key: 0,
+            ref_for: !0,
+            ref_key: "tabsRef",
+            ref: s
+          }, null, 512)) : k("", !0)
+        ]))), 256))
       ], 1024))
     ], 64));
   }
-}, js = /* @__PURE__ */ ne(Un, [["__scopeId", "data-v-5459fcb7"]]);
+}, js = /* @__PURE__ */ se(Un, [["__scopeId", "data-v-a9dc38fc"]]);
 const qn = { class: "d-grid" }, Gn = {
   __name: "DGrid",
   props: {
@@ -2466,7 +2475,7 @@ const qn = { class: "d-grid" }, Gn = {
       L(u.$slots, "default", {}, void 0, !0)
     ]));
   }
-}, Xs = /* @__PURE__ */ ne(Gn, [["__scopeId", "data-v-b45e8130"]]), Zn = ["src", "alt", "title"], Ys = {
+}, Xs = /* @__PURE__ */ se(Gn, [["__scopeId", "data-v-b45e8130"]]), Zn = ["src", "alt", "title"], Ys = {
   __name: "DImage",
   props: {
     src: String,
@@ -2478,12 +2487,12 @@ const qn = { class: "d-grid" }, Gn = {
     radius: String
   },
   setup(t) {
-    const e = t, o = T(null), n = new Image();
+    const e = t, o = S(null), n = new Image();
     return n.onload = () => {
       o.value = n.src;
     }, n.onerror = () => {
       o.value = e.srcFail;
-    }, me(() => {
+    }, he(() => {
       n.src = e.src;
     }), (s, a) => o.value ? (d(), m("img", {
       key: 0,
@@ -2517,13 +2526,13 @@ const Kn = { class: "d-textarea" }, Jn = {
   },
   emits: ["update:modelValue"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = T(null), a = h(() => n.scale === "small" ? "d-textarea-small" : n.scale === "large" ? "d-textarea-large" : ""), l = h({
+    const n = t, s = S(null), a = h(() => n.scale === "small" ? "d-textarea-small" : n.scale === "large" ? "d-textarea-large" : ""), l = h({
       get: () => n.modelValue,
       set: (i) => {
         o("update:modelValue", i);
       }
     });
-    me(() => {
+    he(() => {
       n.focus && r();
     });
     const r = () => {
@@ -2533,21 +2542,21 @@ const Kn = { class: "d-textarea" }, Jn = {
       focus: r
     }), (i, c) => (d(), m("div", Kn, [
       n.label ? (d(), m("div", Jn, O(n.label), 1)) : k("", !0),
-      oe(_("textarea", {
+      ne(_("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: D(a.value),
+        class: T(a.value),
         style: { width: "100%" }
       }, null, 10, Qn), [
         [Vt, l.value]
       ])
     ]));
   }
-}, Us = /* @__PURE__ */ ne(es, [["__scopeId", "data-v-0e805d5d"]]);
+}, Us = /* @__PURE__ */ se(es, [["__scopeId", "data-v-0e805d5d"]]);
 class qs {
   constructor(e) {
     this.fields = e;
@@ -2635,7 +2644,7 @@ const ps = new us(), G = {
 };
 class fs {
   validate(e, o) {
-    var s, a, l, r, i, c, u, g, x, C, R, $, H, Y;
+    var s, a, l, r, i, c, u, g, b, C, R, $, H, Y;
     let n = "";
     if (o) {
       let M = !1;
@@ -2652,7 +2661,7 @@ class fs {
               n = G.RulesMin.validate(e, (i = o[I]) == null ? void 0 : i.value) ? "" : G.RulesMin.message((c = o[I]) != null && c.message ? (u = o[I]) == null ? void 0 : u.message : "very_small"), M = n !== "";
               break;
             case "max":
-              n = G.RulesMax.validate(e, (g = o[I]) == null ? void 0 : g.value) ? "" : G.RulesMax.message((x = o[I]) != null && x.message ? (C = o[I]) == null ? void 0 : C.message : "vary_large"), M = n !== "";
+              n = G.RulesMax.validate(e, (g = o[I]) == null ? void 0 : g.value) ? "" : G.RulesMax.message((b = o[I]) != null && b.message ? (C = o[I]) == null ? void 0 : C.message : "vary_large"), M = n !== "";
               break;
             case "email":
               n = G.RulesEmail.validate(e) ? "" : G.RulesMax.message((R = o[I]) != null && R.message ? ($ = o[I]) == null ? void 0 : $.message : "email_incorrect"), M = n !== "";
@@ -2723,7 +2732,7 @@ const ms = new fs(), hs = { style: { display: "flex", "flex-direction": "column"
   },
   emits: ["update:modelValue", "input", "blur"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = T(n.error), a = zt(), l = T(!1), r = T(null);
+    const n = t, s = S(n.error), a = zt(), l = S(!1), r = S(null);
     //!props.form ? ref(null) : props.form.fields[props.name].ref
     const i = h({
       get: () => n.modelValue,
@@ -2732,12 +2741,12 @@ const ms = new fs(), hs = { style: { display: "flex", "flex-direction": "column"
         o("update:modelValue", M);
       }
     }), c = h(() => n.type === "password" ? "password" : "text"), u = h(() => n.scale), g = (M) => {
-      o("input", M), x();
-    }, x = () => {
+      o("input", M), b();
+    }, b = () => {
       if (!(!n.form || !n.form.fields || !n.form.fields[n.name].rules))
         return s.value = ms.validate(i.value, n.form.fields[n.name].rules), !!s.value;
     };
-    me(() => {
+    he(() => {
       C();
     });
     const C = () => {
@@ -2755,11 +2764,11 @@ const ms = new fs(), hs = { style: { display: "flex", "flex-direction": "column"
     return e({
       focus: C,
       setError: H,
-      validate: x
+      validate: b
     }), (M, I) => {
-      var F, S, W, N, w, V, P, f, p, y, A, se, ve, ye, _e, be, Q, xe, de, ke, Le, he, Fe, We, Pe, je, Xe, Ye, Ue, qe, Ge, Ze, Ke, Je, Qe, et, tt, ot, nt;
+      var F, D, W, N, w, V, P, f, p, y, A, ae, ve, ye, _e, be, Q, xe, de, ke, Le, ge, Fe, We, Pe, je, Xe, Ye, Ue, qe, Ge, Ze, Ke, Je, Qe, et, tt, ot, nt;
       return d(), m("div", {
-        class: D(["d-input-string", u.value])
+        class: T(["d-input-string", u.value])
       }, [
         _("div", hs, [
           n.label ? (d(), m("div", gs, [
@@ -2767,26 +2776,26 @@ const ms = new fs(), hs = { style: { display: "flex", "flex-direction": "column"
             (F = n.form) != null && F.fields[n.name].rules && n.form.fields[n.name].rules.hasOwnProperty("required") ? (d(), m("span", vs, "*")) : k("", !0)
           ])) : k("", !0),
           _("div", ys, [
-            (W = (S = n.pre) == null ? void 0 : S.outside) != null && W.component ? (d(), m("div", {
+            (W = (D = n.pre) == null ? void 0 : D.outside) != null && W.component ? (d(), m("div", {
               key: 0,
-              class: D(["d-pre", n.disabled ? "disabled" : ""])
+              class: T(["d-pre", n.disabled ? "disabled" : ""])
             }, [
-              (d(), b(U((w = (N = n.pre) == null ? void 0 : N.outside) == null ? void 0 : w.component)))
+              (d(), x(U((w = (N = n.pre) == null ? void 0 : N.outside) == null ? void 0 : w.component)))
             ], 2)) : (P = (V = n.pre) == null ? void 0 : V.outside) != null && P.text ? (d(), m("div", {
               key: 1,
-              class: D(["d-pre", n.disabled ? "disabled" : ""])
+              class: T(["d-pre", n.disabled ? "disabled" : ""])
             }, [
               _("div", {
-                class: D(["d-text", l.value ? "focused" : ""])
+                class: T(["d-text", l.value ? "focused" : ""])
               }, O((p = (f = n.pre) == null ? void 0 : f.outside) == null ? void 0 : p.text), 3)
             ], 2)) : k("", !0),
             _("div", _s, [
-              (A = (y = n.pre) == null ? void 0 : y.inside) != null && A.action && ((ve = (se = n.pre) == null ? void 0 : se.inside) == null ? void 0 : ve.action) === "clear" && ((ye = i.value) == null ? void 0 : ye.length) > 0 ? (d(), m("div", {
+              (A = (y = n.pre) == null ? void 0 : y.inside) != null && A.action && ((ve = (ae = n.pre) == null ? void 0 : ae.inside) == null ? void 0 : ve.action) === "clear" && ((ye = i.value) == null ? void 0 : ye.length) > 0 ? (d(), m("div", {
                 key: 0,
                 class: "d-pre-inside-button",
                 onClick: R
               }, xs)) : k("", !0),
-              oe(_("input", {
+              ne(_("input", {
                 id: E(a),
                 ref_key: "inputRef",
                 ref: r,
@@ -2798,9 +2807,9 @@ const ms = new fs(), hs = { style: { display: "flex", "flex-direction": "column"
                 onFocus: I[1] || (I[1] = (Ie) => $(!0)),
                 onBlur: Y,
                 onFocusout: I[2] || (I[2] = (Ie) => $(!1)),
-                class: D([
+                class: T([
                   (be = (_e = n.pre) == null ? void 0 : _e.outside) != null && be.component || (xe = (Q = n.pre) == null ? void 0 : Q.outside) != null && xe.text ? "has-pre" : "",
-                  (ke = (de = n.post) == null ? void 0 : de.outside) != null && ke.component || (he = (Le = n.post) == null ? void 0 : Le.outside) != null && he.text ? "has-post" : "",
+                  (ke = (de = n.post) == null ? void 0 : de.outside) != null && ke.component || (ge = (Le = n.post) == null ? void 0 : Le.outside) != null && ge.text ? "has-post" : "",
                   (We = (Fe = n.pre) == null ? void 0 : Fe.inside) != null && We.action ? "has-pre-inside-button" : "",
                   (je = (Pe = n.post) == null ? void 0 : Pe.inside) != null && je.action ? "has-post-inside-button" : "",
                   l.value ? "focused" : ""
@@ -2817,15 +2826,15 @@ const ms = new fs(), hs = { style: { display: "flex", "flex-direction": "column"
             ]),
             (Ke = (Ze = n.post) == null ? void 0 : Ze.outside) != null && Ke.component ? (d(), m("div", {
               key: 2,
-              class: D(["d-post", n.disabled ? "disabled" : ""])
+              class: T(["d-post", n.disabled ? "disabled" : ""])
             }, [
-              (d(), b(U((Qe = (Je = n.post) == null ? void 0 : Je.outside) == null ? void 0 : Qe.component)))
+              (d(), x(U((Qe = (Je = n.post) == null ? void 0 : Je.outside) == null ? void 0 : Qe.component)))
             ], 2)) : (tt = (et = n.post) == null ? void 0 : et.outside) != null && tt.text ? (d(), m("div", {
               key: 3,
-              class: D(["d-post", n.disabled ? "disabled" : ""])
+              class: T(["d-post", n.disabled ? "disabled" : ""])
             }, [
               _("div", {
-                class: D(["d-text", l.value ? "focused" : ""])
+                class: T(["d-text", l.value ? "focused" : ""])
               }, O((nt = (ot = n.post) == null ? void 0 : ot.outside) == null ? void 0 : nt.text), 3)
             ], 2)) : k("", !0)
           ]),
@@ -3040,7 +3049,7 @@ export {
   Bs as DAccordion,
   Jo as DAlertDialog,
   co as DBadge,
-  ie as DButton,
+  le as DButton,
   Hs as DCard,
   Fs as DCheckbox,
   uo as DCollapse,