@getlupa/client 1.14.13 → 1.14.14

package/dist/lupaSearch.mjs

@@ -8596,7 +8596,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
 const _hoisted_1$1g = { id: "lupa-search-box-input-container" };
 const _hoisted_2$U = { class: "lupa-input-clear" };
 const _hoisted_3$D = { id: "lupa-search-box-input" };
-const _hoisted_4$t = ["value"];
+const _hoisted_4$s = ["value"];
 const _hoisted_5$j = ["aria-label", "placeholder"];
 const _hoisted_6$9 = /* @__PURE__ */ createBaseVNode("span", { class: "lupa-search-submit-icon" }, null, -1);
 const _hoisted_7$7 = [
@@ -8703,7 +8703,7 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
             "aria-hidden": "true",
             value: showHint.value ? suggestedValue.value.item.suggestion : "",
             disabled: ""
-          }, null, 8, _hoisted_4$t),
+          }, null, 8, _hoisted_4$s),
           withDirectives(createBaseVNode("input", mergeProps({
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
           }, inputAttributes.value, {
@@ -8915,7 +8915,7 @@ const _hoisted_3$C = {
   class: "lupa-suggestion-facet",
   "data-cy": "lupa-suggestion-facet"
 };
-const _hoisted_4$s = {
+const _hoisted_4$r = {
   class: "lupa-suggestion-facet-label",
   "data-cy": "lupa-suggestion-facet-label"
 };
@@ -8961,7 +8961,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
           innerHTML: _ctx.suggestion.displayHighlight
         }, null, 8, _hoisted_1$1c)) : (openBlock(), createElementBlock("div", _hoisted_2$S, toDisplayString(_ctx.suggestion.display), 1)),
         _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$C, [
-          createBaseVNode("span", _hoisted_4$s, toDisplayString(facetLabel.value), 1),
+          createBaseVNode("span", _hoisted_4$r, toDisplayString(facetLabel.value), 1),
           createBaseVNode("span", _hoisted_5$i, toDisplayString(_ctx.suggestion.facet.title), 1)
         ])) : createCommentVNode("", true)
       ]);
@@ -18477,7 +18477,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
 const _hoisted_1$16 = ["innerHTML"];
 const _hoisted_2$O = { key: 0 };
 const _hoisted_3$B = { key: 1 };
-const _hoisted_4$r = { class: "lupa-search-box-custom-label" };
+const _hoisted_4$q = { class: "lupa-search-box-custom-label" };
 const _hoisted_5$h = { class: "lupa-search-box-custom-text" };
 const _sfc_main$1e = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductCustom",
@@ -18510,7 +18510,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
         class: [className.value, "lupa-search-box-product-custom"]
       }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
         !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$O, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$B, [
-          createBaseVNode("div", _hoisted_4$r, toDisplayString(label.value), 1),
+          createBaseVNode("div", _hoisted_4$q, toDisplayString(label.value), 1),
           createBaseVNode("div", _hoisted_5$h, toDisplayString(text.value), 1)
         ]))
       ], 16));
@@ -18923,7 +18923,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
 const _hoisted_1$12 = { class: "lupa-badge-title" };
 const _hoisted_2$M = ["src"];
 const _hoisted_3$z = { key: 1 };
-const _hoisted_4$q = {
+const _hoisted_4$p = {
   key: 0,
   class: "lupa-badge-full-text"
 };
@@ -18967,7 +18967,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
           }, null, 8, _hoisted_2$M)) : createCommentVNode("", true),
           hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$z, toDisplayString(_ctx.badge.titleText), 1)) : createCommentVNode("", true)
         ]),
-        hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$q, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
+        hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$p, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
       ], 6);
     };
   }
@@ -19767,7 +19767,7 @@ const _hoisted_3$x = {
   key: 0,
   class: "lupa-panel-title lupa-panel-title-top-results"
 };
