npm - @getlupa/client - Versions diffs - 1.10.0 → 1.10.1 - Mend

@getlupa/client 1.10.0 → 1.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/lupaSearch.iife.js +559 -528
package/dist/lupaSearch.js +559 -528
package/dist/lupaSearch.mjs +559 -528
package/dist/lupaSearch.umd.js +559 -528
package/package.json +2 -2

package/dist/lupaSearch.umd.js CHANGED Viewed

@@ -7867,7 +7867,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       resetHighlightIndex
     };
   });
-  const _hoisted_1$1c = { id: "lupa-search-box-input-container" };
+  const _hoisted_1$1d = { id: "lupa-search-box-input-container" };
   const _hoisted_2$P = { class: "lupa-input-clear" };
   const _hoisted_3$A = { id: "lupa-search-box-input" };
   const _hoisted_4$s = ["value"];
@@ -7957,7 +7957,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       __expose({ focus });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$1c, [
+        return openBlock(), createElementBlock("div", _hoisted_1$1d, [
           createBaseVNode("div", _hoisted_2$P, [
             createBaseVNode("div", {
               class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
@@ -8031,7 +8031,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$1b = { class: "lupa-search-box-history-item" };
+  const _hoisted_1$1c = { class: "lupa-search-box-history-item" };
   const _hoisted_2$O = { class: "lupa-search-box-history-item-content" };
   const _sfc_main$1j = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxHistoryItem",
@@ -8049,7 +8049,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         emit2("click", { query: props.item });
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$1b, [
+        return openBlock(), createElementBlock("div", _hoisted_1$1c, [
           createBaseVNode("div", _hoisted_2$O, [
             createBaseVNode("div", {
               class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
@@ -8064,7 +8064,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$1a = {
+  const _hoisted_1$1b = {
     key: 0,
     class: "lupa-search-box-history-panel"
   };
@@ -8109,7 +8109,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         }
       };
       return (_ctx, _cache) => {
-        return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1a, [
+        return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1b, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(history), (item, index) => {
             return openBlock(), createBlock(_sfc_main$1j, {
               key: item,
@@ -8127,7 +8127,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$19 = { class: "lupa-search-box-no-results" };
+  const _hoisted_1$1a = { class: "lupa-search-box-no-results" };
   const _sfc_main$1h = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxNoResults",
     props: {
@@ -8135,11 +8135,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("p", _hoisted_1$19, toDisplayString(_ctx.labels.noResults), 1);
+        return openBlock(), createElementBlock("p", _hoisted_1$1a, toDisplayString(_ctx.labels.noResults), 1);
       };
     }
   });
-  const _hoisted_1$18 = ["innerHTML"];
+  const _hoisted_1$19 = ["innerHTML"];
   const _hoisted_2$N = {
     key: 1,
     "data-cy": "lupa-suggestion-value",
@@ -8194,7 +8194,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             class: "lupa-suggestion-value",
             "data-cy": "lupa-suggestion-value",
             innerHTML: _ctx.suggestion.displayHighlight
-          }, null, 8, _hoisted_1$18)) : (openBlock(), createElementBlock("div", _hoisted_2$N, toDisplayString(_ctx.suggestion.display), 1)),
+          }, null, 8, _hoisted_1$19)) : (openBlock(), createElementBlock("div", _hoisted_2$N, toDisplayString(_ctx.suggestion.display), 1)),
           _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$z, [
             createBaseVNode("span", _hoisted_4$r, toDisplayString(facetLabel.value), 1),
             createBaseVNode("span", _hoisted_5$g, toDisplayString(_ctx.suggestion.facet.title), 1)
@@ -8203,7 +8203,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$17 = {
+  const _hoisted_1$18 = {
     id: "lupa-search-box-suggestions",
     "data-cy": "lupa-search-box-suggestions"
   };
@@ -8267,7 +8267,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         });
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$17, [
+        return openBlock(), createElementBlock("div", _hoisted_1$18, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
             return openBlock(), createBlock(_sfc_main$1g, {
               key: getSuggestionKey(item),
@@ -8426,7 +8426,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     return (_c = (_b = (_a = parts == null ? void 0 : parts.map((part) => part.replace(/(^\/+|\/+$)/g, ""))) == null ? void 0 : _a.filter((part) => part !== "")) == null ? void 0 : _b.join("/")) != null ? _c : "";
   };
-  const _hoisted_1$16 = ["src"];
+  const _hoisted_1$17 = ["src"];
   const _sfc_main$1d = /* @__PURE__ */ defineComponent({
     __name: "ProductImage",
     props: {
@@ -8480,7 +8480,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           createBaseVNode("img", mergeProps({
             class: (_b = _ctx.imageClass) != null ? _b : "",
             src: finalUrl.value
-          }, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_1$16)
+          }, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_1$17)
         ], 2);
       };
     }
@@ -8502,7 +8502,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$15 = ["innerHTML"];
+  const _hoisted_1$16 = ["innerHTML"];
   const _hoisted_2$M = {
     key: 1,
     class: "lupa-search-box-product-title"
@@ -8527,13 +8527,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           key: 0,
           class: "lupa-search-box-product-title",
           innerHTML: title.value
-        }, null, 8, _hoisted_1$15)) : (openBlock(), createElementBlock("div", _hoisted_2$M, [
+        }, null, 8, _hoisted_1$16)) : (openBlock(), createElementBlock("div", _hoisted_2$M, [
           createBaseVNode("strong", null, toDisplayString(title.value), 1)
         ]));
       };
     }
   });
-  const _hoisted_1$14 = ["innerHTML"];
+  const _hoisted_1$15 = ["innerHTML"];
   const _hoisted_2$L = {
     key: 1,
     class: "lupa-search-box-product-description"
@@ -8558,11 +8558,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           key: 0,
           class: "lupa-search-box-product-description",
           innerHTML: description.value
-        }, null, 8, _hoisted_1$14)) : (openBlock(), createElementBlock("div", _hoisted_2$L, toDisplayString(description.value), 1));
+        }, null, 8, _hoisted_1$15)) : (openBlock(), createElementBlock("div", _hoisted_2$L, toDisplayString(description.value), 1));
       };
     }
   });
-  const _hoisted_1$13 = { class: "lupa-search-box-product-price" };
+  const _hoisted_1$14 = { class: "lupa-search-box-product-price" };
   const _sfc_main$19 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductPrice",
     props: {
@@ -8581,13 +8581,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         );
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$13, [
+        return openBlock(), createElementBlock("div", _hoisted_1$14, [
           createBaseVNode("strong", null, toDisplayString(price.value), 1)
         ]);
       };
     }
   });
-  const _hoisted_1$12 = { class: "lupa-search-box-product-regular-price" };
+  const _hoisted_1$13 = { class: "lupa-search-box-product-regular-price" };
   const _sfc_main$18 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductRegularPrice",
     props: {
@@ -8606,11 +8606,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         );
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$12, toDisplayString(price.value), 1);
+        return openBlock(), createElementBlock("div", _hoisted_1$13, toDisplayString(price.value), 1);
       };
     }
   });
-  const _hoisted_1$11 = ["innerHTML"];
+  const _hoisted_1$12 = ["innerHTML"];
   const _hoisted_2$K = { key: 0 };
   const _hoisted_3$y = { key: 1 };
   const _hoisted_4$q = { class: "lupa-search-box-custom-label" };
@@ -8641,7 +8641,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           key: 0,
           class: [className.value, "lupa-search-box-product-custom"],
           innerHTML: text.value
-        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$11)) : (openBlock(), createElementBlock("div", mergeProps({
+        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$12)) : (openBlock(), createElementBlock("div", mergeProps({
           key: 1,
           class: [className.value, "lupa-search-box-product-custom"]
         }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
@@ -8653,7 +8653,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$10 = ["innerHTML"];
+  const _hoisted_1$11 = ["innerHTML"];
   const _sfc_main$16 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductCustomHtml",
     props: {
@@ -8674,7 +8674,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return openBlock(), createElementBlock("div", mergeProps({
           class: className.value,
           innerHTML: text.value
-        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$10);
+        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$11);
       };
     }
   });
@@ -8868,7 +8868,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       setLoading
     };
   });
-  const _hoisted_1$$ = { class: "lupa-search-box-add-to-cart-wrapper" };
+  const _hoisted_1$10 = { class: "lupa-search-box-add-to-cart-wrapper" };
   const _hoisted_2$J = { class: "lupa-search-box-product-addtocart" };
   const _hoisted_3$x = ["onClick", "disabled"];
   const _sfc_main$15 = /* @__PURE__ */ defineComponent({
@@ -8898,7 +8898,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         loading.value = false;
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$$, [
+        return openBlock(), createElementBlock("div", _hoisted_1$10, [
           createBaseVNode("div", _hoisted_2$J, [
             createBaseVNode("button", {
               onClick: withModifiers(handleClick, ["stop", "prevent"]),
@@ -8912,6 +8912,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
+  const _hoisted_1$$ = {
+    key: 1,
+    class: "lupa-search-box-element-badge-wrapper"
+  };
   const __default__$4 = {
     components: {
       SearchBoxProductImage: _sfc_main$1c,
@@ -8972,26 +8976,291 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return Boolean(props.element.dynamic && id && loading.value && (loadingIds == null ? void 0 : loadingIds.value[id]));
       };
       return (_ctx, _cache) => {
-        var _a;
-        return displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
-          key: 0,
-          item: enhancedItem.value,
-          options: _ctx.element,
-          labels: _ctx.labels,
-          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);
+        var _a, _b;
+        return !_ctx.$slots.badges ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
+            key: 0,
+            item: enhancedItem.value,
+            options: _ctx.element,
+            labels: _ctx.labels,
+            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$$, [
+          displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
+            key: 0,
+            item: enhancedItem.value,
+            options: _ctx.element,
+            labels: _ctx.labels,
+            class: normalizeClass({ "lupa-loading-dynamic-data": isLoadingDynamicData((_b = _ctx.item) == null ? void 0 : _b.id) }),
+            inStock: _ctx.isInStock
+          }, null, 8, ["item", "options", "labels", "class", "inStock"])) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "badges")
+        ]));
       };
     }
   }));
