@getlupa/vue 0.17.12 → 0.17.14

package/dist/lupaSearch.js

@@ -9004,8 +9004,8 @@ const useSearchBoxStore = defineStore("searchBox", () => {
 const _hoisted_1$1i = { id: "lupa-search-box-input-container" };
 const _hoisted_2$T = { class: "lupa-input-clear" };
 const _hoisted_3$C = { id: "lupa-search-box-input" };
-const _hoisted_4$s = ["value"];
-const _hoisted_5$i = ["aria-label", "placeholder"];
+const _hoisted_4$u = ["value"];
+const _hoisted_5$k = ["aria-label", "placeholder"];
 const _hoisted_6$9 = /* @__PURE__ */ vue.createElementVNode("span", { class: "lupa-search-submit-icon" }, null, -1);
 const _hoisted_7$7 = [
   _hoisted_6$9
@@ -9111,7 +9111,7 @@ const _sfc_main$1v = /* @__PURE__ */ vue.defineComponent({
             "aria-hidden": "true",
             value: showHint.value ? suggestedValue.value.item.suggestion : "",
             disabled: ""
-          }, null, 8, _hoisted_4$s),
+          }, null, 8, _hoisted_4$u),
           vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
           }, inputAttributes.value, {
@@ -9125,7 +9125,7 @@ const _sfc_main$1v = /* @__PURE__ */ vue.defineComponent({
             placeholder: labels.value.placeholder,
             onInput: handleInput,
             onFocus: handleFocus
-          }), null, 16, _hoisted_5$i), [
+          }), null, 16, _hoisted_5$k), [
             [vue.vModelText, inputValue.value]
           ]),
           _ctx.options.showSubmitButton ? (vue.openBlock(), vue.createElementBlock("button", {
@@ -9337,11 +9337,11 @@ const _hoisted_3$B = {
   class: "lupa-suggestion-facet",
   "data-cy": "lupa-suggestion-facet"
 };
-const _hoisted_4$r = {
+const _hoisted_4$t = {
   class: "lupa-suggestion-facet-label",
   "data-cy": "lupa-suggestion-facet-label"
 };
-const _hoisted_5$h = {
+const _hoisted_5$j = {
   class: "lupa-suggestion-facet-value",
   "data-cy": "lupa-suggestion-facet-value"
 };
@@ -9383,8 +9383,8 @@ const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
           innerHTML: _ctx.suggestion.displayHighlight
         }, null, 8, _hoisted_1$1e)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$R, vue.toDisplayString(_ctx.suggestion.display), 1)),
         _ctx.suggestion.facet ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$B, [
-          vue.createElementVNode("span", _hoisted_4$r, vue.toDisplayString(facetLabel.value), 1),
-          vue.createElementVNode("span", _hoisted_5$h, vue.toDisplayString(_ctx.suggestion.facet.title), 1)
+          vue.createElementVNode("span", _hoisted_4$t, vue.toDisplayString(facetLabel.value), 1),
+          vue.createElementVNode("span", _hoisted_5$j, vue.toDisplayString(_ctx.suggestion.facet.title), 1)
         ])) : vue.createCommentVNode("", true)
       ]);
     };
@@ -18927,8 +18927,8 @@ const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
 const _hoisted_1$18 = ["innerHTML"];
 const _hoisted_2$N = { key: 0 };
 const _hoisted_3$A = { key: 1 };
-const _hoisted_4$q = { class: "lupa-search-box-custom-label" };
-const _hoisted_5$g = { class: "lupa-search-box-custom-text" };
+const _hoisted_4$s = { class: "lupa-search-box-custom-label" };
+const _hoisted_5$i = { class: "lupa-search-box-custom-text" };
 const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductCustom",
   props: {
@@ -18960,8 +18960,8 @@ const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
         class: [className.value, "lupa-search-box-product-custom"]
       }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
         !label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$N, vue.toDisplayString(text.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$A, [
-          vue.createElementVNode("div", _hoisted_4$q, vue.toDisplayString(label.value), 1),
-          vue.createElementVNode("div", _hoisted_5$g, vue.toDisplayString(text.value), 1)
+          vue.createElementVNode("div", _hoisted_4$s, vue.toDisplayString(label.value), 1),
+          vue.createElementVNode("div", _hoisted_5$i, vue.toDisplayString(text.value), 1)
         ]))
       ], 16));
     };
