doph-js 0.3.5 → 0.3.7

package/dist/dophJs.js

@@ -1,4 +1,4 @@
-import { useSlots as Ce, computed as h, h as at, openBlock as d, createBlock as x, unref as L, ref as S, createElementBlock as f, Fragment as ne, normalizeClass as C, renderSlot as I, createCommentVNode as k, normalizeStyle as F, resolveDynamicComponent as U, createStaticVNode as pt, onMounted as he, toDisplayString as O, withDirectives as Z, createElementVNode as _, vModelDynamic as De, withCtx as E, createTextVNode as J, Transition as Ne, withModifiers as j, resolveComponent as Lt, resolveDirective as Re, normalizeProps as ft, guardReactiveProps as mt, createVNode as Q, renderList as me, pushScopeId as It, popScopeId as Bt, reactive as Oe, Teleport as ht, nextTick as gt, getCurrentInstance as Ve, watch as vt, onUnmounted as Et, mergeProps as ue, useCssVars as Ae, shallowRef as Mt, defineComponent as Nt, TransitionGroup as yt, vModelCheckbox as _t, vModelSelect as Rt, toRef as Ot, KeepAlive as Vt, vShow as At, toRefs as Ht, vModelText as Ft } from "vue";
+import { useSlots as Ce, computed as h, h as at, openBlock as d, createBlock as x, unref as L, ref as D, createElementBlock as f, Fragment as ne, normalizeClass as S, renderSlot as I, createCommentVNode as k, normalizeStyle as z, resolveDynamicComponent as U, createStaticVNode as pt, onMounted as he, toDisplayString as O, withDirectives as Z, createElementVNode as _, vModelDynamic as De, withCtx as E, createTextVNode as J, Transition as Ne, withModifiers as j, resolveComponent as Lt, resolveDirective as Re, normalizeProps as ft, guardReactiveProps as mt, createVNode as Q, renderList as me, pushScopeId as It, popScopeId as Bt, reactive as Oe, Teleport as ht, nextTick as gt, getCurrentInstance as Ve, watch as vt, onUnmounted as Et, mergeProps as ue, useCssVars as Ae, shallowRef as Mt, defineComponent as Nt, TransitionGroup as yt, vModelCheckbox as _t, vModelSelect as Rt, toRef as Ot, KeepAlive as Vt, vShow as At, toRefs as Ht, vModelText as zt } from "vue";
 const re = {
   __name: "DIcon",
   props: {
@@ -58,7 +58,7 @@ function bt(t) {
     n += o.offsetLeft - o.scrollLeft, s += o.offsetTop - o.scrollTop, o = o.offsetParent;
   return { top: s, left: n, x: e.x, y: e.y, width: e.width, height: e.height };
 }
-function zt() {
+function Ft() {
   function t(s) {
     return s * Math.random() | 0;
   }
@@ -120,11 +120,11 @@ const se = (t, e) => {
   },
   emits: ["click", "contextmenu"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = Ce(), a = S(null), l = h(() => n.icon ? oe.getters.getIcon(n.icon) : null), r = ($) => {
+    const n = t, s = Ce(), a = D(null), l = h(() => n.icon ? oe.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[$], b = h(() => g("default") ? "" : n.scale === "large" ? "d-button-lg-icon" : n.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), D = 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"), T = 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${$}` : "";
     });
@@ -137,7 +137,7 @@ const se = (t, e) => {
         ref: a,
         onClick: r,
         onContextmenu: i,
-        class: C(["button", [n.class, c.value, D.value, u.value].join(" ")])
+        class: S(["button", [n.class, c.value, T.value, u.value].join(" ")])
       }, [
         I($.$slots, "default", {}, void 0, !0),
         n.loading ? (d(), f("svg", Wt, jt)) : k("", !0)
@@ -148,8 +148,8 @@ const se = (t, e) => {
         ref: a,
         onClick: r,
         onContextmenu: i,
-        class: C(["button button-ext", [n.class, c.value, b.value, D.value, u.value].join(" ")]),
-        style: F(n.style)
+        class: S(["button button-ext", [n.class, c.value, b.value, T.value, u.value].join(" ")]),
+        style: z(n.style)
       }, [
         n.icon ? (d(), x(U(re), {
           key: 0,
@@ -199,7 +199,7 @@ const Zt = {
   },
   emits: ["update:modelValue"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = S(null), a = h(() => n.scale === "small" ? "d-input-small" : n.scale === "large" ? "d-input-large" : ""), l = h({
+    const n = t, s = D(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);
@@ -220,7 +220,7 @@ const Zt = {
         ref: s,
         "onUpdate:modelValue": c[0] || (c[0] = (u) => l.value = u),
         type: n.password ? "password" : "text",
-        class: C(a.value),
+        class: S(a.value),
         placeholder: n.placeholder,
         style: { width: "100%" }
       }, null, 10, Jt), [
@@ -233,7 +233,7 @@ const Zt = {
           Z(_("input", {
             ref_key: "inputRef",
             ref: s,
-            class: C(["d-input-post-field", a.value]),
+            class: S(["d-input-post-field", a.value]),
             "onUpdate:modelValue": c[1] || (c[1] = (u) => l.value = u),
             type: n.password ? "password" : "text",
             placeholder: n.placeholder,
@@ -245,7 +245,7 @@ const Zt = {
         n.post.label ? (d(), x(le, {
           key: 0,
           scale: n.scale,
-          class: C(["d-input-post-button", n.post.class]),
+          class: S(["d-input-post-button", n.post.class]),
           onClick: n.post.click,
           icon: n.post.icon
         }, {
@@ -256,7 +256,7 @@ const Zt = {
         }, 8, ["scale", "onClick", "icon", "class"])) : (d(), x(le, {
           key: 1,
           scale: n.scale,
-          class: C(["d-input-post-button", n.post.class]),
+          class: S(["d-input-post-button", n.post.class]),
           onClick: n.post.click,
           icon: n.post.icon
         }, null, 8, ["scale", "onClick", "icon", "class"]))
@@ -267,7 +267,7 @@ const Zt = {
         n.pre.label ? (d(), x(le, {
           key: 0,
           scale: n.scale,
-          class: C(["d-input-pre-button", n.pre.class]),
+          class: S(["d-input-pre-button", n.pre.class]),
           onClick: n.pre.click,
           icon: n.pre.icon
         }, {
@@ -278,7 +278,7 @@ const Zt = {
         }, 8, ["scale", "onClick", "icon", "class"])) : (d(), x(le, {
           key: 1,
           scale: n.scale,
-          class: C(["d-input-pre-button", n.pre.class]),
+          class: S(["d-input-pre-button", n.pre.class]),
           onClick: n.pre.click,
           icon: n.pre.icon
         }, null, 8, ["scale", "onClick", "icon", "class"])),
@@ -286,7 +286,7 @@ const Zt = {
           Z(_("input", {
             ref_key: "inputRef",
             ref: s,
-            class: C(["d-input-pre-field", a.value]),
+            class: S(["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 Zt = {
       ])
     ])) : k("", !0);
   }
-}, Rs = /* @__PURE__ */ se(co, [["__scopeId", "data-v-a972038a"]]), uo = {
+}, Ns = /* @__PURE__ */ se(co, [["__scopeId", "data-v-a972038a"]]), uo = {
   __name: "DBadge",
   props: {
     scale: String,
@@ -315,7 +315,7 @@ const Zt = {
       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(), f("div", {
-      class: C(["badge", [e.class, o.value, n.value].join(" ")])
+      class: S(["badge", [e.class, o.value, n.value].join(" ")])
     }, [
       I(s.$slots, "default")
     ], 2));
@@ -363,8 +363,8 @@ const Zt = {
       let { height: g } = getComputedStyle(i);
       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 D = i.animate(g, b);
-      i.style.height = c.height, D.onfinish = () => {
+      const T = i.animate(g, b);
+      i.style.height = c.height, T.onfinish = () => {
         i.style.overflow = c.overflow, u();
       };
     }, a = (i, c) => [
@@ -389,13 +389,13 @@ const Zt = {
         marginBottom: c.marginBottom
       }
     ], l = (i, c) => {
-      const u = i, g = o(u), b = n(u, g), D = a(b, g), R = { duration: e.duration, easing: e.easingEnter };
-      s(u, g, c, D, R);
+      const u = i, g = o(u), b = n(u, g), T = a(b, g), R = { duration: e.duration, easing: e.easingEnter };
+      s(u, g, c, T, R);
     }, r = (i, c) => {
       const u = i, g = o(u), { height: b } = getComputedStyle(u);
       u.style.height = b, u.style.overflow = "hidden";
-      const D = a(b, g).reverse(), R = { duration: e.duration, easing: e.easingLeave };
-      s(u, g, c, D, R);
+      const T = a(b, g).reverse(), R = { duration: e.duration, easing: e.easingLeave };
+      s(u, g, c, T, R);
     };
     return (i, c) => (d(), x(Ne, {
       css: !1,
@@ -442,7 +442,7 @@ const Zt = {
     tag: { type: String, default: "div" }
   },
   setup(t) {
-    const e = t, o = Ce(), n = S(!1), s = h(() => n && e.transferData), a = h(() => ({ position: "fixed", top: "-1000px" })), l = (r, i) => {
+    const e = t, o = Ce(), n = D(!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) {
@@ -464,7 +464,7 @@ const Zt = {
         I(r.$slots, "default", { transferData: s.value }),
         t.hideImageHtml ? (d(), f("div", {
           key: 0,
-          style: F(a.value)
+          style: z(a.value)
         }, [
           I(r.$slots, "image", { transferData: s.value })
         ], 4)) : I(r.$slots, "image", {
@@ -498,7 +498,7 @@ const ho = (t) => (It("data-v-9da49c73"), t = t(), Bt(), t), go = {
   },
   emits: ["nodedrop", "nodedragover", "nodedragleave", "nodeclick", "nodecontext", "nodedoubleclick", "nodefoldericonclick"],
   setup(t, { emit: e }) {
-    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) => {
+    const o = t, n = D(null), s = D(!1), a = D(!1), l = D(!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 });
@@ -506,7 +506,7 @@ const ho = (t) => (It("data-v-9da49c73"), t = t(), Bt(), t), go = {
       e("nodefoldericonclick", N);
     }, b = (N) => {
       e("nodeclick", N);
-    }, D = (N) => {
+    }, T = (N) => {
       e("nodedoubleclick", N);
     }, R = (N) => {
       e("nodedrop", N);
@@ -539,9 +539,9 @@ const ho = (t) => (It("data-v-9da49c73"), t = t(), Bt(), t), go = {
         return !1;
       const H = N.y, P = n.value.getBoundingClientRect().top, m = n.value.getBoundingClientRect().height, p = m / 3;
       H > P && H <= P + p ? (s.value = !1, a.value = !0, l.value = !1) : H < P + m && H >= P + m - p ? (s.value = !1, a.value = !1, l.value = !0) : (s.value = v.state.trees[o.treeId].dropInside, a.value = !1, l.value = !1);
-    }, z = () => {
+    }, F = () => {
       s.value = !1, a.value = !1, l.value = !1;
-    }, T = h(() => o.model.title.startsWith("-")), W = h(() => {
+    }, C = 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,7 +550,7 @@ const ho = (t) => (It("data-v-9da49c73"), t = t(), Bt(), t), go = {
     });
     return (N, w) => {
       const H = Lt("d-tree-item", !0), P = Re("touch");
-      return L(v).actions.beforeItem(o.treeId, t.model) ? T.value && !W.value ? (d(), f("li", vo, _o)) : T.value && W.value ? (d(), f("li", bo, [
+      return L(v).actions.beforeItem(o.treeId, t.model) ? C.value && !W.value ? (d(), f("li", vo, _o)) : C.value && W.value ? (d(), f("li", bo, [
         _("div", xo, O(L(v).actions.renderTitle(o.treeId, W.value)), 1)
       ])) : o.model.component ? (d(), x(it, {
         key: 3,
@@ -562,13 +562,13 @@ const ho = (t) => (It("data-v-9da49c73"), t = t(), Bt(), t), go = {
         onDragenter: w[1] || (w[1] = j(() => {
         }, ["prevent"])),
         onDragover: j(B, ["prevent", "stop"]),
-        onDragleave: j(z, ["prevent"])
+        onDragleave: j(F, ["prevent"])
       }, {
         default: E(() => [
           Z((d(), f("div", {
             ref_key: "node",
             ref: n,
-            class: C(A.value),
+            class: S(A.value),
             onContextmenu: w[0] || (w[0] = j((m) => e("nodecontext", { e: m, model: o.model }), ["prevent"]))
           }, [
             (d(), x(U(L(fe).getters.getComponent(o.model.component).component), ft(mt(L(fe).getters.getComponent(o.model.component).props)), null, 16))
@@ -587,7 +587,7 @@ const ho = (t) => (It("data-v-9da49c73"), t = t(), Bt(), t), go = {
         onDragenter: w[4] || (w[4] = j(() => {
         }, ["prevent"])),
         onDragover: j(B, ["prevent", "stop"]),
-        onDragleave: j(z, ["prevent"])
+        onDragleave: j(F, ["prevent"])
       }, {
         default: E(() => {
           var m, p;
@@ -595,28 +595,28 @@ const ho = (t) => (It("data-v-9da49c73"), t = t(), Bt(), t), go = {
             _("div", {
               ref_key: "node",
               ref: n,
-              class: C(A.value),
+              class: S(A.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 && !T.value ? (d(), x(U(re), {
+                o.model.icons && o.model.icons.pre && r.value && !o.search && !C.value ? (d(), x(U(re), {
                   key: 0,
                   component: L(oe).getters.getIcon(o.model.icons.pre.component),
                   size: 18,
                   color: o.model.icons.pre.color ? o.model.icons.pre.color : "inherit",
-                  class: C(i.value ? "tree-open-pre" : ""),
+                  class: S(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 && !T.value ? (d(), x(U(re), {
+                o.model.icons && o.model.icons.pre && !r.value && !o.search && !C.value ? (d(), x(U(re), {
                   key: 1,
                   component: L(oe).getters.getIcon(o.model.icons.pre.component),
                   size: 18,
                   color: "rgba(0,0,0,0)",
-                  class: C(i.value ? "tree-open-pre" : "")
+                  class: S(i.value ? "tree-open-pre" : "")
                 }, null, 8, ["component", "class"])) : k("", !0),
-                o.model.icons && o.model.icons.icon && !T.value ? (d(), x(U(re), {
+                o.model.icons && o.model.icons.icon && !C.value ? (d(), x(U(re), {
                   key: 2,
                   component: L(oe).getters.getIcon(o.model.icons.icon.component),
                   color: o.model.icons.icon.color ? o.model.icons.icon.color : "inherit",
@@ -624,26 +624,26 @@ const ho = (t) => (It("data-v-9da49c73"), t = t(), Bt(), t), go = {
                   className: o.model.icons.icon.class ? o.model.icons.icon.class : null
                 }, null, 8, ["component", "color", "size", "className"])) : k("", !0),
                 _("div", ko, [
-                  T.value ? (d(), f("div", $o)) : k("", !0),
-                  T.value ? k("", !0) : (d(), f("div", wo, O(L(v).actions.renderTitle(o.treeId, o.model.title)), 1))
+                  C.value ? (d(), f("div", $o)) : k("", !0),
+                  C.value ? k("", !0) : (d(), f("div", wo, O(L(v).actions.renderTitle(o.treeId, o.model.title)), 1))
                 ])
               ]),
               _("div", So, [
-                ((m = o.model.badge) == null ? void 0 : m.value) !== void 0 && !T.value ? (d(), x(U(uo), {
+                ((m = o.model.badge) == null ? void 0 : m.value) !== void 0 && !C.value ? (d(), x(U(uo), {
                   key: 0,
-                  class: C([(p = o.model.badge) == null ? void 0 : p.class, "badge-sm"])
+                  class: S([(p = o.model.badge) == null ? void 0 : p.class, "badge-sm"])
                 }, {
                   default: E(() => [
                     J(O(o.model.badge.value), 1)
                   ]),
                   _: 1
                 }, 8, ["class"])) : k("", !0),
-                o.model.icons && o.model.icons.post && r.value && !o.search && !T.value ? (d(), x(U(re), {
+                o.model.icons && o.model.icons.post && r.value && !o.search && !C.value ? (d(), x(U(re), {
                   key: 1,
                   component: L(oe).getters.getIcon(o.model.icons.post.component),
                   size: 20,
                   color: o.model.icons.post.color ? o.model.icons.post.color : "inherit",
-                  class: C(i.value ? "tree-open-post" : ""),
+                  class: S(i.value ? "tree-open-post" : ""),
                   onPointerdownCapture: u
                 }, null, 40, ["component", "color", "class"])) : k("", !0)
               ])
@@ -658,7 +658,7 @@ const ho = (t) => (It("data-v-9da49c73"), t = t(), Bt(), t), go = {
                     items: o.items,
                     search: o.search,
                     onNodeclick: b,
-                    onNodedoubleclick: D,
+                    onNodedoubleclick: T,
                     onNodedrop: R,
                     onNodecontext: $,
                     onNodefoldericonclick: g
@@ -834,7 +834,7 @@ const q = Lo(), v = {
   emits: Object.keys(X),
   setup(t, { expose: e, emit: o }) {
     let n = Oe({});
-    const s = S("false"), a = S(null), l = /* @__PURE__ */ new Set(), r = h(() => s.value && n), i = (u, g) => {
+    const s = D("false"), a = D(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({
@@ -873,7 +873,7 @@ const q = Lo(), v = {
   emits: ["select"],
   setup(t, { expose: e, emit: o }) {
     const n = t;
-    let s = S(null), a = S(!1);
+    let s = D(null), a = D(!1);
     const l = () => {
       q.emit("menu-show-request"), a.value = !0;
     }, r = () => {
@@ -892,7 +892,7 @@ const q = Lo(), v = {
     const g = (b) => {
       o("select", b), b.model.children || r();
     };
-    return (b, D) => {
+    return (b, T) => {
       const R = Re("click-outside");
       return d(), x(ht, { to: "body" }, [
         L(a) ? Z((d(), x(kt, {
@@ -901,8 +901,8 @@ const q = Lo(), v = {
           ref: s,
           items: n.items,
           "no-select": n.noSelect,
-          class: C(n.class),
-          style: F(n.style),
+          class: S(n.class),
+          style: z(n.style),
           onSelect: g,
           "render-title": n.renderItemTitle,
           "before-item": n.beforeItem
@@ -921,13 +921,13 @@ const q = Lo(), v = {
   },
   emits: ["select"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = S(null), a = S(0), l = S(0), r = h(() => ({
+    const n = t, s = D(null), a = D(0), l = D(0), r = h(() => ({
       left: a.value + "px",
       top: l.value + "px"
     })), i = (u) => {
       s.value.show(), gt(() => {
-        const g = s.value.elementSize(), b = window.innerWidth, D = window.innerHeight;
-        a.value = b - u.pageX < g.width ? u.pageX - g.width : u.pageX, l.value = D - 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, T = window.innerHeight;
+        a.value = b - u.pageX < g.width ? u.pageX - g.width : u.pageX, l.value = T - u.pageY < g.height ? u.pageY - g.height : u.pageY, s.value.itemsCount() === 0 && s.value.hide();
       });
     }, c = (u) => {
       o("select", u);
@@ -939,7 +939,7 @@ const q = Lo(), v = {
       ref: s,
       onSelect: c,
       items: n.items,
-      style: F(r.value),
+      style: z(r.value),
       class: "context-menu",
       "no-select": !0,
       "render-item-title": n.renderItemTitle,
@@ -994,7 +994,7 @@ const q = Lo(), v = {
   },
   emits: ["select", "collapse", "expand", "move", "over", "drop", "doubleclick", "foldericonclick"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = S(null), a = S(!1), l = S(null), r = Ve().uid;
+    const n = t, s = D(null), a = D(!1), l = D(null), r = Ve().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);
@@ -1013,7 +1013,7 @@ const q = Lo(), v = {
       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);
-    }, D = (p = null) => {
+    }, T = (p = null) => {
       n.doubleClickExpand && v.actions.toggleItem(r, p.model), o("foldericonclick", p);
     }, R = (p = null) => {
       o("over", p);
@@ -1025,8 +1025,8 @@ const q = Lo(), v = {
     }, M = () => {
       for (let p = 0; p < n.items.length; p++)
         n.items[p].expanded = !1;
-    }, B = () => r, z = (p) => v.actions.deepSearch(n.items, p), T = (p) => {
-      z(p) && v.mutations.setItemSelect(r, z(p));
+    }, B = () => r, F = (p) => v.actions.deepSearch(n.items, p), C = (p) => {
+      F(p) && v.mutations.setItemSelect(r, F(p));
     }, W = (p) => {
       n.contextClick({ e: p.e, model: p.model, target: l.value });
     }, N = (p) => n.contextBeforeClick({ model: p, target: l.value }), w = h(() => n.context), H = (p) => (w.value && (l.value = p.model, a.value.show(p.e)), !1), P = () => m(c.value), m = (p) => {
@@ -1040,8 +1040,8 @@ const q = Lo(), v = {
       expandAll: Y,
       collapseAll: M,
       getId: B,
-      getNode: z,
-      selectNode: T,
+      getNode: F,
+      selectNode: C,
       itemsCount: P,
       expandNode: u
     }), (p, y) => (d(), x(Io, {
@@ -1063,7 +1063,7 @@ const q = Lo(), v = {
           onNodedragover: R,
           onNodedrop: $,
           onNodecontext: H,
-          onNodefoldericonclick: D
+          onNodefoldericonclick: T
         }, null, 8, ["model", "treeId", "items", "search"]))), 128)),
         w.value ? (d(), x(Bo, {
           key: 0,
@@ -1103,7 +1103,7 @@ const Eo = {
       onMove: n
     }, null, 8, ["items", "no-select", "render-title"]));
   }
-}, Os = /* @__PURE__ */ se(Eo, [["__scopeId", "data-v-a724c500"]]), Mo = {
+}, Rs = /* @__PURE__ */ se(Eo, [["__scopeId", "data-v-a724c500"]]), Mo = {
   __name: "DLayoutHeader",
   props: {
     fixed: {
@@ -1143,7 +1143,7 @@ const Eo = {
     });
     return (n, s) => (d(), f("header", {
       class: "d-layout-header",
-      style: F(o.value)
+      style: z(o.value)
     }, [
       I(n.$slots, "default")
     ], 4));
@@ -1192,7 +1192,7 @@ const Eo = {
     });
     return (n, s) => (d(), f("div", {
       class: "d-layout-tab",
-      style: F(o.value)
+      style: z(o.value)
     }, [
       I(n.$slots, "default")
     ], 4));
@@ -1237,7 +1237,7 @@ const Eo = {
     });
     return (n, s) => (d(), f("footer", {
       class: "d-layout-footer",
-      style: F(o.value)
+      style: z(o.value)
     }, [
       I(n.$slots, "default")
     ], 4));
@@ -1277,7 +1277,7 @@ const Eo = {
     });
     return (n, s) => (d(), f("aside", {
       class: "d-layout-sidebar",
-      style: F(o.value)
+      style: z(o.value)
     }, [
       I(n.$slots, "default")
     ], 4));
@@ -1313,7 +1313,7 @@ const Eo = {
       return `padding-top:${n}px;padding-bottom:${s}px;padding-left:${a}px;${i}transition-duration:${l}ms;transition-timing-function:${r};`;
     });
     return (n, s) => (d(), f("main", {
-      style: F(o.value),
+      style: z(o.value),
       class: "d-layout-content"
     }, [
       I(n.$slots, "default")
@@ -1321,7 +1321,7 @@ const Eo = {
   }
 };
 function Ao(t) {
-  const e = S(0), o = h(() => `transform: translateX(${-e.value}px);`);
+  const e = D(0), o = h(() => `transform: translateX(${-e.value}px);`);
   let n = !1;
   function s(u) {
     e.value = u;
@@ -1349,7 +1349,7 @@ function Ao(t) {
     i();
   }), o;
 }
-const Ho = 1001, Fo = 999, zo = 998, Vs = {
+const Ho = 1001, zo = 999, Fo = 998, Os = {
   __name: "DLayoutAdmin",
   props: {
     mode: {
@@ -1441,37 +1441,37 @@ const Ho = 1001, Fo = 999, zo = 998, Vs = {
   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: T, transitionTimingFunction: W } = o;
+      const { transitionDuration: C, transitionTimingFunction: W } = o;
       return {
-        transitionDuration: T,
+        transitionDuration: C,
         transitionTimingFunction: W
       };
     }), c = h(() => o.mode === "vertical"), u = h(() => o.isMobile || c.value ? 1003 : 1e3), g = h({
       get() {
         return o.sidebarCollapse;
       },
-      set(T) {
-        e("update:sidebar-collapse", T);
+      set(C) {
+        e("update:sidebar-collapse", C);
       }
     });
     function b() {
       e("sidebar-mask-click");
     }
-    const D = h(() => o.isMobile && !g.value), R = h(() => {
-      const { transitionDuration: T, transitionTimingFunction: W } = o;
-      return `background-color:${o.maskBg};transition-duration:${T}ms;transition-timing-function:${W};`;
+    const T = h(() => o.isMobile && !g.value), R = h(() => {
+      const { transitionDuration: C, transitionTimingFunction: W } = o;
+      return `background-color:${o.maskBg};transition-duration:${C}ms;transition-timing-function:${W};`;
     }), $ = h(() => {
-      const { sidebarWidth: T, sidebarCollapsedWidth: W } = o, N = o.isMobile ? 0 : W, w = g.value ? N : T;
+      const { sidebarWidth: C, sidebarCollapsedWidth: W } = o, N = o.isMobile ? 0 : W, w = g.value ? N : C;
       return o.sidebarVisible ? w : 0;
     }), A = h(() => o.isMobile ? 0 : $.value), Y = h(() => c.value ? A.value : 0), M = h(
       () => !o.isMobile && !c.value && o.headerVisible ? o.headerHeight : 0
     ), B = h(() => {
-      let T = 0;
-      return o.fixedHeaderAndTab && (o.headerVisible && (T += o.headerHeight), o.tabVisible && (T += o.tabHeight)), T;
-    }), z = h(() => o.fixedFooter && o.footerVisible ? o.footerHeight : 0);
-    return (T, W) => (d(), f("div", {
+      let C = 0;
+      return o.fixedHeaderAndTab && (o.headerVisible && (C += o.headerHeight), o.tabVisible && (C += o.tabHeight)), C;
+    }), F = h(() => o.fixedFooter && o.footerVisible ? o.footerHeight : 0);
+    return (C, W) => (d(), f("div", {
       class: "d-layout",
-      style: F(n.value)
+      style: z(n.value)
     }, [
       t.headerVisible ? (d(), x(Mo, ue({ key: 0 }, i.value, {
         fixed: t.fixedHeaderAndTab,
@@ -1482,13 +1482,13 @@ const Ho = 1001, Fo = 999, zo = 998, Vs = {
         style: l.value
       }), {
         default: E(() => [
-          I(T.$slots, "header")
+          I(C.$slots, "header")
         ]),
         _: 3
       }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : k("", !0),
       t.tabVisible ? (d(), x(No, ue({ key: 1 }, i.value, {
         fixed: t.fixedHeaderAndTab,
-        "z-index": Fo,
+        "z-index": zo,
         "min-width": t.minWidth,
         top: t.headerHeight,
         height: t.tabHeight,
@@ -1496,7 +1496,7 @@ const Ho = 1001, Fo = 999, zo = 998, Vs = {
         style: l.value
       }), {
         default: E(() => [
-          I(T.$slots, "tab")
+          I(C.$slots, "tab")
         ]),
         _: 3
       }, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) : k("", !0),
@@ -1506,37 +1506,37 @@ const Ho = 1001, Fo = 999, zo = 998, Vs = {
         "padding-top": M.value
       }), {
         default: E(() => [
-          I(T.$slots, "sidebar")
+          I(C.$slots, "sidebar")
         ]),
         _: 3
       }, 16, ["z-index", "width", "padding-top"])) : k("", !0),
-      D.value ? (d(), f("div", {
+      T.value ? (d(), f("div", {
         key: 3,
         class: "d-layout-sidebar-mask",
-        style: F(R.value),
+        style: z(R.value),
         onClick: b
       }, null, 4)) : k("", !0),
       Q(Vo, ue(i.value, {
         "padding-top": B.value,
-        "padding-bottom": z.value,
+        "padding-bottom": F.value,
         "padding-left": A.value,
         "overflow-hidden": t.addMainOverflowHidden
       }), {
         default: E(() => [
-          I(T.$slots, "default")
+          I(C.$slots, "default")
         ]),
         _: 3
       }, 16, ["padding-top", "padding-bottom", "padding-left", "overflow-hidden"]),
       t.footerVisible ? (d(), x(Ro, ue({ key: 4 }, i.value, {
         fixed: t.fixedFooter,
-        "z-index": zo,
+        "z-index": Fo,
         "min-width": t.minWidth,
         height: t.footerHeight,
         "padding-left": A.value,
         style: r.value
       }), {
         default: E(() => [
-          I(T.$slots, "footer")
+          I(C.$slots, "footer")
         ]),
         _: 3
       }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : k("", !0)
@@ -1561,7 +1561,7 @@ const Ho = 1001, Fo = 999, zo = 998, Vs = {
       pe.state.theme = pe.state.theme === "dark" ? "light" : "dark", document.documentElement.classList.remove("dark"), document.documentElement.classList.remove("light"), document.documentElement.classList.add(pe.state.theme);
     }
   }
-}, As = {
+}, Vs = {
   __name: "DConfigProvider",
   props: {
     theme: {
@@ -1574,7 +1574,7 @@ const Ho = 1001, Fo = 999, zo = 998, Vs = {
     return pe.mutations.setTheme(e.theme), (o, n) => I(o.$slots, "default");
   }
 };
-const Hs = {
+const As = {
   __name: "DScrollProvider",
   props: {
     xHide: {
@@ -1626,12 +1626,12 @@ const Wo = {
     }));
     const o = h(() => e.xHide ? "hidden" : "visible"), n = h(() => e.yHide ? "hidden" : "visible");
     return (s, a) => (d(), f("div", {
-      class: C(e.autoHide ? "d-scroll-hide" : "d-scroll")
+      class: S(e.autoHide ? "d-scroll-hide" : "d-scroll")
     }, [
       I(s.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}, Fs = /* @__PURE__ */ se(Wo, [["__scopeId", "data-v-d50b3609"]]), Po = { class: "modal-content" }, jo = { class: "modal-header" }, Xo = { class: "modal-title" }, Yo = { class: "modal-body" }, Uo = { class: "modal-footer" }, $t = {
+}, Hs = /* @__PURE__ */ se(Wo, [["__scopeId", "data-v-d50b3609"]]), Po = { class: "modal-content" }, jo = { class: "modal-header" }, Xo = { class: "modal-title" }, Yo = { class: "modal-body" }, Uo = { class: "modal-footer" }, $t = {
   __name: "DModal",
   props: {
     show: Boolean,
@@ -1642,7 +1642,7 @@ const Wo = {
   },
   emits: ["open", "close"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = S(null), a = S(!1);
+    const n = t, s = D(null), a = D(!1);
     a.value = n == null ? void 0 : n.show;
     const l = () => {
       a.value = !0, o("open", s);
@@ -1665,7 +1665,7 @@ const Wo = {
             }, [
               _("div", {
                 class: "modal-dialog",
-                style: F({ width: n.width, maxWidth: n.maxWidth })
+                style: z({ width: n.width, maxWidth: n.maxWidth })
               }, [
                 _("div", Po, [
                   _("div", jo, [
@@ -1721,7 +1721,7 @@ const Go = Nt({
     transitionAttrs: Object
   },
   setup() {
-    const t = S();
+    const t = D();
     return vt(t, () => {
       ce.value && (ce.value.comp = t.value);
     }), {
@@ -1836,8 +1836,8 @@ const Jo = { style: { display: "flex", "flex-direction": "row", "justify-content
   },
   emits: ["select", "click"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = Ce(), a = S(null), l = S(null), r = S(0), i = S(0), c = (D) => {
-      if (o("click", D), a.value.isShowed()) {
+    const n = t, s = Ce(), a = D(null), l = D(null), r = D(0), i = D(0), c = (T) => {
+      if (o("click", T), a.value.isShowed()) {
         a.value.hide();
         return;
       }
@@ -1845,32 +1845,32 @@ const Jo = { style: { display: "flex", "flex-direction": "row", "justify-content
         const R = a.value.elementSize(), $ = l.value.elementSize(), A = window.innerWidth, Y = window.innerHeight;
         r.value = A - ($.x + $.width) < R.width ? $.left - R.width + $.width : $.left, i.value = Y - ($.y + $.height) < R.height ? $.top - R.height - 5 : $.height + $.top + 5;
       });
-    }, u = (D) => {
-      o("select", D);
+    }, u = (T) => {
+      o("select", T);
     }, g = h(() => ({ left: r.value + "px", top: i.value + "px", position: n.bodyAsParent ? "absolute" : "fixed", ...n.menuStyle }));
     e({
       show: c
     });
-    const b = (D) => !!s[D];
-    return (D, R) => (d(), f("div", on, [
+    const b = (T) => !!s[T];
+    return (T, R) => (d(), f("div", on, [
       b("default") ? (d(), x(le, {
         key: 0,
         ref_key: "buttonRef",
         ref: l,
-        class: C(n.class),
+        class: S(n.class),
         icon: n.icon,
         onClick: j(c, ["stop", "prevent"]),
         type: n.type
       }, {
         default: E(() => [
-          I(D.$slots, "default")
+          I(T.$slots, "default")
         ]),
         _: 3
       }, 8, ["class", "icon", "onClick", "type"])) : (d(), x(le, {
         key: 1,
         ref_key: "buttonRef",
         ref: l,
-        class: C(n.class),
+        class: S(n.class),
         icon: n.icon,
         onClick: j(c, ["stop", "prevent"]),
         type: n.type
@@ -1880,7 +1880,7 @@ const Jo = { style: { display: "flex", "flex-direction": "row", "justify-content
         ref: a,
         items: n.items,
         class: "dropdown-menu",
-        style: F(g.value),
+        style: z(g.value),
         "no-select": !0,
         onSelect: u,
         "render-item-title": n.renderItemTitle,
@@ -1895,7 +1895,7 @@ function an(t, e) {
     I(t.$slots, "default")
   ]);
 }
-const ln = /* @__PURE__ */ se(nn, [["render", an]]), rn = { class: "card-header" }, dn = { class: "modal-title" }, cn = { class: "card-body" }, un = { class: "card-footer" }, Ws = {
+const ln = /* @__PURE__ */ se(nn, [["render", an]]), rn = { class: "card-header" }, dn = { class: "modal-title" }, cn = { class: "card-body" }, un = { class: "card-footer" }, Fs = {
   __name: "DCard",
   setup(t) {
     return (e, o) => (d(), x(ln, { class: "d-card" }, {
@@ -2039,7 +2039,7 @@ const Be = "[-+]?[0-9]*.?[0-9]+", lt = [
 }), xn = ["data-id"], kn = ["onClick"], $n = ["innerHTML"], wn = ["innerHTML"], Sn = {
   key: 0,
   class: "d-notification-title"
-}, Dn = { class: "notification-content" }, Ps = {
+}, Dn = { class: "notification-content" }, Ws = {
   __name: "DNotificationProvider",
   props: {
     group: {
@@ -2112,13 +2112,13 @@ const Be = "[-+]?[0-9]*.?[0-9]+", lt = [
     const o = t, n = {
       IDLE: 0,
       DESTROYED: 2
-    }, s = S([]), a = S(null), l = S(pn.get("velocity")), r = h(() => o.animationType === "velocity"), i = h(() => r.value ? _n : bn), c = h(() => s.value.filter((m) => m.state !== n.DESTROYED)), u = h(() => hn(o.width)), g = h(() => {
+    }, s = D([]), a = D(null), l = D(pn.get("velocity")), r = h(() => o.animationType === "velocity"), i = h(() => r.value ? _n : bn), c = h(() => s.value.filter((m) => m.state !== n.DESTROYED)), u = h(() => hn(o.width)), g = h(() => {
       const { x: m, y: p } = yn(o.position), y = u.value.value, V = u.value.type, ae = {
         width: y + V
       };
       return p && (ae[p] = "0px"), m && (m === "center" ? ae.left = `calc(50% - ${+y / 2}${V})` : ae[m] = "0px"), ae;
-    }), b = h(() => "bottom" in g.value), D = (m) => {
-      e("click", m), o.closeOnClick && z(m);
+    }), b = h(() => "bottom" in g.value), T = (m) => {
+      e("click", m), o.closeOnClick && F(m);
     }, R = () => {
       var m;
       o.pauseOnHover && ((m = a.value) == null || m.pause());
@@ -2142,24 +2142,24 @@ const Be = "[-+]?[0-9]*.?[0-9]+", lt = [
         length: p + 2 * y,
         data: _e
       };
-      p >= 0 && (a.value = new fn(() => z(ee), ee.length, ee));
+      p >= 0 && (a.value = new fn(() => F(ee), ee.length, ee));
       const xe = o.reverse ? !b.value : b.value;
       let de = -1;
       const ke = c.value.some((ge) => ge.title === m.title && ge.text === m.text);
-      (!V || !ke) && (xe ? (s.value.push(ee), e("start", ee), c.value.length > o.max && (de = 0)) : (s.value.unshift(ee), e("start", ee), c.value.length > o.max && (de = c.value.length - 1)), de !== -1 && z(c.value[de]));
+      (!V || !ke) && (xe ? (s.value.push(ee), e("start", ee), c.value.length > o.max && (de = 0)) : (s.value.unshift(ee), e("start", ee), c.value.length > o.max && (de = c.value.length - 1)), de !== -1 && F(c.value[de]));
     }, Y = (m) => {
-      T(m);
+      C(m);
     }, M = (m) => [
       "d-notification-template",
       o.classes,
       m.type || ""
-    ], B = (m) => r.value ? void 0 : { transition: `all ${m.speed}ms` }, z = (m) => {
+    ], B = (m) => r.value ? void 0 : { transition: `all ${m.speed}ms` }, F = (m) => {
       clearTimeout(m.timer), m.state = n.DESTROYED, P(), e("destroy", m);
-    }, T = (m) => {
+    }, C = (m) => {
       const p = s.value.find((y) => y.id === m);
-      p && z(p);
+      p && F(p);
     }, W = () => {
-      c.value.forEach(z);
+      c.value.forEach(F);
     }, N = (m, p) => {
       var V;
       const y = (V = o.animation) == null ? void 0 : V[m];
@@ -2188,7 +2188,7 @@ const Be = "[-+]?[0-9]*.?[0-9]+", lt = [
       q.on("notification-add", A), q.on("notification-close", Y);
     }), (m, p) => (d(), f("div", {
       class: "d-notification-group",
-      style: F(g.value)
+      style: z(g.value)
     }, [
       (d(), x(U(i.value), {
         name: t.animationName,
@@ -2200,19 +2200,19 @@ const Be = "[-+]?[0-9]*.?[0-9]+", lt = [
           (d(!0), f(ne, null, me(c.value, (y) => (d(), f("div", {
             key: y.id,
             class: "d-notification-wrapper",
-            style: F(B(y)),
+            style: z(B(y)),
             "data-id": y.id,
             onMouseenter: R,
             onMouseleave: $
           }, [
             I(m.$slots, "body", {
-              class: C([t.classes, y.type]),
+              class: S([t.classes, y.type]),
               item: y,
-              close: () => z(y)
+              close: () => F(y)
             }, () => [
               _("div", {
-                class: C(M(y)),
-                onClick: (V) => D(y)
+                class: S(M(y)),
+                onClick: (V) => T(y)
               }, [
                 t.dangerouslySetInnerHtml ? (d(), f(ne, { key: 0 }, [
                   y.title ? (d(), f("div", {
@@ -2236,7 +2236,7 @@ const Be = "[-+]?[0-9]*.?[0-9]+", lt = [
       }, 40, ["name"]))
     ], 4));
   }
-}, Tn = { class: "d-info-progress-icon-container" }, Cn = { class: "d-info-progress-icon" }, Ln = { class: "d-info-progress-data-container" }, In = ["innerHTML"], js = {
+}, Tn = { class: "d-info-progress-icon-container" }, Cn = { class: "d-info-progress-icon" }, Ln = { class: "d-info-progress-data-container" }, In = ["innerHTML"], Ps = {
   __name: "DInfoProgress",
   props: {
     style: [String, Object],
@@ -2249,8 +2249,8 @@ const Be = "[-+]?[0-9]*.?[0-9]+", lt = [
   setup(t, { emit: e }) {
     const o = t, n = h(() => o.icon ? oe.getters.getIcon(o.icon) : null);
     return (s, a) => (d(), f("div", {
-      class: C(["d-info-progress", o.type ? `d-info-progress-${o.type}` : null]),
-      style: F(o.style),
+      class: S(["d-info-progress", o.type ? `d-info-progress-${o.type}` : null]),
+      style: z(o.style),
       onClick: a[0] || (a[0] = (l) => {
         e("click", l);
       })
@@ -2268,7 +2268,7 @@ const Be = "[-+]?[0-9]*.?[0-9]+", lt = [
       _("div", Ln, [
         _("div", {
           class: "d-info-progress-line",
-          style: F("width: " + o.progress + "%;")
+          style: z("width: " + o.progress + "%;")
         }, null, 4),
         _("div", {
           class: "d-info-progress-label",
@@ -2277,7 +2277,7 @@ const Be = "[-+]?[0-9]*.?[0-9]+", lt = [
       ])
     ], 6));
   }
-}, Bn = { class: "d-checkbox" }, En = ["id", "checked", "disabled"], Mn = ["for"], Xs = {
+}, Bn = { class: "d-checkbox" }, En = ["id", "checked", "disabled"], Mn = ["for"], js = {
   __name: "DCheckbox",
   props: {
     label: String,
@@ -2320,7 +2320,7 @@ async function Nn(t, e) {
 async function Rn(t, e) {
   return await wt(Qo, { title: t, message: e });
 }
-const Ys = {
+const Xs = {
   __name: "DDialogProvider",
   setup(t) {
     return window.alert = Rn, window.confirm = Nn, (e, o) => (d(), x(L(Ko)));
@@ -2328,7 +2328,7 @@ const Ys = {
 }, On = { class: "d-select" }, Vn = {
   key: 0,
   class: "label"
-}, An = ["disabled"], Hn = ["value", "selected", "disabled"], Us = {
+}, An = ["disabled"], Hn = ["value", "selected", "disabled"], Ys = {
   __name: "DSelect",
   props: {
     label: String,
@@ -2359,8 +2359,8 @@ const Ys = {
       o.label ? (d(), f("div", Vn, O(o.label), 1)) : k("", !0),
       Z(_("select", {
         "onUpdate:modelValue": l[0] || (l[0] = (r) => s.value = r),
-        class: C(n.value),
-        style: F(o.size === "wide" ? "width:100%" : ""),
+        class: S(n.value),
+        style: z(o.size === "wide" ? "width:100%" : ""),
         disabled: o.disabled
       }, [
         (d(!0), f(ne, null, me(o.options, (r, i) => (d(), f("option", {
@@ -2375,7 +2375,7 @@ const Ys = {
     ]));
   }
 };
-const Fn = ["title"], zn = { class: "tab-icon" }, Wn = { class: "tab-label" }, Pn = ["title"], jn = ["title"], Xn = {
+const zn = ["title"], Fn = { class: "tab-icon" }, Wn = { class: "tab-label" }, Pn = ["title"], jn = ["title"], Xn = {
   __name: "DTabLabel",
   props: {
     tab: Object
@@ -2387,13 +2387,13 @@ const Fn = ["title"], zn = { class: "tab-icon" }, Wn = { class: "tab-label" }, P
       title: e.tab.title ? e.tab.title : "",
       style: { display: "flex", "flex-direction": "column" }
     }, [
-      _("div", zn, [
+      _("div", Fn, [
         Q(L(re), {
           component: e.tab.icon
         }, null, 8, ["component"])
       ]),
       _("div", Wn, O(e.tab.label), 1)
-    ], 8, Fn)) : e.tab.label ? (d(), f("span", {
+    ], 8, zn)) : e.tab.label ? (d(), f("span", {
       key: 1,
       title: e.tab.title ? e.tab.title : ""
     }, O(e.tab.label), 9, Pn)) : e.tab.icon ? (d(), f("span", {
@@ -2412,7 +2412,7 @@ const Un = { class: "d-tabs" }, qn = {
     tabs: Array
   },
   setup(t, { expose: e }) {
-    const n = Ot(t, "tabs"), s = S([]), a = S(0), l = (c) => {
+    const n = Ot(t, "tabs"), s = D([]), a = D(0), l = (c) => {
       a.value = c;
     }, r = (c) => {
       c && !s.value.includes(c) && s.value.push(c);
@@ -2424,8 +2424,8 @@ const Un = { class: "d-tabs" }, qn = {
         (d(!0), f(ne, null, me(n.value, (g, b) => (d(), x(Yn, {
           index: b,
           tab: g,
-          class: C(["d-tab-title", b === a.value ? "active" : ""]),
-          onClick: (D) => l(b)
+          class: S(["d-tab-title", b === a.value ? "active" : ""]),
+          onClick: (T) => l(b)
         }, null, 8, ["index", "tab", "class", "onClick"]))), 256))
       ]),
       (d(), x(Vt, null, [
@@ -2440,7 +2440,7 @@ const Un = { class: "d-tabs" }, qn = {
       ], 1024))
     ], 64));
   }
-}, qs = /* @__PURE__ */ se(qn, [["__scopeId", "data-v-4b44471a"]]);
+}, Us = /* @__PURE__ */ se(qn, [["__scopeId", "data-v-4b44471a"]]);
 const Gn = { class: "d-grid" }, Zn = {
   __name: "DGrid",
   props: {
@@ -2477,7 +2477,7 @@ const Gn = { class: "d-grid" }, Zn = {
       I(u.$slots, "default", {}, void 0, !0)
     ]));
   }
-}, Gs = /* @__PURE__ */ se(Zn, [["__scopeId", "data-v-b45e8130"]]), Kn = ["src", "alt", "title"], Zs = {
+}, qs = /* @__PURE__ */ se(Zn, [["__scopeId", "data-v-b45e8130"]]), Kn = ["src", "alt", "title"], Gs = {
   __name: "DImage",
   props: {
     src: String,
@@ -2489,7 +2489,7 @@ const Gn = { class: "d-grid" }, Zn = {
     radius: String
   },
   setup(t) {
-    const e = t, o = S(null), n = new Image();
+    const e = t, o = D(null), n = new Image();
     return n.onload = () => {
       o.value = n.src;
     }, n.onerror = () => {
@@ -2501,7 +2501,7 @@ const Gn = { class: "d-grid" }, Zn = {
       src: o.value,
       alt: e.alt,
       title: e.title,
-      style: F({ width: e.width, height: e.height, borderRadius: e.radius })
+      style: z({ width: e.width, height: e.height, borderRadius: e.radius })
     }, null, 12, Kn)) : k("", !0);
   }
 };
@@ -2528,7 +2528,7 @@ const Jn = { class: "d-textarea" }, Qn = {
   },
   emits: ["update:modelValue"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = S(null), a = h(() => n.scale === "small" ? "d-textarea-small" : n.scale === "large" ? "d-textarea-large" : ""), l = h({
+    const n = t, s = D(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);
@@ -2551,25 +2551,29 @@ const Jn = { class: "d-textarea" }, Qn = {
         rows: n.rows,
         cols: n.cols,
         placeholder: n.placeholder,
-        class: C(a.value),
+        class: S(a.value),
         style: { width: "100%" }
       }, null, 10, es), [
-        [Ft, l.value]
+        [zt, l.value]
       ])
     ]));
   }
-}, Ks = /* @__PURE__ */ se(ts, [["__scopeId", "data-v-0e805d5d"]]), os = { class: "d-switcher" }, ns = ["id", "checked", "disabled"], ss = ["for"], Js = {
+}, Zs = /* @__PURE__ */ se(ts, [["__scopeId", "data-v-0e805d5d"]]), os = ["id", "checked", "disabled"], ns = ["for"], Ks = {
   __name: "DSwitcher",
   props: {
     modelValue: Boolean,
+    type: {
+      type: String,
+      default: "success"
+    },
     disabled: {
       type: Boolean,
       default: !1
     },
-    change: Function,
+    //change: Function,
     checked: Boolean
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
     const o = t, s = Ve().uid, a = h({
       get: () => o.modelValue,
@@ -2577,24 +2581,27 @@ const Jn = { class: "d-textarea" }, Qn = {
         e("update:modelValue", l);
       }
     });
-    return (l, r) => (d(), f("div", os, [
+    return (l, r) => (d(), f("div", {
+      class: S(["d-switcher", o.type])
+    }, [
       Z(_("input", {
         "onUpdate:modelValue": r[0] || (r[0] = (i) => a.value = i),
         id: `i-${L(s)}`,
         type: "checkbox",
         checked: o.checked,
         disabled: o.disabled,
-        onChange: r[1] || (r[1] = (...i) => o.change && o.change(...i))
-      }, null, 40, ns), [
+        onChange: r[1] || (r[1] = (i) => e.call("change", i))
+      }, null, 40, os), [
         [_t, a.value]
       ]),
       _("label", {
-        for: `i-${L(s)}`
-      }, "Toggle", 8, ss)
-    ]));
+        for: `i-${L(s)}`,
+        class: S(o.type)
+      }, "Toggle", 10, ns)
+    ], 2));
   }
 };
-class Qs {
+class Js {
   constructor(e) {
     this.fields = e;
   }
@@ -2605,7 +2612,7 @@ class Qs {
     return !e;
   }
 }
-class as {
+class ss {
   validate(e, o = "https") {
     return this._isValidURL(e) || (e = o + "://" + e), this._isValidURL(e);
   }
@@ -2626,8 +2633,8 @@ class as {
     }
   }
 }
-const is = new as();
-class ls {
+const as = new ss();
+class is {
   validate(e = "") {
     return e !== "";
   }
@@ -2635,8 +2642,8 @@ class ls {
     return e;
   }
 }
-const rs = new ls();
-class ds {
+const ls = new is();
+class rs {
   validate(e = "", o = 0) {
     return e.length >= o;
   }
@@ -2644,8 +2651,8 @@ class ds {
     return e;
   }
 }
-const cs = new ds();
-class us {
+const ds = new rs();
+class cs {
   validate(e = "", o = 0) {
     return e.length <= o;
   }
@@ -2653,8 +2660,8 @@ class us {
     return e;
   }
 }
-const ps = new us();
-class fs {
+const us = new cs();
+class ps {
   validate(e) {
     return /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/.test(e);
   }
@@ -2662,8 +2669,8 @@ class fs {
     return e;
   }
 }
-const ms = new fs();
-class hs {
+const fs = new ps();
+class ms {
   validate(e) {
     return !isNaN(parseFloat(e)) && !isNaN(e - 0);
   }
@@ -2671,17 +2678,17 @@ class hs {
     return e;
   }
 }
-const gs = new hs(), G = {
-  RulesUrl: is,
-  RulesRequired: rs,
-  RulesMin: cs,
-  RulesMax: ps,
-  RulesEmail: ms,
-  RulesNumber: gs
+const hs = new ms(), G = {
+  RulesUrl: as,
+  RulesRequired: ls,
+  RulesMin: ds,
+  RulesMax: us,
+  RulesEmail: fs,
+  RulesNumber: hs
 };
-class vs {
+class gs {
   validate(e, o) {
-    var s, a, l, r, i, c, u, g, b, D, R, $, A, Y;
+    var s, a, l, r, i, c, u, g, b, T, R, $, A, Y;
     let n = "";
     if (o) {
       let M = !1;
@@ -2698,7 +2705,7 @@ class vs {
               n = G.RulesMin.validate(e, (i = o[B]) == null ? void 0 : i.value) ? "" : G.RulesMin.message((c = o[B]) != null && c.message ? (u = o[B]) == null ? void 0 : u.message : "very_small"), M = n !== "";
               break;
             case "max":
-              n = G.RulesMax.validate(e, (g = o[B]) == null ? void 0 : g.value) ? "" : G.RulesMax.message((b = o[B]) != null && b.message ? (D = o[B]) == null ? void 0 : D.message : "vary_large"), M = n !== "";
+              n = G.RulesMax.validate(e, (g = o[B]) == null ? void 0 : g.value) ? "" : G.RulesMax.message((b = o[B]) != null && b.message ? (T = o[B]) == null ? void 0 : T.message : "vary_large"), M = n !== "";
               break;
             case "email":
               n = G.RulesEmail.validate(e) ? "" : G.RulesMax.message((R = o[B]) != null && R.message ? ($ = o[B]) == null ? void 0 : $.message : "email_incorrect"), M = n !== "";
@@ -2713,13 +2720,13 @@ class vs {
     return n;
   }
 }
-const ys = new vs(), _s = { style: { display: "flex", "flex-direction": "column" } }, bs = {
+const vs = new gs(), ys = { style: { display: "flex", "flex-direction": "column" } }, _s = {
   key: 0,
   class: "d-label"
-}, xs = {
+}, bs = {
   key: 0,
   class: "text-red"
-}, ks = { style: { display: "flex", "flex-direction": "row" } }, $s = { style: { flex: "1", position: "relative" } }, ws = /* @__PURE__ */ _("svg", {
+}, xs = { style: { display: "flex", "flex-direction": "row" } }, ks = { style: { flex: "1", position: "relative" } }, $s = /* @__PURE__ */ _("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 }, [
@@ -2727,9 +2734,9 @@ const ys = new vs(), _s = { style: { display: "flex", "flex-direction": "column"
     d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41z",
     fill: "currentColor"
   })
-], -1), Ss = [
-  ws
-], Ds = ["id", "type", "placeholder", "disabled"], Ts = /* @__PURE__ */ _("svg", {
+], -1), ws = [
+  $s
+], Ss = ["id", "type", "placeholder", "disabled"], Ds = /* @__PURE__ */ _("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 }, [
@@ -2737,15 +2744,15 @@ const ys = new vs(), _s = { style: { display: "flex", "flex-direction": "column"
     d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41z",
     fill: "currentColor"
   })
-], -1), Cs = [
-  Ts
-], Ls = {
+], -1), Ts = [
+  Ds
+], Cs = {
   key: 1,
   class: "d-help"
-}, Is = {
+}, Ls = {
   key: 2,
   class: "d-error text-red"
-}, ea = {
+}, Qs = {
   __name: "DInputString",
   props: {
     form: Object,
@@ -2769,7 +2776,7 @@ const ys = new vs(), _s = { style: { display: "flex", "flex-direction": "column"
   },
   emits: ["update:modelValue", "input", "blur"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = S(n.error), a = zt(), l = S(!1), r = S(null);
+    const n = t, s = D(n.error), a = Ft(), l = D(!1), r = D(null);
     //!props.form ? ref(null) : props.form.fields[props.name].ref
     const i = h({
       get: () => n.modelValue,
@@ -2781,12 +2788,12 @@ const ys = new vs(), _s = { style: { display: "flex", "flex-direction": "column"
       o("input", M), b();
     }, b = () => {
       if (!(!n.form || !n.form.fields || !n.form.fields[n.name].rules))
-        return s.value = ys.validate(i.value, n.form.fields[n.name].rules), !!s.value;
+        return s.value = vs.validate(i.value, n.form.fields[n.name].rules), !!s.value;
     };
     he(() => {
-      D();
+      T();
     });
-    const D = () => {
+    const T = () => {
       var M;
       (M = r.value) == null || M.focus();
     }, R = () => {
@@ -2799,39 +2806,39 @@ const ys = new vs(), _s = { style: { display: "flex", "flex-direction": "column"
       o("blur", M);
     };
     return e({
-      focus: D,
+      focus: T,
       setError: A,
       validate: b
     }), (M, B) => {
-      var z, T, W, N, w, H, P, m, p, y, V, ae, ve, ye, _e, be, ee, xe, de, ke, Le, ge, We, Pe, je, Xe, Ye, Ue, qe, Ge, Ze, Ke, Je, Qe, et, tt, ot, nt, st;
+      var F, C, W, N, w, H, P, m, p, y, V, ae, ve, ye, _e, be, ee, xe, de, ke, Le, ge, We, Pe, je, Xe, Ye, Ue, qe, Ge, Ze, Ke, Je, Qe, et, tt, ot, nt, st;
       return d(), f("div", {
-        class: C(["d-input-string", u.value])
+        class: S(["d-input-string", u.value])
       }, [
-        _("div", _s, [
-          n.label ? (d(), f("div", bs, [
+        _("div", ys, [
+          n.label ? (d(), f("div", _s, [
             J(O(n.label), 1),
-            (z = n.form) != null && z.fields[n.name].rules && n.form.fields[n.name].rules.hasOwnProperty("required") ? (d(), f("span", xs, "*")) : k("", !0)
+            (F = n.form) != null && F.fields[n.name].rules && n.form.fields[n.name].rules.hasOwnProperty("required") ? (d(), f("span", bs, "*")) : k("", !0)
           ])) : k("", !0),
-          _("div", ks, [
-            (W = (T = n.pre) == null ? void 0 : T.outside) != null && W.component ? (d(), f("div", {
+          _("div", xs, [
+            (W = (C = n.pre) == null ? void 0 : C.outside) != null && W.component ? (d(), f("div", {
               key: 0,
-              class: C(["d-pre", n.disabled ? "disabled" : ""])
+              class: S(["d-pre", n.disabled ? "disabled" : ""])
             }, [
               (d(), x(U((w = (N = n.pre) == null ? void 0 : N.outside) == null ? void 0 : w.component)))
             ], 2)) : (P = (H = n.pre) == null ? void 0 : H.outside) != null && P.text ? (d(), f("div", {
               key: 1,
-              class: C(["d-pre", n.disabled ? "disabled" : ""])
+              class: S(["d-pre", n.disabled ? "disabled" : ""])
             }, [
               _("div", {
-                class: C(["d-text", l.value ? "focused" : ""])
+                class: S(["d-text", l.value ? "focused" : ""])
               }, O((p = (m = n.pre) == null ? void 0 : m.outside) == null ? void 0 : p.text), 3)
             ], 2)) : k("", !0),
-            _("div", $s, [
+            _("div", ks, [
               (V = (y = n.pre) == null ? void 0 : y.inside) != null && V.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(), f("div", {
                 key: 0,
                 class: "d-pre-inside-button",
                 onClick: R
-              }, Ss)) : k("", !0),
+              }, ws)) : k("", !0),
               Z(_("input", {
                 id: L(a),
                 ref_key: "inputRef",
@@ -2844,7 +2851,7 @@ const ys = new vs(), _s = { style: { display: "flex", "flex-direction": "column"
                 onFocus: B[1] || (B[1] = (Ie) => $(!0)),
                 onBlur: Y,
                 onFocusout: B[2] || (B[2] = (Ie) => $(!1)),
-                class: C([
+                class: S([
                   (be = (_e = n.pre) == null ? void 0 : _e.outside) != null && be.component || (xe = (ee = n.pre) == null ? void 0 : ee.outside) != null && xe.text ? "has-pre" : "",
                   (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" : "",
                   (Pe = (We = n.pre) == null ? void 0 : We.inside) != null && Pe.action ? "has-pre-inside-button" : "",
@@ -2852,31 +2859,31 @@ const ys = new vs(), _s = { style: { display: "flex", "flex-direction": "column"
                   l.value ? "focused" : ""
                 ]),
                 disabled: n.disabled
-              }, null, 42, Ds), [
+              }, null, 42, Ss), [
                 [De, i.value]
               ]),
               (Ue = (Ye = n.post) == null ? void 0 : Ye.inside) != null && Ue.action && ((Ge = (qe = n.post) == null ? void 0 : qe.inside) == null ? void 0 : Ge.action) === "clear" && ((Ze = i.value) == null ? void 0 : Ze.length) > 0 ? (d(), f("div", {
                 key: 1,
                 class: "d-post-inside-button",
                 onClick: R
-              }, Cs)) : k("", !0)
+              }, Ts)) : k("", !0)
             ]),
             (Je = (Ke = n.post) == null ? void 0 : Ke.outside) != null && Je.component ? (d(), f("div", {
               key: 2,
-              class: C(["d-post", n.disabled ? "disabled" : ""])
+              class: S(["d-post", n.disabled ? "disabled" : ""])
             }, [
               (d(), x(U((et = (Qe = n.post) == null ? void 0 : Qe.outside) == null ? void 0 : et.component)))
             ], 2)) : (ot = (tt = n.post) == null ? void 0 : tt.outside) != null && ot.text ? (d(), f("div", {
               key: 3,
-              class: C(["d-post", n.disabled ? "disabled" : ""])
+              class: S(["d-post", n.disabled ? "disabled" : ""])
             }, [
               _("div", {
-                class: C(["d-text", l.value ? "focused" : ""])
+                class: S(["d-text", l.value ? "focused" : ""])
               }, O((st = (nt = n.post) == null ? void 0 : nt.outside) == null ? void 0 : st.text), 3)
             ], 2)) : k("", !0)
           ]),
-          n.help ? (d(), f("div", Ls, O(n.help), 1)) : k("", !0),
-          s.value ? (d(), f("div", Is, O(s.value), 1)) : k("", !0)
+          n.help ? (d(), f("div", Cs, O(n.help), 1)) : k("", !0),
+          s.value ? (d(), f("div", Ls, O(s.value), 1)) : k("", !0)
         ])
       ], 2);
     };
@@ -2906,7 +2913,7 @@ const ys = new vs(), _s = { style: { display: "flex", "flex-direction": "column"
 St.close = (t) => {
   q.emit("notification-close", t);
 };
-const ta = () => ({ notify: St }), oa = {
+const ea = () => ({ notify: St }), ta = {
   mounted: function(t, e) {
     t.clickOutsideEvent = function(o) {
       t === o.target || t.contains(o.target) || e.value(o, t);
@@ -2915,7 +2922,7 @@ const ta = () => ({ notify: St }), oa = {
   unmounted: function(t) {
     document.removeEventListener("click", t.clickOutsideEvent);
   }
-}, na = {
+}, oa = {
   beforeMount(t, e) {
     t._keydownCallback = (o) => {
       o.key === e.arg && e.value();
@@ -2924,7 +2931,7 @@ const ta = () => ({ notify: St }), oa = {
   unmounted(t, e) {
     document.removeEventListener("keydown", t._keydownCallback), delete t._keydownCallback;
   }
-}, sa = {
+}, na = {
   beforeMount(t) {
     t.focus();
   }
@@ -2935,7 +2942,7 @@ function Dt(t) {
 function Tt(t) {
   return t.type.indexOf("mouse") !== -1 ? t.clientY : t.touches[0].clientY;
 }
-var Bs = function() {
+var Is = function() {
   var t = !1;
   try {
     var e = Object.defineProperty({}, "passive", {
@@ -2947,7 +2954,7 @@ var Bs = function() {
   } catch {
   }
   return t;
-}(), Es = {
+}(), Bs = {
   disableClick: !1,
   tapTolerance: 10,
   // px
@@ -2978,7 +2985,7 @@ function we(t) {
     }
   } else {
     var a = e.options.tapTolerance;
-    e.touchMoved = Math.abs(e.startX - e.currentX) > a || Math.abs(e.startY - e.currentY) > a, e.touchMoved && (ze(e), te(t, this, "drag.once"));
+    e.touchMoved = Math.abs(e.startX - e.currentX) > a || Math.abs(e.startY - e.currentY) > a, e.touchMoved && (Fe(e), te(t, this, "drag.once"));
   }
   if (K(this, "rollover") && s) {
     var r = t.timeStamp, i = e.options.rollOverFrequency;
@@ -2991,13 +2998,13 @@ function we(t) {
 }
 function dt() {
   var t = this.$$touchObj;
-  ze(t), Fe(this), t.touchStarted = t.touchMoved = !1, t.startX = t.startY = 0;
+  Fe(t), ze(this), t.touchStarted = t.touchMoved = !1, t.startX = t.startY = 0;
 }
 function Se(t) {
   var e = this.$$touchObj, o = t.type.indexOf("touch") >= 0, n = t.type.indexOf("mouse") >= 0;
   o && (e.lastTouchEndTime = t.timeStamp);
   var s = o && !e.touchHoldTimer;
-  if (ze(e), e.touchStarted = !1, Fe(this), !(n && e.lastTouchEndTime && t.timeStamp - e.lastTouchEndTime < 350))
+  if (Fe(e), e.touchStarted = !1, ze(this), !(n && e.lastTouchEndTime && t.timeStamp - e.lastTouchEndTime < 350))
     if (te(t, this, "release"), e.touchMoved) {
       if (e.hasSwipe && !e.swipeOutBounded) {
         var a = e.options.swipeTolerance, l, r = Math.abs(e.startY - e.currentY), i = Math.abs(e.startX - e.currentX);
@@ -3015,7 +3022,7 @@ function ct() {
   Ct(this);
 }
 function ut() {
-  Fe(this);
+  ze(this);
 }
 function K(t, e) {
   var o = t.$$touchObj.callbacks[e];
@@ -3034,14 +3041,14 @@ function Ct(t) {
   var e = t.$$touchObj.options.touchClass;
   e && t.classList.add(e);
 }
-function Fe(t) {
+function ze(t) {
   var e = t.$$touchObj.options.touchClass;
   e && t.classList.remove(e);
 }
-function ze(t) {
+function Fe(t) {
   t.touchHoldTimer && (clearTimeout(t.touchHoldTimer), t.touchHoldTimer = null);
 }
-function Ms(t, e) {
+function Es(t, e) {
   var o = t.$$touchObj || {
     // an object contains all callbacks registered,
     // key is event name, value is an array
@@ -3049,14 +3056,14 @@ function Ms(t, e) {
     // prevent bind twice, set to true when event bound
     hasBindTouchEvents: !1,
     // default options, would be override by v-touch-options
-    options: Es
+    options: Bs
   };
   return e && (o.options = Object.assign({}, o.options, e)), t.$$touchObj = o, t.$$touchObj;
 }
-const aa = {
+const sa = {
   beforeMount: function(t, e) {
-    const o = Ms(t);
-    let n = Bs ? { passive: !0 } : !1;
+    const o = Es(t);
+    let n = Is ? { passive: !0 } : !1;
     const s = e.arg || "tap";
     switch (s) {
       case "swipe":
@@ -3083,31 +3090,31 @@ const aa = {
   }
 };
 export {
-  Os as DAccordion,
+  Rs as DAccordion,
   Qo as DAlertDialog,
   uo as DBadge,
   le as DButton,
-  Ws as DCard,
-  Xs as DCheckbox,
+  Fs as DCard,
+  js as DCheckbox,
   po as DCollapse,
   fe as DComponentStore,
-  As as DConfigProvider,
+  Vs as DConfigProvider,
   tn as DConfirmDialog,
   Bo as DContextMenu,
-  Ys as DDialogProvider,
+  Xs as DDialogProvider,
   it as DDrag,
   Io as DDrop,
   zs as DDropdown,
-  Qs as DForm,
+  Js as DForm,
   pe as DGlobalStore,
-  Gs as DGrid,
+  qs as DGrid,
   re as DIcon,
   oe as DIconStore,
-  Zs as DImage,
-  js as DInfoProgress,
-  Rs as DInput,
-  ea as DInputString,
-  Vs as DLayoutAdmin,
+  Gs as DImage,
+  Ps as DInfoProgress,
+  Ns as DInput,
+  Qs as DInputString,
+  Os as DLayoutAdmin,
   Vo as DLayoutContent,
   Ro as DLayoutFooter,
   Mo as DLayoutHeader,
@@ -3115,27 +3122,27 @@ export {
   No as DLayoutTab,
   xt as DMenu,
   $t as DModal,
-  Ps as DNotificationProvider,
+  Ws as DNotificationProvider,
   ln as DPanel,
-  Fs as DScroll,
-  Hs as DScrollProvider,
-  Us as DSelect,
-  Js as DSwitcher,
-  qs as DTabs,
-  Ks as DTextarea,
+  Hs as DScroll,
+  As as DScrollProvider,
+  Ys as DSelect,
+  Ks as DSwitcher,
+  Us as DTabs,
+  Zs as DTextarea,
   Te as DTransferStore,
   kt as DTree,
   Co as DTreeItem,
   v as DTreeStore,
   G as Rules,
   Rn as alert,
-  oa as clickOutside,
+  ta as clickOutside,
   Nn as confirm,
   q as emitter,
   Lo as eventsBus,
-  sa as focus,
-  na as keydown,
+  na as focus,
+  oa as keydown,
   St as notify,
-  aa as touch,
-  ta as useNotification
+  sa as touch,
+  ea as useNotification
 };