@getlupa/vue 0.1.8 → 0.2.0

package/dist/lupaSearch.js

@@ -1718,7 +1718,21 @@ const escapeHtml = (value) => {
   if (!value) {
     return "";
   }
-  return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+  let output = "";
+  let isSkip = false;
+  value.split(/(<del>.*?<\/del>)/g).forEach((segment) => {
+    if (segment.startsWith("<del>") && segment.endsWith("</del>")) {
+      output += segment;
+      isSkip = true;
+    }
+    if (!isSkip) {
+      output += segment.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+    }
+    if (isSkip) {
+      isSkip = false;
+    }
+  });
+  return output;
 };
 const initAnalyticsTracking = (analyticsOptions) => {
   try {
@@ -3000,8 +3014,8 @@ const useSearchBoxStore = defineStore("searchBox", () => {
 });
 const _hoisted_1$12 = { id: "lupa-search-box-input-container" };
 const _hoisted_2$I = { class: "lupa-input-clear" };
-const _hoisted_3$u = { id: "lupa-search-box-input" };
-const _hoisted_4$n = ["value"];
+const _hoisted_3$v = { id: "lupa-search-box-input" };
+const _hoisted_4$o = ["value"];
 const _hoisted_5$c = ["placeholder"];
 const _hoisted_6$6 = {
   key: 0,
@@ -3091,12 +3105,12 @@ const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
             onClick: clear
           }, null, 2)
         ]),
-        vue.createElementVNode("div", _hoisted_3$u, [
+        vue.createElementVNode("div", _hoisted_3$v, [
           vue.createElementVNode("input", {
             class: "lupa-hint",
             value: showHint.value ? suggestedValue.value.item.suggestion : "",
             disabled: ""
-          }, null, 8, _hoisted_4$n),
+          }, null, 8, _hoisted_4$o),
           vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
           }, inputAttributes.value, {
@@ -3258,12 +3272,12 @@ const _hoisted_2$G = {
   "data-cy": "lupa-suggestion-value",
   class: "lupa-suggestion-value"
 };
-const _hoisted_3$t = {
+const _hoisted_3$u = {
   key: 2,
   class: "lupa-suggestion-facet",
   "data-cy": "lupa-suggestion-facet"
 };
-const _hoisted_4$m = {
+const _hoisted_4$n = {
   class: "lupa-suggestion-facet-label",
   "data-cy": "lupa-suggestion-facet-label"
 };
@@ -3308,8 +3322,8 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
           "data-cy": "lupa-suggestion-value",
           innerHTML: _ctx.suggestion.displayHighlight
         }, null, 8, _hoisted_1$$)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$G, vue.toDisplayString(_ctx.suggestion.display), 1)),
-        _ctx.suggestion.facet ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$t, [
-          vue.createElementVNode("span", _hoisted_4$m, vue.toDisplayString(facetLabel.value), 1),
+        _ctx.suggestion.facet ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$u, [
+          vue.createElementVNode("span", _hoisted_4$n, vue.toDisplayString(facetLabel.value), 1),
           vue.createElementVNode("span", _hoisted_5$b, vue.toDisplayString(_ctx.suggestion.facet.title), 1)
         ])) : vue.createCommentVNode("", true)
       ]);
@@ -3710,8 +3724,8 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$U = ["innerHTML"];
 const _hoisted_2$D = { key: 0 };
-const _hoisted_3$s = { key: 1 };
-const _hoisted_4$l = { class: "lupa-search-box-custom-label" };
+const _hoisted_3$t = { key: 1 };
+const _hoisted_4$m = { class: "lupa-search-box-custom-label" };
 const _hoisted_5$a = { class: "lupa-search-box-custom-text" };
 const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductCustom",
@@ -3743,8 +3757,8 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
         key: 1,
         class: [className.value, "lupa-search-box-product-custom"]
       }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
-        !label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$D, vue.toDisplayString(text.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$s, [
-          vue.createElementVNode("div", _hoisted_4$l, vue.toDisplayString(label.value), 1),
+        !label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$D, vue.toDisplayString(text.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$t, [
+          vue.createElementVNode("div", _hoisted_4$m, vue.toDisplayString(label.value), 1),
           vue.createElementVNode("div", _hoisted_5$a, vue.toDisplayString(text.value), 1)
         ]))
       ], 16));
@@ -3969,7 +3983,7 @@ const useSearchResultStore = defineStore("searchResult", () => {
 });
 const _hoisted_1$S = { class: "lupa-search-box-add-to-cart-wrapper" };
 const _hoisted_2$C = { class: "lupa-search-box-product-addtocart" };
-const _hoisted_3$r = ["onClick", "disabled"];
+const _hoisted_3$s = ["onClick", "disabled"];
 const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductAddToCart",
   props: {
@@ -4005,7 +4019,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
             "data-cy": "lupa-add-to-cart",
             type: "button",
             disabled: !inStockValue.value || loading.value
-          }, vue.toDisplayString(label.value), 11, _hoisted_3$r)
+          }, vue.toDisplayString(label.value), 11, _hoisted_3$s)
         ])
       ]);
     };
@@ -4139,8 +4153,8 @@ const useTrackingStore = defineStore("tracking", () => {
 });
 const _hoisted_1$R = ["href"];
 const _hoisted_2$B = { class: "lupa-search-box-product-image-section" };
-const _hoisted_3$q = { class: "lupa-search-box-product-details-section" };
-const _hoisted_4$k = {
+const _hoisted_3$r = { class: "lupa-search-box-product-details-section" };
+const _hoisted_4$l = {
   key: 0,
   class: "lupa-search-box-product-add-to-cart-section"
 };
@@ -4249,7 +4263,7 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["item", "element", "labels", "link"]);
           }), 128))
         ]),