@@ -19278,14 +19278,17 @@ const useSearchResultStore = defineStore("searchResult", () => {
 });
 const _hoisted_1$16 = { class: "lupa-search-box-add-to-cart-wrapper" };
 const _hoisted_2$M = { class: "lupa-search-box-product-addtocart" };
-const _hoisted_3$z = ["onClick", "disabled"];
+const _hoisted_3$z = ["disabled"];
+const _hoisted_4$r = ["href"];
+const _hoisted_5$h = ["onClick", "disabled"];
 const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductAddToCart",
   props: {
     item: {},
     options: {},
     inStock: { type: Boolean },
-    dynamicAttributes: {}
+    dynamicAttributes: {},
+    link: {}
   },
   emits: ["productEvent"],
   setup(__props, { emit }) {
@@ -19312,16 +19315,27 @@ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
       emit("productEvent", { type: "addToCart" });
       loading.value = false;
     });
+    const hasLink = vue.computed(() => {
+      return Boolean(props.link && props.options.link);
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$16, [
         vue.createElementVNode("div", _hoisted_2$M, [
-          vue.createElementVNode("button", vue.mergeProps({
+          hasLink.value ? (vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
+            key: 0,
+            class: loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart",
+            "data-cy": "lupa-add-to-cart",
+            disabled: !inStockValue.value || loading.value
+          }, _ctx.dynamicAttributes, { onClick: handleClick }), [
+            vue.createElementVNode("a", { href: _ctx.link }, vue.toDisplayString(label.value), 9, _hoisted_4$r)
+          ], 16, _hoisted_3$z)) : (vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
+            key: 1,
             onClick: vue.withModifiers(handleClick, ["stop", "prevent"]),
             class: loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart",
             "data-cy": "lupa-add-to-cart",
             type: "button",
             disabled: !inStockValue.value || loading.value
-          }, _ctx.dynamicAttributes), vue.toDisplayString(label.value), 17, _hoisted_3$z)
+          }, _ctx.dynamicAttributes), vue.toDisplayString(label.value), 17, _hoisted_5$h))
         ])
       ]);
     };
@@ -19349,7 +19363,8 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
     item: {},
     element: {},
     labels: {},
-    isInStock: { type: Boolean }
+    isInStock: { type: Boolean },
+    link: {}
   },
   setup(__props) {
     const props = __props;
@@ -19411,17 +19426,19 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
           labels: _ctx.labels,
           class: { "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) },
           inStock: _ctx.isInStock,
-          "dynamic-attributes": dynamicAttributes.value
-        }, renderDynamicAttributesOnParentElement.value && dynamicAttributes.value), null, 16, ["item", "options", "labels", "class", "inStock", "dynamic-attributes"])) : vue.createCommentVNode("", true)
+          "dynamic-attributes": dynamicAttributes.value,
+          link: _ctx.link
+        }, renderDynamicAttributesOnParentElement.value && dynamicAttributes.value), null, 16, ["item", "options", "labels", "class", "inStock", "dynamic-attributes", "link"])) : vue.createCommentVNode("", true)
       ], 64)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$15, [
         displayElement.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(elementComponent.value), {
           key: 0,
           item: enhancedItem.value,
           options: _ctx.element,
           labels: _ctx.labels,
+          link: _ctx.link,
           class: vue.normalizeClass({ "lupa-loading-dynamic-data": isLoadingDynamicData((_b = _ctx.item) == null ? void 0 : _b.id) }),
           inStock: _ctx.isInStock
-        }, null, 8, ["item", "options", "labels", "class", "inStock"])) : vue.createCommentVNode("", true),
+        }, null, 8, ["item", "options", "labels", "link", "class", "inStock"])) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "badges")
       ]));
     };
@@ -19430,7 +19447,7 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
 const _hoisted_1$14 = { class: "lupa-badge-title" };
 const _hoisted_2$L = ["src"];
 const _hoisted_3$y = { key: 1 };
-const _hoisted_4$p = {
+const _hoisted_4$q = {
   key: 0,
   class: "lupa-badge-full-text"
 };
@@ -19474,7 +19491,7 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
           }, null, 8, _hoisted_2$L)) : vue.createCommentVNode("", true),
           hasTitleText.value && showTitle.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$y, vue.toDisplayString(_ctx.badge.titleText), 1)) : vue.createCommentVNode("", true)
         ]),
