@depict-ai/ui 4.3.11 → 4.3.13

package/server/latest/index.cjs

@@ -94,7 +94,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $1f4925833f07df29$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $1f4925833f07df29$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $14f289047713d67a$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.11";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.13";
 const $4e04be41243c3d80$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -670,7 +670,8 @@ function $363ce4d1d71041aa$export$d41d19e89346fa2({
   recommendations_resource_: recommendations_resource_,
   product_card_template_: product_card_template_,
   layout_options_: layout_options_,
-  title_: title_
+  title_: title_,
+  NoResultsFallback_: NoResultsFallback_
 }) {
   const is_showing_something = $5vyXB$solidjs.createMemo(() => recommendations_resource_.loading || recommendations_resource_()?.length);
   const title = $5vyXB$solidjs.createMemo(() => title_?.()); // In case getter/accessor creates elements, don't create them twice
@@ -726,6 +727,9 @@ function $363ce4d1d71041aa$export$d41d19e89346fa2({
     get when() {
       return is_showing_something();
     },
+    get fallback() {
+      return NoResultsFallback_?.();
+    },
     children: slider
   });
 }
@@ -1655,7 +1659,8 @@ function $b8e79813f4f7ebe4$export$7da560f849543dff({
   layout_options_: layout_options_,
   title_: title_,
   max_rows_: max_rows_,
-  view_more_button_: view_more_button_
+  view_more_button_: view_more_button_,
+  NoResultsFallback_: NoResultsFallback_
 }) {
   const rows_object_ = $5vyXB$solidjs.createMemo(() => {
     const view_more_button = view_more_button_?.();
@@ -1717,6 +1722,9 @@ function $b8e79813f4f7ebe4$export$7da560f849543dff({
     get when() {
       return is_showing_something();
     },
+    get fallback() {
+      return NoResultsFallback_?.();
+    },
     children: elements
   });
 }
@@ -1784,7 +1792,8 @@ function $a3bbfa5fdaa39f3a$export$2c9f9bf2092486aa(props) {
       layout_options_: $5vyXB$solidjs.createMemo(() => ({
         cols_at_size: $4e04be41243c3d80$export$6daf8749b65a1b77(props.columnsAtSize_),
         ...grid_spacing_override()
-      }))
+      })),
+      NoResultsFallback_: () => props.NoResultsFallback_
     };
     $5vyXB$solidjs.createEffect(() => {
       const {
@@ -5477,39 +5486,12 @@ function $0b7222ba8a8bb72f$var$set_range_with_sanitation(min_, max_, current_ran
   new_value[index] = value_as_number;
   current_range_signal[1](new_value);
 }
-var $7567511a7c3e4bd7$var$_tmpl$ = ["<div", ' class="morphing-sign" role="img"', "><span></span><span></span></div>"];
+var $7567511a7c3e4bd7$var$_tmpl$ = ["<div", ' class="', '" role="img"', "><span></span><span></span></div>"];
 function $7567511a7c3e4bd7$export$e5c2828934226505({
   expanded_: expanded_,
   i18n_: i18n_
 }) {
-  let first_span;
-  let second_span;
-  const animation_options = {
-    fill: "forwards",
-    duration: 200
-  };
-  const outer_div = $5vyXB$solidjsweb.ssr($7567511a7c3e4bd7$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrAttribute("aria-label", expanded_() ? $5vyXB$solidjsweb.escape(i18n_.morphing_sign_expanded_aria_label_(), true) : $5vyXB$solidjsweb.escape(i18n_.morphing_sign_collapsed_aria_label_(), true), false));
-  const [is_in_dom, set_is_in_dom] = $5vyXB$solidjs.createSignal(false);
-  (0, $5vyXB$depictaiutilishared.observer).wait_for_element(outer_div).then($5vyXB$depictaiutilishared.catchify(() => set_is_in_dom(true)));
-  $5vyXB$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(${expanded ? 90 : "0"}deg)`
-      }], animation_options);
-      const percentage_value = `${expanded ? 50 : 25}%`;
-      second_span.animate([{
-        left: percentage_value,
-        right: percentage_value
-      }], animation_options);
-    } catch (e) {
-      $5vyXB$depictaiutilishared.dlog("partial keyframes probably not supported", e);
-    }
-  });
-  return outer_div;
+  return $5vyXB$solidjsweb.ssr($7567511a7c3e4bd7$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), `morphing-sign ${expanded_() ? "expanded" : ""}`, $5vyXB$solidjsweb.ssrAttribute("aria-label", expanded_() ? $5vyXB$solidjsweb.escape(i18n_.morphing_sign_expanded_aria_label_(), true) : $5vyXB$solidjsweb.escape(i18n_.morphing_sign_collapsed_aria_label_(), true), false));
 }
 var $5ea5a82e398f6f44$var$_tmpl$ = ["<span", ' class="highlighted-part">', "</span>"];
 const $5ea5a82e398f6f44$var$dont_cut_in_between_less_than_characters = 30;
@@ -7028,12 +7010,14 @@ function $70482f04605572e2$export$b288c38ae3fddb56({
           const data_objs_in_remote = Object.fromEntries(remote_meta.values.map((value, index) => [JSON.stringify(value), {
             value_: value,
             count_: remote_meta.counts?.[index],
-            name_: remote_meta.names?.[index]
+            name_: remote_meta.names?.[index],
+            swatches_: remote_meta.swatches?.[index]
           }]));
           const data_objs_in_local = Object.fromEntries(local_meta.values.map((value, index) => [JSON.stringify(value), {
             value_: value,
             count_: 0,
-            name_: local_meta.names?.[index]
+            name_: local_meta.names?.[index],
+            swatches_: local_meta.swatches?.[index]
           }]));
           const new_data = [...Object.keys(data_objs_in_local).filter(key => {
             // put data entries that are selected and don't exist in new remote state first
@@ -7068,7 +7052,12 @@ function $70482f04605572e2$export$b288c38ae3fddb56({
               }) => name_),
               counts: new_data.map(({
                 count_: count_
-              }) => count_)
+              }) => count_),
+              ...("swatches" in remote_filter && {
+                swatches: new_data.map(({
+                  swatches_: swatches_
+                }) => swatches_)
+              })
             }
           };
           new_local_filter_state.push(result);
@@ -7117,6 +7106,7 @@ function $70482f04605572e2$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) new_meta.swatches = 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;
@@ -10192,7 +10182,7 @@ function $76227de40be817e5$export$f631859cab12b342({
 function $8781fcec27b20709$export$9ff751cd77687edc({
   search_results_: search_results_,
   router_: router_,
-  queries_without_content_results_: queries_without_content_results_,
+  setNumberContentResultsPerQuery_: setNumberContentResultsPerQuery_,
   get_search_query_: get_search_query_
 }) {
   const content_results = $5vyXB$solidjs.createMemo(() => search_results_()?.content_search_links);
@@ -10208,7 +10198,11 @@ function $8781fcec27b20709$export$9ff751cd77687edc({
   });
   $5vyXB$solidjs.createEffect(() => {
     const results = content_results();
-    if (Array.isArray(results) && results.length === 0) queries_without_content_results_.add($5vyXB$solidjs.untrack(get_search_query_));
+    const numberResults = Array.isArray(results) ? results.length : 0;
+    setNumberContentResultsPerQuery_(prev => {
+      prev.set($5vyXB$solidjs.untrack(get_search_query_), numberResults);
+      return prev;
+    });
   });
   return $5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.For), {
     get each() {
@@ -10225,7 +10219,8 @@ function $8781fcec27b20709$export$9ff751cd77687edc({
 }
 function $c2f92eb265a14529$export$4405d077f0a20494({
   content_results_rows_: [get_history_state_content_results_rows],
-  cols_at_size_: cols_at_size_
+  cols_at_size_: cols_at_size_,
+  overrideAmount_: overrideAmount_
 }) {
   const colsShowingNow = $17d06b3bcb035500$export$a79e666719b3647c(cols_at_size_);
   const largest_column = $5vyXB$solidjs.createMemo(() => {
@@ -10233,9 +10228,12 @@ function $c2f92eb265a14529$export$4405d077f0a20494({
     if (isNaN(largest_in_cols_at_size) || Math.abs(largest_in_cols_at_size) === Infinity) return 4; // fallback to something big so we always have the right amount of placeholders
     return largest_in_cols_at_size;
   });
-  const num_placeholders = $5vyXB$solidjs.createMemo(() =>
-  // 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_content_results_rows() ?? (0, $3716b8caf7f959e2$export$70ceae36059a1036)) * (colsShowingNow() || largest_column()));
+  const num_placeholders = $5vyXB$solidjs.createMemo(() => {
+    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_content_results_rows() ?? (0, $3716b8caf7f959e2$export$70ceae36059a1036)) * (colsShowingNow() || largest_column());
+  });
   return $5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Index), {
     get each() {
       return Array.from({
@@ -10265,15 +10263,13 @@ function $3716b8caf7f959e2$export$6d0c9c22f6652669({
     number_: num_results,
     i18n_: i18n_
   });
-  const queries_without_content_results_ = new (0, $5vyXB$depictaiutilishared.ListenableSet)();
-  const [check_query, set_check_query] = $5vyXB$solidjs.createSignal(false);
-  const placeholders_enabled = $5vyXB$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_] = $5vyXB$solidjs.createSignal(new Map(), {
+    equals: false
   });
+  const contentResultsForCurrentQuery = $5vyXB$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 = $5vyXB$solidjs.createMemo(() => contentResultsForCurrentQuery() !== 0);
   const rows_object = $3716b8caf7f959e2$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 $5vyXB$solidjsweb.ssr($3716b8caf7f959e2$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), "display:" + (is_loading_() && placeholders_enabled() || content_results()?.length > 0 ? "" : "none"), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $65a0c4b1c2eb5d0b$export$9dd50d35b9d94fdf), {
     get_search_query_: get_search_query_,
     i18n_: i18n_,
@@ -10296,14 +10292,15 @@ function $3716b8caf7f959e2$export$6d0c9c22f6652669({
             content_results_rows_: content_results_rows_,
             get cols_at_size_() {
               return $5vyXB$solidjs.createMemo(() => layout_options_().cols_at_size);
-            }
+            },
+            overrideAmount_: contentResultsForCurrentQuery
           });
         },
         get children() {
           return $5vyXB$solidjsweb.createComponent((0, $8781fcec27b20709$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/server/latest/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.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/server/latest/index.js

@@ -1,4 +1,4 @@
-import { add_to_version_info as $i7OB2$add_to_version_info, fetch_retry as $i7OB2$fetch_retry, base_url as $i7OB2$base_url, dwarn as $i7OB2$dwarn, slider_fractional_factory as $i7OB2$slider_fractional_factory, dlog as $i7OB2$dlog, camelCasifyObject as $i7OB2$camelCasifyObject, make_random_classname as $i7OB2$make_random_classname, n_col_styling_with_dist as $i7OB2$n_col_styling_with_dist, catchify as $i7OB2$catchify, layout_get_visible_recs_without_partial_rows as $i7OB2$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $i7OB2$layout_get_total_rec_amount_for_row, layout_media_query_header as $i7OB2$layout_media_query_header, report as $i7OB2$report, slider_fading_factory as $i7OB2$slider_fading_factory, Amazing_Slider as $i7OB2$Amazing_Slider, slider_snap_css as $i7OB2$slider_snap_css, observer as $i7OB2$observer, javascript_media_query as $i7OB2$javascript_media_query, queueMacroTask as $i7OB2$queueMacroTask, findMostFrequentItem as $i7OB2$findMostFrequentItem, standard_price_format as $i7OB2$standard_price_format, instant_exec_on_suspect_history_change as $i7OB2$instant_exec_on_suspect_history_change, deparallelize_no_drop as $i7OB2$deparallelize_no_drop, ContainedImage as $i7OB2$ContainedImage, make_asyncIterable_exiter as $i7OB2$make_asyncIterable_exiter, href_change_ipns as $i7OB2$href_change_ipns, base64_encode_unicode as $i7OB2$base64_encode_unicode, base64_decode_unicode as $i7OB2$base64_decode_unicode, use_href_accessor as $i7OB2$use_href_accessor, get_session_id as $i7OB2$get_session_id, add_version_query_params as $i7OB2$add_version_query_params, useExpandingContainer as $i7OB2$useExpandingContainer, hex_to_rgb as $i7OB2$hex_to_rgb, relative_luminance_from_rgb as $i7OB2$relative_luminance_from_rgb, snakeCasifyObject as $i7OB2$snakeCasifyObject, sort_obj as $i7OB2$sort_obj, make_url_with_query_params as $i7OB2$make_url_with_query_params, ListenableSet as $i7OB2$ListenableSet1, insert_surfaces as $i7OB2$insert_surfaces } from "@depict-ai/utilishared/latest";
+import { add_to_version_info as $i7OB2$add_to_version_info, fetch_retry as $i7OB2$fetch_retry, base_url as $i7OB2$base_url, dwarn as $i7OB2$dwarn, slider_fractional_factory as $i7OB2$slider_fractional_factory, dlog as $i7OB2$dlog, camelCasifyObject as $i7OB2$camelCasifyObject, make_random_classname as $i7OB2$make_random_classname, n_col_styling_with_dist as $i7OB2$n_col_styling_with_dist, catchify as $i7OB2$catchify, layout_get_visible_recs_without_partial_rows as $i7OB2$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $i7OB2$layout_get_total_rec_amount_for_row, layout_media_query_header as $i7OB2$layout_media_query_header, report as $i7OB2$report, slider_fading_factory as $i7OB2$slider_fading_factory, Amazing_Slider as $i7OB2$Amazing_Slider, slider_snap_css as $i7OB2$slider_snap_css, observer as $i7OB2$observer, javascript_media_query as $i7OB2$javascript_media_query, queueMacroTask as $i7OB2$queueMacroTask, findMostFrequentItem as $i7OB2$findMostFrequentItem, standard_price_format as $i7OB2$standard_price_format, instant_exec_on_suspect_history_change as $i7OB2$instant_exec_on_suspect_history_change, deparallelize_no_drop as $i7OB2$deparallelize_no_drop, ContainedImage as $i7OB2$ContainedImage, make_asyncIterable_exiter as $i7OB2$make_asyncIterable_exiter, href_change_ipns as $i7OB2$href_change_ipns, base64_encode_unicode as $i7OB2$base64_encode_unicode, base64_decode_unicode as $i7OB2$base64_decode_unicode, use_href_accessor as $i7OB2$use_href_accessor, get_session_id as $i7OB2$get_session_id, add_version_query_params as $i7OB2$add_version_query_params, useExpandingContainer as $i7OB2$useExpandingContainer, hex_to_rgb as $i7OB2$hex_to_rgb, relative_luminance_from_rgb as $i7OB2$relative_luminance_from_rgb, snakeCasifyObject as $i7OB2$snakeCasifyObject, sort_obj as $i7OB2$sort_obj, make_url_with_query_params as $i7OB2$make_url_with_query_params, insert_surfaces as $i7OB2$insert_surfaces } from "@depict-ai/utilishared/latest";
 import { ssr as $i7OB2$ssr, ssrHydrationKey as $i7OB2$ssrHydrationKey, escape as $i7OB2$escape, ssrStyle as $i7OB2$ssrStyle, createComponent as $i7OB2$createComponent, mergeProps as $i7OB2$mergeProps, isServer as $i7OB2$isServer, ssrElement as $i7OB2$ssrElement, ssrClassList as $i7OB2$ssrClassList, insert as $i7OB2$insert, ssrAttribute as $i7OB2$ssrAttribute, spread as $i7OB2$spread, Dynamic as $i7OB2$Dynamic } from "solid-js/web";
 import { createSignal as $i7OB2$createSignal, createMemo as $i7OB2$createMemo, createResource as $i7OB2$createResource, createEffect as $i7OB2$createEffect, Show as $i7OB2$Show, mergeProps as $i7OB2$mergeProps1, Suspense as $i7OB2$Suspense, untrack as $i7OB2$untrack, createRenderEffect as $i7OB2$createRenderEffect, Index as $i7OB2$Index, createRoot as $i7OB2$createRoot, onCleanup as $i7OB2$onCleanup, For as $i7OB2$For, getOwner as $i7OB2$getOwner, runWithOwner as $i7OB2$runWithOwner, createContext as $i7OB2$createContext, useContext as $i7OB2$useContext, createUniqueId as $i7OB2$createUniqueId, createComputed as $i7OB2$createComputed, ErrorBoundary as $i7OB2$ErrorBoundary, splitProps as $i7OB2$splitProps, on as $i7OB2$on, batch as $i7OB2$batch, createSelector as $i7OB2$createSelector, children as $i7OB2$children, createReaction as $i7OB2$createReaction, mapArray as $i7OB2$mapArray } from "solid-js";
 import { ListenableSet as $i7OB2$ListenableSet, catchify as $i7OB2$catchify1, use_href_accessor as $i7OB2$use_href_accessor1, report as $i7OB2$report1 } from "@depict-ai/utilishared/latest";
@@ -7,7 +7,7 @@ import { createStore as $i7OB2$createStore, reconcile as $i7OB2$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "4.3.11";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.3.13";
 const $b5cccc8ee7d24677$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -583,7 +583,8 @@ function $c4492d24952ed731$export$d41d19e89346fa2({
   recommendations_resource_: recommendations_resource_,
   product_card_template_: product_card_template_,
   layout_options_: layout_options_,
-  title_: title_
+  title_: title_,
+  NoResultsFallback_: NoResultsFallback_
 }) {
   const is_showing_something = $i7OB2$createMemo(() => recommendations_resource_.loading || recommendations_resource_()?.length);
   const title = $i7OB2$createMemo(() => title_?.()); // In case getter/accessor creates elements, don't create them twice
@@ -639,6 +640,9 @@ function $c4492d24952ed731$export$d41d19e89346fa2({
     get when() {
       return is_showing_something();
     },
+    get fallback() {
+      return NoResultsFallback_?.();
+    },
     children: slider
   });
 }
@@ -1568,7 +1572,8 @@ function $3da8afe3ed57cf34$export$7da560f849543dff({
   layout_options_: layout_options_,
   title_: title_,
   max_rows_: max_rows_,
-  view_more_button_: view_more_button_
+  view_more_button_: view_more_button_,
+  NoResultsFallback_: NoResultsFallback_
 }) {
   const rows_object_ = $i7OB2$createMemo(() => {
     const view_more_button = view_more_button_?.();
@@ -1630,6 +1635,9 @@ function $3da8afe3ed57cf34$export$7da560f849543dff({
     get when() {
       return is_showing_something();
     },
+    get fallback() {
+      return NoResultsFallback_?.();
+    },
     children: elements
   });
 }
@@ -1697,7 +1705,8 @@ function $07ef910e8ef6b783$export$2c9f9bf2092486aa(props) {
       layout_options_: $i7OB2$createMemo(() => ({
         cols_at_size: $b5cccc8ee7d24677$export$6daf8749b65a1b77(props.columnsAtSize_),
         ...grid_spacing_override()
-      }))
+      })),
+      NoResultsFallback_: () => props.NoResultsFallback_
     };
     $i7OB2$createEffect(() => {
       const {
@@ -5390,39 +5399,12 @@ function $a6b08770e164eced$var$set_range_with_sanitation(min_, max_, current_ran
   new_value[index] = value_as_number;
   current_range_signal[1](new_value);
 }
-var $0b6bc2f8309efa8a$var$_tmpl$ = ["<div", ' class="morphing-sign" role="img"', "><span></span><span></span></div>"];
+var $0b6bc2f8309efa8a$var$_tmpl$ = ["<div", ' class="', '" role="img"', "><span></span><span></span></div>"];
 function $0b6bc2f8309efa8a$export$e5c2828934226505({
   expanded_: expanded_,
   i18n_: i18n_
 }) {
-  let first_span;
-  let second_span;
-  const animation_options = {
-    fill: "forwards",
-    duration: 200
-  };
-  const outer_div = $i7OB2$ssr($0b6bc2f8309efa8a$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$ssrAttribute("aria-label", expanded_() ? $i7OB2$escape(i18n_.morphing_sign_expanded_aria_label_(), true) : $i7OB2$escape(i18n_.morphing_sign_collapsed_aria_label_(), true), false));
-  const [is_in_dom, set_is_in_dom] = $i7OB2$createSignal(false);
-  (0, $i7OB2$observer).wait_for_element(outer_div).then($i7OB2$catchify(() => set_is_in_dom(true)));
-  $i7OB2$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(${expanded ? 90 : "0"}deg)`
-      }], animation_options);
-      const percentage_value = `${expanded ? 50 : 25}%`;
-      second_span.animate([{
-        left: percentage_value,
-        right: percentage_value
-      }], animation_options);
-    } catch (e) {
-      $i7OB2$dlog("partial keyframes probably not supported", e);
-    }
-  });
-  return outer_div;
+  return $i7OB2$ssr($0b6bc2f8309efa8a$var$_tmpl$, $i7OB2$ssrHydrationKey(), `morphing-sign ${expanded_() ? "expanded" : ""}`, $i7OB2$ssrAttribute("aria-label", expanded_() ? $i7OB2$escape(i18n_.morphing_sign_expanded_aria_label_(), true) : $i7OB2$escape(i18n_.morphing_sign_collapsed_aria_label_(), true), false));
 }
 var $522a690e0e2bd46d$var$_tmpl$ = ["<span", ' class="highlighted-part">', "</span>"];
 const $522a690e0e2bd46d$var$dont_cut_in_between_less_than_characters = 30;
