@depict-ai/ui 4.9.8 → 4.10.0

package/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 = $52FdA$solidjs.createSignal(false);
   $52FdA$solidjs.onCleanup($52FdA$depictaiutilishared.javascript_media_query(media_query, _ref => {
@@ -5215,11 +5215,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 = $52FdA$solidjs.createMemo(() => modified_available_filters_with_selected_unexisting_ones_injected_from_local_state().filter(item => {
+  const withMaybeCount0Removed = $52FdA$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 = $52FdA$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 = $52FdA$solidjs.createMemo(() => modified_available_filters_with_selected_unexisting_ones_injected_from_local_state().filter(item => {
+  const untogglable_filters = $52FdA$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);
   }));
@@ -5244,9 +5262,7 @@ function $164d474fea221d77$var$ActualFilterBody(props) {
         },
         get children() {
           return (() => {
-            const filter_array_ = $52FdA$solidjs.createMemo(() => {
-              return Object.values(togglable_filters_grouped_by_collapsible())[get_section_index()];
-            });
+            const filter_array_ = $52FdA$solidjs.createMemo(() => Object.values(togglable_filters_grouped_by_collapsible())[get_section_index()]);
             const {
               SearchThisFilterGroup_: SearchThisFilterGroup_,
               searched_filter_array_: searched_filter_array_,
@@ -6275,7 +6291,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
@@ -6310,7 +6327,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 = $52FdA$solidjs.createMemo(() => $8b9c2fa4593b29df$export$50f68cc9882e36a4(filter_options));
     const sorting_options = {
@@ -8034,7 +8052,7 @@ async function $8e8c89c02c16dc7b$export$5d2f6cd705125cd3() {
   $8e8c89c02c16dc7b$var$cachedHlsModule = hlsModule;
   return hlsModule;
 }
-var $c19709057a32b2e7$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<video loop class=d-standard-content>`);
+var $c19709057a32b2e7$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<video class=d-standard-content>`);
 function $c19709057a32b2e7$export$780a853d15174484(_ref) {
   let {
     link_: link_,
@@ -8117,9 +8135,18 @@ function $c19709057a32b2e7$export$780a853d15174484(_ref) {
                   hls.loadSource(mediaUrl_);
                   hls.attachMedia(element);
                 }
+                const [retryPlayToggle, setRetryPlayToggle] = $52FdA$solidjs.createSignal(false);
                 // need runWithOwner for createEffect, because we potentially awaited above
                 $52FdA$solidjs.runWithOwner(owner, () => $52FdA$solidjs.createEffect(() => {
-                  if (pageVisible()) element.play().catch(e => $52FdA$depictaiutilishared.dlog("Failed to play", e));else element.pause();
+                  retryPlayToggle();
+                  if (pageVisible()) element.play().catch(async e => {
+                    $52FdA$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, $52FdA$depictaiutilisharedlatest.observer).wait_for_element(element);
+                      setRetryPlayToggle(prev => !prev);
+                    }
+                  });else element.pause();
                 }));
               });
               typeof _ref$ === "function" && $52FdA$solidjsweb.use(_ref$, _el$);
@@ -8129,6 +8156,8 @@ function $c19709057a32b2e7$export$780a853d15174484(_ref) {
               $52FdA$solidjsweb.setProperty(_el$, "muted", true);
               $52FdA$solidjsweb.setProperty(_el$, "autoplay", true);
               $52FdA$solidjsweb.setProperty(_el$, "playsinline", true);
+              $52FdA$solidjsweb.setProperty(_el$, "loop", true);
+              $52FdA$solidjsweb.setAttribute(_el$, "disablepictureinpicture", true);
               return _el$;
             }
           })];
@@ -8252,7 +8281,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_;
@@ -8484,6 +8514,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_
   });
   $52FdA$depictaiutilisharedlatest.catchify((0, $fef4890f1f8e0544$export$6e49da55e449af7c))({
@@ -10607,11 +10638,11 @@ function $210882b9ebe2b1d8$export$e872e2339fb04a7f(_ref) {
           searching_for_value_: searching_for_value_
         })), (() => {
           var _el$3 = $52FdA$solidjsweb.getNextElement($210882b9ebe2b1d8$var$_tmpl$3);
-          $52FdA$solidjsweb.insert(_el$3, $52FdA$solidjs.createMemo(() => {
+          $52FdA$solidjsweb.insert(_el$3, () => $52FdA$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;
         })()];
       })());
@@ -11249,7 +11280,7 @@ function $29e5dbeb69da7a36$export$b94867ecbd698f21(_ref) {
       },
       get children() {
         var _el$4 = $52FdA$solidjsweb.getNextElement($29e5dbeb69da7a36$var$_tmpl$3);
-        $52FdA$solidjsweb.effect(() => (getBackButtonWidth(), _el$4.style.setProperty("width", getBackButtonWidth() + "px")));
+        $52FdA$solidjsweb.effect(_$p => (_$p = getBackButtonWidth() + "px", _el$4.style.setProperty("width", _$p)));
         return _el$4;
       }
     }), _el$13, _co$3);
