@depict-ai/ui 4.2.1 → 4.3.0

package/ES10/index.cjs

@@ -100,7 +100,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $335c02c1241a9ca8$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $335c02c1241a9ca8$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $c10e33c4681f8c9b$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.2.1";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.0";
 const $5401a6698b0c0658$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -3425,10 +3425,6 @@ function $29e5dbeb69da7a36$export$b94867ecbd698f21(_ref) {
 $52FdA$solidjsweb.delegateEvents(["click", "keydown", "input", "pointerdown"]);
 function $8c2e68c6d458169b$export$fe334901e8bebd57() {
   const cleanup_fns = [];
-  $52FdA$depictaiutilishared.dlog("DISABLING SCROLLING");
-  $52FdA$solidjs.onCleanup(() => {
-    console.log("RE-ENABLING SCROLLING");
-  });
   const cleanup = () => cleanup_fns.forEach(f => f());
   // use an animation to automatically retain the `overflow` values and all other styling
   for (const element of [document.documentElement, document.body]) {
@@ -12370,7 +12366,8 @@ function $f70cc6dfcadf0fd5$export$d7841e452f2e59a8(_ref) {
     selected_filters_: selected_filters_,
     local_filter_cache_: local_filter_cache_,
     get_extra_filters_button_: get_extra_filters_button_,
-    get_extra_sorting_button_: get_extra_sorting_button_
+    get_extra_sorting_button_: get_extra_sorting_button_,
+    filterModalParent_: filterModalParent_
   } = _ref;
   const Self = () => {
     // This could technically be in SearchPage and CategoryPage and would be better suited there since it writes into local_filter_cache_ which i.e. SelectedFilters uses, but it's better suited here IMO due to DRY and being inside the correct error boundary here
@@ -12505,7 +12502,7 @@ function $f70cc6dfcadf0fd5$export$d7841e452f2e59a8(_ref) {
         formatted_number_of_results_: formatted_number_of_results_,
         dismiss_modal_: dismiss_modal_,
         i18n_: i18n_
-      }));
+      }, filterModalParent_));
       const {
         remove: remove
       } = $52FdA$depictaiutilishared.javascript_media_query("(max-width:651px)", _ref3 => {
@@ -13576,7 +13573,6 @@ function $739c927cbecd26b0$export$a54ec244c8863715(_ref) {
     market_: market_,
     showing_recommendation_rows_: showing_recommendation_rows_,
     layout_options_: layout_options_,
-    recommendations_layout_options_: recommendations_layout_options_,
     scroll_restoration_data_: scroll_restoration_data_,
     product_card_template_: product_card_template_,
     modalAlignmentSignalsRef_: modalAlignmentSignalsRef_,
@@ -13586,7 +13582,8 @@ function $739c927cbecd26b0$export$a54ec244c8863715(_ref) {
     content_search_enabled_: content_search_enabled_,
     content_blocks_by_row_: content_blocks_by_row_,
     modalVersionUsed_: modalVersionUsed_,
-    BackIcon_: BackIcon_
+    BackIcon_: BackIcon_,
+    filterModalParent_: filterModalParent_
   } = _ref;
   const [get_sorting] = current_sorting_;
   const all_products_loaded_ = $52FdA$solidjs.createSignal(false);
@@ -13707,7 +13704,8 @@ function $739c927cbecd26b0$export$a54ec244c8863715(_ref) {
     formatted_number_of_results_: formatted_number_of_results_,
     local_filter_cache_: local_filter_cache_,
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-    number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_
+    number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
+    filterModalParent_: filterModalParent_
   });
   const results_filters = $52FdA$solidjs.createSignal();
   const owner = $52FdA$solidjs.getOwner();
@@ -13966,12 +13964,7 @@ function $739c927cbecd26b0$export$a54ec244c8863715(_ref) {
               depict_api_: depict_api_,
               i18n_: i18n_,
               search_query_base_: search_query_base_,
-              get layout_options_() {
-                return $52FdA$solidjs.createMemo(() => {
-                  var _recommendations_layo;
-                  return (_recommendations_layo = recommendations_layout_options_ === null || recommendations_layout_options_ === void 0 ? void 0 : recommendations_layout_options_()) !== null && _recommendations_layo !== void 0 ? _recommendations_layo : layout_options_();
-                });
-              },
+              layout_options_: layout_options_,
               showing_recommendation_rows_: showing_recommendation_rows_,
               product_card_template_: product_card_template_,
               all_products_loaded_: get_all_products_loaded
@@ -14474,15 +14467,7 @@ function $ddd39c5f36f49703$export$f2dc7e4e4aa11abb(props) {
         cols_at_size: $5401a6698b0c0658$export$6daf8749b65a1b77($b1ea8d47bcf03111$export$ff7109b9b2b206ba(props.cols_at_size)),
         ...grid_spacing_override()
       })),
-      recommendations_layout_options_: $52FdA$solidjs.createMemo(() => {
-        const {
-          extra_depict_options: extra_depict_options
-        } = props;
-        return extra_depict_options !== null && extra_depict_options !== void 0 && extra_depict_options.recommendations_cols_at_size ? {
-          cols_at_size: $5401a6698b0c0658$export$6daf8749b65a1b77(extra_depict_options.recommendations_cols_at_size),
-          ...grid_spacing_override()
-        } : undefined;
-      }),
+      filterModalParent_: $52FdA$solidjs.untrack(() => props.filterModalParent_),
       product_card_template_: product_card_template
     });
   }, "Entire SearchPage failed");
@@ -15436,7 +15421,8 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
     sorting_query_param_: sorting_query_param_,
     filter_query_param_prefix_: filter_query_param_prefix_,
-    content_blocks_by_row_: content_blocks_by_row_
+    content_blocks_by_row_: content_blocks_by_row_,
+    filterModalParent_: filterModalParent_
   } = _ref;
   let results_for;
   let only_show_filters_opener_;