@@ -6941,12 +6923,14 @@ function $5efb5894079b220e$export$b288c38ae3fddb56({
           const data_objs_in_remote = Object.fromEntries(remote_meta.values.map((value, index) => [JSON.stringify(value), {
             value_: value,
             count_: remote_meta.counts?.[index],
-            name_: remote_meta.names?.[index]
+            name_: remote_meta.names?.[index],
+            swatches_: remote_meta.swatches?.[index]
           }]));
           const data_objs_in_local = Object.fromEntries(local_meta.values.map((value, index) => [JSON.stringify(value), {
             value_: value,
             count_: 0,
-            name_: local_meta.names?.[index]
+            name_: local_meta.names?.[index],
+            swatches_: local_meta.swatches?.[index]
           }]));
           const new_data = [...Object.keys(data_objs_in_local).filter(key => {
             // put data entries that are selected and don't exist in new remote state first
@@ -6981,7 +6965,12 @@ function $5efb5894079b220e$export$b288c38ae3fddb56({
               }) => name_),
               counts: new_data.map(({
                 count_: count_
-              }) => count_)
+              }) => count_),
+              ...("swatches" in remote_filter && {
+                swatches: new_data.map(({
+                  swatches_: swatches_
+                }) => swatches_)
+              })
             }
           };
           new_local_filter_state.push(result);
