prlg-ui 1.7.80 → 1.7.81

package/dist/prlg-ui.es.js

@@ -530,12 +530,12 @@ const vl = (e) => ({
     }, w = gt(l), $ = mt(w), h = await a.getDimensions(u), y = w === "y", x = y ? "top" : "left", V = y ? "bottom" : "right", T = y ? "clientHeight" : "clientWidth", z = s.reference[$] + s.reference[w] - f[w] - s.floating[$], U = f[w] - s.reference[w], P = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(u));
     let C = P ? P[T] : 0;
     (!C || !await (a.isElement == null ? void 0 : a.isElement(P))) && (C = i.floating[T] || s.floating[$]);
-    const O = z / 2 - U / 2, g = C / 2 - h[$] / 2 - 1, S = Oe(m[x], g), b = Oe(m[V], g), F = S, E = C - h[$] - b, L = C / 2 - h[$] / 2 + O, H = at(F, L, E), B = !r.arrow && qe(l) != null && L !== H && s.reference[$] / 2 - (L < F ? S : b) - h[$] / 2 < 0, oe = B ? L < F ? L - F : L - E : 0;
+    const L = z / 2 - U / 2, g = C / 2 - h[$] / 2 - 1, S = Oe(m[x], g), b = Oe(m[V], g), F = S, E = C - h[$] - b, O = C / 2 - h[$] / 2 + L, H = at(F, O, E), B = !r.arrow && qe(l) != null && O !== H && s.reference[$] / 2 - (O < F ? S : b) - h[$] / 2 < 0, oe = B ? O < F ? O - F : O - E : 0;
     return {
       [w]: f[w] + oe,
       data: {
         [w]: H,
-        centerOffset: L - H - oe,
+        centerOffset: O - H - oe,
         ...B && {
           alignmentOffset: oe
         }
@@ -569,24 +569,24 @@ const vl = (e) => ({
         return {};
       const x = Me(l), V = Ce(i), T = Me(i) === i, z = await (r.isRTL == null ? void 0 : r.isRTL(u.floating)), U = f || (T || !h ? [Ze(i)] : sl(i)), P = $ !== "none";
       !f && P && U.push(...cl(i, h, $, z));
-      const C = [i, ...U], O = await je(t, y), g = [];
+      const C = [i, ...U], L = await je(t, y), g = [];
       let S = ((n = s.flip) == null ? void 0 : n.overflows) || [];
-      if (d && g.push(O[x]), m) {
-        const L = al(l, a, z);
-        g.push(O[L[0]], O[L[1]]);
+      if (d && g.push(L[x]), m) {
+        const O = al(l, a, z);
+        g.push(L[O[0]], L[O[1]]);
       }
       if (S = [...S, {
         placement: l,
         overflows: g
-      }], !g.every((L) => L <= 0)) {
+      }], !g.every((O) => O <= 0)) {
         var b, F;
-        const L = (((b = s.flip) == null ? void 0 : b.index) || 0) + 1, H = C[L];
+        const O = (((b = s.flip) == null ? void 0 : b.index) || 0) + 1, H = C[O];
         if (H && (!(m === "alignment" ? V !== Ce(H) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         S.every((ue) => Ce(ue.placement) === V ? ue.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: L,
+              index: O,
               overflows: S
             },
             reset: {
@@ -805,14 +805,14 @@ const yl = function(e) {
       let y, x;
       m === "top" || m === "bottom" ? (y = m, x = f === (await (a.isRTL == null ? void 0 : a.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (x = m, y = f === "end" ? "top" : "bottom");
       const V = h - d.top - d.bottom, T = $ - d.left - d.right, z = Oe(h - d[y], V), U = Oe($ - d[x], T), P = !t.middlewareData.shift;
-      let C = z, O = U;
-      if ((o = t.middlewareData.shift) != null && o.enabled.x && (O = T), (n = t.middlewareData.shift) != null && n.enabled.y && (C = V), P && !f) {
+      let C = z, L = U;
+      if ((o = t.middlewareData.shift) != null && o.enabled.x && (L = T), (n = t.middlewareData.shift) != null && n.enabled.y && (C = V), P && !f) {
         const S = he(d.left, 0), b = he(d.right, 0), F = he(d.top, 0), E = he(d.bottom, 0);
-        w ? O = $ - 2 * (S !== 0 || b !== 0 ? S + b : he(d.left, d.right)) : C = h - 2 * (F !== 0 || E !== 0 ? F + E : he(d.top, d.bottom));
+        w ? L = $ - 2 * (S !== 0 || b !== 0 ? S + b : he(d.left, d.right)) : C = h - 2 * (F !== 0 || E !== 0 ? F + E : he(d.top, d.bottom));
       }
       await r({
         ...t,
-        availableWidth: O,
+        availableWidth: L,
         availableHeight: C
       });
       const g = await a.getDimensions(i.floating);
@@ -1287,16 +1287,16 @@ function Bt(e, t, o) {
     };
     if (!d.value)
       return C;
-    const O = It(d.value, m.value), g = It(d.value, f.value);
+    const L = It(d.value, m.value), g = It(d.value, f.value);
     return r.value ? {
       ...C,
-      transform: "translate(" + O + "px, " + g + "px)",
+      transform: "translate(" + L + "px, " + g + "px)",
       ...so(d.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: w.value,
-      left: O + "px",
+      left: L + "px",
       top: g + "px"
     };
   });
@@ -1309,8 +1309,8 @@ function Bt(e, t, o) {
       middleware: s.value,
       placement: a.value,
       strategy: i.value
-    }).then((O) => {
-      m.value = O.x, f.value = O.y, w.value = O.strategy, $.value = O.placement, h.value = O.middlewareData, y.value = C !== !1;
+    }).then((L) => {
+      m.value = L.x, f.value = L.y, w.value = L.strategy, $.value = L.placement, h.value = L.middlewareData, y.value = C !== !1;
     });
   }
   function z() {
@@ -1374,12 +1374,16 @@ const Yl = { class: "popover__content" }, Zl = {
     zIndex: {
       type: Number,
       default: 1001
+    },
+    withoutStyle: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: o }) {
     ho((q) => ({
-      "1ec2725e": h.value
+      "37c83549": h.value
     }));
     const n = e, { placement: l, offset: s, arrowVisible: a, closeMode: i, modelValue: r, zIndex: u } = yo(n), d = o, m = Ve("reference"), f = Ve("floating"), w = Ve("arrow-block"), $ = Ve("second-screen"), h = R(() => "23px"), y = R(() => s ? typeof s.value == "number" ? s.value + Number(h.value.split("px")[0]) : {
       mainAxis: s.value?.mainAxis ? s.value?.mainAxis + Number(h.value.split("px")[0]) / 2 : Number(h.value.split("px")[0]) / 2,
@@ -1405,7 +1409,7 @@ const Yl = { class: "popover__content" }, Zl = {
       middleware: x
     }), P = D("left-start"), {
       floatingStyles: C,
-      update: O
+      update: L
     } = Bt(f, $, {
       placement: P,
       middleware: [
@@ -1413,10 +1417,10 @@ const Yl = { class: "popover__content" }, Zl = {
         ut({ padding: 8 }),
         rt(8)
       ]
-    }), g = Ne(), S = D(!1), b = D(!1), { lockScroll: F, unlockScroll: E } = et(), L = R(() => r && r.value !== void 0), H = R({
-      get: () => L.value ? r?.value : S.value,
+    }), g = Ne(), S = D(!1), b = D(!1), { lockScroll: F, unlockScroll: E } = et(), O = R(() => r && r.value !== void 0), H = R({
+      get: () => O.value ? r?.value : S.value,
       set: (q) => {
-        L.value ? d("update:modelValue", q) : S.value = q;
+        O.value ? d("update:modelValue", q) : S.value = q;
       }
     }), B = () => {
       H.value = !0;
@@ -1425,13 +1429,13 @@ const Yl = { class: "popover__content" }, Zl = {
     }, ue = () => {
       H.value = !H.value;
     }, le = () => {
-      ue();
+      O.value ? B() : ue();
     }, ie = async (q) => {
       q && q.stopPropagation(), f.value && (b.value = !0);
     }, j = () => {
       b.value = !1;
     }, ne = (q) => {
-      if (i.value === "button-only" || L.value) return;
+      if (i.value === "button-only" || O.value) return;
       const K = q.composedPath();
       if (!($.value && K.includes($.value))) {
         if (f.value && K.includes(f.value) || m.value && K.includes(m.value)) {
@@ -1460,18 +1464,18 @@ const Yl = { class: "popover__content" }, Zl = {
       }
     });
     return ae(T, (q) => {
-      L.value || (H.value = q.hide?.referenceHidden === !1);
+      O.value || (H.value = q.hide?.referenceHidden === !1);
     }), ae(H, (q) => {
       q || j(), q && i.value === "button-only" ? F() : !q && i.value === "button-only" && E();
     }, { immediate: !0 }), ae(n, () => {
       z();
     }, { deep: !0 }), de(() => {
       f.value && f.value.addEventListener("resize", () => {
-        z(), b.value && O();
+        z(), b.value && L();
       }), document.addEventListener("click", ne), window.addEventListener("resize", () => {
-        z(), b.value && O();
+        z(), b.value && L();
       }), window.addEventListener("scroll", () => {
-        z(), b.value && O();
+        z(), b.value && L();
       });
     }), Je(() => {
       f.value && f.value.removeEventListener("resize", z), document.removeEventListener("click", ne), window.removeEventListener("resize", z), window.removeEventListener("scroll", z), i.value === "button-only" && H.value && E();
@@ -1502,8 +1506,8 @@ const Yl = { class: "popover__content" }, Zl = {
         default: Q(() => [
           H.value ? (c(), v("div", {
             key: 0,
-            class: M(["popover__wrapper", `popover__wrapper--${p(g)}`]),
-            style: X({ ...p(V), zIndex: p(u) + 1 }),
+            class: M(["popover__wrapper", [`popover__wrapper--${p(g)}`, { "popover__wrapper--no-style": e.withoutStyle }]]),
+            style: X({ ...p(V), zIndex: p(u) + 2 }),
             ref: "floating"
           }, [
             k("div", Yl, [
@@ -1545,7 +1549,7 @@ const Yl = { class: "popover__content" }, Zl = {
       })
     ], 2));
   }
-}), Jl = /* @__PURE__ */ se(Xl, [["__scopeId", "data-v-040f9e1a"]]), Ql = { class: "trigger" }, en = { class: "description-column" }, tn = /* @__PURE__ */ I({
+}), Jl = /* @__PURE__ */ se(Xl, [["__scopeId", "data-v-7e899f2a"]]), Ql = { class: "trigger" }, en = { class: "description-column" }, tn = /* @__PURE__ */ I({
   __name: "DescriptionColumn",
   props: {
     description: {}
@@ -2452,8 +2456,8 @@ const Yl = { class: "popover__content" }, Zl = {
       let g = [...e.data];
       if (w.value) {
         const { field: b, order: F } = w.value;
-        g.sort((E, L) => {
-          const H = E[b], B = L[b];
+        g.sort((E, O) => {
+          const H = E[b], B = O[b];
           return H === B ? 0 : F === 1 ? H > B ? 1 : -1 : H < B ? 1 : -1;
         });
       }
@@ -2475,7 +2479,7 @@ const Yl = { class: "popover__content" }, Zl = {
     ]), P = R(() => {
       const g = {};
       return e.maxHeight ? (g.maxHeight = typeof e.maxHeight == "number" ? `${e.maxHeight}px` : e.maxHeight, g.overflow = "auto") : e.scroller && e.scroller.enable && (g.maxHeight = `${e.scroller.height}px`, g.overflow = "auto"), g;
-    }), C = D(/* @__PURE__ */ new Set()), O = (g) => {
+    }), C = D(/* @__PURE__ */ new Set()), L = (g) => {
       C.value.has(g) ? C.value.delete(g) : C.value.add(g);
     };
     return ae(u, (g) => {
@@ -2515,7 +2519,7 @@ const Yl = { class: "popover__content" }, Zl = {
           rowStyle: g.rowStyle,
           onRowClickHandler: S[1] || (S[1] = (b) => o("rowClickHandler", b)),
           onToggleRow: S[2] || (S[2] = (b) => p(m)(b)),
-          onToggleGroup: S[3] || (S[3] = (b) => O(b))
+          onToggleGroup: S[3] || (S[3] = (b) => L(b))
         }, null, 8, ["size", "selectedRows", "columns", "data", "rowGroupMode", "groupRowsBy", "collapsedGroups", "colorHovered", "scroller", "virtualScroll", "rowStyle"])
       ], 2),
       W(zt, {
@@ -2558,7 +2562,7 @@ const Yl = { class: "popover__content" }, Zl = {
         rowStyle: g.rowStyle,
         onRowClickHandler: S[7] || (S[7] = (b) => o("rowClickHandler", b)),
         onToggleRow: S[8] || (S[8] = (b) => p(m)(b)),
-        onToggleGroup: S[9] || (S[9] = (b) => O(b))
+        onToggleGroup: S[9] || (S[9] = (b) => L(b))
       }, null, 8, ["size", "selectedRows", "columns", "data", "rowGroupMode", "groupRowsBy", "collapsedGroups", "colorHovered", "scroller", "virtualScroll", "rowStyle"]),
       W(zt, {
         currentPage: h.value,
@@ -2666,15 +2670,15 @@ function ia(e, t) {
     return d(C) ? r[C].test(P) : !1;
   }
   function f(P) {
-    const { required: C, optional: O } = u(o), g = C + O;
+    const { required: C, optional: L } = u(o), g = C + L;
     let S = "", b = 0, F = 0;
     for (; F < g.length; ) {
       const E = g[F];
       if (d(E))
         if (b < P.length) {
-          const L = P[b];
-          if (m(L, E))
-            S += L, b++;
+          const O = P[b];
+          if (m(O, E))
+            S += O, b++;
           else {
             b++;
             continue;
@@ -2692,15 +2696,15 @@ function ia(e, t) {
     return (P + C).replace(/[9a*]/g, n);
   }
   function $(P) {
-    const { required: C, optional: O } = u(o), g = C + O;
+    const { required: C, optional: L } = u(o), g = C + L;
     let S = "", b = 0, F = 0;
     for (; b < P.length && F < g.length; ) {
-      const E = P[b], L = g[F];
+      const E = P[b], O = g[F];
       if (E === n) {
         b++;
         continue;
       }
-      d(L) ? m(E, L) ? (S += E, b++, F++) : b++ : (E === L && b++, F++);
+      d(O) ? m(E, O) ? (S += E, b++, F++) : b++ : (E === O && b++, F++);
     }
     for (; b < P.length; ) {
       const E = P[b];
@@ -2708,30 +2712,30 @@ function ia(e, t) {
         b++;
         continue;
       }
-      let L = !1, H = 0;
+      let O = !1, H = 0;
       for (let B = 0; B < g.length; B++)
         if (d(g[B])) {
           if (H === S.length) {
-            m(E, g[B]) && (S += E, L = !0);
+            m(E, g[B]) && (S += E, O = !0);
             break;
           }
           H++;
         }
-      if (b++, !L)
+      if (b++, !O)
         break;
     }
     return S;
   }
   function h(P) {
-    const { required: C } = u(o), O = C.replace(/[^9a*]/g, "").length;
-    return $(P).length >= O;
+    const { required: C } = u(o), L = C.replace(/[^9a*]/g, "").length;
+    return $(P).length >= L;
   }
   function y() {
     const P = Ee(e) || "";
     if (i.value || P)
       a.value = f(P);
     else {
-      const { required: C, optional: O } = u(o), g = C + O;
+      const { required: C, optional: L } = u(o), g = C + L;
       let S = "";
       for (let b = 0; b < g.length && !d(g[b]); b++)
         S += g[b];
@@ -2740,57 +2744,57 @@ function ia(e, t) {
   }
   function x(P) {
     if (!P.isTrusted) return;
-    const C = P.target, O = C.value, g = $(O), S = f(g);
+    const C = P.target, L = C.value, g = $(L), S = f(g);
     a.value = S, e.value = g, ge(() => {
       const { required: b, optional: F } = u(o), E = b + F;
-      let L = 0, H = 0;
+      let O = 0, H = 0;
       for (let B = 0; B < E.length; B++)
         if (d(E[B]))
           if (H < g.length)
             H++;
           else {
-            L = B;
+            O = B;
             break;
           }
       if (H === g.length && g.length > 0) {
         H = 0;
         for (let B = 0; B < E.length; B++)
           if (d(E[B]) && (H++, H === g.length)) {
-            L = B + 1;
+            O = B + 1;
             break;
           }
       }
-      L = Math.min(L, S.length), C.setSelectionRange(L, L);
+      O = Math.min(O, S.length), C.setSelectionRange(O, O);
     });
   }
   function V(P) {
     const C = P.target;
     setTimeout(() => {
-      const O = C.value, g = $(O), S = f(g);
+      const L = C.value, g = $(L), S = f(g);
       a.value = S, e.value = g;
       const { required: b, optional: F } = u(o), E = b + F;
-      let L = 0, H = 0;
+      let O = 0, H = 0;
       for (let B = 0; B < E.length; B++)
         if (d(E[B]))
           if (H < g.length)
             H++;
           else {
-            L = B;
+            O = B;
             break;
           }
       if (H === g.length && g.length > 0) {
         H = 0;
         for (let B = 0; B < E.length; B++)
           if (d(E[B]) && (H++, H === g.length)) {
-            L = B + 1;
+            O = B + 1;
             break;
           }
       }
-      L = Math.min(L, S.length), C.setSelectionRange(L, L);
+      O = Math.min(O, S.length), C.setSelectionRange(O, O);
     }, 0);
   }
   function T(P) {
-    const C = P.target, O = C.selectionStart || 0;
+    const C = P.target, L = C.selectionStart || 0;
     if (P.key === "Backspace") {
       if (P.metaKey || P.ctrlKey)
         return;
@@ -2809,11 +2813,11 @@ function ia(e, t) {
         });
         return;
       }
-      if (O > 0 && a.value.length > 0) {
+      if (L > 0 && a.value.length > 0) {
         const le = a.value;
         let ie = "", j = -1;
         const { required: ne, optional: re } = u(o), q = ne + re;
-        for (let K = O - 1; K >= 0; K--)
+        for (let K = L - 1; K >= 0; K--)
           if (K < q.length && d(q[K])) {
             j = K;
             break;
@@ -2852,10 +2856,10 @@ function ia(e, t) {
         });
         return;
       }
-      if (O < a.value.length) {
+      if (L < a.value.length) {
         const le = a.value;
         let ie = -1;
-        for (let j = O; j < le.length; j++) {
+        for (let j = L; j < le.length; j++) {
           const { required: ne, optional: re } = u(o), q = ne + re;
           if (j < q.length && d(q[j])) {
             ie = j;
@@ -2874,7 +2878,7 @@ function ia(e, t) {
           j = j.slice(0, ne) + j.slice(ne + 1);
           const re = f(j);
           a.value = re, e.value = j, ge(() => {
-            C.setSelectionRange(O, O);
+            C.setSelectionRange(L, L);
           });
         }
       }
@@ -2887,20 +2891,20 @@ function ia(e, t) {
       P.preventDefault();
       return;
     }
-    let L = -1, H = 0;
+    let O = -1, H = 0;
     for (let B = 0; B < b.length; B++)
       if (d(b[B])) {
         if (H === F.length) {
-          L = B;
+          O = B;
           break;
         }
         H++;
       }
-    L >= 0 && !m(P.key, b[L]) && P.preventDefault();
+    O >= 0 && !m(P.key, b[O]) && P.preventDefault();
   }
   function z(P) {
     i.value = !0, ge(() => {
-      const C = P.target, { required: O, optional: g } = u(o), S = O + g;
+      const C = P.target, { required: L, optional: g } = u(o), S = L + g;
       let b = 0;
       for (let F = 0; F < S.length; F++)
         if (d(S[F])) {
@@ -3774,13 +3778,13 @@ const Ds = {
       ["bottomright", "bottom", "top", "right", "left", "bottomleft", "topright", "topleft"].forEach((S) => {
         P.includes(S) || P.push(S);
       });
-      let O = $, g = z($);
+      let L = $, g = z($);
       for (const S of P)
         if (U(S)) {
-          O = S, g = z(S);
+          L = S, g = z(S);
           break;
         }
-      g.top = Math.max(V, Math.min(g.top, window.innerHeight - x.height - V)), g.left = Math.max(V, Math.min(g.left, window.innerWidth - x.width - V)), n.value = O, o.value = {
+      g.top = Math.max(V, Math.min(g.top, window.innerHeight - x.height - V)), g.left = Math.max(V, Math.min(g.left, window.innerWidth - x.width - V)), n.value = L, o.value = {
         position: "fixed",
         top: `${g.top}px`,
         left: `${g.left}px`,

package/package.json

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