@getlupa/client 1.14.0 → 1.14.4

package/dist/lupaSearch.mjs

@@ -8559,11 +8559,11 @@ const useSearchBoxStore = defineStore("searchBox", () => {
 const _hoisted_1$1d = { id: "lupa-search-box-input-container" };
 const _hoisted_2$S = { class: "lupa-input-clear" };
 const _hoisted_3$B = { id: "lupa-search-box-input" };
-const _hoisted_4$t = ["value"];
-const _hoisted_5$j = ["aria-label", "placeholder"];
-const _hoisted_6$9 = /* @__PURE__ */ createBaseVNode("span", { class: "lupa-search-submit-icon" }, null, -1);
+const _hoisted_4$s = ["value"];
+const _hoisted_5$k = ["aria-label", "placeholder"];
+const _hoisted_6$a = /* @__PURE__ */ createBaseVNode("span", { class: "lupa-search-submit-icon" }, null, -1);
 const _hoisted_7$7 = [
-  _hoisted_6$9
+  _hoisted_6$a
 ];
 const _hoisted_8$3 = {
   key: 0,
@@ -8666,7 +8666,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
             "aria-hidden": "true",
             value: showHint.value ? suggestedValue.value.item.suggestion : "",
             disabled: ""
-          }, null, 8, _hoisted_4$t),
+          }, null, 8, _hoisted_4$s),
           withDirectives(createBaseVNode("input", mergeProps({
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
           }, inputAttributes.value, {
@@ -8680,7 +8680,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
             placeholder: labels.value.placeholder,
             onInput: handleInput,
             onFocus: handleFocus
-          }), null, 16, _hoisted_5$j), [
+          }), null, 16, _hoisted_5$k), [
             [vModelText, inputValue.value]
           ]),
           _ctx.options.showSubmitButton ? (openBlock(), createElementBlock("button", {
@@ -8839,6 +8839,34 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const generateGridTemplate = (elements) => {
+  const indexedElements = elements.map((el, index) => __spreadProps2(__spreadValues2({}, el), { index }));
+  if (!indexedElements.length || !indexedElements.every((el) => el.gridArea === "left" || el.gridArea === "right")) {
+    return void 0;
+  }
+  let leftElements = indexedElements.filter((el) => el.gridArea === "left");
+  let rightElements = indexedElements.filter((el) => el.gridArea === "right");
+  if (!leftElements.length && !rightElements.length) {
+    return "";
+  } else if (!leftElements.length) {
+    leftElements = rightElements;
+  } else if (!rightElements.length) {
+    rightElements = leftElements;
+  }
+  const totalRows = Math.max(leftElements.length, rightElements.length);
+  const gridTemplate = [];
+  for (let row = 0; row < totalRows; row++) {
+    const leftIndex = row < leftElements.length ? row : leftElements.length - 1;
+    const rightIndex = row < rightElements.length ? row : rightElements.length - 1;
+    const leftElement = leftElements[leftIndex];
+    const rightElement = rightElements[rightIndex];
+    const leftColumn = `${leftElement.gridArea}${leftElement.index}`;
+    const rightColumn = `${rightElement.gridArea}${rightElement.index}`;
+    const gridRow = `${leftColumn} ${rightColumn}`;
+    gridTemplate.push(`"${gridRow}"`);
+  }
+  return gridTemplate.join(" ");
+};
 const _hoisted_1$19 = ["innerHTML"];
 const _hoisted_2$Q = {
   key: 1,
@@ -8850,11 +8878,11 @@ const _hoisted_3$A = {
   class: "lupa-suggestion-facet",
   "data-cy": "lupa-suggestion-facet"
 };
-const _hoisted_4$s = {
+const _hoisted_4$r = {
   class: "lupa-suggestion-facet-label",
   "data-cy": "lupa-suggestion-facet-label"
 };
-const _hoisted_5$i = {
+const _hoisted_5$j = {
   class: "lupa-suggestion-facet-value",
   "data-cy": "lupa-suggestion-facet-value"
 };
@@ -8896,8 +8924,8 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
           innerHTML: _ctx.suggestion.displayHighlight
         }, null, 8, _hoisted_1$19)) : (openBlock(), createElementBlock("div", _hoisted_2$Q, toDisplayString(_ctx.suggestion.display), 1)),
         _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
-          createBaseVNode("span", _hoisted_4$s, toDisplayString(facetLabel.value), 1),
-          createBaseVNode("span", _hoisted_5$i, toDisplayString(_ctx.suggestion.facet.title), 1)
+          createBaseVNode("span", _hoisted_4$r, toDisplayString(facetLabel.value), 1),
+          createBaseVNode("span", _hoisted_5$j, toDisplayString(_ctx.suggestion.facet.title), 1)
         ])) : createCommentVNode("", true)
       ]);
     };
