@getlupa/client 1.16.0 → 1.16.2

package/dist/lupaSearch.iife.js

@@ -23019,6 +23019,7 @@ and ensure you are accounting for this risk.
     }
   });
   const _hoisted_1$F = {
+    key: 0,
     id: "lupa-search-result-filters",
     class: "lupa-search-result-filters"
   };
@@ -23043,6 +23044,10 @@ and ensure you are accounting for this risk.
       const showCurrentFilters = computed(() => {
         return currentFiltersVisible.value ? Boolean(props.options.facets) : false;
       });
+      const visible = computed(() => {
+        var _a;
+        return (_a = props.options.visible) != null ? _a : true;
+      });
       const filter2 = () => {
         emit2("filter");
       };
@@ -23055,7 +23060,7 @@ and ensure you are accounting for this risk.
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
         var _a;
-        return openBlock(), createElementBlock("div", _hoisted_1$F, [
+        return visible.value ? (openBlock(), createElementBlock("div", _hoisted_1$F, [
           showCurrentFilters.value ? (openBlock(), createBlock(_sfc_main$W, {
             key: 0,
             options: _ctx.options.currentFilters,
@@ -23072,7 +23077,7 @@ and ensure you are accounting for this risk.
             options: _ctx.options.facets,
             onFilter: filter2
           }, null, 8, ["options"])) : createCommentVNode("", true)
-        ]);
+        ])) : createCommentVNode("", true);
       };
     }
   });
@@ -23182,6 +23187,7 @@ and ensure you are accounting for this risk.
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$D, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(breadcrumbsValue.value, (breadcrumb, index) => {
+            var _a;
             return openBlock(), createElementBlock("span", {
               class: "lupa-search-results-breadcrumb",
               key: index
@@ -23191,11 +23197,11 @@ and ensure you are accounting for this risk.
                 class: "lupa-search-results-breadcrumb-link",
                 href: breadcrumb.link,
                 onClick: (e2) => {
-                  var _a;
-                  return handleNavigation(e2, (_a = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a : "");
+                  var _a2;
+                  return handleNavigation(e2, (_a2 = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a2 : "");
                 }
               }, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$t)) : (openBlock(), createElementBlock("span", _hoisted_3$m, toDisplayString(getLabel(breadcrumb.label)), 1)),
-              index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$f, " / ")) : createCommentVNode("", true)
+              index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$f, toDisplayString((_a = breadcrumb.separator) != null ? _a : "/"), 1)) : createCommentVNode("", true)
             ]);
           }), 128))
         ]);
@@ -23203,6 +23209,7 @@ and ensure you are accounting for this risk.
     }
   });
   const _hoisted_1$C = {
+    key: 0,
     id: "lupa-search-result-filters",
     class: "lupa-search-result-filters lupa-search-result-top-filters"
   };
@@ -23213,12 +23220,17 @@ and ensure you are accounting for this risk.
     },
     emits: ["filter"],
     setup(__props, { emit: emit2 }) {
+      const props = __props;
       const filter2 = () => {
         emit2("filter");
       };
+      const visible = computed(() => {
+        var _a;
+        return (_a = props.options.visible) != null ? _a : true;
+      });
       return (_ctx, _cache) => {
         var _a;
-        return openBlock(), createElementBlock("div", _hoisted_1$C, [
+        return visible.value ? (openBlock(), createElementBlock("div", _hoisted_1$C, [
           _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$M, {
             key: 0,
             options: _ctx.options.facets,
@@ -23226,7 +23238,7 @@ and ensure you are accounting for this risk.
             clearable: true,
             onFilter: filter2
           }, null, 8, ["options", "facet-style"])) : createCommentVNode("", true)
-        ]);
+        ])) : createCommentVNode("", true);
       };
     }
   });
@@ -23271,13 +23283,14 @@ and ensure you are accounting for this risk.
   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 } = storeToRefs(searchResultStore);
