@depict-ai/ui 2.0.13 → 2.0.15

package/server/latest/index.cjs

@@ -1,6 +1,6 @@
 var $5vyXB$depictaiutilishared = require("@depict-ai/utilishared/latest");
-var $5vyXB$solidjs = require("solid-js");
 var $5vyXB$solidjsweb = require("solid-js/web");
+var $5vyXB$solidjs = require("solid-js");
 require("../../multi_import_deduplicator.cjs").register_es_version("ui", "latest");
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {
@@ -10,6 +10,11 @@ function $parcel$export(e, n, v, s) {
     configurable: true
   });
 }
+$parcel$export(module.exports, "shopifyContainedImageContextSymbol", () => $a33065cfed827fc0$export$d7b7ab832c20e2f4);
+$parcel$export(module.exports, "ListingProvider", () => $84798aaa863a4909$export$e68cff63f76bd15b);
+$parcel$export(module.exports, "useListing", () => $84798aaa863a4909$export$8d0c4fdbb05a2f2e);
+$parcel$export(module.exports, "ShopifyContainedImage", () => $a33065cfed827fc0$export$e4b984597b71e989);
+$parcel$export(module.exports, "SlidableItems", () => $a0e53f99354809d9$export$6649caad96ef8870);
 $parcel$export(module.exports, "make_accurate_size_accessor", () => $e5f442fb78c98741$export$9f191182275e9ef);
 $parcel$export(module.exports, "RecommendationSlider", () => $72f96c4782db0b1b$export$9574e176201e5e8d);
 $parcel$export(module.exports, "RecommendationGrid", () => $1f8dbf7e28b3eff2$export$9756467d34d91cdb);
