@getlupa/client 1.9.5 → 1.10.1

package/dist/lupaSearch.umd.js

@@ -6894,6 +6894,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     const setInitialFilters = ({ initialFilters: initialFilters2 }) => {
       searchResultInitialFilters.value = initialFilters2;
     };
+    const getQueryParamName = (param) => {
+      var _a;
+      const nameMap = searchBoxOptions.value.queryParameterNames;
+      return (_a = nameMap == null ? void 0 : nameMap[param]) != null ? _a : param;
+    };
     return {
       searchBoxOptions,
       searchResultOptions,
@@ -6908,7 +6913,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       setSearchBoxOptions,
       setTrackingOptions,
       setSearchResultOptions,
-      setInitialFilters
+      setInitialFilters,
+      getQueryParamName
     };
   });
   var DocumentElementType = /* @__PURE__ */ ((DocumentElementType2) => {
@@ -7161,9 +7167,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       return void 0;
     }
   };
-  const parseRegularKeys = (regularKeys, searchParams) => {
+  const parseRegularKeys = (regularKeys, searchParams, getQueryParamName) => {
     const params = /* @__PURE__ */ Object.create({});
-    const keys = reverseKeyValue(QUERY_PARAMS$1);
+    const keys = reverseKeyValue({
+      QUERY: getQueryParamName ? getQueryParamName(QUERY_PARAMS$1.QUERY) : QUERY_PARAMS$1.QUERY,
+      LIMIT: getQueryParamName ? getQueryParamName(QUERY_PARAMS$1.LIMIT) : QUERY_PARAMS$1.LIMIT,
+      PAGE: getQueryParamName ? getQueryParamName(QUERY_PARAMS$1.PAGE) : QUERY_PARAMS$1.PAGE,
+      SORT: getQueryParamName ? getQueryParamName(QUERY_PARAMS$1.SORT) : QUERY_PARAMS$1.SORT
+    });
     for (const key of regularKeys) {
       const rawKey = keys[key] || key;
       params[rawKey] = parseParam(key, searchParams);
@@ -7205,16 +7216,17 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     return params;
   };
-  const parseParams = (searchParams) => {
+  const parseParams = (getQueryParamName, searchParams) => {
     const params = /* @__PURE__ */ Object.create({});
     if (!searchParams)
       return params;
     const paramKeys = Array.from(searchParams.keys());
     const facetKeys = paramKeys.filter((k) => isFacetKey(k));
     const regularKeys = paramKeys.filter((k) => !isFacetKey(k));
-    return __spreadValues2(__spreadValues2({
+    const r = __spreadValues2(__spreadValues2({
       [QUERY_PARAMS_PARSED.QUERY]: ""
-    }, parseRegularKeys(regularKeys, searchParams)), parseFacetKeys(facetKeys, searchParams));
+    }, parseRegularKeys(regularKeys, searchParams, getQueryParamName)), parseFacetKeys(facetKeys, searchParams));
+    return r;
   };
   const appendParam = (url, { name, value }, encode = true) => {
     if (Array.isArray(value)) {
@@ -7235,10 +7247,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     url.searchParams.delete(param.name);
     param.value.forEach((v) => url.searchParams.append(param.name, encodeParam(v)));
   };
-  const getRemovableParams = (url, paramsToRemove) => {
+  const getRemovableParams = (url, getQueryParamName, paramsToRemove) => {
     if (paramsToRemove === "all") {
+      const params = {
+        QUERY: getQueryParamName ? getQueryParamName(QUERY_PARAMS$1.QUERY) : QUERY_PARAMS$1.QUERY,
+        LIMIT: getQueryParamName ? getQueryParamName(QUERY_PARAMS$1.LIMIT) : QUERY_PARAMS$1.LIMIT,
+        PAGE: getQueryParamName ? getQueryParamName(QUERY_PARAMS$1.PAGE) : QUERY_PARAMS$1.PAGE,
+        SORT: getQueryParamName ? getQueryParamName(QUERY_PARAMS$1.SORT) : QUERY_PARAMS$1.SORT
+      };
       return [
-        ...Object.values(QUERY_PARAMS$1),
+        ...Object.values(params),
         ...Array.from(url.searchParams.keys()).filter((k) => isFacetKey(k))
       ];
     }
@@ -7269,12 +7287,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     return link;
   };
-  const generateResultLink = (link, searchText, facet) => {
+  const generateResultLink = (link, getQueryParamName, searchText, facet) => {
     if (!searchText) {
       return link;
     }
     const facetParam = facet ? `&${FACET_PARAMS_TYPE.TERMS}${encodeParam(facet.key)}=${encodeParam(facet.title)}` : "";
-    const queryParam = `?${QUERY_PARAMS$1.QUERY}=${encodeParam(searchText)}`;
+    const queryParam = `?${getQueryParamName ? getQueryParamName(QUERY_PARAMS$1.QUERY) : QUERY_PARAMS$1.QUERY}=${encodeParam(searchText)}`;
     return `${link}${queryParam}${facetParam}`;
   };
   const getRelativePath = (link) => {
@@ -7303,8 +7321,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     event == null ? void 0 : event.preventDefault();
     emitRoutingEvent(link);
   };
-  const redirectToResultsPage = (link, searchText, facet, routingBehavior = "direct-link") => {
-    const url = generateResultLink(link, searchText, facet);
+  const redirectToResultsPage = (link, searchText, getQueryParamName, facet, routingBehavior = "direct-link") => {
+    const url = generateResultLink(link, getQueryParamName, searchText, facet);
     if (routingBehavior === "event") {
       emitRoutingEvent(url);
     } else {
@@ -7329,15 +7347,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       value
     };
   };
-  const toggleTermFilter = (appendParams, facetAction, currentFilters) => {
+  const toggleTermFilter = (appendParams, facetAction, getQueryParamName, currentFilters) => {
     const currentFilter = currentFilters == null ? void 0 : currentFilters[facetAction.key];
     const newParams = toggleTermParam(currentFilter, facetAction.value);
     appendParams({
       params: [getFacetParam(facetAction.key, newParams)],
-      paramsToRemove: [QUERY_PARAMS$1.PAGE]
+      paramsToRemove: [getQueryParamName ? getQueryParamName(QUERY_PARAMS$1.PAGE) : QUERY_PARAMS$1.PAGE]
     });
   };
-  const toggleHierarchyFilter = (appendParams, facetAction, currentFilters, removeAllLevels = false) => {
+  const toggleHierarchyFilter = (appendParams, facetAction, getQueryParamName, currentFilters, removeAllLevels = false) => {
     var _a;
     const currentFilter = currentFilters == null ? void 0 : currentFilters[facetAction.key];
     const newParams = toggleHierarchyParam(
@@ -7347,10 +7365,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     );
     appendParams({
       params: [getFacetParam(facetAction.key, newParams, FACET_PARAMS_TYPE.HIERARCHY)],
-      paramsToRemove: [QUERY_PARAMS$1.PAGE]
+      paramsToRemove: [getQueryParamName ? getQueryParamName(QUERY_PARAMS$1.PAGE) : QUERY_PARAMS$1.PAGE]
     });
   };
-  const toggleRangeFilter = (appendParams, facetAction, currentFilters) => {
+  const toggleRangeFilter = (appendParams, facetAction, getQueryParamName, currentFilters) => {
     const currentFilter = rangeFilterToString(
       currentFilters == null ? void 0 : currentFilters[facetAction.key],
       FACET_RANGE_SEPARATOR
@@ -7359,7 +7377,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     facetValue = currentFilter === facetValue ? "" : facetValue;
     appendParams({
       params: [getFacetParam(facetAction.key, facetValue, FACET_PARAMS_TYPE.RANGE)],
-      paramsToRemove: [QUERY_PARAMS$1.PAGE],
+      paramsToRemove: [getQueryParamName ? getQueryParamName(QUERY_PARAMS$1.PAGE) : QUERY_PARAMS$1.PAGE],
       encode: false
     });
   };
@@ -7488,7 +7506,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     const navigate = (url) => {
       var _a, _b, _c;
       window.history.pushState("", "Append params", url.pathname + url.search);
-      const params2 = parseParams(url.searchParams);
+      const params2 = parseParams(optionsStore.getQueryParamName, url.searchParams);
       (_c = (_b = (_a = optionsStore == null ? void 0 : optionsStore.searchBoxOptions) == null ? void 0 : _a.callbacks) == null ? void 0 : _b.onSearchResultsNavigate) == null ? void 0 : _c.call(_b, {
         params: params2
       });
@@ -7506,7 +7524,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const paramsToRemove = Array.from(url.searchParams.keys()).filter(isFacetKey);
       removeParams(url, paramsToRemove);
       navigate(url);
-      params.value = parseParams(url.searchParams);
+      params.value = parseParams(optionsStore.getQueryParamName, url.searchParams);
       searchString.value = url.search;
     };
     const removeParameters = ({
@@ -7514,13 +7532,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       save = true
     }) => {
       const url = getPageUrl();
-      paramsToRemove = getRemovableParams(url, paramsToRemove);
+      paramsToRemove = getRemovableParams(url, optionsStore.getQueryParamName, paramsToRemove);
       removeParams(url, paramsToRemove);
       navigate(url);
       if (!save) {
         return;
       }
-      params.value = parseParams(url.searchParams);
+      params.value = parseParams(optionsStore.getQueryParamName, url.searchParams);
       searchString.value = url.search;
     };
     const handleNoResultsFlag = ({
@@ -7562,13 +7580,22 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           })
         ] : [];
         appendParams({
-          params: [{ name: QUERY_PARAMS$1.QUERY, value: searchText }, ...facetParam],
+          params: [
+            { name: optionsStore.getQueryParamName(QUERY_PARAMS$1.QUERY), value: searchText },
+            ...facetParam
+          ],
           paramsToRemove: "all",
           searchResultsLink: searchResultsLink.value
         });
       } else {
         const routing = (_a = optionsStore.boxRoutingBehavior) != null ? _a : "direct-link";
-        redirectToResultsPage(searchResultsLink.value, searchText, facet, routing);
+        redirectToResultsPage(
+          searchResultsLink.value,
+          searchText,
+          optionsStore.getQueryParamName,
+          facet,
+          routing
+        );
       }
     };
     const appendParams = ({
@@ -7582,14 +7609,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return { params: params.value };
       }
       const url = getPageUrl(searchResultsLink2);
-      paramsToRemove = getRemovableParams(url, paramsToRemove);
+      paramsToRemove = getRemovableParams(url, optionsStore.getQueryParamName, paramsToRemove);
       removeParams(url, paramsToRemove);
       newParams.forEach((p2) => appendParam(url, p2, encode));
       navigate(url);
       if (!save) {
         return;
       }
-      params.value = parseParams(url.searchParams);
+      params.value = parseParams(optionsStore.getQueryParamName, url.searchParams);
       searchString.value = url.search;
     };
     const setDefaultLimit = (newDefaultLimit) => {
@@ -7840,7 +7867,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       resetHighlightIndex
     };
   });
-  const _hoisted_1$1c = { id: "lupa-search-box-input-container" };
+  const _hoisted_1$1d = { id: "lupa-search-box-input-container" };
   const _hoisted_2$P = { class: "lupa-input-clear" };
   const _hoisted_3$A = { id: "lupa-search-box-input" };
   const _hoisted_4$s = ["value"];
@@ -7930,7 +7957,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       __expose({ focus });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$1c, [
+        return openBlock(), createElementBlock("div", _hoisted_1$1d, [
           createBaseVNode("div", _hoisted_2$P, [
             createBaseVNode("div", {
               class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
@@ -8004,7 +8031,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$1b = { class: "lupa-search-box-history-item" };
+  const _hoisted_1$1c = { class: "lupa-search-box-history-item" };
   const _hoisted_2$O = { class: "lupa-search-box-history-item-content" };
   const _sfc_main$1j = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxHistoryItem",
@@ -8022,7 +8049,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         emit2("click", { query: props.item });
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$1b, [
+        return openBlock(), createElementBlock("div", _hoisted_1$1c, [
           createBaseVNode("div", _hoisted_2$O, [
             createBaseVNode("div", {
               class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
@@ -8037,7 +8064,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$1a = {
+  const _hoisted_1$1b = {
     key: 0,
     class: "lupa-search-box-history-panel"
   };
@@ -8082,7 +8109,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         }
       };
       return (_ctx, _cache) => {
-        return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1a, [
+        return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1b, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(history), (item, index) => {
             return openBlock(), createBlock(_sfc_main$1j, {
               key: item,
@@ -8100,7 +8127,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$19 = { class: "lupa-search-box-no-results" };
+  const _hoisted_1$1a = { class: "lupa-search-box-no-results" };
   const _sfc_main$1h = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxNoResults",
     props: {
@@ -8108,11 +8135,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("p", _hoisted_1$19, toDisplayString(_ctx.labels.noResults), 1);
+        return openBlock(), createElementBlock("p", _hoisted_1$1a, toDisplayString(_ctx.labels.noResults), 1);
       };
     }
   });
-  const _hoisted_1$18 = ["innerHTML"];
+  const _hoisted_1$19 = ["innerHTML"];
   const _hoisted_2$N = {
     key: 1,
     "data-cy": "lupa-suggestion-value",
@@ -8167,7 +8194,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             class: "lupa-suggestion-value",
             "data-cy": "lupa-suggestion-value",
             innerHTML: _ctx.suggestion.displayHighlight
-          }, null, 8, _hoisted_1$18)) : (openBlock(), createElementBlock("div", _hoisted_2$N, toDisplayString(_ctx.suggestion.display), 1)),
+          }, null, 8, _hoisted_1$19)) : (openBlock(), createElementBlock("div", _hoisted_2$N, toDisplayString(_ctx.suggestion.display), 1)),
           _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$z, [
             createBaseVNode("span", _hoisted_4$r, toDisplayString(facetLabel.value), 1),
             createBaseVNode("span", _hoisted_5$g, toDisplayString(_ctx.suggestion.facet.title), 1)
@@ -8176,7 +8203,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$17 = {
+  const _hoisted_1$18 = {
     id: "lupa-search-box-suggestions",
     "data-cy": "lupa-search-box-suggestions"
   };
@@ -8240,7 +8267,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         });
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$17, [
+        return openBlock(), createElementBlock("div", _hoisted_1$18, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
             return openBlock(), createBlock(_sfc_main$1g, {
               key: getSuggestionKey(item),
@@ -8324,8 +8351,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const useDynamicDataStore = defineStore("dynamicData", () => {
     const loading = ref(false);
     const dynamicDataIdMap = ref({});
+    const loadingIds = ref({});
     const optionsStore = useOptionsStore();
-    const loadedIds = computed(() => Object.keys(dynamicDataIdMap.value));
+    computed(() => Object.keys(dynamicDataIdMap.value));
     const searchResultOptions = computed(() => optionsStore.searchResultOptions);
     const searchBoxOptions = computed(() => optionsStore.searchBoxOptions);
     const dynamicSearchResultData = computed(() => {
@@ -8365,11 +8393,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const similarQueryResultIds = (_e = (_d = (_c = result.similarQueries) == null ? void 0 : _c.map((q) => q.items.map((i) => i.id))) == null ? void 0 : _d.flat()) != null ? _e : [];
       let requestedIds = [...resultIds, ...similarQueryResultIds];
       if (isCacheEnabled.value) {
-        requestedIds = requestedIds.filter((i) => !loadedIds.value.includes(i));
+        requestedIds = requestedIds.filter((i) => !dynamicDataIdMap.value[`${i}`]);
       }
       if (!requestedIds.length) {
         return;
       }
+      loadingIds.value = requestedIds.reduce((a, c2) => __spreadProps2(__spreadValues2({}, a), { [c2]: true }), {});
       loading.value = true;
       try {
         const dynamicData = dynamicSearchResultData.value || dynamicSearchBoxData.value;
@@ -8379,15 +8408,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         const dynamicDataResult = (_f = yield dynamicData == null ? void 0 : dynamicData.handler(requestedIds)) != null ? _f : [];
         const seed = {};
         const dynamicDataIdMapValue = dynamicDataResult.reduce(
-          (a, c2) => __spreadProps2(__spreadValues2({}, a), { [c2.id]: c2 }),
+          (a, c2) => __spreadProps2(__spreadValues2({}, a), { [`${c2.id}`]: c2 }),
           seed
         );
         dynamicDataIdMap.value = __spreadValues2(__spreadValues2({}, dynamicDataIdMap.value), dynamicDataIdMapValue);
       } finally {
         loading.value = false;
+        loadingIds.value = {};
       }
     });
-    return { dynamicDataIdMap, loading, enhanceSearchResultsWithDynamicData };
+    return { dynamicDataIdMap, loading, loadingIds, enhanceSearchResultsWithDynamicData };
   });
   const joinUrlParts = (...parts) => {
     var _a, _b, _c;
@@ -8396,7 +8426,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     return (_c = (_b = (_a = parts == null ? void 0 : parts.map((part) => part.replace(/(^\/+|\/+$)/g, ""))) == null ? void 0 : _a.filter((part) => part !== "")) == null ? void 0 : _b.join("/")) != null ? _c : "";
   };
-  const _hoisted_1$16 = ["src"];
+  const _hoisted_1$17 = ["src"];
   const _sfc_main$1d = /* @__PURE__ */ defineComponent({
     __name: "ProductImage",
     props: {
@@ -8450,7 +8480,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           createBaseVNode("img", mergeProps({
             class: (_b = _ctx.imageClass) != null ? _b : "",
             src: finalUrl.value
-          }, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_1$16)
+          }, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_1$17)
         ], 2);
       };
     }
@@ -8472,7 +8502,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$15 = ["innerHTML"];
+  const _hoisted_1$16 = ["innerHTML"];
   const _hoisted_2$M = {
     key: 1,
     class: "lupa-search-box-product-title"
@@ -8497,13 +8527,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           key: 0,
           class: "lupa-search-box-product-title",
           innerHTML: title.value
-        }, null, 8, _hoisted_1$15)) : (openBlock(), createElementBlock("div", _hoisted_2$M, [
+        }, null, 8, _hoisted_1$16)) : (openBlock(), createElementBlock("div", _hoisted_2$M, [
           createBaseVNode("strong", null, toDisplayString(title.value), 1)
         ]));
       };
     }
   });
-  const _hoisted_1$14 = ["innerHTML"];
+  const _hoisted_1$15 = ["innerHTML"];
   const _hoisted_2$L = {
     key: 1,
     class: "lupa-search-box-product-description"
@@ -8528,11 +8558,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           key: 0,
           class: "lupa-search-box-product-description",
           innerHTML: description.value
-        }, null, 8, _hoisted_1$14)) : (openBlock(), createElementBlock("div", _hoisted_2$L, toDisplayString(description.value), 1));
+        }, null, 8, _hoisted_1$15)) : (openBlock(), createElementBlock("div", _hoisted_2$L, toDisplayString(description.value), 1));
       };
     }
   });
-  const _hoisted_1$13 = { class: "lupa-search-box-product-price" };
+  const _hoisted_1$14 = { class: "lupa-search-box-product-price" };
   const _sfc_main$19 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductPrice",
     props: {
@@ -8551,13 +8581,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         );
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$13, [
+        return openBlock(), createElementBlock("div", _hoisted_1$14, [
           createBaseVNode("strong", null, toDisplayString(price.value), 1)
         ]);
       };
     }
   });
