@getlupa/client 1.21.3 → 1.22.0

package/dist/lupaSearch.js

@@ -19784,7 +19784,7 @@ const _hoisted_1$1l = {
 };
 const _hoisted_2$W = { class: "lupa-dialog-content" };
 const _hoisted_3$E = { class: "lupa-listening-text" };
-const _hoisted_4$u = { class: "lupa-mic-button-wrapper" };
+const _hoisted_4$v = { class: "lupa-mic-button-wrapper" };
 const _hoisted_5$l = ["aria-label"];
 const _sfc_main$1z = /* @__PURE__ */ defineComponent({
   __name: "VoiceSearchDialog",
@@ -19898,7 +19898,7 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
           }),
           createBaseVNode("div", _hoisted_2$W, [
             createBaseVNode("p", _hoisted_3$E, toDisplayString(description.value), 1),
-            createBaseVNode("div", _hoisted_4$u, [
+            createBaseVNode("div", _hoisted_4$v, [
               createBaseVNode("button", {
                 class: normalizeClass(["lupa-mic-button", { recording: unref(isRecording) }]),
                 onClick: handleRecordingButtonClick,
@@ -19923,7 +19923,7 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
 const _hoisted_1$1k = { id: "lupa-search-box-input-container" };
 const _hoisted_2$V = { class: "lupa-input-clear" };
 const _hoisted_3$D = { id: "lupa-search-box-input" };
-const _hoisted_4$t = ["value"];
+const _hoisted_4$u = ["value"];
 const _hoisted_5$k = ["aria-label", "placeholder"];
 const _hoisted_6$8 = {
   key: 0,
@@ -20076,7 +20076,7 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
             "aria-hidden": "true",
             value: showHint.value ? suggestedValue.value.item.suggestion : "",
             disabled: ""
-          }, null, 8, _hoisted_4$t),
+          }, null, 8, _hoisted_4$u),
           withDirectives(createBaseVNode("input", mergeProps({
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
           }, inputAttributes.value, {
@@ -20326,7 +20326,7 @@ const _hoisted_3$C = {
   class: "lupa-suggestion-facet",
   "data-cy": "lupa-suggestion-facet"
 };
-const _hoisted_4$s = {
+const _hoisted_4$t = {
   class: "lupa-suggestion-facet-label",
   "data-cy": "lupa-suggestion-facet-label"
 };
@@ -20373,7 +20373,7 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
           innerHTML: _ctx.suggestion.displayHighlight
         }, null, 8, _hoisted_1$1g)) : (openBlock(), createElementBlock("div", _hoisted_2$T, toDisplayString(_ctx.suggestion.display), 1)),
         _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$C, [
-          createBaseVNode("span", _hoisted_4$s, toDisplayString(facetLabel.value), 1),
+          createBaseVNode("span", _hoisted_4$t, toDisplayString(facetLabel.value), 1),
           createBaseVNode("span", _hoisted_5$j, toDisplayString(_ctx.suggestion.facet.title), 1)
         ])) : createCommentVNode("", true)
       ]);
@@ -30113,7 +30113,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
 const _hoisted_1$1a = ["innerHTML"];
 const _hoisted_2$P = { key: 0 };
 const _hoisted_3$B = { key: 1 };
-const _hoisted_4$r = { class: "lupa-search-box-custom-label" };
+const _hoisted_4$s = { class: "lupa-search-box-custom-label" };
 const _hoisted_5$i = { class: "lupa-search-box-custom-text" };
 const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductCustom",
@@ -30146,7 +30146,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
         class: [className.value, "lupa-search-box-product-custom"]
       }, toHandlers(_ctx.options.action ? { click: handleClick } : {})), [
         !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$P, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$B, [
-          createBaseVNode("div", _hoisted_4$r, toDisplayString(label.value), 1),
+          createBaseVNode("div", _hoisted_4$s, toDisplayString(label.value), 1),
           createBaseVNode("div", _hoisted_5$i, toDisplayString(text.value), 1)
         ]))
       ], 16));