-const _hoisted_4$p = {
+const _hoisted_4$o = {
   key: 1,
   class: "lupa-panel-title"
 };
@@ -19961,7 +19961,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
                 "data-cy": "lupa-panel-" + panel.type + "-index"
               }, [
                 ((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$x, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
-                ((_c = panel.labels) == null ? void 0 : _c.title) && showPanelTitle(panel) ? (openBlock(), createElementBlock("div", _hoisted_4$p, toDisplayString((_d = panel.labels) == null ? void 0 : _d.title), 1)) : createCommentVNode("", true),
+                ((_c = panel.labels) == null ? void 0 : _c.title) && showPanelTitle(panel) ? (openBlock(), createElementBlock("div", _hoisted_4$o, toDisplayString((_d = panel.labels) == null ? void 0 : _d.title), 1)) : createCommentVNode("", true),
                 panel.queryKey && canShowPanel(panel) ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(panel.type)), {
                   key: 2,
                   panel,
@@ -20400,7 +20400,7 @@ const _hoisted_3$w = {
   key: 1,
   "data-cy": "did-you-mean-label"
 };
-const _hoisted_4$o = { key: 1 };
+const _hoisted_4$n = { key: 1 };
 const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsDidYouMean",
   props: {
@@ -20451,7 +20451,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
                 class: "lupa-did-you-mean lupa-highlighted-search-text",
                 "data-cy": "did-you-mean-value",
                 onClick: _cache[0] || (_cache[0] = ($event) => goToResults({ searchText: didYouMeanValue.value }))
-              }, toDisplayString(didYouMeanValue.value) + " ", 1)) : (openBlock(), createElementBlock("span", _hoisted_4$o, toDisplayString(label) + " ", 1))
+              }, toDisplayString(didYouMeanValue.value) + " ", 1)) : (openBlock(), createElementBlock("span", _hoisted_4$n, toDisplayString(label) + " ", 1))
             ]);
           }), 128))
         ])) : createCommentVNode("", true)
@@ -20501,7 +20501,7 @@ const _hoisted_3$v = {
   key: 1,
   class: "lupa-results-total-count"
 };
-const _hoisted_4$n = { class: "lupa-results-total-count-number" };
+const _hoisted_4$m = { class: "lupa-results-total-count-number" };
 const _hoisted_5$f = ["innerHTML"];
 const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsTitle",
@@ -20547,7 +20547,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
           queryText.value ? (openBlock(), createElementBlock("span", _hoisted_2$E, "'" + toDisplayString(queryText.value) + "'", 1)) : createCommentVNode("", true),
           showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$v, [
             createTextVNode("(" + toDisplayString(searchResultsCountLabel.value), 1),
-            createBaseVNode("span", _hoisted_4$n, toDisplayString(unref(totalItems)), 1),
+            createBaseVNode("span", _hoisted_4$m, toDisplayString(unref(totalItems)), 1),
             createTextVNode(")")
           ])) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
@@ -20605,7 +20605,7 @@ const _hoisted_3$t = {
   key: 0,
   class: "filter-values"
 };