-        vue.createElementVNode("div", _hoisted_3$q, [
+        vue.createElementVNode("div", _hoisted_3$r, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(detailElements.value, (element) => {
             return vue.openBlock(), vue.createBlock(_sfc_main$W, {
               class: "lupa-search-box-product-element",
@@ -4261,7 +4275,7 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["item", "element", "labels", "link"]);
           }), 128))
         ]),
-        addToCartElement.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$k, [
+        addToCartElement.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$l, [
           vue.createVNode(_sfc_main$W, {
             class: "lupa-search-box-product-element",
             item: _ctx.item,
@@ -4400,8 +4414,8 @@ const _hoisted_2$A = {
   class: "lupa-main-panel",
   "data-cy": "lupa-main-panel"
 };
-const _hoisted_3$p = ["data-cy"];
-const _hoisted_4$j = {
+const _hoisted_3$q = ["data-cy"];
+const _hoisted_4$k = {
   key: 1,
   id: "lupa-search-box-panel"
 };
@@ -4555,7 +4569,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
                     key: "0"
                   } : void 0
                 ]), 1064, ["panel", "options", "debounce", "inputValue", "labels"])) : vue.createCommentVNode("", true)
-              ], 10, _hoisted_3$p);
+              ], 10, _hoisted_3$q);
             }), 128))
           ]),
           vue.createVNode(_sfc_main$19, {
@@ -4563,7 +4577,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
             showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
             onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
           }, null, 8, ["labels", "showTotalCount"])
-        ])) : displayHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$j, [
+        ])) : displayHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$k, [
           vue.createVNode(_sfc_main$17, {
             options: _ctx.options.history,
             history: history.value,
@@ -4947,11 +4961,11 @@ const _hoisted_2$y = {
   key: 0,
   "data-cy": "suggested-search-text-label"
 };
-const _hoisted_3$o = {
+const _hoisted_3$p = {
   key: 1,
   "data-cy": "did-you-mean-label"
 };
-const _hoisted_4$i = { key: 1 };
+const _hoisted_4$j = { key: 1 };
 const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsDidYouMean",
   props: {
@@ -4994,7 +5008,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
             ]);
           }), 128))
         ])) : vue.createCommentVNode("", true),
-        didYouMeanValue.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$o, [
+        didYouMeanValue.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$p, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.labels.didYouMean.split(" "), (label, index) => {
             return vue.openBlock(), vue.createElementBlock("span", { key: index }, [
               label.includes("{1}") ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -5002,7 +5016,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
                 class: "lupa-did-you-mean lupa-highlighted-search-text",
                 "data-cy": "did-you-mean-value",
                 onClick: _cache[0] || (_cache[0] = ($event) => goToResults({ searchText: didYouMeanValue.value }))
-              }, vue.toDisplayString(didYouMeanValue.value) + " ", 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$i, vue.toDisplayString(label) + " ", 1))
+              }, vue.toDisplayString(didYouMeanValue.value) + " ", 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$j, vue.toDisplayString(label) + " ", 1))
             ]);
           }), 128))
         ])) : vue.createCommentVNode("", true)
@@ -5048,11 +5062,11 @@ const _hoisted_1$L = {
   "data-cy": "lupa-result-page-title"
 };
 const _hoisted_2$w = { key: 0 };
-const _hoisted_3$n = {
+const _hoisted_3$o = {
   key: 1,
   class: "lupa-results-total-count"
 };
-const _hoisted_4$h = ["innerHTML"];
+const _hoisted_4$i = ["innerHTML"];
 const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsTitle",
   props: {
@@ -5091,7 +5105,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
         showSearchTitle.value ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_1$L, [
           vue.createTextVNode(vue.toDisplayString(_ctx.options.labels.searchResults), 1),
           queryText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$w, "'" + vue.toDisplayString(queryText.value) + "'", 1)) : vue.createCommentVNode("", true),
-          showProductCount.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$n, "(" + vue.toDisplayString(vue.unref(totalItems)) + ")", 1)) : vue.createCommentVNode("", true)
+          showProductCount.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$o, "(" + vue.toDisplayString(vue.unref(totalItems)) + ")", 1)) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true),
         _ctx.showSummary ? (vue.openBlock(), vue.createBlock(_sfc_main$P, {
           key: 1,
@@ -5101,7 +5115,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
           key: 2,
           class: "lupa-result-page-description-top",
           innerHTML: descriptionTop.value
-        }, null, 8, _hoisted_4$h)) : vue.createCommentVNode("", true)
+        }, null, 8, _hoisted_4$i)) : vue.createCommentVNode("", true)
       ]);
     };
   }
@@ -5111,7 +5125,7 @@ const _hoisted_2$v = {
   class: "lupa-current-filter-label",
   "data-cy": "lupa-current-filter-label"
 };
-const _hoisted_3$m = {
+const _hoisted_3$n = {
   class: "lupa-current-filter-value",
   "data-cy": "lupa-current-filter-value"
 };
@@ -5133,7 +5147,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
           onClick: handleClick
         }, "⨉"),
         vue.createElementVNode("div", _hoisted_2$v, vue.toDisplayString(_ctx.filter.label) + ": ", 1),
-        vue.createElementVNode("div", _hoisted_3$m, vue.toDisplayString(_ctx.filter.value), 1)
+        vue.createElementVNode("div", _hoisted_3$n, vue.toDisplayString(_ctx.filter.value), 1)
       ]);
     };
   }
@@ -5143,11 +5157,11 @@ const _hoisted_2$u = {
   key: 0,
   class: "lupa-filter-count"
 };
-const _hoisted_3$l = {
+const _hoisted_3$m = {
   key: 0,
   class: "filter-values"
 };
-const _hoisted_4$g = { class: "lupa-current-filter-list" };
+const _hoisted_4$h = { class: "lupa-current-filter-list" };
 const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   __name: "CurrentFilters",
   props: {
@@ -5212,8 +5226,8 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
             class: vue.normalizeClass(["lupa-filter-title-caret", isOpen.value && "open"])
           }, null, 2)) : vue.createCommentVNode("", true)
         ]),
