@getlupa/vue 0.17.14 → 0.18.1

package/dist/lupaSearch.js

@@ -1661,6 +1661,15 @@ const refiners = (queryKey, query, environment, customBaseUrl) => __awaiter(void
   const errors = yield res.json();
   return { success: false, errors };
 });
+const relatedQueries = (queryKey, query, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
+  const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}query/${queryKey}/related`, Object.assign(Object.assign({}, defaultConfig), { body: JSON.stringify(query) }));
+  if (res.status < 400) {
+    const data = yield res.json();
+    return Object.assign(Object.assign({}, data), { success: true });
+  }
+  const errors = yield res.json();
+  return { success: false, errors };
+});
 const queryByIds = (queryKey, ids, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
   const idParam = ids.map((id) => `ids=${id}`).join("&");
   const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}query/${queryKey}/ids?${idParam}`, Object.assign(Object.assign({}, defaultConfig), { method: "GET" }));
@@ -1742,6 +1751,9 @@ const LupaSearchSdk = {
   queryRefiners: (queryKey, publicQuery, options = null) => {
     return refiners(queryKey, publicQuery, (options === null || options === void 0 ? void 0 : options.environment) || "production", options === null || options === void 0 ? void 0 : options.customBaseUrl);
   },
+  queryRelated: (queryKey, publicQuery, options = null) => {
+    return relatedQueries(queryKey, publicQuery, (options === null || options === void 0 ? void 0 : options.environment) || "production", options === null || options === void 0 ? void 0 : options.customBaseUrl);
+  },
   suggestions: (queryKey, suggestionQuery, options = null) => {
     if (options === null || options === void 0 ? void 0 : options.customUrl) {
       return suggestCustom(suggestionQuery, options);
@@ -8698,9 +8710,16 @@ const useParamsStore = defineStore("params", () => {
           value: Array.isArray(singleFacetParam.value) ? singleFacetParam.value[0] : singleFacetParam.value
         })
       ] : [];
+      const limitParam = params.value[QUERY_PARAMS_PARSED.LIMIT] ? [
+        {
+          name: optionsStore.getQueryParamName(QUERY_PARAMS.LIMIT),
+          value: limit.value.toString()
+        }
+      ] : [];
       appendParams({
         params: [
           { name: optionsStore.getQueryParamName(QUERY_PARAMS.QUERY), value: searchText },
+          ...limitParam,
           ...facetParam
         ],
         paramsToRemove: "all",
@@ -9001,11 +9020,11 @@ const useSearchBoxStore = defineStore("searchBox", () => {
     resetHighlightIndex
   };
 });
-const _hoisted_1$1i = { id: "lupa-search-box-input-container" };
-const _hoisted_2$T = { class: "lupa-input-clear" };
-const _hoisted_3$C = { id: "lupa-search-box-input" };
-const _hoisted_4$u = ["value"];
-const _hoisted_5$k = ["aria-label", "placeholder"];
+const _hoisted_1$1k = { id: "lupa-search-box-input-container" };
+const _hoisted_2$V = { class: "lupa-input-clear" };
+const _hoisted_3$E = { id: "lupa-search-box-input" };
+const _hoisted_4$v = ["value"];
+const _hoisted_5$l = ["aria-label", "placeholder"];
 const _hoisted_6$9 = /* @__PURE__ */ vue.createElementVNode("span", { class: "lupa-search-submit-icon" }, null, -1);
 const _hoisted_7$7 = [
   _hoisted_6$9
@@ -9014,7 +9033,7 @@ const _hoisted_8$3 = {
   key: 0,
   class: "lupa-close-label"
 };
-const _sfc_main$1v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxInput",
   props: {
     options: {},
@@ -9098,20 +9117,20 @@ const _sfc_main$1v = /* @__PURE__ */ vue.defineComponent({
     };
     __expose({ focus });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1i, [
-        vue.createElementVNode("div", _hoisted_2$T, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1k, [
+        vue.createElementVNode("div", _hoisted_2$V, [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
             onClick: clear
           }, null, 2)
         ]),
-        vue.createElementVNode("div", _hoisted_3$C, [
+        vue.createElementVNode("div", _hoisted_3$E, [
           vue.createElementVNode("input", {
             class: "lupa-hint",
             "aria-hidden": "true",
             value: showHint.value ? suggestedValue.value.item.suggestion : "",
             disabled: ""
-          }, null, 8, _hoisted_4$u),
+          }, null, 8, _hoisted_4$v),
           vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
           }, inputAttributes.value, {
@@ -9125,7 +9144,7 @@ const _sfc_main$1v = /* @__PURE__ */ vue.defineComponent({
             placeholder: labels.value.placeholder,
             onInput: handleInput,
             onFocus: handleFocus
-          }), null, 16, _hoisted_5$k), [
+          }), null, 16, _hoisted_5$l), [
             [vue.vModelText, inputValue.value]
           ]),
           _ctx.options.showSubmitButton ? (vue.openBlock(), vue.createElementBlock("button", {
@@ -9144,7 +9163,7 @@ const _sfc_main$1v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$1u = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxMoreResults",
   props: {
     labels: {},
@@ -9181,9 +9200,9 @@ const _sfc_main$1u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$1h = { class: "lupa-search-box-history-item" };
-const _hoisted_2$S = { class: "lupa-search-box-history-item-content" };
-const _sfc_main$1t = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$1j = { class: "lupa-search-box-history-item" };
+const _hoisted_2$U = { class: "lupa-search-box-history-item-content" };
+const _sfc_main$1v = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxHistoryItem",
   props: {
     item: {},
@@ -9199,8 +9218,8 @@ const _sfc_main$1t = /* @__PURE__ */ vue.defineComponent({
       emit("click", { query: props.item });
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1h, [
-        vue.createElementVNode("div", _hoisted_2$S, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1j, [
+        vue.createElementVNode("div", _hoisted_2$U, [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
             onClick: click2
@@ -9214,11 +9233,11 @@ const _sfc_main$1t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$1g = {
+const _hoisted_1$1i = {
   key: 0,
   class: "lupa-search-box-history-panel"
 };
-const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1u = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxHistoryPanel",
   props: {
     options: {}
@@ -9268,9 +9287,9 @@ const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return hasHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1g, [
+      return hasHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1i, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(limitedHistory.value, (item, index) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$1t, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$1v, {
             key: item,
             item,
             highlighted: index === highlightIndex.value,
@@ -9286,15 +9305,15 @@ const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$1f = { class: "lupa-search-box-no-results" };
-const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$1h = { class: "lupa-search-box-no-results" };
+const _sfc_main$1t = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxNoResults",
   props: {
     labels: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("p", _hoisted_1$1f, vue.toDisplayString(_ctx.labels.noResults), 1);
+      return vue.openBlock(), vue.createElementBlock("p", _hoisted_1$1h, vue.toDisplayString(_ctx.labels.noResults), 1);
     };
   }
 });
@@ -9326,26 +9345,26 @@ const generateGridTemplate = (elements) => {
   }
   return gridTemplate.join(" ");
 };
-const _hoisted_1$1e = ["innerHTML"];
-const _hoisted_2$R = {
+const _hoisted_1$1g = ["innerHTML"];
+const _hoisted_2$T = {
   key: 1,
   "data-cy": "lupa-suggestion-value",
   class: "lupa-suggestion-value"
 };
-const _hoisted_3$B = {
+const _hoisted_3$D = {
   key: 2,
   class: "lupa-suggestion-facet",
   "data-cy": "lupa-suggestion-facet"
 };
-const _hoisted_4$t = {
+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$1q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxSuggestion",
   props: {
     suggestion: {},
@@ -9381,20 +9400,20 @@ const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
           class: "lupa-suggestion-value",
           "data-cy": "lupa-suggestion-value",
           innerHTML: _ctx.suggestion.displayHighlight
-        }, null, 8, _hoisted_1$1e)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$R, vue.toDisplayString(_ctx.suggestion.display), 1)),
-        _ctx.suggestion.facet ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$B, [
-          vue.createElementVNode("span", _hoisted_4$t, vue.toDisplayString(facetLabel.value), 1),
-          vue.createElementVNode("span", _hoisted_5$j, vue.toDisplayString(_ctx.suggestion.facet.title), 1)
+        }, null, 8, _hoisted_1$1g)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$T, vue.toDisplayString(_ctx.suggestion.display), 1)),
+        _ctx.suggestion.facet ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$D, [
+          vue.createElementVNode("span", _hoisted_4$u, vue.toDisplayString(facetLabel.value), 1),
+          vue.createElementVNode("span", _hoisted_5$k, vue.toDisplayString(_ctx.suggestion.facet.title), 1)
         ])) : vue.createCommentVNode("", true)
       ]);
     };
   }
 });
-const _hoisted_1$1d = {
+const _hoisted_1$1f = {
   id: "lupa-search-box-suggestions",
   "data-cy": "lupa-search-box-suggestions"
 };
-const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxSuggestions",
   props: {
     items: {},
@@ -9454,9 +9473,9 @@ const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
       });
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1d, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1f, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items.value, (item, index) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$1q, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$1s, {
             key: getSuggestionKey(item),
             class: vue.normalizeClass(["lupa-suggestion", index === highlightedIndex.value ? "lupa-suggestion-highlighted" : ""]),
             suggestion: item,
@@ -9484,7 +9503,7 @@ const debounce$1 = (func, timeout) => {
     }, timeout);
   };
 };
-const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxSuggestionsWrapper",
   props: {
     panel: {},
@@ -9526,7 +9545,7 @@ const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
     const getSuggestionsDebounced = debounce$1(getSuggestions, props.debounce);
     vue.watch(() => props.panel.limit, getSuggestionsDebounced);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$1p, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$1r, {
         items: searchResult.value,
         highlight: _ctx.panel.highlight,
         queryKey: _ctx.panel.queryKey,
@@ -18630,9 +18649,9 @@ const replaceImageWithPlaceholder = (e2, placeholder) => {
     targetImage.src = placeholder;
   }
 };
-const _hoisted_1$1c = ["src"];
-const _hoisted_2$Q = ["src"];
-const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$1e = ["src"];
+const _hoisted_2$S = ["src"];
+const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
   __name: "ProductImage",
   props: {
     item: {},
@@ -18774,7 +18793,7 @@ const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
             }, { alt: imageAlt.value ? imageAlt.value : void 0 }, {
               onError: replaceWithPlaceholder,
               key: finalUrl.value
-            }), null, 16, _hoisted_1$1c))
+            }), null, 16, _hoisted_1$1e))
           ]),
           _: 1
         })) : (vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({
@@ -18782,12 +18801,12 @@ const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
           class: ["lupa-images-main-image", { [_ctx.imageClass]: true }],
           style: styleOverride.value,
           src: finalMainImageUrl.value
-        }, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_2$Q))
+        }, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_2$S))
       ], 38);
     };
   }
 });
-const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductImage",
   props: {
     item: {},
@@ -18795,7 +18814,7 @@ const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$1n, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$1p, {
         item: _ctx.item,
         options: _ctx.options,
         "wrapper-class": "lupa-search-box-image-wrapper",
@@ -18804,12 +18823,12 @@ const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$1b = ["innerHTML"];
-const _hoisted_2$P = {
+const _hoisted_1$1d = ["innerHTML"];
+const _hoisted_2$R = {
   key: 1,
   class: "lupa-search-box-product-title"
 };
-const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductTitle",
   props: {
     item: {},
@@ -18832,18 +18851,18 @@ const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         class: "lupa-search-box-product-title",
         innerHTML: sanitizedTitle.value
-      }, null, 8, _hoisted_1$1b)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$P, [
+      }, null, 8, _hoisted_1$1d)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$R, [
         vue.createElementVNode("strong", null, vue.toDisplayString(title.value), 1)
       ]));
     };
   }
 });
-const _hoisted_1$1a = ["innerHTML"];
-const _hoisted_2$O = {
+const _hoisted_1$1c = ["innerHTML"];
+const _hoisted_2$Q = {
   key: 1,
   class: "lupa-search-box-product-description"
 };
-const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductDescription",
   props: {
     item: {},
@@ -18866,12 +18885,12 @@ const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         class: "lupa-search-box-product-description",
         innerHTML: sanitizedDescription.value
-      }, null, 8, _hoisted_1$1a)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$O, vue.toDisplayString(description.value), 1));
+      }, null, 8, _hoisted_1$1c)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$Q, vue.toDisplayString(description.value), 1));
     };
   }
 });
-const _hoisted_1$19 = { class: "lupa-search-box-product-price" };
-const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$1b = { class: "lupa-search-box-product-price" };
+const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductPrice",
   props: {
     item: {},
@@ -18890,13 +18909,13 @@ const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
       );
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$19, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1b, [
         vue.createElementVNode("strong", null, vue.toDisplayString(price.value), 1)
       ]);
     };
   }
 });
-const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductRegularPrice",
   props: {
     item: {},
@@ -18924,12 +18943,12 @@ const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$18 = ["innerHTML"];
-const _hoisted_2$N = { key: 0 };
-const _hoisted_3$A = { key: 1 };
-const _hoisted_4$s = { class: "lupa-search-box-custom-label" };
-const _hoisted_5$i = { class: "lupa-search-box-custom-text" };
-const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$1a = ["innerHTML"];
+const _hoisted_2$P = { key: 0 };
+const _hoisted_3$C = { 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$1j = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductCustom",
   props: {
     item: {},
@@ -18955,20 +18974,20 @@ const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         class: [className.value, "lupa-search-box-product-custom"],
         innerHTML: text.value
-      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$18)) : (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$1a)) : (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         key: 1,
         class: [className.value, "lupa-search-box-product-custom"]
       }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
-        !label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$N, vue.toDisplayString(text.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$A, [
-          vue.createElementVNode("div", _hoisted_4$s, vue.toDisplayString(label.value), 1),
-          vue.createElementVNode("div", _hoisted_5$i, vue.toDisplayString(text.value), 1)
+        !label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$P, vue.toDisplayString(text.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$C, [
+          vue.createElementVNode("div", _hoisted_4$t, vue.toDisplayString(label.value), 1),
+          vue.createElementVNode("div", _hoisted_5$j, vue.toDisplayString(text.value), 1)
         ]))
       ], 16));
     };
   }
 });
-const _hoisted_1$17 = ["innerHTML"];
-const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$19 = ["innerHTML"];
+const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductCustomHtml",
   props: {
     item: {},
@@ -18993,7 +19012,7 @@ const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         class: className.value,
         innerHTML: text.value
-      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$17);
+      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$19);
     };
   }
 });