@@ -61,7 +66,159 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad997933$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "2.0.13";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "2.0.15";
+const $84798aaa863a4909$var$ListingContext = /*@__PURE__*/$5vyXB$solidjs.createContext();
+function $84798aaa863a4909$export$e68cff63f76bd15b(props) {
+  const our_object = {};
+  return $5vyXB$solidjsweb.createComponent($84798aaa863a4909$var$ListingContext.Provider, {
+    value: our_object,
+    get children() {
+      return props.children;
+    }
+  });
+}
+function $84798aaa863a4909$export$8d0c4fdbb05a2f2e() {
+  return $5vyXB$solidjs.useContext($84798aaa863a4909$var$ListingContext);
+}
+const $93304d59a9747aa6$var$_tmpl$ = ["<div", ' style="', '"></div>'];
+function $93304d59a9747aa6$export$94026ee33dbabc26(props) {
+  return $5vyXB$solidjsweb.ssr($93304d59a9747aa6$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrStyle(`position:relative;width:100%;padding-bottom:${1 / props.aspectRatio * 100}%`));
+}
+function $19950faaac026e09$export$e6fffe67d4cdd848(whatToWatch) {
+  const [size, setSize] = $5vyXB$solidjs.createSignal(0);
+  const resizeObserver = new ResizeObserver($5vyXB$depictaiutilishared.catchify(records => {
+    for (let j = 0; j < records.length; j++) {
+      const {
+        width: width
+      } = records[j].contentRect;
+      if (!width) continue;
+      // add extra 5% just in case. + safari is (in some cases) acting a bit questionable and needs a third extra to fill the set width
+      const new_size = width * 1.05 * ((0, $5vyXB$depictaiutilishared.is_safari) ? 4 / 3 : 1);
+      setSize(Math.round(new_size));
+    }
+  }));
+  // If we start observing elements before they're in the DOM Chrome (Version 117.0.5938.92 (Official Build) (arm64)) sometimes gives us a resize event with a width of 0 and then doesn't dispatch one with the actual width once it's in the DOM. So we wait until the element is in the DOM before we start observing it.
+  // It doesn't seem to work even when waiting for it to be in the DOM, also wait an animation frame
+  const disconnect = (0, $5vyXB$depictaiutilishared.observer).onexists(whatToWatch, ({
+    element: element
+  }) => requestAnimationFrame($5vyXB$depictaiutilishared.catchify(() => resizeObserver.observe(element))));
+  $5vyXB$solidjs.onCleanup(() => {
+    resizeObserver.disconnect();
+    disconnect();
+  });
+  return size;
+}
+function $19950faaac026e09$export$6e5611bc7e57e477(props) {
+  // Enable reactive props
+  const otherOptions = $5vyXB$solidjs.createMemo(() => {
+    const cloned_props = {
+      ...props
+    };
+    delete cloned_props.resolutions;
+    // @ts-ignore
+    delete cloned_props.size;
+    // @ts-ignore
+    delete cloned_props.src;
+    return cloned_props;
+  });
+  const src_options = $5vyXB$solidjs.createMemo(() => {
+    const src = new URL(props.src, location.origin);
+    const fallback_src = $19950faaac026e09$var$generateImageUrl(src, 400);
+    const srcset = $19950faaac026e09$var$make_srcset(src, props.resolutions || [64, 128, 256, 300, 400, 512, 768, 1024, 1280, 1536, 2048, 4096]);
+    return {
+      src: fallback_src,
+      srcset: srcset
+    };
+  });
+  return $5vyXB$solidjsweb.ssrElement("img", () => ({
+    ...otherOptions,
+    ...src_options(),
+    "sizes": props.size() + "px"
+  }), undefined, true);
+}
+function $19950faaac026e09$var$make_srcset(url, resolutions) {
+  return resolutions.map(width => `${$19950faaac026e09$var$generateImageUrl(url, width)} ${width}w`).join(", ");
+}
+function $19950faaac026e09$var$generateImageUrl(url, width) {
+  url.searchParams.set("width", width);
+  return url.href;
+}
+const $a33065cfed827fc0$var$backupSizeSignal = /*@__PURE__*/$5vyXB$solidjs.createSignal();
+const $a33065cfed827fc0$export$d7b7ab832c20e2f4 = /*@__PURE__*/Symbol("ShopifyContainedImage");
+function $a33065cfed827fc0$export$e4b984597b71e989(props) {
+  const context = $84798aaa863a4909$export$8d0c4fdbb05a2f2e();
+  if (context && !context[$a33065cfed827fc0$export$d7b7ab832c20e2f4])
+    // create a signal that's the same for all items in this listing
+    context[$a33065cfed827fc0$export$d7b7ab832c20e2f4] = $5vyXB$solidjs.createSignal();
+  $5vyXB$depictaiutilishared.dlog("Checking for", $a33065cfed827fc0$export$d7b7ab832c20e2f4, "in", context);
+  const [currentImageSize, setCurrentImageSize] = context?.[$a33065cfed827fc0$export$d7b7ab832c20e2f4] || $a33065cfed827fc0$var$backupSizeSignal; // use global fallback signal (might lead to blurry images) if no context is available
+  const container = $5vyXB$solidjsweb.createComponent((0, $93304d59a9747aa6$export$94026ee33dbabc26), {
+    get aspectRatio() {
+      return props.aspectRatio;
+    }
+  });
+  const owner = $5vyXB$solidjs.getOwner();
+  let createdSizeAccessor = false;
+  let wasCleanedUp = false;
+  $5vyXB$solidjs.createEffect(() => {
+    if (currentImageSize() || wasCleanedUp) return; // We get into the effect when onCleanup is called if we don't have wasCleanedUp
+    // ensure we always have a size accessor
+    // what this whole thing does is set the sizes attribute to the actual size of one of the existing image containers, therefore the value doesn't have to manually be specified
+    setCurrentImageSize(() => $5vyXB$solidjs.runWithOwner(owner, () => $19950faaac026e09$export$e6fffe67d4cdd848(container)));
+  });
+  $5vyXB$solidjs.onCleanup(() => {
+    wasCleanedUp = true; // important to set this before the function call below and always, so the dead effects don't create dead size accessors
+    if (!createdSizeAccessor) return;
+    $5vyXB$depictaiutilishared.queueMacroTask(() => setCurrentImageSize(undefined)); // unset the size accessor next event loop iteration, so that all onCleanup's have time to run, since the effects run more aggressively and can create a size accessor with a cleaned up owner otherwise
+  });
+
+  container.append($5vyXB$solidjsweb.createComponent((0, $19950faaac026e09$export$6e5611bc7e57e477), {
+    style: "width: 100%; height: 100%; object-fit: contain; position: absolute; inset: 0;",
+    get size() {
+      return $5vyXB$solidjs.createMemo(() => currentImageSize()?.() || 0);
+    },
+    get src() {
+      return props.src;
+    }
+  }));
+  return container;
+}
+const $0f313083912e447a$var$_tmpl$ = ["<svg", ' xmlns="http://www.w3.org/2000/svg"', ' viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0" fill="#0f0f0f"></path></svg>'];
+function $0f313083912e447a$export$8be2714ec7f169ee(props = {}) {
+  return $5vyXB$solidjsweb.ssr($0f313083912e447a$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrAttribute("width", $5vyXB$solidjsweb.escape(props.width_, true) ?? 14, false) + $5vyXB$solidjsweb.ssrAttribute("height", $5vyXB$solidjsweb.escape(props.height_, true) ?? 26, false));
+}
+const $a0e53f99354809d9$var$_tmpl$ = ["<div", ">", "</div>"];
+function $a0e53f99354809d9$export$6649caad96ef8870({
+  children: children,
+  slider_ref_: slider_ref_,
+  faded_opacity_ = 0.7,
+  mutation_plugins_ = [],
+  disable_fading_: disable_fading_,
+  arrow_width_: arrow_width_,
+  arrow_height_: arrow_height_
+}) {
+  const slider = new (0, $5vyXB$depictaiutilishared.Amazing_Slider)({
+    button_contents: {
+      left: [$5vyXB$solidjsweb.ssr($a0e53f99354809d9$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $0f313083912e447a$export$8be2714ec7f169ee), {
+        height_: arrow_height_,
+        width_: arrow_width_
+      })))],
+      right: [$5vyXB$solidjsweb.ssr($a0e53f99354809d9$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $0f313083912e447a$export$8be2714ec7f169ee), {
+        height_: arrow_height_,
+        width_: arrow_width_
+      })))]
+    },
+    constructor_plugins: [$5vyXB$depictaiutilishared.slider_snap_css().constructor_plugin],
+    mutation_plugins: [...(disable_fading_ ? [] : [$5vyXB$depictaiutilishared.slider_fading_factory({
+      threshold_: 0.96,
+      faded_opacity_: faded_opacity_
+    }).mutation_plugin_]), ...mutation_plugins_]
+  });
+  $5vyXB$solidjsweb.insert(slider.insert_here, children);
+  $5vyXB$solidjs.onCleanup(() => slider.observer.disconnect());
+  slider_ref_?.(slider);
+  return slider.container;
+}
 
 /** @jsxImportSource solid-js */
 