-const _hoisted_4$m = { class: "lupa-current-filter-list" };
+const _hoisted_4$l = { class: "lupa-current-filter-list" };
 const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "CurrentFilters",
   props: {
@@ -20689,7 +20689,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
           }, null, 2)) : createCommentVNode("", true)
         ]),
         !_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$t, [
-          createBaseVNode("div", _hoisted_4$m, [
+          createBaseVNode("div", _hoisted_4$l, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(currentDisplayFilters.value, (filter2) => {
               return openBlock(), createBlock(_sfc_main$V, {
                 key: filter2.key + "_" + filter2.value,
@@ -20757,7 +20757,7 @@ const _hoisted_1$N = {
 };
 const _hoisted_2$B = { class: "lupa-category-back" };
 const _hoisted_3$s = ["href"];
-const _hoisted_4$l = ["href"];
+const _hoisted_4$k = ["href"];
 const _hoisted_5$e = { class: "lupa-child-category-list" };
 const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "CategoryFilter",
@@ -20864,7 +20864,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
             href: parentUrlLink.value,
             class: normalizeClass({ "lupa-title-category": !hasBackButton.value }),
             onClick: handleNavigationParent
-          }, toDisplayString(parentTitle.value), 11, _hoisted_4$l)
+          }, toDisplayString(parentTitle.value), 11, _hoisted_4$k)
         ], 2),
         createBaseVNode("div", _hoisted_5$e, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(categoryChildren.value, (child) => {
@@ -20885,7 +20885,7 @@ const _hoisted_1$M = {
 };
 const _hoisted_2$A = ["placeholder"];
 const _hoisted_3$r = { class: "lupa-terms-list" };
-const _hoisted_4$k = ["onClick"];
+const _hoisted_4$j = ["onClick"];
 const _hoisted_5$d = { class: "lupa-term-checkbox-wrapper" };
 const _hoisted_6$8 = { class: "lupa-term-checkbox-label" };
 const _hoisted_7$6 = { class: "lupa-term-label" };
@@ -20993,7 +20993,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
                 createBaseVNode("span", _hoisted_7$6, toDisplayString(item.title), 1),
                 _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_8$2, "(" + toDisplayString(item.count) + ")", 1)) : createCommentVNode("", true)
               ])
-            ], 10, _hoisted_4$k);
+            ], 10, _hoisted_4$j);
           }), 128))
         ]),
         displayShowMore.value ? (openBlock(), createElementBlock("div", {
@@ -21993,7 +21993,7 @@ const _hoisted_3$q = {
   key: 1,
   class: "lupa-stats-facet-summary-input"
 };
-const _hoisted_4$j = {
+const _hoisted_4$i = {
   key: 0,
   class: "lupa-stats-range-label"
 };
@@ -22188,7 +22188,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$L, [
         !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$z, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$q, [
           createBaseVNode("div", null, [
-            rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$j, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
+            rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$i, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
             createBaseVNode("div", _hoisted_5$c, [
               withDirectives(createBaseVNode("input", {
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
@@ -22255,7 +22255,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
 const _hoisted_1$K = { class: "lupa-term-checkbox-wrapper" };
 const _hoisted_2$y = { class: "lupa-term-checkbox-label" };
 const _hoisted_3$p = { class: "lupa-term-label" };
-const _hoisted_4$i = {
+const _hoisted_4$h = {
   key: 0,
   class: "lupa-term-count"
 };
@@ -22316,7 +22316,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
           ]),
           createBaseVNode("div", _hoisted_2$y, [
             createBaseVNode("span", _hoisted_3$p, toDisplayString(_ctx.item.title) + toDisplayString(" "), 1),
-            _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_4$i, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
+            _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_4$h, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
           ])
         ]),
         showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_5$b, [
@@ -22828,7 +22828,7 @@ const _hoisted_1$D = {
 };
 const _hoisted_2$t = ["onClick"];
 const _hoisted_3$n = { class: "lupa-mobile-sidebar-content" };
-const _hoisted_4$h = { class: "lupa-sidebar-top" };
+const _hoisted_4$g = { class: "lupa-sidebar-top" };
 const _hoisted_5$a = { class: "lupa-sidebar-title" };
 const _hoisted_6$6 = {
   key: 0,
@@ -22872,7 +22872,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
           onClick: withModifiers(handleMobileToggle, ["stop"])
         }, null, 8, _hoisted_2$t),
         createBaseVNode("div", _hoisted_3$n, [
-          createBaseVNode("div", _hoisted_4$h, [
+          createBaseVNode("div", _hoisted_4$g, [
             createBaseVNode("div", _hoisted_5$a, [
               createTextVNode(toDisplayString(sidebarTitle.value) + " ", 1),
               isFilterCountVisible.value ? (openBlock(), createElementBlock("span", _hoisted_6$6, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
@@ -22900,7 +22900,7 @@ const _hoisted_3$m = {
   key: 1,
   class: "lupa-search-results-breadcrumb-text"
 };
-const _hoisted_4$g = { key: 2 };
+const _hoisted_4$f = { key: 2 };
 const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsBreadcrumbs",
   props: {
@@ -22941,7 +22941,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                 return handleNavigation(e2, (_a = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a : "");
               }
             }, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$s)) : (openBlock(), createElementBlock("span", _hoisted_3$m, toDisplayString(getLabel(breadcrumb.label)), 1)),
-            index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$g, " / ")) : createCommentVNode("", true)
+            index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$f, " / ")) : createCommentVNode("", true)
           ]);
         }), 128))
       ]);
@@ -23047,7 +23047,7 @@ const _hoisted_2$r = {
   class: "lupa-page-number-separator"
 };
 const _hoisted_3$l = ["onClick"];
-const _hoisted_4$f = {
+const _hoisted_4$e = {
   key: 0,
   class: "lupa-page-number-separator"
 };
@@ -23153,7 +23153,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
           }, toDisplayString(page), 11, _hoisted_3$l);
         }), 128)),
         showLastPage.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-          showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_4$f, "...")) : createCommentVNode("", true),
