@depict-ai/ui 4.7.15 → 4.7.17

package/ES10/index.cjs

@@ -105,7 +105,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.7.15";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.7.17";
 
 /**
  * Gets product_id (the thing we key the rendering on) from a display
@@ -355,6 +355,13 @@ function $a52942afacbced93$export$4a14175d33d81a96(_ref) {
     content_blocks_: content_blocks_,
     alwaysObserveCards_: alwaysObserveCards_
   } = _ref;
+  if (0, $52FdA$solidjsweb.isServer) return {
+    renderedDisplays_: $76012c4468a53d1f$export$43f0fb951fcb0c54({
+      displays_by_key_: displays_by_key_,
+      product_card_template_: product_card_template_,
+      content_blocks_: content_blocks_
+    })
+  };
   // The following sets up an intersection observer to determine which results are in the viewport, used for the ScrollStatus indicator, knowing when to load more and any other consumer of the useProductCardIsVisible hook.
   const targetToIndexMap_ = new Map();
   const indexToTargetMap_ = new Map();
@@ -12015,11 +12022,11 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
               set_top_row_shortened_by_: set_top_row_shortened_by_
             }));
             const rendered_placeholders = $52FdA$solidjs.createMemo(() => {
-              if (get_should_have_placeholders_rendered()) return $52FdA$solidjs.children(() => $e3915574cfd3466c$export$f33414a4df0afd3f({
+              if (get_should_have_placeholders_rendered()) return $e3915574cfd3466c$export$f33414a4df0afd3f({
                 content_blocks_: content_blocks_,
                 product_card_template_: product_card_template_,
                 num_placeholders_: num_placeholders_
-              }));
+              });
             });
             const layout = $52FdA$solidjs.createMemo(() => {
               const incoming_layout = layout_options_().layout;
@@ -12055,7 +12062,7 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
             (For the whole idea of the displays being cached to work we can't tear down and re-run ProductCards for every new result.
             We have to keep ProductCards alive, but hidden, and feed them new data as soon as we had it)
             */
-            const product_cards_when_data = $52FdA$solidjs.children(() => $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Suspense), {
+            const product_cards_when_data = $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Suspense), {
               get fallback() {
                 fallback_is_alive = true;
                 $52FdA$solidjs.onCleanup(block_suspense_if_needed); // Block suspense after initial run every time after we fetch
@@ -12087,20 +12094,17 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
                   return suspense_contents;
                 })();
               }
-            }));
+            });
             /* This Show is so that we show placeholders while query_base is loading and because it's cumbersome to ensure that everything that directly accesses the plp_results_ resource is within the <Suspense> boundary */
-            const listing_contents = $52FdA$solidjs.children(() => $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Show), {
+            const listing_contents = $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Show), {
               get when() {
                 return !is_loading_();
               },
               get fallback() {
-                var _rendered_placeholder;
-                return (_rendered_placeholder = rendered_placeholders()) === null || _rendered_placeholder === void 0 ? void 0 : _rendered_placeholder();
+                return rendered_placeholders();
               },
-              get children() {
-                return product_cards_when_data();
-              }
-            }));
+              children: product_cards_when_data
+            });
             return [$52FdA$solidjsweb.memo(() => $8edd3cf30d1fd8b4$export$a2cc176055f8f08(layout())), $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Show), {
               get when() {
                 return doesnt_have_content_blocks();
@@ -12120,9 +12124,7 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
                     class: "cards css-grid"
                   },
                   top_row_shortened_by_: top_row_shortened_by_,
-                  get children() {
-                    return listing_contents();
-                  }
+                  children: listing_contents
                 });
               },
               get children() {
@@ -12175,9 +12177,7 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
                           $52FdA$solidjsweb.insert(container, $52FdA$solidjs.createMemo(() => [...non_solid_nodes, rendered_scroll_status]));
                         }
                       },
-                      get children() {
-                        return listing_contents();
-                      }
+                      children: listing_contents
                     });
                   },
                   get children() {
@@ -12198,9 +12198,7 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
                       element_attributes: {
                         class: "cards"
                       },
-                      get children() {
-                        return listing_contents();
-                      }
+                      children: listing_contents
                     });
                   }
                 });

package/ES10/index.d.ts

@@ -11,7 +11,7 @@ import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { FeaturedInDisplay } from "@depict-ai/types/api/FeaturedInResponseV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.7.15";
+export const version = "4.7.17";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -1436,7 +1436,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;
@@ -1515,5 +1515,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/ES10/index.js

@@ -1,5 +1,5 @@
 import { add_to_version_info as $8tj43$add_to_version_info, catchify as $8tj43$catchify, dlog as $8tj43$dlog, camelCasifyObject as $8tj43$camelCasifyObject, useExpandingContainer as $8tj43$useExpandingContainer, fetch_retry as $8tj43$fetch_retry, base_url as $8tj43$base_url, dwarn as $8tj43$dwarn, slider_fractional_factory as $8tj43$slider_fractional_factory, make_random_classname as $8tj43$make_random_classname, n_col_styling_with_dist as $8tj43$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $8tj43$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $8tj43$layout_get_total_rec_amount_for_row, layout_media_query_header as $8tj43$layout_media_query_header, report as $8tj43$report, slider_fading_factory as $8tj43$slider_fading_factory, Amazing_Slider as $8tj43$Amazing_Slider, slider_snap_css as $8tj43$slider_snap_css, observer as $8tj43$observer, javascript_media_query as $8tj43$javascript_media_query, queueMacroTask as $8tj43$queueMacroTask, findMostFrequentItem as $8tj43$findMostFrequentItem, standard_price_format as $8tj43$standard_price_format, instant_exec_on_suspect_history_change as $8tj43$instant_exec_on_suspect_history_change, deparallelize_no_drop as $8tj43$deparallelize_no_drop, ContainedImage as $8tj43$ContainedImage, buildThresholdList as $8tj43$buildThresholdList, make_asyncIterable_exiter as $8tj43$make_asyncIterable_exiter, href_change_ipns as $8tj43$href_change_ipns, base64_encode_unicode as $8tj43$base64_encode_unicode, base64_decode_unicode as $8tj43$base64_decode_unicode, use_href_accessor as $8tj43$use_href_accessor, get_session_id as $8tj43$get_session_id, add_version_query_params as $8tj43$add_version_query_params, hex_to_rgb as $8tj43$hex_to_rgb, relative_luminance_from_rgb as $8tj43$relative_luminance_from_rgb, snakeCasifyObject as $8tj43$snakeCasifyObject, make_url_with_query_params as $8tj43$make_url_with_query_params, sort_obj as $8tj43$sort_obj, insert_surfaces as $8tj43$insert_surfaces, is_debug as $8tj43$is_debug } from "@depict-ai/utilishared/ES10";