@@ -11962,7 +11993,7 @@ function $f765bad01136eee1$export$c8d7e00464029b45(_ref) {
           });
         }
       }), _el$4, _co$);
-      $52FdA$solidjsweb.effect(() => itemIndex_() != null ? _el$.style.setProperty("order", itemIndex_()) : _el$.style.removeProperty("order"));
+      $52FdA$solidjsweb.effect(_$p => (_$p = itemIndex_()) != null ? _el$.style.setProperty("order", _$p) : _el$.style.removeProperty("order"));
       return _el$;
     }
   });
@@ -12080,7 +12111,7 @@ function $79a8fa74cb5cdfb9$export$d4994a86c6235f72(_ref) {
           });
         }
       }));
-      $52FdA$solidjsweb.effect(() => itemIndex_() != null ? _el$.style.setProperty("order", itemIndex_()) : _el$.style.removeProperty("order"));
+      $52FdA$solidjsweb.effect(_$p => (_$p = itemIndex_()) != null ? _el$.style.setProperty("order", _$p) : _el$.style.removeProperty("order"));
       return _el$;
     }
   });
@@ -12521,7 +12552,7 @@ function $43600b30502feeda$var$RawSearchModalV2(_ref) {
             }),
             ...instant_results_options_
           }), _el$4, _co$);
-          $52FdA$solidjsweb.effect(() => itemIndexes.instantResultsIndex_() != null ? _el$.style.setProperty("order", itemIndexes.instantResultsIndex_()) : _el$.style.removeProperty("order"));
+          $52FdA$solidjsweb.effect(_$p => (_$p = itemIndexes.instantResultsIndex_()) != null ? _el$.style.setProperty("order", _$p) : _el$.style.removeProperty("order"));
           return _el$;
         }
       });
@@ -15111,9 +15142,9 @@ function $eab939d0b95b75ee$export$6d0c9c22f6652669(_ref) {
         });
       }
     })), _el$5, _co$2);
-    $52FdA$solidjsweb.effect(() => {
+    $52FdA$solidjsweb.effect(_$p => {
       var _content_results2;
-      return is_loading_() && placeholders_enabled() || (_content_results2 = content_results()) === null || _content_results2 === void 0 || _content_results2.length, _el$.style.setProperty("display", is_loading_() && placeholders_enabled() || ((_content_results2 = content_results()) === null || _content_results2 === void 0 ? void 0 : _content_results2.length) > 0 ? "" : "none");
+      return _$p = is_loading_() && placeholders_enabled() || ((_content_results2 = content_results()) === null || _content_results2 === void 0 ? void 0 : _content_results2.length) > 0 ? "" : "none", _el$.style.setProperty("display", _$p);
     });
     return _el$;
   })();
@@ -15406,7 +15437,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_ = $52FdA$solidjs.createSignal(false);
@@ -15526,7 +15558,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 = $52FdA$solidjs.createSignal();
   const shouldActuallyShowInputField = $52FdA$solidjs.createMemo(() => {
@@ -16304,7 +16337,11 @@ function $ddd39c5f36f49703$export$f2dc7e4e4aa11abb(props) {
       })),
       filterModalParent_: $52FdA$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");
 }
