doph-js 0.4.56 → 0.4.57

package/dist/dophJs.js

@@ -1,4 +1,4 @@
-import { useSlots as ct, computed as P, h as Ht, createBlock as H, openBlock as c, unref as Q, ref as I, createElementBlock as b, Fragment as pe, createCommentVNode as L, normalizeStyle as ue, normalizeClass as ae, renderSlot as le, createStaticVNode as Nn, resolveDynamicComponent as Ae, onMounted as Be, withDirectives as He, toDisplayString as G, createElementVNode as T, vModelDynamic as At, withCtx as X, createTextVNode as se, Transition as Bn, withModifiers as De, resolveComponent as mt, resolveDirective as Yn, normalizeProps as Yr, guardReactiveProps as jr, createVNode as F, renderList as Ce, pushScopeId as jt, popScopeId as Wt, reactive as fn, onUnmounted as jn, Teleport as Wr, nextTick as lt, getCurrentInstance as pn, watch as Re, mergeProps as wt, useCssVars as Wn, shallowRef as Ha, defineComponent as Ge, TransitionGroup as qr, vModelCheckbox as Ur, withKeys as Xr, vModelSelect as Ra, toRef as Na, KeepAlive as Ba, vShow as On, vModelText as qn, onBeforeUnmount as Gr, provide as gt, inject as Ct, createSlots as Qr } from "vue";
+import { useSlots as ct, computed as P, h as Ht, createBlock as H, openBlock as c, unref as Q, ref as I, createElementBlock as b, Fragment as pe, createCommentVNode as L, normalizeStyle as ue, normalizeClass as ae, renderSlot as le, createStaticVNode as Bn, resolveDynamicComponent as Ae, onMounted as Be, withDirectives as He, toDisplayString as G, createElementVNode as T, vModelDynamic as At, withCtx as X, createTextVNode as se, Transition as Yn, withModifiers as De, resolveComponent as mt, resolveDirective as an, normalizeProps as Yr, guardReactiveProps as jr, createVNode as F, renderList as Ce, pushScopeId as jt, popScopeId as Wt, reactive as pn, onUnmounted as jn, Teleport as Wr, nextTick as lt, getCurrentInstance as mn, watch as Re, mergeProps as wt, useCssVars as Wn, shallowRef as Ha, defineComponent as Ge, TransitionGroup as qr, vModelCheckbox as Ur, withKeys as Xr, vModelSelect as Ra, toRef as Na, KeepAlive as Ba, vShow as Ln, vModelText as qn, onBeforeUnmount as Gr, provide as gt, inject as Ct, createSlots as Qr } from "vue";
 const Qe = {
   __name: "DIcon",
   props: {
@@ -86,14 +86,14 @@ const Se = (r, e) => {
   class: "loading-svg rotating",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, Wa = /* @__PURE__ */ Nn('<g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-v-ed7e0688><path d="M8.56 3.69a9 9 0 0 0-2.92 1.95" data-v-ed7e0688></path><path d="M3.69 8.56A9 9 0 0 0 3 12" data-v-ed7e0688></path><path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" data-v-ed7e0688></path><path d="M8.56 20.31A9 9 0 0 0 12 21" data-v-ed7e0688></path><path d="M15.44 20.31a9 9 0 0 0 2.92-1.95" data-v-ed7e0688></path><path d="M20.31 15.44A9 9 0 0 0 21 12" data-v-ed7e0688></path><path d="M20.31 8.56a9 9 0 0 0-1.95-2.92" data-v-ed7e0688></path><path d="M15.44 3.69A9 9 0 0 0 12 3" data-v-ed7e0688></path></g>', 1), qa = [
+}, Wa = /* @__PURE__ */ Bn('<g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-v-ed7e0688><path d="M8.56 3.69a9 9 0 0 0-2.92 1.95" data-v-ed7e0688></path><path d="M3.69 8.56A9 9 0 0 0 3 12" data-v-ed7e0688></path><path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" data-v-ed7e0688></path><path d="M8.56 20.31A9 9 0 0 0 12 21" data-v-ed7e0688></path><path d="M15.44 20.31a9 9 0 0 0 2.92-1.95" data-v-ed7e0688></path><path d="M20.31 15.44A9 9 0 0 0 21 12" data-v-ed7e0688></path><path d="M20.31 8.56a9 9 0 0 0-1.95-2.92" data-v-ed7e0688></path><path d="M15.44 3.69A9 9 0 0 0 12 3" data-v-ed7e0688></path></g>', 1), qa = [
   Wa
 ], Ua = ["title"], Xa = { key: 1 }, Ga = {
   key: 2,
   class: "loading-svg rotating",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, Qa = /* @__PURE__ */ Nn('<g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-v-ed7e0688><path d="M8.56 3.69a9 9 0 0 0-2.92 1.95" data-v-ed7e0688></path><path d="M3.69 8.56A9 9 0 0 0 3 12" data-v-ed7e0688></path><path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" data-v-ed7e0688></path><path d="M8.56 20.31A9 9 0 0 0 12 21" data-v-ed7e0688></path><path d="M15.44 20.31a9 9 0 0 0 2.92-1.95" data-v-ed7e0688></path><path d="M20.31 15.44A9 9 0 0 0 21 12" data-v-ed7e0688></path><path d="M20.31 8.56a9 9 0 0 0-1.95-2.92" data-v-ed7e0688></path><path d="M15.44 3.69A9 9 0 0 0 12 3" data-v-ed7e0688></path></g>', 1), Ka = [
+}, Qa = /* @__PURE__ */ Bn('<g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-v-ed7e0688><path d="M8.56 3.69a9 9 0 0 0-2.92 1.95" data-v-ed7e0688></path><path d="M3.69 8.56A9 9 0 0 0 3 12" data-v-ed7e0688></path><path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" data-v-ed7e0688></path><path d="M8.56 20.31A9 9 0 0 0 12 21" data-v-ed7e0688></path><path d="M15.44 20.31a9 9 0 0 0 2.92-1.95" data-v-ed7e0688></path><path d="M20.31 15.44A9 9 0 0 0 21 12" data-v-ed7e0688></path><path d="M20.31 8.56a9 9 0 0 0-1.95-2.92" data-v-ed7e0688></path><path d="M15.44 3.69A9 9 0 0 0 12 3" data-v-ed7e0688></path></g>', 1), Ka = [
   Qa
 ], Za = {
   __name: "DButton",
@@ -125,13 +125,13 @@ const Se = (r, e) => {
       t("click", v);
     }, l = (v) => {
       t("contextmenu", v);
-    }, d = P(() => n.scale === "large" ? "button-lg" : n.scale === "small" ? "button-sm" : ""), g = P(() => n.disabled ? "disabled" : ""), p = (v) => !!a[v], S = P(() => p("default") ? "" : n.scale === "large" ? "d-button-lg-icon" : n.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), C = P(() => {
+    }, d = P(() => n.scale === "large" ? "button-lg" : n.scale === "small" ? "button-sm" : ""), g = P(() => n.disabled ? "disabled" : ""), p = (v) => !!a[v], _ = P(() => p("default") ? "" : n.scale === "large" ? "d-button-lg-icon" : n.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), C = P(() => {
       const v = n.outline ? "-outline" : "";
       return n.type === "primary" ? `button${v}-blue` : n.type === "success" ? `button${v}-green` : n.type === "error" ? `button${v}-red` : n.type === "warning" ? `button${v}-orange` : n.type === "wait" ? `button${v}-violet` : n.outline ? `button${v}` : "";
     });
     return e({
       elementSize: () => Kr(o)
-    }), (v, _) => (c(), b(pe, null, [
+    }), (v, D) => (c(), b(pe, null, [
       s.value ? L("", !0) : (c(), b("div", {
         key: 0,
         title: n.title,
@@ -152,7 +152,7 @@ const Se = (r, e) => {
         ref: o,
         onClick: i,
         onContextmenu: l,
-        class: ae(["button button-ext", [n.class, d.value, S.value, C.value, g.value].join(" ")]),
+        class: ae(["button button-ext", [n.class, d.value, _.value, C.value, g.value].join(" ")]),
         style: ue(n.style)
       }, [
         n.icon ? (c(), H(Ae(Qe), {
@@ -365,8 +365,8 @@ const Se = (r, e) => {
       l.style.width = g, l.style.position = "absolute", l.style.visibility = "hidden", l.style.height = "";
       let { height: p } = getComputedStyle(l);
       return l.style.width = d.width, l.style.position = d.position, l.style.visibility = d.visibility, l.style.height = it, l.style.overflow = "hidden", d.height && d.height !== it ? d.height : p;
-    }, a = (l, d, g, p, S) => {
-      const C = l.animate(p, S);
+    }, a = (l, d, g, p, _) => {
+      const C = l.animate(p, _);
       l.style.height = d.height, C.onfinish = () => {
         l.style.overflow = d.overflow, g();
       };
@@ -392,15 +392,15 @@ const Se = (r, e) => {
         marginBottom: d.marginBottom
       }
     ], s = (l, d) => {
-      const g = l, p = t(g), S = n(g, p), C = o(S, p), E = { duration: e.duration, easing: e.easingEnter };
+      const g = l, p = t(g), _ = n(g, p), C = o(_, p), E = { duration: e.duration, easing: e.easingEnter };
       a(g, p, d, C, E);
     }, i = (l, d) => {
-      const g = l, p = t(g), { height: S } = getComputedStyle(g);
-      g.style.height = S, g.style.overflow = "hidden";
-      const C = o(S, p).reverse(), E = { duration: e.duration, easing: e.easingLeave };
+      const g = l, p = t(g), { height: _ } = getComputedStyle(g);
+      g.style.height = _, g.style.overflow = "hidden";
+      const C = o(_, p).reverse(), E = { duration: e.duration, easing: e.easingLeave };
       a(g, p, d, C, E);
     };
-    return (l, d) => (c(), H(Bn, {
+    return (l, d) => (c(), H(Yn, {
       css: !1,
       onEnter: s,
       onLeave: i
@@ -411,7 +411,7 @@ const Se = (r, e) => {
       _: 3
     }));
   }
-}, an = {
+}, on = {
   data: void 0
 }, Un = (r) => r.reduce((e, t) => (e[t] = t) && e, {}), We = Un([
   "drag",
@@ -452,7 +452,7 @@ const Se = (r, e) => {
           let g;
           e.image ? (g = new Image(), g.src = e.image) : t.image && (g = t.image[0].elm), d.setDragImage && d.setDragImage(g, e.imageXOffset, e.imageYOffset);
         }
-        e.transferData !== void 0 && (an.data = e.transferData, l.dataTransfer.setData("text", "")), n.value = !0;
+        e.transferData !== void 0 && (on.data = e.transferData, l.dataTransfer.setData("text", "")), n.value = !0;
       }
     };
     return (i, l) => (c(), H(Ae(r.tag), {
@@ -512,7 +512,7 @@ const Se = (r, e) => {
       e("nodefoldericonclick", { event: y.event, model: y.model });
     }, p = (y) => {
       e("nodeclick", y);
-    }, S = (y) => {
+    }, _ = (y) => {
       e("nodedoubleclick", y);
     }, C = (y) => {
       e("nodedrop", y);
@@ -523,24 +523,24 @@ const Se = (r, e) => {
       a.value ? "node-over " : "",
       o.value ? "node-top " : "",
       s.value ? "node-bottom " : ""
-    ]), _ = P(() => t.search ? !1 : t.model.draggable === !0), x = (y) => {
-      let D = an.data;
-      if (D === void 0 || D.model === void 0)
+    ]), D = P(() => t.search ? !1 : t.model.draggable === !0), x = (y) => {
+      let S = on.data;
+      if (S === void 0 || S.model === void 0)
         return a.value = !1, !1;
-      if (D.model.id === t.model.id || te.actions.isChildOfParent(t.treeId, t.items, t.model.id, D.model.id) || te.actions.isParentOfChild(t.treeId, t.items, D.model.id, t.model.id))
+      if (S.model.id === t.model.id || te.actions.isChildOfParent(t.treeId, t.items, t.model.id, S.model.id) || te.actions.isParentOfChild(t.treeId, t.items, S.model.id, t.model.id))
         return a.value = !1, o.value = !1, s.value = !1, !1;
-      if (!te.state.trees[t.treeId].transfer && D.id !== t.treeId || !te.state.trees[t.treeId].dropInside && !s.value && !o.value || D.id === t.treeId && !t.model.droppable)
+      if (!te.state.trees[t.treeId].transfer && S.id !== t.treeId || !te.state.trees[t.treeId].dropInside && !s.value && !o.value || S.id === t.treeId && !t.model.droppable)
         return !1;
       let R = "";
-      o.value ? R = "before" : s.value ? R = "after" : R = "inside", e("nodedrop", { e: y, model: t.model, place: R }), te.actions.moveTreeNode(D.id, t.treeId, t.items, D.model.id, t.model.id, R, D.model?.transfer), a.value = !1, o.value = !1, s.value = !1;
+      o.value ? R = "before" : s.value ? R = "after" : R = "inside", e("nodedrop", { e: y, model: t.model, place: R }), te.actions.moveTreeNode(S.id, t.treeId, t.items, S.model.id, t.model.id, R, S.model?.transfer), a.value = !1, o.value = !1, s.value = !1;
     }, $ = (y) => {
       e("nodedragover", { e: y, model: t.model });
-      let D = an.data;
+      let S = on.data;
       if (!t.model.droppable)
         return !1;
-      if (D === void 0 || D.model === void 0)
+      if (S === void 0 || S.model === void 0)
         return a.value = !0, !1;
-      if (D.model.id === t.model.id || te.actions.isChildOfParent(t.treeId, t.items, t.model.id, D.model.id) || te.actions.isParentOfChild(t.treeId, t.items, D.model.id, t.model.id))
+      if (S.model.id === t.model.id || te.actions.isChildOfParent(t.treeId, t.items, t.model.id, S.model.id) || te.actions.isParentOfChild(t.treeId, t.items, S.model.id, t.model.id))
         return !1;
       const R = y.y, Z = n.value.getBoundingClientRect().top, ne = n.value.getBoundingClientRect().height, W = ne / 3;
       R > Z && R <= Z + W ? (a.value = !1, o.value = !0, s.value = !1) : R < Z + ne && R >= Z + ne - W ? (a.value = !1, o.value = !1, s.value = !0) : (a.value = te.state.trees[t.treeId].dropInside, o.value = !1, s.value = !1);
@@ -548,13 +548,13 @@ const Se = (r, e) => {
       a.value = !1, o.value = !1, s.value = !1;
     }, u = P(() => t.model.title.startsWith("-")), m = P(() => {
       if (t.model.title.startsWith("-")) {
-        let [y, ...D] = t.model.title.split(" ");
-        return D = D.join(" "), D;
+        let [y, ...S] = t.model.title.split(" ");
+        return S = S.join(" "), S;
       }
       return null;
     });
-    return (y, D) => {
-      const R = mt("d-tree-item", !0), Z = Yn("touch");
+    return (y, S) => {
+      const R = mt("d-tree-item", !0), Z = an("touch");
       return Q(te).actions.beforeItem(t.treeId, r.model) ? u.value && !m.value ? (c(), b("li", wo, ko)) : u.value && m.value ? (c(), b("li", So, [
         T("div", _o, G(Q(te).actions.renderTitle(t.treeId, m.value)), 1)
       ])) : t.model.component ? (c(), H(wr, {
@@ -562,9 +562,9 @@ const Se = (r, e) => {
         tag: "li",
         class: "tree-item-component",
         "transfer-data": { id: t.treeId, model: t.model },
-        draggable: _.value,
+        draggable: D.value,
         onDrop: De(x, ["stop"]),
-        onDragenter: D[1] || (D[1] = De(() => {
+        onDragenter: S[1] || (S[1] = De(() => {
         }, ["prevent"])),
         onDragover: De($, ["prevent", "stop"]),
         onDragleave: De(f, ["prevent"])
@@ -574,7 +574,7 @@ const Se = (r, e) => {
             ref_key: "node",
             ref: n,
             class: ae(v.value),
-            onContextmenu: D[0] || (D[0] = De((ne) => e("nodecontext", { e: ne, model: t.model }), ["prevent"]))
+            onContextmenu: S[0] || (S[0] = De((ne) => e("nodecontext", { e: ne, model: t.model }), ["prevent"]))
           }, [
             (c(), H(Ae(Q(Mt).getters.getComponent(t.model.component).component), Yr(jr(Q(Mt).getters.getComponent(t.model.component).props)), null, 16))
           ], 34)), [
@@ -587,9 +587,9 @@ const Se = (r, e) => {
         tag: "li",
         class: "tree-item",
         "transfer-data": { id: t.treeId, model: t.model },
-        draggable: _.value,
+        draggable: D.value,
         onDrop: De(x, ["stop"]),
-        onDragenter: D[4] || (D[4] = De(() => {
+        onDragenter: S[4] || (S[4] = De(() => {
         }, ["prevent"])),
         onDragover: De($, ["prevent", "stop"]),
         onDragleave: De(f, ["prevent"])
@@ -599,8 +599,8 @@ const Se = (r, e) => {
             ref_key: "node",
             ref: n,
             class: ae(v.value),
-            onDblclick: D[2] || (D[2] = De((ne) => e("nodedoubleclick", { e: ne, model: t.model }), ["prevent"])),
-            onContextmenu: D[3] || (D[3] = De((ne) => e("nodecontext", { e: ne, model: t.model }), ["prevent"])),
+            onDblclick: S[2] || (S[2] = De((ne) => e("nodedoubleclick", { e: ne, model: t.model }), ["prevent"])),
+            onContextmenu: S[3] || (S[3] = De((ne) => e("nodecontext", { e: ne, model: t.model }), ["prevent"])),
             onClick: De(d, ["stop"])
           }, [
             T("div", null, [
@@ -676,7 +676,7 @@ const Se = (r, e) => {
                   items: t.items,
                   search: t.search,
                   onNodeclick: p,
-                  onNodedoubleclick: S,
+                  onNodedoubleclick: _,
                   onNodedrop: C,
                   onNodecontext: E,
                   onNodefoldericonclick: g
@@ -739,7 +739,7 @@ function Vo(r) {
   };
 }
 const Ze = Vo(), te = {
-  state: fn({
+  state: pn({
     trees: {}
   }),
   getters: {
@@ -851,19 +851,19 @@ const Ze = Vo(), te = {
   },
   emits: Object.keys(We),
   setup(r, { expose: e, emit: t }) {
-    let n = fn({});
+    let n = pn({});
     const a = I("false"), o = I(null), s = /* @__PURE__ */ new Set(), i = P(() => a.value && n), l = (g, p) => {
-      n = an.data, t(g, p, n), g === We.dragenter && (s.size || p.target === o.value) && s.add(p.target), g === We.dragleave && s.delete(p.target), g === We.drop && s.clear(), a.value = !!s.size;
+      n = on.data, t(g, p, n), g === We.dragenter && (s.size || p.target === o.value) && s.add(p.target), g === We.dragleave && s.delete(p.target), g === We.drop && s.clear(), a.value = !!s.size;
     };
     return e({
       elementSize: () => Kr(o)
     }), (g, p) => (c(), H(Ae(r.tag), {
       ref_key: "el",
       ref: o,
-      onDragenter: p[0] || (p[0] = (S) => l(Q(We).dragenter, S)),
-      onDragleave: p[1] || (p[1] = (S) => l(Q(We).dragleave, S)),
-      onDragover: p[2] || (p[2] = De((S) => l(Q(We).dragover, S), ["prevent"])),
-      onDrop: p[3] || (p[3] = De((S) => l(Q(We).drop, S), ["prevent"]))
+      onDragenter: p[0] || (p[0] = (_) => l(Q(We).dragenter, _)),
+      onDragleave: p[1] || (p[1] = (_) => l(Q(We).dragleave, _)),
+      onDragover: p[2] || (p[2] = De((_) => l(Q(We).dragover, _), ["prevent"])),
+      onDrop: p[3] || (p[3] = De((_) => l(Q(We).drop, _), ["prevent"]))
     }, {
       default: X(() => [
         le(g.$slots, "default", { transferData: i.value })
@@ -909,7 +909,7 @@ const Ze = Vo(), te = {
     Ze.on("menu-show-request", (u) => {
       a !== u && l();
     });
-    const g = () => o.value.elementSize(), p = () => o.value?.itemsCount(), S = (u) => {
+    const g = () => o.value.elementSize(), p = () => o.value?.itemsCount(), _ = (u) => {
       o.value?.selectNode(u);
     }, C = () => {
       o.value?.unSelect();
@@ -917,15 +917,15 @@ const Ze = Vo(), te = {
       o.value.expandAll();
     }, v = () => {
       o.value.collapseAll();
-    }, _ = () => {
+    }, D = () => {
       setTimeout(() => {
         const u = o.value?.$el;
         if (!u) return;
         const m = u.style.transform;
         u.style.transform = "";
-        const y = u.getBoundingClientRect(), D = window.innerHeight, R = window.innerWidth;
+        const y = u.getBoundingClientRect(), S = window.innerHeight, R = window.innerWidth;
         let Z = "";
-        if (y.bottom > D && (Z = `translateY(-${y.bottom - D + 10}px)`), y.right > R) {
+        if (y.bottom > S && (Z = `translateY(-${y.bottom - S + 10}px)`), y.right > R) {
           const ne = y.right - R + 10;
           Z = Z ? `${Z} translateX(-${ne}px)` : `translateX(-${ne}px)`;
         }
@@ -938,7 +938,7 @@ const Ze = Vo(), te = {
       elementSize: g,
       isShowed: d,
       itemsCount: p,
-      selectNode: S,
+      selectNode: _,
       unSelect: C,
       expandAll: E,
       collapseAll: v
@@ -955,12 +955,12 @@ const Ze = Vo(), te = {
     }), jn(() => {
       window.removeEventListener("scroll", $, !0), window.removeEventListener("resize", f);
     }), (u, m) => {
-      const y = Yn("click-outside");
+      const y = an("click-outside"), S = an("context-outside");
       return n.bodyAsParent ? (c(), H(Wr, {
         key: 0,
         to: "body"
       }, [
-        Q(s) ? He((c(), H(Ln, {
+        Q(s) ? He((c(), H(En, {
           key: 0,
           ref_key: "treeRef",
           ref: o,
@@ -973,12 +973,12 @@ const Ze = Vo(), te = {
           "before-item": n.beforeItem,
           "multi-select": n.multiSelect,
           search: n.search,
-          onExpand: _
+          onExpand: D
         }, null, 8, ["items", "no-select", "class", "style", "render-title", "before-item", "multi-select", "search"])), [
           [y, () => l()]
         ]) : L("", !0)
       ])) : (c(), b(pe, { key: 1 }, [
-        Q(s) ? He((c(), H(Ln, {
+        Q(s) ? He((c(), H(En, {
           key: 0,
           ref_key: "treeRef",
           ref: o,
@@ -991,9 +991,10 @@ const Ze = Vo(), te = {
           "before-item": n.beforeItem,
           "multi-select": n.multiSelect,
           search: n.search,
-          onExpand: _
+          onExpand: D
         }, null, 8, ["items", "no-select", "class", "style", "render-title", "before-item", "multi-select", "search"])), [
-          [y, () => l()]
+          [y, () => l()],
+          [S, () => l()]
         ]) : L("", !0)
       ], 64));
     };
@@ -1020,10 +1021,10 @@ const Ze = Vo(), te = {
       top: s.value + "px"
     })), l = async (p) => {
       p.preventDefault(), o.value = -1e4, s.value = -1e4, a.value.show(), await lt(), await lt();
-      const S = a.value.elementSize(), C = S.width;
+      const _ = a.value.elementSize(), C = _.width;
       document.querySelector(".context-menu"), a.value.collapseAll();
       const E = window.innerWidth, v = window.innerHeight;
-      o.value = p.clientX, s.value = p.clientY, p.clientX + C > E && (o.value = p.clientX - C), p.clientY + S.height > v && (s.value = p.clientY - S.height), o.value = Math.max(2, Math.min(o.value, E - C - 2)), s.value = Math.max(2, Math.min(s.value, v - S.height - 2));
+      o.value = p.clientX, s.value = p.clientY, p.clientX + C > E && (o.value = p.clientX - C), p.clientY + _.height > v && (s.value = p.clientY - _.height), o.value = Math.max(2, Math.min(o.value, E - C - 2)), s.value = Math.max(2, Math.min(s.value, v - _.height - 2));
     }, d = () => {
       a.value.hide();
     }, g = (p) => {
@@ -1032,7 +1033,7 @@ const Ze = Vo(), te = {
     return e({
       show: l,
       hide: d
-    }), (p, S) => (c(), H(qt, {
+    }), (p, _) => (c(), H(qt, {
       ref_key: "dMenuRef",
       ref: a,
       onSelect: g,
@@ -1046,7 +1047,7 @@ const Ze = Vo(), te = {
       "delay-click": n.delayClick
     }, null, 8, ["items", "style", "render-item-title", "before-item", "body-as-parent", "delay-click"]));
   }
-}, Ao = /* @__PURE__ */ Se(Fo, [["__scopeId", "data-v-0be7c666"]]), Ln = {
+}, Ao = /* @__PURE__ */ Se(Fo, [["__scopeId", "data-v-0be7c666"]]), En = {
   __name: "DTree",
   props: {
     items: Array,
@@ -1099,7 +1100,7 @@ const Ze = Vo(), te = {
   },
   emits: ["select", "collapse", "expand", "move", "over", "drop", "doubleclick", "foldericonclick", "openiconclick"],
   setup(r, { expose: e, emit: t }) {
-    const n = r, a = I(null), o = I(!1), s = I(null), i = pn().uid;
+    const n = r, a = I(null), o = I(!1), s = I(null), i = mn().uid;
     te.actions.initTreeStore(i, n.noSelect, n.multiSelect, n.expanded, n.transfer, n.renderTitle, n.beforeItem, n.dropInside);
     const l = (V, K) => {
       console.log(V, K);
@@ -1118,7 +1119,7 @@ const Ze = Vo(), te = {
         return ve.found = qe, qe.expanded = !0, !0;
       if (p(qe[he], K, q, he, ve))
         return qe.expanded = !0, !0;
-    }), ve.found) ? ve.found : !1, S = (V = null) => {
+    }), ve.found) ? ve.found : !1, _ = (V = null) => {
       te.mutations.setItemSelect(i, V.model), !n.doubleClickExpand && n.clickExpand && te.actions.toggleItem(i, V.model), t("select", V);
     }, C = (V = null) => {
       n.doubleClickExpand && te.actions.toggleItem(i, V.model), t("doubleclick", V);
@@ -1126,7 +1127,7 @@ const Ze = Vo(), te = {
       te.actions.toggleItem(i, V.model), t("foldericonclick", V);
     }, v = (V = null) => {
       t("over", V);
-    }, _ = (V = null) => {
+    }, D = (V = null) => {
       t("drop", V);
     }, x = () => a.value.elementSize(), $ = () => {
       for (let V = 0; V < n.items.length; V++)
@@ -1136,7 +1137,7 @@ const Ze = Vo(), te = {
         n.items[V].expanded = !1;
     }, u = () => i, m = (V) => te.actions.deepSearch(n.items, V), y = (V) => {
       m(V) && te.mutations.setItemSelect(i, m(V));
-    }, D = () => {
+    }, S = () => {
       te.mutations.unSelect(i);
     }, R = (V) => {
       n.contextClick({ e: V.e, model: V.model, target: s.value });
@@ -1155,7 +1156,7 @@ const Ze = Vo(), te = {
       selectNode: y,
       itemsCount: me,
       expandNode: g,
-      unSelect: D
+      unSelect: S
     }), (V, K) => (c(), H(zo, {
       ref_key: "treeRef",
       ref: a,
@@ -1170,10 +1171,10 @@ const Ze = Vo(), te = {
           treeId: Q(i),
           items: n.items,
           search: n.search,
-          onNodeclick: S,
+          onNodeclick: _,
           onNodedoubleclick: C,
           onNodedragover: v,
-          onNodedrop: _,
+          onNodedrop: D,
           onNodecontext: W,
           onNodefoldericonclick: E
         }, null, 8, ["model", "treeId", "items", "search"]))), 128)),
@@ -1205,7 +1206,7 @@ const Ze = Vo(), te = {
     const t = r, n = (a) => {
       e("move", a);
     };
-    return (a, o) => (c(), H(Ln, {
+    return (a, o) => (c(), H(En, {
       class: "accordion",
       items: t.items,
       "no-select": t.noSelect,
@@ -1298,8 +1299,8 @@ const Ze = Vo(), te = {
   },
   setup(r) {
     const e = r, t = P(() => {
-      const { fixed: n, top: a, zIndex: o, minWidth: s, height: i, paddingLeft: l, transitionDuration: d, transitionTimingFunction: g } = e, p = n ? "fixed" : "static", S = e.useMinWidthLayout ? `min-width: ${s}px;` : "";
-      return `position:${p};top:${a}px;z-index:${o};${S}height:${i}px;padding-left:${l}px;transition-duration:${d}ms;transition-timing-function:${g};`;
+      const { fixed: n, top: a, zIndex: o, minWidth: s, height: i, paddingLeft: l, transitionDuration: d, transitionTimingFunction: g } = e, p = n ? "fixed" : "static", _ = e.useMinWidthLayout ? `min-width: ${s}px;` : "";
+      return `position:${p};top:${a}px;z-index:${o};${_}height:${i}px;padding-left:${l}px;transition-duration:${d}ms;transition-timing-function:${g};`;
     });
     return (n, a) => (c(), b("div", {
       class: "d-layout-tab",
@@ -1565,16 +1566,16 @@ const qo = 1001, Uo = 999, Xo = 998, Bm = {
         e("update:sidebar-collapse", m);
       }
     });
-    function S() {
+    function _() {
       e("sidebar-mask-click");
     }
     const C = P(() => t.isMobile && !p.value), E = P(() => {
       const { transitionDuration: m, transitionTimingFunction: y } = t;
       return `background-color:${t.maskBg};transition-duration:${m}ms;transition-timing-function:${y};`;
     }), v = P(() => {
-      const { sidebarWidth: m, sidebarCollapsedWidth: y } = t, D = t.isMobile ? 0 : y, R = p.value ? D : m;
+      const { sidebarWidth: m, sidebarCollapsedWidth: y } = t, S = t.isMobile ? 0 : y, R = p.value ? S : m;
       return t.sidebarVisible ? R : 0;
-    }), _ = P(() => t.isMobile ? 0 : v.value), x = P(() => d.value ? _.value : 0), $ = P(
+    }), D = P(() => t.isMobile ? 0 : v.value), x = P(() => d.value ? D.value : 0), $ = P(
       () => !t.isMobile && !d.value && t.headerVisible ? t.headerHeight : 0
     ), f = P(() => {
       let m = 0;
@@ -1603,7 +1604,7 @@ const qo = 1001, Uo = 999, Xo = 998, Bm = {
         "min-width": r.minWidth,
         top: r.headerHeight,
         height: r.tabHeight,
-        "padding-left": _.value,
+        "padding-left": D.value,
         style: s.value
       }), {
         default: X(() => [
@@ -1625,12 +1626,12 @@ const qo = 1001, Uo = 999, Xo = 998, Bm = {
         key: 3,
         class: "d-layout-sidebar-mask",
         style: ue(E.value),
-        onClick: S
+        onClick: _
       }, null, 4)) : L("", !0),
       F(jo, wt(l.value, {
         "padding-top": f.value,
         "padding-bottom": u.value,
-        "padding-left": _.value,
+        "padding-left": D.value,
         "overflow-hidden": r.addMainOverflowHidden
       }), {
         default: X(() => [
@@ -1643,7 +1644,7 @@ const qo = 1001, Uo = 999, Xo = 998, Bm = {
         "z-index": Xo,
         "min-width": r.minWidth,
         height: r.footerHeight,
-        "padding-left": _.value,
+        "padding-left": D.value,
         style: i.value
       }), {
         default: X(() => [
@@ -1654,7 +1655,7 @@ const qo = 1001, Uo = 999, Xo = 998, Bm = {
     ], 4));
   }
 }, xt = {
-  state: fn({
+  state: pn({
     theme: "dark"
   }),
   getters: {
@@ -1769,9 +1770,9 @@ const qo = 1001, Uo = 999, Xo = 998, Bm = {
       show: s,
       hide: i
     }), (l, d) => {
-      const g = Yn("keydown");
+      const g = an("keydown");
       return c(), H(Wr, { to: "body" }, [
-        F(Bn, { name: "fade" }, {
+        F(Yn, { name: "fade" }, {
           default: X(() => [
             o.value ? He((c(), b("div", {
               key: 0,
@@ -1847,7 +1848,7 @@ const ns = Ge({
   }
 });
 function rs(r, e, t, n, a, o) {
-  return c(), H(Bn, Yr(jr(r.transitionAttrs)), {
+  return c(), H(Yn, Yr(jr(r.transitionAttrs)), {
     default: X(() => [
       r.dialogRef && r.dialogRef.wrapper === r.name ? (c(), H(Ae(r.dialogRef.dialog), wt({ key: 0 }, r.dialogRef.props, { ref: "dialogInstance" }), null, 16)) : L("", !0)
     ]),
@@ -1962,8 +1963,8 @@ const os = { style: { display: "flex", "flex-direction": "row", "justify-content
         return;
       }
       o.value.show(), t("open"), lt(() => {
-        const E = o.value.elementSize(), v = s.value.elementSize(), _ = window.innerWidth, x = window.innerHeight;
-        i.value = _ - (v.x + v.width) < E.width ? v.left - E.width + v.width : v.left, l.value = x - (v.y + v.height) < E.height ? v.top - E.height - 5 : v.height + v.top + 5;
+        const E = o.value.elementSize(), v = s.value.elementSize(), D = window.innerWidth, x = window.innerHeight;
+        i.value = D - (v.x + v.width) < E.width ? v.left - E.width + v.width : v.left, l.value = x - (v.y + v.height) < E.height ? v.top - E.height - 5 : v.height + v.top + 5;
       });
     }, g = (C) => {
       t("select", C);
@@ -1971,9 +1972,9 @@ const os = { style: { display: "flex", "flex-direction": "row", "justify-content
     e({
       show: d
     });
-    const S = (C) => !!a[C];
+    const _ = (C) => !!a[C];
     return (C, E) => (c(), b("div", us, [
-      S("default") ? (c(), H(fe, {
+      _("default") ? (c(), H(fe, {
         key: 0,
         ref_key: "buttonRef",
         ref: s,
@@ -2052,14 +2053,14 @@ class ys {
     this.start = Date.now(), clearTimeout(this.notifyItem.timer), this.notifyItem.timer = setTimeout(this.callback, this.remaining);
   }
 }
-const Cn = "[-+]?[0-9]*.?[0-9]+", xr = [
+const $n = "[-+]?[0-9]*.?[0-9]+", xr = [
   {
     name: "px",
-    regexp: new RegExp(`^${Cn}px$`)
+    regexp: new RegExp(`^${$n}px$`)
   },
   {
     name: "%",
-    regexp: new RegExp(`^${Cn}%$`)
+    regexp: new RegExp(`^${$n}%$`)
   },
   /**
    * Fallback option
@@ -2067,7 +2068,7 @@ const Cn = "[-+]?[0-9]*.?[0-9]+", xr = [
    */
   {
     name: "px",
-    regexp: new RegExp(`^${Cn}$`)
+    regexp: new RegExp(`^${$n}$`)
   }
 ], bs = (r) => {
   if (r === "auto")
@@ -2105,7 +2106,7 @@ const Cn = "[-+]?[0-9]*.?[0-9]+", xr = [
   return r.forEach((n) => {
     kr.y.has(n) && (t = n), kr.x.has(n) && (e = n);
   }), { x: e, y: t };
-}, $n = {
+}, Mn = {
   position: ["top", "right"],
   cssAnimation: "fade",
   velocityAnimation: {
@@ -2181,7 +2182,7 @@ const Cn = "[-+]?[0-9]*.?[0-9]+", xr = [
     },
     position: {
       type: [String, Array, null],
-      default: $n.position
+      default: Mn.position
     },
     classes: {
       type: String,
@@ -2193,11 +2194,11 @@ const Cn = "[-+]?[0-9]*.?[0-9]+", xr = [
     },
     animation: {
       type: [String, Object],
-      default: $n.velocityAnimation
+      default: Mn.velocityAnimation
     },
     animationName: {
       type: String,
-      default: $n.cssAnimation
+      default: Mn.cssAnimation
     },
     speed: {
       type: Number,
@@ -2242,13 +2243,13 @@ const Cn = "[-+]?[0-9]*.?[0-9]+", xr = [
         width: ie + V
       };
       return me && (K[me] = "0px"), W && (W === "center" ? K.left = `calc(50% - ${+ie / 2}${V})` : K[W] = "0px"), K;
-    }), S = P(() => "bottom" in p.value), C = (W) => {
+    }), _ = P(() => "bottom" in p.value), C = (W) => {
       e("click", W), t.closeOnClick && u(W);
     }, E = () => {
       t.pauseOnHover && o.value?.pause();
     }, v = () => {
       t.pauseOnHover && o.value?.resume();
-    }, _ = (W) => {
+    }, D = (W) => {
       if (W.group ||= "", W.data ||= {}, t.group !== W.group)
         return;
       if (W.clean || W.clear) {
@@ -2266,7 +2267,7 @@ const Cn = "[-+]?[0-9]*.?[0-9]+", xr = [
         data: ve
       };
       me >= 0 && (o.value = new ys(() => u(we), we.length, we));
-      const _e = t.reverse ? !S.value : S.value;
+      const _e = t.reverse ? !_.value : _.value;
       let Ue = -1;
       const J = d.value.some((O) => O.title === W.title && O.text === W.text);
       (!V || !J) && (_e ? (a.value.push(we), e("start", we), d.value.length > t.max && (Ue = 0)) : (a.value.unshift(we), e("start", we), d.value.length > t.max && (Ue = d.value.length - 1)), Ue !== -1 && u(d.value[Ue]));
@@ -2283,13 +2284,13 @@ const Cn = "[-+]?[0-9]*.?[0-9]+", xr = [
       me && u(me);
     }, y = () => {
       d.value.forEach(u);
-    }, D = (W, me) => {
+    }, S = (W, me) => {
       const ie = t.animation?.[W];
       return typeof ie == "function" ? ie(me) : ie;
     }, R = (W, me) => {
       if (!i.value)
         return;
-      const ie = D("enter", W);
+      const ie = S("enter", W);
       s.value(W, ie, {
         duration: t.speed,
         complete: me
@@ -2297,7 +2298,7 @@ const Cn = "[-+]?[0-9]*.?[0-9]+", xr = [
     }, Z = (W, me) => {
       if (!i.value)
         return;
-      const ie = D("leave", W);
+      const ie = S("leave", W);
       s.value(W, ie, {
         duration: t.speed,
         complete: me
@@ -2307,7 +2308,7 @@ const Cn = "[-+]?[0-9]*.?[0-9]+", xr = [
       a.value = a.value.filter((W) => W.state !== n.DESTROYED);
     }
     return Be(() => {
-      Ze.on("notification-add", _), Ze.on("notification-close", x);
+      Ze.on("notification-add", D), Ze.on("notification-close", x);
     }), (W, me) => (c(), b("div", {
       class: "d-notification-group",
       style: ue(p.value)
@@ -2406,7 +2407,7 @@ const Cn = "[-+]?[0-9]*.?[0-9]+", xr = [
       ])
     ], 6));
   }
-}, zs = { class: "d-checkbox" }, Fs = ["id", "checked", "disabled"], As = ["for"], on = {
+}, zs = { class: "d-checkbox" }, Fs = ["id", "checked", "disabled"], As = ["for"], sn = {
   __name: "DCheckbox",
   props: {
     label: String,
@@ -2420,7 +2421,7 @@ const Cn = "[-+]?[0-9]*.?[0-9]+", xr = [
   },
   emits: ["update:modelValue"],
   setup(r, { emit: e }) {
-    const t = r, a = pn().uid, o = P({
+    const t = r, a = mn().uid, o = P({
       get: () => t.modelValue,
       set: (s) => {
         e("update:modelValue", s);
@@ -2559,8 +2560,8 @@ class Js {
     return "";
   }
 }
-const mn = new Js();
-var ei = typeof global == "object" && global && global.Object === Object && global, ti = typeof self == "object" && self && self.Object === Object && self, Zr = ei || ti || Function("return this")(), sn = Zr.Symbol, Jr = Object.prototype, ni = Jr.hasOwnProperty, ri = Jr.toString, Vt = sn ? sn.toStringTag : void 0;
+const hn = new Js();
+var ei = typeof global == "object" && global && global.Object === Object && global, ti = typeof self == "object" && self && self.Object === Object && self, Zr = ei || ti || Function("return this")(), ln = Zr.Symbol, Jr = Object.prototype, ni = Jr.hasOwnProperty, ri = Jr.toString, Vt = ln ? ln.toStringTag : void 0;
 function ai(r) {
   var e = ni.call(r, Vt), t = r[Vt];
   try {
@@ -2575,7 +2576,7 @@ var oi = Object.prototype, si = oi.toString;
 function ii(r) {
   return si.call(r);
 }
-var li = "[object Null]", ui = "[object Undefined]", Sr = sn ? sn.toStringTag : void 0;
+var li = "[object Null]", ui = "[object Undefined]", Sr = ln ? ln.toStringTag : void 0;
 function ci(r) {
   return r == null ? r === void 0 ? ui : li : Sr && Sr in Object(r) ? ai(r) : ii(r);
 }
@@ -2596,7 +2597,7 @@ var vi = /^\s+/;
 function gi(r) {
   return r && r.slice(0, hi(r) + 1).replace(vi, "");
 }
-function En(r) {
+function In(r) {
   var e = typeof r;
   return r != null && (e == "object" || e == "function");
 }
@@ -2606,9 +2607,9 @@ function Dr(r) {
     return r;
   if (pi(r))
     return _r;
-  if (En(r)) {
+  if (In(r)) {
     var e = typeof r.valueOf == "function" ? r.valueOf() : r;
-    r = En(e) ? e + "" : e;
+    r = In(e) ? e + "" : e;
   }
   if (typeof r != "string")
     return r === 0 ? r : +r;
@@ -2616,47 +2617,47 @@ function Dr(r) {
   var t = bi.test(r);
   return t || wi.test(r) ? xi(r.slice(2), t ? 2 : 8) : yi.test(r) ? _r : +r;
 }
-var Mn = function() {
+var Tn = function() {
   return Zr.Date.now();
 }, ki = "Expected a function", Si = Math.max, _i = Math.min;
 function Di(r, e, t) {
-  var n, a, o, s, i, l, d = 0, g = !1, p = !1, S = !0;
+  var n, a, o, s, i, l, d = 0, g = !1, p = !1, _ = !0;
   if (typeof r != "function")
     throw new TypeError(ki);
-  e = Dr(e) || 0, En(t) && (g = !!t.leading, p = "maxWait" in t, o = p ? Si(Dr(t.maxWait) || 0, e) : o, S = "trailing" in t ? !!t.trailing : S);
+  e = Dr(e) || 0, In(t) && (g = !!t.leading, p = "maxWait" in t, o = p ? Si(Dr(t.maxWait) || 0, e) : o, _ = "trailing" in t ? !!t.trailing : _);
   function C(y) {
-    var D = n, R = a;
-    return n = a = void 0, d = y, s = r.apply(R, D), s;
+    var S = n, R = a;
+    return n = a = void 0, d = y, s = r.apply(R, S), s;
   }
   function E(y) {
     return d = y, i = setTimeout(x, e), g ? C(y) : s;
   }
   function v(y) {
-    var D = y - l, R = y - d, Z = e - D;
+    var S = y - l, R = y - d, Z = e - S;
     return p ? _i(Z, o - R) : Z;
   }
-  function _(y) {
-    var D = y - l, R = y - d;
-    return l === void 0 || D >= e || D < 0 || p && R >= o;
+  function D(y) {
+    var S = y - l, R = y - d;
+    return l === void 0 || S >= e || S < 0 || p && R >= o;
   }
   function x() {
-    var y = Mn();
-    if (_(y))
+    var y = Tn();
+    if (D(y))
       return $(y);
     i = setTimeout(x, v(y));
   }
   function $(y) {
-    return i = void 0, S && n ? C(y) : (n = a = void 0, s);
+    return i = void 0, _ && n ? C(y) : (n = a = void 0, s);
   }
   function f() {
     i !== void 0 && clearTimeout(i), d = 0, n = l = a = i = void 0;
   }
   function u() {
-    return i === void 0 ? s : $(Mn());
+    return i === void 0 ? s : $(Tn());
   }
   function m() {
-    var y = Mn(), D = _(y);
-    if (n = arguments, a = this, l = y, D) {
+    var y = Tn(), S = D(y);
+    if (n = arguments, a = this, l = y, S) {
       if (i === void 0)
         return E(l);
       if (p)
@@ -2724,20 +2725,20 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
     const n = r, a = ct(), o = I(""), s = St(), i = I(!1), l = I(!1), d = I(null);
     //!props.form ? ref(null) : props.form.fields[props.name].ref
     const g = Di(() => {
-      _();
+      D();
     }, 300), p = P({
       get: () => n.modelValue,
       //props.form?.fields[props.name].model.value,
-      set: (D) => {
-        t("update:modelValue", D);
+      set: (S) => {
+        t("update:modelValue", S);
       }
-    }), S = P(() => n.type), C = P(() => n.scale), E = (D) => {
-      t("input", D), g();
-    }, v = (D) => {
-      t("change", D), g.cancel(), _();
-    }, _ = () => {
+    }), _ = P(() => n.type), C = P(() => n.scale), E = (S) => {
+      t("input", S), g();
+    }, v = (S) => {
+      t("change", S), g.cancel(), D();
+    }, D = () => {
       if (!(!n.form || !n.form.fields || !n.form.fields[n.name].rules))
-        return o.value = mn.validate(p.value, n.form.fields[n.name].rules), !!o.value;
+        return o.value = hn.validate(p.value, n.form.fields[n.name].rules), !!o.value;
     };
     Be(() => {
       l.value = n.readonly, !n.autocomplete && !l.value && (l.value = !0, setTimeout(() => {
@@ -2748,19 +2749,19 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
       d.value?.focus();
     }, $ = () => {
       p.value = "", t("update:modelValue", ""), t("input", ""), t("clear");
-    }, f = (D) => {
-      i.value = D;
-    }, u = (D) => {
-      o.value = D;
-    }, m = (D) => {
-      t("blur", D), g.cancel(), _();
+    }, f = (S) => {
+      i.value = S;
+    }, u = (S) => {
+      o.value = S;
+    }, m = (S) => {
+      t("blur", S), g.cancel(), D();
     };
     return e({
       focus: x,
       setError: u,
-      validate: _,
+      validate: D,
       getRef: () => d
-    }), (D, R) => (c(), b("div", {
+    }), (S, R) => (c(), b("div", {
       class: ae(["d-input-string", C.value])
     }, [
       T("div", Ci, [
@@ -2770,7 +2771,7 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
         ])) : L("", !0),
         T("div", Ti, [
           Q(a).pre ? (c(), b("div", Pi, [
-            le(D.$slots, "pre")
+            le(S.$slots, "pre")
           ])) : L("", !0),
           T("div", Oi, [
             He(T("input", {
@@ -2779,7 +2780,7 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
               ref: d,
               "onUpdate:modelValue": R[0] || (R[0] = (Z) => p.value = Z),
               style: ue([{ width: "100%" }, n.inputStyle]),
-              type: S.value,
+              type: _.value,
               inputmode: r.inputMode,
               enterkeyhint: r.enterKeyHint,
               placeholder: n.placeholder,
@@ -2811,7 +2812,7 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
             }, Ii)) : L("", !0)
           ]),
           Q(a).post ? (c(), b("div", Vi, [
-            le(D.$slots, "post")
+            le(S.$slots, "post")
           ])) : L("", !0)
         ]),
         n.help ? (c(), b("div", {
@@ -2877,13 +2878,13 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
               F(et, {
                 style: { width: "100px" },
                 modelValue: a.value,
-                "onUpdate:modelValue": p[0] || (p[0] = (S) => a.value = S),
+                "onUpdate:modelValue": p[0] || (p[0] = (_) => a.value = _),
                 type: "text",
                 placeholder: "000",
                 maxlength: "3",
                 class: "text-center font-mono",
                 onInput: l,
-                onKeyup: p[1] || (p[1] = Xr((S) => i() && d(), ["enter"])),
+                onKeyup: p[1] || (p[1] = Xr((_) => i() && d(), ["enter"])),
                 focus: !0
               }, null, 8, ["modelValue"])
             ]),
@@ -2893,7 +2894,7 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
         "modal-footer": X(() => [
           T("div", ji, [
             F(fe, {
-              onClick: p[2] || (p[2] = (S) => Q(Tt)()),
+              onClick: p[2] || (p[2] = (_) => Q(Tt)()),
               disabled: !i()
             }, {
               default: X(() => [
@@ -2903,7 +2904,7 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
             }, 8, ["disabled"]),
             F(fe, {
               class: "button-red",
-              onClick: p[3] || (p[3] = (S) => Q(Tt)(!1))
+              onClick: p[3] || (p[3] = (_) => Q(Tt)(!1))
             }, {
               default: X(() => [
                 se("Нет")
@@ -2931,7 +2932,7 @@ const Qm = {
 }, Ui = { class: "d-select" }, Xi = {
   key: 0,
   class: "label"
-}, Gi = ["disabled", "size"], Qi = ["value", "selected", "disabled"], In = {
+}, Gi = ["disabled", "size"], Qi = ["value", "selected", "disabled"], Vn = {
   __name: "DSelect",
   props: {
     label: String,
@@ -3038,7 +3039,7 @@ const Qm = {
       setSelectedIndex: (p) => {
         s(p);
       }
-    }), (p, S) => (c(), b(pe, null, [
+    }), (p, _) => (c(), b(pe, null, [
       T("div", al, [
         (c(!0), b(pe, null, Ce(n.value, (C, E) => (c(), H(rl, {
           index: E,
@@ -3053,7 +3054,7 @@ const Qm = {
             ref_for: !0,
             ref: i
           }, null, 512)), [
-            [On, E === o.value]
+            [Ln, E === o.value]
           ])
         ]))), 256))
       ], 1024))
@@ -3127,7 +3128,7 @@ const Qm = {
     ], 6));
   }
 }, Zm = /* @__PURE__ */ Se(sl, [["__scopeId", "data-v-b34349b2"]]), B = {
-  state: fn({}),
+  state: pn({}),
   getters: {
     getItems(r) {
       let e = B.state[r].items.slice();
@@ -3187,7 +3188,7 @@ const Qm = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 24 24"
-}, hn = Ge({
+}, vn = Ge({
   name: "KeyboardArrowLeftSharp",
   render: function(e, t) {
     return c(), b(
@@ -3211,7 +3212,7 @@ const Qm = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 24 24"
-}, vn = Ge({
+}, gn = Ge({
   name: "KeyboardArrowRightSharp",
   render: function(e, t) {
     return c(), b(
@@ -3365,8 +3366,8 @@ const Qm = {
     const t = r;
     Ke.mutations.addIcons({
       KeyboardDoubleArrowLeftSharp: cl,
-      KeyboardArrowLeftSharp: hn,
-      KeyboardArrowRightSharp: vn,
+      KeyboardArrowLeftSharp: vn,
+      KeyboardArrowRightSharp: gn,
       KeyboardDoubleArrowRightSharp: fl
     });
     const n = P({
@@ -3515,19 +3516,19 @@ const Qm = {
       }) : v.value.forEach((y) => {
         B.mutations.unSelect(n.id, y.id);
       });
-    }, S = (m) => B.getters.getSelected(n.id).includes(m), C = (m, y) => {
+    }, _ = (m) => B.getters.getSelected(n.id).includes(m), C = (m, y) => {
       m.target.checked ? (B.mutations.addSelect(n.id, y), t("check", { grid: n.id, id: y })) : (B.mutations.unSelect(n.id, y), t("uncheck", { grid: n.id, id: y }));
     }, E = P(() => v.value.length === 0 ? !1 : v.value.every(
       (m) => B.getters.getSelected(n.id).includes(m.id)
     )), v = P(() => {
       const m = a.value * o.value - o.value, y = a.value * o.value - 1;
-      let D = B.getters.getItems(n.id);
+      let S = B.getters.getItems(n.id);
       for (let Z = 0; Z < n.columns.length; Z++) {
         const ne = n.columns[Z], W = l.value[ne.key];
-        W && (Array.isArray(ne.search) ? D = D.filter((me) => String(me[ne.key]) === String(W)) : (ne.search === "string" || ne.search === "number") && (D = D.filter((me) => me[ne.key] && me[ne.key].toString().toUpperCase().includes(W.toString().toUpperCase()))));
+        W && (Array.isArray(ne.search) ? S = S.filter((me) => String(me[ne.key]) === String(W)) : (ne.search === "string" || ne.search === "number") && (S = S.filter((me) => me[ne.key] && me[ne.key].toString().toUpperCase().includes(W.toString().toUpperCase()))));
       }
-      return D.slice(m, y + 1);
-    }), _ = P(() => {
+      return S.slice(m, y + 1);
+    }), D = P(() => {
       let m = [];
       for (let y in n.perPageOptions)
         m.push({ label: n.perPageOptions[y], value: n.perPageOptions[y].toString() });
@@ -3547,21 +3548,21 @@ const Qm = {
           T("thead", wl, [
             T("tr", xl, [
               n.selectable === "check" ? (c(), b("th", kl, [
-                F(on, {
+                F(sn, {
                   checked: E.value,
-                  onChange: y[0] || (y[0] = (D) => p(D))
+                  onChange: y[0] || (y[0] = (S) => p(S))
                 }, null, 8, ["checked"])
               ])) : L("", !0),
-              (c(!0), b(pe, null, Ce(n.columns, (D) => (c(), b("th", {
-                key: D.key,
-                onClick: (R) => g(R, D.key),
+              (c(!0), b(pe, null, Ce(n.columns, (S) => (c(), b("th", {
+                key: S.key,
+                onClick: (R) => g(R, S.key),
                 class: "d-cell",
-                style: ue(D.style)
+                style: ue(S.style)
               }, [
                 T("div", _l, [
-                  T("div", null, G(D.title), 1),
-                  Q(B).getters.getSortField(n.id) === D.key && Q(B).getters.getSortDirection(n.id) === "asc" ? (c(), b("svg", Dl, $l)) : L("", !0),
-                  Q(B).getters.getSortField(n.id) === D.key && Q(B).getters.getSortDirection(n.id) === "desc" ? (c(), b("svg", Ml, Pl)) : L("", !0)
+                  T("div", null, G(S.title), 1),
+                  Q(B).getters.getSortField(n.id) === S.key && Q(B).getters.getSortDirection(n.id) === "asc" ? (c(), b("svg", Dl, $l)) : L("", !0),
+                  Q(B).getters.getSortField(n.id) === S.key && Q(B).getters.getSortDirection(n.id) === "desc" ? (c(), b("svg", Ml, Pl)) : L("", !0)
                 ])
               ], 12, Sl))), 128))
             ])
@@ -3569,50 +3570,50 @@ const Qm = {
           T("tbody", Ol, [
             T("tr", Ll, [
               n.selectable === "check" ? (c(), b("td", El)) : L("", !0),
-              (c(!0), b(pe, null, Ce(n.columns, (D, R) => (c(), b("td", {
+              (c(!0), b(pe, null, Ce(n.columns, (S, R) => (c(), b("td", {
                 key: R,
                 class: "d-cell"
               }, [
-                Object.hasOwn(D, "search") && D.search === "string" ? (c(), H(et, {
+                Object.hasOwn(S, "search") && S.search === "string" ? (c(), H(et, {
                   key: 0,
-                  modelValue: l.value[D.key],
-                  "onUpdate:modelValue": (Z) => l.value[D.key] = Z,
+                  modelValue: l.value[S.key],
+                  "onUpdate:modelValue": (Z) => l.value[S.key] = Z,
                   placeholder: "Поиск..."
                 }, null, 8, ["modelValue", "onUpdate:modelValue"])) : L("", !0),
-                Object.hasOwn(D, "search") && D.search === "number" ? (c(), H(et, {
+                Object.hasOwn(S, "search") && S.search === "number" ? (c(), H(et, {
                   key: 1,
-                  modelValue: l.value[D.key],
-                  "onUpdate:modelValue": (Z) => l.value[D.key] = Z,
+                  modelValue: l.value[S.key],
+                  "onUpdate:modelValue": (Z) => l.value[S.key] = Z,
                   placeholder: "Поиск...",
                   type: "number"
                 }, null, 8, ["modelValue", "onUpdate:modelValue"])) : L("", !0),
-                Object.hasOwn(D, "search") && typeof D.search == "function" ? (c(), H(Ae(D.search()), { key: 2 })) : L("", !0),
-                Object.hasOwn(D, "search") && Array.isArray(D.search) ? (c(), H(In, {
+                Object.hasOwn(S, "search") && typeof S.search == "function" ? (c(), H(Ae(S.search()), { key: 2 })) : L("", !0),
+                Object.hasOwn(S, "search") && Array.isArray(S.search) ? (c(), H(Vn, {
                   key: 3,
-                  modelValue: l.value[D.key],
-                  "onUpdate:modelValue": (Z) => l.value[D.key] = Z,
+                  modelValue: l.value[S.key],
+                  "onUpdate:modelValue": (Z) => l.value[S.key] = Z,
                   size: "wide",
-                  options: [{ label: "Все", value: "" }, ...D.search]
+                  options: [{ label: "Все", value: "" }, ...S.search]
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : L("", !0)
               ]))), 128))
             ]),
-            (c(!0), b(pe, null, Ce(v.value, (D) => (c(), b("tr", {
-              key: D.id,
-              class: ae(["d-row", Q(B).getters.getSelected(n.id).includes(D.id) ? "active" : ""]),
-              onClick: (R) => x(D)
+            (c(!0), b(pe, null, Ce(v.value, (S) => (c(), b("tr", {
+              key: S.id,
+              class: ae(["d-row", Q(B).getters.getSelected(n.id).includes(S.id) ? "active" : ""]),
+              onClick: (R) => x(S)
             }, [
               n.selectable === "check" ? (c(), b("td", Vl, [
-                F(on, {
-                  checked: S(D.id),
-                  onChange: (R) => C(R, D.id)
+                F(sn, {
+                  checked: _(S.id),
+                  onChange: (R) => C(R, S.id)
                 }, null, 8, ["checked", "onChange"])
               ])) : L("", !0),
               (c(!0), b(pe, null, Ce(n.columns, (R, Z) => (c(), b("td", {
                 key: Z,
                 class: "d-cell",
-                onPointerdownCapture: (ne) => f(ne, D)
+                onPointerdownCapture: (ne) => f(ne, S)
               }, [
-                R.render ? (c(), H(Ae(R.render(D, R.key)), { key: 0 })) : (c(), b("div", Fl, G(D[R.key]), 1))
+                R.render ? (c(), H(Ae(R.render(S, R.key)), { key: 0 })) : (c(), b("div", Fl, G(S[R.key]), 1))
               ], 40, zl))), 128))
             ], 10, Il))), 128))
           ])
@@ -3621,16 +3622,16 @@ const Qm = {
       n.footerShow ? (c(), b("div", Al, [
         F(ta, {
           modelValue: a.value,
-          "onUpdate:modelValue": y[1] || (y[1] = (D) => a.value = D),
+          "onUpdate:modelValue": y[1] || (y[1] = (S) => a.value = S),
           "total-records": Q(B).getters.getItems(n.id).length,
           "per-page": parseInt(o.value)
         }, null, 8, ["modelValue", "total-records", "per-page"]),
         T("div", Hl, [
           T("div", Rl, G(n.pageReport.replace("{startCount}", a.value * o.value - o.value + 1).replace("{endCount}", a.value * o.value - o.value + v.value.length).replace("{totalCount}", Q(B).getters.getItems(n.id).length)), 1),
-          F(In, {
+          F(Vn, {
             modelValue: s.value,
-            "onUpdate:modelValue": y[2] || (y[2] = (D) => s.value = D),
-            options: _.value,
+            "onUpdate:modelValue": y[2] || (y[2] = (S) => s.value = S),
+            options: D.value,
             onChange: $
           }, null, 8, ["modelValue", "options"])
         ])
@@ -3664,7 +3665,7 @@ const Qm = {
       style: ue({ width: e.width, height: e.height, borderRadius: e.radius })
     }, null, 12, Nl)) : L("", !0);
   }
-}, Bl = /* @__PURE__ */ Nn('<svg class="svg-preloader" width="44" height="44" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg" data-v-996c91fb><g fill="none" fill-rule="evenodd" stroke-width="2" data-v-996c91fb><circle cx="22" cy="22" r="1" data-v-996c91fb><animate attributeName="r" begin="0s" dur="1.8s" values="1; 20" calcMode="spline" keyTimes="0; 1" keySplines="0.165, 0.84, 0.44, 1" repeatCount="indefinite" data-v-996c91fb></animate><animate attributeName="stroke-opacity" begin="0s" dur="1.8s" values="1; 0" calcMode="spline" keyTimes="0; 1" keySplines="0.3, 0.61, 0.355, 1" repeatCount="indefinite" data-v-996c91fb></animate></circle><circle cx="22" cy="22" r="1" data-v-996c91fb><animate attributeName="r" begin="-0.9s" dur="1.8s" values="1; 20" calcMode="spline" keyTimes="0; 1" keySplines="0.165, 0.84, 0.44, 1" repeatCount="indefinite" data-v-996c91fb></animate><animate attributeName="stroke-opacity" begin="-0.9s" dur="1.8s" values="1; 0" calcMode="spline" keyTimes="0; 1" keySplines="0.3, 0.61, 0.355, 1" repeatCount="indefinite" data-v-996c91fb></animate></circle></g></svg>', 1), Yl = [
+}, Bl = /* @__PURE__ */ Bn('<svg class="svg-preloader" width="44" height="44" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg" data-v-996c91fb><g fill="none" fill-rule="evenodd" stroke-width="2" data-v-996c91fb><circle cx="22" cy="22" r="1" data-v-996c91fb><animate attributeName="r" begin="0s" dur="1.8s" values="1; 20" calcMode="spline" keyTimes="0; 1" keySplines="0.165, 0.84, 0.44, 1" repeatCount="indefinite" data-v-996c91fb></animate><animate attributeName="stroke-opacity" begin="0s" dur="1.8s" values="1; 0" calcMode="spline" keyTimes="0; 1" keySplines="0.3, 0.61, 0.355, 1" repeatCount="indefinite" data-v-996c91fb></animate></circle><circle cx="22" cy="22" r="1" data-v-996c91fb><animate attributeName="r" begin="-0.9s" dur="1.8s" values="1; 20" calcMode="spline" keyTimes="0; 1" keySplines="0.165, 0.84, 0.44, 1" repeatCount="indefinite" data-v-996c91fb></animate><animate attributeName="stroke-opacity" begin="-0.9s" dur="1.8s" values="1; 0" calcMode="spline" keyTimes="0; 1" keySplines="0.3, 0.61, 0.355, 1" repeatCount="indefinite" data-v-996c91fb></animate></circle></g></svg>', 1), Yl = [
   Bl
 ], jl = ["width", "height", "title"], Wl = ["title"], ql = {
   __name: "DImageCover",
@@ -3699,23 +3700,23 @@ const Qm = {
         const {
           offsetX: g,
           offsetY: p,
-          width: S,
+          width: _,
           height: C
         } = d(t.width, t.height, l.width, l.height);
-        a.drawImage(l, g, p, S, C), e("loaded"), i.value = !1;
+        a.drawImage(l, g, p, _, C), e("loaded"), i.value = !1;
       } else
         s.value = l.src, e("loaded"), i.value = !1;
     }, l.onerror = () => {
       l.src = t.srcFail, e("loaded"), i.value = !1;
     };
-    const d = (g, p, S, C, E = 1, v = 0.5, _ = 0.5) => {
-      const x = S / C, $ = g / p;
+    const d = (g, p, _, C, E = 1, v = 0.5, D = 0.5) => {
+      const x = _ / C, $ = g / p;
       let f = g * E, u = p * E;
       return x < $ ? u = f / x : f = u * x, {
         width: f,
         height: u,
         offsetX: (g - f) * v,
-        offsetY: (p - u) * _
+        offsetY: (p - u) * D
       };
     };
     return Be(() => {
@@ -3746,7 +3747,7 @@ const Qm = {
         title: t.title,
         style: ue({ borderRadius: t.radius })
       }, null, 12, jl)), [
-        [On, !i.value]
+        [Ln, !i.value]
       ]) : He((c(), b("div", {
         key: 2,
         title: t.title,
@@ -3757,7 +3758,7 @@ const Qm = {
           borderRadius: t.radius
         }, { "background-size": "cover", "background-position": "center", display: "inline-block", transform: "translate3d(0px, 0px, 0.1px)", overflow: "hidden" }])
       }, null, 12, Wl)), [
-        [On, !i.value]
+        [Ln, !i.value]
       ])
     ], 4));
   }
@@ -3811,7 +3812,7 @@ const Qm = {
       }
     }), l = () => {
       if (!(!n.form || !n.form.fields || !n.form.fields[n.name].rules))
-        return a.value = mn.validate(i.value, n.form.fields[n.name].rules), !!a.value;
+        return a.value = hn.validate(i.value, n.form.fields[n.name].rules), !!a.value;
     };
     Be(() => {
       n.focus && d();
@@ -3822,7 +3823,7 @@ const Qm = {
       o.value.style.height = "auto";
     }, p = ($) => {
       t("input", $), n.autoHeight && (o.value.style.overflow = "hidden", o.value.style.minHeight = n.minHeight, o.value.style.maxHeight = n.maxHeight, o.value.style.height = "auto", o.value.style.height = `${o.value.scrollHeight}px`), l();
-    }, S = () => {
+    }, _ = () => {
       n.autoHeight && (o.value.style.height = "auto", o.value.style.height = `${o.value.scrollHeight}px`);
     }, C = () => o, E = ($) => {
       t("change", $);
@@ -3835,7 +3836,7 @@ const Qm = {
       validate: l,
       getRef: () => o,
       reset: g,
-      update: S,
+      update: _,
       element: C,
       blur: ($) => {
         t("blur", $);
@@ -3849,7 +3850,7 @@ const Qm = {
         ref_key: "inputRef",
         ref: o,
         "onUpdate:modelValue": f[0] || (f[0] = (u) => i.value = u),
-        "on:update:modelValue": S,
+        "on:update:modelValue": _,
         onInput: p,
         onChange: E,
         rows: n.rows,
@@ -3948,11 +3949,11 @@ const Qm = {
       set: (u) => {
         t("update:modelValue", u);
       }
-    }), S = P(() => n.scale), C = (u) => {
+    }), _ = P(() => n.scale), C = (u) => {
       t("input", u), E();
     }, E = () => {
       if (!(!n.form || !n.form.fields || !n.form.fields[n.name].rules))
-        return o.value = mn.validate(p.value, n.form.fields[n.name].rules), !!o.value;
+        return o.value = hn.validate(p.value, n.form.fields[n.name].rules), !!o.value;
     };
     Be(() => {
       l.value = n.readonly, !n.autocomplete && !l.value && (l.value = !0, setTimeout(() => {
@@ -3961,7 +3962,7 @@ const Qm = {
     });
     const v = () => {
       g.value?.focus();
-    }, _ = () => {
+    }, D = () => {
       d.value = d.value === "password" ? "text" : "password";
     }, x = (u) => {
       i.value = u;
@@ -3975,7 +3976,7 @@ const Qm = {
       setError: $,
       validate: E
     }), (u, m) => (c(), b("div", {
-      class: ae(["d-input-string", S.value])
+      class: ae(["d-input-string", _.value])
     }, [
       T("div", tu, [
         n.label ? (c(), b("div", nu, [
@@ -4009,7 +4010,7 @@ const Qm = {
             n.toggleView ? (c(), b("div", {
               key: 0,
               class: "d-post-inside-button",
-              onClick: _
+              onClick: D
             }, [
               d.value === "password" ? (c(), b("svg", iu, uu)) : (c(), b("svg", cu, fu))
             ])) : L("", !0)
@@ -4038,7 +4039,7 @@ const Qm = {
   },
   emits: ["update:modelValue", "change"],
   setup(r, { emit: e }) {
-    const t = r, a = pn().uid, o = P({
+    const t = r, a = mn().uid, o = P({
       get: () => t.modelValue,
       set: (s) => {
         e("update:modelValue", s);
@@ -4079,7 +4080,7 @@ function Gn(r) {
   const e = document.createElement("canvas"), t = e.getContext("2d"), n = r * 2;
   return e.width = n, e.height = n, t.fillStyle = "#ffffff", t.fillRect(0, 0, n, n), t.fillStyle = "#ccd5db", t.fillRect(0, 0, r, r), t.fillRect(r, r, r, r), e;
 }
-function Vn(r, e, t, n, a, o) {
+function zn(r, e, t, n, a, o) {
   const s = r === "l", i = e.createLinearGradient(0, 0, s ? t : 0, s ? 0 : n);
   i.addColorStop(0.01, a), i.addColorStop(0.99, o), e.fillStyle = i, e.fillRect(0, 0, t, n);
 }
@@ -4145,7 +4146,7 @@ var Qn = Ge({
   methods: {
     renderColor() {
       const r = this.$refs.canvasSaturation, e = this.size, t = r.getContext("2d");
-      r.width = e, r.height = e, t.fillStyle = this.color, t.fillRect(0, 0, e, e), Vn("l", t, e, e, "#FFFFFF", "rgba(255,255,255,0)"), Vn("p", t, e, e, "rgba(0,0,0,0)", "#000000");
+      r.width = e, r.height = e, t.fillStyle = this.color, t.fillRect(0, 0, e, e), zn("l", t, e, e, "#FFFFFF", "rgba(255,255,255,0)"), zn("p", t, e, e, "rgba(0,0,0,0)", "#000000");
     },
     renderSlide() {
       this.slideSaturationStyle = {
@@ -4160,8 +4161,8 @@ var Qn = Ge({
           left: i - 5 + "px",
           top: l - 5 + "px"
         };
-        const d = n.getImageData(Math.min(i, this.size - 1), Math.min(l, this.size - 1), 1, 1), [g, p, S] = d.data;
-        this.$emit("selectSaturation", { r: g, g: p, b: S });
+        const d = n.getImageData(Math.min(i, this.size - 1), Math.min(l, this.size - 1), 1, 1), [g, p, _] = d.data;
+        this.$emit("selectSaturation", { r: g, g: p, b: _ });
       };
       a(r);
       const o = () => {
@@ -4330,7 +4331,7 @@ var Zn = Ge({
   methods: {
     renderColor() {
       const r = this.$refs.canvasAlpha, e = this.width, t = this.height, n = this.alphaSize, a = Gn(n), o = r.getContext("2d");
-      r.width = e, r.height = t, o.fillStyle = o.createPattern(a, "repeat"), o.fillRect(0, 0, e, t), Vn("p", o, e, t, "rgba(255,255,255,0)", this.color);
+      r.width = e, r.height = t, o.fillStyle = o.createPattern(a, "repeat"), o.fillRect(0, 0, e, t), zn("p", o, e, t, "rgba(255,255,255,0)", this.color);
     },
     renderSlide() {
       this.slideAlphaStyle = {
@@ -4457,7 +4458,7 @@ var er = Ge({
     },
     mousemoveHandler(r) {
       const { clientX: e, clientY: t } = r, { top: n, left: a, width: o, height: s } = this.suckerCanvas.getBoundingClientRect(), i = e - a, l = t - n, g = this.suckerCanvas.getContext("2d").getImageData(Math.min(i, o - 1), Math.min(l, s - 1), 1, 1);
-      let [p, S, C, E] = g.data;
+      let [p, _, C, E] = g.data;
       E = parseFloat((E / 255).toFixed(2));
       const v = this.suckerPreview.style;
       Object.assign(v, {
@@ -4469,7 +4470,7 @@ var er = Ge({
         borderRadius: "50%",
         border: "2px solid #fff",
         boxShadow: "0 0 8px 0 rgba(0, 0, 0, 0.16)",
-        background: `rgba(${p}, ${S}, ${C}, ${E})`,
+        background: `rgba(${p}, ${_}, ${C}, ${E})`,
         zIndex: 95
       }), this.suckerArea.length && // @ts-ignore
       e >= this.suckerArea[0] && // @ts-ignore
@@ -4480,8 +4481,8 @@ var er = Ge({
     suckColor(r) {
       r && r.tagName !== "CANVAS" || (this.suckerPreview = document.createElement("div"), this.suckerPreview && document.body.appendChild(this.suckerPreview), document.addEventListener("mousemove", this.mousemoveHandler), document.addEventListener("mouseup", this.mousemoveHandler), r.addEventListener("click", (e) => {
         const { clientX: t, clientY: n } = e, { top: a, left: o, width: s, height: i } = r.getBoundingClientRect(), l = t - o, d = n - a, p = r.getContext("2d").getImageData(Math.min(l, s - 1), Math.min(d, i - 1), 1, 1);
-        let [S, C, E, v] = p.data;
-        v = parseFloat((v / 255).toFixed(2)), this.$emit("selectSucker", { r: S, g: C, b: E, a: v });
+        let [_, C, E, v] = p.data;
+        v = parseFloat((v / 255).toFixed(2)), this.$emit("selectSucker", { r: _, g: C, b: E, a: v });
       }));
     }
   }
@@ -4906,7 +4907,7 @@ var Pt = Ge({
 });
 const Au = { class: "color-set" };
 function Hu(r, e, t, n, a, o) {
-  const s = mt("Saturation"), i = mt("Hue"), l = mt("Alpha"), d = mt("Preview"), g = mt("Sucker"), p = mt("Box"), S = mt("Colors");
+  const s = mt("Saturation"), i = mt("Hue"), l = mt("Alpha"), d = mt("Preview"), g = mt("Sucker"), p = mt("Box"), _ = mt("Colors");
   return c(), H(
     "div",
     {
@@ -4975,7 +4976,7 @@ function Hu(r, e, t, n, a, o) {
         onInputFocus: r.handleFocus,
         onInputBlur: r.handleBlur
       }, null, 8, ["color", "onInputColor", "onInputFocus", "onInputBlur"]),
-      F(S, {
+      F(_, {
         color: r.rgbaString,
         "colors-default": r.colorsDefault,
         "colors-history-key": r.colorsHistoryKey,
@@ -5036,18 +5037,18 @@ const Ru = /* @__PURE__ */ T("div", { class: "color-indicator" }, null, -1), Nu
       }
     }, g = () => {
       if (t.format === "rgba") {
-        const { r: p, g: S, b: C, a: E } = s.value;
-        n.value = `rgba(${p}, ${S}, ${C}, ${E})`;
+        const { r: p, g: _, b: C, a: E } = s.value;
+        n.value = `rgba(${p}, ${_}, ${C}, ${E})`;
       } else
         n.value = s.value;
       a.value.hide(), e("change", n.value);
     };
-    return (p, S) => (c(), b("div", null, [
+    return (p, _) => (c(), b("div", null, [
       F(et, {
         pre: d,
         label: t.label,
         modelValue: n.value,
-        "onUpdate:modelValue": S[0] || (S[0] = (C) => n.value = C),
+        "onUpdate:modelValue": _[0] || (_[0] = (C) => n.value = C),
         onClick: l,
         readonly: !0
       }, {
@@ -5076,7 +5077,7 @@ const Ru = /* @__PURE__ */ T("div", { class: "color-indicator" }, null, -1), Nu
         "modal-footer": X(() => [
           T("div", Nu, [
             F(fe, {
-              onClick: S[1] || (S[1] = (C) => a.value.hide())
+              onClick: _[1] || (_[1] = (C) => a.value.hide())
             }, {
               default: X(() => [
                 se(G(t.close), 1)
@@ -5108,15 +5109,15 @@ var Xe;
   r[r.None = -1] = "None", r[r.NoValue = 0] = "NoValue", r[r.LargeValue = 1] = "LargeValue", r[r.SmallValue = 2] = "SmallValue";
 })(Xe || (Xe = {}));
 function Yu(r) {
-  return ln(r) && typeof r.from == "function";
+  return un(r) && typeof r.from == "function";
 }
-function ln(r) {
+function un(r) {
   return typeof r == "object" && typeof r.to == "function";
 }
 function $r(r) {
   r.parentElement.removeChild(r);
 }
-function zn(r) {
+function Fn(r) {
   return r != null;
 }
 function Mr(r) {
@@ -5145,7 +5146,7 @@ function Tr(r, e, t) {
 function Pr(r) {
   return Math.max(Math.min(r, 100), 0);
 }
-function gn(r) {
+function yn(r) {
   return Array.isArray(r) ? r : [r];
 }
 function Uu(r) {
@@ -5203,11 +5204,11 @@ function Ku() {
 function rr(r, e) {
   return 100 / (e - r);
 }
-function Fn(r, e, t) {
+function An(r, e, t) {
   return e * 100 / (r[t + 1] - r[t]);
 }
 function Zu(r, e) {
-  return Fn(r, r[0] < 0 ? e + Math.abs(r[0]) : e - r[0], 0);
+  return An(r, r[0] < 0 ? e + Math.abs(r[0]) : e - r[0], 0);
 }
 function Ju(r, e) {
   return e * (r[1] - r[0]) / 100 + r[0];
@@ -5242,7 +5243,7 @@ var ra = (
       this.xPct = [], this.xVal = [], this.xSteps = [], this.xNumSteps = [], this.xHighestCompleteStep = [], this.xSteps = [n || !1], this.xNumSteps = [!1], this.snap = t;
       var a, o = [];
       for (Object.keys(e).forEach(function(s) {
-        o.push([gn(e[s]), s]);
+        o.push([yn(e[s]), s]);
       }), o.sort(function(s, i) {
         return s[0][0] - i[0][0];
       }), a = 0; a < o.length; a++)
@@ -5252,7 +5253,7 @@ var ra = (
     }
     return r.prototype.getDistance = function(e) {
       for (var t = [], n = 0; n < this.xNumSteps.length - 1; n++)
-        t[n] = Fn(this.xVal, e, n);
+        t[n] = An(this.xVal, e, n);
       return t;
     }, r.prototype.getAbsoluteDistance = function(e, t, n) {
       var a = 0;
@@ -5313,7 +5314,7 @@ var ra = (
           this.xSteps[e] = this.xHighestCompleteStep[e] = this.xVal[e];
           return;
         }
-        this.xSteps[e] = Fn([this.xVal[e], this.xVal[e + 1]], t, 0) / rr(this.xPct[e], this.xPct[e + 1]);
+        this.xSteps[e] = An([this.xVal[e], this.xVal[e + 1]], t, 0) / rr(this.xPct[e], this.xPct[e + 1]);
         var n = (this.xVal[e + 1] - this.xVal[e]) / this.xNumSteps[e], a = Math.ceil(Number(n.toFixed(3)) - 1), o = this.xVal[e] + this.xNumSteps[e] * a;
         this.xHighestCompleteStep[e] = o;
       }
@@ -5393,7 +5394,7 @@ function ic(r, e) {
   r.spectrum = new ra(e, r.snap || !1, r.singleStep);
 }
 function lc(r, e) {
-  if (e = gn(e), !Array.isArray(e) || !e.length)
+  if (e = yn(e), !Array.isArray(e) || !e.length)
     throw new Error("noUiSlider: 'start' option is incorrect.");
   r.handles = e.length, r.start = e;
 }
@@ -5502,15 +5503,15 @@ function vc(r, e) {
 }
 function gc(r, e) {
   if (e !== !1)
-    if (e === !0 || ln(e)) {
+    if (e === !0 || un(e)) {
       r.tooltips = [];
       for (var t = 0; t < r.handles; t++)
         r.tooltips.push(e);
     } else {
-      if (e = gn(e), e.length !== r.handles)
+      if (e = yn(e), e.length !== r.handles)
         throw new Error("noUiSlider: must pass a formatter for all handles.");
       e.forEach(function(n) {
-        if (typeof n != "boolean" && !ln(n))
+        if (typeof n != "boolean" && !un(n))
           throw new Error("noUiSlider: 'tooltips' must be passed a formatter or 'false'.");
       }), r.tooltips = e;
     }
@@ -5521,7 +5522,7 @@ function yc(r, e) {
   r.handleAttributes = e;
 }
 function bc(r, e) {
-  if (!ln(e))
+  if (!un(e))
     throw new Error("noUiSlider: 'ariaFormat' requires 'to' method.");
   r.ariaFormat = e;
 }
@@ -5597,12 +5598,12 @@ function ia(r) {
     keyboardDefaultStep: 10
   };
   r.format && !r.ariaFormat && (r.ariaFormat = r.format), Object.keys(t).forEach(function(l) {
-    if (!zn(r[l]) && n[l] === void 0) {
+    if (!Fn(r[l]) && n[l] === void 0) {
       if (t[l].r)
         throw new Error("noUiSlider: '" + l + "' is required.");
       return;
     }
-    t[l].t(e, zn(r[l]) ? r[l] : n[l]);
+    t[l].t(e, Fn(r[l]) ? r[l] : n[l]);
   }), e.pips = r.pips;
   var a = document.createElement("div"), o = a.style.msTransform !== void 0, s = a.style.transform !== void 0;
   e.transformRule = s ? "transform" : o ? "msTransform" : "webkitTransform";
@@ -5613,7 +5614,7 @@ function ia(r) {
   return e.style = i[e.dir][e.ort], e;
 }
 function Dc(r, e, t) {
-  var n = Gu(), a = Ku(), o = a && Qu(), s = r, i, l, d, g, p, S, C = e.spectrum, E = [], v = [], _ = [], x = 0, $ = {}, f = !1, u = r.ownerDocument, m = e.documentElement || u.documentElement, y = u.body, D = u.dir === "rtl" || e.ort === 1 ? 0 : 100;
+  var n = Gu(), a = Ku(), o = a && Qu(), s = r, i, l, d, g, p, _, C = e.spectrum, E = [], v = [], D = [], x = 0, $ = {}, f = !1, u = r.ownerDocument, m = e.documentElement || u.documentElement, y = u.body, S = u.dir === "rtl" || e.ort === 1 ? 0 : 100;
   function R(h, w) {
     var k = u.createElement("div");
     return w && je(k, w), h.appendChild(k), k;
@@ -5636,7 +5637,7 @@ function Dc(r, e, t) {
   function W(h, w) {
     l = R(w, e.cssClasses.connects), d = [], g = [], g.push(ne(l, h[0]));
     for (var k = 0; k < e.handles; k++)
-      d.push(Z(w, k)), _[k] = k, g.push(ne(l, h[k + 1]));
+      d.push(Z(w, k)), D[k] = k, g.push(ne(l, h[k + 1]));
   }
   function me(h) {
     je(h, e.cssClasses.target), e.dir === 0 ? je(h, e.cssClasses.ltr) : je(h, e.cssClasses.rtl), e.ort === 0 ? je(h, e.cssClasses.horizontal) : je(h, e.cssClasses.vertical);
@@ -5664,21 +5665,21 @@ function Dc(r, e, t) {
     }));
   }
   function ve() {
-    S && (Et("update" + ft.tooltips), S.forEach(function(h) {
+    _ && (Et("update" + ft.tooltips), _.forEach(function(h) {
       h && $r(h);
-    }), S = null);
+    }), _ = null);
   }
   function qe() {
-    ve(), S = d.map(ie), bn("update" + ft.tooltips, function(h, w, k) {
-      if (!(!S || !e.tooltips) && S[w] !== !1) {
+    ve(), _ = d.map(ie), wn("update" + ft.tooltips, function(h, w, k) {
+      if (!(!_ || !e.tooltips) && _[w] !== !1) {
         var A = h[w];
-        e.tooltips[w] !== !0 && (A = e.tooltips[w].to(k[w])), S[w].innerHTML = A;
+        e.tooltips[w] !== !0 && (A = e.tooltips[w].to(k[w])), _[w].innerHTML = A;
       }
     });
   }
   function we() {
-    Et("update" + ft.aria), bn("update" + ft.aria, function(h, w, k, A, Y) {
-      _.forEach(function(j) {
+    Et("update" + ft.aria), wn("update" + ft.aria, function(h, w, k, A, Y) {
+      D.forEach(function(j) {
         var re = d[j], ee = Zt(v, j, 0, !0, !0, !0), xe = Zt(v, j, 100, !0, !0, !0), ke = Y[j], $e = String(e.ariaFormat.to(k[j]));
         ee = C.fromStepping(ee).toFixed(1), xe = C.fromStepping(xe).toFixed(1), ke = C.fromStepping(ke).toFixed(1), re.children[0].setAttribute("aria-valuemin", ee), re.children[0].setAttribute("aria-valuemax", xe), re.children[0].setAttribute("aria-valuenow", ke), re.children[0].setAttribute("aria-valuetext", $e);
       });
@@ -5711,11 +5712,11 @@ function Dc(r, e, t) {
     return k = ju(k.slice().sort(function(ke, $e) {
       return ke - $e;
     })), k[0] !== Y && (k.unshift(Y), re = !0), k[k.length - 1] !== j && (k.push(j), ee = !0), k.forEach(function(ke, $e) {
-      var Me, ye, Ve, Ye = ke, Fe = k[$e + 1], Ne, kn, Sn, _n, gr, Dn, yr, br = h.mode === ht.Steps;
+      var Me, ye, Ve, Ye = ke, Fe = k[$e + 1], Ne, Sn, _n, Dn, gr, Cn, yr, br = h.mode === ht.Steps;
       for (br && (Me = C.xNumSteps[$e]), Me || (Me = Fe - Ye), Fe === void 0 && (Fe = Ye), Me = Math.max(Me, 1e-7), ye = Ye; ye <= Fe; ye = w(ye, Me)) {
-        for (Ne = C.toStepping(ye), kn = Ne - xe, gr = kn / (h.density || 1), Dn = Math.round(gr), yr = kn / Dn, Ve = 1; Ve <= Dn; Ve += 1)
-          Sn = xe + Ve * yr, A[Sn.toFixed(5)] = [C.fromStepping(Sn), 0];
-        _n = k.indexOf(ye) > -1 ? Xe.LargeValue : br ? Xe.SmallValue : Xe.NoValue, !$e && re && ye !== Fe && (_n = 0), ye === Fe && ee || (A[Ne.toFixed(5)] = [ye, _n]), xe = Ne;
+        for (Ne = C.toStepping(ye), Sn = Ne - xe, gr = Sn / (h.density || 1), Cn = Math.round(gr), yr = Sn / Cn, Ve = 1; Ve <= Cn; Ve += 1)
+          _n = xe + Ve * yr, A[_n.toFixed(5)] = [C.fromStepping(_n), 0];
+        Dn = k.indexOf(ye) > -1 ? Xe.LargeValue : br ? Xe.SmallValue : Xe.NoValue, !$e && re && ye !== Fe && (Dn = 0), ye === Fe && ee || (A[Ne.toFixed(5)] = [ye, Dn]), xe = Ne;
       }
     }), A;
   }
@@ -5811,7 +5812,7 @@ function Dc(r, e, t) {
   function Lt(h, w) {
     w.handle && (rn(w.handle, e.cssClasses.active), x -= 1), w.listeners.forEach(function(k) {
       m.removeEventListener(k[0], k[1]);
-    }), x === 0 && (rn(s, e.cssClasses.drag), xn(), h.cursor && (y.style.cursor = "", y.removeEventListener("selectstart", Mr))), e.events.smoothSteps && (w.handleNumbers.forEach(function(k) {
+    }), x === 0 && (rn(s, e.cssClasses.drag), kn(), h.cursor && (y.style.cursor = "", y.removeEventListener("selectstart", Mr))), e.events.smoothSteps && (w.handleNumbers.forEach(function(k) {
       vt(k, v[k], !0, !0, !1, !1);
     }), w.handleNumbers.forEach(function(k) {
       Le("update", k);
@@ -5861,7 +5862,7 @@ function Dc(r, e, t) {
   function $a(h) {
     h.stopPropagation();
     var w = de(h.calcPoint), k = ze(w);
-    k !== !1 && (e.events.snap || Tr(s, e.cssClasses.tap, e.animationDuration), vt(k, w, !0, !0), xn(), Le("slide", k, !0), Le("update", k, !0), e.events.snap ? Dt(h, { handleNumbers: [k] }) : (Le("change", k, !0), Le("set", k, !0)));
+    k !== !1 && (e.events.snap || Tr(s, e.cssClasses.tap, e.animationDuration), vt(k, w, !0, !0), kn(), Le("slide", k, !0), Le("update", k, !0), e.events.snap ? Dt(h, { handleNumbers: [k] }) : (Le("change", k, !0), Le("set", k, !0)));
   }
   function Ma(h) {
     var w = de(h.calcPoint), k = C.getStep(w), A = C.fromStepping(k);
@@ -5899,7 +5900,7 @@ function Dc(r, e, t) {
     }), h.drag && g.forEach(function(w, k) {
       if (!(w === !1 || k === 0 || k === g.length - 1)) {
         var A = d[k - 1], Y = d[k], j = [w], re = [A, Y], ee = [k - 1, k];
-        je(w, e.cssClasses.draggable), h.fixed && (j.push(A.children[0]), j.push(Y.children[0])), h.dragAll && (re = d, ee = _), j.forEach(function(xe) {
+        je(w, e.cssClasses.draggable), h.fixed && (j.push(A.children[0]), j.push(Y.children[0])), h.dragAll && (re = d, ee = D), j.forEach(function(xe) {
           U(n.start, xe, Dt, {
             handles: re,
             handleNumbers: ee,
@@ -5909,7 +5910,7 @@ function Dc(r, e, t) {
       }
     });
   }
-  function bn(h, w) {
+  function wn(h, w) {
     $[h] = $[h] || [], $[h].push(w), h.split(".")[0] === "update" && d.forEach(function(k, A) {
       Le("update", A);
     });
@@ -5951,7 +5952,7 @@ function Dc(r, e, t) {
     var ee;
     return d.length > 1 && !e.events.unconstrained && (A && w > 0 && (ee = C.getAbsoluteDistance(h[w - 1], e.margin, !1), k = Math.max(k, ee)), Y && w < d.length - 1 && (ee = C.getAbsoluteDistance(h[w + 1], e.margin, !0), k = Math.min(k, ee))), d.length > 1 && e.limit && (A && w > 0 && (ee = C.getAbsoluteDistance(h[w - 1], e.limit, !1), k = Math.min(k, ee)), Y && w < d.length - 1 && (ee = C.getAbsoluteDistance(h[w + 1], e.limit, !0), k = Math.max(k, ee))), e.padding && (w === 0 && (ee = C.getAbsoluteDistance(0, e.padding[0], !1), k = Math.max(k, ee)), w === d.length - 1 && (ee = C.getAbsoluteDistance(100, e.padding[1], !0), k = Math.min(k, ee))), re || (k = C.getStep(k)), k = Pr(k), k === h[w] && !j ? !1 : k;
   }
-  function wn(h, w) {
+  function xn(h, w) {
     var k = e.ort;
     return (k ? w : h) + ", " + (k ? h : w);
   }
@@ -5973,7 +5974,7 @@ function Dc(r, e, t) {
   }
   function Oa(h, w) {
     v[h] = w, E[h] = C.fromStepping(w);
-    var k = fr(w, 0) - D, A = "translate(" + wn(k + "%", "0") + ")";
+    var k = fr(w, 0) - S, A = "translate(" + xn(k + "%", "0") + ")";
     if (d[h].style[e.transformRule] = A, e.events.invertConnects && v.length > 1) {
       var Y = v.every(function(j, re, ee) {
         return re === 0 || j >= ee[re - 1];
@@ -5985,8 +5986,8 @@ function Dc(r, e, t) {
     }
     It(h), It(h + 1), f && (It(h - 1), It(h + 2));
   }
-  function xn() {
-    _.forEach(function(h) {
+  function kn() {
+    D.forEach(function(h) {
       var w = v[h] > 50 ? -1 : 1, k = 3 + (d.length + w * h);
       d[h].style.zIndex = String(k);
     });
@@ -6002,7 +6003,7 @@ function Dc(r, e, t) {
       });
       var k = 0, A = 100;
       h !== 0 && (k = w[h - 1]), h !== g.length - 1 && (A = w[h]);
-      var Y = A - k, j = "translate(" + wn(fr(k, Y) + "%", "0") + ")", re = "scale(" + wn(Y / 100, "1") + ")";
+      var Y = A - k, j = "translate(" + xn(fr(k, Y) + "%", "0") + ")", re = "scale(" + xn(Y / 100, "1") + ")";
       g[h].style[e.transformRule] = j + " " + re;
     }
   }
@@ -6010,22 +6011,22 @@ function Dc(r, e, t) {
     return h === null || h === !1 || h === void 0 || (typeof h == "number" && (h = String(h)), h = e.format.from(h), h !== !1 && (h = C.toStepping(h)), h === !1 || isNaN(h)) ? v[w] : h;
   }
   function Jt(h, w, k) {
-    var A = gn(h), Y = v[0] === void 0;
-    w = w === void 0 ? !0 : w, e.animate && !Y && Tr(s, e.cssClasses.tap, e.animationDuration), _.forEach(function(ee) {
+    var A = yn(h), Y = v[0] === void 0;
+    w = w === void 0 ? !0 : w, e.animate && !Y && Tr(s, e.cssClasses.tap, e.animationDuration), D.forEach(function(ee) {
       vt(ee, pr(A[ee], ee), !0, !1, k);
     });
-    var j = _.length === 1 ? 0 : 1;
-    if (Y && C.hasNoSize() && (k = !0, v[0] = 0, _.length > 1)) {
-      var re = 100 / (_.length - 1);
-      _.forEach(function(ee) {
+    var j = D.length === 1 ? 0 : 1;
+    if (Y && C.hasNoSize() && (k = !0, v[0] = 0, D.length > 1)) {
+      var re = 100 / (D.length - 1);
+      D.forEach(function(ee) {
         v[ee] = ee * re;
       });
     }
-    for (; j < _.length; ++j)
-      _.forEach(function(ee) {
+    for (; j < D.length; ++j)
+      D.forEach(function(ee) {
         vt(ee, v[ee], !0, !0, k);
       });
-    xn(), _.forEach(function(ee) {
+    kn(), D.forEach(function(ee) {
       Le("update", ee), A[ee] !== null && w && Le("set", ee);
     });
   }
@@ -6033,7 +6034,7 @@ function Dc(r, e, t) {
     Jt(e.start, h);
   }
   function Ea(h, w, k, A) {
-    if (h = Number(h), !(h >= 0 && h < _.length))
+    if (h = Number(h), !(h >= 0 && h < D.length))
       throw new Error("noUiSlider: invalid handle number, got: " + h);
     vt(h, pr(w, h), !0, !0, A), Le("update", h), k && Le("set", h);
   }
@@ -6062,7 +6063,7 @@ function Dc(r, e, t) {
     return Y !== null && Y !== !1 && (Y = Number(Y.toFixed(re))), j !== null && j !== !1 && (j = Number(j.toFixed(re))), [j, Y];
   }
   function Va() {
-    return _.map(hr);
+    return D.map(hr);
   }
   function za(h, w) {
     var k = mr(), A = [
@@ -6084,7 +6085,7 @@ function Dc(r, e, t) {
     var Y = ia(t);
     A.forEach(function(j) {
       h[j] !== void 0 && (e[j] = Y[j]);
-    }), C = Y.spectrum, e.margin = Y.margin, e.limit = Y.limit, e.padding = Y.padding, e.pips ? z(e.pips) : O(), e.tooltips ? qe() : ve(), v = [], Jt(zn(h.start) ? h.start : k, w), h.connect && vr();
+    }), C = Y.spectrum, e.margin = Y.margin, e.limit = Y.limit, e.padding = Y.padding, e.pips ? z(e.pips) : O(), e.tooltips ? qe() : ve(), v = [], Jt(Fn(h.start) ? h.start : k, w), h.connect && vr();
   }
   function vr() {
     for (; l.firstChild; )
@@ -6109,7 +6110,7 @@ function Dc(r, e, t) {
   var en = {
     destroy: Ia,
     steps: Va,
-    on: bn,
+    on: wn,
     off: Et,
     get: mr,
     set: Jt,
@@ -6130,7 +6131,7 @@ function Dc(r, e, t) {
       return v.slice();
     },
     getTooltips: function() {
-      return S;
+      return _;
     },
     getOrigins: function() {
       return d;
@@ -6264,7 +6265,7 @@ const Lr = {
       animationDuration: n.duration
     };
     let i = null;
-    Re(() => o.value, (v, _) => {
+    Re(() => o.value, (v, D) => {
       if (!n.selectable)
         return;
       const $ = document.querySelector(`#${a}`).querySelectorAll("[data-handle]");
@@ -6274,20 +6275,20 @@ const Lr = {
       i = document.getElementById(a), Lr.create(i, s), t("init"), l();
     });
     const l = () => {
-      i.noUiSlider.on("start", (v, _, x, $, f, u) => {
-        o.value = _, t("start", { values: v, index: _, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
-      }), i.noUiSlider.on("slide", (v, _, x, $, f, u) => {
-        o.value = _, t("slide", { values: v, index: _, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
-      }), i.noUiSlider.on("drag", (v, _, x, $, f, u) => {
-        o.value = _, t("drag", { values: v, index: _, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
-      }), i.noUiSlider.on("update", (v, _, x, $, f, u) => {
-        o.value = _, t("update", { values: v, index: _, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
-      }), i.noUiSlider.on("change", (v, _, x, $, f, u) => {
-        o.value = _, t("change", { values: v, index: _, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
-      }), i.noUiSlider.on("set", (v, _, x, $, f, u) => {
-        o.value = _, t("set", { values: v, index: _, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
-      }), i.noUiSlider.on("end", (v, _, x, $, f, u) => {
-        o.value = _, t("end", { values: v, index: _, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
+      i.noUiSlider.on("start", (v, D, x, $, f, u) => {
+        o.value = D, t("start", { values: v, index: D, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
+      }), i.noUiSlider.on("slide", (v, D, x, $, f, u) => {
+        o.value = D, t("slide", { values: v, index: D, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
+      }), i.noUiSlider.on("drag", (v, D, x, $, f, u) => {
+        o.value = D, t("drag", { values: v, index: D, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
+      }), i.noUiSlider.on("update", (v, D, x, $, f, u) => {
+        o.value = D, t("update", { values: v, index: D, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
+      }), i.noUiSlider.on("change", (v, D, x, $, f, u) => {
+        o.value = D, t("change", { values: v, index: D, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
+      }), i.noUiSlider.on("set", (v, D, x, $, f, u) => {
+        o.value = D, t("set", { values: v, index: D, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
+      }), i.noUiSlider.on("end", (v, D, x, $, f, u) => {
+        o.value = D, t("end", { values: v, index: D, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
       });
     };
     return e({
@@ -6303,7 +6304,7 @@ const Lr = {
       updateStart: (v) => {
         o.value = null, i.noUiSlider.destroy(), s.start = v, Lr.create(i, s), t("init"), l();
       }
-    }), (v, _) => (c(), b("div", {
+    }), (v, D) => (c(), b("div", {
       id: a,
       class: ae(["slider-styled slider-round", [n.type, n.tooltipHide ? "slider-tooltip-hide" : null]])
     }, null, 2));
@@ -6560,11 +6561,11 @@ function Fc() {
       ) || i(
         "radial-gradient",
         e.radialGradient,
-        S
+        _
       ) || i(
         "repeating-radial-gradient",
         e.repeatingRadialGradient,
-        S
+        _
       );
     }
     function i(J, M, O) {
@@ -6601,7 +6602,7 @@ function Fc() {
     function p() {
       return we("angular", e.angleValue, 1) || we("angular", e.radianValue, 1);
     }
-    function S() {
+    function _() {
       var J, M = C(), O;
       return M && (J = [], J.push(M), O = t, _e(e.comma) && (M = C(), M ? J.push(M) : t = O)), J;
     }
@@ -6610,7 +6611,7 @@ function Fc() {
       if (J)
         J.at = x();
       else {
-        var M = _();
+        var M = D();
         if (M) {
           J = M;
           var O = x();
@@ -6635,13 +6636,13 @@ function Fc() {
     }
     function E() {
       var J = we("shape", /^(circle)/i, 0);
-      return J && (J.style = qe() || _()), J;
+      return J && (J.style = qe() || D()), J;
     }
     function v() {
       var J = we("shape", /^(ellipse)/i, 0);
-      return J && (J.style = $() || q() || _()), J;
+      return J && (J.style = $() || q() || D()), J;
     }
-    function _() {
+    function D() {
       return we("extent-keyword", e.extentKeywords, 1);
     }
     function x() {
@@ -6676,9 +6677,9 @@ function Fc() {
       return J || n("Expected color definition"), J.length = q(), J;
     }
     function y() {
-      return R() || ie() || me() || ne() || Z() || W() || D();
+      return R() || ie() || me() || ne() || Z() || W() || S();
     }
-    function D() {
+    function S() {
       return we("literal", e.literalColor, 0);
     }
     function R() {
@@ -6843,11 +6844,11 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       }
     }), a = I(null), o = I(null), s = I([{ code: "#FFFFFF" }]), i = I(""), l = I("linear"), d = I("0"), g = I("");
     let p = 1;
-    const S = () => {
+    const _ = () => {
       a.value.show(), C();
     }, C = () => {
-      const m = n.value.split(";")[1].trim().split(":")[1].trim(), y = Hc.parse(m), D = y[0].type.split("-");
-      l.value = D[0], l.value === "linear" && (d.value = y[0].orientation.value), s.value = [], p = y[0].colorStops.length;
+      const m = n.value.split(";")[1].trim().split(":")[1].trim(), y = Hc.parse(m), S = y[0].type.split("-");
+      l.value = S[0], l.value === "linear" && (d.value = y[0].orientation.value), s.value = [], p = y[0].colorStops.length;
       const R = [];
       for (let Z = 0; Z < y[0].colorStops.length; Z++) {
         const ne = y[0].colorStops[Z].type === "hex" ? `#${y[0].colorStops[Z].value}` : `rgba(${y[0].colorStops[Z].value.join(",")})`;
@@ -6862,7 +6863,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       }
     }, v = () => {
       n.value = i.value, a.value.hide(), g.value = `${t.text}: ${s.value.length}`, e("change", n.value);
-    }, _ = () => {
+    }, D = () => {
       if (p < t.maxColors) {
         s.value.push({ code: "#FFFFFF" }), p++;
         const f = Math.round(100 / p), u = [];
@@ -6895,7 +6896,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
         label: t.label,
         modelValue: g.value,
         "onUpdate:modelValue": u[0] || (u[0] = (m) => g.value = m),
-        onClick: S,
+        onClick: _,
         readonly: !0
       }, {
         pre: X(() => [
@@ -6937,7 +6938,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
           }, null, 8, ["tooltips"]),
           T("div", Rc, [
             T("div", null, [
-              F(In, {
+              F(Vn, {
                 onChange: $,
                 modelValue: l.value,
                 "onUpdate:modelValue": u[2] || (u[2] = (m) => l.value = m),
@@ -6960,7 +6961,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
           }, [
             F(Bu, {
               modelValue: m.code,
-              "onUpdate:modelValue": (D) => m.code = D,
+              "onUpdate:modelValue": (S) => m.code = S,
               style: { flex: "1" },
               format: "rgba",
               onChange: $
@@ -6968,11 +6969,11 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
             Q(p) > 1 ? (c(), H(fe, {
               key: 0,
               icon: "MinusSharp",
-              onClick: (D) => x(y)
+              onClick: (S) => x(y)
             }, null, 8, ["onClick"])) : L("", !0)
           ]))), 128)),
           Q(p) < t.maxColors ? (c(), b("div", Nc, [
-            F(fe, { onClick: _ }, {
+            F(fe, { onClick: D }, {
               default: X(() => [
                 se(G(t.add), 1)
               ]),
@@ -7030,7 +7031,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       timeoutId: null
     }), p = () => {
       document.addEventListener("mousemove", E, { passive: !1 }), document.addEventListener("mouseup", v), "ontouchstart" in window && (document.addEventListener("touchmove", E, { passive: !1 }), document.addEventListener("touchend", v));
-    }, S = () => {
+    }, _ = () => {
       document.removeEventListener("mousemove", E, { passive: !1 }), document.removeEventListener("mouseup", v), "ontouchstart" in window && (document.removeEventListener("touchmove", E, { passive: !1 }), document.removeEventListener("touchend", v));
     }, C = (M, O) => {
       p(), d.value.mouseDown = !0, d.value.activeSplitter = O;
@@ -7038,9 +7039,9 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       t.movable && d.value.mouseDown && (M.preventDefault(), d.value.dragging = !0, m(f(M)), e("resize", a.value.map((O) => ({ min: O.min, max: O.max, size: O.size }))));
     }, v = () => {
       d.value.dragging && e("resized", a.value.map((M) => ({ min: M.min, max: M.max, size: M.size }))), d.value.mouseDown = !1, setTimeout(() => {
-        d.value.dragging = !1, S();
+        d.value.dragging = !1, _();
       }, 100);
-    }, _ = (M, O) => {
+    }, D = (M, O) => {
       "ontouchstart" in window && (M.preventDefault(), t.dblClickSplitter && (g.value.splitter === O ? (clearTimeout(g.value.timeoutId), g.value.timeoutId = null, x(M, O), g.value.splitter = null) : (g.value.splitter = O, g.value.timeoutId = setTimeout(() => {
         g.value.splitter = null;
       }, 500)))), d.value.dragging || e("splitter-click", a.value[O]);
@@ -7062,7 +7063,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
     }, m = (M) => {
       const O = d.value.activeSplitter;
       let z = {
-        prevPanesSize: D(O),
+        prevPanesSize: S(O),
         nextPanesSize: R(O),
         prevReachedMinPanes: 0,
         nextReachedMinPanes: 0
@@ -7084,21 +7085,21 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       const z = d.value.activeSplitter, N = [z, z + 1];
       return O < M.prevPanesSize + a.value[N[0]].min && (N[0] = Z(z).index, M.prevReachedMinPanes = 0, N[0] < z && a.value.forEach((U, oe) => {
         oe > N[0] && oe <= z && (U.size = U.min, M.prevReachedMinPanes += U.min);
-      }), M.prevPanesSize = D(N[0]), N[0] === void 0) ? (M.prevReachedMinPanes = 0, a.value[0].size = a.value[0].min, a.value.forEach((U, oe) => {
+      }), M.prevPanesSize = S(N[0]), N[0] === void 0) ? (M.prevReachedMinPanes = 0, a.value[0].size = a.value[0].min, a.value.forEach((U, oe) => {
         oe > 0 && oe <= z && (U.size = U.min, M.prevReachedMinPanes += U.min);
       }), a.value[N[1]].size = 100 - M.prevReachedMinPanes - a.value[0].min - M.prevPanesSize - M.nextPanesSize, null) : O > 100 - M.nextPanesSize - a.value[N[1]].min && (N[1] = ne(z).index, M.nextReachedMinPanes = 0, N[1] > z + 1 && a.value.forEach((U, oe) => {
         oe > z && oe < N[1] && (U.size = U.min, M.nextReachedMinPanes += U.min);
       }), M.nextPanesSize = R(N[1] - 1), N[1] === void 0) ? (M.nextReachedMinPanes = 0, a.value[o.value - 1].size = a.value[o.value - 1].min.value, a.value.forEach((U, oe) => {
         oe < o.value - 1 && oe >= z + 1 && (U.size = U.min, M.nextReachedMinPanes += U.min);
       }), a.value[N[0]].size = 100 - M.prevPanesSize - M.nextReachedMinPanes - a.value[o.value - 1].min - M.nextPanesSize.value, null) : { sums: M, panesToResize: N };
-    }, D = (M) => a.value.reduce((O, z, N) => O + (N < M ? z.size : 0), 0), R = (M) => a.value.reduce((O, z, N) => O + (N > M + 1 ? z.size : 0), 0), Z = (M) => [...a.value].reverse().find((z) => z.index < M && z.size > z.min) || {}, ne = (M) => a.value.find((z) => z.index > M + 1 && z.size > z.min) || {}, W = () => {
+    }, S = (M) => a.value.reduce((O, z, N) => O + (N < M ? z.size : 0), 0), R = (M) => a.value.reduce((O, z, N) => O + (N > M + 1 ? z.size : 0), 0), Z = (M) => [...a.value].reverse().find((z) => z.index < M && z.size > z.min) || {}, ne = (M) => a.value.find((z) => z.index > M + 1 && z.size > z.min) || {}, W = () => {
       Array.from(i.value?.children || []).forEach((O) => {
         const z = O.classList.contains("d-splitter__panel"), N = O.classList.contains("d-splitter__splitter");
         !z && !N && (O.remove(), console.warn("DSplitter: Only <d-splitter-panels> elements are allowed at the root of <d-splitter>. One of your DOM nodes was removed."));
       });
     }, me = (M, O, z = !1) => {
       const N = M - 1, U = document.createElement("div");
-      U.classList.add("d-splitter__splitter"), U.style.width = `${t.horizontal ? "auto" : t.size + "px"}`, U.style.height = `${t.horizontal ? t.size + "px" : "auto"}`, U.style.display = `${t.size === 0 ? "none" : "block"}`, z || (U.onmousedown = (oe) => C(oe, N), typeof window < "u" && "ontouchstart" in window && (U.ontouchstart = (oe) => C(oe, N)), U.onclick = (oe) => _(oe, N + 1)), t.dblClickSplitter && (U.ondblclick = (oe) => x(oe, N + 1)), O.parentNode.insertBefore(U, O);
+      U.classList.add("d-splitter__splitter"), U.style.width = `${t.horizontal ? "auto" : t.size + "px"}`, U.style.height = `${t.horizontal ? t.size + "px" : "auto"}`, U.style.display = `${t.size === 0 ? "none" : "block"}`, z || (U.onmousedown = (oe) => C(oe, N), typeof window < "u" && "ontouchstart" in window && (U.ontouchstart = (oe) => C(oe, N)), U.onclick = (oe) => D(oe, N + 1)), t.dblClickSplitter && (U.ondblclick = (oe) => x(oe, N + 1)), O.parentNode.insertBefore(U, O);
     }, ie = (M) => {
       M.onmousedown = void 0, M.onclick = void 0, M.ondblclick = void 0, M.remove();
     }, V = () => {
@@ -7194,10 +7195,10 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
     maxSize: { type: [Number, String], default: 100 }
   },
   setup(r) {
-    const e = r, t = Ct("requestUpdate"), n = Ct("onPaneAdd"), a = Ct("horizontal"), o = Ct("onPaneRemove"), s = Ct("onPaneClick"), i = pn()?.uid, l = Ct("indexedPanes"), d = P(() => l.value[i]), g = I(null), p = P(() => {
+    const e = r, t = Ct("requestUpdate"), n = Ct("onPaneAdd"), a = Ct("horizontal"), o = Ct("onPaneRemove"), s = Ct("onPaneClick"), i = mn()?.uid, l = Ct("indexedPanes"), d = P(() => l.value[i]), g = I(null), p = P(() => {
       const v = isNaN(e.size) || e.size === void 0 ? 0 : parseFloat(e.size);
-      return Math.max(Math.min(v, C.value), S.value);
-    }), S = P(() => {
+      return Math.max(Math.min(v, C.value), _.value);
+    }), _ = P(() => {
       const v = parseFloat(e.minSize);
       return isNaN(v) ? 0 : v;
     }), C = P(() => {
@@ -7208,18 +7209,18 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       n({
         id: i,
         el: g.value,
-        min: S.value,
+        min: _.value,
         max: C.value,
         // The given size (useful to know the user intention).
         givenSize: e.size === void 0 ? null : p.value,
         size: p.value
         // The computed current size at any time.
       });
-    }), Re(() => p.value, (v) => t({ uid: i, size: v })), Re(() => S.value, (v) => t({ uid: i, min: v })), Re(() => C.value, (v) => t({ uid: i, max: v })), Gr(() => o(i)), (v, _) => (c(), b("div", {
+    }), Re(() => p.value, (v) => t({ uid: i, size: v })), Re(() => _.value, (v) => t({ uid: i, min: v })), Re(() => C.value, (v) => t({ uid: i, max: v })), Gr(() => o(i)), (v, D) => (c(), b("div", {
       ref_key: "paneEl",
       ref: g,
       class: "d-splitter__panel",
-      onClick: _[0] || (_[0] = (x) => Q(s)(x, v._.uid)),
+      onClick: D[0] || (D[0] = (x) => Q(s)(x, v._.uid)),
       style: ue(E.value)
     }, [
       le(v.$slots, "default")
@@ -7314,7 +7315,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
         for (let x = 0; x < n.items.length; x++)
           n.items[x].id === a.value && (g.value = n.items[x].title);
     });
-    const S = (x) => {
+    const _ = (x) => {
       if (t("click", x), o.value.isShowed()) {
         o.value.hide();
         return;
@@ -7325,7 +7326,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       });
     }, C = () => {
       if (!(!n.form || !n.form.fields || !n.form.fields[n.name].rules))
-        return p.value = mn.validate(a.value, n.form.fields[n.name].rules), !!p.value;
+        return p.value = hn.validate(a.value, n.form.fields[n.name].rules), !!p.value;
     }, E = (x) => {
       a.value = x.model.id, g.value = x.model.title, t("select", x), C();
     }, v = P(() => ({ left: i.value + "px", width: l.value + "px", top: d.value + "px", position: n.bodyAsParent ? "absolute" : "fixed", ...n.menuStyle }));
@@ -7348,7 +7349,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
           class: "d-input-select",
           ref_key: "buttonRef",
           ref: s,
-          onClick: De(S, ["stop", "prevent"])
+          onClick: De(_, ["stop", "prevent"])
         }, [
           T("div", Qc, [
             T("div", Kc, G(g.value), 1),
@@ -7447,7 +7448,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
         const f = a.value.elementSize(), u = o.value.getBoundingClientRect(), m = window.innerHeight;
         s.value = u.left, i.value = u.width, l.value = m - (u.y + u.height) < f.height ? u.top - f.height - 5 : u.height + u.top + 5, C(), (a.value?.itemsCount() === 0 || a.value?.itemsCount() === void 0) && a.value.hide();
       });
-    }, S = (x) => {
+    }, _ = (x) => {
       let $ = -1;
       for (let f = 0; f < n.value.length; f++)
         n.value[f] === x.model.title && ($ = f);
@@ -7458,7 +7459,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
         n.value.includes(t.items[x].title) && a.value.selectNode(t.items[x].id);
     }, E = P(() => ({ left: s.value + "px", width: i.value + "px", top: l.value + "px", position: t.bodyAsParent ? "absolute" : "fixed", ...t.menuStyle })), v = (x, $, f) => {
       n.value.splice($, 1);
-    }, _ = () => {
+    }, D = () => {
       if (d.value) {
         const x = d.value.split(",");
         for (let $ = 0; $ < x.length; $++) {
@@ -7501,14 +7502,14 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
             "onUpdate:modelValue": $[0] || ($[0] = (f) => d.value = f),
             style: { "margin-bottom": "3px", "margin-top": "3px" },
             onKeyup: [
-              Xr(_, ["enter"]),
+              Xr(D, ["enter"]),
               $[1] || ($[1] = (f) => p(f, !1))
             ]
           }, {
             post: X(() => [
               F(Q(fe), {
                 icon: "PlusSharp",
-                onClick: _
+                onClick: D
               })
             ]),
             _: 1
@@ -7521,7 +7522,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
           class: "dropdown-menu",
           style: ue(E.value),
           "no-select": !1,
-          onSelect: S,
+          onSelect: _,
           "render-item-title": t.renderItemTitle,
           "before-item": t.beforeItem,
           "body-as-parent": t.bodyAsParent,
@@ -7583,8 +7584,8 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       }
     }), a = I(null), o = I(null), s = I(0), i = I(0), l = I(0), d = I("");
     let g = !0;
-    const p = (v, _ = !0) => {
-      if (e("click", v), a.value.isShowed() && _) {
+    const p = (v, D = !0) => {
+      if (e("click", v), a.value.isShowed() && D) {
         a.value.hide();
         return;
       }
@@ -7605,12 +7606,12 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
         for (let v = 0; v < t.items.length; v++)
           t.items[v].id === n.value && (g = !1, d.value = t.items[v].title);
     });
-    const S = (v) => {
+    const _ = (v) => {
       n.value = v.model.id, g = !1, d.value = v.model.title, e("select", v);
     }, C = P(() => ({ left: s.value + "px", width: i.value + "px", top: l.value + "px", position: t.bodyAsParent ? "absolute" : "fixed", ...t.menuStyle })), E = (v) => {
       e("input", { e: v, input: d.value });
     };
-    return (v, _) => (c(), b("div", {
+    return (v, D) => (c(), b("div", {
       class: ae(t.disabled ? "disabled" : "")
     }, [
       t.label ? (c(), b("div", fd, [
@@ -7627,13 +7628,13 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
           F(Q(et), {
             type: "hidden",
             modelValue: n.value,
-            "onUpdate:modelValue": _[0] || (_[0] = (x) => n.value = x)
+            "onUpdate:modelValue": D[0] || (D[0] = (x) => n.value = x)
           }, null, 8, ["modelValue"]),
           F(Q(et), {
             modelValue: d.value,
-            "onUpdate:modelValue": _[1] || (_[1] = (x) => d.value = x),
+            "onUpdate:modelValue": D[1] || (D[1] = (x) => d.value = x),
             style: { "margin-bottom": "3px", "margin-top": "3px" },
-            onKeyup: _[2] || (_[2] = (x) => p(x, !1)),
+            onKeyup: D[2] || (D[2] = (x) => p(x, !1)),
             onInput: E
           }, {
             post: X(() => [
@@ -7651,7 +7652,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
           class: "dropdown-menu",
           style: ue(C.value),
           "no-select": !1,
-          onSelect: S,
+          onSelect: _,
           "render-item-title": t.renderItemTitle,
           "before-item": t.beforeItem,
           "body-as-parent": t.bodyAsParent,
@@ -7761,10 +7762,10 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
   },
   emits: ["action", "select", "unselect", "check", "uncheck", "loading-change", "error"],
   setup(r, { expose: e, emit: t }) {
-    const n = r, a = I([]), o = I(n.page), s = I(localStorage.getItem(`datagrid-perpage-${n.id}`) || n.perPage), i = I(s.value.toString()), l = I({}), d = I(!1), g = I(0), p = I(null), S = I(!1);
+    const n = r, a = I([]), o = I(n.page), s = I(localStorage.getItem(`datagrid-perpage-${n.id}`) || n.perPage), i = I(s.value.toString()), l = I({}), d = I(!1), g = I(0), p = I(null), _ = I(!1);
     B.mutations.addDataGrid(n.id), Be(() => {
       C(), setTimeout(() => {
-        S.value = !0;
+        _.value = !0;
       }, 100), n.autoLoad && E();
     });
     const C = () => {
@@ -7797,7 +7798,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       }
     };
     let v = null;
-    const _ = (V = !1) => {
+    const D = (V = !1) => {
       clearTimeout(v), v = setTimeout(() => {
         E(V);
       }, n.filterDebounce);
@@ -7807,11 +7808,11 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
     }), Re(() => s.value, () => {
       E();
     }), Re(l, () => {
-      if (!S.value) {
-        S.value = !0;
+      if (!_.value) {
+        _.value = !0;
         return;
       }
-      _(!0);
+      D(!0);
     }, { deep: !0 });
     const x = (V, K) => {
       V.preventDefault(), V.stopPropagation();
@@ -7835,7 +7836,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       }) : B.actions.unselectAll(n.id);
     }, m = P(() => a.value.length === 0 ? !1 : a.value.every((V) => $(V.id))), y = (V) => {
       n.selectable === "one" && ($(V.id) ? (B.actions.unselectAll(n.id), t("unselect", V)) : (B.mutations.select(n.id, V.id), t("select", V)));
-    }, D = (V) => {
+    }, S = (V) => {
       s.value = parseInt(i.value), localStorage.setItem(`datagrid-perpage-${n.id}`, i.value);
     }, R = P(() => n.perPageOptions.map((V) => ({
       id: V.toString(),
@@ -7871,7 +7872,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
           T("thead", Md, [
             T("tr", Td, [
               n.selectable === "check" ? (c(), b("th", Pd, [
-                F(on, {
+                F(sn, {
                   checked: m.value,
                   onChange: K[0] || (K[0] = (q) => u(q)),
                   disabled: d.value
@@ -7941,7 +7942,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
               onClick: (he) => y(q)
             }, [
               n.selectable === "check" ? (c(), b("td", jd, [
-                F(on, {
+                F(sn, {
                   checked: $(q.id),
                   onChange: (he) => f(he, q),
                   disabled: d.value
@@ -7995,7 +7996,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
             modelValue: i.value,
             "onUpdate:modelValue": K[2] || (K[2] = (q) => i.value = q),
             items: R.value,
-            onSelect: D,
+            onSelect: S,
             disabled: d.value,
             size: "small"
           }, null, 8, ["modelValue", "items", "disabled"])
@@ -8059,7 +8060,7 @@ function ca(r, e) {
   const i = Ot(s);
   return t.getTime() >= o.getTime() ? n + 1 : t.getTime() >= i.getTime() ? n : n - 1;
 }
-function un(r) {
+function cn(r) {
   const e = ce(r), t = new Date(
     Date.UTC(
       e.getFullYear(),
@@ -8089,7 +8090,7 @@ function af(r, e, t) {
     t?.in,
     r,
     e
-  ), o = Nt(n), s = Nt(a), i = +o - un(o), l = +s - un(s);
+  ), o = Nt(n), s = Nt(a), i = +o - cn(o), l = +s - cn(s);
   return Math.round((i - l) / Jd);
 }
 function of(r, e) {
@@ -8099,7 +8100,7 @@ function of(r, e) {
 function or(r, e, t) {
   return ar(r, e * 12, t);
 }
-function Tn(r, e, t) {
+function Pn(r, e, t) {
   const [n, a] = Ut(
     t?.in,
     r,
@@ -8245,7 +8246,7 @@ const vf = {
   const a = vf[r];
   return typeof a == "string" ? n = a : e === 1 ? n = a.one : n = a.other.replace("{{count}}", e.toString()), t?.addSuffix ? t.comparison && t.comparison > 0 ? "in " + n : n + " ago" : n;
 };
-function Pn(r) {
+function On(r) {
   return (e = {}) => {
     const t = e.width ? String(e.width) : r.defaultWidth;
     return r.formats[t] || r.formats[r.defaultWidth];
@@ -8267,15 +8268,15 @@ const yf = {
   medium: "{{date}}, {{time}}",
   short: "{{date}}, {{time}}"
 }, xf = {
-  date: Pn({
+  date: On({
     formats: yf,
     defaultWidth: "full"
   }),
-  time: Pn({
+  time: On({
     formats: bf,
     defaultWidth: "full"
   }),
-  dateTime: Pn({
+  dateTime: On({
     formats: wf,
     defaultWidth: "full"
   })
@@ -9309,7 +9310,7 @@ const Hr = (r, e) => {
       break;
   }
   return o.replace("{{date}}", Hr(n, e)).replace("{{time}}", ga(a, e));
-}, An = {
+}, Hn = {
   p: ga,
   P: Qf
 }, Kf = /^D+$/, Zf = /^Y+$/, Jf = ["D", "DD", "YY", "YYYY"];
@@ -9319,7 +9320,7 @@ function ya(r) {
 function ba(r) {
   return Zf.test(r);
 }
-function Hn(r, e, t) {
+function Rn(r, e, t) {
   const n = ep(r, e, t);
   if (console.warn(n), Jf.includes(r)) throw new RangeError(n);
 }
@@ -9335,8 +9336,8 @@ function Je(r, e, t) {
   let l = e.match(np).map((g) => {
     const p = g[0];
     if (p === "p" || p === "P") {
-      const S = An[p];
-      return S(g, a.formatLong);
+      const _ = Hn[p];
+      return _(g, a.formatLong);
     }
     return g;
   }).join("").match(tp).map((g) => {
@@ -9362,9 +9363,9 @@ function Je(r, e, t) {
   return l.map((g) => {
     if (!g.isToken) return g.value;
     const p = g.value;
-    (!t?.useAdditionalWeekYearTokens && ba(p) || !t?.useAdditionalDayOfYearTokens && ya(p)) && Hn(p, e, String(r));
-    const S = zr[p[0]];
-    return S(i, p, a.localize, d);
+    (!t?.useAdditionalWeekYearTokens && ba(p) || !t?.useAdditionalDayOfYearTokens && ya(p)) && Rn(p, e, String(r));
+    const _ = zr[p[0]];
+    return _(i, p, a.localize, d);
   }).join("");
 }
 function sp(r) {
@@ -9562,7 +9563,7 @@ function Oe(r, e) {
       return Te(new RegExp("^\\d{1," + r + "}"), e);
   }
 }
-function cn(r, e) {
+function dn(r, e) {
   switch (r) {
     case 1:
       return Te(Ee.singleDigitSigned, e);
@@ -9704,7 +9705,7 @@ class vp extends ge {
 class gp extends ge {
   priority = 130;
   parse(e, t) {
-    return cn(t === "R" ? 4 : t.length, e);
+    return dn(t === "R" ? 4 : t.length, e);
   }
   set(e, t, n) {
     const a = Pe(e, 0);
@@ -9731,7 +9732,7 @@ class gp extends ge {
 class yp extends ge {
   priority = 130;
   parse(e, t) {
-    return cn(t === "u" ? 4 : t.length, e);
+    return dn(t === "u" ? 4 : t.length, e);
   }
   set(e, t, n) {
     return e.setFullYear(n, 0, 1), e.setHours(0, 0, 0, 0), e;
@@ -10161,7 +10162,7 @@ class Pp extends ge {
     "T"
   ];
 }
-function yn(r, e, t) {
+function bn(r, e, t) {
   const n = _t(), a = t?.weekStartsOn ?? t?.locale?.options?.weekStartsOn ?? n.weekStartsOn ?? n.locale?.options?.weekStartsOn ?? 0, o = ce(r, t?.in), s = o.getDay(), l = (e % 7 + 7) % 7, d = 7 - a, g = e < 0 || e > 6 ? e - (s + d) % 7 : (l + d) % 7 - (s + d) % 7;
   return ua(o, g, t);
 }
@@ -10199,7 +10200,7 @@ class Op extends ge {
     return t >= 0 && t <= 6;
   }
   set(e, t, n, a) {
-    return e = yn(e, n, a), e.setHours(0, 0, 0, 0), e;
+    return e = bn(e, n, a), e.setHours(0, 0, 0, 0), e;
   }
   incompatibleTokens = ["D", "i", "e", "c", "t", "T"];
 }
@@ -10251,7 +10252,7 @@ class Lp extends ge {
     return t >= 0 && t <= 6;
   }
   set(e, t, n, a) {
-    return e = yn(e, n, a), e.setHours(0, 0, 0, 0), e;
+    return e = bn(e, n, a), e.setHours(0, 0, 0, 0), e;
   }
   incompatibleTokens = [
     "y",
@@ -10319,7 +10320,7 @@ class Ep extends ge {
     return t >= 0 && t <= 6;
   }
   set(e, t, n, a) {
-    return e = yn(e, n, a), e.setHours(0, 0, 0, 0), e;
+    return e = bn(e, n, a), e.setHours(0, 0, 0, 0), e;
   }
   incompatibleTokens = [
     "y",
@@ -10712,7 +10713,7 @@ class qp extends ge {
   set(e, t, n) {
     return t.timestampIsSet ? e : Pe(
       e,
-      e.getTime() - un(e) - n
+      e.getTime() - cn(e) - n
     );
   }
   incompatibleTokens = ["t", "T", "x"];
@@ -10746,7 +10747,7 @@ class Up extends ge {
   set(e, t, n) {
     return t.timestampIsSet ? e : Pe(
       e,
-      e.getTime() - un(e) - n
+      e.getTime() - cn(e) - n
     );
   }
   incompatibleTokens = ["t", "T", "X"];
@@ -10812,35 +10813,35 @@ function _a(r, e, t, n) {
     firstWeekContainsDate: i,
     weekStartsOn: l,
     locale: s
-  }, g = [new pp(n?.in, t)], p = e.match(Zp).map((_) => {
-    const x = _[0];
-    if (x in An) {
-      const $ = An[x];
-      return $(_, s.formatLong);
-    }
-    return _;
-  }).join("").match(Kp), S = [];
-  for (let _ of p) {
-    ba(_) && Hn(_, e, r), ya(_) && Hn(_, e, r);
-    const x = _[0], $ = Qp[x];
+  }, g = [new pp(n?.in, t)], p = e.match(Zp).map((D) => {
+    const x = D[0];
+    if (x in Hn) {
+      const $ = Hn[x];
+      return $(D, s.formatLong);
+    }
+    return D;
+  }).join("").match(Kp), _ = [];
+  for (let D of p) {
+    ba(D) && Rn(D, e, r), ya(D) && Rn(D, e, r);
+    const x = D[0], $ = Qp[x];
     if ($) {
       const { incompatibleTokens: f } = $;
       if (Array.isArray(f)) {
-        const m = S.find(
+        const m = _.find(
           (y) => f.includes(y.token) || y.token === x
         );
         if (m)
           throw new RangeError(
-            `The format string mustn't contain \`${m.fullToken}\` and \`${_}\` at the same time`
+            `The format string mustn't contain \`${m.fullToken}\` and \`${D}\` at the same time`
           );
-      } else if ($.incompatibleTokens === "*" && S.length > 0)
+      } else if ($.incompatibleTokens === "*" && _.length > 0)
         throw new RangeError(
-          `The format string mustn't contain \`${_}\` and any other token at the same time`
+          `The format string mustn't contain \`${D}\` and any other token at the same time`
         );
-      S.push({ token: x, fullToken: _ });
+      _.push({ token: x, fullToken: D });
       const u = $.run(
         r,
-        _,
+        D,
         s.match,
         d
       );
@@ -10852,24 +10853,24 @@ function _a(r, e, t, n) {
         throw new RangeError(
           "Format string contains an unescaped latin alphabet character `" + x + "`"
         );
-      if (_ === "''" ? _ = "'" : x === "'" && (_ = rm(_)), r.indexOf(_) === 0)
-        r = r.slice(_.length);
+      if (D === "''" ? D = "'" : x === "'" && (D = rm(D)), r.indexOf(D) === 0)
+        r = r.slice(D.length);
       else
         return a();
     }
   }
   if (r.length > 0 && tm.test(r))
     return a();
-  const C = g.map((_) => _.priority).sort((_, x) => x - _).filter((_, x, $) => $.indexOf(_) === x).map(
-    (_) => g.filter((x) => x.priority === _).sort((x, $) => $.subPriority - x.subPriority)
-  ).map((_) => _[0]);
+  const C = g.map((D) => D.priority).sort((D, x) => x - D).filter((D, x, $) => $.indexOf(D) === x).map(
+    (D) => g.filter((x) => x.priority === D).sort((x, $) => $.subPriority - x.subPriority)
+  ).map((D) => D[0]);
   let E = ce(t, n?.in);
   if (isNaN(+E)) return a();
   const v = {};
-  for (const _ of C) {
-    if (!_.validate(E, d))
+  for (const D of C) {
+    if (!D.validate(E, d))
       return a();
-    const x = _.set(E, v, d);
+    const x = D.set(E, v, d);
     Array.isArray(x) ? (E = x[0], Object.assign(v, x[1])) : E = x;
   }
   return E;
@@ -10877,7 +10878,7 @@ function _a(r, e, t, n) {
 function rm(r) {
   return r.match(Jp)[1].replace(em, "'");
 }
-function Rn(r, e, t) {
+function Nn(r, e, t) {
   const [n, a] = Ut(
     t?.in,
     r,
@@ -10992,20 +10993,20 @@ const im = {
       return `${C} - ${E}`;
     }), g = (C, E) => {
       e("update:pageDate", E.value), e("yearClick");
-    }, p = () => e("update:pageDate", Da(t.pageDate, 10)), S = () => e("update:pageDate", or(t.pageDate, 10));
+    }, p = () => e("update:pageDate", Da(t.pageDate, 10)), _ = () => e("update:pageDate", or(t.pageDate, 10));
     return (C, E) => (c(), b(pe, null, [
       T("div", lm, [
         F(Qe, {
           onClick: p,
-          component: Q(hn),
+          component: Q(vn),
           size: "20",
           style: { cursor: "pointer" },
           class: ae(s.value ? "disabled" : "")
         }, null, 8, ["component", "class"]),
         T("div", null, G(d.value), 1),
         F(Qe, {
-          onClick: S,
-          component: Q(vn),
+          onClick: _,
+          component: Q(gn),
           size: "20",
           style: { cursor: "pointer" },
           class: ae(i.value ? "disabled" : "")
@@ -11018,7 +11019,7 @@ const im = {
           day: v.display,
           disabled: v.disabled,
           wide: !0,
-          onSelect: (_) => g(_, v)
+          onSelect: (D) => g(D, v)
         }, null, 8, ["day", "disabled", "onSelect"]))), 128))
       ])
     ], 64));
@@ -11068,10 +11069,10 @@ const im = {
       () => (f) => Je(f, "LLLL", {
         locale: t.locale
       })
-    ), o = (f, u, m, y) => y?.dates?.some((D) => Tn(f, D)) || y?.predicate?.(f) ? !1 : !u && !m ? !0 : u && Yt(f, Nt(u)) ? !1 : !(m && Bt(f, uf(m))), s = P(
-      () => t.lowerLimit && (Rn(t.lowerLimit, t.pageDate) || Yt(t.pageDate, t.lowerLimit))
+    ), o = (f, u, m, y) => y?.dates?.some((S) => Pn(f, S)) || y?.predicate?.(f) ? !1 : !u && !m ? !0 : u && Yt(f, Nt(u)) ? !1 : !(m && Bt(f, uf(m))), s = P(
+      () => t.lowerLimit && (Nn(t.lowerLimit, t.pageDate) || Yt(t.pageDate, t.lowerLimit))
     ), i = P(
-      () => t.upperLimit && (Rn(t.upperLimit, t.pageDate) || Bt(t.pageDate, t.upperLimit))
+      () => t.upperLimit && (Nn(t.upperLimit, t.pageDate) || Bt(t.pageDate, t.upperLimit))
     ), l = P(() => fa(t.pageDate)), d = P(() => da(t.pageDate)), g = P(() => ({
       start: l.value,
       end: d.value
@@ -11082,10 +11083,10 @@ const im = {
       end: hf(d.value, {
         weekStartsOn: t.weekStartsOn
       })
-    })), S = P(() => {
+    })), _ = P(() => {
       const f = t.weekStartsOn, u = n.value(t.weekdayFormat);
       return Array.from(Array(7)).map((m, y) => (f + y) % 7).map(
-        (m) => yn(/* @__PURE__ */ new Date(), m, {
+        (m) => bn(/* @__PURE__ */ new Date(), m, {
           weekStartsOn: t.weekStartsOn
         })
       ).map(u);
@@ -11096,8 +11097,8 @@ const im = {
           value: m,
           display: u(m),
           //selected: !!props.selected && isSameDay(props.selected, value),
-          selected: !!t.pageDate && Tn(t.pageDate, m),
-          current: Tn(f, m),
+          selected: !!t.pageDate && Pn(t.pageDate, m),
+          current: Pn(f, m),
           disabled: !t.allowOutsideInterval && !am(m, g.value) || !o(
             m,
             t.lowerLimit,
@@ -11111,14 +11112,14 @@ const im = {
       e("monthClick");
     }, v = () => {
       e("yearClick");
-    }, _ = (f, u) => {
+    }, D = (f, u) => {
       e("update:pageDate", u.value), e("select", u);
     }, x = () => e("update:pageDate", sm(t.pageDate)), $ = () => e("update:pageDate", ar(t.pageDate, 1));
     return (f, u) => (c(), b(pe, null, [
       T("div", dm, [
         F(Qe, {
           onClick: x,
-          component: Q(hn),
+          component: Q(vn),
           size: "20",
           style: { cursor: "pointer" },
           class: ae(s.value ? "disabled" : "")
@@ -11133,14 +11134,14 @@ const im = {
         }, G(Q(rt)(t.pageDate)), 1),
         F(Qe, {
           onClick: $,
-          component: Q(vn),
+          component: Q(gn),
           size: "20",
           style: { cursor: "pointer" },
           class: ae(i.value ? "disabled" : "")
         }, null, 8, ["component", "class"])
       ]),
       T("div", fm, [
-        (c(!0), b(pe, null, Ce(S.value, (m, y) => (c(), b("div", {
+        (c(!0), b(pe, null, Ce(_.value, (m, y) => (c(), b("div", {
           class: "weekDay",
           key: m
         }, [
@@ -11154,7 +11155,7 @@ const im = {
           disabled: m.disabled,
           selected: m.selected,
           wide: !0,
-          onSelect: (y) => _(y, m)
+          onSelect: (y) => D(y, m)
         }, null, 8, ["day", "disabled", "selected", "onSelect"]))), 128))
       ])
     ], 64));
@@ -11188,7 +11189,7 @@ const im = {
       () => (v) => Je(v, t.format, {
         locale: t.locale
       })
-    ), s = (v, _, x) => !_ && !x ? !0 : _ && Yt(v, fa(_)) ? !1 : !(x && Bt(v, da(x))), i = P(
+    ), s = (v, D, x) => !D && !x ? !0 : D && Yt(v, fa(D)) ? !1 : !(x && Bt(v, da(x))), i = P(
       () => t.lowerLimit && (Rr(t.lowerLimit, t.pageDate) || Yt(t.pageDate, t.lowerLimit))
     ), l = P(
       () => t.upperLimit && (Rr(t.upperLimit, t.pageDate) || Bt(t.pageDate, t.upperLimit))
@@ -11201,20 +11202,20 @@ const im = {
           value: v,
           display: o.value(v),
           key: o.value(v),
-          selected: !!t.selected && Rn(t.selected, v),
+          selected: !!t.selected && Nn(t.selected, v),
           disabled: !s(v, t.lowerLimit, t.upperLimit)
         })
       )
     ), g = P(() => rt(t.pageDate)), p = () => {
       e("yearClick");
-    }, S = (v, _) => {
-      e("update:pageDate", _.value), e("dayClick");
+    }, _ = (v, D) => {
+      e("update:pageDate", D.value), e("dayClick");
     }, C = () => e("update:pageDate", Da(t.pageDate, 1)), E = () => e("update:pageDate", or(t.pageDate, 1));
-    return (v, _) => (c(), b(pe, null, [
+    return (v, D) => (c(), b(pe, null, [
       T("div", mm, [
         F(Qe, {
           onClick: C,
-          component: Q(hn),
+          component: Q(vn),
           size: "20",
           style: { cursor: "pointer" },
           class: ae(i.value ? "disabled" : "")
@@ -11225,7 +11226,7 @@ const im = {
         }, G(g.value), 1),
         F(Qe, {
           onClick: E,
-          component: Q(vn),
+          component: Q(gn),
           size: "20",
           style: { cursor: "pointer" },
           class: ae(l.value ? "disabled" : "")
@@ -11238,7 +11239,7 @@ const im = {
           day: x.display,
           wide: !0,
           disabled: x.disabled,
-          onSelect: ($) => S($, x)
+          onSelect: ($) => _($, x)
         }, null, 8, ["day", "disabled", "onSelect"]))), 128))
       ])
     ], 64));
@@ -11282,8 +11283,8 @@ const im = {
   },
   emits: ["select", "monthPageChanged", "yearPageChanged", "decadePageChanged"],
   setup(r, { emit: e }) {
-    const t = r, n = I(t.initDate ? t.initDate : /* @__PURE__ */ new Date()), a = I(t.mode), o = (p, S) => {
-      n.value = S, e("monthPageChanged", S);
+    const t = r, n = I(t.initDate ? t.initDate : /* @__PURE__ */ new Date()), a = I(t.mode), o = (p, _) => {
+      n.value = _, e("monthPageChanged", _);
     }, s = () => {
       a.value = "day";
     }, i = () => {
@@ -11295,14 +11296,14 @@ const im = {
     })), g = (p) => {
       e("select", p);
     };
-    return (p, S) => (c(), b("div", null, [
+    return (p, _) => (c(), b("div", null, [
       a.value === "day" ? (c(), H(Gt, {
         key: 0,
         "page-date": n.value,
         locale: t.locale,
         "lower-limit": t.lowerLimit,
         "upper-limit": t.upperLimit,
-        "onUpdate:pageDate": S[0] || (S[0] = (C) => o("day", C)),
+        "onUpdate:pageDate": _[0] || (_[0] = (C) => o("day", C)),
         onMonthClick: i,
         onYearClick: l,
         onSelect: g
@@ -11313,7 +11314,7 @@ const im = {
         locale: t.locale,
         "lower-limit": t.lowerLimit,
         "upper-limit": t.upperLimit,
-        "onUpdate:pageDate": S[1] || (S[1] = (C) => o("day", C)),
+        "onUpdate:pageDate": _[1] || (_[1] = (C) => o("day", C)),
         onDayClick: s,
         onYearClick: l
       }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : L("", !0),
@@ -11323,7 +11324,7 @@ const im = {
         locale: t.locale,
         "lower-limit": t.lowerLimit,
         "upper-limit": t.upperLimit,
-        "onUpdate:pageDate": S[2] || (S[2] = (C) => o("day", C)),
+        "onUpdate:pageDate": _[2] || (_[2] = (C) => o("day", C)),
         onYearClick: i
       }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : L("", !0),
       t.showCurrentDate ? (c(), b("div", gm, G(d.value), 1)) : L("", !0)
@@ -11384,29 +11385,29 @@ const im = {
   setup(r, { emit: e }) {
     const t = r, n = ct(), a = P({
       get: () => t.modelValue,
-      set: (_) => {
-        e("update:modelValue", _);
+      set: (D) => {
+        e("update:modelValue", D);
       }
     }), o = I(null), s = I(a.value ? _a(a.value, t.inputFormat, /* @__PURE__ */ new Date()) : /* @__PURE__ */ new Date()), i = I(t.mode), l = () => {
       i.value = t.mode, o.value.show();
-    }, d = (_, x) => {
+    }, d = (D, x) => {
       s.value = x, e("monthPageChanged", x);
     }, g = () => {
       i.value = "day";
     }, p = () => {
       i.value = "month";
-    }, S = () => {
+    }, _ = () => {
       i.value = "year";
     }, C = P(() => Je(s.value, t.inputFormat, {
       locale: t.locale
-    })), E = (_) => {
-      e("select", _);
+    })), E = (D) => {
+      e("select", D);
     }, v = () => {
       a.value = Je(s.value, t.inputFormat, {
         locale: t.locale
       }), e("apply", Je(s.value, t.inputFormat, { locale: t.locale })), o.value.hide();
     };
-    return (_, x) => (c(), b("div", null, [
+    return (D, x) => (c(), b("div", null, [
       F(et, {
         label: t.label,
         modelValue: a.value,
@@ -11417,7 +11418,7 @@ const im = {
         Q(n).post ? {
           name: "post",
           fn: X(() => [
-            le(_.$slots, "post", {}, void 0, !0)
+            le(D.$slots, "post", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0
@@ -11440,7 +11441,7 @@ const im = {
             "upper-limit": t.upperLimit,
             "onUpdate:pageDate": x[1] || (x[1] = ($) => d("day", $)),
             onMonthClick: p,
-            onYearClick: S,
+            onYearClick: _,
             onSelect: E
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : L("", !0),
           i.value === "month" ? (c(), H(Qt, {
@@ -11451,7 +11452,7 @@ const im = {
             "upper-limit": t.upperLimit,
             "onUpdate:pageDate": x[2] || (x[2] = ($) => d("day", $)),
             onDayClick: g,
-            onYearClick: S
+            onYearClick: _
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : L("", !0),
           i.value === "year" ? (c(), H(Xt, {
             key: 2,
@@ -11551,7 +11552,7 @@ const im = {
       s.value = "month";
     }, p = () => {
       s.value = "year";
-    }, S = P(() => Je(o.value, n.inputFormat, {
+    }, _ = P(() => Je(o.value, n.inputFormat, {
       locale: n.locale
     })), C = (x) => {
       t("select", x);
@@ -11603,7 +11604,7 @@ const im = {
             "onUpdate:pageDate": $[2] || ($[2] = (f) => l("day", f)),
             onYearClick: g
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : L("", !0),
-          r.showCurrentDate ? (c(), b("div", km, G(S.value), 1)) : L("", !0)
+          r.showCurrentDate ? (c(), b("div", km, G(_.value), 1)) : L("", !0)
         ]),
         "modal-footer": X(() => [
           T("div", Sm, [
@@ -11630,7 +11631,7 @@ const im = {
       }, 512)
     ]));
   }
-}, hh = /* @__PURE__ */ Se(_m, [["__scopeId", "data-v-b153f7cd"]]), dn = {
+}, hh = /* @__PURE__ */ Se(_m, [["__scopeId", "data-v-b153f7cd"]]), fn = {
   __name: "DInputNumber",
   props: {
     unsigned: {
@@ -11751,7 +11752,7 @@ const im = {
       l.value = t.mode, d(), o.value.show();
     }, p = (u, m) => {
       i.value = m, e("monthPageChanged", m);
-    }, S = () => {
+    }, _ = () => {
       l.value = "day";
     }, C = () => {
       l.value = "month";
@@ -11759,7 +11760,7 @@ const im = {
       l.value = "year";
     }, v = P(() => Je(i.value, t.inputFormat, {
       locale: t.locale
-    })), _ = (u) => {
+    })), D = (u) => {
       e("select", u);
     }, x = () => {
       a.value = Je(i.value, t.inputFormat, {
@@ -11805,7 +11806,7 @@ const im = {
             "onUpdate:pageDate": m[1] || (m[1] = (y) => p("day", y)),
             onMonthClick: C,
             onYearClick: E,
-            onSelect: _
+            onSelect: D
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : L("", !0),
           l.value === "month" ? (c(), H(Qt, {
             key: 1,
@@ -11814,7 +11815,7 @@ const im = {
             "lower-limit": t.lowerLimit,
             "upper-limit": t.upperLimit,
             "onUpdate:pageDate": m[2] || (m[2] = (y) => p("day", y)),
-            onDayClick: S,
+            onDayClick: _,
             onYearClick: E
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : L("", !0),
           l.value === "year" ? (c(), H(Xt, {
@@ -11829,7 +11830,7 @@ const im = {
           r.showCurrentDate ? (c(), b("div", Cm, G(v.value), 1)) : L("", !0),
           T("div", $m, G(t.timeTitle), 1),
           T("div", Mm, [
-            F(dn, {
+            F(fn, {
               onChange: f,
               min: 0,
               max: 23,
@@ -11840,7 +11841,7 @@ const im = {
               "input-style": { fontSize: "1.2em", textAlign: "center" }
             }, null, 8, ["modelValue"]),
             Tm,
-            F(dn, {
+            F(fn, {
               onChange: $,
               min: 0,
               max: 59,
@@ -11943,7 +11944,7 @@ const im = {
     })();
     const p = () => {
       i.value = n.mode, a.value.show();
-    }, S = (m, y) => {
+    }, _ = (m, y) => {
       s.value = y, t("monthPageChanged", y);
     }, C = () => {
       i.value = "day";
@@ -11951,7 +11952,7 @@ const im = {
       i.value = "month";
     }, v = () => {
       i.value = "year";
-    }, _ = P(() => Je(s.value, n.inputFormat, {
+    }, D = P(() => Je(s.value, n.inputFormat, {
       locale: n.locale
     })), x = (m) => {
       t("select", m);
@@ -11979,7 +11980,7 @@ const im = {
             locale: n.locale,
             "lower-limit": n.lowerLimit,
             "upper-limit": n.upperLimit,
-            "onUpdate:pageDate": y[0] || (y[0] = (D) => S("day", D)),
+            "onUpdate:pageDate": y[0] || (y[0] = (S) => _("day", S)),
             onMonthClick: E,
             onYearClick: v,
             onSelect: x
@@ -11990,7 +11991,7 @@ const im = {
             locale: n.locale,
             "lower-limit": n.lowerLimit,
             "upper-limit": n.upperLimit,
-            "onUpdate:pageDate": y[1] || (y[1] = (D) => S("day", D)),
+            "onUpdate:pageDate": y[1] || (y[1] = (S) => _("day", S)),
             onDayClick: C,
             onYearClick: v
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : L("", !0),
@@ -12000,29 +12001,29 @@ const im = {
             locale: n.locale,
             "lower-limit": n.lowerLimit,
             "upper-limit": n.upperLimit,
-            "onUpdate:pageDate": y[2] || (y[2] = (D) => S("day", D)),
+            "onUpdate:pageDate": y[2] || (y[2] = (S) => _("day", S)),
             onYearClick: E
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : L("", !0),
-          r.showCurrentDate ? (c(), b("div", Em, G(_.value), 1)) : L("", !0),
+          r.showCurrentDate ? (c(), b("div", Em, G(D.value), 1)) : L("", !0),
           T("div", Im, G(n.timeTitle), 1),
           T("div", Vm, [
-            F(dn, {
+            F(fn, {
               onChange: d,
               min: 0,
               max: 23,
               modelValue: o.value.h,
-              "onUpdate:modelValue": y[3] || (y[3] = (D) => o.value.h = D),
+              "onUpdate:modelValue": y[3] || (y[3] = (S) => o.value.h = S),
               style: { width: "50px" },
               "max-length": 2,
               "input-style": { fontSize: "1.2em", textAlign: "center" }
             }, null, 8, ["modelValue"]),
             zm,
-            F(dn, {
+            F(fn, {
               onChange: l,
               min: 0,
               max: 59,
               modelValue: o.value.m,
-              "onUpdate:modelValue": y[4] || (y[4] = (D) => o.value.m = D),
+              "onUpdate:modelValue": y[4] || (y[4] = (S) => o.value.m = S),
               style: { width: "50px" },
               "max-length": 2,
               "input-style": { fontSize: "1.2em", textAlign: "center" }
@@ -12041,7 +12042,7 @@ const im = {
               _: 1
             }),
             F(fe, {
-              onClick: y[5] || (y[5] = (D) => a.value.hide())
+              onClick: y[5] || (y[5] = (S) => a.value.hide())
             }, {
               default: X(() => [
                 se(G(n.close), 1)
@@ -12089,6 +12090,15 @@ const yh = () => ({ notify: Ca }), bh = {
     document.removeEventListener("click", r.clickOutsideEvent);
   }
 }, wh = {
+  mounted(r, e) {
+    r.handleContextmenuOutside = function(t) {
+      r === t.target || r.contains(t.target) || e.value(t, r);
+    }, document.addEventListener("contextmenu", r.handleContextmenuOutside);
+  },
+  unmounted(r) {
+    document.removeEventListener("contextmenu", r.handleContextmenuOutside);
+  }
+}, xh = {
   beforeMount(r, e) {
     r._keydownCallback = (t) => {
       t.key === e.arg && e.value();
@@ -12097,7 +12107,7 @@ const yh = () => ({ notify: Ca }), bh = {
   unmounted(r, e) {
     document.removeEventListener("keydown", r._keydownCallback), delete r._keydownCallback;
   }
-}, xh = {
+}, kh = {
   beforeMount(r) {
     r.focus();
   }
@@ -12123,7 +12133,7 @@ function Br(r) {
   }
   return r;
 })();
-const kh = {
+const Sh = {
   install(r, e) {
     var t = Object.assign({}, {
       // CORE
@@ -12149,10 +12159,10 @@ const kh = {
       // NOTE: When adding props here, update `index.d.ts` as well!!
     }, e);
     function n(f) {
-      var u = this.$$touchObj, m = f.type.indexOf("touch") >= 0, y = f.type.indexOf("mouse") >= 0, D = this;
+      var u = this.$$touchObj, m = f.type.indexOf("touch") >= 0, y = f.type.indexOf("mouse") >= 0, S = this;
       m && (u.lastTouchStartTime = f.timeStamp), !(y && u.lastTouchStartTime && f.timeStamp - u.lastTouchStartTime < 350) && (u.touchStarted || (C(this), u.touchStarted = !0, u.touchMoved = !1, u.swipeOutBounded = !1, u.isZooming = !1, u.startX = Nr(f), u.startY = Br(f), u.currentX = 0, u.currentY = 0, u.touchStartTime = f.timeStamp, u.hasSwipe = p(u, "swipe") || p(u, "swipe.left") || p(u, "swipe.right") || p(u, "swipe.top") || p(u, "swipe.bottom"), u.hasZoom = p(u, "zoom") || p(u, "zoom.in") || p(u, "zoom.out"), p(u, "hold") && (u.touchHoldTimer = setTimeout(function() {
-        u.touchHoldTimer = null, S(f, D, "hold");
-      }, u.options.touchHoldTolerance)), S(f, this, "press")));
+        u.touchHoldTimer = null, _(f, S, "hold");
+      }, u.options.touchHoldTolerance)), _(f, this, "press")));
     }
     function a(f) {
       var u = this.$$touchObj;
@@ -12166,8 +12176,8 @@ const kh = {
     }
     function o(f, u = null, m = !1) {
       u == null && (u = this.$$touchObj);
-      var y = Nr(f), D = Br(f), R = u.currentX != y || u.currentY != D;
-      if (u.currentX = y, u.currentY = D, !m)
+      var y = Nr(f), S = Br(f), R = u.currentX != y || u.currentY != S;
+      if (u.currentX = y, u.currentY = S, !m)
         if (u.touchMoved) {
           if (u.hasSwipe && !u.swipeOutBounded) {
             var ne = u.options.swipeTolerance;
@@ -12175,16 +12185,16 @@ const kh = {
           }
         } else {
           var Z = u.options.tapTolerance;
-          u.touchMoved = Math.abs(u.startX - u.currentX) > Z || Math.abs(u.startY - u.currentY) > Z, u.touchMoved && (v(u), S(f, u.element, "drag.once"));
+          u.touchMoved = Math.abs(u.startX - u.currentX) > Z || Math.abs(u.startY - u.currentY) > Z, u.touchMoved && (v(u), _(f, u.element, "drag.once"));
         }
       if (R && p(u, "rollover")) {
         var W = f.timeStamp;
-        (u.touchRollTime == null || W > u.touchRollTime + u.options.rollOverFrequency) && (u.touchRollTime = W, S(f, u.element, "rollover"));
+        (u.touchRollTime == null || W > u.touchRollTime + u.options.rollOverFrequency) && (u.touchRollTime = W, _(f, u.element, "rollover"));
       }
       if (!m) {
         if (u.touchStarted && u.touchMoved && R && p(u, "drag")) {
           var W = f.timeStamp;
-          (u.touchDragTime == null || W > u.touchDragTime + u.options.dragFrequency) && (u.touchDragTime = W, S(f, u.element, "drag"));
+          (u.touchDragTime == null || W > u.touchDragTime + u.options.dragFrequency) && (u.touchDragTime = W, _(f, u.element, "drag"));
         }
         if (u.touchStarted && u.hasZoom) {
           var W = f.timeStamp;
@@ -12207,8 +12217,8 @@ const kh = {
         f.isZooming = !0, f.initialZoomDistance = y;
         return;
       }
-      const D = y / f.initialZoomDistance;
-      p(f, "zoom") && Math.abs(D - 1) > f.options.zoomDistance / f.initialZoomDistance && S(u, f.element, "zoom", D), (p(f, "zoom.in") || p(f, "zoom.out")) && Math.abs(y - f.initialZoomDistance) > f.options.zoomInOutDistance && (y > f.initialZoomDistance ? S(u, f.element, "zoom.in") : S(u, f.element, "zoom.out")), f.isZooming = !1;
+      const S = y / f.initialZoomDistance;
+      p(f, "zoom") && Math.abs(S - 1) > f.options.zoomDistance / f.initialZoomDistance && _(u, f.element, "zoom", S), (p(f, "zoom.in") || p(f, "zoom.out")) && Math.abs(y - f.initialZoomDistance) > f.options.zoomInOutDistance && (y > f.initialZoomDistance ? _(u, f.element, "zoom.in") : _(u, f.element, "zoom.out")), f.isZooming = !1;
     }
     function i() {
       var f = this.$$touchObj;
@@ -12219,21 +12229,21 @@ const kh = {
       if (u.touchStarted == !0) {
         var m = f.type.indexOf("touch") >= 0, y = f.type.indexOf("mouse") >= 0;
         m && (u.lastTouchEndTime = f.timeStamp);
-        var D = m && !u.touchHoldTimer;
+        var S = m && !u.touchHoldTimer;
         if (v(u), u.touchStarted = !1, E(this), y && u.lastTouchEndTime && f.timeStamp - u.lastTouchEndTime < 350)
           return;
-        if (S(f, this, "release"), u.touchMoved) {
+        if (_(f, this, "release"), u.touchMoved) {
           if (u.hasSwipe && !u.swipeOutBounded) {
             var R = u.options.swipeTolerance, Z, ne = Math.abs(u.startY - u.currentY), W = Math.abs(u.startX - u.currentX);
-            (ne > R || W > R) && (W > R ? Z = u.startX > u.currentX ? "left" : "right" : Z = u.startY > u.currentY ? "top" : "bottom", p(u, "swipe." + Z) ? S(f, this, "swipe." + Z, Z) : S(f, this, "swipe", Z));
+            (ne > R || W > R) && (W > R ? Z = u.startX > u.currentX ? "left" : "right" : Z = u.startY > u.currentY ? "top" : "bottom", p(u, "swipe." + Z) ? _(f, this, "swipe." + Z, Z) : _(f, this, "swipe", Z));
           }
         } else if (p(u, "longtap") && f.timeStamp - u.touchStartTime > u.options.longTapTimeInterval)
-          f.cancelable && f.preventDefault(), S(f, this, "longtap");
-        else if (p(u, "hold") && D) {
+          f.cancelable && f.preventDefault(), _(f, this, "longtap");
+        else if (p(u, "hold") && S) {
           f.cancelable && f.preventDefault();
           return;
         } else
-          S(f, this, "tap");
+          _(f, this, "tap");
       }
     }
     function d() {
@@ -12246,8 +12256,8 @@ const kh = {
       var m = f.callbacks[u];
       return m != null && m.length > 0;
     }
-    function S(f, u, m, y) {
-      var D = u.$$touchObj, R = D.callbacks[m];
+    function _(f, u, m, y) {
+      var S = u.$$touchObj, R = S.callbacks[m];
       if (R == null || R.length === 0)
         return null;
       for (var Z = 0; Z < R.length; Z++) {
@@ -12266,7 +12276,7 @@ const kh = {
     function v(f) {
       f && f.touchHoldTimer && (clearTimeout(f.touchHoldTimer), f.touchHoldTimer = null);
     }
-    function _(f, u) {
+    function D(f, u) {
       var m = f.$$touchObj || {
         element: f,
         // an object contains all callbacks registered,
@@ -12296,11 +12306,11 @@ const kh = {
     }
     r.directive(t.namespace, {
       beforeMount: function(f, u) {
-        var m = _(f), y = u.arg || "tap";
+        var m = D(f), y = u.arg || "tap";
         switch (y) {
           case "swipe":
-            var D = u.modifiers;
-            if (D.left || D.right || D.top || D.bottom) {
+            var S = u.modifiers;
+            if (S.left || S.right || S.top || S.bottom) {
               for (var R in u.modifiers)
                 if (["left", "right", "top", "bottom"].indexOf(R) >= 0) {
                   var Z = "swipe." + R;
@@ -12323,17 +12333,17 @@ const kh = {
       }
     }), r.directive(`${t.namespace}-class`, {
       beforeMount: function(f, u) {
-        _(f, {
+        D(f, {
           touchClass: u.value
         });
       }
     }), r.directive(`${t.namespace}-options`, {
       beforeMount: function(f, u) {
-        _(f, u.value);
+        D(f, u.value);
       }
     });
   }
-}, Sh = {
+}, _h = {
   beforeMount(r) {
     r.addEventListener("contextmenu", (e) => {
       e.preventDefault();
@@ -12348,7 +12358,7 @@ export {
   fe as DButton,
   ph as DCalendar,
   Um as DCard,
-  on as DCheckbox,
+  sn as DCheckbox,
   ho as DCollapse,
   oh as DColorGradient,
   Bu as DColorPicker,
@@ -12394,27 +12404,28 @@ export {
   $c as DRangeSlider,
   Wm as DScroll,
   jm as DScrollProvider,
-  In as DSelect,
+  Vn as DSelect,
   lh as DSkeleton,
   sh as DSplitter,
   ih as DSplitterPanel,
   ah as DSwitcher,
   Km as DTabs,
   nh as DTextarea,
-  an as DTransferStore,
-  Ln as DTree,
+  on as DTransferStore,
+  En as DTree,
   Io as DTreeItem,
   te as DTreeStore,
   nt as Rules,
   Rs as alert,
   bh as clickOutside,
   Hs as confirm,
-  Sh as disableContext,
+  wh as contextOutside,
+  _h as disableContext,
   Ze as emitter,
   Vo as eventsBus,
-  xh as focus,
-  wh as keydown,
+  kh as focus,
+  xh as keydown,
   Ca as notify,
-  kh as touch,
+  Sh as touch,
   yh as useNotification
 };