@getlupa/client 1.18.2 → 1.18.3

package/dist/lupaSearch.mjs

@@ -14315,7 +14315,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
 const _hoisted_1$1k = { id: "lupa-search-box-input-container" };
 const _hoisted_2$V = { class: "lupa-input-clear" };
 const _hoisted_3$E = { id: "lupa-search-box-input" };
-const _hoisted_4$v = ["value"];
+const _hoisted_4$u = ["value"];
 const _hoisted_5$l = ["aria-label", "placeholder"];
 const _hoisted_6$9 = /* @__PURE__ */ createBaseVNode("span", { class: "lupa-search-submit-icon" }, null, -1);
 const _hoisted_7$7 = [
@@ -14422,7 +14422,7 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
             "aria-hidden": "true",
             value: showHint.value ? suggestedValue.value.item.suggestion : "",
             disabled: ""
-          }, null, 8, _hoisted_4$v),
+          }, null, 8, _hoisted_4$u),
           withDirectives(createBaseVNode("input", mergeProps({
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
           }, inputAttributes.value, {
@@ -14648,7 +14648,7 @@ const _hoisted_3$D = {
   class: "lupa-suggestion-facet",
   "data-cy": "lupa-suggestion-facet"
 };
-const _hoisted_4$u = {
+const _hoisted_4$t = {
   class: "lupa-suggestion-facet-label",
   "data-cy": "lupa-suggestion-facet-label"
 };
@@ -14694,7 +14694,7 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
           innerHTML: _ctx.suggestion.displayHighlight
         }, null, 8, _hoisted_1$1g)) : (openBlock(), createElementBlock("div", _hoisted_2$T, toDisplayString(_ctx.suggestion.display), 1)),
         _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$D, [
-          createBaseVNode("span", _hoisted_4$u, toDisplayString(facetLabel.value), 1),
+          createBaseVNode("span", _hoisted_4$t, toDisplayString(facetLabel.value), 1),
           createBaseVNode("span", _hoisted_5$k, toDisplayString(_ctx.suggestion.facet.title), 1)
         ])) : createCommentVNode("", true)
       ]);
@@ -24188,7 +24188,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
 const _hoisted_1$1a = ["innerHTML"];
 const _hoisted_2$P = { key: 0 };
 const _hoisted_3$C = { key: 1 };
-const _hoisted_4$t = { class: "lupa-search-box-custom-label" };
+const _hoisted_4$s = { class: "lupa-search-box-custom-label" };
 const _hoisted_5$j = { class: "lupa-search-box-custom-text" };
 const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductCustom",
@@ -24221,7 +24221,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
         class: [className.value, "lupa-search-box-product-custom"]
       }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
         !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$P, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$C, [
-          createBaseVNode("div", _hoisted_4$t, toDisplayString(label.value), 1),
+          createBaseVNode("div", _hoisted_4$s, toDisplayString(label.value), 1),
           createBaseVNode("div", _hoisted_5$j, toDisplayString(text.value), 1)
         ]))
       ], 16));
@@ -24571,7 +24571,7 @@ const useSearchResultStore = defineStore("searchResult", () => {
 const _hoisted_1$18 = { class: "lupa-search-box-add-to-cart-wrapper" };
 const _hoisted_2$O = { class: "lupa-search-box-product-addtocart" };
 const _hoisted_3$B = ["disabled"];
-const _hoisted_4$s = ["href"];
+const _hoisted_4$r = ["href"];
 const _hoisted_5$i = ["onClick", "disabled"];
 const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductAddToCart",
@@ -24619,7 +24619,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
             "data-cy": "lupa-add-to-cart",
             disabled: !inStockValue.value || loading.value
           }, _ctx.dynamicAttributes, { onClick: handleClick }), [
-            createBaseVNode("a", { href: _ctx.link }, toDisplayString(label.value), 9, _hoisted_4$s)
+            createBaseVNode("a", { href: _ctx.link }, toDisplayString(label.value), 9, _hoisted_4$r)
           ], 16, _hoisted_3$B)) : (openBlock(), createElementBlock("button", mergeProps({
             key: 1,
             onClick: withModifiers(handleClick, ["stop", "prevent"]),
@@ -24739,7 +24739,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
 const _hoisted_1$16 = { class: "lupa-badge-title" };
 const _hoisted_2$N = ["src"];
 const _hoisted_3$A = { key: 1 };
-const _hoisted_4$r = {
+const _hoisted_4$q = {
   key: 0,
   class: "lupa-badge-full-text"
 };
@@ -24783,7 +24783,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
           }, null, 8, _hoisted_2$N)) : createCommentVNode("", true),
           hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$A, toDisplayString(_ctx.badge.titleText), 1)) : createCommentVNode("", true)
         ]),