@@ -9037,6 +9065,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
       });
     };
     const getSuggestionsDebounced = debounce$1(getSuggestions, props.debounce);
+    watch(() => props.panel.limit, getSuggestionsDebounced);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1h, {
         items: searchResult.value,
@@ -18157,6 +18186,25 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
       var _a;
       return Boolean((_a = hoverImages.value) == null ? void 0 : _a.length);
     });
+    const widthOverride = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.options.dimensions) == null ? void 0 : _a.width) != null ? _b : void 0;
+    });
+    const heightOverride = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.options.dimensions) == null ? void 0 : _a.height) != null ? _b : void 0;
+    });
+    const objectFitOverride = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.options.dimensions) == null ? void 0 : _a.objectFit) != null ? _b : void 0;
+    });
+    const styleOverride = computed(() => {
+      return {
+        width: widthOverride.value ? `${widthOverride.value}px` : void 0,
+        height: heightOverride.value ? `${heightOverride.value}px` : void 0,
+        objectFit: objectFitOverride.value ? objectFitOverride.value : void 0
+      };
+    });
     const replaceWithPlaceholder = (e2) => {
       replaceImageWithPlaceholder(e2, placeholder.value);
     };
@@ -18221,6 +18269,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass({ [_ctx.wrapperClass]: Boolean(_ctx.wrapperClass), "lupa-images-hover": isHover.value }),
+        style: normalizeStyle(styleOverride.value),
         onMouseenter: handleMouseEnter,
         onMouseleave: handleMouseLeave
       }, [
@@ -18231,6 +18280,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             (openBlock(), createElementBlock("img", mergeProps({
               class: ["lupa-images-hover-image", { [_ctx.imageClass]: true, "lupa-images-hover-image": isHover.value }],
+              style: styleOverride.value,
               src: finalUrl.value
             }, { alt: imageAlt.value ? imageAlt.value : void 0 }, {
               onError: replaceWithPlaceholder,
@@ -18241,9 +18291,10 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
         })) : (openBlock(), createElementBlock("img", mergeProps({
           key: 1,
           class: ["lupa-images-main-image", { [_ctx.imageClass]: true }],
+          style: styleOverride.value,
           src: finalMainImageUrl.value
         }, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_2$P))
-      ], 34);
+      ], 38);
     };
   }
 });
@@ -18385,8 +18436,8 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
 const _hoisted_1$13 = ["innerHTML"];
 const _hoisted_2$M = { key: 0 };
 const _hoisted_3$z = { key: 1 };
-const _hoisted_4$r = { class: "lupa-search-box-custom-label" };
-const _hoisted_5$h = { class: "lupa-search-box-custom-text" };
+const _hoisted_4$q = { class: "lupa-search-box-custom-label" };
+const _hoisted_5$i = { class: "lupa-search-box-custom-text" };
 const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductCustom",
   props: {
@@ -18418,8 +18469,8 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
         class: [className.value, "lupa-search-box-product-custom"]
       }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
         !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$M, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$z, [
-          createBaseVNode("div", _hoisted_4$r, toDisplayString(label.value), 1),
-          createBaseVNode("div", _hoisted_5$h, toDisplayString(text.value), 1)
+          createBaseVNode("div", _hoisted_4$q, toDisplayString(label.value), 1),
+          createBaseVNode("div", _hoisted_5$i, toDisplayString(text.value), 1)
         ]))
       ], 16));
     };
@@ -18825,7 +18876,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
 const _hoisted_1$$ = { class: "lupa-badge-title" };
 const _hoisted_2$K = ["src"];
 const _hoisted_3$x = { key: 1 };
