@getlupa/vue 0.11.7 → 0.11.9

package/dist/lupaSearch.js

@@ -1675,11 +1675,12 @@ const LupaSearchSdk = {
   }
 };
 const getNormalizedString = (str) => {
+  var _a, _b;
   if (!str) {
     return "";
   }
   const transformedStr = typeof str === "string" ? str : str.toString();
-  return transformedStr.normalize === void 0 ? transformedStr.toLocaleLowerCase() : transformedStr.toLocaleLowerCase().normalize("NFKD").replace(/[^\w\s.-_/]/g, "");
+  return transformedStr.normalize === void 0 ? (_a = transformedStr.toLocaleLowerCase()) == null ? void 0 : _a.trim() : (_b = transformedStr.toLocaleLowerCase().normalize("NFKD").replace(/[^\w\s.-_/]/g, "")) == null ? void 0 : _b.trim();
 };
 const capitalize = (str) => {
   if (!str) {
@@ -3222,8 +3223,8 @@ const useSearchBoxStore = defineStore("searchBox", () => {
     resetHighlightIndex
   };
 });
-const _hoisted_1$1e = { id: "lupa-search-box-input-container" };
-const _hoisted_2$Q = { class: "lupa-input-clear" };
+const _hoisted_1$1f = { id: "lupa-search-box-input-container" };
+const _hoisted_2$R = { class: "lupa-input-clear" };
 const _hoisted_3$A = { id: "lupa-search-box-input" };
 const _hoisted_4$s = ["value"];
 const _hoisted_5$h = ["aria-label", "placeholder"];
@@ -3235,7 +3236,7 @@ const _hoisted_8$3 = {
   key: 0,
   class: "lupa-close-label"
 };
-const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxInput",
   props: {
     options: {},
@@ -3319,8 +3320,8 @@ const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
     };
     __expose({ focus });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1e, [
-        vue.createElementVNode("div", _hoisted_2$Q, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1f, [
+        vue.createElementVNode("div", _hoisted_2$R, [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
             onClick: clear
@@ -3365,7 +3366,7 @@ const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxMoreResults",
   props: {
     labels: {},
@@ -3397,9 +3398,9 @@ const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$1d = { class: "lupa-search-box-history-item" };
-const _hoisted_2$P = { class: "lupa-search-box-history-item-content" };
-const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$1e = { class: "lupa-search-box-history-item" };
+const _hoisted_2$Q = { class: "lupa-search-box-history-item-content" };
+const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxHistoryItem",
   props: {
     item: {},
@@ -3415,8 +3416,8 @@ const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
       emit("click", { query: props.item });
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1d, [
-        vue.createElementVNode("div", _hoisted_2$P, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1e, [
+        vue.createElementVNode("div", _hoisted_2$Q, [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
             onClick: click2
@@ -3430,11 +3431,11 @@ const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$1c = {
+const _hoisted_1$1d = {
   key: 0,
   class: "lupa-search-box-history-panel"
 };
-const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxHistoryPanel",
   props: {
     options: {}
@@ -3475,9 +3476,9 @@ const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return hasHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1c, [
+      return hasHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1d, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(history), (item, index) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$1k, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$1l, {
             key: item,
             item,
             highlighted: index === highlightIndex.value,
@@ -3493,20 +3494,20 @@ const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$1b = { class: "lupa-search-box-no-results" };
-const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$1c = { class: "lupa-search-box-no-results" };
+const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxNoResults",
   props: {
     labels: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("p", _hoisted_1$1b, vue.toDisplayString(_ctx.labels.noResults), 1);
+      return vue.openBlock(), vue.createElementBlock("p", _hoisted_1$1c, vue.toDisplayString(_ctx.labels.noResults), 1);
     };
   }
 });
-const _hoisted_1$1a = ["innerHTML"];
-const _hoisted_2$O = {
+const _hoisted_1$1b = ["innerHTML"];
+const _hoisted_2$P = {
   key: 1,
   "data-cy": "lupa-suggestion-value",
   class: "lupa-suggestion-value"
@@ -3524,7 +3525,7 @@ const _hoisted_5$g = {
   class: "lupa-suggestion-facet-value",
   "data-cy": "lupa-suggestion-facet-value"
 };
-const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxSuggestion",
   props: {
     suggestion: {},
@@ -3560,7 +3561,7 @@ const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
           class: "lupa-suggestion-value",
           "data-cy": "lupa-suggestion-value",
           innerHTML: _ctx.suggestion.displayHighlight
-        }, null, 8, _hoisted_1$1a)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$O, vue.toDisplayString(_ctx.suggestion.display), 1)),
+        }, null, 8, _hoisted_1$1b)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$P, vue.toDisplayString(_ctx.suggestion.display), 1)),
         _ctx.suggestion.facet ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$z, [
           vue.createElementVNode("span", _hoisted_4$r, vue.toDisplayString(facetLabel.value), 1),
           vue.createElementVNode("span", _hoisted_5$g, vue.toDisplayString(_ctx.suggestion.facet.title), 1)
@@ -3569,11 +3570,11 @@ const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$19 = {
+const _hoisted_1$1a = {
   id: "lupa-search-box-suggestions",
   "data-cy": "lupa-search-box-suggestions"
 };
-const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxSuggestions",
   props: {
     items: {},
@@ -3633,9 +3634,9 @@ const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
       });
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$19, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1a, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items.value, (item, index) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$1h, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$1i, {
             key: getSuggestionKey(item),
             class: vue.normalizeClass(["lupa-suggestion", index === highlightedIndex.value ? "lupa-suggestion-highlighted" : ""]),
             suggestion: item,
@@ -3663,7 +3664,7 @@ const debounce$1 = (func, timeout) => {
     }, timeout);
   };
 };
-const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxSuggestionsWrapper",
   props: {
     panel: {},
@@ -3704,7 +3705,7 @@ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
     };
     const getSuggestionsDebounced = debounce$1(getSuggestions, props.debounce);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$1g, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$1h, {
         items: searchResult.value,
         highlight: _ctx.panel.highlight,
         queryKey: _ctx.panel.queryKey,
@@ -3808,8 +3809,8 @@ const replaceImageWithPlaceholder = (e, placeholder) => {
     targetImage.src = placeholder;
   }
 };
-const _hoisted_1$18 = ["src"];
-const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$19 = ["src"];
+const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
   __name: "ProductImage",
   props: {
     item: {},
@@ -3927,7 +3928,7 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
             }, { alt: imageAlt.value ? imageAlt.value : void 0 }, {
               onError: replaceWithPlaceholder,
               key: finalUrl.value
-            }), null, 16, _hoisted_1$18))
+            }), null, 16, _hoisted_1$19))
           ]),
           _: 1
         })
