npm - @getlupa/client - Versions diffs - 1.12.10 → 1.13.3 - Mend

@getlupa/client 1.12.10 → 1.13.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/dist/lupaSearch.iife.js +1370 -1085
package/dist/lupaSearch.js +1305 -1020
package/dist/lupaSearch.mjs +1305 -1020
package/dist/lupaSearch.umd.js +1380 -1095
package/dist/src/index.d.ts +29 -7
package/dist/src/modules/pluginManager/PluginConfigurationManager.d.ts +12 -0
package/dist/src/mounting.d.ts +23 -0
package/dist/src/utils/storage.utils.d.ts +4 -0
package/dist/src/utils/url.utils.d.ts +1 -0
package/dist/style.css +1 -1
package/package.json +2 -2

package/dist/lupaSearch.js CHANGED Viewed

@@ -1,23 +1,43 @@
 "use strict";
-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());
+  });
+};
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 function makeMap(str, expectsLowerCase) {
   const map = /* @__PURE__ */ Object.create(null);
@@ -6303,7 +6323,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)
@@ -6313,7 +6333,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", "");
@@ -6329,25 +6349,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) => {
@@ -6813,14 +6833,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* () {
@@ -6844,7 +6864,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 });
@@ -6854,7 +6874,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 });
@@ -6867,7 +6887,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 });
@@ -6881,7 +6901,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 });
@@ -6893,7 +6913,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 };
@@ -6903,7 +6923,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 };
     }
@@ -6913,7 +6933,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();
   }
@@ -7245,13 +7265,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));
 };
@@ -7429,15 +7449,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(() => {
@@ -7459,7 +7485,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 };
 });
@@ -7739,7 +7765,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)
     });
   });
@@ -7767,7 +7793,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;
 };
@@ -7849,7 +7875,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)
     });
   }
@@ -7862,7 +7888,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;
@@ -7912,7 +7938,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);
@@ -8052,7 +8078,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,
@@ -8061,7 +8087,7 @@ const useRedirectionStore = defineStore("redirections", () => {
     } catch (e2) {
     }
   };
-  const tryLoadFromLocalStorage = (config) => {
+  const tryLoadFromLocalStorage2 = (config) => {
     var _a;
     if (!config.cacheSeconds)
       return false;
@@ -8084,7 +8110,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;
     }
@@ -8094,7 +8120,7 @@ const useRedirectionStore = defineStore("redirections", () => {
         return;
       }
       redirections.value = result;
-      saveToLocalStorage();
+      saveToLocalStorage2();
     } catch (e2) {
     }
   });
@@ -8220,12 +8246,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
         })
       ] : [];
@@ -8314,7 +8340,7 @@ const flattenFacet = (key, facets, suggestion, inputValue) => {
     displayHighlight: getHint(suggestion.suggestion, inputValue != null ? inputValue : ""),
     display: suggestion.suggestion,
     suggestion,
-    facet: __spreadValues2({
+    facet: __spreadValues({
       key
     }, f2)
   }));
@@ -8421,14 +8447,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;
@@ -8465,12 +8491,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) {
@@ -8517,7 +8543,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"];
@@ -8572,7 +8598,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;
@@ -8614,7 +8640,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 }]),
@@ -8692,7 +8718,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",
@@ -8710,7 +8736,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 }]),
@@ -8725,7 +8751,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1d = {
+const _hoisted_1$1b = {
   key: 0,
   class: "lupa-search-box-history-panel"
 };
@@ -8770,7 +8796,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,
@@ -8788,7 +8814,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: {
@@ -8796,11 +8822,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",
@@ -8855,7 +8881,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)
@@ -8864,7 +8890,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"
 };
@@ -8928,7 +8954,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),
@@ -9060,7 +9086,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;
@@ -9070,10 +9096,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 = {};
@@ -9103,7 +9129,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: {
@@ -9222,7 +9248,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
         })
@@ -9247,7 +9273,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"
@@ -9272,13 +9298,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"
@@ -9303,11 +9329,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: {
@@ -9326,13 +9352,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: {
@@ -9342,6 +9367,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(
@@ -9351,11 +9379,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" };
@@ -9386,7 +9416,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)), [
@@ -9398,7 +9428,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: {
@@ -9419,7 +9449,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);
     };
   }
 });
@@ -9539,17 +9569,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) {
@@ -9557,8 +9587,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;
   });
@@ -9647,7 +9677,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({
@@ -9677,7 +9707,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"]),
@@ -9691,7 +9721,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$11 = {
+const _hoisted_1$10 = {
   key: 1,
   class: "lupa-search-box-element-badge-wrapper"
 };
@@ -9707,7 +9737,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: {},
@@ -9749,7 +9779,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]));
@@ -9765,7 +9795,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,
@@ -9779,7 +9809,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 = {
@@ -9819,7 +9849,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
@@ -9831,7 +9861,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: {
@@ -9858,7 +9888,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,
@@ -9870,7 +9900,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: {
@@ -9890,11 +9920,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: {
@@ -9910,7 +9940,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",
@@ -9921,7 +9951,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",
@@ -9943,7 +9973,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",
@@ -9958,7 +9988,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,
@@ -9966,7 +9996,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: {},
@@ -9989,7 +10019,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) {
@@ -10000,7 +10030,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
         });
@@ -10022,7 +10052,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)
@@ -10042,7 +10072,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 = {
@@ -10067,7 +10097,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;
@@ -10154,7 +10184,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);
     };
   }
 });