-import { createComponent as $8tj43$createComponent, insert as $8tj43$insert, template as $8tj43$template, getNextElement as $8tj43$getNextElement, mergeProps as $8tj43$mergeProps, effect as $8tj43$effect, className as $8tj43$className, isServer as $8tj43$isServer, spread as $8tj43$spread, runHydrationEvents as $8tj43$runHydrationEvents, addEventListener as $8tj43$addEventListener, memo as $8tj43$memo, delegateEvents as $8tj43$delegateEvents, getNextMarker as $8tj43$getNextMarker, classList as $8tj43$classList, setAttribute as $8tj43$setAttribute, use as $8tj43$use, style as $8tj43$style, setProperty as $8tj43$setProperty, Dynamic as $8tj43$Dynamic } from "solid-js/web";
+import { isServer as $8tj43$isServer, createComponent as $8tj43$createComponent, insert as $8tj43$insert, template as $8tj43$template, getNextElement as $8tj43$getNextElement, mergeProps as $8tj43$mergeProps, effect as $8tj43$effect, className as $8tj43$className, spread as $8tj43$spread, runHydrationEvents as $8tj43$runHydrationEvents, addEventListener as $8tj43$addEventListener, memo as $8tj43$memo, delegateEvents as $8tj43$delegateEvents, getNextMarker as $8tj43$getNextMarker, classList as $8tj43$classList, setAttribute as $8tj43$setAttribute, use as $8tj43$use, style as $8tj43$style, setProperty as $8tj43$setProperty, Dynamic as $8tj43$Dynamic } from "solid-js/web";
 import { createContext as $8tj43$createContext, createSignal as $8tj43$createSignal, createMemo as $8tj43$createMemo, createEffect as $8tj43$createEffect, onCleanup as $8tj43$onCleanup, untrack as $8tj43$untrack, useContext as $8tj43$useContext, For as $8tj43$For, getOwner as $8tj43$getOwner, createResource as $8tj43$createResource, runWithOwner as $8tj43$runWithOwner, Show as $8tj43$Show, mergeProps as $8tj43$mergeProps1, Suspense as $8tj43$Suspense, createRenderEffect as $8tj43$createRenderEffect, Index as $8tj43$Index, createRoot as $8tj43$createRoot, createUniqueId as $8tj43$createUniqueId, createComputed as $8tj43$createComputed, ErrorBoundary as $8tj43$ErrorBoundary, splitProps as $8tj43$splitProps, on as $8tj43$on, batch as $8tj43$batch, createSelector as $8tj43$createSelector, children as $8tj43$children, createReaction as $8tj43$createReaction, mapArray as $8tj43$mapArray } from "solid-js";
 import $8tj43$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/defineProperty";
 import { ListenableSet as $8tj43$ListenableSet, catchify as $8tj43$catchify1, use_href_accessor as $8tj43$use_href_accessor1, queueMacroTask as $8tj43$queueMacroTask1, report as $8tj43$report1 } from "@depict-ai/utilishared/ES10";
@@ -10,7 +10,7 @@ import { createStore as $8tj43$createStore, reconcile as $8tj43$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "4.7.15";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.7.17";
 
 /**
  * Gets product_id (the thing we key the rendering on) from a display
@@ -260,6 +260,13 @@ function $618bd53ea0a41cd4$export$4a14175d33d81a96(_ref) {
     content_blocks_: content_blocks_,
     alwaysObserveCards_: alwaysObserveCards_
   } = _ref;
+  if (0, $8tj43$isServer) return {
+    renderedDisplays_: $2d7bad8684bc7f44$export$43f0fb951fcb0c54({
+      displays_by_key_: displays_by_key_,
+      product_card_template_: product_card_template_,
+      content_blocks_: content_blocks_
+    })
+  };
   // The following sets up an intersection observer to determine which results are in the viewport, used for the ScrollStatus indicator, knowing when to load more and any other consumer of the useProductCardIsVisible hook.
   const targetToIndexMap_ = new Map();
   const indexToTargetMap_ = new Map();
@@ -11920,11 +11927,11 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
               set_top_row_shortened_by_: set_top_row_shortened_by_
             }));
             const rendered_placeholders = $8tj43$createMemo(() => {
-              if (get_should_have_placeholders_rendered()) return $8tj43$children(() => $bdd80c7862246dc2$export$f33414a4df0afd3f({
+              if (get_should_have_placeholders_rendered()) return $bdd80c7862246dc2$export$f33414a4df0afd3f({
                 content_blocks_: content_blocks_,
                 product_card_template_: product_card_template_,
                 num_placeholders_: num_placeholders_
-              }));
+              });
             });
             const layout = $8tj43$createMemo(() => {
               const incoming_layout = layout_options_().layout;
@@ -11960,7 +11967,7 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
             (For the whole idea of the displays being cached to work we can't tear down and re-run ProductCards for every new result.
             We have to keep ProductCards alive, but hidden, and feed them new data as soon as we had it)
             */
-            const product_cards_when_data = $8tj43$children(() => $8tj43$createComponent((0, $8tj43$Suspense), {
+            const product_cards_when_data = $8tj43$createComponent((0, $8tj43$Suspense), {
               get fallback() {
                 fallback_is_alive = true;
                 $8tj43$onCleanup(block_suspense_if_needed); // Block suspense after initial run every time after we fetch
@@ -11992,20 +11999,17 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
                   return suspense_contents;
                 })();
               }
-            }));
+            });
             /* This Show is so that we show placeholders while query_base is loading and because it's cumbersome to ensure that everything that directly accesses the plp_results_ resource is within the <Suspense> boundary */
