@getlupa/client 1.13.0 → 1.13.4

package/dist/lupaSearch.umd.js

@@ -8545,7 +8545,7 @@ var __async2 = (__this, __arguments, generator) => {
       resetHighlightIndex
     };
   });
-  const _hoisted_1$1f = { id: "lupa-search-box-input-container" };
+  const _hoisted_1$1d = { id: "lupa-search-box-input-container" };
   const _hoisted_2$R = { class: "lupa-input-clear" };
   const _hoisted_3$B = { id: "lupa-search-box-input" };
   const _hoisted_4$t = ["value"];
@@ -8642,7 +8642,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
       __expose({ focus });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$1f, [
+        return openBlock(), createElementBlock("div", _hoisted_1$1d, [
           createBaseVNode("div", _hoisted_2$R, [
             createBaseVNode("div", {
               class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
@@ -8720,7 +8720,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$1e = { class: "lupa-search-box-history-item" };
+  const _hoisted_1$1c = { class: "lupa-search-box-history-item" };
   const _hoisted_2$Q = { class: "lupa-search-box-history-item-content" };
   const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxHistoryItem",
@@ -8738,7 +8738,7 @@ var __async2 = (__this, __arguments, generator) => {
         emit2("click", { query: props.item });
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$1e, [
+        return openBlock(), createElementBlock("div", _hoisted_1$1c, [
           createBaseVNode("div", _hoisted_2$Q, [
             createBaseVNode("div", {
               class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
@@ -8753,7 +8753,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$1d = {
+  const _hoisted_1$1b = {
     key: 0,
     class: "lupa-search-box-history-panel"
   };
@@ -8798,7 +8798,7 @@ var __async2 = (__this, __arguments, generator) => {
         }
       };
       return (_ctx, _cache) => {
-        return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1d, [
+        return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1b, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(history), (item, index) => {
             return openBlock(), createBlock(_sfc_main$1l, {
               key: item,
@@ -8816,7 +8816,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$1c = { class: "lupa-search-box-no-results" };
+  const _hoisted_1$1a = { class: "lupa-search-box-no-results" };
   const _sfc_main$1j = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxNoResults",
     props: {
@@ -8824,11 +8824,11 @@ var __async2 = (__this, __arguments, generator) => {
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("p", _hoisted_1$1c, toDisplayString(_ctx.labels.noResults), 1);
+        return openBlock(), createElementBlock("p", _hoisted_1$1a, toDisplayString(_ctx.labels.noResults), 1);
       };
     }
   });
-  const _hoisted_1$1b = ["innerHTML"];
+  const _hoisted_1$19 = ["innerHTML"];
   const _hoisted_2$P = {
     key: 1,
     "data-cy": "lupa-suggestion-value",
@@ -8883,7 +8883,7 @@ var __async2 = (__this, __arguments, generator) => {
             class: "lupa-suggestion-value",
             "data-cy": "lupa-suggestion-value",
             innerHTML: _ctx.suggestion.displayHighlight
-          }, null, 8, _hoisted_1$1b)) : (openBlock(), createElementBlock("div", _hoisted_2$P, toDisplayString(_ctx.suggestion.display), 1)),
+          }, null, 8, _hoisted_1$19)) : (openBlock(), createElementBlock("div", _hoisted_2$P, 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)
@@ -8892,7 +8892,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$1a = {
+  const _hoisted_1$18 = {
     id: "lupa-search-box-suggestions",
     "data-cy": "lupa-search-box-suggestions"
   };
@@ -8956,7 +8956,7 @@ var __async2 = (__this, __arguments, generator) => {
         });
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$1a, [
+        return openBlock(), createElementBlock("div", _hoisted_1$18, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
             return openBlock(), createBlock(_sfc_main$1i, {
               key: getSuggestionKey(item),
@@ -9131,7 +9131,7 @@ var __async2 = (__this, __arguments, generator) => {
       targetImage.src = placeholder;
     }
   };
-  const _hoisted_1$19 = ["src"];
+  const _hoisted_1$17 = ["src"];
   const _sfc_main$1f = /* @__PURE__ */ defineComponent({
     __name: "ProductImage",
     props: {
@@ -9250,7 +9250,7 @@ var __async2 = (__this, __arguments, generator) => {
               }, { alt: imageAlt.value ? imageAlt.value : void 0 }, {
                 onError: replaceWithPlaceholder,
                 key: finalUrl.value
-              }), null, 16, _hoisted_1$19))
+              }), null, 16, _hoisted_1$17))
             ]),
             _: 1
           })
@@ -9275,7 +9275,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$18 = ["innerHTML"];
+  const _hoisted_1$16 = ["innerHTML"];
   const _hoisted_2$O = {
     key: 1,
     class: "lupa-search-box-product-title"
@@ -9300,13 +9300,13 @@ var __async2 = (__this, __arguments, generator) => {
           key: 0,
           class: "lupa-search-box-product-title",
           innerHTML: title.value
-        }, null, 8, _hoisted_1$18)) : (openBlock(), createElementBlock("div", _hoisted_2$O, [
+        }, null, 8, _hoisted_1$16)) : (openBlock(), createElementBlock("div", _hoisted_2$O, [
           createBaseVNode("strong", null, toDisplayString(title.value), 1)
         ]));
       };
     }
   });
-  const _hoisted_1$17 = ["innerHTML"];
+  const _hoisted_1$15 = ["innerHTML"];
   const _hoisted_2$N = {
     key: 1,
     class: "lupa-search-box-product-description"
@@ -9331,11 +9331,11 @@ var __async2 = (__this, __arguments, generator) => {
           key: 0,
           class: "lupa-search-box-product-description",
           innerHTML: description.value
-        }, null, 8, _hoisted_1$17)) : (openBlock(), createElementBlock("div", _hoisted_2$N, toDisplayString(description.value), 1));
+        }, null, 8, _hoisted_1$15)) : (openBlock(), createElementBlock("div", _hoisted_2$N, toDisplayString(description.value), 1));
       };
     }
   });
