@depict-ai/ui 4.3.11 → 4.3.13

package/ES10/index.cjs

@@ -100,7 +100,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $335c02c1241a9ca8$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $335c02c1241a9ca8$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $c10e33c4681f8c9b$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.11";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.13";
 const $5401a6698b0c0658$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -776,7 +776,8 @@ function $236a257ee52e5414$export$d41d19e89346fa2(_ref) {
     recommendations_resource_: recommendations_resource_,
     product_card_template_: product_card_template_,
     layout_options_: layout_options_,
-    title_: title_
+    title_: title_,
+    NoResultsFallback_: NoResultsFallback_
   } = _ref;
   const is_showing_something = $52FdA$solidjs.createMemo(() => {
     var _recommendations_reso;
@@ -837,6 +838,9 @@ function $236a257ee52e5414$export$d41d19e89346fa2(_ref) {
     get when() {
       return is_showing_something();
     },
+    get fallback() {
+      return NoResultsFallback_ === null || NoResultsFallback_ === void 0 ? void 0 : NoResultsFallback_();
+    },
     children: slider
   });
 }
@@ -1780,7 +1784,8 @@ function $47e3c3102c78121b$export$44809a8a3e867e30(_ref) {
         target: target
       } = _ref2;
       // Don't toggle when clicking on the links
-      if (target.matches("a") || target.closest("a")) return;
+      const selector = "a[href]";
+      if (target.matches(selector) || target.closest(selector)) return;
       setUserWantsExpanded(prev => !prev);
     }), true);
     _el$.classList.toggle("placeholder", !!!display_);
@@ -1972,7 +1977,8 @@ function $2c920813c92d6987$export$7da560f849543dff(_ref) {
     layout_options_: layout_options_,
     title_: title_,
     max_rows_: max_rows_,
-    view_more_button_: view_more_button_
+    view_more_button_: view_more_button_,
+    NoResultsFallback_: NoResultsFallback_
   } = _ref;
   const rows_object_ = $52FdA$solidjs.createMemo(() => {
     var _view_more_button$row;
@@ -2053,6 +2059,9 @@ function $2c920813c92d6987$export$7da560f849543dff(_ref) {
     get when() {
       return is_showing_something();
     },
+    get fallback() {
+      return NoResultsFallback_ === null || NoResultsFallback_ === void 0 ? void 0 : NoResultsFallback_();
+    },
     children: elements
   });
 }