+          showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_4$e, "...")) : createCommentVNode("", true),
           createBaseVNode("div", {
             class: "lupa-page-number lupa-page-number-last",
             onClick: _cache[2] || (_cache[2] = () => {
@@ -23178,7 +23178,7 @@ const _hoisted_1$x = {
 };
 const _hoisted_2$q = { id: "lupa-select" };
 const _hoisted_3$k = { class: "lupa-select-label" };
-const _hoisted_4$e = ["aria-label"];
+const _hoisted_4$d = ["aria-label"];
 const _hoisted_5$9 = ["value"];
 const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsPageSize",
@@ -23225,7 +23225,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                 value: option
               }, toDisplayString(prefixLabel.value) + toDisplayString(option), 9, _hoisted_5$9);
             }), 128))
-          ], 40, _hoisted_4$e)
+          ], 40, _hoisted_4$d)
         ])
       ]);
     };
@@ -23237,7 +23237,7 @@ const _hoisted_1$w = {
 };
 const _hoisted_2$p = { id: "lupa-select" };
 const _hoisted_3$j = { class: "lupa-select-label" };
-const _hoisted_4$d = ["aria-label"];
+const _hoisted_4$c = ["aria-label"];
 const _hoisted_5$8 = ["value"];
 const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsSort",
@@ -23305,7 +23305,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                 value: option.key
               }, toDisplayString(option.label), 9, _hoisted_5$8);
             }), 128))
-          ], 40, _hoisted_4$d), [
+          ], 40, _hoisted_4$c), [
             [vModelSelect, selectedKey.value]
           ])
         ])
@@ -23319,7 +23319,7 @@ const _hoisted_2$o = {
   class: "lupa-toolbar-right-title"
 };
 const _hoisted_3$i = { key: 2 };
-const _hoisted_4$c = { key: 4 };
+const _hoisted_4$b = { key: 4 };
 const _hoisted_5$7 = { key: 6 };
 const _hoisted_6$5 = { class: "lupa-toolbar-right" };
 const _hoisted_7$3 = {
@@ -23443,7 +23443,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             label: searchSummaryLabel.value,
             clearable: unref(hasAnyFilter) && showFilterClear.value,
             onClear: handleClearAll
-          }, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_4$c)),
+          }, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_4$b)),
           displayPageSelect.value ? (openBlock(), createBlock(_sfc_main$D, {
             key: 5,
             options: paginationOptions.value.pageSelect,
@@ -23492,7 +23492,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
 const _hoisted_1$u = ["title", "innerHTML"];
 const _hoisted_2$n = ["title"];
 const _hoisted_3$h = ["href", "innerHTML"];
-const _hoisted_4$b = ["title"];
+const _hoisted_4$a = ["title"];
 const _hoisted_5$6 = {
   key: 0,
   class: "lupa-search-results-product-title-text"
@@ -23560,7 +23560,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
           class: "lupa-search-results-product-title-text lupa-title-link",
           onClick: handleNavigation
         }, toDisplayString(title.value), 9, _hoisted_6$4)) : createCommentVNode("", true)
-      ], 12, _hoisted_4$b));
+      ], 12, _hoisted_4$a));
     };
   }
 });
