@getlupa/vue 0.3.1 → 0.3.2

package/dist/lupaSearch.js

@@ -1524,15 +1524,15 @@ const LUPA_ROUTING_EVENT = "lupaRedirect";
 const RATING_STAR_HTML = "☆";
 const production = "https://api.lupasearch.com/v1/";
 const staging = "https://api.staging.lupasearch.com/v1/";
-const Env = {
+const Env$1 = {
   production,
   staging
 };
-const getApiUrl = (environment, customBaseUrl) => {
+const getApiUrl$1 = (environment, customBaseUrl) => {
   if (customBaseUrl) {
     return customBaseUrl;
   }
-  return Env[environment] || Env["production"];
+  return Env$1[environment] || Env$1["production"];
 };
 var __awaiter = globalThis && globalThis.__awaiter || function(thisArg, _arguments, P, generator) {
   function adopt(value) {
@@ -1561,14 +1561,14 @@ var __awaiter = globalThis && globalThis.__awaiter || function(thisArg, _argumen
     step((generator = generator.apply(thisArg, _arguments || [])).next());
   });
 };
-const defaultConfig = {
+const defaultConfig$1 = {
   method: "POST",
   headers: { "Content-Type": "application/json" }
 };
 const customRequestConfig = ({ customHeaders }) => {
   return {
-    method: defaultConfig.method,
-    headers: Object.assign(Object.assign({}, defaultConfig.headers), customHeaders !== null && customHeaders !== void 0 ? customHeaders : {})
+    method: defaultConfig$1.method,
+    headers: Object.assign(Object.assign({}, defaultConfig$1.headers), customHeaders !== null && customHeaders !== void 0 ? customHeaders : {})
   };
 };
 const searchCustom = (query, options) => __awaiter(void 0, void 0, void 0, function* () {
@@ -1592,7 +1592,7 @@ const suggestCustom = (query, options) => __awaiter(void 0, void 0, void 0, func
   return { success: false, errors };
 });
 const search = (queryKey, query, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
-  const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}query/${queryKey}`, Object.assign(Object.assign({}, defaultConfig), { body: JSON.stringify(query) }));
+  const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}query/${queryKey}`, Object.assign(Object.assign({}, defaultConfig$1), { body: JSON.stringify(query) }));
   if (res.status < 400) {
     const data = yield res.json();
     return Object.assign(Object.assign({}, data), { success: true });
@@ -1602,7 +1602,7 @@ const search = (queryKey, query, environment, customBaseUrl) => __awaiter(void 0
 });
 const queryByIds = (queryKey, ids, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
   const idParam = ids.map((id) => `ids=${id}`).join("&");
-  const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}query/${queryKey}/ids?${idParam}`, Object.assign(Object.assign({}, defaultConfig), { method: "GET" }));
+  const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}query/${queryKey}/ids?${idParam}`, Object.assign(Object.assign({}, defaultConfig$1), { method: "GET" }));
   if (res.status < 400) {
     const data = yield res.json();
     return Object.assign(Object.assign({}, data), { success: true });
@@ -1611,7 +1611,7 @@ const queryByIds = (queryKey, ids, environment, customBaseUrl) => __awaiter(void
   return { success: false, errors };
 });
 const recommend = (queryKey, recommendForId, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
-  const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}recommendations/document/${recommendForId}?queryKey=${queryKey}`, Object.assign(Object.assign({}, defaultConfig), { method: "GET" }));
+  const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}recommendations/document/${recommendForId}?queryKey=${queryKey}`, Object.assign(Object.assign({}, defaultConfig$1), { method: "GET" }));
   if (res.status < 400) {
     const data = yield res.json();
     return Object.assign(Object.assign({}, data), { success: true });
@@ -1620,7 +1620,7 @@ const recommend = (queryKey, recommendForId, environment, customBaseUrl) => __aw
   return { success: false, errors };
 });
 const suggest = (queryKey, query, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
-  const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}query/${queryKey}`, Object.assign(Object.assign({}, defaultConfig), { body: JSON.stringify(query) }));
+  const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}query/${queryKey}`, Object.assign(Object.assign({}, defaultConfig$1), { body: JSON.stringify(query) }));
   if (res.status < 400) {
     const items = yield res.json();
     return { items, success: true };
@@ -1629,7 +1629,7 @@ const suggest = (queryKey, query, environment, customBaseUrl) => __awaiter(void
   return { success: false, errors };
 });
 const track$1 = (queryKey, event, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
-  const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}events`, Object.assign(Object.assign({}, defaultConfig), { body: JSON.stringify(Object.assign({ queryKey }, event)) }));
+  const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}events`, Object.assign(Object.assign({}, defaultConfig$1), { body: JSON.stringify(Object.assign({ queryKey }, event)) }));
   if (res.status < 400) {
     return { success: false };
   }
@@ -3012,16 +3012,16 @@ const useSearchBoxStore = defineStore("searchBox", () => {
     resetHighlightIndex
   };
 });
-const _hoisted_1$12 = { id: "lupa-search-box-input-container" };
-const _hoisted_2$I = { class: "lupa-input-clear" };
-const _hoisted_3$v = { id: "lupa-search-box-input" };
-const _hoisted_4$o = ["value"];
-const _hoisted_5$c = ["placeholder"];
-const _hoisted_6$6 = {
+const _hoisted_1$19 = { id: "lupa-search-box-input-container" };
+const _hoisted_2$N = { class: "lupa-input-clear" };
+const _hoisted_3$A = { id: "lupa-search-box-input" };
+const _hoisted_4$r = ["value"];
+const _hoisted_5$f = ["placeholder"];
+const _hoisted_6$8 = {
   key: 0,
   class: "lupa-close-label"
 };
-const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxInput",
   props: {
     options: {},
@@ -3098,19 +3098,19 @@ const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
     };
     __expose({ focus });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$12, [
-        vue.createElementVNode("div", _hoisted_2$I, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$19, [
+        vue.createElementVNode("div", _hoisted_2$N, [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
             onClick: clear
           }, null, 2)
         ]),
-        vue.createElementVNode("div", _hoisted_3$v, [
+        vue.createElementVNode("div", _hoisted_3$A, [
           vue.createElementVNode("input", {
             class: "lupa-hint",
             value: showHint.value ? suggestedValue.value.item.suggestion : "",
             disabled: ""
-          }, null, 8, _hoisted_4$o),
+          }, null, 8, _hoisted_4$r),
           vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
           }, inputAttributes.value, {
@@ -3123,7 +3123,7 @@ const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
             placeholder: labels.value.placeholder,
             onInput: handleInput,
             onFocus: handleFocus
-          }), null, 16, _hoisted_5$c), [
+          }), null, 16, _hoisted_5$f), [
             [vue.vModelText, inputValue.value]
           ])
         ]),
@@ -3132,13 +3132,13 @@ const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
           class: "lupa-close-search-container",
           onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
         }, [
-          labels.value.close ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$6, vue.toDisplayString(labels.value.close), 1)) : vue.createCommentVNode("", true)
+          labels.value.close ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$8, vue.toDisplayString(labels.value.close), 1)) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true)
       ]);
     };
   }
 });
-const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxMoreResults",
   props: {
     labels: {},
@@ -3170,9 +3170,9 @@ const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$11 = { class: "lupa-search-box-history-item" };
-const _hoisted_2$H = { class: "lupa-search-box-history-item-content" };
-const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$18 = { class: "lupa-search-box-history-item" };
+const _hoisted_2$M = { class: "lupa-search-box-history-item-content" };
+const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxHistoryItem",
   props: {
     item: {},
@@ -3188,8 +3188,8 @@ const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
       emit("click", { query: props.item });
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$11, [
-        vue.createElementVNode("div", _hoisted_2$H, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$18, [
+        vue.createElementVNode("div", _hoisted_2$M, [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
             onClick: click2
@@ -3203,11 +3203,11 @@ const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$10 = {
+const _hoisted_1$17 = {
   key: 0,
   class: "lupa-search-box-history-panel"
 };
-const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxHistoryPanel",
   props: {
     options: {}
@@ -3248,9 +3248,9 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return hasHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$10, [
+      return hasHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$17, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(history), (item, index) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$18, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$1f, {
             key: item,
             item,
             highlighted: index === highlightIndex.value,
@@ -3266,26 +3266,26 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$$ = ["innerHTML"];
-const _hoisted_2$G = {
+const _hoisted_1$16 = ["innerHTML"];
+const _hoisted_2$L = {
   key: 1,
   "data-cy": "lupa-suggestion-value",
   class: "lupa-suggestion-value"
 };
-const _hoisted_3$u = {
+const _hoisted_3$z = {
   key: 2,
   class: "lupa-suggestion-facet",
   "data-cy": "lupa-suggestion-facet"
 };
-const _hoisted_4$n = {
+const _hoisted_4$q = {
   class: "lupa-suggestion-facet-label",
   "data-cy": "lupa-suggestion-facet-label"
 };
-const _hoisted_5$b = {
+const _hoisted_5$e = {
   class: "lupa-suggestion-facet-value",
   "data-cy": "lupa-suggestion-facet-value"
 };
-const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxSuggestion",
   props: {
     suggestion: {},
@@ -3321,20 +3321,20 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
           class: "lupa-suggestion-value",
           "data-cy": "lupa-suggestion-value",
           innerHTML: _ctx.suggestion.displayHighlight
-        }, null, 8, _hoisted_1$$)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$G, vue.toDisplayString(_ctx.suggestion.display), 1)),
-        _ctx.suggestion.facet ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$u, [
-          vue.createElementVNode("span", _hoisted_4$n, vue.toDisplayString(facetLabel.value), 1),
-          vue.createElementVNode("span", _hoisted_5$b, vue.toDisplayString(_ctx.suggestion.facet.title), 1)
+        }, null, 8, _hoisted_1$16)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$L, vue.toDisplayString(_ctx.suggestion.display), 1)),
+        _ctx.suggestion.facet ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$z, [
+          vue.createElementVNode("span", _hoisted_4$q, vue.toDisplayString(facetLabel.value), 1),
+          vue.createElementVNode("span", _hoisted_5$e, vue.toDisplayString(_ctx.suggestion.facet.title), 1)
         ])) : vue.createCommentVNode("", true)
       ]);
     };
   }
 });
-const _hoisted_1$_ = {
+const _hoisted_1$15 = {
   id: "lupa-search-box-suggestions",
   "data-cy": "lupa-search-box-suggestions"
 };
-const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxSuggestions",
   props: {
     items: {},
@@ -3394,9 +3394,9 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
       });
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$_, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$15, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items.value, (item, index) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$16, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$1d, {
             key: getSuggestionKey(item),
             class: vue.normalizeClass(["lupa-suggestion", index === highlightedIndex.value ? "lupa-suggestion-highlighted" : ""]),
             suggestion: item,
@@ -3424,7 +3424,7 @@ const debounce$1 = (func, timeout) => {
     }, timeout);
   };
 };
-const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxSuggestionsWrapper",
   props: {
     panel: {},
@@ -3465,7 +3465,7 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
     };
     const getSuggestionsDebounced = debounce$1(getSuggestions, props.debounce);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$15, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$1c, {
         items: searchResult.value,
         highlight: _ctx.panel.highlight,
         queryKey: _ctx.panel.queryKey,
@@ -3543,8 +3543,8 @@ const useDynamicDataStore = defineStore("dynamicData", () => {
   });
   return { dynamicDataIdMap, loading, enhanceSearchResultsWithDynamicData };
 });
-const _hoisted_1$Z = ["src"];
-const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$14 = ["src"];
+const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
   __name: "ProductImage",
   props: {
     item: {},
@@ -3592,12 +3592,12 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass((_b = _ctx.imageClass) != null ? _b : ""),
           src: finalUrl.value,
           onError: replaceWithPlaceholder
-        }, null, 42, _hoisted_1$Z)
+        }, null, 42, _hoisted_1$14)
       ], 2);
     };
   }
 });
-const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductImage",
   props: {
     item: {},
@@ -3605,7 +3605,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$13, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$1a, {
         item: _ctx.item,
         options: _ctx.options,
         "wrapper-class": "lupa-search-box-image-wrapper",
@@ -3614,12 +3614,12 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$Y = ["innerHTML"];
-const _hoisted_2$F = {
+const _hoisted_1$13 = ["innerHTML"];
+const _hoisted_2$K = {
   key: 1,
   class: "lupa-search-box-product-title"
 };
-const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductTitle",
   props: {
     item: {},
@@ -3639,18 +3639,18 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         class: "lupa-search-box-product-title",
         innerHTML: title.value
-      }, null, 8, _hoisted_1$Y)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$F, [
+      }, null, 8, _hoisted_1$13)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$K, [
         vue.createElementVNode("strong", null, vue.toDisplayString(title.value), 1)
       ]));
     };
   }
 });
-const _hoisted_1$X = ["innerHTML"];
-const _hoisted_2$E = {
+const _hoisted_1$12 = ["innerHTML"];
+const _hoisted_2$J = {
   key: 1,
   class: "lupa-search-box-product-description"
 };
-const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductDescription",
   props: {
     item: {},
@@ -3670,12 +3670,12 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         class: "lupa-search-box-product-description",
         innerHTML: description.value
-      }, null, 8, _hoisted_1$X)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$E, vue.toDisplayString(description.value), 1));
+      }, null, 8, _hoisted_1$12)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$J, vue.toDisplayString(description.value), 1));
     };
   }
 });
-const _hoisted_1$W = { class: "lupa-search-box-product-price" };
-const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$11 = { class: "lupa-search-box-product-price" };
+const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductPrice",
   props: {
     item: {},
@@ -3693,14 +3693,14 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
       );
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$W, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$11, [
         vue.createElementVNode("strong", null, vue.toDisplayString(price.value), 1)
       ]);
     };
   }
 });
-const _hoisted_1$V = { class: "lupa-search-box-product-regular-price" };
-const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$10 = { class: "lupa-search-box-product-regular-price" };
+const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductRegularPrice",
   props: {
     item: {},
@@ -3718,16 +3718,16 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
       );
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$V, vue.toDisplayString(price.value), 1);
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$10, vue.toDisplayString(price.value), 1);
     };
   }
 });
-const _hoisted_1$U = ["innerHTML"];
-const _hoisted_2$D = { key: 0 };
-const _hoisted_3$t = { key: 1 };
-const _hoisted_4$m = { class: "lupa-search-box-custom-label" };
-const _hoisted_5$a = { class: "lupa-search-box-custom-text" };
-const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$$ = ["innerHTML"];
+const _hoisted_2$I = { key: 0 };
+const _hoisted_3$y = { key: 1 };
+const _hoisted_4$p = { class: "lupa-search-box-custom-label" };
+const _hoisted_5$d = { class: "lupa-search-box-custom-text" };
+const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductCustom",
   props: {
     item: {},
@@ -3753,20 +3753,20 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         class: [className.value, "lupa-search-box-product-custom"],
         innerHTML: text.value
-      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$U)) : (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$$)) : (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         key: 1,
         class: [className.value, "lupa-search-box-product-custom"]
       }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
