@getlupa/client 1.8.2 → 1.8.4

package/dist/lupaSearch.iife.js

@@ -6166,6 +6166,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const DEFAULT_PAGE_SIZE_SELECTION = [12, 24, 36, 60];
   const LUPA_ROUTING_EVENT = "lupaRedirect";
   const RATING_STAR_HTML = "☆";
+  const RESULT_ROOT_SELECTOR = "#lupa-search-results";
   const production = "https://api.lupasearch.com/v1/";
   const staging = "https://api.staging.lupasearch.com/v1/";
   const Env$1 = {
@@ -7150,7 +7151,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const [min, max] = range.split(FACET_RANGE_SEPARATOR);
       return {
         gte: min,
-        lt: max
+        lte: max
       };
     }
     if (key.startsWith(FACET_PARAMS_TYPE.HIERARCHY)) {
@@ -8620,22 +8621,21 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     ResultsLayoutEnum2["LIST"] = "List";
     return ResultsLayoutEnum2;
   })(ResultsLayoutEnum || {});
-  const RESULT_ROOT_ID = "lupa-search-results";
   const SHADOW_ROOT_ID = "lupa-shadow-id";
   const CONTAINER_ROOT_ID = "lupa-search-container";
-  const scrollToSearchResults = (timeout = 500) => {
+  const scrollToSearchResults = (timeout = 500, containerSelector) => {
     if (timeout) {
-      setTimeout(() => scrollTo(RESULT_ROOT_ID), timeout);
+      setTimeout(() => scrollTo(containerSelector != null ? containerSelector : RESULT_ROOT_SELECTOR), timeout);
     } else {
-      scrollTo(RESULT_ROOT_ID);
+      scrollTo(RESULT_ROOT_SELECTOR);
     }
   };
-  const scrollTo = (elementId) => {
+  const scrollTo = (elementSelector) => {
     var _a, _b;
-    let el = document.getElementById(elementId);
+    let el = document.querySelector(elementSelector);
     const shadowRoot = (_a = document.getElementById(SHADOW_ROOT_ID)) == null ? void 0 : _a.shadowRoot;
     if (!el) {
-      el = (_b = shadowRoot == null ? void 0 : shadowRoot.getElementById(elementId)) != null ? _b : null;
+      el = (_b = shadowRoot == null ? void 0 : shadowRoot.getElementById(elementSelector)) != null ? _b : null;
     }
     if (!el) {
       return;
@@ -11457,7 +11457,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return typeof currentFilters.value.gte === "string" ? parseFloat(currentFilters.value.gte) : currentFilters.value.gte;
       });
       const currentLte = computed(() => {
-        return typeof currentFilters.value.lt === "string" ? parseFloat(currentFilters.value.lt) : currentFilters.value.lt;
+        return typeof currentFilters.value.lte === "string" ? parseFloat(currentFilters.value.lte) : currentFilters.value.lte;
       });
       const currentMinValue = computed(() => {
         return currentGte.value ? Math.max(currentGte.value, facetMin.value) : facetMin.value;
@@ -12004,8 +12004,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const props = __props;
       const paramStore = useParamsStore();
       const searchResultStore = useSearchResultStore();
+      const optionsStore = useOptionsStore();
       const { filters } = storeToRefs(paramStore);
       const { facets } = storeToRefs(searchResultStore);
+      const { searchResultOptions } = storeToRefs(optionsStore);
       computed(() => {
         var _a;
         return (_a = facets.value) == null ? void 0 : _a.filter((f2) => {
@@ -12020,6 +12022,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           return !((_a2 = props.options.promotedFacets) == null ? void 0 : _a2.includes(f2.key));
         });
       });
+      const scrollToResultsOptions = computed(() => {
+        var _a, _b, _c, _d, _e, _f;
+        return {
+          enabled: ((_a = searchResultOptions.value.scrollToResults) == null ? void 0 : _a.enabled) === void 0 ? true : (_b = searchResultOptions.value.scrollToResults) == null ? void 0 : _b.enabled,
+          container: (_d = (_c = searchResultOptions.value.scrollToResults) == null ? void 0 : _c.scrollToContainerSelector) != null ? _d : RESULT_ROOT_SELECTOR,
+          timeout: (_f = (_e = searchResultOptions.value.scrollToResults) == null ? void 0 : _e.timeout) != null ? _f : 500
+        };
+      });
       const handleFacetSelect = (facetAction) => {
         switch (facetAction.type) {
           case "terms":
@@ -12032,7 +12042,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             toggleHierarchyFilter(paramStore.appendParams, facetAction, filters.value);
             break;
         }
-        scrollToSearchResults();
+        if (scrollToResultsOptions.value.enabled) {
+          scrollToSearchResults(
+            scrollToResultsOptions.value.timeout,
+            scrollToResultsOptions.value.container
+          );
+        }
       };
       const clear2 = (facet) => {
         const param = getFacetKey(facet.key, facet.type);
@@ -12344,7 +12359,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       });
       const paramStore = useParamsStore();
       const screenStore = useScreenStore();
+      const optionsStore = useOptionsStore();
       const { isMobileWidth } = storeToRefs(screenStore);
+      const { searchResultOptions } = storeToRefs(optionsStore);
       const pageOptionsCount = computed(() => {
         return isMobileWidth.value ? props.options.displayMobile : props.options.display;
       });
@@ -12378,12 +12395,25 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const showPagination = computed(() => {
         return pages.value.length > 1;
       });
+      const scrollToResultsOptions = computed(() => {
+        var _a, _b, _c, _d, _e, _f;
+        return {
+          enabled: ((_a = searchResultOptions.value.scrollToResults) == null ? void 0 : _a.enabled) === void 0 ? true : (_b = searchResultOptions.value.scrollToResults) == null ? void 0 : _b.enabled,
+          container: (_d = (_c = searchResultOptions.value.scrollToResults) == null ? void 0 : _c.scrollToContainerSelector) != null ? _d : RESULT_ROOT_SELECTOR,
+          timeout: (_f = (_e = searchResultOptions.value.scrollToResults) == null ? void 0 : _e.timeout) != null ? _f : 500
+        };
+      });
       const handlePageChange = (page) => {
         if (page > 0) {
           paramStore.appendParams({
             params: [{ name: QUERY_PARAMS$1.PAGE, value: page.toString() }]
           });
-          scrollToSearchResults();
+          if (scrollToResultsOptions.value.enabled) {
+            scrollToSearchResults(
+              scrollToResultsOptions.value.timeout,
+              scrollToResultsOptions.value.container
+            );
+          }
         }
       };
       return (_ctx, _cache) => {
@@ -27571,7 +27601,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     callbacks,
     additionalFields
   }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A;
     const filters = searchResultOptions.showFacets ? {
       currentFilters: {
         visibility: {
@@ -27620,23 +27650,37 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       sm: (_i = searchResultOptions.maxColumns) != null ? _i : 2,
       xs: (_j = searchResultOptions.maxColumns) != null ? _j : 1
     };
-    const badges = searchResultOptions.showRelevance ? {
+    const badges = {
       badges: {
         anchor: "tr",
         elements: [
-          {
-            key: "",
-            type: "customHtml",
-            className: "relevance",
-            html: (doc2) => `${toMaxDecimalPlaces(escapeHtml(doc2._relevance), 3)}`,
-            display: (doc2) => Boolean(doc2._relevance !== void 0)
-          }
+          ...searchResultOptions.showRelevance && [
+            {
+              key: "",
+              type: "customHtml",
+              className: "relevance",
+              html: (doc2) => `${toMaxDecimalPlaces(escapeHtml(doc2._relevance), 3)}`,
+              display: (doc2) => Boolean(doc2._relevance !== void 0)
+            }
+          ],
+          ...((_m = (_l = searchResultOptions.boostedMarker) == null ? void 0 : _l.enabled) != null ? _m : false) && [
+            {
+              key: "",
+              type: "customHtml",
+              className: "boosted-marker",
+              html: () => {
+                var _a2;
+                return `${escapeHtml((_a2 = searchResultOptions.boostedMarker) == null ? void 0 : _a2.label)}`;
+              },
+              display: (doc2) => doc2._boosted === true
+            }
+          ]
         ]
       }
-    } : {};
+    };
     return __spreadValues(__spreadProps(__spreadValues({
       options: {
-        environment: (_l = searchResultOptions.environment) != null ? _l : "production",
+        environment: (_n = searchResultOptions.environment) != null ? _n : "production",
         customUrl: searchResultOptions.customUrl,
         customBaseUrl: searchResultOptions.customBaseUrl,
         customPayload: searchResultOptions.customPayload,
@@ -27646,7 +27690,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       queryKey: searchResultOptions.queryKey,
       containerSelector: searchResultOptions.containerSelector,
       searchTitlePosition: "search-results-top",
-      titleKey: (_m = searchResultOptions.fields) == null ? void 0 : _m.titleKey,
+      titleKey: (_o = searchResultOptions.fields) == null ? void 0 : _o.titleKey,
       labels: labels == null ? void 0 : labels.searchResults,
       grid: {
         columns
@@ -27679,7 +27723,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }
     }, badges), {
       links: {
-        details: ((_n = searchResultOptions.fields) == null ? void 0 : _n.productUrl) ? `{${(_o = searchResultOptions.fields) == null ? void 0 : _o.productUrl}}` : void 0
+        details: ((_p = searchResultOptions.fields) == null ? void 0 : _p.productUrl) ? `{${(_q = searchResultOptions.fields) == null ? void 0 : _q.productUrl}}` : void 0
       },
       callbacks,
       routingBehavior: callbacks ? "event" : "direct-link",
@@ -27688,31 +27732,31 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         {
           type: "image",
           placeholder: placeholderImage,
-          key: (_p = searchResultOptions.fields) == null ? void 0 : _p.imageKey,
-          baseUrl: (_q = searchResultOptions.fields) == null ? void 0 : _q.baseImageUrl,
+          key: (_r = searchResultOptions.fields) == null ? void 0 : _r.imageKey,
+          baseUrl: (_s = searchResultOptions.fields) == null ? void 0 : _s.baseImageUrl,
           display: () => {
             var _a2;
             return (_a2 = searchResultOptions.fields) == null ? void 0 : _a2.imageKey;
           }
         },
-        addFieldIfKeyExists("_emphasis", (_r = searchResultOptions.fields) == null ? void 0 : _r.emphasizedField, {
+        addFieldIfKeyExists("_emphasis", (_t = searchResultOptions.fields) == null ? void 0 : _t.emphasizedField, {
           type: "custom",
           className: "lupa-custom-emphasis",
-          key: (_s = searchResultOptions.fields) == null ? void 0 : _s.emphasizedField,
+          key: (_u = searchResultOptions.fields) == null ? void 0 : _u.emphasizedField,
           display: () => true
         }),
         {
           type: "title",
-          key: (_t = searchResultOptions.fields) == null ? void 0 : _t.titleKey,
-          maxLines: (_u = searchResultOptions.maxLines) != null ? _u : 2,
+          key: (_v = searchResultOptions.fields) == null ? void 0 : _v.titleKey,
+          maxLines: (_w = searchResultOptions.maxLines) != null ? _w : 2,
           display: (doc2) => {
             var _a2, _b2;
             return ((_a2 = searchResultOptions.fields) == null ? void 0 : _a2.titleKey) && Boolean(doc2[(_b2 = searchResultOptions.fields) == null ? void 0 : _b2.titleKey]);
           }
         },
         ...getAdditionalElements(additionalFields),
-        addFieldIfKeyExists("_discountPrice", (_v = searchResultOptions.fields) == null ? void 0 : _v.discountPriceKey, {
-          key: (_w = searchResultOptions.fields) == null ? void 0 : _w.discountPriceKey,
+        addFieldIfKeyExists("_discountPrice", (_x = searchResultOptions.fields) == null ? void 0 : _x.discountPriceKey, {
+          key: (_y = searchResultOptions.fields) == null ? void 0 : _y.discountPriceKey,
           type: "customHtml",
           className: "lupa-price lupa-price-discounted",
           display: (doc2) => displayDiscountedPriceSection(doc2, searchResultOptions),
@@ -27734,8 +27778,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             return discount + regular;
           }
         }),
-        addFieldIfKeyExists("_regularPrice", (_x = searchResultOptions.fields) == null ? void 0 : _x.regularPriceKey, {
-          key: (_y = searchResultOptions.fields) == null ? void 0 : _y.regularPriceKey,
+        addFieldIfKeyExists("_regularPrice", (_z = searchResultOptions.fields) == null ? void 0 : _z.regularPriceKey, {
+          key: (_A = searchResultOptions.fields) == null ? void 0 : _A.regularPriceKey,
           type: "customHtml",
           className: "lupa-price lupa-price-single",
           display: (doc2) => displayRegularPriceSection(doc2, searchResultOptions),

package/dist/lupaSearch.js

@@ -6166,6 +6166,7 @@ const DEFAULT_PAGE_SIZE = 12;
 const DEFAULT_PAGE_SIZE_SELECTION = [12, 24, 36, 60];
 const LUPA_ROUTING_EVENT = "lupaRedirect";
 const RATING_STAR_HTML = "☆";
+const RESULT_ROOT_SELECTOR = "#lupa-search-results";
 const production = "https://api.lupasearch.com/v1/";
 const staging = "https://api.staging.lupasearch.com/v1/";
 const Env$1 = {
@@ -7150,7 +7151,7 @@ const parseFacetKey = (key, searchParams) => {
     const [min, max] = range.split(FACET_RANGE_SEPARATOR);
     return {
       gte: min,
-      lt: max
+      lte: max
     };
   }
   if (key.startsWith(FACET_PARAMS_TYPE.HIERARCHY)) {
@@ -8620,22 +8621,21 @@ var ResultsLayoutEnum = /* @__PURE__ */ ((ResultsLayoutEnum2) => {
   ResultsLayoutEnum2["LIST"] = "List";
   return ResultsLayoutEnum2;
 })(ResultsLayoutEnum || {});
-const RESULT_ROOT_ID = "lupa-search-results";
 const SHADOW_ROOT_ID = "lupa-shadow-id";
 const CONTAINER_ROOT_ID = "lupa-search-container";
-const scrollToSearchResults = (timeout = 500) => {
+const scrollToSearchResults = (timeout = 500, containerSelector) => {
   if (timeout) {
-    setTimeout(() => scrollTo(RESULT_ROOT_ID), timeout);
+    setTimeout(() => scrollTo(containerSelector != null ? containerSelector : RESULT_ROOT_SELECTOR), timeout);
   } else {
-    scrollTo(RESULT_ROOT_ID);
+    scrollTo(RESULT_ROOT_SELECTOR);
   }
 };
-const scrollTo = (elementId) => {
+const scrollTo = (elementSelector) => {
   var _a, _b;
-  let el = document.getElementById(elementId);
+  let el = document.querySelector(elementSelector);
   const shadowRoot = (_a = document.getElementById(SHADOW_ROOT_ID)) == null ? void 0 : _a.shadowRoot;
   if (!el) {
-    el = (_b = shadowRoot == null ? void 0 : shadowRoot.getElementById(elementId)) != null ? _b : null;
+    el = (_b = shadowRoot == null ? void 0 : shadowRoot.getElementById(elementSelector)) != null ? _b : null;
   }
   if (!el) {
     return;
@@ -11457,7 +11457,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
       return typeof currentFilters.value.gte === "string" ? parseFloat(currentFilters.value.gte) : currentFilters.value.gte;
     });
     const currentLte = computed(() => {
-      return typeof currentFilters.value.lt === "string" ? parseFloat(currentFilters.value.lt) : currentFilters.value.lt;
+      return typeof currentFilters.value.lte === "string" ? parseFloat(currentFilters.value.lte) : currentFilters.value.lte;
     });
     const currentMinValue = computed(() => {
       return currentGte.value ? Math.max(currentGte.value, facetMin.value) : facetMin.value;
@@ -12004,8 +12004,10 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     const props = __props;
     const paramStore = useParamsStore();
     const searchResultStore = useSearchResultStore();
+    const optionsStore = useOptionsStore();
     const { filters } = storeToRefs(paramStore);
     const { facets } = storeToRefs(searchResultStore);
+    const { searchResultOptions } = storeToRefs(optionsStore);
     computed(() => {
       var _a;
       return (_a = facets.value) == null ? void 0 : _a.filter((f2) => {
@@ -12020,6 +12022,14 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
         return !((_a2 = props.options.promotedFacets) == null ? void 0 : _a2.includes(f2.key));
       });
     });
+    const scrollToResultsOptions = computed(() => {
+      var _a, _b, _c, _d, _e, _f;
+      return {
+        enabled: ((_a = searchResultOptions.value.scrollToResults) == null ? void 0 : _a.enabled) === void 0 ? true : (_b = searchResultOptions.value.scrollToResults) == null ? void 0 : _b.enabled,
+        container: (_d = (_c = searchResultOptions.value.scrollToResults) == null ? void 0 : _c.scrollToContainerSelector) != null ? _d : RESULT_ROOT_SELECTOR,
+        timeout: (_f = (_e = searchResultOptions.value.scrollToResults) == null ? void 0 : _e.timeout) != null ? _f : 500
+      };
+    });
     const handleFacetSelect = (facetAction) => {
       switch (facetAction.type) {
         case "terms":
@@ -12032,7 +12042,12 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
           toggleHierarchyFilter(paramStore.appendParams, facetAction, filters.value);
           break;
       }
-      scrollToSearchResults();
+      if (scrollToResultsOptions.value.enabled) {
+        scrollToSearchResults(
+          scrollToResultsOptions.value.timeout,
+          scrollToResultsOptions.value.container
+        );
+      }
     };
     const clear2 = (facet) => {
       const param = getFacetKey(facet.key, facet.type);
@@ -12344,7 +12359,9 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     });
     const paramStore = useParamsStore();
     const screenStore = useScreenStore();
+    const optionsStore = useOptionsStore();
     const { isMobileWidth } = storeToRefs(screenStore);
+    const { searchResultOptions } = storeToRefs(optionsStore);
     const pageOptionsCount = computed(() => {
       return isMobileWidth.value ? props.options.displayMobile : props.options.display;
     });
@@ -12378,12 +12395,25 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     const showPagination = computed(() => {
       return pages.value.length > 1;
     });
+    const scrollToResultsOptions = computed(() => {
+      var _a, _b, _c, _d, _e, _f;
+      return {
+        enabled: ((_a = searchResultOptions.value.scrollToResults) == null ? void 0 : _a.enabled) === void 0 ? true : (_b = searchResultOptions.value.scrollToResults) == null ? void 0 : _b.enabled,
+        container: (_d = (_c = searchResultOptions.value.scrollToResults) == null ? void 0 : _c.scrollToContainerSelector) != null ? _d : RESULT_ROOT_SELECTOR,
+        timeout: (_f = (_e = searchResultOptions.value.scrollToResults) == null ? void 0 : _e.timeout) != null ? _f : 500
+      };
+    });
     const handlePageChange = (page) => {
       if (page > 0) {
         paramStore.appendParams({
           params: [{ name: QUERY_PARAMS$1.PAGE, value: page.toString() }]
         });
-        scrollToSearchResults();
+        if (scrollToResultsOptions.value.enabled) {
+          scrollToSearchResults(
+            scrollToResultsOptions.value.timeout,
+            scrollToResultsOptions.value.container
+          );
+        }
       }
     };
     return (_ctx, _cache) => {
@@ -27571,7 +27601,7 @@ const getSearchResultsComponent = ({
   callbacks,
   additionalFields
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A;
   const filters = searchResultOptions.showFacets ? {
     currentFilters: {
       visibility: {
@@ -27620,23 +27650,37 @@ const getSearchResultsComponent = ({
     sm: (_i = searchResultOptions.maxColumns) != null ? _i : 2,
     xs: (_j = searchResultOptions.maxColumns) != null ? _j : 1
   };
-  const badges = searchResultOptions.showRelevance ? {
+  const badges = {
     badges: {
       anchor: "tr",
       elements: [
-        {
-          key: "",
-          type: "customHtml",
-          className: "relevance",
-          html: (doc2) => `${toMaxDecimalPlaces(escapeHtml(doc2._relevance), 3)}`,
-          display: (doc2) => Boolean(doc2._relevance !== void 0)
-        }
+        ...searchResultOptions.showRelevance && [
+          {
+            key: "",
+            type: "customHtml",
+            className: "relevance",
+            html: (doc2) => `${toMaxDecimalPlaces(escapeHtml(doc2._relevance), 3)}`,
+            display: (doc2) => Boolean(doc2._relevance !== void 0)
+          }
+        ],
+        ...((_m = (_l = searchResultOptions.boostedMarker) == null ? void 0 : _l.enabled) != null ? _m : false) && [
+          {
+            key: "",
+            type: "customHtml",
+            className: "boosted-marker",
+            html: () => {
+              var _a2;
+              return `${escapeHtml((_a2 = searchResultOptions.boostedMarker) == null ? void 0 : _a2.label)}`;
+            },
+            display: (doc2) => doc2._boosted === true
+          }
+        ]
       ]
     }
-  } : {};
+  };
   return __spreadValues(__spreadProps(__spreadValues({
     options: {
-      environment: (_l = searchResultOptions.environment) != null ? _l : "production",
+      environment: (_n = searchResultOptions.environment) != null ? _n : "production",
       customUrl: searchResultOptions.customUrl,
       customBaseUrl: searchResultOptions.customBaseUrl,
       customPayload: searchResultOptions.customPayload,
@@ -27646,7 +27690,7 @@ const getSearchResultsComponent = ({
     queryKey: searchResultOptions.queryKey,
     containerSelector: searchResultOptions.containerSelector,
     searchTitlePosition: "search-results-top",
-    titleKey: (_m = searchResultOptions.fields) == null ? void 0 : _m.titleKey,
+    titleKey: (_o = searchResultOptions.fields) == null ? void 0 : _o.titleKey,
     labels: labels == null ? void 0 : labels.searchResults,
     grid: {
       columns
@@ -27679,7 +27723,7 @@ const getSearchResultsComponent = ({
     }
   }, badges), {
     links: {
-      details: ((_n = searchResultOptions.fields) == null ? void 0 : _n.productUrl) ? `{${(_o = searchResultOptions.fields) == null ? void 0 : _o.productUrl}}` : void 0
+      details: ((_p = searchResultOptions.fields) == null ? void 0 : _p.productUrl) ? `{${(_q = searchResultOptions.fields) == null ? void 0 : _q.productUrl}}` : void 0
     },
     callbacks,
     routingBehavior: callbacks ? "event" : "direct-link",
@@ -27688,31 +27732,31 @@ const getSearchResultsComponent = ({
       {
         type: "image",
         placeholder: placeholderImage,
-        key: (_p = searchResultOptions.fields) == null ? void 0 : _p.imageKey,
-        baseUrl: (_q = searchResultOptions.fields) == null ? void 0 : _q.baseImageUrl,
+        key: (_r = searchResultOptions.fields) == null ? void 0 : _r.imageKey,
+        baseUrl: (_s = searchResultOptions.fields) == null ? void 0 : _s.baseImageUrl,
         display: () => {
           var _a2;
           return (_a2 = searchResultOptions.fields) == null ? void 0 : _a2.imageKey;
         }
       },
-      addFieldIfKeyExists("_emphasis", (_r = searchResultOptions.fields) == null ? void 0 : _r.emphasizedField, {
+      addFieldIfKeyExists("_emphasis", (_t = searchResultOptions.fields) == null ? void 0 : _t.emphasizedField, {
         type: "custom",
         className: "lupa-custom-emphasis",
-        key: (_s = searchResultOptions.fields) == null ? void 0 : _s.emphasizedField,
+        key: (_u = searchResultOptions.fields) == null ? void 0 : _u.emphasizedField,
         display: () => true
       }),
       {
         type: "title",
-        key: (_t = searchResultOptions.fields) == null ? void 0 : _t.titleKey,
-        maxLines: (_u = searchResultOptions.maxLines) != null ? _u : 2,
+        key: (_v = searchResultOptions.fields) == null ? void 0 : _v.titleKey,
+        maxLines: (_w = searchResultOptions.maxLines) != null ? _w : 2,
         display: (doc2) => {
           var _a2, _b2;
           return ((_a2 = searchResultOptions.fields) == null ? void 0 : _a2.titleKey) && Boolean(doc2[(_b2 = searchResultOptions.fields) == null ? void 0 : _b2.titleKey]);
         }
       },
       ...getAdditionalElements(additionalFields),
-      addFieldIfKeyExists("_discountPrice", (_v = searchResultOptions.fields) == null ? void 0 : _v.discountPriceKey, {
-        key: (_w = searchResultOptions.fields) == null ? void 0 : _w.discountPriceKey,
+      addFieldIfKeyExists("_discountPrice", (_x = searchResultOptions.fields) == null ? void 0 : _x.discountPriceKey, {
+        key: (_y = searchResultOptions.fields) == null ? void 0 : _y.discountPriceKey,
         type: "customHtml",
         className: "lupa-price lupa-price-discounted",
         display: (doc2) => displayDiscountedPriceSection(doc2, searchResultOptions),
@@ -27734,8 +27778,8 @@ const getSearchResultsComponent = ({
           return discount + regular;
         }
       }),
-      addFieldIfKeyExists("_regularPrice", (_x = searchResultOptions.fields) == null ? void 0 : _x.regularPriceKey, {
-        key: (_y = searchResultOptions.fields) == null ? void 0 : _y.regularPriceKey,
+      addFieldIfKeyExists("_regularPrice", (_z = searchResultOptions.fields) == null ? void 0 : _z.regularPriceKey, {
+        key: (_A = searchResultOptions.fields) == null ? void 0 : _A.regularPriceKey,
         type: "customHtml",
         className: "lupa-price lupa-price-single",
         display: (doc2) => displayRegularPriceSection(doc2, searchResultOptions),

package/dist/lupaSearch.mjs

@@ -6164,6 +6164,7 @@ const DEFAULT_PAGE_SIZE = 12;
 const DEFAULT_PAGE_SIZE_SELECTION = [12, 24, 36, 60];
 const LUPA_ROUTING_EVENT = "lupaRedirect";
 const RATING_STAR_HTML = "☆";
+const RESULT_ROOT_SELECTOR = "#lupa-search-results";
 const production = "https://api.lupasearch.com/v1/";
 const staging = "https://api.staging.lupasearch.com/v1/";
 const Env$1 = {
@@ -7148,7 +7149,7 @@ const parseFacetKey = (key, searchParams) => {
     const [min, max] = range.split(FACET_RANGE_SEPARATOR);
     return {
       gte: min,
-      lt: max
+      lte: max
     };
   }
   if (key.startsWith(FACET_PARAMS_TYPE.HIERARCHY)) {
@@ -8618,22 +8619,21 @@ var ResultsLayoutEnum = /* @__PURE__ */ ((ResultsLayoutEnum2) => {
   ResultsLayoutEnum2["LIST"] = "List";
   return ResultsLayoutEnum2;
 })(ResultsLayoutEnum || {});
-const RESULT_ROOT_ID = "lupa-search-results";
 const SHADOW_ROOT_ID = "lupa-shadow-id";
 const CONTAINER_ROOT_ID = "lupa-search-container";
-const scrollToSearchResults = (timeout = 500) => {
+const scrollToSearchResults = (timeout = 500, containerSelector) => {
   if (timeout) {
-    setTimeout(() => scrollTo(RESULT_ROOT_ID), timeout);
+    setTimeout(() => scrollTo(containerSelector != null ? containerSelector : RESULT_ROOT_SELECTOR), timeout);
   } else {
-    scrollTo(RESULT_ROOT_ID);
+    scrollTo(RESULT_ROOT_SELECTOR);
   }
 };
-const scrollTo = (elementId) => {
+const scrollTo = (elementSelector) => {
   var _a, _b;
-  let el = document.getElementById(elementId);
+  let el = document.querySelector(elementSelector);
   const shadowRoot = (_a = document.getElementById(SHADOW_ROOT_ID)) == null ? void 0 : _a.shadowRoot;
   if (!el) {
-    el = (_b = shadowRoot == null ? void 0 : shadowRoot.getElementById(elementId)) != null ? _b : null;
+    el = (_b = shadowRoot == null ? void 0 : shadowRoot.getElementById(elementSelector)) != null ? _b : null;
   }
   if (!el) {
     return;
@@ -11455,7 +11455,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
       return typeof currentFilters.value.gte === "string" ? parseFloat(currentFilters.value.gte) : currentFilters.value.gte;
     });
     const currentLte = computed(() => {
-      return typeof currentFilters.value.lt === "string" ? parseFloat(currentFilters.value.lt) : currentFilters.value.lt;
+      return typeof currentFilters.value.lte === "string" ? parseFloat(currentFilters.value.lte) : currentFilters.value.lte;
     });
     const currentMinValue = computed(() => {
       return currentGte.value ? Math.max(currentGte.value, facetMin.value) : facetMin.value;
@@ -12002,8 +12002,10 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     const props = __props;
     const paramStore = useParamsStore();
     const searchResultStore = useSearchResultStore();
+    const optionsStore = useOptionsStore();
     const { filters } = storeToRefs(paramStore);
     const { facets } = storeToRefs(searchResultStore);
+    const { searchResultOptions } = storeToRefs(optionsStore);
     computed(() => {
       var _a;
       return (_a = facets.value) == null ? void 0 : _a.filter((f2) => {
@@ -12018,6 +12020,14 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
         return !((_a2 = props.options.promotedFacets) == null ? void 0 : _a2.includes(f2.key));
       });
     });
+    const scrollToResultsOptions = computed(() => {
+      var _a, _b, _c, _d, _e, _f;
+      return {
+        enabled: ((_a = searchResultOptions.value.scrollToResults) == null ? void 0 : _a.enabled) === void 0 ? true : (_b = searchResultOptions.value.scrollToResults) == null ? void 0 : _b.enabled,
+        container: (_d = (_c = searchResultOptions.value.scrollToResults) == null ? void 0 : _c.scrollToContainerSelector) != null ? _d : RESULT_ROOT_SELECTOR,
+        timeout: (_f = (_e = searchResultOptions.value.scrollToResults) == null ? void 0 : _e.timeout) != null ? _f : 500
+      };
+    });
     const handleFacetSelect = (facetAction) => {
       switch (facetAction.type) {
         case "terms":
@@ -12030,7 +12040,12 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
           toggleHierarchyFilter(paramStore.appendParams, facetAction, filters.value);
           break;
       }
-      scrollToSearchResults();
+      if (scrollToResultsOptions.value.enabled) {
+        scrollToSearchResults(
+          scrollToResultsOptions.value.timeout,
+          scrollToResultsOptions.value.container
+        );
+      }
     };
     const clear2 = (facet) => {
       const param = getFacetKey(facet.key, facet.type);
@@ -12342,7 +12357,9 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     });
     const paramStore = useParamsStore();
     const screenStore = useScreenStore();
+    const optionsStore = useOptionsStore();
     const { isMobileWidth } = storeToRefs(screenStore);
+    const { searchResultOptions } = storeToRefs(optionsStore);
     const pageOptionsCount = computed(() => {
       return isMobileWidth.value ? props.options.displayMobile : props.options.display;
     });
@@ -12376,12 +12393,25 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     const showPagination = computed(() => {
       return pages.value.length > 1;
     });
+    const scrollToResultsOptions = computed(() => {
+      var _a, _b, _c, _d, _e, _f;
+      return {
+        enabled: ((_a = searchResultOptions.value.scrollToResults) == null ? void 0 : _a.enabled) === void 0 ? true : (_b = searchResultOptions.value.scrollToResults) == null ? void 0 : _b.enabled,
+        container: (_d = (_c = searchResultOptions.value.scrollToResults) == null ? void 0 : _c.scrollToContainerSelector) != null ? _d : RESULT_ROOT_SELECTOR,
+        timeout: (_f = (_e = searchResultOptions.value.scrollToResults) == null ? void 0 : _e.timeout) != null ? _f : 500
+      };
+    });
     const handlePageChange = (page) => {
       if (page > 0) {
         paramStore.appendParams({
           params: [{ name: QUERY_PARAMS$1.PAGE, value: page.toString() }]
         });
-        scrollToSearchResults();
+        if (scrollToResultsOptions.value.enabled) {
+          scrollToSearchResults(
+            scrollToResultsOptions.value.timeout,
+            scrollToResultsOptions.value.container
+          );
+        }
       }
     };
     return (_ctx, _cache) => {
@@ -27569,7 +27599,7 @@ const getSearchResultsComponent = ({
   callbacks,
   additionalFields
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A;
   const filters = searchResultOptions.showFacets ? {
     currentFilters: {
       visibility: {
@@ -27618,23 +27648,37 @@ const getSearchResultsComponent = ({
     sm: (_i = searchResultOptions.maxColumns) != null ? _i : 2,
     xs: (_j = searchResultOptions.maxColumns) != null ? _j : 1
   };
-  const badges = searchResultOptions.showRelevance ? {
+  const badges = {
     badges: {
       anchor: "tr",
       elements: [
-        {
-          key: "",
-          type: "customHtml",
-          className: "relevance",
-          html: (doc2) => `${toMaxDecimalPlaces(escapeHtml(doc2._relevance), 3)}`,
-          display: (doc2) => Boolean(doc2._relevance !== void 0)
-        }
+        ...searchResultOptions.showRelevance && [
+          {
+            key: "",
+            type: "customHtml",
+            className: "relevance",
+            html: (doc2) => `${toMaxDecimalPlaces(escapeHtml(doc2._relevance), 3)}`,
+            display: (doc2) => Boolean(doc2._relevance !== void 0)
+          }
+        ],
+        ...((_m = (_l = searchResultOptions.boostedMarker) == null ? void 0 : _l.enabled) != null ? _m : false) && [
+          {
+            key: "",
+            type: "customHtml",
+            className: "boosted-marker",
+            html: () => {
+              var _a2;
+              return `${escapeHtml((_a2 = searchResultOptions.boostedMarker) == null ? void 0 : _a2.label)}`;
+            },
+            display: (doc2) => doc2._boosted === true
+          }
+        ]
       ]
     }
-  } : {};
+  };
   return __spreadValues(__spreadProps(__spreadValues({
     options: {
-      environment: (_l = searchResultOptions.environment) != null ? _l : "production",
+      environment: (_n = searchResultOptions.environment) != null ? _n : "production",
       customUrl: searchResultOptions.customUrl,
       customBaseUrl: searchResultOptions.customBaseUrl,
       customPayload: searchResultOptions.customPayload,
@@ -27644,7 +27688,7 @@ const getSearchResultsComponent = ({
     queryKey: searchResultOptions.queryKey,
     containerSelector: searchResultOptions.containerSelector,
     searchTitlePosition: "search-results-top",
-    titleKey: (_m = searchResultOptions.fields) == null ? void 0 : _m.titleKey,
+    titleKey: (_o = searchResultOptions.fields) == null ? void 0 : _o.titleKey,
     labels: labels == null ? void 0 : labels.searchResults,
     grid: {
       columns
@@ -27677,7 +27721,7 @@ const getSearchResultsComponent = ({
     }
   }, badges), {
     links: {
-      details: ((_n = searchResultOptions.fields) == null ? void 0 : _n.productUrl) ? `{${(_o = searchResultOptions.fields) == null ? void 0 : _o.productUrl}}` : void 0
+      details: ((_p = searchResultOptions.fields) == null ? void 0 : _p.productUrl) ? `{${(_q = searchResultOptions.fields) == null ? void 0 : _q.productUrl}}` : void 0
     },
     callbacks,
     routingBehavior: callbacks ? "event" : "direct-link",
@@ -27686,31 +27730,31 @@ const getSearchResultsComponent = ({
       {
         type: "image",
         placeholder: placeholderImage,
-        key: (_p = searchResultOptions.fields) == null ? void 0 : _p.imageKey,
-        baseUrl: (_q = searchResultOptions.fields) == null ? void 0 : _q.baseImageUrl,
+        key: (_r = searchResultOptions.fields) == null ? void 0 : _r.imageKey,
+        baseUrl: (_s = searchResultOptions.fields) == null ? void 0 : _s.baseImageUrl,
         display: () => {
           var _a2;
           return (_a2 = searchResultOptions.fields) == null ? void 0 : _a2.imageKey;
         }
       },
-      addFieldIfKeyExists("_emphasis", (_r = searchResultOptions.fields) == null ? void 0 : _r.emphasizedField, {
+      addFieldIfKeyExists("_emphasis", (_t = searchResultOptions.fields) == null ? void 0 : _t.emphasizedField, {
         type: "custom",
         className: "lupa-custom-emphasis",
-        key: (_s = searchResultOptions.fields) == null ? void 0 : _s.emphasizedField,
+        key: (_u = searchResultOptions.fields) == null ? void 0 : _u.emphasizedField,
         display: () => true
       }),
       {
         type: "title",
-        key: (_t = searchResultOptions.fields) == null ? void 0 : _t.titleKey,
-        maxLines: (_u = searchResultOptions.maxLines) != null ? _u : 2,
+        key: (_v = searchResultOptions.fields) == null ? void 0 : _v.titleKey,
+        maxLines: (_w = searchResultOptions.maxLines) != null ? _w : 2,
         display: (doc2) => {
           var _a2, _b2;
           return ((_a2 = searchResultOptions.fields) == null ? void 0 : _a2.titleKey) && Boolean(doc2[(_b2 = searchResultOptions.fields) == null ? void 0 : _b2.titleKey]);
         }
       },
       ...getAdditionalElements(additionalFields),
-      addFieldIfKeyExists("_discountPrice", (_v = searchResultOptions.fields) == null ? void 0 : _v.discountPriceKey, {
-        key: (_w = searchResultOptions.fields) == null ? void 0 : _w.discountPriceKey,
+      addFieldIfKeyExists("_discountPrice", (_x = searchResultOptions.fields) == null ? void 0 : _x.discountPriceKey, {
+        key: (_y = searchResultOptions.fields) == null ? void 0 : _y.discountPriceKey,
         type: "customHtml",
         className: "lupa-price lupa-price-discounted",
         display: (doc2) => displayDiscountedPriceSection(doc2, searchResultOptions),
@@ -27732,8 +27776,8 @@ const getSearchResultsComponent = ({
           return discount + regular;
         }
       }),
-      addFieldIfKeyExists("_regularPrice", (_x = searchResultOptions.fields) == null ? void 0 : _x.regularPriceKey, {
-        key: (_y = searchResultOptions.fields) == null ? void 0 : _y.regularPriceKey,
+      addFieldIfKeyExists("_regularPrice", (_z = searchResultOptions.fields) == null ? void 0 : _z.regularPriceKey, {
+        key: (_A = searchResultOptions.fields) == null ? void 0 : _A.regularPriceKey,
         type: "customHtml",
         className: "lupa-price lupa-price-single",
         display: (doc2) => displayRegularPriceSection(doc2, searchResultOptions),

package/dist/lupaSearch.umd.js

@@ -6168,6 +6168,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const DEFAULT_PAGE_SIZE_SELECTION = [12, 24, 36, 60];
   const LUPA_ROUTING_EVENT = "lupaRedirect";
   const RATING_STAR_HTML = "☆";
+  const RESULT_ROOT_SELECTOR = "#lupa-search-results";
   const production = "https://api.lupasearch.com/v1/";
   const staging = "https://api.staging.lupasearch.com/v1/";
   const Env$1 = {
@@ -7152,7 +7153,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const [min, max] = range.split(FACET_RANGE_SEPARATOR);
       return {
         gte: min,
-        lt: max
+        lte: max
       };
     }
     if (key.startsWith(FACET_PARAMS_TYPE.HIERARCHY)) {
@@ -8622,22 +8623,21 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     ResultsLayoutEnum2["LIST"] = "List";
     return ResultsLayoutEnum2;
   })(ResultsLayoutEnum || {});
-  const RESULT_ROOT_ID = "lupa-search-results";
   const SHADOW_ROOT_ID = "lupa-shadow-id";
   const CONTAINER_ROOT_ID = "lupa-search-container";
-  const scrollToSearchResults = (timeout = 500) => {
+  const scrollToSearchResults = (timeout = 500, containerSelector) => {
     if (timeout) {
-      setTimeout(() => scrollTo(RESULT_ROOT_ID), timeout);
+      setTimeout(() => scrollTo(containerSelector != null ? containerSelector : RESULT_ROOT_SELECTOR), timeout);
     } else {
-      scrollTo(RESULT_ROOT_ID);
+      scrollTo(RESULT_ROOT_SELECTOR);
     }
   };
-  const scrollTo = (elementId) => {
+  const scrollTo = (elementSelector) => {
     var _a, _b;
-    let el = document.getElementById(elementId);
+    let el = document.querySelector(elementSelector);
     const shadowRoot = (_a = document.getElementById(SHADOW_ROOT_ID)) == null ? void 0 : _a.shadowRoot;
     if (!el) {
-      el = (_b = shadowRoot == null ? void 0 : shadowRoot.getElementById(elementId)) != null ? _b : null;
+      el = (_b = shadowRoot == null ? void 0 : shadowRoot.getElementById(elementSelector)) != null ? _b : null;
     }
     if (!el) {
       return;
@@ -11459,7 +11459,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return typeof currentFilters.value.gte === "string" ? parseFloat(currentFilters.value.gte) : currentFilters.value.gte;
       });
       const currentLte = computed(() => {
-        return typeof currentFilters.value.lt === "string" ? parseFloat(currentFilters.value.lt) : currentFilters.value.lt;
+        return typeof currentFilters.value.lte === "string" ? parseFloat(currentFilters.value.lte) : currentFilters.value.lte;
       });
       const currentMinValue = computed(() => {
         return currentGte.value ? Math.max(currentGte.value, facetMin.value) : facetMin.value;
@@ -12006,8 +12006,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const props = __props;
       const paramStore = useParamsStore();
       const searchResultStore = useSearchResultStore();
+      const optionsStore = useOptionsStore();
       const { filters } = storeToRefs(paramStore);
       const { facets } = storeToRefs(searchResultStore);
+      const { searchResultOptions } = storeToRefs(optionsStore);
       computed(() => {
         var _a;
         return (_a = facets.value) == null ? void 0 : _a.filter((f2) => {
@@ -12022,6 +12024,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           return !((_a2 = props.options.promotedFacets) == null ? void 0 : _a2.includes(f2.key));
         });
       });
+      const scrollToResultsOptions = computed(() => {
+        var _a, _b, _c, _d, _e, _f;
+        return {
+          enabled: ((_a = searchResultOptions.value.scrollToResults) == null ? void 0 : _a.enabled) === void 0 ? true : (_b = searchResultOptions.value.scrollToResults) == null ? void 0 : _b.enabled,
+          container: (_d = (_c = searchResultOptions.value.scrollToResults) == null ? void 0 : _c.scrollToContainerSelector) != null ? _d : RESULT_ROOT_SELECTOR,
+          timeout: (_f = (_e = searchResultOptions.value.scrollToResults) == null ? void 0 : _e.timeout) != null ? _f : 500
+        };
+      });
       const handleFacetSelect = (facetAction) => {
         switch (facetAction.type) {
           case "terms":
@@ -12034,7 +12044,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             toggleHierarchyFilter(paramStore.appendParams, facetAction, filters.value);
             break;
         }
-        scrollToSearchResults();
+        if (scrollToResultsOptions.value.enabled) {
+          scrollToSearchResults(
+            scrollToResultsOptions.value.timeout,
+            scrollToResultsOptions.value.container
+          );
+        }
       };
       const clear2 = (facet) => {
         const param = getFacetKey(facet.key, facet.type);
@@ -12346,7 +12361,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       });
       const paramStore = useParamsStore();
       const screenStore = useScreenStore();
+      const optionsStore = useOptionsStore();
       const { isMobileWidth } = storeToRefs(screenStore);
+      const { searchResultOptions } = storeToRefs(optionsStore);
       const pageOptionsCount = computed(() => {
         return isMobileWidth.value ? props.options.displayMobile : props.options.display;
       });
@@ -12380,12 +12397,25 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const showPagination = computed(() => {
         return pages.value.length > 1;
       });
+      const scrollToResultsOptions = computed(() => {
+        var _a, _b, _c, _d, _e, _f;
+        return {
+          enabled: ((_a = searchResultOptions.value.scrollToResults) == null ? void 0 : _a.enabled) === void 0 ? true : (_b = searchResultOptions.value.scrollToResults) == null ? void 0 : _b.enabled,
+          container: (_d = (_c = searchResultOptions.value.scrollToResults) == null ? void 0 : _c.scrollToContainerSelector) != null ? _d : RESULT_ROOT_SELECTOR,
+          timeout: (_f = (_e = searchResultOptions.value.scrollToResults) == null ? void 0 : _e.timeout) != null ? _f : 500
+        };
+      });
       const handlePageChange = (page) => {
         if (page > 0) {
           paramStore.appendParams({
             params: [{ name: QUERY_PARAMS$1.PAGE, value: page.toString() }]
           });
-          scrollToSearchResults();
+          if (scrollToResultsOptions.value.enabled) {
+            scrollToSearchResults(
+              scrollToResultsOptions.value.timeout,
+              scrollToResultsOptions.value.container
+            );
+          }
         }
       };
       return (_ctx, _cache) => {
@@ -27573,7 +27603,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     callbacks,
     additionalFields
   }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A;
     const filters = searchResultOptions.showFacets ? {
       currentFilters: {
         visibility: {
@@ -27622,23 +27652,37 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       sm: (_i = searchResultOptions.maxColumns) != null ? _i : 2,
       xs: (_j = searchResultOptions.maxColumns) != null ? _j : 1
     };
-    const badges = searchResultOptions.showRelevance ? {
+    const badges = {
       badges: {
         anchor: "tr",
         elements: [
-          {
-            key: "",
-            type: "customHtml",
-            className: "relevance",
-            html: (doc2) => `${toMaxDecimalPlaces(escapeHtml(doc2._relevance), 3)}`,
-            display: (doc2) => Boolean(doc2._relevance !== void 0)
-          }
+          ...searchResultOptions.showRelevance && [
+            {
+              key: "",
+              type: "customHtml",
+              className: "relevance",
+              html: (doc2) => `${toMaxDecimalPlaces(escapeHtml(doc2._relevance), 3)}`,
+              display: (doc2) => Boolean(doc2._relevance !== void 0)
+            }
+          ],
+          ...((_m = (_l = searchResultOptions.boostedMarker) == null ? void 0 : _l.enabled) != null ? _m : false) && [
+            {
+              key: "",
+              type: "customHtml",
+              className: "boosted-marker",
+              html: () => {
+                var _a2;
+                return `${escapeHtml((_a2 = searchResultOptions.boostedMarker) == null ? void 0 : _a2.label)}`;
+              },
+              display: (doc2) => doc2._boosted === true
+            }
+          ]
         ]
       }
-    } : {};
+    };
     return __spreadValues(__spreadProps(__spreadValues({
       options: {
-        environment: (_l = searchResultOptions.environment) != null ? _l : "production",
+        environment: (_n = searchResultOptions.environment) != null ? _n : "production",
         customUrl: searchResultOptions.customUrl,
         customBaseUrl: searchResultOptions.customBaseUrl,
         customPayload: searchResultOptions.customPayload,
@@ -27648,7 +27692,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       queryKey: searchResultOptions.queryKey,
       containerSelector: searchResultOptions.containerSelector,
       searchTitlePosition: "search-results-top",
-      titleKey: (_m = searchResultOptions.fields) == null ? void 0 : _m.titleKey,
+      titleKey: (_o = searchResultOptions.fields) == null ? void 0 : _o.titleKey,
       labels: labels == null ? void 0 : labels.searchResults,
       grid: {
         columns
@@ -27681,7 +27725,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }
     }, badges), {
       links: {
-        details: ((_n = searchResultOptions.fields) == null ? void 0 : _n.productUrl) ? `{${(_o = searchResultOptions.fields) == null ? void 0 : _o.productUrl}}` : void 0
+        details: ((_p = searchResultOptions.fields) == null ? void 0 : _p.productUrl) ? `{${(_q = searchResultOptions.fields) == null ? void 0 : _q.productUrl}}` : void 0
       },
       callbacks,
       routingBehavior: callbacks ? "event" : "direct-link",
@@ -27690,31 +27734,31 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         {
           type: "image",
           placeholder: placeholderImage,
-          key: (_p = searchResultOptions.fields) == null ? void 0 : _p.imageKey,
-          baseUrl: (_q = searchResultOptions.fields) == null ? void 0 : _q.baseImageUrl,
+          key: (_r = searchResultOptions.fields) == null ? void 0 : _r.imageKey,
+          baseUrl: (_s = searchResultOptions.fields) == null ? void 0 : _s.baseImageUrl,
           display: () => {
             var _a2;
             return (_a2 = searchResultOptions.fields) == null ? void 0 : _a2.imageKey;
           }
         },
-        addFieldIfKeyExists("_emphasis", (_r = searchResultOptions.fields) == null ? void 0 : _r.emphasizedField, {
+        addFieldIfKeyExists("_emphasis", (_t = searchResultOptions.fields) == null ? void 0 : _t.emphasizedField, {
           type: "custom",
           className: "lupa-custom-emphasis",
-          key: (_s = searchResultOptions.fields) == null ? void 0 : _s.emphasizedField,
+          key: (_u = searchResultOptions.fields) == null ? void 0 : _u.emphasizedField,
           display: () => true
         }),
         {
           type: "title",
-          key: (_t = searchResultOptions.fields) == null ? void 0 : _t.titleKey,
-          maxLines: (_u = searchResultOptions.maxLines) != null ? _u : 2,
+          key: (_v = searchResultOptions.fields) == null ? void 0 : _v.titleKey,
+          maxLines: (_w = searchResultOptions.maxLines) != null ? _w : 2,
           display: (doc2) => {
             var _a2, _b2;
             return ((_a2 = searchResultOptions.fields) == null ? void 0 : _a2.titleKey) && Boolean(doc2[(_b2 = searchResultOptions.fields) == null ? void 0 : _b2.titleKey]);
           }
         },
         ...getAdditionalElements(additionalFields),
-        addFieldIfKeyExists("_discountPrice", (_v = searchResultOptions.fields) == null ? void 0 : _v.discountPriceKey, {
-          key: (_w = searchResultOptions.fields) == null ? void 0 : _w.discountPriceKey,
+        addFieldIfKeyExists("_discountPrice", (_x = searchResultOptions.fields) == null ? void 0 : _x.discountPriceKey, {
+          key: (_y = searchResultOptions.fields) == null ? void 0 : _y.discountPriceKey,
           type: "customHtml",
           className: "lupa-price lupa-price-discounted",
           display: (doc2) => displayDiscountedPriceSection(doc2, searchResultOptions),
@@ -27736,8 +27780,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             return discount + regular;
           }
         }),
-        addFieldIfKeyExists("_regularPrice", (_x = searchResultOptions.fields) == null ? void 0 : _x.regularPriceKey, {
-          key: (_y = searchResultOptions.fields) == null ? void 0 : _y.regularPriceKey,
+        addFieldIfKeyExists("_regularPrice", (_z = searchResultOptions.fields) == null ? void 0 : _z.regularPriceKey, {
+          key: (_A = searchResultOptions.fields) == null ? void 0 : _A.regularPriceKey,
           type: "customHtml",
           className: "lupa-price lupa-price-single",
           display: (doc2) => displayRegularPriceSection(doc2, searchResultOptions),

package/dist/src/types/PreconfiguredSearchContainerOptions.d.ts

@@ -37,6 +37,10 @@ export type SearchResultDemoOptions = {
     customHeaders?: Record<string, string>;
     gridConfiguration?: Record<string, number>;
     showRelevance?: boolean;
+    boostedMarker?: {
+        enabled: boolean;
+        label: string;
+    };
     errorHandler?: (errorResponse: any) => unknown;
 };
 export type PreconfiguredSearchContainerOptions = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/client",
-  "version": "1.8.2",
+  "version": "1.8.4",
   "main": "dist/lupaSearch.js",
   "module": "dist/index.mjs",
   "types": "dist/src/index.d.ts",
@@ -20,7 +20,7 @@
   },
   "devDependencies": {
     "@getlupa/client-sdk": "^1.3.4",
-    "@getlupa/vue": "0.8.1",
+    "@getlupa/vue": "0.8.3",
     "@rushstack/eslint-patch": "^1.3.2",
     "@tsconfig/node18": "^2.0.1",
     "@types/jsdom": "^21.1.1",