-  const _hoisted_1$_ = ["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_1$_ = { class: "lupa-badge-title" };
+  const _hoisted_2$I = ["src"];
+  const _hoisted_3$w = { key: 1 };
   const _hoisted_4$p = {
     key: 0,
-    class: "lupa-search-box-product-add-to-cart-section"
+    class: "lupa-badge-full-text"
   };
   const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+    __name: "SearchResultGeneratedBadge",
+    props: {
+      options: {},
+      badge: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const image = computed(() => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = props.options.generate) == null ? void 0 : _a.image) == null ? void 0 : _b.call(_a, props.badge)) != null ? _c : "";
+      });
+      const showTitle = computed(() => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = props.options.generate) == null ? void 0 : _a.showTitle) == null ? void 0 : _b.call(_a, props.badge)) != null ? _c : true;
+      });
+      const hasAdditionalText = computed(() => {
+        var _a, _b;
+        return Boolean((_a = props.badge) == null ? void 0 : _a.additionalText) && typeof ((_b = props.badge) == null ? void 0 : _b.additionalText) === "string";
+      });
+      const hasTitleText = computed(() => {
+        var _a, _b;
+        return Boolean((_a = props.badge) == null ? void 0 : _a.titleText) && typeof ((_b = props.badge) == null ? void 0 : _b.titleText) === "string";
+      });
+      const customClassName = computed(() => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = props.options.generate) == null ? void 0 : _a.customClass) == null ? void 0 : _b.call(_a, props.badge)) != null ? _c : "";
+      });
+      return (_ctx, _cache) => {
+        return openBlock(), createElementBlock("div", {
+          class: normalizeClass(["lupa-dynamic-badge", customClassName.value]),
+          style: normalizeStyle({ background: _ctx.badge.backgroundColor, color: _ctx.badge.color })
+        }, [
+          createBaseVNode("span", _hoisted_1$_, [
+            image.value ? (openBlock(), createElementBlock("img", {
+              key: 0,
+              src: image.value
+            }, null, 8, _hoisted_2$I)) : createCommentVNode("", true),
+            hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$w, toDisplayString(_ctx.badge.titleText), 1)) : createCommentVNode("", true)
+          ]),
+          hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$p, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
+        ], 6);
+      };
+    }
+  });
+  const _hoisted_1$Z = { class: "lupa-generated-badges" };
+  const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+    __name: "SearchResultGeneratedBadges",
+    props: {
+      options: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const badgeField = computed(() => {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const fieldHasBadges = ((_a = props.options.generate) == null ? void 0 : _a.key) && ((_d = props.options.product) == null ? void 0 : _d[(_c = (_b = props.options.generate) == null ? void 0 : _b.key) != null ? _c : ""]) && Array.isArray(props.options.product[(_f = (_e = props.options.generate) == null ? void 0 : _e.key) != null ? _f : ""]);
+        return fieldHasBadges ? props.options.product[(_h = (_g = props.options.generate) == null ? void 0 : _g.key) != null ? _h : ""] : [];
+      });
+      const keyMap = computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.options.generate) == null ? void 0 : _a.keyMap) != null ? _b : {};
+      });
+      const badges = computed(() => {
+        return badgeField.value.filter((f2) => Boolean(f2)).map((f2) => ({
+          backgroundColor: keyMap.value.backgroundColor ? f2[keyMap.value.backgroundColor] : void 0,
+          color: keyMap.value.color ? f2[keyMap.value.color] : void 0,
+          titleText: keyMap.value.titleText ? f2[keyMap.value.titleText] : void 0,
+          additionalText: keyMap.value.additionalText ? f2[keyMap.value.additionalText] : void 0,
+          id: keyMap.value.id ? f2[keyMap.value.id] : void 0
+        })).filter((b) => Boolean(b.id));
+      });
+      return (_ctx, _cache) => {
+        return openBlock(), createElementBlock("div", _hoisted_1$Z, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(badges.value, (badge) => {
+            return openBlock(), createBlock(_sfc_main$13, {
+              key: badge.id,
+              badge,
+              options: _ctx.options
+            }, null, 8, ["badge", "options"]);
+          }), 128))
+        ]);
+      };
+    }
+  });
+  const _hoisted_1$Y = ["innerHTML"];
+  const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+    __name: "CustomBadge",
+    props: {
+      badge: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const text = computed(() => {
+        var _a, _b, _c;
+        return (_c = (_b = props.badge).html) == null ? void 0 : _c.call(_b, (_a = props.badge.product) != null ? _a : {});
+      });
+      const className = computed(() => {
+        var _a;
+        return (_a = props.badge.className) != null ? _a : "";
+      });
+      return (_ctx, _cache) => {
+        return openBlock(), createElementBlock("div", {
+          class: normalizeClass(className.value),
+          innerHTML: text.value
+        }, null, 10, _hoisted_1$Y);
+      };
+    }
+  });
+  const _hoisted_1$X = { class: "lupa-text-badges" };
+  const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+    __name: "TextBadge",
+    props: {
+      badge: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const badges = computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.badge) == null ? void 0 : _a.value) != null ? _b : [];
+      });
+      const displayBadges = computed(() => {
+        return badges.value.slice(0, props.badge.maxItems);
+      });
+      return (_ctx, _cache) => {
+        return openBlock(), createElementBlock("div", _hoisted_1$X, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
+            return openBlock(), createElementBlock("div", {
+              class: "lupa-badge lupa-text-badge",
+              key: item
+            }, toDisplayString(_ctx.badge.prefix) + toDisplayString(item), 1);
+          }), 128))
+        ]);
+      };
+    }
+  });
+  const _hoisted_1$W = { class: "lupa-image-badges" };
+  const _hoisted_2$H = ["src"];
+  const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+    __name: "ImageBadge",
+    props: {
+      badge: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const badges = computed(() => {
+        return props.badge.value;
+      });
+      const displayBadges = computed(() => {
+        return badges.value.slice(0, props.badge.maxItems);
+      });
+      const getImageUrl = (src) => {
+        if (!props.badge.rootImageUrl) {
+          return src;
+        }
+        return `${props.badge.rootImageUrl}${src}`;
+      };
+      return (_ctx, _cache) => {
+        return openBlock(), createElementBlock("div", _hoisted_1$W, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
+            return openBlock(), createElementBlock("div", {
+              class: "lupa-badge lupa-image-badge",
+              key: item
+            }, [
+              createBaseVNode("img", {
+                src: getImageUrl(item)
+              }, null, 8, _hoisted_2$H)
+            ]);
+          }), 128))
+        ]);
+      };
+    }
+  });
+  const _hoisted_1$V = { id: "lupa-search-results-badges" };
+  const __default__$3 = {
+    components: {
+      CustomBadge: _sfc_main$11,
+      TextBadge: _sfc_main$10,
+      ImageBadge: _sfc_main$$
+    }
+  };
+  const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$3), {
+    __name: "SearchResultsBadgeWrapper",
+    props: {
+      position: {},
+      options: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const positionValue = computed(() => {
+        var _a;
+        return (_a = props.position) != null ? _a : "card";
+      });
+      const anchorPosition = computed(() => {
+        return props.options.anchor;
+      });
+      const badges = computed(() => {
+        if (!props.options.elements) {
+          return [];
+        }
+        return props.options.elements.filter((e) => {
+          var _a;
+          return !e.display || e.display((_a = props.options.product) != null ? _a : {});
+        }).map((x) => {
+          var _a;
+          return __spreadProps2(__spreadValues2({}, x), {
+            value: ((_a = props.options.product) == null ? void 0 : _a[x.key]) || "badge",
+            product: props.options.product
+          });
+        });
+      });
+      const displayBadges = computed(() => {
+        return positionValue.value === "card" ? badges.value.filter((b) => !b.position || b.position === "card") : badges.value.filter((b) => b.position === "image");
+      });
+      const getBadgeComponent = (type) => {
+        switch (type) {
+          case BadgeType.TEXT:
+            return "TextBadge";
+          case BadgeType.IMAGE:
+            return "ImageBadge";
+          case BadgeType.CUSTOM_HTML:
+            return "CustomBadge";
+          default:
+            return "CustomBadge";
+        }
+      };
+      return (_ctx, _cache) => {
+        return openBlock(), createElementBlock("div", _hoisted_1$V, [
+          createBaseVNode("div", {
+            id: "lupa-badges",
+            class: normalizeClass(anchorPosition.value)
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (badge, index) => {
+              return openBlock(), createBlock(resolveDynamicComponent(getBadgeComponent(badge.type)), {
+                key: index,
+                badge
+              }, null, 8, ["badge"]);
+            }), 128)),
+            positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$12, {
+              key: 0,
+              options: _ctx.options
+            }, null, 8, ["options"])) : createCommentVNode("", true)
+          ], 2)
+        ]);
+      };
+    }
+  }));
+  const _hoisted_1$U = ["href"];
+  const _hoisted_2$G = { class: "lupa-search-box-product-image-section" };
+  const _hoisted_3$v = { class: "lupa-search-box-product-details-section" };
+  const _hoisted_4$o = {
+    key: 0,
+    class: "lupa-search-box-product-add-to-cart-section"
+  };
+  const _sfc_main$Z = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProduct",
     props: {
       item: {},
@@ -9008,6 +9277,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         var _a, _b;
         return generateLink((_b = (_a = props.panelOptions.links) == null ? void 0 : _a.details) != null ? _b : "", props.item);
       });
+      const badgeOptions = computed(() => {
+        return __spreadProps2(__spreadValues2({}, props.panelOptions.badges), { product: props.item });
+      });
       const imageElements = computed(() => {
         var _a, _b;
         return (_b = (_a = props.panelOptions.elements) == null ? void 0 : _a.filter((e) => e.type === DocumentElementType.IMAGE)) != null ? _b : [];
@@ -9047,7 +9319,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           "data-cy": "lupa-search-box-product",
           onClick: handleClick
         }), [
-          createBaseVNode("div", _hoisted_2$I, [
+          createBaseVNode("div", _hoisted_2$G, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
               return openBlock(), createBlock(_sfc_main$14, {
                 class: "lupa-search-box-product-element",
@@ -9059,19 +9331,31 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               }, null, 8, ["item", "element", "labels", "link"]);
             }), 128))
           ]),