-        !label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$D, vue.toDisplayString(text.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$t, [
-          vue.createElementVNode("div", _hoisted_4$m, vue.toDisplayString(label.value), 1),
-          vue.createElementVNode("div", _hoisted_5$a, vue.toDisplayString(text.value), 1)
+        !label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$I, vue.toDisplayString(text.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$y, [
+          vue.createElementVNode("div", _hoisted_4$p, vue.toDisplayString(label.value), 1),
+          vue.createElementVNode("div", _hoisted_5$d, vue.toDisplayString(text.value), 1)
         ]))
       ], 16));
     };
   }
 });
-const _hoisted_1$T = ["innerHTML"];
-const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$_ = ["innerHTML"];
+const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductCustomHtml",
   props: {
     item: {},
@@ -3786,7 +3786,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         class: className.value,
         innerHTML: text.value
-      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$T);
+      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$_);
     };
   }
 });
@@ -3981,10 +3981,10 @@ const useSearchResultStore = defineStore("searchResult", () => {
     setLoading
   };
 });
-const _hoisted_1$S = { class: "lupa-search-box-add-to-cart-wrapper" };
-const _hoisted_2$C = { class: "lupa-search-box-product-addtocart" };
-const _hoisted_3$s = ["onClick", "disabled"];
-const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$Z = { class: "lupa-search-box-add-to-cart-wrapper" };
+const _hoisted_2$H = { class: "lupa-search-box-product-addtocart" };
+const _hoisted_3$x = ["onClick", "disabled"];
+const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductAddToCart",
   props: {
     item: {},
@@ -4011,15 +4011,15 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
       loading.value = false;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$S, [
-        vue.createElementVNode("div", _hoisted_2$C, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Z, [
+        vue.createElementVNode("div", _hoisted_2$H, [
           vue.createElementVNode("button", {
             onClick: vue.withModifiers(handleClick, ["stop", "prevent"]),
             class: vue.normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
             "data-cy": "lupa-add-to-cart",
             type: "button",
             disabled: !inStockValue.value || loading.value
-          }, vue.toDisplayString(label.value), 11, _hoisted_3$s)
+          }, vue.toDisplayString(label.value), 11, _hoisted_3$x)
         ])
       ]);
     };
@@ -4027,17 +4027,17 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
 });
 const __default__$4 = {
   components: {
-    SearchBoxProductImage: _sfc_main$12,
-    SearchBoxProductTitle: _sfc_main$11,
-    SearchBoxProductDescription: _sfc_main$10,
-    SearchBoxProductPrice: _sfc_main$$,
-    SearchBoxProductRegularPrice: _sfc_main$_,
-    SearchBoxProductCustom: _sfc_main$Z,
-    SearchBoxProductCustomHtml: _sfc_main$Y,
-    SearchBoxProductAddToCart: _sfc_main$X
+    SearchBoxProductImage: _sfc_main$19,
+    SearchBoxProductTitle: _sfc_main$18,
+    SearchBoxProductDescription: _sfc_main$17,
+    SearchBoxProductPrice: _sfc_main$16,
+    SearchBoxProductRegularPrice: _sfc_main$15,
+    SearchBoxProductCustom: _sfc_main$14,
+    SearchBoxProductCustomHtml: _sfc_main$13,
+    SearchBoxProductAddToCart: _sfc_main$12
   }
 };
-const _sfc_main$W = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$4), {
+const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$4), {
   __name: "SearchBoxProductElement",
   props: {
     item: {},
@@ -4151,14 +4151,14 @@ const useTrackingStore = defineStore("tracking", () => {
   };
   return { trackSearch, trackResults, trackEvent };
 });
-const _hoisted_1$R = ["href"];
-const _hoisted_2$B = { class: "lupa-search-box-product-image-section" };
-const _hoisted_3$r = { class: "lupa-search-box-product-details-section" };
-const _hoisted_4$l = {
+const _hoisted_1$Y = ["href"];
+const _hoisted_2$G = { class: "lupa-search-box-product-image-section" };
+const _hoisted_3$w = { class: "lupa-search-box-product-details-section" };
+const _hoisted_4$o = {
   key: 0,
   class: "lupa-search-box-product-add-to-cart-section"
 };
-const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProduct",
   props: {
     item: {},
@@ -4251,9 +4251,9 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
         href: link.value,
         onClick: handleClick
       }, [
-        vue.createElementVNode("div", _hoisted_2$B, [
+        vue.createElementVNode("div", _hoisted_2$G, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(imageElements.value, (element) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$W, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$11, {
               class: "lupa-search-box-product-element",
               item: _ctx.item,
               element,
@@ -4263,9 +4263,9 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["item", "element", "labels", "link"]);
           }), 128))
         ]),
-        vue.createElementVNode("div", _hoisted_3$r, [
+        vue.createElementVNode("div", _hoisted_3$w, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(detailElements.value, (element) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$W, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$11, {
               class: "lupa-search-box-product-element",
               item: _ctx.item,
               element,
@@ -4275,8 +4275,8 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["item", "element", "labels", "link"]);
           }), 128))
         ]),
-        addToCartElement.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$l, [
-          vue.createVNode(_sfc_main$W, {
+        addToCartElement.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$o, [
+          vue.createVNode(_sfc_main$11, {
             class: "lupa-search-box-product-element",
             item: _ctx.item,
             element: addToCartElement.value,
@@ -4285,12 +4285,12 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
             isInStock: isInStock.value
           }, null, 8, ["item", "element", "labels", "link", "isInStock"])
         ])) : vue.createCommentVNode("", true)
-      ], 10, _hoisted_1$R);
+      ], 10, _hoisted_1$Y);
     };
   }
 });
-const _hoisted_1$Q = { id: "lupa-search-box-products" };
-const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$X = { id: "lupa-search-box-products" };
+const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProducts",
   props: {
     items: {},
@@ -4310,7 +4310,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
       return (_c = (_b = highlightedItem.value) == null ? void 0 : _b.index) != null ? _c : -1;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Q, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$X, [
         _ctx.$slots.productCard ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.items, (item, index) => {
           return vue.renderSlot(_ctx.$slots, "productCard", {
             key: index,
@@ -4322,7 +4322,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
             onProductClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("product-click"))
           });
         }), 128)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(_ctx.items, (item, index) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$V, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$10, {
             key: index,
             item,
             panelOptions: _ctx.panelOptions,
@@ -4336,7 +4336,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductsWrapper",
   props: {
     panel: {},
@@ -4388,7 +4388,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
     const getItemsDebounced = debounce$1(getItems, props.debounce);
     return (_ctx, _cache) => {
       var _a, _b;
-      return vue.openBlock(), vue.createBlock(_sfc_main$U, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$$, {
         items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
         panelOptions: _ctx.panel,
         labels: _ctx.labels,
@@ -4406,26 +4406,26 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$P = {
+const _hoisted_1$W = {
   key: 0,
   id: "lupa-search-box-panel"
 };
-const _hoisted_2$A = {
+const _hoisted_2$F = {
   class: "lupa-main-panel",
   "data-cy": "lupa-main-panel"
 };
-const _hoisted_3$q = ["data-cy"];
-const _hoisted_4$k = {
+const _hoisted_3$v = ["data-cy"];
+const _hoisted_4$n = {
   key: 1,
   id: "lupa-search-box-panel"
 };
 const __default__$3 = {
   components: {
-    SearchBoxSuggestionsWrapper: _sfc_main$14,
-    SearchBoxProductsWrapper: _sfc_main$T
+    SearchBoxSuggestionsWrapper: _sfc_main$1b,
+    SearchBoxProductsWrapper: _sfc_main$_
   }
 };
-const _sfc_main$S = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$3), {
+const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$3), {
   __name: "SearchBoxMainPanel",
   props: {
     options: {},
@@ -4539,8 +4539,8 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
         ref_key: "panelContainer",
         ref: panelContainer
       }, [
-        displayResults.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$P, [
-          vue.createElementVNode("div", _hoisted_2$A, [
+        displayResults.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$W, [
+          vue.createElementVNode("div", _hoisted_2$F, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayPanels.value, (panel, index) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: index,
@@ -4569,16 +4569,16 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
                     key: "0"
                   } : void 0
                 ]), 1064, ["panel", "options", "debounce", "inputValue", "labels"])) : vue.createCommentVNode("", true)
-              ], 10, _hoisted_3$q);
+              ], 10, _hoisted_3$v);
             }), 128))
           ]),
-          vue.createVNode(_sfc_main$19, {
+          vue.createVNode(_sfc_main$1g, {
             labels: labels.value,
             showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
             onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
           }, null, 8, ["labels", "showTotalCount"])
-        ])) : displayHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$k, [
-          vue.createVNode(_sfc_main$17, {
+        ])) : displayHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$n, [
+          vue.createVNode(_sfc_main$1e, {
             options: _ctx.options.history,
             history: history.value,
             onGoToResults: handleGoToResults,
@@ -4603,9 +4603,9 @@ const unbindSearchTriggers = (triggers = [], event) => {
   const elements = getElements(triggers);
   elements.forEach((e) => e == null ? void 0 : e.removeEventListener(BIND_EVENT, event));
 };
-const _hoisted_1$O = { id: "lupa-search-box" };
-const _hoisted_2$z = { class: "lupa-search-box-wrapper" };
-const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$V = { id: "lupa-search-box" };
+const _hoisted_2$E = { class: "lupa-search-box-wrapper" };
+const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBox",
   props: {
     options: {},
@@ -4838,9 +4838,9 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       var _a2;
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, [
-        vue.createElementVNode("div", _hoisted_2$z, [
-          vue.createVNode(_sfc_main$1a, {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$V, [
+        vue.createElementVNode("div", _hoisted_2$E, [
+          vue.createVNode(_sfc_main$1h, {
             options: inputOptions.value,
             suggestedValue: suggestedValue.value,
             "can-close": (_a2 = _ctx.isSearchContainer) != null ? _a2 : false,
@@ -4851,7 +4851,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
             onFocus: _cache[0] || (_cache[0] = ($event) => opened.value = true),
             onClose: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
           }, null, 8, ["options", "suggestedValue", "can-close", "emit-input-on-focus"]),
-          opened.value || _ctx.isSearchContainer ? (vue.openBlock(), vue.createBlock(_sfc_main$S, {
+          opened.value || _ctx.isSearchContainer ? (vue.openBlock(), vue.createBlock(_sfc_main$Z, {
             key: 0,
             options: panelOptions.value,
             inputValue: inputValue.value,
@@ -4954,20 +4954,20 @@ const getInitialSearchResults = (options, defaultData) => __async(exports, null,
     options.options.onError(e);
   }
 });
-const _hoisted_1$N = {
+const _hoisted_1$U = {
   key: 0,
   id: "lupa-search-results-did-you-mean"
 };
-const _hoisted_2$y = {
+const _hoisted_2$D = {
   key: 0,
   "data-cy": "suggested-search-text-label"
 };
-const _hoisted_3$p = {
+const _hoisted_3$u = {
   key: 1,
   "data-cy": "did-you-mean-label"
 };
-const _hoisted_4$j = { key: 1 };
-const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_4$m = { key: 1 };
+const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsDidYouMean",
   props: {
     labels: {}
@@ -4999,8 +4999,8 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
       paramStore.goToResults({ searchText, facet });
     };
     return (_ctx, _cache) => {
-      return vue.unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [
-        vue.unref(searchResult).suggestedSearchText ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$y, [
+      return vue.unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$U, [
+        vue.unref(searchResult).suggestedSearchText ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$D, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.labels.noResultsSuggestion.split(" "), (label, index) => {
             return vue.openBlock(), vue.createElementBlock("span", { key: index }, [
               vue.createElementVNode("span", {
@@ -5009,7 +5009,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
             ]);
           }), 128))
         ])) : vue.createCommentVNode("", true),
-        didYouMeanValue.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$p, [
+        didYouMeanValue.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$u, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.labels.didYouMean.split(" "), (label, index) => {
             return vue.openBlock(), vue.createElementBlock("span", { key: index }, [
               label.includes("{1}") ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -5017,7 +5017,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
                 class: "lupa-did-you-mean lupa-highlighted-search-text",
                 "data-cy": "did-you-mean-value",
                 onClick: _cache[0] || (_cache[0] = ($event) => goToResults({ searchText: didYouMeanValue.value }))
-              }, vue.toDisplayString(didYouMeanValue.value) + " ", 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$j, vue.toDisplayString(label) + " ", 1))
+              }, vue.toDisplayString(didYouMeanValue.value) + " ", 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$m, vue.toDisplayString(label) + " ", 1))
             ]);
           }), 128))
         ])) : vue.createCommentVNode("", true)
@@ -5025,12 +5025,12 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$M = {
+const _hoisted_1$T = {
   key: 0,
   class: "lupa-search-results-summary"
 };
-const _hoisted_2$x = ["innerHTML"];
-const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_2$C = ["innerHTML"];
+const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsSummary",
   props: {
     label: {},
@@ -5045,8 +5045,8 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
       return addParamsToLabel(props.label, range, `<span>${totalItems.value}</span>`);
     });
     return (_ctx, _cache) => {
-      return vue.unref(totalItems) > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$M, [
-        vue.createElementVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$x),
+      return vue.unref(totalItems) > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$T, [
+        vue.createElementVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$C),
         _ctx.clearable ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 0,
           class: "lupa-filter-clear",
@@ -5057,18 +5057,18 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$L = {
+const _hoisted_1$S = {
   key: 0,
   class: "lupa-result-page-title",
   "data-cy": "lupa-result-page-title"
 };
-const _hoisted_2$w = { key: 0 };
-const _hoisted_3$o = {
+const _hoisted_2$B = { key: 0 };
+const _hoisted_3$t = {
   key: 1,
   class: "lupa-results-total-count"
 };
-const _hoisted_4$i = ["innerHTML"];
-const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_4$l = ["innerHTML"];
+const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsTitle",
   props: {
     options: {},
@@ -5103,12 +5103,12 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", null, [
-        showSearchTitle.value ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_1$L, [
+        showSearchTitle.value ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_1$S, [
           vue.createTextVNode(vue.toDisplayString(_ctx.options.labels.searchResults), 1),
-          queryText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$w, "'" + vue.toDisplayString(queryText.value) + "'", 1)) : vue.createCommentVNode("", true),
-          showProductCount.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$o, "(" + vue.toDisplayString(vue.unref(totalItems)) + ")", 1)) : vue.createCommentVNode("", true)
+          queryText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$B, "'" + vue.toDisplayString(queryText.value) + "'", 1)) : vue.createCommentVNode("", true),
+          showProductCount.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$t, "(" + vue.toDisplayString(vue.unref(totalItems)) + ")", 1)) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true),
-        _ctx.showSummary ? (vue.openBlock(), vue.createBlock(_sfc_main$P, {
+        _ctx.showSummary ? (vue.openBlock(), vue.createBlock(_sfc_main$W, {
           key: 1,
           label: summaryLabel.value
         }, null, 8, ["label"])) : vue.createCommentVNode("", true),
@@ -5116,21 +5116,21 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
           key: 2,
           class: "lupa-result-page-description-top",
           innerHTML: descriptionTop.value
-        }, null, 8, _hoisted_4$i)) : vue.createCommentVNode("", true)
+        }, null, 8, _hoisted_4$l)) : vue.createCommentVNode("", true)
       ]);
     };
   }
 });