-            const listing_contents = $8tj43$children(() => $8tj43$createComponent((0, $8tj43$Show), {
+            const listing_contents = $8tj43$createComponent((0, $8tj43$Show), {
               get when() {
                 return !is_loading_();
               },
               get fallback() {
-                var _rendered_placeholder;
-                return (_rendered_placeholder = rendered_placeholders()) === null || _rendered_placeholder === void 0 ? void 0 : _rendered_placeholder();
+                return rendered_placeholders();
               },
-              get children() {
-                return product_cards_when_data();
-              }
-            }));
+              children: product_cards_when_data
+            });
             return [$8tj43$memo(() => $ca55612a53dbbdd2$export$a2cc176055f8f08(layout())), $8tj43$createComponent((0, $8tj43$Show), {
               get when() {
                 return doesnt_have_content_blocks();
@@ -12025,9 +12029,7 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
                     class: "cards css-grid"
                   },
                   top_row_shortened_by_: top_row_shortened_by_,
-                  get children() {
-                    return listing_contents();
-                  }
+                  children: listing_contents
                 });
               },
               get children() {
@@ -12080,9 +12082,7 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
                           $8tj43$insert(container, $8tj43$createMemo(() => [...non_solid_nodes, rendered_scroll_status]));
                         }
                       },
-                      get children() {
-                        return listing_contents();
-                      }
+                      children: listing_contents
                     });
                   },
                   get children() {
@@ -12103,9 +12103,7 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
                       element_attributes: {
                         class: "cards"
                       },
-                      get children() {
-                        return listing_contents();
-                      }
+                      children: listing_contents
                     });
                   }
                 });

package/latest/index.cjs

@@ -99,7 +99,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.7.15";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.7.17";
 
 /**
  * Gets product_id (the thing we key the rendering on) from a display
@@ -344,6 +344,13 @@ function $67155e1aeb7073f6$export$4a14175d33d81a96({
   content_blocks_: content_blocks_,
   alwaysObserveCards_: alwaysObserveCards_
 }) {
+  if (0, $gVhhF$solidjsweb.isServer) return {
+    renderedDisplays_: $a73063cc642f3e5f$export$43f0fb951fcb0c54({
+      displays_by_key_: displays_by_key_,
+      product_card_template_: product_card_template_,
+      content_blocks_: content_blocks_
+    })
+  };
   // The following sets up an intersection observer to determine which results are in the viewport, used for the ScrollStatus indicator, knowing when to load more and any other consumer of the useProductCardIsVisible hook.
   const targetToIndexMap_ = new Map();
   const indexToTargetMap_ = new Map();
@@ -11309,11 +11316,11 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
               set_top_row_shortened_by_: set_top_row_shortened_by_
             }));
             const rendered_placeholders = $gVhhF$solidjs.createMemo(() => {
-              if (get_should_have_placeholders_rendered()) return $gVhhF$solidjs.children(() => $0caf87eaa19079da$export$f33414a4df0afd3f({
+              if (get_should_have_placeholders_rendered()) return $0caf87eaa19079da$export$f33414a4df0afd3f({
                 content_blocks_: content_blocks_,
                 product_card_template_: product_card_template_,
                 num_placeholders_: num_placeholders_
-              }));
+              });
             });
             const layout = $gVhhF$solidjs.createMemo(() => {
               const incoming_layout = layout_options_().layout;
@@ -11349,7 +11356,7 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
             (For the whole idea of the displays being cached to work we can't tear down and re-run ProductCards for every new result.
             We have to keep ProductCards alive, but hidden, and feed them new data as soon as we had it)
             */
-            const product_cards_when_data = $gVhhF$solidjs.children(() => $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Suspense), {
+            const product_cards_when_data = $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Suspense), {
               get fallback() {
                 fallback_is_alive = true;
                 $gVhhF$solidjs.onCleanup(block_suspense_if_needed); // Block suspense after initial run every time after we fetch
@@ -11381,19 +11388,17 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
                   return suspense_contents;
                 })();
               }
-            }));
+            });
             /* This Show is so that we show placeholders while query_base is loading and because it's cumbersome to ensure that everything that directly accesses the plp_results_ resource is within the <Suspense> boundary */
-            const listing_contents = $gVhhF$solidjs.children(() => $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
+            const listing_contents = $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
               get when() {
                 return !is_loading_();
               },
               get fallback() {
-                return rendered_placeholders()?.();
+                return rendered_placeholders();
               },
-              get children() {
-                return product_cards_when_data();
-              }
-            }));
+              children: product_cards_when_data
+            });
             return [$gVhhF$solidjsweb.memo(() => $fc23d7668ae0011d$export$a2cc176055f8f08(layout())), $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
               get when() {
                 return doesnt_have_content_blocks();
@@ -11413,9 +11418,7 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
                     class: "cards css-grid"
                   },
                   top_row_shortened_by_: top_row_shortened_by_,
-                  get children() {
-                    return listing_contents();
-                  }
+                  children: listing_contents
                 });
               },
               get children() {
@@ -11468,9 +11471,7 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
                           $gVhhF$solidjsweb.insert(container, $gVhhF$solidjs.createMemo(() => [...non_solid_nodes, rendered_scroll_status]));
                         }
                       },
-                      get children() {
-                        return listing_contents();
-                      }
+                      children: listing_contents
                     });
                   },
                   get children() {
@@ -11491,9 +11492,7 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
                       element_attributes: {
                         class: "cards"
                       },
-                      get children() {
-                        return listing_contents();
-                      }
+                      children: listing_contents
                     });
                   }
                 });

package/latest/index.d.ts

@@ -11,7 +11,7 @@ import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { FeaturedInDisplay } from "@depict-ai/types/api/FeaturedInResponseV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.7.15";
+export const version = "4.7.17";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -1436,7 +1436,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;
@@ -1515,5 +1515,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/latest/index.js

