@getlupa/client 1.12.10 → 1.13.3

package/dist/lupaSearch.mjs

@@ -1,22 +1,42 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
+var __defProp2 = Object.defineProperty;
+var __defProps2 = Object.defineProperties;
+var __getOwnPropDescs2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues2 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    if (__hasOwnProp2.call(b, prop))
+      __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2)
+    for (var prop of __getOwnPropSymbols2(b)) {
+      if (__propIsEnum2.call(b, prop))
+        __defNormalProp2(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __spreadProps2 = (a, b) => __defProps2(a, __getOwnPropDescs2(b));
+var __async2 = (__this, __arguments, generator) => {
+  return new Promise((resolve2, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e2) {
+        reject(e2);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e2) {
+        reject(e2);
+      }
+    };
+    var step = (x) => x.done ? resolve2(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 function makeMap(str, expectsLowerCase) {
   const map = /* @__PURE__ */ Object.create(null);
   const list = str.split(",");
@@ -6301,7 +6321,7 @@ function ensureRenderer() {
 }
 const createApp = (...args) => {
   const app2 = ensureRenderer().createApp(...args);
-  const { mount } = app2;
+  const { mount: mount2 } = app2;
   app2.mount = (containerOrSelector) => {
     const container = normalizeContainer(containerOrSelector);
     if (!container)
@@ -6311,7 +6331,7 @@ const createApp = (...args) => {
       component.template = container.innerHTML;
     }
     container.innerHTML = "";
-    const proxy = mount(container, false, container instanceof SVGElement);
+    const proxy = mount2(container, false, container instanceof SVGElement);
     if (container instanceof Element) {
       container.removeAttribute("v-cloak");
       container.setAttribute("data-v-app", "");
@@ -6327,25 +6347,25 @@ function normalizeContainer(container) {
   }
   return container;
 }
-var __defProp2 = Object.defineProperty;
-var __defProps2 = Object.defineProperties;
-var __getOwnPropDescs2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
-var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues2 = (a, b) => {
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp2.call(b, prop))
-      __defNormalProp2(a, prop, b[prop]);
-  if (__getOwnPropSymbols2)
-    for (var prop of __getOwnPropSymbols2(b)) {
-      if (__propIsEnum2.call(b, prop))
-        __defNormalProp2(a, prop, b[prop]);
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps2 = (a, b) => __defProps2(a, __getOwnPropDescs2(b));
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve2, reject) => {
     var fulfilled = (value) => {
@@ -6811,14 +6831,14 @@ var __awaiter = globalThis && globalThis.__awaiter || function(thisArg, _argumen
     step((generator = generator.apply(thisArg, _arguments || [])).next());
   });
 };
-const defaultConfig$1 = {
+const defaultConfig = {
   method: "POST",
   headers: { "Content-Type": "application/json" }
 };
 const customRequestConfig = ({ customHeaders }) => {
   return {
-    method: defaultConfig$1.method,
-    headers: Object.assign(Object.assign({}, defaultConfig$1.headers), customHeaders !== null && customHeaders !== void 0 ? customHeaders : {})
+    method: defaultConfig.method,
+    headers: Object.assign(Object.assign({}, defaultConfig.headers), customHeaders !== null && customHeaders !== void 0 ? customHeaders : {})
   };
 };
 const searchCustom = (query, options) => __awaiter(void 0, void 0, void 0, function* () {
@@ -6842,7 +6862,7 @@ const suggestCustom = (query, options) => __awaiter(void 0, void 0, void 0, func
   return { success: false, errors };
 });
 const search = (queryKey, query, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
-  const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}query/${queryKey}`, Object.assign(Object.assign({}, defaultConfig$1), { body: JSON.stringify(query) }));
+  const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}query/${queryKey}`, Object.assign(Object.assign({}, defaultConfig), { body: JSON.stringify(query) }));
   if (res.status < 400) {
     const data = yield res.json();
     return Object.assign(Object.assign({}, data), { success: true });
@@ -6852,7 +6872,7 @@ const search = (queryKey, query, environment, customBaseUrl) => __awaiter(void 0
 });
 const queryByIds = (queryKey, ids, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
   const idParam = ids.map((id) => `ids=${id}`).join("&");
-  const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}query/${queryKey}/ids?${idParam}`, Object.assign(Object.assign({}, defaultConfig$1), { method: "GET" }));
+  const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}query/${queryKey}/ids?${idParam}`, Object.assign(Object.assign({}, defaultConfig), { method: "GET" }));
   if (res.status < 400) {
     const data = yield res.json();
     return Object.assign(Object.assign({}, data), { success: true });
@@ -6865,7 +6885,7 @@ const recommendForSingleId = (queryKey, recommendForId, filters, environment, cu
   if (filters) {
     url += `&${e({ filters })}`;
   }
-  const res = yield fetch(url, Object.assign(Object.assign({}, defaultConfig$1), { method: "GET" }));
+  const res = yield fetch(url, Object.assign(Object.assign({}, defaultConfig), { method: "GET" }));
   if (res.status < 400) {
     const data = yield res.json();
     return Object.assign(Object.assign({}, data), { success: true });
@@ -6879,7 +6899,7 @@ const recommendForMultipleIds = (queryKey, recommendForIds, filters, environment
   if (filters) {
     url += `&${e({ filters })}`;
   }
-  const res = yield fetch(url, Object.assign(Object.assign({}, defaultConfig$1), { method: "GET" }));
+  const res = yield fetch(url, Object.assign(Object.assign({}, defaultConfig), { method: "GET" }));
   if (res.status < 400) {
     const data = yield res.json();
     return Object.assign(Object.assign({}, data), { success: true });
@@ -6891,7 +6911,7 @@ const recommend = (queryKey, recommendForId, filters, environment, customBaseUrl
   return Array.isArray(recommendForId) ? yield recommendForMultipleIds(queryKey, recommendForId, filters, environment, customBaseUrl) : yield recommendForSingleId(queryKey, recommendForId, filters, environment, customBaseUrl);
 });
 const suggest = (queryKey, query, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
-  const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}query/${queryKey}`, Object.assign(Object.assign({}, defaultConfig$1), { body: JSON.stringify(query) }));
+  const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}query/${queryKey}`, Object.assign(Object.assign({}, defaultConfig), { body: JSON.stringify(query) }));
   if (res.status < 400) {
     const items = yield res.json();
     return { items, success: true };
@@ -6901,7 +6921,7 @@ const suggest = (queryKey, query, environment, customBaseUrl) => __awaiter(void
 });
 const track$1 = (queryKey, event, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
   try {
-    const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}events`, Object.assign(Object.assign({}, defaultConfig$1), { body: JSON.stringify(Object.assign({ queryKey }, event)) }));
+    const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}events`, Object.assign(Object.assign({}, defaultConfig), { body: JSON.stringify(Object.assign({ queryKey }, event)) }));
     if (res.status < 400) {
       return { success: false };
     }
@@ -6911,7 +6931,7 @@ const track$1 = (queryKey, event, environment, customBaseUrl) => __awaiter(void
   }
 });
 const loadRedirectionRules = (queryKey, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
-  const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}redirections/${queryKey}`, Object.assign(Object.assign({}, defaultConfig$1), { method: "GET" }));
+  const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}redirections/${queryKey}`, Object.assign(Object.assign({}, defaultConfig), { method: "GET" }));
   if (res.status < 400) {
     return res.json();
   }
@@ -7243,13 +7263,13 @@ const sendGa4AnalyticsEvent = (data, options) => {
   }
   const sendItemTitle = data.searchQuery !== ((_a = data.analytics) == null ? void 0 : _a.label);
   const title = sendItemTitle ? (_b = data.analytics) == null ? void 0 : _b.label : void 0;
-  const params = __spreadValues2({
+  const params = __spreadValues({
     search_text: data.searchQuery,
     item_title: title,
     item_id: data.itemId,
     ecommerce: parseEcommerceData(data, (_c = data.analytics) == null ? void 0 : _c.listLabel)
   }, (_e = (_d = data.analytics) == null ? void 0 : _d.additionalParams) != null ? _e : {});
-  window.dataLayer.push(__spreadValues2({
+  window.dataLayer.push(__spreadValues({
     event: (_g = (_f = data.analytics) == null ? void 0 : _f.type) != null ? _g : options.parentEventName
   }, params));
 };
@@ -7427,15 +7447,21 @@ const DEFAULT_OPTIONS_RESULTS$1 = {
   breadcrumbs: [{ label: "Main Page", link: "/" }, { label: "Search: {1}" }]
 };
 const useScreenStore = defineStore("screen", () => {
-  const screenWidth = ref(1e3);
+  const measuredScreenWidth = ref(1e3);
   const optionsStore = useOptionsStore();
+  const screenWidth = computed(() => {
+    var _a, _b;
+    const { searchResultOptions } = storeToRefs(optionsStore);
+    return (_b = (_a = searchResultOptions.value.grid) == null ? void 0 : _a.forcedScreenWidth) != null ? _b : measuredScreenWidth.value;
+  });
   const configuredGridSizes = computed(() => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+    const { searchResultOptions } = storeToRefs(optionsStore);
     return {
-      smMin: (_d = (_c = (_b = (_a = optionsStore.searchResultOptions) == null ? void 0 : _a.grid) == null ? void 0 : _b.sizes) == null ? void 0 : _c.sm) != null ? _d : S_MIN_WIDTH,
-      mdMin: (_h = (_g = (_f = (_e = optionsStore.searchResultOptions) == null ? void 0 : _e.grid) == null ? void 0 : _f.sizes) == null ? void 0 : _g.md) != null ? _h : MD_MIN_WIDTH,
-      lMin: (_l = (_k = (_j = (_i = optionsStore.searchResultOptions) == null ? void 0 : _i.grid) == null ? void 0 : _j.sizes) == null ? void 0 : _k.l) != null ? _l : L_MIN_WIDTH,
-      xlMin: (_p = (_o = (_n = (_m = optionsStore.searchResultOptions) == null ? void 0 : _m.grid) == null ? void 0 : _n.sizes) == null ? void 0 : _o.xl) != null ? _p : XL_MIN_WIDTH
+      smMin: (_d = (_c = (_b = (_a = searchResultOptions == null ? void 0 : searchResultOptions.value) == null ? void 0 : _a.grid) == null ? void 0 : _b.sizes) == null ? void 0 : _c.sm) != null ? _d : S_MIN_WIDTH,
+      mdMin: (_h = (_g = (_f = (_e = searchResultOptions == null ? void 0 : searchResultOptions.value) == null ? void 0 : _e.grid) == null ? void 0 : _f.sizes) == null ? void 0 : _g.md) != null ? _h : MD_MIN_WIDTH,
+      lMin: (_l = (_k = (_j = (_i = searchResultOptions == null ? void 0 : searchResultOptions.value) == null ? void 0 : _i.grid) == null ? void 0 : _j.sizes) == null ? void 0 : _k.l) != null ? _l : L_MIN_WIDTH,
+      xlMin: (_p = (_o = (_n = (_m = searchResultOptions == null ? void 0 : searchResultOptions.value) == null ? void 0 : _m.grid) == null ? void 0 : _n.sizes) == null ? void 0 : _o.xl) != null ? _p : XL_MIN_WIDTH
     };
   });
   const currentScreenWidth = computed(() => {
@@ -7457,7 +7483,7 @@ const useScreenStore = defineStore("screen", () => {
     return (_a = ["xs", "sm"]) == null ? void 0 : _a.includes(currentScreenWidth.value);
   });
   const setScreenWidth = ({ width }) => {
-    screenWidth.value = width;
+    measuredScreenWidth.value = width;
   };
   return { screenWidth, currentScreenWidth, isMobileWidth, setScreenWidth };
 });
@@ -7737,7 +7763,7 @@ const unfoldFilters = (filters, price = {}) => {
 const getLabeledFilters = (filters, facets) => {
   return filters.map((f2) => {
     var _a, _b;
-    return __spreadProps2(__spreadValues2({}, f2), {
+    return __spreadProps(__spreadValues({}, f2), {
       label: (_b = (_a = facets == null ? void 0 : facets.find((ft) => ft.key === f2.key)) == null ? void 0 : _a.label) != null ? _b : capitalize$1(f2.key)
     });
   });
@@ -7765,7 +7791,7 @@ const recursiveFilterItem = (item, query = "") => {
   }
   const children = recursiveFilter(item.children, query).filter(Boolean);
   const include = children.length > 0 || filterable;
-  return include ? __spreadProps2(__spreadValues2({}, item), {
+  return include ? __spreadProps(__spreadValues({}, item), {
     children
   }) : void 0;
 };
@@ -7847,7 +7873,7 @@ const parseFacetKeys = (facetKeys, searchParams) => {
   params.filters = {};
   for (const key of facetKeys) {
     const parsedKey = key.slice(key.indexOf(FACET_KEY_SEPARATOR) + 1);
-    params.filters = __spreadProps2(__spreadValues2({}, params.filters), {
+    params.filters = __spreadProps(__spreadValues({}, params.filters), {
       [parsedKey]: parseFacetKey(key, searchParams)
     });
   }
@@ -7860,7 +7886,7 @@ const parseParams = (getQueryParamName, searchParams) => {
   const paramKeys = Array.from(searchParams.keys());
   const facetKeys = paramKeys.filter((k) => isFacetKey(k));
   const regularKeys = paramKeys.filter((k) => !isFacetKey(k));
-  const r = __spreadValues2(__spreadValues2({
+  const r = __spreadValues(__spreadValues({
     [QUERY_PARAMS_PARSED.QUERY]: ""
   }, parseRegularKeys(regularKeys, searchParams, getQueryParamName)), parseFacetKeys(facetKeys, searchParams));
   return r;
@@ -7910,7 +7936,7 @@ const encodeParam = (param) => {
   const encoded = encodeURIComponent(param);
   return encoded.replace(/%C4%85/g, "ą").replace(/%C4%8D/g, "č").replace(/%C4%99/g, "ę").replace(/%C4%97/g, "ė").replace(/%C4%AF/g, "į").replace(/%C5%A1/g, "š").replace(/%C5%B3/g, "ų").replace(/%C5%AB/g, "ū").replace(/%C5%BE/g, "ž").replace(/%20/g, " ");
 };
-const getQueryParam = (name) => {
+const getQueryParam$1 = (name) => {
   try {
     const urlParams = new URLSearchParams(window.location.search);
     return urlParams.get(name);
@@ -8050,7 +8076,7 @@ const CACHE_KEY = "lupasearch-client-redirections";
 const useRedirectionStore = defineStore("redirections", () => {
   const redirections = ref({ rules: [] });
   const redirectionOptions = ref({ enabled: false, queryKey: "" });
-  const saveToLocalStorage = () => {
+  const saveToLocalStorage2 = () => {
     try {
       localStorage.setItem(
         CACHE_KEY,
@@ -8059,7 +8085,7 @@ const useRedirectionStore = defineStore("redirections", () => {
     } catch (e2) {
     }
   };
-  const tryLoadFromLocalStorage = (config) => {
+  const tryLoadFromLocalStorage2 = (config) => {
     var _a;
     if (!config.cacheSeconds)
       return false;
@@ -8082,7 +8108,7 @@ const useRedirectionStore = defineStore("redirections", () => {
     if (!(config == null ? void 0 : config.enabled)) {
       return;
     }
-    const loaded = tryLoadFromLocalStorage(config);
+    const loaded = tryLoadFromLocalStorage2(config);
     if (loaded || ((_c = (_b = redirections.value) == null ? void 0 : _b.rules) == null ? void 0 : _c.length) > 0) {
       return;
     }
@@ -8092,7 +8118,7 @@ const useRedirectionStore = defineStore("redirections", () => {
         return;
       }
       redirections.value = result;
-      saveToLocalStorage();
+      saveToLocalStorage2();
     } catch (e2) {
     }
   });
@@ -8218,12 +8244,12 @@ const useParamsStore = defineStore("params", () => {
       return;
     }
     const forceFullReload = (_a = optionsStore.searchBoxOptions.forceFullReloadOnParams) == null ? void 0 : _a.some(
-      (p2) => getQueryParam(p2)
+      (p2) => getQueryParam$1(p2)
     );
     if ((!searchResultsLink.value || linksMatch(searchResultsLink.value, window.location.pathname)) && !forceFullReload) {
       const singleFacetParam = facet ? getFacetParam(facet.key, [facet.title]) : void 0;
       const facetParam = singleFacetParam ? [
-        __spreadProps2(__spreadValues2({}, singleFacetParam), {
+        __spreadProps(__spreadValues({}, singleFacetParam), {
           value: Array.isArray(singleFacetParam.value) ? singleFacetParam.value[0] : singleFacetParam.value
         })
       ] : [];
@@ -8312,7 +8338,7 @@ const flattenFacet = (key, facets, suggestion, inputValue) => {
     displayHighlight: getHint(suggestion.suggestion, inputValue != null ? inputValue : ""),
     display: suggestion.suggestion,
     suggestion,
-    facet: __spreadValues2({
+    facet: __spreadValues({
       key
     }, f2)
   }));
@@ -8419,14 +8445,14 @@ const useSearchBoxStore = defineStore("searchBox", () => {
       const context = getLupaTrackingContext();
       const result = yield LupaSearchSdk.suggestions(
         queryKey,
-        __spreadValues2(__spreadValues2({}, publicQuery), context),
+        __spreadValues(__spreadValues({}, publicQuery), context),
         options2
       );
       if (!result.success) {
         return { suggestions: void 0 };
       }
       highlightChange({ action: "clear" });
-      suggestionResults.value = __spreadProps2(__spreadValues2({}, suggestionResults.value), {
+      suggestionResults.value = __spreadProps(__spreadValues({}, suggestionResults.value), {
         [queryKey]: flattenSuggestions(result.items, (_a = publicQuery.searchText) != null ? _a : "")
       });
       inputValue.value = publicQuery.searchText;
@@ -8463,12 +8489,12 @@ const useSearchBoxStore = defineStore("searchBox", () => {
   }) {
     try {
       const context = getLupaTrackingContext();
-      const result = yield LupaSearchSdk.query(queryKey, __spreadValues2(__spreadValues2({}, publicQuery), context), options2);
+      const result = yield LupaSearchSdk.query(queryKey, __spreadValues(__spreadValues({}, publicQuery), context), options2);
       if (!result.success) {
         return { queryKey, result: { items: [] } };
       }
       highlightChange({ action: "clear" });
-      docResults.value = __spreadProps2(__spreadValues2({}, docResults.value), { [queryKey]: result });
+      docResults.value = __spreadProps(__spreadValues({}, docResults.value), { [queryKey]: result });
       emitSearchResultsCallback();
       return { queryKey, result };
     } catch (err) {
@@ -8515,7 +8541,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
     resetHighlightIndex
   };
 });
-const _hoisted_1$1f = { id: "lupa-search-box-input-container" };
+const _hoisted_1$1d = { id: "lupa-search-box-input-container" };
 const _hoisted_2$R = { class: "lupa-input-clear" };
 const _hoisted_3$B = { id: "lupa-search-box-input" };
 const _hoisted_4$t = ["value"];
@@ -8570,7 +8596,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
     );
     const inputAttributes = computed(() => {
       var _a;
-      return __spreadValues2({}, (_a = props.options.inputAttributes) != null ? _a : {});
+      return __spreadValues({}, (_a = props.options.inputAttributes) != null ? _a : {});
     });
     const ariaLabel = computed(() => {
       var _a;
@@ -8612,7 +8638,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
     };
     __expose({ focus });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1f, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1d, [
         createBaseVNode("div", _hoisted_2$R, [
           createBaseVNode("div", {
             class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
@@ -8690,7 +8716,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1e = { class: "lupa-search-box-history-item" };
+const _hoisted_1$1c = { class: "lupa-search-box-history-item" };
 const _hoisted_2$Q = { class: "lupa-search-box-history-item-content" };
 const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxHistoryItem",
@@ -8708,7 +8734,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
       emit2("click", { query: props.item });
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1e, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1c, [
         createBaseVNode("div", _hoisted_2$Q, [
           createBaseVNode("div", {
             class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
@@ -8723,7 +8749,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1d = {
+const _hoisted_1$1b = {
   key: 0,
   class: "lupa-search-box-history-panel"
 };
@@ -8768,7 +8794,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1d, [
+      return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1b, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(history), (item, index) => {
           return openBlock(), createBlock(_sfc_main$1l, {
             key: item,
@@ -8786,7 +8812,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1c = { class: "lupa-search-box-no-results" };
+const _hoisted_1$1a = { class: "lupa-search-box-no-results" };
 const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxNoResults",
   props: {
@@ -8794,11 +8820,11 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("p", _hoisted_1$1c, toDisplayString(_ctx.labels.noResults), 1);
+      return openBlock(), createElementBlock("p", _hoisted_1$1a, toDisplayString(_ctx.labels.noResults), 1);
     };
   }
 });
-const _hoisted_1$1b = ["innerHTML"];
+const _hoisted_1$19 = ["innerHTML"];
 const _hoisted_2$P = {
   key: 1,
   "data-cy": "lupa-suggestion-value",
@@ -8853,7 +8879,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
           class: "lupa-suggestion-value",
           "data-cy": "lupa-suggestion-value",
           innerHTML: _ctx.suggestion.displayHighlight
-        }, null, 8, _hoisted_1$1b)) : (openBlock(), createElementBlock("div", _hoisted_2$P, toDisplayString(_ctx.suggestion.display), 1)),
+        }, null, 8, _hoisted_1$19)) : (openBlock(), createElementBlock("div", _hoisted_2$P, toDisplayString(_ctx.suggestion.display), 1)),
         _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
           createBaseVNode("span", _hoisted_4$s, toDisplayString(facetLabel.value), 1),
           createBaseVNode("span", _hoisted_5$i, toDisplayString(_ctx.suggestion.facet.title), 1)
@@ -8862,7 +8888,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1a = {
+const _hoisted_1$18 = {
   id: "lupa-search-box-suggestions",
   "data-cy": "lupa-search-box-suggestions"
 };
@@ -8926,7 +8952,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
       });
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1a, [
+      return openBlock(), createElementBlock("div", _hoisted_1$18, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
           return openBlock(), createBlock(_sfc_main$1i, {
             key: getSuggestionKey(item),
@@ -9058,7 +9084,7 @@ const useDynamicDataStore = defineStore("dynamicData", () => {
     if (!requestedIds.length) {
       return;
     }
-    loadingIds.value = requestedIds.reduce((a, c2) => __spreadProps2(__spreadValues2({}, a), { [c2]: true }), {});
+    loadingIds.value = requestedIds.reduce((a, c2) => __spreadProps(__spreadValues({}, a), { [c2]: true }), {});
     loading.value = true;
     try {
       const dynamicData = dynamicSearchResultData.value || dynamicSearchBoxData.value;
@@ -9068,10 +9094,10 @@ const useDynamicDataStore = defineStore("dynamicData", () => {
       const dynamicDataResult = (_h = yield dynamicData == null ? void 0 : dynamicData.handler(requestedIds)) != null ? _h : [];
       const seed = {};
       const dynamicDataIdMapValue = dynamicDataResult.reduce(
-        (a, c2) => __spreadProps2(__spreadValues2({}, a), { [`${c2.id}`]: c2 }),
+        (a, c2) => __spreadProps(__spreadValues({}, a), { [`${c2.id}`]: c2 }),
         seed
       );
-      dynamicDataIdMap.value = __spreadValues2(__spreadValues2({}, dynamicDataIdMap.value), dynamicDataIdMapValue);
+      dynamicDataIdMap.value = __spreadValues(__spreadValues({}, dynamicDataIdMap.value), dynamicDataIdMapValue);
     } finally {
       loading.value = false;
       loadingIds.value = {};
@@ -9101,7 +9127,7 @@ const replaceImageWithPlaceholder = (e2, placeholder) => {
     targetImage.src = placeholder;
   }
 };
-const _hoisted_1$19 = ["src"];
+const _hoisted_1$17 = ["src"];
 const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   __name: "ProductImage",
   props: {
@@ -9220,7 +9246,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
             }, { alt: imageAlt.value ? imageAlt.value : void 0 }, {
               onError: replaceWithPlaceholder,
               key: finalUrl.value
-            }), null, 16, _hoisted_1$19))
+            }), null, 16, _hoisted_1$17))
           ]),
           _: 1
         })
@@ -9245,7 +9271,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$18 = ["innerHTML"];
+const _hoisted_1$16 = ["innerHTML"];
 const _hoisted_2$O = {
   key: 1,
   class: "lupa-search-box-product-title"
@@ -9270,13 +9296,13 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
         key: 0,
         class: "lupa-search-box-product-title",
         innerHTML: title.value
-      }, null, 8, _hoisted_1$18)) : (openBlock(), createElementBlock("div", _hoisted_2$O, [
+      }, null, 8, _hoisted_1$16)) : (openBlock(), createElementBlock("div", _hoisted_2$O, [
         createBaseVNode("strong", null, toDisplayString(title.value), 1)
       ]));
     };
   }
 });
-const _hoisted_1$17 = ["innerHTML"];
+const _hoisted_1$15 = ["innerHTML"];
 const _hoisted_2$N = {
   key: 1,
   class: "lupa-search-box-product-description"
@@ -9301,11 +9327,11 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
         key: 0,
         class: "lupa-search-box-product-description",
         innerHTML: description.value
-      }, null, 8, _hoisted_1$17)) : (openBlock(), createElementBlock("div", _hoisted_2$N, toDisplayString(description.value), 1));
+      }, null, 8, _hoisted_1$15)) : (openBlock(), createElementBlock("div", _hoisted_2$N, toDisplayString(description.value), 1));
     };
   }
 });
-const _hoisted_1$16 = { class: "lupa-search-box-product-price" };
+const _hoisted_1$14 = { class: "lupa-search-box-product-price" };
 const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductPrice",
   props: {
@@ -9324,13 +9350,12 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
       );
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$16, [
+      return openBlock(), createElementBlock("div", _hoisted_1$14, [
         createBaseVNode("strong", null, toDisplayString(price.value), 1)
       ]);
     };
   }
 });
-const _hoisted_1$15 = { class: "lupa-search-box-product-regular-price" };
 const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductRegularPrice",
   props: {
@@ -9340,6 +9365,9 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
+    const className = computed(() => {
+      return props.options.className;
+    });
     const price = computed(() => {
       var _a, _b;
       return formatPrice(
@@ -9349,11 +9377,13 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
       );
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$15, toDisplayString(price.value), 1);
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([className.value, "lupa-search-box-product-regular-price"])
+      }, toDisplayString(price.value), 3);
     };
   }
 });
-const _hoisted_1$14 = ["innerHTML"];
+const _hoisted_1$13 = ["innerHTML"];
 const _hoisted_2$M = { key: 0 };
 const _hoisted_3$z = { key: 1 };
 const _hoisted_4$r = { class: "lupa-search-box-custom-label" };
@@ -9384,7 +9414,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
         key: 0,
         class: [className.value, "lupa-search-box-product-custom"],
         innerHTML: text.value
-      }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$14)) : (openBlock(), createElementBlock("div", mergeProps({
+      }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$13)) : (openBlock(), createElementBlock("div", mergeProps({
         key: 1,
         class: [className.value, "lupa-search-box-product-custom"]
       }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
@@ -9396,7 +9426,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$13 = ["innerHTML"];
+const _hoisted_1$12 = ["innerHTML"];
 const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductCustomHtml",
   props: {
@@ -9417,7 +9447,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", mergeProps({
         class: className.value,
         innerHTML: text.value
-      }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$13);
+      }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$12);
     };
   }
 });
@@ -9537,17 +9567,17 @@ const useSearchResultStore = defineStore("searchResult", () => {
       return hasResults.value && ((_a = searchResult.value.offset) != null ? _a : 0) >= totalItems.value;
     }
   );
-  const setSidebarState = ({ visible }) => {
-    if (visible) {
+  const setSidebarState = ({ visible: visible2 }) => {
+    if (visible2) {
       disableBodyScroll();
     } else {
       enableBodyScroll();
     }
-    isMobileSidebarVisible.value = visible;
+    isMobileSidebarVisible.value = visible2;
   };
   const queryFacet = (_0) => __async(void 0, [_0], function* ({ queryKey, facetKey }) {
     var _a, _b, _c, _d;
-    const query = { searchText: "", filters: __spreadValues2({}, filters.value) };
+    const query = { searchText: "", filters: __spreadValues({}, filters.value) };
     const options = (_a = optionsStore.envOptions) != null ? _a : { environment: "production" };
     const result = yield LupaSearchSdk.query(queryKey, query, options);
     if (!result.success) {
@@ -9555,8 +9585,8 @@ const useSearchResultStore = defineStore("searchResult", () => {
     }
     const facet = (_b = result.facets) == null ? void 0 : _b.find((f2) => f2.key === facetKey);
     const facetItems = (_c = facet == null ? void 0 : facet.items) != null ? _c : [];
-    const updatedResult = __spreadProps2(__spreadValues2({}, searchResult.value), {
-      facets: (_d = facets.value) == null ? void 0 : _d.map((f2) => f2.key === facetKey ? __spreadProps2(__spreadValues2({}, f2), { items: facetItems }) : f2)
+    const updatedResult = __spreadProps(__spreadValues({}, searchResult.value), {
+      facets: (_d = facets.value) == null ? void 0 : _d.map((f2) => f2.key === facetKey ? __spreadProps(__spreadValues({}, f2), { items: facetItems }) : f2)
     });
     searchResult.value = updatedResult;
   });
@@ -9645,7 +9675,7 @@ const useSearchResultStore = defineStore("searchResult", () => {
     filterVisibleFilterValues
   };
 });
-const _hoisted_1$12 = { class: "lupa-search-box-add-to-cart-wrapper" };
+const _hoisted_1$11 = { class: "lupa-search-box-add-to-cart-wrapper" };
 const _hoisted_2$L = { class: "lupa-search-box-product-addtocart" };
 const _hoisted_3$y = ["onClick", "disabled"];
 const _sfc_main$17 = /* @__PURE__ */ defineComponent({
@@ -9675,7 +9705,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
       loading.value = false;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$12, [
+      return openBlock(), createElementBlock("div", _hoisted_1$11, [
         createBaseVNode("div", _hoisted_2$L, [
           createBaseVNode("button", {
             onClick: withModifiers(handleClick, ["stop", "prevent"]),
@@ -9689,7 +9719,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$11 = {
+const _hoisted_1$10 = {
   key: 1,
   class: "lupa-search-box-element-badge-wrapper"
 };
@@ -9705,7 +9735,7 @@ const __default__$4 = {
     SearchBoxProductAddToCart: _sfc_main$17
   }
 };
-const _sfc_main$16 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$4), {
+const _sfc_main$16 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$4), {
   __name: "SearchBoxProductElement",
   props: {
     item: {},
@@ -9747,7 +9777,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
         return props.item;
       }
       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);
+      return __spreadValues(__spreadValues({}, props.item), enhancementData);
     });
     const isLoadingDynamicData = (id) => {
       return Boolean(props.element.dynamic && id && loading.value && (loadingIds == null ? void 0 : loadingIds.value[id]));
@@ -9763,7 +9793,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
           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$11, [
+      ], 64)) : (openBlock(), createElementBlock("div", _hoisted_1$10, [
         displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
           key: 0,
           item: enhancedItem.value,
@@ -9777,7 +9807,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
     };
   }
 }));
-const _hoisted_1$10 = { class: "lupa-badge-title" };
+const _hoisted_1$$ = { class: "lupa-badge-title" };
 const _hoisted_2$K = ["src"];
 const _hoisted_3$x = { key: 1 };
 const _hoisted_4$q = {
@@ -9817,7 +9847,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["lupa-dynamic-badge", customClassName.value]),
         style: normalizeStyle({ background: _ctx.badge.backgroundColor, color: _ctx.badge.color })
       }, [
-        createBaseVNode("span", _hoisted_1$10, [
+        createBaseVNode("span", _hoisted_1$$, [
           image.value ? (openBlock(), createElementBlock("img", {
             key: 0,
             src: image.value
@@ -9829,7 +9859,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$$ = { class: "lupa-generated-badges" };
+const _hoisted_1$_ = { class: "lupa-generated-badges" };
 const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   __name: "SearchResultGeneratedBadges",
   props: {
@@ -9856,7 +9886,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
       })).filter((b) => Boolean(b.id));
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$$, [
+      return openBlock(), createElementBlock("div", _hoisted_1$_, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(badges.value, (badge) => {
           return openBlock(), createBlock(_sfc_main$15, {
             key: badge.id,
@@ -9868,7 +9898,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$_ = ["innerHTML"];
+const _hoisted_1$Z = ["innerHTML"];
 const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   __name: "CustomBadge",
   props: {
@@ -9888,11 +9918,11 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(className.value),
         innerHTML: text.value
-      }, null, 10, _hoisted_1$_);
+      }, null, 10, _hoisted_1$Z);
     };
   }
 });
-const _hoisted_1$Z = { class: "lupa-text-badges" };
+const _hoisted_1$Y = { class: "lupa-text-badges" };
 const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   __name: "TextBadge",
   props: {
@@ -9908,7 +9938,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
       return badges.value.slice(0, props.badge.maxItems);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$Z, [
+      return openBlock(), createElementBlock("div", _hoisted_1$Y, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
           return openBlock(), createElementBlock("div", {
             class: "lupa-badge lupa-text-badge",
@@ -9919,7 +9949,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$Y = { class: "lupa-image-badges" };
+const _hoisted_1$X = { class: "lupa-image-badges" };
 const _hoisted_2$J = ["src"];
 const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   __name: "ImageBadge",
@@ -9941,7 +9971,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
       return `${props.badge.rootImageUrl}${src}`;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$Y, [
+      return openBlock(), createElementBlock("div", _hoisted_1$X, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
           return openBlock(), createElementBlock("div", {
             class: "lupa-badge lupa-image-badge",
@@ -9956,7 +9986,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$X = { id: "lupa-search-results-badges" };
+const _hoisted_1$W = { id: "lupa-search-results-badges" };
 const __default__$3 = {
   components: {
     CustomBadge: _sfc_main$13,
@@ -9964,7 +9994,7 @@ const __default__$3 = {
     ImageBadge: _sfc_main$11
   }
 };
-const _sfc_main$10 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$3), {
+const _sfc_main$10 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$3), {
   __name: "SearchResultsBadgeWrapper",
   props: {
     position: {},
@@ -9987,7 +10017,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
         return props.options.product;
       }
       const enhancementData = (_d = (_c = dynamicDataIdMap.value) == null ? void 0 : _c[(_b = props.options.product) == null ? void 0 : _b.id]) != null ? _d : {};
-      return __spreadValues2(__spreadValues2({}, props.options.product), enhancementData);
+      return __spreadValues(__spreadValues({}, props.options.product), enhancementData);
     });
     const badges = computed(() => {
       if (!props.options.elements) {
@@ -9998,7 +10028,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
         return !e2.display || e2.display((_a = props.options.product) != null ? _a : {});
       }).map((x) => {
         var _a;
-        return __spreadProps2(__spreadValues2({}, x), {
+        return __spreadProps(__spreadValues({}, x), {
           value: ((_a = enhancedProduct.value) == null ? void 0 : _a[x.key]) || "badge",
           product: enhancedProduct.value
         });
@@ -10020,7 +10050,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$X, [
+      return openBlock(), createElementBlock("div", _hoisted_1$W, [
         createBaseVNode("div", {
           id: "lupa-badges",
           class: normalizeClass(anchorPosition.value)
@@ -10040,7 +10070,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
     };
   }
 }));
-const _hoisted_1$W = ["href"];
+const _hoisted_1$V = ["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_4$p = {
@@ -10065,7 +10095,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
       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 });
+      return __spreadProps(__spreadValues({}, props.panelOptions.badges), { product: props.item });
     });
     const imageElements = computed(() => {
       var _a, _b;
@@ -10152,7 +10182,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
             isInStock: isInStock.value
           }, null, 8, ["item", "element", "labels", "link", "isInStock"])
         ])) : createCommentVNode("", true)
-      ], 16, _hoisted_1$W);
+      ], 16, _hoisted_1$V);
     };
   }
 });
@@ -10204,8 +10234,8 @@ const useTrackingStore = defineStore("tracking", () => {
     const mappedItems = ((_e = trackingOptions.analytics) == null ? void 0 : _e.itemMap) ? items.map(trackingOptions.analytics.itemMap) : items;
     track(
       queryKey,
-      __spreadProps2(__spreadValues2({}, data), {
-        analytics: data.analytics ? __spreadProps2(__spreadValues2({}, data.analytics), { items: mappedItems }) : void 0,
+      __spreadProps(__spreadValues({}, data), {
+        analytics: data.analytics ? __spreadProps(__spreadValues({}, data.analytics), { items: mappedItems }) : void 0,
         filters: searchResultStore.hasAnyFilter ? searchResultStore.filters : void 0
       }),
       options
@@ -10213,7 +10243,7 @@ const useTrackingStore = defineStore("tracking", () => {
   };
   return { trackSearch, trackResults, trackEvent };
 });
-const _hoisted_1$V = { id: "lupa-search-box-products" };
+const _hoisted_1$U = { id: "lupa-search-box-products" };
 const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProducts",
   props: {
@@ -10275,7 +10305,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
       handleRoutingEvent(link, event, boxRoutingBehavior.value === "event");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$V, [
+      return openBlock(), createElementBlock("div", _hoisted_1$U, [
         _ctx.$slots.productCard ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.items, (item, index) => {
           return renderSlot(_ctx.$slots, "productCard", {
             key: index,
@@ -10302,7 +10332,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$U = { class: "lupa-search-box-documents-go-to-results-wrapper" };
+const _hoisted_1$T = { class: "lupa-search-box-documents-go-to-results-wrapper" };
 const _hoisted_2$H = { key: 0 };
 const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductsGoToResultsButton",
@@ -10334,7 +10364,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
       emit2("goToResults");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$U, [
+      return openBlock(), createElementBlock("div", _hoisted_1$T, [
         createBaseVNode("button", {
           class: "lupa-search-box-documents-go-to-results-button",
           onClick: goToResults
@@ -10499,7 +10529,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     });
     const getItemsDebounced = debounce$1(getItems, props.debounce);
     const documentPanelOptions = computed(() => {
-      return __spreadProps2(__spreadValues2({}, props.panel), {
+      return __spreadProps(__spreadValues({}, props.panel), {
         type: SearchBoxPanelType.DOCUMENT
       });
     });
@@ -10523,7 +10553,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$T = {
+const _hoisted_1$S = {
   key: 0,
   id: "lupa-search-box-panel"
 };
@@ -10547,7 +10577,7 @@ const __default__$2 = {
     SearchBoxRelatedSourceWrapper: _sfc_main$X
   }
 };
-const _sfc_main$W = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$2), {
+const _sfc_main$W = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$2), {
   __name: "SearchBoxMainPanel",
   props: {
     options: {},
@@ -10693,7 +10723,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
         ref_key: "panelContainer",
         ref: panelContainer
       }, [
-        displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$T, [
+        displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$S, [
           labels.value.closePanel ? (openBlock(), createElementBlock("a", {
             key: 0,
             class: "lupa-search-box-close-panel",
@@ -10776,7 +10806,7 @@ const unbindSearchTriggers = (triggers = [], event) => {
   const elements = getElements(triggers);
   elements.forEach((e2) => e2 == null ? void 0 : e2.removeEventListener(BIND_EVENT, event));
 };
-const _hoisted_1$S = { id: "lupa-search-box" };
+const _hoisted_1$R = { id: "lupa-search-box" };
 const _hoisted_2$F = { class: "lupa-search-box-wrapper" };
 const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "SearchBox",
@@ -10859,7 +10889,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
       const elementClass = (_b = (_a2 = e2.target) == null ? void 0 : _a2.className) != null ? _b : "";
       const hasLupaClass = typeof elementClass.includes == "function" && elementClass.includes("lupa-search-box");
       const isOutsideElement = el && !el.contains(e2.target) && !hasLupaClass;
-      if (!isOutsideElement) {
+      if (!isOutsideElement || props.options.keepOpen) {
         return;
       }
       opened.value = false;
@@ -10878,7 +10908,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
         case "Tab":
           if ((_b = (_a2 = suggestedValue == null ? void 0 : suggestedValue.value) == null ? void 0 : _a2.item) == null ? void 0 : _b.suggestion) {
             e2.preventDefault();
-            selectSuggestion(__spreadProps2(__spreadValues2({}, suggestedValue.value), { override: true }));
+            selectSuggestion(__spreadProps(__spreadValues({}, suggestedValue.value), { override: true }));
           }
           break;
         case "Enter":
@@ -10893,6 +10923,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
       opened.value = true;
       inputValue.value = (_a2 = value == null ? void 0 : value.replace(/\s+$/, "")) != null ? _a2 : "";
       suggestedValue.value = defaultSuggestedValue;
+      searchBoxStore.resetHighlightIndex();
       trackSearchQuery(value);
       if (props.isSearchContainer) {
         goToResultsDebounced({
@@ -10927,7 +10958,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     };
     const selectSuggestion = (inputSuggestion, shouldSearch = false) => {
       if (inputSuggestion.item.suggestion) {
-        suggestedValue.value = __spreadProps2(__spreadValues2({}, inputSuggestion), {
+        suggestedValue.value = __spreadProps(__spreadValues({}, inputSuggestion), {
           override: true
         });
         if (inputSuggestion.override) {
@@ -11025,11 +11056,11 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
       opened.value = false;
     };
     const slotProps = (props2) => {
-      return __spreadValues2({}, props2);
+      return __spreadValues({}, props2);
     };
     return (_ctx, _cache) => {
       var _a2;
-      return openBlock(), createElementBlock("div", _hoisted_1$S, [
+      return openBlock(), createElementBlock("div", _hoisted_1$R, [
         createBaseVNode("div", _hoisted_2$F, [
           createVNode(_sfc_main$1n, {
             options: inputOptions.value,
@@ -11113,8 +11144,8 @@ const getOffset = (page, limit = 10) => {
   return (page - 1) * limit;
 };
 const getPublicQuery = (publicQuery, initialFilters, isProductList) => {
-  return __spreadProps2(__spreadValues2({}, publicQuery), {
-    filters: __spreadValues2(__spreadValues2({}, initialFilters), publicQuery.filters),
+  return __spreadProps(__spreadValues({}, publicQuery), {
+    filters: __spreadValues(__spreadValues({}, initialFilters), publicQuery.filters),
     searchText: isProductList ? "" : publicQuery.searchText
   });
 };
@@ -11131,7 +11162,7 @@ const getSearchParams = (url, params, baseUrl) => {
   }
   return searchParams;
 };
-const _hoisted_1$R = {
+const _hoisted_1$Q = {
   key: 0,
   id: "lupa-search-results-did-you-mean"
 };
@@ -11176,7 +11207,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
       paramStore.goToResults({ searchText, facet });
     };
     return (_ctx, _cache) => {
-      return unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_1$R, [
+      return unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_1$Q, [
         unref(searchResult).suggestedSearchText ? (openBlock(), createElementBlock("div", _hoisted_2$E, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.labels.noResultsSuggestion.split(" "), (label, index) => {
             return openBlock(), createElementBlock("span", { key: index }, [
@@ -11202,7 +11233,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$Q = {
+const _hoisted_1$P = {
   key: 0,
   class: "lupa-search-results-summary"
 };
@@ -11222,7 +11253,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
       return addParamsToLabel(props.label, range, `<span>${totalItems.value}</span>`);
     });
     return (_ctx, _cache) => {
-      return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$Q, [
+      return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$P, [
         createBaseVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$D),
         _ctx.clearable ? (openBlock(), createElementBlock("span", {
           key: 0,
@@ -11234,7 +11265,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$P = {
+const _hoisted_1$O = {
   key: 0,
   class: "lupa-result-page-title",
   "data-cy": "lupa-result-page-title"
@@ -11285,7 +11316,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$P, [
+        showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$O, [
           createTextVNode(toDisplayString(_ctx.options.labels.searchResults), 1),
           queryText.value ? (openBlock(), createElementBlock("span", _hoisted_2$C, "'" + toDisplayString(queryText.value) + "'", 1)) : createCommentVNode("", true),
           showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$t, [
@@ -11307,7 +11338,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$O = { class: "lupa-search-result-filter-value" };
+const _hoisted_1$N = { class: "lupa-search-result-filter-value" };
 const _hoisted_2$B = {
   class: "lupa-current-filter-label",
   "data-cy": "lupa-current-filter-label"
@@ -11328,7 +11359,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
       emit2("remove", { filter: props.filter });
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$O, [
+      return openBlock(), createElementBlock("div", _hoisted_1$N, [
         createBaseVNode("div", {
           class: "lupa-current-filter-action",
           onClick: handleClick
@@ -11339,7 +11370,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$N = { class: "lupa-filter-title-text" };
+const _hoisted_1$M = { class: "lupa-filter-title-text" };
 const _hoisted_2$A = {
   key: 0,
   class: "lupa-filter-count"
@@ -11422,7 +11453,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
           class: "lupa-current-filter-title",
           onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
         }, [
-          createBaseVNode("div", _hoisted_1$N, [
+          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$A, " (" + toDisplayString(unref(currentFilterCount)) + ") ", 1)) : createCommentVNode("", true)
           ]),
@@ -11451,7 +11482,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$M = ["href"];
+const _hoisted_1$L = ["href"];
 const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "CategoryFilterItem",
   props: {
@@ -11489,12 +11520,12 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
           "data-cy": "lupa-child-category-item",
           href: urlLink.value,
           onClick: handleNavigation
-        }, toDisplayString(title.value), 9, _hoisted_1$M)
+        }, toDisplayString(title.value), 9, _hoisted_1$L)
       ], 2);
     };
   }
 });
-const _hoisted_1$L = {
+const _hoisted_1$K = {
   class: "lupa-category-filter",
   "data-cy": "lupa-category-filter"
 };
@@ -11588,7 +11619,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     };
     __expose({ fetch: fetch2 });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$L, [
+      return openBlock(), createElementBlock("div", _hoisted_1$K, [
         createBaseVNode("div", _hoisted_2$z, [
           hasBackButton.value ? (openBlock(), createElementBlock("a", {
             key: 0,
@@ -11620,7 +11651,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$K = {
+const _hoisted_1$J = {
   class: "lupa-search-result-facet-term-values",
   "data-cy": "lupa-search-result-facet-term-values"
 };
@@ -11665,7 +11696,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
       return searchResultStore.filterVisibleFilterValues(facet.value.key, (_b = (_a = facet.value) == null ? void 0 : _a.items) != null ? _b : []);
     });
     const displayValues = computed(() => {
-      return filteredValues.value.slice(0, itemLimit.value).map((v) => __spreadProps2(__spreadValues2({}, v), { title: getDisplayValue(v.title) }));
+      return filteredValues.value.slice(0, itemLimit.value).map((v) => __spreadProps(__spreadValues({}, v), { title: getDisplayValue(v.title) }));
     });
     const filteredValues = computed(() => {
       var _a, _b;
@@ -11707,7 +11738,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
       return selectedItems == null ? void 0 : selectedItems.includes((_b = item.title) == null ? void 0 : _b.toString());
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$K, [
+      return openBlock(), createElementBlock("div", _hoisted_1$J, [
         isFilterable.value ? withDirectives((openBlock(), createElementBlock("input", {
           key: 0,
           class: "lupa-term-filter",
@@ -12606,7 +12637,7 @@ function h(e2, t) {
     return e3 === r[t2];
   });
 }
-var m = { name: "Slider", emits: ["input", "update:modelValue", "start", "slide", "drag", "update", "change", "set", "end"], props: __spreadProps2(__spreadValues2({}, { value: { validator: function(e2) {
+var m = { name: "Slider", emits: ["input", "update:modelValue", "start", "slide", "drag", "update", "change", "set", "end"], props: __spreadProps(__spreadValues({}, { value: { validator: function(e2) {
   return (e3) => "number" == typeof e3 || e3 instanceof Array || null == e3 || false === e3;
 }, required: false }, modelValue: { validator: function(e2) {
   return (e3) => "number" == typeof e3 || e3 instanceof Array || null == e3 || false === e3;
@@ -12619,15 +12650,15 @@ var m = { name: "Slider", emits: ["input", "update:modelValue", "start", "slide"
       throw new Error("Slider v-model must not be an empty array");
     return { value: l2, initialValue: c3 };
   }(a), c2 = function(t, i, n) {
-    const { classes: o, showTooltip: a2, tooltipPosition: s2, orientation: l2 } = toRefs(t), u2 = computed(() => __spreadValues2({ target: "slider-target", focused: "slider-focused", tooltipFocus: "slider-tooltip-focus", tooltipDrag: "slider-tooltip-drag", ltr: "slider-ltr", rtl: "slider-rtl", horizontal: "slider-horizontal", vertical: "slider-vertical", textDirectionRtl: "slider-txt-dir-rtl", textDirectionLtr: "slider-txt-dir-ltr", base: "slider-base", connects: "slider-connects", connect: "slider-connect", origin: "slider-origin", handle: "slider-handle", handleLower: "slider-handle-lower", handleUpper: "slider-handle-upper", touchArea: "slider-touch-area", tooltip: "slider-tooltip", tooltipTop: "slider-tooltip-top", tooltipBottom: "slider-tooltip-bottom", tooltipLeft: "slider-tooltip-left", tooltipRight: "slider-tooltip-right", tooltipHidden: "slider-tooltip-hidden", active: "slider-active", draggable: "slider-draggable", tap: "slider-state-tap", drag: "slider-state-drag", pips: "slider-pips", pipsHorizontal: "slider-pips-horizontal", pipsVertical: "slider-pips-vertical", marker: "slider-marker", markerHorizontal: "slider-marker-horizontal", markerVertical: "slider-marker-vertical", markerNormal: "slider-marker-normal", markerLarge: "slider-marker-large", markerSub: "slider-marker-sub", value: "slider-value", valueHorizontal: "slider-value-horizontal", valueVertical: "slider-value-vertical", valueNormal: "slider-value-normal", valueLarge: "slider-value-large", valueSub: "slider-value-sub" }, o.value));
+    const { classes: o, showTooltip: a2, tooltipPosition: s2, orientation: l2 } = toRefs(t), u2 = computed(() => __spreadValues({ target: "slider-target", focused: "slider-focused", tooltipFocus: "slider-tooltip-focus", tooltipDrag: "slider-tooltip-drag", ltr: "slider-ltr", rtl: "slider-rtl", horizontal: "slider-horizontal", vertical: "slider-vertical", textDirectionRtl: "slider-txt-dir-rtl", textDirectionLtr: "slider-txt-dir-ltr", base: "slider-base", connects: "slider-connects", connect: "slider-connect", origin: "slider-origin", handle: "slider-handle", handleLower: "slider-handle-lower", handleUpper: "slider-handle-upper", touchArea: "slider-touch-area", tooltip: "slider-tooltip", tooltipTop: "slider-tooltip-top", tooltipBottom: "slider-tooltip-bottom", tooltipLeft: "slider-tooltip-left", tooltipRight: "slider-tooltip-right", tooltipHidden: "slider-tooltip-hidden", active: "slider-active", draggable: "slider-draggable", tap: "slider-state-tap", drag: "slider-state-drag", pips: "slider-pips", pipsHorizontal: "slider-pips-horizontal", pipsVertical: "slider-pips-vertical", marker: "slider-marker", markerHorizontal: "slider-marker-horizontal", markerVertical: "slider-marker-vertical", markerNormal: "slider-marker-normal", markerLarge: "slider-marker-large", markerSub: "slider-marker-sub", value: "slider-value", valueHorizontal: "slider-value-horizontal", valueVertical: "slider-value-vertical", valueNormal: "slider-value-normal", valueLarge: "slider-value-large", valueSub: "slider-value-sub" }, o.value));
     return { classList: computed(() => {
-      const e2 = __spreadValues2({}, u2.value);
+      const e2 = __spreadValues({}, u2.value);
       return Object.keys(e2).forEach((t2) => {
         e2[t2] = Array.isArray(e2[t2]) ? e2[t2].filter((e3) => null !== e3).join(" ") : e2[t2];
       }), "always" !== a2.value && (e2.target += ` ${"drag" === a2.value ? e2.tooltipDrag : e2.tooltipFocus}`), "horizontal" === l2.value && (e2.tooltip += "bottom" === s2.value ? ` ${e2.tooltipBottom}` : ` ${e2.tooltipTop}`), "vertical" === l2.value && (e2.tooltip += "right" === s2.value ? ` ${e2.tooltipRight}` : ` ${e2.tooltipLeft}`), e2;
     }) };
   }(a), p2 = function(t, i, n) {
-    const { format: o, step: a2 } = toRefs(t), s2 = n.value, l2 = n.classList, u2 = computed(() => o && o.value ? "function" == typeof o.value ? { to: o.value } : d(__spreadValues2({}, o.value)) : d({ decimals: a2.value >= 0 ? 0 : 2 })), c3 = computed(() => Array.isArray(s2.value) ? s2.value.map((e2) => u2.value) : u2.value);
+    const { format: o, step: a2 } = toRefs(t), s2 = n.value, l2 = n.classList, u2 = computed(() => o && o.value ? "function" == typeof o.value ? { to: o.value } : d(__spreadValues({}, o.value)) : d({ decimals: a2.value >= 0 ? 0 : 2 })), c3 = computed(() => Array.isArray(s2.value) ? s2.value.map((e2) => u2.value) : u2.value);
     return { tooltipFormat: u2, tooltipsFormat: c3, tooltipsMerge: (e2, t2, r) => {
       var i2 = "rtl" === getComputedStyle(e2).direction, n2 = "rtl" === e2.noUiSlider.options.direction, o2 = "vertical" === e2.noUiSlider.options.orientation, a3 = e2.noUiSlider.getTooltips(), s3 = e2.noUiSlider.getOrigins();
       a3.forEach(function(e3, t3) {
@@ -12720,12 +12751,12 @@ var m = { name: "Slider", emits: ["input", "update:modelValue", "start", "slide"
       R(V.value);
     } };
   }(a, s, { value: l.value, initialValue: l.initialValue, tooltipFormat: p2.tooltipFormat, tooltipsFormat: p2.tooltipsFormat, tooltipsMerge: p2.tooltipsMerge, classList: c2.classList });
-  return __spreadValues2(__spreadValues2(__spreadValues2({}, c2), p2), m2);
+  return __spreadValues(__spreadValues(__spreadValues({}, c2), p2), m2);
 } };
 m.render = function(e2, t, r, i, n, o) {
   return openBlock(), createElementBlock("div", mergeProps(e2.sliderProps, { ref: "slider" }), null, 16);
 }, m.__file = "src/Slider.vue";
-const _hoisted_1$J = { class: "lupa-search-result-facet-stats-values" };
+const _hoisted_1$I = { class: "lupa-search-result-facet-stats-values" };
 const _hoisted_2$x = {
   key: 0,
   class: "lupa-stats-facet-summary"
@@ -12926,7 +12957,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
       innerSliderRange.value = value;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$J, [
+      return openBlock(), createElementBlock("div", _hoisted_1$I, [
         !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$x, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$o, [
           createBaseVNode("div", null, [
             rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$i, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
@@ -12993,7 +13024,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$I = { class: "lupa-term-checkbox-wrapper" };
+const _hoisted_1$H = { class: "lupa-term-checkbox-wrapper" };
 const _hoisted_2$w = { class: "lupa-term-checkbox-label" };
 const _hoisted_3$n = { class: "lupa-term-label" };
 const _hoisted_4$h = {
@@ -13050,7 +13081,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
           "data-cy": "lupa-facet-term",
           onClick: _cache[0] || (_cache[0] = ($event) => handleFacetClick(_ctx.item))
         }, [
-          createBaseVNode("div", _hoisted_1$I, [
+          createBaseVNode("div", _hoisted_1$H, [
             createBaseVNode("span", {
               class: normalizeClass(["lupa-term-checkbox", { checked: isChecked.value }])
             }, null, 2)
@@ -13076,7 +13107,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$H = {
+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"
 };
@@ -13132,7 +13163,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
       showAll.value = true;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$H, [
+      return openBlock(), createElementBlock("div", _hoisted_1$G, [
         isFilterable.value ? (openBlock(), createElementBlock("div", _hoisted_2$v, [
           withDirectives(createBaseVNode("input", {
             class: "lupa-term-filter",
@@ -13164,7 +13195,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$G = { class: "lupa-facet-label-text" };
+const _hoisted_1$F = { class: "lupa-facet-label-text" };
 const _hoisted_2$u = {
   key: 0,
   class: "lupa-facet-content",
@@ -13177,7 +13208,7 @@ const __default__$1 = {
     HierarchyFacet: _sfc_main$K
   }
 };
-const _sfc_main$J = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$1), {
+const _sfc_main$J = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
   __name: "FacetDisplay",
   props: {
     options: {},
@@ -13289,7 +13320,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
           "data-cy": "lupa-search-result-facet-label",
           onClick: toggleFacet
         }, [
-          createBaseVNode("div", _hoisted_1$G, 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)
@@ -13312,7 +13343,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
     };
   }
 }));
-const _hoisted_1$F = { class: "lupa-search-result-facet-section" };
+const _hoisted_1$E = { class: "lupa-search-result-facet-section" };
 const _hoisted_2$t = {
   key: 0,
   class: "lupa-facets-title"
@@ -13351,7 +13382,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       var _a;
-      return openBlock(), createElementBlock("div", _hoisted_1$F, [
+      return openBlock(), createElementBlock("div", _hoisted_1$E, [
         _ctx.options.labels.title ? (openBlock(), createElementBlock("div", _hoisted_2$t, toDisplayString(_ctx.options.labels.title), 1)) : createCommentVNode("", true),
         createBaseVNode("div", {
           class: normalizeClass(["lupa-search-result-facet-list", "lupa-" + ((_a = _ctx.facetStyle) != null ? _a : "")])
@@ -13373,7 +13404,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$E = ["onClick"];
+const _hoisted_1$D = ["onClick"];
 const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "FacetsButton",
   props: {
@@ -13394,11 +13425,11 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
         key: 0,
         class: "lupa-facets-button-filter",
         onClick: withModifiers(handleClick, ["stop"])
-      }, toDisplayString(label.value), 9, _hoisted_1$E)) : createCommentVNode("", true);
+      }, toDisplayString(label.value), 9, _hoisted_1$D)) : createCommentVNode("", true);
     };
   }
 });
-const _hoisted_1$D = { class: "lupa-search-result-facets" };
+const _hoisted_1$C = { class: "lupa-search-result-facets" };
 const _hoisted_2$s = { class: "lupa-facets-filter-button-wrapper" };
 const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "Facets",
@@ -13483,7 +13514,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       emit2("filter");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$D, [
+      return openBlock(), createElementBlock("div", _hoisted_1$C, [
         regularFacets.value ? (openBlock(), createBlock(_sfc_main$I, {
           key: 0,
           options: _ctx.options,
@@ -13505,7 +13536,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$C = {
+const _hoisted_1$B = {
   id: "lupa-search-result-filters",
   class: "lupa-search-result-filters"
 };
@@ -13542,7 +13573,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     __expose({ fetch: fetch2 });
     return (_ctx, _cache) => {
       var _a;
-      return openBlock(), createElementBlock("div", _hoisted_1$C, [
+      return openBlock(), createElementBlock("div", _hoisted_1$B, [
         showCurrentFilters.value ? (openBlock(), createBlock(_sfc_main$Q, {
           key: 0,
           options: _ctx.options.currentFilters,
@@ -13563,7 +13594,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$B = {
+const _hoisted_1$A = {
   key: 0,
   class: "lupa-mobile-filter-sidebar"
 };
@@ -13607,7 +13638,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
       handleMobileToggle();
     };
     return (_ctx, _cache) => {
-      return isMobileSidebarVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$B, [
+      return isMobileSidebarVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$A, [
         createBaseVNode("div", {
           class: "lupa-sidebar-close",
           onClick: withModifiers(handleMobileToggle, ["stop"])
@@ -13635,7 +13666,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$A = { id: "lupa-search-results-breadcrumbs" };
+const _hoisted_1$z = { id: "lupa-search-results-breadcrumbs" };
 const _hoisted_2$q = ["href", "onClick"];
 const _hoisted_3$k = {
   key: 1,
@@ -13667,7 +13698,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       handleRoutingEvent(link, event, hasEventRouting.value);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$A, [
+      return openBlock(), createElementBlock("div", _hoisted_1$z, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(breadcrumbsValue.value, (breadcrumb, index) => {
           return openBlock(), createElementBlock("span", {
             class: "lupa-search-results-breadcrumb",
@@ -13689,9 +13720,9 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$z = {
+const _hoisted_1$y = {
   id: "lupa-search-result-filters",
-  class: "lupa-search-result-filters"
+  class: "lupa-search-result-filters lupa-search-result-top-filters"
 };
 const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "FiltersTopDropdown",
@@ -13705,7 +13736,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       var _a;
-      return openBlock(), createElementBlock("div", _hoisted_1$z, [
+      return openBlock(), createElementBlock("div", _hoisted_1$y, [
         _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$G, {
           key: 0,
           options: _ctx.options.facets,
@@ -13717,7 +13748,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$y = { id: "lupa-search-results-layout-selection" };
+const _hoisted_1$x = { id: "lupa-search-results-layout-selection" };
 const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsLayoutSelection",
   setup(__props) {
@@ -13729,7 +13760,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
       searchResultStore.setLayout(layout2);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$y, [
+      return openBlock(), createElementBlock("div", _hoisted_1$x, [
         createBaseVNode("div", {
           class: normalizeClass([
             "lupa-layout-selection-grid",
@@ -13751,7 +13782,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$x = {
+const _hoisted_1$w = {
   key: 0,
   class: "lupa-mobile-toggle-filter-count"
 };
@@ -13773,12 +13804,12 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
         onClick: handleMobileToggle
       }, [
         createTextVNode(toDisplayString(_ctx.label) + " ", 1),
-        _ctx.showFilterCount && unref(currentFilterCount) > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$x, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
+        _ctx.showFilterCount && unref(currentFilterCount) > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$w, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const _hoisted_1$w = {
+const _hoisted_1$v = {
   key: 0,
   id: "lupa-search-results-page-select",
   "data-cy": "lupa-search-results-page-select"
@@ -13869,7 +13900,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_1$w, [
+      return showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_1$v, [
         showBack.value ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(firstPageLabel.value === "<" ? "lupa-page-arrow" : "lupa-show-less"),
@@ -13913,7 +13944,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$v = {
+const _hoisted_1$u = {
   id: "lupa-search-results-page-size",
   "data-cy": "lupa-search-results-page-size"
 };
@@ -13940,6 +13971,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       var _a, _b;
       return (_b = (_a = props.labels) == null ? void 0 : _a.pageSize) != null ? _b : "";
     });
+    const sizes = computed(() => props.options.sizes);
     const handleSelect = (e2) => {
       const value = e2.target.value;
       paramsStore.appendParams({
@@ -13948,7 +13980,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       });
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$v, [
+      return openBlock(), createElementBlock("div", _hoisted_1$u, [
         createBaseVNode("div", _hoisted_2$o, [
           createBaseVNode("label", _hoisted_3$i, toDisplayString(label.value), 1),
           createBaseVNode("select", {
@@ -13959,7 +13991,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
             ref_key: "select",
             ref: select
           }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options.sizes, (option) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(sizes.value, (option) => {
               return openBlock(), createElementBlock("option", {
                 key: option,
                 value: option
@@ -13971,7 +14003,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$u = {
+const _hoisted_1$t = {
   id: "lupa-search-results-sort",
   class: "lupa-search-results-sort"
 };
@@ -14028,7 +14060,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       previousKey.value = selectedKey.value;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$u, [
+      return openBlock(), createElementBlock("div", _hoisted_1$t, [
         createBaseVNode("div", _hoisted_2$n, [
           createBaseVNode("label", _hoisted_3$h, toDisplayString(_ctx.options.label), 1),
           withDirectives(createBaseVNode("select", {
@@ -14053,7 +14085,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$t = { class: "lupa-toolbar-left" };
+const _hoisted_1$s = { class: "lupa-toolbar-left" };
 const _hoisted_2$m = {
   key: 0,
   class: "lupa-toolbar-right-title"
@@ -14175,7 +14207,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
         id: "lupa-search-results-toolbar",
         class: normalizeClass({ "lupa-filter-no-results": !hasResults.value })
       }, [
-        createBaseVNode("div", _hoisted_1$t, [
+        createBaseVNode("div", _hoisted_1$s, [
           toolbarLeftLabel.value ? (openBlock(), createElementBlock("div", _hoisted_2$m, toDisplayString(toolbarLeftLabel.value), 1)) : createCommentVNode("", true),
           showLayoutSelection.value ? (openBlock(), createBlock(_sfc_main$B, { key: 1 })) : (openBlock(), createElementBlock("div", _hoisted_3$g)),
           showItemSummary.value ? (openBlock(), createBlock(_sfc_main$T, {
@@ -14229,7 +14261,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$s = ["innerHTML"];
+const _hoisted_1$r = ["innerHTML"];
 const _hoisted_2$l = ["title"];
 const _hoisted_3$f = {
   key: 0,
@@ -14269,7 +14301,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
         class: "lupa-search-results-product-title",
         style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
         innerHTML: title.value
-      }, null, 12, _hoisted_1$s)) : (openBlock(), createElementBlock("div", {
+      }, null, 12, _hoisted_1$r)) : (openBlock(), createElementBlock("div", {
         key: 1,
         class: "lupa-search-results-product-title",
         style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
@@ -14286,7 +14318,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$r = ["innerHTML"];
+const _hoisted_1$q = ["innerHTML"];
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductDescription",
   props: {
@@ -14311,7 +14343,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         class: "lupa-search-results-product-description",
         style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
         innerHTML: description.value
-      }, null, 12, _hoisted_1$r)) : (openBlock(), createElementBlock("div", {
+      }, null, 12, _hoisted_1$q)) : (openBlock(), createElementBlock("div", {
         key: 1,
         class: "lupa-search-results-product-description",
         style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`)
@@ -14319,7 +14351,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$q = { id: "lupa-search-results-rating" };
+const _hoisted_1$p = { id: "lupa-search-results-rating" };
 const _hoisted_2$k = { class: "lupa-ratings" };
 const _hoisted_3$e = { class: "lupa-ratings-base" };
 const _hoisted_4$9 = ["innerHTML"];
@@ -14358,7 +14390,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       return generateLink(props.options.links.ratingDetails, props.item);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$q, [
+      return openBlock(), createElementBlock("div", _hoisted_1$p, [
         createBaseVNode("div", _hoisted_2$k, [
           createBaseVNode("div", _hoisted_3$e, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(baseStars.value, (star, index) => {
@@ -14392,7 +14424,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$p = {
+const _hoisted_1$o = {
   class: "lupa-search-results-product-regular-price",
   "data-cy": "lupa-search-results-product-regular-price"
 };
@@ -14414,14 +14446,10 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       );
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$p, toDisplayString(price.value), 1);
+      return openBlock(), createElementBlock("div", _hoisted_1$o, toDisplayString(price.value), 1);
     };
   }
 });
-const _hoisted_1$o = {
-  class: "lupa-search-results-product-price",
-  "data-cy": "lupa-search-results-product-price"
-};
 const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductPrice",
   props: {
@@ -14431,6 +14459,9 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
+    const className = computed(() => {
+      return props.options.className;
+    });
     const price = computed(() => {
       var _a, _b;
       return formatPrice(
@@ -14440,9 +14471,12 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       );
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$o, [
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([className.value, "lupa-search-results-product-price"]),
+        "data-cy": "lupa-search-results-product-price"
+      }, [
         createBaseVNode("strong", null, toDisplayString(price.value), 1)
-      ]);
+      ], 2);
     };
   }
 });
@@ -14637,7 +14671,7 @@ const __default__ = {
     SearchResultsProductSingleStarRating: _sfc_main$m
   }
 };
-const _sfc_main$l = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__), {
+const _sfc_main$l = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
   __name: "SearchResultsProductCardElement",
   props: {
     item: {},
@@ -14682,7 +14716,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
         return props.item;
       }
       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);
+      return __spreadValues(__spreadValues({}, props.item), enhancementData);
     });
     const displayElement = computed(() => {
       return props.element.display ? props.element.display(enhancedItem.value) : true;
@@ -14741,7 +14775,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       return layout.value === ResultsLayoutEnum.LIST && !props.isAdditionalPanel ? "lupa-search-result-product-contents-list" : "";
     });
     const badgesOptions = computed(() => {
-      return __spreadProps2(__spreadValues2({}, props.options.badges), { product: props.product });
+      return __spreadProps(__spreadValues({}, props.options.badges), { product: props.product });
     });
     const imageElements = computed(() => {
       var _a, _b;
@@ -15064,7 +15098,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
     const handleQueryChange = () => {
       const context = getLupaTrackingContext();
-      const queryBody = __spreadProps2(__spreadValues2({}, context), {
+      const queryBody = __spreadProps(__spreadValues({}, context), {
         limit: props.panel.totalCountLimit,
         searchText: query.value
       });
@@ -15545,7 +15579,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       window.addEventListener("resize", handleResize);
       yield redirectionStore.initiate(props.options.redirections, props.options.options);
       if (props.initialData) {
-        searchResultStore.add(__spreadValues2({}, props.initialData));
+        searchResultStore.add(__spreadValues({}, props.initialData));
       }
       handleMounted();
       (_b = (_a = props.options.callbacks) == null ? void 0 : _a.onMounted) == null ? void 0 : _b.call(_a);
@@ -15598,7 +15632,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       });
       const context = getLupaTrackingContext();
       const limit = publicQuery.limit || defaultSearchResultPageSize.value;
-      const query2 = __spreadProps2(__spreadValues2(__spreadValues2({}, publicQuery), context), { limit });
+      const query2 = __spreadProps(__spreadValues(__spreadValues({}, publicQuery), context), { limit });
       const redirectionApplied = redirectionStore.redirectOnKeywordIfConfigured(
         publicQuery.searchText,
         optionStore.searchResultsRoutingBehavior
@@ -15613,7 +15647,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         var _a, _b;
         if (res.success) {
           handleResults({ queryKey: props.options.queryKey, results: res });
-          searchResultStore.add(__spreadValues2({}, res));
+          searchResultStore.add(__spreadValues({}, res));
         } else if ((_b = (_a = props.options) == null ? void 0 : _a.options) == null ? void 0 : _b.onError) {
           props.options.options.onError(res);
         }
@@ -15682,7 +15716,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         if (typeof window !== "undefined") {
           optionStore.setSearchResultOptions({ options: props.options });
           if (props.initialData) {
-            searchResultStore.add(__spreadValues2({}, props.initialData));
+            searchResultStore.add(__spreadValues({}, props.initialData));
           }
           handleMounted();
           return;
@@ -15693,7 +15727,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           (_b = props.options.ssr) == null ? void 0 : _b.baseUrl
         );
         optionStore.setSearchResultOptions({ options: props.options });
-        searchResultStore.add(__spreadValues2({}, initialData));
+        searchResultStore.add(__spreadValues({}, initialData));
         paramStore.add(parseParams(optionStore.getQueryParamName, searchParams), props.options.ssr);
         paramStore.setDefaultLimit(defaultSearchResultPageSize.value);
         handleResults({ queryKey: props.options.queryKey, results: initialData });
@@ -15831,8 +15865,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const props = __props;
     const searchResults2 = ref(null);
     const componentOptions = computed(() => {
-      return __spreadProps2(__spreadValues2({}, props.options), {
-        filters: __spreadProps2(__spreadValues2({}, props.options.filters), {
+      return __spreadProps(__spreadValues({}, props.options), {
+        filters: __spreadProps(__spreadValues({}, props.options.filters), {
           categories: props.options.categories
         })
       });
@@ -22359,11 +22393,11 @@ const Env = {
   production: "https://api.lupasearch.com/v1/",
   staging: "https://api.staging.lupasearch.com/v1/"
 };
-const defaultConfig = {
+const DEFAULT_REQUEST_CONFIG = {
   method: "POST",
   headers: { "Content-Type": "application/json" }
 };
-const headers = defaultConfig.headers;
+const DEFAULT_HEADERS = DEFAULT_REQUEST_CONFIG.headers;
 const getApiUrl = (environment, customBaseUrl) => {
   if (customBaseUrl) {
     return customBaseUrl;
@@ -22375,13 +22409,13 @@ const suggestSearchChatPhrases = (options, request, chatSettings) => __async(voi
   const { environment, customBaseUrl } = options;
   const model = (chatSettings == null ? void 0 : chatSettings.model) ? `?model=${chatSettings.model}` : ``;
   try {
-    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat${model}`, __spreadProps2(__spreadValues2({}, defaultConfig), {
+    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat${model}`, __spreadProps(__spreadValues({}, DEFAULT_REQUEST_CONFIG), {
       body: JSON.stringify(request),
-      headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
+      headers: __spreadValues(__spreadValues({}, DEFAULT_HEADERS), (_a = options.customHeaders) != null ? _a : {})
     }));
     if (res.status < 400) {
       const data = yield res.json();
-      return __spreadProps2(__spreadValues2({}, data), { success: true });
+      return __spreadProps(__spreadValues({}, data), { success: true });
     }
     const errors = yield res.json();
     (_b = options == null ? void 0 : options.onError) == null ? void 0 : _b.call(options, errors);
@@ -22398,14 +22432,14 @@ const suggestPhraseAlternatives = (options, request, chatSettings) => __async(vo
   try {
     const res = yield fetch(
       `${getApiUrl(environment, customBaseUrl)}chat/phraseAlternatives${model}`,
-      __spreadProps2(__spreadValues2({}, defaultConfig), {
+      __spreadProps(__spreadValues({}, DEFAULT_REQUEST_CONFIG), {
         body: JSON.stringify(request),
-        headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
+        headers: __spreadValues(__spreadValues({}, DEFAULT_HEADERS), (_a = options.customHeaders) != null ? _a : {})
       })
     );
     if (res.status < 400) {
       const data = yield res.json();
-      return __spreadProps2(__spreadValues2({}, data), { success: true });
+      return __spreadProps(__spreadValues({}, data), { success: true });
     }
     const errors = yield res.json();
     (_b = options == null ? void 0 : options.onError) == null ? void 0 : _b.call(options, errors);
@@ -22420,13 +22454,13 @@ const suggestBestProductMatches = (options, request, chatSettings) => __async(vo
   const { environment, customBaseUrl } = options;
   const model = (chatSettings == null ? void 0 : chatSettings.model) ? `?model=${chatSettings.model}` : ``;
   try {
-    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/bestProducts${model}`, __spreadProps2(__spreadValues2({}, defaultConfig), {
+    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/bestProducts${model}`, __spreadProps(__spreadValues({}, DEFAULT_REQUEST_CONFIG), {
       body: JSON.stringify(request),
-      headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
+      headers: __spreadValues(__spreadValues({}, DEFAULT_HEADERS), (_a = options.customHeaders) != null ? _a : {})
     }));
     if (res.status < 400) {
       const data = yield res.json();
-      return __spreadProps2(__spreadValues2({}, data), { success: true });
+      return __spreadProps(__spreadValues({}, data), { success: true });
     }
     const errors = yield res.json();
     (_b = options == null ? void 0 : options.onError) == null ? void 0 : _b.call(options, errors);
@@ -22460,9 +22494,9 @@ const prepareChatHistory = (chatLog) => {
 const getTextResponseChunkStream = (options, request, onChunkReceived, chatSettings) => {
   var _a;
   const model = (chatSettings == null ? void 0 : chatSettings.model) ? `?model=${chatSettings.model}` : ``;
-  fetch(`${getApiUrl(options.environment, options.customBaseUrl)}chat/text${model}`, __spreadProps2(__spreadValues2({}, defaultConfig), {
+  fetch(`${getApiUrl(options.environment, options.customBaseUrl)}chat/text${model}`, __spreadProps(__spreadValues({}, DEFAULT_REQUEST_CONFIG), {
     body: JSON.stringify(request),
-    headers: __spreadValues2(__spreadValues2({}, headers), (_a = options.customHeaders) != null ? _a : {})
+    headers: __spreadValues(__spreadValues({}, DEFAULT_HEADERS), (_a = options.customHeaders) != null ? _a : {})
   })).then((response) => {
     const reader = response.body.getReader();
     return reader.read().then(function processStream({ done, value }) {
@@ -22854,7 +22888,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
         }
         const validPhrases = phrases.filter((p2) => (p2 == null ? void 0 : p2.trim().length) > 0);
         chatContent.value = chatContent.value.map(
-          (c2) => c2.key === key ? __spreadProps2(__spreadValues2({}, c2), {
+          (c2) => c2.key === key ? __spreadProps(__spreadValues({}, c2), {
             allPhrases: [...validPhrases],
             suggestedPhrases: phrases
           }) : c2
@@ -22891,6 +22925,29 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const fetchPluginConfiguration = (options, configurationKey) => __async(void 0, null, function* () {
+  var _a, _b, _c;
+  const { environment, customBaseUrl } = options;
+  try {
+    const res = yield fetch(
+      `${getApiUrl(environment, customBaseUrl)}plugin/configurations/${configurationKey}`,
+      __spreadProps(__spreadValues({}, DEFAULT_REQUEST_CONFIG), {
+        method: "GET",
+        headers: __spreadValues(__spreadValues({}, DEFAULT_HEADERS), (_a = options.customHeaders) != null ? _a : {})
+      })
+    );
+    if (res.status < 400) {
+      const data = yield res.json();
+      return __spreadValues({}, data);
+    }
+    const errors = yield res.json();
+    (_b = options == null ? void 0 : options.onError) == null ? void 0 : _b.call(options, errors);
+    return null;
+  } catch (e2) {
+    (_c = options == null ? void 0 : options.onError) == null ? void 0 : _c.call(options, e2);
+    return null;
+  }
+});
 let piniaInstance = null;
 const initPinia = () => {
   if (piniaInstance) {
@@ -22906,105 +22963,450 @@ const setupTracking = (options) => {
   initTracking(options);
   store.setTrackingOptions({ options });
 };
-var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-var lodash = { exports: {} };
-/**
- * @license
- * Lodash <https://lodash.com/>
- * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
- * Released under MIT license <https://lodash.com/license>
- * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
- * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
- */
-lodash.exports;
-(function(module, exports) {
-  (function() {
-    var undefined$1;
-    var VERSION = "4.17.21";
-    var LARGE_ARRAY_SIZE = 200;
-    var CORE_ERROR_TEXT = "Unsupported core-js use. Try https://npms.io/search?q=ponyfill.", FUNC_ERROR_TEXT = "Expected a function", INVALID_TEMPL_VAR_ERROR_TEXT = "Invalid `variable` option passed into `_.template`";
-    var HASH_UNDEFINED = "__lodash_hash_undefined__";
-    var MAX_MEMOIZE_SIZE = 500;
-    var PLACEHOLDER = "__lodash_placeholder__";
-    var CLONE_DEEP_FLAG = 1, CLONE_FLAT_FLAG = 2, CLONE_SYMBOLS_FLAG = 4;
-    var COMPARE_PARTIAL_FLAG = 1, COMPARE_UNORDERED_FLAG = 2;
-    var WRAP_BIND_FLAG = 1, WRAP_BIND_KEY_FLAG = 2, WRAP_CURRY_BOUND_FLAG = 4, WRAP_CURRY_FLAG = 8, WRAP_CURRY_RIGHT_FLAG = 16, WRAP_PARTIAL_FLAG = 32, WRAP_PARTIAL_RIGHT_FLAG = 64, WRAP_ARY_FLAG = 128, WRAP_REARG_FLAG = 256, WRAP_FLIP_FLAG = 512;
-    var DEFAULT_TRUNC_LENGTH = 30, DEFAULT_TRUNC_OMISSION = "...";
-    var HOT_COUNT = 800, HOT_SPAN = 16;
-    var LAZY_FILTER_FLAG = 1, LAZY_MAP_FLAG = 2, LAZY_WHILE_FLAG = 3;
-    var INFINITY = 1 / 0, MAX_SAFE_INTEGER = 9007199254740991, MAX_INTEGER = 17976931348623157e292, NAN = 0 / 0;
-    var MAX_ARRAY_LENGTH = 4294967295, MAX_ARRAY_INDEX = MAX_ARRAY_LENGTH - 1, HALF_MAX_ARRAY_LENGTH = MAX_ARRAY_LENGTH >>> 1;
-    var wrapFlags = [
-      ["ary", WRAP_ARY_FLAG],
-      ["bind", WRAP_BIND_FLAG],
-      ["bindKey", WRAP_BIND_KEY_FLAG],
-      ["curry", WRAP_CURRY_FLAG],
-      ["curryRight", WRAP_CURRY_RIGHT_FLAG],
-      ["flip", WRAP_FLIP_FLAG],
-      ["partial", WRAP_PARTIAL_FLAG],
-      ["partialRight", WRAP_PARTIAL_RIGHT_FLAG],
-      ["rearg", WRAP_REARG_FLAG]
-    ];
-    var argsTag = "[object Arguments]", arrayTag = "[object Array]", asyncTag = "[object AsyncFunction]", boolTag = "[object Boolean]", dateTag = "[object Date]", domExcTag = "[object DOMException]", errorTag = "[object Error]", funcTag = "[object Function]", genTag = "[object GeneratorFunction]", mapTag = "[object Map]", numberTag = "[object Number]", nullTag = "[object Null]", objectTag = "[object Object]", promiseTag = "[object Promise]", proxyTag = "[object Proxy]", regexpTag = "[object RegExp]", setTag = "[object Set]", stringTag = "[object String]", symbolTag = "[object Symbol]", undefinedTag = "[object Undefined]", weakMapTag = "[object WeakMap]", weakSetTag = "[object WeakSet]";
-    var arrayBufferTag = "[object ArrayBuffer]", dataViewTag = "[object DataView]", float32Tag = "[object Float32Array]", float64Tag = "[object Float64Array]", int8Tag = "[object Int8Array]", int16Tag = "[object Int16Array]", int32Tag = "[object Int32Array]", uint8Tag = "[object Uint8Array]", uint8ClampedTag = "[object Uint8ClampedArray]", uint16Tag = "[object Uint16Array]", uint32Tag = "[object Uint32Array]";
-    var reEmptyStringLeading = /\b__p \+= '';/g, reEmptyStringMiddle = /\b(__p \+=) '' \+/g, reEmptyStringTrailing = /(__e\(.*?\)|\b__t\)) \+\n'';/g;
-    var reEscapedHtml = /&(?:amp|lt|gt|quot|#39);/g, reUnescapedHtml = /[&<>"']/g, reHasEscapedHtml = RegExp(reEscapedHtml.source), reHasUnescapedHtml = RegExp(reUnescapedHtml.source);
-    var reEscape = /<%-([\s\S]+?)%>/g, reEvaluate = /<%([\s\S]+?)%>/g, reInterpolate = /<%=([\s\S]+?)%>/g;
-    var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, reIsPlainProp = /^\w*$/, rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
-    var reRegExpChar = /[\\^$.*+?()[\]{}|]/g, reHasRegExpChar = RegExp(reRegExpChar.source);
-    var reTrimStart = /^\s+/;
-    var reWhitespace = /\s/;
-    var reWrapComment = /\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/, reWrapDetails = /\{\n\/\* \[wrapped with (.+)\] \*/, reSplitDetails = /,? & /;
-    var reAsciiWord = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
-    var reForbiddenIdentifierChars = /[()=,{}\[\]\/\s]/;
-    var reEscapeChar = /\\(\\)?/g;
-    var reEsTemplate = /\$\{([^\\}]*(?:\\.[^\\}]*)*)\}/g;
-    var reFlags = /\w*$/;
-    var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
-    var reIsBinary = /^0b[01]+$/i;
-    var reIsHostCtor = /^\[object .+?Constructor\]$/;
-    var reIsOctal = /^0o[0-7]+$/i;
-    var reIsUint = /^(?:0|[1-9]\d*)$/;
-    var reLatin = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g;
-    var reNoMatch = /($^)/;
-    var reUnescapedString = /['\n\r\u2028\u2029\\]/g;
-    var rsAstralRange = "\\ud800-\\udfff", rsComboMarksRange = "\\u0300-\\u036f", reComboHalfMarksRange = "\\ufe20-\\ufe2f", rsComboSymbolsRange = "\\u20d0-\\u20ff", rsComboRange = rsComboMarksRange + reComboHalfMarksRange + rsComboSymbolsRange, rsDingbatRange = "\\u2700-\\u27bf", rsLowerRange = "a-z\\xdf-\\xf6\\xf8-\\xff", rsMathOpRange = "\\xac\\xb1\\xd7\\xf7", rsNonCharRange = "\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf", rsPunctuationRange = "\\u2000-\\u206f", rsSpaceRange = " \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000", rsUpperRange = "A-Z\\xc0-\\xd6\\xd8-\\xde", rsVarRange = "\\ufe0e\\ufe0f", rsBreakRange = rsMathOpRange + rsNonCharRange + rsPunctuationRange + rsSpaceRange;
-    var rsApos = "['’]", rsAstral = "[" + rsAstralRange + "]", rsBreak = "[" + rsBreakRange + "]", rsCombo = "[" + rsComboRange + "]", rsDigits = "\\d+", rsDingbat = "[" + rsDingbatRange + "]", rsLower = "[" + rsLowerRange + "]", rsMisc = "[^" + rsAstralRange + rsBreakRange + rsDigits + rsDingbatRange + rsLowerRange + rsUpperRange + "]", rsFitz = "\\ud83c[\\udffb-\\udfff]", rsModifier = "(?:" + rsCombo + "|" + rsFitz + ")", rsNonAstral = "[^" + rsAstralRange + "]", rsRegional = "(?:\\ud83c[\\udde6-\\uddff]){2}", rsSurrPair = "[\\ud800-\\udbff][\\udc00-\\udfff]", rsUpper = "[" + rsUpperRange + "]", rsZWJ = "\\u200d";
-    var rsMiscLower = "(?:" + rsLower + "|" + rsMisc + ")", rsMiscUpper = "(?:" + rsUpper + "|" + rsMisc + ")", rsOptContrLower = "(?:" + rsApos + "(?:d|ll|m|re|s|t|ve))?", rsOptContrUpper = "(?:" + rsApos + "(?:D|LL|M|RE|S|T|VE))?", reOptMod = rsModifier + "?", rsOptVar = "[" + rsVarRange + "]?", rsOptJoin = "(?:" + rsZWJ + "(?:" + [rsNonAstral, rsRegional, rsSurrPair].join("|") + ")" + rsOptVar + reOptMod + ")*", rsOrdLower = "\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])", rsOrdUpper = "\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])", rsSeq = rsOptVar + reOptMod + rsOptJoin, rsEmoji = "(?:" + [rsDingbat, rsRegional, rsSurrPair].join("|") + ")" + rsSeq, rsSymbol = "(?:" + [rsNonAstral + rsCombo + "?", rsCombo, rsRegional, rsSurrPair, rsAstral].join("|") + ")";
-    var reApos = RegExp(rsApos, "g");
-    var reComboMark = RegExp(rsCombo, "g");
-    var reUnicode = RegExp(rsFitz + "(?=" + rsFitz + ")|" + rsSymbol + rsSeq, "g");
-    var reUnicodeWord = RegExp([
-      rsUpper + "?" + rsLower + "+" + rsOptContrLower + "(?=" + [rsBreak, rsUpper, "$"].join("|") + ")",
-      rsMiscUpper + "+" + rsOptContrUpper + "(?=" + [rsBreak, rsUpper + rsMiscLower, "$"].join("|") + ")",
-      rsUpper + "?" + rsMiscLower + "+" + rsOptContrLower,
-      rsUpper + "+" + rsOptContrUpper,
-      rsOrdUpper,
-      rsOrdLower,
-      rsDigits,
-      rsEmoji
-    ].join("|"), "g");
-    var reHasUnicode = RegExp("[" + rsZWJ + rsAstralRange + rsComboRange + rsVarRange + "]");
-    var reHasUnicodeWord = /[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;
-    var contextProps = [
-      "Array",
-      "Buffer",
-      "DataView",
-      "Date",
-      "Error",
-      "Float32Array",
-      "Float64Array",
-      "Function",
-      "Int8Array",
-      "Int16Array",
-      "Int32Array",
-      "Map",
-      "Math",
-      "Object",
-      "Promise",
-      "RegExp",
-      "Set",
-      "String",
+const displayDiscountedPriceSection = (doc2, options) => {
+  var _a, _b;
+  const discountPrice = doc2[(_a = options.fields.discountPriceKey) != null ? _a : ""];
+  const regularPrice = doc2[(_b = options.fields.regularPriceKey) != null ? _b : ""];
+  return discountPrice && regularPrice && discountPrice < regularPrice;
+};
+const displayRegularPriceSection = (doc2, options) => {
+  var _a, _b;
+  const discountPrice = doc2[(_a = options.fields.discountPriceKey) != null ? _a : ""];
+  const regularPrice = doc2[(_b = options.fields.regularPriceKey) != null ? _b : ""];
+  const anyPrice = discountPrice || regularPrice;
+  return anyPrice && !displayDiscountedPriceSection(doc2, options);
+};
+const escapeHtml = (source) => {
+  if (!source) {
+    return source;
+  }
+  return `${source}`.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+};
+const toMaxDecimalPlaces = (value, maxDecimal = 2) => {
+  if (!value) {
+    return 0;
+  }
+  try {
+    return +parseFloat(`${value}`).toFixed(maxDecimal);
+  } catch (e2) {
+    return `${value}`;
+  }
+};
+const capitalize = (value) => {
+  if (!value) {
+    return "";
+  }
+  return value.charAt(0).toLocaleUpperCase() + value.slice(1);
+};
+const getAlphanumeric = (value) => {
+  if (!value) {
+    return "";
+  }
+  return value.replace(/[\W_]/g, " ");
+};
+const getAdditionalElements = (fields) => {
+  return fields.map((key) => ({
+    type: "custom",
+    key,
+    label: capitalize(getAlphanumeric(key)),
+    className: "lupa-custom",
+    display: (doc2) => Boolean(doc2[key])
+  }));
+};
+const addFieldIfKeyExists = (field, key, config) => {
+  if (key) {
+    return config;
+  }
+  return { key: field, type: "customHtml", display: () => false };
+};
+const getSearchBoxComponent = ({
+  searchBoxOptions,
+  labels,
+  panelOptions,
+  redirections,
+  placeholderImage
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  const panels = [
+    ...(panelOptions == null ? void 0 : panelOptions.suggestionPanel) ? [
+      {
+        type: SearchBoxPanelType.SUGGESTION,
+        queryKey: searchBoxOptions.suggestionQueryKey,
+        highlight: true,
+        limit: 8,
+        labels: {
+          topResultsTitle: (_a = labels == null ? void 0 : labels.searchBox) == null ? void 0 : _a.topSuggestionsTitle
+        }
+      }
+    ] : [],
+    ...(panelOptions == null ? void 0 : panelOptions.docPanel) ? [
+      {
+        type: SearchBoxPanelType.DOCUMENT,
+        queryKey: searchBoxOptions.documentQueryKey,
+        limit: 5,
+        elements: [
+          {
+            type: "image",
+            placeholder: placeholderImage,
+            key: (_b = searchBoxOptions.fields) == null ? void 0 : _b.imageKey,
+            baseUrl: (_c = searchBoxOptions.fields) == null ? void 0 : _c.baseImageUrl
+          },
+          {
+            type: "title",
+            key: (_d = searchBoxOptions.fields) == null ? void 0 : _d.titleKey,
+            maxLines: 2
+          },
+          {
+            type: "regularPrice",
+            key: (_e = searchBoxOptions.fields) == null ? void 0 : _e.regularPriceKey,
+            display: (doc2) => {
+              var _a2, _b2, _c2, _d2;
+              return ((_a2 = searchBoxOptions.fields) == null ? void 0 : _a2.regularPriceKey) && ((_b2 = searchBoxOptions.fields) == null ? void 0 : _b2.discountPriceKey) && parseFloat(doc2[(_c2 = searchBoxOptions.fields) == null ? void 0 : _c2.regularPriceKey]) > parseFloat(doc2[(_d2 = searchBoxOptions.fields) == null ? void 0 : _d2.discountPriceKey]);
+            }
+          },
+          {
+            type: "price",
+            key: (_f = searchBoxOptions.fields) == null ? void 0 : _f.discountPriceKey
+          }
+        ]
+      }
+    ] : []
+  ];
+  return {
+    inputSelector: searchBoxOptions.inputSelector,
+    options: {
+      environment: (_g = searchBoxOptions.environment) != null ? _g : "production",
+      customUrl: searchBoxOptions.customUrl,
+      customBaseUrl: searchBoxOptions.customBaseUrl,
+      customPayload: searchBoxOptions.customPayload,
+      customHeaders: searchBoxOptions.customHeaders
+    },
+    showTotalCount: true,
+    expandOnSinglePanel: true,
+    minInputLength: (_i = (_h = searchBoxOptions.fields) == null ? void 0 : _h.minInputLength) != null ? _i : 0,
+    debounce: 250,
+    labels: labels == null ? void 0 : labels.searchBox,
+    links: {
+      searchResults: ""
+    },
+    panels,
+    redirections,
+    history: {
+      labels: {
+        clear: (_j = labels == null ? void 0 : labels.searchBox) == null ? void 0 : _j.clearHistory
+      }
+    }
+  };
+};
+const getSearchResultsComponent = ({
+  searchResultOptions,
+  labels,
+  redirections,
+  placeholderImage,
+  configuratorOverrides,
+  callbacks,
+  additionalFields
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
+  const filters = searchResultOptions.showFacets ? {
+    currentFilters: {
+      visibility: {
+        mobileSidebar: true,
+        mobileToolbar: true
+      },
+      labels: {
+        title: "",
+        clearAll: (_a = labels == null ? void 0 : labels.facets) == null ? void 0 : _a.clearAll
+      }
+    },
+    facets: {
+      labels: {
+        title: (_b = labels == null ? void 0 : labels.facets) == null ? void 0 : _b.facetTitle,
+        showAll: (_c = labels == null ? void 0 : labels.facets) == null ? void 0 : _c.showAll,
+        facetFilter: (_d = labels == null ? void 0 : labels.facets) == null ? void 0 : _d.facetFilter,
+        facetClear: (_e = labels == null ? void 0 : labels.facets) == null ? void 0 : _e.facetClear
+      },
+      filterable: {
+        minValues: 5
+      },
+      hierarchy: {
+        maxInitialLevel: 2,
+        topLevelValueCountLimit: 5,
+        filterable: true
+      },
+      stats: {
+        slider: true,
+        inputs: true,
+        labels: {
+          from: "",
+          to: ""
+        }
+      },
+      facetValueCountLimit: 8,
+      showDocumentCount: true,
+      style: {
+        type: "sidebar"
+      }
+    }
+  } : {};
+  const columns = (_k = searchResultOptions.gridConfiguration) != null ? _k : {
+    xl: (_f = searchResultOptions.maxColumns) != null ? _f : 4,
+    l: (_g = searchResultOptions.maxColumns) != null ? _g : 3,
+    md: (_h = searchResultOptions.maxColumns) != null ? _h : 3,
+    sm: (_i = searchResultOptions.maxColumns) != null ? _i : 2,
+    xs: (_j = searchResultOptions.maxColumns) != null ? _j : 1
+  };
+  const badges = {
+    badges: {
+      anchor: "tr",
+      elements: [
+        ...searchResultOptions.showRelevance ? [
+          {
+            key: "",
+            type: "customHtml",
+            className: "relevance",
+            html: (doc2) => `${toMaxDecimalPlaces(escapeHtml(doc2._relevance), 3)}`,
+            display: (doc2) => Boolean(doc2._relevance !== void 0)
+          }
+        ] : [],
+        ...((_l = searchResultOptions.boostedMarker) == null ? void 0 : _l.enabled) ? [
+          {
+            key: "",
+            type: "customHtml",
+            className: "boosted-marker",
+            html: () => {
+              var _a2;
+              return `${escapeHtml((_a2 = searchResultOptions.boostedMarker) == null ? void 0 : _a2.label)}`;
+            },
+            display: (doc2) => doc2._boosted === true
+          }
+        ] : []
+      ]
+    }
+  };
+  return __spreadValues2(__spreadProps2(__spreadValues2({
+    options: {
+      environment: (_m = searchResultOptions.environment) != null ? _m : "production",
+      customUrl: searchResultOptions.customUrl,
+      customBaseUrl: searchResultOptions.customBaseUrl,
+      customPayload: searchResultOptions.customPayload,
+      customHeaders: searchResultOptions.customHeaders,
+      onError: searchResultOptions.errorHandler
+    },
+    queryKey: searchResultOptions.queryKey,
+    containerSelector: searchResultOptions.containerSelector,
+    searchTitlePosition: "search-results-top",
+    titleKey: (_n = searchResultOptions.fields) == null ? void 0 : _n.titleKey,
+    labels: labels == null ? void 0 : labels.searchResults,
+    grid: {
+      columns
+    },
+    pagination: {
+      sizeSelection: {
+        position: {
+          top: true,
+          bottom: false
+        },
+        sizes: [12, 24, 36, 48]
+      },
+      pageSelection: {
+        position: {
+          top: false,
+          bottom: true
+        },
+        displayMobile: 3,
+        display: 5
+      }
+    },
+    filters,
+    toolbar: {
+      layoutSelector: false,
+      itemSummary: true,
+      clearFilters: false
+    },
+    isInStock: () => {
+      return true;
+    }
+  }, badges), {
+    links: {
+      details: ((_o = searchResultOptions.fields) == null ? void 0 : _o.productUrl) ? `{${(_p = searchResultOptions.fields) == null ? void 0 : _p.productUrl}}` : void 0
+    },
+    callbacks,
+    routingBehavior: callbacks ? "event" : "direct-link",
+    idKey: "id",
+    elements: [
+      {
+        type: "image",
+        placeholder: placeholderImage,
+        key: (_q = searchResultOptions.fields) == null ? void 0 : _q.imageKey,
+        baseUrl: (_r = searchResultOptions.fields) == null ? void 0 : _r.baseImageUrl,
+        display: () => {
+          var _a2;
+          return (_a2 = searchResultOptions.fields) == null ? void 0 : _a2.imageKey;
+        }
+      },
+      addFieldIfKeyExists("_emphasis", (_s = searchResultOptions.fields) == null ? void 0 : _s.emphasizedField, {
+        type: "custom",
+        className: "lupa-custom-emphasis",
+        key: (_t = searchResultOptions.fields) == null ? void 0 : _t.emphasizedField,
+        display: () => true
+      }),
+      {
+        type: "title",
+        key: (_u = searchResultOptions.fields) == null ? void 0 : _u.titleKey,
+        maxLines: (_v = searchResultOptions.maxLines) != null ? _v : 2,
+        display: (doc2) => {
+          var _a2, _b2;
+          return ((_a2 = searchResultOptions.fields) == null ? void 0 : _a2.titleKey) && Boolean(doc2[(_b2 = searchResultOptions.fields) == null ? void 0 : _b2.titleKey]);
+        }
+      },
+      ...getAdditionalElements(additionalFields),
+      addFieldIfKeyExists("_discountPrice", (_w = searchResultOptions.fields) == null ? void 0 : _w.discountPriceKey, {
+        key: (_x = searchResultOptions.fields) == null ? void 0 : _x.discountPriceKey,
+        type: "customHtml",
+        className: "lupa-price lupa-price-discounted",
+        display: (doc2) => displayDiscountedPriceSection(doc2, searchResultOptions),
+        html: (doc2) => {
+          var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
+          const currency = escapeHtml(((_a2 = searchResultOptions.fields) == null ? void 0 : _a2.currency) || "€");
+          const discountPrice = (_d2 = parseFloat(
+            doc2[(_c2 = (_b2 = searchResultOptions.fields) == null ? void 0 : _b2.discountPriceKey) != null ? _c2 : ""]
+          )) == null ? void 0 : _d2.toFixed(2);
+          const regularPrice = (_g2 = parseFloat(
+            doc2[(_f2 = (_e2 = searchResultOptions.fields) == null ? void 0 : _e2.regularPriceKey) != null ? _f2 : ""]
+          )) == null ? void 0 : _g2.toFixed(2);
+          const discount = `<span class="lupa-discount">${escapeHtml(
+            discountPrice
+          )} ${currency}</span>`;
+          const regular = `<span class="lupa-regular">${escapeHtml(
+            regularPrice
+          )} ${currency}</span>`;
+          return discount + regular;
+        }
+      }),
+      addFieldIfKeyExists("_regularPrice", (_y = searchResultOptions.fields) == null ? void 0 : _y.regularPriceKey, {
+        key: (_z = searchResultOptions.fields) == null ? void 0 : _z.regularPriceKey,
+        type: "customHtml",
+        className: "lupa-price lupa-price-single",
+        display: (doc2) => displayRegularPriceSection(doc2, searchResultOptions),
+        html: (doc2) => {
+          var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
+          const currency = escapeHtml(((_a2 = searchResultOptions.fields) == null ? void 0 : _a2.currency) || "€");
+          const price = (_g2 = parseFloat(
+            (_f2 = doc2[(_c2 = (_b2 = searchResultOptions.fields) == null ? void 0 : _b2.regularPriceKey) != null ? _c2 : ""]) != null ? _f2 : doc2[(_e2 = (_d2 = searchResultOptions.fields) == null ? void 0 : _d2.discountPriceKey) != null ? _e2 : ""]
+          )) == null ? void 0 : _g2.toFixed(2);
+          return `<span class="lupa-final">${escapeHtml(price)} ${currency}</span>`;
+        }
+      })
+    ],
+    breadcrumbs: [],
+    sort: [],
+    redirections
+  }), configuratorOverrides);
+};
+const SearchContainerConfigurationService = {
+  getSearchBoxComponent,
+  getSearchResultsComponent
+};
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+var lodash = { exports: {} };
+/**
+ * @license
+ * Lodash <https://lodash.com/>
+ * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
+ * Released under MIT license <https://lodash.com/license>
+ * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+ * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+ */
+lodash.exports;
+(function(module, exports) {
+  (function() {
+    var undefined$1;
+    var VERSION = "4.17.21";
+    var LARGE_ARRAY_SIZE = 200;
+    var CORE_ERROR_TEXT = "Unsupported core-js use. Try https://npms.io/search?q=ponyfill.", FUNC_ERROR_TEXT = "Expected a function", INVALID_TEMPL_VAR_ERROR_TEXT = "Invalid `variable` option passed into `_.template`";
+    var HASH_UNDEFINED = "__lodash_hash_undefined__";
+    var MAX_MEMOIZE_SIZE = 500;
+    var PLACEHOLDER = "__lodash_placeholder__";
+    var CLONE_DEEP_FLAG = 1, CLONE_FLAT_FLAG = 2, CLONE_SYMBOLS_FLAG = 4;
+    var COMPARE_PARTIAL_FLAG = 1, COMPARE_UNORDERED_FLAG = 2;
+    var WRAP_BIND_FLAG = 1, WRAP_BIND_KEY_FLAG = 2, WRAP_CURRY_BOUND_FLAG = 4, WRAP_CURRY_FLAG = 8, WRAP_CURRY_RIGHT_FLAG = 16, WRAP_PARTIAL_FLAG = 32, WRAP_PARTIAL_RIGHT_FLAG = 64, WRAP_ARY_FLAG = 128, WRAP_REARG_FLAG = 256, WRAP_FLIP_FLAG = 512;
+    var DEFAULT_TRUNC_LENGTH = 30, DEFAULT_TRUNC_OMISSION = "...";
+    var HOT_COUNT = 800, HOT_SPAN = 16;
+    var LAZY_FILTER_FLAG = 1, LAZY_MAP_FLAG = 2, LAZY_WHILE_FLAG = 3;
+    var INFINITY = 1 / 0, MAX_SAFE_INTEGER = 9007199254740991, MAX_INTEGER = 17976931348623157e292, NAN = 0 / 0;
+    var MAX_ARRAY_LENGTH = 4294967295, MAX_ARRAY_INDEX = MAX_ARRAY_LENGTH - 1, HALF_MAX_ARRAY_LENGTH = MAX_ARRAY_LENGTH >>> 1;
+    var wrapFlags = [
+      ["ary", WRAP_ARY_FLAG],
+      ["bind", WRAP_BIND_FLAG],
+      ["bindKey", WRAP_BIND_KEY_FLAG],
+      ["curry", WRAP_CURRY_FLAG],
+      ["curryRight", WRAP_CURRY_RIGHT_FLAG],
+      ["flip", WRAP_FLIP_FLAG],
+      ["partial", WRAP_PARTIAL_FLAG],
+      ["partialRight", WRAP_PARTIAL_RIGHT_FLAG],
+      ["rearg", WRAP_REARG_FLAG]
+    ];
+    var argsTag = "[object Arguments]", arrayTag = "[object Array]", asyncTag = "[object AsyncFunction]", boolTag = "[object Boolean]", dateTag = "[object Date]", domExcTag = "[object DOMException]", errorTag = "[object Error]", funcTag = "[object Function]", genTag = "[object GeneratorFunction]", mapTag = "[object Map]", numberTag = "[object Number]", nullTag = "[object Null]", objectTag = "[object Object]", promiseTag = "[object Promise]", proxyTag = "[object Proxy]", regexpTag = "[object RegExp]", setTag = "[object Set]", stringTag = "[object String]", symbolTag = "[object Symbol]", undefinedTag = "[object Undefined]", weakMapTag = "[object WeakMap]", weakSetTag = "[object WeakSet]";
+    var arrayBufferTag = "[object ArrayBuffer]", dataViewTag = "[object DataView]", float32Tag = "[object Float32Array]", float64Tag = "[object Float64Array]", int8Tag = "[object Int8Array]", int16Tag = "[object Int16Array]", int32Tag = "[object Int32Array]", uint8Tag = "[object Uint8Array]", uint8ClampedTag = "[object Uint8ClampedArray]", uint16Tag = "[object Uint16Array]", uint32Tag = "[object Uint32Array]";
+    var reEmptyStringLeading = /\b__p \+= '';/g, reEmptyStringMiddle = /\b(__p \+=) '' \+/g, reEmptyStringTrailing = /(__e\(.*?\)|\b__t\)) \+\n'';/g;
+    var reEscapedHtml = /&(?:amp|lt|gt|quot|#39);/g, reUnescapedHtml = /[&<>"']/g, reHasEscapedHtml = RegExp(reEscapedHtml.source), reHasUnescapedHtml = RegExp(reUnescapedHtml.source);
+    var reEscape = /<%-([\s\S]+?)%>/g, reEvaluate = /<%([\s\S]+?)%>/g, reInterpolate = /<%=([\s\S]+?)%>/g;
+    var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, reIsPlainProp = /^\w*$/, rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
+    var reRegExpChar = /[\\^$.*+?()[\]{}|]/g, reHasRegExpChar = RegExp(reRegExpChar.source);
+    var reTrimStart = /^\s+/;
+    var reWhitespace = /\s/;
+    var reWrapComment = /\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/, reWrapDetails = /\{\n\/\* \[wrapped with (.+)\] \*/, reSplitDetails = /,? & /;
+    var reAsciiWord = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
+    var reForbiddenIdentifierChars = /[()=,{}\[\]\/\s]/;
+    var reEscapeChar = /\\(\\)?/g;
+    var reEsTemplate = /\$\{([^\\}]*(?:\\.[^\\}]*)*)\}/g;
+    var reFlags = /\w*$/;
+    var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+    var reIsBinary = /^0b[01]+$/i;
+    var reIsHostCtor = /^\[object .+?Constructor\]$/;
+    var reIsOctal = /^0o[0-7]+$/i;
+    var reIsUint = /^(?:0|[1-9]\d*)$/;
+    var reLatin = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g;
+    var reNoMatch = /($^)/;
+    var reUnescapedString = /['\n\r\u2028\u2029\\]/g;
+    var rsAstralRange = "\\ud800-\\udfff", rsComboMarksRange = "\\u0300-\\u036f", reComboHalfMarksRange = "\\ufe20-\\ufe2f", rsComboSymbolsRange = "\\u20d0-\\u20ff", rsComboRange = rsComboMarksRange + reComboHalfMarksRange + rsComboSymbolsRange, rsDingbatRange = "\\u2700-\\u27bf", rsLowerRange = "a-z\\xdf-\\xf6\\xf8-\\xff", rsMathOpRange = "\\xac\\xb1\\xd7\\xf7", rsNonCharRange = "\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf", rsPunctuationRange = "\\u2000-\\u206f", rsSpaceRange = " \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000", rsUpperRange = "A-Z\\xc0-\\xd6\\xd8-\\xde", rsVarRange = "\\ufe0e\\ufe0f", rsBreakRange = rsMathOpRange + rsNonCharRange + rsPunctuationRange + rsSpaceRange;
+    var rsApos = "['’]", rsAstral = "[" + rsAstralRange + "]", rsBreak = "[" + rsBreakRange + "]", rsCombo = "[" + rsComboRange + "]", rsDigits = "\\d+", rsDingbat = "[" + rsDingbatRange + "]", rsLower = "[" + rsLowerRange + "]", rsMisc = "[^" + rsAstralRange + rsBreakRange + rsDigits + rsDingbatRange + rsLowerRange + rsUpperRange + "]", rsFitz = "\\ud83c[\\udffb-\\udfff]", rsModifier = "(?:" + rsCombo + "|" + rsFitz + ")", rsNonAstral = "[^" + rsAstralRange + "]", rsRegional = "(?:\\ud83c[\\udde6-\\uddff]){2}", rsSurrPair = "[\\ud800-\\udbff][\\udc00-\\udfff]", rsUpper = "[" + rsUpperRange + "]", rsZWJ = "\\u200d";
+    var rsMiscLower = "(?:" + rsLower + "|" + rsMisc + ")", rsMiscUpper = "(?:" + rsUpper + "|" + rsMisc + ")", rsOptContrLower = "(?:" + rsApos + "(?:d|ll|m|re|s|t|ve))?", rsOptContrUpper = "(?:" + rsApos + "(?:D|LL|M|RE|S|T|VE))?", reOptMod = rsModifier + "?", rsOptVar = "[" + rsVarRange + "]?", rsOptJoin = "(?:" + rsZWJ + "(?:" + [rsNonAstral, rsRegional, rsSurrPair].join("|") + ")" + rsOptVar + reOptMod + ")*", rsOrdLower = "\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])", rsOrdUpper = "\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])", rsSeq = rsOptVar + reOptMod + rsOptJoin, rsEmoji = "(?:" + [rsDingbat, rsRegional, rsSurrPair].join("|") + ")" + rsSeq, rsSymbol = "(?:" + [rsNonAstral + rsCombo + "?", rsCombo, rsRegional, rsSurrPair, rsAstral].join("|") + ")";
+    var reApos = RegExp(rsApos, "g");
+    var reComboMark = RegExp(rsCombo, "g");
+    var reUnicode = RegExp(rsFitz + "(?=" + rsFitz + ")|" + rsSymbol + rsSeq, "g");
+    var reUnicodeWord = RegExp([
+      rsUpper + "?" + rsLower + "+" + rsOptContrLower + "(?=" + [rsBreak, rsUpper, "$"].join("|") + ")",
+      rsMiscUpper + "+" + rsOptContrUpper + "(?=" + [rsBreak, rsUpper + rsMiscLower, "$"].join("|") + ")",
+      rsUpper + "?" + rsMiscLower + "+" + rsOptContrLower,
+      rsUpper + "+" + rsOptContrUpper,
+      rsOrdUpper,
+      rsOrdLower,
+      rsDigits,
+      rsEmoji
+    ].join("|"), "g");
+    var reHasUnicode = RegExp("[" + rsZWJ + rsAstralRange + rsComboRange + rsVarRange + "]");
+    var reHasUnicodeWord = /[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;
+    var contextProps = [
+      "Array",
+      "Buffer",
+      "DataView",
+      "Date",
+      "Error",
+      "Float32Array",
+      "Float64Array",
+      "Function",
+      "Int8Array",
+      "Int16Array",
+      "Int32Array",
+      "Map",
+      "Math",
+      "Object",
+      "Promise",
+      "RegExp",
+      "Set",
+      "String",
       "Symbol",
       "TypeError",
       "Uint8Array",
@@ -28384,546 +28786,150 @@ lodash.exports;
       (freeModule.exports = _)._ = _;
       freeExports._ = _;
     } else {
-      root._ = _;
-    }
-  }).call(commonjsGlobal);
-})(lodash, lodash.exports);
-var lodashExports = lodash.exports;
-const DEFAULT_SEARCH_BOX_OPTIONS = {
-  inputSelector: "#searchBox",
-  options: {
-    environment: "production"
-  },
-  showTotalCount: false,
-  minInputLength: 1,
-  inputAttributes: {
-    name: "q"
-  },
-  debounce: 0,
-  labels: {
-    placeholder: "Search for products...",
-    noResults: "There are no results found.",
-    moreResults: "Show more results",
-    currency: "€",
-    defaultFacetLabel: "Category:"
-  },
-  links: {
-    searchResults: "/search"
-  },
-  panels: [
-    {
-      type: "suggestion",
-      queryKey: "",
-      highlight: true,
-      limit: 5
-    },
-    {
-      type: "document",
-      queryKey: "",
-      limit: 5,
-      searchBySuggestion: false,
-      links: {
-        details: "{url}"
-      },
-      titleKey: "name",
-      elements: []
-    }
-  ],
-  history: {
-    labels: {
-      clear: "Clear History"
-    }
-  }
-};
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "SearchBoxEntry",
-  props: {
-    searchBoxOptions: {}
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const searchBox2 = ref(null);
-    const fullSearchBoxOptions = computed(() => {
-      const options = lodashExports.cloneDeep(props.searchBoxOptions);
-      return lodashExports.merge(lodashExports.cloneDeep(DEFAULT_SEARCH_BOX_OPTIONS), options);
-    });
-    const fetch2 = () => {
-      var _a;
-      (_a = searchBox2.value) == null ? void 0 : _a.handleCurrentValueSearch();
-    };
-    __expose({ fetch: fetch2 });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$V), {
-        options: fullSearchBoxOptions.value,
-        ref_key: "searchBox",
-        ref: searchBox2
-      }, null, 8, ["options"]);
-    };
-  }
-});
-const DEFAULT_OPTIONS_RESULTS = {
+      root._ = _;
+    }
+  }).call(commonjsGlobal);
+})(lodash, lodash.exports);
+var lodashExports = lodash.exports;
+const DEFAULT_SEARCH_BOX_OPTIONS = {
+  inputSelector: "#searchBox",
   options: {
     environment: "production"
   },
-  queryKey: "",
-  containerSelector: "#searchResultsContainer",
-  searchTitlePosition: "page-top",
+  showTotalCount: false,
+  minInputLength: 1,
+  inputAttributes: {
+    name: "q"
+  },
+  debounce: 0,
   labels: {
-    pageSize: "Page size:",
-    sortBy: "Sort by:",
-    itemCount: "Items {1} of {2}",
-    filteredItemCount: "",
+    placeholder: "Search for products...",
+    noResults: "There are no results found.",
+    moreResults: "Show more results",
     currency: "€",
-    showMore: "Show more",
-    searchResults: "Search Query: ",
-    emptyResults: "There are no results for the query:",
-    mobileFilterButton: "Filter",
-    htmlTitleTemplate: "Search Query: '{1}'",
-    noResultsSuggestion: "No results found for this query: {1}",
-    didYouMean: "Did you mean to search: {1}",
-    similarQuery: "Search results for phrase {1}",
-    similarQueries: "Similar queries:"
-  },
-  grid: {
-    columns: {
-      xl: 4,
-      l: 3,
-      md: 2,
-      sm: 2,
-      xs: 1
-    }
+    defaultFacetLabel: "Category:"
   },
-  pagination: {
-    sizeSelection: {
-      position: {
-        top: false,
-        bottom: true
-      },
-      sizes: [12, 24, 36]
-    },
-    pageSelection: {
-      position: {
-        top: false,
-        bottom: true
-      },
-      display: 5,
-      displayMobile: 3
-    }
+  links: {
+    searchResults: "/search"
   },
-  sort: [],
-  filters: {
-    currentFilters: {
-      visibility: {
-        mobileSidebar: true,
-        mobileToolbar: true
-      },
-      labels: {
-        title: "Current filters:",
-        clearAll: "Clear all"
-      }
+  panels: [
+    {
+      type: "suggestion",
+      queryKey: "",
+      highlight: true,
+      limit: 5
     },
-    facets: {
-      labels: {
-        title: "Filters:",
-        showAll: "Show more",
-        facetFilter: "Filter...",
-        facetClear: "Clear"
-      },
-      filterable: {
-        minValues: 5
-      },
-      hierarchy: {
-        maxInitialLevel: 2,
-        topLevelValueCountLimit: 5,
-        filterable: true
+    {
+      type: "document",
+      queryKey: "",
+      limit: 5,
+      searchBySuggestion: false,
+      links: {
+        details: "{url}"
       },
-      facetValueCountLimit: 20,
-      showDocumentCount: true,
-      style: {
-        type: "sidebar"
-      }
-    }
-  },
-  toolbar: {
-    layoutSelector: true,
-    itemSummary: true,
-    clearFilters: false
-  },
-  isInStock: () => {
-    return true;
-  },
-  badges: {
-    anchor: "tr",
-    elements: []
-  },
-  links: {
-    details: "/{id}"
-  },
-  elements: [],
-  breadcrumbs: [{ label: "Main Page", link: "/" }, { label: "Search: {1}" }]
-};
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "SearchResultsEntry",
-  props: {
-    searchResultsOptions: {}
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const searchResults2 = ref(null);
-    const fullSearchResultsOptions = computed(() => {
-      const options = lodashExports.cloneDeep(props.searchResultsOptions);
-      return lodashExports.merge(lodashExports.cloneDeep(DEFAULT_OPTIONS_RESULTS), options);
-    });
-    const fetch2 = () => {
-      var _a;
-      (_a = searchResults2.value) == null ? void 0 : _a.handleUrlChange();
-    };
-    __expose({ fetch: fetch2 });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$c), {
-        options: fullSearchResultsOptions.value,
-        ref_key: "searchResults",
-        ref: searchResults2
-      }, null, 8, ["options"]);
-    };
-  }
-});
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "ProductListEntry",
-  props: {
-    productListOptions: {}
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const productList2 = ref(null);
-    const fullProductListOptions = computed(() => {
-      return lodashExports.cloneDeep(props.productListOptions);
-    });
-    const fetch2 = () => {
-      var _a;
-      (_a = productList2.value) == null ? void 0 : _a.fetch();
-    };
-    __expose({ fetch: fetch2 });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$a), {
-        options: fullProductListOptions.value,
-        ref_key: "productList",
-        ref: productList2
-      }, null, 8, ["options"]);
-    };
-  }
-});
-const QUERY_PARAMS = {
-  QUERY: "q",
-  PAGE: "p",
-  LIMIT: "l",
-  SORT: "s"
-};
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "SearchContainerEntry",
-  props: {
-    searchContainerOptions: {}
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const isOpen = ref(false);
-    const triggerElement = ref(null);
-    const productList2 = ref(null);
-    const containerOptions = computed(() => {
-      return lodashExports.cloneDeep(props.searchContainerOptions);
-    });
-    const focus = () => {
-      const el = document.querySelector("#lupa-search-box-input .lupa-search-box-input-field");
-      el == null ? void 0 : el.focus();
-    };
-    const close = () => {
-      isOpen.value = false;
-    };
-    const openSearchContainer = () => {
-      isOpen.value = true;
-    };
-    const checkCloseOnEscape = (e2) => {
-      var _a;
-      if (!["Escape", "Esc"].includes((_a = e2.key) != null ? _a : "")) {
-        return;
-      }
-      isOpen.value = false;
-    };
-    const checkExistingQuery = () => {
-      const url = new URL(window.location.href);
-      const param = url.searchParams.get(QUERY_PARAMS.QUERY);
-      if (!param) {
-        return;
-      }
-      isOpen.value = true;
-    };
-    const mountOpenListeners = () => {
-      var _a, _b;
-      triggerElement.value = document.querySelector((_a = props.searchContainerOptions) == null ? void 0 : _a.trigger);
-      (_b = triggerElement.value) == null ? void 0 : _b.addEventListener("focus", openSearchContainer);
-      window.addEventListener("keydown", checkCloseOnEscape);
-    };
-    onMounted(() => {
-      var _a, _b;
-      mountOpenListeners();
-      checkExistingQuery();
-      isOpen.value = Boolean((_b = (_a = containerOptions.value) == null ? void 0 : _a.options) == null ? void 0 : _b.isOpenInitially);
-    });
-    onBeforeUnmount(() => {
-      var _a;
-      (_a = triggerElement.value) == null ? void 0 : _a.removeEventListener("focus", openSearchContainer);
-      window.removeEventListener("keydown", checkCloseOnEscape);
-    });
-    const fetch2 = () => {
-      var _a;
-      (_a = productList2.value) == null ? void 0 : _a.fetch();
-    };
-    const reloadOptions = () => {
-      var _a;
-      (_a = productList2.value) == null ? void 0 : _a.reloadOptions();
-    };
-    __expose({ fetch: fetch2, reloadOptions });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        containerOptions.value && isOpen.value ? (openBlock(), createBlock(unref(_sfc_main$9), {
-          key: 0,
-          options: containerOptions.value,
-          ref_key: "productList",
-          ref: productList2,
-          "onHook:mounted": focus,
-          onClose: close
-        }, null, 8, ["options"])) : createCommentVNode("", true)
-      ]);
-    };
+      titleKey: "name",
+      elements: []
+    }
+  ],
+  history: {
+    labels: {
+      clear: "Clear History"
+    }
   }
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "RecommendationsEntry",
+};
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "SearchBoxEntry",
   props: {
-    recommendationOptions: {}
+    searchBoxOptions: {}
   },
   setup(__props, { expose: __expose }) {
-    const productRecommendations = ref(null);
+    const props = __props;
+    const searchBox2 = ref(null);
+    const fullSearchBoxOptions = computed(() => {
+      const options = lodashExports.cloneDeep(props.searchBoxOptions);
+      return lodashExports.merge(lodashExports.cloneDeep(DEFAULT_SEARCH_BOX_OPTIONS), options);
+    });
     const fetch2 = () => {
-      productRecommendations == null ? void 0 : productRecommendations.fetch();
+      var _a;
+      (_a = searchBox2.value) == null ? void 0 : _a.handleCurrentValueSearch();
     };
     __expose({ fetch: fetch2 });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$8), {
-        options: _ctx.recommendationOptions,
-        ref_key: "productRecommendations",
-        ref: productRecommendations
+      return openBlock(), createBlock(unref(_sfc_main$V), {
+        options: fullSearchBoxOptions.value,
+        ref_key: "searchBox",
+        ref: searchBox2
       }, null, 8, ["options"]);
     };
   }
 });
-const DEFAULT_CONTAINER_STYLE = "/containerStyle.css";
-const createShadowDom = (shadowId, managerId) => {
-  let host = document.getElementById(shadowId);
-  if (host) {
-    host.remove();
-  }
-  host = document.createElement("div");
-  const manager = document.createElement("div");
-  host.setAttribute("id", shadowId);
-  manager == null ? void 0 : manager.setAttribute("id", managerId);
-  return { host, manager };
-};
-const attatchShadowDom = ({
-  host,
-  manager,
-  styleUrl,
-  options
-}) => {
-  var _a;
-  if (host.shadowRoot) {
-    return;
-  }
-  const link = document.createElement("link");
-  link.type = "text/css";
-  link.rel = "stylesheet";
-  link.href = styleUrl;
-  const fontLink = document.createElement("link");
-  fontLink.type = "text/css";
-  fontLink.rel = "stylesheet";
-  fontLink.href = "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap";
-  document.head.appendChild(fontLink);
-  const materialIconLink = document.createElement("link");
-  materialIconLink.type = "text/css";
-  materialIconLink.rel = "stylesheet";
-  materialIconLink.href = "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,1,-50..200";
-  document.head.appendChild(materialIconLink);
-  const shadow = host.attachShadow({ mode: "open" });
-  shadow.appendChild(manager);
-  shadow.appendChild(link);
-  if ((_a = options == null ? void 0 : options.layout) == null ? void 0 : _a.marginLeft) {
-    const style = document.createElement("style");
-    style.innerHTML = `.lupa-search-container-overlay { width: calc(100% - ${options.layout.marginLeft}px); margin-left: ${options.layout.marginLeft}px; }`;
-    shadow.appendChild(style);
-  }
-};
-const displayDiscountedPriceSection = (doc2, options) => {
-  var _a, _b;
-  const discountPrice = doc2[(_a = options.fields.discountPriceKey) != null ? _a : ""];
-  const regularPrice = doc2[(_b = options.fields.regularPriceKey) != null ? _b : ""];
-  return discountPrice && regularPrice && discountPrice < regularPrice;
-};
-const displayRegularPriceSection = (doc2, options) => {
-  var _a, _b;
-  const discountPrice = doc2[(_a = options.fields.discountPriceKey) != null ? _a : ""];
-  const regularPrice = doc2[(_b = options.fields.regularPriceKey) != null ? _b : ""];
-  const anyPrice = discountPrice || regularPrice;
-  return anyPrice && !displayDiscountedPriceSection(doc2, options);
-};
-const escapeHtml = (source) => {
-  if (!source) {
-    return source;
-  }
-  return `${source}`.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
-};
-const toMaxDecimalPlaces = (value, maxDecimal = 2) => {
-  if (!value) {
-    return 0;
-  }
-  try {
-    return +parseFloat(`${value}`).toFixed(maxDecimal);
-  } catch (e2) {
-    return `${value}`;
-  }
-};
-const capitalize = (value) => {
-  if (!value) {
-    return "";
-  }
-  return value.charAt(0).toLocaleUpperCase() + value.slice(1);
-};
-const getAlphanumeric = (value) => {
-  if (!value) {
-    return "";
-  }
-  return value.replace(/[\W_]/g, " ");
-};
-const getAdditionalElements = (fields) => {
-  return fields.map((key) => ({
-    type: "custom",
-    key,
-    label: capitalize(getAlphanumeric(key)),
-    className: "lupa-custom",
-    display: (doc2) => Boolean(doc2[key])
-  }));
-};
-const addFieldIfKeyExists = (field, key, config) => {
-  if (key) {
-    return config;
-  }
-  return { key: field, type: "customHtml", display: () => false };
-};
-const getSearchBoxComponent = ({
-  searchBoxOptions,
-  labels,
-  panelOptions,
-  redirections,
-  placeholderImage
-}) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-  const panels = [
-    ...(panelOptions == null ? void 0 : panelOptions.suggestionPanel) ? [
-      {
-        type: SearchBoxPanelType.SUGGESTION,
-        queryKey: searchBoxOptions.suggestionQueryKey,
-        highlight: true,
-        limit: 8,
-        labels: {
-          topResultsTitle: (_a = labels == null ? void 0 : labels.searchBox) == null ? void 0 : _a.topSuggestionsTitle
-        }
-      }
-    ] : [],
-    ...(panelOptions == null ? void 0 : panelOptions.docPanel) ? [
-      {
-        type: SearchBoxPanelType.DOCUMENT,
-        queryKey: searchBoxOptions.documentQueryKey,
-        limit: 5,
-        elements: [
-          {
-            type: "image",
-            placeholder: placeholderImage,
-            key: (_b = searchBoxOptions.fields) == null ? void 0 : _b.imageKey,
-            baseUrl: (_c = searchBoxOptions.fields) == null ? void 0 : _c.baseImageUrl
-          },
-          {
-            type: "title",
-            key: (_d = searchBoxOptions.fields) == null ? void 0 : _d.titleKey,
-            maxLines: 2
-          },
-          {
-            type: "regularPrice",
-            key: (_e = searchBoxOptions.fields) == null ? void 0 : _e.regularPriceKey,
-            display: (doc2) => {
-              var _a2, _b2, _c2, _d2;
-              return ((_a2 = searchBoxOptions.fields) == null ? void 0 : _a2.regularPriceKey) && ((_b2 = searchBoxOptions.fields) == null ? void 0 : _b2.discountPriceKey) && parseFloat(doc2[(_c2 = searchBoxOptions.fields) == null ? void 0 : _c2.regularPriceKey]) > parseFloat(doc2[(_d2 = searchBoxOptions.fields) == null ? void 0 : _d2.discountPriceKey]);
-            }
-          },
-          {
-            type: "price",
-            key: (_f = searchBoxOptions.fields) == null ? void 0 : _f.discountPriceKey
-          }
-        ]
-      }
-    ] : []
-  ];
-  return {
-    inputSelector: searchBoxOptions.inputSelector,
-    options: {
-      environment: (_g = searchBoxOptions.environment) != null ? _g : "production",
-      customUrl: searchBoxOptions.customUrl,
-      customBaseUrl: searchBoxOptions.customBaseUrl,
-      customPayload: searchBoxOptions.customPayload,
-      customHeaders: searchBoxOptions.customHeaders
-    },
-    showTotalCount: true,
-    expandOnSinglePanel: true,
-    minInputLength: (_i = (_h = searchBoxOptions.fields) == null ? void 0 : _h.minInputLength) != null ? _i : 0,
-    debounce: 250,
-    labels: labels == null ? void 0 : labels.searchBox,
-    links: {
-      searchResults: ""
+const DEFAULT_OPTIONS_RESULTS = {
+  options: {
+    environment: "production"
+  },
+  queryKey: "",
+  containerSelector: "#searchResultsContainer",
+  searchTitlePosition: "page-top",
+  labels: {
+    pageSize: "Page size:",
+    sortBy: "Sort by:",
+    itemCount: "Items {1} of {2}",
+    filteredItemCount: "",
+    currency: "€",
+    showMore: "Show more",
+    searchResults: "Search Query: ",
+    emptyResults: "There are no results for the query:",
+    mobileFilterButton: "Filter",
+    htmlTitleTemplate: "Search Query: '{1}'",
+    noResultsSuggestion: "No results found for this query: {1}",
+    didYouMean: "Did you mean to search: {1}",
+    similarQuery: "Search results for phrase {1}",
+    similarQueries: "Similar queries:"
+  },
+  grid: {
+    columns: {
+      xl: 4,
+      l: 3,
+      md: 2,
+      sm: 2,
+      xs: 1
+    }
+  },
+  pagination: {
+    sizeSelection: {
+      position: {
+        top: false,
+        bottom: true
+      },
+      sizes: [12, 24, 36]
     },
-    panels,
-    redirections,
-    history: {
-      labels: {
-        clear: (_j = labels == null ? void 0 : labels.searchBox) == null ? void 0 : _j.clearHistory
-      }
+    pageSelection: {
+      position: {
+        top: false,
+        bottom: true
+      },
+      display: 5,
+      displayMobile: 3
     }
-  };
-};
-const getSearchResultsComponent = ({
-  searchResultOptions,
-  labels,
-  redirections,
-  placeholderImage,
-  configuratorOverrides,
-  callbacks,
-  additionalFields
-}) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
-  const filters = searchResultOptions.showFacets ? {
+  },
+  sort: [],
+  filters: {
     currentFilters: {
       visibility: {
         mobileSidebar: true,
         mobileToolbar: true
       },
       labels: {
-        title: "",
-        clearAll: (_a = labels == null ? void 0 : labels.facets) == null ? void 0 : _a.clearAll
+        title: "Current filters:",
+        clearAll: "Clear all"
       }
     },
     facets: {
       labels: {
-        title: (_b = labels == null ? void 0 : labels.facets) == null ? void 0 : _b.facetTitle,
-        showAll: (_c = labels == null ? void 0 : labels.facets) == null ? void 0 : _c.showAll,
-        facetFilter: (_d = labels == null ? void 0 : labels.facets) == null ? void 0 : _d.facetFilter,
-        facetClear: (_e = labels == null ? void 0 : labels.facets) == null ? void 0 : _e.facetClear
+        title: "Filters:",
+        showAll: "Show more",
+        facetFilter: "Filter...",
+        facetClear: "Clear"
       },
       filterable: {
         minValues: 5
@@ -28933,179 +28939,230 @@ const getSearchResultsComponent = ({
         topLevelValueCountLimit: 5,
         filterable: true
       },
-      stats: {
-        slider: true,
-        inputs: true,
-        labels: {
-          from: "",
-          to: ""
-        }
-      },
-      facetValueCountLimit: 8,
+      facetValueCountLimit: 20,
       showDocumentCount: true,
       style: {
         type: "sidebar"
       }
     }
-  } : {};
-  const columns = (_k = searchResultOptions.gridConfiguration) != null ? _k : {
-    xl: (_f = searchResultOptions.maxColumns) != null ? _f : 4,
-    l: (_g = searchResultOptions.maxColumns) != null ? _g : 3,
-    md: (_h = searchResultOptions.maxColumns) != null ? _h : 3,
-    sm: (_i = searchResultOptions.maxColumns) != null ? _i : 2,
-    xs: (_j = searchResultOptions.maxColumns) != null ? _j : 1
-  };
-  const badges = {
-    badges: {
-      anchor: "tr",
-      elements: [
-        ...searchResultOptions.showRelevance ? [
-          {
-            key: "",
-            type: "customHtml",
-            className: "relevance",
-            html: (doc2) => `${toMaxDecimalPlaces(escapeHtml(doc2._relevance), 3)}`,
-            display: (doc2) => Boolean(doc2._relevance !== void 0)
-          }
-        ] : [],
-        ...((_l = searchResultOptions.boostedMarker) == null ? void 0 : _l.enabled) ? [
-          {
-            key: "",
-            type: "customHtml",
-            className: "boosted-marker",
-            html: () => {
-              var _a2;
-              return `${escapeHtml((_a2 = searchResultOptions.boostedMarker) == null ? void 0 : _a2.label)}`;
-            },
-            display: (doc2) => doc2._boosted === true
-          }
-        ] : []
-      ]
-    }
-  };
-  return __spreadValues(__spreadProps(__spreadValues({
-    options: {
-      environment: (_m = searchResultOptions.environment) != null ? _m : "production",
-      customUrl: searchResultOptions.customUrl,
-      customBaseUrl: searchResultOptions.customBaseUrl,
-      customPayload: searchResultOptions.customPayload,
-      customHeaders: searchResultOptions.customHeaders,
-      onError: searchResultOptions.errorHandler
-    },
-    queryKey: searchResultOptions.queryKey,
-    containerSelector: searchResultOptions.containerSelector,
-    searchTitlePosition: "search-results-top",
-    titleKey: (_n = searchResultOptions.fields) == null ? void 0 : _n.titleKey,
-    labels: labels == null ? void 0 : labels.searchResults,
-    grid: {
-      columns
-    },
-    pagination: {
-      sizeSelection: {
-        position: {
-          top: true,
-          bottom: false
-        },
-        sizes: [12, 24, 36, 48]
-      },
-      pageSelection: {
-        position: {
-          top: false,
-          bottom: true
-        },
-        displayMobile: 3,
-        display: 5
-      }
-    },
-    filters,
-    toolbar: {
-      layoutSelector: false,
-      itemSummary: true,
-      clearFilters: false
-    },
-    isInStock: () => {
-      return true;
-    }
-  }, badges), {
-    links: {
-      details: ((_o = searchResultOptions.fields) == null ? void 0 : _o.productUrl) ? `{${(_p = searchResultOptions.fields) == null ? void 0 : _p.productUrl}}` : void 0
-    },
-    callbacks,
-    routingBehavior: callbacks ? "event" : "direct-link",
-    idKey: "id",
-    elements: [
-      {
-        type: "image",
-        placeholder: placeholderImage,
-        key: (_q = searchResultOptions.fields) == null ? void 0 : _q.imageKey,
-        baseUrl: (_r = searchResultOptions.fields) == null ? void 0 : _r.baseImageUrl,
-        display: () => {
-          var _a2;
-          return (_a2 = searchResultOptions.fields) == null ? void 0 : _a2.imageKey;
-        }
-      },
-      addFieldIfKeyExists("_emphasis", (_s = searchResultOptions.fields) == null ? void 0 : _s.emphasizedField, {
-        type: "custom",
-        className: "lupa-custom-emphasis",
-        key: (_t = searchResultOptions.fields) == null ? void 0 : _t.emphasizedField,
-        display: () => true
-      }),
-      {
-        type: "title",
-        key: (_u = searchResultOptions.fields) == null ? void 0 : _u.titleKey,
-        maxLines: (_v = searchResultOptions.maxLines) != null ? _v : 2,
-        display: (doc2) => {
-          var _a2, _b2;
-          return ((_a2 = searchResultOptions.fields) == null ? void 0 : _a2.titleKey) && Boolean(doc2[(_b2 = searchResultOptions.fields) == null ? void 0 : _b2.titleKey]);
-        }
-      },
-      ...getAdditionalElements(additionalFields),
-      addFieldIfKeyExists("_discountPrice", (_w = searchResultOptions.fields) == null ? void 0 : _w.discountPriceKey, {
-        key: (_x = searchResultOptions.fields) == null ? void 0 : _x.discountPriceKey,
-        type: "customHtml",
-        className: "lupa-price lupa-price-discounted",
-        display: (doc2) => displayDiscountedPriceSection(doc2, searchResultOptions),
-        html: (doc2) => {
-          var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
-          const currency = escapeHtml(((_a2 = searchResultOptions.fields) == null ? void 0 : _a2.currency) || "€");
-          const discountPrice = (_d2 = parseFloat(
-            doc2[(_c2 = (_b2 = searchResultOptions.fields) == null ? void 0 : _b2.discountPriceKey) != null ? _c2 : ""]
-          )) == null ? void 0 : _d2.toFixed(2);
-          const regularPrice = (_g2 = parseFloat(
-            doc2[(_f2 = (_e2 = searchResultOptions.fields) == null ? void 0 : _e2.regularPriceKey) != null ? _f2 : ""]
-          )) == null ? void 0 : _g2.toFixed(2);
-          const discount = `<span class="lupa-discount">${escapeHtml(
-            discountPrice
-          )} ${currency}</span>`;
-          const regular = `<span class="lupa-regular">${escapeHtml(
-            regularPrice
-          )} ${currency}</span>`;
-          return discount + regular;
-        }
-      }),
-      addFieldIfKeyExists("_regularPrice", (_y = searchResultOptions.fields) == null ? void 0 : _y.regularPriceKey, {
-        key: (_z = searchResultOptions.fields) == null ? void 0 : _z.regularPriceKey,
-        type: "customHtml",
-        className: "lupa-price lupa-price-single",
-        display: (doc2) => displayRegularPriceSection(doc2, searchResultOptions),
-        html: (doc2) => {
-          var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
-          const currency = escapeHtml(((_a2 = searchResultOptions.fields) == null ? void 0 : _a2.currency) || "€");
-          const price = (_g2 = parseFloat(
-            (_f2 = doc2[(_c2 = (_b2 = searchResultOptions.fields) == null ? void 0 : _b2.regularPriceKey) != null ? _c2 : ""]) != null ? _f2 : doc2[(_e2 = (_d2 = searchResultOptions.fields) == null ? void 0 : _d2.discountPriceKey) != null ? _e2 : ""]
-          )) == null ? void 0 : _g2.toFixed(2);
-          return `<span class="lupa-final">${escapeHtml(price)} ${currency}</span>`;
-        }
-      })
-    ],
-    breadcrumbs: [],
-    sort: [],
-    redirections
-  }), configuratorOverrides);
+  },
+  toolbar: {
+    layoutSelector: true,
+    itemSummary: true,
+    clearFilters: false
+  },
+  isInStock: () => {
+    return true;
+  },
+  badges: {
+    anchor: "tr",
+    elements: []
+  },
+  links: {
+    details: "/{id}"
+  },
+  elements: [],
+  breadcrumbs: [{ label: "Main Page", link: "/" }, { label: "Search: {1}" }]
+};
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "SearchResultsEntry",
+  props: {
+    searchResultsOptions: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const searchResults2 = ref(null);
+    const fullSearchResultsOptions = computed(() => {
+      const options = lodashExports.cloneDeep(props.searchResultsOptions);
+      return lodashExports.merge(lodashExports.cloneDeep(DEFAULT_OPTIONS_RESULTS), options);
+    });
+    const fetch2 = () => {
+      var _a;
+      (_a = searchResults2.value) == null ? void 0 : _a.handleUrlChange();
+    };
+    __expose({ fetch: fetch2 });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$c), {
+        options: fullSearchResultsOptions.value,
+        ref_key: "searchResults",
+        ref: searchResults2
+      }, null, 8, ["options"]);
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "ProductListEntry",
+  props: {
+    productListOptions: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const productList2 = ref(null);
+    const fullProductListOptions = computed(() => {
+      return lodashExports.cloneDeep(props.productListOptions);
+    });
+    const fetch2 = () => {
+      var _a;
+      (_a = productList2.value) == null ? void 0 : _a.fetch();
+    };
+    __expose({ fetch: fetch2 });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$a), {
+        options: fullProductListOptions.value,
+        ref_key: "productList",
+        ref: productList2
+      }, null, 8, ["options"]);
+    };
+  }
+});
+const QUERY_PARAMS = {
+  QUERY: "q",
+  PAGE: "p",
+  LIMIT: "l",
+  SORT: "s"
 };
-const SearchContainerConfigurationService = {
-  getSearchBoxComponent,
-  getSearchResultsComponent
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "SearchContainerEntry",
+  props: {
+    searchContainerOptions: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const isOpen = ref(false);
+    const triggerElement = ref(null);
+    const productList2 = ref(null);
+    const containerOptions = computed(() => {
+      return lodashExports.cloneDeep(props.searchContainerOptions);
+    });
+    const focus = () => {
+      const el = document.querySelector("#lupa-search-box-input .lupa-search-box-input-field");
+      el == null ? void 0 : el.focus();
+    };
+    const close = () => {
+      isOpen.value = false;
+    };
+    const openSearchContainer = () => {
+      isOpen.value = true;
+    };
+    const checkCloseOnEscape = (e2) => {
+      var _a;
+      if (!["Escape", "Esc"].includes((_a = e2.key) != null ? _a : "")) {
+        return;
+      }
+      isOpen.value = false;
+    };
+    const checkExistingQuery = () => {
+      const url = new URL(window.location.href);
+      const param = url.searchParams.get(QUERY_PARAMS.QUERY);
+      if (!param) {
+        return;
+      }
+      isOpen.value = true;
+    };
+    const mountOpenListeners = () => {
+      var _a, _b;
+      triggerElement.value = document.querySelector((_a = props.searchContainerOptions) == null ? void 0 : _a.trigger);
+      (_b = triggerElement.value) == null ? void 0 : _b.addEventListener("focus", openSearchContainer);
+      window.addEventListener("keydown", checkCloseOnEscape);
+    };
+    onMounted(() => {
+      var _a, _b;
+      mountOpenListeners();
+      checkExistingQuery();
+      isOpen.value = Boolean((_b = (_a = containerOptions.value) == null ? void 0 : _a.options) == null ? void 0 : _b.isOpenInitially);
+    });
+    onBeforeUnmount(() => {
+      var _a;
+      (_a = triggerElement.value) == null ? void 0 : _a.removeEventListener("focus", openSearchContainer);
+      window.removeEventListener("keydown", checkCloseOnEscape);
+    });
+    const fetch2 = () => {
+      var _a;
+      (_a = productList2.value) == null ? void 0 : _a.fetch();
+    };
+    const reloadOptions = () => {
+      var _a;
+      (_a = productList2.value) == null ? void 0 : _a.reloadOptions();
+    };
+    __expose({ fetch: fetch2, reloadOptions });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        containerOptions.value && isOpen.value ? (openBlock(), createBlock(unref(_sfc_main$9), {
+          key: 0,
+          options: containerOptions.value,
+          ref_key: "productList",
+          ref: productList2,
+          "onHook:mounted": focus,
+          onClose: close
+        }, null, 8, ["options"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "RecommendationsEntry",
+  props: {
+    recommendationOptions: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const productRecommendations = ref(null);
+    const fetch2 = () => {
+      productRecommendations == null ? void 0 : productRecommendations.fetch();
+    };
+    __expose({ fetch: fetch2 });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$8), {
+        options: _ctx.recommendationOptions,
+        ref_key: "productRecommendations",
+        ref: productRecommendations
+      }, null, 8, ["options"]);
+    };
+  }
+});
+const DEFAULT_CONTAINER_STYLE = "/containerStyle.css";
+const createShadowDom = (shadowId, managerId) => {
+  let host = document.getElementById(shadowId);
+  if (host) {
+    host.remove();
+  }
+  host = document.createElement("div");
+  const manager = document.createElement("div");
+  host.setAttribute("id", shadowId);
+  manager == null ? void 0 : manager.setAttribute("id", managerId);
+  return { host, manager };
+};
+const attatchShadowDom = ({
+  host,
+  manager,
+  styleUrl,
+  options
+}) => {
+  var _a;
+  if (host.shadowRoot) {
+    return;
+  }
+  const link = document.createElement("link");
+  link.type = "text/css";
+  link.rel = "stylesheet";
+  link.href = styleUrl;
+  const fontLink = document.createElement("link");
+  fontLink.type = "text/css";
+  fontLink.rel = "stylesheet";
+  fontLink.href = "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap";
+  document.head.appendChild(fontLink);
+  const materialIconLink = document.createElement("link");
+  materialIconLink.type = "text/css";
+  materialIconLink.rel = "stylesheet";
+  materialIconLink.href = "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,1,-50..200";
+  document.head.appendChild(materialIconLink);
+  const shadow = host.attachShadow({ mode: "open" });
+  shadow.appendChild(manager);
+  shadow.appendChild(link);
+  if ((_a = options == null ? void 0 : options.layout) == null ? void 0 : _a.marginLeft) {
+    const style = document.createElement("style");
+    style.innerHTML = `.lupa-search-container-overlay { width: calc(100% - ${options.layout.marginLeft}px); margin-left: ${options.layout.marginLeft}px; }`;
+    shadow.appendChild(style);
+  }
 };
 const getMountElement = (element, mountingBehavior = "replace", mountToParent) => {
   const parent = element == null ? void 0 : element.parentElement;
@@ -29136,7 +29193,7 @@ const createVue = (selector, mountingBehavior = "replace", rootComponent, option
     return;
   }
   let mountedComponent = null;
-  const props = reactive(__spreadValues({}, options));
+  const props = reactive(__spreadValues2({}, options));
   const app2 = createApp({
     render: () => mountedComponent = h$1(rootComponent, props)
   });
@@ -29155,9 +29212,6 @@ const app = {
   recommendations: {},
   chat: {}
 };
-const tracking = (options) => {
-  setupTracking(options);
-};
 const applySearchBox = (options, mountOptions) => {
   const existingInstance = app.box[options.inputSelector];
   if (existingInstance) {
@@ -29186,7 +29240,7 @@ const searchBox = (options, mountOptions) => {
   var _a;
   const inputs = (_a = options.inputSelector) == null ? void 0 : _a.split(",");
   for (const input of inputs) {
-    applySearchBox(__spreadProps(__spreadValues({}, options), { inputSelector: input.trim() }), mountOptions);
+    applySearchBox(__spreadProps2(__spreadValues2({}, options), { inputSelector: input.trim() }), mountOptions);
   }
 };
 const searchResults = (options, mountOptions) => {
@@ -29422,7 +29476,238 @@ const clearChat = (selector) => {
   } catch (e2) {
   }
 };
+const saveToLocalStorage = (key, value) => {
+  try {
+    localStorage.setItem(key, JSON.stringify(value));
+  } catch (e2) {
+  }
+};
+const tryLoadFromLocalStorage = (key) => {
+  try {
+    const item = localStorage.getItem(key);
+    return item ? JSON.parse(item) : null;
+  } catch (e2) {
+    return null;
+  }
+};
+const saveToSessionStorage = (key, value) => {
+  try {
+    sessionStorage.setItem(key, JSON.stringify(value));
+  } catch (e2) {
+  }
+};
+const tryLoadFromSessionStorage = (key) => {
+  try {
+    const item = sessionStorage.getItem(key);
+    return item ? JSON.parse(item) : null;
+  } catch (e2) {
+    return null;
+  }
+};
+const getQueryParam = (name) => {
+  try {
+    const urlParams = new URLSearchParams(window.location.search);
+    return urlParams.get(name);
+  } catch (e2) {
+    return null;
+  }
+};
+const PREVIEW_PARAMETER = "lupaSearchPreview";
+let styleElement = null;
+const waitForElementToBeVisible = (element, retries = 0, maxRetries = 10, interval = 10) => __async2(void 0, null, function* () {
+  if (retries > maxRetries) {
+    return false;
+  }
+  if (typeof element === "string") {
+    element = document.querySelector(element);
+  }
+  if (element) {
+    return true;
+  } else {
+    setTimeout(() => {
+      waitForElementToBeVisible(element, retries + 1, maxRetries, interval + 10);
+    }, interval);
+  }
+});
+const loadAndSaveConfigurationFromServer = (configurationKey, options) => __async2(void 0, null, function* () {
+  const configuration2 = yield fetchPluginConfiguration(
+    options,
+    configurationKey
+  );
+  if (!configuration2) {
+    console.error(`Failed to fetch LupaSearch plugin configuration for key ${configurationKey}`);
+    return null;
+  }
+  saveToLocalStorage(configurationKey, configuration2);
+  return configuration2;
+});
+const checkIsPreviewMode = () => {
+  const isPreviewModeSaved = tryLoadFromSessionStorage(PREVIEW_PARAMETER);
+  if (isPreviewModeSaved) {
+    return isPreviewModeSaved;
+  }
+  const isPreviewMode = getQueryParam(PREVIEW_PARAMETER) === "true";
+  if (isPreviewMode) {
+    saveToSessionStorage(PREVIEW_PARAMETER, isPreviewMode);
+  } else {
+    saveToSessionStorage(PREVIEW_PARAMETER, false);
+  }
+  return isPreviewMode;
+};
+const loadConfigurations = (configurationKey, isPreviewMode, options) => __async2(void 0, null, function* () {
+  if (isPreviewMode) {
+    return loadAndSaveConfigurationFromServer(configurationKey, options);
+  }
+  const existingConfiguration = tryLoadFromLocalStorage(configurationKey);
+  if (existingConfiguration) {
+    setTimeout(() => __async2(void 0, null, function* () {
+      var _a;
+      const newestConfiguration = yield loadAndSaveConfigurationFromServer(
+        configurationKey,
+        options
+      );
+      if (existingConfiguration.updatedAt === newestConfiguration.updatedAt) {
+        return;
+      }
+      const isPreviewMode2 = checkIsPreviewMode();
+      const configuration2 = isPreviewMode2 ? (_a = newestConfiguration.previewConfiguration) != null ? _a : newestConfiguration.configuration : newestConfiguration.configuration;
+      yield mount(configuration2, false);
+    }), 5e3);
+    return existingConfiguration;
+  }
+  return loadAndSaveConfigurationFromServer(configurationKey, options);
+});
+const applyStyles = (configuration2) => __async2(void 0, null, function* () {
+  var _a;
+  const visible2 = yield waitForElementToBeVisible(document.head);
+  if (!visible2) {
+    console.error("Failed to apply custom LupaSearch styles, head element not found");
+    return;
+  }
+  const baseStyleLink = configuration2.baseStyleLink;
+  if (styleElement) {
+    styleElement.remove();
+  }
+  styleElement = document.createElement("style");
+  if (baseStyleLink) {
+    styleElement.innerHTML = `
+      @import url('${baseStyleLink}');
+      @import url('https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css') 
+      ${(_a = configuration2.customStyles) != null ? _a : ""}
+    `;
+  }
+  document.head.appendChild(styleElement);
+});
+const mountSearchBox = (configuration, fetch = true) => __async2(void 0, null, function* () {
+  if (!configuration.searchBox) {
+    return;
+  }
+  const resolvedConfiguration = eval(`(${configuration.searchBox})`);
+  const visible = yield waitForElementToBeVisible(resolvedConfiguration.inputSelector);
+  if (!visible) {
+    console.error(
+      `Failed to mount LupaSearch search box, input element ${resolvedConfiguration.inputSelector} not found`
+    );
+    return;
+  }
+  searchBox(resolvedConfiguration, { fetch });
+});
+const mountSearchResults = (configuration, fetch = true) => __async2(void 0, null, function* () {
+  if (!configuration.searchResults) {
+    return;
+  }
+  const resolvedConfiguration = eval(`(${configuration.searchResults})`);
+  const visible = yield waitForElementToBeVisible(resolvedConfiguration.containerSelector);
+  if (!visible) {
+    console.error(
+      `Failed to mount LupaSearch search results, element ${resolvedConfiguration.containerSelector} not found`
+    );
+    return;
+  }
+  searchResults(resolvedConfiguration, { fetch });
+});
+const mountProductList = (configuration, fetch = true) => __async2(void 0, null, function* () {
+  if (!configuration.productList) {
+    return;
+  }
+  const resolvedSearchResultsConfiguration = eval(
+    `(${configuration.searchResults})`
+  );
+  const resolvedConfiguration = eval(`(${configuration.productList})`);
+  const visible = yield waitForElementToBeVisible(resolvedConfiguration.containerSelector);
+  if (!visible) {
+    console.error(
+      `Failed to mount LupaSearch product list, element ${resolvedConfiguration.containerSelector} not found`
+    );
+    return;
+  }
+  productList(__spreadValues2(__spreadValues2({}, resolvedSearchResultsConfiguration), resolvedConfiguration), { fetch });
+});
+const mountRecommendations = (configuration, fetch = true) => __async2(void 0, null, function* () {
+  if (!configuration.recommendations) {
+    return;
+  }
+  const resolvedSearchResultsConfiguration = eval(
+    `(${configuration.searchResults})`
+  );
+  const resolvedConfiguration = eval(
+    `(${configuration.recommendations})`
+  );
+  const visible = yield waitForElementToBeVisible(resolvedConfiguration.containerSelector);
+  if (!visible) {
+    console.error(
+      `Failed to mount LupaSearch recommendations, element ${resolvedConfiguration.containerSelector} not found`
+    );
+    return;
+  }
+  recommendations(__spreadValues2(__spreadValues2({}, resolvedSearchResultsConfiguration), resolvedConfiguration), { fetch });
+});
+const mountChat = (configuration, fetch = true) => __async2(void 0, null, function* () {
+  if (!configuration.genAiChat) {
+    return;
+  }
+  const resolvedSearchResultsConfiguration = eval(
+    `(${configuration.searchResults})`
+  );
+  const resolvedConfiguration = eval(`(${configuration.genAiChat})`);
+  const visible = yield waitForElementToBeVisible(resolvedConfiguration.containerSelector);
+  if (!visible) {
+    console.error(
+      `Failed to mount LupaSearch chat, element ${resolvedConfiguration.containerSelector} not found`
+    );
+    return;
+  }
+  chat(__spreadValues2(__spreadValues2({}, resolvedSearchResultsConfiguration), resolvedConfiguration), { fetch });
+});
+const mount = (configuration2, fetch2 = true) => __async2(void 0, null, function* () {
+  yield applyStyles(configuration2);
+  const mountPromises = [
+    mountSearchBox(configuration2, fetch2),
+    mountSearchResults(configuration2, fetch2),
+    mountProductList(configuration2, fetch2),
+    mountRecommendations(configuration2, fetch2),
+    mountChat(configuration2, fetch2)
+  ];
+  yield Promise.all(mountPromises);
+});
+const init$1 = (configurationKey, options) => __async2(void 0, null, function* () {
+  var _a;
+  const isPreviewMode = checkIsPreviewMode();
+  const plugin = yield loadConfigurations(configurationKey, isPreviewMode, options);
+  const configuration2 = isPreviewMode ? (_a = plugin.previewConfiguration) != null ? _a : plugin.configuration : plugin.configuration;
+  yield mount(configuration2);
+});
+const PluginConfigurationManager = {
+  init: init$1
+};
+const tracking = (options) => {
+  setupTracking(options);
+};
+const init = (configurationKey, options) => {
+  return PluginConfigurationManager.init(configurationKey, options);
+};
 const lupaSearch = {
+  init,
   searchBox,
   searchResults,
   tracking,