@getlupa/vue 0.13.2 → 0.13.3

package/dist/lupaSearch.js

@@ -3299,7 +3299,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
     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"];
@@ -3396,7 +3396,7 @@ const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
     };
     __expose({ focus });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1f, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1d, [
         vue.createElementVNode("div", _hoisted_2$R, [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
@@ -3474,7 +3474,7 @@ const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-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__ */ vue.defineComponent({
   __name: "SearchBoxHistoryItem",
@@ -3492,7 +3492,7 @@ const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
       emit("click", { query: props.item });
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1e, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1c, [
         vue.createElementVNode("div", _hoisted_2$Q, [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
@@ -3507,7 +3507,7 @@ const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$1d = {
+const _hoisted_1$1b = {
   key: 0,
   class: "lupa-search-box-history-panel"
 };
@@ -3552,7 +3552,7 @@ const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return hasHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1d, [
+      return hasHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1b, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(history), (item, index) => {
           return vue.openBlock(), vue.createBlock(_sfc_main$1l, {
             key: item,
@@ -3570,7 +3570,7 @@ const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-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__ */ vue.defineComponent({
   __name: "SearchBoxNoResults",
   props: {
@@ -3578,11 +3578,11 @@ const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("p", _hoisted_1$1c, vue.toDisplayString(_ctx.labels.noResults), 1);
+      return vue.openBlock(), vue.createElementBlock("p", _hoisted_1$1a, vue.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",
@@ -3637,7 +3637,7 @@ const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
           class: "lupa-suggestion-value",
           "data-cy": "lupa-suggestion-value",
           innerHTML: _ctx.suggestion.displayHighlight
-        }, null, 8, _hoisted_1$1b)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$P, vue.toDisplayString(_ctx.suggestion.display), 1)),
+        }, null, 8, _hoisted_1$19)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$P, vue.toDisplayString(_ctx.suggestion.display), 1)),
         _ctx.suggestion.facet ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$A, [
           vue.createElementVNode("span", _hoisted_4$s, vue.toDisplayString(facetLabel.value), 1),
           vue.createElementVNode("span", _hoisted_5$i, vue.toDisplayString(_ctx.suggestion.facet.title), 1)
@@ -3646,7 +3646,7 @@ const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$1a = {
+const _hoisted_1$18 = {
   id: "lupa-search-box-suggestions",
   "data-cy": "lupa-search-box-suggestions"
 };
@@ -3710,7 +3710,7 @@ const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
       });
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1a, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$18, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items.value, (item, index) => {
           return vue.openBlock(), vue.createBlock(_sfc_main$1i, {
             key: getSuggestionKey(item),
@@ -3885,7 +3885,7 @@ const replaceImageWithPlaceholder = (e2, placeholder) => {
     targetImage.src = placeholder;
   }
 };
-const _hoisted_1$19 = ["src"];
+const _hoisted_1$17 = ["src"];
 const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
   __name: "ProductImage",
   props: {
@@ -4004,7 +4004,7 @@ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
             }, { alt: imageAlt.value ? imageAlt.value : void 0 }, {
               onError: replaceWithPlaceholder,
               key: finalUrl.value
-            }), null, 16, _hoisted_1$19))
+            }), null, 16, _hoisted_1$17))
           ]),
           _: 1
         })
@@ -4029,7 +4029,7 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$18 = ["innerHTML"];
+const _hoisted_1$16 = ["innerHTML"];
 const _hoisted_2$O = {
   key: 1,
   class: "lupa-search-box-product-title"
@@ -4054,13 +4054,13 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         class: "lupa-search-box-product-title",
         innerHTML: title.value
-      }, null, 8, _hoisted_1$18)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$O, [
+      }, null, 8, _hoisted_1$16)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$O, [
         vue.createElementVNode("strong", null, vue.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"
@@ -4085,11 +4085,11 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         class: "lupa-search-box-product-description",
         innerHTML: description.value
-      }, null, 8, _hoisted_1$17)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$N, vue.toDisplayString(description.value), 1));
+      }, null, 8, _hoisted_1$15)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$N, vue.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__ */ vue.defineComponent({
   __name: "SearchBoxProductPrice",
   props: {
@@ -4108,13 +4108,12 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
       );
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$16, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$14, [
         vue.createElementVNode("strong", null, vue.toDisplayString(price.value), 1)
       ]);
     };
   }
 });
