prlg-ui 1.4.21 → 1.4.23

package/dist/prlg-ui.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as C, computed as x, resolveComponent as ct, createBlock as M, openBlock as c, resolveDynamicComponent as ae, normalizeClass as B, withCtx as U, createCommentVNode as V, createElementBlock as m, renderSlot as L, Fragment as H, createTextVNode as de, toDisplayString as D, ref as S, useTemplateRef as Oe, onMounted as ne, createElementVNode as w, createVNode as z, renderList as fe, unref as b, mergeModels as F, useModel as le, useId as Re, withDirectives as me, vModelCheckbox as qe, onUnmounted as Ue, watch as re, nextTick as Te, Teleport as je, Transition as Ye, normalizeStyle as ee, provide as Q, useSlots as dt, inject as K, vModelRadio as Pt, withModifiers as Lt, vModelDynamic as _t, vModelText as ft, mergeProps as zt, reactive as mt, shallowRef as Ie, TransitionGroup as Et, vShow as vt } from "vue";
+import { defineComponent as C, computed as x, resolveComponent as ct, createBlock as M, openBlock as c, resolveDynamicComponent as ae, normalizeClass as B, withCtx as U, createCommentVNode as V, createElementBlock as m, renderSlot as L, Fragment as H, createTextVNode as de, toDisplayString as D, ref as S, useTemplateRef as Oe, onMounted as ne, createElementVNode as w, createVNode as E, renderList as fe, unref as b, mergeModels as F, useModel as le, useId as Re, withDirectives as me, vModelCheckbox as qe, onUnmounted as Ue, watch as re, nextTick as Te, Teleport as je, Transition as Ye, normalizeStyle as ee, provide as Q, useSlots as dt, inject as K, vModelRadio as Pt, withModifiers as Lt, vModelDynamic as zt, vModelText as ft, mergeProps as Et, reactive as mt, shallowRef as Ie, TransitionGroup as _t, vShow as vt } from "vue";
 import { P as pt, g as Dt, h as Gt, _ as ve, I as Xe, A as Ht, c as Ke, e as Ft, f as Nt, S as Wt, M as qt, E as Ut, B as jt, C as Yt, b as gt, W as Xt, d as Kt, a as Zt } from "./WarningFillIcon-Drb2OS3I.js";
 import { o as ht, E as Jt, _ as Qt, u as wt } from "./useBodyScroll.util-BgQeA8Dg.js";
 const eo = {
@@ -88,7 +88,7 @@ const eo = {
           w("span", no, D(a.label), 1)
         ], 8, oo))), 128))
       ], 2),