@@ -7030,6 +7019,7 @@ function $5efb5894079b220e$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) new_meta.swatches = 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;
@@ -10105,7 +10095,7 @@ function $b2bf2cdcff8142d8$export$f631859cab12b342({
 function $b26bdbd081f63e3f$export$9ff751cd77687edc({
   search_results_: search_results_,
   router_: router_,
-  queries_without_content_results_: queries_without_content_results_,
+  setNumberContentResultsPerQuery_: setNumberContentResultsPerQuery_,
   get_search_query_: get_search_query_
 }) {
   const content_results = $i7OB2$createMemo(() => search_results_()?.content_search_links);
@@ -10121,7 +10111,11 @@ function $b26bdbd081f63e3f$export$9ff751cd77687edc({
   });
   $i7OB2$createEffect(() => {
     const results = content_results();
-    if (Array.isArray(results) && results.length === 0) queries_without_content_results_.add($i7OB2$untrack(get_search_query_));
+    const numberResults = Array.isArray(results) ? results.length : 0;
+    setNumberContentResultsPerQuery_(prev => {
+      prev.set($i7OB2$untrack(get_search_query_), numberResults);
+      return prev;
+    });
   });
   return $i7OB2$createComponent((0, $i7OB2$For), {
     get each() {
@@ -10138,7 +10132,8 @@ function $b26bdbd081f63e3f$export$9ff751cd77687edc({
 }
 function $9d5b3ed1fc91c672$export$4405d077f0a20494({
   content_results_rows_: [get_history_state_content_results_rows],
-  cols_at_size_: cols_at_size_
+  cols_at_size_: cols_at_size_,
+  overrideAmount_: overrideAmount_
 }) {
   const colsShowingNow = $77348875ac090fcd$export$a79e666719b3647c(cols_at_size_);
   const largest_column = $i7OB2$createMemo(() => {
@@ -10146,9 +10141,12 @@ function $9d5b3ed1fc91c672$export$4405d077f0a20494({
     if (isNaN(largest_in_cols_at_size) || Math.abs(largest_in_cols_at_size) === Infinity) return 4; // fallback to something big so we always have the right amount of placeholders
     return largest_in_cols_at_size;
   });
-  const num_placeholders = $i7OB2$createMemo(() =>
-  // 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_content_results_rows() ?? (0, $49de9d31aeea1b5e$export$70ceae36059a1036)) * (colsShowingNow() || largest_column()));
+  const num_placeholders = $i7OB2$createMemo(() => {
+    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_content_results_rows() ?? (0, $49de9d31aeea1b5e$export$70ceae36059a1036)) * (colsShowingNow() || largest_column());
+  });
   return $i7OB2$createComponent((0, $i7OB2$Index), {
     get each() {
       return Array.from({
@@ -10178,15 +10176,13 @@ function $49de9d31aeea1b5e$export$6d0c9c22f6652669({
     number_: num_results,
     i18n_: i18n_
   });
-  const queries_without_content_results_ = new (0, $i7OB2$ListenableSet1)();
-  const [check_query, set_check_query] = $i7OB2$createSignal(false);
-  const placeholders_enabled = $i7OB2$createMemo(() => {
-    // don't show placeholders when the user toggles filters
-    check_query();
-    return !queries_without_content_results_.has(get_search_query_());
+  const [numberContentResultsPerQuery, setNumberContentResultsPerQuery_] = $i7OB2$createSignal(new Map(), {
+    equals: false
   });
+  const contentResultsForCurrentQuery = $i7OB2$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 = $i7OB2$createMemo(() => contentResultsForCurrentQuery() !== 0);
   const rows_object = $49de9d31aeea1b5e$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 $i7OB2$ssr($49de9d31aeea1b5e$var$_tmpl$, $i7OB2$ssrHydrationKey(), "display:" + (is_loading_() && placeholders_enabled() || content_results()?.length > 0 ? "" : "none"), $i7OB2$escape($i7OB2$createComponent((0, $f8c929beb82c512b$export$9dd50d35b9d94fdf), {
     get_search_query_: get_search_query_,
     i18n_: i18n_,
@@ -10209,14 +10205,15 @@ function $49de9d31aeea1b5e$export$6d0c9c22f6652669({
             content_results_rows_: content_results_rows_,
             get cols_at_size_() {
               return $i7OB2$createMemo(() => layout_options_().cols_at_size);
-            }
+            },
+            overrideAmount_: contentResultsForCurrentQuery
           });
         },
         get children() {
           return $i7OB2$createComponent((0, $b26bdbd081f63e3f$export$9ff751cd77687edc), {
             router_: router_,
             search_results_: search_results_,
-            queries_without_content_results_: queries_without_content_results_,
+            setNumberContentResultsPerQuery_: setNumberContentResultsPerQuery_,
             get_search_query_: get_search_query_
           });
         }