-  const _hoisted_1$12 = { class: "lupa-search-box-product-regular-price" };
+  const _hoisted_1$13 = { class: "lupa-search-box-product-regular-price" };
   const _sfc_main$18 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductRegularPrice",
     props: {
@@ -8576,11 +8606,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         );
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$12, toDisplayString(price.value), 1);
+        return openBlock(), createElementBlock("div", _hoisted_1$13, toDisplayString(price.value), 1);
       };
     }
   });
-  const _hoisted_1$11 = ["innerHTML"];
+  const _hoisted_1$12 = ["innerHTML"];
   const _hoisted_2$K = { key: 0 };
   const _hoisted_3$y = { key: 1 };
   const _hoisted_4$q = { class: "lupa-search-box-custom-label" };
@@ -8611,7 +8641,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           key: 0,
           class: [className.value, "lupa-search-box-product-custom"],
           innerHTML: text.value
-        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$11)) : (openBlock(), createElementBlock("div", mergeProps({
+        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$12)) : (openBlock(), createElementBlock("div", mergeProps({
           key: 1,
           class: [className.value, "lupa-search-box-product-custom"]
         }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
@@ -8623,7 +8653,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$10 = ["innerHTML"];
+  const _hoisted_1$11 = ["innerHTML"];
   const _sfc_main$16 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductCustomHtml",
     props: {
@@ -8644,7 +8674,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return openBlock(), createElementBlock("div", mergeProps({
           class: className.value,
           innerHTML: text.value
-        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$10);
+        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$11);
       };
     }
   });
@@ -8838,7 +8868,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       setLoading
     };
   });