-        !_ctx.expandable || isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$l, [
-          vue.createElementVNode("div", _hoisted_4$g, [
+        !_ctx.expandable || isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$m, [
+          vue.createElementVNode("div", _hoisted_4$h, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(displayFilters), (filter) => {
               return vue.openBlock(), vue.createBlock(_sfc_main$N, {
                 key: filter.key + "_" + filter.value,
@@ -5280,8 +5294,8 @@ const _hoisted_1$H = {
   "data-cy": "lupa-category-filter"
 };
 const _hoisted_2$t = { class: "lupa-category-back" };
-const _hoisted_3$k = ["href"];
-const _hoisted_4$f = ["href"];
+const _hoisted_3$l = ["href"];
+const _hoisted_4$g = ["href"];
 const _hoisted_5$9 = { class: "lupa-child-category-list" };
 const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   __name: "CategoryFilter",
@@ -5376,7 +5390,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
             "data-cy": "lupa-category-back",
             href: backUrlLink.value,
             onClick: handleNavigationBack
-          }, vue.toDisplayString(backTitle.value), 9, _hoisted_3$k)) : vue.createCommentVNode("", true)
+          }, vue.toDisplayString(backTitle.value), 9, _hoisted_3$l)) : vue.createCommentVNode("", true)
         ]),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["lupa-current-category", { "lupa-current-category-active": isActive }])
@@ -5386,7 +5400,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
             href: parentUrlLink.value,
             class: vue.normalizeClass({ "lupa-title-category": !hasBackButton.value }),
             onClick: handleNavigationParent
-          }, vue.toDisplayString(parentTitle.value), 11, _hoisted_4$f)
+          }, vue.toDisplayString(parentTitle.value), 11, _hoisted_4$g)
         ], 2),
         vue.createElementVNode("div", _hoisted_5$9, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(categoryChildren.value, (child) => {
@@ -5406,12 +5420,12 @@ const _hoisted_1$G = {
   "data-cy": "lupa-search-result-facet-term-values"
 };
 const _hoisted_2$s = ["placeholder"];
-const _hoisted_3$j = { class: "lupa-terms-list" };
-const _hoisted_4$e = ["onClick"];
+const _hoisted_3$k = { class: "lupa-terms-list" };
+const _hoisted_4$f = ["onClick"];
 const _hoisted_5$8 = { class: "lupa-term-checkbox-wrapper" };
 const _hoisted_6$5 = { class: "lupa-term-checkbox-label" };
 const _hoisted_7$5 = { class: "lupa-term-label" };
-const _hoisted_8$2 = {
+const _hoisted_8$1 = {
   key: 0,
   class: "lupa-term-count"
 };
@@ -5496,7 +5510,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
         }, null, 8, _hoisted_2$s)), [
           [vue.vModelText, termFilter.value]
         ]) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_3$j, [
+        vue.createElementVNode("div", _hoisted_3$k, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayValues.value, (item) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               class: vue.normalizeClass(["lupa-facet-term", { checked: isChecked(item) }]),
@@ -5511,9 +5525,9 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
               ]),
               vue.createElementVNode("div", _hoisted_6$5, [
                 vue.createElementVNode("span", _hoisted_7$5, vue.toDisplayString(item.title), 1),
-                _ctx.options.showDocumentCount ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$2, "(" + vue.toDisplayString(item.count) + ")", 1)) : vue.createCommentVNode("", true)
+                _ctx.options.showDocumentCount ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$1, "(" + vue.toDisplayString(item.count) + ")", 1)) : vue.createCommentVNode("", true)
               ])
-            ], 10, _hoisted_4$e);
+            ], 10, _hoisted_4$f);
           }), 128))
         ]),
         displayShowMore.value ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -6509,18 +6523,18 @@ const _hoisted_2$r = {
   key: 0,
   class: "lupa-stats-facet-summary"
 };
-const _hoisted_3$i = {
+const _hoisted_3$j = {
   key: 1,
   class: "lupa-stats-facet-summary-input"
 };
-const _hoisted_4$d = {
+const _hoisted_4$e = {
   key: 0,
   class: "lupa-stats-range-label"
 };
 const _hoisted_5$7 = { class: "lupa-stats-from" };
 const _hoisted_6$4 = ["max", "min", "pattern"];
 const _hoisted_7$4 = { key: 0 };
-const _hoisted_8$1 = /* @__PURE__ */ vue.createElementVNode("div", { class: "lupa-stats-separator" }, null, -1);
+const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("div", { class: "lupa-stats-separator" }, null, -1);
 const _hoisted_9 = {
   key: 0,
   class: "lupa-stats-range-label"
@@ -6681,9 +6695,9 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
-        !isInputVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$r, vue.toDisplayString(statsSummary.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$i, [
+        !isInputVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$r, vue.toDisplayString(statsSummary.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$j, [
           vue.createElementVNode("div", null, [
-            rangeLabelFrom.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$d, vue.toDisplayString(rangeLabelFrom.value), 1)) : vue.createCommentVNode("", true),
+            rangeLabelFrom.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$e, vue.toDisplayString(rangeLabelFrom.value), 1)) : vue.createCommentVNode("", true),
             vue.createElementVNode("div", _hoisted_5$7, [
               vue.withDirectives(vue.createElementVNode("input", {
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
@@ -6703,7 +6717,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
               isPrice.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$4, vue.toDisplayString(currency.value), 1)) : vue.createCommentVNode("", true)
             ])
           ]),
-          _hoisted_8$1,
+          _hoisted_8,
           vue.createElementVNode("div", null, [
             rangeLabelTo.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, vue.toDisplayString(rangeLabelTo.value), 1)) : vue.createCommentVNode("", true),
             vue.createElementVNode("div", _hoisted_10, [
@@ -6746,8 +6760,8 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$E = { class: "lupa-term-checkbox-wrapper" };
 const _hoisted_2$q = { class: "lupa-term-checkbox-label" };
-const _hoisted_3$h = { class: "lupa-term-label" };
-const _hoisted_4$c = {
+const _hoisted_3$i = { class: "lupa-term-label" };
+const _hoisted_4$d = {
   key: 0,
   class: "lupa-term-count"
 };
@@ -6807,8 +6821,8 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
             }, null, 2)
           ]),
           vue.createElementVNode("div", _hoisted_2$q, [
-            vue.createElementVNode("span", _hoisted_3$h, vue.toDisplayString(_ctx.item.title) + vue.toDisplayString(" "), 1),
-            _ctx.options.showDocumentCount ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$c, "(" + vue.toDisplayString(_ctx.item.count) + ")", 1)) : vue.createCommentVNode("", true)
+            vue.createElementVNode("span", _hoisted_3$i, vue.toDisplayString(_ctx.item.title) + vue.toDisplayString(" "), 1),
+            _ctx.options.showDocumentCount ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$d, "(" + vue.toDisplayString(_ctx.item.count) + ")", 1)) : vue.createCommentVNode("", true)
           ])
         ]),
         showChildren.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$6, [
@@ -6832,7 +6846,7 @@ const _hoisted_1$D = {
   "data-cy": "lupa-search-result-facet-term-values"
 };
 const _hoisted_2$p = { key: 0 };
-const _hoisted_3$g = ["placeholder"];
+const _hoisted_3$h = ["placeholder"];
 const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "HierarchyFacet",
   props: {
@@ -6890,7 +6904,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
             "data-cy": "lupa-term-filter",
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => termFilter.value = $event),
             placeholder: _ctx.options.labels.facetFilter
-          }, null, 8, _hoisted_3$g), [
+          }, null, 8, _hoisted_3$h), [
             [vue.vModelText, termFilter.value]
           ])
         ])) : vue.createCommentVNode("", true),
