@getlupa/client 1.21.3 → 1.22.1

package/dist/lupaSearch.umd.js

@@ -19175,6 +19175,18 @@ var __async = (__this, __arguments, generator) => {
       params.value = parseParams(optionsStore.getQueryParamName, url.searchParams);
       searchString.value = url.search;
     };
+    const getPageUrlWithNewParams = ({
+      params: newParams,
+      paramsToRemove,
+      encode: encode2 = true,
+      searchResultsLink: searchResultsLink2
+    }) => {
+      const url = getPageUrl(searchResultsLink2);
+      paramsToRemove = getRemovableParams(url, optionsStore.getQueryParamName, paramsToRemove);
+      removeParams(url, paramsToRemove);
+      newParams.forEach((p2) => appendParam(url, p2, encode2));
+      return url.search;
+    };
     const removeParameters = ({
       paramsToRemove,
       save = true
@@ -19312,6 +19324,7 @@ var __async = (__this, __arguments, generator) => {
       sortParams,
       lastChangedParams,
       skipFacetReload,
+      getPageUrlWithNewParams,
       add,
       removeAllFilters,
       removeParameters,
@@ -31460,7 +31473,16 @@ and ensure you are accounting for this risk.
     if (attr === "value" && (element == null ? void 0 : element.value)) {
       return element.value;
     }
-    return element.getAttribute(attr) || options.default;
+    const attributeValue = element.getAttribute(attr);
+    if (attributeValue === null || attributeValue === void 0) {
+      return options.default;
+    }
+    if (options.regex) {
+      const regex = new RegExp(options.regex);
+      const match = attributeValue.match(regex);
+      return match ? match[1] : options.default;
+    }
+    return attributeValue;
   };
   const getValueFromPath = (obj, path) => {
     return path.split(".").reduce((value, key) => value && value[key] || null, obj);
@@ -35144,8 +35166,7 @@ and ensure you are accounting for this risk.
     key: 0,
     class: "lupa-page-number-separator"
   };
-  const _hoisted_3$m = ["onClick"];
-  const _hoisted_4$e = {
+  const _hoisted_3$m = {
     key: 0,
     class: "lupa-page-number-separator"
   };
@@ -35212,7 +35233,24 @@ and ensure you are accounting for this risk.
           timeout: (_f = (_e = searchResultOptions.value.scrollToResults) == null ? void 0 : _e.timeout) != null ? _f : 500
         };
       });
