@depict-ai/ui 3.0.18 → 3.0.20

package/ES10/index.cjs

@@ -83,7 +83,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $33eed84f447aa0c0$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447aa0c0$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "3.0.18";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "3.0.20";
 const $9d19451330d04c3c$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0"fill=#0f0f0f>`);
 function $9d19451330d04c3c$export$8be2714ec7f169ee() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -2234,7 +2234,8 @@ function $236a257ee52e5414$export$d41d19e89346fa2(_ref) {
     disable_fading_: true,
     slider_ref_: slider => {
       const {
-        insert_here: insert_here
+        insert_here: insert_here,
+        container: container
       } = slider;
       const Layout = props => $6c2c739b113a8ddf$export$445d8d3f5f706a40(props, insert_here, true);
       // Do like this, so we don't have to call mergeProps ourselves
@@ -2244,6 +2245,7 @@ function $236a257ee52e5414$export$d41d19e89346fa2(_ref) {
       }, layout_options_));
       $52FdA$depictaiutilishared.slider_fractional_factory(0, 0.75).constructor_plugin.call(slider, {}); // enable fractional scrolling
       insert_here.before($8edd3cf30d1fd8b4$export$a2cc176055f8f08());
+      container.classList.add("products");
     },
     get children() {
       return $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Suspense), {
@@ -6325,7 +6327,8 @@ function $e03dec587b6e91e3$export$83fd5de5504a7a67(_ref) {
       of_: of_
     },
     get_scroll_position_ = () => scrollY,
-    listen_to_scroll_on_: listen_to_scroll_on_
+    listen_to_scroll_on_: listen_to_scroll_on_,
+    velocity_too_fast_ = 1.5
   } = _ref;
   if (0, $52FdA$solidjsweb.isServer) return; // won't show in initial render and need scroll position
   const [first_to_show, set_first_to_show] = $52FdA$solidjs.createSignal(0);
