@depict-ai/ui 4.3.10 → 4.3.12

package/server/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.10";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.12";
 const $5401a6698b0c0658$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -704,7 +704,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 = $3hooq$solidjs.createMemo(() => {
     var _recommendations_reso;
@@ -763,6 +764,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
   });
 }
@@ -1242,7 +1246,7 @@ function $f38f2e64ebe2da86$export$a71e92cfbb498adc(props) {
 }
 var $d66c35b5a6d6d926$var$_tmpl$ = ["<div", ' class="img-wrapper">', "</div>"],
   $d66c35b5a6d6d926$var$_tmpl$2 = ["<span", ' class="d-price original">', "</span>"],
-  $d66c35b5a6d6d926$var$_tmpl$3 = ["<div", ' class="right-part"><div class="text-container"><span class="d-title line-clamp">', '</span><span class="', '">', "</span><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
+  $d66c35b5a6d6d926$var$_tmpl$3 = ["<div", ' class="right-part"><div class="text-container">', '<span class="', '">', "</span><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
 function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
   let {
     display_: display_,
@@ -1280,6 +1284,10 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
     return (_variantToUse4 = variantToUse()) === null || _variantToUse4 === void 0 ? void 0 : _variantToUse4.page_url;
   });
   const FavoriteButton = FavoriteButton_; // Just to get rid of the type error - TS doesn't understand <Show>
+  const title = $3hooq$solidjs.createMemo(() => {
+    var _variantToUse5;
+    return (_variantToUse5 = variantToUse()) === null || _variantToUse5 === void 0 ? void 0 : _variantToUse5.title;
+  });
   return $3hooq$solidjsweb.ssrElement("a", $3hooq$solidjsweb.mergeProps({
     "class": "look-item"
   }, () => enableLink() ? {
@@ -1324,11 +1332,17 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
       return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : userWantsExpanded()) || animationIsRunning();
     },
     get children() {
-      var _$escape2, _variantToUse5;
-      return $3hooq$solidjsweb.ssr($d66c35b5a6d6d926$var$_tmpl$3, $3hooq$solidjsweb.ssrHydrationKey(), (_$escape2 = $3hooq$solidjsweb.escape((_variantToUse5 = variantToUse()) === null || _variantToUse5 === void 0 ? void 0 : _variantToUse5.title)) !== null && _$escape2 !== void 0 ? _$escape2 : $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $a7f7d416e6f61504$export$89c6019e4baa40b1), {
-        height: "1em",
-        width: "20ch"
-      })), "d-price ".concat(isOnSale() ? "sale" : ""), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
+      return $3hooq$solidjsweb.ssr($d66c35b5a6d6d926$var$_tmpl$3, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.ssrElement("span", $3hooq$solidjsweb.mergeProps({
+        "class": "d-title line-clamp"
+      }, () => title() && {
+        title: title()
+      }), () => {
+        var _$escape2;
+        return (_$escape2 = $3hooq$solidjsweb.escape(title())) !== null && _$escape2 !== void 0 ? _$escape2 : $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $a7f7d416e6f61504$export$89c6019e4baa40b1), {
+          height: "1em",
+          width: "20ch"
+        }));
+      }, false), "d-price ".concat(isOnSale() ? "sale" : ""), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
         get when() {
           return variantToUse() && !salePrice.loading;
         },
@@ -1734,7 +1748,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_ = $3hooq$solidjs.createMemo(() => {
     var _view_more_button$row;
@@ -1800,6 +1815,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
   });
 }