@@ -19050,10 +19069,13 @@ const useSearchResultStore = defineStore("searchResult", () => {
   const loading = vue.ref(false);
   const loadingFacets = vue.ref(false);
   const loadingRefiners = vue.ref(false);
+  const loadingRelatedQueries = vue.ref(false);
   const isMobileSidebarVisible = vue.ref(false);
   const relatedCategoryChildren = vue.ref([]);
   const lastRequestId = vue.ref("");
   const searchRequestResults = vue.ref({});
+  const relatedQueriesResult = vue.ref({});
+  const relatedQueriesApiEnabled = vue.ref(null);
   const lastResultsSource = vue.ref(void 0);
   const optionsStore = useOptionsStore();
   const paramsStore = useParamsStore();
@@ -19207,6 +19229,9 @@ const useSearchResultStore = defineStore("searchResult", () => {
     const screenWidth = (_a = currentScreenWidth.value) != null ? _a : "xl";
     columnCount.value = grid.columns[screenWidth];
   };
+  const setRelatedQueriesApiEnabled = (enabled) => {
+    relatedQueriesApiEnabled.value = enabled;
+  };
   const setAddToCartAmount = (newAddToCartAmount) => {
     if (!newAddToCartAmount) {
       return;
@@ -19237,6 +19262,27 @@ const useSearchResultStore = defineStore("searchResult", () => {
   const setRelatedCategoryChildren = (children) => {
     relatedCategoryChildren.value = [...children];
   };
+  const queryRelatedQueries = (queryKey, publicQuery, result2, options) => __async(exports, null, function* () {
+    var _a, _b;
+    loadingRelatedQueries.value = true;
+    const context = getLupaTrackingContext();
+    const searchText = (_b = (_a = result2.suggestedSearchText) != null ? _a : result2.searchText) != null ? _b : "";
+    const query = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, publicQuery), {
+      searchText
+    }), context), {
+      modifiers: { facets: false, refiners: true }
+    });
+    LupaSearchSdk.queryRelated(queryKey, query, options).then((res) => {
+      if (!res.success) {
+        return;
+      }
+      relatedQueriesResult.value = res;
+    }).catch((err) => {
+      console.error(err);
+    }).finally(() => {
+      loadingRelatedQueries.value = false;
+    });
+  });
   return {
     isMobileSidebarVisible,
     searchResult,
@@ -19261,6 +19307,8 @@ const useSearchResultStore = defineStore("searchResult", () => {
     hideFiltersOnExactMatchForKeys,
     relatedCategoryChildren,
     searchRequestResults,
+    relatedQueriesResult,
+    relatedQueriesApiEnabled,
     lastResultsSource,
     setSidebarState,
     queryFacet,
@@ -19273,15 +19321,17 @@ const useSearchResultStore = defineStore("searchResult", () => {
     setLoading,
     clearSearchResult,
     filterVisibleFilterValues,
-    setRelatedCategoryChildren
+    setRelatedCategoryChildren,
+    queryRelatedQueries,
+    setRelatedQueriesApiEnabled
   };
 });
-const _hoisted_1$16 = { class: "lupa-search-box-add-to-cart-wrapper" };
-const _hoisted_2$M = { class: "lupa-search-box-product-addtocart" };
-const _hoisted_3$z = ["disabled"];
-const _hoisted_4$r = ["href"];
-const _hoisted_5$h = ["onClick", "disabled"];
-const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
+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$B = ["disabled"];
+const _hoisted_4$s = ["href"];
+const _hoisted_5$i = ["onClick", "disabled"];
+const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductAddToCart",
   props: {
     item: {},
@@ -19319,45 +19369,45 @@ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
       return Boolean(props.link && props.options.link);
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$16, [
-        vue.createElementVNode("div", _hoisted_2$M, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$18, [
+        vue.createElementVNode("div", _hoisted_2$O, [
           hasLink.value ? (vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
             key: 0,
             class: loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart",
             "data-cy": "lupa-add-to-cart",
             disabled: !inStockValue.value || loading.value
           }, _ctx.dynamicAttributes, { onClick: handleClick }), [
-            vue.createElementVNode("a", { href: _ctx.link }, vue.toDisplayString(label.value), 9, _hoisted_4$r)
-          ], 16, _hoisted_3$z)) : (vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
+            vue.createElementVNode("a", { href: _ctx.link }, vue.toDisplayString(label.value), 9, _hoisted_4$s)
+          ], 16, _hoisted_3$B)) : (vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
             key: 1,
             onClick: vue.withModifiers(handleClick, ["stop", "prevent"]),
             class: loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart",
             "data-cy": "lupa-add-to-cart",
             type: "button",
             disabled: !inStockValue.value || loading.value
-          }, _ctx.dynamicAttributes), vue.toDisplayString(label.value), 17, _hoisted_5$h))
+          }, _ctx.dynamicAttributes), vue.toDisplayString(label.value), 17, _hoisted_5$i))
         ])
       ]);
     };
   }
 });
-const _hoisted_1$15 = {
+const _hoisted_1$17 = {
   key: 1,
   class: "lupa-search-box-element-badge-wrapper"
 };
 const __default__$4 = {
   components: {
-    SearchBoxProductImage: _sfc_main$1m,
-    SearchBoxProductTitle: _sfc_main$1l,
-    SearchBoxProductDescription: _sfc_main$1k,
-    SearchBoxProductPrice: _sfc_main$1j,
-    SearchBoxProductRegularPrice: _sfc_main$1i,
-    SearchBoxProductCustom: _sfc_main$1h,
-    SearchBoxProductCustomHtml: _sfc_main$1g,
-    SearchBoxProductAddToCart: _sfc_main$1f
+    SearchBoxProductImage: _sfc_main$1o,
+    SearchBoxProductTitle: _sfc_main$1n,
+    SearchBoxProductDescription: _sfc_main$1m,
+    SearchBoxProductPrice: _sfc_main$1l,
+    SearchBoxProductRegularPrice: _sfc_main$1k,
+    SearchBoxProductCustom: _sfc_main$1j,
+    SearchBoxProductCustomHtml: _sfc_main$1i,
+    SearchBoxProductAddToCart: _sfc_main$1h
   }
 };
-const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$4), {
+const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$4), {
   __name: "SearchBoxProductElement",
   props: {
     item: {},
@@ -19429,7 +19479,7 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
           "dynamic-attributes": dynamicAttributes.value,
           link: _ctx.link
         }, renderDynamicAttributesOnParentElement.value && dynamicAttributes.value), null, 16, ["item", "options", "labels", "class", "inStock", "dynamic-attributes", "link"])) : vue.createCommentVNode("", true)
-      ], 64)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$15, [
+      ], 64)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$17, [
         displayElement.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(elementComponent.value), {
           key: 0,
           item: enhancedItem.value,
@@ -19444,14 +19494,14 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
     };
   }
 }));
-const _hoisted_1$14 = { class: "lupa-badge-title" };
-const _hoisted_2$L = ["src"];
-const _hoisted_3$y = { key: 1 };
-const _hoisted_4$q = {
+const _hoisted_1$16 = { class: "lupa-badge-title" };
+const _hoisted_2$N = ["src"];
+const _hoisted_3$A = { key: 1 };
+const _hoisted_4$r = {
   key: 0,
   class: "lupa-badge-full-text"
 };
-const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultGeneratedBadge",
   props: {
     options: {},
@@ -19484,20 +19534,20 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["lupa-dynamic-badge", customClassName.value]),
         style: vue.normalizeStyle({ background: _ctx.badge.backgroundColor, color: _ctx.badge.color })
       }, [
-        vue.createElementVNode("span", _hoisted_1$14, [
+        vue.createElementVNode("span", _hoisted_1$16, [
           image.value ? (vue.openBlock(), vue.createElementBlock("img", {
             key: 0,
             src: image.value
-          }, null, 8, _hoisted_2$L)) : vue.createCommentVNode("", true),
-          hasTitleText.value && showTitle.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$y, vue.toDisplayString(_ctx.badge.titleText), 1)) : vue.createCommentVNode("", true)
+          }, null, 8, _hoisted_2$N)) : vue.createCommentVNode("", true),
+          hasTitleText.value && showTitle.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$A, vue.toDisplayString(_ctx.badge.titleText), 1)) : vue.createCommentVNode("", true)
         ]),
-        hasAdditionalText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$q, vue.toDisplayString(_ctx.badge.additionalText), 1)) : vue.createCommentVNode("", true)
+        hasAdditionalText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$r, vue.toDisplayString(_ctx.badge.additionalText), 1)) : vue.createCommentVNode("", true)
       ], 6);
     };
   }
 });
-const _hoisted_1$13 = { class: "lupa-generated-badges" };
-const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$15 = { class: "lupa-generated-badges" };
+const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultGeneratedBadges",
   props: {
     options: {}
@@ -19523,9 +19573,9 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
       })).filter((b) => Boolean(b.id));
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$13, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$15, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(badges.value, (badge) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$1d, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$1f, {
             key: badge.id,
             badge,
             options: _ctx.options
@@ -19535,8 +19585,8 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$12 = ["innerHTML"];
-const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$14 = ["innerHTML"];
+const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
   __name: "CustomBadge",
   props: {
     badge: {}
@@ -19557,12 +19607,12 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(className.value),
         innerHTML: text.value
-      }, null, 10, _hoisted_1$12);
+      }, null, 10, _hoisted_1$14);
     };
   }
 });
-const _hoisted_1$11 = { class: "lupa-text-badges" };
-const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$13 = { class: "lupa-text-badges" };
+const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
   __name: "TextBadge",
   props: {
     badge: {}
@@ -19576,7 +19626,7 @@ const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
       return badges.value.slice(0, props.badge.maxItems);
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$11, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$13, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayBadges.value, (item) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             class: "lupa-badge lupa-text-badge",
@@ -19587,9 +19637,9 @@ const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$10 = { class: "lupa-image-badges" };
-const _hoisted_2$K = ["src"];
-const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$12 = { class: "lupa-image-badges" };
+const _hoisted_2$M = ["src"];
+const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
   __name: "ImageBadge",
   props: {
     badge: {}
@@ -19609,7 +19659,7 @@ const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
       return `${props.badge.rootImageUrl}${src}`;
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$10, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$12, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayBadges.value, (item) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             class: "lupa-badge lupa-image-badge",
@@ -19617,14 +19667,14 @@ const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
           }, [
             vue.createElementVNode("img", {
               src: getImageUrl(item)
-            }, null, 8, _hoisted_2$K)
+            }, null, 8, _hoisted_2$M)
           ]);
         }), 128))
       ]);
     };
   }
 });
-const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
   __name: "DiscountBadge",
   props: {
     badge: {}
@@ -19683,16 +19733,16 @@ const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$$ = { id: "lupa-search-results-badges" };
+const _hoisted_1$11 = { id: "lupa-search-results-badges" };
 const __default__$3 = {
   components: {
-    CustomBadge: _sfc_main$1b,
-    TextBadge: _sfc_main$1a,
-    ImageBadge: _sfc_main$19,
-    DiscountBadge: _sfc_main$18
+    CustomBadge: _sfc_main$1d,
+    TextBadge: _sfc_main$1c,
+    ImageBadge: _sfc_main$1b,
+    DiscountBadge: _sfc_main$1a
   }
 };
-const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$3), {
+const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$3), {
   __name: "SearchResultsBadgeWrapper",
   props: {
     position: {},
@@ -19755,7 +19805,7 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
       }
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$$, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$11, [
         vue.createElementVNode("div", {
           id: "lupa-badges",
           class: vue.normalizeClass(anchorPosition.value)
@@ -19766,7 +19816,7 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
               badge
             }, null, 8, ["badge"]);
           }), 128)),
-          positionValue.value === "card" ? (vue.openBlock(), vue.createBlock(_sfc_main$1c, {
+          positionValue.value === "card" ? (vue.openBlock(), vue.createBlock(_sfc_main$1e, {
             key: 0,
             options: _ctx.options
           }, null, 8, ["options"])) : vue.createCommentVNode("", true)
@@ -19775,13 +19825,13 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
     };
   }
 }));
-const _hoisted_1$_ = ["href"];
-const _hoisted_2$J = { class: "lupa-search-box-product-details-section" };
-const _hoisted_3$x = {
+const _hoisted_1$10 = ["href"];
+const _hoisted_2$L = { class: "lupa-search-box-product-details-section" };
+const _hoisted_3$z = {
   key: 0,
   class: "lupa-search-box-product-add-to-cart-section"
 };
-const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProduct",
   props: {
     item: {},
@@ -19867,7 +19917,7 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
           style: vue.normalizeStyle(imageStyleOverride.value)
         }, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(imageElements.value, (element) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$1e, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$1g, {
               class: "lupa-search-box-product-element",
               item: _ctx.item,
               element,
@@ -19877,10 +19927,10 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["item", "element", "labels", "link"]);
           }), 128))
         ], 4),
-        vue.createElementVNode("div", _hoisted_2$J, [
+        vue.createElementVNode("div", _hoisted_2$L, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(detailElements.value, (element) => {
             var _a;
-            return vue.openBlock(), vue.createBlock(_sfc_main$1e, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$1g, {
               key: element.key,
               class: "lupa-search-box-product-element",
               item: _ctx.item,
@@ -19891,7 +19941,7 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
               badgeOptions.value && ((_a = badgeOptions.value) == null ? void 0 : _a.anchorElementKey) === element.key ? {
                 name: "badges",
                 fn: vue.withCtx(() => [
-                  vue.createVNode(_sfc_main$17, {
+                  vue.createVNode(_sfc_main$19, {
                     options: badgeOptions.value,
                     position: "card"
                   }, null, 8, ["options"])
@@ -19901,8 +19951,8 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
             ]), 1032, ["item", "element", "labels", "link"]);
           }), 128))
         ]),
-        addToCartElement.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$x, [
-          vue.createVNode(_sfc_main$1e, {
+        addToCartElement.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$z, [
+          vue.createVNode(_sfc_main$1g, {
             class: "lupa-search-box-product-element",
             item: _ctx.item,
             element: addToCartElement.value,
@@ -19911,7 +19961,7 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
             isInStock: isInStock.value
           }, null, 8, ["item", "element", "labels", "link", "isInStock"])
         ])) : vue.createCommentVNode("", true)
-      ], 16, _hoisted_1$_);
+      ], 16, _hoisted_1$10);
     };
   }
 });
@@ -19983,8 +20033,8 @@ const useTrackingStore = defineStore("tracking", () => {
   };
   return { trackSearch, trackResults, trackEvent, trackDelayedEvent };
 });
-const _hoisted_1$Z = { id: "lupa-search-box-products" };
-const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$$ = { id: "lupa-search-box-products" };
+const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProducts",
   props: {
     items: {},
@@ -20055,7 +20105,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Z, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$$, [
         _ctx.$slots.productCard ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.items, (item, index) => {
           return vue.renderSlot(_ctx.$slots, "productCard", {
             key: index,
@@ -20067,7 +20117,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
             itemClicked: handleProductClick
           });
         }), 128)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(_ctx.items, (item, index) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$16, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$18, {
             key: index,
             item,
             panelOptions: _ctx.panelOptions,
@@ -20082,9 +20132,9 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$Y = { class: "lupa-search-box-documents-go-to-results-wrapper" };
-const _hoisted_2$I = { key: 0 };
-const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$_ = { class: "lupa-search-box-documents-go-to-results-wrapper" };
+const _hoisted_2$K = { key: 0 };
+const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductsGoToResultsButton",
   props: {
     options: {},
@@ -20114,13 +20164,13 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
       emit("goToResults");
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Y, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$_, [
         vue.createElementVNode("button", {
           class: "lupa-search-box-documents-go-to-results-button",
           onClick: goToResults
         }, [
           vue.createTextVNode(vue.toDisplayString(goToResultsLabel.value) + " ", 1),
-          totalCount.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$I, " " + vue.toDisplayString(totalCount.value), 1)) : vue.createCommentVNode("", true)
+          totalCount.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$K, " " + vue.toDisplayString(totalCount.value), 1)) : vue.createCommentVNode("", true)
         ])
       ]);
     };
@@ -20207,7 +20257,7 @@ const processExtractionObject = (value = {}) => {
   }
   return parsedObject;
 };
