@getlupa/client 1.14.4 → 1.14.6

package/dist/lupaSearch.mjs

@@ -6314,6 +6314,44 @@ const withModifiers = (fn, modifiers) => {
     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() {
@@ -8556,20 +8594,20 @@ const useSearchBoxStore = defineStore("searchBox", () => {
     resetHighlightIndex
   };
 });
-const _hoisted_1$1d = { id: "lupa-search-box-input-container" };
+const _hoisted_1$1e = { 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_4$s = ["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$i = ["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$1p = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxInput",
   props: {
     options: {},
@@ -8653,7 +8691,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
     };
     __expose({ focus });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1d, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1e, [
         createBaseVNode("div", _hoisted_2$S, [
           createBaseVNode("div", {
             class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
@@ -8680,7 +8718,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
             placeholder: labels.value.placeholder,
             onInput: handleInput,
             onFocus: handleFocus
-          }), null, 16, _hoisted_5$k), [
+          }), null, 16, _hoisted_5$i), [
             [vModelText, inputValue.value]
           ]),
           _ctx.options.showSubmitButton ? (openBlock(), createElementBlock("button", {
@@ -8699,7 +8737,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$1m = /* @__PURE__ */ defineComponent({
+const _sfc_main$1o = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxMoreResults",
   props: {
     labels: {},
@@ -8731,9 +8769,9 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1c = { class: "lupa-search-box-history-item" };
+const _hoisted_1$1d = { class: "lupa-search-box-history-item" };
 const _hoisted_2$R = { class: "lupa-search-box-history-item-content" };
-const _sfc_main$1l = /* @__PURE__ */ defineComponent({
+const _sfc_main$1n = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxHistoryItem",
   props: {
     item: {},
@@ -8749,7 +8787,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
       emit2("click", { query: props.item });
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1c, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1d, [
         createBaseVNode("div", _hoisted_2$R, [
           createBaseVNode("div", {
             class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
@@ -8764,11 +8802,11 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1b = {
+const _hoisted_1$1c = {
   key: 0,
   class: "lupa-search-box-history-panel"
 };
-const _sfc_main$1k = /* @__PURE__ */ defineComponent({
+const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxHistoryPanel",
   props: {
     options: {}
@@ -8809,9 +8847,9 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1b, [
+      return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1c, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(history), (item, index) => {
-          return openBlock(), createBlock(_sfc_main$1l, {
+          return openBlock(), createBlock(_sfc_main$1n, {
             key: item,
             item,
             highlighted: index === highlightIndex.value,
@@ -8827,15 +8865,15 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1a = { class: "lupa-search-box-no-results" };
-const _sfc_main$1j = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1b = { class: "lupa-search-box-no-results" };
+const _sfc_main$1l = /* @__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$1b, toDisplayString(_ctx.labels.noResults), 1);
     };
   }
 });
@@ -8867,7 +8905,7 @@ const generateGridTemplate = (elements) => {
   }
   return gridTemplate.join(" ");
 };
-const _hoisted_1$19 = ["innerHTML"];
+const _hoisted_1$1a = ["innerHTML"];
 const _hoisted_2$Q = {
   key: 1,
   "data-cy": "lupa-suggestion-value",
@@ -8882,11 +8920,11 @@ const _hoisted_4$r = {
   class: "lupa-suggestion-facet-label",
   "data-cy": "lupa-suggestion-facet-label"
 };
-const _hoisted_5$j = {
+const _hoisted_5$h = {
   class: "lupa-suggestion-facet-value",
   "data-cy": "lupa-suggestion-facet-value"
 };
-const _sfc_main$1i = /* @__PURE__ */ defineComponent({
+const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxSuggestion",
   props: {
     suggestion: {},
@@ -8922,20 +8960,20 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
           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)),
+        }, null, 8, _hoisted_1$1a)) : (openBlock(), createElementBlock("div", _hoisted_2$Q, toDisplayString(_ctx.suggestion.display), 1)),
         _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
           createBaseVNode("span", _hoisted_4$r, toDisplayString(facetLabel.value), 1),
-          createBaseVNode("span", _hoisted_5$j, toDisplayString(_ctx.suggestion.facet.title), 1)
+          createBaseVNode("span", _hoisted_5$h, toDisplayString(_ctx.suggestion.facet.title), 1)
         ])) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const _hoisted_1$18 = {
+const _hoisted_1$19 = {
   id: "lupa-search-box-suggestions",
   "data-cy": "lupa-search-box-suggestions"
 };
-const _sfc_main$1h = /* @__PURE__ */ defineComponent({
+const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxSuggestions",
   props: {
     items: {},
@@ -8995,9 +9033,9 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
       });
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$18, [
+      return openBlock(), createElementBlock("div", _hoisted_1$19, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
-          return openBlock(), createBlock(_sfc_main$1i, {
+          return openBlock(), createBlock(_sfc_main$1k, {
             key: getSuggestionKey(item),
             class: normalizeClass(["lupa-suggestion", index === highlightedIndex.value ? "lupa-suggestion-highlighted" : ""]),
             suggestion: item,
@@ -9025,7 +9063,7 @@ const debounce$1 = (func, timeout) => {
     }, timeout);
   };
 };
-const _sfc_main$1g = /* @__PURE__ */ defineComponent({
+const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxSuggestionsWrapper",
   props: {
     panel: {},
@@ -9067,7 +9105,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
     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$1j, {
         items: searchResult.value,
         highlight: _ctx.panel.highlight,
         queryKey: _ctx.panel.queryKey,
@@ -18141,9 +18179,9 @@ const replaceImageWithPlaceholder = (e2, placeholder) => {
     targetImage.src = placeholder;
   }
 };
-const _hoisted_1$17 = ["src"];
+const _hoisted_1$18 = ["src"];
 const _hoisted_2$P = ["src"];
-const _sfc_main$1f = /* @__PURE__ */ defineComponent({
+const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   __name: "ProductImage",
   props: {
     item: {},
@@ -18285,7 +18323,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
             }, { alt: imageAlt.value ? imageAlt.value : void 0 }, {
               onError: replaceWithPlaceholder,
               key: finalUrl.value
-            }), null, 16, _hoisted_1$17))
+            }), null, 16, _hoisted_1$18))
           ]),
           _: 1
         })) : (openBlock(), createElementBlock("img", mergeProps({
@@ -18298,7 +18336,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$1e = /* @__PURE__ */ defineComponent({
+const _sfc_main$1g = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductImage",
   props: {
     item: {},
@@ -18306,7 +18344,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1f, {
+      return openBlock(), createBlock(_sfc_main$1h, {
         item: _ctx.item,
         options: _ctx.options,
         "wrapper-class": "lupa-search-box-image-wrapper",
@@ -18315,12 +18353,12 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$16 = ["innerHTML"];
+const _hoisted_1$17 = ["innerHTML"];
 const _hoisted_2$O = {
   key: 1,
   class: "lupa-search-box-product-title"
 };
-const _sfc_main$1d = /* @__PURE__ */ defineComponent({
+const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductTitle",
   props: {
     item: {},
@@ -18343,18 +18381,18 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
         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$17)) : (openBlock(), createElementBlock("div", _hoisted_2$O, [
         createBaseVNode("strong", null, toDisplayString(title.value), 1)
       ]));
     };
   }
 });
-const _hoisted_1$15 = ["innerHTML"];
+const _hoisted_1$16 = ["innerHTML"];
 const _hoisted_2$N = {
   key: 1,
   class: "lupa-search-box-product-description"
 };
-const _sfc_main$1c = /* @__PURE__ */ defineComponent({
+const _sfc_main$1e = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductDescription",
   props: {
     item: {},
@@ -18377,12 +18415,12 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
         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$16)) : (openBlock(), createElementBlock("div", _hoisted_2$N, toDisplayString(description.value), 1));
     };
   }
 });
-const _hoisted_1$14 = { class: "lupa-search-box-product-price" };
-const _sfc_main$1b = /* @__PURE__ */ defineComponent({
+const _hoisted_1$15 = { class: "lupa-search-box-product-price" };
+const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductPrice",
   props: {
     item: {},
@@ -18400,13 +18438,13 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
       );
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$14, [
+      return openBlock(), createElementBlock("div", _hoisted_1$15, [
         createBaseVNode("strong", null, toDisplayString(price.value), 1)
       ]);
     };
   }
 });
-const _sfc_main$1a = /* @__PURE__ */ defineComponent({
+const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductRegularPrice",
   props: {
     item: {},
@@ -18433,12 +18471,12 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$13 = ["innerHTML"];
+const _hoisted_1$14 = ["innerHTML"];
 const _hoisted_2$M = { key: 0 };
 const _hoisted_3$z = { key: 1 };
 const _hoisted_4$q = { 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$g = { class: "lupa-search-box-custom-text" };
+const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductCustom",
   props: {
     item: {},
@@ -18464,20 +18502,20 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
         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$14)) : (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, [
           createBaseVNode("div", _hoisted_4$q, toDisplayString(label.value), 1),
-          createBaseVNode("div", _hoisted_5$i, toDisplayString(text.value), 1)
+          createBaseVNode("div", _hoisted_5$g, toDisplayString(text.value), 1)
         ]))
       ], 16));
     };
   }
 });
-const _hoisted_1$12 = ["innerHTML"];
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$13 = ["innerHTML"];
+const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductCustomHtml",
   props: {
     item: {},
@@ -18502,7 +18540,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
       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$13);
     };
   }
 });
@@ -18558,6 +18596,7 @@ const useSearchResultStore = defineStore("searchResult", () => {
   const layout = ref(ResultsLayoutEnum.GRID);
   const loading = ref(false);
   const isMobileSidebarVisible = ref(false);
+  const relatedCategoryChildren = ref([]);
   const optionsStore = useOptionsStore();
   const paramsStore = useParamsStore();
   const screenStore = useScreenStore();
@@ -18699,6 +18738,9 @@ const useSearchResultStore = defineStore("searchResult", () => {
     const hasExactMatch = items.some((item) => getNormalizedString(item.title) === searchInput);
     return hasExactMatch ? items.filter((item) => getNormalizedString(item.title) === searchInput) : items;
   };
+  const setRelatedCategoryChildren = (children) => {
+    relatedCategoryChildren.value = [...children];
+  };
   return {
     isMobileSidebarVisible,
     searchResult,
@@ -18719,6 +18761,7 @@ const useSearchResultStore = defineStore("searchResult", () => {
     itemRange,
     isPageEmpty,
     hideFiltersOnExactMatchForKeys,
+    relatedCategoryChildren,
     setSidebarState,
     queryFacet,
     add: add2,
@@ -18727,13 +18770,14 @@ const useSearchResultStore = defineStore("searchResult", () => {
     setLayout,
     setLoading,
     clearSearchResult,
-    filterVisibleFilterValues
+    filterVisibleFilterValues,
+    setRelatedCategoryChildren
   };
 });
-const _hoisted_1$11 = { class: "lupa-search-box-add-to-cart-wrapper" };
+const _hoisted_1$12 = { 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 _sfc_main$19 = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductAddToCart",
   props: {
     item: {},
@@ -18766,7 +18810,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
       loading.value = false;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$11, [
+      return openBlock(), createElementBlock("div", _hoisted_1$12, [
         createBaseVNode("div", _hoisted_2$L, [
           createBaseVNode("button", {
             onClick: withModifiers(handleClick, ["stop", "prevent"]),
@@ -18780,23 +18824,23 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$10 = {
+const _hoisted_1$11 = {
   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$1g,
+    SearchBoxProductTitle: _sfc_main$1f,
+    SearchBoxProductDescription: _sfc_main$1e,
+    SearchBoxProductPrice: _sfc_main$1d,
+    SearchBoxProductRegularPrice: _sfc_main$1c,
+    SearchBoxProductCustom: _sfc_main$1b,
+    SearchBoxProductCustomHtml: _sfc_main$1a,
+    SearchBoxProductAddToCart: _sfc_main$19
   }
 };
-const _sfc_main$16 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$4), {
+const _sfc_main$18 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$4), {
   __name: "SearchBoxProductElement",
   props: {
     item: {},
@@ -18859,7 +18903,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
           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$11, [
         displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
           key: 0,
           item: enhancedItem.value,
@@ -18873,14 +18917,14 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
     };
   }
 }));
-const _hoisted_1$$ = { class: "lupa-badge-title" };
+const _hoisted_1$10 = { class: "lupa-badge-title" };
 const _hoisted_2$K = ["src"];
 const _hoisted_3$x = { key: 1 };
 const _hoisted_4$p = {
   key: 0,
   class: "lupa-badge-full-text"
 };
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   __name: "SearchResultGeneratedBadge",
   props: {
     options: {},
@@ -18913,7 +18957,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
         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$10, [
           image.value ? (openBlock(), createElementBlock("img", {
             key: 0,
             src: image.value
@@ -18925,8 +18969,8 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$_ = { class: "lupa-generated-badges" };
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$$ = { class: "lupa-generated-badges" };
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   __name: "SearchResultGeneratedBadges",
   props: {
     options: {}
@@ -18952,9 +18996,9 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
       })).filter((b) => Boolean(b.id));
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$_, [
+      return openBlock(), createElementBlock("div", _hoisted_1$$, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(badges.value, (badge) => {
-          return openBlock(), createBlock(_sfc_main$15, {
+          return openBlock(), createBlock(_sfc_main$17, {
             key: badge.id,
             badge,
             options: _ctx.options
@@ -18964,8 +19008,8 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$Z = ["innerHTML"];
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$_ = ["innerHTML"];
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   __name: "CustomBadge",
   props: {
     badge: {}
@@ -18986,12 +19030,12 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(className.value),
         innerHTML: text.value
-      }, null, 10, _hoisted_1$Z);
+      }, null, 10, _hoisted_1$_);
     };
   }
 });
-const _hoisted_1$Y = { class: "lupa-text-badges" };
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$Z = { class: "lupa-text-badges" };
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   __name: "TextBadge",
   props: {
     badge: {}
@@ -19006,7 +19050,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
       return badges.value.slice(0, props.badge.maxItems);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$Y, [
+      return openBlock(), createElementBlock("div", _hoisted_1$Z, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
           return openBlock(), createElementBlock("div", {
             class: "lupa-badge lupa-text-badge",
@@ -19017,9 +19061,9 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$X = { class: "lupa-image-badges" };
+const _hoisted_1$Y = { class: "lupa-image-badges" };
 const _hoisted_2$J = ["src"];
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   __name: "ImageBadge",
   props: {
     badge: {}
@@ -19039,7 +19083,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
       return `${props.badge.rootImageUrl}${src}`;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$X, [
+      return openBlock(), createElementBlock("div", _hoisted_1$Y, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
           return openBlock(), createElementBlock("div", {
             class: "lupa-badge lupa-image-badge",
@@ -19054,15 +19098,15 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$W = { id: "lupa-search-results-badges" };
+const _hoisted_1$X = { id: "lupa-search-results-badges" };
 const __default__$3 = {
   components: {
-    CustomBadge: _sfc_main$13,
-    TextBadge: _sfc_main$12,
-    ImageBadge: _sfc_main$11
+    CustomBadge: _sfc_main$15,
+    TextBadge: _sfc_main$14,
+    ImageBadge: _sfc_main$13
   }
 };
-const _sfc_main$10 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$3), {
+const _sfc_main$12 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$3), {
   __name: "SearchResultsBadgeWrapper",
   props: {
     position: {},
@@ -19123,7 +19167,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$W, [
+      return openBlock(), createElementBlock("div", _hoisted_1$X, [
         createBaseVNode("div", {
           id: "lupa-badges",
           class: normalizeClass(anchorPosition.value)
@@ -19134,7 +19178,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
               badge
             }, null, 8, ["badge"]);
           }), 128)),
-          positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$14, {
+          positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$16, {
             key: 0,
             options: _ctx.options
           }, null, 8, ["options"])) : createCommentVNode("", true)
@@ -19143,13 +19187,13 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
     };
   }
 }));
-const _hoisted_1$V = ["href"];
+const _hoisted_1$W = ["href"];
 const _hoisted_2$I = { class: "lupa-search-box-product-details-section" };
 const _hoisted_3$w = {
   key: 0,
   class: "lupa-search-box-product-add-to-cart-section"
 };
-const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProduct",
   props: {
     item: {},
@@ -19235,7 +19279,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
           style: normalizeStyle(imageStyleOverride.value)
         }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
-            return openBlock(), createBlock(_sfc_main$16, {
+            return openBlock(), createBlock(_sfc_main$18, {
               class: "lupa-search-box-product-element",
               item: _ctx.item,
               element,
@@ -19248,7 +19292,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
         createBaseVNode("div", _hoisted_2$I, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
             var _a;
-            return openBlock(), createBlock(_sfc_main$16, {
+            return openBlock(), createBlock(_sfc_main$18, {
               key: element.key,
               class: "lupa-search-box-product-element",
               item: _ctx.item,
@@ -19259,7 +19303,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
               badgeOptions.value && ((_a = badgeOptions.value) == null ? void 0 : _a.anchorElementKey) === element.key ? {
                 name: "badges",
                 fn: withCtx(() => [
-                  createVNode(_sfc_main$10, {
+                  createVNode(_sfc_main$12, {
                     options: badgeOptions.value,
                     position: "card"
                   }, null, 8, ["options"])
@@ -19270,7 +19314,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
           }), 128))
         ]),
         addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_3$w, [
-          createVNode(_sfc_main$16, {
+          createVNode(_sfc_main$18, {
             class: "lupa-search-box-product-element",
             item: _ctx.item,
             element: addToCartElement.value,
@@ -19279,7 +19323,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
             isInStock: isInStock.value
           }, null, 8, ["item", "element", "labels", "link", "isInStock"])
         ])) : createCommentVNode("", true)
-      ], 16, _hoisted_1$V);
+      ], 16, _hoisted_1$W);
     };
   }
 });
@@ -19340,8 +19384,8 @@ const useTrackingStore = defineStore("tracking", () => {
   };
   return { trackSearch, trackResults, trackEvent };
 });
-const _hoisted_1$U = { id: "lupa-search-box-products" };
-const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+const _hoisted_1$V = { id: "lupa-search-box-products" };
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProducts",
   props: {
     items: {},
@@ -19402,7 +19446,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
       handleRoutingEvent(link, event, boxRoutingBehavior.value === "event");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$U, [
+      return openBlock(), createElementBlock("div", _hoisted_1$V, [
         _ctx.$slots.productCard ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.items, (item, index) => {
           return renderSlot(_ctx.$slots, "productCard", {
             key: index,
@@ -19414,7 +19458,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
             itemClicked: handleProductClick
           });
         }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.items, (item, index) => {
-          return openBlock(), createBlock(_sfc_main$$, {
+          return openBlock(), createBlock(_sfc_main$11, {
             key: index,
             item,
             panelOptions: _ctx.panelOptions,
@@ -19429,9 +19473,9 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$T = { class: "lupa-search-box-documents-go-to-results-wrapper" };
+const _hoisted_1$U = { class: "lupa-search-box-documents-go-to-results-wrapper" };
 const _hoisted_2$H = { key: 0 };
-const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductsGoToResultsButton",
   props: {
     options: {},
@@ -19461,7 +19505,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
       emit2("goToResults");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$T, [
+      return openBlock(), createElementBlock("div", _hoisted_1$U, [
         createBaseVNode("button", {
           class: "lupa-search-box-documents-go-to-results-button",
           onClick: goToResults
@@ -19473,7 +19517,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductsWrapper",
   props: {
     panel: {},
@@ -19530,7 +19574,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     watch(() => props.panel.limit, getItemsDebounced);
     return (_ctx, _cache) => {
       var _a, _b;
-      return openBlock(), createBlock(_sfc_main$_, {
+      return openBlock(), createBlock(_sfc_main$10, {
         items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
         panelOptions: _ctx.panel,
         labels: _ctx.labels,
@@ -19540,7 +19584,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
         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$$, {
               key: 0,
               options: _ctx.searchBoxOptions,
               panel: _ctx.panel,
@@ -19561,7 +19605,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxRelatedSourceWrapper",
   props: {
     panel: {},
@@ -19633,7 +19677,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       var _a, _b;
-      return openBlock(), createBlock(_sfc_main$_, {
+      return openBlock(), createBlock(_sfc_main$10, {
         items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
         panelOptions: documentPanelOptions.value,
         labels: _ctx.labels,
@@ -19651,7 +19695,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$S = {
+const _hoisted_1$T = {
   key: 0,
   id: "lupa-search-box-panel"
 };
@@ -19664,18 +19708,18 @@ const _hoisted_4$o = {
   key: 1,
   class: "lupa-panel-title"
 };
-const _hoisted_5$h = {
+const _hoisted_5$f = {
   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$1i,
+    SearchBoxProductsWrapper: _sfc_main$_,
+    SearchBoxRelatedSourceWrapper: _sfc_main$Z
   }
 };
-const _sfc_main$W = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$2), {
+const _sfc_main$Y = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$2), {
   __name: "SearchBoxMainPanel",
   props: {
     options: {},
@@ -19831,7 +19875,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
         ref_key: "panelContainer",
         ref: panelContainer
       }, [
-        displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$S, [
+        displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$T, [
           labels.value.closePanel ? (openBlock(), createElementBlock("a", {
             key: 0,
             class: "lupa-search-box-close-panel",
@@ -19879,18 +19923,18 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
               ], 14, _hoisted_2$G);
             }), 128))
           ], 4),
-          !unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1j, {
+          !unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1l, {
             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$1o, {
             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$f, [
+          createVNode(_sfc_main$1m, {
             options: _ctx.options.history,
             history: history.value,
             onGoToResults: handleGoToResults,
@@ -19915,9 +19959,9 @@ const unbindSearchTriggers = (triggers = [], event) => {
   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_1$S = { id: "lupa-search-box" };
 const _hoisted_2$F = { class: "lupa-search-box-wrapper" };
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "SearchBox",
   props: {
     options: {},
@@ -20177,9 +20221,9 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       var _a2;
-      return openBlock(), createElementBlock("div", _hoisted_1$R, [
+      return openBlock(), createElementBlock("div", _hoisted_1$S, [
         createBaseVNode("div", _hoisted_2$F, [
-          createVNode(_sfc_main$1n, {
+          createVNode(_sfc_main$1p, {
             options: inputOptions.value,
             suggestedValue: suggestedValue.value,
             "can-close": (_a2 = _ctx.isSearchContainer) != null ? _a2 : false,
@@ -20192,7 +20236,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
             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$Y, {
             key: 0,
             options: panelOptions.value,
             inputValue: inputValue.value,
@@ -20281,7 +20325,7 @@ const getSearchParams = (url, params, baseUrl) => {
   }
   return searchParams;
 };
-const _hoisted_1$Q = {
+const _hoisted_1$R = {
   key: 0,
   id: "lupa-search-results-did-you-mean"
 };
@@ -20294,7 +20338,7 @@ const _hoisted_3$u = {
   "data-cy": "did-you-mean-label"
 };
 const _hoisted_4$n = { key: 1 };
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsDidYouMean",
   props: {
     labels: {}
@@ -20326,7 +20370,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
       paramStore.goToResults({ searchText, facet });
     };
     return (_ctx, _cache) => {
-      return unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_1$Q, [
+      return unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_1$R, [
         unref(searchResult).suggestedSearchText ? (openBlock(), createElementBlock("div", _hoisted_2$E, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.labels.noResultsSuggestion.split(" "), (label, index) => {
             return openBlock(), createElementBlock("span", { key: index }, [
@@ -20352,12 +20396,12 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$P = {
+const _hoisted_1$Q = {
   key: 0,
   class: "lupa-search-results-summary"
 };
 const _hoisted_2$D = ["innerHTML"];
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsSummary",
   props: {
     label: {},
@@ -20372,7 +20416,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
       return addParamsToLabel(props.label, range, `<span>${totalItems.value}</span>`);
     });
     return (_ctx, _cache) => {
-      return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$P, [
+      return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$Q, [
         createBaseVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$D),
         _ctx.clearable ? (openBlock(), createElementBlock("span", {
           key: 0,
@@ -20384,7 +20428,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$O = {
+const _hoisted_1$P = {
   key: 0,
   class: "lupa-result-page-title",
   "data-cy": "lupa-result-page-title"
@@ -20395,8 +20439,8 @@ const _hoisted_3$t = {
   class: "lupa-results-total-count"
 };
 const _hoisted_4$m = { class: "lupa-results-total-count-number" };
-const _hoisted_5$g = ["innerHTML"];
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const _hoisted_5$e = ["innerHTML"];
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsTitle",
   props: {
     options: {},
@@ -20435,7 +20479,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$O, [
+        showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$P, [
           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, [
@@ -20444,7 +20488,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
             createTextVNode(")")
           ])) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
-        _ctx.showSummary ? (openBlock(), createBlock(_sfc_main$T, {
+        _ctx.showSummary ? (openBlock(), createBlock(_sfc_main$V, {
           key: 1,
           label: summaryLabel.value
         }, null, 8, ["label"])) : createCommentVNode("", true),
@@ -20452,12 +20496,12 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
           key: 2,
           class: "lupa-result-page-description-top",
           innerHTML: descriptionTop.value
-        }, null, 8, _hoisted_5$g)) : createCommentVNode("", true)
+        }, null, 8, _hoisted_5$e)) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const _hoisted_1$N = { class: "lupa-search-result-filter-value" };
+const _hoisted_1$O = { class: "lupa-search-result-filter-value" };
 const _hoisted_2$B = {
   class: "lupa-current-filter-label",
   "data-cy": "lupa-current-filter-label"
@@ -20466,7 +20510,7 @@ const _hoisted_3$s = {
   class: "lupa-current-filter-value",
   "data-cy": "lupa-current-filter-value"
 };
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "CurrentFilterDisplay",
   props: {
     filter: {}
@@ -20478,7 +20522,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
       emit2("remove", { filter: props.filter });
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$N, [
+      return openBlock(), createElementBlock("div", _hoisted_1$O, [
         createBaseVNode("div", {
           class: "lupa-current-filter-action",
           onClick: handleClick
@@ -20489,7 +20533,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$M = { class: "lupa-filter-title-text" };
+const _hoisted_1$N = { class: "lupa-filter-title-text" };
 const _hoisted_2$A = {
   key: 0,
   class: "lupa-filter-count"
@@ -20499,7 +20543,7 @@ const _hoisted_3$r = {
   class: "filter-values"
 };
 const _hoisted_4$l = { class: "lupa-current-filter-list" };
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "CurrentFilters",
   props: {
     options: {},
@@ -20572,7 +20616,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
           class: "lupa-current-filter-title",
           onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
         }, [
-          createBaseVNode("div", _hoisted_1$M, [
+          createBaseVNode("div", _hoisted_1$N, [
             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)
           ]),
@@ -20584,7 +20628,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
         !_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$r, [
           createBaseVNode("div", _hoisted_4$l, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(currentDisplayFilters.value, (filter2) => {
-              return openBlock(), createBlock(_sfc_main$R, {
+              return openBlock(), createBlock(_sfc_main$T, {
                 key: filter2.key + "_" + filter2.value,
                 filter: filter2,
                 onRemove: handleRemove
@@ -20601,8 +20645,8 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$L = ["href"];
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _hoisted_1$M = ["href"];
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "CategoryFilterItem",
   props: {
     options: {},
@@ -20639,20 +20683,20 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
           "data-cy": "lupa-child-category-item",
           href: urlLink.value,
           onClick: handleNavigation
-        }, toDisplayString(title.value), 9, _hoisted_1$L)
+        }, toDisplayString(title.value), 9, _hoisted_1$M)
       ], 2);
     };
   }
 });
-const _hoisted_1$K = {
+const _hoisted_1$L = {
   class: "lupa-category-filter",
   "data-cy": "lupa-category-filter"
 };
 const _hoisted_2$z = { class: "lupa-category-back" };
 const _hoisted_3$q = ["href"];
 const _hoisted_4$k = ["href"];
-const _hoisted_5$f = { class: "lupa-child-category-list" };
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _hoisted_5$d = { class: "lupa-child-category-list" };
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "CategoryFilter",
   props: {
     options: {}
@@ -20661,6 +20705,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     const props = __props;
     const categoryChildren = ref([]);
     const optionStore = useOptionsStore();
+    const searchResultsStore = useSearchResultStore();
     const { envOptions, searchResultOptions } = storeToRefs(optionStore);
     const hasBackButton = computed(() => {
       var _a;
@@ -20697,6 +20742,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
         return;
       }
       categoryChildren.value = result2.items;
+      searchResultsStore.setRelatedCategoryChildren(categoryChildren.value);
       (_c = (_b = searchResultOptions.value.callbacks) == null ? void 0 : _b.onCategoryFilterResults) == null ? void 0 : _c.call(_b, {
         queryKey: props.options.queryKey,
         hasResults: result2.total > 0
@@ -20738,7 +20784,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     };
     __expose({ fetch: fetch2 });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$K, [
+      return openBlock(), createElementBlock("div", _hoisted_1$L, [
         createBaseVNode("div", _hoisted_2$z, [
           hasBackButton.value ? (openBlock(), createElementBlock("a", {
             key: 0,
@@ -20757,9 +20803,9 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
             onClick: handleNavigationParent
           }, toDisplayString(parentTitle.value), 11, _hoisted_4$k)
         ], 2),
-        createBaseVNode("div", _hoisted_5$f, [
+        createBaseVNode("div", _hoisted_5$d, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(categoryChildren.value, (child) => {
-            return openBlock(), createBlock(_sfc_main$P, {
+            return openBlock(), createBlock(_sfc_main$R, {
               key: getCategoryKey(child),
               item: child,
               options: _ctx.options
@@ -20770,15 +20816,15 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$J = {
+const _hoisted_1$K = {
   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_4$j = ["onClick"];
-const _hoisted_5$e = { class: "lupa-term-checkbox-wrapper" };
-const _hoisted_6$9 = { class: "lupa-term-checkbox-label" };
+const _hoisted_5$c = { 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,
@@ -20786,7 +20832,7 @@ const _hoisted_8$2 = {
 };
 const _hoisted_9$2 = { key: 0 };
 const _hoisted_10$1 = { key: 1 };
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "TermFacet",
   props: {
     options: {},
@@ -20857,7 +20903,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
       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$K, [
         isFilterable.value ? withDirectives((openBlock(), createElementBlock("input", {
           key: 0,
           class: "lupa-term-filter",
@@ -20875,12 +20921,12 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
               key: item.title,
               onClick: ($event) => handleFacetClick(item)
             }, [
-              createBaseVNode("div", _hoisted_5$e, [
+              createBaseVNode("div", _hoisted_5$c, [
                 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)
               ])
@@ -21875,7 +21921,7 @@ var m = { name: "Slider", emits: ["input", "update:modelValue", "start", "slide"
 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_1$J = { class: "lupa-search-result-facet-stats-values" };
 const _hoisted_2$x = {
   key: 0,
   class: "lupa-stats-facet-summary"
@@ -21888,8 +21934,8 @@ const _hoisted_4$i = {
   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$b = { 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 = {
@@ -21903,7 +21949,7 @@ const _hoisted_13 = {
   key: 2,
   class: "lupa-stats-slider-wrapper"
 };
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "StatsFacet",
   props: {
     options: {},
@@ -22076,11 +22122,11 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
       innerSliderRange.value = value;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$I, [
+      return openBlock(), createElementBlock("div", _hoisted_1$J, [
         !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$x, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$o, [
           createBaseVNode("div", null, [
             rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$i, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
-            createBaseVNode("div", _hoisted_5$d, [
+            createBaseVNode("div", _hoisted_5$b, [
               withDirectives(createBaseVNode("input", {
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
                 type: "text",
@@ -22089,7 +22135,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
                 min: facetMin.value,
                 pattern: sliderInputFormat.value,
                 "aria-label": ariaLabelFrom.value
-              }, null, 8, _hoisted_6$8), [
+              }, null, 8, _hoisted_6$7), [
                 [
                   vModelText,
                   fromValue.value,
@@ -22143,18 +22189,18 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$H = { class: "lupa-term-checkbox-wrapper" };
+const _hoisted_1$I = { class: "lupa-term-checkbox-wrapper" };
 const _hoisted_2$w = { class: "lupa-term-checkbox-label" };
 const _hoisted_3$n = { class: "lupa-term-label" };
 const _hoisted_4$h = {
   key: 0,
   class: "lupa-term-count"
 };
-const _hoisted_5$c = {
+const _hoisted_5$a = {
   key: 0,
   class: "lupa-facet-level"
 };
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "HierarchyFacetLevel",
   props: {
     options: {},
@@ -22200,7 +22246,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
           "data-cy": "lupa-facet-term",
           onClick: _cache[0] || (_cache[0] = ($event) => handleFacetClick(_ctx.item))
         }, [
-          createBaseVNode("div", _hoisted_1$H, [
+          createBaseVNode("div", _hoisted_1$I, [
             createBaseVNode("span", {
               class: normalizeClass(["lupa-term-checkbox", { checked: isChecked.value }])
             }, null, 2)
@@ -22210,7 +22256,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
             _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_4$h, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
           ])
         ]),
-        showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_5$c, [
+        showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_5$a, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(treeItem.value.children, (itemChild) => {
             return openBlock(), createBlock(_component_HierarchyFacetLevel, {
               key: itemChild.title,
@@ -22226,13 +22272,13 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$G = {
+const _hoisted_1$H = {
   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 _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "HierarchyFacet",
   props: {
     options: {},
@@ -22282,7 +22328,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
       showAll.value = true;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$G, [
+      return openBlock(), createElementBlock("div", _hoisted_1$H, [
         isFilterable.value ? (openBlock(), createElementBlock("div", _hoisted_2$v, [
           withDirectives(createBaseVNode("input", {
             class: "lupa-term-filter",
@@ -22294,7 +22340,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
           ])
         ])) : createCommentVNode("", true),
         (openBlock(true), createElementBlock(Fragment, null, renderList(displayValues.value, (item) => {
-          return openBlock(), createBlock(_sfc_main$L, {
+          return openBlock(), createBlock(_sfc_main$N, {
             key: item.title,
             options: _ctx.options,
             item,
@@ -22314,7 +22360,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$F = { class: "lupa-facet-label-text" };
+const _hoisted_1$G = { class: "lupa-facet-label-text" };
 const _hoisted_2$u = {
   key: 0,
   class: "lupa-facet-content",
@@ -22322,12 +22368,12 @@ const _hoisted_2$u = {
 };
 const __default__$1 = {
   components: {
-    TermFacet: _sfc_main$N,
-    StatsFacet: _sfc_main$M,
-    HierarchyFacet: _sfc_main$K
+    TermFacet: _sfc_main$P,
+    StatsFacet: _sfc_main$O,
+    HierarchyFacet: _sfc_main$M
   }
 };
-const _sfc_main$J = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$1), {
+const _sfc_main$L = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$1), {
   __name: "FacetDisplay",
   props: {
     options: {},
@@ -22439,7 +22485,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
           "data-cy": "lupa-search-result-facet-label",
           onClick: toggleFacet
         }, [
-          createBaseVNode("div", _hoisted_1$F, toDisplayString(facet.value.label), 1),
+          createBaseVNode("div", _hoisted_1$G, toDisplayString(facet.value.label), 1),
           createBaseVNode("div", {
             class: normalizeClass(["lupa-facet-label-caret", isOpen.value && "open"])
           }, null, 2)
@@ -22462,12 +22508,12 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
     };
   }
 }));
-const _hoisted_1$E = { class: "lupa-search-result-facet-section" };
+const _hoisted_1$F = { class: "lupa-search-result-facet-section" };
 const _hoisted_2$t = {
   key: 0,
   class: "lupa-facets-title"
 };
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "FacetList",
   props: {
     options: {},
@@ -22501,14 +22547,14 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       var _a;
-      return openBlock(), createElementBlock("div", _hoisted_1$E, [
+      return openBlock(), createElementBlock("div", _hoisted_1$F, [
         _ctx.options.labels.title ? (openBlock(), createElementBlock("div", _hoisted_2$t, 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$L, {
               key: facet.key,
               facet,
               currentFilters: currentFiltersValue.value,
@@ -22523,8 +22569,8 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$D = ["onClick"];
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _hoisted_1$E = ["onClick"];
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "FacetsButton",
   props: {
     options: {}
@@ -22544,13 +22590,13 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
         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$E)) : createCommentVNode("", true);
     };
   }
 });
-const _hoisted_1$C = { class: "lupa-search-result-facets" };
+const _hoisted_1$D = { class: "lupa-search-result-facets" };
 const _hoisted_2$s = { class: "lupa-facets-filter-button-wrapper" };
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "Facets",
   props: {
     options: {},
@@ -22633,8 +22679,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       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$D, [
+        regularFacets.value ? (openBlock(), createBlock(_sfc_main$K, {
           key: 0,
           options: _ctx.options,
           facets: regularFacets.value,
@@ -22645,7 +22691,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           onClear: clear2
         }, null, 8, ["options", "facets", "currentFilters", "facetStyle", "clearable"])) : createCommentVNode("", true),
         createBaseVNode("div", _hoisted_2$s, [
-          showFilterButton.value ? (openBlock(), createBlock(_sfc_main$H, {
+          showFilterButton.value ? (openBlock(), createBlock(_sfc_main$J, {
             key: 0,
             options: _ctx.options,
             onFilter: filter2
@@ -22655,11 +22701,11 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$B = {
+const _hoisted_1$C = {
   id: "lupa-search-result-filters",
   class: "lupa-search-result-filters"
 };
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsFilters",
   props: {
     options: {},
@@ -22692,19 +22738,19 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     __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$C, [
+        showCurrentFilters.value ? (openBlock(), createBlock(_sfc_main$S, {
           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$Q, {
           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$I, {
           key: 2,
           options: _ctx.options.facets,
           onFilter: filter2
@@ -22713,20 +22759,20 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$A = {
+const _hoisted_1$B = {
   key: 0,
   class: "lupa-mobile-filter-sidebar"
 };
 const _hoisted_2$r = ["onClick"];
 const _hoisted_3$l = { class: "lupa-mobile-sidebar-content" };
 const _hoisted_4$g = { class: "lupa-sidebar-top" };
-const _hoisted_5$b = { class: "lupa-sidebar-title" };
-const _hoisted_6$7 = {
+const _hoisted_5$9 = { 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$G = /* @__PURE__ */ defineComponent({
   __name: "MobileFilterSidebar",
   props: {
     options: {}
@@ -22757,16 +22803,16 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
       handleMobileToggle();
     };
     return (_ctx, _cache) => {
-      return isMobileSidebarVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$A, [
+      return isMobileSidebarVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$B, [
         createBaseVNode("div", {
           class: "lupa-sidebar-close",
           onClick: withModifiers(handleMobileToggle, ["stop"])
         }, null, 8, _hoisted_2$r),
         createBaseVNode("div", _hoisted_3$l, [
           createBaseVNode("div", _hoisted_4$g, [
-            createBaseVNode("div", _hoisted_5$b, [
+            createBaseVNode("div", _hoisted_5$9, [
               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",
@@ -22774,7 +22820,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
             })
           ]),
           createBaseVNode("div", _hoisted_7$4, [
-            createVNode(_sfc_main$F, {
+            createVNode(_sfc_main$H, {
               options: _ctx.options,
               expandable: isActiveFiltersExpanded.value,
               onFilter: filter2
@@ -22785,14 +22831,14 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$z = { id: "lupa-search-results-breadcrumbs" };
+const _hoisted_1$A = { id: "lupa-search-results-breadcrumbs" };
 const _hoisted_2$q = ["href", "onClick"];
 const _hoisted_3$k = {
   key: 1,
   class: "lupa-search-results-breadcrumb-text"
 };
 const _hoisted_4$f = { key: 2 };
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsBreadcrumbs",
   props: {
     breadcrumbs: {}
@@ -22817,7 +22863,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       handleRoutingEvent(link, event, hasEventRouting.value);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$z, [
+      return openBlock(), createElementBlock("div", _hoisted_1$A, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(breadcrumbsValue.value, (breadcrumb, index) => {
           return openBlock(), createElementBlock("span", {
             class: "lupa-search-results-breadcrumb",
@@ -22839,11 +22885,11 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$y = {
+const _hoisted_1$z = {
   id: "lupa-search-result-filters",
   class: "lupa-search-result-filters lupa-search-result-top-filters"
 };
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "FiltersTopDropdown",
   props: {
     options: {}
@@ -22855,8 +22901,8 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
     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$z, [
+        _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$I, {
           key: 0,
           options: _ctx.options.facets,
           "facet-style": (_a = _ctx.options.facets.style) == null ? void 0 : _a.type,
@@ -22867,8 +22913,8 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$x = { id: "lupa-search-results-layout-selection" };
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _hoisted_1$y = { id: "lupa-search-results-layout-selection" };
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsLayoutSelection",
   setup(__props) {
     const searchResultStore = useSearchResultStore();
@@ -22879,7 +22925,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
       searchResultStore.setLayout(layout2);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$x, [
+      return openBlock(), createElementBlock("div", _hoisted_1$y, [
         createBaseVNode("div", {
           class: normalizeClass([
             "lupa-layout-selection-grid",
@@ -22901,11 +22947,11 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$w = {
+const _hoisted_1$x = {
   key: 0,
   class: "lupa-mobile-toggle-filter-count"
 };
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsMobileToggle",
   props: {
     label: {},
@@ -22923,12 +22969,12 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
         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$x, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const _hoisted_1$v = {
+const _hoisted_1$w = {
   key: 0,
   id: "lupa-search-results-page-select",
   "data-cy": "lupa-search-results-page-select"
@@ -22942,7 +22988,7 @@ const _hoisted_4$e = {
   key: 0,
   class: "lupa-page-number-separator"
 };
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsPageSelect",
   props: {
     lastPageLabel: {},
@@ -23019,7 +23065,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_1$v, [
+      return showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_1$w, [
         showBack.value ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(firstPageLabel.value === "<" ? "lupa-page-arrow" : "lupa-show-less"),
@@ -23063,15 +23109,15 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$u = {
+const _hoisted_1$v = {
   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_4$d = ["aria-label"];
-const _hoisted_5$a = ["value"];
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _hoisted_5$8 = ["value"];
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsPageSize",
   props: {
     labels: {},
@@ -23099,7 +23145,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       });
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$u, [
+      return openBlock(), createElementBlock("div", _hoisted_1$v, [
         createBaseVNode("div", _hoisted_2$o, [
           createBaseVNode("label", _hoisted_3$i, toDisplayString(label.value), 1),
           createBaseVNode("select", {
@@ -23114,7 +23160,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
               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$8);
             }), 128))
           ], 40, _hoisted_4$d)
         ])
@@ -23122,15 +23168,15 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$t = {
+const _hoisted_1$u = {
   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_4$c = ["aria-label"];
-const _hoisted_5$9 = ["value"];
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _hoisted_5$7 = ["value"];
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsSort",
   props: {
     options: {},
@@ -23179,7 +23225,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       previousKey.value = selectedKey.value;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$t, [
+      return openBlock(), createElementBlock("div", _hoisted_1$u, [
         createBaseVNode("div", _hoisted_2$n, [
           createBaseVNode("label", _hoisted_3$h, toDisplayString(_ctx.options.label), 1),
           withDirectives(createBaseVNode("select", {
@@ -23194,7 +23240,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
               return openBlock(), createElementBlock("option", {
                 key: option.key,
                 value: option.key
-              }, toDisplayString(option.label), 9, _hoisted_5$9);
+              }, toDisplayString(option.label), 9, _hoisted_5$7);
             }), 128))
           ], 40, _hoisted_4$c), [
             [vModelSelect, selectedKey.value]
@@ -23204,22 +23250,22 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$s = { class: "lupa-toolbar-left" };
+const _hoisted_1$t = { class: "lupa-toolbar-left" };
 const _hoisted_2$m = {
   key: 0,
   class: "lupa-toolbar-right-title"
 };
 const _hoisted_3$g = { key: 2 };
 const _hoisted_4$b = { key: 4 };
-const _hoisted_5$8 = { key: 6 };
-const _hoisted_6$6 = { class: "lupa-toolbar-right" };
+const _hoisted_5$6 = { 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$y = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsToolbar",
   props: {
     options: {},
@@ -23326,34 +23372,34 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
         id: "lupa-search-results-toolbar",
         class: normalizeClass({ "lupa-filter-no-results": !hasResults.value })
       }, [
-        createBaseVNode("div", _hoisted_1$s, [
+        createBaseVNode("div", _hoisted_1$t, [
           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, {
+          showLayoutSelection.value ? (openBlock(), createBlock(_sfc_main$D, { key: 1 })) : (openBlock(), createElementBlock("div", _hoisted_3$g)),
+          showItemSummary.value ? (openBlock(), createBlock(_sfc_main$V, {
             key: 3,
             label: searchSummaryLabel.value,
             clearable: unref(hasAnyFilter) && showFilterClear.value,
             onClear: handleClearAll
           }, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_4$b)),
-          displayPageSelect.value ? (openBlock(), createBlock(_sfc_main$z, {
+          displayPageSelect.value ? (openBlock(), createBlock(_sfc_main$B, {
             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$6))
         ]),
-        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$C, {
             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$A, {
             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$z, {
             key: 3,
             options: sortOptions.value,
             callbacks: callbacks.value
@@ -23363,7 +23409,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductImage",
   props: {
     item: {},
@@ -23371,7 +23417,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1f, {
+      return openBlock(), createBlock(_sfc_main$1h, {
         item: _ctx.item,
         options: _ctx.options,
         "wrapper-class": "lupa-search-results-image-wrapper",
@@ -23380,16 +23426,16 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$r = ["title", "innerHTML"];
+const _hoisted_1$s = ["title", "innerHTML"];
 const _hoisted_2$l = ["title"];
 const _hoisted_3$f = ["href", "innerHTML"];
 const _hoisted_4$a = ["title"];
-const _hoisted_5$7 = {
+const _hoisted_5$5 = {
   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$w = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductTitle",
   props: {
     item: {},
@@ -23426,7 +23472,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
         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$s)) : isHtml.value && _ctx.options.link ? (openBlock(), createElementBlock("div", {
         key: 1,
         class: "lupa-search-results-product-title",
         style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
@@ -23444,19 +23490,19 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
         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$5, 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$a));
     };
   }
 });
-const _hoisted_1$q = ["innerHTML"];
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _hoisted_1$r = ["innerHTML"];
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductDescription",
   props: {
     item: {},
@@ -23483,7 +23529,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         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$r)) : (openBlock(), createElementBlock("div", {
         key: 1,
         class: "lupa-search-results-product-description",
         style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`)
@@ -23491,15 +23537,15 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$p = { id: "lupa-search-results-rating" };
+const _hoisted_1$q = { id: "lupa-search-results-rating" };
 const _hoisted_2$k = { class: "lupa-ratings" };
 const _hoisted_3$e = { class: "lupa-ratings-base" };
 const _hoisted_4$9 = ["innerHTML"];
-const _hoisted_5$6 = { class: "lupa-rating-wrapper" };
-const _hoisted_6$4 = ["innerHTML"];
+const _hoisted_5$4 = { 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$u = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductRating",
   props: {
     item: {},
@@ -23530,7 +23576,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       return generateLink(props.options.links.ratingDetails, props.item);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$p, [
+      return openBlock(), createElementBlock("div", _hoisted_1$q, [
         createBaseVNode("div", _hoisted_2$k, [
           createBaseVNode("div", _hoisted_3$e, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(baseStars.value, (star, index) => {
@@ -23541,7 +23587,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
               }, null, 8, _hoisted_4$9);
             }), 128))
           ]),
-          createBaseVNode("div", _hoisted_5$6, [
+          createBaseVNode("div", _hoisted_5$4, [
             createBaseVNode("div", {
               class: "lupa-ratings-highlighted",
               style: normalizeStyle({ width: ratingPercentage.value + "%" })
@@ -23551,7 +23597,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                   key: index,
                   innerHTML: star,
                   class: "lupa-rating lupa-rating-highlighted"
-                }, null, 8, _hoisted_6$4);
+                }, null, 8, _hoisted_6$3);
               }), 128))
             ], 4)
           ])
@@ -23564,11 +23610,11 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$o = {
+const _hoisted_1$p = {
   class: "lupa-search-results-product-regular-price",
   "data-cy": "lupa-search-results-product-regular-price"
 };
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductRegularPrice",
   props: {
     item: {},
@@ -23586,11 +23632,11 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       );
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$o, toDisplayString(price.value), 1);
+      return openBlock(), createElementBlock("div", _hoisted_1$p, toDisplayString(price.value), 1);
     };
   }
 });
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductPrice",
   props: {
     item: {},
@@ -23620,10 +23666,10 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$n = { class: "lupa-search-results-add-to-cart-wrapper" };
+const _hoisted_1$o = { 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 _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductAddToCart",
   props: {
     item: {},
@@ -23656,7 +23702,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       loading.value = false;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$n, [
+      return openBlock(), createElementBlock("div", _hoisted_1$o, [
         createBaseVNode("div", _hoisted_2$j, [
           createBaseVNode("button", {
             onClick: withModifiers(handleClick, ["stop"]),
@@ -23669,12 +23715,12 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$m = ["innerHTML"];
+const _hoisted_1$n = ["innerHTML"];
 const _hoisted_2$i = { key: 0 };
 const _hoisted_3$c = { key: 1 };
 const _hoisted_4$8 = { 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$3 = { class: "lupa-search-box-custom-text" };
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductCustom",
   props: {
     item: {},
@@ -23712,20 +23758,20 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         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$n)) : (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, [
           createBaseVNode("div", _hoisted_4$8, toDisplayString(label.value), 1),
-          createBaseVNode("div", _hoisted_5$5, toDisplayString(text.value), 1)
+          createBaseVNode("div", _hoisted_5$3, toDisplayString(text.value), 1)
         ]))
       ], 16));
     };
   }
 });
-const _hoisted_1$l = ["innerHTML"];
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _hoisted_1$m = ["innerHTML"];
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductCustomHtmlElement",
   props: {
     item: {},
@@ -23756,15 +23802,15 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       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$m);
     };
   }
 });
-const _hoisted_1$k = { id: "lupa-search-results-rating" };
+const _hoisted_1$l = { id: "lupa-search-results-rating" };
 const _hoisted_2$h = ["innerHTML"];
 const _hoisted_3$b = { class: "lupa-ratings" };
 const _hoisted_4$7 = ["href"];
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductSingleStarRating",
   props: {
     item: {},
@@ -23792,7 +23838,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       return RATING_STAR_HTML;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$k, [
+      return openBlock(), createElementBlock("div", _hoisted_1$l, [
         createBaseVNode("div", {
           innerHTML: star.value,
           class: "lupa-rating lupa-rating-highlighted"
@@ -23808,19 +23854,19 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
 });
 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$x,
+    SearchResultsProductTitle: _sfc_main$w,
+    SearchResultsProductDescription: _sfc_main$v,
+    SearchResultsProductRating: _sfc_main$u,
+    SearchResultsProductRegularPrice: _sfc_main$t,
+    SearchResultsProductPrice: _sfc_main$s,
+    SearchResultsProductAddToCart: _sfc_main$r,
+    SearchResultsProductCustom: _sfc_main$q,
+    SearchResultsProductCustomHtmlElement: _sfc_main$p,
+    SearchResultsProductSingleStarRating: _sfc_main$o
+  }
+};
+const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__), {
   __name: "SearchResultsProductCardElement",
   props: {
     item: {},
@@ -23896,13 +23942,13 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
     };
   }
 }));
-const _hoisted_1$j = ["href"];
+const _hoisted_1$k = ["href"];
 const _hoisted_2$g = {
   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 _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductCard",
   props: {
     product: {},
@@ -24054,7 +24100,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
         "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$12, { options: badgesOptions.value }, null, 8, ["options"]),
         createBaseVNode("div", {
           class: normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
         }, [
@@ -24064,7 +24110,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             onClick: handleNavigation
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
-              return openBlock(), createBlock(_sfc_main$l, {
+              return openBlock(), createBlock(_sfc_main$n, {
                 class: "lupa-search-results-product-element",
                 item: _ctx.product,
                 element,
@@ -24075,16 +24121,16 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                 onProductEvent: handleProductEvent
               }, null, 8, ["item", "element", "labels", "inStock", "link"]);
             }), 128)),
-            createVNode(_sfc_main$10, {
+            createVNode(_sfc_main$12, {
               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),
+          ], 8, _hoisted_1$k),
           createBaseVNode("div", _hoisted_3$a, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
-              return openBlock(), createBlock(_sfc_main$l, {
+              return openBlock(), createBlock(_sfc_main$n, {
                 class: "lupa-search-results-product-element",
                 item: _ctx.product,
                 element,
@@ -24102,7 +24148,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
               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$n, {
                   class: "lupa-search-results-product-element",
                   item: _ctx.product,
                   element,
@@ -24120,7 +24166,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$i = {
+const _hoisted_1$j = {
   id: "lupa-search-results-similar-queries",
   "data-cy": "lupa-search-results-similar-queries"
 };
@@ -24130,13 +24176,13 @@ const _hoisted_3$9 = {
   "data-cy": "lupa-similar-query-label"
 };
 const _hoisted_4$6 = ["onClick"];
-const _hoisted_5$4 = ["innerHTML"];
-const _hoisted_6$3 = { key: 0 };
+const _hoisted_5$2 = ["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$l = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsSimilarQueries",
   props: {
     labels: {},
@@ -24166,7 +24212,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       paramsStore.goToResults({ searchText, facet });
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$i, [
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
         createBaseVNode("div", _hoisted_2$f, toDisplayString(_ctx.labels.similarQueries), 1),
         (openBlock(true), createElementBlock(Fragment, null, renderList(similarQueries.value, (similarQuery, index) => {
           return openBlock(), createElementBlock("div", { key: index }, [
@@ -24180,13 +24226,13 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               }, [
                 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$2),
+                similarQuery.count ? (openBlock(), createElementBlock("span", _hoisted_6$2, " (" + toDisplayString(similarQuery.count) + ")", 1)) : createCommentVNode("", true)
               ], 8, _hoisted_4$6)
             ]),
             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$m, {
                   style: normalizeStyle(_ctx.columnSize),
                   key: getDocumentKey(index2, product),
                   product,
@@ -24200,7 +24246,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$h = {
+const _hoisted_1$i = {
   key: 0,
   class: "lupa-results-additional-panel"
 };
@@ -24208,7 +24254,7 @@ const _hoisted_2$e = {
   class: "lupa-results-additional-panel-items",
   "data-cy": "lupa-results-additional-panel-items"
 };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "AdditionalPanel",
   props: {
     panel: {},
@@ -24280,10 +24326,10 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       handleQueryChange();
     });
     return (_ctx, _cache) => {
-      return hasResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$h, [
+      return hasResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$i, [
         createBaseVNode("div", _hoisted_2$e, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(visibleItems.value, (item, index) => {
-            return openBlock(), createBlock(_sfc_main$k, {
+            return openBlock(), createBlock(_sfc_main$m, {
               key: index,
               product: item,
               options: _ctx.panel,
@@ -24301,11 +24347,11 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$g = {
+const _hoisted_1$h = {
   key: 0,
   class: "lupa-results-additional-panels"
 };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "AdditionalPanels",
   props: {
     options: {},
@@ -24322,9 +24368,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       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$h, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(locationPanels.value, (panel) => {
-          return openBlock(), createBlock(_sfc_main$i, {
+          return openBlock(), createBlock(_sfc_main$k, {
             key: panel.queryKey,
             panel,
             options: _ctx.sdkOptions
@@ -24341,11 +24387,11 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$g = {};
-const _hoisted_1$f = { class: "lupa-spinner-wrapper" };
+const _sfc_main$i = {};
+const _hoisted_1$g = { class: "lupa-spinner-wrapper" };
 const _hoisted_2$d = { class: "lupa-spinner" };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$f, [
+  return openBlock(), createElementBlock("div", _hoisted_1$g, [
     createBaseVNode("div", _hoisted_2$d, [
       (openBlock(), createElementBlock(Fragment, null, renderList(12, (x2) => {
         return createBaseVNode("div", { key: x2 });
@@ -24353,8 +24399,8 @@ function _sfc_render(_ctx, _cache) {
     ])
   ]);
 }
-const Spinner = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render]]);
-const _hoisted_1$e = {
+const Spinner = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render]]);
+const _hoisted_1$f = {
   id: "lupa-search-results-similar-results",
   "data-cy": "lupa-search-results-similar-results"
 };
@@ -24363,7 +24409,7 @@ const _hoisted_3$8 = {
   class: "lupa-products",
   "data-cy": "lupa-products"
 };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsSimilarResults",
   props: {
     columnSize: {},
@@ -24379,11 +24425,11 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       return getProductKey(`${index}`, product, props.productCardOptions.idKey);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
         createBaseVNode("div", _hoisted_2$c, toDisplayString(_ctx.labels.similarResultsLabel), 1),
         createBaseVNode("div", _hoisted_3$8, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(similarResults.value.items, (product, index) => {
-            return openBlock(), createBlock(_sfc_main$k, {
+            return openBlock(), createBlock(_sfc_main$m, {
               style: normalizeStyle(_ctx.columnSize),
               key: getDocumentKey(index, product),
               product,
@@ -24395,7 +24441,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$d = { id: "lupa-search-results-products" };
+const _hoisted_1$e = { id: "lupa-search-results-products" };
 const _hoisted_2$b = {
   class: "lupa-products",
   "data-cy": "lupa-products"
@@ -24410,9 +24456,9 @@ const _hoisted_4$5 = {
   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: {},
@@ -24519,24 +24565,24 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
     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),
         unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          showTopFilters.value ? (openBlock(), createBlock(_sfc_main$C, {
+          showTopFilters.value ? (openBlock(), createBlock(_sfc_main$E, {
             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$y, {
             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$S, {
             key: 2,
             class: normalizeClass(currentFiltersClass.value),
             "data-cy": "lupa-search-result-filters-mobile-toolbar",
@@ -24544,18 +24590,18 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             expandable: !desktopFiltersExpanded.value
           }, null, 8, ["class", "options", "expandable"])) : createCommentVNode("", true)
         ], 64)) : createCommentVNode("", true),
-        createVNode(_sfc_main$h, {
+        createVNode(_sfc_main$j, {
           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$y, {
             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$S, {
             key: 0,
             class: normalizeClass(currentFiltersClass.value),
             "data-cy": "lupa-search-result-filters-mobile-toolbar",
@@ -24571,7 +24617,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                 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$m, {
                 style: normalizeStyle(columnSize.value),
                 key: getProductKeyAction(index, product),
                 product,
@@ -24587,12 +24633,12 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
               onClick: goToFirstPage
             }, toDisplayString(_ctx.options.labels.backToFirstPage), 1)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
-          createVNode(_sfc_main$w, {
+          createVNode(_sfc_main$y, {
             class: "lupa-toolbar-bottom",
             options: _ctx.options,
             "pagination-location": "bottom"
           }, null, 8, ["options"]),
-          createVNode(_sfc_main$h, {
+          createVNode(_sfc_main$j, {
             options: _ctx.options,
             location: "bottom",
             sdkOptions: _ctx.options.options
@@ -24601,15 +24647,15 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           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$l, {
             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$h, {
             labels: similarResultsLabels.value,
             columnSize: columnSize.value,
             productCardOptions: productCardOptions.value
@@ -24620,19 +24666,22 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _hoisted_4$4 = { class: "lupa-child-category-list" };
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "CategoryTopFilters",
   props: {
     options: {}
   },
   setup(__props) {
     const props = __props;
+    const searchResultsStore = useSearchResultStore();
+    const { relatedCategoryChildren } = storeToRefs(searchResultsStore);
     const hasBackButton = computed(() => {
       var _a, _b;
       return Boolean((_b = (_a = props.options.categories) == null ? void 0 : _a.back) == null ? void 0 : _b.title);
@@ -24648,17 +24697,24 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     const hasEventRouting = computed(() => {
       return props.options.routingBehavior === "event";
     });
+    const categoryOptions = computed(() => {
+      return props.options.categories;
+    });
     const handleNavigationBack = (event) => {
       if (!backUrlLink.value) {
         return;
       }
       handleRoutingEvent(backUrlLink.value, event, hasEventRouting.value);
     };
+    const getCategoryKey = (item) => {
+      var _a, _b, _c, _d, _e, _f;
+      return (item == null ? void 0 : item[(_c = (_b = (_a = categoryOptions.value) == null ? void 0 : _a.keys) == null ? void 0 : _b.titleKey) != null ? _c : ""]) + (item == null ? void 0 : item[(_f = (_e = (_d = categoryOptions.value) == null ? void 0 : _d.keys) == null ? void 0 : _e.urlKey) != null ? _f : ""]);
+    };
     return (_ctx, _cache) => {
       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",
@@ -24666,7 +24722,16 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
               onClick: handleNavigationBack
             }, toDisplayString(backTitle.value), 9, _hoisted_3$6)
           ])) : createCommentVNode("", true),
-          createVNode(_sfc_main$w, {
+          createBaseVNode("div", _hoisted_4$4, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(relatedCategoryChildren), (child) => {
+              return openBlock(), createBlock(_sfc_main$R, {
+                key: getCategoryKey(child),
+                item: child,
+                options: categoryOptions.value
+              }, null, 8, ["item", "options"]);
+            }), 128))
+          ]),
+          createVNode(_sfc_main$y, {
             class: "lupa-toolbar-mobile",
             "pagination-location": "top",
             options: _ctx.options
@@ -24676,7 +24741,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$b = {
+const _hoisted_1$c = {
   key: 0,
   class: "lupa-container-title-summary-mobile"
 };
@@ -24686,8 +24751,8 @@ const _hoisted_2$9 = {
   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: {},
@@ -24897,29 +24962,29 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       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$W, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+          createVNode(_sfc_main$U, {
             "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$G, {
           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$F, {
           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$H, {
             key: 0,
             options: (_b = _ctx.options.filters) != null ? _b : {},
             ref_key: "searchResultsFilters",
@@ -24927,12 +24992,12 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             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$W, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+            createVNode(_sfc_main$U, {
               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
@@ -24944,20 +25009,20 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             }, 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$W, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+          createVNode(_sfc_main$U, {
             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$H, {
               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
@@ -24981,12 +25046,12 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {}
@@ -25004,7 +25069,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       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
@@ -25069,7 +25134,7 @@ const processExtractionObject = (value = {}) => {
   }
   return parsedObject;
 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "ProductList",
   props: {
     options: {}
@@ -25094,7 +25159,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     __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,
@@ -25102,7 +25167,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           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"])
@@ -30592,9 +30657,9 @@ lodash$1.exports;
   }).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: {}
@@ -30640,7 +30705,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           onClick: withModifiers(innerClick, ["stop"])
         }, [
           createBaseVNode("div", _hoisted_2$7, [
-            createVNode(_sfc_main$V, {
+            createVNode(_sfc_main$X, {
               options: fullSearchBoxOptions.value,
               "is-search-container": true,
               ref_key: "searchBox",
@@ -30648,13 +30713,13 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               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)
       ]);
     };
   }
@@ -31357,7 +31422,7 @@ var Slide = defineComponent({
     };
   }
 });
-const _hoisted_1$8 = {
+const _hoisted_1$9 = {
   key: 0,
   class: "lupa-search-product-recommendations-wrapper"
 };
@@ -31370,12 +31435,12 @@ const _hoisted_3$4 = {
   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: {}
@@ -31491,7 +31556,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     });
     __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 }), {
@@ -31504,7 +31569,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                   key: getProductKeyAction(index, product)
                 }, {
                   default: withCtx(() => [
-                    createVNode(_sfc_main$k, {
+                    createVNode(_sfc_main$m, {
                       product,
                       options: _ctx.options,
                       "click-tracking-settings": clickTrackingSettings.value
@@ -31515,9 +31580,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               }), 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$m, {
                 style: normalizeStyle(columnSize.value),
                 key: getProductKeyAction(index, product),
                 product,
@@ -31531,19 +31596,19 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 },
@@ -31551,27 +31616,25 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   },
   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 = () => {
@@ -31579,7 +31642,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       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",
@@ -31593,12 +31657,22 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               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
           }))
@@ -31737,8 +31811,9 @@ const ChatService = {
   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: {},
@@ -31749,35 +31824,40 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     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$x, {
+                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: {},
@@ -31862,29 +31942,87 @@ const _sfc_main$4$1 = /* @__PURE__ */ defineComponent({
       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-best-matches lupa-chat-content-entry" };
-const _hoisted_2$2 = /* @__PURE__ */ createBaseVNode("h3", null, "Best matches", -1);
+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$m, {
+            class: "lupa-chat-product-card",
+            key: getProductKeyAction(index, product),
+            product,
+            options: _ctx.options
+          }, null, 8, ["product", "options"]);
+        }), 128))
+      ]);
+    };
+  }
+});
+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",
@@ -31943,74 +32081,87 @@ const _sfc_main$3$1 = /* @__PURE__ */ defineComponent({
       }).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: {
@@ -32027,23 +32178,16 @@ const _sfc_main$1$1 = /* @__PURE__ */ defineComponent({
       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))
         ])
@@ -32052,19 +32196,13 @@ const _sfc_main$1$1 = /* @__PURE__ */ defineComponent({
   }
 });
 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$1q = /* @__PURE__ */ defineComponent({
   __name: "ChatContainer",
   props: {
     options: {}
@@ -32073,6 +32211,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
     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* () {
@@ -32087,8 +32226,10 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
           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,
@@ -32119,25 +32260,31 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
       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)
+          ])
         ])
       ]);
     };
@@ -38073,7 +38220,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
     __expose({ fetch: fetch2 });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$V), {
+      return openBlock(), createBlock(unref(_sfc_main$X), {
         options: fullSearchBoxOptions.value,
         ref_key: "searchBox",
         ref: searchBox2
@@ -38200,7 +38347,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
     __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
@@ -38225,7 +38372,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
     __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
@@ -38305,7 +38452,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     __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",
@@ -38329,7 +38476,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     __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
@@ -38600,7 +38747,7 @@ const chat = (options, mountOptions) => {
   const instance = createVue(
     options.displayOptions.containerSelector,
     mountOptions == null ? void 0 : mountOptions.mountingBehavior,
-    _sfc_main$1o,
+    _sfc_main$1q,
     {
       options
     }