doph-js 0.4.62 → 0.4.64

package/dist/dophJs.js

@@ -125,7 +125,7 @@ const Se = (r, e) => {
       t("click", v);
     }, l = (v) => {
       t("contextmenu", v);
-    }, d = P(() => n.scale === "large" ? "button-lg" : n.scale === "small" ? "button-sm" : ""), g = P(() => n.disabled ? "disabled" : ""), p = (v) => !!a[v], S = P(() => p("default") ? "" : n.scale === "large" ? "d-button-lg-icon" : n.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), C = P(() => {
+    }, d = P(() => n.scale === "large" ? "button-lg" : n.scale === "small" ? "button-sm" : ""), g = P(() => n.disabled ? "disabled" : ""), m = (v) => !!a[v], S = P(() => m("default") ? "" : n.scale === "large" ? "d-button-lg-icon" : n.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), C = P(() => {
       const v = n.outline ? "-outline" : "";
       return n.type === "primary" ? `button${v}-blue` : n.type === "success" ? `button${v}-green` : n.type === "error" ? `button${v}-red` : n.type === "warning" ? `button${v}-orange` : n.type === "wait" ? `button${v}-violet` : n.outline ? `button${v}` : "";
     });
@@ -363,10 +363,10 @@ const Se = (r, e) => {
     }), n = (l, d) => {
       const { width: g } = getComputedStyle(l);
       l.style.width = g, l.style.position = "absolute", l.style.visibility = "hidden", l.style.height = "";
-      let { height: p } = getComputedStyle(l);
-      return l.style.width = d.width, l.style.position = d.position, l.style.visibility = d.visibility, l.style.height = it, l.style.overflow = "hidden", d.height && d.height !== it ? d.height : p;
-    }, a = (l, d, g, p, S) => {
-      const C = l.animate(p, S);
+      let { height: m } = getComputedStyle(l);
+      return l.style.width = d.width, l.style.position = d.position, l.style.visibility = d.visibility, l.style.height = it, l.style.overflow = "hidden", d.height && d.height !== it ? d.height : m;
+    }, a = (l, d, g, m, S) => {
+      const C = l.animate(m, S);
       l.style.height = d.height, C.onfinish = () => {
         l.style.overflow = d.overflow, g();
       };
@@ -392,13 +392,13 @@ const Se = (r, e) => {
         marginBottom: d.marginBottom
       }
     ], s = (l, d) => {
-      const g = l, p = t(g), S = n(g, p), C = o(S, p), E = { duration: e.duration, easing: e.easingEnter };
-      a(g, p, d, C, E);
+      const g = l, m = t(g), S = n(g, m), C = o(S, m), E = { duration: e.duration, easing: e.easingEnter };
+      a(g, m, d, C, E);
     }, i = (l, d) => {
-      const g = l, p = t(g), { height: S } = getComputedStyle(g);
+      const g = l, m = t(g), { height: S } = getComputedStyle(g);
       g.style.height = S, g.style.overflow = "hidden";
-      const C = o(S, p).reverse(), E = { duration: e.duration, easing: e.easingLeave };
-      a(g, p, d, C, E);
+      const C = o(S, m).reverse(), E = { duration: e.duration, easing: e.easingLeave };
+      a(g, m, d, C, E);
     };
     return (l, d) => (c(), H(Bn, {
       css: !1,
@@ -510,7 +510,7 @@ const Se = (r, e) => {
       }
     }, g = (y) => {
       e("nodefoldericonclick", { event: y.event, model: y.model });
-    }, p = (y) => {
+    }, m = (y) => {
       e("nodeclick", y);
     }, S = (y) => {
       e("nodedoubleclick", y);
@@ -546,7 +546,7 @@ const Se = (r, e) => {
       R > Z && R <= Z + W ? (a.value = !1, o.value = !0, s.value = !1) : R < Z + ne && R >= Z + ne - W ? (a.value = !1, o.value = !1, s.value = !0) : (a.value = te.state.trees[t.treeId].dropInside, o.value = !1, s.value = !1);
     }, f = () => {
       a.value = !1, o.value = !1, s.value = !1;
-    }, u = P(() => t.model.title.startsWith("-")), m = P(() => {
+    }, u = P(() => t.model.title.startsWith("-")), p = P(() => {
       if (t.model.title.startsWith("-")) {
         let [y, ...D] = t.model.title.split(" ");
         return D = D.join(" "), D;
@@ -555,8 +555,8 @@ const Se = (r, e) => {
     });
     return (y, D) => {
       const R = mt("d-tree-item", !0), Z = Yn("touch");
-      return Q(te).actions.beforeItem(t.treeId, r.model) ? u.value && !m.value ? (c(), b("li", wo, ko)) : u.value && m.value ? (c(), b("li", So, [
-        T("div", _o, G(Q(te).actions.renderTitle(t.treeId, m.value)), 1)
+      return Q(te).actions.beforeItem(t.treeId, r.model) ? u.value && !p.value ? (c(), b("li", wo, ko)) : u.value && p.value ? (c(), b("li", So, [
+        T("div", _o, G(Q(te).actions.renderTitle(t.treeId, p.value)), 1)
       ])) : t.model.component ? (c(), H(kr, {
         key: 3,
         tag: "li",
@@ -675,7 +675,7 @@ const Se = (r, e) => {
                   treeId: t.treeId,
                   items: t.items,
                   search: t.search,
-                  onNodeclick: p,
+                  onNodeclick: m,
                   onNodedoubleclick: S,
                   onNodedrop: C,
                   onNodecontext: E,
@@ -852,18 +852,18 @@ const Ze = Vo(), te = {
   emits: Object.keys(We),
   setup(r, { expose: e, emit: t }) {
     let n = fn({});
-    const a = I("false"), o = I(null), s = /* @__PURE__ */ new Set(), i = P(() => a.value && n), l = (g, p) => {
-      n = an.data, t(g, p, n), g === We.dragenter && (s.size || p.target === o.value) && s.add(p.target), g === We.dragleave && s.delete(p.target), g === We.drop && s.clear(), a.value = !!s.size;
+    const a = I("false"), o = I(null), s = /* @__PURE__ */ new Set(), i = P(() => a.value && n), l = (g, m) => {
+      n = an.data, t(g, m, n), g === We.dragenter && (s.size || m.target === o.value) && s.add(m.target), g === We.dragleave && s.delete(m.target), g === We.drop && s.clear(), a.value = !!s.size;
     };
     return e({
       elementSize: () => Kr(o)
-    }), (g, p) => (c(), H(Ae(r.tag), {
+    }), (g, m) => (c(), H(Ae(r.tag), {
       ref_key: "el",
       ref: o,
-      onDragenter: p[0] || (p[0] = (S) => l(Q(We).dragenter, S)),
-      onDragleave: p[1] || (p[1] = (S) => l(Q(We).dragleave, S)),
-      onDragover: p[2] || (p[2] = De((S) => l(Q(We).dragover, S), ["prevent"])),
-      onDrop: p[3] || (p[3] = De((S) => l(Q(We).drop, S), ["prevent"]))
+      onDragenter: m[0] || (m[0] = (S) => l(Q(We).dragenter, S)),
+      onDragleave: m[1] || (m[1] = (S) => l(Q(We).dragleave, S)),
+      onDragover: m[2] || (m[2] = De((S) => l(Q(We).dragover, S), ["prevent"])),
+      onDrop: m[3] || (m[3] = De((S) => l(Q(We).drop, S), ["prevent"]))
     }, {
       default: X(() => [
         le(g.$slots, "default", { transferData: i.value })
@@ -909,7 +909,7 @@ const Ze = Vo(), te = {
     Ze.on("menu-show-request", (u) => {
       a !== u && l();
     });
-    const g = () => o.value.elementSize(), p = () => o.value?.itemsCount(), S = (u) => {
+    const g = () => o.value.elementSize(), m = () => o.value?.itemsCount(), S = (u) => {
       o.value?.selectNode(u);
     }, C = () => {
       o.value?.unSelect();
@@ -921,7 +921,7 @@ const Ze = Vo(), te = {
       setTimeout(() => {
         const u = o.value?.$el;
         if (!u) return;
-        const m = u.style.transform;
+        const p = u.style.transform;
         u.style.transform = "";
         const y = u.getBoundingClientRect(), D = window.innerHeight, R = window.innerWidth;
         let Z = "";
@@ -929,7 +929,7 @@ const Ze = Vo(), te = {
           const ne = y.right - R + 10;
           Z = Z ? `${Z} translateX(-${ne}px)` : `translateX(-${ne}px)`;
         }
-        u.style.transform = Z || m;
+        u.style.transform = Z || p;
       }, 500);
     };
     e({
@@ -937,7 +937,7 @@ const Ze = Vo(), te = {
       hide: l,
       elementSize: g,
       isShowed: d,
-      itemsCount: p,
+      itemsCount: m,
       selectNode: S,
       unSelect: C,
       expandAll: E,
@@ -954,7 +954,7 @@ const Ze = Vo(), te = {
       window.addEventListener("scroll", $, !0), window.addEventListener("resize", f);
     }), qn(() => {
       window.removeEventListener("scroll", $, !0), window.removeEventListener("resize", f);
-    }), (u, m) => {
+    }), (u, p) => {
       const y = Yn("click-outside");
       return n.bodyAsParent ? (c(), H(Wr, {
         key: 0,
@@ -1018,21 +1018,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 (p) => {
-      p.preventDefault(), o.value = -1e4, s.value = -1e4, a.value.show(), await lt(), await lt();
+    })), l = async (m) => {
+      m.preventDefault(), o.value = -1e4, s.value = -1e4, a.value.show(), await lt(), await lt();
       const S = a.value.elementSize(), C = S.width;
       document.querySelector(".context-menu"), a.value.collapseAll();
       const E = window.innerWidth, v = window.innerHeight;
-      o.value = p.clientX, s.value = p.clientY, p.clientX + C > E && (o.value = p.clientX - C), p.clientY + S.height > v && (s.value = p.clientY - S.height), o.value = Math.max(2, Math.min(o.value, E - C - 2)), s.value = Math.max(2, Math.min(s.value, v - S.height - 2));
+      o.value = m.clientX, s.value = m.clientY, m.clientX + C > E && (o.value = m.clientX - C), m.clientY + S.height > v && (s.value = m.clientY - S.height), o.value = Math.max(2, Math.min(o.value, E - C - 2)), s.value = Math.max(2, Math.min(s.value, v - S.height - 2));
     }, d = () => {
       a.value.hide();
-    }, g = (p) => {
-      t("select", p);
+    }, g = (m) => {
+      t("select", m);
     };
     return e({
       show: l,
       hide: d
-    }), (p, S) => (c(), H(qt, {
+    }), (m, S) => (c(), H(qt, {
       ref_key: "dMenuRef",
       ref: a,
       onSelect: g,
@@ -1112,11 +1112,11 @@ const Ze = Vo(), te = {
       t("move", V);
     });
     const d = P(() => n.search ? te.actions.deepSearchByTitle(n.items, n.search) : n.items), g = (V) => {
-      p(n.items, V);
-    }, p = (V, K, q = "id", he = "children", ve = {}) => K && V && (V.find((qe) => {
+      m(n.items, V);
+    }, m = (V, K, q = "id", he = "children", ve = {}) => K && V && (V.find((qe) => {
       if (qe[q] === K)
         return ve.found = qe, qe.expanded = !0, !0;
-      if (p(qe[he], K, q, he, ve))
+      if (m(qe[he], K, q, he, ve))
         return qe.expanded = !0, !0;
     }), ve.found) ? ve.found : !1, S = (V = null) => {
       te.mutations.setItemSelect(i, V.model), !n.doubleClickExpand && n.clickExpand && te.actions.toggleItem(i, V.model), t("select", V);
@@ -1134,8 +1134,8 @@ const Ze = Vo(), te = {
     }, f = () => {
       for (let V = 0; V < n.items.length; V++)
         n.items[V].expanded = !1;
-    }, u = () => i, m = (V) => te.actions.deepSearch(n.items, V), y = (V) => {
-      m(V) && te.mutations.setItemSelect(i, m(V));
+    }, u = () => i, p = (V) => te.actions.deepSearch(n.items, V), y = (V) => {
+      p(V) && te.mutations.setItemSelect(i, p(V));
     }, D = () => {
       te.mutations.unSelect(i);
     }, R = (V) => {
@@ -1151,7 +1151,7 @@ const Ze = Vo(), te = {
       expandAll: $,
       collapseAll: f,
       getId: u,
-      getNode: m,
+      getNode: p,
       selectNode: y,
       itemsCount: me,
       expandNode: g,
@@ -1249,8 +1249,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, g = n ? "fixed" : "static", p = e.useMinWidthLayout ? `min-width:${o}px;` : "";
-      return `position:${g};z-index:${a};${p}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, g = n ? "fixed" : "static", m = e.useMinWidthLayout ? `min-width:${o}px;` : "";
+      return `position:${g};z-index:${a};${m}height:${s}px;padding-left:${i}px;transition-duration:${l}ms;transition-timing-function:${d};`;
     });
     return (n, a) => (c(), b("header", {
       class: "d-layout-header",
@@ -1298,8 +1298,8 @@ const Ze = Vo(), te = {
   },
   setup(r) {
     const e = r, t = P(() => {
-      const { fixed: n, top: a, zIndex: o, minWidth: s, height: i, paddingLeft: l, transitionDuration: d, transitionTimingFunction: g } = e, p = n ? "fixed" : "static", S = e.useMinWidthLayout ? `min-width: ${s}px;` : "";
-      return `position:${p};top:${a}px;z-index:${o};${S}height:${i}px;padding-left:${l}px;transition-duration:${d}ms;transition-timing-function:${g};`;
+      const { fixed: n, top: a, zIndex: o, minWidth: s, height: i, paddingLeft: l, transitionDuration: d, transitionTimingFunction: g } = e, m = n ? "fixed" : "static", S = e.useMinWidthLayout ? `min-width: ${s}px;` : "";
+      return `position:${m};top:${a}px;z-index:${o};${S}height:${i}px;padding-left:${l}px;transition-duration:${d}ms;transition-timing-function:${g};`;
     });
     return (n, a) => (c(), b("div", {
       class: "d-layout-tab",
@@ -1343,8 +1343,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, g = n ? "fixed" : "static", p = e.useMinWidthLayout ? `min-width:${o}px;` : "";
-      return `position:${g};z-index:${a};${p}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, g = n ? "fixed" : "static", m = e.useMinWidthLayout ? `min-width:${o}px;` : "";
+      return `position:${g};z-index:${a};${m}height:${s}px;padding-left:${i}px;transition-duration:${l}ms;transition-timing-function:${d};`;
     });
     return (n, a) => (c(), b("footer", {
       class: "d-layout-footer",
@@ -1439,8 +1439,8 @@ function Wo(r) {
   }
   function o() {
     var g;
-    const p = ((g = document.scrollingElement) === null || g === void 0 ? void 0 : g.scrollLeft) || 0;
-    a(p);
+    const m = ((g = document.scrollingElement) === null || g === void 0 ? void 0 : g.scrollLeft) || 0;
+    a(m);
   }
   function s() {
     o();
@@ -1552,35 +1552,35 @@ const qo = 1001, Uo = 999, Xo = 998, Bm = {
   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: m, transitionTimingFunction: y } = t;
+      const { transitionDuration: p, transitionTimingFunction: y } = t;
       return {
-        transitionDuration: m,
+        transitionDuration: p,
         transitionTimingFunction: y
       };
-    }), d = P(() => t.mode === "vertical"), g = P(() => t.isMobile || d.value ? 1003 : 1e3), p = P({
+    }), d = P(() => t.mode === "vertical"), g = P(() => t.isMobile || d.value ? 1003 : 1e3), m = P({
       get() {
         return t.sidebarCollapse;
       },
-      set(m) {
-        e("update:sidebar-collapse", m);
+      set(p) {
+        e("update:sidebar-collapse", p);
       }
     });
     function S() {
       e("sidebar-mask-click");
     }
-    const C = P(() => t.isMobile && !p.value), E = P(() => {
-      const { transitionDuration: m, transitionTimingFunction: y } = t;
-      return `background-color:${t.maskBg};transition-duration:${m}ms;transition-timing-function:${y};`;
+    const C = 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};`;
     }), v = P(() => {
-      const { sidebarWidth: m, sidebarCollapsedWidth: y } = t, D = t.isMobile ? 0 : y, R = p.value ? D : m;
+      const { sidebarWidth: p, sidebarCollapsedWidth: y } = t, D = t.isMobile ? 0 : y, R = m.value ? D : p;
       return t.sidebarVisible ? R : 0;
     }), _ = P(() => t.isMobile ? 0 : v.value), x = P(() => d.value ? _.value : 0), $ = P(
       () => !t.isMobile && !d.value && t.headerVisible ? t.headerHeight : 0
     ), f = P(() => {
-      let m = 0;
-      return t.fixedHeaderAndTab && (t.headerVisible && (m += t.headerHeight), t.tabVisible && (m += t.tabHeight)), m;
+      let p = 0;
+      return t.fixedHeaderAndTab && (t.headerVisible && (p += t.headerHeight), t.tabVisible && (p += t.tabHeight)), p;
     }), u = P(() => t.fixedFooter && t.footerVisible ? t.footerHeight : 0);
-    return (m, y) => (c(), b("div", {
+    return (p, y) => (c(), b("div", {
       class: "d-layout",
       style: ue(n.value)
     }, [
@@ -1593,7 +1593,7 @@ const qo = 1001, Uo = 999, Xo = 998, Bm = {
         style: s.value
       }), {
         default: X(() => [
-          le(m.$slots, "header")
+          le(p.$slots, "header")
         ]),
         _: 3
       }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : L("", !0),
@@ -1607,7 +1607,7 @@ const qo = 1001, Uo = 999, Xo = 998, Bm = {
         style: s.value
       }), {
         default: X(() => [
-          le(m.$slots, "tab")
+          le(p.$slots, "tab")
         ]),
         _: 3
       }, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) : L("", !0),
@@ -1617,7 +1617,7 @@ const qo = 1001, Uo = 999, Xo = 998, Bm = {
         "padding-top": $.value
       }), {
         default: X(() => [
-          le(m.$slots, "sidebar")
+          le(p.$slots, "sidebar")
         ]),
         _: 3
       }, 16, ["z-index", "width", "padding-top"])) : L("", !0),
@@ -1634,7 +1634,7 @@ const qo = 1001, Uo = 999, Xo = 998, Bm = {
         "overflow-hidden": r.addMainOverflowHidden
       }), {
         default: X(() => [
-          le(m.$slots, "default")
+          le(p.$slots, "default")
         ]),
         _: 3
       }, 16, ["padding-top", "padding-bottom", "padding-left", "overflow-hidden"]),
@@ -1647,7 +1647,7 @@ const qo = 1001, Uo = 999, Xo = 998, Bm = {
         style: i.value
       }), {
         default: X(() => [
-          le(m.$slots, "footer")
+          le(p.$slots, "footer")
         ]),
         _: 3
       }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : L("", !0)
@@ -1967,7 +1967,7 @@ const os = { style: { display: "flex", "flex-direction": "row", "justify-content
       });
     }, g = (C) => {
       t("select", C);
-    }, p = P(() => ({ left: i.value + "px", top: l.value + "px", position: n.bodyAsParent ? "absolute" : "fixed", ...n.menuStyle }));
+    }, m = P(() => ({ left: i.value + "px", top: l.value + "px", position: n.bodyAsParent ? "absolute" : "fixed", ...n.menuStyle }));
     e({
       show: d
     });
@@ -2000,7 +2000,7 @@ const os = { style: { display: "flex", "flex-direction": "row", "justify-content
         ref: o,
         items: n.items,
         class: "dropdown-menu",
-        style: ue(p.value),
+        style: ue(m.value),
         "no-select": !0,
         onSelect: g,
         "render-item-title": n.renderItemTitle,
@@ -2237,12 +2237,12 @@ const Cn = "[-+]?[0-9]*.?[0-9]+", Sr = [
     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((W) => W.state !== n.DESTROYED)), g = P(() => ws(t.width)), p = 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((W) => W.state !== n.DESTROYED)), g = P(() => ws(t.width)), m = P(() => {
       const { x: W, y: me } = Ss(t.position), ie = g.value.value, V = g.value.type, K = {
         width: ie + V
       };
       return me && (K[me] = "0px"), W && (W === "center" ? K.left = `calc(50% - ${+ie / 2}${V})` : K[W] = "0px"), K;
-    }), S = P(() => "bottom" in p.value), C = (W) => {
+    }), S = P(() => "bottom" in m.value), C = (W) => {
       e("click", W), t.closeOnClick && u(W);
     }, E = () => {
       t.pauseOnHover && o.value?.pause();
@@ -2271,14 +2271,14 @@ const Cn = "[-+]?[0-9]*.?[0-9]+", Sr = [
       const J = d.value.some((O) => O.title === W.title && O.text === W.text);
       (!V || !J) && (_e ? (a.value.push(we), e("start", we), d.value.length > t.max && (Ue = 0)) : (a.value.unshift(we), e("start", we), d.value.length > t.max && (Ue = d.value.length - 1)), Ue !== -1 && u(d.value[Ue]));
     }, x = (W) => {
-      m(W);
+      p(W);
     }, $ = (W) => [
       "d-notification-template",
       t.classes,
       W.type || ""
     ], f = (W) => i.value ? void 0 : { transition: `all ${W.speed}ms` }, u = (W) => {
       clearTimeout(W.timer), W.state = n.DESTROYED, ne(), e("destroy", W);
-    }, m = (W) => {
+    }, p = (W) => {
       const me = a.value.find((ie) => ie.id === W);
       me && u(me);
     }, y = () => {
@@ -2310,7 +2310,7 @@ const Cn = "[-+]?[0-9]*.?[0-9]+", Sr = [
       Ze.on("notification-add", _), Ze.on("notification-close", x);
     }), (W, me) => (c(), b("div", {
       class: "d-notification-group",
-      style: ue(p.value)
+      style: ue(m.value)
     }, [
       (c(), H(Ae(l.value), {
         name: r.animationName,
@@ -2620,10 +2620,10 @@ var Mn = function() {
   return Zr.Date.now();
 }, ki = "Expected a function", Si = Math.max, _i = Math.min;
 function Di(r, e, t) {
-  var n, a, o, s, i, l, d = 0, g = !1, p = !1, S = !0;
+  var n, a, o, s, i, l, d = 0, g = !1, m = !1, S = !0;
   if (typeof r != "function")
     throw new TypeError(ki);
-  e = $r(e) || 0, En(t) && (g = !!t.leading, p = "maxWait" in t, o = p ? Si($r(t.maxWait) || 0, e) : o, S = "trailing" in t ? !!t.trailing : S);
+  e = $r(e) || 0, En(t) && (g = !!t.leading, m = "maxWait" in t, o = m ? Si($r(t.maxWait) || 0, e) : o, S = "trailing" in t ? !!t.trailing : S);
   function C(y) {
     var D = n, R = a;
     return n = a = void 0, d = y, s = r.apply(R, D), s;
@@ -2633,11 +2633,11 @@ function Di(r, e, t) {
   }
   function v(y) {
     var D = y - l, R = y - d, Z = e - D;
-    return p ? _i(Z, o - R) : Z;
+    return m ? _i(Z, o - R) : Z;
   }
   function _(y) {
     var D = y - l, R = y - d;
-    return l === void 0 || D >= e || D < 0 || p && R >= o;
+    return l === void 0 || D >= e || D < 0 || m && R >= o;
   }
   function x() {
     var y = Mn();
@@ -2654,17 +2654,17 @@ function Di(r, e, t) {
   function u() {
     return i === void 0 ? s : $(Mn());
   }
-  function m() {
+  function p() {
     var y = Mn(), D = _(y);
     if (n = arguments, a = this, l = y, D) {
       if (i === void 0)
         return E(l);
-      if (p)
+      if (m)
         return clearTimeout(i), i = setTimeout(x, e), C(l);
     }
     return i === void 0 && (i = setTimeout(x, e)), s;
   }
-  return m.cancel = f, m.flush = u, m;
+  return p.cancel = f, p.flush = u, p;
 }
 const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
   key: 0,
@@ -2725,7 +2725,7 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
     //!props.form ? ref(null) : props.form.fields[props.name].ref
     const g = Di(() => {
       _();
-    }, 300), p = P({
+    }, 300), m = P({
       get: () => n.modelValue,
       //props.form?.fields[props.name].model.value,
       set: (D) => {
@@ -2737,7 +2737,7 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
       t("change", D), g.cancel(), _();
     }, _ = () => {
       if (!(!n.form || !n.form.fields || !n.form.fields[n.name].rules))
-        return o.value = mn.validate(p.value, n.form.fields[n.name].rules), !!o.value;
+        return o.value = mn.validate(m.value, n.form.fields[n.name].rules), !!o.value;
     };
     Be(() => {
       l.value = n.readonly, !n.autocomplete && !l.value && (l.value = !0, setTimeout(() => {
@@ -2747,12 +2747,12 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
     const x = () => {
       d.value?.focus();
     }, $ = () => {
-      p.value = "", t("update:modelValue", ""), t("input", ""), t("clear");
+      m.value = "", t("update:modelValue", ""), t("input", ""), t("clear");
     }, f = (D) => {
       i.value = D;
     }, u = (D) => {
       o.value = D;
-    }, m = (D) => {
+    }, p = (D) => {
       t("blur", D), g.cancel(), _();
     };
     return e({
@@ -2777,7 +2777,7 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
               id: Q(s),
               ref_key: "inputRef",
               ref: d,
-              "onUpdate:modelValue": R[0] || (R[0] = (Z) => p.value = Z),
+              "onUpdate:modelValue": R[0] || (R[0] = (Z) => m.value = Z),
               style: ue([{ width: "100%" }, n.inputStyle]),
               type: S.value,
               inputmode: r.inputMode,
@@ -2786,7 +2786,7 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
               onInput: E,
               onChange: v,
               onFocus: R[1] || (R[1] = (Z) => f(!0)),
-              onBlur: m,
+              onBlur: p,
               minlength: n.minLength,
               maxlength: n.maxLength,
               onFocusout: R[2] || (R[2] = (Z) => f(!1)),
@@ -2802,9 +2802,9 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
               disabled: n.disabled,
               readonly: l.value
             }, null, 46, Li), [
-              [At, p.value]
+              [At, m.value]
             ]),
-            n.clear && p.value?.length > 0 ? (c(), b("div", {
+            n.clear && m.value?.length > 0 ? (c(), b("div", {
               key: 0,
               class: "d-post-inside-button",
               onClick: $
@@ -2861,7 +2861,7 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
       }
       Tt(!0);
     };
-    return Be(s), e({ returnValue: i }), (g, p) => (c(), b("div", null, [
+    return Be(s), e({ returnValue: i }), (g, m) => (c(), b("div", null, [
       F(dt, { show: !0 }, {
         "modal-title": X(() => [
           se(G(t.title), 1)
@@ -2877,13 +2877,13 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
               F(et, {
                 style: { width: "100px" },
                 modelValue: a.value,
-                "onUpdate:modelValue": p[0] || (p[0] = (S) => a.value = S),
+                "onUpdate:modelValue": m[0] || (m[0] = (S) => a.value = S),
                 type: "text",
                 placeholder: "000",
                 maxlength: "3",
                 class: "text-center font-mono",
                 onInput: l,
-                onKeyup: p[1] || (p[1] = Xr((S) => i() && d(), ["enter"])),
+                onKeyup: m[1] || (m[1] = Xr((S) => i() && d(), ["enter"])),
                 focus: !0
               }, null, 8, ["modelValue"])
             ]),
@@ -2893,7 +2893,7 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
         "modal-footer": X(() => [
           T("div", ji, [
             F(fe, {
-              onClick: p[2] || (p[2] = (S) => Q(Tt)()),
+              onClick: m[2] || (m[2] = (S) => Q(Tt)()),
               disabled: !i()
             }, {
               default: X(() => [
@@ -2903,7 +2903,7 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
             }, 8, ["disabled"]),
             F(fe, {
               class: "button-red",
-              onClick: p[3] || (p[3] = (S) => Q(Tt)(!1))
+              onClick: m[3] || (m[3] = (S) => Q(Tt)(!1))
             }, {
               default: X(() => [
                 se("Нет")
@@ -3024,21 +3024,21 @@ const Qm = {
     tabs: Array
   },
   setup(r, { expose: e }) {
-    const t = r, n = Na(t, "tabs"), a = I([]), o = I(0), s = (p) => {
-      o.value = p, Ze.emit("change_tab", {
+    const t = r, n = Na(t, "tabs"), a = I([]), o = I(0), s = (m) => {
+      o.value = m, Ze.emit("change_tab", {
         id: t.id,
         index: o.value
       });
-    }, i = (p) => {
-      p && !a.value.includes(p) && a.value.push(p);
+    }, i = (m) => {
+      m && !a.value.includes(m) && a.value.push(m);
     };
     return e({
       refs: () => a.value,
       getSelectedIndex: () => o.value,
-      setSelectedIndex: (p) => {
-        s(p);
+      setSelectedIndex: (m) => {
+        s(m);
       }
-    }), (p, S) => (c(), b(pe, null, [
+    }), (m, S) => (c(), b(pe, null, [
       T("div", al, [
         (c(!0), b(pe, null, Ce(n.value, (C, E) => (c(), H(rl, {
           index: E,
@@ -3497,51 +3497,51 @@ const Qm = {
         B.mutations.setItems(n.id, n.items);
       }
     ), Be(() => {
-      const m = localStorage.getItem(`${n.id}-grid-field`), y = localStorage.getItem(`${n.id}-grid-dir`);
-      m && (B.mutations.setSortField(n.id, m), B.mutations.setSortDirection(n.id, y || "asc"));
+      const p = localStorage.getItem(`${n.id}-grid-field`), y = localStorage.getItem(`${n.id}-grid-dir`);
+      p && (B.mutations.setSortField(n.id, p), B.mutations.setSortDirection(n.id, y || "asc"));
     });
     let d = [];
-    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 g = (m, y) => {
+    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 g = (p, y) => {
       if (B.getters.getSortField(n.id) === y) {
         const R = B.getters.getSortDirection(n.id);
         R ? R === "asc" ? (B.mutations.setSortDirection(n.id, "desc"), localStorage.setItem(`${n.id}-grid-dir`, "desc")) : (B.mutations.setSortField(n.id, null), B.mutations.setSortDirection(n.id, null), localStorage.removeItem(`${n.id}-grid-field`), localStorage.removeItem(`${n.id}-grid-dir`)) : (B.mutations.setSortDirection(n.id, "asc"), localStorage.setItem(`${n.id}-grid-dir`, "asc"));
       } else
         B.mutations.setSortField(n.id, y), B.mutations.setSortDirection(n.id, "asc"), localStorage.setItem(`${n.id}-grid-field`, y), localStorage.setItem(`${n.id}-grid-dir`, "asc");
-    }, p = (m) => {
-      m.target.checked ? v.value.forEach((y) => {
+    }, m = (p) => {
+      p.target.checked ? v.value.forEach((y) => {
         B.getters.getSelected(n.id).includes(y.id) || B.mutations.addSelect(n.id, y.id);
       }) : v.value.forEach((y) => {
         B.mutations.unSelect(n.id, y.id);
       });
-    }, S = (m) => B.getters.getSelected(n.id).includes(m), C = (m, y) => {
-      m.target.checked ? (B.mutations.addSelect(n.id, y), t("check", { grid: n.id, id: y })) : (B.mutations.unSelect(n.id, y), t("uncheck", { grid: n.id, id: y }));
+    }, S = (p) => B.getters.getSelected(n.id).includes(p), C = (p, y) => {
+      p.target.checked ? (B.mutations.addSelect(n.id, y), t("check", { grid: n.id, id: y })) : (B.mutations.unSelect(n.id, y), t("uncheck", { grid: n.id, id: y }));
     }, E = P(() => v.value.length === 0 ? !1 : v.value.every(
-      (m) => B.getters.getSelected(n.id).includes(m.id)
+      (p) => B.getters.getSelected(n.id).includes(p.id)
     )), v = P(() => {
-      const m = a.value * o.value - o.value, y = a.value * o.value - 1;
+      const p = a.value * o.value - o.value, y = a.value * o.value - 1;
       let D = B.getters.getItems(n.id);
       for (let Z = 0; Z < n.columns.length; Z++) {
         const ne = n.columns[Z], W = l.value[ne.key];
         W && (Array.isArray(ne.search) ? D = D.filter((me) => String(me[ne.key]) === String(W)) : (ne.search === "string" || ne.search === "number") && (D = D.filter((me) => me[ne.key] && me[ne.key].toString().toUpperCase().includes(W.toString().toUpperCase()))));
       }
-      return D.slice(m, y + 1);
+      return D.slice(p, y + 1);
     }), _ = P(() => {
-      let m = [];
+      let p = [];
       for (let y in n.perPageOptions)
-        m.push({ label: n.perPageOptions[y], value: n.perPageOptions[y].toString() });
-      return m;
-    }), x = (m) => {
-      n.selectable === "one" && (B.getters.getSelected(n.id).includes(m.id) ? (B.actions.unselectAll(n.id), t("unselect")) : (B.mutations.select(n.id, m.id), t("select", m)));
-    }, $ = (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 });
+        p.push({ label: n.perPageOptions[y], value: n.perPageOptions[y].toString() });
+      return p;
+    }), x = (p) => {
+      n.selectable === "one" && (B.getters.getSelected(n.id).includes(p.id) ? (B.actions.unselectAll(n.id), t("unselect")) : (B.mutations.select(n.id, p.id), t("select", p)));
+    }, $ = (p) => {
+      o.value = parseInt(p.target.value), localStorage.setItem("datagrid-perpage", p.target.value), a.value = 1;
+    }, f = (p, y) => {
+      t("select", { e: p, row: y });
     };
     return e({
       getSelection: () => B.getters.getSelected(n.id)
-    }), (m, y) => (c(), b("div", null, [
+    }), (p, y) => (c(), b("div", null, [
       T("div", yl, [
         T("table", bl, [
           T("thead", wl, [
@@ -3549,7 +3549,7 @@ const Qm = {
               n.selectable === "check" ? (c(), b("th", kl, [
                 F(on, {
                   checked: E.value,
-                  onChange: y[0] || (y[0] = (D) => p(D))
+                  onChange: y[0] || (y[0] = (D) => m(D))
                 }, null, 8, ["checked"])
               ])) : L("", !0),
               (c(!0), b(pe, null, Ce(n.columns, (D) => (c(), b("th", {
@@ -3698,31 +3698,31 @@ const Qm = {
       if (t.canvas) {
         const {
           offsetX: g,
-          offsetY: p,
+          offsetY: m,
           width: S,
           height: C
         } = d(t.width, t.height, l.width, l.height);
-        a.drawImage(l, g, p, S, C), e("loaded"), i.value = !1;
+        a.drawImage(l, g, m, S, C), e("loaded"), i.value = !1;
       } else
         s.value = l.src, e("loaded"), i.value = !1;
     }, l.onerror = () => {
       l.src = t.srcFail, e("loaded"), i.value = !1;
     };
-    const d = (g, p, S, C, E = 1, v = 0.5, _ = 0.5) => {
-      const x = S / C, $ = g / p;
-      let f = g * E, u = p * E;
+    const d = (g, m, S, C, E = 1, v = 0.5, _ = 0.5) => {
+      const x = S / C, $ = g / m;
+      let f = g * E, u = m * E;
       return x < $ ? u = f / x : f = u * x, {
         width: f,
         height: u,
         offsetX: (g - f) * v,
-        offsetY: (p - u) * _
+        offsetY: (m - u) * _
       };
     };
     return Be(() => {
       t.canvas && (n = o.value, a = n.getContext("2d")), e("loading"), i.value = !0, l.src = t.src;
-    }), Re(() => t.src, (g, p) => {
+    }), Re(() => t.src, (g, m) => {
       e("loading"), i.value = !0, l.src = t.src;
-    }), (g, p) => (c(), b("div", {
+    }), (g, m) => (c(), b("div", {
       style: ue([{ position: "relative", display: "inline-block" }, {
         width: `${t.width}px`,
         height: `${t.height}px`,
@@ -3820,7 +3820,7 @@ const Qm = {
       o.value.focus();
     }, g = () => {
       o.value.style.height = "auto";
-    }, p = ($) => {
+    }, m = ($) => {
       t("input", $), n.autoHeight && (o.value.style.overflow = "hidden", o.value.style.minHeight = n.minHeight, o.value.style.maxHeight = n.maxHeight, o.value.style.height = "auto", o.value.style.height = `${o.value.scrollHeight}px`), l();
     }, S = () => {
       n.autoHeight && (o.value.style.height = "auto", o.value.style.height = `${o.value.scrollHeight}px`);
@@ -3850,7 +3850,7 @@ const Qm = {
         ref: o,
         "onUpdate:modelValue": f[0] || (f[0] = (u) => i.value = u),
         "on:update:modelValue": S,
-        onInput: p,
+        onInput: m,
         onChange: E,
         rows: n.rows,
         cols: n.cols,
@@ -3942,7 +3942,7 @@ const Qm = {
   setup(r, { expose: e, emit: t }) {
     const n = r, a = ct(), o = I(""), s = St(), i = I(!1), l = I(!1), d = I("password"), g = I(null);
     //!props.form ? ref(null) : props.form.fields[props.name].ref
-    const p = P({
+    const m = P({
       get: () => n.modelValue,
       //props.form?.fields[props.name].model.value,
       set: (u) => {
@@ -3952,7 +3952,7 @@ const Qm = {
       t("input", u), E();
     }, E = () => {
       if (!(!n.form || !n.form.fields || !n.form.fields[n.name].rules))
-        return o.value = mn.validate(p.value, n.form.fields[n.name].rules), !!o.value;
+        return o.value = mn.validate(m.value, n.form.fields[n.name].rules), !!o.value;
     };
     Be(() => {
       l.value = n.readonly, !n.autocomplete && !l.value && (l.value = !0, setTimeout(() => {
@@ -3974,7 +3974,7 @@ const Qm = {
       focus: v,
       setError: $,
       validate: E
-    }), (u, m) => (c(), b("div", {
+    }), (u, p) => (c(), b("div", {
       class: ae(["d-input-string", S.value])
     }, [
       T("div", tu, [
@@ -3988,14 +3988,14 @@ const Qm = {
               id: Q(s),
               ref_key: "inputRef",
               ref: g,
-              "onUpdate:modelValue": m[0] || (m[0] = (y) => p.value = y),
+              "onUpdate:modelValue": p[0] || (p[0] = (y) => m.value = y),
               style: { width: "100%" },
               type: d.value,
               placeholder: n.placeholder,
               onInput: C,
-              onFocus: m[1] || (m[1] = (y) => x(!0)),
+              onFocus: p[1] || (p[1] = (y) => x(!0)),
               onBlur: f,
-              onFocusout: m[2] || (m[2] = (y) => x(!1)),
+              onFocusout: p[2] || (p[2] = (y) => x(!1)),
               class: ae([
                 Q(a).pre ? "has-pre" : "",
                 Q(a).post ? "has-post" : "",
@@ -4004,7 +4004,7 @@ const Qm = {
               disabled: n.disabled,
               readonly: l.value
             }, null, 42, su), [
-              [At, p.value]
+              [At, m.value]
             ]),
             n.toggleView ? (c(), b("div", {
               key: 0,
@@ -4160,8 +4160,8 @@ var Zn = Ge({
           left: i - 5 + "px",
           top: l - 5 + "px"
         };
-        const d = n.getImageData(Math.min(i, this.size - 1), Math.min(l, this.size - 1), 1, 1), [g, p, S] = d.data;
-        this.$emit("selectSaturation", { r: g, g: p, b: S });
+        const d = n.getImageData(Math.min(i, this.size - 1), Math.min(l, this.size - 1), 1, 1), [g, m, S] = d.data;
+        this.$emit("selectSaturation", { r: g, g: m, b: S });
       };
       a(r);
       const o = () => {
@@ -4457,7 +4457,7 @@ var nr = Ge({
     },
     mousemoveHandler(r) {
       const { clientX: e, clientY: t } = r, { top: n, left: a, width: o, height: s } = this.suckerCanvas.getBoundingClientRect(), i = e - a, l = t - n, g = this.suckerCanvas.getContext("2d").getImageData(Math.min(i, o - 1), Math.min(l, s - 1), 1, 1);
-      let [p, S, C, E] = g.data;
+      let [m, S, C, E] = g.data;
       E = parseFloat((E / 255).toFixed(2));
       const v = this.suckerPreview.style;
       Object.assign(v, {
@@ -4469,7 +4469,7 @@ var nr = Ge({
         borderRadius: "50%",
         border: "2px solid #fff",
         boxShadow: "0 0 8px 0 rgba(0, 0, 0, 0.16)",
-        background: `rgba(${p}, ${S}, ${C}, ${E})`,
+        background: `rgba(${m}, ${S}, ${C}, ${E})`,
         zIndex: 95
       }), this.suckerArea.length && // @ts-ignore
       e >= this.suckerArea[0] && // @ts-ignore
@@ -4479,8 +4479,8 @@ var nr = Ge({
     },
     suckColor(r) {
       r && r.tagName !== "CANVAS" || (this.suckerPreview = document.createElement("div"), this.suckerPreview && document.body.appendChild(this.suckerPreview), document.addEventListener("mousemove", this.mousemoveHandler), document.addEventListener("mouseup", this.mousemoveHandler), r.addEventListener("click", (e) => {
-        const { clientX: t, clientY: n } = e, { top: a, left: o, width: s, height: i } = r.getBoundingClientRect(), l = t - o, d = n - a, p = r.getContext("2d").getImageData(Math.min(l, s - 1), Math.min(d, i - 1), 1, 1);
-        let [S, C, E, v] = p.data;
+        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 [S, C, E, v] = m.data;
         v = parseFloat((v / 255).toFixed(2)), this.$emit("selectSucker", { r: S, g: C, b: E, a: v });
       }));
     }
@@ -4906,7 +4906,7 @@ var Pt = Ge({
 });
 const Au = { class: "color-set" };
 function Hu(r, e, t, n, a, o) {
-  const s = mt("Saturation"), i = mt("Hue"), l = mt("Alpha"), d = mt("Preview"), g = mt("Sucker"), p = mt("Box"), S = mt("Colors");
+  const s = mt("Saturation"), i = mt("Hue"), l = mt("Alpha"), d = mt("Preview"), g = mt("Sucker"), m = mt("Box"), S = mt("Colors");
   return c(), H(
     "div",
     {
@@ -4961,14 +4961,14 @@ function Hu(r, e, t, n, a, o) {
         4
         /* STYLE */
       ),
-      F(p, {
+      F(m, {
         name: "HEX",
         color: r.modelHex,
         onInputColor: r.inputHex,
         onInputFocus: r.handleFocus,
         onInputBlur: r.handleBlur
       }, null, 8, ["color", "onInputColor", "onInputFocus", "onInputBlur"]),
-      F(p, {
+      F(m, {
         name: "RGBA",
         color: r.modelRgba,
         onInputColor: r.inputRgba,
@@ -5018,16 +5018,16 @@ const Ru = /* @__PURE__ */ T("div", { class: "color-indicator" }, null, -1), Nu
   emits: ["update:modelValue", "change"],
   setup(r, { emit: e }) {
     const t = r;
-    Un((p) => ({
+    Un((m) => ({
       "2c1f41d3": n.value
     }));
     const n = P({
       get: () => t.modelValue,
-      set: (p) => {
-        e("update:modelValue", p);
+      set: (m) => {
+        e("update:modelValue", m);
       }
-    }), a = I(null), o = I(n), s = I(null), i = (p) => {
-      s.value = t.format === "rgba" ? p.rgba : p.hex;
+    }), a = I(null), o = I(n), s = I(null), i = (m) => {
+      s.value = t.format === "rgba" ? m.rgba : m.hex;
     }, l = () => {
       a.value.show();
     }, d = {
@@ -5036,13 +5036,13 @@ const Ru = /* @__PURE__ */ T("div", { class: "color-indicator" }, null, -1), Nu
       }
     }, g = () => {
       if (t.format === "rgba") {
-        const { r: p, g: S, b: C, a: E } = s.value;
-        n.value = `rgba(${p}, ${S}, ${C}, ${E})`;
+        const { r: m, g: S, b: C, a: E } = s.value;
+        n.value = `rgba(${m}, ${S}, ${C}, ${E})`;
       } else
         n.value = s.value;
       a.value.hide(), e("change", n.value);
     };
-    return (p, S) => (c(), b("div", null, [
+    return (m, S) => (c(), b("div", null, [
       F(et, {
         pre: d,
         label: t.label,
@@ -5261,9 +5261,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, g = 0, p = 0;
+      var o, s = 1, i = t[a], l = 0, d = 0, g = 0, m = 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 + 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 ? (g = g - d, this.xPct.length + p >= 1 && p--) : (g = g + d, this.xPct.length - p >= 1 && p++), i = t[a + p] * s;
+        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 ? (g = g - d, this.xPct.length + m >= 1 && m--) : (g = g + d, this.xPct.length - m >= 1 && m++), i = t[a + m] * s;
       return e + g;
     }, r.prototype.toStepping = function(e) {
       return e = ec(this.xVal, this.xPct, e), e;
@@ -5613,7 +5613,7 @@ function ia(r) {
   return e.style = i[e.dir][e.ort], e;
 }
 function Dc(r, e, t) {
-  var n = Gu(), a = Ku(), o = a && Qu(), s = r, i, l, d, g, p, S, C = e.spectrum, E = [], v = [], _ = [], x = 0, $ = {}, f = !1, u = r.ownerDocument, m = e.documentElement || u.documentElement, y = u.body, D = u.dir === "rtl" || e.ort === 1 ? 0 : 100;
+  var n = Gu(), a = Ku(), o = a && Qu(), s = r, i, l, d, g, m, S, C = e.spectrum, E = [], v = [], _ = [], x = 0, $ = {}, f = !1, u = r.ownerDocument, p = e.documentElement || u.documentElement, y = u.body, D = u.dir === "rtl" || e.ort === 1 ? 0 : 100;
   function R(h, w) {
     var k = u.createElement("div");
     return w && je(k, w), h.appendChild(k), k;
@@ -5737,7 +5737,7 @@ function Dc(r, e, t) {
     }), j;
   }
   function O() {
-    p && (Tr(p), p = null);
+    m && (Tr(m), m = null);
   }
   function z(h) {
     O();
@@ -5746,7 +5746,7 @@ function Dc(r, e, t) {
         return String(Math.round(Y));
       }
     };
-    return p = s.appendChild(M(w, k, A)), p;
+    return m = s.appendChild(M(w, k, A)), m;
   }
   function N() {
     var h = i.getBoundingClientRect(), w = "offset" + ["Width", "Height"][e.ort];
@@ -5810,7 +5810,7 @@ function Dc(r, e, t) {
   }
   function Lt(h, w) {
     w.handle && (rn(w.handle, e.cssClasses.active), x -= 1), w.listeners.forEach(function(k) {
-      m.removeEventListener(k[0], k[1]);
+      p.removeEventListener(k[0], k[1]);
     }), x === 0 && (rn(s, e.cssClasses.drag), xn(), h.cursor && (y.style.cursor = "", y.removeEventListener("selectstart", Pr))), e.events.smoothSteps && (w.handleNumbers.forEach(function(k) {
       vt(k, v[k], !0, !0, !1, !1);
     }), w.handleNumbers.forEach(function(k) {
@@ -5827,7 +5827,7 @@ function Dc(r, e, t) {
         k = A.children[0], x += 1, je(k, e.cssClasses.active);
       }
       h.stopPropagation();
-      var Y = [], j = U(n.move, m, Kt, {
+      var Y = [], j = U(n.move, p, Kt, {
         // The event target has changed so we need to propagate the original one so that we keep
         // relying on it to extract target touches.
         target: h.target,
@@ -5840,13 +5840,13 @@ function Dc(r, e, t) {
         handleNumbers: w.handleNumbers,
         buttonsProperty: h.buttons,
         locations: v.slice()
-      }), re = U(n.end, m, Lt, {
+      }), re = U(n.end, p, Lt, {
         target: h.target,
         handle: k,
         listeners: Y,
         doNotReject: !0,
         handleNumbers: w.handleNumbers
-      }), ee = U("mouseout", m, tt, {
+      }), ee = U("mouseout", p, tt, {
         target: h.target,
         handle: k,
         listeners: Y,
@@ -6324,10 +6324,10 @@ const Ir = {
     Re(() => t.angle, (l) => {
       a.value = -~l;
     });
-    const s = (l, d, g, p) => Math.atan2(l - g, d - p) * (180 / Math.PI) * -1 + 180, i = (l) => {
+    const s = (l, d, g, m) => Math.atan2(l - g, d - m) * (180 / Math.PI) * -1 + 180, i = (l) => {
       if (o.value) {
-        let d = -~(n.value.offsetHeight || n.value.height) / 2, g = -~(n.value.offsetWidth || n.value.width) / 2, p = s(l.offsetX, l.offsetY, d, g);
-        a.value = -~p, e("angle", p);
+        let d = -~(n.value.offsetHeight || n.value.height) / 2, g = -~(n.value.offsetWidth || n.value.width) / 2, m = s(l.offsetX, l.offsetY, d, g);
+        a.value = -~m, e("angle", m);
       }
     };
     return (l, d) => (c(), b("div", null, [
@@ -6573,7 +6573,7 @@ function Fc() {
         return N && (_e(e.comma) || n("Missing comma before color stops")), {
           type: J,
           orientation: N,
-          colorStops: u(m)
+          colorStops: u(p)
         };
       });
     }
@@ -6593,12 +6593,12 @@ function Fc() {
       return M ? {
         type: "directional",
         value: M.value
-      } : p();
+      } : m();
     }
     function g() {
       return we("directional", e.sideOrCorner, 1);
     }
-    function p() {
+    function m() {
       return we("angular", e.angleValue, 1) || we("angular", e.radianValue, 1);
     }
     function S() {
@@ -6671,7 +6671,7 @@ function Fc() {
           M = J(), M ? O.push(M) : n("One extra comma");
       return O;
     }
-    function m() {
+    function p() {
       var J = y();
       return J || n("Expected color definition"), J.length = q(), J;
     }
@@ -6842,12 +6842,12 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
         e("update:modelValue", f);
       }
     }), a = I(null), o = I(null), s = I([{ code: "#FFFFFF" }]), i = I(""), l = I("linear"), d = I("0"), g = I("");
-    let p = 1;
+    let m = 1;
     const S = () => {
       a.value.show(), C();
     }, C = () => {
-      const m = n.value.split(";")[1].trim().split(":")[1].trim(), y = Hc.parse(m), D = y[0].type.split("-");
-      l.value = D[0], l.value === "linear" && (d.value = y[0].orientation.value), s.value = [], p = y[0].colorStops.length;
+      const p = n.value.split(";")[1].trim().split(":")[1].trim(), y = Hc.parse(p), D = y[0].type.split("-");
+      l.value = D[0], l.value === "linear" && (d.value = y[0].orientation.value), s.value = [], m = y[0].colorStops.length;
       const R = [];
       for (let Z = 0; Z < y[0].colorStops.length; Z++) {
         const ne = y[0].colorStops[Z].type === "hex" ? `#${y[0].colorStops[Z].value}` : `rgba(${y[0].colorStops[Z].value.join(",")})`;
@@ -6863,17 +6863,17 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
     }, v = () => {
       n.value = i.value, a.value.hide(), g.value = `${t.text}: ${s.value.length}`, e("change", n.value);
     }, _ = () => {
-      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);
+      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);
         o.value.updateStart(u);
       }
     }, x = (f) => {
-      if (p > 1) {
+      if (m > 1) {
         const u = o.value.get();
-        u.splice(f, 1), s.value.splice(f, 1), o.value.updateStart(u), p--;
+        u.splice(f, 1), s.value.splice(f, 1), o.value.updateStart(u), m--;
       }
     };
     Be(() => {
@@ -6883,18 +6883,18 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       if (!o.value)
         return;
       const f = l.value + "-gradient", u = o.value.position();
-      let m = [];
-      m.push(l.value === "radial" ? "circle" : `${d.value}deg`);
+      let p = [];
+      p.push(l.value === "radial" ? "circle" : `${d.value}deg`);
       for (let y = 0; y < s.value.length; y++)
-        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(", ")})`);
+        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(", ")})`);
     };
     return (f, u) => (c(), b("div", null, [
       F(et, {
         pre: E,
         label: t.label,
         modelValue: g.value,
-        "onUpdate:modelValue": u[0] || (u[0] = (m) => g.value = m),
+        "onUpdate:modelValue": u[0] || (u[0] = (p) => g.value = p),
         onClick: S,
         readonly: !0
       }, {
@@ -6908,7 +6908,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       }, 8, ["label", "modelValue"]),
       He(T("input", {
         type: "hidden",
-        "onUpdate:modelValue": u[1] || (u[1] = (m) => n.value = m)
+        "onUpdate:modelValue": u[1] || (u[1] = (p) => n.value = p)
       }, null, 512), [
         [Xn, n.value]
       ]),
@@ -6932,7 +6932,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
             ref_key: "sliderRef",
             ref: o,
             start: 50,
-            tooltips: { to: (m) => parseInt(m) },
+            tooltips: { to: (p) => parseInt(p) },
             "tooltip-hide": !0
           }, null, 8, ["tooltips"]),
           T("div", Rc, [
@@ -6940,7 +6940,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
               F(In, {
                 onChange: $,
                 modelValue: l.value,
-                "onUpdate:modelValue": u[2] || (u[2] = (m) => l.value = m),
+                "onUpdate:modelValue": u[2] || (u[2] = (p) => l.value = p),
                 options: [{ label: t.linear, value: "linear" }, { label: t.radial, value: "radial" }],
                 size: "wide"
               }, null, 8, ["modelValue", "options"])
@@ -6950,28 +6950,28 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
                 key: 0,
                 onChange: $,
                 modelValue: d.value,
-                "onUpdate:modelValue": u[3] || (u[3] = (m) => d.value = m)
+                "onUpdate:modelValue": u[3] || (u[3] = (p) => d.value = p)
               }, null, 8, ["modelValue"])) : L("", !0)
             ])
           ]),
-          (c(!0), b(pe, null, Ce(s.value, (m, y) => (c(), b("div", {
+          (c(!0), b(pe, null, Ce(s.value, (p, y) => (c(), b("div", {
             style: { display: "flex", gap: "5px", "align-items": "center", "justify-content": "center" },
             key: y
           }, [
             F(Bu, {
-              modelValue: m.code,
-              "onUpdate:modelValue": (D) => m.code = D,
+              modelValue: p.code,
+              "onUpdate:modelValue": (D) => p.code = D,
               style: { flex: "1" },
               format: "rgba",
               onChange: $
             }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-            Q(p) > 1 ? (c(), H(fe, {
+            Q(m) > 1 ? (c(), H(fe, {
               key: 0,
               icon: "MinusSharp",
               onClick: (D) => x(y)
             }, null, 8, ["onClick"])) : L("", !0)
           ]))), 128)),
-          Q(p) < t.maxColors ? (c(), b("div", Nc, [
+          Q(m) < t.maxColors ? (c(), b("div", Nc, [
             F(fe, { onClick: _ }, {
               default: X(() => [
                 se(G(t.add), 1)
@@ -6983,7 +6983,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
         "modal-footer": X(() => [
           T("div", Bc, [
             F(fe, {
-              onClick: u[4] || (u[4] = (m) => a.value.hide())
+              onClick: u[4] || (u[4] = (p) => a.value.hide())
             }, {
               default: X(() => [
                 se(G(t.close), 1)
@@ -7028,14 +7028,14 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       // Used to detect double click on touch devices.
       splitter: null,
       timeoutId: null
-    }), p = () => {
+    }), m = () => {
       document.addEventListener("mousemove", E, { passive: !1 }), document.addEventListener("mouseup", v), "ontouchstart" in window && (document.addEventListener("touchmove", E, { passive: !1 }), document.addEventListener("touchend", v));
     }, S = () => {
       document.removeEventListener("mousemove", E, { passive: !1 }), document.removeEventListener("mouseup", v), "ontouchstart" in window && (document.removeEventListener("touchmove", E, { passive: !1 }), document.removeEventListener("touchend", v));
     }, C = (M, O) => {
-      p(), d.value.mouseDown = !0, d.value.activeSplitter = O;
+      m(), d.value.mouseDown = !0, d.value.activeSplitter = O;
     }, E = (M) => {
-      t.movable && d.value.mouseDown && (M.preventDefault(), d.value.dragging = !0, m(f(M)), e("resize", a.value.map((O) => ({ min: O.min, max: O.max, size: O.size }))));
+      t.movable && d.value.mouseDown && (M.preventDefault(), d.value.dragging = !0, p(f(M)), e("resize", a.value.map((O) => ({ min: O.min, max: O.max, size: O.size }))));
     }, v = () => {
       d.value.dragging && e("resized", a.value.map((M) => ({ min: M.min, max: M.max, size: M.size }))), d.value.mouseDown = !1, setTimeout(() => {
         d.value.dragging = !1, S();
@@ -7059,7 +7059,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       M = M[t.horizontal ? "y" : "x"];
       const O = i.value[t.horizontal ? "clientHeight" : "clientWidth"];
       return t.rtl && !t.horizontal && (M = O - M), M * 100 / O;
-    }, m = (M) => {
+    }, p = (M) => {
       const O = d.value.activeSplitter;
       let z = {
         prevPanesSize: D(O),
@@ -7194,7 +7194,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
     maxSize: { type: [Number, String], default: 100 }
   },
   setup(r) {
-    const e = r, t = Ct("requestUpdate"), n = Ct("onPaneAdd"), a = Ct("horizontal"), o = Ct("onPaneRemove"), s = Ct("onPaneClick"), i = pn()?.uid, l = Ct("indexedPanes"), d = P(() => l.value[i]), g = I(null), p = P(() => {
+    const e = r, t = Ct("requestUpdate"), n = Ct("onPaneAdd"), a = Ct("horizontal"), o = Ct("onPaneRemove"), s = Ct("onPaneClick"), i = pn()?.uid, l = Ct("indexedPanes"), d = P(() => l.value[i]), g = I(null), m = P(() => {
       const v = isNaN(e.size) || e.size === void 0 ? 0 : parseFloat(e.size);
       return Math.max(Math.min(v, C.value), S.value);
     }), S = P(() => {
@@ -7211,11 +7211,11 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
         min: S.value,
         max: C.value,
         // The given size (useful to know the user intention).
-        givenSize: e.size === void 0 ? null : p.value,
-        size: p.value
+        givenSize: e.size === void 0 ? null : m.value,
+        size: m.value
         // The computed current size at any time.
       });
-    }), Re(() => p.value, (v) => t({ uid: i, size: v })), Re(() => S.value, (v) => t({ uid: i, min: v })), Re(() => C.value, (v) => t({ uid: i, max: v })), Gr(() => o(i)), (v, _) => (c(), b("div", {
+    }), Re(() => m.value, (v) => t({ uid: i, size: v })), Re(() => S.value, (v) => t({ uid: i, min: v })), Re(() => C.value, (v) => t({ uid: i, max: v })), Gr(() => o(i)), (v, _) => (c(), b("div", {
       ref_key: "paneEl",
       ref: g,
       class: "d-splitter__panel",
@@ -7308,7 +7308,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       set: (x) => {
         t("update:modelValue", x);
       }
-    }), o = I(null), s = I(null), i = I(0), l = I(0), d = I(0), g = I(""), p = I("");
+    }), o = I(null), s = I(null), i = I(0), l = I(0), d = I(0), g = I(""), m = I("");
     Re(() => a.value, () => {
       if (a.value === "")
         g.value = "";
@@ -7327,7 +7327,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       });
     }, C = () => {
       if (!(!n.form || !n.form.fields || !n.form.fields[n.name].rules))
-        return p.value = mn.validate(a.value, n.form.fields[n.name].rules), !!p.value;
+        return m.value = mn.validate(a.value, n.form.fields[n.name].rules), !!m.value;
     }, E = (x) => {
       a.value = x.model.id, g.value = x.model.title, t("select", x), C();
     }, v = P(() => ({ left: i.value + "px", width: l.value + "px", top: d.value + "px", position: n.bodyAsParent ? "absolute" : "fixed", ...n.menuStyle }));
@@ -7337,7 +7337,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
           n.items[x].id === a.value && (g.value = n.items[x].title);
     }), e({
       setError: (x) => {
-        p.value = x;
+        m.value = x;
       },
       validate: C
     }), (x, $) => (c(), b("div", Wc, [
@@ -7384,10 +7384,10 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
         class: "d-error text-red",
         innerHTML: n.error
       }, null, 8, nd)) : L("", !0),
-      p.value ? (c(), b("div", {
+      m.value ? (c(), b("div", {
         key: 3,
         class: "d-error text-red",
-        innerHTML: p.value
+        innerHTML: m.value
       }, null, 8, rd)) : L("", !0)
     ]));
   }
@@ -7421,11 +7421,6 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       type: Number,
       default: 100
     },
-    useIds: {
-      // Что попадает в результирующий массив. id или title
-      type: Boolean,
-      default: !1
-    },
     modelValue: Array,
     label: String
   },
@@ -7442,38 +7437,41 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
     Re(() => n, () => {
       t.sort && n.value.sort, a.value?.itemsCount() === 0 && a.value.hide();
     });
-    const a = I(null), o = I(null), s = I(0), i = I(0), l = I(0), d = I(""), g = P(() => {
-      let x = n.value;
-      return t.sort && x.sort(), x;
-    }), p = (x, $ = !0) => {
+    const a = I(null), o = I(null), s = I(0), i = I(0), l = I(0), d = I(""), g = (x, $ = !0) => {
       if (e("click", x), a.value.isShowed() && $) {
         a.value.hide();
         return;
       }
       a.value.show(), e("open"), lt(() => {
-        const f = a.value.elementSize(), u = o.value.getBoundingClientRect(), m = window.innerHeight;
-        s.value = u.left, i.value = u.width, l.value = m - (u.y + u.height) < f.height ? u.top - f.height - 5 : u.height + u.top + 5, C(), (a.value?.itemsCount() === 0 || a.value?.itemsCount() === void 0) && a.value.hide();
+        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, S(), (a.value?.itemsCount() === 0 || a.value?.itemsCount() === void 0) && a.value.hide();
       });
-    }, S = (x) => {
-      const $ = t.useIds ? x.model.id : x.model.title;
-      let f = -1;
-      for (let u = 0; u < n.value.length; u++)
-        n.value[u] === $ && (f = u);
-      f >= 0 ? n.value.splice(f, 1) : n.value.push($), e("select", x);
-    }, C = () => {
+    }, m = (x) => {
+      let $ = -1;
+      for (let f = 0; f < n.value.length; f++)
+        n.value[f] === x.model.id && ($ = f);
+      $ >= 0 ? n.value.splice($, 1) : n.value.push(x.model.id), e("select", x);
+    }, S = () => {
       a.value.unSelect();
       for (let x = 0; x < t.items.length; x++)
-        n.value.includes(t.items[x].title) && a.value.selectNode(t.items[x].id);
-    }, E = P(() => ({ left: s.value + "px", width: i.value + "px", top: l.value + "px", position: t.bodyAsParent ? "absolute" : "fixed", ...t.menuStyle })), v = (x, $, f) => {
-      n.value.splice($, 1);
+        n.value.includes(t.items[x].id) && a.value.selectNode(t.items[x].id);
+    }, C = P(() => ({ left: s.value + "px", width: i.value + "px", top: l.value + "px", position: t.bodyAsParent ? "absolute" : "fixed", ...t.menuStyle })), E = P(() => n.value.map((x) => {
+      const $ = t.items.find((f) => f.id === x);
+      return $ ? $.title : x;
+    })), v = (x, $, f) => {
+      const u = t.useIds ? t.items.find((p) => p.title === f)?.id : f;
+      if (u) {
+        const p = n.value.indexOf(u);
+        p > -1 && n.value.splice(p, 1);
+      }
     }, _ = () => {
       if (d.value) {
         const x = d.value.split(",");
         for (let $ = 0; $ < x.length; $++) {
           const f = x[$].toLowerCase().trim();
           let u = !1;
-          for (let m = 0; m < n.value.length; m++)
-            n.value[m] === f && (u = !0);
+          for (let p = 0; p < n.value.length; p++)
+            n.value[p] === f && (u = !0);
           u || n.value.push(f);
         }
         d.value = "";
@@ -7489,12 +7487,12 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
           class: "d-input-select",
           ref_key: "buttonRef",
           ref: o,
-          onClick: De(p, ["stop", "prevent"])
+          onClick: De(g, ["stop", "prevent"])
         }, [
           T("div", ud, [
-            (c(!0), b(pe, null, Ce(g.value, (f, u) => (c(), H(Q(fe), {
+            (c(!0), b(pe, null, Ce(E.value, (f, u) => (c(), H(Q(fe), {
               key: u,
-              onClick: De((m) => v(m, u), ["stop"]),
+              onClick: De((p) => v(p, u, f), ["stop"]),
               scale: "small"
             }, {
               default: X(() => [
@@ -7510,7 +7508,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
             style: { "margin-bottom": "3px", "margin-top": "3px" },
             onKeyup: [
               Xr(_, ["enter"]),
-              $[1] || ($[1] = (f) => p(f, !1))
+              $[1] || ($[1] = (f) => g(f, !1))
             ]
           }, {
             post: X(() => [
@@ -7527,9 +7525,9 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
           ref: a,
           items: t.items,
           class: "dropdown-menu",
-          style: ue(E.value),
+          style: ue(C.value),
           "no-select": !1,
-          onSelect: S,
+          onSelect: m,
           "render-item-title": t.renderItemTitle,
           "before-item": t.beforeItem,
           "body-as-parent": t.bodyAsParent,
@@ -7540,7 +7538,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       ])
     ], 64));
   }
-}, uh = /* @__PURE__ */ Se(cd, [["__scopeId", "data-v-1d371ab5"]]), dd = (r) => (jt("data-v-1460b3a5"), r = r(), Wt(), r), fd = {
+}, uh = /* @__PURE__ */ Se(cd, [["__scopeId", "data-v-94e1a740"]]), dd = (r) => (jt("data-v-1460b3a5"), r = r(), Wt(), r), fd = {
   key: 0,
   class: "d-label"
 }, pd = {
@@ -7591,7 +7589,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       }
     }), a = I(null), o = I(null), s = I(0), i = I(0), l = I(0), d = I("");
     let g = !0;
-    const p = (v, _ = !0) => {
+    const m = (v, _ = !0) => {
       if (e("click", v), a.value.isShowed() && _) {
         a.value.hide();
         return;
@@ -7630,7 +7628,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
           class: "d-input-select",
           ref_key: "buttonRef",
           ref: o,
-          onClick: De(p, ["stop", "prevent"])
+          onClick: De(m, ["stop", "prevent"])
         }, [
           F(Q(et), {
             type: "hidden",
@@ -7641,7 +7639,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
             modelValue: d.value,
             "onUpdate:modelValue": _[1] || (_[1] = (x) => d.value = x),
             style: { "margin-bottom": "3px", "margin-top": "3px" },
-            onKeyup: _[2] || (_[2] = (x) => p(x, !1)),
+            onKeyup: _[2] || (_[2] = (x) => m(x, !1)),
             onInput: E
           }, {
             post: X(() => [
@@ -7769,7 +7767,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
   },
   emits: ["action", "select", "unselect", "check", "uncheck", "loading-change", "error"],
   setup(r, { expose: e, emit: t }) {
-    const n = r, a = I([]), o = I(n.page), s = I(localStorage.getItem(`datagrid-perpage-${n.id}`) || n.perPage), i = I(s.value.toString()), l = I({}), d = I(!1), g = I(0), p = I(null), S = I(!1);
+    const n = r, a = I([]), o = I(n.page), s = I(localStorage.getItem(`datagrid-perpage-${n.id}`) || n.perPage), i = I(s.value.toString()), l = I({}), d = I(!1), g = I(0), m = I(null), S = I(!1);
     B.mutations.addDataGrid(n.id), Be(() => {
       C(), setTimeout(() => {
         S.value = !0;
@@ -7781,7 +7779,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
         Object.hasOwn(K, "search") && (K.search === "string" || K.search === "number" || Array.isArray(K.search)) && (l.value[K.key] = "");
       }
     }, E = async (V = !1) => {
-      V && (o.value = 1), d.value = !0, t("loading-change", !0), p.value = null;
+      V && (o.value = 1), d.value = !0, t("loading-change", !0), m.value = null;
       try {
         const K = {
           page: o.value,
@@ -7799,7 +7797,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
         else
           throw new Error("Некорректный формат ответа от fetchData");
       } catch (K) {
-        console.error("Ошибка при загрузке данных:", K), p.value = K.message, t("error", K), a.value = [], g.value = 0;
+        console.error("Ошибка при загрузке данных:", K), m.value = K.message, t("error", K), a.value = [], g.value = 0;
       } finally {
         d.value = !1, t("loading-change", !1);
       }
@@ -7841,7 +7839,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       V.target.checked ? a.value.forEach((K) => {
         B.mutations.addSelect(n.id, K.id);
       }) : B.actions.unselectAll(n.id);
-    }, m = P(() => a.value.length === 0 ? !1 : a.value.every((V) => $(V.id))), y = (V) => {
+    }, p = P(() => a.value.length === 0 ? !1 : a.value.every((V) => $(V.id))), y = (V) => {
       n.selectable === "one" && ($(V.id) ? (B.actions.unselectAll(n.id), t("unselect", V)) : (B.mutations.select(n.id, V.id), t("select", V)));
     }, D = (V) => {
       s.value = parseInt(i.value), localStorage.setItem(`datagrid-perpage-${n.id}`, i.value);
@@ -7867,8 +7865,8 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
       loadData: E
     }), (V, K) => (c(), b("div", xd, [
       d.value ? (c(), b("div", kd, _d)) : L("", !0),
-      p.value ? (c(), b("div", Dd, [
-        se(" Ошибка: " + G(p.value) + " ", 1),
+      m.value ? (c(), b("div", Dd, [
+        se(" Ошибка: " + G(m.value) + " ", 1),
         T("button", {
           onClick: E,
           class: "d-retry-btn"
@@ -7880,7 +7878,7 @@ const Hc = /* @__PURE__ */ zc(Ac), Rc = {
             T("tr", Td, [
               n.selectable === "check" ? (c(), b("th", Pd, [
                 F(on, {
-                  checked: m.value,
+                  checked: p.value,
                   onChange: K[0] || (K[0] = (q) => u(q)),
                   disabled: d.value
                 }, null, 8, ["checked", "disabled"])
@@ -8466,9 +8464,9 @@ function Ft(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) ? Ef(i, (p) => p.test(s)) : (
+    const s = o[0], i = n && r.parsePatterns[n] || r.parsePatterns[r.defaultParseWidth], l = Array.isArray(i) ? Ef(i, (m) => m.test(s)) : (
       // [TODO] -- I challenge you to fix the type
-      Lf(i, (p) => p.test(s))
+      Lf(i, (m) => m.test(s))
     );
     let d;
     d = r.valueCallback ? r.valueCallback(l) : l, d = t.valueCallback ? (
@@ -9341,23 +9339,23 @@ function Je(r, e, t) {
   if (!lf(i))
     throw new RangeError("Invalid time value");
   let l = e.match(np).map((g) => {
-    const p = g[0];
-    if (p === "p" || p === "P") {
-      const S = An[p];
+    const m = g[0];
+    if (m === "p" || m === "P") {
+      const S = An[m];
       return S(g, a.formatLong);
     }
     return g;
   }).join("").match(tp).map((g) => {
     if (g === "''")
       return { isToken: !1, value: "'" };
-    const p = g[0];
-    if (p === "'")
+    const m = g[0];
+    if (m === "'")
       return { isToken: !1, value: sp(g) };
-    if (Ar[p])
+    if (Ar[m])
       return { isToken: !0, value: g };
-    if (p.match(op))
+    if (m.match(op))
       throw new RangeError(
-        "Format string contains an unescaped latin alphabet character `" + p + "`"
+        "Format string contains an unescaped latin alphabet character `" + m + "`"
       );
     return { isToken: !1, value: g };
   });
@@ -9369,10 +9367,10 @@ function Je(r, e, t) {
   };
   return l.map((g) => {
     if (!g.isToken) return g.value;
-    const p = g.value;
-    (!t?.useAdditionalWeekYearTokens && ba(p) || !t?.useAdditionalDayOfYearTokens && ya(p)) && Hn(p, e, String(r));
-    const S = Ar[p[0]];
-    return S(i, p, a.localize, d);
+    const m = g.value;
+    (!t?.useAdditionalWeekYearTokens && ba(m) || !t?.useAdditionalDayOfYearTokens && ya(m)) && Hn(m, e, String(r));
+    const S = Ar[m[0]];
+    return S(i, m, a.localize, d);
   }).join("");
 }
 function sp(r) {
@@ -10820,7 +10818,7 @@ function _a(r, e, t, n) {
     firstWeekContainsDate: i,
     weekStartsOn: l,
     locale: s
-  }, g = [new pp(n?.in, t)], p = e.match(Zp).map((_) => {
+  }, g = [new pp(n?.in, t)], m = e.match(Zp).map((_) => {
     const x = _[0];
     if (x in An) {
       const $ = An[x];
@@ -10828,18 +10826,18 @@ function _a(r, e, t, n) {
     }
     return _;
   }).join("").match(Kp), S = [];
-  for (let _ of p) {
+  for (let _ of m) {
     ba(_) && Hn(_, e, r), ya(_) && Hn(_, e, r);
     const x = _[0], $ = Qp[x];
     if ($) {
       const { incompatibleTokens: f } = $;
       if (Array.isArray(f)) {
-        const m = S.find(
+        const p = S.find(
           (y) => f.includes(y.token) || y.token === x
         );
-        if (m)
+        if (p)
           throw new RangeError(
-            `The format string mustn't contain \`${m.fullToken}\` and \`${_}\` at the same time`
+            `The format string mustn't contain \`${p.fullToken}\` and \`${_}\` at the same time`
           );
       } else if ($.incompatibleTokens === "*" && S.length > 0)
         throw new RangeError(
@@ -11000,11 +10998,11 @@ const im = {
       return `${C} - ${E}`;
     }), g = (C, E) => {
       e("update:pageDate", E.value), e("yearClick");
-    }, p = () => e("update:pageDate", Da(t.pageDate, 10)), S = () => e("update:pageDate", ir(t.pageDate, 10));
+    }, m = () => e("update:pageDate", Da(t.pageDate, 10)), S = () => e("update:pageDate", ir(t.pageDate, 10));
     return (C, E) => (c(), b(pe, null, [
       T("div", lm, [
         F(Qe, {
-          onClick: p,
+          onClick: m,
           component: Q(hn),
           size: "20",
           style: { cursor: "pointer" },
@@ -11076,14 +11074,14 @@ const im = {
       () => (f) => Je(f, "LLLL", {
         locale: t.locale
       })
-    ), o = (f, u, m, y) => y?.dates?.some((D) => Tn(f, D)) || y?.predicate?.(f) ? !1 : !u && !m ? !0 : u && Yt(f, Nt(u)) ? !1 : !(m && Bt(f, uf(m))), s = P(
+    ), o = (f, u, p, y) => y?.dates?.some((D) => Tn(f, D)) || y?.predicate?.(f) ? !1 : !u && !p ? !0 : u && Yt(f, Nt(u)) ? !1 : !(p && Bt(f, uf(p))), s = P(
       () => t.lowerLimit && (Rn(t.lowerLimit, t.pageDate) || Yt(t.pageDate, t.lowerLimit))
     ), i = P(
       () => t.upperLimit && (Rn(t.upperLimit, t.pageDate) || Bt(t.pageDate, t.upperLimit))
     ), l = P(() => fa(t.pageDate)), d = P(() => da(t.pageDate)), g = P(() => ({
       start: l.value,
       end: d.value
-    })), p = P(() => ({
+    })), m = P(() => ({
       start: ut(l.value, {
         weekStartsOn: t.weekStartsOn
       }),
@@ -11092,27 +11090,27 @@ const im = {
       })
     })), S = P(() => {
       const f = t.weekStartsOn, u = n.value(t.weekdayFormat);
-      return Array.from(Array(7)).map((m, y) => (f + y) % 7).map(
-        (m) => yn(/* @__PURE__ */ new Date(), m, {
+      return Array.from(Array(7)).map((p, y) => (f + y) % 7).map(
+        (p) => yn(/* @__PURE__ */ new Date(), p, {
           weekStartsOn: t.weekStartsOn
         })
       ).map(u);
     }), C = P(() => {
       const f = /* @__PURE__ */ new Date(), u = n.value(t.format);
-      return cf(p.value).map(
-        (m) => ({
-          value: m,
-          display: u(m),
+      return cf(m.value).map(
+        (p) => ({
+          value: p,
+          display: u(p),
           //selected: !!props.selected && isSameDay(props.selected, value),
-          selected: !!t.pageDate && Tn(t.pageDate, m),
-          current: Tn(f, m),
-          disabled: !t.allowOutsideInterval && !am(m, g.value) || !o(
-            m,
+          selected: !!t.pageDate && Tn(t.pageDate, p),
+          current: Tn(f, p),
+          disabled: !t.allowOutsideInterval && !am(p, g.value) || !o(
+            p,
             t.lowerLimit,
             t.upperLimit,
             t.disabledDates
           ),
-          key: n.value("yyyy-MM-dd")(m)
+          key: n.value("yyyy-MM-dd")(p)
         })
       );
     }), E = () => {
@@ -11148,21 +11146,21 @@ const im = {
         }, null, 8, ["component", "class"])
       ]),
       T("div", fm, [
-        (c(!0), b(pe, null, Ce(S.value, (m, y) => (c(), b("div", {
+        (c(!0), b(pe, null, Ce(S.value, (p, y) => (c(), b("div", {
           class: "weekDay",
-          key: m
+          key: p
         }, [
           T("div", {
             class: ae([[5, 6].includes(y) ? "weekend" : ""])
-          }, G(m), 3)
+          }, G(p), 3)
         ]))), 128)),
-        (c(!0), b(pe, null, Ce(C.value, (m) => (c(), H(dr, {
-          key: m.key,
-          day: m.display,
-          disabled: m.disabled,
-          selected: m.selected,
+        (c(!0), b(pe, null, Ce(C.value, (p) => (c(), H(dr, {
+          key: p.key,
+          day: p.display,
+          disabled: p.disabled,
+          selected: p.selected,
           wide: !0,
-          onSelect: (y) => _(y, m)
+          onSelect: (y) => _(y, p)
         }, null, 8, ["day", "disabled", "selected", "onSelect"]))), 128))
       ])
     ], 64));
@@ -11213,7 +11211,7 @@ const im = {
           disabled: !s(v, t.lowerLimit, t.upperLimit)
         })
       )
-    ), g = P(() => rt(t.pageDate)), p = () => {
+    ), g = P(() => rt(t.pageDate)), m = () => {
       e("yearClick");
     }, S = (v, _) => {
       e("update:pageDate", _.value), e("dayClick");
@@ -11229,7 +11227,7 @@ const im = {
         }, null, 8, ["component", "class"]),
         T("div", {
           style: { cursor: "pointer" },
-          onClick: p
+          onClick: m
         }, G(g.value), 1),
         F(Qe, {
           onClick: E,
@@ -11290,7 +11288,7 @@ const im = {
   },
   emits: ["select", "monthPageChanged", "yearPageChanged", "decadePageChanged"],
   setup(r, { emit: e }) {
-    const t = r, n = I(t.initDate ? t.initDate : /* @__PURE__ */ new Date()), a = I(t.mode), o = (p, S) => {
+    const t = r, n = I(t.initDate ? t.initDate : /* @__PURE__ */ new Date()), a = I(t.mode), o = (m, S) => {
       n.value = S, e("monthPageChanged", S);
     }, s = () => {
       a.value = "day";
@@ -11300,10 +11298,10 @@ const im = {
       a.value = "year";
     }, d = P(() => Je(n.value, t.inputFormat, {
       locale: t.locale
-    })), g = (p) => {
-      e("select", p);
+    })), g = (m) => {
+      e("select", m);
     };
-    return (p, S) => (c(), b("div", null, [
+    return (m, S) => (c(), b("div", null, [
       a.value === "day" ? (c(), H(Gt, {
         key: 0,
         "page-date": n.value,
@@ -11401,7 +11399,7 @@ const im = {
       s.value = x, e("monthPageChanged", x);
     }, g = () => {
       i.value = "day";
-    }, p = () => {
+    }, m = () => {
       i.value = "month";
     }, S = () => {
       i.value = "year";
@@ -11447,7 +11445,7 @@ const im = {
             "lower-limit": t.lowerLimit,
             "upper-limit": t.upperLimit,
             "onUpdate:pageDate": x[1] || (x[1] = ($) => d("day", $)),
-            onMonthClick: p,
+            onMonthClick: m,
             onYearClick: S,
             onSelect: E
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : L("", !0),
@@ -11468,7 +11466,7 @@ const im = {
             "lower-limit": t.lowerLimit,
             "upper-limit": t.upperLimit,
             "onUpdate:pageDate": x[3] || (x[3] = ($) => d("day", $)),
-            onYearClick: p
+            onYearClick: m
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : L("", !0),
           r.showCurrentDate ? (c(), b("div", bm, G(C.value), 1)) : L("", !0)
         ]),
@@ -11557,7 +11555,7 @@ const im = {
       s.value = "day";
     }, g = () => {
       s.value = "month";
-    }, p = () => {
+    }, m = () => {
       s.value = "year";
     }, S = P(() => Je(o.value, n.inputFormat, {
       locale: n.locale
@@ -11589,7 +11587,7 @@ const im = {
             "upper-limit": n.upperLimit,
             "onUpdate:pageDate": $[0] || ($[0] = (f) => l("day", f)),
             onMonthClick: g,
-            onYearClick: p,
+            onYearClick: m,
             onSelect: C
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : L("", !0),
           s.value === "month" ? (c(), H(Qt, {
@@ -11600,7 +11598,7 @@ const im = {
             "upper-limit": n.upperLimit,
             "onUpdate:pageDate": $[1] || ($[1] = (f) => l("day", f)),
             onDayClick: d,
-            onYearClick: p
+            onYearClick: m
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : L("", !0),
           s.value === "year" ? (c(), H(Xt, {
             key: 2,
@@ -11750,15 +11748,15 @@ const im = {
       if (a.value) {
         const u = a.value.split(" ");
         i.value = _a(u[0], t.inputFormat, /* @__PURE__ */ new Date());
-        const m = u[1].split(":");
-        s.value.h = m[0], s.value.m = m[1];
+        const p = u[1].split(":");
+        s.value.h = p[0], s.value.m = p[1];
       }
     };
     d();
     const g = () => {
       l.value = t.mode, d(), o.value.show();
-    }, p = (u, m) => {
-      i.value = m, e("monthPageChanged", m);
+    }, m = (u, p) => {
+      i.value = p, e("monthPageChanged", p);
     }, S = () => {
       l.value = "day";
     }, C = () => {
@@ -11778,11 +11776,11 @@ const im = {
     }, f = () => {
       s.value.h = parseInt(s.value.h) < 10 ? `0${parseInt(s.value.h)}` : s.value.h;
     };
-    return (u, m) => (c(), b("div", null, [
+    return (u, p) => (c(), b("div", null, [
       F(et, {
         label: t.label,
         modelValue: a.value,
-        "onUpdate:modelValue": m[0] || (m[0] = (y) => a.value = y),
+        "onUpdate:modelValue": p[0] || (p[0] = (y) => a.value = y),
         onClick: g,
         readonly: t.readOnly
       }, Qr({ _: 2 }, [
@@ -11810,7 +11808,7 @@ const im = {
             locale: t.locale,
             "lower-limit": t.lowerLimit,
             "upper-limit": t.upperLimit,
-            "onUpdate:pageDate": m[1] || (m[1] = (y) => p("day", y)),
+            "onUpdate:pageDate": p[1] || (p[1] = (y) => m("day", y)),
             onMonthClick: C,
             onYearClick: E,
             onSelect: _
@@ -11821,7 +11819,7 @@ const im = {
             locale: t.locale,
             "lower-limit": t.lowerLimit,
             "upper-limit": t.upperLimit,
-            "onUpdate:pageDate": m[2] || (m[2] = (y) => p("day", y)),
+            "onUpdate:pageDate": p[2] || (p[2] = (y) => m("day", y)),
             onDayClick: S,
             onYearClick: E
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : L("", !0),
@@ -11831,7 +11829,7 @@ const im = {
             locale: t.locale,
             "lower-limit": t.lowerLimit,
             "upper-limit": t.upperLimit,
-            "onUpdate:pageDate": m[3] || (m[3] = (y) => p("day", y)),
+            "onUpdate:pageDate": p[3] || (p[3] = (y) => m("day", y)),
             onYearClick: C
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : L("", !0),
           r.showCurrentDate ? (c(), b("div", Cm, G(v.value), 1)) : L("", !0),
@@ -11842,7 +11840,7 @@ const im = {
               min: 0,
               max: 23,
               modelValue: s.value.h,
-              "onUpdate:modelValue": m[4] || (m[4] = (y) => s.value.h = y),
+              "onUpdate:modelValue": p[4] || (p[4] = (y) => s.value.h = y),
               style: { width: "50px" },
               "max-length": 2,
               "input-style": { fontSize: "1.2em", textAlign: "center" }
@@ -11853,7 +11851,7 @@ const im = {
               min: 0,
               max: 59,
               modelValue: s.value.m,
-              "onUpdate:modelValue": m[5] || (m[5] = (y) => s.value.m = y),
+              "onUpdate:modelValue": p[5] || (p[5] = (y) => s.value.m = y),
               style: { width: "50px" },
               "max-length": 2,
               "input-style": { fontSize: "1.2em", textAlign: "center" }
@@ -11872,7 +11870,7 @@ const im = {
               _: 1
             }),
             F(fe, {
-              onClick: m[6] || (m[6] = (y) => o.value.hide())
+              onClick: p[6] || (p[6] = (y) => o.value.hide())
             }, {
               default: X(() => [
                 se(G(t.close), 1)
@@ -11949,9 +11947,9 @@ const im = {
     (() => {
       n.initDate && (s.value = n.initDate, o.value.h = `${s.value.getHours()}`, o.value.m = `${s.value.getMinutes()}`, d(), l());
     })();
-    const p = () => {
+    const m = () => {
       i.value = n.mode, a.value.show();
-    }, S = (m, y) => {
+    }, S = (p, y) => {
       s.value = y, t("monthPageChanged", y);
     }, C = () => {
       i.value = "day";
@@ -11961,16 +11959,16 @@ const im = {
       i.value = "year";
     }, _ = P(() => Je(s.value, n.inputFormat, {
       locale: n.locale
-    })), x = (m) => {
-      t("select", m);
+    })), x = (p) => {
+      t("select", p);
     }, $ = () => {
       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: () => {
-      p();
-    }, setDate: (m) => {
-      s.value = m;
-    } }), (m, y) => (c(), b("div", null, [
+      m();
+    }, setDate: (p) => {
+      s.value = p;
+    } }), (p, y) => (c(), b("div", null, [
       F(dt, {
         ref_key: "modalRef",
         ref: a,
@@ -12166,8 +12164,8 @@ const Sh = {
       // NOTE: When adding props here, update `index.d.ts` as well!!
     }, e);
     function n(f) {
-      var u = this.$$touchObj, m = f.type.indexOf("touch") >= 0, y = f.type.indexOf("mouse") >= 0, D = this;
-      m && (u.lastTouchStartTime = f.timeStamp), !(y && u.lastTouchStartTime && f.timeStamp - u.lastTouchStartTime < 350) && (u.touchStarted || (C(this), u.touchStarted = !0, u.touchMoved = !1, u.swipeOutBounded = !1, u.isZooming = !1, u.startX = Yr(f), u.startY = jr(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() {
+      var u = this.$$touchObj, p = f.type.indexOf("touch") >= 0, y = f.type.indexOf("mouse") >= 0, D = this;
+      p && (u.lastTouchStartTime = f.timeStamp), !(y && u.lastTouchStartTime && f.timeStamp - u.lastTouchStartTime < 350) && (u.touchStarted || (C(this), u.touchStarted = !0, u.touchMoved = !1, u.swipeOutBounded = !1, u.isZooming = !1, u.startX = Yr(f), u.startY = jr(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() {
         u.touchHoldTimer = null, S(f, D, "hold");
       }, u.options.touchHoldTolerance)), S(f, this, "press")));
     }
@@ -12175,16 +12173,16 @@ const Sh = {
       var u = this.$$touchObj;
       if (u.touchStarted == !0)
         o(f, u, !1);
-      else if (p(u, "rollover") && f.clientX != null) {
-        var m = f;
+      else if (m(u, "rollover") && f.clientX != null) {
+        var p = f;
         const y = u.element.getBoundingClientRect();
-        m.clientX >= y.left && m.clientX <= y.right && m.clientY >= y.top && m.clientY <= y.bottom && o(f, u, !0);
+        p.clientX >= y.left && p.clientX <= y.right && p.clientY >= y.top && p.clientY <= y.bottom && o(f, u, !0);
       }
     }
-    function o(f, u = null, m = !1) {
+    function o(f, u = null, p = !1) {
       u == null && (u = this.$$touchObj);
       var y = Yr(f), D = jr(f), R = u.currentX != y || u.currentY != D;
-      if (u.currentX = y, u.currentY = D, !m)
+      if (u.currentX = y, u.currentY = D, !p)
         if (u.touchMoved) {
           if (u.hasSwipe && !u.swipeOutBounded) {
             var ne = u.options.swipeTolerance;
@@ -12194,12 +12192,12 @@ const Sh = {
           var Z = u.options.tapTolerance;
           u.touchMoved = Math.abs(u.startX - u.currentX) > Z || Math.abs(u.startY - u.currentY) > Z, u.touchMoved && (v(u), S(f, u.element, "drag.once"));
         }
-      if (R && p(u, "rollover")) {
+      if (R && m(u, "rollover")) {
         var W = f.timeStamp;
         (u.touchRollTime == null || W > u.touchRollTime + u.options.rollOverFrequency) && (u.touchRollTime = W, S(f, u.element, "rollover"));
       }
-      if (!m) {
-        if (u.touchStarted && u.touchMoved && R && p(u, "drag")) {
+      if (!p) {
+        if (u.touchStarted && u.touchMoved && R && m(u, "drag")) {
           var W = f.timeStamp;
           (u.touchDragTime == null || W > u.touchDragTime + u.options.dragFrequency) && (u.touchDragTime = W, S(f, u.element, "drag"));
         }
@@ -12210,14 +12208,14 @@ const Sh = {
       }
     }
     function s(f, u) {
-      const m = u.changedTouches;
-      if (m.length !== 2) {
+      const p = u.changedTouches;
+      if (p.length !== 2) {
         f.isZooming = !1;
         return;
       }
       const y = Math.sqrt(
-        Math.pow(m[0].clientX - m[1].clientX, 2) + // horizontal distance
-        Math.pow(m[0].clientY - m[1].clientY, 2)
+        Math.pow(p[0].clientX - p[1].clientX, 2) + // horizontal distance
+        Math.pow(p[0].clientY - p[1].clientY, 2)
         // vertical distance
       );
       if (!f.isZooming) {
@@ -12225,7 +12223,7 @@ const Sh = {
         return;
       }
       const D = y / f.initialZoomDistance;
-      p(f, "zoom") && Math.abs(D - 1) > f.options.zoomDistance / f.initialZoomDistance && S(u, f.element, "zoom", D), (p(f, "zoom.in") || p(f, "zoom.out")) && Math.abs(y - f.initialZoomDistance) > f.options.zoomInOutDistance && (y > f.initialZoomDistance ? S(u, f.element, "zoom.in") : S(u, f.element, "zoom.out")), f.isZooming = !1;
+      m(f, "zoom") && Math.abs(D - 1) > f.options.zoomDistance / f.initialZoomDistance && S(u, f.element, "zoom", D), (m(f, "zoom.in") || m(f, "zoom.out")) && Math.abs(y - f.initialZoomDistance) > f.options.zoomInOutDistance && (y > f.initialZoomDistance ? S(u, f.element, "zoom.in") : S(u, f.element, "zoom.out")), f.isZooming = !1;
     }
     function i() {
       var f = this.$$touchObj;
@@ -12234,19 +12232,19 @@ const Sh = {
     function l(f) {
       var u = this.$$touchObj;
       if (u.touchStarted == !0) {
-        var m = f.type.indexOf("touch") >= 0, y = f.type.indexOf("mouse") >= 0;
-        m && (u.lastTouchEndTime = f.timeStamp);
-        var D = m && !u.touchHoldTimer;
+        var p = f.type.indexOf("touch") >= 0, y = f.type.indexOf("mouse") >= 0;
+        p && (u.lastTouchEndTime = f.timeStamp);
+        var D = p && !u.touchHoldTimer;
         if (v(u), u.touchStarted = !1, E(this), y && u.lastTouchEndTime && f.timeStamp - u.lastTouchEndTime < 350)
           return;
         if (S(f, this, "release"), u.touchMoved) {
           if (u.hasSwipe && !u.swipeOutBounded) {
             var R = u.options.swipeTolerance, Z, ne = Math.abs(u.startY - u.currentY), W = Math.abs(u.startX - u.currentX);
-            (ne > R || W > R) && (W > R ? Z = u.startX > u.currentX ? "left" : "right" : Z = u.startY > u.currentY ? "top" : "bottom", p(u, "swipe." + Z) ? S(f, this, "swipe." + Z, Z) : S(f, this, "swipe", Z));
+            (ne > R || W > R) && (W > R ? Z = u.startX > u.currentX ? "left" : "right" : Z = u.startY > u.currentY ? "top" : "bottom", m(u, "swipe." + Z) ? S(f, this, "swipe." + Z, Z) : S(f, this, "swipe", Z));
           }
-        } else if (p(u, "longtap") && f.timeStamp - u.touchStartTime > u.options.longTapTimeInterval)
+        } else if (m(u, "longtap") && f.timeStamp - u.touchStartTime > u.options.longTapTimeInterval)
           f.cancelable && f.preventDefault(), S(f, this, "longtap");
-        else if (p(u, "hold") && D) {
+        else if (m(u, "hold") && D) {
           f.cancelable && f.preventDefault();
           return;
         } else
@@ -12259,12 +12257,12 @@ const Sh = {
     function g() {
       E(this);
     }
-    function p(f, u) {
-      var m = f.callbacks[u];
-      return m != null && m.length > 0;
+    function m(f, u) {
+      var p = f.callbacks[u];
+      return p != null && p.length > 0;
     }
-    function S(f, u, m, y) {
-      var D = u.$$touchObj, R = D.callbacks[m];
+    function S(f, u, p, y) {
+      var D = u.$$touchObj, R = D.callbacks[p];
       if (R == null || R.length === 0)
         return null;
       for (var Z = 0; Z < R.length; Z++) {
@@ -12284,7 +12282,7 @@ const Sh = {
       f && f.touchHoldTimer && (clearTimeout(f.touchHoldTimer), f.touchHoldTimer = null);
     }
     function _(f, u) {
-      var m = f.$$touchObj || {
+      var p = f.$$touchObj || {
         element: f,
         // an object contains all callbacks registered,
         // key is event name, value is an array
@@ -12295,25 +12293,25 @@ const Sh = {
         options: t,
         events: {}
       };
-      return u && (m.options = Object.assign({}, m.options, u)), f.$$touchObj = m, f.$$touchObj;
+      return u && (p.options = Object.assign({}, p.options, u)), f.$$touchObj = p, f.$$touchObj;
     }
     function x(f) {
       for (const u in f)
         if (f.hasOwnProperty(u)) {
-          const [m, y] = f[u];
-          m.addEventListener(u, y);
+          const [p, y] = f[u];
+          p.addEventListener(u, y);
         }
     }
     function $(f) {
       for (const u in f)
         if (f.hasOwnProperty(u)) {
-          const [m, y] = f[u];
-          m.removeEventListener(u, y);
+          const [p, y] = f[u];
+          p.removeEventListener(u, y);
         }
     }
     r.directive(t.namespace, {
       beforeMount: function(f, u) {
-        var m = _(f), y = u.arg || "tap";
+        var p = _(f), y = u.arg || "tap";
         switch (y) {
           case "swipe":
             var D = u.modifiers;
@@ -12321,18 +12319,18 @@ const Sh = {
               for (var R in u.modifiers)
                 if (["left", "right", "top", "bottom"].indexOf(R) >= 0) {
                   var Z = "swipe." + R;
-                  m.callbacks[Z] = m.callbacks[Z] || [], m.callbacks[Z].push(u);
+                  p.callbacks[Z] = p.callbacks[Z] || [], p.callbacks[Z].push(u);
                 }
             } else
-              m.callbacks.swipe = m.callbacks.swipe || [], m.callbacks.swipe.push(u);
+              p.callbacks.swipe = p.callbacks.swipe || [], p.callbacks.swipe.push(u);
             break;
           case "press":
           case "drag":
             u.modifiers.disablePassive;
           default:
-            m.callbacks[y] = m.callbacks[y] || [], m.callbacks[y].push(u);
+            p.callbacks[y] = p.callbacks[y] || [], p.callbacks[y].push(u);
         }
-        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, g]) : (m.events.mousedown = [f, n], m.events.mousemove = [f, o], m.events.mouseup = [f, l], m.events.mouseenter = [f, d], m.events.mouseleave = [f, g])), x(m.events), m.hasBindTouchEvents = !0);
+        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, g]) : (p.events.mousedown = [f, n], p.events.mousemove = [f, o], p.events.mouseup = [f, l], p.events.mouseenter = [f, d], p.events.mouseleave = [f, g])), x(p.events), p.hasBindTouchEvents = !0);
       },
       unmounted: function(f) {
         var u = f.$$touchObj;