-const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductsWrapper",
   props: {
     panel: {},
@@ -20276,7 +20326,7 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
     vue.watch(() => props.panel.limit, getItemsDebounced);
     return (_ctx, _cache) => {
       var _a, _b;
-      return vue.openBlock(), vue.createBlock(_sfc_main$15, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$17, {
         items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
         panelOptions: _ctx.panel,
         labels: _ctx.labels,
@@ -20286,7 +20336,7 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
         default: vue.withCtx(() => {
           var _a2;
           return [
-            showGoToResultsButton.value && ((_a2 = searchResult.value) == null ? void 0 : _a2.items.length) ? (vue.openBlock(), vue.createBlock(_sfc_main$14, {
+            showGoToResultsButton.value && ((_a2 = searchResult.value) == null ? void 0 : _a2.items.length) ? (vue.openBlock(), vue.createBlock(_sfc_main$16, {
               key: 0,
               options: _ctx.searchBoxOptions,
               panel: _ctx.panel,
@@ -20307,7 +20357,7 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxRelatedSourceWrapper",
   props: {
     panel: {},
@@ -20379,7 +20429,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       var _a, _b;
-      return vue.openBlock(), vue.createBlock(_sfc_main$15, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$17, {
         items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
         panelOptions: documentPanelOptions.value,
         labels: _ctx.labels,
@@ -20397,31 +20447,31 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$X = {
+const _hoisted_1$Z = {
   key: 0,
   id: "lupa-search-box-panel"
 };
-const _hoisted_2$H = ["data-cy"];
-const _hoisted_3$w = {
+const _hoisted_2$J = ["data-cy"];
+const _hoisted_3$y = {
   key: 0,
   class: "lupa-panel-title lupa-panel-title-top-results"
 };
-const _hoisted_4$p = {
+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$1o,
-    SearchBoxProductsWrapper: _sfc_main$13,
-    SearchBoxRelatedSourceWrapper: _sfc_main$12
+    SearchBoxSuggestionsWrapper: _sfc_main$1q,
+    SearchBoxProductsWrapper: _sfc_main$15,
+    SearchBoxRelatedSourceWrapper: _sfc_main$14
   }
 };
-const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$2), {
+const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$2), {
   __name: "SearchBoxMainPanel",
   props: {
     options: {},
@@ -20576,7 +20626,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
         ref_key: "panelContainer",
         ref: panelContainer
       }, [
-        displayResults.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$X, [
+        displayResults.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Z, [
           labels.value.closePanel ? (vue.openBlock(), vue.createElementBlock("a", {
             key: 0,
             class: "lupa-search-box-close-panel",
@@ -20598,8 +20648,8 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
                 style: vue.normalizeStyle(panel.gridArea ? { gridArea: `${panel.gridArea}${index}` } : {}),
                 "data-cy": "lupa-panel-" + panel.type + "-index"
               }, [
-                ((_a = panel.labels) == null ? void 0 : _a.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$w, vue.toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : vue.createCommentVNode("", true),
-                ((_c = panel.labels) == null ? void 0 : _c.title) && showPanelTitle(panel) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$p, vue.toDisplayString((_d = panel.labels) == null ? void 0 : _d.title), 1)) : vue.createCommentVNode("", true),
+                ((_a = panel.labels) == null ? void 0 : _a.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$y, vue.toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : vue.createCommentVNode("", true),
+                ((_c = panel.labels) == null ? void 0 : _c.title) && showPanelTitle(panel) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$q, vue.toDisplayString((_d = panel.labels) == null ? void 0 : _d.title), 1)) : vue.createCommentVNode("", true),
                 panel.queryKey && canShowPanel(panel) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(getComponent(panel.type)), {
                   key: 2,
                   panel,
@@ -20621,21 +20671,21 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
                     key: "0"
                   } : void 0
                 ]), 1064, ["panel", "search-box-options", "options", "debounce", "inputValue", "labels"])) : vue.createCommentVNode("", true)
-              ], 14, _hoisted_2$H);
+              ], 14, _hoisted_2$J);
             }), 128))
           ], 4),
-          !vue.unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (vue.openBlock(), vue.createBlock(_sfc_main$1r, {
+          !vue.unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (vue.openBlock(), vue.createBlock(_sfc_main$1t, {
             key: 1,
             labels: labels.value
           }, null, 8, ["labels"])) : vue.createCommentVNode("", true),
-          vue.unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (vue.openBlock(), vue.createBlock(_sfc_main$1u, {
+          vue.unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (vue.openBlock(), vue.createBlock(_sfc_main$1w, {
             key: 2,
             labels: labels.value,
             options: _ctx.options,
             onGoToResults: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("go-to-results"))
           }, null, 8, ["labels", "options"])) : vue.createCommentVNode("", true)
-        ])) : displayHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$g, [
-          vue.createVNode(_sfc_main$1s, {
+        ])) : displayHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$h, [
+          vue.createVNode(_sfc_main$1u, {
             options: _ctx.options.history,
             history: history.value,
             onGoToResults: handleGoToResults,
@@ -20660,8 +20710,8 @@ const unbindSearchTriggers = (triggers = [], event) => {
   const elements = getElements(triggers);
   elements.forEach((e2) => e2 == null ? void 0 : e2.removeEventListener(BIND_EVENT, event));
 };
-const _hoisted_1$W = { class: "lupa-search-box-wrapper" };
-const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$Y = { class: "lupa-search-box-wrapper" };
+const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBox",
   props: {
     options: {},
@@ -20982,8 +21032,8 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
         id: "lupa-search-box",
         class: vue.normalizeClass({ "lupa-search-box-opened": opened.value })
       }, [
-        vue.createElementVNode("div", _hoisted_1$W, [
-          vue.createVNode(_sfc_main$1v, {
+        vue.createElementVNode("div", _hoisted_1$Y, [
+          vue.createVNode(_sfc_main$1x, {
             options: inputOptions.value,
             suggestedValue: suggestedValue.value,
             "can-close": (_a2 = _ctx.isSearchContainer) != null ? _a2 : false,
@@ -20996,7 +21046,7 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
             onSearch: handleSearch,
             onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
           }, null, 8, ["options", "suggestedValue", "can-close", "emit-input-on-focus"]),
-          opened.value || _ctx.isSearchContainer ? (vue.openBlock(), vue.createBlock(_sfc_main$11, {
+          opened.value || _ctx.isSearchContainer ? (vue.openBlock(), vue.createBlock(_sfc_main$13, {
             key: 0,
             options: panelOptions.value,
             inputValue: inputValue.value,
@@ -21101,20 +21151,20 @@ const getInitialSearchResults = (options, getQueryParamName, defaultData) => __a
     options.options.onError(e2);
   }
 });
-const _hoisted_1$V = {
+const _hoisted_1$X = {
   key: 0,
   id: "lupa-search-results-did-you-mean"
 };
-const _hoisted_2$G = {
+const _hoisted_2$I = {
   key: 0,
   "data-cy": "suggested-search-text-label"
 };
-const _hoisted_3$v = {
+const _hoisted_3$x = {
   key: 1,
   "data-cy": "did-you-mean-label"
 };
-const _hoisted_4$o = { key: 1 };
-const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_4$p = { key: 1 };
+const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsDidYouMean",
   props: {
     labels: {}
@@ -21146,8 +21196,8 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
       paramStore.goToResults({ searchText, facet });
     };
     return (_ctx, _cache) => {
-      return vue.unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$V, [
-        vue.unref(searchResult).suggestedSearchText ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$G, [
+      return vue.unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$X, [
+        vue.unref(searchResult).suggestedSearchText ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$I, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.labels.noResultsSuggestion.split(" "), (label, index) => {
             return vue.openBlock(), vue.createElementBlock("span", { key: index }, [
               vue.createElementVNode("span", {
@@ -21156,7 +21206,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
             ]);
           }), 128))
         ])) : vue.createCommentVNode("", true),
-        didYouMeanValue.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$v, [
+        didYouMeanValue.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$x, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.labels.didYouMean.split(" "), (label, index) => {
             return vue.openBlock(), vue.createElementBlock("span", { key: index }, [
               label.includes("{1}") ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -21164,7 +21214,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
                 class: "lupa-did-you-mean lupa-highlighted-search-text",
                 "data-cy": "did-you-mean-value",
                 onClick: _cache[0] || (_cache[0] = ($event) => goToResults({ searchText: didYouMeanValue.value }))
-              }, vue.toDisplayString(didYouMeanValue.value) + " ", 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$o, vue.toDisplayString(label) + " ", 1))
+              }, vue.toDisplayString(didYouMeanValue.value) + " ", 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$p, vue.toDisplayString(label) + " ", 1))
             ]);
           }), 128))
         ])) : vue.createCommentVNode("", true)
@@ -21172,12 +21222,12 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$U = {
+const _hoisted_1$W = {
   key: 0,
   class: "lupa-search-results-summary"
 };
-const _hoisted_2$F = ["innerHTML"];
-const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_2$H = ["innerHTML"];
+const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsSummary",
   props: {
     label: {},
@@ -21192,8 +21242,8 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
       return addParamsToLabel(props.label, range, `<span>${totalItems.value}</span>`);
     });
     return (_ctx, _cache) => {
-      return vue.unref(totalItems) > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$U, [
-        vue.createElementVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$F),
+      return vue.unref(totalItems) > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$W, [
+        vue.createElementVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$H),
         _ctx.clearable ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 0,
           class: "lupa-filter-clear",
@@ -21204,19 +21254,19 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$T = {
+const _hoisted_1$V = {
   key: 0,
   class: "lupa-result-page-title",
   "data-cy": "lupa-result-page-title"
 };
-const _hoisted_2$E = { key: 0 };
-const _hoisted_3$u = {
+const _hoisted_2$G = { key: 0 };
+const _hoisted_3$w = {
   key: 1,
   class: "lupa-results-total-count"
 };
-const _hoisted_4$n = { class: "lupa-results-total-count-number" };
-const _hoisted_5$f = ["innerHTML"];
-const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_4$o = { class: "lupa-results-total-count-number" };
+const _hoisted_5$g = ["innerHTML"];
+const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsTitle",
   props: {
     options: {},
@@ -21259,16 +21309,16 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", null, [
-        showSearchTitle.value ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_1$T, [
+        showSearchTitle.value ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_1$V, [
           vue.createTextVNode(vue.toDisplayString(searchResultsTitleTemplate.value || _ctx.options.labels.searchResults), 1),
-          queryText.value && !searchResultsTitleTemplate.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$E, "'" + vue.toDisplayString(queryText.value) + "'", 1)) : vue.createCommentVNode("", true),
-          showProductCount.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$u, [
+          queryText.value && !searchResultsTitleTemplate.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$G, "'" + vue.toDisplayString(queryText.value) + "'", 1)) : vue.createCommentVNode("", true),
+          showProductCount.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$w, [
             vue.createTextVNode("(" + vue.toDisplayString(searchResultsCountLabel.value), 1),
-            vue.createElementVNode("span", _hoisted_4$n, vue.toDisplayString(vue.unref(totalItems)), 1),
+            vue.createElementVNode("span", _hoisted_4$o, vue.toDisplayString(vue.unref(totalItems)), 1),
             vue.createTextVNode(")")
           ])) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true),
-        _ctx.showSummary ? (vue.openBlock(), vue.createBlock(_sfc_main$_, {
+        _ctx.showSummary ? (vue.openBlock(), vue.createBlock(_sfc_main$10, {
           key: 1,
           label: summaryLabel.value
         }, null, 8, ["label"])) : vue.createCommentVNode("", true),
@@ -21276,20 +21326,20 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
           key: 2,
           class: "lupa-result-page-description-top",
           innerHTML: descriptionTop.value
-        }, null, 8, _hoisted_5$f)) : vue.createCommentVNode("", true)
+        }, null, 8, _hoisted_5$g)) : vue.createCommentVNode("", true)
       ]);
     };
   }
 });
-const _hoisted_1$S = {
+const _hoisted_1$U = {
   class: "lupa-current-filter-label",
   "data-cy": "lupa-current-filter-label"
 };
-const _hoisted_2$D = {
+const _hoisted_2$F = {
   class: "lupa-current-filter-value",
   "data-cy": "lupa-current-filter-value"
 };
-const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
   __name: "CurrentFilterDisplay",
   props: {
     filter: {}
@@ -21311,23 +21361,23 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
           class: "lupa-current-filter-action",
           onClick: handleClick
         }, "⨉"),
-        vue.createElementVNode("div", _hoisted_1$S, vue.toDisplayString(_ctx.filter.label) + ": ", 1),
-        vue.createElementVNode("div", _hoisted_2$D, vue.toDisplayString(_ctx.filter.value), 1)
+        vue.createElementVNode("div", _hoisted_1$U, vue.toDisplayString(_ctx.filter.label) + ": ", 1),
+        vue.createElementVNode("div", _hoisted_2$F, vue.toDisplayString(_ctx.filter.value), 1)
       ], 2);
     };
   }
 });
-const _hoisted_1$R = { class: "lupa-filter-title-text" };
-const _hoisted_2$C = {
+const _hoisted_1$T = { class: "lupa-filter-title-text" };
+const _hoisted_2$E = {
   key: 0,
   class: "lupa-filter-count"
 };
-const _hoisted_3$t = {
+const _hoisted_3$v = {
   key: 0,
   class: "filter-values"
 };
-const _hoisted_4$m = { class: "lupa-current-filter-list" };
-const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_4$n = { class: "lupa-current-filter-list" };
+const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
   __name: "CurrentFilters",
   props: {
     options: {},
@@ -21400,19 +21450,19 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
           class: "lupa-current-filter-title",
           onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
         }, [
-          vue.createElementVNode("div", _hoisted_1$R, [
+          vue.createElementVNode("div", _hoisted_1$T, [
             vue.createTextVNode(vue.toDisplayString((_c = (_b = (_a = _ctx.options) == null ? void 0 : _a.labels) == null ? void 0 : _b.title) != null ? _c : "") + " ", 1),
-            _ctx.expandable ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$C, " (" + vue.toDisplayString(vue.unref(currentFilterCount)) + ") ", 1)) : vue.createCommentVNode("", true)
+            _ctx.expandable ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$E, " (" + vue.toDisplayString(vue.unref(currentFilterCount)) + ") ", 1)) : vue.createCommentVNode("", true)
           ]),
           _ctx.expandable ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: vue.normalizeClass(["lupa-filter-title-caret", isOpen.value && "open"])
           }, null, 2)) : vue.createCommentVNode("", true)
         ]),
-        !_ctx.expandable || isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$t, [
-          vue.createElementVNode("div", _hoisted_4$m, [
+        !_ctx.expandable || isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$v, [
+          vue.createElementVNode("div", _hoisted_4$n, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentDisplayFilters.value, (filter2) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$Y, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$_, {
                 key: filter2.key + "_" + filter2.value,
                 filter: filter2,
                 onRemove: handleRemove
@@ -21429,8 +21479,8 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$Q = ["href"];
-const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$S = ["href"];
+const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   __name: "CategoryFilterItem",
   props: {
     options: {},
@@ -21467,20 +21517,20 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
           "data-cy": "lupa-child-category-item",
           href: urlLink.value,
           onClick: handleNavigation
-        }, vue.toDisplayString(title.value), 9, _hoisted_1$Q)
+        }, vue.toDisplayString(title.value), 9, _hoisted_1$S)
       ], 2);
     };
   }
 });
-const _hoisted_1$P = {
+const _hoisted_1$R = {
   class: "lupa-category-filter",
   "data-cy": "lupa-category-filter"
 };
-const _hoisted_2$B = { class: "lupa-category-back" };
-const _hoisted_3$s = ["href"];
-const _hoisted_4$l = ["href"];
-const _hoisted_5$e = { class: "lupa-child-category-list" };
-const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_2$D = { class: "lupa-category-back" };
+const _hoisted_3$u = ["href"];
+const _hoisted_4$m = ["href"];
+const _hoisted_5$f = { class: "lupa-child-category-list" };
+const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
   __name: "CategoryFilter",
   props: {
     options: {}
@@ -21568,14 +21618,14 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
     };
     __expose({ fetch: fetch2 });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$P, [
-        vue.createElementVNode("div", _hoisted_2$B, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$R, [
+        vue.createElementVNode("div", _hoisted_2$D, [
           hasBackButton.value ? (vue.openBlock(), vue.createElementBlock("a", {
             key: 0,
             "data-cy": "lupa-category-back",
             href: backUrlLink.value,
             onClick: handleNavigationBack
-          }, vue.toDisplayString(backTitle.value), 9, _hoisted_3$s)) : vue.createCommentVNode("", true)
+          }, vue.toDisplayString(backTitle.value), 9, _hoisted_3$u)) : vue.createCommentVNode("", true)
         ]),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["lupa-current-category", { "lupa-current-category-active": isActive }])