@@ -7243,8 +7257,8 @@ const _hoisted_1$y = {
   class: "lupa-mobile-filter-sidebar"
 };
 const _hoisted_2$m = ["onClick"];
-const _hoisted_3$f = { class: "lupa-mobile-sidebar-content" };
-const _hoisted_4$b = { class: "lupa-sidebar-top" };
+const _hoisted_3$g = { class: "lupa-mobile-sidebar-content" };
+const _hoisted_4$c = { class: "lupa-sidebar-top" };
 const _hoisted_5$5 = { class: "lupa-sidebar-title" };
 const _hoisted_6$3 = {
   key: 0,
@@ -7282,8 +7296,8 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
           class: "lupa-sidebar-close",
           onClick: vue.withModifiers(handleMobileToggle, ["stop"])
         }, null, 8, _hoisted_2$m),
-        vue.createElementVNode("div", _hoisted_3$f, [
-          vue.createElementVNode("div", _hoisted_4$b, [
+        vue.createElementVNode("div", _hoisted_3$g, [
+          vue.createElementVNode("div", _hoisted_4$c, [
             vue.createElementVNode("div", _hoisted_5$5, [
               vue.createTextVNode(vue.toDisplayString(sidebarTitle.value) + " ", 1),
               isFilterCountVisible.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$3, vue.toDisplayString(vue.unref(currentFilterCount)), 1)) : vue.createCommentVNode("", true)
@@ -7306,11 +7320,11 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$x = { id: "lupa-search-results-breadcrumbs" };
 const _hoisted_2$l = ["href", "onClick"];
-const _hoisted_3$e = {
+const _hoisted_3$f = {
   key: 1,
   class: "lupa-search-results-breadcrumb-text"
 };
-const _hoisted_4$a = { key: 2 };
+const _hoisted_4$b = { key: 2 };
 const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsBreadcrumbs",
   props: {
@@ -7350,8 +7364,8 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
                 var _a;
                 return handleNavigation(e, (_a = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a : "");
               }
-            }, vue.toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$l)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$e, vue.toDisplayString(getLabel(breadcrumb.label)), 1)),
-            index < breadcrumbsValue.value.length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$a, " / ")) : vue.createCommentVNode("", true)
+            }, vue.toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$l)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$f, vue.toDisplayString(getLabel(breadcrumb.label)), 1)),
+            index < breadcrumbsValue.value.length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$b, " / ")) : vue.createCommentVNode("", true)
           ]);
         }), 128))
       ]);
@@ -7451,8 +7465,8 @@ const _hoisted_2$k = {
   key: 0,
   class: "lupa-page-number-separator"
 };
-const _hoisted_3$d = ["onClick"];
-const _hoisted_4$9 = {
+const _hoisted_3$e = ["onClick"];
+const _hoisted_4$a = {
   key: 0,
   class: "lupa-page-number-separator"
 };
@@ -7540,10 +7554,10 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
               page === _ctx.options.selectedPage ? "lupa-page-number-selected" : ""
             ]),
             "data-cy": "lupa-page-number"
-          }, vue.toDisplayString(page), 11, _hoisted_3$d);
+          }, vue.toDisplayString(page), 11, _hoisted_3$e);
         }), 128)),
         showLastPage.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-          showLastPageSeparator.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$9, "...")) : vue.createCommentVNode("", true),