-const _hoisted_1$K = { class: "lupa-search-result-filter-value" };
-const _hoisted_2$v = {
+const _hoisted_1$R = { class: "lupa-search-result-filter-value" };
+const _hoisted_2$A = {
   class: "lupa-current-filter-label",
   "data-cy": "lupa-current-filter-label"
 };
-const _hoisted_3$n = {
+const _hoisted_3$s = {
   class: "lupa-current-filter-value",
   "data-cy": "lupa-current-filter-value"
 };
-const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
   __name: "CurrentFilterDisplay",
   props: {
     filter: {}
@@ -5142,28 +5142,28 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
       emit("remove", { filter: props.filter });
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$R, [
         vue.createElementVNode("div", {
           class: "lupa-current-filter-action",
           onClick: handleClick
         }, "⨉"),
-        vue.createElementVNode("div", _hoisted_2$v, vue.toDisplayString(_ctx.filter.label) + ": ", 1),
-        vue.createElementVNode("div", _hoisted_3$n, vue.toDisplayString(_ctx.filter.value), 1)
+        vue.createElementVNode("div", _hoisted_2$A, vue.toDisplayString(_ctx.filter.label) + ": ", 1),
+        vue.createElementVNode("div", _hoisted_3$s, vue.toDisplayString(_ctx.filter.value), 1)
       ]);
     };
   }
 });
-const _hoisted_1$J = { class: "lupa-filter-title-text" };
-const _hoisted_2$u = {
+const _hoisted_1$Q = { class: "lupa-filter-title-text" };
+const _hoisted_2$z = {
   key: 0,
   class: "lupa-filter-count"
 };
-const _hoisted_3$m = {
+const _hoisted_3$r = {
   key: 0,
   class: "filter-values"
 };
-const _hoisted_4$h = { class: "lupa-current-filter-list" };
-const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_4$k = { class: "lupa-current-filter-list" };
+const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   __name: "CurrentFilters",
   props: {
     options: {},
@@ -5218,19 +5218,19 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
           class: "lupa-current-filter-title",
           onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
         }, [
-          vue.createElementVNode("div", _hoisted_1$J, [
+          vue.createElementVNode("div", _hoisted_1$Q, [
             vue.createTextVNode(vue.toDisplayString((_c = (_b = (_a = _ctx.options) == null ? void 0 : _a.labels) == null ? void 0 : _b.title) != null ? _c : "") + " ", 1),
-            _ctx.expandable ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$u, " (" + vue.toDisplayString(vue.unref(currentFilterCount)) + ") ", 1)) : vue.createCommentVNode("", true)
+            _ctx.expandable ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$z, " (" + vue.toDisplayString(vue.unref(currentFilterCount)) + ") ", 1)) : vue.createCommentVNode("", true)
           ]),
           _ctx.expandable ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: vue.normalizeClass(["lupa-filter-title-caret", isOpen.value && "open"])
           }, null, 2)) : vue.createCommentVNode("", true)
         ]),
-        !_ctx.expandable || isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$m, [
-          vue.createElementVNode("div", _hoisted_4$h, [
+        !_ctx.expandable || isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$r, [
+          vue.createElementVNode("div", _hoisted_4$k, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(displayFilters), (filter) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$N, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$U, {
                 key: filter.key + "_" + filter.value,
                 filter,
                 onRemove: handleRemove
@@ -5247,8 +5247,8 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$I = ["href"];
-const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$P = ["href"];
+const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   __name: "CategoryFilterItem",
   props: {
     options: {},
@@ -5285,20 +5285,20 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
           "data-cy": "lupa-child-category-item",
           href: urlLink.value,
           onClick: handleNavigation
-        }, vue.toDisplayString(title.value), 9, _hoisted_1$I)
+        }, vue.toDisplayString(title.value), 9, _hoisted_1$P)
       ], 2);
     };
   }
 });
-const _hoisted_1$H = {
+const _hoisted_1$O = {
   class: "lupa-category-filter",
   "data-cy": "lupa-category-filter"
 };
-const _hoisted_2$t = { class: "lupa-category-back" };
-const _hoisted_3$l = ["href"];
-const _hoisted_4$g = ["href"];
-const _hoisted_5$9 = { class: "lupa-child-category-list" };
-const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_2$y = { class: "lupa-category-back" };
+const _hoisted_3$q = ["href"];
+const _hoisted_4$j = ["href"];
+const _hoisted_5$c = { class: "lupa-child-category-list" };
+const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   __name: "CategoryFilter",
   props: {
     options: {}
@@ -5384,14 +5384,14 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     };
     __expose({ fetch: fetch2 });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
-        vue.createElementVNode("div", _hoisted_2$t, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, [
+        vue.createElementVNode("div", _hoisted_2$y, [
           hasBackButton.value ? (vue.openBlock(), vue.createElementBlock("a", {
             key: 0,
             "data-cy": "lupa-category-back",
             href: backUrlLink.value,
             onClick: handleNavigationBack
-          }, vue.toDisplayString(backTitle.value), 9, _hoisted_3$l)) : vue.createCommentVNode("", true)
+          }, vue.toDisplayString(backTitle.value), 9, _hoisted_3$q)) : vue.createCommentVNode("", true)
         ]),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["lupa-current-category", { "lupa-current-category-active": isActive }])
@@ -5401,11 +5401,11 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
             href: parentUrlLink.value,
             class: vue.normalizeClass({ "lupa-title-category": !hasBackButton.value }),
             onClick: handleNavigationParent
-          }, vue.toDisplayString(parentTitle.value), 11, _hoisted_4$g)
+          }, vue.toDisplayString(parentTitle.value), 11, _hoisted_4$j)
         ], 2),