-const _hoisted_4$q = {
+const _hoisted_4$p = {
   key: 0,
   class: "lupa-badge-full-text"
 };
@@ -18869,7 +18920,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
           }, null, 8, _hoisted_2$K)) : createCommentVNode("", true),
           hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$x, toDisplayString(_ctx.badge.titleText), 1)) : createCommentVNode("", true)
         ]),
-        hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$q, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
+        hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$p, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
       ], 6);
     };
   }
@@ -19093,9 +19144,8 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
   }
 }));
 const _hoisted_1$V = ["href"];
-const _hoisted_2$I = { class: "lupa-search-box-product-image-section" };
-const _hoisted_3$w = { class: "lupa-search-box-product-details-section" };
-const _hoisted_4$p = {
+const _hoisted_2$I = { class: "lupa-search-box-product-details-section" };
+const _hoisted_3$w = {
   key: 0,
   class: "lupa-search-box-product-add-to-cart-section"
 };
@@ -19123,6 +19173,25 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
       var _a, _b;
       return (_b = (_a = props.panelOptions.elements) == null ? void 0 : _a.filter((e2) => e2.type === DocumentElementType.IMAGE)) != null ? _b : [];
     });
+    const mainImageElement = computed(() => {
+      return imageElements.value[0];
+    });
+    const widthOverride = computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = (_a = mainImageElement.value) == null ? void 0 : _a.dimensions) == null ? void 0 : _b.width) != null ? _c : void 0;
+    });
+    const heightOverride = computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = (_a = mainImageElement.value) == null ? void 0 : _a.dimensions) == null ? void 0 : _b.height) != null ? _c : void 0;
+    });
+    const imageStyleOverride = computed(() => {
+      var _a;
+      return ((_a = mainImageElement.value) == null ? void 0 : _a.dimensions) ? {
+        width: widthOverride.value ? `${widthOverride.value}px` : void 0,
+        height: heightOverride.value ? `${heightOverride.value}px` : void 0,
+        minWidth: widthOverride.value ? `${widthOverride.value + 10}px` : void 0
+      } : {};
+    });
     const detailElements = computed(() => {
       var _a, _b;
       return (_b = (_a = props.panelOptions.elements) == null ? void 0 : _a.filter(
@@ -19161,7 +19230,10 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
         "data-cy": "lupa-search-box-product",
         onClick: handleClick
       }), [
-        createBaseVNode("div", _hoisted_2$I, [
+        createBaseVNode("div", {
+          class: "lupa-search-box-product-image-section",
+          style: normalizeStyle(imageStyleOverride.value)
+        }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
             return openBlock(), createBlock(_sfc_main$16, {
               class: "lupa-search-box-product-element",
@@ -19172,8 +19244,8 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
               link: link.value
             }, null, 8, ["item", "element", "labels", "link"]);
           }), 128))
-        ]),
-        createBaseVNode("div", _hoisted_3$w, [
+        ], 4),
+        createBaseVNode("div", _hoisted_2$I, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
             var _a;
             return openBlock(), createBlock(_sfc_main$16, {
@@ -19197,7 +19269,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
             ]), 1032, ["item", "element", "labels", "link"]);
           }), 128))
         ]),