-        hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$r, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
+        hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$q, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
       ], 6);
     };
   }
@@ -25698,7 +25698,7 @@ const _hoisted_3$y = {
   key: 0,
   class: "lupa-panel-title lupa-panel-title-top-results"
 };
-const _hoisted_4$q = {
+const _hoisted_4$p = {
   key: 1,
   class: "lupa-panel-title"
 };
@@ -25891,7 +25891,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
                 "data-cy": "lupa-panel-" + panel.type + "-index"
               }, [
                 ((_a = panel.labels) == null ? void 0 : _a.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$y, 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$q, 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$p, toDisplayString((_d = panel.labels) == null ? void 0 : _d.title), 1)) : createCommentVNode("", true),
                 panel.queryKey && canShowPanel(panel) ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(panel.type)), {
                   key: 2,
                   panel,
@@ -26389,7 +26389,7 @@ const _hoisted_3$x = {
   key: 1,
   "data-cy": "did-you-mean-label"
 };
-const _hoisted_4$p = { key: 1 };
+const _hoisted_4$o = { key: 1 };
 const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsDidYouMean",
   props: {
@@ -26440,7 +26440,7 @@ const _sfc_main$11 = /* @__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$p, toDisplayString(label) + " ", 1))
+              }, toDisplayString(didYouMeanValue.value) + " ", 1)) : (openBlock(), createElementBlock("span", _hoisted_4$o, toDisplayString(label) + " ", 1))
             ]);
           }), 128))
         ])) : createCommentVNode("", true)
@@ -26490,7 +26490,7 @@ const _hoisted_3$w = {
   key: 1,
   class: "lupa-results-total-count"
 };
-const _hoisted_4$o = { class: "lupa-results-total-count-number" };
+const _hoisted_4$n = { class: "lupa-results-total-count-number" };
 const _hoisted_5$g = ["innerHTML"];
 const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsTitle",
@@ -26540,7 +26540,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
           queryText.value && !searchResultsTitleTemplate.value ? (openBlock(), createElementBlock("span", _hoisted_2$G, "'" + toDisplayString(queryText.value) + "'", 1)) : createCommentVNode("", true),
           showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$w, [
             createTextVNode("(" + toDisplayString(searchResultsCountLabel.value), 1),
-            createBaseVNode("span", _hoisted_4$o, toDisplayString(unref(totalItems)), 1),
+            createBaseVNode("span", _hoisted_4$n, toDisplayString(unref(totalItems)), 1),
             createTextVNode(")")
           ])) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
@@ -26602,7 +26602,7 @@ const _hoisted_3$v = {
   key: 0,
   class: "filter-values"
 };
-const _hoisted_4$n = { class: "lupa-current-filter-list" };
+const _hoisted_4$m = { class: "lupa-current-filter-list" };
 const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   __name: "CurrentFilters",
   props: {
@@ -26686,7 +26686,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
           }, null, 2)) : createCommentVNode("", true)
         ]),
         !_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$v, [
-          createBaseVNode("div", _hoisted_4$n, [
+          createBaseVNode("div", _hoisted_4$m, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(currentDisplayFilters.value, (filter2) => {
               return openBlock(), createBlock(_sfc_main$_, {
                 key: filter2.key + "_" + filter2.value,
@@ -26754,7 +26754,7 @@ const _hoisted_1$R = {
 };
 const _hoisted_2$D = { class: "lupa-category-back" };
 const _hoisted_3$u = ["href"];
-const _hoisted_4$m = ["href"];
+const _hoisted_4$l = ["href"];
 const _hoisted_5$f = { class: "lupa-child-category-list" };
 const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "CategoryFilter",
@@ -26861,7 +26861,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
             href: parentUrlLink.value,
             class: normalizeClass({ "lupa-title-category": !hasBackButton.value }),
             onClick: handleNavigationParent
-          }, toDisplayString(parentTitle.value), 11, _hoisted_4$m)
+          }, toDisplayString(parentTitle.value), 11, _hoisted_4$l)
         ], 2),
         createBaseVNode("div", _hoisted_5$f, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(categoryChildren.value, (child) => {
@@ -26882,7 +26882,7 @@ const _hoisted_1$Q = {
 };
 const _hoisted_2$C = ["placeholder"];
 const _hoisted_3$t = { class: "lupa-terms-list" };
-const _hoisted_4$l = ["onClick"];
+const _hoisted_4$k = ["onClick"];
 const _hoisted_5$e = { class: "lupa-term-checkbox-wrapper" };
 const _hoisted_6$8 = { class: "lupa-term-label" };
 const _hoisted_7$6 = {
@@ -27009,7 +27009,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
                 createBaseVNode("span", _hoisted_6$8, toDisplayString(getItemLabel(item)), 1),
                 _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_7$6, "(" + toDisplayString(item.count) + ")", 1)) : createCommentVNode("", true)
               ], 2)
-            ], 10, _hoisted_4$l);
+            ], 10, _hoisted_4$k);
           }), 128))
         ]),
         displayShowMore.value ? (openBlock(), createElementBlock("div", {
@@ -28009,7 +28009,7 @@ const _hoisted_3$s = {
   key: 1,
   class: "lupa-stats-facet-summary-input"
 };
-const _hoisted_4$k = {
+const _hoisted_4$j = {
   key: 0,
   class: "lupa-stats-range-label"
 };
@@ -28212,7 +28212,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$P, [
         !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$B, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$s, [
           createBaseVNode("div", null, [
-            rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$k, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
+            rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$j, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
             createBaseVNode("div", _hoisted_5$d, [
               withDirectives(createBaseVNode("input", {
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
@@ -28282,7 +28282,7 @@ const _hoisted_3$r = {
   key: 0,
   class: "lupa-term-count"
 };
-const _hoisted_4$j = {
+const _hoisted_4$i = {
   key: 0,
   class: "lupa-facet-level"
 };
@@ -28351,7 +28351,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
             _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_3$r, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
           ], 2)
         ]),
-        showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_4$j, [
+        showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_4$i, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(treeItem.value.children, (itemChild) => {
             return openBlock(), createBlock(_component_HierarchyFacetLevel, {
               key: itemChild.title,
@@ -28884,7 +28884,7 @@ const _hoisted_1$H = {
 };
 const _hoisted_2$w = ["onClick"];
 const _hoisted_3$p = { class: "lupa-mobile-sidebar-content" };
-const _hoisted_4$i = { class: "lupa-sidebar-top" };
+const _hoisted_4$h = { class: "lupa-sidebar-top" };
 const _hoisted_5$c = { class: "lupa-sidebar-title" };
 const _hoisted_6$6 = {
   key: 0,
@@ -28928,7 +28928,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
           onClick: withModifiers(handleMobileToggle, ["stop"])
         }, null, 8, _hoisted_2$w),
         createBaseVNode("div", _hoisted_3$p, [
-          createBaseVNode("div", _hoisted_4$i, [
+          createBaseVNode("div", _hoisted_4$h, [
             createBaseVNode("div", _hoisted_5$c, [
               createTextVNode(toDisplayString(sidebarTitle.value) + " ", 1),
               isFilterCountVisible.value ? (openBlock(), createElementBlock("span", _hoisted_6$6, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
@@ -28956,7 +28956,7 @@ const _hoisted_3$o = {
   key: 1,
   class: "lupa-search-results-breadcrumb-text"
 };
-const _hoisted_4$h = { key: 2 };
+const _hoisted_4$g = { key: 2 };
 const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsBreadcrumbs",
   props: {
@@ -28998,7 +28998,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
                 return handleNavigation(e2, (_a2 = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a2 : "");
               }
             }, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$v)) : (openBlock(), createElementBlock("span", _hoisted_3$o, toDisplayString(getLabel(breadcrumb.label)), 1)),
-            index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$h, toDisplayString((_a = breadcrumb.separator) != null ? _a : "/"), 1)) : createCommentVNode("", true)
+            index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$g, toDisplayString((_a = breadcrumb.separator) != null ? _a : "/"), 1)) : createCommentVNode("", true)
           ]);
         }), 128))
       ]);
@@ -29160,7 +29160,7 @@ const _hoisted_2$u = {
   class: "lupa-page-number-separator"
 };
 const _hoisted_3$n = ["onClick"];
-const _hoisted_4$g = {
+const _hoisted_4$f = {
   key: 0,
   class: "lupa-page-number-separator"
 };
@@ -29266,7 +29266,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
           }, toDisplayString(page), 11, _hoisted_3$n);
         }), 128)),
         showLastPage.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-          showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_4$g, "...")) : createCommentVNode("", true),
+          showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_4$f, "...")) : createCommentVNode("", true),
           createBaseVNode("div", {
             class: "lupa-page-number lupa-page-number-last",
             onClick: _cache[2] || (_cache[2] = () => {
@@ -29291,7 +29291,7 @@ const _hoisted_1$B = {
 };
 const _hoisted_2$t = { id: "lupa-select" };
 const _hoisted_3$m = { class: "lupa-select-label" };
-const _hoisted_4$f = ["aria-label"];
+const _hoisted_4$e = ["aria-label"];
 const _hoisted_5$b = ["value"];
 const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsPageSize",
@@ -29338,7 +29338,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                 value: option
               }, toDisplayString(prefixLabel.value) + toDisplayString(option), 9, _hoisted_5$b);
             }), 128))
-          ], 40, _hoisted_4$f)
+          ], 40, _hoisted_4$e)
         ])
       ]);
     };
@@ -29350,7 +29350,7 @@ const _hoisted_1$A = {
 };
 const _hoisted_2$s = { id: "lupa-select" };
 const _hoisted_3$l = { class: "lupa-select-label" };
-const _hoisted_4$e = ["aria-label"];
+const _hoisted_4$d = ["aria-label"];
 const _hoisted_5$a = ["value"];
 const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsSort",
@@ -29418,7 +29418,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
                 value: option.key
               }, toDisplayString(option.label), 9, _hoisted_5$a);
             }), 128))
-          ], 40, _hoisted_4$e), [
+          ], 40, _hoisted_4$d), [
             [vModelSelect, selectedKey.value]
           ])
         ])
@@ -29432,7 +29432,7 @@ const _hoisted_2$r = {
   class: "lupa-toolbar-right-title"
 };
 const _hoisted_3$k = { key: 2 };
-const _hoisted_4$d = { key: 4 };
+const _hoisted_4$c = { key: 4 };
 const _hoisted_5$9 = { key: 6 };
 const _hoisted_6$5 = { class: "lupa-toolbar-right" };
 const _hoisted_7$3 = {
@@ -29560,7 +29560,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
             label: searchSummaryLabel.value,
             clearable: unref(hasAnyFilter) && showFilterClear.value,
             onClear: handleClearAll
-          }, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_4$d)),
+          }, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_4$c)),
           displayPageSelect.value ? (openBlock(), createBlock(_sfc_main$H, {
             key: 5,
             options: paginationOptions.value.pageSelect,
@@ -29613,7 +29613,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
 const _hoisted_1$y = ["title", "innerHTML"];
 const _hoisted_2$q = ["title"];
 const _hoisted_3$j = ["href", "innerHTML"];
-const _hoisted_4$c = ["title"];
+const _hoisted_4$b = ["title"];
 const _hoisted_5$8 = {
   key: 0,
   class: "lupa-search-results-product-title-text"
@@ -29681,7 +29681,7 @@ const _sfc_main$C = /* @__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$c));
+      ], 12, _hoisted_4$b));
     };
   }
 });
@@ -29724,7 +29724,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
 const _hoisted_1$w = { id: "lupa-search-results-rating" };
 const _hoisted_2$p = { class: "lupa-ratings" };
 const _hoisted_3$i = { class: "lupa-ratings-base" };
-const _hoisted_4$b = ["innerHTML"];
+const _hoisted_4$a = ["innerHTML"];
 const _hoisted_5$7 = { class: "lupa-rating-wrapper" };
 const _hoisted_6$3 = ["innerHTML"];
 const _hoisted_7$2 = ["href"];
@@ -29774,7 +29774,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
                 key: index,
                 innerHTML: star,
                 class: "lupa-rating lupa-rating-not-highlighted"
-              }, null, 8, _hoisted_4$b);
+              }, null, 8, _hoisted_4$a);
             }), 128))
           ]),
           createBaseVNode("div", _hoisted_5$7, [
@@ -29861,7 +29861,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
 const _hoisted_1$u = { class: "lupa-search-results-add-to-cart-wrapper" };
 const _hoisted_2$o = { class: "lupa-search-results-product-addtocart" };
 const _hoisted_3$h = ["disabled"];
-const _hoisted_4$a = ["href"];
+const _hoisted_4$9 = ["href"];
 const _hoisted_5$6 = ["id", "disabled", "onClick"];
 const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductAddToCart",
@@ -29880,6 +29880,8 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       return (_a = props.inStock) != null ? _a : true;
     });
     const searchResultStore = useSearchResultStore();
+    const optionsStore = useOptionsStore();
+    const { searchResultOptions } = storeToRefs(optionsStore);
     const { addToCartAmount } = storeToRefs(searchResultStore);
     const loading = ref(false);
     const label = computed(() => {
@@ -29890,7 +29892,16 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       const id2 = (_a = props.item.id) != null ? _a : "";
       return `lupa-add-to-cart-${id2}`;
     });
-    const handleClick = () => __async2(this, null, function* () {
+    const productCardIsClickable = computed(() => {
+      return searchResultOptions.value.isLink;
+    });
+    const hasLink = computed(() => {
+      return Boolean(props.link && props.options.link);
+    });
+    const handleClick = (e2) => __async2(this, null, function* () {
+      if (productCardIsClickable.value && !hasLink.value) {
+        e2.preventDefault();
+      }
       loading.value = true;
       if (props.options.emitEvent) {
         const event = new CustomEvent(props.options.emitEvent, { detail: { item: props.item } });
@@ -29902,9 +29913,6 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       emit2("productEvent", { type: "addToCart" });
       loading.value = false;
     });
-    const hasLink = computed(() => {
-      return Boolean(props.link && props.options.link);
-    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$u, [
         createBaseVNode("div", _hoisted_2$o, [
@@ -29914,7 +29922,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
             "data-cy": "lupa-add-to-cart",
             disabled: !inStockValue.value || loading.value
           }, _ctx.dynamicAttributes, { onClick: handleClick }), [
-            createBaseVNode("a", { href: _ctx.link }, toDisplayString(label.value), 9, _hoisted_4$a)
+            createBaseVNode("a", { href: _ctx.link }, toDisplayString(label.value), 9, _hoisted_4$9)
           ], 16, _hoisted_3$h)) : (openBlock(), createElementBlock("button", mergeProps({
             key: 1,
             id: id.value,
@@ -29932,7 +29940,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
 const _hoisted_1$t = ["innerHTML"];
 const _hoisted_2$n = { key: 0 };
 const _hoisted_3$g = { 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$5 = { class: "lupa-search-box-custom-text" };
 const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductCustom",
@@ -29977,7 +29985,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
         class: className.value
       }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
         !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$n, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$g, [
-          createBaseVNode("div", _hoisted_4$9, toDisplayString(label.value), 1),
+          createBaseVNode("div", _hoisted_4$8, toDisplayString(label.value), 1),
           createBaseVNode("div", _hoisted_5$5, toDisplayString(text.value), 1)
         ]))
       ], 16));
@@ -30023,7 +30031,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
 const _hoisted_1$r = { id: "lupa-search-results-rating" };
 const _hoisted_2$m = ["innerHTML"];
 const _hoisted_3$f = { class: "lupa-ratings" };
-const _hoisted_4$8 = ["href"];
+const _hoisted_4$7 = ["href"];
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductSingleStarRating",
   props: {
@@ -30061,7 +30069,7 @@ const _sfc_main$u = /* @__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)
       ]);
     };
   }
@@ -30162,13 +30170,12 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
     };
   }
 }));
-const _hoisted_1$q = ["onMouseup"];
-const _hoisted_2$l = ["href"];
-const _hoisted_3$e = {
+const _hoisted_1$q = ["href"];
+const _hoisted_2$l = {
   key: 0,
   class: "lupa-out-of-stock"
 };
-const _hoisted_4$7 = { class: "lupa-search-result-product-details-section" };
+const _hoisted_3$e = { class: "lupa-search-result-product-details-section" };
 const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductCard",
   props: {
@@ -30197,6 +30204,9 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     const listLayoutClass = computed(() => {
       return layout.value === ResultsLayoutEnum.LIST && !props.isAdditionalPanel ? "lupa-search-result-product-contents-list" : "";
     });
+    const useLinkWrapper = computed(() => {
+      return props.options.isLink;
+    });
     const badgesOptions = computed(() => {
       return __spreadProps2(__spreadValues2({}, props.options.badges), { product: props.product });
     });
@@ -30325,78 +30335,84 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       checkIfIsInStock();
     }
     return (_ctx, _cache) => {
-      var _a;
-      return openBlock(), createElementBlock("div", mergeProps({
+      return openBlock(), createBlock(resolveDynamicComponent(useLinkWrapper.value ? "a" : "div"), mergeProps({
+        href: useLinkWrapper.value ? link.value : null,
         id: "lupa-search-result-product-card",
         "data-cy": "lupa-search-result-product-card",
         class: ["lupa-search-result-product-card", !isInStock.value ? "lupa-out-of-stock" : ""]
       }, customDocumentHtmlAttributes.value, {
         onClick: handleClick,
         onMouseup: withModifiers(handleClick, ["middle", "exact"])
-      }), [
-        createVNode(_sfc_main$19, { options: badgesOptions.value }, null, 8, ["options"]),
-        createBaseVNode("div", {
-          class: normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
-        }, [
-          createBaseVNode("a", {
-            class: "lupa-search-result-product-image-section",
-            href: link.value,
-            onClick: handleNavigation
-          }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
-              return openBlock(), createBlock(_sfc_main$t, {
-                class: "lupa-search-results-product-element",
-                item: _ctx.product,
-                element,
-                key: element.key,
-                labels: labels.value,
-                inStock: isInStock.value,
-                link: link.value,
-                onProductEvent: handleProductEvent
-              }, null, 8, ["item", "element", "labels", "inStock", "link"]);
-            }), 128)),
-            createVNode(_sfc_main$19, {
-              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_3$e, toDisplayString(labels.value.outOfStock), 1)) : createCommentVNode("", true)
-          ], 8, _hoisted_2$l),
-          createBaseVNode("div", _hoisted_4$7, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
-              return openBlock(), createBlock(_sfc_main$t, {
-                class: "lupa-search-results-product-element",
-                item: _ctx.product,
-                element,
-                key: element.key,
-                labels: labels.value,
-                inStock: isInStock.value,
-                link: link.value,
-                onProductEvent: handleProductEvent
-              }, null, 8, ["item", "element", "labels", "inStock", "link"]);
-            }), 128))
-          ]),
-          (openBlock(true), createElementBlock(Fragment, null, renderList(elementGroups.value, (group) => {
-            return openBlock(), createElementBlock("div", {
-              key: group,
-              class: normalizeClass("lupa-element-group-" + group)
+      }), {
+        default: withCtx(() => {
+          var _a;
+          return [
+            createVNode(_sfc_main$19, { options: badgesOptions.value }, null, 8, ["options"]),
+            createBaseVNode("div", {
+              class: normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
             }, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(getGroupElements(group), (element) => {
-                return openBlock(), createBlock(_sfc_main$t, {
-                  class: "lupa-search-results-product-element",
-                  item: _ctx.product,
-                  element,
-                  key: element.key,
-                  labels: labels.value,
-                  inStock: isInStock.value,
-                  link: link.value,
-                  onProductEvent: handleProductEvent
-                }, null, 8, ["item", "element", "labels", "inStock", "link"]);
+              createBaseVNode("a", {
+                class: "lupa-search-result-product-image-section",
+                href: link.value,
+                onClick: handleNavigation
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
+                  return openBlock(), createBlock(_sfc_main$t, {
+                    class: "lupa-search-results-product-element",
+                    item: _ctx.product,
+                    element,
+                    key: element.key,
+                    labels: labels.value,
+                    inStock: isInStock.value,
+                    link: link.value,
+                    onProductEvent: handleProductEvent
+                  }, null, 8, ["item", "element", "labels", "inStock", "link"]);
+                }), 128)),
+                createVNode(_sfc_main$19, {
+                  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$l, toDisplayString(labels.value.outOfStock), 1)) : createCommentVNode("", true)
+              ], 8, _hoisted_1$q),
+              createBaseVNode("div", _hoisted_3$e, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
+                  return openBlock(), createBlock(_sfc_main$t, {
+                    class: "lupa-search-results-product-element",
+                    item: _ctx.product,
+                    element,
+                    key: element.key,
+                    labels: labels.value,
+                    inStock: isInStock.value,
+                    link: link.value,
+                    onProductEvent: handleProductEvent
+                  }, null, 8, ["item", "element", "labels", "inStock", "link"]);
+                }), 128))
+              ]),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(elementGroups.value, (group) => {
+                return openBlock(), createElementBlock("div", {
+                  key: group,
+                  class: normalizeClass("lupa-element-group-" + group)
+                }, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(getGroupElements(group), (element) => {
+                    return openBlock(), createBlock(_sfc_main$t, {
+                      class: "lupa-search-results-product-element",
+                      item: _ctx.product,
+                      element,
+                      key: element.key,
+                      labels: labels.value,
+                      inStock: isInStock.value,
+                      link: link.value,
+                      onProductEvent: handleProductEvent
+                    }, null, 8, ["item", "element", "labels", "inStock", "link"]);
+                  }), 128))
+                ], 2);
               }), 128))
-            ], 2);
-          }), 128))
-        ], 2)
-      ], 16, _hoisted_1$q);
+            ], 2)
+          ];
+        }),
+        _: 1
+      }, 16, ["href", "class", "onMouseup"]);
     };
   }
 });
@@ -31329,6 +31345,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         "queryKey",
         "idKey",
         "titleKey",
+        "isLink",
         "routingBehavior",
         "customDocumentHtmlAttributes"
       ]);