@@ -464,42 +621,6 @@ function $f48d0fbb00835aaa$export$445d8d3f5f706a40(props, container_element, ins
   if (insert_after_container) container_element.after(style_element);
   return [container_element, view_more_button_container(), view_less_button_container(), style_element];
 }
-const $0f313083912e447a$var$_tmpl$ = ["<svg", ' xmlns="http://www.w3.org/2000/svg"', ' viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0" fill="#0f0f0f"></path></svg>'];
-function $0f313083912e447a$export$8be2714ec7f169ee(props = {}) {
-  return $5vyXB$solidjsweb.ssr($0f313083912e447a$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrAttribute("width", $5vyXB$solidjsweb.escape(props.width_, true) ?? 14, false) + $5vyXB$solidjsweb.ssrAttribute("height", $5vyXB$solidjsweb.escape(props.height_, true) ?? 26, false));
-}
-const $a0e53f99354809d9$var$_tmpl$ = ["<div", ">", "</div>"];
-function $a0e53f99354809d9$export$6649caad96ef8870({
-  children: children,
-  slider_ref_: slider_ref_,
-  faded_opacity_ = 0.7,
-  mutation_plugins_ = [],
-  disable_fading_: disable_fading_,
-  arrow_width_: arrow_width_,
-  arrow_height_: arrow_height_
-}) {
-  const slider = new (0, $5vyXB$depictaiutilishared.Amazing_Slider)({
-    button_contents: {
-      left: [$5vyXB$solidjsweb.ssr($a0e53f99354809d9$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $0f313083912e447a$export$8be2714ec7f169ee), {
-        height_: arrow_height_,
-        width_: arrow_width_
-      })))],
-      right: [$5vyXB$solidjsweb.ssr($a0e53f99354809d9$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $0f313083912e447a$export$8be2714ec7f169ee), {
-        height_: arrow_height_,
-        width_: arrow_width_
-      })))]
-    },
-    constructor_plugins: [$5vyXB$depictaiutilishared.slider_snap_css().constructor_plugin],
-    mutation_plugins: [...(disable_fading_ ? [] : [$5vyXB$depictaiutilishared.slider_fading_factory({
-      threshold_: 0.96,
-      faded_opacity_: faded_opacity_
-    }).mutation_plugin_]), ...mutation_plugins_]
-  });
-  $5vyXB$solidjsweb.insert(slider.insert_here, children);
-  $5vyXB$solidjs.onCleanup(() => slider.observer.disconnect());
-  slider_ref_?.(slider);
-  return slider.container;
-}
 function $363ce4d1d71041aa$export$d41d19e89346fa2({
   recommendations_resource_: recommendations_resource_,
   product_card_template_: product_card_template_,
@@ -607,15 +728,19 @@ function $72f96c4782db0b1b$export$9574e176201e5e8d(props) {
       };
     });
     const [recommendations_resource_] = $5vyXB$solidjs.createResource(() => props.recommendations, recs => recs);