@@ -1,5 +1,5 @@
 import { add_to_version_info as $9HbP8$add_to_version_info, catchify as $9HbP8$catchify, dlog as $9HbP8$dlog, camelCasifyObject as $9HbP8$camelCasifyObject, useExpandingContainer as $9HbP8$useExpandingContainer, fetch_retry as $9HbP8$fetch_retry, base_url as $9HbP8$base_url, dwarn as $9HbP8$dwarn, slider_fractional_factory as $9HbP8$slider_fractional_factory, make_random_classname as $9HbP8$make_random_classname, n_col_styling_with_dist as $9HbP8$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $9HbP8$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $9HbP8$layout_get_total_rec_amount_for_row, layout_media_query_header as $9HbP8$layout_media_query_header, report as $9HbP8$report, slider_fading_factory as $9HbP8$slider_fading_factory, Amazing_Slider as $9HbP8$Amazing_Slider, slider_snap_css as $9HbP8$slider_snap_css, observer as $9HbP8$observer, javascript_media_query as $9HbP8$javascript_media_query, queueMacroTask as $9HbP8$queueMacroTask, findMostFrequentItem as $9HbP8$findMostFrequentItem, standard_price_format as $9HbP8$standard_price_format, instant_exec_on_suspect_history_change as $9HbP8$instant_exec_on_suspect_history_change, deparallelize_no_drop as $9HbP8$deparallelize_no_drop, ContainedImage as $9HbP8$ContainedImage, buildThresholdList as $9HbP8$buildThresholdList, make_asyncIterable_exiter as $9HbP8$make_asyncIterable_exiter, href_change_ipns as $9HbP8$href_change_ipns, base64_encode_unicode as $9HbP8$base64_encode_unicode, base64_decode_unicode as $9HbP8$base64_decode_unicode, use_href_accessor as $9HbP8$use_href_accessor, get_session_id as $9HbP8$get_session_id, add_version_query_params as $9HbP8$add_version_query_params, hex_to_rgb as $9HbP8$hex_to_rgb, relative_luminance_from_rgb as $9HbP8$relative_luminance_from_rgb, snakeCasifyObject as $9HbP8$snakeCasifyObject, sort_obj as $9HbP8$sort_obj, make_url_with_query_params as $9HbP8$make_url_with_query_params, insert_surfaces as $9HbP8$insert_surfaces, is_debug as $9HbP8$is_debug } from "@depict-ai/utilishared/latest";
-import { createComponent as $9HbP8$createComponent, insert as $9HbP8$insert, template as $9HbP8$template, getNextElement as $9HbP8$getNextElement, mergeProps as $9HbP8$mergeProps, effect as $9HbP8$effect, className as $9HbP8$className, isServer as $9HbP8$isServer, spread as $9HbP8$spread, runHydrationEvents as $9HbP8$runHydrationEvents, addEventListener as $9HbP8$addEventListener, memo as $9HbP8$memo, delegateEvents as $9HbP8$delegateEvents, getNextMarker as $9HbP8$getNextMarker, classList as $9HbP8$classList, setAttribute as $9HbP8$setAttribute, use as $9HbP8$use, style as $9HbP8$style, setProperty as $9HbP8$setProperty, Dynamic as $9HbP8$Dynamic } from "solid-js/web";
+import { isServer as $9HbP8$isServer, createComponent as $9HbP8$createComponent, insert as $9HbP8$insert, template as $9HbP8$template, getNextElement as $9HbP8$getNextElement, mergeProps as $9HbP8$mergeProps, effect as $9HbP8$effect, className as $9HbP8$className, spread as $9HbP8$spread, runHydrationEvents as $9HbP8$runHydrationEvents, addEventListener as $9HbP8$addEventListener, memo as $9HbP8$memo, delegateEvents as $9HbP8$delegateEvents, getNextMarker as $9HbP8$getNextMarker, classList as $9HbP8$classList, setAttribute as $9HbP8$setAttribute, use as $9HbP8$use, style as $9HbP8$style, setProperty as $9HbP8$setProperty, Dynamic as $9HbP8$Dynamic } from "solid-js/web";
 import { createContext as $9HbP8$createContext, createSignal as $9HbP8$createSignal, createMemo as $9HbP8$createMemo, createEffect as $9HbP8$createEffect, onCleanup as $9HbP8$onCleanup, untrack as $9HbP8$untrack, useContext as $9HbP8$useContext, For as $9HbP8$For, getOwner as $9HbP8$getOwner, createResource as $9HbP8$createResource, runWithOwner as $9HbP8$runWithOwner, Show as $9HbP8$Show, mergeProps as $9HbP8$mergeProps1, Suspense as $9HbP8$Suspense, createRenderEffect as $9HbP8$createRenderEffect, Index as $9HbP8$Index, createRoot as $9HbP8$createRoot, createUniqueId as $9HbP8$createUniqueId, createComputed as $9HbP8$createComputed, ErrorBoundary as $9HbP8$ErrorBoundary, splitProps as $9HbP8$splitProps, on as $9HbP8$on, batch as $9HbP8$batch, createSelector as $9HbP8$createSelector, children as $9HbP8$children, createReaction as $9HbP8$createReaction, mapArray as $9HbP8$mapArray } from "solid-js";
 import { ListenableSet as $9HbP8$ListenableSet, catchify as $9HbP8$catchify1, use_href_accessor as $9HbP8$use_href_accessor1, queueMacroTask as $9HbP8$queueMacroTask1, report as $9HbP8$report1 } from "@depict-ai/utilishared/latest";
 import { createStore as $9HbP8$createStore, reconcile as $9HbP8$reconcile } from "solid-js/store";
@@ -7,7 +7,7 @@ import { createStore as $9HbP8$createStore, reconcile as $9HbP8$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.7.15";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.7.17";
 
 /**
  * Gets product_id (the thing we key the rendering on) from a display
@@ -252,6 +252,13 @@ function $f091294da861020c$export$4a14175d33d81a96({
   content_blocks_: content_blocks_,
   alwaysObserveCards_: alwaysObserveCards_
 }) {
+  if (0, $9HbP8$isServer) return {
+    renderedDisplays_: $29ec7cddbe1d3484$export$43f0fb951fcb0c54({
+      displays_by_key_: displays_by_key_,
+      product_card_template_: product_card_template_,
+      content_blocks_: content_blocks_
+    })
+  };
   // The following sets up an intersection observer to determine which results are in the viewport, used for the ScrollStatus indicator, knowing when to load more and any other consumer of the useProductCardIsVisible hook.
   const targetToIndexMap_ = new Map();
   const indexToTargetMap_ = new Map();
@@ -11217,11 +11224,11 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
               set_top_row_shortened_by_: set_top_row_shortened_by_
             }));
             const rendered_placeholders = $9HbP8$createMemo(() => {
-              if (get_should_have_placeholders_rendered()) return $9HbP8$children(() => $6e41f1fde994db72$export$f33414a4df0afd3f({
+              if (get_should_have_placeholders_rendered()) return $6e41f1fde994db72$export$f33414a4df0afd3f({
                 content_blocks_: content_blocks_,
                 product_card_template_: product_card_template_,
                 num_placeholders_: num_placeholders_
-              }));
+              });
             });
             const layout = $9HbP8$createMemo(() => {
               const incoming_layout = layout_options_().layout;
@@ -11257,7 +11264,7 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
             (For the whole idea of the displays being cached to work we can't tear down and re-run ProductCards for every new result.
             We have to keep ProductCards alive, but hidden, and feed them new data as soon as we had it)
             */
-            const product_cards_when_data = $9HbP8$children(() => $9HbP8$createComponent((0, $9HbP8$Suspense), {
+            const product_cards_when_data = $9HbP8$createComponent((0, $9HbP8$Suspense), {
               get fallback() {
                 fallback_is_alive = true;
                 $9HbP8$onCleanup(block_suspense_if_needed); // Block suspense after initial run every time after we fetch
@@ -11289,19 +11296,17 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
                   return suspense_contents;
                 })();
               }
-            }));
+            });
             /* This Show is so that we show placeholders while query_base is loading and because it's cumbersome to ensure that everything that directly accesses the plp_results_ resource is within the <Suspense> boundary */
