@getlupa/vue 0.21.2 → 0.22.1

package/dist/lupaSearch.mjs

@@ -12903,6 +12903,18 @@ const useParamsStore = /* @__PURE__ */ defineStore("params", () => {
     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
@@ -13040,6 +13052,7 @@ const useParamsStore = /* @__PURE__ */ defineStore("params", () => {
     sortParams,
     lastChangedParams,
     skipFacetReload,
+    getPageUrlWithNewParams,
     add,
     removeAllFilters,
     removeParameters,
@@ -25246,7 +25259,16 @@ const extractFromHtmlElementAttribute = (options) => {
   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);
@@ -28946,8 +28968,7 @@ const _hoisted_2$u = {
   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"
 };
@@ -29014,7 +29035,24 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
         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.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.PAGE), value: page.toString() }]
@@ -29028,46 +29066,78 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
       }
     };
     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 }, [
-          createElementVNode("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),
-          createElementVNode("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);
     };
   }
@@ -29081,7 +29151,7 @@ const _hoisted_3$l = {
   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",
@@ -29131,7 +29201,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                 value: option
               }, toDisplayString(prefixLabel.value) + toDisplayString(option), 9, _hoisted_5$a);
             }), 128))
-          ], 40, _hoisted_4$d)
+          ], 40, _hoisted_4$e)
         ])
       ]);
     };
@@ -29146,7 +29216,7 @@ const _hoisted_3$k = {
   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",
@@ -29217,7 +29287,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                 value: option.key
               }, toDisplayString(option.label), 9, _hoisted_5$9);
             }), 128))
-          ], 40, _hoisted_4$c), [
+          ], 40, _hoisted_4$d), [
             [vModelSelect, selectedKey.value]
           ])
         ])
@@ -29231,7 +29301,7 @@ const _hoisted_2$r = {
   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 = {
@@ -29301,6 +29371,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
       }
     });
     const paginationOptions = computed(() => {
+      var _a25;
       const pageSelect = optionsValue.value.pagination.pageSelection;
       return {
         pageSize: {
@@ -29311,7 +29382,8 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
           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
       };
@@ -29359,7 +29431,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
             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,
@@ -29412,7 +29484,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
 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"
@@ -29480,7 +29552,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
           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));
     };
   }
 });
@@ -29523,7 +29595,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
 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"];
@@ -29573,7 +29645,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                 key: index,
                 innerHTML: star,
                 class: "lupa-rating lupa-rating-not-highlighted"
-              }, null, 8, _hoisted_4$9);
+              }, null, 8, _hoisted_4$a);
             }), 128))
           ]),
           createElementVNode("div", _hoisted_5$6, [
@@ -29666,7 +29738,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
 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",
@@ -29735,7 +29807,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
             "data-cy": "lupa-add-to-cart",
             disabled: !inStockValue.value || loading.value
           }, _ctx.dynamicAttributes, { onClick: handleClick }), [
-            createElementVNode("a", { href: _ctx.link }, toDisplayString(label.value), 9, _hoisted_4$8)
+            createElementVNode("a", { href: _ctx.link }, toDisplayString(label.value), 9, _hoisted_4$9)
           ], 16, _hoisted_3$g)) : (openBlock(), createElementBlock("button", mergeProps({
             key: 1,
             id: id.value,
@@ -29753,7 +29825,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
 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",
@@ -29782,7 +29854,11 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       var _a25;
       return (_a25 = props.options.isHtml) != null ? _a25 : false;
     });
-    const handleClick = () => __async(null, null, function* () {
+    const handleClick = (e2) => __async(null, null, function* () {
+      if (e2 && props.options.stopPropagationOnClick) {
+        e2.stopPropagation();
+        e2.preventDefault();
+      }
       if (!props.options.action) {
         return;
       }
@@ -29798,7 +29874,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
         class: className.value
       }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
         !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$n, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$f, [
-          createElementVNode("div", _hoisted_4$7, toDisplayString(label.value), 1),
+          createElementVNode("div", _hoisted_4$8, toDisplayString(label.value), 1),
           createElementVNode("div", _hoisted_5$4, toDisplayString(text.value), 1)
         ]))
       ], 16));
@@ -29825,7 +29901,11 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     const className = computed(() => {
       return props.options.className;
     });
-    const handleClick = () => __async(null, null, function* () {
+    const handleClick = (e2) => __async(null, null, function* () {
+      if (e2 && props.options.stopPropagationOnClick) {
+        e2.stopPropagation();
+        e2.preventDefault();
+      }
       if (!props.options.action) {
         return;
       }
@@ -29845,7 +29925,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
 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: {
@@ -29883,7 +29963,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
         createElementVNode("a", {
           href: ratingLink.value,
           class: "lupa-total-ratings"
-        }, toDisplayString(totalRatings.value), 9, _hoisted_4$6)
+        }, toDisplayString(totalRatings.value), 9, _hoisted_4$7)
       ]);
     };
   }
@@ -30240,7 +30320,7 @@ const _hoisted_3$c = {
   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 = {
@@ -30301,7 +30381,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                   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)
             ]),
             createElementVNode("div", _hoisted_7, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(similarQuery.items, (product, index2) => {
@@ -30633,7 +30713,7 @@ const extractRelatedSource = (source, searchResults, options, activeFilters) =>
 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"
@@ -30745,7 +30825,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           }, null, 8, ["item", "options"])) : createCommentVNode("", true)
         ]),
         createElementVNode("div", _hoisted_3$a, [
-          createElementVNode("span", _hoisted_4$4, toDisplayString(_ctx.query), 1),
+          createElementVNode("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)
         ])
       ]);