-        hasAdditionalText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$p, vue.toDisplayString(_ctx.badge.additionalText), 1)) : vue.createCommentVNode("", true)
+        hasAdditionalText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$q, vue.toDisplayString(_ctx.badge.additionalText), 1)) : vue.createCommentVNode("", true)
       ], 6);
     };
   }
@@ -20389,11 +20406,11 @@ const _hoisted_3$w = {
   key: 0,
   class: "lupa-panel-title lupa-panel-title-top-results"
 };
-const _hoisted_4$o = {
+const _hoisted_4$p = {
   key: 1,
   class: "lupa-panel-title"
 };
-const _hoisted_5$f = {
+const _hoisted_5$g = {
   key: 1,
   id: "lupa-search-box-panel"
 };
@@ -20582,7 +20599,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
                 "data-cy": "lupa-panel-" + panel.type + "-index"
               }, [
                 ((_a = panel.labels) == null ? void 0 : _a.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$w, vue.toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : vue.createCommentVNode("", true),
-                ((_c = panel.labels) == null ? void 0 : _c.title) && showPanelTitle(panel) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$o, vue.toDisplayString((_d = panel.labels) == null ? void 0 : _d.title), 1)) : vue.createCommentVNode("", true),
+                ((_c = panel.labels) == null ? void 0 : _c.title) && showPanelTitle(panel) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$p, vue.toDisplayString((_d = panel.labels) == null ? void 0 : _d.title), 1)) : vue.createCommentVNode("", true),
                 panel.queryKey && canShowPanel(panel) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(getComponent(panel.type)), {
                   key: 2,
                   panel,
@@ -20617,7 +20634,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
             options: _ctx.options,
             onGoToResults: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("go-to-results"))
           }, null, 8, ["labels", "options"])) : vue.createCommentVNode("", true)
-        ])) : displayHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$f, [
+        ])) : displayHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$g, [
           vue.createVNode(_sfc_main$1s, {
             options: _ctx.options.history,
             history: history.value,
@@ -21096,7 +21113,7 @@ const _hoisted_3$v = {
   key: 1,
   "data-cy": "did-you-mean-label"
 };
-const _hoisted_4$n = { key: 1 };
+const _hoisted_4$o = { key: 1 };
 const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsDidYouMean",
   props: {
@@ -21147,7 +21164,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.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 }))
-              }, vue.toDisplayString(didYouMeanValue.value) + " ", 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$n, vue.toDisplayString(label) + " ", 1))
+              }, vue.toDisplayString(didYouMeanValue.value) + " ", 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$o, vue.toDisplayString(label) + " ", 1))
             ]);
           }), 128))
         ])) : vue.createCommentVNode("", true)
@@ -21197,8 +21214,8 @@ const _hoisted_3$u = {
   key: 1,
   class: "lupa-results-total-count"
 };
-const _hoisted_4$m = { class: "lupa-results-total-count-number" };
-const _hoisted_5$e = ["innerHTML"];
+const _hoisted_4$n = { class: "lupa-results-total-count-number" };
+const _hoisted_5$f = ["innerHTML"];
 const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsTitle",
   props: {
@@ -21247,7 +21264,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
           queryText.value && !searchResultsTitleTemplate.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$E, "'" + vue.toDisplayString(queryText.value) + "'", 1)) : vue.createCommentVNode("", true),
           showProductCount.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$u, [
             vue.createTextVNode("(" + vue.toDisplayString(searchResultsCountLabel.value), 1),
-            vue.createElementVNode("span", _hoisted_4$m, vue.toDisplayString(vue.unref(totalItems)), 1),
+            vue.createElementVNode("span", _hoisted_4$n, vue.toDisplayString(vue.unref(totalItems)), 1),
             vue.createTextVNode(")")
           ])) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true),
@@ -21259,7 +21276,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
           key: 2,
           class: "lupa-result-page-description-top",
           innerHTML: descriptionTop.value
-        }, null, 8, _hoisted_5$e)) : vue.createCommentVNode("", true)
+        }, null, 8, _hoisted_5$f)) : vue.createCommentVNode("", true)
       ]);
     };
   }
