@depict-ai/ui 4.9.8 → 4.10.0

package/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 = $gVhhF$solidjs.createSignal(false);
   $gVhhF$solidjs.onCleanup($gVhhF$depictaiutilishared.javascript_media_query(media_query, ({
@@ -4946,8 +4946,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 = $gVhhF$solidjs.createMemo(() => modified_available_filters_with_selected_unexisting_ones_injected_from_local_state().filter(item => item?.meta?.group_title));
-  const untogglable_filters = $gVhhF$solidjs.createMemo(() => modified_available_filters_with_selected_unexisting_ones_injected_from_local_state().filter(item => !item?.meta?.group_title));
+  const withMaybeCount0Removed = $gVhhF$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 = $gVhhF$solidjs.createMemo(() => withMaybeCount0Removed().filter(item => item?.meta?.group_title));
+  const untogglable_filters = $gVhhF$solidjs.createMemo(() => withMaybeCount0Removed().filter(item => !item?.meta?.group_title));
   const togglable_filters_grouped_by_collapsible = $gVhhF$solidjs.createMemo(() => {
     const output = {};
     for (const filter of togglable_filters()) {
@@ -4968,9 +4986,7 @@ function $aff9a96d30ed3563$var$ActualFilterBody(props) {
         },
         get children() {
           return (() => {
-            const filter_array_ = $gVhhF$solidjs.createMemo(() => {
-              return Object.values(togglable_filters_grouped_by_collapsible())[get_section_index()];
-            });
+            const filter_array_ = $gVhhF$solidjs.createMemo(() => Object.values(togglable_filters_grouped_by_collapsible())[get_section_index()]);
             const {
               SearchThisFilterGroup_: SearchThisFilterGroup_,
               searched_filter_array_: searched_filter_array_,
@@ -5929,7 +5945,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
@@ -5960,7 +5977,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 = $gVhhF$solidjs.createMemo(() => $7e91f9b0c6d56424$export$50f68cc9882e36a4(filter_options));
     const sorting_options = {
@@ -7603,7 +7621,7 @@ async function $20ff40266d725403$export$5d2f6cd705125cd3() {
   $20ff40266d725403$var$cachedHlsModule = hlsModule;
   return hlsModule;
 }
-var $32c662f618f5d80d$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<video loop class=d-standard-content>`);
+var $32c662f618f5d80d$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<video class=d-standard-content>`);
 function $32c662f618f5d80d$export$780a853d15174484({
   link_: link_,
   type_: type_,
@@ -7679,9 +7697,18 @@ function $32c662f618f5d80d$export$780a853d15174484({
                   hls.loadSource(mediaUrl_);
                   hls.attachMedia(element);
                 }
+                const [retryPlayToggle, setRetryPlayToggle] = $gVhhF$solidjs.createSignal(false);
                 // need runWithOwner for createEffect, because we potentially awaited above
                 $gVhhF$solidjs.runWithOwner(owner, () => $gVhhF$solidjs.createEffect(() => {
-                  if (pageVisible()) element.play().catch(e => $gVhhF$depictaiutilishared.dlog("Failed to play", e));else element.pause();
+                  retryPlayToggle();
+                  if (pageVisible()) element.play().catch(async e => {
+                    $gVhhF$depictaiutilishared.dlog("Failed to play", e);
+                    // If we're not in the DOM yet, wait until we are and then try again
+                    if (!document.documentElement.contains(element)) {
+                      await (0, $gVhhF$depictaiutilisharedlatest.observer).wait_for_element(element);
+                      setRetryPlayToggle(prev => !prev);
+                    }
+                  });else element.pause();
                 }));
               });
               typeof _ref$ === "function" && $gVhhF$solidjsweb.use(_ref$, _el$);
@@ -7691,6 +7718,8 @@ function $32c662f618f5d80d$export$780a853d15174484({
               $gVhhF$solidjsweb.setProperty(_el$, "muted", true);
               $gVhhF$solidjsweb.setProperty(_el$, "autoplay", true);
               $gVhhF$solidjsweb.setProperty(_el$, "playsinline", true);
+              $gVhhF$solidjsweb.setProperty(_el$, "loop", true);
+              $gVhhF$solidjsweb.setAttribute(_el$, "disablepictureinpicture", true);
               return _el$;
             }
           })];
@@ -7810,7 +7839,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_;
@@ -8024,6 +8054,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_
   });
   $gVhhF$depictaiutilisharedlatest.catchify((0, $276380e4607fb9fb$export$6e49da55e449af7c))({
@@ -10026,11 +10057,11 @@ function $1dbed937c406bdf0$export$e872e2339fb04a7f({
           searching_for_value_: searching_for_value_
         })), (() => {
           var _el$3 = $gVhhF$solidjsweb.getNextElement($1dbed937c406bdf0$var$_tmpl$3);
-          $gVhhF$solidjsweb.insert(_el$3, $gVhhF$solidjs.createMemo(() => {
+          $gVhhF$solidjsweb.insert(_el$3, () => $gVhhF$solidjs.createMemo(() => {
             if (input_obj().type === "content") return i18n_.content_();
             if (input_obj().listing_type === "brand") return i18n_.brand_();
             return i18n_.category_();
-          }));
+          })());
           return _el$3;
         })()];
       })());
@@ -10637,7 +10668,7 @@ function $66b8b9a9613c141d$export$b94867ecbd698f21({
       },
       get children() {
         var _el$4 = $gVhhF$solidjsweb.getNextElement($66b8b9a9613c141d$var$_tmpl$3);
-        $gVhhF$solidjsweb.effect(() => (getBackButtonWidth(), _el$4.style.setProperty("width", getBackButtonWidth() + "px")));
+        $gVhhF$solidjsweb.effect(_$p => (_$p = getBackButtonWidth() + "px", _el$4.style.setProperty("width", _$p)));
         return _el$4;
       }
     }), _el$13, _co$3);
@@ -11319,7 +11350,7 @@ function $83e616b38be339e4$export$c8d7e00464029b45({
           });
         }
       }), _el$4, _co$);