@@ -6333,6 +6336,7 @@ function $e03dec587b6e91e3$export$83fd5de5504a7a67(_ref) {
   const [count_to_show, set_count_to_show] = $52FdA$solidjs.createSignal("");
   const [permitted_to_show, set_permitted_to_show] = $52FdA$solidjs.createSignal(false); // due to scroll speed
   const [show_triggered, set_show_triggered] = $52FdA$solidjs.createSignal(false); // signal to just switch between true/false to trigger a new animation which will persist the indicator
+  const [times_too_fast, set_times_too_fast] = $52FdA$solidjs.createSignal(0);
   const modified_price_formatting_ = $52FdA$solidjs.createMemo(() => ({
     ...price_formatting_(),
     places_after_comma_: 0
@@ -6342,25 +6346,27 @@ function $e03dec587b6e91e3$export$83fd5de5504a7a67(_ref) {
   let last_pos_time = +new Date();
   let last_pos = get_scroll_position_();
   let unpermit_when_possible = false;
-  let times_too_fast = 0;
   const handle_scrollpos_change = () => {
     if (animation) set_show_triggered(prev => !prev); // make sure that once we've decided to show the indicator it doesn't disappear before we stop scrolling
     const distance_travelled = Math.abs(get_scroll_position_() - last_pos);
     const now = +new Date();
     const age_of_distance = now - last_pos_time;
     const velocity = distance_travelled / age_of_distance; // pixels per millisecond
-    if (velocity > 1.5) {
-      times_too_fast++;
-      setTimeout(() => times_too_fast--, 1000);
+    if (velocity > velocity_too_fast_) {
+      set_times_too_fast(prev => prev + 1);
+      setTimeout(() => set_times_too_fast(prev => prev - 1), 1000);
     }
-    if (times_too_fast > 10) {
-      set_permitted_to_show(true);
-      unpermit_when_possible = false;
-    } else if (animation) unpermit_when_possible = true;else set_permitted_to_show(false);
     last_pos_time = now;
     last_pos = get_scroll_position_();
   };
   $1689794f03ba2554$export$205efb947c7ffd78(handle_scrollpos_change, undefined, listen_to_scroll_on_);
+  $52FdA$solidjs.createComputed(() => {
+    // We need to set this reactively to ensure that it's forbidden to show even when times_too_fast has tapered off after a few seconds, see https://github.com/depict-org/depict/pull/82
+    if (times_too_fast() > 10) {
+      set_permitted_to_show(true);
+      unpermit_when_possible = false;
+    } else if (animation) unpermit_when_possible = true;else set_permitted_to_show(false);
+  });
   $52FdA$solidjs.createEffect(() => {
     show_triggered();
     const first = get_first_result_in_viewport();
@@ -7243,6 +7249,7 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
                           }
                         }));
                         insert_here.classList.add("generated-spacing");
+                        container.classList.add("products");
                         $52FdA$solidjs.createEffect(
                         // @ts-ignore
                         $52FdA$solidjs.on(query_base_, () => insert_here.scrollTo({
@@ -7256,13 +7263,13 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
                           // Put scroll status into slider container, so it's centered relatively to the products
                           const rendered_scroll_status = ConfiguredScrollStatus({
                             get_scroll_position_: () => insert_here.scrollLeft,
-                            listen_to_scroll_on_: insert_here
+                            listen_to_scroll_on_: insert_here,
+                            velocity_too_fast_: 3 // Require twice as hard scrolling to show ScrollStatus in slider since it's easier to scroll fast there
                           });
-                          const {
-                            childNodes: childNodes
-                          } = container;
+
+                          const non_solid_nodes = [...container.childNodes];
                           // We have to use `insert` over Element.append, because ConfiguredScrollStatus is in an ErrorBoundary and therefore returns a function. `insert` will wipe all children, therefore save them first and then tell insert that the element should contain these elements + whatever ScrollStatus returns
-                          $52FdA$solidjsweb.insert(container, $52FdA$solidjs.createMemo(() => [...childNodes, rendered_scroll_status]));
+                          $52FdA$solidjsweb.insert(container, $52FdA$solidjs.createMemo(() => [...non_solid_nodes, rendered_scroll_status]));
                         }
                       },
                       children: listing_contents
@@ -8897,7 +8904,7 @@ function $eef41d50f07bf19a$export$d31a1a1a83ad9413(plp_results_, _ref) {
 const $ede6c70ecdca46fe$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class=product-count><!$><!/> <!$><!/>`),
   $ede6c70ecdca46fe$var$_tmpl$2 = /*#__PURE__*/$52FdA$solidjsweb.template(`<div>`),
   $ede6c70ecdca46fe$var$_tmpl$3 = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class=filter-results-for-one-row><!$><!/><!$><!/>`),
-  $ede6c70ecdca46fe$var$_tmpl$4 = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class="depict plp category"><div class=listing-page><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/></div><!$><!/><!$><!/>`);
+  $ede6c70ecdca46fe$var$_tmpl$4 = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class="depict plp category"><div class=listing-page><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/></div><!$><!/>`);
 function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
   let {
     depict_api_: depict_api_,
@@ -9196,9 +9203,7 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
       _el$25 = _el$24.nextSibling,
       [_el$26, _co$10] = $52FdA$solidjsweb.getNextMarker(_el$25.nextSibling),
       _el$27 = _el$14.nextSibling,
-      [_el$28, _co$11] = $52FdA$solidjsweb.getNextMarker(_el$27.nextSibling),
-      _el$29 = _el$28.nextSibling,
-      [_el$30, _co$12] = $52FdA$solidjsweb.getNextMarker(_el$29.nextSibling);
+      [_el$28, _co$11] = $52FdA$solidjsweb.getNextMarker(_el$27.nextSibling);
     $52FdA$solidjsweb.use(el => process.env.NODE_ENV === "development" && $c3a7faae6f2b93c9$export$7af06a63c5a976c9(el, id_to_query_for_, i18n_), _el$13);
     $52FdA$solidjsweb.insert(_el$14, $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Show), {
       get when() {
@@ -9292,25 +9297,25 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     }), _el$26, _co$10);
     $52FdA$solidjsweb.insert(_el$13, $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Show), {
       get when() {
-        return layout_options_().layout === "grid";
+        var _layout_options_$layo;
+        return !((_layout_options_$layo = layout_options_().layout) !== null && _layout_options_$layo !== void 0 && _layout_options_$layo.startsWith("slider"));
       },
       get children() {
-        return $52FdA$solidjsweb.createComponent(ConfiguredScrollStatus, {});
+        return [$52FdA$solidjsweb.createComponent(ConfiguredScrollStatus, {}), $52FdA$solidjsweb.createComponent((0, $1b3cf201cdd38687$export$b69d0d92862de18b), {
+          severity_: "error",
+          message_: "Floating buttons failed",
+          get children() {
+            return $b7cbae23560f11b9$export$b23abd26de154ede({
+              search_filters_open_: category_filters_open_,
+              search_sorting_open_: category_sorting_open_,
+              current_sorting_: current_sorting_,
+              sort_and_filter_element_: sort_and_filter_element_,
+              i18n_: i18n_
+            });
+          }
+        })];
       }
     }), _el$28, _co$11);
-    $52FdA$solidjsweb.insert(_el$13, $52FdA$solidjsweb.createComponent((0, $1b3cf201cdd38687$export$b69d0d92862de18b), {
-      severity_: "error",
-      message_: "Floating buttons failed",
-      get children() {
-        return $b7cbae23560f11b9$export$b23abd26de154ede({
-          search_filters_open_: category_filters_open_,
-          search_sorting_open_: category_sorting_open_,
-          current_sorting_: current_sorting_,
-          sort_and_filter_element_: sort_and_filter_element_,
-          i18n_: i18n_
-        });
-      }
-    }), _el$30, _co$12);
     $52FdA$solidjsweb.effect(() => $52FdA$solidjsweb.setAttribute(_el$13, "id", (0, $c95c6dd9e93acd82$export$44dad306455dddf).PLP_CATEGORY));
     return _el$13;
   })()];