@@ -21309,7 +21326,7 @@ const _hoisted_3$t = {
   key: 0,
   class: "filter-values"
 };
-const _hoisted_4$l = { class: "lupa-current-filter-list" };
+const _hoisted_4$m = { class: "lupa-current-filter-list" };
 const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
   __name: "CurrentFilters",
   props: {
@@ -21393,7 +21410,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
           }, null, 2)) : vue.createCommentVNode("", true)
         ]),
         !_ctx.expandable || isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$t, [
-          vue.createElementVNode("div", _hoisted_4$l, [
+          vue.createElementVNode("div", _hoisted_4$m, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentDisplayFilters.value, (filter2) => {
               return vue.openBlock(), vue.createBlock(_sfc_main$Y, {
                 key: filter2.key + "_" + filter2.value,
@@ -21461,8 +21478,8 @@ const _hoisted_1$P = {
 };
 const _hoisted_2$B = { class: "lupa-category-back" };
 const _hoisted_3$s = ["href"];
-const _hoisted_4$k = ["href"];
-const _hoisted_5$d = { class: "lupa-child-category-list" };
+const _hoisted_4$l = ["href"];
+const _hoisted_5$e = { class: "lupa-child-category-list" };
 const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
   __name: "CategoryFilter",
   props: {
@@ -21568,9 +21585,9 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
             href: parentUrlLink.value,
             class: vue.normalizeClass({ "lupa-title-category": !hasBackButton.value }),
             onClick: handleNavigationParent
-          }, vue.toDisplayString(parentTitle.value), 11, _hoisted_4$k)
+          }, vue.toDisplayString(parentTitle.value), 11, _hoisted_4$l)
         ], 2),
-        vue.createElementVNode("div", _hoisted_5$d, [
+        vue.createElementVNode("div", _hoisted_5$e, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(categoryChildren.value, (child) => {
             return vue.openBlock(), vue.createBlock(_sfc_main$W, {
               key: getCategoryKey(child),
@@ -21589,8 +21606,8 @@ const _hoisted_1$O = {
 };
 const _hoisted_2$A = ["placeholder"];
 const _hoisted_3$r = { class: "lupa-terms-list" };
-const _hoisted_4$j = ["onClick"];
-const _hoisted_5$c = { class: "lupa-term-checkbox-wrapper" };
+const _hoisted_4$k = ["onClick"];
+const _hoisted_5$d = { class: "lupa-term-checkbox-wrapper" };
 const _hoisted_6$8 = { class: "lupa-term-label" };
 const _hoisted_7$6 = {
   key: 0,
@@ -21705,7 +21722,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
               key: item.title,
               onClick: ($event) => handleFacetClick(item)
             }, [
-              vue.createElementVNode("div", _hoisted_5$c, [
+              vue.createElementVNode("div", _hoisted_5$d, [
                 vue.createElementVNode("span", {
                   class: vue.normalizeClass(["lupa-term-checkbox", { checked: isChecked(item) }])
                 }, null, 2)
@@ -21716,7 +21733,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("span", _hoisted_6$8, vue.toDisplayString(getItemLabel(item)), 1),
                 _ctx.options.showDocumentCount ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$6, "(" + vue.toDisplayString(item.count) + ")", 1)) : vue.createCommentVNode("", true)
               ], 2)
-            ], 10, _hoisted_4$j);
+            ], 10, _hoisted_4$k);
           }), 128))
         ]),
         displayShowMore.value ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -22716,11 +22733,11 @@ const _hoisted_3$q = {
   key: 1,
   class: "lupa-stats-facet-summary-input"
 };