-      const handlePageChange = (page) => {
+      const tagName = computed(() => {
+        return props.options.renderAsLinks ? "a" : "div";
+      });
+      const getPageUrlWithNewParams = (page) => {
+        return paramStore.getPageUrlWithNewParams({
+          params: [{ name: optionsStore.getQueryParamName(QUERY_PARAMS$1.PAGE), value: page.toString() }]
+        });
+      };
+      const getHref = (page) => {
+        if (props.options.renderAsLinks) {
+          return getPageUrlWithNewParams(page);
+        }
+        return null;
+      };
+      const handlePageChange = (e2, page) => {
+        if (e2 && props.options.renderAsLinks) {
+          e2.preventDefault();
+        }
         if (page > 0) {
           paramStore.appendParams({
             params: [{ name: optionsStore.getQueryParamName(QUERY_PARAMS$1.PAGE), value: page.toString() }]
@@ -35226,46 +35264,78 @@ and ensure you are accounting for this risk.
         }
       };
       return (_ctx, _cache) => {
+        var _a25;
         return showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_1$D, [
-          showBack.value ? (openBlock(), createElementBlock("div", {
+          showBack.value ? (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
             key: 0,
             class: normalizeClass(firstPageLabel.value === "<" ? "lupa-page-arrow" : "lupa-show-less"),
-            onClick: _cache[0] || (_cache[0] = () => handlePageChange(_ctx.options.selectedPage - 1))
-          }, toDisplayString(firstPageLabel.value), 3)) : createCommentVNode("", true),
+            href: getHref(_ctx.options.selectedPage - 1),
+            onClick: _cache[0] || (_cache[0] = (e2) => handlePageChange(e2, _ctx.options.selectedPage - 1))
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(firstPageLabel.value), 1)
+            ]),
+            _: 1
+          }, 8, ["class", "href"])) : createCommentVNode("", true),
           showFirstPage.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createBaseVNode("div", {
+            (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
+              href: getHref(1),
               class: "lupa-page-number lupa-page-number-first",
-              onClick: _cache[1] || (_cache[1] = () => handlePageChange(1))
-            }, " 1 "),
+              onClick: _cache[1] || (_cache[1] = (e2) => handlePageChange(e2, 1))
+            }, {
+              default: withCtx(() => _cache[4] || (_cache[4] = [
+                createTextVNode(" 1 ")
+              ])),
+              _: 1,
+              __: [4]
+            }, 8, ["href"])),
             showFirstPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_2$u, "...")) : createCommentVNode("", true)
           ], 64)) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment, null, renderList(pages.value, (page) => {
-            return openBlock(), createElementBlock("div", {
+            return openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
               key: page,
-              onClick: () => handlePageChange(page),
+              href: getHref(page),
+              onClick: (e2) => handlePageChange(e2, page),
               class: normalizeClass([
                 "lupa-page-number",
                 page === _ctx.options.selectedPage ? "lupa-page-number-selected" : ""
               ]),
               "data-cy": "lupa-page-number"
-            }, toDisplayString(page), 11, _hoisted_3$m);
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(page), 1)
+              ]),
+              _: 2
+            }, 1032, ["href", "onClick", "class"]);
           }), 128)),
           showLastPage.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-            showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_4$e, "...")) : createCommentVNode("", true),
-            createBaseVNode("div", {
+            showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_3$m, "...")) : createCommentVNode("", true),
+            (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
+              href: getHref((_a25 = lastPage.value) != null ? _a25 : 1),
               class: "lupa-page-number lupa-page-number-last",
-              onClick: _cache[2] || (_cache[2] = () => {
-                var _a25;
-                return handlePageChange((_a25 = lastPage.value) != null ? _a25 : 1);
+              onClick: _cache[2] || (_cache[2] = (e2) => {
+                var _a26;
+                return handlePageChange(e2, (_a26 = lastPage.value) != null ? _a26 : 1);
               })
-            }, toDisplayString(lastPage.value), 1)
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(lastPage.value), 1)
+              ]),
+              _: 1
+            }, 8, ["href"]))
           ], 64)) : createCommentVNode("", true),
-          _ctx.options.selectedPage < _ctx.options.count ? (openBlock(), createElementBlock("div", {
+          _ctx.options.selectedPage < _ctx.options.count ? (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
             key: 3,
             class: normalizeClass(lastPageLabel.value === ">" ? "lupa-page-arrow" : "lupa-show-more"),
+            href: getHref(_ctx.options.selectedPage + 1),
             "data-cy": "lupa-show-more",
-            onClick: _cache[3] || (_cache[3] = () => handlePageChange(_ctx.options.selectedPage + 1))
-          }, toDisplayString(lastPageLabel.value), 3)) : createCommentVNode("", true)
+            onClick: _cache[3] || (_cache[3] = (e2) => handlePageChange(e2, _ctx.options.selectedPage + 1))
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(lastPageLabel.value), 1)
+            ]),
+            _: 1
+          }, 8, ["class", "href"])) : createCommentVNode("", true)
         ])) : createCommentVNode("", true);
       };
     }
@@ -35279,7 +35349,7 @@ and ensure you are accounting for this risk.
     class: "lupa-select-label",
     for: "lupa-page-size-select-dropdown"
   };
-  const _hoisted_4$d = ["aria-label"];
+  const _hoisted_4$e = ["aria-label"];
   const _hoisted_5$a = ["value"];
   const _sfc_main$H = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsPageSize",
@@ -35329,7 +35399,7 @@ and ensure you are accounting for this risk.
                   value: option
                 }, toDisplayString(prefixLabel.value) + toDisplayString(option), 9, _hoisted_5$a);
               }), 128))