-  const _hoisted_1$16 = { class: "lupa-search-box-product-price" };
+  const _hoisted_1$14 = { class: "lupa-search-box-product-price" };
   const _sfc_main$1b = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductPrice",
     props: {
@@ -9354,13 +9354,12 @@ var __async2 = (__this, __arguments, generator) => {
         );
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$16, [
+        return openBlock(), createElementBlock("div", _hoisted_1$14, [
           createBaseVNode("strong", null, toDisplayString(price.value), 1)
         ]);
       };
     }
   });
-  const _hoisted_1$15 = { class: "lupa-search-box-product-regular-price" };
   const _sfc_main$1a = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductRegularPrice",
     props: {
@@ -9370,6 +9369,9 @@ var __async2 = (__this, __arguments, generator) => {
     },
     setup(__props) {
       const props = __props;
+      const className = computed(() => {
+        return props.options.className;
+      });
       const price = computed(() => {
         var _a, _b;
         return formatPrice(
@@ -9379,11 +9381,13 @@ var __async2 = (__this, __arguments, generator) => {
         );
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$15, toDisplayString(price.value), 1);
+        return openBlock(), createElementBlock("div", {
+          class: normalizeClass([className.value, "lupa-search-box-product-regular-price"])
+        }, toDisplayString(price.value), 3);
       };
     }
   });