+      const { currentFilterCount, isMobileSidebarVisible } = storeToRefs(searchResultStore);
       const { searchResultOptions } = storeToRefs(optionsStore);
       const disableMobileBodyScrollLock = computed(
         () => {
@@ -23285,9 +23298,22 @@ and ensure you are accounting for this risk.
           return (_c = (_b = (_a = searchResultOptions.value.filters) == null ? void 0 : _a.facets) == null ? void 0 : _b.disableMobileBodyScrollLock) != null ? _c : false;
         }
       );
+      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: true,
+          visible: !isSidebarVisible.value,
           disableBodyScrolling: !disableMobileBodyScrollLock.value
         });
       };
@@ -23296,11 +23322,12 @@ and ensure you are accounting for this risk.
         return openBlock(), createElementBlock("div", {
           class: normalizeClass(["lupa-mobile-toggle", {
             "lupa-mobile-toggle-filters-empty": unref(currentFilterCount) < 1,
-            "lupa-mobile-toggle-has-filters": hasActiveFilters.value
+            "lupa-mobile-toggle-has-filters": hasActiveFilters.value,
+            "lupa-sidebar-open": isSidebarVisible.value
           }]),
           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);
       };
@@ -23747,9 +23774,9 @@ and ensure you are accounting for this risk.
           createBaseVNode("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/lupaSearch.js

@@ -23019,6 +23019,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$F = {
+  key: 0,
   id: "lupa-search-result-filters",
   class: "lupa-search-result-filters"
 };
@@ -23043,6 +23044,10 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     const showCurrentFilters = computed(() => {
       return currentFiltersVisible.value ? Boolean(props.options.facets) : false;
     });
+    const visible = computed(() => {
+      var _a;
+      return (_a = props.options.visible) != null ? _a : true;
+    });
     const filter2 = () => {
       emit2("filter");
     };
@@ -23055,7 +23060,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     __expose({ fetch: fetch2 });
     return (_ctx, _cache) => {
       var _a;
-      return openBlock(), createElementBlock("div", _hoisted_1$F, [
+      return visible.value ? (openBlock(), createElementBlock("div", _hoisted_1$F, [
         showCurrentFilters.value ? (openBlock(), createBlock(_sfc_main$W, {
           key: 0,
           options: _ctx.options.currentFilters,
@@ -23072,7 +23077,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
           options: _ctx.options.facets,
           onFilter: filter2
         }, null, 8, ["options"])) : createCommentVNode("", true)
-      ]);
+      ])) : createCommentVNode("", true);
     };
   }
 });
@@ -23182,6 +23187,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$D, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(breadcrumbsValue.value, (breadcrumb, index) => {
+          var _a;
           return openBlock(), createElementBlock("span", {
             class: "lupa-search-results-breadcrumb",
             key: index
@@ -23191,11 +23197,11 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
               class: "lupa-search-results-breadcrumb-link",
               href: breadcrumb.link,
               onClick: (e2) => {
-                var _a;
-                return handleNavigation(e2, (_a = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a : "");
+                var _a2;
+                return handleNavigation(e2, (_a2 = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a2 : "");
               }
             }, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$t)) : (openBlock(), createElementBlock("span", _hoisted_3$m, toDisplayString(getLabel(breadcrumb.label)), 1)),
-            index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$f, " / ")) : createCommentVNode("", true)
+            index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$f, toDisplayString((_a = breadcrumb.separator) != null ? _a : "/"), 1)) : createCommentVNode("", true)
           ]);
         }), 128))
       ]);
@@ -23203,6 +23209,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$C = {
+  key: 0,
   id: "lupa-search-result-filters",
   class: "lupa-search-result-filters lupa-search-result-top-filters"
 };
