@quoreadmin/ui 1.10.25 → 1.10.27

package/dist/index10.js

@@ -1,244 +1,273 @@
-import w from "./index79.js";
-import { resolveComponent as g, openBlock as s, createElementBlock as o, renderSlot as t, createVNode as p, createElementVNode as c, normalizeClass as h, toDisplayString as r, createBlock as C, createCommentVNode as i, Fragment as d, renderList as u, createTextVNode as k } from "vue";
+import m from "./index79.js";
+import { resolveComponent as w, openBlock as n, createElementBlock as s, normalizeClass as t, renderSlot as d, createVNode as p, createElementVNode as v, toDisplayString as r, createBlock as b, createCommentVNode as l, Fragment as y, renderList as u, createTextVNode as c } from "vue";
 /* empty css        */
-import $ from "./index65.js";
-const M = { class: "q-calendar" }, V = {
-  key: 0,
-  class: "calendar-header"
-}, f = {
+import C from "./index65.js";
+const $ = ["disabled"], D = {
   key: 1,
   class: "nav-spacer"
-}, N = ["disabled"], D = {
+}, M = ["disabled"], f = {
   key: 0,
   class: "header-text"
-}, R = {
+}, N = {
   key: 1,
   class: "header-text"
-}, S = {
+}, V = {
   key: 2,
   class: "header-text"
-}, b = {
+}, R = ["disabled"], S = {
   key: 3,
   class: "nav-spacer"
-}, T = {
-  key: 1,
+}, P = {
+  key: 0,
   class: "calendar-body"
-}, I = {
+}, T = {
   key: 0,
   class: "month-label"
-}, H = {
+}, I = {
   key: 1,
   class: "calendar-weekdays"
-}, L = { class: "calendar-grid" }, Y = ["onClick", "onMouseenter"], z = { class: "day-number" }, E = {
+}, H = { class: "calendar-grid" }, L = ["onClick", "onMouseenter"], Y = { class: "day-number" }, z = {
   key: 0,
   class: "today-indicator"
-}, W = {
-  key: 2,
+}, E = {
+  key: 1,
   class: "calendar-body calendar-body-continuous"
-}, q = { class: "calendar-month calendar-month-continuous" }, B = {
+}, W = { class: "calendar-month calendar-month-continuous" }, q = {
   key: 0,
   class: "calendar-weekdays"
-}, F = { class: "calendar-grid calendar-grid-continuous" }, P = ["onClick", "onMouseenter"], Q = { class: "day-number" }, A = {
+}, B = { class: "calendar-grid calendar-grid-continuous" }, F = ["onClick", "onMouseenter"], Q = { class: "day-number" }, A = {
   key: 0,
   class: "today-indicator"
 }, G = {
-  key: 3,
+  key: 2,
   class: "calendar-months-view"
 }, J = ["onClick"], K = {
-  key: 4,
+  key: 3,
   class: "calendar-years-view"
 }, U = ["onClick"], X = {
-  key: 5,
+  key: 4,
   class: "calendar-footer"
 };
-function Z(e, l, _, O, j, x) {
-  const v = g("q-icon");
-  return s(), o("div", M, [
-    e.showHeader ? (s(), o("div", V, [
-      e.showNavigation ? (s(), o("button", {
+function Z(e, i, O, j, _, x) {
+  const g = w("q-icon");
+  return n(), s("div", {
+    class: t(["q-calendar", { "paginated relative": e.paginated }])
+  }, [
+    e.showHeader ? (n(), s("div", {
+      key: 0,
+      class: t(["calendar-header", { "paginated-header": e.paginated }])
+    }, [
+      e.showNavigation ? (n(), s("button", {
         key: 0,
         type: "button",
-        class: "nav-button nav-prev",
-        onClick: l[0] || (l[0] = (n) => e.currentView === "years" ? e.prevYearRange() : e.prevMonth()),
+        class: t([
+          "nav-button",
+          "nav-prev",
+          {
+            "border !border-solid border-gray-10 hover:!bg-gray-0 mr-2": e.paginated,
+            "nav-prev-disabled !bg-gray-0": e.navPrevDisabled
+          }
+        ]),
+        disabled: e.navPrevDisabled,
+        onClick: i[0] || (i[0] = (a) => e.paginated && !e.showPaginatedCalendar && !e.navPrevDisabled ? e.prevDay() : e.currentView === "years" ? e.prevYearRange() : e.prevMonth()),
         "aria-label": "Previous"
       }, [
-        t(e.$slots, "prev-icon", {}, () => [
-          p(v, {
+        d(e.$slots, "prev-icon", {}, () => [
+          p(g, {
+            color: e.navPrevDisabled ? "gray-40" : "inkwell-20",
             icon: "chevron-left",
-            type: "line",
             size: "sm",
-            color: "inkwell-20"
-          })
+            type: "line"
+          }, null, 8, ["color"])
         ], !0)
-      ])) : (s(), o("span", f)),
-      c("button", {
+      ], 10, $)) : (n(), s("span", D)),
+      v("button", {
         type: "button",
-        class: h([
+        class: t([
           "header-title",
-          { "header-clickable": e.headerClickable && e.currentView !== "years" }
+          {
+            "header-clickable": e.headerClickable && e.currentView !== "years",
+            "border !border-solid border-gray-10 hover:!bg-gray-0 grow !text-sm !h-8": e.paginated
+          }
         ]),
         disabled: !e.headerClickable || e.currentView === "years",
-        onClick: l[1] || (l[1] = (...n) => e.onHeaderClick && e.onHeaderClick(...n))
+        onClick: i[1] || (i[1] = (...a) => e.onHeaderClick && e.onHeaderClick(...a))
       }, [
-        t(e.$slots, "header", {
+        d(e.$slots, "header", {
           title: e.headerTitle,
           view: e.currentView
         }, () => [
-          e.currentView === "days" ? (s(), o("span", D, r(e.headerTitle), 1)) : e.currentView === "months" ? (s(), o("span", R, r(e.viewDate.getFullYear()), 1)) : (s(), o("span", S, r(e.yearRangeStart) + " - " + r(e.yearRangeStart + 11), 1))
+          e.currentView === "days" ? (n(), s("span", f, r(e.headerTitle), 1)) : e.currentView === "months" ? (n(), s("span", N, r(e.viewDate.getFullYear()), 1)) : (n(), s("span", V, r(e.yearRangeStart) + " - " + r(e.yearRangeStart + 11), 1))
         ], !0),
-        e.headerClickable && e.isMultiMonth ? (s(), C(v, {
+        e.headerClickable && e.isMultiMonth ? (n(), b(g, {
           key: 0,
           icon: "chevron-down",
           type: "line",
           size: "sm",
           color: "inkwell-20",
           class: "header-dropdown-icon"
-        })) : i("", !0)
-      ], 10, N),
-      e.showNavigation ? (s(), o("button", {
+        })) : l("", !0)
+      ], 10, M),
+      e.showNavigation ? (n(), s("button", {
         key: 2,
         type: "button",
-        class: "nav-button nav-next",
-        onClick: l[2] || (l[2] = (n) => e.currentView === "years" ? e.nextYearRange() : e.nextMonth()),
+        class: t([
+          "nav-button",
+          "nav-next",
+          {
+            "border !border-solid border-gray-10 hover:!bg-gray-0 ml-2": e.paginated,
+            "nav-next-disabled !bg-gray-0": e.navNextDisabled
+          }
+        ]),
+        disabled: e.navNextDisabled,
+        onClick: i[2] || (i[2] = (a) => e.paginated && !e.showPaginatedCalendar && !e.navNextDisabled ? e.nextDay() : e.currentView === "years" ? e.nextYearRange() : e.nextMonth()),
         "aria-label": "Next"
       }, [
-        t(e.$slots, "next-icon", {}, () => [
-          p(v, {
+        d(e.$slots, "next-icon", {}, () => [
+          p(g, {
+            color: e.navNextDisabled ? "gray-40" : "inkwell-20",
             icon: "chevron-right",
-            type: "line",
             size: "sm",
-            color: "inkwell-20"
-          })
+            type: "line"
+          }, null, 8, ["color"])
         ], !0)
-      ])) : (s(), o("span", b))
-    ])) : i("", !0),
-    e.currentView === "days" && !e.continuous ? (s(), o("div", T, [
-      (s(!0), o(d, null, u(e.displayedMonths, (n) => (s(), o("div", {
-        key: `${n.year}-${n.month}`,
-        class: h(["calendar-month", { "calendar-month-multi": e.isMultiMonth }])
-      }, [
-        e.isMultiMonth ? (s(), o("div", I, [
-          t(e.$slots, "month-label", {
-            month: n.month,
-            year: n.year
-          }, () => [
-            k(r(e.monthNamesShort[n.month]) + " " + r(n.year), 1)
-          ], !0)
-        ])) : i("", !0),
-        e.showWeekDays ? (s(), o("div", H, [
-          (s(!0), o(d, null, u(e.daysOfWeek, (a) => (s(), o("div", {
-            key: a,
-            class: "weekday"
-          }, [
-            t(e.$slots, "weekday", { day: a }, () => [
-              k(r(a), 1)
-            ], !0)
-          ]))), 128))
-        ])) : i("", !0),
-        c("div", L, [
-          (s(!0), o(d, null, u(n.dates, (a, y) => (s(), o("div", {
-            key: y,
-            class: h([
-              "calendar-day",
-              {
-                "day-other-month": !a.isCurrentMonth && e.greyOutNonCurrentMonth,
-                "day-today": a.isToday,
-                "day-selected": a.isSelected,
-                "day-in-range": a.isInRange,
-                "day-range-start": a.isRangeStart,
-                "day-range-end": a.isRangeEnd,
-                "day-disabled": a.isDisabled,
-                "day-has-indicator": a.hasIndicator
-              }
-            ]),
-            onClick: (m) => e.onDateClick(a),
-            onMouseenter: (m) => e.onDateHover(a),
-            onMouseleave: l[3] || (l[3] = (...m) => e.onDateLeave && e.onDateLeave(...m))
-          }, [
-            t(e.$slots, "day", { date: a }, () => [
-              c("span", z, r(a.day), 1),
-              a.isToday ? (s(), o("span", E)) : i("", !0)
-            ], !0)
-          ], 42, Y))), 128))
-        ])
-      ], 2))), 128))
-    ])) : e.currentView === "days" && e.continuous ? (s(), o("div", W, [
-      c("div", q, [
-        e.showWeekDays ? (s(), o("div", B, [
-          (s(!0), o(d, null, u(e.daysOfWeek, (n) => (s(), o("div", {
-            key: n,
-            class: "weekday"
-          }, [
-            t(e.$slots, "weekday", { day: n }, () => [
-              k(r(n), 1)
-            ], !0)
-          ]))), 128))
-        ])) : i("", !0),
-        c("div", F, [
-          (s(!0), o(d, null, u(e.continuousCalendarData.dates, (n, a) => (s(), o("div", {
-            key: a,
-            class: h([
-              "calendar-day",
-              {
-                "day-other-month": !n.isCurrentMonth && e.greyOutNonCurrentMonth,
-                "day-today": n.isToday,
-                "day-selected": n.isSelected,
-                "day-in-range": n.isInRange,
-                "day-range-start": n.isRangeStart,
-                "day-range-end": n.isRangeEnd,
-                "day-disabled": n.isDisabled,
-                "day-has-indicator": n.hasIndicator
-              }
-            ]),
-            onClick: (y) => e.onDateClick(n),
-            onMouseenter: (y) => e.onDateHover(n),
-            onMouseleave: l[4] || (l[4] = (...y) => e.onDateLeave && e.onDateLeave(...y))
-          }, [
-            t(e.$slots, "day", { date: n }, () => [
-              c("span", Q, r(n.day), 1),
-              n.isToday ? (s(), o("span", A)) : i("", !0)
+      ], 10, R)) : (n(), s("span", S))
+    ], 2)) : l("", !0),
+    !e.paginated || e.paginated && e.showPaginatedCalendar ? (n(), s("div", {
+      key: 1,
+      class: t({ "paginated-content w-full": e.paginated })
+    }, [
+      e.currentView === "days" && !e.continuous ? (n(), s("div", P, [
+        (n(!0), s(y, null, u(e.displayedMonths, (a) => (n(), s("div", {
+          key: `${a.year}-${a.month}`,
+          class: t([
+            "calendar-month",
+            { "calendar-month-multi": e.isMultiMonth }
+          ])
+        }, [
+          e.isMultiMonth ? (n(), s("div", T, [
+            d(e.$slots, "month-label", {
+              month: a.month,
+              year: a.year
+            }, () => [
+              c(r(e.monthNamesShort[a.month]) + " " + r(a.year), 1)
             ], !0)
-          ], 42, P))), 128))
+          ])) : l("", !0),
+          e.showWeekDays ? (n(), s("div", I, [
+            (n(!0), s(y, null, u(e.daysOfWeek, (o) => (n(), s("div", {
+              key: o,
+              class: "weekday"
+            }, [
+              d(e.$slots, "weekday", { day: o }, () => [
+                c(r(o), 1)
+              ], !0)
+            ]))), 128))
+          ])) : l("", !0),
+          v("div", H, [
+            (n(!0), s(y, null, u(a.dates, (o, h) => (n(), s("div", {
+              key: h,
+              class: t([
+                "calendar-day",
+                {
+                  "day-other-month": !o.isCurrentMonth && e.greyOutNonCurrentMonth,
+                  "day-today": o.isToday,
+                  "day-selected": o.isSelected,
+                  "day-in-range": o.isInRange,
+                  "day-range-start": o.isRangeStart,
+                  "day-range-end": o.isRangeEnd,
+                  "day-disabled": o.isDisabled,
+                  "day-has-indicator": o.hasIndicator
+                }
+              ]),
+              onClick: (k) => e.onDateClick(o),
+              onMouseenter: (k) => e.onDateHover(o),
+              onMouseleave: i[3] || (i[3] = (...k) => e.onDateLeave && e.onDateLeave(...k))
+            }, [
+              d(e.$slots, "day", { date: o }, () => [
+                v("span", Y, r(o.day), 1),
+                o.isToday ? (n(), s("span", z)) : l("", !0)
+              ], !0)
+            ], 42, L))), 128))
+          ])
+        ], 2))), 128))
+      ])) : e.currentView === "days" && e.continuous ? (n(), s("div", E, [
+        v("div", W, [
+          e.showWeekDays ? (n(), s("div", q, [
+            (n(!0), s(y, null, u(e.daysOfWeek, (a) => (n(), s("div", {
+              key: a,
+              class: "weekday"
+            }, [
+              d(e.$slots, "weekday", { day: a }, () => [
+                c(r(a), 1)
+              ], !0)
+            ]))), 128))
+          ])) : l("", !0),
+          v("div", B, [
+            (n(!0), s(y, null, u(e.continuousCalendarData.dates, (a, o) => (n(), s("div", {
+              key: o,
+              class: t([
+                "calendar-day",
+                {
+                  "day-other-month": !a.isCurrentMonth && e.greyOutNonCurrentMonth,
+                  "day-today": a.isToday,
+                  "day-selected": a.isSelected,
+                  "day-in-range": a.isInRange,
+                  "day-range-start": a.isRangeStart,
+                  "day-range-end": a.isRangeEnd,
+                  "day-disabled": a.isDisabled,
+                  "day-has-indicator": a.hasIndicator
+                }
+              ]),
+              onClick: (h) => e.onDateClick(a),
+              onMouseenter: (h) => e.onDateHover(a),
+              onMouseleave: i[4] || (i[4] = (...h) => e.onDateLeave && e.onDateLeave(...h))
+            }, [
+              d(e.$slots, "day", { date: a }, () => [
+                v("span", Q, r(a.day), 1),
+                a.isToday ? (n(), s("span", A)) : l("", !0)
+              ], !0)
+            ], 42, F))), 128))
+          ])
         ])
-      ])
-    ])) : e.currentView === "months" ? (s(), o("div", G, [
-      (s(!0), o(d, null, u(e.monthNames, (n, a) => (s(), o("button", {
-        key: a,
-        type: "button",
-        class: h([
-          "month-cell",
-          { "month-selected": e.viewDate.getMonth() === a }
-        ]),
-        onClick: (y) => e.selectMonth(a)
-      }, [
-        t(e.$slots, "month-cell", {
-          month: n,
-          index: a
-        }, () => [
-          k(r(e.monthNamesShort[a]), 1)
-        ], !0)
-      ], 10, J))), 128))
-    ])) : e.currentView === "years" ? (s(), o("div", K, [
-      (s(!0), o(d, null, u(e.yearsInRange, (n) => (s(), o("button", {
-        key: n,
-        type: "button",
-        class: h([
-          "year-cell",
-          { "year-selected": e.viewDate.getFullYear() === n }
-        ]),
-        onClick: (a) => e.selectYear(n)
-      }, [
-        t(e.$slots, "year-cell", { year: n }, () => [
-          k(r(n), 1)
-        ], !0)
-      ], 10, U))), 128))
-    ])) : i("", !0),
-    e.$slots.footer ? (s(), o("div", X, [
-      t(e.$slots, "footer", {}, void 0, !0)
-    ])) : i("", !0)
-  ]);
+      ])) : e.currentView === "months" ? (n(), s("div", G, [
+        (n(!0), s(y, null, u(e.monthNames, (a, o) => (n(), s("button", {
+          key: o,
+          type: "button",
+          class: t([
+            "month-cell",
+            { "month-selected": e.viewDate.getMonth() === o }
+          ]),
+          onClick: (h) => e.selectMonth(o)
+        }, [
+          d(e.$slots, "month-cell", {
+            month: a,
+            index: o
+          }, () => [
+            c(r(e.monthNamesShort[o]), 1)
+          ], !0)
+        ], 10, J))), 128))
+      ])) : e.currentView === "years" ? (n(), s("div", K, [
+        (n(!0), s(y, null, u(e.yearsInRange, (a) => (n(), s("button", {
+          key: a,
+          type: "button",
+          class: t([
+            "year-cell",
+            { "year-selected": e.viewDate.getFullYear() === a }
+          ]),
+          onClick: (o) => e.selectYear(a)
+        }, [
+          d(e.$slots, "year-cell", { year: a }, () => [
+            c(r(a), 1)
+          ], !0)
+        ], 10, U))), 128))
+      ])) : l("", !0),
+      e.$slots.footer ? (n(), s("div", X, [
+        d(e.$slots, "footer", {}, void 0, !0)
+      ])) : l("", !0)
+    ], 2)) : l("", !0)
+  ], 2);
 }
-const ae = /* @__PURE__ */ $(w, [["render", Z], ["__scopeId", "data-v-5508e564"]]);
+const oe = /* @__PURE__ */ C(m, [["render", Z], ["__scopeId", "data-v-a0727fd6"]]);
 export {
-  ae as default
+  oe as default
 };

package/dist/index149.js

@@ -263,11 +263,17 @@ const z = I({
         t.value.push(n);
       }) : t.value = e.filteredOptions, s("update:model-value", t.value);
     };
-    return h(() => l.modelValue, (e) => {
-      t.value = e;
-    }), h(() => l.options, (e) => {
-      i.value && (f.value = e);
-    }), {
+    return h(
+      () => l.modelValue,
+      (e) => {
+        t.value = e;
+      }
+    ), h(
+      () => l.options,
+      (e) => {
+        i.value && (f.value = e);
+      }
+    ), {
       currentSelect: o,
       currentContainer: d,
       search: p,

package/dist/index15.js

@@ -1,5 +1,5 @@
-import y from "./index88.js";
-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";
+import w from "./index88.js";
+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 c, guardReactiveProps as m, createBlock as p, withCtx as o, createTextVNode as S, normalizeClass as k, Transition as y } from "vue";
 /* empty css        */
 import q from "./index65.js";
 const B = ["id"], F = { class: "search grow" }, z = {
@@ -13,7 +13,7 @@ const B = ["id"], F = { class: "search grow" }, z = {
   class: "actions shrink-0 flex items-center h-6"
 };
 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");
+  const h = d("q-icon"), $ = d("q-input"), v = d("q-badge"), C = d("q-tooltip"), b = d("q-popover"), g = d("q-bottom-sheet");
   return t(), f("div", {
     id: e.id,
     class: "data-filter flex items-center p-4 bg-white"
@@ -23,17 +23,17 @@ function D(e, r, I, Q, _, X) {
         s("label", z, [
           a(h, {
             class: "mr-2 shrink-0",
-            color: "gray-40",
+            color: "inkwell-0",
             icon: "search",
             size: "md",
             type: ""
           }),
-          a(S, {
+          a($, {
             id: "search",
             "model-value": e.search,
             "hide-clear": e.mq.md,
             placeholder: e.searchPlaceholder || e.$t("HC_SEARCH"),
-            class: "text-base grow",
+            class: "text-base grow !placeholder-inkwell-0",
             "control-class": "!border-0 !px-0",
             size: "xxs",
             "onUpdate:modelValue": e.debouncedSearch
@@ -46,8 +46,8 @@ function D(e, r, I, Q, _, X) {
     ], !0) : i("", !0),
     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($, {
+      l(e.$slots, "filters", c(m({ filtersCount: e.filtersCount })), () => [
+        e.$slots.filterContent && e.mq.md ? (t(), p(b, {
           key: 0,
           modelValue: e.showFilterPopover,
           "onUpdate:modelValue": r[0] || (r[0] = (n) => e.showFilterPopover = n),
@@ -63,19 +63,19 @@ function D(e, r, I, Q, _, X) {
           trigger: "click"
         }, {
           trigger: o(({ onClick: n }) => [
-            a(g, { class: "z-[45] ml-2" }, {
+            a(C, { class: "z-[45] ml-2" }, {
               trigger: o(() => [
                 s("div", T, [
                   a(h, {
                     class: "filters-icon ml-0 cursor-pointer",
-                    color: e.showFilterPopover ? "blue-20" : "gray-40",
+                    color: e.showFilterPopover ? "blue-20" : "inkwell-0",
                     icon: "filter",
                     size: "md",
                     onClick: (j) => e.onFilterClick(n)
                   }, null, 8, ["color", "onClick"]),
-                  e.filtersCount ? (t(), c(v, {
+                  e.filtersCount ? (t(), p(v, {
                     key: 0,
-                    class: C([
+                    class: k([
                       "filters-count absolute !h-4 !w-4",
                       "-top-[0.3125rem] -right-[0.375rem]"
                     ]),
@@ -89,13 +89,13 @@ function D(e, r, I, Q, _, X) {
                 ])
               ]),
               content: o(() => [
-                k(u(e.$t("HC_FILTERS")), 1)
+                S(u(e.$t("HC_FILTERS")), 1)
               ]),
               _: 2
             }, 1024)
           ]),
           content: o(() => [
-            l(e.$slots, "filterContent", p(m({ closePopover: e.closePopover })), void 0, !0)
+            l(e.$slots, "filterContent", c(m({ closePopover: e.closePopover })), void 0, !0)
           ]),
           _: 3
         }, 8, ["modelValue", "reposition", "size", "teleport", "teleport-match-non-teleported-position", "teleport-to"])) : e.$slots.filterSheetContent && !e.mq.md ? (t(), f("div", E, [
@@ -107,9 +107,9 @@ function D(e, r, I, Q, _, X) {
               size: "md",
               onClick: r[1] || (r[1] = (n) => e.showFilterBottomSheet = !0)
             }, null, 8, ["color"]),
-            e.filtersCount ? (t(), c(v, {
+            e.filtersCount ? (t(), p(v, {
               key: 0,
-              class: C([
+              class: k([
                 "filters-count absolute !h-4 !w-4",
                 "-top-[0.3125rem] -right-[0.375rem]"
               ]),
@@ -121,35 +121,35 @@ function D(e, r, I, Q, _, X) {
               _: 1
             })) : i("", !0)
           ]),
-          a(w, {
+          a(y, {
             name: "slide-up-fade",
             appear: ""
           }, {
             default: o(() => [
-              e.showFilterBottomSheet ? (t(), c(b, {
+              e.showFilterBottomSheet ? (t(), p(g, {
                 key: 0,
                 modelValue: e.showFilterBottomSheet,
                 "onUpdate:modelValue": r[2] || (r[2] = (n) => e.showFilterBottomSheet = n),
                 "background-color": "gray-00"
               }, {
                 backAction: o(() => [
-                  l(e.$slots, "filterSheetBackAction", p(m({ closeBottomSheet: e.closeBottomSheet })), void 0, !0)
+                  l(e.$slots, "filterSheetBackAction", c(m({ closeBottomSheet: e.closeBottomSheet })), void 0, !0)
                 ]),
                 header: o(() => [
                   l(e.$slots, "filterSheetHeader", {}, void 0, !0)
                 ]),
                 headerAction: o(() => [
-                  l(e.$slots, "filterSheetHeaderAction", p(m({ closeBottomSheet: e.closeBottomSheet })), void 0, !0)
+                  l(e.$slots, "filterSheetHeaderAction", c(m({ closeBottomSheet: e.closeBottomSheet })), void 0, !0)
                 ]),
                 default: o(() => [
-                  l(e.$slots, "filterSheetContent", p(m({ closeBottomSheet: e.closeBottomSheet })), void 0, !0)
+                  l(e.$slots, "filterSheetContent", c(m({ closeBottomSheet: e.closeBottomSheet })), void 0, !0)
                 ]),
                 _: 3
               }, 8, ["modelValue"])) : i("", !0)
             ]),
             _: 3
           })
-        ])) : (t(), c(g, {
+        ])) : (t(), p(C, {
           key: 2,
           class: "z-[45] ml-2"
         }, {
@@ -162,9 +162,9 @@ function D(e, r, I, Q, _, X) {
                 size: "md",
                 onClick: r[3] || (r[3] = (n) => e.$emit("click:filters"))
               }, null, 8, ["color"]),
-              e.filtersCount ? (t(), c(v, {
+              e.filtersCount ? (t(), p(v, {
                 key: 0,
-                class: C([
+                class: k([
                   "filters-count absolute !h-4 !w-4",
                   "-top-[0.3125rem] -right-[0.375rem]"
                 ]),
@@ -178,7 +178,7 @@ function D(e, r, I, Q, _, X) {
             ])
           ]),
           content: o(() => [
-            k(u(e.$t("HC_FILTERS")), 1)
+            S(u(e.$t("HC_FILTERS")), 1)
           ]),
           _: 1
         }))
@@ -189,7 +189,7 @@ function D(e, r, I, Q, _, X) {
     ])) : i("", !0)
   ], 8, B);
 }
-const O = /* @__PURE__ */ q(y, [["render", D], ["__scopeId", "data-v-1dd7e45c"]]);
+const O = /* @__PURE__ */ q(w, [["render", D], ["__scopeId", "data-v-a61e0f32"]]);
 export {
   O as default
 };