-            ], 40, _hoisted_4$d)
+            ], 40, _hoisted_4$e)
           ])
         ]);
       };
@@ -35344,7 +35414,7 @@ and ensure you are accounting for this risk.
     class: "lupa-select-label",
     for: "lupa-sort-select-dropdown"
   };
-  const _hoisted_4$c = ["aria-label"];
+  const _hoisted_4$d = ["aria-label"];
   const _hoisted_5$9 = ["value"];
   const _sfc_main$G = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsSort",
@@ -35415,7 +35485,7 @@ and ensure you are accounting for this risk.
                   value: option.key
                 }, toDisplayString(option.label), 9, _hoisted_5$9);
               }), 128))
-            ], 40, _hoisted_4$c), [
+            ], 40, _hoisted_4$d), [
               [vModelSelect, selectedKey.value]
             ])
           ])
@@ -35429,7 +35499,7 @@ and ensure you are accounting for this risk.
     class: "lupa-toolbar-right-title"
   };
   const _hoisted_3$j = { key: 2 };
-  const _hoisted_4$b = { key: 4 };
+  const _hoisted_4$c = { key: 4 };
   const _hoisted_5$8 = { key: 6 };
   const _hoisted_6$4 = { class: "lupa-toolbar-right" };
   const _hoisted_7$2 = {
@@ -35499,6 +35569,7 @@ and ensure you are accounting for this risk.
         }
       });
       const paginationOptions = computed(() => {
+        var _a25;
         const pageSelect = optionsValue.value.pagination.pageSelection;
         return {
           pageSize: {
@@ -35509,7 +35580,8 @@ and ensure you are accounting for this risk.
             count: getPageCount(searchResult.value.total, limit.value),
             selectedPage: page.value,
             display: pageSelect.display,
-            displayMobile: pageSelect.displayMobile
+            displayMobile: pageSelect.displayMobile,
+            renderAsLinks: (_a25 = pageSelect.renderAsLinks) != null ? _a25 : false
           },
           labels: optionsValue.value.labels
         };
@@ -35557,7 +35629,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$b)),
+            }, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_4$c)),
             displayPageSelect.value ? (openBlock(), createBlock(_sfc_main$I, {
               key: 5,
               options: paginationOptions.value.pageSelect,
@@ -35610,7 +35682,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$z = ["title", "innerHTML"];
   const _hoisted_2$q = ["title"];
   const _hoisted_3$i = ["href", "innerHTML"];
-  const _hoisted_4$a = ["title"];
+  const _hoisted_4$b = ["title"];
   const _hoisted_5$7 = {
     key: 0,
     class: "lupa-search-results-product-title-text"
@@ -35678,7 +35750,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$3)) : createCommentVNode("", true)
-        ], 12, _hoisted_4$a));
+        ], 12, _hoisted_4$b));
       };
     }
   });
@@ -35721,7 +35793,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$x = { id: "lupa-search-results-rating" };
   const _hoisted_2$p = { class: "lupa-ratings" };
   const _hoisted_3$h = { class: "lupa-ratings-base" };
-  const _hoisted_4$9 = ["innerHTML"];
+  const _hoisted_4$a = ["innerHTML"];
   const _hoisted_5$6 = { class: "lupa-rating-wrapper" };
   const _hoisted_6$2 = ["innerHTML"];
   const _hoisted_7$1 = ["href"];
@@ -35771,7 +35843,7 @@ and ensure you are accounting for this risk.
                   key: index,
                   innerHTML: star,
                   class: "lupa-rating lupa-rating-not-highlighted"