@@ -16971,6 +17008,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_: $52FdA$solidjs.createMemo(() => ({

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

@@ -1,7 +1,7 @@
 import { add_to_version_info as $8tj43$add_to_version_info, javascript_media_query as $8tj43$javascript_media_query, standard_price_format as $8tj43$standard_price_format, catchify as $8tj43$catchify1, observer as $8tj43$observer, slider_fractional_factory as $8tj43$slider_fractional_factory, report as $8tj43$report1, dlog as $8tj43$dlog, camelCasifyObject as $8tj43$camelCasifyObject, make_random_classname as $8tj43$make_random_classname, n_col_styling_with_dist as $8tj43$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $8tj43$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $8tj43$layout_get_total_rec_amount_for_row, layout_media_query_header as $8tj43$layout_media_query_header, dwarn as $8tj43$dwarn, slider_fading_factory as $8tj43$slider_fading_factory, Amazing_Slider as $8tj43$Amazing_Slider, slider_snap_css as $8tj43$slider_snap_css, useExpandingContainer as $8tj43$useExpandingContainer, hex_to_rgb as $8tj43$hex_to_rgb, relative_luminance_from_rgb as $8tj43$relative_luminance_from_rgb, instant_exec_on_suspect_history_change as $8tj43$instant_exec_on_suspect_history_change, base64_encode_unicode as $8tj43$base64_encode_unicode, base64_decode_unicode as $8tj43$base64_decode_unicode, queueMacroTask as $8tj43$queueMacroTask, is_debug as $8tj43$is_debug, findMostFrequentItem as $8tj43$findMostFrequentItem, is_available_in as $8tj43$is_available_in, fetch_retry as $8tj43$fetch_retry, base_url as $8tj43$base_url, deparallelize_no_drop as $8tj43$deparallelize_no_drop, ContainedImage as $8tj43$ContainedImage, buildThresholdList as $8tj43$buildThresholdList, make_asyncIterable_exiter as $8tj43$make_asyncIterable_exiter, href_change_ipns as $8tj43$href_change_ipns, use_href_accessor as $8tj43$use_href_accessor1, get_session_id as $8tj43$get_session_id, add_version_query_params as $8tj43$add_version_query_params, snakeCasifyObject as $8tj43$snakeCasifyObject, make_url_with_query_params as $8tj43$make_url_with_query_params, sort_obj as $8tj43$sort_obj, insert_surfaces as $8tj43$insert_surfaces } from "@depict-ai/utilishared/ES10";
 import { template as $8tj43$template, createComponent as $8tj43$createComponent, getNextElement as $8tj43$getNextElement, getNextMarker as $8tj43$getNextMarker, insert as $8tj43$insert, isServer as $8tj43$isServer, use as $8tj43$use, effect as $8tj43$effect, setAttribute as $8tj43$setAttribute, memo as $8tj43$memo, mergeProps as $8tj43$mergeProps1, addEventListener as $8tj43$addEventListener, runHydrationEvents as $8tj43$runHydrationEvents, delegateEvents as $8tj43$delegateEvents, spread as $8tj43$spread, classList as $8tj43$classList, className as $8tj43$className, style as $8tj43$style, Dynamic as $8tj43$Dynamic, setProperty as $8tj43$setProperty } from "solid-js/web";
 import { createContext as $8tj43$createContext, createSignal as $8tj43$createSignal, getOwner as $8tj43$getOwner, createResource as $8tj43$createResource, untrack as $8tj43$untrack, createRoot as $8tj43$createRoot, createEffect as $8tj43$createEffect, runWithOwner as $8tj43$runWithOwner, onCleanup as $8tj43$onCleanup, createMemo as $8tj43$createMemo, Show as $8tj43$Show, createComputed as $8tj43$createComputed, createRenderEffect as $8tj43$createRenderEffect, mergeProps as $8tj43$mergeProps, useContext as $8tj43$useContext, createReaction as $8tj43$createReaction, on as $8tj43$on, Suspense as $8tj43$Suspense, ErrorBoundary as $8tj43$ErrorBoundary, Index as $8tj43$Index, For as $8tj43$For, createUniqueId as $8tj43$createUniqueId, mapArray as $8tj43$mapArray, batch as $8tj43$batch, Switch as $8tj43$Switch, Match as $8tj43$Match, splitProps as $8tj43$splitProps, createComponent as $8tj43$createComponent1, createSelector as $8tj43$createSelector, children as $8tj43$children } from "solid-js";
-import { catchify as $8tj43$catchify, report as $8tj43$report, use_href_accessor as $8tj43$use_href_accessor, dlog as $8tj43$dlog1, ListenableSet as $8tj43$ListenableSet, queueMacroTask as $8tj43$queueMacroTask1 } from "@depict-ai/utilishared/ES10";
+import { catchify as $8tj43$catchify, report as $8tj43$report, use_href_accessor as $8tj43$use_href_accessor, observer as $8tj43$observer1, dlog as $8tj43$dlog1, ListenableSet as $8tj43$ListenableSet, queueMacroTask as $8tj43$queueMacroTask1 } from "@depict-ai/utilishared/ES10";
 import { createStore as $8tj43$createStore, reconcile as $8tj43$reconcile } from "solid-js/store";
 import $8tj43$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/defineProperty";
 import $8tj43$babelruntimehelpersclassPrivateFieldSet from "@babel/runtime/helpers/classPrivateFieldSet";
@@ -10,7 +10,7 @@ import $8tj43$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 = $8tj43$createSignal(false);
   $8tj43$onCleanup($8tj43$javascript_media_query(media_query, _ref => {
@@ -5110,11 +5110,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 = $8tj43$createMemo(() => modified_available_filters_with_selected_unexisting_ones_injected_from_local_state().filter(item => {
+  const withMaybeCount0Removed = $8tj43$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 = $8tj43$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 = $8tj43$createMemo(() => modified_available_filters_with_selected_unexisting_ones_injected_from_local_state().filter(item => {
+  const untogglable_filters = $8tj43$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);
   }));
@@ -5139,9 +5157,7 @@ function $f6b0500577e1b210$var$ActualFilterBody(props) {
         },
         get children() {
           return (() => {
-            const filter_array_ = $8tj43$createMemo(() => {
-              return Object.values(togglable_filters_grouped_by_collapsible())[get_section_index()];
-            });
+            const filter_array_ = $8tj43$createMemo(() => Object.values(togglable_filters_grouped_by_collapsible())[get_section_index()]);
             const {
               SearchThisFilterGroup_: SearchThisFilterGroup_,
               searched_filter_array_: searched_filter_array_,
@@ -6170,7 +6186,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
@@ -6205,7 +6222,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 = $8tj43$createMemo(() => $6fcb97029a69ec44$export$50f68cc9882e36a4(filter_options));
     const sorting_options = {
@@ -7929,7 +7947,7 @@ async function $e92c154db502596d$export$5d2f6cd705125cd3() {
   $e92c154db502596d$var$cachedHlsModule = hlsModule;
   return hlsModule;
 }
-var $3b772ef9a35560fe$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<video loop class=d-standard-content>`);
+var $3b772ef9a35560fe$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<video class=d-standard-content>`);
 function $3b772ef9a35560fe$export$780a853d15174484(_ref) {
   let {
     link_: link_,
@@ -8012,9 +8030,18 @@ function $3b772ef9a35560fe$export$780a853d15174484(_ref) {
                   hls.loadSource(mediaUrl_);
                   hls.attachMedia(element);
                 }
+                const [retryPlayToggle, setRetryPlayToggle] = $8tj43$createSignal(false);
                 // need runWithOwner for createEffect, because we potentially awaited above
                 $8tj43$runWithOwner(owner, () => $8tj43$createEffect(() => {
-                  if (pageVisible()) element.play().catch(e => $8tj43$dlog("Failed to play", e));else element.pause();
+                  retryPlayToggle();
+                  if (pageVisible()) element.play().catch(async e => {
+                    $8tj43$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, $8tj43$observer1).wait_for_element(element);
+                      setRetryPlayToggle(prev => !prev);
+                    }
+                  });else element.pause();
                 }));
               });
               typeof _ref$ === "function" && $8tj43$use(_ref$, _el$);
@@ -8024,6 +8051,8 @@ function $3b772ef9a35560fe$export$780a853d15174484(_ref) {
               $8tj43$setProperty(_el$, "muted", true);
               $8tj43$setProperty(_el$, "autoplay", true);
               $8tj43$setProperty(_el$, "playsinline", true);
+              $8tj43$setProperty(_el$, "loop", true);
+              $8tj43$setAttribute(_el$, "disablepictureinpicture", true);
               return _el$;
             }
           })];
@@ -8147,7 +8176,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_;
@@ -8379,6 +8409,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_
   });
   $8tj43$catchify((0, $5e6abec0dab4e610$export$6e49da55e449af7c))({
@@ -10502,11 +10533,11 @@ function $b055f9e9aeceeb48$export$e872e2339fb04a7f(_ref) {
           searching_for_value_: searching_for_value_
         })), (() => {
           var _el$3 = $8tj43$getNextElement($b055f9e9aeceeb48$var$_tmpl$3);
-          $8tj43$insert(_el$3, $8tj43$createMemo(() => {
+          $8tj43$insert(_el$3, () => $8tj43$createMemo(() => {
             if (input_obj().type === "content") return i18n_.content_();
             if (input_obj().listing_type === "brand") return i18n_.brand_();
             return i18n_.category_();
-          }));
+          })());
           return _el$3;
         })()];
       })());
@@ -11144,7 +11175,7 @@ function $584c06c09cf4609d$export$b94867ecbd698f21(_ref) {
       },
       get children() {
         var _el$4 = $8tj43$getNextElement($584c06c09cf4609d$var$_tmpl$3);
-        $8tj43$effect(() => (getBackButtonWidth(), _el$4.style.setProperty("width", getBackButtonWidth() + "px")));
+        $8tj43$effect(_$p => (_$p = getBackButtonWidth() + "px", _el$4.style.setProperty("width", _$p)));
         return _el$4;
       }
     }), _el$13, _co$3);
