doph-js 0.4.77 → 0.4.79

package/dist/dophJs.js

@@ -1,4 +1,4 @@
-import { useSlots as ct, computed as O, h as Nt, createBlock as H, openBlock as c, unref as G, ref as E, createElementBlock as b, Fragment as me, createCommentVNode as P, normalizeStyle as ue, normalizeClass as oe, renderSlot as se, createStaticVNode as Wn, resolveDynamicComponent as Ae, onMounted as Be, withDirectives as He, toDisplayString as Q, createElementVNode as T, vModelDynamic as Bt, withCtx as Y, createTextVNode as ie, Transition as qn, withModifiers as Ce, resolveComponent as mt, resolveDirective as Un, normalizeProps as vt, guardReactiveProps as gt, createVNode as F, renderList as we, pushScopeId as Ut, popScopeId as Xt, reactive as hn, onUnmounted as vn, Teleport as qr, createSlots as yt, nextTick as it, getCurrentInstance as gn, watch as Re, mergeProps as St, useCssVars as Xn, shallowRef as Ha, defineComponent as Ke, TransitionGroup as Ur, vModelCheckbox as Xr, withKeys as Gr, vModelSelect as Ra, toRef as Ba, KeepAlive as Na, vShow as Vn, vModelText as Gn, onBeforeUnmount as Qr, provide as wt, inject as Tt } from "vue";
+import { useSlots as ct, computed as O, h as Nt, createBlock as H, openBlock as c, unref as G, ref as E, createElementBlock as b, Fragment as me, createCommentVNode as P, normalizeStyle as ue, normalizeClass as oe, renderSlot as se, createStaticVNode as Wn, resolveDynamicComponent as He, onMounted as Be, withDirectives as Re, toDisplayString as Q, createElementVNode as T, vModelDynamic as Bt, withCtx as Y, createTextVNode as ie, Transition as qn, withModifiers as Ce, resolveComponent as mt, resolveDirective as Un, normalizeProps as vt, guardReactiveProps as gt, createVNode as F, renderList as we, pushScopeId as Ut, popScopeId as Xt, reactive as hn, onUnmounted as vn, Teleport as qr, createSlots as yt, nextTick as it, getCurrentInstance as gn, watch as ze, mergeProps as St, useCssVars as Xn, shallowRef as Ha, defineComponent as Ke, TransitionGroup as Ur, vModelCheckbox as Xr, withKeys as Gr, vModelSelect as Ra, toRef as Ba, KeepAlive as Na, vShow as Vn, vModelText as Gn, onBeforeUnmount as Qr, provide as wt, inject as Tt } from "vue";
 const Ge = {
   __name: "DIcon",
   props: {
@@ -125,7 +125,7 @@ const _e = (r, e) => {
       t("click", g);
     }, l = (g) => {
       t("contextmenu", g);
-    }, d = O(() => n.scale === "large" ? "button-lg" : n.scale === "small" ? "button-sm" : ""), v = O(() => n.disabled ? "disabled" : ""), m = (g) => !!a[g], S = O(() => m("default") ? "" : n.scale === "large" ? "d-button-lg-icon" : n.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), $ = O(() => {
+    }, f = O(() => n.scale === "large" ? "button-lg" : n.scale === "small" ? "button-sm" : ""), v = O(() => n.disabled ? "disabled" : ""), m = (g) => !!a[g], S = O(() => m("default") ? "" : n.scale === "large" ? "d-button-lg-icon" : n.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), $ = O(() => {
       const g = n.outline ? "-outline" : "";
       return n.type === "primary" ? `button${g}-blue` : n.type === "success" ? `button${g}-green` : n.type === "error" ? `button${g}-red` : n.type === "warning" ? `button${g}-orange` : n.type === "wait" ? `button${g}-violet` : n.outline ? `button${g}` : "";
     });
@@ -139,7 +139,7 @@ const _e = (r, e) => {
         ref: o,
         onClick: i,
         onContextmenu: l,
-        class: oe(["button", [n.class, d.value, $.value, v.value].join(" ")]),
+        class: oe(["button", [n.class, f.value, $.value, v.value].join(" ")]),
         style: ue(n.style)
       }, [
         se(g.$slots, "default", {}, void 0, !0),
@@ -152,10 +152,10 @@ const _e = (r, e) => {
         ref: o,
         onClick: i,
         onContextmenu: l,
-        class: oe(["button button-ext", [n.class, d.value, S.value, $.value, v.value].join(" ")]),
+        class: oe(["button button-ext", [n.class, f.value, S.value, $.value, v.value].join(" ")]),
         style: ue(n.style)
       }, [
-        n.icon ? (c(), H(Ae(Ge), {
+        n.icon ? (c(), H(He(Ge), {
           key: 0,
           component: s.value,
           color: "inherit"
@@ -216,12 +216,12 @@ const _e = (r, e) => {
     };
     return e({
       focus: i
-    }), (l, d) => !n.post && !n.pre ? (c(), b("div", Ja, [
+    }), (l, f) => !n.post && !n.pre ? (c(), b("div", Ja, [
       n.label ? (c(), b("div", eo, Q(n.label), 1)) : P("", !0),
-      He(T("input", {
+      Re(T("input", {
         ref_key: "inputRef",
         ref: a,
-        "onUpdate:modelValue": d[0] || (d[0] = (v) => s.value = v),
+        "onUpdate:modelValue": f[0] || (f[0] = (v) => s.value = v),
         type: n.password ? "password" : "text",
         class: oe(o.value),
         placeholder: n.placeholder,
@@ -233,11 +233,11 @@ const _e = (r, e) => {
       n.label ? (c(), b("div", ro, Q(n.label), 1)) : P("", !0),
       T("div", ao, [
         T("div", oo, [
-          He(T("input", {
+          Re(T("input", {
             ref_key: "inputRef",
             ref: a,
             class: oe(["d-input-post-field", o.value]),
-            "onUpdate:modelValue": d[1] || (d[1] = (v) => s.value = v),
+            "onUpdate:modelValue": f[1] || (f[1] = (v) => s.value = v),
             type: n.password ? "password" : "text",
             placeholder: n.placeholder,
             style: { width: "100%" }
@@ -286,11 +286,11 @@ const _e = (r, e) => {
           icon: n.pre.icon
         }, null, 8, ["scale", "onClick", "icon", "class"])),
         T("div", co, [
-          He(T("input", {
+          Re(T("input", {
             ref_key: "inputRef",
             ref: a,
             class: oe(["d-input-pre-field", o.value]),
-            "onUpdate:modelValue": d[2] || (d[2] = (v) => s.value = v),
+            "onUpdate:modelValue": f[2] || (f[2] = (v) => s.value = v),
             type: n.password ? "password" : "text",
             placeholder: n.placeholder,
             style: { width: "100%" }
@@ -360,17 +360,17 @@ const _e = (r, e) => {
       borderBottomWidth: l?.style.borderBottomWidth,
       marginTop: l?.style.marginTop,
       marginBottom: l?.style.marginBottom
-    }), n = (l, d) => {
+    }), n = (l, f) => {
       const { width: v } = getComputedStyle(l);
       l.style.width = v, l.style.position = "absolute", l.style.visibility = "hidden", l.style.height = "";
       let { height: m } = getComputedStyle(l);
-      return l.style.width = d.width, l.style.position = d.position, l.style.visibility = d.visibility, l.style.height = lt, l.style.overflow = "hidden", d.height && d.height !== lt ? d.height : m;
-    }, a = (l, d, v, m, S) => {
+      return l.style.width = f.width, l.style.position = f.position, l.style.visibility = f.visibility, l.style.height = lt, l.style.overflow = "hidden", f.height && f.height !== lt ? f.height : m;
+    }, a = (l, f, v, m, S) => {
       const $ = l.animate(m, S);
-      l.style.height = d.height, $.onfinish = () => {
-        l.style.overflow = d.overflow, v();
+      l.style.height = f.height, $.onfinish = () => {
+        l.style.overflow = f.overflow, v();
       };
-    }, o = (l, d) => [
+    }, o = (l, f) => [
       {
         height: lt,
         opacity: e.opacityClosed,
@@ -384,23 +384,23 @@ const _e = (r, e) => {
       {
         height: l,
         opacity: e.opacityOpened,
-        paddingTop: d.paddingTop,
-        paddingBottom: d.paddingBottom,
-        borderTopWidth: d.borderTopWidth,
-        borderBottomWidth: d.borderBottomWidth,
-        marginTop: d.marginTop,
-        marginBottom: d.marginBottom
+        paddingTop: f.paddingTop,
+        paddingBottom: f.paddingBottom,
+        borderTopWidth: f.borderTopWidth,
+        borderBottomWidth: f.borderBottomWidth,
+        marginTop: f.marginTop,
+        marginBottom: f.marginBottom
       }
-    ], s = (l, d) => {
+    ], s = (l, f) => {
       const v = l, m = t(v), S = n(v, m), $ = o(S, m), I = { duration: e.duration, easing: e.easingEnter };
-      a(v, m, d, $, I);
-    }, i = (l, d) => {
+      a(v, m, f, $, I);
+    }, i = (l, f) => {
       const v = l, m = t(v), { height: S } = getComputedStyle(v);
       v.style.height = S, v.style.overflow = "hidden";
       const $ = o(S, m).reverse(), I = { duration: e.duration, easing: e.easingLeave };
-      a(v, m, d, $, I);
+      a(v, m, f, $, I);
     };
-    return (l, d) => (c(), H(qn, {
+    return (l, f) => (c(), H(qn, {
       css: !1,
       onEnter: s,
       onLeave: i
@@ -446,22 +446,22 @@ const _e = (r, e) => {
   },
   setup(r) {
     const e = r, t = ct(), n = E(!1), a = O(() => n && e.transferData), o = O(() => ({ position: "fixed", top: "-1000px" })), s = (i, l) => {
-      const d = l.dataTransfer;
-      if ([We.dragenter, We.dragover].includes(i) && e.dropEffect && (d.dropEffect = e.dropEffect), i === We.dragstart) {
-        if (e.effectAllowed && (d.effectAllowed = e.effectAllowed), e.image || t.image) {
+      const f = l.dataTransfer;
+      if ([We.dragenter, We.dragover].includes(i) && e.dropEffect && (f.dropEffect = e.dropEffect), i === We.dragstart) {
+        if (e.effectAllowed && (f.effectAllowed = e.effectAllowed), e.image || t.image) {
           let v;
-          e.image ? (v = new Image(), v.src = e.image) : t.image && (v = t.image[0].elm), d.setDragImage && d.setDragImage(v, e.imageXOffset, e.imageYOffset);
+          e.image ? (v = new Image(), v.src = e.image) : t.image && (v = t.image[0].elm), f.setDragImage && f.setDragImage(v, e.imageXOffset, e.imageYOffset);
         }
         e.transferData !== void 0 && (ln.data = e.transferData, l.dataTransfer.setData("text", "")), n.value = !0;
       }
     };
-    return (i, l) => (c(), H(Ae(r.tag), {
+    return (i, l) => (c(), H(He(r.tag), {
       draggable: e.draggable,
-      onDrag: l[0] || (l[0] = (d) => s(G(We).drag, d)),
-      onDragstart: l[1] || (l[1] = Ce((d) => s(G(We).dragstart, d), ["stop"])),
-      onDragenter: l[2] || (l[2] = (d) => s(G(We).dragenter, d)),
-      onDragleave: l[3] || (l[3] = (d) => s(G(We).dragleave, d)),
-      onDragend: l[4] || (l[4] = (d) => s(G(We).dragend, d))
+      onDrag: l[0] || (l[0] = (f) => s(G(We).drag, f)),
+      onDragstart: l[1] || (l[1] = Ce((f) => s(G(We).dragstart, f), ["stop"])),
+      onDragenter: l[2] || (l[2] = (f) => s(G(We).dragenter, f)),
+      onDragleave: l[3] || (l[3] = (f) => s(G(We).dragleave, f)),
+      onDragend: l[4] || (l[4] = (f) => s(G(We).dragend, f))
     }, {
       default: Y(() => [
         se(i.$slots, "default", { transferData: a.value }),
@@ -500,7 +500,7 @@ const _e = (r, e) => {
   },
   emits: ["nodedrop", "nodedragover", "nodedragleave", "nodeclick", "nodecontext", "nodedoubleclick", "nodefoldericonclick"],
   setup(r, { emit: e }) {
-    const t = r, n = E(null), a = E(!1), o = E(!1), s = E(!1), i = O(() => t.model.children && t.model.children.length), l = O(() => (te.actions.isTreeExpanded(t.treeId) && (t.model.expanded = t.model.expanded === void 0 ? !0 : t.model.expanded), t.model.expanded)), d = (y) => {
+    const t = r, n = E(null), a = E(!1), o = E(!1), s = E(!1), i = O(() => t.model.children && t.model.children.length), l = O(() => (te.actions.isTreeExpanded(t.treeId) && (t.model.expanded = t.model.expanded === void 0 ? !0 : t.model.expanded), t.model.expanded)), f = (y) => {
       if (y.stopPropagation(), y.target.tagName !== "A") {
         if (y.target.closest(".icon") && !y.target.closest('[class*="tree-open"]')) {
           y.stopPropagation();
@@ -544,7 +544,7 @@ const _e = (r, e) => {
         return !1;
       const R = y.y, K = n.value.getBoundingClientRect().top, ne = n.value.getBoundingClientRect().height, q = ne / 3;
       R > K && R <= K + q ? (a.value = !1, o.value = !0, s.value = !1) : R < K + ne && R >= K + ne - q ? (a.value = !1, o.value = !1, s.value = !0) : (a.value = te.state.trees[t.treeId].dropInside, o.value = !1, s.value = !1);
-    }, f = () => {
+    }, d = () => {
       a.value = !1, o.value = !1, s.value = !1;
     }, u = O(() => t.model.title.startsWith("-")), p = O(() => {
       if (t.model.title.startsWith("-")) {
@@ -567,18 +567,18 @@ const _e = (r, e) => {
         onDragenter: C[1] || (C[1] = Ce(() => {
         }, ["prevent"])),
         onDragover: Ce(k, ["prevent", "stop"]),
-        onDragleave: Ce(f, ["prevent"])
+        onDragleave: Ce(d, ["prevent"])
       }, {
         default: Y(() => [
-          He((c(), b("div", {
+          Re((c(), b("div", {
             ref_key: "node",
             ref: n,
             class: oe(g.value),
             onContextmenu: C[0] || (C[0] = Ce((ne) => e("nodecontext", { e: ne, model: t.model }), ["prevent"]))
           }, [
-            (c(), H(Ae(G(Ot).getters.getComponent(t.model.component).component), vt(gt(G(Ot).getters.getComponent(t.model.component).props)), null, 16))
+            (c(), H(He(G(Ot).getters.getComponent(t.model.component).component), vt(gt(G(Ot).getters.getComponent(t.model.component).props)), null, 16))
           ], 34)), [
-            [K, d, "press"]
+            [K, f, "press"]
           ])
         ]),
         _: 1
@@ -592,7 +592,7 @@ const _e = (r, e) => {
         onDragenter: C[4] || (C[4] = Ce(() => {
         }, ["prevent"])),
         onDragover: Ce(k, ["prevent", "stop"]),
-        onDragleave: Ce(f, ["prevent"])
+        onDragleave: Ce(d, ["prevent"])
       }, {
         default: Y(() => [
           T("div", {
@@ -601,10 +601,10 @@ const _e = (r, e) => {
             class: oe(g.value),
             onDblclick: C[2] || (C[2] = Ce((ne) => e("nodedoubleclick", { e: ne, model: t.model }), ["prevent"])),
             onContextmenu: C[3] || (C[3] = Ce((ne) => e("nodecontext", { e: ne, model: t.model }), ["prevent"])),
-            onClick: Ce(d, ["stop"])
+            onClick: Ce(f, ["stop"])
           }, [
             T("div", null, [
-              t.model.icons && t.model.icons.pre && i.value && !t.search && !u.value ? (c(), H(Ae(Ge), {
+              t.model.icons && t.model.icons.pre && i.value && !t.search && !u.value ? (c(), H(He(Ge), {
                 key: 0,
                 component: G(Qe).getters.getIcon(t.model.icons.pre.component),
                 size: 18,
@@ -612,7 +612,7 @@ const _e = (r, e) => {
                 class: oe(l.value ? "tree-open-pre" : ""),
                 style: { "pointer-events": "none" }
               }, null, 8, ["component", "color", "class"])) : P("", !0),
-              t.model.icons && t.model.icons.pre && !i.value && !t.search && !u.value ? (c(), H(Ae(Ge), {
+              t.model.icons && t.model.icons.pre && !i.value && !t.search && !u.value ? (c(), H(He(Ge), {
                 key: 1,
                 component: G(Qe).getters.getIcon(t.model.icons.pre.component),
                 size: 18,
@@ -620,7 +620,7 @@ const _e = (r, e) => {
                 class: oe(l.value ? "tree-open-pre" : ""),
                 style: { "pointer-events": "none" }
               }, null, 8, ["component", "class"])) : P("", !0),
-              t.model.icons && t.model.icons.icon && !u.value ? (c(), H(Ae(Ge), {
+              t.model.icons && t.model.icons.icon && !u.value ? (c(), H(He(Ge), {
                 key: 2,
                 component: G(Qe).getters.getIcon(t.model.icons.icon.component),
                 color: t.model.icons.icon.color ? t.model.icons.icon.color : "inherit",
@@ -632,7 +632,7 @@ const _e = (r, e) => {
                 u.value ? (c(), b("div", $o)) : P("", !0),
                 !u.value && Object.hasOwn(t.model, "link") ? (c(), b("a", {
                   key: 1,
-                  onPointerdownCapture: d,
+                  onPointerdownCapture: f,
                   href: t.model.link,
                   target: Object.hasOwn(t.model, "target") ? t.model.target : "_self"
                 }, [
@@ -640,14 +640,14 @@ const _e = (r, e) => {
                 ], 40, Mo)) : P("", !0),
                 !u.value && !Object.hasOwn(t.model, "link") ? (c(), b("div", {
                   key: 2,
-                  onPointerdownCapture: d,
+                  onPointerdownCapture: f,
                   innerHTML: G(te).actions.renderTitle(t.treeId, t.model.title, t.model),
                   style: { "pointer-events": "none" }
                 }, null, 40, Po)) : P("", !0)
               ])
             ]),
             T("div", Oo, [
-              t.model.badge?.value !== void 0 && !u.value ? (c(), H(Ae(mo), {
+              t.model.badge?.value !== void 0 && !u.value ? (c(), H(He(mo), {
                 key: 0,
                 class: oe([t.model.badge?.class, "badge-sm"])
               }, {
@@ -656,7 +656,7 @@ const _e = (r, e) => {
                 ]),
                 _: 1
               }, 8, ["class"])) : P("", !0),
-              t.model.icons && t.model.icons.post && i.value && !t.search && !u.value ? (c(), H(Ae(Ge), {
+              t.model.icons && t.model.icons.post && i.value && !t.search && !u.value ? (c(), H(He(Ge), {
                 key: 1,
                 component: G(Qe).getters.getIcon(t.model.icons.post.component),
                 size: 20,
@@ -857,7 +857,7 @@ const Ze = Vo(), te = {
     };
     return e({
       elementSize: () => Kr(o)
-    }), (v, m) => (c(), H(Ae(r.tag), {
+    }), (v, m) => (c(), H(He(r.tag), {
       ref_key: "el",
       ref: o,
       onDragenter: m[0] || (m[0] = (S) => l(G(We).dragenter, S)),
@@ -905,7 +905,7 @@ const Ze = Vo(), te = {
       o.value?.collapseAll(), setTimeout(() => {
         s.value = !1;
       }, u);
-    }, d = () => s.value;
+    }, f = () => s.value;
     Ze.on("menu-show-request", (u) => {
       a !== u && l();
     });
@@ -936,7 +936,7 @@ const Ze = Vo(), te = {
       show: i,
       hide: l,
       elementSize: v,
-      isShowed: d,
+      isShowed: f,
       itemsCount: m,
       selectNode: S,
       unSelect: $,
@@ -947,20 +947,20 @@ const Ze = Vo(), te = {
       t("select", u), u.model.children || l(n.delayClick);
     }, k = (u) => {
       u.target === document && l();
-    }, f = () => {
+    }, d = () => {
       l();
     };
     return Be(() => {
-      window.addEventListener("scroll", k, !0), window.addEventListener("resize", f);
+      window.addEventListener("scroll", k, !0), window.addEventListener("resize", d);
     }), vn(() => {
-      window.removeEventListener("scroll", k, !0), window.removeEventListener("resize", f);
+      window.removeEventListener("scroll", k, !0), window.removeEventListener("resize", d);
     }), (u, p) => {
       const y = Un("click-outside");
       return n.bodyAsParent ? (c(), H(qr, {
         key: 0,
         to: "body"
       }, [
-        G(s) ? He((c(), H(zn, {
+        G(s) ? Re((c(), H(zn, {
           key: 0,
           ref_key: "treeRef",
           ref: o,
@@ -985,7 +985,7 @@ const Ze = Vo(), te = {
           [y, () => l()]
         ]) : P("", !0)
       ])) : (c(), b(me, { key: 1 }, [
-        G(s) ? He((c(), H(zn, {
+        G(s) ? Re((c(), H(zn, {
           key: 0,
           ref_key: "treeRef",
           ref: o,
@@ -1038,14 +1038,14 @@ const Ze = Vo(), te = {
       document.querySelector(".context-menu"), a.value.collapseAll();
       const I = window.innerWidth, g = window.innerHeight;
       o.value = m.clientX, s.value = m.clientY, m.clientX + $ > I && (o.value = m.clientX - $), m.clientY + S.height > g && (s.value = m.clientY - S.height), o.value = Math.max(2, Math.min(o.value, I - $ - 2)), s.value = Math.max(2, Math.min(s.value, g - S.height - 2));
-    }, d = () => {
+    }, f = () => {
       a.value.hide();
     }, v = (m) => {
       t("select", m);
     };
     return e({
       show: l,
-      hide: d
+      hide: f
     }), (m, S) => (c(), H(Gt, {
       ref_key: "dMenuRef",
       ref: a,
@@ -1132,7 +1132,7 @@ const Ze = Vo(), te = {
     }), Ze.on(`move-${i}`, (V) => {
       t("move", V);
     });
-    const d = O(() => n.search ? te.actions.deepSearchByTitle(n.items, n.search) : n.items), v = (V) => {
+    const f = O(() => n.search ? te.actions.deepSearchByTitle(n.items, n.search) : n.items), v = (V) => {
       m(n.items, V);
     }, m = (V, Z, U = "id", he = "children", ve = {}) => Z && V && (V.find((qe) => {
       if (qe[U] === Z)
@@ -1152,7 +1152,7 @@ const Ze = Vo(), te = {
     }, x = () => a.value.elementSize(), k = () => {
       for (let V = 0; V < n.items.length; V++)
         n.items[V].expanded = !0;
-    }, f = () => {
+    }, d = () => {
       for (let V = 0; V < n.items.length; V++)
         n.items[V].expanded = !1;
     }, u = () => i, p = (V) => te.actions.deepSearch(n.items, V), y = (V) => {
@@ -1161,7 +1161,7 @@ const Ze = Vo(), te = {
       te.mutations.unSelect(i);
     }, R = (V) => {
       n.contextClick({ e: V.e, model: V.model, target: s.value });
-    }, K = (V) => n.contextBeforeClick({ model: V, target: s.value }), ne = O(() => n.context), q = (V) => (ne.value && (s.value = V.model, o.value.show(V.e)), !1), fe = () => le(d.value), le = (V) => {
+    }, K = (V) => n.contextBeforeClick({ model: V, target: s.value }), ne = O(() => n.context), q = (V) => (ne.value && (s.value = V.model, o.value.show(V.e)), !1), fe = () => le(f.value), le = (V) => {
       let Z = 0;
       for (let U = 0; U < V.length; U++)
         Z += te.actions.beforeItem(i, V[U]) ? 1 : 0, V[U].children && V[U].children.length > 0 && (Z += le(V[U].children));
@@ -1170,7 +1170,7 @@ const Ze = Vo(), te = {
     return e({
       elementSize: x,
       expandAll: k,
-      collapseAll: f,
+      collapseAll: d,
       getId: u,
       getNode: p,
       selectNode: y,
@@ -1186,7 +1186,7 @@ const Ze = Vo(), te = {
     }, {
       default: Y(() => [
         se(V.$slots, "header"),
-        (c(!0), b(me, null, we(d.value, (U) => (c(), H(Io, {
+        (c(!0), b(me, null, we(f.value, (U) => (c(), H(Io, {
           key: U.id,
           model: U,
           treeId: G(i),
@@ -1278,8 +1278,8 @@ const Ze = Vo(), te = {
   },
   setup(r) {
     const e = r, t = O(() => {
-      const { fixed: n, zIndex: a, minWidth: o, height: s, paddingLeft: i, transitionDuration: l, transitionTimingFunction: d } = e, v = n ? "fixed" : "static", m = e.useMinWidthLayout ? `min-width:${o}px;` : "";
-      return `position:${v};z-index:${a};${m}height:${s}px;padding-left:${i}px;transition-duration:${l}ms;transition-timing-function:${d};`;
+      const { fixed: n, zIndex: a, minWidth: o, height: s, paddingLeft: i, transitionDuration: l, transitionTimingFunction: f } = e, v = n ? "fixed" : "static", m = e.useMinWidthLayout ? `min-width:${o}px;` : "";
+      return `position:${v};z-index:${a};${m}height:${s}px;padding-left:${i}px;transition-duration:${l}ms;transition-timing-function:${f};`;
     });
     return (n, a) => (c(), b("header", {
       class: "d-layout-header",
@@ -1327,8 +1327,8 @@ const Ze = Vo(), te = {
   },
   setup(r) {
     const e = r, t = O(() => {
-      const { fixed: n, top: a, zIndex: o, minWidth: s, height: i, paddingLeft: l, transitionDuration: d, transitionTimingFunction: v } = 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:${v};`;
+      const { fixed: n, top: a, zIndex: o, minWidth: s, height: i, paddingLeft: l, transitionDuration: f, transitionTimingFunction: v } = 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:${f}ms;transition-timing-function:${v};`;
     });
     return (n, a) => (c(), b("div", {
       class: "d-layout-tab",
@@ -1372,8 +1372,8 @@ const Ze = Vo(), te = {
   },
   setup(r) {
     const e = r, t = O(() => {
-      const { fixed: n, zIndex: a, minWidth: o, height: s, paddingLeft: i, transitionDuration: l, transitionTimingFunction: d } = e, v = n ? "fixed" : "static", m = e.useMinWidthLayout ? `min-width:${o}px;` : "";
-      return `position:${v};z-index:${a};${m}height:${s}px;padding-left:${i}px;transition-duration:${l}ms;transition-timing-function:${d};`;
+      const { fixed: n, zIndex: a, minWidth: o, height: s, paddingLeft: i, transitionDuration: l, transitionTimingFunction: f } = e, v = n ? "fixed" : "static", m = e.useMinWidthLayout ? `min-width:${o}px;` : "";
+      return `position:${v};z-index:${a};${m}height:${s}px;padding-left:${i}px;transition-duration:${l}ms;transition-timing-function:${f};`;
     });
     return (n, a) => (c(), b("footer", {
       class: "d-layout-footer",
@@ -1480,11 +1480,11 @@ function Wo(r) {
   function l() {
     n && document.removeEventListener("scroll", o);
   }
-  function d() {
+  function f() {
     s(), i(), n = !0;
   }
-  return Re(r, (v) => {
-    v ? d() : l();
+  return ze(r, (v) => {
+    v ? f() : l();
   }, { immediate: !0 }), vn(() => {
     l();
   }), t;
@@ -1586,7 +1586,7 @@ const qo = 1001, Uo = 999, Xo = 998, jm = {
         transitionDuration: p,
         transitionTimingFunction: y
       };
-    }), d = O(() => t.mode === "vertical"), v = O(() => t.isMobile || d.value ? 1003 : 1e3), m = O({
+    }), f = O(() => t.mode === "vertical"), v = O(() => t.isMobile || f.value ? 1003 : 1e3), m = O({
       get() {
         return t.sidebarCollapse;
       },
@@ -1603,9 +1603,9 @@ const qo = 1001, Uo = 999, Xo = 998, jm = {
     }), g = O(() => {
       const { sidebarWidth: p, sidebarCollapsedWidth: y } = t, C = t.isMobile ? 0 : y, R = m.value ? C : p;
       return t.sidebarVisible ? R : 0;
-    }), D = O(() => t.isMobile ? 0 : g.value), x = O(() => d.value ? D.value : 0), k = O(
-      () => !t.isMobile && !d.value && t.headerVisible ? t.headerHeight : 0
-    ), f = O(() => {
+    }), D = O(() => t.isMobile ? 0 : g.value), x = O(() => f.value ? D.value : 0), k = O(
+      () => !t.isMobile && !f.value && t.headerVisible ? t.headerHeight : 0
+    ), d = O(() => {
       let p = 0;
       return t.fixedHeaderAndTab && (t.headerVisible && (p += t.headerHeight), t.tabVisible && (p += t.tabHeight)), p;
     }), u = O(() => t.fixedFooter && t.footerVisible ? t.footerHeight : 0);
@@ -1657,7 +1657,7 @@ const qo = 1001, Uo = 999, Xo = 998, jm = {
         onClick: S
       }, null, 4)) : P("", !0),
       F(jo, St(l.value, {
-        "padding-top": f.value,
+        "padding-top": d.value,
         "padding-bottom": u.value,
         "padding-left": D.value,
         "overflow-hidden": r.addMainOverflowHidden
@@ -1758,36 +1758,36 @@ const qo = 1001, Uo = 999, Xo = 998, jm = {
   },
   setup(r, { expose: e }) {
     const t = r;
-    Xn((d) => ({
+    Xn((f) => ({
       "186b4372": a.value,
       "186b4370": o.value
     }));
     const n = E(null), a = O(() => t.xHide ? "hidden" : "visible"), o = O(() => t.yHide ? "hidden" : "visible");
     return e({
-      scrollDown: (d = "smooth") => {
+      scrollDown: (f = "smooth") => {
         n.value && n.value.scrollTo({
           top: n.value.scrollHeight,
-          behavior: d
+          behavior: f
         });
       },
-      scrollToSelector: (d, v = { behavior: "smooth", block: "start" }) => {
-        n.value && n.value.querySelector(d)?.scrollIntoView(v);
+      scrollToSelector: (f, v = { behavior: "smooth", block: "start" }) => {
+        n.value && n.value.querySelector(f)?.scrollIntoView(v);
       },
-      scrollToSelectorWithOffset: (d, v = 0) => {
+      scrollToSelectorWithOffset: (f, v = 0) => {
         if (n.value) {
-          const m = n.value.querySelector(d);
+          const m = n.value.querySelector(f);
           m && n.value.scrollTo({
             top: m.offsetTop + v,
             behavior: "smooth"
           });
         }
       }
-    }), (d, v) => (c(), b("div", {
+    }), (f, v) => (c(), b("div", {
       ref_key: "scrollRef",
       ref: n,
       class: oe(t.autoHide ? "d-scroll-hide" : "d-scroll")
     }, [
-      se(d.$slots, "default", {}, void 0, !0)
+      se(f.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 }, Um = /* @__PURE__ */ _e(Go, [["__scopeId", "data-v-8bcd22f6"]]), Qo = { class: "modal-content" }, Ko = { class: "modal-header" }, Zo = { class: "modal-title" }, Jo = { class: "modal-body" }, es = { class: "modal-footer" }, dt = {
@@ -1812,12 +1812,12 @@ const qo = 1001, Uo = 999, Xo = 998, jm = {
     return e({
       show: s,
       hide: i
-    }), (l, d) => {
+    }), (l, f) => {
       const v = Un("keydown");
       return c(), H(qr, { to: "body" }, [
         F(qn, { name: "fade" }, {
           default: Y(() => [
-            o.value ? He((c(), b("div", {
+            o.value ? Re((c(), b("div", {
               key: 0,
               ref_key: "modalRef",
               ref: a,
@@ -1882,7 +1882,7 @@ const ns = Ke({
   },
   setup() {
     const r = E();
-    return Re(r, () => {
+    return ze(r, () => {
       Dt.value && (Dt.value.comp = r.value);
     }), {
       dialogRef: Dt,
@@ -1893,7 +1893,7 @@ const ns = Ke({
 function rs(r, e, t, n, a, o) {
   return c(), H(qn, vt(gt(r.transitionAttrs)), {
     default: Y(() => [
-      r.dialogRef && r.dialogRef.wrapper === r.name ? (c(), H(Ae(r.dialogRef.dialog), St({ key: 0 }, r.dialogRef.props, { ref: "dialogInstance" }), null, 16)) : P("", !0)
+      r.dialogRef && r.dialogRef.wrapper === r.name ? (c(), H(He(r.dialogRef.dialog), St({ key: 0 }, r.dialogRef.props, { ref: "dialogInstance" }), null, 16)) : P("", !0)
     ]),
     _: 1
   }, 16);
@@ -2004,7 +2004,7 @@ const os = { style: { display: "flex", "flex-direction": "row", "justify-content
   },
   emits: ["select", "click", "open"],
   setup(r, { expose: e, emit: t }) {
-    const n = r, a = ct(), o = E(null), s = E(null), i = E(0), l = E(0), d = (x) => {
+    const n = r, a = ct(), o = E(null), s = E(null), i = E(0), l = E(0), f = (x) => {
       if (t("click", x), o.value.isShowed()) {
         o.value.hide();
         return;
@@ -2015,12 +2015,12 @@ const os = { style: { display: "flex", "flex-direction": "row", "justify-content
     }, v = () => {
       o.value?.isShowed() && (o.value.hide(), document.removeEventListener("click", m));
     }, m = (x) => {
-      const k = x.target, f = s.value?.$el?.contains(k);
-      o.value?.$el?.contains(k) || f || v();
+      const k = x.target, d = s.value?.$el?.contains(k);
+      o.value?.$el?.contains(k) || d || v();
     }, S = () => {
       it(() => {
-        const x = o.value.elementSize(), k = s.value.elementSize(), f = window.innerWidth, u = window.innerHeight;
-        i.value = f - (k.x + k.width) < x.width ? k.x - x.width + k.width : k.x, l.value = u - (k.y + k.height) < x.height ? k.y - x.height - 5 : k.y + k.height + 5;
+        const x = o.value.elementSize(), k = s.value.elementSize(), d = window.innerWidth, u = window.innerHeight;
+        i.value = d - (k.x + k.width) < x.width ? k.x - x.width + k.width : k.x, l.value = u - (k.y + k.height) < x.height ? k.y - x.height - 5 : k.y + k.height + 5;
       });
     }, $ = () => {
       o.value?.isShowed() && S();
@@ -2028,7 +2028,7 @@ const os = { style: { display: "flex", "flex-direction": "row", "justify-content
       t("select", x);
     }, g = O(() => ({ left: i.value + "px", top: l.value + "px", position: "fixed", ...n.menuStyle }));
     e({
-      show: d
+      show: f
     });
     const D = (x) => !!a[x];
     return Be(() => {
@@ -2041,7 +2041,7 @@ const os = { style: { display: "flex", "flex-direction": "row", "justify-content
         ref: s,
         class: oe(n.class),
         icon: n.icon,
-        onClick: Ce(d, ["stop", "prevent"]),
+        onClick: Ce(f, ["stop", "prevent"]),
         type: n.type,
         loading: n.loading,
         disabled: n.disabled
@@ -2063,7 +2063,7 @@ const os = { style: { display: "flex", "flex-direction": "row", "justify-content
         "before-item": n.beforeItem,
         "delay-click": n.delayClick
       }, yt({ _: 2 }, [
-        we(x.$slots, (f, u) => ({
+        we(x.$slots, (d, u) => ({
           name: u,
           fn: Y((p) => [
             se(x.$slots, u, vt(gt(p)))
@@ -2299,7 +2299,7 @@ const Pn = "[-+]?[0-9]*.?[0-9]+", _r = [
     const t = r, n = {
       IDLE: 0,
       DESTROYED: 2
-    }, a = E([]), o = E(null), s = E(gs.get("velocity")), i = O(() => t.animationType === "velocity"), l = O(() => i.value ? _s : Ds), d = O(() => a.value.filter((q) => q.state !== n.DESTROYED)), v = O(() => ws(t.width)), m = O(() => {
+    }, a = E([]), o = E(null), s = E(gs.get("velocity")), i = O(() => t.animationType === "velocity"), l = O(() => i.value ? _s : Ds), f = O(() => a.value.filter((q) => q.state !== n.DESTROYED)), v = O(() => ws(t.width)), m = O(() => {
       const { x: q, y: fe } = Ss(t.position), le = v.value.value, V = v.value.type, Z = {
         width: le + V
       };
@@ -2330,21 +2330,21 @@ const Pn = "[-+]?[0-9]*.?[0-9]+", _r = [
       fe >= 0 && (o.value = new ys(() => u(xe), xe.length, xe));
       const De = t.reverse ? !S.value : S.value;
       let Ue = -1;
-      const J = d.value.some((L) => L.title === q.title && L.text === q.text);
-      (!V || !J) && (De ? (a.value.push(xe), e("start", xe), d.value.length > t.max && (Ue = 0)) : (a.value.unshift(xe), e("start", xe), d.value.length > t.max && (Ue = d.value.length - 1)), Ue !== -1 && u(d.value[Ue]));
+      const J = f.value.some((L) => L.title === q.title && L.text === q.text);
+      (!V || !J) && (De ? (a.value.push(xe), e("start", xe), f.value.length > t.max && (Ue = 0)) : (a.value.unshift(xe), e("start", xe), f.value.length > t.max && (Ue = f.value.length - 1)), Ue !== -1 && u(f.value[Ue]));
     }, x = (q) => {
       p(q);
     }, k = (q) => [
       "d-notification-template",
       t.classes,
       q.type || ""
-    ], f = (q) => i.value ? void 0 : { transition: `all ${q.speed}ms` }, u = (q) => {
+    ], d = (q) => i.value ? void 0 : { transition: `all ${q.speed}ms` }, u = (q) => {
       clearTimeout(q.timer), q.state = n.DESTROYED, ne(), e("destroy", q);
     }, p = (q) => {
       const fe = a.value.find((le) => le.id === q);
       fe && u(fe);
     }, y = () => {
-      d.value.forEach(u);
+      f.value.forEach(u);
     }, C = (q, fe) => {
       const le = t.animation?.[q];
       return typeof le == "function" ? le(fe) : le;
@@ -2374,17 +2374,17 @@ const Pn = "[-+]?[0-9]*.?[0-9]+", _r = [
       class: "d-notification-group",
       style: ue(m.value)
     }, [
-      (c(), H(Ae(l.value), {
+      (c(), H(He(l.value), {
         name: r.animationName,
         onEnter: R,
         onLeave: K,
         onAfterLeave: ne
       }, {
         default: Y(() => [
-          (c(!0), b(me, null, we(d.value, (le) => (c(), b("div", {
+          (c(!0), b(me, null, we(f.value, (le) => (c(), b("div", {
             key: le.id,
             class: "d-notification-wrapper",
-            style: ue(f(le)),
+            style: ue(d(le)),
             "data-id": le.id,
             onMouseenter: I,
             onMouseleave: g
@@ -2448,7 +2448,7 @@ const Pn = "[-+]?[0-9]*.?[0-9]+", _r = [
     }, [
       t.iconShow ? (c(), b("div", Ls, [
         T("div", Es, [
-          t.icon ? (c(), H(Ae(Ge), {
+          t.icon ? (c(), H(He(Ge), {
             key: 0,
             component: n.value,
             color: "inherit",
@@ -2489,7 +2489,7 @@ const Pn = "[-+]?[0-9]*.?[0-9]+", _r = [
       }
     });
     return (s, i) => (c(), b("div", zs, [
-      He(T("input", {
+      Re(T("input", {
         "onUpdate:modelValue": i[0] || (i[0] = (l) => o.value = l),
         id: `i-${G(a)}`,
         type: "checkbox",
@@ -2682,23 +2682,23 @@ var Ln = function() {
   return Zr.Date.now();
 }, ki = "Expected a function", Si = Math.max, _i = Math.min;
 function Di(r, e, t) {
-  var n, a, o, s, i, l, d = 0, v = !1, m = !1, S = !0;
+  var n, a, o, s, i, l, f = 0, v = !1, m = !1, S = !0;
   if (typeof r != "function")
     throw new TypeError(ki);
   e = Mr(e) || 0, Fn(t) && (v = !!t.leading, m = "maxWait" in t, o = m ? Si(Mr(t.maxWait) || 0, e) : o, S = "trailing" in t ? !!t.trailing : S);
   function $(y) {
     var C = n, R = a;
-    return n = a = void 0, d = y, s = r.apply(R, C), s;
+    return n = a = void 0, f = y, s = r.apply(R, C), s;
   }
   function I(y) {
-    return d = y, i = setTimeout(x, e), v ? $(y) : s;
+    return f = y, i = setTimeout(x, e), v ? $(y) : s;
   }
   function g(y) {
-    var C = y - l, R = y - d, K = e - C;
+    var C = y - l, R = y - f, K = e - C;
     return m ? _i(K, o - R) : K;
   }
   function D(y) {
-    var C = y - l, R = y - d;
+    var C = y - l, R = y - f;
     return l === void 0 || C >= e || C < 0 || m && R >= o;
   }
   function x() {
@@ -2710,8 +2710,8 @@ function Di(r, e, t) {
   function k(y) {
     return i = void 0, S && n ? $(y) : (n = a = void 0, s);
   }
-  function f() {
-    i !== void 0 && clearTimeout(i), d = 0, n = l = a = i = void 0;
+  function d() {
+    i !== void 0 && clearTimeout(i), f = 0, n = l = a = i = void 0;
   }
   function u() {
     return i === void 0 ? s : k(Ln());
@@ -2726,7 +2726,7 @@ function Di(r, e, t) {
     }
     return i === void 0 && (i = setTimeout(x, e)), s;
   }
-  return p.cancel = f, p.flush = u, p;
+  return p.cancel = d, p.flush = u, p;
 }
 const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
   key: 0,
@@ -2783,7 +2783,7 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
   },
   emits: ["update:modelValue", "input", "blur", "clear", "change"],
   setup(r, { expose: e, emit: t }) {
-    const n = r, a = ct(), o = E(""), s = Ct(), i = E(!1), l = E(!1), d = E(null);
+    const n = r, a = ct(), o = E(""), s = Ct(), i = E(!1), l = E(!1), f = E(null);
     //!props.form ? ref(null) : props.form.fields[props.name].ref
     const v = Di(() => {
       D();
@@ -2807,10 +2807,10 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
       }, 500)), n.focus && x();
     });
     const x = () => {
-      d.value?.focus();
+      f.value?.focus();
     }, k = () => {
       m.value = "", t("update:modelValue", ""), t("input", ""), t("clear");
-    }, f = (C) => {
+    }, d = (C) => {
       i.value = C;
     }, u = (C) => {
       o.value = C;
@@ -2821,7 +2821,7 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
       focus: x,
       setError: u,
       validate: D,
-      getRef: () => d
+      getRef: () => f
     }), (C, R) => (c(), b("div", {
       class: oe(["d-input-string", $.value])
     }, [
@@ -2835,10 +2835,10 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
             se(C.$slots, "pre")
           ])) : P("", !0),
           T("div", Oi, [
-            He(T("input", {
+            Re(T("input", {
               id: G(s),
               ref_key: "inputRef",
-              ref: d,
+              ref: f,
               "onUpdate:modelValue": R[0] || (R[0] = (K) => m.value = K),
               style: ue([{ width: "100%" }, n.inputStyle]),
               type: S.value,
@@ -2847,11 +2847,11 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
               placeholder: n.placeholder,
               onInput: I,
               onChange: g,
-              onFocus: R[1] || (R[1] = (K) => f(!0)),
+              onFocus: R[1] || (R[1] = (K) => d(!0)),
               onBlur: p,
               minlength: n.minLength,
               maxlength: n.maxLength,
-              onFocusout: R[2] || (R[2] = (K) => f(!1)),
+              onFocusout: R[2] || (R[2] = (K) => d(!1)),
               class: oe([
                 G(a).pre ? "has-pre" : "",
                 G(a).post ? "has-post" : "",
@@ -2916,7 +2916,7 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
       n.value = Math.floor(100 + Math.random() * 900).toString(), a.value = "", o.value = !1;
     }, i = () => (o.value = a.value.length > 2 && a.value !== n.value, a.value === n.value), l = (v) => {
       a.value = v.target.value.replace(/\D/g, "").slice(0, 3), o.value = !1;
-    }, d = () => {
+    }, f = () => {
       if (!i()) {
         o.value = !0;
         return;
@@ -2945,7 +2945,7 @@ const Ci = { style: { display: "flex", "flex-direction": "column" } }, $i = {
                 maxlength: "3",
                 class: "text-center font-mono",
                 onInput: l,
-                onKeyup: m[1] || (m[1] = Gr((S) => i() && d(), ["enter"])),
+                onKeyup: m[1] || (m[1] = Gr((S) => i() && f(), ["enter"])),
                 focus: !0
               }, null, 8, ["modelValue"])
             ]),
@@ -3027,7 +3027,7 @@ const Zm = {
     };
     return (s, i) => (c(), b("div", Ui, [
       t.label ? (c(), b("div", Xi, Q(t.label), 1)) : P("", !0),
-      He(T("select", {
+      Re(T("select", {
         "onUpdate:modelValue": i[0] || (i[0] = (l) => a.value = l),
         class: oe(n.value),
         style: ue(t.size === "wide" ? "width:100%" : ""),
@@ -3035,8 +3035,8 @@ const Zm = {
         size: t.lines,
         onChange: o
       }, [
-        (c(!0), b(me, null, we(t.options, (l, d) => (c(), b("option", {
-          key: d,
+        (c(!0), b(me, null, we(t.options, (l, f) => (c(), b("option", {
+          key: f,
           value: l.value,
           selected: l.selected,
           disabled: l.disabled
@@ -3111,7 +3111,7 @@ const Zm = {
       ]),
       (c(), H(Na, null, [
         (c(!0), b(me, null, we(n.value, ($, I) => (c(), b("div", null, [
-          He((c(), H(Ae($.component), {
+          Re((c(), H(He($.component), {
             ref_for: !0,
             ref: i
           }, null, 512)), [
@@ -3453,7 +3453,7 @@ const Zm = {
         icon: "KeyboardArrowLeftSharp"
       }, null, 8, ["disabled"]),
       (c(!0), b(me, null, we(a.value, (l) => (c(), H(pe, {
-        onClick: (d) => o(l),
+        onClick: (f) => o(l),
         key: l,
         outline: !0,
         disabled: l === n.value,
@@ -3553,7 +3553,7 @@ const Zm = {
   emits: ["action", "select", "unselect", "check", "uncheck"],
   setup(r, { expose: e, emit: t }) {
     const n = r, a = E(n.page), o = E(localStorage.getItem("datagrid-perpage") || n.perPage), s = E(o.value.toString()), i = E(""), l = E({});
-    N.mutations.addDataGrid(n.id), N.mutations.setItems(n.id, n.items), Re(
+    N.mutations.addDataGrid(n.id), N.mutations.setItems(n.id, n.items), ze(
       () => n.items,
       () => {
         N.mutations.setItems(n.id, n.items);
@@ -3562,9 +3562,9 @@ const Zm = {
       const p = localStorage.getItem(`${n.id}-grid-field`), y = localStorage.getItem(`${n.id}-grid-dir`);
       p && (N.mutations.setSortField(n.id, p), N.mutations.setSortDirection(n.id, y || "asc"));
     });
-    let d = [];
+    let f = [];
     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(" ");
+      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] = ""), f.push(Object.hasOwn(n.columns[p], "size") ? n.columns[p].size : "minmax(100px, 1fr)"), i.value = f.join(" ");
     const v = (p, y) => {
       if (N.getters.getSortField(n.id) === y) {
         const R = N.getters.getSortDirection(n.id);
@@ -3598,7 +3598,7 @@ const Zm = {
       n.selectable === "one" && (N.getters.getSelected(n.id).includes(p.id) ? (N.actions.unselectAll(n.id), t("unselect")) : (N.mutations.select(n.id, p.id), t("select", p)));
     }, k = (p) => {
       o.value = parseInt(p.target.value), localStorage.setItem("datagrid-perpage", p.target.value), a.value = 1;
-    }, f = (p, y) => {
+    }, d = (p, y) => {
       t("select", { e: p, row: y });
     };
     return e({
@@ -3648,7 +3648,7 @@ const Zm = {
                   placeholder: "Поиск...",
                   type: "number"
                 }, null, 8, ["modelValue", "onUpdate:modelValue"])) : P("", !0),
-                Object.hasOwn(C, "search") && typeof C.search == "function" ? (c(), H(Ae(C.search()), { key: 2 })) : P("", !0),
+                Object.hasOwn(C, "search") && typeof C.search == "function" ? (c(), H(He(C.search()), { key: 2 })) : P("", !0),
                 Object.hasOwn(C, "search") && Array.isArray(C.search) ? (c(), H(An, {
                   key: 3,
                   modelValue: l.value[C.key],
@@ -3672,9 +3672,9 @@ const Zm = {
               (c(!0), b(me, null, we(n.columns, (R, K) => (c(), b("td", {
                 key: K,
                 class: "d-cell",
-                onPointerdownCapture: (ne) => f(ne, C)
+                onPointerdownCapture: (ne) => d(ne, C)
               }, [
-                R.render ? (c(), H(Ae(R.render(C, R.key)), { key: 0 })) : (c(), b("div", Fl, Q(C[R.key]), 1))
+                R.render ? (c(), H(He(R.render(C, R.key)), { key: 0 })) : (c(), b("div", Fl, Q(C[R.key]), 1))
               ], 40, zl))), 128))
             ], 10, Il))), 128))
           ])
@@ -3763,26 +3763,26 @@ const Zm = {
           offsetY: m,
           width: S,
           height: $
-        } = d(t.width, t.height, l.width, l.height);
+        } = f(t.width, t.height, l.width, l.height);
         a.drawImage(l, v, m, S, $), e("loaded"), i.value = !1;
       } else
         s.value = l.src, e("loaded"), i.value = !1;
     }, l.onerror = () => {
       l.src = t.srcFail, e("loaded"), i.value = !1;
     };
-    const d = (v, m, S, $, I = 1, g = 0.5, D = 0.5) => {
+    const f = (v, m, S, $, I = 1, g = 0.5, D = 0.5) => {
       const x = S / $, k = v / m;
-      let f = v * I, u = m * I;
-      return x < k ? u = f / x : f = u * x, {
-        width: f,
+      let d = v * I, u = m * I;
+      return x < k ? u = d / x : d = u * x, {
+        width: d,
         height: u,
-        offsetX: (v - f) * g,
+        offsetX: (v - d) * g,
         offsetY: (m - u) * D
       };
     };
     return Be(() => {
       t.canvas && (n = o.value, a = n.getContext("2d")), e("loading"), i.value = !0, l.src = t.src;
-    }), Re(() => t.src, (v, m) => {
+    }), ze(() => t.src, (v, m) => {
       e("loading"), i.value = !0, l.src = t.src;
     }), (v, m) => (c(), b("div", {
       style: ue([{ position: "relative", display: "inline-block" }, {
@@ -3799,7 +3799,7 @@ const Zm = {
           borderRadius: t.radius
         }])
       }, Yl, 4)) : P("", !0),
-      t.canvas ? He((c(), b("canvas", {
+      t.canvas ? Re((c(), b("canvas", {
         key: 1,
         ref_key: "imgRef",
         ref: o,
@@ -3809,7 +3809,7 @@ const Zm = {
         style: ue({ borderRadius: t.radius })
       }, null, 12, jl)), [
         [Vn, !i.value]
-      ]) : He((c(), b("div", {
+      ]) : Re((c(), b("div", {
         key: 2,
         title: t.title,
         style: ue([{
@@ -3879,9 +3879,13 @@ const Zm = {
         return a.value = yn.validate(i.value, n.form.fields[n.name].rules), !!a.value;
     };
     Be(() => {
-      n.focus && d();
+      n.focus && f(), n.autoHeight && o.value && S();
+    }), ze(() => n.modelValue, () => {
+      n.autoHeight && o.value && setTimeout(() => {
+        S();
+      }, 0);
     });
-    const d = () => {
+    const f = () => {
       o.value.focus();
     }, v = () => {
       o.value.style.height = "auto";
@@ -3893,7 +3897,7 @@ const Zm = {
       t("change", k);
     };
     return e({
-      focus: d,
+      focus: f,
       setError: (k) => {
         a.value = k;
       },
@@ -3905,16 +3909,16 @@ const Zm = {
       blur: (k) => {
         t("blur", k);
       }
-    }), (k, f) => (c(), b("div", Ul, [
+    }), (k, d) => (c(), b("div", Ul, [
       n.label ? (c(), b("div", Xl, [
         ie(Q(n.label), 1),
         n.form?.fields[n.name].rules && n.form.fields[n.name].rules.hasOwnProperty("required") ? (c(), b("span", Gl, "*")) : P("", !0)
       ])) : P("", !0),
       T("div", Ql, [
-        He(T("textarea", {
+        Re(T("textarea", {
           ref_key: "inputRef",
           ref: o,
-          "onUpdate:modelValue": f[0] || (f[0] = (u) => i.value = u),
+          "onUpdate:modelValue": d[0] || (d[0] = (u) => i.value = u),
           "on:update:modelValue": S,
           onInput: m,
           onChange: I,
@@ -3948,7 +3952,7 @@ const Zm = {
       ])
     ]));
   }
-}, ah = /* @__PURE__ */ _e(nu, [["__scopeId", "data-v-2161967b"]]), ru = { style: { display: "flex", "flex-direction": "column" } }, au = {
+}, ah = /* @__PURE__ */ _e(nu, [["__scopeId", "data-v-af8d5763"]]), ru = { style: { display: "flex", "flex-direction": "column" } }, au = {
   key: 0,
   class: "d-label"
 }, ou = {
@@ -4010,7 +4014,7 @@ const Zm = {
   },
   emits: ["update:modelValue", "input", "blur"],
   setup(r, { expose: e, emit: t }) {
-    const n = r, a = ct(), o = E(""), s = Ct(), i = E(!1), l = E(!1), d = E("password"), v = E(null);
+    const n = r, a = ct(), o = E(""), s = Ct(), i = E(!1), l = E(!1), f = E("password"), v = E(null);
     //!props.form ? ref(null) : props.form.fields[props.name].ref
     const m = O({
       get: () => n.modelValue,
@@ -4032,12 +4036,12 @@ const Zm = {
     const g = () => {
       v.value?.focus();
     }, D = () => {
-      d.value = d.value === "password" ? "text" : "password";
+      f.value = f.value === "password" ? "text" : "password";
     }, x = (u) => {
       i.value = u;
     }, k = (u) => {
       o.value = u;
-    }, f = (u) => {
+    }, d = (u) => {
       t("blur", u);
     };
     return e({
@@ -4054,17 +4058,17 @@ const Zm = {
         ])) : P("", !0),
         T("div", su, [
           T("div", iu, [
-            He(T("input", {
+            Re(T("input", {
               id: G(s),
               ref_key: "inputRef",
               ref: v,
               "onUpdate:modelValue": p[0] || (p[0] = (y) => m.value = y),
               style: { width: "100%" },
-              type: d.value,
+              type: f.value,
               placeholder: n.placeholder,
               onInput: $,
               onFocus: p[1] || (p[1] = (y) => x(!0)),
-              onBlur: f,
+              onBlur: d,
               onFocusout: p[2] || (p[2] = (y) => x(!1)),
               class: oe([
                 G(a).pre ? "has-pre" : "",
@@ -4081,7 +4085,7 @@ const Zm = {
               class: "d-post-inside-button",
               onClick: D
             }, [
-              d.value === "password" ? (c(), b("svg", uu, du)) : (c(), b("svg", fu, mu))
+              f.value === "password" ? (c(), b("svg", uu, du)) : (c(), b("svg", fu, mu))
             ])) : P("", !0)
           ])
         ]),
@@ -4117,7 +4121,7 @@ const Zm = {
     return (s, i) => (c(), b("div", {
       class: oe(["d-switcher", t.type])
     }, [
-      He(T("input", {
+      Re(T("input", {
         "onUpdate:modelValue": i[0] || (i[0] = (l) => o.value = l),
         id: `i-${G(a)}`,
         type: "checkbox",
@@ -4230,7 +4234,7 @@ var Jn = Ke({
           left: i - 5 + "px",
           top: l - 5 + "px"
         };
-        const d = n.getImageData(Math.min(i, this.size - 1), Math.min(l, this.size - 1), 1, 1), [v, m, S] = d.data;
+        const f = n.getImageData(Math.min(i, this.size - 1), Math.min(l, this.size - 1), 1, 1), [v, m, S] = f.data;
         this.$emit("selectSaturation", { r: v, g: m, b: S });
       };
       a(r);
@@ -4316,8 +4320,8 @@ var er = Ke({
         s < 0 && (s = 0), s > this.height && (s = this.height), this.slideHueStyle = {
           top: s - 2 + "px"
         };
-        const i = t.getImageData(0, Math.min(s, this.height - 1), 1, 1), [l, d, v] = i.data;
-        this.$emit("selectHue", { r: l, g: d, b: v });
+        const i = t.getImageData(0, Math.min(s, this.height - 1), 1, 1), [l, f, v] = i.data;
+        this.$emit("selectHue", { r: l, g: f, b: v });
       };
       n(r);
       const a = () => {
@@ -4549,7 +4553,7 @@ var rr = Ke({
     },
     suckColor(r) {
       r && r.tagName !== "CANVAS" || (this.suckerPreview = document.createElement("div"), this.suckerPreview && document.body.appendChild(this.suckerPreview), document.addEventListener("mousemove", this.mousemoveHandler), document.addEventListener("mouseup", this.mousemoveHandler), r.addEventListener("click", (e) => {
-        const { clientX: t, clientY: n } = e, { top: a, left: o, width: s, height: i } = r.getBoundingClientRect(), l = t - o, d = n - a, m = r.getContext("2d").getImageData(Math.min(l, s - 1), Math.min(d, i - 1), 1, 1);
+        const { clientX: t, clientY: n } = e, { top: a, left: o, width: s, height: i } = r.getBoundingClientRect(), l = t - o, f = n - a, m = r.getContext("2d").getImageData(Math.min(l, s - 1), Math.min(f, i - 1), 1, 1);
         let [S, $, I, g] = m.data;
         g = parseFloat((g / 255).toFixed(2)), this.$emit("selectSucker", { r: S, g: $, b: I, a: g });
       }));
@@ -4665,7 +4669,7 @@ function zu(r, e, t, n, a, o) {
       1
       /* TEXT */
     ),
-    He(F(
+    Re(F(
       "input",
       {
         "onUpdate:modelValue": e[1] || (e[1] = (s) => r.modelColor = s),
@@ -4708,8 +4712,8 @@ var or = Ke({
     function o(i) {
       if (!i)
         return;
-      const l = n.value || [], d = l.indexOf(i);
-      d >= 0 && l.splice(d, 1), l.length >= 8 && (l.length = 7), l.unshift(i), n.value = l || [], localStorage && r.colorsHistoryKey && localStorage.setItem(r.colorsHistoryKey, JSON.stringify(l));
+      const l = n.value || [], f = l.indexOf(i);
+      f >= 0 && l.splice(f, 1), l.length >= 8 && (l.length = 7), l.unshift(i), n.value = l || [], localStorage && r.colorsHistoryKey && localStorage.setItem(r.colorsHistoryKey, JSON.stringify(l));
     }
     function s(i) {
       e("selectColor", i);
@@ -4976,7 +4980,7 @@ var Et = Ke({
 });
 const Ru = { class: "color-set" };
 function Bu(r, e, t, n, a, o) {
-  const s = mt("Saturation"), i = mt("Hue"), l = mt("Alpha"), d = mt("Preview"), v = mt("Sucker"), m = mt("Box"), S = mt("Colors");
+  const s = mt("Saturation"), i = mt("Hue"), l = mt("Alpha"), f = mt("Preview"), v = mt("Sucker"), m = mt("Box"), S = mt("Colors");
   return c(), H(
     "div",
     {
@@ -5015,7 +5019,7 @@ function Bu(r, e, t, n, a, o) {
           class: "color-show"
         },
         [
-          F(d, {
+          F(f, {
             color: r.rgbaString,
             width: r.previewWidth,
             height: r.previewHeight
@@ -5100,7 +5104,7 @@ const Nu = /* @__PURE__ */ T("div", { class: "color-indicator" }, null, -1), Yu
       s.value = t.format === "rgba" ? m.rgba : m.hex;
     }, l = () => {
       a.value.show();
-    }, d = {
+    }, f = {
       outside: {
         component: Nt("div", { class: "color-indicator" })
       }
@@ -5114,7 +5118,7 @@ const Nu = /* @__PURE__ */ T("div", { class: "color-indicator" }, null, -1), Yu
     };
     return (m, S) => (c(), b("div", null, [
       F(et, {
-        pre: d,
+        pre: f,
         label: t.label,
         modelValue: n.value,
         "onUpdate:modelValue": S[0] || (S[0] = ($) => n.value = $),
@@ -5331,9 +5335,9 @@ var ra = (
           a++;
       else e === this.xPct[this.xPct.length - 1] && (a = this.xPct.length - 2);
       !n && e === this.xPct[a + 1] && a++, t === null && (t = []);
-      var o, s = 1, i = t[a], l = 0, d = 0, v = 0, m = 0;
+      var o, s = 1, i = t[a], l = 0, f = 0, v = 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 + m] - this.xPct[a + m], t[a + m] * s + 100 - o * 100 > 100 ? (d = l * o, s = (i - 100 * o) / t[a + m], o = 1) : (d = t[a + m] * l / 100 * s, s = 0), n ? (v = v - d, this.xPct.length + m >= 1 && m--) : (v = v + d, this.xPct.length - m >= 1 && m++), i = t[a + m] * s;
+        l = this.xPct[a + 1 + m] - this.xPct[a + m], t[a + m] * s + 100 - o * 100 > 100 ? (f = l * o, s = (i - 100 * o) / t[a + m], o = 1) : (f = t[a + m] * l / 100 * s, s = 0), n ? (v = v - f, this.xPct.length + m >= 1 && m--) : (v = v + f, this.xPct.length - m >= 1 && m++), i = t[a + m] * s;
       return e + v;
     }, r.prototype.toStepping = function(e) {
       return e = nc(this.xVal, this.xPct, e), e;
@@ -5548,7 +5552,7 @@ function gc(r, e) {
 function yc(r, e) {
   if (typeof e != "string")
     throw new Error("noUiSlider: 'behaviour' must be a string containing options.");
-  var t = e.indexOf("tap") >= 0, n = e.indexOf("drag") >= 0, a = e.indexOf("fixed") >= 0, o = e.indexOf("snap") >= 0, s = e.indexOf("hover") >= 0, i = e.indexOf("unconstrained") >= 0, l = e.indexOf("invert-connects") >= 0, d = e.indexOf("drag-all") >= 0, v = e.indexOf("smooth-steps") >= 0;
+  var t = e.indexOf("tap") >= 0, n = e.indexOf("drag") >= 0, a = e.indexOf("fixed") >= 0, o = e.indexOf("snap") >= 0, s = e.indexOf("hover") >= 0, i = e.indexOf("unconstrained") >= 0, l = e.indexOf("invert-connects") >= 0, f = e.indexOf("drag-all") >= 0, v = e.indexOf("smooth-steps") >= 0;
   if (a) {
     if (r.handles !== 2)
       throw new Error("noUiSlider: 'fixed' behaviour must be used with 2 handles");
@@ -5561,7 +5565,7 @@ function yc(r, e) {
   r.events = {
     tap: t || o,
     drag: n,
-    dragAll: d,
+    dragAll: f,
     smoothSteps: v,
     fixed: a,
     snap: o,
@@ -5683,7 +5687,7 @@ function ia(r) {
   return e.style = i[e.dir][e.ort], e;
 }
 function $c(r, e, t) {
-  var n = Ku(), a = Ju(), o = a && Zu(), s = r, i, l, d, v, m, S, $ = e.spectrum, I = [], g = [], D = [], x = 0, k = {}, f = !1, u = r.ownerDocument, p = e.documentElement || u.documentElement, y = u.body, C = u.dir === "rtl" || e.ort === 1 ? 0 : 100;
+  var n = Ku(), a = Ju(), o = a && Zu(), s = r, i, l, f, v, m, S, $ = e.spectrum, I = [], g = [], D = [], x = 0, k = {}, d = !1, u = r.ownerDocument, p = e.documentElement || u.documentElement, y = u.body, C = u.dir === "rtl" || e.ort === 1 ? 0 : 100;
   function R(h, w) {
     var _ = u.createElement("div");
     return w && je(_, w), h.appendChild(_), _;
@@ -5704,9 +5708,9 @@ function $c(r, e, t) {
     return w ? R(h, e.cssClasses.connect) : !1;
   }
   function q(h, w) {
-    l = R(w, e.cssClasses.connects), d = [], v = [], v.push(ne(l, h[0]));
+    l = R(w, e.cssClasses.connects), f = [], v = [], v.push(ne(l, h[0]));
     for (var _ = 0; _ < e.handles; _++)
-      d.push(K(w, _)), D[_] = _, v.push(ne(l, h[_ + 1]));
+      f.push(K(w, _)), D[_] = _, v.push(ne(l, h[_ + 1]));
   }
   function fe(h) {
     je(h, e.cssClasses.target), e.dir === 0 ? je(h, e.cssClasses.ltr) : je(h, e.cssClasses.rtl), e.ort === 0 ? je(h, e.cssClasses.horizontal) : je(h, e.cssClasses.vertical);
@@ -5720,16 +5724,16 @@ function $c(r, e, t) {
     return s.hasAttribute("disabled");
   }
   function Z(h) {
-    var w = d[h];
+    var w = f[h];
     return w.hasAttribute("disabled");
   }
   function U(h) {
-    h != null ? (d[h].setAttribute("disabled", ""), d[h].handle.removeAttribute("tabindex")) : (s.setAttribute("disabled", ""), d.forEach(function(w) {
+    h != null ? (f[h].setAttribute("disabled", ""), f[h].handle.removeAttribute("tabindex")) : (s.setAttribute("disabled", ""), f.forEach(function(w) {
       w.handle.removeAttribute("tabindex");
     }));
   }
   function he(h) {
-    h != null ? (d[h].removeAttribute("disabled"), d[h].handle.setAttribute("tabindex", "0")) : (s.removeAttribute("disabled"), d.forEach(function(w) {
+    h != null ? (f[h].removeAttribute("disabled"), f[h].handle.setAttribute("tabindex", "0")) : (s.removeAttribute("disabled"), f.forEach(function(w) {
       w.removeAttribute("disabled"), w.handle.setAttribute("tabindex", "0");
     }));
   }
@@ -5739,7 +5743,7 @@ function $c(r, e, t) {
     }), S = null);
   }
   function qe() {
-    ve(), S = d.map(le), Sn("update" + ft.tooltips, function(h, w, _) {
+    ve(), S = f.map(le), Sn("update" + ft.tooltips, function(h, w, _) {
       if (!(!S || !e.tooltips) && S[w] !== !1) {
         var A = h[w];
         e.tooltips[w] !== !0 && (A = e.tooltips[w].to(_[w])), S[w].innerHTML = A;
@@ -5749,7 +5753,7 @@ function $c(r, e, t) {
   function xe() {
     zt("update" + ft.aria), Sn("update" + ft.aria, function(h, w, _, A, j) {
       D.forEach(function(W) {
-        var re = d[W], ee = tn(g, W, 0, !0, !0, !0), ke = tn(g, W, 100, !0, !0, !0), Se = j[W], $e = String(e.ariaFormat.to(_[W]));
+        var re = f[W], ee = tn(g, W, 0, !0, !0, !0), ke = tn(g, W, 100, !0, !0, !0), Se = j[W], $e = String(e.ariaFormat.to(_[W]));
         ee = $.fromStepping(ee).toFixed(1), ke = $.fromStepping(ke).toFixed(1), Se = $.fromStepping(Se).toFixed(1), re.children[0].setAttribute("aria-valuemin", ee), re.children[0].setAttribute("aria-valuemax", ke), re.children[0].setAttribute("aria-valuenow", Se), re.children[0].setAttribute("aria-valuetext", $e);
       });
     });
@@ -5781,11 +5785,11 @@ function $c(r, e, t) {
     return _ = qu(_.slice().sort(function(Se, $e) {
       return Se - $e;
     })), _[0] !== j && (_.unshift(j), re = !0), _[_.length - 1] !== W && (_.push(W), ee = !0), _.forEach(function(Se, $e) {
-      var Me, ye, Ve, Ye = Se, Fe = _[$e + 1], Ne, Cn, $n, Mn, wr, Tn, xr, kr = h.mode === ht.Steps;
-      for (kr && (Me = $.xNumSteps[$e]), Me || (Me = Fe - Ye), Fe === void 0 && (Fe = Ye), Me = Math.max(Me, 1e-7), ye = Ye; ye <= Fe; ye = w(ye, Me)) {
+      var Me, ye, Ve, Ye = Se, Ae = _[$e + 1], Ne, Cn, $n, Mn, wr, Tn, xr, kr = h.mode === ht.Steps;
+      for (kr && (Me = $.xNumSteps[$e]), Me || (Me = Ae - Ye), Ae === void 0 && (Ae = Ye), Me = Math.max(Me, 1e-7), ye = Ye; ye <= Ae; ye = w(ye, Me)) {
         for (Ne = $.toStepping(ye), Cn = Ne - ke, wr = Cn / (h.density || 1), Tn = Math.round(wr), xr = Cn / Tn, Ve = 1; Ve <= Tn; Ve += 1)
           $n = ke + Ve * xr, A[$n.toFixed(5)] = [$.fromStepping($n), 0];
-        Mn = _.indexOf(ye) > -1 ? Xe.LargeValue : kr ? Xe.SmallValue : Xe.NoValue, !$e && re && ye !== Fe && (Mn = 0), ye === Fe && ee || (A[Ne.toFixed(5)] = [ye, Mn]), ke = Ne;
+        Mn = _.indexOf(ye) > -1 ? Xe.LargeValue : kr ? Xe.SmallValue : Xe.NoValue, !$e && re && ye !== Ae && (Mn = 0), ye === Ae && ee || (A[Ne.toFixed(5)] = [ye, Mn]), ke = Ne;
       }
     }), A;
   }
@@ -5793,13 +5797,13 @@ function $c(r, e, t) {
     var A, j, W = u.createElement("div"), re = (A = {}, A[Xe.None] = "", A[Xe.NoValue] = e.cssClasses.valueNormal, A[Xe.LargeValue] = e.cssClasses.valueLarge, A[Xe.SmallValue] = e.cssClasses.valueSub, A), ee = (j = {}, j[Xe.None] = "", j[Xe.NoValue] = e.cssClasses.markerNormal, j[Xe.LargeValue] = e.cssClasses.markerLarge, j[Xe.SmallValue] = e.cssClasses.markerSub, j), ke = [e.cssClasses.valueHorizontal, e.cssClasses.valueVertical], Se = [e.cssClasses.markerHorizontal, e.cssClasses.markerVertical];
     je(W, e.cssClasses.pips), je(W, e.ort === 0 ? e.cssClasses.pipsHorizontal : e.cssClasses.pipsVertical);
     function $e(ye, Ve) {
-      var Ye = Ve === e.cssClasses.value, Fe = Ye ? ke : Se, Ne = Ye ? re : ee;
-      return Ve + " " + Fe[e.ort] + " " + Ne[ye];
+      var Ye = Ve === e.cssClasses.value, Ae = Ye ? ke : Se, Ne = Ye ? re : ee;
+      return Ve + " " + Ae[e.ort] + " " + Ne[ye];
     }
     function Me(ye, Ve, Ye) {
       if (Ye = w ? w(Ve, Ye) : Ye, Ye !== Xe.None) {
-        var Fe = R(W, !1);
-        Fe.className = $e(Ye, e.cssClasses.marker), Fe.style[e.style] = ye + "%", Ye > Xe.NoValue && (Fe = R(W, !1), Fe.className = $e(Ye, e.cssClasses.value), Fe.setAttribute("data-value", String(Ve)), Fe.style[e.style] = ye + "%", Fe.innerHTML = String(_.to(Ve)));
+        var Ae = R(W, !1);
+        Ae.className = $e(Ye, e.cssClasses.marker), Ae.style[e.style] = ye + "%", Ye > Xe.NoValue && (Ae = R(W, !1), Ae.className = $e(Ye, e.cssClasses.value), Ae.setAttribute("data-value", String(Ve)), Ae.style[e.style] = ye + "%", Ae.innerHTML = String(_.to(Ve)));
       }
     }
     return Object.keys(h).forEach(function(ye) {
@@ -5860,9 +5864,9 @@ function $c(r, e, t) {
     var w = h - Xu(i, e.ort), _ = w * 100 / B();
     return _ = Er(_), e.dir ? 100 - _ : _;
   }
-  function ze(h) {
+  function Fe(h) {
     var w = 100, _ = !1;
-    return d.forEach(function(A, j) {
+    return f.forEach(function(A, j) {
       if (!Z(j)) {
         var W = g[j], re = Math.abs(W - h), ee = re === 100 && w === 100, ke = re < w, Se = re <= w && h > W;
         (ke || Se || ee) && (_ = j, w = re);
@@ -5893,7 +5897,7 @@ function $c(r, e, t) {
     if (!w.handleNumbers.some(Z)) {
       var _;
       if (w.handleNumbers.length === 1) {
-        var A = d[w.handleNumbers[0]];
+        var A = f[w.handleNumbers[0]];
         _ = A.children[0], x += 1, je(_, e.cssClasses.active);
       }
       h.stopPropagation();
@@ -5923,14 +5927,14 @@ function $c(r, e, t) {
         doNotReject: !0,
         handleNumbers: w.handleNumbers
       });
-      j.push.apply(j, W.concat(re, ee)), h.cursor && (y.style.cursor = getComputedStyle(h.target).cursor, d.length > 1 && je(s, e.cssClasses.drag), y.addEventListener("selectstart", Or, !1)), w.handleNumbers.forEach(function(ke) {
+      j.push.apply(j, W.concat(re, ee)), h.cursor && (y.style.cursor = getComputedStyle(h.target).cursor, f.length > 1 && je(s, e.cssClasses.drag), y.addEventListener("selectstart", Or, !1)), w.handleNumbers.forEach(function(ke) {
         Le("start", ke);
       });
     }
   }
   function $a(h) {
     h.stopPropagation();
-    var w = de(h.calcPoint), _ = ze(w);
+    var w = de(h.calcPoint), _ = Fe(w);
     _ !== !1 && (e.events.snap || Lr(s, e.cssClasses.tap, e.animationDuration), bt(_, w, !0, !0), Dn(), Le("slide", _, !0), Le("update", _, !0), e.events.snap ? Mt(h, { handleNumbers: [_] }) : (Le("change", _, !0), Le("set", _, !0)));
   }
   function Ma(h) {
@@ -5952,7 +5956,7 @@ function $c(r, e, t) {
     h.preventDefault();
     var Ve;
     if ($e || Se) {
-      var Ye = Se ? 0 : 1, Fe = yr(w), Ne = Fe[Ye];
+      var Ye = Se ? 0 : 1, Ae = yr(w), Ne = Ae[Ye];
       if (Ne === null)
         return !1;
       Ne === !1 && (Ne = $.getDefaultStep(g[w], Se, e.keyboardDefaultStep)), ke || ee ? Ne *= e.keyboardPageMultiplier : Ne *= e.keyboardMultiplier, Ne = Math.max(Ne, 1e-7), Ne = (Se ? -1 : 1) * Ne, Ve = I[w] + Ne;
@@ -5960,7 +5964,7 @@ function $c(r, e, t) {
     return bt(w, $.toStepping(Ve), !0, !0), Le("slide", w), Le("update", w), Le("change", w), Le("set", w), !1;
   }
   function pr(h) {
-    h.fixed || d.forEach(function(w, _) {
+    h.fixed || f.forEach(function(w, _) {
       X(n.start, w.children[0], Mt, {
         handleNumbers: [_]
       });
@@ -5968,8 +5972,8 @@ function $c(r, e, t) {
       hover: !0
     }), h.drag && v.forEach(function(w, _) {
       if (!(w === !1 || _ === 0 || _ === v.length - 1)) {
-        var A = d[_ - 1], j = d[_], W = [w], re = [A, j], ee = [_ - 1, _];
-        je(w, e.cssClasses.draggable), h.fixed && (W.push(A.children[0]), W.push(j.children[0])), h.dragAll && (re = d, ee = D), W.forEach(function(ke) {
+        var A = f[_ - 1], j = f[_], W = [w], re = [A, j], ee = [_ - 1, _];
+        je(w, e.cssClasses.draggable), h.fixed && (W.push(A.children[0]), W.push(j.children[0])), h.dragAll && (re = f, ee = D), W.forEach(function(ke) {
           X(n.start, ke, Mt, {
             handles: re,
             handleNumbers: ee,
@@ -5980,7 +5984,7 @@ function $c(r, e, t) {
     });
   }
   function Sn(h, w) {
-    k[h] = k[h] || [], k[h].push(w), h.split(".")[0] === "update" && d.forEach(function(_, A) {
+    k[h] = k[h] || [], k[h].push(w), h.split(".")[0] === "update" && f.forEach(function(_, A) {
       Le("update", A);
     });
   }
@@ -6019,7 +6023,7 @@ function $c(r, e, t) {
   }
   function tn(h, w, _, A, j, W, re) {
     var ee;
-    return d.length > 1 && !e.events.unconstrained && (A && w > 0 && (ee = $.getAbsoluteDistance(h[w - 1], e.margin, !1), _ = Math.max(_, ee)), j && w < d.length - 1 && (ee = $.getAbsoluteDistance(h[w + 1], e.margin, !0), _ = Math.min(_, ee))), d.length > 1 && e.limit && (A && w > 0 && (ee = $.getAbsoluteDistance(h[w - 1], e.limit, !1), _ = Math.min(_, ee)), j && w < d.length - 1 && (ee = $.getAbsoluteDistance(h[w + 1], e.limit, !0), _ = Math.max(_, ee))), e.padding && (w === 0 && (ee = $.getAbsoluteDistance(0, e.padding[0], !1), _ = Math.max(_, ee)), w === d.length - 1 && (ee = $.getAbsoluteDistance(100, e.padding[1], !0), _ = Math.min(_, ee))), re || (_ = $.getStep(_)), _ = Er(_), _ === h[w] && !W ? !1 : _;
+    return f.length > 1 && !e.events.unconstrained && (A && w > 0 && (ee = $.getAbsoluteDistance(h[w - 1], e.margin, !1), _ = Math.max(_, ee)), j && w < f.length - 1 && (ee = $.getAbsoluteDistance(h[w + 1], e.margin, !0), _ = Math.min(_, ee))), f.length > 1 && e.limit && (A && w > 0 && (ee = $.getAbsoluteDistance(h[w - 1], e.limit, !1), _ = Math.min(_, ee)), j && w < f.length - 1 && (ee = $.getAbsoluteDistance(h[w + 1], e.limit, !0), _ = Math.max(_, ee))), e.padding && (w === 0 && (ee = $.getAbsoluteDistance(0, e.padding[0], !1), _ = Math.max(_, ee)), w === f.length - 1 && (ee = $.getAbsoluteDistance(100, e.padding[1], !0), _ = Math.min(_, ee))), re || (_ = $.getStep(_)), _ = Er(_), _ === h[w] && !W ? !1 : _;
   }
   function _n(h, w) {
     var _ = e.ort;
@@ -6044,21 +6048,21 @@ function $c(r, e, t) {
   function Oa(h, w) {
     g[h] = w, I[h] = $.fromStepping(w);
     var _ = hr(w, 0) - C, A = "translate(" + _n(_ + "%", "0") + ")";
-    if (d[h].style[e.transformRule] = A, e.events.invertConnects && g.length > 1) {
+    if (f[h].style[e.transformRule] = A, e.events.invertConnects && g.length > 1) {
       var j = g.every(function(W, re, ee) {
         return re === 0 || W >= ee[re - 1];
       });
-      if (f !== !j) {
+      if (d !== !j) {
         Fa();
         return;
       }
     }
-    Ft(h), Ft(h + 1), f && (Ft(h - 1), Ft(h + 2));
+    Ft(h), Ft(h + 1), d && (Ft(h - 1), Ft(h + 2));
   }
   function Dn() {
     D.forEach(function(h) {
-      var w = g[h] > 50 ? -1 : 1, _ = 3 + (d.length + w * h);
-      d[h].style.zIndex = String(_);
+      var w = g[h] > 50 ? -1 : 1, _ = 3 + (f.length + w * h);
+      f[h].style.zIndex = String(_);
     });
   }
   function bt(h, w, _, A, j, W) {
@@ -6067,7 +6071,7 @@ function $c(r, e, t) {
   function Ft(h) {
     if (v[h]) {
       var w = g.slice();
-      f && w.sort(function(ee, ke) {
+      d && w.sort(function(ee, ke) {
         return ee - ke;
       });
       var _ = 0, A = 100;
@@ -6164,7 +6168,7 @@ function $c(r, e, t) {
     pr({ drag: e.events.drag, fixed: !0 });
   }
   function Fa() {
-    f = !f, oa(
+    d = !d, oa(
       e,
       // inverse the connect boolean array
       e.connect.map(function(h) {
@@ -6203,7 +6207,7 @@ function $c(r, e, t) {
       return S;
     },
     getOrigins: function() {
-      return d;
+      return f;
     },
     pips: z
     // Issue #594
@@ -6334,30 +6338,30 @@ const Vr = {
       animationDuration: n.duration
     };
     let i = null;
-    Re(() => o.value, (g, D) => {
+    ze(() => o.value, (g, D) => {
       if (!n.selectable)
         return;
       const k = document.querySelector(`#${a}`).querySelectorAll("[data-handle]");
-      for (let f in k) k.hasOwnProperty(f) && k[f].classList.remove("selected");
+      for (let d in k) k.hasOwnProperty(d) && k[d].classList.remove("selected");
       g !== null && document.querySelector(`#${a} [data-handle="${g}"]`).classList.add("selected");
     }), Be(() => {
       i = document.getElementById(a), Vr.create(i, s), t("init"), l();
     });
     const l = () => {
-      i.noUiSlider.on("start", (g, D, x, k, f, u) => {
-        o.value = D, t("start", { values: g, index: D, eunencoded: x, tap: k, positions: f, slider: u, selectedIndex: o });
-      }), i.noUiSlider.on("slide", (g, D, x, k, f, u) => {
-        o.value = D, t("slide", { values: g, index: D, eunencoded: x, tap: k, positions: f, slider: u, selectedIndex: o });
-      }), i.noUiSlider.on("drag", (g, D, x, k, f, u) => {
-        o.value = D, t("drag", { values: g, index: D, eunencoded: x, tap: k, positions: f, slider: u, selectedIndex: o });
-      }), i.noUiSlider.on("update", (g, D, x, k, f, u) => {
-        o.value = D, t("update", { values: g, index: D, eunencoded: x, tap: k, positions: f, slider: u, selectedIndex: o });
-      }), i.noUiSlider.on("change", (g, D, x, k, f, u) => {
-        o.value = D, t("change", { values: g, index: D, eunencoded: x, tap: k, positions: f, slider: u, selectedIndex: o });
-      }), i.noUiSlider.on("set", (g, D, x, k, f, u) => {
-        o.value = D, t("set", { values: g, index: D, eunencoded: x, tap: k, positions: f, slider: u, selectedIndex: o });
-      }), i.noUiSlider.on("end", (g, D, x, k, f, u) => {
-        o.value = D, t("end", { values: g, index: D, eunencoded: x, tap: k, positions: f, slider: u, selectedIndex: o });
+      i.noUiSlider.on("start", (g, D, x, k, d, u) => {
+        o.value = D, t("start", { values: g, index: D, eunencoded: x, tap: k, positions: d, slider: u, selectedIndex: o });
+      }), i.noUiSlider.on("slide", (g, D, x, k, d, u) => {
+        o.value = D, t("slide", { values: g, index: D, eunencoded: x, tap: k, positions: d, slider: u, selectedIndex: o });
+      }), i.noUiSlider.on("drag", (g, D, x, k, d, u) => {
+        o.value = D, t("drag", { values: g, index: D, eunencoded: x, tap: k, positions: d, slider: u, selectedIndex: o });
+      }), i.noUiSlider.on("update", (g, D, x, k, d, u) => {
+        o.value = D, t("update", { values: g, index: D, eunencoded: x, tap: k, positions: d, slider: u, selectedIndex: o });
+      }), i.noUiSlider.on("change", (g, D, x, k, d, u) => {
+        o.value = D, t("change", { values: g, index: D, eunencoded: x, tap: k, positions: d, slider: u, selectedIndex: o });
+      }), i.noUiSlider.on("set", (g, D, x, k, d, u) => {
+        o.value = D, t("set", { values: g, index: D, eunencoded: x, tap: k, positions: d, slider: u, selectedIndex: o });
+      }), i.noUiSlider.on("end", (g, D, x, k, d, u) => {
+        o.value = D, t("end", { values: g, index: D, eunencoded: x, tap: k, positions: d, slider: u, selectedIndex: o });
       });
     };
     return e({
@@ -6391,24 +6395,24 @@ const Vr = {
   emits: ["angle"],
   setup(r, { emit: e }) {
     const t = r, n = E(null), a = E(parseInt(t.angle)), o = E(!1);
-    Re(() => t.angle, (l) => {
+    ze(() => t.angle, (l) => {
       a.value = -~l;
     });
-    const s = (l, d, v, m) => Math.atan2(l - v, d - m) * (180 / Math.PI) * -1 + 180, i = (l) => {
+    const s = (l, f, v, m) => Math.atan2(l - v, f - m) * (180 / Math.PI) * -1 + 180, i = (l) => {
       if (o.value) {
-        let d = -~(n.value.offsetHeight || n.value.height) / 2, v = -~(n.value.offsetWidth || n.value.width) / 2, m = s(l.offsetX, l.offsetY, d, v);
+        let f = -~(n.value.offsetHeight || n.value.height) / 2, v = -~(n.value.offsetWidth || n.value.width) / 2, m = s(l.offsetX, l.offsetY, f, v);
         a.value = -~m, e("angle", m);
       }
     };
-    return (l, d) => (c(), b("div", null, [
+    return (l, f) => (c(), b("div", null, [
       T("div", {
         ref_key: "setupAngle",
         ref: n,
         class: "angleSelect",
-        onMousedown: d[0] || (d[0] = (v) => o.value = !0),
-        onMouseup: d[1] || (d[1] = (v) => o.value = !1),
+        onMousedown: f[0] || (f[0] = (v) => o.value = !0),
+        onMouseup: f[1] || (f[1] = (v) => o.value = !1),
         onMousemove: i,
-        onMouseleave: d[2] || (d[2] = (v) => o.value = !1)
+        onMouseleave: f[2] || (f[2] = (v) => o.value = !1)
       }, [
         T("div", {
           class: "container",
@@ -6622,11 +6626,11 @@ function Hc() {
       return i(
         "linear-gradient",
         e.linearGradient,
-        d
+        f
       ) || i(
         "repeating-linear-gradient",
         e.repeatingLinearGradient,
-        d
+        f
       ) || i(
         "radial-gradient",
         e.radialGradient,
@@ -6655,7 +6659,7 @@ function Hc() {
         return De(e.endCall) || n("Missing )"), z;
       }
     }
-    function d() {
+    function f() {
       var J = v();
       if (J)
         return J;
@@ -6721,14 +6725,14 @@ function Hc() {
       }
     }
     function k() {
-      var J = f();
+      var J = d();
       if (J.x || J.y)
         return {
           type: "position",
           value: J
         };
     }
-    function f() {
+    function d() {
       return {
         x: U(),
         y: U()
@@ -6908,16 +6912,16 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
     Qe.mutations.addIcons({ MinusSharp: ml });
     const n = O({
       get: () => t.modelValue,
-      set: (f) => {
-        e("update:modelValue", f);
+      set: (d) => {
+        e("update:modelValue", d);
       }
-    }), a = E(null), o = E(null), s = E([{ code: "#FFFFFF" }]), i = E(""), l = E("linear"), d = E("0"), v = E("");
+    }), a = E(null), o = E(null), s = E([{ code: "#FFFFFF" }]), i = E(""), l = E("linear"), f = E("0"), v = E("");
     let m = 1;
     const S = () => {
       a.value.show(), $();
     }, $ = () => {
       const p = n.value.split(";")[1].trim().split(":")[1].trim(), y = Bc.parse(p), C = y[0].type.split("-");
-      l.value = C[0], l.value === "linear" && (d.value = y[0].orientation.value), s.value = [], m = y[0].colorStops.length;
+      l.value = C[0], l.value === "linear" && (f.value = y[0].orientation.value), s.value = [], m = y[0].colorStops.length;
       const R = [];
       for (let K = 0; K < y[0].colorStops.length; K++) {
         const ne = y[0].colorStops[K].type === "hex" ? `#${y[0].colorStops[K].value}` : `rgba(${y[0].colorStops[K].value.join(",")})`;
@@ -6935,15 +6939,15 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
     }, D = () => {
       if (m < t.maxColors) {
         s.value.push({ code: "#FFFFFF" }), m++;
-        const f = Math.round(100 / m), u = [];
+        const d = Math.round(100 / m), u = [];
         for (let p = 0; p < m; p++)
-          u.push(p * f);
+          u.push(p * d);
         o.value.updateStart(u);
       }
-    }, x = (f) => {
+    }, x = (d) => {
       if (m > 1) {
         const u = o.value.get();
-        u.splice(f, 1), s.value.splice(f, 1), o.value.updateStart(u), m--;
+        u.splice(d, 1), s.value.splice(d, 1), o.value.updateStart(u), m--;
       }
     };
     Be(() => {
@@ -6952,14 +6956,14 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
     const k = () => {
       if (!o.value)
         return;
-      const f = l.value + "-gradient", u = o.value.position();
+      const d = l.value + "-gradient", u = o.value.position();
       let p = [];
-      p.push(l.value === "radial" ? "circle" : `${d.value}deg`);
+      p.push(l.value === "radial" ? "circle" : `${f.value}deg`);
       for (let y = 0; y < s.value.length; y++)
         p.push(`${s.value[y].code} ${parseInt(u[y])}%`);
-      i.value = `background: ${s.value[0].code};`, s.value.length > 1 && (i.value += `background: ${f}(${p.join(", ")})`);
+      i.value = `background: ${s.value[0].code};`, s.value.length > 1 && (i.value += `background: ${d}(${p.join(", ")})`);
     };
-    return (f, u) => (c(), b("div", null, [
+    return (d, u) => (c(), b("div", null, [
       F(et, {
         pre: I,
         label: t.label,
@@ -6976,7 +6980,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
         ]),
         _: 1
       }, 8, ["label", "modelValue"]),
-      He(T("input", {
+      Re(T("input", {
         type: "hidden",
         "onUpdate:modelValue": u[1] || (u[1] = (p) => n.value = p)
       }, null, 512), [
@@ -7019,8 +7023,8 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
               l.value !== "radial" ? (c(), H(Fc, {
                 key: 0,
                 onChange: k,
-                modelValue: d.value,
-                "onUpdate:modelValue": u[3] || (u[3] = (p) => d.value = p)
+                modelValue: f.value,
+                "onUpdate:modelValue": u[3] || (u[3] = (p) => f.value = p)
               }, null, 8, ["modelValue"])) : P("", !0)
             ])
           ]),
@@ -7090,7 +7094,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
   },
   emits: ["ready", "resize", "resized", "pane-click", "pane-maximize", "pane-add", "pane-remove", "splitter-click"],
   setup(r, { emit: e }) {
-    const t = r, n = ct(), a = E([]), o = O(() => a.value.length), s = O(() => a.value.reduce((M, L) => (M[~~L.id] = L) && M, {})), i = E(null), l = E(!1), d = E({
+    const t = r, n = ct(), a = E([]), o = O(() => a.value.length), s = O(() => a.value.reduce((M, L) => (M[~~L.id] = L) && M, {})), i = E(null), l = E(!1), f = E({
       mouseDown: !1,
       dragging: !1,
       activeSplitter: null
@@ -7103,23 +7107,23 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
     }, S = () => {
       document.removeEventListener("mousemove", I, { passive: !1 }), document.removeEventListener("mouseup", g), "ontouchstart" in window && (document.removeEventListener("touchmove", I, { passive: !1 }), document.removeEventListener("touchend", g));
     }, $ = (M, L) => {
-      m(), d.value.mouseDown = !0, d.value.activeSplitter = L;
+      m(), f.value.mouseDown = !0, f.value.activeSplitter = L;
     }, I = (M) => {
-      t.movable && d.value.mouseDown && (M.preventDefault(), d.value.dragging = !0, p(f(M)), e("resize", a.value.map((L) => ({ min: L.min, max: L.max, size: L.size }))));
+      t.movable && f.value.mouseDown && (M.preventDefault(), f.value.dragging = !0, p(d(M)), e("resize", a.value.map((L) => ({ min: L.min, max: L.max, size: L.size }))));
     }, g = () => {
-      d.value.dragging && e("resized", a.value.map((M) => ({ min: M.min, max: M.max, size: M.size }))), d.value.mouseDown = !1, setTimeout(() => {
-        d.value.dragging = !1, S();
+      f.value.dragging && e("resized", a.value.map((M) => ({ min: M.min, max: M.max, size: M.size }))), f.value.mouseDown = !1, setTimeout(() => {
+        f.value.dragging = !1, S();
       }, 100);
     }, D = (M, L) => {
       "ontouchstart" in window && (M.preventDefault(), t.dblClickSplitter && (v.value.splitter === L ? (clearTimeout(v.value.timeoutId), v.value.timeoutId = null, x(M, L), v.value.splitter = null) : (v.value.splitter = L, v.value.timeoutId = setTimeout(() => {
         v.value.splitter = null;
-      }, 500)))), d.value.dragging || e("splitter-click", a.value[L]);
+      }, 500)))), f.value.dragging || e("splitter-click", a.value[L]);
     }, x = (M, L) => {
       let z = 0;
       a.value = a.value.map((B, X) => (B.size = X === L ? B.max : B.min, X !== L && (z += B.min), B)), a.value[L].size -= z, e("pane-maximize", a.value[L]), e("resized", a.value.map((B) => ({ min: B.min, max: B.max, size: B.size })));
     }, k = (M, L) => {
       e("pane-click", s.value[L]);
-    }, f = (M) => {
+    }, d = (M) => {
       const L = i.value.getBoundingClientRect(), { clientX: z, clientY: B } = "ontouchstart" in window && M.touches ? M.touches[0] : M;
       return {
         x: z - L.left,
@@ -7130,7 +7134,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
       const L = i.value[t.horizontal ? "clientHeight" : "clientWidth"];
       return t.rtl && !t.horizontal && (M = L - M), M * 100 / L;
     }, p = (M) => {
-      const L = d.value.activeSplitter;
+      const L = f.value.activeSplitter;
       let z = {
         prevPanesSize: C(L),
         nextPanesSize: R(L),
@@ -7138,20 +7142,20 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
         nextReachedMinPanes: 0
       };
       const B = 0 + (t.pushOtherPanes ? 0 : z.prevPanesSize), X = 100 - (t.pushOtherPanes ? 0 : z.nextPanesSize), ae = Math.max(Math.min(u(M), X), B);
-      let de = [L, L + 1], ze = a.value[de[0]] || null, tt = a.value[de[1]] || null;
-      const en = ze.max < 100 && ae >= ze.max + z.prevPanesSize, Vt = tt.max < 100 && ae <= 100 - (tt.max + R(L + 1));
+      let de = [L, L + 1], Fe = a.value[de[0]] || null, tt = a.value[de[1]] || null;
+      const en = Fe.max < 100 && ae >= Fe.max + z.prevPanesSize, Vt = tt.max < 100 && ae <= 100 - (tt.max + R(L + 1));
       if (en || Vt) {
-        en ? (ze.size = ze.max, tt.size = Math.max(100 - ze.max - z.prevPanesSize - z.nextPanesSize, 0)) : (ze.size = Math.max(100 - tt.max - z.prevPanesSize - R(L + 1), 0), tt.size = tt.max);
+        en ? (Fe.size = Fe.max, tt.size = Math.max(100 - Fe.max - z.prevPanesSize - z.nextPanesSize, 0)) : (Fe.size = Math.max(100 - tt.max - z.prevPanesSize - R(L + 1), 0), tt.size = tt.max);
         return;
       }
       if (t.pushOtherPanes) {
         const Mt = y(z, ae);
         if (!Mt) return;
-        ({ sums: z, panesToResize: de } = Mt), ze = a.value[de[0]] || null, tt = a.value[de[1]] || null;
+        ({ sums: z, panesToResize: de } = Mt), Fe = a.value[de[0]] || null, tt = a.value[de[1]] || null;
       }
-      ze !== null && (ze.size = Math.min(Math.max(ae - z.prevPanesSize - z.prevReachedMinPanes, ze.min), ze.max)), tt !== null && (tt.size = Math.min(Math.max(100 - ae - z.nextPanesSize - z.nextReachedMinPanes, tt.min), tt.max));
+      Fe !== null && (Fe.size = Math.min(Math.max(ae - z.prevPanesSize - z.prevReachedMinPanes, Fe.min), Fe.max)), tt !== null && (tt.size = Math.min(Math.max(100 - ae - z.nextPanesSize - z.nextReachedMinPanes, tt.min), tt.max));
     }, y = (M, L) => {
-      const z = d.value.activeSplitter, B = [z, z + 1];
+      const z = f.value.activeSplitter, B = [z, z + 1];
       return L < M.prevPanesSize + a.value[B[0]].min && (B[0] = K(z).index, M.prevReachedMinPanes = 0, B[0] < z && a.value.forEach((X, ae) => {
         ae > B[0] && ae <= z && (X.size = X.min, M.prevReachedMinPanes += X.min);
       }), M.prevPanesSize = C(B[0]), B[0] === void 0) ? (M.prevReachedMinPanes = 0, a.value[0].size = a.value[0].min, a.value.forEach((X, ae) => {
@@ -7225,17 +7229,17 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
       let B;
       M > 0 ? B = M / (o.value - L.length) : B = M / (o.value - z.length), a.value.forEach((X, ae) => {
         if (M > 0 && !L.includes(X.id)) {
-          const de = Math.max(Math.min(X.size + B, X.max), X.min), ze = de - X.size;
-          M -= ze, X.size = de;
+          const de = Math.max(Math.min(X.size + B, X.max), X.min), Fe = de - X.size;
+          M -= Fe, X.size = de;
         } else if (!z.includes(X.id)) {
-          const de = Math.max(Math.min(X.size + B, X.max), X.min), ze = de - X.size;
-          M -= ze, X.size = de;
+          const de = Math.max(Math.min(X.size + B, X.max), X.min), Fe = de - X.size;
+          M -= Fe, X.size = de;
         }
       }), Math.abs(M) > 0.1 && it(() => {
         l.value && console.warn("D-Splitter: Could not resize panes correctly due to their constraints.");
       });
     };
-    Re(() => t.firstSplitter, () => V()), Re(() => t.dblClickSplitter, (M) => {
+    ze(() => t.firstSplitter, () => V()), ze(() => t.dblClickSplitter, (M) => {
       [...i.value.querySelectorAll(".d-splitter__splitter")].forEach((z, B) => {
         z.ondblclick = M ? (X) => x(X, B) : void 0;
       });
@@ -7249,12 +7253,12 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
         class: [
           "d-splitter",
           `d-splitter--${t.horizontal ? "horizontal" : "vertical"}`,
-          { "d-splitter--dragging": d.value.dragging }
+          { "d-splitter--dragging": f.value.dragging }
         ]
       },
       n.default?.()
     );
-    return wt("panes", a), wt("indexedPanes", s), wt("horizontal", O(() => t.horizontal)), wt("requestUpdate", Z), wt("onPaneAdd", U), wt("onPaneRemove", he), wt("onPaneClick", k), (M, L) => (c(), H(Ae(J)));
+    return wt("panes", a), wt("indexedPanes", s), wt("horizontal", O(() => t.horizontal)), wt("requestUpdate", Z), wt("onPaneAdd", U), wt("onPaneRemove", he), wt("onPaneClick", k), (M, L) => (c(), H(He(J)));
   }
 }, uh = {
   __name: "DSplitterPanel",
@@ -7264,7 +7268,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
     maxSize: { type: [Number, String], default: 100 }
   },
   setup(r) {
-    const e = r, t = Tt("requestUpdate"), n = Tt("onPaneAdd"), a = Tt("horizontal"), o = Tt("onPaneRemove"), s = Tt("onPaneClick"), i = gn()?.uid, l = Tt("indexedPanes"), d = O(() => l.value[i]), v = E(null), m = O(() => {
+    const e = r, t = Tt("requestUpdate"), n = Tt("onPaneAdd"), a = Tt("horizontal"), o = Tt("onPaneRemove"), s = Tt("onPaneClick"), i = gn()?.uid, l = Tt("indexedPanes"), f = O(() => l.value[i]), v = E(null), m = O(() => {
       const g = isNaN(e.size) || e.size === void 0 ? 0 : parseFloat(e.size);
       return Math.max(Math.min(g, $.value), S.value);
     }), S = O(() => {
@@ -7273,7 +7277,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
     }), $ = O(() => {
       const g = parseFloat(e.maxSize);
       return isNaN(g) ? 100 : g;
-    }), I = O(() => `${a.value ? "height" : "width"}: ${d.value?.size}%`);
+    }), I = O(() => `${a.value ? "height" : "width"}: ${f.value?.size}%`);
     return Be(() => {
       n({
         id: i,
@@ -7285,7 +7289,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
         size: m.value
         // The computed current size at any time.
       });
-    }), Re(() => m.value, (g) => t({ uid: i, size: g })), Re(() => S.value, (g) => t({ uid: i, min: g })), Re(() => $.value, (g) => t({ uid: i, max: g })), Qr(() => o(i)), (g, D) => (c(), b("div", {
+    }), ze(() => m.value, (g) => t({ uid: i, size: g })), ze(() => S.value, (g) => t({ uid: i, min: g })), ze(() => $.value, (g) => t({ uid: i, max: g })), Qr(() => o(i)), (g, D) => (c(), b("div", {
       ref_key: "paneEl",
       ref: v,
       class: "d-splitter__panel",
@@ -7329,7 +7333,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
       }, null, 6))), 128))
     ], 16));
   }
-}, ch = /* @__PURE__ */ _e(Wc, [["__scopeId", "data-v-cc44d88a"]]), qc = (r) => (Ut("data-v-2ef10cc8"), r = r(), Xt(), r), Uc = { class: "d-input-select-wrapper" }, Xc = {
+}, ch = /* @__PURE__ */ _e(Wc, [["__scopeId", "data-v-cc44d88a"]]), qc = (r) => (Ut("data-v-24cd63f6"), r = r(), Xt(), r), Uc = { class: "d-input-select-wrapper" }, Xc = {
   key: 0,
   class: "d-label"
 }, Gc = {
@@ -7375,42 +7379,50 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
   setup(r, { expose: e, emit: t }) {
     const n = r, a = O({
       get: () => n.modelValue,
-      set: (f) => {
-        t("update:modelValue", f);
+      set: (d) => {
+        t("update:modelValue", d);
       }
-    }), o = E(null), s = E(null), i = E(0), l = E(0), d = E(0), v = E(""), m = E(""), S = E(""), $ = E("");
-    Re(() => a.value, () => {
+    }), o = E(null), s = E(null), i = E(0), l = E(0), f = E(0), v = E(""), m = E(""), S = E(""), $ = E("");
+    ze(() => a.value, () => {
       if (a.value === "")
         v.value = "";
       else
-        for (let f = 0; f < n.items.length; f++)
-          n.items[f].id === a.value && (v.value = n.items[f].title, m.value = n.items[f].icons?.icon?.component, S.value = n.items[f].icons?.icon?.color);
+        for (let d = 0; d < n.items.length; d++)
+          n.items[d].id === a.value && (v.value = n.items[d].title, m.value = n.items[d].icons?.icon?.component, S.value = n.items[d].icons?.icon?.color);
     });
-    const I = (f) => {
-      if (t("click", f), o.value.isShowed()) {
+    const I = (d) => {
+      if (t("click", d), o.value.isShowed()) {
         o.value.hide();
         return;
       }
       o.value.show(), t("open"), it(() => {
         const u = o.value.elementSize(), p = s.value.getBoundingClientRect(), y = window.innerHeight;
-        i.value = p.left, l.value = p.width, d.value = y - (p.y + p.height) < u.height ? p.top - u.height - 5 : p.height + p.top + 5;
+        i.value = p.left, l.value = p.width, f.value = y - (p.y + p.height) < u.height ? p.top - u.height - 5 : p.height + p.top + 5;
       });
     }, g = () => {
       if (!(!n.form || !n.form.fields || !n.form.fields[n.name].rules))
         return $.value = yn.validate(a.value, n.form.fields[n.name].rules), !!$.value;
-    }, D = (f) => {
-      a.value = f.model.id, v.value = f.model.title, m.value = f.model.icons?.icon?.component, S.value = f.model.icons?.icon?.color, t("select", f), g();
-    }, x = O(() => ({ left: i.value + "px", width: l.value + "px", top: d.value + "px", position: n.bodyAsParent ? "absolute" : "fixed", ...n.menuStyle }));
+    };
+    ze(() => n.items, () => {
+      if (a.value) {
+        const d = n.items.find((u) => u.id === a.value);
+        d && (v.value = d.title, m.value = d.icons?.icon?.component, S.value = d.icons?.icon?.color);
+      }
+    }, { deep: !0, immediate: !0 });
+    const D = (d) => {
+      const u = n.items.find((p) => p.id === d.model.id);
+      a.value = u.id, t("select", d), g();
+    }, x = O(() => ({ left: i.value + "px", width: l.value + "px", top: f.value + "px", position: n.bodyAsParent ? "absolute" : "fixed", ...n.menuStyle }));
     return Be(() => {
       if (a.value)
-        for (let f = 0; f < n.items.length; f++)
-          n.items[f].id === a.value && (v.value = n.items[f].title, m.value = n.items[f].icons?.icon?.component, S.value = n.items[f].icons?.icon?.color);
+        for (let d = 0; d < n.items.length; d++)
+          n.items[d].id === a.value && (v.value = n.items[d].title, m.value = n.items[d].icons?.icon?.component, S.value = n.items[d].icons?.icon?.color);
     }), e({
-      setError: (f) => {
-        $.value = f;
+      setError: (d) => {
+        $.value = d;
       },
       validate: g
-    }), (f, u) => (c(), b("div", Uc, [
+    }), (d, u) => (c(), b("div", Uc, [
       n.label ? (c(), b("div", Xc, [
         ie(Q(n.label), 1),
         n.form?.fields[n.name].rules && n.form.fields[n.name].rules.hasOwnProperty("required") ? (c(), b("span", Gc, "*")) : P("", !0)
@@ -7469,7 +7481,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
       }, null, 8, od)) : P("", !0)
     ]));
   }
-}, Fr = /* @__PURE__ */ _e(sd, [["__scopeId", "data-v-2ef10cc8"]]), id = {
+}, Fr = /* @__PURE__ */ _e(sd, [["__scopeId", "data-v-24cd63f6"]]), id = {
   key: 0,
   class: "d-label"
 }, ld = {
@@ -7518,10 +7530,10 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
         e("update:modelValue", x);
       }
     });
-    Re(() => n, () => {
+    ze(() => n, () => {
       t.sort && n.value.sort, a.value?.itemsCount() === 0 && a.value.hide();
     });
-    const a = E(null), o = E(null), s = E(0), i = E(0), l = E(0), d = E("");
+    const a = E(null), o = E(null), s = E(0), i = E(0), l = E(0), f = E("");
     E("");
     const v = (x, k = !0) => {
       if (e("click", x), a.value.isShowed() && k) {
@@ -7529,39 +7541,39 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
         return;
       }
       a.value.show(), e("open"), it(() => {
-        const f = a.value.elementSize(), u = o.value.getBoundingClientRect(), p = window.innerHeight;
-        s.value = u.left, i.value = u.width, l.value = p - (u.y + u.height) < f.height ? u.top - f.height - 5 : u.height + u.top + 5, S(), (a.value?.itemsCount() === 0 || a.value?.itemsCount() === void 0) && a.value.hide();
+        const d = 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) < d.height ? u.top - d.height - 5 : u.height + u.top + 5, S(), (a.value?.itemsCount() === 0 || a.value?.itemsCount() === void 0) && a.value.hide();
       });
     }, m = (x) => {
-      d.value = "";
+      f.value = "";
       let k = -1;
-      for (let f = 0; f < n.value.length; f++)
-        n.value[f] === x.model.id && (k = f);
+      for (let d = 0; d < n.value.length; d++)
+        n.value[d] === x.model.id && (k = d);
       k >= 0 ? n.value.splice(k, 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].id) && a.value.selectNode(t.items[x].id);
     }, $ = O(() => ({ left: s.value + "px", width: i.value + "px", top: l.value + "px", position: t.bodyAsParent ? "absolute" : "fixed", ...t.menuStyle })), I = O(() => n.value.map((x) => {
-      const k = t.items.find((f) => f.id === x);
+      const k = t.items.find((d) => d.id === x);
       return k ? k.title : x;
-    })), g = (x, k, f) => {
-      const u = t.items.find((p) => p.title === f)?.id || f;
+    })), g = (x, k, d) => {
+      const u = t.items.find((p) => p.title === d)?.id || d;
       if (u) {
         const p = n.value.indexOf(u);
         p > -1 && n.value.splice(p, 1);
       }
     }, D = () => {
-      if (d.value && !t.noNewTags) {
-        const x = d.value.split(",");
+      if (f.value && !t.noNewTags) {
+        const x = f.value.split(",");
         for (let k = 0; k < x.length; k++) {
-          const f = x[k].toLowerCase().trim();
+          const d = x[k].toLowerCase().trim();
           let u = !1;
           for (let p = 0; p < n.value.length; p++)
-            n.value[p] === f && (u = !0);
-          u || n.value.push(f);
+            n.value[p] === d && (u = !0);
+          u || n.value.push(d);
         }
-        d.value = "";
+        f.value = "";
       }
     };
     return (x, k) => (c(), b("div", null, [
@@ -7577,25 +7589,25 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
           onClick: Ce(v, ["stop", "prevent"])
         }, [
           T("div", dd, [
-            (c(!0), b(me, null, we(I.value, (f, u) => (c(), H(G(pe), {
+            (c(!0), b(me, null, we(I.value, (d, u) => (c(), H(G(pe), {
               key: u,
-              onClick: Ce((p) => g(p, u, f), ["stop"]),
+              onClick: Ce((p) => g(p, u, d), ["stop"]),
               scale: "small"
             }, {
               default: Y(() => [
-                ie(Q(f), 1)
+                ie(Q(d), 1)
               ]),
               _: 2
             }, 1032, ["onClick"]))), 128))
           ]),
           t.add ? (c(), H(G(et), {
             key: 0,
-            modelValue: d.value,
-            "onUpdate:modelValue": k[0] || (k[0] = (f) => d.value = f),
+            modelValue: f.value,
+            "onUpdate:modelValue": k[0] || (k[0] = (d) => f.value = d),
             style: { "margin-bottom": "3px", "margin-top": "3px" },
             onKeyup: [
               Gr(D, ["enter"]),
-              k[1] || (k[1] = (f) => v(f, !1))
+              k[1] || (k[1] = (d) => v(d, !1))
             ]
           }, yt({ _: 2 }, [
             t.noNewTags ? void 0 : {
@@ -7623,7 +7635,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
           "body-as-parent": t.bodyAsParent,
           "delay-click": t.delayClick,
           "multi-select": !0,
-          search: d.value
+          search: f.value
         }, null, 8, ["items", "style", "render-item-title", "before-item", "body-as-parent", "delay-click", "search"])
       ])
     ]));
@@ -7677,7 +7689,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
       set: (g) => {
         e("update:modelValue", g);
       }
-    }), a = E(null), o = E(null), s = E(0), i = E(0), l = E(0), d = E("");
+    }), a = E(null), o = E(null), s = E(0), i = E(0), l = E(0), f = E("");
     let v = !0;
     const m = (g, D = !0) => {
       if (e("click", g), a.value.isShowed() && D) {
@@ -7685,26 +7697,26 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
         return;
       }
       a.value.show(), e("open"), it(() => {
-        const x = a.value.elementSize(), k = o.value.getBoundingClientRect(), f = window.innerHeight;
-        s.value = k.left, i.value = k.width, l.value = f - (k.y + k.height) < x.height ? k.top - x.height - 5 : k.height + k.top + 5, (a.value?.itemsCount() === 0 || a.value?.itemsCount() === void 0) && a.value.hide();
+        const x = a.value.elementSize(), k = o.value.getBoundingClientRect(), d = window.innerHeight;
+        s.value = k.left, i.value = k.width, l.value = d - (k.y + k.height) < x.height ? k.top - x.height - 5 : k.height + k.top + 5, (a.value?.itemsCount() === 0 || a.value?.itemsCount() === void 0) && a.value.hide();
       });
     };
-    Re(() => d.value, () => {
+    ze(() => f.value, () => {
       if (v)
         for (let g = 0; g < t.items.length; g++)
-          t.items[g].title === d.value ? n.value = t.items[g].id : n.value = "";
+          t.items[g].title === f.value ? n.value = t.items[g].id : n.value = "";
       a.value === "" && a.value.hide();
-    }), Re(() => n.value, () => {
+    }), ze(() => n.value, () => {
       if (n.value === "")
-        d.value = "";
+        f.value = "";
       else
         for (let g = 0; g < t.items.length; g++)
-          t.items[g].id === n.value && (v = !1, d.value = t.items[g].title);
+          t.items[g].id === n.value && (v = !1, f.value = t.items[g].title);
     });
     const S = (g) => {
-      n.value = g.model.id, v = !1, d.value = g.model.title, e("select", g);
+      n.value = g.model.id, v = !1, f.value = g.model.title, e("select", g);
     }, $ = O(() => ({ left: s.value + "px", width: i.value + "px", top: l.value + "px", position: t.bodyAsParent ? "absolute" : "fixed", ...t.menuStyle })), I = (g) => {
-      e("input", { e: g, input: d.value });
+      e("input", { e: g, input: f.value });
     };
     return (g, D) => (c(), b("div", {
       class: oe(t.disabled ? "disabled" : "")
@@ -7726,8 +7738,8 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
             "onUpdate:modelValue": D[0] || (D[0] = (x) => n.value = x)
           }, null, 8, ["modelValue"]),
           F(G(et), {
-            modelValue: d.value,
-            "onUpdate:modelValue": D[1] || (D[1] = (x) => d.value = x),
+            modelValue: f.value,
+            "onUpdate:modelValue": D[1] || (D[1] = (x) => f.value = x),
             style: { "margin-bottom": "3px", "margin-top": "3px" },
             onKeyup: D[2] || (D[2] = (x) => m(x, !1)),
             onInput: I
@@ -7753,7 +7765,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
           "body-as-parent": t.bodyAsParent,
           "delay-click": t.delayClick,
           "multi-select": !0,
-          search: d.value
+          search: f.value
         }, null, 8, ["items", "style", "render-item-title", "before-item", "body-as-parent", "delay-click", "search"])
       ])
     ], 2));
@@ -7857,7 +7869,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
   },
   emits: ["action", "select", "unselect", "check", "uncheck", "loading-change", "error"],
   setup(r, { expose: e, emit: t }) {
-    const n = r, a = E([]), o = E(n.page), s = E(localStorage.getItem(`datagrid-perpage-${n.id}`) || n.perPage), i = E(s.value.toString()), l = E({}), d = E(!1), v = E(0), m = E(null), S = E(!1);
+    const n = r, a = E([]), o = E(n.page), s = E(localStorage.getItem(`datagrid-perpage-${n.id}`) || n.perPage), i = E(s.value.toString()), l = E({}), f = E(!1), v = E(0), m = E(null), S = E(!1);
     N.mutations.addDataGrid(n.id), Be(() => {
       $(), setTimeout(() => {
         S.value = !0;
@@ -7869,7 +7881,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
         Object.hasOwn(Z, "search") && (Z.search === "string" || Z.search === "number" || Array.isArray(Z.search)) && (l.value[Z.key] = "");
       }
     }, I = async (V = !1) => {
-      V && (o.value = 1), d.value = !0, t("loading-change", !0), m.value = null;
+      V && (o.value = 1), f.value = !0, t("loading-change", !0), m.value = null;
       try {
         const Z = {
           page: o.value,
@@ -7889,7 +7901,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
       } catch (Z) {
         console.error("Ошибка при загрузке данных:", Z), m.value = Z.message, t("error", Z), a.value = [], v.value = 0;
       } finally {
-        d.value = !1, t("loading-change", !1);
+        f.value = !1, t("loading-change", !1);
       }
     };
     let g = null;
@@ -7898,11 +7910,11 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
         I(V);
       }, n.filterDebounce);
     };
-    Re(() => o.value, () => {
+    ze(() => o.value, () => {
       I();
-    }), Re(() => s.value, () => {
+    }), ze(() => s.value, () => {
       I();
-    }), Re(l, () => {
+    }), ze(l, () => {
       if (!S.value) {
         S.value = !0;
         return;
@@ -7923,7 +7935,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
           return;
         }
       N.mutations.setSortField(n.id, Z), N.mutations.setSortDirection(n.id, ve), localStorage.setItem(`${n.id}-grid-field`, Z), localStorage.setItem(`${n.id}-grid-dir`, ve), I();
-    }, k = (V) => N.getters.getSelected(n.id).includes(V), f = (V, Z) => {
+    }, k = (V) => N.getters.getSelected(n.id).includes(V), d = (V, Z) => {
       V.target.checked ? (N.mutations.addSelect(n.id, Z.id), t("check", { grid: n.id, id: Z.id, item: Z })) : (N.mutations.unSelect(n.id, Z.id), t("uncheck", { grid: n.id, id: Z.id, item: Z }));
     }, u = (V) => {
       V.target.checked ? a.value.forEach((Z) => {
@@ -7954,7 +7966,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
       },
       loadData: I
     }), (V, Z) => (c(), b("div", Sd, [
-      d.value ? (c(), b("div", _d, Cd)) : P("", !0),
+      f.value ? (c(), b("div", _d, Cd)) : P("", !0),
       m.value ? (c(), b("div", $d, [
         ie(" Ошибка: " + Q(m.value) + " ", 1),
         T("button", {
@@ -7970,7 +7982,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
                 F(un, {
                   checked: p.value,
                   onChange: Z[0] || (Z[0] = (U) => u(U)),
-                  disabled: d.value
+                  disabled: f.value
                 }, null, 8, ["checked", "disabled"])
               ])) : P("", !0),
               (c(!0), b(me, null, we(n.columns, (U) => (c(), b("th", {
@@ -8010,18 +8022,18 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
                   id: `filter-${U.key}`,
                   type: "number"
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "id"])) : P("", !0),
-                Object.hasOwn(U, "search") && typeof U.search == "function" ? (c(), H(Ae(U.search()), {
+                Object.hasOwn(U, "search") && typeof U.search == "function" ? (c(), H(He(U.search()), {
                   key: 2,
                   modelValue: l.value[U.key],
                   "onUpdate:modelValue": (ve) => l.value[U.key] = ve,
-                  disabled: d.value
+                  disabled: f.value
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])) : P("", !0),
                 Object.hasOwn(U, "search") && Array.isArray(U.search) ? (c(), H(Fr, {
                   key: 3,
                   modelValue: l.value[U.key],
                   "onUpdate:modelValue": (ve) => l.value[U.key] = ve,
                   items: [{ id: "", title: "Все" }, ...U.search],
-                  disabled: d.value,
+                  disabled: f.value,
                   size: "small"
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "items", "disabled"])) : P("", !0)
               ]))), 128))
@@ -8039,22 +8051,22 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
               n.selectable === "check" ? (c(), b("td", qd, [
                 F(un, {
                   checked: k(U.id),
-                  onChange: (he) => f(he, U),
-                  disabled: d.value
+                  onChange: (he) => d(he, U),
+                  disabled: f.value
                 }, null, 8, ["checked", "onChange", "disabled"])
               ])) : P("", !0),
               (c(!0), b(me, null, we(n.columns, (he, ve) => (c(), b("td", {
                 key: ve,
                 class: "d-cell"
               }, [
-                he.render ? (c(), H(Ae(he.render(U, he.key)), {
+                he.render ? (c(), H(He(he.render(U, he.key)), {
                   key: 0,
                   item: U,
                   column: he
                 }, null, 8, ["item", "column"])) : (c(), b("div", Ud, Q(U[he.key]), 1))
               ]))), 128))
             ], 10, Wd))), 128)),
-            !d.value && a.value.length === 0 ? (c(), b("tr", Xd, [
+            !f.value && a.value.length === 0 ? (c(), b("tr", Xd, [
               T("td", {
                 colspan: n.selectable === "check" ? n.columns.length + 1 : n.columns.length,
                 class: "d-cell d-empty-cell"
@@ -8082,7 +8094,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
           "onUpdate:modelValue": Z[1] || (Z[1] = (U) => o.value = U),
           "total-records": v.value,
           "per-page": parseInt(s.value),
-          disabled: d.value
+          disabled: f.value
         }, null, 8, ["modelValue", "total-records", "per-page", "disabled"]),
         T("div", Zd, [
           T("div", Jd, Q(n.pageReport.replace("{startCount}", (o.value - 1) * parseInt(s.value) + 1).replace("{endCount}", Math.min(o.value * parseInt(s.value), v.value)).replace("{totalCount}", v.value)), 1),
@@ -8092,7 +8104,7 @@ const Bc = /* @__PURE__ */ Ac(Rc), Nc = {
             "onUpdate:modelValue": Z[2] || (Z[2] = (U) => i.value = U),
             items: R.value,
             onSelect: C,
-            disabled: d.value,
+            disabled: f.value,
             size: "small"
           }, null, 8, ["modelValue", "items", "disabled"])
         ])
@@ -8558,13 +8570,13 @@ function Rt(r) {
       // [TODO] -- I challenge you to fix the type
       If(i, (m) => m.test(s))
     );
-    let d;
-    d = r.valueCallback ? r.valueCallback(l) : l, d = t.valueCallback ? (
+    let f;
+    f = r.valueCallback ? r.valueCallback(l) : l, f = t.valueCallback ? (
       // [TODO] -- I challenge you to fix the type
-      t.valueCallback(d)
-    ) : d;
+      t.valueCallback(f)
+    ) : f;
     const v = e.slice(s.length);
-    return { value: d, rest: v };
+    return { value: f, rest: v };
   };
 }
 function If(r, e) {
@@ -8718,8 +8730,8 @@ function cr(r, e) {
   s.setFullYear(n + 1, 0, o), s.setHours(0, 0, 0, 0);
   const i = ut(s, e), l = Pe(e?.in || r, 0);
   l.setFullYear(n, 0, o), l.setHours(0, 0, 0, 0);
-  const d = ut(l, e);
-  return +t >= +i ? n + 1 : +t >= +d ? n : n - 1;
+  const f = ut(l, e);
+  return +t >= +i ? n + 1 : +t >= +f ? n : n - 1;
 }
 function Kf(r, e) {
   const t = $t(), n = e?.firstWeekContainsDate ?? e?.locale?.options?.firstWeekContainsDate ?? t.firstWeekContainsDate ?? t.locale?.options?.firstWeekContainsDate ?? 1, a = cr(r, e), o = Pe(e?.in || r, 0);
@@ -9450,7 +9462,7 @@ function Je(r, e, t) {
     return { isToken: !1, value: v };
   });
   a.localize.preprocessor && (l = a.localize.preprocessor(i, l));
-  const d = {
+  const f = {
     firstWeekContainsDate: o,
     weekStartsOn: s,
     locale: a
@@ -9460,7 +9472,7 @@ function Je(r, e, t) {
     const m = v.value;
     (!t?.useAdditionalWeekYearTokens && ba(m) || !t?.useAdditionalDayOfYearTokens && ya(m)) && Yn(m, e, String(r));
     const S = Hr[m[0]];
-    return S(i, m, a.localize, d);
+    return S(i, m, a.localize, f);
   }).join("");
 }
 function lp(r) {
@@ -10258,7 +10270,7 @@ class Lp extends ge {
   ];
 }
 function kn(r, e, t) {
-  const n = $t(), a = t?.weekStartsOn ?? t?.locale?.options?.weekStartsOn ?? n.weekStartsOn ?? n.locale?.options?.weekStartsOn ?? 0, o = ce(r, t?.in), s = o.getDay(), l = (e % 7 + 7) % 7, d = 7 - a, v = e < 0 || e > 6 ? e - (s + d) % 7 : (l + d) % 7 - (s + d) % 7;
+  const n = $t(), a = t?.weekStartsOn ?? t?.locale?.options?.weekStartsOn ?? n.weekStartsOn ?? n.locale?.options?.weekStartsOn ?? 0, o = ce(r, t?.in), s = o.getDay(), l = (e % 7 + 7) % 7, f = 7 - a, v = e < 0 || e > 6 ? e - (s + f) % 7 : (l + f) % 7 - (s + f) % 7;
   return ua(o, v, t);
 }
 class Ep extends ge {
@@ -10904,7 +10916,7 @@ function _a(r, e, t, n) {
   const a = () => Pe(t, NaN), o = up(), s = o.locale ?? ma, i = o.firstWeekContainsDate ?? o.locale?.options?.firstWeekContainsDate ?? 1, l = o.weekStartsOn ?? o.locale?.options?.weekStartsOn ?? 0;
   if (!e)
     return r ? a() : ce(t, n?.in);
-  const d = {
+  const f = {
     firstWeekContainsDate: i,
     weekStartsOn: l,
     locale: s
@@ -10920,10 +10932,10 @@ function _a(r, e, t, n) {
     ba(D) && Yn(D, e, r), ya(D) && Yn(D, e, r);
     const x = D[0], k = Zp[x];
     if (k) {
-      const { incompatibleTokens: f } = k;
-      if (Array.isArray(f)) {
+      const { incompatibleTokens: d } = k;
+      if (Array.isArray(d)) {
         const p = S.find(
-          (y) => f.includes(y.token) || y.token === x
+          (y) => d.includes(y.token) || y.token === x
         );
         if (p)
           throw new RangeError(
@@ -10938,7 +10950,7 @@ function _a(r, e, t, n) {
         r,
         D,
         s.match,
-        d
+        f
       );
       if (!u)
         return a();
@@ -10963,9 +10975,9 @@ function _a(r, e, t, n) {
   if (isNaN(+I)) return a();
   const g = {};
   for (const D of $) {
-    if (!D.validate(I, d))
+    if (!D.validate(I, f))
       return a();
-    const x = D.set(I, g, d);
+    const x = D.set(I, g, f);
     Array.isArray(x) ? (I = x[0], Object.assign(g, x[1])) : I = x;
   }
   return I;
@@ -11083,7 +11095,7 @@ const um = {
           disabled: !o($, t.lowerLimit, t.upperLimit)
         })
       )
-    ), d = O(() => {
+    ), f = O(() => {
       const $ = rt(n.value), I = rt(a.value);
       return `${$} - ${I}`;
     }), v = ($, I) => {
@@ -11098,7 +11110,7 @@ const um = {
           style: { cursor: "pointer" },
           class: oe(s.value ? "disabled" : "")
         }, null, 8, ["component", "class"]),
-        T("div", null, Q(d.value), 1),
+        T("div", null, Q(f.value), 1),
         F(Ge, {
           onClick: S,
           component: G(wn),
@@ -11156,44 +11168,44 @@ const um = {
   emits: ["update:pageDate", "monthClick", "yearClick", "select"],
   setup(r, { emit: e }) {
     const t = r, n = O(
-      () => (f) => (u) => Je(u, f, {
+      () => (d) => (u) => Je(u, d, {
         locale: t.locale,
         weekStartsOn: t.weekStartsOn
       })
     ), a = O(
-      () => (f) => Je(f, "LLLL", {
+      () => (d) => Je(d, "LLLL", {
         locale: t.locale
       })
-    ), o = (f, u, p, y) => y?.dates?.some((C) => En(f, C)) || y?.predicate?.(f) ? !1 : !u && !p ? !0 : u && qt(f, jt(u)) ? !1 : !(p && Wt(f, df(p))), s = O(
+    ), o = (d, u, p, y) => y?.dates?.some((C) => En(d, C)) || y?.predicate?.(d) ? !1 : !u && !p ? !0 : u && qt(d, jt(u)) ? !1 : !(p && Wt(d, df(p))), s = O(
       () => t.lowerLimit && (jn(t.lowerLimit, t.pageDate) || qt(t.pageDate, t.lowerLimit))
     ), i = O(
       () => t.upperLimit && (jn(t.upperLimit, t.pageDate) || Wt(t.pageDate, t.upperLimit))
-    ), l = O(() => fa(t.pageDate)), d = O(() => da(t.pageDate)), v = O(() => ({
+    ), l = O(() => fa(t.pageDate)), f = O(() => da(t.pageDate)), v = O(() => ({
       start: l.value,
-      end: d.value
+      end: f.value
     })), m = O(() => ({
       start: ut(l.value, {
         weekStartsOn: t.weekStartsOn
       }),
-      end: gf(d.value, {
+      end: gf(f.value, {
         weekStartsOn: t.weekStartsOn
       })
     })), S = O(() => {
-      const f = t.weekStartsOn, u = n.value(t.weekdayFormat);
-      return Array.from(Array(7)).map((p, y) => (f + y) % 7).map(
+      const d = t.weekStartsOn, u = n.value(t.weekdayFormat);
+      return Array.from(Array(7)).map((p, y) => (d + y) % 7).map(
         (p) => kn(/* @__PURE__ */ new Date(), p, {
           weekStartsOn: t.weekStartsOn
         })
       ).map(u);
     }), $ = O(() => {
-      const f = /* @__PURE__ */ new Date(), u = n.value(t.format);
+      const d = /* @__PURE__ */ new Date(), u = n.value(t.format);
       return ff(m.value).map(
         (p) => ({
           value: p,
           display: u(p),
           //selected: !!props.selected && isSameDay(props.selected, value),
           selected: !!t.pageDate && En(t.pageDate, p),
-          current: En(f, p),
+          current: En(d, p),
           disabled: !t.allowOutsideInterval && !sm(p, v.value) || !o(
             p,
             t.lowerLimit,
@@ -11207,10 +11219,10 @@ const um = {
       e("monthClick");
     }, g = () => {
       e("yearClick");
-    }, D = (f, u) => {
+    }, D = (d, u) => {
       e("update:pageDate", u.value), e("select", u);
     }, x = () => e("update:pageDate", lm(t.pageDate)), k = () => e("update:pageDate", ir(t.pageDate, 1));
-    return (f, u) => (c(), b(me, null, [
+    return (d, u) => (c(), b(me, null, [
       T("div", pm, [
         F(Ge, {
           onClick: x,
@@ -11288,7 +11300,7 @@ const um = {
       () => t.lowerLimit && (Yr(t.lowerLimit, t.pageDate) || qt(t.pageDate, t.lowerLimit))
     ), l = O(
       () => t.upperLimit && (Yr(t.upperLimit, t.pageDate) || Wt(t.pageDate, t.upperLimit))
-    ), d = O(
+    ), f = O(
       () => pf({
         start: n.value,
         end: a.value
@@ -11328,7 +11340,7 @@ const um = {
         }, null, 8, ["component", "class"])
       ]),
       T("div", gm, [
-        (c(!0), b(me, null, we(d.value, (x) => (c(), H(fr, {
+        (c(!0), b(me, null, we(f.value, (x) => (c(), H(fr, {
           class: "cell",
           key: x.key,
           day: x.display,
@@ -11386,7 +11398,7 @@ const um = {
       a.value = "month";
     }, l = () => {
       a.value = "year";
-    }, d = O(() => Je(n.value, t.inputFormat, {
+    }, f = O(() => Je(n.value, t.inputFormat, {
       locale: t.locale
     })), v = (m) => {
       e("select", m);
@@ -11422,7 +11434,7 @@ const um = {
         "onUpdate:pageDate": S[2] || (S[2] = ($) => o("day", $)),
         onYearClick: i
       }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : P("", !0),
-      t.showCurrentDate ? (c(), b("div", bm, Q(d.value), 1)) : P("", !0)
+      t.showCurrentDate ? (c(), b("div", bm, Q(f.value), 1)) : P("", !0)
     ]));
   }
 }, hh = /* @__PURE__ */ _e(wm, [["__scopeId", "data-v-ed8228aa"]]), xm = {
@@ -11485,7 +11497,7 @@ const um = {
       }
     }), o = E(null), s = E(a.value ? _a(a.value, t.inputFormat, /* @__PURE__ */ new Date()) : /* @__PURE__ */ new Date()), i = E(t.mode), l = () => {
       i.value = t.mode, o.value.show();
-    }, d = (D, x) => {
+    }, f = (D, x) => {
       s.value = x, e("monthPageChanged", x);
     }, v = () => {
       i.value = "day";
@@ -11534,7 +11546,7 @@ const um = {
             locale: t.locale,
             "lower-limit": t.lowerLimit,
             "upper-limit": t.upperLimit,
-            "onUpdate:pageDate": x[1] || (x[1] = (k) => d("day", k)),
+            "onUpdate:pageDate": x[1] || (x[1] = (k) => f("day", k)),
             onMonthClick: m,
             onYearClick: S,
             onSelect: I
@@ -11545,7 +11557,7 @@ const um = {
             locale: t.locale,
             "lower-limit": t.lowerLimit,
             "upper-limit": t.upperLimit,
-            "onUpdate:pageDate": x[2] || (x[2] = (k) => d("day", k)),
+            "onUpdate:pageDate": x[2] || (x[2] = (k) => f("day", k)),
             onDayClick: v,
             onYearClick: S
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : P("", !0),
@@ -11555,7 +11567,7 @@ const um = {
             locale: t.locale,
             "lower-limit": t.lowerLimit,
             "upper-limit": t.upperLimit,
-            "onUpdate:pageDate": x[3] || (x[3] = (k) => d("day", k)),
+            "onUpdate:pageDate": x[3] || (x[3] = (k) => f("day", k)),
             onYearClick: m
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : P("", !0),
           r.showCurrentDate ? (c(), b("div", xm, Q($.value), 1)) : P("", !0)
@@ -11641,7 +11653,7 @@ const um = {
       s.value = n.mode, a.value.show();
     }, l = (x, k) => {
       o.value = k, t("monthPageChanged", k);
-    }, d = () => {
+    }, f = () => {
       s.value = "day";
     }, v = () => {
       s.value = "month";
@@ -11675,7 +11687,7 @@ const um = {
             locale: n.locale,
             "lower-limit": n.lowerLimit,
             "upper-limit": n.upperLimit,
-            "onUpdate:pageDate": k[0] || (k[0] = (f) => l("day", f)),
+            "onUpdate:pageDate": k[0] || (k[0] = (d) => l("day", d)),
             onMonthClick: v,
             onYearClick: m,
             onSelect: $
@@ -11686,8 +11698,8 @@ const um = {
             locale: n.locale,
             "lower-limit": n.lowerLimit,
             "upper-limit": n.upperLimit,
-            "onUpdate:pageDate": k[1] || (k[1] = (f) => l("day", f)),
-            onDayClick: d,
+            "onUpdate:pageDate": k[1] || (k[1] = (d) => l("day", d)),
+            onDayClick: f,
             onYearClick: m
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : P("", !0),
           s.value === "year" ? (c(), H(Kt, {
@@ -11696,7 +11708,7 @@ const um = {
             locale: n.locale,
             "lower-limit": n.lowerLimit,
             "upper-limit": n.upperLimit,
-            "onUpdate:pageDate": k[2] || (k[2] = (f) => l("day", f)),
+            "onUpdate:pageDate": k[2] || (k[2] = (d) => l("day", d)),
             onYearClick: v
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : P("", !0),
           r.showCurrentDate ? (c(), b("div", _m, Q(S.value), 1)) : P("", !0)
@@ -11713,7 +11725,7 @@ const um = {
               _: 1
             }),
             F(pe, {
-              onClick: k[3] || (k[3] = (f) => a.value.hide())
+              onClick: k[3] || (k[3] = (d) => a.value.hide())
             }, {
               default: Y(() => [
                 ie(Q(n.close), 1)
@@ -11834,7 +11846,7 @@ const um = {
       set: (u) => {
         e("update:modelValue", u);
       }
-    }), o = E(null), s = E({ h: "00", m: "00" }), i = E(/* @__PURE__ */ new Date()), l = E(t.mode), d = () => {
+    }), o = E(null), s = E({ h: "00", m: "00" }), i = E(/* @__PURE__ */ new Date()), l = E(t.mode), f = () => {
       if (a.value) {
         const u = a.value.split(" ");
         i.value = _a(u[0], t.inputFormat, /* @__PURE__ */ new Date());
@@ -11842,9 +11854,9 @@ const um = {
         s.value.h = p[0], s.value.m = p[1];
       }
     };
-    d();
+    f();
     const v = () => {
-      l.value = t.mode, d(), o.value.show();
+      l.value = t.mode, f(), o.value.show();
     }, m = (u, p) => {
       i.value = p, e("monthPageChanged", p);
     }, S = () => {
@@ -11863,7 +11875,7 @@ const um = {
       }) + ` ${s.value.h}:${s.value.m}`, e("apply", Je(i.value, t.inputFormat, { locale: t.locale })), o.value.hide();
     }, k = () => {
       s.value.m = parseInt(s.value.m) < 10 ? `0${parseInt(s.value.m)}` : s.value.m;
-    }, f = () => {
+    }, d = () => {
       s.value.h = parseInt(s.value.h) < 10 ? `0${parseInt(s.value.h)}` : s.value.h;
     };
     return (u, p) => (c(), b("div", null, [
@@ -11926,7 +11938,7 @@ const um = {
           T("div", Tm, Q(t.timeTitle), 1),
           T("div", Pm, [
             F(mn, {
-              onChange: f,
+              onChange: d,
               min: 0,
               max: 23,
               modelValue: s.value.h,
@@ -12031,11 +12043,11 @@ const um = {
   setup(r, { expose: e, emit: t }) {
     const n = r, a = E(null), o = E({ h: "00", m: "00" }), s = E(/* @__PURE__ */ new Date()), i = E(n.mode), l = () => {
       o.value.m = parseInt(o.value.m) < 10 ? `0${o.value.m}` : o.value.m;
-    }, d = () => {
+    }, f = () => {
       o.value.h = parseInt(o.value.h) < 10 ? `0${o.value.h}` : o.value.h;
     };
     (() => {
-      n.initDate && (s.value = n.initDate, o.value.h = `${s.value.getHours()}`, o.value.m = `${s.value.getMinutes()}`, d(), l());
+      n.initDate && (s.value = n.initDate, o.value.h = `${s.value.getHours()}`, o.value.m = `${s.value.getMinutes()}`, f(), l());
     })();
     const m = () => {
       i.value = n.mode, a.value.show();
@@ -12103,7 +12115,7 @@ const um = {
           T("div", zm, Q(n.timeTitle), 1),
           T("div", Fm, [
             F(mn, {
-              onChange: d,
+              onChange: f,
               min: 0,
               max: 23,
               modelValue: o.value.h,
@@ -12253,25 +12265,25 @@ const Dh = {
       // px
       // NOTE: When adding props here, update `index.d.ts` as well!!
     }, e);
-    function n(f) {
-      var u = this.$$touchObj, p = f.type.indexOf("touch") >= 0, y = f.type.indexOf("mouse") >= 0, C = this;
-      p && (u.lastTouchStartTime = f.timeStamp), !(y && u.lastTouchStartTime && f.timeStamp - u.lastTouchStartTime < 350) && (u.touchStarted || ($(this), u.touchStarted = !0, u.touchMoved = !1, u.swipeOutBounded = !1, u.isZooming = !1, u.startX = jr(f), u.startY = Wr(f), u.currentX = 0, u.currentY = 0, u.touchStartTime = f.timeStamp, u.hasSwipe = m(u, "swipe") || m(u, "swipe.left") || m(u, "swipe.right") || m(u, "swipe.top") || m(u, "swipe.bottom"), u.hasZoom = m(u, "zoom") || m(u, "zoom.in") || m(u, "zoom.out"), m(u, "hold") && (u.touchHoldTimer = setTimeout(function() {
-        u.touchHoldTimer = null, S(f, C, "hold");
-      }, u.options.touchHoldTolerance)), S(f, this, "press")));
+    function n(d) {
+      var u = this.$$touchObj, p = d.type.indexOf("touch") >= 0, y = d.type.indexOf("mouse") >= 0, C = this;
+      p && (u.lastTouchStartTime = d.timeStamp), !(y && u.lastTouchStartTime && d.timeStamp - u.lastTouchStartTime < 350) && (u.touchStarted || ($(this), u.touchStarted = !0, u.touchMoved = !1, u.swipeOutBounded = !1, u.isZooming = !1, u.startX = jr(d), u.startY = Wr(d), u.currentX = 0, u.currentY = 0, u.touchStartTime = d.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(d, C, "hold");
+      }, u.options.touchHoldTolerance)), S(d, this, "press")));
     }
-    function a(f) {
+    function a(d) {
       var u = this.$$touchObj;
       if (u.touchStarted == !0)
-        o(f, u, !1);
-      else if (m(u, "rollover") && f.clientX != null) {
-        var p = f;
+        o(d, u, !1);
+      else if (m(u, "rollover") && d.clientX != null) {
+        var p = d;
         const y = u.element.getBoundingClientRect();
-        p.clientX >= y.left && p.clientX <= y.right && p.clientY >= y.top && p.clientY <= y.bottom && o(f, u, !0);
+        p.clientX >= y.left && p.clientX <= y.right && p.clientY >= y.top && p.clientY <= y.bottom && o(d, u, !0);
       }
     }
-    function o(f, u = null, p = !1) {
+    function o(d, u = null, p = !1) {
       u == null && (u = this.$$touchObj);
-      var y = jr(f), C = Wr(f), R = u.currentX != y || u.currentY != C;
+      var y = jr(d), C = Wr(d), R = u.currentX != y || u.currentY != C;
       if (u.currentX = y, u.currentY = C, !p)
         if (u.touchMoved) {
           if (u.hasSwipe && !u.swipeOutBounded) {
@@ -12280,27 +12292,27 @@ const Dh = {
           }
         } else {
           var K = u.options.tapTolerance;
-          u.touchMoved = Math.abs(u.startX - u.currentX) > K || Math.abs(u.startY - u.currentY) > K, u.touchMoved && (g(u), S(f, u.element, "drag.once"));
+          u.touchMoved = Math.abs(u.startX - u.currentX) > K || Math.abs(u.startY - u.currentY) > K, u.touchMoved && (g(u), S(d, u.element, "drag.once"));
         }
       if (R && m(u, "rollover")) {
-        var q = f.timeStamp;
-        (u.touchRollTime == null || q > u.touchRollTime + u.options.rollOverFrequency) && (u.touchRollTime = q, S(f, u.element, "rollover"));
+        var q = d.timeStamp;
+        (u.touchRollTime == null || q > u.touchRollTime + u.options.rollOverFrequency) && (u.touchRollTime = q, S(d, u.element, "rollover"));
       }
       if (!p) {
         if (u.touchStarted && u.touchMoved && R && m(u, "drag")) {
-          var q = f.timeStamp;
-          (u.touchDragTime == null || q > u.touchDragTime + u.options.dragFrequency) && (u.touchDragTime = q, S(f, u.element, "drag"));
+          var q = d.timeStamp;
+          (u.touchDragTime == null || q > u.touchDragTime + u.options.dragFrequency) && (u.touchDragTime = q, S(d, u.element, "drag"));
         }
         if (u.touchStarted && u.hasZoom) {
-          var q = f.timeStamp;
-          (u.touchZoomTime == null || q > u.touchZoomTime + u.options.zoomFrequency) && (u.touchZoomTime = q, s(u, f));
+          var q = d.timeStamp;
+          (u.touchZoomTime == null || q > u.touchZoomTime + u.options.zoomFrequency) && (u.touchZoomTime = q, s(u, d));
         }
       }
     }
-    function s(f, u) {
+    function s(d, u) {
       const p = u.changedTouches;
       if (p.length !== 2) {
-        f.isZooming = !1;
+        d.isZooming = !1;
         return;
       }
       const y = Math.sqrt(
@@ -12308,72 +12320,72 @@ const Dh = {
         Math.pow(p[0].clientY - p[1].clientY, 2)
         // vertical distance
       );
-      if (!f.isZooming) {
-        f.isZooming = !0, f.initialZoomDistance = y;
+      if (!d.isZooming) {
+        d.isZooming = !0, d.initialZoomDistance = y;
         return;
       }
-      const C = y / f.initialZoomDistance;
-      m(f, "zoom") && Math.abs(C - 1) > f.options.zoomDistance / f.initialZoomDistance && S(u, f.element, "zoom", C), (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;
+      const C = y / d.initialZoomDistance;
+      m(d, "zoom") && Math.abs(C - 1) > d.options.zoomDistance / d.initialZoomDistance && S(u, d.element, "zoom", C), (m(d, "zoom.in") || m(d, "zoom.out")) && Math.abs(y - d.initialZoomDistance) > d.options.zoomInOutDistance && (y > d.initialZoomDistance ? S(u, d.element, "zoom.in") : S(u, d.element, "zoom.out")), d.isZooming = !1;
     }
     function i() {
-      var f = this.$$touchObj;
-      f.touchStarted == !0 && (g(f), I(this), f.touchStarted = f.touchMoved = !1, f.startX = f.startY = 0);
+      var d = this.$$touchObj;
+      d.touchStarted == !0 && (g(d), I(this), d.touchStarted = d.touchMoved = !1, d.startX = d.startY = 0);
     }
-    function l(f) {
+    function l(d) {
       var u = this.$$touchObj;
       if (u.touchStarted == !0) {
-        var p = f.type.indexOf("touch") >= 0, y = f.type.indexOf("mouse") >= 0;
-        p && (u.lastTouchEndTime = f.timeStamp);
+        var p = d.type.indexOf("touch") >= 0, y = d.type.indexOf("mouse") >= 0;
+        p && (u.lastTouchEndTime = d.timeStamp);
         var C = p && !u.touchHoldTimer;
-        if (g(u), u.touchStarted = !1, I(this), y && u.lastTouchEndTime && f.timeStamp - u.lastTouchEndTime < 350)
+        if (g(u), u.touchStarted = !1, I(this), y && u.lastTouchEndTime && d.timeStamp - u.lastTouchEndTime < 350)
           return;
-        if (S(f, this, "release"), u.touchMoved) {
+        if (S(d, this, "release"), u.touchMoved) {
           if (u.hasSwipe && !u.swipeOutBounded) {
             var R = u.options.swipeTolerance, K, ne = Math.abs(u.startY - u.currentY), q = Math.abs(u.startX - u.currentX);
-            (ne > R || q > R) && (q > R ? K = u.startX > u.currentX ? "left" : "right" : K = u.startY > u.currentY ? "top" : "bottom", m(u, "swipe." + K) ? S(f, this, "swipe." + K, K) : S(f, this, "swipe", K));
+            (ne > R || q > R) && (q > R ? K = u.startX > u.currentX ? "left" : "right" : K = u.startY > u.currentY ? "top" : "bottom", m(u, "swipe." + K) ? S(d, this, "swipe." + K, K) : S(d, this, "swipe", K));
           }
-        } else if (m(u, "longtap") && f.timeStamp - u.touchStartTime > u.options.longTapTimeInterval)
-          f.cancelable && f.preventDefault(), S(f, this, "longtap");
+        } else if (m(u, "longtap") && d.timeStamp - u.touchStartTime > u.options.longTapTimeInterval)
+          d.cancelable && d.preventDefault(), S(d, this, "longtap");
         else if (m(u, "hold") && C) {
-          f.cancelable && f.preventDefault();
+          d.cancelable && d.preventDefault();
           return;
         } else
-          S(f, this, "tap");
+          S(d, this, "tap");
       }
     }
-    function d() {
+    function f() {
       $(this);
     }
     function v() {
       I(this);
     }
-    function m(f, u) {
-      var p = f.callbacks[u];
+    function m(d, u) {
+      var p = d.callbacks[u];
       return p != null && p.length > 0;
     }
-    function S(f, u, p, y) {
+    function S(d, u, p, y) {
       var C = u.$$touchObj, R = C.callbacks[p];
       if (R == null || R.length === 0)
         return null;
       for (var K = 0; K < R.length; K++) {
         var ne = R[K];
-        ne.modifiers.stop && f.stopPropagation(), ne.modifiers.prevent && f.preventDefault(), !(ne.modifiers.self && f.target !== f.currentTarget) && typeof ne.value == "function" && (y ? ne.value(y, f) : ne.value(f));
+        ne.modifiers.stop && d.stopPropagation(), ne.modifiers.prevent && d.preventDefault(), !(ne.modifiers.self && d.target !== d.currentTarget) && typeof ne.value == "function" && (y ? ne.value(y, d) : ne.value(d));
       }
     }
-    function $(f) {
-      var u = f.$$touchObj.options.touchClass;
-      u && f.classList.add(u);
+    function $(d) {
+      var u = d.$$touchObj.options.touchClass;
+      u && d.classList.add(u);
     }
-    function I(f) {
-      var u = f.$$touchObj.options.touchClass;
-      u && f.classList.remove(u);
+    function I(d) {
+      var u = d.$$touchObj.options.touchClass;
+      u && d.classList.remove(u);
     }
-    function g(f) {
-      f && f.touchHoldTimer && (clearTimeout(f.touchHoldTimer), f.touchHoldTimer = null);
+    function g(d) {
+      d && d.touchHoldTimer && (clearTimeout(d.touchHoldTimer), d.touchHoldTimer = null);
     }
-    function D(f, u) {
-      var p = f.$$touchObj || {
-        element: f,
+    function D(d, u) {
+      var p = d.$$touchObj || {
+        element: d,
         // an object contains all callbacks registered,
         // key is event name, value is an array
         callbacks: {},
@@ -12383,25 +12395,25 @@ const Dh = {
         options: t,
         events: {}
       };
-      return u && (p.options = Object.assign({}, p.options, u)), f.$$touchObj = p, f.$$touchObj;
+      return u && (p.options = Object.assign({}, p.options, u)), d.$$touchObj = p, d.$$touchObj;
     }
-    function x(f) {
-      for (const u in f)
-        if (f.hasOwnProperty(u)) {
-          const [p, y] = f[u];
+    function x(d) {
+      for (const u in d)
+        if (d.hasOwnProperty(u)) {
+          const [p, y] = d[u];
           p.addEventListener(u, y);
         }
     }
-    function k(f) {
-      for (const u in f)
-        if (f.hasOwnProperty(u)) {
-          const [p, y] = f[u];
+    function k(d) {
+      for (const u in d)
+        if (d.hasOwnProperty(u)) {
+          const [p, y] = d[u];
           p.removeEventListener(u, y);
         }
     }
     r.directive(t.namespace, {
-      beforeMount: function(f, u) {
-        var p = D(f), y = u.arg || "tap";
+      beforeMount: function(d, u) {
+        var p = D(d), y = u.arg || "tap";
         switch (y) {
           case "swipe":
             var C = u.modifiers;
@@ -12420,21 +12432,21 @@ const Dh = {
           default:
             p.callbacks[y] = p.callbacks[y] || [], p.callbacks[y].push(u);
         }
-        p.hasBindTouchEvents || (p.options.dragOutside ? (p.events.touchstart = [f, n], p.events.touchmove = [window, a.bind(f)], p.events.touchcancel = [window, i.bind(f)], p.events.touchend = [window, l.bind(f)]) : (p.events.touchstart = [f, n], p.events.touchmove = [f, a], p.events.touchcancel = [f, i], p.events.touchend = [f, l]), p.options.disableClick || (p.options.dragOutside ? (p.events.mousedown = [f, n], p.events.mousemove = [window, a.bind(f)], p.events.mouseup = [window, l.bind(f)], p.events.mouseenter = [f, d], p.events.mouseleave = [f, v]) : (p.events.mousedown = [f, n], p.events.mousemove = [f, o], p.events.mouseup = [f, l], p.events.mouseenter = [f, d], p.events.mouseleave = [f, v])), x(p.events), p.hasBindTouchEvents = !0);
+        p.hasBindTouchEvents || (p.options.dragOutside ? (p.events.touchstart = [d, n], p.events.touchmove = [window, a.bind(d)], p.events.touchcancel = [window, i.bind(d)], p.events.touchend = [window, l.bind(d)]) : (p.events.touchstart = [d, n], p.events.touchmove = [d, a], p.events.touchcancel = [d, i], p.events.touchend = [d, l]), p.options.disableClick || (p.options.dragOutside ? (p.events.mousedown = [d, n], p.events.mousemove = [window, a.bind(d)], p.events.mouseup = [window, l.bind(d)], p.events.mouseenter = [d, f], p.events.mouseleave = [d, v]) : (p.events.mousedown = [d, n], p.events.mousemove = [d, o], p.events.mouseup = [d, l], p.events.mouseenter = [d, f], p.events.mouseleave = [d, v])), x(p.events), p.hasBindTouchEvents = !0);
       },
-      unmounted: function(f) {
-        var u = f.$$touchObj;
-        g(u), u && u.events && (k(u.events), u.events = {}), delete f.$$touchObj;
+      unmounted: function(d) {
+        var u = d.$$touchObj;
+        g(u), u && u.events && (k(u.events), u.events = {}), delete d.$$touchObj;
       }
     }), r.directive(`${t.namespace}-class`, {
-      beforeMount: function(f, u) {
-        D(f, {
+      beforeMount: function(d, u) {
+        D(d, {
           touchClass: u.value
         });
       }
     }), r.directive(`${t.namespace}-options`, {
-      beforeMount: function(f, u) {
-        D(f, u.value);
+      beforeMount: function(d, u) {
+        D(d, u.value);
       }
     });
   }