@@ -30497,7 +30497,7 @@ const useSearchResultStore = /* @__PURE__ */ defineStore("searchResult", () => {
 const _hoisted_1$18 = { class: "lupa-search-box-add-to-cart-wrapper" };
 const _hoisted_2$O = { class: "lupa-search-box-product-addtocart" };
 const _hoisted_3$A = ["disabled"];
-const _hoisted_4$q = ["href"];
+const _hoisted_4$r = ["href"];
 const _hoisted_5$h = ["disabled"];
 const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductAddToCart",
@@ -30553,7 +30553,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
             "data-cy": "lupa-add-to-cart",
             disabled: !inStockValue.value || loading.value
           }, _ctx.dynamicAttributes, { onClick: handleClick }), [
-            createBaseVNode("a", { href: _ctx.link }, toDisplayString(label.value), 9, _hoisted_4$q)
+            createBaseVNode("a", { href: _ctx.link }, toDisplayString(label.value), 9, _hoisted_4$r)
           ], 16, _hoisted_3$A)) : (openBlock(), createElementBlock("button", mergeProps({
             key: 1,
             onClick: withModifiers(handleClick, ["stop", "prevent"]),
@@ -30673,7 +30673,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
 const _hoisted_1$16 = { class: "lupa-badge-title" };
 const _hoisted_2$N = ["src"];
 const _hoisted_3$z = { key: 1 };
-const _hoisted_4$p = {
+const _hoisted_4$q = {
   key: 0,
   class: "lupa-badge-full-text"
 };
@@ -30717,7 +30717,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
           }, null, 8, _hoisted_2$N)) : createCommentVNode("", true),
           hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$z, toDisplayString(_ctx.badge.titleText), 1)) : createCommentVNode("", true)
         ]),
-        hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$p, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
+        hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$q, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
       ], 6);
     };
   }
@@ -31458,7 +31458,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);
@@ -31676,7 +31685,7 @@ const _hoisted_3$x = {
   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"
 };
@@ -31872,7 +31881,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
                 "data-cy": "lupa-panel-" + panel.type + "-index"
               }, [
                 ((_a25 = panel.labels) == null ? void 0 : _a25.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$x, toDisplayString((_b25 = panel.labels) == null ? void 0 : _b25.topResultsTitle), 1)) : createCommentVNode("", true),
-                ((_c = panel.labels) == null ? void 0 : _c.title) && showPanelTitle(panel) ? (openBlock(), createElementBlock("div", _hoisted_4$o, 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,
@@ -32370,7 +32379,7 @@ const _hoisted_3$w = {
   key: 1,
   "data-cy": "did-you-mean-label"
 };
-const _hoisted_4$n = { key: 1 };
+const _hoisted_4$o = { key: 1 };
 const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsDidYouMean",
   props: {
@@ -32421,7 +32430,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
                 class: "lupa-did-you-mean lupa-highlighted-search-text",
                 "data-cy": "did-you-mean-value",
                 onClick: _cache[0] || (_cache[0] = ($event) => goToResults({ searchText: didYouMeanValue.value }))
-              }, toDisplayString(didYouMeanValue.value) + " ", 1)) : (openBlock(), createElementBlock("span", _hoisted_4$n, toDisplayString(label) + " ", 1))
+              }, toDisplayString(didYouMeanValue.value) + " ", 1)) : (openBlock(), createElementBlock("span", _hoisted_4$o, toDisplayString(label) + " ", 1))
             ]);
           }), 128))
         ])) : createCommentVNode("", true)
@@ -32471,7 +32480,7 @@ const _hoisted_3$v = {
   key: 1,
   class: "lupa-results-total-count"
 };
-const _hoisted_4$m = { class: "lupa-results-total-count-number" };
+const _hoisted_4$n = { class: "lupa-results-total-count-number" };
 const _hoisted_5$f = ["innerHTML"];
 const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsTitle",
@@ -32521,7 +32530,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
           queryText.value && !searchResultsTitleTemplate.value ? (openBlock(), createElementBlock("span", _hoisted_2$G, "'" + toDisplayString(queryText.value) + "'", 1)) : createCommentVNode("", true),
           showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$v, [
             createTextVNode("(" + toDisplayString(searchResultsCountLabel.value), 1),
-            createBaseVNode("span", _hoisted_4$m, toDisplayString(unref(totalItems)), 1),
+            createBaseVNode("span", _hoisted_4$n, toDisplayString(unref(totalItems)), 1),
             _cache[0] || (_cache[0] = createTextVNode(")"))
           ])) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
