@depict-ai/ui 3.0.14 → 3.0.16

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.14";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "3.0.16";
 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] : {};
@@ -7117,7 +7117,11 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
               product_card_template_: product_card_template_,
               num_placeholders_: num_placeholders_
             }) : undefined);
-            const layout = $52FdA$solidjs.createMemo(() => layout_options_().layout || "grid");
+            const layout = $52FdA$solidjs.createMemo(() => {
+              const incoming_layout = layout_options_().layout;
+              if (incoming_layout === "slider-without-filters") return "slider";
+              return incoming_layout || "grid";
+            });
             const [get_suspense_is_blocked, set_suspense_is_blocked] = $52FdA$solidjs.createSignal(false);
             const block_suspense_if_needed = () => {
               if (!is_just_after_plp_results_update) return;
@@ -7140,6 +7144,7 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
             }, {
               defer: true
             }));
+            $52FdA$solidjs.createEffect(() => layout() !== "grid" && !doesnt_have_content_blocks() && $52FdA$depictaiutilishared.dwarn("Slider layout doesn't support content blocks"));
             /*
             This suspense ensures that if someone has async templates, we still show placeholders until the product cards actually have finished rendering (automagically since they're createResource's)
             We're creating it outside the <Show> so that we can benefit from <For>'s optimisation between changing results
@@ -7228,9 +7233,8 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
                         } = slider;
                         const Layout = props => $6c2c739b113a8ddf$export$445d8d3f5f706a40(props, insert_here, true);
                         // Do like this, so we don't have to call mergeProps ourselves
-                        $52FdA$solidjsweb.createComponent(Layout, $52FdA$solidjsweb.mergeProps({
-                          rows: "all"
-                        }, layout_options_, {
+                        $52FdA$solidjsweb.createComponent(Layout, $52FdA$solidjsweb.mergeProps(layout_options_, {
+                          rows: "all",
                           get cols_at_size() {
                             return modified_cols_at_size();
                           },
@@ -7803,6 +7807,7 @@ function $f70cc6dfcadf0fd5$export$d7841e452f2e59a8(_ref) {
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
     number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
     set_sort_and_filter_element_: set_sort_and_filter_element_,
+    sort_and_filter_disabled_: sort_and_filter_disabled_,
     formatted_number_of_results_: formatted_number_of_results_,
     filter_button_width_: filter_button_width_,
     sort_button_width_: sort_button_width_,
@@ -7953,23 +7958,35 @@ function $f70cc6dfcadf0fd5$export$d7841e452f2e59a8(_ref) {
     })();
     get_extra_filters_button_ === null || get_extra_filters_button_ === void 0 || get_extra_filters_button_(make_open_filters_button());
     get_extra_sorting_button_ === null || get_extra_sorting_button_ === void 0 || get_extra_sorting_button_(make_open_sorting_button());
-    return (() => {
-      const _el$5 = $52FdA$solidjsweb.getNextElement($f70cc6dfcadf0fd5$var$_tmpl$3),
-        _el$6 = _el$5.firstChild,
-        _el$7 = _el$6.firstChild,
-        _el$8 = _el$7.firstChild,
-        [_el$9, _co$] = $52FdA$solidjsweb.getNextMarker(_el$8.nextSibling),
-        _el$10 = _el$9.nextSibling,
-        [_el$11, _co$2] = $52FdA$solidjsweb.getNextMarker(_el$10.nextSibling),
-        _el$12 = _el$11.nextSibling,
-        [_el$13, _co$3] = $52FdA$solidjsweb.getNextMarker(_el$12.nextSibling);
-      const _ref$ = set_sort_and_filter_element_;
-      typeof _ref$ === "function" ? $52FdA$solidjsweb.use(_ref$, _el$5) : set_sort_and_filter_element_ = _el$5;
-      $52FdA$solidjsweb.insert(_el$7, () => make_open_filters_button(true, true), _el$9, _co$);
-      $52FdA$solidjsweb.insert(_el$7, () => middle_elements_ === null || middle_elements_ === void 0 ? void 0 : middle_elements_(), _el$11, _co$2);
-      $52FdA$solidjsweb.insert(_el$7, () => make_open_sorting_button(true, true), _el$13, _co$3);
-      return _el$5;
-    })();
+    $52FdA$solidjs.createEffect(() => {
+      if (sort_and_filter_disabled_()) {
+        // If someone changes the layout to slider-without-filters dynamically, close sorting and filters
+        set_filters_open(false);
+        set_sorting_open(false);
+      }
+    });
+    return $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Show), {
+      get when() {
+        return !sort_and_filter_disabled_();
+      },
+      get children() {
+        const _el$5 = $52FdA$solidjsweb.getNextElement($f70cc6dfcadf0fd5$var$_tmpl$3),
+          _el$6 = _el$5.firstChild,
+          _el$7 = _el$6.firstChild,
+          _el$8 = _el$7.firstChild,
+          [_el$9, _co$] = $52FdA$solidjsweb.getNextMarker(_el$8.nextSibling),
+          _el$10 = _el$9.nextSibling,
+          [_el$11, _co$2] = $52FdA$solidjsweb.getNextMarker(_el$10.nextSibling),
+          _el$12 = _el$11.nextSibling,
+          [_el$13, _co$3] = $52FdA$solidjsweb.getNextMarker(_el$12.nextSibling);
+        const _ref$ = set_sort_and_filter_element_;
+        typeof _ref$ === "function" ? $52FdA$solidjsweb.use(_ref$, _el$5) : set_sort_and_filter_element_ = _el$5;
+        $52FdA$solidjsweb.insert(_el$7, () => make_open_filters_button(true, true), _el$9, _co$);
+        $52FdA$solidjsweb.insert(_el$7, () => middle_elements_ === null || middle_elements_ === void 0 ? void 0 : middle_elements_(), _el$11, _co$2);
+        $52FdA$solidjsweb.insert(_el$7, () => make_open_sorting_button(true, true), _el$13, _co$3);
+        return _el$5;
+      }
+    });
   };
   return $52FdA$solidjsweb.createComponent((0, $1b3cf201cdd38687$export$b69d0d92862de18b), {
     message_: "Sorting and filters failed",
@@ -9006,7 +9023,9 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     i18n_: i18n_
   });
   const [sort_and_filter_element_, set_sort_and_filter_element_] = $52FdA$solidjs.createSignal();
+  // Sort and filter button
   const [results_filters, set_results_filters] = $52FdA$solidjs.createSignal();
+  // Cloned, invisible sort and filter button used for measuring the minimum size of the buttons if using embedded_num_products
   const [observed_results_filters_elements, set_observed_results_filters_elements_] = $52FdA$solidjs.createSignal();
   const is_slim_ = $3e17e871e9d0911d$export$d9f36cf74e24d595("(max-width:600px)");
   // @ts-ignore - there's no type error here when writing the code, but parcel can't generate types that include the symbol, so we need to suppress the error that creates in our pipelines
@@ -9092,6 +9111,7 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     $52FdA$depictaiutilisharedlatest.report(new Error("Unrecognised category_title_type, UI will look messed up"), "error");
     results_for = $52FdA$solidjsweb.getNextElement($ede6c70ecdca46fe$var$_tmpl$2);
   }
+  const sort_and_filter_disabled_ = $52FdA$solidjs.createMemo(() => layout_options_().layout === "slider-without-filters");
   const filters_opener = $f70cc6dfcadf0fd5$export$d7841e452f2e59a8({
     set_sort_or_filter_open_: set_sort_or_filter_open_,
     set_extra_els_in_results_container_: set_desktop_filter_elements,
@@ -9109,6 +9129,7 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     local_filter_cache_: local_filter_cache_,
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
     number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
+    sort_and_filter_disabled_: sort_and_filter_disabled_,
     ...extra_sort_and_filter_args_
   });
   $52FdA$depictaiutilisharedlatest.catchify((0, $fef4890f1f8e0544$export$6e49da55e449af7c))({
@@ -9672,6 +9693,7 @@ 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 grid_spacing_override = $52FdA$solidjs.createMemo(() => {
       const {
         grid_spacing: grid_spacing
@@ -9718,14 +9740,15 @@ function $9cbefc32b9dab36d$export$e2bf8ce7779e827e(props) {
         return depict_category.listing_query.type;
       }),
       i18n_: i18n_,
+      // default disable quicklinks and breadcrumbs for sliders
       show_quicklinks_: $52FdA$solidjs.createMemo(() => {
         var _props$show_quicklink;
-        return (_props$show_quicklink = props.show_quicklinks) !== null && _props$show_quicklink !== void 0 ? _props$show_quicklink : true;
+        return (_props$show_quicklink = props.show_quicklinks) !== null && _props$show_quicklink !== void 0 ? _props$show_quicklink : is_grid();
       }),
       category_title_: category_title,
       show_breadcrumbs_: $52FdA$solidjs.createMemo(() => {
         var _props$show_breadcrum;
-        return (_props$show_breadcrum = props.show_breadcrumbs) !== null && _props$show_breadcrum !== void 0 ? _props$show_breadcrum : true;
+        return (_props$show_breadcrum = props.show_breadcrumbs) !== null && _props$show_breadcrum !== void 0 ? _props$show_breadcrum : is_grid();
       }),
       current_sorting_: current_sorting_,
       router_: router_,
@@ -9742,7 +9765,7 @@ function $9cbefc32b9dab36d$export$e2bf8ce7779e827e(props) {
       layout_options_: $52FdA$solidjs.createMemo(() => ({
         cols_at_size: $5401a6698b0c0658$export$6daf8749b65a1b77(props.cols_at_size),
         ...grid_spacing_override(),
-        layout: props.layout || "grid"
+        layout: props.layout
       })),
       product_card_template_: product_card_template,
       sorting_query_param_: sorting_query_param_,

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.14";
+export const version = "3.0.16";
 export type SDKColsAtSize = [number, number?][];
 /**
  * Transform SDK ColsAtSize into valid Layout ColsAtSize
@@ -74,6 +74,7 @@ export type SomethingTakingADisplayTransformers<InputDisplay extends Display, Ou
   page_url_creator?: never;
   display_transformers?: never;
 };
+type PossibleLayout = "grid" | "slider" | "slider-without-filters";
 export type BaseProviderConfig<InputDisplay extends Display, PossibleTransformedDisplay extends ModernDisplay | never> = {
   /**
    * The merchant to use for the search.
@@ -183,10 +184,13 @@ export interface BaseCategoryPageConfig extends BaseProductListingConfig {
    */
   showQuicklinks?: boolean;
   /**
-   * Whether to show the listing in a grid or a slider.
+   * The layout used for listing the products.
+   *     1. `"grid"` is the default and shows the products in a grid
+   *     2. `"slider"` shows the products in a slider and has default `false` for showBreadcrumbs and showQuicklinks
+   *     3. `"slider-without-filters"` is the same as `"slider"` but does also not render any sorting or filter buttons
    * @default "grid"
    */
