@depict-ai/ui 3.0.18 → 3.0.19

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.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,7 +8898,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 +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() {
@@ -9292,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;
   })()];

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.19";
 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.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,7 +8825,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 +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() {
@@ -9219,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;
   })()];

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.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

@@ -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.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_,
@@ -8627,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() {
@@ -8722,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;
   })()];

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

package/latest/index.js

@@ -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.18";
+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_,
@@ -8557,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() {
@@ -8652,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;
   })()];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "3.0.18",
+  "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

@@ -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.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,7 +7370,7 @@ 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) {
   let {
     depict_api_: depict_api_,
@@ -7719,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_
+          });
+        }
+      })];
     }
   })))];
 }

package/server/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.19";
 export type SDKColsAtSize = [number, number?][];
 /**
  * Transform SDK ColsAtSize into valid Layout ColsAtSize

package/server/ES10/index.js

@@ -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.18";
+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,7 +7297,7 @@ 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) {
   let {
     depict_api_: depict_api_,
@@ -7646,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_
+          });
+        }
+      })];
     }
   })))];
 }

package/server/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.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_,
@@ -7207,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_
+          });
+        }
+      })];
     }
   })))];
 }

package/server/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.19";
 export type SDKColsAtSize = [number, number?][];
 /**
  * Transform SDK ColsAtSize into valid Layout ColsAtSize

package/server/latest/index.js

@@ -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.18";
+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_,
@@ -7137,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_
+          });
+        }
+      })];
     }
   })))];
 }