@@ -3935,7 +3936,7 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductImage",
   props: {
     item: {},
@@ -3943,7 +3944,7 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$1e, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$1f, {
         item: _ctx.item,
         options: _ctx.options,
         "wrapper-class": "lupa-search-box-image-wrapper",
@@ -3952,12 +3953,12 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$17 = ["innerHTML"];
-const _hoisted_2$N = {
+const _hoisted_1$18 = ["innerHTML"];
+const _hoisted_2$O = {
   key: 1,
   class: "lupa-search-box-product-title"
 };
-const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductTitle",
   props: {
     item: {},
@@ -3977,18 +3978,18 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         class: "lupa-search-box-product-title",
         innerHTML: title.value
-      }, null, 8, _hoisted_1$17)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$N, [
+      }, null, 8, _hoisted_1$18)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$O, [
         vue.createElementVNode("strong", null, vue.toDisplayString(title.value), 1)
       ]));
     };
   }
 });
-const _hoisted_1$16 = ["innerHTML"];
-const _hoisted_2$M = {
+const _hoisted_1$17 = ["innerHTML"];
+const _hoisted_2$N = {
   key: 1,
   class: "lupa-search-box-product-description"
 };
-const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductDescription",
   props: {
     item: {},
@@ -4008,12 +4009,12 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         class: "lupa-search-box-product-description",
         innerHTML: description.value
-      }, null, 8, _hoisted_1$16)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$M, vue.toDisplayString(description.value), 1));
+      }, null, 8, _hoisted_1$17)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$N, vue.toDisplayString(description.value), 1));
     };
   }
 });