-      $gVhhF$solidjsweb.effect(() => itemIndex_() != null ? _el$.style.setProperty("order", itemIndex_()) : _el$.style.removeProperty("order"));
+      $gVhhF$solidjsweb.effect(_$p => (_$p = itemIndex_()) != null ? _el$.style.setProperty("order", _$p) : _el$.style.removeProperty("order"));
       return _el$;
     }
   });
@@ -11435,7 +11466,7 @@ function $a13dbcf80d79229c$export$d4994a86c6235f72({
           });
         }
       }));
-      $gVhhF$solidjsweb.effect(() => itemIndex_() != null ? _el$.style.setProperty("order", itemIndex_()) : _el$.style.removeProperty("order"));
+      $gVhhF$solidjsweb.effect(_$p => (_$p = itemIndex_()) != null ? _el$.style.setProperty("order", _$p) : _el$.style.removeProperty("order"));
       return _el$;
     }
   });
@@ -11864,7 +11895,7 @@ function $11597ae03e703a47$var$RawSearchModalV2({
             }),
             ...instant_results_options_
           }), _el$4, _co$);
-          $gVhhF$solidjsweb.effect(() => itemIndexes.instantResultsIndex_() != null ? _el$.style.setProperty("order", itemIndexes.instantResultsIndex_()) : _el$.style.removeProperty("order"));
+          $gVhhF$solidjsweb.effect(_$p => (_$p = itemIndexes.instantResultsIndex_()) != null ? _el$.style.setProperty("order", _$p) : _el$.style.removeProperty("order"));
           return _el$;
         }
       });
@@ -14244,7 +14275,7 @@ function $3716b8caf7f959e2$export$6d0c9c22f6652669({
         });
       }
     })), _el$5, _co$2);