@@ -23603,7 +23603,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
 const _hoisted_1$s = { id: "lupa-search-results-rating" };
 const _hoisted_2$m = { class: "lupa-ratings" };
 const _hoisted_3$g = { class: "lupa-ratings-base" };
-const _hoisted_4$a = ["innerHTML"];
+const _hoisted_4$9 = ["innerHTML"];
 const _hoisted_5$5 = { class: "lupa-rating-wrapper" };
 const _hoisted_6$3 = ["innerHTML"];
 const _hoisted_7$2 = ["href"];
@@ -23653,7 +23653,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
                 key: index,
                 innerHTML: star,
                 class: "lupa-rating lupa-rating-not-highlighted"
-              }, null, 8, _hoisted_4$a);
+              }, null, 8, _hoisted_4$9);
             }), 128))
           ]),
           createBaseVNode("div", _hoisted_5$5, [
@@ -23793,7 +23793,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
 const _hoisted_1$p = ["innerHTML"];
 const _hoisted_2$k = { key: 0 };
 const _hoisted_3$e = { key: 1 };
-const _hoisted_4$9 = { class: "lupa-search-box-custom-label" };
+const _hoisted_4$8 = { class: "lupa-search-box-custom-label" };
 const _hoisted_5$4 = { class: "lupa-search-box-custom-text" };
 const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductCustom",
@@ -23838,7 +23838,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
         class: className.value
       }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
         !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$k, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$e, [
-          createBaseVNode("div", _hoisted_4$9, toDisplayString(label.value), 1),
+          createBaseVNode("div", _hoisted_4$8, toDisplayString(label.value), 1),
           createBaseVNode("div", _hoisted_5$4, toDisplayString(text.value), 1)
         ]))
       ], 16));
@@ -23884,7 +23884,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
 const _hoisted_1$n = { id: "lupa-search-results-rating" };
 const _hoisted_2$j = ["innerHTML"];
 const _hoisted_3$d = { class: "lupa-ratings" };
-const _hoisted_4$8 = ["href"];
+const _hoisted_4$7 = ["href"];
 const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductSingleStarRating",
   props: {
@@ -23922,7 +23922,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
         createBaseVNode("a", {
           href: ratingLink.value,
           class: "lupa-total-ratings"
-        }, toDisplayString(totalRatings.value), 9, _hoisted_4$8)
+        }, toDisplayString(totalRatings.value), 9, _hoisted_4$7)
       ]);
     };
   }
@@ -24250,7 +24250,7 @@ const _hoisted_3$b = {
   class: "lupa-similar-query-label",
   "data-cy": "lupa-similar-query-label"
 };
-const _hoisted_4$7 = ["onClick"];
+const _hoisted_4$6 = ["onClick"];
 const _hoisted_5$3 = ["innerHTML"];
 const _hoisted_6$2 = { key: 0 };
 const _hoisted_7$1 = {
@@ -24303,7 +24303,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                   innerHTML: getSimilarQueryContent(similarQuery.displayQuery)
                 }, null, 8, _hoisted_5$3),
                 similarQuery.count ? (openBlock(), createElementBlock("span", _hoisted_6$2, " (" + toDisplayString(similarQuery.count) + ")", 1)) : createCommentVNode("", true)
-              ], 8, _hoisted_4$7)
+              ], 8, _hoisted_4$6)
             ]),
             createBaseVNode("div", _hoisted_7$1, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(similarQuery.items, (product, index2) => {
@@ -24543,7 +24543,7 @@ const extractRelatedSource = (source, searchResults2) => {
 const _hoisted_1$g = { class: "lupa-related-query-item" };
 const _hoisted_2$d = { class: "lupa-related-query-image" };
 const _hoisted_3$9 = { class: "lupa-related-query-label" };
-const _hoisted_4$6 = { class: "lupa-related-query-title" };
+const _hoisted_4$5 = { class: "lupa-related-query-title" };
 const _hoisted_5$2 = {
   key: 0,
   class: "lupa-related-query-count"
@@ -24629,7 +24629,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           }, null, 8, ["item", "options"])) : createCommentVNode("", true)
         ]),
         createBaseVNode("div", _hoisted_3$9, [
-          createBaseVNode("span", _hoisted_4$6, toDisplayString(_ctx.query), 1),
+          createBaseVNode("span", _hoisted_4$5, toDisplayString(_ctx.query), 1),
           ((_a = _ctx.options) == null ? void 0 : _a.showCount) ? (openBlock(), createElementBlock("span", _hoisted_5$2, "(" + toDisplayString(totalItemCount.value) + ")", 1)) : createCommentVNode("", true)
         ])
       ]);
