doph-js 0.4.47 → 0.4.48

package/dist/dophJs.js

@@ -121,17 +121,17 @@ const Se = (r, e) => {
   },
   emits: ["click", "contextmenu"],
   setup(r, { expose: e, emit: t }) {
-    const n = r, a = ct(), o = I(null), s = T(() => n.icon ? Ke.getters.getIcon(n.icon) : null), i = (g) => {
-      t("click", g);
-    }, l = (g) => {
-      t("contextmenu", g);
-    }, d = T(() => n.scale === "large" ? "button-lg" : n.scale === "small" ? "button-sm" : ""), v = T(() => n.disabled ? "disabled" : ""), h = (g) => !!a[g], _ = T(() => h("default") ? "" : n.scale === "large" ? "d-button-lg-icon" : n.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), C = T(() => {
-      const g = n.outline ? "-outline" : "";
-      return n.type === "primary" ? `button${g}-blue` : n.type === "success" ? `button${g}-green` : n.type === "error" ? `button${g}-red` : n.type === "warning" ? `button${g}-orange` : n.type === "wait" ? `button${g}-violet` : n.outline ? `button${g}` : "";
+    const n = r, a = ct(), o = I(null), s = T(() => n.icon ? Ke.getters.getIcon(n.icon) : null), i = (y) => {
+      t("click", y);
+    }, l = (y) => {
+      t("contextmenu", y);
+    }, d = T(() => n.scale === "large" ? "button-lg" : n.scale === "small" ? "button-sm" : ""), v = T(() => n.disabled ? "disabled" : ""), h = (y) => !!a[y], D = T(() => h("default") ? "" : n.scale === "large" ? "d-button-lg-icon" : n.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), C = T(() => {
+      const y = n.outline ? "-outline" : "";
+      return n.type === "primary" ? `button${y}-blue` : n.type === "success" ? `button${y}-green` : n.type === "error" ? `button${y}-red` : n.type === "warning" ? `button${y}-orange` : n.type === "wait" ? `button${y}-violet` : n.outline ? `button${y}` : "";
     });
     return e({
       elementSize: () => Kr(o)
-    }), (g, S) => (c(), b(pe, null, [
+    }), (y, k) => (c(), b(pe, null, [
       s.value ? L("", !0) : (c(), b("div", {
         key: 0,
         title: n.title,
@@ -142,7 +142,7 @@ const Se = (r, e) => {
         class: ae(["button", [n.class, d.value, C.value, v.value].join(" ")]),
         style: ue(n.style)
       }, [
-        le(g.$slots, "default", {}, void 0, !0),
+        le(y.$slots, "default", {}, void 0, !0),
         n.loading ? (c(), b("svg", ja, qa)) : L("", !0)
       ], 46, Ya)),
       s.value ? (c(), b("div", {
@@ -152,7 +152,7 @@ const Se = (r, e) => {
         ref: o,
         onClick: i,
         onContextmenu: l,
-        class: ae(["button button-ext", [n.class, d.value, _.value, C.value, v.value].join(" ")]),
+        class: ae(["button button-ext", [n.class, d.value, D.value, C.value, v.value].join(" ")]),
         style: ue(n.style)
       }, [
         n.icon ? (c(), F(Ae(Qe), {
@@ -161,7 +161,7 @@ const Se = (r, e) => {
           color: "inherit"
         }, null, 8, ["component"])) : L("", !0),
         Q(a).default ? (c(), b("div", Xa, [
-          le(g.$slots, "default", {}, void 0, !0)
+          le(y.$slots, "default", {}, void 0, !0)
         ])) : L("", !0),
         n.loading ? (c(), b("svg", Ga, Ka)) : L("", !0)
       ], 46, Ua)) : L("", !0)
@@ -365,8 +365,8 @@ const Se = (r, e) => {
       l.style.width = v, l.style.position = "absolute", l.style.visibility = "hidden", l.style.height = "";
       let { height: h } = 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 : h;
-    }, a = (l, d, v, h, _) => {
-      const C = l.animate(h, _);
+    }, a = (l, d, v, h, D) => {
+      const C = l.animate(h, D);
       l.style.height = d.height, C.onfinish = () => {
         l.style.overflow = d.overflow, v();
       };
@@ -392,12 +392,12 @@ const Se = (r, e) => {
         marginBottom: d.marginBottom
       }
     ], s = (l, d) => {
-      const v = l, h = t(v), _ = n(v, h), C = o(_, h), E = { duration: e.duration, easing: e.easingEnter };
+      const v = l, h = t(v), D = n(v, h), C = o(D, h), E = { duration: e.duration, easing: e.easingEnter };
       a(v, h, d, C, E);
     }, i = (l, d) => {
-      const v = l, h = t(v), { height: _ } = getComputedStyle(v);
-      v.style.height = _, v.style.overflow = "hidden";
-      const C = o(_, h).reverse(), E = { duration: e.duration, easing: e.easingLeave };
+      const v = l, h = t(v), { height: D } = getComputedStyle(v);
+      v.style.height = D, v.style.overflow = "hidden";
+      const C = o(D, h).reverse(), E = { duration: e.duration, easing: e.easingLeave };
       a(v, h, d, C, E);
     };
     return (l, d) => (c(), F(Bn, {
@@ -500,61 +500,61 @@ const Se = (r, e) => {
   },
   emits: ["nodedrop", "nodedragover", "nodedragleave", "nodeclick", "nodecontext", "nodedoubleclick", "nodefoldericonclick"],
   setup(r, { emit: e }) {
-    const t = r, n = I(null), a = I(!1), o = I(!1), s = I(!1), i = T(() => t.model.children && t.model.children.length), l = T(() => (te.actions.isTreeExpanded(t.treeId) && (t.model.expanded = t.model.expanded === void 0 ? !0 : t.model.expanded), t.model.expanded)), d = (y) => {
-      if (y.stopPropagation(), y.target.tagName !== "A") {
-        if (y.target.closest(".icon") && !y.target.closest('[class*="tree-open"]')) {
-          y.stopPropagation();
+    const t = r, n = I(null), a = I(!1), o = I(!1), s = I(!1), i = T(() => t.model.children && t.model.children.length), l = T(() => (te.actions.isTreeExpanded(t.treeId) && (t.model.expanded = t.model.expanded === void 0 ? !0 : t.model.expanded), t.model.expanded)), d = (g) => {
+      if (g.stopPropagation(), g.target.tagName !== "A") {
+        if (g.target.closest(".icon") && !g.target.closest('[class*="tree-open"]')) {
+          g.stopPropagation();
           return;
         }
-        y.target.closest(".badge-sm") || e("nodeclick", { event: y, model: t.model });
+        g.target.closest(".badge-sm") || e("nodeclick", { event: g, model: t.model });
       }
-    }, v = (y) => {
-      e("nodefoldericonclick", { event: y.event, model: y.model });
-    }, h = (y) => {
-      e("nodeclick", y);
-    }, _ = (y) => {
-      e("nodedoubleclick", y);
-    }, C = (y) => {
-      e("nodedrop", y);
-    }, E = (y) => {
-      e("nodecontext", y);
-    }, g = T(() => [
+    }, v = (g) => {
+      e("nodefoldericonclick", { event: g.event, model: g.model });
+    }, h = (g) => {
+      e("nodeclick", g);
+    }, D = (g) => {
+      e("nodedoubleclick", g);
+    }, C = (g) => {
+      e("nodedrop", g);
+    }, E = (g) => {
+      e("nodecontext", g);
+    }, y = T(() => [
       te.actions.isItemSelected(t.treeId, t.model.id) ? "selected" : "",
       a.value ? "node-over " : "",
       o.value ? "node-top " : "",
       s.value ? "node-bottom " : ""
-    ]), S = T(() => t.search ? !1 : t.model.draggable === !0), x = (y) => {
-      let D = an.data;
-      if (D === void 0 || D.model === void 0)
+    ]), k = T(() => t.search ? !1 : t.model.draggable === !0), x = (g) => {
+      let S = an.data;
+      if (S === void 0 || S.model === void 0)
         return a.value = !1, !1;
-      if (D.model.id === t.model.id || te.actions.isChildOfParent(t.treeId, t.items, t.model.id, D.model.id) || te.actions.isParentOfChild(t.treeId, t.items, D.model.id, t.model.id))
+      if (S.model.id === t.model.id || te.actions.isChildOfParent(t.treeId, t.items, t.model.id, S.model.id) || te.actions.isParentOfChild(t.treeId, t.items, S.model.id, t.model.id))
         return a.value = !1, o.value = !1, s.value = !1, !1;
-      if (!te.state.trees[t.treeId].transfer && D.id !== t.treeId || !te.state.trees[t.treeId].dropInside && !s.value && !o.value || D.id === t.treeId && !t.model.droppable)
+      if (!te.state.trees[t.treeId].transfer && S.id !== t.treeId || !te.state.trees[t.treeId].dropInside && !s.value && !o.value || S.id === t.treeId && !t.model.droppable)
         return !1;
-      let N = "";
-      o.value ? N = "before" : s.value ? N = "after" : N = "inside", e("nodedrop", { e: y, model: t.model, place: N }), te.actions.moveTreeNode(D.id, t.treeId, t.items, D.model.id, t.model.id, N, D.model?.transfer), a.value = !1, o.value = !1, s.value = !1;
-    }, $ = (y) => {
-      e("nodedragover", { e: y, model: t.model });
-      let D = an.data;
+      let R = "";
+      o.value ? R = "before" : s.value ? R = "after" : R = "inside", e("nodedrop", { e: g, model: t.model, place: R }), te.actions.moveTreeNode(S.id, t.treeId, t.items, S.model.id, t.model.id, R, S.model?.transfer), a.value = !1, o.value = !1, s.value = !1;
+    }, $ = (g) => {
+      e("nodedragover", { e: g, model: t.model });
+      let S = an.data;
       if (!t.model.droppable)
         return !1;
-      if (D === void 0 || D.model === void 0)
+      if (S === void 0 || S.model === void 0)
         return a.value = !0, !1;
-      if (D.model.id === t.model.id || te.actions.isChildOfParent(t.treeId, t.items, t.model.id, D.model.id) || te.actions.isParentOfChild(t.treeId, t.items, D.model.id, t.model.id))
+      if (S.model.id === t.model.id || te.actions.isChildOfParent(t.treeId, t.items, t.model.id, S.model.id) || te.actions.isParentOfChild(t.treeId, t.items, S.model.id, t.model.id))
         return !1;
-      const N = y.y, ee = n.value.getBoundingClientRect().top, ne = n.value.getBoundingClientRect().height, W = ne / 3;
-      N > ee && N <= ee + W ? (a.value = !1, o.value = !0, s.value = !1) : N < ee + ne && N >= ee + 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);
+      const R = g.y, ee = n.value.getBoundingClientRect().top, ne = n.value.getBoundingClientRect().height, W = ne / 3;
+      R > ee && R <= ee + W ? (a.value = !1, o.value = !0, s.value = !1) : R < ee + ne && R >= ee + 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);
     }, f = () => {
       a.value = !1, o.value = !1, s.value = !1;
     }, u = T(() => t.model.title.startsWith("-")), p = T(() => {
       if (t.model.title.startsWith("-")) {
-        let [y, ...D] = t.model.title.split(" ");
-        return D = D.join(" "), D;
+        let [g, ...S] = t.model.title.split(" ");
+        return S = S.join(" "), S;
       }
       return null;
     });
-    return (y, D) => {
-      const N = mt("d-tree-item", !0), ee = Yn("touch");
+    return (g, S) => {
+      const R = mt("d-tree-item", !0), ee = Yn("touch");
       return Q(te).actions.beforeItem(t.treeId, r.model) ? u.value && !p.value ? (c(), b("li", wo, ko)) : u.value && p.value ? (c(), b("li", So, [
         P("div", _o, G(Q(te).actions.renderTitle(t.treeId, p.value)), 1)
       ])) : t.model.component ? (c(), F(wr, {
@@ -562,9 +562,9 @@ const Se = (r, e) => {
         tag: "li",
         class: "tree-item-component",
         "transfer-data": { id: t.treeId, model: t.model },
-        draggable: S.value,
+        draggable: k.value,
         onDrop: De(x, ["stop"]),
-        onDragenter: D[1] || (D[1] = De(() => {
+        onDragenter: S[1] || (S[1] = De(() => {
         }, ["prevent"])),
         onDragover: De($, ["prevent", "stop"]),
         onDragleave: De(f, ["prevent"])
@@ -573,8 +573,8 @@ const Se = (r, e) => {
           He((c(), b("div", {
             ref_key: "node",
             ref: n,
-            class: ae(g.value),
-            onContextmenu: D[0] || (D[0] = De((ne) => e("nodecontext", { e: ne, model: t.model }), ["prevent"]))
+            class: ae(y.value),
+            onContextmenu: S[0] || (S[0] = De((ne) => e("nodecontext", { e: ne, model: t.model }), ["prevent"]))
           }, [
             (c(), F(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: S.value,
+        draggable: k.value,
         onDrop: De(x, ["stop"]),
-        onDragenter: D[4] || (D[4] = De(() => {
+        onDragenter: S[4] || (S[4] = De(() => {
         }, ["prevent"])),
         onDragover: De($, ["prevent", "stop"]),
         onDragleave: De(f, ["prevent"])
@@ -598,9 +598,9 @@ const Se = (r, e) => {
           P("div", {
             ref_key: "node",
             ref: n,
-            class: ae(g.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"])),
+            class: ae(y.value),
+            onDblclick: S[2] || (S[2] = De((ne) => e("nodedoubleclick", { e: ne, model: t.model }), ["prevent"])),
+            onContextmenu: S[3] || (S[3] = De((ne) => e("nodecontext", { e: ne, model: t.model }), ["prevent"])),
             onClick: De(d, ["stop"])
           }, [
             P("div", null, [
@@ -669,14 +669,14 @@ const Se = (r, e) => {
           A(ho, null, {
             default: X(() => [
               i.value && l.value && !t.search ? (c(), b("ul", Lo, [
-                (c(!0), b(pe, null, Ce(r.model.children, (ne) => (c(), F(N, {
+                (c(!0), b(pe, null, Ce(r.model.children, (ne) => (c(), F(R, {
                   key: ne.id,
                   model: ne,
                   treeId: t.treeId,
                   items: t.items,
                   search: t.search,
                   onNodeclick: h,
-                  onNodedoubleclick: _,
+                  onNodedoubleclick: D,
                   onNodedrop: C,
                   onNodecontext: E,
                   onNodefoldericonclick: v
@@ -860,10 +860,10 @@ const Ze = Vo(), te = {
     }), (v, h) => (c(), F(Ae(r.tag), {
       ref_key: "el",
       ref: o,
-      onDragenter: h[0] || (h[0] = (_) => l(Q(We).dragenter, _)),
-      onDragleave: h[1] || (h[1] = (_) => l(Q(We).dragleave, _)),
-      onDragover: h[2] || (h[2] = De((_) => l(Q(We).dragover, _), ["prevent"])),
-      onDrop: h[3] || (h[3] = De((_) => l(Q(We).drop, _), ["prevent"]))
+      onDragenter: h[0] || (h[0] = (D) => l(Q(We).dragenter, D)),
+      onDragleave: h[1] || (h[1] = (D) => l(Q(We).dragleave, D)),
+      onDragover: h[2] || (h[2] = De((D) => l(Q(We).dragover, D), ["prevent"])),
+      onDrop: h[3] || (h[3] = De((D) => l(Q(We).drop, D), ["prevent"]))
     }, {
       default: X(() => [
         le(v.$slots, "default", { transferData: i.value })
@@ -901,45 +901,66 @@ const Ze = Vo(), te = {
     let o = I(null), s = I(!1);
     const i = () => {
       Ze.emit("menu-show-request", a), s.value = !0;
-    }, l = (f = 1) => {
+    }, l = (g = 1) => {
       o.value?.collapseAll(), setTimeout(() => {
         s.value = !1;
-      }, f);
+      }, g);
     }, d = () => s.value;
-    Ze.on("menu-show-request", (f) => {
-      a !== f && l();
-    }), e({
+    Ze.on("menu-show-request", (g) => {
+      a !== g && l();
+    });
+    const v = () => o.value.elementSize(), h = () => o.value?.itemsCount(), D = (g) => {
+      o.value?.selectNode(g);
+    }, C = () => {
+      o.value?.unSelect();
+    }, E = () => {
+      o.value.expandAll();
+    }, y = () => {
+      o.value.collapseAll();
+    };
+    let k = null;
+    const x = (g) => {
+      const S = o.value?.$el;
+      S && (k && k.disconnect(), k = new MutationObserver(() => {
+        $(), k.disconnect();
+      }), k.observe(S, { childList: !0, subtree: !0 }));
+    }, $ = () => {
+      setTimeout(() => {
+        const g = o.value?.$el;
+        if (!g) return;
+        const S = g.getBoundingClientRect(), R = window.innerHeight;
+        if (S.bottom > R) {
+          const ee = S.bottom - R + 10;
+          g.style.transform = `translateY(-${ee}px)`;
+        } else
+          g.style.transform = "";
+        console.log(g.style.transform);
+      }, 500);
+    };
+    e({
       show: i,
       hide: l,
-      elementSize: () => o.value.elementSize(),
+      elementSize: v,
       isShowed: d,
-      itemsCount: () => o.value?.itemsCount(),
-      selectNode: (f) => {
-        o.value?.selectNode(f);
-      },
-      unSelect: () => {
-        o.value?.unSelect();
-      },
-      expandAll: () => {
-        o.value.expandAll();
-      },
-      collapseAll: () => {
-        o.value.collapseAll();
-      }
+      itemsCount: h,
+      selectNode: D,
+      unSelect: C,
+      expandAll: E,
+      collapseAll: y
     });
-    const S = (f) => {
-      t("select", f), f.model.children || l(n.delayClick);
-    }, x = (f) => {
-      f.target === document && l();
-    }, $ = () => {
+    const f = (g) => {
+      t("select", g), g.model.children || l(n.delayClick);
+    }, u = (g) => {
+      g.target === document && l();
+    }, p = () => {
       l();
     };
     return Be(() => {
-      window.addEventListener("scroll", x, !0), window.addEventListener("resize", $);
+      window.addEventListener("scroll", u, !0), window.addEventListener("resize", p);
     }), jn(() => {
-      window.removeEventListener("scroll", x, !0), window.removeEventListener("resize", $);
-    }), (f, u) => {
-      const p = Yn("click-outside");
+      window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", p), k && k.disconnect();
+    }), (g, S) => {
+      const R = Yn("click-outside");
       return n.bodyAsParent ? (c(), F(Wr, {
         key: 0,
         to: "body"
@@ -952,13 +973,14 @@ const Ze = Vo(), te = {
           "no-select": n.noSelect,
           class: ae(n.class),
           style: ue(n.style),
-          onSelect: S,
+          onSelect: f,
           "render-title": n.renderItemTitle,
           "before-item": n.beforeItem,
           "multi-select": n.multiSelect,
-          search: n.search
+          search: n.search,
+          onExpand: x
         }, null, 8, ["items", "no-select", "class", "style", "render-title", "before-item", "multi-select", "search"])), [
-          [p, () => l()]
+          [R, () => l()]
         ]) : L("", !0)
       ])) : (c(), b(pe, { key: 1 }, [
         Q(s) ? He((c(), F(Ln, {
@@ -969,13 +991,14 @@ const Ze = Vo(), te = {
           "no-select": n.noSelect,
           class: ae(n.class),
           style: ue(n.style),
-          onSelect: S,
+          onSelect: f,
           "render-title": n.renderItemTitle,
           "before-item": n.beforeItem,
           "multi-select": n.multiSelect,
-          search: n.search
+          search: n.search,
+          onExpand: x
         }, null, 8, ["items", "no-select", "class", "style", "render-title", "before-item", "multi-select", "search"])), [
-          [p, () => l()]
+          [R, () => l()]
         ]) : L("", !0)
       ], 64));
     };
@@ -998,10 +1021,10 @@ const Ze = Vo(), te = {
       top: s.value + "px"
     })), l = async (v) => {
       v.preventDefault(), o.value = -1e4, s.value = -1e4, a.value.show(), await lt(), await lt();
-      const h = a.value.elementSize(), _ = h.width;
+      const h = a.value.elementSize(), D = h.width;
       document.querySelector(".context-menu"), a.value.collapseAll();
       const C = window.innerWidth, E = window.innerHeight;
-      o.value = v.clientX, s.value = v.clientY, v.clientX + _ > C && (o.value = v.clientX - _), v.clientY + h.height > E && (s.value = v.clientY - h.height), o.value = Math.max(2, Math.min(o.value, C - _ - 2)), s.value = Math.max(2, Math.min(s.value, E - h.height - 2));
+      o.value = v.clientX, s.value = v.clientY, v.clientX + D > C && (o.value = v.clientX - D), v.clientY + h.height > E && (s.value = v.clientY - h.height), o.value = Math.max(2, Math.min(o.value, C - D - 2)), s.value = Math.max(2, Math.min(s.value, E - h.height - 2));
     }, d = (v) => {
       t("select", v);
     };
@@ -1092,15 +1115,15 @@ const Ze = Vo(), te = {
         return ve.found = qe, qe.expanded = !0, !0;
       if (h(qe[he], K, q, he, ve))
         return qe.expanded = !0, !0;
-    }), ve.found) ? ve.found : !1, _ = (V = null) => {
+    }), ve.found) ? ve.found : !1, D = (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);
     }, E = (V = null) => {
       te.actions.toggleItem(i, V.model), t("foldericonclick", V);
-    }, g = (V = null) => {
+    }, y = (V = null) => {
       t("over", V);
-    }, S = (V = null) => {
+    }, k = (V = null) => {
       t("drop", V);
     }, x = () => a.value.elementSize(), $ = () => {
       for (let V = 0; V < n.items.length; V++)
@@ -1108,11 +1131,11 @@ const Ze = Vo(), te = {
     }, f = () => {
       for (let V = 0; V < n.items.length; V++)
         n.items[V].expanded = !1;
-    }, u = () => i, p = (V) => te.actions.deepSearch(n.items, V), y = (V) => {
+    }, u = () => i, p = (V) => te.actions.deepSearch(n.items, V), g = (V) => {
       p(V) && te.mutations.setItemSelect(i, p(V));
-    }, D = () => {
+    }, S = () => {
       te.mutations.unSelect(i);
-    }, N = (V) => {
+    }, R = (V) => {
       n.contextClick({ e: V.e, model: V.model, target: s.value });
     }, ee = (V) => n.contextBeforeClick({ model: V, target: s.value }), ne = T(() => n.context), W = (V) => (ne.value && (s.value = V.model, o.value.show(V.e)), !1), me = () => ie(d.value), ie = (V) => {
       let K = 0;
@@ -1126,10 +1149,10 @@ const Ze = Vo(), te = {
       collapseAll: f,
       getId: u,
       getNode: p,
-      selectNode: y,
+      selectNode: g,
       itemsCount: me,
       expandNode: v,
-      unSelect: D
+      unSelect: S
     }), (V, K) => (c(), F(zo, {
       ref_key: "treeRef",
       ref: a,
@@ -1144,10 +1167,10 @@ const Ze = Vo(), te = {
           treeId: Q(i),
           items: n.items,
           search: n.search,
-          onNodeclick: _,
+          onNodeclick: D,
           onNodedoubleclick: C,
-          onNodedragover: g,
-          onNodedrop: S,
+          onNodedragover: y,
+          onNodedrop: k,
           onNodecontext: W,
           onNodefoldericonclick: E
         }, null, 8, ["model", "treeId", "items", "search"]))), 128)),
@@ -1156,7 +1179,7 @@ const Ze = Vo(), te = {
           ref_key: "contextTreeRef",
           ref: o,
           items: ne.value,
-          onSelect: N,
+          onSelect: R,
           "before-item": ee
         }, null, 8, ["items"])) : L("", !0)
       ]),
@@ -1272,8 +1295,8 @@ const Ze = Vo(), te = {
   },
   setup(r) {
     const e = r, t = T(() => {
-      const { fixed: n, top: a, zIndex: o, minWidth: s, height: i, paddingLeft: l, transitionDuration: d, transitionTimingFunction: v } = e, h = n ? "fixed" : "static", _ = e.useMinWidthLayout ? `min-width: ${s}px;` : "";
-      return `position:${h};top:${a}px;z-index:${o};${_}height:${i}px;padding-left:${l}px;transition-duration:${d}ms;transition-timing-function:${v};`;
+      const { fixed: n, top: a, zIndex: o, minWidth: s, height: i, paddingLeft: l, transitionDuration: d, transitionTimingFunction: v } = e, h = n ? "fixed" : "static", D = e.useMinWidthLayout ? `min-width: ${s}px;` : "";
+      return `position:${h};top:${a}px;z-index:${o};${D}height:${i}px;padding-left:${l}px;transition-duration:${d}ms;transition-timing-function:${v};`;
     });
     return (n, a) => (c(), b("div", {
       class: "d-layout-tab",
@@ -1526,10 +1549,10 @@ const qo = 1001, Uo = 999, Xo = 998, Bm = {
   emits: ["update:sidebar-collapse", "sidebar-mask-click"],
   setup(r, { emit: e }) {
     const t = r, n = T(() => t.useMinWidthLayout ? `min-width:${t.minWidth}px;` : ""), a = T(() => t.useMinWidthLayout && (t.fixedHeaderAndTab || t.fixedFooter)), o = Wo(a), s = T(() => t.fixedHeaderAndTab ? o.value : ""), i = T(() => t.fixedFooter ? o.value : ""), l = T(() => {
-      const { transitionDuration: p, transitionTimingFunction: y } = t;
+      const { transitionDuration: p, transitionTimingFunction: g } = t;
       return {
         transitionDuration: p,
-        transitionTimingFunction: y
+        transitionTimingFunction: g
       };
     }), d = T(() => t.mode === "vertical"), v = T(() => t.isMobile || d.value ? 1003 : 1e3), h = T({
       get() {
@@ -1539,22 +1562,22 @@ const qo = 1001, Uo = 999, Xo = 998, Bm = {
         e("update:sidebar-collapse", p);
       }
     });
-    function _() {
+    function D() {
       e("sidebar-mask-click");
     }
     const C = T(() => t.isMobile && !h.value), E = T(() => {
-      const { transitionDuration: p, transitionTimingFunction: y } = t;
-      return `background-color:${t.maskBg};transition-duration:${p}ms;transition-timing-function:${y};`;
-    }), g = T(() => {
-      const { sidebarWidth: p, sidebarCollapsedWidth: y } = t, D = t.isMobile ? 0 : y, N = h.value ? D : p;
-      return t.sidebarVisible ? N : 0;
-    }), S = T(() => t.isMobile ? 0 : g.value), x = T(() => d.value ? S.value : 0), $ = T(
+      const { transitionDuration: p, transitionTimingFunction: g } = t;
+      return `background-color:${t.maskBg};transition-duration:${p}ms;transition-timing-function:${g};`;
+    }), y = T(() => {
+      const { sidebarWidth: p, sidebarCollapsedWidth: g } = t, S = t.isMobile ? 0 : g, R = h.value ? S : p;
+      return t.sidebarVisible ? R : 0;
+    }), k = T(() => t.isMobile ? 0 : y.value), x = T(() => d.value ? k.value : 0), $ = T(
       () => !t.isMobile && !d.value && t.headerVisible ? t.headerHeight : 0
     ), f = T(() => {
       let p = 0;
       return t.fixedHeaderAndTab && (t.headerVisible && (p += t.headerHeight), t.tabVisible && (p += t.tabHeight)), p;
     }), u = T(() => t.fixedFooter && t.footerVisible ? t.footerHeight : 0);
-    return (p, y) => (c(), b("div", {
+    return (p, g) => (c(), b("div", {
       class: "d-layout",
       style: ue(n.value)
     }, [
@@ -1577,7 +1600,7 @@ const qo = 1001, Uo = 999, Xo = 998, Bm = {
         "min-width": r.minWidth,
         top: r.headerHeight,
         height: r.tabHeight,
-        "padding-left": S.value,
+        "padding-left": k.value,
         style: s.value
       }), {
         default: X(() => [
@@ -1587,7 +1610,7 @@ const qo = 1001, Uo = 999, Xo = 998, Bm = {
       }, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) : L("", !0),
       r.sidebarVisible ? (c(), F(Yo, wt({ key: 2 }, l.value, {
         "z-index": v.value,
-        width: g.value,
+        width: y.value,
         "padding-top": $.value
       }), {
         default: X(() => [
@@ -1599,12 +1622,12 @@ const qo = 1001, Uo = 999, Xo = 998, Bm = {
         key: 3,
         class: "d-layout-sidebar-mask",
         style: ue(E.value),
-        onClick: _
+        onClick: D
       }, null, 4)) : L("", !0),
       A(jo, wt(l.value, {
         "padding-top": f.value,
         "padding-bottom": u.value,
-        "padding-left": S.value,
+        "padding-left": k.value,
         "overflow-hidden": r.addMainOverflowHidden
       }), {
         default: X(() => [
@@ -1617,7 +1640,7 @@ const qo = 1001, Uo = 999, Xo = 998, Bm = {
         "z-index": Xo,
         "min-width": r.minWidth,
         height: r.footerHeight,
-        "padding-left": S.value,
+        "padding-left": k.value,
         style: i.value
       }), {
         default: X(() => [
@@ -1936,8 +1959,8 @@ const os = { style: { display: "flex", "flex-direction": "row", "justify-content
         return;
       }
       o.value.show(), t("open"), lt(() => {
-        const E = o.value.elementSize(), g = s.value.elementSize(), S = window.innerWidth, x = window.innerHeight;
-        i.value = S - (g.x + g.width) < E.width ? g.left - E.width + g.width : g.left, l.value = x - (g.y + g.height) < E.height ? g.top - E.height - 5 : g.height + g.top + 5;
+        const E = o.value.elementSize(), y = s.value.elementSize(), k = window.innerWidth, x = window.innerHeight;
+        i.value = k - (y.x + y.width) < E.width ? y.left - E.width + y.width : y.left, l.value = x - (y.y + y.height) < E.height ? y.top - E.height - 5 : y.height + y.top + 5;
       });
     }, v = (C) => {
       t("select", C);
@@ -1945,9 +1968,9 @@ const os = { style: { display: "flex", "flex-direction": "row", "justify-content
     e({
       show: d
     });
-    const _ = (C) => !!a[C];
+    const D = (C) => !!a[C];
     return (C, E) => (c(), b("div", us, [
-      _("default") ? (c(), F(fe, {
+      D("default") ? (c(), F(fe, {
         key: 0,
         ref_key: "buttonRef",
         ref: s,
@@ -2216,17 +2239,17 @@ 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;
-    }), _ = T(() => "bottom" in h.value), C = (W) => {
+    }), D = T(() => "bottom" in h.value), C = (W) => {
       e("click", W), t.closeOnClick && u(W);
     }, E = () => {
       t.pauseOnHover && o.value?.pause();
-    }, g = () => {
+    }, y = () => {
       t.pauseOnHover && o.value?.resume();
-    }, S = (W) => {
+    }, k = (W) => {
       if (W.group ||= "", W.data ||= {}, t.group !== W.group)
         return;
       if (W.clean || W.clear) {
-        y();
+        g();
         return;
       }
       const me = typeof W.duration == "number" ? W.duration : t.duration, ie = typeof W.speed == "number" ? W.speed : t.speed, V = typeof W.ignoreDuplicates == "boolean" ? W.ignoreDuplicates : t.ignoreDuplicates, { title: K, text: q, type: he, data: ve, id: qe } = W, we = {
@@ -2240,7 +2263,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 ? !_.value : _.value;
+      const _e = t.reverse ? !D.value : D.value;
       let Ue = -1;
       const Z = d.value.some((O) => O.title === W.title && O.text === W.text);
       (!V || !Z) && (_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]));
@@ -2255,15 +2278,15 @@ const Cn = "[-+]?[0-9]*.?[0-9]+", xr = [
     }, p = (W) => {
       const me = a.value.find((ie) => ie.id === W);
       me && u(me);
-    }, y = () => {
+    }, g = () => {
       d.value.forEach(u);
-    }, D = (W, me) => {
+    }, S = (W, me) => {
       const ie = t.animation?.[W];
       return typeof ie == "function" ? ie(me) : ie;
-    }, N = (W, me) => {
+    }, R = (W, me) => {
       if (!i.value)
         return;
-      const ie = D("enter", W);
+      const ie = S("enter", W);
       s.value(W, ie, {
         duration: t.speed,
         complete: me
@@ -2271,7 +2294,7 @@ const Cn = "[-+]?[0-9]*.?[0-9]+", xr = [
     }, ee = (W, me) => {
       if (!i.value)
         return;
-      const ie = D("leave", W);
+      const ie = S("leave", W);
       s.value(W, ie, {
         duration: t.speed,
         complete: me
@@ -2281,14 +2304,14 @@ const Cn = "[-+]?[0-9]*.?[0-9]+", xr = [
       a.value = a.value.filter((W) => W.state !== n.DESTROYED);
     }
     return Be(() => {
-      Ze.on("notification-add", S), Ze.on("notification-close", x);
+      Ze.on("notification-add", k), Ze.on("notification-close", x);
     }), (W, me) => (c(), b("div", {
       class: "d-notification-group",
       style: ue(h.value)
     }, [
       (c(), F(Ae(l.value), {
         name: r.animationName,
-        onEnter: N,
+        onEnter: R,
         onLeave: ee,
         onAfterLeave: ne
       }, {
@@ -2299,7 +2322,7 @@ const Cn = "[-+]?[0-9]*.?[0-9]+", xr = [
             style: ue(f(ie)),
             "data-id": ie.id,
             onMouseenter: E,
-            onMouseleave: g
+            onMouseleave: y
           }, [
             le(W.$slots, "body", {
               class: ae([r.classes, ie.type]),
@@ -2594,33 +2617,33 @@ var Mn = 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, v = !1, h = !1, _ = !0;
+  var n, a, o, s, i, l, d = 0, v = !1, h = !1, D = !0;
   if (typeof r != "function")
     throw new TypeError(ki);
-  e = Dr(e) || 0, En(t) && (v = !!t.leading, h = "maxWait" in t, o = h ? Si(Dr(t.maxWait) || 0, e) : o, _ = "trailing" in t ? !!t.trailing : _);
-  function C(y) {
-    var D = n, N = a;
-    return n = a = void 0, d = y, s = r.apply(N, D), s;
+  e = Dr(e) || 0, En(t) && (v = !!t.leading, h = "maxWait" in t, o = h ? Si(Dr(t.maxWait) || 0, e) : o, D = "trailing" in t ? !!t.trailing : D);
+  function C(g) {
+    var S = n, R = a;
+    return n = a = void 0, d = g, s = r.apply(R, S), s;
   }
-  function E(y) {
-    return d = y, i = setTimeout(x, e), v ? C(y) : s;
+  function E(g) {
+    return d = g, i = setTimeout(x, e), v ? C(g) : s;
   }
-  function g(y) {
-    var D = y - l, N = y - d, ee = e - D;
-    return h ? _i(ee, o - N) : ee;
+  function y(g) {
+    var S = g - l, R = g - d, ee = e - S;
+    return h ? _i(ee, o - R) : ee;
   }
-  function S(y) {
-    var D = y - l, N = y - d;
-    return l === void 0 || D >= e || D < 0 || h && N >= o;
+  function k(g) {
+    var S = g - l, R = g - d;
+    return l === void 0 || S >= e || S < 0 || h && R >= o;
   }
   function x() {
-    var y = Mn();
-    if (S(y))
-      return $(y);
-    i = setTimeout(x, g(y));
+    var g = Mn();
+    if (k(g))
+      return $(g);
+    i = setTimeout(x, y(g));
   }
-  function $(y) {
-    return i = void 0, _ && n ? C(y) : (n = a = void 0, s);
+  function $(g) {
+    return i = void 0, D && n ? C(g) : (n = a = void 0, s);
   }
   function f() {
     i !== void 0 && clearTimeout(i), d = 0, n = l = a = i = void 0;
@@ -2629,8 +2652,8 @@ function Di(r, e, t) {
     return i === void 0 ? s : $(Mn());
   }
   function p() {
-    var y = Mn(), D = S(y);
-    if (n = arguments, a = this, l = y, D) {
+    var g = Mn(), S = k(g);
+    if (n = arguments, a = this, l = g, S) {
       if (i === void 0)
         return E(l);
       if (h)
@@ -2698,18 +2721,18 @@ 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 v = Di(() => {
-      S();
+      k();
     }, 300), h = T({
       get: () => n.modelValue,
       //props.form?.fields[props.name].model.value,
-      set: (D) => {
-        t("update:modelValue", D);
+      set: (S) => {
+        t("update:modelValue", S);
       }
-    }), _ = T(() => n.type), C = T(() => n.scale), E = (D) => {
-      t("input", D), v();
-    }, g = (D) => {
-      t("change", D), v.cancel(), S();
-    }, S = () => {
+    }), D = T(() => n.type), C = T(() => n.scale), E = (S) => {
+      t("input", S), v();
+    }, y = (S) => {
+      t("change", S), v.cancel(), k();
+    }, k = () => {
       if (!(!n.form || !n.form.fields || !n.form.fields[n.name].rules))
         return o.value = mn.validate(h.value, n.form.fields[n.name].rules), !!o.value;
     };
@@ -2722,19 +2745,19 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
       d.value?.focus();
     }, $ = () => {
       h.value = "", t("update:modelValue", ""), t("input", ""), t("clear");
-    }, f = (D) => {
-      i.value = D;
-    }, u = (D) => {
-      o.value = D;
-    }, p = (D) => {
-      t("blur", D), v.cancel(), S();
+    }, f = (S) => {
+      i.value = S;
+    }, u = (S) => {
+      o.value = S;
+    }, p = (S) => {
+      t("blur", S), v.cancel(), k();
     };
     return e({
       focus: x,
       setError: u,
-      validate: S,
+      validate: k,
       getRef: () => d
-    }), (D, N) => (c(), b("div", {
+    }), (S, R) => (c(), b("div", {
       class: ae(["d-input-string", C.value])
     }, [
       P("div", Ci, [
@@ -2744,26 +2767,26 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
         ])) : L("", !0),
         P("div", Pi, [
           Q(a).pre ? (c(), b("div", Ti, [
-            le(D.$slots, "pre")
+            le(S.$slots, "pre")
           ])) : L("", !0),
           P("div", Oi, [
             He(P("input", {
               id: Q(s),
               ref_key: "inputRef",
               ref: d,
-              "onUpdate:modelValue": N[0] || (N[0] = (ee) => h.value = ee),
+              "onUpdate:modelValue": R[0] || (R[0] = (ee) => h.value = ee),
               style: ue([{ width: "100%" }, n.inputStyle]),
-              type: _.value,
+              type: D.value,
               inputmode: r.inputMode,
               enterkeyhint: r.enterKeyHint,
               placeholder: n.placeholder,
               onInput: E,
-              onChange: g,
-              onFocus: N[1] || (N[1] = (ee) => f(!0)),
+              onChange: y,
+              onFocus: R[1] || (R[1] = (ee) => f(!0)),
               onBlur: p,
               minlength: n.minLength,
               maxlength: n.maxLength,
-              onFocusout: N[2] || (N[2] = (ee) => f(!1)),
+              onFocusout: R[2] || (R[2] = (ee) => f(!1)),
               class: ae([
                 Q(a).pre ? "has-pre" : "",
                 Q(a).post ? "has-post" : "",
@@ -2785,7 +2808,7 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
             }, Ii)) : L("", !0)
           ]),
           Q(a).post ? (c(), b("div", Vi, [
-            le(D.$slots, "post")
+            le(S.$slots, "post")
           ])) : L("", !0)
         ]),
         n.help ? (c(), b("div", {
@@ -2849,13 +2872,13 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
             A(et, {
               style: { width: "100px" },
               modelValue: a.value,
-              "onUpdate:modelValue": h[0] || (h[0] = (_) => a.value = _),
+              "onUpdate:modelValue": h[0] || (h[0] = (D) => a.value = D),
               type: "text",
               placeholder: "000",
               maxlength: "3",
               class: "text-center font-mono",
               onInput: l,
-              onKeyup: h[1] || (h[1] = Xr((_) => i() && d(), ["enter"]))
+              onKeyup: h[1] || (h[1] = Xr((D) => i() && d(), ["enter"]))
             }, null, 8, ["modelValue"])
           ]),
           o.value ? (c(), b("div", Yi, " Код неверный ")) : L("", !0)
@@ -2864,7 +2887,7 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
       "modal-footer": X(() => [
         P("div", ji, [
           A(fe, {
-            onClick: h[2] || (h[2] = (_) => Q(Pt)()),
+            onClick: h[2] || (h[2] = (D) => Q(Pt)()),
             disabled: !i()
           }, {
             default: X(() => [
@@ -2874,7 +2897,7 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
           }, 8, ["disabled"]),
           A(fe, {
             class: "button-red",
-            onClick: h[3] || (h[3] = (_) => Q(Pt)(!1))
+            onClick: h[3] || (h[3] = (D) => Q(Pt)(!1))
           }, {
             default: X(() => [
               se("Нет")
@@ -3008,13 +3031,13 @@ const Qm = {
       setSelectedIndex: (h) => {
         s(h);
       }
-    }), (h, _) => (c(), b(pe, null, [
+    }), (h, D) => (c(), b(pe, null, [
       P("div", al, [
         (c(!0), b(pe, null, Ce(n.value, (C, E) => (c(), F(rl, {
           index: E,
           tab: C,
           class: ae(["d-tab-title", E === o.value ? "active" : ""]),
-          onClick: (g) => s(E)
+          onClick: (y) => s(E)
         }, null, 8, ["index", "tab", "class", "onClick"]))), 256))
       ]),
       (c(), F(Ba, null, [
@@ -3467,51 +3490,51 @@ const Qm = {
         B.mutations.setItems(n.id, n.items);
       }
     ), Be(() => {
-      const p = localStorage.getItem(`${n.id}-grid-field`), y = localStorage.getItem(`${n.id}-grid-dir`);
-      p && (B.mutations.setSortField(n.id, p), B.mutations.setSortDirection(n.id, y || "asc"));
+      const p = localStorage.getItem(`${n.id}-grid-field`), g = localStorage.getItem(`${n.id}-grid-dir`);
+      p && (B.mutations.setSortField(n.id, p), B.mutations.setSortDirection(n.id, g || "asc"));
     });
     let d = [];
     for (let p = 0; p < n.columns.length; p++)
       Object.hasOwn(n.columns[p], "search") && (n.columns[p].search === "string" || n.columns[p].search === "number" || Array.isArray(n.columns[p].search)) && (l.value[n.columns[p].key] = ""), d.push(Object.hasOwn(n.columns[p], "size") ? n.columns[p].size : "minmax(100px, 1fr)"), i.value = d.join(" ");
-    const v = (p, y) => {
-      if (B.getters.getSortField(n.id) === y) {
-        const N = B.getters.getSortDirection(n.id);
-        N ? N === "asc" ? (B.mutations.setSortDirection(n.id, "desc"), localStorage.setItem(`${n.id}-grid-dir`, "desc")) : (B.mutations.setSortField(n.id, null), B.mutations.setSortDirection(n.id, null), localStorage.removeItem(`${n.id}-grid-field`), localStorage.removeItem(`${n.id}-grid-dir`)) : (B.mutations.setSortDirection(n.id, "asc"), localStorage.setItem(`${n.id}-grid-dir`, "asc"));
+    const v = (p, g) => {
+      if (B.getters.getSortField(n.id) === g) {
+        const R = B.getters.getSortDirection(n.id);
+        R ? R === "asc" ? (B.mutations.setSortDirection(n.id, "desc"), localStorage.setItem(`${n.id}-grid-dir`, "desc")) : (B.mutations.setSortField(n.id, null), B.mutations.setSortDirection(n.id, null), localStorage.removeItem(`${n.id}-grid-field`), localStorage.removeItem(`${n.id}-grid-dir`)) : (B.mutations.setSortDirection(n.id, "asc"), localStorage.setItem(`${n.id}-grid-dir`, "asc"));
       } else
-        B.mutations.setSortField(n.id, y), B.mutations.setSortDirection(n.id, "asc"), localStorage.setItem(`${n.id}-grid-field`, y), localStorage.setItem(`${n.id}-grid-dir`, "asc");
+        B.mutations.setSortField(n.id, g), B.mutations.setSortDirection(n.id, "asc"), localStorage.setItem(`${n.id}-grid-field`, g), localStorage.setItem(`${n.id}-grid-dir`, "asc");
     }, h = (p) => {
-      p.target.checked ? g.value.forEach((y) => {
-        B.getters.getSelected(n.id).includes(y.id) || B.mutations.addSelect(n.id, y.id);
-      }) : g.value.forEach((y) => {
-        B.mutations.unSelect(n.id, y.id);
+      p.target.checked ? y.value.forEach((g) => {
+        B.getters.getSelected(n.id).includes(g.id) || B.mutations.addSelect(n.id, g.id);
+      }) : y.value.forEach((g) => {
+        B.mutations.unSelect(n.id, g.id);
       });
-    }, _ = (p) => B.getters.getSelected(n.id).includes(p), C = (p, y) => {
-      p.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 = T(() => g.value.length === 0 ? !1 : g.value.every(
+    }, D = (p) => B.getters.getSelected(n.id).includes(p), C = (p, g) => {
+      p.target.checked ? (B.mutations.addSelect(n.id, g), t("check", { grid: n.id, id: g })) : (B.mutations.unSelect(n.id, g), t("uncheck", { grid: n.id, id: g }));
+    }, E = T(() => y.value.length === 0 ? !1 : y.value.every(
       (p) => B.getters.getSelected(n.id).includes(p.id)
-    )), g = T(() => {
-      const p = a.value * o.value - o.value, y = a.value * o.value - 1;
-      let D = B.getters.getItems(n.id);
+    )), y = T(() => {
+      const p = a.value * o.value - o.value, g = a.value * o.value - 1;
+      let S = B.getters.getItems(n.id);
       for (let ee = 0; ee < n.columns.length; ee++) {
         const ne = n.columns[ee], W = l.value[ne.key];
-        W && (Array.isArray(ne.search) ? D = D.filter((me) => String(me[ne.key]) === String(W)) : (ne.search === "string" || ne.search === "number") && (D = D.filter((me) => me[ne.key] && me[ne.key].toString().toUpperCase().includes(W.toString().toUpperCase()))));
+        W && (Array.isArray(ne.search) ? S = S.filter((me) => String(me[ne.key]) === String(W)) : (ne.search === "string" || ne.search === "number") && (S = S.filter((me) => me[ne.key] && me[ne.key].toString().toUpperCase().includes(W.toString().toUpperCase()))));
       }
-      return D.slice(p, y + 1);
-    }), S = T(() => {
+      return S.slice(p, g + 1);
+    }), k = T(() => {
       let p = [];
-      for (let y in n.perPageOptions)
-        p.push({ label: n.perPageOptions[y], value: n.perPageOptions[y].toString() });
+      for (let g in n.perPageOptions)
+        p.push({ label: n.perPageOptions[g], value: n.perPageOptions[g].toString() });
       return p;
     }), x = (p) => {
       n.selectable === "one" && (B.getters.getSelected(n.id).includes(p.id) ? (B.actions.unselectAll(n.id), t("unselect")) : (B.mutations.select(n.id, p.id), t("select", p)));
     }, $ = (p) => {
       o.value = parseInt(p.target.value), localStorage.setItem("datagrid-perpage", p.target.value), a.value = 1;
-    }, f = (p, y) => {
-      t("select", { e: p, row: y });
+    }, f = (p, g) => {
+      t("select", { e: p, row: g });
     };
     return e({
       getSelection: () => B.getters.getSelected(n.id)
-    }), (p, y) => (c(), b("div", null, [
+    }), (p, g) => (c(), b("div", null, [
       P("div", yl, [
         P("table", bl, [
           P("thead", wl, [
@@ -3519,19 +3542,19 @@ const Qm = {
               n.selectable === "check" ? (c(), b("th", kl, [
                 A(on, {
                   checked: E.value,
-                  onChange: y[0] || (y[0] = (D) => h(D))
+                  onChange: g[0] || (g[0] = (S) => h(S))
                 }, null, 8, ["checked"])
               ])) : L("", !0),
-              (c(!0), b(pe, null, Ce(n.columns, (D) => (c(), b("th", {
-                key: D.key,
-                onClick: (N) => v(N, D.key),
+              (c(!0), b(pe, null, Ce(n.columns, (S) => (c(), b("th", {
+                key: S.key,
+                onClick: (R) => v(R, S.key),
                 class: "d-cell",
-                style: ue(D.style)
+                style: ue(S.style)
               }, [
                 P("div", _l, [
-                  P("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, Tl)) : L("", !0)
+                  P("div", null, G(S.title), 1),
+                  Q(B).getters.getSortField(n.id) === S.key && Q(B).getters.getSortDirection(n.id) === "asc" ? (c(), b("svg", Dl, $l)) : L("", !0),
+                  Q(B).getters.getSortField(n.id) === S.key && Q(B).getters.getSortDirection(n.id) === "desc" ? (c(), b("svg", Ml, Tl)) : L("", !0)
                 ])
               ], 12, Sl))), 128))
             ])
@@ -3539,50 +3562,50 @@ const Qm = {
           P("tbody", Ol, [
             P("tr", Ll, [
               n.selectable === "check" ? (c(), b("td", El)) : L("", !0),
-              (c(!0), b(pe, null, Ce(n.columns, (D, N) => (c(), b("td", {
-                key: N,
+              (c(!0), b(pe, null, Ce(n.columns, (S, R) => (c(), b("td", {
+                key: R,
                 class: "d-cell"
               }, [
-                Object.hasOwn(D, "search") && D.search === "string" ? (c(), F(et, {
+                Object.hasOwn(S, "search") && S.search === "string" ? (c(), F(et, {
                   key: 0,
-                  modelValue: l.value[D.key],
-                  "onUpdate:modelValue": (ee) => l.value[D.key] = ee,
+                  modelValue: l.value[S.key],
+                  "onUpdate:modelValue": (ee) => l.value[S.key] = ee,
                   placeholder: "Поиск..."
                 }, null, 8, ["modelValue", "onUpdate:modelValue"])) : L("", !0),
-                Object.hasOwn(D, "search") && D.search === "number" ? (c(), F(et, {
+                Object.hasOwn(S, "search") && S.search === "number" ? (c(), F(et, {
                   key: 1,
-                  modelValue: l.value[D.key],
-                  "onUpdate:modelValue": (ee) => l.value[D.key] = ee,
+                  modelValue: l.value[S.key],
+                  "onUpdate:modelValue": (ee) => l.value[S.key] = ee,
                   placeholder: "Поиск...",
                   type: "number"
                 }, null, 8, ["modelValue", "onUpdate:modelValue"])) : L("", !0),
-                Object.hasOwn(D, "search") && typeof D.search == "function" ? (c(), F(Ae(D.search()), { key: 2 })) : L("", !0),
-                Object.hasOwn(D, "search") && Array.isArray(D.search) ? (c(), F(In, {
+                Object.hasOwn(S, "search") && typeof S.search == "function" ? (c(), F(Ae(S.search()), { key: 2 })) : L("", !0),
+                Object.hasOwn(S, "search") && Array.isArray(S.search) ? (c(), F(In, {
                   key: 3,
-                  modelValue: l.value[D.key],
-                  "onUpdate:modelValue": (ee) => l.value[D.key] = ee,
+                  modelValue: l.value[S.key],
+                  "onUpdate:modelValue": (ee) => l.value[S.key] = ee,
                   size: "wide",
-                  options: [{ label: "Все", value: "" }, ...D.search]
+                  options: [{ label: "Все", value: "" }, ...S.search]
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : L("", !0)
               ]))), 128))
             ]),
-            (c(!0), b(pe, null, Ce(g.value, (D) => (c(), b("tr", {
-              key: D.id,
-              class: ae(["d-row", Q(B).getters.getSelected(n.id).includes(D.id) ? "active" : ""]),
-              onClick: (N) => x(D)
+            (c(!0), b(pe, null, Ce(y.value, (S) => (c(), b("tr", {
+              key: S.id,
+              class: ae(["d-row", Q(B).getters.getSelected(n.id).includes(S.id) ? "active" : ""]),
+              onClick: (R) => x(S)
             }, [
               n.selectable === "check" ? (c(), b("td", Vl, [
                 A(on, {
-                  checked: _(D.id),
-                  onChange: (N) => C(N, D.id)
+                  checked: D(S.id),
+                  onChange: (R) => C(R, S.id)
                 }, null, 8, ["checked", "onChange"])
               ])) : L("", !0),
-              (c(!0), b(pe, null, Ce(n.columns, (N, ee) => (c(), b("td", {
+              (c(!0), b(pe, null, Ce(n.columns, (R, ee) => (c(), b("td", {
                 key: ee,
                 class: "d-cell",
-                onPointerdownCapture: (ne) => f(ne, D)
+                onPointerdownCapture: (ne) => f(ne, S)
               }, [
-                N.render ? (c(), F(Ae(N.render(D, N.key)), { key: 0 })) : (c(), b("div", Fl, G(D[N.key]), 1))
+                R.render ? (c(), F(Ae(R.render(S, R.key)), { key: 0 })) : (c(), b("div", Fl, G(S[R.key]), 1))
               ], 40, zl))), 128))
             ], 10, Il))), 128))
           ])
@@ -3591,16 +3614,16 @@ const Qm = {
       n.footerShow ? (c(), b("div", Al, [
         A(ta, {
           modelValue: a.value,
-          "onUpdate:modelValue": y[1] || (y[1] = (D) => a.value = D),
+          "onUpdate:modelValue": g[1] || (g[1] = (S) => a.value = S),
           "total-records": Q(B).getters.getItems(n.id).length,
           "per-page": parseInt(o.value)
         }, null, 8, ["modelValue", "total-records", "per-page"]),
         P("div", Hl, [
-          P("div", Rl, G(n.pageReport.replace("{startCount}", a.value * o.value - o.value + 1).replace("{endCount}", a.value * o.value - o.value + g.value.length).replace("{totalCount}", Q(B).getters.getItems(n.id).length)), 1),
+          P("div", Rl, G(n.pageReport.replace("{startCount}", a.value * o.value - o.value + 1).replace("{endCount}", a.value * o.value - o.value + y.value.length).replace("{totalCount}", Q(B).getters.getItems(n.id).length)), 1),
           A(In, {
             modelValue: s.value,
-            "onUpdate:modelValue": y[2] || (y[2] = (D) => s.value = D),
-            options: S.value,
+            "onUpdate:modelValue": g[2] || (g[2] = (S) => s.value = S),
+            options: k.value,
             onChange: $
           }, null, 8, ["modelValue", "options"])
         ])
@@ -3669,23 +3692,23 @@ const Qm = {
         const {
           offsetX: v,
           offsetY: h,
-          width: _,
+          width: D,
           height: C
         } = d(t.width, t.height, l.width, l.height);
-        a.drawImage(l, v, h, _, C), e("loaded"), i.value = !1;
+        a.drawImage(l, v, h, D, 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 = (v, h, _, C, E = 1, g = 0.5, S = 0.5) => {
-      const x = _ / C, $ = v / h;
+    const d = (v, h, D, C, E = 1, y = 0.5, k = 0.5) => {
+      const x = D / C, $ = v / h;
       let f = v * E, u = h * E;
       return x < $ ? u = f / x : f = u * x, {
         width: f,
         height: u,
-        offsetX: (v - f) * g,
-        offsetY: (h - u) * S
+        offsetX: (v - f) * y,
+        offsetY: (h - u) * k
       };
     };
     return Be(() => {
@@ -3792,7 +3815,7 @@ const Qm = {
       o.value.style.height = "auto";
     }, h = ($) => {
       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();
-    }, _ = () => {
+    }, D = () => {
       n.autoHeight && (o.value.style.height = "auto", o.value.style.height = `${o.value.scrollHeight}px`);
     }, C = () => o, E = ($) => {
       t("change", $);
@@ -3805,7 +3828,7 @@ const Qm = {
       validate: l,
       getRef: () => o,
       reset: v,
-      update: _,
+      update: D,
       element: C,
       blur: ($) => {
         t("blur", $);
@@ -3819,7 +3842,7 @@ const Qm = {
         ref_key: "inputRef",
         ref: o,
         "onUpdate:modelValue": f[0] || (f[0] = (u) => i.value = u),
-        "on:update:modelValue": _,
+        "on:update:modelValue": D,
         onInput: h,
         onChange: E,
         rows: n.rows,
@@ -3918,7 +3941,7 @@ const Qm = {
       set: (u) => {
         t("update:modelValue", u);
       }
-    }), _ = T(() => n.scale), C = (u) => {
+    }), D = T(() => n.scale), C = (u) => {
       t("input", u), E();
     }, E = () => {
       if (!(!n.form || !n.form.fields || !n.form.fields[n.name].rules))
@@ -3927,11 +3950,11 @@ const Qm = {
     Be(() => {
       l.value = n.readonly, !n.autocomplete && !l.value && (l.value = !0, setTimeout(() => {
         l.value = !1;
-      }, 500)), g();
+      }, 500)), y();
     });
-    const g = () => {
+    const y = () => {
       v.value?.focus();
-    }, S = () => {
+    }, k = () => {
       d.value = d.value === "password" ? "text" : "password";
     }, x = (u) => {
       i.value = u;
@@ -3941,11 +3964,11 @@ const Qm = {
       t("blur", u);
     };
     return e({
-      focus: g,
+      focus: y,
       setError: $,
       validate: E
     }), (u, p) => (c(), b("div", {
-      class: ae(["d-input-string", _.value])
+      class: ae(["d-input-string", D.value])
     }, [
       P("div", tu, [
         n.label ? (c(), b("div", nu, [
@@ -3958,14 +3981,14 @@ const Qm = {
               id: Q(s),
               ref_key: "inputRef",
               ref: v,
-              "onUpdate:modelValue": p[0] || (p[0] = (y) => h.value = y),
+              "onUpdate:modelValue": p[0] || (p[0] = (g) => h.value = g),
               style: { width: "100%" },
               type: d.value,
               placeholder: n.placeholder,
               onInput: C,
-              onFocus: p[1] || (p[1] = (y) => x(!0)),
+              onFocus: p[1] || (p[1] = (g) => x(!0)),
               onBlur: f,
-              onFocusout: p[2] || (p[2] = (y) => x(!1)),
+              onFocusout: p[2] || (p[2] = (g) => x(!1)),
               class: ae([
                 Q(a).pre ? "has-pre" : "",
                 Q(a).post ? "has-post" : "",
@@ -3979,7 +4002,7 @@ const Qm = {
             n.toggleView ? (c(), b("div", {
               key: 0,
               class: "d-post-inside-button",
-              onClick: S
+              onClick: k
             }, [
               d.value === "password" ? (c(), b("svg", iu, uu)) : (c(), b("svg", cu, fu))
             ])) : L("", !0)
@@ -4130,8 +4153,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), [v, h, _] = d.data;
-        this.$emit("selectSaturation", { r: v, g: h, b: _ });
+        const d = n.getImageData(Math.min(i, this.size - 1), Math.min(l, this.size - 1), 1, 1), [v, h, D] = d.data;
+        this.$emit("selectSaturation", { r: v, g: h, b: D });
       };
       a(r);
       const o = () => {
@@ -4427,10 +4450,10 @@ 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, v = this.suckerCanvas.getContext("2d").getImageData(Math.min(i, o - 1), Math.min(l, s - 1), 1, 1);
-      let [h, _, C, E] = v.data;
+      let [h, D, C, E] = v.data;
       E = parseFloat((E / 255).toFixed(2));
-      const g = this.suckerPreview.style;
-      Object.assign(g, {
+      const y = this.suckerPreview.style;
+      Object.assign(y, {
         position: "absolute",
         left: e + 20 + "px",
         top: t - 36 + "px",
@@ -4439,19 +4462,19 @@ var er = Ge({
         borderRadius: "50%",
         border: "2px solid #fff",
         boxShadow: "0 0 8px 0 rgba(0, 0, 0, 0.16)",
-        background: `rgba(${h}, ${_}, ${C}, ${E})`,
+        background: `rgba(${h}, ${D}, ${C}, ${E})`,
         zIndex: 95
       }), this.suckerArea.length && // @ts-ignore
       e >= this.suckerArea[0] && // @ts-ignore
       t >= this.suckerArea[1] && // @ts-ignore
       e <= this.suckerArea[2] && // @ts-ignore
-      t <= this.suckerArea[3] ? g.display = "" : g.display = "none";
+      t <= this.suckerArea[3] ? y.display = "" : y.display = "none";
     },
     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, h = r.getContext("2d").getImageData(Math.min(l, s - 1), Math.min(d, i - 1), 1, 1);
-        let [_, C, E, g] = h.data;
-        g = parseFloat((g / 255).toFixed(2)), this.$emit("selectSucker", { r: _, g: C, b: E, a: g });
+        let [D, C, E, y] = h.data;
+        y = parseFloat((y / 255).toFixed(2)), this.$emit("selectSucker", { r: D, g: C, b: E, a: y });
       }));
     }
   }
@@ -4876,7 +4899,7 @@ var Tt = 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"), v = mt("Sucker"), h = mt("Box"), _ = mt("Colors");
+  const s = mt("Saturation"), i = mt("Hue"), l = mt("Alpha"), d = mt("Preview"), v = mt("Sucker"), h = mt("Box"), D = mt("Colors");
   return c(), F(
     "div",
     {
@@ -4945,7 +4968,7 @@ function Hu(r, e, t, n, a, o) {
         onInputFocus: r.handleFocus,
         onInputBlur: r.handleBlur
       }, null, 8, ["color", "onInputColor", "onInputFocus", "onInputBlur"]),
-      A(_, {
+      A(D, {
         color: r.rgbaString,
         "colors-default": r.colorsDefault,
         "colors-history-key": r.colorsHistoryKey,
@@ -5006,18 +5029,18 @@ const Ru = /* @__PURE__ */ P("div", { class: "color-indicator" }, null, -1), Nu
       }
     }, v = () => {
       if (t.format === "rgba") {
-        const { r: h, g: _, b: C, a: E } = s.value;
-        n.value = `rgba(${h}, ${_}, ${C}, ${E})`;
+        const { r: h, g: D, b: C, a: E } = s.value;
+        n.value = `rgba(${h}, ${D}, ${C}, ${E})`;
       } else
         n.value = s.value;
       a.value.hide(), e("change", n.value);
     };
-    return (h, _) => (c(), b("div", null, [
+    return (h, D) => (c(), b("div", null, [
       A(et, {
         pre: d,
         label: t.label,
         modelValue: n.value,
-        "onUpdate:modelValue": _[0] || (_[0] = (C) => n.value = C),
+        "onUpdate:modelValue": D[0] || (D[0] = (C) => n.value = C),
         onClick: l,
         readonly: !0
       }, {
@@ -5046,7 +5069,7 @@ const Ru = /* @__PURE__ */ P("div", { class: "color-indicator" }, null, -1), Nu
         "modal-footer": X(() => [
           P("div", Nu, [
             A(fe, {
-              onClick: _[1] || (_[1] = (C) => a.value.hide())
+              onClick: D[1] || (D[1] = (C) => a.value.hide())
             }, {
               default: X(() => [
                 se(G(t.close), 1)
@@ -5583,14 +5606,14 @@ 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, v, h, _, C = e.spectrum, E = [], g = [], S = [], x = 0, $ = {}, f = !1, u = r.ownerDocument, p = e.documentElement || u.documentElement, y = u.body, D = u.dir === "rtl" || e.ort === 1 ? 0 : 100;
-  function N(m, w) {
-    var k = u.createElement("div");
-    return w && je(k, w), m.appendChild(k), k;
+  var n = Gu(), a = Ku(), o = a && Qu(), s = r, i, l, d, v, h, D, C = e.spectrum, E = [], y = [], k = [], x = 0, $ = {}, f = !1, u = r.ownerDocument, p = e.documentElement || u.documentElement, g = u.body, S = u.dir === "rtl" || e.ort === 1 ? 0 : 100;
+  function R(m, w) {
+    var _ = u.createElement("div");
+    return w && je(_, w), m.appendChild(_), _;
   }
   function ee(m, w) {
-    var k = N(m, e.cssClasses.origin), H = N(k, e.cssClasses.handle);
-    if (N(H, e.cssClasses.touchArea), H.setAttribute("data-handle", String(w)), e.keyboardSupport && (H.setAttribute("tabindex", "0"), H.addEventListener("keydown", function(j) {
+    var _ = R(m, e.cssClasses.origin), H = R(_, e.cssClasses.handle);
+    if (R(H, e.cssClasses.touchArea), H.setAttribute("data-handle", String(w)), e.keyboardSupport && (H.setAttribute("tabindex", "0"), H.addEventListener("keydown", function(j) {
       return Pa(j, w);
     })), e.handleAttributes !== void 0) {
       var Y = e.handleAttributes[w];
@@ -5598,23 +5621,23 @@ function Dc(r, e, t) {
         H.setAttribute(j, Y[j]);
       });
     }
-    return H.setAttribute("role", "slider"), H.setAttribute("aria-orientation", e.ort ? "vertical" : "horizontal"), w === 0 ? je(H, e.cssClasses.handleLower) : w === e.handles - 1 && je(H, e.cssClasses.handleUpper), k.handle = H, k;
+    return H.setAttribute("role", "slider"), H.setAttribute("aria-orientation", e.ort ? "vertical" : "horizontal"), w === 0 ? je(H, e.cssClasses.handleLower) : w === e.handles - 1 && je(H, e.cssClasses.handleUpper), _.handle = H, _;
   }
   function ne(m, w) {
-    return w ? N(m, e.cssClasses.connect) : !1;
+    return w ? R(m, e.cssClasses.connect) : !1;
   }
   function W(m, w) {
-    l = N(w, e.cssClasses.connects), d = [], v = [], v.push(ne(l, m[0]));
-    for (var k = 0; k < e.handles; k++)
-      d.push(ee(w, k)), S[k] = k, v.push(ne(l, m[k + 1]));
+    l = R(w, e.cssClasses.connects), d = [], v = [], v.push(ne(l, m[0]));
+    for (var _ = 0; _ < e.handles; _++)
+      d.push(ee(w, _)), k[_] = _, v.push(ne(l, m[_ + 1]));
   }
   function me(m) {
     je(m, e.cssClasses.target), e.dir === 0 ? je(m, e.cssClasses.ltr) : je(m, e.cssClasses.rtl), e.ort === 0 ? je(m, e.cssClasses.horizontal) : je(m, e.cssClasses.vertical);
     var w = getComputedStyle(m).direction;
-    return w === "rtl" ? je(m, e.cssClasses.textDirectionRtl) : je(m, e.cssClasses.textDirectionLtr), N(m, e.cssClasses.base);
+    return w === "rtl" ? je(m, e.cssClasses.textDirectionRtl) : je(m, e.cssClasses.textDirectionLtr), R(m, e.cssClasses.base);
   }
   function ie(m, w) {
-    return !e.tooltips || !e.tooltips[w] ? !1 : N(m.firstChild, e.cssClasses.tooltip);
+    return !e.tooltips || !e.tooltips[w] ? !1 : R(m.firstChild, e.cssClasses.tooltip);
   }
   function V() {
     return s.hasAttribute("disabled");
@@ -5634,22 +5657,22 @@ function Dc(r, e, t) {
     }));
   }
   function ve() {
-    _ && (Et("update" + ft.tooltips), _.forEach(function(m) {
+    D && (Et("update" + ft.tooltips), D.forEach(function(m) {
       m && $r(m);
-    }), _ = null);
+    }), D = null);
   }
   function qe() {
-    ve(), _ = d.map(ie), bn("update" + ft.tooltips, function(m, w, k) {
-      if (!(!_ || !e.tooltips) && _[w] !== !1) {
+    ve(), D = d.map(ie), bn("update" + ft.tooltips, function(m, w, _) {
+      if (!(!D || !e.tooltips) && D[w] !== !1) {
         var H = m[w];
-        e.tooltips[w] !== !0 && (H = e.tooltips[w].to(k[w])), _[w].innerHTML = H;
+        e.tooltips[w] !== !0 && (H = e.tooltips[w].to(_[w])), D[w].innerHTML = H;
       }
     });
   }
   function we() {
-    Et("update" + ft.aria), bn("update" + ft.aria, function(m, w, k, H, Y) {
-      S.forEach(function(j) {
-        var re = d[j], J = Zt(g, j, 0, !0, !0, !0), xe = Zt(g, j, 100, !0, !0, !0), ke = Y[j], $e = String(e.ariaFormat.to(k[j]));
+    Et("update" + ft.aria), bn("update" + ft.aria, function(m, w, _, H, Y) {
+      k.forEach(function(j) {
+        var re = d[j], J = Zt(y, j, 0, !0, !0, !0), xe = Zt(y, j, 100, !0, !0, !0), ke = Y[j], $e = String(e.ariaFormat.to(_[j]));
         J = C.fromStepping(J).toFixed(1), xe = C.fromStepping(xe).toFixed(1), ke = C.fromStepping(ke).toFixed(1), re.children[0].setAttribute("aria-valuemin", J), re.children[0].setAttribute("aria-valuemax", xe), re.children[0].setAttribute("aria-valuenow", ke), re.children[0].setAttribute("aria-valuetext", $e);
       });
     });
@@ -5660,8 +5683,8 @@ function Dc(r, e, t) {
     if (m.mode === ht.Count) {
       if (m.values < 2)
         throw new Error("noUiSlider: 'values' (>= 2) required for mode 'count'.");
-      for (var w = m.values - 1, k = 100 / w, H = []; w--; )
-        H[w] = w * k;
+      for (var w = m.values - 1, _ = 100 / w, H = []; w--; )
+        H[w] = w * _;
       return H.push(100), Ue(H, m.stepped);
     }
     return m.mode === ht.Positions ? Ue(m.values, m.stepped) : m.mode === ht.Values ? m.stepped ? m.values.map(function(Y) {
@@ -5669,27 +5692,27 @@ function Dc(r, e, t) {
     }) : m.values : [];
   }
   function Ue(m, w) {
-    return m.map(function(k) {
-      return C.fromStepping(w ? C.getStep(k) : k);
+    return m.map(function(_) {
+      return C.fromStepping(w ? C.getStep(_) : _);
     });
   }
   function Z(m) {
     function w(ke, $e) {
       return Number((ke + $e).toFixed(7));
     }
-    var k = _e(m), H = {}, Y = C.xVal[0], j = C.xVal[C.xVal.length - 1], re = !1, J = !1, xe = 0;
-    return k = ju(k.slice().sort(function(ke, $e) {
+    var _ = _e(m), H = {}, Y = C.xVal[0], j = C.xVal[C.xVal.length - 1], re = !1, J = !1, xe = 0;
+    return _ = ju(_.slice().sort(function(ke, $e) {
       return ke - $e;
-    })), k[0] !== Y && (k.unshift(Y), re = !0), k[k.length - 1] !== j && (k.push(j), J = !0), k.forEach(function(ke, $e) {
-      var Me, ye, Ve, Ye = ke, Fe = k[$e + 1], Ne, kn, Sn, _n, gr, Dn, yr, br = m.mode === ht.Steps;
+    })), _[0] !== Y && (_.unshift(Y), re = !0), _[_.length - 1] !== j && (_.push(j), J = !0), _.forEach(function(ke, $e) {
+      var Me, ye, Ve, Ye = ke, Fe = _[$e + 1], Ne, kn, Sn, _n, gr, Dn, yr, br = m.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 / (m.density || 1), Dn = Math.round(gr), yr = kn / Dn, Ve = 1; Ve <= Dn; Ve += 1)
           Sn = xe + Ve * yr, H[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 && J || (H[Ne.toFixed(5)] = [ye, _n]), xe = Ne;
+        _n = _.indexOf(ye) > -1 ? Xe.LargeValue : br ? Xe.SmallValue : Xe.NoValue, !$e && re && ye !== Fe && (_n = 0), ye === Fe && J || (H[Ne.toFixed(5)] = [ye, _n]), xe = Ne;
       }
     }), H;
   }
-  function M(m, w, k) {
+  function M(m, w, _) {
     var H, Y, j = u.createElement("div"), re = (H = {}, H[Xe.None] = "", H[Xe.NoValue] = e.cssClasses.valueNormal, H[Xe.LargeValue] = e.cssClasses.valueLarge, H[Xe.SmallValue] = e.cssClasses.valueSub, H), J = (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) {
@@ -5698,8 +5721,8 @@ function Dc(r, e, t) {
     }
     function Me(ye, Ve, Ye) {
       if (Ye = w ? w(Ve, Ye) : Ye, Ye !== Xe.None) {
-        var Fe = N(j, !1);
-        Fe.className = $e(Ye, e.cssClasses.marker), Fe.style[e.style] = ye + "%", Ye > Xe.NoValue && (Fe = N(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)));
+        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(_.to(Ve)));
       }
     }
     return Object.keys(m).forEach(function(ye) {
@@ -5711,36 +5734,36 @@ function Dc(r, e, t) {
   }
   function z(m) {
     O();
-    var w = Z(m), k = m.filter, H = m.format || {
+    var w = Z(m), _ = m.filter, H = m.format || {
       to: function(Y) {
         return String(Math.round(Y));
       }
     };
-    return h = s.appendChild(M(w, k, H)), h;
+    return h = s.appendChild(M(w, _, H)), h;
   }
-  function R() {
+  function N() {
     var m = i.getBoundingClientRect(), w = "offset" + ["Width", "Height"][e.ort];
     return e.ort === 0 ? m.width || i[w] : m.height || i[w];
   }
-  function U(m, w, k, H) {
+  function U(m, w, _, H) {
     var Y = function(re) {
       var J = oe(re, H.pageOffset, H.target || w);
       if (!J || V() && !H.doNotReject || Xu(s, e.cssClasses.tap) && !H.doNotReject || m === n.start && J.buttons !== void 0 && J.buttons > 1 || H.hover && J.buttons)
         return !1;
-      o || J.preventDefault(), J.calcPoint = J.points[e.ort], k(J, H);
+      o || J.preventDefault(), J.calcPoint = J.points[e.ort], _(J, H);
     }, j = [];
     return m.split(" ").forEach(function(re) {
       w.addEventListener(re, Y, o ? { passive: !0 } : !1), j.push([re, Y]);
     }), j;
   }
-  function oe(m, w, k) {
+  function oe(m, w, _) {
     var H = m.type.indexOf("touch") === 0, Y = m.type.indexOf("mouse") === 0, j = m.type.indexOf("pointer") === 0, re = 0, J = 0;
     if (m.type.indexOf("MSPointer") === 0 && (j = !0), m.type === "mousedown" && !m.buttons && !m.touches)
       return !1;
     if (H) {
       var xe = function(Me) {
         var ye = Me.target;
-        return ye === k || k.contains(ye) || m.composed && m.composedPath().shift() === k;
+        return ye === _ || _.contains(ye) || m.composed && m.composedPath().shift() === _;
       };
       if (m.type === "touchstart") {
         var ke = Array.prototype.filter.call(m.touches, xe);
@@ -5757,17 +5780,17 @@ function Dc(r, e, t) {
     return w = w || na(u), (Y || j) && (re = m.clientX + w.x, J = m.clientY + w.y), m.pageOffset = w, m.points = [re, J], m.cursor = Y || j, m;
   }
   function de(m) {
-    var w = m - qu(i, e.ort), k = w * 100 / R();
-    return k = Tr(k), e.dir ? 100 - k : k;
+    var w = m - qu(i, e.ort), _ = w * 100 / N();
+    return _ = Tr(_), e.dir ? 100 - _ : _;
   }
   function ze(m) {
-    var w = 100, k = !1;
+    var w = 100, _ = !1;
     return d.forEach(function(H, Y) {
       if (!K(Y)) {
-        var j = g[Y], re = Math.abs(j - m), J = re === 100 && w === 100, xe = re < w, ke = re <= w && m > j;
-        (xe || ke || J) && (k = Y, w = re);
+        var j = y[Y], re = Math.abs(j - m), J = re === 100 && w === 100, xe = re < w, ke = re <= w && m > j;
+        (xe || ke || J) && (_ = Y, w = re);
       }
-    }), k;
+    }), _;
   }
   function tt(m, w) {
     m.type === "mouseout" && m.target.nodeName === "HTML" && m.relatedTarget === null && Lt(m, w);
@@ -5775,66 +5798,66 @@ function Dc(r, e, t) {
   function Kt(m, w) {
     if (navigator.appVersion.indexOf("MSIE 9") === -1 && m.buttons === 0 && w.buttonsProperty !== 0)
       return Lt(m, w);
-    var k = (e.dir ? -1 : 1) * (m.calcPoint - w.startCalcPoint), H = k * 100 / w.baseSize;
-    dr(k > 0, H, w.locations, w.handleNumbers, w.connect);
+    var _ = (e.dir ? -1 : 1) * (m.calcPoint - w.startCalcPoint), H = _ * 100 / w.baseSize;
+    dr(_ > 0, H, w.locations, w.handleNumbers, w.connect);
   }
   function Lt(m, w) {
-    w.handle && (rn(w.handle, e.cssClasses.active), x -= 1), w.listeners.forEach(function(k) {
-      p.removeEventListener(k[0], k[1]);
-    }), x === 0 && (rn(s, e.cssClasses.drag), xn(), m.cursor && (y.style.cursor = "", y.removeEventListener("selectstart", Mr))), e.events.smoothSteps && (w.handleNumbers.forEach(function(k) {
-      vt(k, g[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(_) {
+      p.removeEventListener(_[0], _[1]);
+    }), x === 0 && (rn(s, e.cssClasses.drag), xn(), m.cursor && (g.style.cursor = "", g.removeEventListener("selectstart", Mr))), e.events.smoothSteps && (w.handleNumbers.forEach(function(_) {
+      vt(_, y[_], !0, !0, !1, !1);
+    }), w.handleNumbers.forEach(function(_) {
+      Le("update", _);
+    })), w.handleNumbers.forEach(function(_) {
+      Le("change", _), Le("set", _), Le("end", _);
     });
   }
   function Dt(m, w) {
     if (!w.handleNumbers.some(K)) {
-      var k;
+      var _;
       if (w.handleNumbers.length === 1) {
         var H = d[w.handleNumbers[0]];
-        k = H.children[0], x += 1, je(k, e.cssClasses.active);
+        _ = H.children[0], x += 1, je(_, e.cssClasses.active);
       }
       m.stopPropagation();
       var Y = [], j = U(n.move, p, 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: m.target,
-        handle: k,
+        handle: _,
         connect: w.connect,
         listeners: Y,
         startCalcPoint: m.calcPoint,
-        baseSize: R(),
+        baseSize: N(),
         pageOffset: m.pageOffset,
         handleNumbers: w.handleNumbers,
         buttonsProperty: m.buttons,
-        locations: g.slice()
+        locations: y.slice()
       }), re = U(n.end, p, Lt, {
         target: m.target,
-        handle: k,
+        handle: _,
         listeners: Y,
         doNotReject: !0,
         handleNumbers: w.handleNumbers
       }), J = U("mouseout", p, tt, {
         target: m.target,
-        handle: k,
+        handle: _,
         listeners: Y,
         doNotReject: !0,
         handleNumbers: w.handleNumbers
       });
-      Y.push.apply(Y, j.concat(re, J)), m.cursor && (y.style.cursor = getComputedStyle(m.target).cursor, d.length > 1 && je(s, e.cssClasses.drag), y.addEventListener("selectstart", Mr, !1)), w.handleNumbers.forEach(function(xe) {
+      Y.push.apply(Y, j.concat(re, J)), m.cursor && (g.style.cursor = getComputedStyle(m.target).cursor, d.length > 1 && je(s, e.cssClasses.drag), g.addEventListener("selectstart", Mr, !1)), w.handleNumbers.forEach(function(xe) {
         Le("start", xe);
       });
     }
   }
   function $a(m) {
     m.stopPropagation();
-    var w = de(m.calcPoint), k = ze(w);
-    k !== !1 && (e.events.snap || Pr(s, e.cssClasses.tap, e.animationDuration), vt(k, w, !0, !0), xn(), Le("slide", k, !0), Le("update", k, !0), e.events.snap ? Dt(m, { handleNumbers: [k] }) : (Le("change", k, !0), Le("set", k, !0)));
+    var w = de(m.calcPoint), _ = ze(w);
+    _ !== !1 && (e.events.snap || Pr(s, e.cssClasses.tap, e.animationDuration), vt(_, w, !0, !0), xn(), Le("slide", _, !0), Le("update", _, !0), e.events.snap ? Dt(m, { handleNumbers: [_] }) : (Le("change", _, !0), Le("set", _, !0)));
   }
   function Ma(m) {
-    var w = de(m.calcPoint), k = C.getStep(w), H = C.fromStepping(k);
+    var w = de(m.calcPoint), _ = C.getStep(w), H = C.fromStepping(_);
     Object.keys($).forEach(function(Y) {
       Y.split(".")[0] === "hover" && $[Y].forEach(function(j) {
         j.call(en, H);
@@ -5844,9 +5867,9 @@ function Dc(r, e, t) {
   function Pa(m, w) {
     if (V() || K(w))
       return !1;
-    var k = ["Left", "Right"], H = ["Down", "Up"], Y = ["PageDown", "PageUp"], j = ["Home", "End"];
-    e.dir && !e.ort ? k.reverse() : e.ort && !e.dir && (H.reverse(), Y.reverse());
-    var re = m.key.replace("Arrow", ""), J = re === Y[0], xe = re === Y[1], ke = re === H[0] || re === k[0] || J, $e = re === H[1] || re === k[1] || xe, Me = re === j[0], ye = re === j[1];
+    var _ = ["Left", "Right"], H = ["Down", "Up"], Y = ["PageDown", "PageUp"], j = ["Home", "End"];
+    e.dir && !e.ort ? _.reverse() : e.ort && !e.dir && (H.reverse(), Y.reverse());
+    var re = m.key.replace("Arrow", ""), J = re === Y[0], xe = re === Y[1], ke = re === H[0] || re === _[0] || J, $e = re === H[1] || re === _[1] || xe, Me = re === j[0], ye = re === j[1];
     if (!ke && !$e && !Me && !ye)
       return !0;
     m.preventDefault();
@@ -5855,21 +5878,21 @@ function Dc(r, e, t) {
       var Ye = ke ? 0 : 1, Fe = hr(w), Ne = Fe[Ye];
       if (Ne === null)
         return !1;
-      Ne === !1 && (Ne = C.getDefaultStep(g[w], ke, e.keyboardDefaultStep)), xe || J ? Ne *= e.keyboardPageMultiplier : Ne *= e.keyboardMultiplier, Ne = Math.max(Ne, 1e-7), Ne = (ke ? -1 : 1) * Ne, Ve = E[w] + Ne;
+      Ne === !1 && (Ne = C.getDefaultStep(y[w], ke, e.keyboardDefaultStep)), xe || J ? Ne *= e.keyboardPageMultiplier : Ne *= e.keyboardMultiplier, Ne = Math.max(Ne, 1e-7), Ne = (ke ? -1 : 1) * Ne, Ve = E[w] + Ne;
     } else ye ? Ve = e.spectrum.xVal[e.spectrum.xVal.length - 1] : Ve = e.spectrum.xVal[0];
     return vt(w, C.toStepping(Ve), !0, !0), Le("slide", w), Le("update", w), Le("change", w), Le("set", w), !1;
   }
   function cr(m) {
-    m.fixed || d.forEach(function(w, k) {
+    m.fixed || d.forEach(function(w, _) {
       U(n.start, w.children[0], Dt, {
-        handleNumbers: [k]
+        handleNumbers: [_]
       });
     }), m.tap && U(n.start, i, $a, {}), m.hover && U(n.move, i, Ma, {
       hover: !0
-    }), m.drag && v.forEach(function(w, k) {
-      if (!(w === !1 || k === 0 || k === v.length - 1)) {
-        var H = d[k - 1], Y = d[k], j = [w], re = [H, Y], J = [k - 1, k];
-        je(w, e.cssClasses.draggable), m.fixed && (j.push(H.children[0]), j.push(Y.children[0])), m.dragAll && (re = d, J = S), j.forEach(function(xe) {
+    }), m.drag && v.forEach(function(w, _) {
+      if (!(w === !1 || _ === 0 || _ === v.length - 1)) {
+        var H = d[_ - 1], Y = d[_], j = [w], re = [H, Y], J = [_ - 1, _];
+        je(w, e.cssClasses.draggable), m.fixed && (j.push(H.children[0]), j.push(Y.children[0])), m.dragAll && (re = d, J = k), j.forEach(function(xe) {
           U(n.start, xe, Dt, {
             handles: re,
             handleNumbers: J,
@@ -5880,7 +5903,7 @@ function Dc(r, e, t) {
     });
   }
   function bn(m, w) {
-    $[m] = $[m] || [], $[m].push(w), m.split(".")[0] === "update" && d.forEach(function(k, H) {
+    $[m] = $[m] || [], $[m].push(w), m.split(".")[0] === "update" && d.forEach(function(_, H) {
       Le("update", H);
     });
   }
@@ -5888,13 +5911,13 @@ function Dc(r, e, t) {
     return m === ft.aria || m === ft.tooltips;
   }
   function Et(m) {
-    var w = m && m.split(".")[0], k = w ? m.substring(w.length) : m;
+    var w = m && m.split(".")[0], _ = w ? m.substring(w.length) : m;
     Object.keys($).forEach(function(H) {
       var Y = H.split(".")[0], j = H.substring(Y.length);
-      (!w || w === Y) && (!k || k === j) && (!Ta(j) || k === j) && delete $[H];
+      (!w || w === Y) && (!_ || _ === j) && (!Ta(j) || _ === j) && delete $[H];
     });
   }
-  function Le(m, w, k) {
+  function Le(m, w, _) {
     Object.keys($).forEach(function(H) {
       var Y = H.split(".")[0];
       m === Y && $[H].forEach(function(j) {
@@ -5908,32 +5931,32 @@ function Dc(r, e, t) {
           // Un-formatted slider values
           E.slice(),
           // Event is fired by tap, true or false
-          k || !1,
+          _ || !1,
           // Left offset of the handle, in relation to the slider
-          g.slice(),
+          y.slice(),
           // add the slider public API to an accessible parameter when this is unavailable
           en
         );
       });
     });
   }
-  function Zt(m, w, k, H, Y, j, re) {
+  function Zt(m, w, _, H, Y, j, re) {
     var J;
-    return d.length > 1 && !e.events.unconstrained && (H && w > 0 && (J = C.getAbsoluteDistance(m[w - 1], e.margin, !1), k = Math.max(k, J)), Y && w < d.length - 1 && (J = C.getAbsoluteDistance(m[w + 1], e.margin, !0), k = Math.min(k, J))), d.length > 1 && e.limit && (H && w > 0 && (J = C.getAbsoluteDistance(m[w - 1], e.limit, !1), k = Math.min(k, J)), Y && w < d.length - 1 && (J = C.getAbsoluteDistance(m[w + 1], e.limit, !0), k = Math.max(k, J))), e.padding && (w === 0 && (J = C.getAbsoluteDistance(0, e.padding[0], !1), k = Math.max(k, J)), w === d.length - 1 && (J = C.getAbsoluteDistance(100, e.padding[1], !0), k = Math.min(k, J))), re || (k = C.getStep(k)), k = Tr(k), k === m[w] && !j ? !1 : k;
+    return d.length > 1 && !e.events.unconstrained && (H && w > 0 && (J = C.getAbsoluteDistance(m[w - 1], e.margin, !1), _ = Math.max(_, J)), Y && w < d.length - 1 && (J = C.getAbsoluteDistance(m[w + 1], e.margin, !0), _ = Math.min(_, J))), d.length > 1 && e.limit && (H && w > 0 && (J = C.getAbsoluteDistance(m[w - 1], e.limit, !1), _ = Math.min(_, J)), Y && w < d.length - 1 && (J = C.getAbsoluteDistance(m[w + 1], e.limit, !0), _ = Math.max(_, J))), e.padding && (w === 0 && (J = C.getAbsoluteDistance(0, e.padding[0], !1), _ = Math.max(_, J)), w === d.length - 1 && (J = C.getAbsoluteDistance(100, e.padding[1], !0), _ = Math.min(_, J))), re || (_ = C.getStep(_)), _ = Tr(_), _ === m[w] && !j ? !1 : _;
   }
   function wn(m, w) {
-    var k = e.ort;
-    return (k ? w : m) + ", " + (k ? m : w);
+    var _ = e.ort;
+    return (_ ? w : m) + ", " + (_ ? m : w);
   }
-  function dr(m, w, k, H, Y) {
-    var j = k.slice(), re = H[0], J = e.events.smoothSteps, xe = [!m, m], ke = [m, !m];
+  function dr(m, w, _, H, Y) {
+    var j = _.slice(), re = H[0], J = e.events.smoothSteps, xe = [!m, m], ke = [m, !m];
     H = H.slice(), m && H.reverse(), H.length > 1 ? H.forEach(function(Me, ye) {
       var Ve = Zt(j, Me, j[Me] + w, xe[ye], ke[ye], !1, J);
       Ve === !1 ? w = 0 : (w = Ve - j[Me], j[Me] = Ve);
     }) : xe = ke = [!0];
     var $e = !1;
     H.forEach(function(Me, ye) {
-      $e = vt(Me, k[Me] + w, xe[ye], ke[ye], !1, J) || $e;
+      $e = vt(Me, _[Me] + w, xe[ye], ke[ye], !1, J) || $e;
     }), $e && (H.forEach(function(Me) {
       Le("update", Me), Le("slide", Me);
     }), Y != null && Le("drag", re));
@@ -5942,10 +5965,10 @@ function Dc(r, e, t) {
     return e.dir ? 100 - m - w : m;
   }
   function Oa(m, w) {
-    g[m] = w, E[m] = C.fromStepping(w);
-    var k = fr(w, 0) - D, H = "translate(" + wn(k + "%", "0") + ")";
-    if (d[m].style[e.transformRule] = H, e.events.invertConnects && g.length > 1) {
-      var Y = g.every(function(j, re, J) {
+    y[m] = w, E[m] = C.fromStepping(w);
+    var _ = fr(w, 0) - S, H = "translate(" + wn(_ + "%", "0") + ")";
+    if (d[m].style[e.transformRule] = H, e.events.invertConnects && y.length > 1) {
+      var Y = y.every(function(j, re, J) {
         return re === 0 || j >= J[re - 1];
       });
       if (f !== !Y) {
@@ -5956,56 +5979,56 @@ function Dc(r, e, t) {
     It(m), It(m + 1), f && (It(m - 1), It(m + 2));
   }
   function xn() {
-    S.forEach(function(m) {
-      var w = g[m] > 50 ? -1 : 1, k = 3 + (d.length + w * m);
-      d[m].style.zIndex = String(k);
+    k.forEach(function(m) {
+      var w = y[m] > 50 ? -1 : 1, _ = 3 + (d.length + w * m);
+      d[m].style.zIndex = String(_);
     });
   }
-  function vt(m, w, k, H, Y, j) {
-    return Y || (w = Zt(g, m, w, k, H, !1, j)), w === !1 ? !1 : (Oa(m, w), !0);
+  function vt(m, w, _, H, Y, j) {
+    return Y || (w = Zt(y, m, w, _, H, !1, j)), w === !1 ? !1 : (Oa(m, w), !0);
   }
   function It(m) {
     if (v[m]) {
-      var w = g.slice();
+      var w = y.slice();
       f && w.sort(function(J, xe) {
         return J - xe;
       });
-      var k = 0, H = 100;
-      m !== 0 && (k = w[m - 1]), m !== v.length - 1 && (H = w[m]);
-      var Y = H - k, j = "translate(" + wn(fr(k, Y) + "%", "0") + ")", re = "scale(" + wn(Y / 100, "1") + ")";
+      var _ = 0, H = 100;
+      m !== 0 && (_ = w[m - 1]), m !== v.length - 1 && (H = w[m]);
+      var Y = H - _, j = "translate(" + wn(fr(_, Y) + "%", "0") + ")", re = "scale(" + wn(Y / 100, "1") + ")";
       v[m].style[e.transformRule] = j + " " + re;
     }
   }
   function pr(m, w) {
-    return m === null || m === !1 || m === void 0 || (typeof m == "number" && (m = String(m)), m = e.format.from(m), m !== !1 && (m = C.toStepping(m)), m === !1 || isNaN(m)) ? g[w] : m;
+    return m === null || m === !1 || m === void 0 || (typeof m == "number" && (m = String(m)), m = e.format.from(m), m !== !1 && (m = C.toStepping(m)), m === !1 || isNaN(m)) ? y[w] : m;
   }
-  function Jt(m, w, k) {
-    var H = gn(m), Y = g[0] === void 0;
-    w = w === void 0 ? !0 : w, e.animate && !Y && Pr(s, e.cssClasses.tap, e.animationDuration), S.forEach(function(J) {
-      vt(J, pr(H[J], J), !0, !1, k);
+  function Jt(m, w, _) {
+    var H = gn(m), Y = y[0] === void 0;
+    w = w === void 0 ? !0 : w, e.animate && !Y && Pr(s, e.cssClasses.tap, e.animationDuration), k.forEach(function(J) {
+      vt(J, pr(H[J], J), !0, !1, _);
     });
-    var j = S.length === 1 ? 0 : 1;
-    if (Y && C.hasNoSize() && (k = !0, g[0] = 0, S.length > 1)) {
-      var re = 100 / (S.length - 1);
-      S.forEach(function(J) {
-        g[J] = J * re;
+    var j = k.length === 1 ? 0 : 1;
+    if (Y && C.hasNoSize() && (_ = !0, y[0] = 0, k.length > 1)) {
+      var re = 100 / (k.length - 1);
+      k.forEach(function(J) {
+        y[J] = J * re;
       });
     }
-    for (; j < S.length; ++j)
-      S.forEach(function(J) {
-        vt(J, g[J], !0, !0, k);
+    for (; j < k.length; ++j)
+      k.forEach(function(J) {
+        vt(J, y[J], !0, !0, _);
       });
-    xn(), S.forEach(function(J) {
+    xn(), k.forEach(function(J) {
       Le("update", J), H[J] !== null && w && Le("set", J);
     });
   }
   function La(m) {
     Jt(e.start, m);
   }
-  function Ea(m, w, k, H) {
-    if (m = Number(m), !(m >= 0 && m < S.length))
+  function Ea(m, w, _, H) {
+    if (m = Number(m), !(m >= 0 && m < k.length))
       throw new Error("noUiSlider: invalid handle number, got: " + m);
-    vt(m, pr(w, m), !0, !0, H), Le("update", m), k && Le("set", m);
+    vt(m, pr(w, m), !0, !0, H), Le("update", m), _ && Le("set", m);
   }
   function mr(m) {
     if (m === void 0 && (m = !1), m)
@@ -6021,21 +6044,21 @@ function Dc(r, e, t) {
     delete s.noUiSlider;
   }
   function hr(m) {
-    var w = g[m], k = C.getNearbySteps(w), H = E[m], Y = k.thisStep.step, j = null;
+    var w = y[m], _ = C.getNearbySteps(w), H = E[m], Y = _.thisStep.step, j = null;
     if (e.snap)
       return [
-        H - k.stepBefore.startValue || null,
-        k.stepAfter.startValue - H || null
+        H - _.stepBefore.startValue || null,
+        _.stepAfter.startValue - H || null
       ];
-    Y !== !1 && H + Y > k.stepAfter.startValue && (Y = k.stepAfter.startValue - H), H > k.thisStep.startValue ? j = k.thisStep.step : k.stepBefore.step === !1 ? j = !1 : j = H - k.stepBefore.highestStep, w === 100 ? Y = null : w === 0 && (j = null);
+    Y !== !1 && H + Y > _.stepAfter.startValue && (Y = _.stepAfter.startValue - H), H > _.thisStep.startValue ? j = _.thisStep.step : _.stepBefore.step === !1 ? j = !1 : j = H - _.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 S.map(hr);
+    return k.map(hr);
   }
   function za(m, w) {
-    var k = mr(), H = [
+    var _ = mr(), H = [
       "margin",
       "limit",
       "padding",
@@ -6054,7 +6077,7 @@ function Dc(r, e, t) {
     var Y = ia(t);
     H.forEach(function(j) {
       m[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(), g = [], Jt(zn(m.start) ? m.start : k, w), m.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(), y = [], Jt(zn(m.start) ? m.start : _, w), m.connect && vr();
   }
   function vr() {
     for (; l.firstChild; )
@@ -6088,8 +6111,8 @@ function Dc(r, e, t) {
     disable: q,
     enable: he,
     // Exposed for unit testing, don't use this in your application.
-    __moveHandles: function(m, w, k) {
-      dr(m, w, g, k);
+    __moveHandles: function(m, w, _) {
+      dr(m, w, y, _);
     },
     options: t,
     updateOptions: za,
@@ -6097,10 +6120,10 @@ function Dc(r, e, t) {
     removePips: O,
     removeTooltips: ve,
     getPositions: function() {
-      return g.slice();
+      return y.slice();
     },
     getTooltips: function() {
-      return _;
+      return D;
     },
     getOrigins: function() {
       return d;
@@ -6234,46 +6257,46 @@ const Lr = {
       animationDuration: n.duration
     };
     let i = null;
-    Re(() => o.value, (g, S) => {
+    Re(() => o.value, (y, k) => {
       if (!n.selectable)
         return;
       const $ = document.querySelector(`#${a}`).querySelectorAll("[data-handle]");
       for (let f in $) $.hasOwnProperty(f) && $[f].classList.remove("selected");
-      g !== null && document.querySelector(`#${a} [data-handle="${g}"]`).classList.add("selected");
+      y !== null && document.querySelector(`#${a} [data-handle="${y}"]`).classList.add("selected");
     }), Be(() => {
       i = document.getElementById(a), Lr.create(i, s), t("init"), l();
     });
     const l = () => {
-      i.noUiSlider.on("start", (g, S, x, $, f, u) => {
-        o.value = S, t("start", { values: g, index: S, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
-      }), i.noUiSlider.on("slide", (g, S, x, $, f, u) => {
-        o.value = S, t("slide", { values: g, index: S, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
-      }), i.noUiSlider.on("drag", (g, S, x, $, f, u) => {
-        o.value = S, t("drag", { values: g, index: S, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
-      }), i.noUiSlider.on("update", (g, S, x, $, f, u) => {
-        o.value = S, t("update", { values: g, index: S, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
-      }), i.noUiSlider.on("change", (g, S, x, $, f, u) => {
-        o.value = S, t("change", { values: g, index: S, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
-      }), i.noUiSlider.on("set", (g, S, x, $, f, u) => {
-        o.value = S, t("set", { values: g, index: S, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
-      }), i.noUiSlider.on("end", (g, S, x, $, f, u) => {
-        o.value = S, t("end", { values: g, index: S, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
+      i.noUiSlider.on("start", (y, k, x, $, f, u) => {
+        o.value = k, t("start", { values: y, index: k, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
+      }), i.noUiSlider.on("slide", (y, k, x, $, f, u) => {
+        o.value = k, t("slide", { values: y, index: k, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
+      }), i.noUiSlider.on("drag", (y, k, x, $, f, u) => {
+        o.value = k, t("drag", { values: y, index: k, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
+      }), i.noUiSlider.on("update", (y, k, x, $, f, u) => {
+        o.value = k, t("update", { values: y, index: k, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
+      }), i.noUiSlider.on("change", (y, k, x, $, f, u) => {
+        o.value = k, t("change", { values: y, index: k, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
+      }), i.noUiSlider.on("set", (y, k, x, $, f, u) => {
+        o.value = k, t("set", { values: y, index: k, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
+      }), i.noUiSlider.on("end", (y, k, x, $, f, u) => {
+        o.value = k, t("end", { values: y, index: k, eunencoded: x, tap: $, positions: f, slider: u, selectedIndex: o });
       });
     };
     return e({
       get: () => i.noUiSlider.get(),
-      set: (g) => {
-        i.noUiSlider.set(g);
+      set: (y) => {
+        i.noUiSlider.set(y);
       },
       position: () => i.noUiSlider.getPositions(),
       getSelectedIndex: () => o.value,
-      updateOptions: (g) => {
-        i.noUiSlider.updateOptions(g);
+      updateOptions: (y) => {
+        i.noUiSlider.updateOptions(y);
       },
-      updateStart: (g) => {
-        o.value = null, i.noUiSlider.destroy(), s.start = g, Lr.create(i, s), t("init"), l();
+      updateStart: (y) => {
+        o.value = null, i.noUiSlider.destroy(), s.start = y, Lr.create(i, s), t("init"), l();
       }
-    }), (g, S) => (c(), b("div", {
+    }), (y, k) => (c(), b("div", {
       id: a,
       class: ae(["slider-styled slider-round", [n.type, n.tooltipHide ? "slider-tooltip-hide" : null]])
     }, null, 2));
@@ -6530,19 +6553,19 @@ function Fc() {
       ) || i(
         "radial-gradient",
         e.radialGradient,
-        _
+        D
       ) || i(
         "repeating-radial-gradient",
         e.repeatingRadialGradient,
-        _
+        D
       );
     }
     function i(Z, M, O) {
       return l(M, function(z) {
-        var R = O();
-        return R && (_e(e.comma) || n("Missing comma before color stops")), {
+        var N = O();
+        return N && (_e(e.comma) || n("Missing comma before color stops")), {
           type: Z,
-          orientation: R,
+          orientation: N,
           colorStops: u(p)
         };
       });
@@ -6571,16 +6594,16 @@ function Fc() {
     function h() {
       return we("angular", e.angleValue, 1) || we("angular", e.radianValue, 1);
     }
-    function _() {
+    function D() {
       var Z, M = C(), O;
       return M && (Z = [], Z.push(M), O = t, _e(e.comma) && (M = C(), M ? Z.push(M) : t = O)), Z;
     }
     function C() {
-      var Z = E() || g();
+      var Z = E() || y();
       if (Z)
         Z.at = x();
       else {
-        var M = S();
+        var M = k();
         if (M) {
           Z = M;
           var O = x();
@@ -6593,10 +6616,10 @@ function Fc() {
               at: z
             };
           else {
-            var R = $();
-            R && (Z = {
+            var N = $();
+            N && (Z = {
               type: "default-radial",
-              at: R
+              at: N
             });
           }
         }
@@ -6605,13 +6628,13 @@ function Fc() {
     }
     function E() {
       var Z = we("shape", /^(circle)/i, 0);
-      return Z && (Z.style = qe() || S()), Z;
+      return Z && (Z.style = qe() || k()), Z;
     }
-    function g() {
+    function y() {
       var Z = we("shape", /^(ellipse)/i, 0);
-      return Z && (Z.style = $() || q() || S()), Z;
+      return Z && (Z.style = $() || q() || k()), Z;
     }
-    function S() {
+    function k() {
       return we("extent-keyword", e.extentKeywords, 1);
     }
     function x() {
@@ -6642,16 +6665,16 @@ function Fc() {
       return O;
     }
     function p() {
-      var Z = y();
+      var Z = g();
       return Z || n("Expected color definition"), Z.length = q(), Z;
     }
-    function y() {
-      return N() || ie() || me() || ne() || ee() || W() || D();
+    function g() {
+      return R() || ie() || me() || ne() || ee() || W() || S();
     }
-    function D() {
+    function S() {
       return we("literal", e.literalColor, 0);
     }
-    function N() {
+    function R() {
       return we("hex", e.hexColor, 1);
     }
     function ee() {
@@ -6686,10 +6709,10 @@ function Fc() {
         _e(e.comma);
         var O = _e(e.percentageValue), z = O ? O[1] : null;
         _e(e.comma), O = _e(e.percentageValue);
-        var R = O ? O[1] : null;
-        return (!z || !R) && n("Expected percentage value for saturation and lightness in HSL"), {
+        var N = O ? O[1] : null;
+        return (!z || !N) && n("Expected percentage value for saturation and lightness in HSL"), {
           type: "hsl",
-          value: [M, z, R]
+          value: [M, z, N]
         };
       });
     }
@@ -6701,10 +6724,10 @@ function Fc() {
         _e(e.comma), M = _e(e.percentageValue);
         var z = M ? M[1] : null;
         _e(e.comma);
-        var R = K();
+        var N = K();
         return (!O || !z) && n("Expected percentage value for saturation and lightness in HSLA"), {
           type: "hsla",
-          value: [Z, O, z, R]
+          value: [Z, O, z, N]
         };
       });
     }
@@ -6813,26 +6836,26 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       }
     }), a = I(null), o = I(null), s = I([{ code: "#FFFFFF" }]), i = I(""), l = I("linear"), d = I("0"), v = I("");
     let h = 1;
-    const _ = () => {
+    const D = () => {
       a.value.show(), C();
     }, C = () => {
-      const p = n.value.split(";")[1].trim().split(":")[1].trim(), y = Hc.parse(p), D = y[0].type.split("-");
-      l.value = D[0], l.value === "linear" && (d.value = y[0].orientation.value), s.value = [], h = y[0].colorStops.length;
-      const N = [];
-      for (let ee = 0; ee < y[0].colorStops.length; ee++) {
-        const ne = y[0].colorStops[ee].type === "hex" ? `#${y[0].colorStops[ee].value}` : `rgba(${y[0].colorStops[ee].value.join(",")})`;
-        s.value.push({ code: ne }), N.push(y[0].colorStops[ee].length.value);
+      const p = n.value.split(";")[1].trim().split(":")[1].trim(), g = Hc.parse(p), S = g[0].type.split("-");
+      l.value = S[0], l.value === "linear" && (d.value = g[0].orientation.value), s.value = [], h = g[0].colorStops.length;
+      const R = [];
+      for (let ee = 0; ee < g[0].colorStops.length; ee++) {
+        const ne = g[0].colorStops[ee].type === "hex" ? `#${g[0].colorStops[ee].value}` : `rgba(${g[0].colorStops[ee].value.join(",")})`;
+        s.value.push({ code: ne }), R.push(g[0].colorStops[ee].length.value);
       }
       setTimeout(() => {
-        o.value?.updateStart(N), $();
+        o.value?.updateStart(R), $();
       }, 100);
     }, E = {
       outside: {
         component: Ht("div", { class: "color-indicator", style: n.value })
       }
-    }, g = () => {
+    }, y = () => {
       n.value = i.value, a.value.hide(), v.value = `${t.text}: ${s.value.length}`, e("change", n.value);
-    }, S = () => {
+    }, k = () => {
       if (h < t.maxColors) {
         s.value.push({ code: "#FFFFFF" }), h++;
         const f = Math.round(100 / h), u = [];
@@ -6855,8 +6878,8 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       const f = l.value + "-gradient", u = o.value.position();
       let p = [];
       p.push(l.value === "radial" ? "circle" : `${d.value}deg`);
-      for (let y = 0; y < s.value.length; y++)
-        p.push(`${s.value[y].code} ${parseInt(u[y])}%`);
+      for (let g = 0; g < s.value.length; g++)
+        p.push(`${s.value[g].code} ${parseInt(u[g])}%`);
       i.value = `background: ${s.value[0].code};`, s.value.length > 1 && (i.value += `background: ${f}(${p.join(", ")})`);
     };
     return (f, u) => (c(), b("div", null, [
@@ -6865,7 +6888,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
         label: t.label,
         modelValue: v.value,
         "onUpdate:modelValue": u[0] || (u[0] = (p) => v.value = p),
-        onClick: _,
+        onClick: D,
         readonly: !0
       }, {
         pre: X(() => [
@@ -6924,13 +6947,13 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
               }, null, 8, ["modelValue"])) : L("", !0)
             ])
           ]),
-          (c(!0), b(pe, null, Ce(s.value, (p, y) => (c(), b("div", {
+          (c(!0), b(pe, null, Ce(s.value, (p, g) => (c(), b("div", {
             style: { display: "flex", gap: "5px", "align-items": "center", "justify-content": "center" },
-            key: y
+            key: g
           }, [
             A(Bu, {
               modelValue: p.code,
-              "onUpdate:modelValue": (D) => p.code = D,
+              "onUpdate:modelValue": (S) => p.code = S,
               style: { flex: "1" },
               format: "rgba",
               onChange: $
@@ -6938,11 +6961,11 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
             Q(h) > 1 ? (c(), F(fe, {
               key: 0,
               icon: "MinusSharp",
-              onClick: (D) => x(y)
+              onClick: (S) => x(g)
             }, null, 8, ["onClick"])) : L("", !0)
           ]))), 128)),
           Q(h) < t.maxColors ? (c(), b("div", Nc, [
-            A(fe, { onClick: S }, {
+            A(fe, { onClick: k }, {
               default: X(() => [
                 se(G(t.add), 1)
               ]),
@@ -6962,7 +6985,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
             }),
             A(fe, {
               type: "success",
-              onClick: g
+              onClick: y
             }, {
               default: X(() => [
                 se(G(t.select), 1)
@@ -6999,31 +7022,31 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       splitter: null,
       timeoutId: null
     }), h = () => {
-      document.addEventListener("mousemove", E, { passive: !1 }), document.addEventListener("mouseup", g), "ontouchstart" in window && (document.addEventListener("touchmove", E, { passive: !1 }), document.addEventListener("touchend", g));
-    }, _ = () => {
-      document.removeEventListener("mousemove", E, { passive: !1 }), document.removeEventListener("mouseup", g), "ontouchstart" in window && (document.removeEventListener("touchmove", E, { passive: !1 }), document.removeEventListener("touchend", g));
+      document.addEventListener("mousemove", E, { passive: !1 }), document.addEventListener("mouseup", y), "ontouchstart" in window && (document.addEventListener("touchmove", E, { passive: !1 }), document.addEventListener("touchend", y));
+    }, D = () => {
+      document.removeEventListener("mousemove", E, { passive: !1 }), document.removeEventListener("mouseup", y), "ontouchstart" in window && (document.removeEventListener("touchmove", E, { passive: !1 }), document.removeEventListener("touchend", y));
     }, C = (M, O) => {
       h(), d.value.mouseDown = !0, d.value.activeSplitter = O;
     }, E = (M) => {
       t.movable && d.value.mouseDown && (M.preventDefault(), d.value.dragging = !0, p(f(M)), e("resize", a.value.map((O) => ({ min: O.min, max: O.max, size: O.size }))));
-    }, g = () => {
+    }, y = () => {
       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, _();
+        d.value.dragging = !1, D();
       }, 100);
-    }, S = (M, O) => {
+    }, k = (M, O) => {
       "ontouchstart" in window && (M.preventDefault(), t.dblClickSplitter && (v.value.splitter === O ? (clearTimeout(v.value.timeoutId), v.value.timeoutId = null, x(M, O), v.value.splitter = null) : (v.value.splitter = O, v.value.timeoutId = setTimeout(() => {
         v.value.splitter = null;
       }, 500)))), d.value.dragging || e("splitter-click", a.value[O]);
     }, x = (M, O) => {
       let z = 0;
-      a.value = a.value.map((R, U) => (R.size = U === O ? R.max : R.min, U !== O && (z += R.min), R)), a.value[O].size -= z, e("pane-maximize", a.value[O]), e("resized", a.value.map((R) => ({ min: R.min, max: R.max, size: R.size })));
+      a.value = a.value.map((N, U) => (N.size = U === O ? N.max : N.min, U !== O && (z += N.min), N)), a.value[O].size -= z, e("pane-maximize", a.value[O]), e("resized", a.value.map((N) => ({ min: N.min, max: N.max, size: N.size })));
     }, $ = (M, O) => {
       e("pane-click", s.value[O]);
     }, f = (M) => {
-      const O = i.value.getBoundingClientRect(), { clientX: z, clientY: R } = "ontouchstart" in window && M.touches ? M.touches[0] : M;
+      const O = i.value.getBoundingClientRect(), { clientX: z, clientY: N } = "ontouchstart" in window && M.touches ? M.touches[0] : M;
       return {
         x: z - O.left,
-        y: R - O.top
+        y: N - O.top
       };
     }, u = (M) => {
       M = M[t.horizontal ? "y" : "x"];
@@ -7032,43 +7055,43 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
     }, p = (M) => {
       const O = d.value.activeSplitter;
       let z = {
-        prevPanesSize: D(O),
-        nextPanesSize: N(O),
+        prevPanesSize: S(O),
+        nextPanesSize: R(O),
         prevReachedMinPanes: 0,
         nextReachedMinPanes: 0
       };
-      const R = 0 + (t.pushOtherPanes ? 0 : z.prevPanesSize), U = 100 - (t.pushOtherPanes ? 0 : z.nextPanesSize), oe = Math.max(Math.min(u(M), U), R);
+      const N = 0 + (t.pushOtherPanes ? 0 : z.prevPanesSize), U = 100 - (t.pushOtherPanes ? 0 : z.nextPanesSize), oe = Math.max(Math.min(u(M), U), N);
       let de = [O, O + 1], ze = a.value[de[0]] || null, tt = a.value[de[1]] || null;
-      const Kt = ze.max < 100 && oe >= ze.max + z.prevPanesSize, Lt = tt.max < 100 && oe <= 100 - (tt.max + N(O + 1));
+      const Kt = ze.max < 100 && oe >= ze.max + z.prevPanesSize, Lt = tt.max < 100 && oe <= 100 - (tt.max + R(O + 1));
       if (Kt || Lt) {
-        Kt ? (ze.size = ze.max, tt.size = Math.max(100 - ze.max - z.prevPanesSize - z.nextPanesSize, 0)) : (ze.size = Math.max(100 - tt.max - z.prevPanesSize - N(O + 1), 0), tt.size = tt.max);
+        Kt ? (ze.size = ze.max, tt.size = Math.max(100 - ze.max - z.prevPanesSize - z.nextPanesSize, 0)) : (ze.size = Math.max(100 - tt.max - z.prevPanesSize - R(O + 1), 0), tt.size = tt.max);
         return;
       }
       if (t.pushOtherPanes) {
-        const Dt = y(z, oe);
+        const Dt = g(z, oe);
         if (!Dt) return;
         ({ sums: z, panesToResize: de } = Dt), ze = a.value[de[0]] || null, tt = a.value[de[1]] || null;
       }
       ze !== null && (ze.size = Math.min(Math.max(oe - z.prevPanesSize - z.prevReachedMinPanes, ze.min), ze.max)), tt !== null && (tt.size = Math.min(Math.max(100 - oe - z.nextPanesSize - z.nextReachedMinPanes, tt.min), tt.max));
-    }, y = (M, O) => {
-      const z = d.value.activeSplitter, R = [z, z + 1];
-      return O < M.prevPanesSize + a.value[R[0]].min && (R[0] = ee(z).index, M.prevReachedMinPanes = 0, R[0] < z && a.value.forEach((U, oe) => {
-        oe > R[0] && oe <= z && (U.size = U.min, M.prevReachedMinPanes += U.min);
-      }), M.prevPanesSize = D(R[0]), R[0] === void 0) ? (M.prevReachedMinPanes = 0, a.value[0].size = a.value[0].min, a.value.forEach((U, oe) => {
+    }, g = (M, O) => {
+      const z = d.value.activeSplitter, N = [z, z + 1];
+      return O < M.prevPanesSize + a.value[N[0]].min && (N[0] = ee(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 = S(N[0]), N[0] === void 0) ? (M.prevReachedMinPanes = 0, a.value[0].size = a.value[0].min, a.value.forEach((U, oe) => {
         oe > 0 && oe <= z && (U.size = U.min, M.prevReachedMinPanes += U.min);
-      }), a.value[R[1]].size = 100 - M.prevReachedMinPanes - a.value[0].min - M.prevPanesSize - M.nextPanesSize, null) : O > 100 - M.nextPanesSize - a.value[R[1]].min && (R[1] = ne(z).index, M.nextReachedMinPanes = 0, R[1] > z + 1 && a.value.forEach((U, oe) => {
-        oe > z && oe < R[1] && (U.size = U.min, M.nextReachedMinPanes += U.min);
-      }), M.nextPanesSize = N(R[1] - 1), R[1] === void 0) ? (M.nextReachedMinPanes = 0, a.value[o.value - 1].size = a.value[o.value - 1].min.value, a.value.forEach((U, oe) => {
+      }), 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[R[0]].size = 100 - M.prevPanesSize - M.nextReachedMinPanes - a.value[o.value - 1].min - M.nextPanesSize.value, null) : { sums: M, panesToResize: R };
-    }, D = (M) => a.value.reduce((O, z, R) => O + (R < M ? z.size : 0), 0), N = (M) => a.value.reduce((O, z, R) => O + (R > M + 1 ? z.size : 0), 0), ee = (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 = () => {
+      }), a.value[N[0]].size = 100 - M.prevPanesSize - M.nextReachedMinPanes - a.value[o.value - 1].min - M.nextPanesSize.value, null) : { sums: M, panesToResize: N };
+    }, S = (M) => a.value.reduce((O, z, N) => O + (N < M ? z.size : 0), 0), R = (M) => a.value.reduce((O, z, N) => O + (N > M + 1 ? z.size : 0), 0), ee = (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"), R = O.classList.contains("d-splitter__splitter");
-        !z && !R && (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."));
+        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 R = 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, R), typeof window < "u" && "ontouchstart" in window && (U.ontouchstart = (oe) => C(oe, R)), U.onclick = (oe) => S(oe, R + 1)), t.dblClickSplitter && (U.ondblclick = (oe) => x(oe, R + 1)), O.parentNode.insertBefore(U, O);
+      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) => k(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 = () => {
@@ -7082,53 +7105,53 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       });
     }, K = ({ uid: M, ...O }) => {
       const z = s.value[M];
-      Object.entries(O).forEach(([R, U]) => z[R] = U);
+      Object.entries(O).forEach(([N, U]) => z[N] = U);
     }, q = (M) => {
       let O = -1;
-      Array.from(i.value?.children || []).some((z) => (z.className.includes("d-splitter__panel") && O++, z.isSameNode(M.el))), a.value.splice(O, 0, { ...M, index: O }), a.value.forEach((z, R) => z.index = R), l.value && lt(() => {
+      Array.from(i.value?.children || []).some((z) => (z.className.includes("d-splitter__panel") && O++, z.isSameNode(M.el))), a.value.splice(O, 0, { ...M, index: O }), a.value.forEach((z, N) => z.index = N), l.value && lt(() => {
         V(), ve({ addedPane: a.value[O] }), e("pane-add", { index: O, panes: a.value.map((z) => ({ min: z.min, max: z.max, size: z.size })) });
       });
     }, he = (M) => {
-      const O = a.value.findIndex((R) => R.id === M), z = a.value.splice(O, 1)[0];
-      a.value.forEach((R, U) => R.index = U), lt(() => {
-        V(), ve({ removedPane: { ...z } }), e("pane-remove", { removed: z, panes: a.value.map((R) => ({ min: R.min, max: R.max, size: R.size })) });
+      const O = a.value.findIndex((N) => N.id === M), z = a.value.splice(O, 1)[0];
+      a.value.forEach((N, U) => N.index = U), lt(() => {
+        V(), ve({ removedPane: { ...z } }), e("pane-remove", { removed: z, panes: a.value.map((N) => ({ min: N.min, max: N.max, size: N.size })) });
       });
     }, ve = (M = {}) => {
       !M.addedPane && !M.removedPane ? we() : a.value.some((O) => O.givenSize !== null || O.min || O.max < 100) ? _e(M) : qe(), l.value && e("resized", a.value.map((O) => ({ min: O.min, max: O.max, size: O.size })));
     }, qe = () => {
       const M = 100 / o.value;
       let O = 0;
-      const z = [], R = [];
+      const z = [], N = [];
       a.value.forEach((U) => {
-        U.size = Math.max(Math.min(M, U.max), U.min), O -= U.size, U.size >= U.max && z.push(U.id), U.size <= U.min && R.push(U.id);
-      }), O > 0.1 && Ue(O, z, R);
+        U.size = Math.max(Math.min(M, U.max), U.min), O -= U.size, U.size >= U.max && z.push(U.id), U.size <= U.min && N.push(U.id);
+      }), O > 0.1 && Ue(O, z, N);
     }, we = () => {
       let M = 100;
       const O = [], z = [];
-      let R = 0;
+      let N = 0;
       a.value.forEach((oe) => {
-        M -= oe.size, oe.givenSize !== null && R++, oe.size >= oe.max && O.push(oe.id), oe.size <= oe.min && z.push(oe.id);
+        M -= oe.size, oe.givenSize !== null && N++, oe.size >= oe.max && O.push(oe.id), oe.size <= oe.min && z.push(oe.id);
       });
       let U = 100;
       M > 0.1 && (a.value.forEach((oe) => {
-        oe.givenSize === null && (oe.size = Math.max(Math.min(M / (o.value - R), oe.max), oe.min)), U -= oe.size;
+        oe.givenSize === null && (oe.size = Math.max(Math.min(M / (o.value - N), oe.max), oe.min)), U -= oe.size;
       }), U > 0.1 && Ue(U, O, z));
     }, _e = ({ addedPane: M, removedPane: O } = {}) => {
-      let z = 100 / o.value, R = 0;
+      let z = 100 / o.value, N = 0;
       const U = [], oe = [];
       M?.givenSize !== null && (z = (100 - M.givenSize) / (o.value - 1).value), a.value.forEach((de) => {
-        R -= de.size, de.size >= de.max && U.push(de.id), de.size <= de.min && oe.push(de.id);
-      }), !(Math.abs(R) < 0.1) && (a.value.forEach((de) => {
-        M?.givenSize !== null && M?.id === de.id || (de.size = Math.max(Math.min(z, de.max), de.min)), R -= de.size, de.size >= de.max && U.push(de.id), de.size <= de.min && oe.push(de.id);
-      }), R > 0.1 && Ue(R, U, oe));
+        N -= de.size, de.size >= de.max && U.push(de.id), de.size <= de.min && oe.push(de.id);
+      }), !(Math.abs(N) < 0.1) && (a.value.forEach((de) => {
+        M?.givenSize !== null && M?.id === de.id || (de.size = Math.max(Math.min(z, de.max), de.min)), N -= de.size, de.size >= de.max && U.push(de.id), de.size <= de.min && oe.push(de.id);
+      }), N > 0.1 && Ue(N, U, oe));
     }, Ue = (M, O, z) => {
-      let R;
-      M > 0 ? R = M / (o.value - O.length) : R = M / (o.value - z.length), a.value.forEach((U, oe) => {
+      let N;
+      M > 0 ? N = M / (o.value - O.length) : N = M / (o.value - z.length), a.value.forEach((U, oe) => {
         if (M > 0 && !O.includes(U.id)) {
-          const de = Math.max(Math.min(U.size + R, U.max), U.min), ze = de - U.size;
+          const de = Math.max(Math.min(U.size + N, U.max), U.min), ze = de - U.size;
           M -= ze, U.size = de;
         } else if (!z.includes(U.id)) {
-          const de = Math.max(Math.min(U.size + R, U.max), U.min), ze = de - U.size;
+          const de = Math.max(Math.min(U.size + N, U.max), U.min), ze = de - U.size;
           M -= ze, U.size = de;
         }
       }), Math.abs(M) > 0.1 && lt(() => {
@@ -7136,8 +7159,8 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       });
     };
     Re(() => t.firstSplitter, () => V()), Re(() => t.dblClickSplitter, (M) => {
-      [...i.value.querySelectorAll(".d-splitter__splitter")].forEach((z, R) => {
-        z.ondblclick = M ? (U) => x(U, R) : void 0;
+      [...i.value.querySelectorAll(".d-splitter__splitter")].forEach((z, N) => {
+        z.ondblclick = M ? (U) => x(U, N) : void 0;
       });
     }), Gr(() => l.value = !1), Be(() => {
       W(), V(), ve(), e("ready"), l.value = !0;
@@ -7165,34 +7188,34 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
   },
   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 = T(() => l.value[i]), v = I(null), h = T(() => {
-      const g = isNaN(e.size) || e.size === void 0 ? 0 : parseFloat(e.size);
-      return Math.max(Math.min(g, C.value), _.value);
-    }), _ = T(() => {
-      const g = parseFloat(e.minSize);
-      return isNaN(g) ? 0 : g;
+      const y = isNaN(e.size) || e.size === void 0 ? 0 : parseFloat(e.size);
+      return Math.max(Math.min(y, C.value), D.value);
+    }), D = T(() => {
+      const y = parseFloat(e.minSize);
+      return isNaN(y) ? 0 : y;
     }), C = T(() => {
-      const g = parseFloat(e.maxSize);
-      return isNaN(g) ? 100 : g;
+      const y = parseFloat(e.maxSize);
+      return isNaN(y) ? 100 : y;
     }), E = T(() => `${a.value ? "height" : "width"}: ${d.value?.size}%`);
     return Be(() => {
       n({
         id: i,
         el: v.value,
-        min: _.value,
+        min: D.value,
         max: C.value,
         // The given size (useful to know the user intention).
         givenSize: e.size === void 0 ? null : h.value,
         size: h.value
         // The computed current size at any time.
       });
-    }), Re(() => h.value, (g) => t({ uid: i, size: g })), Re(() => _.value, (g) => t({ uid: i, min: g })), Re(() => C.value, (g) => t({ uid: i, max: g })), Gr(() => o(i)), (g, S) => (c(), b("div", {
+    }), Re(() => h.value, (y) => t({ uid: i, size: y })), Re(() => D.value, (y) => t({ uid: i, min: y })), Re(() => C.value, (y) => t({ uid: i, max: y })), Gr(() => o(i)), (y, k) => (c(), b("div", {
       ref_key: "paneEl",
       ref: v,
       class: "d-splitter__panel",
-      onClick: S[0] || (S[0] = (x) => Q(s)(x, g._.uid)),
+      onClick: k[0] || (k[0] = (x) => Q(s)(x, y._.uid)),
       style: ue(E.value)
     }, [
-      le(g.$slots, "default")
+      le(y.$slots, "default")
     ], 4));
   }
 }, Yc = {
@@ -7284,7 +7307,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
         for (let x = 0; x < n.items.length; x++)
           n.items[x].id === a.value && (v.value = n.items[x].title);
     });
-    const _ = (x) => {
+    const D = (x) => {
       if (t("click", x), o.value.isShowed()) {
         o.value.hide();
         return;
@@ -7298,7 +7321,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
         return h.value = mn.validate(a.value, n.form.fields[n.name].rules), !!h.value;
     }, E = (x) => {
       a.value = x.model.id, v.value = x.model.title, t("select", x), C();
-    }, g = T(() => ({ left: i.value + "px", width: l.value + "px", top: d.value + "px", position: n.bodyAsParent ? "absolute" : "fixed", ...n.menuStyle }));
+    }, y = T(() => ({ left: i.value + "px", width: l.value + "px", top: d.value + "px", position: n.bodyAsParent ? "absolute" : "fixed", ...n.menuStyle }));
     return Be(() => {
       if (a.value)
         for (let x = 0; x < n.items.length; x++)
@@ -7318,7 +7341,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
           class: "d-input-select",
           ref_key: "buttonRef",
           ref: s,
-          onClick: De(_, ["stop", "prevent"])
+          onClick: De(D, ["stop", "prevent"])
         }, [
           P("div", Qc, [
             P("div", Kc, G(v.value), 1),
@@ -7333,7 +7356,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
           ref: o,
           items: n.items,
           class: "dropdown-menu",
-          style: ue(g.value),
+          style: ue(y.value),
           "no-select": !0,
           onSelect: E,
           "render-item-title": n.renderItemTitle,
@@ -7417,7 +7440,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
         const f = a.value.elementSize(), u = o.value.getBoundingClientRect(), p = window.innerHeight;
         s.value = u.left, i.value = u.width, l.value = p - (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();
       });
-    }, _ = (x) => {
+    }, D = (x) => {
       let $ = -1;
       for (let f = 0; f < n.value.length; f++)
         n.value[f] === x.model.title && ($ = f);
@@ -7426,9 +7449,9 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       a.value.unSelect();
       for (let x = 0; x < t.items.length; x++)
         n.value.includes(t.items[x].title) && a.value.selectNode(t.items[x].id);
-    }, E = T(() => ({ left: s.value + "px", width: i.value + "px", top: l.value + "px", position: t.bodyAsParent ? "absolute" : "fixed", ...t.menuStyle })), g = (x, $, f) => {
+    }, E = T(() => ({ left: s.value + "px", width: i.value + "px", top: l.value + "px", position: t.bodyAsParent ? "absolute" : "fixed", ...t.menuStyle })), y = (x, $, f) => {
       n.value.splice($, 1);
-    }, S = () => {
+    }, k = () => {
       if (d.value) {
         const x = d.value.split(",");
         for (let $ = 0; $ < x.length; $++) {
@@ -7456,7 +7479,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
           P("div", ud, [
             (c(!0), b(pe, null, Ce(v.value, (f, u) => (c(), F(Q(fe), {
               key: u,
-              onClick: De((p) => g(p, u), ["stop"]),
+              onClick: De((p) => y(p, u), ["stop"]),
               scale: "small"
             }, {
               default: X(() => [
@@ -7471,14 +7494,14 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
             "onUpdate:modelValue": $[0] || ($[0] = (f) => d.value = f),
             style: { "margin-bottom": "3px", "margin-top": "3px" },
             onKeyup: [
-              Xr(S, ["enter"]),
+              Xr(k, ["enter"]),
               $[1] || ($[1] = (f) => h(f, !1))
             ]
           }, {
             post: X(() => [
               A(Q(fe), {
                 icon: "PlusSharp",
-                onClick: S
+                onClick: k
               })
             ]),
             _: 1
@@ -7491,7 +7514,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
           class: "dropdown-menu",
           style: ue(E.value),
           "no-select": !1,
-          onSelect: _,
+          onSelect: D,
           "render-item-title": t.renderItemTitle,
           "before-item": t.beforeItem,
           "body-as-parent": t.bodyAsParent,
@@ -7548,13 +7571,13 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
     Ke.mutations.addIcons({ PlusSharp: ea });
     const n = T({
       get: () => t.modelValue,
-      set: (g) => {
-        e("update:modelValue", g);
+      set: (y) => {
+        e("update:modelValue", y);
       }
     }), a = I(null), o = I(null), s = I(0), i = I(0), l = I(0), d = I("");
     let v = !0;
-    const h = (g, S = !0) => {
-      if (e("click", g), a.value.isShowed() && S) {
+    const h = (y, k = !0) => {
+      if (e("click", y), a.value.isShowed() && k) {
         a.value.hide();
         return;
       }
@@ -7565,22 +7588,22 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
     };
     Re(() => d.value, () => {
       if (v)
-        for (let g = 0; g < t.items.length; g++)
-          t.items[g].title === d.value ? n.value = t.items[g].id : n.value = "";
+        for (let y = 0; y < t.items.length; y++)
+          t.items[y].title === d.value ? n.value = t.items[y].id : n.value = "";
       a.value === "" && a.value.hide();
     }), Re(() => n.value, () => {
       if (n.value === "")
         d.value = "";
       else
-        for (let g = 0; g < t.items.length; g++)
-          t.items[g].id === n.value && (v = !1, d.value = t.items[g].title);
+        for (let y = 0; y < t.items.length; y++)
+          t.items[y].id === n.value && (v = !1, d.value = t.items[y].title);
     });
-    const _ = (g) => {
-      n.value = g.model.id, v = !1, d.value = g.model.title, e("select", g);
-    }, C = T(() => ({ left: s.value + "px", width: i.value + "px", top: l.value + "px", position: t.bodyAsParent ? "absolute" : "fixed", ...t.menuStyle })), E = (g) => {
-      e("input", { e: g, input: d.value });
+    const D = (y) => {
+      n.value = y.model.id, v = !1, d.value = y.model.title, e("select", y);
+    }, C = T(() => ({ left: s.value + "px", width: i.value + "px", top: l.value + "px", position: t.bodyAsParent ? "absolute" : "fixed", ...t.menuStyle })), E = (y) => {
+      e("input", { e: y, input: d.value });
     };
-    return (g, S) => (c(), b("div", {
+    return (y, k) => (c(), b("div", {
       class: ae(t.disabled ? "disabled" : "")
     }, [
       t.label ? (c(), b("div", fd, [
@@ -7597,13 +7620,13 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
           A(Q(et), {
             type: "hidden",
             modelValue: n.value,
-            "onUpdate:modelValue": S[0] || (S[0] = (x) => n.value = x)
+            "onUpdate:modelValue": k[0] || (k[0] = (x) => n.value = x)
           }, null, 8, ["modelValue"]),
           A(Q(et), {
             modelValue: d.value,
-            "onUpdate:modelValue": S[1] || (S[1] = (x) => d.value = x),
+            "onUpdate:modelValue": k[1] || (k[1] = (x) => d.value = x),
             style: { "margin-bottom": "3px", "margin-top": "3px" },
-            onKeyup: S[2] || (S[2] = (x) => h(x, !1)),
+            onKeyup: k[2] || (k[2] = (x) => h(x, !1)),
             onInput: E
           }, {
             post: X(() => [
@@ -7621,7 +7644,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
           class: "dropdown-menu",
           style: ue(C.value),
           "no-select": !1,
-          onSelect: _,
+          onSelect: D,
           "render-item-title": t.renderItemTitle,
           "before-item": t.beforeItem,
           "body-as-parent": t.bodyAsParent,
@@ -7731,10 +7754,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), v = I(0), h = I(null), _ = 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), v = I(0), h = I(null), D = I(!1);
     B.mutations.addDataGrid(n.id), Be(() => {
       C(), setTimeout(() => {
-        _.value = !0;
+        D.value = !0;
       }, 100), n.autoLoad && E();
     });
     const C = () => {
@@ -7766,9 +7789,9 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
         d.value = !1, t("loading-change", !1);
       }
     };
-    let g = null;
-    const S = (V = !1) => {
-      clearTimeout(g), g = setTimeout(() => {
+    let y = null;
+    const k = (V = !1) => {
+      clearTimeout(y), y = setTimeout(() => {
         E(V);
       }, n.filterDebounce);
     };
@@ -7777,11 +7800,11 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
     }), Re(() => s.value, () => {
       E();
     }), Re(l, () => {
-      if (!_.value) {
-        _.value = !0;
+      if (!D.value) {
+        D.value = !0;
         return;
       }
-      S(!0);
+      k(!0);
     }, { deep: !0 });
     const x = (V, K) => {
       V.preventDefault(), V.stopPropagation();
@@ -7803,11 +7826,11 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       V.target.checked ? a.value.forEach((K) => {
         B.mutations.addSelect(n.id, K.id);
       }) : B.actions.unselectAll(n.id);
-    }, p = T(() => a.value.length === 0 ? !1 : a.value.every((V) => $(V.id))), y = (V) => {
+    }, p = T(() => a.value.length === 0 ? !1 : a.value.every((V) => $(V.id))), g = (V) => {
       n.selectable === "one" && ($(V.id) ? (B.actions.unselectAll(n.id), t("unselect", V)) : (B.mutations.select(n.id, V.id), t("select", V)));
-    }, D = (V) => {
+    }, S = (V) => {
       s.value = parseInt(i.value), localStorage.setItem(`datagrid-perpage-${n.id}`, i.value);
-    }, N = T(() => n.perPageOptions.map((V) => ({
+    }, R = T(() => n.perPageOptions.map((V) => ({
       id: V.toString(),
       title: V.toString()
     }))), ee = () => {
@@ -7908,7 +7931,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
                 active: n.selectable === "one" && $(q.id),
                 selected: n.selectable === "check" && $(q.id)
               }]),
-              onClick: (he) => y(q)
+              onClick: (he) => g(q)
             }, [
               n.selectable === "check" ? (c(), b("td", jd, [
                 A(on, {
@@ -7964,8 +7987,8 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
           A(Ir, {
             modelValue: i.value,
             "onUpdate:modelValue": K[2] || (K[2] = (q) => i.value = q),
-            items: N.value,
-            onSelect: D,
+            items: R.value,
+            onSelect: S,
             disabled: d.value,
             size: "small"
           }, null, 8, ["modelValue", "items", "disabled"])
@@ -9305,8 +9328,8 @@ function Je(r, e, t) {
   let l = e.match(np).map((v) => {
     const h = v[0];
     if (h === "p" || h === "P") {
-      const _ = An[h];
-      return _(v, a.formatLong);
+      const D = An[h];
+      return D(v, a.formatLong);
     }
     return v;
   }).join("").match(tp).map((v) => {
@@ -9333,8 +9356,8 @@ function Je(r, e, t) {
     if (!v.isToken) return v.value;
     const h = v.value;
     (!t?.useAdditionalWeekYearTokens && ba(h) || !t?.useAdditionalDayOfYearTokens && ya(h)) && Hn(h, e, String(r));
-    const _ = zr[h[0]];
-    return _(i, h, a.localize, d);
+    const D = zr[h[0]];
+    return D(i, h, a.localize, d);
   }).join("");
 }
 function sp(r) {
@@ -10782,35 +10805,35 @@ function _a(r, e, t, n) {
     firstWeekContainsDate: i,
     weekStartsOn: l,
     locale: s
-  }, v = [new pp(n?.in, t)], h = e.match(Zp).map((S) => {
-    const x = S[0];
+  }, v = [new pp(n?.in, t)], h = e.match(Zp).map((k) => {
+    const x = k[0];
     if (x in An) {
       const $ = An[x];
-      return $(S, s.formatLong);
+      return $(k, s.formatLong);
     }
-    return S;
-  }).join("").match(Kp), _ = [];
-  for (let S of h) {
-    ba(S) && Hn(S, e, r), ya(S) && Hn(S, e, r);
-    const x = S[0], $ = Qp[x];
+    return k;
+  }).join("").match(Kp), D = [];
+  for (let k of h) {
+    ba(k) && Hn(k, e, r), ya(k) && Hn(k, e, r);
+    const x = k[0], $ = Qp[x];
     if ($) {
       const { incompatibleTokens: f } = $;
       if (Array.isArray(f)) {
-        const p = _.find(
-          (y) => f.includes(y.token) || y.token === x
+        const p = D.find(
+          (g) => f.includes(g.token) || g.token === x
         );
         if (p)
           throw new RangeError(
-            `The format string mustn't contain \`${p.fullToken}\` and \`${S}\` at the same time`
+            `The format string mustn't contain \`${p.fullToken}\` and \`${k}\` at the same time`
           );
-      } else if ($.incompatibleTokens === "*" && _.length > 0)
+      } else if ($.incompatibleTokens === "*" && D.length > 0)
         throw new RangeError(
-          `The format string mustn't contain \`${S}\` and any other token at the same time`
+          `The format string mustn't contain \`${k}\` and any other token at the same time`
         );
-      _.push({ token: x, fullToken: S });
+      D.push({ token: x, fullToken: k });
       const u = $.run(
         r,
-        S,
+        k,
         s.match,
         d
       );
@@ -10822,25 +10845,25 @@ function _a(r, e, t, n) {
         throw new RangeError(
           "Format string contains an unescaped latin alphabet character `" + x + "`"
         );
-      if (S === "''" ? S = "'" : x === "'" && (S = rm(S)), r.indexOf(S) === 0)
-        r = r.slice(S.length);
+      if (k === "''" ? k = "'" : x === "'" && (k = rm(k)), r.indexOf(k) === 0)
+        r = r.slice(k.length);
       else
         return a();
     }
   }
   if (r.length > 0 && tm.test(r))
     return a();
-  const C = v.map((S) => S.priority).sort((S, x) => x - S).filter((S, x, $) => $.indexOf(S) === x).map(
-    (S) => v.filter((x) => x.priority === S).sort((x, $) => $.subPriority - x.subPriority)
-  ).map((S) => S[0]);
+  const C = v.map((k) => k.priority).sort((k, x) => x - k).filter((k, x, $) => $.indexOf(k) === x).map(
+    (k) => v.filter((x) => x.priority === k).sort((x, $) => $.subPriority - x.subPriority)
+  ).map((k) => k[0]);
   let E = ce(t, n?.in);
   if (isNaN(+E)) return a();
-  const g = {};
-  for (const S of C) {
-    if (!S.validate(E, d))
+  const y = {};
+  for (const k of C) {
+    if (!k.validate(E, d))
       return a();
-    const x = S.set(E, g, d);
-    Array.isArray(x) ? (E = x[0], Object.assign(g, x[1])) : E = x;
+    const x = k.set(E, y, d);
+    Array.isArray(x) ? (E = x[0], Object.assign(y, x[1])) : E = x;
   }
   return E;
 }
@@ -10940,7 +10963,7 @@ const im = {
   },
   emits: ["update:pageDate", "yearClick", "select"],
   setup(r, { emit: e }) {
-    const t = r, n = T(() => om(t.pageDate)), a = T(() => mf(t.pageDate)), o = (C, E, g) => !E && !g ? !0 : E && rt(C) < rt(E) ? !1 : !(g && rt(C) > rt(g)), s = T(
+    const t = r, n = T(() => om(t.pageDate)), a = T(() => mf(t.pageDate)), o = (C, E, y) => !E && !y ? !0 : E && rt(C) < rt(E) ? !1 : !(y && rt(C) > rt(y)), s = T(
       () => t.lowerLimit && (nn(t.lowerLimit) === nn(t.pageDate) || Yt(t.pageDate, t.lowerLimit))
     ), i = T(
       () => t.upperLimit && (nn(t.upperLimit) === nn(t.pageDate) || Bt(t.pageDate, t.upperLimit))
@@ -10962,7 +10985,7 @@ const im = {
       return `${C} - ${E}`;
     }), v = (C, E) => {
       e("update:pageDate", E.value), e("yearClick");
-    }, h = () => e("update:pageDate", Da(t.pageDate, 10)), _ = () => e("update:pageDate", or(t.pageDate, 10));
+    }, h = () => e("update:pageDate", Da(t.pageDate, 10)), D = () => e("update:pageDate", or(t.pageDate, 10));
     return (C, E) => (c(), b(pe, null, [
       P("div", lm, [
         A(Qe, {
@@ -10974,7 +10997,7 @@ const im = {
         }, null, 8, ["component", "class"]),
         P("div", null, G(d.value), 1),
         A(Qe, {
-          onClick: _,
+          onClick: D,
           component: Q(vn),
           size: "20",
           style: { cursor: "pointer" },
@@ -10982,13 +11005,13 @@ const im = {
         }, null, 8, ["component", "class"])
       ]),
       P("div", um, [
-        (c(!0), b(pe, null, Ce(l.value, (g) => (c(), F(ur, {
+        (c(!0), b(pe, null, Ce(l.value, (y) => (c(), F(ur, {
           class: "cell",
-          key: g.key,
-          day: g.display,
-          disabled: g.disabled,
+          key: y.key,
+          day: y.display,
+          disabled: y.disabled,
           wide: !0,
-          onSelect: (S) => v(S, g)
+          onSelect: (k) => v(k, y)
         }, null, 8, ["day", "disabled", "onSelect"]))), 128))
       ])
     ], 64));
@@ -11038,7 +11061,7 @@ const im = {
       () => (f) => Je(f, "LLLL", {
         locale: t.locale
       })
-    ), o = (f, u, p, y) => y?.dates?.some((D) => Pn(f, D)) || y?.predicate?.(f) ? !1 : !u && !p ? !0 : u && Yt(f, Nt(u)) ? !1 : !(p && Bt(f, uf(p))), s = T(
+    ), o = (f, u, p, g) => g?.dates?.some((S) => Pn(f, S)) || g?.predicate?.(f) ? !1 : !u && !p ? !0 : u && Yt(f, Nt(u)) ? !1 : !(p && Bt(f, uf(p))), s = T(
       () => t.lowerLimit && (Rn(t.lowerLimit, t.pageDate) || Yt(t.pageDate, t.lowerLimit))
     ), i = T(
       () => t.upperLimit && (Rn(t.upperLimit, t.pageDate) || Bt(t.pageDate, t.upperLimit))
@@ -11052,9 +11075,9 @@ const im = {
       end: hf(d.value, {
         weekStartsOn: t.weekStartsOn
       })
-    })), _ = T(() => {
+    })), D = T(() => {
       const f = t.weekStartsOn, u = n.value(t.weekdayFormat);
-      return Array.from(Array(7)).map((p, y) => (f + y) % 7).map(
+      return Array.from(Array(7)).map((p, g) => (f + g) % 7).map(
         (p) => yn(/* @__PURE__ */ new Date(), p, {
           weekStartsOn: t.weekStartsOn
         })
@@ -11079,9 +11102,9 @@ const im = {
       );
     }), E = () => {
       e("monthClick");
-    }, g = () => {
+    }, y = () => {
       e("yearClick");
-    }, S = (f, u) => {
+    }, k = (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, [
@@ -11099,7 +11122,7 @@ const im = {
         }, G(a.value(t.pageDate)), 1),
         P("div", {
           style: { cursor: "pointer" },
-          onClick: g
+          onClick: y
         }, G(Q(rt)(t.pageDate)), 1),
         A(Qe, {
           onClick: $,
@@ -11110,12 +11133,12 @@ const im = {
         }, null, 8, ["component", "class"])
       ]),
       P("div", fm, [
-        (c(!0), b(pe, null, Ce(_.value, (p, y) => (c(), b("div", {
+        (c(!0), b(pe, null, Ce(D.value, (p, g) => (c(), b("div", {
           class: "weekDay",
           key: p
         }, [
           P("div", {
-            class: ae([[5, 6].includes(y) ? "weekend" : ""])
+            class: ae([[5, 6].includes(g) ? "weekend" : ""])
           }, G(p), 3)
         ]))), 128)),
         (c(!0), b(pe, null, Ce(C.value, (p) => (c(), F(ur, {
@@ -11124,7 +11147,7 @@ const im = {
           disabled: p.disabled,
           selected: p.selected,
           wide: !0,
-          onSelect: (y) => S(y, p)
+          onSelect: (g) => k(g, p)
         }, null, 8, ["day", "disabled", "selected", "onSelect"]))), 128))
       ])
     ], 64));
@@ -11155,10 +11178,10 @@ const im = {
   emits: ["update:pageDate", "yearClick", "dayClick", "select"],
   setup(r, { emit: e }) {
     const t = r, n = T(() => pa(t.pageDate)), a = T(() => ff(t.pageDate)), o = T(
-      () => (g) => Je(g, t.format, {
+      () => (y) => Je(y, t.format, {
         locale: t.locale
       })
-    ), s = (g, S, x) => !S && !x ? !0 : S && Yt(g, fa(S)) ? !1 : !(x && Bt(g, da(x))), i = T(
+    ), s = (y, k, x) => !k && !x ? !0 : k && Yt(y, fa(k)) ? !1 : !(x && Bt(y, da(x))), i = T(
       () => t.lowerLimit && (Rr(t.lowerLimit, t.pageDate) || Yt(t.pageDate, t.lowerLimit))
     ), l = T(
       () => t.upperLimit && (Rr(t.upperLimit, t.pageDate) || Bt(t.pageDate, t.upperLimit))
@@ -11167,20 +11190,20 @@ const im = {
         start: n.value,
         end: a.value
       }).map(
-        (g) => ({
-          value: g,
-          display: o.value(g),
-          key: o.value(g),
-          selected: !!t.selected && Rn(t.selected, g),
-          disabled: !s(g, t.lowerLimit, t.upperLimit)
+        (y) => ({
+          value: y,
+          display: o.value(y),
+          key: o.value(y),
+          selected: !!t.selected && Rn(t.selected, y),
+          disabled: !s(y, t.lowerLimit, t.upperLimit)
         })
       )
     ), v = T(() => rt(t.pageDate)), h = () => {
       e("yearClick");
-    }, _ = (g, S) => {
-      e("update:pageDate", S.value), e("dayClick");
+    }, D = (y, k) => {
+      e("update:pageDate", k.value), e("dayClick");
     }, C = () => e("update:pageDate", Da(t.pageDate, 1)), E = () => e("update:pageDate", or(t.pageDate, 1));
-    return (g, S) => (c(), b(pe, null, [
+    return (y, k) => (c(), b(pe, null, [
       P("div", mm, [
         A(Qe, {
           onClick: C,
@@ -11208,7 +11231,7 @@ const im = {
           day: x.display,
           wide: !0,
           disabled: x.disabled,
-          onSelect: ($) => _($, x)
+          onSelect: ($) => D($, x)
         }, null, 8, ["day", "disabled", "onSelect"]))), 128))
       ])
     ], 64));
@@ -11252,8 +11275,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 = (h, _) => {
-      n.value = _, e("monthPageChanged", _);
+    const t = r, n = I(t.initDate ? t.initDate : /* @__PURE__ */ new Date()), a = I(t.mode), o = (h, D) => {
+      n.value = D, e("monthPageChanged", D);
     }, s = () => {
       a.value = "day";
     }, i = () => {
@@ -11265,14 +11288,14 @@ const im = {
     })), v = (h) => {
       e("select", h);
     };
-    return (h, _) => (c(), b("div", null, [
+    return (h, D) => (c(), b("div", null, [
       a.value === "day" ? (c(), F(Gt, {
         key: 0,
         "page-date": n.value,
         locale: t.locale,
         "lower-limit": t.lowerLimit,
         "upper-limit": t.upperLimit,
-        "onUpdate:pageDate": _[0] || (_[0] = (C) => o("day", C)),
+        "onUpdate:pageDate": D[0] || (D[0] = (C) => o("day", C)),
         onMonthClick: i,
         onYearClick: l,
         onSelect: v
@@ -11283,7 +11306,7 @@ const im = {
         locale: t.locale,
         "lower-limit": t.lowerLimit,
         "upper-limit": t.upperLimit,
-        "onUpdate:pageDate": _[1] || (_[1] = (C) => o("day", C)),
+        "onUpdate:pageDate": D[1] || (D[1] = (C) => o("day", C)),
         onDayClick: s,
         onYearClick: l
       }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : L("", !0),
@@ -11293,7 +11316,7 @@ const im = {
         locale: t.locale,
         "lower-limit": t.lowerLimit,
         "upper-limit": t.upperLimit,
-        "onUpdate:pageDate": _[2] || (_[2] = (C) => o("day", C)),
+        "onUpdate:pageDate": D[2] || (D[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)
@@ -11354,29 +11377,29 @@ const im = {
   setup(r, { emit: e }) {
     const t = r, n = ct(), a = T({
       get: () => t.modelValue,
-      set: (S) => {
-        e("update:modelValue", S);
+      set: (k) => {
+        e("update:modelValue", k);
       }
     }), 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 = (S, x) => {
+    }, d = (k, x) => {
       s.value = x, e("monthPageChanged", x);
     }, v = () => {
       i.value = "day";
     }, h = () => {
       i.value = "month";
-    }, _ = () => {
+    }, D = () => {
       i.value = "year";
     }, C = T(() => Je(s.value, t.inputFormat, {
       locale: t.locale
-    })), E = (S) => {
-      e("select", S);
-    }, g = () => {
+    })), E = (k) => {
+      e("select", k);
+    }, y = () => {
       a.value = Je(s.value, t.inputFormat, {
         locale: t.locale
       }), e("apply", Je(s.value, t.inputFormat, { locale: t.locale })), o.value.hide();
     };
-    return (S, x) => (c(), b("div", null, [
+    return (k, x) => (c(), b("div", null, [
       A(et, {
         label: t.label,
         modelValue: a.value,
@@ -11387,7 +11410,7 @@ const im = {
         Q(n).post ? {
           name: "post",
           fn: X(() => [
-            le(S.$slots, "post", {}, void 0, !0)
+            le(k.$slots, "post", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0
@@ -11410,7 +11433,7 @@ const im = {
             "upper-limit": t.upperLimit,
             "onUpdate:pageDate": x[1] || (x[1] = ($) => d("day", $)),
             onMonthClick: h,
-            onYearClick: _,
+            onYearClick: D,
             onSelect: E
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : L("", !0),
           i.value === "month" ? (c(), F(Qt, {
@@ -11421,7 +11444,7 @@ const im = {
             "upper-limit": t.upperLimit,
             "onUpdate:pageDate": x[2] || (x[2] = ($) => d("day", $)),
             onDayClick: v,
-            onYearClick: _
+            onYearClick: D
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : L("", !0),
           i.value === "year" ? (c(), F(Xt, {
             key: 2,
@@ -11438,7 +11461,7 @@ const im = {
           P("div", wm, [
             A(fe, {
               type: "success",
-              onClick: g
+              onClick: y
             }, {
               default: X(() => [
                 se(G(t.select), 1)
@@ -11521,7 +11544,7 @@ const im = {
       s.value = "month";
     }, h = () => {
       s.value = "year";
-    }, _ = T(() => Je(o.value, n.inputFormat, {
+    }, D = T(() => Je(o.value, n.inputFormat, {
       locale: n.locale
     })), C = (x) => {
       t("select", x);
@@ -11573,7 +11596,7 @@ const im = {
             "onUpdate:pageDate": $[2] || ($[2] = (f) => l("day", f)),
             onYearClick: v
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : L("", !0),
-          r.showCurrentDate ? (c(), b("div", km, G(_.value), 1)) : L("", !0)
+          r.showCurrentDate ? (c(), b("div", km, G(D.value), 1)) : L("", !0)
         ]),
         "modal-footer": X(() => [
           P("div", Sm, [
@@ -11721,15 +11744,15 @@ const im = {
       l.value = t.mode, d(), o.value.show();
     }, h = (u, p) => {
       i.value = p, e("monthPageChanged", p);
-    }, _ = () => {
+    }, D = () => {
       l.value = "day";
     }, C = () => {
       l.value = "month";
     }, E = () => {
       l.value = "year";
-    }, g = T(() => Je(i.value, t.inputFormat, {
+    }, y = T(() => Je(i.value, t.inputFormat, {
       locale: t.locale
-    })), S = (u) => {
+    })), k = (u) => {
       e("select", u);
     }, x = () => {
       a.value = Je(i.value, t.inputFormat, {
@@ -11744,7 +11767,7 @@ const im = {
       A(et, {
         label: t.label,
         modelValue: a.value,
-        "onUpdate:modelValue": p[0] || (p[0] = (y) => a.value = y),
+        "onUpdate:modelValue": p[0] || (p[0] = (g) => a.value = g),
         onClick: v,
         readonly: t.readOnly
       }, Qr({ _: 2 }, [
@@ -11772,10 +11795,10 @@ const im = {
             locale: t.locale,
             "lower-limit": t.lowerLimit,
             "upper-limit": t.upperLimit,
-            "onUpdate:pageDate": p[1] || (p[1] = (y) => h("day", y)),
+            "onUpdate:pageDate": p[1] || (p[1] = (g) => h("day", g)),
             onMonthClick: C,
             onYearClick: E,
-            onSelect: S
+            onSelect: k
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : L("", !0),
           l.value === "month" ? (c(), F(Qt, {
             key: 1,
@@ -11783,8 +11806,8 @@ const im = {
             locale: t.locale,
             "lower-limit": t.lowerLimit,
             "upper-limit": t.upperLimit,
-            "onUpdate:pageDate": p[2] || (p[2] = (y) => h("day", y)),
-            onDayClick: _,
+            "onUpdate:pageDate": p[2] || (p[2] = (g) => h("day", g)),
+            onDayClick: D,
             onYearClick: E
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : L("", !0),
           l.value === "year" ? (c(), F(Xt, {
@@ -11793,10 +11816,10 @@ const im = {
             locale: t.locale,
             "lower-limit": t.lowerLimit,
             "upper-limit": t.upperLimit,
-            "onUpdate:pageDate": p[3] || (p[3] = (y) => h("day", y)),
+            "onUpdate:pageDate": p[3] || (p[3] = (g) => h("day", g)),
             onYearClick: C
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : L("", !0),
-          r.showCurrentDate ? (c(), b("div", Cm, G(g.value), 1)) : L("", !0),
+          r.showCurrentDate ? (c(), b("div", Cm, G(y.value), 1)) : L("", !0),
           P("div", $m, G(t.timeTitle), 1),
           P("div", Mm, [
             A(dn, {
@@ -11804,7 +11827,7 @@ const im = {
               min: 0,
               max: 23,
               modelValue: s.value.h,
-              "onUpdate:modelValue": p[4] || (p[4] = (y) => s.value.h = y),
+              "onUpdate:modelValue": p[4] || (p[4] = (g) => s.value.h = g),
               style: { width: "50px" },
               "max-length": 2,
               "input-style": { fontSize: "1.2em", textAlign: "center" }
@@ -11815,7 +11838,7 @@ const im = {
               min: 0,
               max: 59,
               modelValue: s.value.m,
-              "onUpdate:modelValue": p[5] || (p[5] = (y) => s.value.m = y),
+              "onUpdate:modelValue": p[5] || (p[5] = (g) => s.value.m = g),
               style: { width: "50px" },
               "max-length": 2,
               "input-style": { fontSize: "1.2em", textAlign: "center" }
@@ -11834,7 +11857,7 @@ const im = {
               _: 1
             }),
             A(fe, {
-              onClick: p[6] || (p[6] = (y) => o.value.hide())
+              onClick: p[6] || (p[6] = (g) => o.value.hide())
             }, {
               default: X(() => [
                 se(G(t.close), 1)
@@ -11913,15 +11936,15 @@ const im = {
     })();
     const h = () => {
       i.value = n.mode, a.value.show();
-    }, _ = (p, y) => {
-      s.value = y, t("monthPageChanged", y);
+    }, D = (p, g) => {
+      s.value = g, t("monthPageChanged", g);
     }, C = () => {
       i.value = "day";
     }, E = () => {
       i.value = "month";
-    }, g = () => {
+    }, y = () => {
       i.value = "year";
-    }, S = T(() => Je(s.value, n.inputFormat, {
+    }, k = T(() => Je(s.value, n.inputFormat, {
       locale: n.locale
     })), x = (p) => {
       t("select", p);
@@ -11932,7 +11955,7 @@ const im = {
       h();
     }, setDate: (p) => {
       s.value = p;
-    } }), (p, y) => (c(), b("div", null, [
+    } }), (p, g) => (c(), b("div", null, [
       A(dt, {
         ref_key: "modalRef",
         ref: a,
@@ -11949,9 +11972,9 @@ const im = {
             locale: n.locale,
             "lower-limit": n.lowerLimit,
             "upper-limit": n.upperLimit,
-            "onUpdate:pageDate": y[0] || (y[0] = (D) => _("day", D)),
+            "onUpdate:pageDate": g[0] || (g[0] = (S) => D("day", S)),
             onMonthClick: E,
-            onYearClick: g,
+            onYearClick: y,
             onSelect: x
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : L("", !0),
           i.value === "month" ? (c(), F(Qt, {
@@ -11960,9 +11983,9 @@ const im = {
             locale: n.locale,
             "lower-limit": n.lowerLimit,
             "upper-limit": n.upperLimit,
-            "onUpdate:pageDate": y[1] || (y[1] = (D) => _("day", D)),
+            "onUpdate:pageDate": g[1] || (g[1] = (S) => D("day", S)),
             onDayClick: C,
-            onYearClick: g
+            onYearClick: y
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : L("", !0),
           i.value === "year" ? (c(), F(Xt, {
             key: 2,
@@ -11970,10 +11993,10 @@ const im = {
             locale: n.locale,
             "lower-limit": n.lowerLimit,
             "upper-limit": n.upperLimit,
-            "onUpdate:pageDate": y[2] || (y[2] = (D) => _("day", D)),
+            "onUpdate:pageDate": g[2] || (g[2] = (S) => D("day", S)),
             onYearClick: E
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : L("", !0),
-          r.showCurrentDate ? (c(), b("div", Em, G(S.value), 1)) : L("", !0),
+          r.showCurrentDate ? (c(), b("div", Em, G(k.value), 1)) : L("", !0),
           P("div", Im, G(n.timeTitle), 1),
           P("div", Vm, [
             A(dn, {
@@ -11981,7 +12004,7 @@ const im = {
               min: 0,
               max: 23,
               modelValue: o.value.h,
-              "onUpdate:modelValue": y[3] || (y[3] = (D) => o.value.h = D),
+              "onUpdate:modelValue": g[3] || (g[3] = (S) => o.value.h = S),
               style: { width: "50px" },
               "max-length": 2,
               "input-style": { fontSize: "1.2em", textAlign: "center" }
@@ -11992,7 +12015,7 @@ const im = {
               min: 0,
               max: 59,
               modelValue: o.value.m,
-              "onUpdate:modelValue": y[4] || (y[4] = (D) => o.value.m = D),
+              "onUpdate:modelValue": g[4] || (g[4] = (S) => o.value.m = S),
               style: { width: "50px" },
               "max-length": 2,
               "input-style": { fontSize: "1.2em", textAlign: "center" }
@@ -12011,7 +12034,7 @@ const im = {
               _: 1
             }),
             A(fe, {
-              onClick: y[5] || (y[5] = (D) => a.value.hide())
+              onClick: g[5] || (g[5] = (S) => a.value.hide())
             }, {
               default: X(() => [
                 se(G(n.close), 1)
@@ -12119,10 +12142,10 @@ const kh = {
       // NOTE: When adding props here, update `index.d.ts` as well!!
     }, e);
     function n(f) {
-      var u = this.$$touchObj, p = f.type.indexOf("touch") >= 0, y = f.type.indexOf("mouse") >= 0, D = this;
-      p && (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 = h(u, "swipe") || h(u, "swipe.left") || h(u, "swipe.right") || h(u, "swipe.top") || h(u, "swipe.bottom"), u.hasZoom = h(u, "zoom") || h(u, "zoom.in") || h(u, "zoom.out"), h(u, "hold") && (u.touchHoldTimer = setTimeout(function() {
-        u.touchHoldTimer = null, _(f, D, "hold");
-      }, u.options.touchHoldTolerance)), _(f, this, "press")));
+      var u = this.$$touchObj, p = f.type.indexOf("touch") >= 0, g = f.type.indexOf("mouse") >= 0, S = this;
+      p && (u.lastTouchStartTime = f.timeStamp), !(g && 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 = h(u, "swipe") || h(u, "swipe.left") || h(u, "swipe.right") || h(u, "swipe.top") || h(u, "swipe.bottom"), u.hasZoom = h(u, "zoom") || h(u, "zoom.in") || h(u, "zoom.out"), h(u, "hold") && (u.touchHoldTimer = setTimeout(function() {
+        u.touchHoldTimer = null, D(f, S, "hold");
+      }, u.options.touchHoldTolerance)), D(f, this, "press")));
     }
     function a(f) {
       var u = this.$$touchObj;
@@ -12130,14 +12153,14 @@ const kh = {
         o(f, u, !1);
       else if (h(u, "rollover") && f.clientX != null) {
         var p = f;
-        const y = u.element.getBoundingClientRect();
-        p.clientX >= y.left && p.clientX <= y.right && p.clientY >= y.top && p.clientY <= y.bottom && o(f, u, !0);
+        const g = u.element.getBoundingClientRect();
+        p.clientX >= g.left && p.clientX <= g.right && p.clientY >= g.top && p.clientY <= g.bottom && o(f, u, !0);
       }
     }
     function o(f, u = null, p = !1) {
       u == null && (u = this.$$touchObj);
-      var y = Nr(f), D = Br(f), N = u.currentX != y || u.currentY != D;
-      if (u.currentX = y, u.currentY = D, !p)
+      var g = Nr(f), S = Br(f), R = u.currentX != g || u.currentY != S;
+      if (u.currentX = g, u.currentY = S, !p)
         if (u.touchMoved) {
           if (u.hasSwipe && !u.swipeOutBounded) {
             var ne = u.options.swipeTolerance;
@@ -12145,16 +12168,16 @@ const kh = {
           }
         } else {
           var ee = u.options.tapTolerance;
-          u.touchMoved = Math.abs(u.startX - u.currentX) > ee || Math.abs(u.startY - u.currentY) > ee, u.touchMoved && (g(u), _(f, u.element, "drag.once"));
+          u.touchMoved = Math.abs(u.startX - u.currentX) > ee || Math.abs(u.startY - u.currentY) > ee, u.touchMoved && (y(u), D(f, u.element, "drag.once"));
         }
-      if (N && h(u, "rollover")) {
+      if (R && h(u, "rollover")) {
         var W = f.timeStamp;
-        (u.touchRollTime == null || W > u.touchRollTime + u.options.rollOverFrequency) && (u.touchRollTime = W, _(f, u.element, "rollover"));
+        (u.touchRollTime == null || W > u.touchRollTime + u.options.rollOverFrequency) && (u.touchRollTime = W, D(f, u.element, "rollover"));
       }
       if (!p) {
-        if (u.touchStarted && u.touchMoved && N && h(u, "drag")) {
+        if (u.touchStarted && u.touchMoved && R && h(u, "drag")) {
           var W = f.timeStamp;
-          (u.touchDragTime == null || W > u.touchDragTime + u.options.dragFrequency) && (u.touchDragTime = W, _(f, u.element, "drag"));
+          (u.touchDragTime == null || W > u.touchDragTime + u.options.dragFrequency) && (u.touchDragTime = W, D(f, u.element, "drag"));
         }
         if (u.touchStarted && u.hasZoom) {
           var W = f.timeStamp;
@@ -12168,42 +12191,42 @@ const kh = {
         f.isZooming = !1;
         return;
       }
-      const y = Math.sqrt(
+      const g = Math.sqrt(
         Math.pow(p[0].clientX - p[1].clientX, 2) + // horizontal distance
         Math.pow(p[0].clientY - p[1].clientY, 2)
         // vertical distance
       );
       if (!f.isZooming) {
-        f.isZooming = !0, f.initialZoomDistance = y;
+        f.isZooming = !0, f.initialZoomDistance = g;
         return;
       }
-      const D = y / f.initialZoomDistance;
-      h(f, "zoom") && Math.abs(D - 1) > f.options.zoomDistance / f.initialZoomDistance && _(u, f.element, "zoom", D), (h(f, "zoom.in") || h(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;
+      const S = g / f.initialZoomDistance;
+      h(f, "zoom") && Math.abs(S - 1) > f.options.zoomDistance / f.initialZoomDistance && D(u, f.element, "zoom", S), (h(f, "zoom.in") || h(f, "zoom.out")) && Math.abs(g - f.initialZoomDistance) > f.options.zoomInOutDistance && (g > f.initialZoomDistance ? D(u, f.element, "zoom.in") : D(u, f.element, "zoom.out")), f.isZooming = !1;
     }
     function i() {
       var f = this.$$touchObj;
-      f.touchStarted == !0 && (g(f), E(this), f.touchStarted = f.touchMoved = !1, f.startX = f.startY = 0);
+      f.touchStarted == !0 && (y(f), E(this), f.touchStarted = f.touchMoved = !1, f.startX = f.startY = 0);
     }
     function l(f) {
       var u = this.$$touchObj;
       if (u.touchStarted == !0) {
-        var p = f.type.indexOf("touch") >= 0, y = f.type.indexOf("mouse") >= 0;
+        var p = f.type.indexOf("touch") >= 0, g = f.type.indexOf("mouse") >= 0;
         p && (u.lastTouchEndTime = f.timeStamp);
-        var D = p && !u.touchHoldTimer;
-        if (g(u), u.touchStarted = !1, E(this), y && u.lastTouchEndTime && f.timeStamp - u.lastTouchEndTime < 350)
+        var S = p && !u.touchHoldTimer;
+        if (y(u), u.touchStarted = !1, E(this), g && u.lastTouchEndTime && f.timeStamp - u.lastTouchEndTime < 350)
           return;
-        if (_(f, this, "release"), u.touchMoved) {
+        if (D(f, this, "release"), u.touchMoved) {
           if (u.hasSwipe && !u.swipeOutBounded) {
-            var N = u.options.swipeTolerance, ee, ne = Math.abs(u.startY - u.currentY), W = Math.abs(u.startX - u.currentX);
-            (ne > N || W > N) && (W > N ? ee = u.startX > u.currentX ? "left" : "right" : ee = u.startY > u.currentY ? "top" : "bottom", h(u, "swipe." + ee) ? _(f, this, "swipe." + ee, ee) : _(f, this, "swipe", ee));
+            var R = u.options.swipeTolerance, ee, ne = Math.abs(u.startY - u.currentY), W = Math.abs(u.startX - u.currentX);
+            (ne > R || W > R) && (W > R ? ee = u.startX > u.currentX ? "left" : "right" : ee = u.startY > u.currentY ? "top" : "bottom", h(u, "swipe." + ee) ? D(f, this, "swipe." + ee, ee) : D(f, this, "swipe", ee));
           }
         } else if (h(u, "longtap") && f.timeStamp - u.touchStartTime > u.options.longTapTimeInterval)
-          f.cancelable && f.preventDefault(), _(f, this, "longtap");
-        else if (h(u, "hold") && D) {
+          f.cancelable && f.preventDefault(), D(f, this, "longtap");
+        else if (h(u, "hold") && S) {
           f.cancelable && f.preventDefault();
           return;
         } else
-          _(f, this, "tap");
+          D(f, this, "tap");
       }
     }
     function d() {
@@ -12216,13 +12239,13 @@ const kh = {
       var p = f.callbacks[u];
       return p != null && p.length > 0;
     }
-    function _(f, u, p, y) {
-      var D = u.$$touchObj, N = D.callbacks[p];
-      if (N == null || N.length === 0)
+    function D(f, u, p, g) {
+      var S = u.$$touchObj, R = S.callbacks[p];
+      if (R == null || R.length === 0)
         return null;
-      for (var ee = 0; ee < N.length; ee++) {
-        var ne = N[ee];
-        ne.modifiers.stop && f.stopPropagation(), ne.modifiers.prevent && f.preventDefault(), !(ne.modifiers.self && f.target !== f.currentTarget) && typeof ne.value == "function" && (y ? ne.value(y, f) : ne.value(f));
+      for (var ee = 0; ee < R.length; ee++) {
+        var ne = R[ee];
+        ne.modifiers.stop && f.stopPropagation(), ne.modifiers.prevent && f.preventDefault(), !(ne.modifiers.self && f.target !== f.currentTarget) && typeof ne.value == "function" && (g ? ne.value(g, f) : ne.value(f));
       }
     }
     function C(f) {
@@ -12233,10 +12256,10 @@ const kh = {
       var u = f.$$touchObj.options.touchClass;
       u && f.classList.remove(u);
     }
-    function g(f) {
+    function y(f) {
       f && f.touchHoldTimer && (clearTimeout(f.touchHoldTimer), f.touchHoldTimer = null);
     }
-    function S(f, u) {
+    function k(f, u) {
       var p = f.$$touchObj || {
         element: f,
         // an object contains all callbacks registered,
@@ -12253,27 +12276,27 @@ const kh = {
     function x(f) {
       for (const u in f)
         if (f.hasOwnProperty(u)) {
-          const [p, y] = f[u];
-          p.addEventListener(u, y);
+          const [p, g] = f[u];
+          p.addEventListener(u, g);
         }
     }
     function $(f) {
       for (const u in f)
         if (f.hasOwnProperty(u)) {
-          const [p, y] = f[u];
-          p.removeEventListener(u, y);
+          const [p, g] = f[u];
+          p.removeEventListener(u, g);
         }
     }
     r.directive(t.namespace, {
       beforeMount: function(f, u) {
-        var p = S(f), y = u.arg || "tap";
-        switch (y) {
+        var p = k(f), g = u.arg || "tap";
+        switch (g) {
           case "swipe":
-            var D = u.modifiers;
-            if (D.left || D.right || D.top || D.bottom) {
-              for (var N in u.modifiers)
-                if (["left", "right", "top", "bottom"].indexOf(N) >= 0) {
-                  var ee = "swipe." + N;
+            var S = u.modifiers;
+            if (S.left || S.right || S.top || S.bottom) {
+              for (var R in u.modifiers)
+                if (["left", "right", "top", "bottom"].indexOf(R) >= 0) {
+                  var ee = "swipe." + R;
                   p.callbacks[ee] = p.callbacks[ee] || [], p.callbacks[ee].push(u);
                 }
             } else
@@ -12283,23 +12306,23 @@ const kh = {
           case "drag":
             u.modifiers.disablePassive;
           default:
-            p.callbacks[y] = p.callbacks[y] || [], p.callbacks[y].push(u);
+            p.callbacks[g] = p.callbacks[g] || [], p.callbacks[g].push(u);
         }
         p.hasBindTouchEvents || (p.options.dragOutside ? (p.events.touchstart = [f, n], p.events.touchmove = [window, a.bind(f)], p.events.touchcancel = [window, i.bind(f)], p.events.touchend = [window, l.bind(f)]) : (p.events.touchstart = [f, n], p.events.touchmove = [f, a], p.events.touchcancel = [f, i], p.events.touchend = [f, l]), p.options.disableClick || (p.options.dragOutside ? (p.events.mousedown = [f, n], p.events.mousemove = [window, a.bind(f)], p.events.mouseup = [window, l.bind(f)], p.events.mouseenter = [f, d], p.events.mouseleave = [f, v]) : (p.events.mousedown = [f, n], p.events.mousemove = [f, o], p.events.mouseup = [f, l], p.events.mouseenter = [f, d], p.events.mouseleave = [f, v])), x(p.events), p.hasBindTouchEvents = !0);
       },
       unmounted: function(f) {
         var u = f.$$touchObj;
-        g(u), u && u.events && ($(u.events), u.events = {}), delete f.$$touchObj;
+        y(u), u && u.events && ($(u.events), u.events = {}), delete f.$$touchObj;
       }
     }), r.directive(`${t.namespace}-class`, {
       beforeMount: function(f, u) {
-        S(f, {
+        k(f, {
           touchClass: u.value
         });
       }
     }), r.directive(`${t.namespace}-options`, {
       beforeMount: function(f, u) {
-        S(f, u.value);
+        k(f, u.value);
       }
     });
   }