-const _hoisted_4$i = {
+const _hoisted_4$j = {
   key: 0,
   class: "lupa-stats-range-label"
 };
-const _hoisted_5$b = { class: "lupa-stats-from" };
+const _hoisted_5$c = { class: "lupa-stats-from" };
 const _hoisted_6$7 = ["max", "min", "pattern", "aria-label"];
 const _hoisted_7$5 = { key: 0 };
 const _hoisted_8$1 = /* @__PURE__ */ vue.createElementVNode("div", { class: "lupa-stats-separator" }, null, -1);
@@ -22919,8 +22936,8 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [
         !isInputVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, vue.toDisplayString(statsSummary.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$q, [
           vue.createElementVNode("div", null, [
-            rangeLabelFrom.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$i, vue.toDisplayString(rangeLabelFrom.value), 1)) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_5$b, [
+            rangeLabelFrom.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$j, vue.toDisplayString(rangeLabelFrom.value), 1)) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_5$c, [
               vue.withDirectives(vue.createElementVNode("input", {
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
                 type: "text",
@@ -22989,7 +23006,7 @@ const _hoisted_3$p = {
   key: 0,
   class: "lupa-term-count"
 };
-const _hoisted_4$h = {
+const _hoisted_4$i = {
   key: 0,
   class: "lupa-facet-level"
 };
@@ -23058,7 +23075,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
             _ctx.options.showDocumentCount ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$p, "(" + vue.toDisplayString(_ctx.item.count) + ")", 1)) : vue.createCommentVNode("", true)
           ], 2)
         ]),
-        showChildren.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$h, [
+        showChildren.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$i, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(treeItem.value.children, (itemChild) => {
             return vue.openBlock(), vue.createBlock(_component_HierarchyFacetLevel, {
               key: itemChild.title,
@@ -23591,8 +23608,8 @@ const _hoisted_1$F = {
 };
 const _hoisted_2$u = ["onClick"];
 const _hoisted_3$n = { class: "lupa-mobile-sidebar-content" };
-const _hoisted_4$g = { class: "lupa-sidebar-top" };
-const _hoisted_5$a = { class: "lupa-sidebar-title" };
+const _hoisted_4$h = { class: "lupa-sidebar-top" };
+const _hoisted_5$b = { class: "lupa-sidebar-title" };
 const _hoisted_6$6 = {
   key: 0,
   class: "lupa-sidebar-filter-count"
@@ -23635,8 +23652,8 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
           onClick: vue.withModifiers(handleMobileToggle, ["stop"])
         }, null, 8, _hoisted_2$u),
         vue.createElementVNode("div", _hoisted_3$n, [
-          vue.createElementVNode("div", _hoisted_4$g, [
-            vue.createElementVNode("div", _hoisted_5$a, [
+          vue.createElementVNode("div", _hoisted_4$h, [
+            vue.createElementVNode("div", _hoisted_5$b, [
               vue.createTextVNode(vue.toDisplayString(sidebarTitle.value) + " ", 1),
               isFilterCountVisible.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$6, vue.toDisplayString(vue.unref(currentFilterCount)), 1)) : vue.createCommentVNode("", true)
             ]),
@@ -23663,7 +23680,7 @@ const _hoisted_3$m = {
   key: 1,
   class: "lupa-search-results-breadcrumb-text"
 };
-const _hoisted_4$f = { key: 2 };
+const _hoisted_4$g = { key: 2 };
 const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsBreadcrumbs",
   props: {
@@ -23705,7 +23722,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                 return handleNavigation(e2, (_a2 = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a2 : "");
               }
             }, vue.toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$t)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$m, vue.toDisplayString(getLabel(breadcrumb.label)), 1)),
-            index < breadcrumbsValue.value.length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$f, vue.toDisplayString((_a = breadcrumb.separator) != null ? _a : "/"), 1)) : vue.createCommentVNode("", true)
+            index < breadcrumbsValue.value.length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$g, vue.toDisplayString((_a = breadcrumb.separator) != null ? _a : "/"), 1)) : vue.createCommentVNode("", true)
           ]);
         }), 128))
       ]);
@@ -23867,7 +23884,7 @@ const _hoisted_2$s = {
   class: "lupa-page-number-separator"
 };
 const _hoisted_3$l = ["onClick"];
-const _hoisted_4$e = {
+const _hoisted_4$f = {
   key: 0,
   class: "lupa-page-number-separator"
 };
@@ -23973,7 +23990,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
           }, vue.toDisplayString(page), 11, _hoisted_3$l);
         }), 128)),
         showLastPage.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-          showLastPageSeparator.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$e, "...")) : vue.createCommentVNode("", true),
