@depict-ai/ui 3.0.16 → 3.0.18

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.16";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "3.0.18";
 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] : {};
@@ -7959,7 +7959,7 @@ 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());
     $52FdA$solidjs.createEffect(() => {
-      if (sort_and_filter_disabled_()) {
+      if (sort_and_filter_disabled_ !== null && sort_and_filter_disabled_ !== void 0 && 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);
@@ -7967,7 +7967,7 @@ function $f70cc6dfcadf0fd5$export$d7841e452f2e59a8(_ref) {
     });
     return $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Show), {
       get when() {
-        return !sort_and_filter_disabled_();
+        return !(sort_and_filter_disabled_ !== null && sort_and_filter_disabled_ !== void 0 && sort_and_filter_disabled_());
       },
       get children() {
         const _el$5 = $52FdA$solidjsweb.getNextElement($f70cc6dfcadf0fd5$var$_tmpl$3),
@@ -8899,7 +8899,6 @@ const $ede6c70ecdca46fe$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<d
   $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><!$><!/><!$><!/>`);
 function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
-  var _on_filters_construct;
   let {
     depict_api_: depict_api_,
     id_to_query_for_: id_to_query_for_,
@@ -9138,7 +9137,11 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     id_: id_to_query_for_,
     can_write_scroll_restoration_: can_write_scroll_restoration_
   });
-  (_on_filters_construct = on_filters_constructed_) === null || _on_filters_construct === void 0 || _on_filters_construct();
+  $52FdA$solidjs.createEffect(() => {
+    var _on_filters_construct;
+    if (sort_and_filter_disabled_()) return;
+    (_on_filters_construct = on_filters_constructed_) === null || _on_filters_construct === void 0 || _on_filters_construct();
+  });
   $52FdA$solidjs.createComputed(() => {
     if (plp_products_.loading) set_can_write_scroll_restoration(false);else if (plp_products_()) set_can_write_scroll_restoration(true);
   });
@@ -9693,7 +9696,12 @@ function $9cbefc32b9dab36d$export$e2bf8ce7779e827e(props) {
       return newId;
     });
     $52FdA$solidjs.onCleanup(() => $bdea39a75c454f4f$export$f50b88e2a00918b5(props.on_listing_query_change)());
-    const is_grid = $52FdA$solidjs.createMemo(() => props.layout === "grid");
+    const is_grid = $52FdA$solidjs.createMemo(() => {
+      const {
+        layout: layout
+      } = props;
+      return !layout || layout === "grid";
+    });
     const grid_spacing_override = $52FdA$solidjs.createMemo(() => {
       const {
         grid_spacing: grid_spacing

package/ES10/index.d.ts

@@ -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.16";
+export const version = "3.0.18";
 export type SDKColsAtSize = [number, number?][];
 /**
  * Transform SDK ColsAtSize into valid Layout ColsAtSize
@@ -974,7 +974,7 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   category_title: typeof CategoryTitle | typeof embedded_num_products;
   on_listing_query_change?: (new_listing_query?: ListingQuery | undefined, old_listing_query?: ListingQuery | undefined) => void;
   content_blocks_by_row?: ContentBlocksByRow;
-  layout?: "slider" | "grid";
+  layout?: PossibleLayout;
 }): import("@depict-ai/utilishared/latest").Node_Array;
 export function BreadCrumbs<T extends Display>({
   depict_category

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.16";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "3.0.18";
 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] : {};
@@ -7886,7 +7886,7 @@ 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());
     $8tj43$createEffect(() => {
-      if (sort_and_filter_disabled_()) {
+      if (sort_and_filter_disabled_ !== null && sort_and_filter_disabled_ !== void 0 && 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);
@@ -7894,7 +7894,7 @@ function $7396052a1484264f$export$d7841e452f2e59a8(_ref) {
     });
     return $8tj43$createComponent((0, $8tj43$Show), {
       get when() {
-        return !sort_and_filter_disabled_();
+        return !(sort_and_filter_disabled_ !== null && sort_and_filter_disabled_ !== void 0 && sort_and_filter_disabled_());
       },
       get children() {
         const _el$5 = $8tj43$getNextElement($7396052a1484264f$var$_tmpl$3),
@@ -8826,7 +8826,6 @@ const $4b4b262708b516ee$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=pr
   $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><!$><!/><!$><!/>`);
 function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
-  var _on_filters_construct;
   let {
     depict_api_: depict_api_,
     id_to_query_for_: id_to_query_for_,
@@ -9065,7 +9064,11 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     id_: id_to_query_for_,
     can_write_scroll_restoration_: can_write_scroll_restoration_
   });
-  (_on_filters_construct = on_filters_constructed_) === null || _on_filters_construct === void 0 || _on_filters_construct();
+  $8tj43$createEffect(() => {
+    var _on_filters_construct;
+    if (sort_and_filter_disabled_()) return;
+    (_on_filters_construct = on_filters_constructed_) === null || _on_filters_construct === void 0 || _on_filters_construct();
+  });
   $8tj43$createComputed(() => {
     if (plp_products_.loading) set_can_write_scroll_restoration(false);else if (plp_products_()) set_can_write_scroll_restoration(true);
   });
@@ -9620,7 +9623,12 @@ function $f5f54892fd0c7d9f$export$e2bf8ce7779e827e(props) {
       return newId;
     });
     $8tj43$onCleanup(() => $01c33966d9ddb108$export$f50b88e2a00918b5(props.on_listing_query_change)());