-    return $5vyXB$solidjsweb.ssr($72f96c4782db0b1b$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape($363ce4d1d71041aa$export$d41d19e89346fa2({
-      product_card_template_: (...args) => props.product_card_template(...args),
-      recommendations_resource_: recommendations_resource_,
-      market_: () => props.market,
-      merchant_: () => props.merchant,
-      layout_options_: $5vyXB$solidjs.createMemo(() => ({
-        cols_at_size: $4e04be41243c3d80$export$6daf8749b65a1b77(props.cols_at_size),
-        ...grid_spacing_override()
-      }))
+    return $5vyXB$solidjsweb.ssr($72f96c4782db0b1b$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $84798aaa863a4909$export$e68cff63f76bd15b), {
+      get children() {
+        return $363ce4d1d71041aa$export$d41d19e89346fa2({
+          product_card_template_: (...args) => props.product_card_template(...args),
+          recommendations_resource_: recommendations_resource_,
+          market_: () => props.market,
+          merchant_: () => props.merchant,
+          layout_options_: $5vyXB$solidjs.createMemo(() => ({
+            cols_at_size: $4e04be41243c3d80$export$6daf8749b65a1b77(props.cols_at_size),
+            ...grid_spacing_override()
+          }))
+        });
+      }
     })));
   }, "RecommendationSlider failed");
 }
@@ -703,70 +828,23 @@ function $1f8dbf7e28b3eff2$export$9756467d34d91cdb(props) {
       };
     });
     const [recommendations_resource_] = $5vyXB$solidjs.createResource(() => props.recommendations, recs => recs);