-        vue.createElementVNode("div", _hoisted_5$9, [
+        vue.createElementVNode("div", _hoisted_5$c, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(categoryChildren.value, (child) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$L, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$S, {
               key: getCategoryKey(child),
               item: child,
               options: _ctx.options
@@ -5416,23 +5416,23 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$G = {
+const _hoisted_1$N = {
   class: "lupa-search-result-facet-term-values",
   "data-cy": "lupa-search-result-facet-term-values"
 };
-const _hoisted_2$s = ["placeholder"];
-const _hoisted_3$k = { class: "lupa-terms-list" };
-const _hoisted_4$f = ["onClick"];
-const _hoisted_5$8 = { class: "lupa-term-checkbox-wrapper" };
-const _hoisted_6$5 = { class: "lupa-term-checkbox-label" };
-const _hoisted_7$5 = { class: "lupa-term-label" };
+const _hoisted_2$x = ["placeholder"];
+const _hoisted_3$p = { class: "lupa-terms-list" };
+const _hoisted_4$i = ["onClick"];
+const _hoisted_5$b = { class: "lupa-term-checkbox-wrapper" };
+const _hoisted_6$7 = { class: "lupa-term-checkbox-label" };
+const _hoisted_7$6 = { class: "lupa-term-label" };
 const _hoisted_8$1 = {
   key: 0,
   class: "lupa-term-count"
 };
 const _hoisted_9$1 = { key: 0 };
 const _hoisted_10$1 = { key: 1 };
-const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   __name: "TermFacet",
   props: {
     options: {},
@@ -5501,17 +5501,17 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
       return selectedItems == null ? void 0 : selectedItems.includes((_b = item.title) == null ? void 0 : _b.toString());
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [
         isFilterable.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
           key: 0,
           class: "lupa-term-filter",
           "data-cy": "lupa-term-filter",
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => termFilter.value = $event),
           placeholder: _ctx.options.labels.facetFilter
-        }, null, 8, _hoisted_2$s)), [
+        }, null, 8, _hoisted_2$x)), [
           [vue.vModelText, termFilter.value]
         ]) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_3$k, [
+        vue.createElementVNode("div", _hoisted_3$p, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayValues.value, (item) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               class: vue.normalizeClass(["lupa-facet-term", { checked: isChecked(item) }]),
@@ -5519,16 +5519,16 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
               key: item.title,
               onClick: ($event) => handleFacetClick(item)
             }, [
-              vue.createElementVNode("div", _hoisted_5$8, [
+              vue.createElementVNode("div", _hoisted_5$b, [
                 vue.createElementVNode("span", {
                   class: vue.normalizeClass(["lupa-term-checkbox", { checked: isChecked(item) }])
                 }, null, 2)
               ]),
-              vue.createElementVNode("div", _hoisted_6$5, [
-                vue.createElementVNode("span", _hoisted_7$5, vue.toDisplayString(item.title), 1),
+              vue.createElementVNode("div", _hoisted_6$7, [
+                vue.createElementVNode("span", _hoisted_7$6, vue.toDisplayString(item.title), 1),
                 _ctx.options.showDocumentCount ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$1, "(" + vue.toDisplayString(item.count) + ")", 1)) : vue.createCommentVNode("", true)
               ])
-            ], 10, _hoisted_4$f);
+            ], 10, _hoisted_4$i);
           }), 128))
         ]),
         displayShowMore.value ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -6519,22 +6519,22 @@ var m = { name: "Slider", emits: ["input", "update:modelValue", "start", "slide"
 m.render = function(e, t, r, i, n, o) {
   return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps(e.sliderProps, { ref: "slider" }), null, 16);
 }, m.__file = "src/Slider.vue";
-const _hoisted_1$F = { class: "lupa-search-result-facet-stats-values" };
-const _hoisted_2$r = {
+const _hoisted_1$M = { class: "lupa-search-result-facet-stats-values" };
+const _hoisted_2$w = {
   key: 0,
   class: "lupa-stats-facet-summary"
 };
-const _hoisted_3$j = {
+const _hoisted_3$o = {
   key: 1,
   class: "lupa-stats-facet-summary-input"
 };
-const _hoisted_4$e = {
+const _hoisted_4$h = {
   key: 0,
   class: "lupa-stats-range-label"
 };
-const _hoisted_5$7 = { class: "lupa-stats-from" };
-const _hoisted_6$4 = ["max", "min", "pattern"];
-const _hoisted_7$4 = { key: 0 };
+const _hoisted_5$a = { class: "lupa-stats-from" };
+const _hoisted_6$6 = ["max", "min", "pattern"];
+const _hoisted_7$5 = { key: 0 };
 const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("div", { class: "lupa-stats-separator" }, null, -1);
 const _hoisted_9 = {
   key: 0,
@@ -6547,7 +6547,7 @@ const _hoisted_13 = {
   key: 2,
   class: "lupa-stats-slider-wrapper"
 };
-const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "StatsFacet",
   props: {
     options: {},
@@ -6695,11 +6695,11 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
       innerSliderRange.value = value;
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
-        !isInputVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$r, vue.toDisplayString(statsSummary.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$j, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$M, [
+        !isInputVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$w, vue.toDisplayString(statsSummary.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$o, [
           vue.createElementVNode("div", null, [
-            rangeLabelFrom.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$e, vue.toDisplayString(rangeLabelFrom.value), 1)) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_5$7, [
+            rangeLabelFrom.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$h, vue.toDisplayString(rangeLabelFrom.value), 1)) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_5$a, [
               vue.withDirectives(vue.createElementVNode("input", {
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
                 type: "text",
@@ -6707,7 +6707,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
                 max: facetMax.value,
                 min: facetMin.value,
                 pattern: sliderInputFormat.value
-              }, null, 8, _hoisted_6$4), [
+              }, null, 8, _hoisted_6$6), [
                 [
                   vue.vModelText,
                   fromValue.value,
@@ -6715,7 +6715,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
                   { lazy: true }
                 ]
               ]),
-              isPrice.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$4, vue.toDisplayString(currency.value), 1)) : vue.createCommentVNode("", true)
+              isPrice.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$5, vue.toDisplayString(currency.value), 1)) : vue.createCommentVNode("", true)
             ])
           ]),
           _hoisted_8,
@@ -6759,18 +6759,18 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$E = { class: "lupa-term-checkbox-wrapper" };
-const _hoisted_2$q = { class: "lupa-term-checkbox-label" };
-const _hoisted_3$i = { class: "lupa-term-label" };
-const _hoisted_4$d = {
+const _hoisted_1$L = { class: "lupa-term-checkbox-wrapper" };
+const _hoisted_2$v = { class: "lupa-term-checkbox-label" };
+const _hoisted_3$n = { class: "lupa-term-label" };
+const _hoisted_4$g = {
   key: 0,
   class: "lupa-term-count"
 };
-const _hoisted_5$6 = {
+const _hoisted_5$9 = {
   key: 0,
   class: "lupa-facet-level"
 };
-const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "HierarchyFacetLevel",
   props: {
     options: {},
@@ -6816,17 +6816,17 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
           "data-cy": "lupa-facet-term",
           onClick: _cache[0] || (_cache[0] = ($event) => handleFacetClick(_ctx.item))
         }, [
-          vue.createElementVNode("div", _hoisted_1$E, [
+          vue.createElementVNode("div", _hoisted_1$L, [
             vue.createElementVNode("span", {
               class: vue.normalizeClass(["lupa-term-checkbox", { checked: isChecked.value }])
             }, null, 2)
           ]),
-          vue.createElementVNode("div", _hoisted_2$q, [
-            vue.createElementVNode("span", _hoisted_3$i, vue.toDisplayString(_ctx.item.title) + vue.toDisplayString(" "), 1),
-            _ctx.options.showDocumentCount ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$d, "(" + vue.toDisplayString(_ctx.item.count) + ")", 1)) : vue.createCommentVNode("", true)
+          vue.createElementVNode("div", _hoisted_2$v, [
+            vue.createElementVNode("span", _hoisted_3$n, vue.toDisplayString(_ctx.item.title) + vue.toDisplayString(" "), 1),
+            _ctx.options.showDocumentCount ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$g, "(" + vue.toDisplayString(_ctx.item.count) + ")", 1)) : vue.createCommentVNode("", true)
           ])
         ]),
-        showChildren.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$6, [
+        showChildren.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$9, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(treeItem.value.children, (itemChild) => {
             return vue.openBlock(), vue.createBlock(_component_HierarchyFacetLevel, {
               key: itemChild.title,
@@ -6842,13 +6842,13 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$D = {
+const _hoisted_1$K = {
   class: "lupa-search-result-facet-term-values lupa-search-result-facet-hierarchy-values",
   "data-cy": "lupa-search-result-facet-term-values"
 };
-const _hoisted_2$p = { key: 0 };
-const _hoisted_3$h = ["placeholder"];
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_2$u = { key: 0 };
+const _hoisted_3$m = ["placeholder"];
+const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "HierarchyFacet",
   props: {
     options: {},
@@ -6898,19 +6898,19 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
       showAll.value = true;
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
-        isFilterable.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$p, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
+        isFilterable.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$u, [
           vue.withDirectives(vue.createElementVNode("input", {
             class: "lupa-term-filter",
             "data-cy": "lupa-term-filter",
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => termFilter.value = $event),
             placeholder: _ctx.options.labels.facetFilter
-          }, null, 8, _hoisted_3$h), [
+          }, null, 8, _hoisted_3$m), [
             [vue.vModelText, termFilter.value]
           ])
         ])) : vue.createCommentVNode("", true),
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayValues.value, (item) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$H, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$O, {
             key: item.title,
             options: _ctx.options,
             item,
@@ -6930,20 +6930,20 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$C = { class: "lupa-facet-label-text" };
-const _hoisted_2$o = {
+const _hoisted_1$J = { class: "lupa-facet-label-text" };
+const _hoisted_2$t = {
   key: 0,
   class: "lupa-facet-content",
   "data-cy": "lupa-facet-content"
 };
 const __default__$2 = {
   components: {
-    TermFacet: _sfc_main$J,
-    StatsFacet: _sfc_main$I,
-    HierarchyFacet: _sfc_main$G
+    TermFacet: _sfc_main$Q,
+    StatsFacet: _sfc_main$P,
+    HierarchyFacet: _sfc_main$N
   }
 };
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$2), {
+const _sfc_main$M = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$2), {
   __name: "FacetDisplay",
   props: {
     options: {},
@@ -7054,12 +7054,12 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
           "data-cy": "lupa-search-result-facet-label",
           onClick: toggleFacet
         }, [
-          vue.createElementVNode("div", _hoisted_1$C, vue.toDisplayString(facet.value.label), 1),
+          vue.createElementVNode("div", _hoisted_1$J, vue.toDisplayString(facet.value.label), 1),
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["lupa-facet-label-caret", isOpen.value && "open"])
           }, null, 2)
         ], 2),
-        isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$o, [
+        isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$t, [
           (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(facetType.value), {
             facet: facet.value,
             currentFilters: currentFilters.value[facet.value.key],
@@ -7077,12 +7077,12 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
     };
   }
 }));
-const _hoisted_1$B = { class: "lupa-search-result-facet-section" };
-const _hoisted_2$n = {
+const _hoisted_1$I = { class: "lupa-search-result-facet-section" };
+const _hoisted_2$s = {
   key: 0,
   class: "lupa-facets-title"
 };
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   __name: "FacetList",
   props: {
     options: {},
@@ -7116,14 +7116,14 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       var _a;
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
-        _ctx.options.labels.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$n, vue.toDisplayString(_ctx.options.labels.title), 1)) : vue.createCommentVNode("", true),
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
+        _ctx.options.labels.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$s, vue.toDisplayString(_ctx.options.labels.title), 1)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["lupa-search-result-facet-list", "lupa-" + ((_a = _ctx.facetStyle) != null ? _a : "")])
         }, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayFacets.value, (facet) => {
             var _a2;
-            return vue.openBlock(), vue.createBlock(_sfc_main$F, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$M, {
               key: facet.key,
               facet,
               currentFilters: currentFiltersValue.value,
@@ -7138,8 +7138,8 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$A = { class: "lupa-search-result-facets" };
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$H = { class: "lupa-search-result-facets" };
+const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   __name: "Facets",
   props: {
     options: {},
@@ -7185,8 +7185,8 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
       paramStore.removeParameters({ paramsToRemove: [param] });
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
-        regularFacets.value ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
+        regularFacets.value ? (vue.openBlock(), vue.createBlock(_sfc_main$L, {
           key: 0,
           options: _ctx.options,
           facets: regularFacets.value,
@@ -7200,11 +7200,11 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$z = {
+const _hoisted_1$G = {
   id: "lupa-search-result-filters",
   class: "lupa-search-result-filters"
 };
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsFilters",
   props: {
     options: {},
@@ -7233,19 +7233,19 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     __expose({ fetch: fetch2 });
     return (_ctx, _cache) => {
       var _a;
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
-        showCurrentFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$M, {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
+        showCurrentFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$T, {
           key: 0,
           options: _ctx.options.currentFilters,
           expandable: (_a = _ctx.expandable) != null ? _a : false
         }, null, 8, ["options", "expandable"])) : vue.createCommentVNode("", true),
-        _ctx.options.categories ? (vue.openBlock(), vue.createBlock(_sfc_main$K, {
+        _ctx.options.categories ? (vue.openBlock(), vue.createBlock(_sfc_main$R, {
           key: 1,
           options: _ctx.options.categories,
           ref_key: "categoryFilters",
           ref: categoryFilters
         }, null, 8, ["options"])) : vue.createCommentVNode("", true),
-        _ctx.options.facets ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
+        _ctx.options.facets ? (vue.openBlock(), vue.createBlock(_sfc_main$K, {
           key: 2,
           options: _ctx.options.facets
         }, null, 8, ["options"])) : vue.createCommentVNode("", true)
@@ -7253,20 +7253,20 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$y = {
+const _hoisted_1$F = {
   key: 0,
   class: "lupa-mobile-filter-sidebar"
 };
-const _hoisted_2$m = ["onClick"];
-const _hoisted_3$g = { class: "lupa-mobile-sidebar-content" };
-const _hoisted_4$c = { class: "lupa-sidebar-top" };
-const _hoisted_5$5 = { class: "lupa-sidebar-title" };
-const _hoisted_6$3 = {
+const _hoisted_2$r = ["onClick"];
+const _hoisted_3$l = { class: "lupa-mobile-sidebar-content" };
+const _hoisted_4$f = { class: "lupa-sidebar-top" };
+const _hoisted_5$8 = { class: "lupa-sidebar-title" };
+const _hoisted_6$5 = {
   key: 0,
   class: "lupa-sidebar-filter-count"
 };
-const _hoisted_7$3 = { class: "lupa-sidebar-filter-options" };
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_7$4 = { class: "lupa-sidebar-filter-options" };
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   __name: "MobileFilterSidebar",
   props: {
     options: {}
@@ -7292,24 +7292,24 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
       searchResultStore.setSidebarState({ visible: false });
     };
     return (_ctx, _cache) => {
-      return isMobileSidebarVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
+      return isMobileSidebarVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
         vue.createElementVNode("div", {
           class: "lupa-sidebar-close",
           onClick: vue.withModifiers(handleMobileToggle, ["stop"])
-        }, null, 8, _hoisted_2$m),
-        vue.createElementVNode("div", _hoisted_3$g, [
-          vue.createElementVNode("div", _hoisted_4$c, [
-            vue.createElementVNode("div", _hoisted_5$5, [
+        }, null, 8, _hoisted_2$r),
+        vue.createElementVNode("div", _hoisted_3$l, [
+          vue.createElementVNode("div", _hoisted_4$f, [
+            vue.createElementVNode("div", _hoisted_5$8, [
               vue.createTextVNode(vue.toDisplayString(sidebarTitle.value) + " ", 1),
-              isFilterCountVisible.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$3, vue.toDisplayString(vue.unref(currentFilterCount)), 1)) : vue.createCommentVNode("", true)
+              isFilterCountVisible.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$5, vue.toDisplayString(vue.unref(currentFilterCount)), 1)) : vue.createCommentVNode("", true)
             ]),
             vue.createElementVNode("div", {
               class: "lupa-filter-toggle-mobile",
               onClick: handleMobileToggle
             })
           ]),
-          vue.createElementVNode("div", _hoisted_7$3, [
-            vue.createVNode(_sfc_main$C, {
+          vue.createElementVNode("div", _hoisted_7$4, [
+            vue.createVNode(_sfc_main$J, {
               options: _ctx.options,
               expandable: isActiveFiltersExpanded.value
             }, null, 8, ["options", "expandable"])
@@ -7319,14 +7319,14 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$x = { id: "lupa-search-results-breadcrumbs" };
-const _hoisted_2$l = ["href", "onClick"];
-const _hoisted_3$f = {
+const _hoisted_1$E = { id: "lupa-search-results-breadcrumbs" };
+const _hoisted_2$q = ["href", "onClick"];
+const _hoisted_3$k = {
   key: 1,
   class: "lupa-search-results-breadcrumb-text"
 };
-const _hoisted_4$b = { key: 2 };
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_4$e = { key: 2 };
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsBreadcrumbs",
   props: {
     breadcrumbs: {}
@@ -7351,7 +7351,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
       handleRoutingEvent(link, event, hasEventRouting.value);
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(breadcrumbsValue.value, (breadcrumb, index) => {
           return vue.openBlock(), vue.createElementBlock("span", {
             class: "lupa-search-results-breadcrumb",
@@ -7365,19 +7365,19 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
                 var _a;
                 return handleNavigation(e, (_a = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a : "");
               }
-            }, vue.toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$l)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$f, vue.toDisplayString(getLabel(breadcrumb.label)), 1)),
-            index < breadcrumbsValue.value.length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$b, " / ")) : vue.createCommentVNode("", true)
+            }, vue.toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$q)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$k, vue.toDisplayString(getLabel(breadcrumb.label)), 1)),
+            index < breadcrumbsValue.value.length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$e, " / ")) : vue.createCommentVNode("", true)
           ]);
         }), 128))
       ]);
     };
   }
 });
-const _hoisted_1$w = {
+const _hoisted_1$D = {
   id: "lupa-search-result-filters",
   class: "lupa-search-result-filters"
 };
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "FiltersTopDropdown",
   props: {
     options: {}
@@ -7385,8 +7385,8 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       var _a;
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
-        _ctx.options.facets ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
+        _ctx.options.facets ? (vue.openBlock(), vue.createBlock(_sfc_main$K, {
           key: 0,
           options: _ctx.options.facets,
           "facet-style": (_a = _ctx.options.facets.style) == null ? void 0 : _a.type,
@@ -7396,8 +7396,8 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$v = { id: "lupa-search-results-layout-selection" };
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$C = { id: "lupa-search-results-layout-selection" };
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsLayoutSelection",
   setup(__props) {
     const searchResultStore = useSearchResultStore();
@@ -7408,7 +7408,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
       searchResultStore.setLayout(layout2);
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
         vue.createElementVNode("div", {
           class: vue.normalizeClass([
             "lupa-layout-selection-grid",
@@ -7430,11 +7430,11 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$u = {
+const _hoisted_1$B = {
   key: 0,
   class: "lupa-mobile-toggle-filter-count"
 };
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsMobileToggle",
   props: {
     label: {},
@@ -7452,26 +7452,26 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
         onClick: handleMobileToggle
       }, [
         vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
-        _ctx.showFilterCount && vue.unref(currentFilterCount) > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$u, vue.toDisplayString(vue.unref(currentFilterCount)), 1)) : vue.createCommentVNode("", true)
+        _ctx.showFilterCount && vue.unref(currentFilterCount) > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$B, vue.toDisplayString(vue.unref(currentFilterCount)), 1)) : vue.createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const _hoisted_1$t = {
+const _hoisted_1$A = {
   key: 0,
   id: "lupa-search-results-page-select",
   "data-cy": "lupa-search-results-page-select"
 };
-const _hoisted_2$k = {
+const _hoisted_2$p = {
   key: 0,
   class: "lupa-page-number-separator"
 };
-const _hoisted_3$e = ["onClick"];
-const _hoisted_4$a = {
+const _hoisted_3$j = ["onClick"];
+const _hoisted_4$d = {
   key: 0,
   class: "lupa-page-number-separator"
 };
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsPageSelect",
   props: {
     lastPageLabel: {},
@@ -7533,7 +7533,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return showPagination.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$t, [
+      return showPagination.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
         showBack.value ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: vue.normalizeClass(firstPageLabel.value === "<" ? "lupa-page-arrow" : "lupa-show-less"),
@@ -7544,7 +7544,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
             class: "lupa-page-number lupa-page-number-first",
             onClick: _cache[1] || (_cache[1] = () => handlePageChange(1))
           }, " 1 "),
-          showFirstPageSeparator.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$k, "...")) : vue.createCommentVNode("", true)
+          showFirstPageSeparator.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$p, "...")) : vue.createCommentVNode("", true)
         ], 64)) : vue.createCommentVNode("", true),
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(pages.value, (page) => {
           return vue.openBlock(), vue.createElementBlock("div", {
@@ -7555,10 +7555,10 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
               page === _ctx.options.selectedPage ? "lupa-page-number-selected" : ""
             ]),
             "data-cy": "lupa-page-number"
-          }, vue.toDisplayString(page), 11, _hoisted_3$e);
+          }, vue.toDisplayString(page), 11, _hoisted_3$j);
         }), 128)),
         showLastPage.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-          showLastPageSeparator.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$a, "...")) : vue.createCommentVNode("", true),
+          showLastPageSeparator.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$d, "...")) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", {
             class: "lupa-page-number lupa-page-number-last",
             onClick: _cache[2] || (_cache[2] = () => {
@@ -7577,13 +7577,13 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$s = {
+const _hoisted_1$z = {
   id: "lupa-search-results-page-size",
   "data-cy": "lupa-search-results-page-size"
 };
-const _hoisted_2$j = { id: "lupa-select" };
-const _hoisted_3$d = { class: "lupa-select-label" };
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_2$o = { id: "lupa-select" };
+const _hoisted_3$i = { class: "lupa-select-label" };
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsPageSize",
   props: {
     label: {},
@@ -7600,9 +7600,9 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
       });
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [
-        vue.createElementVNode("div", _hoisted_2$j, [
-          vue.createElementVNode("label", _hoisted_3$d, vue.toDisplayString(_ctx.label), 1),
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
+        vue.createElementVNode("div", _hoisted_2$o, [
+          vue.createElementVNode("label", _hoisted_3$i, vue.toDisplayString(_ctx.label), 1),
           vue.createElementVNode("select", {
             class: "lupa-select-dropdown",
             "data-cy": "lupa-page-size-select-dropdown",
@@ -7619,14 +7619,14 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$r = {
+const _hoisted_1$y = {
   id: "lupa-search-results-sort",
   class: "lupa-search-results-sort"
 };
-const _hoisted_2$i = { id: "lupa-select" };
-const _hoisted_3$c = { class: "lupa-select-label" };
-const _hoisted_4$9 = ["value"];
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_2$n = { id: "lupa-select" };
+const _hoisted_3$h = { class: "lupa-select-label" };
+const _hoisted_4$c = ["value"];
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsSort",
   props: {
     options: {},
@@ -7670,9 +7670,9 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
       });
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$r, [
-        vue.createElementVNode("div", _hoisted_2$i, [
-          vue.createElementVNode("label", _hoisted_3$c, vue.toDisplayString(_ctx.options.label), 1),
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
+        vue.createElementVNode("div", _hoisted_2$n, [
+          vue.createElementVNode("label", _hoisted_3$h, vue.toDisplayString(_ctx.options.label), 1),
           vue.withDirectives(vue.createElementVNode("select", {
             class: "lupa-select-dropdown",
             "data-cy": "lupa-sort-select-dropdown",
@@ -7684,7 +7684,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
               return vue.openBlock(), vue.createElementBlock("option", {
                 key: option.key,
                 value: option.key
-              }, vue.toDisplayString(option.label), 9, _hoisted_4$9);
+              }, vue.toDisplayString(option.label), 9, _hoisted_4$c);
             }), 128))
           ], 544), [
             [vue.vModelSelect, selectedKey.value]
@@ -7694,14 +7694,14 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$q = { class: "lupa-toolbar-left" };
-const _hoisted_2$h = { key: 1 };
-const _hoisted_3$b = { key: 3 };
-const _hoisted_4$8 = { key: 5 };
-const _hoisted_5$4 = { class: "lupa-toolbar-right" };
-const _hoisted_6$2 = { key: 1 };
-const _hoisted_7$2 = { key: 3 };
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$x = { class: "lupa-toolbar-left" };
+const _hoisted_2$m = { key: 1 };
+const _hoisted_3$g = { key: 3 };
+const _hoisted_4$b = { key: 5 };
+const _hoisted_5$7 = { class: "lupa-toolbar-right" };
+const _hoisted_6$4 = { key: 1 };
+const _hoisted_7$3 = { key: 3 };
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsToolbar",
   props: {
     options: {},
@@ -7800,49 +7800,49 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
         id: "lupa-search-results-toolbar",
         class: vue.normalizeClass({ "lupa-filter-no-results": !hasResults.value })
       }, [
-        vue.createElementVNode("div", _hoisted_1$q, [
-          showLayoutSelection.value ? (vue.openBlock(), vue.createBlock(_sfc_main$y, { key: 0 })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$h)),
-          showItemSummary.value ? (vue.openBlock(), vue.createBlock(_sfc_main$P, {
+        vue.createElementVNode("div", _hoisted_1$x, [
+          showLayoutSelection.value ? (vue.openBlock(), vue.createBlock(_sfc_main$F, { key: 0 })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$m)),
+          showItemSummary.value ? (vue.openBlock(), vue.createBlock(_sfc_main$W, {
             key: 2,
             label: searchSummaryLabel.value,
             clearable: vue.unref(hasAnyFilter) && showFilterClear.value,
             onClear: handleClearAll
-          }, null, 8, ["label", "clearable"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$b)),
-          displayPageSelect.value ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
+          }, null, 8, ["label", "clearable"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$g)),
+          displayPageSelect.value ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
             key: 4,
             options: paginationOptions.value.pageSelect,
             "last-page-label": paginationOptions.value.labels.showMore,
             "first-page-label": paginationOptions.value.labels.showLess
-          }, null, 8, ["options", "last-page-label", "first-page-label"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$8))
+          }, null, 8, ["options", "last-page-label", "first-page-label"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$b))
         ]),
-        vue.createElementVNode("div", _hoisted_5$4, [
-          vue.createVNode(_sfc_main$x, {
+        vue.createElementVNode("div", _hoisted_5$7, [
+          vue.createVNode(_sfc_main$E, {
             label: optionsValue.value.labels.mobileFilterButton,
             "show-filter-count": showMobileFilterCount.value
           }, null, 8, ["label", "show-filter-count"]),
-          paginationDisplay.value.pageSize ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
+          paginationDisplay.value.pageSize ? (vue.openBlock(), vue.createBlock(_sfc_main$C, {
             key: 0,
             options: paginationOptions.value.pageSize,
             label: paginationOptions.value.labels.pageSize
-          }, null, 8, ["options", "label"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2)),
-          sortOptions.value ? (vue.openBlock(), vue.createBlock(_sfc_main$u, {
+          }, null, 8, ["options", "label"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$4)),
+          sortOptions.value ? (vue.openBlock(), vue.createBlock(_sfc_main$B, {
             key: 2,
             options: sortOptions.value,
             callbacks: callbacks.value
-          }, null, 8, ["options", "callbacks"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2))
+          }, null, 8, ["options", "callbacks"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$3))
         ])
       ], 2);
     };
   }
 });
-const _hoisted_1$p = { class: "lupa-badge-title" };
-const _hoisted_2$g = ["src"];
-const _hoisted_3$a = { key: 1 };
-const _hoisted_4$7 = {
+const _hoisted_1$w = { class: "lupa-badge-title" };
+const _hoisted_2$l = ["src"];
+const _hoisted_3$f = { key: 1 };
+const _hoisted_4$a = {
   key: 0,
   class: "lupa-badge-full-text"
 };
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultGeneratedBadge",
   props: {
     options: {},
@@ -7875,20 +7875,20 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["lupa-dynamic-badge", customClassName.value]),
         style: vue.normalizeStyle({ background: _ctx.badge.backgroundColor, color: _ctx.badge.color })
       }, [
-        vue.createElementVNode("span", _hoisted_1$p, [
+        vue.createElementVNode("span", _hoisted_1$w, [
           image.value ? (vue.openBlock(), vue.createElementBlock("img", {
             key: 0,
             src: image.value
-          }, null, 8, _hoisted_2$g)) : vue.createCommentVNode("", true),
-          hasTitleText.value && showTitle.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$a, vue.toDisplayString(_ctx.badge.titleText), 1)) : vue.createCommentVNode("", true)
+          }, null, 8, _hoisted_2$l)) : vue.createCommentVNode("", true),
+          hasTitleText.value && showTitle.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$f, vue.toDisplayString(_ctx.badge.titleText), 1)) : vue.createCommentVNode("", true)
         ]),
-        hasAdditionalText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$7, vue.toDisplayString(_ctx.badge.additionalText), 1)) : vue.createCommentVNode("", true)
+        hasAdditionalText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$a, vue.toDisplayString(_ctx.badge.additionalText), 1)) : vue.createCommentVNode("", true)
       ], 6);
     };
   }
 });
