doph-js 0.2.36 → 0.2.38

package/dist/dophJs.js

@@ -298,7 +298,7 @@ const Yt = {
       ])
     ])) : $("", !0);
   }
-}, ws = /* @__PURE__ */ le(ao, [["__scopeId", "data-v-a972038a"]]), io = {
+}, Ss = /* @__PURE__ */ le(ao, [["__scopeId", "data-v-a972038a"]]), io = {
   __name: "DBadge",
   props: {
     scale: String,
@@ -476,7 +476,7 @@ const Yt = {
     }, 40, ["draggable"]));
   }
 };
-const po = (e) => (wt("data-v-d8c92d5e"), e = e(), St(), e), fo = {
+const po = (e) => (wt("data-v-5e05dd03"), e = e(), St(), e), fo = {
   key: 0,
   style: { display: "none" }
 }, mo = { key: 1 }, ho = /* @__PURE__ */ po(() => /* @__PURE__ */ _("div", { class: "tree-divider" }, null, -1)), go = [
@@ -484,16 +484,17 @@ const po = (e) => (wt("data-v-d8c92d5e"), e = e(), St(), e), fo = {
 ], vo = { key: 2 }, yo = { class: "tree-divider-header" }, _o = { class: "item-title" }, bo = {
   key: 0,
   class: "tree-divider"
-}, xo = { key: 1 }, $o = { style: { display: "flex", "flex-direction": "row", "justify-content": "flex-end" } }, ko = {
-  key: 0,
+}, xo = { key: 1 }, $o = { style: { display: "flex", "flex-direction": "row", "justify-content": "flex-end" } }, ko = { key: 0 }, wo = {
+  key: 1,
   class: "sub-menu"
-}, wo = {
+}, So = {
   __name: "DTreeItem",
   props: {
     model: Object,
     treeId: [String, Number],
     items: Array,
-    search: String
+    search: String,
+    component: Object
   },
   emits: ["nodedrop", "nodedragover", "nodedragleave", "nodeclick", "nodecontext"],
   setup(e, { emit: t }) {
@@ -609,7 +610,10 @@ const po = (e) => (wt("data-v-d8c92d5e"), e = e(), St(), e), fo = {
             ]),
             oe(lo, null, {
               default: I(() => [
-                r.value && i.value && !o.search ? (d(), f("ul", ko, [
+                o.model.component ? (d(), f("div", ko, [
+                  (d(), x(X(o.model.component)))
+                ])) : $("", !0),
+                r.value && i.value && !o.search && !o.model.component ? (d(), f("ul", wo, [
                   (d(!0), f(ie, null, he(e.model.children, (V) => (d(), x(O, {
                     class: "tree-item",
                     key: V.id,
@@ -631,8 +635,8 @@ const po = (e) => (wt("data-v-d8c92d5e"), e = e(), St(), e), fo = {
       }, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (d(), f("li", fo));
     };
   }
-}, So = /* @__PURE__ */ le(wo, [["__scopeId", "data-v-d8c92d5e"]]);
-function To(e) {
+}, To = /* @__PURE__ */ le(So, [["__scopeId", "data-v-5e05dd03"]]);
+function Do(e) {
   return e = e || /* @__PURE__ */ new Map(), {
     /**
      * A Map of event names to registered handler functions.
@@ -679,7 +683,7 @@ function To(e) {
     }
   };
 }
-const U = To(), v = {
+const U = Do(), v = {
   state: Re({
     trees: {}
   }),
@@ -781,7 +785,7 @@ const U = To(), v = {
         }
     }
   }
-}, Do = {
+}, Lo = {
   __name: "DDrop",
   props: {
     tag: { type: String, default: "div" }
@@ -867,7 +871,7 @@ const U = To(), v = {
       ]);
     };
   }
-}, Lo = {
+}, Co = {
   __name: "DContextMenu",
   props: {
     items: Array,
@@ -978,7 +982,7 @@ const U = To(), v = {
       getNode: R,
       selectNode: C,
       itemsCount: W
-    }), (g, V) => (d(), x(Do, {
+    }), (g, V) => (d(), x(Lo, {
       ref_key: "treeRef",
       ref: s,
       class: "tree",
@@ -986,7 +990,7 @@ const U = To(), v = {
       onDrop: Z(i, ["stop"])
     }, {
       default: I(() => [
-        (d(!0), f(ie, null, he(c.value, (p) => (d(), x(So, {
+        (d(!0), f(ie, null, he(c.value, (p) => (d(), x(To, {
           key: p.id,
           model: p,
           treeId: M(r),
@@ -997,7 +1001,7 @@ const U = To(), v = {
           onNodedrop: b,
           onNodecontext: O
         }, null, 8, ["model", "treeId", "items", "search"]))), 128)),
-        y.value ? (d(), x(Lo, {
+        y.value ? (d(), x(Co, {
           key: 0,
           ref_key: "contextTreeRef",
           ref: a,
@@ -1010,7 +1014,7 @@ const U = To(), v = {
     }, 8, ["onDrop"]));
   }
 };
-const Co = {
+const Io = {
   __name: "DAccordion",
   props: {
     items: Array,
@@ -1030,7 +1034,7 @@ const Co = {
       "render-title": t.renderTitle
     }, null, 8, ["items", "no-select", "render-title"]));
   }
-}, Ss = /* @__PURE__ */ le(Co, [["__scopeId", "data-v-642edace"]]), Io = {
+}, Ts = /* @__PURE__ */ le(Io, [["__scopeId", "data-v-642edace"]]), Eo = {
   __name: "DLayoutHeader",
   props: {
     fixed: {
@@ -1075,7 +1079,7 @@ const Co = {
       L(n.$slots, "default")
     ], 4));
   }
-}, Eo = {
+}, Bo = {
   __name: "DLayoutTab",
   props: {
     fixed: {
@@ -1124,7 +1128,7 @@ const Co = {
       L(n.$slots, "default")
     ], 4));
   }
-}, Bo = {
+}, Mo = {
   __name: "DLayoutFooter",
   props: {
     fixed: {
@@ -1169,7 +1173,7 @@ const Co = {
       L(n.$slots, "default")
     ], 4));
   }
-}, Mo = {
+}, No = {
   __name: "DLayoutSidebar",
   props: {
     zIndex: {
@@ -1209,7 +1213,7 @@ const Co = {
       L(n.$slots, "default")
     ], 4));
   }
-}, No = {
+}, Ro = {
   __name: "DLayoutContent",
   props: {
     paddingTop: {
@@ -1247,7 +1251,7 @@ const Co = {
     ], 4));
   }
 };
-function Ro(e) {
+function Oo(e) {
   const t = w(0), o = m(() => `transform: translateX(${-t.value}px);`);
   let n = !1;
   function s(u) {
@@ -1276,7 +1280,7 @@ function Ro(e) {
     i();
   }), o;
 }
-const Oo = 1001, Ao = 999, Ho = 998, Ts = {
+const Ao = 1001, Ho = 999, Vo = 998, Ds = {
   __name: "DLayoutAdmin",
   props: {
     mode: {
@@ -1367,7 +1371,7 @@ const Oo = 1001, Ao = 999, Ho = 998, Ts = {
   },
   emits: ["update:sidebar-collapse", "sidebar-mask-click"],
   setup(e, { emit: t }) {
-    const o = e, n = m(() => o.useMinWidthLayout ? `min-width:${o.minWidth}px;` : ""), s = m(() => o.useMinWidthLayout && (o.fixedHeaderAndTab || o.fixedFooter)), a = Ro(s), l = m(() => o.fixedHeaderAndTab ? a.value : ""), r = m(() => o.fixedFooter ? a.value : ""), i = m(() => {
+    const o = e, n = m(() => o.useMinWidthLayout ? `min-width:${o.minWidth}px;` : ""), s = m(() => o.useMinWidthLayout && (o.fixedHeaderAndTab || o.fixedFooter)), a = Oo(s), l = m(() => o.fixedHeaderAndTab ? a.value : ""), r = m(() => o.fixedFooter ? a.value : ""), i = m(() => {
       const { transitionDuration: y, transitionTimingFunction: O } = o;
       return {
         transitionDuration: y,
@@ -1400,9 +1404,9 @@ const Oo = 1001, Ao = 999, Ho = 998, Ts = {
       class: "d-layout",
       style: H(n.value)
     }, [
-      e.headerVisible ? (d(), x(Io, ue({ key: 0 }, i.value, {
+      e.headerVisible ? (d(), x(Eo, ue({ key: 0 }, i.value, {
         fixed: e.fixedHeaderAndTab,
-        "z-index": Oo,
+        "z-index": Ao,
         "min-width": e.minWidth,
         height: e.headerHeight,
         "padding-left": R.value,
@@ -1413,9 +1417,9 @@ const Oo = 1001, Ao = 999, Ho = 998, Ts = {
         ]),
         _: 3
       }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : $("", !0),
-      e.tabVisible ? (d(), x(Eo, ue({ key: 1 }, i.value, {
+      e.tabVisible ? (d(), x(Bo, ue({ key: 1 }, i.value, {
         fixed: e.fixedHeaderAndTab,
-        "z-index": Ao,
+        "z-index": Ho,
         "min-width": e.minWidth,
         top: e.headerHeight,
         height: e.tabHeight,
@@ -1427,7 +1431,7 @@ const Oo = 1001, Ao = 999, Ho = 998, Ts = {
         ]),
         _: 3
       }, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) : $("", !0),
-      e.sidebarVisible ? (d(), x(Mo, ue({ key: 2 }, i.value, {
+      e.sidebarVisible ? (d(), x(No, ue({ key: 2 }, i.value, {
         "z-index": u.value,
         width: k.value,
         "padding-top": C.value
@@ -1443,7 +1447,7 @@ const Oo = 1001, Ao = 999, Ho = 998, Ts = {
         style: H(N.value),
         onClick: b
       }, null, 4)) : $("", !0),
-      oe(No, ue(i.value, {
+      oe(Ro, ue(i.value, {
         "padding-top": E.value,
         "padding-bottom": B.value,
         "padding-left": F.value,
@@ -1454,9 +1458,9 @@ const Oo = 1001, Ao = 999, Ho = 998, Ts = {
         ]),
         _: 3
       }, 16, ["padding-top", "padding-bottom", "padding-left", "overflow-hidden"]),
-      e.footerVisible ? (d(), x(Bo, ue({ key: 4 }, i.value, {
+      e.footerVisible ? (d(), x(Mo, ue({ key: 4 }, i.value, {
         fixed: e.fixedFooter,
-        "z-index": Ho,
+        "z-index": Vo,
         "min-width": e.minWidth,
         height: e.footerHeight,
         "padding-left": F.value,
@@ -1488,7 +1492,7 @@ const Oo = 1001, Ao = 999, Ho = 998, Ts = {
       pe.state.theme = pe.state.theme === "dark" ? "light" : "dark", document.documentElement.classList.remove("dark"), document.documentElement.classList.remove("light"), document.documentElement.classList.add(pe.state.theme);
     }
   }
-}, Ds = {
+}, Ls = {
   __name: "DConfigProvider",
   props: {
     theme: {
@@ -1501,7 +1505,7 @@ const Oo = 1001, Ao = 999, Ho = 998, Ts = {
     return pe.mutations.setTheme(t.theme), (o, n) => L(o.$slots, "default");
   }
 };
-const Ls = {
+const Cs = {
   __name: "DScrollProvider",
   props: {
     xHide: {
@@ -1529,7 +1533,7 @@ const Ls = {
     ]));
   }
 };
-const Vo = {
+const zo = {
   __name: "DScroll",
   props: {
     autoHide: {
@@ -1558,7 +1562,7 @@ const Vo = {
       L(s.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}, Cs = /* @__PURE__ */ le(Vo, [["__scopeId", "data-v-d50b3609"]]), zo = { class: "modal-content" }, Fo = { class: "modal-header" }, Wo = { class: "modal-title" }, Po = { class: "modal-body" }, jo = { class: "modal-footer" }, vt = {
+}, Is = /* @__PURE__ */ le(zo, [["__scopeId", "data-v-d50b3609"]]), Fo = { class: "modal-content" }, Wo = { class: "modal-header" }, Po = { class: "modal-title" }, jo = { class: "modal-body" }, Xo = { class: "modal-footer" }, vt = {
   __name: "DModal",
   props: {
     show: Boolean,
@@ -1594,16 +1598,16 @@ const Vo = {
                 class: "modal-dialog",
                 style: H({ width: n.width, maxWidth: n.maxWidth })
               }, [
-                _("div", zo, [
-                  _("div", Fo, [
-                    _("h5", Wo, [
+                _("div", Fo, [
+                  _("div", Wo, [
+                    _("h5", Po, [
                       L(i.$slots, "modal-title")
                     ])
                   ]),
-                  _("div", Po, [
+                  _("div", jo, [
                     L(i.$slots, "default")
                   ]),
-                  _("div", jo, [
+                  _("div", Xo, [
                     L(i.$slots, "modal-footer")
                   ])
                 ])
@@ -1631,13 +1635,13 @@ function yt(e, t, o = "default") {
     };
   });
 }
-var Xo = (e, t) => {
+var Yo = (e, t) => {
   const o = e.__vccOpts || e;
   for (const [n, s] of t)
     o[n] = s;
   return o;
 };
-const Yo = Lt({
+const Uo = Lt({
   name: "DialogWrapper",
   components: {},
   props: {
@@ -1657,7 +1661,7 @@ const Yo = Lt({
     };
   }
 });
-function Uo(e, t, o, n, s, a) {
+function qo(e, t, o, n, s, a) {
   return d(), x(Me, Ct(It(e.transitionAttrs)), {
     default: I(() => [
       e.dialogRef && e.dialogRef.wrapper === e.name ? (d(), x(X(e.dialogRef.dialog), ue({ key: 0 }, e.dialogRef.props, { ref: "dialogInstance" }), null, 16)) : $("", !0)
@@ -1665,8 +1669,8 @@ function Uo(e, t, o, n, s, a) {
     _: 1
   }, 16);
 }
-var qo = /* @__PURE__ */ Xo(Yo, [["render", Uo]]);
-const Go = { style: { display: "flex", "flex-direction": "row", "justify-content": "center", gap: "5px" } }, Zo = {
+var Go = /* @__PURE__ */ Yo(Uo, [["render", qo]]);
+const Zo = { style: { display: "flex", "flex-direction": "row", "justify-content": "center", gap: "5px" } }, Ko = {
   __name: "DAlertDialog",
   props: {
     title: String,
@@ -1685,7 +1689,7 @@ const Go = { style: { display: "flex", "flex-direction": "row", "justify-content
           K(A(o.message), 1)
         ]),
         "modal-footer": I(() => [
-          _("div", Go, [
+          _("div", Zo, [
             oe(ae, {
               onClick: a[0] || (a[0] = (l) => M(Be)())
             }, {
@@ -1700,7 +1704,7 @@ const Go = { style: { display: "flex", "flex-direction": "row", "justify-content
       })
     ]));
   }
-}, Ko = { style: { display: "flex", "flex-direction": "row", "justify-content": "center", gap: "5px" } }, Jo = {
+}, Jo = { style: { display: "flex", "flex-direction": "row", "justify-content": "center", gap: "5px" } }, Qo = {
   __name: "DConfirmDialog",
   props: {
     title: String,
@@ -1719,7 +1723,7 @@ const Go = { style: { display: "flex", "flex-direction": "row", "justify-content
           K(A(o.message), 1)
         ]),
         "modal-footer": I(() => [
-          _("div", Ko, [
+          _("div", Jo, [
             oe(ae, {
               onClick: a[0] || (a[0] = (l) => M(Be)())
             }, {
@@ -1743,7 +1747,7 @@ const Go = { style: { display: "flex", "flex-direction": "row", "justify-content
       })
     ]));
   }
-}, Qo = { class: "dropdown" }, Is = {
+}, en = { class: "dropdown" }, Es = {
   __name: "DDropdown",
   props: {
     class: String,
@@ -1779,7 +1783,7 @@ const Go = { style: { display: "flex", "flex-direction": "row", "justify-content
       show: c
     });
     const b = (S) => !!s[S];
-    return (S, N) => (d(), f("div", Qo, [
+    return (S, N) => (d(), f("div", en, [
       b("default") ? (d(), x(ae, {
         key: 0,
         ref_key: "buttonRef",
@@ -1816,34 +1820,34 @@ const Go = { style: { display: "flex", "flex-direction": "row", "justify-content
       }, null, 8, ["items", "style", "render-item-title", "before-item", "body-as-parent"])
     ]));
   }
-}, en = {}, tn = { class: "d-panel" };
-function on(e, t) {
-  return d(), f("div", tn, [
+}, tn = {}, on = { class: "d-panel" };
+function nn(e, t) {
+  return d(), f("div", on, [
     L(e.$slots, "default")
   ]);
 }
-const nn = /* @__PURE__ */ le(en, [["render", on]]), sn = { class: "card-header" }, an = { class: "modal-title" }, ln = { class: "card-body" }, rn = { class: "card-footer" }, Es = {
+const sn = /* @__PURE__ */ le(tn, [["render", nn]]), an = { class: "card-header" }, ln = { class: "modal-title" }, rn = { class: "card-body" }, dn = { class: "card-footer" }, Bs = {
   __name: "DCard",
   setup(e) {
-    return (t, o) => (d(), x(nn, { class: "d-card" }, {
+    return (t, o) => (d(), x(sn, { class: "d-card" }, {
       default: I(() => [
-        _("div", sn, [
-          _("h5", an, [
+        _("div", an, [
+          _("h5", ln, [
             L(t.$slots, "title")
           ])
         ]),
-        _("div", ln, [
+        _("div", rn, [
           L(t.$slots, "default")
         ]),
-        _("div", rn, [
+        _("div", dn, [
           L(t.$slots, "footer")
         ])
       ]),
       _: 3
     }));
   }
-}, dn = /* @__PURE__ */ new Map();
-class cn {
+}, cn = /* @__PURE__ */ new Map();
+class un {
   constructor(t, o, n) {
     this.remaining = o, this.callback = t, this.notifyItem = n, this.resume();
   }
@@ -1871,7 +1875,7 @@ const Ie = "[-+]?[0-9]*.?[0-9]+", nt = [
     name: "px",
     regexp: new RegExp(`^${Ie}$`)
   }
-], un = (e) => {
+], pn = (e) => {
   if (e === "auto")
     return {
       type: e,
@@ -1889,20 +1893,20 @@ const Ie = "[-+]?[0-9]*.?[0-9]+", nt = [
     type: "",
     value: e
   };
-}, pn = (e) => {
+}, fn = (e) => {
   switch (typeof e) {
     case "number":
       return { type: "px", value: e };
     case "string":
-      return un(e);
+      return pn(e);
     default:
       return { type: "", value: e };
   }
 }, st = {
   x: /* @__PURE__ */ new Set(["left", "center", "right"]),
   y: /* @__PURE__ */ new Set(["top", "bottom"])
-}, fn = ((e) => () => e++)(0), mn = (e) => typeof e != "string" ? [] : e.split(/\s+/gi).filter(Boolean), hn = (e) => {
-  typeof e == "string" && (e = mn(e));
+}, mn = ((e) => () => e++)(0), hn = (e) => typeof e != "string" ? [] : e.split(/\s+/gi).filter(Boolean), gn = (e) => {
+  typeof e == "string" && (e = hn(e));
   let t = null, o = null;
   return e.forEach((n) => {
     st.y.has(n) && (o = n), st.x.has(n) && (t = n);
@@ -1920,7 +1924,7 @@ const Ie = "[-+]?[0-9]*.?[0-9]+", nt = [
       opacity: [0, 1]
     }
   }
-}, gn = {
+}, vn = {
   __name: "VelocityGroup",
   emits: ["enter", "leave", "after-leave"],
   setup(e, { emit: t }) {
@@ -1944,7 +1948,7 @@ const Ie = "[-+]?[0-9]*.?[0-9]+", nt = [
       _: 3
     }));
   }
-}, vn = /* @__PURE__ */ Object.assign({
+}, yn = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "CssGroup",
@@ -1963,10 +1967,10 @@ const Ie = "[-+]?[0-9]*.?[0-9]+", nt = [
       _: 3
     }, 8, ["name"]));
   }
-}), yn = ["data-id"], _n = ["onClick"], bn = ["innerHTML"], xn = ["innerHTML"], $n = {
+}), _n = ["data-id"], bn = ["onClick"], xn = ["innerHTML"], $n = ["innerHTML"], kn = {
   key: 0,
   class: "d-notification-title"
-}, kn = { class: "notification-content" }, Bs = {
+}, wn = { class: "notification-content" }, Ms = {
   __name: "DNotificationProvider",
   props: {
     group: {
@@ -2039,8 +2043,8 @@ const Ie = "[-+]?[0-9]*.?[0-9]+", nt = [
     const o = e, n = {
       IDLE: 0,
       DESTROYED: 2
-    }, s = w([]), a = w(null), l = w(dn.get("velocity")), r = m(() => o.animationType === "velocity"), i = m(() => r.value ? gn : vn), c = m(() => s.value.filter((p) => p.state !== n.DESTROYED)), u = m(() => pn(o.width)), h = m(() => {
-      const { x: p, y: z } = hn(o.position), T = u.value.value, q = u.value.type, ne = {
+    }, s = w([]), a = w(null), l = w(cn.get("velocity")), r = m(() => o.animationType === "velocity"), i = m(() => r.value ? vn : yn), c = m(() => s.value.filter((p) => p.state !== n.DESTROYED)), u = m(() => fn(o.width)), h = m(() => {
+      const { x: p, y: z } = gn(o.position), T = u.value.value, q = u.value.type, ne = {
         width: T + q
       };
       return z && (ne[z] = "0px"), p && (p === "center" ? ne.left = `calc(50% - ${+T / 2}${q})` : ne[p] = "0px"), ne;
@@ -2060,7 +2064,7 @@ const Ie = "[-+]?[0-9]*.?[0-9]+", nt = [
         return;
       }
       const z = typeof p.duration == "number" ? p.duration : o.duration, T = typeof p.speed == "number" ? p.speed : o.speed, q = typeof p.ignoreDuplicates == "boolean" ? p.ignoreDuplicates : o.ignoreDuplicates, { title: ne, text: ge, type: ve, data: ye, id: _e } = p, J = {
-        id: _e || fn(),
+        id: _e || mn(),
         title: ne,
         text: ge,
         type: ve,
@@ -2069,7 +2073,7 @@ const Ie = "[-+]?[0-9]*.?[0-9]+", nt = [
         length: z + 2 * T,
         data: ye
       };
-      z >= 0 && (a.value = new cn(() => B(J), J.length, J));
+      z >= 0 && (a.value = new un(() => B(J), J.length, J));
       const be = o.reverse ? !b.value : b.value;
       let re = -1;
       const xe = c.value.some((me) => me.title === p.title && me.text === p.text);
@@ -2146,24 +2150,24 @@ const Ie = "[-+]?[0-9]*.?[0-9]+", nt = [
                     key: 0,
                     class: "d-notification-title",
                     innerHTML: T.timer
-                  }, null, 8, bn)) : $("", !0),
+                  }, null, 8, xn)) : $("", !0),
                   _("div", {
                     class: "notification-content",
                     innerHTML: T.text
-                  }, null, 8, xn)
+                  }, null, 8, $n)
                 ], 64)) : (d(), f(ie, { key: 1 }, [
-                  T.title ? (d(), f("div", $n, A(T.title), 1)) : $("", !0),
-                  _("div", kn, A(T.text), 1)
+                  T.title ? (d(), f("div", kn, A(T.title), 1)) : $("", !0),
+                  _("div", wn, A(T.text), 1)
                 ], 64))
-              ], 10, _n)
+              ], 10, bn)
             ])
-          ], 44, yn))), 128))
+          ], 44, _n))), 128))
         ]),
         _: 3
       }, 40, ["name"]))
     ], 4));
   }
-}, wn = { class: "d-info-progress-icon-container" }, Sn = { class: "d-info-progress-icon" }, Tn = { class: "d-info-progress-data-container" }, Dn = ["innerHTML"], Ms = {
+}, Sn = { class: "d-info-progress-icon-container" }, Tn = { class: "d-info-progress-icon" }, Dn = { class: "d-info-progress-data-container" }, Ln = ["innerHTML"], Ns = {
   __name: "DInfoProgress",
   props: {
     style: [String, Object],
@@ -2182,8 +2186,8 @@ const Ie = "[-+]?[0-9]*.?[0-9]+", nt = [
         t("click", l);
       })
     }, [
-      _("div", wn, [
-        _("div", Sn, [
+      _("div", Sn, [
+        _("div", Tn, [
           o.icon ? (d(), x(X(de), {
             key: 0,
             component: n.value,
@@ -2192,7 +2196,7 @@ const Ie = "[-+]?[0-9]*.?[0-9]+", nt = [
           }, null, 8, ["component"])) : $("", !0)
         ])
       ]),
-      _("div", Tn, [
+      _("div", Dn, [
         _("div", {
           class: "d-info-progress-line",
           style: H("width: " + o.progress + "%;")
@@ -2200,11 +2204,11 @@ const Ie = "[-+]?[0-9]*.?[0-9]+", nt = [
         _("div", {
           class: "d-info-progress-label",
           innerHTML: e.label
-        }, null, 8, Dn)
+        }, null, 8, Ln)
       ])
     ], 6));
   }
-}, Ln = { class: "d-checkbox" }, Cn = ["id", "checked", "disabled"], In = ["for"], Ns = {
+}, Cn = { class: "d-checkbox" }, In = ["id", "checked", "disabled"], En = ["for"], Rs = {
   __name: "DCheckbox",
   props: {
     label: String,
@@ -2224,7 +2228,7 @@ const Ie = "[-+]?[0-9]*.?[0-9]+", nt = [
         t("update:modelValue", l);
       }
     });
-    return (l, r) => (d(), f("div", Ln, [
+    return (l, r) => (d(), f("div", Cn, [
       te(_("input", {
         "onUpdate:modelValue": r[0] || (r[0] = (i) => a.value = i),
         id: `i-${M(s)}`,
@@ -2232,30 +2236,30 @@ const Ie = "[-+]?[0-9]*.?[0-9]+", nt = [
         checked: o.checked,
         disabled: o.disabled,
         onChange: r[1] || (r[1] = (...i) => o.change && o.change(...i))
-      }, null, 40, Cn), [
+      }, null, 40, In), [
         [Et, a.value]
       ]),
       _("label", {
         for: `i-${M(s)}`
-      }, A(o.label), 9, In)
+      }, A(o.label), 9, En)
     ]));
   }
 };
-async function En(e, t) {
-  return await yt(Jo, { title: e, message: t });
-}
 async function Bn(e, t) {
-  return await yt(Zo, { title: e, message: t });
+  return await yt(Qo, { title: e, message: t });
+}
+async function Mn(e, t) {
+  return await yt(Ko, { title: e, message: t });
 }
-const Rs = {
+const Os = {
   __name: "DDialogProvider",
   setup(e) {
-    return window.alert = Bn, window.confirm = En, (t, o) => (d(), x(M(qo)));
+    return window.alert = Mn, window.confirm = Bn, (t, o) => (d(), x(M(Go)));
   }
-}, Mn = { class: "d-select" }, Nn = {
+}, Nn = { class: "d-select" }, Rn = {
   key: 0,
   class: "label"
-}, Rn = ["value", "selected", "disabled"], Os = {
+}, On = ["value", "selected", "disabled"], As = {
   __name: "DSelect",
   props: {
     label: String,
@@ -2278,8 +2282,8 @@ const Rs = {
         s.value = o.options[a].value;
         break;
       }
-    return (a, l) => (d(), f("div", Mn, [
-      o.label ? (d(), f("div", Nn, A(o.label), 1)) : $("", !0),
+    return (a, l) => (d(), f("div", Nn, [
+      o.label ? (d(), f("div", Rn, A(o.label), 1)) : $("", !0),
       te(_("select", {
         "onUpdate:modelValue": l[0] || (l[0] = (r) => s.value = r),
         class: D(n.value),
@@ -2290,13 +2294,13 @@ const Rs = {
           value: r.value,
           selected: r.selected,
           disabled: r.disabled
-        }, A(r.label), 9, Rn))), 128))
+        }, A(r.label), 9, On))), 128))
       ], 6), [
         [Bt, s.value]
       ])
     ]));
   }
-}, On = ["title"], An = ["title"], Hn = {
+}, An = ["title"], Hn = ["title"], Vn = {
   __name: "DTabLabel",
   props: {
     tab: Object
@@ -2306,17 +2310,17 @@ const Rs = {
     return (o, n) => t.tab.label ? (d(), f("span", {
       key: 0,
       title: t.tab.title ? t.tab.title : ""
-    }, A(t.tab.label), 9, On)) : t.tab.icon ? (d(), f("span", {
+    }, A(t.tab.label), 9, An)) : t.tab.icon ? (d(), f("span", {
       key: 1,
       title: t.tab.title ? t.tab.title : ""
     }, [
       oe(M(de), {
         component: t.tab.icon
       }, null, 8, ["component"])
-    ], 8, An)) : $("", !0);
+    ], 8, Hn)) : $("", !0);
   }
 };
-const Vn = { class: "d-tabs" }, zn = {
+const zn = { class: "d-tabs" }, Fn = {
   __name: "DTabs",
   props: {
     tabs: Array
@@ -2326,8 +2330,8 @@ const Vn = { class: "d-tabs" }, zn = {
       n.value = a;
     };
     return (a, l) => (d(), f(ie, null, [
-      _("div", Vn, [
-        (d(!0), f(ie, null, he(o.value, (r, i) => (d(), x(Hn, {
+      _("div", zn, [
+        (d(!0), f(ie, null, he(o.value, (r, i) => (d(), x(Vn, {
           index: i,
           tab: r,
           class: D(["d-tab-title", i === n.value ? "active" : ""]),
@@ -2339,8 +2343,8 @@ const Vn = { class: "d-tabs" }, zn = {
       ], 1024))
     ], 64));
   }
-}, As = /* @__PURE__ */ le(zn, [["__scopeId", "data-v-c98761cd"]]);
-const Fn = { class: "d-grid" }, Wn = {
+}, Hs = /* @__PURE__ */ le(Fn, [["__scopeId", "data-v-c98761cd"]]);
+const Wn = { class: "d-grid" }, Pn = {
   __name: "DGrid",
   props: {
     gap: {
@@ -2372,11 +2376,11 @@ const Fn = { class: "d-grid" }, Wn = {
     let c = null;
     for (let u = 0; u < i.length; u++)
       c || (c = i[0]), u > 0 && (i[u] ? c = i[u] : i[u] = c);
-    return (u, h) => (d(), f("div", Fn, [
+    return (u, h) => (d(), f("div", Wn, [
       L(u.$slots, "default", {}, void 0, !0)
     ]));
   }
-}, Hs = /* @__PURE__ */ le(Wn, [["__scopeId", "data-v-b45e8130"]]), Pn = ["src", "alt", "title"], Vs = {
+}, Vs = /* @__PURE__ */ le(Pn, [["__scopeId", "data-v-b45e8130"]]), jn = ["src", "alt", "title"], zs = {
   __name: "DImage",
   props: {
     src: String,
@@ -2401,13 +2405,13 @@ const Fn = { class: "d-grid" }, Wn = {
       alt: t.alt,
       title: t.title,
       style: H({ width: t.width, height: t.height, borderRadius: t.radius })
-    }, null, 12, Pn)) : $("", !0);
+    }, null, 12, jn)) : $("", !0);
   }
 };
-const jn = { class: "d-textarea" }, Xn = {
+const Xn = { class: "d-textarea" }, Yn = {
   key: 0,
   class: "label"
-}, Yn = ["rows", "cols", "placeholder"], Un = {
+}, Un = ["rows", "cols", "placeholder"], qn = {
   __name: "DTextarea",
   props: {
     label: String,
@@ -2441,8 +2445,8 @@ const jn = { class: "d-textarea" }, Xn = {
     };
     return t({
       focus: r
-    }), (i, c) => (d(), f("div", jn, [
-      n.label ? (d(), f("div", Xn, A(n.label), 1)) : $("", !0),
+    }), (i, c) => (d(), f("div", Xn, [
+      n.label ? (d(), f("div", Yn, A(n.label), 1)) : $("", !0),
       te(_("textarea", {
         ref_key: "inputRef",
         ref: s,
@@ -2452,13 +2456,13 @@ const jn = { class: "d-textarea" }, Xn = {
         placeholder: n.placeholder,
         class: D(a.value),
         style: { width: "100%" }
-      }, null, 10, Yn), [
+      }, null, 10, Un), [
         [Ot, l.value]
       ])
     ]));
   }
-}, zs = /* @__PURE__ */ le(Un, [["__scopeId", "data-v-0e805d5d"]]);
-class Fs {
+}, Fs = /* @__PURE__ */ le(qn, [["__scopeId", "data-v-0e805d5d"]]);
+class Ws {
   constructor(t) {
     this.fields = t;
   }
@@ -2469,7 +2473,7 @@ class Fs {
     return !t;
   }
 }
-class qn {
+class Gn {
   validate(t, o = "https") {
     return this._isValidURL(t) || (t = o + "://" + t), this._isValidURL(t);
   }
@@ -2490,8 +2494,8 @@ class qn {
     }
   }
 }
-const Gn = new qn();
-class Zn {
+const Zn = new Gn();
+class Kn {
   validate(t = "") {
     return t !== "";
   }
@@ -2499,8 +2503,8 @@ class Zn {
     return t;
   }
 }
-const Kn = new Zn();
-class Jn {
+const Jn = new Kn();
+class Qn {
   validate(t = "", o = 0) {
     return t.length >= o;
   }
@@ -2508,8 +2512,8 @@ class Jn {
     return t;
   }
 }
-const Qn = new Jn();
-class es {
+const es = new Qn();
+class ts {
   validate(t = "", o = 0) {
     return t.length <= o;
   }
@@ -2517,8 +2521,8 @@ class es {
     return t;
   }
 }
-const ts = new es();
-class os {
+const os = new ts();
+class ns {
   validate(t) {
     return /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/.test(t);
   }
@@ -2526,8 +2530,8 @@ class os {
     return t;
   }
 }
-const ns = new os();
-class ss {
+const ss = new ns();
+class as {
   validate(t) {
     return !isNaN(parseFloat(t)) && !isNaN(t - 0);
   }
@@ -2535,15 +2539,15 @@ class ss {
     return t;
   }
 }
-const as = new ss(), Y = {
-  RulesUrl: Gn,
-  RulesRequired: Kn,
-  RulesMin: Qn,
-  RulesMax: ts,
-  RulesEmail: ns,
-  RulesNumber: as
+const is = new as(), Y = {
+  RulesUrl: Zn,
+  RulesRequired: Jn,
+  RulesMin: es,
+  RulesMax: os,
+  RulesEmail: ss,
+  RulesNumber: is
 };
-class is {
+class ls {
   validate(t, o) {
     var s, a, l, r, i, c, u, h, b, S, N, k, F, R;
     let n = "";
@@ -2577,13 +2581,13 @@ class is {
     return n;
   }
 }
-const ls = new is(), rs = { style: { display: "flex", "flex-direction": "column" } }, ds = {
+const rs = new ls(), ds = { style: { display: "flex", "flex-direction": "column" } }, cs = {
   key: 0,
   class: "d-label"
-}, cs = {
+}, us = {
   key: 0,
   class: "text-red"
-}, us = { style: { display: "flex", "flex-direction": "row" } }, ps = { style: { flex: "1", position: "relative" } }, fs = /* @__PURE__ */ _("svg", {
+}, ps = { style: { display: "flex", "flex-direction": "row" } }, fs = { style: { flex: "1", position: "relative" } }, ms = /* @__PURE__ */ _("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 }, [
@@ -2591,9 +2595,9 @@ const ls = new is(), rs = { 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), ms = [
-  fs
-], hs = ["id", "type", "placeholder", "disabled"], gs = /* @__PURE__ */ _("svg", {
+], -1), hs = [
+  ms
+], gs = ["id", "type", "placeholder", "disabled"], vs = /* @__PURE__ */ _("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 }, [
@@ -2601,15 +2605,15 @@ const ls = new is(), rs = { 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), vs = [
-  gs
-], ys = {
+], -1), ys = [
+  vs
+], _s = {
   key: 1,
   class: "d-help"
-}, _s = {
+}, bs = {
   key: 2,
   class: "d-error text-red"
-}, Ws = {
+}, Ps = {
   __name: "DInputString",
   props: {
     form: Object,
@@ -2643,7 +2647,7 @@ const ls = new is(), rs = { style: { display: "flex", "flex-direction": "column"
       }
     }), c = m(() => n.type === "password" ? "password" : "text"), u = m(() => n.scale), h = (R) => {
       o("input", R), b();
-    }, b = () => (s.value = ls.validate(i.value, n.form.fields[n.name].rules), !!s.value);
+    }, b = () => (s.value = rs.validate(i.value, n.form.fields[n.name].rules), !!s.value);
     fe(() => {
       S();
     });
@@ -2666,12 +2670,12 @@ const ls = new is(), rs = { style: { display: "flex", "flex-direction": "column"
       return d(), f("div", {
         class: D(["d-input-string", u.value])
       }, [
-        _("div", rs, [
-          n.label ? (d(), f("div", ds, [
+        _("div", ds, [
+          n.label ? (d(), f("div", cs, [
             K(A(n.label), 1),
-            (E = n.form) != null && E.fields[n.name].rules && n.form.fields[n.name].rules.hasOwnProperty("required") ? (d(), f("span", cs, "*")) : $("", !0)
+            (E = n.form) != null && E.fields[n.name].rules && n.form.fields[n.name].rules.hasOwnProperty("required") ? (d(), f("span", us, "*")) : $("", !0)
           ])) : $("", !0),
-          _("div", us, [
+          _("div", ps, [
             (y = (B = n.pre) == null ? void 0 : B.outside) != null && y.component ? (d(), f("div", {
               key: 0,
               class: D(["d-pre", n.disabled ? "disabled" : ""])
@@ -2685,12 +2689,12 @@ const ls = new is(), rs = { style: { display: "flex", "flex-direction": "column"
                 class: D(["d-text", l.value ? "focused" : ""])
               }, A((p = (V = n.pre) == null ? void 0 : V.outside) == null ? void 0 : p.text), 3)
             ], 2)) : $("", !0),
-            _("div", ps, [
+            _("div", fs, [
               (T = (z = n.pre) == null ? void 0 : z.inside) != null && T.action && ((ne = (q = n.pre) == null ? void 0 : q.inside) == null ? void 0 : ne.action) === "clear" && ((ge = i.value) == null ? void 0 : ge.length) > 0 ? (d(), f("div", {
                 key: 0,
                 class: "d-pre-inside-button",
                 onClick: N
-              }, ms)) : $("", !0),
+              }, hs)) : $("", !0),
               te(_("input", {
                 id: M(a),
                 ref_key: "inputRef",
@@ -2710,14 +2714,14 @@ const ls = new is(), rs = { style: { display: "flex", "flex-direction": "column"
                   l.value ? "focused" : ""
                 ]),
                 disabled: n.disabled
-              }, null, 42, hs), [
+              }, null, 42, gs), [
                 [Se, i.value]
               ]),
               (je = (Pe = n.post) == null ? void 0 : Pe.inside) != null && je.action && ((Ye = (Xe = n.post) == null ? void 0 : Xe.inside) == null ? void 0 : Ye.action) === "clear" && ((Ue = i.value) == null ? void 0 : Ue.length) > 0 ? (d(), f("div", {
                 key: 1,
                 class: "d-post-inside-button",
                 onClick: N
-              }, vs)) : $("", !0)
+              }, ys)) : $("", !0)
             ]),
             (Ge = (qe = n.post) == null ? void 0 : qe.outside) != null && Ge.component ? (d(), f("div", {
               key: 2,
@@ -2733,8 +2737,8 @@ const ls = new is(), rs = { style: { display: "flex", "flex-direction": "column"
               }, A((tt = (et = n.post) == null ? void 0 : et.outside) == null ? void 0 : tt.text), 3)
             ], 2)) : $("", !0)
           ]),
-          n.help ? (d(), f("div", ys, A(n.help), 1)) : $("", !0),
-          s.value ? (d(), f("div", _s, A(s.value), 1)) : $("", !0)
+          n.help ? (d(), f("div", _s, A(n.help), 1)) : $("", !0),
+          s.value ? (d(), f("div", bs, A(s.value), 1)) : $("", !0)
         ])
       ], 2);
     };
@@ -2745,7 +2749,7 @@ const ls = new is(), rs = { style: { display: "flex", "flex-direction": "column"
 _t.close = (e) => {
   U.emit("notification-close", e);
 };
-const Ps = () => ({ notify: _t }), js = {
+const js = () => ({ notify: _t }), Xs = {
   mounted: function(e, t) {
     e.clickOutsideEvent = function(o) {
       e === o.target || e.contains(o.target) || t.value(o, e);
@@ -2754,7 +2758,7 @@ const Ps = () => ({ notify: _t }), js = {
   unmounted: function(e) {
     document.removeEventListener("click", e.clickOutsideEvent);
   }
-}, Xs = {
+}, Ys = {
   beforeMount(e, t) {
     e._keydownCallback = (o) => {
       o.key === t.arg && t.value();
@@ -2763,7 +2767,7 @@ const Ps = () => ({ notify: _t }), js = {
   unmounted(e, t) {
     document.removeEventListener("keydown", e._keydownCallback), delete e._keydownCallback;
   }
-}, Ys = {
+}, Us = {
   beforeMount(e) {
     e.focus();
   }
@@ -2774,7 +2778,7 @@ function bt(e) {
 function xt(e) {
   return e.type.indexOf("mouse") !== -1 ? e.clientY : e.touches[0].clientY;
 }
-var bs = function() {
+var xs = function() {
   var e = !1;
   try {
     var t = Object.defineProperty({}, "passive", {
@@ -2786,7 +2790,7 @@ var bs = function() {
   } catch {
   }
   return e;
-}(), xs = {
+}(), $s = {
   disableClick: !1,
   tapTolerance: 10,
   // px
@@ -2880,7 +2884,7 @@ function He(e) {
 function Ve(e) {
   e.touchHoldTimer && (clearTimeout(e.touchHoldTimer), e.touchHoldTimer = null);
 }
-function $s(e, t) {
+function ks(e, t) {
   var o = e.$$touchObj || {
     // an object contains all callbacks registered,
     // key is event name, value is an array
@@ -2888,14 +2892,14 @@ function $s(e, t) {
     // prevent bind twice, set to true when event bound
     hasBindTouchEvents: !1,
     // default options, would be override by v-touch-options
-    options: xs
+    options: $s
   };
   return t && (o.options = Object.assign({}, o.options, t)), e.$$touchObj = o, e.$$touchObj;
 }
-const Us = {
+const qs = {
   beforeMount: function(e, t) {
-    const o = $s(e);
-    let n = bs ? { passive: !0 } : !1;
+    const o = ks(e);
+    let n = xs ? { passive: !0 } : !1;
     const s = t.arg || "tap";
     switch (s) {
       case "swipe":
@@ -2922,57 +2926,57 @@ const Us = {
   }
 };
 export {
-  Ss as DAccordion,
-  Zo as DAlertDialog,
+  Ts as DAccordion,
+  Ko as DAlertDialog,
   io as DBadge,
   ae as DButton,
-  Es as DCard,
-  Ns as DCheckbox,
+  Bs as DCard,
+  Rs as DCheckbox,
   lo as DCollapse,
-  Ds as DConfigProvider,
-  Jo as DConfirmDialog,
-  Lo as DContextMenu,
-  Rs as DDialogProvider,
+  Ls as DConfigProvider,
+  Qo as DConfirmDialog,
+  Co as DContextMenu,
+  Os as DDialogProvider,
   uo as DDrag,
-  Do as DDrop,
-  Is as DDropdown,
-  Fs as DForm,
+  Lo as DDrop,
+  Es as DDropdown,
+  Ws as DForm,
   pe as DGlobalStore,
-  Hs as DGrid,
+  Vs as DGrid,
   de as DIcon,
   ee as DIconStore,
-  Vs as DImage,
-  Ms as DInfoProgress,
-  ws as DInput,
-  Ws as DInputString,
-  Ts as DLayoutAdmin,
-  No as DLayoutContent,
-  Bo as DLayoutFooter,
-  Io as DLayoutHeader,
-  Mo as DLayoutSidebar,
-  Eo as DLayoutTab,
+  zs as DImage,
+  Ns as DInfoProgress,
+  Ss as DInput,
+  Ps as DInputString,
+  Ds as DLayoutAdmin,
+  Ro as DLayoutContent,
+  Mo as DLayoutFooter,
+  Eo as DLayoutHeader,
+  No as DLayoutSidebar,
+  Bo as DLayoutTab,
   ht as DMenu,
   vt as DModal,
-  Bs as DNotificationProvider,
-  nn as DPanel,
-  Cs as DScroll,
-  Ls as DScrollProvider,
-  Os as DSelect,
-  As as DTabs,
-  zs as DTextarea,
+  Ms as DNotificationProvider,
+  sn as DPanel,
+  Is as DScroll,
+  Cs as DScrollProvider,
+  As as DSelect,
+  Hs as DTabs,
+  Fs as DTextarea,
   Te as DTransferStore,
   gt as DTree,
-  So as DTreeItem,
+  To as DTreeItem,
   v as DTreeStore,
   Y as Rules,
-  Bn as alert,
-  js as clickOutside,
-  En as confirm,
+  Mn as alert,
+  Xs as clickOutside,
+  Bn as confirm,
   U as emitter,
-  To as eventsBus,
-  Ys as focus,
-  Xs as keydown,
+  Do as eventsBus,
+  Us as focus,
+  Ys as keydown,
   _t as notify,
-  Us as touch,
-  Ps as useNotification
+  qs as touch,
+  js as useNotification
 };