@getlupa/client 1.22.3 → 1.23.0

package/dist/lupaSearch.umd.js

@@ -18061,8 +18061,18 @@ var __async = (__this, __arguments, generator) => {
     );
     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;
@@ -18162,6 +18172,7 @@ var __async = (__this, __arguments, generator) => {
       currentResolutionPageSizes,
       productRecommendationOptions,
       ariaLabels,
+      expandedFacets,
       setSearchBoxOptions,
       setTrackingOptions,
       setSearchResultOptions,
@@ -19580,7 +19591,7 @@ var __async = (__this, __arguments, generator) => {
     }
     return Env[environment] || Env["production"];
   };
-  const _sfc_main$1A = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1G = /* @__PURE__ */ defineComponent({
     __name: "VoiceSearchProgressCircle",
     props: {
       isRecording: { type: Boolean },
@@ -19793,15 +19804,15 @@ var __async = (__this, __arguments, generator) => {
       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 },
@@ -19906,21 +19917,21 @@ var __async = (__this, __arguments, generator) => {
       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, [
             createBaseVNode("button", {
               class: "lupa-dialog-box-close-button",
               onClick: _cache[0] || (_cache[0] = () => emit2("close"))
             }),
-            createBaseVNode("div", _hoisted_2$W, [
-              createBaseVNode("p", _hoisted_3$E, toDisplayString(description.value), 1),
-              createBaseVNode("div", _hoisted_4$u, [
+            createBaseVNode("div", _hoisted_2$Y, [
+              createBaseVNode("p", _hoisted_3$G, toDisplayString(description.value), 1),
+              createBaseVNode("div", _hoisted_4$w, [
                 createBaseVNode("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",
@@ -19935,18 +19946,18 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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: {},
@@ -20078,20 +20089,20 @@ var __async = (__this, __arguments, generator) => {
       };
       __expose({ focus });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$1k, [
-          createBaseVNode("div", _hoisted_2$V, [
+        return openBlock(), createElementBlock("div", _hoisted_1$1n, [
+          createBaseVNode("div", _hoisted_2$X, [
             createBaseVNode("div", {
               class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
               onClick: clear
             }, null, 2)
           ]),
-          createBaseVNode("div", _hoisted_3$D, [
+          createBaseVNode("div", _hoisted_3$F, [
             createBaseVNode("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(createBaseVNode("input", mergeProps({
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
             }, inputAttributes.value, {
@@ -20105,7 +20116,7 @@ var __async = (__this, __arguments, generator) => {
               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", {
@@ -20120,7 +20131,7 @@ var __async = (__this, __arguments, generator) => {
             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, [
             createBaseVNode("button", {
@@ -20131,7 +20142,7 @@ var __async = (__this, __arguments, generator) => {
               "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,
@@ -20145,7 +20156,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const _sfc_main$1x = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1D = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxMoreResults",
     props: {
       labels: {},
@@ -20183,9 +20194,9 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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: {},
@@ -20202,8 +20213,8 @@ var __async = (__this, __arguments, generator) => {
         emit2("click", { query: props.item });
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$1j, [
-          createBaseVNode("div", _hoisted_2$U, [
+        return openBlock(), createElementBlock("div", _hoisted_1$1m, [
+          createBaseVNode("div", _hoisted_2$W, [
             createBaseVNode("div", {
               class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
               onClick: click2
@@ -20217,11 +20228,11 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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: {}
@@ -20272,9 +20283,9 @@ var __async = (__this, __arguments, generator) => {
         }
       };
       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,
@@ -20290,15 +20301,15 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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);
       };
     }
   });
@@ -20330,26 +20341,26 @@ var __async = (__this, __arguments, generator) => {
     }
     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: {},
@@ -20386,20 +20397,20 @@ var __async = (__this, __arguments, generator) => {
             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, [
-            createBaseVNode("span", _hoisted_4$s, toDisplayString(facetLabel.value), 1),
-            createBaseVNode("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, [
+            createBaseVNode("span", _hoisted_4$u, toDisplayString(facetLabel.value), 1),
+            createBaseVNode("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: {},
@@ -20466,9 +20477,9 @@ var __async = (__this, __arguments, generator) => {
         });
       });
       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",
@@ -20500,7 +20511,7 @@ var __async = (__this, __arguments, generator) => {
       }, timeout);
     };
   };
-  const _sfc_main$1r = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1x = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxSuggestionsWrapper",
     props: {
       panel: {},
@@ -20543,7 +20554,7 @@ var __async = (__this, __arguments, generator) => {
       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,
@@ -29825,9 +29836,9 @@ and ensure you are accounting for this risk.
       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: {},
@@ -29969,7 +29980,7 @@ and ensure you are accounting for this risk.
               }, { 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({
@@ -29977,12 +29988,12 @@ and ensure you are accounting for this risk.
             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: {},
@@ -29990,7 +30001,7 @@ and ensure you are accounting for this risk.
     },
     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",
@@ -29999,12 +30010,12 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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: {},
@@ -30027,18 +30038,18 @@ and ensure you are accounting for this risk.
           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, [
           createBaseVNode("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: {},
@@ -30061,12 +30072,12 @@ and ensure you are accounting for this risk.
           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: {},
@@ -30088,13 +30099,13 @@ and ensure you are accounting for this risk.
         );
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$1b, [
+        return openBlock(), createElementBlock("div", _hoisted_1$1e, [
           createBaseVNode("strong", null, toDisplayString(price.value), 1)
         ]);
       };
     }
   });
-  const _sfc_main$1l = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1r = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductRegularPrice",
     props: {
       item: {},
@@ -30125,12 +30136,12 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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: {},
@@ -30156,20 +30167,20 @@ and ensure you are accounting for this risk.
           key: 0,
           class: [className.value, "lupa-search-box-product-custom"],
           innerHTML: text.value
-        }, toHandlers(_ctx.options.action ? { click: handleClick } : {})), null, 16, _hoisted_1$1a)) : (openBlock(), createElementBlock("div", mergeProps({
+        }, toHandlers(_ctx.options.action ? { click: handleClick } : {})), 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 } : {})), [
-          !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$P, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$B, [
-            createBaseVNode("div", _hoisted_4$r, toDisplayString(label.value), 1),
-            createBaseVNode("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, [
+            createBaseVNode("div", _hoisted_4$t, toDisplayString(label.value), 1),
+            createBaseVNode("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: {},
@@ -30194,7 +30205,7 @@ and ensure you are accounting for this risk.
         return openBlock(), createElementBlock("div", mergeProps({
           class: className.value,
           innerHTML: text.value
-        }, toHandlers(_ctx.options.action ? { click: handleClick } : {})), null, 16, _hoisted_1$19);
+        }, toHandlers(_ctx.options.action ? { click: handleClick } : {})), null, 16, _hoisted_1$1c);
       };
     }
   });
@@ -30252,7 +30263,9 @@ and ensure you are accounting for this risk.
     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({});
@@ -30334,16 +30347,36 @@ and ensure you are accounting for this risk.
         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) => __async2(null, [_0], function* ({ queryKey, facetKey }) {
       var _a25, _b25, _c, _d;
@@ -30445,13 +30478,28 @@ and ensure you are accounting for this risk.
     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) => __async2(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 = __spreadValues2({}, (_c = publicQuery.filters) != null ? _c : {});
+      relatedQueryFacetKeys.value.forEach((facetKey) => {
+        delete publicQueryFiltersWithoutRelatedKeys[facetKey];
+      });
+      const hasRemainingFilters = Object.keys(publicQueryFiltersWithoutRelatedKeys != null ? publicQueryFiltersWithoutRelatedKeys : {}).length > 0;
       const query = __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({}, publicQuery), {
-        searchText
+        searchText,
+        filters: hasRemainingFilters ? publicQueryFiltersWithoutRelatedKeys : void 0
       }), context), {
         modifiers: { facets: false, refiners: true }
       });
@@ -30467,7 +30515,9 @@ and ensure you are accounting for this risk.
       });
     });
     return {
-      isMobileSidebarVisible,
+      isFilterSidebarVisible,
+      isSortingSidebarVisible,
+      isSidebarClosing,
       searchResult,
       columnCount,
       addToCartAmount,
@@ -30493,6 +30543,7 @@ and ensure you are accounting for this risk.
       relatedQueriesResult,
       relatedQueriesApiEnabled,
       lastResultsSource,
+      relatedQueryFacetKeys,
       setSidebarState,
       queryFacet,
       setLastRequestId,
@@ -30509,12 +30560,12 @@ and ensure you are accounting for this risk.
       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: {},
@@ -30560,45 +30611,45 @@ and ensure you are accounting for this risk.
         return Boolean(props.link && props.options.link);
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$18, [
-          createBaseVNode("div", _hoisted_2$O, [
+        return openBlock(), createElementBlock("div", _hoisted_1$1b, [
+          createBaseVNode("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 }), [
-              createBaseVNode("a", { href: _ctx.link }, toDisplayString(label.value), 9, _hoisted_4$q)
-            ], 16, _hoisted_3$A)) : (openBlock(), createElementBlock("button", mergeProps({
+              createBaseVNode("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(__spreadProps2(__spreadValues2({}, __default__$4), {
+  const _sfc_main$1n = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$4), {
     __name: "SearchBoxProductElement",
     props: {
       item: {},
@@ -30670,7 +30721,7 @@ and ensure you are accounting for this risk.
             "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,
@@ -30685,14 +30736,14 @@ and ensure you are accounting for this risk.
       };
     }
   }));
-  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: {},
@@ -30725,20 +30776,20 @@ and ensure you are accounting for this risk.
           class: normalizeClass(["lupa-dynamic-badge", customClassName.value]),
           style: normalizeStyle({ background: _ctx.badge.backgroundColor, color: _ctx.badge.color })
         }, [
-          createBaseVNode("span", _hoisted_1$16, [
+          createBaseVNode("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: {}
@@ -30764,9 +30815,9 @@ and ensure you are accounting for this risk.
         })).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
@@ -30776,8 +30827,8 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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: {}
@@ -30798,12 +30849,12 @@ and ensure you are accounting for this risk.
         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: {}
@@ -30817,7 +30868,7 @@ and ensure you are accounting for this risk.
         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",
@@ -30828,9 +30879,9 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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: {}
@@ -30850,7 +30901,7 @@ and ensure you are accounting for this risk.
         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",
@@ -30858,14 +30909,14 @@ and ensure you are accounting for this risk.
             }, [
               createBaseVNode("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: {}
@@ -30927,16 +30978,16 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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(__spreadProps2(__spreadValues2({}, __default__$3), {
+  const _sfc_main$1g = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$3), {
     __name: "SearchResultsBadgeWrapper",
     props: {
       position: {},
@@ -30999,7 +31050,7 @@ and ensure you are accounting for this risk.
         }
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$11, [
+        return openBlock(), createElementBlock("div", _hoisted_1$14, [
           createBaseVNode("div", {
             id: "lupa-badges",
             class: normalizeClass(anchorPosition.value)
@@ -31010,7 +31061,7 @@ and ensure you are accounting for this risk.
                 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)
@@ -31019,13 +31070,13 @@ and ensure you are accounting for this risk.
       };
     }
   }));
-  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: {},
@@ -31131,7 +31182,7 @@ and ensure you are accounting for this risk.
             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,
@@ -31141,10 +31192,10 @@ and ensure you are accounting for this risk.
               }, null, 8, ["item", "element", "labels", "link"]);
             }), 128))
           ], 4),
-          createBaseVNode("div", _hoisted_2$L, [
+          createBaseVNode("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,
@@ -31155,7 +31206,7 @@ and ensure you are accounting for this risk.
                 ((_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"])
@@ -31171,7 +31222,7 @@ and ensure you are accounting for this risk.
               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,
@@ -31183,8 +31234,8 @@ and ensure you are accounting for this risk.
               }), 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,
@@ -31193,7 +31244,7 @@ and ensure you are accounting for this risk.
               isInStock: isInStock.value
             }, null, 8, ["item", "element", "labels", "link", "isInStock"])
           ])) : createCommentVNode("", true)
-        ], 16, _hoisted_1$10);
+        ], 16, _hoisted_1$13);
       };
     }
   });
@@ -31265,8 +31316,8 @@ and ensure you are accounting for this risk.
     };
     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: {},
@@ -31338,7 +31389,7 @@ and ensure you are accounting for this risk.
         }
       };
       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,
@@ -31350,7 +31401,7 @@ and ensure you are accounting for this risk.
               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,
@@ -31365,9 +31416,9 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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: {},
@@ -31398,13 +31449,13 @@ and ensure you are accounting for this risk.
         emit2("goToResults");
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$_, [
+        return openBlock(), createElementBlock("div", _hoisted_1$11, [
           createBaseVNode("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)
           ])
         ]);
       };
@@ -31500,7 +31551,7 @@ and ensure you are accounting for this risk.
     }
     return parsedObject;
   };
-  const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1c = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductsWrapper",
     props: {
       panel: {},
@@ -31570,7 +31621,7 @@ and ensure you are accounting for this risk.
       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,
@@ -31580,7 +31631,7 @@ and ensure you are accounting for this risk.
           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,
@@ -31601,7 +31652,7 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1b = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxRelatedSourceWrapper",
     props: {
       panel: {},
@@ -31673,7 +31724,7 @@ and ensure you are accounting for this risk.
       });
       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,
@@ -31691,31 +31742,31 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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(__spreadProps2(__spreadValues2({}, __default__$2), {
+  const _sfc_main$1a = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$2), {
     __name: "SearchBoxMainPanel",
     props: {
       options: {},
@@ -31880,7 +31931,7 @@ and ensure you are accounting for this risk.
           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",
@@ -31902,8 +31953,8 @@ and ensure you are accounting for this risk.
                   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,
@@ -31925,21 +31976,21 @@ and ensure you are accounting for this risk.
                       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),
-            displayShowMoreResultsButton.value ? (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,
@@ -31964,8 +32015,8 @@ and ensure you are accounting for this risk.
     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: {},
@@ -32288,8 +32339,8 @@ and ensure you are accounting for this risk.
           id: "lupa-search-box",
           class: normalizeClass({ "lupa-search-box-opened": opened.value })
         }, [
-          createBaseVNode("div", _hoisted_1$Y, [
-            createVNode(_sfc_main$1y, {
+          createBaseVNode("div", _hoisted_1$$, [
+            createVNode(_sfc_main$1E, {
               options: inputOptions.value,
               suggestedValue: suggestedValue.value,
               "can-close": (_a26 = _ctx.isSearchContainer) != null ? _a26 : false,
@@ -32302,7 +32353,7 @@ and ensure you are accounting for this risk.
               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,
@@ -32390,20 +32441,20 @@ and ensure you are accounting for this risk.
     }
     return searchParams;
   };
-  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: {}
@@ -32435,8 +32486,8 @@ and ensure you are accounting for this risk.
         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 }, [
                 createBaseVNode("span", {
@@ -32445,7 +32496,7 @@ and ensure you are accounting for this risk.
               ]);
             }), 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", {
@@ -32453,7 +32504,7 @@ and ensure you are accounting for this risk.
                   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)
@@ -32461,12 +32512,12 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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: {},
@@ -32481,8 +32532,8 @@ and ensure you are accounting for this risk.
         return addParamsToLabel(props.label, range2, `<span>${totalItems.value}</span>`);
       });
       return (_ctx, _cache) => {
-        return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$W, [
-          createBaseVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$H),
+        return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$Z, [
+          createBaseVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$J),
           _ctx.clearable ? (openBlock(), createElementBlock("span", {
             key: 0,
             class: "lupa-filter-clear",
@@ -32493,19 +32544,19 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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: {},
@@ -32548,16 +32599,16 @@ and ensure you are accounting for this risk.
       });
       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),
-              createBaseVNode("span", _hoisted_4$m, toDisplayString(unref(totalItems)), 1),
+              createBaseVNode("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),
@@ -32565,20 +32616,20 @@ and ensure you are accounting for this risk.
             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: {}
@@ -32620,23 +32671,23 @@ and ensure you are accounting for this risk.
             onClick: handleClick,
             "aria-label": "Remove filter"
           }, "⨉"),
-          createBaseVNode("div", _hoisted_1$U, toDisplayString(_ctx.filter.label) + ": ", 1),
-          createBaseVNode("div", _hoisted_2$F, toDisplayString(formatFilterValue(props.filter)), 1)
+          createBaseVNode("div", _hoisted_1$X, toDisplayString(_ctx.filter.label) + ": ", 1),
+          createBaseVNode("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: {},
@@ -32717,19 +32768,19 @@ and ensure you are accounting for this risk.
             class: "lupa-current-filter-title",
             onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
           }, [
-            createBaseVNode("div", _hoisted_1$T, [
+            createBaseVNode("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, [
-            createBaseVNode("div", _hoisted_4$l, [
+          !_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$w, [
+            createBaseVNode("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,
@@ -32747,8 +32798,8 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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: {},
@@ -32785,20 +32836,20 @@ and ensure you are accounting for this risk.
             "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: {}
@@ -32886,14 +32937,14 @@ and ensure you are accounting for this risk.
       };
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$R, [
-          createBaseVNode("div", _hoisted_2$D, [
+        return openBlock(), createElementBlock("div", _hoisted_1$U, [
+          createBaseVNode("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)
           ]),
           createBaseVNode("div", {
             class: normalizeClass(["lupa-current-category", { "lupa-current-category-active": isActive }])
@@ -32903,11 +32954,11 @@ and ensure you are accounting for this risk.
               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),
-          createBaseVNode("div", _hoisted_5$e, [
+          createBaseVNode("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
@@ -32918,22 +32969,22 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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: {},
@@ -33027,17 +33078,17 @@ and ensure you are accounting for this risk.
         }
       };
       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),
-          createBaseVNode("div", _hoisted_3$s, [
+          createBaseVNode("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) }]),
@@ -33045,7 +33096,7 @@ and ensure you are accounting for this risk.
                 key: item.title,
                 onClick: ($event) => handleFacetClick(item)
               }, [
-                createBaseVNode("div", _hoisted_5$d, [
+                createBaseVNode("div", _hoisted_5$e, [
                   createBaseVNode("span", {
                     class: normalizeClass(["lupa-term-checkbox", { checked: isChecked(item) }])
                   }, null, 2)
@@ -33053,10 +33104,10 @@ and ensure you are accounting for this risk.
                 createBaseVNode("div", {
                   class: normalizeClass(["lupa-term-checkbox-label", { [getFacetValueClass(item)]: true }])
                 }, [
-                  createBaseVNode("span", _hoisted_6$7, toDisplayString(getItemLabel(item)), 1),
+                  createBaseVNode("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", {
@@ -33976,21 +34027,21 @@ and ensure you are accounting for this risk.
     }
     return out;
   };
-  const _hoisted_1$P = { class: "lupa-search-result-facet-stats-values" };
-  const _hoisted_2$B = {
+  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" };
@@ -34005,7 +34056,7 @@ and ensure you are accounting for this risk.
     key: 2,
     class: "lupa-stats-slider-wrapper"
   };
-  const _sfc_main$W = /* @__PURE__ */ defineComponent({
+  const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     __name: "StatsFacet",
     props: {
       options: {},
@@ -34224,10 +34275,10 @@ and ensure you are accounting for this risk.
         }
       );
       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, [
-            createBaseVNode("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, [
+            createBaseVNode("div", _hoisted_4$k, [
+              rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_5$d, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
               withDirectives(createBaseVNode("input", {
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
                 type: "text",
@@ -34236,7 +34287,7 @@ and ensure you are accounting for this risk.
                 max: facetMax.value,
                 pattern: sliderInputFormat.value,
                 "aria-label": ariaLabelFrom.value
-              }, null, 8, _hoisted_6$6), [
+              }, null, 8, _hoisted_6$5), [
                 [
                   vModelText,
                   fromValue.value,
@@ -34289,17 +34340,17 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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: {},
@@ -34353,7 +34404,7 @@ and ensure you are accounting for this risk.
             "data-cy": "lupa-facet-term",
             onClick: _cache[0] || (_cache[0] = ($event) => handleFacetClick(_ctx.item))
           }, [
-            createBaseVNode("div", _hoisted_1$O, [
+            createBaseVNode("div", _hoisted_1$R, [
               createBaseVNode("span", {
                 class: normalizeClass(["lupa-term-checkbox", { checked: isChecked.value }])
               }, null, 2)
@@ -34361,11 +34412,11 @@ and ensure you are accounting for this risk.
             createBaseVNode("div", {
               class: normalizeClass(["lupa-term-checkbox-label", { [getFacetValueClass(_ctx.item)]: true }])
             }, [
-              createBaseVNode("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)
+              createBaseVNode("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,
@@ -34381,13 +34432,13 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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: {},
@@ -34443,19 +34494,19 @@ and ensure you are accounting for this risk.
         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(createBaseVNode("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,
@@ -34479,30 +34530,31 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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(__spreadProps2(__spreadValues2({}, __default__$1), {
+  const _sfc_main$Z = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __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;
@@ -34516,17 +34568,17 @@ and ensure you are accounting for this risk.
       const optionsStore = useOptionsStore();
       const screenStore = useScreenStore();
       const { currentFilterKeys } = storeToRefs(searchResultStore);
-      const { searchResultOptions } = storeToRefs(optionsStore);
+      const { searchResultOptions, expandedFacets } = storeToRefs(optionsStore);
       const { isMobileWidth } = storeToRefs(screenStore);
       const emit2 = __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) {
@@ -34568,9 +34620,16 @@ and ensure you are accounting for this risk.
         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);
         }
       });
@@ -34579,7 +34638,7 @@ and ensure you are accounting for this risk.
       });
       const handleMouseClick = (e2) => {
         const el = facetPanel.value;
-        if (!el) {
+        if (!el || !props.currentFacetStyle || props.currentFacetStyle === "sidebar") {
           return;
         }
         const isOutsideElement = el && !el.contains(e2.target);
@@ -34591,6 +34650,11 @@ and ensure you are accounting for this risk.
         handleFacetQueryFilter();
       });
       const toggleFacet = () => {
+        if (expandSidebarOnFacetClick.value) {
+          expandedFacets.value = [facet.value.key];
+          emit2("expand");
+          return;
+        }
         isOpen.value = !isOpen.value;
         handleFacetQueryFilter();
       };
@@ -34623,12 +34687,12 @@ and ensure you are accounting for this risk.
             "data-cy": "lupa-search-result-facet-label",
             onClick: toggleFacet
           }, [
-            createBaseVNode("div", _hoisted_1$M, toDisplayString(facetLabel.value), 1),
+            createBaseVNode("div", _hoisted_1$P, toDisplayString(facetLabel.value), 1),
             createBaseVNode("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],
@@ -34646,12 +34710,154 @@ and ensure you are accounting for this risk.
       };
     }
   }));
-  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: {},
@@ -34663,6 +34869,7 @@ and ensure you are accounting for this risk.
     emits: ["select", "clear"],
     setup(__props, { emit: __emit }) {
       const props = __props;
+      const { handleFilterSidebarToggle } = useSidebarToggle();
       const emit2 = __emit;
       const currentFiltersValue = computed(() => {
         var _a25;
@@ -34678,6 +34885,12 @@ and ensure you are accounting for this risk.
           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) => {
         emit2("select", facetAction);
       };
@@ -34686,29 +34899,33 @@ and ensure you are accounting for this risk.
       };
       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),
           createBaseVNode("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: {}
@@ -34733,8 +34950,33 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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 emit2 = __emit;
+      const label = computed(() => {
+        var _a25, _b25;
+        return (_b25 = (_a25 = props.options.labels) == null ? void 0 : _a25.facetClearAllButton) != null ? _b25 : "";
+      });
+      const handleClick = () => {
+        emit2("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: {},
@@ -34747,6 +34989,7 @@ and ensure you are accounting for this risk.
       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);
@@ -34774,7 +35017,7 @@ and ensure you are accounting for this risk.
         };
       });
       const showFilterButton = computed(() => {
-        return props.options.filterBehavior === "withFilterButton";
+        return props.options.filterBehavior === "withFilterButton" && props.facetStyle === "sidebar";
       });
       const handleFacetSelect = (facetAction) => {
         switch (facetAction.type) {
@@ -34815,6 +35058,10 @@ and ensure you are accounting for this risk.
         const param = getFacetKey(facet.key, facet.type);
         paramStore.removeParameters({ paramsToRemove: [param] });
       };
+      const clearAll = () => {
+        paramStore.removeAllFilters();
+        handleFilterSidebarToggle();
+      };
       const filter = () => {
         emit2("filter");
       };
@@ -34822,7 +35069,7 @@ and ensure you are accounting for this risk.
         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,
@@ -34832,10 +35079,15 @@ and ensure you are accounting for this risk.
             onSelect: handleFacetSelect,
             onClear: clear
           }, null, 8, ["options", "facets", "currentFilters", "facetStyle", "clearable"])) : createCommentVNode("", true),
-          createBaseVNode("div", _hoisted_1$K, [
-            showFilterButton.value ? (openBlock(), createBlock(_sfc_main$R, {
+          createBaseVNode("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)
           ])
@@ -34843,16 +35095,17 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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 }) {
@@ -34886,40 +35139,37 @@ and ensure you are accounting for this risk.
       __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 = {
+  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-mobile-filter-sidebar"
+    class: "lupa-sidebar-filter-count"
   };
-  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 = {
-    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: {}
@@ -34928,7 +35178,7 @@ and ensure you are accounting for this risk.
     setup(__props, { emit: __emit }) {
       const props = __props;
       const searchResultStore = useSearchResultStore();
-      const { currentFilterCount } = storeToRefs(searchResultStore);
+      const { currentFilterCount, isFilterSidebarVisible, isSidebarClosing } = storeToRefs(searchResultStore);
       const emit2 = __emit;
       const sidebarTitle = computed(() => {
         var _a25, _b25, _c;
@@ -34938,7 +35188,6 @@ and ensure you are accounting for this risk.
         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);
@@ -34951,42 +35200,46 @@ and ensure you are accounting for this risk.
         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) }])
+        }, [
           createBaseVNode("div", {
             class: "lupa-sidebar-close",
             onClick: withModifiers(handleMobileToggle, ["stop"])
           }),
-          createBaseVNode("div", _hoisted_2$w, [
-            createBaseVNode("div", _hoisted_3$o, [
-              createBaseVNode("div", _hoisted_4$g, [
+          createBaseVNode("div", _hoisted_1$K, [
+            createBaseVNode("div", _hoisted_2$y, [
+              createBaseVNode("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)
               ]),
               createBaseVNode("div", {
                 class: "lupa-filter-toggle-mobile",
                 onClick: handleMobileToggle
               })
             ]),
-            createBaseVNode("div", _hoisted_6$5, [
-              createVNode(_sfc_main$P, {
+            createBaseVNode("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: {}
@@ -35011,7 +35264,7 @@ and ensure you are accounting for this risk.
         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", {
@@ -35026,20 +35279,20 @@ and ensure you are accounting for this risk.
                   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: {}
@@ -35057,8 +35310,8 @@ and ensure you are accounting for this risk.
       });
       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,
@@ -35069,8 +35322,8 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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();
@@ -35081,7 +35334,7 @@ and ensure you are accounting for this risk.
         searchResultStore.setLayout(layout2);
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$F, [
+        return openBlock(), createElementBlock("div", _hoisted_1$H, [
           createBaseVNode("div", {
             class: normalizeClass([
               "lupa-layout-selection-grid",
@@ -35103,64 +35356,38 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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: {}
@@ -35180,20 +35407,20 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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: {},
@@ -35288,7 +35515,7 @@ and ensure you are accounting for this risk.
       };
       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"),
@@ -35312,7 +35539,7 @@ and ensure you are accounting for this risk.
               _: 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), {
@@ -35332,7 +35559,7 @@ and ensure you are accounting for this risk.
             }, 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",
@@ -35363,18 +35590,18 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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: {},
@@ -35404,9 +35631,9 @@ and ensure you are accounting for this risk.
       };
       return (_ctx, _cache) => {
         var _a25, _b25, _c;
-        return openBlock(), createElementBlock("div", _hoisted_1$C, [
-          createBaseVNode("div", _hoisted_2$t, [
-            createBaseVNode("label", _hoisted_3$l, toDisplayString(label.value), 1),
+        return openBlock(), createElementBlock("div", _hoisted_1$E, [
+          createBaseVNode("div", _hoisted_2$v, [
+            createBaseVNode("label", _hoisted_3$n, toDisplayString(label.value), 1),
             createBaseVNode("select", {
               id: "lupa-page-size-select-dropdown",
               class: "lupa-select-dropdown",
@@ -35420,110 +35647,161 @@ and ensure you are accounting for this risk.
                 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$1.SORT), value }],
+        paramsToRemove: [optionStore.getQueryParamName(QUERY_PARAMS$1.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$1.SORT), value }],
-          paramsToRemove: [optionStore.getQueryParamName(QUERY_PARAMS$1.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, [
-          createBaseVNode("div", _hoisted_2$s, [
-            createBaseVNode("label", _hoisted_3$k, toDisplayString(_ctx.options.label), 1),
+        return showDefaultSort.value ? (openBlock(), createElementBlock("div", _hoisted_1$D, [
+          createBaseVNode("div", _hoisted_2$u, [
+            createBaseVNode("label", _hoisted_3$m, toDisplayString(unref(sotyByTitleLabel)), 1),
             withDirectives(createBaseVNode("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,
@@ -35531,7 +35809,7 @@ and ensure you are accounting for this risk.
   };
   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: {},
@@ -35547,7 +35825,7 @@ and ensure you are accounting for this risk.
       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";
@@ -35625,7 +35903,7 @@ and ensure you are accounting for this risk.
         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);
       });
@@ -35644,39 +35922,37 @@ and ensure you are accounting for this risk.
           id: "lupa-search-results-toolbar",
           class: normalizeClass({ "lupa-filter-no-results": !hasResults.value })
         }, [
-          createBaseVNode("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, {
+          createBaseVNode("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))
           ]),
           createBaseVNode("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)
@@ -35685,7 +35961,7 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _sfc_main$E = /* @__PURE__ */ defineComponent({
+  const _sfc_main$G = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductImage",
     props: {
       item: {},
@@ -35693,7 +35969,7 @@ and ensure you are accounting for this risk.
     },
     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",
@@ -35702,16 +35978,16 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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: {},
@@ -35748,7 +36024,7 @@ and ensure you are accounting for this risk.
           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}`),
@@ -35759,26 +36035,26 @@ and ensure you are accounting for this risk.
             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: {},
@@ -35805,7 +36081,7 @@ and ensure you are accounting for this risk.
           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}`)
@@ -35813,15 +36089,15 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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: {},
@@ -35858,18 +36134,18 @@ and ensure you are accounting for this risk.
         return generateLink(props.options.links.ratingDetails, props.item);
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$x, [
-          createBaseVNode("div", _hoisted_2$p, [
-            createBaseVNode("div", _hoisted_3$h, [
+        return openBlock(), createElementBlock("div", _hoisted_1$z, [
+          createBaseVNode("div", _hoisted_2$r, [
+            createBaseVNode("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))
             ]),
-            createBaseVNode("div", _hoisted_5$6, [
+            createBaseVNode("div", _hoisted_5$7, [
               createBaseVNode("div", {
                 class: "lupa-ratings-highlighted",
                 style: normalizeStyle({ width: ratingPercentage.value + "%" })
@@ -35892,11 +36168,11 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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: {},
@@ -35918,11 +36194,11 @@ and ensure you are accounting for this risk.
         );
       });
       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: {},
@@ -35956,12 +36232,12 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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: {},
@@ -36020,16 +36296,16 @@ and ensure you are accounting for this risk.
         loading.value = false;
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$v, [
-          createBaseVNode("div", _hoisted_2$o, [
+        return openBlock(), createElementBlock("div", _hoisted_1$x, [
+          createBaseVNode("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 }), [
-              createBaseVNode("a", { href: _ctx.link }, toDisplayString(label.value), 9, _hoisted_4$9)
-            ], 16, _hoisted_3$g)) : (openBlock(), createElementBlock("button", mergeProps({
+              createBaseVNode("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,
@@ -36037,18 +36313,18 @@ and ensure you are accounting for this risk.
               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: {},
@@ -36090,20 +36366,20 @@ and ensure you are accounting for this risk.
           key: 0,
           class: className.value,
           innerHTML: text.value
-        }, toHandlers(_ctx.options.action ? { click: handleClick } : {})), null, 16, _hoisted_1$u)) : (openBlock(), createElementBlock("div", mergeProps({
+        }, toHandlers(_ctx.options.action ? { click: handleClick } : {})), null, 16, _hoisted_1$w)) : (openBlock(), createElementBlock("div", mergeProps({
           key: 1,
           class: className.value
         }, toHandlers(_ctx.options.action ? { click: handleClick } : {})), [
-          !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$n, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$f, [
-            createBaseVNode("div", _hoisted_4$8, toDisplayString(label.value), 1),
-            createBaseVNode("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, [
+            createBaseVNode("div", _hoisted_4$a, toDisplayString(label.value), 1),
+            createBaseVNode("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: {},
@@ -36139,15 +36415,15 @@ and ensure you are accounting for this risk.
         return openBlock(), createElementBlock("div", mergeProps({
           class: className.value,
           innerHTML: text.value
-        }, toHandlers(_ctx.options.action ? { click: handleClick } : {})), null, 16, _hoisted_1$t);
+        }, toHandlers(_ctx.options.action ? { click: handleClick } : {})), 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: {},
@@ -36175,35 +36451,35 @@ and ensure you are accounting for this risk.
         return RATING_STAR_HTML;
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$s, [
+        return openBlock(), createElementBlock("div", _hoisted_1$u, [
           createBaseVNode("div", {
             innerHTML: star.value,
             class: "lupa-rating lupa-rating-highlighted"
-          }, null, 8, _hoisted_2$m),
-          createBaseVNode("div", _hoisted_3$e, toDisplayString(rating.value), 1),
+          }, null, 8, _hoisted_2$o),
+          createBaseVNode("div", _hoisted_3$g, toDisplayString(rating.value), 1),
           createBaseVNode("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(__spreadProps2(__spreadValues2({}, __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(__spreadProps2(__spreadValues2({}, __default__), {
     __name: "SearchResultsProductCardElement",
     props: {
       item: {},
@@ -36281,13 +36557,13 @@ and ensure you are accounting for this risk.
       };
     }
   }));
-  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: {},
@@ -36463,7 +36739,7 @@ and ensure you are accounting for this risk.
           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"]),
               createBaseVNode("div", {
                 class: normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
               }, [
@@ -36473,7 +36749,7 @@ and ensure you are accounting for this risk.
                   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,
@@ -36484,16 +36760,16 @@ and ensure you are accounting for this risk.
                       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),
-                createBaseVNode("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),
+                createBaseVNode("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,
@@ -36511,7 +36787,7 @@ and ensure you are accounting for this risk.
                     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,
@@ -36532,23 +36808,23 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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: {},
@@ -36586,11 +36862,11 @@ and ensure you are accounting for this risk.
         };
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$q, [
-          createBaseVNode("div", _hoisted_2$k, toDisplayString(_ctx.labels.similarQueries), 1),
+        return openBlock(), createElementBlock("div", _hoisted_1$s, [
+          createBaseVNode("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 }, [
-              createBaseVNode("div", _hoisted_3$c, [
+              createBaseVNode("div", _hoisted_3$e, [
                 createBaseVNode("span", null, toDisplayString(similarQueryLabel.value), 1),
                 createBaseVNode("span", {
                   id: "lupa-similar-query-text-component",
@@ -36600,13 +36876,13 @@ and ensure you are accounting for this risk.
                 }, [
                   createBaseVNode("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)
               ]),
               createBaseVNode("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,
@@ -36621,15 +36897,15 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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: {},
@@ -36702,10 +36978,10 @@ and ensure you are accounting for this risk.
         handleQueryChange();
       });
       return (_ctx, _cache) => {
-        return hasResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$p, [
-          createBaseVNode("div", _hoisted_2$j, [
+        return hasResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$r, [
+          createBaseVNode("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,
@@ -36723,11 +36999,11 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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: {},
@@ -36744,9 +37020,9 @@ and ensure you are accounting for this risk.
         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
@@ -36763,29 +37039,29 @@ and ensure you are accounting for this risk.
     }
     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, [
-      createBaseVNode("div", _hoisted_2$i, [
+    return openBlock(), createElementBlock("div", _hoisted_1$p, [
+      createBaseVNode("div", _hoisted_2$k, [
         (openBlock(), createElementBlock(Fragment, null, renderList(12, (x) => {
           return createBaseVNode("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: {},
@@ -36806,11 +37082,11 @@ and ensure you are accounting for this risk.
         };
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$m, [
-          createBaseVNode("div", _hoisted_2$h, toDisplayString(_ctx.labels.similarResultsLabel), 1),
-          createBaseVNode("div", _hoisted_3$b, [
+        return openBlock(), createElementBlock("div", _hoisted_1$o, [
+          createBaseVNode("div", _hoisted_2$j, toDisplayString(_ctx.labels.similarResultsLabel), 1),
+          createBaseVNode("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,
@@ -36931,15 +37207,15 @@ and ensure you are accounting for this risk.
         return extractFacetsRelatedSource(source, searchResults2, 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: {},
@@ -37035,9 +37311,9 @@ and ensure you are accounting for this risk.
       });
       return (_ctx, _cache) => {
         var _a25;
-        return openBlock(), createElementBlock("div", _hoisted_1$l, [
-          createBaseVNode("div", _hoisted_2$g, [
-            itemToDisplay.value && image.value ? (openBlock(), createBlock(_sfc_main$1q, {
+        return openBlock(), createElementBlock("div", _hoisted_1$n, [
+          createBaseVNode("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",
@@ -37045,24 +37321,24 @@ and ensure you are accounting for this risk.
               options: image.value
             }, null, 8, ["item", "options"])) : createCommentVNode("", true)
           ]),
-          createBaseVNode("div", _hoisted_3$a, [
-            createBaseVNode("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)
+          createBaseVNode("div", _hoisted_3$c, [
+            createBaseVNode("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: {}
@@ -37156,8 +37432,8 @@ and ensure you are accounting for this risk.
       };
       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),
           createBaseVNode("ul", null, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(relatedQueries2.value, (query) => {
               return withDirectives((openBlock(), createElementBlock("li", {
@@ -37167,14 +37443,14 @@ and ensure you are accounting for this risk.
                 createBaseVNode("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]
               ]);
@@ -37211,13 +37487,13 @@ and ensure you are accounting for this risk.
     }
     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: {}
@@ -37240,19 +37516,19 @@ and ensure you are accounting for this risk.
         )
       );
       return (_ctx, _cache) => {
-        return redirectionSuggestion.value && label.value && link.value ? (openBlock(), createElementBlock("div", _hoisted_1$j, [
-          createBaseVNode("h4", _hoisted_2$e, [
-            createBaseVNode("a", { href: link.value }, toDisplayString(label.value), 9, _hoisted_3$8)
+        return redirectionSuggestion.value && label.value && link.value ? (openBlock(), createElementBlock("div", _hoisted_1$l, [
+          createBaseVNode("h4", _hoisted_2$g, [
+            createBaseVNode("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: {}
@@ -37263,22 +37539,22 @@ and ensure you are accounting for this risk.
       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, [
           createBaseVNode("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: {},
@@ -37310,9 +37586,9 @@ and ensure you are accounting for this risk.
       });
       return (_ctx, _cache) => {
         var _a25;
-        return openBlock(), createElementBlock("div", _hoisted_1$h, [
-          createBaseVNode("div", _hoisted_2$d, [
-            itemToDisplay.value && image.value ? (openBlock(), createBlock(_sfc_main$1q, {
+        return openBlock(), createElementBlock("div", _hoisted_1$j, [
+          createBaseVNode("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",
@@ -37320,24 +37596,24 @@ and ensure you are accounting for this risk.
               options: image.value
             }, null, 8, ["item", "options"])) : createCommentVNode("", true)
           ]),
-          createBaseVNode("div", _hoisted_3$7, [
-            createBaseVNode("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)
+          createBaseVNode("div", _hoisted_3$9, [
+            createBaseVNode("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: {}
@@ -37347,7 +37623,7 @@ and ensure you are accounting for this risk.
       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 : [];
@@ -37375,7 +37651,7 @@ and ensure you are accounting for this risk.
           { 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) => {
@@ -37389,8 +37665,8 @@ and ensure you are accounting for this risk.
       };
       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),
           createBaseVNode("ul", null, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(relatedQueries2.value, (query) => {
               return openBlock(), createElementBlock("li", {
@@ -37400,11 +37676,11 @@ and ensure you are accounting for this risk.
                 createBaseVNode("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))
           ])
@@ -37412,9 +37688,9 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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: {},
@@ -37443,36 +37719,36 @@ and ensure you are accounting for this risk.
       });
       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),
             createBaseVNode("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: {},
@@ -37488,7 +37764,7 @@ and ensure you are accounting for this risk.
         hasResults,
         currentQueryText,
         isPageEmpty,
-        isMobileSidebarVisible,
+        isFilterSidebarVisible,
         columnCount,
         searchResult,
         layout,
@@ -37519,7 +37795,7 @@ and ensure you are accounting for this risk.
       });
       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";
@@ -37596,40 +37872,40 @@ and ensure you are accounting for this risk.
       };
       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",
@@ -37638,19 +37914,19 @@ and ensure you are accounting for this risk.
             }, 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),
-            createBaseVNode("div", _hoisted_2$a, [
+            createBaseVNode("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),
@@ -37659,7 +37935,7 @@ and ensure you are accounting for this risk.
                   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,
@@ -37668,7 +37944,7 @@ and ensure you are accounting for this risk.
                 }, 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,
@@ -37676,36 +37952,36 @@ and ensure you are accounting for this risk.
                 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
@@ -37716,17 +37992,17 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  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: {}
@@ -37774,24 +38050,24 @@ and ensure you are accounting for this risk.
             "has-related-category-children": hasRelatedCategoryChildren.value
           }])
         }, [
-          createBaseVNode("div", _hoisted_1$d, [
-            hasBackButton.value ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
+          createBaseVNode("div", _hoisted_1$f, [
+            hasBackButton.value ? (openBlock(), createElementBlock("div", _hoisted_2$b, [
               createBaseVNode("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
@@ -37801,6 +38077,129 @@ and ensure you are accounting for this risk.
       };
     }
   });
+  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, [
+          createBaseVNode("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)
+              }, [
+                createBaseVNode("label", {
+                  for: "lupa-sort-list-" + option.key
+                }, toDisplayString(option.label), 9, _hoisted_3$5),
+                createBaseVNode("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$1.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) }])
+        }, [
+          createBaseVNode("div", {
+            class: "lupa-sidebar-close",
+            onClick: withModifiers(handleDrawerToggle, ["stop"])
+          }),
+          createBaseVNode("div", _hoisted_1$d, [
+            createBaseVNode("div", _hoisted_2$9, [
+              createBaseVNode("div", _hoisted_3$4, toDisplayString(sidebarTitle.value), 1),
+              createBaseVNode("div", {
+                class: "lupa-filter-toggle-mobile",
+                onClick: handleDrawerToggle
+              })
+            ]),
+            createBaseVNode("div", _hoisted_4$2, [
+              createVNode(_sfc_main$g)
+            ]),
+            createBaseVNode("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"
@@ -37835,7 +38234,7 @@ and ensure you are accounting for this risk.
         currentQueryText,
         hasResults,
         currentFilterCount,
-        isMobileSidebarVisible,
+        isFilterSidebarVisible,
         layout,
         loadingFacets,
         loadingRefiners
@@ -37857,7 +38256,7 @@ and ensure you are accounting for this risk.
       });
       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
         };
@@ -38099,32 +38498,33 @@ and ensure you are accounting for this risk.
           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",
@@ -38132,12 +38532,12 @@ and ensure you are accounting for this risk.
               onFilter: handleParamsChange
             }, null, 8, ["options"])) : createCommentVNode("", true),
             createBaseVNode("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
@@ -38148,9 +38548,9 @@ and ensure you are accounting for this risk.
                 _: 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"]),
@@ -38158,14 +38558,14 @@ and ensure you are accounting for this risk.
               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
@@ -38309,7 +38709,7 @@ and ensure you are accounting for this risk.
             onClick: withModifiers(innerClick, ["stop"])
           }, [
             createBaseVNode("div", _hoisted_1$a, [
-              createVNode(_sfc_main$13, {
+              createVNode(_sfc_main$19, {
                 options: fullSearchBoxOptions.value,
                 "is-search-container": true,
                 ref_key: "searchBox",
@@ -39897,7 +40297,7 @@ and ensure you are accounting for this risk.
                       key: getProductKeyAction(index, product)
                     }, {
                       default: withCtx(() => [
-                        createVNode(_sfc_main$t, {
+                        createVNode(_sfc_main$v, {
                           product,
                           options: _ctx.options,
                           "click-tracking-settings": clickTrackingSettings.value,
@@ -39912,7 +40312,7 @@ and ensure you are accounting for this risk.
                 _: 1
               }, 16, ["wrap-around"])) : (openBlock(), createElementBlock("div", _hoisted_4$1, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(recommendations2.value, (product, index) => {
-                  return openBlock(), createBlock(_sfc_main$t, {
+                  return openBlock(), createBlock(_sfc_main$v, {
                     style: normalizeStyle(columnSize.value),
                     key: getProductKeyAction(index, product),
                     product,
@@ -40158,7 +40558,7 @@ and ensure you are accounting for this risk.
               createBaseVNode("a", {
                 href: getLink(product)
               }, [
-                createVNode(_sfc_main$E, {
+                createVNode(_sfc_main$G, {
                   item: product,
                   options: image.value
                 }, null, 8, ["item", "options"])
@@ -40323,7 +40723,7 @@ and ensure you are accounting for this risk.
       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,
@@ -40519,7 +40919,7 @@ and ensure you are accounting for this risk.
     key: 0,
     class: "lupasearch-chat-content"
   };
-  const _sfc_main$1B = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1H = /* @__PURE__ */ defineComponent({
     __name: "ChatContainer",
     props: {
       options: {}
@@ -46543,7 +46943,7 @@ and ensure you are accounting for this risk.
       };
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(unref(_sfc_main$13), {
+        return openBlock(), createBlock(unref(_sfc_main$19), {
           ref_key: "searchBox",
           ref: searchBox2,
           options: fullSearchBoxOptions.value
@@ -47203,7 +47603,7 @@ and ensure you are accounting for this risk.
     const instance = createVue(
       options.displayOptions.containerSelector,
       mountOptions == null ? void 0 : mountOptions.mountingBehavior,
-      _sfc_main$1B,
+      _sfc_main$1H,
       {
         options
       }
@@ -47477,13 +47877,14 @@ and ensure you are accounting for this risk.
     document.head.appendChild(styleElement);
   });
   const mountSearchBox = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(null, null, function* () {
-    var _a25;
+    var _a25, _b25;
     if (!configuration.searchBox) {
       return;
     }
     const resolvedConfiguration = JSON.parse(configuration.searchBox);
     const allowedMountUrls = resolvedConfiguration.allowedMountUrls;
     const domPing = resolvedConfiguration.domPing;
+    const mountingBehavior = (_a25 = resolvedConfiguration.mountingBehavior) != null ? _a25 : void 0;
     const visible = yield waitForElementToBeVisible(
       resolvedConfiguration.inputSelector,
       0,
@@ -47497,18 +47898,19 @@ and ensure you are accounting for this risk.
     }
     const mergedOptions = PluginConfigurationMerger.mergeSearchBoxConfiguration(
       resolvedConfiguration,
-      (_a25 = optionOverrides == null ? void 0 : optionOverrides.searchBox) != null ? _a25 : {}
+      (_b25 = optionOverrides == null ? void 0 : optionOverrides.searchBox) != null ? _b25 : {}
     );
-    searchBox(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls, domPing });
+    searchBox(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls, domPing, mountingBehavior });
   });
   const mountSearchResults = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(null, null, function* () {
-    var _a25;
+    var _a25, _b25;
     if (!configuration.searchResults) {
       return;
     }
     const resolvedConfiguration = JSON.parse(configuration.searchResults);
     const allowedMountUrls = resolvedConfiguration.allowedMountUrls;
     const domPing = resolvedConfiguration.domPing;
+    const mountingBehavior = (_a25 = resolvedConfiguration.mountingBehavior) != null ? _a25 : void 0;
     const visible = yield waitForElementToBeVisible(
       resolvedConfiguration.containerSelector,
       0,
@@ -47522,12 +47924,15 @@ and ensure you are accounting for this risk.
     }
     const mergedOptions = PluginConfigurationMerger.mergeSearchResultsConfiguration(
       resolvedConfiguration,
-      (_a25 = optionOverrides == null ? void 0 : optionOverrides.searchResults) != null ? _a25 : {}
+      (_b25 = optionOverrides == null ? void 0 : optionOverrides.searchResults) != null ? _b25 : {}
+    );
+    searchResults(
+      __spreadProps(__spreadValues({}, mergedOptions), { options }),
+      { fetch: fetch2, allowedMountUrls, domPing, mountingBehavior }
     );
-    searchResults(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls, domPing });
   });
   const mountProductList = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(null, null, function* () {
-    var _a25;
+    var _a25, _b25;
     if (!configuration.productList) {
       return;
     }
@@ -47536,6 +47941,7 @@ and ensure you are accounting for this risk.
     );
     const resolvedConfiguration = JSON.parse(configuration.productList);
     const allowedMountUrls = resolvedConfiguration.allowedMountUrls;
+    const mountingBehavior = (_a25 = resolvedConfiguration.mountingBehavior) != null ? _a25 : void 0;
     const visible = yield waitForElementToBeVisible(
       resolvedConfiguration.containerSelector,
       0,
@@ -47549,13 +47955,14 @@ and ensure you are accounting for this risk.
     }
     const mergedOptions = merge(
       __spreadValues(__spreadValues({}, resolvedSearchResultsConfiguration), resolvedConfiguration),
-      (_a25 = optionOverrides == null ? void 0 : optionOverrides.productList) != null ? _a25 : {}
+      (_b25 = optionOverrides == null ? void 0 : optionOverrides.productList) != null ? _b25 : {}
     );
-    productList(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
+    productList(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls, mountingBehavior });
   });
   const mountRecommendations = (resolvedSearchResultsConfiguration, resolvedConfiguration, options, optionOverrides, fetch2 = true, remount = false) => __async(null, null, function* () {
-    var _a25;
+    var _a25, _b25;
     const allowedMountUrls = resolvedConfiguration.allowedMountUrls;
+    const mountingBehavior = (_a25 = resolvedConfiguration.mountingBehavior) != null ? _a25 : void 0;
     const visible = yield waitForElementToBeVisible(
       resolvedConfiguration.containerSelector,
       0,
@@ -47569,9 +47976,9 @@ and ensure you are accounting for this risk.
     }
     const mergedOptions = merge(
       __spreadValues(__spreadValues({}, resolvedSearchResultsConfiguration), resolvedConfiguration),
-      (_a25 = optionOverrides == null ? void 0 : optionOverrides.recommendations) != null ? _a25 : {}
+      (_b25 = optionOverrides == null ? void 0 : optionOverrides.recommendations) != null ? _b25 : {}
     );
-    recommendations(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
+    recommendations(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls, mountingBehavior });
   });
   const mountAllRecommendations = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(null, null, function* () {
     if (!configuration.recommendations) {