npm - @depict-ai/ui - Versions diffs - 3.0.17 → 3.0.19 - Mend

@depict-ai/ui 3.0.17 → 3.0.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/ES10/index.cjs CHANGED Viewed

@@ -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.17";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "3.0.19";
 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), {
@@ -7243,6 +7245,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({
@@ -7258,11 +7261,9 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
                             get_scroll_position_: () => insert_here.scrollLeft,
                             listen_to_scroll_on_: insert_here
                           });
-                          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,9 +8898,8 @@ 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) {
-  var _on_filters_construct;
   let {
     depict_api_: depict_api_,
     id_to_query_for_: id_to_query_for_,
@@ -9138,7 +9138,11 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     id_: id_to_query_for_,
     can_write_scroll_restoration_: can_write_scroll_restoration_
   });
-  (_on_filters_construct = on_filters_constructed_) === null || _on_filters_construct === void 0 || _on_filters_construct();
+  $52FdA$solidjs.createEffect(() => {
+    var _on_filters_construct;
+    if (sort_and_filter_disabled_()) return;
+    (_on_filters_construct = on_filters_constructed_) === null || _on_filters_construct === void 0 || _on_filters_construct();
+  });
   $52FdA$solidjs.createComputed(() => {
     if (plp_products_.loading) set_can_write_scroll_restoration(false);else if (plp_products_()) set_can_write_scroll_restoration(true);
   });
@@ -9193,9 +9197,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() {
@@ -9289,25 +9291,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;
   })()];
@@ -9693,7 +9695,12 @@ function $9cbefc32b9dab36d$export$e2bf8ce7779e827e(props) {
       return newId;
     });
     $52FdA$solidjs.onCleanup(() => $bdea39a75c454f4f$export$f50b88e2a00918b5(props.on_listing_query_change)());
