@getlupa/client 1.12.10 → 1.13.0

package/dist/lupaSearch.js

@@ -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) {
@@ -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;
@@ -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 = {};
@@ -9539,17 +9565,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 +9583,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;
   });
@@ -9707,7 +9733,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 +9775,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]));
@@ -9966,7 +9992,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 +10015,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 +10026,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
         });
@@ -10067,7 +10093,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;
@@ -10206,8 +10232,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
@@ -10501,7 +10527,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
       });
     });
@@ -10549,7 +10575,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: {},
@@ -10861,7 +10887,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 +10906,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":
@@ -10929,7 +10955,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,7 +11053,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
       opened.value = false;
     };
     const slotProps = (props2) => {
-      return __spreadValues2({}, props2);
+      return __spreadValues({}, props2);
     };
     return (_ctx, _cache) => {
       var _a2;
@@ -11115,8 +11141,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
   });
 };
@@ -11667,7 +11693,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;
@@ -12608,7 +12634,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 +12647,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,7 +12748,7 @@ 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);
@@ -13179,7 +13205,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: {},
@@ -13942,6 +13968,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({
@@ -13961,7 +13988,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
@@ -14639,7 +14666,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 +14711,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 +14770,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 +15093,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 +15574,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 +15627,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 +15642,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 +15711,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 +15722,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 +15860,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 +22388,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 +22404,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 +22427,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 +22449,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 +22489,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 +22883,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 +22920,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,159 +22958,504 @@ 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",
-      "Symbol",
-      "TypeError",
-      "Uint8Array",
-      "Uint8ClampedArray",
-      "Uint16Array",
-      "Uint32Array",
-      "WeakMap",
-      "_",
-      "clearTimeout",
-      "isFinite",
-      "parseInt",
-      "setTimeout"
-    ];
-    var templateCounter = -1;
-    var typedArrayTags = {};
-    typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = typedArrayTags[uint32Tag] = true;
-    typedArrayTags[argsTag] = typedArrayTags[arrayTag] = typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] = typedArrayTags[dataViewTag] = typedArrayTags[dateTag] = typedArrayTags[errorTag] = typedArrayTags[funcTag] = typedArrayTags[mapTag] = typedArrayTags[numberTag] = typedArrayTags[objectTag] = typedArrayTags[regexpTag] = typedArrayTags[setTag] = typedArrayTags[stringTag] = typedArrayTags[weakMapTag] = false;
-    var cloneableTags = {};
-    cloneableTags[argsTag] = cloneableTags[arrayTag] = cloneableTags[arrayBufferTag] = cloneableTags[dataViewTag] = cloneableTags[boolTag] = cloneableTags[dateTag] = cloneableTags[float32Tag] = cloneableTags[float64Tag] = cloneableTags[int8Tag] = cloneableTags[int16Tag] = cloneableTags[int32Tag] = cloneableTags[mapTag] = cloneableTags[numberTag] = cloneableTags[objectTag] = cloneableTags[regexpTag] = cloneableTags[setTag] = cloneableTags[stringTag] = cloneableTags[symbolTag] = cloneableTags[uint8Tag] = cloneableTags[uint8ClampedTag] = cloneableTags[uint16Tag] = cloneableTags[uint32Tag] = true;
-    cloneableTags[errorTag] = cloneableTags[funcTag] = cloneableTags[weakMapTag] = false;
-    var deburredLetters = {
-      // Latin-1 Supplement block.
-      "À": "A",
-      "Á": "A",
-      "Â": "A",
-      "Ã": "A",
-      "Ä": "A",
-      "Å": "A",
-      "à": "a",
-      "á": "a",
-      "â": "a",
-      "ã": "a",
-      "ä": "a",
-      "å": "a",
-      "Ç": "C",
-      "ç": "c",
-      "Ð": "D",
-      "ð": "d",
-      "È": "E",
-      "É": "E",
-      "Ê": "E",
-      "Ë": "E",
-      "è": "e",
-      "é": "e",
-      "ê": "e",
-      "ë": "e",
-      "Ì": "I",
-      "Í": "I",
-      "Î": "I",
-      "Ï": "I",
-      "ì": "i",
-      "í": "i",
-      "î": "i",
-      "ï": "i",
+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",
+      "Uint8ClampedArray",
+      "Uint16Array",
+      "Uint32Array",
+      "WeakMap",
+      "_",
+      "clearTimeout",
+      "isFinite",
+      "parseInt",
+      "setTimeout"
+    ];
+    var templateCounter = -1;
+    var typedArrayTags = {};
+    typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = typedArrayTags[uint32Tag] = true;
+    typedArrayTags[argsTag] = typedArrayTags[arrayTag] = typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] = typedArrayTags[dataViewTag] = typedArrayTags[dateTag] = typedArrayTags[errorTag] = typedArrayTags[funcTag] = typedArrayTags[mapTag] = typedArrayTags[numberTag] = typedArrayTags[objectTag] = typedArrayTags[regexpTag] = typedArrayTags[setTag] = typedArrayTags[stringTag] = typedArrayTags[weakMapTag] = false;
+    var cloneableTags = {};
+    cloneableTags[argsTag] = cloneableTags[arrayTag] = cloneableTags[arrayBufferTag] = cloneableTags[dataViewTag] = cloneableTags[boolTag] = cloneableTags[dateTag] = cloneableTags[float32Tag] = cloneableTags[float64Tag] = cloneableTags[int8Tag] = cloneableTags[int16Tag] = cloneableTags[int32Tag] = cloneableTags[mapTag] = cloneableTags[numberTag] = cloneableTags[objectTag] = cloneableTags[regexpTag] = cloneableTags[setTag] = cloneableTags[stringTag] = cloneableTags[symbolTag] = cloneableTags[uint8Tag] = cloneableTags[uint8ClampedTag] = cloneableTags[uint16Tag] = cloneableTags[uint32Tag] = true;
+    cloneableTags[errorTag] = cloneableTags[funcTag] = cloneableTags[weakMapTag] = false;
+    var deburredLetters = {
+      // Latin-1 Supplement block.
+      "À": "A",
+      "Á": "A",
+      "Â": "A",
+      "Ã": "A",
+      "Ä": "A",
+      "Å": "A",
+      "à": "a",
+      "á": "a",
+      "â": "a",
+      "ã": "a",
+      "ä": "a",
+      "å": "a",
+      "Ç": "C",
+      "ç": "c",
+      "Ð": "D",
+      "ð": "d",
+      "È": "E",
+      "É": "E",
+      "Ê": "E",
+      "Ë": "E",
+      "è": "e",
+      "é": "e",
+      "ê": "e",
+      "ë": "e",
+      "Ì": "I",
+      "Í": "I",
+      "Î": "I",
+      "Ï": "I",
+      "ì": "i",
+      "í": "i",
+      "î": "i",
+      "ï": "i",
       "Ñ": "N",
       "ñ": "n",
       "Ò": "O",
@@ -28386,546 +28781,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 +28934,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 +29188,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 +29207,6 @@ const app = {
   recommendations: {},
   chat: {}
 };
-const tracking = (options) => {
-  setupTracking(options);
-};
 const applySearchBox = (options, mountOptions) => {
   const existingInstance = app.box[options.inputSelector];
   if (existingInstance) {
@@ -29188,7 +29235,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 +29471,237 @@ 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,