@@ -1869,7 +1887,8 @@ function $e57cd46536ad992e$export$2c9f9bf2092486aa(props) {
       layout_options_: $3hooq$solidjs.createMemo(() => ({
         cols_at_size: $5401a6698b0c0658$export$6daf8749b65a1b77(props.columnsAtSize_),
         ...grid_spacing_override()
-      }))
+      })),
+      NoResultsFallback_: () => props.NoResultsFallback_
     };
     $3hooq$solidjs.createEffect(() => {
       const {
@@ -5763,40 +5782,13 @@ function $0257c760a99bfacb$var$set_range_with_sanitation(min_, max_, current_ran
   new_value[index] = value_as_number;
   current_range_signal[1](new_value);
 }
-var $ac040bdfeed58ee4$var$_tmpl$ = ["<div", ' class="morphing-sign" role="img"', "><span></span><span></span></div>"];
+var $ac040bdfeed58ee4$var$_tmpl$ = ["<div", ' class="', '" role="img"', "><span></span><span></span></div>"];
 function $ac040bdfeed58ee4$export$e5c2828934226505(_ref) {
   let {
     expanded_: expanded_,
     i18n_: i18n_
   } = _ref;
-  let first_span;
-  let second_span;
-  const animation_options = {
-    fill: "forwards",
-    duration: 200
-  };
-  const outer_div = $3hooq$solidjsweb.ssr($ac040bdfeed58ee4$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.ssrAttribute("aria-label", expanded_() ? $3hooq$solidjsweb.escape(i18n_.morphing_sign_expanded_aria_label_(), true) : $3hooq$solidjsweb.escape(i18n_.morphing_sign_collapsed_aria_label_(), true), false));
-  const [is_in_dom, set_is_in_dom] = $3hooq$solidjs.createSignal(false);
-  (0, $3hooq$depictaiutilishared.observer).wait_for_element(outer_div).then($3hooq$depictaiutilishared.catchify(() => set_is_in_dom(true)));
-  $3hooq$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) {
-      $3hooq$depictaiutilishared.dlog("partial keyframes probably not supported", e);
-    }
-  });
-  return outer_div;
+  return $3hooq$solidjsweb.ssr($ac040bdfeed58ee4$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "morphing-sign ".concat(expanded_() ? "expanded" : ""), $3hooq$solidjsweb.ssrAttribute("aria-label", expanded_() ? $3hooq$solidjsweb.escape(i18n_.morphing_sign_expanded_aria_label_(), true) : $3hooq$solidjsweb.escape(i18n_.morphing_sign_collapsed_aria_label_(), true), false));
 }
 var $99472afa7112c427$var$_tmpl$ = ["<span", ' class="highlighted-part">', "</span>"];
 const $99472afa7112c427$var$dont_cut_in_between_less_than_characters = 30;
@@ -10875,7 +10867,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 = $3hooq$solidjs.createMemo(() => {
@@ -10894,7 +10886,11 @@ function $bf4a8d57aa8dd1c8$export$9ff751cd77687edc(_ref) {
   });
   $3hooq$solidjs.createEffect(() => {
     const results = content_results();
-    if (Array.isArray(results) && results.length === 0) queries_without_content_results_.add($3hooq$solidjs.untrack(get_search_query_));
+    const numberResults = Array.isArray(results) ? results.length : 0;
+    setNumberContentResultsPerQuery_(prev => {
+      prev.set($3hooq$solidjs.untrack(get_search_query_), numberResults);
+      return prev;
+    });
   });
   return $3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.For), {
     get each() {
@@ -10912,7 +10908,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 = $3hooq$solidjs.createMemo(() => {
@@ -10925,10 +10922,10 @@ function $05f255c0a94b9ca1$export$4405d077f0a20494(_ref) {
   });
   const num_placeholders = $3hooq$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 $3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Index), {
     get each() {
@@ -10967,15 +10964,13 @@ function $eab939d0b95b75ee$export$6d0c9c22f6652669(_ref) {
     number_: num_results,
     i18n_: i18n_
   });
-  const queries_without_content_results_ = new (0, $3hooq$depictaiutilishared.ListenableSet)();
-  const [check_query, set_check_query] = $3hooq$solidjs.createSignal(false);
-  const placeholders_enabled = $3hooq$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_] = $3hooq$solidjs.createSignal(new Map(), {
+    equals: false
   });
+  const contentResultsForCurrentQuery = $3hooq$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 = $3hooq$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 $3hooq$solidjsweb.ssr($eab939d0b95b75ee$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "display:" + (is_loading_() && placeholders_enabled() || ((_content_results2 = content_results()) === null || _content_results2 === void 0 ? void 0 : _content_results2.length) > 0 ? "" : "none"), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $9870a8a48ee126af$export$9dd50d35b9d94fdf), {
     get_search_query_: get_search_query_,
     i18n_: i18n_,
@@ -10998,14 +10993,15 @@ function $eab939d0b95b75ee$export$6d0c9c22f6652669(_ref) {
             content_results_rows_: content_results_rows_,
             get cols_at_size_() {
               return $3hooq$solidjs.createMemo(() => layout_options_().cols_at_size);
-            }
+            },
+            overrideAmount_: contentResultsForCurrentQuery
           });
         },
         get children() {
           return $3hooq$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/server/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.10";
+export const version = "4.3.12";
 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
@@ -1398,7 +1399,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;
@@ -1476,5 +1477,5 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   content_blocks_by_row?: ContentBlocksByRow;
   layout?: PossibleLayout;
   filterModalParent_?: HTMLElement | ShadowRoot;
-}): import("@depict-ai/utilishared").Node_Array;
+}): import("@depict-ai/utilishared/latest").Node_Array;
 export type { SearchFilter } from "@depict-ai/types/api/SearchRequestV3";

