doph-js 0.4.56 → 0.4.58

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 k = on.data;
+      if (k === void 0 || k.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 (k.model.id === t.model.id || te.actions.isChildOfParent(t.treeId, t.items, t.model.id, k.model.id) || te.actions.isParentOfChild(t.treeId, t.items, k.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 && k.id !== t.treeId || !te.state.trees[t.treeId].dropInside && !s.value && !o.value || k.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(k.id, t.treeId, t.items, k.model.id, t.model.id, R, k.model?.transfer), a.value = !1, o.value = !1, s.value = !1;
     }, $ = (y) => {
       e("nodedragover", { e: y, model: t.model });
-      let D = an.data;
+      let k = on.data;
       if (!t.model.droppable)
         return !1;
-      if (D === void 0 || D.model === void 0)
+      if (k === void 0 || k.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 (k.model.id === t.model.id || te.actions.isChildOfParent(t.treeId, t.items, t.model.id, k.model.id) || te.actions.isParentOfChild(t.treeId, t.items, k.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, ...k] = t.model.title.split(" ");
+        return k = k.join(" "), k;
       }
       return null;
     });
-    return (y, D) => {
-      const R = mt("d-tree-item", !0), Z = Yn("touch");
+    return (y, k) => {
+      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: k[1] || (k[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: k[0] || (k[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: k[4] || (k[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: k[2] || (k[2] = De((ne) => e("nodedoubleclick", { e: ne, model: t.model }), ["prevent"])),
+            onContextmenu: k[3] || (k[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(), k = window.innerHeight, R = window.innerWidth;
         let Z = "";
-        if (y.bottom > D && (Z = `translateY(-${y.bottom - D + 10}px)`), y.right > R) {
+        if (y.bottom > k && (Z = `translateY(-${y.bottom - k + 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"), k = 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,13 @@ 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()],
+          [k, () => 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 +992,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()],
+          [k, () => l()]
         ]) : L("", !0)
       ], 64));
     };
@@ -1020,10 +1022,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 +1034,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 +1048,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 +1101,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 +1120,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 +1128,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 +1138,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 = () => {
+    }, k = () => {
       te.mutations.unSelect(i);
     }, R = (V) => {
       n.contextClick({ e: V.e, model: V.model, target: s.value });
@@ -1155,7 +1157,7 @@ const Ze = Vo(), te = {
       selectNode: y,
       itemsCount: me,
       expandNode: g,
-      unSelect: D
+      unSelect: k
     }), (V, K) => (c(), H(zo, {
       ref_key: "treeRef",
       ref: a,
@@ -1170,10 +1172,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 +1207,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 +1300,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 +1567,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, k = t.isMobile ? 0 : y, R = p.value ? k : 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 +1605,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 +1627,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 +1645,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 +1656,7 @@ const qo = 1001, Uo = 999, Xo = 998, Bm = {
     ], 4));
   }
 }, xt = {
-  state: fn({
+  state: pn({
     theme: "dark"
   }),
   getters: {
@@ -1769,9 +1771,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 +1849,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 +1964,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 +1973,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 +2054,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 +2069,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 +2107,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 +2183,7 @@ const Cn = "[-+]?[0-9]*.?[0-9]+", xr = [
     },
     position: {
       type: [String, Array, null],
-      default: $n.position
+      default: Mn.position
     },
     classes: {
       type: String,
@@ -2193,11 +2195,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 +2244,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 +2268,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 +2285,13 @@ const Cn = "[-+]?[0-9]*.?[0-9]+", xr = [
       me && u(me);
     }, y = () => {
       d.value.forEach(u);
-    }, D = (W, me) => {
+    }, k = (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 = k("enter", W);
       s.value(W, ie, {
         duration: t.speed,
         complete: me
@@ -2297,7 +2299,7 @@ const Cn = "[-+]?[0-9]*.?[0-9]+", xr = [
     }, Z = (W, me) => {
       if (!i.value)
         return;
-      const ie = D("leave", W);
+      const ie = k("leave", W);
       s.value(W, ie, {
         duration: t.speed,
         complete: me
@@ -2307,7 +2309,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 +2408,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 +2422,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 +2561,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 +2577,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 +2598,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 +2608,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 +2618,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 k = n, R = a;
+    return n = a = void 0, d = y, s = r.apply(R, k), 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 k = y - l, R = y - d, Z = e - k;
     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 k = y - l, R = y - d;
+    return l === void 0 || k >= e || k < 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(), k = D(y);
+    if (n = arguments, a = this, l = y, k) {
       if (i === void 0)
         return E(l);
       if (p)
@@ -2724,20 +2726,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: (k) => {
+        t("update:modelValue", k);
       }
-    }), 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 = (k) => {
+      t("input", k), g();
+    }, v = (k) => {
+      t("change", k), 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 +2750,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 = (k) => {
+      i.value = k;
+    }, u = (k) => {
+      o.value = k;
+    }, m = (k) => {
+      t("blur", k), g.cancel(), D();
     };
     return e({
       focus: x,
       setError: u,
-      validate: _,
+      validate: D,
       getRef: () => d
-    }), (D, R) => (c(), b("div", {
+    }), (k, R) => (c(), b("div", {
       class: ae(["d-input-string", C.value])
     }, [
       T("div", Ci, [
@@ -2770,7 +2772,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(k.$slots, "pre")
           ])) : L("", !0),
           T("div", Oi, [
             He(T("input", {
@@ -2779,7 +2781,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 +2813,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(k.$slots, "post")
           ])) : L("", !0)
         ]),
         n.help ? (c(), b("div", {
@@ -2877,13 +2879,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 +2895,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 +2905,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 +2933,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 +3040,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 +3055,7 @@ const Qm = {
             ref_for: !0,
             ref: i
           }, null, 512)), [
-            [On, E === o.value]
+            [Ln, E === o.value]
           ])
         ]))), 256))
       ], 1024))
@@ -3127,7 +3129,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 +3189,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 +3213,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 +3367,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 +3517,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 k = 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) ? k = k.filter((me) => String(me[ne.key]) === String(W)) : (ne.search === "string" || ne.search === "number") && (k = k.filter((me) => me[ne.key] && me[ne.key].toString().toUpperCase().includes(W.toString().toUpperCase()))));
       }
-      return D.slice(m, y + 1);
-    }), _ = P(() => {
+      return k.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 +3549,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] = (k) => p(k))
                 }, 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, (k) => (c(), b("th", {
+                key: k.key,
+                onClick: (R) => g(R, k.key),
                 class: "d-cell",
-                style: ue(D.style)
+                style: ue(k.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(k.title), 1),
+                  Q(B).getters.getSortField(n.id) === k.key && Q(B).getters.getSortDirection(n.id) === "asc" ? (c(), b("svg", Dl, $l)) : L("", !0),
+                  Q(B).getters.getSortField(n.id) === k.key && Q(B).getters.getSortDirection(n.id) === "desc" ? (c(), b("svg", Ml, Pl)) : L("", !0)
                 ])
               ], 12, Sl))), 128))
             ])
@@ -3569,50 +3571,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, (k, R) => (c(), b("td", {
                 key: R,
                 class: "d-cell"
               }, [
-                Object.hasOwn(D, "search") && D.search === "string" ? (c(), H(et, {
+                Object.hasOwn(k, "search") && k.search === "string" ? (c(), H(et, {
                   key: 0,
-                  modelValue: l.value[D.key],
-                  "onUpdate:modelValue": (Z) => l.value[D.key] = Z,
+                  modelValue: l.value[k.key],
+                  "onUpdate:modelValue": (Z) => l.value[k.key] = Z,
                   placeholder: "Поиск..."
                 }, null, 8, ["modelValue", "onUpdate:modelValue"])) : L("", !0),
-                Object.hasOwn(D, "search") && D.search === "number" ? (c(), H(et, {
+                Object.hasOwn(k, "search") && k.search === "number" ? (c(), H(et, {
                   key: 1,
-                  modelValue: l.value[D.key],
-                  "onUpdate:modelValue": (Z) => l.value[D.key] = Z,
+                  modelValue: l.value[k.key],
+                  "onUpdate:modelValue": (Z) => l.value[k.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(k, "search") && typeof k.search == "function" ? (c(), H(Ae(k.search()), { key: 2 })) : L("", !0),
+                Object.hasOwn(k, "search") && Array.isArray(k.search) ? (c(), H(Vn, {
                   key: 3,
-                  modelValue: l.value[D.key],
-                  "onUpdate:modelValue": (Z) => l.value[D.key] = Z,
+                  modelValue: l.value[k.key],
+                  "onUpdate:modelValue": (Z) => l.value[k.key] = Z,
                   size: "wide",
-                  options: [{ label: "Все", value: "" }, ...D.search]
+                  options: [{ label: "Все", value: "" }, ...k.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, (k) => (c(), b("tr", {
+              key: k.id,
+              class: ae(["d-row", Q(B).getters.getSelected(n.id).includes(k.id) ? "active" : ""]),
+              onClick: (R) => x(k)
             }, [
               n.selectable === "check" ? (c(), b("td", Vl, [
-                F(on, {
-                  checked: S(D.id),
-                  onChange: (R) => C(R, D.id)
+                F(sn, {
+                  checked: _(k.id),
+                  onChange: (R) => C(R, k.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, k)
               }, [
-                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(k, R.key)), { key: 0 })) : (c(), b("div", Fl, G(k[R.key]), 1))
               ], 40, zl))), 128))
             ], 10, Il))), 128))
           ])
@@ -3621,16 +3623,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] = (k) => a.value = k),
           "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] = (k) => s.value = k),
+            options: D.value,
             onChange: $
           }, null, 8, ["modelValue", "options"])
         ])
@@ -3664,7 +3666,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 +3701,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 +3748,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 +3759,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 +3813,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 +3824,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 +3837,7 @@ const Qm = {
       validate: l,
       getRef: () => o,
       reset: g,
-      update: S,
+      update: _,
       element: C,
       blur: ($) => {
         t("blur", $);
@@ -3849,7 +3851,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 +3950,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 +3963,7 @@ const Qm = {
     });
     const v = () => {
       g.value?.focus();
-    }, _ = () => {
+    }, D = () => {
       d.value = d.value === "password" ? "text" : "password";
     }, x = (u) => {
       i.value = u;
@@ -3975,7 +3977,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 +4011,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 +4040,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 +4081,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 +4147,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 +4162,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 +4332,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 +4459,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 +4471,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 +4482,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 +4908,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 +4977,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 +5038,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 +5078,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 +5110,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 +5147,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 +5205,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 +5244,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 +5254,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 +5315,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 +5395,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 +5504,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 +5523,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 +5599,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,13 +5615,13 @@ 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, k = 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;
+    var S = u.createElement("div");
+    return w && je(S, w), h.appendChild(S), S;
   }
   function Z(h, w) {
-    var k = R(h, e.cssClasses.origin), A = R(k, e.cssClasses.handle);
+    var S = R(h, e.cssClasses.origin), A = R(S, e.cssClasses.handle);
     if (R(A, e.cssClasses.touchArea), A.setAttribute("data-handle", String(w)), e.keyboardSupport && (A.setAttribute("tabindex", "0"), A.addEventListener("keydown", function(j) {
       return Ta(j, w);
     })), e.handleAttributes !== void 0) {
@@ -5628,15 +5630,15 @@ function Dc(r, e, t) {
         A.setAttribute(j, Y[j]);
       });
     }
-    return A.setAttribute("role", "slider"), A.setAttribute("aria-orientation", e.ort ? "vertical" : "horizontal"), w === 0 ? je(A, e.cssClasses.handleLower) : w === e.handles - 1 && je(A, e.cssClasses.handleUpper), k.handle = A, k;
+    return A.setAttribute("role", "slider"), A.setAttribute("aria-orientation", e.ort ? "vertical" : "horizontal"), w === 0 ? je(A, e.cssClasses.handleLower) : w === e.handles - 1 && je(A, e.cssClasses.handleUpper), S.handle = A, S;
   }
   function ne(h, w) {
     return w ? R(h, e.cssClasses.connect) : !1;
   }
   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]));
+    for (var S = 0; S < e.handles; S++)
+      d.push(Z(w, S)), D[S] = S, g.push(ne(l, h[S + 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,22 +5666,22 @@ 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, S) {
+      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(S[w])), _[w].innerHTML = A;
       }
     });
   }
   function we() {
-    Et("update" + ft.aria), bn("update" + ft.aria, function(h, w, k, A, Y) {
-      _.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]));
+    Et("update" + ft.aria), wn("update" + ft.aria, function(h, w, S, 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(S[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);
       });
     });
@@ -5690,8 +5692,8 @@ function Dc(r, e, t) {
     if (h.mode === ht.Count) {
       if (h.values < 2)
         throw new Error("noUiSlider: 'values' (>= 2) required for mode 'count'.");
-      for (var w = h.values - 1, k = 100 / w, A = []; w--; )
-        A[w] = w * k;
+      for (var w = h.values - 1, S = 100 / w, A = []; w--; )
+        A[w] = w * S;
       return A.push(100), Ue(A, h.stepped);
     }
     return h.mode === ht.Positions ? Ue(h.values, h.stepped) : h.mode === ht.Values ? h.stepped ? h.values.map(function(Y) {
@@ -5699,27 +5701,27 @@ function Dc(r, e, t) {
     }) : h.values : [];
   }
   function Ue(h, w) {
-    return h.map(function(k) {
-      return C.fromStepping(w ? C.getStep(k) : k);
+    return h.map(function(S) {
+      return C.fromStepping(w ? C.getStep(S) : S);
     });
   }
   function J(h) {
     function w(ke, $e) {
       return Number((ke + $e).toFixed(7));
     }
-    var k = _e(h), A = {}, Y = C.xVal[0], j = C.xVal[C.xVal.length - 1], re = !1, ee = !1, xe = 0;
-    return k = ju(k.slice().sort(function(ke, $e) {
+    var S = _e(h), A = {}, Y = C.xVal[0], j = C.xVal[C.xVal.length - 1], re = !1, ee = !1, xe = 0;
+    return S = ju(S.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;
+    })), S[0] !== Y && (S.unshift(Y), re = !0), S[S.length - 1] !== j && (S.push(j), ee = !0), S.forEach(function(ke, $e) {
+      var Me, ye, Ve, Ye = ke, Fe = S[$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 = S.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;
   }
-  function M(h, w, k) {
+  function M(h, w, S) {
     var A, Y, j = u.createElement("div"), re = (A = {}, A[Xe.None] = "", A[Xe.NoValue] = e.cssClasses.valueNormal, A[Xe.LargeValue] = e.cssClasses.valueLarge, A[Xe.SmallValue] = e.cssClasses.valueSub, A), ee = (Y = {}, Y[Xe.None] = "", Y[Xe.NoValue] = e.cssClasses.markerNormal, Y[Xe.LargeValue] = e.cssClasses.markerLarge, Y[Xe.SmallValue] = e.cssClasses.markerSub, Y), xe = [e.cssClasses.valueHorizontal, e.cssClasses.valueVertical], ke = [e.cssClasses.markerHorizontal, e.cssClasses.markerVertical];
     je(j, e.cssClasses.pips), je(j, e.ort === 0 ? e.cssClasses.pipsHorizontal : e.cssClasses.pipsVertical);
     function $e(ye, Ve) {
@@ -5729,7 +5731,7 @@ function Dc(r, e, t) {
     function Me(ye, Ve, Ye) {
       if (Ye = w ? w(Ve, Ye) : Ye, Ye !== Xe.None) {
         var Fe = R(j, !1);
-        Fe.className = $e(Ye, e.cssClasses.marker), Fe.style[e.style] = ye + "%", Ye > Xe.NoValue && (Fe = R(j, !1), Fe.className = $e(Ye, e.cssClasses.value), Fe.setAttribute("data-value", String(Ve)), Fe.style[e.style] = ye + "%", Fe.innerHTML = String(k.to(Ve)));
+        Fe.className = $e(Ye, e.cssClasses.marker), Fe.style[e.style] = ye + "%", Ye > Xe.NoValue && (Fe = R(j, !1), Fe.className = $e(Ye, e.cssClasses.value), Fe.setAttribute("data-value", String(Ve)), Fe.style[e.style] = ye + "%", Fe.innerHTML = String(S.to(Ve)));
       }
     }
     return Object.keys(h).forEach(function(ye) {
@@ -5741,36 +5743,36 @@ function Dc(r, e, t) {
   }
   function z(h) {
     O();
-    var w = J(h), k = h.filter, A = h.format || {
+    var w = J(h), S = h.filter, A = h.format || {
       to: function(Y) {
         return String(Math.round(Y));
       }
     };
-    return p = s.appendChild(M(w, k, A)), p;
+    return p = s.appendChild(M(w, S, A)), p;
   }
   function N() {
     var h = i.getBoundingClientRect(), w = "offset" + ["Width", "Height"][e.ort];
     return e.ort === 0 ? h.width || i[w] : h.height || i[w];
   }
-  function U(h, w, k, A) {
+  function U(h, w, S, A) {
     var Y = function(re) {
       var ee = oe(re, A.pageOffset, A.target || w);
       if (!ee || V() && !A.doNotReject || Xu(s, e.cssClasses.tap) && !A.doNotReject || h === n.start && ee.buttons !== void 0 && ee.buttons > 1 || A.hover && ee.buttons)
         return !1;
-      o || ee.preventDefault(), ee.calcPoint = ee.points[e.ort], k(ee, A);
+      o || ee.preventDefault(), ee.calcPoint = ee.points[e.ort], S(ee, A);
     }, j = [];
     return h.split(" ").forEach(function(re) {
       w.addEventListener(re, Y, o ? { passive: !0 } : !1), j.push([re, Y]);
     }), j;
   }
-  function oe(h, w, k) {
+  function oe(h, w, S) {
     var A = h.type.indexOf("touch") === 0, Y = h.type.indexOf("mouse") === 0, j = h.type.indexOf("pointer") === 0, re = 0, ee = 0;
     if (h.type.indexOf("MSPointer") === 0 && (j = !0), h.type === "mousedown" && !h.buttons && !h.touches)
       return !1;
     if (A) {
       var xe = function(Me) {
         var ye = Me.target;
-        return ye === k || k.contains(ye) || h.composed && h.composedPath().shift() === k;
+        return ye === S || S.contains(ye) || h.composed && h.composedPath().shift() === S;
       };
       if (h.type === "touchstart") {
         var ke = Array.prototype.filter.call(h.touches, xe);
@@ -5787,17 +5789,17 @@ function Dc(r, e, t) {
     return w = w || na(u), (Y || j) && (re = h.clientX + w.x, ee = h.clientY + w.y), h.pageOffset = w, h.points = [re, ee], h.cursor = Y || j, h;
   }
   function de(h) {
-    var w = h - qu(i, e.ort), k = w * 100 / N();
-    return k = Pr(k), e.dir ? 100 - k : k;
+    var w = h - qu(i, e.ort), S = w * 100 / N();
+    return S = Pr(S), e.dir ? 100 - S : S;
   }
   function ze(h) {
-    var w = 100, k = !1;
+    var w = 100, S = !1;
     return d.forEach(function(A, Y) {
       if (!K(Y)) {
         var j = v[Y], re = Math.abs(j - h), ee = re === 100 && w === 100, xe = re < w, ke = re <= w && h > j;
-        (xe || ke || ee) && (k = Y, w = re);
+        (xe || ke || ee) && (S = Y, w = re);
       }
-    }), k;
+    }), S;
   }
   function tt(h, w) {
     h.type === "mouseout" && h.target.nodeName === "HTML" && h.relatedTarget === null && Lt(h, w);
@@ -5805,33 +5807,33 @@ function Dc(r, e, t) {
   function Kt(h, w) {
     if (navigator.appVersion.indexOf("MSIE 9") === -1 && h.buttons === 0 && w.buttonsProperty !== 0)
       return Lt(h, w);
-    var k = (e.dir ? -1 : 1) * (h.calcPoint - w.startCalcPoint), A = k * 100 / w.baseSize;
-    dr(k > 0, A, w.locations, w.handleNumbers, w.connect);
+    var S = (e.dir ? -1 : 1) * (h.calcPoint - w.startCalcPoint), A = S * 100 / w.baseSize;
+    dr(S > 0, A, w.locations, w.handleNumbers, w.connect);
   }
   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) {
-      vt(k, v[k], !0, !0, !1, !1);
-    }), w.handleNumbers.forEach(function(k) {
-      Le("update", k);
-    })), w.handleNumbers.forEach(function(k) {
-      Le("change", k), Le("set", k), Le("end", k);
+    w.handle && (rn(w.handle, e.cssClasses.active), x -= 1), w.listeners.forEach(function(S) {
+      m.removeEventListener(S[0], S[1]);
+    }), x === 0 && (rn(s, e.cssClasses.drag), kn(), h.cursor && (y.style.cursor = "", y.removeEventListener("selectstart", Mr))), e.events.smoothSteps && (w.handleNumbers.forEach(function(S) {
+      vt(S, v[S], !0, !0, !1, !1);
+    }), w.handleNumbers.forEach(function(S) {
+      Le("update", S);
+    })), w.handleNumbers.forEach(function(S) {
+      Le("change", S), Le("set", S), Le("end", S);
     });
   }
   function Dt(h, w) {
     if (!w.handleNumbers.some(K)) {
-      var k;
+      var S;
       if (w.handleNumbers.length === 1) {
         var A = d[w.handleNumbers[0]];
-        k = A.children[0], x += 1, je(k, e.cssClasses.active);
+        S = A.children[0], x += 1, je(S, e.cssClasses.active);
       }
       h.stopPropagation();
       var Y = [], j = U(n.move, m, Kt, {
         // The event target has changed so we need to propagate the original one so that we keep
         // relying on it to extract target touches.
         target: h.target,
-        handle: k,
+        handle: S,
         connect: w.connect,
         listeners: Y,
         startCalcPoint: h.calcPoint,
@@ -5842,13 +5844,13 @@ function Dc(r, e, t) {
         locations: v.slice()
       }), re = U(n.end, m, Lt, {
         target: h.target,
-        handle: k,
+        handle: S,
         listeners: Y,
         doNotReject: !0,
         handleNumbers: w.handleNumbers
       }), ee = U("mouseout", m, tt, {
         target: h.target,
-        handle: k,
+        handle: S,
         listeners: Y,
         doNotReject: !0,
         handleNumbers: w.handleNumbers
@@ -5860,11 +5862,11 @@ 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)));
+    var w = de(h.calcPoint), S = ze(w);
+    S !== !1 && (e.events.snap || Tr(s, e.cssClasses.tap, e.animationDuration), vt(S, w, !0, !0), kn(), Le("slide", S, !0), Le("update", S, !0), e.events.snap ? Dt(h, { handleNumbers: [S] }) : (Le("change", S, !0), Le("set", S, !0)));
   }
   function Ma(h) {
-    var w = de(h.calcPoint), k = C.getStep(w), A = C.fromStepping(k);
+    var w = de(h.calcPoint), S = C.getStep(w), A = C.fromStepping(S);
     Object.keys($).forEach(function(Y) {
       Y.split(".")[0] === "hover" && $[Y].forEach(function(j) {
         j.call(en, A);
@@ -5874,9 +5876,9 @@ function Dc(r, e, t) {
   function Ta(h, w) {
     if (V() || K(w))
       return !1;
-    var k = ["Left", "Right"], A = ["Down", "Up"], Y = ["PageDown", "PageUp"], j = ["Home", "End"];
-    e.dir && !e.ort ? k.reverse() : e.ort && !e.dir && (A.reverse(), Y.reverse());
-    var re = h.key.replace("Arrow", ""), ee = re === Y[0], xe = re === Y[1], ke = re === A[0] || re === k[0] || ee, $e = re === A[1] || re === k[1] || xe, Me = re === j[0], ye = re === j[1];
+    var S = ["Left", "Right"], A = ["Down", "Up"], Y = ["PageDown", "PageUp"], j = ["Home", "End"];
+    e.dir && !e.ort ? S.reverse() : e.ort && !e.dir && (A.reverse(), Y.reverse());
+    var re = h.key.replace("Arrow", ""), ee = re === Y[0], xe = re === Y[1], ke = re === A[0] || re === S[0] || ee, $e = re === A[1] || re === S[1] || xe, Me = re === j[0], ye = re === j[1];
     if (!ke && !$e && !Me && !ye)
       return !0;
     h.preventDefault();
@@ -5890,16 +5892,16 @@ function Dc(r, e, t) {
     return vt(w, C.toStepping(Ve), !0, !0), Le("slide", w), Le("update", w), Le("change", w), Le("set", w), !1;
   }
   function cr(h) {
-    h.fixed || d.forEach(function(w, k) {
+    h.fixed || d.forEach(function(w, S) {
       U(n.start, w.children[0], Dt, {
-        handleNumbers: [k]
+        handleNumbers: [S]
       });
     }), h.tap && U(n.start, i, $a, {}), h.hover && U(n.move, i, Ma, {
       hover: !0
-    }), 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) {
+    }), h.drag && g.forEach(function(w, S) {
+      if (!(w === !1 || S === 0 || S === g.length - 1)) {
+        var A = d[S - 1], Y = d[S], j = [w], re = [A, Y], ee = [S - 1, S];
+        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,8 +5911,8 @@ function Dc(r, e, t) {
       }
     });
   }
-  function bn(h, w) {
-    $[h] = $[h] || [], $[h].push(w), h.split(".")[0] === "update" && d.forEach(function(k, A) {
+  function wn(h, w) {
+    $[h] = $[h] || [], $[h].push(w), h.split(".")[0] === "update" && d.forEach(function(S, A) {
       Le("update", A);
     });
   }
@@ -5918,13 +5920,13 @@ function Dc(r, e, t) {
     return h === ft.aria || h === ft.tooltips;
   }
   function Et(h) {
-    var w = h && h.split(".")[0], k = w ? h.substring(w.length) : h;
+    var w = h && h.split(".")[0], S = w ? h.substring(w.length) : h;
     Object.keys($).forEach(function(A) {
       var Y = A.split(".")[0], j = A.substring(Y.length);
-      (!w || w === Y) && (!k || k === j) && (!Pa(j) || k === j) && delete $[A];
+      (!w || w === Y) && (!S || S === j) && (!Pa(j) || S === j) && delete $[A];
     });
   }
-  function Le(h, w, k) {
+  function Le(h, w, S) {
     Object.keys($).forEach(function(A) {
       var Y = A.split(".")[0];
       h === Y && $[A].forEach(function(j) {
@@ -5938,7 +5940,7 @@ function Dc(r, e, t) {
           // Un-formatted slider values
           E.slice(),
           // Event is fired by tap, true or false
-          k || !1,
+          S || !1,
           // Left offset of the handle, in relation to the slider
           v.slice(),
           // add the slider public API to an accessible parameter when this is unavailable
@@ -5947,23 +5949,23 @@ function Dc(r, e, t) {
       });
     });
   }
-  function Zt(h, w, k, A, Y, j, re) {
+  function Zt(h, w, S, A, Y, j, re) {
     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;
+    return d.length > 1 && !e.events.unconstrained && (A && w > 0 && (ee = C.getAbsoluteDistance(h[w - 1], e.margin, !1), S = Math.max(S, ee)), Y && w < d.length - 1 && (ee = C.getAbsoluteDistance(h[w + 1], e.margin, !0), S = Math.min(S, ee))), d.length > 1 && e.limit && (A && w > 0 && (ee = C.getAbsoluteDistance(h[w - 1], e.limit, !1), S = Math.min(S, ee)), Y && w < d.length - 1 && (ee = C.getAbsoluteDistance(h[w + 1], e.limit, !0), S = Math.max(S, ee))), e.padding && (w === 0 && (ee = C.getAbsoluteDistance(0, e.padding[0], !1), S = Math.max(S, ee)), w === d.length - 1 && (ee = C.getAbsoluteDistance(100, e.padding[1], !0), S = Math.min(S, ee))), re || (S = C.getStep(S)), S = Pr(S), S === h[w] && !j ? !1 : S;
   }
-  function wn(h, w) {
-    var k = e.ort;
-    return (k ? w : h) + ", " + (k ? h : w);
+  function xn(h, w) {
+    var S = e.ort;
+    return (S ? w : h) + ", " + (S ? h : w);
   }
-  function dr(h, w, k, A, Y) {
-    var j = k.slice(), re = A[0], ee = e.events.smoothSteps, xe = [!h, h], ke = [h, !h];
+  function dr(h, w, S, A, Y) {
+    var j = S.slice(), re = A[0], ee = e.events.smoothSteps, xe = [!h, h], ke = [h, !h];
     A = A.slice(), h && A.reverse(), A.length > 1 ? A.forEach(function(Me, ye) {
       var Ve = Zt(j, Me, j[Me] + w, xe[ye], ke[ye], !1, ee);
       Ve === !1 ? w = 0 : (w = Ve - j[Me], j[Me] = Ve);
     }) : xe = ke = [!0];
     var $e = !1;
     A.forEach(function(Me, ye) {
-      $e = vt(Me, k[Me] + w, xe[ye], ke[ye], !1, ee) || $e;
+      $e = vt(Me, S[Me] + w, xe[ye], ke[ye], !1, ee) || $e;
     }), $e && (A.forEach(function(Me) {
       Le("update", Me), Le("slide", Me);
     }), Y != null && Le("drag", re));
@@ -5973,7 +5975,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 S = fr(w, 0) - k, A = "translate(" + xn(S + "%", "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,14 +5987,14 @@ function Dc(r, e, t) {
     }
     It(h), It(h + 1), f && (It(h - 1), It(h + 2));
   }
-  function xn() {
-    _.forEach(function(h) {
-      var w = v[h] > 50 ? -1 : 1, k = 3 + (d.length + w * h);
-      d[h].style.zIndex = String(k);
+  function kn() {
+    D.forEach(function(h) {
+      var w = v[h] > 50 ? -1 : 1, S = 3 + (d.length + w * h);
+      d[h].style.zIndex = String(S);
     });
   }
-  function vt(h, w, k, A, Y, j) {
-    return Y || (w = Zt(v, h, w, k, A, !1, j)), w === !1 ? !1 : (Oa(h, w), !0);
+  function vt(h, w, S, A, Y, j) {
+    return Y || (w = Zt(v, h, w, S, A, !1, j)), w === !1 ? !1 : (Oa(h, w), !0);
   }
   function It(h) {
     if (g[h]) {
@@ -6000,42 +6002,42 @@ function Dc(r, e, t) {
       f && w.sort(function(ee, xe) {
         return ee - xe;
       });
-      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 S = 0, A = 100;
+      h !== 0 && (S = w[h - 1]), h !== g.length - 1 && (A = w[h]);
+      var Y = A - S, j = "translate(" + xn(fr(S, Y) + "%", "0") + ")", re = "scale(" + xn(Y / 100, "1") + ")";
       g[h].style[e.transformRule] = j + " " + re;
     }
   }
   function pr(h, w) {
     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) {
-      vt(ee, pr(A[ee], ee), !0, !1, k);
+  function Jt(h, w, S) {
+    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, S);
     });
-    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() && (S = !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) {
-        vt(ee, v[ee], !0, !0, k);
+    for (; j < D.length; ++j)
+      D.forEach(function(ee) {
+        vt(ee, v[ee], !0, !0, S);
       });
-    xn(), _.forEach(function(ee) {
+    kn(), D.forEach(function(ee) {
       Le("update", ee), A[ee] !== null && w && Le("set", ee);
     });
   }
   function La(h) {
     Jt(e.start, h);
   }
-  function Ea(h, w, k, A) {
-    if (h = Number(h), !(h >= 0 && h < _.length))
+  function Ea(h, w, S, A) {
+    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);
+    vt(h, pr(w, h), !0, !0, A), Le("update", h), S && Le("set", h);
   }
   function mr(h) {
     if (h === void 0 && (h = !1), h)
@@ -6051,21 +6053,21 @@ function Dc(r, e, t) {
     delete s.noUiSlider;
   }
   function hr(h) {
-    var w = v[h], k = C.getNearbySteps(w), A = E[h], Y = k.thisStep.step, j = null;
+    var w = v[h], S = C.getNearbySteps(w), A = E[h], Y = S.thisStep.step, j = null;
     if (e.snap)
       return [
-        A - k.stepBefore.startValue || null,
-        k.stepAfter.startValue - A || null
+        A - S.stepBefore.startValue || null,
+        S.stepAfter.startValue - A || null
       ];
-    Y !== !1 && A + Y > k.stepAfter.startValue && (Y = k.stepAfter.startValue - A), A > k.thisStep.startValue ? j = k.thisStep.step : k.stepBefore.step === !1 ? j = !1 : j = A - k.stepBefore.highestStep, w === 100 ? Y = null : w === 0 && (j = null);
+    Y !== !1 && A + Y > S.stepAfter.startValue && (Y = S.stepAfter.startValue - A), A > S.thisStep.startValue ? j = S.thisStep.step : S.stepBefore.step === !1 ? j = !1 : j = A - S.stepBefore.highestStep, w === 100 ? Y = null : w === 0 && (j = null);
     var re = C.countStepDecimals();
     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 = [
+    var S = mr(), A = [
       "margin",
       "limit",
       "padding",
@@ -6084,7 +6086,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 : S, w), h.connect && vr();
   }
   function vr() {
     for (; l.firstChild; )
@@ -6109,7 +6111,7 @@ function Dc(r, e, t) {
   var en = {
     destroy: Ia,
     steps: Va,
-    on: bn,
+    on: wn,
     off: Et,
     get: mr,
     set: Jt,
@@ -6118,8 +6120,8 @@ function Dc(r, e, t) {
     disable: q,
     enable: he,
     // Exposed for unit testing, don't use this in your application.
-    __moveHandles: function(h, w, k) {
-      dr(h, w, v, k);
+    __moveHandles: function(h, w, S) {
+      dr(h, w, v, S);
     },
     options: t,
     updateOptions: za,
@@ -6130,7 +6132,7 @@ function Dc(r, e, t) {
       return v.slice();
     },
     getTooltips: function() {
-      return S;
+      return _;
     },
     getOrigins: function() {
       return d;
@@ -6264,7 +6266,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 +6276,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 +6305,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 +6562,11 @@ function Fc() {
       ) || i(
         "radial-gradient",
         e.radialGradient,
-        S
+        _
       ) || i(
         "repeating-radial-gradient",
         e.repeatingRadialGradient,
-        S
+        _
       );
     }
     function i(J, M, O) {
@@ -6601,7 +6603,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 +6612,7 @@ function Fc() {
       if (J)
         J.at = x();
       else {
-        var M = _();
+        var M = D();
         if (M) {
           J = M;
           var O = x();
@@ -6635,13 +6637,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 +6678,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() || k();
     }
-    function D() {
+    function k() {
       return we("literal", e.literalColor, 0);
     }
     function R() {
@@ -6843,11 +6845,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), k = y[0].type.split("-");
+      l.value = k[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 +6864,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 +6897,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 +6939,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 +6962,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
           }, [
             F(Bu, {
               modelValue: m.code,
-              "onUpdate:modelValue": (D) => m.code = D,
+              "onUpdate:modelValue": (k) => m.code = k,
               style: { flex: "1" },
               format: "rgba",
               onChange: $
@@ -6968,11 +6970,11 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
             Q(p) > 1 ? (c(), H(fe, {
               key: 0,
               icon: "MinusSharp",
-              onClick: (D) => x(y)
+              onClick: (k) => 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 +7032,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 +7040,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 +7064,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
     }, m = (M) => {
       const O = d.value.activeSplitter;
       let z = {
-        prevPanesSize: D(O),
+        prevPanesSize: k(O),
         nextPanesSize: R(O),
         prevReachedMinPanes: 0,
         nextReachedMinPanes: 0
@@ -7084,21 +7086,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 = k(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 = () => {
+    }, k = (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 +7196,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 +7210,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 +7316,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 +7327,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 +7350,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 +7449,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 +7460,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 +7503,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 +7523,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 +7585,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 +7607,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 +7629,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 +7653,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 +7763,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 +7799,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 +7809,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 +7837,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) => {
+    }, k = (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 +7873,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 +7943,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 +7997,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: k,
             disabled: d.value,
             size: "small"
           }, null, 8, ["modelValue", "items", "disabled"])
@@ -8059,7 +8061,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 +8091,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 +8101,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 +8247,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 +8269,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 +9311,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 +9321,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 +9337,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 +9364,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 +9564,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 +9706,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 +9733,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 +10163,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 +10201,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 +10253,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 +10321,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 +10714,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 +10748,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 +10814,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 +10854,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 +10879,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 +10994,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 +11020,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 +11070,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((k) => Pn(f, k)) || 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 +11084,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 +11098,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 +11113,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 +11135,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 +11156,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 +11190,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 +11203,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 +11227,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 +11240,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 +11284,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 +11297,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 +11315,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 +11325,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 +11386,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 +11419,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 +11442,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 +11453,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 +11553,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 +11605,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 +11632,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 +11753,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 +11761,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 +11807,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 +11816,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 +11831,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 +11842,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 +11945,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 +11953,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 +11981,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] = (k) => _("day", k)),
             onMonthClick: E,
             onYearClick: v,
             onSelect: x
@@ -11990,7 +11992,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] = (k) => _("day", k)),
             onDayClick: C,
             onYearClick: v
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : L("", !0),
@@ -12000,29 +12002,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] = (k) => _("day", k)),
             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] = (k) => o.value.h = k),
               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] = (k) => o.value.m = k),
               style: { width: "50px" },
               "max-length": 2,
               "input-style": { fontSize: "1.2em", textAlign: "center" }
@@ -12041,7 +12043,7 @@ const im = {
               _: 1
             }),
             F(fe, {
-              onClick: y[5] || (y[5] = (D) => a.value.hide())
+              onClick: y[5] || (y[5] = (k) => a.value.hide())
             }, {
               default: X(() => [
                 se(G(n.close), 1)
@@ -12089,6 +12091,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 +12108,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 +12134,7 @@ function Br(r) {
   }
   return r;
 })();
-const kh = {
+const Sh = {
   install(r, e) {
     var t = Object.assign({}, {
       // CORE
@@ -12149,10 +12160,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, k = 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, k, "hold");
+      }, u.options.touchHoldTolerance)), _(f, this, "press")));
     }
     function a(f) {
       var u = this.$$touchObj;
@@ -12166,8 +12177,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), k = Br(f), R = u.currentX != y || u.currentY != k;
+      if (u.currentX = y, u.currentY = k, !m)
         if (u.touchMoved) {
           if (u.hasSwipe && !u.swipeOutBounded) {
             var ne = u.options.swipeTolerance;
@@ -12175,16 +12186,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 +12218,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 k = y / f.initialZoomDistance;
+      p(f, "zoom") && Math.abs(k - 1) > f.options.zoomDistance / f.initialZoomDistance && _(u, f.element, "zoom", k), (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 +12230,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 k = 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") && k) {
           f.cancelable && f.preventDefault();
           return;
         } else
-          S(f, this, "tap");
+          _(f, this, "tap");
       }
     }
     function d() {
@@ -12246,8 +12257,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 k = u.$$touchObj, R = k.callbacks[m];
       if (R == null || R.length === 0)
         return null;
       for (var Z = 0; Z < R.length; Z++) {
@@ -12266,7 +12277,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 +12307,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 k = u.modifiers;
+            if (k.left || k.right || k.top || k.bottom) {
               for (var R in u.modifiers)
                 if (["left", "right", "top", "bottom"].indexOf(R) >= 0) {
                   var Z = "swipe." + R;
@@ -12323,17 +12334,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 +12359,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 +12405,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
 };