-const _hoisted_1$15 = { class: "lupa-search-box-product-price" };
-const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$16 = { class: "lupa-search-box-product-price" };
+const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductPrice",
   props: {
     item: {},
@@ -4031,14 +4032,14 @@ const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
       );
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$15, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$16, [
         vue.createElementVNode("strong", null, vue.toDisplayString(price.value), 1)
       ]);
     };
   }
 });
-const _hoisted_1$14 = { class: "lupa-search-box-product-regular-price" };
-const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$15 = { class: "lupa-search-box-product-regular-price" };
+const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductRegularPrice",
   props: {
     item: {},
@@ -4056,16 +4057,16 @@ const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
       );
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$14, vue.toDisplayString(price.value), 1);
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$15, vue.toDisplayString(price.value), 1);
     };
   }
 });
-const _hoisted_1$13 = ["innerHTML"];
-const _hoisted_2$L = { key: 0 };
+const _hoisted_1$14 = ["innerHTML"];
+const _hoisted_2$M = { key: 0 };
 const _hoisted_3$y = { key: 1 };
 const _hoisted_4$q = { class: "lupa-search-box-custom-label" };
 const _hoisted_5$f = { class: "lupa-search-box-custom-text" };
-const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductCustom",
   props: {
     item: {},
@@ -4091,11 +4092,11 @@ const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         class: [className.value, "lupa-search-box-product-custom"],
         innerHTML: text.value
-      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$13)) : (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$14)) : (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         key: 1,
         class: [className.value, "lupa-search-box-product-custom"]
       }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
