@getlupa/client 1.8.1 → 1.8.3

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)) {
@@ -8356,6 +8357,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     });
     return { dynamicDataIdMap, loading, enhanceSearchResultsWithDynamicData };
   });
+  const joinUrlParts = (...parts) => {
+    var _a, _b, _c;
+    if (parts.length === 1) {
+      return `${parts[0]}`;
+    }
+    return (_c = (_b = (_a = parts == null ? void 0 : parts.map((part) => part.replace(/(^\/+|\/+$)/g, ""))) == null ? void 0 : _a.filter((part) => part !== "")) == null ? void 0 : _b.join("/")) != null ? _c : "";
+  };
   const _hoisted_1$16 = ["src"];
   const _sfc_main$1c = /* @__PURE__ */ defineComponent({
     __name: "ProductImage",
@@ -8374,12 +8382,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return typeof imageUrl2 === "string" && (imageUrl2.indexOf("http://") === 0 || imageUrl2.indexOf("https://") === 0);
       });
       const imageUrl = computed(() => {
-        var _a;
         const imageUrl2 = image.value;
         if (hasFullImageUrl.value) {
           return imageUrl2;
         }
-        return `${(_a = rootImageUrl.value) != null ? _a : ""}/${imageUrl2}`;
+        return rootImageUrl.value ? joinUrlParts(rootImageUrl.value, imageUrl2) : `/${imageUrl2}`;
       });
       const hasImage = computed(() => Boolean(hasFullImageUrl.value || image.value));
       const placeholder = computed(() => props.options.placeholder);
@@ -8614,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;
@@ -11451,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;
@@ -11998,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) => {
@@ -12014,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":
@@ -12026,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);
@@ -12338,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;
       });
@@ -12372,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) => {

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)) {
@@ -8356,6 +8357,13 @@ const useDynamicDataStore = defineStore("dynamicData", () => {
   });
   return { dynamicDataIdMap, loading, enhanceSearchResultsWithDynamicData };
 });
+const joinUrlParts = (...parts) => {
+  var _a, _b, _c;
+  if (parts.length === 1) {
+    return `${parts[0]}`;
+  }
+  return (_c = (_b = (_a = parts == null ? void 0 : parts.map((part) => part.replace(/(^\/+|\/+$)/g, ""))) == null ? void 0 : _a.filter((part) => part !== "")) == null ? void 0 : _b.join("/")) != null ? _c : "";
+};
 const _hoisted_1$16 = ["src"];
 const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   __name: "ProductImage",
@@ -8374,12 +8382,11 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
       return typeof imageUrl2 === "string" && (imageUrl2.indexOf("http://") === 0 || imageUrl2.indexOf("https://") === 0);
     });
     const imageUrl = computed(() => {
-      var _a;
       const imageUrl2 = image.value;
       if (hasFullImageUrl.value) {
         return imageUrl2;
       }
-      return `${(_a = rootImageUrl.value) != null ? _a : ""}/${imageUrl2}`;
+      return rootImageUrl.value ? joinUrlParts(rootImageUrl.value, imageUrl2) : `/${imageUrl2}`;
     });
     const hasImage = computed(() => Boolean(hasFullImageUrl.value || image.value));
     const placeholder = computed(() => props.options.placeholder);
@@ -8614,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;
@@ -11451,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;
@@ -11998,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) => {
@@ -12014,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":
@@ -12026,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);
@@ -12338,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;
     });
@@ -12372,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) => {

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)) {
@@ -8354,6 +8355,13 @@ const useDynamicDataStore = defineStore("dynamicData", () => {
   });
   return { dynamicDataIdMap, loading, enhanceSearchResultsWithDynamicData };
 });
+const joinUrlParts = (...parts) => {
+  var _a, _b, _c;
+  if (parts.length === 1) {
+    return `${parts[0]}`;
+  }
+  return (_c = (_b = (_a = parts == null ? void 0 : parts.map((part) => part.replace(/(^\/+|\/+$)/g, ""))) == null ? void 0 : _a.filter((part) => part !== "")) == null ? void 0 : _b.join("/")) != null ? _c : "";
+};
 const _hoisted_1$16 = ["src"];
 const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   __name: "ProductImage",
@@ -8372,12 +8380,11 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
       return typeof imageUrl2 === "string" && (imageUrl2.indexOf("http://") === 0 || imageUrl2.indexOf("https://") === 0);
     });
     const imageUrl = computed(() => {
-      var _a;
       const imageUrl2 = image.value;
       if (hasFullImageUrl.value) {
         return imageUrl2;
       }
-      return `${(_a = rootImageUrl.value) != null ? _a : ""}/${imageUrl2}`;
+      return rootImageUrl.value ? joinUrlParts(rootImageUrl.value, imageUrl2) : `/${imageUrl2}`;
     });
     const hasImage = computed(() => Boolean(hasFullImageUrl.value || image.value));
     const placeholder = computed(() => props.options.placeholder);
@@ -8612,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;
@@ -11449,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;
@@ -11996,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) => {
@@ -12012,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":
@@ -12024,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);
@@ -12336,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;
     });
@@ -12370,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) => {

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)) {
@@ -8358,6 +8359,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     });
     return { dynamicDataIdMap, loading, enhanceSearchResultsWithDynamicData };
   });
+  const joinUrlParts = (...parts) => {
+    var _a, _b, _c;
+    if (parts.length === 1) {
+      return `${parts[0]}`;
+    }
+    return (_c = (_b = (_a = parts == null ? void 0 : parts.map((part) => part.replace(/(^\/+|\/+$)/g, ""))) == null ? void 0 : _a.filter((part) => part !== "")) == null ? void 0 : _b.join("/")) != null ? _c : "";
+  };
   const _hoisted_1$16 = ["src"];
   const _sfc_main$1c = /* @__PURE__ */ defineComponent({
     __name: "ProductImage",
@@ -8376,12 +8384,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return typeof imageUrl2 === "string" && (imageUrl2.indexOf("http://") === 0 || imageUrl2.indexOf("https://") === 0);
       });
       const imageUrl = computed(() => {
-        var _a;
         const imageUrl2 = image.value;
         if (hasFullImageUrl.value) {
           return imageUrl2;
         }
-        return `${(_a = rootImageUrl.value) != null ? _a : ""}/${imageUrl2}`;
+        return rootImageUrl.value ? joinUrlParts(rootImageUrl.value, imageUrl2) : `/${imageUrl2}`;
       });
       const hasImage = computed(() => Boolean(hasFullImageUrl.value || image.value));
       const placeholder = computed(() => props.options.placeholder);
@@ -8616,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;
@@ -11453,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;
@@ -12000,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) => {
@@ -12016,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":
@@ -12028,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);
@@ -12340,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;
       });
@@ -12374,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) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/client",
-  "version": "1.8.1",
+  "version": "1.8.3",
   "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.0",
+    "@getlupa/vue": "0.8.3",
     "@rushstack/eslint-patch": "^1.3.2",
     "@tsconfig/node18": "^2.0.1",
     "@types/jsdom": "^21.1.1",