npm - @getlupa/client - Versions diffs - 1.2.3 → 1.3.0 - Mend

@getlupa/client 1.2.3 → 1.3.0

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

Files changed (7) hide show

package/dist/lupaSearch.iife.js +1156 -582
package/dist/lupaSearch.js +1156 -582
package/dist/lupaSearch.mjs +1156 -582
package/dist/lupaSearch.umd.js +1156 -582
package/dist/src/index.d.ts +8 -2
package/dist/style.css +1 -1
package/package.json +2 -2

package/dist/lupaSearch.iife.js CHANGED Viewed

@@ -1537,6 +1537,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     currentScopeId = instance && instance.type.__scopeId || null;
     return prev;
   }
+  function pushScopeId(id) {
+    currentScopeId = id;
+  }
+  function popScopeId() {
+    currentScopeId = null;
+  }
   function withCtx(fn, ctx = currentRenderingInstance, isNonScopedSlot) {
     if (!ctx)
       return fn;
@@ -6168,15 +6174,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const RATING_STAR_HTML = "&#x2606;";
   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) {
@@ -6205,14 +6211,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       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* () {
@@ -6236,7 +6242,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     return { success: false, errors };
   });
   const search = (queryKey, query, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
-    const res = yield fetch(`${getApiUrl(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 });
@@ -6246,7 +6252,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   const queryByIds = (queryKey, ids, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
     const idParam = ids.map((id) => `ids=${id}`).join("&");
-    const res = yield fetch(`${getApiUrl(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 });
@@ -6255,7 +6261,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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 });
@@ -6264,7 +6270,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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 };
@@ -6273,7 +6279,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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 };
     }
@@ -7656,16 +7662,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       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__ */ defineComponent({
+  const _sfc_main$1h = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxInput",
     props: {
       options: {},
@@ -7742,19 +7748,19 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       __expose({ focus });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$12, [
-          createBaseVNode("div", _hoisted_2$I, [
+        return openBlock(), createElementBlock("div", _hoisted_1$19, [
+          createBaseVNode("div", _hoisted_2$N, [
             createBaseVNode("div", {
               class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
               onClick: clear2
             }, null, 2)
           ]),
-          createBaseVNode("div", _hoisted_3$v, [
+          createBaseVNode("div", _hoisted_3$A, [
             createBaseVNode("input", {
               class: "lupa-hint",
               value: showHint.value ? suggestedValue.value.item.suggestion : "",
               disabled: ""
-            }, null, 8, _hoisted_4$o),
+            }, null, 8, _hoisted_4$r),
             withDirectives(createBaseVNode("input", mergeProps({
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
             }, inputAttributes.value, {
@@ -7767,7 +7773,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               placeholder: labels.value.placeholder,
               onInput: handleInput,
               onFocus: handleFocus
-            }), null, 16, _hoisted_5$c), [
+            }), null, 16, _hoisted_5$f), [
               [vModelText, inputValue.value]
             ])
           ]),
@@ -7776,13 +7782,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             class: "lupa-close-search-container",
             onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
           }, [
-            labels.value.close ? (openBlock(), createElementBlock("span", _hoisted_6$6, toDisplayString(labels.value.close), 1)) : createCommentVNode("", true)
+            labels.value.close ? (openBlock(), createElementBlock("span", _hoisted_6$8, toDisplayString(labels.value.close), 1)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true)
         ]);
       };
     }
   });