-  layout?: "grid" | "slider";
+  layout?: PossibleLayout;
 }
 /**
  * The listing to query Depict for. `type` can be `"listingId"` or `"externalId"` and `id` is the actual id.

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.14";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "3.0.16";
 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] : {};
@@ -7044,7 +7044,11 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
               product_card_template_: product_card_template_,
               num_placeholders_: num_placeholders_
             }) : undefined);
-            const layout = $8tj43$createMemo(() => layout_options_().layout || "grid");
+            const layout = $8tj43$createMemo(() => {
+              const incoming_layout = layout_options_().layout;
+              if (incoming_layout === "slider-without-filters") return "slider";
+              return incoming_layout || "grid";
+            });
             const [get_suspense_is_blocked, set_suspense_is_blocked] = $8tj43$createSignal(false);
             const block_suspense_if_needed = () => {
               if (!is_just_after_plp_results_update) return;
@@ -7067,6 +7071,7 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
             }, {
               defer: true
             }));
+            $8tj43$createEffect(() => layout() !== "grid" && !doesnt_have_content_blocks() && $8tj43$dwarn("Slider layout doesn't support content blocks"));
             /*
             This suspense ensures that if someone has async templates, we still show placeholders until the product cards actually have finished rendering (automagically since they're createResource's)
             We're creating it outside the <Show> so that we can benefit from <For>'s optimisation between changing results
@@ -7155,9 +7160,8 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
                         } = slider;
                         const Layout = props => $63f1f8dbcd07d3b0$export$445d8d3f5f706a40(props, insert_here, true);
                         // Do like this, so we don't have to call mergeProps ourselves
-                        $8tj43$createComponent(Layout, $8tj43$mergeProps({
-                          rows: "all"
-                        }, layout_options_, {
+                        $8tj43$createComponent(Layout, $8tj43$mergeProps(layout_options_, {
+                          rows: "all",
                           get cols_at_size() {
                             return modified_cols_at_size();
                           },
@@ -7730,6 +7734,7 @@ function $7396052a1484264f$export$d7841e452f2e59a8(_ref) {
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
     number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
     set_sort_and_filter_element_: set_sort_and_filter_element_,
+    sort_and_filter_disabled_: sort_and_filter_disabled_,
     formatted_number_of_results_: formatted_number_of_results_,
     filter_button_width_: filter_button_width_,
     sort_button_width_: sort_button_width_,
@@ -7880,23 +7885,35 @@ function $7396052a1484264f$export$d7841e452f2e59a8(_ref) {
     })();
     get_extra_filters_button_ === null || get_extra_filters_button_ === void 0 || get_extra_filters_button_(make_open_filters_button());
     get_extra_sorting_button_ === null || get_extra_sorting_button_ === void 0 || get_extra_sorting_button_(make_open_sorting_button());
-    return (() => {
-      const _el$5 = $8tj43$getNextElement($7396052a1484264f$var$_tmpl$3),
-        _el$6 = _el$5.firstChild,
-        _el$7 = _el$6.firstChild,
-        _el$8 = _el$7.firstChild,
-        [_el$9, _co$] = $8tj43$getNextMarker(_el$8.nextSibling),
-        _el$10 = _el$9.nextSibling,
-        [_el$11, _co$2] = $8tj43$getNextMarker(_el$10.nextSibling),
-        _el$12 = _el$11.nextSibling,
-        [_el$13, _co$3] = $8tj43$getNextMarker(_el$12.nextSibling);
-      const _ref$ = set_sort_and_filter_element_;
-      typeof _ref$ === "function" ? $8tj43$use(_ref$, _el$5) : set_sort_and_filter_element_ = _el$5;
-      $8tj43$insert(_el$7, () => make_open_filters_button(true, true), _el$9, _co$);
-      $8tj43$insert(_el$7, () => middle_elements_ === null || middle_elements_ === void 0 ? void 0 : middle_elements_(), _el$11, _co$2);
-      $8tj43$insert(_el$7, () => make_open_sorting_button(true, true), _el$13, _co$3);
-      return _el$5;
-    })();
+    $8tj43$createEffect(() => {
+      if (sort_and_filter_disabled_()) {
+        // If someone changes the layout to slider-without-filters dynamically, close sorting and filters
+        set_filters_open(false);
+        set_sorting_open(false);
+      }
+    });
+    return $8tj43$createComponent((0, $8tj43$Show), {
+      get when() {
+        return !sort_and_filter_disabled_();
+      },
+      get children() {
+        const _el$5 = $8tj43$getNextElement($7396052a1484264f$var$_tmpl$3),
+          _el$6 = _el$5.firstChild,
+          _el$7 = _el$6.firstChild,
+          _el$8 = _el$7.firstChild,
+          [_el$9, _co$] = $8tj43$getNextMarker(_el$8.nextSibling),
+          _el$10 = _el$9.nextSibling,
+          [_el$11, _co$2] = $8tj43$getNextMarker(_el$10.nextSibling),
+          _el$12 = _el$11.nextSibling,
+          [_el$13, _co$3] = $8tj43$getNextMarker(_el$12.nextSibling);
+        const _ref$ = set_sort_and_filter_element_;
+        typeof _ref$ === "function" ? $8tj43$use(_ref$, _el$5) : set_sort_and_filter_element_ = _el$5;
+        $8tj43$insert(_el$7, () => make_open_filters_button(true, true), _el$9, _co$);
+        $8tj43$insert(_el$7, () => middle_elements_ === null || middle_elements_ === void 0 ? void 0 : middle_elements_(), _el$11, _co$2);
+        $8tj43$insert(_el$7, () => make_open_sorting_button(true, true), _el$13, _co$3);
+        return _el$5;
+      }
+    });
   };
   return $8tj43$createComponent((0, $74777e8fe65b3dcb$export$b69d0d92862de18b), {
     message_: "Sorting and filters failed",
@@ -8933,7 +8950,9 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     i18n_: i18n_
   });
   const [sort_and_filter_element_, set_sort_and_filter_element_] = $8tj43$createSignal();
+  // Sort and filter button
   const [results_filters, set_results_filters] = $8tj43$createSignal();
+  // Cloned, invisible sort and filter button used for measuring the minimum size of the buttons if using embedded_num_products
   const [observed_results_filters_elements, set_observed_results_filters_elements_] = $8tj43$createSignal();
   const is_slim_ = $00a5b94f0c11efbb$export$d9f36cf74e24d595("(max-width:600px)");
   // @ts-ignore - there's no type error here when writing the code, but parcel can't generate types that include the symbol, so we need to suppress the error that creates in our pipelines
@@ -9019,6 +9038,7 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     $8tj43$report1(new Error("Unrecognised category_title_type, UI will look messed up"), "error");
     results_for = $8tj43$getNextElement($4b4b262708b516ee$var$_tmpl$2);
   }
+  const sort_and_filter_disabled_ = $8tj43$createMemo(() => layout_options_().layout === "slider-without-filters");
   const filters_opener = $7396052a1484264f$export$d7841e452f2e59a8({
     set_sort_or_filter_open_: set_sort_or_filter_open_,
     set_extra_els_in_results_container_: set_desktop_filter_elements,
@@ -9036,6 +9056,7 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     local_filter_cache_: local_filter_cache_,
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
     number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
+    sort_and_filter_disabled_: sort_and_filter_disabled_,
     ...extra_sort_and_filter_args_
   });
   $8tj43$catchify((0, $5e6abec0dab4e610$export$6e49da55e449af7c))({
@@ -9599,6 +9620,7 @@ 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 grid_spacing_override = $8tj43$createMemo(() => {
       const {
         grid_spacing: grid_spacing
@@ -9645,14 +9667,15 @@ function $f5f54892fd0c7d9f$export$e2bf8ce7779e827e(props) {
         return depict_category.listing_query.type;
       }),
       i18n_: i18n_,
+      // default disable quicklinks and breadcrumbs for sliders
       show_quicklinks_: $8tj43$createMemo(() => {
         var _props$show_quicklink;
-        return (_props$show_quicklink = props.show_quicklinks) !== null && _props$show_quicklink !== void 0 ? _props$show_quicklink : true;
+        return (_props$show_quicklink = props.show_quicklinks) !== null && _props$show_quicklink !== void 0 ? _props$show_quicklink : is_grid();
       }),
       category_title_: category_title,
       show_breadcrumbs_: $8tj43$createMemo(() => {
         var _props$show_breadcrum;
-        return (_props$show_breadcrum = props.show_breadcrumbs) !== null && _props$show_breadcrum !== void 0 ? _props$show_breadcrum : true;
+        return (_props$show_breadcrum = props.show_breadcrumbs) !== null && _props$show_breadcrum !== void 0 ? _props$show_breadcrum : is_grid();
       }),
       current_sorting_: current_sorting_,
       router_: router_,
@@ -9669,7 +9692,7 @@ function $f5f54892fd0c7d9f$export$e2bf8ce7779e827e(props) {
       layout_options_: $8tj43$createMemo(() => ({
         cols_at_size: $a9c7ba6087881ac2$export$6daf8749b65a1b77(props.cols_at_size),
         ...grid_spacing_override(),
-        layout: props.layout || "grid"
+        layout: props.layout
       })),
       product_card_template_: product_card_template,
       sorting_query_param_: sorting_query_param_,

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.14";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "3.0.16";
 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 (() => {
@@ -6673,7 +6673,11 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
               product_card_template_: product_card_template_,
               num_placeholders_: num_placeholders_
             }) : undefined);
-            const layout = $gVhhF$solidjs.createMemo(() => layout_options_().layout || "grid");
+            const layout = $gVhhF$solidjs.createMemo(() => {
+              const incoming_layout = layout_options_().layout;
+              if (incoming_layout === "slider-without-filters") return "slider";
+              return incoming_layout || "grid";
+            });
             const [get_suspense_is_blocked, set_suspense_is_blocked] = $gVhhF$solidjs.createSignal(false);
             const block_suspense_if_needed = () => {
               if (!is_just_after_plp_results_update) return;
@@ -6696,6 +6700,7 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
             }, {
               defer: true
             }));
+            $gVhhF$solidjs.createEffect(() => layout() !== "grid" && !doesnt_have_content_blocks() && $gVhhF$depictaiutilishared.dwarn("Slider layout doesn't support content blocks"));
             /*
             This suspense ensures that if someone has async templates, we still show placeholders until the product cards actually have finished rendering (automagically since they're createResource's)
             We're creating it outside the <Show> so that we can benefit from <For>'s optimisation between changing results
@@ -6784,9 +6789,8 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
                         } = slider;
                         const Layout = props => $f48d0fbb00835aaa$export$445d8d3f5f706a40(props, insert_here, true);
                         // Do like this, so we don't have to call mergeProps ourselves
-                        $gVhhF$solidjsweb.createComponent(Layout, $gVhhF$solidjsweb.mergeProps({
-                          rows: "all"
-                        }, layout_options_, {
+                        $gVhhF$solidjsweb.createComponent(Layout, $gVhhF$solidjsweb.mergeProps(layout_options_, {
+                          rows: "all",
                           get cols_at_size() {
                             return modified_cols_at_size();
                           },
@@ -7334,6 +7338,7 @@ function $f8f64d05c525825b$export$d7841e452f2e59a8({
   expanded_hierarchical_filters_: expanded_hierarchical_filters_,
   number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
   set_sort_and_filter_element_: set_sort_and_filter_element_,
+  sort_and_filter_disabled_: sort_and_filter_disabled_,
   formatted_number_of_results_: formatted_number_of_results_,
   filter_button_width_: filter_button_width_,
   sort_button_width_: sort_button_width_,
@@ -7464,23 +7469,35 @@ function $f8f64d05c525825b$export$d7841e452f2e59a8({
     })();
     get_extra_filters_button_?.(make_open_filters_button());
     get_extra_sorting_button_?.(make_open_sorting_button());
-    return (() => {
-      const _el$5 = $gVhhF$solidjsweb.getNextElement($f8f64d05c525825b$var$_tmpl$3),
-        _el$6 = _el$5.firstChild,
-        _el$7 = _el$6.firstChild,
-        _el$8 = _el$7.firstChild,
-        [_el$9, _co$] = $gVhhF$solidjsweb.getNextMarker(_el$8.nextSibling),
-        _el$10 = _el$9.nextSibling,
-        [_el$11, _co$2] = $gVhhF$solidjsweb.getNextMarker(_el$10.nextSibling),
-        _el$12 = _el$11.nextSibling,
-        [_el$13, _co$3] = $gVhhF$solidjsweb.getNextMarker(_el$12.nextSibling);
-      const _ref$ = set_sort_and_filter_element_;
-      typeof _ref$ === "function" ? $gVhhF$solidjsweb.use(_ref$, _el$5) : set_sort_and_filter_element_ = _el$5;
-      $gVhhF$solidjsweb.insert(_el$7, () => make_open_filters_button(true, true), _el$9, _co$);
-      $gVhhF$solidjsweb.insert(_el$7, () => middle_elements_?.(), _el$11, _co$2);
-      $gVhhF$solidjsweb.insert(_el$7, () => make_open_sorting_button(true, true), _el$13, _co$3);
-      return _el$5;
-    })();
+    $gVhhF$solidjs.createEffect(() => {
+      if (sort_and_filter_disabled_()) {
+        // If someone changes the layout to slider-without-filters dynamically, close sorting and filters
+        set_filters_open(false);
+        set_sorting_open(false);
+      }
+    });
+    return $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
+      get when() {
+        return !sort_and_filter_disabled_();
+      },
+      get children() {
+        const _el$5 = $gVhhF$solidjsweb.getNextElement($f8f64d05c525825b$var$_tmpl$3),
+          _el$6 = _el$5.firstChild,
+          _el$7 = _el$6.firstChild,
+          _el$8 = _el$7.firstChild,
+          [_el$9, _co$] = $gVhhF$solidjsweb.getNextMarker(_el$8.nextSibling),
+          _el$10 = _el$9.nextSibling,
+          [_el$11, _co$2] = $gVhhF$solidjsweb.getNextMarker(_el$10.nextSibling),
+          _el$12 = _el$11.nextSibling,
+          [_el$13, _co$3] = $gVhhF$solidjsweb.getNextMarker(_el$12.nextSibling);
+        const _ref$ = set_sort_and_filter_element_;
+        typeof _ref$ === "function" ? $gVhhF$solidjsweb.use(_ref$, _el$5) : set_sort_and_filter_element_ = _el$5;
+        $gVhhF$solidjsweb.insert(_el$7, () => make_open_filters_button(true, true), _el$9, _co$);
+        $gVhhF$solidjsweb.insert(_el$7, () => middle_elements_?.(), _el$11, _co$2);
+        $gVhhF$solidjsweb.insert(_el$7, () => make_open_sorting_button(true, true), _el$13, _co$3);
+        return _el$5;
+      }
+    });
   };
   return $gVhhF$solidjsweb.createComponent((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
     message_: "Sorting and filters failed",
@@ -8445,7 +8462,9 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
     i18n_: i18n_
   });
   const [sort_and_filter_element_, set_sort_and_filter_element_] = $gVhhF$solidjs.createSignal();
+  // Sort and filter button
   const [results_filters, set_results_filters] = $gVhhF$solidjs.createSignal();
+  // Cloned, invisible sort and filter button used for measuring the minimum size of the buttons if using embedded_num_products
   const [observed_results_filters_elements, set_observed_results_filters_elements_] = $gVhhF$solidjs.createSignal();
   const is_slim_ = $b54e6192d0caa293$export$d9f36cf74e24d595("(max-width:600px)");
   // @ts-ignore - there's no type error here when writing the code, but parcel can't generate types that include the symbol, so we need to suppress the error that creates in our pipelines
@@ -8524,6 +8543,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
     $gVhhF$depictaiutilisharedlatest.report(new Error("Unrecognised category_title_type, UI will look messed up"), "error");
     results_for = $gVhhF$solidjsweb.getNextElement($840d88a04b2d22a7$var$_tmpl$2);
   }
+  const sort_and_filter_disabled_ = $gVhhF$solidjs.createMemo(() => layout_options_().layout === "slider-without-filters");
   const filters_opener = $f8f64d05c525825b$export$d7841e452f2e59a8({
     set_sort_or_filter_open_: set_sort_or_filter_open_,
     set_extra_els_in_results_container_: set_desktop_filter_elements,
@@ -8541,6 +8561,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
     local_filter_cache_: local_filter_cache_,
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
     number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
+    sort_and_filter_disabled_: sort_and_filter_disabled_,
     ...extra_sort_and_filter_args_
   });
   $gVhhF$depictaiutilisharedlatest.catchify((0, $276380e4607fb9fb$export$6e49da55e449af7c))({
@@ -9030,6 +9051,7 @@ 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 grid_spacing_override = $gVhhF$solidjs.createMemo(() => {
       const {
         grid_spacing: grid_spacing
@@ -9076,9 +9098,10 @@ function $48567ac5b39bac56$export$e2bf8ce7779e827e(props) {
         return depict_category.listing_query.type;
       }),
       i18n_: i18n_,
-      show_quicklinks_: $gVhhF$solidjs.createMemo(() => props.show_quicklinks ?? true),
+      // default disable quicklinks and breadcrumbs for sliders
+      show_quicklinks_: $gVhhF$solidjs.createMemo(() => props.show_quicklinks ?? is_grid()),
       category_title_: category_title,
-      show_breadcrumbs_: $gVhhF$solidjs.createMemo(() => props.show_breadcrumbs ?? true),
+      show_breadcrumbs_: $gVhhF$solidjs.createMemo(() => props.show_breadcrumbs ?? is_grid()),
       current_sorting_: current_sorting_,
       router_: router_,
       get_breadcrumb_accessor_: accessor => $gVhhF$solidjs.createComputed(() => breadcrumb_signal_[1](accessor())),
@@ -9094,7 +9117,7 @@ function $48567ac5b39bac56$export$e2bf8ce7779e827e(props) {
       layout_options_: $gVhhF$solidjs.createMemo(() => ({
         cols_at_size: $4e04be41243c3d80$export$6daf8749b65a1b77(props.cols_at_size),
         ...grid_spacing_override(),
-        layout: props.layout || "grid"
+        layout: props.layout
       })),
       product_card_template_: product_card_template,
       sorting_query_param_: sorting_query_param_,

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.14";
+export const version = "3.0.16";
 export type SDKColsAtSize = [number, number?][];
 /**
  * Transform SDK ColsAtSize into valid Layout ColsAtSize
@@ -74,6 +74,7 @@ export type SomethingTakingADisplayTransformers<InputDisplay extends Display, Ou
   page_url_creator?: never;
   display_transformers?: never;
 };
+type PossibleLayout = "grid" | "slider" | "slider-without-filters";
 export type BaseProviderConfig<InputDisplay extends Display, PossibleTransformedDisplay extends ModernDisplay | never> = {
   /**
    * The merchant to use for the search.
@@ -183,10 +184,13 @@ export interface BaseCategoryPageConfig extends BaseProductListingConfig {
    */
   showQuicklinks?: boolean;
   /**
-   * Whether to show the listing in a grid or a slider.
+   * The layout used for listing the products.
+   *     1. `"grid"` is the default and shows the products in a grid
+   *     2. `"slider"` shows the products in a slider and has default `false` for showBreadcrumbs and showQuicklinks
+   *     3. `"slider-without-filters"` is the same as `"slider"` but does also not render any sorting or filter buttons
    * @default "grid"
    */
-  layout?: "grid" | "slider";
+  layout?: PossibleLayout;
 }
 /**
  * The listing to query Depict for. `type` can be `"listingId"` or `"externalId"` and `id` is the actual id.