-          createBaseVNode("div", _hoisted_3$w, [
+          createBaseVNode("div", _hoisted_3$v, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
+              var _a;
               return openBlock(), createBlock(_sfc_main$14, {
+                key: element.key,
                 class: "lupa-search-box-product-element",
                 item: _ctx.item,
                 element,
-                key: element.key,
                 labels: _ctx.labels,
                 link: link.value
-              }, null, 8, ["item", "element", "labels", "link"]);
+              }, createSlots({ _: 2 }, [
+                badgeOptions.value && ((_a = badgeOptions.value) == null ? void 0 : _a.anchorElementKey) === element.key ? {
+                  name: "badges",
+                  fn: withCtx(() => [
+                    createVNode(_sfc_main$_, {
+                      options: badgeOptions.value,
+                      position: "card"
+                    }, null, 8, ["options"])
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["item", "element", "labels", "link"]);
             }), 128))
           ]),
-          addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$p, [
+          addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
             createVNode(_sfc_main$14, {
               class: "lupa-search-box-product-element",
               item: _ctx.item,
@@ -9081,7 +9365,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               isInStock: isInStock.value
             }, null, 8, ["item", "element", "labels", "link", "isInStock"])
           ])) : createCommentVNode("", true)
-        ], 16, _hoisted_1$_);
+        ], 16, _hoisted_1$U);
       };
     }
   });
@@ -9142,8 +9426,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     };
     return { trackSearch, trackResults, trackEvent };
   });