@@ -23213,12 +23220,17 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
   },
   emits: ["filter"],
   setup(__props, { emit: emit2 }) {
+    const props = __props;
     const filter2 = () => {
       emit2("filter");
     };
+    const visible = computed(() => {
+      var _a;
+      return (_a = props.options.visible) != null ? _a : true;
+    });
     return (_ctx, _cache) => {
       var _a;
-      return openBlock(), createElementBlock("div", _hoisted_1$C, [
+      return visible.value ? (openBlock(), createElementBlock("div", _hoisted_1$C, [
         _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$M, {
           key: 0,
           options: _ctx.options.facets,
@@ -23226,7 +23238,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
           clearable: true,
           onFilter: filter2
         }, null, 8, ["options", "facet-style"])) : createCommentVNode("", true)
-      ]);
+      ])) : createCommentVNode("", true);
     };
   }
 });
@@ -23271,13 +23283,14 @@ 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 } = storeToRefs(searchResultStore);
+    const { currentFilterCount, isMobileSidebarVisible } = storeToRefs(searchResultStore);
     const { searchResultOptions } = storeToRefs(optionsStore);
     const disableMobileBodyScrollLock = computed(
       () => {
@@ -23285,9 +23298,22 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         return (_c = (_b = (_a = searchResultOptions.value.filters) == null ? void 0 : _a.facets) == null ? void 0 : _b.disableMobileBodyScrollLock) != null ? _c : false;
       }
     );
+    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: true,
+        visible: !isSidebarVisible.value,
         disableBodyScrolling: !disableMobileBodyScrollLock.value
       });
     };
@@ -23296,11 +23322,12 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["lupa-mobile-toggle", {
           "lupa-mobile-toggle-filters-empty": unref(currentFilterCount) < 1,
-          "lupa-mobile-toggle-has-filters": hasActiveFilters.value
+          "lupa-mobile-toggle-has-filters": hasActiveFilters.value,
+          "lupa-sidebar-open": isSidebarVisible.value
         }]),
         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);
     };
@@ -23747,9 +23774,9 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
         createBaseVNode("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/lupaSearch.mjs

@@ -23017,6 +23017,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$F = {
+  key: 0,
   id: "lupa-search-result-filters",
   class: "lupa-search-result-filters"
 };
@@ -23041,6 +23042,10 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     const showCurrentFilters = computed(() => {
       return currentFiltersVisible.value ? Boolean(props.options.facets) : false;
     });
+    const visible = computed(() => {
+      var _a;
+      return (_a = props.options.visible) != null ? _a : true;
+    });
     const filter2 = () => {
       emit2("filter");
     };
@@ -23053,7 +23058,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     __expose({ fetch: fetch2 });
     return (_ctx, _cache) => {
       var _a;
-      return openBlock(), createElementBlock("div", _hoisted_1$F, [
+      return visible.value ? (openBlock(), createElementBlock("div", _hoisted_1$F, [
         showCurrentFilters.value ? (openBlock(), createBlock(_sfc_main$W, {
           key: 0,
           options: _ctx.options.currentFilters,
@@ -23070,7 +23075,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
           options: _ctx.options.facets,
           onFilter: filter2
         }, null, 8, ["options"])) : createCommentVNode("", true)
-      ]);
+      ])) : createCommentVNode("", true);
     };
   }
 });
@@ -23180,6 +23185,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$D, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(breadcrumbsValue.value, (breadcrumb, index) => {
+          var _a;
           return openBlock(), createElementBlock("span", {
             class: "lupa-search-results-breadcrumb",
             key: index
@@ -23189,11 +23195,11 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
               class: "lupa-search-results-breadcrumb-link",
               href: breadcrumb.link,
               onClick: (e2) => {
-                var _a;
-                return handleNavigation(e2, (_a = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a : "");
+                var _a2;
+                return handleNavigation(e2, (_a2 = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a2 : "");
               }
             }, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$t)) : (openBlock(), createElementBlock("span", _hoisted_3$m, toDisplayString(getLabel(breadcrumb.label)), 1)),
-            index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$f, " / ")) : createCommentVNode("", true)
+            index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$f, toDisplayString((_a = breadcrumb.separator) != null ? _a : "/"), 1)) : createCommentVNode("", true)
           ]);
         }), 128))
       ]);