-const _hoisted_1$o = { class: "lupa-generated-badges" };
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$v = { class: "lupa-generated-badges" };
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultGeneratedBadges",
   props: {
     options: {}
@@ -7914,9 +7914,9 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
       })).filter((b) => Boolean(b.id));
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(badges.value, (badge) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$s, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$z, {
             key: badge.id,
             badge,
             options: _ctx.options
@@ -7926,8 +7926,8 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$n = ["innerHTML"];
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$u = ["innerHTML"];
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "CustomBadge",
   props: {
     badge: {}
@@ -7946,12 +7946,12 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(className.value),
         innerHTML: text.value
-      }, null, 10, _hoisted_1$n);
+      }, null, 10, _hoisted_1$u);
     };
   }
 });
-const _hoisted_1$m = { class: "lupa-text-badges" };
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$t = { class: "lupa-text-badges" };
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "TextBadge",
   props: {
     badge: {}
@@ -7966,7 +7966,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
       return badges.value.slice(0, props.badge.maxItems);
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$t, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayBadges.value, (item) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             class: "lupa-badge lupa-text-badge",
@@ -7977,9 +7977,9 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$l = { class: "lupa-image-badges" };
-const _hoisted_2$f = ["src"];
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$s = { class: "lupa-image-badges" };
+const _hoisted_2$k = ["src"];
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "ImageBadge",
   props: {
     badge: {}
@@ -7999,7 +7999,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
       return `${props.badge.rootImageUrl}${src}`;
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayBadges.value, (item) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             class: "lupa-badge lupa-image-badge",
@@ -8007,22 +8007,22 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
           }, [
             vue.createElementVNode("img", {
               src: getImageUrl(item)
-            }, null, 8, _hoisted_2$f)
+            }, null, 8, _hoisted_2$k)
           ]);
         }), 128))
       ]);
     };
   }
 });
-const _hoisted_1$k = { id: "lupa-search-results-badges" };
+const _hoisted_1$r = { id: "lupa-search-results-badges" };
 const __default__$1 = {
   components: {
-    CustomBadge: _sfc_main$q,
-    TextBadge: _sfc_main$p,
-    ImageBadge: _sfc_main$o
+    CustomBadge: _sfc_main$x,
+    TextBadge: _sfc_main$w,
+    ImageBadge: _sfc_main$v
   }
 };
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
   __name: "SearchResultsBadgeWrapper",
   props: {
     position: {},
@@ -8068,7 +8068,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
       }
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$r, [
         vue.createElementVNode("div", {
           id: "lupa-badges",
           class: vue.normalizeClass(anchorPosition.value)
@@ -8079,7 +8079,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
               badge
             }, null, 8, ["badge"]);
           }), 128)),
-          positionValue.value === "card" ? (vue.openBlock(), vue.createBlock(_sfc_main$r, {
+          positionValue.value === "card" ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
             key: 0,
             options: _ctx.options
           }, null, 8, ["options"])) : vue.createCommentVNode("", true)
@@ -8088,7 +8088,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
     };
   }
 }));
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductImage",
   props: {
     item: {},
@@ -8096,7 +8096,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$13, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$1a, {
         item: _ctx.item,
         options: _ctx.options,
         "wrapper-class": "lupa-search-results-image-wrapper",
@@ -8105,14 +8105,14 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$j = ["innerHTML"];
-const _hoisted_2$e = ["title"];
-const _hoisted_3$9 = {
+const _hoisted_1$q = ["innerHTML"];
+const _hoisted_2$j = ["title"];
+const _hoisted_3$e = {
   key: 0,
   class: "lupa-search-results-product-title-text"
 };
-const _hoisted_4$6 = ["href"];
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_4$9 = ["href"];
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductTitle",
   props: {
     item: {},
@@ -8145,25 +8145,25 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
         class: "lupa-search-results-product-title",
         style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
         innerHTML: title.value
-      }, null, 12, _hoisted_1$j)) : (vue.openBlock(), vue.createElementBlock("div", {
+      }, null, 12, _hoisted_1$q)) : (vue.openBlock(), vue.createElementBlock("div", {
         key: 1,
         class: "lupa-search-results-product-title",
         style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
         title: title.value
       }, [
-        !_ctx.options.link ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$9, vue.toDisplayString(title.value), 1)) : vue.createCommentVNode("", true),
+        !_ctx.options.link ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$e, vue.toDisplayString(title.value), 1)) : vue.createCommentVNode("", true),
         _ctx.options.link ? (vue.openBlock(), vue.createElementBlock("a", {
           key: 1,
           href: _ctx.link,
           class: "lupa-search-results-product-title-text lupa-title-link",
           onClick: handleNavigation
-        }, vue.toDisplayString(title.value), 9, _hoisted_4$6)) : vue.createCommentVNode("", true)
-      ], 12, _hoisted_2$e));
+        }, vue.toDisplayString(title.value), 9, _hoisted_4$9)) : vue.createCommentVNode("", true)
+      ], 12, _hoisted_2$j));
     };
   }
 });