-  const _hoisted_1$$ = { class: "lupa-search-box-add-to-cart-wrapper" };
+  const _hoisted_1$10 = { class: "lupa-search-box-add-to-cart-wrapper" };
   const _hoisted_2$J = { class: "lupa-search-box-product-addtocart" };
   const _hoisted_3$x = ["onClick", "disabled"];
   const _sfc_main$15 = /* @__PURE__ */ defineComponent({
@@ -8868,7 +8898,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         loading.value = false;
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$$, [
+        return openBlock(), createElementBlock("div", _hoisted_1$10, [
           createBaseVNode("div", _hoisted_2$J, [
             createBaseVNode("button", {
               onClick: withModifiers(handleClick, ["stop", "prevent"]),
@@ -8882,6 +8912,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
+  const _hoisted_1$$ = {
+    key: 1,
+    class: "lupa-search-box-element-badge-wrapper"
+  };
   const __default__$4 = {
     components: {
       SearchBoxProductImage: _sfc_main$1c,
@@ -8905,7 +8939,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     setup(__props) {
       const props = __props;
       const dynamicDataStore = useDynamicDataStore();
-      const { loading, dynamicDataIdMap } = storeToRefs(dynamicDataStore);
+      const { loading, loadingIds, dynamicDataIdMap } = storeToRefs(dynamicDataStore);
       const elementComponent = computed(() => {
         switch (props.element.type) {
           case DocumentElementType.IMAGE:
@@ -8930,9 +8964,6 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const displayElement = computed(() => {
         return props.element.display ? props.element.display(props.item) : true;
       });
-      const isLoadingDynamicData = computed(() => {
-        return Boolean(props.element.dynamic && loading.value);
-      });
       const enhancedItem = computed(() => {
         var _a, _b, _c, _d;
         if (!((_a = props.item) == null ? void 0 : _a.id)) {
@@ -8941,26 +8972,295 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         const enhancementData = (_d = (_c = dynamicDataIdMap.value) == null ? void 0 : _c[(_b = props.item) == null ? void 0 : _b.id]) != null ? _d : {};
         return __spreadValues2(__spreadValues2({}, props.item), enhancementData);
       });
+      const isLoadingDynamicData = (id) => {
+        return Boolean(props.element.dynamic && id && loading.value && (loadingIds == null ? void 0 : loadingIds.value[id]));
+      };
       return (_ctx, _cache) => {
-        return displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
-          key: 0,
-          item: enhancedItem.value,
-          options: _ctx.element,
-          labels: _ctx.labels,
-          class: normalizeClass({ "lupa-loading-dynamic-data": isLoadingDynamicData.value }),
-          inStock: _ctx.isInStock
-        }, null, 8, ["item", "options", "labels", "class", "inStock"])) : createCommentVNode("", true);
+        var _a, _b;
+        return !_ctx.$slots.badges ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
+            key: 0,
+            item: enhancedItem.value,
+            options: _ctx.element,
+            labels: _ctx.labels,
+            class: normalizeClass({ "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) }),
+            inStock: _ctx.isInStock
+          }, null, 8, ["item", "options", "labels", "class", "inStock"])) : createCommentVNode("", true)
+        ], 64)) : (openBlock(), createElementBlock("div", _hoisted_1$$, [
+          displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
+            key: 0,
+            item: enhancedItem.value,
+            options: _ctx.element,
+            labels: _ctx.labels,
+            class: normalizeClass({ "lupa-loading-dynamic-data": isLoadingDynamicData((_b = _ctx.item) == null ? void 0 : _b.id) }),
+            inStock: _ctx.isInStock
+          }, null, 8, ["item", "options", "labels", "class", "inStock"])) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "badges")
+        ]));
       };
     }
   }));
-  const _hoisted_1$_ = ["href"];
-  const _hoisted_2$I = { class: "lupa-search-box-product-image-section" };
-  const _hoisted_3$w = { class: "lupa-search-box-product-details-section" };
+  const _hoisted_1$_ = { class: "lupa-badge-title" };
+  const _hoisted_2$I = ["src"];
+  const _hoisted_3$w = { key: 1 };
   const _hoisted_4$p = {
     key: 0,
-    class: "lupa-search-box-product-add-to-cart-section"
+    class: "lupa-badge-full-text"
   };
   const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+    __name: "SearchResultGeneratedBadge",
+    props: {
+      options: {},
+      badge: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const image = computed(() => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = props.options.generate) == null ? void 0 : _a.image) == null ? void 0 : _b.call(_a, props.badge)) != null ? _c : "";
+      });
+      const showTitle = computed(() => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = props.options.generate) == null ? void 0 : _a.showTitle) == null ? void 0 : _b.call(_a, props.badge)) != null ? _c : true;
+      });
+      const hasAdditionalText = computed(() => {
+        var _a, _b;
+        return Boolean((_a = props.badge) == null ? void 0 : _a.additionalText) && typeof ((_b = props.badge) == null ? void 0 : _b.additionalText) === "string";
+      });
+      const hasTitleText = computed(() => {
+        var _a, _b;
+        return Boolean((_a = props.badge) == null ? void 0 : _a.titleText) && typeof ((_b = props.badge) == null ? void 0 : _b.titleText) === "string";
+      });
+      const customClassName = computed(() => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = props.options.generate) == null ? void 0 : _a.customClass) == null ? void 0 : _b.call(_a, props.badge)) != null ? _c : "";
+      });
+      return (_ctx, _cache) => {
+        return openBlock(), createElementBlock("div", {
+          class: normalizeClass(["lupa-dynamic-badge", customClassName.value]),
+          style: normalizeStyle({ background: _ctx.badge.backgroundColor, color: _ctx.badge.color })
+        }, [
+          createBaseVNode("span", _hoisted_1$_, [
+            image.value ? (openBlock(), createElementBlock("img", {
+              key: 0,
+              src: image.value
+            }, null, 8, _hoisted_2$I)) : createCommentVNode("", true),
+            hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$w, toDisplayString(_ctx.badge.titleText), 1)) : createCommentVNode("", true)
+          ]),
+          hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$p, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
+        ], 6);
+      };
+    }
+  });
+  const _hoisted_1$Z = { class: "lupa-generated-badges" };
+  const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+    __name: "SearchResultGeneratedBadges",
+    props: {
+      options: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const badgeField = computed(() => {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const fieldHasBadges = ((_a = props.options.generate) == null ? void 0 : _a.key) && ((_d = props.options.product) == null ? void 0 : _d[(_c = (_b = props.options.generate) == null ? void 0 : _b.key) != null ? _c : ""]) && Array.isArray(props.options.product[(_f = (_e = props.options.generate) == null ? void 0 : _e.key) != null ? _f : ""]);
+        return fieldHasBadges ? props.options.product[(_h = (_g = props.options.generate) == null ? void 0 : _g.key) != null ? _h : ""] : [];
+      });
+      const keyMap = computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.options.generate) == null ? void 0 : _a.keyMap) != null ? _b : {};
+      });
+      const badges = computed(() => {
+        return badgeField.value.filter((f2) => Boolean(f2)).map((f2) => ({
+          backgroundColor: keyMap.value.backgroundColor ? f2[keyMap.value.backgroundColor] : void 0,
+          color: keyMap.value.color ? f2[keyMap.value.color] : void 0,
+          titleText: keyMap.value.titleText ? f2[keyMap.value.titleText] : void 0,
+          additionalText: keyMap.value.additionalText ? f2[keyMap.value.additionalText] : void 0,
+          id: keyMap.value.id ? f2[keyMap.value.id] : void 0
+        })).filter((b) => Boolean(b.id));
+      });
+      return (_ctx, _cache) => {
+        return openBlock(), createElementBlock("div", _hoisted_1$Z, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(badges.value, (badge) => {
+            return openBlock(), createBlock(_sfc_main$13, {
+              key: badge.id,
+              badge,
+              options: _ctx.options
+            }, null, 8, ["badge", "options"]);
+          }), 128))
+        ]);
+      };
+    }
+  });
+  const _hoisted_1$Y = ["innerHTML"];
+  const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+    __name: "CustomBadge",
+    props: {
+      badge: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const text = computed(() => {
+        var _a, _b, _c;
+        return (_c = (_b = props.badge).html) == null ? void 0 : _c.call(_b, (_a = props.badge.product) != null ? _a : {});
+      });
+      const className = computed(() => {
+        var _a;
+        return (_a = props.badge.className) != null ? _a : "";
+      });
+      return (_ctx, _cache) => {
+        return openBlock(), createElementBlock("div", {
+          class: normalizeClass(className.value),
+          innerHTML: text.value
+        }, null, 10, _hoisted_1$Y);
+      };
+    }
+  });
+  const _hoisted_1$X = { class: "lupa-text-badges" };
+  const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+    __name: "TextBadge",
+    props: {
+      badge: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const badges = computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.badge) == null ? void 0 : _a.value) != null ? _b : [];
+      });
+      const displayBadges = computed(() => {
+        return badges.value.slice(0, props.badge.maxItems);
+      });
+      return (_ctx, _cache) => {
+        return openBlock(), createElementBlock("div", _hoisted_1$X, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
+            return openBlock(), createElementBlock("div", {
+              class: "lupa-badge lupa-text-badge",
+              key: item
+            }, toDisplayString(_ctx.badge.prefix) + toDisplayString(item), 1);
+          }), 128))
+        ]);
+      };
+    }
+  });
+  const _hoisted_1$W = { class: "lupa-image-badges" };
+  const _hoisted_2$H = ["src"];
+  const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+    __name: "ImageBadge",
+    props: {
+      badge: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const badges = computed(() => {
+        return props.badge.value;
+      });
+      const displayBadges = computed(() => {
+        return badges.value.slice(0, props.badge.maxItems);
+      });
+      const getImageUrl = (src) => {
+        if (!props.badge.rootImageUrl) {
+          return src;
+        }
+        return `${props.badge.rootImageUrl}${src}`;
+      };
+      return (_ctx, _cache) => {
+        return openBlock(), createElementBlock("div", _hoisted_1$W, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
+            return openBlock(), createElementBlock("div", {
+              class: "lupa-badge lupa-image-badge",
+              key: item
+            }, [
+              createBaseVNode("img", {
+                src: getImageUrl(item)
+              }, null, 8, _hoisted_2$H)
+            ]);
+          }), 128))
+        ]);
+      };
+    }
+  });
+  const _hoisted_1$V = { id: "lupa-search-results-badges" };
+  const __default__$3 = {
+    components: {
+      CustomBadge: _sfc_main$11,
+      TextBadge: _sfc_main$10,
+      ImageBadge: _sfc_main$$
+    }
+  };
+  const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$3), {
+    __name: "SearchResultsBadgeWrapper",
+    props: {
+      position: {},
+      options: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const positionValue = computed(() => {
+        var _a;
+        return (_a = props.position) != null ? _a : "card";
+      });
+      const anchorPosition = computed(() => {
+        return props.options.anchor;
+      });
+      const badges = computed(() => {
+        if (!props.options.elements) {
+          return [];
+        }
+        return props.options.elements.filter((e) => {
+          var _a;
+          return !e.display || e.display((_a = props.options.product) != null ? _a : {});
+        }).map((x) => {
+          var _a;
+          return __spreadProps2(__spreadValues2({}, x), {
+            value: ((_a = props.options.product) == null ? void 0 : _a[x.key]) || "badge",
+            product: props.options.product
+          });
+        });
+      });
+      const displayBadges = computed(() => {
+        return positionValue.value === "card" ? badges.value.filter((b) => !b.position || b.position === "card") : badges.value.filter((b) => b.position === "image");
+      });
+      const getBadgeComponent = (type) => {
+        switch (type) {
+          case BadgeType.TEXT:
+            return "TextBadge";
+          case BadgeType.IMAGE:
+            return "ImageBadge";
+          case BadgeType.CUSTOM_HTML:
+            return "CustomBadge";
+          default:
+            return "CustomBadge";
+        }
+      };
+      return (_ctx, _cache) => {
+        return openBlock(), createElementBlock("div", _hoisted_1$V, [
+          createBaseVNode("div", {
+            id: "lupa-badges",
+            class: normalizeClass(anchorPosition.value)
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (badge, index) => {
+              return openBlock(), createBlock(resolveDynamicComponent(getBadgeComponent(badge.type)), {
+                key: index,
+                badge
+              }, null, 8, ["badge"]);
+            }), 128)),
+            positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$12, {
+              key: 0,
+              options: _ctx.options
+            }, null, 8, ["options"])) : createCommentVNode("", true)
+          ], 2)
+        ]);
+      };
+    }
+  }));
+  const _hoisted_1$U = ["href"];
+  const _hoisted_2$G = { class: "lupa-search-box-product-image-section" };
+  const _hoisted_3$v = { class: "lupa-search-box-product-details-section" };
+  const _hoisted_4$o = {
+    key: 0,
+    class: "lupa-search-box-product-add-to-cart-section"
+  };
+  const _sfc_main$Z = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProduct",
     props: {
       item: {},
@@ -8977,6 +9277,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         var _a, _b;
         return generateLink((_b = (_a = props.panelOptions.links) == null ? void 0 : _a.details) != null ? _b : "", props.item);
       });
+      const badgeOptions = computed(() => {
+        return __spreadProps2(__spreadValues2({}, props.panelOptions.badges), { product: props.item });
+      });
       const imageElements = computed(() => {
         var _a, _b;
         return (_b = (_a = props.panelOptions.elements) == null ? void 0 : _a.filter((e) => e.type === DocumentElementType.IMAGE)) != null ? _b : [];
@@ -9016,7 +9319,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           "data-cy": "lupa-search-box-product",
           onClick: handleClick
         }), [
-          createBaseVNode("div", _hoisted_2$I, [
+          createBaseVNode("div", _hoisted_2$G, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
               return openBlock(), createBlock(_sfc_main$14, {
                 class: "lupa-search-box-product-element",
@@ -9028,19 +9331,31 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               }, null, 8, ["item", "element", "labels", "link"]);
             }), 128))
           ]),
-          createBaseVNode("div", _hoisted_3$w, [
+          createBaseVNode("div", _hoisted_3$v, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
+              var _a;
               return openBlock(), createBlock(_sfc_main$14, {
+                key: element.key,
                 class: "lupa-search-box-product-element",
                 item: _ctx.item,
                 element,
-                key: element.key,
                 labels: _ctx.labels,
                 link: link.value
-              }, null, 8, ["item", "element", "labels", "link"]);
+              }, createSlots({ _: 2 }, [
+                badgeOptions.value && ((_a = badgeOptions.value) == null ? void 0 : _a.anchorElementKey) === element.key ? {
+                  name: "badges",
+                  fn: withCtx(() => [
+                    createVNode(_sfc_main$_, {
+                      options: badgeOptions.value,
+                      position: "card"
+                    }, null, 8, ["options"])
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["item", "element", "labels", "link"]);
             }), 128))
           ]),
-          addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$p, [
+          addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
             createVNode(_sfc_main$14, {
               class: "lupa-search-box-product-element",
               item: _ctx.item,
@@ -9050,7 +9365,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               isInStock: isInStock.value
             }, null, 8, ["item", "element", "labels", "link", "isInStock"])
           ])) : createCommentVNode("", true)
-        ], 16, _hoisted_1$_);
+        ], 16, _hoisted_1$U);
       };
     }
   });
@@ -9111,8 +9426,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     };
     return { trackSearch, trackResults, trackEvent };
   });