-  const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1g = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxMoreResults",
     props: {
       labels: {},
@@ -7814,9 +7820,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  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__ */ 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__ */ defineComponent({
     __name: "SearchBoxHistoryItem",
     props: {
       item: {},
@@ -7832,8 +7838,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         emit2("click", { query: props.item });
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$11, [
-          createBaseVNode("div", _hoisted_2$H, [
+        return openBlock(), createElementBlock("div", _hoisted_1$18, [
+          createBaseVNode("div", _hoisted_2$M, [
             createBaseVNode("div", {
               class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
               onClick: click2
@@ -7847,11 +7853,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$10 = {
+  const _hoisted_1$17 = {
     key: 0,
     class: "lupa-search-box-history-panel"
   };
-  const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1e = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxHistoryPanel",
     props: {
       options: {}
@@ -7892,9 +7898,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         }
       };
       return (_ctx, _cache) => {
-        return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$10, [
+        return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$17, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(history), (item, index) => {
-            return openBlock(), createBlock(_sfc_main$18, {
+            return openBlock(), createBlock(_sfc_main$1f, {
               key: item,
               item,
               highlighted: index === highlightIndex.value,
@@ -7910,26 +7916,26 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  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__ */ defineComponent({
+  const _sfc_main$1d = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxSuggestion",
     props: {
       suggestion: {},
@@ -7965,20 +7971,20 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             class: "lupa-suggestion-value",
             "data-cy": "lupa-suggestion-value",
             innerHTML: _ctx.suggestion.displayHighlight
-          }, null, 8, _hoisted_1$$)) : (openBlock(), createElementBlock("div", _hoisted_2$G, toDisplayString(_ctx.suggestion.display), 1)),
-          _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$u, [
-            createBaseVNode("span", _hoisted_4$n, toDisplayString(facetLabel.value), 1),
-            createBaseVNode("span", _hoisted_5$b, toDisplayString(_ctx.suggestion.facet.title), 1)
+          }, null, 8, _hoisted_1$16)) : (openBlock(), createElementBlock("div", _hoisted_2$L, toDisplayString(_ctx.suggestion.display), 1)),
+          _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$z, [
+            createBaseVNode("span", _hoisted_4$q, toDisplayString(facetLabel.value), 1),
+            createBaseVNode("span", _hoisted_5$e, toDisplayString(_ctx.suggestion.facet.title), 1)
           ])) : 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__ */ defineComponent({
+  const _sfc_main$1c = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxSuggestions",
     props: {
       items: {},
@@ -8038,9 +8044,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         });
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$_, [
+        return openBlock(), createElementBlock("div", _hoisted_1$15, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
-            return openBlock(), createBlock(_sfc_main$16, {
+            return openBlock(), createBlock(_sfc_main$1d, {
               key: getSuggestionKey(item),
               class: normalizeClass(["lupa-suggestion", index === highlightedIndex.value ? "lupa-suggestion-highlighted" : ""]),
               suggestion: item,
@@ -8068,7 +8074,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }, timeout);
     };
   };
-  const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1b = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxSuggestionsWrapper",
     props: {
       panel: {},
@@ -8109,7 +8115,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       const getSuggestionsDebounced = debounce$1(getSuggestions, props.debounce);
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(_sfc_main$15, {
+        return openBlock(), createBlock(_sfc_main$1c, {
           items: searchResult.value,
           highlight: _ctx.panel.highlight,
           queryKey: _ctx.panel.queryKey,
@@ -8187,8 +8193,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     });
     return { dynamicDataIdMap, loading, enhanceSearchResultsWithDynamicData };
   });
-  const _hoisted_1$Z = ["src"];
-  const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$14 = ["src"];
+  const _sfc_main$1a = /* @__PURE__ */ defineComponent({
     __name: "ProductImage",
     props: {
       item: {},
@@ -8236,12 +8242,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             class: 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__ */ defineComponent({
+  const _sfc_main$19 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductImage",
     props: {
       item: {},
@@ -8249,7 +8255,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(_sfc_main$13, {
+        return openBlock(), createBlock(_sfc_main$1a, {
           item: _ctx.item,
           options: _ctx.options,
           "wrapper-class": "lupa-search-box-image-wrapper",
@@ -8258,12 +8264,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  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__ */ defineComponent({
+  const _sfc_main$18 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductTitle",
     props: {
       item: {},
@@ -8283,18 +8289,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           key: 0,
           class: "lupa-search-box-product-title",
           innerHTML: title.value
-        }, null, 8, _hoisted_1$Y)) : (openBlock(), createElementBlock("div", _hoisted_2$F, [
+        }, null, 8, _hoisted_1$13)) : (openBlock(), createElementBlock("div", _hoisted_2$K, [
           createBaseVNode("strong", null, 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__ */ defineComponent({
+  const _sfc_main$17 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductDescription",
     props: {
       item: {},
@@ -8314,12 +8320,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           key: 0,
           class: "lupa-search-box-product-description",
           innerHTML: description.value
-        }, null, 8, _hoisted_1$X)) : (openBlock(), createElementBlock("div", _hoisted_2$E, toDisplayString(description.value), 1));
+        }, null, 8, _hoisted_1$12)) : (openBlock(), createElementBlock("div", _hoisted_2$J, toDisplayString(description.value), 1));
       };
     }
   });
-  const _hoisted_1$W = { class: "lupa-search-box-product-price" };
-  const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$11 = { class: "lupa-search-box-product-price" };
+  const _sfc_main$16 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductPrice",
     props: {
       item: {},
@@ -8337,14 +8343,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         );
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$W, [
+        return openBlock(), createElementBlock("div", _hoisted_1$11, [
           createBaseVNode("strong", null, toDisplayString(price.value), 1)
         ]);
       };
     }
   });
-  const _hoisted_1$V = { class: "lupa-search-box-product-regular-price" };
-  const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$10 = { class: "lupa-search-box-product-regular-price" };
+  const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductRegularPrice",
     props: {
       item: {},
@@ -8362,16 +8368,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         );
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$V, toDisplayString(price.value), 1);
+        return openBlock(), createElementBlock("div", _hoisted_1$10, 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__ */ 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__ */ defineComponent({
     __name: "SearchBoxProductCustom",
     props: {
       item: {},
@@ -8397,20 +8403,20 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           key: 0,
           class: [className.value, "lupa-search-box-product-custom"],
           innerHTML: text.value
-        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$U)) : (openBlock(), createElementBlock("div", mergeProps({
+        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$$)) : (openBlock(), createElementBlock("div", mergeProps({
           key: 1,
           class: [className.value, "lupa-search-box-product-custom"]
         }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
-          !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$D, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$t, [
-            createBaseVNode("div", _hoisted_4$m, toDisplayString(label.value), 1),
-            createBaseVNode("div", _hoisted_5$a, toDisplayString(text.value), 1)
+          !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$I, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$y, [
+            createBaseVNode("div", _hoisted_4$p, toDisplayString(label.value), 1),
+            createBaseVNode("div", _hoisted_5$d, toDisplayString(text.value), 1)
           ]))
         ], 16));
       };
     }
   });
-  const _hoisted_1$T = ["innerHTML"];
-  const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$_ = ["innerHTML"];
+  const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductCustomHtml",
     props: {
       item: {},
@@ -8430,7 +8436,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return openBlock(), createElementBlock("div", mergeProps({
           class: className.value,
           innerHTML: text.value
-        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$T);
+        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$_);
       };
     }
   });
@@ -8625,10 +8631,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       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__ */ 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__ */ defineComponent({
     __name: "SearchBoxProductAddToCart",
     props: {
       item: {},
@@ -8655,15 +8661,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         loading.value = false;
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$S, [
-          createBaseVNode("div", _hoisted_2$C, [
+        return openBlock(), createElementBlock("div", _hoisted_1$Z, [
+          createBaseVNode("div", _hoisted_2$H, [
             createBaseVNode("button", {
               onClick: withModifiers(handleClick, ["stop", "prevent"]),
               class: 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
-            }, toDisplayString(label.value), 11, _hoisted_3$s)
+            }, toDisplayString(label.value), 11, _hoisted_3$x)
           ])
         ]);
       };
@@ -8671,17 +8677,17 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   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__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$4), {
+  const _sfc_main$11 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$4), {
     __name: "SearchBoxProductElement",
     props: {
       item: {},
@@ -8795,14 +8801,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     };
     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__ */ defineComponent({
+  const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProduct",
     props: {
       item: {},
@@ -8895,9 +8901,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           href: link.value,
           onClick: handleClick
         }, [
-          createBaseVNode("div", _hoisted_2$B, [
+          createBaseVNode("div", _hoisted_2$G, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
-              return openBlock(), createBlock(_sfc_main$W, {
+              return openBlock(), createBlock(_sfc_main$11, {
                 class: "lupa-search-box-product-element",
                 item: _ctx.item,
                 element,
@@ -8907,9 +8913,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               }, null, 8, ["item", "element", "labels", "link"]);
             }), 128))
           ]),
-          createBaseVNode("div", _hoisted_3$r, [
+          createBaseVNode("div", _hoisted_3$w, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
-              return openBlock(), createBlock(_sfc_main$W, {
+              return openBlock(), createBlock(_sfc_main$11, {
                 class: "lupa-search-box-product-element",
                 item: _ctx.item,
                 element,
@@ -8919,8 +8925,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               }, null, 8, ["item", "element", "labels", "link"]);
             }), 128))
           ]),
-          addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$l, [
-            createVNode(_sfc_main$W, {
+          addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
+            createVNode(_sfc_main$11, {
               class: "lupa-search-box-product-element",
               item: _ctx.item,
               element: addToCartElement.value,
@@ -8929,12 +8935,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               isInStock: isInStock.value
             }, null, 8, ["item", "element", "labels", "link", "isInStock"])
           ])) : createCommentVNode("", true)
-        ], 10, _hoisted_1$R);
+        ], 10, _hoisted_1$Y);
       };
     }
   });
-  const _hoisted_1$Q = { id: "lupa-search-box-products" };
-  const _sfc_main$U = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$X = { id: "lupa-search-box-products" };
+  const _sfc_main$$ = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProducts",
     props: {
       items: {},
@@ -8954,7 +8960,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return (_c = (_b = highlightedItem.value) == null ? void 0 : _b.index) != null ? _c : -1;
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$Q, [
+        return openBlock(), createElementBlock("div", _hoisted_1$X, [
           _ctx.$slots.productCard ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.items, (item, index) => {
             return renderSlot(_ctx.$slots, "productCard", {
               key: index,
@@ -8966,7 +8972,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               onProductClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("product-click"))
             });
           }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.items, (item, index) => {
-            return openBlock(), createBlock(_sfc_main$V, {
+            return openBlock(), createBlock(_sfc_main$10, {
               key: index,
               item,
               panelOptions: _ctx.panelOptions,
@@ -8980,7 +8986,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _sfc_main$T = /* @__PURE__ */ defineComponent({
+  const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductsWrapper",
     props: {
       panel: {},
@@ -9032,7 +9038,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const getItemsDebounced = debounce$1(getItems, props.debounce);
       return (_ctx, _cache) => {
         var _a, _b;
-        return openBlock(), createBlock(_sfc_main$U, {
+        return openBlock(), createBlock(_sfc_main$$, {
           items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
           panelOptions: _ctx.panel,
           labels: _ctx.labels,
@@ -9050,26 +9056,26 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  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__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$3), {
+  const _sfc_main$Z = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$3), {
     __name: "SearchBoxMainPanel",
     props: {
       options: {},
@@ -9183,8 +9189,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           ref_key: "panelContainer",
           ref: panelContainer
         }, [
-          displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$P, [
-            createBaseVNode("div", _hoisted_2$A, [
+          displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$W, [
+            createBaseVNode("div", _hoisted_2$F, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(displayPanels.value, (panel, index) => {
                 return openBlock(), createElementBlock("div", {
                   key: index,
@@ -9213,16 +9219,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                       key: "0"
                     } : void 0
                   ]), 1064, ["panel", "options", "debounce", "inputValue", "labels"])) : createCommentVNode("", true)
-                ], 10, _hoisted_3$q);
+                ], 10, _hoisted_3$v);
               }), 128))
             ]),
-            createVNode(_sfc_main$19, {
+            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 ? (openBlock(), createElementBlock("div", _hoisted_4$k, [
-            createVNode(_sfc_main$17, {
+          ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
+            createVNode(_sfc_main$1e, {
               options: _ctx.options.history,
               history: history.value,
               onGoToResults: handleGoToResults,
@@ -9247,9 +9253,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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__ */ defineComponent({
+  const _hoisted_1$V = { id: "lupa-search-box" };
+  const _hoisted_2$E = { class: "lupa-search-box-wrapper" };
+  const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     __name: "SearchBox",
     props: {
       options: {},
@@ -9482,9 +9488,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       return (_ctx, _cache) => {
         var _a2;
-        return openBlock(), createElementBlock("div", _hoisted_1$O, [
-          createBaseVNode("div", _hoisted_2$z, [
-            createVNode(_sfc_main$1a, {
+        return openBlock(), createElementBlock("div", _hoisted_1$V, [
+          createBaseVNode("div", _hoisted_2$E, [
+            createVNode(_sfc_main$1h, {
               options: inputOptions.value,
               suggestedValue: suggestedValue.value,
               "can-close": (_a2 = _ctx.isSearchContainer) != null ? _a2 : false,
@@ -9495,7 +9501,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               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 ? (openBlock(), createBlock(_sfc_main$S, {
+            opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$Z, {
               key: 0,
               options: panelOptions.value,
               inputValue: inputValue.value,
@@ -9582,20 +9588,20 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     return searchParams;
   };
-  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__ */ defineComponent({
+  const _hoisted_4$m = { key: 1 };
+  const _sfc_main$X = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsDidYouMean",
     props: {
       labels: {}
@@ -9627,8 +9633,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         paramStore.goToResults({ searchText, facet });
       };
       return (_ctx, _cache) => {
-        return unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_1$N, [
-          unref(searchResult).suggestedSearchText ? (openBlock(), createElementBlock("div", _hoisted_2$y, [
+        return unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_1$U, [
+          unref(searchResult).suggestedSearchText ? (openBlock(), createElementBlock("div", _hoisted_2$D, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.labels.noResultsSuggestion.split(" "), (label, index) => {
               return openBlock(), createElementBlock("span", { key: index }, [
                 createBaseVNode("span", {
@@ -9637,7 +9643,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               ]);
             }), 128))
           ])) : createCommentVNode("", true),
-          didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$p, [
+          didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$u, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.labels.didYouMean.split(" "), (label, index) => {
               return openBlock(), createElementBlock("span", { key: index }, [
                 label.includes("{1}") ? (openBlock(), createElementBlock("span", {
@@ -9645,7 +9651,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   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 }))
-                }, toDisplayString(didYouMeanValue.value) + " ", 1)) : (openBlock(), createElementBlock("span", _hoisted_4$j, toDisplayString(label) + " ", 1))
+                }, toDisplayString(didYouMeanValue.value) + " ", 1)) : (openBlock(), createElementBlock("span", _hoisted_4$m, toDisplayString(label) + " ", 1))
               ]);
             }), 128))
           ])) : createCommentVNode("", true)
@@ -9653,12 +9659,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  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__ */ defineComponent({
+  const _hoisted_2$C = ["innerHTML"];
+  const _sfc_main$W = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsSummary",
     props: {
       label: {},
@@ -9673,8 +9679,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return addParamsToLabel(props.label, range, `<span>${totalItems.value}</span>`);
       });
       return (_ctx, _cache) => {
-        return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$M, [
-          createBaseVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$x),
+        return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$T, [
+          createBaseVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$C),
           _ctx.clearable ? (openBlock(), createElementBlock("span", {
             key: 0,
             class: "lupa-filter-clear",
@@ -9685,18 +9691,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  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__ */ defineComponent({
+  const _hoisted_4$l = ["innerHTML"];
+  const _sfc_main$V = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsTitle",
     props: {
       options: {},
@@ -9731,12 +9737,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       });
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", null, [
-          showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$L, [
+          showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$S, [
             createTextVNode(toDisplayString(_ctx.options.labels.searchResults), 1),
-            queryText.value ? (openBlock(), createElementBlock("span", _hoisted_2$w, "'" + toDisplayString(queryText.value) + "'", 1)) : createCommentVNode("", true),
-            showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$o, "(" + toDisplayString(unref(totalItems)) + ")", 1)) : createCommentVNode("", true)
+            queryText.value ? (openBlock(), createElementBlock("span", _hoisted_2$B, "'" + toDisplayString(queryText.value) + "'", 1)) : createCommentVNode("", true),
+            showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$t, "(" + toDisplayString(unref(totalItems)) + ")", 1)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
-          _ctx.showSummary ? (openBlock(), createBlock(_sfc_main$P, {
+          _ctx.showSummary ? (openBlock(), createBlock(_sfc_main$W, {
             key: 1,
             label: summaryLabel.value
           }, null, 8, ["label"])) : createCommentVNode("", true),
@@ -9744,21 +9750,21 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             key: 2,
             class: "lupa-result-page-description-top",
             innerHTML: descriptionTop.value
-          }, null, 8, _hoisted_4$i)) : createCommentVNode("", true)
+          }, null, 8, _hoisted_4$l)) : 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__ */ defineComponent({
+  const _sfc_main$U = /* @__PURE__ */ defineComponent({
     __name: "CurrentFilterDisplay",
     props: {
       filter: {}
@@ -9770,28 +9776,28 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         emit2("remove", { filter: props.filter });
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$K, [
+        return openBlock(), createElementBlock("div", _hoisted_1$R, [
           createBaseVNode("div", {
             class: "lupa-current-filter-action",
             onClick: handleClick
           }, "⨉"),
-          createBaseVNode("div", _hoisted_2$v, toDisplayString(_ctx.filter.label) + ": ", 1),
-          createBaseVNode("div", _hoisted_3$n, toDisplayString(_ctx.filter.value), 1)
+          createBaseVNode("div", _hoisted_2$A, toDisplayString(_ctx.filter.label) + ": ", 1),
+          createBaseVNode("div", _hoisted_3$s, 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__ */ defineComponent({
+  const _hoisted_4$k = { class: "lupa-current-filter-list" };
+  const _sfc_main$T = /* @__PURE__ */ defineComponent({
     __name: "CurrentFilters",
     props: {
       options: {},
@@ -9846,19 +9852,19 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             class: "lupa-current-filter-title",
             onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
           }, [
-            createBaseVNode("div", _hoisted_1$J, [
+            createBaseVNode("div", _hoisted_1$Q, [
               createTextVNode(toDisplayString((_c = (_b = (_a = _ctx.options) == null ? void 0 : _a.labels) == null ? void 0 : _b.title) != null ? _c : "") + " ", 1),
-              _ctx.expandable ? (openBlock(), createElementBlock("span", _hoisted_2$u, " (" + toDisplayString(unref(currentFilterCount)) + ") ", 1)) : createCommentVNode("", true)
+              _ctx.expandable ? (openBlock(), createElementBlock("span", _hoisted_2$z, " (" + toDisplayString(unref(currentFilterCount)) + ") ", 1)) : createCommentVNode("", true)
             ]),
             _ctx.expandable ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: normalizeClass(["lupa-filter-title-caret", isOpen.value && "open"])
             }, null, 2)) : createCommentVNode("", true)
           ]),
-          !_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$m, [
-            createBaseVNode("div", _hoisted_4$h, [
+          !_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$r, [
+            createBaseVNode("div", _hoisted_4$k, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(displayFilters), (filter) => {
-                return openBlock(), createBlock(_sfc_main$N, {
+                return openBlock(), createBlock(_sfc_main$U, {
                   key: filter.key + "_" + filter.value,
                   filter,
                   onRemove: handleRemove
@@ -9875,8 +9881,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$I = ["href"];
-  const _sfc_main$L = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$P = ["href"];
+  const _sfc_main$S = /* @__PURE__ */ defineComponent({
     __name: "CategoryFilterItem",
     props: {
       options: {},
@@ -9913,20 +9919,20 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             "data-cy": "lupa-child-category-item",
             href: urlLink.value,
             onClick: handleNavigation
-          }, toDisplayString(title.value), 9, _hoisted_1$I)
+          }, 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__ */ 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__ */ defineComponent({
     __name: "CategoryFilter",
     props: {
       options: {}
@@ -10012,14 +10018,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$H, [
-          createBaseVNode("div", _hoisted_2$t, [
+        return openBlock(), createElementBlock("div", _hoisted_1$O, [
+          createBaseVNode("div", _hoisted_2$y, [
             hasBackButton.value ? (openBlock(), createElementBlock("a", {
               key: 0,
               "data-cy": "lupa-category-back",
               href: backUrlLink.value,
               onClick: handleNavigationBack
-            }, toDisplayString(backTitle.value), 9, _hoisted_3$l)) : createCommentVNode("", true)
+            }, toDisplayString(backTitle.value), 9, _hoisted_3$q)) : createCommentVNode("", true)
           ]),
           createBaseVNode("div", {
             class: normalizeClass(["lupa-current-category", { "lupa-current-category-active": isActive }])
@@ -10029,11 +10035,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               href: parentUrlLink.value,
               class: normalizeClass({ "lupa-title-category": !hasBackButton.value }),
               onClick: handleNavigationParent
-            }, toDisplayString(parentTitle.value), 11, _hoisted_4$g)
+            }, toDisplayString(parentTitle.value), 11, _hoisted_4$j)
           ], 2),
-          createBaseVNode("div", _hoisted_5$9, [
+          createBaseVNode("div", _hoisted_5$c, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(categoryChildren.value, (child) => {
-              return openBlock(), createBlock(_sfc_main$L, {
+              return openBlock(), createBlock(_sfc_main$S, {
                 key: getCategoryKey(child),
                 item: child,
                 options: _ctx.options
@@ -10044,23 +10050,23 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  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__ */ defineComponent({
+  const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     __name: "TermFacet",
     props: {
       options: {},
@@ -10129,17 +10135,17 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return selectedItems == null ? void 0 : selectedItems.includes((_b = item.title) == null ? void 0 : _b.toString());
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$G, [
+        return openBlock(), createElementBlock("div", _hoisted_1$N, [
           isFilterable.value ? withDirectives((openBlock(), 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)), [
             [vModelText, termFilter.value]
           ]) : createCommentVNode("", true),
-          createBaseVNode("div", _hoisted_3$k, [
+          createBaseVNode("div", _hoisted_3$p, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(displayValues.value, (item) => {
               return openBlock(), createElementBlock("div", {
                 class: normalizeClass(["lupa-facet-term", { checked: isChecked(item) }]),
@@ -10147,16 +10153,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 key: item.title,
                 onClick: ($event) => handleFacetClick(item)
               }, [
-                createBaseVNode("div", _hoisted_5$8, [
+                createBaseVNode("div", _hoisted_5$b, [
                   createBaseVNode("span", {
                     class: normalizeClass(["lupa-term-checkbox", { checked: isChecked(item) }])
                   }, null, 2)
                 ]),
-                createBaseVNode("div", _hoisted_6$5, [
-                  createBaseVNode("span", _hoisted_7$5, toDisplayString(item.title), 1),
+                createBaseVNode("div", _hoisted_6$7, [
+                  createBaseVNode("span", _hoisted_7$6, toDisplayString(item.title), 1),
                   _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_8$1, "(" + toDisplayString(item.count) + ")", 1)) : createCommentVNode("", true)
                 ])
-              ], 10, _hoisted_4$f);
+              ], 10, _hoisted_4$i);
             }), 128))
           ]),
           displayShowMore.value ? (openBlock(), createElementBlock("div", {
@@ -11147,22 +11153,22 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   m.render = function(e, t, r, i, n, o) {
     return openBlock(), createElementBlock("div", 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__ */ createBaseVNode("div", { class: "lupa-stats-separator" }, null, -1);
   const _hoisted_9 = {
     key: 0,
@@ -11175,7 +11181,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 2,
     class: "lupa-stats-slider-wrapper"
   };
-  const _sfc_main$I = /* @__PURE__ */ defineComponent({
+  const _sfc_main$P = /* @__PURE__ */ defineComponent({
     __name: "StatsFacet",
     props: {
       options: {},
@@ -11323,11 +11329,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         innerSliderRange.value = value;
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$F, [
-          !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$r, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$j, [
+        return openBlock(), createElementBlock("div", _hoisted_1$M, [
+          !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$w, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$o, [
             createBaseVNode("div", null, [
-              rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$e, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
-              createBaseVNode("div", _hoisted_5$7, [
+              rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$h, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
+              createBaseVNode("div", _hoisted_5$a, [
                 withDirectives(createBaseVNode("input", {
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
                   type: "text",
@@ -11335,7 +11341,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   max: facetMax.value,
                   min: facetMin.value,
                   pattern: sliderInputFormat.value
-                }, null, 8, _hoisted_6$4), [
+                }, null, 8, _hoisted_6$6), [
                   [
                     vModelText,
                     fromValue.value,
@@ -11343,7 +11349,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                     { lazy: true }
                   ]
                 ]),
-                isPrice.value ? (openBlock(), createElementBlock("span", _hoisted_7$4, toDisplayString(currency.value), 1)) : createCommentVNode("", true)
+                isPrice.value ? (openBlock(), createElementBlock("span", _hoisted_7$5, toDisplayString(currency.value), 1)) : createCommentVNode("", true)
               ])
             ]),
             _hoisted_8,
@@ -11387,18 +11393,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  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__ */ defineComponent({
+  const _sfc_main$O = /* @__PURE__ */ defineComponent({
     __name: "HierarchyFacetLevel",
     props: {
       options: {},
@@ -11444,17 +11450,17 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             "data-cy": "lupa-facet-term",
             onClick: _cache[0] || (_cache[0] = ($event) => handleFacetClick(_ctx.item))
           }, [
-            createBaseVNode("div", _hoisted_1$E, [
+            createBaseVNode("div", _hoisted_1$L, [
               createBaseVNode("span", {
                 class: normalizeClass(["lupa-term-checkbox", { checked: isChecked.value }])
               }, null, 2)
             ]),
-            createBaseVNode("div", _hoisted_2$q, [
-              createBaseVNode("span", _hoisted_3$i, toDisplayString(_ctx.item.title) + toDisplayString(" "), 1),
-              _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_4$d, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
+            createBaseVNode("div", _hoisted_2$v, [
+              createBaseVNode("span", _hoisted_3$n, toDisplayString(_ctx.item.title) + toDisplayString(" "), 1),
+              _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_4$g, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
             ])
           ]),
-          showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_5$6, [
+          showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_5$9, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(treeItem.value.children, (itemChild) => {
               return openBlock(), createBlock(_component_HierarchyFacetLevel, {
                 key: itemChild.title,
@@ -11470,13 +11476,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  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__ */ defineComponent({
+  const _hoisted_2$u = { key: 0 };
+  const _hoisted_3$m = ["placeholder"];
+  const _sfc_main$N = /* @__PURE__ */ defineComponent({
     __name: "HierarchyFacet",
     props: {
       options: {},
@@ -11526,19 +11532,19 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         showAll.value = true;
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$D, [
-          isFilterable.value ? (openBlock(), createElementBlock("div", _hoisted_2$p, [
+        return openBlock(), createElementBlock("div", _hoisted_1$K, [
+          isFilterable.value ? (openBlock(), createElementBlock("div", _hoisted_2$u, [
             withDirectives(createBaseVNode("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), [
               [vModelText, termFilter.value]
             ])
           ])) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment, null, renderList(displayValues.value, (item) => {
-            return openBlock(), createBlock(_sfc_main$H, {
+            return openBlock(), createBlock(_sfc_main$O, {
               key: item.title,
               options: _ctx.options,
               item,
@@ -11558,20 +11564,20 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  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__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$2), {
+  const _sfc_main$M = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$2), {
     __name: "FacetDisplay",
     props: {
       options: {},
@@ -11682,12 +11688,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             "data-cy": "lupa-search-result-facet-label",
             onClick: toggleFacet
           }, [
-            createBaseVNode("div", _hoisted_1$C, toDisplayString(facet.value.label), 1),
+            createBaseVNode("div", _hoisted_1$J, toDisplayString(facet.value.label), 1),
             createBaseVNode("div", {
               class: normalizeClass(["lupa-facet-label-caret", isOpen.value && "open"])
             }, null, 2)
           ], 2),
-          isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_2$o, [
+          isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_2$t, [
             (openBlock(), createBlock(resolveDynamicComponent(facetType.value), {
               facet: facet.value,
               currentFilters: currentFilters.value[facet.value.key],
@@ -11705,12 +11711,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   }));
-  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__ */ defineComponent({
+  const _sfc_main$L = /* @__PURE__ */ defineComponent({
     __name: "FacetList",
     props: {
       options: {},
@@ -11744,14 +11750,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       return (_ctx, _cache) => {
         var _a;
-        return openBlock(), createElementBlock("div", _hoisted_1$B, [
-          _ctx.options.labels.title ? (openBlock(), createElementBlock("div", _hoisted_2$n, toDisplayString(_ctx.options.labels.title), 1)) : createCommentVNode("", true),
+        return openBlock(), createElementBlock("div", _hoisted_1$I, [
+          _ctx.options.labels.title ? (openBlock(), createElementBlock("div", _hoisted_2$s, toDisplayString(_ctx.options.labels.title), 1)) : createCommentVNode("", true),
           createBaseVNode("div", {
             class: normalizeClass(["lupa-search-result-facet-list", "lupa-" + ((_a = _ctx.facetStyle) != null ? _a : "")])
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(displayFacets.value, (facet) => {
               var _a2;
-              return openBlock(), createBlock(_sfc_main$F, {
+              return openBlock(), createBlock(_sfc_main$M, {
                 key: facet.key,
                 facet,
                 currentFilters: currentFiltersValue.value,
@@ -11766,8 +11772,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$A = { class: "lupa-search-result-facets" };
-  const _sfc_main$D = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$H = { class: "lupa-search-result-facets" };
+  const _sfc_main$K = /* @__PURE__ */ defineComponent({
     __name: "Facets",
     props: {
       options: {},
@@ -11813,8 +11819,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         paramStore.removeParameters({ paramsToRemove: [param] });
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$A, [
-          regularFacets.value ? (openBlock(), createBlock(_sfc_main$E, {
+        return openBlock(), createElementBlock("div", _hoisted_1$H, [
+          regularFacets.value ? (openBlock(), createBlock(_sfc_main$L, {
             key: 0,
             options: _ctx.options,
             facets: regularFacets.value,
@@ -11828,11 +11834,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$z = {
+  const _hoisted_1$G = {
     id: "lupa-search-result-filters",
     class: "lupa-search-result-filters"
   };
-  const _sfc_main$C = /* @__PURE__ */ defineComponent({
+  const _sfc_main$J = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsFilters",
     props: {
       options: {},
@@ -11861,19 +11867,19 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
         var _a;
-        return openBlock(), createElementBlock("div", _hoisted_1$z, [
-          showCurrentFilters.value ? (openBlock(), createBlock(_sfc_main$M, {
+        return openBlock(), createElementBlock("div", _hoisted_1$G, [
+          showCurrentFilters.value ? (openBlock(), createBlock(_sfc_main$T, {
             key: 0,
             options: _ctx.options.currentFilters,
             expandable: (_a = _ctx.expandable) != null ? _a : false
           }, null, 8, ["options", "expandable"])) : createCommentVNode("", true),
-          _ctx.options.categories ? (openBlock(), createBlock(_sfc_main$K, {
+          _ctx.options.categories ? (openBlock(), createBlock(_sfc_main$R, {
             key: 1,
             options: _ctx.options.categories,
             ref_key: "categoryFilters",
             ref: categoryFilters
           }, null, 8, ["options"])) : createCommentVNode("", true),
-          _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$D, {
+          _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$K, {
             key: 2,
             options: _ctx.options.facets
           }, null, 8, ["options"])) : createCommentVNode("", true)
@@ -11881,20 +11887,20 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  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__ */ defineComponent({
+  const _hoisted_7$4 = { class: "lupa-sidebar-filter-options" };
+  const _sfc_main$I = /* @__PURE__ */ defineComponent({
     __name: "MobileFilterSidebar",
     props: {
       options: {}
@@ -11920,24 +11926,24 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         searchResultStore.setSidebarState({ visible: false });
       };
       return (_ctx, _cache) => {
-        return isMobileSidebarVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$y, [
+        return isMobileSidebarVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$F, [
           createBaseVNode("div", {
             class: "lupa-sidebar-close",
             onClick: withModifiers(handleMobileToggle, ["stop"])
-          }, null, 8, _hoisted_2$m),
-          createBaseVNode("div", _hoisted_3$g, [
-            createBaseVNode("div", _hoisted_4$c, [
-              createBaseVNode("div", _hoisted_5$5, [
+          }, null, 8, _hoisted_2$r),
+          createBaseVNode("div", _hoisted_3$l, [
+            createBaseVNode("div", _hoisted_4$f, [
+              createBaseVNode("div", _hoisted_5$8, [
                 createTextVNode(toDisplayString(sidebarTitle.value) + " ", 1),
-                isFilterCountVisible.value ? (openBlock(), createElementBlock("span", _hoisted_6$3, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
+                isFilterCountVisible.value ? (openBlock(), createElementBlock("span", _hoisted_6$5, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
               ]),
               createBaseVNode("div", {
                 class: "lupa-filter-toggle-mobile",
                 onClick: handleMobileToggle
               })
             ]),
-            createBaseVNode("div", _hoisted_7$3, [
-              createVNode(_sfc_main$C, {
+            createBaseVNode("div", _hoisted_7$4, [
+              createVNode(_sfc_main$J, {
                 options: _ctx.options,
                 expandable: isActiveFiltersExpanded.value
               }, null, 8, ["options", "expandable"])
@@ -11947,14 +11953,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  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__ */ defineComponent({
+  const _hoisted_4$e = { key: 2 };
+  const _sfc_main$H = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsBreadcrumbs",
     props: {
       breadcrumbs: {}
@@ -11979,7 +11985,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         handleRoutingEvent(link, event, hasEventRouting.value);
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$x, [
+        return openBlock(), createElementBlock("div", _hoisted_1$E, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(breadcrumbsValue.value, (breadcrumb, index) => {
             return openBlock(), createElementBlock("span", {
               class: "lupa-search-results-breadcrumb",
@@ -11993,19 +11999,19 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   var _a;
                   return handleNavigation(e, (_a = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a : "");
                 }
-              }, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$l)) : (openBlock(), createElementBlock("span", _hoisted_3$f, toDisplayString(getLabel(breadcrumb.label)), 1)),
-              index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$b, " / ")) : createCommentVNode("", true)
+              }, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$q)) : (openBlock(), createElementBlock("span", _hoisted_3$k, toDisplayString(getLabel(breadcrumb.label)), 1)),
+              index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$e, " / ")) : 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__ */ defineComponent({
+  const _sfc_main$G = /* @__PURE__ */ defineComponent({
     __name: "FiltersTopDropdown",
     props: {
       options: {}
@@ -12013,8 +12019,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     setup(__props) {
       return (_ctx, _cache) => {
         var _a;
-        return openBlock(), createElementBlock("div", _hoisted_1$w, [
-          _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$D, {
+        return openBlock(), createElementBlock("div", _hoisted_1$D, [
+          _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$K, {
             key: 0,
             options: _ctx.options.facets,
             "facet-style": (_a = _ctx.options.facets.style) == null ? void 0 : _a.type,
@@ -12024,8 +12030,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$v = { id: "lupa-search-results-layout-selection" };
-  const _sfc_main$y = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$C = { id: "lupa-search-results-layout-selection" };
+  const _sfc_main$F = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsLayoutSelection",
     setup(__props) {
       const searchResultStore = useSearchResultStore();
@@ -12036,7 +12042,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         searchResultStore.setLayout(layout2);
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$v, [
+        return openBlock(), createElementBlock("div", _hoisted_1$C, [
           createBaseVNode("div", {
             class: normalizeClass([
               "lupa-layout-selection-grid",
@@ -12058,11 +12064,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$u = {
+  const _hoisted_1$B = {
     key: 0,
     class: "lupa-mobile-toggle-filter-count"
   };
-  const _sfc_main$x = /* @__PURE__ */ defineComponent({
+  const _sfc_main$E = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsMobileToggle",
     props: {
       label: {},
@@ -12080,26 +12086,26 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           onClick: handleMobileToggle
         }, [
           createTextVNode(toDisplayString(_ctx.label) + " ", 1),
-          _ctx.showFilterCount && unref(currentFilterCount) > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$u, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
+          _ctx.showFilterCount && unref(currentFilterCount) > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$B, toDisplayString(unref(currentFilterCount)), 1)) : 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__ */ defineComponent({
+  const _sfc_main$D = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsPageSelect",
     props: {
       lastPageLabel: {},
@@ -12161,7 +12167,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         }
       };
       return (_ctx, _cache) => {
-        return showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_1$t, [
+        return showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_1$A, [
           showBack.value ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(firstPageLabel.value === "<" ? "lupa-page-arrow" : "lupa-show-less"),
@@ -12172,7 +12178,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               class: "lupa-page-number lupa-page-number-first",
               onClick: _cache[1] || (_cache[1] = () => handlePageChange(1))
             }, " 1 "),
-            showFirstPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_2$k, "...")) : createCommentVNode("", true)
+            showFirstPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_2$p, "...")) : createCommentVNode("", true)
           ], 64)) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment, null, renderList(pages.value, (page) => {
             return openBlock(), createElementBlock("div", {
@@ -12183,10 +12189,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 page === _ctx.options.selectedPage ? "lupa-page-number-selected" : ""
               ]),
               "data-cy": "lupa-page-number"
-            }, toDisplayString(page), 11, _hoisted_3$e);
+            }, toDisplayString(page), 11, _hoisted_3$j);
           }), 128)),
           showLastPage.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-            showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_4$a, "...")) : createCommentVNode("", true),
+            showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_4$d, "...")) : createCommentVNode("", true),
             createBaseVNode("div", {
               class: "lupa-page-number lupa-page-number-last",
               onClick: _cache[2] || (_cache[2] = () => {
@@ -12205,13 +12211,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  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__ */ defineComponent({
+  const _hoisted_2$o = { id: "lupa-select" };
+  const _hoisted_3$i = { class: "lupa-select-label" };
+  const _sfc_main$C = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsPageSize",
     props: {
       label: {},
@@ -12228,9 +12234,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         });
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$s, [
-          createBaseVNode("div", _hoisted_2$j, [
-            createBaseVNode("label", _hoisted_3$d, toDisplayString(_ctx.label), 1),
+        return openBlock(), createElementBlock("div", _hoisted_1$z, [
+          createBaseVNode("div", _hoisted_2$o, [
+            createBaseVNode("label", _hoisted_3$i, toDisplayString(_ctx.label), 1),
             createBaseVNode("select", {
               class: "lupa-select-dropdown",
               "data-cy": "lupa-page-size-select-dropdown",
@@ -12247,17 +12253,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  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__ */ 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__ */ defineComponent({
     __name: "SearchResultsSort",
     props: {
-      options: {}
+      options: {},
+      callbacks: {}
     },
     setup(__props) {
       const props = __props;
@@ -12285,20 +12292,21 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         setSortValue();
       });
       const handleSelect = () => {
-        var _a;
+        var _a, _b, _c;
         const value = (_a = sortItems.value.find((x) => x.key === selectedKey.value)) == null ? void 0 : _a.key;
         if (!value) {
           return;
         }
+        (_c = (_b = props.callbacks) == null ? void 0 : _b.onSortChange) == null ? void 0 : _c.call(_b, { selectedSortKey: value });
         paramStore.appendParams({
           params: [{ name: QUERY_PARAMS$1.SORT, value }],
           paramsToRemove: [QUERY_PARAMS$1.PAGE]
         });
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$r, [
-          createBaseVNode("div", _hoisted_2$i, [
-            createBaseVNode("label", _hoisted_3$c, toDisplayString(_ctx.options.label), 1),
+        return openBlock(), createElementBlock("div", _hoisted_1$y, [
+          createBaseVNode("div", _hoisted_2$n, [
+            createBaseVNode("label", _hoisted_3$h, toDisplayString(_ctx.options.label), 1),
             withDirectives(createBaseVNode("select", {
               class: "lupa-select-dropdown",
               "data-cy": "lupa-sort-select-dropdown",
@@ -12310,7 +12318,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 return openBlock(), createElementBlock("option", {
                   key: option.key,
                   value: option.key
-                }, toDisplayString(option.label), 9, _hoisted_4$9);
+                }, toDisplayString(option.label), 9, _hoisted_4$c);
               }), 128))
             ], 544), [
               [vModelSelect, selectedKey.value]
@@ -12320,14 +12328,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  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__ */ 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__ */ defineComponent({
     __name: "SearchResultsToolbar",
     props: {
       options: {},
@@ -12335,12 +12343,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     },
     setup(__props) {
       const props = __props;
-      const optionsValue = computed(
-        () => {
-          var _a;
-          return (_a = props.options) != null ? _a : { labels: {} };
-        }
-      );
+      const optionsValue = computed(() => {
+        var _a;
+        return (_a = props.options) != null ? _a : { labels: {} };
+      });
       const paramStore = useParamsStore();
       const searchResultStore = useSearchResultStore();
       const optionsStore = useOptionsStore();
@@ -12416,6 +12422,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const hasResults = computed(() => {
         return searchResult.value.total > 0;
       });
+      const callbacks = computed(() => {
+        var _a;
+        return (_a = props.options.callbacks) != null ? _a : {};
+      });
       const handleClearAll = () => {
         paramStore.removeAllFilters();
       };
@@ -12424,48 +12434,49 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           id: "lupa-search-results-toolbar",
           class: normalizeClass({ "lupa-filter-no-results": !hasResults.value })
         }, [
-          createBaseVNode("div", _hoisted_1$q, [
-            showLayoutSelection.value ? (openBlock(), createBlock(_sfc_main$y, { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_2$h)),
-            showItemSummary.value ? (openBlock(), createBlock(_sfc_main$P, {
+          createBaseVNode("div", _hoisted_1$x, [
+            showLayoutSelection.value ? (openBlock(), createBlock(_sfc_main$F, { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_2$m)),
+            showItemSummary.value ? (openBlock(), createBlock(_sfc_main$W, {
               key: 2,
               label: searchSummaryLabel.value,
               clearable: unref(hasAnyFilter) && showFilterClear.value,
               onClear: handleClearAll
-            }, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_3$b)),
-            displayPageSelect.value ? (openBlock(), createBlock(_sfc_main$w, {
+            }, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_3$g)),
+            displayPageSelect.value ? (openBlock(), 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"])) : (openBlock(), createElementBlock("div", _hoisted_4$8))
+            }, null, 8, ["options", "last-page-label", "first-page-label"])) : (openBlock(), createElementBlock("div", _hoisted_4$b))
           ]),
-          createBaseVNode("div", _hoisted_5$4, [
-            createVNode(_sfc_main$x, {
+          createBaseVNode("div", _hoisted_5$7, [
+            createVNode(_sfc_main$E, {
               label: optionsValue.value.labels.mobileFilterButton,
               "show-filter-count": showMobileFilterCount.value
             }, null, 8, ["label", "show-filter-count"]),
-            paginationDisplay.value.pageSize ? (openBlock(), createBlock(_sfc_main$v, {
+            paginationDisplay.value.pageSize ? (openBlock(), createBlock(_sfc_main$C, {
               key: 0,
               options: paginationOptions.value.pageSize,
               label: paginationOptions.value.labels.pageSize
-            }, null, 8, ["options", "label"])) : (openBlock(), createElementBlock("div", _hoisted_6$2)),
-            sortOptions.value ? (openBlock(), createBlock(_sfc_main$u, {
+            }, null, 8, ["options", "label"])) : (openBlock(), createElementBlock("div", _hoisted_6$4)),
+            sortOptions.value ? (openBlock(), createBlock(_sfc_main$B, {
               key: 2,
-              options: sortOptions.value
-            }, null, 8, ["options"])) : (openBlock(), createElementBlock("div", _hoisted_7$2))
+              options: sortOptions.value,
+              callbacks: callbacks.value
+            }, null, 8, ["options", "callbacks"])) : (openBlock(), 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__ */ defineComponent({
+  const _sfc_main$z = /* @__PURE__ */ defineComponent({
     __name: "SearchResultGeneratedBadge",
     props: {
       options: {},
@@ -12498,20 +12509,20 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           class: normalizeClass(["lupa-dynamic-badge", customClassName.value]),
           style: normalizeStyle({ background: _ctx.badge.backgroundColor, color: _ctx.badge.color })
         }, [
-          createBaseVNode("span", _hoisted_1$p, [
+          createBaseVNode("span", _hoisted_1$w, [
             image.value ? (openBlock(), createElementBlock("img", {
               key: 0,
               src: image.value
-            }, null, 8, _hoisted_2$g)) : createCommentVNode("", true),
-            hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$a, toDisplayString(_ctx.badge.titleText), 1)) : createCommentVNode("", true)
+            }, null, 8, _hoisted_2$l)) : createCommentVNode("", true),
+            hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$f, toDisplayString(_ctx.badge.titleText), 1)) : createCommentVNode("", true)
           ]),
-          hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$7, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
+          hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$a, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
         ], 6);
       };
     }
   });
-  const _hoisted_1$o = { class: "lupa-generated-badges" };
-  const _sfc_main$r = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$v = { class: "lupa-generated-badges" };
+  const _sfc_main$y = /* @__PURE__ */ defineComponent({
     __name: "SearchResultGeneratedBadges",
     props: {
       options: {}
@@ -12537,9 +12548,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         })).filter((b) => Boolean(b.id));
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$o, [
+        return openBlock(), createElementBlock("div", _hoisted_1$v, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(badges.value, (badge) => {
-            return openBlock(), createBlock(_sfc_main$s, {
+            return openBlock(), createBlock(_sfc_main$z, {
               key: badge.id,
               badge,
               options: _ctx.options
@@ -12549,8 +12560,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$n = ["innerHTML"];
-  const _sfc_main$q = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$u = ["innerHTML"];
+  const _sfc_main$x = /* @__PURE__ */ defineComponent({
     __name: "CustomBadge",
     props: {
       badge: {}
@@ -12569,12 +12580,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return openBlock(), createElementBlock("div", {
           class: 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__ */ defineComponent({
+  const _hoisted_1$t = { class: "lupa-text-badges" };
+  const _sfc_main$w = /* @__PURE__ */ defineComponent({
     __name: "TextBadge",
     props: {
       badge: {}
@@ -12589,7 +12600,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return badges.value.slice(0, props.badge.maxItems);
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$m, [
+        return openBlock(), createElementBlock("div", _hoisted_1$t, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
             return openBlock(), createElementBlock("div", {
               class: "lupa-badge lupa-text-badge",
@@ -12600,9 +12611,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$l = { class: "lupa-image-badges" };
-  const _hoisted_2$f = ["src"];
-  const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$s = { class: "lupa-image-badges" };
+  const _hoisted_2$k = ["src"];
+  const _sfc_main$v = /* @__PURE__ */ defineComponent({
     __name: "ImageBadge",
     props: {
       badge: {}
@@ -12622,7 +12633,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return `${props.badge.rootImageUrl}${src}`;
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$l, [
+        return openBlock(), createElementBlock("div", _hoisted_1$s, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
             return openBlock(), createElementBlock("div", {
               class: "lupa-badge lupa-image-badge",
@@ -12630,22 +12641,22 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             }, [
               createBaseVNode("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__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$1), {
+  const _sfc_main$u = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$1), {
     __name: "SearchResultsBadgeWrapper",
     props: {
       position: {},
@@ -12691,7 +12702,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         }
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$k, [
+        return openBlock(), createElementBlock("div", _hoisted_1$r, [
           createBaseVNode("div", {
             id: "lupa-badges",
             class: normalizeClass(anchorPosition.value)
@@ -12702,7 +12713,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 badge
               }, null, 8, ["badge"]);
             }), 128)),
-            positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$r, {
+            positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$y, {
               key: 0,
               options: _ctx.options
             }, null, 8, ["options"])) : createCommentVNode("", true)
@@ -12711,7 +12722,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   }));
-  const _sfc_main$m = /* @__PURE__ */ defineComponent({
+  const _sfc_main$t = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductImage",
     props: {
       item: {},
@@ -12719,7 +12730,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(_sfc_main$13, {
+        return openBlock(), createBlock(_sfc_main$1a, {
           item: _ctx.item,
           options: _ctx.options,
           "wrapper-class": "lupa-search-results-image-wrapper",
@@ -12728,14 +12739,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  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__ */ defineComponent({
+  const _hoisted_4$9 = ["href"];
+  const _sfc_main$s = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductTitle",
     props: {
       item: {},
@@ -12768,25 +12779,25 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           class: "lupa-search-results-product-title",
           style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
           innerHTML: title.value
-        }, null, 12, _hoisted_1$j)) : (openBlock(), createElementBlock("div", {
+        }, null, 12, _hoisted_1$q)) : (openBlock(), createElementBlock("div", {
           key: 1,
           class: "lupa-search-results-product-title",
           style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
           title: title.value
         }, [
-          !_ctx.options.link ? (openBlock(), createElementBlock("span", _hoisted_3$9, toDisplayString(title.value), 1)) : createCommentVNode("", true),
+          !_ctx.options.link ? (openBlock(), createElementBlock("span", _hoisted_3$e, toDisplayString(title.value), 1)) : createCommentVNode("", true),
           _ctx.options.link ? (openBlock(), createElementBlock("a", {
             key: 1,
             href: _ctx.link,
             class: "lupa-search-results-product-title-text lupa-title-link",
             onClick: handleNavigation
-          }, toDisplayString(title.value), 9, _hoisted_4$6)) : createCommentVNode("", true)
-        ], 12, _hoisted_2$e));
+          }, toDisplayString(title.value), 9, _hoisted_4$9)) : createCommentVNode("", true)
+        ], 12, _hoisted_2$j));
       };
     }
   });
-  const _hoisted_1$i = ["innerHTML"];
-  const _sfc_main$k = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$p = ["innerHTML"];
+  const _sfc_main$r = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductDescription",
     props: {
       item: {},
@@ -12810,7 +12821,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           class: "lupa-search-results-product-description",
           style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
           innerHTML: description.value
-        }, null, 12, _hoisted_1$i)) : (openBlock(), createElementBlock("div", {
+        }, null, 12, _hoisted_1$p)) : (openBlock(), createElementBlock("div", {
           key: 1,
           class: "lupa-search-results-product-description",
           style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`)
@@ -12818,15 +12829,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  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__ */ defineComponent({
+  const _sfc_main$q = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductRating",
     props: {
       item: {},
@@ -12857,18 +12868,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return generateLink(props.options.links.ratingDetails, props.item);
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$h, [
-          createBaseVNode("div", _hoisted_2$d, [
-            createBaseVNode("div", _hoisted_3$8, [
+        return openBlock(), createElementBlock("div", _hoisted_1$o, [
+          createBaseVNode("div", _hoisted_2$i, [
+            createBaseVNode("div", _hoisted_3$d, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(baseStars.value, (star, index) => {
                 return openBlock(), createElementBlock("div", {
                   key: index,
                   innerHTML: star,
                   class: "lupa-rating lupa-rating-not-highlighted"
-                }, null, 8, _hoisted_4$5);
+                }, null, 8, _hoisted_4$8);
               }), 128))
             ]),
-            createBaseVNode("div", _hoisted_5$3, [
+            createBaseVNode("div", _hoisted_5$6, [
               createBaseVNode("div", {
                 class: "lupa-ratings-highlighted",
                 style: normalizeStyle({ width: ratingPercentage.value + "%" })
@@ -12878,7 +12889,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                     key: index,
                     innerHTML: star,
                     class: "lupa-rating lupa-rating-highlighted"
-                  }, null, 8, _hoisted_6$1);
+                  }, null, 8, _hoisted_6$3);
                 }), 128))
               ], 4)
             ])
@@ -12886,16 +12897,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           createBaseVNode("a", {
             href: ratingLink.value,
             class: "lupa-total-ratings"
-          }, toDisplayString(totalRatings.value), 9, _hoisted_7$1)
+          }, 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__ */ defineComponent({
+  const _sfc_main$p = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductRegularPrice",
     props: {
       item: {},
@@ -12913,15 +12924,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         );
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$g, toDisplayString(price.value), 1);
+        return openBlock(), createElementBlock("div", _hoisted_1$n, 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__ */ defineComponent({
+  const _sfc_main$o = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductPrice",
     props: {
       item: {},
@@ -12939,16 +12950,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         );
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$f, [
+        return openBlock(), createElementBlock("div", _hoisted_1$m, [
           createBaseVNode("strong", null, 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__ */ 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__ */ defineComponent({
     __name: "SearchResultsProductAddToCart",
     props: {
       item: {},
@@ -12975,25 +12986,25 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         loading.value = false;
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$e, [
-          createBaseVNode("div", _hoisted_2$c, [
+        return openBlock(), createElementBlock("div", _hoisted_1$l, [
+          createBaseVNode("div", _hoisted_2$h, [
             createBaseVNode("button", {
               onClick: withModifiers(handleClick, ["stop"]),
               class: normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
               "data-cy": "lupa-add-to-cart",
               disabled: !inStockValue.value || loading.value
-            }, toDisplayString(label.value), 11, _hoisted_3$7)
+            }, 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__ */ 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__ */ defineComponent({
     __name: "SearchResultsProductCustom",
     props: {
       item: {},
@@ -13031,20 +13042,20 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           key: 0,
           class: className.value,
           innerHTML: text.value
-        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$d)) : (openBlock(), createElementBlock("div", mergeProps({
+        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$k)) : (openBlock(), createElementBlock("div", mergeProps({
           key: 1,
           class: className.value
         }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
-          !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$b, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$6, [
-            createBaseVNode("div", _hoisted_4$4, toDisplayString(label.value), 1),
-            createBaseVNode("div", _hoisted_5$2, toDisplayString(text.value), 1)
+          !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$g, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$b, [
+            createBaseVNode("div", _hoisted_4$7, toDisplayString(label.value), 1),
+            createBaseVNode("div", _hoisted_5$5, toDisplayString(text.value), 1)
           ]))
         ], 16));
       };
     }
   });
-  const _hoisted_1$c = ["innerHTML"];
-  const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$j = ["innerHTML"];
+  const _sfc_main$l = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductCustomHtmlElement",
     props: {
       item: {},
@@ -13068,15 +13079,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return openBlock(), createElementBlock("div", mergeProps({
           class: className.value,
           innerHTML: text.value
-        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$c);
+        }, 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__ */ 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__ */ defineComponent({
     __name: "SearchResultsProductSingleStarRating",
     props: {
       item: {},
@@ -13104,35 +13115,35 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return RATING_STAR_HTML;
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$b, [
+        return openBlock(), createElementBlock("div", _hoisted_1$i, [
           createBaseVNode("div", {
             innerHTML: star.value,
             class: "lupa-rating lupa-rating-highlighted"
-          }, null, 8, _hoisted_2$a),
-          createBaseVNode("div", _hoisted_3$5, toDisplayString(rating.value), 1),
+          }, null, 8, _hoisted_2$f),
+          createBaseVNode("div", _hoisted_3$a, toDisplayString(rating.value), 1),
           createBaseVNode("a", {
             href: ratingLink.value,
             class: "lupa-total-ratings"
-          }, toDisplayString(totalRatings.value), 9, _hoisted_4$3)
+          }, 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__ */ defineComponent(__spreadProps2(__spreadValues2({}, __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__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__), {
     __name: "SearchResultsProductCardElement",
     props: {
       item: {},
@@ -13202,13 +13213,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   }));
-  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__ */ defineComponent({
+  const _hoisted_3$9 = { class: "lupa-search-result-product-details-section" };
+  const _sfc_main$i = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductCard",
     props: {
       product: {},
@@ -13353,7 +13364,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           class: normalizeClass(["lupa-search-result-product-card", !isInStock.value ? "lupa-out-of-stock" : ""]),
           onClick: handleClick
         }, [
-          createVNode(_sfc_main$n, { options: badgesOptions.value }, null, 8, ["options"]),
+          createVNode(_sfc_main$u, { options: badgesOptions.value }, null, 8, ["options"]),
           createBaseVNode("div", {
             class: normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
           }, [
@@ -13363,7 +13374,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               onClick: handleNavigation
             }, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
-                return openBlock(), createBlock(_sfc_main$c, {
+                return openBlock(), createBlock(_sfc_main$j, {
                   class: "lupa-search-results-product-element",
                   item: _ctx.product,
                   element,
@@ -13373,16 +13384,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   link: link.value
                 }, null, 8, ["item", "element", "labels", "inStock", "link"]);
               }), 128)),
-              createVNode(_sfc_main$n, {
+              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 ? (openBlock(), createElementBlock("div", _hoisted_2$9, toDisplayString(labels.value.outOfStock), 1)) : createCommentVNode("", true)
-            ], 8, _hoisted_1$a),
-            createBaseVNode("div", _hoisted_3$4, [
+              ((_a = labels.value) == null ? void 0 : _a.outOfStock) && !isInStock.value ? (openBlock(), createElementBlock("div", _hoisted_2$e, toDisplayString(labels.value.outOfStock), 1)) : createCommentVNode("", true)
+            ], 8, _hoisted_1$h),
+            createBaseVNode("div", _hoisted_3$9, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
-                return openBlock(), createBlock(_sfc_main$c, {
+                return openBlock(), createBlock(_sfc_main$j, {
                   class: "lupa-search-results-product-element",
                   item: _ctx.product,
                   element,
@@ -13400,7 +13411,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 class: normalizeClass("lupa-element-group-" + group)
               }, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(getGroupElements(group), (element) => {
-                  return openBlock(), createBlock(_sfc_main$c, {
+                  return openBlock(), createBlock(_sfc_main$j, {
                     class: "lupa-search-results-product-element",
                     item: _ctx.product,
                     element,
@@ -13418,23 +13429,23 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  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__ */ defineComponent({
+  const _sfc_main$h = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsSimilarQueries",
     props: {
       labels: {},
@@ -13464,11 +13475,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         paramsStore.goToResults({ searchText, facet });
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$9, [
-          createBaseVNode("div", _hoisted_2$8, toDisplayString(_ctx.labels.similarQueries), 1),
+        return openBlock(), createElementBlock("div", _hoisted_1$g, [
+          createBaseVNode("div", _hoisted_2$d, toDisplayString(_ctx.labels.similarQueries), 1),
           (openBlock(true), createElementBlock(Fragment, null, renderList(similarQueries.value, (similarQuery, index) => {
             return openBlock(), createElementBlock("div", { key: index }, [
-              createBaseVNode("div", _hoisted_3$3, [
+              createBaseVNode("div", _hoisted_3$8, [
                 createBaseVNode("span", null, toDisplayString(similarQueryLabel.value), 1),
                 createBaseVNode("span", {
                   id: "lupa-similar-query-text-component",
@@ -13478,13 +13489,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 }, [
                   createBaseVNode("span", {
                     innerHTML: getSimilarQueryContent(similarQuery.displayQuery)
-                  }, null, 8, _hoisted_5$1),
-                  similarQuery.count ? (openBlock(), createElementBlock("span", _hoisted_6, " (" + toDisplayString(similarQuery.count) + ")", 1)) : createCommentVNode("", true)
-                ], 8, _hoisted_4$2)
+                  }, null, 8, _hoisted_5$4),
+                  similarQuery.count ? (openBlock(), createElementBlock("span", _hoisted_6$2, " (" + toDisplayString(similarQuery.count) + ")", 1)) : createCommentVNode("", true)
+                ], 8, _hoisted_4$5)
               ]),
-              createBaseVNode("div", _hoisted_7, [
+              createBaseVNode("div", _hoisted_7$1, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(similarQuery.items, (product, index2) => {
-                  return openBlock(), createBlock(_sfc_main$b, {
+                  return openBlock(), createBlock(_sfc_main$i, {
                     style: normalizeStyle(_ctx.columnSize),
                     key: getDocumentKey(index2, product),
                     product,
@@ -13498,15 +13509,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  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__ */ defineComponent({
+  const _sfc_main$g = /* @__PURE__ */ defineComponent({
     __name: "AdditionalPanel",
     props: {
       panel: {},
@@ -13578,10 +13589,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         handleQueryChange();
       });
       return (_ctx, _cache) => {
-        return hasResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
-          createBaseVNode("div", _hoisted_2$7, [
+        return hasResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
+          createBaseVNode("div", _hoisted_2$c, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(visibleItems.value, (item, index) => {
-              return openBlock(), createBlock(_sfc_main$b, {
+              return openBlock(), createBlock(_sfc_main$i, {
                 key: index,
                 product: item,
                 options: _ctx.panel,
@@ -13599,11 +13610,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$7 = {
+  const _hoisted_1$e = {
     key: 0,
     class: "lupa-results-additional-panels"
   };
-  const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  const _sfc_main$f = /* @__PURE__ */ defineComponent({
     __name: "AdditionalPanels",
     props: {
       options: {},
@@ -13620,9 +13631,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return locationPanels.value.length > 0;
       });
       return (_ctx, _cache) => {
-        return isVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
+        return isVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$e, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(locationPanels.value, (panel) => {
-            return openBlock(), createBlock(_sfc_main$9, {
+            return openBlock(), createBlock(_sfc_main$g, {
               key: panel.queryKey,
               panel,
               options: _ctx.sdkOptions
@@ -13639,36 +13650,36 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     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 openBlock(), createElementBlock("div", _hoisted_1$6, [
-      createBaseVNode("div", _hoisted_2$6, [
+    return openBlock(), createElementBlock("div", _hoisted_1$d, [
+      createBaseVNode("div", _hoisted_2$b, [
         (openBlock(), createElementBlock(Fragment, null, renderList(12, (x) => {
           return createBaseVNode("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__ */ defineComponent({
+  const _hoisted_5$3 = { key: 4 };
+  const _sfc_main$d = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProducts",
     props: {
       options: {},
@@ -13759,23 +13770,23 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       return (_ctx, _cache) => {
         var _a;
-        return openBlock(), createElementBlock("div", _hoisted_1$5, [
+        return openBlock(), createElementBlock("div", _hoisted_1$c, [
           unref(loading) && !unref(isMobileSidebarVisible) ? (openBlock(), createBlock(Spinner, {
             key: 0,
             class: "lupa-loader"
           })) : createCommentVNode("", true),
           unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            showTopFilters.value ? (openBlock(), createBlock(_sfc_main$z, {
+            showTopFilters.value ? (openBlock(), createBlock(_sfc_main$G, {
               key: 0,
               options: (_a = _ctx.options.filters) != null ? _a : {}
             }, null, 8, ["options"])) : createCommentVNode("", true),
-            showMobileFilters.value ? (openBlock(), createBlock(_sfc_main$t, {
+            showMobileFilters.value ? (openBlock(), createBlock(_sfc_main$A, {
               key: 1,
               class: "lupa-toolbar-mobile",
               options: _ctx.options,
               "pagination-location": "top"
             }, null, 8, ["options"])) : createCommentVNode("", true),
-            currentFilterOptions.value ? (openBlock(), createBlock(_sfc_main$M, {
+            currentFilterOptions.value ? (openBlock(), createBlock(_sfc_main$T, {
               key: 2,
               class: normalizeClass(currentFiltersClass.value),
               "data-cy": "lupa-search-result-filters-mobile-toolbar",
@@ -13783,18 +13794,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               expandable: !desktopFiltersExpanded.value
             }, null, 8, ["class", "options", "expandable"])) : createCommentVNode("", true)
           ], 64)) : createCommentVNode("", true),
-          createVNode(_sfc_main$8, {
+          createVNode(_sfc_main$f, {
             options: _ctx.options,
             location: "top",
             sdkOptions: _ctx.options.options
           }, null, 8, ["options", "sdkOptions"]),
           unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-            createVNode(_sfc_main$t, {
+            createVNode(_sfc_main$A, {
               class: "lupa-toolbar-top",
               options: _ctx.options,
               "pagination-location": "top"
             }, null, 8, ["options"]),
-            createBaseVNode("div", _hoisted_2$5, [
+            createBaseVNode("div", _hoisted_2$a, [
               _ctx.$slots.productCard ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(searchResult).items, (product, index) => {
                 return renderSlot(_ctx.$slots, "productCard", {
                   style: normalizeStyle(columnSize.value),
@@ -13803,7 +13814,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   options: productCardOptions.value
                 });
               }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(searchResult).items, (product, index) => {
-                return openBlock(), createBlock(_sfc_main$b, {
+                return openBlock(), createBlock(_sfc_main$i, {
                   style: normalizeStyle(columnSize.value),
                   key: getProductKeyAction(index, product),
                   product,
@@ -13811,7 +13822,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 }, null, 8, ["style", "product", "options"]);
               }), 128))
             ]),
-            unref(isPageEmpty) && _ctx.options.labels.noItemsInPage ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
+            unref(isPageEmpty) && _ctx.options.labels.noItemsInPage ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
               createTextVNode(toDisplayString(_ctx.options.labels.noItemsInPage) + " ", 1),
               _ctx.options.labels.backToFirstPage ? (openBlock(), createElementBlock("span", {
                 key: 0,
@@ -13819,22 +13830,22 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 onClick: goToFirstPage
               }, toDisplayString(_ctx.options.labels.backToFirstPage), 1)) : createCommentVNode("", true)
             ])) : createCommentVNode("", true),
-            createVNode(_sfc_main$t, {
+            createVNode(_sfc_main$A, {
               class: "lupa-toolbar-bottom",
               options: _ctx.options,
               "pagination-location": "bottom"
             }, null, 8, ["options"]),
-            createVNode(_sfc_main$8, {
+            createVNode(_sfc_main$f, {
               options: _ctx.options,
               location: "bottom",
               sdkOptions: _ctx.options.options
             }, null, 8, ["options", "sdkOptions"])
-          ], 64)) : !unref(loading) && unref(currentQueryText) ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+          ], 64)) : !unref(loading) && unref(currentQueryText) ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
             createTextVNode(toDisplayString(_ctx.options.labels.emptyResults) + " ", 1),
             createBaseVNode("span", null, toDisplayString(unref(currentQueryText)), 1)
           ])) : createCommentVNode("", true),
-          hasSimilarQueries.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
-            createVNode(_sfc_main$a, {
+          hasSimilarQueries.value ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
+            createVNode(_sfc_main$h, {
               labels: similarQueriesLabels.value,
               columnSize: columnSize.value,
               productCardOptions: productCardOptions.value
@@ -13845,13 +13856,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  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__ */ defineComponent({
+  const _hoisted_3$6 = ["href"];
+  const _sfc_main$c = /* @__PURE__ */ defineComponent({
     __name: "CategoryTopFilters",
     props: {
       options: {}
@@ -13883,15 +13894,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return openBlock(), createElementBlock("div", {
           class: normalizeClass(["lupa-category-top-mobile-filters", { "lupa-has-back-button": hasBackButton.value }])
         }, [
-          createBaseVNode("div", _hoisted_1$4, [
-            hasBackButton.value ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
+          createBaseVNode("div", _hoisted_1$b, [
+            hasBackButton.value ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
               createBaseVNode("a", {
                 "data-cy": "lupa-category-back",
                 href: backUrlLink.value,
                 onClick: handleNavigationBack
-              }, toDisplayString(backTitle.value), 9, _hoisted_3$1)
+              }, toDisplayString(backTitle.value), 9, _hoisted_3$6)
             ])) : createCommentVNode("", true),
-            createVNode(_sfc_main$t, {
+            createVNode(_sfc_main$A, {
               class: "lupa-toolbar-mobile",
               "pagination-location": "top",
               options: _ctx.options
@@ -13901,18 +13912,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  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$1 = /* @__PURE__ */ defineComponent({
+  const _hoisted_3$5 = { class: "search-content" };
+  const _hoisted_4$3 = { id: "lupa-search-results" };
+  const _sfc_main$b = /* @__PURE__ */ defineComponent({
     __name: "SearchResults",
     props: {
       options: {},
@@ -14101,40 +14112,40 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return openBlock(), createElementBlock("div", {
           class: normalizeClass(["lupa-search-result-wrapper", { "lupa-search-wrapper-no-results": !unref(hasResults) }])
         }, [
-          _ctx.isContainer ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
-            createVNode(_sfc_main$Q, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-            createVNode(_sfc_main$O, {
+          _ctx.isContainer ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
+            createVNode(_sfc_main$X, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+            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"])
           ])) : createCommentVNode("", true),
-          isTitleResultTopPosition.value ? (openBlock(), createBlock(_sfc_main$5, {
+          isTitleResultTopPosition.value ? (openBlock(), createBlock(_sfc_main$c, {
             key: 1,
             options: _ctx.options
           }, null, 8, ["options"])) : createCommentVNode("", true),
-          _ctx.options.filters ? (openBlock(), createBlock(_sfc_main$B, {
+          _ctx.options.filters ? (openBlock(), createBlock(_sfc_main$I, {
             key: 2,
             options: _ctx.options.filters
           }, null, 8, ["options"])) : createCommentVNode("", true),
-          unref(currentQueryText) || _ctx.isProductList ? (openBlock(), createBlock(_sfc_main$A, {
+          unref(currentQueryText) || _ctx.isProductList ? (openBlock(), createBlock(_sfc_main$H, {
             key: 3,
             breadcrumbs: _ctx.options.breadcrumbs
           }, null, 8, ["breadcrumbs"])) : createCommentVNode("", true),
-          isTitleResultTopPosition.value ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
-            showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$C, {
+          isTitleResultTopPosition.value ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
+            showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$J, {
               key: 0,
               options: (_b = _ctx.options.filters) != null ? _b : {},
               ref_key: "searchResultsFilters",
               ref: searchResultsFilters
             }, null, 8, ["options"])) : createCommentVNode("", true),
-            createBaseVNode("div", _hoisted_3, [
-              createVNode(_sfc_main$Q, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-              createVNode(_sfc_main$O, {
+            createBaseVNode("div", _hoisted_3$5, [
+              createVNode(_sfc_main$X, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+              createVNode(_sfc_main$V, {
                 options: _ctx.options,
                 "is-product-list": (_c = _ctx.isProductList) != null ? _c : false
               }, null, 8, ["options", "is-product-list"]),
-              createVNode(_sfc_main$6, {
+              createVNode(_sfc_main$d, {
                 options: _ctx.options,
                 ssr: ssrEnabled.value
               }, {
@@ -14145,19 +14156,19 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               }, 8, ["options", "ssr"])
             ])
           ])) : (openBlock(), createElementBlock(Fragment, { key: 5 }, [
-            createVNode(_sfc_main$Q, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-            createVNode(_sfc_main$O, {
+            createVNode(_sfc_main$X, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+            createVNode(_sfc_main$V, {
               options: _ctx.options,
               "is-product-list": (_d = _ctx.isProductList) != null ? _d : false
             }, null, 8, ["options", "is-product-list"]),
-            createBaseVNode("div", _hoisted_4, [
-              showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$C, {
+            createBaseVNode("div", _hoisted_4$3, [
+              showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$J, {
                 key: 0,
                 options: (_e = _ctx.options.filters) != null ? _e : {},
                 ref_key: "searchResultsFilters",
                 ref: searchResultsFilters
               }, null, 8, ["options"])) : createCommentVNode("", true),
-              createVNode(_sfc_main$6, {
+              createVNode(_sfc_main$d, {
                 options: _ctx.options,
                 ssr: ssrEnabled.value
               }, createSlots({
@@ -14180,12 +14191,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$2 = {
+  const _hoisted_1$9 = {
     key: 0,
     class: "lupa-category-overview"
   };
-  const _hoisted_2$2 = ["innerHTML"];
-  const _sfc_main$3$1 = /* @__PURE__ */ defineComponent({
+  const _hoisted_2$7 = ["innerHTML"];
+  const _sfc_main$a = /* @__PURE__ */ defineComponent({
     __name: "CategoryDescription",
     props: {
       options: {}
@@ -14201,16 +14212,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return Boolean((_b = (_a = props.options.categories) == null ? void 0 : _a.current) == null ? void 0 : _b.description);
       });
       return (_ctx, _cache) => {
-        return overviewVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+        return overviewVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
           createBaseVNode("div", {
             class: "lupa-category-description",
             innerHTML: description.value
-          }, null, 8, _hoisted_2$2)
+          }, null, 8, _hoisted_2$7)
         ])) : createCommentVNode("", true);
       };
     }
   });
-  const _sfc_main$2$1 = /* @__PURE__ */ defineComponent({
+  const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     __name: "ProductList",
     props: {
       options: {}
@@ -14232,7 +14243,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", null, [
-          createVNode(_sfc_main$4$1, {
+          createVNode(_sfc_main$b, {
             options: componentOptions.value,
             "initial-filters": _ctx.options.initialFilters,
             "is-product-list": true,
@@ -14240,7 +14251,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             ref: searchResults2
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$3$1, { options: _ctx.options }, null, 8, ["options"])
+              createVNode(_sfc_main$a, { options: _ctx.options }, null, 8, ["options"])
             ]),
             _: 1
           }, 8, ["options", "initial-filters"])
@@ -19731,9 +19742,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }).call(commonjsGlobal$1);
   })(lodash$1, lodash$1.exports);
   var lodashExports$1 = lodash$1.exports;
-  const _hoisted_1$1 = ["onClick"];
-  const _hoisted_2$1 = { class: "lupa-search-box-container" };
-  const _sfc_main$1$1 = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$8 = ["onClick"];
+  const _hoisted_2$6 = { class: "lupa-search-box-container" };
+  const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     __name: "SearchContainer",
     props: {
       options: {}
@@ -19778,8 +19789,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             class: "lupa-search-container",
             onClick: withModifiers(innerClick, ["stop"])
           }, [
-            createBaseVNode("div", _hoisted_2$1, [
-              createVNode(_sfc_main$R, {
+            createBaseVNode("div", _hoisted_2$6, [
+              createVNode(_sfc_main$Y, {
                 options: fullSearchBoxOptions.value,
                 "is-search-container": true,
                 ref_key: "searchBox",
@@ -19787,13 +19798,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
               }, null, 8, ["options"])
             ]),
-            createVNode(_sfc_main$4$1, {
+            createVNode(_sfc_main$b, {
               options: fullSearchResultsOptions.value,
               "is-container": true,
               ref_key: "searchResults",
               ref: searchResults2
             }, null, 8, ["options"])
-          ], 8, _hoisted_1$1)
+          ], 8, _hoisted_1$8)
         ]);
       };
     }
@@ -20496,13 +20507,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  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$1b = /* @__PURE__ */ defineComponent({
+  const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     __name: "Recommendations",
     props: {
       options: {}
@@ -20588,8 +20599,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       });
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1, [
-          !loading.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+        return openBlock(), createElementBlock("div", _hoisted_1$7, [
+          !loading.value ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
             createVNode(unref(Carousel), mergeProps(carouselOptions.value, { "wrap-around": true }), {
               addons: withCtx(() => [
                 createVNode(unref(Navigation))
@@ -20600,7 +20611,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                     key: getProductKeyAction(index, product)
                   }, {
                     default: withCtx(() => [
-                      createVNode(_sfc_main$b, {
+                      createVNode(_sfc_main$i, {
                         product,
                         options: _ctx.options,
                         "click-tracking-settings": clickTrackingSettings.value
@@ -20617,6 +20628,533 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
+  const _withScopeId = (n) => (pushScopeId("data-v-6fa22b2b"), n = n(), popScopeId(), n);
+  const _hoisted_1$6 = { class: "lupa-chat-spinner" };
+  const _hoisted_2$4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("div", null, null, -1));
+  const _hoisted_3$4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("div", null, null, -1));
+  const _hoisted_4$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("div", null, null, -1));
+  const _hoisted_5$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("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__ */ defineComponent({
+    __name: "ChatSpinner",
+    props: {
+      small: { type: Boolean },
+      message: {}
+    },
+    setup(__props) {
+      return (_ctx, _cache) => {
+        return openBlock(), createElementBlock("section", _hoisted_1$6, [
+          createBaseVNode("div", {
+            class: normalizeClass([{ small: _ctx.small }, "lds-ring"])
+          }, _hoisted_6$1, 2),
+          createBaseVNode("div", _hoisted_7, toDisplayString(_ctx.message), 1)
+        ]);
+      };
+    }
+  });
+  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__ */ defineComponent({
+    __name: "ChatInput",
+    props: {
+      disabled: { type: Boolean }
+    },
+    emits: ["submit"],
+    setup(__props, { emit: emit2 }) {
+      const inputValue = ref("");
+      const submit = () => {
+        emit2("submit", inputValue.value);
+        inputValue.value = "";
+      };
+      return (_ctx, _cache) => {
+        return openBlock(), createElementBlock("div", _hoisted_1$5, [
+          createBaseVNode("form", {
+            action: "javascript:void(0);",
+            class: "chat-input-form",
+            onSubmit: submit
+          }, [
+            createBaseVNode("div", _hoisted_2$3, [
+              withDirectives(createBaseVNode("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), [
+                [vModelText, inputValue.value]
+              ])
+            ]),
+            !_ctx.disabled ? (openBlock(), createElementBlock("button", _hoisted_3$3, "Ask LupaChat")) : (openBlock(), 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(void 0, null, function* () {
+    const { environment, customBaseUrl } = options;
+    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/`, __spreadProps2(__spreadValues2({}, defaultConfig), {
+      body: JSON.stringify(request)
+    }));
+    if (res.status < 400) {
+      const data = yield res.json();
+      return __spreadProps2(__spreadValues2({}, data), { success: true });
+    }
+    const errors = yield res.json();
+    return { success: false, errors };
+  });
+  const suggestPhraseAlternatives = (_0, _1) => __async(void 0, [_0, _1], function* (options, { phrases }) {
+    const { environment, customBaseUrl } = options;
+    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/phraseAlternatives`, __spreadProps2(__spreadValues2({}, defaultConfig), {
+      body: JSON.stringify({ phrases })
+    }));
+    if (res.status < 400) {
+      const data = yield res.json();
+      return __spreadProps2(__spreadValues2({}, data), { success: true });
+    }
+    const errors = yield res.json();
+    return { success: false, errors };
+  });
+  const suggestSimplifiedPhrases = (_0, _1) => __async(void 0, [_0, _1], function* (options, { phrases }) {
+    const { environment, customBaseUrl } = options;
+    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/simplify`, __spreadProps2(__spreadValues2({}, defaultConfig), {
+      body: JSON.stringify({ phrases })
+    }));
+    if (res.status < 400) {
+      const data = yield res.json();
+      console.log(data);
+      return __spreadProps2(__spreadValues2({}, data), { success: true });
+    }
+    const errors = yield res.json();
+    return { success: false, errors };
+  });
+  const suggestBestProductMatches = (_0, _1) => __async(void 0, [_0, _1], function* (options, {
+    initialQuery,
+    productStrings,
+    messageHistory
+  }) {
+    const { environment, customBaseUrl } = options;
+    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/bestProducts`, __spreadProps2(__spreadValues2({}, defaultConfig), {
+      body: JSON.stringify({ initialQuery, messageHistory, productStrings })
+    }));
+    if (res.status < 400) {
+      const data = yield res.json();
+      console.log(data);
+      return __spreadProps2(__spreadValues2({}, 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$1 = /* @__PURE__ */ 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 openBlock(), createElementBlock("section", _hoisted_1$4, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.searchResults, (product, index) => {
+            return openBlock(), 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__ */ createBaseVNode("p", null, "We found no matches for this search term", -1);
+  const _hoisted_6 = [
+    _hoisted_5$1
+  ];
+  const _sfc_main$3$1 = /* @__PURE__ */ defineComponent({
+    __name: "ChatContentEntryPhrase",
+    props: {
+      options: {},
+      phrase: {}
+    },
+    emits: ["loaded"],
+    setup(__props, { emit: emit2 }) {
+      const props = __props;
+      const searchResults2 = ref([]);
+      const usedAlternativePhrases = ref([]);
+      const usedPartialResults = ref(false);
+      const loading = ref(false);
+      const currentAction = ref("");
+      const displayPhrase = computed(() => props.phrase.replace(",", ""));
+      onMounted(() => __async(this, null, function* () {
+        loading.value = true;
+        currentAction.value = "Loading search results...";
+        try {
+          const initialResults = yield getSearchResults(props.phrase, 8);
+          if (initialResults.length) {
+            searchResults2.value = initialResults;
+            if (initialResults.length > 2) {
+              return;
+            }
+          }
+          currentAction.value = "Checking for alternative phrases...";
+          const alternatives = yield getPhraseAlternatives();
+          yield addAlternativePhraseResults(alternatives, 6);
+          if (!searchResults2.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 = "";
+          emit2("loaded", searchResults2.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 !searchResults2.value.find((result) => result.id === item.id);
+        });
+        searchResults2.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 openBlock(), createElementBlock("div", _hoisted_1$3, [
+          createBaseVNode("div", _hoisted_2$2, [
+            createBaseVNode("h3", null, toDisplayString(displayPhrase.value), 1),
+            createBaseVNode("sub", null, toDisplayString(usedAlternativePhrases.value.join(", ")), 1),
+            usedPartialResults.value ? (openBlock(), createElementBlock("sub", _hoisted_3$2, "Including partial matches - which might not be what you are looking for")) : createCommentVNode("", true)
+          ]),
+          createBaseVNode("div", null, [
+            createVNode(_sfc_main$4$1, {
+              "search-results": searchResults2.value,
+              options: _ctx.options.displayOptions
+            }, null, 8, ["search-results", "options"])
+          ]),
+          !loading.value && !searchResults2.value.length ? (openBlock(), createElementBlock("div", _hoisted_4$1, _hoisted_6)) : createCommentVNode("", true),
+          loading.value ? (openBlock(), createBlock(ChatSpinner, {
+            key: 1,
+            message: currentAction.value
+          }, null, 8, ["message"])) : createCommentVNode("", true)
+        ]);
+      };
+    }
+  });
+  const _hoisted_1$2 = { class: "lupa-chat-best-matches lupa-chat-content-entry" };
+  const _hoisted_2$1 = /* @__PURE__ */ createBaseVNode("h3", null, "Best matches", -1);
+  const _hoisted_3$1 = { key: 0 };
+  const _sfc_main$2$1 = /* @__PURE__ */ defineComponent({
+    __name: "ChatContentEntry",
+    props: {
+      entry: {},
+      options: {},
+      history: {}
+    },
+    emits: ["loaded"],
+    setup(__props, { emit: emit2 }) {
+      const props = __props;
+      const bestMatches = ref([]);
+      const loadedResults = ref([]);
+      const loadedEntries = ref(0);
+      const loading = ref(true);
+      const entryCount = computed(() => {
+        return props.entry.allPhrases.length;
+      });
+      const loaded = (results = []) => {
+        loadedResults.value.push(...results);
+        loadedEntries.value++;
+        if (loadedEntries.value === entryCount.value) {
+          loadFinalRecommendations();
+        }
+      };
+      const titleKey = 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;
+          emit2("loaded", products);
+        } finally {
+          loading.value = false;
+        }
+      });
+      const bestMatchProducts = computed(() => {
+        return bestMatches.value.map((productName) => {
+          return loadedResults.value.find((r) => r[titleKey.value] === productName);
+        }).filter(Boolean);
+      });
+      const explanation = 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 openBlock(), createElementBlock("div", null, [
+          createBaseVNode("ul", null, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.entry.allPhrases, (phrase) => {
+              return openBlock(), createElementBlock("li", {
+                key: phrase,
+                class: "lupa-chat-content-entry"
+              }, [
+                phrase ? (openBlock(), createBlock(_sfc_main$3$1, {
+                  key: 0,
+                  phrase,
+                  options: _ctx.options,
+                  onLoaded: loaded
+                }, null, 8, ["phrase", "options"])) : createCommentVNode("", true)
+              ]);
+            }), 128))
+          ]),
+          createBaseVNode("section", _hoisted_1$2, [
+            _hoisted_2$1,
+            explanation.value ? (openBlock(), createElementBlock("p", _hoisted_3$1, toDisplayString(explanation.value), 1)) : createCommentVNode("", true),
+            loading.value ? (openBlock(), createBlock(ChatSpinner, {
+              key: 1,
+              message: "Selecting the best matches for you. This might take a few seconds."
+            })) : createCommentVNode("", true),
+            bestMatches.value.length ? (openBlock(), createBlock(_sfc_main$4$1, {
+              key: 2,
+              "search-results": bestMatchProducts.value,
+              options: _ctx.options.displayOptions
+            }, null, 8, ["search-results", "options"])) : createCommentVNode("", true)
+          ])
+        ]);
+      };
+    }
+  });
+  const _hoisted_1$1 = { class: "lupa-chat-section-title" };
+  const _sfc_main$1$1 = /* @__PURE__ */ defineComponent({
+    __name: "ChatContentList",
+    props: {
+      content: {},
+      options: {},
+      history: {}
+    },
+    emits: ["loaded"],
+    setup(__props, { emit: emit2 }) {
+      const bestItemsLoaded = (items, key) => {
+        emit2("loaded", { items, key });
+      };
+      return (_ctx, _cache) => {
+        return openBlock(), createElementBlock("div", null, [
+          createBaseVNode("ul", null, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.content, (entry) => {
+              return openBlock(), createElementBlock("li", {
+                key: entry.key
+              }, [
+                createBaseVNode("h4", _hoisted_1$1, toDisplayString(entry.userInput), 1),
+                createVNode(_sfc_main$2$1, {
+                  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__ */ createBaseVNode("section", { class: "lupa-chat-logo" }, [
+    /* @__PURE__ */ createBaseVNode("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$1i = /* @__PURE__ */ defineComponent({
+    __name: "ChatContainer",
+    props: {
+      options: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const loading = ref(false);
+      const error = ref("");
+      const chatContent = ref([]);
+      const history = 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 openBlock(), createElementBlock("section", _hoisted_1, [
+          _hoisted_2,
+          chatContent.value.length ? (openBlock(), createElementBlock("section", _hoisted_3, [
+            createVNode(_sfc_main$1$1, {
+              content: chatContent.value,
+              options: _ctx.options,
+              onLoaded: bestItemsLoaded,
+              history: history.value
+            }, null, 8, ["content", "options", "history"])
+          ])) : createCommentVNode("", true),
+          loading.value ? (openBlock(), createElementBlock("section", _hoisted_4, [
+            createVNode(ChatSpinner, { message: "Loading initial recommendations... This might take up to 20s" })
+          ])) : createCommentVNode("", true),
+          createBaseVNode("section", _hoisted_5, [
+            createVNode(_sfc_main$5, {
+              onSubmit: submitChatInput,
+              disabled: loading.value
+            }, null, 8, ["disabled"])
+          ])
+        ]);
+      };
+    }
+  });
   let piniaInstance = null;
   const initPinia = () => {
     if (piniaInstance) {
@@ -26179,7 +26717,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(unref(_sfc_main$R), {
+        return openBlock(), createBlock(unref(_sfc_main$Y), {
           options: fullSearchBoxOptions.value,
           ref_key: "searchBox",
           ref: searchBox2
@@ -26306,7 +26844,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(unref(_sfc_main$4$1), {
+        return openBlock(), createBlock(unref(_sfc_main$b), {
           options: fullSearchResultsOptions.value,
           ref_key: "searchResults",
           ref: searchResults2
@@ -26331,7 +26869,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(unref(_sfc_main$2$1), {
+        return openBlock(), createBlock(unref(_sfc_main$9), {
           options: fullProductListOptions.value,
           ref_key: "productList",
           ref: productList2
@@ -26411,7 +26949,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       __expose({ fetch: fetch2, reloadOptions });
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", null, [
-          containerOptions.value && isOpen.value ? (openBlock(), createBlock(unref(_sfc_main$1$1), {
+          containerOptions.value && isOpen.value ? (openBlock(), createBlock(unref(_sfc_main$8), {
             key: 0,
             options: containerOptions.value,
             ref_key: "productList",
@@ -26435,7 +26973,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(unref(_sfc_main$1b), {
+        return openBlock(), createBlock(unref(_sfc_main$7), {
           options: _ctx.recommendationOptions,
           ref_key: "productRecommendations",
           ref: productRecommendations
@@ -26493,7 +27031,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     results: {},
     productList: {},
     searchContainer: {},
-    recommendations: {}
+    recommendations: {},
+    chat: {}
   };
   const tracking = (options) => {
     setupTracking(options);
@@ -26641,6 +27180,26 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     app.recommendations[options.containerSelector] = instance;
   };
+  const chat = (options, mountOptions) => {
+    const existingInstance = app.chat[options.displayOptions.containerSelector];
+    if (existingInstance) {
+      existingInstance.props.options = options;
+      if (mountOptions == null ? void 0 : mountOptions.fetch) {
+        setTimeout(() => {
+          var _a, _b, _c, _d;
+          (_d = (_c = (_b = (_a = existingInstance.mountedComponent) == null ? void 0 : _a.component) == null ? void 0 : _b.exposed) == null ? void 0 : _c.fetch) == null ? void 0 : _d.call(_c);
+        });
+      }
+      return;
+    }
+    const instance = createVue(options.displayOptions.containerSelector, _sfc_main$1i, {
+      recommendationOptions: options
+    });
+    if (!instance) {
+      return;
+    }
+    app.chat[options.displayOptions.containerSelector] = instance;
+  };
   const clearInstance = (element, app2) => {
     var _a;
     const content = element.innerHTML;
@@ -26712,6 +27271,19 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     } catch (e) {
     }
   };
+  const clearChat = (selector) => {
+    try {
+      if (selector) {
+        app.chat[selector] = null;
+        clearInstance(app.chat[selector].mountElement, app.chat[selector].app);
+      }
+      for (const key in app.chat) {
+        clearInstance(app.chat[key].mountElement, app.chat[key].app);
+      }
+      app.chat = {};
+    } catch (e) {
+    }
+  };
   const lupaSearch = {
     searchBox,
     searchResults,
@@ -26723,7 +27295,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     clearSearchResults,
     clearProductList,
     clearSearchContainer,
-    clearRecommendations
+    clearRecommendations,
+    chat,
+    clearChat
   };
   if (typeof window !== "undefined") {
     window.getLupa = lupaSearch;