package/server/ES10/index.js

@@ -1,4 +1,4 @@
-import { add_to_version_info as $b8hua$add_to_version_info, fetch_retry as $b8hua$fetch_retry, base_url as $b8hua$base_url, dwarn as $b8hua$dwarn, slider_fractional_factory as $b8hua$slider_fractional_factory, dlog as $b8hua$dlog, camelCasifyObject as $b8hua$camelCasifyObject, make_random_classname as $b8hua$make_random_classname, n_col_styling_with_dist as $b8hua$n_col_styling_with_dist, catchify as $b8hua$catchify, layout_get_visible_recs_without_partial_rows as $b8hua$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $b8hua$layout_get_total_rec_amount_for_row, layout_media_query_header as $b8hua$layout_media_query_header, report as $b8hua$report, slider_fading_factory as $b8hua$slider_fading_factory, Amazing_Slider as $b8hua$Amazing_Slider, slider_snap_css as $b8hua$slider_snap_css, observer as $b8hua$observer, javascript_media_query as $b8hua$javascript_media_query, queueMacroTask as $b8hua$queueMacroTask, findMostFrequentItem as $b8hua$findMostFrequentItem, standard_price_format as $b8hua$standard_price_format, instant_exec_on_suspect_history_change as $b8hua$instant_exec_on_suspect_history_change, deparallelize_no_drop as $b8hua$deparallelize_no_drop, ContainedImage as $b8hua$ContainedImage, make_asyncIterable_exiter as $b8hua$make_asyncIterable_exiter, href_change_ipns as $b8hua$href_change_ipns, base64_encode_unicode as $b8hua$base64_encode_unicode, base64_decode_unicode as $b8hua$base64_decode_unicode, use_href_accessor as $b8hua$use_href_accessor, get_session_id as $b8hua$get_session_id, add_version_query_params as $b8hua$add_version_query_params, useExpandingContainer as $b8hua$useExpandingContainer, hex_to_rgb as $b8hua$hex_to_rgb, relative_luminance_from_rgb as $b8hua$relative_luminance_from_rgb, snakeCasifyObject as $b8hua$snakeCasifyObject, make_url_with_query_params as $b8hua$make_url_with_query_params, sort_obj as $b8hua$sort_obj, ListenableSet as $b8hua$ListenableSet1, insert_surfaces as $b8hua$insert_surfaces } from "@depict-ai/utilishared/ES10";
+import { add_to_version_info as $b8hua$add_to_version_info, fetch_retry as $b8hua$fetch_retry, base_url as $b8hua$base_url, dwarn as $b8hua$dwarn, slider_fractional_factory as $b8hua$slider_fractional_factory, dlog as $b8hua$dlog, camelCasifyObject as $b8hua$camelCasifyObject, make_random_classname as $b8hua$make_random_classname, n_col_styling_with_dist as $b8hua$n_col_styling_with_dist, catchify as $b8hua$catchify, layout_get_visible_recs_without_partial_rows as $b8hua$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $b8hua$layout_get_total_rec_amount_for_row, layout_media_query_header as $b8hua$layout_media_query_header, report as $b8hua$report, slider_fading_factory as $b8hua$slider_fading_factory, Amazing_Slider as $b8hua$Amazing_Slider, slider_snap_css as $b8hua$slider_snap_css, observer as $b8hua$observer, javascript_media_query as $b8hua$javascript_media_query, queueMacroTask as $b8hua$queueMacroTask, findMostFrequentItem as $b8hua$findMostFrequentItem, standard_price_format as $b8hua$standard_price_format, instant_exec_on_suspect_history_change as $b8hua$instant_exec_on_suspect_history_change, deparallelize_no_drop as $b8hua$deparallelize_no_drop, ContainedImage as $b8hua$ContainedImage, make_asyncIterable_exiter as $b8hua$make_asyncIterable_exiter, href_change_ipns as $b8hua$href_change_ipns, base64_encode_unicode as $b8hua$base64_encode_unicode, base64_decode_unicode as $b8hua$base64_decode_unicode, use_href_accessor as $b8hua$use_href_accessor, get_session_id as $b8hua$get_session_id, add_version_query_params as $b8hua$add_version_query_params, useExpandingContainer as $b8hua$useExpandingContainer, hex_to_rgb as $b8hua$hex_to_rgb, relative_luminance_from_rgb as $b8hua$relative_luminance_from_rgb, snakeCasifyObject as $b8hua$snakeCasifyObject, make_url_with_query_params as $b8hua$make_url_with_query_params, sort_obj as $b8hua$sort_obj, insert_surfaces as $b8hua$insert_surfaces } from "@depict-ai/utilishared/ES10";
 import { ssr as $b8hua$ssr, ssrHydrationKey as $b8hua$ssrHydrationKey, escape as $b8hua$escape, ssrStyle as $b8hua$ssrStyle, createComponent as $b8hua$createComponent, mergeProps as $b8hua$mergeProps, isServer as $b8hua$isServer, ssrElement as $b8hua$ssrElement, ssrClassList as $b8hua$ssrClassList, insert as $b8hua$insert, ssrAttribute as $b8hua$ssrAttribute, spread as $b8hua$spread, Dynamic as $b8hua$Dynamic } from "solid-js/web";
 import { createSignal as $b8hua$createSignal, createMemo as $b8hua$createMemo, createResource as $b8hua$createResource, createEffect as $b8hua$createEffect, Show as $b8hua$Show, mergeProps as $b8hua$mergeProps1, Suspense as $b8hua$Suspense, untrack as $b8hua$untrack, createRenderEffect as $b8hua$createRenderEffect, Index as $b8hua$Index, createRoot as $b8hua$createRoot, onCleanup as $b8hua$onCleanup, For as $b8hua$For, getOwner as $b8hua$getOwner, runWithOwner as $b8hua$runWithOwner, createContext as $b8hua$createContext, useContext as $b8hua$useContext, createUniqueId as $b8hua$createUniqueId, createComputed as $b8hua$createComputed, ErrorBoundary as $b8hua$ErrorBoundary, splitProps as $b8hua$splitProps, on as $b8hua$on, batch as $b8hua$batch, createSelector as $b8hua$createSelector, children as $b8hua$children, createReaction as $b8hua$createReaction, mapArray as $b8hua$mapArray } from "solid-js";
 import $b8hua$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/defineProperty";
