@getlupa/client 1.12.9 → 1.13.0

package/dist/lupaSearch.umd.js

@@ -1,25 +1,45 @@
 (function(global2, factory) {
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports) : typeof define === "function" && define.amd ? define(["exports"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.LupaSearch = {}));
-})(this, function(exports2) {
-  "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) => {
+})(this, function(exports) {
+  "use strict";var __defProp2 = Object.defineProperty;
+var __defProps2 = Object.defineProperties;
+var __getOwnPropDescs2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues2 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    if (__hasOwnProp2.call(b, prop))
+      __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2)
+    for (var prop of __getOwnPropSymbols2(b)) {
+      if (__propIsEnum2.call(b, prop))
+        __defNormalProp2(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __spreadProps2 = (a, b) => __defProps2(a, __getOwnPropDescs2(b));
+var __async2 = (__this, __arguments, generator) => {
+  return new Promise((resolve2, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e2) {
+        reject(e2);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e2) {
+        reject(e2);
+      }
+    };
+    var step = (x) => x.done ? resolve2(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 
   function makeMap(str, expectsLowerCase) {
     const map = /* @__PURE__ */ Object.create(null);
@@ -6305,7 +6325,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   }
   const createApp = (...args) => {
     const app2 = ensureRenderer().createApp(...args);
-    const { mount } = app2;
+    const { mount: mount2 } = app2;
     app2.mount = (containerOrSelector) => {
       const container = normalizeContainer(containerOrSelector);
       if (!container)
@@ -6315,7 +6335,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         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", "");
@@ -6331,25 +6351,25 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     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) => {
@@ -6815,14 +6835,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       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* () {
@@ -6846,7 +6866,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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 });
@@ -6856,7 +6876,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   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 });
@@ -6869,7 +6889,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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 });
@@ -6883,7 +6903,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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 });
@@ -6895,7 +6915,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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 };
@@ -6905,7 +6925,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   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 };
       }
@@ -6915,7 +6935,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
   });
   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();
     }
@@ -7247,13 +7267,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     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));
   };
@@ -7431,15 +7451,21 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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(() => {
@@ -7461,7 +7487,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       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 };
   });
@@ -7741,7 +7767,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   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)
       });
     });
@@ -7769,7 +7795,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     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;
   };
@@ -7851,7 +7877,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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)
       });
     }
@@ -7864,7 +7890,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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;
@@ -7914,7 +7940,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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);
@@ -8054,7 +8080,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const useRedirectionStore = defineStore("redirections", () => {
     const redirections = ref({ rules: [] });
     const redirectionOptions = ref({ enabled: false, queryKey: "" });
-    const saveToLocalStorage = () => {
+    const saveToLocalStorage2 = () => {
       try {
         localStorage.setItem(
           CACHE_KEY,
@@ -8063,7 +8089,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       } catch (e2) {
       }
     };
-    const tryLoadFromLocalStorage = (config) => {
+    const tryLoadFromLocalStorage2 = (config) => {
       var _a;
       if (!config.cacheSeconds)
         return false;
@@ -8086,7 +8112,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       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;
       }
@@ -8096,7 +8122,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           return;
         }
         redirections.value = result;
-        saveToLocalStorage();
+        saveToLocalStorage2();
       } catch (e2) {
       }
     });
@@ -8222,12 +8248,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         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
           })
         ] : [];
@@ -8316,7 +8342,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       displayHighlight: getHint(suggestion.suggestion, inputValue != null ? inputValue : ""),
       display: suggestion.suggestion,
       suggestion,
-      facet: __spreadValues2({
+      facet: __spreadValues({
         key
       }, f2)
     }));
@@ -8423,14 +8449,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         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;
@@ -8467,12 +8493,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }) {
       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) {
@@ -8574,7 +8600,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       );
       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;
@@ -9062,7 +9088,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       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;
@@ -9072,10 +9098,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         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 = {};
@@ -9541,17 +9567,17 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         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) {
@@ -9559,8 +9585,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }
       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;
     });