-const _hoisted_1$i = ["innerHTML"];
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$p = ["innerHTML"];
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductDescription",
   props: {
     item: {},
@@ -8187,7 +8187,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
         class: "lupa-search-results-product-description",
         style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
         innerHTML: description.value
-      }, null, 12, _hoisted_1$i)) : (vue.openBlock(), vue.createElementBlock("div", {
+      }, null, 12, _hoisted_1$p)) : (vue.openBlock(), vue.createElementBlock("div", {
         key: 1,
         class: "lupa-search-results-product-description",
         style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`)
@@ -8195,15 +8195,15 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$h = { id: "lupa-search-results-rating" };
-const _hoisted_2$d = { class: "lupa-ratings" };
-const _hoisted_3$8 = { class: "lupa-ratings-base" };
-const _hoisted_4$5 = ["innerHTML"];
-const _hoisted_5$3 = { class: "lupa-rating-wrapper" };
-const _hoisted_6$1 = ["innerHTML"];
-const _hoisted_7$1 = ["href"];
+const _hoisted_1$o = { id: "lupa-search-results-rating" };
+const _hoisted_2$i = { class: "lupa-ratings" };
+const _hoisted_3$d = { class: "lupa-ratings-base" };
+const _hoisted_4$8 = ["innerHTML"];
+const _hoisted_5$6 = { class: "lupa-rating-wrapper" };
+const _hoisted_6$3 = ["innerHTML"];
+const _hoisted_7$2 = ["href"];
 const STAR_COUNT = 5;
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductRating",
   props: {
     item: {},
@@ -8234,18 +8234,18 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
       return generateLink(props.options.links.ratingDetails, props.item);
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
-        vue.createElementVNode("div", _hoisted_2$d, [
-          vue.createElementVNode("div", _hoisted_3$8, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
+        vue.createElementVNode("div", _hoisted_2$i, [
+          vue.createElementVNode("div", _hoisted_3$d, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(baseStars.value, (star, index) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: index,
                 innerHTML: star,
                 class: "lupa-rating lupa-rating-not-highlighted"
-              }, null, 8, _hoisted_4$5);
+              }, null, 8, _hoisted_4$8);
             }), 128))
           ]),
-          vue.createElementVNode("div", _hoisted_5$3, [
+          vue.createElementVNode("div", _hoisted_5$6, [
             vue.createElementVNode("div", {
               class: "lupa-ratings-highlighted",
               style: vue.normalizeStyle({ width: ratingPercentage.value + "%" })
@@ -8255,7 +8255,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
                   key: index,
                   innerHTML: star,
                   class: "lupa-rating lupa-rating-highlighted"
-                }, null, 8, _hoisted_6$1);
+                }, null, 8, _hoisted_6$3);
               }), 128))
             ], 4)
           ])
@@ -8263,16 +8263,16 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("a", {
           href: ratingLink.value,
           class: "lupa-total-ratings"
-        }, vue.toDisplayString(totalRatings.value), 9, _hoisted_7$1)
+        }, vue.toDisplayString(totalRatings.value), 9, _hoisted_7$2)
       ]);
     };
   }
 });
-const _hoisted_1$g = {
+const _hoisted_1$n = {
   class: "lupa-search-results-product-regular-price",
   "data-cy": "lupa-search-results-product-regular-price"
 };
-const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductRegularPrice",
   props: {
     item: {},
@@ -8290,15 +8290,15 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
       );
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, vue.toDisplayString(price.value), 1);
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, vue.toDisplayString(price.value), 1);
     };
   }
 });
-const _hoisted_1$f = {
+const _hoisted_1$m = {
   class: "lupa-search-results-product-price",
   "data-cy": "lupa-search-results-product-price"
 };
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductPrice",
   props: {
     item: {},
@@ -8316,16 +8316,16 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
       );
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
         vue.createElementVNode("strong", null, vue.toDisplayString(price.value), 1)
       ]);
     };
   }
 });
-const _hoisted_1$e = { class: "lupa-search-results-add-to-cart-wrapper" };
-const _hoisted_2$c = { class: "lupa-search-results-product-addtocart" };
-const _hoisted_3$7 = ["onClick", "disabled"];
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$l = { class: "lupa-search-results-add-to-cart-wrapper" };
+const _hoisted_2$h = { class: "lupa-search-results-product-addtocart" };
+const _hoisted_3$c = ["onClick", "disabled"];
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductAddToCart",
   props: {
     item: {},
@@ -8352,25 +8352,25 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
       loading.value = false;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
-        vue.createElementVNode("div", _hoisted_2$c, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
+        vue.createElementVNode("div", _hoisted_2$h, [
           vue.createElementVNode("button", {
             onClick: vue.withModifiers(handleClick, ["stop"]),
             class: vue.normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
             "data-cy": "lupa-add-to-cart",
             disabled: !inStockValue.value || loading.value
-          }, vue.toDisplayString(label.value), 11, _hoisted_3$7)
+          }, vue.toDisplayString(label.value), 11, _hoisted_3$c)
         ])
       ]);
     };
   }
 });
-const _hoisted_1$d = ["innerHTML"];
-const _hoisted_2$b = { key: 0 };
-const _hoisted_3$6 = { key: 1 };
-const _hoisted_4$4 = { class: "lupa-search-box-custom-label" };
-const _hoisted_5$2 = { class: "lupa-search-box-custom-text" };
-const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$k = ["innerHTML"];
+const _hoisted_2$g = { key: 0 };
+const _hoisted_3$b = { key: 1 };
+const _hoisted_4$7 = { class: "lupa-search-box-custom-label" };
+const _hoisted_5$5 = { class: "lupa-search-box-custom-text" };
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductCustom",
   props: {
     item: {},
@@ -8408,20 +8408,20 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         class: className.value,
         innerHTML: text.value
-      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$d)) : (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$k)) : (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         key: 1,
         class: className.value
       }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
-        !label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$b, vue.toDisplayString(text.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$6, [
-          vue.createElementVNode("div", _hoisted_4$4, vue.toDisplayString(label.value), 1),
-          vue.createElementVNode("div", _hoisted_5$2, vue.toDisplayString(text.value), 1)
+        !label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$g, vue.toDisplayString(text.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$b, [
+          vue.createElementVNode("div", _hoisted_4$7, vue.toDisplayString(label.value), 1),
+          vue.createElementVNode("div", _hoisted_5$5, vue.toDisplayString(text.value), 1)
         ]))
       ], 16));
     };
   }
 });
-const _hoisted_1$c = ["innerHTML"];
-const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$j = ["innerHTML"];
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductCustomHtmlElement",
   props: {
     item: {},
@@ -8445,15 +8445,15 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         class: className.value,
         innerHTML: text.value
-      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$c);
+      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$j);
     };
   }
 });
-const _hoisted_1$b = { id: "lupa-search-results-rating" };
-const _hoisted_2$a = ["innerHTML"];
-const _hoisted_3$5 = { class: "lupa-ratings" };
-const _hoisted_4$3 = ["href"];
-const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$i = { id: "lupa-search-results-rating" };
+const _hoisted_2$f = ["innerHTML"];
+const _hoisted_3$a = { class: "lupa-ratings" };
+const _hoisted_4$6 = ["href"];
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductSingleStarRating",
   props: {
     item: {},
@@ -8481,35 +8481,35 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
       return RATING_STAR_HTML;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [
         vue.createElementVNode("div", {
           innerHTML: star.value,
           class: "lupa-rating lupa-rating-highlighted"
-        }, null, 8, _hoisted_2$a),
-        vue.createElementVNode("div", _hoisted_3$5, vue.toDisplayString(rating.value), 1),
+        }, null, 8, _hoisted_2$f),
+        vue.createElementVNode("div", _hoisted_3$a, vue.toDisplayString(rating.value), 1),
         vue.createElementVNode("a", {
           href: ratingLink.value,
           class: "lupa-total-ratings"
-        }, vue.toDisplayString(totalRatings.value), 9, _hoisted_4$3)
+        }, vue.toDisplayString(totalRatings.value), 9, _hoisted_4$6)
       ]);
     };
   }
 });
 const __default__ = {
   components: {
-    SearchResultsProductImage: _sfc_main$m,
-    SearchResultsProductTitle: _sfc_main$l,
-    SearchResultsProductDescription: _sfc_main$k,
-    SearchResultsProductRating: _sfc_main$j,
-    SearchResultsProductRegularPrice: _sfc_main$i,
-    SearchResultsProductPrice: _sfc_main$h,
-    SearchResultsProductAddToCart: _sfc_main$g,
-    SearchResultsProductCustom: _sfc_main$f,
-    SearchResultsProductCustomHtmlElement: _sfc_main$e,
-    SearchResultsProductSingleStarRating: _sfc_main$d
-  }
-};
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__), {
+    SearchResultsProductImage: _sfc_main$t,
+    SearchResultsProductTitle: _sfc_main$s,
+    SearchResultsProductDescription: _sfc_main$r,
+    SearchResultsProductRating: _sfc_main$q,
+    SearchResultsProductRegularPrice: _sfc_main$p,
+    SearchResultsProductPrice: _sfc_main$o,
+    SearchResultsProductAddToCart: _sfc_main$n,
+    SearchResultsProductCustom: _sfc_main$m,
+    SearchResultsProductCustomHtmlElement: _sfc_main$l,
+    SearchResultsProductSingleStarRating: _sfc_main$k
+  }
+};
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__), {
   __name: "SearchResultsProductCardElement",
   props: {
     item: {},
@@ -8579,13 +8579,13 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
     };
   }
 }));
-const _hoisted_1$a = ["href"];
-const _hoisted_2$9 = {
+const _hoisted_1$h = ["href"];
+const _hoisted_2$e = {
   key: 0,
   class: "lupa-out-of-stock"
 };
-const _hoisted_3$4 = { class: "lupa-search-result-product-details-section" };
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_3$9 = { class: "lupa-search-result-product-details-section" };
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductCard",
   props: {
     product: {},
@@ -8730,7 +8730,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["lupa-search-result-product-card", !isInStock.value ? "lupa-out-of-stock" : ""]),
         onClick: handleClick
       }, [
-        vue.createVNode(_sfc_main$n, { options: badgesOptions.value }, null, 8, ["options"]),
+        vue.createVNode(_sfc_main$u, { options: badgesOptions.value }, null, 8, ["options"]),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
         }, [
@@ -8740,7 +8740,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
             onClick: handleNavigation
           }, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(imageElements.value, (element) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$c, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$j, {
                 class: "lupa-search-results-product-element",
                 item: _ctx.product,
                 element,
@@ -8750,16 +8750,16 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                 link: link.value
               }, null, 8, ["item", "element", "labels", "inStock", "link"]);
             }), 128)),
-            vue.createVNode(_sfc_main$n, {
+            vue.createVNode(_sfc_main$u, {
               options: badgesOptions.value,
               position: "image",
               class: "lupa-image-badges"
             }, null, 8, ["options"]),
-            ((_a = labels.value) == null ? void 0 : _a.outOfStock) && !isInStock.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$9, vue.toDisplayString(labels.value.outOfStock), 1)) : vue.createCommentVNode("", true)
-          ], 8, _hoisted_1$a),
-          vue.createElementVNode("div", _hoisted_3$4, [
+            ((_a = labels.value) == null ? void 0 : _a.outOfStock) && !isInStock.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$e, vue.toDisplayString(labels.value.outOfStock), 1)) : vue.createCommentVNode("", true)
+          ], 8, _hoisted_1$h),
+          vue.createElementVNode("div", _hoisted_3$9, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(detailElements.value, (element) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$c, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$j, {
                 class: "lupa-search-results-product-element",
                 item: _ctx.product,
                 element,
@@ -8777,7 +8777,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
               class: vue.normalizeClass("lupa-element-group-" + group)
             }, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getGroupElements(group), (element) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$c, {
+                return vue.openBlock(), vue.createBlock(_sfc_main$j, {
                   class: "lupa-search-results-product-element",
                   item: _ctx.product,
                   element,
@@ -8795,23 +8795,23 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$9 = {
+const _hoisted_1$g = {
   id: "lupa-search-results-similar-queries",
   "data-cy": "lupa-search-results-similar-queries"
 };
-const _hoisted_2$8 = { class: "lupa-similar-queries-label" };
-const _hoisted_3$3 = {
+const _hoisted_2$d = { class: "lupa-similar-queries-label" };
+const _hoisted_3$8 = {
   class: "lupa-similar-query-label",
   "data-cy": "lupa-similar-query-label"
 };
-const _hoisted_4$2 = ["onClick"];
-const _hoisted_5$1 = ["innerHTML"];
-const _hoisted_6 = { key: 0 };
-const _hoisted_7 = {
+const _hoisted_4$5 = ["onClick"];
+const _hoisted_5$4 = ["innerHTML"];
+const _hoisted_6$2 = { key: 0 };
+const _hoisted_7$1 = {
   class: "lupa-products",
   "data-cy": "lupa-products"
 };
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsSimilarQueries",
   props: {
     labels: {},
@@ -8841,11 +8841,11 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
       paramsStore.goToResults({ searchText, facet });
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
-        vue.createElementVNode("div", _hoisted_2$8, vue.toDisplayString(_ctx.labels.similarQueries), 1),
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
+        vue.createElementVNode("div", _hoisted_2$d, vue.toDisplayString(_ctx.labels.similarQueries), 1),
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(similarQueries.value, (similarQuery, index) => {
           return vue.openBlock(), vue.createElementBlock("div", { key: index }, [
-            vue.createElementVNode("div", _hoisted_3$3, [
+            vue.createElementVNode("div", _hoisted_3$8, [
               vue.createElementVNode("span", null, vue.toDisplayString(similarQueryLabel.value), 1),
               vue.createElementVNode("span", {
                 id: "lupa-similar-query-text-component",
@@ -8855,13 +8855,13 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
               }, [
                 vue.createElementVNode("span", {
                   innerHTML: getSimilarQueryContent(similarQuery.displayQuery)
-                }, null, 8, _hoisted_5$1),
-                similarQuery.count ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, " (" + vue.toDisplayString(similarQuery.count) + ")", 1)) : vue.createCommentVNode("", true)
-              ], 8, _hoisted_4$2)
+                }, null, 8, _hoisted_5$4),
+                similarQuery.count ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$2, " (" + vue.toDisplayString(similarQuery.count) + ")", 1)) : vue.createCommentVNode("", true)
+              ], 8, _hoisted_4$5)
             ]),
-            vue.createElementVNode("div", _hoisted_7, [
+            vue.createElementVNode("div", _hoisted_7$1, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(similarQuery.items, (product, index2) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$b, {
+                return vue.openBlock(), vue.createBlock(_sfc_main$i, {
                   style: vue.normalizeStyle(_ctx.columnSize),
                   key: getDocumentKey(index2, product),
                   product,
@@ -8875,15 +8875,15 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$8 = {
+const _hoisted_1$f = {
   key: 0,
   class: "lupa-results-additional-panel"
 };
-const _hoisted_2$7 = {
+const _hoisted_2$c = {
   class: "lupa-results-additional-panel-items",
   "data-cy": "lupa-results-additional-panel-items"
 };
-const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   __name: "AdditionalPanel",
   props: {
     panel: {},
@@ -8955,10 +8955,10 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
       handleQueryChange();
     });
     return (_ctx, _cache) => {
-      return hasResults.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
-        vue.createElementVNode("div", _hoisted_2$7, [
+      return hasResults.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
+        vue.createElementVNode("div", _hoisted_2$c, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(visibleItems.value, (item, index) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$b, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$i, {
               key: index,
               product: item,
               options: _ctx.panel,
@@ -8976,11 +8976,11 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$7 = {
+const _hoisted_1$e = {
   key: 0,
   class: "lupa-results-additional-panels"
 };
-const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "AdditionalPanels",
   props: {
     options: {},
@@ -8997,9 +8997,9 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
       return locationPanels.value.length > 0;
     });
     return (_ctx, _cache) => {
-      return isVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
+      return isVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(locationPanels.value, (panel) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$9, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$g, {
             key: panel.queryKey,
             panel,
             options: _ctx.sdkOptions
@@ -9016,36 +9016,36 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$7 = {};
-const _hoisted_1$6 = { class: "lupa-spinner-wrapper" };
-const _hoisted_2$6 = { class: "lupa-spinner" };
+const _sfc_main$e = {};
+const _hoisted_1$d = { class: "lupa-spinner-wrapper" };
+const _hoisted_2$b = { class: "lupa-spinner" };
 function _sfc_render(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
-    vue.createElementVNode("div", _hoisted_2$6, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
+    vue.createElementVNode("div", _hoisted_2$b, [
       (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(12, (x) => {
         return vue.createElementVNode("div", { key: x });
       }), 64))
     ])
   ]);
 }
-const Spinner = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]);
-const _hoisted_1$5 = { id: "lupa-search-results-products" };
-const _hoisted_2$5 = {
+const Spinner = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render]]);
+const _hoisted_1$c = { id: "lupa-search-results-products" };
+const _hoisted_2$a = {
   class: "lupa-products",
   "data-cy": "lupa-products"
 };
-const _hoisted_3$2 = {
+const _hoisted_3$7 = {
   key: 0,
   class: "lupa-empty-results",
   "data-cy": "lupa-no-results-in-page"
 };
-const _hoisted_4$1 = {
+const _hoisted_4$4 = {
   key: 3,
   class: "lupa-empty-results",
   "data-cy": "lupa-no-results"
 };
-const _hoisted_5 = { key: 4 };
-const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_5$3 = { key: 4 };
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProducts",
   props: {
     options: {},
@@ -9136,23 +9136,23 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       var _a;
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
         vue.unref(loading) && !vue.unref(isMobileSidebarVisible) ? (vue.openBlock(), vue.createBlock(Spinner, {
           key: 0,
           class: "lupa-loader"
         })) : vue.createCommentVNode("", true),
         vue.unref(hasResults) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-          showTopFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
+          showTopFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
             key: 0,
             options: (_a = _ctx.options.filters) != null ? _a : {}
           }, null, 8, ["options"])) : vue.createCommentVNode("", true),
-          showMobileFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
+          showMobileFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
             key: 1,
             class: "lupa-toolbar-mobile",
             options: _ctx.options,
             "pagination-location": "top"
           }, null, 8, ["options"])) : vue.createCommentVNode("", true),
-          currentFilterOptions.value ? (vue.openBlock(), vue.createBlock(_sfc_main$M, {
+          currentFilterOptions.value ? (vue.openBlock(), vue.createBlock(_sfc_main$T, {
             key: 2,
             class: vue.normalizeClass(currentFiltersClass.value),
             "data-cy": "lupa-search-result-filters-mobile-toolbar",
@@ -9160,18 +9160,18 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
             expandable: !desktopFiltersExpanded.value
           }, null, 8, ["class", "options", "expandable"])) : vue.createCommentVNode("", true)
         ], 64)) : vue.createCommentVNode("", true),
-        vue.createVNode(_sfc_main$8, {
+        vue.createVNode(_sfc_main$f, {
           options: _ctx.options,
           location: "top",
           sdkOptions: _ctx.options.options
         }, null, 8, ["options", "sdkOptions"]),
         vue.unref(hasResults) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-          vue.createVNode(_sfc_main$t, {
+          vue.createVNode(_sfc_main$A, {
             class: "lupa-toolbar-top",
             options: _ctx.options,
             "pagination-location": "top"
           }, null, 8, ["options"]),
-          vue.createElementVNode("div", _hoisted_2$5, [
+          vue.createElementVNode("div", _hoisted_2$a, [
             _ctx.$slots.productCard ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(vue.unref(searchResult).items, (product, index) => {
               return vue.renderSlot(_ctx.$slots, "productCard", {
                 style: vue.normalizeStyle(columnSize.value),
@@ -9180,7 +9180,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                 options: productCardOptions.value
               });
             }), 128)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(vue.unref(searchResult).items, (product, index) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$b, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$i, {
                 style: vue.normalizeStyle(columnSize.value),
                 key: getProductKeyAction(index, product),
                 product,
@@ -9188,7 +9188,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
               }, null, 8, ["style", "product", "options"]);
             }), 128))
           ]),
-          vue.unref(isPageEmpty) && _ctx.options.labels.noItemsInPage ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, [
+          vue.unref(isPageEmpty) && _ctx.options.labels.noItemsInPage ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$7, [
             vue.createTextVNode(vue.toDisplayString(_ctx.options.labels.noItemsInPage) + " ", 1),
             _ctx.options.labels.backToFirstPage ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
@@ -9196,22 +9196,22 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
               onClick: goToFirstPage
             }, vue.toDisplayString(_ctx.options.labels.backToFirstPage), 1)) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true),
-          vue.createVNode(_sfc_main$t, {
+          vue.createVNode(_sfc_main$A, {
             class: "lupa-toolbar-bottom",
             options: _ctx.options,
             "pagination-location": "bottom"
           }, null, 8, ["options"]),
-          vue.createVNode(_sfc_main$8, {
+          vue.createVNode(_sfc_main$f, {
             options: _ctx.options,
             location: "bottom",
             sdkOptions: _ctx.options.options
           }, null, 8, ["options", "sdkOptions"])
-        ], 64)) : !vue.unref(loading) && vue.unref(currentQueryText) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [
+        ], 64)) : !vue.unref(loading) && vue.unref(currentQueryText) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$4, [
           vue.createTextVNode(vue.toDisplayString(_ctx.options.labels.emptyResults) + " ", 1),
           vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(currentQueryText)), 1)
         ])) : vue.createCommentVNode("", true),
-        hasSimilarQueries.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-          vue.createVNode(_sfc_main$a, {
+        hasSimilarQueries.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$3, [
+          vue.createVNode(_sfc_main$h, {
             labels: similarQueriesLabels.value,
             columnSize: columnSize.value,
             productCardOptions: productCardOptions.value
@@ -9222,13 +9222,13 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$4 = { class: "lupa-top-mobile-filter-wrapper" };
-const _hoisted_2$4 = {
+const _hoisted_1$b = { class: "lupa-top-mobile-filter-wrapper" };
+const _hoisted_2$9 = {
   key: 0,
   class: "lupa-category-back"
 };
-const _hoisted_3$1 = ["href"];
-const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_3$6 = ["href"];
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "CategoryTopFilters",
   props: {
     options: {}
@@ -9260,15 +9260,15 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(["lupa-category-top-mobile-filters", { "lupa-has-back-button": hasBackButton.value }])
       }, [
-        vue.createElementVNode("div", _hoisted_1$4, [
-          hasBackButton.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$4, [
+        vue.createElementVNode("div", _hoisted_1$b, [
+          hasBackButton.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$9, [
             vue.createElementVNode("a", {
               "data-cy": "lupa-category-back",
               href: backUrlLink.value,
               onClick: handleNavigationBack
-            }, vue.toDisplayString(backTitle.value), 9, _hoisted_3$1)
+            }, vue.toDisplayString(backTitle.value), 9, _hoisted_3$6)
           ])) : vue.createCommentVNode("", true),
-          vue.createVNode(_sfc_main$t, {
+          vue.createVNode(_sfc_main$A, {
             class: "lupa-toolbar-mobile",
             "pagination-location": "top",
             options: _ctx.options
@@ -9278,18 +9278,18 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$3 = {
+const _hoisted_1$a = {
   key: 0,
   class: "lupa-container-title-summary-mobile"
 };
-const _hoisted_2$3 = {
+const _hoisted_2$8 = {
   key: 4,
   id: "lupa-search-results",
   class: "top-layout-wrapper"
 };
-const _hoisted_3 = { class: "search-content" };
-const _hoisted_4 = { id: "lupa-search-results" };
-const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_3$5 = { class: "search-content" };
+const _hoisted_4$3 = { id: "lupa-search-results" };
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResults",
   props: {
     options: {},
@@ -9478,40 +9478,40 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(["lupa-search-result-wrapper", { "lupa-search-wrapper-no-results": !vue.unref(hasResults) }])
       }, [
-        _ctx.isContainer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
-          vue.createVNode(_sfc_main$Q, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-          vue.createVNode(_sfc_main$O, {
+        _ctx.isContainer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
+          vue.createVNode(_sfc_main$X, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+          vue.createVNode(_sfc_main$V, {
             "show-summary": true,
             options: _ctx.options,
             "is-product-list": (_a = _ctx.isProductList) != null ? _a : false
           }, null, 8, ["options", "is-product-list"])
         ])) : vue.createCommentVNode("", true),
-        isTitleResultTopPosition.value ? (vue.openBlock(), vue.createBlock(_sfc_main$5, {
+        isTitleResultTopPosition.value ? (vue.openBlock(), vue.createBlock(_sfc_main$c, {
           key: 1,
           options: _ctx.options
         }, null, 8, ["options"])) : vue.createCommentVNode("", true),
-        _ctx.options.filters ? (vue.openBlock(), vue.createBlock(_sfc_main$B, {
+        _ctx.options.filters ? (vue.openBlock(), vue.createBlock(_sfc_main$I, {
           key: 2,
           options: _ctx.options.filters
         }, null, 8, ["options"])) : vue.createCommentVNode("", true),
-        vue.unref(currentQueryText) || _ctx.isProductList ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
+        vue.unref(currentQueryText) || _ctx.isProductList ? (vue.openBlock(), vue.createBlock(_sfc_main$H, {
           key: 3,
           breadcrumbs: _ctx.options.breadcrumbs
         }, null, 8, ["breadcrumbs"])) : vue.createCommentVNode("", true),
-        isTitleResultTopPosition.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$3, [
-          showFilterSidebar.value ? (vue.openBlock(), vue.createBlock(_sfc_main$C, {
+        isTitleResultTopPosition.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$8, [
+          showFilterSidebar.value ? (vue.openBlock(), vue.createBlock(_sfc_main$J, {
             key: 0,
             options: (_b = _ctx.options.filters) != null ? _b : {},
             ref_key: "searchResultsFilters",
             ref: searchResultsFilters
           }, null, 8, ["options"])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_3, [
-            vue.createVNode(_sfc_main$Q, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-            vue.createVNode(_sfc_main$O, {
+          vue.createElementVNode("div", _hoisted_3$5, [
+            vue.createVNode(_sfc_main$X, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+            vue.createVNode(_sfc_main$V, {
               options: _ctx.options,
               "is-product-list": (_c = _ctx.isProductList) != null ? _c : false
             }, null, 8, ["options", "is-product-list"]),
-            vue.createVNode(_sfc_main$6, {
+            vue.createVNode(_sfc_main$d, {
               options: _ctx.options,
               ssr: ssrEnabled.value
             }, {
@@ -9522,19 +9522,19 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
             }, 8, ["options", "ssr"])
           ])
         ])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 5 }, [
-          vue.createVNode(_sfc_main$Q, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-          vue.createVNode(_sfc_main$O, {
+          vue.createVNode(_sfc_main$X, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+          vue.createVNode(_sfc_main$V, {
             options: _ctx.options,
             "is-product-list": (_d = _ctx.isProductList) != null ? _d : false
           }, null, 8, ["options", "is-product-list"]),
-          vue.createElementVNode("div", _hoisted_4, [
-            showFilterSidebar.value ? (vue.openBlock(), vue.createBlock(_sfc_main$C, {
+          vue.createElementVNode("div", _hoisted_4$3, [
+            showFilterSidebar.value ? (vue.openBlock(), vue.createBlock(_sfc_main$J, {
               key: 0,
               options: (_e = _ctx.options.filters) != null ? _e : {},
               ref_key: "searchResultsFilters",
               ref: searchResultsFilters
             }, null, 8, ["options"])) : vue.createCommentVNode("", true),
-            vue.createVNode(_sfc_main$6, {
+            vue.createVNode(_sfc_main$d, {
               options: _ctx.options,
               ssr: ssrEnabled.value
             }, vue.createSlots({
@@ -9557,12 +9557,12 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$2 = {
+const _hoisted_1$9 = {
   key: 0,
   class: "lupa-category-overview"
 };
-const _hoisted_2$2 = ["innerHTML"];
-const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_2$7 = ["innerHTML"];
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "CategoryDescription",
   props: {
     options: {}
@@ -9578,16 +9578,16 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
       return Boolean((_b = (_a = props.options.categories) == null ? void 0 : _a.current) == null ? void 0 : _b.description);
     });
     return (_ctx, _cache) => {
-      return overviewVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
+      return overviewVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
         vue.createElementVNode("div", {
           class: "lupa-category-description",
           innerHTML: description.value
-        }, null, 8, _hoisted_2$2)
+        }, null, 8, _hoisted_2$7)
       ])) : vue.createCommentVNode("", true);
     };
   }
 });
-const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   __name: "ProductList",
   props: {
     options: {}
@@ -9609,7 +9609,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     __expose({ fetch: fetch2 });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", null, [
-        vue.createVNode(_sfc_main$4, {
+        vue.createVNode(_sfc_main$b, {
           options: componentOptions.value,
           "initial-filters": _ctx.options.initialFilters,
           "is-product-list": true,
@@ -9617,7 +9617,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
           ref: searchResults
         }, {
           default: vue.withCtx(() => [
-            vue.createVNode(_sfc_main$3, { options: _ctx.options }, null, 8, ["options"])
+            vue.createVNode(_sfc_main$a, { options: _ctx.options }, null, 8, ["options"])
           ]),
           _: 1
         }, 8, ["options", "initial-filters"])
@@ -15108,9 +15108,9 @@ lodash.exports;
   }).call(commonjsGlobal);
 })(lodash, lodash.exports);
 var lodashExports = lodash.exports;
-const _hoisted_1$1 = ["onClick"];
-const _hoisted_2$1 = { class: "lupa-search-box-container" };
-const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$8 = ["onClick"];
+const _hoisted_2$6 = { class: "lupa-search-box-container" };
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchContainer",
   props: {
     options: {}
@@ -15155,8 +15155,8 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
           class: "lupa-search-container",
           onClick: vue.withModifiers(innerClick, ["stop"])
         }, [
-          vue.createElementVNode("div", _hoisted_2$1, [
-            vue.createVNode(_sfc_main$R, {
+          vue.createElementVNode("div", _hoisted_2$6, [
+            vue.createVNode(_sfc_main$Y, {
               options: fullSearchBoxOptions.value,
               "is-search-container": true,
               ref_key: "searchBox",
@@ -15164,13 +15164,13 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
               onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
             }, null, 8, ["options"])
           ]),
-          vue.createVNode(_sfc_main$4, {
+          vue.createVNode(_sfc_main$b, {
             options: fullSearchResultsOptions.value,
             "is-container": true,
             ref_key: "searchResults",
             ref: searchResults
           }, null, 8, ["options"])
-        ], 8, _hoisted_1$1)
+        ], 8, _hoisted_1$8)
       ]);
     };
   }
@@ -15874,13 +15874,13 @@ var Slide = vue.defineComponent({
   }
 });
 const carousel = "";
-const _hoisted_1 = { class: "lupa-search-product-recommendations-wrapper" };
-const _hoisted_2 = {
+const _hoisted_1$7 = { class: "lupa-search-product-recommendations-wrapper" };
+const _hoisted_2$5 = {
   key: 0,
   class: "lupa-recommended-products",
   "data-cy": "lupa-recommended-products"
 };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   __name: "Recommendations",
   props: {
     options: {}
@@ -15966,8 +15966,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     __expose({ fetch: fetch2 });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        !loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
+        !loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$5, [
           vue.createVNode(vue.unref(Carousel), vue.mergeProps(carouselOptions.value, { "wrap-around": true }), {
             addons: vue.withCtx(() => [
               vue.createVNode(vue.unref(Navigation))
@@ -15978,7 +15978,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   key: getProductKeyAction(index, product)
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(_sfc_main$b, {
+                    vue.createVNode(_sfc_main$i, {
                       product,
                       options: _ctx.options,
                       "click-tracking-settings": clickTrackingSettings.value
@@ -15995,6 +15995,534 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+const _withScopeId = (n) => (vue.pushScopeId("data-v-6fa22b2b"), n = n(), vue.popScopeId(), n);
+const _hoisted_1$6 = { class: "lupa-chat-spinner" };
+const _hoisted_2$4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", null, null, -1));
+const _hoisted_3$4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", null, null, -1));
+const _hoisted_4$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", null, null, -1));
+const _hoisted_5$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", null, null, -1));
+const _hoisted_6$1 = [
+  _hoisted_2$4,
+  _hoisted_3$4,
+  _hoisted_4$2,
+  _hoisted_5$2
+];
+const _hoisted_7 = { class: "lupa-chat-spinner-message" };
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+  __name: "ChatSpinner",
+  props: {
+    small: { type: Boolean },
+    message: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1$6, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass([{ small: _ctx.small }, "lds-ring"])
+        }, _hoisted_6$1, 2),
+        vue.createElementVNode("div", _hoisted_7, vue.toDisplayString(_ctx.message), 1)
+      ]);
+    };
+  }
+});
+const ChatSpinner_vue_vue_type_style_index_0_scoped_6fa22b2b_lang = "";
+const ChatSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-6fa22b2b"]]);
+const _hoisted_1$5 = { class: "lupa-chat-input-container" };
+const _hoisted_2$3 = { id: "lupa-search-box-input" };
+const _hoisted_3$3 = {
+  key: 0,
+  class: "lupa-chat-form-submit"
+};
+const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+  __name: "ChatInput",
+  props: {
+    disabled: { type: Boolean }
+  },
+  emits: ["submit"],
+  setup(__props, { emit }) {
+    const inputValue = vue.ref("");
+    const submit = () => {
+      emit("submit", inputValue.value);
+      inputValue.value = "";
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
+        vue.createElementVNode("form", {
+          action: "javascript:void(0);",
+          class: "chat-input-form",
+          onSubmit: submit
+        }, [
+          vue.createElementVNode("div", _hoisted_2$3, [
+            vue.withDirectives(vue.createElementVNode("input", {
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+              ref: "mainInput",
+              autocomplete: "off",
+              class: "lupa-search-box-input-field",
+              "data-cy": "lupa-search-box-input-field",
+              type: "text",
+              placeholder: "Type your request here..."
+            }, null, 512), [
+              [vue.vModelText, inputValue.value]
+            ])
+          ]),
+          !_ctx.disabled ? (vue.openBlock(), vue.createElementBlock("button", _hoisted_3$3, "Ask LupaChat")) : (vue.openBlock(), vue.createBlock(ChatSpinner, {
+            key: 1,
+            small: true
+          }))
+        ], 32)
+      ]);
+    };
+  }
+});
+const Env = {
+  production: "https://api.lupasearch.com/v1/",
+  staging: "https://api.staging.lupasearch.com/v1/"
+};
+const defaultConfig = {
+  method: "POST",
+  headers: { "Content-Type": "application/json" }
+};
+const getApiUrl = (environment, customBaseUrl) => {
+  if (customBaseUrl) {
+    return customBaseUrl;
+  }
+  return Env[environment] || Env["production"];
+};
+const suggestSearchChatPhrases = (options, request) => __async(exports, null, function* () {
+  const { environment, customBaseUrl } = options;
+  const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/`, __spreadProps(__spreadValues({}, defaultConfig), {
+    body: JSON.stringify(request)
+  }));
+  if (res.status < 400) {
+    const data = yield res.json();
+    return __spreadProps(__spreadValues({}, data), { success: true });
+  }
+  const errors = yield res.json();
+  return { success: false, errors };
+});
+const suggestPhraseAlternatives = (_0, _1) => __async(exports, [_0, _1], function* (options, { phrases }) {
+  const { environment, customBaseUrl } = options;
+  const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/phraseAlternatives`, __spreadProps(__spreadValues({}, defaultConfig), {
+    body: JSON.stringify({ phrases })
+  }));
+  if (res.status < 400) {
+    const data = yield res.json();
+    return __spreadProps(__spreadValues({}, data), { success: true });
+  }
+  const errors = yield res.json();
+  return { success: false, errors };
+});
+const suggestSimplifiedPhrases = (_0, _1) => __async(exports, [_0, _1], function* (options, { phrases }) {
+  const { environment, customBaseUrl } = options;
+  const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/simplify`, __spreadProps(__spreadValues({}, defaultConfig), {
+    body: JSON.stringify({ phrases })
+  }));
+  if (res.status < 400) {
+    const data = yield res.json();
+    console.log(data);
+    return __spreadProps(__spreadValues({}, data), { success: true });
+  }
+  const errors = yield res.json();
+  return { success: false, errors };
+});
+const suggestBestProductMatches = (_0, _1) => __async(exports, [_0, _1], function* (options, {
+  initialQuery,
+  productStrings,
+  messageHistory
+}) {
+  const { environment, customBaseUrl } = options;
+  const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/bestProducts`, __spreadProps(__spreadValues({}, defaultConfig), {
+    body: JSON.stringify({ initialQuery, messageHistory, productStrings })
+  }));
+  if (res.status < 400) {
+    const data = yield res.json();
+    console.log(data);
+    return __spreadProps(__spreadValues({}, data), { success: true });
+  }
+  const errors = yield res.json();
+  return { success: false, errors };
+});
+const prepareChatHistory = (chatLog) => {
+  var _a, _b;
+  const history = [];
+  for (const log of chatLog) {
+    history.push({
+      role: "user",
+      content: log.userInput
+    });
+    history.push({
+      role: "assistant",
+      content: log.suggestedPhrases.join(", ")
+    });
+    if (((_a = log.bestItems) == null ? void 0 : _a.length) > 0) {
+      history.push({
+        role: "assistant",
+        content: `I suggest these best item matches to your query: ${(_b = log.bestItems) == null ? void 0 : _b.join(", ")}`
+      });
+    }
+  }
+  return history;
+};
+const ChatService = {
+  suggestSearchChatPhrases,
+  suggestPhraseAlternatives,
+  suggestSimplifiedPhrases,
+  suggestBestProductMatches,
+  prepareChatHistory
+};
+const _hoisted_1$4 = { class: "lupa-chat-results" };
+const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+  __name: "ChatPhraseProductsList",
+  props: {
+    options: {},
+    searchResults: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const getProductKeyAction = (index, product) => {
+      return getProductKey(`${index}`, product, props.options.idKey);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1$4, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.searchResults, (product, index) => {
+          return vue.openBlock(), vue.createBlock(_sfc_main$i, {
+            class: "lupa-chat-product-card",
+            key: getProductKeyAction(index, product),
+            product,
+            options: _ctx.options
+          }, null, 8, ["product", "options"]);
+        }), 128))
+      ]);
+    };
+  }
+});
+const _hoisted_1$3 = { class: "lupa-chat-content-entry-phrase" };
+const _hoisted_2$2 = { class: "lupa-chat-phrase-title" };
+const _hoisted_3$2 = {
+  key: 0,
+  class: "alert"
+};
+const _hoisted_4$1 = {
+  key: 0,
+  class: "lupa-chat-no-results"
+};
+const _hoisted_5$1 = /* @__PURE__ */ vue.createElementVNode("p", null, "We found no matches for this search term", -1);
+const _hoisted_6 = [
+  _hoisted_5$1
+];
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  __name: "ChatContentEntryPhrase",
+  props: {
+    options: {},
+    phrase: {}
+  },
+  emits: ["loaded"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const searchResults = vue.ref([]);
+    const usedAlternativePhrases = vue.ref([]);
+    const usedPartialResults = vue.ref(false);
+    const loading = vue.ref(false);
+    const currentAction = vue.ref("");
+    const displayPhrase = vue.computed(() => props.phrase.replace(",", ""));
+    vue.onMounted(() => __async(this, null, function* () {
+      loading.value = true;
+      currentAction.value = "Loading search results...";
+      try {
+        const initialResults = yield getSearchResults(props.phrase, 8);
+        if (initialResults.length) {
+          searchResults.value = initialResults;
+          if (initialResults.length > 2) {
+            return;
+          }
+        }
+        currentAction.value = "Checking for alternative phrases...";
+        const alternatives = yield getPhraseAlternatives();
+        yield addAlternativePhraseResults(alternatives, 6);
+        if (!searchResults.value.length) {
+          const partialAlteratives = [props.phrase].map((phrase) => phrase.split(/\s+/)).flat();
+          currentAction.value = "Checking for partial alternatives...";
+          const partialResults = yield addAlternativePhraseResults(partialAlteratives, 4);
+          if (partialResults == null ? void 0 : partialResults.length) {
+            usedPartialResults.value = true;
+          }
+        }
+      } finally {
+        loading.value = false;
+        currentAction.value = "";
+        emit("loaded", searchResults.value);
+      }
+    }));
+    const addAlternativePhraseResults = (phrases, limit = 5) => __async(this, null, function* () {
+      const allResults = [];
+      for (const phrase of phrases) {
+        const results = yield getSearchResults(phrase, limit);
+        if (results.length) {
+          usedAlternativePhrases.value.push(phrase);
+          addToSearchResults(results);
+          allResults.push(...results);
+        }
+      }
+      return allResults;
+    });
+    const addToSearchResults = (items) => {
+      const newDocuments = items.filter((item) => {
+        return !searchResults.value.find((result) => result.id === item.id);
+      });
+      searchResults.value.push(...newDocuments);
+    };
+    const getSearchResults = (phrase, limit = 5) => __async(this, null, function* () {
+      const query = { searchText: phrase, limit };
+      const result = yield LupaSearchSdk.query(
+        props.options.displayOptions.queryKey,
+        query,
+        props.options.sdkOptions
+      );
+      if (!result.success) {
+        return [];
+      }
+      return result.items;
+    });
+    const getPhraseAlternatives = () => __async(this, null, function* () {
+      const { phrases } = yield ChatService.suggestPhraseAlternatives(props.options.sdkOptions, {
+        phrases: [props.phrase]
+      });
+      return phrases != null ? phrases : [];
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
+        vue.createElementVNode("div", _hoisted_2$2, [
+          vue.createElementVNode("h3", null, vue.toDisplayString(displayPhrase.value), 1),
+          vue.createElementVNode("sub", null, vue.toDisplayString(usedAlternativePhrases.value.join(", ")), 1),
+          usedPartialResults.value ? (vue.openBlock(), vue.createElementBlock("sub", _hoisted_3$2, "Including partial matches - which might not be what you are looking for")) : vue.createCommentVNode("", true)
+        ]),
+        vue.createElementVNode("div", null, [
+          vue.createVNode(_sfc_main$4, {
+            "search-results": searchResults.value,
+            options: _ctx.options.displayOptions
+          }, null, 8, ["search-results", "options"])
+        ]),
+        !loading.value && !searchResults.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, _hoisted_6)) : vue.createCommentVNode("", true),
+        loading.value ? (vue.openBlock(), vue.createBlock(ChatSpinner, {
+          key: 1,
+          message: currentAction.value
+        }, null, 8, ["message"])) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const _hoisted_1$2 = { class: "lupa-chat-best-matches lupa-chat-content-entry" };
+const _hoisted_2$1 = /* @__PURE__ */ vue.createElementVNode("h3", null, "Best matches", -1);
+const _hoisted_3$1 = { key: 0 };
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  __name: "ChatContentEntry",
+  props: {
+    entry: {},
+    options: {},
+    history: {}
+  },
+  emits: ["loaded"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const bestMatches = vue.ref([]);
+    const loadedResults = vue.ref([]);
+    const loadedEntries = vue.ref(0);
+    const loading = vue.ref(true);
+    const entryCount = vue.computed(() => {
+      return props.entry.allPhrases.length;
+    });
+    const loaded = (results = []) => {
+      loadedResults.value.push(...results);
+      loadedEntries.value++;
+      if (loadedEntries.value === entryCount.value) {
+        loadFinalRecommendations();
+      }
+    };
+    const titleKey = vue.computed(() => {
+      var _a;
+      return (_a = props.options.displayOptions.titleKey) != null ? _a : "title";
+    });
+    const loadFinalRecommendations = () => __async(this, null, function* () {
+      var _a;
+      try {
+        const productResultStrings = loadedResults.value.map(
+          (result) => {
+            var _a2, _b;
+            return (_b = (_a2 = result[titleKey.value]) == null ? void 0 : _a2.toString()) != null ? _b : "";
+          }
+        );
+        const { products } = yield ChatService.suggestBestProductMatches(props.options.sdkOptions, {
+          initialQuery: props.entry.userInput,
+          productStrings: productResultStrings,
+          messageHistory: (_a = props.history) != null ? _a : []
+        });
+        bestMatches.value = products;
+        emit("loaded", products);
+      } finally {
+        loading.value = false;
+      }
+    });
+    const bestMatchProducts = vue.computed(() => {
+      return bestMatches.value.map((productName) => {
+        return loadedResults.value.find((r) => r[titleKey.value] === productName);
+      }).filter(Boolean);
+    });
+    const explanation = vue.computed(() => {
+      var _a, _b;
+      return ((_a = bestMatches.value) == null ? void 0 : _a.length) > 0 && !bestMatchProducts.value.length ? (_b = bestMatches == null ? void 0 : bestMatches.value) == null ? void 0 : _b[0] : "";
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createElementVNode("ul", null, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.entry.allPhrases, (phrase) => {
+            return vue.openBlock(), vue.createElementBlock("li", {
+              key: phrase,
+              class: "lupa-chat-content-entry"
+            }, [
+              phrase ? (vue.openBlock(), vue.createBlock(_sfc_main$3, {
+                key: 0,
+                phrase,
+                options: _ctx.options,
+                onLoaded: loaded
+              }, null, 8, ["phrase", "options"])) : vue.createCommentVNode("", true)
+            ]);
+          }), 128))
+        ]),
+        vue.createElementVNode("section", _hoisted_1$2, [
+          _hoisted_2$1,
+          explanation.value ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$1, vue.toDisplayString(explanation.value), 1)) : vue.createCommentVNode("", true),
+          loading.value ? (vue.openBlock(), vue.createBlock(ChatSpinner, {
+            key: 1,
+            message: "Selecting the best matches for you. This might take a few seconds."
+          })) : vue.createCommentVNode("", true),
+          bestMatches.value.length ? (vue.openBlock(), vue.createBlock(_sfc_main$4, {
+            key: 2,
+            "search-results": bestMatchProducts.value,
+            options: _ctx.options.displayOptions
+          }, null, 8, ["search-results", "options"])) : vue.createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+const _hoisted_1$1 = { class: "lupa-chat-section-title" };
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  __name: "ChatContentList",
+  props: {
+    content: {},
+    options: {},
+    history: {}
+  },
+  emits: ["loaded"],
+  setup(__props, { emit }) {
+    const bestItemsLoaded = (items, key) => {
+      emit("loaded", { items, key });
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createElementVNode("ul", null, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.content, (entry) => {
+            return vue.openBlock(), vue.createElementBlock("li", {
+              key: entry.key
+            }, [
+              vue.createElementVNode("h4", _hoisted_1$1, vue.toDisplayString(entry.userInput), 1),
+              vue.createVNode(_sfc_main$2, {
+                entry,
+                options: _ctx.options,
+                history: _ctx.history,
+                onLoaded: (items) => bestItemsLoaded(items, entry.key)
+              }, null, 8, ["entry", "options", "history", "onLoaded"])
+            ]);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+});
+const _hoisted_1 = { class: "lupasearch-chat" };
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("section", { class: "lupa-chat-logo" }, [
+  /* @__PURE__ */ vue.createElementVNode("img", { src: "https://www.lupasearch.com/images/partials/header/lupasearch-logo.svg" })
+], -1);
+const _hoisted_3 = {
+  key: 0,
+  class: "lupasearch-chat-content"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "lupa-chat-spinner-main"
+};
+const _hoisted_5 = { class: "lupasearch-chat-input" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "ChatContainer",
+  props: {
+    options: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const loading = vue.ref(false);
+    const error = vue.ref("");
+    const chatContent = vue.ref([]);
+    const history = vue.computed(() => ChatService.prepareChatHistory(chatContent.value));
+    const submitChatInput = (input) => __async(this, null, function* () {
+      var _a;
+      if (input.length < 3) {
+        return;
+      }
+      try {
+        loading.value = true;
+        const request = {
+          userPrompt: input,
+          messageHistory: (_a = history.value) != null ? _a : [],
+          queryKey: props.options.displayOptions.queryKey
+        };
+        const { phrases, success } = yield ChatService.suggestSearchChatPhrases(
+          props.options.sdkOptions,
+          request
+        );
+        if (!success || !phrases.length) {
+          error.value = "Something went wrong";
+          return;
+        }
+        const validPhrases = phrases.filter((p2) => (p2 == null ? void 0 : p2.trim().length) > 0);
+        const chatLog = {
+          key: Date.now().toString(),
+          userInput: input,
+          allPhrases: [...validPhrases],
+          suggestedPhrases: phrases
+        };
+        chatContent.value.push(chatLog);
+      } finally {
+        loading.value = false;
+      }
+    });
+    const bestItemsLoaded = ({ items, key }) => {
+      const entry = chatContent.value.find((c2) => c2.key === key);
+      entry.bestItems = items;
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
+        _hoisted_2,
+        chatContent.value.length ? (vue.openBlock(), vue.createElementBlock("section", _hoisted_3, [
+          vue.createVNode(_sfc_main$1, {
+            content: chatContent.value,
+            options: _ctx.options,
+            onLoaded: bestItemsLoaded,
+            history: history.value
+          }, null, 8, ["content", "options", "history"])
+        ])) : vue.createCommentVNode("", true),
+        loading.value ? (vue.openBlock(), vue.createElementBlock("section", _hoisted_4, [
+          vue.createVNode(ChatSpinner, { message: "Loading initial recommendations... This might take up to 20s" })
+        ])) : vue.createCommentVNode("", true),
+        vue.createElementVNode("section", _hoisted_5, [
+          vue.createVNode(_sfc_main$5, {
+            onSubmit: submitChatInput,
+            disabled: loading.value
+          }, null, 8, ["disabled"])
+        ])
+      ]);
+    };
+  }
+});
 let piniaInstance = null;
 const initPinia = () => {
   if (piniaInstance) {
@@ -16017,14 +16545,15 @@ const LupaSearch = {
   }
 };
 exports.BadgeType = BadgeType;
+exports.ChatContainer = _sfc_main;
 exports.DocumentElementType = DocumentElementType;
 exports.LupaSearch = LupaSearch;
-exports.ProductList = _sfc_main$2;
-exports.Recommendations = _sfc_main;
-exports.SearchBox = _sfc_main$R;
+exports.ProductList = _sfc_main$9;
+exports.Recommendations = _sfc_main$7;
+exports.SearchBox = _sfc_main$Y;
 exports.SearchBoxPanelType = SearchBoxPanelType;
-exports.SearchContainer = _sfc_main$1;
-exports.SearchResults = _sfc_main$4;
+exports.SearchContainer = _sfc_main$8;
+exports.SearchResults = _sfc_main$b;
 exports.getInitialSearchResults = getInitialSearchResults;
 exports.initPinia = initPinia;
 exports.setupTracking = setupTracking;