@@ -24699,7 +24699,7 @@ const _hoisted_3$7 = {
   class: "lupa-empty-results",
   "data-cy": "lupa-no-results-in-page"
 };
-const _hoisted_4$5 = {
+const _hoisted_4$4 = {
   key: 3,
   class: "lupa-empty-results",
   "data-cy": "lupa-no-results"
@@ -24894,7 +24894,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             location: "bottom",
             sdkOptions: _ctx.options.options
           }, null, 8, ["options", "sdkOptions"])
-        ], 64)) : !unref(loading) && unref(currentQueryText) ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
+        ], 64)) : !unref(loading) && unref(currentQueryText) ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
           createTextVNode(toDisplayString(_ctx.options.labels.emptyResults) + " ", 1),
           createBaseVNode("span", null, toDisplayString(unref(currentQueryText)), 1)
         ])) : createCommentVNode("", true),
@@ -24923,7 +24923,7 @@ const _hoisted_2$a = {
   class: "lupa-category-back"
 };
 const _hoisted_3$6 = ["href"];
-const _hoisted_4$4 = { class: "lupa-child-category-list" };
+const _hoisted_4$3 = { class: "lupa-child-category-list" };
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "CategoryTopFilters",
   props: {
@@ -24973,7 +24973,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
               onClick: handleNavigationBack
             }, toDisplayString(backTitle.value), 9, _hoisted_3$6)
           ])) : createCommentVNode("", true),
