doph-js 0.4.72 → 0.4.74

package/dist/dophJs.js

@@ -125,7 +125,7 @@ const _e = (r, e) => {
       t("click", g);
     }, l = (g) => {
       t("contextmenu", g);
-    }, d = P(() => n.scale === "large" ? "button-lg" : n.scale === "small" ? "button-sm" : ""), v = P(() => n.disabled ? "disabled" : ""), m = (g) => !!a[g], _ = P(() => m("default") ? "" : n.scale === "large" ? "d-button-lg-icon" : n.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), $ = P(() => {
+    }, d = P(() => n.scale === "large" ? "button-lg" : n.scale === "small" ? "button-sm" : ""), v = P(() => n.disabled ? "disabled" : ""), p = (g) => !!a[g], _ = P(() => p("default") ? "" : n.scale === "large" ? "d-button-lg-icon" : n.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), $ = P(() => {
       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}` : "";
     });
@@ -363,10 +363,10 @@ const _e = (r, e) => {
     }), n = (l, d) => {
       const { width: v } = getComputedStyle(l);
       l.style.width = v, l.style.position = "absolute", l.style.visibility = "hidden", l.style.height = "";
-      let { height: m } = getComputedStyle(l);
-      return l.style.width = d.width, l.style.position = d.position, l.style.visibility = d.visibility, l.style.height = lt, l.style.overflow = "hidden", d.height && d.height !== lt ? d.height : m;
-    }, a = (l, d, v, m, _) => {
-      const $ = l.animate(m, _);
+      let { height: p } = getComputedStyle(l);
+      return l.style.width = d.width, l.style.position = d.position, l.style.visibility = d.visibility, l.style.height = lt, l.style.overflow = "hidden", d.height && d.height !== lt ? d.height : p;
+    }, a = (l, d, v, p, _) => {
+      const $ = l.animate(p, _);
       l.style.height = d.height, $.onfinish = () => {
         l.style.overflow = d.overflow, v();
       };
@@ -392,13 +392,13 @@ const _e = (r, e) => {
         marginBottom: d.marginBottom
       }
     ], s = (l, d) => {
-      const v = l, m = t(v), _ = n(v, m), $ = o(_, m), E = { duration: e.duration, easing: e.easingEnter };
-      a(v, m, d, $, E);
+      const v = l, p = t(v), _ = n(v, p), $ = o(_, p), E = { duration: e.duration, easing: e.easingEnter };
+      a(v, p, d, $, E);
     }, i = (l, d) => {
-      const v = l, m = t(v), { height: _ } = getComputedStyle(v);
+      const v = l, p = t(v), { height: _ } = getComputedStyle(v);
       v.style.height = _, v.style.overflow = "hidden";
-      const $ = o(_, m).reverse(), E = { duration: e.duration, easing: e.easingLeave };
-      a(v, m, d, $, E);
+      const $ = o(_, p).reverse(), E = { duration: e.duration, easing: e.easingLeave };
+      a(v, p, d, $, E);
     };
     return (l, d) => (c(), H(qn, {
       css: !1,
@@ -510,7 +510,7 @@ const _e = (r, e) => {
       }
     }, v = (y) => {
       e("nodefoldericonclick", { event: y.event, model: y.model });
-    }, m = (y) => {
+    }, p = (y) => {
       e("nodeclick", y);
     }, _ = (y) => {
       e("nodedoubleclick", y);
@@ -546,7 +546,7 @@ const _e = (r, e) => {
       R > K && R <= K + q ? (a.value = !1, o.value = !0, s.value = !1) : R < K + ne && R >= K + ne - q ? (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 = P(() => t.model.title.startsWith("-")), p = P(() => {
+    }, u = P(() => t.model.title.startsWith("-")), m = P(() => {
       if (t.model.title.startsWith("-")) {
         let [y, ...D] = t.model.title.split(" ");
         return D = D.join(" "), D;
@@ -555,8 +555,8 @@ const _e = (r, e) => {
     });
     return (y, D) => {
       const R = mt("d-tree-item", !0), K = Un("touch");
-      return Q(te).actions.beforeItem(t.treeId, r.model) ? u.value && !p.value ? (c(), w("li", wo, ko)) : u.value && p.value ? (c(), w("li", So, [
-        T("div", _o, G(Q(te).actions.renderTitle(t.treeId, p.value)), 1)
+      return Q(te).actions.beforeItem(t.treeId, r.model) ? u.value && !m.value ? (c(), w("li", wo, ko)) : u.value && m.value ? (c(), w("li", So, [
+        T("div", _o, G(Q(te).actions.renderTitle(t.treeId, m.value)), 1)
       ])) : t.model.component ? (c(), H(Sr, {
         key: 3,
         tag: "li",
@@ -675,7 +675,7 @@ const _e = (r, e) => {
                   treeId: t.treeId,
                   items: t.items,
                   search: t.search,
-                  onNodeclick: m,
+                  onNodeclick: p,
                   onNodedoubleclick: _,
                   onNodedrop: $,
                   onNodecontext: E,
@@ -852,18 +852,18 @@ const Ze = Vo(), te = {
   emits: Object.keys(We),
   setup(r, { expose: e, emit: t }) {
     let n = hn({});
-    const a = I("false"), o = I(null), s = /* @__PURE__ */ new Set(), i = P(() => a.value && n), l = (v, m) => {
-      n = ln.data, t(v, m, n), v === We.dragenter && (s.size || m.target === o.value) && s.add(m.target), v === We.dragleave && s.delete(m.target), v === We.drop && s.clear(), a.value = !!s.size;
+    const a = I("false"), o = I(null), s = /* @__PURE__ */ new Set(), i = P(() => a.value && n), l = (v, p) => {
+      n = ln.data, t(v, p, n), v === We.dragenter && (s.size || p.target === o.value) && s.add(p.target), v === We.dragleave && s.delete(p.target), v === We.drop && s.clear(), a.value = !!s.size;
     };
     return e({
       elementSize: () => Kr(o)
-    }), (v, m) => (c(), H(Ae(r.tag), {
+    }), (v, p) => (c(), H(Ae(r.tag), {
       ref_key: "el",
       ref: o,
-      onDragenter: m[0] || (m[0] = (_) => l(Q(We).dragenter, _)),
-      onDragleave: m[1] || (m[1] = (_) => l(Q(We).dragleave, _)),
-      onDragover: m[2] || (m[2] = Ce((_) => l(Q(We).dragover, _), ["prevent"])),
-      onDrop: m[3] || (m[3] = Ce((_) => l(Q(We).drop, _), ["prevent"]))
+      onDragenter: p[0] || (p[0] = (_) => l(Q(We).dragenter, _)),
+      onDragleave: p[1] || (p[1] = (_) => l(Q(We).dragleave, _)),
+      onDragover: p[2] || (p[2] = Ce((_) => l(Q(We).dragover, _), ["prevent"])),
+      onDrop: p[3] || (p[3] = Ce((_) => l(Q(We).drop, _), ["prevent"]))
     }, {
       default: Y(() => [
         se(v.$slots, "default", { transferData: i.value })
@@ -909,7 +909,7 @@ const Ze = Vo(), te = {
     Ze.on("menu-show-request", (u) => {
       a !== u && l();
     });
-    const v = () => o.value.elementSize(), m = () => o.value?.itemsCount(), _ = (u) => {
+    const v = () => o.value.elementSize(), p = () => o.value?.itemsCount(), _ = (u) => {
       o.value?.selectNode(u);
     }, $ = () => {
       o.value?.unSelect();
@@ -921,7 +921,7 @@ const Ze = Vo(), te = {
       setTimeout(() => {
         const u = o.value?.$el;
         if (!u) return;
-        const p = u.style.transform;
+        const m = u.style.transform;
         u.style.transform = "";
         const y = u.getBoundingClientRect(), D = window.innerHeight, R = window.innerWidth;
         let K = "";
@@ -929,7 +929,7 @@ const Ze = Vo(), te = {
           const ne = y.right - R + 10;
           K = K ? `${K} translateX(-${ne}px)` : `translateX(-${ne}px)`;
         }
-        u.style.transform = K || p;
+        u.style.transform = K || m;
       }, 500);
     };
     e({
@@ -937,7 +937,7 @@ const Ze = Vo(), te = {
       hide: l,
       elementSize: v,
       isShowed: d,
-      itemsCount: m,
+      itemsCount: p,
       selectNode: _,
       unSelect: $,
       expandAll: E,
@@ -954,7 +954,7 @@ const Ze = Vo(), te = {
       window.addEventListener("scroll", k, !0), window.addEventListener("resize", f);
     }), vn(() => {
       window.removeEventListener("scroll", k, !0), window.removeEventListener("resize", f);
-    }), (u, p) => {
+    }), (u, m) => {
       const y = Un("click-outside");
       return n.bodyAsParent ? (c(), H(qr, {
         key: 0,
@@ -1032,21 +1032,21 @@ const Ze = Vo(), te = {
     const n = r, a = I(null), o = I(0), s = I(0), i = P(() => ({
       left: o.value + "px",
       top: s.value + "px"
-    })), l = async (m) => {
-      m.preventDefault(), o.value = -1e4, s.value = -1e4, a.value.show(), await it(), await it();
+    })), l = async (p) => {
+      p.preventDefault(), o.value = -1e4, s.value = -1e4, a.value.show(), await it(), await it();
       const _ = a.value.elementSize(), $ = _.width;
       document.querySelector(".context-menu"), a.value.collapseAll();
       const E = window.innerWidth, g = window.innerHeight;
-      o.value = m.clientX, s.value = m.clientY, m.clientX + $ > E && (o.value = m.clientX - $), m.clientY + _.height > g && (s.value = m.clientY - _.height), o.value = Math.max(2, Math.min(o.value, E - $ - 2)), s.value = Math.max(2, Math.min(s.value, g - _.height - 2));
+      o.value = p.clientX, s.value = p.clientY, p.clientX + $ > E && (o.value = p.clientX - $), p.clientY + _.height > g && (s.value = p.clientY - _.height), o.value = Math.max(2, Math.min(o.value, E - $ - 2)), s.value = Math.max(2, Math.min(s.value, g - _.height - 2));
     }, d = () => {
       a.value.hide();
-    }, v = (m) => {
-      t("select", m);
+    }, v = (p) => {
+      t("select", p);
     };
     return e({
       show: l,
       hide: d
-    }), (m, _) => (c(), H(Gt, {
+    }), (p, _) => (c(), H(Gt, {
       ref_key: "dMenuRef",
       ref: a,
       onSelect: v,
@@ -1059,10 +1059,10 @@ const Ze = Vo(), te = {
       "body-as-parent": n.bodyAsParent,
       "delay-click": n.delayClick
     }, yt({ _: 2 }, [
-      we(m.$slots, ($, E) => ({
+      we(p.$slots, ($, E) => ({
         name: E,
         fn: Y((g) => [
-          se(m.$slots, E, vt(gt(g)), void 0, !0)
+          se(p.$slots, E, vt(gt(g)), void 0, !0)
         ])
       }))
     ]), 1032, ["items", "style", "render-item-title", "before-item", "body-as-parent", "delay-click"]));
@@ -1133,11 +1133,11 @@ const Ze = Vo(), te = {
       t("move", V);
     });
     const d = P(() => n.search ? te.actions.deepSearchByTitle(n.items, n.search) : n.items), v = (V) => {
-      m(n.items, V);
-    }, m = (V, Z, U = "id", he = "children", ve = {}) => Z && V && (V.find((qe) => {
+      p(n.items, V);
+    }, p = (V, Z, U = "id", he = "children", ve = {}) => Z && V && (V.find((qe) => {
       if (qe[U] === Z)
         return ve.found = qe, qe.expanded = !0, !0;
-      if (m(qe[he], Z, U, he, ve))
+      if (p(qe[he], Z, U, he, ve))
         return qe.expanded = !0, !0;
     }), ve.found) ? ve.found : !1, _ = (V = null) => {
       te.mutations.setItemSelect(i, V.model), !n.doubleClickExpand && n.clickExpand && te.actions.toggleItem(i, V.model), t("select", V);
@@ -1155,8 +1155,8 @@ 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) => {
-      p(V) && te.mutations.setItemSelect(i, p(V));
+    }, u = () => i, m = (V) => te.actions.deepSearch(n.items, V), y = (V) => {
+      m(V) && te.mutations.setItemSelect(i, m(V));
     }, D = () => {
       te.mutations.unSelect(i);
     }, R = (V) => {
@@ -1172,7 +1172,7 @@ const Ze = Vo(), te = {
       expandAll: k,
       collapseAll: f,
       getId: u,
-      getNode: p,
+      getNode: m,
       selectNode: y,
       itemsCount: fe,
       expandNode: v,
@@ -1278,8 +1278,8 @@ const Ze = Vo(), te = {
   },
   setup(r) {
     const e = r, t = P(() => {
-      const { fixed: n, zIndex: a, minWidth: o, height: s, paddingLeft: i, transitionDuration: l, transitionTimingFunction: d } = e, v = n ? "fixed" : "static", m = e.useMinWidthLayout ? `min-width:${o}px;` : "";
-      return `position:${v};z-index:${a};${m}height:${s}px;padding-left:${i}px;transition-duration:${l}ms;transition-timing-function:${d};`;
+      const { fixed: n, zIndex: a, minWidth: o, height: s, paddingLeft: i, transitionDuration: l, transitionTimingFunction: d } = e, v = n ? "fixed" : "static", p = e.useMinWidthLayout ? `min-width:${o}px;` : "";
+      return `position:${v};z-index:${a};${p}height:${s}px;padding-left:${i}px;transition-duration:${l}ms;transition-timing-function:${d};`;
     });
     return (n, a) => (c(), w("header", {
       class: "d-layout-header",
@@ -1327,8 +1327,8 @@ const Ze = Vo(), te = {
   },
   setup(r) {
     const e = r, t = P(() => {
-      const { fixed: n, top: a, zIndex: o, minWidth: s, height: i, paddingLeft: l, transitionDuration: d, transitionTimingFunction: v } = e, m = n ? "fixed" : "static", _ = e.useMinWidthLayout ? `min-width: ${s}px;` : "";
-      return `position:${m};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, p = n ? "fixed" : "static", _ = e.useMinWidthLayout ? `min-width: ${s}px;` : "";
+      return `position:${p};top:${a}px;z-index:${o};${_}height:${i}px;padding-left:${l}px;transition-duration:${d}ms;transition-timing-function:${v};`;
     });
     return (n, a) => (c(), w("div", {
       class: "d-layout-tab",
@@ -1372,8 +1372,8 @@ const Ze = Vo(), te = {
   },
   setup(r) {
     const e = r, t = P(() => {
-      const { fixed: n, zIndex: a, minWidth: o, height: s, paddingLeft: i, transitionDuration: l, transitionTimingFunction: d } = e, v = n ? "fixed" : "static", m = e.useMinWidthLayout ? `min-width:${o}px;` : "";
-      return `position:${v};z-index:${a};${m}height:${s}px;padding-left:${i}px;transition-duration:${l}ms;transition-timing-function:${d};`;
+      const { fixed: n, zIndex: a, minWidth: o, height: s, paddingLeft: i, transitionDuration: l, transitionTimingFunction: d } = e, v = n ? "fixed" : "static", p = e.useMinWidthLayout ? `min-width:${o}px;` : "";
+      return `position:${v};z-index:${a};${p}height:${s}px;padding-left:${i}px;transition-duration:${l}ms;transition-timing-function:${d};`;
     });
     return (n, a) => (c(), w("footer", {
       class: "d-layout-footer",
@@ -1468,8 +1468,8 @@ function Wo(r) {
   }
   function o() {
     var v;
-    const m = ((v = document.scrollingElement) === null || v === void 0 ? void 0 : v.scrollLeft) || 0;
-    a(m);
+    const p = ((v = document.scrollingElement) === null || v === void 0 ? void 0 : v.scrollLeft) || 0;
+    a(p);
   }
   function s() {
     o();
@@ -1581,35 +1581,35 @@ const qo = 1001, Uo = 999, Xo = 998, jm = {
   emits: ["update:sidebar-collapse", "sidebar-mask-click"],
   setup(r, { emit: e }) {
     const t = r, n = P(() => t.useMinWidthLayout ? `min-width:${t.minWidth}px;` : ""), a = P(() => t.useMinWidthLayout && (t.fixedHeaderAndTab || t.fixedFooter)), o = Wo(a), s = P(() => t.fixedHeaderAndTab ? o.value : ""), i = P(() => t.fixedFooter ? o.value : ""), l = P(() => {
-      const { transitionDuration: p, transitionTimingFunction: y } = t;
+      const { transitionDuration: m, transitionTimingFunction: y } = t;
       return {
-        transitionDuration: p,
+        transitionDuration: m,
         transitionTimingFunction: y
       };
-    }), d = P(() => t.mode === "vertical"), v = P(() => t.isMobile || d.value ? 1003 : 1e3), m = P({
+    }), d = P(() => t.mode === "vertical"), v = P(() => t.isMobile || d.value ? 1003 : 1e3), p = P({
       get() {
         return t.sidebarCollapse;
       },
-      set(p) {
-        e("update:sidebar-collapse", p);
+      set(m) {
+        e("update:sidebar-collapse", m);
       }
     });
     function _() {
       e("sidebar-mask-click");
     }
-    const $ = P(() => t.isMobile && !m.value), E = P(() => {
-      const { transitionDuration: p, transitionTimingFunction: y } = t;
-      return `background-color:${t.maskBg};transition-duration:${p}ms;transition-timing-function:${y};`;
+    const $ = P(() => t.isMobile && !p.value), E = P(() => {
+      const { transitionDuration: m, transitionTimingFunction: y } = t;
+      return `background-color:${t.maskBg};transition-duration:${m}ms;transition-timing-function:${y};`;
     }), g = P(() => {
-      const { sidebarWidth: p, sidebarCollapsedWidth: y } = t, D = t.isMobile ? 0 : y, R = m.value ? D : p;
+      const { sidebarWidth: m, sidebarCollapsedWidth: y } = t, D = t.isMobile ? 0 : y, R = p.value ? D : m;
       return t.sidebarVisible ? R : 0;
     }), C = P(() => t.isMobile ? 0 : g.value), b = P(() => d.value ? C.value : 0), k = P(
       () => !t.isMobile && !d.value && t.headerVisible ? t.headerHeight : 0
     ), f = P(() => {
-      let p = 0;
-      return t.fixedHeaderAndTab && (t.headerVisible && (p += t.headerHeight), t.tabVisible && (p += t.tabHeight)), p;
+      let m = 0;
+      return t.fixedHeaderAndTab && (t.headerVisible && (m += t.headerHeight), t.tabVisible && (m += t.tabHeight)), m;
     }), u = P(() => t.fixedFooter && t.footerVisible ? t.footerHeight : 0);
-    return (p, y) => (c(), w("div", {
+    return (m, y) => (c(), w("div", {
       class: "d-layout",
       style: ue(n.value)
     }, [
@@ -1622,7 +1622,7 @@ const qo = 1001, Uo = 999, Xo = 998, jm = {
         style: s.value
       }), {
         default: Y(() => [
-          se(p.$slots, "header")
+          se(m.$slots, "header")
         ]),
         _: 3
       }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : O("", !0),
@@ -1636,7 +1636,7 @@ const qo = 1001, Uo = 999, Xo = 998, jm = {
         style: s.value
       }), {
         default: Y(() => [
-          se(p.$slots, "tab")
+          se(m.$slots, "tab")
         ]),
         _: 3
       }, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) : O("", !0),
@@ -1646,7 +1646,7 @@ const qo = 1001, Uo = 999, Xo = 998, jm = {
         "padding-top": k.value
       }), {
         default: Y(() => [
-          se(p.$slots, "sidebar")
+          se(m.$slots, "sidebar")
         ]),
         _: 3
       }, 16, ["z-index", "width", "padding-top"])) : O("", !0),
@@ -1663,7 +1663,7 @@ const qo = 1001, Uo = 999, Xo = 998, jm = {
         "overflow-hidden": r.addMainOverflowHidden
       }), {
         default: Y(() => [
-          se(p.$slots, "default")
+          se(m.$slots, "default")
         ]),
         _: 3
       }, 16, ["padding-top", "padding-bottom", "padding-left", "overflow-hidden"]),
@@ -1676,7 +1676,7 @@ const qo = 1001, Uo = 999, Xo = 998, jm = {
         style: i.value
       }), {
         default: Y(() => [
-          se(p.$slots, "footer")
+          se(m.$slots, "footer")
         ]),
         _: 3
       }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : O("", !0)
@@ -1758,27 +1758,39 @@ const qo = 1001, Uo = 999, Xo = 998, jm = {
   },
   setup(r, { expose: e }) {
     const t = r;
-    Xn((i) => ({
-      c34b3d40: a.value,
-      c34b3d3e: o.value
+    Xn((d) => ({
+      "186b4372": a.value,
+      "186b4370": o.value
     }));
     const n = I(null), a = P(() => t.xHide ? "hidden" : "visible"), o = P(() => t.yHide ? "hidden" : "visible");
     return e({
-      scrollDown: () => {
+      scrollDown: (d = "smooth") => {
         n.value && n.value.scrollTo({
           top: n.value.scrollHeight,
-          behavior: "smooth"
+          behavior: d
         });
+      },
+      scrollToSelector: (d, v = { behavior: "smooth", block: "start" }) => {
+        n.value && n.value.querySelector(d)?.scrollIntoView(v);
+      },
+      scrollToSelectorWithOffset: (d, v = 0) => {
+        if (n.value) {
+          const p = n.value.querySelector(d);
+          p && n.value.scrollTo({
+            top: p.offsetTop + v,
+            behavior: "smooth"
+          });
+        }
       }
-    }), (i, l) => (c(), w("div", {
+    }), (d, v) => (c(), w("div", {
       ref_key: "scrollRef",
       ref: n,
       class: oe(t.autoHide ? "d-scroll-hide" : "d-scroll")
     }, [
-      se(i.$slots, "default", {}, void 0, !0)
+      se(d.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}, Um = /* @__PURE__ */ _e(Go, [["__scopeId", "data-v-71024824"]]), Qo = { class: "modal-content" }, Ko = { class: "modal-header" }, Zo = { class: "modal-title" }, Jo = { class: "modal-body" }, es = { class: "modal-footer" }, dt = {
+}, Um = /* @__PURE__ */ _e(Go, [["__scopeId", "data-v-8bcd22f6"]]), Qo = { class: "modal-content" }, Ko = { class: "modal-header" }, Zo = { class: "modal-title" }, Jo = { class: "modal-body" }, es = { class: "modal-footer" }, dt = {
   __name: "DModal",
   props: {
     show: Boolean,
@@ -1998,11 +2010,11 @@ const os = { style: { display: "flex", "flex-direction": "row", "justify-content
         return;
       }
       o.value.show(), t("open"), _(), it(() => {
-        document.addEventListener("click", m);
+        document.addEventListener("click", p);
       });
     }, v = () => {
-      o.value?.isShowed() && (o.value.hide(), document.removeEventListener("click", m));
-    }, m = (b) => {
+      o.value?.isShowed() && (o.value.hide(), document.removeEventListener("click", p));
+    }, p = (b) => {
       const k = b.target, f = s.value?.$el?.contains(k);
       o.value?.$el?.contains(k) || f || v();
     }, _ = () => {
@@ -2022,7 +2034,7 @@ const os = { style: { display: "flex", "flex-direction": "row", "justify-content
     return Be(() => {
       window.addEventListener("resize", $);
     }), vn(() => {
-      window.removeEventListener("resize", $), document.removeEventListener("click", m);
+      window.removeEventListener("resize", $), document.removeEventListener("click", p);
     }), (b, k) => (c(), w("div", us, [
       F(pe, {
         ref_key: "buttonRef",
@@ -2053,8 +2065,8 @@ const os = { style: { display: "flex", "flex-direction": "row", "justify-content
       }, yt({ _: 2 }, [
         we(b.$slots, (f, u) => ({
           name: u,
-          fn: Y((p) => [
-            se(b.$slots, u, vt(gt(p)))
+          fn: Y((m) => [
+            se(b.$slots, u, vt(gt(m)))
           ])
         }))
       ]), 1032, ["items", "style", "render-item-title", "before-item", "delay-click"])
@@ -2287,12 +2299,12 @@ const Pn = "[-+]?[0-9]*.?[0-9]+", _r = [
     const t = r, n = {
       IDLE: 0,
       DESTROYED: 2
-    }, a = I([]), o = I(null), s = I(gs.get("velocity")), i = P(() => t.animationType === "velocity"), l = P(() => i.value ? _s : Ds), d = P(() => a.value.filter((q) => q.state !== n.DESTROYED)), v = P(() => ws(t.width)), m = P(() => {
+    }, a = I([]), o = I(null), s = I(gs.get("velocity")), i = P(() => t.animationType === "velocity"), l = P(() => i.value ? _s : Ds), d = P(() => a.value.filter((q) => q.state !== n.DESTROYED)), v = P(() => ws(t.width)), p = P(() => {
       const { x: q, y: fe } = Ss(t.position), le = v.value.value, V = v.value.type, Z = {
         width: le + V
       };
       return fe && (Z[fe] = "0px"), q && (q === "center" ? Z.left = `calc(50% - ${+le / 2}${V})` : Z[q] = "0px"), Z;
-    }), _ = P(() => "bottom" in m.value), $ = (q) => {
+    }), _ = P(() => "bottom" in p.value), $ = (q) => {
       e("click", q), t.closeOnClick && u(q);
     }, E = () => {
       t.pauseOnHover && o.value?.pause();
@@ -2321,14 +2333,14 @@ const Pn = "[-+]?[0-9]*.?[0-9]+", _r = [
       const J = d.value.some((L) => L.title === q.title && L.text === q.text);
       (!V || !J) && (De ? (a.value.push(xe), e("start", xe), d.value.length > t.max && (Ue = 0)) : (a.value.unshift(xe), e("start", xe), d.value.length > t.max && (Ue = d.value.length - 1)), Ue !== -1 && u(d.value[Ue]));
     }, b = (q) => {
-      p(q);
+      m(q);
     }, k = (q) => [
       "d-notification-template",
       t.classes,
       q.type || ""
     ], f = (q) => i.value ? void 0 : { transition: `all ${q.speed}ms` }, u = (q) => {
       clearTimeout(q.timer), q.state = n.DESTROYED, ne(), e("destroy", q);
-    }, p = (q) => {
+    }, m = (q) => {
       const fe = a.value.find((le) => le.id === q);
       fe && u(fe);
     }, y = () => {
@@ -2360,7 +2372,7 @@ const Pn = "[-+]?[0-9]*.?[0-9]+", _r = [
       Ze.on("notification-add", C), Ze.on("notification-close", b);
     }), (q, fe) => (c(), w("div", {
       class: "d-notification-group",
-      style: ue(m.value)
+      style: ue(p.value)
     }, [
       (c(), H(Ae(l.value), {
         name: r.animationName,
@@ -2670,10 +2682,10 @@ var Ln = 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, m = !1, _ = !0;
+  var n, a, o, s, i, l, d = 0, v = !1, p = !1, _ = !0;
   if (typeof r != "function")
     throw new TypeError(ki);
-  e = Mr(e) || 0, Fn(t) && (v = !!t.leading, m = "maxWait" in t, o = m ? Si(Mr(t.maxWait) || 0, e) : o, _ = "trailing" in t ? !!t.trailing : _);
+  e = Mr(e) || 0, Fn(t) && (v = !!t.leading, p = "maxWait" in t, o = p ? Si(Mr(t.maxWait) || 0, e) : o, _ = "trailing" in t ? !!t.trailing : _);
   function $(y) {
     var D = n, R = a;
     return n = a = void 0, d = y, s = r.apply(R, D), s;
@@ -2683,11 +2695,11 @@ function Di(r, e, t) {
   }
   function g(y) {
     var D = y - l, R = y - d, K = e - D;
-    return m ? _i(K, o - R) : K;
+    return p ? _i(K, o - R) : K;
   }
   function C(y) {
     var D = y - l, R = y - d;
-    return l === void 0 || D >= e || D < 0 || m && R >= o;
+    return l === void 0 || D >= e || D < 0 || p && R >= o;
   }
   function b() {
     var y = Ln();
@@ -2704,17 +2716,17 @@ function Di(r, e, t) {
   function u() {
     return i === void 0 ? s : k(Ln());
   }
-  function p() {
+  function m() {
     var y = Ln(), D = C(y);
     if (n = arguments, a = this, l = y, D) {
       if (i === void 0)
         return E(l);
-      if (m)
+      if (p)
         return clearTimeout(i), i = setTimeout(b, e), $(l);
     }
     return i === void 0 && (i = setTimeout(b, e)), s;
   }
-  return p.cancel = f, p.flush = u, p;
+  return m.cancel = f, m.flush = u, m;
 }
 const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
   key: 0,
@@ -2775,7 +2787,7 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
     //!props.form ? ref(null) : props.form.fields[props.name].ref
     const v = Di(() => {
       C();
-    }, 300), m = P({
+    }, 300), p = P({
       get: () => n.modelValue,
       //props.form?.fields[props.name].model.value,
       set: (D) => {
@@ -2787,7 +2799,7 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
       t("change", D), v.cancel(), C();
     }, C = () => {
       if (!(!n.form || !n.form.fields || !n.form.fields[n.name].rules))
-        return o.value = yn.validate(m.value, n.form.fields[n.name].rules), !!o.value;
+        return o.value = yn.validate(p.value, n.form.fields[n.name].rules), !!o.value;
     };
     Be(() => {
       l.value = n.readonly, !n.autocomplete && !l.value && (l.value = !0, setTimeout(() => {
@@ -2797,12 +2809,12 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
     const b = () => {
       d.value?.focus();
     }, k = () => {
-      m.value = "", t("update:modelValue", ""), t("input", ""), t("clear");
+      p.value = "", t("update:modelValue", ""), t("input", ""), t("clear");
     }, f = (D) => {
       i.value = D;
     }, u = (D) => {
       o.value = D;
-    }, p = (D) => {
+    }, m = (D) => {
       t("blur", D), v.cancel(), C();
     };
     return e({
@@ -2827,7 +2839,7 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
               id: Q(s),
               ref_key: "inputRef",
               ref: d,
-              "onUpdate:modelValue": R[0] || (R[0] = (K) => m.value = K),
+              "onUpdate:modelValue": R[0] || (R[0] = (K) => p.value = K),
               style: ue([{ width: "100%" }, n.inputStyle]),
               type: _.value,
               inputmode: r.inputMode,
@@ -2836,7 +2848,7 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
               onInput: E,
               onChange: g,
               onFocus: R[1] || (R[1] = (K) => f(!0)),
-              onBlur: p,
+              onBlur: m,
               minlength: n.minLength,
               maxlength: n.maxLength,
               onFocusout: R[2] || (R[2] = (K) => f(!1)),
@@ -2852,9 +2864,9 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
               disabled: n.disabled,
               readonly: l.value
             }, null, 46, Li), [
-              [Bt, m.value]
+              [Bt, p.value]
             ]),
-            n.clear && m.value?.length > 0 ? (c(), w("div", {
+            n.clear && p.value?.length > 0 ? (c(), w("div", {
               key: 0,
               class: "d-post-inside-button",
               onClick: k
@@ -2911,7 +2923,7 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
       }
       Lt(!0);
     };
-    return Be(s), e({ returnValue: i }), (v, m) => (c(), w("div", null, [
+    return Be(s), e({ returnValue: i }), (v, p) => (c(), w("div", null, [
       F(dt, { show: !0 }, {
         "modal-title": Y(() => [
           ie(G(t.title), 1)
@@ -2927,13 +2939,13 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
               F(et, {
                 style: { width: "100px" },
                 modelValue: a.value,
-                "onUpdate:modelValue": m[0] || (m[0] = (_) => a.value = _),
+                "onUpdate:modelValue": p[0] || (p[0] = (_) => a.value = _),
                 type: "text",
                 placeholder: "000",
                 maxlength: "3",
                 class: "text-center font-mono",
                 onInput: l,
-                onKeyup: m[1] || (m[1] = Gr((_) => i() && d(), ["enter"])),
+                onKeyup: p[1] || (p[1] = Gr((_) => i() && d(), ["enter"])),
                 focus: !0
               }, null, 8, ["modelValue"])
             ]),
@@ -2943,7 +2955,7 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
         "modal-footer": Y(() => [
           T("div", ji, [
             F(pe, {
-              onClick: m[2] || (m[2] = (_) => Q(Lt)()),
+              onClick: p[2] || (p[2] = (_) => Q(Lt)()),
               disabled: !i()
             }, {
               default: Y(() => [
@@ -2953,7 +2965,7 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
             }, 8, ["disabled"]),
             F(pe, {
               class: "button-red",
-              onClick: m[3] || (m[3] = (_) => Q(Lt)(!1))
+              onClick: p[3] || (p[3] = (_) => Q(Lt)(!1))
             }, {
               default: Y(() => [
                 ie("Нет")
@@ -3074,21 +3086,21 @@ const Zm = {
     tabs: Array
   },
   setup(r, { expose: e }) {
-    const t = r, n = Ba(t, "tabs"), a = I([]), o = I(0), s = (m) => {
-      o.value = m, Ze.emit("change_tab", {
+    const t = r, n = Ba(t, "tabs"), a = I([]), o = I(0), s = (p) => {
+      o.value = p, Ze.emit("change_tab", {
         id: t.id,
         index: o.value
       });
-    }, i = (m) => {
-      m && !a.value.includes(m) && a.value.push(m);
+    }, i = (p) => {
+      p && !a.value.includes(p) && a.value.push(p);
     };
     return e({
       refs: () => a.value,
       getSelectedIndex: () => o.value,
-      setSelectedIndex: (m) => {
-        s(m);
+      setSelectedIndex: (p) => {
+        s(p);
       }
-    }), (m, _) => (c(), w(me, null, [
+    }), (p, _) => (c(), w(me, null, [
       T("div", al, [
         (c(!0), w(me, null, we(n.value, ($, E) => (c(), H(rl, {
           index: E,
@@ -3547,51 +3559,51 @@ const Zm = {
         N.mutations.setItems(n.id, n.items);
       }
     ), Be(() => {
-      const p = localStorage.getItem(`${n.id}-grid-field`), y = localStorage.getItem(`${n.id}-grid-dir`);
-      p && (N.mutations.setSortField(n.id, p), N.mutations.setSortDirection(n.id, y || "asc"));
+      const m = localStorage.getItem(`${n.id}-grid-field`), y = localStorage.getItem(`${n.id}-grid-dir`);
+      m && (N.mutations.setSortField(n.id, m), N.mutations.setSortDirection(n.id, y || "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) => {
+    for (let m = 0; m < n.columns.length; m++)
+      Object.hasOwn(n.columns[m], "search") && (n.columns[m].search === "string" || n.columns[m].search === "number" || Array.isArray(n.columns[m].search)) && (l.value[n.columns[m].key] = ""), d.push(Object.hasOwn(n.columns[m], "size") ? n.columns[m].size : "minmax(100px, 1fr)"), i.value = d.join(" ");
+    const v = (m, y) => {
       if (N.getters.getSortField(n.id) === y) {
         const R = N.getters.getSortDirection(n.id);
         R ? R === "asc" ? (N.mutations.setSortDirection(n.id, "desc"), localStorage.setItem(`${n.id}-grid-dir`, "desc")) : (N.mutations.setSortField(n.id, null), N.mutations.setSortDirection(n.id, null), localStorage.removeItem(`${n.id}-grid-field`), localStorage.removeItem(`${n.id}-grid-dir`)) : (N.mutations.setSortDirection(n.id, "asc"), localStorage.setItem(`${n.id}-grid-dir`, "asc"));
       } else
         N.mutations.setSortField(n.id, y), N.mutations.setSortDirection(n.id, "asc"), localStorage.setItem(`${n.id}-grid-field`, y), localStorage.setItem(`${n.id}-grid-dir`, "asc");
-    }, m = (p) => {
-      p.target.checked ? g.value.forEach((y) => {
+    }, p = (m) => {
+      m.target.checked ? g.value.forEach((y) => {
         N.getters.getSelected(n.id).includes(y.id) || N.mutations.addSelect(n.id, y.id);
       }) : g.value.forEach((y) => {
         N.mutations.unSelect(n.id, y.id);
       });
-    }, _ = (p) => N.getters.getSelected(n.id).includes(p), $ = (p, y) => {
-      p.target.checked ? (N.mutations.addSelect(n.id, y), t("check", { grid: n.id, id: y })) : (N.mutations.unSelect(n.id, y), t("uncheck", { grid: n.id, id: y }));
+    }, _ = (m) => N.getters.getSelected(n.id).includes(m), $ = (m, y) => {
+      m.target.checked ? (N.mutations.addSelect(n.id, y), t("check", { grid: n.id, id: y })) : (N.mutations.unSelect(n.id, y), t("uncheck", { grid: n.id, id: y }));
     }, E = P(() => g.value.length === 0 ? !1 : g.value.every(
-      (p) => N.getters.getSelected(n.id).includes(p.id)
+      (m) => N.getters.getSelected(n.id).includes(m.id)
     )), g = P(() => {
-      const p = a.value * o.value - o.value, y = a.value * o.value - 1;
+      const m = a.value * o.value - o.value, y = a.value * o.value - 1;
       let D = N.getters.getItems(n.id);
       for (let K = 0; K < n.columns.length; K++) {
         const ne = n.columns[K], q = l.value[ne.key];
         q && (Array.isArray(ne.search) ? D = D.filter((fe) => String(fe[ne.key]) === String(q)) : (ne.search === "string" || ne.search === "number") && (D = D.filter((fe) => fe[ne.key] && fe[ne.key].toString().toUpperCase().includes(q.toString().toUpperCase()))));
       }
-      return D.slice(p, y + 1);
+      return D.slice(m, y + 1);
     }), C = P(() => {
-      let p = [];
+      let m = [];
       for (let y in n.perPageOptions)
-        p.push({ label: n.perPageOptions[y], value: n.perPageOptions[y].toString() });
-      return p;
-    }), b = (p) => {
-      n.selectable === "one" && (N.getters.getSelected(n.id).includes(p.id) ? (N.actions.unselectAll(n.id), t("unselect")) : (N.mutations.select(n.id, p.id), t("select", p)));
-    }, k = (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 });
+        m.push({ label: n.perPageOptions[y], value: n.perPageOptions[y].toString() });
+      return m;
+    }), b = (m) => {
+      n.selectable === "one" && (N.getters.getSelected(n.id).includes(m.id) ? (N.actions.unselectAll(n.id), t("unselect")) : (N.mutations.select(n.id, m.id), t("select", m)));
+    }, k = (m) => {
+      o.value = parseInt(m.target.value), localStorage.setItem("datagrid-perpage", m.target.value), a.value = 1;
+    }, f = (m, y) => {
+      t("select", { e: m, row: y });
     };
     return e({
       getSelection: () => N.getters.getSelected(n.id)
-    }), (p, y) => (c(), w("div", null, [
+    }), (m, y) => (c(), w("div", null, [
       T("div", yl, [
         T("table", bl, [
           T("thead", wl, [
@@ -3599,7 +3611,7 @@ const Zm = {
               n.selectable === "check" ? (c(), w("th", kl, [
                 F(un, {
                   checked: E.value,
-                  onChange: y[0] || (y[0] = (D) => m(D))
+                  onChange: y[0] || (y[0] = (D) => p(D))
                 }, null, 8, ["checked"])
               ])) : O("", !0),
               (c(!0), w(me, null, we(n.columns, (D) => (c(), w("th", {
@@ -3748,31 +3760,31 @@ const Zm = {
       if (t.canvas) {
         const {
           offsetX: v,
-          offsetY: m,
+          offsetY: p,
           width: _,
           height: $
         } = d(t.width, t.height, l.width, l.height);
-        a.drawImage(l, v, m, _, $), e("loaded"), i.value = !1;
+        a.drawImage(l, v, p, _, $), 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, m, _, $, E = 1, g = 0.5, C = 0.5) => {
-      const b = _ / $, k = v / m;
-      let f = v * E, u = m * E;
+    const d = (v, p, _, $, E = 1, g = 0.5, C = 0.5) => {
+      const b = _ / $, k = v / p;
+      let f = v * E, u = p * E;
       return b < k ? u = f / b : f = u * b, {
         width: f,
         height: u,
         offsetX: (v - f) * g,
-        offsetY: (m - u) * C
+        offsetY: (p - u) * C
       };
     };
     return Be(() => {
       t.canvas && (n = o.value, a = n.getContext("2d")), e("loading"), i.value = !0, l.src = t.src;
-    }), Re(() => t.src, (v, m) => {
+    }), Re(() => t.src, (v, p) => {
       e("loading"), i.value = !0, l.src = t.src;
-    }), (v, m) => (c(), w("div", {
+    }), (v, p) => (c(), w("div", {
       style: ue([{ position: "relative", display: "inline-block" }, {
         width: `${t.width}px`,
         height: `${t.height}px`,
@@ -3873,7 +3885,7 @@ const Zm = {
       o.value.focus();
     }, v = () => {
       o.value.style.height = "auto";
-    }, m = (k) => {
+    }, p = (k) => {
       t("input", k), 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();
     }, _ = () => {
       n.autoHeight && (o.value.style.height = "auto", o.value.style.height = `${o.value.scrollHeight}px`);
@@ -3904,7 +3916,7 @@ const Zm = {
           ref: o,
           "onUpdate:modelValue": f[0] || (f[0] = (u) => i.value = u),
           "on:update:modelValue": _,
-          onInput: m,
+          onInput: p,
           onChange: E,
           rows: n.rows,
           cols: n.cols,
@@ -4000,7 +4012,7 @@ const Zm = {
   setup(r, { expose: e, emit: t }) {
     const n = r, a = ct(), o = I(""), s = Ct(), i = I(!1), l = I(!1), d = I("password"), v = I(null);
     //!props.form ? ref(null) : props.form.fields[props.name].ref
-    const m = P({
+    const p = P({
       get: () => n.modelValue,
       //props.form?.fields[props.name].model.value,
       set: (u) => {
@@ -4010,7 +4022,7 @@ const Zm = {
       t("input", u), E();
     }, E = () => {
       if (!(!n.form || !n.form.fields || !n.form.fields[n.name].rules))
-        return o.value = yn.validate(m.value, n.form.fields[n.name].rules), !!o.value;
+        return o.value = yn.validate(p.value, n.form.fields[n.name].rules), !!o.value;
     };
     Be(() => {
       l.value = n.readonly, !n.autocomplete && !l.value && (l.value = !0, setTimeout(() => {
@@ -4032,7 +4044,7 @@ const Zm = {
       focus: g,
       setError: k,
       validate: E
-    }), (u, p) => (c(), w("div", {
+    }), (u, m) => (c(), w("div", {
       class: oe(["d-input-string", _.value])
     }, [
       T("div", ru, [
@@ -4046,14 +4058,14 @@ const Zm = {
               id: Q(s),
               ref_key: "inputRef",
               ref: v,
-              "onUpdate:modelValue": p[0] || (p[0] = (y) => m.value = y),
+              "onUpdate:modelValue": m[0] || (m[0] = (y) => p.value = y),
               style: { width: "100%" },
               type: d.value,
               placeholder: n.placeholder,
               onInput: $,
-              onFocus: p[1] || (p[1] = (y) => b(!0)),
+              onFocus: m[1] || (m[1] = (y) => b(!0)),
               onBlur: f,
-              onFocusout: p[2] || (p[2] = (y) => b(!1)),
+              onFocusout: m[2] || (m[2] = (y) => b(!1)),
               class: oe([
                 Q(a).pre ? "has-pre" : "",
                 Q(a).post ? "has-post" : "",
@@ -4062,7 +4074,7 @@ const Zm = {
               disabled: n.disabled,
               readonly: l.value
             }, null, 42, lu), [
-              [Bt, m.value]
+              [Bt, p.value]
             ]),
             n.toggleView ? (c(), w("div", {
               key: 0,
@@ -4218,8 +4230,8 @@ var Jn = 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, m, _] = d.data;
-        this.$emit("selectSaturation", { r: v, g: m, b: _ });
+        const d = n.getImageData(Math.min(i, this.size - 1), Math.min(l, this.size - 1), 1, 1), [v, p, _] = d.data;
+        this.$emit("selectSaturation", { r: v, g: p, b: _ });
       };
       a(r);
       const o = () => {
@@ -4515,7 +4527,7 @@ var rr = 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 [m, _, $, E] = v.data;
+      let [p, _, $, E] = v.data;
       E = parseFloat((E / 255).toFixed(2));
       const g = this.suckerPreview.style;
       Object.assign(g, {
@@ -4527,7 +4539,7 @@ var rr = Ge({
         borderRadius: "50%",
         border: "2px solid #fff",
         boxShadow: "0 0 8px 0 rgba(0, 0, 0, 0.16)",
-        background: `rgba(${m}, ${_}, ${$}, ${E})`,
+        background: `rgba(${p}, ${_}, ${$}, ${E})`,
         zIndex: 95
       }), this.suckerArea.length && // @ts-ignore
       e >= this.suckerArea[0] && // @ts-ignore
@@ -4537,8 +4549,8 @@ var rr = Ge({
     },
     suckColor(r) {
       r && r.tagName !== "CANVAS" || (this.suckerPreview = document.createElement("div"), this.suckerPreview && document.body.appendChild(this.suckerPreview), document.addEventListener("mousemove", this.mousemoveHandler), document.addEventListener("mouseup", this.mousemoveHandler), r.addEventListener("click", (e) => {
-        const { clientX: t, clientY: n } = e, { top: a, left: o, width: s, height: i } = r.getBoundingClientRect(), l = t - o, d = n - a, m = r.getContext("2d").getImageData(Math.min(l, s - 1), Math.min(d, i - 1), 1, 1);
-        let [_, $, E, g] = m.data;
+        const { clientX: t, clientY: n } = e, { top: a, left: o, width: s, height: i } = r.getBoundingClientRect(), l = t - o, d = n - a, p = r.getContext("2d").getImageData(Math.min(l, s - 1), Math.min(d, i - 1), 1, 1);
+        let [_, $, E, g] = p.data;
         g = parseFloat((g / 255).toFixed(2)), this.$emit("selectSucker", { r: _, g: $, b: E, a: g });
       }));
     }
@@ -4964,7 +4976,7 @@ var Et = Ge({
 });
 const Ru = { class: "color-set" };
 function Bu(r, e, t, n, a, o) {
-  const s = mt("Saturation"), i = mt("Hue"), l = mt("Alpha"), d = mt("Preview"), v = mt("Sucker"), m = mt("Box"), _ = mt("Colors");
+  const s = mt("Saturation"), i = mt("Hue"), l = mt("Alpha"), d = mt("Preview"), v = mt("Sucker"), p = mt("Box"), _ = mt("Colors");
   return c(), H(
     "div",
     {
@@ -5019,14 +5031,14 @@ function Bu(r, e, t, n, a, o) {
         4
         /* STYLE */
       ),
-      F(m, {
+      F(p, {
         name: "HEX",
         color: r.modelHex,
         onInputColor: r.inputHex,
         onInputFocus: r.handleFocus,
         onInputBlur: r.handleBlur
       }, null, 8, ["color", "onInputColor", "onInputFocus", "onInputBlur"]),
-      F(m, {
+      F(p, {
         name: "RGBA",
         color: r.modelRgba,
         onInputColor: r.inputRgba,
@@ -5076,16 +5088,16 @@ const Nu = /* @__PURE__ */ T("div", { class: "color-indicator" }, null, -1), Yu
   emits: ["update:modelValue", "change"],
   setup(r, { emit: e }) {
     const t = r;
-    Xn((m) => ({
+    Xn((p) => ({
       "2c1f41d3": n.value
     }));
     const n = P({
       get: () => t.modelValue,
-      set: (m) => {
-        e("update:modelValue", m);
+      set: (p) => {
+        e("update:modelValue", p);
       }
-    }), a = I(null), o = I(n), s = I(null), i = (m) => {
-      s.value = t.format === "rgba" ? m.rgba : m.hex;
+    }), a = I(null), o = I(n), s = I(null), i = (p) => {
+      s.value = t.format === "rgba" ? p.rgba : p.hex;
     }, l = () => {
       a.value.show();
     }, d = {
@@ -5094,13 +5106,13 @@ const Nu = /* @__PURE__ */ T("div", { class: "color-indicator" }, null, -1), Yu
       }
     }, v = () => {
       if (t.format === "rgba") {
-        const { r: m, g: _, b: $, a: E } = s.value;
-        n.value = `rgba(${m}, ${_}, ${$}, ${E})`;
+        const { r: p, g: _, b: $, a: E } = s.value;
+        n.value = `rgba(${p}, ${_}, ${$}, ${E})`;
       } else
         n.value = s.value;
       a.value.hide(), e("change", n.value);
     };
-    return (m, _) => (c(), w("div", null, [
+    return (p, _) => (c(), w("div", null, [
       F(et, {
         pre: d,
         label: t.label,
@@ -5319,9 +5331,9 @@ var ra = (
           a++;
       else e === this.xPct[this.xPct.length - 1] && (a = this.xPct.length - 2);
       !n && e === this.xPct[a + 1] && a++, t === null && (t = []);
-      var o, s = 1, i = t[a], l = 0, d = 0, v = 0, m = 0;
+      var o, s = 1, i = t[a], l = 0, d = 0, v = 0, p = 0;
       for (n ? o = (e - this.xPct[a]) / (this.xPct[a + 1] - this.xPct[a]) : o = (this.xPct[a + 1] - e) / (this.xPct[a + 1] - this.xPct[a]); i > 0; )
-        l = this.xPct[a + 1 + m] - this.xPct[a + m], t[a + m] * s + 100 - o * 100 > 100 ? (d = l * o, s = (i - 100 * o) / t[a + m], o = 1) : (d = t[a + m] * l / 100 * s, s = 0), n ? (v = v - d, this.xPct.length + m >= 1 && m--) : (v = v + d, this.xPct.length - m >= 1 && m++), i = t[a + m] * s;
+        l = this.xPct[a + 1 + p] - this.xPct[a + p], t[a + p] * s + 100 - o * 100 > 100 ? (d = l * o, s = (i - 100 * o) / t[a + p], o = 1) : (d = t[a + p] * l / 100 * s, s = 0), n ? (v = v - d, this.xPct.length + p >= 1 && p--) : (v = v + d, this.xPct.length - p >= 1 && p++), i = t[a + p] * s;
       return e + v;
     }, r.prototype.toStepping = function(e) {
       return e = nc(this.xVal, this.xPct, e), e;
@@ -5671,7 +5683,7 @@ function ia(r) {
   return e.style = i[e.dir][e.ort], e;
 }
 function $c(r, e, t) {
-  var n = Ku(), a = Ju(), o = a && Zu(), s = r, i, l, d, v, m, _, $ = e.spectrum, E = [], g = [], C = [], b = 0, k = {}, f = !1, u = r.ownerDocument, p = e.documentElement || u.documentElement, y = u.body, D = u.dir === "rtl" || e.ort === 1 ? 0 : 100;
+  var n = Ku(), a = Ju(), o = a && Zu(), s = r, i, l, d, v, p, _, $ = e.spectrum, E = [], g = [], C = [], b = 0, k = {}, f = !1, u = r.ownerDocument, m = e.documentElement || u.documentElement, y = u.body, D = u.dir === "rtl" || e.ort === 1 ? 0 : 100;
   function R(h, x) {
     var S = u.createElement("div");
     return x && je(S, x), h.appendChild(S), S;
@@ -5795,7 +5807,7 @@ function $c(r, e, t) {
     }), W;
   }
   function L() {
-    m && (Pr(m), m = null);
+    p && (Pr(p), p = null);
   }
   function z(h) {
     L();
@@ -5804,7 +5816,7 @@ function $c(r, e, t) {
         return String(Math.round(j));
       }
     };
-    return m = s.appendChild(M(x, S, A)), m;
+    return p = s.appendChild(M(x, S, A)), p;
   }
   function B() {
     var h = i.getBoundingClientRect(), x = "offset" + ["Width", "Height"][e.ort];
@@ -5868,7 +5880,7 @@ function $c(r, e, t) {
   }
   function Vt(h, x) {
     x.handle && (sn(x.handle, e.cssClasses.active), b -= 1), x.listeners.forEach(function(S) {
-      p.removeEventListener(S[0], S[1]);
+      m.removeEventListener(S[0], S[1]);
     }), b === 0 && (sn(s, e.cssClasses.drag), Dn(), h.cursor && (y.style.cursor = "", y.removeEventListener("selectstart", Or))), e.events.smoothSteps && (x.handleNumbers.forEach(function(S) {
       bt(S, g[S], !0, !0, !1, !1);
     }), x.handleNumbers.forEach(function(S) {
@@ -5885,7 +5897,7 @@ function $c(r, e, t) {
         S = A.children[0], b += 1, je(S, e.cssClasses.active);
       }
       h.stopPropagation();
-      var j = [], W = X(n.move, p, en, {
+      var j = [], W = X(n.move, m, en, {
         // The event target has changed so we need to propagate the original one so that we keep
         // relying on it to extract target touches.
         target: h.target,
@@ -5898,13 +5910,13 @@ function $c(r, e, t) {
         handleNumbers: x.handleNumbers,
         buttonsProperty: h.buttons,
         locations: g.slice()
-      }), re = X(n.end, p, Vt, {
+      }), re = X(n.end, m, Vt, {
         target: h.target,
         handle: S,
         listeners: j,
         doNotReject: !0,
         handleNumbers: x.handleNumbers
-      }), ee = X("mouseout", p, tt, {
+      }), ee = X("mouseout", m, tt, {
         target: h.target,
         handle: S,
         listeners: j,
@@ -6382,10 +6394,10 @@ const Vr = {
     Re(() => t.angle, (l) => {
       a.value = -~l;
     });
-    const s = (l, d, v, m) => Math.atan2(l - v, d - m) * (180 / Math.PI) * -1 + 180, i = (l) => {
+    const s = (l, d, v, p) => Math.atan2(l - v, d - p) * (180 / Math.PI) * -1 + 180, i = (l) => {
       if (o.value) {
-        let d = -~(n.value.offsetHeight || n.value.height) / 2, v = -~(n.value.offsetWidth || n.value.width) / 2, m = s(l.offsetX, l.offsetY, d, v);
-        a.value = -~m, e("angle", m);
+        let d = -~(n.value.offsetHeight || n.value.height) / 2, v = -~(n.value.offsetWidth || n.value.width) / 2, p = s(l.offsetX, l.offsetY, d, v);
+        a.value = -~p, e("angle", p);
       }
     };
     return (l, d) => (c(), w("div", null, [
@@ -6631,7 +6643,7 @@ function Hc() {
         return B && (De(e.comma) || n("Missing comma before color stops")), {
           type: J,
           orientation: B,
-          colorStops: u(p)
+          colorStops: u(m)
         };
       });
     }
@@ -6651,12 +6663,12 @@ function Hc() {
       return M ? {
         type: "directional",
         value: M.value
-      } : m();
+      } : p();
     }
     function v() {
       return xe("directional", e.sideOrCorner, 1);
     }
-    function m() {
+    function p() {
       return xe("angular", e.angleValue, 1) || xe("angular", e.radianValue, 1);
     }
     function _() {
@@ -6729,7 +6741,7 @@ function Hc() {
           M = J(), M ? L.push(M) : n("One extra comma");
       return L;
     }
-    function p() {
+    function m() {
       var J = y();
       return J || n("Expected color definition"), J.length = U(), J;
     }
@@ -6900,12 +6912,12 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
         e("update:modelValue", f);
       }
     }), a = I(null), o = I(null), s = I([{ code: "#FFFFFF" }]), i = I(""), l = I("linear"), d = I("0"), v = I("");
-    let m = 1;
+    let p = 1;
     const _ = () => {
       a.value.show(), $();
     }, $ = () => {
-      const p = n.value.split(";")[1].trim().split(":")[1].trim(), y = Bc.parse(p), D = y[0].type.split("-");
-      l.value = D[0], l.value === "linear" && (d.value = y[0].orientation.value), s.value = [], m = y[0].colorStops.length;
+      const m = n.value.split(";")[1].trim().split(":")[1].trim(), y = Bc.parse(m), D = y[0].type.split("-");
+      l.value = D[0], l.value === "linear" && (d.value = y[0].orientation.value), s.value = [], p = y[0].colorStops.length;
       const R = [];
       for (let K = 0; K < y[0].colorStops.length; K++) {
         const ne = y[0].colorStops[K].type === "hex" ? `#${y[0].colorStops[K].value}` : `rgba(${y[0].colorStops[K].value.join(",")})`;
@@ -6921,17 +6933,17 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
     }, g = () => {
       n.value = i.value, a.value.hide(), v.value = `${t.text}: ${s.value.length}`, e("change", n.value);
     }, C = () => {
-      if (m < t.maxColors) {
-        s.value.push({ code: "#FFFFFF" }), m++;
-        const f = Math.round(100 / m), u = [];
-        for (let p = 0; p < m; p++)
-          u.push(p * f);
+      if (p < t.maxColors) {
+        s.value.push({ code: "#FFFFFF" }), p++;
+        const f = Math.round(100 / p), u = [];
+        for (let m = 0; m < p; m++)
+          u.push(m * f);
         o.value.updateStart(u);
       }
     }, b = (f) => {
-      if (m > 1) {
+      if (p > 1) {
         const u = o.value.get();
-        u.splice(f, 1), s.value.splice(f, 1), o.value.updateStart(u), m--;
+        u.splice(f, 1), s.value.splice(f, 1), o.value.updateStart(u), p--;
       }
     };
     Be(() => {
@@ -6941,18 +6953,18 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
       if (!o.value)
         return;
       const f = l.value + "-gradient", u = o.value.position();
-      let p = [];
-      p.push(l.value === "radial" ? "circle" : `${d.value}deg`);
+      let m = [];
+      m.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])}%`);
-      i.value = `background: ${s.value[0].code};`, s.value.length > 1 && (i.value += `background: ${f}(${p.join(", ")})`);
+        m.push(`${s.value[y].code} ${parseInt(u[y])}%`);
+      i.value = `background: ${s.value[0].code};`, s.value.length > 1 && (i.value += `background: ${f}(${m.join(", ")})`);
     };
     return (f, u) => (c(), w("div", null, [
       F(et, {
         pre: E,
         label: t.label,
         modelValue: v.value,
-        "onUpdate:modelValue": u[0] || (u[0] = (p) => v.value = p),
+        "onUpdate:modelValue": u[0] || (u[0] = (m) => v.value = m),
         onClick: _,
         readonly: !0
       }, {
@@ -6966,7 +6978,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
       }, 8, ["label", "modelValue"]),
       He(T("input", {
         type: "hidden",
-        "onUpdate:modelValue": u[1] || (u[1] = (p) => n.value = p)
+        "onUpdate:modelValue": u[1] || (u[1] = (m) => n.value = m)
       }, null, 512), [
         [Gn, n.value]
       ]),
@@ -6990,7 +7002,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
             ref_key: "sliderRef",
             ref: o,
             start: 50,
-            tooltips: { to: (p) => parseInt(p) },
+            tooltips: { to: (m) => parseInt(m) },
             "tooltip-hide": !0
           }, null, 8, ["tooltips"]),
           T("div", Nc, [
@@ -6998,7 +7010,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
               F(An, {
                 onChange: k,
                 modelValue: l.value,
-                "onUpdate:modelValue": u[2] || (u[2] = (p) => l.value = p),
+                "onUpdate:modelValue": u[2] || (u[2] = (m) => l.value = m),
                 options: [{ label: t.linear, value: "linear" }, { label: t.radial, value: "radial" }],
                 size: "wide"
               }, null, 8, ["modelValue", "options"])
@@ -7008,28 +7020,28 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
                 key: 0,
                 onChange: k,
                 modelValue: d.value,
-                "onUpdate:modelValue": u[3] || (u[3] = (p) => d.value = p)
+                "onUpdate:modelValue": u[3] || (u[3] = (m) => d.value = m)
               }, null, 8, ["modelValue"])) : O("", !0)
             ])
           ]),
-          (c(!0), w(me, null, we(s.value, (p, y) => (c(), w("div", {
+          (c(!0), w(me, null, we(s.value, (m, y) => (c(), w("div", {
             style: { display: "flex", gap: "5px", "align-items": "center", "justify-content": "center" },
             key: y
           }, [
             F(ju, {
-              modelValue: p.code,
-              "onUpdate:modelValue": (D) => p.code = D,
+              modelValue: m.code,
+              "onUpdate:modelValue": (D) => m.code = D,
               style: { flex: "1" },
               format: "rgba",
               onChange: k
             }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-            Q(m) > 1 ? (c(), H(pe, {
+            Q(p) > 1 ? (c(), H(pe, {
               key: 0,
               icon: "MinusSharp",
               onClick: (D) => b(y)
             }, null, 8, ["onClick"])) : O("", !0)
           ]))), 128)),
-          Q(m) < t.maxColors ? (c(), w("div", Yc, [
+          Q(p) < t.maxColors ? (c(), w("div", Yc, [
             F(pe, { onClick: C }, {
               default: Y(() => [
                 ie(G(t.add), 1)
@@ -7041,7 +7053,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
         "modal-footer": Y(() => [
           T("div", jc, [
             F(pe, {
-              onClick: u[4] || (u[4] = (p) => a.value.hide())
+              onClick: u[4] || (u[4] = (m) => a.value.hide())
             }, {
               default: Y(() => [
                 ie(G(t.close), 1)
@@ -7086,14 +7098,14 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
       // Used to detect double click on touch devices.
       splitter: null,
       timeoutId: null
-    }), m = () => {
+    }), p = () => {
       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));
     }, $ = (M, L) => {
-      m(), d.value.mouseDown = !0, d.value.activeSplitter = L;
+      p(), d.value.mouseDown = !0, d.value.activeSplitter = L;
     }, E = (M) => {
-      t.movable && d.value.mouseDown && (M.preventDefault(), d.value.dragging = !0, p(f(M)), e("resize", a.value.map((L) => ({ min: L.min, max: L.max, size: L.size }))));
+      t.movable && d.value.mouseDown && (M.preventDefault(), d.value.dragging = !0, m(f(M)), e("resize", a.value.map((L) => ({ min: L.min, max: L.max, size: L.size }))));
     }, g = () => {
       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, _();
@@ -7117,7 +7129,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
       M = M[t.horizontal ? "y" : "x"];
       const L = i.value[t.horizontal ? "clientHeight" : "clientWidth"];
       return t.rtl && !t.horizontal && (M = L - M), M * 100 / L;
-    }, p = (M) => {
+    }, m = (M) => {
       const L = d.value.activeSplitter;
       let z = {
         prevPanesSize: D(L),
@@ -7252,7 +7264,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
     maxSize: { type: [Number, String], default: 100 }
   },
   setup(r) {
-    const e = r, t = Tt("requestUpdate"), n = Tt("onPaneAdd"), a = Tt("horizontal"), o = Tt("onPaneRemove"), s = Tt("onPaneClick"), i = gn()?.uid, l = Tt("indexedPanes"), d = P(() => l.value[i]), v = I(null), m = P(() => {
+    const e = r, t = Tt("requestUpdate"), n = Tt("onPaneAdd"), a = Tt("horizontal"), o = Tt("onPaneRemove"), s = Tt("onPaneClick"), i = gn()?.uid, l = Tt("indexedPanes"), d = P(() => l.value[i]), v = I(null), p = P(() => {
       const g = isNaN(e.size) || e.size === void 0 ? 0 : parseFloat(e.size);
       return Math.max(Math.min(g, $.value), _.value);
     }), _ = P(() => {
@@ -7269,11 +7281,11 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
         min: _.value,
         max: $.value,
         // The given size (useful to know the user intention).
-        givenSize: e.size === void 0 ? null : m.value,
-        size: m.value
+        givenSize: e.size === void 0 ? null : p.value,
+        size: p.value
         // The computed current size at any time.
       });
-    }), Re(() => m.value, (g) => t({ uid: i, size: g })), Re(() => _.value, (g) => t({ uid: i, min: g })), Re(() => $.value, (g) => t({ uid: i, max: g })), Qr(() => o(i)), (g, C) => (c(), w("div", {
+    }), Re(() => p.value, (g) => t({ uid: i, size: g })), Re(() => _.value, (g) => t({ uid: i, min: g })), Re(() => $.value, (g) => t({ uid: i, max: g })), Qr(() => o(i)), (g, C) => (c(), w("div", {
       ref_key: "paneEl",
       ref: v,
       class: "d-splitter__panel",
@@ -7366,7 +7378,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
       set: (b) => {
         t("update:modelValue", b);
       }
-    }), o = I(null), s = I(null), i = I(0), l = I(0), d = I(0), v = I(""), m = I("");
+    }), o = I(null), s = I(null), i = I(0), l = I(0), d = I(0), v = I(""), p = I("");
     Re(() => a.value, () => {
       if (a.value === "")
         v.value = "";
@@ -7385,7 +7397,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
       });
     }, $ = () => {
       if (!(!n.form || !n.form.fields || !n.form.fields[n.name].rules))
-        return m.value = yn.validate(a.value, n.form.fields[n.name].rules), !!m.value;
+        return p.value = yn.validate(a.value, n.form.fields[n.name].rules), !!p.value;
     }, E = (b) => {
       a.value = b.model.id, v.value = b.model.title, t("select", b), $();
     }, g = P(() => ({ left: i.value + "px", width: l.value + "px", top: d.value + "px", position: n.bodyAsParent ? "absolute" : "fixed", ...n.menuStyle }));
@@ -7395,7 +7407,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
           n.items[b].id === a.value && (v.value = n.items[b].title);
     }), e({
       setError: (b) => {
-        m.value = b;
+        p.value = b;
       },
       validate: $
     }), (b, k) => (c(), w("div", Uc, [
@@ -7442,10 +7454,10 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
         class: "d-error text-red",
         innerHTML: n.error
       }, null, 8, ad)) : O("", !0),
-      m.value ? (c(), w("div", {
+      p.value ? (c(), w("div", {
         key: 3,
         class: "d-error text-red",
-        innerHTML: m.value
+        innerHTML: p.value
       }, null, 8, od)) : O("", !0)
     ]));
   }
@@ -7509,10 +7521,10 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
         return;
       }
       a.value.show(), e("open"), it(() => {
-        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, _(), (a.value?.itemsCount() === 0 || a.value?.itemsCount() === void 0) && a.value.hide();
+        const f = a.value.elementSize(), u = o.value.getBoundingClientRect(), m = window.innerHeight;
+        s.value = u.left, i.value = u.width, l.value = m - (u.y + u.height) < f.height ? u.top - f.height - 5 : u.height + u.top + 5, _(), (a.value?.itemsCount() === 0 || a.value?.itemsCount() === void 0) && a.value.hide();
       });
-    }, m = (b) => {
+    }, p = (b) => {
       d.value = "";
       let k = -1;
       for (let f = 0; f < n.value.length; f++)
@@ -7526,10 +7538,10 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
       const k = t.items.find((f) => f.id === b);
       return k ? k.title : b;
     })), g = (b, k, f) => {
-      const u = t.items.find((p) => p.title === f)?.id || f;
+      const u = t.items.find((m) => m.title === f)?.id || f;
       if (u) {
-        const p = n.value.indexOf(u);
-        p > -1 && n.value.splice(p, 1);
+        const m = n.value.indexOf(u);
+        m > -1 && n.value.splice(m, 1);
       }
     }, C = () => {
       if (d.value && !t.noNewTags) {
@@ -7537,8 +7549,8 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
         for (let k = 0; k < b.length; k++) {
           const f = b[k].toLowerCase().trim();
           let u = !1;
-          for (let p = 0; p < n.value.length; p++)
-            n.value[p] === f && (u = !0);
+          for (let m = 0; m < n.value.length; m++)
+            n.value[m] === f && (u = !0);
           u || n.value.push(f);
         }
         d.value = "";
@@ -7559,7 +7571,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
           T("div", dd, [
             (c(!0), w(me, null, we(E.value, (f, u) => (c(), H(Q(pe), {
               key: u,
-              onClick: Ce((p) => g(p, u, f), ["stop"]),
+              onClick: Ce((m) => g(m, u, f), ["stop"]),
               scale: "small"
             }, {
               default: Y(() => [
@@ -7597,7 +7609,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
           class: "dropdown-menu",
           style: ue($.value),
           "no-select": !1,
-          onSelect: m,
+          onSelect: p,
           "render-item-title": t.renderItemTitle,
           "before-item": t.beforeItem,
           "body-as-parent": t.bodyAsParent,
@@ -7659,7 +7671,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
       }
     }), a = I(null), o = I(null), s = I(0), i = I(0), l = I(0), d = I("");
     let v = !0;
-    const m = (g, C = !0) => {
+    const p = (g, C = !0) => {
       if (e("click", g), a.value.isShowed() && C) {
         a.value.hide();
         return;
@@ -7698,7 +7710,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
           class: "d-input-select",
           ref_key: "buttonRef",
           ref: o,
-          onClick: Ce(m, ["stop", "prevent"])
+          onClick: Ce(p, ["stop", "prevent"])
         }, [
           F(Q(et), {
             type: "hidden",
@@ -7709,7 +7721,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
             modelValue: d.value,
             "onUpdate:modelValue": C[1] || (C[1] = (b) => d.value = b),
             style: { "margin-bottom": "3px", "margin-top": "3px" },
-            onKeyup: C[2] || (C[2] = (b) => m(b, !1)),
+            onKeyup: C[2] || (C[2] = (b) => p(b, !1)),
             onInput: E
           }, {
             post: Y(() => [
@@ -7837,7 +7849,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
   },
   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), m = 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), p = I(null), _ = I(!1);
     N.mutations.addDataGrid(n.id), Be(() => {
       $(), setTimeout(() => {
         _.value = !0;
@@ -7849,7 +7861,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
         Object.hasOwn(Z, "search") && (Z.search === "string" || Z.search === "number" || Array.isArray(Z.search)) && (l.value[Z.key] = "");
       }
     }, E = async (V = !1) => {
-      V && (o.value = 1), d.value = !0, t("loading-change", !0), m.value = null;
+      V && (o.value = 1), d.value = !0, t("loading-change", !0), p.value = null;
       try {
         const Z = {
           page: o.value,
@@ -7867,7 +7879,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
         else
           throw new Error("Некорректный формат ответа от fetchData");
       } catch (Z) {
-        console.error("Ошибка при загрузке данных:", Z), m.value = Z.message, t("error", Z), a.value = [], v.value = 0;
+        console.error("Ошибка при загрузке данных:", Z), p.value = Z.message, t("error", Z), a.value = [], v.value = 0;
       } finally {
         d.value = !1, t("loading-change", !1);
       }
@@ -7909,7 +7921,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
       V.target.checked ? a.value.forEach((Z) => {
         N.mutations.addSelect(n.id, Z.id);
       }) : N.actions.unselectAll(n.id);
-    }, p = P(() => a.value.length === 0 ? !1 : a.value.every((V) => k(V.id))), y = (V) => {
+    }, m = P(() => a.value.length === 0 ? !1 : a.value.every((V) => k(V.id))), y = (V) => {
       n.selectable === "one" && (k(V.id) ? (N.actions.unselectAll(n.id), t("unselect", V)) : (N.mutations.select(n.id, V.id), t("select", V)));
     }, D = (V) => {
       s.value = parseInt(i.value), localStorage.setItem(`datagrid-perpage-${n.id}`, i.value);
@@ -7935,8 +7947,8 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
       loadData: E
     }), (V, Z) => (c(), w("div", Sd, [
       d.value ? (c(), w("div", _d, Cd)) : O("", !0),
-      m.value ? (c(), w("div", $d, [
-        ie(" Ошибка: " + G(m.value) + " ", 1),
+      p.value ? (c(), w("div", $d, [
+        ie(" Ошибка: " + G(p.value) + " ", 1),
         T("button", {
           onClick: E,
           class: "d-retry-btn"
@@ -7948,7 +7960,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
             T("tr", Od, [
               n.selectable === "check" ? (c(), w("th", Ld, [
                 F(un, {
-                  checked: p.value,
+                  checked: m.value,
                   onChange: Z[0] || (Z[0] = (U) => u(U)),
                   disabled: d.value
                 }, null, 8, ["checked", "disabled"])
@@ -8534,9 +8546,9 @@ function Rt(r) {
     const n = t.width, a = n && r.matchPatterns[n] || r.matchPatterns[r.defaultMatchWidth], o = e.match(a);
     if (!o)
       return null;
-    const s = o[0], i = n && r.parsePatterns[n] || r.parsePatterns[r.defaultParseWidth], l = Array.isArray(i) ? Vf(i, (m) => m.test(s)) : (
+    const s = o[0], i = n && r.parsePatterns[n] || r.parsePatterns[r.defaultParseWidth], l = Array.isArray(i) ? Vf(i, (p) => p.test(s)) : (
       // [TODO] -- I challenge you to fix the type
-      If(i, (m) => m.test(s))
+      If(i, (p) => p.test(s))
     );
     let d;
     d = r.valueCallback ? r.valueCallback(l) : l, d = t.valueCallback ? (
@@ -9409,23 +9421,23 @@ function Je(r, e, t) {
   if (!cf(i))
     throw new RangeError("Invalid time value");
   let l = e.match(ap).map((v) => {
-    const m = v[0];
-    if (m === "p" || m === "P") {
-      const _ = Nn[m];
+    const p = v[0];
+    if (p === "p" || p === "P") {
+      const _ = Nn[p];
       return _(v, a.formatLong);
     }
     return v;
   }).join("").match(rp).map((v) => {
     if (v === "''")
       return { isToken: !1, value: "'" };
-    const m = v[0];
-    if (m === "'")
+    const p = v[0];
+    if (p === "'")
       return { isToken: !1, value: lp(v) };
-    if (Hr[m])
+    if (Hr[p])
       return { isToken: !0, value: v };
-    if (m.match(ip))
+    if (p.match(ip))
       throw new RangeError(
-        "Format string contains an unescaped latin alphabet character `" + m + "`"
+        "Format string contains an unescaped latin alphabet character `" + p + "`"
       );
     return { isToken: !1, value: v };
   });
@@ -9437,10 +9449,10 @@ function Je(r, e, t) {
   };
   return l.map((v) => {
     if (!v.isToken) return v.value;
-    const m = v.value;
-    (!t?.useAdditionalWeekYearTokens && ba(m) || !t?.useAdditionalDayOfYearTokens && ya(m)) && Yn(m, e, String(r));
-    const _ = Hr[m[0]];
-    return _(i, m, a.localize, d);
+    const p = v.value;
+    (!t?.useAdditionalWeekYearTokens && ba(p) || !t?.useAdditionalDayOfYearTokens && ya(p)) && Yn(p, e, String(r));
+    const _ = Hr[p[0]];
+    return _(i, p, a.localize, d);
   }).join("");
 }
 function lp(r) {
@@ -10888,7 +10900,7 @@ function _a(r, e, t, n) {
     firstWeekContainsDate: i,
     weekStartsOn: l,
     locale: s
-  }, v = [new hp(n?.in, t)], m = e.match(em).map((C) => {
+  }, v = [new hp(n?.in, t)], p = e.match(em).map((C) => {
     const b = C[0];
     if (b in Nn) {
       const k = Nn[b];
@@ -10896,18 +10908,18 @@ function _a(r, e, t, n) {
     }
     return C;
   }).join("").match(Jp), _ = [];
-  for (let C of m) {
+  for (let C of p) {
     ba(C) && Yn(C, e, r), ya(C) && Yn(C, e, r);
     const b = C[0], k = Zp[b];
     if (k) {
       const { incompatibleTokens: f } = k;
       if (Array.isArray(f)) {
-        const p = _.find(
+        const m = _.find(
           (y) => f.includes(y.token) || y.token === b
         );
-        if (p)
+        if (m)
           throw new RangeError(
-            `The format string mustn't contain \`${p.fullToken}\` and \`${C}\` at the same time`
+            `The format string mustn't contain \`${m.fullToken}\` and \`${C}\` at the same time`
           );
       } else if (k.incompatibleTokens === "*" && _.length > 0)
         throw new RangeError(
@@ -11068,11 +11080,11 @@ const um = {
       return `${$} - ${E}`;
     }), v = ($, E) => {
       e("update:pageDate", E.value), e("yearClick");
-    }, m = () => e("update:pageDate", Da(t.pageDate, 10)), _ = () => e("update:pageDate", lr(t.pageDate, 10));
+    }, p = () => e("update:pageDate", Da(t.pageDate, 10)), _ = () => e("update:pageDate", lr(t.pageDate, 10));
     return ($, E) => (c(), w(me, null, [
       T("div", cm, [
         F(Qe, {
-          onClick: m,
+          onClick: p,
           component: Q(bn),
           size: "20",
           style: { cursor: "pointer" },
@@ -11144,14 +11156,14 @@ const um = {
       () => (f) => Je(f, "LLLL", {
         locale: t.locale
       })
-    ), o = (f, u, p, y) => y?.dates?.some((D) => En(f, D)) || y?.predicate?.(f) ? !1 : !u && !p ? !0 : u && qt(f, jt(u)) ? !1 : !(p && Wt(f, df(p))), s = P(
+    ), o = (f, u, m, y) => y?.dates?.some((D) => En(f, D)) || y?.predicate?.(f) ? !1 : !u && !m ? !0 : u && qt(f, jt(u)) ? !1 : !(m && Wt(f, df(m))), s = P(
       () => t.lowerLimit && (jn(t.lowerLimit, t.pageDate) || qt(t.pageDate, t.lowerLimit))
     ), i = P(
       () => t.upperLimit && (jn(t.upperLimit, t.pageDate) || Wt(t.pageDate, t.upperLimit))
     ), l = P(() => fa(t.pageDate)), d = P(() => da(t.pageDate)), v = P(() => ({
       start: l.value,
       end: d.value
-    })), m = P(() => ({
+    })), p = P(() => ({
       start: ut(l.value, {
         weekStartsOn: t.weekStartsOn
       }),
@@ -11160,27 +11172,27 @@ const um = {
       })
     })), _ = P(() => {
       const f = t.weekStartsOn, u = n.value(t.weekdayFormat);
-      return Array.from(Array(7)).map((p, y) => (f + y) % 7).map(
-        (p) => kn(/* @__PURE__ */ new Date(), p, {
+      return Array.from(Array(7)).map((m, y) => (f + y) % 7).map(
+        (m) => kn(/* @__PURE__ */ new Date(), m, {
           weekStartsOn: t.weekStartsOn
         })
       ).map(u);
     }), $ = P(() => {
       const f = /* @__PURE__ */ new Date(), u = n.value(t.format);
-      return ff(m.value).map(
-        (p) => ({
-          value: p,
-          display: u(p),
+      return ff(p.value).map(
+        (m) => ({
+          value: m,
+          display: u(m),
           //selected: !!props.selected && isSameDay(props.selected, value),
-          selected: !!t.pageDate && En(t.pageDate, p),
-          current: En(f, p),
-          disabled: !t.allowOutsideInterval && !sm(p, v.value) || !o(
-            p,
+          selected: !!t.pageDate && En(t.pageDate, m),
+          current: En(f, m),
+          disabled: !t.allowOutsideInterval && !sm(m, v.value) || !o(
+            m,
             t.lowerLimit,
             t.upperLimit,
             t.disabledDates
           ),
-          key: n.value("yyyy-MM-dd")(p)
+          key: n.value("yyyy-MM-dd")(m)
         })
       );
     }), E = () => {
@@ -11216,21 +11228,21 @@ const um = {
         }, null, 8, ["component", "class"])
       ]),
       T("div", mm, [
-        (c(!0), w(me, null, we(_.value, (p, y) => (c(), w("div", {
+        (c(!0), w(me, null, we(_.value, (m, y) => (c(), w("div", {
           class: "weekDay",
-          key: p
+          key: m
         }, [
           T("div", {
             class: oe([[5, 6].includes(y) ? "weekend" : ""])
-          }, G(p), 3)
+          }, G(m), 3)
         ]))), 128)),
-        (c(!0), w(me, null, we($.value, (p) => (c(), H(fr, {
-          key: p.key,
-          day: p.display,
-          disabled: p.disabled,
-          selected: p.selected,
+        (c(!0), w(me, null, we($.value, (m) => (c(), H(fr, {
+          key: m.key,
+          day: m.display,
+          disabled: m.disabled,
+          selected: m.selected,
           wide: !0,
-          onSelect: (y) => C(y, p)
+          onSelect: (y) => C(y, m)
         }, null, 8, ["day", "disabled", "selected", "onSelect"]))), 128))
       ])
     ], 64));
@@ -11281,7 +11293,7 @@ const um = {
           disabled: !s(g, t.lowerLimit, t.upperLimit)
         })
       )
-    ), v = P(() => rt(t.pageDate)), m = () => {
+    ), v = P(() => rt(t.pageDate)), p = () => {
       e("yearClick");
     }, _ = (g, C) => {
       e("update:pageDate", C.value), e("dayClick");
@@ -11297,7 +11309,7 @@ const um = {
         }, null, 8, ["component", "class"]),
         T("div", {
           style: { cursor: "pointer" },
-          onClick: m
+          onClick: p
         }, G(v.value), 1),
         F(Qe, {
           onClick: E,
@@ -11358,7 +11370,7 @@ const um = {
   },
   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 = (m, _) => {
+    const t = r, n = I(t.initDate ? t.initDate : /* @__PURE__ */ new Date()), a = I(t.mode), o = (p, _) => {
       n.value = _, e("monthPageChanged", _);
     }, s = () => {
       a.value = "day";
@@ -11368,10 +11380,10 @@ const um = {
       a.value = "year";
     }, d = P(() => Je(n.value, t.inputFormat, {
       locale: t.locale
-    })), v = (m) => {
-      e("select", m);
+    })), v = (p) => {
+      e("select", p);
     };
-    return (m, _) => (c(), w("div", null, [
+    return (p, _) => (c(), w("div", null, [
       a.value === "day" ? (c(), H(Zt, {
         key: 0,
         "page-date": n.value,
@@ -11469,7 +11481,7 @@ const um = {
       s.value = b, e("monthPageChanged", b);
     }, v = () => {
       i.value = "day";
-    }, m = () => {
+    }, p = () => {
       i.value = "month";
     }, _ = () => {
       i.value = "year";
@@ -11515,7 +11527,7 @@ const um = {
             "lower-limit": t.lowerLimit,
             "upper-limit": t.upperLimit,
             "onUpdate:pageDate": b[1] || (b[1] = (k) => d("day", k)),
-            onMonthClick: m,
+            onMonthClick: p,
             onYearClick: _,
             onSelect: E
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : O("", !0),
@@ -11536,7 +11548,7 @@ const um = {
             "lower-limit": t.lowerLimit,
             "upper-limit": t.upperLimit,
             "onUpdate:pageDate": b[3] || (b[3] = (k) => d("day", k)),
-            onYearClick: m
+            onYearClick: p
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : O("", !0),
           r.showCurrentDate ? (c(), w("div", xm, G($.value), 1)) : O("", !0)
         ]),
@@ -11625,7 +11637,7 @@ const um = {
       s.value = "day";
     }, v = () => {
       s.value = "month";
-    }, m = () => {
+    }, p = () => {
       s.value = "year";
     }, _ = P(() => Je(o.value, n.inputFormat, {
       locale: n.locale
@@ -11657,7 +11669,7 @@ const um = {
             "upper-limit": n.upperLimit,
             "onUpdate:pageDate": k[0] || (k[0] = (f) => l("day", f)),
             onMonthClick: v,
-            onYearClick: m,
+            onYearClick: p,
             onSelect: $
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : O("", !0),
           s.value === "month" ? (c(), H(Jt, {
@@ -11668,7 +11680,7 @@ const um = {
             "upper-limit": n.upperLimit,
             "onUpdate:pageDate": k[1] || (k[1] = (f) => l("day", f)),
             onDayClick: d,
-            onYearClick: m
+            onYearClick: p
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : O("", !0),
           s.value === "year" ? (c(), H(Kt, {
             key: 2,
@@ -11818,15 +11830,15 @@ const um = {
       if (a.value) {
         const u = a.value.split(" ");
         i.value = _a(u[0], t.inputFormat, /* @__PURE__ */ new Date());
-        const p = u[1].split(":");
-        s.value.h = p[0], s.value.m = p[1];
+        const m = u[1].split(":");
+        s.value.h = m[0], s.value.m = m[1];
       }
     };
     d();
     const v = () => {
       l.value = t.mode, d(), o.value.show();
-    }, m = (u, p) => {
-      i.value = p, e("monthPageChanged", p);
+    }, p = (u, m) => {
+      i.value = m, e("monthPageChanged", m);
     }, _ = () => {
       l.value = "day";
     }, $ = () => {
@@ -11846,11 +11858,11 @@ const um = {
     }, f = () => {
       s.value.h = parseInt(s.value.h) < 10 ? `0${parseInt(s.value.h)}` : s.value.h;
     };
-    return (u, p) => (c(), w("div", null, [
+    return (u, m) => (c(), w("div", null, [
       F(et, {
         label: t.label,
         modelValue: a.value,
-        "onUpdate:modelValue": p[0] || (p[0] = (y) => a.value = y),
+        "onUpdate:modelValue": m[0] || (m[0] = (y) => a.value = y),
         onClick: v,
         readonly: t.readOnly
       }, yt({ _: 2 }, [
@@ -11878,7 +11890,7 @@ const um = {
             locale: t.locale,
             "lower-limit": t.lowerLimit,
             "upper-limit": t.upperLimit,
-            "onUpdate:pageDate": p[1] || (p[1] = (y) => m("day", y)),
+            "onUpdate:pageDate": m[1] || (m[1] = (y) => p("day", y)),
             onMonthClick: $,
             onYearClick: E,
             onSelect: C
@@ -11889,7 +11901,7 @@ const um = {
             locale: t.locale,
             "lower-limit": t.lowerLimit,
             "upper-limit": t.upperLimit,
-            "onUpdate:pageDate": p[2] || (p[2] = (y) => m("day", y)),
+            "onUpdate:pageDate": m[2] || (m[2] = (y) => p("day", y)),
             onDayClick: _,
             onYearClick: E
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : O("", !0),
@@ -11899,7 +11911,7 @@ const um = {
             locale: t.locale,
             "lower-limit": t.lowerLimit,
             "upper-limit": t.upperLimit,
-            "onUpdate:pageDate": p[3] || (p[3] = (y) => m("day", y)),
+            "onUpdate:pageDate": m[3] || (m[3] = (y) => p("day", y)),
             onYearClick: $
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : O("", !0),
           r.showCurrentDate ? (c(), w("div", Mm, G(g.value), 1)) : O("", !0),
@@ -11910,7 +11922,7 @@ const um = {
               min: 0,
               max: 23,
               modelValue: s.value.h,
-              "onUpdate:modelValue": p[4] || (p[4] = (y) => s.value.h = y),
+              "onUpdate:modelValue": m[4] || (m[4] = (y) => s.value.h = y),
               style: { width: "50px" },
               "max-length": 2,
               "input-style": { fontSize: "1.2em", textAlign: "center" }
@@ -11921,7 +11933,7 @@ const um = {
               min: 0,
               max: 59,
               modelValue: s.value.m,
-              "onUpdate:modelValue": p[5] || (p[5] = (y) => s.value.m = y),
+              "onUpdate:modelValue": m[5] || (m[5] = (y) => s.value.m = y),
               style: { width: "50px" },
               "max-length": 2,
               "input-style": { fontSize: "1.2em", textAlign: "center" }
@@ -11940,7 +11952,7 @@ const um = {
               _: 1
             }),
             F(pe, {
-              onClick: p[6] || (p[6] = (y) => o.value.hide())
+              onClick: m[6] || (m[6] = (y) => o.value.hide())
             }, {
               default: Y(() => [
                 ie(G(t.close), 1)
@@ -12017,9 +12029,9 @@ const um = {
     (() => {
       n.initDate && (s.value = n.initDate, o.value.h = `${s.value.getHours()}`, o.value.m = `${s.value.getMinutes()}`, d(), l());
     })();
-    const m = () => {
+    const p = () => {
       i.value = n.mode, a.value.show();
-    }, _ = (p, y) => {
+    }, _ = (m, y) => {
       s.value = y, t("monthPageChanged", y);
     }, $ = () => {
       i.value = "day";
@@ -12029,16 +12041,16 @@ const um = {
       i.value = "year";
     }, C = P(() => Je(s.value, n.inputFormat, {
       locale: n.locale
-    })), b = (p) => {
-      t("select", p);
+    })), b = (m) => {
+      t("select", m);
     }, k = () => {
       s.value.setHours(parseInt(o.value.h)), s.value.setMinutes(parseInt(o.value.m)), t("apply", Je(s.value, n.inputFormat, { locale: n.locale })), a.value.hide();
     };
     return e({ show: () => {
-      m();
-    }, setDate: (p) => {
-      s.value = p;
-    } }), (p, y) => (c(), w("div", null, [
+      p();
+    }, setDate: (m) => {
+      s.value = m;
+    } }), (m, y) => (c(), w("div", null, [
       F(dt, {
         ref_key: "modalRef",
         ref: a,
@@ -12234,8 +12246,8 @@ const Dh = {
       // 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 || ($(this), u.touchStarted = !0, u.touchMoved = !1, u.swipeOutBounded = !1, u.isZooming = !1, u.startX = jr(f), u.startY = Wr(f), u.currentX = 0, u.currentY = 0, u.touchStartTime = f.timeStamp, u.hasSwipe = m(u, "swipe") || m(u, "swipe.left") || m(u, "swipe.right") || m(u, "swipe.top") || m(u, "swipe.bottom"), u.hasZoom = m(u, "zoom") || m(u, "zoom.in") || m(u, "zoom.out"), m(u, "hold") && (u.touchHoldTimer = setTimeout(function() {
+      var u = this.$$touchObj, m = f.type.indexOf("touch") >= 0, y = f.type.indexOf("mouse") >= 0, D = this;
+      m && (u.lastTouchStartTime = f.timeStamp), !(y && u.lastTouchStartTime && f.timeStamp - u.lastTouchStartTime < 350) && (u.touchStarted || ($(this), u.touchStarted = !0, u.touchMoved = !1, u.swipeOutBounded = !1, u.isZooming = !1, u.startX = jr(f), u.startY = Wr(f), u.currentX = 0, u.currentY = 0, u.touchStartTime = f.timeStamp, u.hasSwipe = p(u, "swipe") || p(u, "swipe.left") || p(u, "swipe.right") || p(u, "swipe.top") || p(u, "swipe.bottom"), u.hasZoom = p(u, "zoom") || p(u, "zoom.in") || p(u, "zoom.out"), p(u, "hold") && (u.touchHoldTimer = setTimeout(function() {
         u.touchHoldTimer = null, _(f, D, "hold");
       }, u.options.touchHoldTolerance)), _(f, this, "press")));
     }
@@ -12243,16 +12255,16 @@ const Dh = {
       var u = this.$$touchObj;
       if (u.touchStarted == !0)
         o(f, u, !1);
-      else if (m(u, "rollover") && f.clientX != null) {
-        var p = f;
+      else if (p(u, "rollover") && f.clientX != null) {
+        var m = 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);
+        m.clientX >= y.left && m.clientX <= y.right && m.clientY >= y.top && m.clientY <= y.bottom && o(f, u, !0);
       }
     }
-    function o(f, u = null, p = !1) {
+    function o(f, u = null, m = !1) {
       u == null && (u = this.$$touchObj);
       var y = jr(f), D = Wr(f), R = u.currentX != y || u.currentY != D;
-      if (u.currentX = y, u.currentY = D, !p)
+      if (u.currentX = y, u.currentY = D, !m)
         if (u.touchMoved) {
           if (u.hasSwipe && !u.swipeOutBounded) {
             var ne = u.options.swipeTolerance;
@@ -12262,12 +12274,12 @@ const Dh = {
           var K = u.options.tapTolerance;
           u.touchMoved = Math.abs(u.startX - u.currentX) > K || Math.abs(u.startY - u.currentY) > K, u.touchMoved && (g(u), _(f, u.element, "drag.once"));
         }
-      if (R && m(u, "rollover")) {
+      if (R && p(u, "rollover")) {
         var q = f.timeStamp;
         (u.touchRollTime == null || q > u.touchRollTime + u.options.rollOverFrequency) && (u.touchRollTime = q, _(f, u.element, "rollover"));
       }
-      if (!p) {
-        if (u.touchStarted && u.touchMoved && R && m(u, "drag")) {
+      if (!m) {
+        if (u.touchStarted && u.touchMoved && R && p(u, "drag")) {
           var q = f.timeStamp;
           (u.touchDragTime == null || q > u.touchDragTime + u.options.dragFrequency) && (u.touchDragTime = q, _(f, u.element, "drag"));
         }
@@ -12278,14 +12290,14 @@ const Dh = {
       }
     }
     function s(f, u) {
-      const p = u.changedTouches;
-      if (p.length !== 2) {
+      const m = u.changedTouches;
+      if (m.length !== 2) {
         f.isZooming = !1;
         return;
       }
       const y = Math.sqrt(
-        Math.pow(p[0].clientX - p[1].clientX, 2) + // horizontal distance
-        Math.pow(p[0].clientY - p[1].clientY, 2)
+        Math.pow(m[0].clientX - m[1].clientX, 2) + // horizontal distance
+        Math.pow(m[0].clientY - m[1].clientY, 2)
         // vertical distance
       );
       if (!f.isZooming) {
@@ -12293,7 +12305,7 @@ const Dh = {
         return;
       }
       const D = y / f.initialZoomDistance;
-      m(f, "zoom") && Math.abs(D - 1) > f.options.zoomDistance / f.initialZoomDistance && _(u, f.element, "zoom", D), (m(f, "zoom.in") || m(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;
+      p(f, "zoom") && Math.abs(D - 1) > f.options.zoomDistance / f.initialZoomDistance && _(u, f.element, "zoom", D), (p(f, "zoom.in") || p(f, "zoom.out")) && Math.abs(y - f.initialZoomDistance) > f.options.zoomInOutDistance && (y > f.initialZoomDistance ? _(u, f.element, "zoom.in") : _(u, f.element, "zoom.out")), f.isZooming = !1;
     }
     function i() {
       var f = this.$$touchObj;
@@ -12302,19 +12314,19 @@ const Dh = {
     function l(f) {
       var u = this.$$touchObj;
       if (u.touchStarted == !0) {
-        var p = f.type.indexOf("touch") >= 0, y = f.type.indexOf("mouse") >= 0;
-        p && (u.lastTouchEndTime = f.timeStamp);
-        var D = p && !u.touchHoldTimer;
+        var m = f.type.indexOf("touch") >= 0, y = f.type.indexOf("mouse") >= 0;
+        m && (u.lastTouchEndTime = f.timeStamp);
+        var D = m && !u.touchHoldTimer;
         if (g(u), u.touchStarted = !1, E(this), y && u.lastTouchEndTime && f.timeStamp - u.lastTouchEndTime < 350)
           return;
         if (_(f, this, "release"), u.touchMoved) {
           if (u.hasSwipe && !u.swipeOutBounded) {
             var R = u.options.swipeTolerance, K, ne = Math.abs(u.startY - u.currentY), q = Math.abs(u.startX - u.currentX);
-            (ne > R || q > R) && (q > R ? K = u.startX > u.currentX ? "left" : "right" : K = u.startY > u.currentY ? "top" : "bottom", m(u, "swipe." + K) ? _(f, this, "swipe." + K, K) : _(f, this, "swipe", K));
+            (ne > R || q > R) && (q > R ? K = u.startX > u.currentX ? "left" : "right" : K = u.startY > u.currentY ? "top" : "bottom", p(u, "swipe." + K) ? _(f, this, "swipe." + K, K) : _(f, this, "swipe", K));
           }
-        } else if (m(u, "longtap") && f.timeStamp - u.touchStartTime > u.options.longTapTimeInterval)
+        } else if (p(u, "longtap") && f.timeStamp - u.touchStartTime > u.options.longTapTimeInterval)
           f.cancelable && f.preventDefault(), _(f, this, "longtap");
-        else if (m(u, "hold") && D) {
+        else if (p(u, "hold") && D) {
           f.cancelable && f.preventDefault();
           return;
         } else
@@ -12327,12 +12339,12 @@ const Dh = {
     function v() {
       E(this);
     }
-    function m(f, u) {
-      var p = f.callbacks[u];
-      return p != null && p.length > 0;
+    function p(f, u) {
+      var m = f.callbacks[u];
+      return m != null && m.length > 0;
     }
-    function _(f, u, p, y) {
-      var D = u.$$touchObj, R = D.callbacks[p];
+    function _(f, u, m, y) {
+      var D = u.$$touchObj, R = D.callbacks[m];
       if (R == null || R.length === 0)
         return null;
       for (var K = 0; K < R.length; K++) {
@@ -12352,7 +12364,7 @@ const Dh = {
       f && f.touchHoldTimer && (clearTimeout(f.touchHoldTimer), f.touchHoldTimer = null);
     }
     function C(f, u) {
-      var p = f.$$touchObj || {
+      var m = f.$$touchObj || {
         element: f,
         // an object contains all callbacks registered,
         // key is event name, value is an array
@@ -12363,25 +12375,25 @@ const Dh = {
         options: t,
         events: {}
       };
-      return u && (p.options = Object.assign({}, p.options, u)), f.$$touchObj = p, f.$$touchObj;
+      return u && (m.options = Object.assign({}, m.options, u)), f.$$touchObj = m, f.$$touchObj;
     }
     function b(f) {
       for (const u in f)
         if (f.hasOwnProperty(u)) {
-          const [p, y] = f[u];
-          p.addEventListener(u, y);
+          const [m, y] = f[u];
+          m.addEventListener(u, y);
         }
     }
     function k(f) {
       for (const u in f)
         if (f.hasOwnProperty(u)) {
-          const [p, y] = f[u];
-          p.removeEventListener(u, y);
+          const [m, y] = f[u];
+          m.removeEventListener(u, y);
         }
     }
     r.directive(t.namespace, {
       beforeMount: function(f, u) {
-        var p = C(f), y = u.arg || "tap";
+        var m = C(f), y = u.arg || "tap";
         switch (y) {
           case "swipe":
             var D = u.modifiers;
@@ -12389,18 +12401,18 @@ const Dh = {
               for (var R in u.modifiers)
                 if (["left", "right", "top", "bottom"].indexOf(R) >= 0) {
                   var K = "swipe." + R;
-                  p.callbacks[K] = p.callbacks[K] || [], p.callbacks[K].push(u);
+                  m.callbacks[K] = m.callbacks[K] || [], m.callbacks[K].push(u);
                 }
             } else
-              p.callbacks.swipe = p.callbacks.swipe || [], p.callbacks.swipe.push(u);
+              m.callbacks.swipe = m.callbacks.swipe || [], m.callbacks.swipe.push(u);
             break;
           case "press":
           case "drag":
             u.modifiers.disablePassive;
           default:
-            p.callbacks[y] = p.callbacks[y] || [], p.callbacks[y].push(u);
+            m.callbacks[y] = m.callbacks[y] || [], m.callbacks[y].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])), b(p.events), p.hasBindTouchEvents = !0);
+        m.hasBindTouchEvents || (m.options.dragOutside ? (m.events.touchstart = [f, n], m.events.touchmove = [window, a.bind(f)], m.events.touchcancel = [window, i.bind(f)], m.events.touchend = [window, l.bind(f)]) : (m.events.touchstart = [f, n], m.events.touchmove = [f, a], m.events.touchcancel = [f, i], m.events.touchend = [f, l]), m.options.disableClick || (m.options.dragOutside ? (m.events.mousedown = [f, n], m.events.mousemove = [window, a.bind(f)], m.events.mouseup = [window, l.bind(f)], m.events.mouseenter = [f, d], m.events.mouseleave = [f, v]) : (m.events.mousedown = [f, n], m.events.mousemove = [f, o], m.events.mouseup = [f, l], m.events.mouseenter = [f, d], m.events.mouseleave = [f, v])), b(m.events), m.hasBindTouchEvents = !0);
       },
       unmounted: function(f) {
         var u = f.$$touchObj;