@getlupa/client 1.14.5 → 1.14.7

package/dist/lupaSearch.umd.js

@@ -6318,6 +6318,44 @@ var __async = (__this, __arguments, generator) => {
       return fn(event, ...args);
     };
   };
+  const vShow = {
+    beforeMount(el, { value }, { transition }) {
+      el._vod = el.style.display === "none" ? "" : el.style.display;
+      if (transition && value) {
+        transition.beforeEnter(el);
+      } else {
+        setDisplay(el, value);
+      }
+    },
+    mounted(el, { value }, { transition }) {
+      if (transition && value) {
+        transition.enter(el);
+      }
+    },
+    updated(el, { value, oldValue }, { transition }) {
+      if (!value === !oldValue)
+        return;
+      if (transition) {
+        if (value) {
+          transition.beforeEnter(el);
+          setDisplay(el, true);
+          transition.enter(el);
+        } else {
+          transition.leave(el, () => {
+            setDisplay(el, false);
+          });
+        }
+      } else {
+        setDisplay(el, value);
+      }
+    },
+    beforeUnmount(el, { value }) {
+      setDisplay(el, value);
+    }
+  };
+  function setDisplay(el, value) {
+    el.style.display = value ? el._vod : "none";
+  }
   const rendererOptions = /* @__PURE__ */ extend({ patchProp }, nodeOps);
   let renderer;
   function ensureRenderer() {
@@ -8560,20 +8598,20 @@ var __async = (__this, __arguments, generator) => {
       resetHighlightIndex
     };
   });
-  const _hoisted_1$1d = { id: "lupa-search-box-input-container" };
-  const _hoisted_2$S = { class: "lupa-input-clear" };
-  const _hoisted_3$B = { id: "lupa-search-box-input" };
+  const _hoisted_1$1g = { id: "lupa-search-box-input-container" };
+  const _hoisted_2$U = { class: "lupa-input-clear" };
+  const _hoisted_3$D = { id: "lupa-search-box-input" };
   const _hoisted_4$t = ["value"];
-  const _hoisted_5$k = ["aria-label", "placeholder"];
-  const _hoisted_6$a = /* @__PURE__ */ createBaseVNode("span", { class: "lupa-search-submit-icon" }, null, -1);
+  const _hoisted_5$j = ["aria-label", "placeholder"];
+  const _hoisted_6$9 = /* @__PURE__ */ createBaseVNode("span", { class: "lupa-search-submit-icon" }, null, -1);
   const _hoisted_7$7 = [
-    _hoisted_6$a
+    _hoisted_6$9
   ];
   const _hoisted_8$3 = {
     key: 0,
     class: "lupa-close-label"
   };
-  const _sfc_main$1n = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1r = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxInput",
     props: {
       options: {},
@@ -8657,14 +8695,14 @@ var __async = (__this, __arguments, generator) => {
       };
       __expose({ focus });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$1d, [
-          createBaseVNode("div", _hoisted_2$S, [
+        return openBlock(), createElementBlock("div", _hoisted_1$1g, [
+          createBaseVNode("div", _hoisted_2$U, [
             createBaseVNode("div", {
               class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
               onClick: clear2
             }, null, 2)
           ]),
-          createBaseVNode("div", _hoisted_3$B, [
+          createBaseVNode("div", _hoisted_3$D, [
             createBaseVNode("input", {
               class: "lupa-hint",
               "aria-hidden": "true",
@@ -8684,7 +8722,7 @@ var __async = (__this, __arguments, generator) => {
               placeholder: labels.value.placeholder,
               onInput: handleInput,
               onFocus: handleFocus
-            }), null, 16, _hoisted_5$k), [
+            }), null, 16, _hoisted_5$j), [
               [vModelText, inputValue.value]
             ]),
             _ctx.options.showSubmitButton ? (openBlock(), createElementBlock("button", {
@@ -8703,7 +8741,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const _sfc_main$1m = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1q = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxMoreResults",
     props: {
       labels: {},
@@ -8735,9 +8773,9 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$1c = { class: "lupa-search-box-history-item" };
-  const _hoisted_2$R = { class: "lupa-search-box-history-item-content" };
-  const _sfc_main$1l = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$1f = { class: "lupa-search-box-history-item" };
+  const _hoisted_2$T = { class: "lupa-search-box-history-item-content" };
+  const _sfc_main$1p = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxHistoryItem",
     props: {
       item: {},
@@ -8753,8 +8791,8 @@ var __async = (__this, __arguments, generator) => {
         emit2("click", { query: props.item });
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$1c, [
-          createBaseVNode("div", _hoisted_2$R, [
+        return openBlock(), createElementBlock("div", _hoisted_1$1f, [
+          createBaseVNode("div", _hoisted_2$T, [
             createBaseVNode("div", {
               class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
               onClick: click2
@@ -8768,11 +8806,11 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$1b = {
+  const _hoisted_1$1e = {
     key: 0,
     class: "lupa-search-box-history-panel"
   };
-  const _sfc_main$1k = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1o = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxHistoryPanel",
     props: {
       options: {}
@@ -8813,9 +8851,9 @@ var __async = (__this, __arguments, generator) => {
         }
       };
       return (_ctx, _cache) => {
-        return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1b, [
+        return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1e, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(history), (item, index) => {
-            return openBlock(), createBlock(_sfc_main$1l, {
+            return openBlock(), createBlock(_sfc_main$1p, {
               key: item,
               item,
               highlighted: index === highlightIndex.value,
@@ -8831,15 +8869,15 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$1a = { class: "lupa-search-box-no-results" };
-  const _sfc_main$1j = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$1d = { class: "lupa-search-box-no-results" };
+  const _sfc_main$1n = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxNoResults",
     props: {
       labels: {}
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("p", _hoisted_1$1a, toDisplayString(_ctx.labels.noResults), 1);
+        return openBlock(), createElementBlock("p", _hoisted_1$1d, toDisplayString(_ctx.labels.noResults), 1);
       };
     }
   });
@@ -8871,13 +8909,13 @@ var __async = (__this, __arguments, generator) => {
     }
     return gridTemplate.join(" ");
   };
-  const _hoisted_1$19 = ["innerHTML"];
-  const _hoisted_2$Q = {
+  const _hoisted_1$1c = ["innerHTML"];
+  const _hoisted_2$S = {
     key: 1,
     "data-cy": "lupa-suggestion-value",
     class: "lupa-suggestion-value"
   };
-  const _hoisted_3$A = {
+  const _hoisted_3$C = {
     key: 2,
     class: "lupa-suggestion-facet",
     "data-cy": "lupa-suggestion-facet"
@@ -8886,11 +8924,11 @@ var __async = (__this, __arguments, generator) => {
     class: "lupa-suggestion-facet-label",
     "data-cy": "lupa-suggestion-facet-label"
   };
-  const _hoisted_5$j = {
+  const _hoisted_5$i = {
     class: "lupa-suggestion-facet-value",
     "data-cy": "lupa-suggestion-facet-value"
   };
-  const _sfc_main$1i = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1m = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxSuggestion",
     props: {
       suggestion: {},
@@ -8926,20 +8964,20 @@ var __async = (__this, __arguments, generator) => {
             class: "lupa-suggestion-value",
             "data-cy": "lupa-suggestion-value",
             innerHTML: _ctx.suggestion.displayHighlight
-          }, null, 8, _hoisted_1$19)) : (openBlock(), createElementBlock("div", _hoisted_2$Q, toDisplayString(_ctx.suggestion.display), 1)),
-          _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
+          }, null, 8, _hoisted_1$1c)) : (openBlock(), createElementBlock("div", _hoisted_2$S, toDisplayString(_ctx.suggestion.display), 1)),
+          _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$C, [
             createBaseVNode("span", _hoisted_4$s, toDisplayString(facetLabel.value), 1),
-            createBaseVNode("span", _hoisted_5$j, toDisplayString(_ctx.suggestion.facet.title), 1)
+            createBaseVNode("span", _hoisted_5$i, toDisplayString(_ctx.suggestion.facet.title), 1)
           ])) : createCommentVNode("", true)
         ]);
       };
     }
   });
-  const _hoisted_1$18 = {
+  const _hoisted_1$1b = {
     id: "lupa-search-box-suggestions",
     "data-cy": "lupa-search-box-suggestions"
   };
-  const _sfc_main$1h = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxSuggestions",
     props: {
       items: {},
@@ -8999,9 +9037,9 @@ var __async = (__this, __arguments, generator) => {
         });
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$18, [
+        return openBlock(), createElementBlock("div", _hoisted_1$1b, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
-            return openBlock(), createBlock(_sfc_main$1i, {
+            return openBlock(), createBlock(_sfc_main$1m, {
               key: getSuggestionKey(item),
               class: normalizeClass(["lupa-suggestion", index === highlightedIndex.value ? "lupa-suggestion-highlighted" : ""]),
               suggestion: item,
@@ -9029,7 +9067,7 @@ var __async = (__this, __arguments, generator) => {
       }, timeout);
     };
   };
-  const _sfc_main$1g = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1k = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxSuggestionsWrapper",
     props: {
       panel: {},
@@ -9071,7 +9109,7 @@ var __async = (__this, __arguments, generator) => {
       const getSuggestionsDebounced = debounce$1(getSuggestions, props.debounce);
       watch(() => props.panel.limit, getSuggestionsDebounced);
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(_sfc_main$1h, {
+        return openBlock(), createBlock(_sfc_main$1l, {
           items: searchResult.value,
           highlight: _ctx.panel.highlight,
           queryKey: _ctx.panel.queryKey,
@@ -18145,9 +18183,9 @@ and ensure you are accounting for this risk.
       targetImage.src = placeholder;
     }
   };
-  const _hoisted_1$17 = ["src"];
-  const _hoisted_2$P = ["src"];
-  const _sfc_main$1f = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$1a = ["src"];
+  const _hoisted_2$R = ["src"];
+  const _sfc_main$1j = /* @__PURE__ */ defineComponent({
     __name: "ProductImage",
     props: {
       item: {},
@@ -18289,7 +18327,7 @@ and ensure you are accounting for this risk.
               }, { alt: imageAlt.value ? imageAlt.value : void 0 }, {
                 onError: replaceWithPlaceholder,
                 key: finalUrl.value
-              }), null, 16, _hoisted_1$17))
+              }), null, 16, _hoisted_1$1a))
             ]),
             _: 1
           })) : (openBlock(), createElementBlock("img", mergeProps({
@@ -18297,12 +18335,12 @@ and ensure you are accounting for this risk.
             class: ["lupa-images-main-image", { [_ctx.imageClass]: true }],
             style: styleOverride.value,
             src: finalMainImageUrl.value
-          }, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_2$P))
+          }, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_2$R))
         ], 38);
       };
     }
   });
-  const _sfc_main$1e = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1i = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductImage",
     props: {
       item: {},
@@ -18310,7 +18348,7 @@ and ensure you are accounting for this risk.
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(_sfc_main$1f, {
+        return openBlock(), createBlock(_sfc_main$1j, {
           item: _ctx.item,
           options: _ctx.options,
           "wrapper-class": "lupa-search-box-image-wrapper",
@@ -18319,12 +18357,12 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$16 = ["innerHTML"];
-  const _hoisted_2$O = {
+  const _hoisted_1$19 = ["innerHTML"];
+  const _hoisted_2$Q = {
     key: 1,
     class: "lupa-search-box-product-title"
   };
-  const _sfc_main$1d = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1h = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductTitle",
     props: {
       item: {},
@@ -18347,18 +18385,18 @@ and ensure you are accounting for this risk.
           key: 0,
           class: "lupa-search-box-product-title",
           innerHTML: sanitizedTitle.value
-        }, null, 8, _hoisted_1$16)) : (openBlock(), createElementBlock("div", _hoisted_2$O, [
+        }, null, 8, _hoisted_1$19)) : (openBlock(), createElementBlock("div", _hoisted_2$Q, [
           createBaseVNode("strong", null, toDisplayString(title.value), 1)
         ]));
       };
     }
   });
-  const _hoisted_1$15 = ["innerHTML"];
-  const _hoisted_2$N = {
+  const _hoisted_1$18 = ["innerHTML"];
+  const _hoisted_2$P = {
     key: 1,
     class: "lupa-search-box-product-description"
   };
-  const _sfc_main$1c = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1g = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductDescription",
     props: {
       item: {},
@@ -18381,12 +18419,12 @@ and ensure you are accounting for this risk.
           key: 0,
           class: "lupa-search-box-product-description",
           innerHTML: sanitizedDescription.value
-        }, null, 8, _hoisted_1$15)) : (openBlock(), createElementBlock("div", _hoisted_2$N, toDisplayString(description.value), 1));
+        }, null, 8, _hoisted_1$18)) : (openBlock(), createElementBlock("div", _hoisted_2$P, toDisplayString(description.value), 1));
       };
     }
   });
-  const _hoisted_1$14 = { class: "lupa-search-box-product-price" };
-  const _sfc_main$1b = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$17 = { class: "lupa-search-box-product-price" };
+  const _sfc_main$1f = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductPrice",
     props: {
       item: {},
@@ -18404,13 +18442,13 @@ and ensure you are accounting for this risk.
         );
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$14, [
+        return openBlock(), createElementBlock("div", _hoisted_1$17, [
           createBaseVNode("strong", null, toDisplayString(price.value), 1)
         ]);
       };
     }
   });
-  const _sfc_main$1a = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1e = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductRegularPrice",
     props: {
       item: {},
@@ -18437,12 +18475,12 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$13 = ["innerHTML"];
-  const _hoisted_2$M = { key: 0 };
-  const _hoisted_3$z = { key: 1 };
+  const _hoisted_1$16 = ["innerHTML"];
+  const _hoisted_2$O = { key: 0 };
+  const _hoisted_3$B = { key: 1 };
   const _hoisted_4$r = { class: "lupa-search-box-custom-label" };
-  const _hoisted_5$i = { class: "lupa-search-box-custom-text" };
-  const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+  const _hoisted_5$h = { class: "lupa-search-box-custom-text" };
+  const _sfc_main$1d = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductCustom",
     props: {
       item: {},
@@ -18468,20 +18506,20 @@ and ensure you are accounting for this risk.
           key: 0,
           class: [className.value, "lupa-search-box-product-custom"],
           innerHTML: text.value
-        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$13)) : (openBlock(), createElementBlock("div", mergeProps({
+        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$16)) : (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$M, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$z, [
+          !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$O, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$B, [
             createBaseVNode("div", _hoisted_4$r, toDisplayString(label.value), 1),
-            createBaseVNode("div", _hoisted_5$i, toDisplayString(text.value), 1)
+            createBaseVNode("div", _hoisted_5$h, toDisplayString(text.value), 1)
           ]))
         ], 16));
       };
     }
   });
-  const _hoisted_1$12 = ["innerHTML"];
-  const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$15 = ["innerHTML"];
+  const _sfc_main$1c = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductCustomHtml",
     props: {
       item: {},
@@ -18506,7 +18544,7 @@ and ensure you are accounting for this risk.
         return openBlock(), createElementBlock("div", mergeProps({
           class: className.value,
           innerHTML: text.value
-        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$12);
+        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$15);
       };
     }
   });
@@ -18740,10 +18778,10 @@ and ensure you are accounting for this risk.
       setRelatedCategoryChildren
     };
   });
-  const _hoisted_1$11 = { class: "lupa-search-box-add-to-cart-wrapper" };
-  const _hoisted_2$L = { class: "lupa-search-box-product-addtocart" };
-  const _hoisted_3$y = ["onClick", "disabled"];
-  const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$14 = { class: "lupa-search-box-add-to-cart-wrapper" };
+  const _hoisted_2$N = { class: "lupa-search-box-product-addtocart" };
+  const _hoisted_3$A = ["onClick", "disabled"];
+  const _sfc_main$1b = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductAddToCart",
     props: {
       item: {},
@@ -18776,37 +18814,37 @@ and ensure you are accounting for this risk.
         loading.value = false;
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$11, [
-          createBaseVNode("div", _hoisted_2$L, [
+        return openBlock(), createElementBlock("div", _hoisted_1$14, [
+          createBaseVNode("div", _hoisted_2$N, [
             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$y)
+            }, toDisplayString(label.value), 11, _hoisted_3$A)
           ])
         ]);
       };
     }
   });
-  const _hoisted_1$10 = {
+  const _hoisted_1$13 = {
     key: 1,
     class: "lupa-search-box-element-badge-wrapper"
   };
   const __default__$4 = {
     components: {
-      SearchBoxProductImage: _sfc_main$1e,
-      SearchBoxProductTitle: _sfc_main$1d,
-      SearchBoxProductDescription: _sfc_main$1c,
-      SearchBoxProductPrice: _sfc_main$1b,
-      SearchBoxProductRegularPrice: _sfc_main$1a,
-      SearchBoxProductCustom: _sfc_main$19,
-      SearchBoxProductCustomHtml: _sfc_main$18,
-      SearchBoxProductAddToCart: _sfc_main$17
+      SearchBoxProductImage: _sfc_main$1i,
+      SearchBoxProductTitle: _sfc_main$1h,
+      SearchBoxProductDescription: _sfc_main$1g,
+      SearchBoxProductPrice: _sfc_main$1f,
+      SearchBoxProductRegularPrice: _sfc_main$1e,
+      SearchBoxProductCustom: _sfc_main$1d,
+      SearchBoxProductCustomHtml: _sfc_main$1c,
+      SearchBoxProductAddToCart: _sfc_main$1b
     }
   };
-  const _sfc_main$16 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$4), {
+  const _sfc_main$1a = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$4), {
     __name: "SearchBoxProductElement",
     props: {
       item: {},
@@ -18869,7 +18907,7 @@ and ensure you are accounting for this risk.
             class: normalizeClass({ "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) }),
             inStock: _ctx.isInStock
           }, null, 8, ["item", "options", "labels", "class", "inStock"])) : createCommentVNode("", true)
-        ], 64)) : (openBlock(), createElementBlock("div", _hoisted_1$10, [
+        ], 64)) : (openBlock(), createElementBlock("div", _hoisted_1$13, [
           displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
             key: 0,
             item: enhancedItem.value,
@@ -18883,14 +18921,14 @@ and ensure you are accounting for this risk.
       };
     }
   }));