-      z(b(He), {
+      E(b(He), {
         ref_key: "targetRef",
         ref: n,
         variant: s.variant,
@@ -193,10 +193,10 @@ const eo = {
       class: "sort-button",
       onClick: l
     }, [
-      z(b(Dt), {
+      E(b(Dt), {
         class: B(["sort-button__icon", [{ "sort-button__icon--active": t.value.order === -1 && t.value.field === i.field }]])
       }, null, 8, ["class"]),
-      z(b(Gt), {
+      E(b(Gt), {
         class: B(["sort-button__icon", { "sort-button__icon--active": t.value.order === 1 && t.value.field === i.field }])
       }, null, 8, ["class"])
     ]));
@@ -289,7 +289,7 @@ function bt(e) {
     left: e
   };
 }
-function _e(e) {
+function ze(e) {
   const {
     x: o,
     y: t,
@@ -432,7 +432,7 @@ async function $t(e, o) {
     elementContext: f = "floating",
     altBoundary: $ = !1,
     padding: v = 0
-  } = Se(o, e), k = bt(v), p = r[$ ? f === "floating" ? "reference" : "floating" : f], y = _e(await i.getClippingRect({
+  } = Se(o, e), k = bt(v), p = r[$ ? f === "floating" ? "reference" : "floating" : f], y = ze(await i.getClippingRect({
     element: (t = await (i.isElement == null ? void 0 : i.isElement(p))) == null || t ? p : p.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(r.floating)),
     boundary: u,
     rootBoundary: d,
@@ -448,7 +448,7 @@ async function $t(e, o) {
   } : {
     x: 1,
     y: 1
-  }, O = _e(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, O = ze(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: r,
     rect: g,
     offsetParent: h,
@@ -483,9 +483,9 @@ const Co = (e) => ({
       x: t,
       y: n
     }, v = Qe(l), k = Je(v), A = await s.getDimensions(u), p = v === "y", y = p ? "top" : "left", g = p ? "bottom" : "right", h = p ? "clientHeight" : "clientWidth", R = i.reference[k] + i.reference[v] - $[v] - i.floating[k], O = $[v] - i.reference[v], G = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
-    let _ = G ? G[h] : 0;
-    (!_ || !await (s.isElement == null ? void 0 : s.isElement(G))) && (_ = r.floating[h] || i.floating[k]);
-    const W = R / 2 - O / 2, N = _ / 2 - A[k] / 2 - 1, j = ke(f[y], N), T = ke(f[g], N), I = j, E = _ - A[k] - T, P = _ / 2 - A[k] / 2 + W, Y = Fe(I, P, E), se = !a.arrow && Ve(l) != null && P !== Y && i.reference[k] / 2 - (P < I ? j : T) - A[k] / 2 < 0, Z = se ? P < I ? P - I : P - E : 0;
+    let z = G ? G[h] : 0;
+    (!z || !await (s.isElement == null ? void 0 : s.isElement(G))) && (z = r.floating[h] || i.floating[k]);
+    const W = R / 2 - O / 2, N = z / 2 - A[k] / 2 - 1, j = ke(f[y], N), T = ke(f[g], N), I = j, _ = z - A[k] - T, P = z / 2 - A[k] / 2 + W, Y = Fe(I, P, _), se = !a.arrow && Ve(l) != null && P !== Y && i.reference[k] / 2 - (P < I ? j : T) - A[k] / 2 < 0, Z = se ? P < I ? P - I : P - _ : 0;
     return {
       [v]: $[v] + Z,
       data: {
@@ -524,7 +524,7 @@ const Co = (e) => ({
         return {};
       const y = ye(l), g = ge(r), h = ye(r) === r, R = await (a.isRTL == null ? void 0 : a.isRTL(u.floating)), O = $ || (h || !A ? [Le(r)] : wo(r)), G = k !== "none";
       !$ && G && O.push(...ko(r, A, k, R));
-      const _ = [r, ...O], W = await $t(o, p), N = [];
+      const z = [r, ...O], W = await $t(o, p), N = [];
       let j = ((n = i.flip) == null ? void 0 : n.overflows) || [];
       if (d && N.push(W[y]), f) {
         const P = ho(l, s, R);
@@ -535,7 +535,7 @@ const Co = (e) => ({
         overflows: N
       }], !N.every((P) => P <= 0)) {
         var T, I;
-        const P = (((T = i.flip) == null ? void 0 : T.index) || 0) + 1, Y = _[P];
+        const P = (((T = i.flip) == null ? void 0 : T.index) || 0) + 1, Y = z[P];
         if (Y && (!(f === "alignment" ? g !== ge(Y) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         j.every((J) => J.overflows[0] > 0 && ge(J.placement) === g)))
@@ -552,8 +552,8 @@ const Co = (e) => ({
         if (!se)
           switch (v) {
             case "bestFit": {
-              var E;
-              const Z = (E = j.filter((J) => {
+              var _;
+              const Z = (_ = j.filter((J) => {
                 if (G) {
                   const pe = ge(J.placement);
                   return pe === g || // Create a bias to the `y` side axis due to horizontal
@@ -561,7 +561,7 @@ const Co = (e) => ({
                   pe === "y";
                 }
                 return !0;
-              }).map((J) => [J.placement, J.overflows.filter((pe) => pe > 0).reduce((pe, Ot) => pe + Ot, 0)]).sort((J, pe) => J[1] - pe[1])[0]) == null ? void 0 : E[0];
+              }).map((J) => [J.placement, J.overflows.filter((pe) => pe > 0).reduce((pe, Ot) => pe + Ot, 0)]).sort((J, pe) => J[1] - pe[1])[0]) == null ? void 0 : _[0];
               Z && (se = Z);
               break;
             }
@@ -686,7 +686,7 @@ const Vo = function(e) {
     }
   };
 };
-function ze() {
+function Ee() {
   return typeof window < "u";
 }
 function Ce(e) {
@@ -701,16 +701,16 @@ function ce(e) {
   return (o = (kt(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : o.documentElement;
 }
 function kt(e) {
-  return ze() ? e instanceof Node || e instanceof q(e).Node : !1;
+  return Ee() ? e instanceof Node || e instanceof q(e).Node : !1;
 }
 function te(e) {
-  return ze() ? e instanceof Element || e instanceof q(e).Element : !1;
+  return Ee() ? e instanceof Element || e instanceof q(e).Element : !1;
 }
 function ue(e) {
-  return ze() ? e instanceof HTMLElement || e instanceof q(e).HTMLElement : !1;
+  return Ee() ? e instanceof HTMLElement || e instanceof q(e).HTMLElement : !1;
 }
 function at(e) {
-  return !ze() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof q(e).ShadowRoot;
+  return !Ee() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof q(e).ShadowRoot;
 }
 const Io = /* @__PURE__ */ new Set(["inline", "contents"]);
 function Be(e) {
@@ -727,7 +727,7 @@ function Oo(e) {
   return Mo.has(Ce(e));
 }
 const Po = [":popover-open", ":modal"];
-function Ee(e) {
+function _e(e) {
   return Po.some((o) => {
     try {
       return e.matches(o);
@@ -736,17 +736,17 @@ function Ee(e) {
     }
   });
 }
-const Lo = ["transform", "translate", "scale", "rotate", "perspective"], _o = ["transform", "translate", "scale", "rotate", "perspective", "filter"], zo = ["paint", "layout", "strict", "content"];
+const Lo = ["transform", "translate", "scale", "rotate", "perspective"], zo = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Eo = ["paint", "layout", "strict", "content"];
 function et(e) {
   const o = tt(), t = te(e) ? oe(e) : e;
-  return Lo.some((n) => t[n] ? t[n] !== "none" : !1) || (t.containerType ? t.containerType !== "normal" : !1) || !o && (t.backdropFilter ? t.backdropFilter !== "none" : !1) || !o && (t.filter ? t.filter !== "none" : !1) || _o.some((n) => (t.willChange || "").includes(n)) || zo.some((n) => (t.contain || "").includes(n));
+  return Lo.some((n) => t[n] ? t[n] !== "none" : !1) || (t.containerType ? t.containerType !== "normal" : !1) || !o && (t.backdropFilter ? t.backdropFilter !== "none" : !1) || !o && (t.filter ? t.filter !== "none" : !1) || zo.some((n) => (t.willChange || "").includes(n)) || Eo.some((n) => (t.contain || "").includes(n));
 }
-function Eo(e) {
+function _o(e) {
   let o = he(e);
   for (; ue(o) && !xe(o); ) {
     if (et(o))
       return o;
-    if (Ee(o))
+    if (_e(o))
       return null;
     o = he(o);
   }
@@ -854,7 +854,7 @@ function be(e, o, t, n) {
       a *= p.x, u *= p.y, d *= p.x, f *= p.y, a += h, u += R, k = q(A), A = We(k);
     }
   }
-  return _e({
+  return ze({
     width: d,
     height: f,
     x: a,
@@ -883,7 +883,7 @@ function Fo(e) {
     offsetParent: n,
     strategy: l
   } = e;
-  const i = l === "fixed", s = ce(n), r = o ? Ee(o.floating) : !1;
+  const i = l === "fixed", s = ce(n), r = o ? _e(o.floating) : !1;
   if (n === s || r && i)
     return t;
   let a = {
@@ -959,7 +959,7 @@ function rt(e, o, t) {
       height: o.height
     };
   }
-  return _e(n);
+  return ze(n);
 }
 function At(e, o) {
   const t = he(e);
@@ -985,7 +985,7 @@ function Xo(e) {
     rootBoundary: n,
     strategy: l
   } = e;
-  const s = [...t === "clippingAncestors" ? Ee(o) ? [] : Yo(o, this._c) : [].concat(t), n], r = s[0], a = s.reduce((u, d) => {
+  const s = [...t === "clippingAncestors" ? _e(o) ? [] : Yo(o, this._c) : [].concat(t), n], r = s[0], a = s.reduce((u, d) => {
     const f = rt(o, d, l);
     return u.top = we(f.top, u.top), u.right = ke(f.right, u.right), u.bottom = ke(f.bottom, u.bottom), u.left = we(f.left, u.left), u;
   }, rt(o, r, l));
@@ -1043,7 +1043,7 @@ function ut(e, o) {
 }
 function St(e, o) {
   const t = q(e);
-  if (Ee(e))
+  if (_e(e))
     return t;
   if (!ue(e)) {
     let l = he(e);
@@ -1057,7 +1057,7 @@ function St(e, o) {
   let n = ut(e, o);
   for (; n && Oo(n) && Ge(n); )
     n = ut(n, o);
-  return n && xe(n) && Ge(n) && !et(n) ? t : n || Eo(e) || t;
+  return n && xe(n) && Ge(n) && !et(n) ? t : n || _o(e) || t;
 }
 const Jo = async function(e) {
   const o = this.getOffsetParent || St, t = this.getDimensions, n = await t(e.floating);
@@ -1112,15 +1112,15 @@ function tn(e, o) {
     };
     let R = !0;
     function O(G) {
-      const _ = G[0].intersectionRatio;
-      if (_ !== a) {
+      const z = G[0].intersectionRatio;
+      if (z !== a) {
         if (!R)
           return s();
-        _ ? s(!1, _) : n = setTimeout(() => {
+        z ? s(!1, z) : n = setTimeout(() => {
           s(!1, 1e-7);
         }, 1e3);
       }
-      _ === 1 && !Vt(u, e.getBoundingClientRect()) && s(), R = !1;
+      z === 1 && !Vt(u, e.getBoundingClientRect()) && s(), R = !1;
     }
     try {
       t = new IntersectionObserver(O, {
@@ -1214,7 +1214,7 @@ const nn = Vo, ln = Bo, sn = To, an = Co, rn = (e, o, t) => {
       t.trigger === "click" && (s.value ? k() : v());
     }, p = async () => {
       if (!l.value || !i.value) return;
-      const h = i.value.querySelector(".popover__arrow"), { x: R, y: O, placement: G, middlewareData: _ } = await rn(
+      const h = i.value.querySelector(".popover__arrow"), { x: R, y: O, placement: G, middlewareData: z } = await rn(
         l.value,
         i.value,
         {
@@ -1232,8 +1232,8 @@ const nn = Vo, ln = Bo, sn = To, an = Co, rn = (e, o, t) => {
         top: `${O}px`,
         left: `${R}px`,
         zIndex: 1e3
-      }, t.showArrow && _.arrow) {
-        const { x: W, y: N } = _.arrow, j = G.split("-")[0], T = {
+      }, t.showArrow && z.arrow) {
+        const { x: W, y: N } = z.arrow, j = G.split("-")[0], T = {
           top: "bottom",
           right: "left",
           bottom: "top",
@@ -1272,7 +1272,7 @@ const nn = Vo, ln = Bo, sn = To, an = Co, rn = (e, o, t) => {
         L(h.$slots, "trigger")
       ], 544),
       (c(), M(je, { to: "body" }, [
-        z(Ye, { name: "popover-fade" }, {
+        E(Ye, { name: "popover-fade" }, {
           default: U(() => [
             s.value ? (c(), m("div", {
               key: 0,
@@ -1313,7 +1313,7 @@ const nn = Vo, ln = Bo, sn = To, an = Co, rn = (e, o, t) => {
     }, {
       trigger: U(() => [
         w("div", fn, [
-          z(b(Xe))
+          E(b(Xe))
         ])
       ]),
       default: U(() => [
@@ -1418,7 +1418,7 @@ const nn = Vo, ln = Bo, sn = To, an = Co, rn = (e, o, t) => {
         class: "table-cell__expander",
         onClick: a[0] || (a[0] = (u) => t("toggleGroup", r.item._groupValue))
       }, [
-        z(b(Ht), {
+        E(b(Ht), {
           class: B({ rotated: !l.value })
         }, null, 8, ["class"])
       ])) : V("", !0),
@@ -1549,7 +1549,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
       e.value === "multiple" && Array.isArray(t.value) && (t.value.length === o.length ? t.value = [] : t.value = [...o]);
     }
   };
-}, _n = (e, o) => ({
+}, zn = (e, o) => ({
   dataWithGroup: (n) => {
     if (!e.value || !o.value) return n;
     const l = /* @__PURE__ */ new Map();
@@ -1570,7 +1570,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
       });
     }), i;
   }
-}), zn = /* @__PURE__ */ C({
+}), En = /* @__PURE__ */ C({
   __name: "DataTable",
   props: {
     theme: { default: "default" },
@@ -1584,12 +1584,12 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
   },
   emits: ["update:selectedRows", "rowClickHandler"],
   setup(e, { emit: o }) {
-    const t = o, n = x(() => e.rowGroupMode), l = x(() => e.groupRowsBy), { dataWithGroup: i } = _n(n, l), { columns: s, options: r } = Pn(n), a = x(() => r.value.selectedMode), { selectedRows: u, isSelectedAll: d, toggleSelectRow: f, toggleSelectedAll: $ } = Ln(a, e.data), v = S(null), k = x(() => {
+    const t = o, n = x(() => e.rowGroupMode), l = x(() => e.groupRowsBy), { dataWithGroup: i } = zn(n, l), { columns: s, options: r } = Pn(n), a = x(() => r.value.selectedMode), { selectedRows: u, isSelectedAll: d, toggleSelectRow: f, toggleSelectedAll: $ } = Ln(a, e.data), v = S(null), k = x(() => {
       let g = [...e.data];
       if (v.value) {
         const { field: R, order: O } = v.value;
-        g.sort((G, _) => {
-          const W = G[R], N = _[R];
+        g.sort((G, z) => {
+          const W = G[R], N = z[R];
           return W === N ? 0 : O === 1 ? W > N ? 1 : -1 : W < N ? 1 : -1;
         });
       }
@@ -1609,7 +1609,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
       class: B(A.value)
     }, [
       L(g.$slots, "default", {}, void 0, !0),
-      z($n, {
+      E($n, {
         size: g.size,
         columns: b(s),
         isSelectedAll: b(d),
@@ -1618,7 +1618,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
         onSelectAllRow: b($),
         "onUpdate:sort": h[0] || (h[0] = (R) => v.value = R)
       }, null, 8, ["size", "columns", "isSelectedAll", "sortMode", "sortField", "onSelectAllRow"]),
-      z(Vn, {
+      E(Vn, {
         size: g.size,
         selectedRows: b(u),
         columns: b(s),
@@ -1630,10 +1630,10 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
         onToggleRow: h[2] || (h[2] = (R) => b(f)(R)),
         onToggleGroup: h[3] || (h[3] = (R) => y(R))
       }, null, 8, ["size", "selectedRows", "columns", "data", "rowGroupMode", "groupRowsBy", "collapsedGroups"]),
-      z(On)
+      E(On)
     ], 2));
   }
-}), Xl = /* @__PURE__ */ ve(zn, [["__scopeId", "data-v-e89998ae"]]), Kl = /* @__PURE__ */ C({
+}), Xl = /* @__PURE__ */ ve(En, [["__scopeId", "data-v-e89998ae"]]), Kl = /* @__PURE__ */ C({
   __name: "Column",
   props: {
     field: {},
@@ -1662,7 +1662,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
       n && n(l);
     }), (i, s) => V("", !0);
   }
-}), En = /* @__PURE__ */ C({
+}), _n = /* @__PURE__ */ C({
   __name: "VirtualScroller",
   props: {
     items: {},
@@ -1675,17 +1675,17 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
     const t = e, n = S(), l = S([]), i = S(0), s = S(0), r = S(/* @__PURE__ */ new Map()), a = S(/* @__PURE__ */ new Map()), u = async () => {
       if (await Te(), !l.value?.length) return;
       let T = !1;
-      l.value.forEach((I, E) => {
+      l.value.forEach((I, _) => {
         if (!I) return;
-        const P = p.value + E, Y = I.offsetHeight;
+        const P = p.value + _, Y = I.offsetHeight;
         r.value.get(P) !== Y && (r.value.set(P, Y), T = !0);
       }), T && d();
     }, d = () => {
       let T = 0;
       for (let I = 0; I < t.items.length; I++) {
         a.value.set(I, T);
-        const E = r.value.get(I) || t.estimatedItemHeight;
-        T += E;
+        const _ = r.value.get(I) || t.estimatedItemHeight;
+        T += _;
       }
     }, f = (T) => a.value.get(T) || T * t.estimatedItemHeight, $ = (T) => r.value.get(T) || t.estimatedItemHeight, v = x(() => {
       if (a.value.size === 0)
@@ -1693,16 +1693,16 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
       const T = t.items.length - 1;
       return f(T) + $(T);
     }), k = (T) => {
-      let I = 0, E = t.items.length - 1;
-      for (; I <= E; ) {
-        const P = Math.floor((I + E) / 2);
-        f(P) <= T ? I = P + 1 : E = P - 1;
+      let I = 0, _ = t.items.length - 1;
+      for (; I <= _; ) {
+        const P = Math.floor((I + _) / 2);
+        f(P) <= T ? I = P + 1 : _ = P - 1;
       }
-      return Math.max(0, E - t.buffer);
+      return Math.max(0, _ - t.buffer);
     }, A = (T, I) => {
-      const E = T + I;
+      const _ = T + I;
       let P = k(T);
-      for (; P < t.items.length && !(f(P) > E); )
+      for (; P < t.items.length && !(f(P) > _); )
         P++;
       return Math.min(t.items.length - 1, P + t.buffer);
     }, p = x(() => k(i.value)), y = x(() => A(i.value, s.value)), g = x(() => {
@@ -1719,13 +1719,13 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
     }, G = () => {
       n.value && (s.value = n.value.clientHeight);
     };
-    let _ = null;
+    let z = null;
     return ne(() => {
-      G(), n.value && (_ = new ResizeObserver(() => {
+      G(), n.value && (z = new ResizeObserver(() => {
         G();
-      }), _.observe(n.value));
+      }), z.observe(n.value));
     }), Ue(() => {
-      _ && _.disconnect();
+      z && z.disconnect();
     }), re(g, () => {
       u();
     }, { flush: "post" }), re(() => t.items, () => {
@@ -1757,23 +1757,23 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
           class: "virtual-scroll__content",
           style: ee({ transform: `translateY(${h.value}px)`, gap: `${T.gap}px` })
         }, [
-          (c(!0), m(H, null, fe(g.value, (E) => (c(), m("div", {
-            key: R(E),
+          (c(!0), m(H, null, fe(g.value, (_) => (c(), m("div", {
+            key: R(_),
             ref_for: !0,
             ref_key: "itemRefs",
             ref: l,
             class: "virtual-scroll__item"
           }, [
             L(T.$slots, "default", {
-              item: E.data,
-              index: E.index
+              item: _.data,
+              index: _.index
             }, void 0, !0)
           ]))), 128))
         ], 4)
       ], 4)
     ], 544));
   }
-}), Zl = /* @__PURE__ */ ve(En, [["__scopeId", "data-v-01038963"]]), Dn = { class: "chip-checkbox" }, Gn = ["name", "id", "value"], Hn = { class: "chip-checkbox__text" }, Jl = /* @__PURE__ */ C({
+}), Zl = /* @__PURE__ */ ve(_n, [["__scopeId", "data-v-01038963"]]), Dn = { class: "chip-checkbox" }, Gn = ["name", "id", "value"], Hn = { class: "chip-checkbox__text" }, Jl = /* @__PURE__ */ C({
   __name: "ChipCheckbox",
   props: /* @__PURE__ */ F({
     value: {},
@@ -1896,7 +1896,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
         class: "tag__remove",
         onClick: i[0] || (i[0] = Lt((s) => t("remove"), ["stop"]))
       }, [
-        z(b(Ke))
+        E(b(Ke))
       ])) : V("", !0)
     ], 2));
   }
@@ -1959,7 +1959,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
           onBlur: u[2] || (u[2] = (d) => t("blur")),
           onInput: u[3] || (u[3] = (d) => t("input", d))
         }, null, 40, Zn), [
-          [_t, n.value]
+          [zt, n.value]
         ]),
         w("div", Jn, [
           a.type === "text" && a.allowClear && n.value && n.value.length > 0 ? (c(), m("button", {
@@ -1967,7 +1967,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
             class: "input__clear",
             onClick: u[4] || (u[4] = (d) => n.value = "")
           }, [
-            z(b(Ke))
+            E(b(Ke))
           ])) : V("", !0),
           a.type === "password" ? (c(), m("button", {
             key: 1,
@@ -2196,12 +2196,12 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
       w("div", al, [
         w("div", rl, [
           p.searchable ? (c(), m("div", ul, [
-            z(b(tl), {
+            E(b(tl), {
               icon: b(Wt),
               disabled: p.loading
             }, {
               default: U(() => [
-                z(b(It), {
+                E(b(It), {
                   modelValue: a.value,
                   "onUpdate:modelValue": y[1] || (y[1] = (g) => a.value = g),
                   onInput: y[2] || (y[2] = (g) => t("search", a.value)),
@@ -2212,7 +2212,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
             }, 8, ["icon", "disabled"])
           ])) : V("", !0),
           p.loading ? (c(), m("div", cl, [
-            z(b(ol))
+            E(b(ol))
           ])) : (c(), m("div", dl, [
             (c(!0), m(H, null, fe(p.options, (g, h) => (c(), M(ll, {
               key: h,
@@ -2340,7 +2340,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
       !s[2] && s[1] !== "" ? n.value = s[1] === "7" ? `${s[1]}` : "7" + s[1] : n.value = s[3] ? s[1] + " (" + s[2] + ") " + s[3] + (s[4] ? "-" + s[4] : "") + (s[5] ? "-" + s[5] : "") : `${s[1]} ` + s[2], t.value = n.value.replace(/\D/g, "");
     };
     return (i, s) => (c(), m("div", vl, [
-      z(b(It), zt({
+      E(b(It), Et({
         modelValue: n.value,
         "onUpdate:modelValue": s[0] || (s[0] = (r) => n.value = r),
         onInput: s[1] || (s[1] = (r) => l(r))
@@ -2520,7 +2520,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
         class: "toast-message__close",
         onClick: d
       }, [
-        z(b(gt))
+        E(b(gt))
       ])
     ], 2));
   }
@@ -2554,7 +2554,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
     }), (u, d) => (c(), M(b(Qt), null, {
       default: U(() => [
         w("div", Cl, [
-          z(Et, {
+          E(_t, {
             name: "toast-fade",
             tag: "div"
           }, {
@@ -2714,39 +2714,42 @@ const as = {
   __name: "Drawer",
   props: {
     position: { default: "left" },
-    width: { default: 300 }
+    width: { default: 300 },
+    beforeClose: { type: Function }
   },
   setup(e, { expose: o }) {
     const { lockScroll: t, unlockScroll: n } = wt(), l = S(!1), i = x(() => typeof e.width == "number" ? `${e.width}px` : `${e.width.split("px")[0]}px`), s = () => {
       l.value = !0, t();
     }, r = () => {
+      e.beforeClose ? e.beforeClose(a) : a();
+    }, a = () => {
       l.value = !1, n();
     };
     return o({
       isOpen: l,
       open: s,
-      close: r
-    }), (a, u) => (c(), M(je, { to: "body" }, [
-      z(Ye, { name: "drawer-animate" }, {
+      close: a
+    }), (u, d) => (c(), M(je, { to: "body" }, [
+      E(Ye, { name: "drawer-animate" }, {
         default: U(() => [
           l.value ? (c(), m("div", {
             key: 0,
-            class: B(["drawer", { [`drawer--${a.position}`]: a.position }]),
+            class: B(["drawer", { [`drawer--${u.position}`]: u.position }]),
             style: ee({ "--widthDrawer": i.value })
           }, [
             w("div", {
               class: "drawer-overlay",
-              onClick: u[0] || (u[0] = (d) => r())
+              onClick: d[0] || (d[0] = (f) => r())
             }),
             w("div", Bl, [
               w("div", Il, [
                 w("button", {
-                  onClick: u[1] || (u[1] = (d) => r())
+                  onClick: d[1] || (d[1] = (f) => a())
                 }, [
-                  z(b(Ke))
+                  E(b(Ke))
                 ])
               ]),
-              L(a.$slots, "default")
+              L(u.$slots, "default")
             ])
           ], 6)) : V("", !0)
         ]),
@@ -2777,7 +2780,7 @@ const as = {
     return re(t, () => {
       t.value ? l() : n();
     }), (r, a) => (c(), M(je, { to: "body" }, [
-      z(Ye, { name: "modal-content-fade" }, {
+      E(Ye, { name: "modal-content-fade" }, {
         default: U(() => [
           t.value ? (c(), m("div", {
             key: 0,
@@ -2798,7 +2801,7 @@ const as = {
                   class: "modal__header-close",
                   onClick: a[1] || (a[1] = (u) => t.value = !1)
                 }, [
-                  z(b(gt))
+                  E(b(gt))
                 ])
               ]),
               w("div", Pl, [
@@ -2855,7 +2858,7 @@ const as = {
       ])
     ], 4));
   }
-}), _l = { class: "accordion-header__content" }, zl = { class: "accordion-header__arrow" }, ps = /* @__PURE__ */ C({
+}), zl = { class: "accordion-header__content" }, El = { class: "accordion-header__arrow" }, ps = /* @__PURE__ */ C({
   __name: "AccordionHeader",
   setup(e) {
     const o = K("panelIsOpen"), t = K("panelToggle"), n = K("accordionStyle");
@@ -2864,11 +2867,11 @@ const as = {
       onClick: i[0] || (i[0] = //@ts-ignore
       (...s) => b(t) && b(t)(...s))
     }, [
-      w("span", _l, [
+      w("span", zl, [
         L(l.$slots, "default")
       ]),
-      w("span", zl, [
-        z(b(Zt))
+      w("span", El, [
+        E(b(Zt))
       ])
     ], 2));
   }
@@ -2885,7 +2888,7 @@ const as = {
       L(s.$slots, "default")
     ], 2));
   }
-}), El = {
+}), _l = {
   key: 0,
   class: "divider__content"
 }, hs = /* @__PURE__ */ C({
@@ -2900,7 +2903,7 @@ const as = {
     return (t, n) => (c(), m("div", {
       class: B(o.value)
     }, [
-      t.$slots.default ? (c(), m("div", El, [
+      t.$slots.default ? (c(), m("div", _l, [
         L(t.$slots, "default")
       ])) : V("", !0)
     ], 2));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prlg-ui",
   "private": false,
-  "version": "1.4.21",
+  "version": "1.4.23",
   "type": "module",
   "main": "dist/prlg-ui.umd.js",
   "module": "dist/prlg-ui.es.js",