-            const listing_contents = $9HbP8$children(() => $9HbP8$createComponent((0, $9HbP8$Show), {
+            const listing_contents = $9HbP8$createComponent((0, $9HbP8$Show), {
               get when() {
                 return !is_loading_();
               },
               get fallback() {
-                return rendered_placeholders()?.();
+                return rendered_placeholders();
               },
-              get children() {
-                return product_cards_when_data();
-              }
-            }));
+              children: product_cards_when_data
+            });
             return [$9HbP8$memo(() => $a458486f22b22f63$export$a2cc176055f8f08(layout())), $9HbP8$createComponent((0, $9HbP8$Show), {
               get when() {
                 return doesnt_have_content_blocks();
@@ -11321,9 +11326,7 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
                     class: "cards css-grid"
                   },
                   top_row_shortened_by_: top_row_shortened_by_,
-                  get children() {
-                    return listing_contents();
-                  }
+                  children: listing_contents
                 });
               },
               get children() {
@@ -11376,9 +11379,7 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
                           $9HbP8$insert(container, $9HbP8$createMemo(() => [...non_solid_nodes, rendered_scroll_status]));
                         }
                       },
-                      get children() {
-                        return listing_contents();
-                      }
+                      children: listing_contents
                     });
                   },
                   get children() {
@@ -11399,9 +11400,7 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
                       element_attributes: {
                         class: "cards"
                       },
-                      get children() {
-                        return listing_contents();
-                      }
+                      children: listing_contents
                     });
                   }
                 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "4.7.15",
+  "version": "4.7.17",
   "description": "Base package containing the actual UI of Depict UI along with translations, with a not-simplified API. We recommend using @depict-ai/js-ui or @depict-ai/react-ui instead.",
   "packageManager": "yarn@3.2.2",
   "sass": "styles.scss",

package/server/ES10/index.cjs

@@ -105,7 +105,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.7.15";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.7.17";
 
 /**
  * Gets product_id (the thing we key the rendering on) from a display
@@ -355,6 +355,13 @@ function $a52942afacbced93$export$4a14175d33d81a96(_ref) {
     content_blocks_: content_blocks_,
     alwaysObserveCards_: alwaysObserveCards_
   } = _ref;
+  if (0, $3hooq$solidjsweb.isServer) return {
+    renderedDisplays_: $76012c4468a53d1f$export$43f0fb951fcb0c54({
+      displays_by_key_: displays_by_key_,
+      product_card_template_: product_card_template_,
+      content_blocks_: content_blocks_
+    })
+  };
   // The following sets up an intersection observer to determine which results are in the viewport, used for the ScrollStatus indicator, knowing when to load more and any other consumer of the useProductCardIsVisible hook.
   const targetToIndexMap_ = new Map();
   const indexToTargetMap_ = new Map();
@@ -10027,11 +10034,11 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
             set_top_row_shortened_by_: set_top_row_shortened_by_
           }));
           const rendered_placeholders = $3hooq$solidjs.createMemo(() => {
-            if (get_should_have_placeholders_rendered()) return $3hooq$solidjs.children(() => $e3915574cfd3466c$export$f33414a4df0afd3f({
+            if (get_should_have_placeholders_rendered()) return $e3915574cfd3466c$export$f33414a4df0afd3f({
               content_blocks_: content_blocks_,
               product_card_template_: product_card_template_,
               num_placeholders_: num_placeholders_
-            }));
+            });
           });
           const layout = $3hooq$solidjs.createMemo(() => {
             const incoming_layout = layout_options_().layout;
@@ -10067,7 +10074,7 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
           (For the whole idea of the displays being cached to work we can't tear down and re-run ProductCards for every new result.
           We have to keep ProductCards alive, but hidden, and feed them new data as soon as we had it)
           */
-          const product_cards_when_data = $3hooq$solidjs.children(() => $3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Suspense), {
+          const product_cards_when_data = $3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Suspense), {
             get fallback() {
               fallback_is_alive = true;
               $3hooq$solidjs.onCleanup(block_suspense_if_needed); // Block suspense after initial run every time after we fetch
@@ -10099,20 +10106,17 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
                 return suspense_contents;
               })();
             }
-          }));
+          });
           /* This Show is so that we show placeholders while query_base is loading and because it's cumbersome to ensure that everything that directly accesses the plp_results_ resource is within the <Suspense> boundary */
-          const listing_contents = $3hooq$solidjs.children(() => $3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
+          const listing_contents = $3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
             get when() {
               return !is_loading_();
             },
             get fallback() {
-              var _rendered_placeholder;
-              return (_rendered_placeholder = rendered_placeholders()) === null || _rendered_placeholder === void 0 ? void 0 : _rendered_placeholder();
+              return rendered_placeholders();
             },
-            get children() {
-              return product_cards_when_data();
-            }
-          }));
+            children: product_cards_when_data
+          });
           return [$8edd3cf30d1fd8b4$export$a2cc176055f8f08(layout()), $3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
             get when() {
               return doesnt_have_content_blocks();
@@ -10132,9 +10136,7 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
                   class: "cards css-grid"
                 },
                 top_row_shortened_by_: top_row_shortened_by_,
-                get children() {
-                  return listing_contents();
-                }
+                children: listing_contents
               });
             },
             get children() {
@@ -10187,9 +10189,7 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
                         $3hooq$solidjsweb.insert(container, $3hooq$solidjs.createMemo(() => [...non_solid_nodes, rendered_scroll_status]));
                       }
                     },