@@ -23201,6 +23207,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$C = {
+  key: 0,
   id: "lupa-search-result-filters",
   class: "lupa-search-result-filters lupa-search-result-top-filters"
 };
@@ -23211,12 +23218,17 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
   },
   emits: ["filter"],
   setup(__props, { emit: emit2 }) {
+    const props = __props;
     const filter2 = () => {
       emit2("filter");
     };
+    const visible = computed(() => {
+      var _a;
+      return (_a = props.options.visible) != null ? _a : true;
+    });
     return (_ctx, _cache) => {
       var _a;
-      return openBlock(), createElementBlock("div", _hoisted_1$C, [
+      return visible.value ? (openBlock(), createElementBlock("div", _hoisted_1$C, [
         _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$M, {
           key: 0,
           options: _ctx.options.facets,
@@ -23224,7 +23236,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
           clearable: true,
           onFilter: filter2
         }, null, 8, ["options", "facet-style"])) : createCommentVNode("", true)
-      ]);
+      ])) : createCommentVNode("", true);
     };
   }
 });
@@ -23269,13 +23281,14 @@ 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 } = storeToRefs(searchResultStore);
+    const { currentFilterCount, isMobileSidebarVisible } = storeToRefs(searchResultStore);
     const { searchResultOptions } = storeToRefs(optionsStore);
     const disableMobileBodyScrollLock = computed(
       () => {
@@ -23283,9 +23296,22 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         return (_c = (_b = (_a = searchResultOptions.value.filters) == null ? void 0 : _a.facets) == null ? void 0 : _b.disableMobileBodyScrollLock) != null ? _c : false;
       }
     );
+    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: true,
+        visible: !isSidebarVisible.value,
         disableBodyScrolling: !disableMobileBodyScrollLock.value
       });
     };
@@ -23294,11 +23320,12 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["lupa-mobile-toggle", {
           "lupa-mobile-toggle-filters-empty": unref(currentFilterCount) < 1,
-          "lupa-mobile-toggle-has-filters": hasActiveFilters.value
+          "lupa-mobile-toggle-has-filters": hasActiveFilters.value,
+          "lupa-sidebar-open": isSidebarVisible.value
         }]),
         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);
     };
@@ -23745,9 +23772,9 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
         createBaseVNode("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/lupaSearch.umd.js

@@ -23021,6 +23021,7 @@ and ensure you are accounting for this risk.
     }
   });
   const _hoisted_1$F = {
+    key: 0,
     id: "lupa-search-result-filters",
     class: "lupa-search-result-filters"
   };
@@ -23045,6 +23046,10 @@ and ensure you are accounting for this risk.
       const showCurrentFilters = computed(() => {
         return currentFiltersVisible.value ? Boolean(props.options.facets) : false;
       });
+      const visible = computed(() => {
+        var _a;
+        return (_a = props.options.visible) != null ? _a : true;
+      });
       const filter2 = () => {
         emit2("filter");
       };
@@ -23057,7 +23062,7 @@ and ensure you are accounting for this risk.
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
         var _a;
-        return openBlock(), createElementBlock("div", _hoisted_1$F, [
+        return visible.value ? (openBlock(), createElementBlock("div", _hoisted_1$F, [
           showCurrentFilters.value ? (openBlock(), createBlock(_sfc_main$W, {
             key: 0,
             options: _ctx.options.currentFilters,
@@ -23074,7 +23079,7 @@ and ensure you are accounting for this risk.
             options: _ctx.options.facets,
             onFilter: filter2
           }, null, 8, ["options"])) : createCommentVNode("", true)
-        ]);
+        ])) : createCommentVNode("", true);
       };
     }
   });