-        addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$p, [
+        addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_3$w, [
           createVNode(_sfc_main$16, {
             class: "lupa-search-box-product-element",
             item: _ctx.item,
@@ -19455,6 +19527,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
       });
     };
     const getItemsDebounced = debounce$1(getItems, props.debounce);
+    watch(() => props.panel.limit, getItemsDebounced);
     return (_ctx, _cache) => {
       var _a, _b;
       return openBlock(), createBlock(_sfc_main$_, {
@@ -19591,7 +19664,7 @@ const _hoisted_4$o = {
   key: 1,
   class: "lupa-panel-title"
 };
-const _hoisted_5$g = {
+const _hoisted_5$h = {
   key: 1,
   id: "lupa-search-box-panel"
 };
@@ -19643,6 +19716,13 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
     const displayPanels = computed(
       () => props.isSearchContainer ? panels.value.filter((p2) => p2.type === SearchBoxPanelType.SUGGESTION) : panels.value
     );
+    const gridTemplate = computed(() => generateGridTemplate(panels.value));
+    const styleOverrides = computed(() => {
+      return {
+        display: expandOnSinglePanel.value ? "block" : "grid",
+        gridTemplateAreas: gridTemplate.value ? gridTemplate.value : "left right"
+      };
+    });
     const getInput = (panel) => {
       var _a, _b;
       if (panel.type === SearchBoxPanelType.SUGGESTION || !panel.searchBySuggestion) {
@@ -19669,6 +19749,9 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
       searchBoxStore.resetHighlightIndex();
     });
     const handleNavigation = (e2) => {
+      if (!props.focused) {
+        return;
+      }
       switch (e2.key) {
         case "ArrowDown":
           e2.preventDefault();
@@ -19756,7 +19839,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
           }, toDisplayString(labels.value.closePanel), 1)) : createCommentVNode("", true),
           createBaseVNode("div", {
             class: "lupa-main-panel",
-            style: normalizeStyle(expandOnSinglePanel.value ? { display: "block" } : {}),
+            style: normalizeStyle(styleOverrides.value),
             "data-cy": "lupa-main-panel"
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(displayPanels.value, (panel, index) => {
@@ -19767,6 +19850,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
                   "lupa-panel-" + panel.type + "-index",
                   panel.customClassName ? panel.customClassName : ""
                 ]),
+                style: normalizeStyle(panel.gridArea ? { gridArea: `${panel.gridArea}${index}` } : {}),
                 "data-cy": "lupa-panel-" + panel.type + "-index"
               }, [
                 ((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$v, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
@@ -19792,7 +19876,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
                     key: "0"
                   } : void 0
                 ]), 1064, ["panel", "search-box-options", "options", "debounce", "inputValue", "labels"])) : createCommentVNode("", true)
-              ], 10, _hoisted_2$G);
+              ], 14, _hoisted_2$G);
             }), 128))
           ], 4),
           !unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1j, {
@@ -19805,7 +19889,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
             showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
             onGoToResults: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("go-to-results"))
           }, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
-        ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_5$g, [
+        ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_5$h, [
           createVNode(_sfc_main$1k, {
             options: _ctx.options.history,
             history: history.value,
@@ -19856,6 +19940,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     const inputValue = ref("");
     const suggestedValue = ref(defaultSuggestedValue);
     const opened = ref(props.isSearchContainer);
+    const focused = ref(false);
     const searchBoxInput = ref(null);
     const { highlightedDocument } = storeToRefs(searchBoxStore);
     const searchValue = computed(() => {
@@ -19914,6 +19999,9 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
       const elementClass = (_b = (_a2 = e2.target) == null ? void 0 : _a2.className) != null ? _b : "";
       const hasLupaClass = typeof elementClass.includes == "function" && elementClass.includes("lupa-search-box");
       const isOutsideElement = el && !el.contains(e2.target) && !hasLupaClass;
+      if (isOutsideElement && props.options.keepOpen) {
+        focused.value = false;
+      }
       if (!isOutsideElement || props.options.keepOpen) {
         return;
       }
@@ -19922,11 +20010,12 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     };
     const close = () => {
       opened.value = false;
+      focused.value = false;
       suggestedValue.value = defaultSuggestedValue;
     };
     const handleKeyDown = (e2) => {
       var _a2, _b;
-      if (!opened.value) {
+      if (!focused.value) {
         return;
       }
       switch (e2.key) {
@@ -19946,6 +20035,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     const handleInput = (value) => {
       var _a2;
       opened.value = true;
+      focused.value = true;
       inputValue.value = (_a2 = value == null ? void 0 : value.replace(/\s+$/, "")) != null ? _a2 : "";
       suggestedValue.value = defaultSuggestedValue;
       searchBoxStore.resetHighlightIndex();
@@ -20073,12 +20163,14 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
         }
       });
     };
+    watch(() => props.options.debounce, handleCurrentValueSearch);
     const resetValues = () => {
       inputValue.value = "";
       suggestedValue.value = defaultSuggestedValue;
     };
     const handleProductClick = () => {
       opened.value = false;
+      focused.value = false;
     };
     const slotProps = (props2) => {
       return __spreadValues2({}, props2);
@@ -20095,15 +20187,17 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
             ref_key: "searchBoxInput",
             ref: searchBoxInput,
             onInput: handleInput,
-            onFocus: _cache[0] || (_cache[0] = ($event) => opened.value = true),
+            onBlur: _cache[0] || (_cache[0] = ($event) => focused.value = false),
+            onFocus: _cache[1] || (_cache[1] = ($event) => opened.value = true),
             onSearch: handleSearch,
-            onClose: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
+            onClose: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("close"))
           }, null, 8, ["options", "suggestedValue", "can-close", "emit-input-on-focus"]),
           opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$W, {
             key: 0,
             options: panelOptions.value,
             inputValue: inputValue.value,
             isSearchContainer: _ctx.isSearchContainer,
+            focused: focused.value,
             onFetched: handleItemsFetch,
             onItemSelect: handleItemSelect,
             onGoToResults: handleSearch,
@@ -20117,7 +20211,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
               ]),
               key: "0"
             } : void 0
-          ]), 1032, ["options", "inputValue", "isSearchContainer"])) : createCommentVNode("", true)
+          ]), 1032, ["options", "inputValue", "isSearchContainer", "focused"])) : createCommentVNode("", true)
         ])
       ]);
     };