-                    get children() {
-                      return listing_contents();
-                    }
+                    children: listing_contents
                   });
                 },
                 get children() {
@@ -10210,9 +10210,7 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
                     element_attributes: {
                       class: "cards"
                     },
-                    get children() {
-                      return listing_contents();
-                    }
+                    children: listing_contents
                   });
                 }
               });

package/server/ES10/index.d.ts

@@ -11,7 +11,7 @@ import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { FeaturedInDisplay } from "@depict-ai/types/api/FeaturedInResponseV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.7.15";
+export const version = "4.7.17";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -1436,7 +1436,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;
@@ -1515,5 +1515,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,5 +1,5 @@
 import { add_to_version_info as $b8hua$add_to_version_info, catchify as $b8hua$catchify, dlog as $b8hua$dlog, camelCasifyObject as $b8hua$camelCasifyObject, useExpandingContainer as $b8hua$useExpandingContainer, fetch_retry as $b8hua$fetch_retry, base_url as $b8hua$base_url, dwarn as $b8hua$dwarn, slider_fractional_factory as $b8hua$slider_fractional_factory, make_random_classname as $b8hua$make_random_classname, n_col_styling_with_dist as $b8hua$n_col_styling_with_dist, 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, 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 { createComponent as $b8hua$createComponent, insert as $b8hua$insert, ssr as $b8hua$ssr, ssrHydrationKey as $b8hua$ssrHydrationKey, escape as $b8hua$escape, ssrStyle as $b8hua$ssrStyle, mergeProps as $b8hua$mergeProps, isServer as $b8hua$isServer, ssrElement as $b8hua$ssrElement, ssrClassList as $b8hua$ssrClassList, ssrAttribute as $b8hua$ssrAttribute, spread as $b8hua$spread, Dynamic as $b8hua$Dynamic } from "solid-js/web";
+import { isServer as $b8hua$isServer, createComponent as $b8hua$createComponent, insert as $b8hua$insert, ssr as $b8hua$ssr, ssrHydrationKey as $b8hua$ssrHydrationKey, escape as $b8hua$escape, ssrStyle as $b8hua$ssrStyle, mergeProps as $b8hua$mergeProps, ssrElement as $b8hua$ssrElement, ssrClassList as $b8hua$ssrClassList, ssrAttribute as $b8hua$ssrAttribute, spread as $b8hua$spread, Dynamic as $b8hua$Dynamic } from "solid-js/web";
 import { createContext as $b8hua$createContext, createSignal as $b8hua$createSignal, createMemo as $b8hua$createMemo, createEffect as $b8hua$createEffect, onCleanup as $b8hua$onCleanup, untrack as $b8hua$untrack, useContext as $b8hua$useContext, For as $b8hua$For, getOwner as $b8hua$getOwner, createResource as $b8hua$createResource, runWithOwner as $b8hua$runWithOwner, Show as $b8hua$Show, mergeProps as $b8hua$mergeProps1, Suspense as $b8hua$Suspense, createRenderEffect as $b8hua$createRenderEffect, Index as $b8hua$Index, createRoot as $b8hua$createRoot, 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";
 import { ListenableSet as $b8hua$ListenableSet, catchify as $b8hua$catchify1, use_href_accessor as $b8hua$use_href_accessor1, queueMacroTask as $b8hua$queueMacroTask1, report as $b8hua$report1 } from "@depict-ai/utilishared/ES10";
@@ -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.7.15";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.7.17";
 
 /**
  * Gets product_id (the thing we key the rendering on) from a display
@@ -260,6 +260,13 @@ function $618bd53ea0a41cd4$export$4a14175d33d81a96(_ref) {
     content_blocks_: content_blocks_,
     alwaysObserveCards_: alwaysObserveCards_
   } = _ref;
+  if (0, $b8hua$isServer) return {
+    renderedDisplays_: $2d7bad8684bc7f44$export$43f0fb951fcb0c54({
+      displays_by_key_: displays_by_key_,
+      product_card_template_: product_card_template_,
+      content_blocks_: content_blocks_
+    })
+  };
   // The following sets up an intersection observer to determine which results are in the viewport, used for the ScrollStatus indicator, knowing when to load more and any other consumer of the useProductCardIsVisible hook.
   const targetToIndexMap_ = new Map();
   const indexToTargetMap_ = new Map();
@@ -9932,11 +9939,11 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
             set_top_row_shortened_by_: set_top_row_shortened_by_
           }));
           const rendered_placeholders = $b8hua$createMemo(() => {
-            if (get_should_have_placeholders_rendered()) return $b8hua$children(() => $bdd80c7862246dc2$export$f33414a4df0afd3f({
+            if (get_should_have_placeholders_rendered()) return $bdd80c7862246dc2$export$f33414a4df0afd3f({
               content_blocks_: content_blocks_,
               product_card_template_: product_card_template_,
               num_placeholders_: num_placeholders_
-            }));
+            });
           });
           const layout = $b8hua$createMemo(() => {
             const incoming_layout = layout_options_().layout;
@@ -9972,7 +9979,7 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
           (For the whole idea of the displays being cached to work we can't tear down and re-run ProductCards for every new result.
           We have to keep ProductCards alive, but hidden, and feed them new data as soon as we had it)
           */
-          const product_cards_when_data = $b8hua$children(() => $b8hua$createComponent((0, $b8hua$Suspense), {
+          const product_cards_when_data = $b8hua$createComponent((0, $b8hua$Suspense), {
             get fallback() {
               fallback_is_alive = true;
               $b8hua$onCleanup(block_suspense_if_needed); // Block suspense after initial run every time after we fetch
@@ -10004,20 +10011,17 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
                 return suspense_contents;
               })();
             }
-          }));
+          });
           /* This Show is so that we show placeholders while query_base is loading and because it's cumbersome to ensure that everything that directly accesses the plp_results_ resource is within the <Suspense> boundary */
