@quoreadmin/ui 1.10.16 → 1.10.18

package/dist/index138.js

@@ -1,6 +1,6 @@
-import { defineComponent as J, ref as d, computed as z, onMounted as K, onUnmounted as Z, watch as ee, nextTick as q } from "vue";
-import { onClickOutside as L } from "./index173.js";
-import { useThrottleFn as A } from "./index184.js";
+import { defineComponent as J, ref as d, computed as Y, onMounted as K, onUnmounted as Z, watch as ee, nextTick as N } from "vue";
+import { onClickOutside as k } from "./index173.js";
+import { useThrottleFn as L } from "./index184.js";
 const ne = J({
   name: "QPopover",
   props: {
@@ -33,7 +33,7 @@ const ne = J({
     /** Should the popover be repositioned and realigned automatically if it is outside viewport.
      *  Moving element position from left to right, and top to bottom
      * and alignment from right to left or top to bottom.
-    */
+     */
     reposition: {
       type: Boolean,
       default: !0
@@ -48,6 +48,13 @@ const ne = J({
       type: Boolean,
       default: !1
     },
+    /** When true, position the teleported popover to match non-teleported layout (same
+     * alignment offsets as in CSS, e.g. right: -2.5rem / left: -2.5rem). Use so
+     * teleported and non-teleported popovers align identically with the trigger. */
+    teleportMatchNonTeleportedPosition: {
+      type: Boolean,
+      default: !1
+    },
     /** Target element for teleport */
     teleportTo: {
       type: String,
@@ -85,141 +92,150 @@ const ne = J({
   },
   emits: ["update:modelValue"],
   setup(t, { emit: w }) {
-    const p = d(!1), b = d(""), s = d(null), V = d(null), y = d(null), S = d(null), H = d(!1), x = d({
+    const p = d(!1), b = d(""), u = d(null), E = d(null), V = d(null), S = d(null), y = d(!1), M = d({
       top: "0",
       left: "0",
       transform: "none"
-    }), v = d({}), C = z(() => V.value !== null ? V.value : p.value === !0 && t.reposition === !0 ? B(t.align) : t.align), R = z(() => y.value !== null ? y.value : p.value === !0 && t.reposition === !0 ? I(t.position) : t.position), B = (o) => {
-      if (!s.value) return o;
-      const e = t.teleport ? document.querySelector(".q-popover.teleported") : s.value.children[1];
-      if (!e || E(e)) return o;
-      const l = s.value.children[0].getBoundingClientRect(), r = e.getBoundingClientRect();
+    }), m = d({}), H = Y(() => E.value !== null ? E.value : t.teleportMatchNonTeleportedPosition ? t.align : p.value === !0 && t.reposition === !0 ? R(t.align) : t.align), P = Y(() => V.value !== null ? V.value : t.teleportMatchNonTeleportedPosition ? t.position : p.value === !0 && t.reposition === !0 ? C(t.position) : t.position), R = (o) => {
+      if (!u.value) return o;
+      const e = t.teleport ? document.querySelector(".q-popover.teleported") : u.value.children[1];
+      if (!e || (!t.teleport || !t.teleportMatchNonTeleportedPosition) && T(e))
+        return o;
+      const l = u.value.children[0].getBoundingClientRect(), c = e.getBoundingClientRect();
       if (o === "left" || o === "right" || o === "center") {
         const n = l.left;
-        return window.innerWidth - n < r.width ? "right" : "left";
+        return window.innerWidth - n < c.width ? "right" : "left";
       } else {
         const n = l.top;
-        return window.innerHeight - n < r.height ? "bottom" : "top";
+        return window.innerHeight - n < c.height ? "bottom" : "top";
       }
-    }, I = (o) => {
-      if (!s.value) return o;
-      const e = t.teleport ? document.querySelector(".q-popover.teleported") : s.value.children[1];
-      if (!e || E(e)) return o;
-      const l = s.value.children[0].getBoundingClientRect(), r = e.getBoundingClientRect();
+    }, C = (o) => {
+      if (!u.value) return o;
+      const e = t.teleport ? document.querySelector(".q-popover.teleported") : u.value.children[1];
+      if (!e || (!t.teleport || !t.teleportMatchNonTeleportedPosition) && T(e))
+        return o;
+      const l = u.value.children[0].getBoundingClientRect(), c = e.getBoundingClientRect();
       if (o === "top" || o === "bottom") {
         const n = l.top;
-        return window.innerHeight - n < r.height ? "top" : "bottom";
+        return window.innerHeight - n < c.height ? "top" : "bottom";
       } else {
         const n = l.left;
-        return window.innerWidth - n < r.width ? "left" : "right";
+        return window.innerWidth - n < c.width ? "left" : "right";
       }
-    }, E = (o) => {
+    }, T = (o) => {
       if (!o) return !1;
       const e = o.getBoundingClientRect();
       return e ? e.top >= 0 && e.left >= 0 && e.bottom <= (window.innerHeight || document.documentElement.clientHeight) && e.right <= (window.innerWidth || document.documentElement.clientWidth) : !1;
-    }, X = () => {
-      if (!s.value) return !0;
-      const o = s.value.children[0];
+    }, z = () => {
+      if (!u.value) return !0;
+      const o = u.value.children[0];
       if (!o) return !0;
       const e = o.getBoundingClientRect();
       let l = o.parentElement;
       for (; l; ) {
-        const c = getComputedStyle(l), u = c.overflowY, f = c.overflowX;
-        if (u === "auto" || u === "scroll" || (f === "auto" || f === "scroll")) {
-          const m = l.getBoundingClientRect();
-          if (!(e.bottom > m.top && e.top < m.bottom && e.right > m.left && e.left < m.right))
+        const r = getComputedStyle(l), a = r.overflowY, f = r.overflowX;
+        if (a === "auto" || a === "scroll" || (f === "auto" || f === "scroll")) {
+          const h = l.getBoundingClientRect();
+          if (!(e.bottom > h.top && e.top < h.bottom && e.right > h.left && e.left < h.right))
             return !1;
         }
         l = l.parentElement;
       }
-      const r = window.innerHeight || document.documentElement.clientHeight, n = window.innerWidth || document.documentElement.clientWidth;
-      return e.bottom > 0 && e.top < r && e.right > 0 && e.left < n;
-    }, $ = (o) => {
+      const c = window.innerHeight || document.documentElement.clientHeight, n = window.innerWidth || document.documentElement.clientWidth;
+      return e.bottom > 0 && e.top < c && e.right > 0 && e.left < n;
+    }, X = (o) => {
       let e = o.parentElement;
       for (; e && e !== document.documentElement; ) {
-        const r = getComputedStyle(e).overflowY;
-        if ((r === "auto" || r === "scroll") && e.scrollHeight > e.clientHeight)
+        const c = getComputedStyle(e).overflowY;
+        if ((c === "auto" || c === "scroll") && e.scrollHeight > e.clientHeight)
           return e;
         e = e.parentElement;
       }
       return null;
-    }, O = () => {
-      if (!t.teleport || !t.scrollIntoView || !t.modelValue) return;
-      const o = document.querySelector(".q-popover.teleported");
+    }, I = () => {
+      if (!t.teleport || !t.scrollIntoView || !t.modelValue)
+        return;
+      const o = document.querySelector(
+        ".q-popover.teleported"
+      );
       if (!o) return;
-      const e = o.getBoundingClientRect(), l = t.scrollIntoViewPadding, r = window.innerHeight, n = window.innerWidth;
-      let i = 0, c = 0;
-      if (e.bottom + l > r ? c = e.bottom + l - r : e.top - l < 0 && (c = e.top - l), e.right + l > n ? i = e.right + l - n : e.left - l < 0 && (i = e.left - l), !(i === 0 && c === 0)) {
-        if (s.value) {
-          const u = s.value.children[0];
-          if (u) {
-            const f = $(u);
+      const e = o.getBoundingClientRect(), l = t.scrollIntoViewPadding, c = window.innerHeight, n = window.innerWidth;
+      let i = 0, r = 0;
+      if (e.bottom + l > c ? r = e.bottom + l - c : e.top - l < 0 && (r = e.top - l), e.right + l > n ? i = e.right + l - n : e.left - l < 0 && (i = e.left - l), !(i === 0 && r === 0)) {
+        if (u.value) {
+          const a = u.value.children[0];
+          if (a) {
+            const f = X(a);
             if (f) {
-              const a = f.scrollTop;
+              const s = f.scrollTop;
               f.scrollBy({
-                top: c,
+                top: r,
                 left: i,
                 behavior: "smooth"
               }), requestAnimationFrame(() => {
-                f.scrollTop !== a && (g(), h());
+                f.scrollTop !== s && (g(), v());
               });
               return;
             }
           }
         }
         window.scrollBy({
-          top: c,
+          top: r,
           left: i,
           behavior: "smooth"
         });
       }
-    }, M = () => {
+    }, _ = () => {
       if (!t.teleport || !t.scrollIntoView) return;
-      T();
-      const o = document.querySelector(".q-popover.teleported");
+      B();
+      const o = document.querySelector(
+        ".q-popover.teleported"
+      );
       o && (S.value = new ResizeObserver(() => {
-        H.value || (H.value = !0, setTimeout(() => {
-          g(), h(), O(), q(() => {
+        y.value || (y.value = !0, setTimeout(() => {
+          g(), v(), I(), N(() => {
             requestAnimationFrame(() => {
-              H.value = !1;
+              y.value = !1;
             });
           });
         }, 50));
       }), S.value.observe(o));
-    }, T = () => {
+    }, B = () => {
       S.value && (S.value.disconnect(), S.value = null);
-    }, h = () => {
-      if (!t.teleport || !t.scrollIntoView || !t.modelValue || !s.value) return;
-      const o = s.value.children[0];
+    }, v = () => {
+      if (!t.teleport || !t.scrollIntoView || !t.modelValue || !u.value) return;
+      const o = u.value.children[0];
       if (!o) return;
-      const e = document.querySelector(".q-popover.teleported");
+      const e = document.querySelector(
+        ".q-popover.teleported"
+      );
       if (!e) return;
-      const l = o.getBoundingClientRect(), r = 10, n = t.scrollIntoViewPadding, i = window.innerHeight, c = R.value, u = 200, f = 30;
-      let a;
-      if (c === "bottom") {
-        const k = l.bottom + r;
-        a = i - k - n;
-      } else c === "top" ? a = l.top - r - n : a = i - n * 2;
-      a = Math.max(a, u);
-      const W = e.scrollHeight, m = !!v.value.maxHeight;
-      !m && W > a ? v.value = {
-        maxHeight: `${a}px`,
+      const l = o.getBoundingClientRect(), c = 10, n = t.scrollIntoViewPadding, i = window.innerHeight, r = P.value, a = 200, f = 30;
+      let s;
+      if (r === "bottom") {
+        const x = l.bottom + c;
+        s = i - x - n;
+      } else r === "top" ? s = l.top - c - n : s = i - n * 2;
+      s = Math.max(s, a);
+      const O = e.scrollHeight, h = !!m.value.maxHeight;
+      !h && O > s ? m.value = {
+        maxHeight: `${s}px`,
         overflowY: "auto"
-      } : m && (v.value = {
-        maxHeight: `${a}px`,
+      } : h && (m.value = {
+        maxHeight: `${s}px`,
         overflowY: "auto"
-      }, W < a - f && (v.value = {}));
+      }, O < s - f && (m.value = {}));
     }, F = () => {
       (t.trigger === "click" || t.trigger === "both") && w("update:modelValue", !t.modelValue);
-    }, N = () => {
+    }, A = () => {
       t.trigger !== "click" && w("update:modelValue", !1);
-    }, U = () => {
+    }, $ = () => {
       t.trigger !== "click" && w("update:modelValue", !0);
-    }, Q = () => {
-      const o = s.value?.children[0];
+    }, U = () => {
+      const o = u.value?.children[0];
       if (o) {
         const e = o.clientWidth, l = o.clientHeight;
-        switch (C.value) {
+        switch (H.value) {
           case "left":
             b.value = `margin-left: ${e / 2 - 10}px;`;
             break;
@@ -235,76 +251,83 @@ const ne = J({
         }
       }
     }, g = () => {
-      if (!s.value || !t.teleport) return;
-      const o = s.value.children[0];
+      if (!u.value || !t.teleport) return;
+      const o = u.value.children[0];
       if (!o) return;
-      const e = o.getBoundingClientRect(), l = 10, r = R.value, n = C.value;
-      let i = 0, c = 0, u = "none";
-      r === "bottom" ? (i = e.bottom + l, n === "left" ? (c = e.left, u = "none") : n === "right" ? (c = e.right, u = "translateX(-100%)") : n === "center" && (c = e.left + e.width / 2, u = "translateX(-50%)")) : r === "top" ? (i = e.top - l, u = "translateY(-100%)", n === "left" ? c = e.left : n === "right" ? (c = e.right, u = "translate(-100%, -100%)") : n === "center" && (c = e.left + e.width / 2, u = "translate(-50%, -100%)")) : r === "left" ? (c = e.left - l, u = "translateX(-100%)", n === "top" ? i = e.top : n === "bottom" ? (i = e.bottom, u = "translate(-100%, -100%)") : n === "middle" && (i = e.top + e.height / 2, u = "translate(-100%, -50%)")) : r === "right" && (c = e.right + l, n === "top" ? (i = e.top, u = "none") : n === "bottom" ? (i = e.bottom, u = "translateY(-100%)") : n === "middle" && (i = e.top + e.height / 2, u = "translateY(-50%)")), x.value = {
+      const e = o.getBoundingClientRect(), l = 10, c = P.value, n = H.value;
+      let i = 0, r = 0, a = "none";
+      const f = 40, s = 16;
+      c === "bottom" ? (i = e.bottom + l, n === "left" ? (r = e.left, t.teleportMatchNonTeleportedPosition && (r = e.left - f), a = "none") : n === "right" ? (r = e.right, t.teleportMatchNonTeleportedPosition && (r = e.right + f), a = "translateX(-100%)") : n === "center" && (r = e.left + e.width / 2, a = "translateX(-50%)")) : c === "top" ? (i = e.top - l, a = "translateY(-100%)", n === "left" ? (r = e.left, t.teleportMatchNonTeleportedPosition && (r = e.left - f)) : n === "right" ? (r = e.right, t.teleportMatchNonTeleportedPosition && (r = e.right + f), a = "translate(-100%, -100%)") : n === "center" && (r = e.left + e.width / 2, a = "translate(-50%, -100%)")) : c === "left" ? (r = e.left - l, a = "translateX(-100%)", n === "top" ? (i = e.top, t.teleportMatchNonTeleportedPosition && (i = e.top - s)) : n === "bottom" ? (i = e.bottom, a = "translate(-100%, -100%)") : n === "middle" && (i = e.top + e.height / 2, a = "translate(-100%, -50%)")) : c === "right" && (r = e.right + l, n === "top" ? (i = e.top, t.teleportMatchNonTeleportedPosition && (i = e.top - s), a = "none") : n === "bottom" ? (i = e.bottom, a = "translateY(-100%)") : n === "middle" && (i = e.top + e.height / 2, a = "translateY(-50%)")), M.value = {
         top: `${i}px`,
-        left: `${c}px`,
-        transform: u
+        left: `${r}px`,
+        transform: a
       };
-    }, _ = () => {
-      t.teleport && t.modelValue && (g(), h());
-    }, G = () => {
+    }, D = () => {
+      t.teleport && t.modelValue && (g(), v());
+    }, Q = () => {
       if (t.teleport && t.modelValue) {
-        if (t.closeOnScrollOutOfView && !X()) {
+        if (t.closeOnScrollOutOfView && !z()) {
           w("update:modelValue", !1);
           return;
         }
-        t.followScroll && (g(), h());
+        t.followScroll && (g(), v());
       }
-    }, P = A(_, 16, !0), Y = A(G, 16, !0);
-    L(s, (o) => {
+    }, W = L(D, 16, !0), q = L(Q, 16, !0);
+    k(u, (o) => {
       if (t.teleport) {
-        const e = document.querySelector(".q-popover.teleported");
+        const e = document.querySelector(
+          ".q-popover.teleported"
+        );
         if (e && e.contains(o.target))
           return;
       }
       t.modelValue && w("update:modelValue", !1);
     });
-    function j() {
-      p.value = !1, V.value = null, y.value = null, H.value = !1, v.value = {}, T();
+    function G() {
+      p.value = !1, E.value = null, V.value = null, y.value = !1, m.value = {}, B();
     }
-    function D() {
-      p.value = !0, t.teleport ? q(() => {
-        t.reposition && (V.value = B(t.align), y.value = I(t.position)), g(), t.scrollIntoView && setTimeout(() => {
-          h(), M(), O();
+    function j() {
+      p.value = !0, t.teleport ? N(() => {
+        t.reposition && (E.value = R(t.align), V.value = C(t.position)), g(), t.scrollIntoView && setTimeout(() => {
+          v(), _(), I();
         }, 100);
-      }) : !E(s.value?.children[1]) && t.reposition === !0 && Q();
+      }) : !T(u.value?.children[1]) && t.reposition === !0 && U();
     }
     return K(() => {
-      t.teleport && (window.addEventListener("resize", P), window.addEventListener("scroll", Y, !0));
+      t.teleport && (window.addEventListener("resize", W), window.addEventListener("scroll", q, !0));
     }), Z(() => {
-      t.teleport && (window.removeEventListener("resize", P), window.removeEventListener("scroll", Y, !0)), T();
+      t.teleport && (window.removeEventListener("resize", W), window.removeEventListener(
+        "scroll",
+        q,
+        !0
+      )), B();
     }), ee(
       () => t.modelValue,
       (o) => {
-        t.teleport && o && q(() => {
-          g(), h();
+        t.teleport && o && N(() => {
+          g(), v();
         });
       }
     ), {
       // Refs
       entered: p,
       offsetStyle: b,
-      popover: s,
-      teleportedContentStyle: v,
-      teleportedStyle: x,
+      popover: u,
+      teleportedContentStyle: m,
+      teleportedStyle: M,
       // Computed
-      alignment: C,
-      positioning: R,
+      alignment: H,
+      positioning: P,
       // Methods
-      getAlignment: B,
-      getPositioning: I,
-      isElementInView: E,
-      onAfterLeave: j,
+      getAlignment: R,
+      getPositioning: C,
+      isElementInView: T,
+      onAfterLeave: G,
       onClick: F,
-      onClickOutside: L,
-      onEnter: D,
-      onMouseLeave: N,
-      onMouseOver: U,
+      onClickOutside: k,
+      onEnter: j,
+      onMouseLeave: A,
+      onMouseOver: $,
       updateTeleportedPosition: g
     };
   }

package/dist/index15.js

@@ -1,27 +1,27 @@
 import y from "./index88.js";
-import { resolveComponent as d, openBlock as t, createElementBlock as f, createElementVNode as l, renderSlot as s, createVNode as a, createCommentVNode as i, toDisplayString as u, normalizeProps as m, guardReactiveProps as h, createBlock as c, withCtx as o, createTextVNode as k, normalizeClass as v, Transition as w } from "vue";
+import { resolveComponent as d, openBlock as t, createElementBlock as f, createElementVNode as s, renderSlot as l, createVNode as a, createCommentVNode as i, toDisplayString as u, normalizeProps as p, guardReactiveProps as m, createBlock as c, withCtx as o, createTextVNode as k, normalizeClass as C, Transition as w } from "vue";
 /* empty css        */
 import q from "./index65.js";
 const B = ["id"], F = { class: "search grow" }, z = {
   class: "search-label flex items-center",
   for: "search"
-}, V = { class: "results-count mx-1 shrink-0 text-xs text-gray-40 capitalize" }, P = {
+}, P = { class: "results-count mx-1 shrink-0 text-xs text-gray-40 capitalize" }, V = {
   key: 1,
   class: "filters shrink-0 h-6"
-}, H = { class: "flex relative" }, E = { class: "!text-blue-20 text-tiny font-bold" }, R = { key: 1 }, A = { class: "flex relative" }, T = { class: "!text-blue-20 text-tiny font-bold" }, U = { class: "flex relative" }, _ = { class: "!text-blue-20 text-tiny font-bold" }, L = {
+}, T = { class: "flex relative" }, H = { class: "!text-blue-20 text-tiny font-bold" }, E = { key: 1 }, R = { class: "flex relative" }, A = { class: "!text-blue-20 text-tiny font-bold" }, U = { class: "flex relative" }, L = { class: "!text-blue-20 text-tiny font-bold" }, N = {
   key: 2,
   class: "actions shrink-0 flex items-center h-6"
 };
-function N(e, r, D, I, Q, X) {
-  const p = d("q-icon"), S = d("q-input"), C = d("q-badge"), g = d("q-tooltip"), $ = d("q-popover"), b = d("q-bottom-sheet");
+function D(e, r, I, Q, _, X) {
+  const h = d("q-icon"), S = d("q-input"), v = d("q-badge"), g = d("q-tooltip"), $ = d("q-popover"), b = d("q-bottom-sheet");
   return t(), f("div", {
     id: e.id,
     class: "data-filter flex items-center p-4 bg-white"
   }, [
-    l("div", F, [
-      e.hasSearch ? s(e.$slots, "search", { key: 0 }, () => [
-        l("label", z, [
-          a(p, {
+    s("div", F, [
+      e.hasSearch ? l(e.$slots, "search", { key: 0 }, () => [
+        s("label", z, [
+          a(h, {
             class: "mr-2 shrink-0",
             color: "gray-40",
             icon: "search",
@@ -41,18 +41,23 @@ function N(e, r, D, I, Q, X) {
         ])
       ], !0) : i("", !0)
     ]),
-    e.showResultsCount ? s(e.$slots, "resultsCount", { key: 0 }, () => [
-      l("div", V, u(e.filteredCount === 1 ? "1 " + e.$t("HC_RESULT") : e.$t("HC_X_RESULTS", { count: e.filteredCount })), 1)
+    e.showResultsCount ? l(e.$slots, "resultsCount", { key: 0 }, () => [
+      s("div", P, u(e.filteredCount === 1 ? "1 " + e.$t("HC_RESULT") : e.$t("HC_X_RESULTS", { count: e.filteredCount })), 1)
     ], !0) : i("", !0),
-    s(e.$slots, "beforeFilters", {}, void 0, !0),
-    e.filters?.length ? (t(), f("div", P, [
-      s(e.$slots, "filters", m(h({ filtersCount: e.filtersCount })), () => [
+    l(e.$slots, "beforeFilters", {}, void 0, !0),
+    e.filters?.length ? (t(), f("div", V, [
+      l(e.$slots, "filters", p(m({ filtersCount: e.filtersCount })), () => [
         e.$slots.filterContent && e.mq.md ? (t(), c($, {
           key: 0,
           modelValue: e.showFilterPopover,
           "onUpdate:modelValue": r[0] || (r[0] = (n) => e.showFilterPopover = n),
+          "close-on-scroll-out-of-view": "",
           reposition: e.repositionPopover,
           size: e.filtersPopoverSize,
+          teleport: e.filtersPopoverTeleport,
+          "teleport-match-non-teleported-position": e.filtersPopoverTeleport,
+          "teleport-to": e.filtersPopoverTeleportTo,
+          "follow-scroll": !1,
           position: "bottom",
           align: "right",
           trigger: "click"
@@ -60,24 +65,24 @@ function N(e, r, D, I, Q, X) {
           trigger: o(({ onClick: n }) => [
             a(g, { class: "z-[45] ml-2" }, {
               trigger: o(() => [
-                l("div", H, [
-                  a(p, {
+                s("div", T, [
+                  a(h, {
                     class: "filters-icon ml-0 cursor-pointer",
                     color: e.showFilterPopover ? "blue-20" : "gray-40",
                     icon: "filter",
                     size: "md",
                     onClick: (j) => e.onFilterClick(n)
                   }, null, 8, ["color", "onClick"]),
-                  e.filtersCount ? (t(), c(C, {
+                  e.filtersCount ? (t(), c(v, {
                     key: 0,
-                    class: v([
+                    class: C([
                       "filters-count absolute !h-4 !w-4",
                       "-top-[0.3125rem] -right-[0.375rem]"
                     ]),
                     color: "white"
                   }, {
                     text: o(() => [
-                      l("span", E, u(e.filtersCount), 1)
+                      s("span", H, u(e.filtersCount), 1)
                     ]),
                     _: 1
                   })) : i("", !0)
@@ -90,28 +95,28 @@ function N(e, r, D, I, Q, X) {
             }, 1024)
           ]),
           content: o(() => [
-            s(e.$slots, "filterContent", m(h({ closePopover: e.closePopover })), void 0, !0)
+            l(e.$slots, "filterContent", p(m({ closePopover: e.closePopover })), void 0, !0)
           ]),
           _: 3
-        }, 8, ["modelValue", "reposition", "size"])) : e.$slots.filterSheetContent && !e.mq.md ? (t(), f("div", R, [
-          l("div", A, [
-            a(p, {
+        }, 8, ["modelValue", "reposition", "size", "teleport", "teleport-match-non-teleported-position", "teleport-to"])) : e.$slots.filterSheetContent && !e.mq.md ? (t(), f("div", E, [
+          s("div", R, [
+            a(h, {
               class: "filters-icon ml-0 cursor-pointer",
               color: e.showFilterBottomSheet ? "blue-20" : "gray-40",
               icon: "filter",
               size: "md",
               onClick: r[1] || (r[1] = (n) => e.showFilterBottomSheet = !0)
             }, null, 8, ["color"]),
-            e.filtersCount ? (t(), c(C, {
+            e.filtersCount ? (t(), c(v, {
               key: 0,
-              class: v([
+              class: C([
                 "filters-count absolute !h-4 !w-4",
                 "-top-[0.3125rem] -right-[0.375rem]"
               ]),
               color: "white"
             }, {
               text: o(() => [
-                l("span", T, u(e.filtersCount), 1)
+                s("span", A, u(e.filtersCount), 1)
               ]),
               _: 1
             })) : i("", !0)
@@ -128,16 +133,16 @@ function N(e, r, D, I, Q, X) {
                 "background-color": "gray-00"
               }, {
                 backAction: o(() => [
-                  s(e.$slots, "filterSheetBackAction", m(h({ closeBottomSheet: e.closeBottomSheet })), void 0, !0)
+                  l(e.$slots, "filterSheetBackAction", p(m({ closeBottomSheet: e.closeBottomSheet })), void 0, !0)
                 ]),
                 header: o(() => [
-                  s(e.$slots, "filterSheetHeader", {}, void 0, !0)
+                  l(e.$slots, "filterSheetHeader", {}, void 0, !0)
                 ]),
                 headerAction: o(() => [
-                  s(e.$slots, "filterSheetHeaderAction", m(h({ closeBottomSheet: e.closeBottomSheet })), void 0, !0)
+                  l(e.$slots, "filterSheetHeaderAction", p(m({ closeBottomSheet: e.closeBottomSheet })), void 0, !0)
                 ]),
                 default: o(() => [
-                  s(e.$slots, "filterSheetContent", m(h({ closeBottomSheet: e.closeBottomSheet })), void 0, !0)
+                  l(e.$slots, "filterSheetContent", p(m({ closeBottomSheet: e.closeBottomSheet })), void 0, !0)
                 ]),
                 _: 3
               }, 8, ["modelValue"])) : i("", !0)
@@ -149,24 +154,24 @@ function N(e, r, D, I, Q, X) {
           class: "z-[45] ml-2"
         }, {
           trigger: o(() => [
-            l("div", U, [
-              a(p, {
+            s("div", U, [
+              a(h, {
                 class: "filters-icon ml-0 cursor-pointer",
                 color: e.filtersActive ? "blue-20" : "gray-40",
                 icon: "filter",
                 size: "md",
                 onClick: r[3] || (r[3] = (n) => e.$emit("click:filters"))
               }, null, 8, ["color"]),
-              e.filtersCount ? (t(), c(C, {
+              e.filtersCount ? (t(), c(v, {
                 key: 0,
-                class: v([
+                class: C([
                   "filters-count absolute !h-4 !w-4",
                   "-top-[0.3125rem] -right-[0.375rem]"
                 ]),
                 color: "white"
               }, {
                 text: o(() => [
-                  l("span", _, u(e.filtersCount), 1)
+                  s("span", L, u(e.filtersCount), 1)
                 ]),
                 _: 1
               })) : i("", !0)
@@ -179,12 +184,12 @@ function N(e, r, D, I, Q, X) {
         }))
       ], !0)
     ])) : i("", !0),
-    e.$slots.actions ? (t(), f("div", L, [
-      s(e.$slots, "actions", {}, void 0, !0)
+    e.$slots.actions ? (t(), f("div", N, [
+      l(e.$slots, "actions", {}, void 0, !0)
     ])) : i("", !0)
   ], 8, B);
 }
-const O = /* @__PURE__ */ q(y, [["render", N], ["__scopeId", "data-v-0e8ea36d"]]);
+const O = /* @__PURE__ */ q(y, [["render", D], ["__scopeId", "data-v-1dd7e45c"]]);
 export {
   O as default
 };

package/dist/index186.js

@@ -1,8 +1,8 @@
 import { createVNode as s, defineComponent as nt, ref as k, onMounted as me, onUnmounted as at, h as Ye, watchEffect as Y, Teleport as lt, Transition as ot, computed as A, toRef as rt, inject as ge, watch as st, openBlock as ye, createElementBlock as be, provide as we, shallowRef as it, createElementVNode as Z, isVNode as ut } from "vue";
-import { format as Ce } from "./index230.js";
-import { parse as ct } from "./index231.js";
-import { getWeek as Ie } from "./index232.js";
-import dt from "./index233.js";
+import { format as Ce } from "./index282.js";
+import { parse as ct } from "./index283.js";
+import { getWeek as Ie } from "./index284.js";
+import dt from "./index285.js";
 var ft = Object.defineProperty, pt = Object.defineProperties, vt = Object.getOwnPropertyDescriptors, le = Object.getOwnPropertySymbols, Ue = Object.prototype.hasOwnProperty, Fe = Object.prototype.propertyIsEnumerable, Se = (t, e, n) => e in t ? ft(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, M = (t, e) => {
   for (var n in e || (e = {}))
     Ue.call(e, n) && Se(t, n, e[n]);

package/dist/index193.js

@@ -1,14 +1,14 @@
-import A from "./index234.js";
-import O from "./index235.js";
-import V from "./index236.js";
-import R from "./index237.js";
-import j from "./index238.js";
-import K from "./index239.js";
+import A from "./index254.js";
+import O from "./index255.js";
+import V from "./index233.js";
+import R from "./index256.js";
+import j from "./index257.js";
+import K from "./index258.js";
 import H from "./index227.js";
 import { DomHandler as w } from "./index180.js";
 import W from "./index228.js";
-import G from "./index240.js";
-import Y from "./index241.js";
+import G from "./index259.js";
+import Y from "./index260.js";
 import { resolveComponent as y, openBlock as o, createElementBlock as f, Fragment as U, renderList as E, mergeProps as r, createElementVNode as h, toDisplayString as F, createVNode as L, normalizeClass as B, withCtx as C, createBlock as m, resolveDynamicComponent as b, resolveDirective as Z, renderSlot as g, withDirectives as M, withKeys as T, createCommentVNode as v, createTextVNode as z } from "vue";
 var q = {
   name: "BaseFileUpload",

package/dist/index195.js

@@ -1,15 +1,15 @@
-import q from "./index273.js";
-import X from "./index277.js";
+import q from "./index230.js";
+import X from "./index231.js";
 import { ZIndexUtils as T, DomHandler as c, UniqueComponentId as k, ObjectUtils as $ } from "./index180.js";
 import O from "./index228.js";
-import Y from "./index283.js";
-import J from "./index236.js";
+import Y from "./index232.js";
+import J from "./index233.js";
 import L from "./index227.js";
-import H from "./index284.js";
-import M from "./index265.js";
+import H from "./index234.js";
+import M from "./index235.js";
 import { resolveDirective as C, openBlock as s, createElementBlock as d, mergeProps as l, createElementVNode as b, withDirectives as y, createBlock as f, resolveDynamicComponent as p, createCommentVNode as h, Fragment as U, renderList as G, resolveComponent as A, createVNode as z, withCtx as D, Transition as Q } from "vue";
-import ee from "./index264.js";
-import te from "./index285.js";
+import ee from "./index236.js";
+import te from "./index237.js";
 var ie = {
   name: "BaseGalleria",
   extends: O,