@@ -10,7 +10,7 @@ import { createStore as $b8hua$createStore, reconcile as $b8hua$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.10";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.3.12";
 const $a9c7ba6087881ac2$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -614,7 +614,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 = $b8hua$createMemo(() => {
     var _recommendations_reso;
@@ -673,6 +674,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
   });
 }
@@ -1152,7 +1156,7 @@ function $60ec7a29849d81db$export$a71e92cfbb498adc(props) {
 }
 var $0c5b1686f971e5e7$var$_tmpl$ = ["<div", ' class="img-wrapper">', "</div>"],
   $0c5b1686f971e5e7$var$_tmpl$2 = ["<span", ' class="d-price original">', "</span>"],
-  $0c5b1686f971e5e7$var$_tmpl$3 = ["<div", ' class="right-part"><div class="text-container"><span class="d-title line-clamp">', '</span><span class="', '">', "</span><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
+  $0c5b1686f971e5e7$var$_tmpl$3 = ["<div", ' class="right-part"><div class="text-container">', '<span class="', '">', "</span><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
 function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
   let {
     display_: display_,
@@ -1190,6 +1194,10 @@ function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
     return (_variantToUse4 = variantToUse()) === null || _variantToUse4 === void 0 ? void 0 : _variantToUse4.page_url;
   });
   const FavoriteButton = FavoriteButton_; // Just to get rid of the type error - TS doesn't understand <Show>
+  const title = $b8hua$createMemo(() => {
+    var _variantToUse5;
+    return (_variantToUse5 = variantToUse()) === null || _variantToUse5 === void 0 ? void 0 : _variantToUse5.title;
+  });
   return $b8hua$ssrElement("a", $b8hua$mergeProps({
     "class": "look-item"
   }, () => enableLink() ? {
@@ -1234,11 +1242,17 @@ function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
       return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : userWantsExpanded()) || animationIsRunning();
     },
     get children() {
-      var _$escape2, _variantToUse5;
-      return $b8hua$ssr($0c5b1686f971e5e7$var$_tmpl$3, $b8hua$ssrHydrationKey(), (_$escape2 = $b8hua$escape((_variantToUse5 = variantToUse()) === null || _variantToUse5 === void 0 ? void 0 : _variantToUse5.title)) !== null && _$escape2 !== void 0 ? _$escape2 : $b8hua$escape($b8hua$createComponent((0, $ceafb6fb91c6f394$export$89c6019e4baa40b1), {
-        height: "1em",
-        width: "20ch"
-      })), "d-price ".concat(isOnSale() ? "sale" : ""), $b8hua$escape($b8hua$createComponent((0, $b8hua$Show), {
+      return $b8hua$ssr($0c5b1686f971e5e7$var$_tmpl$3, $b8hua$ssrHydrationKey(), $b8hua$ssrElement("span", $b8hua$mergeProps({
+        "class": "d-title line-clamp"
+      }, () => title() && {
+        title: title()
+      }), () => {
+        var _$escape2;
+        return (_$escape2 = $b8hua$escape(title())) !== null && _$escape2 !== void 0 ? _$escape2 : $b8hua$escape($b8hua$createComponent((0, $ceafb6fb91c6f394$export$89c6019e4baa40b1), {
+          height: "1em",
+          width: "20ch"
+        }));
+      }, false), "d-price ".concat(isOnSale() ? "sale" : ""), $b8hua$escape($b8hua$createComponent((0, $b8hua$Show), {
         get when() {
           return variantToUse() && !salePrice.loading;
         },
@@ -1644,7 +1658,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_ = $b8hua$createMemo(() => {
     var _view_more_button$row;
@@ -1710,6 +1725,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
   });
 }
@@ -1779,7 +1797,8 @@ function $bb34cd283e904784$export$2c9f9bf2092486aa(props) {
       layout_options_: $b8hua$createMemo(() => ({
         cols_at_size: $a9c7ba6087881ac2$export$6daf8749b65a1b77(props.columnsAtSize_),
         ...grid_spacing_override()
-      }))
+      })),
+      NoResultsFallback_: () => props.NoResultsFallback_
     };
     $b8hua$createEffect(() => {
       const {
@@ -5673,40 +5692,13 @@ function $1e7465a8ffa97f6c$var$set_range_with_sanitation(min_, max_, current_ran
   new_value[index] = value_as_number;
   current_range_signal[1](new_value);
 }
-var $457279ff15864cb9$var$_tmpl$ = ["<div", ' class="morphing-sign" role="img"', "><span></span><span></span></div>"];
+var $457279ff15864cb9$var$_tmpl$ = ["<div", ' class="', '" role="img"', "><span></span><span></span></div>"];
 function $457279ff15864cb9$export$e5c2828934226505(_ref) {
   let {
     expanded_: expanded_,
     i18n_: i18n_
   } = _ref;
-  let first_span;
-  let second_span;
-  const animation_options = {
-    fill: "forwards",
-    duration: 200
-  };
-  const outer_div = $b8hua$ssr($457279ff15864cb9$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$ssrAttribute("aria-label", expanded_() ? $b8hua$escape(i18n_.morphing_sign_expanded_aria_label_(), true) : $b8hua$escape(i18n_.morphing_sign_collapsed_aria_label_(), true), false));
-  const [is_in_dom, set_is_in_dom] = $b8hua$createSignal(false);
-  (0, $b8hua$observer).wait_for_element(outer_div).then($b8hua$catchify(() => set_is_in_dom(true)));
-  $b8hua$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) {
-      $b8hua$dlog("partial keyframes probably not supported", e);
-    }
-  });
-  return outer_div;
+  return $b8hua$ssr($457279ff15864cb9$var$_tmpl$, $b8hua$ssrHydrationKey(), "morphing-sign ".concat(expanded_() ? "expanded" : ""), $b8hua$ssrAttribute("aria-label", expanded_() ? $b8hua$escape(i18n_.morphing_sign_expanded_aria_label_(), true) : $b8hua$escape(i18n_.morphing_sign_collapsed_aria_label_(), true), false));
 }
 var $f3a159279dc1a8fb$var$_tmpl$ = ["<span", ' class="highlighted-part">', "</span>"];
 const $f3a159279dc1a8fb$var$dont_cut_in_between_less_than_characters = 30;
@@ -10785,7 +10777,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 = $b8hua$createMemo(() => {
@@ -10804,7 +10796,11 @@ function $881e8953a9103f10$export$9ff751cd77687edc(_ref) {
   });
   $b8hua$createEffect(() => {
     const results = content_results();
-    if (Array.isArray(results) && results.length === 0) queries_without_content_results_.add($b8hua$untrack(get_search_query_));
+    const numberResults = Array.isArray(results) ? results.length : 0;
+    setNumberContentResultsPerQuery_(prev => {
+      prev.set($b8hua$untrack(get_search_query_), numberResults);
+      return prev;
+    });
   });
   return $b8hua$createComponent((0, $b8hua$For), {
     get each() {
@@ -10822,7 +10818,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 = $b8hua$createMemo(() => {
@@ -10835,10 +10832,10 @@ function $ad4f3c9872fbeb48$export$4405d077f0a20494(_ref) {
   });
   const num_placeholders = $b8hua$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 $b8hua$createComponent((0, $b8hua$Index), {
     get each() {
@@ -10877,15 +10874,13 @@ function $d53ebed6f63304e4$export$6d0c9c22f6652669(_ref) {
     number_: num_results,
     i18n_: i18n_
   });
-  const queries_without_content_results_ = new (0, $b8hua$ListenableSet1)();
-  const [check_query, set_check_query] = $b8hua$createSignal(false);
-  const placeholders_enabled = $b8hua$createMemo(() => {
-    // don't show placeholders when the user toggles filters
-    check_query();
-    return !queries_without_content_results_.has(get_search_query_());
+  const [numberContentResultsPerQuery, setNumberContentResultsPerQuery_] = $b8hua$createSignal(new Map(), {
+    equals: false
   });
+  const contentResultsForCurrentQuery = $b8hua$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 = $b8hua$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 $b8hua$ssr($d53ebed6f63304e4$var$_tmpl$, $b8hua$ssrHydrationKey(), "display:" + (is_loading_() && placeholders_enabled() || ((_content_results2 = content_results()) === null || _content_results2 === void 0 ? void 0 : _content_results2.length) > 0 ? "" : "none"), $b8hua$escape($b8hua$createComponent((0, $69602b3d8fd54c38$export$9dd50d35b9d94fdf), {
     get_search_query_: get_search_query_,
     i18n_: i18n_,
@@ -10908,14 +10903,15 @@ function $d53ebed6f63304e4$export$6d0c9c22f6652669(_ref) {
             content_results_rows_: content_results_rows_,
             get cols_at_size_() {
               return $b8hua$createMemo(() => layout_options_().cols_at_size);
-            }
+            },
+            overrideAmount_: contentResultsForCurrentQuery
           });
         },
         get children() {
           return $b8hua$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_
           });
         }