-          const listing_contents = $b8hua$children(() => $b8hua$createComponent((0, $b8hua$Show), {
+          const listing_contents = $b8hua$createComponent((0, $b8hua$Show), {
             get when() {
               return !is_loading_();
             },
             get fallback() {
-              var _rendered_placeholder;
-              return (_rendered_placeholder = rendered_placeholders()) === null || _rendered_placeholder === void 0 ? void 0 : _rendered_placeholder();
+              return rendered_placeholders();
             },
-            get children() {
-              return product_cards_when_data();
-            }
-          }));
+            children: product_cards_when_data
+          });
           return [$ca55612a53dbbdd2$export$a2cc176055f8f08(layout()), $b8hua$createComponent((0, $b8hua$Show), {
             get when() {
               return doesnt_have_content_blocks();
@@ -10037,9 +10041,7 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
                   class: "cards css-grid"
                 },
                 top_row_shortened_by_: top_row_shortened_by_,
-                get children() {
-                  return listing_contents();
-                }
+                children: listing_contents
               });
             },
             get children() {
@@ -10092,9 +10094,7 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
                         $b8hua$insert(container, $b8hua$createMemo(() => [...non_solid_nodes, rendered_scroll_status]));
                       }
                     },
-                    get children() {
-                      return listing_contents();
-                    }
+                    children: listing_contents
                   });
                 },
                 get children() {
@@ -10115,9 +10115,7 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
                     element_attributes: {
                       class: "cards"
                     },
-                    get children() {
-                      return listing_contents();
-                    }
+                    children: listing_contents
                   });
                 }
               });

package/server/latest/index.cjs

@@ -99,7 +99,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.7.15";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.7.17";
 
 /**
  * Gets product_id (the thing we key the rendering on) from a display
@@ -344,6 +344,13 @@ function $67155e1aeb7073f6$export$4a14175d33d81a96({
   content_blocks_: content_blocks_,
   alwaysObserveCards_: alwaysObserveCards_
 }) {
+  if (0, $5vyXB$solidjsweb.isServer) return {
+    renderedDisplays_: $a73063cc642f3e5f$export$43f0fb951fcb0c54({
+      displays_by_key_: displays_by_key_,
+      product_card_template_: product_card_template_,
+      content_blocks_: content_blocks_
+    })
+  };
   // The following sets up an intersection observer to determine which results are in the viewport, used for the ScrollStatus indicator, knowing when to load more and any other consumer of the useProductCardIsVisible hook.
   const targetToIndexMap_ = new Map();
   const indexToTargetMap_ = new Map();
@@ -9375,11 +9382,11 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
             set_top_row_shortened_by_: set_top_row_shortened_by_
           }));
           const rendered_placeholders = $5vyXB$solidjs.createMemo(() => {
-            if (get_should_have_placeholders_rendered()) return $5vyXB$solidjs.children(() => $0caf87eaa19079da$export$f33414a4df0afd3f({
+            if (get_should_have_placeholders_rendered()) return $0caf87eaa19079da$export$f33414a4df0afd3f({
               content_blocks_: content_blocks_,
               product_card_template_: product_card_template_,
               num_placeholders_: num_placeholders_
-            }));
+            });
           });
           const layout = $5vyXB$solidjs.createMemo(() => {
             const incoming_layout = layout_options_().layout;
@@ -9415,7 +9422,7 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
           (For the whole idea of the displays being cached to work we can't tear down and re-run ProductCards for every new result.
           We have to keep ProductCards alive, but hidden, and feed them new data as soon as we had it)
           */
-          const product_cards_when_data = $5vyXB$solidjs.children(() => $5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Suspense), {
+          const product_cards_when_data = $5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Suspense), {
             get fallback() {
               fallback_is_alive = true;
               $5vyXB$solidjs.onCleanup(block_suspense_if_needed); // Block suspense after initial run every time after we fetch
@@ -9447,19 +9454,17 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
                 return suspense_contents;
               })();
             }
-          }));
+          });
           /* This Show is so that we show placeholders while query_base is loading and because it's cumbersome to ensure that everything that directly accesses the plp_results_ resource is within the <Suspense> boundary */
-          const listing_contents = $5vyXB$solidjs.children(() => $5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
+          const listing_contents = $5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
             get when() {
               return !is_loading_();
             },
             get fallback() {
-              return rendered_placeholders()?.();
+              return rendered_placeholders();
             },
-            get children() {
-              return product_cards_when_data();
-            }
-          }));
+            children: product_cards_when_data
+          });
           return [$fc23d7668ae0011d$export$a2cc176055f8f08(layout()), $5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
             get when() {
               return doesnt_have_content_blocks();
@@ -9479,9 +9484,7 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
                   class: "cards css-grid"
                 },
                 top_row_shortened_by_: top_row_shortened_by_,
-                get children() {
-                  return listing_contents();
-                }
+                children: listing_contents
               });
             },
             get children() {
@@ -9534,9 +9537,7 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
                         $5vyXB$solidjsweb.insert(container, $5vyXB$solidjs.createMemo(() => [...non_solid_nodes, rendered_scroll_status]));
                       }
                     },
-                    get children() {
-                      return listing_contents();
-                    }
+                    children: listing_contents
                   });
                 },
                 get children() {
@@ -9557,9 +9558,7 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
                     element_attributes: {
                       class: "cards"
                     },
-                    get children() {
-                      return listing_contents();
-                    }
+                    children: listing_contents
                   });
                 }
               });

package/server/latest/index.d.ts

@@ -11,7 +11,7 @@ import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { FeaturedInDisplay } from "@depict-ai/types/api/FeaturedInResponseV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.7.15";
+export const version = "4.7.17";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -1436,7 +1436,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;
@@ -1515,5 +1515,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/latest/index.js

