@depict-ai/ui 4.9.8 → 4.10.0

package/server/ES10/index.cjs

@@ -115,7 +115,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.9.8";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.10.0";
 function $3e17e871e9d0911d$export$d9f36cf74e24d595(media_query) {
   const signal = $3hooq$solidjs.createSignal(false);
   $3hooq$solidjs.onCleanup($3hooq$depictaiutilishared.javascript_media_query(media_query, _ref => {
@@ -4265,11 +4265,29 @@ function $164d474fea221d77$export$3f1a388cc0d8fed7(props) {
 }
 function $164d474fea221d77$var$ActualFilterBody(props) {
   const [modified_available_filters_with_selected_unexisting_ones_injected_from_local_state] = props.local_filter_cache_;
-  const togglable_filters = $3hooq$solidjs.createMemo(() => modified_available_filters_with_selected_unexisting_ones_injected_from_local_state().filter(item => {
+  const withMaybeCount0Removed = $3hooq$solidjs.createMemo(() => {
+    const filters = modified_available_filters_with_selected_unexisting_ones_injected_from_local_state();
+    if (!props.hideCount0FilterOptions_()) return filters;
+    return filters.map(filter => {
+      const oldMeta = filter.meta;
+      if (!oldMeta) return filter;
+      const modifiedMeta = {
+        ...oldMeta
+      };
+      if ("counts" in modifiedMeta)
+        // Remove all count 0 filter options, important that counts is last option
+        for (const key of ["names", "values", "swatches", "counts"]) modifiedMeta[key] && (modifiedMeta[key] = modifiedMeta[key].filter((_, index) => modifiedMeta.counts[index] !== 0));
+      return {
+        ...filter,
+        meta: modifiedMeta
+      };
+    });
+  });
+  const togglable_filters = $3hooq$solidjs.createMemo(() => withMaybeCount0Removed().filter(item => {
     var _item$meta;
     return item === null || item === void 0 ? void 0 : (_item$meta = item.meta) === null || _item$meta === void 0 ? void 0 : _item$meta.group_title;
   }));
-  const untogglable_filters = $3hooq$solidjs.createMemo(() => modified_available_filters_with_selected_unexisting_ones_injected_from_local_state().filter(item => {
+  const untogglable_filters = $3hooq$solidjs.createMemo(() => withMaybeCount0Removed().filter(item => {
     var _item$meta2;
     return !(item !== null && item !== void 0 && (_item$meta2 = item.meta) !== null && _item$meta2 !== void 0 && _item$meta2.group_title);
   }));
@@ -4294,9 +4312,7 @@ function $164d474fea221d77$var$ActualFilterBody(props) {
         },
         get children() {
           return (() => {
-            const filter_array_ = $3hooq$solidjs.createMemo(() => {
-              return Object.values(togglable_filters_grouped_by_collapsible())[get_section_index()];
-            });
+            const filter_array_ = $3hooq$solidjs.createMemo(() => Object.values(togglable_filters_grouped_by_collapsible())[get_section_index()]);
             const {
               SearchThisFilterGroup_: SearchThisFilterGroup_,
               searched_filter_array_: searched_filter_array_,
@@ -4990,7 +5006,8 @@ function $f70cc6dfcadf0fd5$export$d7841e452f2e59a8(_ref) {
     local_filter_cache_: local_filter_cache_,
     get_extra_filters_button_: get_extra_filters_button_,
     get_extra_sorting_button_: get_extra_sorting_button_,
-    filterModalParent_: filterModalParent_
+    filterModalParent_: filterModalParent_,
+    hideCount0FilterOptions_: hideCount0FilterOptions_
   } = _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
@@ -5025,7 +5042,8 @@ function $f70cc6dfcadf0fd5$export$d7841e452f2e59a8(_ref) {
       available_filters_: available_filters_,
       expanded_filters_: expanded_filters_,
       selected_filters_: selected_filters_,
-      i18n_: i18n_
+      i18n_: i18n_,
+      hideCount0FilterOptions_: hideCount0FilterOptions_
     };
     const hide_filters = $3hooq$solidjs.createMemo(() => $8b9c2fa4593b29df$export$50f68cc9882e36a4(filter_options));
     const sorting_options = {
@@ -6593,7 +6611,7 @@ function $f3db423dc84bc35d$export$140423fa4bfb6d63(props) {
     customUrls: $f3db423dc84bc35d$var$customUrls
   }));
 }
-var $c19709057a32b2e7$var$_tmpl$ = ["<video", ' muted="" autoplay="" playsinline="" loop class="d-standard-content"></video>'];
+var $c19709057a32b2e7$var$_tmpl$ = ["<video", ' muted="" autoplay="" playsinline="" loop="" disablepictureinpicture="true" class="d-standard-content"></video>'];
 function $c19709057a32b2e7$export$780a853d15174484(_ref) {
   let {
     link_: link_,
@@ -6784,7 +6802,8 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     filter_query_param_prefix_: filter_query_param_prefix_,
     content_blocks_by_row_: content_blocks_by_row_,
     filterModalParent_: filterModalParent_,
-    showSliderArrow_: showSliderArrow_
+    showSliderArrow_: showSliderArrow_,
+    hideCount0FilterOptions_: hideCount0FilterOptions_
   } = _ref;
   let results_for;
   let only_show_filters_opener_;
@@ -7006,6 +7025,7 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
     sort_and_filter_disabled_: sort_and_filter_disabled_,
     filterModalParent_: filterModalParent_,
+    hideCount0FilterOptions_: hideCount0FilterOptions_,
     ...extra_sort_and_filter_args_
   });
   $3hooq$depictaiutilisharedlatest.catchify((0, $fef4890f1f8e0544$export$6e49da55e449af7c))({
@@ -12740,7 +12760,8 @@ function $739c927cbecd26b0$export$a54ec244c8863715(_ref) {
     BackIcon_: BackIcon_,
     filterModalParent_: filterModalParent_,
     class_: class_,
-    showSliderArrow_: showSliderArrow_
+    showSliderArrow_: showSliderArrow_,
+    hideCount0FilterOptions_: hideCount0FilterOptions_
   } = _ref;
   const [get_sorting] = current_sorting_;
   const all_products_loaded_ = $3hooq$solidjs.createSignal(false);
@@ -12860,7 +12881,8 @@ function $739c927cbecd26b0$export$a54ec244c8863715(_ref) {
     local_filter_cache_: local_filter_cache_,
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
     number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
-    filterModalParent_: filterModalParent_
+    filterModalParent_: filterModalParent_,
+    hideCount0FilterOptions_: hideCount0FilterOptions_
   });
   const results_filters = $3hooq$solidjs.createSignal();
   const shouldActuallyShowInputField = $3hooq$solidjs.createMemo(() => {
@@ -13588,7 +13610,11 @@ function $ddd39c5f36f49703$export$f2dc7e4e4aa11abb(props) {
       })),
       filterModalParent_: $3hooq$solidjs.untrack(() => props.filterModalParent_),
       product_card_template_: product_card_template,
-      class_: () => props.class
+      class_: () => props.class,
+      hideCount0FilterOptions_: () => {
+        var _props$hideCount0Filt;
+        return (_props$hideCount0Filt = props.hideCount0FilterOptions_) !== null && _props$hideCount0Filt !== void 0 ? _props$hideCount0Filt : false;
+      }
     });
   }, "Entire SearchPage failed");
 }
@@ -14246,6 +14272,10 @@ function $c10e33c4681f8c9b$export$e2bf8ce7779e827e(props) {
       sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
       content_blocks_by_row_: () => props.content_blocks_by_row,
       showSliderArrow_: () => props.showSliderArrow_,
+      hideCount0FilterOptions_: () => {
+        var _props$hideCount0Filt;
+        return (_props$hideCount0Filt = props.hideCount0FilterOptions_) !== null && _props$hideCount0Filt !== void 0 ? _props$hideCount0Filt : false;
+      },
       scroll_restoration_data_: scroll_restoration_data_,
       history_content_blocks_: history_content_blocks_,
       layout_options_: $3hooq$solidjs.createMemo(() => ({

package/server/ES10/index.d.ts

@@ -11,7 +11,7 @@ import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { FeaturedInDisplay } from "@depict-ai/types/api/FeaturedInResponseV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.9.8";
+export const version = "4.10.0";
 /**
  * Use `javascript_media_query` but return a reactive accessor instead of taking a callback function
  */
@@ -1046,6 +1046,7 @@ interface FilterBodyProps {
     expanded_: boolean;
   }[]>;
   are_in_modal_?: boolean;
+  hideCount0FilterOptions_: Accessor<boolean>;
 }
 export function FilterBody(props: FilterBodyProps): JSX.Element;
 /**
@@ -1500,6 +1501,7 @@ export function SearchPage<OriginalDisplay extends Display, TransformedDisplay e
   filterModalParent_?: HTMLElement | ShadowRoot;
   class?: string;
   showSliderArrow_?: boolean;
+  hideCount0FilterOptions_?: boolean;
 }): import("@depict-ai/utilishared").Node_Array;
 /**
  * Connects the height of the search field to the height of the aligner.
@@ -1539,7 +1541,7 @@ type OpenModalParams<OriginalDisplay extends Display, OutputDisplay extends Mode
  * Open the modal with support for alignment.
  * @returns {void}
  */
-export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends unknown>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
+export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends ModernDisplay>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
 export function open_search_with_shift_slash(open_search: VoidFunction): () => void;
 export interface PageReplacer {
   readonly render_: () => Node_Array;
@@ -1619,5 +1621,6 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   layout?: PossibleLayout;
   filterModalParent_?: HTMLElement | ShadowRoot;
   showSliderArrow_?: boolean;
-}): import("@depict-ai/utilishared").Node_Array;
+  hideCount0FilterOptions_?: boolean;
+}): 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 $b8hua$babelruntimehelpersclassPrivateFieldGet from "@babel/runtime/helpe
 /*! 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.9.8";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.10.0";
 function $00a5b94f0c11efbb$export$d9f36cf74e24d595(media_query) {
   const signal = $b8hua$createSignal(false);
   $b8hua$onCleanup($b8hua$javascript_media_query(media_query, _ref => {
@@ -4160,11 +4160,29 @@ function $f6b0500577e1b210$export$3f1a388cc0d8fed7(props) {
 }
 function $f6b0500577e1b210$var$ActualFilterBody(props) {
   const [modified_available_filters_with_selected_unexisting_ones_injected_from_local_state] = props.local_filter_cache_;
-  const togglable_filters = $b8hua$createMemo(() => modified_available_filters_with_selected_unexisting_ones_injected_from_local_state().filter(item => {
+  const withMaybeCount0Removed = $b8hua$createMemo(() => {
+    const filters = modified_available_filters_with_selected_unexisting_ones_injected_from_local_state();
+    if (!props.hideCount0FilterOptions_()) return filters;
+    return filters.map(filter => {
+      const oldMeta = filter.meta;
+      if (!oldMeta) return filter;
+      const modifiedMeta = {
+        ...oldMeta
+      };
+      if ("counts" in modifiedMeta)
+        // Remove all count 0 filter options, important that counts is last option
+        for (const key of ["names", "values", "swatches", "counts"]) modifiedMeta[key] && (modifiedMeta[key] = modifiedMeta[key].filter((_, index) => modifiedMeta.counts[index] !== 0));
+      return {
+        ...filter,
+        meta: modifiedMeta
+      };
+    });
+  });
+  const togglable_filters = $b8hua$createMemo(() => withMaybeCount0Removed().filter(item => {
     var _item$meta;
     return item === null || item === void 0 ? void 0 : (_item$meta = item.meta) === null || _item$meta === void 0 ? void 0 : _item$meta.group_title;
   }));
-  const untogglable_filters = $b8hua$createMemo(() => modified_available_filters_with_selected_unexisting_ones_injected_from_local_state().filter(item => {
+  const untogglable_filters = $b8hua$createMemo(() => withMaybeCount0Removed().filter(item => {
     var _item$meta2;
     return !(item !== null && item !== void 0 && (_item$meta2 = item.meta) !== null && _item$meta2 !== void 0 && _item$meta2.group_title);
   }));
@@ -4189,9 +4207,7 @@ function $f6b0500577e1b210$var$ActualFilterBody(props) {
         },
         get children() {
           return (() => {
-            const filter_array_ = $b8hua$createMemo(() => {
-              return Object.values(togglable_filters_grouped_by_collapsible())[get_section_index()];
-            });
+            const filter_array_ = $b8hua$createMemo(() => Object.values(togglable_filters_grouped_by_collapsible())[get_section_index()]);
             const {
               SearchThisFilterGroup_: SearchThisFilterGroup_,
               searched_filter_array_: searched_filter_array_,
@@ -4885,7 +4901,8 @@ function $7396052a1484264f$export$d7841e452f2e59a8(_ref) {
     local_filter_cache_: local_filter_cache_,
     get_extra_filters_button_: get_extra_filters_button_,
     get_extra_sorting_button_: get_extra_sorting_button_,
-    filterModalParent_: filterModalParent_
+    filterModalParent_: filterModalParent_,
+    hideCount0FilterOptions_: hideCount0FilterOptions_
   } = _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
@@ -4920,7 +4937,8 @@ function $7396052a1484264f$export$d7841e452f2e59a8(_ref) {
       available_filters_: available_filters_,
       expanded_filters_: expanded_filters_,
       selected_filters_: selected_filters_,
-      i18n_: i18n_
+      i18n_: i18n_,
+      hideCount0FilterOptions_: hideCount0FilterOptions_
     };
     const hide_filters = $b8hua$createMemo(() => $6fcb97029a69ec44$export$50f68cc9882e36a4(filter_options));
     const sorting_options = {
@@ -6488,7 +6506,7 @@ function $98688279b9059f50$export$140423fa4bfb6d63(props) {
     customUrls: $98688279b9059f50$var$customUrls
   }));
 }
-var $3b772ef9a35560fe$var$_tmpl$ = ["<video", ' muted="" autoplay="" playsinline="" loop class="d-standard-content"></video>'];
+var $3b772ef9a35560fe$var$_tmpl$ = ["<video", ' muted="" autoplay="" playsinline="" loop="" disablepictureinpicture="true" class="d-standard-content"></video>'];
 function $3b772ef9a35560fe$export$780a853d15174484(_ref) {
   let {
     link_: link_,
@@ -6679,7 +6697,8 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     filter_query_param_prefix_: filter_query_param_prefix_,
     content_blocks_by_row_: content_blocks_by_row_,
     filterModalParent_: filterModalParent_,
-    showSliderArrow_: showSliderArrow_
+    showSliderArrow_: showSliderArrow_,
+    hideCount0FilterOptions_: hideCount0FilterOptions_
   } = _ref;
   let results_for;
   let only_show_filters_opener_;
@@ -6901,6 +6920,7 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
     sort_and_filter_disabled_: sort_and_filter_disabled_,
     filterModalParent_: filterModalParent_,
+    hideCount0FilterOptions_: hideCount0FilterOptions_,
     ...extra_sort_and_filter_args_
   });
   $b8hua$catchify((0, $5e6abec0dab4e610$export$6e49da55e449af7c))({
@@ -12635,7 +12655,8 @@ function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
     BackIcon_: BackIcon_,
     filterModalParent_: filterModalParent_,
     class_: class_,
-    showSliderArrow_: showSliderArrow_
+    showSliderArrow_: showSliderArrow_,
+    hideCount0FilterOptions_: hideCount0FilterOptions_
   } = _ref;
   const [get_sorting] = current_sorting_;
   const all_products_loaded_ = $b8hua$createSignal(false);
@@ -12755,7 +12776,8 @@ function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
     local_filter_cache_: local_filter_cache_,
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
     number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
-    filterModalParent_: filterModalParent_
+    filterModalParent_: filterModalParent_,
+    hideCount0FilterOptions_: hideCount0FilterOptions_
   });
   const results_filters = $b8hua$createSignal();
   const shouldActuallyShowInputField = $b8hua$createMemo(() => {
@@ -13483,7 +13505,11 @@ function $eb064bc3350276c1$export$f2dc7e4e4aa11abb(props) {
       })),
       filterModalParent_: $b8hua$untrack(() => props.filterModalParent_),
       product_card_template_: product_card_template,
-      class_: () => props.class
+      class_: () => props.class,
+      hideCount0FilterOptions_: () => {
+        var _props$hideCount0Filt;
+        return (_props$hideCount0Filt = props.hideCount0FilterOptions_) !== null && _props$hideCount0Filt !== void 0 ? _props$hideCount0Filt : false;
+      }
     });
   }, "Entire SearchPage failed");
 }
@@ -14141,6 +14167,10 @@ function $8821a19349c36651$export$e2bf8ce7779e827e(props) {
       sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
       content_blocks_by_row_: () => props.content_blocks_by_row,
       showSliderArrow_: () => props.showSliderArrow_,
+      hideCount0FilterOptions_: () => {
+        var _props$hideCount0Filt;
+        return (_props$hideCount0Filt = props.hideCount0FilterOptions_) !== null && _props$hideCount0Filt !== void 0 ? _props$hideCount0Filt : false;
+      },
       scroll_restoration_data_: scroll_restoration_data_,
       history_content_blocks_: history_content_blocks_,
       layout_options_: $b8hua$createMemo(() => ({

package/server/latest/index.cjs

@@ -109,7 +109,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.9.8";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.10.0";
 function $b54e6192d0caa293$export$d9f36cf74e24d595(media_query) {
   const signal = $5vyXB$solidjs.createSignal(false);
   $5vyXB$solidjs.onCleanup($5vyXB$depictaiutilishared.javascript_media_query(media_query, ({
@@ -4037,8 +4037,26 @@ function $aff9a96d30ed3563$export$3f1a388cc0d8fed7(props) {
 }
 function $aff9a96d30ed3563$var$ActualFilterBody(props) {
   const [modified_available_filters_with_selected_unexisting_ones_injected_from_local_state] = props.local_filter_cache_;
-  const togglable_filters = $5vyXB$solidjs.createMemo(() => modified_available_filters_with_selected_unexisting_ones_injected_from_local_state().filter(item => item?.meta?.group_title));
-  const untogglable_filters = $5vyXB$solidjs.createMemo(() => modified_available_filters_with_selected_unexisting_ones_injected_from_local_state().filter(item => !item?.meta?.group_title));
+  const withMaybeCount0Removed = $5vyXB$solidjs.createMemo(() => {
+    const filters = modified_available_filters_with_selected_unexisting_ones_injected_from_local_state();
+    if (!props.hideCount0FilterOptions_()) return filters;
+    return filters.map(filter => {
+      const oldMeta = filter.meta;
+      if (!oldMeta) return filter;
+      const modifiedMeta = {
+        ...oldMeta
+      };
+      if ("counts" in modifiedMeta)
+        // Remove all count 0 filter options, important that counts is last option
+        for (const key of ["names", "values", "swatches", "counts"]) modifiedMeta[key] &&= modifiedMeta[key].filter((_, index) => modifiedMeta.counts[index] !== 0);
+      return {
+        ...filter,
+        meta: modifiedMeta
+      };
+    });
+  });
+  const togglable_filters = $5vyXB$solidjs.createMemo(() => withMaybeCount0Removed().filter(item => item?.meta?.group_title));
+  const untogglable_filters = $5vyXB$solidjs.createMemo(() => withMaybeCount0Removed().filter(item => !item?.meta?.group_title));
   const togglable_filters_grouped_by_collapsible = $5vyXB$solidjs.createMemo(() => {
     const output = {};
     for (const filter of togglable_filters()) {
@@ -4059,9 +4077,7 @@ function $aff9a96d30ed3563$var$ActualFilterBody(props) {
         },
         get children() {
           return (() => {
-            const filter_array_ = $5vyXB$solidjs.createMemo(() => {
-              return Object.values(togglable_filters_grouped_by_collapsible())[get_section_index()];
-            });
+            const filter_array_ = $5vyXB$solidjs.createMemo(() => Object.values(togglable_filters_grouped_by_collapsible())[get_section_index()]);
             const {
               SearchThisFilterGroup_: SearchThisFilterGroup_,
               searched_filter_array_: searched_filter_array_,
@@ -4693,7 +4709,8 @@ function $f8f64d05c525825b$export$d7841e452f2e59a8({
   local_filter_cache_: local_filter_cache_,
   get_extra_filters_button_: get_extra_filters_button_,
   get_extra_sorting_button_: get_extra_sorting_button_,
-  filterModalParent_: filterModalParent_
+  filterModalParent_: filterModalParent_,
+  hideCount0FilterOptions_: hideCount0FilterOptions_
 }) {
   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
@@ -4724,7 +4741,8 @@ function $f8f64d05c525825b$export$d7841e452f2e59a8({
       available_filters_: available_filters_,
       expanded_filters_: expanded_filters_,
       selected_filters_: selected_filters_,
-      i18n_: i18n_
+      i18n_: i18n_,
+      hideCount0FilterOptions_: hideCount0FilterOptions_
     };
     const hide_filters = $5vyXB$solidjs.createMemo(() => $7e91f9b0c6d56424$export$50f68cc9882e36a4(filter_options));
     const sorting_options = {
@@ -6215,7 +6233,7 @@ function $d212a67662c5cf38$export$140423fa4bfb6d63(props) {
     customUrls: $d212a67662c5cf38$var$customUrls
   }));
 }
-var $32c662f618f5d80d$var$_tmpl$ = ["<video", ' muted="" autoplay="" playsinline="" loop class="d-standard-content"></video>'];
+var $32c662f618f5d80d$var$_tmpl$ = ["<video", ' muted="" autoplay="" playsinline="" loop="" disablepictureinpicture="true" class="d-standard-content"></video>'];
 function $32c662f618f5d80d$export$780a853d15174484({
   link_: link_,
   type_: type_,
@@ -6395,7 +6413,8 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
   filter_query_param_prefix_: filter_query_param_prefix_,
   content_blocks_by_row_: content_blocks_by_row_,
   filterModalParent_: filterModalParent_,
-  showSliderArrow_: showSliderArrow_
+  showSliderArrow_: showSliderArrow_,
+  hideCount0FilterOptions_: hideCount0FilterOptions_
 }) {
   let results_for;
   let only_show_filters_opener_;
@@ -6599,6 +6618,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
     number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
     sort_and_filter_disabled_: sort_and_filter_disabled_,
     filterModalParent_: filterModalParent_,
+    hideCount0FilterOptions_: hideCount0FilterOptions_,
     ...extra_sort_and_filter_args_
   });
   $5vyXB$depictaiutilisharedlatest.catchify((0, $276380e4607fb9fb$export$6e49da55e449af7c))({
@@ -11945,7 +11965,8 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
   BackIcon_: BackIcon_,
   filterModalParent_: filterModalParent_,
   class_: class_,
-  showSliderArrow_: showSliderArrow_
+  showSliderArrow_: showSliderArrow_,
+  hideCount0FilterOptions_: hideCount0FilterOptions_
 }) {
   const [get_sorting] = current_sorting_;
   const all_products_loaded_ = $5vyXB$solidjs.createSignal(false);
@@ -12053,7 +12074,8 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
     local_filter_cache_: local_filter_cache_,
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
     number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
-    filterModalParent_: filterModalParent_
+    filterModalParent_: filterModalParent_,
+    hideCount0FilterOptions_: hideCount0FilterOptions_
   });
   const results_filters = $5vyXB$solidjs.createSignal();
   const shouldActuallyShowInputField = $5vyXB$solidjs.createMemo(() => include_input_field_?.() ?? true); // default to showing input field
@@ -12687,7 +12709,8 @@ function $2c61e4cd8229c49a$export$f2dc7e4e4aa11abb(props) {
       })),
       filterModalParent_: $5vyXB$solidjs.untrack(() => props.filterModalParent_),
       product_card_template_: product_card_template,
-      class_: () => props.class
+      class_: () => props.class,
+      hideCount0FilterOptions_: () => props.hideCount0FilterOptions_ ?? false
     });
   }, "Entire SearchPage failed");
 }
@@ -13241,6 +13264,7 @@ function $14f289047713d67a$export$e2bf8ce7779e827e(props) {
       sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
       content_blocks_by_row_: () => props.content_blocks_by_row,
       showSliderArrow_: () => props.showSliderArrow_,
+      hideCount0FilterOptions_: () => props.hideCount0FilterOptions_ ?? false,
       scroll_restoration_data_: scroll_restoration_data_,
       history_content_blocks_: history_content_blocks_,
       layout_options_: $5vyXB$solidjs.createMemo(() => ({

package/server/latest/index.d.ts

@@ -11,7 +11,7 @@ import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { FeaturedInDisplay } from "@depict-ai/types/api/FeaturedInResponseV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.9.8";
+export const version = "4.10.0";
 /**
  * Use `javascript_media_query` but return a reactive accessor instead of taking a callback function
  */
@@ -1046,6 +1046,7 @@ interface FilterBodyProps {
     expanded_: boolean;
   }[]>;
   are_in_modal_?: boolean;
+  hideCount0FilterOptions_: Accessor<boolean>;
 }
 export function FilterBody(props: FilterBodyProps): JSX.Element;
 /**
@@ -1500,6 +1501,7 @@ export function SearchPage<OriginalDisplay extends Display, TransformedDisplay e
   filterModalParent_?: HTMLElement | ShadowRoot;
   class?: string;
   showSliderArrow_?: boolean;
+  hideCount0FilterOptions_?: boolean;
 }): import("@depict-ai/utilishared").Node_Array;
 /**
  * Connects the height of the search field to the height of the aligner.
@@ -1539,7 +1541,7 @@ type OpenModalParams<OriginalDisplay extends Display, OutputDisplay extends Mode
  * Open the modal with support for alignment.
  * @returns {void}
  */
-export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends unknown>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
+export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends ModernDisplay>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
 export function open_search_with_shift_slash(open_search: VoidFunction): () => void;
 export interface PageReplacer {
   readonly render_: () => Node_Array;
@@ -1619,5 +1621,6 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   layout?: PossibleLayout;
   filterModalParent_?: HTMLElement | ShadowRoot;
   showSliderArrow_?: boolean;
-}): import("@depict-ai/utilishared").Node_Array;
+  hideCount0FilterOptions_?: boolean;
+}): 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.9.8";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.10.0";
 function $dc9262ef6f786812$export$d9f36cf74e24d595(media_query) {
   const signal = $i7OB2$createSignal(false);
   $i7OB2$onCleanup($i7OB2$javascript_media_query(media_query, ({
@@ -3935,8 +3935,26 @@ function $fab07f52c9861732$export$3f1a388cc0d8fed7(props) {
 }
 function $fab07f52c9861732$var$ActualFilterBody(props) {
   const [modified_available_filters_with_selected_unexisting_ones_injected_from_local_state] = props.local_filter_cache_;
-  const togglable_filters = $i7OB2$createMemo(() => modified_available_filters_with_selected_unexisting_ones_injected_from_local_state().filter(item => item?.meta?.group_title));
-  const untogglable_filters = $i7OB2$createMemo(() => modified_available_filters_with_selected_unexisting_ones_injected_from_local_state().filter(item => !item?.meta?.group_title));
+  const withMaybeCount0Removed = $i7OB2$createMemo(() => {
+    const filters = modified_available_filters_with_selected_unexisting_ones_injected_from_local_state();
+    if (!props.hideCount0FilterOptions_()) return filters;
+    return filters.map(filter => {
+      const oldMeta = filter.meta;
+      if (!oldMeta) return filter;
+      const modifiedMeta = {
+        ...oldMeta
+      };
+      if ("counts" in modifiedMeta)
+        // Remove all count 0 filter options, important that counts is last option
+        for (const key of ["names", "values", "swatches", "counts"]) modifiedMeta[key] &&= modifiedMeta[key].filter((_, index) => modifiedMeta.counts[index] !== 0);
+      return {
+        ...filter,
+        meta: modifiedMeta
+      };
+    });
+  });
+  const togglable_filters = $i7OB2$createMemo(() => withMaybeCount0Removed().filter(item => item?.meta?.group_title));
+  const untogglable_filters = $i7OB2$createMemo(() => withMaybeCount0Removed().filter(item => !item?.meta?.group_title));
   const togglable_filters_grouped_by_collapsible = $i7OB2$createMemo(() => {
     const output = {};
     for (const filter of togglable_filters()) {
@@ -3957,9 +3975,7 @@ function $fab07f52c9861732$var$ActualFilterBody(props) {
         },
         get children() {
           return (() => {
-            const filter_array_ = $i7OB2$createMemo(() => {
-              return Object.values(togglable_filters_grouped_by_collapsible())[get_section_index()];
-            });
+            const filter_array_ = $i7OB2$createMemo(() => Object.values(togglable_filters_grouped_by_collapsible())[get_section_index()]);
             const {
               SearchThisFilterGroup_: SearchThisFilterGroup_,
               searched_filter_array_: searched_filter_array_,
@@ -4591,7 +4607,8 @@ function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({
   local_filter_cache_: local_filter_cache_,
   get_extra_filters_button_: get_extra_filters_button_,
   get_extra_sorting_button_: get_extra_sorting_button_,
-  filterModalParent_: filterModalParent_
+  filterModalParent_: filterModalParent_,
+  hideCount0FilterOptions_: hideCount0FilterOptions_
 }) {
   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
@@ -4622,7 +4639,8 @@ function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({
       available_filters_: available_filters_,
       expanded_filters_: expanded_filters_,
       selected_filters_: selected_filters_,
-      i18n_: i18n_
+      i18n_: i18n_,
+      hideCount0FilterOptions_: hideCount0FilterOptions_
     };
     const hide_filters = $i7OB2$createMemo(() => $4cc1c021eee2a432$export$50f68cc9882e36a4(filter_options));
     const sorting_options = {
@@ -6113,7 +6131,7 @@ function $70bb27cc6be01fc7$export$140423fa4bfb6d63(props) {
     customUrls: $70bb27cc6be01fc7$var$customUrls
   }));
 }
-var $f916989c4b1be9f7$var$_tmpl$ = ["<video", ' muted="" autoplay="" playsinline="" loop class="d-standard-content"></video>'];
+var $f916989c4b1be9f7$var$_tmpl$ = ["<video", ' muted="" autoplay="" playsinline="" loop="" disablepictureinpicture="true" class="d-standard-content"></video>'];
 function $f916989c4b1be9f7$export$780a853d15174484({
   link_: link_,
   type_: type_,
@@ -6293,7 +6311,8 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
   filter_query_param_prefix_: filter_query_param_prefix_,
   content_blocks_by_row_: content_blocks_by_row_,
   filterModalParent_: filterModalParent_,
-  showSliderArrow_: showSliderArrow_
+  showSliderArrow_: showSliderArrow_,
+  hideCount0FilterOptions_: hideCount0FilterOptions_
 }) {
   let results_for;
   let only_show_filters_opener_;
@@ -6497,6 +6516,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
     number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
     sort_and_filter_disabled_: sort_and_filter_disabled_,
     filterModalParent_: filterModalParent_,
+    hideCount0FilterOptions_: hideCount0FilterOptions_,
     ...extra_sort_and_filter_args_
   });
   $i7OB2$catchify((0, $641bba2917fe862b$export$6e49da55e449af7c))({
@@ -11843,7 +11863,8 @@ function $7097477c78a89208$export$a54ec244c8863715({
   BackIcon_: BackIcon_,
   filterModalParent_: filterModalParent_,
   class_: class_,
-  showSliderArrow_: showSliderArrow_
+  showSliderArrow_: showSliderArrow_,
+  hideCount0FilterOptions_: hideCount0FilterOptions_
 }) {
   const [get_sorting] = current_sorting_;
   const all_products_loaded_ = $i7OB2$createSignal(false);
@@ -11951,7 +11972,8 @@ function $7097477c78a89208$export$a54ec244c8863715({
     local_filter_cache_: local_filter_cache_,
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
     number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
-    filterModalParent_: filterModalParent_
+    filterModalParent_: filterModalParent_,
+    hideCount0FilterOptions_: hideCount0FilterOptions_
   });
   const results_filters = $i7OB2$createSignal();
   const shouldActuallyShowInputField = $i7OB2$createMemo(() => include_input_field_?.() ?? true); // default to showing input field
@@ -12585,7 +12607,8 @@ function $806c97b931758897$export$f2dc7e4e4aa11abb(props) {
       })),
       filterModalParent_: $i7OB2$untrack(() => props.filterModalParent_),
       product_card_template_: product_card_template,
-      class_: () => props.class
+      class_: () => props.class,
+      hideCount0FilterOptions_: () => props.hideCount0FilterOptions_ ?? false
     });
   }, "Entire SearchPage failed");
 }
@@ -13139,6 +13162,7 @@ function $442f32a4d80abbde$export$e2bf8ce7779e827e(props) {
       sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
       content_blocks_by_row_: () => props.content_blocks_by_row,
       showSliderArrow_: () => props.showSliderArrow_,
+      hideCount0FilterOptions_: () => props.hideCount0FilterOptions_ ?? false,
       scroll_restoration_data_: scroll_restoration_data_,
       history_content_blocks_: history_content_blocks_,
       layout_options_: $i7OB2$createMemo(() => ({