-    return $5vyXB$solidjsweb.ssr($1f8dbf7e28b3eff2$var$_tmpl$2, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape($b8e79813f4f7ebe4$export$7da560f849543dff({
-      rows_object_: rows_object_,
-      product_card_template_: (...args) => props.product_card_template(...args),
-      recommendations_resource_: recommendations_resource_,
-      market_: () => props.market,
-      merchant_: () => props.merchant,
-      layout_options_: $5vyXB$solidjs.createMemo(() => ({
-        cols_at_size: $4e04be41243c3d80$export$6daf8749b65a1b77(props.cols_at_size),
-        ...grid_spacing_override()
-      }))
+    return $5vyXB$solidjsweb.ssr($1f8dbf7e28b3eff2$var$_tmpl$2, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $84798aaa863a4909$export$e68cff63f76bd15b), {
+      get children() {
+        return $b8e79813f4f7ebe4$export$7da560f849543dff({
+          rows_object_: rows_object_,
+          product_card_template_: (...args) => props.product_card_template(...args),
+          recommendations_resource_: recommendations_resource_,
+          market_: () => props.market,
+          merchant_: () => props.merchant,
+          layout_options_: $5vyXB$solidjs.createMemo(() => ({
+            cols_at_size: $4e04be41243c3d80$export$6daf8749b65a1b77(props.cols_at_size),
+            ...grid_spacing_override()
+          }))
+        });
+      }
     })));
   }, "RecommendationGrid failed");
 }