@@ -1,5 +1,5 @@
 import { add_to_version_info as $i7OB2$add_to_version_info, catchify as $i7OB2$catchify, dlog as $i7OB2$dlog, camelCasifyObject as $i7OB2$camelCasifyObject, useExpandingContainer as $i7OB2$useExpandingContainer, fetch_retry as $i7OB2$fetch_retry, base_url as $i7OB2$base_url, dwarn as $i7OB2$dwarn, slider_fractional_factory as $i7OB2$slider_fractional_factory, make_random_classname as $i7OB2$make_random_classname, n_col_styling_with_dist as $i7OB2$n_col_styling_with_dist, 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, 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 { createComponent as $i7OB2$createComponent, insert as $i7OB2$insert, ssr as $i7OB2$ssr, ssrHydrationKey as $i7OB2$ssrHydrationKey, escape as $i7OB2$escape, ssrStyle as $i7OB2$ssrStyle, mergeProps as $i7OB2$mergeProps, isServer as $i7OB2$isServer, ssrElement as $i7OB2$ssrElement, ssrClassList as $i7OB2$ssrClassList, ssrAttribute as $i7OB2$ssrAttribute, spread as $i7OB2$spread, Dynamic as $i7OB2$Dynamic } from "solid-js/web";
+import { isServer as $i7OB2$isServer, createComponent as $i7OB2$createComponent, insert as $i7OB2$insert, ssr as $i7OB2$ssr, ssrHydrationKey as $i7OB2$ssrHydrationKey, escape as $i7OB2$escape, ssrStyle as $i7OB2$ssrStyle, mergeProps as $i7OB2$mergeProps, ssrElement as $i7OB2$ssrElement, ssrClassList as $i7OB2$ssrClassList, ssrAttribute as $i7OB2$ssrAttribute, spread as $i7OB2$spread, Dynamic as $i7OB2$Dynamic } from "solid-js/web";
 import { createContext as $i7OB2$createContext, createSignal as $i7OB2$createSignal, createMemo as $i7OB2$createMemo, createEffect as $i7OB2$createEffect, onCleanup as $i7OB2$onCleanup, untrack as $i7OB2$untrack, useContext as $i7OB2$useContext, For as $i7OB2$For, getOwner as $i7OB2$getOwner, createResource as $i7OB2$createResource, runWithOwner as $i7OB2$runWithOwner, Show as $i7OB2$Show, mergeProps as $i7OB2$mergeProps1, Suspense as $i7OB2$Suspense, createRenderEffect as $i7OB2$createRenderEffect, Index as $i7OB2$Index, createRoot as $i7OB2$createRoot, 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, queueMacroTask as $i7OB2$queueMacroTask1, report as $i7OB2$report1 } from "@depict-ai/utilishared/latest";
 import { createStore as $i7OB2$createStore, reconcile as $i7OB2$reconcile } from "solid-js/store";
@@ -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.7.15";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.7.17";
 
 /**
  * Gets product_id (the thing we key the rendering on) from a display
@@ -252,6 +252,13 @@ function $f091294da861020c$export$4a14175d33d81a96({
   content_blocks_: content_blocks_,
   alwaysObserveCards_: alwaysObserveCards_
 }) {
+  if (0, $i7OB2$isServer) return {
+    renderedDisplays_: $29ec7cddbe1d3484$export$43f0fb951fcb0c54({
+      displays_by_key_: displays_by_key_,
+      product_card_template_: product_card_template_,
+      content_blocks_: content_blocks_
+    })
+  };
   // The following sets up an intersection observer to determine which results are in the viewport, used for the ScrollStatus indicator, knowing when to load more and any other consumer of the useProductCardIsVisible hook.
   const targetToIndexMap_ = new Map();
   const indexToTargetMap_ = new Map();
@@ -9283,11 +9290,11 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
             set_top_row_shortened_by_: set_top_row_shortened_by_
           }));
           const rendered_placeholders = $i7OB2$createMemo(() => {
-            if (get_should_have_placeholders_rendered()) return $i7OB2$children(() => $6e41f1fde994db72$export$f33414a4df0afd3f({
+            if (get_should_have_placeholders_rendered()) return $6e41f1fde994db72$export$f33414a4df0afd3f({
               content_blocks_: content_blocks_,
               product_card_template_: product_card_template_,
               num_placeholders_: num_placeholders_
-            }));
+            });
           });
           const layout = $i7OB2$createMemo(() => {
             const incoming_layout = layout_options_().layout;
@@ -9323,7 +9330,7 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
           (For the whole idea of the displays being cached to work we can't tear down and re-run ProductCards for every new result.
           We have to keep ProductCards alive, but hidden, and feed them new data as soon as we had it)
           */
-          const product_cards_when_data = $i7OB2$children(() => $i7OB2$createComponent((0, $i7OB2$Suspense), {
+          const product_cards_when_data = $i7OB2$createComponent((0, $i7OB2$Suspense), {
             get fallback() {
               fallback_is_alive = true;
               $i7OB2$onCleanup(block_suspense_if_needed); // Block suspense after initial run every time after we fetch
@@ -9355,19 +9362,17 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
                 return suspense_contents;
               })();
             }
-          }));
+          });
           /* This Show is so that we show placeholders while query_base is loading and because it's cumbersome to ensure that everything that directly accesses the plp_results_ resource is within the <Suspense> boundary */
-          const listing_contents = $i7OB2$children(() => $i7OB2$createComponent((0, $i7OB2$Show), {
+          const listing_contents = $i7OB2$createComponent((0, $i7OB2$Show), {
             get when() {
               return !is_loading_();
             },
             get fallback() {
-              return rendered_placeholders()?.();
+              return rendered_placeholders();
             },
-            get children() {
-              return product_cards_when_data();
-            }
-          }));
+            children: product_cards_when_data
+          });
           return [$a458486f22b22f63$export$a2cc176055f8f08(layout()), $i7OB2$createComponent((0, $i7OB2$Show), {
             get when() {
               return doesnt_have_content_blocks();
@@ -9387,9 +9392,7 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
                   class: "cards css-grid"
                 },
                 top_row_shortened_by_: top_row_shortened_by_,
-                get children() {
-                  return listing_contents();
-                }
+                children: listing_contents
               });
             },
             get children() {
@@ -9442,9 +9445,7 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
                         $i7OB2$insert(container, $i7OB2$createMemo(() => [...non_solid_nodes, rendered_scroll_status]));
                       }
                     },
-                    get children() {
-                      return listing_contents();
-                    }
+                    children: listing_contents
                   });
                 },
                 get children() {
@@ -9465,9 +9466,7 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
                     element_attributes: {
                       class: "cards"
                     },
-                    get children() {
-                      return listing_contents();
-                    }
+                    children: listing_contents
                   });
                 }
               });