-  const _hoisted_1$Z = { id: "lupa-search-box-products" };
-  const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$T = { id: "lupa-search-box-products" };
+  const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProducts",
     props: {
       items: {},
@@ -9173,7 +9488,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         handleRoutingEvent(link, event, boxRoutingBehavior.value === "event");
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$Z, [
+        return openBlock(), createElementBlock("div", _hoisted_1$T, [
           _ctx.$slots.productCard ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.items, (item, index) => {
             return renderSlot(_ctx.$slots, "productCard", {
               key: index,
@@ -9185,7 +9500,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               itemClicked: handleProductClick
             });
           }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.items, (item, index) => {
-            return openBlock(), createBlock(_sfc_main$13, {
+            return openBlock(), createBlock(_sfc_main$Z, {
               key: index,
               item,
               panelOptions: _ctx.panelOptions,
@@ -9199,7 +9514,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+  const _sfc_main$X = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductsWrapper",
     props: {
       panel: {},
@@ -9251,7 +9566,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const getItemsDebounced = debounce$1(getItems, props.debounce);
       return (_ctx, _cache) => {
         var _a, _b;
-        return openBlock(), createBlock(_sfc_main$12, {
+        return openBlock(), createBlock(_sfc_main$Y, {
           items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
           panelOptions: _ctx.panel,
           labels: _ctx.labels,
@@ -9269,7 +9584,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+  const _sfc_main$W = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxRelatedSourceWrapper",
     props: {
       panel: {},
@@ -9341,7 +9656,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       });
       return (_ctx, _cache) => {
         var _a, _b;
-        return openBlock(), createBlock(_sfc_main$12, {
+        return openBlock(), createBlock(_sfc_main$Y, {
           items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
           panelOptions: documentPanelOptions.value,
           labels: _ctx.labels,
@@ -9359,16 +9674,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$Y = {
+  const _hoisted_1$S = {
     key: 0,
     id: "lupa-search-box-panel"
   };
-  const _hoisted_2$H = ["data-cy"];
-  const _hoisted_3$v = {
+  const _hoisted_2$F = ["data-cy"];
+  const _hoisted_3$u = {
     key: 0,
     class: "lupa-panel-title lupa-panel-title-top-results"
   };
-  const _hoisted_4$o = {
+  const _hoisted_4$n = {
     key: 1,
     class: "lupa-panel-title"
   };
@@ -9376,14 +9691,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 1,
     id: "lupa-search-box-panel"
   };
-  const __default__$3 = {
+  const __default__$2 = {
     components: {
       SearchBoxSuggestionsWrapper: _sfc_main$1e,
-      SearchBoxProductsWrapper: _sfc_main$11,
-      SearchBoxRelatedSourceWrapper: _sfc_main$10
+      SearchBoxProductsWrapper: _sfc_main$X,
+      SearchBoxRelatedSourceWrapper: _sfc_main$W
     }
   };
-  const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$3), {
+  const _sfc_main$V = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$2), {
     __name: "SearchBoxMainPanel",
     props: {
       options: {},
@@ -9529,7 +9844,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           ref_key: "panelContainer",
           ref: panelContainer
         }, [
-          displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$Y, [
+          displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$S, [
             labels.value.closePanel ? (openBlock(), createElementBlock("a", {
               key: 0,
               class: "lupa-search-box-close-panel",
@@ -9550,8 +9865,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   ]),
                   "data-cy": "lupa-panel-" + panel.type + "-index"
                 }, [
-                  ((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$v, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
-                  ((_c = panel.labels) == null ? void 0 : _c.title) && showPanelTitle(panel) ? (openBlock(), createElementBlock("div", _hoisted_4$o, toDisplayString((_d = panel.labels) == null ? void 0 : _d.title), 1)) : createCommentVNode("", true),
+                  ((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$u, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
+                  ((_c = panel.labels) == null ? void 0 : _c.title) && showPanelTitle(panel) ? (openBlock(), createElementBlock("div", _hoisted_4$n, toDisplayString((_d = panel.labels) == null ? void 0 : _d.title), 1)) : createCommentVNode("", true),
                   panel.queryKey && canShowPanel(panel) ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(panel.type)), {
                     key: 2,
                     panel,
@@ -9571,7 +9886,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                       key: "0"
                     } : void 0
                   ]), 1064, ["panel", "options", "debounce", "inputValue", "labels"])) : createCommentVNode("", true)
-                ], 10, _hoisted_2$H);
+                ], 10, _hoisted_2$F);
               }), 128))
             ], 4),
             !unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1h, {
@@ -9610,9 +9925,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     const elements = getElements(triggers);
     elements.forEach((e) => e == null ? void 0 : e.removeEventListener(BIND_EVENT, event));
   };
-  const _hoisted_1$X = { id: "lupa-search-box" };
-  const _hoisted_2$G = { class: "lupa-search-box-wrapper" };
-  const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$R = { id: "lupa-search-box" };
+  const _hoisted_2$E = { class: "lupa-search-box-wrapper" };
+  const _sfc_main$U = /* @__PURE__ */ defineComponent({
     __name: "SearchBox",
     props: {
       options: {},
@@ -9857,8 +10172,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       return (_ctx, _cache) => {
         var _a2;
-        return openBlock(), createElementBlock("div", _hoisted_1$X, [
-          createBaseVNode("div", _hoisted_2$G, [
+        return openBlock(), createElementBlock("div", _hoisted_1$R, [
+          createBaseVNode("div", _hoisted_2$E, [
             createVNode(_sfc_main$1l, {
               options: inputOptions.value,
               suggestedValue: suggestedValue.value,
@@ -9870,7 +10185,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               onFocus: _cache[0] || (_cache[0] = ($event) => opened.value = true),
               onClose: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
             }, null, 8, ["options", "suggestedValue", "can-close", "emit-input-on-focus"]),
-            opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$$, {
+            opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$V, {
               key: 0,
               options: panelOptions.value,
               inputValue: inputValue.value,
@@ -9958,20 +10273,20 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     return searchParams;
   };
-  const _hoisted_1$W = {
+  const _hoisted_1$Q = {
     key: 0,
     id: "lupa-search-results-did-you-mean"
   };
-  const _hoisted_2$F = {
+  const _hoisted_2$D = {
     key: 0,
     "data-cy": "suggested-search-text-label"
   };
-  const _hoisted_3$u = {
+  const _hoisted_3$t = {
     key: 1,
     "data-cy": "did-you-mean-label"
   };
-  const _hoisted_4$n = { key: 1 };
-  const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+  const _hoisted_4$m = { key: 1 };
+  const _sfc_main$T = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsDidYouMean",
     props: {
       labels: {}
@@ -10003,8 +10318,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         paramStore.goToResults({ searchText, facet });
       };
       return (_ctx, _cache) => {
-        return unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_1$W, [
-          unref(searchResult).suggestedSearchText ? (openBlock(), createElementBlock("div", _hoisted_2$F, [
+        return unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_1$Q, [
+          unref(searchResult).suggestedSearchText ? (openBlock(), createElementBlock("div", _hoisted_2$D, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.labels.noResultsSuggestion.split(" "), (label, index) => {
               return openBlock(), createElementBlock("span", { key: index }, [
                 createBaseVNode("span", {
@@ -10013,7 +10328,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               ]);
             }), 128))
           ])) : createCommentVNode("", true),
-          didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$u, [
+          didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$t, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.labels.didYouMean.split(" "), (label, index) => {
               return openBlock(), createElementBlock("span", { key: index }, [
                 label.includes("{1}") ? (openBlock(), createElementBlock("span", {
@@ -10021,7 +10336,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   class: "lupa-did-you-mean lupa-highlighted-search-text",
                   "data-cy": "did-you-mean-value",
                   onClick: _cache[0] || (_cache[0] = ($event) => goToResults({ searchText: didYouMeanValue.value }))
-                }, toDisplayString(didYouMeanValue.value) + " ", 1)) : (openBlock(), createElementBlock("span", _hoisted_4$n, toDisplayString(label) + " ", 1))
+                }, toDisplayString(didYouMeanValue.value) + " ", 1)) : (openBlock(), createElementBlock("span", _hoisted_4$m, toDisplayString(label) + " ", 1))
               ]);
             }), 128))
           ])) : createCommentVNode("", true)
@@ -10029,12 +10344,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$V = {
+  const _hoisted_1$P = {
     key: 0,
     class: "lupa-search-results-summary"
   };
-  const _hoisted_2$E = ["innerHTML"];
-  const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+  const _hoisted_2$C = ["innerHTML"];
+  const _sfc_main$S = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsSummary",
     props: {
       label: {},
@@ -10049,8 +10364,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return addParamsToLabel(props.label, range, `<span>${totalItems.value}</span>`);
       });
       return (_ctx, _cache) => {
-        return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$V, [
-          createBaseVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$E),
+        return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$P, [
+          createBaseVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$C),
           _ctx.clearable ? (openBlock(), createElementBlock("span", {
             key: 0,
             class: "lupa-filter-clear",
@@ -10061,18 +10376,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$U = {
+  const _hoisted_1$O = {
     key: 0,
     class: "lupa-result-page-title",
     "data-cy": "lupa-result-page-title"
   };
-  const _hoisted_2$D = { key: 0 };
-  const _hoisted_3$t = {
+  const _hoisted_2$B = { key: 0 };
+  const _hoisted_3$s = {
     key: 1,
     class: "lupa-results-total-count"
   };
-  const _hoisted_4$m = ["innerHTML"];
-  const _sfc_main$X = /* @__PURE__ */ defineComponent({
+  const _hoisted_4$l = ["innerHTML"];
+  const _sfc_main$R = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsTitle",
     props: {
       options: {},
@@ -10107,12 +10422,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       });
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", null, [
-          showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$U, [
+          showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$O, [
             createTextVNode(toDisplayString(_ctx.options.labels.searchResults), 1),
-            queryText.value ? (openBlock(), createElementBlock("span", _hoisted_2$D, "'" + toDisplayString(queryText.value) + "'", 1)) : createCommentVNode("", true),
-            showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$t, "(" + toDisplayString(unref(totalItems)) + ")", 1)) : createCommentVNode("", true)
+            queryText.value ? (openBlock(), createElementBlock("span", _hoisted_2$B, "'" + toDisplayString(queryText.value) + "'", 1)) : createCommentVNode("", true),
+            showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$s, "(" + toDisplayString(unref(totalItems)) + ")", 1)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
-          _ctx.showSummary ? (openBlock(), createBlock(_sfc_main$Y, {
+          _ctx.showSummary ? (openBlock(), createBlock(_sfc_main$S, {
             key: 1,
             label: summaryLabel.value
           }, null, 8, ["label"])) : createCommentVNode("", true),
@@ -10120,21 +10435,21 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             key: 2,
             class: "lupa-result-page-description-top",
             innerHTML: descriptionTop.value
-          }, null, 8, _hoisted_4$m)) : createCommentVNode("", true)
+          }, null, 8, _hoisted_4$l)) : createCommentVNode("", true)
         ]);
       };
     }
   });
-  const _hoisted_1$T = { class: "lupa-search-result-filter-value" };
-  const _hoisted_2$C = {
+  const _hoisted_1$N = { class: "lupa-search-result-filter-value" };
+  const _hoisted_2$A = {
     class: "lupa-current-filter-label",
     "data-cy": "lupa-current-filter-label"
   };
-  const _hoisted_3$s = {
+  const _hoisted_3$r = {
     class: "lupa-current-filter-value",
     "data-cy": "lupa-current-filter-value"
   };
-  const _sfc_main$W = /* @__PURE__ */ defineComponent({
+  const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     __name: "CurrentFilterDisplay",
     props: {
       filter: {}
@@ -10146,28 +10461,28 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         emit2("remove", { filter: props.filter });
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$T, [
+        return openBlock(), createElementBlock("div", _hoisted_1$N, [
           createBaseVNode("div", {
             class: "lupa-current-filter-action",
             onClick: handleClick
           }, "⨉"),
-          createBaseVNode("div", _hoisted_2$C, toDisplayString(_ctx.filter.label) + ": ", 1),
-          createBaseVNode("div", _hoisted_3$s, toDisplayString(_ctx.filter.value), 1)
+          createBaseVNode("div", _hoisted_2$A, toDisplayString(_ctx.filter.label) + ": ", 1),
+          createBaseVNode("div", _hoisted_3$r, toDisplayString(_ctx.filter.value), 1)
         ]);
       };
     }
   });
-  const _hoisted_1$S = { class: "lupa-filter-title-text" };
-  const _hoisted_2$B = {
+  const _hoisted_1$M = { class: "lupa-filter-title-text" };
+  const _hoisted_2$z = {
     key: 0,
     class: "lupa-filter-count"
   };
-  const _hoisted_3$r = {
+  const _hoisted_3$q = {
     key: 0,
     class: "filter-values"
   };
-  const _hoisted_4$l = { class: "lupa-current-filter-list" };
-  const _sfc_main$V = /* @__PURE__ */ defineComponent({
+  const _hoisted_4$k = { class: "lupa-current-filter-list" };
+  const _sfc_main$P = /* @__PURE__ */ defineComponent({
     __name: "CurrentFilters",
     props: {
       options: {},
@@ -10176,6 +10491,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     setup(__props) {
       const isOpen = ref(false);
       const paramsStore = useParamsStore();
+      const optionStore = useOptionsStore();
       const searchResultStore = useSearchResultStore();
       const { filters, displayFilters, currentFilterCount } = storeToRefs(searchResultStore);
       const currentFilters = computed(() => filters.value);
@@ -10193,6 +10509,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               // TODO: Fix any
               paramsStore.appendParams,
               { type: "terms", value: filter.value, key: filter.key },
+              optionStore.getQueryParamName,
               currentFilters.value
             );
             break;
@@ -10200,13 +10517,17 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             toggleHierarchyFilter(
               paramsStore.appendParams,
               { type: "hierarchy", value: filter.value, key: filter.key },
+              optionStore.getQueryParamName,
               currentFilters.value,
               true
             );
             break;
           case "range":
             paramsStore.removeParameters({
-              paramsToRemove: [QUERY_PARAMS$1.PAGE, `${FACET_PARAMS_TYPE.RANGE}${filter.key}`]
+              paramsToRemove: [
+                optionStore.getQueryParamName(QUERY_PARAMS$1.PAGE),
+                `${FACET_PARAMS_TYPE.RANGE}${filter.key}`
+              ]
             });
             break;
         }
@@ -10222,19 +10543,19 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             class: "lupa-current-filter-title",
             onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
           }, [
-            createBaseVNode("div", _hoisted_1$S, [
+            createBaseVNode("div", _hoisted_1$M, [
               createTextVNode(toDisplayString((_c = (_b = (_a = _ctx.options) == null ? void 0 : _a.labels) == null ? void 0 : _b.title) != null ? _c : "") + " ", 1),
-              _ctx.expandable ? (openBlock(), createElementBlock("span", _hoisted_2$B, " (" + toDisplayString(unref(currentFilterCount)) + ") ", 1)) : createCommentVNode("", true)
+              _ctx.expandable ? (openBlock(), createElementBlock("span", _hoisted_2$z, " (" + toDisplayString(unref(currentFilterCount)) + ") ", 1)) : createCommentVNode("", true)
             ]),
             _ctx.expandable ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: normalizeClass(["lupa-filter-title-caret", isOpen.value && "open"])
             }, null, 2)) : createCommentVNode("", true)
           ]),
-          !_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$r, [
-            createBaseVNode("div", _hoisted_4$l, [
+          !_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$q, [
+            createBaseVNode("div", _hoisted_4$k, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(displayFilters), (filter) => {
-                return openBlock(), createBlock(_sfc_main$W, {
+                return openBlock(), createBlock(_sfc_main$Q, {
                   key: filter.key + "_" + filter.value,
                   filter,
                   onRemove: handleRemove
@@ -10251,8 +10572,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$R = ["href"];
-  const _sfc_main$U = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$L = ["href"];
+  const _sfc_main$O = /* @__PURE__ */ defineComponent({
     __name: "CategoryFilterItem",
     props: {
       options: {},
@@ -10289,20 +10610,20 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             "data-cy": "lupa-child-category-item",
             href: urlLink.value,
             onClick: handleNavigation
-          }, toDisplayString(title.value), 9, _hoisted_1$R)
+          }, toDisplayString(title.value), 9, _hoisted_1$L)
         ], 2);
       };
     }
   });
-  const _hoisted_1$Q = {
+  const _hoisted_1$K = {
     class: "lupa-category-filter",
     "data-cy": "lupa-category-filter"
   };
-  const _hoisted_2$A = { class: "lupa-category-back" };
-  const _hoisted_3$q = ["href"];
-  const _hoisted_4$k = ["href"];
+  const _hoisted_2$y = { class: "lupa-category-back" };
+  const _hoisted_3$p = ["href"];
+  const _hoisted_4$j = ["href"];
   const _hoisted_5$d = { class: "lupa-child-category-list" };
-  const _sfc_main$T = /* @__PURE__ */ defineComponent({
+  const _sfc_main$N = /* @__PURE__ */ defineComponent({
     __name: "CategoryFilter",
     props: {
       options: {}
@@ -10388,14 +10709,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$Q, [
-          createBaseVNode("div", _hoisted_2$A, [
+        return openBlock(), createElementBlock("div", _hoisted_1$K, [
+          createBaseVNode("div", _hoisted_2$y, [
             hasBackButton.value ? (openBlock(), createElementBlock("a", {
               key: 0,
               "data-cy": "lupa-category-back",
               href: backUrlLink.value,
               onClick: handleNavigationBack
-            }, toDisplayString(backTitle.value), 9, _hoisted_3$q)) : createCommentVNode("", true)
+            }, toDisplayString(backTitle.value), 9, _hoisted_3$p)) : createCommentVNode("", true)
           ]),
           createBaseVNode("div", {
             class: normalizeClass(["lupa-current-category", { "lupa-current-category-active": isActive }])
@@ -10405,11 +10726,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               href: parentUrlLink.value,
               class: normalizeClass({ "lupa-title-category": !hasBackButton.value }),
               onClick: handleNavigationParent
-            }, toDisplayString(parentTitle.value), 11, _hoisted_4$k)
+            }, toDisplayString(parentTitle.value), 11, _hoisted_4$j)
           ], 2),
           createBaseVNode("div", _hoisted_5$d, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(categoryChildren.value, (child) => {
-              return openBlock(), createBlock(_sfc_main$U, {
+              return openBlock(), createBlock(_sfc_main$O, {
                 key: getCategoryKey(child),
                 item: child,
                 options: _ctx.options
@@ -10420,13 +10741,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$P = {
+  const _hoisted_1$J = {
     class: "lupa-search-result-facet-term-values",
     "data-cy": "lupa-search-result-facet-term-values"
   };
-  const _hoisted_2$z = ["placeholder"];
-  const _hoisted_3$p = { class: "lupa-terms-list" };
-  const _hoisted_4$j = ["onClick"];
+  const _hoisted_2$x = ["placeholder"];
+  const _hoisted_3$o = { class: "lupa-terms-list" };
+  const _hoisted_4$i = ["onClick"];
   const _hoisted_5$c = { class: "lupa-term-checkbox-wrapper" };
   const _hoisted_6$8 = { class: "lupa-term-checkbox-label" };
   const _hoisted_7$6 = { class: "lupa-term-label" };
@@ -10436,7 +10757,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   };
   const _hoisted_9$1 = { key: 0 };
   const _hoisted_10$1 = { key: 1 };
-  const _sfc_main$S = /* @__PURE__ */ defineComponent({
+  const _sfc_main$M = /* @__PURE__ */ defineComponent({
     __name: "TermFacet",
     props: {
       options: {},
@@ -10505,17 +10826,17 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return selectedItems == null ? void 0 : selectedItems.includes((_b = item.title) == null ? void 0 : _b.toString());
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$P, [
+        return openBlock(), createElementBlock("div", _hoisted_1$J, [
           isFilterable.value ? withDirectives((openBlock(), createElementBlock("input", {
             key: 0,
             class: "lupa-term-filter",
             "data-cy": "lupa-term-filter",
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => termFilter.value = $event),
             placeholder: _ctx.options.labels.facetFilter
-          }, null, 8, _hoisted_2$z)), [
+          }, null, 8, _hoisted_2$x)), [
             [vModelText, termFilter.value]
           ]) : createCommentVNode("", true),
-          createBaseVNode("div", _hoisted_3$p, [
+          createBaseVNode("div", _hoisted_3$o, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(displayValues.value, (item) => {
               return openBlock(), createElementBlock("div", {
                 class: normalizeClass(["lupa-facet-term", { checked: isChecked(item) }]),
@@ -10532,7 +10853,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   createBaseVNode("span", _hoisted_7$6, toDisplayString(item.title), 1),
                   _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_8$1, "(" + toDisplayString(item.count) + ")", 1)) : createCommentVNode("", true)
                 ])
-              ], 10, _hoisted_4$j);
+              ], 10, _hoisted_4$i);
             }), 128))
           ]),
           displayShowMore.value ? (openBlock(), createElementBlock("div", {
@@ -11523,16 +11844,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   m.render = function(e, t, r, i, n, o) {
     return openBlock(), createElementBlock("div", mergeProps(e.sliderProps, { ref: "slider" }), null, 16);
   }, m.__file = "src/Slider.vue";
-  const _hoisted_1$O = { class: "lupa-search-result-facet-stats-values" };
-  const _hoisted_2$y = {
+  const _hoisted_1$I = { class: "lupa-search-result-facet-stats-values" };
+  const _hoisted_2$w = {
     key: 0,
     class: "lupa-stats-facet-summary"
   };
-  const _hoisted_3$o = {
+  const _hoisted_3$n = {
     key: 1,
     class: "lupa-stats-facet-summary-input"
   };
-  const _hoisted_4$i = {
+  const _hoisted_4$h = {
     key: 0,
     class: "lupa-stats-range-label"
   };
@@ -11551,7 +11872,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 2,
     class: "lupa-stats-slider-wrapper"
   };
-  const _sfc_main$R = /* @__PURE__ */ defineComponent({
+  const _sfc_main$L = /* @__PURE__ */ defineComponent({
     __name: "StatsFacet",
     props: {
       options: {},
@@ -11720,10 +12041,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         innerSliderRange.value = value;
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$O, [
-          !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$y, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$o, [
+        return openBlock(), createElementBlock("div", _hoisted_1$I, [
+          !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$w, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$n, [
             createBaseVNode("div", null, [
-              rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$i, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
+              rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$h, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
               createBaseVNode("div", _hoisted_5$b, [
                 withDirectives(createBaseVNode("input", {
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
@@ -11787,10 +12108,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$N = { class: "lupa-term-checkbox-wrapper" };
-  const _hoisted_2$x = { class: "lupa-term-checkbox-label" };
-  const _hoisted_3$n = { class: "lupa-term-label" };
-  const _hoisted_4$h = {
+  const _hoisted_1$H = { class: "lupa-term-checkbox-wrapper" };
+  const _hoisted_2$v = { class: "lupa-term-checkbox-label" };
+  const _hoisted_3$m = { class: "lupa-term-label" };
+  const _hoisted_4$g = {
     key: 0,
     class: "lupa-term-count"
   };
@@ -11798,7 +12119,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 0,
     class: "lupa-facet-level"
   };
-  const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+  const _sfc_main$K = /* @__PURE__ */ defineComponent({
     __name: "HierarchyFacetLevel",
     props: {
       options: {},
@@ -11844,14 +12165,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             "data-cy": "lupa-facet-term",
             onClick: _cache[0] || (_cache[0] = ($event) => handleFacetClick(_ctx.item))
           }, [
-            createBaseVNode("div", _hoisted_1$N, [
+            createBaseVNode("div", _hoisted_1$H, [
               createBaseVNode("span", {
                 class: normalizeClass(["lupa-term-checkbox", { checked: isChecked.value }])
               }, null, 2)
             ]),
-            createBaseVNode("div", _hoisted_2$x, [
-              createBaseVNode("span", _hoisted_3$n, toDisplayString(_ctx.item.title) + toDisplayString(" "), 1),
-              _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_4$h, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
+            createBaseVNode("div", _hoisted_2$v, [
+              createBaseVNode("span", _hoisted_3$m, toDisplayString(_ctx.item.title) + toDisplayString(" "), 1),
+              _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_4$g, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
             ])
           ]),
           showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_5$a, [
@@ -11870,13 +12191,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$M = {
+  const _hoisted_1$G = {
     class: "lupa-search-result-facet-term-values lupa-search-result-facet-hierarchy-values",
     "data-cy": "lupa-search-result-facet-term-values"
   };
-  const _hoisted_2$w = { key: 0 };
-  const _hoisted_3$m = ["placeholder"];
-  const _sfc_main$P = /* @__PURE__ */ defineComponent({
+  const _hoisted_2$u = { key: 0 };
+  const _hoisted_3$l = ["placeholder"];
+  const _sfc_main$J = /* @__PURE__ */ defineComponent({
     __name: "HierarchyFacet",
     props: {
       options: {},
@@ -11926,19 +12247,19 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         showAll.value = true;
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$M, [
-          isFilterable.value ? (openBlock(), createElementBlock("div", _hoisted_2$w, [
+        return openBlock(), createElementBlock("div", _hoisted_1$G, [
+          isFilterable.value ? (openBlock(), createElementBlock("div", _hoisted_2$u, [
             withDirectives(createBaseVNode("input", {
               class: "lupa-term-filter",
               "data-cy": "lupa-term-filter",
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => termFilter.value = $event),
               placeholder: _ctx.options.labels.facetFilter
-            }, null, 8, _hoisted_3$m), [
+            }, null, 8, _hoisted_3$l), [
               [vModelText, termFilter.value]
             ])
           ])) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment, null, renderList(displayValues.value, (item) => {
-            return openBlock(), createBlock(_sfc_main$Q, {
+            return openBlock(), createBlock(_sfc_main$K, {
               key: item.title,
               options: _ctx.options,
               item,
@@ -11958,20 +12279,20 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$L = { class: "lupa-facet-label-text" };
-  const _hoisted_2$v = {
+  const _hoisted_1$F = { class: "lupa-facet-label-text" };
+  const _hoisted_2$t = {
     key: 0,
     class: "lupa-facet-content",
     "data-cy": "lupa-facet-content"
   };
-  const __default__$2 = {
+  const __default__$1 = {
     components: {
-      TermFacet: _sfc_main$S,
-      StatsFacet: _sfc_main$R,
-      HierarchyFacet: _sfc_main$P
+      TermFacet: _sfc_main$M,
+      StatsFacet: _sfc_main$L,
+      HierarchyFacet: _sfc_main$J
     }
   };
-  const _sfc_main$O = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$2), {
+  const _sfc_main$I = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$1), {
     __name: "FacetDisplay",
     props: {
       options: {},
@@ -12083,12 +12404,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             "data-cy": "lupa-search-result-facet-label",
             onClick: toggleFacet
           }, [
-            createBaseVNode("div", _hoisted_1$L, toDisplayString(facet.value.label), 1),
+            createBaseVNode("div", _hoisted_1$F, toDisplayString(facet.value.label), 1),
             createBaseVNode("div", {
               class: normalizeClass(["lupa-facet-label-caret", isOpen.value && "open"])
             }, null, 2)
           ], 2),
-          isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_2$v, [
+          isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_2$t, [
             (openBlock(), createBlock(resolveDynamicComponent(facetType.value), {
               facet: facet.value,
               currentFilters: currentFilters.value[facet.value.key],
@@ -12106,12 +12427,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   }));
-  const _hoisted_1$K = { class: "lupa-search-result-facet-section" };
-  const _hoisted_2$u = {
+  const _hoisted_1$E = { class: "lupa-search-result-facet-section" };
+  const _hoisted_2$s = {
     key: 0,
     class: "lupa-facets-title"
   };
-  const _sfc_main$N = /* @__PURE__ */ defineComponent({
+  const _sfc_main$H = /* @__PURE__ */ defineComponent({
     __name: "FacetList",
     props: {
       options: {},
@@ -12145,14 +12466,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       return (_ctx, _cache) => {
         var _a;
-        return openBlock(), createElementBlock("div", _hoisted_1$K, [
-          _ctx.options.labels.title ? (openBlock(), createElementBlock("div", _hoisted_2$u, toDisplayString(_ctx.options.labels.title), 1)) : createCommentVNode("", true),
+        return openBlock(), createElementBlock("div", _hoisted_1$E, [
+          _ctx.options.labels.title ? (openBlock(), createElementBlock("div", _hoisted_2$s, toDisplayString(_ctx.options.labels.title), 1)) : createCommentVNode("", true),
           createBaseVNode("div", {
             class: normalizeClass(["lupa-search-result-facet-list", "lupa-" + ((_a = _ctx.facetStyle) != null ? _a : "")])
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(displayFacets.value, (facet) => {
               var _a2;
-              return openBlock(), createBlock(_sfc_main$O, {
+              return openBlock(), createBlock(_sfc_main$I, {
                 key: facet.key,
                 facet,
                 currentFilters: currentFiltersValue.value,
@@ -12167,8 +12488,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$J = { class: "lupa-search-result-facets" };
-  const _sfc_main$M = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$D = { class: "lupa-search-result-facets" };
+  const _sfc_main$G = /* @__PURE__ */ defineComponent({
     __name: "Facets",
     props: {
       options: {},
@@ -12208,13 +12529,28 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const handleFacetSelect = (facetAction) => {
         switch (facetAction.type) {
           case "terms":
-            toggleTermFilter(paramStore.appendParams, facetAction, filters.value);
+            toggleTermFilter(
+              paramStore.appendParams,
+              facetAction,
+              optionsStore.getQueryParamName,
+              filters.value
+            );
             break;
           case "range":
-            toggleRangeFilter(paramStore.appendParams, facetAction, filters.value);
+            toggleRangeFilter(
+              paramStore.appendParams,
+              facetAction,
+              optionsStore.getQueryParamName,
+              filters.value
+            );
             break;
           case "hierarchy":
-            toggleHierarchyFilter(paramStore.appendParams, facetAction, filters.value);
+            toggleHierarchyFilter(
+              paramStore.appendParams,
+              facetAction,
+              optionsStore.getQueryParamName,
+              filters.value
+            );
             break;
         }
         if (scrollToResultsOptions.value.enabled) {
@@ -12229,8 +12565,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         paramStore.removeParameters({ paramsToRemove: [param] });
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$J, [
-          regularFacets.value ? (openBlock(), createBlock(_sfc_main$N, {
+        return openBlock(), createElementBlock("div", _hoisted_1$D, [
+          regularFacets.value ? (openBlock(), createBlock(_sfc_main$H, {
             key: 0,
             options: _ctx.options,
             facets: regularFacets.value,
@@ -12244,11 +12580,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$I = {
+  const _hoisted_1$C = {
     id: "lupa-search-result-filters",
     class: "lupa-search-result-filters"
   };
-  const _sfc_main$L = /* @__PURE__ */ defineComponent({
+  const _sfc_main$F = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsFilters",
     props: {
       options: {},
@@ -12277,19 +12613,19 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
         var _a;
-        return openBlock(), createElementBlock("div", _hoisted_1$I, [
-          showCurrentFilters.value ? (openBlock(), createBlock(_sfc_main$V, {
+        return openBlock(), createElementBlock("div", _hoisted_1$C, [
+          showCurrentFilters.value ? (openBlock(), createBlock(_sfc_main$P, {
             key: 0,
             options: _ctx.options.currentFilters,
             expandable: (_a = _ctx.expandable) != null ? _a : false
           }, null, 8, ["options", "expandable"])) : createCommentVNode("", true),
-          _ctx.options.categories ? (openBlock(), createBlock(_sfc_main$T, {
+          _ctx.options.categories ? (openBlock(), createBlock(_sfc_main$N, {
             key: 1,
             options: _ctx.options.categories,
             ref_key: "categoryFilters",
             ref: categoryFilters
           }, null, 8, ["options"])) : createCommentVNode("", true),
-          _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$M, {
+          _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$G, {
             key: 2,
             options: _ctx.options.facets
           }, null, 8, ["options"])) : createCommentVNode("", true)
@@ -12297,20 +12633,20 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$H = {
+  const _hoisted_1$B = {
     key: 0,
     class: "lupa-mobile-filter-sidebar"
   };
-  const _hoisted_2$t = ["onClick"];
-  const _hoisted_3$l = { class: "lupa-mobile-sidebar-content" };
-  const _hoisted_4$g = { class: "lupa-sidebar-top" };
+  const _hoisted_2$r = ["onClick"];
+  const _hoisted_3$k = { class: "lupa-mobile-sidebar-content" };
+  const _hoisted_4$f = { class: "lupa-sidebar-top" };
   const _hoisted_5$9 = { 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$K = /* @__PURE__ */ defineComponent({
+  const _sfc_main$E = /* @__PURE__ */ defineComponent({
     __name: "MobileFilterSidebar",
     props: {
       options: {}
@@ -12336,13 +12672,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         searchResultStore.setSidebarState({ visible: false });
       };
       return (_ctx, _cache) => {
-        return isMobileSidebarVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$H, [
+        return isMobileSidebarVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$B, [
           createBaseVNode("div", {
             class: "lupa-sidebar-close",
             onClick: withModifiers(handleMobileToggle, ["stop"])
-          }, null, 8, _hoisted_2$t),
-          createBaseVNode("div", _hoisted_3$l, [
-            createBaseVNode("div", _hoisted_4$g, [
+          }, null, 8, _hoisted_2$r),
+          createBaseVNode("div", _hoisted_3$k, [
+            createBaseVNode("div", _hoisted_4$f, [
               createBaseVNode("div", _hoisted_5$9, [
                 createTextVNode(toDisplayString(sidebarTitle.value) + " ", 1),
                 isFilterCountVisible.value ? (openBlock(), createElementBlock("span", _hoisted_6$6, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
@@ -12353,7 +12689,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               })
             ]),
             createBaseVNode("div", _hoisted_7$4, [
-              createVNode(_sfc_main$L, {
+              createVNode(_sfc_main$F, {
                 options: _ctx.options,
                 expandable: isActiveFiltersExpanded.value
               }, null, 8, ["options", "expandable"])
@@ -12363,14 +12699,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$G = { id: "lupa-search-results-breadcrumbs" };
-  const _hoisted_2$s = ["href", "onClick"];
-  const _hoisted_3$k = {
+  const _hoisted_1$A = { id: "lupa-search-results-breadcrumbs" };
+  const _hoisted_2$q = ["href", "onClick"];
+  const _hoisted_3$j = {
     key: 1,
     class: "lupa-search-results-breadcrumb-text"
   };
-  const _hoisted_4$f = { key: 2 };
-  const _sfc_main$J = /* @__PURE__ */ defineComponent({
+  const _hoisted_4$e = { key: 2 };
+  const _sfc_main$D = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsBreadcrumbs",
     props: {
       breadcrumbs: {}
@@ -12395,7 +12731,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         handleRoutingEvent(link, event, hasEventRouting.value);
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$G, [
+        return openBlock(), createElementBlock("div", _hoisted_1$A, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(breadcrumbsValue.value, (breadcrumb, index) => {
             return openBlock(), createElementBlock("span", {
               class: "lupa-search-results-breadcrumb",
@@ -12409,19 +12745,19 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   var _a;
                   return handleNavigation(e, (_a = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a : "");
                 }
-              }, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$s)) : (openBlock(), createElementBlock("span", _hoisted_3$k, toDisplayString(getLabel(breadcrumb.label)), 1)),
-              index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$f, " / ")) : createCommentVNode("", true)
+              }, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$q)) : (openBlock(), createElementBlock("span", _hoisted_3$j, toDisplayString(getLabel(breadcrumb.label)), 1)),
+              index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$e, " / ")) : createCommentVNode("", true)
             ]);
           }), 128))
         ]);
       };
     }
   });
-  const _hoisted_1$F = {
+  const _hoisted_1$z = {
     id: "lupa-search-result-filters",
     class: "lupa-search-result-filters"
   };
-  const _sfc_main$I = /* @__PURE__ */ defineComponent({
+  const _sfc_main$C = /* @__PURE__ */ defineComponent({
     __name: "FiltersTopDropdown",
     props: {
       options: {}
@@ -12429,8 +12765,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     setup(__props) {
       return (_ctx, _cache) => {
         var _a;
-        return openBlock(), createElementBlock("div", _hoisted_1$F, [
-          _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$M, {
+        return openBlock(), createElementBlock("div", _hoisted_1$z, [
+          _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$G, {
             key: 0,
             options: _ctx.options.facets,
             "facet-style": (_a = _ctx.options.facets.style) == null ? void 0 : _a.type,
@@ -12440,8 +12776,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$E = { id: "lupa-search-results-layout-selection" };
-  const _sfc_main$H = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$y = { id: "lupa-search-results-layout-selection" };
+  const _sfc_main$B = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsLayoutSelection",
     setup(__props) {
       const searchResultStore = useSearchResultStore();
@@ -12452,7 +12788,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         searchResultStore.setLayout(layout2);
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$E, [
+        return openBlock(), createElementBlock("div", _hoisted_1$y, [
           createBaseVNode("div", {
             class: normalizeClass([
               "lupa-layout-selection-grid",
@@ -12474,11 +12810,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$D = {
+  const _hoisted_1$x = {
     key: 0,
     class: "lupa-mobile-toggle-filter-count"
   };
-  const _sfc_main$G = /* @__PURE__ */ defineComponent({
+  const _sfc_main$A = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsMobileToggle",
     props: {
       label: {},
@@ -12496,26 +12832,26 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           onClick: handleMobileToggle
         }, [
           createTextVNode(toDisplayString(_ctx.label) + " ", 1),
-          _ctx.showFilterCount && unref(currentFilterCount) > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$D, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
+          _ctx.showFilterCount && unref(currentFilterCount) > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$x, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
         ], 2);
       };
     }
   });
-  const _hoisted_1$C = {
+  const _hoisted_1$w = {
     key: 0,
     id: "lupa-search-results-page-select",
     "data-cy": "lupa-search-results-page-select"
   };
-  const _hoisted_2$r = {
+  const _hoisted_2$p = {
     key: 0,
     class: "lupa-page-number-separator"
   };
-  const _hoisted_3$j = ["onClick"];
-  const _hoisted_4$e = {
+  const _hoisted_3$i = ["onClick"];
+  const _hoisted_4$d = {
     key: 0,
     class: "lupa-page-number-separator"
   };
-  const _sfc_main$F = /* @__PURE__ */ defineComponent({
+  const _sfc_main$z = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsPageSelect",
     props: {
       lastPageLabel: {},
@@ -12581,7 +12917,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const handlePageChange = (page) => {
         if (page > 0) {
           paramStore.appendParams({
-            params: [{ name: QUERY_PARAMS$1.PAGE, value: page.toString() }]
+            params: [{ name: optionsStore.getQueryParamName(QUERY_PARAMS$1.PAGE), value: page.toString() }]
           });
           if (scrollToResultsOptions.value.enabled) {
             scrollToSearchResults(
@@ -12592,7 +12928,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         }
       };
       return (_ctx, _cache) => {
-        return showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_1$C, [
+        return showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_1$w, [
           showBack.value ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(firstPageLabel.value === "<" ? "lupa-page-arrow" : "lupa-show-less"),
@@ -12603,7 +12939,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               class: "lupa-page-number lupa-page-number-first",
               onClick: _cache[1] || (_cache[1] = () => handlePageChange(1))
             }, " 1 "),
-            showFirstPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_2$r, "...")) : createCommentVNode("", true)
+            showFirstPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_2$p, "...")) : createCommentVNode("", true)
           ], 64)) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment, null, renderList(pages.value, (page) => {
             return openBlock(), createElementBlock("div", {
@@ -12614,10 +12950,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 page === _ctx.options.selectedPage ? "lupa-page-number-selected" : ""
               ]),
               "data-cy": "lupa-page-number"
-            }, toDisplayString(page), 11, _hoisted_3$j);
+            }, toDisplayString(page), 11, _hoisted_3$i);
           }), 128)),
           showLastPage.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-            showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_4$e, "...")) : createCommentVNode("", true),
+            showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_4$d, "...")) : createCommentVNode("", true),
             createBaseVNode("div", {
               class: "lupa-page-number lupa-page-number-last",
               onClick: _cache[2] || (_cache[2] = () => {
@@ -12636,14 +12972,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$B = {
+  const _hoisted_1$v = {
     id: "lupa-search-results-page-size",
     "data-cy": "lupa-search-results-page-size"
   };
-  const _hoisted_2$q = { id: "lupa-select" };
-  const _hoisted_3$i = { class: "lupa-select-label" };
-  const _hoisted_4$d = ["aria-label"];
-  const _sfc_main$E = /* @__PURE__ */ defineComponent({
+  const _hoisted_2$o = { id: "lupa-select" };
+  const _hoisted_3$h = { class: "lupa-select-label" };
+  const _hoisted_4$c = ["aria-label"];
+  const _sfc_main$y = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsPageSize",
     props: {
       label: {},
@@ -12651,18 +12987,19 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     },
     setup(__props) {
       const paramsStore = useParamsStore();
+      const optionsStore = useOptionsStore();
       const select = ref(null);
       const handleSelect = (e) => {
         const value = e.target.value;
         paramsStore.appendParams({
-          params: [{ name: QUERY_PARAMS$1.LIMIT, value }],
-          paramsToRemove: [QUERY_PARAMS$1.PAGE]
+          params: [{ name: optionsStore.getQueryParamName(QUERY_PARAMS$1.LIMIT), value }],
+          paramsToRemove: [optionsStore.getQueryParamName(QUERY_PARAMS$1.PAGE)]
         });
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$B, [
-          createBaseVNode("div", _hoisted_2$q, [
-            createBaseVNode("label", _hoisted_3$i, toDisplayString(_ctx.label), 1),
+        return openBlock(), createElementBlock("div", _hoisted_1$v, [
+          createBaseVNode("div", _hoisted_2$o, [
+            createBaseVNode("label", _hoisted_3$h, toDisplayString(_ctx.label), 1),
             createBaseVNode("select", {
               class: "lupa-select-dropdown",
               "aria-label": _ctx.label,
@@ -12674,21 +13011,21 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options.sizes, (option) => {
                 return openBlock(), createElementBlock("option", { key: option }, toDisplayString(option), 1);
               }), 128))
-            ], 40, _hoisted_4$d)
+            ], 40, _hoisted_4$c)
           ])
         ]);
       };
     }
   });
-  const _hoisted_1$A = {
+  const _hoisted_1$u = {
     id: "lupa-search-results-sort",
     class: "lupa-search-results-sort"
   };
-  const _hoisted_2$p = { id: "lupa-select" };
-  const _hoisted_3$h = { class: "lupa-select-label" };
-  const _hoisted_4$c = ["aria-label"];
+  const _hoisted_2$n = { id: "lupa-select" };
+  const _hoisted_3$g = { class: "lupa-select-label" };
+  const _hoisted_4$b = ["aria-label"];
   const _hoisted_5$8 = ["value"];
-  const _sfc_main$D = /* @__PURE__ */ defineComponent({
+  const _sfc_main$x = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsSort",
     props: {
       options: {},
@@ -12697,6 +13034,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     setup(__props) {
       const props = __props;
       const paramStore = useParamsStore();
+      const optionStore = useOptionsStore();
       const { sort } = storeToRefs(paramStore);
       const selectedKey = ref("");
       const previousKey = ref("");
@@ -12730,15 +13068,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         paramStore.setSortSettings({ selectedSortKey: value, previousSortKey: previousKey.value });
         (_c = (_b = props.callbacks) == null ? void 0 : _b.onSortChange) == null ? void 0 : _c.call(_b, { selectedSortKey: value, previousSortKey: previousKey.value });
         paramStore.appendParams({
-          params: [{ name: QUERY_PARAMS$1.SORT, value }],
-          paramsToRemove: [QUERY_PARAMS$1.PAGE]
+          params: [{ name: optionStore.getQueryParamName(QUERY_PARAMS$1.SORT), value }],
+          paramsToRemove: [optionStore.getQueryParamName(QUERY_PARAMS$1.PAGE)]
         });
         previousKey.value = selectedKey.value;
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$A, [
-          createBaseVNode("div", _hoisted_2$p, [
-            createBaseVNode("label", _hoisted_3$h, toDisplayString(_ctx.options.label), 1),
+        return openBlock(), createElementBlock("div", _hoisted_1$u, [
+          createBaseVNode("div", _hoisted_2$n, [
+            createBaseVNode("label", _hoisted_3$g, toDisplayString(_ctx.options.label), 1),
             withDirectives(createBaseVNode("select", {
               class: "lupa-select-dropdown",
               "aria-label": _ctx.options.label,
@@ -12753,7 +13091,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   value: option.key
                 }, toDisplayString(option.label), 9, _hoisted_5$8);
               }), 128))
-            ], 40, _hoisted_4$c), [
+            ], 40, _hoisted_4$b), [
               [vModelSelect, selectedKey.value]
             ])
           ])
@@ -12761,14 +13099,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$z = { class: "lupa-toolbar-left" };
-  const _hoisted_2$o = { key: 1 };
-  const _hoisted_3$g = { key: 3 };
-  const _hoisted_4$b = { key: 5 };
+  const _hoisted_1$t = { class: "lupa-toolbar-left" };
+  const _hoisted_2$m = { key: 1 };
+  const _hoisted_3$f = { key: 3 };
+  const _hoisted_4$a = { key: 5 };
   const _hoisted_5$7 = { class: "lupa-toolbar-right" };
   const _hoisted_6$5 = { key: 1 };
   const _hoisted_7$3 = { key: 3 };
-  const _sfc_main$C = /* @__PURE__ */ defineComponent({
+  const _sfc_main$w = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsToolbar",
     props: {
       options: {},
@@ -12867,32 +13205,32 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           id: "lupa-search-results-toolbar",
           class: normalizeClass({ "lupa-filter-no-results": !hasResults.value })
         }, [
-          createBaseVNode("div", _hoisted_1$z, [
-            showLayoutSelection.value ? (openBlock(), createBlock(_sfc_main$H, { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_2$o)),
-            showItemSummary.value ? (openBlock(), createBlock(_sfc_main$Y, {
+          createBaseVNode("div", _hoisted_1$t, [
+            showLayoutSelection.value ? (openBlock(), createBlock(_sfc_main$B, { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_2$m)),
+            showItemSummary.value ? (openBlock(), createBlock(_sfc_main$S, {
               key: 2,
               label: searchSummaryLabel.value,
               clearable: unref(hasAnyFilter) && showFilterClear.value,
               onClear: handleClearAll
-            }, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_3$g)),
-            displayPageSelect.value ? (openBlock(), createBlock(_sfc_main$F, {
+            }, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_3$f)),
+            displayPageSelect.value ? (openBlock(), createBlock(_sfc_main$z, {
               key: 4,
               options: paginationOptions.value.pageSelect,
               "last-page-label": paginationOptions.value.labels.showMore,
               "first-page-label": paginationOptions.value.labels.showLess
-            }, null, 8, ["options", "last-page-label", "first-page-label"])) : (openBlock(), createElementBlock("div", _hoisted_4$b))
+            }, null, 8, ["options", "last-page-label", "first-page-label"])) : (openBlock(), createElementBlock("div", _hoisted_4$a))
           ]),
           createBaseVNode("div", _hoisted_5$7, [
-            createVNode(_sfc_main$G, {
+            createVNode(_sfc_main$A, {
               label: optionsValue.value.labels.mobileFilterButton,
               "show-filter-count": showMobileFilterCount.value
             }, null, 8, ["label", "show-filter-count"]),
-            paginationDisplay.value.pageSize ? (openBlock(), createBlock(_sfc_main$E, {
+            paginationDisplay.value.pageSize ? (openBlock(), createBlock(_sfc_main$y, {
               key: 0,
               options: paginationOptions.value.pageSize,
               label: paginationOptions.value.labels.pageSize
             }, null, 8, ["options", "label"])) : (openBlock(), createElementBlock("div", _hoisted_6$5)),
-            sortOptions.value ? (openBlock(), createBlock(_sfc_main$D, {
+            sortOptions.value ? (openBlock(), createBlock(_sfc_main$x, {
               key: 2,
               options: sortOptions.value,
               callbacks: callbacks.value
@@ -12902,259 +13240,6 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$y = { class: "lupa-badge-title" };
-  const _hoisted_2$n = ["src"];
-  const _hoisted_3$f = { key: 1 };
-  const _hoisted_4$a = {
-    key: 0,
-    class: "lupa-badge-full-text"
-  };
-  const _sfc_main$B = /* @__PURE__ */ defineComponent({
-    __name: "SearchResultGeneratedBadge",
-    props: {
-      options: {},
-      badge: {}
-    },
-    setup(__props) {
-      const props = __props;
-      const image = computed(() => {
-        var _a, _b, _c;
-        return (_c = (_b = (_a = props.options.generate) == null ? void 0 : _a.image) == null ? void 0 : _b.call(_a, props.badge)) != null ? _c : "";
-      });
-      const showTitle = computed(() => {
-        var _a, _b, _c;
-        return (_c = (_b = (_a = props.options.generate) == null ? void 0 : _a.showTitle) == null ? void 0 : _b.call(_a, props.badge)) != null ? _c : true;
-      });
-      const hasAdditionalText = computed(() => {
-        var _a, _b;
-        return Boolean((_a = props.badge) == null ? void 0 : _a.additionalText) && typeof ((_b = props.badge) == null ? void 0 : _b.additionalText) === "string";
-      });
-      const hasTitleText = computed(() => {
-        var _a, _b;
-        return Boolean((_a = props.badge) == null ? void 0 : _a.titleText) && typeof ((_b = props.badge) == null ? void 0 : _b.titleText) === "string";
-      });
-      const customClassName = computed(() => {
-        var _a, _b, _c;
-        return (_c = (_b = (_a = props.options.generate) == null ? void 0 : _a.customClass) == null ? void 0 : _b.call(_a, props.badge)) != null ? _c : "";
-      });
-      return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", {
-          class: normalizeClass(["lupa-dynamic-badge", customClassName.value]),
-          style: normalizeStyle({ background: _ctx.badge.backgroundColor, color: _ctx.badge.color })
-        }, [
-          createBaseVNode("span", _hoisted_1$y, [
-            image.value ? (openBlock(), createElementBlock("img", {
-              key: 0,
-              src: image.value
-            }, null, 8, _hoisted_2$n)) : createCommentVNode("", true),
-            hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$f, toDisplayString(_ctx.badge.titleText), 1)) : createCommentVNode("", true)
-          ]),
-          hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$a, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
-        ], 6);
-      };
-    }
-  });
-  const _hoisted_1$x = { class: "lupa-generated-badges" };
-  const _sfc_main$A = /* @__PURE__ */ defineComponent({
-    __name: "SearchResultGeneratedBadges",
-    props: {
-      options: {}
-    },
-    setup(__props) {
-      const props = __props;
-      const badgeField = computed(() => {
-        var _a, _b, _c, _d, _e, _f, _g;
-        const fieldHasBadges = ((_a = props.options.generate) == null ? void 0 : _a.key) && props.options.product[(_c = (_b = props.options.generate) == null ? void 0 : _b.key) != null ? _c : ""] && Array.isArray(props.options.product[(_e = (_d = props.options.generate) == null ? void 0 : _d.key) != null ? _e : ""]);
-        return fieldHasBadges ? props.options.product[(_g = (_f = props.options.generate) == null ? void 0 : _f.key) != null ? _g : ""] : [];
-      });
-      const keyMap = computed(() => {
-        var _a, _b;
-        return (_b = (_a = props.options.generate) == null ? void 0 : _a.keyMap) != null ? _b : {};
-      });
-      const badges = computed(() => {
-        return badgeField.value.filter((f2) => Boolean(f2)).map((f2) => ({
-          backgroundColor: keyMap.value.backgroundColor ? f2[keyMap.value.backgroundColor] : void 0,
-          color: keyMap.value.color ? f2[keyMap.value.color] : void 0,
-          titleText: keyMap.value.titleText ? f2[keyMap.value.titleText] : void 0,
-          additionalText: keyMap.value.additionalText ? f2[keyMap.value.additionalText] : void 0,
-          id: keyMap.value.id ? f2[keyMap.value.id] : void 0
-        })).filter((b) => Boolean(b.id));
-      });
-      return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$x, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(badges.value, (badge) => {
-            return openBlock(), createBlock(_sfc_main$B, {
-              key: badge.id,
-              badge,
-              options: _ctx.options
-            }, null, 8, ["badge", "options"]);
-          }), 128))
-        ]);
-      };
-    }
-  });
-  const _hoisted_1$w = ["innerHTML"];
-  const _sfc_main$z = /* @__PURE__ */ defineComponent({
-    __name: "CustomBadge",
-    props: {
-      badge: {}
-    },
-    setup(__props) {
-      const props = __props;
-      const text = computed(() => {
-        var _a, _b, _c;
-        return (_c = (_b = props.badge).html) == null ? void 0 : _c.call(_b, (_a = props.badge.product) != null ? _a : {});
-      });
-      const className = computed(() => {
-        var _a;
-        return (_a = props.badge.className) != null ? _a : "";
-      });
-      return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", {
-          class: normalizeClass(className.value),
-          innerHTML: text.value
-        }, null, 10, _hoisted_1$w);
-      };
-    }
-  });
-  const _hoisted_1$v = { class: "lupa-text-badges" };
-  const _sfc_main$y = /* @__PURE__ */ defineComponent({
-    __name: "TextBadge",
-    props: {
-      badge: {}
-    },
-    setup(__props) {
-      const props = __props;
-      const badges = computed(() => {
-        var _a, _b;
-        return (_b = (_a = props.badge) == null ? void 0 : _a.value) != null ? _b : [];
-      });
-      const displayBadges = computed(() => {
-        return badges.value.slice(0, props.badge.maxItems);
-      });
-      return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$v, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
-            return openBlock(), createElementBlock("div", {
-              class: "lupa-badge lupa-text-badge",
-              key: item
-            }, toDisplayString(_ctx.badge.prefix) + toDisplayString(item), 1);
-          }), 128))
-        ]);
-      };
-    }
-  });
-  const _hoisted_1$u = { class: "lupa-image-badges" };
-  const _hoisted_2$m = ["src"];
-  const _sfc_main$x = /* @__PURE__ */ defineComponent({
-    __name: "ImageBadge",
-    props: {
-      badge: {}
-    },
-    setup(__props) {
-      const props = __props;
-      const badges = computed(() => {
-        return props.badge.value;
-      });
-      const displayBadges = computed(() => {
-        return badges.value.slice(0, props.badge.maxItems);
-      });
-      const getImageUrl = (src) => {
-        if (!props.badge.rootImageUrl) {
-          return src;
-        }
-        return `${props.badge.rootImageUrl}${src}`;
-      };
-      return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$u, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
-            return openBlock(), createElementBlock("div", {
-              class: "lupa-badge lupa-image-badge",
-              key: item
-            }, [
-              createBaseVNode("img", {
-                src: getImageUrl(item)
-              }, null, 8, _hoisted_2$m)
-            ]);
-          }), 128))
-        ]);
-      };
-    }
-  });
-  const _hoisted_1$t = { id: "lupa-search-results-badges" };
-  const __default__$1 = {
-    components: {
-      CustomBadge: _sfc_main$z,
-      TextBadge: _sfc_main$y,
-      ImageBadge: _sfc_main$x
-    }
-  };
-  const _sfc_main$w = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$1), {
-    __name: "SearchResultsBadgeWrapper",
-    props: {
-      position: {},
-      options: {}
-    },
-    setup(__props) {
-      const props = __props;
-      const positionValue = computed(() => {
-        var _a;
-        return (_a = props.position) != null ? _a : "card";
-      });
-      const anchorPosition = computed(() => {
-        return props.options.anchor;
-      });
-      const badges = computed(() => {
-        if (!props.options.elements) {
-          return [];
-        }
-        return props.options.elements.filter((e) => {
-          var _a;
-          return !e.display || e.display((_a = props.options.product) != null ? _a : {});
-        }).map((x) => {
-          var _a;
-          return __spreadProps2(__spreadValues2({}, x), {
-            value: ((_a = props.options.product) == null ? void 0 : _a[x.key]) || "badge",
-            product: props.options.product
-          });
-        });
-      });
-      const displayBadges = computed(() => {
-        return positionValue.value === "card" ? badges.value.filter((b) => !b.position || b.position === "card") : badges.value.filter((b) => b.position === "image");
-      });
-      const getBadgeComponent = (type) => {
-        switch (type) {
-          case BadgeType.TEXT:
-            return "TextBadge";
-          case BadgeType.IMAGE:
-            return "ImageBadge";
-          case BadgeType.CUSTOM_HTML:
-            return "CustomBadge";
-          default:
-            return "CustomBadge";
-        }
-      };
-      return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$t, [
-          createBaseVNode("div", {
-            id: "lupa-badges",
-            class: normalizeClass(anchorPosition.value)
-          }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (badge, index) => {
-              return openBlock(), createBlock(resolveDynamicComponent(getBadgeComponent(badge.type)), {
-                key: index,
-                badge
-              }, null, 8, ["badge"]);
-            }), 128)),
-            positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$A, {
-              key: 0,
-              options: _ctx.options
-            }, null, 8, ["options"])) : createCommentVNode("", true)
-          ], 2)
-        ]);
-      };
-    }
-  }));
   const _sfc_main$v = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductImage",
     props: {
@@ -13589,7 +13674,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     setup(__props, { emit: emit2 }) {
       const props = __props;
       const dynamicDataStore = useDynamicDataStore();
-      const { dynamicDataIdMap, loading } = storeToRefs(dynamicDataStore);
+      const { dynamicDataIdMap, loadingIds, loading } = storeToRefs(dynamicDataStore);
       const elementComponent = computed(() => {
         switch (props.element.type) {
           case DocumentElementType.IMAGE:
@@ -13615,9 +13700,6 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         }
         return "searchResultsProductTitle";
       });
-      const isLoadingDynamicData = computed(() => {
-        return Boolean(props.element.dynamic && loading.value);
-      });
       const enhancedItem = computed(() => {
         var _a, _b, _c, _d;
         if (!((_a = props.item) == null ? void 0 : _a.id)) {
@@ -13632,7 +13714,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const handleProductEvent = (item) => {
         emit2("productEvent", item);
       };
+      const isLoadingDynamicData = (id) => {
+        return Boolean(props.element.dynamic && id && loading.value && (loadingIds == null ? void 0 : loadingIds.value[id]));
+      };
       return (_ctx, _cache) => {
+        var _a;
         return displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
           key: 0,
           item: enhancedItem.value,
@@ -13640,7 +13726,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           labels: _ctx.labels,
           inStock: _ctx.inStock,
           link: _ctx.link,
-          class: normalizeClass({ "lupa-loading-dynamic-data": isLoadingDynamicData.value }),
+          class: normalizeClass({ "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) }),
           onProductEvent: handleProductEvent
         }, null, 40, ["item", "options", "labels", "inStock", "link", "class"])) : createCommentVNode("", true);
       };
@@ -13800,7 +13886,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           "data-cy": "lupa-search-result-product-card",
           class: ["lupa-search-result-product-card", !isInStock.value ? "lupa-out-of-stock" : ""]
         }, customDocumentHtmlAttributes.value, { onClick: handleClick }), [
-          createVNode(_sfc_main$w, { options: badgesOptions.value }, null, 8, ["options"]),
+          createVNode(_sfc_main$_, { options: badgesOptions.value }, null, 8, ["options"]),
           createBaseVNode("div", {
             class: normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
           }, [
@@ -13820,7 +13906,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   link: link.value
                 }, null, 8, ["item", "element", "labels", "inStock", "link"]);
               }), 128)),
-              createVNode(_sfc_main$w, {
+              createVNode(_sfc_main$_, {
                 options: badgesOptions.value,
                 position: "image",
                 class: "lupa-image-badges"
@@ -14167,7 +14253,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const props = __props;
       const searchResultStore = useSearchResultStore();
       const paramStore = useParamsStore();
-      useOptionsStore();
+      const optionStore = useOptionsStore();
       const {
         hasResults,
         currentQueryText,
@@ -14251,7 +14337,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       const goToFirstPage = () => {
         paramStore.appendParams({
-          params: [{ name: QUERY_PARAMS$1.PAGE, value: "1" }]
+          params: [{ name: optionStore.getQueryParamName(QUERY_PARAMS$1.PAGE), value: "1" }]
         });
       };
       return (_ctx, _cache) => {
@@ -14262,17 +14348,17 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             class: "lupa-loader"
           })) : createCommentVNode("", true),
           unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            showTopFilters.value ? (openBlock(), createBlock(_sfc_main$I, {
+            showTopFilters.value ? (openBlock(), createBlock(_sfc_main$C, {
               key: 0,
               options: (_a = _ctx.options.filters) != null ? _a : {}
             }, null, 8, ["options"])) : createCommentVNode("", true),
-            showMobileFilters.value ? (openBlock(), createBlock(_sfc_main$C, {
+            showMobileFilters.value ? (openBlock(), createBlock(_sfc_main$w, {
               key: 1,
               class: "lupa-toolbar-mobile",
               options: _ctx.options,
               "pagination-location": "top"
             }, null, 8, ["options"])) : createCommentVNode("", true),
-            currentFilterOptions.value ? (openBlock(), createBlock(_sfc_main$V, {
+            currentFilterOptions.value ? (openBlock(), createBlock(_sfc_main$P, {
               key: 2,
               class: normalizeClass(currentFiltersClass.value),
               "data-cy": "lupa-search-result-filters-mobile-toolbar",
@@ -14286,7 +14372,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             sdkOptions: _ctx.options.options
           }, null, 8, ["options", "sdkOptions"]),
           unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-            createVNode(_sfc_main$C, {
+            createVNode(_sfc_main$w, {
               class: "lupa-toolbar-top",
               options: _ctx.options,
               "pagination-location": "top"
@@ -14316,7 +14402,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 onClick: goToFirstPage
               }, toDisplayString(_ctx.options.labels.backToFirstPage), 1)) : createCommentVNode("", true)
             ])) : createCommentVNode("", true),
-            createVNode(_sfc_main$C, {
+            createVNode(_sfc_main$w, {
               class: "lupa-toolbar-bottom",
               options: _ctx.options,
               "pagination-location": "bottom"
@@ -14395,7 +14481,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 onClick: handleNavigationBack
               }, toDisplayString(backTitle.value), 9, _hoisted_3$5)
             ])) : createCommentVNode("", true),
-            createVNode(_sfc_main$C, {
+            createVNode(_sfc_main$w, {
               class: "lupa-toolbar-mobile",
               "pagination-location": "top",
               options: _ctx.options
@@ -14457,7 +14543,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const handlePopState = () => {
         var _a;
         const searchParams = getSearchParams((_a = props.options.ssr) == null ? void 0 : _a.url);
-        paramStore.add(parseParams(searchParams));
+        paramStore.add(parseParams(optionStore.getQueryParamName, searchParams));
       };
       onMounted(() => __async(this, null, function* () {
         var _a, _b;
@@ -14557,7 +14643,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         var _a;
         const searchParams = getSearchParams((_a = props.options.ssr) == null ? void 0 : _a.url, params);
         const publicQuery = createPublicQuery(
-          parseParams(searchParams),
+          parseParams(optionStore.getQueryParamName, searchParams),
           props.options.sort,
           defaultSearchResultPageSize.value
         );
@@ -14577,10 +14663,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           }
         }
         const params = new URLSearchParams(window.location.search);
-        if (!params.has(QUERY_PARAMS$1.QUERY) && !props.initialData) {
+        if (!params.has(optionStore.getQueryParamName(QUERY_PARAMS$1.QUERY)) && !props.initialData) {
           handleUrlChange(params);
         }
-        paramStore.add(parseParams(params));
+        paramStore.add(parseParams(optionStore.getQueryParamName, params));
         paramStore.setDefaultLimit(defaultSearchResultPageSize.value);
       };
       watch(searchString, () => handleParamsChange());
@@ -14614,7 +14700,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           );
           optionStore.setSearchResultOptions({ options: props.options });
           searchResultStore.add(__spreadValues2({}, initialData));
-          paramStore.add(parseParams(searchParams), props.options.ssr);
+          paramStore.add(parseParams(optionStore.getQueryParamName, searchParams), props.options.ssr);
           paramStore.setDefaultLimit(defaultSearchResultPageSize.value);
           handleResults({ queryKey: props.options.queryKey, results: initialData });
         }
@@ -14627,8 +14713,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           class: normalizeClass(["lupa-search-result-wrapper", { "lupa-search-wrapper-no-results": !unref(hasResults) }])
         }, [
           _ctx.isContainer ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
-            createVNode(_sfc_main$Z, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-            createVNode(_sfc_main$X, {
+            createVNode(_sfc_main$T, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+            createVNode(_sfc_main$R, {
               "show-summary": true,
               options: _ctx.options,
               "is-product-list": (_a = _ctx.isProductList) != null ? _a : false
@@ -14638,24 +14724,24 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             key: 1,
             options: _ctx.options
           }, null, 8, ["options"])) : createCommentVNode("", true),
-          _ctx.options.filters ? (openBlock(), createBlock(_sfc_main$K, {
+          _ctx.options.filters ? (openBlock(), createBlock(_sfc_main$E, {
             key: 2,
             options: _ctx.options.filters
           }, null, 8, ["options"])) : createCommentVNode("", true),
-          unref(currentQueryText) || _ctx.isProductList ? (openBlock(), createBlock(_sfc_main$J, {
+          unref(currentQueryText) || _ctx.isProductList ? (openBlock(), createBlock(_sfc_main$D, {
             key: 3,
             breadcrumbs: _ctx.options.breadcrumbs
           }, null, 8, ["breadcrumbs"])) : createCommentVNode("", true),
           isTitleResultTopPosition.value ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
-            showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$L, {
+            showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$F, {
               key: 0,
               options: (_b = _ctx.options.filters) != null ? _b : {},
               ref_key: "searchResultsFilters",
               ref: searchResultsFilters
             }, null, 8, ["options"])) : createCommentVNode("", true),
             createBaseVNode("div", _hoisted_3$4, [
-              createVNode(_sfc_main$Z, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-              createVNode(_sfc_main$X, {
+              createVNode(_sfc_main$T, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+              createVNode(_sfc_main$R, {
                 options: _ctx.options,
                 "is-product-list": (_c = _ctx.isProductList) != null ? _c : false
               }, null, 8, ["options", "is-product-list"]),
@@ -14670,13 +14756,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               }, 8, ["options", "ssr"])
             ])
           ])) : (openBlock(), createElementBlock(Fragment, { key: 5 }, [
-            createVNode(_sfc_main$Z, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-            createVNode(_sfc_main$X, {
+            createVNode(_sfc_main$T, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+            createVNode(_sfc_main$R, {
               options: _ctx.options,
               "is-product-list": (_d = _ctx.isProductList) != null ? _d : false
             }, null, 8, ["options", "is-product-list"]),
             createBaseVNode("div", _hoisted_4$3, [
-              showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$L, {
+              showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$F, {
                 key: 0,
                 options: (_e = _ctx.options.filters) != null ? _e : {},
                 ref_key: "searchResultsFilters",
@@ -20306,7 +20392,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             onClick: withModifiers(innerClick, ["stop"])
           }, [
             createBaseVNode("div", _hoisted_2$7, [
-              createVNode(_sfc_main$_, {
+              createVNode(_sfc_main$U, {
                 options: fullSearchBoxOptions.value,
                 "is-search-container": true,
                 ref_key: "searchBox",
@@ -27318,7 +27404,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(unref(_sfc_main$_), {
+        return openBlock(), createBlock(unref(_sfc_main$U), {
           options: fullSearchBoxOptions.value,
           ref_key: "searchBox",
           ref: searchBox2