-function $19950faaac026e09$export$e6fffe67d4cdd848(whatToWatch) {
-  const [size, setSize] = $5vyXB$solidjs.createSignal(0);
-  const resizeObserver = new ResizeObserver($5vyXB$depictaiutilishared.catchify(records => {
-    for (let j = 0; j < records.length; j++) {
-      const {
-        width: width
-      } = records[j].contentRect;
-      if (!width) continue;
-      // add extra 5% just in case. + safari is (in some cases) acting a bit questionable and needs a third extra to fill the set width
-      const new_size = width * 1.05 * ((0, $5vyXB$depictaiutilishared.is_safari) ? 4 / 3 : 1);
-      setSize(Math.round(new_size));
-    }
-  }));
-  // If we start observing elements before they're in the DOM Chrome (Version 117.0.5938.92 (Official Build) (arm64)) sometimes gives us a resize event with a width of 0 and then doesn't dispatch one with the actual width once it's in the DOM. So we wait until the element is in the DOM before we start observing it.
-  // It doesn't seem to work even when waiting for it to be in the DOM, also wait an animation frame
-  const disconnect = (0, $5vyXB$depictaiutilishared.observer).onexists(whatToWatch, ({
-    element: element
-  }) => requestAnimationFrame($5vyXB$depictaiutilishared.catchify(() => resizeObserver.observe(element))));
-  $5vyXB$solidjs.onCleanup(() => {
-    resizeObserver.disconnect();
-    disconnect();
-  });
-  return size;
-}
-function $19950faaac026e09$export$6e5611bc7e57e477({
-  src: raw_src,
-  size: size,
-  resolutions = [64, 128, 256, 300, 400, 512, 768, 1024, 1280, 1536, 2048, 4096],
-  ...otherOptions
-}) {
-  const src = new URL(raw_src, location.origin);
-  const fallbackSrc = $19950faaac026e09$var$generateImageUrl(src, 400);
-  const srcset = $19950faaac026e09$var$make_srcset(src, resolutions);
-  return $5vyXB$solidjsweb.ssrElement("img", () => ({
-    ...otherOptions,
-    "src": fallbackSrc,
-    "srcset": srcset,
-    "sizes": size() + "px"
-  }), undefined, true);
-}
-function $19950faaac026e09$var$make_srcset(url, resolutions) {
-  return resolutions.map(width => `${$19950faaac026e09$var$generateImageUrl(url, width)} ${width}w`).join(", ");
-}
-function $19950faaac026e09$var$generateImageUrl(url, width) {
-  url.searchParams.set("width", width);
-  return url.href;
-}
-const $93304d59a9747aa6$var$_tmpl$ = ["<div", ' style="', '"></div>'];
-function $93304d59a9747aa6$export$94026ee33dbabc26(props) {
-  return $5vyXB$solidjsweb.ssr($93304d59a9747aa6$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrStyle(`position:relative;width:100%;padding-bottom:${1 / props.aspectRatio * 100}%`));
-}
 function $4b455f60dadde8b8$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -5271,26 +5349,30 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
     severity_: "error",
     message_: "Showing results failed",
     get children() {
-      return $fe76fb463cc60b89$export$3925f87b1545cfc6({
-        min_products_to_fetch_:
-        // if you want to get if all products have been loaded you can add an optional signal here, see SearchPage
-        min_products_to_fetch_,
-        query_base_: query_base_,
-        plp_results_: plp_results_,
-        depict_api_: depict_api_,
-        first_result_in_viewport_: first_result_in_viewport_,
-        last_result_in_viewport_: last_result_in_viewport_,
-        scroll_restoration_data_: scroll_restoration_data_,
-        layout_options_: layout_options_,
-        product_card_template_: product_card_template_,
-        sort_or_filter_open_: sort_or_filter_open_,
-        desktop_filter_elements_: desktop_filter_elements_,
-        id_currently_querying_for_: query_id_,
-        no_results_options_: {
-          selected_filters_: selected_filters_,
-          expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-          i18n_: i18n_,
-          local_filter_cache_: local_filter_cache_
+      return $5vyXB$solidjsweb.createComponent((0, $84798aaa863a4909$export$e68cff63f76bd15b), {
+        get children() {
+          return $fe76fb463cc60b89$export$3925f87b1545cfc6({
+            min_products_to_fetch_:
+            // if you want to get if all products have been loaded you can add an optional signal here, see SearchPage
+            min_products_to_fetch_,
+            query_base_: query_base_,
+            plp_results_: plp_results_,
+            depict_api_: depict_api_,
+            first_result_in_viewport_: first_result_in_viewport_,
+            last_result_in_viewport_: last_result_in_viewport_,
+            scroll_restoration_data_: scroll_restoration_data_,
+            layout_options_: layout_options_,
+            product_card_template_: product_card_template_,
+            sort_or_filter_open_: sort_or_filter_open_,
+            desktop_filter_elements_: desktop_filter_elements_,
+            id_currently_querying_for_: query_id_,
+            no_results_options_: {
+              selected_filters_: selected_filters_,
+              expanded_hierarchical_filters_: expanded_hierarchical_filters_,
+              i18n_: i18n_,
+              local_filter_cache_: local_filter_cache_
+            }
+          });
         }
       });
     }
@@ -6123,8 +6205,10 @@ function $fb29c6201c369e39$export$7de92c4c2205ebf3({
 }) {
   const [get_showing_recommendation_rows] = showing_recommendation_rows_; // We reset this in after_submit in search.tsx FYI
   const rows_object = view_more_button_ ? $fb29c6201c369e39$var$make_state_saved_rows(showing_recommendation_rows_, i18n_) : "all";
-  const [recommendations_resource] = $5vyXB$solidjs.createResource(search_query_base_, query => depict_api_.get_recommended(query).then(r => r.displays));
-  const is_showing_something = $5vyXB$solidjs.createMemo(() => recommendations_resource.loading || recommendations_resource()?.length);
+  const [recommendations_resource] = $5vyXB$solidjs.createResource(() => all_products_loaded_() && search_query_base_(),
+  // only fetch/refetch if all products are loaded
+  query => query && depict_api_.get_recommended(query).then(r => r.displays));
+  const should_show = $5vyXB$solidjs.createMemo(() => !!((recommendations_resource.loading || recommendations_resource()?.length) && all_products_loaded_()));
   const num_placeholders_ = $5vyXB$solidjs.createMemo(() => (0, $aec24316ed262dc0$export$6c9030e511152266) + get_showing_recommendation_rows() * Math.max(...layout_options_().cols_at_size.map(([per_column]) => per_column)));
   // Don't tear down elements every time one updates the page - don't put them within <Show>
   const elements = $5vyXB$solidjsweb.ssr($fb29c6201c369e39$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape(i18n_.search_recs_title_()), $5vyXB$solidjsweb.escape($fc23d7668ae0011d$export$a2cc176055f8f08()), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $f48d0fbb00835aaa$export$d21e32dfedac04be), $5vyXB$solidjsweb.mergeProps({
@@ -6145,7 +6229,10 @@ function $fb29c6201c369e39$export$7de92c4c2205ebf3({
         get children() {
           return (() => {
             // IIFE to make sure we access both the recommendations_resource and the resources containing the product card rendering results themselves within the Suspense boundary
-            const displays_by_key_ = $a73063cc642f3e5f$export$7f8bd308237ab5a5($5vyXB$solidjs.createMemo(() => recommendations_resource() || []));
+            const displays_by_key_ = $a73063cc642f3e5f$export$7f8bd308237ab5a5($5vyXB$solidjs.createMemo(prev => {
+              if (!should_show() && prev) return prev; // When we're invisible, don't update what we're rendering to be possibly undefined to preserve the same products if possible
+              return recommendations_resource() || [];
+            }));
             return $a73063cc642f3e5f$export$43f0fb951fcb0c54({
               displays_by_key_: displays_by_key_,
               merchant_: $5vyXB$solidjs.createMemo(() => search_query_base_().tenant),
@@ -6159,7 +6246,7 @@ function $fb29c6201c369e39$export$7de92c4c2205ebf3({
   }))));
   return $5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
     get when() {
-      return is_showing_something() && all_products_loaded_();
+      return should_show();
     },
     children: elements
   });
@@ -7302,17 +7389,21 @@ function $f40a47a30a358305$export$1c593cbd6f1e10bc({
     severity_: "error",
     message_: "Instant results failed",
     get children() {
-      return $6ae556e536054e87$export$62f101a8aa597bf8({
-        search_field_value_: search_field_value_,
-        depict_api_: depict_api_,
-        tenant_: tenant_,
-        i18n_: i18n_,
-        market_: market_,
-        set_total_num_results_accessor_: set_total_num_results_accessor_,
-        router_: router_,
-        set_modal_search_results_: set_modal_search_results_,
-        content_search_enabled_: content_search_enabled_,
-        ...instant_results_options_
+      return $5vyXB$solidjsweb.createComponent((0, $84798aaa863a4909$export$e68cff63f76bd15b), {
+        get children() {
+          return $6ae556e536054e87$export$62f101a8aa597bf8({
+            search_field_value_: search_field_value_,
+            depict_api_: depict_api_,
+            tenant_: tenant_,
+            i18n_: i18n_,
+            market_: market_,
+            set_total_num_results_accessor_: set_total_num_results_accessor_,
+            router_: router_,
+            set_modal_search_results_: set_modal_search_results_,
+            content_search_enabled_: content_search_enabled_,
+            ...instant_results_options_
+          });
+        }
       });
     }
   })), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
@@ -8086,14 +8177,18 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
           return content_search_enabled_();
         },
         get children() {
-          return $5vyXB$solidjsweb.createComponent((0, $3716b8caf7f959e2$export$6d0c9c22f6652669), {
-            content_results_rows_: content_results_rows_,
-            search_results_: search_results_,
-            i18n_: i18n_,
-            get_search_query_: get_search_query_,
-            layout_options_: content_layout_options_,
-            router_: router_,
-            query_base_: search_query_base_
+          return $5vyXB$solidjsweb.createComponent((0, $84798aaa863a4909$export$e68cff63f76bd15b), {
+            get children() {
+              return $5vyXB$solidjsweb.createComponent((0, $3716b8caf7f959e2$export$6d0c9c22f6652669), {
+                content_results_rows_: content_results_rows_,
+                search_results_: search_results_,
+                i18n_: i18n_,
+                get_search_query_: get_search_query_,
+                layout_options_: content_layout_options_,
+                router_: router_,
+                query_base_: search_query_base_
+              });
+            }
           });
         }
       });
@@ -8124,28 +8219,32 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
     severity_: "error",
     message_: "Search results failed",
     get children() {
-      return $fe76fb463cc60b89$export$3925f87b1545cfc6({
-        all_products_loaded_: all_products_loaded_,
-        min_products_to_fetch_: min_products_to_fetch_,
-        query_base_: search_query_base_,
-        plp_results_: search_results_,
-        depict_api_: depict_api_,
-        first_result_in_viewport_: first_result_in_viewport_,
-        last_result_in_viewport_: last_result_in_viewport_,
-        scroll_restoration_data_: scroll_restoration_data_,
-        desktop_filter_elements_: desktop_filter_elements_,
-        product_card_template_: product_card_template_,
-        layout_options_: layout_options_,
-        sort_or_filter_open_: sort_or_filter_open_,
-        id_currently_querying_for_: get_search_query_,
-        no_results_options_: {
-          selected_filters_: selected_filters_,
-          expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-          local_filter_cache_: local_filter_cache_,
-          i18n_: {
-            ...i18n_,
-            no_results_text_: no_results_text_
-          }
+      return $5vyXB$solidjsweb.createComponent((0, $84798aaa863a4909$export$e68cff63f76bd15b), {
+        get children() {
+          return $fe76fb463cc60b89$export$3925f87b1545cfc6({
+            all_products_loaded_: all_products_loaded_,
+            min_products_to_fetch_: min_products_to_fetch_,
+            query_base_: search_query_base_,
+            plp_results_: search_results_,
+            depict_api_: depict_api_,
+            first_result_in_viewport_: first_result_in_viewport_,
+            last_result_in_viewport_: last_result_in_viewport_,
+            scroll_restoration_data_: scroll_restoration_data_,
+            desktop_filter_elements_: desktop_filter_elements_,
+            product_card_template_: product_card_template_,
+            layout_options_: layout_options_,
+            sort_or_filter_open_: sort_or_filter_open_,
+            id_currently_querying_for_: get_search_query_,
+            no_results_options_: {
+              selected_filters_: selected_filters_,
+              expanded_hierarchical_filters_: expanded_hierarchical_filters_,
+              local_filter_cache_: local_filter_cache_,
+              i18n_: {
+                ...i18n_,
+                no_results_text_: no_results_text_
+              }
+            }
+          });
         }
       });
     }
@@ -8157,17 +8256,21 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
         severity_: "error",
         message_: "Search recommendations failed",
         get children() {
-          return $5vyXB$solidjsweb.createComponent((0, $fb29c6201c369e39$export$7de92c4c2205ebf3), {
-            depict_api_: depict_api_,
-            i18n_: i18n_,
-            search_query_base_: search_query_base_,
-            get layout_options_() {
-              return $5vyXB$solidjs.createMemo(() => recommendations_layout_options_?.() ?? layout_options_());
-            },
-            showing_recommendation_rows_: showing_recommendation_rows_,
-            view_more_button_: search_recs_view_more_,
-            product_card_template_: product_card_template_,
-            all_products_loaded_: get_all_products_loaded
+          return $5vyXB$solidjsweb.createComponent((0, $84798aaa863a4909$export$e68cff63f76bd15b), {
+            get children() {
+              return $5vyXB$solidjsweb.createComponent((0, $fb29c6201c369e39$export$7de92c4c2205ebf3), {
+                depict_api_: depict_api_,
+                i18n_: i18n_,
+                search_query_base_: search_query_base_,
+                get layout_options_() {
+                  return $5vyXB$solidjs.createMemo(() => recommendations_layout_options_?.() ?? layout_options_());
+                },
+                showing_recommendation_rows_: showing_recommendation_rows_,
+                view_more_button_: search_recs_view_more_,
+                product_card_template_: product_card_template_,
+                all_products_loaded_: get_all_products_loaded
+              });
+            }
           });
         }
       });