@@ -11857,7 +11888,7 @@ function $ab401afaded322ab$export$c8d7e00464029b45(_ref) {
           });
         }
       }), _el$4, _co$);
-      $8tj43$effect(() => itemIndex_() != null ? _el$.style.setProperty("order", itemIndex_()) : _el$.style.removeProperty("order"));
+      $8tj43$effect(_$p => (_$p = itemIndex_()) != null ? _el$.style.setProperty("order", _$p) : _el$.style.removeProperty("order"));
       return _el$;
     }
   });
@@ -11975,7 +12006,7 @@ function $5175a47d13b7c228$export$d4994a86c6235f72(_ref) {
           });
         }
       }));
-      $8tj43$effect(() => itemIndex_() != null ? _el$.style.setProperty("order", itemIndex_()) : _el$.style.removeProperty("order"));
+      $8tj43$effect(_$p => (_$p = itemIndex_()) != null ? _el$.style.setProperty("order", _$p) : _el$.style.removeProperty("order"));
       return _el$;
     }
   });
@@ -12416,7 +12447,7 @@ function $06fcd2a345efd24d$var$RawSearchModalV2(_ref) {
             }),
             ...instant_results_options_
           }), _el$4, _co$);
-          $8tj43$effect(() => itemIndexes.instantResultsIndex_() != null ? _el$.style.setProperty("order", itemIndexes.instantResultsIndex_()) : _el$.style.removeProperty("order"));
+          $8tj43$effect(_$p => (_$p = itemIndexes.instantResultsIndex_()) != null ? _el$.style.setProperty("order", _$p) : _el$.style.removeProperty("order"));
           return _el$;
         }
       });