@@ -15639,6 +15625,7 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     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_,
+    filterModalParent_: filterModalParent_,
     ...extra_sort_and_filter_args_
   });
   $52FdA$depictaiutilisharedlatest.catchify((0, $fef4890f1f8e0544$export$6e49da55e449af7c))({
@@ -15927,6 +15914,7 @@ function $c10e33c4681f8c9b$export$e2bf8ce7779e827e(props) {
       category_sorting_open_: category_sorting_open_,
       expanded_filters_: expanded_filters_,
       expanded_hierarchical_filters_: expanded_hierarchical_filters_,
+      filterModalParent_: $52FdA$solidjs.untrack(() => props.filterModalParent_),
       selected_filters_: selected_filters_,
       sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
       content_blocks_by_row_: () => props.content_blocks_by_row,

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 _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.2.1";
+export const version = "4.3.0";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -252,7 +252,7 @@ export function LooksSlider(props: {
   imagePlaceholderAspectRatio_: number | string;
   title_?: JSX.Element;
   FavoriteButton_?: (props: {
-    display_: ModernDisplay | null | undefined;
+    display_: Accessor<ModernDisplay | null | undefined>;
   }) => JSX.Element;
 }): HTMLDivElement;
 export const prefixes_to_preserve_in_history_dot_state: Set<string>;
@@ -1337,9 +1337,7 @@ export function SearchPage<OriginalDisplay extends Display, TransformedDisplay e
   product_card_template: ProductCardTemplate<[TransformedDisplay] extends [never] ? OriginalDisplay : ModernDisplayWithPageUrl<TransformedDisplay>>;
   content_blocks_by_row?: ContentBlocksByRow;
   on_query_change?: (new_query?: string | undefined, old_query?: string | undefined) => void;
-  extra_depict_options?: {
-    recommendations_cols_at_size?: SDKColsAtSize;
-  };
+  filterModalParent_?: HTMLElement | ShadowRoot;
 }): import("@depict-ai/utilishared").Node_Array;
 /**
  * Connects the height of the search field to the height of the aligner.
@@ -1456,5 +1454,6 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   on_listing_query_change?: (new_listing_query?: ListingQuery | undefined, old_listing_query?: ListingQuery | undefined) => void;
   content_blocks_by_row?: ContentBlocksByRow;
   layout?: PossibleLayout;
+  filterModalParent_?: HTMLElement | ShadowRoot;
 }): import("@depict-ai/utilishared/latest").Node_Array;
 export type { SearchFilter } from "@depict-ai/types/api/SearchRequestV3";

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 = "4.2.1";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.3.0";
 const $a9c7ba6087881ac2$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -3335,10 +3335,6 @@ function $584c06c09cf4609d$export$b94867ecbd698f21(_ref) {
 $8tj43$delegateEvents(["click", "keydown", "input", "pointerdown"]);
 function $e56d241d0f33d459$export$fe334901e8bebd57() {
   const cleanup_fns = [];
-  $8tj43$dlog("DISABLING SCROLLING");
-  $8tj43$onCleanup(() => {
-    console.log("RE-ENABLING SCROLLING");
-  });
   const cleanup = () => cleanup_fns.forEach(f => f());
   // use an animation to automatically retain the `overflow` values and all other styling
   for (const element of [document.documentElement, document.body]) {
@@ -12280,7 +12276,8 @@ function $7396052a1484264f$export$d7841e452f2e59a8(_ref) {
     selected_filters_: selected_filters_,
     local_filter_cache_: local_filter_cache_,
     get_extra_filters_button_: get_extra_filters_button_,
-    get_extra_sorting_button_: get_extra_sorting_button_
+    get_extra_sorting_button_: get_extra_sorting_button_,
+    filterModalParent_: filterModalParent_
   } = _ref;
   const Self = () => {
     // This could technically be in SearchPage and CategoryPage and would be better suited there since it writes into local_filter_cache_ which i.e. SelectedFilters uses, but it's better suited here IMO due to DRY and being inside the correct error boundary here
@@ -12415,7 +12412,7 @@ function $7396052a1484264f$export$d7841e452f2e59a8(_ref) {
         formatted_number_of_results_: formatted_number_of_results_,
         dismiss_modal_: dismiss_modal_,
         i18n_: i18n_
-      }));
+      }, filterModalParent_));
       const {
         remove: remove
       } = $8tj43$javascript_media_query("(max-width:651px)", _ref3 => {
@@ -13486,7 +13483,6 @@ function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
     market_: market_,
     showing_recommendation_rows_: showing_recommendation_rows_,
     layout_options_: layout_options_,
-    recommendations_layout_options_: recommendations_layout_options_,
     scroll_restoration_data_: scroll_restoration_data_,
     product_card_template_: product_card_template_,
     modalAlignmentSignalsRef_: modalAlignmentSignalsRef_,
@@ -13496,7 +13492,8 @@ function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
     content_search_enabled_: content_search_enabled_,
     content_blocks_by_row_: content_blocks_by_row_,
     modalVersionUsed_: modalVersionUsed_,
-    BackIcon_: BackIcon_
+    BackIcon_: BackIcon_,
+    filterModalParent_: filterModalParent_
   } = _ref;
   const [get_sorting] = current_sorting_;
   const all_products_loaded_ = $8tj43$createSignal(false);
@@ -13617,7 +13614,8 @@ function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
     formatted_number_of_results_: formatted_number_of_results_,
     local_filter_cache_: local_filter_cache_,
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-    number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_
+    number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
+    filterModalParent_: filterModalParent_
   });
   const results_filters = $8tj43$createSignal();
   const owner = $8tj43$getOwner();
@@ -13876,12 +13874,7 @@ function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
               depict_api_: depict_api_,
               i18n_: i18n_,
               search_query_base_: search_query_base_,
-              get layout_options_() {
-                return $8tj43$createMemo(() => {
-                  var _recommendations_layo;
-                  return (_recommendations_layo = recommendations_layout_options_ === null || recommendations_layout_options_ === void 0 ? void 0 : recommendations_layout_options_()) !== null && _recommendations_layo !== void 0 ? _recommendations_layo : layout_options_();
-                });
-              },
+              layout_options_: layout_options_,
               showing_recommendation_rows_: showing_recommendation_rows_,
               product_card_template_: product_card_template_,
               all_products_loaded_: get_all_products_loaded
@@ -14384,15 +14377,7 @@ function $eb064bc3350276c1$export$f2dc7e4e4aa11abb(props) {
         cols_at_size: $a9c7ba6087881ac2$export$6daf8749b65a1b77($3f7203368ad0d3ca$export$ff7109b9b2b206ba(props.cols_at_size)),
         ...grid_spacing_override()
       })),
-      recommendations_layout_options_: $8tj43$createMemo(() => {
-        const {
-          extra_depict_options: extra_depict_options
-        } = props;
-        return extra_depict_options !== null && extra_depict_options !== void 0 && extra_depict_options.recommendations_cols_at_size ? {
-          cols_at_size: $a9c7ba6087881ac2$export$6daf8749b65a1b77(extra_depict_options.recommendations_cols_at_size),
-          ...grid_spacing_override()
-        } : undefined;
-      }),
+      filterModalParent_: $8tj43$untrack(() => props.filterModalParent_),
       product_card_template_: product_card_template
     });
   }, "Entire SearchPage failed");
@@ -15346,7 +15331,8 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
     sorting_query_param_: sorting_query_param_,
     filter_query_param_prefix_: filter_query_param_prefix_,
-    content_blocks_by_row_: content_blocks_by_row_
+    content_blocks_by_row_: content_blocks_by_row_,
+    filterModalParent_: filterModalParent_
   } = _ref;
   let results_for;
   let only_show_filters_opener_;
@@ -15549,6 +15535,7 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     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_,
+    filterModalParent_: filterModalParent_,
     ...extra_sort_and_filter_args_
   });
   $8tj43$catchify1((0, $5e6abec0dab4e610$export$6e49da55e449af7c))({
@@ -15837,6 +15824,7 @@ function $8821a19349c36651$export$e2bf8ce7779e827e(props) {
       category_sorting_open_: category_sorting_open_,
       expanded_filters_: expanded_filters_,
       expanded_hierarchical_filters_: expanded_hierarchical_filters_,
+      filterModalParent_: $8tj43$untrack(() => props.filterModalParent_),
       selected_filters_: selected_filters_,
       sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
       content_blocks_by_row_: () => props.content_blocks_by_row,

package/README.md

@@ -11,3 +11,4 @@ Breaking changes:
 - 2.0.0 Made `enable_content_search` `true` by default. Redesigned filter counts.
 - 3.0.19 (first `latest` tagged release of version 3): Please see this [migration guide](https://docs.depict.ai/other-guides/sdk-migration-v2-v3)
 - 4.x.x: See https://docs.depict.ai/other-guides/sdk-migration-v3-v4
+- 4.3.0: Removed `recommendations_cols_at_size`. Technically breaking change but since this wasn't ever exposed in the js-ui and react-ui packages, I'm releasing it as minor version.

package/latest/index.cjs

@@ -94,7 +94,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $1f4925833f07df29$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $1f4925833f07df29$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $14f289047713d67a$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "4.2.1";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.0";
 const $4e04be41243c3d80$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -3265,10 +3265,6 @@ function $66b8b9a9613c141d$export$b94867ecbd698f21({
 $gVhhF$solidjsweb.delegateEvents(["click", "keydown", "input", "pointerdown"]);
 function $ca1176b694a6ee2e$export$fe334901e8bebd57() {
   const cleanup_fns = [];
-  $gVhhF$depictaiutilishared.dlog("DISABLING SCROLLING");
-  $gVhhF$solidjs.onCleanup(() => {
-    console.log("RE-ENABLING SCROLLING");
-  });
   const cleanup = () => cleanup_fns.forEach(f => f());
   // use an animation to automatically retain the `overflow` values and all other styling
   for (const element of [document.documentElement, document.body]) {
@@ -11665,7 +11661,8 @@ function $f8f64d05c525825b$export$d7841e452f2e59a8({
   selected_filters_: selected_filters_,
   local_filter_cache_: local_filter_cache_,
   get_extra_filters_button_: get_extra_filters_button_,
-  get_extra_sorting_button_: get_extra_sorting_button_
+  get_extra_sorting_button_: get_extra_sorting_button_,
+  filterModalParent_: filterModalParent_
 }) {
   const Self = () => {
     // This could technically be in SearchPage and CategoryPage and would be better suited there since it writes into local_filter_cache_ which i.e. SelectedFilters uses, but it's better suited here IMO due to DRY and being inside the correct error boundary here
@@ -11785,7 +11782,7 @@ function $f8f64d05c525825b$export$d7841e452f2e59a8({
         formatted_number_of_results_: formatted_number_of_results_,
         dismiss_modal_: dismiss_modal_,
         i18n_: i18n_
-      }));
+      }, filterModalParent_));
       const {
         remove: remove
       } = $gVhhF$depictaiutilishared.javascript_media_query("(max-width:651px)", ({
@@ -12798,7 +12795,6 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
   market_: market_,
   showing_recommendation_rows_: showing_recommendation_rows_,
   layout_options_: layout_options_,
-  recommendations_layout_options_: recommendations_layout_options_,
   scroll_restoration_data_: scroll_restoration_data_,
   product_card_template_: product_card_template_,
   modalAlignmentSignalsRef_: modalAlignmentSignalsRef_,
@@ -12808,7 +12804,8 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
   content_search_enabled_: content_search_enabled_,
   content_blocks_by_row_: content_blocks_by_row_,
   modalVersionUsed_: modalVersionUsed_,
-  BackIcon_: BackIcon_
+  BackIcon_: BackIcon_,
+  filterModalParent_: filterModalParent_
 }) {
   const [get_sorting] = current_sorting_;
   const all_products_loaded_ = $gVhhF$solidjs.createSignal(false);
@@ -12914,7 +12911,8 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
     formatted_number_of_results_: formatted_number_of_results_,
     local_filter_cache_: local_filter_cache_,
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-    number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_
+    number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
+    filterModalParent_: filterModalParent_
   });
   const results_filters = $gVhhF$solidjs.createSignal();
   const owner = $gVhhF$solidjs.getOwner();
@@ -13168,9 +13166,7 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
               depict_api_: depict_api_,
               i18n_: i18n_,
               search_query_base_: search_query_base_,
-              get layout_options_() {
-                return $gVhhF$solidjs.createMemo(() => recommendations_layout_options_?.() ?? layout_options_());
-              },
+              layout_options_: layout_options_,
               showing_recommendation_rows_: showing_recommendation_rows_,
               product_card_template_: product_card_template_,
               all_products_loaded_: get_all_products_loaded
@@ -13583,15 +13579,7 @@ function $2c61e4cd8229c49a$export$f2dc7e4e4aa11abb(props) {
         cols_at_size: $4e04be41243c3d80$export$6daf8749b65a1b77($ab7c6c7911bae2f5$export$ff7109b9b2b206ba(props.cols_at_size)),
         ...grid_spacing_override()
       })),
-      recommendations_layout_options_: $gVhhF$solidjs.createMemo(() => {
-        const {
-          extra_depict_options: extra_depict_options
-        } = props;
-        return extra_depict_options?.recommendations_cols_at_size ? {
-          cols_at_size: $4e04be41243c3d80$export$6daf8749b65a1b77(extra_depict_options.recommendations_cols_at_size),
-          ...grid_spacing_override()
-        } : undefined;
-      }),
+      filterModalParent_: $gVhhF$solidjs.untrack(() => props.filterModalParent_),
       product_card_template_: product_card_template
     });
   }, "Entire SearchPage failed");
@@ -14422,7 +14410,8 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
   sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
   sorting_query_param_: sorting_query_param_,
   filter_query_param_prefix_: filter_query_param_prefix_,
-  content_blocks_by_row_: content_blocks_by_row_
+  content_blocks_by_row_: content_blocks_by_row_,
+  filterModalParent_: filterModalParent_
 }) {
   let results_for;
   let only_show_filters_opener_;
@@ -14600,6 +14589,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
     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_,
+    filterModalParent_: filterModalParent_,
     ...extra_sort_and_filter_args_
   });
   $gVhhF$depictaiutilisharedlatest.catchify((0, $276380e4607fb9fb$export$6e49da55e449af7c))({
@@ -14877,6 +14867,7 @@ function $14f289047713d67a$export$e2bf8ce7779e827e(props) {
       category_sorting_open_: category_sorting_open_,
       expanded_filters_: expanded_filters_,
       expanded_hierarchical_filters_: expanded_hierarchical_filters_,
+      filterModalParent_: $gVhhF$solidjs.untrack(() => props.filterModalParent_),
       selected_filters_: selected_filters_,
       sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
       content_blocks_by_row_: () => props.content_blocks_by_row,

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 _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.2.1";
+export const version = "4.3.0";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -252,7 +252,7 @@ export function LooksSlider(props: {
   imagePlaceholderAspectRatio_: number | string;
   title_?: JSX.Element;
   FavoriteButton_?: (props: {
-    display_: ModernDisplay | null | undefined;
+    display_: Accessor<ModernDisplay | null | undefined>;
   }) => JSX.Element;
 }): HTMLDivElement;
 export const prefixes_to_preserve_in_history_dot_state: Set<string>;
@@ -1337,9 +1337,7 @@ export function SearchPage<OriginalDisplay extends Display, TransformedDisplay e
   product_card_template: ProductCardTemplate<[TransformedDisplay] extends [never] ? OriginalDisplay : ModernDisplayWithPageUrl<TransformedDisplay>>;
   content_blocks_by_row?: ContentBlocksByRow;
   on_query_change?: (new_query?: string | undefined, old_query?: string | undefined) => void;
-  extra_depict_options?: {
-    recommendations_cols_at_size?: SDKColsAtSize;
-  };
+  filterModalParent_?: HTMLElement | ShadowRoot;
 }): import("@depict-ai/utilishared").Node_Array;
 /**
  * Connects the height of the search field to the height of the aligner.
@@ -1456,5 +1454,6 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   on_listing_query_change?: (new_listing_query?: ListingQuery | undefined, old_listing_query?: ListingQuery | undefined) => void;
   content_blocks_by_row?: ContentBlocksByRow;
   layout?: PossibleLayout;
+  filterModalParent_?: HTMLElement | ShadowRoot;
 }): import("@depict-ai/utilishared/latest").Node_Array;
 export type { SearchFilter } from "@depict-ai/types/api/SearchRequestV3";

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 = "4.2.1";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.3.0";
 const $b5cccc8ee7d24677$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -3178,10 +3178,6 @@ function $5285d2814d0fac0c$export$b94867ecbd698f21({
 $9HbP8$delegateEvents(["click", "keydown", "input", "pointerdown"]);
 function $aea1edf92433e81e$export$fe334901e8bebd57() {
   const cleanup_fns = [];
-  $9HbP8$dlog("DISABLING SCROLLING");
-  $9HbP8$onCleanup(() => {
-    console.log("RE-ENABLING SCROLLING");
-  });
   const cleanup = () => cleanup_fns.forEach(f => f());
   // use an animation to automatically retain the `overflow` values and all other styling
   for (const element of [document.documentElement, document.body]) {
@@ -11578,7 +11574,8 @@ function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({
   selected_filters_: selected_filters_,
   local_filter_cache_: local_filter_cache_,
   get_extra_filters_button_: get_extra_filters_button_,
-  get_extra_sorting_button_: get_extra_sorting_button_
+  get_extra_sorting_button_: get_extra_sorting_button_,
+  filterModalParent_: filterModalParent_
 }) {
   const Self = () => {
     // This could technically be in SearchPage and CategoryPage and would be better suited there since it writes into local_filter_cache_ which i.e. SelectedFilters uses, but it's better suited here IMO due to DRY and being inside the correct error boundary here
@@ -11698,7 +11695,7 @@ function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({
         formatted_number_of_results_: formatted_number_of_results_,
         dismiss_modal_: dismiss_modal_,
         i18n_: i18n_
-      }));
+      }, filterModalParent_));
       const {
         remove: remove
       } = $9HbP8$javascript_media_query("(max-width:651px)", ({
@@ -12711,7 +12708,6 @@ function $7097477c78a89208$export$a54ec244c8863715({
   market_: market_,
   showing_recommendation_rows_: showing_recommendation_rows_,
   layout_options_: layout_options_,
-  recommendations_layout_options_: recommendations_layout_options_,
   scroll_restoration_data_: scroll_restoration_data_,
   product_card_template_: product_card_template_,
   modalAlignmentSignalsRef_: modalAlignmentSignalsRef_,
@@ -12721,7 +12717,8 @@ function $7097477c78a89208$export$a54ec244c8863715({
   content_search_enabled_: content_search_enabled_,
   content_blocks_by_row_: content_blocks_by_row_,
   modalVersionUsed_: modalVersionUsed_,
-  BackIcon_: BackIcon_
+  BackIcon_: BackIcon_,
+  filterModalParent_: filterModalParent_
 }) {
   const [get_sorting] = current_sorting_;
   const all_products_loaded_ = $9HbP8$createSignal(false);
@@ -12827,7 +12824,8 @@ function $7097477c78a89208$export$a54ec244c8863715({
     formatted_number_of_results_: formatted_number_of_results_,
     local_filter_cache_: local_filter_cache_,
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-    number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_
+    number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
+    filterModalParent_: filterModalParent_
   });
   const results_filters = $9HbP8$createSignal();
   const owner = $9HbP8$getOwner();
@@ -13081,9 +13079,7 @@ function $7097477c78a89208$export$a54ec244c8863715({
               depict_api_: depict_api_,
               i18n_: i18n_,
               search_query_base_: search_query_base_,
-              get layout_options_() {
-                return $9HbP8$createMemo(() => recommendations_layout_options_?.() ?? layout_options_());
-              },
+              layout_options_: layout_options_,
               showing_recommendation_rows_: showing_recommendation_rows_,
               product_card_template_: product_card_template_,
               all_products_loaded_: get_all_products_loaded
@@ -13496,15 +13492,7 @@ function $806c97b931758897$export$f2dc7e4e4aa11abb(props) {
         cols_at_size: $b5cccc8ee7d24677$export$6daf8749b65a1b77($1848f7cca286fbab$export$ff7109b9b2b206ba(props.cols_at_size)),
         ...grid_spacing_override()
       })),
-      recommendations_layout_options_: $9HbP8$createMemo(() => {
-        const {
-          extra_depict_options: extra_depict_options
-        } = props;
-        return extra_depict_options?.recommendations_cols_at_size ? {
-          cols_at_size: $b5cccc8ee7d24677$export$6daf8749b65a1b77(extra_depict_options.recommendations_cols_at_size),
-          ...grid_spacing_override()
-        } : undefined;
-      }),
+      filterModalParent_: $9HbP8$untrack(() => props.filterModalParent_),
       product_card_template_: product_card_template
     });
   }, "Entire SearchPage failed");
@@ -14335,7 +14323,8 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
   sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
   sorting_query_param_: sorting_query_param_,
   filter_query_param_prefix_: filter_query_param_prefix_,
-  content_blocks_by_row_: content_blocks_by_row_
+  content_blocks_by_row_: content_blocks_by_row_,
+  filterModalParent_: filterModalParent_
 }) {
   let results_for;
   let only_show_filters_opener_;
@@ -14513,6 +14502,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
     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_,
+    filterModalParent_: filterModalParent_,
     ...extra_sort_and_filter_args_
   });
   $9HbP8$catchify1((0, $641bba2917fe862b$export$6e49da55e449af7c))({
@@ -14790,6 +14780,7 @@ function $442f32a4d80abbde$export$e2bf8ce7779e827e(props) {
       category_sorting_open_: category_sorting_open_,
       expanded_filters_: expanded_filters_,
       expanded_hierarchical_filters_: expanded_hierarchical_filters_,
+      filterModalParent_: $9HbP8$untrack(() => props.filterModalParent_),
       selected_filters_: selected_filters_,
       sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
       content_blocks_by_row_: () => props.content_blocks_by_row,

package/package.json

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

@@ -100,7 +100,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $335c02c1241a9ca8$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $335c02c1241a9ca8$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $c10e33c4681f8c9b$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.2.1";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.0";
 const $5401a6698b0c0658$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -2775,10 +2775,6 @@ function $29e5dbeb69da7a36$export$b94867ecbd698f21(_ref) {
 }
 function $8c2e68c6d458169b$export$fe334901e8bebd57() {
   const cleanup_fns = [];
-  $3hooq$depictaiutilishared.dlog("DISABLING SCROLLING");
-  $3hooq$solidjs.onCleanup(() => {
-    console.log("RE-ENABLING SCROLLING");
-  });
   const cleanup = () => cleanup_fns.forEach(f => f());
   // use an animation to automatically retain the `overflow` values and all other styling
   for (const element of [document.documentElement, document.body]) {
@@ -10162,7 +10158,8 @@ function $f70cc6dfcadf0fd5$export$d7841e452f2e59a8(_ref) {
     selected_filters_: selected_filters_,
     local_filter_cache_: local_filter_cache_,
     get_extra_filters_button_: get_extra_filters_button_,
-    get_extra_sorting_button_: get_extra_sorting_button_
+    get_extra_sorting_button_: get_extra_sorting_button_,
+    filterModalParent_: filterModalParent_
   } = _ref;
   const Self = () => {
     // This could technically be in SearchPage and CategoryPage and would be better suited there since it writes into local_filter_cache_ which i.e. SelectedFilters uses, but it's better suited here IMO due to DRY and being inside the correct error boundary here
@@ -10289,7 +10286,7 @@ function $f70cc6dfcadf0fd5$export$d7841e452f2e59a8(_ref) {
         formatted_number_of_results_: formatted_number_of_results_,
         dismiss_modal_: dismiss_modal_,
         i18n_: i18n_
-      }));
+      }, filterModalParent_));
       const {
         remove: remove
       } = $3hooq$depictaiutilishared.javascript_media_query("(max-width:651px)", _ref3 => {
@@ -11159,7 +11156,6 @@ function $739c927cbecd26b0$export$a54ec244c8863715(_ref) {
     market_: market_,
     showing_recommendation_rows_: showing_recommendation_rows_,
     layout_options_: layout_options_,
-    recommendations_layout_options_: recommendations_layout_options_,
     scroll_restoration_data_: scroll_restoration_data_,
     product_card_template_: product_card_template_,
     modalAlignmentSignalsRef_: modalAlignmentSignalsRef_,
@@ -11169,7 +11165,8 @@ function $739c927cbecd26b0$export$a54ec244c8863715(_ref) {
     content_search_enabled_: content_search_enabled_,
     content_blocks_by_row_: content_blocks_by_row_,
     modalVersionUsed_: modalVersionUsed_,
-    BackIcon_: BackIcon_
+    BackIcon_: BackIcon_,
+    filterModalParent_: filterModalParent_
   } = _ref;
   const [get_sorting] = current_sorting_;
   const all_products_loaded_ = $3hooq$solidjs.createSignal(false);
@@ -11290,7 +11287,8 @@ function $739c927cbecd26b0$export$a54ec244c8863715(_ref) {
     formatted_number_of_results_: formatted_number_of_results_,
     local_filter_cache_: local_filter_cache_,
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-    number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_
+    number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
+    filterModalParent_: filterModalParent_
   });
   const results_filters = $3hooq$solidjs.createSignal();
   const owner = $3hooq$solidjs.getOwner();
@@ -11513,12 +11511,7 @@ function $739c927cbecd26b0$export$a54ec244c8863715(_ref) {
             depict_api_: depict_api_,
             i18n_: i18n_,
             search_query_base_: search_query_base_,
-            get layout_options_() {
-              return $3hooq$solidjs.createMemo(() => {
-                var _recommendations_layo;
-                return (_recommendations_layo = recommendations_layout_options_ === null || recommendations_layout_options_ === void 0 ? void 0 : recommendations_layout_options_()) !== null && _recommendations_layo !== void 0 ? _recommendations_layo : layout_options_();
-              });
-            },
+            layout_options_: layout_options_,
             showing_recommendation_rows_: showing_recommendation_rows_,
             product_card_template_: product_card_template_,
             all_products_loaded_: get_all_products_loaded
@@ -12016,15 +12009,7 @@ function $ddd39c5f36f49703$export$f2dc7e4e4aa11abb(props) {
         cols_at_size: $5401a6698b0c0658$export$6daf8749b65a1b77($b1ea8d47bcf03111$export$ff7109b9b2b206ba(props.cols_at_size)),
         ...grid_spacing_override()
       })),
-      recommendations_layout_options_: $3hooq$solidjs.createMemo(() => {
-        const {
-          extra_depict_options: extra_depict_options
-        } = props;
-        return extra_depict_options !== null && extra_depict_options !== void 0 && extra_depict_options.recommendations_cols_at_size ? {
-          cols_at_size: $5401a6698b0c0658$export$6daf8749b65a1b77(extra_depict_options.recommendations_cols_at_size),
-          ...grid_spacing_override()
-        } : undefined;
-      }),
+      filterModalParent_: $3hooq$solidjs.untrack(() => props.filterModalParent_),
       product_card_template_: product_card_template
     });
   }, "Entire SearchPage failed");
@@ -12896,7 +12881,8 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
     sorting_query_param_: sorting_query_param_,
     filter_query_param_prefix_: filter_query_param_prefix_,
-    content_blocks_by_row_: content_blocks_by_row_
+    content_blocks_by_row_: content_blocks_by_row_,
+    filterModalParent_: filterModalParent_
   } = _ref;
   let results_for;
   let only_show_filters_opener_;
@@ -13089,6 +13075,7 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     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_,
+    filterModalParent_: filterModalParent_,
     ...extra_sort_and_filter_args_
   });
   $3hooq$depictaiutilisharedlatest.catchify((0, $fef4890f1f8e0544$export$6e49da55e449af7c))({
@@ -13341,6 +13328,7 @@ function $c10e33c4681f8c9b$export$e2bf8ce7779e827e(props) {
       category_sorting_open_: category_sorting_open_,
       expanded_filters_: expanded_filters_,
       expanded_hierarchical_filters_: expanded_hierarchical_filters_,
+      filterModalParent_: $3hooq$solidjs.untrack(() => props.filterModalParent_),
       selected_filters_: selected_filters_,
       sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
       content_blocks_by_row_: () => props.content_blocks_by_row,

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 _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.2.1";
+export const version = "4.3.0";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -252,7 +252,7 @@ export function LooksSlider(props: {
   imagePlaceholderAspectRatio_: number | string;
   title_?: JSX.Element;
   FavoriteButton_?: (props: {
-    display_: ModernDisplay | null | undefined;
+    display_: Accessor<ModernDisplay | null | undefined>;
   }) => JSX.Element;
 }): HTMLDivElement;
 export const prefixes_to_preserve_in_history_dot_state: Set<string>;
@@ -1337,9 +1337,7 @@ export function SearchPage<OriginalDisplay extends Display, TransformedDisplay e
   product_card_template: ProductCardTemplate<[TransformedDisplay] extends [never] ? OriginalDisplay : ModernDisplayWithPageUrl<TransformedDisplay>>;
   content_blocks_by_row?: ContentBlocksByRow;
   on_query_change?: (new_query?: string | undefined, old_query?: string | undefined) => void;
-  extra_depict_options?: {
-    recommendations_cols_at_size?: SDKColsAtSize;
-  };
+  filterModalParent_?: HTMLElement | ShadowRoot;
 }): import("@depict-ai/utilishared").Node_Array;
 /**
  * Connects the height of the search field to the height of the aligner.
@@ -1456,5 +1454,6 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   on_listing_query_change?: (new_listing_query?: ListingQuery | undefined, old_listing_query?: ListingQuery | undefined) => void;
   content_blocks_by_row?: ContentBlocksByRow;
   layout?: PossibleLayout;
+  filterModalParent_?: HTMLElement | ShadowRoot;
 }): import("@depict-ai/utilishared/latest").Node_Array;
 export type { SearchFilter } from "@depict-ai/types/api/SearchRequestV3";

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 = "4.2.1";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.3.0";
 const $a9c7ba6087881ac2$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -2685,10 +2685,6 @@ function $584c06c09cf4609d$export$b94867ecbd698f21(_ref) {
 }
 function $e56d241d0f33d459$export$fe334901e8bebd57() {
   const cleanup_fns = [];
-  $b8hua$dlog("DISABLING SCROLLING");
-  $b8hua$onCleanup(() => {
-    console.log("RE-ENABLING SCROLLING");
-  });
   const cleanup = () => cleanup_fns.forEach(f => f());
   // use an animation to automatically retain the `overflow` values and all other styling
   for (const element of [document.documentElement, document.body]) {
@@ -10072,7 +10068,8 @@ function $7396052a1484264f$export$d7841e452f2e59a8(_ref) {
     selected_filters_: selected_filters_,
     local_filter_cache_: local_filter_cache_,
     get_extra_filters_button_: get_extra_filters_button_,
-    get_extra_sorting_button_: get_extra_sorting_button_
+    get_extra_sorting_button_: get_extra_sorting_button_,
+    filterModalParent_: filterModalParent_
   } = _ref;
   const Self = () => {
     // This could technically be in SearchPage and CategoryPage and would be better suited there since it writes into local_filter_cache_ which i.e. SelectedFilters uses, but it's better suited here IMO due to DRY and being inside the correct error boundary here
@@ -10199,7 +10196,7 @@ function $7396052a1484264f$export$d7841e452f2e59a8(_ref) {
         formatted_number_of_results_: formatted_number_of_results_,
         dismiss_modal_: dismiss_modal_,
         i18n_: i18n_
-      }));
+      }, filterModalParent_));
       const {
         remove: remove
       } = $b8hua$javascript_media_query("(max-width:651px)", _ref3 => {
@@ -11069,7 +11066,6 @@ function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
     market_: market_,
     showing_recommendation_rows_: showing_recommendation_rows_,
     layout_options_: layout_options_,
-    recommendations_layout_options_: recommendations_layout_options_,
     scroll_restoration_data_: scroll_restoration_data_,
     product_card_template_: product_card_template_,
     modalAlignmentSignalsRef_: modalAlignmentSignalsRef_,
@@ -11079,7 +11075,8 @@ function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
     content_search_enabled_: content_search_enabled_,
     content_blocks_by_row_: content_blocks_by_row_,
     modalVersionUsed_: modalVersionUsed_,
-    BackIcon_: BackIcon_
+    BackIcon_: BackIcon_,
+    filterModalParent_: filterModalParent_
   } = _ref;
   const [get_sorting] = current_sorting_;
   const all_products_loaded_ = $b8hua$createSignal(false);
@@ -11200,7 +11197,8 @@ function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
     formatted_number_of_results_: formatted_number_of_results_,
     local_filter_cache_: local_filter_cache_,
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-    number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_
+    number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
+    filterModalParent_: filterModalParent_
   });
   const results_filters = $b8hua$createSignal();
   const owner = $b8hua$getOwner();
@@ -11423,12 +11421,7 @@ function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
             depict_api_: depict_api_,
             i18n_: i18n_,
             search_query_base_: search_query_base_,
-            get layout_options_() {
-              return $b8hua$createMemo(() => {
-                var _recommendations_layo;
-                return (_recommendations_layo = recommendations_layout_options_ === null || recommendations_layout_options_ === void 0 ? void 0 : recommendations_layout_options_()) !== null && _recommendations_layo !== void 0 ? _recommendations_layo : layout_options_();
-              });
-            },
+            layout_options_: layout_options_,
             showing_recommendation_rows_: showing_recommendation_rows_,
             product_card_template_: product_card_template_,
             all_products_loaded_: get_all_products_loaded
@@ -11926,15 +11919,7 @@ function $eb064bc3350276c1$export$f2dc7e4e4aa11abb(props) {
         cols_at_size: $a9c7ba6087881ac2$export$6daf8749b65a1b77($3f7203368ad0d3ca$export$ff7109b9b2b206ba(props.cols_at_size)),
         ...grid_spacing_override()
       })),
-      recommendations_layout_options_: $b8hua$createMemo(() => {
-        const {
-          extra_depict_options: extra_depict_options
-        } = props;
-        return extra_depict_options !== null && extra_depict_options !== void 0 && extra_depict_options.recommendations_cols_at_size ? {
-          cols_at_size: $a9c7ba6087881ac2$export$6daf8749b65a1b77(extra_depict_options.recommendations_cols_at_size),
-          ...grid_spacing_override()
-        } : undefined;
-      }),
+      filterModalParent_: $b8hua$untrack(() => props.filterModalParent_),
       product_card_template_: product_card_template
     });
   }, "Entire SearchPage failed");
@@ -12806,7 +12791,8 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
     sorting_query_param_: sorting_query_param_,
     filter_query_param_prefix_: filter_query_param_prefix_,
-    content_blocks_by_row_: content_blocks_by_row_
+    content_blocks_by_row_: content_blocks_by_row_,
+    filterModalParent_: filterModalParent_
   } = _ref;
   let results_for;
   let only_show_filters_opener_;
@@ -12999,6 +12985,7 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     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_,
+    filterModalParent_: filterModalParent_,
     ...extra_sort_and_filter_args_
   });
   $b8hua$catchify1((0, $5e6abec0dab4e610$export$6e49da55e449af7c))({
@@ -13251,6 +13238,7 @@ function $8821a19349c36651$export$e2bf8ce7779e827e(props) {
       category_sorting_open_: category_sorting_open_,
       expanded_filters_: expanded_filters_,
       expanded_hierarchical_filters_: expanded_hierarchical_filters_,
+      filterModalParent_: $b8hua$untrack(() => props.filterModalParent_),
       selected_filters_: selected_filters_,
       sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
       content_blocks_by_row_: () => props.content_blocks_by_row,

package/server/latest/index.cjs

@@ -94,7 +94,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $1f4925833f07df29$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $1f4925833f07df29$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $14f289047713d67a$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "4.2.1";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.0";
 const $4e04be41243c3d80$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -2637,10 +2637,6 @@ function $66b8b9a9613c141d$export$b94867ecbd698f21({
 }
 function $ca1176b694a6ee2e$export$fe334901e8bebd57() {
   const cleanup_fns = [];
-  $5vyXB$depictaiutilishared.dlog("DISABLING SCROLLING");
-  $5vyXB$solidjs.onCleanup(() => {
-    console.log("RE-ENABLING SCROLLING");
-  });
   const cleanup = () => cleanup_fns.forEach(f => f());
   // use an animation to automatically retain the `overflow` values and all other styling
   for (const element of [document.documentElement, document.body]) {
@@ -9518,7 +9514,8 @@ function $f8f64d05c525825b$export$d7841e452f2e59a8({
   selected_filters_: selected_filters_,
   local_filter_cache_: local_filter_cache_,
   get_extra_filters_button_: get_extra_filters_button_,
-  get_extra_sorting_button_: get_extra_sorting_button_
+  get_extra_sorting_button_: get_extra_sorting_button_,
+  filterModalParent_: filterModalParent_
 }) {
   const Self = () => {
     // This could technically be in SearchPage and CategoryPage and would be better suited there since it writes into local_filter_cache_ which i.e. SelectedFilters uses, but it's better suited here IMO due to DRY and being inside the correct error boundary here
@@ -9630,7 +9627,7 @@ function $f8f64d05c525825b$export$d7841e452f2e59a8({
         formatted_number_of_results_: formatted_number_of_results_,
         dismiss_modal_: dismiss_modal_,
         i18n_: i18n_
-      }));
+      }, filterModalParent_));
       const {
         remove: remove
       } = $5vyXB$depictaiutilishared.javascript_media_query("(max-width:651px)", ({
@@ -10451,7 +10448,6 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
   market_: market_,
   showing_recommendation_rows_: showing_recommendation_rows_,
   layout_options_: layout_options_,
-  recommendations_layout_options_: recommendations_layout_options_,
   scroll_restoration_data_: scroll_restoration_data_,
   product_card_template_: product_card_template_,
   modalAlignmentSignalsRef_: modalAlignmentSignalsRef_,
@@ -10461,7 +10457,8 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
   content_search_enabled_: content_search_enabled_,
   content_blocks_by_row_: content_blocks_by_row_,
   modalVersionUsed_: modalVersionUsed_,
-  BackIcon_: BackIcon_
+  BackIcon_: BackIcon_,
+  filterModalParent_: filterModalParent_
 }) {
   const [get_sorting] = current_sorting_;
   const all_products_loaded_ = $5vyXB$solidjs.createSignal(false);
@@ -10567,7 +10564,8 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
     formatted_number_of_results_: formatted_number_of_results_,
     local_filter_cache_: local_filter_cache_,
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-    number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_
+    number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
+    filterModalParent_: filterModalParent_
   });
   const results_filters = $5vyXB$solidjs.createSignal();
   const owner = $5vyXB$solidjs.getOwner();
@@ -10785,9 +10783,7 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
             depict_api_: depict_api_,
             i18n_: i18n_,
             search_query_base_: search_query_base_,
-            get layout_options_() {
-              return $5vyXB$solidjs.createMemo(() => recommendations_layout_options_?.() ?? layout_options_());
-            },
+            layout_options_: layout_options_,
             showing_recommendation_rows_: showing_recommendation_rows_,
             product_card_template_: product_card_template_,
             all_products_loaded_: get_all_products_loaded
@@ -11195,15 +11191,7 @@ function $2c61e4cd8229c49a$export$f2dc7e4e4aa11abb(props) {
         cols_at_size: $4e04be41243c3d80$export$6daf8749b65a1b77($ab7c6c7911bae2f5$export$ff7109b9b2b206ba(props.cols_at_size)),
         ...grid_spacing_override()
       })),
-      recommendations_layout_options_: $5vyXB$solidjs.createMemo(() => {
-        const {
-          extra_depict_options: extra_depict_options
-        } = props;
-        return extra_depict_options?.recommendations_cols_at_size ? {
-          cols_at_size: $4e04be41243c3d80$export$6daf8749b65a1b77(extra_depict_options.recommendations_cols_at_size),
-          ...grid_spacing_override()
-        } : undefined;
-      }),
+      filterModalParent_: $5vyXB$solidjs.untrack(() => props.filterModalParent_),
       product_card_template_: product_card_template
     });
   }, "Entire SearchPage failed");
@@ -11957,7 +11945,8 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
   sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
   sorting_query_param_: sorting_query_param_,
   filter_query_param_prefix_: filter_query_param_prefix_,
-  content_blocks_by_row_: content_blocks_by_row_
+  content_blocks_by_row_: content_blocks_by_row_,
+  filterModalParent_: filterModalParent_
 }) {
   let results_for;
   let only_show_filters_opener_;
@@ -12125,6 +12114,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
     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_,
+    filterModalParent_: filterModalParent_,
     ...extra_sort_and_filter_args_
   });
   $5vyXB$depictaiutilisharedlatest.catchify((0, $276380e4607fb9fb$export$6e49da55e449af7c))({
@@ -12366,6 +12356,7 @@ function $14f289047713d67a$export$e2bf8ce7779e827e(props) {
       category_sorting_open_: category_sorting_open_,
       expanded_filters_: expanded_filters_,
       expanded_hierarchical_filters_: expanded_hierarchical_filters_,
+      filterModalParent_: $5vyXB$solidjs.untrack(() => props.filterModalParent_),
       selected_filters_: selected_filters_,
       sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
       content_blocks_by_row_: () => props.content_blocks_by_row,

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 _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.2.1";
+export const version = "4.3.0";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -252,7 +252,7 @@ export function LooksSlider(props: {
   imagePlaceholderAspectRatio_: number | string;
   title_?: JSX.Element;
   FavoriteButton_?: (props: {
-    display_: ModernDisplay | null | undefined;
+    display_: Accessor<ModernDisplay | null | undefined>;
   }) => JSX.Element;
 }): HTMLDivElement;
 export const prefixes_to_preserve_in_history_dot_state: Set<string>;
@@ -1337,9 +1337,7 @@ export function SearchPage<OriginalDisplay extends Display, TransformedDisplay e
   product_card_template: ProductCardTemplate<[TransformedDisplay] extends [never] ? OriginalDisplay : ModernDisplayWithPageUrl<TransformedDisplay>>;
   content_blocks_by_row?: ContentBlocksByRow;
   on_query_change?: (new_query?: string | undefined, old_query?: string | undefined) => void;
-  extra_depict_options?: {
-    recommendations_cols_at_size?: SDKColsAtSize;
-  };
+  filterModalParent_?: HTMLElement | ShadowRoot;
 }): import("@depict-ai/utilishared").Node_Array;
 /**
  * Connects the height of the search field to the height of the aligner.
@@ -1456,5 +1454,6 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   on_listing_query_change?: (new_listing_query?: ListingQuery | undefined, old_listing_query?: ListingQuery | undefined) => void;
   content_blocks_by_row?: ContentBlocksByRow;
   layout?: PossibleLayout;
+  filterModalParent_?: HTMLElement | ShadowRoot;
 }): import("@depict-ai/utilishared/latest").Node_Array;
 export type { SearchFilter } from "@depict-ai/types/api/SearchRequestV3";

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 = "4.2.1";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.3.0";
 const $b5cccc8ee7d24677$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -2550,10 +2550,6 @@ function $5285d2814d0fac0c$export$b94867ecbd698f21({
 }
 function $aea1edf92433e81e$export$fe334901e8bebd57() {
   const cleanup_fns = [];
-  $i7OB2$dlog("DISABLING SCROLLING");
-  $i7OB2$onCleanup(() => {
-    console.log("RE-ENABLING SCROLLING");
-  });
   const cleanup = () => cleanup_fns.forEach(f => f());
   // use an animation to automatically retain the `overflow` values and all other styling
   for (const element of [document.documentElement, document.body]) {
@@ -9431,7 +9427,8 @@ function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({
   selected_filters_: selected_filters_,
   local_filter_cache_: local_filter_cache_,
   get_extra_filters_button_: get_extra_filters_button_,
-  get_extra_sorting_button_: get_extra_sorting_button_
+  get_extra_sorting_button_: get_extra_sorting_button_,
+  filterModalParent_: filterModalParent_
 }) {
   const Self = () => {
     // This could technically be in SearchPage and CategoryPage and would be better suited there since it writes into local_filter_cache_ which i.e. SelectedFilters uses, but it's better suited here IMO due to DRY and being inside the correct error boundary here
@@ -9543,7 +9540,7 @@ function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({
         formatted_number_of_results_: formatted_number_of_results_,
         dismiss_modal_: dismiss_modal_,
         i18n_: i18n_
-      }));
+      }, filterModalParent_));
       const {
         remove: remove
       } = $i7OB2$javascript_media_query("(max-width:651px)", ({
@@ -10364,7 +10361,6 @@ function $7097477c78a89208$export$a54ec244c8863715({
   market_: market_,
   showing_recommendation_rows_: showing_recommendation_rows_,
   layout_options_: layout_options_,
-  recommendations_layout_options_: recommendations_layout_options_,
   scroll_restoration_data_: scroll_restoration_data_,
   product_card_template_: product_card_template_,
   modalAlignmentSignalsRef_: modalAlignmentSignalsRef_,
@@ -10374,7 +10370,8 @@ function $7097477c78a89208$export$a54ec244c8863715({
   content_search_enabled_: content_search_enabled_,
   content_blocks_by_row_: content_blocks_by_row_,
   modalVersionUsed_: modalVersionUsed_,
-  BackIcon_: BackIcon_
+  BackIcon_: BackIcon_,
+  filterModalParent_: filterModalParent_
 }) {
   const [get_sorting] = current_sorting_;
   const all_products_loaded_ = $i7OB2$createSignal(false);
@@ -10480,7 +10477,8 @@ function $7097477c78a89208$export$a54ec244c8863715({
     formatted_number_of_results_: formatted_number_of_results_,
     local_filter_cache_: local_filter_cache_,
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-    number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_
+    number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
+    filterModalParent_: filterModalParent_
   });
   const results_filters = $i7OB2$createSignal();
   const owner = $i7OB2$getOwner();
@@ -10698,9 +10696,7 @@ function $7097477c78a89208$export$a54ec244c8863715({
             depict_api_: depict_api_,
             i18n_: i18n_,
             search_query_base_: search_query_base_,
-            get layout_options_() {
-              return $i7OB2$createMemo(() => recommendations_layout_options_?.() ?? layout_options_());
-            },
+            layout_options_: layout_options_,
             showing_recommendation_rows_: showing_recommendation_rows_,
             product_card_template_: product_card_template_,
             all_products_loaded_: get_all_products_loaded
@@ -11108,15 +11104,7 @@ function $806c97b931758897$export$f2dc7e4e4aa11abb(props) {
         cols_at_size: $b5cccc8ee7d24677$export$6daf8749b65a1b77($1848f7cca286fbab$export$ff7109b9b2b206ba(props.cols_at_size)),
         ...grid_spacing_override()
       })),
-      recommendations_layout_options_: $i7OB2$createMemo(() => {
-        const {
-          extra_depict_options: extra_depict_options
-        } = props;
-        return extra_depict_options?.recommendations_cols_at_size ? {
-          cols_at_size: $b5cccc8ee7d24677$export$6daf8749b65a1b77(extra_depict_options.recommendations_cols_at_size),
-          ...grid_spacing_override()
-        } : undefined;
-      }),
+      filterModalParent_: $i7OB2$untrack(() => props.filterModalParent_),
       product_card_template_: product_card_template
     });
   }, "Entire SearchPage failed");
@@ -11870,7 +11858,8 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
   sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
   sorting_query_param_: sorting_query_param_,
   filter_query_param_prefix_: filter_query_param_prefix_,
-  content_blocks_by_row_: content_blocks_by_row_
+  content_blocks_by_row_: content_blocks_by_row_,
+  filterModalParent_: filterModalParent_
 }) {
   let results_for;
   let only_show_filters_opener_;
@@ -12038,6 +12027,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
     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_,
+    filterModalParent_: filterModalParent_,
     ...extra_sort_and_filter_args_
   });
   $i7OB2$catchify1((0, $641bba2917fe862b$export$6e49da55e449af7c))({
@@ -12279,6 +12269,7 @@ function $442f32a4d80abbde$export$e2bf8ce7779e827e(props) {
       category_sorting_open_: category_sorting_open_,
       expanded_filters_: expanded_filters_,
       expanded_hierarchical_filters_: expanded_hierarchical_filters_,
+      filterModalParent_: $i7OB2$untrack(() => props.filterModalParent_),
       selected_filters_: selected_filters_,
       sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
       content_blocks_by_row_: () => props.content_blocks_by_row,