+          showLastPageSeparator.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$a, "...")) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", {
             class: "lupa-page-number lupa-page-number-last",
             onClick: _cache[2] || (_cache[2] = () => {
@@ -7567,7 +7581,7 @@ const _hoisted_1$s = {
   "data-cy": "lupa-search-results-page-size"
 };
 const _hoisted_2$j = { id: "lupa-select" };
-const _hoisted_3$c = { class: "lupa-select-label" };
+const _hoisted_3$d = { class: "lupa-select-label" };
 const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsPageSize",
   props: {
@@ -7587,7 +7601,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [
         vue.createElementVNode("div", _hoisted_2$j, [
-          vue.createElementVNode("label", _hoisted_3$c, vue.toDisplayString(_ctx.label), 1),
+          vue.createElementVNode("label", _hoisted_3$d, vue.toDisplayString(_ctx.label), 1),
           vue.createElementVNode("select", {
             class: "lupa-select-dropdown",
             "data-cy": "lupa-page-size-select-dropdown",
@@ -7609,8 +7623,8 @@ const _hoisted_1$r = {
   class: "lupa-search-results-sort"
 };
 const _hoisted_2$i = { id: "lupa-select" };
-const _hoisted_3$b = { class: "lupa-select-label" };
-const _hoisted_4$8 = ["value"];
+const _hoisted_3$c = { class: "lupa-select-label" };
+const _hoisted_4$9 = ["value"];
 const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsSort",
   props: {
@@ -7655,7 +7669,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$r, [
         vue.createElementVNode("div", _hoisted_2$i, [
-          vue.createElementVNode("label", _hoisted_3$b, vue.toDisplayString(_ctx.options.label), 1),
+          vue.createElementVNode("label", _hoisted_3$c, vue.toDisplayString(_ctx.options.label), 1),
           vue.withDirectives(vue.createElementVNode("select", {
             class: "lupa-select-dropdown",
             "data-cy": "lupa-sort-select-dropdown",
@@ -7667,7 +7681,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
               return vue.openBlock(), vue.createElementBlock("option", {
                 key: option.key,
                 value: option.key
-              }, vue.toDisplayString(option.label), 9, _hoisted_4$8);
+              }, vue.toDisplayString(option.label), 9, _hoisted_4$9);
             }), 128))
           ], 544), [
             [vue.vModelSelect, selectedKey.value]
@@ -7679,8 +7693,8 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$q = { class: "lupa-toolbar-left" };
 const _hoisted_2$h = { key: 1 };
-const _hoisted_3$a = { key: 3 };
-const _hoisted_4$7 = { key: 5 };
+const _hoisted_3$b = { key: 3 };
+const _hoisted_4$8 = { key: 5 };
 const _hoisted_5$4 = { class: "lupa-toolbar-right" };
 const _hoisted_6$2 = { key: 1 };
 const _hoisted_7$2 = { key: 3 };
@@ -7788,13 +7802,13 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
             label: searchSummaryLabel.value,
             clearable: vue.unref(hasAnyFilter) && showFilterClear.value,
             onClear: handleClearAll
-          }, null, 8, ["label", "clearable"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$a)),
+          }, null, 8, ["label", "clearable"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$b)),
           displayPageSelect.value ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
             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"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$7))
+          }, null, 8, ["options", "last-page-label", "first-page-label"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$8))
         ]),
         vue.createElementVNode("div", _hoisted_5$4, [
           vue.createVNode(_sfc_main$x, {
@@ -7815,8 +7829,60 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$p = { class: "lupa-generated-badges" };
+const _hoisted_1$p = { class: "lupa-badge-title" };
+const _hoisted_2$g = ["src"];
+const _hoisted_3$a = { key: 1 };
+const _hoisted_4$7 = {
+  key: 0,
+  class: "lupa-badge-full-text"
+};
 const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+  __name: "SearchResultGeneratedBadge",
+  props: {
+    options: {},
+    badge: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const image = vue.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 = vue.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 = vue.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 = vue.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 = vue.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 vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["lupa-dynamic-badge", customClassName.value]),
+        style: vue.normalizeStyle({ background: _ctx.badge.backgroundColor, color: _ctx.badge.color })
+      }, [
+        vue.createElementVNode("span", _hoisted_1$p, [
+          image.value ? (vue.openBlock(), vue.createElementBlock("img", {
+            key: 0,
+            src: image.value
+          }, null, 8, _hoisted_2$g)) : vue.createCommentVNode("", true),
+          hasTitleText.value && showTitle.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$a, vue.toDisplayString(_ctx.badge.titleText), 1)) : vue.createCommentVNode("", true)
+        ]),
+        hasAdditionalText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$7, vue.toDisplayString(_ctx.badge.additionalText), 1)) : vue.createCommentVNode("", true)
+      ], 6);
+    };
+  }
+});
+const _hoisted_1$o = { class: "lupa-generated-badges" };
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultGeneratedBadges",
   props: {
     options: {}
@@ -7842,10 +7908,9 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
       })).filter((b) => Boolean(b.id));
     });
     return (_ctx, _cache) => {
-      const _component_SearchResultGeneratedBadge = vue.resolveComponent("SearchResultGeneratedBadge");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(badges.value, (badge) => {
-          return vue.openBlock(), vue.createBlock(_component_SearchResultGeneratedBadge, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$s, {
             key: badge.id,
             badge,
             options: _ctx.options
@@ -7855,8 +7920,8 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$o = ["innerHTML"];
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$n = ["innerHTML"];
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "CustomBadge",
   props: {
     badge: {}
@@ -7875,12 +7940,12 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(className.value),
         innerHTML: text.value
-      }, null, 10, _hoisted_1$o);
+      }, null, 10, _hoisted_1$n);
     };
   }
 });
-const _hoisted_1$n = { class: "lupa-text-badges" };
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$m = { class: "lupa-text-badges" };
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "TextBadge",
   props: {
     badge: {}
@@ -7895,7 +7960,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
       return badges.value.slice(0, props.badge.maxItems);
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayBadges.value, (item) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             class: "lupa-badge lupa-text-badge",
@@ -7906,9 +7971,9 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$m = { class: "lupa-image-badges" };
-const _hoisted_2$g = ["src"];
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$l = { class: "lupa-image-badges" };
+const _hoisted_2$f = ["src"];
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "ImageBadge",
   props: {
     badge: {}
@@ -7928,7 +7993,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
       return `${props.badge.rootImageUrl}${src}`;
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayBadges.value, (item) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             class: "lupa-badge lupa-image-badge",
@@ -7936,22 +8001,22 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
           }, [
             vue.createElementVNode("img", {
               src: getImageUrl(item)
-            }, null, 8, _hoisted_2$g)
+            }, null, 8, _hoisted_2$f)
           ]);
         }), 128))
       ]);
     };
   }
 });