-        !label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$L, vue.toDisplayString(text.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$y, [
+        !label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$M, vue.toDisplayString(text.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$y, [
           vue.createElementVNode("div", _hoisted_4$q, vue.toDisplayString(label.value), 1),
           vue.createElementVNode("div", _hoisted_5$f, vue.toDisplayString(text.value), 1)
         ]))
@@ -4103,8 +4104,8 @@ const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$12 = ["innerHTML"];
-const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$13 = ["innerHTML"];
+const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductCustomHtml",
   props: {
     item: {},
@@ -4124,7 +4125,7 @@ const _sfc_main$17 = /* @__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$12);
+      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$13);
     };
   }
 });
@@ -4342,10 +4343,10 @@ const useSearchResultStore = defineStore("searchResult", () => {
     clearSearchResult
   };
 });
-const _hoisted_1$11 = { class: "lupa-search-box-add-to-cart-wrapper" };
-const _hoisted_2$K = { class: "lupa-search-box-product-addtocart" };
+const _hoisted_1$12 = { class: "lupa-search-box-add-to-cart-wrapper" };
+const _hoisted_2$L = { class: "lupa-search-box-product-addtocart" };
 const _hoisted_3$x = ["onClick", "disabled"];
-const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductAddToCart",
   props: {
     item: {},
@@ -4372,8 +4373,8 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
       loading.value = false;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$11, [
-        vue.createElementVNode("div", _hoisted_2$K, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$12, [
+        vue.createElementVNode("div", _hoisted_2$L, [
           vue.createElementVNode("button", {
             onClick: vue.withModifiers(handleClick, ["stop", "prevent"]),
             class: vue.normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
@@ -4386,23 +4387,23 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$10 = {
+const _hoisted_1$11 = {
   key: 1,
   class: "lupa-search-box-element-badge-wrapper"
 };
 const __default__$4 = {
   components: {
-    SearchBoxProductImage: _sfc_main$1d,
-    SearchBoxProductTitle: _sfc_main$1c,
-    SearchBoxProductDescription: _sfc_main$1b,
-    SearchBoxProductPrice: _sfc_main$1a,
-    SearchBoxProductRegularPrice: _sfc_main$19,
-    SearchBoxProductCustom: _sfc_main$18,
-    SearchBoxProductCustomHtml: _sfc_main$17,
-    SearchBoxProductAddToCart: _sfc_main$16
+    SearchBoxProductImage: _sfc_main$1e,
+    SearchBoxProductTitle: _sfc_main$1d,
+    SearchBoxProductDescription: _sfc_main$1c,
+    SearchBoxProductPrice: _sfc_main$1b,
+    SearchBoxProductRegularPrice: _sfc_main$1a,
+    SearchBoxProductCustom: _sfc_main$19,
+    SearchBoxProductCustomHtml: _sfc_main$18,
+    SearchBoxProductAddToCart: _sfc_main$17
   }
 };
-const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$4), {
+const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$4), {
   __name: "SearchBoxProductElement",
   props: {
     item: {},
@@ -4460,7 +4461,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
           class: vue.normalizeClass({ "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) }),
           inStock: _ctx.isInStock
         }, null, 8, ["item", "options", "labels", "class", "inStock"])) : vue.createCommentVNode("", true)
-      ], 64)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$10, [
+      ], 64)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$11, [
         displayElement.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(elementComponent.value), {
           key: 0,
           item: enhancedItem.value,
@@ -4474,14 +4475,14 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
     };
   }
 }));
-const _hoisted_1$$ = { class: "lupa-badge-title" };
-const _hoisted_2$J = ["src"];
+const _hoisted_1$10 = { class: "lupa-badge-title" };
+const _hoisted_2$K = ["src"];
 const _hoisted_3$w = { key: 1 };
 const _hoisted_4$p = {
   key: 0,
   class: "lupa-badge-full-text"
 };
-const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultGeneratedBadge",
   props: {
     options: {},
@@ -4514,11 +4515,11 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["lupa-dynamic-badge", customClassName.value]),
         style: vue.normalizeStyle({ background: _ctx.badge.backgroundColor, color: _ctx.badge.color })
       }, [
-        vue.createElementVNode("span", _hoisted_1$$, [
+        vue.createElementVNode("span", _hoisted_1$10, [
           image.value ? (vue.openBlock(), vue.createElementBlock("img", {
             key: 0,
             src: image.value
-          }, null, 8, _hoisted_2$J)) : vue.createCommentVNode("", true),
+          }, null, 8, _hoisted_2$K)) : vue.createCommentVNode("", true),
           hasTitleText.value && showTitle.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$w, vue.toDisplayString(_ctx.badge.titleText), 1)) : vue.createCommentVNode("", true)
         ]),
         hasAdditionalText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$p, vue.toDisplayString(_ctx.badge.additionalText), 1)) : vue.createCommentVNode("", true)
@@ -4526,8 +4527,8 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$_ = { class: "lupa-generated-badges" };
-const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$$ = { class: "lupa-generated-badges" };
+const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultGeneratedBadges",
   props: {
     options: {}
@@ -4553,9 +4554,9 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
       })).filter((b) => Boolean(b.id));
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$_, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$$, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(badges.value, (badge) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$14, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$15, {
             key: badge.id,
             badge,
             options: _ctx.options
@@ -4565,8 +4566,8 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$Z = ["innerHTML"];
-const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$_ = ["innerHTML"];
+const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
   __name: "CustomBadge",
   props: {
     badge: {}
@@ -4585,12 +4586,12 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(className.value),
         innerHTML: text.value
-      }, null, 10, _hoisted_1$Z);
+      }, null, 10, _hoisted_1$_);
     };
   }
 });
-const _hoisted_1$Y = { class: "lupa-text-badges" };
-const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$Z = { class: "lupa-text-badges" };
+const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
   __name: "TextBadge",
   props: {
     badge: {}
@@ -4605,7 +4606,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
       return badges.value.slice(0, props.badge.maxItems);
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Y, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Z, [
         (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",
@@ -4616,9 +4617,9 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$X = { class: "lupa-image-badges" };
-const _hoisted_2$I = ["src"];
-const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$Y = { class: "lupa-image-badges" };
+const _hoisted_2$J = ["src"];
+const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
   __name: "ImageBadge",
   props: {
     badge: {}
@@ -4638,7 +4639,7 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
       return `${props.badge.rootImageUrl}${src}`;
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$X, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Y, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayBadges.value, (item) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             class: "lupa-badge lupa-image-badge",
@@ -4646,22 +4647,22 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
           }, [
             vue.createElementVNode("img", {
               src: getImageUrl(item)
-            }, null, 8, _hoisted_2$I)
+            }, null, 8, _hoisted_2$J)
           ]);
         }), 128))
       ]);
     };
   }
 });
-const _hoisted_1$W = { id: "lupa-search-results-badges" };
+const _hoisted_1$X = { id: "lupa-search-results-badges" };
 const __default__$3 = {
   components: {
-    CustomBadge: _sfc_main$12,
-    TextBadge: _sfc_main$11,
-    ImageBadge: _sfc_main$10
+    CustomBadge: _sfc_main$13,
+    TextBadge: _sfc_main$12,
+    ImageBadge: _sfc_main$11
   }
 };
-const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$3), {
+const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$3), {
   __name: "SearchResultsBadgeWrapper",
   props: {
     position: {},
@@ -4717,7 +4718,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
       }
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$W, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$X, [
         vue.createElementVNode("div", {
           id: "lupa-badges",
           class: vue.normalizeClass(anchorPosition.value)
@@ -4728,7 +4729,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
               badge
             }, null, 8, ["badge"]);
           }), 128)),
-          positionValue.value === "card" ? (vue.openBlock(), vue.createBlock(_sfc_main$13, {
+          positionValue.value === "card" ? (vue.openBlock(), vue.createBlock(_sfc_main$14, {
             key: 0,
             options: _ctx.options
           }, null, 8, ["options"])) : vue.createCommentVNode("", true)
@@ -4737,14 +4738,14 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
     };
   }
 }));
-const _hoisted_1$V = ["href"];
-const _hoisted_2$H = { class: "lupa-search-box-product-image-section" };
+const _hoisted_1$W = ["href"];
+const _hoisted_2$I = { 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$_ = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProduct",
   props: {
     item: {},
@@ -4803,9 +4804,9 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
         "data-cy": "lupa-search-box-product",
         onClick: handleClick
       }), [
-        vue.createElementVNode("div", _hoisted_2$H, [
+        vue.createElementVNode("div", _hoisted_2$I, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(imageElements.value, (element) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$15, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$16, {
               class: "lupa-search-box-product-element",
               item: _ctx.item,
               element,
@@ -4818,7 +4819,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", _hoisted_3$v, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(detailElements.value, (element) => {
             var _a;
-            return vue.openBlock(), vue.createBlock(_sfc_main$15, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$16, {
               key: element.key,
               class: "lupa-search-box-product-element",
               item: _ctx.item,
@@ -4829,7 +4830,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
               badgeOptions.value && ((_a = badgeOptions.value) == null ? void 0 : _a.anchorElementKey) === element.key ? {
                 name: "badges",
                 fn: vue.withCtx(() => [
-                  vue.createVNode(_sfc_main$$, {
+                  vue.createVNode(_sfc_main$10, {
                     options: badgeOptions.value,
                     position: "card"
                   }, null, 8, ["options"])
@@ -4840,7 +4841,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
           }), 128))
         ]),
         addToCartElement.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$o, [
-          vue.createVNode(_sfc_main$15, {
+          vue.createVNode(_sfc_main$16, {
             class: "lupa-search-box-product-element",
             item: _ctx.item,
             element: addToCartElement.value,
@@ -4849,7 +4850,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
             isInStock: isInStock.value
           }, null, 8, ["item", "element", "labels", "link", "isInStock"])
         ])) : vue.createCommentVNode("", true)
-      ], 16, _hoisted_1$V);
+      ], 16, _hoisted_1$W);
     };
   }
 });
@@ -4910,8 +4911,8 @@ const useTrackingStore = defineStore("tracking", () => {
   };
   return { trackSearch, trackResults, trackEvent };
 });
-const _hoisted_1$U = { id: "lupa-search-box-products" };
-const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$V = { id: "lupa-search-box-products" };
+const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProducts",
   props: {
     items: {},
@@ -4972,7 +4973,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
       handleRoutingEvent(link, event, boxRoutingBehavior.value === "event");
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$U, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$V, [
         _ctx.$slots.productCard ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.items, (item, index) => {
           return vue.renderSlot(_ctx.$slots, "productCard", {
             key: index,
@@ -4984,7 +4985,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
             itemClicked: handleProductClick
           });
         }), 128)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(_ctx.items, (item, index) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$_, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$$, {
             key: index,
             item,
             panelOptions: _ctx.panelOptions,
@@ -4993,7 +4994,52 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
             inputValue: _ctx.inputValue,
             onProductClick: handleProductClick
           }, null, 8, ["item", "panelOptions", "labels", "highlighted", "inputValue"]);
-        }), 128))
+        }), 128)),
+        vue.renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+const _hoisted_1$U = { class: "lupa-search-box-documents-go-to-results-wrapper" };
+const _hoisted_2$H = { key: 0 };
+const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
+  __name: "SearchBoxProductsGoToResultsButton",
+  props: {
+    options: {},
+    panel: {}
+  },
+  emits: ["goToResults"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const searchBoxStore = useSearchBoxStore();
+    const { docResults } = storeToRefs(searchBoxStore);
+    const goToResultsLabel = vue.computed(
+      () => {
+        var _a, _b, _c;
+        return (_c = (_a = props.panel.labels) == null ? void 0 : _a.goToResultsTitle) != null ? _c : (_b = props.options.labels) == null ? void 0 : _b.moreResults;
+      }
+    );
+    const totalCount = vue.computed(() => {
+      var _a;
+      if (!props.options.showTotalCount) {
+        return "";
+      }
+      const queryKey = props.panel.queryKey;
+      const total = queryKey ? (_a = docResults.value[queryKey]) == null ? void 0 : _a.total : "";
+      return total ? `(${total})` : "";
+    });
+    const goToResults = () => {
+      emit("goToResults");
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$U, [
+        vue.createElementVNode("button", {
+          class: "lupa-search-box-documents-go-to-results-button",
+          onClick: goToResults
+        }, [
+          vue.createTextVNode(vue.toDisplayString(goToResultsLabel.value) + " ", 1),
+          totalCount.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$H, " " + vue.toDisplayString(totalCount.value), 1)) : vue.createCommentVNode("", true)
+        ])
       ]);
     };
   }
@@ -5002,12 +5048,13 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductsWrapper",
   props: {
     panel: {},
+    searchBoxOptions: {},
     inputValue: {},
     options: {},
     labels: {},
     debounce: {}
   },
-  emits: ["fetched"],
+  emits: ["fetched", "product-click", "go-to-results"],
   setup(__props, { emit }) {
     const props = __props;
     const searchBoxStore = useSearchBoxStore();
@@ -5017,6 +5064,9 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
       var _a;
       return (_a = docResults.value[props.panel.queryKey]) != null ? _a : null;
     });
+    const showGoToResultsButton = vue.computed(() => {
+      return props.panel.showGoToResults;
+    });
     const inputValueProp = vue.computed(() => props.inputValue);
     vue.onMounted(() => {
       getItemsDebounced();
@@ -5050,13 +5100,26 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
     const getItemsDebounced = debounce$1(getItems, props.debounce);
     return (_ctx, _cache) => {
       var _a, _b;
-      return vue.openBlock(), vue.createBlock(_sfc_main$Z, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$_, {
         items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
         panelOptions: _ctx.panel,
         labels: _ctx.labels,
         inputValue: _ctx.inputValue,
-        onProductClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("product-click"))
-      }, vue.createSlots({ _: 2 }, [
+        onProductClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("product-click"))
+      }, vue.createSlots({
+        default: vue.withCtx(() => {
+          var _a2;
+          return [
+            showGoToResultsButton.value && ((_a2 = searchResult.value) == null ? void 0 : _a2.items.length) ? (vue.openBlock(), vue.createBlock(_sfc_main$Z, {
+              key: 0,
+              options: _ctx.searchBoxOptions,
+              panel: _ctx.panel,
+              onGoToResults: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("go-to-results"))
+            }, null, 8, ["options", "panel"])) : vue.createCommentVNode("", true)
+          ];
+        }),
+        _: 2
+      }, [
         _ctx.$slots.productCard ? {
           name: "productCard",
           fn: vue.withCtx((props2) => [
@@ -5140,7 +5203,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       var _a, _b;
-      return vue.openBlock(), vue.createBlock(_sfc_main$Z, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$_, {
         items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
         panelOptions: documentPanelOptions.value,
         labels: _ctx.labels,
@@ -5177,7 +5240,7 @@ const _hoisted_5$e = {
 };
 const __default__$2 = {
   components: {
-    SearchBoxSuggestionsWrapper: _sfc_main$1f,
+    SearchBoxSuggestionsWrapper: _sfc_main$1g,
     SearchBoxProductsWrapper: _sfc_main$Y,
     SearchBoxRelatedSourceWrapper: _sfc_main$X
   }
@@ -5354,13 +5417,15 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
                 panel.queryKey && canShowPanel(panel) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(getComponent(panel.type)), {
                   key: 2,
                   panel,
+                  "search-box-options": _ctx.options,
                   options: sdkOptions.value,
                   debounce: _ctx.options.debounce,
                   inputValue: getInput(panel),
                   labels: labels.value,
                   onFetched: _cache[1] || (_cache[1] = (data) => _ctx.$emit("fetched", data)),
                   onItemSelect: _cache[2] || (_cache[2] = (item) => _ctx.$emit("itemSelect", item)),
-                  onProductClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("product-click"))
+                  onProductClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("product-click")),
+                  onGoToResults: handleGoToResults
                 }, vue.createSlots({ _: 2 }, [
                   _ctx.$slots.productCard ? {
                     name: "productCard",
@@ -5369,22 +5434,22 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
                     ]),
                     key: "0"
                   } : void 0
-                ]), 1064, ["panel", "options", "debounce", "inputValue", "labels"])) : vue.createCommentVNode("", true)
+                ]), 1064, ["panel", "search-box-options", "options", "debounce", "inputValue", "labels"])) : vue.createCommentVNode("", true)
               ], 10, _hoisted_2$G);
             }), 128))
           ], 4),
-          !vue.unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (vue.openBlock(), vue.createBlock(_sfc_main$1i, {
+          !vue.unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (vue.openBlock(), vue.createBlock(_sfc_main$1j, {
             key: 1,
             labels: labels.value
           }, null, 8, ["labels"])) : vue.createCommentVNode("", true),
-          vue.unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (vue.openBlock(), vue.createBlock(_sfc_main$1l, {
+          vue.unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (vue.openBlock(), vue.createBlock(_sfc_main$1m, {
             key: 2,
             labels: labels.value,
             showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
             onGoToResults: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("go-to-results"))
           }, null, 8, ["labels", "showTotalCount"])) : vue.createCommentVNode("", true)
         ])) : displayHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$e, [
-          vue.createVNode(_sfc_main$1j, {
+          vue.createVNode(_sfc_main$1k, {
             options: _ctx.options.history,
             history: history.value,
             onGoToResults: handleGoToResults,
@@ -5664,7 +5729,7 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
       var _a2;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$S, [
         vue.createElementVNode("div", _hoisted_2$F, [
-          vue.createVNode(_sfc_main$1m, {
+          vue.createVNode(_sfc_main$1n, {
             options: inputOptions.value,
             suggestedValue: suggestedValue.value,
             "can-close": (_a2 = _ctx.isSearchContainer) != null ? _a2 : false,
@@ -8837,7 +8902,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$1e, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$1f, {
         item: _ctx.item,
         options: _ctx.options,
         "wrapper-class": "lupa-search-results-image-wrapper",
@@ -9479,7 +9544,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
         "data-cy": "lupa-search-result-product-card",
         class: ["lupa-search-result-product-card", !isInStock.value ? "lupa-out-of-stock" : ""]
       }, customDocumentHtmlAttributes.value, { onClick: handleClick }), [
-        vue.createVNode(_sfc_main$$, { options: badgesOptions.value }, null, 8, ["options"]),
+        vue.createVNode(_sfc_main$10, { options: badgesOptions.value }, null, 8, ["options"]),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
         }, [
@@ -9500,7 +9565,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
                 onProductEvent: handleProductEvent
               }, null, 8, ["item", "element", "labels", "inStock", "link"]);
             }), 128)),
-            vue.createVNode(_sfc_main$$, {
+            vue.createVNode(_sfc_main$10, {
               options: badgesOptions.value,
               position: "image",
               class: "lupa-image-badges"