-  const _hoisted_1$$ = { class: "lupa-badge-title" };
-  const _hoisted_2$K = ["src"];
-  const _hoisted_3$x = { key: 1 };
+  const _hoisted_1$12 = { class: "lupa-badge-title" };
+  const _hoisted_2$M = ["src"];
+  const _hoisted_3$z = { key: 1 };
   const _hoisted_4$q = {
     key: 0,
     class: "lupa-badge-full-text"
   };
-  const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+  const _sfc_main$19 = /* @__PURE__ */ defineComponent({
     __name: "SearchResultGeneratedBadge",
     props: {
       options: {},
@@ -18923,20 +18961,20 @@ and ensure you are accounting for this risk.
           class: normalizeClass(["lupa-dynamic-badge", customClassName.value]),
           style: normalizeStyle({ background: _ctx.badge.backgroundColor, color: _ctx.badge.color })
         }, [
-          createBaseVNode("span", _hoisted_1$$, [
+          createBaseVNode("span", _hoisted_1$12, [
             image.value ? (openBlock(), createElementBlock("img", {
               key: 0,
               src: image.value
-            }, null, 8, _hoisted_2$K)) : createCommentVNode("", true),
-            hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$x, toDisplayString(_ctx.badge.titleText), 1)) : createCommentVNode("", true)
+            }, null, 8, _hoisted_2$M)) : createCommentVNode("", true),
+            hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$z, toDisplayString(_ctx.badge.titleText), 1)) : createCommentVNode("", true)
           ]),
           hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$q, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
         ], 6);
       };
     }
   });
-  const _hoisted_1$_ = { class: "lupa-generated-badges" };
-  const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$11 = { class: "lupa-generated-badges" };
+  const _sfc_main$18 = /* @__PURE__ */ defineComponent({
     __name: "SearchResultGeneratedBadges",
     props: {
       options: {}
@@ -18962,9 +19000,9 @@ and ensure you are accounting for this risk.
         })).filter((b) => Boolean(b.id));
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$_, [
+        return openBlock(), createElementBlock("div", _hoisted_1$11, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(badges.value, (badge) => {
-            return openBlock(), createBlock(_sfc_main$15, {
+            return openBlock(), createBlock(_sfc_main$19, {
               key: badge.id,
               badge,
               options: _ctx.options
@@ -18974,8 +19012,8 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$Z = ["innerHTML"];
-  const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$10 = ["innerHTML"];
+  const _sfc_main$17 = /* @__PURE__ */ defineComponent({
     __name: "CustomBadge",
     props: {
       badge: {}
@@ -18996,12 +19034,12 @@ and ensure you are accounting for this risk.
         return openBlock(), createElementBlock("div", {
           class: normalizeClass(className.value),
           innerHTML: text.value
-        }, null, 10, _hoisted_1$Z);
+        }, null, 10, _hoisted_1$10);
       };
     }
   });
-  const _hoisted_1$Y = { class: "lupa-text-badges" };
-  const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$$ = { class: "lupa-text-badges" };
+  const _sfc_main$16 = /* @__PURE__ */ defineComponent({
     __name: "TextBadge",
     props: {
       badge: {}
@@ -19016,7 +19054,7 @@ and ensure you are accounting for this risk.
         return badges.value.slice(0, props.badge.maxItems);
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$Y, [
+        return openBlock(), createElementBlock("div", _hoisted_1$$, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
             return openBlock(), createElementBlock("div", {
               class: "lupa-badge lupa-text-badge",
@@ -19027,9 +19065,9 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$X = { class: "lupa-image-badges" };
-  const _hoisted_2$J = ["src"];
-  const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$_ = { class: "lupa-image-badges" };
+  const _hoisted_2$L = ["src"];
+  const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     __name: "ImageBadge",
     props: {
       badge: {}
@@ -19049,7 +19087,7 @@ and ensure you are accounting for this risk.
         return `${props.badge.rootImageUrl}${src}`;
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$X, [
+        return openBlock(), createElementBlock("div", _hoisted_1$_, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
             return openBlock(), createElementBlock("div", {
               class: "lupa-badge lupa-image-badge",
@@ -19057,22 +19095,22 @@ and ensure you are accounting for this risk.
             }, [
               createBaseVNode("img", {
                 src: getImageUrl(item)
-              }, null, 8, _hoisted_2$J)
+              }, null, 8, _hoisted_2$L)
             ]);
           }), 128))
         ]);
       };
     }
   });
-  const _hoisted_1$W = { id: "lupa-search-results-badges" };
+  const _hoisted_1$Z = { id: "lupa-search-results-badges" };
   const __default__$3 = {
     components: {
-      CustomBadge: _sfc_main$13,
-      TextBadge: _sfc_main$12,
-      ImageBadge: _sfc_main$11
+      CustomBadge: _sfc_main$17,
+      TextBadge: _sfc_main$16,
+      ImageBadge: _sfc_main$15
     }
   };
-  const _sfc_main$10 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$3), {
+  const _sfc_main$14 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$3), {
     __name: "SearchResultsBadgeWrapper",
     props: {
       position: {},
@@ -19133,7 +19171,7 @@ and ensure you are accounting for this risk.
         }
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$W, [
+        return openBlock(), createElementBlock("div", _hoisted_1$Z, [
           createBaseVNode("div", {
             id: "lupa-badges",
             class: normalizeClass(anchorPosition.value)
@@ -19144,7 +19182,7 @@ and ensure you are accounting for this risk.
                 badge
               }, null, 8, ["badge"]);
             }), 128)),
-            positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$14, {
+            positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$18, {
               key: 0,
               options: _ctx.options
             }, null, 8, ["options"])) : createCommentVNode("", true)
@@ -19153,13 +19191,13 @@ and ensure you are accounting for this risk.
       };
     }
   }));
-  const _hoisted_1$V = ["href"];
-  const _hoisted_2$I = { class: "lupa-search-box-product-details-section" };
-  const _hoisted_3$w = {
+  const _hoisted_1$Y = ["href"];
+  const _hoisted_2$K = { class: "lupa-search-box-product-details-section" };
+  const _hoisted_3$y = {
     key: 0,
     class: "lupa-search-box-product-add-to-cart-section"
   };
-  const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+  const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProduct",
     props: {
       item: {},
@@ -19245,7 +19283,7 @@ and ensure you are accounting for this risk.
             style: normalizeStyle(imageStyleOverride.value)
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
-              return openBlock(), createBlock(_sfc_main$16, {
+              return openBlock(), createBlock(_sfc_main$1a, {
                 class: "lupa-search-box-product-element",
                 item: _ctx.item,
                 element,
@@ -19255,10 +19293,10 @@ and ensure you are accounting for this risk.
               }, null, 8, ["item", "element", "labels", "link"]);
             }), 128))
           ], 4),
-          createBaseVNode("div", _hoisted_2$I, [
+          createBaseVNode("div", _hoisted_2$K, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
               var _a;
-              return openBlock(), createBlock(_sfc_main$16, {
+              return openBlock(), createBlock(_sfc_main$1a, {
                 key: element.key,
                 class: "lupa-search-box-product-element",
                 item: _ctx.item,
@@ -19269,7 +19307,7 @@ and ensure you are accounting for this risk.
                 badgeOptions.value && ((_a = badgeOptions.value) == null ? void 0 : _a.anchorElementKey) === element.key ? {
                   name: "badges",
                   fn: withCtx(() => [
-                    createVNode(_sfc_main$10, {
+                    createVNode(_sfc_main$14, {
                       options: badgeOptions.value,
                       position: "card"
                     }, null, 8, ["options"])
@@ -19279,8 +19317,8 @@ and ensure you are accounting for this risk.
               ]), 1032, ["item", "element", "labels", "link"]);
             }), 128))
           ]),
-          addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_3$w, [
-            createVNode(_sfc_main$16, {
+          addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_3$y, [
+            createVNode(_sfc_main$1a, {
               class: "lupa-search-box-product-element",
               item: _ctx.item,
               element: addToCartElement.value,
@@ -19289,7 +19327,7 @@ and ensure you are accounting for this risk.
               isInStock: isInStock.value
             }, null, 8, ["item", "element", "labels", "link", "isInStock"])
           ])) : createCommentVNode("", true)
-        ], 16, _hoisted_1$V);
+        ], 16, _hoisted_1$Y);
       };
     }
   });
@@ -19350,8 +19388,8 @@ and ensure you are accounting for this risk.
     };
     return { trackSearch, trackResults, trackEvent };
   });