-const _hoisted_1$l = { id: "lupa-search-results-badges" };
+const _hoisted_1$k = { id: "lupa-search-results-badges" };
 const __default__$1 = {
   components: {
-    CustomBadge: _sfc_main$r,
-    TextBadge: _sfc_main$q,
-    ImageBadge: _sfc_main$p
+    CustomBadge: _sfc_main$q,
+    TextBadge: _sfc_main$p,
+    ImageBadge: _sfc_main$o
   }
 };
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
   __name: "SearchResultsBadgeWrapper",
   props: {
     position: {},
@@ -7997,7 +8062,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
       }
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [
         vue.createElementVNode("div", {
           id: "lupa-badges",
           class: vue.normalizeClass(anchorPosition.value)
@@ -8008,7 +8073,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
               badge
             }, null, 8, ["badge"]);
           }), 128)),
-          _ctx.position === "card" ? (vue.openBlock(), vue.createBlock(_sfc_main$s, {
+          positionValue.value === "card" ? (vue.openBlock(), vue.createBlock(_sfc_main$r, {
             key: 0,
             options: _ctx.options
           }, null, 8, ["options"])) : vue.createCommentVNode("", true)
@@ -8017,7 +8082,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
     };
   }
 }));
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductImage",
   props: {
     item: {},
@@ -8034,14 +8099,14 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$k = ["innerHTML"];
-const _hoisted_2$f = ["title"];
+const _hoisted_1$j = ["innerHTML"];
+const _hoisted_2$e = ["title"];
 const _hoisted_3$9 = {
   key: 0,
   class: "lupa-search-results-product-title-text"
 };
 const _hoisted_4$6 = ["href"];
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductTitle",
   props: {
     item: {},
@@ -8074,7 +8139,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
         class: "lupa-search-results-product-title",
         style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
         innerHTML: title.value
-      }, null, 12, _hoisted_1$k)) : (vue.openBlock(), vue.createElementBlock("div", {
+      }, null, 12, _hoisted_1$j)) : (vue.openBlock(), vue.createElementBlock("div", {
         key: 1,
         class: "lupa-search-results-product-title",
         style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
@@ -8087,12 +8152,12 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
           class: "lupa-search-results-product-title-text lupa-title-link",
           onClick: handleNavigation
         }, vue.toDisplayString(title.value), 9, _hoisted_4$6)) : vue.createCommentVNode("", true)
-      ], 12, _hoisted_2$f));
+      ], 12, _hoisted_2$e));
     };
   }
 });