@@ -2122,7 +2131,8 @@ function $e57cd46536ad992e$export$2c9f9bf2092486aa(props) {
       layout_options_: $52FdA$solidjs.createMemo(() => ({
         cols_at_size: $5401a6698b0c0658$export$6daf8749b65a1b77(props.columnsAtSize_),
         ...grid_spacing_override()
-      }))
+      })),
+      NoResultsFallback_: () => props.NoResultsFallback_
     };
     $52FdA$solidjs.createEffect(() => {
       const {
@@ -7493,44 +7503,20 @@ function $ac040bdfeed58ee4$export$e5c2828934226505(_ref) {
     expanded_: expanded_,
     i18n_: i18n_
   } = _ref;
-  let first_span;
-  let second_span;
-  const animation_options = {
-    fill: "forwards",
-    duration: 200
-  };
-  const outer_div = (() => {
-    var _el$ = $52FdA$solidjsweb.getNextElement($ac040bdfeed58ee4$var$_tmpl$),
-      _el$2 = _el$.firstChild,
-      _el$3 = _el$2.nextSibling;
-    var _ref$ = first_span;
-    typeof _ref$ === "function" ? $52FdA$solidjsweb.use(_ref$, _el$2) : first_span = _el$2;
-    var _ref$2 = second_span;
-    typeof _ref$2 === "function" ? $52FdA$solidjsweb.use(_ref$2, _el$3) : second_span = _el$3;
-    $52FdA$solidjsweb.effect(() => $52FdA$solidjsweb.setAttribute(_el$, "aria-label", expanded_() ? i18n_.morphing_sign_expanded_aria_label_() : i18n_.morphing_sign_collapsed_aria_label_()));
+  return (() => {
+    var _el$ = $52FdA$solidjsweb.getNextElement($ac040bdfeed58ee4$var$_tmpl$);
+    $52FdA$solidjsweb.effect(_p$ => {
+      var _v$ = !!expanded_(),
+        _v$2 = expanded_() ? i18n_.morphing_sign_expanded_aria_label_() : i18n_.morphing_sign_collapsed_aria_label_();
+      _v$ !== _p$.e && _el$.classList.toggle("expanded", _p$.e = _v$);
+      _v$2 !== _p$.t && $52FdA$solidjsweb.setAttribute(_el$, "aria-label", _p$.t = _v$2);
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined
+    });
     return _el$;
   })();
-  const [is_in_dom, set_is_in_dom] = $52FdA$solidjs.createSignal(false);
-  (0, $52FdA$depictaiutilishared.observer).wait_for_element(outer_div).then($52FdA$depictaiutilishared.catchify(() => set_is_in_dom(true)));
-  $52FdA$solidjs.createEffect(() => {
-    if (!is_in_dom())
-      // wait for us to being in DOM as animations don't work otherwise
-      return;
-    try {
-      const expanded = expanded_();
-      for (const span of [first_span, second_span]) span.animate([{
-        transform: "rotate(".concat(expanded ? 90 : "0", "deg)")
-      }], animation_options);
-      const percentage_value = "".concat(expanded ? 50 : 25, "%");
-      second_span.animate([{
-        left: percentage_value,
-        right: percentage_value
-      }], animation_options);
-    } catch (e) {
-      $52FdA$depictaiutilishared.dlog("partial keyframes probably not supported", e);
-    }
-  });
-  return outer_div;
 }
 var $99472afa7112c427$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<span class=highlighted-part>`);
 const $99472afa7112c427$var$dont_cut_in_between_less_than_characters = 30;
@@ -9403,19 +9389,21 @@ function $a162c9a08dc208c2$export$b288c38ae3fddb56(_ref) {
           // can't or shouldn't be merged due to not being selected, just take remote one
           new_local_filter_state.push(remote_filter);else {
           const data_objs_in_remote = Object.fromEntries(remote_meta.values.map((value, index) => {
-            var _remote_meta$counts, _remote_meta$names;
+            var _remote_meta$counts, _remote_meta$names, _swatches;
             return [JSON.stringify(value), {
               value_: value,
               count_: (_remote_meta$counts = remote_meta.counts) === null || _remote_meta$counts === void 0 ? void 0 : _remote_meta$counts[index],
-              name_: (_remote_meta$names = remote_meta.names) === null || _remote_meta$names === void 0 ? void 0 : _remote_meta$names[index]
+              name_: (_remote_meta$names = remote_meta.names) === null || _remote_meta$names === void 0 ? void 0 : _remote_meta$names[index],
+              swatches_: (_swatches = remote_meta.swatches) === null || _swatches === void 0 ? void 0 : _swatches[index]
             }];
           }));
           const data_objs_in_local = Object.fromEntries(local_meta.values.map((value, index) => {
-            var _local_meta$names;
+            var _local_meta$names, _swatches2;
             return [JSON.stringify(value), {
               value_: value,
               count_: 0,
-              name_: (_local_meta$names = local_meta.names) === null || _local_meta$names === void 0 ? void 0 : _local_meta$names[index]
+              name_: (_local_meta$names = local_meta.names) === null || _local_meta$names === void 0 ? void 0 : _local_meta$names[index],
+              swatches_: (_swatches2 = local_meta.swatches) === null || _swatches2 === void 0 ? void 0 : _swatches2[index]
             }];
           }));
           const new_data = [...Object.keys(data_objs_in_local).filter(key => {
@@ -9460,6 +9448,14 @@ function $a162c9a08dc208c2$export$b288c38ae3fddb56(_ref) {
                   count_: count_
                 } = _ref4;
                 return count_;
+              }),
+              ...("swatches" in remote_filter && {
+                swatches: new_data.map(_ref5 => {
+                  let {
+                    swatches_: swatches_
+                  } = _ref5;
+                  return swatches_;
+                })
               })
             }
           };
@@ -9509,6 +9505,10 @@ function $a162c9a08dc208c2$var$modify_only_local_filter(local_filter_object, sel
         }
         new_meta.values = values.filter((_, index) => !indexes_to_remove.has(index));
         if (new_meta.names) new_meta.names = new_meta.names.filter((_, index) => !indexes_to_remove.has(index));
+        if ("swatches" in new_meta) {
+          var _new_meta$swatches;
+          new_meta.swatches = (_new_meta$swatches = new_meta.swatches) === null || _new_meta$swatches === void 0 ? void 0 : _new_meta$swatches.filter((_, index) => !indexes_to_remove.has(index));
+        }
         if (new_meta.counts)
           // remove counts that are too much, they're all zero anyway if they exist
           new_meta.counts.length -= indexes_to_remove.size;
@@ -13291,7 +13291,7 @@ function $bf4a8d57aa8dd1c8$export$9ff751cd77687edc(_ref) {
   let {
     search_results_: search_results_,
     router_: router_,
-    queries_without_content_results_: queries_without_content_results_,
+    setNumberContentResultsPerQuery_: setNumberContentResultsPerQuery_,
     get_search_query_: get_search_query_
   } = _ref;
   const content_results = $52FdA$solidjs.createMemo(() => {
@@ -13310,7 +13310,11 @@ function $bf4a8d57aa8dd1c8$export$9ff751cd77687edc(_ref) {
   });
   $52FdA$solidjs.createEffect(() => {
     const results = content_results();
-    if (Array.isArray(results) && results.length === 0) queries_without_content_results_.add($52FdA$solidjs.untrack(get_search_query_));
+    const numberResults = Array.isArray(results) ? results.length : 0;
+    setNumberContentResultsPerQuery_(prev => {
+      prev.set($52FdA$solidjs.untrack(get_search_query_), numberResults);
+      return prev;
+    });
   });
   return $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.For), {
     get each() {
@@ -13328,7 +13332,8 @@ function $bf4a8d57aa8dd1c8$export$9ff751cd77687edc(_ref) {
 function $05f255c0a94b9ca1$export$4405d077f0a20494(_ref) {
   let {
     content_results_rows_: [get_history_state_content_results_rows],
-    cols_at_size_: cols_at_size_
+    cols_at_size_: cols_at_size_,
+    overrideAmount_: overrideAmount_
   } = _ref;
   const colsShowingNow = $478e5a09664da64c$export$a79e666719b3647c(cols_at_size_);
   const largest_column = $52FdA$solidjs.createMemo(() => {
@@ -13341,10 +13346,10 @@ function $05f255c0a94b9ca1$export$4405d077f0a20494(_ref) {
   });
   const num_placeholders = $52FdA$solidjs.createMemo(() => {
     var _get_history_state_co;
-    return (
-      // Use how many columns we're actually showing, if available, so that we're showing exactly as many placeholders as we'd show content, so that the view more button doesn't appear/disappear and makes the layout shift
-      ((_get_history_state_co = get_history_state_content_results_rows()) !== null && _get_history_state_co !== void 0 ? _get_history_state_co : (0, $eab939d0b95b75ee$export$70ceae36059a1036)) * (colsShowingNow() || largest_column())
-    );
+    const override = overrideAmount_();
+    if (override !== undefined) return override;
+    // Use how many columns we're actually showing, if available, so that we're showing exactly as many placeholders as we'd show content, so that the view more button doesn't appear/disappear and makes the layout shift
+    return ((_get_history_state_co = get_history_state_content_results_rows()) !== null && _get_history_state_co !== void 0 ? _get_history_state_co : (0, $eab939d0b95b75ee$export$70ceae36059a1036)) * (colsShowingNow() || largest_column());
   });
   return $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Index), {
     get each() {
@@ -13382,15 +13387,13 @@ function $eab939d0b95b75ee$export$6d0c9c22f6652669(_ref) {
     number_: num_results,
     i18n_: i18n_
   });
-  const queries_without_content_results_ = new (0, $52FdA$depictaiutilishared.ListenableSet)();
-  const [check_query, set_check_query] = $52FdA$solidjs.createSignal(false);
-  const placeholders_enabled = $52FdA$solidjs.createMemo(() => {
-    // don't show placeholders when the user toggles filters
-    check_query();
-    return !queries_without_content_results_.has(get_search_query_());
+  const [numberContentResultsPerQuery, setNumberContentResultsPerQuery_] = $52FdA$solidjs.createSignal(new Map(), {
+    equals: false
   });
+  const contentResultsForCurrentQuery = $52FdA$solidjs.createMemo(() => numberContentResultsPerQuery().get(get_search_query_()));
+  // Don't show placeholder if we know there will not be any content results and someone is just toggling filters
+  const placeholders_enabled = $52FdA$solidjs.createMemo(() => contentResultsForCurrentQuery() !== 0);
   const rows_object = $eab939d0b95b75ee$var$make_state_saved_rows(content_results_rows_, i18n_);
-  for (const ev of ["add", "delete"]) queries_without_content_results_.addEventListener(ev, () => set_check_query(prev => !prev));
   return (() => {
     var _el$ = $52FdA$solidjsweb.getNextElement($eab939d0b95b75ee$var$_tmpl$),
       _el$2 = _el$.firstChild,
@@ -13420,14 +13423,15 @@ function $eab939d0b95b75ee$export$6d0c9c22f6652669(_ref) {
               content_results_rows_: content_results_rows_,
               get cols_at_size_() {
                 return $52FdA$solidjs.createMemo(() => layout_options_().cols_at_size);
-              }
+              },
+              overrideAmount_: contentResultsForCurrentQuery
             });
           },
           get children() {
             return $52FdA$solidjsweb.createComponent((0, $bf4a8d57aa8dd1c8$export$9ff751cd77687edc), {
               router_: router_,
               search_results_: search_results_,
-              queries_without_content_results_: queries_without_content_results_,
+              setNumberContentResultsPerQuery_: setNumberContentResultsPerQuery_,
               get_search_query_: get_search_query_
             });
           }

package/ES10/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.3.11";
+export const version = "4.3.13";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -877,6 +877,7 @@ export function LooksSliderOrGrid(props: {
   FavoriteButton_?: (props: {
     display_: Accessor<ModernDisplay | null | undefined>;
   }) => JSX.Element;
+  NoResultsFallback_?: () => JSX.Element;
   displayTransformers_?: DisplayTransformers<ModernDisplay, ModernDisplayWithPageUrl<ModernDisplay>>;
   /**
    * If provided, will render as grid instead of slider

package/ES10/index.js

@@ -1,4 +1,4 @@
-import { add_to_version_info as $8tj43$add_to_version_info, fetch_retry as $8tj43$fetch_retry, base_url as $8tj43$base_url, dwarn as $8tj43$dwarn, slider_fractional_factory as $8tj43$slider_fractional_factory, 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, catchify as $8tj43$catchify, 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, report as $8tj43$report, slider_fading_factory as $8tj43$slider_fading_factory, Amazing_Slider as $8tj43$Amazing_Slider, slider_snap_css as $8tj43$slider_snap_css, observer as $8tj43$observer, javascript_media_query as $8tj43$javascript_media_query, queueMacroTask as $8tj43$queueMacroTask, findMostFrequentItem as $8tj43$findMostFrequentItem, standard_price_format as $8tj43$standard_price_format, instant_exec_on_suspect_history_change as $8tj43$instant_exec_on_suspect_history_change, 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, base64_encode_unicode as $8tj43$base64_encode_unicode, base64_decode_unicode as $8tj43$base64_decode_unicode, use_href_accessor as $8tj43$use_href_accessor, get_session_id as $8tj43$get_session_id, add_version_query_params as $8tj43$add_version_query_params, useExpandingContainer as $8tj43$useExpandingContainer, hex_to_rgb as $8tj43$hex_to_rgb, relative_luminance_from_rgb as $8tj43$relative_luminance_from_rgb, snakeCasifyObject as $8tj43$snakeCasifyObject, make_url_with_query_params as $8tj43$make_url_with_query_params, sort_obj as $8tj43$sort_obj, ListenableSet as $8tj43$ListenableSet1, insert_surfaces as $8tj43$insert_surfaces, is_debug as $8tj43$is_debug } from "@depict-ai/utilishared/ES10";
+import { add_to_version_info as $8tj43$add_to_version_info, fetch_retry as $8tj43$fetch_retry, base_url as $8tj43$base_url, dwarn as $8tj43$dwarn, slider_fractional_factory as $8tj43$slider_fractional_factory, 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, catchify as $8tj43$catchify, 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, report as $8tj43$report, slider_fading_factory as $8tj43$slider_fading_factory, Amazing_Slider as $8tj43$Amazing_Slider, slider_snap_css as $8tj43$slider_snap_css, observer as $8tj43$observer, javascript_media_query as $8tj43$javascript_media_query, queueMacroTask as $8tj43$queueMacroTask, findMostFrequentItem as $8tj43$findMostFrequentItem, standard_price_format as $8tj43$standard_price_format, instant_exec_on_suspect_history_change as $8tj43$instant_exec_on_suspect_history_change, 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, base64_encode_unicode as $8tj43$base64_encode_unicode, base64_decode_unicode as $8tj43$base64_decode_unicode, use_href_accessor as $8tj43$use_href_accessor, get_session_id as $8tj43$get_session_id, add_version_query_params as $8tj43$add_version_query_params, useExpandingContainer as $8tj43$useExpandingContainer, hex_to_rgb as $8tj43$hex_to_rgb, relative_luminance_from_rgb as $8tj43$relative_luminance_from_rgb, 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, is_debug as $8tj43$is_debug } from "@depict-ai/utilishared/ES10";
 import { template as $8tj43$template, getNextElement as $8tj43$getNextElement, insert as $8tj43$insert, createComponent as $8tj43$createComponent, mergeProps as $8tj43$mergeProps, effect as $8tj43$effect, className as $8tj43$className, isServer as $8tj43$isServer, spread as $8tj43$spread, runHydrationEvents as $8tj43$runHydrationEvents, addEventListener as $8tj43$addEventListener, memo as $8tj43$memo, delegateEvents as $8tj43$delegateEvents, getNextMarker as $8tj43$getNextMarker, classList as $8tj43$classList, setAttribute as $8tj43$setAttribute, style as $8tj43$style, use as $8tj43$use, setProperty as $8tj43$setProperty, Dynamic as $8tj43$Dynamic } from "solid-js/web";
 import { createSignal as $8tj43$createSignal, createMemo as $8tj43$createMemo, createResource as $8tj43$createResource, createEffect as $8tj43$createEffect, Show as $8tj43$Show, mergeProps as $8tj43$mergeProps1, Suspense as $8tj43$Suspense, untrack as $8tj43$untrack, createRenderEffect as $8tj43$createRenderEffect, Index as $8tj43$Index, createRoot as $8tj43$createRoot, onCleanup as $8tj43$onCleanup, For as $8tj43$For, getOwner as $8tj43$getOwner, runWithOwner as $8tj43$runWithOwner, createContext as $8tj43$createContext, useContext as $8tj43$useContext, createUniqueId as $8tj43$createUniqueId, createComputed as $8tj43$createComputed, ErrorBoundary as $8tj43$ErrorBoundary, splitProps as $8tj43$splitProps, on as $8tj43$on, batch as $8tj43$batch, createSelector as $8tj43$createSelector, children as $8tj43$children, createReaction as $8tj43$createReaction, mapArray as $8tj43$mapArray } from "solid-js";
 import $8tj43$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/defineProperty";
@@ -10,7 +10,7 @@ import { createStore as $8tj43$createStore, reconcile as $8tj43$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "4.3.11";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.3.13";
 const $a9c7ba6087881ac2$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -686,7 +686,8 @@ function $39ddb986053fb759$export$d41d19e89346fa2(_ref) {
     recommendations_resource_: recommendations_resource_,
     product_card_template_: product_card_template_,
     layout_options_: layout_options_,
-    title_: title_
+    title_: title_,
+    NoResultsFallback_: NoResultsFallback_
   } = _ref;
   const is_showing_something = $8tj43$createMemo(() => {
     var _recommendations_reso;
@@ -747,6 +748,9 @@ function $39ddb986053fb759$export$d41d19e89346fa2(_ref) {
     get when() {
       return is_showing_something();
     },
+    get fallback() {
+      return NoResultsFallback_ === null || NoResultsFallback_ === void 0 ? void 0 : NoResultsFallback_();
+    },
     children: slider
   });
 }
@@ -1690,7 +1694,8 @@ function $697d8713dc82b9ab$export$44809a8a3e867e30(_ref) {
         target: target
       } = _ref2;
       // Don't toggle when clicking on the links
-      if (target.matches("a") || target.closest("a")) return;
+      const selector = "a[href]";
+      if (target.matches(selector) || target.closest(selector)) return;
       setUserWantsExpanded(prev => !prev);
     }), true);
     _el$.classList.toggle("placeholder", !!!display_);
@@ -1882,7 +1887,8 @@ function $e3efeb558d952696$export$7da560f849543dff(_ref) {
     layout_options_: layout_options_,
     title_: title_,
     max_rows_: max_rows_,
-    view_more_button_: view_more_button_
+    view_more_button_: view_more_button_,
+    NoResultsFallback_: NoResultsFallback_
   } = _ref;
   const rows_object_ = $8tj43$createMemo(() => {
     var _view_more_button$row;
@@ -1963,6 +1969,9 @@ function $e3efeb558d952696$export$7da560f849543dff(_ref) {
     get when() {
       return is_showing_something();
     },
+    get fallback() {
+      return NoResultsFallback_ === null || NoResultsFallback_ === void 0 ? void 0 : NoResultsFallback_();
+    },
     children: elements
   });
 }
@@ -2032,7 +2041,8 @@ function $bb34cd283e904784$export$2c9f9bf2092486aa(props) {
       layout_options_: $8tj43$createMemo(() => ({
         cols_at_size: $a9c7ba6087881ac2$export$6daf8749b65a1b77(props.columnsAtSize_),
         ...grid_spacing_override()
-      }))
+      })),
+      NoResultsFallback_: () => props.NoResultsFallback_
     };
     $8tj43$createEffect(() => {
       const {
@@ -7403,44 +7413,20 @@ function $457279ff15864cb9$export$e5c2828934226505(_ref) {
     expanded_: expanded_,
     i18n_: i18n_
   } = _ref;
-  let first_span;
-  let second_span;
-  const animation_options = {
-    fill: "forwards",
-    duration: 200
-  };
-  const outer_div = (() => {
-    var _el$ = $8tj43$getNextElement($457279ff15864cb9$var$_tmpl$),
-      _el$2 = _el$.firstChild,
-      _el$3 = _el$2.nextSibling;
-    var _ref$ = first_span;
-    typeof _ref$ === "function" ? $8tj43$use(_ref$, _el$2) : first_span = _el$2;
-    var _ref$2 = second_span;
-    typeof _ref$2 === "function" ? $8tj43$use(_ref$2, _el$3) : second_span = _el$3;
-    $8tj43$effect(() => $8tj43$setAttribute(_el$, "aria-label", expanded_() ? i18n_.morphing_sign_expanded_aria_label_() : i18n_.morphing_sign_collapsed_aria_label_()));
+  return (() => {
+    var _el$ = $8tj43$getNextElement($457279ff15864cb9$var$_tmpl$);
+    $8tj43$effect(_p$ => {
+      var _v$ = !!expanded_(),
+        _v$2 = expanded_() ? i18n_.morphing_sign_expanded_aria_label_() : i18n_.morphing_sign_collapsed_aria_label_();
+      _v$ !== _p$.e && _el$.classList.toggle("expanded", _p$.e = _v$);
+      _v$2 !== _p$.t && $8tj43$setAttribute(_el$, "aria-label", _p$.t = _v$2);
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined
+    });
     return _el$;
   })();
-  const [is_in_dom, set_is_in_dom] = $8tj43$createSignal(false);
-  (0, $8tj43$observer).wait_for_element(outer_div).then($8tj43$catchify(() => set_is_in_dom(true)));
-  $8tj43$createEffect(() => {
-    if (!is_in_dom())
-      // wait for us to being in DOM as animations don't work otherwise
-      return;
-    try {
-      const expanded = expanded_();
-      for (const span of [first_span, second_span]) span.animate([{
-        transform: "rotate(".concat(expanded ? 90 : "0", "deg)")
-      }], animation_options);
-      const percentage_value = "".concat(expanded ? 50 : 25, "%");
-      second_span.animate([{
-        left: percentage_value,
-        right: percentage_value
-      }], animation_options);
-    } catch (e) {
-      $8tj43$dlog("partial keyframes probably not supported", e);
-    }
-  });
-  return outer_div;
 }
 var $f3a159279dc1a8fb$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<span class=highlighted-part>`);
 const $f3a159279dc1a8fb$var$dont_cut_in_between_less_than_characters = 30;
@@ -9313,19 +9299,21 @@ function $44aa24b1bb793549$export$b288c38ae3fddb56(_ref) {
           // can't or shouldn't be merged due to not being selected, just take remote one
           new_local_filter_state.push(remote_filter);else {
           const data_objs_in_remote = Object.fromEntries(remote_meta.values.map((value, index) => {
-            var _remote_meta$counts, _remote_meta$names;
+            var _remote_meta$counts, _remote_meta$names, _swatches;
             return [JSON.stringify(value), {
               value_: value,
               count_: (_remote_meta$counts = remote_meta.counts) === null || _remote_meta$counts === void 0 ? void 0 : _remote_meta$counts[index],
-              name_: (_remote_meta$names = remote_meta.names) === null || _remote_meta$names === void 0 ? void 0 : _remote_meta$names[index]
+              name_: (_remote_meta$names = remote_meta.names) === null || _remote_meta$names === void 0 ? void 0 : _remote_meta$names[index],
+              swatches_: (_swatches = remote_meta.swatches) === null || _swatches === void 0 ? void 0 : _swatches[index]
             }];
           }));
           const data_objs_in_local = Object.fromEntries(local_meta.values.map((value, index) => {
-            var _local_meta$names;
+            var _local_meta$names, _swatches2;
             return [JSON.stringify(value), {
               value_: value,
               count_: 0,
-              name_: (_local_meta$names = local_meta.names) === null || _local_meta$names === void 0 ? void 0 : _local_meta$names[index]
+              name_: (_local_meta$names = local_meta.names) === null || _local_meta$names === void 0 ? void 0 : _local_meta$names[index],
+              swatches_: (_swatches2 = local_meta.swatches) === null || _swatches2 === void 0 ? void 0 : _swatches2[index]
             }];
           }));
           const new_data = [...Object.keys(data_objs_in_local).filter(key => {
@@ -9370,6 +9358,14 @@ function $44aa24b1bb793549$export$b288c38ae3fddb56(_ref) {
                   count_: count_
                 } = _ref4;
                 return count_;
+              }),
+              ...("swatches" in remote_filter && {
+                swatches: new_data.map(_ref5 => {
+                  let {
+                    swatches_: swatches_
+                  } = _ref5;
+                  return swatches_;
+                })
               })
             }
           };
@@ -9419,6 +9415,10 @@ function $44aa24b1bb793549$var$modify_only_local_filter(local_filter_object, sel
         }
         new_meta.values = values.filter((_, index) => !indexes_to_remove.has(index));
         if (new_meta.names) new_meta.names = new_meta.names.filter((_, index) => !indexes_to_remove.has(index));
+        if ("swatches" in new_meta) {
+          var _new_meta$swatches;
+          new_meta.swatches = (_new_meta$swatches = new_meta.swatches) === null || _new_meta$swatches === void 0 ? void 0 : _new_meta$swatches.filter((_, index) => !indexes_to_remove.has(index));
+        }
         if (new_meta.counts)
           // remove counts that are too much, they're all zero anyway if they exist
           new_meta.counts.length -= indexes_to_remove.size;
@@ -13201,7 +13201,7 @@ function $881e8953a9103f10$export$9ff751cd77687edc(_ref) {
   let {
     search_results_: search_results_,
     router_: router_,
-    queries_without_content_results_: queries_without_content_results_,
+    setNumberContentResultsPerQuery_: setNumberContentResultsPerQuery_,
     get_search_query_: get_search_query_
   } = _ref;
   const content_results = $8tj43$createMemo(() => {
@@ -13220,7 +13220,11 @@ function $881e8953a9103f10$export$9ff751cd77687edc(_ref) {
   });
   $8tj43$createEffect(() => {
     const results = content_results();
-    if (Array.isArray(results) && results.length === 0) queries_without_content_results_.add($8tj43$untrack(get_search_query_));
+    const numberResults = Array.isArray(results) ? results.length : 0;
+    setNumberContentResultsPerQuery_(prev => {
+      prev.set($8tj43$untrack(get_search_query_), numberResults);
+      return prev;
+    });
   });
   return $8tj43$createComponent((0, $8tj43$For), {
     get each() {
@@ -13238,7 +13242,8 @@ function $881e8953a9103f10$export$9ff751cd77687edc(_ref) {
 function $ad4f3c9872fbeb48$export$4405d077f0a20494(_ref) {
   let {
     content_results_rows_: [get_history_state_content_results_rows],
-    cols_at_size_: cols_at_size_
+    cols_at_size_: cols_at_size_,
+    overrideAmount_: overrideAmount_
   } = _ref;
   const colsShowingNow = $40e2fa435715a1a0$export$a79e666719b3647c(cols_at_size_);
   const largest_column = $8tj43$createMemo(() => {
@@ -13251,10 +13256,10 @@ function $ad4f3c9872fbeb48$export$4405d077f0a20494(_ref) {
   });
   const num_placeholders = $8tj43$createMemo(() => {
     var _get_history_state_co;
-    return (
-      // Use how many columns we're actually showing, if available, so that we're showing exactly as many placeholders as we'd show content, so that the view more button doesn't appear/disappear and makes the layout shift
-      ((_get_history_state_co = get_history_state_content_results_rows()) !== null && _get_history_state_co !== void 0 ? _get_history_state_co : (0, $d53ebed6f63304e4$export$70ceae36059a1036)) * (colsShowingNow() || largest_column())
-    );
+    const override = overrideAmount_();
+    if (override !== undefined) return override;
+    // Use how many columns we're actually showing, if available, so that we're showing exactly as many placeholders as we'd show content, so that the view more button doesn't appear/disappear and makes the layout shift
+    return ((_get_history_state_co = get_history_state_content_results_rows()) !== null && _get_history_state_co !== void 0 ? _get_history_state_co : (0, $d53ebed6f63304e4$export$70ceae36059a1036)) * (colsShowingNow() || largest_column());
   });
   return $8tj43$createComponent((0, $8tj43$Index), {
     get each() {
@@ -13292,15 +13297,13 @@ function $d53ebed6f63304e4$export$6d0c9c22f6652669(_ref) {
     number_: num_results,
     i18n_: i18n_
   });
-  const queries_without_content_results_ = new (0, $8tj43$ListenableSet1)();
-  const [check_query, set_check_query] = $8tj43$createSignal(false);
-  const placeholders_enabled = $8tj43$createMemo(() => {
-    // don't show placeholders when the user toggles filters
-    check_query();
-    return !queries_without_content_results_.has(get_search_query_());
+  const [numberContentResultsPerQuery, setNumberContentResultsPerQuery_] = $8tj43$createSignal(new Map(), {
+    equals: false
   });
+  const contentResultsForCurrentQuery = $8tj43$createMemo(() => numberContentResultsPerQuery().get(get_search_query_()));
+  // Don't show placeholder if we know there will not be any content results and someone is just toggling filters
+  const placeholders_enabled = $8tj43$createMemo(() => contentResultsForCurrentQuery() !== 0);
   const rows_object = $d53ebed6f63304e4$var$make_state_saved_rows(content_results_rows_, i18n_);
-  for (const ev of ["add", "delete"]) queries_without_content_results_.addEventListener(ev, () => set_check_query(prev => !prev));
   return (() => {
     var _el$ = $8tj43$getNextElement($d53ebed6f63304e4$var$_tmpl$),
       _el$2 = _el$.firstChild,
@@ -13330,14 +13333,15 @@ function $d53ebed6f63304e4$export$6d0c9c22f6652669(_ref) {
               content_results_rows_: content_results_rows_,
               get cols_at_size_() {
                 return $8tj43$createMemo(() => layout_options_().cols_at_size);
-              }
+              },
+              overrideAmount_: contentResultsForCurrentQuery
             });
           },
           get children() {
             return $8tj43$createComponent((0, $881e8953a9103f10$export$9ff751cd77687edc), {
               router_: router_,
               search_results_: search_results_,
-              queries_without_content_results_: queries_without_content_results_,
+              setNumberContentResultsPerQuery_: setNumberContentResultsPerQuery_,
               get_search_query_: get_search_query_
             });
           }