@@ -32603,7 +32612,7 @@ const _hoisted_3$u = {
   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$_ = /* @__PURE__ */ defineComponent({
   __name: "CurrentFilters",
   props: {
@@ -32695,7 +32704,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
           }, null, 2)) : createCommentVNode("", true)
         ]),
         !_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$u, [
-          createBaseVNode("div", _hoisted_4$l, [
+          createBaseVNode("div", _hoisted_4$m, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(currentDisplayFilters.value, (filter) => {
               return openBlock(), createBlock(_sfc_main$$, {
                 key: filter.key + "_" + filter.value,
@@ -32764,7 +32773,7 @@ const _hoisted_1$R = {
 };
 const _hoisted_2$D = { class: "lupa-category-back" };
 const _hoisted_3$t = ["href"];
-const _hoisted_4$k = ["href"];
+const _hoisted_4$l = ["href"];
 const _hoisted_5$e = { class: "lupa-child-category-list" };
 const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "CategoryFilter",
@@ -32871,7 +32880,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
             href: parentUrlLink.value,
             class: normalizeClass({ "lupa-title-category": !hasBackButton.value }),
             onClick: handleNavigationParent
-          }, toDisplayString(parentTitle.value), 11, _hoisted_4$k)
+          }, toDisplayString(parentTitle.value), 11, _hoisted_4$l)
         ], 2),
         createBaseVNode("div", _hoisted_5$e, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(categoryChildren.value, (child) => {
@@ -32892,7 +32901,7 @@ const _hoisted_1$Q = {
 };
 const _hoisted_2$C = ["placeholder"];
 const _hoisted_3$s = { class: "lupa-terms-list" };
-const _hoisted_4$j = ["onClick"];
+const _hoisted_4$k = ["onClick"];
 const _hoisted_5$d = { class: "lupa-term-checkbox-wrapper" };
 const _hoisted_6$7 = { class: "lupa-term-label" };
 const _hoisted_7$4 = {
@@ -33024,7 +33033,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
                 createBaseVNode("span", _hoisted_6$7, toDisplayString(getItemLabel(item)), 1),
                 _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_7$4, "(" + toDisplayString(item.count) + ")", 1)) : createCommentVNode("", true)
               ], 2)
-            ], 10, _hoisted_4$j);
+            ], 10, _hoisted_4$k);
           }), 128))
         ]),
         displayShowMore.value ? (openBlock(), createElementBlock("div", {
@@ -33941,7 +33950,7 @@ const _hoisted_3$r = {
   key: 1,
   class: "lupa-stats-facet-summary-input"
 };
-const _hoisted_4$i = { class: "lupa-stats-from" };
+const _hoisted_4$j = { class: "lupa-stats-from" };
 const _hoisted_5$c = {
   key: 0,
   class: "lupa-stats-range-label"
@@ -34179,7 +34188,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$P, [
         !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$B, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$r, [
-          createBaseVNode("div", _hoisted_4$i, [
+          createBaseVNode("div", _hoisted_4$j, [
             rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_5$c, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
             withDirectives(createBaseVNode("input", {
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
@@ -34248,7 +34257,7 @@ const _hoisted_3$q = {
   key: 0,
   class: "lupa-term-count"
 };
-const _hoisted_4$h = {
+const _hoisted_4$i = {
   key: 0,
   class: "lupa-facet-level"
 };
@@ -34318,7 +34327,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
             _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_3$q, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
           ], 2)
         ]),
-        showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_4$h, [
+        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,
@@ -34866,7 +34875,7 @@ const _hoisted_1$I = {
 };
 const _hoisted_2$w = { class: "lupa-mobile-sidebar-content" };
 const _hoisted_3$o = { class: "lupa-sidebar-top" };
-const _hoisted_4$g = { class: "lupa-sidebar-title" };
+const _hoisted_4$h = { class: "lupa-sidebar-title" };
 const _hoisted_5$b = {
   key: 0,
   class: "lupa-sidebar-filter-count"
@@ -34911,7 +34920,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
         }),
         createBaseVNode("div", _hoisted_2$w, [
           createBaseVNode("div", _hoisted_3$o, [
-            createBaseVNode("div", _hoisted_4$g, [
+            createBaseVNode("div", _hoisted_4$h, [
               createTextVNode(toDisplayString(sidebarTitle.value) + " ", 1),
               isFilterCountVisible.value ? (openBlock(), createElementBlock("span", _hoisted_5$b, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
             ]),
@@ -34938,7 +34947,7 @@ const _hoisted_3$n = {
   key: 1,
   class: "lupa-search-results-breadcrumb-text"
 };
-const _hoisted_4$f = { key: 2 };
+const _hoisted_4$g = { key: 2 };
 const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsBreadcrumbs",
   props: {
@@ -34980,7 +34989,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
                 return handleNavigation(e2, (_a26 = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a26 : "");
               }
             }, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$v)) : (openBlock(), createElementBlock("span", _hoisted_3$n, toDisplayString(getLabel(breadcrumb.label)), 1)),
-            index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$f, toDisplayString((_a25 = breadcrumb.separator) != null ? _a25 : "/"), 1)) : createCommentVNode("", true)
+            index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$g, toDisplayString((_a25 = breadcrumb.separator) != null ? _a25 : "/"), 1)) : createCommentVNode("", true)
           ]);
         }), 128))
       ]);
@@ -35143,7 +35152,7 @@ const _hoisted_2$u = {
   class: "lupa-page-number-separator"
 };
 const _hoisted_3$m = ["onClick"];
-const _hoisted_4$e = {
+const _hoisted_4$f = {
   key: 0,
   class: "lupa-page-number-separator"
 };
@@ -35249,7 +35258,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
           }, toDisplayString(page), 11, _hoisted_3$m);
         }), 128)),
         showLastPage.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-          showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_4$e, "...")) : 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] = () => {
@@ -35277,7 +35286,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",
@@ -35327,7 +35336,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)
         ])
       ]);
     };