@@ -15006,9 +15037,9 @@ function $d53ebed6f63304e4$export$6d0c9c22f6652669(_ref) {
         });
       }
     })), _el$5, _co$2);
-    $8tj43$effect(() => {
+    $8tj43$effect(_$p => {
       var _content_results2;
-      return is_loading_() && placeholders_enabled() || (_content_results2 = content_results()) === null || _content_results2 === void 0 || _content_results2.length, _el$.style.setProperty("display", is_loading_() && placeholders_enabled() || ((_content_results2 = content_results()) === null || _content_results2 === void 0 ? void 0 : _content_results2.length) > 0 ? "" : "none");
+      return _$p = is_loading_() && placeholders_enabled() || ((_content_results2 = content_results()) === null || _content_results2 === void 0 ? void 0 : _content_results2.length) > 0 ? "" : "none", _el$.style.setProperty("display", _$p);
     });
     return _el$;
   })();
@@ -15301,7 +15332,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_ = $8tj43$createSignal(false);
@@ -15421,7 +15453,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 = $8tj43$createSignal();
   const shouldActuallyShowInputField = $8tj43$createMemo(() => {
@@ -16199,7 +16232,11 @@ function $eb064bc3350276c1$export$f2dc7e4e4aa11abb(props) {
       })),
       filterModalParent_: $8tj43$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");
 }
@@ -16866,6 +16903,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_: $8tj43$createMemo(() => ({