@@ -30972,7 +31052,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
 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"
@@ -31020,7 +31100,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           }, null, 8, ["item", "options"])) : createCommentVNode("", true)
         ]),
         createElementVNode("div", _hoisted_3$7, [
-          createElementVNode("span", _hoisted_4$3, toDisplayString(query.value), 1),
+          createElementVNode("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)
         ])
       ]);
@@ -31164,7 +31244,7 @@ const _hoisted_3$5 = {
   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"
@@ -31385,7 +31465,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             location: "bottom",
             sdkOptions: _ctx.options.options
           }, null, 8, ["options", "sdkOptions"])
-        ], 64)) : !unref(loading) && unref(currentQueryText) ? (openBlock(), createElementBlock("div", _hoisted_4$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),
@@ -31421,7 +31501,7 @@ const _hoisted_2$9 = {
   class: "lupa-category-back"
 };
 const _hoisted_3$4 = ["href"];
-const _hoisted_4$1 = {
+const _hoisted_4$2 = {
   key: 1,
   class: "lupa-child-category-list"
 };
@@ -31481,7 +31561,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
               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),
@@ -33465,12 +33545,13 @@ const _hoisted_1$9 = {
   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"
@@ -33514,6 +33595,10 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       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 recommendations.value.length > 0;
     });
@@ -33603,6 +33688,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       var _a25, _b25;
       return (_b25 = (_a25 = carouselOptions.value) == null ? void 0 : _a25.wrapAround) != null ? _b25 : true;
     });
+    const recommendationFilters = computed(() => {
+      return __spreadValues({}, processExtractionObject(props.options.recommendationFilters));
+    });
     const loadLupaRecommendations = () => __async(null, null, function* () {
       var _a25, _b25;
       recommendationsType.value = "recommendations_lupasearch";
@@ -33611,7 +33699,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         const result2 = yield LupaSearchSdk.recommend(
           props.options.queryKey,
           itemId.value,
-          props.options.recommendationFilters,
+          recommendationFilters.value,
           props.options.options
         );
         if (!result2.success) {
@@ -33629,14 +33717,22 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     });
     __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))
@@ -33660,7 +33756,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                 }), 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(recommendations.value, (product, index) => {
                 return openBlock(), createBlock(_sfc_main$t, {
                   style: normalizeStyle(columnSize.value),

package/dist/stores/params.d.ts

@@ -24,6 +24,15 @@ export declare const useParamsStore: import('pinia').StoreDefinition<"params", P
     }>;
     lastChangedParams: Ref<any[], any[]>;
     skipFacetReload: import('vue').ComputedRef<boolean>;
+    getPageUrlWithNewParams: ({ params: newParams, paramsToRemove, encode, searchResultsLink }: {
+        params: {
+            name: string;
+            value: string;
+        }[];
+        paramsToRemove?: "all" | string[];
+        encode?: boolean;
+        searchResultsLink?: string;
+    }) => string;
     add: (newParams: QueryParams, ssr?: SsrOptions) => {
         params: QueryParams;
     };
@@ -77,6 +86,15 @@ export declare const useParamsStore: import('pinia').StoreDefinition<"params", P
     }>;
     lastChangedParams: Ref<any[], any[]>;
     skipFacetReload: import('vue').ComputedRef<boolean>;
+    getPageUrlWithNewParams: ({ params: newParams, paramsToRemove, encode, searchResultsLink }: {
+        params: {
+            name: string;
+            value: string;
+        }[];
+        paramsToRemove?: "all" | string[];
+        encode?: boolean;
+        searchResultsLink?: string;
+    }) => string;
     add: (newParams: QueryParams, ssr?: SsrOptions) => {
         params: QueryParams;
     };
@@ -130,6 +148,15 @@ export declare const useParamsStore: import('pinia').StoreDefinition<"params", P
     }>;
     lastChangedParams: Ref<any[], any[]>;
     skipFacetReload: import('vue').ComputedRef<boolean>;
+    getPageUrlWithNewParams: ({ params: newParams, paramsToRemove, encode, searchResultsLink }: {
+        params: {
+            name: string;
+            value: string;
+        }[];
+        paramsToRemove?: "all" | string[];
+        encode?: boolean;
+        searchResultsLink?: string;
+    }) => string;
     add: (newParams: QueryParams, ssr?: SsrOptions) => {
         params: QueryParams;
     };
@@ -161,4 +188,4 @@ export declare const useParamsStore: import('pinia').StoreDefinition<"params", P
     setDefaultLimit: (newDefaultLimit: number) => number;
     setSearchResultsLink: (newSearchResultsLink: string) => void;
     setSortSettings: ({ selectedSortKey, previousSortKey }: SortCallbackContext) => void;
-}, "add" | "removeAllFilters" | "removeParameters" | "handleNoResultsFlag" | "goToResults" | "appendParams" | "setDefaultLimit" | "setSearchResultsLink" | "setSortSettings">>;
+}, "add" | "getPageUrlWithNewParams" | "removeAllFilters" | "removeParameters" | "handleNoResultsFlag" | "goToResults" | "appendParams" | "setDefaultLimit" | "setSearchResultsLink" | "setSortSettings">>;