-  const _hoisted_1$Z = { id: "lupa-search-box-products" };
-  const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$T = { id: "lupa-search-box-products" };
+  const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProducts",
     props: {
       items: {},
@@ -9204,7 +9488,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         handleRoutingEvent(link, event, boxRoutingBehavior.value === "event");
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$Z, [
+        return openBlock(), createElementBlock("div", _hoisted_1$T, [
           _ctx.$slots.productCard ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.items, (item, index) => {
             return renderSlot(_ctx.$slots, "productCard", {
               key: index,
@@ -9216,7 +9500,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               itemClicked: handleProductClick
             });
           }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.items, (item, index) => {
-            return openBlock(), createBlock(_sfc_main$13, {
+            return openBlock(), createBlock(_sfc_main$Z, {
               key: index,
               item,
               panelOptions: _ctx.panelOptions,
@@ -9230,7 +9514,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+  const _sfc_main$X = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductsWrapper",
     props: {
       panel: {},
@@ -9282,7 +9566,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const getItemsDebounced = debounce$1(getItems, props.debounce);
       return (_ctx, _cache) => {
         var _a, _b;
-        return openBlock(), createBlock(_sfc_main$12, {
+        return openBlock(), createBlock(_sfc_main$Y, {
           items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
           panelOptions: _ctx.panel,
           labels: _ctx.labels,
@@ -9300,7 +9584,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+  const _sfc_main$W = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxRelatedSourceWrapper",
     props: {
       panel: {},
@@ -9372,7 +9656,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       });
       return (_ctx, _cache) => {
         var _a, _b;
-        return openBlock(), createBlock(_sfc_main$12, {
+        return openBlock(), createBlock(_sfc_main$Y, {
           items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
           panelOptions: documentPanelOptions.value,
           labels: _ctx.labels,
@@ -9390,16 +9674,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$Y = {
+  const _hoisted_1$S = {
     key: 0,
     id: "lupa-search-box-panel"
   };
-  const _hoisted_2$H = ["data-cy"];
-  const _hoisted_3$v = {
+  const _hoisted_2$F = ["data-cy"];
+  const _hoisted_3$u = {
     key: 0,
     class: "lupa-panel-title lupa-panel-title-top-results"
   };
-  const _hoisted_4$o = {
+  const _hoisted_4$n = {
     key: 1,
     class: "lupa-panel-title"
   };
@@ -9407,14 +9691,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 1,
     id: "lupa-search-box-panel"
   };
-  const __default__$3 = {
+  const __default__$2 = {
     components: {
       SearchBoxSuggestionsWrapper: _sfc_main$1e,
-      SearchBoxProductsWrapper: _sfc_main$11,
-      SearchBoxRelatedSourceWrapper: _sfc_main$10
+      SearchBoxProductsWrapper: _sfc_main$X,
+      SearchBoxRelatedSourceWrapper: _sfc_main$W
     }
   };
-  const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$3), {
+  const _sfc_main$V = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$2), {
     __name: "SearchBoxMainPanel",
     props: {
       options: {},
@@ -9560,7 +9844,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           ref_key: "panelContainer",
           ref: panelContainer
         }, [
-          displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$Y, [
+          displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$S, [
             labels.value.closePanel ? (openBlock(), createElementBlock("a", {
               key: 0,
               class: "lupa-search-box-close-panel",
@@ -9581,8 +9865,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   ]),
                   "data-cy": "lupa-panel-" + panel.type + "-index"
                 }, [
-                  ((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$v, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
-                  ((_c = panel.labels) == null ? void 0 : _c.title) && showPanelTitle(panel) ? (openBlock(), createElementBlock("div", _hoisted_4$o, toDisplayString((_d = panel.labels) == null ? void 0 : _d.title), 1)) : createCommentVNode("", true),
+                  ((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$u, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
+                  ((_c = panel.labels) == null ? void 0 : _c.title) && showPanelTitle(panel) ? (openBlock(), createElementBlock("div", _hoisted_4$n, toDisplayString((_d = panel.labels) == null ? void 0 : _d.title), 1)) : createCommentVNode("", true),
                   panel.queryKey && canShowPanel(panel) ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(panel.type)), {
                     key: 2,
                     panel,
@@ -9602,7 +9886,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                       key: "0"
                     } : void 0
                   ]), 1064, ["panel", "options", "debounce", "inputValue", "labels"])) : createCommentVNode("", true)
-                ], 10, _hoisted_2$H);
+                ], 10, _hoisted_2$F);
               }), 128))
             ], 4),
             !unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1h, {
@@ -9641,9 +9925,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     const elements = getElements(triggers);
     elements.forEach((e) => e == null ? void 0 : e.removeEventListener(BIND_EVENT, event));
   };
-  const _hoisted_1$X = { id: "lupa-search-box" };
-  const _hoisted_2$G = { class: "lupa-search-box-wrapper" };
-  const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$R = { id: "lupa-search-box" };
+  const _hoisted_2$E = { class: "lupa-search-box-wrapper" };
+  const _sfc_main$U = /* @__PURE__ */ defineComponent({
     __name: "SearchBox",
     props: {
       options: {},
@@ -9888,8 +10172,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       return (_ctx, _cache) => {
         var _a2;
-        return openBlock(), createElementBlock("div", _hoisted_1$X, [
-          createBaseVNode("div", _hoisted_2$G, [
+        return openBlock(), createElementBlock("div", _hoisted_1$R, [
+          createBaseVNode("div", _hoisted_2$E, [
             createVNode(_sfc_main$1l, {
               options: inputOptions.value,
               suggestedValue: suggestedValue.value,
@@ -9901,7 +10185,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               onFocus: _cache[0] || (_cache[0] = ($event) => opened.value = true),
               onClose: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
             }, null, 8, ["options", "suggestedValue", "can-close", "emit-input-on-focus"]),
-            opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$$, {
+            opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$V, {
               key: 0,
               options: panelOptions.value,
               inputValue: inputValue.value,
@@ -9989,20 +10273,20 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     return searchParams;
   };
-  const _hoisted_1$W = {
+  const _hoisted_1$Q = {
     key: 0,
     id: "lupa-search-results-did-you-mean"
   };
-  const _hoisted_2$F = {
+  const _hoisted_2$D = {
     key: 0,
     "data-cy": "suggested-search-text-label"
   };
-  const _hoisted_3$u = {
+  const _hoisted_3$t = {
     key: 1,
     "data-cy": "did-you-mean-label"
   };
-  const _hoisted_4$n = { key: 1 };
-  const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+  const _hoisted_4$m = { key: 1 };
+  const _sfc_main$T = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsDidYouMean",
     props: {
       labels: {}
@@ -10034,8 +10318,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         paramStore.goToResults({ searchText, facet });
       };
       return (_ctx, _cache) => {
-        return unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_1$W, [
-          unref(searchResult).suggestedSearchText ? (openBlock(), createElementBlock("div", _hoisted_2$F, [
+        return unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_1$Q, [
+          unref(searchResult).suggestedSearchText ? (openBlock(), createElementBlock("div", _hoisted_2$D, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.labels.noResultsSuggestion.split(" "), (label, index) => {
               return openBlock(), createElementBlock("span", { key: index }, [
                 createBaseVNode("span", {
@@ -10044,7 +10328,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               ]);
             }), 128))
           ])) : createCommentVNode("", true),
-          didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$u, [
+          didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$t, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.labels.didYouMean.split(" "), (label, index) => {
               return openBlock(), createElementBlock("span", { key: index }, [
                 label.includes("{1}") ? (openBlock(), createElementBlock("span", {
@@ -10052,7 +10336,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   class: "lupa-did-you-mean lupa-highlighted-search-text",
                   "data-cy": "did-you-mean-value",
                   onClick: _cache[0] || (_cache[0] = ($event) => goToResults({ searchText: didYouMeanValue.value }))
-                }, toDisplayString(didYouMeanValue.value) + " ", 1)) : (openBlock(), createElementBlock("span", _hoisted_4$n, toDisplayString(label) + " ", 1))
+                }, toDisplayString(didYouMeanValue.value) + " ", 1)) : (openBlock(), createElementBlock("span", _hoisted_4$m, toDisplayString(label) + " ", 1))
               ]);
             }), 128))
           ])) : createCommentVNode("", true)
@@ -10060,12 +10344,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$V = {
+  const _hoisted_1$P = {
     key: 0,
     class: "lupa-search-results-summary"
   };
-  const _hoisted_2$E = ["innerHTML"];
-  const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+  const _hoisted_2$C = ["innerHTML"];
+  const _sfc_main$S = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsSummary",
     props: {
       label: {},
@@ -10080,8 +10364,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return addParamsToLabel(props.label, range, `<span>${totalItems.value}</span>`);
       });
       return (_ctx, _cache) => {
-        return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$V, [
-          createBaseVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$E),
+        return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$P, [
+          createBaseVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$C),
           _ctx.clearable ? (openBlock(), createElementBlock("span", {
             key: 0,
             class: "lupa-filter-clear",
@@ -10092,18 +10376,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$U = {
+  const _hoisted_1$O = {
     key: 0,
     class: "lupa-result-page-title",
     "data-cy": "lupa-result-page-title"
   };
-  const _hoisted_2$D = { key: 0 };
-  const _hoisted_3$t = {
+  const _hoisted_2$B = { key: 0 };
+  const _hoisted_3$s = {
     key: 1,
     class: "lupa-results-total-count"
   };
-  const _hoisted_4$m = ["innerHTML"];
-  const _sfc_main$X = /* @__PURE__ */ defineComponent({
+  const _hoisted_4$l = ["innerHTML"];
+  const _sfc_main$R = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsTitle",
     props: {
       options: {},
@@ -10138,12 +10422,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       });
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", null, [
-          showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$U, [
+          showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$O, [
             createTextVNode(toDisplayString(_ctx.options.labels.searchResults), 1),
-            queryText.value ? (openBlock(), createElementBlock("span", _hoisted_2$D, "'" + toDisplayString(queryText.value) + "'", 1)) : createCommentVNode("", true),
-            showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$t, "(" + toDisplayString(unref(totalItems)) + ")", 1)) : createCommentVNode("", true)
+            queryText.value ? (openBlock(), createElementBlock("span", _hoisted_2$B, "'" + toDisplayString(queryText.value) + "'", 1)) : createCommentVNode("", true),
+            showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$s, "(" + toDisplayString(unref(totalItems)) + ")", 1)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
-          _ctx.showSummary ? (openBlock(), createBlock(_sfc_main$Y, {
+          _ctx.showSummary ? (openBlock(), createBlock(_sfc_main$S, {
             key: 1,
             label: summaryLabel.value
           }, null, 8, ["label"])) : createCommentVNode("", true),
@@ -10151,21 +10435,21 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             key: 2,
             class: "lupa-result-page-description-top",
             innerHTML: descriptionTop.value
-          }, null, 8, _hoisted_4$m)) : createCommentVNode("", true)
+          }, null, 8, _hoisted_4$l)) : createCommentVNode("", true)
         ]);
       };
     }
   });
-  const _hoisted_1$T = { class: "lupa-search-result-filter-value" };
-  const _hoisted_2$C = {
+  const _hoisted_1$N = { class: "lupa-search-result-filter-value" };
+  const _hoisted_2$A = {
     class: "lupa-current-filter-label",
     "data-cy": "lupa-current-filter-label"
   };
-  const _hoisted_3$s = {
+  const _hoisted_3$r = {
     class: "lupa-current-filter-value",
     "data-cy": "lupa-current-filter-value"
   };
-  const _sfc_main$W = /* @__PURE__ */ defineComponent({
+  const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     __name: "CurrentFilterDisplay",
     props: {
       filter: {}
@@ -10177,28 +10461,28 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         emit2("remove", { filter: props.filter });
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$T, [
+        return openBlock(), createElementBlock("div", _hoisted_1$N, [
           createBaseVNode("div", {
             class: "lupa-current-filter-action",
             onClick: handleClick
           }, "⨉"),
-          createBaseVNode("div", _hoisted_2$C, toDisplayString(_ctx.filter.label) + ": ", 1),
-          createBaseVNode("div", _hoisted_3$s, toDisplayString(_ctx.filter.value), 1)
+          createBaseVNode("div", _hoisted_2$A, toDisplayString(_ctx.filter.label) + ": ", 1),
+          createBaseVNode("div", _hoisted_3$r, toDisplayString(_ctx.filter.value), 1)
         ]);
       };
     }
   });
-  const _hoisted_1$S = { class: "lupa-filter-title-text" };
-  const _hoisted_2$B = {
+  const _hoisted_1$M = { class: "lupa-filter-title-text" };
+  const _hoisted_2$z = {
     key: 0,
     class: "lupa-filter-count"
   };
-  const _hoisted_3$r = {
+  const _hoisted_3$q = {
     key: 0,
     class: "filter-values"
   };
-  const _hoisted_4$l = { class: "lupa-current-filter-list" };
-  const _sfc_main$V = /* @__PURE__ */ defineComponent({
+  const _hoisted_4$k = { class: "lupa-current-filter-list" };
+  const _sfc_main$P = /* @__PURE__ */ defineComponent({
     __name: "CurrentFilters",
     props: {
       options: {},
@@ -10259,19 +10543,19 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             class: "lupa-current-filter-title",
             onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
           }, [
-            createBaseVNode("div", _hoisted_1$S, [
+            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$B, " (" + toDisplayString(unref(currentFilterCount)) + ") ", 1)) : createCommentVNode("", true)
+              _ctx.expandable ? (openBlock(), createElementBlock("span", _hoisted_2$z, " (" + toDisplayString(unref(currentFilterCount)) + ") ", 1)) : createCommentVNode("", true)
             ]),
             _ctx.expandable ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: normalizeClass(["lupa-filter-title-caret", isOpen.value && "open"])
             }, null, 2)) : createCommentVNode("", true)
           ]),
-          !_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$r, [
-            createBaseVNode("div", _hoisted_4$l, [
+          !_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$q, [
+            createBaseVNode("div", _hoisted_4$k, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(displayFilters), (filter) => {
-                return openBlock(), createBlock(_sfc_main$W, {
+                return openBlock(), createBlock(_sfc_main$Q, {
                   key: filter.key + "_" + filter.value,
                   filter,
                   onRemove: handleRemove
@@ -10288,8 +10572,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$R = ["href"];
-  const _sfc_main$U = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$L = ["href"];
+  const _sfc_main$O = /* @__PURE__ */ defineComponent({
     __name: "CategoryFilterItem",
     props: {
       options: {},
@@ -10326,20 +10610,20 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             "data-cy": "lupa-child-category-item",
             href: urlLink.value,
             onClick: handleNavigation
-          }, toDisplayString(title.value), 9, _hoisted_1$R)
+          }, toDisplayString(title.value), 9, _hoisted_1$L)
         ], 2);
       };
     }
   });
-  const _hoisted_1$Q = {
+  const _hoisted_1$K = {
     class: "lupa-category-filter",
     "data-cy": "lupa-category-filter"
   };
-  const _hoisted_2$A = { class: "lupa-category-back" };
-  const _hoisted_3$q = ["href"];
-  const _hoisted_4$k = ["href"];
+  const _hoisted_2$y = { class: "lupa-category-back" };
+  const _hoisted_3$p = ["href"];
+  const _hoisted_4$j = ["href"];
   const _hoisted_5$d = { class: "lupa-child-category-list" };
-  const _sfc_main$T = /* @__PURE__ */ defineComponent({
+  const _sfc_main$N = /* @__PURE__ */ defineComponent({
     __name: "CategoryFilter",
     props: {
       options: {}
@@ -10425,14 +10709,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$Q, [
-          createBaseVNode("div", _hoisted_2$A, [
+        return openBlock(), createElementBlock("div", _hoisted_1$K, [
+          createBaseVNode("div", _hoisted_2$y, [
             hasBackButton.value ? (openBlock(), createElementBlock("a", {
               key: 0,
               "data-cy": "lupa-category-back",
               href: backUrlLink.value,
               onClick: handleNavigationBack
-            }, toDisplayString(backTitle.value), 9, _hoisted_3$q)) : createCommentVNode("", true)
+            }, toDisplayString(backTitle.value), 9, _hoisted_3$p)) : createCommentVNode("", true)
           ]),
           createBaseVNode("div", {
             class: normalizeClass(["lupa-current-category", { "lupa-current-category-active": isActive }])
@@ -10442,11 +10726,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               href: parentUrlLink.value,
               class: normalizeClass({ "lupa-title-category": !hasBackButton.value }),
               onClick: handleNavigationParent
-            }, toDisplayString(parentTitle.value), 11, _hoisted_4$k)
+            }, toDisplayString(parentTitle.value), 11, _hoisted_4$j)
           ], 2),
           createBaseVNode("div", _hoisted_5$d, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(categoryChildren.value, (child) => {
-              return openBlock(), createBlock(_sfc_main$U, {
+              return openBlock(), createBlock(_sfc_main$O, {
                 key: getCategoryKey(child),
                 item: child,
                 options: _ctx.options
@@ -10457,13 +10741,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$P = {
+  const _hoisted_1$J = {
     class: "lupa-search-result-facet-term-values",
     "data-cy": "lupa-search-result-facet-term-values"
   };
-  const _hoisted_2$z = ["placeholder"];
-  const _hoisted_3$p = { class: "lupa-terms-list" };
-  const _hoisted_4$j = ["onClick"];
+  const _hoisted_2$x = ["placeholder"];
+  const _hoisted_3$o = { class: "lupa-terms-list" };
+  const _hoisted_4$i = ["onClick"];
   const _hoisted_5$c = { class: "lupa-term-checkbox-wrapper" };
   const _hoisted_6$8 = { class: "lupa-term-checkbox-label" };
   const _hoisted_7$6 = { class: "lupa-term-label" };
@@ -10473,7 +10757,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   };
   const _hoisted_9$1 = { key: 0 };
   const _hoisted_10$1 = { key: 1 };
-  const _sfc_main$S = /* @__PURE__ */ defineComponent({
+  const _sfc_main$M = /* @__PURE__ */ defineComponent({
     __name: "TermFacet",
     props: {
       options: {},
@@ -10542,17 +10826,17 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return selectedItems == null ? void 0 : selectedItems.includes((_b = item.title) == null ? void 0 : _b.toString());
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$P, [
+        return openBlock(), createElementBlock("div", _hoisted_1$J, [
           isFilterable.value ? withDirectives((openBlock(), createElementBlock("input", {
             key: 0,
             class: "lupa-term-filter",
             "data-cy": "lupa-term-filter",
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => termFilter.value = $event),
             placeholder: _ctx.options.labels.facetFilter
-          }, null, 8, _hoisted_2$z)), [
+          }, null, 8, _hoisted_2$x)), [
             [vModelText, termFilter.value]
           ]) : createCommentVNode("", true),
-          createBaseVNode("div", _hoisted_3$p, [
+          createBaseVNode("div", _hoisted_3$o, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(displayValues.value, (item) => {
               return openBlock(), createElementBlock("div", {
                 class: normalizeClass(["lupa-facet-term", { checked: isChecked(item) }]),
@@ -10569,7 +10853,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   createBaseVNode("span", _hoisted_7$6, toDisplayString(item.title), 1),
                   _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_8$1, "(" + toDisplayString(item.count) + ")", 1)) : createCommentVNode("", true)
                 ])
-              ], 10, _hoisted_4$j);
+              ], 10, _hoisted_4$i);
             }), 128))
           ]),
           displayShowMore.value ? (openBlock(), createElementBlock("div", {
@@ -11560,16 +11844,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   m.render = function(e, t, r, i, n, o) {
     return openBlock(), createElementBlock("div", mergeProps(e.sliderProps, { ref: "slider" }), null, 16);
   }, m.__file = "src/Slider.vue";
-  const _hoisted_1$O = { class: "lupa-search-result-facet-stats-values" };
-  const _hoisted_2$y = {
+  const _hoisted_1$I = { class: "lupa-search-result-facet-stats-values" };
+  const _hoisted_2$w = {
     key: 0,
     class: "lupa-stats-facet-summary"
   };
-  const _hoisted_3$o = {
+  const _hoisted_3$n = {
     key: 1,
     class: "lupa-stats-facet-summary-input"
   };
-  const _hoisted_4$i = {
+  const _hoisted_4$h = {
     key: 0,
     class: "lupa-stats-range-label"
   };
@@ -11588,7 +11872,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 2,
     class: "lupa-stats-slider-wrapper"
   };
-  const _sfc_main$R = /* @__PURE__ */ defineComponent({
+  const _sfc_main$L = /* @__PURE__ */ defineComponent({
     __name: "StatsFacet",
     props: {
       options: {},
@@ -11757,10 +12041,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         innerSliderRange.value = value;
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$O, [
-          !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$y, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$o, [
+        return openBlock(), createElementBlock("div", _hoisted_1$I, [
+          !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$w, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$n, [
             createBaseVNode("div", null, [
-              rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$i, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
+              rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$h, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
               createBaseVNode("div", _hoisted_5$b, [
                 withDirectives(createBaseVNode("input", {
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
@@ -11824,10 +12108,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$N = { class: "lupa-term-checkbox-wrapper" };
-  const _hoisted_2$x = { class: "lupa-term-checkbox-label" };
-  const _hoisted_3$n = { class: "lupa-term-label" };
-  const _hoisted_4$h = {
+  const _hoisted_1$H = { class: "lupa-term-checkbox-wrapper" };
+  const _hoisted_2$v = { class: "lupa-term-checkbox-label" };
+  const _hoisted_3$m = { class: "lupa-term-label" };
+  const _hoisted_4$g = {
     key: 0,
     class: "lupa-term-count"
   };
@@ -11835,7 +12119,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 0,
     class: "lupa-facet-level"
   };
-  const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+  const _sfc_main$K = /* @__PURE__ */ defineComponent({
     __name: "HierarchyFacetLevel",
     props: {
       options: {},
@@ -11881,14 +12165,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             "data-cy": "lupa-facet-term",
             onClick: _cache[0] || (_cache[0] = ($event) => handleFacetClick(_ctx.item))
           }, [
-            createBaseVNode("div", _hoisted_1$N, [
+            createBaseVNode("div", _hoisted_1$H, [
               createBaseVNode("span", {
                 class: normalizeClass(["lupa-term-checkbox", { checked: isChecked.value }])
               }, null, 2)
             ]),
-            createBaseVNode("div", _hoisted_2$x, [
-              createBaseVNode("span", _hoisted_3$n, toDisplayString(_ctx.item.title) + toDisplayString(" "), 1),
-              _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_4$h, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
+            createBaseVNode("div", _hoisted_2$v, [
+              createBaseVNode("span", _hoisted_3$m, toDisplayString(_ctx.item.title) + toDisplayString(" "), 1),
+              _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_4$g, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
             ])
           ]),
           showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_5$a, [
@@ -11907,13 +12191,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$M = {
+  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"
   };
-  const _hoisted_2$w = { key: 0 };
-  const _hoisted_3$m = ["placeholder"];
-  const _sfc_main$P = /* @__PURE__ */ defineComponent({
+  const _hoisted_2$u = { key: 0 };
+  const _hoisted_3$l = ["placeholder"];
+  const _sfc_main$J = /* @__PURE__ */ defineComponent({
     __name: "HierarchyFacet",
     props: {
       options: {},
@@ -11963,19 +12247,19 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         showAll.value = true;
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$M, [
-          isFilterable.value ? (openBlock(), createElementBlock("div", _hoisted_2$w, [
+        return openBlock(), createElementBlock("div", _hoisted_1$G, [
+          isFilterable.value ? (openBlock(), createElementBlock("div", _hoisted_2$u, [
             withDirectives(createBaseVNode("input", {
               class: "lupa-term-filter",
               "data-cy": "lupa-term-filter",
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => termFilter.value = $event),
               placeholder: _ctx.options.labels.facetFilter
-            }, null, 8, _hoisted_3$m), [
+            }, null, 8, _hoisted_3$l), [
               [vModelText, termFilter.value]
             ])
           ])) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment, null, renderList(displayValues.value, (item) => {
-            return openBlock(), createBlock(_sfc_main$Q, {
+            return openBlock(), createBlock(_sfc_main$K, {
               key: item.title,
               options: _ctx.options,
               item,
@@ -11995,20 +12279,20 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$L = { class: "lupa-facet-label-text" };
-  const _hoisted_2$v = {
+  const _hoisted_1$F = { class: "lupa-facet-label-text" };
+  const _hoisted_2$t = {
     key: 0,
     class: "lupa-facet-content",
     "data-cy": "lupa-facet-content"
   };
-  const __default__$2 = {
+  const __default__$1 = {
     components: {
-      TermFacet: _sfc_main$S,
-      StatsFacet: _sfc_main$R,
-      HierarchyFacet: _sfc_main$P
+      TermFacet: _sfc_main$M,
+      StatsFacet: _sfc_main$L,
+      HierarchyFacet: _sfc_main$J
     }
   };
-  const _sfc_main$O = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$2), {
+  const _sfc_main$I = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$1), {
     __name: "FacetDisplay",
     props: {
       options: {},
@@ -12120,12 +12404,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             "data-cy": "lupa-search-result-facet-label",
             onClick: toggleFacet
           }, [
-            createBaseVNode("div", _hoisted_1$L, 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)
           ], 2),
-          isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_2$v, [
+          isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_2$t, [
             (openBlock(), createBlock(resolveDynamicComponent(facetType.value), {
               facet: facet.value,
               currentFilters: currentFilters.value[facet.value.key],
@@ -12143,12 +12427,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   }));
-  const _hoisted_1$K = { class: "lupa-search-result-facet-section" };
-  const _hoisted_2$u = {
+  const _hoisted_1$E = { class: "lupa-search-result-facet-section" };
+  const _hoisted_2$s = {
     key: 0,
     class: "lupa-facets-title"
   };
-  const _sfc_main$N = /* @__PURE__ */ defineComponent({
+  const _sfc_main$H = /* @__PURE__ */ defineComponent({
     __name: "FacetList",
     props: {
       options: {},
@@ -12182,14 +12466,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       return (_ctx, _cache) => {
         var _a;
-        return openBlock(), createElementBlock("div", _hoisted_1$K, [
-          _ctx.options.labels.title ? (openBlock(), createElementBlock("div", _hoisted_2$u, toDisplayString(_ctx.options.labels.title), 1)) : createCommentVNode("", true),
+        return openBlock(), createElementBlock("div", _hoisted_1$E, [
+          _ctx.options.labels.title ? (openBlock(), createElementBlock("div", _hoisted_2$s, toDisplayString(_ctx.options.labels.title), 1)) : createCommentVNode("", true),
           createBaseVNode("div", {
             class: normalizeClass(["lupa-search-result-facet-list", "lupa-" + ((_a = _ctx.facetStyle) != null ? _a : "")])
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(displayFacets.value, (facet) => {
               var _a2;
-              return openBlock(), createBlock(_sfc_main$O, {
+              return openBlock(), createBlock(_sfc_main$I, {
                 key: facet.key,
                 facet,
                 currentFilters: currentFiltersValue.value,
@@ -12204,8 +12488,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$J = { class: "lupa-search-result-facets" };
-  const _sfc_main$M = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$D = { class: "lupa-search-result-facets" };
+  const _sfc_main$G = /* @__PURE__ */ defineComponent({
     __name: "Facets",
     props: {
       options: {},
@@ -12281,8 +12565,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         paramStore.removeParameters({ paramsToRemove: [param] });
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$J, [
-          regularFacets.value ? (openBlock(), createBlock(_sfc_main$N, {
+        return openBlock(), createElementBlock("div", _hoisted_1$D, [
+          regularFacets.value ? (openBlock(), createBlock(_sfc_main$H, {
             key: 0,
             options: _ctx.options,
             facets: regularFacets.value,
@@ -12296,11 +12580,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$I = {
+  const _hoisted_1$C = {
     id: "lupa-search-result-filters",
     class: "lupa-search-result-filters"
   };
-  const _sfc_main$L = /* @__PURE__ */ defineComponent({
+  const _sfc_main$F = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsFilters",
     props: {
       options: {},
@@ -12329,19 +12613,19 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
         var _a;
-        return openBlock(), createElementBlock("div", _hoisted_1$I, [
-          showCurrentFilters.value ? (openBlock(), createBlock(_sfc_main$V, {
+        return openBlock(), createElementBlock("div", _hoisted_1$C, [
+          showCurrentFilters.value ? (openBlock(), createBlock(_sfc_main$P, {
             key: 0,
             options: _ctx.options.currentFilters,
             expandable: (_a = _ctx.expandable) != null ? _a : false
           }, null, 8, ["options", "expandable"])) : createCommentVNode("", true),
-          _ctx.options.categories ? (openBlock(), createBlock(_sfc_main$T, {
+          _ctx.options.categories ? (openBlock(), createBlock(_sfc_main$N, {
             key: 1,
             options: _ctx.options.categories,
             ref_key: "categoryFilters",
             ref: categoryFilters
           }, null, 8, ["options"])) : createCommentVNode("", true),
-          _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$M, {
+          _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$G, {
             key: 2,
             options: _ctx.options.facets
           }, null, 8, ["options"])) : createCommentVNode("", true)
@@ -12349,20 +12633,20 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$H = {
+  const _hoisted_1$B = {
     key: 0,
     class: "lupa-mobile-filter-sidebar"
   };
-  const _hoisted_2$t = ["onClick"];
-  const _hoisted_3$l = { class: "lupa-mobile-sidebar-content" };
-  const _hoisted_4$g = { class: "lupa-sidebar-top" };
+  const _hoisted_2$r = ["onClick"];
+  const _hoisted_3$k = { class: "lupa-mobile-sidebar-content" };
+  const _hoisted_4$f = { class: "lupa-sidebar-top" };
   const _hoisted_5$9 = { class: "lupa-sidebar-title" };
   const _hoisted_6$6 = {
     key: 0,
     class: "lupa-sidebar-filter-count"
   };
   const _hoisted_7$4 = { class: "lupa-sidebar-filter-options" };
-  const _sfc_main$K = /* @__PURE__ */ defineComponent({
+  const _sfc_main$E = /* @__PURE__ */ defineComponent({
     __name: "MobileFilterSidebar",
     props: {
       options: {}
@@ -12388,13 +12672,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         searchResultStore.setSidebarState({ visible: false });
       };
       return (_ctx, _cache) => {
-        return isMobileSidebarVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$H, [
+        return isMobileSidebarVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$B, [
           createBaseVNode("div", {
             class: "lupa-sidebar-close",
             onClick: withModifiers(handleMobileToggle, ["stop"])
-          }, null, 8, _hoisted_2$t),
-          createBaseVNode("div", _hoisted_3$l, [
-            createBaseVNode("div", _hoisted_4$g, [
+          }, null, 8, _hoisted_2$r),
+          createBaseVNode("div", _hoisted_3$k, [
+            createBaseVNode("div", _hoisted_4$f, [
               createBaseVNode("div", _hoisted_5$9, [
                 createTextVNode(toDisplayString(sidebarTitle.value) + " ", 1),
                 isFilterCountVisible.value ? (openBlock(), createElementBlock("span", _hoisted_6$6, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
@@ -12405,7 +12689,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               })
             ]),
             createBaseVNode("div", _hoisted_7$4, [
-              createVNode(_sfc_main$L, {
+              createVNode(_sfc_main$F, {
                 options: _ctx.options,
                 expandable: isActiveFiltersExpanded.value
               }, null, 8, ["options", "expandable"])
@@ -12415,14 +12699,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$G = { id: "lupa-search-results-breadcrumbs" };
-  const _hoisted_2$s = ["href", "onClick"];
-  const _hoisted_3$k = {
+  const _hoisted_1$A = { id: "lupa-search-results-breadcrumbs" };
+  const _hoisted_2$q = ["href", "onClick"];
+  const _hoisted_3$j = {
     key: 1,
     class: "lupa-search-results-breadcrumb-text"
   };
-  const _hoisted_4$f = { key: 2 };
-  const _sfc_main$J = /* @__PURE__ */ defineComponent({
+  const _hoisted_4$e = { key: 2 };
+  const _sfc_main$D = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsBreadcrumbs",
     props: {
       breadcrumbs: {}
@@ -12447,7 +12731,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         handleRoutingEvent(link, event, hasEventRouting.value);
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$G, [
+        return openBlock(), createElementBlock("div", _hoisted_1$A, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(breadcrumbsValue.value, (breadcrumb, index) => {
             return openBlock(), createElementBlock("span", {
               class: "lupa-search-results-breadcrumb",
@@ -12461,19 +12745,19 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   var _a;
                   return handleNavigation(e, (_a = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a : "");
                 }
-              }, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$s)) : (openBlock(), createElementBlock("span", _hoisted_3$k, toDisplayString(getLabel(breadcrumb.label)), 1)),
-              index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$f, " / ")) : createCommentVNode("", true)
+              }, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$q)) : (openBlock(), createElementBlock("span", _hoisted_3$j, toDisplayString(getLabel(breadcrumb.label)), 1)),
+              index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$e, " / ")) : createCommentVNode("", true)
             ]);
           }), 128))
         ]);
       };
     }
   });
-  const _hoisted_1$F = {
+  const _hoisted_1$z = {
     id: "lupa-search-result-filters",
     class: "lupa-search-result-filters"
   };
-  const _sfc_main$I = /* @__PURE__ */ defineComponent({
+  const _sfc_main$C = /* @__PURE__ */ defineComponent({
     __name: "FiltersTopDropdown",
     props: {
       options: {}
@@ -12481,8 +12765,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     setup(__props) {
       return (_ctx, _cache) => {
         var _a;
-        return openBlock(), createElementBlock("div", _hoisted_1$F, [
-          _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$M, {
+        return openBlock(), createElementBlock("div", _hoisted_1$z, [
+          _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$G, {
             key: 0,
             options: _ctx.options.facets,
             "facet-style": (_a = _ctx.options.facets.style) == null ? void 0 : _a.type,
@@ -12492,8 +12776,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$E = { id: "lupa-search-results-layout-selection" };
-  const _sfc_main$H = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$y = { id: "lupa-search-results-layout-selection" };
+  const _sfc_main$B = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsLayoutSelection",
     setup(__props) {
       const searchResultStore = useSearchResultStore();
@@ -12504,7 +12788,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         searchResultStore.setLayout(layout2);
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$E, [
+        return openBlock(), createElementBlock("div", _hoisted_1$y, [
           createBaseVNode("div", {
             class: normalizeClass([
               "lupa-layout-selection-grid",
@@ -12526,11 +12810,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$D = {
+  const _hoisted_1$x = {
     key: 0,
     class: "lupa-mobile-toggle-filter-count"
   };
-  const _sfc_main$G = /* @__PURE__ */ defineComponent({
+  const _sfc_main$A = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsMobileToggle",
     props: {
       label: {},
@@ -12548,26 +12832,26 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           onClick: handleMobileToggle
         }, [
           createTextVNode(toDisplayString(_ctx.label) + " ", 1),
-          _ctx.showFilterCount && unref(currentFilterCount) > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$D, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
+          _ctx.showFilterCount && unref(currentFilterCount) > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$x, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
         ], 2);
       };
     }
   });
-  const _hoisted_1$C = {
+  const _hoisted_1$w = {
     key: 0,
     id: "lupa-search-results-page-select",
     "data-cy": "lupa-search-results-page-select"
   };
-  const _hoisted_2$r = {
+  const _hoisted_2$p = {
     key: 0,
     class: "lupa-page-number-separator"
   };
-  const _hoisted_3$j = ["onClick"];
-  const _hoisted_4$e = {
+  const _hoisted_3$i = ["onClick"];
+  const _hoisted_4$d = {
     key: 0,
     class: "lupa-page-number-separator"
   };
-  const _sfc_main$F = /* @__PURE__ */ defineComponent({
+  const _sfc_main$z = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsPageSelect",
     props: {
       lastPageLabel: {},
@@ -12644,7 +12928,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         }
       };
       return (_ctx, _cache) => {
-        return showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_1$C, [
+        return showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_1$w, [
           showBack.value ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(firstPageLabel.value === "<" ? "lupa-page-arrow" : "lupa-show-less"),
@@ -12655,7 +12939,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               class: "lupa-page-number lupa-page-number-first",
               onClick: _cache[1] || (_cache[1] = () => handlePageChange(1))
             }, " 1 "),
-            showFirstPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_2$r, "...")) : createCommentVNode("", true)
+            showFirstPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_2$p, "...")) : createCommentVNode("", true)
           ], 64)) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment, null, renderList(pages.value, (page) => {
             return openBlock(), createElementBlock("div", {
@@ -12666,10 +12950,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 page === _ctx.options.selectedPage ? "lupa-page-number-selected" : ""
               ]),
               "data-cy": "lupa-page-number"
-            }, toDisplayString(page), 11, _hoisted_3$j);
+            }, toDisplayString(page), 11, _hoisted_3$i);
           }), 128)),
           showLastPage.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-            showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_4$e, "...")) : createCommentVNode("", true),
+            showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_4$d, "...")) : createCommentVNode("", true),
             createBaseVNode("div", {
               class: "lupa-page-number lupa-page-number-last",
               onClick: _cache[2] || (_cache[2] = () => {
@@ -12688,14 +12972,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$B = {
+  const _hoisted_1$v = {
     id: "lupa-search-results-page-size",
     "data-cy": "lupa-search-results-page-size"
   };
-  const _hoisted_2$q = { id: "lupa-select" };
-  const _hoisted_3$i = { class: "lupa-select-label" };
-  const _hoisted_4$d = ["aria-label"];
-  const _sfc_main$E = /* @__PURE__ */ defineComponent({
+  const _hoisted_2$o = { id: "lupa-select" };
+  const _hoisted_3$h = { class: "lupa-select-label" };
+  const _hoisted_4$c = ["aria-label"];
+  const _sfc_main$y = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsPageSize",
     props: {
       label: {},
@@ -12713,9 +12997,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         });
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$B, [
-          createBaseVNode("div", _hoisted_2$q, [
-            createBaseVNode("label", _hoisted_3$i, toDisplayString(_ctx.label), 1),
+        return openBlock(), createElementBlock("div", _hoisted_1$v, [
+          createBaseVNode("div", _hoisted_2$o, [
+            createBaseVNode("label", _hoisted_3$h, toDisplayString(_ctx.label), 1),
             createBaseVNode("select", {
               class: "lupa-select-dropdown",
               "aria-label": _ctx.label,
@@ -12727,21 +13011,21 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options.sizes, (option) => {
                 return openBlock(), createElementBlock("option", { key: option }, toDisplayString(option), 1);
               }), 128))
-            ], 40, _hoisted_4$d)
+            ], 40, _hoisted_4$c)
           ])
         ]);
       };
     }
   });
-  const _hoisted_1$A = {
+  const _hoisted_1$u = {
     id: "lupa-search-results-sort",
     class: "lupa-search-results-sort"
   };
-  const _hoisted_2$p = { id: "lupa-select" };
-  const _hoisted_3$h = { class: "lupa-select-label" };
-  const _hoisted_4$c = ["aria-label"];
+  const _hoisted_2$n = { id: "lupa-select" };
+  const _hoisted_3$g = { class: "lupa-select-label" };
+  const _hoisted_4$b = ["aria-label"];
   const _hoisted_5$8 = ["value"];
-  const _sfc_main$D = /* @__PURE__ */ defineComponent({
+  const _sfc_main$x = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsSort",
     props: {
       options: {},
@@ -12790,9 +13074,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         previousKey.value = selectedKey.value;
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$A, [
-          createBaseVNode("div", _hoisted_2$p, [
-            createBaseVNode("label", _hoisted_3$h, toDisplayString(_ctx.options.label), 1),
+        return openBlock(), createElementBlock("div", _hoisted_1$u, [
+          createBaseVNode("div", _hoisted_2$n, [
+            createBaseVNode("label", _hoisted_3$g, toDisplayString(_ctx.options.label), 1),
             withDirectives(createBaseVNode("select", {
               class: "lupa-select-dropdown",
               "aria-label": _ctx.options.label,
@@ -12807,7 +13091,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   value: option.key
                 }, toDisplayString(option.label), 9, _hoisted_5$8);
               }), 128))
-            ], 40, _hoisted_4$c), [
+            ], 40, _hoisted_4$b), [
               [vModelSelect, selectedKey.value]
             ])
           ])
@@ -12815,14 +13099,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$z = { class: "lupa-toolbar-left" };
-  const _hoisted_2$o = { key: 1 };
-  const _hoisted_3$g = { key: 3 };
-  const _hoisted_4$b = { key: 5 };
+  const _hoisted_1$t = { class: "lupa-toolbar-left" };
+  const _hoisted_2$m = { key: 1 };
+  const _hoisted_3$f = { key: 3 };
+  const _hoisted_4$a = { key: 5 };
   const _hoisted_5$7 = { class: "lupa-toolbar-right" };
   const _hoisted_6$5 = { key: 1 };
   const _hoisted_7$3 = { key: 3 };
-  const _sfc_main$C = /* @__PURE__ */ defineComponent({
+  const _sfc_main$w = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsToolbar",
     props: {
       options: {},
@@ -12921,32 +13205,32 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           id: "lupa-search-results-toolbar",
           class: normalizeClass({ "lupa-filter-no-results": !hasResults.value })
         }, [
-          createBaseVNode("div", _hoisted_1$z, [
-            showLayoutSelection.value ? (openBlock(), createBlock(_sfc_main$H, { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_2$o)),
-            showItemSummary.value ? (openBlock(), createBlock(_sfc_main$Y, {
+          createBaseVNode("div", _hoisted_1$t, [
+            showLayoutSelection.value ? (openBlock(), createBlock(_sfc_main$B, { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_2$m)),
+            showItemSummary.value ? (openBlock(), createBlock(_sfc_main$S, {
               key: 2,
               label: searchSummaryLabel.value,
               clearable: unref(hasAnyFilter) && showFilterClear.value,
               onClear: handleClearAll
-            }, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_3$g)),
-            displayPageSelect.value ? (openBlock(), createBlock(_sfc_main$F, {
+            }, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_3$f)),
+            displayPageSelect.value ? (openBlock(), createBlock(_sfc_main$z, {
               key: 4,
               options: paginationOptions.value.pageSelect,
               "last-page-label": paginationOptions.value.labels.showMore,
               "first-page-label": paginationOptions.value.labels.showLess
-            }, null, 8, ["options", "last-page-label", "first-page-label"])) : (openBlock(), createElementBlock("div", _hoisted_4$b))
+            }, null, 8, ["options", "last-page-label", "first-page-label"])) : (openBlock(), createElementBlock("div", _hoisted_4$a))
           ]),
           createBaseVNode("div", _hoisted_5$7, [
-            createVNode(_sfc_main$G, {
+            createVNode(_sfc_main$A, {
               label: optionsValue.value.labels.mobileFilterButton,
               "show-filter-count": showMobileFilterCount.value
             }, null, 8, ["label", "show-filter-count"]),
-            paginationDisplay.value.pageSize ? (openBlock(), createBlock(_sfc_main$E, {
+            paginationDisplay.value.pageSize ? (openBlock(), createBlock(_sfc_main$y, {
               key: 0,
               options: paginationOptions.value.pageSize,
               label: paginationOptions.value.labels.pageSize
             }, null, 8, ["options", "label"])) : (openBlock(), createElementBlock("div", _hoisted_6$5)),
-            sortOptions.value ? (openBlock(), createBlock(_sfc_main$D, {
+            sortOptions.value ? (openBlock(), createBlock(_sfc_main$x, {
               key: 2,
               options: sortOptions.value,
               callbacks: callbacks.value
@@ -12956,259 +13240,6 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$y = { class: "lupa-badge-title" };
-  const _hoisted_2$n = ["src"];
-  const _hoisted_3$f = { key: 1 };
-  const _hoisted_4$a = {
-    key: 0,
-    class: "lupa-badge-full-text"
-  };
-  const _sfc_main$B = /* @__PURE__ */ defineComponent({
-    __name: "SearchResultGeneratedBadge",
-    props: {
-      options: {},
-      badge: {}
-    },
-    setup(__props) {
-      const props = __props;
-      const image = computed(() => {
-        var _a, _b, _c;
-        return (_c = (_b = (_a = props.options.generate) == null ? void 0 : _a.image) == null ? void 0 : _b.call(_a, props.badge)) != null ? _c : "";
-      });
-      const showTitle = computed(() => {
-        var _a, _b, _c;
-        return (_c = (_b = (_a = props.options.generate) == null ? void 0 : _a.showTitle) == null ? void 0 : _b.call(_a, props.badge)) != null ? _c : true;
-      });
-      const hasAdditionalText = computed(() => {
-        var _a, _b;
-        return Boolean((_a = props.badge) == null ? void 0 : _a.additionalText) && typeof ((_b = props.badge) == null ? void 0 : _b.additionalText) === "string";
-      });
-      const hasTitleText = computed(() => {
-        var _a, _b;
-        return Boolean((_a = props.badge) == null ? void 0 : _a.titleText) && typeof ((_b = props.badge) == null ? void 0 : _b.titleText) === "string";
-      });
-      const customClassName = computed(() => {
-        var _a, _b, _c;
-        return (_c = (_b = (_a = props.options.generate) == null ? void 0 : _a.customClass) == null ? void 0 : _b.call(_a, props.badge)) != null ? _c : "";
-      });
-      return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", {
-          class: normalizeClass(["lupa-dynamic-badge", customClassName.value]),
-          style: normalizeStyle({ background: _ctx.badge.backgroundColor, color: _ctx.badge.color })
-        }, [
-          createBaseVNode("span", _hoisted_1$y, [
-            image.value ? (openBlock(), createElementBlock("img", {
-              key: 0,
-              src: image.value
-            }, null, 8, _hoisted_2$n)) : createCommentVNode("", true),
-            hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$f, toDisplayString(_ctx.badge.titleText), 1)) : createCommentVNode("", true)
-          ]),
-          hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$a, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
-        ], 6);
-      };
-    }
-  });
-  const _hoisted_1$x = { class: "lupa-generated-badges" };
-  const _sfc_main$A = /* @__PURE__ */ defineComponent({
-    __name: "SearchResultGeneratedBadges",
-    props: {
-      options: {}
-    },
-    setup(__props) {
-      const props = __props;
-      const badgeField = computed(() => {
-        var _a, _b, _c, _d, _e, _f, _g;
-        const fieldHasBadges = ((_a = props.options.generate) == null ? void 0 : _a.key) && props.options.product[(_c = (_b = props.options.generate) == null ? void 0 : _b.key) != null ? _c : ""] && Array.isArray(props.options.product[(_e = (_d = props.options.generate) == null ? void 0 : _d.key) != null ? _e : ""]);
-        return fieldHasBadges ? props.options.product[(_g = (_f = props.options.generate) == null ? void 0 : _f.key) != null ? _g : ""] : [];
-      });
-      const keyMap = computed(() => {
-        var _a, _b;
-        return (_b = (_a = props.options.generate) == null ? void 0 : _a.keyMap) != null ? _b : {};
-      });
-      const badges = computed(() => {
-        return badgeField.value.filter((f2) => Boolean(f2)).map((f2) => ({
-          backgroundColor: keyMap.value.backgroundColor ? f2[keyMap.value.backgroundColor] : void 0,
-          color: keyMap.value.color ? f2[keyMap.value.color] : void 0,
-          titleText: keyMap.value.titleText ? f2[keyMap.value.titleText] : void 0,
-          additionalText: keyMap.value.additionalText ? f2[keyMap.value.additionalText] : void 0,
-          id: keyMap.value.id ? f2[keyMap.value.id] : void 0
-        })).filter((b) => Boolean(b.id));
-      });
-      return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$x, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(badges.value, (badge) => {
-            return openBlock(), createBlock(_sfc_main$B, {
-              key: badge.id,
-              badge,
-              options: _ctx.options
-            }, null, 8, ["badge", "options"]);
-          }), 128))
-        ]);
-      };
-    }
-  });
-  const _hoisted_1$w = ["innerHTML"];
-  const _sfc_main$z = /* @__PURE__ */ defineComponent({
-    __name: "CustomBadge",
-    props: {
-      badge: {}
-    },
-    setup(__props) {
-      const props = __props;
-      const text = computed(() => {
-        var _a, _b, _c;
-        return (_c = (_b = props.badge).html) == null ? void 0 : _c.call(_b, (_a = props.badge.product) != null ? _a : {});
-      });
-      const className = computed(() => {
-        var _a;
-        return (_a = props.badge.className) != null ? _a : "";
-      });
-      return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", {
-          class: normalizeClass(className.value),
-          innerHTML: text.value
-        }, null, 10, _hoisted_1$w);
-      };
-    }
-  });
-  const _hoisted_1$v = { class: "lupa-text-badges" };
-  const _sfc_main$y = /* @__PURE__ */ defineComponent({
-    __name: "TextBadge",
-    props: {
-      badge: {}
-    },
-    setup(__props) {
-      const props = __props;
-      const badges = computed(() => {
-        var _a, _b;
-        return (_b = (_a = props.badge) == null ? void 0 : _a.value) != null ? _b : [];
-      });
-      const displayBadges = computed(() => {
-        return badges.value.slice(0, props.badge.maxItems);
-      });
-      return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$v, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
-            return openBlock(), createElementBlock("div", {
-              class: "lupa-badge lupa-text-badge",
-              key: item
-            }, toDisplayString(_ctx.badge.prefix) + toDisplayString(item), 1);
-          }), 128))
-        ]);
-      };
-    }
-  });
-  const _hoisted_1$u = { class: "lupa-image-badges" };
-  const _hoisted_2$m = ["src"];
-  const _sfc_main$x = /* @__PURE__ */ defineComponent({
-    __name: "ImageBadge",
-    props: {
-      badge: {}
-    },
-    setup(__props) {
-      const props = __props;
-      const badges = computed(() => {
-        return props.badge.value;
-      });
-      const displayBadges = computed(() => {
-        return badges.value.slice(0, props.badge.maxItems);
-      });
-      const getImageUrl = (src) => {
-        if (!props.badge.rootImageUrl) {
-          return src;
-        }
-        return `${props.badge.rootImageUrl}${src}`;
-      };
-      return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$u, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
-            return openBlock(), createElementBlock("div", {
-              class: "lupa-badge lupa-image-badge",
-              key: item
-            }, [
-              createBaseVNode("img", {
-                src: getImageUrl(item)
-              }, null, 8, _hoisted_2$m)
-            ]);
-          }), 128))
-        ]);
-      };
-    }
-  });
-  const _hoisted_1$t = { id: "lupa-search-results-badges" };
-  const __default__$1 = {
-    components: {
-      CustomBadge: _sfc_main$z,
-      TextBadge: _sfc_main$y,
-      ImageBadge: _sfc_main$x
-    }
-  };
-  const _sfc_main$w = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$1), {
-    __name: "SearchResultsBadgeWrapper",
-    props: {
-      position: {},
-      options: {}
-    },
-    setup(__props) {
-      const props = __props;
-      const positionValue = computed(() => {
-        var _a;
-        return (_a = props.position) != null ? _a : "card";
-      });
-      const anchorPosition = computed(() => {
-        return props.options.anchor;
-      });
-      const badges = computed(() => {
-        if (!props.options.elements) {
-          return [];
-        }
-        return props.options.elements.filter((e) => {
-          var _a;
-          return !e.display || e.display((_a = props.options.product) != null ? _a : {});
-        }).map((x) => {
-          var _a;
-          return __spreadProps2(__spreadValues2({}, x), {
-            value: ((_a = props.options.product) == null ? void 0 : _a[x.key]) || "badge",
-            product: props.options.product
-          });
-        });
-      });
-      const displayBadges = computed(() => {
-        return positionValue.value === "card" ? badges.value.filter((b) => !b.position || b.position === "card") : badges.value.filter((b) => b.position === "image");
-      });
-      const getBadgeComponent = (type) => {
-        switch (type) {
-          case BadgeType.TEXT:
-            return "TextBadge";
-          case BadgeType.IMAGE:
-            return "ImageBadge";
-          case BadgeType.CUSTOM_HTML:
-            return "CustomBadge";
-          default:
-            return "CustomBadge";
-        }
-      };
-      return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$t, [
-          createBaseVNode("div", {
-            id: "lupa-badges",
-            class: normalizeClass(anchorPosition.value)
-          }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (badge, index) => {
-              return openBlock(), createBlock(resolveDynamicComponent(getBadgeComponent(badge.type)), {
-                key: index,
-                badge
-              }, null, 8, ["badge"]);
-            }), 128)),
-            positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$A, {
-              key: 0,
-              options: _ctx.options
-            }, null, 8, ["options"])) : createCommentVNode("", true)
-          ], 2)
-        ]);
-      };
-    }
-  }));
   const _sfc_main$v = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductImage",
     props: {
@@ -13855,7 +13886,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           "data-cy": "lupa-search-result-product-card",
           class: ["lupa-search-result-product-card", !isInStock.value ? "lupa-out-of-stock" : ""]
         }, customDocumentHtmlAttributes.value, { onClick: handleClick }), [
-          createVNode(_sfc_main$w, { options: badgesOptions.value }, null, 8, ["options"]),
+          createVNode(_sfc_main$_, { options: badgesOptions.value }, null, 8, ["options"]),
           createBaseVNode("div", {
             class: normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
           }, [
@@ -13875,7 +13906,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   link: link.value
                 }, null, 8, ["item", "element", "labels", "inStock", "link"]);
               }), 128)),
-              createVNode(_sfc_main$w, {
+              createVNode(_sfc_main$_, {
                 options: badgesOptions.value,
                 position: "image",
                 class: "lupa-image-badges"
@@ -14317,17 +14348,17 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             class: "lupa-loader"
           })) : createCommentVNode("", true),
           unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            showTopFilters.value ? (openBlock(), createBlock(_sfc_main$I, {
+            showTopFilters.value ? (openBlock(), createBlock(_sfc_main$C, {
               key: 0,
               options: (_a = _ctx.options.filters) != null ? _a : {}
             }, null, 8, ["options"])) : createCommentVNode("", true),
-            showMobileFilters.value ? (openBlock(), createBlock(_sfc_main$C, {
+            showMobileFilters.value ? (openBlock(), createBlock(_sfc_main$w, {
               key: 1,
               class: "lupa-toolbar-mobile",
               options: _ctx.options,
               "pagination-location": "top"
             }, null, 8, ["options"])) : createCommentVNode("", true),
-            currentFilterOptions.value ? (openBlock(), createBlock(_sfc_main$V, {
+            currentFilterOptions.value ? (openBlock(), createBlock(_sfc_main$P, {
               key: 2,
               class: normalizeClass(currentFiltersClass.value),
               "data-cy": "lupa-search-result-filters-mobile-toolbar",
@@ -14341,7 +14372,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             sdkOptions: _ctx.options.options
           }, null, 8, ["options", "sdkOptions"]),
           unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-            createVNode(_sfc_main$C, {
+            createVNode(_sfc_main$w, {
               class: "lupa-toolbar-top",
               options: _ctx.options,
               "pagination-location": "top"
@@ -14371,7 +14402,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 onClick: goToFirstPage
               }, toDisplayString(_ctx.options.labels.backToFirstPage), 1)) : createCommentVNode("", true)
             ])) : createCommentVNode("", true),
-            createVNode(_sfc_main$C, {
+            createVNode(_sfc_main$w, {
               class: "lupa-toolbar-bottom",
               options: _ctx.options,
               "pagination-location": "bottom"
@@ -14450,7 +14481,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 onClick: handleNavigationBack
               }, toDisplayString(backTitle.value), 9, _hoisted_3$5)
             ])) : createCommentVNode("", true),
-            createVNode(_sfc_main$C, {
+            createVNode(_sfc_main$w, {
               class: "lupa-toolbar-mobile",
               "pagination-location": "top",
               options: _ctx.options
@@ -14682,8 +14713,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           class: normalizeClass(["lupa-search-result-wrapper", { "lupa-search-wrapper-no-results": !unref(hasResults) }])
         }, [
           _ctx.isContainer ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
-            createVNode(_sfc_main$Z, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-            createVNode(_sfc_main$X, {
+            createVNode(_sfc_main$T, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+            createVNode(_sfc_main$R, {
               "show-summary": true,
               options: _ctx.options,
               "is-product-list": (_a = _ctx.isProductList) != null ? _a : false
@@ -14693,24 +14724,24 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             key: 1,
             options: _ctx.options
           }, null, 8, ["options"])) : createCommentVNode("", true),
-          _ctx.options.filters ? (openBlock(), createBlock(_sfc_main$K, {
+          _ctx.options.filters ? (openBlock(), createBlock(_sfc_main$E, {
             key: 2,
             options: _ctx.options.filters
           }, null, 8, ["options"])) : createCommentVNode("", true),
-          unref(currentQueryText) || _ctx.isProductList ? (openBlock(), createBlock(_sfc_main$J, {
+          unref(currentQueryText) || _ctx.isProductList ? (openBlock(), createBlock(_sfc_main$D, {
             key: 3,
             breadcrumbs: _ctx.options.breadcrumbs
           }, null, 8, ["breadcrumbs"])) : createCommentVNode("", true),
           isTitleResultTopPosition.value ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
-            showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$L, {
+            showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$F, {
               key: 0,
               options: (_b = _ctx.options.filters) != null ? _b : {},
               ref_key: "searchResultsFilters",
               ref: searchResultsFilters
             }, null, 8, ["options"])) : createCommentVNode("", true),
             createBaseVNode("div", _hoisted_3$4, [
-              createVNode(_sfc_main$Z, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-              createVNode(_sfc_main$X, {
+              createVNode(_sfc_main$T, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+              createVNode(_sfc_main$R, {
                 options: _ctx.options,
                 "is-product-list": (_c = _ctx.isProductList) != null ? _c : false
               }, null, 8, ["options", "is-product-list"]),
@@ -14725,13 +14756,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               }, 8, ["options", "ssr"])
             ])
           ])) : (openBlock(), createElementBlock(Fragment, { key: 5 }, [
-            createVNode(_sfc_main$Z, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-            createVNode(_sfc_main$X, {
+            createVNode(_sfc_main$T, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+            createVNode(_sfc_main$R, {
               options: _ctx.options,
               "is-product-list": (_d = _ctx.isProductList) != null ? _d : false
             }, null, 8, ["options", "is-product-list"]),
             createBaseVNode("div", _hoisted_4$3, [
-              showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$L, {
+              showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$F, {
                 key: 0,
                 options: (_e = _ctx.options.filters) != null ? _e : {},
                 ref_key: "searchResultsFilters",
@@ -20361,7 +20392,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             onClick: withModifiers(innerClick, ["stop"])
           }, [
             createBaseVNode("div", _hoisted_2$7, [
-              createVNode(_sfc_main$_, {
+              createVNode(_sfc_main$U, {
                 options: fullSearchBoxOptions.value,
                 "is-search-container": true,
                 ref_key: "searchBox",
@@ -27373,7 +27404,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(unref(_sfc_main$_), {
+        return openBlock(), createBlock(unref(_sfc_main$U), {
           options: fullSearchBoxOptions.value,
           ref_key: "searchBox",
           ref: searchBox2