-  const _hoisted_1$U = { id: "lupa-search-box-products" };
-  const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$X = { id: "lupa-search-box-products" };
+  const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProducts",
     props: {
       items: {},
@@ -19412,7 +19450,7 @@ and ensure you are accounting for this risk.
         handleRoutingEvent(link, event, boxRoutingBehavior.value === "event");
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$U, [
+        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,
@@ -19424,7 +19462,7 @@ and ensure you are accounting for this risk.
               itemClicked: handleProductClick
             });
           }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.items, (item, index) => {
-            return openBlock(), createBlock(_sfc_main$$, {
+            return openBlock(), createBlock(_sfc_main$13, {
               key: index,
               item,
               panelOptions: _ctx.panelOptions,
@@ -19439,9 +19477,9 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$T = { class: "lupa-search-box-documents-go-to-results-wrapper" };
-  const _hoisted_2$H = { key: 0 };
-  const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$W = { class: "lupa-search-box-documents-go-to-results-wrapper" };
+  const _hoisted_2$J = { key: 0 };
+  const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductsGoToResultsButton",
     props: {
       options: {},
@@ -19471,19 +19509,19 @@ and ensure you are accounting for this risk.
         emit2("goToResults");
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$T, [
+        return openBlock(), createElementBlock("div", _hoisted_1$W, [
           createBaseVNode("button", {
             class: "lupa-search-box-documents-go-to-results-button",
             onClick: goToResults
           }, [
             createTextVNode(toDisplayString(goToResultsLabel.value) + " ", 1),
-            totalCount.value ? (openBlock(), createElementBlock("span", _hoisted_2$H, " " + toDisplayString(totalCount.value), 1)) : createCommentVNode("", true)
+            totalCount.value ? (openBlock(), createElementBlock("span", _hoisted_2$J, " " + toDisplayString(totalCount.value), 1)) : createCommentVNode("", true)
           ])
         ]);
       };
     }
   });
-  const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+  const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductsWrapper",
     props: {
       panel: {},
@@ -19540,7 +19578,7 @@ and ensure you are accounting for this risk.
       watch(() => props.panel.limit, getItemsDebounced);
       return (_ctx, _cache) => {
         var _a, _b;
-        return openBlock(), createBlock(_sfc_main$_, {
+        return openBlock(), createBlock(_sfc_main$12, {
           items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
           panelOptions: _ctx.panel,
           labels: _ctx.labels,
@@ -19550,7 +19588,7 @@ and ensure you are accounting for this risk.
           default: withCtx(() => {
             var _a2;
             return [
-              showGoToResultsButton.value && ((_a2 = searchResult.value) == null ? void 0 : _a2.items.length) ? (openBlock(), createBlock(_sfc_main$Z, {
+              showGoToResultsButton.value && ((_a2 = searchResult.value) == null ? void 0 : _a2.items.length) ? (openBlock(), createBlock(_sfc_main$11, {
                 key: 0,
                 options: _ctx.searchBoxOptions,
                 panel: _ctx.panel,
@@ -19571,7 +19609,7 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _sfc_main$X = /* @__PURE__ */ defineComponent({
+  const _sfc_main$$ = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxRelatedSourceWrapper",
     props: {
       panel: {},
@@ -19643,7 +19681,7 @@ and ensure you are accounting for this risk.
       });
       return (_ctx, _cache) => {
         var _a, _b;
-        return openBlock(), createBlock(_sfc_main$_, {
+        return openBlock(), createBlock(_sfc_main$12, {
           items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
           panelOptions: documentPanelOptions.value,
           labels: _ctx.labels,
@@ -19661,12 +19699,12 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$S = {
+  const _hoisted_1$V = {
     key: 0,
     id: "lupa-search-box-panel"
   };
-  const _hoisted_2$G = ["data-cy"];
-  const _hoisted_3$v = {
+  const _hoisted_2$I = ["data-cy"];
+  const _hoisted_3$x = {
     key: 0,
     class: "lupa-panel-title lupa-panel-title-top-results"
   };
@@ -19674,18 +19712,18 @@ and ensure you are accounting for this risk.
     key: 1,
     class: "lupa-panel-title"
   };
-  const _hoisted_5$h = {
+  const _hoisted_5$g = {
     key: 1,
     id: "lupa-search-box-panel"
   };
   const __default__$2 = {
     components: {
-      SearchBoxSuggestionsWrapper: _sfc_main$1g,
-      SearchBoxProductsWrapper: _sfc_main$Y,
-      SearchBoxRelatedSourceWrapper: _sfc_main$X
+      SearchBoxSuggestionsWrapper: _sfc_main$1k,
+      SearchBoxProductsWrapper: _sfc_main$10,
+      SearchBoxRelatedSourceWrapper: _sfc_main$$
     }
   };
-  const _sfc_main$W = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$2), {
+  const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$2), {
     __name: "SearchBoxMainPanel",
     props: {
       options: {},
@@ -19841,7 +19879,7 @@ and ensure you are accounting for this risk.
           ref_key: "panelContainer",
           ref: panelContainer
         }, [
-          displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$S, [
+          displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$V, [
             labels.value.closePanel ? (openBlock(), createElementBlock("a", {
               key: 0,
               class: "lupa-search-box-close-panel",
@@ -19863,7 +19901,7 @@ and ensure you are accounting for this risk.
                   style: normalizeStyle(panel.gridArea ? { gridArea: `${panel.gridArea}${index}` } : {}),
                   "data-cy": "lupa-panel-" + panel.type + "-index"
                 }, [
-                  ((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$v, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
+                  ((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$x, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
                   ((_c = panel.labels) == null ? void 0 : _c.title) && showPanelTitle(panel) ? (openBlock(), createElementBlock("div", _hoisted_4$p, toDisplayString((_d = panel.labels) == null ? void 0 : _d.title), 1)) : createCommentVNode("", true),
                   panel.queryKey && canShowPanel(panel) ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(panel.type)), {
                     key: 2,
@@ -19886,21 +19924,21 @@ and ensure you are accounting for this risk.
                       key: "0"
                     } : void 0
                   ]), 1064, ["panel", "search-box-options", "options", "debounce", "inputValue", "labels"])) : createCommentVNode("", true)
-                ], 14, _hoisted_2$G);
+                ], 14, _hoisted_2$I);
               }), 128))
             ], 4),
-            !unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1j, {
+            !unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1n, {
               key: 1,
               labels: labels.value
             }, null, 8, ["labels"])) : createCommentVNode("", true),
-            unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (openBlock(), createBlock(_sfc_main$1m, {
+            unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (openBlock(), createBlock(_sfc_main$1q, {
               key: 2,
               labels: labels.value,
               showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
               onGoToResults: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("go-to-results"))
             }, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
-          ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_5$h, [
-            createVNode(_sfc_main$1k, {
+          ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_5$g, [
+            createVNode(_sfc_main$1o, {
               options: _ctx.options.history,
               history: history.value,
               onGoToResults: handleGoToResults,
@@ -19925,9 +19963,9 @@ and ensure you are accounting for this risk.
     const elements = getElements(triggers);
     elements.forEach((e2) => e2 == null ? void 0 : e2.removeEventListener(BIND_EVENT, event));
   };
-  const _hoisted_1$R = { id: "lupa-search-box" };
-  const _hoisted_2$F = { class: "lupa-search-box-wrapper" };
-  const _sfc_main$V = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$U = { id: "lupa-search-box" };
+  const _hoisted_2$H = { class: "lupa-search-box-wrapper" };
+  const _sfc_main$Z = /* @__PURE__ */ defineComponent({
     __name: "SearchBox",
     props: {
       options: {},
@@ -20187,9 +20225,9 @@ and ensure you are accounting for this risk.
       };
       return (_ctx, _cache) => {
         var _a2;
-        return openBlock(), createElementBlock("div", _hoisted_1$R, [
-          createBaseVNode("div", _hoisted_2$F, [
-            createVNode(_sfc_main$1n, {
+        return openBlock(), createElementBlock("div", _hoisted_1$U, [
+          createBaseVNode("div", _hoisted_2$H, [
+            createVNode(_sfc_main$1r, {
               options: inputOptions.value,
               suggestedValue: suggestedValue.value,
               "can-close": (_a2 = _ctx.isSearchContainer) != null ? _a2 : false,
@@ -20202,7 +20240,7 @@ and ensure you are accounting for this risk.
               onSearch: handleSearch,
               onClose: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("close"))
             }, null, 8, ["options", "suggestedValue", "can-close", "emit-input-on-focus"]),
-            opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$W, {
+            opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$_, {
               key: 0,
               options: panelOptions.value,
               inputValue: inputValue.value,
@@ -20291,20 +20329,20 @@ and ensure you are accounting for this risk.
     }
     return searchParams;
   };
-  const _hoisted_1$Q = {
+  const _hoisted_1$T = {
     key: 0,
     id: "lupa-search-results-did-you-mean"
   };
-  const _hoisted_2$E = {
+  const _hoisted_2$G = {
     key: 0,
     "data-cy": "suggested-search-text-label"
   };
-  const _hoisted_3$u = {
+  const _hoisted_3$w = {
     key: 1,
     "data-cy": "did-you-mean-label"
   };
   const _hoisted_4$o = { key: 1 };
-  const _sfc_main$U = /* @__PURE__ */ defineComponent({
+  const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsDidYouMean",
     props: {
       labels: {}
@@ -20336,8 +20374,8 @@ and ensure you are accounting for this risk.
         paramStore.goToResults({ searchText, facet });
       };
       return (_ctx, _cache) => {
-        return unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_1$Q, [
-          unref(searchResult).suggestedSearchText ? (openBlock(), createElementBlock("div", _hoisted_2$E, [
+        return unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_1$T, [
+          unref(searchResult).suggestedSearchText ? (openBlock(), createElementBlock("div", _hoisted_2$G, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.labels.noResultsSuggestion.split(" "), (label, index) => {
               return openBlock(), createElementBlock("span", { key: index }, [
                 createBaseVNode("span", {
@@ -20346,7 +20384,7 @@ and ensure you are accounting for this risk.
               ]);
             }), 128))
           ])) : createCommentVNode("", true),
-          didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$u, [
+          didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$w, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.labels.didYouMean.split(" "), (label, index) => {
               return openBlock(), createElementBlock("span", { key: index }, [
                 label.includes("{1}") ? (openBlock(), createElementBlock("span", {
@@ -20362,12 +20400,12 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$P = {
+  const _hoisted_1$S = {
     key: 0,
     class: "lupa-search-results-summary"
   };
-  const _hoisted_2$D = ["innerHTML"];
-  const _sfc_main$T = /* @__PURE__ */ defineComponent({
+  const _hoisted_2$F = ["innerHTML"];
+  const _sfc_main$X = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsSummary",
     props: {
       label: {},
@@ -20382,8 +20420,8 @@ and ensure you are accounting for this risk.
         return addParamsToLabel(props.label, range, `<span>${totalItems.value}</span>`);
       });
       return (_ctx, _cache) => {
-        return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$P, [
-          createBaseVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$D),
+        return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$S, [
+          createBaseVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$F),
           _ctx.clearable ? (openBlock(), createElementBlock("span", {
             key: 0,
             class: "lupa-filter-clear",
@@ -20394,19 +20432,19 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$O = {
+  const _hoisted_1$R = {
     key: 0,
     class: "lupa-result-page-title",
     "data-cy": "lupa-result-page-title"
   };
-  const _hoisted_2$C = { key: 0 };
-  const _hoisted_3$t = {
+  const _hoisted_2$E = { key: 0 };
+  const _hoisted_3$v = {
     key: 1,
     class: "lupa-results-total-count"
   };
   const _hoisted_4$n = { class: "lupa-results-total-count-number" };
-  const _hoisted_5$g = ["innerHTML"];
-  const _sfc_main$S = /* @__PURE__ */ defineComponent({
+  const _hoisted_5$f = ["innerHTML"];
+  const _sfc_main$W = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsTitle",
     props: {
       options: {},
@@ -20445,16 +20483,16 @@ and ensure you are accounting for this risk.
       });
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", null, [
-          showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$O, [
+          showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$R, [
             createTextVNode(toDisplayString(_ctx.options.labels.searchResults), 1),
-            queryText.value ? (openBlock(), createElementBlock("span", _hoisted_2$C, "'" + toDisplayString(queryText.value) + "'", 1)) : createCommentVNode("", true),
-            showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$t, [
+            queryText.value ? (openBlock(), createElementBlock("span", _hoisted_2$E, "'" + toDisplayString(queryText.value) + "'", 1)) : createCommentVNode("", true),
+            showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$v, [
               createTextVNode("(" + toDisplayString(searchResultsCountLabel.value), 1),
               createBaseVNode("span", _hoisted_4$n, toDisplayString(unref(totalItems)), 1),
               createTextVNode(")")
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
-          _ctx.showSummary ? (openBlock(), createBlock(_sfc_main$T, {
+          _ctx.showSummary ? (openBlock(), createBlock(_sfc_main$X, {
             key: 1,
             label: summaryLabel.value
           }, null, 8, ["label"])) : createCommentVNode("", true),
@@ -20462,21 +20500,21 @@ and ensure you are accounting for this risk.
             key: 2,
             class: "lupa-result-page-description-top",
             innerHTML: descriptionTop.value
-          }, null, 8, _hoisted_5$g)) : createCommentVNode("", true)
+          }, null, 8, _hoisted_5$f)) : createCommentVNode("", true)
         ]);
       };
     }
   });
-  const _hoisted_1$N = { class: "lupa-search-result-filter-value" };
-  const _hoisted_2$B = {
+  const _hoisted_1$Q = { class: "lupa-search-result-filter-value" };
+  const _hoisted_2$D = {
     class: "lupa-current-filter-label",
     "data-cy": "lupa-current-filter-label"
   };
-  const _hoisted_3$s = {
+  const _hoisted_3$u = {
     class: "lupa-current-filter-value",
     "data-cy": "lupa-current-filter-value"
   };
-  const _sfc_main$R = /* @__PURE__ */ defineComponent({
+  const _sfc_main$V = /* @__PURE__ */ defineComponent({
     __name: "CurrentFilterDisplay",
     props: {
       filter: {}
@@ -20488,28 +20526,28 @@ and ensure you are accounting for this risk.
         emit2("remove", { filter: props.filter });
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$N, [
+        return openBlock(), createElementBlock("div", _hoisted_1$Q, [
           createBaseVNode("div", {
             class: "lupa-current-filter-action",
             onClick: handleClick
           }, "⨉"),
-          createBaseVNode("div", _hoisted_2$B, toDisplayString(_ctx.filter.label) + ": ", 1),
-          createBaseVNode("div", _hoisted_3$s, toDisplayString(_ctx.filter.value), 1)
+          createBaseVNode("div", _hoisted_2$D, toDisplayString(_ctx.filter.label) + ": ", 1),
+          createBaseVNode("div", _hoisted_3$u, toDisplayString(_ctx.filter.value), 1)
         ]);
       };
     }
   });
-  const _hoisted_1$M = { class: "lupa-filter-title-text" };
-  const _hoisted_2$A = {
+  const _hoisted_1$P = { class: "lupa-filter-title-text" };
+  const _hoisted_2$C = {
     key: 0,
     class: "lupa-filter-count"
   };
-  const _hoisted_3$r = {
+  const _hoisted_3$t = {
     key: 0,
     class: "filter-values"
   };
   const _hoisted_4$m = { class: "lupa-current-filter-list" };
-  const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+  const _sfc_main$U = /* @__PURE__ */ defineComponent({
     __name: "CurrentFilters",
     props: {
       options: {},
@@ -20582,19 +20620,19 @@ and ensure you are accounting for this risk.
             class: "lupa-current-filter-title",
             onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
           }, [
-            createBaseVNode("div", _hoisted_1$M, [
+            createBaseVNode("div", _hoisted_1$P, [
               createTextVNode(toDisplayString((_c = (_b = (_a = _ctx.options) == null ? void 0 : _a.labels) == null ? void 0 : _b.title) != null ? _c : "") + " ", 1),
-              _ctx.expandable ? (openBlock(), createElementBlock("span", _hoisted_2$A, " (" + toDisplayString(unref(currentFilterCount)) + ") ", 1)) : createCommentVNode("", true)
+              _ctx.expandable ? (openBlock(), createElementBlock("span", _hoisted_2$C, " (" + 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$r, [
+          !_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$t, [
             createBaseVNode("div", _hoisted_4$m, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(currentDisplayFilters.value, (filter2) => {
-                return openBlock(), createBlock(_sfc_main$R, {
+                return openBlock(), createBlock(_sfc_main$V, {
                   key: filter2.key + "_" + filter2.value,
                   filter: filter2,
                   onRemove: handleRemove
@@ -20611,8 +20649,8 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$L = ["href"];
-  const _sfc_main$P = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$O = ["href"];
+  const _sfc_main$T = /* @__PURE__ */ defineComponent({
     __name: "CategoryFilterItem",
     props: {
       options: {},
@@ -20649,20 +20687,20 @@ and ensure you are accounting for this risk.
             "data-cy": "lupa-child-category-item",
             href: urlLink.value,
             onClick: handleNavigation
-          }, toDisplayString(title.value), 9, _hoisted_1$L)
+          }, toDisplayString(title.value), 9, _hoisted_1$O)
         ], 2);
       };
     }
   });
-  const _hoisted_1$K = {
+  const _hoisted_1$N = {
     class: "lupa-category-filter",
     "data-cy": "lupa-category-filter"
   };
-  const _hoisted_2$z = { class: "lupa-category-back" };
-  const _hoisted_3$q = ["href"];
+  const _hoisted_2$B = { class: "lupa-category-back" };
+  const _hoisted_3$s = ["href"];
   const _hoisted_4$l = ["href"];
-  const _hoisted_5$f = { class: "lupa-child-category-list" };
-  const _sfc_main$O = /* @__PURE__ */ defineComponent({
+  const _hoisted_5$e = { class: "lupa-child-category-list" };
+  const _sfc_main$S = /* @__PURE__ */ defineComponent({
     __name: "CategoryFilter",
     props: {
       options: {}
@@ -20750,14 +20788,14 @@ and ensure you are accounting for this risk.
       };
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$K, [
-          createBaseVNode("div", _hoisted_2$z, [
+        return openBlock(), createElementBlock("div", _hoisted_1$N, [
+          createBaseVNode("div", _hoisted_2$B, [
             hasBackButton.value ? (openBlock(), createElementBlock("a", {
               key: 0,
               "data-cy": "lupa-category-back",
               href: backUrlLink.value,
               onClick: handleNavigationBack
-            }, toDisplayString(backTitle.value), 9, _hoisted_3$q)) : createCommentVNode("", true)
+            }, toDisplayString(backTitle.value), 9, _hoisted_3$s)) : createCommentVNode("", true)
           ]),
           createBaseVNode("div", {
             class: normalizeClass(["lupa-current-category", { "lupa-current-category-active": isActive }])
@@ -20769,9 +20807,9 @@ and ensure you are accounting for this risk.
               onClick: handleNavigationParent
             }, toDisplayString(parentTitle.value), 11, _hoisted_4$l)
           ], 2),
-          createBaseVNode("div", _hoisted_5$f, [
+          createBaseVNode("div", _hoisted_5$e, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(categoryChildren.value, (child) => {
-              return openBlock(), createBlock(_sfc_main$P, {
+              return openBlock(), createBlock(_sfc_main$T, {
                 key: getCategoryKey(child),
                 item: child,
                 options: _ctx.options
@@ -20782,15 +20820,15 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$J = {
+  const _hoisted_1$M = {
     class: "lupa-search-result-facet-term-values",
     "data-cy": "lupa-search-result-facet-term-values"
   };
-  const _hoisted_2$y = ["placeholder"];
-  const _hoisted_3$p = { class: "lupa-terms-list" };
+  const _hoisted_2$A = ["placeholder"];
+  const _hoisted_3$r = { class: "lupa-terms-list" };
   const _hoisted_4$k = ["onClick"];
-  const _hoisted_5$e = { class: "lupa-term-checkbox-wrapper" };
-  const _hoisted_6$9 = { class: "lupa-term-checkbox-label" };
+  const _hoisted_5$d = { class: "lupa-term-checkbox-wrapper" };
+  const _hoisted_6$8 = { class: "lupa-term-checkbox-label" };
   const _hoisted_7$6 = { class: "lupa-term-label" };
   const _hoisted_8$2 = {
     key: 0,
@@ -20798,7 +20836,7 @@ and ensure you are accounting for this risk.
   };
   const _hoisted_9$2 = { key: 0 };
   const _hoisted_10$1 = { key: 1 };
-  const _sfc_main$N = /* @__PURE__ */ defineComponent({
+  const _sfc_main$R = /* @__PURE__ */ defineComponent({
     __name: "TermFacet",
     props: {
       options: {},
@@ -20869,17 +20907,17 @@ and ensure you are accounting for this risk.
         return selectedItems == null ? void 0 : selectedItems.includes((_b = item.title) == null ? void 0 : _b.toString());
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$J, [
+        return openBlock(), createElementBlock("div", _hoisted_1$M, [
           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$y)), [
+          }, null, 8, _hoisted_2$A)), [
             [vModelText, termFilter.value]
           ]) : createCommentVNode("", true),
-          createBaseVNode("div", _hoisted_3$p, [
+          createBaseVNode("div", _hoisted_3$r, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(displayValues.value, (item) => {
               return openBlock(), createElementBlock("div", {
                 class: normalizeClass(["lupa-facet-term", { checked: isChecked(item) }]),
@@ -20887,12 +20925,12 @@ and ensure you are accounting for this risk.
                 key: item.title,
                 onClick: ($event) => handleFacetClick(item)
               }, [
-                createBaseVNode("div", _hoisted_5$e, [
+                createBaseVNode("div", _hoisted_5$d, [
                   createBaseVNode("span", {
                     class: normalizeClass(["lupa-term-checkbox", { checked: isChecked(item) }])
                   }, null, 2)
                 ]),
-                createBaseVNode("div", _hoisted_6$9, [
+                createBaseVNode("div", _hoisted_6$8, [
                   createBaseVNode("span", _hoisted_7$6, toDisplayString(item.title), 1),
                   _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_8$2, "(" + toDisplayString(item.count) + ")", 1)) : createCommentVNode("", true)
                 ])
@@ -21887,12 +21925,12 @@ and ensure you are accounting for this risk.
   m.render = function(e2, t, r, i, n, o) {
     return openBlock(), createElementBlock("div", mergeProps(e2.sliderProps, { ref: "slider" }), null, 16);
   }, m.__file = "src/Slider.vue";
-  const _hoisted_1$I = { class: "lupa-search-result-facet-stats-values" };
-  const _hoisted_2$x = {
+  const _hoisted_1$L = { class: "lupa-search-result-facet-stats-values" };
+  const _hoisted_2$z = {
     key: 0,
     class: "lupa-stats-facet-summary"
   };
-  const _hoisted_3$o = {
+  const _hoisted_3$q = {
     key: 1,
     class: "lupa-stats-facet-summary-input"
   };
@@ -21900,8 +21938,8 @@ and ensure you are accounting for this risk.
     key: 0,
     class: "lupa-stats-range-label"
   };
-  const _hoisted_5$d = { class: "lupa-stats-from" };
-  const _hoisted_6$8 = ["max", "min", "pattern", "aria-label"];
+  const _hoisted_5$c = { class: "lupa-stats-from" };
+  const _hoisted_6$7 = ["max", "min", "pattern", "aria-label"];
   const _hoisted_7$5 = { key: 0 };
   const _hoisted_8$1 = /* @__PURE__ */ createBaseVNode("div", { class: "lupa-stats-separator" }, null, -1);
   const _hoisted_9$1 = {
@@ -21915,7 +21953,7 @@ and ensure you are accounting for this risk.
     key: 2,
     class: "lupa-stats-slider-wrapper"
   };
-  const _sfc_main$M = /* @__PURE__ */ defineComponent({
+  const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     __name: "StatsFacet",
     props: {
       options: {},
@@ -22088,11 +22126,11 @@ and ensure you are accounting for this risk.
         innerSliderRange.value = value;
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$I, [
-          !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$x, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$o, [
+        return openBlock(), createElementBlock("div", _hoisted_1$L, [
+          !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$z, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$q, [
             createBaseVNode("div", null, [
               rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$j, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
-              createBaseVNode("div", _hoisted_5$d, [
+              createBaseVNode("div", _hoisted_5$c, [
                 withDirectives(createBaseVNode("input", {
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
                   type: "text",
@@ -22101,7 +22139,7 @@ and ensure you are accounting for this risk.
                   min: facetMin.value,
                   pattern: sliderInputFormat.value,
                   "aria-label": ariaLabelFrom.value
-                }, null, 8, _hoisted_6$8), [
+                }, null, 8, _hoisted_6$7), [
                   [
                     vModelText,
                     fromValue.value,
@@ -22155,18 +22193,18 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$H = { class: "lupa-term-checkbox-wrapper" };
-  const _hoisted_2$w = { class: "lupa-term-checkbox-label" };
-  const _hoisted_3$n = { class: "lupa-term-label" };
+  const _hoisted_1$K = { class: "lupa-term-checkbox-wrapper" };
+  const _hoisted_2$y = { class: "lupa-term-checkbox-label" };
+  const _hoisted_3$p = { class: "lupa-term-label" };
   const _hoisted_4$i = {
     key: 0,
     class: "lupa-term-count"
   };
-  const _hoisted_5$c = {
+  const _hoisted_5$b = {
     key: 0,
     class: "lupa-facet-level"
   };
-  const _sfc_main$L = /* @__PURE__ */ defineComponent({
+  const _sfc_main$P = /* @__PURE__ */ defineComponent({
     __name: "HierarchyFacetLevel",
     props: {
       options: {},
@@ -22212,17 +22250,17 @@ and ensure you are accounting for this risk.
             "data-cy": "lupa-facet-term",
             onClick: _cache[0] || (_cache[0] = ($event) => handleFacetClick(_ctx.item))
           }, [
-            createBaseVNode("div", _hoisted_1$H, [
+            createBaseVNode("div", _hoisted_1$K, [
               createBaseVNode("span", {
                 class: normalizeClass(["lupa-term-checkbox", { checked: isChecked.value }])
               }, null, 2)
             ]),
-            createBaseVNode("div", _hoisted_2$w, [
-              createBaseVNode("span", _hoisted_3$n, toDisplayString(_ctx.item.title) + toDisplayString(" "), 1),
+            createBaseVNode("div", _hoisted_2$y, [
+              createBaseVNode("span", _hoisted_3$p, toDisplayString(_ctx.item.title) + toDisplayString(" "), 1),
               _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_4$i, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
             ])
           ]),
-          showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_5$c, [
+          showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_5$b, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(treeItem.value.children, (itemChild) => {
               return openBlock(), createBlock(_component_HierarchyFacetLevel, {
                 key: itemChild.title,
@@ -22238,13 +22276,13 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$G = {
+  const _hoisted_1$J = {
     class: "lupa-search-result-facet-term-values lupa-search-result-facet-hierarchy-values",
     "data-cy": "lupa-search-result-facet-term-values"
   };
-  const _hoisted_2$v = { key: 0 };
-  const _hoisted_3$m = ["placeholder"];
-  const _sfc_main$K = /* @__PURE__ */ defineComponent({
+  const _hoisted_2$x = { key: 0 };
+  const _hoisted_3$o = ["placeholder"];
+  const _sfc_main$O = /* @__PURE__ */ defineComponent({
     __name: "HierarchyFacet",
     props: {
       options: {},
@@ -22294,19 +22332,19 @@ and ensure you are accounting for this risk.
         showAll.value = true;
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$G, [
-          isFilterable.value ? (openBlock(), createElementBlock("div", _hoisted_2$v, [
+        return openBlock(), createElementBlock("div", _hoisted_1$J, [
+          isFilterable.value ? (openBlock(), createElementBlock("div", _hoisted_2$x, [
             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$m), [
+            }, null, 8, _hoisted_3$o), [
               [vModelText, termFilter.value]
             ])
           ])) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment, null, renderList(displayValues.value, (item) => {
-            return openBlock(), createBlock(_sfc_main$L, {
+            return openBlock(), createBlock(_sfc_main$P, {
               key: item.title,
               options: _ctx.options,
               item,
@@ -22326,20 +22364,20 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$F = { class: "lupa-facet-label-text" };
-  const _hoisted_2$u = {
+  const _hoisted_1$I = { class: "lupa-facet-label-text" };
+  const _hoisted_2$w = {
     key: 0,
     class: "lupa-facet-content",
     "data-cy": "lupa-facet-content"
   };
   const __default__$1 = {
     components: {
-      TermFacet: _sfc_main$N,
-      StatsFacet: _sfc_main$M,
-      HierarchyFacet: _sfc_main$K
+      TermFacet: _sfc_main$R,
+      StatsFacet: _sfc_main$Q,
+      HierarchyFacet: _sfc_main$O
     }
   };
-  const _sfc_main$J = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$1), {
+  const _sfc_main$N = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$1), {
     __name: "FacetDisplay",
     props: {
       options: {},
@@ -22451,12 +22489,12 @@ and ensure you are accounting for this risk.
             "data-cy": "lupa-search-result-facet-label",
             onClick: toggleFacet
           }, [
-            createBaseVNode("div", _hoisted_1$F, toDisplayString(facet.value.label), 1),
+            createBaseVNode("div", _hoisted_1$I, 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$u, [
+          isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_2$w, [
             (openBlock(), createBlock(resolveDynamicComponent(facetType.value), {
               facet: facet.value,
               currentFilters: currentFilters.value[facet.value.key],
@@ -22474,12 +22512,12 @@ and ensure you are accounting for this risk.
       };
     }
   }));
-  const _hoisted_1$E = { class: "lupa-search-result-facet-section" };
-  const _hoisted_2$t = {
+  const _hoisted_1$H = { class: "lupa-search-result-facet-section" };
+  const _hoisted_2$v = {
     key: 0,
     class: "lupa-facets-title"
   };
-  const _sfc_main$I = /* @__PURE__ */ defineComponent({
+  const _sfc_main$M = /* @__PURE__ */ defineComponent({
     __name: "FacetList",
     props: {
       options: {},
@@ -22513,14 +22551,14 @@ and ensure you are accounting for this risk.
       };
       return (_ctx, _cache) => {
         var _a;
-        return openBlock(), createElementBlock("div", _hoisted_1$E, [
-          _ctx.options.labels.title ? (openBlock(), createElementBlock("div", _hoisted_2$t, toDisplayString(_ctx.options.labels.title), 1)) : createCommentVNode("", true),
+        return openBlock(), createElementBlock("div", _hoisted_1$H, [
+          _ctx.options.labels.title ? (openBlock(), createElementBlock("div", _hoisted_2$v, 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$J, {
+              return openBlock(), createBlock(_sfc_main$N, {
                 key: facet.key,
                 facet,
                 currentFilters: currentFiltersValue.value,
@@ -22535,8 +22573,8 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$D = ["onClick"];
-  const _sfc_main$H = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$G = ["onClick"];
+  const _sfc_main$L = /* @__PURE__ */ defineComponent({
     __name: "FacetsButton",
     props: {
       options: {}
@@ -22556,13 +22594,13 @@ and ensure you are accounting for this risk.
           key: 0,
           class: "lupa-facets-button-filter",
           onClick: withModifiers(handleClick, ["stop"])
-        }, toDisplayString(label.value), 9, _hoisted_1$D)) : createCommentVNode("", true);
+        }, toDisplayString(label.value), 9, _hoisted_1$G)) : createCommentVNode("", true);
       };
     }
   });
-  const _hoisted_1$C = { class: "lupa-search-result-facets" };
-  const _hoisted_2$s = { class: "lupa-facets-filter-button-wrapper" };
-  const _sfc_main$G = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$F = { class: "lupa-search-result-facets" };
+  const _hoisted_2$u = { class: "lupa-facets-filter-button-wrapper" };
+  const _sfc_main$K = /* @__PURE__ */ defineComponent({
     __name: "Facets",
     props: {
       options: {},
@@ -22645,8 +22683,8 @@ and ensure you are accounting for this risk.
         emit2("filter");
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$C, [
-          regularFacets.value ? (openBlock(), createBlock(_sfc_main$I, {
+        return openBlock(), createElementBlock("div", _hoisted_1$F, [
+          regularFacets.value ? (openBlock(), createBlock(_sfc_main$M, {
             key: 0,
             options: _ctx.options,
             facets: regularFacets.value,
@@ -22656,8 +22694,8 @@ and ensure you are accounting for this risk.
             onSelect: handleFacetSelect,
             onClear: clear2
           }, null, 8, ["options", "facets", "currentFilters", "facetStyle", "clearable"])) : createCommentVNode("", true),
-          createBaseVNode("div", _hoisted_2$s, [
-            showFilterButton.value ? (openBlock(), createBlock(_sfc_main$H, {
+          createBaseVNode("div", _hoisted_2$u, [
+            showFilterButton.value ? (openBlock(), createBlock(_sfc_main$L, {
               key: 0,
               options: _ctx.options,
               onFilter: filter2
@@ -22667,11 +22705,11 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$B = {
+  const _hoisted_1$E = {
     id: "lupa-search-result-filters",
     class: "lupa-search-result-filters"
   };
-  const _sfc_main$F = /* @__PURE__ */ defineComponent({
+  const _sfc_main$J = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsFilters",
     props: {
       options: {},
@@ -22704,19 +22742,19 @@ and ensure you are accounting for this risk.
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
         var _a;
-        return openBlock(), createElementBlock("div", _hoisted_1$B, [
-          showCurrentFilters.value ? (openBlock(), createBlock(_sfc_main$Q, {
+        return openBlock(), createElementBlock("div", _hoisted_1$E, [
+          showCurrentFilters.value ? (openBlock(), createBlock(_sfc_main$U, {
             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$O, {
+          _ctx.options.categories ? (openBlock(), createBlock(_sfc_main$S, {
             key: 1,
             options: _ctx.options.categories,
             ref_key: "categoryFilters",
             ref: categoryFilters
           }, null, 8, ["options"])) : createCommentVNode("", true),
-          _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$G, {
+          _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$K, {
             key: 2,
             options: _ctx.options.facets,
             onFilter: filter2
@@ -22725,20 +22763,20 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$A = {
+  const _hoisted_1$D = {
     key: 0,
     class: "lupa-mobile-filter-sidebar"
   };
-  const _hoisted_2$r = ["onClick"];
-  const _hoisted_3$l = { class: "lupa-mobile-sidebar-content" };
+  const _hoisted_2$t = ["onClick"];
+  const _hoisted_3$n = { class: "lupa-mobile-sidebar-content" };
   const _hoisted_4$h = { class: "lupa-sidebar-top" };
-  const _hoisted_5$b = { class: "lupa-sidebar-title" };
-  const _hoisted_6$7 = {
+  const _hoisted_5$a = { class: "lupa-sidebar-title" };
+  const _hoisted_6$6 = {
     key: 0,
     class: "lupa-sidebar-filter-count"
   };
   const _hoisted_7$4 = { class: "lupa-sidebar-filter-options" };
-  const _sfc_main$E = /* @__PURE__ */ defineComponent({
+  const _sfc_main$I = /* @__PURE__ */ defineComponent({
     __name: "MobileFilterSidebar",
     props: {
       options: {}
@@ -22769,16 +22807,16 @@ and ensure you are accounting for this risk.
         handleMobileToggle();
       };
       return (_ctx, _cache) => {
-        return isMobileSidebarVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$A, [
+        return isMobileSidebarVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$D, [
           createBaseVNode("div", {
             class: "lupa-sidebar-close",
             onClick: withModifiers(handleMobileToggle, ["stop"])
-          }, null, 8, _hoisted_2$r),
-          createBaseVNode("div", _hoisted_3$l, [
+          }, null, 8, _hoisted_2$t),
+          createBaseVNode("div", _hoisted_3$n, [
             createBaseVNode("div", _hoisted_4$h, [
-              createBaseVNode("div", _hoisted_5$b, [
+              createBaseVNode("div", _hoisted_5$a, [
                 createTextVNode(toDisplayString(sidebarTitle.value) + " ", 1),
-                isFilterCountVisible.value ? (openBlock(), createElementBlock("span", _hoisted_6$7, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
+                isFilterCountVisible.value ? (openBlock(), createElementBlock("span", _hoisted_6$6, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
               ]),
               createBaseVNode("div", {
                 class: "lupa-filter-toggle-mobile",
@@ -22786,7 +22824,7 @@ and ensure you are accounting for this risk.
               })
             ]),
             createBaseVNode("div", _hoisted_7$4, [
-              createVNode(_sfc_main$F, {
+              createVNode(_sfc_main$J, {
                 options: _ctx.options,
                 expandable: isActiveFiltersExpanded.value,
                 onFilter: filter2
@@ -22797,14 +22835,14 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$z = { id: "lupa-search-results-breadcrumbs" };
-  const _hoisted_2$q = ["href", "onClick"];
-  const _hoisted_3$k = {
+  const _hoisted_1$C = { id: "lupa-search-results-breadcrumbs" };
+  const _hoisted_2$s = ["href", "onClick"];
+  const _hoisted_3$m = {
     key: 1,
     class: "lupa-search-results-breadcrumb-text"
   };
   const _hoisted_4$g = { key: 2 };
-  const _sfc_main$D = /* @__PURE__ */ defineComponent({
+  const _sfc_main$H = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsBreadcrumbs",
     props: {
       breadcrumbs: {}
@@ -22829,7 +22867,7 @@ and ensure you are accounting for this risk.
         handleRoutingEvent(link, event, hasEventRouting.value);
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$z, [
+        return openBlock(), createElementBlock("div", _hoisted_1$C, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(breadcrumbsValue.value, (breadcrumb, index) => {
             return openBlock(), createElementBlock("span", {
               class: "lupa-search-results-breadcrumb",
@@ -22843,7 +22881,7 @@ and ensure you are accounting for this risk.
                   var _a;
                   return handleNavigation(e2, (_a = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a : "");
                 }
-              }, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$q)) : (openBlock(), createElementBlock("span", _hoisted_3$k, toDisplayString(getLabel(breadcrumb.label)), 1)),
+              }, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$s)) : (openBlock(), createElementBlock("span", _hoisted_3$m, toDisplayString(getLabel(breadcrumb.label)), 1)),
               index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$g, " / ")) : createCommentVNode("", true)
             ]);
           }), 128))
@@ -22851,11 +22889,11 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$y = {
+  const _hoisted_1$B = {
     id: "lupa-search-result-filters",
     class: "lupa-search-result-filters lupa-search-result-top-filters"
   };
-  const _sfc_main$C = /* @__PURE__ */ defineComponent({
+  const _sfc_main$G = /* @__PURE__ */ defineComponent({
     __name: "FiltersTopDropdown",
     props: {
       options: {}
@@ -22867,8 +22905,8 @@ and ensure you are accounting for this risk.
       };
       return (_ctx, _cache) => {
         var _a;
-        return openBlock(), createElementBlock("div", _hoisted_1$y, [
-          _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$G, {
+        return openBlock(), createElementBlock("div", _hoisted_1$B, [
+          _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,
@@ -22879,8 +22917,8 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$x = { id: "lupa-search-results-layout-selection" };
-  const _sfc_main$B = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$A = { id: "lupa-search-results-layout-selection" };
+  const _sfc_main$F = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsLayoutSelection",
     setup(__props) {
       const searchResultStore = useSearchResultStore();
@@ -22891,7 +22929,7 @@ and ensure you are accounting for this risk.
         searchResultStore.setLayout(layout2);
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$x, [
+        return openBlock(), createElementBlock("div", _hoisted_1$A, [
           createBaseVNode("div", {
             class: normalizeClass([
               "lupa-layout-selection-grid",
@@ -22913,11 +22951,11 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$w = {
+  const _hoisted_1$z = {
     key: 0,
     class: "lupa-mobile-toggle-filter-count"
   };
-  const _sfc_main$A = /* @__PURE__ */ defineComponent({
+  const _sfc_main$E = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsMobileToggle",
     props: {
       label: {},
@@ -22935,26 +22973,26 @@ and ensure you are accounting for this risk.
           onClick: handleMobileToggle
         }, [
           createTextVNode(toDisplayString(_ctx.label) + " ", 1),
-          _ctx.showFilterCount && unref(currentFilterCount) > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$w, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
+          _ctx.showFilterCount && unref(currentFilterCount) > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$z, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
         ], 2);
       };
     }
   });
-  const _hoisted_1$v = {
+  const _hoisted_1$y = {
     key: 0,
     id: "lupa-search-results-page-select",
     "data-cy": "lupa-search-results-page-select"
   };
-  const _hoisted_2$p = {
+  const _hoisted_2$r = {
     key: 0,
     class: "lupa-page-number-separator"
   };
-  const _hoisted_3$j = ["onClick"];
+  const _hoisted_3$l = ["onClick"];
   const _hoisted_4$f = {
     key: 0,
     class: "lupa-page-number-separator"
   };
-  const _sfc_main$z = /* @__PURE__ */ defineComponent({
+  const _sfc_main$D = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsPageSelect",
     props: {
       lastPageLabel: {},
@@ -23031,7 +23069,7 @@ and ensure you are accounting for this risk.
         }
       };
       return (_ctx, _cache) => {
-        return showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_1$v, [
+        return showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_1$y, [
           showBack.value ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(firstPageLabel.value === "<" ? "lupa-page-arrow" : "lupa-show-less"),
@@ -23042,7 +23080,7 @@ and ensure you are accounting for this risk.
               class: "lupa-page-number lupa-page-number-first",
               onClick: _cache[1] || (_cache[1] = () => handlePageChange(1))
             }, " 1 "),
-            showFirstPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_2$p, "...")) : createCommentVNode("", true)
+            showFirstPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_2$r, "...")) : createCommentVNode("", true)
           ], 64)) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment, null, renderList(pages.value, (page) => {
             return openBlock(), createElementBlock("div", {
@@ -23053,7 +23091,7 @@ and ensure you are accounting for this risk.
                 page === _ctx.options.selectedPage ? "lupa-page-number-selected" : ""
               ]),
               "data-cy": "lupa-page-number"
-            }, toDisplayString(page), 11, _hoisted_3$j);
+            }, toDisplayString(page), 11, _hoisted_3$l);
           }), 128)),
           showLastPage.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
             showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_4$f, "...")) : createCommentVNode("", true),
@@ -23075,15 +23113,15 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$u = {
+  const _hoisted_1$x = {
     id: "lupa-search-results-page-size",
     "data-cy": "lupa-search-results-page-size"
   };
-  const _hoisted_2$o = { id: "lupa-select" };
-  const _hoisted_3$i = { class: "lupa-select-label" };
+  const _hoisted_2$q = { id: "lupa-select" };
+  const _hoisted_3$k = { class: "lupa-select-label" };
   const _hoisted_4$e = ["aria-label"];
-  const _hoisted_5$a = ["value"];
-  const _sfc_main$y = /* @__PURE__ */ defineComponent({
+  const _hoisted_5$9 = ["value"];
+  const _sfc_main$C = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsPageSize",
     props: {
       labels: {},
@@ -23111,9 +23149,9 @@ and ensure you are accounting for this risk.
         });
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$u, [
-          createBaseVNode("div", _hoisted_2$o, [
-            createBaseVNode("label", _hoisted_3$i, toDisplayString(label.value), 1),
+        return openBlock(), createElementBlock("div", _hoisted_1$x, [
+          createBaseVNode("div", _hoisted_2$q, [
+            createBaseVNode("label", _hoisted_3$k, toDisplayString(label.value), 1),
             createBaseVNode("select", {
               class: "lupa-select-dropdown",
               "aria-label": label.value,
@@ -23126,7 +23164,7 @@ and ensure you are accounting for this risk.
                 return openBlock(), createElementBlock("option", {
                   key: option,
                   value: option
-                }, toDisplayString(prefixLabel.value) + toDisplayString(option), 9, _hoisted_5$a);
+                }, toDisplayString(prefixLabel.value) + toDisplayString(option), 9, _hoisted_5$9);
               }), 128))
             ], 40, _hoisted_4$e)
           ])
@@ -23134,15 +23172,15 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$t = {
+  const _hoisted_1$w = {
     id: "lupa-search-results-sort",
     class: "lupa-search-results-sort"
   };
-  const _hoisted_2$n = { id: "lupa-select" };
-  const _hoisted_3$h = { class: "lupa-select-label" };
+  const _hoisted_2$p = { id: "lupa-select" };
+  const _hoisted_3$j = { class: "lupa-select-label" };
   const _hoisted_4$d = ["aria-label"];
-  const _hoisted_5$9 = ["value"];
-  const _sfc_main$x = /* @__PURE__ */ defineComponent({
+  const _hoisted_5$8 = ["value"];
+  const _sfc_main$B = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsSort",
     props: {
       options: {},
@@ -23191,9 +23229,9 @@ and ensure you are accounting for this risk.
         previousKey.value = selectedKey.value;
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$t, [
-          createBaseVNode("div", _hoisted_2$n, [
-            createBaseVNode("label", _hoisted_3$h, toDisplayString(_ctx.options.label), 1),
+        return openBlock(), createElementBlock("div", _hoisted_1$w, [
+          createBaseVNode("div", _hoisted_2$p, [
+            createBaseVNode("label", _hoisted_3$j, toDisplayString(_ctx.options.label), 1),
             withDirectives(createBaseVNode("select", {
               class: "lupa-select-dropdown",
               "aria-label": _ctx.options.label,
@@ -23206,7 +23244,7 @@ and ensure you are accounting for this risk.
                 return openBlock(), createElementBlock("option", {
                   key: option.key,
                   value: option.key
-                }, toDisplayString(option.label), 9, _hoisted_5$9);
+                }, toDisplayString(option.label), 9, _hoisted_5$8);
               }), 128))
             ], 40, _hoisted_4$d), [
               [vModelSelect, selectedKey.value]
@@ -23216,22 +23254,22 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$s = { class: "lupa-toolbar-left" };
-  const _hoisted_2$m = {
+  const _hoisted_1$v = { class: "lupa-toolbar-left" };
+  const _hoisted_2$o = {
     key: 0,
     class: "lupa-toolbar-right-title"
   };
-  const _hoisted_3$g = { key: 2 };
+  const _hoisted_3$i = { key: 2 };
   const _hoisted_4$c = { key: 4 };
-  const _hoisted_5$8 = { key: 6 };
-  const _hoisted_6$6 = { class: "lupa-toolbar-right" };
+  const _hoisted_5$7 = { key: 6 };
+  const _hoisted_6$5 = { class: "lupa-toolbar-right" };
   const _hoisted_7$3 = {
     key: 0,
     class: "lupa-toolbar-right-title"
   };
   const _hoisted_8 = { key: 2 };
   const _hoisted_9 = { key: 4 };
-  const _sfc_main$w = /* @__PURE__ */ defineComponent({
+  const _sfc_main$A = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsToolbar",
     props: {
       options: {},
@@ -23338,34 +23376,34 @@ and ensure you are accounting for this risk.
           id: "lupa-search-results-toolbar",
           class: normalizeClass({ "lupa-filter-no-results": !hasResults.value })
         }, [
-          createBaseVNode("div", _hoisted_1$s, [
-            toolbarLeftLabel.value ? (openBlock(), createElementBlock("div", _hoisted_2$m, toDisplayString(toolbarLeftLabel.value), 1)) : createCommentVNode("", true),
-            showLayoutSelection.value ? (openBlock(), createBlock(_sfc_main$B, { key: 1 })) : (openBlock(), createElementBlock("div", _hoisted_3$g)),
-            showItemSummary.value ? (openBlock(), createBlock(_sfc_main$T, {
+          createBaseVNode("div", _hoisted_1$v, [
+            toolbarLeftLabel.value ? (openBlock(), createElementBlock("div", _hoisted_2$o, toDisplayString(toolbarLeftLabel.value), 1)) : createCommentVNode("", true),
+            showLayoutSelection.value ? (openBlock(), createBlock(_sfc_main$F, { key: 1 })) : (openBlock(), createElementBlock("div", _hoisted_3$i)),
+            showItemSummary.value ? (openBlock(), createBlock(_sfc_main$X, {
               key: 3,
               label: searchSummaryLabel.value,
               clearable: unref(hasAnyFilter) && showFilterClear.value,
               onClear: handleClearAll
             }, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_4$c)),
-            displayPageSelect.value ? (openBlock(), createBlock(_sfc_main$z, {
+            displayPageSelect.value ? (openBlock(), createBlock(_sfc_main$D, {
               key: 5,
               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_5$8))
+            }, null, 8, ["options", "last-page-label", "first-page-label"])) : (openBlock(), createElementBlock("div", _hoisted_5$7))
           ]),
-          createBaseVNode("div", _hoisted_6$6, [
+          createBaseVNode("div", _hoisted_6$5, [
             toolbarRightLabel.value ? (openBlock(), createElementBlock("div", _hoisted_7$3, toDisplayString(toolbarRightLabel.value), 1)) : createCommentVNode("", true),
-            createVNode(_sfc_main$A, {
+            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$y, {
+            paginationDisplay.value.pageSize ? (openBlock(), createBlock(_sfc_main$C, {
               key: 1,
               options: paginationOptions.value.pageSize,
               labels: paginationOptions.value.labels
             }, null, 8, ["options", "labels"])) : (openBlock(), createElementBlock("div", _hoisted_8)),
-            sortOptions.value ? (openBlock(), createBlock(_sfc_main$x, {
+            sortOptions.value ? (openBlock(), createBlock(_sfc_main$B, {
               key: 3,
               options: sortOptions.value,
               callbacks: callbacks.value
@@ -23375,7 +23413,7 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _sfc_main$v = /* @__PURE__ */ defineComponent({
+  const _sfc_main$z = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductImage",
     props: {
       item: {},
@@ -23383,7 +23421,7 @@ and ensure you are accounting for this risk.
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(_sfc_main$1f, {
+        return openBlock(), createBlock(_sfc_main$1j, {
           item: _ctx.item,
           options: _ctx.options,
           "wrapper-class": "lupa-search-results-image-wrapper",
@@ -23392,16 +23430,16 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$r = ["title", "innerHTML"];
-  const _hoisted_2$l = ["title"];
-  const _hoisted_3$f = ["href", "innerHTML"];
+  const _hoisted_1$u = ["title", "innerHTML"];
+  const _hoisted_2$n = ["title"];
+  const _hoisted_3$h = ["href", "innerHTML"];
   const _hoisted_4$b = ["title"];
-  const _hoisted_5$7 = {
+  const _hoisted_5$6 = {
     key: 0,
     class: "lupa-search-results-product-title-text"
   };
-  const _hoisted_6$5 = ["href"];
-  const _sfc_main$u = /* @__PURE__ */ defineComponent({
+  const _hoisted_6$4 = ["href"];
+  const _sfc_main$y = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductTitle",
     props: {
       item: {},
@@ -23438,7 +23476,7 @@ and ensure you are accounting for this risk.
           style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
           title: sanitizedTitle.value,
           innerHTML: sanitizedTitle.value
-        }, null, 12, _hoisted_1$r)) : isHtml.value && _ctx.options.link ? (openBlock(), createElementBlock("div", {
+        }, null, 12, _hoisted_1$u)) : isHtml.value && _ctx.options.link ? (openBlock(), createElementBlock("div", {
           key: 1,
           class: "lupa-search-results-product-title",
           style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
@@ -23449,26 +23487,26 @@ and ensure you are accounting for this risk.
             class: "lupa-search-results-product-title-text lupa-title-link",
             innerHTML: sanitizedTitle.value,
             onClick: handleNavigation
-          }, null, 8, _hoisted_3$f)
-        ], 12, _hoisted_2$l)) : (openBlock(), createElementBlock("div", {
+          }, null, 8, _hoisted_3$h)
+        ], 12, _hoisted_2$n)) : (openBlock(), createElementBlock("div", {
           key: 2,
           class: "lupa-search-results-product-title",
           style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
           title: title.value
         }, [
-          !_ctx.options.link ? (openBlock(), createElementBlock("span", _hoisted_5$7, toDisplayString(title.value), 1)) : createCommentVNode("", true),
+          !_ctx.options.link ? (openBlock(), createElementBlock("span", _hoisted_5$6, 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_6$5)) : createCommentVNode("", true)
+          }, toDisplayString(title.value), 9, _hoisted_6$4)) : createCommentVNode("", true)
         ], 12, _hoisted_4$b));
       };
     }
   });
-  const _hoisted_1$q = ["innerHTML"];
-  const _sfc_main$t = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$t = ["innerHTML"];
+  const _sfc_main$x = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductDescription",
     props: {
       item: {},
@@ -23495,7 +23533,7 @@ and ensure you are accounting for this risk.
           class: "lupa-search-results-product-description",
           style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
           innerHTML: sanitizedDescription.value
-        }, null, 12, _hoisted_1$q)) : (openBlock(), createElementBlock("div", {
+        }, null, 12, _hoisted_1$t)) : (openBlock(), createElementBlock("div", {
           key: 1,
           class: "lupa-search-results-product-description",
           style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`)
@@ -23503,15 +23541,15 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$p = { id: "lupa-search-results-rating" };
-  const _hoisted_2$k = { class: "lupa-ratings" };
-  const _hoisted_3$e = { class: "lupa-ratings-base" };
+  const _hoisted_1$s = { id: "lupa-search-results-rating" };
+  const _hoisted_2$m = { class: "lupa-ratings" };
+  const _hoisted_3$g = { class: "lupa-ratings-base" };
   const _hoisted_4$a = ["innerHTML"];
-  const _hoisted_5$6 = { class: "lupa-rating-wrapper" };
-  const _hoisted_6$4 = ["innerHTML"];
+  const _hoisted_5$5 = { class: "lupa-rating-wrapper" };
+  const _hoisted_6$3 = ["innerHTML"];
   const _hoisted_7$2 = ["href"];
   const STAR_COUNT = 5;
-  const _sfc_main$s = /* @__PURE__ */ defineComponent({
+  const _sfc_main$w = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductRating",
     props: {
       item: {},
@@ -23542,9 +23580,9 @@ and ensure you are accounting for this risk.
         return generateLink(props.options.links.ratingDetails, props.item);
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$p, [
-          createBaseVNode("div", _hoisted_2$k, [
-            createBaseVNode("div", _hoisted_3$e, [
+        return openBlock(), createElementBlock("div", _hoisted_1$s, [
+          createBaseVNode("div", _hoisted_2$m, [
+            createBaseVNode("div", _hoisted_3$g, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(baseStars.value, (star, index) => {
                 return openBlock(), createElementBlock("div", {
                   key: index,
@@ -23553,7 +23591,7 @@ and ensure you are accounting for this risk.
                 }, null, 8, _hoisted_4$a);
               }), 128))
             ]),
-            createBaseVNode("div", _hoisted_5$6, [
+            createBaseVNode("div", _hoisted_5$5, [
               createBaseVNode("div", {
                 class: "lupa-ratings-highlighted",
                 style: normalizeStyle({ width: ratingPercentage.value + "%" })
@@ -23563,7 +23601,7 @@ and ensure you are accounting for this risk.
                     key: index,
                     innerHTML: star,
                     class: "lupa-rating lupa-rating-highlighted"
-                  }, null, 8, _hoisted_6$4);
+                  }, null, 8, _hoisted_6$3);
                 }), 128))
               ], 4)
             ])
@@ -23576,11 +23614,11 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$o = {
+  const _hoisted_1$r = {
     class: "lupa-search-results-product-regular-price",
     "data-cy": "lupa-search-results-product-regular-price"
   };
-  const _sfc_main$r = /* @__PURE__ */ defineComponent({
+  const _sfc_main$v = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductRegularPrice",
     props: {
       item: {},
@@ -23598,11 +23636,11 @@ and ensure you are accounting for this risk.
         );
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$o, toDisplayString(price.value), 1);
+        return openBlock(), createElementBlock("div", _hoisted_1$r, toDisplayString(price.value), 1);
       };
     }
   });
-  const _sfc_main$q = /* @__PURE__ */ defineComponent({
+  const _sfc_main$u = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductPrice",
     props: {
       item: {},
@@ -23632,10 +23670,10 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$n = { class: "lupa-search-results-add-to-cart-wrapper" };
-  const _hoisted_2$j = { class: "lupa-search-results-product-addtocart" };
-  const _hoisted_3$d = ["onClick", "disabled"];
-  const _sfc_main$p = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$q = { class: "lupa-search-results-add-to-cart-wrapper" };
+  const _hoisted_2$l = { class: "lupa-search-results-product-addtocart" };
+  const _hoisted_3$f = ["onClick", "disabled"];
+  const _sfc_main$t = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductAddToCart",
     props: {
       item: {},
@@ -23668,25 +23706,25 @@ and ensure you are accounting for this risk.
         loading.value = false;
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$n, [
-          createBaseVNode("div", _hoisted_2$j, [
+        return openBlock(), createElementBlock("div", _hoisted_1$q, [
+          createBaseVNode("div", _hoisted_2$l, [
             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$d)
+            }, toDisplayString(label.value), 11, _hoisted_3$f)
           ])
         ]);
       };
     }
   });
-  const _hoisted_1$m = ["innerHTML"];
-  const _hoisted_2$i = { key: 0 };
-  const _hoisted_3$c = { key: 1 };
+  const _hoisted_1$p = ["innerHTML"];
+  const _hoisted_2$k = { key: 0 };
+  const _hoisted_3$e = { key: 1 };
   const _hoisted_4$9 = { class: "lupa-search-box-custom-label" };
-  const _hoisted_5$5 = { class: "lupa-search-box-custom-text" };
-  const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  const _hoisted_5$4 = { class: "lupa-search-box-custom-text" };
+  const _sfc_main$s = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductCustom",
     props: {
       item: {},
@@ -23724,20 +23762,20 @@ and ensure you are accounting for this risk.
           key: 0,
           class: className.value,
           innerHTML: text.value
-        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$m)) : (openBlock(), createElementBlock("div", mergeProps({
+        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$p)) : (openBlock(), createElementBlock("div", mergeProps({
           key: 1,
           class: className.value
         }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
-          !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$i, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$c, [
+          !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$k, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$e, [
             createBaseVNode("div", _hoisted_4$9, toDisplayString(label.value), 1),
-            createBaseVNode("div", _hoisted_5$5, toDisplayString(text.value), 1)
+            createBaseVNode("div", _hoisted_5$4, toDisplayString(text.value), 1)
           ]))
         ], 16));
       };
     }
   });
-  const _hoisted_1$l = ["innerHTML"];
-  const _sfc_main$n = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$o = ["innerHTML"];
+  const _sfc_main$r = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductCustomHtmlElement",
     props: {
       item: {},
@@ -23768,15 +23806,15 @@ and ensure you are accounting for this risk.
         return openBlock(), createElementBlock("div", mergeProps({
           class: className.value,
           innerHTML: text.value
-        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$l);
+        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$o);
       };
     }
   });
-  const _hoisted_1$k = { id: "lupa-search-results-rating" };
-  const _hoisted_2$h = ["innerHTML"];
-  const _hoisted_3$b = { class: "lupa-ratings" };
+  const _hoisted_1$n = { id: "lupa-search-results-rating" };
+  const _hoisted_2$j = ["innerHTML"];
+  const _hoisted_3$d = { class: "lupa-ratings" };
   const _hoisted_4$8 = ["href"];
-  const _sfc_main$m = /* @__PURE__ */ defineComponent({
+  const _sfc_main$q = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductSingleStarRating",
     props: {
       item: {},
@@ -23804,12 +23842,12 @@ and ensure you are accounting for this risk.
         return RATING_STAR_HTML;
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$k, [
+        return openBlock(), createElementBlock("div", _hoisted_1$n, [
           createBaseVNode("div", {
             innerHTML: star.value,
             class: "lupa-rating lupa-rating-highlighted"
-          }, null, 8, _hoisted_2$h),
-          createBaseVNode("div", _hoisted_3$b, toDisplayString(rating.value), 1),
+          }, null, 8, _hoisted_2$j),
+          createBaseVNode("div", _hoisted_3$d, toDisplayString(rating.value), 1),
           createBaseVNode("a", {
             href: ratingLink.value,
             class: "lupa-total-ratings"
@@ -23820,19 +23858,19 @@ and ensure you are accounting for this risk.
   });
   const __default__ = {
     components: {
-      SearchResultsProductImage: _sfc_main$v,
-      SearchResultsProductTitle: _sfc_main$u,
-      SearchResultsProductDescription: _sfc_main$t,
-      SearchResultsProductRating: _sfc_main$s,
-      SearchResultsProductRegularPrice: _sfc_main$r,
-      SearchResultsProductPrice: _sfc_main$q,
-      SearchResultsProductAddToCart: _sfc_main$p,
-      SearchResultsProductCustom: _sfc_main$o,
-      SearchResultsProductCustomHtmlElement: _sfc_main$n,
-      SearchResultsProductSingleStarRating: _sfc_main$m
-    }
-  };
-  const _sfc_main$l = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__), {
+      SearchResultsProductImage: _sfc_main$z,
+      SearchResultsProductTitle: _sfc_main$y,
+      SearchResultsProductDescription: _sfc_main$x,
+      SearchResultsProductRating: _sfc_main$w,
+      SearchResultsProductRegularPrice: _sfc_main$v,
+      SearchResultsProductPrice: _sfc_main$u,
+      SearchResultsProductAddToCart: _sfc_main$t,
+      SearchResultsProductCustom: _sfc_main$s,
+      SearchResultsProductCustomHtmlElement: _sfc_main$r,
+      SearchResultsProductSingleStarRating: _sfc_main$q
+    }
+  };
+  const _sfc_main$p = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__), {
     __name: "SearchResultsProductCardElement",
     props: {
       item: {},
@@ -23908,13 +23946,13 @@ and ensure you are accounting for this risk.
       };
     }
   }));
-  const _hoisted_1$j = ["href"];
-  const _hoisted_2$g = {
+  const _hoisted_1$m = ["href"];
+  const _hoisted_2$i = {
     key: 0,
     class: "lupa-out-of-stock"
   };
-  const _hoisted_3$a = { class: "lupa-search-result-product-details-section" };
-  const _sfc_main$k = /* @__PURE__ */ defineComponent({
+  const _hoisted_3$c = { class: "lupa-search-result-product-details-section" };
+  const _sfc_main$o = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductCard",
     props: {
       product: {},
@@ -24066,7 +24104,7 @@ and ensure you are accounting for this risk.
           "data-cy": "lupa-search-result-product-card",
           class: ["lupa-search-result-product-card", !isInStock.value ? "lupa-out-of-stock" : ""]
         }, customDocumentHtmlAttributes.value, { onClick: handleClick }), [
-          createVNode(_sfc_main$10, { options: badgesOptions.value }, null, 8, ["options"]),
+          createVNode(_sfc_main$14, { options: badgesOptions.value }, null, 8, ["options"]),
           createBaseVNode("div", {
             class: normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
           }, [
@@ -24076,7 +24114,7 @@ and ensure you are accounting for this risk.
               onClick: handleNavigation
             }, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
-                return openBlock(), createBlock(_sfc_main$l, {
+                return openBlock(), createBlock(_sfc_main$p, {
                   class: "lupa-search-results-product-element",
                   item: _ctx.product,
                   element,
@@ -24087,16 +24125,16 @@ and ensure you are accounting for this risk.
                   onProductEvent: handleProductEvent
                 }, null, 8, ["item", "element", "labels", "inStock", "link"]);
               }), 128)),
-              createVNode(_sfc_main$10, {
+              createVNode(_sfc_main$14, {
                 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$g, toDisplayString(labels.value.outOfStock), 1)) : createCommentVNode("", true)
-            ], 8, _hoisted_1$j),
-            createBaseVNode("div", _hoisted_3$a, [
+              ((_a = labels.value) == null ? void 0 : _a.outOfStock) && !isInStock.value ? (openBlock(), createElementBlock("div", _hoisted_2$i, toDisplayString(labels.value.outOfStock), 1)) : createCommentVNode("", true)
+            ], 8, _hoisted_1$m),
+            createBaseVNode("div", _hoisted_3$c, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
-                return openBlock(), createBlock(_sfc_main$l, {
+                return openBlock(), createBlock(_sfc_main$p, {
                   class: "lupa-search-results-product-element",
                   item: _ctx.product,
                   element,
@@ -24114,7 +24152,7 @@ and ensure you are accounting for this risk.
                 class: normalizeClass("lupa-element-group-" + group)
               }, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(getGroupElements(group), (element) => {
-                  return openBlock(), createBlock(_sfc_main$l, {
+                  return openBlock(), createBlock(_sfc_main$p, {
                     class: "lupa-search-results-product-element",
                     item: _ctx.product,
                     element,
@@ -24132,23 +24170,23 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$i = {
+  const _hoisted_1$l = {
     id: "lupa-search-results-similar-queries",
     "data-cy": "lupa-search-results-similar-queries"
   };
-  const _hoisted_2$f = { class: "lupa-similar-queries-label" };
-  const _hoisted_3$9 = {
+  const _hoisted_2$h = { class: "lupa-similar-queries-label" };
+  const _hoisted_3$b = {
     class: "lupa-similar-query-label",
     "data-cy": "lupa-similar-query-label"
   };
   const _hoisted_4$7 = ["onClick"];
-  const _hoisted_5$4 = ["innerHTML"];
-  const _hoisted_6$3 = { key: 0 };
+  const _hoisted_5$3 = ["innerHTML"];
+  const _hoisted_6$2 = { key: 0 };
   const _hoisted_7$1 = {
     class: "lupa-products",
     "data-cy": "lupa-products"
   };
-  const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  const _sfc_main$n = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsSimilarQueries",
     props: {
       labels: {},
@@ -24178,11 +24216,11 @@ and ensure you are accounting for this risk.
         paramsStore.goToResults({ searchText, facet });
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$i, [
-          createBaseVNode("div", _hoisted_2$f, toDisplayString(_ctx.labels.similarQueries), 1),
+        return openBlock(), createElementBlock("div", _hoisted_1$l, [
+          createBaseVNode("div", _hoisted_2$h, 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$9, [
+              createBaseVNode("div", _hoisted_3$b, [
                 createBaseVNode("span", null, toDisplayString(similarQueryLabel.value), 1),
                 createBaseVNode("span", {
                   id: "lupa-similar-query-text-component",
@@ -24192,13 +24230,13 @@ and ensure you are accounting for this risk.
                 }, [
                   createBaseVNode("span", {
                     innerHTML: getSimilarQueryContent(similarQuery.displayQuery)
-                  }, null, 8, _hoisted_5$4),
-                  similarQuery.count ? (openBlock(), createElementBlock("span", _hoisted_6$3, " (" + toDisplayString(similarQuery.count) + ")", 1)) : createCommentVNode("", true)
+                  }, null, 8, _hoisted_5$3),
+                  similarQuery.count ? (openBlock(), createElementBlock("span", _hoisted_6$2, " (" + toDisplayString(similarQuery.count) + ")", 1)) : createCommentVNode("", true)
                 ], 8, _hoisted_4$7)
               ]),
               createBaseVNode("div", _hoisted_7$1, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(similarQuery.items, (product, index2) => {
-                  return openBlock(), createBlock(_sfc_main$k, {
+                  return openBlock(), createBlock(_sfc_main$o, {
                     style: normalizeStyle(_ctx.columnSize),
                     key: getDocumentKey(index2, product),
                     product,
@@ -24212,15 +24250,15 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$h = {
+  const _hoisted_1$k = {
     key: 0,
     class: "lupa-results-additional-panel"
   };
-  const _hoisted_2$e = {
+  const _hoisted_2$g = {
     class: "lupa-results-additional-panel-items",
     "data-cy": "lupa-results-additional-panel-items"
   };
-  const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  const _sfc_main$m = /* @__PURE__ */ defineComponent({
     __name: "AdditionalPanel",
     props: {
       panel: {},
@@ -24292,10 +24330,10 @@ and ensure you are accounting for this risk.
         handleQueryChange();
       });
       return (_ctx, _cache) => {
-        return hasResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$h, [
-          createBaseVNode("div", _hoisted_2$e, [
+        return hasResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$k, [
+          createBaseVNode("div", _hoisted_2$g, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(visibleItems.value, (item, index) => {
-              return openBlock(), createBlock(_sfc_main$k, {
+              return openBlock(), createBlock(_sfc_main$o, {
                 key: index,
                 product: item,
                 options: _ctx.panel,
@@ -24313,11 +24351,11 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$g = {
+  const _hoisted_1$j = {
     key: 0,
     class: "lupa-results-additional-panels"
   };
-  const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  const _sfc_main$l = /* @__PURE__ */ defineComponent({
     __name: "AdditionalPanels",
     props: {
       options: {},
@@ -24334,9 +24372,9 @@ and ensure you are accounting for this risk.
         return locationPanels.value.length > 0;
       });
       return (_ctx, _cache) => {
-        return isVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
+        return isVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$j, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(locationPanels.value, (panel) => {
-            return openBlock(), createBlock(_sfc_main$i, {
+            return openBlock(), createBlock(_sfc_main$m, {
               key: panel.queryKey,
               panel,
               options: _ctx.sdkOptions
@@ -24353,29 +24391,29 @@ and ensure you are accounting for this risk.
     }
     return target;
   };
-  const _sfc_main$g = {};
-  const _hoisted_1$f = { class: "lupa-spinner-wrapper" };
-  const _hoisted_2$d = { class: "lupa-spinner" };
+  const _sfc_main$k = {};
+  const _hoisted_1$i = { class: "lupa-spinner-wrapper" };
+  const _hoisted_2$f = { class: "lupa-spinner" };
   function _sfc_render(_ctx, _cache) {
-    return openBlock(), createElementBlock("div", _hoisted_1$f, [
-      createBaseVNode("div", _hoisted_2$d, [
+    return openBlock(), createElementBlock("div", _hoisted_1$i, [
+      createBaseVNode("div", _hoisted_2$f, [
         (openBlock(), createElementBlock(Fragment, null, renderList(12, (x2) => {
           return createBaseVNode("div", { key: x2 });
         }), 64))
       ])
     ]);
   }
-  const Spinner = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render]]);
-  const _hoisted_1$e = {
+  const Spinner = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render]]);
+  const _hoisted_1$h = {
     id: "lupa-search-results-similar-results",
     "data-cy": "lupa-search-results-similar-results"
   };
-  const _hoisted_2$c = { class: "lupa-similar-results-label" };
-  const _hoisted_3$8 = {
+  const _hoisted_2$e = { class: "lupa-similar-results-label" };
+  const _hoisted_3$a = {
     class: "lupa-products",
     "data-cy": "lupa-products"
   };
-  const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  const _sfc_main$j = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsSimilarResults",
     props: {
       columnSize: {},
@@ -24391,11 +24429,11 @@ and ensure you are accounting for this risk.
         return getProductKey(`${index}`, product, props.productCardOptions.idKey);
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$e, [
-          createBaseVNode("div", _hoisted_2$c, toDisplayString(_ctx.labels.similarResultsLabel), 1),
-          createBaseVNode("div", _hoisted_3$8, [
+        return openBlock(), createElementBlock("div", _hoisted_1$h, [
+          createBaseVNode("div", _hoisted_2$e, toDisplayString(_ctx.labels.similarResultsLabel), 1),
+          createBaseVNode("div", _hoisted_3$a, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(similarResults.value.items, (product, index) => {
-              return openBlock(), createBlock(_sfc_main$k, {
+              return openBlock(), createBlock(_sfc_main$o, {
                 style: normalizeStyle(_ctx.columnSize),
                 key: getDocumentKey(index, product),
                 product,
@@ -24407,7 +24445,180 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$d = { id: "lupa-search-results-products" };
+  var RelatedQuerySourceType = /* @__PURE__ */ ((RelatedQuerySourceType2) => {
+    RelatedQuerySourceType2["FACETS"] = "facets";
+    return RelatedQuerySourceType2;
+  })(RelatedQuerySourceType || {});
+  const extractFacetsRelatedSource = (source, searchResults2) => {
+    var _a, _b, _c, _d, _e;
+    const facet = (_a = searchResults2.facets) == null ? void 0 : _a.find((facet2) => facet2.key === source.key);
+    if (!facet) {
+      return [];
+    }
+    if (facet.type === "terms") {
+      return (_c = (_b = facet.items) == null ? void 0 : _b.slice(0, source.count)) == null ? void 0 : _c.map((item) => item.title);
+    }
+    if (facet.type === "hierarchy") {
+      return (_e = (_d = facet.items) == null ? void 0 : _d.slice(0, source.count)) == null ? void 0 : _e.map((item) => item.title);
+    }
+    return [];
+  };
+  const extractRelatedSource = (source, searchResults2) => {
+    switch (source.type) {
+      case RelatedQuerySourceType.FACETS:
+        return extractFacetsRelatedSource(source, searchResults2);
+    }
+  };
+  const _hoisted_1$g = { class: "lupa-related-query-item" };
+  const _hoisted_2$d = { class: "lupa-related-query-image" };
+  const _hoisted_3$9 = { class: "lupa-related-query-label" };
+  const _hoisted_4$6 = { class: "lupa-related-query-title" };
+  const _hoisted_5$2 = {
+    key: 0,
+    class: "lupa-related-query-count"
+  };
+  const _sfc_main$i = /* @__PURE__ */ defineComponent({
+    __name: "RelatedQueryPanel",
+    props: {
+      query: {},
+      options: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const loading = ref(false);
+      const relatedQueryResult = ref(null);
+      const optionsStore = useOptionsStore();
+      const { searchResultOptions } = storeToRefs(optionsStore);
+      const mainImage = computed(() => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.elements) == null ? void 0 : _b.find((e2) => e2.type === DocumentElementType.IMAGE)) != null ? _c : "";
+      });
+      const image = computed(() => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = props.options) == null ? void 0 : _a.image) != null ? _b : mainImage == null ? void 0 : mainImage.value) != null ? _c : "";
+      });
+      const queryKey = computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.options) == null ? void 0 : _a.queryKey) != null ? _b : searchResultOptions.value.queryKey;
+      });
+      computed(() => {
+        var _a, _b;
+        return ((_b = (_a = relatedQueryResult.value) == null ? void 0 : _a.items) == null ? void 0 : _b.length) > 0;
+      });
+      const firstResultItem = computed(() => {
+        var _a, _b;
+        return (_b = (_a = relatedQueryResult.value) == null ? void 0 : _a.items) == null ? void 0 : _b[0];
+      });
+      const totalItemCount = computed(() => {
+        var _a, _b;
+        return (_b = (_a = relatedQueryResult.value) == null ? void 0 : _a.total) != null ? _b : 0;
+      });
+      const searchForRelatedQuery = () => __async2(this, null, function* () {
+        var _a, _b, _c, _d;
+        if (!props.query) {
+          return;
+        }
+        const lupaQuery = { searchText: (_a = props.query) == null ? void 0 : _a.toLowerCase(), limit: 1 };
+        try {
+          loading.value = true;
+          const result2 = yield LupaSearchSdk.query(
+            queryKey.value,
+            lupaQuery,
+            (_b = searchResultOptions.value) == null ? void 0 : _b.options
+          );
+          if (result2.success) {
+            relatedQueryResult.value = result2;
+          }
+        } catch (error) {
+          (_d = (_c = searchResultOptions.value) == null ? void 0 : _c.options) == null ? void 0 : _d.onError(error);
+        } finally {
+          loading.value = false;
+        }
+      });
+      watch(
+        () => props.query,
+        () => {
+          console.log("query changed", props.query);
+          searchForRelatedQuery();
+        }
+      );
+      onMounted(() => {
+        searchForRelatedQuery();
+      });
+      return (_ctx, _cache) => {
+        var _a;
+        return openBlock(), createElementBlock("div", _hoisted_1$g, [
+          createBaseVNode("div", _hoisted_2$d, [
+            firstResultItem.value && image.value ? (openBlock(), createBlock(_sfc_main$1j, {
+              key: 0,
+              "wrapper-class": "lupa-related-query-image-wrapper",
+              "image-class": "lupa-related-query-image",
+              item: firstResultItem.value,
+              options: image.value
+            }, null, 8, ["item", "options"])) : createCommentVNode("", true)
+          ]),
+          createBaseVNode("div", _hoisted_3$9, [
+            createBaseVNode("span", _hoisted_4$6, toDisplayString(_ctx.query), 1),
+            ((_a = _ctx.options) == null ? void 0 : _a.showCount) ? (openBlock(), createElementBlock("span", _hoisted_5$2, "(" + toDisplayString(totalItemCount.value) + ")", 1)) : createCommentVNode("", true)
+          ])
+        ]);
+      };
+    }
+  });
+  const _hoisted_1$f = {
+    key: 0,
+    class: "lupa-related-queries"
+  };
+  const _hoisted_2$c = {
+    key: 0,
+    class: "lupa-related-queries-title"
+  };
+  const _hoisted_3$8 = ["onClick"];
+  const _sfc_main$h = /* @__PURE__ */ defineComponent({
+    __name: "RelatedQueries",
+    props: {
+      options: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const searchResultStore = useSearchResultStore();
+      const paramsStore = useParamsStore();
+      const { searchResult } = storeToRefs(searchResultStore);
+      const relatedQueries = computed(() => {
+        if (!props.options || !searchResult.value) {
+          return [];
+        }
+        return extractRelatedSource(props.options.source, searchResult.value);
+      });
+      const hasEnoughRelatedQueries = computed(() => {
+        return relatedQueries.value.length > 1;
+      });
+      const goToResults = ({ searchText }) => {
+        paramsStore.goToResults({ searchText });
+      };
+      return (_ctx, _cache) => {
+        var _a, _b, _c, _d;
+        return _ctx.options && hasEnoughRelatedQueries.value ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
+          ((_b = (_a = _ctx.options) == null ? void 0 : _a.labels) == null ? void 0 : _b.title) ? (openBlock(), createElementBlock("h3", _hoisted_2$c, toDisplayString((_d = (_c = _ctx.options) == null ? void 0 : _c.labels) == null ? void 0 : _d.title), 1)) : createCommentVNode("", true),
+          createBaseVNode("ul", null, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(relatedQueries.value, (query) => {
+              return openBlock(), createElementBlock("li", { key: query }, [
+                createBaseVNode("a", {
+                  onClick: ($event) => goToResults({ searchText: query })
+                }, [
+                  createVNode(_sfc_main$i, {
+                    options: _ctx.options,
+                    query
+                  }, null, 8, ["options", "query"])
+                ], 8, _hoisted_3$8)
+              ]);
+            }), 128))
+          ])
+        ])) : createCommentVNode("", true);
+      };
+    }
+  });
+  const _hoisted_1$e = { id: "lupa-search-results-products" };
   const _hoisted_2$b = {
     class: "lupa-products",
     "data-cy": "lupa-products"
@@ -24417,14 +24628,14 @@ and ensure you are accounting for this risk.
     class: "lupa-empty-results",
     "data-cy": "lupa-no-results-in-page"
   };
-  const _hoisted_4$6 = {
+  const _hoisted_4$5 = {
     key: 3,
     class: "lupa-empty-results",
     "data-cy": "lupa-no-results"
   };
-  const _hoisted_5$3 = { key: 4 };
-  const _hoisted_6$2 = { key: 5 };
-  const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  const _hoisted_5$1 = { key: 4 };
+  const _hoisted_6$1 = { key: 5 };
+  const _sfc_main$g = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProducts",
     props: {
       options: {},
@@ -24531,24 +24742,32 @@ and ensure you are accounting for this risk.
       };
       return (_ctx, _cache) => {
         var _a;
-        return openBlock(), createElementBlock("div", _hoisted_1$d, [
+        return openBlock(), createElementBlock("div", _hoisted_1$e, [
           unref(loading) && !unref(isMobileSidebarVisible) ? (openBlock(), createBlock(Spinner, {
             key: 0,
             class: "lupa-loader"
           })) : createCommentVNode("", true),
+          createVNode(_sfc_main$l, {
+            options: _ctx.options,
+            location: "top",
+            sdkOptions: _ctx.options.options
+          }, null, 8, ["options", "sdkOptions"]),
+          createVNode(_sfc_main$h, {
+            options: _ctx.options.relatedQueries
+          }, null, 8, ["options"]),
           unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            showTopFilters.value ? (openBlock(), createBlock(_sfc_main$C, {
+            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$w, {
+            showMobileFilters.value ? (openBlock(), createBlock(_sfc_main$A, {
               key: 1,
               class: "lupa-toolbar-mobile",
               options: _ctx.options,
               "pagination-location": "top",
               onFilter: filter2
             }, null, 8, ["options"])) : createCommentVNode("", true),
-            currentFilterOptions.value && currentFilterPositionDesktop.value === "pageTop" ? (openBlock(), createBlock(_sfc_main$Q, {
+            currentFilterOptions.value && currentFilterPositionDesktop.value === "pageTop" ? (openBlock(), createBlock(_sfc_main$U, {
               key: 2,
               class: normalizeClass(currentFiltersClass.value),
               "data-cy": "lupa-search-result-filters-mobile-toolbar",
@@ -24556,18 +24775,13 @@ and ensure you are accounting for this risk.
               expandable: !desktopFiltersExpanded.value
             }, null, 8, ["class", "options", "expandable"])) : createCommentVNode("", true)
           ], 64)) : createCommentVNode("", true),
-          createVNode(_sfc_main$h, {
-            options: _ctx.options,
-            location: "top",
-            sdkOptions: _ctx.options.options
-          }, null, 8, ["options", "sdkOptions"]),
           unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-            createVNode(_sfc_main$w, {
+            createVNode(_sfc_main$A, {
               class: "lupa-toolbar-top",
               options: _ctx.options,
               "pagination-location": "top"
             }, null, 8, ["options"]),
-            currentFilterOptions.value && currentFilterPositionDesktop.value === "resultsTop" ? (openBlock(), createBlock(_sfc_main$Q, {
+            currentFilterOptions.value && currentFilterPositionDesktop.value === "resultsTop" ? (openBlock(), createBlock(_sfc_main$U, {
               key: 0,
               class: normalizeClass(currentFiltersClass.value),
               "data-cy": "lupa-search-result-filters-mobile-toolbar",
@@ -24583,7 +24797,7 @@ and ensure you are accounting for this risk.
                   options: productCardOptions.value
                 });
               }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(searchResult).items, (product, index) => {
-                return openBlock(), createBlock(_sfc_main$k, {
+                return openBlock(), createBlock(_sfc_main$o, {
                   style: normalizeStyle(columnSize.value),
                   key: getProductKeyAction(index, product),
                   product,
@@ -24599,29 +24813,29 @@ and ensure you are accounting for this risk.
                 onClick: goToFirstPage
               }, toDisplayString(_ctx.options.labels.backToFirstPage), 1)) : createCommentVNode("", true)
             ])) : createCommentVNode("", true),
-            createVNode(_sfc_main$w, {
+            createVNode(_sfc_main$A, {
               class: "lupa-toolbar-bottom",
               options: _ctx.options,
               "pagination-location": "bottom"
             }, null, 8, ["options"]),
-            createVNode(_sfc_main$h, {
+            createVNode(_sfc_main$l, {
               options: _ctx.options,
               location: "bottom",
               sdkOptions: _ctx.options.options
             }, null, 8, ["options", "sdkOptions"])
-          ], 64)) : !unref(loading) && unref(currentQueryText) ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
+          ], 64)) : !unref(loading) && unref(currentQueryText) ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
             createTextVNode(toDisplayString(_ctx.options.labels.emptyResults) + " ", 1),
             createBaseVNode("span", null, toDisplayString(unref(currentQueryText)), 1)
           ])) : createCommentVNode("", true),
-          hasSimilarQueries.value ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
-            createVNode(_sfc_main$j, {
+          hasSimilarQueries.value ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
+            createVNode(_sfc_main$n, {
               labels: similarQueriesLabels.value,
               columnSize: columnSize.value,
               productCardOptions: productCardOptions.value
             }, null, 8, ["labels", "columnSize", "productCardOptions"])
           ])) : createCommentVNode("", true),
-          hasSimilarResults.value ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
-            createVNode(_sfc_main$f, {
+          hasSimilarResults.value ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
+            createVNode(_sfc_main$j, {
               labels: similarResultsLabels.value,
               columnSize: columnSize.value,
               productCardOptions: productCardOptions.value
@@ -24632,14 +24846,14 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$c = { class: "lupa-top-mobile-filter-wrapper" };
+  const _hoisted_1$d = { class: "lupa-top-mobile-filter-wrapper" };
   const _hoisted_2$a = {
     key: 0,
     class: "lupa-category-back"
   };
   const _hoisted_3$6 = ["href"];
-  const _hoisted_4$5 = { class: "lupa-child-category-list" };
-  const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  const _hoisted_4$4 = { class: "lupa-child-category-list" };
+  const _sfc_main$f = /* @__PURE__ */ defineComponent({
     __name: "CategoryTopFilters",
     props: {
       options: {}
@@ -24680,7 +24894,7 @@ and ensure you are accounting for this risk.
         return openBlock(), createElementBlock("div", {
           class: normalizeClass(["lupa-category-top-mobile-filters", { "lupa-has-back-button": hasBackButton.value }])
         }, [
-          createBaseVNode("div", _hoisted_1$c, [
+          createBaseVNode("div", _hoisted_1$d, [
             hasBackButton.value ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
               createBaseVNode("a", {
                 "data-cy": "lupa-category-back",
@@ -24688,16 +24902,16 @@ and ensure you are accounting for this risk.
                 onClick: handleNavigationBack
               }, toDisplayString(backTitle.value), 9, _hoisted_3$6)
             ])) : createCommentVNode("", true),
-            createBaseVNode("div", _hoisted_4$5, [
+            createBaseVNode("div", _hoisted_4$4, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(relatedCategoryChildren), (child) => {
-                return openBlock(), createBlock(_sfc_main$P, {
+                return openBlock(), createBlock(_sfc_main$T, {
                   key: getCategoryKey(child),
                   item: child,
                   options: categoryOptions.value
                 }, null, 8, ["item", "options"]);
               }), 128))
             ]),
-            createVNode(_sfc_main$w, {
+            createVNode(_sfc_main$A, {
               class: "lupa-toolbar-mobile",
               "pagination-location": "top",
               options: _ctx.options
@@ -24707,7 +24921,7 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$b = {
+  const _hoisted_1$c = {
     key: 0,
     class: "lupa-container-title-summary-mobile"
   };
@@ -24717,8 +24931,8 @@ and ensure you are accounting for this risk.
     class: "top-layout-wrapper"
   };
   const _hoisted_3$5 = { class: "search-content" };
-  const _hoisted_4$4 = { id: "lupa-search-results" };
-  const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  const _hoisted_4$3 = { id: "lupa-search-results" };
+  const _sfc_main$e = /* @__PURE__ */ defineComponent({
     __name: "SearchResults",
     props: {
       options: {},
@@ -24928,29 +25142,29 @@ and ensure you are accounting for this risk.
         return openBlock(), createElementBlock("div", {
           class: normalizeClass(["lupa-search-result-wrapper", { "lupa-search-wrapper-no-results": !unref(hasResults) }])
         }, [
-          _ctx.isContainer ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
-            createVNode(_sfc_main$U, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-            createVNode(_sfc_main$S, {
+          _ctx.isContainer ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
+            createVNode(_sfc_main$Y, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+            createVNode(_sfc_main$W, {
               "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$d, {
+          isTitleResultTopPosition.value ? (openBlock(), createBlock(_sfc_main$f, {
             key: 1,
             options: _ctx.options
           }, null, 8, ["options"])) : createCommentVNode("", true),
-          _ctx.options.filters ? (openBlock(), createBlock(_sfc_main$E, {
+          _ctx.options.filters ? (openBlock(), createBlock(_sfc_main$I, {
             key: 2,
             options: _ctx.options.filters,
             onFilter: handleParamsChange
           }, null, 8, ["options"])) : createCommentVNode("", true),
-          unref(currentQueryText) || _ctx.isProductList ? (openBlock(), createBlock(_sfc_main$D, {
+          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$9, [
-            showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$F, {
+            showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$J, {
               key: 0,
               options: (_b = _ctx.options.filters) != null ? _b : {},
               ref_key: "searchResultsFilters",
@@ -24958,12 +25172,12 @@ and ensure you are accounting for this risk.
               onFilter: handleParamsChange
             }, null, 8, ["options"])) : createCommentVNode("", true),
             createBaseVNode("div", _hoisted_3$5, [
-              createVNode(_sfc_main$U, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-              createVNode(_sfc_main$S, {
+              createVNode(_sfc_main$Y, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+              createVNode(_sfc_main$W, {
                 options: _ctx.options,
                 "is-product-list": (_c = _ctx.isProductList) != null ? _c : false
               }, null, 8, ["options", "is-product-list"]),
-              createVNode(_sfc_main$e, {
+              createVNode(_sfc_main$g, {
                 options: _ctx.options,
                 ssr: ssrEnabled.value,
                 onFilter: handleParamsChange
@@ -24975,20 +25189,20 @@ and ensure you are accounting for this risk.
               }, 8, ["options", "ssr"])
             ])
           ])) : (openBlock(), createElementBlock(Fragment, { key: 5 }, [
-            createVNode(_sfc_main$U, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-            createVNode(_sfc_main$S, {
+            createVNode(_sfc_main$Y, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+            createVNode(_sfc_main$W, {
               options: _ctx.options,
               "is-product-list": (_d = _ctx.isProductList) != null ? _d : false
             }, null, 8, ["options", "is-product-list"]),
-            createBaseVNode("div", _hoisted_4$4, [
-              showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$F, {
+            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,
                 onFilter: handleParamsChange
               }, null, 8, ["options"])) : createCommentVNode("", true),
-              createVNode(_sfc_main$e, {
+              createVNode(_sfc_main$g, {
                 options: _ctx.options,
                 ssr: ssrEnabled.value,
                 onFilter: handleParamsChange
@@ -25012,12 +25226,12 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$a = {
+  const _hoisted_1$b = {
     key: 0,
     class: "lupa-category-overview"
   };
   const _hoisted_2$8 = ["innerHTML"];
-  const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  const _sfc_main$d = /* @__PURE__ */ defineComponent({
     __name: "CategoryDescription",
     props: {
       options: {}
@@ -25035,7 +25249,7 @@ and ensure you are accounting for this risk.
         return Boolean((_b = (_a = props.options.categories) == null ? void 0 : _a.current) == null ? void 0 : _b.description);
       });
       return (_ctx, _cache) => {
-        return overviewVisible.value && unref(hasResults) ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
+        return overviewVisible.value && unref(hasResults) ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
           createBaseVNode("div", {
             class: "lupa-category-description",
             innerHTML: description.value
@@ -25100,7 +25314,7 @@ and ensure you are accounting for this risk.
     }
     return parsedObject;
   };
-  const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  const _sfc_main$c = /* @__PURE__ */ defineComponent({
     __name: "ProductList",
     props: {
       options: {}
@@ -25125,7 +25339,7 @@ and ensure you are accounting for this risk.
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", null, [
-          createVNode(_sfc_main$c, {
+          createVNode(_sfc_main$e, {
             options: componentOptions.value,
             "initial-filters": _ctx.options.initialFilters,
             "is-product-list": true,
@@ -25133,7 +25347,7 @@ and ensure you are accounting for this risk.
             ref: searchResults2
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$b, { options: _ctx.options }, null, 8, ["options"])
+              createVNode(_sfc_main$d, { options: _ctx.options }, null, 8, ["options"])
             ]),
             _: 1
           }, 8, ["options", "initial-filters"])
@@ -30623,9 +30837,9 @@ and ensure you are accounting for this risk.
     }).call(commonjsGlobal$1);
   })(lodash$1, lodash$1.exports);
   var lodashExports$1 = lodash$1.exports;
-  const _hoisted_1$9 = ["onClick"];
+  const _hoisted_1$a = ["onClick"];
   const _hoisted_2$7 = { class: "lupa-search-box-container" };
-  const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  const _sfc_main$b = /* @__PURE__ */ defineComponent({
     __name: "SearchContainer",
     props: {
       options: {}
@@ -30671,7 +30885,7 @@ and ensure you are accounting for this risk.
             onClick: withModifiers(innerClick, ["stop"])
           }, [
             createBaseVNode("div", _hoisted_2$7, [
-              createVNode(_sfc_main$V, {
+              createVNode(_sfc_main$Z, {
                 options: fullSearchBoxOptions.value,
                 "is-search-container": true,
                 ref_key: "searchBox",
@@ -30679,13 +30893,13 @@ and ensure you are accounting for this risk.
                 onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
               }, null, 8, ["options"])
             ]),
-            createVNode(_sfc_main$c, {
+            createVNode(_sfc_main$e, {
               options: fullSearchResultsOptions.value,
               "is-container": true,
               ref_key: "searchResults",
               ref: searchResults2
             }, null, 8, ["options"])
-          ], 8, _hoisted_1$9)
+          ], 8, _hoisted_1$a)
         ]);
       };
     }
@@ -31388,7 +31602,7 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$8 = {
+  const _hoisted_1$9 = {
     key: 0,
     class: "lupa-search-product-recommendations-wrapper"
   };
@@ -31401,12 +31615,12 @@ and ensure you are accounting for this risk.
     class: "lupa-recommended-products",
     "data-cy": "lupa-recommended-products"
   };
-  const _hoisted_4$3 = {
+  const _hoisted_4$2 = {
     key: 1,
     class: "lupa-products",
     "data-cy": "lupa-products"
   };
-  const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  const _sfc_main$a = /* @__PURE__ */ defineComponent({
     __name: "Recommendations",
     props: {
       options: {}
@@ -31522,7 +31736,7 @@ and ensure you are accounting for this risk.
       });
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
-        return hasRecommendations.value ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
+        return hasRecommendations.value ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
           title.value ? (openBlock(), createElementBlock("h2", _hoisted_2$6, toDisplayString(title.value), 1)) : createCommentVNode("", true),
           !loading.value ? (openBlock(), createElementBlock("div", _hoisted_3$4, [
             layoutType.value === "carousel" ? (openBlock(), createBlock(unref(Carousel), mergeProps({ key: 0 }, carouselOptions.value, { "wrap-around": true }), {
@@ -31535,7 +31749,7 @@ and ensure you are accounting for this risk.
                     key: getProductKeyAction(index, product)
                   }, {
                     default: withCtx(() => [
-                      createVNode(_sfc_main$k, {
+                      createVNode(_sfc_main$o, {
                         product,
                         options: _ctx.options,
                         "click-tracking-settings": clickTrackingSettings.value
@@ -31546,9 +31760,9 @@ and ensure you are accounting for this risk.
                 }), 128))
               ]),
               _: 1
-            }, 16)) : (openBlock(), createElementBlock("div", _hoisted_4$3, [
+            }, 16)) : (openBlock(), createElementBlock("div", _hoisted_4$2, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(recommendations2.value, (product, index) => {
-                return openBlock(), createBlock(_sfc_main$k, {
+                return openBlock(), createBlock(_sfc_main$o, {
                   style: normalizeStyle(columnSize.value),
                   key: getProductKeyAction(index, product),
                   product,
@@ -31562,19 +31776,19 @@ and ensure you are accounting for this risk.
       };
     }
   });
-  const _hoisted_1$7 = { class: "lupa-chat-spinner" };
+  const _hoisted_1$8 = { class: "lupa-chat-spinner" };
   const _hoisted_2$5 = /* @__PURE__ */ createBaseVNode("div", null, null, -1);
   const _hoisted_3$3 = /* @__PURE__ */ createBaseVNode("div", null, null, -1);
-  const _hoisted_4$2 = /* @__PURE__ */ createBaseVNode("div", null, null, -1);
-  const _hoisted_5$2 = /* @__PURE__ */ createBaseVNode("div", null, null, -1);
-  const _hoisted_6$1 = [
+  const _hoisted_4$1 = /* @__PURE__ */ createBaseVNode("div", null, null, -1);
+  const _hoisted_5 = /* @__PURE__ */ createBaseVNode("div", null, null, -1);
+  const _hoisted_6 = [
     _hoisted_2$5,
     _hoisted_3$3,
-    _hoisted_4$2,
-    _hoisted_5$2
+    _hoisted_4$1,
+    _hoisted_5
   ];
   const _hoisted_7 = { class: "lupa-chat-spinner-message" };
-  const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     __name: "ChatSpinner",
     props: {
       small: { type: Boolean },
@@ -31582,27 +31796,25 @@ and ensure you are accounting for this risk.
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("section", _hoisted_1$7, [
+        return openBlock(), createElementBlock("section", _hoisted_1$8, [
           createBaseVNode("div", {
             class: normalizeClass([{ small: _ctx.small }, "lds-ring"])
-          }, _hoisted_6$1, 2),
+          }, _hoisted_6, 2),
           createBaseVNode("div", _hoisted_7, toDisplayString(_ctx.message), 1)
         ]);
       };
     }
   });
-  const _hoisted_1$6 = { class: "lupa-chat-input-container" };
+  const _hoisted_1$7 = { class: "lupa-chat-input-container" };
   const _hoisted_2$4 = { id: "lupa-search-box-input" };
-  const _hoisted_3$2 = {
-    key: 0,
-    class: "lupa-chat-form-submit"
-  };
-  const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  const _hoisted_3$2 = { class: "lupa-chat-form-submit" };
+  const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     __name: "ChatInput",
     props: {
-      disabled: { type: Boolean }
+      disabled: { type: Boolean },
+      options: {}
     },
-    emits: ["submit"],
+    emits: ["submit", "focus", "blur", "clear"],
     setup(__props, { emit: emit2 }) {
       const inputValue = ref("");
       const submit = () => {
@@ -31610,7 +31822,8 @@ and ensure you are accounting for this risk.
         inputValue.value = "";
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$6, [
+        var _a, _b, _c, _d, _e, _f;
+        return openBlock(), createElementBlock("div", _hoisted_1$7, [
           createBaseVNode("form", {
             action: "javascript:void(0);",
             class: "chat-input-form",
@@ -31624,12 +31837,22 @@ and ensure you are accounting for this risk.
                 class: "lupa-search-box-input-field",
                 "data-cy": "lupa-search-box-input-field",
                 type: "text",
-                placeholder: "Type your request here..."
-              }, null, 512), [
+                placeholder: "Type your request here...",
+                onFocus: _cache[1] || (_cache[1] = ($event) => emit2("focus")),
+                onBlur: _cache[2] || (_cache[2] = ($event) => emit2("blur"))
+              }, null, 544), [
                 [vModelText, inputValue.value]
               ])
             ]),
-            !_ctx.disabled ? (openBlock(), createElementBlock("button", _hoisted_3$2, "Ask LupaChat")) : (openBlock(), createBlock(_sfc_main$7, {
+            !_ctx.disabled ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createBaseVNode("button", _hoisted_3$2, toDisplayString(((_c = (_b = (_a = _ctx.options) == null ? void 0 : _a.chatSettings) == null ? void 0 : _b.labels) == null ? void 0 : _c.ask) || "Ask LupaChat"), 1),
+              !_ctx.disabled ? (openBlock(), createElementBlock("button", {
+                key: 0,
+                type: "button",
+                class: "lupa-chat-form-clear",
+                onClick: _cache[3] || (_cache[3] = ($event) => emit2("clear"))
+              }, toDisplayString(((_f = (_e = (_d = _ctx.options) == null ? void 0 : _d.chatSettings) == null ? void 0 : _e.labels) == null ? void 0 : _f.clear) || "Clear Chat"), 1)) : createCommentVNode("", true)
+            ], 64)) : (openBlock(), createBlock(_sfc_main$9, {
               key: 1,
               small: true
             }))
@@ -31768,8 +31991,9 @@ and ensure you are accounting for this risk.
     prepareChatHistory,
     getTextResponseChunkStream
   };
-  const _hoisted_1$5 = { class: "lupa-chat-results" };
-  const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$6 = { class: "lupa-chat-results" };
+  const _hoisted_2$3 = ["href"];
+  const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     __name: "ChatPhraseProductsList",
     props: {
       options: {},
@@ -31780,35 +32004,40 @@ and ensure you are accounting for this risk.
       const getProductKeyAction = (index, product) => {
         return getProductKey(`${index}`, product, props.options.idKey);
       };
+      const image = computed(() => {
+        var _a;
+        return (_a = props.options.elements) == null ? void 0 : _a.find((e2) => e2.type === "image");
+      });
+      const getLink = (item) => {
+        var _a, _b, _c;
+        if (!((_a = props.options.links) == null ? void 0 : _a.details)) {
+          return "";
+        }
+        return generateLink((_c = (_b = props.options.links) == null ? void 0 : _b.details) != null ? _c : "", item);
+      };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("section", _hoisted_1$5, [
+        return openBlock(), createElementBlock("section", _hoisted_1$6, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.searchResults, (product, index) => {
-            return openBlock(), createBlock(_sfc_main$k, {
-              class: "lupa-chat-product-card",
-              key: getProductKeyAction(index, product),
-              product,
-              options: _ctx.options
-            }, null, 8, ["product", "options"]);
+            return openBlock(), createElementBlock("div", {
+              class: "lupa-chat-item lupa-chat-product-card-image",
+              key: getProductKeyAction(index, product)
+            }, [
+              createBaseVNode("a", {
+                href: getLink(product)
+              }, [
+                createVNode(_sfc_main$z, {
+                  item: product,
+                  options: image.value
+                }, null, 8, ["item", "options"])
+              ], 8, _hoisted_2$3)
+            ]);
           }), 128))
         ]);
       };
     }
   });
-  const _hoisted_1$4 = { class: "lupa-chat-content-entry-phrase" };
-  const _hoisted_2$3 = { class: "lupa-chat-phrase-title" };
-  const _hoisted_3$1 = {
-    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$4$1 = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$5 = { class: "lupa-chat-phrase-title" };
+  const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     __name: "ChatContentEntryPhrase",
     props: {
       options: {},
@@ -31893,29 +32122,87 @@ and ensure you are accounting for this risk.
         return phrases != null ? phrases : [];
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$4, [
-          createBaseVNode("div", _hoisted_2$3, [
-            createBaseVNode("h3", null, toDisplayString(displayPhrase.value), 1),
-            createBaseVNode("sub", null, toDisplayString(usedAlternativePhrases.value.join(", ")), 1),
-            usedPartialResults.value ? (openBlock(), createElementBlock("sub", _hoisted_3$1, "Including partial matches - which might not be what you are looking for")) : createCommentVNode("", true)
+        return !loading.value && searchResults2.value.length ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(["lupa-chat-content-entry-phrase", { "lupa-chat-incomplete-results": usedPartialResults.value }])
+        }, [
+          createBaseVNode("div", _hoisted_1$5, [
+            createBaseVNode("h3", null, toDisplayString(displayPhrase.value), 1)
           ]),
           createBaseVNode("div", null, [
-            createVNode(_sfc_main$5, {
+            createVNode(_sfc_main$7, {
               "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(_sfc_main$7, {
-            key: 1,
-            message: currentAction.value
-          }, null, 8, ["message"])) : createCommentVNode("", true)
+          ])
+        ], 2)) : createCommentVNode("", true);
+      };
+    }
+  });
+  const _hoisted_1$4 = { class: "lupa-chat-text-response" };
+  const _hoisted_2$2 = ["innerHTML"];
+  const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+    __name: "ChatTextEntry",
+    props: {
+      content: {},
+      options: {},
+      history: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const content = ref("");
+      const processChunk = (chunk) => {
+        content.value += chunk;
+      };
+      onMounted(() => {
+        var _a;
+        ChatService.getTextResponseChunkStream(
+          props.options.sdkOptions,
+          {
+            initialQuery: props.content,
+            messageHistory: (_a = props.history) != null ? _a : [],
+            queryKey: props.options.displayOptions.queryKey
+          },
+          processChunk,
+          props.options.chatSettings
+        );
+      });
+      return (_ctx, _cache) => {
+        return openBlock(), createElementBlock("div", _hoisted_1$4, [
+          createBaseVNode("p", { innerHTML: content.value }, null, 8, _hoisted_2$2)
+        ]);
+      };
+    }
+  });
+  const _hoisted_1$3 = { class: "lupa-chat-results" };
+  const _sfc_main$4$1 = /* @__PURE__ */ defineComponent({
+    __name: "ChatPhraseProductsCardList",
+    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$3, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.searchResults, (product, index) => {
+            return openBlock(), createBlock(_sfc_main$o, {
+              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-best-matches lupa-chat-content-entry" };
-  const _hoisted_2$2 = /* @__PURE__ */ createBaseVNode("h3", null, "Best matches", -1);
+  const _hoisted_1$2 = { class: "lupa-chat-section-content" };
+  const _hoisted_2$1 = { class: "lupa-chat-content-entry-wrapper" };
+  const _hoisted_3$1 = { class: "lupa-chat-best-matches lupa-chat-content-entry" };
   const MAX_SOURCES_FOR_BEST_ITEM_MATCHING = 250;
   const _sfc_main$3$1 = /* @__PURE__ */ defineComponent({
     __name: "ChatContentEntry",
@@ -31974,74 +32261,87 @@ and ensure you are accounting for this risk.
         }).filter(Boolean);
       });
       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$4$1, {
-                  key: 0,
-                  phrase,
-                  options: _ctx.options,
-                  onLoaded: loaded
-                }, null, 8, ["phrase", "options"])) : createCommentVNode("", true)
-              ]);
-            }), 128))
+        var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+        return openBlock(), createElementBlock(Fragment, null, [
+          createBaseVNode("section", _hoisted_1$2, [
+            createVNode(_sfc_main$5, {
+              content: _ctx.entry.userInput,
+              history: _ctx.history,
+              options: _ctx.options
+            }, null, 8, ["content", "history", "options"]),
+            createBaseVNode("div", _hoisted_2$1, [
+              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$6, {
+                      key: 0,
+                      phrase,
+                      options: _ctx.options,
+                      onLoaded: loaded
+                    }, null, 8, ["phrase", "options"])) : createCommentVNode("", true)
+                  ]);
+                }), 128))
+              ]),
+              loading.value ? (openBlock(), createBlock(_sfc_main$9, {
+                key: 0,
+                message: (_c = (_b = (_a = _ctx.options.chatSettings) == null ? void 0 : _a.labels) == null ? void 0 : _b.bestMatches) != null ? _c : "Checking for more matches..."
+              }, null, 8, ["message"])) : createCommentVNode("", true)
+            ])
           ]),
-          createBaseVNode("section", _hoisted_1$3, [
-            _hoisted_2$2,
-            loading.value ? (openBlock(), createBlock(_sfc_main$7, {
+          createBaseVNode("section", _hoisted_3$1, [
+            createBaseVNode("h3", null, toDisplayString((_f = (_e = (_d = _ctx.options.chatSettings) == null ? void 0 : _d.labels) == null ? void 0 : _e.checkingForMorePhraseMatches) != null ? _f : "Best matches"), 1),
+            loading.value ? (openBlock(), createBlock(_sfc_main$9, {
               key: 0,
-              message: "Selecting the best matches for you. This might take a few seconds."
-            })) : createCommentVNode("", true),
-            bestMatches.value.length ? (openBlock(), createBlock(_sfc_main$5, {
+              message: (_i = (_h = (_g = _ctx.options.chatSettings) == null ? void 0 : _g.labels) == null ? void 0 : _h.selectingBestPhrases) != null ? _i : "Selecting the best matches for you. This might take a few seconds."
+            }, null, 8, ["message"])) : createCommentVNode("", true),
+            bestMatches.value.length ? (openBlock(), createBlock(_sfc_main$4$1, {
               key: 1,
               "search-results": bestMatchProducts.value,
-              options: _ctx.options.displayOptions
+              options: _ctx.options.displayOptions,
+              full: true
             }, null, 8, ["search-results", "options"])) : createCommentVNode("", true)
           ])
-        ]);
+        ], 64);
       };
     }
   });
-  const _hoisted_1$2 = { class: "lupa-chat-text-response" };
-  const _hoisted_2$1 = ["innerHTML"];
+  const _hoisted_1$1 = { key: 0 };
   const _sfc_main$2$1 = /* @__PURE__ */ defineComponent({
-    __name: "ChatTextEntry",
+    __name: "ChatContentListEntry",
     props: {
-      content: {},
+      entry: {},
       options: {},
       history: {}
     },
-    setup(__props) {
-      const props = __props;
-      const content = ref("");
-      const processChunk = (chunk) => {
-        content.value += chunk;
+    emits: ["loaded"],
+    setup(__props, { emit: emit2 }) {
+      const bestItemsLoaded = (items, key) => {
+        emit2("loaded", { items, key });
       };
-      onMounted(() => {
-        var _a;
-        ChatService.getTextResponseChunkStream(
-          props.options.sdkOptions,
-          {
-            initialQuery: props.content,
-            messageHistory: (_a = props.history) != null ? _a : [],
-            queryKey: props.options.displayOptions.queryKey
-          },
-          processChunk,
-          props.options.chatSettings
-        );
-      });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$2, [
-          createBaseVNode("p", { innerHTML: content.value }, null, 8, _hoisted_2$1)
+        var _a;
+        return openBlock(), createElementBlock("div", null, [
+          createBaseVNode("h4", {
+            class: "lupa-chat-section-title",
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.entry.expanded = !_ctx.entry.expanded)
+          }, toDisplayString(_ctx.entry.userInput), 1),
+          ((_a = _ctx.entry.suggestedPhrases) == null ? void 0 : _a.length) ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1$1, [
+            createVNode(_sfc_main$3$1, {
+              entry: _ctx.entry,
+              options: _ctx.options,
+              history: _ctx.history,
+              onLoaded: _cache[1] || (_cache[1] = (items) => bestItemsLoaded(items, _ctx.entry.key))
+            }, null, 8, ["entry", "options", "history"])
+          ], 512)), [
+            [vShow, _ctx.entry.expanded]
+          ]) : createCommentVNode("", true)
         ]);
       };
     }
   });
-  const _hoisted_1$1 = { class: "lupa-chat-section-title" };
   const _sfc_main$1$1 = /* @__PURE__ */ defineComponent({
     __name: "ChatContentList",
     props: {
@@ -32058,23 +32358,16 @@ and ensure you are accounting for this risk.
         return openBlock(), createElementBlock("div", null, [
           createBaseVNode("ul", null, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.content, (entry) => {
-              var _a;
               return openBlock(), createElementBlock("li", {
-                key: entry.key
+                key: entry.key,
+                class: "chat-content-list-entry"
               }, [
-                createBaseVNode("h4", _hoisted_1$1, toDisplayString(entry.userInput), 1),
                 createVNode(_sfc_main$2$1, {
-                  content: entry.userInput,
-                  history: _ctx.history,
-                  options: _ctx.options
-                }, null, 8, ["content", "history", "options"]),
-                ((_a = entry.suggestedPhrases) == null ? void 0 : _a.length) ? (openBlock(), createBlock(_sfc_main$3$1, {
-                  key: 0,
                   entry,
                   options: _ctx.options,
                   history: _ctx.history,
                   onLoaded: (items) => bestItemsLoaded(items, entry.key)
-                }, null, 8, ["entry", "options", "history", "onLoaded"])) : createCommentVNode("", true)
+                }, null, 8, ["entry", "options", "history", "onLoaded"])
               ]);
             }), 128))
           ])
@@ -32083,19 +32376,13 @@ and ensure you are accounting for this risk.
     }
   });
   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 = {
+  const _hoisted_2 = { class: "lupasearch-chat-input" };
+  const _hoisted_3 = { class: "lupasearch-chat-content-wrapper" };
+  const _hoisted_4 = {
     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$1o = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1s = /* @__PURE__ */ defineComponent({
     __name: "ChatContainer",
     props: {
       options: {}
@@ -32104,6 +32391,7 @@ and ensure you are accounting for this risk.
       const props = __props;
       const loading = ref(false);
       const error = ref("");
+      const focused = ref(false);
       const chatContent = ref([]);
       const history = computed(() => ChatService.prepareChatHistory(chatContent.value));
       const submitChatInput = (input2) => __async2(this, null, function* () {
@@ -32118,8 +32406,10 @@ and ensure you are accounting for this risk.
             key,
             userInput: input2,
             allPhrases: [],
-            suggestedPhrases: []
+            suggestedPhrases: [],
+            expanded: true
           };
+          chatContent.value = chatContent.value.map((c2) => __spreadProps2(__spreadValues2({}, c2), { expanded: false }));
           chatContent.value.push(chatLog);
           const request = {
             userPrompt: input2,
@@ -32150,25 +32440,31 @@ and ensure you are accounting for this risk.
         const entry = chatContent.value.find((c2) => c2.key === key);
         entry.bestItems = items;
       };
+      const clearChatContent = () => {
+        chatContent.value = [];
+      };
       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(_sfc_main$7, { message: "Loading initial recommendations... This might take up to 20s" })
-          ])) : createCommentVNode("", true),
-          createBaseVNode("section", _hoisted_5, [
-            createVNode(_sfc_main$6, {
+          createBaseVNode("section", _hoisted_2, [
+            createVNode(_sfc_main$8, {
               onSubmit: submitChatInput,
-              disabled: loading.value
-            }, null, 8, ["disabled"])
+              disabled: loading.value,
+              options: _ctx.options,
+              onFocus: _cache[0] || (_cache[0] = ($event) => focused.value = true),
+              onClear: clearChatContent
+            }, null, 8, ["disabled", "options"]),
+            createBaseVNode("div", _hoisted_3, [
+              chatContent.value.length ? withDirectives((openBlock(), createElementBlock("section", _hoisted_4, [
+                createVNode(_sfc_main$1$1, {
+                  content: chatContent.value,
+                  options: _ctx.options,
+                  history: history.value,
+                  onLoaded: bestItemsLoaded
+                }, null, 8, ["content", "options", "history"])
+              ], 512)), [
+                [vShow, focused.value]
+              ]) : createCommentVNode("", true)
+            ])
           ])
         ]);
       };
@@ -38104,7 +38400,7 @@ and ensure you are accounting for this risk.
       };
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(unref(_sfc_main$V), {
+        return openBlock(), createBlock(unref(_sfc_main$Z), {
           options: fullSearchBoxOptions.value,
           ref_key: "searchBox",
           ref: searchBox2
@@ -38231,7 +38527,7 @@ and ensure you are accounting for this risk.
       };
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(unref(_sfc_main$c), {
+        return openBlock(), createBlock(unref(_sfc_main$e), {
           options: fullSearchResultsOptions.value,
           ref_key: "searchResults",
           ref: searchResults2
@@ -38256,7 +38552,7 @@ and ensure you are accounting for this risk.
       };
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(unref(_sfc_main$a), {
+        return openBlock(), createBlock(unref(_sfc_main$c), {
           options: fullProductListOptions.value,
           ref_key: "productList",
           ref: productList2
@@ -38336,7 +38632,7 @@ and ensure you are accounting for this risk.
       __expose({ fetch: fetch2, reloadOptions });
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", null, [
-          containerOptions.value && isOpen.value ? (openBlock(), createBlock(unref(_sfc_main$9), {
+          containerOptions.value && isOpen.value ? (openBlock(), createBlock(unref(_sfc_main$b), {
             key: 0,
             options: containerOptions.value,
             ref_key: "productList",
@@ -38360,7 +38656,7 @@ and ensure you are accounting for this risk.
       };
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(unref(_sfc_main$8), {
+        return openBlock(), createBlock(unref(_sfc_main$a), {
           options: _ctx.recommendationOptions,
           ref_key: "productRecommendations",
           ref: productRecommendations
@@ -38631,7 +38927,7 @@ and ensure you are accounting for this risk.
     const instance = createVue(
       options.displayOptions.containerSelector,
       mountOptions == null ? void 0 : mountOptions.mountingBehavior,
-      _sfc_main$1o,
+      _sfc_main$1s,
       {
         options
       }