package/ES10/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter2 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "3.0.18";
+export const version = "3.0.20";
 export type SDKColsAtSize = [number, number?][];
 /**
  * Transform SDK ColsAtSize into valid Layout ColsAtSize

package/ES10/index.js

@@ -10,7 +10,7 @@ import { createStore as $8tj43$createStore, reconcile as $8tj43$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "3.0.18";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "3.0.20";
 const $ca6ab5f08bd28bca$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0"fill=#0f0f0f>`);
 function $ca6ab5f08bd28bca$export$8be2714ec7f169ee() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -2161,7 +2161,8 @@ function $39ddb986053fb759$export$d41d19e89346fa2(_ref) {
     disable_fading_: true,
     slider_ref_: slider => {
       const {
-        insert_here: insert_here
+        insert_here: insert_here,
+        container: container
       } = slider;
       const Layout = props => $63f1f8dbcd07d3b0$export$445d8d3f5f706a40(props, insert_here, true);
       // Do like this, so we don't have to call mergeProps ourselves
@@ -2171,6 +2172,7 @@ function $39ddb986053fb759$export$d41d19e89346fa2(_ref) {
       }, layout_options_));
       $8tj43$slider_fractional_factory(0, 0.75).constructor_plugin.call(slider, {}); // enable fractional scrolling
       insert_here.before($ca55612a53dbbdd2$export$a2cc176055f8f08());
+      container.classList.add("products");
     },
     get children() {
       return $8tj43$createComponent((0, $8tj43$Suspense), {
@@ -6252,7 +6254,8 @@ function $b69740fc6de9f17e$export$83fd5de5504a7a67(_ref) {
       of_: of_
     },
     get_scroll_position_ = () => scrollY,
-    listen_to_scroll_on_: listen_to_scroll_on_
+    listen_to_scroll_on_: listen_to_scroll_on_,
+    velocity_too_fast_ = 1.5
   } = _ref;
   if (0, $8tj43$isServer) return; // won't show in initial render and need scroll position
   const [first_to_show, set_first_to_show] = $8tj43$createSignal(0);
@@ -6260,6 +6263,7 @@ function $b69740fc6de9f17e$export$83fd5de5504a7a67(_ref) {
   const [count_to_show, set_count_to_show] = $8tj43$createSignal("");
   const [permitted_to_show, set_permitted_to_show] = $8tj43$createSignal(false); // due to scroll speed
   const [show_triggered, set_show_triggered] = $8tj43$createSignal(false); // signal to just switch between true/false to trigger a new animation which will persist the indicator
+  const [times_too_fast, set_times_too_fast] = $8tj43$createSignal(0);
   const modified_price_formatting_ = $8tj43$createMemo(() => ({
     ...price_formatting_(),
     places_after_comma_: 0
@@ -6269,25 +6273,27 @@ function $b69740fc6de9f17e$export$83fd5de5504a7a67(_ref) {
   let last_pos_time = +new Date();
   let last_pos = get_scroll_position_();
   let unpermit_when_possible = false;
-  let times_too_fast = 0;
   const handle_scrollpos_change = () => {
     if (animation) set_show_triggered(prev => !prev); // make sure that once we've decided to show the indicator it doesn't disappear before we stop scrolling
     const distance_travelled = Math.abs(get_scroll_position_() - last_pos);
     const now = +new Date();
     const age_of_distance = now - last_pos_time;
     const velocity = distance_travelled / age_of_distance; // pixels per millisecond
-    if (velocity > 1.5) {
-      times_too_fast++;
-      setTimeout(() => times_too_fast--, 1000);
+    if (velocity > velocity_too_fast_) {
+      set_times_too_fast(prev => prev + 1);
+      setTimeout(() => set_times_too_fast(prev => prev - 1), 1000);
     }
-    if (times_too_fast > 10) {
-      set_permitted_to_show(true);
-      unpermit_when_possible = false;
-    } else if (animation) unpermit_when_possible = true;else set_permitted_to_show(false);
     last_pos_time = now;
     last_pos = get_scroll_position_();
   };
   $33e7d1906c93db7d$export$205efb947c7ffd78(handle_scrollpos_change, undefined, listen_to_scroll_on_);
+  $8tj43$createComputed(() => {
+    // We need to set this reactively to ensure that it's forbidden to show even when times_too_fast has tapered off after a few seconds, see https://github.com/depict-org/depict/pull/82
+    if (times_too_fast() > 10) {
+      set_permitted_to_show(true);
+      unpermit_when_possible = false;
+    } else if (animation) unpermit_when_possible = true;else set_permitted_to_show(false);
+  });
   $8tj43$createEffect(() => {
     show_triggered();
     const first = get_first_result_in_viewport();
@@ -7170,6 +7176,7 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
                           }
                         }));
                         insert_here.classList.add("generated-spacing");
+                        container.classList.add("products");
                         $8tj43$createEffect(
                         // @ts-ignore
                         $8tj43$on(query_base_, () => insert_here.scrollTo({
@@ -7183,13 +7190,13 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
                           // Put scroll status into slider container, so it's centered relatively to the products
                           const rendered_scroll_status = ConfiguredScrollStatus({
                             get_scroll_position_: () => insert_here.scrollLeft,
-                            listen_to_scroll_on_: insert_here
+                            listen_to_scroll_on_: insert_here,
+                            velocity_too_fast_: 3 // Require twice as hard scrolling to show ScrollStatus in slider since it's easier to scroll fast there
                           });
-                          const {
-                            childNodes: childNodes
-                          } = container;
+
+                          const non_solid_nodes = [...container.childNodes];
                           // We have to use `insert` over Element.append, because ConfiguredScrollStatus is in an ErrorBoundary and therefore returns a function. `insert` will wipe all children, therefore save them first and then tell insert that the element should contain these elements + whatever ScrollStatus returns
-                          $8tj43$insert(container, $8tj43$createMemo(() => [...childNodes, rendered_scroll_status]));
+                          $8tj43$insert(container, $8tj43$createMemo(() => [...non_solid_nodes, rendered_scroll_status]));
                         }
                       },
                       children: listing_contents
@@ -8824,7 +8831,7 @@ function $3a2bed57c9a57e21$export$d31a1a1a83ad9413(plp_results_, _ref) {
 const $4b4b262708b516ee$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=product-count><!$><!/> <!$><!/>`),
   $4b4b262708b516ee$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div>`),
   $4b4b262708b516ee$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div class=filter-results-for-one-row><!$><!/><!$><!/>`),
-  $4b4b262708b516ee$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<div class="depict plp category"><div class=listing-page><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/></div><!$><!/><!$><!/>`);
+  $4b4b262708b516ee$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<div class="depict plp category"><div class=listing-page><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/></div><!$><!/>`);
 function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
   let {
     depict_api_: depict_api_,
@@ -9123,9 +9130,7 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
       _el$25 = _el$24.nextSibling,
       [_el$26, _co$10] = $8tj43$getNextMarker(_el$25.nextSibling),
       _el$27 = _el$14.nextSibling,
-      [_el$28, _co$11] = $8tj43$getNextMarker(_el$27.nextSibling),
-      _el$29 = _el$28.nextSibling,
-      [_el$30, _co$12] = $8tj43$getNextMarker(_el$29.nextSibling);
+      [_el$28, _co$11] = $8tj43$getNextMarker(_el$27.nextSibling);
     $8tj43$use(el => process.env.NODE_ENV === "development" && $1145661fd3ca5519$export$7af06a63c5a976c9(el, id_to_query_for_, i18n_), _el$13);
     $8tj43$insert(_el$14, $8tj43$createComponent((0, $8tj43$Show), {
       get when() {
@@ -9219,25 +9224,25 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     }), _el$26, _co$10);
     $8tj43$insert(_el$13, $8tj43$createComponent((0, $8tj43$Show), {
       get when() {
-        return layout_options_().layout === "grid";
+        var _layout_options_$layo;
+        return !((_layout_options_$layo = layout_options_().layout) !== null && _layout_options_$layo !== void 0 && _layout_options_$layo.startsWith("slider"));
       },
       get children() {
-        return $8tj43$createComponent(ConfiguredScrollStatus, {});
+        return [$8tj43$createComponent(ConfiguredScrollStatus, {}), $8tj43$createComponent((0, $74777e8fe65b3dcb$export$b69d0d92862de18b), {
+          severity_: "error",
+          message_: "Floating buttons failed",
+          get children() {
+            return $6a16b21155984cef$export$b23abd26de154ede({
+              search_filters_open_: category_filters_open_,
+              search_sorting_open_: category_sorting_open_,
+              current_sorting_: current_sorting_,
+              sort_and_filter_element_: sort_and_filter_element_,
+              i18n_: i18n_
+            });
+          }
+        })];
       }
     }), _el$28, _co$11);
-    $8tj43$insert(_el$13, $8tj43$createComponent((0, $74777e8fe65b3dcb$export$b69d0d92862de18b), {
-      severity_: "error",
-      message_: "Floating buttons failed",
-      get children() {
-        return $6a16b21155984cef$export$b23abd26de154ede({
-          search_filters_open_: category_filters_open_,
-          search_sorting_open_: category_sorting_open_,
-          current_sorting_: current_sorting_,
-          sort_and_filter_element_: sort_and_filter_element_,
-          i18n_: i18n_
-        });
-      }
-    }), _el$30, _co$12);
     $8tj43$effect(() => $8tj43$setAttribute(_el$13, "id", (0, $c3820807ac1e6fd7$export$44dad306455dddf).PLP_CATEGORY));
     return _el$13;
   })()];

package/README.md

@@ -8,4 +8,5 @@ Breaking changes:
 - 1.2.0 added `page_url_creator` and changed typing to support it. The only breaking change is that this potentially causes type errors where the resolution is to move the generics to the provider instead of the SearchPage and CategoryPage components.
 - 1.3.0 moved `depict-filter-sort-mobile-modal-container` from being a class to being an id
 - 1.4.0 Added `brand_` translation string to Locale.
-- 2.0.0 Made `enable_content_search` `true` by default. Redesigned filter counts.
+- 2.0.0 Made `enable_content_search` `true` by default. Redesigned filter counts.
+- 3.0.19 (first `latest` tagged release of version 3): Please see this [migration guide](https://docs.depict.ai/other-guides/sdk-migration-v2-v3)

package/latest/index.cjs

@@ -77,7 +77,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad997933$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "3.0.18";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "3.0.20";
 const $0f313083912e447a$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0"fill=#0f0f0f>`);
 function $0f313083912e447a$export$8be2714ec7f169ee(props = {}) {
   return (() => {
@@ -2116,7 +2116,8 @@ function $363ce4d1d71041aa$export$d41d19e89346fa2({
     disable_fading_: true,
     slider_ref_: slider => {
       const {
-        insert_here: insert_here
+        insert_here: insert_here,
+        container: container
       } = slider;
       const Layout = props => $f48d0fbb00835aaa$export$445d8d3f5f706a40(props, insert_here, true);
       // Do like this, so we don't have to call mergeProps ourselves
@@ -2126,6 +2127,7 @@ function $363ce4d1d71041aa$export$d41d19e89346fa2({
       }, layout_options_));
       $gVhhF$depictaiutilishared.slider_fractional_factory(0, 0.75).constructor_plugin.call(slider, {}); // enable fractional scrolling
       insert_here.before($fc23d7668ae0011d$export$a2cc176055f8f08());
+      container.classList.add("products");
     },
     get children() {
       return $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Suspense), {
@@ -5916,7 +5918,8 @@ function $401aee5f33dca9e2$export$83fd5de5504a7a67({
     of_: of_
   },
   get_scroll_position_ = () => scrollY,
-  listen_to_scroll_on_: listen_to_scroll_on_
+  listen_to_scroll_on_: listen_to_scroll_on_,
+  velocity_too_fast_ = 1.5
 }) {
   if (0, $gVhhF$solidjsweb.isServer) return; // won't show in initial render and need scroll position
   const [first_to_show, set_first_to_show] = $gVhhF$solidjs.createSignal(0);
@@ -5924,6 +5927,7 @@ function $401aee5f33dca9e2$export$83fd5de5504a7a67({
   const [count_to_show, set_count_to_show] = $gVhhF$solidjs.createSignal("");
   const [permitted_to_show, set_permitted_to_show] = $gVhhF$solidjs.createSignal(false); // due to scroll speed
   const [show_triggered, set_show_triggered] = $gVhhF$solidjs.createSignal(false); // signal to just switch between true/false to trigger a new animation which will persist the indicator
+  const [times_too_fast, set_times_too_fast] = $gVhhF$solidjs.createSignal(0);
   const modified_price_formatting_ = $gVhhF$solidjs.createMemo(() => ({
     ...price_formatting_(),
     places_after_comma_: 0
@@ -5933,25 +5937,27 @@ function $401aee5f33dca9e2$export$83fd5de5504a7a67({
   let last_pos_time = +new Date();
   let last_pos = get_scroll_position_();
   let unpermit_when_possible = false;
-  let times_too_fast = 0;
   const handle_scrollpos_change = () => {
     if (animation) set_show_triggered(prev => !prev); // make sure that once we've decided to show the indicator it doesn't disappear before we stop scrolling
     const distance_travelled = Math.abs(get_scroll_position_() - last_pos);
     const now = +new Date();
     const age_of_distance = now - last_pos_time;
     const velocity = distance_travelled / age_of_distance; // pixels per millisecond
-    if (velocity > 1.5) {
-      times_too_fast++;
-      setTimeout(() => times_too_fast--, 1000);
+    if (velocity > velocity_too_fast_) {
+      set_times_too_fast(prev => prev + 1);
+      setTimeout(() => set_times_too_fast(prev => prev - 1), 1000);
     }
-    if (times_too_fast > 10) {
-      set_permitted_to_show(true);
-      unpermit_when_possible = false;
-    } else if (animation) unpermit_when_possible = true;else set_permitted_to_show(false);
     last_pos_time = now;
     last_pos = get_scroll_position_();
   };
   $76b6ac05693f5c71$export$205efb947c7ffd78(handle_scrollpos_change, undefined, listen_to_scroll_on_);
+  $gVhhF$solidjs.createComputed(() => {
+    // We need to set this reactively to ensure that it's forbidden to show even when times_too_fast has tapered off after a few seconds, see https://github.com/depict-org/depict/pull/82
+    if (times_too_fast() > 10) {
+      set_permitted_to_show(true);
+      unpermit_when_possible = false;
+    } else if (animation) unpermit_when_possible = true;else set_permitted_to_show(false);
+  });
   $gVhhF$solidjs.createEffect(() => {
     show_triggered();
     const first = get_first_result_in_viewport();
@@ -6799,6 +6805,7 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
                           }
                         }));
                         insert_here.classList.add("generated-spacing");
+                        container.classList.add("products");
                         $gVhhF$solidjs.createEffect(
                         // @ts-ignore
                         $gVhhF$solidjs.on(query_base_, () => insert_here.scrollTo({
@@ -6812,13 +6819,13 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
                           // Put scroll status into slider container, so it's centered relatively to the products
                           const rendered_scroll_status = ConfiguredScrollStatus({
                             get_scroll_position_: () => insert_here.scrollLeft,
-                            listen_to_scroll_on_: insert_here
+                            listen_to_scroll_on_: insert_here,
+                            velocity_too_fast_: 3 // Require twice as hard scrolling to show ScrollStatus in slider since it's easier to scroll fast there
                           });
-                          const {
-                            childNodes: childNodes
-                          } = container;
+
+                          const non_solid_nodes = [...container.childNodes];
                           // We have to use `insert` over Element.append, because ConfiguredScrollStatus is in an ErrorBoundary and therefore returns a function. `insert` will wipe all children, therefore save them first and then tell insert that the element should contain these elements + whatever ScrollStatus returns
-                          $gVhhF$solidjsweb.insert(container, $gVhhF$solidjs.createMemo(() => [...childNodes, rendered_scroll_status]));
+                          $gVhhF$solidjsweb.insert(container, $gVhhF$solidjs.createMemo(() => [...non_solid_nodes, rendered_scroll_status]));
                         }
                       },
                       children: listing_contents
@@ -8356,7 +8363,7 @@ function $6a8e766e914723d8$export$d31a1a1a83ad9413(plp_results_, [get_selected_f
 const $840d88a04b2d22a7$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class=product-count><!$><!/> <!$><!/>`),
   $840d88a04b2d22a7$var$_tmpl$2 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div>`),
   $840d88a04b2d22a7$var$_tmpl$3 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class=filter-results-for-one-row><!$><!/><!$><!/>`),
-  $840d88a04b2d22a7$var$_tmpl$4 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class="depict plp category"><div class=listing-page><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/></div><!$><!/><!$><!/>`);
+  $840d88a04b2d22a7$var$_tmpl$4 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class="depict plp category"><div class=listing-page><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/></div><!$><!/>`);
 function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
   depict_api_: depict_api_,
   id_to_query_for_: id_to_query_for_,
@@ -8627,9 +8634,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
       _el$25 = _el$24.nextSibling,
       [_el$26, _co$10] = $gVhhF$solidjsweb.getNextMarker(_el$25.nextSibling),
       _el$27 = _el$14.nextSibling,
-      [_el$28, _co$11] = $gVhhF$solidjsweb.getNextMarker(_el$27.nextSibling),
-      _el$29 = _el$28.nextSibling,
-      [_el$30, _co$12] = $gVhhF$solidjsweb.getNextMarker(_el$29.nextSibling);
+      [_el$28, _co$11] = $gVhhF$solidjsweb.getNextMarker(_el$27.nextSibling);
     $gVhhF$solidjsweb.use(el => process.env.NODE_ENV === "development" && $bb9760b7a8acdc18$export$7af06a63c5a976c9(el, id_to_query_for_, i18n_), _el$13);
     $gVhhF$solidjsweb.insert(_el$14, $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
       get when() {
@@ -8722,25 +8727,24 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
     }), _el$26, _co$10);
     $gVhhF$solidjsweb.insert(_el$13, $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
       get when() {
-        return layout_options_().layout === "grid";
+        return !layout_options_().layout?.startsWith("slider");
       },
       get children() {
-        return $gVhhF$solidjsweb.createComponent(ConfiguredScrollStatus, {});
+        return [$gVhhF$solidjsweb.createComponent(ConfiguredScrollStatus, {}), $gVhhF$solidjsweb.createComponent((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
+          severity_: "error",
+          message_: "Floating buttons failed",
+          get children() {
+            return $2fb324fbcc7b4a7b$export$b23abd26de154ede({
+              search_filters_open_: category_filters_open_,
+              search_sorting_open_: category_sorting_open_,
+              current_sorting_: current_sorting_,
+              sort_and_filter_element_: sort_and_filter_element_,
+              i18n_: i18n_
+            });
+          }
+        })];
       }
     }), _el$28, _co$11);
-    $gVhhF$solidjsweb.insert(_el$13, $gVhhF$solidjsweb.createComponent((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
-      severity_: "error",
-      message_: "Floating buttons failed",
-      get children() {
-        return $2fb324fbcc7b4a7b$export$b23abd26de154ede({
-          search_filters_open_: category_filters_open_,
-          search_sorting_open_: category_sorting_open_,
-          current_sorting_: current_sorting_,
-          sort_and_filter_element_: sort_and_filter_element_,
-          i18n_: i18n_
-        });
-      }
-    }), _el$30, _co$12);
     $gVhhF$solidjsweb.effect(() => $gVhhF$solidjsweb.setAttribute(_el$13, "id", (0, $0b6e2070a98de347$export$44dad306455dddf).PLP_CATEGORY));
     return _el$13;
   })()];

package/latest/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter2 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "3.0.18";
+export const version = "3.0.20";
 export type SDKColsAtSize = [number, number?][];
 /**
  * Transform SDK ColsAtSize into valid Layout ColsAtSize