@getlupa/vue 0.22.2 → 0.23.0

package/dist/lupaSearch.mjs

@@ -11789,8 +11789,18 @@ const useOptionsStore = /* @__PURE__ */ defineStore("options", () => {
   );
   const trackingOptions = ref({});
   const searchResultInitialFilters = ref({});
+  const expandedFacetsInner = ref([]);
   const productRecommendationOptions = ref({});
   const screenStore = useScreenStore();
+  const expandedFacets = computed({
+    get: () => {
+      var _a25, _b25, _c, _d, _e;
+      return ((_a25 = expandedFacetsInner.value) == null ? void 0 : _a25.length) ? expandedFacetsInner.value : (_e = (_d = (_c = (_b25 = searchResultOptions.value) == null ? void 0 : _b25.filters) == null ? void 0 : _c.facets) == null ? void 0 : _d.expand) != null ? _e : [];
+    },
+    set: (value) => {
+      expandedFacetsInner.value = value;
+    }
+  });
   const envOptions = computed(
     () => {
       var _a25;
@@ -11890,6 +11900,7 @@ const useOptionsStore = /* @__PURE__ */ defineStore("options", () => {
     currentResolutionPageSizes,
     productRecommendationOptions,
     ariaLabels,
+    expandedFacets,
     setSearchBoxOptions,
     setTrackingOptions,
     setSearchResultOptions,
@@ -13308,7 +13319,7 @@ const getApiUrl = (environment, customBaseUrl) => {
   }
   return Env[environment] || Env["production"];
 };
-const _sfc_main$1A = /* @__PURE__ */ defineComponent({
+const _sfc_main$1G = /* @__PURE__ */ defineComponent({
   __name: "VoiceSearchProgressCircle",
   props: {
     isRecording: { type: Boolean },
@@ -13521,15 +13532,15 @@ function useVoiceRecorder(options) {
     closeSocket
   };
 }
-const _hoisted_1$1l = {
+const _hoisted_1$1o = {
   key: 0,
   class: "lupa-dialog-overlay"
 };
-const _hoisted_2$W = { class: "lupa-dialog-content" };
-const _hoisted_3$E = { class: "lupa-listening-text" };
-const _hoisted_4$u = { class: "lupa-mic-button-wrapper" };
-const _hoisted_5$l = ["aria-label"];
-const _sfc_main$1z = /* @__PURE__ */ defineComponent({
+const _hoisted_2$Y = { class: "lupa-dialog-content" };
+const _hoisted_3$G = { class: "lupa-listening-text" };
+const _hoisted_4$w = { class: "lupa-mic-button-wrapper" };
+const _hoisted_5$m = ["aria-label"];
+const _sfc_main$1F = /* @__PURE__ */ defineComponent({
   __name: "VoiceSearchDialog",
   props: {
     isOpen: { type: Boolean },
@@ -13634,21 +13645,21 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a25, _b25;
       return openBlock(), createElementBlock("div", null, [
-        props.isOpen ? (openBlock(), createElementBlock("div", _hoisted_1$1l, [
+        props.isOpen ? (openBlock(), createElementBlock("div", _hoisted_1$1o, [
           createElementVNode("button", {
             class: "lupa-dialog-box-close-button",
             onClick: _cache[0] || (_cache[0] = () => emit("close"))
           }),
-          createElementVNode("div", _hoisted_2$W, [
-            createElementVNode("p", _hoisted_3$E, toDisplayString(description.value), 1),
-            createElementVNode("div", _hoisted_4$u, [
+          createElementVNode("div", _hoisted_2$Y, [
+            createElementVNode("p", _hoisted_3$G, toDisplayString(description.value), 1),
+            createElementVNode("div", _hoisted_4$w, [
               createElementVNode("button", {
                 class: normalizeClass(["lupa-mic-button", { recording: unref(isRecording) }]),
                 onClick: handleRecordingButtonClick,
                 "aria-controls": "voice-search-microphone",
                 "aria-label": ((_b25 = (_a25 = labels.value) == null ? void 0 : _a25.aria) == null ? void 0 : _b25.microphone) || "Toggle microphone"
-              }, null, 10, _hoisted_5$l),
-              createVNode(_sfc_main$1A, {
+              }, null, 10, _hoisted_5$m),
+              createVNode(_sfc_main$1G, {
                 ref_key: "voiceSearchProgressBar",
                 ref: voiceSearchProgressBar,
                 class: "lupa-progress-circle",
@@ -13663,18 +13674,18 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1k = { id: "lupa-search-box-input-container" };
-const _hoisted_2$V = { class: "lupa-input-clear" };
-const _hoisted_3$D = { id: "lupa-search-box-input" };
-const _hoisted_4$t = ["value"];
-const _hoisted_5$k = ["aria-label", "placeholder"];
-const _hoisted_6$8 = {
+const _hoisted_1$1n = { id: "lupa-search-box-input-container" };
+const _hoisted_2$X = { class: "lupa-input-clear" };
+const _hoisted_3$F = { id: "lupa-search-box-input" };
+const _hoisted_4$v = ["value"];
+const _hoisted_5$l = ["aria-label", "placeholder"];
+const _hoisted_6$7 = {
   key: 0,
   class: "lupa-close-label"
 };
 const _hoisted_7$5 = { key: 1 };
 const _hoisted_8$3 = ["aria-label"];
-const _sfc_main$1y = /* @__PURE__ */ defineComponent({
+const _sfc_main$1E = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxInput",
   props: {
     options: {},
@@ -13806,20 +13817,20 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
     };
     __expose({ focus });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1k, [
-        createElementVNode("div", _hoisted_2$V, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1n, [
+        createElementVNode("div", _hoisted_2$X, [
           createElementVNode("div", {
             class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
             onClick: clear
           }, null, 2)
         ]),
-        createElementVNode("div", _hoisted_3$D, [
+        createElementVNode("div", _hoisted_3$F, [
           createElementVNode("input", {
             class: "lupa-hint",
             "aria-hidden": "true",
             value: showHint.value ? suggestedValue.value.item.suggestion : "",
             disabled: ""
-          }, null, 8, _hoisted_4$t),
+          }, null, 8, _hoisted_4$v),
           withDirectives(createElementVNode("input", mergeProps({
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
           }, inputAttributes.value, {
@@ -13833,7 +13844,7 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
             placeholder: labels.value.placeholder,
             onInput: handleInput,
             onFocus: handleFocus
-          }), null, 16, _hoisted_5$k), [
+          }), null, 16, _hoisted_5$l), [
             [vModelText, inputValue.value]
           ]),
           _ctx.options.showSubmitButton ? (openBlock(), createElementBlock("button", {
@@ -13848,7 +13859,7 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
           class: "lupa-close-search-container",
           onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
         }, [
-          labels.value.close ? (openBlock(), createElementBlock("span", _hoisted_6$8, toDisplayString(labels.value.close), 1)) : createCommentVNode("", true)
+          labels.value.close ? (openBlock(), createElementBlock("span", _hoisted_6$7, toDisplayString(labels.value.close), 1)) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
         isVoiceSearchEnabled.value ? (openBlock(), createElementBlock("div", _hoisted_7$5, [
           createElementVNode("button", {
@@ -13859,7 +13870,7 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
             "aria-label": voiceSearchAriaLabel.value
           }, null, 8, _hoisted_8$3)
         ])) : createCommentVNode("", true),
-        isVoiceSearchEnabled.value ? (openBlock(), createBlock(_sfc_main$1z, {
+        isVoiceSearchEnabled.value ? (openBlock(), createBlock(_sfc_main$1F, {
           key: 2,
           ref_key: "voiceDialogOverlay",
           ref: voiceDialogOverlay,
@@ -13873,7 +13884,7 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$1x = /* @__PURE__ */ defineComponent({
+const _sfc_main$1D = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxMoreResults",
   props: {
     labels: {},
@@ -13911,9 +13922,9 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1j = { class: "lupa-search-box-history-item" };
-const _hoisted_2$U = { class: "lupa-search-box-history-item-content" };
-const _sfc_main$1w = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1m = { class: "lupa-search-box-history-item" };
+const _hoisted_2$W = { class: "lupa-search-box-history-item-content" };
+const _sfc_main$1C = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxHistoryItem",
   props: {
     item: {},
@@ -13930,8 +13941,8 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
       emit("click", { query: props.item });
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1j, [
-        createElementVNode("div", _hoisted_2$U, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1m, [
+        createElementVNode("div", _hoisted_2$W, [
           createElementVNode("div", {
             class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
             onClick: click2
@@ -13945,11 +13956,11 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1i = {
+const _hoisted_1$1l = {
   key: 0,
   class: "lupa-search-box-history-panel"
 };
-const _sfc_main$1v = /* @__PURE__ */ defineComponent({
+const _sfc_main$1B = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxHistoryPanel",
   props: {
     options: {}
@@ -14000,9 +14011,9 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1i, [
+      return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1l, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(limitedHistory.value, (item, index) => {
-          return openBlock(), createBlock(_sfc_main$1w, {
+          return openBlock(), createBlock(_sfc_main$1C, {
             key: item,
             item,
             highlighted: index === highlightIndex.value,
@@ -14018,15 +14029,15 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1h = { class: "lupa-search-box-no-results" };
-const _sfc_main$1u = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1k = { class: "lupa-search-box-no-results" };
+const _sfc_main$1A = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxNoResults",
   props: {
     labels: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("p", _hoisted_1$1h, toDisplayString(_ctx.labels.noResults), 1);
+      return openBlock(), createElementBlock("p", _hoisted_1$1k, toDisplayString(_ctx.labels.noResults), 1);
     };
   }
 });
@@ -14058,26 +14069,26 @@ const generateGridTemplate = (elements) => {
   }
   return gridTemplate.join(" ");
 };
-const _hoisted_1$1g = ["innerHTML"];
-const _hoisted_2$T = {
+const _hoisted_1$1j = ["innerHTML"];
+const _hoisted_2$V = {
   key: 1,
   "data-cy": "lupa-suggestion-value",
   class: "lupa-suggestion-value"
 };
-const _hoisted_3$C = {
+const _hoisted_3$E = {
   key: 2,
   class: "lupa-suggestion-facet",
   "data-cy": "lupa-suggestion-facet"
 };
-const _hoisted_4$s = {
+const _hoisted_4$u = {
   class: "lupa-suggestion-facet-label",
   "data-cy": "lupa-suggestion-facet-label"
 };
-const _hoisted_5$j = {
+const _hoisted_5$k = {
   class: "lupa-suggestion-facet-value",
   "data-cy": "lupa-suggestion-facet-value"
 };
-const _sfc_main$1t = /* @__PURE__ */ defineComponent({
+const _sfc_main$1z = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxSuggestion",
   props: {
     suggestion: {},
@@ -14114,20 +14125,20 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
           class: "lupa-suggestion-value",
           "data-cy": "lupa-suggestion-value",
           innerHTML: _ctx.suggestion.displayHighlight
-        }, null, 8, _hoisted_1$1g)) : (openBlock(), createElementBlock("div", _hoisted_2$T, toDisplayString(_ctx.suggestion.display), 1)),
-        _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$C, [
-          createElementVNode("span", _hoisted_4$s, toDisplayString(facetLabel.value), 1),
-          createElementVNode("span", _hoisted_5$j, toDisplayString(_ctx.suggestion.facet.title), 1)
+        }, null, 8, _hoisted_1$1j)) : (openBlock(), createElementBlock("div", _hoisted_2$V, toDisplayString(_ctx.suggestion.display), 1)),
+        _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$E, [
+          createElementVNode("span", _hoisted_4$u, toDisplayString(facetLabel.value), 1),
+          createElementVNode("span", _hoisted_5$k, toDisplayString(_ctx.suggestion.facet.title), 1)
         ])) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const _hoisted_1$1f = {
+const _hoisted_1$1i = {
   id: "lupa-search-box-suggestions",
   "data-cy": "lupa-search-box-suggestions"
 };
-const _sfc_main$1s = /* @__PURE__ */ defineComponent({
+const _sfc_main$1y = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxSuggestions",
   props: {
     items: {},
@@ -14194,9 +14205,9 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
       });
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1f, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1i, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
-          return openBlock(), createBlock(_sfc_main$1t, {
+          return openBlock(), createBlock(_sfc_main$1z, {
             key: getSuggestionKey(item),
             class: normalizeClass([
               "lupa-suggestion",
@@ -14228,7 +14239,7 @@ const debounce = (func, timeout) => {
     }, timeout);
   };
 };
-const _sfc_main$1r = /* @__PURE__ */ defineComponent({
+const _sfc_main$1x = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxSuggestionsWrapper",
   props: {
     panel: {},
@@ -14271,7 +14282,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
     const getSuggestionsDebounced = debounce(getSuggestions, props.debounce);
     watch(() => props.panel.limit, getSuggestionsDebounced);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1s, {
+      return openBlock(), createBlock(_sfc_main$1y, {
         items: searchResult.value,
         highlight: _ctx.panel.highlight,
         queryKey: _ctx.panel.queryKey,
@@ -23611,9 +23622,9 @@ const replaceImageWithPlaceholder = (e2, placeholder) => {
     targetImage.src = placeholder;
   }
 };
-const _hoisted_1$1e = ["src"];
-const _hoisted_2$S = ["src"];
-const _sfc_main$1q = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1h = ["src"];
+const _hoisted_2$U = ["src"];
+const _sfc_main$1w = /* @__PURE__ */ defineComponent({
   __name: "ProductImage",
   props: {
     item: {},
@@ -23755,7 +23766,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
             }, { alt: imageAlt.value ? imageAlt.value : void 0 }, {
               onError: replaceWithPlaceholder,
               key: finalUrl.value
-            }), null, 16, _hoisted_1$1e))
+            }), null, 16, _hoisted_1$1h))
           ]),
           _: 1
         })) : (openBlock(), createElementBlock("img", mergeProps({
@@ -23763,12 +23774,12 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
           class: ["lupa-images-main-image", { [_ctx.imageClass]: true }],
           style: styleOverride.value,
           src: finalMainImageUrl.value
-        }, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_2$S))
+        }, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_2$U))
       ], 38);
     };
   }
 });
-const _sfc_main$1p = /* @__PURE__ */ defineComponent({
+const _sfc_main$1v = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductImage",
   props: {
     item: {},
@@ -23776,7 +23787,7 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1q, {
+      return openBlock(), createBlock(_sfc_main$1w, {
         item: _ctx.item,
         options: _ctx.options,
         "wrapper-class": "lupa-search-box-image-wrapper",
@@ -23785,12 +23796,12 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1d = ["innerHTML"];
-const _hoisted_2$R = {
+const _hoisted_1$1g = ["innerHTML"];
+const _hoisted_2$T = {
   key: 1,
   class: "lupa-search-box-product-title"
 };
-const _sfc_main$1o = /* @__PURE__ */ defineComponent({
+const _sfc_main$1u = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductTitle",
   props: {
     item: {},
@@ -23813,18 +23824,18 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
         key: 0,
         class: "lupa-search-box-product-title",
         innerHTML: sanitizedTitle.value
-      }, null, 8, _hoisted_1$1d)) : (openBlock(), createElementBlock("div", _hoisted_2$R, [
+      }, null, 8, _hoisted_1$1g)) : (openBlock(), createElementBlock("div", _hoisted_2$T, [
         createElementVNode("strong", null, toDisplayString(title.value), 1)
       ]));
     };
   }
 });
-const _hoisted_1$1c = ["innerHTML"];
-const _hoisted_2$Q = {
+const _hoisted_1$1f = ["innerHTML"];
+const _hoisted_2$S = {
   key: 1,
   class: "lupa-search-box-product-description"
 };
-const _sfc_main$1n = /* @__PURE__ */ defineComponent({
+const _sfc_main$1t = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductDescription",
   props: {
     item: {},
@@ -23847,12 +23858,12 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
         key: 0,
         class: "lupa-search-box-product-description",
         innerHTML: sanitizedDescription.value
-      }, null, 8, _hoisted_1$1c)) : (openBlock(), createElementBlock("div", _hoisted_2$Q, toDisplayString(description.value), 1));
+      }, null, 8, _hoisted_1$1f)) : (openBlock(), createElementBlock("div", _hoisted_2$S, toDisplayString(description.value), 1));
     };
   }
 });
-const _hoisted_1$1b = { class: "lupa-search-box-product-price" };
-const _sfc_main$1m = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1e = { class: "lupa-search-box-product-price" };
+const _sfc_main$1s = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductPrice",
   props: {
     item: {},
@@ -23874,13 +23885,13 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
       );
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1b, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1e, [
         createElementVNode("strong", null, toDisplayString(price.value), 1)
       ]);
     };
   }
 });
-const _sfc_main$1l = /* @__PURE__ */ defineComponent({
+const _sfc_main$1r = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductRegularPrice",
   props: {
     item: {},
@@ -23911,12 +23922,12 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1a = ["innerHTML"];
-const _hoisted_2$P = { key: 0 };
-const _hoisted_3$B = { key: 1 };
-const _hoisted_4$r = { class: "lupa-search-box-custom-label" };
-const _hoisted_5$i = { class: "lupa-search-box-custom-text" };
-const _sfc_main$1k = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1d = ["innerHTML"];
+const _hoisted_2$R = { key: 0 };
+const _hoisted_3$D = { key: 1 };
+const _hoisted_4$t = { class: "lupa-search-box-custom-label" };
+const _hoisted_5$j = { class: "lupa-search-box-custom-text" };
+const _sfc_main$1q = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductCustom",
   props: {
     item: {},
@@ -23942,20 +23953,20 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
         key: 0,
         class: [className.value, "lupa-search-box-product-custom"],
         innerHTML: text.value
-      }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$1a)) : (openBlock(), createElementBlock("div", mergeProps({
+      }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$1d)) : (openBlock(), createElementBlock("div", mergeProps({
         key: 1,
         class: [className.value, "lupa-search-box-product-custom"]
       }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
-        !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$P, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$B, [
-          createElementVNode("div", _hoisted_4$r, toDisplayString(label.value), 1),
-          createElementVNode("div", _hoisted_5$i, toDisplayString(text.value), 1)
+        !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$R, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$D, [
+          createElementVNode("div", _hoisted_4$t, toDisplayString(label.value), 1),
+          createElementVNode("div", _hoisted_5$j, toDisplayString(text.value), 1)
         ]))
       ], 16));
     };
   }
 });
-const _hoisted_1$19 = ["innerHTML"];
-const _sfc_main$1j = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1c = ["innerHTML"];
+const _sfc_main$1p = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductCustomHtml",
   props: {
     item: {},
@@ -23980,7 +23991,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", mergeProps({
         class: className.value,
         innerHTML: text.value
-      }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$19);
+      }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$1c);
     };
   }
 });
@@ -24038,7 +24049,9 @@ const useSearchResultStore = /* @__PURE__ */ defineStore("searchResult", () => {
   const loadingFacets = ref(false);
   const loadingRefiners = ref(false);
   const loadingRelatedQueries = ref(false);
-  const isMobileSidebarVisible = ref(false);
+  const isFilterSidebarVisible = ref(false);
+  const isSidebarClosing = ref(false);
+  const isSortingSidebarVisible = ref(false);
   const relatedCategoryChildren = ref([]);
   const lastRequestId = ref("");
   const searchRequestResults = ref({});
@@ -24120,16 +24133,36 @@ const useSearchResultStore = /* @__PURE__ */ defineStore("searchResult", () => {
       return hasResults.value && ((_a25 = searchResult.value.offset) != null ? _a25 : 0) >= totalItems.value;
     }
   );
+  const toggleSidebarState = ({
+    visible,
+    sidebar = "filter"
+  }) => {
+    if (sidebar === "sorting") {
+      isSortingSidebarVisible.value = visible;
+      return;
+    }
+    isFilterSidebarVisible.value = visible;
+  };
   const setSidebarState = ({
     visible,
-    disableBodyScrolling = true
+    disableBodyScrolling = true,
+    sidebar = "filter"
   }) => {
+    var _a25, _b25, _c, _d;
     if (visible && disableBodyScrolling) {
       disableBodyScroll();
     } else {
       enableBodyScroll();
     }
-    isMobileSidebarVisible.value = visible;
+    if (visible || !((_d = (_c = (_b25 = (_a25 = searchResultOptions == null ? void 0 : searchResultOptions.value.filters) == null ? void 0 : _a25.facets) == null ? void 0 : _b25.style) == null ? void 0 : _c.drawer) == null ? void 0 : _d.sidebarCloseDelay)) {
+      toggleSidebarState({ visible, sidebar });
+    } else {
+      isSidebarClosing.value = true;
+      setTimeout(() => {
+        toggleSidebarState({ visible, sidebar });
+        isSidebarClosing.value = false;
+      }, searchResultOptions.value.filters.facets.style.drawer.sidebarCloseDelay);
+    }
   };
   const queryFacet = (_0) => __async(null, [_0], function* ({ queryKey, facetKey }) {
     var _a25, _b25, _c, _d;
@@ -24231,13 +24264,28 @@ const useSearchResultStore = /* @__PURE__ */ defineStore("searchResult", () => {
   const setRelatedCategoryChildren = (children) => {
     relatedCategoryChildren.value = [...children];
   };
+  const preconfiguredRelatedQueryKeys = computed(() => {
+    var _a25, _b25, _c, _d, _e;
+    return (_e = (_d = (_c = (_b25 = (_a25 = searchResultOptions.value) == null ? void 0 : _a25.relatedQueries) == null ? void 0 : _b25.source) == null ? void 0 : _c.queries) == null ? void 0 : _d.map((q) => q.facetKey)) != null ? _e : [];
+  });
+  const relatedQueryFacetKeys = computed(() => {
+    var _a25, _b25, _c;
+    const keysFromRelatedResults = (_c = (_b25 = (_a25 = relatedQueriesResult.value) == null ? void 0 : _a25.relatedQueries) == null ? void 0 : _b25.map((rq) => rq.facetKey)) != null ? _c : [];
+    return Array.from(/* @__PURE__ */ new Set([...preconfiguredRelatedQueryKeys.value, ...keysFromRelatedResults]));
+  });
   const queryRelatedQueries = (queryKey, publicQuery, result2, options) => __async(null, null, function* () {
-    var _a25, _b25;
+    var _a25, _b25, _c;
     loadingRelatedQueries.value = true;
     const context = getLupaTrackingContext();
     const searchText = (_b25 = (_a25 = result2.suggestedSearchText) != null ? _a25 : result2.searchText) != null ? _b25 : "";
+    const publicQueryFiltersWithoutRelatedKeys = __spreadValues({}, (_c = publicQuery.filters) != null ? _c : {});
+    relatedQueryFacetKeys.value.forEach((facetKey) => {
+      delete publicQueryFiltersWithoutRelatedKeys[facetKey];
+    });
+    const hasRemainingFilters = Object.keys(publicQueryFiltersWithoutRelatedKeys != null ? publicQueryFiltersWithoutRelatedKeys : {}).length > 0;
     const query = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, publicQuery), {
-      searchText
+      searchText,
+      filters: hasRemainingFilters ? publicQueryFiltersWithoutRelatedKeys : void 0
     }), context), {
       modifiers: { facets: false, refiners: true }
     });
@@ -24253,7 +24301,9 @@ const useSearchResultStore = /* @__PURE__ */ defineStore("searchResult", () => {
     });
   });
   return {
-    isMobileSidebarVisible,
+    isFilterSidebarVisible,
+    isSortingSidebarVisible,
+    isSidebarClosing,
     searchResult,
     columnCount,
     addToCartAmount,
@@ -24279,6 +24329,7 @@ const useSearchResultStore = /* @__PURE__ */ defineStore("searchResult", () => {
     relatedQueriesResult,
     relatedQueriesApiEnabled,
     lastResultsSource,
+    relatedQueryFacetKeys,
     setSidebarState,
     queryFacet,
     setLastRequestId,
@@ -24295,12 +24346,12 @@ const useSearchResultStore = /* @__PURE__ */ defineStore("searchResult", () => {
     setRelatedQueriesApiEnabled
   };
 });
-const _hoisted_1$18 = { class: "lupa-search-box-add-to-cart-wrapper" };
-const _hoisted_2$O = { class: "lupa-search-box-product-addtocart" };
-const _hoisted_3$A = ["disabled"];
-const _hoisted_4$q = ["href"];
-const _hoisted_5$h = ["disabled"];
-const _sfc_main$1i = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1b = { class: "lupa-search-box-add-to-cart-wrapper" };
+const _hoisted_2$Q = { class: "lupa-search-box-product-addtocart" };
+const _hoisted_3$C = ["disabled"];
+const _hoisted_4$s = ["href"];
+const _hoisted_5$i = ["disabled"];
+const _sfc_main$1o = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductAddToCart",
   props: {
     item: {},
@@ -24346,45 +24397,45 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
       return Boolean(props.link && props.options.link);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$18, [
-        createElementVNode("div", _hoisted_2$O, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1b, [
+        createElementVNode("div", _hoisted_2$Q, [
           hasLink.value ? (openBlock(), createElementBlock("button", mergeProps({
             key: 0,
             class: addToCartButtonClass.value,
             "data-cy": "lupa-add-to-cart",
             disabled: !inStockValue.value || loading.value
           }, _ctx.dynamicAttributes, { onClick: handleClick }), [
-            createElementVNode("a", { href: _ctx.link }, toDisplayString(label.value), 9, _hoisted_4$q)
-          ], 16, _hoisted_3$A)) : (openBlock(), createElementBlock("button", mergeProps({
+            createElementVNode("a", { href: _ctx.link }, toDisplayString(label.value), 9, _hoisted_4$s)
+          ], 16, _hoisted_3$C)) : (openBlock(), createElementBlock("button", mergeProps({
             key: 1,
             onClick: withModifiers(handleClick, ["stop", "prevent"]),
             class: addToCartButtonClass.value,
             "data-cy": "lupa-add-to-cart",
             type: "button",
             disabled: !inStockValue.value || loading.value
-          }, _ctx.dynamicAttributes), toDisplayString(label.value), 17, _hoisted_5$h))
+          }, _ctx.dynamicAttributes), toDisplayString(label.value), 17, _hoisted_5$i))
         ])
       ]);
     };
   }
 });
-const _hoisted_1$17 = {
+const _hoisted_1$1a = {
   key: 1,
   class: "lupa-search-box-element-badge-wrapper"
 };
 const __default__$4 = {
   components: {
-    SearchBoxProductImage: _sfc_main$1p,
-    SearchBoxProductTitle: _sfc_main$1o,
-    SearchBoxProductDescription: _sfc_main$1n,
-    SearchBoxProductPrice: _sfc_main$1m,
-    SearchBoxProductRegularPrice: _sfc_main$1l,
-    SearchBoxProductCustom: _sfc_main$1k,
-    SearchBoxProductCustomHtml: _sfc_main$1j,
-    SearchBoxProductAddToCart: _sfc_main$1i
+    SearchBoxProductImage: _sfc_main$1v,
+    SearchBoxProductTitle: _sfc_main$1u,
+    SearchBoxProductDescription: _sfc_main$1t,
+    SearchBoxProductPrice: _sfc_main$1s,
+    SearchBoxProductRegularPrice: _sfc_main$1r,
+    SearchBoxProductCustom: _sfc_main$1q,
+    SearchBoxProductCustomHtml: _sfc_main$1p,
+    SearchBoxProductAddToCart: _sfc_main$1o
   }
 };
-const _sfc_main$1h = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$4), {
+const _sfc_main$1n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$4), {
   __name: "SearchBoxProductElement",
   props: {
     item: {},
@@ -24456,7 +24507,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValue
           "dynamic-attributes": dynamicAttributes.value,
           link: _ctx.link
         }, renderDynamicAttributesOnParentElement.value && dynamicAttributes.value), null, 16, ["item", "options", "labels", "class", "inStock", "dynamic-attributes", "link"])) : createCommentVNode("", true)
-      ], 64)) : (openBlock(), createElementBlock("div", _hoisted_1$17, [
+      ], 64)) : (openBlock(), createElementBlock("div", _hoisted_1$1a, [
         displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
           key: 0,
           item: enhancedItem.value,
@@ -24471,14 +24522,14 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValue
     };
   }
 }));
-const _hoisted_1$16 = { class: "lupa-badge-title" };
-const _hoisted_2$N = ["src"];
-const _hoisted_3$z = { key: 1 };
-const _hoisted_4$p = {
+const _hoisted_1$19 = { class: "lupa-badge-title" };
+const _hoisted_2$P = ["src"];
+const _hoisted_3$B = { key: 1 };
+const _hoisted_4$r = {
   key: 0,
   class: "lupa-badge-full-text"
 };
-const _sfc_main$1g = /* @__PURE__ */ defineComponent({
+const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   __name: "SearchResultGeneratedBadge",
   props: {
     options: {},
@@ -24511,20 +24562,20 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["lupa-dynamic-badge", customClassName.value]),
         style: normalizeStyle({ background: _ctx.badge.backgroundColor, color: _ctx.badge.color })
       }, [
-        createElementVNode("span", _hoisted_1$16, [
+        createElementVNode("span", _hoisted_1$19, [
           image.value ? (openBlock(), createElementBlock("img", {
             key: 0,
             src: image.value
-          }, null, 8, _hoisted_2$N)) : createCommentVNode("", true),
-          hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$z, toDisplayString(_ctx.badge.titleText), 1)) : createCommentVNode("", true)
+          }, null, 8, _hoisted_2$P)) : createCommentVNode("", true),
+          hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$B, toDisplayString(_ctx.badge.titleText), 1)) : createCommentVNode("", true)
         ]),
-        hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$p, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
+        hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$r, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
       ], 6);
     };
   }
 });
-const _hoisted_1$15 = { class: "lupa-generated-badges" };
-const _sfc_main$1f = /* @__PURE__ */ defineComponent({
+const _hoisted_1$18 = { class: "lupa-generated-badges" };
+const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   __name: "SearchResultGeneratedBadges",
   props: {
     options: {}
@@ -24550,9 +24601,9 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
       })).filter((b) => Boolean(b.id));
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$15, [
+      return openBlock(), createElementBlock("div", _hoisted_1$18, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(badges.value, (badge) => {
-          return openBlock(), createBlock(_sfc_main$1g, {
+          return openBlock(), createBlock(_sfc_main$1m, {
             key: badge.id,
             badge,
             options: _ctx.options
@@ -24562,8 +24613,8 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$14 = ["innerHTML"];
-const _sfc_main$1e = /* @__PURE__ */ defineComponent({
+const _hoisted_1$17 = ["innerHTML"];
+const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   __name: "CustomBadge",
   props: {
     badge: {}
@@ -24584,12 +24635,12 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(className.value),
         innerHTML: text.value
-      }, null, 10, _hoisted_1$14);
+      }, null, 10, _hoisted_1$17);
     };
   }
 });
-const _hoisted_1$13 = { class: "lupa-text-badges" };
-const _sfc_main$1d = /* @__PURE__ */ defineComponent({
+const _hoisted_1$16 = { class: "lupa-text-badges" };
+const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   __name: "TextBadge",
   props: {
     badge: {}
@@ -24603,7 +24654,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
       return badges.value.slice(0, props.badge.maxItems);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$13, [
+      return openBlock(), createElementBlock("div", _hoisted_1$16, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
           return openBlock(), createElementBlock("div", {
             class: "lupa-badge lupa-text-badge",
@@ -24614,9 +24665,9 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$12 = { class: "lupa-image-badges" };
-const _hoisted_2$M = ["src"];
-const _sfc_main$1c = /* @__PURE__ */ defineComponent({
+const _hoisted_1$15 = { class: "lupa-image-badges" };
+const _hoisted_2$O = ["src"];
+const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   __name: "ImageBadge",
   props: {
     badge: {}
@@ -24636,7 +24687,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
       return `${props.badge.rootImageUrl}${src}`;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$12, [
+      return openBlock(), createElementBlock("div", _hoisted_1$15, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
           return openBlock(), createElementBlock("div", {
             class: "lupa-badge lupa-image-badge",
@@ -24644,14 +24695,14 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
           }, [
             createElementVNode("img", {
               src: getImageUrl(item)
-            }, null, 8, _hoisted_2$M)
+            }, null, 8, _hoisted_2$O)
           ]);
         }), 128))
       ]);
     };
   }
 });
-const _sfc_main$1b = /* @__PURE__ */ defineComponent({
+const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   __name: "DiscountBadge",
   props: {
     badge: {}
@@ -24713,16 +24764,16 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$11 = { id: "lupa-search-results-badges" };
+const _hoisted_1$14 = { id: "lupa-search-results-badges" };
 const __default__$3 = {
   components: {
-    CustomBadge: _sfc_main$1e,
-    TextBadge: _sfc_main$1d,
-    ImageBadge: _sfc_main$1c,
-    DiscountBadge: _sfc_main$1b
+    CustomBadge: _sfc_main$1k,
+    TextBadge: _sfc_main$1j,
+    ImageBadge: _sfc_main$1i,
+    DiscountBadge: _sfc_main$1h
   }
 };
-const _sfc_main$1a = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$3), {
+const _sfc_main$1g = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$3), {
   __name: "SearchResultsBadgeWrapper",
   props: {
     position: {},
@@ -24785,7 +24836,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValue
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$11, [
+      return openBlock(), createElementBlock("div", _hoisted_1$14, [
         createElementVNode("div", {
           id: "lupa-badges",
           class: normalizeClass(anchorPosition.value)
@@ -24796,7 +24847,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValue
               badge
             }, null, 8, ["badge"]);
           }), 128)),
-          positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$1f, {
+          positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$1l, {
             key: 0,
             options: _ctx.options
           }, null, 8, ["options"])) : createCommentVNode("", true)
@@ -24805,13 +24856,13 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValue
     };
   }
 }));
-const _hoisted_1$10 = ["href"];
-const _hoisted_2$L = { class: "lupa-search-box-product-details-section" };
-const _hoisted_3$y = {
+const _hoisted_1$13 = ["href"];
+const _hoisted_2$N = { class: "lupa-search-box-product-details-section" };
+const _hoisted_3$A = {
   key: 0,
   class: "lupa-search-box-product-add-to-cart-section"
 };
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProduct",
   props: {
     item: {},
@@ -24917,7 +24968,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
           style: normalizeStyle(imageStyleOverride.value)
         }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
-            return openBlock(), createBlock(_sfc_main$1h, {
+            return openBlock(), createBlock(_sfc_main$1n, {
               class: "lupa-search-box-product-element",
               key: element.key,
               item: _ctx.item,
@@ -24927,10 +24978,10 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
             }, null, 8, ["item", "element", "labels", "link"]);
           }), 128))
         ], 4),
-        createElementVNode("div", _hoisted_2$L, [
+        createElementVNode("div", _hoisted_2$N, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
             var _a25;
-            return openBlock(), createBlock(_sfc_main$1h, {
+            return openBlock(), createBlock(_sfc_main$1n, {
               class: "lupa-search-box-product-element",
               key: element.key,
               item: _ctx.item,
@@ -24941,7 +24992,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
               ((_a25 = badgeOptions.value) == null ? void 0 : _a25.anchorElementKey) === element.key ? {
                 name: "badges",
                 fn: withCtx(() => [
-                  createVNode(_sfc_main$1a, {
+                  createVNode(_sfc_main$1g, {
                     options: badgeOptions.value,
                     position: "card"
                   }, null, 8, ["options"])
@@ -24957,7 +25008,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
             class: normalizeClass(`lupa-search-box-group-${group}`)
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(getGroupElements(group), (element) => {
-              return openBlock(), createBlock(_sfc_main$1h, {
+              return openBlock(), createBlock(_sfc_main$1n, {
                 class: "lupa-search-box-product-element",
                 key: element.key,
                 item: _ctx.item,
@@ -24969,8 +25020,8 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
             }), 128))
           ], 2);
         }), 128)),
-        addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_3$y, [
-          createVNode(_sfc_main$1h, {
+        addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
+          createVNode(_sfc_main$1n, {
             class: "lupa-search-box-product-element",
             item: _ctx.item,
             element: addToCartElement.value,
@@ -24979,7 +25030,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
             isInStock: isInStock.value
           }, null, 8, ["item", "element", "labels", "link", "isInStock"])
         ])) : createCommentVNode("", true)
-      ], 16, _hoisted_1$10);
+      ], 16, _hoisted_1$13);
     };
   }
 });
@@ -25051,8 +25102,8 @@ const useTrackingStore = /* @__PURE__ */ defineStore("tracking", () => {
   };
   return { trackSearch, trackResults, trackEvent, trackDelayedEvent };
 });
-const _hoisted_1$$ = { id: "lupa-search-box-products" };
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$12 = { id: "lupa-search-box-products" };
+const _sfc_main$1e = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProducts",
   props: {
     items: {},
@@ -25124,7 +25175,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$$, [
+      return openBlock(), createElementBlock("div", _hoisted_1$12, [
         _ctx.$slots.productCard ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.items, (item, index) => {
           return renderSlot(_ctx.$slots, "productCard", {
             key: index,
@@ -25136,7 +25187,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
             itemClicked: handleProductClick
           });
         }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.items, (item, index) => {
-          return openBlock(), createBlock(_sfc_main$19, {
+          return openBlock(), createBlock(_sfc_main$1f, {
             key: index,
             item,
             panelOptions: _ctx.panelOptions,
@@ -25151,9 +25202,9 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$_ = { class: "lupa-search-box-documents-go-to-results-wrapper" };
-const _hoisted_2$K = { key: 0 };
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$11 = { class: "lupa-search-box-documents-go-to-results-wrapper" };
+const _hoisted_2$M = { key: 0 };
+const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductsGoToResultsButton",
   props: {
     options: {},
@@ -25184,13 +25235,13 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
       emit("goToResults");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$_, [
+      return openBlock(), createElementBlock("div", _hoisted_1$11, [
         createElementVNode("button", {
           class: "lupa-search-box-documents-go-to-results-button",
           onClick: goToResults
         }, [
           createTextVNode(toDisplayString(goToResultsLabel.value) + " ", 1),
-          totalCount.value ? (openBlock(), createElementBlock("span", _hoisted_2$K, " " + toDisplayString(totalCount.value), 1)) : createCommentVNode("", true)
+          totalCount.value ? (openBlock(), createElementBlock("span", _hoisted_2$M, " " + toDisplayString(totalCount.value), 1)) : createCommentVNode("", true)
         ])
       ]);
     };
@@ -25286,7 +25337,7 @@ const processExtractionObject = (value = {}) => {
   }
   return parsedObject;
 };
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductsWrapper",
   props: {
     panel: {},
@@ -25356,7 +25407,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
     watch(() => props.panel.limit, getItemsDebounced);
     return (_ctx, _cache) => {
       var _a25, _b25;
-      return openBlock(), createBlock(_sfc_main$18, {
+      return openBlock(), createBlock(_sfc_main$1e, {
         items: (_b25 = (_a25 = searchResult.value) == null ? void 0 : _a25.items) != null ? _b25 : [],
         panelOptions: _ctx.panel,
         labels: _ctx.labels,
@@ -25366,7 +25417,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
         default: withCtx(() => {
           var _a26;
           return [
-            showGoToResultsButton.value && ((_a26 = searchResult.value) == null ? void 0 : _a26.items.length) ? (openBlock(), createBlock(_sfc_main$17, {
+            showGoToResultsButton.value && ((_a26 = searchResult.value) == null ? void 0 : _a26.items.length) ? (openBlock(), createBlock(_sfc_main$1d, {
               key: 0,
               options: _ctx.searchBoxOptions,
               panel: _ctx.panel,
@@ -25387,7 +25438,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxRelatedSourceWrapper",
   props: {
     panel: {},
@@ -25459,7 +25510,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       var _a25, _b25;
-      return openBlock(), createBlock(_sfc_main$18, {
+      return openBlock(), createBlock(_sfc_main$1e, {
         items: (_b25 = (_a25 = searchResult.value) == null ? void 0 : _a25.items) != null ? _b25 : [],
         panelOptions: documentPanelOptions.value,
         labels: _ctx.labels,
@@ -25477,31 +25528,31 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$Z = {
+const _hoisted_1$10 = {
   key: 0,
   id: "lupa-search-box-panel"
 };
-const _hoisted_2$J = ["data-cy"];
-const _hoisted_3$x = {
+const _hoisted_2$L = ["data-cy"];
+const _hoisted_3$z = {
   key: 0,
   class: "lupa-panel-title lupa-panel-title-top-results"
 };
-const _hoisted_4$o = {
+const _hoisted_4$q = {
   key: 1,
   class: "lupa-panel-title"
 };
-const _hoisted_5$g = {
+const _hoisted_5$h = {
   key: 1,
   id: "lupa-search-box-panel"
 };
 const __default__$2 = {
   components: {
-    SearchBoxSuggestionsWrapper: _sfc_main$1r,
-    SearchBoxProductsWrapper: _sfc_main$16,
-    SearchBoxRelatedSourceWrapper: _sfc_main$15
+    SearchBoxSuggestionsWrapper: _sfc_main$1x,
+    SearchBoxProductsWrapper: _sfc_main$1c,
+    SearchBoxRelatedSourceWrapper: _sfc_main$1b
   }
 };
-const _sfc_main$14 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$2), {
+const _sfc_main$1a = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$2), {
   __name: "SearchBoxMainPanel",
   props: {
     options: {},
@@ -25532,6 +25583,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValue
     const searchBoxStore = useSearchBoxStore();
     const { suggestionResults, hasAnyResults, panelItemCounts } = storeToRefs(searchBoxStore);
     const emit = __emit;
+    const isSearchEmpty = computed(() => !props.inputValue || props.inputValue.length < 1);
     const displayResults = computed(() => {
       var _a25;
       return ((_a25 = props.inputValue) == null ? void 0 : _a25.length) >= props.options.minInputLength;
@@ -25542,6 +25594,12 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValue
         return Boolean(props.options.history) && ((_a25 = props.inputValue) == null ? void 0 : _a25.length) < 1 && props.options.minInputLength > 0;
       }
     );
+    const displayShowMoreResultsButton = computed(() => {
+      if (isSearchEmpty.value && props.options.hideMoreResultsButtonOnEmptyQuery) {
+        return false;
+      }
+      return hasAnyResults.value || !props.options.hideMoreResultsButtonOnNoResults;
+    });
     const displayPanels = computed(
       () => props.isSearchContainer ? panels.value.filter((p2) => p2.type === SearchBoxPanelType.SUGGESTION) : panels.value
     );
@@ -25659,7 +25717,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValue
         ref_key: "panelContainer",
         ref: panelContainer
       }, [
-        displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$Z, [
+        displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$10, [
           labels.value.closePanel ? (openBlock(), createElementBlock("a", {
             key: 0,
             class: "lupa-search-box-close-panel",
@@ -25681,8 +25739,8 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValue
                 style: normalizeStyle(panel.gridArea ? { gridArea: `${panel.gridArea}${index}` } : {}),
                 "data-cy": "lupa-panel-" + panel.type + "-index"
               }, [
-                ((_a25 = panel.labels) == null ? void 0 : _a25.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$x, toDisplayString((_b25 = panel.labels) == null ? void 0 : _b25.topResultsTitle), 1)) : createCommentVNode("", true),
-                ((_c = panel.labels) == null ? void 0 : _c.title) && showPanelTitle(panel) ? (openBlock(), createElementBlock("div", _hoisted_4$o, toDisplayString((_d = panel.labels) == null ? void 0 : _d.title), 1)) : createCommentVNode("", true),
+                ((_a25 = panel.labels) == null ? void 0 : _a25.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$z, toDisplayString((_b25 = panel.labels) == null ? void 0 : _b25.topResultsTitle), 1)) : createCommentVNode("", true),
+                ((_c = panel.labels) == null ? void 0 : _c.title) && showPanelTitle(panel) ? (openBlock(), createElementBlock("div", _hoisted_4$q, toDisplayString((_d = panel.labels) == null ? void 0 : _d.title), 1)) : createCommentVNode("", true),
                 panel.queryKey && canShowPanel(panel) ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(panel.type)), {
                   key: 2,
                   panel,
@@ -25704,21 +25762,21 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValue
                     key: "0"
                   } : void 0
                 ]), 1064, ["panel", "search-box-options", "options", "debounce", "inputValue", "labels"])) : createCommentVNode("", true)
-              ], 14, _hoisted_2$J);
+              ], 14, _hoisted_2$L);
             }), 128))
           ], 4),
-          !unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1u, {
+          !unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1A, {
             key: 1,
             labels: labels.value
           }, null, 8, ["labels"])) : createCommentVNode("", true),
-          unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (openBlock(), createBlock(_sfc_main$1x, {
+          displayShowMoreResultsButton.value ? (openBlock(), createBlock(_sfc_main$1D, {
             key: 2,
             labels: labels.value,
             options: _ctx.options,
             onGoToResults: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("go-to-results"))
           }, null, 8, ["labels", "options"])) : createCommentVNode("", true)
-        ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_5$g, [
-          createVNode(_sfc_main$1v, {
+        ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_5$h, [
+          createVNode(_sfc_main$1B, {
             options: _ctx.options.history,
             history: history.value,
             onGoToResults: handleGoToResults,
@@ -25743,8 +25801,8 @@ const unbindSearchTriggers = (triggers = [], event) => {
   const elements = getElements(triggers);
   elements.forEach((e2) => e2 == null ? void 0 : e2.removeEventListener(BIND_EVENT, event));
 };
-const _hoisted_1$Y = { class: "lupa-search-box-wrapper" };
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$$ = { class: "lupa-search-box-wrapper" };
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   __name: "SearchBox",
   props: {
     options: {},
@@ -25795,6 +25853,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
         "debounce",
         "showTotalCount",
         "hideMoreResultsButtonOnNoResults",
+        "hideMoreResultsButtonOnEmptyQuery",
         "showNoResultsPanel",
         "expandOnSinglePanel",
         "showMoreResultsButton"
@@ -26066,8 +26125,8 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
         id: "lupa-search-box",
         class: normalizeClass({ "lupa-search-box-opened": opened.value })
       }, [
-        createElementVNode("div", _hoisted_1$Y, [
-          createVNode(_sfc_main$1y, {
+        createElementVNode("div", _hoisted_1$$, [
+          createVNode(_sfc_main$1E, {
             options: inputOptions.value,
             suggestedValue: suggestedValue.value,
             "can-close": (_a26 = _ctx.isSearchContainer) != null ? _a26 : false,
@@ -26080,7 +26139,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
             onSearch: handleSearch,
             onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
           }, null, 8, ["options", "suggestedValue", "can-close", "emit-input-on-focus"]),
-          opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$14, {
+          opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$1a, {
             key: 0,
             options: panelOptions.value,
             inputValue: inputValue.value,
@@ -26184,20 +26243,20 @@ const getInitialSearchResults = (options, getQueryParamName, defaultData) => __a
     options.options.onError(e2);
   }
 });
-const _hoisted_1$X = {
+const _hoisted_1$_ = {
   key: 0,
   id: "lupa-search-results-did-you-mean"
 };
-const _hoisted_2$I = {
+const _hoisted_2$K = {
   key: 0,
   "data-cy": "suggested-search-text-label"
 };
-const _hoisted_3$w = {
+const _hoisted_3$y = {
   key: 1,
   "data-cy": "did-you-mean-label"
 };
-const _hoisted_4$n = { key: 1 };
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+const _hoisted_4$p = { key: 1 };
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsDidYouMean",
   props: {
     labels: {}
@@ -26229,8 +26288,8 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
       paramStore.goToResults({ searchText, facet });
     };
     return (_ctx, _cache) => {
-      return unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_1$X, [
-        unref(searchResult).suggestedSearchText ? (openBlock(), createElementBlock("div", _hoisted_2$I, [
+      return unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_1$_, [
+        unref(searchResult).suggestedSearchText ? (openBlock(), createElementBlock("div", _hoisted_2$K, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.labels.noResultsSuggestion.split(" "), (label, index) => {
             return openBlock(), createElementBlock("span", { key: index }, [
               createElementVNode("span", {
@@ -26239,7 +26298,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
             ]);
           }), 128))
         ])) : createCommentVNode("", true),
-        didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$w, [
+        didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$y, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.labels.didYouMean.split(" "), (label, index) => {
             return openBlock(), createElementBlock("span", { key: index }, [
               label.includes("{1}") ? (openBlock(), createElementBlock("span", {
@@ -26247,7 +26306,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
                 class: "lupa-did-you-mean lupa-highlighted-search-text",
                 "data-cy": "did-you-mean-value",
                 onClick: _cache[0] || (_cache[0] = ($event) => goToResults({ searchText: didYouMeanValue.value }))
-              }, toDisplayString(didYouMeanValue.value) + " ", 1)) : (openBlock(), createElementBlock("span", _hoisted_4$n, toDisplayString(label) + " ", 1))
+              }, toDisplayString(didYouMeanValue.value) + " ", 1)) : (openBlock(), createElementBlock("span", _hoisted_4$p, toDisplayString(label) + " ", 1))
             ]);
           }), 128))
         ])) : createCommentVNode("", true)
@@ -26255,12 +26314,12 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$W = {
+const _hoisted_1$Z = {
   key: 0,
   class: "lupa-search-results-summary"
 };
-const _hoisted_2$H = ["innerHTML"];
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+const _hoisted_2$J = ["innerHTML"];
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsSummary",
   props: {
     label: {},
@@ -26275,8 +26334,8 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
       return addParamsToLabel(props.label, range2, `<span>${totalItems.value}</span>`);
     });
     return (_ctx, _cache) => {
-      return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$W, [
-        createElementVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$H),
+      return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$Z, [
+        createElementVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$J),
         _ctx.clearable ? (openBlock(), createElementBlock("span", {
           key: 0,
           class: "lupa-filter-clear",
@@ -26287,19 +26346,19 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$V = {
+const _hoisted_1$Y = {
   key: 0,
   class: "lupa-result-page-title",
   "data-cy": "lupa-result-page-title"
 };
-const _hoisted_2$G = { key: 0 };
-const _hoisted_3$v = {
+const _hoisted_2$I = { key: 0 };
+const _hoisted_3$x = {
   key: 1,
   class: "lupa-results-total-count"
 };
-const _hoisted_4$m = { class: "lupa-results-total-count-number" };
-const _hoisted_5$f = ["innerHTML"];
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+const _hoisted_4$o = { class: "lupa-results-total-count-number" };
+const _hoisted_5$g = ["innerHTML"];
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsTitle",
   props: {
     options: {},
@@ -26342,16 +26401,16 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$V, [
+        showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$Y, [
           createTextVNode(toDisplayString(searchResultsTitleTemplate.value || _ctx.options.labels.searchResults), 1),
-          queryText.value && !searchResultsTitleTemplate.value ? (openBlock(), createElementBlock("span", _hoisted_2$G, "'" + toDisplayString(queryText.value) + "'", 1)) : createCommentVNode("", true),
-          showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$v, [
+          queryText.value && !searchResultsTitleTemplate.value ? (openBlock(), createElementBlock("span", _hoisted_2$I, "'" + toDisplayString(queryText.value) + "'", 1)) : createCommentVNode("", true),
+          showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$x, [
             createTextVNode("(" + toDisplayString(searchResultsCountLabel.value), 1),
-            createElementVNode("span", _hoisted_4$m, toDisplayString(unref(totalItems)), 1),
+            createElementVNode("span", _hoisted_4$o, toDisplayString(unref(totalItems)), 1),
             _cache[0] || (_cache[0] = createTextVNode(")"))
           ])) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
-        _ctx.showSummary ? (openBlock(), createBlock(_sfc_main$11, {
+        _ctx.showSummary ? (openBlock(), createBlock(_sfc_main$17, {
           key: 1,
           label: summaryLabel.value
         }, null, 8, ["label"])) : createCommentVNode("", true),
@@ -26359,20 +26418,20 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
           key: 2,
           class: "lupa-result-page-description-top",
           innerHTML: descriptionTop.value
-        }, null, 8, _hoisted_5$f)) : createCommentVNode("", true)
+        }, null, 8, _hoisted_5$g)) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const _hoisted_1$U = {
+const _hoisted_1$X = {
   class: "lupa-current-filter-label",
   "data-cy": "lupa-current-filter-label"
 };
-const _hoisted_2$F = {
+const _hoisted_2$H = {
   class: "lupa-current-filter-value",
   "data-cy": "lupa-current-filter-value"
 };
-const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   __name: "CurrentFilterDisplay",
   props: {
     filter: {}
@@ -26414,23 +26473,23 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
           onClick: handleClick,
           "aria-label": "Remove filter"
         }, "⨉"),
-        createElementVNode("div", _hoisted_1$U, toDisplayString(_ctx.filter.label) + ": ", 1),
-        createElementVNode("div", _hoisted_2$F, toDisplayString(formatFilterValue(props.filter)), 1)
+        createElementVNode("div", _hoisted_1$X, toDisplayString(_ctx.filter.label) + ": ", 1),
+        createElementVNode("div", _hoisted_2$H, toDisplayString(formatFilterValue(props.filter)), 1)
       ], 2);
     };
   }
 });
-const _hoisted_1$T = { class: "lupa-filter-title-text" };
-const _hoisted_2$E = {
+const _hoisted_1$W = { class: "lupa-filter-title-text" };
+const _hoisted_2$G = {
   key: 0,
   class: "lupa-filter-count"
 };
-const _hoisted_3$u = {
+const _hoisted_3$w = {
   key: 0,
   class: "filter-values"
 };
-const _hoisted_4$l = { class: "lupa-current-filter-list" };
-const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+const _hoisted_4$n = { class: "lupa-current-filter-list" };
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   __name: "CurrentFilters",
   props: {
     options: {},
@@ -26511,19 +26570,19 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
           class: "lupa-current-filter-title",
           onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
         }, [
-          createElementVNode("div", _hoisted_1$T, [
+          createElementVNode("div", _hoisted_1$W, [
             createTextVNode(toDisplayString((_c = (_b25 = (_a25 = _ctx.options) == null ? void 0 : _a25.labels) == null ? void 0 : _b25.title) != null ? _c : "") + " ", 1),
-            _ctx.expandable ? (openBlock(), createElementBlock("span", _hoisted_2$E, " (" + toDisplayString(unref(currentFilterCount)) + ") ", 1)) : createCommentVNode("", true)
+            _ctx.expandable ? (openBlock(), createElementBlock("span", _hoisted_2$G, " (" + toDisplayString(unref(currentFilterCount)) + ") ", 1)) : createCommentVNode("", true)
           ]),
           _ctx.expandable ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(["lupa-filter-title-caret", isOpen.value && "open"])
           }, null, 2)) : createCommentVNode("", true)
         ]),
-        !_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$u, [
-          createElementVNode("div", _hoisted_4$l, [
+        !_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$w, [
+          createElementVNode("div", _hoisted_4$n, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(currentDisplayFilters.value, (filter) => {
-              return openBlock(), createBlock(_sfc_main$$, {
+              return openBlock(), createBlock(_sfc_main$15, {
                 key: filter.key + "_" + filter.value,
                 filter,
                 units: units.value,
@@ -26541,8 +26600,8 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$S = ["href"];
-const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+const _hoisted_1$V = ["href"];
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   __name: "CategoryFilterItem",
   props: {
     options: {},
@@ -26579,20 +26638,20 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
           "data-cy": "lupa-child-category-item",
           href: urlLink.value,
           onClick: handleNavigation
-        }, toDisplayString(title.value), 9, _hoisted_1$S)
+        }, toDisplayString(title.value), 9, _hoisted_1$V)
       ], 2);
     };
   }
 });
-const _hoisted_1$R = {
+const _hoisted_1$U = {
   class: "lupa-category-filter",
   "data-cy": "lupa-category-filter"
 };
-const _hoisted_2$D = { class: "lupa-category-back" };
-const _hoisted_3$t = ["href"];
-const _hoisted_4$k = ["href"];
-const _hoisted_5$e = { class: "lupa-child-category-list" };
-const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+const _hoisted_2$F = { class: "lupa-category-back" };
+const _hoisted_3$v = ["href"];
+const _hoisted_4$m = ["href"];
+const _hoisted_5$f = { class: "lupa-child-category-list" };
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   __name: "CategoryFilter",
   props: {
     options: {}
@@ -26680,14 +26739,14 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     };
     __expose({ fetch: fetch2 });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$R, [
-        createElementVNode("div", _hoisted_2$D, [
+      return openBlock(), createElementBlock("div", _hoisted_1$U, [
+        createElementVNode("div", _hoisted_2$F, [
           hasBackButton.value ? (openBlock(), createElementBlock("a", {
             key: 0,
             "data-cy": "lupa-category-back",
             href: backUrlLink.value,
             onClick: handleNavigationBack
-          }, toDisplayString(backTitle.value), 9, _hoisted_3$t)) : createCommentVNode("", true)
+          }, toDisplayString(backTitle.value), 9, _hoisted_3$v)) : createCommentVNode("", true)
         ]),
         createElementVNode("div", {
           class: normalizeClass(["lupa-current-category", { "lupa-current-category-active": isActive }])
@@ -26697,11 +26756,11 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
             href: parentUrlLink.value,
             class: normalizeClass({ "lupa-title-category": !hasBackButton.value }),
             onClick: handleNavigationParent
-          }, toDisplayString(parentTitle.value), 11, _hoisted_4$k)
+          }, toDisplayString(parentTitle.value), 11, _hoisted_4$m)
         ], 2),
-        createElementVNode("div", _hoisted_5$e, [
+        createElementVNode("div", _hoisted_5$f, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(categoryChildren.value, (child) => {
-            return openBlock(), createBlock(_sfc_main$Z, {
+            return openBlock(), createBlock(_sfc_main$13, {
               key: getCategoryKey(child),
               item: child,
               options: _ctx.options
@@ -26712,22 +26771,22 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$Q = {
+const _hoisted_1$T = {
   class: "lupa-search-result-facet-term-values",
   "data-cy": "lupa-search-result-facet-term-values"
 };
-const _hoisted_2$C = ["placeholder"];
-const _hoisted_3$s = { class: "lupa-terms-list" };
-const _hoisted_4$j = ["onClick"];
-const _hoisted_5$d = { class: "lupa-term-checkbox-wrapper" };
-const _hoisted_6$7 = { class: "lupa-term-label" };
+const _hoisted_2$E = ["placeholder"];
+const _hoisted_3$u = { class: "lupa-terms-list" };
+const _hoisted_4$l = ["onClick"];
+const _hoisted_5$e = { class: "lupa-term-checkbox-wrapper" };
+const _hoisted_6$6 = { class: "lupa-term-label" };
 const _hoisted_7$4 = {
   key: 0,
   class: "lupa-term-count"
 };
 const _hoisted_8$2 = { key: 0 };
 const _hoisted_9$2 = { key: 1 };
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   __name: "TermFacet",
   props: {
     options: {},
@@ -26821,17 +26880,17 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$Q, [
+      return openBlock(), createElementBlock("div", _hoisted_1$T, [
         isFilterable.value ? withDirectives((openBlock(), createElementBlock("input", {
           key: 0,
           class: "lupa-term-filter",
           "data-cy": "lupa-term-filter",
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => termFilter.value = $event),
           placeholder: _ctx.options.labels.facetFilter
-        }, null, 8, _hoisted_2$C)), [
+        }, null, 8, _hoisted_2$E)), [
           [vModelText, termFilter.value]
         ]) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3$s, [
+        createElementVNode("div", _hoisted_3$u, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(displayValues.value, (item) => {
             return openBlock(), createElementBlock("div", {
               class: normalizeClass(["lupa-facet-term", { checked: isChecked(item) }]),
@@ -26839,7 +26898,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
               key: item.title,
               onClick: ($event) => handleFacetClick(item)
             }, [
-              createElementVNode("div", _hoisted_5$d, [
+              createElementVNode("div", _hoisted_5$e, [
                 createElementVNode("span", {
                   class: normalizeClass(["lupa-term-checkbox", { checked: isChecked(item) }])
                 }, null, 2)
@@ -26847,10 +26906,10 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
               createElementVNode("div", {
                 class: normalizeClass(["lupa-term-checkbox-label", { [getFacetValueClass(item)]: true }])
               }, [
-                createElementVNode("span", _hoisted_6$7, toDisplayString(getItemLabel(item)), 1),
+                createElementVNode("span", _hoisted_6$6, toDisplayString(getItemLabel(item)), 1),
                 _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_7$4, "(" + toDisplayString(item.count) + ")", 1)) : createCommentVNode("", true)
               ], 2)
-            ], 10, _hoisted_4$j);
+            ], 10, _hoisted_4$l);
           }), 128))
         ]),
         displayShowMore.value ? (openBlock(), createElementBlock("div", {
@@ -27758,21 +27817,33 @@ var m = { name: "Slider", emits: ["input", "update:modelValue", "start", "slide"
 m.render = function(e2, t, r, i, n, o) {
   return openBlock(), createElementBlock("div", mergeProps(e2.sliderProps, { ref: "slider" }), null, 16);
 }, m.__file = "src/Slider.vue";
-const _hoisted_1$P = { class: "lupa-search-result-facet-stats-values" };
-const _hoisted_2$B = {
+const roundToMaxDecimals = (value, maxPrecision = 0.1) => {
+  if (value === void 0 || value === null || Number.isNaN(value)) return "";
+  const log = Math.log10(maxPrecision);
+  const decimals = log < 0 ? Math.round(-log) : 0;
+  const factor = Math.pow(10, decimals);
+  const rounded = Math.round((value + Number.EPSILON) * factor) / factor;
+  let out = rounded.toFixed(decimals);
+  if (Number.isInteger(value)) {
+    out = Math.trunc(value).toString();
+  }
+  return out;
+};
+const _hoisted_1$S = { class: "lupa-search-result-facet-stats-values" };
+const _hoisted_2$D = {
   key: 0,
   class: "lupa-stats-facet-summary"
 };
-const _hoisted_3$r = {
+const _hoisted_3$t = {
   key: 1,
   class: "lupa-stats-facet-summary-input"
 };
-const _hoisted_4$i = { class: "lupa-stats-from" };
-const _hoisted_5$c = {
+const _hoisted_4$k = { class: "lupa-stats-from" };
+const _hoisted_5$d = {
   key: 0,
   class: "lupa-stats-range-label"
 };
-const _hoisted_6$6 = ["min", "max", "pattern", "aria-label"];
+const _hoisted_6$5 = ["min", "max", "pattern", "aria-label"];
 const _hoisted_7$3 = { key: 1 };
 const _hoisted_8$1 = { key: 2 };
 const _hoisted_9$1 = { class: "lupa-stats-to" };
@@ -27787,7 +27858,7 @@ const _hoisted_14 = {
   key: 2,
   class: "lupa-stats-slider-wrapper"
 };
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "StatsFacet",
   props: {
     options: {},
@@ -27906,7 +27977,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     const originalSliderRange = computed(() => {
       return innerSliderRange.value.length === 2 && (currentFilters.value.gte || currentFilters.value.lte) ? [
         Math.max(+currentFilters.value.gte, facetValue.value.min),
-        Math.min(+currentFilters.value.lte, facetValue.value.max)
+        Math.min(+(currentFilters.value.lt || currentFilters.value.lte), facetValue.value.max)
       ] : [facetValue.value.min, facetValue.value.max];
     });
     const fromValue = computed({
@@ -27962,6 +28033,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
       }
     );
     const statsSummary = computed(() => {
+      var _a25, _b25;
       const [min, max] = originalSliderRange.value;
       if (isPrice.value) {
         return formatPriceSummary(
@@ -27972,10 +28044,12 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
           multiCurrency.value
         );
       }
+      const minValue = roundToMaxDecimals(min, (_a25 = customInterval.value) != null ? _a25 : 0.1);
+      const maxValue = roundToMaxDecimals(max, (_b25 = customInterval.value) != null ? _b25 : 0.1);
       if (unit.value) {
-        return `${min} ${unit.value} – ${max} ${unit.value}`;
+        return `${minValue} ${unit.value} – ${maxValue} ${unit.value}`;
       }
-      return formatRange({ gte: min, lte: max });
+      return formatRange({ gte: minValue, lte: maxValue });
     });
     function handleInputChange() {
       if (innerSliderRange.value.length < 2) return;
@@ -28003,10 +28077,10 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$P, [
-        !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$B, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$r, [
-          createElementVNode("div", _hoisted_4$i, [
-            rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_5$c, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
+      return openBlock(), createElementBlock("div", _hoisted_1$S, [
+        !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$D, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$t, [
+          createElementVNode("div", _hoisted_4$k, [
+            rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_5$d, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
             withDirectives(createElementVNode("input", {
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
               type: "text",
@@ -28015,7 +28089,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
               max: facetMax.value,
               pattern: sliderInputFormat.value,
               "aria-label": ariaLabelFrom.value
-            }, null, 8, _hoisted_6$6), [
+            }, null, 8, _hoisted_6$5), [
               [
                 vModelText,
                 fromValue.value,
@@ -28068,17 +28142,17 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$O = { class: "lupa-term-checkbox-wrapper" };
-const _hoisted_2$A = { class: "lupa-term-label" };
-const _hoisted_3$q = {
+const _hoisted_1$R = { class: "lupa-term-checkbox-wrapper" };
+const _hoisted_2$C = { class: "lupa-term-label" };
+const _hoisted_3$s = {
   key: 0,
   class: "lupa-term-count"
 };
-const _hoisted_4$h = {
+const _hoisted_4$j = {
   key: 0,
   class: "lupa-facet-level"
 };
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
+const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   __name: "HierarchyFacetLevel",
   props: {
     options: {},
@@ -28132,7 +28206,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
           "data-cy": "lupa-facet-term",
           onClick: _cache[0] || (_cache[0] = ($event) => handleFacetClick(_ctx.item))
         }, [
-          createElementVNode("div", _hoisted_1$O, [
+          createElementVNode("div", _hoisted_1$R, [
             createElementVNode("span", {
               class: normalizeClass(["lupa-term-checkbox", { checked: isChecked.value }])
             }, null, 2)
@@ -28140,11 +28214,11 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             class: normalizeClass(["lupa-term-checkbox-label", { [getFacetValueClass(_ctx.item)]: true }])
           }, [
-            createElementVNode("span", _hoisted_2$A, toDisplayString(_ctx.item.title) + toDisplayString(" "), 1),
-            _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_3$q, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
+            createElementVNode("span", _hoisted_2$C, toDisplayString(_ctx.item.title) + toDisplayString(" "), 1),
+            _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_3$s, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
           ], 2)
         ]),
-        showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_4$h, [
+        showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_4$j, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(treeItem.value.children, (itemChild) => {
             return openBlock(), createBlock(_component_HierarchyFacetLevel, {
               key: itemChild.title,
@@ -28160,13 +28234,13 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$N = {
+const _hoisted_1$Q = {
   class: "lupa-search-result-facet-term-values lupa-search-result-facet-hierarchy-values",
   "data-cy": "lupa-search-result-facet-term-values"
 };
-const _hoisted_2$z = { key: 0 };
-const _hoisted_3$p = ["placeholder"];
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const _hoisted_2$B = { key: 0 };
+const _hoisted_3$r = ["placeholder"];
+const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   __name: "HierarchyFacet",
   props: {
     options: {},
@@ -28222,19 +28296,19 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
       showAll.value = false;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$N, [
-        isFilterable.value ? (openBlock(), createElementBlock("div", _hoisted_2$z, [
+      return openBlock(), createElementBlock("div", _hoisted_1$Q, [
+        isFilterable.value ? (openBlock(), createElementBlock("div", _hoisted_2$B, [
           withDirectives(createElementVNode("input", {
             class: "lupa-term-filter",
             "data-cy": "lupa-term-filter",
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => termFilter.value = $event),
             placeholder: _ctx.options.labels.facetFilter
-          }, null, 8, _hoisted_3$p), [
+          }, null, 8, _hoisted_3$r), [
             [vModelText, termFilter.value]
           ])
         ])) : createCommentVNode("", true),
         (openBlock(true), createElementBlock(Fragment, null, renderList(displayValues.value, (item) => {
-          return openBlock(), createBlock(_sfc_main$V, {
+          return openBlock(), createBlock(_sfc_main$$, {
             key: item.title,
             options: _ctx.options,
             item,
@@ -28258,30 +28332,31 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$M = { class: "lupa-facet-label-text" };
-const _hoisted_2$y = {
+const _hoisted_1$P = { class: "lupa-facet-label-text" };
+const _hoisted_2$A = {
   key: 0,
   class: "lupa-facet-content",
   "data-cy": "lupa-facet-content"
 };
 const __default__$1 = {
   components: {
-    TermFacet: _sfc_main$X,
-    StatsFacet: _sfc_main$W,
-    HierarchyFacet: _sfc_main$U
+    TermFacet: _sfc_main$11,
+    StatsFacet: _sfc_main$10,
+    HierarchyFacet: _sfc_main$_
   }
 };
-const _sfc_main$T = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
+const _sfc_main$Z = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
   __name: "FacetDisplay",
   props: {
     options: {},
     facet: {},
     currentFilters: {},
-    clearable: { type: Boolean }
+    clearable: { type: Boolean },
+    currentFacetStyle: {}
   },
-  emits: ["select", "clear"],
+  emits: ["select", "clear", "expand"],
   setup(__props, { emit: __emit }) {
-    var _a25, _b25, _c;
+    var _a25, _b25;
     const props = __props;
     const facet = computed(() => {
       var _a26;
@@ -28295,17 +28370,17 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     const optionsStore = useOptionsStore();
     const screenStore = useScreenStore();
     const { currentFilterKeys } = storeToRefs(searchResultStore);
-    const { searchResultOptions } = storeToRefs(optionsStore);
+    const { searchResultOptions, expandedFacets } = storeToRefs(optionsStore);
     const { isMobileWidth } = storeToRefs(screenStore);
     const emit = __emit;
     const allExpanded = computed(() => {
-      var _a26, _b26, _c2, _d, _e, _f;
+      var _a26, _b26, _c, _d, _e, _f;
       if (isMobileWidth.value) {
-        return (_c2 = (_b26 = (_a26 = props.options) == null ? void 0 : _a26.expandAll) == null ? void 0 : _b26.mobile) != null ? _c2 : false;
+        return (_c = (_b26 = (_a26 = props.options) == null ? void 0 : _a26.expandAll) == null ? void 0 : _b26.mobile) != null ? _c : false;
       }
       return (_f = (_e = (_d = props.options) == null ? void 0 : _d.expandAll) == null ? void 0 : _e.desktop) != null ? _f : false;
     });
-    const isOpen = ref((_c = ((_b25 = (_a25 = props.options) == null ? void 0 : _a25.expand) == null ? void 0 : _b25.includes(props.facet.key)) || allExpanded.value) != null ? _c : false);
+    const isOpen = ref((_b25 = ((_a25 = expandedFacets.value) == null ? void 0 : _a25.includes(props.facet.key)) || allExpanded.value) != null ? _b25 : false);
     const facetPanel = ref(null);
     const facetType = computed(() => {
       switch (facet.value.type) {
@@ -28347,9 +28422,16 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       var _a26;
       return getTranslatedFacetKey(props.facet, (_a26 = searchResultOptions.value.filters) == null ? void 0 : _a26.translations);
     });
+    const expandSidebarOnFacetClick = computed(() => {
+      var _a26, _b26, _c;
+      if (!props.currentFacetStyle || props.currentFacetStyle === "sidebar") {
+        return false;
+      }
+      return (_c = (_b26 = (_a26 = props.options.style) == null ? void 0 : _a26.drawer) == null ? void 0 : _b26.expandSidebarOnFacetClick) != null ? _c : false;
+    });
     onMounted(() => {
-      var _a26;
-      if (((_a26 = props.options.style) == null ? void 0 : _a26.type) === "top-dropdown") {
+      var _a26, _b26, _c;
+      if (((_a26 = props.options.style) == null ? void 0 : _a26.type) === "top-dropdown" || ((_c = (_b26 = props.options) == null ? void 0 : _b26.style) == null ? void 0 : _c.type) === "drawer") {
         window.addEventListener("click", handleMouseClick);
       }
     });
@@ -28358,7 +28440,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     });
     const handleMouseClick = (e2) => {
       const el = facetPanel.value;
-      if (!el) {
+      if (!el || !props.currentFacetStyle || props.currentFacetStyle === "sidebar") {
         return;
       }
       const isOutsideElement = el && !el.contains(e2.target);
@@ -28370,6 +28452,11 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       handleFacetQueryFilter();
     });
     const toggleFacet = () => {
+      if (expandSidebarOnFacetClick.value) {
+        expandedFacets.value = [facet.value.key];
+        emit("expand");
+        return;
+      }
       isOpen.value = !isOpen.value;
       handleFacetQueryFilter();
     };
@@ -28402,12 +28489,12 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
           "data-cy": "lupa-search-result-facet-label",
           onClick: toggleFacet
         }, [
-          createElementVNode("div", _hoisted_1$M, toDisplayString(facetLabel.value), 1),
+          createElementVNode("div", _hoisted_1$P, toDisplayString(facetLabel.value), 1),
           createElementVNode("div", {
             class: normalizeClass(["lupa-facet-label-caret", isOpen.value && "open"])
           }, null, 2)
         ], 2),
-        isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_2$y, [
+        isOpen.value && !expandSidebarOnFacetClick.value ? (openBlock(), createElementBlock("div", _hoisted_2$A, [
           (openBlock(), createBlock(resolveDynamicComponent(facetType.value), {
             facet: facet.value,
             currentFilters: currentFilters.value[facet.value.key],
@@ -28425,12 +28512,154 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-const _hoisted_1$L = { class: "lupa-search-result-facet-section" };
-const _hoisted_2$x = {
+const useSidebarToggle = () => {
+  const searchResultStore = useSearchResultStore();
+  const optionsStore = useOptionsStore();
+  const { currentFilterCount, isFilterSidebarVisible, isSortingSidebarVisible } = storeToRefs(searchResultStore);
+  const { searchResultOptions } = storeToRefs(optionsStore);
+  const labels = computed(() => {
+    return searchResultOptions.value.labels;
+  });
+  const showMobileFilterCount = computed(
+    () => {
+      var _a25, _b25, _c, _d;
+      return (_d = (_c = (_b25 = (_a25 = searchResultOptions.value.filters) == null ? void 0 : _a25.currentFilters) == null ? void 0 : _b25.mobileSidebar) == null ? void 0 : _c.showFilterCount) != null ? _d : false;
+    }
+  );
+  const disableMobileBodyScrollLock = computed(
+    () => {
+      var _a25, _b25, _c;
+      return (_c = (_b25 = (_a25 = searchResultOptions.value.filters) == null ? void 0 : _a25.facets) == null ? void 0 : _b25.disableMobileBodyScrollLock) != null ? _c : false;
+    }
+  );
+  const isSidebarVisible = computed(
+    () => isFilterSidebarVisible.value || isSortingSidebarVisible.value
+  );
+  const sortLabel = computed(() => {
+    var _a25, _b25;
+    return (_b25 = (_a25 = searchResultOptions.value) == null ? void 0 : _a25.labels) == null ? void 0 : _b25.sortBy;
+  });
+  const defaultLabel = computed(() => {
+    var _a25;
+    return (_a25 = labels.value) == null ? void 0 : _a25.mobileFilterButton;
+  });
+  const activeLabel = computed(() => {
+    var _a25;
+    return (_a25 = labels.value) == null ? void 0 : _a25.mobileFilterButtonActive;
+  });
+  const openLabel = computed(() => {
+    var _a25;
+    return (_a25 = labels.value) == null ? void 0 : _a25.mobileFilterButtonOpen;
+  });
+  const label = computed(() => {
+    if (isSidebarVisible.value && openLabel.value) {
+      return openLabel.value;
+    }
+    if (hasActiveFilters.value && activeLabel.value) {
+      return activeLabel.value;
+    }
+    return defaultLabel.value;
+  });
+  const sortToggleVisible = computed(() => {
+    var _a25, _b25;
+    return ((_b25 = (_a25 = searchResultOptions.value) == null ? void 0 : _a25.sortStyle) == null ? void 0 : _b25.type) === "drawer";
+  });
+  const handleFilterSidebarToggle = () => {
+    searchResultStore.setSidebarState({
+      visible: !isSidebarVisible.value,
+      disableBodyScrolling: !disableMobileBodyScrollLock.value,
+      sidebar: "filter"
+    });
+  };
+  const handleSortSidebarToggle = () => {
+    searchResultStore.setSidebarState({
+      visible: !isSortingSidebarVisible.value,
+      disableBodyScrolling: !disableMobileBodyScrollLock.value,
+      sidebar: "sorting"
+    });
+  };
+  const hasActiveFilters = computed(() => currentFilterCount.value > 0);
+  const checkCloseOnEscape = (e2) => {
+    var _a25;
+    if (!["Escape", "Esc"].includes((_a25 = e2.key) != null ? _a25 : "")) {
+      return;
+    }
+    if (isSidebarVisible.value) {
+      searchResultStore.setSidebarState({ visible: false, sidebar: "sorting" });
+      searchResultStore.setSidebarState({ visible: false, sidebar: "filter" });
+    }
+  };
+  onMounted(() => {
+    window.addEventListener("keydown", checkCloseOnEscape);
+  });
+  onBeforeUnmount(() => {
+    window.removeEventListener("keydown", checkCloseOnEscape);
+  });
+  return {
+    isSidebarVisible,
+    label,
+    currentFilterCount,
+    hasActiveFilters,
+    showMobileFilterCount,
+    sortLabel,
+    sortToggleVisible,
+    handleFilterSidebarToggle,
+    handleSortSidebarToggle
+  };
+};
+const _hoisted_1$O = {
+  key: 0,
+  class: "lupa-desktop-toggle-filter-count"
+};
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+  __name: "DesktopFacetToggle",
+  setup(__props) {
+    const {
+      isSidebarVisible,
+      label,
+      currentFilterCount,
+      hasActiveFilters,
+      showMobileFilterCount,
+      handleFilterSidebarToggle
+    } = useSidebarToggle();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["lupa-desktop-toggle", {
+          "lupa-desktop-toggle-filters-empty": unref(currentFilterCount) < 1,
+          "lupa-desktop-toggle-has-filters": unref(hasActiveFilters),
+          "lupa-sidebar-open": unref(isSidebarVisible)
+        }]),
+        onClick: _cache[0] || (_cache[0] = //@ts-ignore
+        (...args) => unref(handleFilterSidebarToggle) && unref(handleFilterSidebarToggle)(...args))
+      }, [
+        createTextVNode(toDisplayString(unref(label)) + " ", 1),
+        unref(showMobileFilterCount) && unref(currentFilterCount) > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$O, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
+  __name: "DesktopSortToggle",
+  setup(__props) {
+    const { isSidebarVisible, sortLabel, sortToggleVisible, handleSortSidebarToggle } = useSidebarToggle();
+    return (_ctx, _cache) => {
+      return unref(sortToggleVisible) ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["lupa-desktop-toggle lupa-desktop-sort-toggle", {
+          "lupa-sidebar-open": unref(isSidebarVisible)
+        }]),
+        onClick: _cache[0] || (_cache[0] = //@ts-ignore
+        (...args) => unref(handleSortSidebarToggle) && unref(handleSortSidebarToggle)(...args))
+      }, toDisplayString(unref(sortLabel)), 3)) : createCommentVNode("", true);
+    };
+  }
+});
+const _hoisted_1$N = { class: "lupa-search-result-facet-section" };
+const _hoisted_2$z = {
   key: 0,
   class: "lupa-facets-title"
 };
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "FacetList",
   props: {
     options: {},
@@ -28442,6 +28671,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
   emits: ["select", "clear"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const { handleFilterSidebarToggle } = useSidebarToggle();
     const emit = __emit;
     const currentFiltersValue = computed(() => {
       var _a25;
@@ -28457,6 +28687,12 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
         return !((_a25 = props.options.exclude) == null ? void 0 : _a25.includes(f2.key));
       }) : facetsValue.value;
     });
+    const displayFacetStyle = computed(() => {
+      if (!props.facetStyle || props.facetStyle === "sidebar") {
+        return "sidebar";
+      }
+      return "top-dropdown";
+    });
     const handleFacetSelect = (facetAction) => {
       emit("select", facetAction);
     };
@@ -28465,29 +28701,33 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       var _a25;
-      return openBlock(), createElementBlock("div", _hoisted_1$L, [
-        _ctx.options.labels.title ? (openBlock(), createElementBlock("div", _hoisted_2$x, toDisplayString(_ctx.options.labels.title), 1)) : createCommentVNode("", true),
+      return openBlock(), createElementBlock("div", _hoisted_1$N, [
+        _ctx.options.labels.title ? (openBlock(), createElementBlock("div", _hoisted_2$z, toDisplayString(_ctx.options.labels.title), 1)) : createCommentVNode("", true),
         createElementVNode("div", {
-          class: normalizeClass(["lupa-search-result-facet-list", "lupa-" + ((_a25 = _ctx.facetStyle) != null ? _a25 : "")])
+          class: normalizeClass(["lupa-search-result-facet-list", "lupa-" + ((_a25 = displayFacetStyle.value) != null ? _a25 : "")])
         }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(displayFacets.value, (facet) => {
             var _a26;
-            return openBlock(), createBlock(_sfc_main$T, {
+            return openBlock(), createBlock(_sfc_main$Z, {
               key: facet.key,
               facet,
               currentFilters: currentFiltersValue.value,
               options: _ctx.options,
               clearable: (_a26 = _ctx.clearable) != null ? _a26 : false,
+              "current-facet-style": _ctx.facetStyle,
               onSelect: handleFacetSelect,
-              onClear: clear
-            }, null, 8, ["facet", "currentFilters", "options", "clearable"]);
-          }), 128))
+              onClear: clear,
+              onExpand: unref(handleFilterSidebarToggle)
+            }, null, 8, ["facet", "currentFilters", "options", "clearable", "current-facet-style", "onExpand"]);
+          }), 128)),
+          _ctx.facetStyle === "drawer" ? (openBlock(), createBlock(_sfc_main$Y, { key: 0 })) : createCommentVNode("", true),
+          _ctx.facetStyle === "drawer" || _ctx.facetStyle === "top-dropdown" ? (openBlock(), createBlock(_sfc_main$X, { key: 1 })) : createCommentVNode("", true)
         ], 2)
       ]);
     };
   }
 });
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "FacetsButton",
   props: {
     options: {}
@@ -28512,8 +28752,33 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$K = { class: "lupa-facets-filter-button-wrapper" };
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
+  __name: "FacetsClearButton",
+  props: {
+    options: {}
+  },
+  emits: ["clear"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const label = computed(() => {
+      var _a25, _b25;
+      return (_b25 = (_a25 = props.options.labels) == null ? void 0 : _a25.facetClearAllButton) != null ? _b25 : "";
+    });
+    const handleClick = () => {
+      emit("clear");
+    };
+    return (_ctx, _cache) => {
+      return label.value ? (openBlock(), createElementBlock("button", {
+        key: 0,
+        class: "lupa-facets-button-clear",
+        onClick: withModifiers(handleClick, ["stop"])
+      }, toDisplayString(label.value), 1)) : createCommentVNode("", true);
+    };
+  }
+});
+const _hoisted_1$M = { class: "lupa-facets-filter-button-wrapper" };
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "Facets",
   props: {
     options: {},
@@ -28526,6 +28791,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     const paramStore = useParamsStore();
     const searchResultStore = useSearchResultStore();
     const optionsStore = useOptionsStore();
+    const { handleFilterSidebarToggle } = useSidebarToggle();
     const { filters } = storeToRefs(paramStore);
     const { facets: facets2, loadingFacets } = storeToRefs(searchResultStore);
     const { searchResultOptions } = storeToRefs(optionsStore);
@@ -28553,7 +28819,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
       };
     });
     const showFilterButton = computed(() => {
-      return props.options.filterBehavior === "withFilterButton";
+      return props.options.filterBehavior === "withFilterButton" && props.facetStyle === "sidebar";
     });
     const handleFacetSelect = (facetAction) => {
       switch (facetAction.type) {
@@ -28594,6 +28860,10 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
       const param = getFacetKey(facet.key, facet.type);
       paramStore.removeParameters({ paramsToRemove: [param] });
     };
+    const clearAll = () => {
+      paramStore.removeAllFilters();
+      handleFilterSidebarToggle();
+    };
     const filter = () => {
       emit("filter");
     };
@@ -28601,7 +28871,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["lupa-search-result-facets", { "lupa-search-result-facets-loading": unref(loadingFacets) }])
       }, [
-        regularFacets.value ? (openBlock(), createBlock(_sfc_main$S, {
+        regularFacets.value ? (openBlock(), createBlock(_sfc_main$W, {
           key: 0,
           options: _ctx.options,
           facets: regularFacets.value,
@@ -28611,10 +28881,15 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
           onSelect: handleFacetSelect,
           onClear: clear
         }, null, 8, ["options", "facets", "currentFilters", "facetStyle", "clearable"])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_1$K, [
-          showFilterButton.value ? (openBlock(), createBlock(_sfc_main$R, {
+        createElementVNode("div", _hoisted_1$M, [
+          showFilterButton.value ? (openBlock(), createBlock(_sfc_main$U, {
             key: 0,
             options: _ctx.options,
+            onClear: clearAll
+          }, null, 8, ["options"])) : createCommentVNode("", true),
+          showFilterButton.value ? (openBlock(), createBlock(_sfc_main$V, {
+            key: 1,
+            options: _ctx.options,
             onFilter: filter
           }, null, 8, ["options"])) : createCommentVNode("", true)
         ])
@@ -28622,16 +28897,17 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$J = {
+const _hoisted_1$L = {
   key: 0,
   id: "lupa-search-result-filters",
   class: "lupa-search-result-filters"
 };
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsFilters",
   props: {
     options: {},
-    expandable: { type: Boolean }
+    expandable: { type: Boolean },
+    style: {}
   },
   emits: ["filter"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -28665,40 +28941,37 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     __expose({ fetch: fetch2 });
     return (_ctx, _cache) => {
       var _a25;
-      return visible.value ? (openBlock(), createElementBlock("div", _hoisted_1$J, [
-        showCurrentFilters.value ? (openBlock(), createBlock(_sfc_main$_, {
+      return visible.value ? (openBlock(), createElementBlock("div", _hoisted_1$L, [
+        showCurrentFilters.value ? (openBlock(), createBlock(_sfc_main$14, {
           key: 0,
           options: _ctx.options.currentFilters,
           expandable: (_a25 = _ctx.expandable) != null ? _a25 : false
         }, null, 8, ["options", "expandable"])) : createCommentVNode("", true),
-        _ctx.options.categories ? (openBlock(), createBlock(_sfc_main$Y, {
+        _ctx.options.categories ? (openBlock(), createBlock(_sfc_main$12, {
           key: 1,
           options: _ctx.options.categories,
           ref_key: "categoryFilters",
           ref: categoryFilters
         }, null, 8, ["options"])) : createCommentVNode("", true),
-        _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$Q, {
+        _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$T, {
           key: 2,
           options: _ctx.options.facets,
+          "facet-style": _ctx.style,
           onFilter: filter
-        }, null, 8, ["options"])) : createCommentVNode("", true)
+        }, null, 8, ["options", "facet-style"])) : createCommentVNode("", true)
       ])) : createCommentVNode("", true);
     };
   }
 });
-const _hoisted_1$I = {
-  key: 0,
-  class: "lupa-mobile-filter-sidebar"
-};
-const _hoisted_2$w = { class: "lupa-mobile-sidebar-content" };
-const _hoisted_3$o = { class: "lupa-sidebar-top" };
-const _hoisted_4$g = { class: "lupa-sidebar-title" };
-const _hoisted_5$b = {
+const _hoisted_1$K = { class: "lupa-mobile-sidebar-content" };
+const _hoisted_2$y = { class: "lupa-sidebar-top" };
+const _hoisted_3$q = { class: "lupa-sidebar-title" };
+const _hoisted_4$i = {
   key: 0,
   class: "lupa-sidebar-filter-count"
 };
-const _hoisted_6$5 = { class: "lupa-sidebar-filter-options" };
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _hoisted_5$c = { class: "lupa-sidebar-filter-options" };
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "MobileFilterSidebar",
   props: {
     options: {}
@@ -28707,7 +28980,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const searchResultStore = useSearchResultStore();
-    const { currentFilterCount } = storeToRefs(searchResultStore);
+    const { currentFilterCount, isFilterSidebarVisible, isSidebarClosing } = storeToRefs(searchResultStore);
     const emit = __emit;
     const sidebarTitle = computed(() => {
       var _a25, _b25, _c;
@@ -28717,7 +28990,6 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
       var _a25, _b25;
       return Boolean((_b25 = (_a25 = props.options.currentFilters) == null ? void 0 : _a25.mobileSidebar) == null ? void 0 : _b25.showFilterCount) && currentFilterCount.value > 0;
     });
-    const isMobileSidebarVisible = computed(() => searchResultStore.isMobileSidebarVisible);
     const isActiveFiltersExpanded = computed(() => {
       var _a25, _b25;
       return !((_b25 = (_a25 = props.options.currentFilters) == null ? void 0 : _a25.mobileSidebar) == null ? void 0 : _b25.activeFiltersExpanded);
@@ -28730,42 +29002,46 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
       handleMobileToggle();
     };
     return (_ctx, _cache) => {
-      return isMobileSidebarVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$I, [
+      return unref(isFilterSidebarVisible) ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["lupa-mobile-filter-sidebar", { "lupa-mobile-filter-sidebar-is-closing": unref(isSidebarClosing) }])
+      }, [
         createElementVNode("div", {
           class: "lupa-sidebar-close",
           onClick: withModifiers(handleMobileToggle, ["stop"])
         }),
-        createElementVNode("div", _hoisted_2$w, [
-          createElementVNode("div", _hoisted_3$o, [
-            createElementVNode("div", _hoisted_4$g, [
+        createElementVNode("div", _hoisted_1$K, [
+          createElementVNode("div", _hoisted_2$y, [
+            createElementVNode("div", _hoisted_3$q, [
               createTextVNode(toDisplayString(sidebarTitle.value) + " ", 1),
-              isFilterCountVisible.value ? (openBlock(), createElementBlock("span", _hoisted_5$b, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
+              isFilterCountVisible.value ? (openBlock(), createElementBlock("span", _hoisted_4$i, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
             ]),
             createElementVNode("div", {
               class: "lupa-filter-toggle-mobile",
               onClick: handleMobileToggle
             })
           ]),
-          createElementVNode("div", _hoisted_6$5, [
-            createVNode(_sfc_main$P, {
+          createElementVNode("div", _hoisted_5$c, [
+            createVNode(_sfc_main$S, {
               options: _ctx.options,
               expandable: isActiveFiltersExpanded.value,
+              style: "sidebar",
               onFilter: filter
             }, null, 8, ["options", "expandable"])
           ])
         ])
-      ])) : createCommentVNode("", true);
+      ], 2)) : createCommentVNode("", true);
     };
   }
 });
-const _hoisted_1$H = { id: "lupa-search-results-breadcrumbs" };
-const _hoisted_2$v = ["href", "onClick"];
-const _hoisted_3$n = {
+const _hoisted_1$J = { id: "lupa-search-results-breadcrumbs" };
+const _hoisted_2$x = ["href", "onClick"];
+const _hoisted_3$p = {
   key: 1,
   class: "lupa-search-results-breadcrumb-text"
 };
-const _hoisted_4$f = { key: 2 };
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _hoisted_4$h = { key: 2 };
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsBreadcrumbs",
   props: {
     breadcrumbs: {}
@@ -28790,7 +29066,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
       handleRoutingEvent(link, event, hasEventRouting.value);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$H, [
+      return openBlock(), createElementBlock("div", _hoisted_1$J, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(breadcrumbsValue.value, (breadcrumb, index) => {
           var _a25;
           return openBlock(), createElementBlock("span", {
@@ -28805,20 +29081,20 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
                 var _a26;
                 return handleNavigation(e2, (_a26 = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a26 : "");
               }
-            }, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$v)) : (openBlock(), createElementBlock("span", _hoisted_3$n, toDisplayString(getLabel(breadcrumb.label)), 1)),
-            index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$f, toDisplayString((_a25 = breadcrumb.separator) != null ? _a25 : "/"), 1)) : createCommentVNode("", true)
+            }, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$x)) : (openBlock(), createElementBlock("span", _hoisted_3$p, toDisplayString(getLabel(breadcrumb.label)), 1)),
+            index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$h, toDisplayString((_a25 = breadcrumb.separator) != null ? _a25 : "/"), 1)) : createCommentVNode("", true)
           ]);
         }), 128))
       ]);
     };
   }
 });
-const _hoisted_1$G = {
+const _hoisted_1$I = {
   key: 0,
   id: "lupa-search-result-filters",
   class: "lupa-search-result-filters lupa-search-result-top-filters"
 };
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "FiltersTopDropdown",
   props: {
     options: {}
@@ -28836,8 +29112,8 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       var _a25;
-      return visible.value ? (openBlock(), createElementBlock("div", _hoisted_1$G, [
-        _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$Q, {
+      return visible.value ? (openBlock(), createElementBlock("div", _hoisted_1$I, [
+        _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$T, {
           key: 0,
           options: _ctx.options.facets,
           "facet-style": (_a25 = _ctx.options.facets.style) == null ? void 0 : _a25.type,
@@ -28848,8 +29124,8 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$F = { id: "lupa-search-results-layout-selection" };
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _hoisted_1$H = { id: "lupa-search-results-layout-selection" };
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsLayoutSelection",
   setup(__props) {
     const searchResultStore = useSearchResultStore();
@@ -28860,7 +29136,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
       searchResultStore.setLayout(layout2);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$F, [
+      return openBlock(), createElementBlock("div", _hoisted_1$H, [
         createElementVNode("div", {
           class: normalizeClass([
             "lupa-layout-selection-grid",
@@ -28882,64 +29158,38 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$E = {
+const _hoisted_1$G = {
   key: 0,
   class: "lupa-mobile-toggle-filter-count"
 };
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsMobileToggle",
-  props: {
-    labels: {},
-    showFilterCount: { type: Boolean }
-  },
   setup(__props) {
-    const props = __props;
-    const searchResultStore = useSearchResultStore();
-    const optionsStore = useOptionsStore();
-    const { currentFilterCount, isMobileSidebarVisible } = storeToRefs(searchResultStore);
-    const { searchResultOptions } = storeToRefs(optionsStore);
-    const disableMobileBodyScrollLock = computed(
-      () => {
-        var _a25, _b25, _c;
-        return (_c = (_b25 = (_a25 = searchResultOptions.value.filters) == null ? void 0 : _a25.facets) == null ? void 0 : _b25.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 && openLabel.value) {
-        return openLabel.value;
-      }
-      if (hasActiveFilters.value && activeLabel.value) {
-        return activeLabel.value;
-      }
-      return defaultLabel.value;
-    });
-    const handleMobileToggle = () => {
-      searchResultStore.setSidebarState({
-        visible: !isSidebarVisible.value,
-        disableBodyScrolling: !disableMobileBodyScrollLock.value
-      });
-    };
-    const hasActiveFilters = computed(() => currentFilterCount.value > 0);
+    const {
+      isSidebarVisible,
+      label,
+      currentFilterCount,
+      hasActiveFilters,
+      showMobileFilterCount,
+      handleFilterSidebarToggle
+    } = useSidebarToggle();
     return (_ctx, _cache) => {
       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-sidebar-open": isSidebarVisible.value
+          "lupa-mobile-toggle-has-filters": unref(hasActiveFilters),
+          "lupa-sidebar-open": unref(isSidebarVisible)
         }]),
-        onClick: handleMobileToggle
+        onClick: _cache[0] || (_cache[0] = //@ts-ignore
+        (...args) => unref(handleFilterSidebarToggle) && unref(handleFilterSidebarToggle)(...args))
       }, [
-        createTextVNode(toDisplayString(label.value) + " ", 1),
-        _ctx.showFilterCount && unref(currentFilterCount) > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$E, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
+        createTextVNode(toDisplayString(unref(label)) + " ", 1),
+        unref(showMobileFilterCount) && unref(currentFilterCount) > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$G, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsMobileFilterClose",
   props: {
     label: {}
@@ -28959,20 +29209,20 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$D = {
+const _hoisted_1$F = {
   key: 0,
   id: "lupa-search-results-page-select",
   "data-cy": "lupa-search-results-page-select"
 };
-const _hoisted_2$u = {
+const _hoisted_2$w = {
   key: 0,
   class: "lupa-page-number-separator"
 };
-const _hoisted_3$m = {
+const _hoisted_3$o = {
   key: 0,
   class: "lupa-page-number-separator"
 };
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsPageSelect",
   props: {
     lastPageLabel: {},
@@ -29067,7 +29317,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       var _a25;
-      return showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_1$D, [
+      return showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_1$F, [
         showBack.value ? (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
           key: 0,
           class: normalizeClass(firstPageLabel.value === "<" ? "lupa-page-arrow" : "lupa-show-less"),
@@ -29091,7 +29341,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
             _: 1,
             __: [4]
           }, 8, ["href"])),
-          showFirstPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_2$u, "...")) : createCommentVNode("", true)
+          showFirstPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_2$w, "...")) : createCommentVNode("", true)
         ], 64)) : createCommentVNode("", true),
         (openBlock(true), createElementBlock(Fragment, null, renderList(pages.value, (page) => {
           return openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
@@ -29111,7 +29361,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
           }, 1032, ["href", "onClick", "class"]);
         }), 128)),
         showLastPage.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-          showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_3$m, "...")) : createCommentVNode("", true),
+          showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_3$o, "...")) : createCommentVNode("", true),
           (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
             href: getHref((_a25 = lastPage.value) != null ? _a25 : 1),
             class: "lupa-page-number lupa-page-number-last",
@@ -29142,18 +29392,18 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$C = {
+const _hoisted_1$E = {
   id: "lupa-search-results-page-size",
   "data-cy": "lupa-search-results-page-size"
 };
-const _hoisted_2$t = { id: "lupa-select" };
-const _hoisted_3$l = {
+const _hoisted_2$v = { id: "lupa-select" };
+const _hoisted_3$n = {
   class: "lupa-select-label",
   for: "lupa-page-size-select-dropdown"
 };
-const _hoisted_4$e = ["aria-label"];
-const _hoisted_5$a = ["value"];
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _hoisted_4$g = ["aria-label"];
+const _hoisted_5$b = ["value"];
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsPageSize",
   props: {
     labels: {},
@@ -29183,9 +29433,9 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       var _a25, _b25, _c;
-      return openBlock(), createElementBlock("div", _hoisted_1$C, [
-        createElementVNode("div", _hoisted_2$t, [
-          createElementVNode("label", _hoisted_3$l, toDisplayString(label.value), 1),
+      return openBlock(), createElementBlock("div", _hoisted_1$E, [
+        createElementVNode("div", _hoisted_2$v, [
+          createElementVNode("label", _hoisted_3$n, toDisplayString(label.value), 1),
           createElementVNode("select", {
             id: "lupa-page-size-select-dropdown",
             class: "lupa-select-dropdown",
@@ -29199,110 +29449,161 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
               return openBlock(), createElementBlock("option", {
                 key: option,
                 value: option
-              }, toDisplayString(prefixLabel.value) + toDisplayString(option), 9, _hoisted_5$a);
+              }, toDisplayString(prefixLabel.value) + toDisplayString(option), 9, _hoisted_5$b);
             }), 128))
-          ], 40, _hoisted_4$e)
+          ], 40, _hoisted_4$g)
         ])
       ]);
     };
   }
 });
-const _hoisted_1$B = {
+const useSorting = () => {
+  const paramStore = useParamsStore();
+  const optionStore = useOptionsStore();
+  const { sort } = storeToRefs(paramStore);
+  const { ariaLabels, searchResultOptions } = storeToRefs(optionStore);
+  const selectedKey = ref("");
+  const previousKey = ref("");
+  const sortStyle = computed(() => {
+    return searchResultOptions.value.sortStyle;
+  });
+  const sortOptions = computed(() => {
+    return searchResultOptions.value.sort;
+  });
+  const callbacks = computed(() => {
+    return searchResultOptions.value.callbacks;
+  });
+  const sotyByTitleLabel = computed(() => {
+    var _a25;
+    return (_a25 = searchResultOptions.value.labels) == null ? void 0 : _a25.sortBy;
+  });
+  const sortItems = computed(() => {
+    if (sortOptions.value && sortOptions.value.length) {
+      return sortOptions.value;
+    } else {
+      return [];
+    }
+  });
+  const defaultSortValue = computed(() => {
+    var _a25, _b25, _c;
+    return (_c = (_a25 = sortOptions.value) == null ? void 0 : _a25.find((x) => x.default)) != null ? _c : (_b25 = sortItems.value) == null ? void 0 : _b25[0];
+  });
+  const setSortValue = () => {
+    var _a25, _b25;
+    const optionToSelect = (_a25 = sortItems.value.find((x) => x.key === sort.value)) == null ? void 0 : _a25.key;
+    selectedKey.value = optionToSelect != null ? optionToSelect : (_b25 = defaultSortValue.value) == null ? void 0 : _b25.key;
+    previousKey.value = selectedKey.value;
+  };
+  watch(sort, () => setSortValue());
+  const handleSelect = () => {
+    var _a25, _b25, _c;
+    const value = (_a25 = sortItems.value.find((x) => x.key === selectedKey.value)) == null ? void 0 : _a25.key;
+    if (!value) {
+      return;
+    }
+    paramStore.setSortSettings({ selectedSortKey: value, previousSortKey: previousKey.value });
+    (_c = (_b25 = callbacks.value) == null ? void 0 : _b25.onSortChange) == null ? void 0 : _c.call(_b25, { selectedSortKey: value, previousSortKey: previousKey.value });
+    paramStore.appendParams({
+      params: [{ name: optionStore.getQueryParamName(QUERY_PARAMS.SORT), value }],
+      paramsToRemove: [optionStore.getQueryParamName(QUERY_PARAMS.PAGE)]
+    });
+    previousKey.value = selectedKey.value;
+  };
+  return {
+    sotyByTitleLabel,
+    sortItems,
+    selectedKey,
+    ariaLabels,
+    sortOptions,
+    sortStyle,
+    handleSelect,
+    setSortValue
+  };
+};
+const _hoisted_1$D = {
+  key: 0,
   id: "lupa-search-results-sort",
   class: "lupa-search-results-sort"
 };
-const _hoisted_2$s = { id: "lupa-select" };
-const _hoisted_3$k = {
+const _hoisted_2$u = { id: "lupa-select" };
+const _hoisted_3$m = {
   class: "lupa-select-label",
   for: "lupa-sort-select-dropdown"
 };
-const _hoisted_4$d = ["aria-label"];
-const _hoisted_5$9 = ["value"];
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _hoisted_4$f = ["aria-label"];
+const _hoisted_5$a = ["value"];
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsSort",
-  props: {
-    options: {},
-    callbacks: {}
-  },
   setup(__props) {
-    const props = __props;
-    const paramStore = useParamsStore();
-    const optionStore = useOptionsStore();
-    const { sort } = storeToRefs(paramStore);
-    const { ariaLabels } = storeToRefs(optionStore);
-    const selectedKey = ref("");
-    const previousKey = ref("");
-    const sortItems = computed(() => {
-      if (props.options.options && props.options.options.length) {
-        return props.options.options;
-      } else {
-        return [];
-      }
-    });
-    const defaultSortValue = computed(() => {
-      var _a25;
-      return (_a25 = props.options.options.find((x) => x.default)) != null ? _a25 : props.options.options[0];
-    });
-    const setSortValue = () => {
-      var _a25, _b25;
-      const optionToSelect = (_a25 = sortItems.value.find((x) => x.key === sort.value)) == null ? void 0 : _a25.key;
-      selectedKey.value = optionToSelect != null ? optionToSelect : (_b25 = defaultSortValue.value) == null ? void 0 : _b25.key;
-      previousKey.value = selectedKey.value;
-    };
-    watch(sort, () => setSortValue());
+    const {
+      sortItems,
+      selectedKey,
+      ariaLabels,
+      sotyByTitleLabel,
+      sortStyle,
+      handleSelect,
+      setSortValue
+    } = useSorting();
     onMounted(() => {
       setSortValue();
     });
-    const handleSelect = () => {
-      var _a25, _b25, _c;
-      const value = (_a25 = sortItems.value.find((x) => x.key === selectedKey.value)) == null ? void 0 : _a25.key;
-      if (!value) {
-        return;
-      }
-      paramStore.setSortSettings({ selectedSortKey: value, previousSortKey: previousKey.value });
-      (_c = (_b25 = props.callbacks) == null ? void 0 : _b25.onSortChange) == null ? void 0 : _c.call(_b25, { selectedSortKey: value, previousSortKey: previousKey.value });
-      paramStore.appendParams({
-        params: [{ name: optionStore.getQueryParamName(QUERY_PARAMS.SORT), value }],
-        paramsToRemove: [optionStore.getQueryParamName(QUERY_PARAMS.PAGE)]
-      });
-      previousKey.value = selectedKey.value;
-    };
+    const showDefaultSort = computed(() => {
+      var _a25;
+      return !sortStyle.value || ((_a25 = sortStyle.value) == null ? void 0 : _a25.type) !== "drawer";
+    });
     return (_ctx, _cache) => {
       var _a25, _b25;
-      return openBlock(), createElementBlock("div", _hoisted_1$B, [
-        createElementVNode("div", _hoisted_2$s, [
-          createElementVNode("label", _hoisted_3$k, toDisplayString(_ctx.options.label), 1),
+      return showDefaultSort.value ? (openBlock(), createElementBlock("div", _hoisted_1$D, [
+        createElementVNode("div", _hoisted_2$u, [
+          createElementVNode("label", _hoisted_3$m, toDisplayString(unref(sotyByTitleLabel)), 1),
           withDirectives(createElementVNode("select", {
             id: "lupa-sort-select-dropdown",
             class: "lupa-select-dropdown",
-            "aria-label": (_b25 = (_a25 = unref(ariaLabels)) == null ? void 0 : _a25.sortBySelect) != null ? _b25 : _ctx.options.label,
+            "aria-label": (_b25 = (_a25 = unref(ariaLabels)) == null ? void 0 : _a25.sortBySelect) != null ? _b25 : unref(sotyByTitleLabel),
             "data-cy": "lupa-sort-select-dropdown",
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedKey.value = $event),
-            onChange: handleSelect,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef$1(selectedKey) ? selectedKey.value = $event : null),
+            onChange: _cache[1] || (_cache[1] = //@ts-ignore
+            (...args) => unref(handleSelect) && unref(handleSelect)(...args)),
             ref: "select"
           }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(sortItems.value, (option) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(sortItems), (option) => {
               return openBlock(), createElementBlock("option", {
                 key: option.key,
                 value: option.key
-              }, toDisplayString(option.label), 9, _hoisted_5$9);
+              }, toDisplayString(option.label), 9, _hoisted_5$a);
             }), 128))
-          ], 40, _hoisted_4$d), [
-            [vModelSelect, selectedKey.value]
+          ], 40, _hoisted_4$f), [
+            [vModelSelect, unref(selectedKey)]
           ])
         ])
-      ]);
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
+  __name: "SearchResultsSortDrawerToggle",
+  setup(__props) {
+    const { isSidebarVisible, sortLabel, sortToggleVisible, handleSortSidebarToggle } = useSidebarToggle();
+    return (_ctx, _cache) => {
+      return unref(sortToggleVisible) ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["lupa-mobile-toggle lupa-mobile-sort-toggle", {
+          "lupa-sidebar-open": unref(isSidebarVisible)
+        }]),
+        onClick: _cache[0] || (_cache[0] = //@ts-ignore
+        (...args) => unref(handleSortSidebarToggle) && unref(handleSortSidebarToggle)(...args))
+      }, toDisplayString(unref(sortLabel)), 3)) : createCommentVNode("", true);
     };
   }
 });
-const _hoisted_1$A = { class: "lupa-toolbar-left" };
-const _hoisted_2$r = {
+const _hoisted_1$C = { class: "lupa-toolbar-left" };
+const _hoisted_2$t = {
   key: 0,
   class: "lupa-toolbar-right-title"
 };
-const _hoisted_3$j = { key: 2 };
-const _hoisted_4$c = { key: 4 };
-const _hoisted_5$8 = { key: 6 };
+const _hoisted_3$l = { key: 2 };
+const _hoisted_4$e = { key: 4 };
+const _hoisted_5$9 = { key: 6 };
 const _hoisted_6$4 = { class: "lupa-toolbar-right" };
 const _hoisted_7$2 = {
   key: 0,
@@ -29310,7 +29611,7 @@ const _hoisted_7$2 = {
 };
 const _hoisted_8 = { key: 2 };
 const _hoisted_9 = { key: 4 };
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsToolbar",
   props: {
     options: {},
@@ -29326,7 +29627,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     const searchResultStore = useSearchResultStore();
     const optionsStore = useOptionsStore();
     const { page, limit } = storeToRefs(paramStore);
-    const { hasAnyFilter, searchResult, isMobileSidebarVisible } = storeToRefs(searchResultStore);
+    const { hasAnyFilter, searchResult, isFilterSidebarVisible } = storeToRefs(searchResultStore);
     const { currentResolutionPageSizes } = storeToRefs(optionsStore);
     const isBottomLocation = computed(() => {
       return props.paginationLocation === "bottom";
@@ -29404,7 +29705,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
       var _a25;
       return (_a25 = optionsValue.value.labels.toolbarRightLabel) != null ? _a25 : "";
     });
-    const showMobileFilterCount = computed(() => {
+    computed(() => {
       var _a25, _b25, _c;
       return Boolean((_c = (_b25 = (_a25 = optionsValue.value.filters) == null ? void 0 : _a25.currentFilters) == null ? void 0 : _b25.mobileSidebar) == null ? void 0 : _c.showFilterCount);
     });
@@ -29423,39 +29724,37 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
         id: "lupa-search-results-toolbar",
         class: normalizeClass({ "lupa-filter-no-results": !hasResults.value })
       }, [
-        createElementVNode("div", _hoisted_1$A, [
-          toolbarLeftLabel.value ? (openBlock(), createElementBlock("div", _hoisted_2$r, toDisplayString(toolbarLeftLabel.value), 1)) : createCommentVNode("", true),
-          showLayoutSelection.value ? (openBlock(), createBlock(_sfc_main$L, { key: 1 })) : (openBlock(), createElementBlock("div", _hoisted_3$j)),
-          showItemSummary.value ? (openBlock(), createBlock(_sfc_main$11, {
+        createElementVNode("div", _hoisted_1$C, [
+          toolbarLeftLabel.value ? (openBlock(), createElementBlock("div", _hoisted_2$t, toDisplayString(toolbarLeftLabel.value), 1)) : createCommentVNode("", true),
+          showLayoutSelection.value ? (openBlock(), createBlock(_sfc_main$O, { key: 1 })) : (openBlock(), createElementBlock("div", _hoisted_3$l)),
+          showItemSummary.value ? (openBlock(), createBlock(_sfc_main$17, {
             key: 3,
             label: searchSummaryLabel.value,
             clearable: unref(hasAnyFilter) && showFilterClear.value,
             onClear: handleClearAll
-          }, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_4$c)),
-          displayPageSelect.value ? (openBlock(), createBlock(_sfc_main$I, {
+          }, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_4$e)),
+          displayPageSelect.value ? (openBlock(), createBlock(_sfc_main$L, {
             key: 5,
             options: paginationOptions.value.pageSelect,
             "last-page-label": paginationOptions.value.labels.showMore,
             "first-page-label": paginationOptions.value.labels.showLess
-          }, null, 8, ["options", "last-page-label", "first-page-label"])) : (openBlock(), createElementBlock("div", _hoisted_5$8))
+          }, null, 8, ["options", "last-page-label", "first-page-label"])) : (openBlock(), createElementBlock("div", _hoisted_5$9))
         ]),
         createElementVNode("div", _hoisted_6$4, [
           toolbarRightLabel.value ? (openBlock(), createElementBlock("div", _hoisted_7$2, toDisplayString(toolbarRightLabel.value), 1)) : createCommentVNode("", true),
-          createVNode(_sfc_main$K, {
-            labels: optionsValue.value.labels,
-            "show-filter-count": showMobileFilterCount.value
-          }, null, 8, ["labels", "show-filter-count"]),
-          paginationDisplay.value.pageSize ? (openBlock(), createBlock(_sfc_main$H, {
+          createVNode(_sfc_main$N),
+          createVNode(_sfc_main$I),
+          paginationDisplay.value.pageSize ? (openBlock(), createBlock(_sfc_main$K, {
             key: 1,
             options: paginationOptions.value.pageSize,
             labels: paginationOptions.value.labels
           }, null, 8, ["options", "labels"])) : (openBlock(), createElementBlock("div", _hoisted_8)),
-          sortOptions.value ? (openBlock(), createBlock(_sfc_main$G, {
+          sortOptions.value ? (openBlock(), createBlock(_sfc_main$J, {
             key: 3,
             options: sortOptions.value,
             callbacks: callbacks.value
           }, null, 8, ["options", "callbacks"])) : (openBlock(), createElementBlock("div", _hoisted_9)),
-          showFiltersCloseButton.value && unref(isMobileSidebarVisible) ? (openBlock(), createBlock(_sfc_main$J, {
+          showFiltersCloseButton.value && unref(isFilterSidebarVisible) ? (openBlock(), createBlock(_sfc_main$M, {
             key: 5,
             label: optionsValue.value.labels.mobileFilterCloseButton
           }, null, 8, ["label"])) : createCommentVNode("", true)
@@ -29464,7 +29763,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductImage",
   props: {
     item: {},
@@ -29472,7 +29771,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1q, {
+      return openBlock(), createBlock(_sfc_main$1w, {
         item: _ctx.item,
         options: _ctx.options,
         "wrapper-class": "lupa-search-results-image-wrapper",
@@ -29481,16 +29780,16 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$z = ["title", "innerHTML"];
-const _hoisted_2$q = ["title"];
-const _hoisted_3$i = ["href", "innerHTML"];
-const _hoisted_4$b = ["title"];
-const _hoisted_5$7 = {
+const _hoisted_1$B = ["title", "innerHTML"];
+const _hoisted_2$s = ["title"];
+const _hoisted_3$k = ["href", "innerHTML"];
+const _hoisted_4$d = ["title"];
+const _hoisted_5$8 = {
   key: 0,
   class: "lupa-search-results-product-title-text"
 };
 const _hoisted_6$3 = ["href"];
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductTitle",
   props: {
     item: {},
@@ -29527,7 +29826,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
         style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
         title: sanitizedTitle.value,
         innerHTML: sanitizedTitle.value
-      }, null, 12, _hoisted_1$z)) : isHtml.value && _ctx.options.link ? (openBlock(), createElementBlock("div", {
+      }, null, 12, _hoisted_1$B)) : isHtml.value && _ctx.options.link ? (openBlock(), createElementBlock("div", {
         key: 1,
         class: "lupa-search-results-product-title",
         style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
@@ -29538,26 +29837,26 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
           class: "lupa-search-results-product-title-text lupa-title-link",
           innerHTML: sanitizedTitle.value,
           onClick: handleNavigation
-        }, null, 8, _hoisted_3$i)
-      ], 12, _hoisted_2$q)) : (openBlock(), createElementBlock("div", {
+        }, null, 8, _hoisted_3$k)
+      ], 12, _hoisted_2$s)) : (openBlock(), createElementBlock("div", {
         key: 2,
         class: "lupa-search-results-product-title",
         style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
         title: title.value
       }, [
-        !_ctx.options.link ? (openBlock(), createElementBlock("span", _hoisted_5$7, toDisplayString(title.value), 1)) : createCommentVNode("", true),
+        !_ctx.options.link ? (openBlock(), createElementBlock("span", _hoisted_5$8, toDisplayString(title.value), 1)) : createCommentVNode("", true),
         _ctx.options.link ? (openBlock(), createElementBlock("a", {
           key: 1,
           href: _ctx.link,
           class: "lupa-search-results-product-title-text lupa-title-link",
           onClick: handleNavigation
         }, toDisplayString(title.value), 9, _hoisted_6$3)) : createCommentVNode("", true)
-      ], 12, _hoisted_4$b));
+      ], 12, _hoisted_4$d));
     };
   }
 });
-const _hoisted_1$y = ["innerHTML"];
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _hoisted_1$A = ["innerHTML"];
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductDescription",
   props: {
     item: {},
@@ -29584,7 +29883,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
         class: "lupa-search-results-product-description",
         style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
         innerHTML: sanitizedDescription.value
-      }, null, 12, _hoisted_1$y)) : (openBlock(), createElementBlock("div", {
+      }, null, 12, _hoisted_1$A)) : (openBlock(), createElementBlock("div", {
         key: 1,
         class: "lupa-search-results-product-description",
         style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`)
@@ -29592,15 +29891,15 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$x = { id: "lupa-search-results-rating" };
-const _hoisted_2$p = { class: "lupa-ratings" };
-const _hoisted_3$h = { class: "lupa-ratings-base" };
-const _hoisted_4$a = ["innerHTML"];
-const _hoisted_5$6 = { class: "lupa-rating-wrapper" };
+const _hoisted_1$z = { id: "lupa-search-results-rating" };
+const _hoisted_2$r = { class: "lupa-ratings" };
+const _hoisted_3$j = { class: "lupa-ratings-base" };
+const _hoisted_4$c = ["innerHTML"];
+const _hoisted_5$7 = { class: "lupa-rating-wrapper" };
 const _hoisted_6$2 = ["innerHTML"];
 const _hoisted_7$1 = ["href"];
 const STAR_COUNT = 5;
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductRating",
   props: {
     item: {},
@@ -29637,18 +29936,18 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
       return generateLink(props.options.links.ratingDetails, props.item);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$x, [
-        createElementVNode("div", _hoisted_2$p, [
-          createElementVNode("div", _hoisted_3$h, [
+      return openBlock(), createElementBlock("div", _hoisted_1$z, [
+        createElementVNode("div", _hoisted_2$r, [
+          createElementVNode("div", _hoisted_3$j, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(baseStars.value, (star, index) => {
               return openBlock(), createElementBlock("div", {
                 key: index,
                 innerHTML: star,
                 class: "lupa-rating lupa-rating-not-highlighted"
-              }, null, 8, _hoisted_4$a);
+              }, null, 8, _hoisted_4$c);
             }), 128))
           ]),
-          createElementVNode("div", _hoisted_5$6, [
+          createElementVNode("div", _hoisted_5$7, [
             createElementVNode("div", {
               class: "lupa-ratings-highlighted",
               style: normalizeStyle({ width: ratingPercentage.value + "%" })
@@ -29671,11 +29970,11 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$w = {
+const _hoisted_1$y = {
   class: "lupa-search-results-product-regular-price",
   "data-cy": "lupa-search-results-product-regular-price"
 };
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductRegularPrice",
   props: {
     item: {},
@@ -29697,11 +29996,11 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
       );
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$w, toDisplayString(price.value), 1);
+      return openBlock(), createElementBlock("div", _hoisted_1$y, toDisplayString(price.value), 1);
     };
   }
 });
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductPrice",
   props: {
     item: {},
@@ -29735,12 +30034,12 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$v = { class: "lupa-search-results-add-to-cart-wrapper" };
-const _hoisted_2$o = { class: "lupa-search-results-product-addtocart" };
-const _hoisted_3$g = ["disabled"];
-const _hoisted_4$9 = ["href"];
-const _hoisted_5$5 = ["id", "disabled"];
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _hoisted_1$x = { class: "lupa-search-results-add-to-cart-wrapper" };
+const _hoisted_2$q = { class: "lupa-search-results-product-addtocart" };
+const _hoisted_3$i = ["disabled"];
+const _hoisted_4$b = ["href"];
+const _hoisted_5$6 = ["id", "disabled"];
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductAddToCart",
   props: {
     item: {},
@@ -29799,16 +30098,16 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       loading.value = false;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$v, [
-        createElementVNode("div", _hoisted_2$o, [
+      return openBlock(), createElementBlock("div", _hoisted_1$x, [
+        createElementVNode("div", _hoisted_2$q, [
           hasLink.value ? (openBlock(), createElementBlock("button", mergeProps({
             key: 0,
             class: addToCartButtonClass.value,
             "data-cy": "lupa-add-to-cart",
             disabled: !inStockValue.value || loading.value
           }, _ctx.dynamicAttributes, { onClick: handleClick }), [
-            createElementVNode("a", { href: _ctx.link }, toDisplayString(label.value), 9, _hoisted_4$9)
-          ], 16, _hoisted_3$g)) : (openBlock(), createElementBlock("button", mergeProps({
+            createElementVNode("a", { href: _ctx.link }, toDisplayString(label.value), 9, _hoisted_4$b)
+          ], 16, _hoisted_3$i)) : (openBlock(), createElementBlock("button", mergeProps({
             key: 1,
             id: id.value,
             class: addToCartButtonClass.value,
@@ -29816,18 +30115,18 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
             disabled: !inStockValue.value || loading.value
           }, _ctx.dynamicAttributes, {
             onClick: withModifiers(handleClick, ["stop"])
-          }), toDisplayString(label.value), 17, _hoisted_5$5))
+          }), toDisplayString(label.value), 17, _hoisted_5$6))
         ])
       ]);
     };
   }
 });
-const _hoisted_1$u = ["innerHTML"];
-const _hoisted_2$n = { key: 0 };
-const _hoisted_3$f = { key: 1 };
-const _hoisted_4$8 = { class: "lupa-search-box-custom-label" };
-const _hoisted_5$4 = { class: "lupa-search-box-custom-text" };
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _hoisted_1$w = ["innerHTML"];
+const _hoisted_2$p = { key: 0 };
+const _hoisted_3$h = { key: 1 };
+const _hoisted_4$a = { class: "lupa-search-box-custom-label" };
+const _hoisted_5$5 = { class: "lupa-search-box-custom-text" };
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductCustom",
   props: {
     item: {},
@@ -29869,20 +30168,20 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
         key: 0,
         class: className.value,
         innerHTML: text.value
-      }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$u)) : (openBlock(), createElementBlock("div", mergeProps({
+      }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$w)) : (openBlock(), createElementBlock("div", mergeProps({
         key: 1,
         class: className.value
       }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
-        !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$n, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$f, [
-          createElementVNode("div", _hoisted_4$8, toDisplayString(label.value), 1),
-          createElementVNode("div", _hoisted_5$4, toDisplayString(text.value), 1)
+        !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$p, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$h, [
+          createElementVNode("div", _hoisted_4$a, toDisplayString(label.value), 1),
+          createElementVNode("div", _hoisted_5$5, toDisplayString(text.value), 1)
         ]))
       ], 16));
     };
   }
 });
-const _hoisted_1$t = ["innerHTML"];
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _hoisted_1$v = ["innerHTML"];
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductCustomHtmlElement",
   props: {
     item: {},
@@ -29918,15 +30217,15 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", mergeProps({
         class: className.value,
         innerHTML: text.value
-      }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$t);
+      }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$v);
     };
   }
 });
-const _hoisted_1$s = { id: "lupa-search-results-rating" };
-const _hoisted_2$m = ["innerHTML"];
-const _hoisted_3$e = { class: "lupa-ratings" };
-const _hoisted_4$7 = ["href"];
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _hoisted_1$u = { id: "lupa-search-results-rating" };
+const _hoisted_2$o = ["innerHTML"];
+const _hoisted_3$g = { class: "lupa-ratings" };
+const _hoisted_4$9 = ["href"];
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductSingleStarRating",
   props: {
     item: {},
@@ -29954,35 +30253,35 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       return RATING_STAR_HTML;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$s, [
+      return openBlock(), createElementBlock("div", _hoisted_1$u, [
         createElementVNode("div", {
           innerHTML: star.value,
           class: "lupa-rating lupa-rating-highlighted"
-        }, null, 8, _hoisted_2$m),
-        createElementVNode("div", _hoisted_3$e, toDisplayString(rating.value), 1),
+        }, null, 8, _hoisted_2$o),
+        createElementVNode("div", _hoisted_3$g, toDisplayString(rating.value), 1),
         createElementVNode("a", {
           href: ratingLink.value,
           class: "lupa-total-ratings"
-        }, toDisplayString(totalRatings.value), 9, _hoisted_4$7)
+        }, toDisplayString(totalRatings.value), 9, _hoisted_4$9)
       ]);
     };
   }
 });
 const __default__ = {
   components: {
-    SearchResultsProductImage: _sfc_main$E,
-    SearchResultsProductTitle: _sfc_main$D,
-    SearchResultsProductDescription: _sfc_main$C,
-    SearchResultsProductRating: _sfc_main$B,
-    SearchResultsProductRegularPrice: _sfc_main$A,
-    SearchResultsProductPrice: _sfc_main$z,
-    SearchResultsProductAddToCart: _sfc_main$y,
-    SearchResultsProductCustom: _sfc_main$x,
-    SearchResultsProductCustomHtmlElement: _sfc_main$w,
-    SearchResultsProductSingleStarRating: _sfc_main$v
-  }
-};
-const _sfc_main$u = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
+    SearchResultsProductImage: _sfc_main$G,
+    SearchResultsProductTitle: _sfc_main$F,
+    SearchResultsProductDescription: _sfc_main$E,
+    SearchResultsProductRating: _sfc_main$D,
+    SearchResultsProductRegularPrice: _sfc_main$C,
+    SearchResultsProductPrice: _sfc_main$B,
+    SearchResultsProductAddToCart: _sfc_main$A,
+    SearchResultsProductCustom: _sfc_main$z,
+    SearchResultsProductCustomHtmlElement: _sfc_main$y,
+    SearchResultsProductSingleStarRating: _sfc_main$x
+  }
+};
+const _sfc_main$w = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
   __name: "SearchResultsProductCardElement",
   props: {
     item: {},
@@ -30060,13 +30359,13 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-const _hoisted_1$r = ["href"];
-const _hoisted_2$l = {
+const _hoisted_1$t = ["href"];
+const _hoisted_2$n = {
   key: 0,
   class: "lupa-out-of-stock"
 };
-const _hoisted_3$d = { class: "lupa-search-result-product-details-section" };
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _hoisted_3$f = { class: "lupa-search-result-product-details-section" };
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductCard",
   props: {
     product: {},
@@ -30242,7 +30541,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         default: withCtx(() => {
           var _a25;
           return [
-            createVNode(_sfc_main$1a, { options: badgesOptions.value }, null, 8, ["options"]),
+            createVNode(_sfc_main$1g, { options: badgesOptions.value }, null, 8, ["options"]),
             createElementVNode("div", {
               class: normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
             }, [
@@ -30252,7 +30551,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                 onClick: handleNavigation
               }, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
-                  return openBlock(), createBlock(_sfc_main$u, {
+                  return openBlock(), createBlock(_sfc_main$w, {
                     class: "lupa-search-results-product-element",
                     item: _ctx.product,
                     element,
@@ -30263,16 +30562,16 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                     onProductEvent: handleProductEvent
                   }, null, 8, ["item", "element", "labels", "inStock", "link"]);
                 }), 128)),
-                createVNode(_sfc_main$1a, {
+                createVNode(_sfc_main$1g, {
                   options: badgesOptions.value,
                   position: "image",
                   class: "lupa-image-badges"
                 }, null, 8, ["options"]),
-                ((_a25 = labels.value) == null ? void 0 : _a25.outOfStock) && !isInStock.value ? (openBlock(), createElementBlock("div", _hoisted_2$l, toDisplayString(labels.value.outOfStock), 1)) : createCommentVNode("", true)
-              ], 8, _hoisted_1$r),
-              createElementVNode("div", _hoisted_3$d, [
+                ((_a25 = labels.value) == null ? void 0 : _a25.outOfStock) && !isInStock.value ? (openBlock(), createElementBlock("div", _hoisted_2$n, toDisplayString(labels.value.outOfStock), 1)) : createCommentVNode("", true)
+              ], 8, _hoisted_1$t),
+              createElementVNode("div", _hoisted_3$f, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
-                  return openBlock(), createBlock(_sfc_main$u, {
+                  return openBlock(), createBlock(_sfc_main$w, {
                     class: "lupa-search-results-product-element",
                     item: _ctx.product,
                     element,
@@ -30290,7 +30589,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                   class: normalizeClass("lupa-element-group-" + group)
                 }, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(getGroupElements(group), (element) => {
-                    return openBlock(), createBlock(_sfc_main$u, {
+                    return openBlock(), createBlock(_sfc_main$w, {
                       class: "lupa-search-results-product-element",
                       item: _ctx.product,
                       element,
@@ -30311,23 +30610,23 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$q = {
+const _hoisted_1$s = {
   id: "lupa-search-results-similar-queries",
   "data-cy": "lupa-search-results-similar-queries"
 };
-const _hoisted_2$k = { class: "lupa-similar-queries-label" };
-const _hoisted_3$c = {
+const _hoisted_2$m = { class: "lupa-similar-queries-label" };
+const _hoisted_3$e = {
   class: "lupa-similar-query-label",
   "data-cy": "lupa-similar-query-label"
 };
-const _hoisted_4$6 = ["onClick"];
-const _hoisted_5$3 = ["innerHTML"];
+const _hoisted_4$8 = ["onClick"];
+const _hoisted_5$4 = ["innerHTML"];
 const _hoisted_6$1 = { key: 0 };
 const _hoisted_7 = {
   class: "lupa-products",
   "data-cy": "lupa-products"
 };
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsSimilarQueries",
   props: {
     labels: {},
@@ -30365,11 +30664,11 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       };
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$q, [
-        createElementVNode("div", _hoisted_2$k, toDisplayString(_ctx.labels.similarQueries), 1),
+      return openBlock(), createElementBlock("div", _hoisted_1$s, [
+        createElementVNode("div", _hoisted_2$m, toDisplayString(_ctx.labels.similarQueries), 1),
         (openBlock(true), createElementBlock(Fragment, null, renderList(similarQueries.value, (similarQuery, index) => {
           return openBlock(), createElementBlock("div", { key: index }, [
-            createElementVNode("div", _hoisted_3$c, [
+            createElementVNode("div", _hoisted_3$e, [
               createElementVNode("span", null, toDisplayString(similarQueryLabel.value), 1),
               createElementVNode("span", {
                 id: "lupa-similar-query-text-component",
@@ -30379,13 +30678,13 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
               }, [
                 createElementVNode("span", {
                   innerHTML: getSimilarQueryContent(similarQuery.displayQuery)
-                }, null, 8, _hoisted_5$3),
+                }, null, 8, _hoisted_5$4),
                 similarQuery.count ? (openBlock(), createElementBlock("span", _hoisted_6$1, " (" + toDisplayString(similarQuery.count) + ")", 1)) : createCommentVNode("", true)
-              ], 8, _hoisted_4$6)
+              ], 8, _hoisted_4$8)
             ]),
             createElementVNode("div", _hoisted_7, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(similarQuery.items, (product, index2) => {
-                return openBlock(), createBlock(_sfc_main$t, {
+                return openBlock(), createBlock(_sfc_main$v, {
                   style: normalizeStyle(_ctx.columnSize),
                   key: getDocumentKey(index2, product),
                   product,
@@ -30400,15 +30699,15 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$p = {
+const _hoisted_1$r = {
   key: 0,
   class: "lupa-results-additional-panel"
 };
-const _hoisted_2$j = {
+const _hoisted_2$l = {
   class: "lupa-results-additional-panel-items",
   "data-cy": "lupa-results-additional-panel-items"
 };
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "AdditionalPanel",
   props: {
     panel: {},
@@ -30481,10 +30780,10 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       handleQueryChange();
     });
     return (_ctx, _cache) => {
-      return hasResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$p, [
-        createElementVNode("div", _hoisted_2$j, [
+      return hasResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$r, [
+        createElementVNode("div", _hoisted_2$l, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(visibleItems.value, (item, index) => {
-            return openBlock(), createBlock(_sfc_main$t, {
+            return openBlock(), createBlock(_sfc_main$v, {
               key: index,
               product: item,
               options: _ctx.panel,
@@ -30502,11 +30801,11 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$o = {
+const _hoisted_1$q = {
   key: 0,
   class: "lupa-results-additional-panels"
 };
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "AdditionalPanels",
   props: {
     options: {},
@@ -30523,9 +30822,9 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       return locationPanels.value.length > 0;
     });
     return (_ctx, _cache) => {
-      return isVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$o, [
+      return isVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$q, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(locationPanels.value, (panel) => {
-          return openBlock(), createBlock(_sfc_main$r, {
+          return openBlock(), createBlock(_sfc_main$t, {
             key: panel.queryKey,
             panel,
             options: _ctx.sdkOptions
@@ -30542,29 +30841,29 @@ const _export_sfc = (sfc, props) => {
   }
   return target2;
 };
-const _sfc_main$p = {};
-const _hoisted_1$n = { class: "lupa-spinner-wrapper" };
-const _hoisted_2$i = { class: "lupa-spinner" };
+const _sfc_main$r = {};
+const _hoisted_1$p = { class: "lupa-spinner-wrapper" };
+const _hoisted_2$k = { class: "lupa-spinner" };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$n, [
-    createElementVNode("div", _hoisted_2$i, [
+  return openBlock(), createElementBlock("div", _hoisted_1$p, [
+    createElementVNode("div", _hoisted_2$k, [
       (openBlock(), createElementBlock(Fragment, null, renderList(12, (x) => {
         return createElementVNode("div", { key: x });
       }), 64))
     ])
   ]);
 }
-const Spinner = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render]]);
-const _hoisted_1$m = {
+const Spinner = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render]]);
+const _hoisted_1$o = {
   id: "lupa-search-results-similar-results",
   "data-cy": "lupa-search-results-similar-results"
 };
-const _hoisted_2$h = { class: "lupa-similar-results-label" };
-const _hoisted_3$b = {
+const _hoisted_2$j = { class: "lupa-similar-results-label" };
+const _hoisted_3$d = {
   class: "lupa-products",
   "data-cy": "lupa-products"
 };
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsSimilarResults",
   props: {
     columnSize: {},
@@ -30585,11 +30884,11 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       };
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$m, [
-        createElementVNode("div", _hoisted_2$h, toDisplayString(_ctx.labels.similarResultsLabel), 1),
-        createElementVNode("div", _hoisted_3$b, [
+      return openBlock(), createElementBlock("div", _hoisted_1$o, [
+        createElementVNode("div", _hoisted_2$j, toDisplayString(_ctx.labels.similarResultsLabel), 1),
+        createElementVNode("div", _hoisted_3$d, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(similarResults.value.items, (product, index) => {
-            return openBlock(), createBlock(_sfc_main$t, {
+            return openBlock(), createBlock(_sfc_main$v, {
               style: normalizeStyle(_ctx.columnSize),
               key: getDocumentKey(index, product),
               product,
@@ -30710,15 +31009,15 @@ const extractRelatedSource = (source, searchResults, options, activeFilters) =>
       return extractFacetsRelatedSource(source, searchResults, options, activeFilters);
   }
 });
-const _hoisted_1$l = { class: "lupa-related-query-item" };
-const _hoisted_2$g = { class: "lupa-related-query-image" };
-const _hoisted_3$a = { class: "lupa-related-query-label" };
-const _hoisted_4$5 = { class: "lupa-related-query-title" };
-const _hoisted_5$2 = {
+const _hoisted_1$n = { class: "lupa-related-query-item" };
+const _hoisted_2$i = { class: "lupa-related-query-image" };
+const _hoisted_3$c = { class: "lupa-related-query-label" };
+const _hoisted_4$7 = { class: "lupa-related-query-title" };
+const _hoisted_5$3 = {
   key: 0,
   class: "lupa-related-query-count"
 };
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "RelatedQueryPanel",
   props: {
     query: {},
@@ -30814,9 +31113,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       var _a25;
-      return openBlock(), createElementBlock("div", _hoisted_1$l, [
-        createElementVNode("div", _hoisted_2$g, [
-          itemToDisplay.value && image.value ? (openBlock(), createBlock(_sfc_main$1q, {
+      return openBlock(), createElementBlock("div", _hoisted_1$n, [
+        createElementVNode("div", _hoisted_2$i, [
+          itemToDisplay.value && image.value ? (openBlock(), createBlock(_sfc_main$1w, {
             key: 0,
             "wrapper-class": "lupa-related-query-image-wrapper",
             "image-class": "lupa-related-query-image",
@@ -30824,24 +31123,24 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             options: image.value
           }, null, 8, ["item", "options"])) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_3$a, [
-          createElementVNode("span", _hoisted_4$5, toDisplayString(_ctx.query), 1),
-          ((_a25 = _ctx.options) == null ? void 0 : _a25.showCount) ? (openBlock(), createElementBlock("span", _hoisted_5$2, "(" + toDisplayString(totalItemCount.value) + ")", 1)) : createCommentVNode("", true)
+        createElementVNode("div", _hoisted_3$c, [
+          createElementVNode("span", _hoisted_4$7, toDisplayString(_ctx.query), 1),
+          ((_a25 = _ctx.options) == null ? void 0 : _a25.showCount) ? (openBlock(), createElementBlock("span", _hoisted_5$3, "(" + toDisplayString(totalItemCount.value) + ")", 1)) : createCommentVNode("", true)
         ])
       ]);
     };
   }
 });
-const _hoisted_1$k = {
+const _hoisted_1$m = {
   key: 0,
   class: "lupa-related-queries"
 };
-const _hoisted_2$f = {
+const _hoisted_2$h = {
   key: 0,
   class: "lupa-related-queries-title"
 };
-const _hoisted_3$9 = ["onClick"];
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _hoisted_3$b = ["onClick"];
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "RelatedQueries",
   props: {
     options: {}
@@ -30935,8 +31234,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       var _a25, _b25, _c, _d;
-      return _ctx.options && hasEnoughRelatedQueries.value ? (openBlock(), createElementBlock("div", _hoisted_1$k, [
-        ((_b25 = (_a25 = _ctx.options) == null ? void 0 : _a25.labels) == null ? void 0 : _b25.title) ? (openBlock(), createElementBlock("h3", _hoisted_2$f, toDisplayString((_d = (_c = _ctx.options) == null ? void 0 : _c.labels) == null ? void 0 : _d.title), 1)) : createCommentVNode("", true),
+      return _ctx.options && hasEnoughRelatedQueries.value ? (openBlock(), createElementBlock("div", _hoisted_1$m, [
+        ((_b25 = (_a25 = _ctx.options) == null ? void 0 : _a25.labels) == null ? void 0 : _b25.title) ? (openBlock(), createElementBlock("h3", _hoisted_2$h, toDisplayString((_d = (_c = _ctx.options) == null ? void 0 : _c.labels) == null ? void 0 : _d.title), 1)) : createCommentVNode("", true),
         createElementVNode("ul", null, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(relatedQueries2.value, (query) => {
             return withDirectives((openBlock(), createElementBlock("li", {
@@ -30946,14 +31245,14 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
               createElementVNode("a", {
                 onClick: ($event) => handleRelatedQueryClick(query)
               }, [
-                createVNode(_sfc_main$n, {
+                createVNode(_sfc_main$p, {
                   "source-key": query.key,
                   options: _ctx.options,
                   query: query.value,
                   "existing-items-from-other-queries": allDisplayItems.value,
                   onLoaded: (item) => processLoadedItem(query, item)
                 }, null, 8, ["source-key", "options", "query", "existing-items-from-other-queries", "onLoaded"])
-              ], 8, _hoisted_3$9)
+              ], 8, _hoisted_3$b)
             ], 2)), [
               [vShow, querySourceResultMap.value[query.value] !== false]
             ]);
@@ -30990,13 +31289,13 @@ const extractRedirectionSuggestion = (searchText = "", options) => {
   }
   return null;
 };
-const _hoisted_1$j = {
+const _hoisted_1$l = {
   key: 0,
   class: "lupa-redirection-suggestion"
 };
-const _hoisted_2$e = { class: "lupa-redirections-suggestion-label" };
-const _hoisted_3$8 = ["href"];
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _hoisted_2$g = { class: "lupa-redirections-suggestion-label" };
+const _hoisted_3$a = ["href"];
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "RedirectionSuggestions",
   props: {
     options: {}
@@ -31019,19 +31318,19 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       )
     );
     return (_ctx, _cache) => {
-      return redirectionSuggestion.value && label.value && link.value ? (openBlock(), createElementBlock("div", _hoisted_1$j, [
-        createElementVNode("h4", _hoisted_2$e, [
-          createElementVNode("a", { href: link.value }, toDisplayString(label.value), 9, _hoisted_3$8)
+      return redirectionSuggestion.value && label.value && link.value ? (openBlock(), createElementBlock("div", _hoisted_1$l, [
+        createElementVNode("h4", _hoisted_2$g, [
+          createElementVNode("a", { href: link.value }, toDisplayString(label.value), 9, _hoisted_3$a)
         ])
       ])) : createCommentVNode("", true);
     };
   }
 });
-const _hoisted_1$i = {
+const _hoisted_1$k = {
   key: 0,
   class: "lupa-refiners-loading-notice"
 };
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "RefinersLoadingNotice",
   props: {
     labels: {}
@@ -31042,22 +31341,22 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     const props = __props;
     const label = computed(() => props.labels.refinersLoadingNotice);
     return (_ctx, _cache) => {
-      return label.value && unref(loadingRefiners) ? (openBlock(), createElementBlock("div", _hoisted_1$i, [
+      return label.value && unref(loadingRefiners) ? (openBlock(), createElementBlock("div", _hoisted_1$k, [
         createElementVNode("p", null, toDisplayString(label.value), 1),
         createVNode(Spinner)
       ])) : createCommentVNode("", true);
     };
   }
 });
-const _hoisted_1$h = { class: "lupa-related-query-item" };
-const _hoisted_2$d = { class: "lupa-related-query-image" };
-const _hoisted_3$7 = { class: "lupa-related-query-label" };
-const _hoisted_4$4 = { class: "lupa-related-query-title" };
-const _hoisted_5$1 = {
+const _hoisted_1$j = { class: "lupa-related-query-item" };
+const _hoisted_2$f = { class: "lupa-related-query-image" };
+const _hoisted_3$9 = { class: "lupa-related-query-label" };
+const _hoisted_4$6 = { class: "lupa-related-query-title" };
+const _hoisted_5$2 = {
   key: 0,
   class: "lupa-related-query-count"
 };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "RelatedQueryPanelApi",
   props: {
     relatedQuery: {},
@@ -31089,9 +31388,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       var _a25;
-      return openBlock(), createElementBlock("div", _hoisted_1$h, [
-        createElementVNode("div", _hoisted_2$d, [
-          itemToDisplay.value && image.value ? (openBlock(), createBlock(_sfc_main$1q, {
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
+        createElementVNode("div", _hoisted_2$f, [
+          itemToDisplay.value && image.value ? (openBlock(), createBlock(_sfc_main$1w, {
             key: 0,
             "wrapper-class": "lupa-related-query-image-wrapper",
             "image-class": "lupa-related-query-image",
@@ -31099,24 +31398,24 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             options: image.value
           }, null, 8, ["item", "options"])) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_3$7, [
-          createElementVNode("span", _hoisted_4$4, toDisplayString(query.value), 1),
-          ((_a25 = _ctx.options) == null ? void 0 : _a25.showCount) ? (openBlock(), createElementBlock("span", _hoisted_5$1, "(" + toDisplayString(totalItemCount.value) + ")", 1)) : createCommentVNode("", true)
+        createElementVNode("div", _hoisted_3$9, [
+          createElementVNode("span", _hoisted_4$6, toDisplayString(query.value), 1),
+          ((_a25 = _ctx.options) == null ? void 0 : _a25.showCount) ? (openBlock(), createElementBlock("span", _hoisted_5$2, "(" + toDisplayString(totalItemCount.value) + ")", 1)) : createCommentVNode("", true)
         ])
       ]);
     };
   }
 });
-const _hoisted_1$g = {
+const _hoisted_1$i = {
   key: 0,
   class: "lupa-related-queries"
 };
-const _hoisted_2$c = {
+const _hoisted_2$e = {
   key: 0,
   class: "lupa-related-queries-title"
 };
-const _hoisted_3$6 = ["onClick"];
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _hoisted_3$8 = ["onClick"];
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "RelatedQueriesApi",
   props: {
     options: {}
@@ -31126,7 +31425,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     const searchResultStore = useSearchResultStore();
     const paramsStore = useParamsStore();
     const optionsStore = useOptionsStore();
-    const { searchResult, relatedQueriesResult } = storeToRefs(searchResultStore);
+    const { searchResult, relatedQueriesResult, relatedQueryFacetKeys } = storeToRefs(searchResultStore);
     const relatedQueries2 = computed(() => {
       var _a25, _b25, _c, _d;
       const allQueries = (_b25 = (_a25 = relatedQueriesResult.value) == null ? void 0 : _a25.relatedQueries) != null ? _b25 : [];
@@ -31154,7 +31453,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         { key: query.key, value: query.value },
         optionsStore.getQueryParamName,
         {},
-        (_a25 = relatedQueries2.value) == null ? void 0 : _a25.map((q) => `f.${q.facetKey}`)
+        (_a25 = relatedQueryFacetKeys.value) == null ? void 0 : _a25.map((key) => `f.${key}`)
       );
     };
     const getSelectedFilterClass = (relatedQuery) => {
@@ -31168,8 +31467,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       var _a25, _b25, _c, _d;
-      return hasEnoughRelatedQueries.value ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
-        ((_b25 = (_a25 = _ctx.options) == null ? void 0 : _a25.labels) == null ? void 0 : _b25.title) ? (openBlock(), createElementBlock("h3", _hoisted_2$c, toDisplayString((_d = (_c = _ctx.options) == null ? void 0 : _c.labels) == null ? void 0 : _d.title), 1)) : createCommentVNode("", true),
+      return hasEnoughRelatedQueries.value ? (openBlock(), createElementBlock("div", _hoisted_1$i, [
+        ((_b25 = (_a25 = _ctx.options) == null ? void 0 : _a25.labels) == null ? void 0 : _b25.title) ? (openBlock(), createElementBlock("h3", _hoisted_2$e, toDisplayString((_d = (_c = _ctx.options) == null ? void 0 : _c.labels) == null ? void 0 : _d.title), 1)) : createCommentVNode("", true),
         createElementVNode("ul", null, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(relatedQueries2.value, (query) => {
             return openBlock(), createElementBlock("li", {
@@ -31179,11 +31478,11 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
               createElementVNode("a", {
                 onClick: ($event) => handleRelatedQueryClick(query)
               }, [
-                createVNode(_sfc_main$j, {
+                createVNode(_sfc_main$l, {
                   relatedQuery: query,
                   options: _ctx.options
                 }, null, 8, ["relatedQuery", "options"])
-              ], 8, _hoisted_3$6)
+              ], 8, _hoisted_3$8)
             ], 2);
           }), 128))
         ])
@@ -31191,9 +31490,9 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$f = { key: 0 };
-const _hoisted_2$b = ["innerHTML"];
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _hoisted_1$h = { key: 0 };
+const _hoisted_2$d = ["innerHTML"];
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "ZeroResults",
   props: {
     emptyResultsLabel: {},
@@ -31222,36 +31521,36 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        showDefaultZeroResultsTemplate.value ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
+        showDefaultZeroResultsTemplate.value ? (openBlock(), createElementBlock("div", _hoisted_1$h, [
           createTextVNode(toDisplayString(_ctx.emptyResultsLabel) + " ", 1),
           createElementVNode("span", null, toDisplayString(_ctx.currentQueryText), 1)
         ])) : createCommentVNode("", true),
         showCustomZeroResultsTemplate.value ? (openBlock(), createElementBlock("div", {
           key: 1,
           innerHTML: htmlTemplate.value
-        }, null, 8, _hoisted_2$b)) : createCommentVNode("", true)
+        }, null, 8, _hoisted_2$d)) : createCommentVNode("", true)
       ], 64);
     };
   }
 });
-const _hoisted_1$e = { id: "lupa-search-results-products" };
-const _hoisted_2$a = {
+const _hoisted_1$g = { id: "lupa-search-results-products" };
+const _hoisted_2$c = {
   class: "lupa-products",
   "data-cy": "lupa-products"
 };
-const _hoisted_3$5 = {
+const _hoisted_3$7 = {
   key: 1,
   class: "lupa-empty-results",
   "data-cy": "lupa-no-results-in-page"
 };
-const _hoisted_4$3 = {
+const _hoisted_4$5 = {
   key: 5,
   class: "lupa-empty-results",
   "data-cy": "lupa-no-results"
 };
-const _hoisted_5 = { key: 6 };
+const _hoisted_5$1 = { key: 6 };
 const _hoisted_6 = { key: 7 };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProducts",
   props: {
     options: {},
@@ -31267,7 +31566,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       hasResults,
       currentQueryText,
       isPageEmpty,
-      isMobileSidebarVisible,
+      isFilterSidebarVisible,
       columnCount,
       searchResult,
       layout,
@@ -31298,7 +31597,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     });
     const showTopFilters = computed(() => {
       var _a25, _b25, _c;
-      return ((_c = (_b25 = (_a25 = props.options.filters) == null ? void 0 : _a25.facets) == null ? void 0 : _b25.style) == null ? void 0 : _c.type) === "top-dropdown";
+      return ((_c = (_b25 = (_a25 = props.options.filters) == null ? void 0 : _a25.facets) == null ? void 0 : _b25.style) == null ? void 0 : _c.type) !== "sidebar";
     });
     const showMobileFilters = computed(() => {
       return props.options.searchTitlePosition !== "search-results-top";
@@ -31375,40 +31674,40 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       var _a25, _b25, _c;
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
-        unref(loading) && !unref(isMobileSidebarVisible) ? (openBlock(), createBlock(Spinner, {
+      return openBlock(), createElementBlock("div", _hoisted_1$g, [
+        unref(loading) && !unref(isFilterSidebarVisible) ? (openBlock(), createBlock(Spinner, {
           key: 0,
           class: "lupa-loader"
         })) : createCommentVNode("", true),
-        createVNode(_sfc_main$l, {
+        createVNode(_sfc_main$n, {
           options: _ctx.options.redirectionSuggestions
         }, null, 8, ["options"]),
-        createVNode(_sfc_main$q, {
+        createVNode(_sfc_main$s, {
           options: _ctx.options,
           location: "top",
           sdkOptions: _ctx.options.options
         }, null, 8, ["options", "sdkOptions"]),
-        showLocalRelatedQueries.value ? (openBlock(), createBlock(_sfc_main$m, {
+        showLocalRelatedQueries.value ? (openBlock(), createBlock(_sfc_main$o, {
           key: 1,
           options: _ctx.options.relatedQueries
         }, null, 8, ["options"])) : createCommentVNode("", true),
-        showApiRelatedQueries.value ? (openBlock(), createBlock(_sfc_main$i, {
+        showApiRelatedQueries.value ? (openBlock(), createBlock(_sfc_main$k, {
           key: 2,
           options: _ctx.options.relatedQueries
         }, null, 8, ["options"])) : createCommentVNode("", true),
         unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
-          showTopFilters.value ? (openBlock(), createBlock(_sfc_main$M, {
+          showTopFilters.value ? (openBlock(), createBlock(_sfc_main$P, {
             key: 0,
             options: (_a25 = _ctx.options.filters) != null ? _a25 : {}
           }, null, 8, ["options"])) : createCommentVNode("", true),
-          showMobileFilters.value ? (openBlock(), createBlock(_sfc_main$F, {
+          showMobileFilters.value ? (openBlock(), createBlock(_sfc_main$H, {
             key: 1,
             class: "lupa-toolbar-mobile",
             options: _ctx.options,
             "pagination-location": "top",
             onFilter: filter
           }, null, 8, ["options"])) : createCommentVNode("", true),
-          currentFilterOptions.value && currentFilterPositionDesktop.value === "pageTop" ? (openBlock(), createBlock(_sfc_main$_, {
+          currentFilterOptions.value && currentFilterPositionDesktop.value === "pageTop" ? (openBlock(), createBlock(_sfc_main$14, {
             key: 2,
             class: normalizeClass(currentFiltersClass.value),
             "data-cy": "lupa-search-result-filters-mobile-toolbar",
@@ -31417,19 +31716,19 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           }, null, 8, ["class", "options", "expandable"])) : createCommentVNode("", true)
         ], 64)) : createCommentVNode("", true),
         unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
-          createVNode(_sfc_main$F, {
+          createVNode(_sfc_main$H, {
             class: "lupa-toolbar-top",
             options: _ctx.options,
             "pagination-location": "top"
           }, null, 8, ["options"]),
-          currentFilterOptions.value && currentFilterPositionDesktop.value === "resultsTop" ? (openBlock(), createBlock(_sfc_main$_, {
+          currentFilterOptions.value && currentFilterPositionDesktop.value === "resultsTop" ? (openBlock(), createBlock(_sfc_main$14, {
             key: 0,
             class: normalizeClass(currentFiltersClass.value),
             "data-cy": "lupa-search-result-filters-mobile-toolbar",
             options: currentFilterOptions.value,
             expandable: !desktopFiltersExpanded.value
           }, null, 8, ["class", "options", "expandable"])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_2$a, [
+          createElementVNode("div", _hoisted_2$c, [
             _ctx.$slots.productCard ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(searchResult).items, (product, index) => {
               return renderSlot(_ctx.$slots, "productCard", {
                 style: normalizeStyle(columnSize.value),
@@ -31438,7 +31737,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                 options: productCardOptions.value
               });
             }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(searchResult).items, (product, index) => {
-              return openBlock(), createBlock(_sfc_main$t, {
+              return openBlock(), createBlock(_sfc_main$v, {
                 style: normalizeStyle(columnSize.value),
                 key: getProductKeyAction(index, product),
                 product,
@@ -31447,7 +31746,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
               }, null, 8, ["style", "product", "options", "analytics-metadata"]);
             }), 128))
           ]),
-          unref(isPageEmpty) && _ctx.options.labels.noItemsInPage ? (openBlock(), createElementBlock("div", _hoisted_3$5, [
+          unref(isPageEmpty) && _ctx.options.labels.noItemsInPage ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
             createTextVNode(toDisplayString(_ctx.options.labels.noItemsInPage) + " ", 1),
             _ctx.options.labels.backToFirstPage ? (openBlock(), createElementBlock("span", {
               key: 0,
@@ -31455,36 +31754,36 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
               onClick: goToFirstPage
             }, toDisplayString(_ctx.options.labels.backToFirstPage), 1)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
-          createVNode(_sfc_main$F, {
+          createVNode(_sfc_main$H, {
             class: "lupa-toolbar-bottom",
             options: _ctx.options,
             "pagination-location": "bottom"
           }, null, 8, ["options"]),
-          createVNode(_sfc_main$q, {
+          createVNode(_sfc_main$s, {
             options: _ctx.options,
             location: "bottom",
             sdkOptions: _ctx.options.options
           }, null, 8, ["options", "sdkOptions"])
-        ], 64)) : !unref(loading) && unref(currentQueryText) ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
-          createVNode(_sfc_main$h, {
+        ], 64)) : !unref(loading) && unref(currentQueryText) ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
+          createVNode(_sfc_main$j, {
             emptyResultsLabel: (_b25 = _ctx.options.labels) == null ? void 0 : _b25.emptyResults,
             currentQueryText: unref(currentQueryText),
             hasSimilarQueries: hasSimilarQueries.value || hasSimilarResults.value,
             zeroResults: (_c = _ctx.options) == null ? void 0 : _c.zeroResults
           }, null, 8, ["emptyResultsLabel", "currentQueryText", "hasSimilarQueries", "zeroResults"])
         ])) : createCommentVNode("", true),
-        createVNode(_sfc_main$k, {
+        createVNode(_sfc_main$m, {
           labels: _ctx.options.labels
         }, null, 8, ["labels"]),
-        hasSimilarQueries.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
-          createVNode(_sfc_main$s, {
+        hasSimilarQueries.value ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
+          createVNode(_sfc_main$u, {
             labels: similarQueriesLabels.value,
             columnSize: columnSize.value,
             productCardOptions: productCardOptions.value
           }, null, 8, ["labels", "columnSize", "productCardOptions"])
         ])) : createCommentVNode("", true),
         hasSimilarResults.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
-          createVNode(_sfc_main$o, {
+          createVNode(_sfc_main$q, {
             labels: similarResultsLabels.value,
             columnSize: columnSize.value,
             productCardOptions: productCardOptions.value
@@ -31495,17 +31794,17 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$d = { class: "lupa-top-mobile-filter-wrapper" };
-const _hoisted_2$9 = {
+const _hoisted_1$f = { class: "lupa-top-mobile-filter-wrapper" };
+const _hoisted_2$b = {
   key: 0,
   class: "lupa-category-back"
 };
-const _hoisted_3$4 = ["href"];
-const _hoisted_4$2 = {
+const _hoisted_3$6 = ["href"];
+const _hoisted_4$4 = {
   key: 1,
   class: "lupa-child-category-list"
 };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "CategoryTopFilters",
   props: {
     options: {}
@@ -31553,24 +31852,24 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           "has-related-category-children": hasRelatedCategoryChildren.value
         }])
       }, [
-        createElementVNode("div", _hoisted_1$d, [
-          hasBackButton.value ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
+        createElementVNode("div", _hoisted_1$f, [
+          hasBackButton.value ? (openBlock(), createElementBlock("div", _hoisted_2$b, [
             createElementVNode("a", {
               "data-cy": "lupa-category-back",
               href: backUrlLink.value,
               onClick: handleNavigationBack
-            }, toDisplayString(backTitle.value), 9, _hoisted_3$4)
+            }, toDisplayString(backTitle.value), 9, _hoisted_3$6)
           ])) : createCommentVNode("", true),
-          hasRelatedCategoryChildren.value ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
+          hasRelatedCategoryChildren.value ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(relatedCategoryChildren), (child) => {
-              return openBlock(), createBlock(_sfc_main$Z, {
+              return openBlock(), createBlock(_sfc_main$13, {
                 key: getCategoryKey(child),
                 item: child,
                 options: categoryOptions.value
               }, null, 8, ["item", "options"]);
             }), 128))
           ])) : createCommentVNode("", true),
-          createVNode(_sfc_main$F, {
+          createVNode(_sfc_main$H, {
             class: "lupa-toolbar-mobile",
             "pagination-location": "top",
             options: _ctx.options
@@ -31580,6 +31879,129 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1$e = {
+  id: "lupa-search-results-sort-list",
+  class: "lupa-search-results-sort-list"
+};
+const _hoisted_2$a = ["onClick"];
+const _hoisted_3$5 = ["for"];
+const _hoisted_4$3 = ["id", "checked"];
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  __name: "SortList",
+  setup(__props) {
+    const { sortItems, selectedKey, handleSelect, setSortValue } = useSorting();
+    onMounted(() => {
+      setSortValue();
+    });
+    const selectValue = (key) => {
+      selectedKey.value = key;
+      handleSelect();
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$e, [
+        createElementVNode("ul", null, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(sortItems), (option) => {
+            return openBlock(), createElementBlock("li", {
+              key: option.key,
+              class: normalizeClass({ "lupa-sort-item-selected": option.key === unref(selectedKey) }),
+              onClick: ($event) => selectValue(option.key)
+            }, [
+              createElementVNode("label", {
+                for: "lupa-sort-list-" + option.key
+              }, toDisplayString(option.label), 9, _hoisted_3$5),
+              createElementVNode("input", {
+                id: "lupa-sort-list-" + option.key,
+                type: "radio",
+                checked: option.key === unref(selectedKey)
+              }, null, 8, _hoisted_4$3)
+            ], 10, _hoisted_2$a);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+});
+const _hoisted_1$d = { class: "lupa-sort-sidebar-content" };
+const _hoisted_2$9 = { class: "lupa-sidebar-top" };
+const _hoisted_3$4 = { class: "lupa-sidebar-title" };
+const _hoisted_4$2 = { class: "lupa-sidebar-sort-options" };
+const _hoisted_5 = { class: "lupa-sidebar-sort-actions" };
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  __name: "SortDrawer",
+  setup(__props) {
+    const optionsStore = useOptionsStore();
+    const searchResultStore = useSearchResultStore();
+    const paramStore = useParamsStore();
+    const { searchResultOptions } = storeToRefs(optionsStore);
+    const { isSidebarClosing, isSortingSidebarVisible } = storeToRefs(searchResultStore);
+    const { handleSortSidebarToggle } = useSidebarToggle();
+    const sortStyleOptions = computed(() => {
+      var _a25;
+      return (_a25 = searchResultOptions.value) == null ? void 0 : _a25.sortStyle;
+    });
+    const sidebarTitle = computed(() => {
+      var _a25, _b25, _c, _d;
+      return (_d = (_c = (_b25 = (_a25 = sortStyleOptions == null ? void 0 : sortStyleOptions.value) == null ? void 0 : _a25.drawer) == null ? void 0 : _b25.labels) == null ? void 0 : _c.title) != null ? _d : "";
+    });
+    const clearSortLabel = computed(() => {
+      var _a25, _b25, _c, _d;
+      return (_d = (_c = (_b25 = (_a25 = sortStyleOptions == null ? void 0 : sortStyleOptions.value) == null ? void 0 : _a25.drawer) == null ? void 0 : _b25.labels) == null ? void 0 : _c.clearLabel) != null ? _d : "";
+    });
+    const applySortLabel = computed(() => {
+      var _a25, _b25, _c, _d;
+      return (_d = (_c = (_b25 = (_a25 = sortStyleOptions == null ? void 0 : sortStyleOptions.value) == null ? void 0 : _a25.drawer) == null ? void 0 : _b25.labels) == null ? void 0 : _c.applyLabel) != null ? _d : "";
+    });
+    const handleDrawerToggle = () => {
+      searchResultStore.setSidebarState({ visible: false, sidebar: "sorting" });
+    };
+    const clearSort = () => {
+      paramStore.removeParameters({
+        paramsToRemove: [optionsStore.getQueryParamName(QUERY_PARAMS.SORT)]
+      });
+      handleSortSidebarToggle();
+    };
+    const applySort = () => {
+      handleSortSidebarToggle();
+    };
+    return (_ctx, _cache) => {
+      return unref(isSortingSidebarVisible) ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["lupa-sort-sidebar", { "lupa-sort-is-closing": unref(isSidebarClosing) }])
+      }, [
+        createElementVNode("div", {
+          class: "lupa-sidebar-close",
+          onClick: withModifiers(handleDrawerToggle, ["stop"])
+        }),
+        createElementVNode("div", _hoisted_1$d, [
+          createElementVNode("div", _hoisted_2$9, [
+            createElementVNode("div", _hoisted_3$4, toDisplayString(sidebarTitle.value), 1),
+            createElementVNode("div", {
+              class: "lupa-filter-toggle-mobile",
+              onClick: handleDrawerToggle
+            })
+          ]),
+          createElementVNode("div", _hoisted_4$2, [
+            createVNode(_sfc_main$g)
+          ]),
+          createElementVNode("div", _hoisted_5, [
+            clearSortLabel.value ? (openBlock(), createElementBlock("button", {
+              key: 0,
+              type: "button",
+              class: "lupa-sidebar-sort-clear",
+              onClick: withModifiers(clearSort, ["stop"])
+            }, toDisplayString(clearSortLabel.value), 1)) : createCommentVNode("", true),
+            applySortLabel.value ? (openBlock(), createElementBlock("button", {
+              key: 1,
+              type: "button",
+              class: "lupa-sidebar-sort-apply",
+              onClick: withModifiers(applySort, ["stop"])
+            }, toDisplayString(applySortLabel.value), 1)) : createCommentVNode("", true)
+          ])
+        ])
+      ], 2)) : createCommentVNode("", true);
+    };
+  }
+});
 const _hoisted_1$c = {
   key: 0,
   class: "lupa-container-title-summary-mobile"
@@ -31614,7 +32036,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       currentQueryText,
       hasResults,
       currentFilterCount,
-      isMobileSidebarVisible,
+      isFilterSidebarVisible,
       layout,
       loadingFacets,
       loadingRefiners
@@ -31636,7 +32058,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     });
     const indicatorClasses = computed(() => {
       return {
-        "lupa-mobile-sidebar-visible": isMobileSidebarVisible.value,
+        "lupa-mobile-sidebar-visible": isFilterSidebarVisible.value,
         "lupa-layout-grid": !layout.value || layout.value === ResultsLayoutEnum.GRID,
         "lupa-layout-list": layout.value === ResultsLayoutEnum.LIST
       };
@@ -31878,32 +32300,33 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["lupa-search-result-wrapper", { "lupa-search-wrapper-no-results": !unref(hasResults) }])
       }, [
         _ctx.isContainer ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
-          createVNode(_sfc_main$12, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-          createVNode(_sfc_main$10, {
+          createVNode(_sfc_main$18, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+          createVNode(_sfc_main$16, {
             "show-summary": true,
             options: _ctx.options,
             "is-product-list": (_a25 = _ctx.isProductList) != null ? _a25 : false
           }, null, 8, ["options", "is-product-list"])
         ])) : createCommentVNode("", true),
-        isTitleResultTopPosition.value ? (openBlock(), createBlock(_sfc_main$f, {
+        isTitleResultTopPosition.value ? (openBlock(), createBlock(_sfc_main$h, {
           key: 1,
           options: _ctx.options
         }, null, 8, ["options"])) : createCommentVNode("", true),
-        _ctx.options.filters ? (openBlock(), createBlock(_sfc_main$O, {
+        _ctx.options.filters ? (openBlock(), createBlock(_sfc_main$R, {
           key: 2,
           options: _ctx.options.filters,
           onFilter: handleParamsChange
         }, null, 8, ["options"])) : createCommentVNode("", true),
-        unref(currentQueryText) || _ctx.isProductList ? (openBlock(), createBlock(_sfc_main$N, {
-          key: 3,
+        _ctx.options.sort ? (openBlock(), createBlock(_sfc_main$f, { key: 3 })) : createCommentVNode("", true),
+        unref(currentQueryText) || _ctx.isProductList ? (openBlock(), createBlock(_sfc_main$Q, {
+          key: 4,
           breadcrumbs: _ctx.options.breadcrumbs
         }, null, 8, ["breadcrumbs"])) : createCommentVNode("", true),
         isTitleResultTopPosition.value ? (openBlock(), createElementBlock("div", {
-          key: 4,
+          key: 5,
           id: "lupa-search-results",
           class: normalizeClass(["top-layout-wrapper", indicatorClasses.value])
         }, [
-          showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$P, {
+          showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$S, {
             key: 0,
             options: (_b25 = _ctx.options.filters) != null ? _b25 : {},
             ref_key: "searchResultsFilters",
@@ -31911,12 +32334,12 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             onFilter: handleParamsChange
           }, null, 8, ["options"])) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_2$8, [
-            createVNode(_sfc_main$12, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-            createVNode(_sfc_main$10, {
+            createVNode(_sfc_main$18, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+            createVNode(_sfc_main$16, {
               options: _ctx.options,
               "is-product-list": (_c = _ctx.isProductList) != null ? _c : false
             }, null, 8, ["options", "is-product-list"]),
-            createVNode(_sfc_main$g, {
+            createVNode(_sfc_main$i, {
               options: _ctx.options,
               ssr: ssrEnabled.value,
               onFilter: handleParamsChange
@@ -31927,9 +32350,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
               _: 3
             }, 8, ["options", "ssr"])
           ])
-        ], 2)) : (openBlock(), createElementBlock(Fragment, { key: 5 }, [
-          createVNode(_sfc_main$12, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-          createVNode(_sfc_main$10, {
+        ], 2)) : (openBlock(), createElementBlock(Fragment, { key: 6 }, [
+          createVNode(_sfc_main$18, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+          createVNode(_sfc_main$16, {
             options: _ctx.options,
             "is-product-list": (_d = _ctx.isProductList) != null ? _d : false
           }, null, 8, ["options", "is-product-list"]),
@@ -31937,14 +32360,14 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             id: "lupa-search-results",
             class: normalizeClass(indicatorClasses.value)
           }, [
-            showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$P, {
+            showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$S, {
               key: 0,
               options: (_e = _ctx.options.filters) != null ? _e : {},
               ref_key: "searchResultsFilters",
               ref: searchResultsFilters,
               onFilter: handleParamsChange
             }, null, 8, ["options"])) : createCommentVNode("", true),
-            createVNode(_sfc_main$g, {
+            createVNode(_sfc_main$i, {
               options: _ctx.options,
               ssr: ssrEnabled.value,
               onFilter: handleParamsChange
@@ -32088,7 +32511,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           onClick: withModifiers(innerClick, ["stop"])
         }, [
           createElementVNode("div", _hoisted_1$a, [
-            createVNode(_sfc_main$13, {
+            createVNode(_sfc_main$19, {
               options: fullSearchBoxOptions.value,
               "is-search-container": true,
               ref_key: "searchBox",
@@ -33743,7 +34166,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                     key: getProductKeyAction(index, product)
                   }, {
                     default: withCtx(() => [
-                      createVNode(_sfc_main$t, {
+                      createVNode(_sfc_main$v, {
                         product,
                         options: _ctx.options,
                         "click-tracking-settings": clickTrackingSettings.value,
@@ -33758,7 +34181,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               _: 1
             }, 16, ["wrap-around"])) : (openBlock(), createElementBlock("div", _hoisted_4$1, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(recommendations.value, (product, index) => {
-                return openBlock(), createBlock(_sfc_main$t, {
+                return openBlock(), createBlock(_sfc_main$v, {
                   style: normalizeStyle(columnSize.value),
                   key: getProductKeyAction(index, product),
                   product,
@@ -34004,7 +34427,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             createElementVNode("a", {
               href: getLink(product)
             }, [
-              createVNode(_sfc_main$E, {
+              createVNode(_sfc_main$G, {
                 item: product,
                 options: image.value
               }, null, 8, ["item", "options"])
@@ -34169,7 +34592,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", _hoisted_1$3, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.searchResults, (product, index) => {
-          return openBlock(), createBlock(_sfc_main$t, {
+          return openBlock(), createBlock(_sfc_main$v, {
             class: "lupa-chat-product-card",
             key: getProductKeyAction(index, product),
             product,
@@ -34504,7 +34927,7 @@ export {
   LupaSearch,
   _sfc_main$c as ProductList,
   _sfc_main$a as Recommendations,
-  _sfc_main$13 as SearchBox,
+  _sfc_main$19 as SearchBox,
   SearchBoxPanelType,
   _sfc_main$b as SearchContainer,
   _sfc_main$e as SearchResults,