@@ -23184,6 +23189,7 @@ and ensure you are accounting for this risk.
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$D, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(breadcrumbsValue.value, (breadcrumb, index) => {
+            var _a;
             return openBlock(), createElementBlock("span", {
               class: "lupa-search-results-breadcrumb",
               key: index
@@ -23193,11 +23199,11 @@ and ensure you are accounting for this risk.
                 class: "lupa-search-results-breadcrumb-link",
                 href: breadcrumb.link,
                 onClick: (e2) => {
-                  var _a;
-                  return handleNavigation(e2, (_a = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a : "");
+                  var _a2;
+                  return handleNavigation(e2, (_a2 = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a2 : "");
                 }
               }, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$t)) : (openBlock(), createElementBlock("span", _hoisted_3$m, toDisplayString(getLabel(breadcrumb.label)), 1)),
-              index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$f, " / ")) : createCommentVNode("", true)
+              index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$f, toDisplayString((_a = breadcrumb.separator) != null ? _a : "/"), 1)) : createCommentVNode("", true)
             ]);
           }), 128))
         ]);
@@ -23205,6 +23211,7 @@ and ensure you are accounting for this risk.
     }
   });
   const _hoisted_1$C = {
+    key: 0,
     id: "lupa-search-result-filters",
     class: "lupa-search-result-filters lupa-search-result-top-filters"
   };
@@ -23215,12 +23222,17 @@ and ensure you are accounting for this risk.
     },
     emits: ["filter"],
     setup(__props, { emit: emit2 }) {
+      const props = __props;
       const filter2 = () => {
         emit2("filter");
       };
+      const visible = computed(() => {
+        var _a;
+        return (_a = props.options.visible) != null ? _a : true;
+      });
       return (_ctx, _cache) => {
         var _a;
-        return openBlock(), createElementBlock("div", _hoisted_1$C, [
+        return visible.value ? (openBlock(), createElementBlock("div", _hoisted_1$C, [
           _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$M, {
             key: 0,
             options: _ctx.options.facets,
@@ -23228,7 +23240,7 @@ and ensure you are accounting for this risk.
             clearable: true,
             onFilter: filter2
           }, null, 8, ["options", "facet-style"])) : createCommentVNode("", true)
-        ]);
+        ])) : createCommentVNode("", true);
       };
     }
   });
@@ -23273,13 +23285,14 @@ and ensure you are accounting for this risk.
   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 } = storeToRefs(searchResultStore);
+      const { currentFilterCount, isMobileSidebarVisible } = storeToRefs(searchResultStore);
       const { searchResultOptions } = storeToRefs(optionsStore);
       const disableMobileBodyScrollLock = computed(
         () => {
@@ -23287,9 +23300,22 @@ and ensure you are accounting for this risk.
           return (_c = (_b = (_a = searchResultOptions.value.filters) == null ? void 0 : _a.facets) == null ? void 0 : _b.disableMobileBodyScrollLock) != null ? _c : false;
         }
       );
+      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: true,
+          visible: !isSidebarVisible.value,
           disableBodyScrolling: !disableMobileBodyScrollLock.value
         });
       };
@@ -23298,11 +23324,12 @@ and ensure you are accounting for this risk.
         return openBlock(), createElementBlock("div", {
           class: normalizeClass(["lupa-mobile-toggle", {
             "lupa-mobile-toggle-filters-empty": unref(currentFilterCount) < 1,
-            "lupa-mobile-toggle-has-filters": hasActiveFilters.value
+            "lupa-mobile-toggle-has-filters": hasActiveFilters.value,
+            "lupa-sidebar-open": isSidebarVisible.value
           }]),
           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);
       };
@@ -23749,9 +23776,9 @@ and ensure you are accounting for this risk.
           createBaseVNode("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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/client",
-  "version": "1.16.0",
+  "version": "1.16.2",
   "main": "dist/lupaSearch.js",
   "module": "dist/index.mjs",
   "types": "dist/src/index.d.ts",
@@ -20,7 +20,7 @@
   },
   "devDependencies": {
     "@getlupa/client-sdk": "^1.3.4",
-    "@getlupa/vue": "0.16.0",
+    "@getlupa/vue": "0.16.2",
     "@rushstack/eslint-patch": "^1.3.2",
     "@tsconfig/node18": "^2.0.1",
     "@types/jsdom": "^21.1.1",