-  const _hoisted_1$14 = ["innerHTML"];
+  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" };
@@ -9414,7 +9418,7 @@ var __async2 = (__this, __arguments, generator) => {
           key: 0,
           class: [className.value, "lupa-search-box-product-custom"],
           innerHTML: text.value
-        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$14)) : (openBlock(), createElementBlock("div", mergeProps({
+        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$13)) : (openBlock(), createElementBlock("div", mergeProps({
           key: 1,
           class: [className.value, "lupa-search-box-product-custom"]
         }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
@@ -9426,7 +9430,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$13 = ["innerHTML"];
+  const _hoisted_1$12 = ["innerHTML"];
   const _sfc_main$18 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductCustomHtml",
     props: {
@@ -9447,7 +9451,7 @@ var __async2 = (__this, __arguments, generator) => {
         return openBlock(), createElementBlock("div", mergeProps({
           class: className.value,
           innerHTML: text.value
-        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$13);
+        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$12);
       };
     }
   });
@@ -9675,7 +9679,7 @@ var __async2 = (__this, __arguments, generator) => {
       filterVisibleFilterValues
     };
   });
-  const _hoisted_1$12 = { class: "lupa-search-box-add-to-cart-wrapper" };
+  const _hoisted_1$11 = { class: "lupa-search-box-add-to-cart-wrapper" };
   const _hoisted_2$L = { class: "lupa-search-box-product-addtocart" };
   const _hoisted_3$y = ["onClick", "disabled"];
   const _sfc_main$17 = /* @__PURE__ */ defineComponent({
@@ -9705,7 +9709,7 @@ var __async2 = (__this, __arguments, generator) => {
         loading.value = false;
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$12, [
+        return openBlock(), createElementBlock("div", _hoisted_1$11, [
           createBaseVNode("div", _hoisted_2$L, [
             createBaseVNode("button", {
               onClick: withModifiers(handleClick, ["stop", "prevent"]),
@@ -9719,7 +9723,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$11 = {
+  const _hoisted_1$10 = {
     key: 1,
     class: "lupa-search-box-element-badge-wrapper"
   };
@@ -9793,7 +9797,7 @@ var __async2 = (__this, __arguments, generator) => {
             class: normalizeClass({ "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) }),
             inStock: _ctx.isInStock
           }, null, 8, ["item", "options", "labels", "class", "inStock"])) : createCommentVNode("", true)
-        ], 64)) : (openBlock(), createElementBlock("div", _hoisted_1$11, [
+        ], 64)) : (openBlock(), createElementBlock("div", _hoisted_1$10, [
           displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
             key: 0,
             item: enhancedItem.value,
@@ -9807,7 +9811,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   }));
-  const _hoisted_1$10 = { class: "lupa-badge-title" };
+  const _hoisted_1$$ = { class: "lupa-badge-title" };
   const _hoisted_2$K = ["src"];
   const _hoisted_3$x = { key: 1 };
   const _hoisted_4$q = {
@@ -9847,7 +9851,7 @@ var __async2 = (__this, __arguments, generator) => {
           class: normalizeClass(["lupa-dynamic-badge", customClassName.value]),
           style: normalizeStyle({ background: _ctx.badge.backgroundColor, color: _ctx.badge.color })
         }, [
-          createBaseVNode("span", _hoisted_1$10, [
+          createBaseVNode("span", _hoisted_1$$, [
             image.value ? (openBlock(), createElementBlock("img", {
               key: 0,
               src: image.value
@@ -9859,7 +9863,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$$ = { class: "lupa-generated-badges" };
+  const _hoisted_1$_ = { class: "lupa-generated-badges" };
   const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     __name: "SearchResultGeneratedBadges",
     props: {
@@ -9886,7 +9890,7 @@ var __async2 = (__this, __arguments, generator) => {
         })).filter((b) => Boolean(b.id));
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$$, [
+        return openBlock(), createElementBlock("div", _hoisted_1$_, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(badges.value, (badge) => {
             return openBlock(), createBlock(_sfc_main$15, {
               key: badge.id,
@@ -9898,7 +9902,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$_ = ["innerHTML"];
+  const _hoisted_1$Z = ["innerHTML"];
   const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     __name: "CustomBadge",
     props: {
@@ -9918,11 +9922,11 @@ var __async2 = (__this, __arguments, generator) => {
         return openBlock(), createElementBlock("div", {
           class: normalizeClass(className.value),
           innerHTML: text.value
-        }, null, 10, _hoisted_1$_);
+        }, null, 10, _hoisted_1$Z);
       };
     }
   });
-  const _hoisted_1$Z = { class: "lupa-text-badges" };
+  const _hoisted_1$Y = { class: "lupa-text-badges" };
   const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     __name: "TextBadge",
     props: {
@@ -9938,7 +9942,7 @@ var __async2 = (__this, __arguments, generator) => {
         return badges.value.slice(0, props.badge.maxItems);
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$Z, [
+        return openBlock(), createElementBlock("div", _hoisted_1$Y, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
             return openBlock(), createElementBlock("div", {
               class: "lupa-badge lupa-text-badge",
@@ -9949,7 +9953,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$Y = { class: "lupa-image-badges" };
+  const _hoisted_1$X = { class: "lupa-image-badges" };
   const _hoisted_2$J = ["src"];
   const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     __name: "ImageBadge",
@@ -9971,7 +9975,7 @@ var __async2 = (__this, __arguments, generator) => {
         return `${props.badge.rootImageUrl}${src}`;
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$Y, [
+        return openBlock(), createElementBlock("div", _hoisted_1$X, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
             return openBlock(), createElementBlock("div", {
               class: "lupa-badge lupa-image-badge",
@@ -9986,7 +9990,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$X = { id: "lupa-search-results-badges" };
+  const _hoisted_1$W = { id: "lupa-search-results-badges" };
   const __default__$3 = {
     components: {
       CustomBadge: _sfc_main$13,
@@ -10050,7 +10054,7 @@ var __async2 = (__this, __arguments, generator) => {
         }
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$X, [
+        return openBlock(), createElementBlock("div", _hoisted_1$W, [
           createBaseVNode("div", {
             id: "lupa-badges",
             class: normalizeClass(anchorPosition.value)
@@ -10070,7 +10074,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   }));
-  const _hoisted_1$W = ["href"];
+  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 = {
@@ -10182,7 +10186,7 @@ var __async2 = (__this, __arguments, generator) => {
               isInStock: isInStock.value
             }, null, 8, ["item", "element", "labels", "link", "isInStock"])
           ])) : createCommentVNode("", true)
-        ], 16, _hoisted_1$W);
+        ], 16, _hoisted_1$V);
       };
     }
   });
@@ -10243,7 +10247,7 @@ var __async2 = (__this, __arguments, generator) => {
     };
     return { trackSearch, trackResults, trackEvent };
   });
-  const _hoisted_1$V = { id: "lupa-search-box-products" };
+  const _hoisted_1$U = { id: "lupa-search-box-products" };
   const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProducts",
     props: {
@@ -10305,7 +10309,7 @@ var __async2 = (__this, __arguments, generator) => {
         handleRoutingEvent(link, event, boxRoutingBehavior.value === "event");
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$V, [
+        return openBlock(), createElementBlock("div", _hoisted_1$U, [
           _ctx.$slots.productCard ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.items, (item, index) => {
             return renderSlot(_ctx.$slots, "productCard", {
               key: index,
@@ -10332,7 +10336,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$U = { class: "lupa-search-box-documents-go-to-results-wrapper" };
+  const _hoisted_1$T = { class: "lupa-search-box-documents-go-to-results-wrapper" };
   const _hoisted_2$H = { key: 0 };
   const _sfc_main$Z = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductsGoToResultsButton",
@@ -10364,7 +10368,7 @@ var __async2 = (__this, __arguments, generator) => {
         emit2("goToResults");
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$U, [
+        return openBlock(), createElementBlock("div", _hoisted_1$T, [
           createBaseVNode("button", {
             class: "lupa-search-box-documents-go-to-results-button",
             onClick: goToResults
@@ -10553,7 +10557,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$T = {
+  const _hoisted_1$S = {
     key: 0,
     id: "lupa-search-box-panel"
   };
@@ -10723,7 +10727,7 @@ var __async2 = (__this, __arguments, generator) => {
           ref_key: "panelContainer",
           ref: panelContainer
         }, [
-          displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$T, [
+          displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$S, [
             labels.value.closePanel ? (openBlock(), createElementBlock("a", {
               key: 0,
               class: "lupa-search-box-close-panel",
@@ -10806,7 +10810,7 @@ var __async2 = (__this, __arguments, generator) => {
     const elements = getElements(triggers);
     elements.forEach((e2) => e2 == null ? void 0 : e2.removeEventListener(BIND_EVENT, event));
   };
-  const _hoisted_1$S = { id: "lupa-search-box" };
+  const _hoisted_1$R = { id: "lupa-search-box" };
   const _hoisted_2$F = { class: "lupa-search-box-wrapper" };
   const _sfc_main$V = /* @__PURE__ */ defineComponent({
     __name: "SearchBox",
@@ -10923,6 +10927,7 @@ var __async2 = (__this, __arguments, generator) => {
         opened.value = true;
         inputValue.value = (_a2 = value == null ? void 0 : value.replace(/\s+$/, "")) != null ? _a2 : "";
         suggestedValue.value = defaultSuggestedValue;
+        searchBoxStore.resetHighlightIndex();
         trackSearchQuery(value);
         if (props.isSearchContainer) {
           goToResultsDebounced({
@@ -11059,7 +11064,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
       return (_ctx, _cache) => {
         var _a2;
-        return openBlock(), createElementBlock("div", _hoisted_1$S, [
+        return openBlock(), createElementBlock("div", _hoisted_1$R, [
           createBaseVNode("div", _hoisted_2$F, [
             createVNode(_sfc_main$1n, {
               options: inputOptions.value,
@@ -11161,7 +11166,7 @@ var __async2 = (__this, __arguments, generator) => {
     }
     return searchParams;
   };
-  const _hoisted_1$R = {
+  const _hoisted_1$Q = {
     key: 0,
     id: "lupa-search-results-did-you-mean"
   };
@@ -11206,7 +11211,7 @@ var __async2 = (__this, __arguments, generator) => {
         paramStore.goToResults({ searchText, facet });
       };
       return (_ctx, _cache) => {
-        return unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_1$R, [
+        return unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_1$Q, [
           unref(searchResult).suggestedSearchText ? (openBlock(), createElementBlock("div", _hoisted_2$E, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.labels.noResultsSuggestion.split(" "), (label, index) => {
               return openBlock(), createElementBlock("span", { key: index }, [
@@ -11232,7 +11237,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$Q = {
+  const _hoisted_1$P = {
     key: 0,
     class: "lupa-search-results-summary"
   };
@@ -11252,7 +11257,7 @@ var __async2 = (__this, __arguments, generator) => {
         return addParamsToLabel(props.label, range, `<span>${totalItems.value}</span>`);
       });
       return (_ctx, _cache) => {
-        return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$Q, [
+        return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$P, [
           createBaseVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$D),
           _ctx.clearable ? (openBlock(), createElementBlock("span", {
             key: 0,
@@ -11264,7 +11269,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$P = {
+  const _hoisted_1$O = {
     key: 0,
     class: "lupa-result-page-title",
     "data-cy": "lupa-result-page-title"
@@ -11315,7 +11320,7 @@ var __async2 = (__this, __arguments, generator) => {
       });
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", null, [
-          showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$P, [
+          showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$O, [
             createTextVNode(toDisplayString(_ctx.options.labels.searchResults), 1),
             queryText.value ? (openBlock(), createElementBlock("span", _hoisted_2$C, "'" + toDisplayString(queryText.value) + "'", 1)) : createCommentVNode("", true),
             showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$t, [
@@ -11337,7 +11342,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$O = { class: "lupa-search-result-filter-value" };
+  const _hoisted_1$N = { class: "lupa-search-result-filter-value" };
   const _hoisted_2$B = {
     class: "lupa-current-filter-label",
     "data-cy": "lupa-current-filter-label"
@@ -11358,7 +11363,7 @@ var __async2 = (__this, __arguments, generator) => {
         emit2("remove", { filter: props.filter });
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$O, [
+        return openBlock(), createElementBlock("div", _hoisted_1$N, [
           createBaseVNode("div", {
             class: "lupa-current-filter-action",
             onClick: handleClick
@@ -11369,7 +11374,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$N = { class: "lupa-filter-title-text" };
+  const _hoisted_1$M = { class: "lupa-filter-title-text" };
   const _hoisted_2$A = {
     key: 0,
     class: "lupa-filter-count"
@@ -11452,7 +11457,7 @@ var __async2 = (__this, __arguments, generator) => {
             class: "lupa-current-filter-title",
             onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
           }, [
-            createBaseVNode("div", _hoisted_1$N, [
+            createBaseVNode("div", _hoisted_1$M, [
               createTextVNode(toDisplayString((_c = (_b = (_a = _ctx.options) == null ? void 0 : _a.labels) == null ? void 0 : _b.title) != null ? _c : "") + " ", 1),
               _ctx.expandable ? (openBlock(), createElementBlock("span", _hoisted_2$A, " (" + toDisplayString(unref(currentFilterCount)) + ") ", 1)) : createCommentVNode("", true)
             ]),
@@ -11481,7 +11486,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$M = ["href"];
+  const _hoisted_1$L = ["href"];
   const _sfc_main$P = /* @__PURE__ */ defineComponent({
     __name: "CategoryFilterItem",
     props: {
@@ -11519,12 +11524,12 @@ var __async2 = (__this, __arguments, generator) => {
             "data-cy": "lupa-child-category-item",
             href: urlLink.value,
             onClick: handleNavigation
-          }, toDisplayString(title.value), 9, _hoisted_1$M)
+          }, toDisplayString(title.value), 9, _hoisted_1$L)
         ], 2);
       };
     }
   });
-  const _hoisted_1$L = {
+  const _hoisted_1$K = {
     class: "lupa-category-filter",
     "data-cy": "lupa-category-filter"
   };
@@ -11618,7 +11623,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$L, [
+        return openBlock(), createElementBlock("div", _hoisted_1$K, [
           createBaseVNode("div", _hoisted_2$z, [
             hasBackButton.value ? (openBlock(), createElementBlock("a", {
               key: 0,
@@ -11650,7 +11655,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$K = {
+  const _hoisted_1$J = {
     class: "lupa-search-result-facet-term-values",
     "data-cy": "lupa-search-result-facet-term-values"
   };
@@ -11737,7 +11742,7 @@ var __async2 = (__this, __arguments, generator) => {
         return selectedItems == null ? void 0 : selectedItems.includes((_b = item.title) == null ? void 0 : _b.toString());
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$K, [
+        return openBlock(), createElementBlock("div", _hoisted_1$J, [
           isFilterable.value ? withDirectives((openBlock(), createElementBlock("input", {
             key: 0,
             class: "lupa-term-filter",
@@ -12755,7 +12760,7 @@ var __async2 = (__this, __arguments, generator) => {
   m.render = function(e2, t, r, i, n, o) {
     return openBlock(), createElementBlock("div", mergeProps(e2.sliderProps, { ref: "slider" }), null, 16);
   }, m.__file = "src/Slider.vue";
-  const _hoisted_1$J = { class: "lupa-search-result-facet-stats-values" };
+  const _hoisted_1$I = { class: "lupa-search-result-facet-stats-values" };
   const _hoisted_2$x = {
     key: 0,
     class: "lupa-stats-facet-summary"
@@ -12956,7 +12961,7 @@ var __async2 = (__this, __arguments, generator) => {
         innerSliderRange.value = value;
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$J, [
+        return openBlock(), createElementBlock("div", _hoisted_1$I, [
           !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),
@@ -13023,7 +13028,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$I = { class: "lupa-term-checkbox-wrapper" };
+  const _hoisted_1$H = { class: "lupa-term-checkbox-wrapper" };
   const _hoisted_2$w = { class: "lupa-term-checkbox-label" };
   const _hoisted_3$n = { class: "lupa-term-label" };
   const _hoisted_4$h = {
@@ -13080,7 +13085,7 @@ var __async2 = (__this, __arguments, generator) => {
             "data-cy": "lupa-facet-term",
             onClick: _cache[0] || (_cache[0] = ($event) => handleFacetClick(_ctx.item))
           }, [
-            createBaseVNode("div", _hoisted_1$I, [
+            createBaseVNode("div", _hoisted_1$H, [
               createBaseVNode("span", {
                 class: normalizeClass(["lupa-term-checkbox", { checked: isChecked.value }])
               }, null, 2)
@@ -13106,7 +13111,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$H = {
+  const _hoisted_1$G = {
     class: "lupa-search-result-facet-term-values lupa-search-result-facet-hierarchy-values",
     "data-cy": "lupa-search-result-facet-term-values"
   };
@@ -13162,7 +13167,7 @@ var __async2 = (__this, __arguments, generator) => {
         showAll.value = true;
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$H, [
+        return openBlock(), createElementBlock("div", _hoisted_1$G, [
           isFilterable.value ? (openBlock(), createElementBlock("div", _hoisted_2$v, [
             withDirectives(createBaseVNode("input", {
               class: "lupa-term-filter",
@@ -13194,7 +13199,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$G = { class: "lupa-facet-label-text" };
+  const _hoisted_1$F = { class: "lupa-facet-label-text" };
   const _hoisted_2$u = {
     key: 0,
     class: "lupa-facet-content",
@@ -13319,7 +13324,7 @@ var __async2 = (__this, __arguments, generator) => {
             "data-cy": "lupa-search-result-facet-label",
             onClick: toggleFacet
           }, [
-            createBaseVNode("div", _hoisted_1$G, toDisplayString(facet.value.label), 1),
+            createBaseVNode("div", _hoisted_1$F, toDisplayString(facet.value.label), 1),
             createBaseVNode("div", {
               class: normalizeClass(["lupa-facet-label-caret", isOpen.value && "open"])
             }, null, 2)
@@ -13342,7 +13347,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   }));
-  const _hoisted_1$F = { class: "lupa-search-result-facet-section" };
+  const _hoisted_1$E = { class: "lupa-search-result-facet-section" };
   const _hoisted_2$t = {
     key: 0,
     class: "lupa-facets-title"
@@ -13381,7 +13386,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
       return (_ctx, _cache) => {
         var _a;
-        return openBlock(), createElementBlock("div", _hoisted_1$F, [
+        return openBlock(), createElementBlock("div", _hoisted_1$E, [
           _ctx.options.labels.title ? (openBlock(), createElementBlock("div", _hoisted_2$t, toDisplayString(_ctx.options.labels.title), 1)) : createCommentVNode("", true),
           createBaseVNode("div", {
             class: normalizeClass(["lupa-search-result-facet-list", "lupa-" + ((_a = _ctx.facetStyle) != null ? _a : "")])
@@ -13403,7 +13408,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$E = ["onClick"];
+  const _hoisted_1$D = ["onClick"];
   const _sfc_main$H = /* @__PURE__ */ defineComponent({
     __name: "FacetsButton",
     props: {
@@ -13424,11 +13429,11 @@ var __async2 = (__this, __arguments, generator) => {
           key: 0,
           class: "lupa-facets-button-filter",
           onClick: withModifiers(handleClick, ["stop"])
-        }, toDisplayString(label.value), 9, _hoisted_1$E)) : createCommentVNode("", true);
+        }, toDisplayString(label.value), 9, _hoisted_1$D)) : createCommentVNode("", true);
       };
     }
   });
-  const _hoisted_1$D = { class: "lupa-search-result-facets" };
+  const _hoisted_1$C = { class: "lupa-search-result-facets" };
   const _hoisted_2$s = { class: "lupa-facets-filter-button-wrapper" };
   const _sfc_main$G = /* @__PURE__ */ defineComponent({
     __name: "Facets",
@@ -13513,7 +13518,7 @@ var __async2 = (__this, __arguments, generator) => {
         emit2("filter");
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$D, [
+        return openBlock(), createElementBlock("div", _hoisted_1$C, [
           regularFacets.value ? (openBlock(), createBlock(_sfc_main$I, {
             key: 0,
             options: _ctx.options,
@@ -13535,7 +13540,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$C = {
+  const _hoisted_1$B = {
     id: "lupa-search-result-filters",
     class: "lupa-search-result-filters"
   };
@@ -13572,7 +13577,7 @@ var __async2 = (__this, __arguments, generator) => {
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
         var _a;
-        return openBlock(), createElementBlock("div", _hoisted_1$C, [
+        return openBlock(), createElementBlock("div", _hoisted_1$B, [
           showCurrentFilters.value ? (openBlock(), createBlock(_sfc_main$Q, {
             key: 0,
             options: _ctx.options.currentFilters,
@@ -13593,7 +13598,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$B = {
+  const _hoisted_1$A = {
     key: 0,
     class: "lupa-mobile-filter-sidebar"
   };
@@ -13637,7 +13642,7 @@ var __async2 = (__this, __arguments, generator) => {
         handleMobileToggle();
       };
       return (_ctx, _cache) => {
-        return isMobileSidebarVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$B, [
+        return isMobileSidebarVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$A, [
           createBaseVNode("div", {
             class: "lupa-sidebar-close",
             onClick: withModifiers(handleMobileToggle, ["stop"])
@@ -13665,7 +13670,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$A = { id: "lupa-search-results-breadcrumbs" };
+  const _hoisted_1$z = { id: "lupa-search-results-breadcrumbs" };
   const _hoisted_2$q = ["href", "onClick"];
   const _hoisted_3$k = {
     key: 1,
@@ -13697,7 +13702,7 @@ var __async2 = (__this, __arguments, generator) => {
         handleRoutingEvent(link, event, hasEventRouting.value);
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$A, [
+        return openBlock(), createElementBlock("div", _hoisted_1$z, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(breadcrumbsValue.value, (breadcrumb, index) => {
             return openBlock(), createElementBlock("span", {
               class: "lupa-search-results-breadcrumb",
@@ -13719,9 +13724,9 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$z = {
+  const _hoisted_1$y = {
     id: "lupa-search-result-filters",
-    class: "lupa-search-result-filters"
+    class: "lupa-search-result-filters lupa-search-result-top-filters"
   };
   const _sfc_main$C = /* @__PURE__ */ defineComponent({
     __name: "FiltersTopDropdown",
@@ -13735,7 +13740,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
       return (_ctx, _cache) => {
         var _a;
-        return openBlock(), createElementBlock("div", _hoisted_1$z, [
+        return openBlock(), createElementBlock("div", _hoisted_1$y, [
           _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$G, {
             key: 0,
             options: _ctx.options.facets,
@@ -13747,7 +13752,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$y = { id: "lupa-search-results-layout-selection" };
+  const _hoisted_1$x = { id: "lupa-search-results-layout-selection" };
   const _sfc_main$B = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsLayoutSelection",
     setup(__props) {
@@ -13759,7 +13764,7 @@ var __async2 = (__this, __arguments, generator) => {
         searchResultStore.setLayout(layout2);
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$y, [
+        return openBlock(), createElementBlock("div", _hoisted_1$x, [
           createBaseVNode("div", {
             class: normalizeClass([
               "lupa-layout-selection-grid",
@@ -13781,7 +13786,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$x = {
+  const _hoisted_1$w = {
     key: 0,
     class: "lupa-mobile-toggle-filter-count"
   };
@@ -13803,12 +13808,12 @@ var __async2 = (__this, __arguments, generator) => {
           onClick: handleMobileToggle
         }, [
           createTextVNode(toDisplayString(_ctx.label) + " ", 1),
-          _ctx.showFilterCount && unref(currentFilterCount) > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$x, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
+          _ctx.showFilterCount && unref(currentFilterCount) > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$w, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
         ], 2);
       };
     }
   });
-  const _hoisted_1$w = {
+  const _hoisted_1$v = {
     key: 0,
     id: "lupa-search-results-page-select",
     "data-cy": "lupa-search-results-page-select"
@@ -13899,7 +13904,7 @@ var __async2 = (__this, __arguments, generator) => {
         }
       };
       return (_ctx, _cache) => {
-        return showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_1$w, [
+        return showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_1$v, [
           showBack.value ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(firstPageLabel.value === "<" ? "lupa-page-arrow" : "lupa-show-less"),
@@ -13943,7 +13948,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$v = {
+  const _hoisted_1$u = {
     id: "lupa-search-results-page-size",
     "data-cy": "lupa-search-results-page-size"
   };
@@ -13979,7 +13984,7 @@ var __async2 = (__this, __arguments, generator) => {
         });
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$v, [
+        return openBlock(), createElementBlock("div", _hoisted_1$u, [
           createBaseVNode("div", _hoisted_2$o, [
             createBaseVNode("label", _hoisted_3$i, toDisplayString(label.value), 1),
             createBaseVNode("select", {
@@ -14002,7 +14007,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$u = {
+  const _hoisted_1$t = {
     id: "lupa-search-results-sort",
     class: "lupa-search-results-sort"
   };
@@ -14059,7 +14064,7 @@ var __async2 = (__this, __arguments, generator) => {
         previousKey.value = selectedKey.value;
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$u, [
+        return openBlock(), createElementBlock("div", _hoisted_1$t, [
           createBaseVNode("div", _hoisted_2$n, [
             createBaseVNode("label", _hoisted_3$h, toDisplayString(_ctx.options.label), 1),
             withDirectives(createBaseVNode("select", {
@@ -14084,7 +14089,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$t = { class: "lupa-toolbar-left" };
+  const _hoisted_1$s = { class: "lupa-toolbar-left" };
   const _hoisted_2$m = {
     key: 0,
     class: "lupa-toolbar-right-title"
@@ -14206,7 +14211,7 @@ var __async2 = (__this, __arguments, generator) => {
           id: "lupa-search-results-toolbar",
           class: normalizeClass({ "lupa-filter-no-results": !hasResults.value })
         }, [
-          createBaseVNode("div", _hoisted_1$t, [
+          createBaseVNode("div", _hoisted_1$s, [
             toolbarLeftLabel.value ? (openBlock(), createElementBlock("div", _hoisted_2$m, toDisplayString(toolbarLeftLabel.value), 1)) : createCommentVNode("", true),
             showLayoutSelection.value ? (openBlock(), createBlock(_sfc_main$B, { key: 1 })) : (openBlock(), createElementBlock("div", _hoisted_3$g)),
             showItemSummary.value ? (openBlock(), createBlock(_sfc_main$T, {
@@ -14260,7 +14265,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$s = ["innerHTML"];
+  const _hoisted_1$r = ["innerHTML"];
   const _hoisted_2$l = ["title"];
   const _hoisted_3$f = {
     key: 0,
@@ -14300,7 +14305,7 @@ var __async2 = (__this, __arguments, generator) => {
           class: "lupa-search-results-product-title",
           style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
           innerHTML: title.value
-        }, null, 12, _hoisted_1$s)) : (openBlock(), createElementBlock("div", {
+        }, null, 12, _hoisted_1$r)) : (openBlock(), createElementBlock("div", {
           key: 1,
           class: "lupa-search-results-product-title",
           style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
@@ -14317,7 +14322,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$r = ["innerHTML"];
+  const _hoisted_1$q = ["innerHTML"];
   const _sfc_main$t = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductDescription",
     props: {
@@ -14342,7 +14347,7 @@ var __async2 = (__this, __arguments, generator) => {
           class: "lupa-search-results-product-description",
           style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
           innerHTML: description.value
-        }, null, 12, _hoisted_1$r)) : (openBlock(), createElementBlock("div", {
+        }, null, 12, _hoisted_1$q)) : (openBlock(), createElementBlock("div", {
           key: 1,
           class: "lupa-search-results-product-description",
           style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`)
@@ -14350,7 +14355,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$q = { id: "lupa-search-results-rating" };
+  const _hoisted_1$p = { id: "lupa-search-results-rating" };
   const _hoisted_2$k = { class: "lupa-ratings" };
   const _hoisted_3$e = { class: "lupa-ratings-base" };
   const _hoisted_4$9 = ["innerHTML"];
@@ -14389,7 +14394,7 @@ var __async2 = (__this, __arguments, generator) => {
         return generateLink(props.options.links.ratingDetails, props.item);
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$q, [
+        return openBlock(), createElementBlock("div", _hoisted_1$p, [
           createBaseVNode("div", _hoisted_2$k, [
             createBaseVNode("div", _hoisted_3$e, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(baseStars.value, (star, index) => {
@@ -14423,7 +14428,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$p = {
+  const _hoisted_1$o = {
     class: "lupa-search-results-product-regular-price",
     "data-cy": "lupa-search-results-product-regular-price"
   };
@@ -14445,14 +14450,10 @@ var __async2 = (__this, __arguments, generator) => {
         );
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$p, toDisplayString(price.value), 1);
+        return openBlock(), createElementBlock("div", _hoisted_1$o, toDisplayString(price.value), 1);
       };
     }
   });
-  const _hoisted_1$o = {
-    class: "lupa-search-results-product-price",
-    "data-cy": "lupa-search-results-product-price"
-  };
   const _sfc_main$q = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductPrice",
     props: {
@@ -14462,6 +14463,9 @@ var __async2 = (__this, __arguments, generator) => {
     },
     setup(__props) {
       const props = __props;
+      const className = computed(() => {
+        return props.options.className;
+      });
       const price = computed(() => {
         var _a, _b;
         return formatPrice(
@@ -14471,9 +14475,12 @@ var __async2 = (__this, __arguments, generator) => {
         );
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$o, [
+        return openBlock(), createElementBlock("div", {
+          class: normalizeClass([className.value, "lupa-search-results-product-price"]),
+          "data-cy": "lupa-search-results-product-price"
+        }, [
           createBaseVNode("strong", null, toDisplayString(price.value), 1)
-        ]);
+        ], 2);
       };
     }
   });
@@ -29590,7 +29597,8 @@ var __async2 = (__this, __arguments, generator) => {
       styleElement.innerHTML = `
       @import url('${baseStyleLink}');
       @import url('https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css') 
-      ${(_a = configuration2.customStyles) != null ? _a : ""}`;
+      ${(_a = configuration2.customStyles) != null ? _a : ""}
+    `;
     }
     document.head.appendChild(styleElement);
   });