-                }, null, 8, _hoisted_4$9);
+                }, null, 8, _hoisted_4$a);
               }), 128))
             ]),
             createBaseVNode("div", _hoisted_5$6, [
@@ -35864,7 +35936,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$v = { class: "lupa-search-results-add-to-cart-wrapper" };
   const _hoisted_2$o = { class: "lupa-search-results-product-addtocart" };
   const _hoisted_3$g = ["disabled"];
-  const _hoisted_4$8 = ["href"];
+  const _hoisted_4$9 = ["href"];
   const _hoisted_5$5 = ["id", "disabled"];
   const _sfc_main$y = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductAddToCart",
@@ -35933,7 +36005,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$8)
+              createBaseVNode("a", { href: _ctx.link }, toDisplayString(label.value), 9, _hoisted_4$9)
             ], 16, _hoisted_3$g)) : (openBlock(), createElementBlock("button", mergeProps({
               key: 1,
               id: id.value,
@@ -35951,7 +36023,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$u = ["innerHTML"];
   const _hoisted_2$n = { key: 0 };
   const _hoisted_3$f = { key: 1 };
-  const _hoisted_4$7 = { class: "lupa-search-box-custom-label" };
+  const _hoisted_4$8 = { class: "lupa-search-box-custom-label" };
   const _hoisted_5$4 = { class: "lupa-search-box-custom-text" };
   const _sfc_main$x = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductCustom",
@@ -35980,7 +36052,11 @@ and ensure you are accounting for this risk.
         var _a25;
         return (_a25 = props.options.isHtml) != null ? _a25 : false;
       });
-      const handleClick = () => __async2(null, null, function* () {
+      const handleClick = (e2) => __async2(null, null, function* () {
+        if (e2 && props.options.stopPropagationOnClick) {
+          e2.stopPropagation();
+          e2.preventDefault();
+        }
         if (!props.options.action) {
           return;
         }
@@ -35996,7 +36072,7 @@ and ensure you are accounting for this risk.
           class: className.value
         }, toHandlers(_ctx.options.action ? { click: handleClick } : {})), [
           !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$n, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$f, [
-            createBaseVNode("div", _hoisted_4$7, toDisplayString(label.value), 1),
+            createBaseVNode("div", _hoisted_4$8, toDisplayString(label.value), 1),
             createBaseVNode("div", _hoisted_5$4, toDisplayString(text.value), 1)
           ]))
         ], 16));
@@ -36023,7 +36099,11 @@ and ensure you are accounting for this risk.
       const className = computed(() => {
         return props.options.className;
       });
-      const handleClick = () => __async2(null, null, function* () {
+      const handleClick = (e2) => __async2(null, null, function* () {
+        if (e2 && props.options.stopPropagationOnClick) {
+          e2.stopPropagation();
+          e2.preventDefault();
+        }
         if (!props.options.action) {
           return;
         }
@@ -36043,7 +36123,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$s = { id: "lupa-search-results-rating" };
   const _hoisted_2$m = ["innerHTML"];
   const _hoisted_3$e = { class: "lupa-ratings" };
-  const _hoisted_4$6 = ["href"];
+  const _hoisted_4$7 = ["href"];
   const _sfc_main$v = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductSingleStarRating",
     props: {
@@ -36081,7 +36161,7 @@ and ensure you are accounting for this risk.
           createBaseVNode("a", {
             href: ratingLink.value,
             class: "lupa-total-ratings"
-          }, toDisplayString(totalRatings.value), 9, _hoisted_4$6)
+          }, toDisplayString(totalRatings.value), 9, _hoisted_4$7)
         ]);
       };
     }
@@ -36438,7 +36518,7 @@ and ensure you are accounting for this risk.
     class: "lupa-similar-query-label",
     "data-cy": "lupa-similar-query-label"
   };
-  const _hoisted_4$5 = ["onClick"];
+  const _hoisted_4$6 = ["onClick"];
   const _hoisted_5$3 = ["innerHTML"];
   const _hoisted_6$1 = { key: 0 };
   const _hoisted_7 = {
@@ -36499,7 +36579,7 @@ and ensure you are accounting for this risk.
                     innerHTML: getSimilarQueryContent(similarQuery.displayQuery)
                   }, null, 8, _hoisted_5$3),
                   similarQuery.count ? (openBlock(), createElementBlock("span", _hoisted_6$1, " (" + toDisplayString(similarQuery.count) + ")", 1)) : createCommentVNode("", true)
