prlg-ui 1.7.12 → 1.7.14

package/dist/prlg-ui.es.js

@@ -380,8 +380,8 @@ const bn = async (e, t, o) => {
     } = r[g], {
       x: k,
       y: _,
-      data: V,
-      reset: T
+      data: A,
+      reset: V
     } = await $({
       x: c,
       y: d,
@@ -400,13 +400,13 @@ const bn = async (e, t, o) => {
       ...p,
       [y]: {
         ...p[y],
-        ...V
+        ...A
       }
-    }, T && m <= 50 && (m++, typeof T == "object" && (T.placement && (v = T.placement), T.rects && (u = T.rects === !0 ? await s.getElementRects({
+    }, V && m <= 50 && (m++, typeof V == "object" && (V.placement && (v = V.placement), V.rects && (u = V.rects === !0 ? await s.getElementRects({
       reference: e,
       floating: t,
       strategy: l
-    }) : T.rects), {
+    }) : V.rects), {
       x: c,
       y: d
     } = Tt(u, v, a)), g = -1);
@@ -445,23 +445,23 @@ async function rt(e, t) {
     y: l,
     width: s.floating.width,
     height: s.floating.height
-  } : s.reference, _ = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(r.floating)), V = await (i.isElement == null ? void 0 : i.isElement(_)) ? await (i.getScale == null ? void 0 : i.getScale(_)) || {
+  } : s.reference, _ = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(r.floating)), A = await (i.isElement == null ? void 0 : i.isElement(_)) ? await (i.getScale == null ? void 0 : i.getScale(_)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, T = De(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, V = De(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: r,
     rect: k,
     offsetParent: _,
     strategy: a
   }) : k);
   return {
-    top: ($.top - T.top + m.top) / V.y,
-    bottom: (T.bottom - $.bottom + m.bottom) / V.y,
-    left: ($.left - T.left + m.left) / V.x,
-    right: (T.right - $.right + m.right) / V.x
+    top: ($.top - V.top + m.top) / A.y,
+    bottom: (V.bottom - $.bottom + m.bottom) / A.y,
+    left: ($.left - V.left + m.left) / A.x,
+    right: (V.right - $.right + m.right) / A.x
   };
 }
 const xn = (e) => ({
@@ -485,10 +485,10 @@ const xn = (e) => ({
     const d = ut(c), v = {
       x: o,
       y: n
-    }, p = lt(l), m = nt(p), g = await s.getDimensions(u), y = p === "y", $ = y ? "top" : "left", k = y ? "bottom" : "right", _ = y ? "clientHeight" : "clientWidth", V = i.reference[m] + i.reference[p] - v[p] - i.floating[m], T = v[p] - i.reference[p], h = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
+    }, p = lt(l), m = nt(p), g = await s.getDimensions(u), y = p === "y", $ = y ? "top" : "left", k = y ? "bottom" : "right", _ = y ? "clientHeight" : "clientWidth", A = i.reference[m] + i.reference[p] - v[p] - i.floating[m], V = v[p] - i.reference[p], h = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
     let C = h ? h[_] : 0;
     (!C || !await (s.isElement == null ? void 0 : s.isElement(h))) && (C = r.floating[_] || i.floating[m]);
-    const B = V / 2 - T / 2, O = C / 2 - g[m] / 2 - 1, I = Re(d[$], O), x = Re(d[k], O), A = I, R = C - g[m] - x, P = C / 2 - g[m] / 2 + B, G = Xe(A, P, R), L = !a.arrow && Me(l) != null && P !== G && i.reference[m] / 2 - (P < A ? I : x) - g[m] / 2 < 0, te = L ? P < A ? P - A : P - R : 0;
+    const B = A / 2 - V / 2, O = C / 2 - g[m] / 2 - 1, I = Re(d[$], O), x = Re(d[k], O), T = I, R = C - g[m] - x, P = C / 2 - g[m] / 2 + B, G = Xe(T, P, R), L = !a.arrow && Me(l) != null && P !== G && i.reference[m] / 2 - (P < T ? I : x) - g[m] / 2 < 0, te = L ? P < T ? P - T : P - R : 0;
     return {
       [p]: v[p] + te,
       data: {
@@ -681,11 +681,11 @@ const Rn = function(e) {
       } = i.floating;
       let y, $;
       d === "top" || d === "bottom" ? (y = d, $ = v === (await (s.isRTL == null ? void 0 : s.isRTL(r.floating)) ? "start" : "end") ? "left" : "right") : ($ = d, y = v === "end" ? "top" : "bottom");
-      const k = g - c.top - c.bottom, _ = m - c.left - c.right, V = Re(g - c[y], k), T = Re(m - c[$], _), h = !t.middlewareData.shift;
-      let C = V, B = T;
+      const k = g - c.top - c.bottom, _ = m - c.left - c.right, A = Re(g - c[y], k), V = Re(m - c[$], _), h = !t.middlewareData.shift;
+      let C = A, B = V;
       if ((o = t.middlewareData.shift) != null && o.enabled.x && (B = _), (n = t.middlewareData.shift) != null && n.enabled.y && (C = k), h && !v) {
-        const I = ie(c.left, 0), x = ie(c.right, 0), A = ie(c.top, 0), R = ie(c.bottom, 0);
-        p ? B = m - 2 * (I !== 0 || x !== 0 ? I + x : ie(c.left, c.right)) : C = g - 2 * (A !== 0 || R !== 0 ? A + R : ie(c.top, c.bottom));
+        const I = ie(c.left, 0), x = ie(c.right, 0), T = ie(c.top, 0), R = ie(c.bottom, 0);
+        p ? B = m - 2 * (I !== 0 || x !== 0 ? I + x : ie(c.left, c.right)) : C = g - 2 * (T !== 0 || R !== 0 ? T + R : ie(c.top, c.bottom));
       }
       await a({
         ...t,
@@ -861,8 +861,8 @@ function Qe(e, t, o, n) {
     const v = Z(i), p = n && Q(n) ? Z(n) : n;
     let m = v, g = Je(m);
     for (; g && n && p !== m; ) {
-      const y = Ke(g), $ = g.getBoundingClientRect(), k = ee(g), _ = $.left + (g.clientLeft + parseFloat(k.paddingLeft)) * y.x, V = $.top + (g.clientTop + parseFloat(k.paddingTop)) * y.y;
-      a *= y.x, u *= y.y, c *= y.x, d *= y.y, a += _, u += V, m = Z(g), g = Je(m);
+      const y = Ke(g), $ = g.getBoundingClientRect(), k = ee(g), _ = $.left + (g.clientLeft + parseFloat(k.paddingLeft)) * y.x, A = $.top + (g.clientTop + parseFloat(k.paddingTop)) * y.y;
+      a *= y.x, u *= y.y, c *= y.x, d *= y.y, a += _, u += A, m = Z(g), g = Je(m);
     }
   }
   return De({
@@ -1190,11 +1190,11 @@ function Ft(e, t, o) {
       d.value = B.x, v.value = B.y, p.value = B.strategy, m.value = B.placement, g.value = B.middlewareData, y.value = C !== !1;
     });
   }
-  function V() {
+  function A() {
     typeof k == "function" && (k(), k = void 0);
   }
-  function T() {
-    if (V(), n === void 0) {
+  function V() {
+    if (A(), n === void 0) {
       _();
       return;
     }
@@ -1208,11 +1208,11 @@ function Ft(e, t, o) {
   }
   return oe([i, s, r, l], _, {
     flush: "sync"
-  }), oe([u, c], T, {
+  }), oe([u, c], V, {
     flush: "sync"
   }), oe(l, h, {
     flush: "sync"
-  }), Ro() && So(V), {
+  }), Ro() && So(A), {
     x: qe(d),
     y: qe(v),
     strategy: qe(p),
@@ -1277,10 +1277,10 @@ const tl = { class: "popover__content" }, ol = {
         Et({ padding: 8 }),
         Lt(8)
       ]
-    }), V = Ne(), T = D(!1), h = D(!1), C = () => {
-      T.value = !0;
+    }), A = Ne(), V = D(!1), h = D(!1), C = () => {
+      V.value = !0;
     }, B = () => {
-      T.value = !1, I();
+      V.value = !1, I();
     }, O = async (R) => {
       R && R.stopPropagation(), r.value && (h.value = !0);
     }, I = () => {
@@ -1296,7 +1296,7 @@ const tl = { class: "popover__content" }, ol = {
         }
         B();
       }
-    }, A = M(() => {
+    }, T = M(() => {
       if (!m.value.arrow) return {};
       const { x: R, y: P } = m.value.arrow;
       switch (y.value) {
@@ -1314,8 +1314,8 @@ const tl = { class: "popover__content" }, ol = {
       }
     });
     return oe(m, (R) => {
-      console.log(R), T.value = R.hide?.referenceHidden === !1;
-    }), oe(T, (R) => {
+      console.log(R), V.value = R.hide?.referenceHidden === !1;
+    }), oe(V, (R) => {
       R || I();
     }), oe(o, () => {
       g();
@@ -1334,13 +1334,13 @@ const tl = { class: "popover__content" }, ol = {
       close: B,
       openSecondScreen: O,
       closeSecondScreen: I,
-      isOpen: T,
+      isOpen: V,
       isSecondScreenOpen: h
     }), (R, P) => (f(), b("div", {
       class: F(["popover", { "popover--with-arrow": w(i) }])
     }, [
       S("div", {
-        class: F(["popover__trigger", `popover__trigger--${w(V)}`]),
+        class: F(["popover__trigger", `popover__trigger--${w(A)}`]),
         ref: "reference",
         onClick: C
       }, [
@@ -1348,9 +1348,9 @@ const tl = { class: "popover__content" }, ol = {
       ], 2),
       N(ze, { name: "fade" }, {
         default: Y(() => [
-          T.value ? (f(), b("div", {
+          V.value ? (f(), b("div", {
             key: 0,
-            class: F(["popover__wrapper", `popover__wrapper--${w(V)}`]),
+            class: F(["popover__wrapper", `popover__wrapper--${w(A)}`]),
             style: ue(w(p)),
             ref: "floating"
           }, [
@@ -1370,7 +1370,7 @@ const tl = { class: "popover__content" }, ol = {
               key: 0,
               class: "popover__arrow",
               ref: "arrow-block",
-              style: ue(A.value)
+              style: ue(T.value)
             }, null, 4)) : H("", !0)
           ], 6)) : H("", !0)
         ]),
@@ -1911,7 +1911,7 @@ const tl = { class: "popover__content" }, ol = {
       set(y) {
         if (Array.isArray(y)) {
           const $ = y.map((k) => {
-            const _ = e.options.find((V) => V[n.value] === k);
+            const _ = e.options.find((A) => A[n.value] === k);
             return _ || k;
           });
           i.value = e.returnObject ? $ : y;
@@ -2010,7 +2010,7 @@ const tl = { class: "popover__content" }, ol = {
             (f(!0), b(ae, null, Ae(y.options, (k, _) => (f(), z(Hl, {
               key: _,
               modelValue: s.value,
-              "onUpdate:modelValue": $[3] || ($[3] = (V) => s.value = V),
+              "onUpdate:modelValue": $[3] || ($[3] = (A) => s.value = A),
               item: k,
               multiple: y.multiple
             }, null, 8, ["modelValue", "item", "multiple"]))), 128))
@@ -2019,7 +2019,10 @@ const tl = { class: "popover__content" }, ol = {
       ], 512)
     ], 2));
   }
-}), Kl = { class: "paginator" }, Yl = ["disabled"], Xl = { class: "paginator__pages" }, Zl = ["onClick"], Jl = ["disabled"], Ql = { class: "paginator__change-per-page" }, es = /* @__PURE__ */ E({
+}), Kl = { class: "paginator" }, Yl = ["disabled"], Xl = { class: "paginator__pages" }, Zl = ["onClick"], Jl = ["disabled"], Ql = {
+  key: 0,
+  class: "paginator__change-per-page"
+}, es = /* @__PURE__ */ E({
   __name: "Paginator",
   props: /* @__PURE__ */ J({
     totals: {},
@@ -2027,12 +2030,12 @@ const tl = { class: "popover__content" }, ol = {
   }, {
     currentPage: { required: !0 },
     currentPageModifiers: {},
-    perPage: { required: !0, default: 25 },
+    perPage: {},
     perPageModifiers: {}
   }),
   emits: ["update:currentPage", "update:perPage"],
   setup(e) {
-    const t = ne(e, "currentPage"), o = ne(e, "perPage"), n = M(() => Math.ceil(e.totals / o.value)), l = M(() => e.perPageOptions.map((s) => ({
+    const t = ne(e, "currentPage"), o = ne(e, "perPage"), n = M(() => Math.ceil(e.totals / (o.value ?? 25))), l = M(() => e.perPageOptions.map((s) => ({
       label: s,
       value: s
     }))), i = M(() => {
@@ -2064,7 +2067,7 @@ const tl = { class: "popover__content" }, ol = {
       }, [
         N(w(Zt))
       ], 8, Jl),
-      S("div", Ql, [
+      o.value ? (f(), b("div", Ql, [
         r[3] || (r[3] = S("span", null, "Показывать по", -1)),
         N(w(Ul), {
           modelValue: o.value,
@@ -2072,16 +2075,18 @@ const tl = { class: "popover__content" }, ol = {
           options: l.value,
           class: "paginator__change-per-page__dropdown"
         }, null, 8, ["modelValue", "options"])
-      ])
+      ])) : H("", !0)
     ]));
   }
-}), ts = /* @__PURE__ */ pe(es, [["__scopeId", "data-v-cec898f9"]]), os = { class: "table-footer" }, ns = {
+}), ts = /* @__PURE__ */ pe(es, [["__scopeId", "data-v-ca21820f"]]), os = { class: "table-footer" }, ns = {
   colspan: "100%",
   class: "table-footer__wrapper"
 }, ls = /* @__PURE__ */ E({
   __name: "TableFooter",
   props: /* @__PURE__ */ J({
+    paginator: { type: Boolean },
     data: {},
+    totalsRow: {},
     perPageOptions: {}
   }, {
     currentPage: { required: !0 },
@@ -2095,20 +2100,20 @@ const tl = { class: "popover__content" }, ol = {
     return (n, l) => (f(), b("tfoot", os, [
       S("tr", null, [
         S("td", ns, [
-          t.value ? (f(), z(w(ts), {
+          n.paginator && t.value ? (f(), z(w(ts), {
             key: 0,
             "current-page": t.value,
             "onUpdate:currentPage": l[0] || (l[0] = (i) => t.value = i),
             "per-page": o.value,
             "onUpdate:perPage": l[1] || (l[1] = (i) => o.value = i),
-            totals: n.data.length,
+            totals: n.totalsRow || n.data.length,
             "per-page-options": n.perPageOptions
           }, null, 8, ["current-page", "per-page", "totals", "per-page-options"])) : H("", !0)
         ])
       ])
     ]));
   }
-}), ss = /* @__PURE__ */ pe(ls, [["__scopeId", "data-v-c2b206a0"]]), is = (e) => {
+}), ss = /* @__PURE__ */ pe(ls, [["__scopeId", "data-v-569f5447"]]), is = (e) => {
   const t = D([]), o = D({
     selectedMode: null
   }), n = (i) => {
@@ -2178,73 +2183,78 @@ const tl = { class: "popover__content" }, ol = {
     sortField: {},
     sortMode: {},
     rowColorHovered: { type: Boolean },
-    perPageOptions: {}
+    rows: {},
+    paginator: { type: Boolean },
+    perPageOptions: {},
+    totals: {}
   }, {
     currentPage: {},
     currentPageModifiers: {},
-    perPage: { default: 25 },
+    perPage: {},
     perPageModifiers: {}
   }),
-  emits: /* @__PURE__ */ J(["update:selectedRows", "rowClickHandler", "update:pagination"], ["update:currentPage", "update:perPage"]),
+  emits: /* @__PURE__ */ J(["update:selectedRows", "rowClickHandler"], ["update:currentPage", "update:perPage"]),
   setup(e, { emit: t }) {
     const o = t, n = M(() => e.rowGroupMode), l = M(() => e.groupRowsBy), { dataWithGroup: i } = rs(n, l), { columns: s, options: r } = is(n), a = M(() => r.value.selectedMode), { selectedRows: u, isSelectedAll: c, toggleSelectRow: d, toggleSelectedAll: v } = as(a, e.data), p = D(null), m = ne(e, "currentPage"), g = ne(e, "perPage"), y = M(() => {
-      let V = [...e.data];
+      let A = [...e.data];
       if (p.value) {
         const { field: h, order: C } = p.value;
-        V.sort((B, O) => {
+        A.sort((B, O) => {
           const I = B[h], x = O[h];
           return I === x ? 0 : C === 1 ? I > x ? 1 : -1 : I < x ? 1 : -1;
         });
       }
-      const T = i(V);
-      return e.rowGroupMode === "rowspan" && e.groupRowsBy ? T.filter((h) => k.value.has(h._groupValue) ? h._isFirstInGroup : !0) : T;
+      const V = i(A);
+      return e.rowGroupMode === "rowspan" && e.groupRowsBy ? V.filter((h) => k.value.has(h._groupValue) ? h._isFirstInGroup : !0) : V;
     }), $ = M(() => [
       "table",
       {
         [`table--theme-${e.theme}`]: e.theme
       }
-    ]), k = D(/* @__PURE__ */ new Set()), _ = (V) => {
-      k.value.has(V) ? k.value.delete(V) : k.value.add(V);
+    ]), k = D(/* @__PURE__ */ new Set()), _ = (A) => {
+      k.value.has(A) ? k.value.delete(A) : k.value.add(A);
     };
-    return oe(u, (V) => {
-      o("update:selectedRows", V);
-    }), (V, T) => (f(), b("table", {
+    return oe(u, (A) => {
+      o("update:selectedRows", A);
+    }), (A, V) => (f(), b("table", {
       class: F($.value)
     }, [
-      q(V.$slots, "default", {}, void 0, !0),
+      q(A.$slots, "default", {}, void 0, !0),
       N(ml, {
-        size: V.size,
+        size: A.size,
         columns: w(s),
         isSelectedAll: w(c),
-        sortMode: V.sortMode,
-        sortField: V.sortField,
+        sortMode: A.sortMode,
+        sortField: A.sortField,
         onSelectAllRow: w(v),
-        "onUpdate:sort": T[0] || (T[0] = (h) => p.value = h)
+        "onUpdate:sort": V[0] || (V[0] = (h) => p.value = h)
       }, null, 8, ["size", "columns", "isSelectedAll", "sortMode", "sortField", "onSelectAllRow"]),
       N($l, {
-        size: V.size,
+        size: A.size,
         selectedRows: w(u),
         columns: w(s),
         data: y.value,
-        rowGroupMode: V.rowGroupMode,
-        groupRowsBy: V.groupRowsBy,
+        rowGroupMode: A.rowGroupMode,
+        groupRowsBy: A.groupRowsBy,
         collapsedGroups: k.value,
-        colorHovered: V.rowColorHovered,
-        onRowClickHandler: T[1] || (T[1] = (h) => o("rowClickHandler", h)),
-        onToggleRow: T[2] || (T[2] = (h) => w(d)(h)),
-        onToggleGroup: T[3] || (T[3] = (h) => _(h))
+        colorHovered: A.rowColorHovered,
+        onRowClickHandler: V[1] || (V[1] = (h) => o("rowClickHandler", h)),
+        onToggleRow: V[2] || (V[2] = (h) => w(d)(h)),
+        onToggleGroup: V[3] || (V[3] = (h) => _(h))
       }, null, 8, ["size", "selectedRows", "columns", "data", "rowGroupMode", "groupRowsBy", "collapsedGroups", "colorHovered"]),
       N(ss, {
         currentPage: m.value,
-        "onUpdate:currentPage": T[4] || (T[4] = (h) => m.value = h),
+        "onUpdate:currentPage": V[4] || (V[4] = (h) => m.value = h),
         "per-page": g.value,
-        "onUpdate:perPage": T[5] || (T[5] = (h) => g.value = h),
+        "onUpdate:perPage": V[5] || (V[5] = (h) => g.value = h),
         data: y.value,
-        "per-page-options": V.perPageOptions
-      }, null, 8, ["currentPage", "per-page", "data", "per-page-options"])
+        "per-page-options": A.perPageOptions,
+        "totals-row": A.totals,
+        paginator: A.paginator
+      }, null, 8, ["currentPage", "per-page", "data", "per-page-options", "totals-row", "paginator"])
     ], 2));
   }
-}), zi = /* @__PURE__ */ pe(us, [["__scopeId", "data-v-0b141a20"]]), Gi = /* @__PURE__ */ E({
+}), zi = /* @__PURE__ */ pe(us, [["__scopeId", "data-v-67822ded"]]), Gi = /* @__PURE__ */ E({
   __name: "Column",
   props: {
     field: {},
@@ -2286,16 +2296,16 @@ const tl = { class: "popover__content" }, ol = {
     const o = e, n = D(), l = D([]), i = D(0), s = D(0), r = D(/* @__PURE__ */ new Map()), a = D(/* @__PURE__ */ new Map()), u = async () => {
       if (await ke(), !l.value?.length) return;
       let x = !1;
-      l.value.forEach((A, R) => {
-        if (!A) return;
-        const P = y.value + R, G = A.offsetHeight;
+      l.value.forEach((T, R) => {
+        if (!T) return;
+        const P = y.value + R, G = T.offsetHeight;
         r.value.get(P) !== G && (r.value.set(P, G), x = !0);
       }), x && c();
     }, c = () => {
       let x = 0;
-      for (let A = 0; A < o.items.length; A++) {
-        a.value.set(A, x);
-        const R = r.value.get(A) || o.estimatedItemHeight;
+      for (let T = 0; T < o.items.length; T++) {
+        a.value.set(T, x);
+        const R = r.value.get(T) || o.estimatedItemHeight;
         x += R;
       }
     }, d = (x) => a.value.get(x) || x * o.estimatedItemHeight, v = (x) => r.value.get(x) || o.estimatedItemHeight, p = M(() => {
@@ -2304,29 +2314,29 @@ const tl = { class: "popover__content" }, ol = {
       const x = o.items.length - 1;
       return d(x) + v(x);
     }), m = (x) => {
-      let A = 0, R = o.items.length - 1;
-      for (; A <= R; ) {
-        const P = Math.floor((A + R) / 2);
-        d(P) <= x ? A = P + 1 : R = P - 1;
+      let T = 0, R = o.items.length - 1;
+      for (; T <= R; ) {
+        const P = Math.floor((T + R) / 2);
+        d(P) <= x ? T = P + 1 : R = P - 1;
       }
       return Math.max(0, R - o.buffer);
-    }, g = (x, A) => {
-      const R = x + A;
+    }, g = (x, T) => {
+      const R = x + T;
       let P = m(x);
       for (; P < o.items.length && !(d(P) > R); )
         P++;
       return Math.min(o.items.length - 1, P + o.buffer);
     }, y = M(() => m(i.value)), $ = M(() => g(i.value, s.value)), k = M(() => {
       const x = [];
-      for (let A = y.value; A <= $.value; A++)
-        o.items[A] && x.push({
-          data: o.items[A],
-          index: A
+      for (let T = y.value; T <= $.value; T++)
+        o.items[T] && x.push({
+          data: o.items[T],
+          index: T
         });
       return x;
-    }), _ = M(() => d(y.value)), V = (x) => x.data[o.keyField] ?? x.index, T = (x) => {
-      const A = x.target;
-      i.value = A.scrollTop;
+    }), _ = M(() => d(y.value)), A = (x) => x.data[o.keyField] ?? x.index, V = (x) => {
+      const T = x.target;
+      i.value = T.scrollTop;
     }, h = () => {
       n.value && (s.value = n.value.clientHeight);
     };
@@ -2344,8 +2354,8 @@ const tl = { class: "popover__content" }, ol = {
     }, { deep: !0 }), t({
       scrollToIndex: async (x) => {
         if (!n.value || x < 0 || x >= o.items.length) return;
-        const A = d(x);
-        n.value.scrollTop = A;
+        const T = d(x);
+        n.value.scrollTop = T;
       },
       scrollToTop: () => {
         n.value && (n.value.scrollTop = 0);
@@ -2354,11 +2364,11 @@ const tl = { class: "popover__content" }, ol = {
         n.value && (n.value.scrollTop = p.value);
       },
       updateItemHeights: u
-    }), (x, A) => (f(), b("div", {
+    }), (x, T) => (f(), b("div", {
       ref_key: "containerRef",
       ref: n,
       class: "virtual-scroll",
-      onScroll: T
+      onScroll: V
     }, [
       S("div", {
         class: "virtual-scroll__spacer",
@@ -2369,7 +2379,7 @@ const tl = { class: "popover__content" }, ol = {
           style: ue({ transform: `translateY(${_.value}px)`, gap: `${x.gap}px` })
         }, [
           (f(!0), b(ae, null, Ae(k.value, (R) => (f(), b("div", {
-            key: V(R),
+            key: A(R),
             ref_for: !0,
             ref_key: "itemRefs",
             ref: l,
@@ -2450,9 +2460,9 @@ function ms(e, t) {
   }
   function v(h) {
     const { required: C, optional: B } = u(o), O = C + B;
-    let I = "", x = 0, A = 0;
-    for (; A < O.length; ) {
-      const R = O[A];
+    let I = "", x = 0, T = 0;
+    for (; T < O.length; ) {
+      const R = O[T];
       if (c(R))
         if (x < h.length) {
           const P = h[x];
@@ -2466,7 +2476,7 @@ function ms(e, t) {
           I += n;
       else
         I += R;
-      A++;
+      T++;
     }
     return I;
   }
@@ -2476,14 +2486,14 @@ function ms(e, t) {
   }
   function m(h) {
     const { required: C, optional: B } = u(o), O = C + B;
-    let I = "", x = 0, A = 0;
-    for (; x < h.length && A < O.length; ) {
-      const R = h[x], P = O[A];
+    let I = "", x = 0, T = 0;
+    for (; x < h.length && T < O.length; ) {
+      const R = h[x], P = O[T];
       if (R === n) {
         x++;
         continue;
       }
-      c(P) ? d(R, P) ? (I += R, x++, A++) : x++ : (R === P && x++, A++);
+      c(P) ? d(R, P) ? (I += R, x++, T++) : x++ : (R === P && x++, T++);
     }
     for (; x < h.length; ) {
       const R = h[x];
@@ -2525,7 +2535,7 @@ function ms(e, t) {
     if (!h.isTrusted) return;
     const C = h.target, B = C.value, O = m(B), I = v(O);
     s.value = I, e.value = O, ke(() => {
-      const { required: x, optional: A } = u(o), R = x + A;
+      const { required: x, optional: T } = u(o), R = x + T;
       let P = 0, G = 0;
       for (let L = 0; L < R.length; L++)
         if (c(R[L]))
@@ -2551,7 +2561,7 @@ function ms(e, t) {
     setTimeout(() => {
       const B = C.value, O = m(B), I = v(O);
       s.value = I, e.value = O;
-      const { required: x, optional: A } = u(o), R = x + A;
+      const { required: x, optional: T } = u(o), R = x + T;
       let P = 0, G = 0;
       for (let L = 0; L < R.length; L++)
         if (c(R[L]))
@@ -2665,15 +2675,15 @@ function ms(e, t) {
     }
     if (h.metaKey || h.ctrlKey || ["ArrowLeft", "ArrowRight", "Tab", "Home", "End", "Escape"].includes(h.key))
       return;
-    const { required: O, optional: I } = u(o), x = O + I, A = m(s.value), R = x.split("").filter((L) => c(L)).length;
-    if (A.length >= R) {
+    const { required: O, optional: I } = u(o), x = O + I, T = m(s.value), R = x.split("").filter((L) => c(L)).length;
+    if (T.length >= R) {
       h.preventDefault();
       return;
     }
     let P = -1, G = 0;
     for (let L = 0; L < x.length; L++)
       if (c(x[L])) {
-        if (G === A.length) {
+        if (G === T.length) {
           P = L;
           break;
         }
@@ -2681,31 +2691,31 @@ function ms(e, t) {
       }
     P >= 0 && !d(h.key, x[P]) && h.preventDefault();
   }
-  function V(h) {
+  function A(h) {
     r.value = !0, ke(() => {
       const C = h.target, { required: B, optional: O } = u(o), I = B + O;
       let x = 0;
-      for (let A = 0; A < I.length; A++)
-        if (c(I[A])) {
-          x = A;
+      for (let T = 0; T < I.length; T++)
+        if (c(I[T])) {
+          x = T;
           break;
         }
       if (je(e)) {
-        let A = 0;
+        let T = 0;
         for (let R = 0; R < I.length; R++)
           if (c(I[R])) {
-            if (A >= je(e).length) {
+            if (T >= je(e).length) {
               x = R;
               break;
             }
-            A++;
+            T++;
           }
-        A === je(e).length && (x = s.value.length);
+        T === je(e).length && (x = s.value.length);
       }
       C.setSelectionRange(x, x);
     });
   }
-  function T() {
+  function V() {
     r.value = !1, l && !g(s.value) ? (s.value = "", e.value = "") : je(e) || y();
   }
   return y(), oe(() => je(e), (h, C) => {
@@ -2717,8 +2727,8 @@ function ms(e, t) {
     handleInput: $,
     handlePaste: k,
     handleKeydown: _,
-    handleFocus: V,
-    handleBlur: T,
+    handleFocus: A,
+    handleBlur: V,
     placeholder: p()
   };
 }
@@ -3392,7 +3402,7 @@ const Qi = {
         a();
         return;
       }
-      const $ = p.getBoundingClientRect(), k = 8, _ = 8, V = (I) => {
+      const $ = p.getBoundingClientRect(), k = 8, _ = 8, A = (I) => {
         switch (I) {
           case "top":
             return {
@@ -3437,17 +3447,17 @@ const Qi = {
           default:
             return { top: 0, left: 0 };
         }
-      }, T = (I) => {
-        const x = V(I);
+      }, V = (I) => {
+        const x = A(I);
         return x.top >= k && x.left >= k && x.top + $.height <= window.innerHeight - k && x.left + $.width <= window.innerWidth - k;
       }, h = [m];
       ["bottomright", "bottom", "top", "right", "left", "bottomleft", "topright", "topleft"].forEach((I) => {
         h.includes(I) || h.push(I);
       });
-      let B = m, O = V(m);
+      let B = m, O = A(m);
       for (const I of h)
-        if (T(I)) {
-          B = I, O = V(I);
+        if (V(I)) {
+          B = I, O = A(I);
           break;
         }
       O.top = Math.max(k, Math.min(O.top, window.innerHeight - $.height - k)), O.left = Math.max(k, Math.min(O.left, window.innerWidth - $.width - k)), n.value = B, o.value = {
@@ -3862,8 +3872,8 @@ const si = async (e, t, o) => {
     } = r[g], {
       x: k,
       y: _,
-      data: V,
-      reset: T
+      data: A,
+      reset: V
     } = await $({
       x: c,
       y: d,
@@ -3882,13 +3892,13 @@ const si = async (e, t, o) => {
       ...p,
       [y]: {
         ...p[y],
-        ...V
+        ...A
       }
-    }, T && m <= 50 && (m++, typeof T == "object" && (T.placement && (v = T.placement), T.rects && (u = T.rects === !0 ? await s.getElementRects({
+    }, V && m <= 50 && (m++, typeof V == "object" && (V.placement && (v = V.placement), V.rects && (u = V.rects === !0 ? await s.getElementRects({
       reference: e,
       floating: t,
       strategy: l
-    }) : T.rects), {
+    }) : V.rects), {
       x: c,
       y: d
     } = zt(u, v, a)), g = -1);
@@ -3927,23 +3937,23 @@ async function vo(e, t) {
     y: l,
     width: s.floating.width,
     height: s.floating.height
-  } : s.reference, _ = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(r.floating)), V = await (i.isElement == null ? void 0 : i.isElement(_)) ? await (i.getScale == null ? void 0 : i.getScale(_)) || {
+  } : s.reference, _ = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(r.floating)), A = await (i.isElement == null ? void 0 : i.isElement(_)) ? await (i.getScale == null ? void 0 : i.getScale(_)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, T = De(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, V = De(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: r,
     rect: k,
     offsetParent: _,
     strategy: a
   }) : k);
   return {
-    top: ($.top - T.top + m.top) / V.y,
-    bottom: (T.bottom - $.bottom + m.bottom) / V.y,
-    left: ($.left - T.left + m.left) / V.x,
-    right: (T.right - $.right + m.right) / V.x
+    top: ($.top - V.top + m.top) / A.y,
+    bottom: (V.bottom - $.bottom + m.bottom) / A.y,
+    left: ($.left - V.left + m.left) / A.x,
+    right: (V.right - $.right + m.right) / A.x
   };
 }
 const ii = (e) => ({
@@ -3967,10 +3977,10 @@ const ii = (e) => ({
     const d = ut(c), v = {
       x: o,
       y: n
-    }, p = lt(l), m = nt(p), g = await s.getDimensions(u), y = p === "y", $ = y ? "top" : "left", k = y ? "bottom" : "right", _ = y ? "clientHeight" : "clientWidth", V = i.reference[m] + i.reference[p] - v[p] - i.floating[m], T = v[p] - i.reference[p], h = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
+    }, p = lt(l), m = nt(p), g = await s.getDimensions(u), y = p === "y", $ = y ? "top" : "left", k = y ? "bottom" : "right", _ = y ? "clientHeight" : "clientWidth", A = i.reference[m] + i.reference[p] - v[p] - i.floating[m], V = v[p] - i.reference[p], h = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
     let C = h ? h[_] : 0;
     (!C || !await (s.isElement == null ? void 0 : s.isElement(h))) && (C = r.floating[_] || i.floating[m]);
-    const B = V / 2 - T / 2, O = C / 2 - g[m] / 2 - 1, I = Re(d[$], O), x = Re(d[k], O), A = I, R = C - g[m] - x, P = C / 2 - g[m] / 2 + B, G = Xe(A, P, R), L = !a.arrow && Me(l) != null && P !== G && i.reference[m] / 2 - (P < A ? I : x) - g[m] / 2 < 0, te = L ? P < A ? P - A : P - R : 0;
+    const B = A / 2 - V / 2, O = C / 2 - g[m] / 2 - 1, I = Re(d[$], O), x = Re(d[k], O), T = I, R = C - g[m] - x, P = C / 2 - g[m] / 2 + B, G = Xe(T, P, R), L = !a.arrow && Me(l) != null && P !== G && i.reference[m] / 2 - (P < T ? I : x) - g[m] / 2 < 0, te = L ? P < T ? P - T : P - R : 0;
     return {
       [p]: v[p] + te,
       data: {
@@ -4007,19 +4017,19 @@ const ii = (e) => ({
       } = Pe(e, t);
       if ((o = i.arrow) != null && o.alignmentOffset)
         return {};
-      const $ = Se(l), k = xe(r), _ = Se(r) === r, V = await (a.isRTL == null ? void 0 : a.isRTL(u.floating)), T = v || (_ || !g ? [at(r)] : mn(r)), h = m !== "none";
-      !v && h && T.push(...wn(r, g, m, V));
-      const C = [r, ...T], B = await vo(t, y), O = [];
+      const $ = Se(l), k = xe(r), _ = Se(r) === r, A = await (a.isRTL == null ? void 0 : a.isRTL(u.floating)), V = v || (_ || !g ? [at(r)] : mn(r)), h = m !== "none";
+      !v && h && V.push(...wn(r, g, m, A));
+      const C = [r, ...V], B = await vo(t, y), O = [];
       let I = ((n = i.flip) == null ? void 0 : n.overflows) || [];
       if (c && O.push(B[$]), d) {
-        const P = pn(l, s, V);
+        const P = pn(l, s, A);
         O.push(B[P[0]], B[P[1]]);
       }
       if (I = [...I, {
         placement: l,
         overflows: O
       }], !O.every((P) => P <= 0)) {
-        var x, A;
+        var x, T;
         const P = (((x = i.flip) == null ? void 0 : x.index) || 0) + 1, G = C[P];
         if (G && (!(d === "alignment" ? k !== xe(G) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
@@ -4033,7 +4043,7 @@ const ii = (e) => ({
               placement: G
             }
           };
-        let L = (A = I.filter((te) => te.overflows[0] <= 0).sort((te, me) => te.overflows[1] - me.overflows[1])[0]) == null ? void 0 : A.placement;
+        let L = (T = I.filter((te) => te.overflows[0] <= 0).sort((te, me) => te.overflows[1] - me.overflows[1])[0]) == null ? void 0 : T.placement;
         if (!L)
           switch (p) {
             case "bestFit": {
@@ -4221,8 +4231,8 @@ function et(e, t, o, n) {
     const v = Z(i), p = n && Q(n) ? Z(n) : n;
     let m = v, g = Je(m);
     for (; g && n && p !== m; ) {
-      const y = Ye(g), $ = g.getBoundingClientRect(), k = ee(g), _ = $.left + (g.clientLeft + parseFloat(k.paddingLeft)) * y.x, V = $.top + (g.clientTop + parseFloat(k.paddingTop)) * y.y;
-      a *= y.x, u *= y.y, c *= y.x, d *= y.y, a += _, u += V, m = Z(g), g = Je(m);
+      const y = Ye(g), $ = g.getBoundingClientRect(), k = ee(g), _ = $.left + (g.clientLeft + parseFloat(k.paddingLeft)) * y.x, A = $.top + (g.clientTop + parseFloat(k.paddingTop)) * y.y;
+      a *= y.x, u *= y.y, c *= y.x, d *= y.y, a += _, u += A, m = Z(g), g = Je(m);
     }
   }
   return De({
@@ -4500,15 +4510,15 @@ const Si = {
         left: `${g}px`,
         top: `${y}px`
       }, o.showArrow && k.arrow && m) {
-        const { x: _, y: V } = k.arrow, T = $.split("-")[0], h = {
+        const { x: _, y: A } = k.arrow, V = $.split("-")[0], h = {
           top: "bottom",
           right: "left",
           bottom: "top",
           left: "right"
-        }[T];
+        }[V];
         r.value = {
           left: _ != null ? `${_}px` : "",
-          top: V != null ? `${V}px` : "",
+          top: A != null ? `${A}px` : "",
           right: "",
           bottom: "",
           [h]: "-4px"