@@ -35342,7 +35351,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",
@@ -35413,7 +35422,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]
           ])
         ])
@@ -35427,7 +35436,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 = {
@@ -35555,7 +35564,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,
@@ -35608,7 +35617,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"
@@ -35676,7 +35685,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));
     };
   }
 });
@@ -35719,7 +35728,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"];
@@ -35769,7 +35778,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))
           ]),
           createBaseVNode("div", _hoisted_5$6, [
@@ -35862,7 +35871,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",
@@ -35931,7 +35940,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
             "data-cy": "lupa-add-to-cart",
             disabled: !inStockValue.value || loading.value
           }, _ctx.dynamicAttributes, { onClick: handleClick }), [
-            createBaseVNode("a", { href: _ctx.link }, toDisplayString(label.value), 9, _hoisted_4$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,
@@ -35949,7 +35958,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",
@@ -35978,7 +35987,11 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       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;
       }
@@ -35994,7 +36007,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
         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));
@@ -36021,7 +36034,11 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     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;
       }
@@ -36041,7 +36058,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: {
@@ -36079,7 +36096,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
         createBaseVNode("a", {
           href: ratingLink.value,
           class: "lupa-total-ratings"
-        }, toDisplayString(totalRatings.value), 9, _hoisted_4$6)
+        }, toDisplayString(totalRatings.value), 9, _hoisted_4$7)
       ]);
     };
   }
@@ -36436,7 +36453,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 = {
@@ -36497,7 +36514,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)
             ]),
             createBaseVNode("div", _hoisted_7, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(similarQuery.items, (product, index2) => {
@@ -36829,7 +36846,7 @@ const extractRelatedSource = (source, searchResults2, 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"
@@ -36941,7 +36958,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           }, 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)
         ])
       ]);
@@ -37168,7 +37185,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"
@@ -37216,7 +37233,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           }, 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)
         ])
       ]);
@@ -37360,7 +37377,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"
@@ -37581,7 +37598,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),
@@ -37617,7 +37634,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"
 };
@@ -37677,7 +37694,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),
@@ -39594,12 +39611,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"
@@ -39643,6 +39661,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 recommendations2.value.length > 0;
     });
@@ -39732,6 +39754,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 __spreadValues2({}, processExtractionObject(props.options.recommendationFilters));
+    });
     const loadLupaRecommendations = () => __async2(null, null, function* () {
       var _a25, _b25;
       recommendationsType.value = "recommendations_lupasearch";
@@ -39740,7 +39765,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) {
@@ -39758,14 +39783,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))
@@ -39789,7 +39822,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(recommendations2.value, (product, index) => {
                 return openBlock(), createBlock(_sfc_main$t, {
                   style: normalizeStyle(columnSize.value),