-    $gVhhF$solidjsweb.effect(() => (is_loading_() && placeholders_enabled() || content_results()?.length, _el$.style.setProperty("display", is_loading_() && placeholders_enabled() || content_results()?.length > 0 ? "" : "none")));
+    $gVhhF$solidjsweb.effect(_$p => (_$p = is_loading_() && placeholders_enabled() || content_results()?.length > 0 ? "" : "none", _el$.style.setProperty("display", _$p)));
     return _el$;
   })();
 }
@@ -14530,7 +14561,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_ = $gVhhF$solidjs.createSignal(false);
@@ -14638,7 +14670,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 = $gVhhF$solidjs.createSignal();
   const shouldActuallyShowInputField = $gVhhF$solidjs.createMemo(() => include_input_field_?.() ?? true); // default to showing input field
@@ -15322,7 +15355,8 @@ function $2c61e4cd8229c49a$export$f2dc7e4e4aa11abb(props) {
       })),
       filterModalParent_: $gVhhF$solidjs.untrack(() => props.filterModalParent_),
       product_card_template_: product_card_template,
-      class_: () => props.class
+      class_: () => props.class,
+      hideCount0FilterOptions_: () => props.hideCount0FilterOptions_ ?? false
     });
   }, "Entire SearchPage failed");
 }