@@ -9709,7 +9735,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       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: {},
@@ -9751,7 +9777,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           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]));
@@ -9968,7 +9994,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       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: {},
@@ -9991,7 +10017,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           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) {
@@ -10002,7 +10028,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           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
           });
@@ -10069,7 +10095,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return generateLink((_b = (_a = props.panelOptions.links) == null ? void 0 : _a.details) != null ? _b : "", props.item);
       });
       const badgeOptions = computed(() => {
-        return __spreadProps2(__spreadValues2({}, props.panelOptions.badges), { product: props.item });
+        return __spreadProps(__spreadValues({}, props.panelOptions.badges), { product: props.item });
       });
       const imageElements = computed(() => {
         var _a, _b;
@@ -10208,8 +10234,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       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
@@ -10503,7 +10529,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       });
       const getItemsDebounced = debounce$1(getItems, props.debounce);
       const documentPanelOptions = computed(() => {
-        return __spreadProps2(__spreadValues2({}, props.panel), {
+        return __spreadProps(__spreadValues({}, props.panel), {
           type: SearchBoxPanelType.DOCUMENT
         });
       });
@@ -10551,7 +10577,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       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: {},
@@ -10863,7 +10889,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         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;
@@ -10882,7 +10908,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           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":
@@ -10931,7 +10957,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       const selectSuggestion = (inputSuggestion, shouldSearch = false) => {
         if (inputSuggestion.item.suggestion) {
-          suggestedValue.value = __spreadProps2(__spreadValues2({}, inputSuggestion), {
+          suggestedValue.value = __spreadProps(__spreadValues({}, inputSuggestion), {
             override: true
           });
           if (inputSuggestion.override) {
@@ -11029,7 +11055,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         opened.value = false;
       };
       const slotProps = (props2) => {
-        return __spreadValues2({}, props2);
+        return __spreadValues({}, props2);
       };
       return (_ctx, _cache) => {
         var _a2;
@@ -11117,8 +11143,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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
     });
   };
@@ -11669,7 +11695,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         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;
@@ -12610,7 +12636,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       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;
@@ -12623,15 +12649,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         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) {
@@ -12724,7 +12750,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         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);
@@ -13181,7 +13207,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       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: {},
@@ -13944,6 +13970,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         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({
@@ -13963,7 +13990,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               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
@@ -14641,7 +14668,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       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: {},
@@ -14686,7 +14713,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           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;
@@ -14745,7 +14772,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         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;
@@ -15068,7 +15095,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       const handleQueryChange = () => {
         const context = getLupaTrackingContext();
-        const queryBody = __spreadProps2(__spreadValues2({}, context), {
+        const queryBody = __spreadProps(__spreadValues({}, context), {
           limit: props.panel.totalCountLimit,
           searchText: query.value
         });
@@ -15549,7 +15576,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         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);
@@ -15602,7 +15629,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         });
         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
@@ -15617,7 +15644,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           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);
           }
@@ -15686,7 +15713,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           if (typeof window !== "undefined") {
             optionStore.setSearchResultOptions({ options: props.options });
             if (props.initialData) {
-              searchResultStore.add(__spreadValues2({}, props.initialData));
+              searchResultStore.add(__spreadValues({}, props.initialData));
             }
             handleMounted();
             return;
@@ -15697,7 +15724,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             (_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 });
@@ -15835,8 +15862,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       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
           })
         });
@@ -15875,7 +15902,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    */
   lodash$1.exports;