-                ], 8, _hoisted_4$5)
+                ], 8, _hoisted_4$6)
               ]),
               createBaseVNode("div", _hoisted_7, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(similarQuery.items, (product, index2) => {
@@ -36831,7 +36911,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$l = { class: "lupa-related-query-item" };
   const _hoisted_2$g = { class: "lupa-related-query-image" };
   const _hoisted_3$a = { class: "lupa-related-query-label" };
-  const _hoisted_4$4 = { class: "lupa-related-query-title" };
+  const _hoisted_4$5 = { class: "lupa-related-query-title" };
   const _hoisted_5$2 = {
     key: 0,
     class: "lupa-related-query-count"
@@ -36943,7 +37023,7 @@ and ensure you are accounting for this risk.
             }, null, 8, ["item", "options"])) : createCommentVNode("", true)
           ]),
           createBaseVNode("div", _hoisted_3$a, [
-            createBaseVNode("span", _hoisted_4$4, toDisplayString(_ctx.query), 1),
+            createBaseVNode("span", _hoisted_4$5, toDisplayString(_ctx.query), 1),
             ((_a25 = _ctx.options) == null ? void 0 : _a25.showCount) ? (openBlock(), createElementBlock("span", _hoisted_5$2, "(" + toDisplayString(totalItemCount.value) + ")", 1)) : createCommentVNode("", true)
           ])
         ]);
@@ -37170,7 +37250,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$h = { class: "lupa-related-query-item" };
   const _hoisted_2$d = { class: "lupa-related-query-image" };
   const _hoisted_3$7 = { class: "lupa-related-query-label" };
-  const _hoisted_4$3 = { class: "lupa-related-query-title" };
+  const _hoisted_4$4 = { class: "lupa-related-query-title" };
   const _hoisted_5$1 = {
     key: 0,
     class: "lupa-related-query-count"
@@ -37218,7 +37298,7 @@ and ensure you are accounting for this risk.
             }, null, 8, ["item", "options"])) : createCommentVNode("", true)
           ]),
           createBaseVNode("div", _hoisted_3$7, [
-            createBaseVNode("span", _hoisted_4$3, toDisplayString(query.value), 1),
+            createBaseVNode("span", _hoisted_4$4, toDisplayString(query.value), 1),
             ((_a25 = _ctx.options) == null ? void 0 : _a25.showCount) ? (openBlock(), createElementBlock("span", _hoisted_5$1, "(" + toDisplayString(totalItemCount.value) + ")", 1)) : createCommentVNode("", true)
           ])
         ]);
@@ -37362,7 +37442,7 @@ and ensure you are accounting for this risk.
     class: "lupa-empty-results",
     "data-cy": "lupa-no-results-in-page"
   };
-  const _hoisted_4$2 = {
+  const _hoisted_4$3 = {
     key: 5,
     class: "lupa-empty-results",
     "data-cy": "lupa-no-results"
@@ -37583,7 +37663,7 @@ and ensure you are accounting for this risk.
               location: "bottom",
               sdkOptions: _ctx.options.options
             }, null, 8, ["options", "sdkOptions"])
-          ], 64)) : !unref(loading) && unref(currentQueryText) ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
+          ], 64)) : !unref(loading) && unref(currentQueryText) ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
             createVNode(_sfc_main$h, {
               emptyResultsLabel: (_b25 = _ctx.options.labels) == null ? void 0 : _b25.emptyResults,
               currentQueryText: unref(currentQueryText),
@@ -37619,7 +37699,7 @@ and ensure you are accounting for this risk.
     class: "lupa-category-back"
   };
   const _hoisted_3$4 = ["href"];
-  const _hoisted_4$1 = {
+  const _hoisted_4$2 = {
     key: 1,
     class: "lupa-child-category-list"
   };
@@ -37679,7 +37759,7 @@ and ensure you are accounting for this risk.
                 onClick: handleNavigationBack
               }, toDisplayString(backTitle.value), 9, _hoisted_3$4)
             ])) : createCommentVNode("", true),