-    const is_grid = $52FdA$solidjs.createMemo(() => props.layout === "grid");
+    const is_grid = $52FdA$solidjs.createMemo(() => {
+      const {
+        layout: layout
+      } = props;
+      return !layout || layout === "grid";
+    });
     const grid_spacing_override = $52FdA$solidjs.createMemo(() => {
       const {
         grid_spacing: grid_spacing

package/ES10/index.d.ts CHANGED Viewed

@@ -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.17";
+export const version = "3.0.19";
 export type SDKColsAtSize = [number, number?][];
 /**
  * Transform SDK ColsAtSize into valid Layout ColsAtSize

package/ES10/index.js CHANGED Viewed

@@ -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.17";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "3.0.19";
 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), {
@@ -7170,6 +7172,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({
@@ -7185,11 +7188,9 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
                             get_scroll_position_: () => insert_here.scrollLeft,
                             listen_to_scroll_on_: insert_here
                           });
-                          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,9 +8825,8 @@ 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) {
-  var _on_filters_construct;
   let {
     depict_api_: depict_api_,
     id_to_query_for_: id_to_query_for_,
@@ -9065,7 +9065,11 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     id_: id_to_query_for_,
     can_write_scroll_restoration_: can_write_scroll_restoration_
   });
-  (_on_filters_construct = on_filters_constructed_) === null || _on_filters_construct === void 0 || _on_filters_construct();
+  $8tj43$createEffect(() => {
+    var _on_filters_construct;
+    if (sort_and_filter_disabled_()) return;
+    (_on_filters_construct = on_filters_constructed_) === null || _on_filters_construct === void 0 || _on_filters_construct();
+  });
   $8tj43$createComputed(() => {
     if (plp_products_.loading) set_can_write_scroll_restoration(false);else if (plp_products_()) set_can_write_scroll_restoration(true);
   });
@@ -9120,9 +9124,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() {
@@ -9216,25 +9218,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;
   })()];
@@ -9620,7 +9622,12 @@ function $f5f54892fd0c7d9f$export$e2bf8ce7779e827e(props) {
       return newId;
     });
     $8tj43$onCleanup(() => $01c33966d9ddb108$export$f50b88e2a00918b5(props.on_listing_query_change)());
-    const is_grid = $8tj43$createMemo(() => props.layout === "grid");
+    const is_grid = $8tj43$createMemo(() => {
+      const {
+        layout: layout
+      } = props;
+      return !layout || layout === "grid";
+    });
     const grid_spacing_override = $8tj43$createMemo(() => {
       const {
         grid_spacing: grid_spacing

package/README.md CHANGED Viewed

@@ -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.15 (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 CHANGED Viewed

@@ -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.17";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "3.0.19";
 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), {
@@ -6799,6 +6801,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({
@@ -6814,11 +6817,9 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
                             get_scroll_position_: () => insert_here.scrollLeft,
                             listen_to_scroll_on_: insert_here
                           });
-                          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 +8357,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_,
@@ -8570,7 +8571,10 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
     id_: id_to_query_for_,
     can_write_scroll_restoration_: can_write_scroll_restoration_
   });
-  on_filters_constructed_?.();
+  $gVhhF$solidjs.createEffect(() => {
+    if (sort_and_filter_disabled_()) return;
+    on_filters_constructed_?.();
+  });
   $gVhhF$solidjs.createComputed(() => {
     if (plp_products_.loading) set_can_write_scroll_restoration(false);else if (plp_products_()) set_can_write_scroll_restoration(true);
   });
@@ -8624,9 +8628,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() {
@@ -8719,25 +8721,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;
   })()];
@@ -9051,7 +9052,12 @@ function $48567ac5b39bac56$export$e2bf8ce7779e827e(props) {
       return newId;
     });
     $gVhhF$solidjs.onCleanup(() => $deaaf04362a1bc71$export$f50b88e2a00918b5(props.on_listing_query_change)());
-    const is_grid = $gVhhF$solidjs.createMemo(() => props.layout === "grid");
+    const is_grid = $gVhhF$solidjs.createMemo(() => {
+      const {
+        layout: layout
+      } = props;
+      return !layout || layout === "grid";
+    });
     const grid_spacing_override = $gVhhF$solidjs.createMemo(() => {
       const {
         grid_spacing: grid_spacing

package/latest/index.d.ts CHANGED Viewed

@@ -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.17";
+export const version = "3.0.19";
 export type SDKColsAtSize = [number, number?][];
 /**
  * Transform SDK ColsAtSize into valid Layout ColsAtSize

package/latest/index.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { createStore as $9HbP8$createStore, reconcile as $9HbP8$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "3.0.17";
+const $ec291e0010116877$export$83d89fbfd8236492 = "3.0.19";
 const $fbbadcb080ad1d4a$var$_tmpl$ = /*#__PURE__*/$9HbP8$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 $fbbadcb080ad1d4a$export$8be2714ec7f169ee(props = {}) {
   return (() => {
@@ -2046,7 +2046,8 @@ function $c4492d24952ed731$export$d41d19e89346fa2({
     disable_fading_: true,
     slider_ref_: slider => {
       const {
-        insert_here: insert_here
+        insert_here: insert_here,
+        container: container
       } = slider;
       const Layout = props => $c8d5ff4524619fcd$export$445d8d3f5f706a40(props, insert_here, true);
       // Do like this, so we don't have to call mergeProps ourselves
@@ -2056,6 +2057,7 @@ function $c4492d24952ed731$export$d41d19e89346fa2({
       }, layout_options_));
       $9HbP8$slider_fractional_factory(0, 0.75).constructor_plugin.call(slider, {}); // enable fractional scrolling
       insert_here.before($a458486f22b22f63$export$a2cc176055f8f08());
+      container.classList.add("products");
     },
     get children() {
       return $9HbP8$createComponent((0, $9HbP8$Suspense), {
@@ -6729,6 +6731,7 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
                           }
                         }));
                         insert_here.classList.add("generated-spacing");
+                        container.classList.add("products");
                         $9HbP8$createEffect(
                         // @ts-ignore
                         $9HbP8$on(query_base_, () => insert_here.scrollTo({
@@ -6744,11 +6747,9 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
                             get_scroll_position_: () => insert_here.scrollLeft,
                             listen_to_scroll_on_: insert_here
                           });
-                          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
-                          $9HbP8$insert(container, $9HbP8$createMemo(() => [...childNodes, rendered_scroll_status]));
+                          $9HbP8$insert(container, $9HbP8$createMemo(() => [...non_solid_nodes, rendered_scroll_status]));
                         }
                       },
                       children: listing_contents
@@ -8286,7 +8287,7 @@ function $2ab89d64b7f1d5ef$export$d31a1a1a83ad9413(plp_results_, [get_selected_f
 const $df5d81d0fe61ff21$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=product-count><!$><!/> <!$><!/>`),
   $df5d81d0fe61ff21$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div>`),
   $df5d81d0fe61ff21$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<div class=filter-results-for-one-row><!$><!/><!$><!/>`),
-  $df5d81d0fe61ff21$var$_tmpl$4 = /*#__PURE__*/$9HbP8$template(`<div class="depict plp category"><div class=listing-page><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/></div><!$><!/><!$><!/>`);
+  $df5d81d0fe61ff21$var$_tmpl$4 = /*#__PURE__*/$9HbP8$template(`<div class="depict plp category"><div class=listing-page><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/></div><!$><!/>`);
 function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
   depict_api_: depict_api_,
   id_to_query_for_: id_to_query_for_,
@@ -8500,7 +8501,10 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
     id_: id_to_query_for_,
     can_write_scroll_restoration_: can_write_scroll_restoration_
   });
-  on_filters_constructed_?.();
+  $9HbP8$createEffect(() => {
+    if (sort_and_filter_disabled_()) return;
+    on_filters_constructed_?.();
+  });
   $9HbP8$createComputed(() => {
     if (plp_products_.loading) set_can_write_scroll_restoration(false);else if (plp_products_()) set_can_write_scroll_restoration(true);
   });
@@ -8554,9 +8558,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
       _el$25 = _el$24.nextSibling,
       [_el$26, _co$10] = $9HbP8$getNextMarker(_el$25.nextSibling),
       _el$27 = _el$14.nextSibling,
-      [_el$28, _co$11] = $9HbP8$getNextMarker(_el$27.nextSibling),
-      _el$29 = _el$28.nextSibling,
-      [_el$30, _co$12] = $9HbP8$getNextMarker(_el$29.nextSibling);
+      [_el$28, _co$11] = $9HbP8$getNextMarker(_el$27.nextSibling);
     $9HbP8$use(el => process.env.NODE_ENV === "development" && $cc6f5b69378cd164$export$7af06a63c5a976c9(el, id_to_query_for_, i18n_), _el$13);
     $9HbP8$insert(_el$14, $9HbP8$createComponent((0, $9HbP8$Show), {
       get when() {
@@ -8649,25 +8651,24 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
     }), _el$26, _co$10);
     $9HbP8$insert(_el$13, $9HbP8$createComponent((0, $9HbP8$Show), {
       get when() {
-        return layout_options_().layout === "grid";
+        return !layout_options_().layout?.startsWith("slider");
       },
       get children() {
-        return $9HbP8$createComponent(ConfiguredScrollStatus, {});
+        return [$9HbP8$createComponent(ConfiguredScrollStatus, {}), $9HbP8$createComponent((0, $b7436a6d1fd64e3b$export$b69d0d92862de18b), {
+          severity_: "error",
+          message_: "Floating buttons failed",
+          get children() {
+            return $0b0380f75d729d63$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);
-    $9HbP8$insert(_el$13, $9HbP8$createComponent((0, $b7436a6d1fd64e3b$export$b69d0d92862de18b), {
-      severity_: "error",
-      message_: "Floating buttons failed",
-      get children() {
-        return $0b0380f75d729d63$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);
     $9HbP8$effect(() => $9HbP8$setAttribute(_el$13, "id", (0, $f86ba724282f6690$export$44dad306455dddf).PLP_CATEGORY));
     return _el$13;
   })()];
@@ -8981,7 +8982,12 @@ function $961b5c64bef4662f$export$e2bf8ce7779e827e(props) {
       return newId;
     });
     $9HbP8$onCleanup(() => $d8dbf52fea1773e2$export$f50b88e2a00918b5(props.on_listing_query_change)());
-    const is_grid = $9HbP8$createMemo(() => props.layout === "grid");
+    const is_grid = $9HbP8$createMemo(() => {
+      const {
+        layout: layout
+      } = props;
+      return !layout || layout === "grid";
+    });
     const grid_spacing_override = $9HbP8$createMemo(() => {
       const {
         grid_spacing: grid_spacing

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "3.0.17",
+  "version": "3.0.19",
   "description": "Base package containing the actual UI of Depict UI along with translations, with a not-simplified API. We recommend using @depict-ai/js-ui or @depict-ai/react-ui instead.",
   "packageManager": "yarn@3.2.2",
   "sass": "styles.scss",
@@ -236,9 +236,9 @@
     "@babel/plugin-transform-typescript": "^7.22.9",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "^7.22.6",
-    "@depict-ai/plp-styling": "^2.0.3",
-    "@depict-ai/types": "^5.0.2",
-    "@depict-ai/utilishared": "^2.0.6",
+    "@depict-ai/plp-styling": "^2.0.4",
+    "@depict-ai/types": "^5.0.3",
+    "@depict-ai/utilishared": "^2.0.7",
     "solid-js": "^1.8.1"
   },
   "type": "module",

package/server/ES10/index.cjs CHANGED Viewed

@@ -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.17";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "3.0.19";
 const $9d19451330d04c3c$var$_tmpl$ = ["<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"></path></svg>'];
 function $9d19451330d04c3c$export$8be2714ec7f169ee() {
   var _$escape2, _$escape3;
@@ -1985,7 +1985,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
@@ -1995,6 +1996,7 @@ function $236a257ee52e5414$export$d41d19e89346fa2(_ref) {
       }, layout_options_));
       $3hooq$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 $3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Suspense), {
@@ -6086,6 +6088,7 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
                         }
                       }));
                       insert_here.classList.add("generated-spacing");
+                      container.classList.add("products");
                       $3hooq$solidjs.createEffect(
                       // @ts-ignore
                       $3hooq$solidjs.on(query_base_, () => insert_here.scrollTo({
@@ -6101,11 +6104,9 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
                           get_scroll_position_: () => insert_here.scrollLeft,
                           listen_to_scroll_on_: insert_here
                         });
-                        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
-                        $3hooq$solidjsweb.insert(container, $3hooq$solidjs.createMemo(() => [...childNodes, rendered_scroll_status]));
+                        $3hooq$solidjsweb.insert(container, $3hooq$solidjs.createMemo(() => [...non_solid_nodes, rendered_scroll_status]));
                       }
                     },
                     children: listing_contents
@@ -7369,9 +7370,8 @@ function $eef41d50f07bf19a$export$d31a1a1a83ad9413(plp_results_, _ref) {
 const $ede6c70ecdca46fe$var$_tmpl$ = ["<div", ' class="product-count"><!--$-->', "<!--/--> <!--$-->", "<!--/--></div>"],
   $ede6c70ecdca46fe$var$_tmpl$2 = ["<div", "></div>"],
   $ede6c70ecdca46fe$var$_tmpl$3 = ["<div", ' class="filter-results-for-one-row"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
-  $ede6c70ecdca46fe$var$_tmpl$4 = ["<div", ' class="depict plp category"><div class="listing-page"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
+  $ede6c70ecdca46fe$var$_tmpl$4 = ["<div", ' class="depict plp category"><div class="listing-page"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
 function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
-  var _on_filters_construct;
   let {
     depict_api_: depict_api_,
     id_to_query_for_: id_to_query_for_,
@@ -7600,7 +7600,11 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     id_: id_to_query_for_,
     can_write_scroll_restoration_: can_write_scroll_restoration_
   });
-  (_on_filters_construct = on_filters_constructed_) === null || _on_filters_construct === void 0 || _on_filters_construct();
+  $3hooq$solidjs.createEffect(() => {
+    var _on_filters_construct;
+    if (sort_and_filter_disabled_()) return;
+    (_on_filters_construct = on_filters_constructed_) === null || _on_filters_construct === void 0 || _on_filters_construct();
+  });
   $3hooq$solidjs.createComputed(() => {
     if (plp_products_.loading) set_can_write_scroll_restoration(false);else if (plp_products_()) set_can_write_scroll_restoration(true);
   });
@@ -7716,22 +7720,23 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     }
   })), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$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 $3hooq$solidjsweb.createComponent(ConfiguredScrollStatus, {});
-    }
-  })), $3hooq$solidjsweb.escape($3hooq$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_
-      });
+      return [$3hooq$solidjsweb.createComponent(ConfiguredScrollStatus, {}), $3hooq$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_
+          });
+        }
+      })];
     }
   })))];
 }
@@ -8111,7 +8116,12 @@ function $9cbefc32b9dab36d$export$e2bf8ce7779e827e(props) {
       return newId;
     });
     $3hooq$solidjs.onCleanup(() => $bdea39a75c454f4f$export$f50b88e2a00918b5(props.on_listing_query_change)());
-    const is_grid = $3hooq$solidjs.createMemo(() => props.layout === "grid");
+    const is_grid = $3hooq$solidjs.createMemo(() => {
+      const {
+        layout: layout
+      } = props;
+      return !layout || layout === "grid";
+    });
     const grid_spacing_override = $3hooq$solidjs.createMemo(() => {
       const {
         grid_spacing: grid_spacing

package/server/ES10/index.d.ts CHANGED Viewed

@@ -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.17";
+export const version = "3.0.19";
 export type SDKColsAtSize = [number, number?][];
 /**
  * Transform SDK ColsAtSize into valid Layout ColsAtSize

package/server/ES10/index.js CHANGED Viewed

@@ -10,7 +10,7 @@ import { createStore as $b8hua$createStore, reconcile as $b8hua$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.17";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "3.0.19";
 const $ca6ab5f08bd28bca$var$_tmpl$ = ["<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"></path></svg>'];
 function $ca6ab5f08bd28bca$export$8be2714ec7f169ee() {
   var _$escape2, _$escape3;
@@ -1912,7 +1912,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
@@ -1922,6 +1923,7 @@ function $39ddb986053fb759$export$d41d19e89346fa2(_ref) {
       }, layout_options_));
       $b8hua$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 $b8hua$createComponent((0, $b8hua$Suspense), {
@@ -6013,6 +6015,7 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
                         }
                       }));
                       insert_here.classList.add("generated-spacing");
+                      container.classList.add("products");
                       $b8hua$createEffect(
                       // @ts-ignore
                       $b8hua$on(query_base_, () => insert_here.scrollTo({
@@ -6028,11 +6031,9 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
                           get_scroll_position_: () => insert_here.scrollLeft,
                           listen_to_scroll_on_: insert_here
                         });
-                        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
-                        $b8hua$insert(container, $b8hua$createMemo(() => [...childNodes, rendered_scroll_status]));
+                        $b8hua$insert(container, $b8hua$createMemo(() => [...non_solid_nodes, rendered_scroll_status]));
                       }
                     },
                     children: listing_contents
@@ -7296,9 +7297,8 @@ function $3a2bed57c9a57e21$export$d31a1a1a83ad9413(plp_results_, _ref) {
 const $4b4b262708b516ee$var$_tmpl$ = ["<div", ' class="product-count"><!--$-->', "<!--/--> <!--$-->", "<!--/--></div>"],
   $4b4b262708b516ee$var$_tmpl$2 = ["<div", "></div>"],
   $4b4b262708b516ee$var$_tmpl$3 = ["<div", ' class="filter-results-for-one-row"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
-  $4b4b262708b516ee$var$_tmpl$4 = ["<div", ' class="depict plp category"><div class="listing-page"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
+  $4b4b262708b516ee$var$_tmpl$4 = ["<div", ' class="depict plp category"><div class="listing-page"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
 function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
-  var _on_filters_construct;
   let {
     depict_api_: depict_api_,
     id_to_query_for_: id_to_query_for_,
@@ -7527,7 +7527,11 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     id_: id_to_query_for_,
     can_write_scroll_restoration_: can_write_scroll_restoration_
   });
-  (_on_filters_construct = on_filters_constructed_) === null || _on_filters_construct === void 0 || _on_filters_construct();
+  $b8hua$createEffect(() => {
+    var _on_filters_construct;
+    if (sort_and_filter_disabled_()) return;
+    (_on_filters_construct = on_filters_constructed_) === null || _on_filters_construct === void 0 || _on_filters_construct();
+  });
   $b8hua$createComputed(() => {
     if (plp_products_.loading) set_can_write_scroll_restoration(false);else if (plp_products_()) set_can_write_scroll_restoration(true);
   });
@@ -7643,22 +7647,23 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     }
   })), $b8hua$escape($b8hua$createComponent((0, $b8hua$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 $b8hua$createComponent(ConfiguredScrollStatus, {});
-    }
-  })), $b8hua$escape($b8hua$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_
-      });
+      return [$b8hua$createComponent(ConfiguredScrollStatus, {}), $b8hua$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_
+          });
+        }
+      })];
     }
   })))];
 }
@@ -8038,7 +8043,12 @@ function $f5f54892fd0c7d9f$export$e2bf8ce7779e827e(props) {
       return newId;
     });
     $b8hua$onCleanup(() => $01c33966d9ddb108$export$f50b88e2a00918b5(props.on_listing_query_change)());
-    const is_grid = $b8hua$createMemo(() => props.layout === "grid");
+    const is_grid = $b8hua$createMemo(() => {
+      const {
+        layout: layout
+      } = props;
+      return !layout || layout === "grid";
+    });
     const grid_spacing_override = $b8hua$createMemo(() => {
       const {
         grid_spacing: grid_spacing

package/server/latest/index.cjs CHANGED Viewed

@@ -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.17";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "3.0.19";
 const $0f313083912e447a$var$_tmpl$ = ["<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"></path></svg>'];
 function $0f313083912e447a$export$8be2714ec7f169ee(props = {}) {
   return $5vyXB$solidjsweb.ssr($0f313083912e447a$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrAttribute("width", $5vyXB$solidjsweb.escape(props.width_, true) ?? 14, false) + $5vyXB$solidjsweb.ssrAttribute("height", $5vyXB$solidjsweb.escape(props.height_, true) ?? 26, false));
@@ -1882,7 +1882,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
@@ -1892,6 +1893,7 @@ function $363ce4d1d71041aa$export$d41d19e89346fa2({
       }, layout_options_));
       $5vyXB$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 $5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Suspense), {
@@ -5685,6 +5687,7 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
                         }
                       }));
                       insert_here.classList.add("generated-spacing");
+                      container.classList.add("products");
                       $5vyXB$solidjs.createEffect(
                       // @ts-ignore
                       $5vyXB$solidjs.on(query_base_, () => insert_here.scrollTo({
@@ -5700,11 +5703,9 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
                           get_scroll_position_: () => insert_here.scrollLeft,
                           listen_to_scroll_on_: insert_here
                         });
-                        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
-                        $5vyXB$solidjsweb.insert(container, $5vyXB$solidjs.createMemo(() => [...childNodes, rendered_scroll_status]));
+                        $5vyXB$solidjsweb.insert(container, $5vyXB$solidjs.createMemo(() => [...non_solid_nodes, rendered_scroll_status]));
                       }
                     },
                     children: listing_contents
@@ -6886,7 +6887,7 @@ function $6a8e766e914723d8$export$d31a1a1a83ad9413(plp_results_, [get_selected_f
 const $840d88a04b2d22a7$var$_tmpl$ = ["<div", ' class="product-count"><!--$-->', "<!--/--> <!--$-->", "<!--/--></div>"],
   $840d88a04b2d22a7$var$_tmpl$2 = ["<div", "></div>"],
   $840d88a04b2d22a7$var$_tmpl$3 = ["<div", ' class="filter-results-for-one-row"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
-  $840d88a04b2d22a7$var$_tmpl$4 = ["<div", ' class="depict plp category"><div class="listing-page"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
+  $840d88a04b2d22a7$var$_tmpl$4 = ["<div", ' class="depict plp category"><div class="listing-page"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
 function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
   depict_api_: depict_api_,
   id_to_query_for_: id_to_query_for_,
@@ -7090,7 +7091,10 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
     id_: id_to_query_for_,
     can_write_scroll_restoration_: can_write_scroll_restoration_
   });
-  on_filters_constructed_?.();
+  $5vyXB$solidjs.createEffect(() => {
+    if (sort_and_filter_disabled_()) return;
+    on_filters_constructed_?.();
+  });
   $5vyXB$solidjs.createComputed(() => {
     if (plp_products_.loading) set_can_write_scroll_restoration(false);else if (plp_products_()) set_can_write_scroll_restoration(true);
   });
@@ -7204,22 +7208,22 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
     }
   })), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
     get when() {
-      return layout_options_().layout === "grid";
+      return !layout_options_().layout?.startsWith("slider");
     },
     get children() {
-      return $5vyXB$solidjsweb.createComponent(ConfiguredScrollStatus, {});
-    }
-  })), $5vyXB$solidjsweb.escape($5vyXB$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_
-      });
+      return [$5vyXB$solidjsweb.createComponent(ConfiguredScrollStatus, {}), $5vyXB$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_
+          });
+        }
+      })];
     }
   })))];
 }
@@ -7527,7 +7531,12 @@ function $48567ac5b39bac56$export$e2bf8ce7779e827e(props) {
       return newId;
     });
     $5vyXB$solidjs.onCleanup(() => $deaaf04362a1bc71$export$f50b88e2a00918b5(props.on_listing_query_change)());
-    const is_grid = $5vyXB$solidjs.createMemo(() => props.layout === "grid");
+    const is_grid = $5vyXB$solidjs.createMemo(() => {
+      const {
+        layout: layout
+      } = props;
+      return !layout || layout === "grid";
+    });
     const grid_spacing_override = $5vyXB$solidjs.createMemo(() => {
       const {
         grid_spacing: grid_spacing

package/server/latest/index.d.ts CHANGED Viewed

@@ -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.17";
+export const version = "3.0.19";
 export type SDKColsAtSize = [number, number?][];
 /**
  * Transform SDK ColsAtSize into valid Layout ColsAtSize

package/server/latest/index.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { createStore as $i7OB2$createStore, reconcile as $i7OB2$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "3.0.17";
+const $ec291e0010116877$export$83d89fbfd8236492 = "3.0.19";
 const $fbbadcb080ad1d4a$var$_tmpl$ = ["<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"></path></svg>'];
 function $fbbadcb080ad1d4a$export$8be2714ec7f169ee(props = {}) {
   return $i7OB2$ssr($fbbadcb080ad1d4a$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$ssrAttribute("width", $i7OB2$escape(props.width_, true) ?? 14, false) + $i7OB2$ssrAttribute("height", $i7OB2$escape(props.height_, true) ?? 26, false));
@@ -1812,7 +1812,8 @@ function $c4492d24952ed731$export$d41d19e89346fa2({
     disable_fading_: true,
     slider_ref_: slider => {
       const {
-        insert_here: insert_here
+        insert_here: insert_here,
+        container: container
       } = slider;
       const Layout = props => $c8d5ff4524619fcd$export$445d8d3f5f706a40(props, insert_here, true);
       // Do like this, so we don't have to call mergeProps ourselves
@@ -1822,6 +1823,7 @@ function $c4492d24952ed731$export$d41d19e89346fa2({
       }, layout_options_));
       $i7OB2$slider_fractional_factory(0, 0.75).constructor_plugin.call(slider, {}); // enable fractional scrolling
       insert_here.before($a458486f22b22f63$export$a2cc176055f8f08());
+      container.classList.add("products");
     },
     get children() {
       return $i7OB2$createComponent((0, $i7OB2$Suspense), {
@@ -5615,6 +5617,7 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
                         }
                       }));
                       insert_here.classList.add("generated-spacing");
+                      container.classList.add("products");
                       $i7OB2$createEffect(
                       // @ts-ignore
                       $i7OB2$on(query_base_, () => insert_here.scrollTo({
@@ -5630,11 +5633,9 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
                           get_scroll_position_: () => insert_here.scrollLeft,
                           listen_to_scroll_on_: insert_here
                         });
-                        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
-                        $i7OB2$insert(container, $i7OB2$createMemo(() => [...childNodes, rendered_scroll_status]));
+                        $i7OB2$insert(container, $i7OB2$createMemo(() => [...non_solid_nodes, rendered_scroll_status]));
                       }
                     },
                     children: listing_contents
@@ -6816,7 +6817,7 @@ function $2ab89d64b7f1d5ef$export$d31a1a1a83ad9413(plp_results_, [get_selected_f
 const $df5d81d0fe61ff21$var$_tmpl$ = ["<div", ' class="product-count"><!--$-->', "<!--/--> <!--$-->", "<!--/--></div>"],
   $df5d81d0fe61ff21$var$_tmpl$2 = ["<div", "></div>"],
   $df5d81d0fe61ff21$var$_tmpl$3 = ["<div", ' class="filter-results-for-one-row"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
-  $df5d81d0fe61ff21$var$_tmpl$4 = ["<div", ' class="depict plp category"><div class="listing-page"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
+  $df5d81d0fe61ff21$var$_tmpl$4 = ["<div", ' class="depict plp category"><div class="listing-page"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
 function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
   depict_api_: depict_api_,
   id_to_query_for_: id_to_query_for_,
@@ -7020,7 +7021,10 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
     id_: id_to_query_for_,
     can_write_scroll_restoration_: can_write_scroll_restoration_
   });
-  on_filters_constructed_?.();
+  $i7OB2$createEffect(() => {
+    if (sort_and_filter_disabled_()) return;
+    on_filters_constructed_?.();
+  });
   $i7OB2$createComputed(() => {
     if (plp_products_.loading) set_can_write_scroll_restoration(false);else if (plp_products_()) set_can_write_scroll_restoration(true);
   });
@@ -7134,22 +7138,22 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
     }
   })), $i7OB2$escape($i7OB2$createComponent((0, $i7OB2$Show), {
     get when() {
-      return layout_options_().layout === "grid";
+      return !layout_options_().layout?.startsWith("slider");
     },
     get children() {
-      return $i7OB2$createComponent(ConfiguredScrollStatus, {});
-    }
-  })), $i7OB2$escape($i7OB2$createComponent((0, $b7436a6d1fd64e3b$export$b69d0d92862de18b), {
-    severity_: "error",
-    message_: "Floating buttons failed",
-    get children() {
-      return $0b0380f75d729d63$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_
-      });
+      return [$i7OB2$createComponent(ConfiguredScrollStatus, {}), $i7OB2$createComponent((0, $b7436a6d1fd64e3b$export$b69d0d92862de18b), {
+        severity_: "error",
+        message_: "Floating buttons failed",
+        get children() {
+          return $0b0380f75d729d63$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_
+          });
+        }
+      })];
     }
   })))];
 }
@@ -7457,7 +7461,12 @@ function $961b5c64bef4662f$export$e2bf8ce7779e827e(props) {
       return newId;
     });
     $i7OB2$onCleanup(() => $d8dbf52fea1773e2$export$f50b88e2a00918b5(props.on_listing_query_change)());
-    const is_grid = $i7OB2$createMemo(() => props.layout === "grid");
+    const is_grid = $i7OB2$createMemo(() => {
+      const {
+        layout: layout
+      } = props;
+      return !layout || layout === "grid";
+    });
     const grid_spacing_override = $i7OB2$createMemo(() => {
       const {
         grid_spacing: grid_spacing