-          createBaseVNode("div", _hoisted_4$4, [
+          createBaseVNode("div", _hoisted_4$3, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(relatedCategoryChildren), (child) => {
               return openBlock(), createBlock(_sfc_main$T, {
                 key: getCategoryKey(child),
@@ -25002,7 +25002,7 @@ const _hoisted_2$9 = {
   class: "top-layout-wrapper"
 };
 const _hoisted_3$5 = { class: "search-content" };
-const _hoisted_4$3 = { id: "lupa-search-results" };
+const _hoisted_4$2 = { id: "lupa-search-results" };
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "SearchResults",
   props: {
@@ -25265,7 +25265,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             options: _ctx.options,
             "is-product-list": (_d = _ctx.isProductList) != null ? _d : false
           }, null, 8, ["options", "is-product-list"]),
-          createBaseVNode("div", _hoisted_4$3, [
+          createBaseVNode("div", _hoisted_4$2, [
             showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$J, {
               key: 0,
               options: (_e = _ctx.options.filters) != null ? _e : {},
@@ -31674,19 +31674,15 @@ var Slide = defineComponent({
   }
 });
 const _hoisted_1$9 = {
-  key: 0,
-  class: "lupa-search-product-recommendations-wrapper"
-};
-const _hoisted_2$6 = {
   key: 0,
   class: "lupa-recommendation-section-title"
 };
-const _hoisted_3$4 = {
+const _hoisted_2$6 = {
   key: 1,
   class: "lupa-recommended-products",
   "data-cy": "lupa-recommended-products"
 };
-const _hoisted_4$2 = {
+const _hoisted_3$4 = {
   key: 1,
   class: "lupa-products",
   "data-cy": "lupa-products"
@@ -31707,6 +31703,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       "recommendations_lupasearch"
     );
     const loading = ref(true);
+    const rootElement = ref(null);
+    let observer = null;
     const carouselOptions = computed(() => {
       var _a;
       return (_a = props.options.carousel) != null ? _a : {};
@@ -31730,15 +31728,33 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const hasRecommendations = computed(() => {
       return recommendations2.value.length > 0;
     });
+    const initIntersectionObserver = () => {
+      if (rootElement.value) {
+        observer = new IntersectionObserver((entries) => {
+          if (entries[0].isIntersecting) {
+            loadRecommendations();
+            observer.unobserve(entries[0].target);
+          }
+        });
+        observer.observe(rootElement.value);
+      }
+    };
     onMounted(() => {
-      loadRecommendations();
-      window.addEventListener("resize", handleResize);
       handleResize();
       optionsStore.setSearchResultOptions({
         options: props.options
       });
+      if (props.options.lazyLoad) {
+        initIntersectionObserver();
+      } else {
+        loadRecommendations();
+      }
+      window.addEventListener("resize", handleResize);
     });
     onBeforeUnmount(() => {
+      if (observer) {
+        observer.disconnect();
+      }
       window.removeEventListener("resize", handleResize);
     });
     const getProductKeyAction = (index, product) => {
@@ -31807,43 +31823,49 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     });
     __expose({ fetch: fetch2 });
     return (_ctx, _cache) => {
-      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 }), {
-            addons: withCtx(() => [
-              createVNode(unref(Navigation))
-            ]),
-            default: withCtx(() => [
+      return openBlock(), createElementBlock("div", {
+        class: "lupa-search-product-recommendations-wrapper",
+        ref_key: "rootElement",
+        ref: rootElement
+      }, [
+        hasRecommendations.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          title.value ? (openBlock(), createElementBlock("h2", _hoisted_1$9, toDisplayString(title.value), 1)) : createCommentVNode("", true),
+          !loading.value ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
+            layoutType.value === "carousel" ? (openBlock(), createBlock(unref(Carousel), mergeProps({ key: 0 }, carouselOptions.value, { "wrap-around": true }), {
+              addons: withCtx(() => [
+                createVNode(unref(Navigation))
+              ]),
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(recommendations2.value, (product, index) => {
+                  return openBlock(), createBlock(unref(Slide), {
+                    key: getProductKeyAction(index, product)
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_sfc_main$o, {
+                        product,
+                        options: _ctx.options,
+                        "click-tracking-settings": clickTrackingSettings.value
+                      }, null, 8, ["product", "options", "click-tracking-settings"])
+                    ]),
+                    _: 2
+                  }, 1024);
+                }), 128))
+              ]),
+              _: 1
+            }, 16)) : (openBlock(), createElementBlock("div", _hoisted_3$4, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(recommendations2.value, (product, index) => {
-                return openBlock(), createBlock(unref(Slide), {
-                  key: getProductKeyAction(index, product)
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_sfc_main$o, {
-                      product,
-                      options: _ctx.options,
-                      "click-tracking-settings": clickTrackingSettings.value
-                    }, null, 8, ["product", "options", "click-tracking-settings"])
-                  ]),
-                  _: 2
-                }, 1024);
+                return openBlock(), createBlock(_sfc_main$o, {
+                  style: normalizeStyle(columnSize.value),
+                  key: getProductKeyAction(index, product),
+                  product,
+                  options: _ctx.options,
+                  "lupa-click-tracking-type": `recommendedItemClick`
+                }, null, 8, ["style", "product", "options"]);
               }), 128))
-            ]),
-            _: 1
-          }, 16)) : (openBlock(), createElementBlock("div", _hoisted_4$2, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(recommendations2.value, (product, index) => {
-              return openBlock(), createBlock(_sfc_main$o, {
-                style: normalizeStyle(columnSize.value),
-                key: getProductKeyAction(index, product),
-                product,
-                options: _ctx.options,
-                "lupa-click-tracking-type": `recommendedItemClick`
-              }, null, 8, ["style", "product", "options"]);
-            }), 128))
-          ]))
-        ])) : createCommentVNode("", true)
-      ])) : createCommentVNode("", true);
+            ]))
+          ])) : createCommentVNode("", true)
+        ], 64)) : createCommentVNode("", true)
+      ], 512);
     };
   }
 });