-const _hoisted_1$j = ["innerHTML"];
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$i = ["innerHTML"];
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductDescription",
   props: {
     item: {},
@@ -8116,7 +8181,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
         class: "lupa-search-results-product-description",
         style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
         innerHTML: description.value
-      }, null, 12, _hoisted_1$j)) : (vue.openBlock(), vue.createElementBlock("div", {
+      }, null, 12, _hoisted_1$i)) : (vue.openBlock(), vue.createElementBlock("div", {
         key: 1,
         class: "lupa-search-results-product-description",
         style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`)
@@ -8124,15 +8189,15 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$i = { id: "lupa-search-results-rating" };
-const _hoisted_2$e = { class: "lupa-ratings" };
+const _hoisted_1$h = { id: "lupa-search-results-rating" };
+const _hoisted_2$d = { class: "lupa-ratings" };
 const _hoisted_3$8 = { class: "lupa-ratings-base" };
 const _hoisted_4$5 = ["innerHTML"];
 const _hoisted_5$3 = { class: "lupa-rating-wrapper" };
 const _hoisted_6$1 = ["innerHTML"];
 const _hoisted_7$1 = ["href"];
 const STAR_COUNT = 5;
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductRating",
   props: {
     item: {},
@@ -8163,8 +8228,8 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
       return generateLink(props.options.links.ratingDetails, props.item);
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [
-        vue.createElementVNode("div", _hoisted_2$e, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
+        vue.createElementVNode("div", _hoisted_2$d, [
           vue.createElementVNode("div", _hoisted_3$8, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(baseStars.value, (star, index) => {
               return vue.openBlock(), vue.createElementBlock("div", {
@@ -8197,11 +8262,11 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$h = {
+const _hoisted_1$g = {
   class: "lupa-search-results-product-regular-price",
   "data-cy": "lupa-search-results-product-regular-price"
 };
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductRegularPrice",
   props: {
     item: {},
@@ -8219,15 +8284,15 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
       );
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, vue.toDisplayString(price.value), 1);
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, vue.toDisplayString(price.value), 1);
     };
   }
 });
-const _hoisted_1$g = {
+const _hoisted_1$f = {
   class: "lupa-search-results-product-price",
   "data-cy": "lupa-search-results-product-price"
 };
-const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductPrice",
   props: {
     item: {},
@@ -8245,16 +8310,16 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
       );
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
         vue.createElementVNode("strong", null, vue.toDisplayString(price.value), 1)
       ]);
     };
   }
 });
-const _hoisted_1$f = { class: "lupa-search-results-add-to-cart-wrapper" };
-const _hoisted_2$d = { class: "lupa-search-results-product-addtocart" };
+const _hoisted_1$e = { class: "lupa-search-results-add-to-cart-wrapper" };
+const _hoisted_2$c = { class: "lupa-search-results-product-addtocart" };
 const _hoisted_3$7 = ["onClick", "disabled"];
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductAddToCart",
   props: {
     item: {},
@@ -8281,8 +8346,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
       loading.value = false;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
-        vue.createElementVNode("div", _hoisted_2$d, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
+        vue.createElementVNode("div", _hoisted_2$c, [
           vue.createElementVNode("button", {
             onClick: vue.withModifiers(handleClick, ["stop"]),
             class: vue.normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
@@ -8294,12 +8359,12 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$e = ["innerHTML"];
-const _hoisted_2$c = { key: 0 };
+const _hoisted_1$d = ["innerHTML"];
+const _hoisted_2$b = { key: 0 };
 const _hoisted_3$6 = { key: 1 };
 const _hoisted_4$4 = { class: "lupa-search-box-custom-label" };
 const _hoisted_5$2 = { class: "lupa-search-box-custom-text" };
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductCustom",
   props: {
     item: {},
@@ -8337,11 +8402,11 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         class: className.value,
         innerHTML: text.value
-      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$e)) : (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$d)) : (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         key: 1,
         class: className.value
       }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
-        !label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$c, vue.toDisplayString(text.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$6, [
+        !label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$b, vue.toDisplayString(text.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$6, [
           vue.createElementVNode("div", _hoisted_4$4, vue.toDisplayString(label.value), 1),
           vue.createElementVNode("div", _hoisted_5$2, vue.toDisplayString(text.value), 1)
         ]))
@@ -8349,8 +8414,8 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$d = ["innerHTML"];
-const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$c = ["innerHTML"];
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductCustomHtmlElement",
   props: {
     item: {},
@@ -8374,15 +8439,15 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         class: className.value,
         innerHTML: text.value
-      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$d);
+      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$c);
     };
   }
 });
-const _hoisted_1$c = { id: "lupa-search-results-rating" };
-const _hoisted_2$b = ["innerHTML"];
+const _hoisted_1$b = { id: "lupa-search-results-rating" };
+const _hoisted_2$a = ["innerHTML"];
 const _hoisted_3$5 = { class: "lupa-ratings" };
 const _hoisted_4$3 = ["href"];
-const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductSingleStarRating",
   props: {
     item: {},
@@ -8410,11 +8475,11 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
       return RATING_STAR_HTML;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
         vue.createElementVNode("div", {
           innerHTML: star.value,
           class: "lupa-rating lupa-rating-highlighted"
-        }, null, 8, _hoisted_2$b),
+        }, null, 8, _hoisted_2$a),
         vue.createElementVNode("div", _hoisted_3$5, vue.toDisplayString(rating.value), 1),
         vue.createElementVNode("a", {
           href: ratingLink.value,
@@ -8426,19 +8491,19 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
 });
 const __default__ = {
   components: {
-    SearchResultsProductImage: _sfc_main$n,
-    SearchResultsProductTitle: _sfc_main$m,
-    SearchResultsProductDescription: _sfc_main$l,
-    SearchResultsProductRating: _sfc_main$k,
-    SearchResultsProductRegularPrice: _sfc_main$j,
-    SearchResultsProductPrice: _sfc_main$i,
-    SearchResultsProductAddToCart: _sfc_main$h,
-    SearchResultsProductCustom: _sfc_main$g,
-    SearchResultsProductCustomHtmlElement: _sfc_main$f,
-    SearchResultsProductSingleStarRating: _sfc_main$e
-  }
-};
-const _sfc_main$d = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__), {
+    SearchResultsProductImage: _sfc_main$m,
+    SearchResultsProductTitle: _sfc_main$l,
+    SearchResultsProductDescription: _sfc_main$k,
+    SearchResultsProductRating: _sfc_main$j,
+    SearchResultsProductRegularPrice: _sfc_main$i,
+    SearchResultsProductPrice: _sfc_main$h,
+    SearchResultsProductAddToCart: _sfc_main$g,
+    SearchResultsProductCustom: _sfc_main$f,
+    SearchResultsProductCustomHtmlElement: _sfc_main$e,
+    SearchResultsProductSingleStarRating: _sfc_main$d
+  }
+};
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__), {
   __name: "SearchResultsProductCardElement",
   props: {
     item: {},
@@ -8508,13 +8573,13 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
     };
   }
 }));
-const _hoisted_1$b = ["href"];
-const _hoisted_2$a = {
+const _hoisted_1$a = ["href"];
+const _hoisted_2$9 = {
   key: 0,
   class: "lupa-out-of-stock"
 };
 const _hoisted_3$4 = { class: "lupa-search-result-product-details-section" };
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductCard",
   props: {
     product: {},
@@ -8659,7 +8724,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["lupa-search-result-product-card", !isInStock.value ? "lupa-out-of-stock" : ""]),
         onClick: handleClick
       }, [
-        vue.createVNode(_sfc_main$o, { options: badgesOptions.value }, null, 8, ["options"]),
+        vue.createVNode(_sfc_main$n, { options: badgesOptions.value }, null, 8, ["options"]),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
         }, [
@@ -8669,7 +8734,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
             onClick: handleNavigation
           }, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(imageElements.value, (element) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$d, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$c, {
                 class: "lupa-search-results-product-element",
                 item: _ctx.product,
                 element,
@@ -8679,16 +8744,16 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                 link: link.value
               }, null, 8, ["item", "element", "labels", "inStock", "link"]);
             }), 128)),
-            vue.createVNode(_sfc_main$o, {
+            vue.createVNode(_sfc_main$n, {
               options: badgesOptions.value,
               position: "image",
               class: "lupa-image-badges"
             }, null, 8, ["options"]),
-            ((_a = labels.value) == null ? void 0 : _a.outOfStock) && !isInStock.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$a, vue.toDisplayString(labels.value.outOfStock), 1)) : vue.createCommentVNode("", true)
-          ], 8, _hoisted_1$b),
+            ((_a = labels.value) == null ? void 0 : _a.outOfStock) && !isInStock.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$9, vue.toDisplayString(labels.value.outOfStock), 1)) : vue.createCommentVNode("", true)
+          ], 8, _hoisted_1$a),
           vue.createElementVNode("div", _hoisted_3$4, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(detailElements.value, (element) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$d, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$c, {
                 class: "lupa-search-results-product-element",
                 item: _ctx.product,
                 element,
@@ -8706,7 +8771,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
               class: vue.normalizeClass("lupa-element-group-" + group)
             }, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getGroupElements(group), (element) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$d, {
+                return vue.openBlock(), vue.createBlock(_sfc_main$c, {
                   class: "lupa-search-results-product-element",
                   item: _ctx.product,
                   element,
@@ -8724,42 +8789,6 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$a = { id: "lupa-similar-query-text-component" };
-const _hoisted_2$9 = ["data-cy"];
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
-  __name: "SimilarQueryText",
-  props: {
-    similarQuery: {},
-    label: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const searchResultStore = useSearchResultStore();
-    const { searchResult } = storeToRefs(searchResultStore);
-    const searchText = vue.computed(() => searchResult.value.searchText);
-    const count = vue.computed(() => {
-      return props.similarQuery.count;
-    });
-    const insertValue = (text, query) => {
-      return text.includes("{1}") ? addParamsToLabel(text, query).split(" ") : text.split(" ");
-    };
-    const getStyle = (text) => {
-      return !props.similarQuery.query.includes(text) ? "lupa-similar-query-crossed" : "";
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", _hoisted_1$a, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(insertValue(_ctx.label, searchText.value), (text, index) => {
-          return vue.openBlock(), vue.createElementBlock("span", {
-            key: index,
-            class: vue.normalizeClass(getStyle(text)),
-            "data-cy": getStyle(text)
-          }, vue.toDisplayString(text) + " ", 11, _hoisted_2$9);
-        }), 128)),
-        vue.createTextVNode("(" + vue.toDisplayString(count.value) + ") ", 1)
-      ]);
-    };
-  }
-});
 const _hoisted_1$9 = {
   id: "lupa-search-results-similar-queries",
   "data-cy": "lupa-search-results-similar-queries"
@@ -8770,10 +8799,9 @@ const _hoisted_3$3 = {
   "data-cy": "lupa-similar-query-label"
 };
 const _hoisted_4$2 = ["onClick"];
-const _hoisted_5$1 = { key: 1 };
-const _hoisted_6 = { key: 1 };
-const _hoisted_7 = { class: "lupa-similar-query-value" };
-const _hoisted_8 = {
+const _hoisted_5$1 = ["innerHTML"];
+const _hoisted_6 = { key: 0 };
+const _hoisted_7 = {
   class: "lupa-products",
   "data-cy": "lupa-products"
 };
@@ -8793,6 +8821,13 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     const getDocumentKey = (index, product) => {
       return getProductKey(`${index}`, product, props.productCardOptions.idKey);
     };
+    const similarQueryLabel = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.labels.similarQuery) == null ? void 0 : _a.replace("{1}", "")) != null ? _b : "";
+    });
+    const getSimilarQueryContent = (displayQuery) => {
+      return escapeHtml(displayQuery);
+    };
     const goToResults = ({
       searchText,
       facet
@@ -8805,27 +8840,22 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(similarQueries.value, (similarQuery, index) => {
           return vue.openBlock(), vue.createElementBlock("div", { key: index }, [
             vue.createElementVNode("div", _hoisted_3$3, [
-              !similarQuery.aiSuggestions ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.labels.similarQuery.split(" "), (label, index2) => {
-                return vue.openBlock(), vue.createElementBlock("span", { key: index2 }, [
-                  label.includes("{1}") ? (vue.openBlock(), vue.createElementBlock("span", {
-                    key: 0,
-                    onClick: ($event) => goToResults({ searchText: similarQuery.query }),
-                    class: "lupa-similar-query-value lupa-similar-query-link",
-                    "data-cy": "lupa-similar-query-value"
-                  }, [
-                    vue.createVNode(_sfc_main$b, {
-                      label,
-                      similarQuery
-                    }, null, 8, ["label", "similarQuery"])
-                  ], 8, _hoisted_4$2)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$1, vue.toDisplayString(label) + " ", 1))
-                ]);
-              }), 128)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, [
-                vue.createElementVNode("span", _hoisted_7, vue.toDisplayString(_ctx.labels.aiSuggestions), 1)
-              ]))
+              vue.createElementVNode("span", null, vue.toDisplayString(similarQueryLabel.value), 1),
+              vue.createElementVNode("span", {
+                id: "lupa-similar-query-text-component",
+                class: "lupa-similar-query-value lupa-similar-query-link",
+                onClick: ($event) => goToResults({ searchText: similarQuery.query }),
+                "data-cy": "lupa-similar-query-value"
+              }, [
+                vue.createElementVNode("span", {
+                  innerHTML: getSimilarQueryContent(similarQuery.displayQuery)
+                }, null, 8, _hoisted_5$1),
+                similarQuery.count ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, " (" + vue.toDisplayString(similarQuery.count) + ")", 1)) : vue.createCommentVNode("", true)
+              ], 8, _hoisted_4$2)
             ]),
-            vue.createElementVNode("div", _hoisted_8, [
+            vue.createElementVNode("div", _hoisted_7, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(similarQuery.items, (product, index2) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$c, {
+                return vue.openBlock(), vue.createBlock(_sfc_main$b, {
                   style: vue.normalizeStyle(_ctx.columnSize),
                   key: getDocumentKey(index2, product),
                   product,
@@ -8922,7 +8952,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
       return hasResults.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
         vue.createElementVNode("div", _hoisted_2$7, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(visibleItems.value, (item, index) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$c, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$b, {
               key: index,
               product: item,
               options: _ctx.panel,
@@ -9144,7 +9174,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                 options: productCardOptions.value
               });
             }), 128)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(vue.unref(searchResult).items, (product, index) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$c, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$b, {
                 style: vue.normalizeStyle(columnSize.value),
                 key: getProductKeyAction(index, product),
                 product,
@@ -15942,7 +15972,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   key: getProductKeyAction(index, product)
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(_sfc_main$c, {
+                    vue.createVNode(_sfc_main$b, {
                       product,
                       options: _ctx.options,
                       "click-tracking-settings": clickTrackingSettings.value