@getlupa/vue 0.16.1 → 0.16.2

package/dist/lupaSearch.js

@@ -18055,10 +18055,11 @@ const _hoisted_1$A = {
 const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsMobileToggle",
   props: {
-    label: {},
+    labels: {},
     showFilterCount: { type: Boolean }
   },
   setup(__props) {
+    const props = __props;
     const searchResultStore = useSearchResultStore();
     const optionsStore = useOptionsStore();
     const { currentFilterCount, isMobileSidebarVisible } = storeToRefs(searchResultStore);
@@ -18070,6 +18071,18 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
       }
     );
     const isSidebarVisible = vue.computed(() => isMobileSidebarVisible.value);
+    const defaultLabel = vue.computed(() => props.labels.mobileFilterButton);
+    const activeLabel = vue.computed(() => props.labels.mobileFilterButtonActive);
+    const openLabel = vue.computed(() => props.labels.mobileFilterButtonOpen);
+    const label = vue.computed(() => {
+      if (isSidebarVisible.value) {
+        return openLabel.value;
+      }
+      if (hasActiveFilters.value) {
+        return activeLabel.value;
+      }
+      return defaultLabel.value;
+    });
     const handleMobileToggle = () => {
       searchResultStore.setSidebarState({
         visible: !isSidebarVisible.value,
@@ -18086,7 +18099,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
         }]),
         onClick: handleMobileToggle
       }, [
-        vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
+        vue.createTextVNode(vue.toDisplayString(label.value) + " ", 1),
         _ctx.showFilterCount && vue.unref(currentFilterCount) > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$A, vue.toDisplayString(vue.unref(currentFilterCount)), 1)) : vue.createCommentVNode("", true)
       ], 2);
     };
@@ -18533,9 +18546,9 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", _hoisted_6$5, [
           toolbarRightLabel.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$3, vue.toDisplayString(toolbarRightLabel.value), 1)) : vue.createCommentVNode("", true),
           vue.createVNode(_sfc_main$G, {
-            label: optionsValue.value.labels.mobileFilterButton,
+            labels: optionsValue.value.labels,
             "show-filter-count": showMobileFilterCount.value
-          }, null, 8, ["label", "show-filter-count"]),
+          }, null, 8, ["labels", "show-filter-count"]),
           paginationDisplay.value.pageSize ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
             key: 1,
             options: paginationOptions.value.pageSize,

package/dist/lupaSearch.mjs

@@ -18053,10 +18053,11 @@ const _hoisted_1$A = {
 const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsMobileToggle",
   props: {
-    label: {},
+    labels: {},
     showFilterCount: { type: Boolean }
   },
   setup(__props) {
+    const props = __props;
     const searchResultStore = useSearchResultStore();
     const optionsStore = useOptionsStore();
     const { currentFilterCount, isMobileSidebarVisible } = storeToRefs(searchResultStore);
@@ -18068,6 +18069,18 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       }
     );
     const isSidebarVisible = computed(() => isMobileSidebarVisible.value);
+    const defaultLabel = computed(() => props.labels.mobileFilterButton);
+    const activeLabel = computed(() => props.labels.mobileFilterButtonActive);
+    const openLabel = computed(() => props.labels.mobileFilterButtonOpen);
+    const label = computed(() => {
+      if (isSidebarVisible.value) {
+        return openLabel.value;
+      }
+      if (hasActiveFilters.value) {
+        return activeLabel.value;
+      }
+      return defaultLabel.value;
+    });
     const handleMobileToggle = () => {
       searchResultStore.setSidebarState({
         visible: !isSidebarVisible.value,
@@ -18084,7 +18097,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         }]),
         onClick: handleMobileToggle
       }, [
-        createTextVNode(toDisplayString(_ctx.label) + " ", 1),
+        createTextVNode(toDisplayString(label.value) + " ", 1),
         _ctx.showFilterCount && unref(currentFilterCount) > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$A, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
       ], 2);
     };
@@ -18531,9 +18544,9 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_6$5, [
           toolbarRightLabel.value ? (openBlock(), createElementBlock("div", _hoisted_7$3, toDisplayString(toolbarRightLabel.value), 1)) : createCommentVNode("", true),
           createVNode(_sfc_main$G, {
-            label: optionsValue.value.labels.mobileFilterButton,
+            labels: optionsValue.value.labels,
             "show-filter-count": showMobileFilterCount.value
-          }, null, 8, ["label", "show-filter-count"]),
+          }, null, 8, ["labels", "show-filter-count"]),
           paginationDisplay.value.pageSize ? (openBlock(), createBlock(_sfc_main$D, {
             key: 1,
             options: paginationOptions.value.pageSize,

package/dist/src/components/search-results/products/SearchResultsMobileToggle.vue.d.ts

@@ -1,7 +1,8 @@
 import type { PropType as __PropType } from 'vue';
+import { SearchResultsOptionLabels } from '../../../types/search-results/SearchResultsOptions';
 declare const _sfc_main: import("vue").DefineComponent<{
-    label: {
-        type: __PropType<string>;
+    labels: {
+        type: __PropType<SearchResultsOptionLabels>;
         required: true;
     };
     showFilterCount: {
@@ -9,8 +10,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: true;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    label: {
-        type: __PropType<string>;
+    labels: {
+        type: __PropType<SearchResultsOptionLabels>;
         required: true;
     };
     showFilterCount: {

package/dist/src/types/search-results/SearchResultsOptions.d.ts

@@ -74,6 +74,8 @@ export type SearchResultsOptionLabels = SearchResultsPaginationLabels & SearchRe
     itemCount: string;
     emptyResults: string;
     mobileFilterButton: string;
+    mobileFilterButtonActive: string;
+    mobileFilterButtonOpen: string;
     mobileFilterCloseButton: string;
     htmlTitleTemplate: string;
     outOfStock?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/vue",
-  "version": "0.16.1",
+  "version": "0.16.2",
   "main": "dist/lupaSearch.mjs",
   "module": "dist/lupaSearch.mjs",
   "types": "dist/src/index.d.ts",