@@ -21585,11 +21635,11 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
             href: parentUrlLink.value,
             class: vue.normalizeClass({ "lupa-title-category": !hasBackButton.value }),
             onClick: handleNavigationParent
-          }, vue.toDisplayString(parentTitle.value), 11, _hoisted_4$l)
+          }, vue.toDisplayString(parentTitle.value), 11, _hoisted_4$m)
         ], 2),
-        vue.createElementVNode("div", _hoisted_5$e, [
+        vue.createElementVNode("div", _hoisted_5$f, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(categoryChildren.value, (child) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$W, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$Y, {
               key: getCategoryKey(child),
               item: child,
               options: _ctx.options
@@ -21600,14 +21650,14 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$O = {
+const _hoisted_1$Q = {
   class: "lupa-search-result-facet-term-values",
   "data-cy": "lupa-search-result-facet-term-values"
 };
-const _hoisted_2$A = ["placeholder"];
-const _hoisted_3$r = { class: "lupa-terms-list" };
-const _hoisted_4$k = ["onClick"];
-const _hoisted_5$d = { class: "lupa-term-checkbox-wrapper" };
+const _hoisted_2$C = ["placeholder"];
+const _hoisted_3$t = { class: "lupa-terms-list" };
+const _hoisted_4$l = ["onClick"];
+const _hoisted_5$e = { class: "lupa-term-checkbox-wrapper" };
 const _hoisted_6$8 = { class: "lupa-term-label" };
 const _hoisted_7$6 = {
   key: 0,
@@ -21615,7 +21665,7 @@ const _hoisted_7$6 = {
 };
 const _hoisted_8$2 = { key: 0 };
 const _hoisted_9$2 = { key: 1 };
-const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
   __name: "TermFacet",
   props: {
     options: {},
@@ -21704,17 +21754,17 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Q, [
         isFilterable.value ? vue.withDirectives((vue.openBlock(), vue.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$A)), [
+        }, null, 8, _hoisted_2$C)), [
           [vue.vModelText, termFilter.value]
         ]) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_3$r, [
+        vue.createElementVNode("div", _hoisted_3$t, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayValues.value, (item) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               class: vue.normalizeClass(["lupa-facet-term", { checked: isChecked(item) }]),
@@ -21722,7 +21772,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
               key: item.title,
               onClick: ($event) => handleFacetClick(item)
             }, [
-              vue.createElementVNode("div", _hoisted_5$d, [
+              vue.createElementVNode("div", _hoisted_5$e, [
                 vue.createElementVNode("span", {
                   class: vue.normalizeClass(["lupa-term-checkbox", { checked: isChecked(item) }])
                 }, null, 2)
@@ -21733,7 +21783,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("span", _hoisted_6$8, vue.toDisplayString(getItemLabel(item)), 1),
                 _ctx.options.showDocumentCount ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$6, "(" + vue.toDisplayString(item.count) + ")", 1)) : vue.createCommentVNode("", true)
               ], 2)
-            ], 10, _hoisted_4$k);
+            ], 10, _hoisted_4$l);
           }), 128))
         ]),
         displayShowMore.value ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -22724,20 +22774,20 @@ var m = { name: "Slider", emits: ["input", "update:modelValue", "start", "slide"
 m.render = function(e2, t, r, i, n, o) {
   return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps(e2.sliderProps, { ref: "slider" }), null, 16);
 }, m.__file = "src/Slider.vue";
-const _hoisted_1$N = { class: "lupa-search-result-facet-stats-values" };
-const _hoisted_2$z = {
+const _hoisted_1$P = { class: "lupa-search-result-facet-stats-values" };
+const _hoisted_2$B = {
   key: 0,
   class: "lupa-stats-facet-summary"
 };
-const _hoisted_3$q = {
+const _hoisted_3$s = {
   key: 1,
   class: "lupa-stats-facet-summary-input"
 };
-const _hoisted_4$j = {
+const _hoisted_4$k = {
   key: 0,
   class: "lupa-stats-range-label"
 };
-const _hoisted_5$c = { class: "lupa-stats-from" };
+const _hoisted_5$d = { class: "lupa-stats-from" };
 const _hoisted_6$7 = ["max", "min", "pattern", "aria-label"];
 const _hoisted_7$5 = { key: 0 };
 const _hoisted_8$1 = /* @__PURE__ */ vue.createElementVNode("div", { class: "lupa-stats-separator" }, null, -1);
@@ -22752,7 +22802,7 @@ const _hoisted_13 = {
   key: 2,
   class: "lupa-stats-slider-wrapper"
 };
-const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
   __name: "StatsFacet",
   props: {
     options: {},
@@ -22933,11 +22983,11 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
       innerSliderRange.value = value;
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [
-        !isInputVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, vue.toDisplayString(statsSummary.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$q, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$P, [
+        !isInputVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$B, vue.toDisplayString(statsSummary.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$s, [
           vue.createElementVNode("div", null, [
-            rangeLabelFrom.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$j, vue.toDisplayString(rangeLabelFrom.value), 1)) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_5$c, [
+            rangeLabelFrom.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$k, vue.toDisplayString(rangeLabelFrom.value), 1)) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_5$d, [
               vue.withDirectives(vue.createElementVNode("input", {
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
                 type: "text",
@@ -23000,17 +23050,17 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$M = { class: "lupa-term-checkbox-wrapper" };
-const _hoisted_2$y = { class: "lupa-term-label" };
-const _hoisted_3$p = {
+const _hoisted_1$O = { class: "lupa-term-checkbox-wrapper" };
+const _hoisted_2$A = { class: "lupa-term-label" };
+const _hoisted_3$r = {
   key: 0,
   class: "lupa-term-count"
 };
-const _hoisted_4$i = {
+const _hoisted_4$j = {
   key: 0,
   class: "lupa-facet-level"
 };
-const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
   __name: "HierarchyFacetLevel",
   props: {
     options: {},
@@ -23063,7 +23113,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
           "data-cy": "lupa-facet-term",
           onClick: _cache[0] || (_cache[0] = ($event) => handleFacetClick(_ctx.item))
         }, [
-          vue.createElementVNode("div", _hoisted_1$M, [
+          vue.createElementVNode("div", _hoisted_1$O, [
             vue.createElementVNode("span", {
               class: vue.normalizeClass(["lupa-term-checkbox", { checked: isChecked.value }])
             }, null, 2)
@@ -23071,11 +23121,11 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["lupa-term-checkbox-label", { [getFacetValueClass(_ctx.item)]: true }])
           }, [
-            vue.createElementVNode("span", _hoisted_2$y, vue.toDisplayString(_ctx.item.title) + vue.toDisplayString(" "), 1),
-            _ctx.options.showDocumentCount ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$p, "(" + vue.toDisplayString(_ctx.item.count) + ")", 1)) : vue.createCommentVNode("", true)
+            vue.createElementVNode("span", _hoisted_2$A, vue.toDisplayString(_ctx.item.title) + vue.toDisplayString(" "), 1),
+            _ctx.options.showDocumentCount ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$r, "(" + vue.toDisplayString(_ctx.item.count) + ")", 1)) : vue.createCommentVNode("", true)
           ], 2)
         ]),
-        showChildren.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$i, [
+        showChildren.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$j, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(treeItem.value.children, (itemChild) => {
             return vue.openBlock(), vue.createBlock(_component_HierarchyFacetLevel, {
               key: itemChild.title,
@@ -23091,13 +23141,13 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$L = {
+const _hoisted_1$N = {
   class: "lupa-search-result-facet-term-values lupa-search-result-facet-hierarchy-values",
   "data-cy": "lupa-search-result-facet-term-values"
 };
-const _hoisted_2$x = { key: 0 };
-const _hoisted_3$o = ["placeholder"];
-const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_2$z = { key: 0 };
+const _hoisted_3$q = ["placeholder"];
+const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   __name: "HierarchyFacet",
   props: {
     options: {},
@@ -23152,19 +23202,19 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
       showAll.value = false;
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$L, [
-        isFilterable.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$x, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [
+        isFilterable.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, [
           vue.withDirectives(vue.createElementVNode("input", {
             class: "lupa-term-filter",
             "data-cy": "lupa-term-filter",
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => termFilter.value = $event),
             placeholder: _ctx.options.labels.facetFilter
-          }, null, 8, _hoisted_3$o), [
+          }, null, 8, _hoisted_3$q), [
             [vue.vModelText, termFilter.value]
           ])
         ])) : vue.createCommentVNode("", true),
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayValues.value, (item) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$S, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$U, {
             key: item.title,
             options: _ctx.options,
             item,
@@ -23188,20 +23238,20 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$K = { class: "lupa-facet-label-text" };
-const _hoisted_2$w = {
+const _hoisted_1$M = { class: "lupa-facet-label-text" };
+const _hoisted_2$y = {
   key: 0,
   class: "lupa-facet-content",
   "data-cy": "lupa-facet-content"
 };
 const __default__$1 = {
   components: {
-    TermFacet: _sfc_main$U,
-    StatsFacet: _sfc_main$T,
-    HierarchyFacet: _sfc_main$R
+    TermFacet: _sfc_main$W,
+    StatsFacet: _sfc_main$V,
+    HierarchyFacet: _sfc_main$T
   }
 };
-const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
+const _sfc_main$S = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
   __name: "FacetDisplay",
   props: {
     options: {},
@@ -23322,12 +23372,12 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
           "data-cy": "lupa-search-result-facet-label",
           onClick: toggleFacet
         }, [
-          vue.createElementVNode("div", _hoisted_1$K, vue.toDisplayString(facetLabel.value), 1),
+          vue.createElementVNode("div", _hoisted_1$M, vue.toDisplayString(facetLabel.value), 1),
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["lupa-facet-label-caret", isOpen.value && "open"])
           }, null, 2)
         ], 2),
-        isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$w, [
+        isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$y, [
           (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(facetType.value), {
             facet: facet.value,
             currentFilters: currentFilters.value[facet.value.key],
@@ -23345,12 +23395,12 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
     };
   }
 }));
-const _hoisted_1$J = { class: "lupa-search-result-facet-section" };
-const _hoisted_2$v = {
+const _hoisted_1$L = { class: "lupa-search-result-facet-section" };
+const _hoisted_2$x = {
   key: 0,
   class: "lupa-facets-title"
 };
-const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   __name: "FacetList",
   props: {
     options: {},
@@ -23384,14 +23434,14 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       var _a;
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
-        _ctx.options.labels.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$v, vue.toDisplayString(_ctx.options.labels.title), 1)) : vue.createCommentVNode("", true),
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$L, [
+        _ctx.options.labels.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$x, vue.toDisplayString(_ctx.options.labels.title), 1)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["lupa-search-result-facet-list", "lupa-" + ((_a = _ctx.facetStyle) != null ? _a : "")])
         }, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayFacets.value, (facet) => {
             var _a2;
-            return vue.openBlock(), vue.createBlock(_sfc_main$Q, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$S, {
               key: facet.key,
               facet,
               currentFilters: currentFiltersValue.value,
@@ -23406,8 +23456,8 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$I = ["onClick"];
-const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$K = ["onClick"];
+const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   __name: "FacetsButton",
   props: {
     options: {}
@@ -23427,12 +23477,12 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         class: "lupa-facets-button-filter",
         onClick: vue.withModifiers(handleClick, ["stop"])
-      }, vue.toDisplayString(label.value), 9, _hoisted_1$I)) : vue.createCommentVNode("", true);
+      }, vue.toDisplayString(label.value), 9, _hoisted_1$K)) : vue.createCommentVNode("", true);
     };
   }
 });
-const _hoisted_1$H = { class: "lupa-facets-filter-button-wrapper" };
-const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$J = { class: "lupa-facets-filter-button-wrapper" };
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "Facets",
   props: {
     options: {},
@@ -23518,7 +23568,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(["lupa-search-result-facets", { "lupa-search-result-facets-loading": vue.unref(loadingFacets) }])
       }, [
-        regularFacets.value ? (vue.openBlock(), vue.createBlock(_sfc_main$P, {
+        regularFacets.value ? (vue.openBlock(), vue.createBlock(_sfc_main$R, {
           key: 0,
           options: _ctx.options,
           facets: regularFacets.value,
@@ -23528,8 +23578,8 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
           onSelect: handleFacetSelect,
           onClear: clear
         }, null, 8, ["options", "facets", "currentFilters", "facetStyle", "clearable"])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_1$H, [
-          showFilterButton.value ? (vue.openBlock(), vue.createBlock(_sfc_main$O, {
+        vue.createElementVNode("div", _hoisted_1$J, [
+          showFilterButton.value ? (vue.openBlock(), vue.createBlock(_sfc_main$Q, {
             key: 0,
             options: _ctx.options,
             onFilter: filter2
@@ -23539,12 +23589,12 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$G = {
+const _hoisted_1$I = {
   key: 0,
   id: "lupa-search-result-filters",
   class: "lupa-search-result-filters"
 };
-const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsFilters",
   props: {
     options: {},
@@ -23581,19 +23631,19 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     __expose({ fetch: fetch2 });
     return (_ctx, _cache) => {
       var _a;
-      return visible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
-        showCurrentFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$X, {
+      return visible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
+        showCurrentFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$Z, {
           key: 0,
           options: _ctx.options.currentFilters,
           expandable: (_a = _ctx.expandable) != null ? _a : false
         }, null, 8, ["options", "expandable"])) : vue.createCommentVNode("", true),
-        _ctx.options.categories ? (vue.openBlock(), vue.createBlock(_sfc_main$V, {
+        _ctx.options.categories ? (vue.openBlock(), vue.createBlock(_sfc_main$X, {
           key: 1,
           options: _ctx.options.categories,
           ref_key: "categoryFilters",
           ref: categoryFilters
         }, null, 8, ["options"])) : vue.createCommentVNode("", true),
-        _ctx.options.facets ? (vue.openBlock(), vue.createBlock(_sfc_main$N, {
+        _ctx.options.facets ? (vue.openBlock(), vue.createBlock(_sfc_main$P, {
           key: 2,
           options: _ctx.options.facets,
           onFilter: filter2
@@ -23602,20 +23652,20 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$F = {
+const _hoisted_1$H = {
   key: 0,
   class: "lupa-mobile-filter-sidebar"
 };
-const _hoisted_2$u = ["onClick"];
-const _hoisted_3$n = { class: "lupa-mobile-sidebar-content" };
-const _hoisted_4$h = { class: "lupa-sidebar-top" };
-const _hoisted_5$b = { class: "lupa-sidebar-title" };
+const _hoisted_2$w = ["onClick"];
+const _hoisted_3$p = { class: "lupa-mobile-sidebar-content" };
+const _hoisted_4$i = { class: "lupa-sidebar-top" };
+const _hoisted_5$c = { class: "lupa-sidebar-title" };
 const _hoisted_6$6 = {
   key: 0,
   class: "lupa-sidebar-filter-count"
 };
 const _hoisted_7$4 = { class: "lupa-sidebar-filter-options" };
-const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "MobileFilterSidebar",
   props: {
     options: {}
@@ -23646,14 +23696,14 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
       handleMobileToggle();
     };
     return (_ctx, _cache) => {
-      return isMobileSidebarVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
+      return isMobileSidebarVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
         vue.createElementVNode("div", {
           class: "lupa-sidebar-close",
           onClick: vue.withModifiers(handleMobileToggle, ["stop"])
-        }, null, 8, _hoisted_2$u),
-        vue.createElementVNode("div", _hoisted_3$n, [
-          vue.createElementVNode("div", _hoisted_4$h, [
-            vue.createElementVNode("div", _hoisted_5$b, [
+        }, null, 8, _hoisted_2$w),
+        vue.createElementVNode("div", _hoisted_3$p, [
+          vue.createElementVNode("div", _hoisted_4$i, [
+            vue.createElementVNode("div", _hoisted_5$c, [
               vue.createTextVNode(vue.toDisplayString(sidebarTitle.value) + " ", 1),
               isFilterCountVisible.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$6, vue.toDisplayString(vue.unref(currentFilterCount)), 1)) : vue.createCommentVNode("", true)
             ]),
@@ -23663,7 +23713,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
             })
           ]),
           vue.createElementVNode("div", _hoisted_7$4, [
-            vue.createVNode(_sfc_main$M, {
+            vue.createVNode(_sfc_main$O, {
               options: _ctx.options,
               expandable: isActiveFiltersExpanded.value,
               onFilter: filter2
@@ -23674,14 +23724,14 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$E = { id: "lupa-search-results-breadcrumbs" };
-const _hoisted_2$t = ["href", "onClick"];
-const _hoisted_3$m = {
+const _hoisted_1$G = { id: "lupa-search-results-breadcrumbs" };
+const _hoisted_2$v = ["href", "onClick"];
+const _hoisted_3$o = {
   key: 1,
   class: "lupa-search-results-breadcrumb-text"
 };
-const _hoisted_4$g = { key: 2 };
-const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_4$h = { key: 2 };
+const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsBreadcrumbs",
   props: {
     breadcrumbs: {}
@@ -23706,7 +23756,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
       handleRoutingEvent(link, event, hasEventRouting.value);
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(breadcrumbsValue.value, (breadcrumb, index) => {
           var _a;
           return vue.openBlock(), vue.createElementBlock("span", {
@@ -23721,20 +23771,20 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                 var _a2;
                 return handleNavigation(e2, (_a2 = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a2 : "");
               }
-            }, vue.toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$t)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$m, vue.toDisplayString(getLabel(breadcrumb.label)), 1)),
-            index < breadcrumbsValue.value.length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$g, vue.toDisplayString((_a = breadcrumb.separator) != null ? _a : "/"), 1)) : vue.createCommentVNode("", true)
+            }, vue.toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$v)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$o, vue.toDisplayString(getLabel(breadcrumb.label)), 1)),
+            index < breadcrumbsValue.value.length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$h, vue.toDisplayString((_a = breadcrumb.separator) != null ? _a : "/"), 1)) : vue.createCommentVNode("", true)
           ]);
         }), 128))
       ]);
     };
   }
 });
-const _hoisted_1$D = {
+const _hoisted_1$F = {
   key: 0,
   id: "lupa-search-result-filters",
   class: "lupa-search-result-filters lupa-search-result-top-filters"
 };
-const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   __name: "FiltersTopDropdown",
   props: {
     options: {}
@@ -23751,8 +23801,8 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       var _a;
-      return visible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
-        _ctx.options.facets ? (vue.openBlock(), vue.createBlock(_sfc_main$N, {
+      return visible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
+        _ctx.options.facets ? (vue.openBlock(), vue.createBlock(_sfc_main$P, {
           key: 0,
           options: _ctx.options.facets,
           "facet-style": (_a = _ctx.options.facets.style) == null ? void 0 : _a.type,
@@ -23763,8 +23813,8 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$C = { id: "lupa-search-results-layout-selection" };
-const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$E = { id: "lupa-search-results-layout-selection" };
+const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsLayoutSelection",
   setup(__props) {
     const searchResultStore = useSearchResultStore();
@@ -23775,7 +23825,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
       searchResultStore.setLayout(layout2);
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
         vue.createElementVNode("div", {
           class: vue.normalizeClass([
             "lupa-layout-selection-grid",
@@ -23797,11 +23847,11 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$B = {
+const _hoisted_1$D = {
   key: 0,
   class: "lupa-mobile-toggle-filter-count"
 };
-const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsMobileToggle",
   props: {
     labels: {},
@@ -23849,12 +23899,12 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
         onClick: handleMobileToggle
       }, [
         vue.createTextVNode(vue.toDisplayString(label.value) + " ", 1),
-        _ctx.showFilterCount && vue.unref(currentFilterCount) > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$B, vue.toDisplayString(vue.unref(currentFilterCount)), 1)) : vue.createCommentVNode("", true)
+        _ctx.showFilterCount && vue.unref(currentFilterCount) > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$D, vue.toDisplayString(vue.unref(currentFilterCount)), 1)) : vue.createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsMobileFilterClose",
   props: {
     label: {}
@@ -23874,21 +23924,21 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$A = {
+const _hoisted_1$C = {
   key: 0,
   id: "lupa-search-results-page-select",
   "data-cy": "lupa-search-results-page-select"
 };
-const _hoisted_2$s = {
+const _hoisted_2$u = {
   key: 0,
   class: "lupa-page-number-separator"
 };
-const _hoisted_3$l = ["onClick"];
-const _hoisted_4$f = {
+const _hoisted_3$n = ["onClick"];
+const _hoisted_4$g = {
   key: 0,
   class: "lupa-page-number-separator"
 };
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsPageSelect",
   props: {
     lastPageLabel: {},
@@ -23965,7 +24015,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return showPagination.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
+      return showPagination.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
         showBack.value ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: vue.normalizeClass(firstPageLabel.value === "<" ? "lupa-page-arrow" : "lupa-show-less"),
@@ -23976,7 +24026,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
             class: "lupa-page-number lupa-page-number-first",
             onClick: _cache[1] || (_cache[1] = () => handlePageChange(1))
           }, " 1 "),
-          showFirstPageSeparator.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$s, "...")) : vue.createCommentVNode("", true)
+          showFirstPageSeparator.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$u, "...")) : vue.createCommentVNode("", true)
         ], 64)) : vue.createCommentVNode("", true),
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(pages.value, (page) => {
           return vue.openBlock(), vue.createElementBlock("div", {
@@ -23987,10 +24037,10 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
               page === _ctx.options.selectedPage ? "lupa-page-number-selected" : ""
             ]),
             "data-cy": "lupa-page-number"
-          }, vue.toDisplayString(page), 11, _hoisted_3$l);
+          }, vue.toDisplayString(page), 11, _hoisted_3$n);
         }), 128)),
         showLastPage.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-          showLastPageSeparator.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$f, "...")) : vue.createCommentVNode("", true),
+          showLastPageSeparator.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$g, "...")) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", {
             class: "lupa-page-number lupa-page-number-last",
             onClick: _cache[2] || (_cache[2] = () => {
@@ -24009,15 +24059,15 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$z = {
+const _hoisted_1$B = {
   id: "lupa-search-results-page-size",
   "data-cy": "lupa-search-results-page-size"
 };
-const _hoisted_2$r = { id: "lupa-select" };
-const _hoisted_3$k = { class: "lupa-select-label" };
-const _hoisted_4$e = ["aria-label"];
-const _hoisted_5$a = ["value"];
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_2$t = { id: "lupa-select" };
+const _hoisted_3$m = { class: "lupa-select-label" };
+const _hoisted_4$f = ["aria-label"];
+const _hoisted_5$b = ["value"];
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsPageSize",
   props: {
     labels: {},
@@ -24045,9 +24095,9 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
       });
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
-        vue.createElementVNode("div", _hoisted_2$r, [
-          vue.createElementVNode("label", _hoisted_3$k, vue.toDisplayString(label.value), 1),
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
+        vue.createElementVNode("div", _hoisted_2$t, [
+          vue.createElementVNode("label", _hoisted_3$m, vue.toDisplayString(label.value), 1),
           vue.createElementVNode("select", {
             class: "lupa-select-dropdown",
             "aria-label": label.value,
@@ -24060,23 +24110,23 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
               return vue.openBlock(), vue.createElementBlock("option", {
                 key: option,
                 value: option
-              }, vue.toDisplayString(prefixLabel.value) + vue.toDisplayString(option), 9, _hoisted_5$a);
+              }, vue.toDisplayString(prefixLabel.value) + vue.toDisplayString(option), 9, _hoisted_5$b);
             }), 128))
-          ], 40, _hoisted_4$e)
+          ], 40, _hoisted_4$f)
         ])
       ]);
     };
   }
 });
-const _hoisted_1$y = {
+const _hoisted_1$A = {
   id: "lupa-search-results-sort",
   class: "lupa-search-results-sort"
 };
-const _hoisted_2$q = { id: "lupa-select" };
-const _hoisted_3$j = { class: "lupa-select-label" };
-const _hoisted_4$d = ["aria-label"];
-const _hoisted_5$9 = ["value"];
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_2$s = { id: "lupa-select" };
+const _hoisted_3$l = { class: "lupa-select-label" };
+const _hoisted_4$e = ["aria-label"];
+const _hoisted_5$a = ["value"];
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsSort",
   props: {
     options: {},
@@ -24125,9 +24175,9 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
       previousKey.value = selectedKey.value;
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
-        vue.createElementVNode("div", _hoisted_2$q, [
-          vue.createElementVNode("label", _hoisted_3$j, vue.toDisplayString(_ctx.options.label), 1),
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
+        vue.createElementVNode("div", _hoisted_2$s, [
+          vue.createElementVNode("label", _hoisted_3$l, vue.toDisplayString(_ctx.options.label), 1),
           vue.withDirectives(vue.createElementVNode("select", {
             class: "lupa-select-dropdown",
             "aria-label": _ctx.options.label,
@@ -24140,9 +24190,9 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
               return vue.openBlock(), vue.createElementBlock("option", {
                 key: option.key,
                 value: option.key
-              }, vue.toDisplayString(option.label), 9, _hoisted_5$9);
+              }, vue.toDisplayString(option.label), 9, _hoisted_5$a);
             }), 128))
-          ], 40, _hoisted_4$d), [
+          ], 40, _hoisted_4$e), [
             [vue.vModelSelect, selectedKey.value]
           ])
         ])
@@ -24150,14 +24200,14 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$x = { class: "lupa-toolbar-left" };
-const _hoisted_2$p = {
+const _hoisted_1$z = { class: "lupa-toolbar-left" };
+const _hoisted_2$r = {
   key: 0,
   class: "lupa-toolbar-right-title"
 };
-const _hoisted_3$i = { key: 2 };
-const _hoisted_4$c = { key: 4 };
-const _hoisted_5$8 = { key: 6 };
+const _hoisted_3$k = { key: 2 };
+const _hoisted_4$d = { key: 4 };
+const _hoisted_5$9 = { key: 6 };
 const _hoisted_6$5 = { class: "lupa-toolbar-right" };
 const _hoisted_7$3 = {
   key: 0,
@@ -24165,7 +24215,7 @@ const _hoisted_7$3 = {
 };
 const _hoisted_8 = { key: 2 };
 const _hoisted_9 = { key: 4 };
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsToolbar",
   props: {
     options: {},
@@ -24276,39 +24326,39 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
         id: "lupa-search-results-toolbar",
         class: vue.normalizeClass({ "lupa-filter-no-results": !hasResults.value })
       }, [
-        vue.createElementVNode("div", _hoisted_1$x, [
-          toolbarLeftLabel.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$p, vue.toDisplayString(toolbarLeftLabel.value), 1)) : vue.createCommentVNode("", true),
-          showLayoutSelection.value ? (vue.openBlock(), vue.createBlock(_sfc_main$I, { key: 1 })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$i)),
-          showItemSummary.value ? (vue.openBlock(), vue.createBlock(_sfc_main$_, {
+        vue.createElementVNode("div", _hoisted_1$z, [
+          toolbarLeftLabel.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$r, vue.toDisplayString(toolbarLeftLabel.value), 1)) : vue.createCommentVNode("", true),
+          showLayoutSelection.value ? (vue.openBlock(), vue.createBlock(_sfc_main$K, { key: 1 })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$k)),
+          showItemSummary.value ? (vue.openBlock(), vue.createBlock(_sfc_main$10, {
             key: 3,
             label: searchSummaryLabel.value,
             clearable: vue.unref(hasAnyFilter) && showFilterClear.value,
             onClear: handleClearAll
-          }, null, 8, ["label", "clearable"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$c)),
-          displayPageSelect.value ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
+          }, null, 8, ["label", "clearable"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$d)),
+          displayPageSelect.value ? (vue.openBlock(), vue.createBlock(_sfc_main$H, {
             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"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$8))
+          }, null, 8, ["options", "last-page-label", "first-page-label"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$9))
         ]),
         vue.createElementVNode("div", _hoisted_6$5, [
           toolbarRightLabel.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$3, vue.toDisplayString(toolbarRightLabel.value), 1)) : vue.createCommentVNode("", true),
-          vue.createVNode(_sfc_main$H, {
+          vue.createVNode(_sfc_main$J, {
             labels: optionsValue.value.labels,
             "show-filter-count": showMobileFilterCount.value
           }, null, 8, ["labels", "show-filter-count"]),
-          paginationDisplay.value.pageSize ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+          paginationDisplay.value.pageSize ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
             key: 1,
             options: paginationOptions.value.pageSize,
             labels: paginationOptions.value.labels
           }, null, 8, ["options", "labels"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_8)),
-          sortOptions.value ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
+          sortOptions.value ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
             key: 3,
             options: sortOptions.value,
             callbacks: callbacks.value
           }, null, 8, ["options", "callbacks"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_9)),
-          showFiltersCloseButton.value && vue.unref(isMobileSidebarVisible) ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
+          showFiltersCloseButton.value && vue.unref(isMobileSidebarVisible) ? (vue.openBlock(), vue.createBlock(_sfc_main$I, {
             key: 5,
             label: optionsValue.value.labels.mobileFilterCloseButton
           }, null, 8, ["label"])) : vue.createCommentVNode("", true)
@@ -24317,7 +24367,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductImage",
   props: {
     item: {},
@@ -24325,7 +24375,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$1n, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$1p, {
         item: _ctx.item,
         options: _ctx.options,
         "wrapper-class": "lupa-search-results-image-wrapper",
@@ -24334,16 +24384,16 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$w = ["title", "innerHTML"];
-const _hoisted_2$o = ["title"];
-const _hoisted_3$h = ["href", "innerHTML"];
-const _hoisted_4$b = ["title"];
-const _hoisted_5$7 = {
+const _hoisted_1$y = ["title", "innerHTML"];
+const _hoisted_2$q = ["title"];
+const _hoisted_3$j = ["href", "innerHTML"];
+const _hoisted_4$c = ["title"];
+const _hoisted_5$8 = {
   key: 0,
   class: "lupa-search-results-product-title-text"
 };
 const _hoisted_6$4 = ["href"];
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductTitle",
   props: {
     item: {},
@@ -24380,7 +24430,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
         style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
         title: sanitizedTitle.value,
         innerHTML: sanitizedTitle.value
-      }, null, 12, _hoisted_1$w)) : isHtml.value && _ctx.options.link ? (vue.openBlock(), vue.createElementBlock("div", {
+      }, null, 12, _hoisted_1$y)) : isHtml.value && _ctx.options.link ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 1,
         class: "lupa-search-results-product-title",
         style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
@@ -24391,26 +24441,26 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
           class: "lupa-search-results-product-title-text lupa-title-link",
           innerHTML: sanitizedTitle.value,
           onClick: handleNavigation
-        }, null, 8, _hoisted_3$h)
-      ], 12, _hoisted_2$o)) : (vue.openBlock(), vue.createElementBlock("div", {
+        }, null, 8, _hoisted_3$j)
+      ], 12, _hoisted_2$q)) : (vue.openBlock(), vue.createElementBlock("div", {
         key: 2,
         class: "lupa-search-results-product-title",
         style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
         title: title.value
       }, [
-        !_ctx.options.link ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$7, vue.toDisplayString(title.value), 1)) : vue.createCommentVNode("", true),
+        !_ctx.options.link ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$8, vue.toDisplayString(title.value), 1)) : vue.createCommentVNode("", true),
         _ctx.options.link ? (vue.openBlock(), vue.createElementBlock("a", {
           key: 1,
           href: _ctx.link,
           class: "lupa-search-results-product-title-text lupa-title-link",
           onClick: handleNavigation
         }, vue.toDisplayString(title.value), 9, _hoisted_6$4)) : vue.createCommentVNode("", true)