-const _hoisted_1$15 = { class: "lupa-search-box-product-regular-price" };
 const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductRegularPrice",
   props: {
@@ -4124,6 +4123,9 @@ const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     const props = __props;
+    const className = vue.computed(() => {
+      return props.options.className;
+    });
     const price = vue.computed(() => {
       var _a, _b;
       return formatPrice(
@@ -4133,11 +4135,13 @@ const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
       );
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$15, vue.toDisplayString(price.value), 1);
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([className.value, "lupa-search-box-product-regular-price"])
+      }, vue.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" };
@@ -4168,7 +4172,7 @@ const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         class: [className.value, "lupa-search-box-product-custom"],
         innerHTML: text.value
-      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$14)) : (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$13)) : (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         key: 1,
         class: [className.value, "lupa-search-box-product-custom"]
       }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
@@ -4180,7 +4184,7 @@ const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$13 = ["innerHTML"];
+const _hoisted_1$12 = ["innerHTML"];
 const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductCustomHtml",
   props: {
@@ -4201,7 +4205,7 @@ const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         class: className.value,
         innerHTML: text.value
-      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$13);
+      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$12);
     };
   }
 });
@@ -4429,7 +4433,7 @@ const useSearchResultStore = defineStore("searchResult", () => {
     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__ */ vue.defineComponent({
@@ -4459,7 +4463,7 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
       loading.value = false;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$12, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$11, [
         vue.createElementVNode("div", _hoisted_2$L, [
           vue.createElementVNode("button", {
             onClick: vue.withModifiers(handleClick, ["stop", "prevent"]),
@@ -4473,7 +4477,7 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$11 = {
+const _hoisted_1$10 = {
   key: 1,
   class: "lupa-search-box-element-badge-wrapper"
 };
@@ -4547,7 +4551,7 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
           class: vue.normalizeClass({ "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) }),
           inStock: _ctx.isInStock
         }, null, 8, ["item", "options", "labels", "class", "inStock"])) : vue.createCommentVNode("", true)
-      ], 64)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$11, [
+      ], 64)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$10, [
         displayElement.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(elementComponent.value), {
           key: 0,
           item: enhancedItem.value,
@@ -4561,7 +4565,7 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
     };
   }
 }));
-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 = {
@@ -4601,7 +4605,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["lupa-dynamic-badge", customClassName.value]),
         style: vue.normalizeStyle({ background: _ctx.badge.backgroundColor, color: _ctx.badge.color })
       }, [
-        vue.createElementVNode("span", _hoisted_1$10, [
+        vue.createElementVNode("span", _hoisted_1$$, [
           image.value ? (vue.openBlock(), vue.createElementBlock("img", {
             key: 0,
             src: image.value
@@ -4613,7 +4617,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$$ = { class: "lupa-generated-badges" };
+const _hoisted_1$_ = { class: "lupa-generated-badges" };
 const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultGeneratedBadges",
   props: {
@@ -4640,7 +4644,7 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
       })).filter((b) => Boolean(b.id));
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$$, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$_, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(badges.value, (badge) => {
           return vue.openBlock(), vue.createBlock(_sfc_main$15, {
             key: badge.id,
@@ -4652,7 +4656,7 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$_ = ["innerHTML"];
+const _hoisted_1$Z = ["innerHTML"];
 const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
   __name: "CustomBadge",
   props: {
@@ -4672,11 +4676,11 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.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__ */ vue.defineComponent({
   __name: "TextBadge",
   props: {
@@ -4692,7 +4696,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
       return badges.value.slice(0, props.badge.maxItems);
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Z, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Y, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayBadges.value, (item) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             class: "lupa-badge lupa-text-badge",
@@ -4703,7 +4707,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-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__ */ vue.defineComponent({
   __name: "ImageBadge",
@@ -4725,7 +4729,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
       return `${props.badge.rootImageUrl}${src}`;
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Y, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$X, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayBadges.value, (item) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             class: "lupa-badge lupa-image-badge",
@@ -4740,7 +4744,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-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,
@@ -4804,7 +4808,7 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
       }
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$X, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$W, [
         vue.createElementVNode("div", {
           id: "lupa-badges",
           class: vue.normalizeClass(anchorPosition.value)
@@ -4824,7 +4828,7 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
     };
   }
 }));
-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 = {
@@ -4936,7 +4940,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
             isInStock: isInStock.value
           }, null, 8, ["item", "element", "labels", "link", "isInStock"])
         ])) : vue.createCommentVNode("", true)
-      ], 16, _hoisted_1$W);
+      ], 16, _hoisted_1$V);
     };
   }
 });
@@ -4997,7 +5001,7 @@ const useTrackingStore = defineStore("tracking", () => {
   };
   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__ */ vue.defineComponent({
   __name: "SearchBoxProducts",
   props: {
@@ -5059,7 +5063,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
       handleRoutingEvent(link, event, boxRoutingBehavior.value === "event");
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$V, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$U, [
         _ctx.$slots.productCard ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.items, (item, index) => {
           return vue.renderSlot(_ctx.$slots, "productCard", {
             key: index,
@@ -5086,7 +5090,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-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__ */ vue.defineComponent({
   __name: "SearchBoxProductsGoToResultsButton",
@@ -5118,7 +5122,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
       emit("goToResults");
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$U, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$T, [
         vue.createElementVNode("button", {
           class: "lupa-search-box-documents-go-to-results-button",
           onClick: goToResults
@@ -5307,7 +5311,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$T = {
+const _hoisted_1$S = {
   key: 0,
   id: "lupa-search-box-panel"
 };
@@ -5477,7 +5481,7 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
         ref_key: "panelContainer",
         ref: panelContainer
       }, [
-        displayResults.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$T, [
+        displayResults.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$S, [
           labels.value.closePanel ? (vue.openBlock(), vue.createElementBlock("a", {
             key: 0,
             class: "lupa-search-box-close-panel",
@@ -5560,7 +5564,7 @@ const unbindSearchTriggers = (triggers = [], event) => {
   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__ */ vue.defineComponent({
   __name: "SearchBox",
@@ -5814,7 +5818,7 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       var _a2;
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$S, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$R, [
         vue.createElementVNode("div", _hoisted_2$F, [
           vue.createVNode(_sfc_main$1n, {
             options: inputOptions.value,
@@ -5932,7 +5936,7 @@ const getInitialSearchResults = (options, getQueryParamName, defaultData) => __a
     options.options.onError(e2);
   }
 });
-const _hoisted_1$R = {
+const _hoisted_1$Q = {
   key: 0,
   id: "lupa-search-results-did-you-mean"
 };
@@ -5977,7 +5981,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
       paramStore.goToResults({ searchText, facet });
     };
     return (_ctx, _cache) => {
-      return vue.unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$R, [
+      return vue.unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Q, [
         vue.unref(searchResult).suggestedSearchText ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$E, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.labels.noResultsSuggestion.split(" "), (label, index) => {
             return vue.openBlock(), vue.createElementBlock("span", { key: index }, [
@@ -6003,7 +6007,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$Q = {
+const _hoisted_1$P = {
   key: 0,
   class: "lupa-search-results-summary"
 };
@@ -6023,7 +6027,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
       return addParamsToLabel(props.label, range, `<span>${totalItems.value}</span>`);
     });
     return (_ctx, _cache) => {
-      return vue.unref(totalItems) > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Q, [
+      return vue.unref(totalItems) > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$P, [
         vue.createElementVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$D),
         _ctx.clearable ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 0,
@@ -6035,7 +6039,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$P = {
+const _hoisted_1$O = {
   key: 0,
   class: "lupa-result-page-title",
   "data-cy": "lupa-result-page-title"
@@ -6086,7 +6090,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", null, [
-        showSearchTitle.value ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_1$P, [
+        showSearchTitle.value ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_1$O, [
           vue.createTextVNode(vue.toDisplayString(_ctx.options.labels.searchResults), 1),
           queryText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$C, "'" + vue.toDisplayString(queryText.value) + "'", 1)) : vue.createCommentVNode("", true),
           showProductCount.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$t, [
@@ -6108,7 +6112,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-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"
@@ -6129,7 +6133,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
       emit("remove", { filter: props.filter });
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [
         vue.createElementVNode("div", {
           class: "lupa-current-filter-action",
           onClick: handleClick
@@ -6140,7 +6144,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-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"
@@ -6223,7 +6227,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
           class: "lupa-current-filter-title",
           onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
         }, [
-          vue.createElementVNode("div", _hoisted_1$N, [
+          vue.createElementVNode("div", _hoisted_1$M, [
             vue.createTextVNode(vue.toDisplayString((_c = (_b = (_a = _ctx.options) == null ? void 0 : _a.labels) == null ? void 0 : _b.title) != null ? _c : "") + " ", 1),
             _ctx.expandable ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$A, " (" + vue.toDisplayString(vue.unref(currentFilterCount)) + ") ", 1)) : vue.createCommentVNode("", true)
           ]),
@@ -6252,7 +6256,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$M = ["href"];
+const _hoisted_1$L = ["href"];
 const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "CategoryFilterItem",
   props: {
@@ -6290,12 +6294,12 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
           "data-cy": "lupa-child-category-item",
           href: urlLink.value,
           onClick: handleNavigation
-        }, vue.toDisplayString(title.value), 9, _hoisted_1$M)
+        }, vue.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"
 };
@@ -6389,7 +6393,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
     };
     __expose({ fetch: fetch2 });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$L, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
         vue.createElementVNode("div", _hoisted_2$z, [
           hasBackButton.value ? (vue.openBlock(), vue.createElementBlock("a", {
             key: 0,
@@ -6421,7 +6425,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$K = {
+const _hoisted_1$J = {
   class: "lupa-search-result-facet-term-values",
   "data-cy": "lupa-search-result-facet-term-values"
 };
@@ -6508,7 +6512,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
       return selectedItems == null ? void 0 : selectedItems.includes((_b = item.title) == null ? void 0 : _b.toString());
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
         isFilterable.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
           key: 0,
           class: "lupa-term-filter",
@@ -7526,7 +7530,7 @@ var m = { name: "Slider", emits: ["input", "update:modelValue", "start", "slide"
 m.render = function(e2, t, r, i, n, o) {
   return vue.openBlock(), vue.createElementBlock("div", vue.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"
@@ -7727,7 +7731,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
       innerSliderRange.value = value;
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
         !isInputVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$x, vue.toDisplayString(statsSummary.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$o, [
           vue.createElementVNode("div", null, [
             rangeLabelFrom.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$i, vue.toDisplayString(rangeLabelFrom.value), 1)) : vue.createCommentVNode("", true),
@@ -7794,7 +7798,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-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 = {
@@ -7851,7 +7855,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
           "data-cy": "lupa-facet-term",
           onClick: _cache[0] || (_cache[0] = ($event) => handleFacetClick(_ctx.item))
         }, [
-          vue.createElementVNode("div", _hoisted_1$I, [
+          vue.createElementVNode("div", _hoisted_1$H, [
             vue.createElementVNode("span", {
               class: vue.normalizeClass(["lupa-term-checkbox", { checked: isChecked.value }])
             }, null, 2)
@@ -7877,7 +7881,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-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"
 };
@@ -7933,7 +7937,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
       showAll.value = true;
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
         isFilterable.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$v, [
           vue.withDirectives(vue.createElementVNode("input", {
             class: "lupa-term-filter",
@@ -7965,7 +7969,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-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",
@@ -8090,7 +8094,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
           "data-cy": "lupa-search-result-facet-label",
           onClick: toggleFacet
         }, [
-          vue.createElementVNode("div", _hoisted_1$G, vue.toDisplayString(facet.value.label), 1),
+          vue.createElementVNode("div", _hoisted_1$F, vue.toDisplayString(facet.value.label), 1),
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["lupa-facet-label-caret", isOpen.value && "open"])
           }, null, 2)
@@ -8113,7 +8117,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
     };
   }
 }));
-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"
@@ -8152,7 +8156,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       var _a;
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
         _ctx.options.labels.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$t, vue.toDisplayString(_ctx.options.labels.title), 1)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["lupa-search-result-facet-list", "lupa-" + ((_a = _ctx.facetStyle) != null ? _a : "")])
@@ -8174,7 +8178,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$E = ["onClick"];
+const _hoisted_1$D = ["onClick"];
 const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "FacetsButton",
   props: {
@@ -8195,11 +8199,11 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         class: "lupa-facets-button-filter",
         onClick: vue.withModifiers(handleClick, ["stop"])
-      }, vue.toDisplayString(label.value), 9, _hoisted_1$E)) : vue.createCommentVNode("", true);
+      }, vue.toDisplayString(label.value), 9, _hoisted_1$D)) : vue.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__ */ vue.defineComponent({
   __name: "Facets",
@@ -8284,7 +8288,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
       emit("filter");
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
         regularFacets.value ? (vue.openBlock(), vue.createBlock(_sfc_main$I, {
           key: 0,
           options: _ctx.options,
@@ -8306,7 +8310,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$C = {
+const _hoisted_1$B = {
   id: "lupa-search-result-filters",
   class: "lupa-search-result-filters"
 };
@@ -8343,7 +8347,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     __expose({ fetch: fetch2 });
     return (_ctx, _cache) => {
       var _a;
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
         showCurrentFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$Q, {
           key: 0,
           options: _ctx.options.currentFilters,
@@ -8364,7 +8368,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$B = {
+const _hoisted_1$A = {
   key: 0,
   class: "lupa-mobile-filter-sidebar"
 };
@@ -8408,7 +8412,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
       handleMobileToggle();
     };
     return (_ctx, _cache) => {
-      return isMobileSidebarVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
+      return isMobileSidebarVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
         vue.createElementVNode("div", {
           class: "lupa-sidebar-close",
           onClick: vue.withModifiers(handleMobileToggle, ["stop"])
@@ -8436,7 +8440,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-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,
@@ -8468,7 +8472,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
       handleRoutingEvent(link, event, hasEventRouting.value);
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(breadcrumbsValue.value, (breadcrumb, index) => {
           return vue.openBlock(), vue.createElementBlock("span", {
             class: "lupa-search-results-breadcrumb",
@@ -8490,9 +8494,9 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-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__ */ vue.defineComponent({
   __name: "FiltersTopDropdown",
@@ -8506,7 +8510,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       var _a;
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
         _ctx.options.facets ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
           key: 0,
           options: _ctx.options.facets,
@@ -8518,7 +8522,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-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__ */ vue.defineComponent({
   __name: "SearchResultsLayoutSelection",
   setup(__props) {
@@ -8530,7 +8534,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
       searchResultStore.setLayout(layout2);
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
         vue.createElementVNode("div", {
           class: vue.normalizeClass([
             "lupa-layout-selection-grid",
@@ -8552,7 +8556,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$x = {
+const _hoisted_1$w = {
   key: 0,
   class: "lupa-mobile-toggle-filter-count"
 };
@@ -8574,12 +8578,12 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
         onClick: handleMobileToggle
       }, [
         vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
-        _ctx.showFilterCount && vue.unref(currentFilterCount) > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$x, vue.toDisplayString(vue.unref(currentFilterCount)), 1)) : vue.createCommentVNode("", true)
+        _ctx.showFilterCount && vue.unref(currentFilterCount) > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$w, vue.toDisplayString(vue.unref(currentFilterCount)), 1)) : vue.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"
@@ -8670,7 +8674,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return showPagination.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
+      return showPagination.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
         showBack.value ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: vue.normalizeClass(firstPageLabel.value === "<" ? "lupa-page-arrow" : "lupa-show-less"),
@@ -8714,7 +8718,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$v = {
+const _hoisted_1$u = {
   id: "lupa-search-results-page-size",
   "data-cy": "lupa-search-results-page-size"
 };
@@ -8750,7 +8754,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
       });
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [
         vue.createElementVNode("div", _hoisted_2$o, [
           vue.createElementVNode("label", _hoisted_3$i, vue.toDisplayString(label.value), 1),
           vue.createElementVNode("select", {
@@ -8773,7 +8777,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$u = {
+const _hoisted_1$t = {
   id: "lupa-search-results-sort",
   class: "lupa-search-results-sort"
 };
@@ -8830,7 +8834,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
       previousKey.value = selectedKey.value;
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$t, [
         vue.createElementVNode("div", _hoisted_2$n, [
           vue.createElementVNode("label", _hoisted_3$h, vue.toDisplayString(_ctx.options.label), 1),
           vue.withDirectives(vue.createElementVNode("select", {
@@ -8855,7 +8859,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-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"
@@ -8977,7 +8981,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
         id: "lupa-search-results-toolbar",
         class: vue.normalizeClass({ "lupa-filter-no-results": !hasResults.value })
       }, [
-        vue.createElementVNode("div", _hoisted_1$t, [
+        vue.createElementVNode("div", _hoisted_1$s, [
           toolbarLeftLabel.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$m, vue.toDisplayString(toolbarLeftLabel.value), 1)) : vue.createCommentVNode("", true),
           showLayoutSelection.value ? (vue.openBlock(), vue.createBlock(_sfc_main$B, { key: 1 })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$g)),
           showItemSummary.value ? (vue.openBlock(), vue.createBlock(_sfc_main$T, {
@@ -9031,7 +9035,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$s = ["innerHTML"];
+const _hoisted_1$r = ["innerHTML"];
 const _hoisted_2$l = ["title"];
 const _hoisted_3$f = {
   key: 0,
@@ -9071,7 +9075,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
         class: "lupa-search-results-product-title",
         style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
         innerHTML: title.value
-      }, null, 12, _hoisted_1$s)) : (vue.openBlock(), vue.createElementBlock("div", {
+      }, null, 12, _hoisted_1$r)) : (vue.openBlock(), vue.createElementBlock("div", {
         key: 1,
         class: "lupa-search-results-product-title",
         style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
@@ -9088,7 +9092,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$r = ["innerHTML"];
+const _hoisted_1$q = ["innerHTML"];
 const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductDescription",
   props: {
@@ -9113,7 +9117,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
         class: "lupa-search-results-product-description",
         style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
         innerHTML: description.value
-      }, null, 12, _hoisted_1$r)) : (vue.openBlock(), vue.createElementBlock("div", {
+      }, null, 12, _hoisted_1$q)) : (vue.openBlock(), vue.createElementBlock("div", {
         key: 1,
         class: "lupa-search-results-product-description",
         style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`)
@@ -9121,7 +9125,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-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"];
@@ -9160,7 +9164,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
       return generateLink(props.options.links.ratingDetails, props.item);
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$q, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
         vue.createElementVNode("div", _hoisted_2$k, [
           vue.createElementVNode("div", _hoisted_3$e, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(baseStars.value, (star, index) => {
@@ -9194,7 +9198,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$p = {
+const _hoisted_1$o = {
   class: "lupa-search-results-product-regular-price",
   "data-cy": "lupa-search-results-product-regular-price"
 };
@@ -9216,14 +9220,10 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
       );
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, vue.toDisplayString(price.value), 1);
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, vue.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__ */ vue.defineComponent({
   __name: "SearchResultsProductPrice",
   props: {
@@ -9233,6 +9233,9 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     const props = __props;
+    const className = vue.computed(() => {
+      return props.options.className;
+    });
     const price = vue.computed(() => {
       var _a, _b;
       return formatPrice(
@@ -9242,9 +9245,12 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
       );
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([className.value, "lupa-search-results-product-price"]),
+        "data-cy": "lupa-search-results-product-price"
+      }, [
         vue.createElementVNode("strong", null, vue.toDisplayString(price.value), 1)
-      ]);
+      ], 2);
     };
   }
 });