+          showLastPageSeparator.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$f, "...")) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", {
             class: "lupa-page-number lupa-page-number-last",
             onClick: _cache[2] || (_cache[2] = () => {
@@ -23998,8 +24015,8 @@ const _hoisted_1$z = {
 };
 const _hoisted_2$r = { id: "lupa-select" };
 const _hoisted_3$k = { class: "lupa-select-label" };
-const _hoisted_4$d = ["aria-label"];
-const _hoisted_5$9 = ["value"];
+const _hoisted_4$e = ["aria-label"];
+const _hoisted_5$a = ["value"];
 const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsPageSize",
   props: {
@@ -24043,9 +24060,9 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
               return vue.openBlock(), vue.createElementBlock("option", {
                 key: option,
                 value: option
-              }, vue.toDisplayString(prefixLabel.value) + vue.toDisplayString(option), 9, _hoisted_5$9);
+              }, vue.toDisplayString(prefixLabel.value) + vue.toDisplayString(option), 9, _hoisted_5$a);
             }), 128))
-          ], 40, _hoisted_4$d)
+          ], 40, _hoisted_4$e)
         ])
       ]);
     };
@@ -24057,8 +24074,8 @@ const _hoisted_1$y = {
 };
 const _hoisted_2$q = { id: "lupa-select" };
 const _hoisted_3$j = { class: "lupa-select-label" };
-const _hoisted_4$c = ["aria-label"];
-const _hoisted_5$8 = ["value"];
+const _hoisted_4$d = ["aria-label"];
+const _hoisted_5$9 = ["value"];
 const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsSort",
   props: {
@@ -24123,9 +24140,9 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
               return vue.openBlock(), vue.createElementBlock("option", {
                 key: option.key,
                 value: option.key
-              }, vue.toDisplayString(option.label), 9, _hoisted_5$8);
+              }, vue.toDisplayString(option.label), 9, _hoisted_5$9);
             }), 128))
-          ], 40, _hoisted_4$c), [
+          ], 40, _hoisted_4$d), [
             [vue.vModelSelect, selectedKey.value]
           ])
         ])
@@ -24139,8 +24156,8 @@ const _hoisted_2$p = {
   class: "lupa-toolbar-right-title"
 };
 const _hoisted_3$i = { key: 2 };
-const _hoisted_4$b = { key: 4 };
-const _hoisted_5$7 = { key: 6 };
+const _hoisted_4$c = { key: 4 };
+const _hoisted_5$8 = { key: 6 };
 const _hoisted_6$5 = { class: "lupa-toolbar-right" };
 const _hoisted_7$3 = {
   key: 0,
@@ -24267,13 +24284,13 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
             label: searchSummaryLabel.value,
             clearable: vue.unref(hasAnyFilter) && showFilterClear.value,
             onClear: handleClearAll
-          }, null, 8, ["label", "clearable"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$b)),
+          }, null, 8, ["label", "clearable"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$c)),
           displayPageSelect.value ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
             key: 5,
             options: paginationOptions.value.pageSelect,
             "last-page-label": paginationOptions.value.labels.showMore,
             "first-page-label": paginationOptions.value.labels.showLess
-          }, null, 8, ["options", "last-page-label", "first-page-label"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$7))
+          }, null, 8, ["options", "last-page-label", "first-page-label"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$8))
         ]),
         vue.createElementVNode("div", _hoisted_6$5, [
           toolbarRightLabel.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$3, vue.toDisplayString(toolbarRightLabel.value), 1)) : vue.createCommentVNode("", true),
@@ -24320,8 +24337,8 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
 const _hoisted_1$w = ["title", "innerHTML"];
 const _hoisted_2$o = ["title"];
 const _hoisted_3$h = ["href", "innerHTML"];
-const _hoisted_4$a = ["title"];
-const _hoisted_5$6 = {
+const _hoisted_4$b = ["title"];
+const _hoisted_5$7 = {
   key: 0,
   class: "lupa-search-results-product-title-text"
 };
@@ -24381,14 +24398,14 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
         style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
         title: title.value
       }, [
-        !_ctx.options.link ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$6, vue.toDisplayString(title.value), 1)) : vue.createCommentVNode("", true),
+        !_ctx.options.link ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$7, vue.toDisplayString(title.value), 1)) : vue.createCommentVNode("", true),
         _ctx.options.link ? (vue.openBlock(), vue.createElementBlock("a", {
           key: 1,
           href: _ctx.link,
           class: "lupa-search-results-product-title-text lupa-title-link",
           onClick: handleNavigation
         }, vue.toDisplayString(title.value), 9, _hoisted_6$4)) : vue.createCommentVNode("", true)