-  (function(module2, exports3) {
+  (function(module2, exports2) {
     (function() {
       var undefined$1;
       var VERSION = "4.17.21";
@@ -16203,7 +16230,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       var freeGlobal = typeof commonjsGlobal$1 == "object" && commonjsGlobal$1 && commonjsGlobal$1.Object === Object && commonjsGlobal$1;
       var freeSelf = typeof self == "object" && self && self.Object === Object && self;
       var root = freeGlobal || freeSelf || Function("return this")();
-      var freeExports = exports3 && !exports3.nodeType && exports3;
+      var freeExports = exports2 && !exports2.nodeType && exports2;
       var freeModule = freeExports && true && module2 && !module2.nodeType && module2;
       var moduleExports = freeModule && freeModule.exports === freeExports;
       var freeProcess = moduleExports && freeGlobal.process;
@@ -22112,7 +22139,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$8 = { class: "lupa-search-product-recommendations-wrapper" };
+  const _hoisted_1$8 = {
+    key: 0,
+    class: "lupa-search-product-recommendations-wrapper"
+  };
   const _hoisted_2$6 = {
     key: 0,
     class: "lupa-recommendation-section-title"
@@ -22163,6 +22193,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         var _a, _b;
         return (_b = (_a = props.options.recommendationLabels) == null ? void 0 : _a.title) != null ? _b : "";
       });
+      const hasRecommendations = computed(() => {
+        return recommendations2.value.length > 0;
+      });
       onMounted(() => {
         loadRecommendations();
         window.addEventListener("resize", handleResize);
@@ -22237,7 +22270,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       });
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$8, [
+        return hasRecommendations.value ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
           title.value ? (openBlock(), createElementBlock("h2", _hoisted_2$6, toDisplayString(title.value), 1)) : createCommentVNode("", true),
           !loading.value ? (openBlock(), createElementBlock("div", _hoisted_3$4, [
             layoutType.value === "carousel" ? (openBlock(), createBlock(unref(Carousel), mergeProps({ key: 0 }, carouselOptions.value, { "wrap-around": true }), {
@@ -22273,7 +22306,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               }), 128))
             ]))
           ])) : createCommentVNode("", true)
-        ]);
+        ])) : createCommentVNode("", true);
       };
     }
   });
@@ -22357,11 +22390,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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;
@@ -22373,13 +22406,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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);
@@ -22396,14 +22429,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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);
@@ -22418,13 +22451,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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);
@@ -22458,9 +22491,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   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 }) {
@@ -22852,7 +22885,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           }
           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