-    const is_grid = $8tj43$createMemo(() => props.layout === "grid");
+    const is_grid = $8tj43$createMemo(() => {
+      const {
+        layout: layout
+      } = props;
+      return !layout || layout === "grid";
+    });
     const grid_spacing_override = $8tj43$createMemo(() => {
       const {
         grid_spacing: grid_spacing

package/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.16";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "3.0.18";
 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 (() => {
@@ -7470,7 +7470,7 @@ function $f8f64d05c525825b$export$d7841e452f2e59a8({
     get_extra_filters_button_?.(make_open_filters_button());
     get_extra_sorting_button_?.(make_open_sorting_button());
     $gVhhF$solidjs.createEffect(() => {
-      if (sort_and_filter_disabled_()) {
+      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);
@@ -7478,7 +7478,7 @@ function $f8f64d05c525825b$export$d7841e452f2e59a8({
     });
     return $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
       get when() {
-        return !sort_and_filter_disabled_();
+        return !sort_and_filter_disabled_?.();
       },
       get children() {
         const _el$5 = $gVhhF$solidjsweb.getNextElement($f8f64d05c525825b$var$_tmpl$3),
@@ -8570,7 +8570,10 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
     id_: id_to_query_for_,
     can_write_scroll_restoration_: can_write_scroll_restoration_
   });
-  on_filters_constructed_?.();
+  $gVhhF$solidjs.createEffect(() => {
+    if (sort_and_filter_disabled_()) return;
+    on_filters_constructed_?.();
+  });
   $gVhhF$solidjs.createComputed(() => {
     if (plp_products_.loading) set_can_write_scroll_restoration(false);else if (plp_products_()) set_can_write_scroll_restoration(true);
   });
@@ -9051,7 +9054,12 @@ function $48567ac5b39bac56$export$e2bf8ce7779e827e(props) {
       return newId;
     });
     $gVhhF$solidjs.onCleanup(() => $deaaf04362a1bc71$export$f50b88e2a00918b5(props.on_listing_query_change)());
-    const is_grid = $gVhhF$solidjs.createMemo(() => props.layout === "grid");
+    const is_grid = $gVhhF$solidjs.createMemo(() => {
+      const {
+        layout: layout
+      } = props;
+      return !layout || layout === "grid";
+    });
     const grid_spacing_override = $gVhhF$solidjs.createMemo(() => {
       const {
         grid_spacing: grid_spacing

package/latest/index.d.ts

@@ -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.16";
+export const version = "3.0.18";
 export type SDKColsAtSize = [number, number?][];
 /**
  * Transform SDK ColsAtSize into valid Layout ColsAtSize
@@ -974,7 +974,7 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   category_title: typeof CategoryTitle | typeof embedded_num_products;
   on_listing_query_change?: (new_listing_query?: ListingQuery | undefined, old_listing_query?: ListingQuery | undefined) => void;
   content_blocks_by_row?: ContentBlocksByRow;
-  layout?: "slider" | "grid";
+  layout?: PossibleLayout;
 }): import("@depict-ai/utilishared/latest").Node_Array;
 export function BreadCrumbs<T extends Display>({
   depict_category

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.16";
+const $ec291e0010116877$export$83d89fbfd8236492 = "3.0.18";
 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 (() => {
@@ -7400,7 +7400,7 @@ function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({
     get_extra_filters_button_?.(make_open_filters_button());
     get_extra_sorting_button_?.(make_open_sorting_button());
     $9HbP8$createEffect(() => {
-      if (sort_and_filter_disabled_()) {
+      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);
@@ -7408,7 +7408,7 @@ function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({
     });
     return $9HbP8$createComponent((0, $9HbP8$Show), {
       get when() {
-        return !sort_and_filter_disabled_();
+        return !sort_and_filter_disabled_?.();
       },
       get children() {
         const _el$5 = $9HbP8$getNextElement($cdea4cf8c5c071ef$var$_tmpl$3),
@@ -8500,7 +8500,10 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
     id_: id_to_query_for_,
     can_write_scroll_restoration_: can_write_scroll_restoration_
   });
-  on_filters_constructed_?.();
+  $9HbP8$createEffect(() => {
+    if (sort_and_filter_disabled_()) return;
+    on_filters_constructed_?.();
+  });
   $9HbP8$createComputed(() => {
     if (plp_products_.loading) set_can_write_scroll_restoration(false);else if (plp_products_()) set_can_write_scroll_restoration(true);
   });
@@ -8981,7 +8984,12 @@ function $961b5c64bef4662f$export$e2bf8ce7779e827e(props) {
       return newId;
     });
     $9HbP8$onCleanup(() => $d8dbf52fea1773e2$export$f50b88e2a00918b5(props.on_listing_query_change)());
-    const is_grid = $9HbP8$createMemo(() => props.layout === "grid");
+    const is_grid = $9HbP8$createMemo(() => {
+      const {
+        layout: layout
+      } = props;
+      return !layout || layout === "grid";
+    });
     const grid_spacing_override = $9HbP8$createMemo(() => {
       const {
         grid_spacing: grid_spacing

package/package.json

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

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.16";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "3.0.18";
 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;
@@ -6527,7 +6527,7 @@ 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());
     $3hooq$solidjs.createEffect(() => {
-      if (sort_and_filter_disabled_()) {
+      if (sort_and_filter_disabled_ !== null && sort_and_filter_disabled_ !== void 0 && 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);
@@ -6535,7 +6535,7 @@ function $f70cc6dfcadf0fd5$export$d7841e452f2e59a8(_ref) {
     });
     return $3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
       get when() {
-        return !sort_and_filter_disabled_();
+        return !(sort_and_filter_disabled_ !== null && sort_and_filter_disabled_ !== void 0 && sort_and_filter_disabled_());
       },
       get children() {
         return $3hooq$solidjsweb.ssr($f70cc6dfcadf0fd5$var$_tmpl$3, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape(make_open_filters_button(true, true)), $3hooq$solidjsweb.escape(middle_elements_ === null || middle_elements_ === void 0 ? void 0 : middle_elements_()), $3hooq$solidjsweb.escape(make_open_sorting_button(true, true)));
@@ -7371,7 +7371,6 @@ const $ede6c70ecdca46fe$var$_tmpl$ = ["<div", ' class="product-count"><!--$-->',
   $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>"];
 function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
-  var _on_filters_construct;
   let {
     depict_api_: depict_api_,
     id_to_query_for_: id_to_query_for_,
@@ -7600,7 +7599,11 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     id_: id_to_query_for_,
     can_write_scroll_restoration_: can_write_scroll_restoration_
   });
-  (_on_filters_construct = on_filters_constructed_) === null || _on_filters_construct === void 0 || _on_filters_construct();
+  $3hooq$solidjs.createEffect(() => {
+    var _on_filters_construct;
+    if (sort_and_filter_disabled_()) return;
+    (_on_filters_construct = on_filters_constructed_) === null || _on_filters_construct === void 0 || _on_filters_construct();
+  });
   $3hooq$solidjs.createComputed(() => {
     if (plp_products_.loading) set_can_write_scroll_restoration(false);else if (plp_products_()) set_can_write_scroll_restoration(true);
   });
@@ -8111,7 +8114,12 @@ function $9cbefc32b9dab36d$export$e2bf8ce7779e827e(props) {
       return newId;
     });
     $3hooq$solidjs.onCleanup(() => $bdea39a75c454f4f$export$f50b88e2a00918b5(props.on_listing_query_change)());
-    const is_grid = $3hooq$solidjs.createMemo(() => props.layout === "grid");
+    const is_grid = $3hooq$solidjs.createMemo(() => {
+      const {
+        layout: layout
+      } = props;
+      return !layout || layout === "grid";
+    });
     const grid_spacing_override = $3hooq$solidjs.createMemo(() => {
       const {
         grid_spacing: grid_spacing

package/server/ES10/index.d.ts

@@ -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.16";
+export const version = "3.0.18";
 export type SDKColsAtSize = [number, number?][];
 /**
  * Transform SDK ColsAtSize into valid Layout ColsAtSize
@@ -974,7 +974,7 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   category_title: typeof CategoryTitle | typeof embedded_num_products;
   on_listing_query_change?: (new_listing_query?: ListingQuery | undefined, old_listing_query?: ListingQuery | undefined) => void;
   content_blocks_by_row?: ContentBlocksByRow;
-  layout?: "slider" | "grid";
+  layout?: PossibleLayout;
 }): import("@depict-ai/utilishared/latest").Node_Array;
 export function BreadCrumbs<T extends Display>({
   depict_category

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.16";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "3.0.18";
 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;
@@ -6454,7 +6454,7 @@ 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());
     $b8hua$createEffect(() => {
-      if (sort_and_filter_disabled_()) {
+      if (sort_and_filter_disabled_ !== null && sort_and_filter_disabled_ !== void 0 && 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);
@@ -6462,7 +6462,7 @@ function $7396052a1484264f$export$d7841e452f2e59a8(_ref) {
     });
     return $b8hua$createComponent((0, $b8hua$Show), {
       get when() {
-        return !sort_and_filter_disabled_();
+        return !(sort_and_filter_disabled_ !== null && sort_and_filter_disabled_ !== void 0 && sort_and_filter_disabled_());
       },
       get children() {
         return $b8hua$ssr($7396052a1484264f$var$_tmpl$3, $b8hua$ssrHydrationKey(), $b8hua$escape(make_open_filters_button(true, true)), $b8hua$escape(middle_elements_ === null || middle_elements_ === void 0 ? void 0 : middle_elements_()), $b8hua$escape(make_open_sorting_button(true, true)));
@@ -7298,7 +7298,6 @@ const $4b4b262708b516ee$var$_tmpl$ = ["<div", ' class="product-count"><!--$-->',
   $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>"];
 function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
-  var _on_filters_construct;
   let {
     depict_api_: depict_api_,
     id_to_query_for_: id_to_query_for_,
@@ -7527,7 +7526,11 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     id_: id_to_query_for_,
     can_write_scroll_restoration_: can_write_scroll_restoration_
   });
-  (_on_filters_construct = on_filters_constructed_) === null || _on_filters_construct === void 0 || _on_filters_construct();
+  $b8hua$createEffect(() => {
+    var _on_filters_construct;
+    if (sort_and_filter_disabled_()) return;
+    (_on_filters_construct = on_filters_constructed_) === null || _on_filters_construct === void 0 || _on_filters_construct();
+  });
   $b8hua$createComputed(() => {
     if (plp_products_.loading) set_can_write_scroll_restoration(false);else if (plp_products_()) set_can_write_scroll_restoration(true);
   });
@@ -8038,7 +8041,12 @@ function $f5f54892fd0c7d9f$export$e2bf8ce7779e827e(props) {
       return newId;
     });
     $b8hua$onCleanup(() => $01c33966d9ddb108$export$f50b88e2a00918b5(props.on_listing_query_change)());
-    const is_grid = $b8hua$createMemo(() => props.layout === "grid");
+    const is_grid = $b8hua$createMemo(() => {
+      const {
+        layout: layout
+      } = props;
+      return !layout || layout === "grid";
+    });
     const grid_spacing_override = $b8hua$createMemo(() => {
       const {
         grid_spacing: grid_spacing

package/server/latest/index.cjs

@@ -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.16";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "3.0.18";
 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));
@@ -6086,7 +6086,7 @@ function $f8f64d05c525825b$export$d7841e452f2e59a8({
     get_extra_filters_button_?.(make_open_filters_button());
     get_extra_sorting_button_?.(make_open_sorting_button());
     $5vyXB$solidjs.createEffect(() => {
-      if (sort_and_filter_disabled_()) {
+      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);
@@ -6094,7 +6094,7 @@ function $f8f64d05c525825b$export$d7841e452f2e59a8({
     });
     return $5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
       get when() {
-        return !sort_and_filter_disabled_();
+        return !sort_and_filter_disabled_?.();
       },
       get children() {
         return $5vyXB$solidjsweb.ssr($f8f64d05c525825b$var$_tmpl$3, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape(make_open_filters_button(true, true)), $5vyXB$solidjsweb.escape(middle_elements_?.()), $5vyXB$solidjsweb.escape(make_open_sorting_button(true, true)));
@@ -7090,7 +7090,10 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
     id_: id_to_query_for_,
     can_write_scroll_restoration_: can_write_scroll_restoration_
   });
-  on_filters_constructed_?.();
+  $5vyXB$solidjs.createEffect(() => {
+    if (sort_and_filter_disabled_()) return;
+    on_filters_constructed_?.();
+  });
   $5vyXB$solidjs.createComputed(() => {
     if (plp_products_.loading) set_can_write_scroll_restoration(false);else if (plp_products_()) set_can_write_scroll_restoration(true);
   });
@@ -7527,7 +7530,12 @@ function $48567ac5b39bac56$export$e2bf8ce7779e827e(props) {
       return newId;
     });
     $5vyXB$solidjs.onCleanup(() => $deaaf04362a1bc71$export$f50b88e2a00918b5(props.on_listing_query_change)());
-    const is_grid = $5vyXB$solidjs.createMemo(() => props.layout === "grid");
+    const is_grid = $5vyXB$solidjs.createMemo(() => {
+      const {
+        layout: layout
+      } = props;
+      return !layout || layout === "grid";
+    });
     const grid_spacing_override = $5vyXB$solidjs.createMemo(() => {
       const {
         grid_spacing: grid_spacing

package/server/latest/index.d.ts

@@ -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.16";
+export const version = "3.0.18";
 export type SDKColsAtSize = [number, number?][];
 /**
  * Transform SDK ColsAtSize into valid Layout ColsAtSize
@@ -974,7 +974,7 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   category_title: typeof CategoryTitle | typeof embedded_num_products;
   on_listing_query_change?: (new_listing_query?: ListingQuery | undefined, old_listing_query?: ListingQuery | undefined) => void;
   content_blocks_by_row?: ContentBlocksByRow;
-  layout?: "slider" | "grid";
+  layout?: PossibleLayout;
 }): import("@depict-ai/utilishared/latest").Node_Array;
 export function BreadCrumbs<T extends Display>({
   depict_category

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.16";
+const $ec291e0010116877$export$83d89fbfd8236492 = "3.0.18";
 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));
@@ -6016,7 +6016,7 @@ function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({
     get_extra_filters_button_?.(make_open_filters_button());
     get_extra_sorting_button_?.(make_open_sorting_button());
     $i7OB2$createEffect(() => {
-      if (sort_and_filter_disabled_()) {
+      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);
@@ -6024,7 +6024,7 @@ function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({
     });
     return $i7OB2$createComponent((0, $i7OB2$Show), {
       get when() {
-        return !sort_and_filter_disabled_();
+        return !sort_and_filter_disabled_?.();
       },
       get children() {
         return $i7OB2$ssr($cdea4cf8c5c071ef$var$_tmpl$3, $i7OB2$ssrHydrationKey(), $i7OB2$escape(make_open_filters_button(true, true)), $i7OB2$escape(middle_elements_?.()), $i7OB2$escape(make_open_sorting_button(true, true)));
@@ -7020,7 +7020,10 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
     id_: id_to_query_for_,
     can_write_scroll_restoration_: can_write_scroll_restoration_
   });
-  on_filters_constructed_?.();
+  $i7OB2$createEffect(() => {
+    if (sort_and_filter_disabled_()) return;
+    on_filters_constructed_?.();
+  });
   $i7OB2$createComputed(() => {
     if (plp_products_.loading) set_can_write_scroll_restoration(false);else if (plp_products_()) set_can_write_scroll_restoration(true);
   });
@@ -7457,7 +7460,12 @@ function $961b5c64bef4662f$export$e2bf8ce7779e827e(props) {
       return newId;
     });
     $i7OB2$onCleanup(() => $d8dbf52fea1773e2$export$f50b88e2a00918b5(props.on_listing_query_change)());
-    const is_grid = $i7OB2$createMemo(() => props.layout === "grid");
+    const is_grid = $i7OB2$createMemo(() => {
+      const {
+        layout: layout
+      } = props;
+      return !layout || layout === "grid";
+    });
     const grid_spacing_override = $i7OB2$createMemo(() => {
       const {
         grid_spacing: grid_spacing