-      ], 12, _hoisted_4$a));
+      ], 12, _hoisted_4$b));
     };
   }
 });
@@ -24431,8 +24448,8 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
 const _hoisted_1$u = { id: "lupa-search-results-rating" };
 const _hoisted_2$n = { class: "lupa-ratings" };
 const _hoisted_3$g = { class: "lupa-ratings-base" };
-const _hoisted_4$9 = ["innerHTML"];
-const _hoisted_5$5 = { class: "lupa-rating-wrapper" };
+const _hoisted_4$a = ["innerHTML"];
+const _hoisted_5$6 = { class: "lupa-rating-wrapper" };
 const _hoisted_6$3 = ["innerHTML"];
 const _hoisted_7$2 = ["href"];
 const STAR_COUNT = 5;
@@ -24481,10 +24498,10 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
                 key: index,
                 innerHTML: star,
                 class: "lupa-rating lupa-rating-not-highlighted"
-              }, null, 8, _hoisted_4$9);
+              }, null, 8, _hoisted_4$a);
             }), 128))
           ]),
-          vue.createElementVNode("div", _hoisted_5$5, [
+          vue.createElementVNode("div", _hoisted_5$6, [
             vue.createElementVNode("div", {
               class: "lupa-ratings-highlighted",
               style: vue.normalizeStyle({ width: ratingPercentage.value + "%" })
@@ -24567,14 +24584,17 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$s = { class: "lupa-search-results-add-to-cart-wrapper" };
 const _hoisted_2$m = { class: "lupa-search-results-product-addtocart" };
-const _hoisted_3$f = ["id", "disabled", "onClick"];
+const _hoisted_3$f = ["disabled"];
+const _hoisted_4$9 = ["href"];
+const _hoisted_5$5 = ["id", "disabled", "onClick"];
 const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductAddToCart",
   props: {
     item: {},
     options: {},
     inStock: { type: Boolean },
-    dynamicAttributes: {}
+    dynamicAttributes: {},
+    link: {}
   },
   emits: ["productEvent"],
   setup(__props, { emit }) {
@@ -24606,17 +24626,28 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
       emit("productEvent", { type: "addToCart" });
       loading.value = false;
     });
+    const hasLink = vue.computed(() => {
+      return Boolean(props.link && props.options.link);
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [
         vue.createElementVNode("div", _hoisted_2$m, [
-          vue.createElementVNode("button", vue.mergeProps({
+          hasLink.value ? (vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
+            key: 0,
+            class: loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart",
+            "data-cy": "lupa-add-to-cart",
+            disabled: !inStockValue.value || loading.value
+          }, _ctx.dynamicAttributes, { onClick: handleClick }), [
+            vue.createElementVNode("a", { href: _ctx.link }, vue.toDisplayString(label.value), 9, _hoisted_4$9)
+          ], 16, _hoisted_3$f)) : (vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
+            key: 1,
             id: id.value,
             class: loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart",
             "data-cy": "lupa-add-to-cart",
             disabled: !inStockValue.value || loading.value
           }, _ctx.dynamicAttributes, {
             onClick: vue.withModifiers(handleClick, ["stop"])
-          }), vue.toDisplayString(label.value), 17, _hoisted_3$f)
+          }), vue.toDisplayString(label.value), 17, _hoisted_5$5))
         ])
       ]);
     };
@@ -26261,7 +26292,12 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
       const hasResults2 = Boolean(
         results.total > 0 || ((_a = results.similarQueries) == null ? void 0 : _a.length) || ((_b = results.didYouMean) == null ? void 0 : _b.options) || ((_d = (_c = results.similarResults) == null ? void 0 : _c.items) == null ? void 0 : _d.length)
       );
-      (_f = (_e = props.options.callbacks) == null ? void 0 : _e.onSearchResults) == null ? void 0 : _f.call(_e, { queryKey, hasResults: hasResults2, params: paramStore.params });
+      (_f = (_e = props.options.callbacks) == null ? void 0 : _e.onSearchResults) == null ? void 0 : _f.call(_e, {
+        queryKey,
+        hasResults: hasResults2,
+        params: paramStore.params,
+        results
+      });
       if (!hasResults2) {
         return;
       }