@@ -10206,8 +10236,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
@@ -10215,7 +10245,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: {
@@ -10277,7 +10307,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,
@@ -10304,7 +10334,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",
@@ -10336,7 +10366,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
@@ -10501,7 +10531,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
       });
     });
@@ -10525,7 +10555,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$T = {
+const _hoisted_1$S = {
   key: 0,
   id: "lupa-search-box-panel"
 };
@@ -10549,7 +10579,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: {},
@@ -10695,7 +10725,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",
@@ -10778,7 +10808,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",
@@ -10861,7 +10891,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;
@@ -10880,7 +10910,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":
@@ -10895,6 +10925,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({
@@ -10929,7 +10960,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) {
@@ -11027,11 +11058,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,
@@ -11115,8 +11146,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
   });
 };
@@ -11133,7 +11164,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"
 };
@@ -11178,7 +11209,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 }, [
@@ -11204,7 +11235,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$Q = {
+const _hoisted_1$P = {
   key: 0,
   class: "lupa-search-results-summary"
 };
@@ -11224,7 +11255,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,
@@ -11236,7 +11267,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"
@@ -11287,7 +11318,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, [
@@ -11309,7 +11340,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"
@@ -11330,7 +11361,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
@@ -11341,7 +11372,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"
@@ -11424,7 +11455,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)
           ]),
@@ -11453,7 +11484,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: {
@@ -11491,12 +11522,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"
 };
@@ -11590,7 +11621,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,
@@ -11622,7 +11653,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"
 };
@@ -11667,7 +11698,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;
@@ -11709,7 +11740,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",
@@ -12608,7 +12639,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;
@@ -12621,15 +12652,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) {
@@ -12722,12 +12753,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"
@@ -12928,7 +12959,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),
@@ -12995,7 +13026,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 = {
@@ -13052,7 +13083,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)
@@ -13078,7 +13109,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"
 };
@@ -13134,7 +13165,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",
@@ -13166,7 +13197,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",
@@ -13179,7 +13210,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: {},
@@ -13291,7 +13322,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)
@@ -13314,7 +13345,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"
@@ -13353,7 +13384,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 : "")])
@@ -13375,7 +13406,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: {
@@ -13396,11 +13427,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",
@@ -13485,7 +13516,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,
@@ -13507,7 +13538,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"
 };
@@ -13544,7 +13575,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,
@@ -13565,7 +13596,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$B = {
+const _hoisted_1$A = {
   key: 0,
   class: "lupa-mobile-filter-sidebar"
 };
@@ -13609,7 +13640,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"])
@@ -13637,7 +13668,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,
@@ -13669,7 +13700,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",
@@ -13691,9 +13722,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",
@@ -13707,7 +13738,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,
@@ -13719,7 +13750,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) {
@@ -13731,7 +13762,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",
@@ -13753,7 +13784,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$x = {
+const _hoisted_1$w = {
   key: 0,
   class: "lupa-mobile-toggle-filter-count"
 };
@@ -13775,12 +13806,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"
@@ -13871,7 +13902,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"),
@@ -13915,7 +13946,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"
 };
@@ -13942,6 +13973,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({
@@ -13950,7 +13982,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", {
@@ -13961,7 +13993,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
@@ -13973,7 +14005,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"
 };
@@ -14030,7 +14062,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", {
@@ -14055,7 +14087,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"
@@ -14177,7 +14209,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, {
@@ -14231,7 +14263,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,
@@ -14271,7 +14303,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}`),
@@ -14288,7 +14320,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: {
@@ -14313,7 +14345,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}`)
@@ -14321,7 +14353,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"];
@@ -14360,7 +14392,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) => {
@@ -14394,7 +14426,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"
 };
@@ -14416,14 +14448,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: {
@@ -14433,6 +14461,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(
@@ -14442,9 +14473,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);
     };
   }
 });
@@ -14639,7 +14673,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: {},
@@ -14684,7 +14718,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;
@@ -14743,7 +14777,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;
@@ -15066,7 +15100,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
       });
@@ -15547,7 +15581,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);
@@ -15600,7 +15634,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
@@ -15615,7 +15649,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);
         }
@@ -15684,7 +15718,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;
@@ -15695,7 +15729,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 });
@@ -15833,8 +15867,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
         })
       });
@@ -22361,11 +22395,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;
@@ -22377,13 +22411,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);
@@ -22400,14 +22434,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);
@@ -22422,13 +22456,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);
@@ -22462,9 +22496,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 }) {
@@ -22856,7 +22890,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
@@ -22893,6 +22927,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) {
@@ -22908,105 +22965,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(module2, exports2) {
-  (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(module2, exports2) {
+  (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",
@@ -28386,546 +28788,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
@@ -28935,179 +28941,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;
@@ -29138,7 +29195,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)
   });
@@ -29157,9 +29214,6 @@ const app = {
   recommendations: {},
   chat: {}
 };
-const tracking = (options) => {
-  setupTracking(options);
-};
 const applySearchBox = (options, mountOptions) => {
   const existingInstance = app.box[options.inputSelector];
   if (existingInstance) {
@@ -29188,7 +29242,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) => {
@@ -29424,7 +29478,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(exports, 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(exports, 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(exports, null, function* () {
+  if (isPreviewMode) {
+    return loadAndSaveConfigurationFromServer(configurationKey, options);
+  }
+  const existingConfiguration = tryLoadFromLocalStorage(configurationKey);
+  if (existingConfiguration) {
+    setTimeout(() => __async2(exports, 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(exports, 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(exports, 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(exports, 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(exports, 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(exports, 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(exports, 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(exports, 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(exports, 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,