@@ -15885,6 +15919,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_: $gVhhF$solidjs.createMemo(() => ({

package/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/latest/index.js

@@ -1,13 +1,13 @@
 import { add_to_version_info as $9HbP8$add_to_version_info, javascript_media_query as $9HbP8$javascript_media_query, standard_price_format as $9HbP8$standard_price_format, catchify as $9HbP8$catchify1, observer as $9HbP8$observer, slider_fractional_factory as $9HbP8$slider_fractional_factory, report as $9HbP8$report1, dlog as $9HbP8$dlog, camelCasifyObject as $9HbP8$camelCasifyObject, make_random_classname as $9HbP8$make_random_classname, n_col_styling_with_dist as $9HbP8$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $9HbP8$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $9HbP8$layout_get_total_rec_amount_for_row, layout_media_query_header as $9HbP8$layout_media_query_header, dwarn as $9HbP8$dwarn, slider_fading_factory as $9HbP8$slider_fading_factory, Amazing_Slider as $9HbP8$Amazing_Slider, slider_snap_css as $9HbP8$slider_snap_css, useExpandingContainer as $9HbP8$useExpandingContainer, hex_to_rgb as $9HbP8$hex_to_rgb, relative_luminance_from_rgb as $9HbP8$relative_luminance_from_rgb, instant_exec_on_suspect_history_change as $9HbP8$instant_exec_on_suspect_history_change, base64_encode_unicode as $9HbP8$base64_encode_unicode, base64_decode_unicode as $9HbP8$base64_decode_unicode, queueMacroTask as $9HbP8$queueMacroTask, is_debug as $9HbP8$is_debug, findMostFrequentItem as $9HbP8$findMostFrequentItem, is_available_in as $9HbP8$is_available_in, fetch_retry as $9HbP8$fetch_retry, base_url as $9HbP8$base_url, deparallelize_no_drop as $9HbP8$deparallelize_no_drop, ContainedImage as $9HbP8$ContainedImage, buildThresholdList as $9HbP8$buildThresholdList, make_asyncIterable_exiter as $9HbP8$make_asyncIterable_exiter, href_change_ipns as $9HbP8$href_change_ipns, use_href_accessor as $9HbP8$use_href_accessor1, get_session_id as $9HbP8$get_session_id, add_version_query_params as $9HbP8$add_version_query_params, snakeCasifyObject as $9HbP8$snakeCasifyObject, sort_obj as $9HbP8$sort_obj, make_url_with_query_params as $9HbP8$make_url_with_query_params, insert_surfaces as $9HbP8$insert_surfaces } from "@depict-ai/utilishared/latest";
 import { template as $9HbP8$template, createComponent as $9HbP8$createComponent, getNextElement as $9HbP8$getNextElement, getNextMarker as $9HbP8$getNextMarker, insert as $9HbP8$insert, isServer as $9HbP8$isServer, use as $9HbP8$use, effect as $9HbP8$effect, setAttribute as $9HbP8$setAttribute, memo as $9HbP8$memo, mergeProps as $9HbP8$mergeProps1, addEventListener as $9HbP8$addEventListener, runHydrationEvents as $9HbP8$runHydrationEvents, delegateEvents as $9HbP8$delegateEvents, spread as $9HbP8$spread, classList as $9HbP8$classList, className as $9HbP8$className, style as $9HbP8$style, Dynamic as $9HbP8$Dynamic, setProperty as $9HbP8$setProperty } from "solid-js/web";
 import { createContext as $9HbP8$createContext, createSignal as $9HbP8$createSignal, getOwner as $9HbP8$getOwner, createResource as $9HbP8$createResource, untrack as $9HbP8$untrack, createRoot as $9HbP8$createRoot, createEffect as $9HbP8$createEffect, runWithOwner as $9HbP8$runWithOwner, onCleanup as $9HbP8$onCleanup, createMemo as $9HbP8$createMemo, Show as $9HbP8$Show, createComputed as $9HbP8$createComputed, createRenderEffect as $9HbP8$createRenderEffect, mergeProps as $9HbP8$mergeProps, useContext as $9HbP8$useContext, createReaction as $9HbP8$createReaction, on as $9HbP8$on, Suspense as $9HbP8$Suspense, ErrorBoundary as $9HbP8$ErrorBoundary, Index as $9HbP8$Index, For as $9HbP8$For, createUniqueId as $9HbP8$createUniqueId, mapArray as $9HbP8$mapArray, batch as $9HbP8$batch, Switch as $9HbP8$Switch, Match as $9HbP8$Match, splitProps as $9HbP8$splitProps, createComponent as $9HbP8$createComponent1, createSelector as $9HbP8$createSelector, children as $9HbP8$children } from "solid-js";
-import { catchify as $9HbP8$catchify, report as $9HbP8$report, use_href_accessor as $9HbP8$use_href_accessor, dlog as $9HbP8$dlog1, ListenableSet as $9HbP8$ListenableSet, queueMacroTask as $9HbP8$queueMacroTask1 } from "@depict-ai/utilishared/latest";
+import { catchify as $9HbP8$catchify, report as $9HbP8$report, use_href_accessor as $9HbP8$use_href_accessor, observer as $9HbP8$observer1, dlog as $9HbP8$dlog1, ListenableSet as $9HbP8$ListenableSet, queueMacroTask as $9HbP8$queueMacroTask1 } from "@depict-ai/utilishared/latest";
 import { createStore as $9HbP8$createStore, reconcile as $9HbP8$reconcile } from "solid-js/store";
 
 /*! 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 = $9HbP8$createSignal(false);
   $9HbP8$onCleanup($9HbP8$javascript_media_query(media_query, ({
@@ -4844,8 +4844,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 = $9HbP8$createMemo(() => modified_available_filters_with_selected_unexisting_ones_injected_from_local_state().filter(item => item?.meta?.group_title));
-  const untogglable_filters = $9HbP8$createMemo(() => modified_available_filters_with_selected_unexisting_ones_injected_from_local_state().filter(item => !item?.meta?.group_title));
+  const withMaybeCount0Removed = $9HbP8$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 = $9HbP8$createMemo(() => withMaybeCount0Removed().filter(item => item?.meta?.group_title));
+  const untogglable_filters = $9HbP8$createMemo(() => withMaybeCount0Removed().filter(item => !item?.meta?.group_title));
   const togglable_filters_grouped_by_collapsible = $9HbP8$createMemo(() => {
     const output = {};
     for (const filter of togglable_filters()) {
@@ -4866,9 +4884,7 @@ function $fab07f52c9861732$var$ActualFilterBody(props) {
         },
         get children() {
           return (() => {
-            const filter_array_ = $9HbP8$createMemo(() => {
-              return Object.values(togglable_filters_grouped_by_collapsible())[get_section_index()];
-            });
+            const filter_array_ = $9HbP8$createMemo(() => Object.values(togglable_filters_grouped_by_collapsible())[get_section_index()]);
             const {
               SearchThisFilterGroup_: SearchThisFilterGroup_,
               searched_filter_array_: searched_filter_array_,
@@ -5827,7 +5843,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
@@ -5858,7 +5875,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 = $9HbP8$createMemo(() => $4cc1c021eee2a432$export$50f68cc9882e36a4(filter_options));
     const sorting_options = {
@@ -7501,7 +7519,7 @@ async function $e422ea9eccb7892b$export$5d2f6cd705125cd3() {
   $e422ea9eccb7892b$var$cachedHlsModule = hlsModule;
   return hlsModule;
 }
-var $f916989c4b1be9f7$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<video loop class=d-standard-content>`);
+var $f916989c4b1be9f7$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<video class=d-standard-content>`);
 function $f916989c4b1be9f7$export$780a853d15174484({
   link_: link_,
   type_: type_,
@@ -7577,9 +7595,18 @@ function $f916989c4b1be9f7$export$780a853d15174484({
                   hls.loadSource(mediaUrl_);
                   hls.attachMedia(element);
                 }
+                const [retryPlayToggle, setRetryPlayToggle] = $9HbP8$createSignal(false);
                 // need runWithOwner for createEffect, because we potentially awaited above
                 $9HbP8$runWithOwner(owner, () => $9HbP8$createEffect(() => {
-                  if (pageVisible()) element.play().catch(e => $9HbP8$dlog("Failed to play", e));else element.pause();
+                  retryPlayToggle();
+                  if (pageVisible()) element.play().catch(async e => {
+                    $9HbP8$dlog("Failed to play", e);
+                    // If we're not in the DOM yet, wait until we are and then try again
+                    if (!document.documentElement.contains(element)) {
+                      await (0, $9HbP8$observer1).wait_for_element(element);
+                      setRetryPlayToggle(prev => !prev);
+                    }
+                  });else element.pause();
                 }));
               });
               typeof _ref$ === "function" && $9HbP8$use(_ref$, _el$);
@@ -7589,6 +7616,8 @@ function $f916989c4b1be9f7$export$780a853d15174484({
               $9HbP8$setProperty(_el$, "muted", true);
               $9HbP8$setProperty(_el$, "autoplay", true);
               $9HbP8$setProperty(_el$, "playsinline", true);
+              $9HbP8$setProperty(_el$, "loop", true);
+              $9HbP8$setAttribute(_el$, "disablepictureinpicture", true);
               return _el$;
             }
           })];
@@ -7708,7 +7737,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_;
@@ -7922,6 +7952,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_
   });
   $9HbP8$catchify((0, $641bba2917fe862b$export$6e49da55e449af7c))({
@@ -9924,11 +9955,11 @@ function $ab4b0679fa8bd1dc$export$e872e2339fb04a7f({
           searching_for_value_: searching_for_value_
         })), (() => {
           var _el$3 = $9HbP8$getNextElement($ab4b0679fa8bd1dc$var$_tmpl$3);
-          $9HbP8$insert(_el$3, $9HbP8$createMemo(() => {
+          $9HbP8$insert(_el$3, () => $9HbP8$createMemo(() => {
             if (input_obj().type === "content") return i18n_.content_();
             if (input_obj().listing_type === "brand") return i18n_.brand_();
             return i18n_.category_();
-          }));
+          })());
           return _el$3;
         })()];
       })());
@@ -10535,7 +10566,7 @@ function $5285d2814d0fac0c$export$b94867ecbd698f21({
       },
       get children() {
         var _el$4 = $9HbP8$getNextElement($5285d2814d0fac0c$var$_tmpl$3);
-        $9HbP8$effect(() => (getBackButtonWidth(), _el$4.style.setProperty("width", getBackButtonWidth() + "px")));
+        $9HbP8$effect(_$p => (_$p = getBackButtonWidth() + "px", _el$4.style.setProperty("width", _$p)));
         return _el$4;
       }
     }), _el$13, _co$3);
@@ -11217,7 +11248,7 @@ function $44f30a4222ce604b$export$c8d7e00464029b45({
           });
         }
       }), _el$4, _co$);
-      $9HbP8$effect(() => itemIndex_() != null ? _el$.style.setProperty("order", itemIndex_()) : _el$.style.removeProperty("order"));
+      $9HbP8$effect(_$p => (_$p = itemIndex_()) != null ? _el$.style.setProperty("order", _$p) : _el$.style.removeProperty("order"));
       return _el$;
     }
   });
@@ -11333,7 +11364,7 @@ function $903297121898e5ff$export$d4994a86c6235f72({
           });
         }
       }));
-      $9HbP8$effect(() => itemIndex_() != null ? _el$.style.setProperty("order", itemIndex_()) : _el$.style.removeProperty("order"));
+      $9HbP8$effect(_$p => (_$p = itemIndex_()) != null ? _el$.style.setProperty("order", _$p) : _el$.style.removeProperty("order"));
       return _el$;
     }
   });
@@ -11762,7 +11793,7 @@ function $500a16dd18ee5a71$var$RawSearchModalV2({
             }),
             ...instant_results_options_
           }), _el$4, _co$);
-          $9HbP8$effect(() => itemIndexes.instantResultsIndex_() != null ? _el$.style.setProperty("order", itemIndexes.instantResultsIndex_()) : _el$.style.removeProperty("order"));
+          $9HbP8$effect(_$p => (_$p = itemIndexes.instantResultsIndex_()) != null ? _el$.style.setProperty("order", _$p) : _el$.style.removeProperty("order"));
           return _el$;
         }
       });
@@ -14142,7 +14173,7 @@ function $49de9d31aeea1b5e$export$6d0c9c22f6652669({
         });
       }
     })), _el$5, _co$2);
-    $9HbP8$effect(() => (is_loading_() && placeholders_enabled() || content_results()?.length, _el$.style.setProperty("display", is_loading_() && placeholders_enabled() || content_results()?.length > 0 ? "" : "none")));
+    $9HbP8$effect(_$p => (_$p = is_loading_() && placeholders_enabled() || content_results()?.length > 0 ? "" : "none", _el$.style.setProperty("display", _$p)));
     return _el$;
   })();
 }
@@ -14428,7 +14459,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_ = $9HbP8$createSignal(false);
@@ -14536,7 +14568,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 = $9HbP8$createSignal();
   const shouldActuallyShowInputField = $9HbP8$createMemo(() => include_input_field_?.() ?? true); // default to showing input field
@@ -15220,7 +15253,8 @@ function $806c97b931758897$export$f2dc7e4e4aa11abb(props) {
       })),
       filterModalParent_: $9HbP8$untrack(() => props.filterModalParent_),
       product_card_template_: product_card_template,
-      class_: () => props.class
+      class_: () => props.class,
+      hideCount0FilterOptions_: () => props.hideCount0FilterOptions_ ?? false
     });
   }, "Entire SearchPage failed");
 }
@@ -15783,6 +15817,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_: $9HbP8$createMemo(() => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "4.9.8",
+  "version": "4.10.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",
@@ -226,7 +226,7 @@
     "@parcel/resolver-default": "^2.10.3",
     "@types/jest": "^29.2.4",
     "@types/node": "^18.11.11",
-    "babel-preset-solid": "^1.8.16",
+    "babel-preset-solid": "^1.9.3",
     "jest": "^29.3.1",
     "lodash": "^4.17.21",
     "parcel": "^2.10.3",
@@ -236,10 +236,10 @@
     "@babel/plugin-transform-typescript": "^7.22.9",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "^7.22.6",
-    "@depict-ai/plp-styling": "^4.5.1",
-    "@depict-ai/types": "^5.5.1",
-    "@depict-ai/utilishared": "^2.5.1",
-    "solid-js": "^1.8.16"
+    "@depict-ai/plp-styling": "^4.6.0",
+    "@depict-ai/types": "^5.6.0",
+    "@depict-ai/utilishared": "^2.6.0",
+    "solid-js": "^1.9.3"
   },
   "type": "module",
   "types": "ES10/index.d.ts",