-            hasRelatedCategoryChildren.value ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+            hasRelatedCategoryChildren.value ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(relatedCategoryChildren), (child) => {
                 return openBlock(), createBlock(_sfc_main$Z, {
                   key: getCategoryKey(child),
@@ -39596,12 +39676,13 @@ and ensure you are accounting for this risk.
     key: 0,
     class: "lupa-recommendation-section-title"
   };
-  const _hoisted_2$6 = {
+  const _hoisted_2$6 = ["href"];
+  const _hoisted_3$3 = {
     key: 1,
     class: "lupa-recommended-products",
     "data-cy": "lupa-recommended-products"
   };
-  const _hoisted_3$3 = {
+  const _hoisted_4$1 = {
     key: 1,
     class: "lupa-products",
     "data-cy": "lupa-products"
@@ -39645,6 +39726,10 @@ and ensure you are accounting for this risk.
         var _a25, _b25;
         return (_b25 = (_a25 = props.options.recommendationLabels) == null ? void 0 : _a25.title) != null ? _b25 : "";
       });
+      const hasTitleLink = computed(() => {
+        var _a25;
+        return Boolean((_a25 = props.options.recommendationLabels) == null ? void 0 : _a25.titleLink);
+      });
       const hasRecommendations = computed(() => {
         return recommendations2.value.length > 0;
       });
@@ -39734,6 +39819,9 @@ and ensure you are accounting for this risk.
         var _a25, _b25;
         return (_b25 = (_a25 = carouselOptions.value) == null ? void 0 : _a25.wrapAround) != null ? _b25 : true;
       });
+      const recommendationFilters = computed(() => {
+        return __spreadValues2({}, processExtractionObject(props.options.recommendationFilters));
+      });
       const loadLupaRecommendations = () => __async2(null, null, function* () {
         var _a25, _b25;
         recommendationsType.value = "recommendations_lupasearch";
@@ -39742,7 +39830,7 @@ and ensure you are accounting for this risk.
           const result2 = yield LupaSearchSdk.recommend(
             props.options.queryKey,
             itemId.value,
-            props.options.recommendationFilters,
+            recommendationFilters.value,
             props.options.options
           );
           if (!result2.success) {
@@ -39760,14 +39848,22 @@ and ensure you are accounting for this risk.
       });
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
+        var _a25;
         return openBlock(), createElementBlock("div", {
           class: "lupa-search-product-recommendations-wrapper",
           ref_key: "rootElement",
           ref: rootElement
         }, [
           hasRecommendations.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            title.value ? (openBlock(), createElementBlock("h2", _hoisted_1$9, toDisplayString(title.value), 1)) : createCommentVNode("", true),
-            !loading.value ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
+            title.value ? (openBlock(), createElementBlock("h2", _hoisted_1$9, [
+              !hasTitleLink.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createTextVNode(toDisplayString(title.value), 1)
+              ], 64)) : (openBlock(), createElementBlock("a", {
+                key: 1,
+                href: (_a25 = _ctx.options.recommendationLabels) == null ? void 0 : _a25.titleLink
+              }, toDisplayString(title.value), 9, _hoisted_2$6))
+            ])) : createCommentVNode("", true),
+            !loading.value ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
               layoutType.value === "carousel" ? (openBlock(), createBlock(unref(Carousel), mergeProps({ key: 0 }, carouselOptions.value, { "wrap-around": wrapAround.value }), {
                 addons: withCtx(() => [
                   createVNode(unref(Navigation))
@@ -39791,7 +39887,7 @@ and ensure you are accounting for this risk.
                   }), 128))
                 ]),
                 _: 1
-              }, 16, ["wrap-around"])) : (openBlock(), createElementBlock("div", _hoisted_3$3, [
+              }, 16, ["wrap-around"])) : (openBlock(), createElementBlock("div", _hoisted_4$1, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(recommendations2.value, (product, index) => {
                   return openBlock(), createBlock(_sfc_main$t, {
                     style: normalizeStyle(columnSize.value),