-      ], 12, _hoisted_4$b));
+      ], 12, _hoisted_4$c));
     };
   }
 });
-const _hoisted_1$v = ["innerHTML"];
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$x = ["innerHTML"];
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductDescription",
   props: {
     item: {},
@@ -24437,7 +24487,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
         class: "lupa-search-results-product-description",
         style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
         innerHTML: sanitizedDescription.value
-      }, null, 12, _hoisted_1$v)) : (vue.openBlock(), vue.createElementBlock("div", {
+      }, null, 12, _hoisted_1$x)) : (vue.openBlock(), vue.createElementBlock("div", {
         key: 1,
         class: "lupa-search-results-product-description",
         style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`)
@@ -24445,15 +24495,15 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$u = { id: "lupa-search-results-rating" };
-const _hoisted_2$n = { class: "lupa-ratings" };
-const _hoisted_3$g = { class: "lupa-ratings-base" };
-const _hoisted_4$a = ["innerHTML"];
-const _hoisted_5$6 = { class: "lupa-rating-wrapper" };
+const _hoisted_1$w = { id: "lupa-search-results-rating" };
+const _hoisted_2$p = { class: "lupa-ratings" };
+const _hoisted_3$i = { class: "lupa-ratings-base" };
+const _hoisted_4$b = ["innerHTML"];
+const _hoisted_5$7 = { class: "lupa-rating-wrapper" };
 const _hoisted_6$3 = ["innerHTML"];
 const _hoisted_7$2 = ["href"];
 const STAR_COUNT = 5;
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductRating",
   props: {
     item: {},
@@ -24490,18 +24540,18 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
       return generateLink(props.options.links.ratingDetails, props.item);
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [
-        vue.createElementVNode("div", _hoisted_2$n, [
-          vue.createElementVNode("div", _hoisted_3$g, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
+        vue.createElementVNode("div", _hoisted_2$p, [
+          vue.createElementVNode("div", _hoisted_3$i, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(baseStars.value, (star, index) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: index,
                 innerHTML: star,
                 class: "lupa-rating lupa-rating-not-highlighted"
-              }, null, 8, _hoisted_4$a);
+              }, null, 8, _hoisted_4$b);
             }), 128))
           ]),
-          vue.createElementVNode("div", _hoisted_5$6, [
+          vue.createElementVNode("div", _hoisted_5$7, [
             vue.createElementVNode("div", {
               class: "lupa-ratings-highlighted",
               style: vue.normalizeStyle({ width: ratingPercentage.value + "%" })
@@ -24524,11 +24574,11 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$t = {
+const _hoisted_1$v = {
   class: "lupa-search-results-product-regular-price",
   "data-cy": "lupa-search-results-product-regular-price"
 };
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductRegularPrice",
   props: {
     item: {},
@@ -24547,11 +24597,11 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
       );
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$t, vue.toDisplayString(price.value), 1);
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, vue.toDisplayString(price.value), 1);
     };
   }
 });
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductPrice",
   props: {
     item: {},
@@ -24582,12 +24632,12 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$s = { class: "lupa-search-results-add-to-cart-wrapper" };
-const _hoisted_2$m = { class: "lupa-search-results-product-addtocart" };
-const _hoisted_3$f = ["disabled"];
-const _hoisted_4$9 = ["href"];
-const _hoisted_5$5 = ["id", "disabled", "onClick"];
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$u = { class: "lupa-search-results-add-to-cart-wrapper" };
+const _hoisted_2$o = { class: "lupa-search-results-product-addtocart" };
+const _hoisted_3$h = ["disabled"];
+const _hoisted_4$a = ["href"];
+const _hoisted_5$6 = ["id", "disabled", "onClick"];
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductAddToCart",
   props: {
     item: {},
@@ -24630,16 +24680,16 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
       return Boolean(props.link && props.options.link);
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [
-        vue.createElementVNode("div", _hoisted_2$m, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [
+        vue.createElementVNode("div", _hoisted_2$o, [
           hasLink.value ? (vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
             key: 0,
             class: loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart",
             "data-cy": "lupa-add-to-cart",
             disabled: !inStockValue.value || loading.value
           }, _ctx.dynamicAttributes, { onClick: handleClick }), [
-            vue.createElementVNode("a", { href: _ctx.link }, vue.toDisplayString(label.value), 9, _hoisted_4$9)
-          ], 16, _hoisted_3$f)) : (vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
+            vue.createElementVNode("a", { href: _ctx.link }, vue.toDisplayString(label.value), 9, _hoisted_4$a)
+          ], 16, _hoisted_3$h)) : (vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
             key: 1,
             id: id.value,
             class: loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart",
@@ -24647,18 +24697,18 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
             disabled: !inStockValue.value || loading.value
           }, _ctx.dynamicAttributes, {
             onClick: vue.withModifiers(handleClick, ["stop"])
-          }), vue.toDisplayString(label.value), 17, _hoisted_5$5))
+          }), vue.toDisplayString(label.value), 17, _hoisted_5$6))
         ])
       ]);
     };
   }
 });
-const _hoisted_1$r = ["innerHTML"];
-const _hoisted_2$l = { key: 0 };
-const _hoisted_3$e = { 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$u = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$t = ["innerHTML"];
+const _hoisted_2$n = { key: 0 };
+const _hoisted_3$g = { key: 1 };
+const _hoisted_4$9 = { class: "lupa-search-box-custom-label" };
+const _hoisted_5$5 = { class: "lupa-search-box-custom-text" };
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductCustom",
   props: {
     item: {},
@@ -24696,20 +24746,20 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         class: className.value,
         innerHTML: text.value
-      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$r)) : (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$t)) : (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         key: 1,
         class: className.value
       }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
-        !label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$l, vue.toDisplayString(text.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$e, [
-          vue.createElementVNode("div", _hoisted_4$8, vue.toDisplayString(label.value), 1),
-          vue.createElementVNode("div", _hoisted_5$4, vue.toDisplayString(text.value), 1)
+        !label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$n, vue.toDisplayString(text.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$g, [
+          vue.createElementVNode("div", _hoisted_4$9, vue.toDisplayString(label.value), 1),
+          vue.createElementVNode("div", _hoisted_5$5, vue.toDisplayString(text.value), 1)
         ]))
       ], 16));
     };
   }
 });
-const _hoisted_1$q = ["innerHTML"];
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$s = ["innerHTML"];
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductCustomHtmlElement",
   props: {
     item: {},
@@ -24740,15 +24790,15 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         class: className.value,
         innerHTML: text.value
-      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$q);
+      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$s);
     };
   }
 });
-const _hoisted_1$p = { id: "lupa-search-results-rating" };
-const _hoisted_2$k = ["innerHTML"];
-const _hoisted_3$d = { class: "lupa-ratings" };
-const _hoisted_4$7 = ["href"];
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$r = { id: "lupa-search-results-rating" };
+const _hoisted_2$m = ["innerHTML"];
+const _hoisted_3$f = { class: "lupa-ratings" };
+const _hoisted_4$8 = ["href"];
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductSingleStarRating",
   props: {
     item: {},
@@ -24776,35 +24826,35 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
       return RATING_STAR_HTML;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$r, [
         vue.createElementVNode("div", {
           innerHTML: star.value,
           class: "lupa-rating lupa-rating-highlighted"
-        }, null, 8, _hoisted_2$k),
-        vue.createElementVNode("div", _hoisted_3$d, vue.toDisplayString(rating.value), 1),
+        }, null, 8, _hoisted_2$m),
+        vue.createElementVNode("div", _hoisted_3$f, vue.toDisplayString(rating.value), 1),
         vue.createElementVNode("a", {
           href: ratingLink.value,
           class: "lupa-total-ratings"
-        }, vue.toDisplayString(totalRatings.value), 9, _hoisted_4$7)
+        }, vue.toDisplayString(totalRatings.value), 9, _hoisted_4$8)
       ]);
     };
   }
 });
 const __default__ = {
   components: {
-    SearchResultsProductImage: _sfc_main$B,
-    SearchResultsProductTitle: _sfc_main$A,
-    SearchResultsProductDescription: _sfc_main$z,
-    SearchResultsProductRating: _sfc_main$y,
-    SearchResultsProductRegularPrice: _sfc_main$x,
-    SearchResultsProductPrice: _sfc_main$w,
-    SearchResultsProductAddToCart: _sfc_main$v,
-    SearchResultsProductCustom: _sfc_main$u,
-    SearchResultsProductCustomHtmlElement: _sfc_main$t,
-    SearchResultsProductSingleStarRating: _sfc_main$s
-  }
-};
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__), {
+    SearchResultsProductImage: _sfc_main$D,
+    SearchResultsProductTitle: _sfc_main$C,
+    SearchResultsProductDescription: _sfc_main$B,
+    SearchResultsProductRating: _sfc_main$A,
+    SearchResultsProductRegularPrice: _sfc_main$z,
+    SearchResultsProductPrice: _sfc_main$y,
+    SearchResultsProductAddToCart: _sfc_main$x,
+    SearchResultsProductCustom: _sfc_main$w,
+    SearchResultsProductCustomHtmlElement: _sfc_main$v,
+    SearchResultsProductSingleStarRating: _sfc_main$u
+  }
+};
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__), {
   __name: "SearchResultsProductCardElement",
   props: {
     item: {},
@@ -24886,14 +24936,14 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
     };
   }
 }));
-const _hoisted_1$o = ["onMouseup"];
-const _hoisted_2$j = ["href"];
-const _hoisted_3$c = {
+const _hoisted_1$q = ["onMouseup"];
+const _hoisted_2$l = ["href"];
+const _hoisted_3$e = {
   key: 0,
   class: "lupa-out-of-stock"
 };
-const _hoisted_4$6 = { class: "lupa-search-result-product-details-section" };
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_4$7 = { class: "lupa-search-result-product-details-section" };
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductCard",
   props: {
     product: {},
@@ -25058,7 +25108,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
         onClick: handleClick,
         onMouseup: vue.withModifiers(handleClick, ["middle", "exact"])
       }), [
-        vue.createVNode(_sfc_main$17, { options: badgesOptions.value }, null, 8, ["options"]),
+        vue.createVNode(_sfc_main$19, { options: badgesOptions.value }, null, 8, ["options"]),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
         }, [
@@ -25068,7 +25118,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
             onClick: handleNavigation
           }, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(imageElements.value, (element) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$r, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$t, {
                 class: "lupa-search-results-product-element",
                 item: _ctx.product,
                 element,
@@ -25079,16 +25129,16 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
                 onProductEvent: handleProductEvent
               }, null, 8, ["item", "element", "labels", "inStock", "link"]);
             }), 128)),
-            vue.createVNode(_sfc_main$17, {
+            vue.createVNode(_sfc_main$19, {
               options: badgesOptions.value,
               position: "image",
               class: "lupa-image-badges"
             }, null, 8, ["options"]),
-            ((_a = labels.value) == null ? void 0 : _a.outOfStock) && !isInStock.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$c, vue.toDisplayString(labels.value.outOfStock), 1)) : vue.createCommentVNode("", true)
-          ], 8, _hoisted_2$j),
-          vue.createElementVNode("div", _hoisted_4$6, [
+            ((_a = labels.value) == null ? void 0 : _a.outOfStock) && !isInStock.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$e, vue.toDisplayString(labels.value.outOfStock), 1)) : vue.createCommentVNode("", true)
+          ], 8, _hoisted_2$l),
+          vue.createElementVNode("div", _hoisted_4$7, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(detailElements.value, (element) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$r, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$t, {
                 class: "lupa-search-results-product-element",
                 item: _ctx.product,
                 element,
@@ -25106,7 +25156,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
               class: vue.normalizeClass("lupa-element-group-" + group)
             }, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getGroupElements(group), (element) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$r, {
+                return vue.openBlock(), vue.createBlock(_sfc_main$t, {
                   class: "lupa-search-results-product-element",
                   item: _ctx.product,
                   element,
@@ -25120,27 +25170,27 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
             ], 2);
           }), 128))
         ], 2)
-      ], 16, _hoisted_1$o);
+      ], 16, _hoisted_1$q);
     };
   }
 });
-const _hoisted_1$n = {
+const _hoisted_1$p = {
   id: "lupa-search-results-similar-queries",
   "data-cy": "lupa-search-results-similar-queries"
 };
-const _hoisted_2$i = { class: "lupa-similar-queries-label" };
-const _hoisted_3$b = {
+const _hoisted_2$k = { class: "lupa-similar-queries-label" };
+const _hoisted_3$d = {
   class: "lupa-similar-query-label",
   "data-cy": "lupa-similar-query-label"
 };
-const _hoisted_4$5 = ["onClick"];
-const _hoisted_5$3 = ["innerHTML"];
+const _hoisted_4$6 = ["onClick"];
+const _hoisted_5$4 = ["innerHTML"];
 const _hoisted_6$2 = { key: 0 };
 const _hoisted_7$1 = {
   class: "lupa-products",
   "data-cy": "lupa-products"
 };
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsSimilarQueries",
   props: {
     labels: {},
@@ -25178,11 +25228,11 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
       };
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
-        vue.createElementVNode("div", _hoisted_2$i, vue.toDisplayString(_ctx.labels.similarQueries), 1),
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
+        vue.createElementVNode("div", _hoisted_2$k, vue.toDisplayString(_ctx.labels.similarQueries), 1),
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(similarQueries.value, (similarQuery, index) => {
           return vue.openBlock(), vue.createElementBlock("div", { key: index }, [
-            vue.createElementVNode("div", _hoisted_3$b, [
+            vue.createElementVNode("div", _hoisted_3$d, [
               vue.createElementVNode("span", null, vue.toDisplayString(similarQueryLabel.value), 1),
               vue.createElementVNode("span", {
                 id: "lupa-similar-query-text-component",
@@ -25192,13 +25242,13 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
               }, [
                 vue.createElementVNode("span", {
                   innerHTML: getSimilarQueryContent(similarQuery.displayQuery)
-                }, null, 8, _hoisted_5$3),
+                }, null, 8, _hoisted_5$4),
                 similarQuery.count ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$2, " (" + vue.toDisplayString(similarQuery.count) + ")", 1)) : vue.createCommentVNode("", true)
-              ], 8, _hoisted_4$5)
+              ], 8, _hoisted_4$6)
             ]),
             vue.createElementVNode("div", _hoisted_7$1, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(similarQuery.items, (product, index2) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$q, {
+                return vue.openBlock(), vue.createBlock(_sfc_main$s, {
                   style: vue.normalizeStyle(_ctx.columnSize),
                   key: getDocumentKey(index2, product),
                   product,
@@ -25213,15 +25263,15 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$m = {
+const _hoisted_1$o = {
   key: 0,
   class: "lupa-results-additional-panel"
 };
-const _hoisted_2$h = {
+const _hoisted_2$j = {
   class: "lupa-results-additional-panel-items",
   "data-cy": "lupa-results-additional-panel-items"
 };
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "AdditionalPanel",
   props: {
     panel: {},
@@ -25294,10 +25344,10 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
       handleQueryChange();
     });
     return (_ctx, _cache) => {
-      return hasResults.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
-        vue.createElementVNode("div", _hoisted_2$h, [
+      return hasResults.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
+        vue.createElementVNode("div", _hoisted_2$j, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(visibleItems.value, (item, index) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$q, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$s, {
               key: index,
               product: item,
               options: _ctx.panel,
@@ -25315,11 +25365,11 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$l = {
+const _hoisted_1$n = {
   key: 0,
   class: "lupa-results-additional-panels"
 };
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "AdditionalPanels",
   props: {
     options: {},
@@ -25336,9 +25386,9 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
       return locationPanels.value.length > 0;
     });
     return (_ctx, _cache) => {
-      return isVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
+      return isVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(locationPanels.value, (panel) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$o, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$q, {
             key: panel.queryKey,
             panel,
             options: _ctx.sdkOptions
@@ -25355,29 +25405,29 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$m = {};
-const _hoisted_1$k = { class: "lupa-spinner-wrapper" };
-const _hoisted_2$g = { class: "lupa-spinner" };
+const _sfc_main$o = {};
+const _hoisted_1$m = { class: "lupa-spinner-wrapper" };
+const _hoisted_2$i = { class: "lupa-spinner" };
 function _sfc_render(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [
-    vue.createElementVNode("div", _hoisted_2$g, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
+    vue.createElementVNode("div", _hoisted_2$i, [
       (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(12, (x2) => {
         return vue.createElementVNode("div", { key: x2 });
       }), 64))
     ])
   ]);
 }
-const Spinner = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render]]);
-const _hoisted_1$j = {
+const Spinner = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render]]);
+const _hoisted_1$l = {
   id: "lupa-search-results-similar-results",
   "data-cy": "lupa-search-results-similar-results"
 };
-const _hoisted_2$f = { class: "lupa-similar-results-label" };
-const _hoisted_3$a = {
+const _hoisted_2$h = { class: "lupa-similar-results-label" };
+const _hoisted_3$c = {
   class: "lupa-products",
   "data-cy": "lupa-products"
 };
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsSimilarResults",
   props: {
     columnSize: {},
@@ -25398,11 +25448,11 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
       };
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [
-        vue.createElementVNode("div", _hoisted_2$f, vue.toDisplayString(_ctx.labels.similarResultsLabel), 1),
-        vue.createElementVNode("div", _hoisted_3$a, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
+        vue.createElementVNode("div", _hoisted_2$h, vue.toDisplayString(_ctx.labels.similarResultsLabel), 1),
+        vue.createElementVNode("div", _hoisted_3$c, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(similarResults.value.items, (product, index) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$q, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$s, {
               style: vue.normalizeStyle(_ctx.columnSize),
               key: getDocumentKey(index, product),
               product,
@@ -25515,20 +25565,23 @@ const extractFacetsRelatedSourceFromOriginalQuery = (source, searchResults) => _
   return [];
 });
 const extractRelatedSource = (source, searchResults, options, activeFilters) => __async(exports, null, function* () {
+  if (!source) {
+    return [];
+  }
   switch (source.type) {
     case RelatedQuerySourceType.FACETS:
       return extractFacetsRelatedSource(source, searchResults, options, activeFilters);
   }
 });
-const _hoisted_1$i = { class: "lupa-related-query-item" };
-const _hoisted_2$e = { class: "lupa-related-query-image" };
-const _hoisted_3$9 = { class: "lupa-related-query-label" };
-const _hoisted_4$4 = { class: "lupa-related-query-title" };
-const _hoisted_5$2 = {
+const _hoisted_1$k = { class: "lupa-related-query-item" };
+const _hoisted_2$g = { class: "lupa-related-query-image" };
+const _hoisted_3$b = { class: "lupa-related-query-label" };
+const _hoisted_4$5 = { class: "lupa-related-query-title" };
+const _hoisted_5$3 = {
   key: 0,
   class: "lupa-related-query-count"
 };
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "RelatedQueryPanel",
   props: {
     query: {},
@@ -25623,9 +25676,9 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       var _a;
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [
-        vue.createElementVNode("div", _hoisted_2$e, [
-          itemToDisplay.value && image.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1n, {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [
+        vue.createElementVNode("div", _hoisted_2$g, [
+          itemToDisplay.value && image.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1p, {
             key: 0,
             "wrapper-class": "lupa-related-query-image-wrapper",
             "image-class": "lupa-related-query-image",
@@ -25633,24 +25686,24 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
             options: image.value
           }, null, 8, ["item", "options"])) : vue.createCommentVNode("", true)
         ]),
-        vue.createElementVNode("div", _hoisted_3$9, [
-          vue.createElementVNode("span", _hoisted_4$4, vue.toDisplayString(_ctx.query), 1),
-          ((_a = _ctx.options) == null ? void 0 : _a.showCount) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$2, "(" + vue.toDisplayString(totalItemCount.value) + ")", 1)) : vue.createCommentVNode("", true)
+        vue.createElementVNode("div", _hoisted_3$b, [
+          vue.createElementVNode("span", _hoisted_4$5, vue.toDisplayString(_ctx.query), 1),
+          ((_a = _ctx.options) == null ? void 0 : _a.showCount) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$3, "(" + vue.toDisplayString(totalItemCount.value) + ")", 1)) : vue.createCommentVNode("", true)
         ])
       ]);
     };
   }
 });
-const _hoisted_1$h = {
+const _hoisted_1$j = {
   key: 0,
   class: "lupa-related-queries"
 };
-const _hoisted_2$d = {
+const _hoisted_2$f = {
   key: 0,
   class: "lupa-related-queries-title"
 };
-const _hoisted_3$8 = ["onClick"];
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_3$a = ["onClick"];
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "RelatedQueries",
   props: {
     options: {}
@@ -25662,7 +25715,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     const optionsStore = useOptionsStore();
     const { searchResult, lastResultsSource } = storeToRefs(searchResultStore);
     const { searchResultOptions } = storeToRefs(optionsStore);
-    const relatedQueries = vue.ref([]);
+    const relatedQueries2 = vue.ref([]);
     const allDisplayItems = vue.ref({});
     const querySourceResultMap = vue.ref({});
     const currentSearchText = vue.computed(() => {
@@ -25685,27 +25738,31 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
       }
       return filters;
     });
-    vue.watch(searchResult, () => __async(this, null, function* () {
-      var _a;
-      allDisplayItems.value = {};
-      querySourceResultMap.value = {};
-      if (((_a = searchResult.value) == null ? void 0 : _a.searchText) === void 0 || lastResultsSource.value !== "items") {
-        return;
-      }
-      if (!props.options || !searchResult.value) {
-        relatedQueries.value = [];
-      }
-      const queries = yield extractRelatedSource(
-        props.options.source,
-        searchResult.value,
-        searchResultOptions.value.options,
-        currentFiltersWithoutQuerySources.value
-      );
-      relatedQueries.value = queries;
-    }));
+    vue.watch(
+      searchResult,
+      () => __async(this, null, function* () {
+        var _a;
+        allDisplayItems.value = {};
+        querySourceResultMap.value = {};
+        if (((_a = searchResult.value) == null ? void 0 : _a.searchText) === void 0 || lastResultsSource.value !== "items") {
+          return;
+        }
+        if (!props.options || !searchResult.value) {
+          relatedQueries2.value = [];
+        }
+        const queries = yield extractRelatedSource(
+          props.options.source,
+          searchResult.value,
+          searchResultOptions.value.options,
+          currentFiltersWithoutQuerySources.value
+        );
+        relatedQueries2.value = queries;
+      }),
+      { immediate: true }
+    );
     const hasEnoughRelatedQueries = vue.computed(() => {
       var _a;
-      return ((_a = relatedQueries.value) == null ? void 0 : _a.length) > 1;
+      return ((_a = relatedQueries2.value) == null ? void 0 : _a.length) > 1;
     });
     const handleRelatedQueryClick = (query) => {
       var _a;
@@ -25740,10 +25797,10 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       var _a, _b, _c, _d;
-      return _ctx.options && hasEnoughRelatedQueries.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
-        ((_b = (_a = _ctx.options) == null ? void 0 : _a.labels) == null ? void 0 : _b.title) ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_2$d, vue.toDisplayString((_d = (_c = _ctx.options) == null ? void 0 : _c.labels) == null ? void 0 : _d.title), 1)) : vue.createCommentVNode("", true),
+      return _ctx.options && hasEnoughRelatedQueries.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [
+        ((_b = (_a = _ctx.options) == null ? void 0 : _a.labels) == null ? void 0 : _b.title) ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_2$f, vue.toDisplayString((_d = (_c = _ctx.options) == null ? void 0 : _c.labels) == null ? void 0 : _d.title), 1)) : vue.createCommentVNode("", true),
         vue.createElementVNode("ul", null, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(relatedQueries.value, (query) => {
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(relatedQueries2.value, (query) => {
             return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
               key: query.value + query.key + currentSearchText.value,
               class: vue.normalizeClass(getSelectedFilterClass(query))
@@ -25751,14 +25808,14 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("a", {
                 onClick: ($event) => handleRelatedQueryClick(query)
               }, [
-                vue.createVNode(_sfc_main$k, {
+                vue.createVNode(_sfc_main$m, {
                   "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$8)
+              ], 8, _hoisted_3$a)
             ], 2)), [
               [vue.vShow, querySourceResultMap.value[query.value] !== false]
             ]);
@@ -25795,13 +25852,13 @@ const extractRedirectionSuggestion = (searchText = "", options) => {
   }
   return null;
 };
-const _hoisted_1$g = {
+const _hoisted_1$i = {
   key: 0,
   class: "lupa-redirection-suggestion"
 };
-const _hoisted_2$c = { class: "lupa-redirections-suggestion-label" };
-const _hoisted_3$7 = ["href"];
-const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_2$e = { class: "lupa-redirections-suggestion-label" };
+const _hoisted_3$9 = ["href"];
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "RedirectionSuggestions",
   props: {
     options: {}
@@ -25824,19 +25881,19 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
       )
     );
     return (_ctx, _cache) => {
-      return redirectionSuggestion.value && label.value && link.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
-        vue.createElementVNode("h4", _hoisted_2$c, [
-          vue.createElementVNode("a", { href: link.value }, vue.toDisplayString(label.value), 9, _hoisted_3$7)
+      return redirectionSuggestion.value && label.value && link.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [
+        vue.createElementVNode("h4", _hoisted_2$e, [
+          vue.createElementVNode("a", { href: link.value }, vue.toDisplayString(label.value), 9, _hoisted_3$9)
         ])
       ])) : vue.createCommentVNode("", true);
     };
   }
 });
-const _hoisted_1$f = {
+const _hoisted_1$h = {
   key: 0,
   class: "lupa-refiners-loading-notice"
 };
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   __name: "RefinersLoadingNotice",
   props: {
     labels: {}
@@ -25847,13 +25904,155 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     const { loadingRefiners } = storeToRefs(searchResultStore);
     const label = vue.computed(() => props.labels.refinersLoadingNotice);
     return (_ctx, _cache) => {
-      return label.value && vue.unref(loadingRefiners) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
+      return label.value && vue.unref(loadingRefiners) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
         vue.createElementVNode("p", null, vue.toDisplayString(label.value), 1),
         vue.createVNode(Spinner)
       ])) : vue.createCommentVNode("", true);
     };
   }
 });
+const _hoisted_1$g = { class: "lupa-related-query-item" };
+const _hoisted_2$d = { class: "lupa-related-query-image" };
+const _hoisted_3$8 = { class: "lupa-related-query-label" };
+const _hoisted_4$4 = { class: "lupa-related-query-title" };
+const _hoisted_5$2 = {
+  key: 0,
+  class: "lupa-related-query-count"
+};
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+  __name: "RelatedQueryPanelApi",
+  props: {
+    relatedQuery: {},
+    options: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const itemToDisplay = vue.computed(() => {
+      var _a;
+      return (_a = props.relatedQuery.topItems) == null ? void 0 : _a[0];
+    });
+    const optionsStore = useOptionsStore();
+    const { searchResultOptions } = storeToRefs(optionsStore);
+    const mainImage = vue.computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.elements) == null ? void 0 : _b.find((e2) => e2.type === DocumentElementType.IMAGE)) != null ? _c : "";
+    });
+    const image = vue.computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = (_a = props.options) == null ? void 0 : _a.image) != null ? _b : mainImage == null ? void 0 : mainImage.value) != null ? _c : "";
+    });
+    const query = vue.computed(() => {
+      var _a;
+      return props.relatedQuery.action === "FILTER" ? props.relatedQuery.filterValue : (_a = props.relatedQuery.query) != null ? _a : "";
+    });
+    const totalItemCount = vue.computed(() => {
+      var _a;
+      return (_a = props.relatedQuery.total) != null ? _a : 0;
+    });
+    return (_ctx, _cache) => {
+      var _a;
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
+        vue.createElementVNode("div", _hoisted_2$d, [
+          itemToDisplay.value && image.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1p, {
+            key: 0,
+            "wrapper-class": "lupa-related-query-image-wrapper",
+            "image-class": "lupa-related-query-image",
+            item: itemToDisplay.value,
+            options: image.value
+          }, null, 8, ["item", "options"])) : vue.createCommentVNode("", true)
+        ]),
+        vue.createElementVNode("div", _hoisted_3$8, [
+          vue.createElementVNode("span", _hoisted_4$4, vue.toDisplayString(query.value), 1),
+          ((_a = _ctx.options) == null ? void 0 : _a.showCount) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$2, "(" + vue.toDisplayString(totalItemCount.value) + ")", 1)) : vue.createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+const _hoisted_1$f = {
+  key: 0,
+  class: "lupa-related-queries"
+};
+const _hoisted_2$c = {
+  key: 0,
+  class: "lupa-related-queries-title"
+};
+const _hoisted_3$7 = ["onClick"];
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+  __name: "RelatedQueriesApi",
+  props: {
+    options: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const searchResultStore = useSearchResultStore();
+    const paramsStore = useParamsStore();
+    const optionsStore = useOptionsStore();
+    const { searchResult, relatedQueriesResult } = storeToRefs(searchResultStore);
+    const relatedQueries2 = vue.computed(() => {
+      var _a, _b, _c, _d;
+      const allQueries = (_b = (_a = relatedQueriesResult.value) == null ? void 0 : _a.relatedQueries) != null ? _b : [];
+      return ((_d = (_c = props.options) == null ? void 0 : _c.source) == null ? void 0 : _d.count) ? allQueries.slice(0, props.options.source.count) : allQueries;
+    });
+    const currentSearchText = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = searchResult.value) == null ? void 0 : _a.searchText) != null ? _b : "";
+    });
+    const hasEnoughRelatedQueries = vue.computed(() => {
+      var _a;
+      return ((_a = relatedQueries2.value) == null ? void 0 : _a.length) > 1;
+    });
+    const handleRelatedQueryClick = (relatedQuery) => {
+      if (relatedQuery.action === "FILTER") {
+        handleFilter({ key: relatedQuery.facetKey, value: relatedQuery.filterValue });
+      } else {
+        paramsStore.goToResults({ searchText: relatedQuery.query });
+      }
+    };
+    const handleFilter = (query) => {
+      var _a;
+      toggleTermFilter(
+        paramsStore.appendParams,
+        { type: "terms", key: query.key, value: query.value },
+        optionsStore.getQueryParamName,
+        {},
+        (_a = relatedQueries2.value) == null ? void 0 : _a.map((q) => `f.${q.facetKey}`)
+      );
+    };
+    const getSelectedFilterClass = (relatedQuery) => {
+      var _a, _b, _c, _d, _e;
+      if (relatedQuery.action !== "FILTER") {
+        return "";
+      }
+      return Array.isArray((_b = (_a = searchResult.value) == null ? void 0 : _a.filters) == null ? void 0 : _b[relatedQuery.facetKey]) && ((_e = (_d = (_c = searchResult.value) == null ? void 0 : _c.filters) == null ? void 0 : _d[relatedQuery.facetKey]) == null ? void 0 : _e.includes(
+        relatedQuery.filterValue
+      )) ? "lupa-selected-related-query-filter" : "";
+    };
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d;
+      return hasEnoughRelatedQueries.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
+        ((_b = (_a = _ctx.options) == null ? void 0 : _a.labels) == null ? void 0 : _b.title) ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_2$c, vue.toDisplayString((_d = (_c = _ctx.options) == null ? void 0 : _c.labels) == null ? void 0 : _d.title), 1)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("ul", null, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(relatedQueries2.value, (query) => {
+            return vue.openBlock(), vue.createElementBlock("li", {
+              key: query.query + query.facetKey + query.filterValue + currentSearchText.value,
+              class: vue.normalizeClass(getSelectedFilterClass(query))
+            }, [
+              vue.createElementVNode("a", {
+                onClick: ($event) => handleRelatedQueryClick(query)
+              }, [
+                vue.createVNode(_sfc_main$i, {
+                  relatedQuery: query,
+                  options: _ctx.options
+                }, null, 8, ["relatedQuery", "options"])
+              ], 8, _hoisted_3$7)
+            ], 2);
+          }), 128))
+        ])
+      ])) : vue.createCommentVNode("", true);
+    };
+  }
+});
 const _hoisted_1$e = { id: "lupa-search-results-products" };
 const _hoisted_2$b = {
   class: "lupa-products",
@@ -25865,12 +26064,12 @@ const _hoisted_3$6 = {
   "data-cy": "lupa-no-results-in-page"
 };
 const _hoisted_4$3 = {
-  key: 4,
+  key: 5,
   class: "lupa-empty-results",
   "data-cy": "lupa-no-results"
 };
-const _hoisted_5$1 = { key: 5 };
-const _hoisted_6$1 = { key: 6 };
+const _hoisted_5$1 = { key: 6 };
+const _hoisted_6$1 = { key: 7 };
 const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProducts",
   props: {
@@ -25891,7 +26090,8 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
       columnCount,
       searchResult,
       layout,
-      loading
+      loading,
+      relatedQueriesApiEnabled
     } = storeToRefs(searchResultStore);
     const productCardOptions = vue.computed(() => {
       return pick(props.options, [
@@ -25972,6 +26172,13 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
         _lupaUpdatedQuery: searchResult.value.suggestedSearchText
       } : void 0;
     });
+    const showLocalRelatedQueries = vue.computed(() => {
+      var _a;
+      return Boolean(((_a = props.options.relatedQueries) == null ? void 0 : _a.source) && relatedQueriesApiEnabled.value === false);
+    });
+    const showApiRelatedQueries = vue.computed(() => {
+      return Boolean(relatedQueriesApiEnabled.value === true) && Boolean(props.options.relatedQueries);
+    });
     const getProductKeyAction = (index, product) => {
       return getProductKey(`${index}`, product, props.options.idKey);
     };
@@ -25990,31 +26197,35 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           class: "lupa-loader"
         })) : vue.createCommentVNode("", true),
-        vue.createVNode(_sfc_main$i, {
+        vue.createVNode(_sfc_main$k, {
           options: _ctx.options.redirectionSuggestions
         }, null, 8, ["options"]),
-        vue.createVNode(_sfc_main$n, {
+        vue.createVNode(_sfc_main$p, {
           options: _ctx.options,
           location: "top",
           sdkOptions: _ctx.options.options
         }, null, 8, ["options", "sdkOptions"]),
-        _ctx.options.relatedQueries ? (vue.openBlock(), vue.createBlock(_sfc_main$j, {
+        showLocalRelatedQueries.value ? (vue.openBlock(), vue.createBlock(_sfc_main$l, {
           key: 1,
           options: _ctx.options.relatedQueries
         }, null, 8, ["options"])) : vue.createCommentVNode("", true),
-        vue.unref(hasResults) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-          showTopFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$J, {
+        showApiRelatedQueries.value ? (vue.openBlock(), vue.createBlock(_sfc_main$h, {
+          key: 2,
+          options: _ctx.options.relatedQueries
+        }, null, 8, ["options"])) : vue.createCommentVNode("", true),
+        vue.unref(hasResults) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
+          showTopFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$L, {
             key: 0,
             options: (_a = _ctx.options.filters) != null ? _a : {}
           }, null, 8, ["options"])) : vue.createCommentVNode("", true),
-          showMobileFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$C, {
+          showMobileFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
             key: 1,
             class: "lupa-toolbar-mobile",
             options: _ctx.options,
             "pagination-location": "top",
             onFilter: filter2
           }, null, 8, ["options"])) : vue.createCommentVNode("", true),
-          currentFilterOptions.value && currentFilterPositionDesktop.value === "pageTop" ? (vue.openBlock(), vue.createBlock(_sfc_main$X, {
+          currentFilterOptions.value && currentFilterPositionDesktop.value === "pageTop" ? (vue.openBlock(), vue.createBlock(_sfc_main$Z, {
             key: 2,
             class: vue.normalizeClass(currentFiltersClass.value),
             "data-cy": "lupa-search-result-filters-mobile-toolbar",
@@ -26022,13 +26233,13 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
             expandable: !desktopFiltersExpanded.value
           }, null, 8, ["class", "options", "expandable"])) : vue.createCommentVNode("", true)
         ], 64)) : vue.createCommentVNode("", true),
-        vue.unref(hasResults) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
-          vue.createVNode(_sfc_main$C, {
+        vue.unref(hasResults) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 4 }, [
+          vue.createVNode(_sfc_main$E, {
             class: "lupa-toolbar-top",
             options: _ctx.options,
             "pagination-location": "top"
           }, null, 8, ["options"]),
-          currentFilterOptions.value && currentFilterPositionDesktop.value === "resultsTop" ? (vue.openBlock(), vue.createBlock(_sfc_main$X, {
+          currentFilterOptions.value && currentFilterPositionDesktop.value === "resultsTop" ? (vue.openBlock(), vue.createBlock(_sfc_main$Z, {
             key: 0,
             class: vue.normalizeClass(currentFiltersClass.value),
             "data-cy": "lupa-search-result-filters-mobile-toolbar",
@@ -26044,7 +26255,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
                 options: productCardOptions.value
               });
             }), 128)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(vue.unref(searchResult).items, (product, index) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$q, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$s, {
                 style: vue.normalizeStyle(columnSize.value),
                 key: getProductKeyAction(index, product),
                 product,
@@ -26061,12 +26272,12 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
               onClick: goToFirstPage
             }, vue.toDisplayString(_ctx.options.labels.backToFirstPage), 1)) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true),
-          vue.createVNode(_sfc_main$C, {
+          vue.createVNode(_sfc_main$E, {
             class: "lupa-toolbar-bottom",
             options: _ctx.options,
             "pagination-location": "bottom"
           }, null, 8, ["options"]),
-          vue.createVNode(_sfc_main$n, {
+          vue.createVNode(_sfc_main$p, {
             options: _ctx.options,
             location: "bottom",
             sdkOptions: _ctx.options.options
@@ -26075,18 +26286,18 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
           vue.createTextVNode(vue.toDisplayString(_ctx.options.labels.emptyResults) + " ", 1),
           vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(currentQueryText)), 1)
         ])) : vue.createCommentVNode("", true),
-        vue.createVNode(_sfc_main$h, {
+        vue.createVNode(_sfc_main$j, {
           labels: _ctx.options.labels
         }, null, 8, ["labels"]),
         hasSimilarQueries.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$1, [
-          vue.createVNode(_sfc_main$p, {
+          vue.createVNode(_sfc_main$r, {
             labels: similarQueriesLabels.value,
             columnSize: columnSize.value,
             productCardOptions: productCardOptions.value
           }, null, 8, ["labels", "columnSize", "productCardOptions"])
         ])) : vue.createCommentVNode("", true),
         hasSimilarResults.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$1, [
-          vue.createVNode(_sfc_main$l, {
+          vue.createVNode(_sfc_main$n, {
             labels: similarResultsLabels.value,
             columnSize: columnSize.value,
             productCardOptions: productCardOptions.value
@@ -26165,14 +26376,14 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
           ])) : vue.createCommentVNode("", true),
           hasRelatedCategoryChildren.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$2, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(relatedCategoryChildren), (child) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$W, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$Y, {
                 key: getCategoryKey(child),
                 item: child,
                 options: categoryOptions.value
               }, null, 8, ["item", "options"]);
             }), 128))
           ])) : vue.createCommentVNode("", true),
-          vue.createVNode(_sfc_main$C, {
+          vue.createVNode(_sfc_main$E, {
             class: "lupa-toolbar-mobile",
             "pagination-location": "top",
             options: _ctx.options
@@ -26325,14 +26536,23 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
         return;
       }
       LupaSearchSdk.query(props.options.queryKey, query2, props.options.options).then((res) => {
-        var _a, _b;
+        var _a, _b, _c;
         if (res.success) {
           handleResults({ queryKey: props.options.queryKey, results: res });
           searchResultStore.add(requestId, __spreadValues({}, res));
+          searchResultStore.setRelatedQueriesApiEnabled((_a = res.hasRelatedQueries) != null ? _a : false);
+          if (res.hasRelatedQueries) {
+            searchResultStore.queryRelatedQueries(
+              props.options.queryKey,
+              publicQuery,
+              res,
+              props.options.options
+            );
+          }
           if (props.options.splitExpensiveRequests && res.refinementThreshold >= res.total) {
             queryRefiners(requestId, publicQuery);
           }
-        } else if ((_b = (_a = props.options) == null ? void 0 : _a.options) == null ? void 0 : _b.onError) {
+        } else if ((_c = (_b = props.options) == null ? void 0 : _b.options) == null ? void 0 : _c.onError) {
           props.options.options.onError(res);
         }
       }).catch((err) => {
@@ -26471,8 +26691,8 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["lupa-search-result-wrapper", { "lupa-search-wrapper-no-results": !vue.unref(hasResults) }])
       }, [
         _ctx.isContainer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
-          vue.createVNode(_sfc_main$$, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-          vue.createVNode(_sfc_main$Z, {
+          vue.createVNode(_sfc_main$11, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+          vue.createVNode(_sfc_main$$, {
             "show-summary": true,
             options: _ctx.options,
             "is-product-list": (_a = _ctx.isProductList) != null ? _a : false
@@ -26482,12 +26702,12 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
           key: 1,
           options: _ctx.options
         }, null, 8, ["options"])) : vue.createCommentVNode("", true),
-        _ctx.options.filters ? (vue.openBlock(), vue.createBlock(_sfc_main$L, {
+        _ctx.options.filters ? (vue.openBlock(), vue.createBlock(_sfc_main$N, {
           key: 2,
           options: _ctx.options.filters,
           onFilter: handleParamsChange
         }, null, 8, ["options"])) : vue.createCommentVNode("", true),
-        vue.unref(currentQueryText) || _ctx.isProductList ? (vue.openBlock(), vue.createBlock(_sfc_main$K, {
+        vue.unref(currentQueryText) || _ctx.isProductList ? (vue.openBlock(), vue.createBlock(_sfc_main$M, {
           key: 3,
           breadcrumbs: _ctx.options.breadcrumbs
         }, null, 8, ["breadcrumbs"])) : vue.createCommentVNode("", true),
@@ -26496,7 +26716,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
           id: "lupa-search-results",
           class: vue.normalizeClass(["top-layout-wrapper", indicatorClasses.value])
         }, [
-          showFilterSidebar.value ? (vue.openBlock(), vue.createBlock(_sfc_main$M, {
+          showFilterSidebar.value ? (vue.openBlock(), vue.createBlock(_sfc_main$O, {
             key: 0,
             options: (_b = _ctx.options.filters) != null ? _b : {},
             ref_key: "searchResultsFilters",
@@ -26504,8 +26724,8 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
             onFilter: handleParamsChange
           }, null, 8, ["options"])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", _hoisted_2$9, [
-            vue.createVNode(_sfc_main$$, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-            vue.createVNode(_sfc_main$Z, {
+            vue.createVNode(_sfc_main$11, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+            vue.createVNode(_sfc_main$$, {
               options: _ctx.options,
               "is-product-list": (_c = _ctx.isProductList) != null ? _c : false
             }, null, 8, ["options", "is-product-list"]),
@@ -26521,8 +26741,8 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
             }, 8, ["options", "ssr"])
           ])
         ], 2)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 5 }, [
-          vue.createVNode(_sfc_main$$, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-          vue.createVNode(_sfc_main$Z, {
+          vue.createVNode(_sfc_main$11, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+          vue.createVNode(_sfc_main$$, {
             options: _ctx.options,
             "is-product-list": (_d = _ctx.isProductList) != null ? _d : false
           }, null, 8, ["options", "is-product-list"]),
@@ -26530,7 +26750,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
             id: "lupa-search-results",
             class: vue.normalizeClass(indicatorClasses.value)
           }, [
-            showFilterSidebar.value ? (vue.openBlock(), vue.createBlock(_sfc_main$M, {
+            showFilterSidebar.value ? (vue.openBlock(), vue.createBlock(_sfc_main$O, {
               key: 0,
               options: (_e = _ctx.options.filters) != null ? _e : {},
               ref_key: "searchResultsFilters",
@@ -26682,7 +26902,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
           onClick: vue.withModifiers(innerClick, ["stop"])
         }, [
           vue.createElementVNode("div", _hoisted_2$7, [
-            vue.createVNode(_sfc_main$10, {
+            vue.createVNode(_sfc_main$12, {
               options: fullSearchBoxOptions.value,
               "is-search-container": true,
               ref_key: "searchBox",
@@ -27581,7 +27801,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                     key: getProductKeyAction(index, product)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createVNode(_sfc_main$q, {
+                      vue.createVNode(_sfc_main$s, {
                         product,
                         options: _ctx.options,
                         "click-tracking-settings": clickTrackingSettings.value,
@@ -27596,7 +27816,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
               _: 1
             }, 16)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$4, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(recommendations.value, (product, index) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$q, {
+                return vue.openBlock(), vue.createBlock(_sfc_main$s, {
                   style: vue.normalizeStyle(columnSize.value),
                   key: getProductKeyAction(index, product),
                   product,
@@ -27861,7 +28081,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("a", {
               href: getLink(product)
             }, [
-              vue.createVNode(_sfc_main$B, {
+              vue.createVNode(_sfc_main$D, {
                 item: product,
                 options: image.value
               }, null, 8, ["item", "options"])
@@ -28025,7 +28245,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("section", _hoisted_1$3, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.searchResults, (product, index) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$q, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$s, {
             class: "lupa-chat-product-card",
             key: getProductKeyAction(index, product),
             product,
@@ -28356,7 +28576,7 @@ exports.DocumentElementType = DocumentElementType;
 exports.LupaSearch = LupaSearch;
 exports.ProductList = _sfc_main$c;
 exports.Recommendations = _sfc_main$a;
-exports.SearchBox = _sfc_main$10;
+exports.SearchBox = _sfc_main$12;
 exports.SearchBoxPanelType = SearchBoxPanelType;
 exports.SearchContainer = _sfc_main$b;
 exports.SearchResults = _sfc_main$e;