@@ -22889,6 +22922,29 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
+  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) {
@@ -22904,220 +22960,565 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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, exports3) {
-    (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",
-        "Ó": "O",
-        "Ô": "O",
-        "Õ": "O",
-        "Ö": "O",
-        "Ø": "O",
-        "ò": "o",
-        "ó": "o",
-        "ô": "o",
-        "õ": "o",
-        "ö": "o",
-        "ø": "o",
-        "Ù": "U",
-        "Ú": "U",
-        "Û": "U",
-        "Ü": "U",
-        "ù": "u",
-        "ú": "u",
-        "û": "u",
-        "ü": "u",
-        "Ý": "Y",
-        "ý": "y",
-        "ÿ": "y",
-        "Æ": "Ae",
-        "æ": "ae",
-        "Þ": "Th",
-        "þ": "th",
-        "ß": "ss",
-        // Latin Extended-A block.
-        "Ā": "A",
-        "Ă": "A",
-        "Ą": "A",
-        "ā": "a",
-        "ă": "a",
-        "ą": "a",
-        "Ć": "C",
-        "Ĉ": "C",
-        "Ċ": "C",
-        "Č": "C",
-        "ć": "c",
-        "ĉ": "c",
-        "ċ": "c",
-        "č": "c",
-        "Ď": "D",
-        "Đ": "D",
-        "ď": "d",
-        "đ": "d",
-        "Ē": "E",
-        "Ĕ": "E",
-        "Ė": "E",
-        "Ę": "E",
-        "Ě": "E",
-        "ē": "e",
-        "ĕ": "e",
-        "ė": "e",
-        "ę": "e",
-        "ě": "e",
-        "Ĝ": "G",
-        "Ğ": "G",
+  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",
+        "Ó": "O",
+        "Ô": "O",
+        "Õ": "O",
+        "Ö": "O",
+        "Ø": "O",
+        "ò": "o",
+        "ó": "o",
+        "ô": "o",
+        "õ": "o",
+        "ö": "o",
+        "ø": "o",
+        "Ù": "U",
+        "Ú": "U",
+        "Û": "U",
+        "Ü": "U",
+        "ù": "u",
+        "ú": "u",
+        "û": "u",
+        "ü": "u",
+        "Ý": "Y",
+        "ý": "y",
+        "ÿ": "y",
+        "Æ": "Ae",
+        "æ": "ae",
+        "Þ": "Th",
+        "þ": "th",
+        "ß": "ss",
+        // Latin Extended-A block.
+        "Ā": "A",
+        "Ă": "A",
+        "Ą": "A",
+        "ā": "a",
+        "ă": "a",
+        "ą": "a",
+        "Ć": "C",
+        "Ĉ": "C",
+        "Ċ": "C",
+        "Č": "C",
+        "ć": "c",
+        "ĉ": "c",
+        "ċ": "c",
+        "č": "c",
+        "Ď": "D",
+        "Đ": "D",
+        "ď": "d",
+        "đ": "d",
+        "Ē": "E",
+        "Ĕ": "E",
+        "Ė": "E",
+        "Ę": "E",
+        "Ě": "E",
+        "ē": "e",
+        "ĕ": "e",
+        "ė": "e",
+        "ę": "e",
+        "ě": "e",
+        "Ĝ": "G",
+        "Ğ": "G",
         "Ġ": "G",
         "Ģ": "G",
         "ĝ": "g",
@@ -23243,7 +23644,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       var freeGlobal = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
       var freeSelf = typeof self == "object" && self && self.Object === Object && self;
       var root = freeGlobal || freeSelf || Function("return this")();
-      var freeExports = exports3 && !exports3.nodeType && exports3;
+      var freeExports = exports2 && !exports2.nodeType && exports2;
       var freeModule = freeExports && true && module2 && !module2.nodeType && module2;
       var moduleExports = freeModule && freeModule.exports === freeExports;
       var freeProcess = moduleExports && freeGlobal.process;
@@ -28382,546 +28783,150 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         (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
@@ -28931,179 +28936,230 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           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;
@@ -29134,7 +29190,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       return;
     }
     let mountedComponent = null;
-    const props = reactive(__spreadValues({}, options));
+    const props = reactive(__spreadValues2({}, options));
     const app2 = createApp({
       render: () => mountedComponent = h$1(rootComponent, props)
     });
@@ -29153,9 +29209,6 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     recommendations: {},
     chat: {}
   };
-  const tracking = (options) => {
-    setupTracking(options);
-  };
   const applySearchBox = (options, mountOptions) => {
     const existingInstance = app.box[options.inputSelector];
     if (existingInstance) {
@@ -29184,7 +29237,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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) => {
@@ -29420,7 +29473,237 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     } 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(this, 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(this, 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(this, null, function* () {
+    if (isPreviewMode) {
+      return loadAndSaveConfigurationFromServer(configurationKey, options);
+    }
+    const existingConfiguration = tryLoadFromLocalStorage(configurationKey);
+    if (existingConfiguration) {
+      setTimeout(() => __async2(this, 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(this, 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(this, 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(this, 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(this, 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(this, 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(this, 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(this, 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(this, 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,
@@ -29442,9 +29725,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     window.getLupa = lupaSearch;
     window.lupaSearch = lupaSearch;
   }
-  exports2.BadgeType = BadgeType;
-  exports2.DocumentElementType = DocumentElementType;
-  exports2.SearchBoxPanelType = SearchBoxPanelType;
-  exports2.default = lupaSearch;
-  Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+  exports.BadgeType = BadgeType;
+  exports.DocumentElementType = DocumentElementType;
+  exports.SearchBoxPanelType = SearchBoxPanelType;
+  exports.default = lupaSearch;
+  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 });