@getlupa/client 1.18.2 → 1.18.3

package/dist/lupaSearch.umd.js

@@ -14319,7 +14319,7 @@ var __async = (__this, __arguments, generator) => {
   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 = [
@@ -14426,7 +14426,7 @@ var __async = (__this, __arguments, generator) => {
               "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, {
@@ -14652,7 +14652,7 @@ var __async = (__this, __arguments, generator) => {
     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"
   };
@@ -14698,7 +14698,7 @@ var __async = (__this, __arguments, generator) => {
             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)
         ]);
@@ -24192,7 +24192,7 @@ and ensure you are accounting for this risk.
   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",
@@ -24225,7 +24225,7 @@ and ensure you are accounting for this risk.
           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));
@@ -24575,7 +24575,7 @@ and ensure you are accounting for this risk.
   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",
@@ -24623,7 +24623,7 @@ and ensure you are accounting for this risk.
               "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"]),
@@ -24743,7 +24743,7 @@ and ensure you are accounting for this risk.
   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"
   };
@@ -24787,7 +24787,7 @@ and ensure you are accounting for this risk.
             }, 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);
       };
     }
@@ -25702,7 +25702,7 @@ and ensure you are accounting for this risk.
     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"
   };
@@ -25895,7 +25895,7 @@ and ensure you are accounting for this risk.
                   "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,
@@ -26393,7 +26393,7 @@ and ensure you are accounting for this risk.
     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: {
@@ -26444,7 +26444,7 @@ and ensure you are accounting for this risk.
                   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)
@@ -26494,7 +26494,7 @@ and ensure you are accounting for this risk.
     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",
@@ -26544,7 +26544,7 @@ and ensure you are accounting for this risk.
             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),
@@ -26606,7 +26606,7 @@ and ensure you are accounting for this risk.
     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: {
@@ -26690,7 +26690,7 @@ and ensure you are accounting for this risk.
             }, 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,
@@ -26758,7 +26758,7 @@ and ensure you are accounting for this risk.
   };
   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",
@@ -26865,7 +26865,7 @@ and ensure you are accounting for this risk.
               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) => {
@@ -26886,7 +26886,7 @@ and ensure you are accounting for this risk.
   };
   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 = {
@@ -27013,7 +27013,7 @@ and ensure you are accounting for this risk.
                   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", {
@@ -28013,7 +28013,7 @@ and ensure you are accounting for this risk.
     key: 1,
     class: "lupa-stats-facet-summary-input"
   };
-  const _hoisted_4$k = {
+  const _hoisted_4$j = {
     key: 0,
     class: "lupa-stats-range-label"
   };
@@ -28216,7 +28216,7 @@ and ensure you are accounting for this risk.
         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),
@@ -28286,7 +28286,7 @@ and ensure you are accounting for this risk.
     key: 0,
     class: "lupa-term-count"
   };
-  const _hoisted_4$j = {
+  const _hoisted_4$i = {
     key: 0,
     class: "lupa-facet-level"
   };
@@ -28355,7 +28355,7 @@ and ensure you are accounting for this risk.
               _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,
@@ -28888,7 +28888,7 @@ and ensure you are accounting for this risk.
   };
   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,
@@ -28932,7 +28932,7 @@ and ensure you are accounting for this risk.
             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)
@@ -28960,7 +28960,7 @@ and ensure you are accounting for this risk.
     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: {
@@ -29002,7 +29002,7 @@ and ensure you are accounting for this risk.
                   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))
         ]);
@@ -29164,7 +29164,7 @@ and ensure you are accounting for this risk.
     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"
   };
@@ -29270,7 +29270,7 @@ and ensure you are accounting for this risk.
             }, 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] = () => {
@@ -29295,7 +29295,7 @@ and ensure you are accounting for this risk.
   };
   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",
@@ -29342,7 +29342,7 @@ and ensure you are accounting for this risk.
                   value: option
                 }, toDisplayString(prefixLabel.value) + toDisplayString(option), 9, _hoisted_5$b);
               }), 128))
-            ], 40, _hoisted_4$f)
+            ], 40, _hoisted_4$e)
           ])
         ]);
       };
@@ -29354,7 +29354,7 @@ and ensure you are accounting for this risk.
   };
   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",
@@ -29422,7 +29422,7 @@ and ensure you are accounting for this risk.
                   value: option.key
                 }, toDisplayString(option.label), 9, _hoisted_5$a);
               }), 128))
-            ], 40, _hoisted_4$e), [
+            ], 40, _hoisted_4$d), [
               [vModelSelect, selectedKey.value]
             ])
           ])
@@ -29436,7 +29436,7 @@ and ensure you are accounting for this risk.
     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 = {
@@ -29564,7 +29564,7 @@ and ensure you are accounting for this risk.
               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,
@@ -29617,7 +29617,7 @@ and ensure you are accounting for this risk.
   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"
@@ -29685,7 +29685,7 @@ and ensure you are accounting for this risk.
             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));
       };
     }
   });
@@ -29728,7 +29728,7 @@ and ensure you are accounting for this risk.
   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"];
@@ -29778,7 +29778,7 @@ and ensure you are accounting for this risk.
                   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, [
@@ -29865,7 +29865,7 @@ and ensure you are accounting for this risk.
   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",
@@ -29884,6 +29884,8 @@ and ensure you are accounting for this risk.
         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(() => {
@@ -29894,7 +29896,16 @@ and ensure you are accounting for this risk.
         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 } });
@@ -29906,9 +29917,6 @@ and ensure you are accounting for this risk.
         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, [
@@ -29918,7 +29926,7 @@ and ensure you are accounting for this risk.
               "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,
@@ -29936,7 +29944,7 @@ and ensure you are accounting for this risk.
   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",
@@ -29981,7 +29989,7 @@ and ensure you are accounting for this risk.
           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));
@@ -30027,7 +30035,7 @@ and ensure you are accounting for this risk.
   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: {
@@ -30065,7 +30073,7 @@ and ensure you are accounting for this risk.
           createBaseVNode("a", {
             href: ratingLink.value,
             class: "lupa-total-ratings"
-          }, toDisplayString(totalRatings.value), 9, _hoisted_4$8)
+          }, toDisplayString(totalRatings.value), 9, _hoisted_4$7)
         ]);
       };
     }
@@ -30166,13 +30174,12 @@ and ensure you are accounting for this risk.
       };
     }
   }));
-  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: {
@@ -30201,6 +30208,9 @@ and ensure you are accounting for this risk.
       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 });
       });
@@ -30329,78 +30339,84 @@ and ensure you are accounting for this risk.
         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"]);
       };
     }
   });
@@ -31333,6 +31349,7 @@ and ensure you are accounting for this risk.
           "queryKey",
           "idKey",
           "titleKey",
+          "isLink",
           "routingBehavior",
           "customDocumentHtmlAttributes"
         ]);