@@ -20301,7 +20395,7 @@ const _hoisted_3$t = {
   class: "lupa-results-total-count"
 };
 const _hoisted_4$m = { class: "lupa-results-total-count-number" };
-const _hoisted_5$f = ["innerHTML"];
+const _hoisted_5$g = ["innerHTML"];
 const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsTitle",
   props: {
@@ -20358,7 +20452,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
           key: 2,
           class: "lupa-result-page-description-top",
           innerHTML: descriptionTop.value
-        }, null, 8, _hoisted_5$f)) : createCommentVNode("", true)
+        }, null, 8, _hoisted_5$g)) : createCommentVNode("", true)
       ]);
     };
   }
@@ -20557,7 +20651,7 @@ const _hoisted_1$K = {
 const _hoisted_2$z = { class: "lupa-category-back" };
 const _hoisted_3$q = ["href"];
 const _hoisted_4$k = ["href"];
-const _hoisted_5$e = { class: "lupa-child-category-list" };
+const _hoisted_5$f = { class: "lupa-child-category-list" };
 const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "CategoryFilter",
   props: {
@@ -20663,7 +20757,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
             onClick: handleNavigationParent
           }, toDisplayString(parentTitle.value), 11, _hoisted_4$k)
         ], 2),
-        createBaseVNode("div", _hoisted_5$e, [
+        createBaseVNode("div", _hoisted_5$f, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(categoryChildren.value, (child) => {
             return openBlock(), createBlock(_sfc_main$P, {
               key: getCategoryKey(child),
@@ -20683,8 +20777,8 @@ const _hoisted_1$J = {
 const _hoisted_2$y = ["placeholder"];
 const _hoisted_3$p = { class: "lupa-terms-list" };
 const _hoisted_4$j = ["onClick"];
-const _hoisted_5$d = { class: "lupa-term-checkbox-wrapper" };
-const _hoisted_6$8 = { class: "lupa-term-checkbox-label" };
+const _hoisted_5$e = { class: "lupa-term-checkbox-wrapper" };
+const _hoisted_6$9 = { class: "lupa-term-checkbox-label" };
 const _hoisted_7$6 = { class: "lupa-term-label" };
 const _hoisted_8$2 = {
   key: 0,
@@ -20781,12 +20875,12 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
               key: item.title,
               onClick: ($event) => handleFacetClick(item)
             }, [
-              createBaseVNode("div", _hoisted_5$d, [
+              createBaseVNode("div", _hoisted_5$e, [
                 createBaseVNode("span", {
                   class: normalizeClass(["lupa-term-checkbox", { checked: isChecked(item) }])
                 }, null, 2)
               ]),
-              createBaseVNode("div", _hoisted_6$8, [
+              createBaseVNode("div", _hoisted_6$9, [
                 createBaseVNode("span", _hoisted_7$6, toDisplayString(item.title), 1),
                 _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_8$2, "(" + toDisplayString(item.count) + ")", 1)) : createCommentVNode("", true)
               ])
@@ -21794,8 +21888,8 @@ const _hoisted_4$i = {
   key: 0,
   class: "lupa-stats-range-label"
 };
-const _hoisted_5$c = { class: "lupa-stats-from" };
-const _hoisted_6$7 = ["max", "min", "pattern", "aria-label"];
+const _hoisted_5$d = { class: "lupa-stats-from" };
+const _hoisted_6$8 = ["max", "min", "pattern", "aria-label"];
 const _hoisted_7$5 = { key: 0 };
 const _hoisted_8$1 = /* @__PURE__ */ createBaseVNode("div", { class: "lupa-stats-separator" }, null, -1);
 const _hoisted_9$1 = {
@@ -21986,7 +22080,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
         !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$x, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$o, [
           createBaseVNode("div", null, [
             rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$i, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
-            createBaseVNode("div", _hoisted_5$c, [
+            createBaseVNode("div", _hoisted_5$d, [
               withDirectives(createBaseVNode("input", {
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
                 type: "text",
@@ -21995,7 +22089,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
                 min: facetMin.value,
                 pattern: sliderInputFormat.value,
                 "aria-label": ariaLabelFrom.value
-              }, null, 8, _hoisted_6$7), [
+              }, null, 8, _hoisted_6$8), [
                 [
                   vModelText,
                   fromValue.value,
@@ -22056,7 +22150,7 @@ const _hoisted_4$h = {
   key: 0,
   class: "lupa-term-count"
 };
-const _hoisted_5$b = {
+const _hoisted_5$c = {
   key: 0,
   class: "lupa-facet-level"
 };
@@ -22116,7 +22210,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
             _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_4$h, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
           ])
         ]),
-        showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_5$b, [
+        showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_5$c, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(treeItem.value.children, (itemChild) => {
             return openBlock(), createBlock(_component_HierarchyFacetLevel, {
               key: itemChild.title,
@@ -22626,8 +22720,8 @@ const _hoisted_1$A = {
 const _hoisted_2$r = ["onClick"];
 const _hoisted_3$l = { class: "lupa-mobile-sidebar-content" };
 const _hoisted_4$g = { class: "lupa-sidebar-top" };
-const _hoisted_5$a = { class: "lupa-sidebar-title" };
-const _hoisted_6$6 = {
+const _hoisted_5$b = { class: "lupa-sidebar-title" };
+const _hoisted_6$7 = {
   key: 0,
   class: "lupa-sidebar-filter-count"
 };
@@ -22670,9 +22764,9 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
         }, null, 8, _hoisted_2$r),
         createBaseVNode("div", _hoisted_3$l, [
           createBaseVNode("div", _hoisted_4$g, [
-            createBaseVNode("div", _hoisted_5$a, [
+            createBaseVNode("div", _hoisted_5$b, [
               createTextVNode(toDisplayString(sidebarTitle.value) + " ", 1),
-              isFilterCountVisible.value ? (openBlock(), createElementBlock("span", _hoisted_6$6, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
+              isFilterCountVisible.value ? (openBlock(), createElementBlock("span", _hoisted_6$7, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
             ]),
             createBaseVNode("div", {
               class: "lupa-filter-toggle-mobile",
@@ -22976,7 +23070,7 @@ const _hoisted_1$u = {
 const _hoisted_2$o = { id: "lupa-select" };
 const _hoisted_3$i = { class: "lupa-select-label" };
 const _hoisted_4$d = ["aria-label"];
-const _hoisted_5$9 = ["value"];
+const _hoisted_5$a = ["value"];
 const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsPageSize",
   props: {
@@ -23020,7 +23114,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
               return openBlock(), createElementBlock("option", {
                 key: option,
                 value: option
-              }, toDisplayString(prefixLabel.value) + toDisplayString(option), 9, _hoisted_5$9);
+              }, toDisplayString(prefixLabel.value) + toDisplayString(option), 9, _hoisted_5$a);
             }), 128))
           ], 40, _hoisted_4$d)
         ])
@@ -23035,7 +23129,7 @@ const _hoisted_1$t = {
 const _hoisted_2$n = { id: "lupa-select" };
 const _hoisted_3$h = { class: "lupa-select-label" };
 const _hoisted_4$c = ["aria-label"];
-const _hoisted_5$8 = ["value"];
+const _hoisted_5$9 = ["value"];
 const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsSort",
   props: {
@@ -23100,7 +23194,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
               return openBlock(), createElementBlock("option", {
                 key: option.key,
                 value: option.key
-              }, toDisplayString(option.label), 9, _hoisted_5$8);
+              }, toDisplayString(option.label), 9, _hoisted_5$9);
             }), 128))
           ], 40, _hoisted_4$c), [
             [vModelSelect, selectedKey.value]
@@ -23117,8 +23211,8 @@ const _hoisted_2$m = {
 };
 const _hoisted_3$g = { key: 2 };
 const _hoisted_4$b = { key: 4 };
-const _hoisted_5$7 = { key: 6 };
-const _hoisted_6$5 = { class: "lupa-toolbar-right" };
+const _hoisted_5$8 = { key: 6 };
+const _hoisted_6$6 = { class: "lupa-toolbar-right" };
 const _hoisted_7$3 = {
   key: 0,
   class: "lupa-toolbar-right-title"
@@ -23246,9 +23340,9 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
             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"])) : (openBlock(), createElementBlock("div", _hoisted_5$7))
+          }, null, 8, ["options", "last-page-label", "first-page-label"])) : (openBlock(), createElementBlock("div", _hoisted_5$8))
         ]),
-        createBaseVNode("div", _hoisted_6$5, [
+        createBaseVNode("div", _hoisted_6$6, [
           toolbarRightLabel.value ? (openBlock(), createElementBlock("div", _hoisted_7$3, toDisplayString(toolbarRightLabel.value), 1)) : createCommentVNode("", true),
           createVNode(_sfc_main$A, {
             label: optionsValue.value.labels.mobileFilterButton,
@@ -23286,13 +23380,15 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$r = ["innerHTML"];
+const _hoisted_1$r = ["title", "innerHTML"];
 const _hoisted_2$l = ["title"];
-const _hoisted_3$f = {
+const _hoisted_3$f = ["href", "innerHTML"];
+const _hoisted_4$a = ["title"];
+const _hoisted_5$7 = {
   key: 0,
   class: "lupa-search-results-product-title-text"
 };
-const _hoisted_4$a = ["href"];
+const _hoisted_6$5 = ["href"];
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProductTitle",
   props: {
@@ -23324,25 +23420,38 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       handleRoutingEvent(props.link, event, hasEventRouting.value);
     };
     return (_ctx, _cache) => {
-      return isHtml.value ? (openBlock(), createElementBlock("div", {
+      return isHtml.value && !_ctx.options.link ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: "lupa-search-results-product-title",
         style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
+        title: sanitizedTitle.value,
         innerHTML: sanitizedTitle.value
-      }, null, 12, _hoisted_1$r)) : (openBlock(), createElementBlock("div", {
+      }, null, 12, _hoisted_1$r)) : isHtml.value && _ctx.options.link ? (openBlock(), createElementBlock("div", {
         key: 1,
         class: "lupa-search-results-product-title",
         style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
+        title: sanitizedTitle.value
+      }, [
+        createBaseVNode("a", {
+          href: _ctx.link,
+          class: "lupa-search-results-product-title-text lupa-title-link",
+          innerHTML: sanitizedTitle.value,
+          onClick: handleNavigation
+        }, null, 8, _hoisted_3$f)
+      ], 12, _hoisted_2$l)) : (openBlock(), createElementBlock("div", {
+        key: 2,
+        class: "lupa-search-results-product-title",
+        style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
         title: title.value
       }, [
-        !_ctx.options.link ? (openBlock(), createElementBlock("span", _hoisted_3$f, toDisplayString(title.value), 1)) : createCommentVNode("", true),
+        !_ctx.options.link ? (openBlock(), createElementBlock("span", _hoisted_5$7, toDisplayString(title.value), 1)) : createCommentVNode("", true),
         _ctx.options.link ? (openBlock(), createElementBlock("a", {
           key: 1,
           href: _ctx.link,
           class: "lupa-search-results-product-title-text lupa-title-link",
           onClick: handleNavigation
-        }, toDisplayString(title.value), 9, _hoisted_4$a)) : createCommentVNode("", true)
-      ], 12, _hoisted_2$l));
+        }, toDisplayString(title.value), 9, _hoisted_6$5)) : createCommentVNode("", true)
+      ], 12, _hoisted_4$a));
     };
   }
 });