@depict-ai/ui 4.7.31 → 4.7.32

package/server/ES10/index.cjs

@@ -111,7 +111,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.31";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.7.32";
 function $3e17e871e9d0911d$export$d9f36cf74e24d595(media_query) {
   const signal = $3hooq$solidjs.createSignal(false);
   $3hooq$solidjs.onCleanup($3hooq$depictaiutilishared.javascript_media_query(media_query, _ref => {
@@ -179,7 +179,7 @@ function $b8a8d61b3ec5f5ac$export$3f37af283f8fb843(props) {
     }
   });
 }
-var $f8f375d6245ffff2$var$_tmpl$ = ["<div", ' class="content-block-wrapper" style="', '">', "</div>"];
+var $f8f375d6245ffff2$var$_tmpl$ = ["<div", ' class="', '" style="', '">', "</div>"];
 function $f8f375d6245ffff2$export$791ef57e62e21c3f(_ref) {
   let {
     content_blocks_: incoming_content_blocks,
@@ -311,7 +311,7 @@ function $f8f375d6245ffff2$var$wrap_blocks_in_div(rendered_content_blocks, max_s
         return !rendering_delayed();
       },
       get children() {
-        return $3hooq$solidjsweb.ssr($f8f375d6245ffff2$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "grid-column:" + "span ".concat($3hooq$solidjsweb.escape(final_span_columns(), true)) + (";grid-row:" + "span ".concat($3hooq$solidjsweb.escape(final_span_rows(), true))) + (";spans_columns_variable_name:" + $3hooq$solidjsweb.escape(final_span_columns(), true)), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent($f8f375d6245ffff2$var$RenderContent, {
+        return $3hooq$solidjsweb.ssr($f8f375d6245ffff2$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "content-block-wrapper ".concat(final_span_columns() === max_span_columns() ? "spans-whole-row" : ""), "grid-column:" + "span ".concat($3hooq$solidjsweb.escape(final_span_columns(), true)) + (";grid-row:" + "span ".concat($3hooq$solidjsweb.escape(final_span_rows(), true))) + (";spans_columns_variable_name:" + $3hooq$solidjsweb.escape(final_span_columns(), true)), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent($f8f375d6245ffff2$var$RenderContent, {
           get content() {
             return block.content;
           }
@@ -8977,7 +8977,8 @@ class $9cbefc32b9dab36d$export$f34314aa9505732e {
           // Please make sure that the signal created by below line always updates AFTER selected_filters_ updates on a "popstate" event. If the filter cache is popped before the selected filters are the code in create_modified_filters() is going to re-calculate search_local_filter_cache without knowing the real value of search_selected_filters, and we'll end up with too few filters in search_local_filter_cache in some cases
           local_filter_cache: [],
           expanded_hierarchical_filters: [],
-          scroll_restoration_data: []
+          scroll_restoration_data: [],
+          history_content_blocks: []
         }),
         router_: $parcel$interopDefault($3hooq$babelruntimehelpersclassPrivateFieldGet)(this, $9cbefc32b9dab36d$var$_router),
         prefix_: "category" + unique_instance_key_for_state + "_"
@@ -13296,15 +13297,77 @@ function $8b366fdb0c76194d$var$clear_if_opened_new_tab_with_sideways_url_params_
   });
   tracking_function_for_plp_results(plp_results_);
 }
-var $c19709057a32b2e7$var$_tmpl$ = ["<a", "><img", ' style="', '"></a>'],
-  $c19709057a32b2e7$var$_tmpl$2 = ["<a", "><video", ' muted="" autoplay="" playsinline="" loop style="', '"></video></a>'];
+var $c19709057a32b2e7$var$_tmpl$ = ["<a", ' class="d-standard-content-wrapper"', "><video", ' muted="" autoplay="" playsinline="" loop class="d-standard-content"></video></a>'];
 function $c19709057a32b2e7$export$780a853d15174484(_ref) {
   let {
-    contentBlock: contentBlock,
+    contentBlock_: {
+      content: {
+        link: link,
+        type: type,
+        url: mediaUrl
+      }
+    },
     router_: router_
   } = _ref;
-  if (contentBlock.content.type === "image") return () => $3hooq$solidjsweb.ssr($c19709057a32b2e7$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey() + $3hooq$solidjsweb.ssrAttribute("href", $3hooq$solidjsweb.escape(contentBlock.content.link, true), false), $3hooq$solidjsweb.ssrAttribute("src", $3hooq$solidjsweb.escape(contentBlock.content.url, true), false), "width:100%;height:100%;object-fit:cover;position:absolute;inset:0");
-  if (contentBlock.content.type === "video") return () => $3hooq$solidjsweb.ssr($c19709057a32b2e7$var$_tmpl$2, $3hooq$solidjsweb.ssrHydrationKey() + $3hooq$solidjsweb.ssrAttribute("href", $3hooq$solidjsweb.escape(contentBlock.content.link, true), false), $3hooq$solidjsweb.ssrAttribute("src", $3hooq$solidjsweb.escape(contentBlock.content.url, true), false), "width:100%;height:100%;object-fit:cover;position:absolute;inset:0");
+  if (type === "image") {
+    const [wrapperSize, setWrapperSize] = $3hooq$solidjs.createSignal();
+    return $3hooq$solidjsweb.createComponent((0, $3hooq$solidjsweb.Dynamic), $3hooq$solidjsweb.mergeProps({
+      component: link ? "a" : "div",
+      "class": "d-standard-content-wrapper",
+      get onClick() {
+        return $3hooq$depictaiutilisharedlatest.catchify(ev => link && router_.navigate_.go_to_({
+          new_url_: link,
+          is_replace_: false,
+          event_: ev
+        }));
+      }
+    }, link && {
+      href: link
+    }, {
+      get children() {
+        return $3hooq$solidjsweb.createComponent((0, $858fdcf73148519f$export$6e5611bc7e57e477), {
+          get size() {
+            return $3hooq$solidjs.createMemo(() => {
+              var _wrapperSize;
+              return ((_wrapperSize = wrapperSize()) === null || _wrapperSize === void 0 ? void 0 : _wrapperSize()) || 0;
+            });
+          },
+          src: mediaUrl,
+          "class": "d-standard-content"
+        });
+      }
+    }));
+  }
+  if (type === "video") {
+    const pageVisible = $e7a7d2fe8a8217d8$export$54299a3c81f5425();
+    return $3hooq$solidjsweb.ssr($c19709057a32b2e7$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.ssrAttribute("href", $3hooq$solidjsweb.escape(link, true), false), $3hooq$solidjsweb.ssrAttribute("src", $3hooq$solidjsweb.escape(mediaUrl, true), false));
+  }
+}
+function $0c035bbe7e30b438$export$7a92d995f1bf3592(history_content_blocks_, plp_meta, content_blocks_by_row_, router_) {
+  const [historyContentBlocks, setHistoryContentBlocks] = history_content_blocks_;
+  $3hooq$solidjs.createEffect(() => {
+    var _plp_meta;
+    const serverContentBlock = (_plp_meta = plp_meta()) === null || _plp_meta === void 0 ? void 0 : _plp_meta.content_blocks;
+    if (serverContentBlock && JSON.stringify(serverContentBlock) !== JSON.stringify(historyContentBlocks())) setHistoryContentBlocks(serverContentBlock);
+  });
+  const contentBlocksByRow = $3hooq$solidjs.createMemo(() => {
+    if (content_blocks_by_row_()) return content_blocks_by_row_();
+    const content = [];
+    historyContentBlocks().forEach(row => {
+      const contentBlock = {
+        span_columns: row.span_columns,
+        span_rows: row.span_rows,
+        position: row.position,
+        content: () => $3hooq$solidjsweb.createComponent((0, $c19709057a32b2e7$export$780a853d15174484), {
+          contentBlock_: row,
+          router_: router_
+        })
+      };
+      content[row.row] = contentBlock;
+    });
+    return content;
+  });
+  return contentBlocksByRow;
 }
 var $ede6c70ecdca46fe$var$_tmpl$ = ["<div", ' class="product-count"><!--$-->', "<!--/--> <!--$-->", "<!--/--></div>"],
   $ede6c70ecdca46fe$var$_tmpl$2 = ["<div", "></div>"],
@@ -13334,6 +13397,7 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     show_breadcrumbs_: show_breadcrumbs_,
     layout_options_: layout_options_,
     scroll_restoration_data_: scroll_restoration_data_,
+    history_content_blocks_: history_content_blocks_,
     product_card_template_: product_card_template_,
     sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
     sorting_query_param_: sorting_query_param_,
@@ -13402,24 +13466,7 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
   }));
   // Make "Get Listing" request to get quicklinks, breadcrumbs, title, etc
   const [plp_meta] = $3hooq$solidjs.createResource(meta_query_base, $3hooq$depictaiutilisharedlatest.catchify(query => depict_api_.get_listing(query)));
-  const contentBlocksByRow = $3hooq$solidjs.createMemo(() => {
-    var _plp_meta, _plp_meta$content_blo;
-    if (content_blocks_by_row_()) return content_blocks_by_row_();
-    const content = [];
-    (_plp_meta = plp_meta()) === null || _plp_meta === void 0 || (_plp_meta$content_blo = _plp_meta.content_blocks) === null || _plp_meta$content_blo === void 0 || _plp_meta$content_blo.forEach(row => {
-      const contentBlock = {
-        span_columns: row.span_columns,
-        span_rows: row.span_rows,
-        position: row.position,
-        content: $c19709057a32b2e7$export$780a853d15174484({
-          contentBlock: row,
-          router_: router_
-        })
-      };
-      content[row.row] = contentBlock;
-    });
-    return content;
-  });
+  const contentBlocksByRow = $0c035bbe7e30b438$export$7a92d995f1bf3592(history_content_blocks_, plp_meta, content_blocks_by_row_, router_);
   const available_sortings_ = $3hooq$solidjs.createMemo(() => {
     var _plp_products_, _plp_products_$sorts;
     return (_plp_products_ = plp_products_()) === null || _plp_products_ === void 0 ? void 0 : (_plp_products_$sorts = _plp_products_.sorts) === null || _plp_products_$sorts === void 0 ? void 0 : _plp_products_$sorts.map(sort => {
@@ -13435,13 +13482,13 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     return (_plp_products_2 = plp_products_()) === null || _plp_products_2 === void 0 ? void 0 : _plp_products_2.filters;
   });
   const title = $3hooq$solidjs.createMemo(() => {
-    var _plp_meta2;
-    return (_plp_meta2 = plp_meta()) === null || _plp_meta2 === void 0 ? void 0 : _plp_meta2.title;
+    var _plp_meta;
+    return (_plp_meta = plp_meta()) === null || _plp_meta === void 0 ? void 0 : _plp_meta.title;
   });
   const crumb_data_ = $ede6c70ecdca46fe$var$add_us_to_crumbs(plp_meta);
   const quicklinks_data_ = $3hooq$solidjs.createMemo(() => {
-    var _plp_meta3;
-    return (_plp_meta3 = plp_meta()) === null || _plp_meta3 === void 0 ? void 0 : _plp_meta3.quick_links;
+    var _plp_meta2;
+    return (_plp_meta2 = plp_meta()) === null || _plp_meta2 === void 0 ? void 0 : _plp_meta2.quick_links;
   });
   const [sort_or_filter_open_, set_sort_or_filter_open_] = $3hooq$solidjs.createSignal(false);
   const [desktop_filter_elements_, set_desktop_filter_elements] = $3hooq$solidjs.createSignal();
@@ -13707,8 +13754,8 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
 function $ede6c70ecdca46fe$var$add_us_to_crumbs(plp_meta) {
   const href_accessor = $3hooq$depictaiutilisharedlatest.use_href_accessor();
   return $3hooq$solidjs.createMemo(() => {
-    var _plp_meta4;
-    const api_value = (_plp_meta4 = plp_meta()) === null || _plp_meta4 === void 0 ? void 0 : _plp_meta4.breadcrumbs;
+    var _plp_meta3;
+    const api_value = (_plp_meta3 = plp_meta()) === null || _plp_meta3 === void 0 ? void 0 : _plp_meta3.breadcrumbs;
     if (!api_value) return api_value;
     return [...api_value, $3hooq$solidjs.mergeProps(plp_meta(), {
       get page_url() {
@@ -13758,7 +13805,8 @@ function $c10e33c4681f8c9b$export$e2bf8ce7779e827e(props) {
       sorting_open: category_sorting_open_,
       expanded_filters: expanded_filters_,
       expanded_hierarchical_filters: expanded_hierarchical_filters_,
-      scroll_restoration_data: scroll_restoration_data_
+      scroll_restoration_data: scroll_restoration_data_,
+      history_content_blocks: history_content_blocks_
     } = depict_category.historyStateSignals_;
     const {
       current_sorting_: current_sorting_,
@@ -13810,6 +13858,7 @@ function $c10e33c4681f8c9b$export$e2bf8ce7779e827e(props) {
       sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
       content_blocks_by_row_: () => props.content_blocks_by_row,
       scroll_restoration_data_: scroll_restoration_data_,
+      history_content_blocks_: history_content_blocks_,
       layout_options_: $3hooq$solidjs.createMemo(() => ({
         cols_at_size: $5401a6698b0c0658$export$6daf8749b65a1b77(props.cols_at_size),
         ...grid_spacing_override(),

package/server/ES10/index.d.ts

@@ -3,7 +3,7 @@ import { report, Amazing_Slider, Display, useExpandingContainer, ColsAtSize, Ele
 import { SearchFilter, SearchRequestV3, SortModel } from "@depict-ai/types/api/SearchRequestV3";
 import { ContentLink, SearchResponse, SearchFilter as _SearchFilter1 } from "@depict-ai/types/api/SearchResponse";
 import { Ancestors, ListingSuggestion, SearchSuggestionsResponseV3 } from "@depict-ai/types/api/SearchSuggestionsResponseV3";
-import { ProductListing, GetListingResponse } from "@depict-ai/types/api/GetListingResponse";
+import { ProductListing, GetListingResponse, ContentBlock as _ContentBlock1 } from "@depict-ai/types/api/GetListingResponse";
 import { ProductListingResponseV3, SearchFilter as _SearchFilter2 } from "@depict-ai/types/api/ProductListingResponseV3";
 import { SearchSuggestionsRequestV3 } from "@depict-ai/types/api/SearchSuggestionsRequestV3";
 import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequestV3";
@@ -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.31";
+export const version = "4.7.32";
 /**
  * Use `javascript_media_query` but return a reactive accessor instead of taking a callback function
  */
@@ -108,10 +108,10 @@ export function remap_blocks_to_index<T = () => JSX.Element | Promise<JSX.Elemen
   })[];
   n_cols_currently_showing_: number | null;
 }): {
-  content_blocks_by_index_: JSX.Element[];
+  content_blocks_by_index_: (Awaited<T> | T[])[];
   readonly displaced_products_?: undefined;
 } | {
-  readonly content_blocks_by_index_: JSX.Element[];
+  readonly content_blocks_by_index_: (Awaited<T> | T[])[];
   readonly displaced_products_: (number | (true | undefined)[])[];
 };
 /**
@@ -1334,6 +1334,7 @@ export class DepictCategory<InputDisplay extends Display, OutputDisplay extends
       expanded_: boolean;
     }[]>;
     scroll_restoration_data: Signal<ScrollRestorationData>;
+    history_content_blocks: Signal<_ContentBlock1[]>;
   };
   /**
    * Signal representing the currently selected filters. Will update to always reflect the state of the current URL. Calling the setter triggers a navigation (replaceState) to an updated URL.
@@ -1484,7 +1485,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;
@@ -1563,5 +1564,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

@@ -10,7 +10,7 @@ import $b8hua$babelruntimehelpersclassPrivateFieldGet from "@babel/runtime/helpe
 /*! 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.31";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.7.32";
 function $00a5b94f0c11efbb$export$d9f36cf74e24d595(media_query) {
   const signal = $b8hua$createSignal(false);
   $b8hua$onCleanup($b8hua$javascript_media_query(media_query, _ref => {
@@ -78,7 +78,7 @@ function $3ab4aa97880fb88d$export$3f37af283f8fb843(props) {
     }
   });
 }
-var $ff7feae4dddd6073$var$_tmpl$ = ["<div", ' class="content-block-wrapper" style="', '">', "</div>"];
+var $ff7feae4dddd6073$var$_tmpl$ = ["<div", ' class="', '" style="', '">', "</div>"];
 function $ff7feae4dddd6073$export$791ef57e62e21c3f(_ref) {
   let {
     content_blocks_: incoming_content_blocks,
@@ -210,7 +210,7 @@ function $ff7feae4dddd6073$var$wrap_blocks_in_div(rendered_content_blocks, max_s
         return !rendering_delayed();
       },
       get children() {
-        return $b8hua$ssr($ff7feae4dddd6073$var$_tmpl$, $b8hua$ssrHydrationKey(), "grid-column:" + "span ".concat($b8hua$escape(final_span_columns(), true)) + (";grid-row:" + "span ".concat($b8hua$escape(final_span_rows(), true))) + (";spans_columns_variable_name:" + $b8hua$escape(final_span_columns(), true)), $b8hua$escape($b8hua$createComponent($ff7feae4dddd6073$var$RenderContent, {
+        return $b8hua$ssr($ff7feae4dddd6073$var$_tmpl$, $b8hua$ssrHydrationKey(), "content-block-wrapper ".concat(final_span_columns() === max_span_columns() ? "spans-whole-row" : ""), "grid-column:" + "span ".concat($b8hua$escape(final_span_columns(), true)) + (";grid-row:" + "span ".concat($b8hua$escape(final_span_rows(), true))) + (";spans_columns_variable_name:" + $b8hua$escape(final_span_columns(), true)), $b8hua$escape($b8hua$createComponent($ff7feae4dddd6073$var$RenderContent, {
           get content() {
             return block.content;
           }
@@ -8876,7 +8876,8 @@ class $f5f54892fd0c7d9f$export$f34314aa9505732e {
           // Please make sure that the signal created by below line always updates AFTER selected_filters_ updates on a "popstate" event. If the filter cache is popped before the selected filters are the code in create_modified_filters() is going to re-calculate search_local_filter_cache without knowing the real value of search_selected_filters, and we'll end up with too few filters in search_local_filter_cache in some cases
           local_filter_cache: [],
           expanded_hierarchical_filters: [],
-          scroll_restoration_data: []
+          scroll_restoration_data: [],
+          history_content_blocks: []
         }),
         router_: $b8hua$babelruntimehelpersclassPrivateFieldGet(this, $f5f54892fd0c7d9f$var$_router),
         prefix_: "category" + unique_instance_key_for_state + "_"
@@ -13195,15 +13196,77 @@ function $a4777acaffa35a82$var$clear_if_opened_new_tab_with_sideways_url_params_
   });
   tracking_function_for_plp_results(plp_results_);
 }
-var $3b772ef9a35560fe$var$_tmpl$ = ["<a", "><img", ' style="', '"></a>'],
-  $3b772ef9a35560fe$var$_tmpl$2 = ["<a", "><video", ' muted="" autoplay="" playsinline="" loop style="', '"></video></a>'];
+var $3b772ef9a35560fe$var$_tmpl$ = ["<a", ' class="d-standard-content-wrapper"', "><video", ' muted="" autoplay="" playsinline="" loop class="d-standard-content"></video></a>'];
 function $3b772ef9a35560fe$export$780a853d15174484(_ref) {
   let {
-    contentBlock: contentBlock,
+    contentBlock_: {
+      content: {
+        link: link,
+        type: type,
+        url: mediaUrl
+      }
+    },
     router_: router_
   } = _ref;
-  if (contentBlock.content.type === "image") return () => $b8hua$ssr($3b772ef9a35560fe$var$_tmpl$, $b8hua$ssrHydrationKey() + $b8hua$ssrAttribute("href", $b8hua$escape(contentBlock.content.link, true), false), $b8hua$ssrAttribute("src", $b8hua$escape(contentBlock.content.url, true), false), "width:100%;height:100%;object-fit:cover;position:absolute;inset:0");
-  if (contentBlock.content.type === "video") return () => $b8hua$ssr($3b772ef9a35560fe$var$_tmpl$2, $b8hua$ssrHydrationKey() + $b8hua$ssrAttribute("href", $b8hua$escape(contentBlock.content.link, true), false), $b8hua$ssrAttribute("src", $b8hua$escape(contentBlock.content.url, true), false), "width:100%;height:100%;object-fit:cover;position:absolute;inset:0");
+  if (type === "image") {
+    const [wrapperSize, setWrapperSize] = $b8hua$createSignal();
+    return $b8hua$createComponent((0, $b8hua$Dynamic), $b8hua$mergeProps1({
+      component: link ? "a" : "div",
+      "class": "d-standard-content-wrapper",
+      get onClick() {
+        return $b8hua$catchify(ev => link && router_.navigate_.go_to_({
+          new_url_: link,
+          is_replace_: false,
+          event_: ev
+        }));
+      }
+    }, link && {
+      href: link
+    }, {
+      get children() {
+        return $b8hua$createComponent((0, $56047603f9d212b6$export$6e5611bc7e57e477), {
+          get size() {
+            return $b8hua$createMemo(() => {
+              var _wrapperSize;
+              return ((_wrapperSize = wrapperSize()) === null || _wrapperSize === void 0 ? void 0 : _wrapperSize()) || 0;
+            });
+          },
+          src: mediaUrl,
+          "class": "d-standard-content"
+        });
+      }
+    }));
+  }
+  if (type === "video") {
+    const pageVisible = $a35e6f680c5bbc60$export$54299a3c81f5425();
+    return $b8hua$ssr($3b772ef9a35560fe$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$ssrAttribute("href", $b8hua$escape(link, true), false), $b8hua$ssrAttribute("src", $b8hua$escape(mediaUrl, true), false));
+  }
+}
+function $12ff24fdc4b26d88$export$7a92d995f1bf3592(history_content_blocks_, plp_meta, content_blocks_by_row_, router_) {
+  const [historyContentBlocks, setHistoryContentBlocks] = history_content_blocks_;
+  $b8hua$createEffect(() => {
+    var _plp_meta;
+    const serverContentBlock = (_plp_meta = plp_meta()) === null || _plp_meta === void 0 ? void 0 : _plp_meta.content_blocks;
+    if (serverContentBlock && JSON.stringify(serverContentBlock) !== JSON.stringify(historyContentBlocks())) setHistoryContentBlocks(serverContentBlock);
+  });
+  const contentBlocksByRow = $b8hua$createMemo(() => {
+    if (content_blocks_by_row_()) return content_blocks_by_row_();
+    const content = [];
+    historyContentBlocks().forEach(row => {
+      const contentBlock = {
+        span_columns: row.span_columns,
+        span_rows: row.span_rows,
+        position: row.position,
+        content: () => $b8hua$createComponent((0, $3b772ef9a35560fe$export$780a853d15174484), {
+          contentBlock_: row,
+          router_: router_
+        })
+      };
+      content[row.row] = contentBlock;
+    });
+    return content;
+  });
+  return contentBlocksByRow;
 }
 var $4b4b262708b516ee$var$_tmpl$ = ["<div", ' class="product-count"><!--$-->', "<!--/--> <!--$-->", "<!--/--></div>"],
   $4b4b262708b516ee$var$_tmpl$2 = ["<div", "></div>"],
@@ -13233,6 +13296,7 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     show_breadcrumbs_: show_breadcrumbs_,
     layout_options_: layout_options_,
     scroll_restoration_data_: scroll_restoration_data_,
+    history_content_blocks_: history_content_blocks_,
     product_card_template_: product_card_template_,
     sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
     sorting_query_param_: sorting_query_param_,
@@ -13301,24 +13365,7 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
   }));
   // Make "Get Listing" request to get quicklinks, breadcrumbs, title, etc
   const [plp_meta] = $b8hua$createResource(meta_query_base, $b8hua$catchify(query => depict_api_.get_listing(query)));
-  const contentBlocksByRow = $b8hua$createMemo(() => {
-    var _plp_meta, _plp_meta$content_blo;
-    if (content_blocks_by_row_()) return content_blocks_by_row_();
-    const content = [];
-    (_plp_meta = plp_meta()) === null || _plp_meta === void 0 || (_plp_meta$content_blo = _plp_meta.content_blocks) === null || _plp_meta$content_blo === void 0 || _plp_meta$content_blo.forEach(row => {
-      const contentBlock = {
-        span_columns: row.span_columns,
-        span_rows: row.span_rows,
-        position: row.position,
-        content: $3b772ef9a35560fe$export$780a853d15174484({
-          contentBlock: row,
-          router_: router_
-        })
-      };
-      content[row.row] = contentBlock;
-    });
-    return content;
-  });
+  const contentBlocksByRow = $12ff24fdc4b26d88$export$7a92d995f1bf3592(history_content_blocks_, plp_meta, content_blocks_by_row_, router_);
   const available_sortings_ = $b8hua$createMemo(() => {
     var _plp_products_, _plp_products_$sorts;
     return (_plp_products_ = plp_products_()) === null || _plp_products_ === void 0 ? void 0 : (_plp_products_$sorts = _plp_products_.sorts) === null || _plp_products_$sorts === void 0 ? void 0 : _plp_products_$sorts.map(sort => {
@@ -13334,13 +13381,13 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     return (_plp_products_2 = plp_products_()) === null || _plp_products_2 === void 0 ? void 0 : _plp_products_2.filters;
   });
   const title = $b8hua$createMemo(() => {
-    var _plp_meta2;
-    return (_plp_meta2 = plp_meta()) === null || _plp_meta2 === void 0 ? void 0 : _plp_meta2.title;
+    var _plp_meta;
+    return (_plp_meta = plp_meta()) === null || _plp_meta === void 0 ? void 0 : _plp_meta.title;
   });
   const crumb_data_ = $4b4b262708b516ee$var$add_us_to_crumbs(plp_meta);
   const quicklinks_data_ = $b8hua$createMemo(() => {
-    var _plp_meta3;
-    return (_plp_meta3 = plp_meta()) === null || _plp_meta3 === void 0 ? void 0 : _plp_meta3.quick_links;
+    var _plp_meta2;
+    return (_plp_meta2 = plp_meta()) === null || _plp_meta2 === void 0 ? void 0 : _plp_meta2.quick_links;
   });
   const [sort_or_filter_open_, set_sort_or_filter_open_] = $b8hua$createSignal(false);
   const [desktop_filter_elements_, set_desktop_filter_elements] = $b8hua$createSignal();
@@ -13606,8 +13653,8 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
 function $4b4b262708b516ee$var$add_us_to_crumbs(plp_meta) {
   const href_accessor = $b8hua$use_href_accessor1();
   return $b8hua$createMemo(() => {
-    var _plp_meta4;
-    const api_value = (_plp_meta4 = plp_meta()) === null || _plp_meta4 === void 0 ? void 0 : _plp_meta4.breadcrumbs;
+    var _plp_meta3;
+    const api_value = (_plp_meta3 = plp_meta()) === null || _plp_meta3 === void 0 ? void 0 : _plp_meta3.breadcrumbs;
     if (!api_value) return api_value;
     return [...api_value, $b8hua$mergeProps(plp_meta(), {
       get page_url() {
@@ -13657,7 +13704,8 @@ function $8821a19349c36651$export$e2bf8ce7779e827e(props) {
       sorting_open: category_sorting_open_,
       expanded_filters: expanded_filters_,
       expanded_hierarchical_filters: expanded_hierarchical_filters_,
-      scroll_restoration_data: scroll_restoration_data_
+      scroll_restoration_data: scroll_restoration_data_,
+      history_content_blocks: history_content_blocks_
     } = depict_category.historyStateSignals_;
     const {
       current_sorting_: current_sorting_,
@@ -13709,6 +13757,7 @@ function $8821a19349c36651$export$e2bf8ce7779e827e(props) {
       sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
       content_blocks_by_row_: () => props.content_blocks_by_row,
       scroll_restoration_data_: scroll_restoration_data_,
+      history_content_blocks_: history_content_blocks_,
       layout_options_: $b8hua$createMemo(() => ({
         cols_at_size: $a9c7ba6087881ac2$export$6daf8749b65a1b77(props.cols_at_size),
         ...grid_spacing_override(),

package/server/latest/index.cjs

@@ -105,7 +105,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.31";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.7.32";
 function $b54e6192d0caa293$export$d9f36cf74e24d595(media_query) {
   const signal = $5vyXB$solidjs.createSignal(false);
   $5vyXB$solidjs.onCleanup($5vyXB$depictaiutilishared.javascript_media_query(media_query, ({
@@ -166,7 +166,7 @@ function $3bc4a89b971a3af5$export$3f37af283f8fb843(props) {
     }
   });
 }
-var $d92f338ba8f9da9b$var$_tmpl$ = ["<div", ' class="content-block-wrapper" style="', '">', "</div>"];
+var $d92f338ba8f9da9b$var$_tmpl$ = ["<div", ' class="', '" style="', '">', "</div>"];
 function $d92f338ba8f9da9b$export$791ef57e62e21c3f({
   content_blocks_: incoming_content_blocks,
   cols_at_size_: cols_at_size_,
@@ -289,7 +289,7 @@ function $d92f338ba8f9da9b$var$wrap_blocks_in_div(rendered_content_blocks, max_s
         return !rendering_delayed();
       },
       get children() {
-        return $5vyXB$solidjsweb.ssr($d92f338ba8f9da9b$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), "grid-column:" + `span ${$5vyXB$solidjsweb.escape(final_span_columns(), true)}` + (";grid-row:" + `span ${$5vyXB$solidjsweb.escape(final_span_rows(), true)}`) + (";spans_columns_variable_name:" + $5vyXB$solidjsweb.escape(final_span_columns(), true)), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent($d92f338ba8f9da9b$var$RenderContent, {
+        return $5vyXB$solidjsweb.ssr($d92f338ba8f9da9b$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), `content-block-wrapper ${final_span_columns() === max_span_columns() ? "spans-whole-row" : ""}`, "grid-column:" + `span ${$5vyXB$solidjsweb.escape(final_span_columns(), true)}` + (";grid-row:" + `span ${$5vyXB$solidjsweb.escape(final_span_rows(), true)}`) + (";spans_columns_variable_name:" + $5vyXB$solidjsweb.escape(final_span_columns(), true)), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent($d92f338ba8f9da9b$var$RenderContent, {
           get content() {
             return block.content;
           }
@@ -8396,7 +8396,8 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
           // Please make sure that the signal created by below line always updates AFTER selected_filters_ updates on a "popstate" event. If the filter cache is popped before the selected filters are the code in create_modified_filters() is going to re-calculate search_local_filter_cache without knowing the real value of search_selected_filters, and we'll end up with too few filters in search_local_filter_cache in some cases
           local_filter_cache: [],
           expanded_hierarchical_filters: [],
-          scroll_restoration_data: []
+          scroll_restoration_data: [],
+          history_content_blocks: []
         }),
         router_: this.#router,
         prefix_: "category" + unique_instance_key_for_state + "_"
@@ -12334,14 +12335,72 @@ function $ef972f5c10b1c5b4$var$clear_if_opened_new_tab_with_sideways_url_params_
   });
   tracking_function_for_plp_results(plp_results_);
 }
-var $32c662f618f5d80d$var$_tmpl$ = ["<a", "><img", ' style="', '"></a>'],
-  $32c662f618f5d80d$var$_tmpl$2 = ["<a", "><video", ' muted="" autoplay="" playsinline="" loop style="', '"></video></a>'];
+var $32c662f618f5d80d$var$_tmpl$ = ["<a", ' class="d-standard-content-wrapper"', "><video", ' muted="" autoplay="" playsinline="" loop class="d-standard-content"></video></a>'];
 function $32c662f618f5d80d$export$780a853d15174484({
-  contentBlock: contentBlock,
+  contentBlock_: {
+    content: {
+      link: link,
+      type: type,
+      url: mediaUrl
+    }
+  },
   router_: router_
 }) {
-  if (contentBlock.content.type === "image") return () => $5vyXB$solidjsweb.ssr($32c662f618f5d80d$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey() + $5vyXB$solidjsweb.ssrAttribute("href", $5vyXB$solidjsweb.escape(contentBlock.content.link, true), false), $5vyXB$solidjsweb.ssrAttribute("src", $5vyXB$solidjsweb.escape(contentBlock.content.url, true), false), "width:100%;height:100%;object-fit:cover;position:absolute;inset:0");
-  if (contentBlock.content.type === "video") return () => $5vyXB$solidjsweb.ssr($32c662f618f5d80d$var$_tmpl$2, $5vyXB$solidjsweb.ssrHydrationKey() + $5vyXB$solidjsweb.ssrAttribute("href", $5vyXB$solidjsweb.escape(contentBlock.content.link, true), false), $5vyXB$solidjsweb.ssrAttribute("src", $5vyXB$solidjsweb.escape(contentBlock.content.url, true), false), "width:100%;height:100%;object-fit:cover;position:absolute;inset:0");
+  if (type === "image") {
+    const [wrapperSize, setWrapperSize] = $5vyXB$solidjs.createSignal();
+    return $5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjsweb.Dynamic), $5vyXB$solidjsweb.mergeProps({
+      component: link ? "a" : "div",
+      "class": "d-standard-content-wrapper",
+      get onClick() {
+        return $5vyXB$depictaiutilisharedlatest.catchify(ev => link && router_.navigate_.go_to_({
+          new_url_: link,
+          is_replace_: false,
+          event_: ev
+        }));
+      }
+    }, link && {
+      href: link
+    }, {
+      get children() {
+        return $5vyXB$solidjsweb.createComponent((0, $19950faaac026e09$export$6e5611bc7e57e477), {
+          get size() {
+            return $5vyXB$solidjs.createMemo(() => wrapperSize()?.() || 0);
+          },
+          src: mediaUrl,
+          "class": "d-standard-content"
+        });
+      }
+    }));
+  }
+  if (type === "video") {
+    const pageVisible = $55cbacb79d3e0cea$export$54299a3c81f5425();
+    return $5vyXB$solidjsweb.ssr($32c662f618f5d80d$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrAttribute("href", $5vyXB$solidjsweb.escape(link, true), false), $5vyXB$solidjsweb.ssrAttribute("src", $5vyXB$solidjsweb.escape(mediaUrl, true), false));
+  }
+}
+function $0a80939bf0a1e9cc$export$7a92d995f1bf3592(history_content_blocks_, plp_meta, content_blocks_by_row_, router_) {
+  const [historyContentBlocks, setHistoryContentBlocks] = history_content_blocks_;
+  $5vyXB$solidjs.createEffect(() => {
+    const serverContentBlock = plp_meta()?.content_blocks;
+    if (serverContentBlock && JSON.stringify(serverContentBlock) !== JSON.stringify(historyContentBlocks())) setHistoryContentBlocks(serverContentBlock);
+  });
+  const contentBlocksByRow = $5vyXB$solidjs.createMemo(() => {
+    if (content_blocks_by_row_()) return content_blocks_by_row_();
+    const content = [];
+    historyContentBlocks().forEach(row => {
+      const contentBlock = {
+        span_columns: row.span_columns,
+        span_rows: row.span_rows,
+        position: row.position,
+        content: () => $5vyXB$solidjsweb.createComponent((0, $32c662f618f5d80d$export$780a853d15174484), {
+          contentBlock_: row,
+          router_: router_
+        })
+      };
+      content[row.row] = contentBlock;
+    });
+    return content;
+  });
+  return contentBlocksByRow;
 }
 var $840d88a04b2d22a7$var$_tmpl$ = ["<div", ' class="product-count"><!--$-->', "<!--/--> <!--$-->", "<!--/--></div>"],
   $840d88a04b2d22a7$var$_tmpl$2 = ["<div", "></div>"],
@@ -12370,6 +12429,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
   show_breadcrumbs_: show_breadcrumbs_,
   layout_options_: layout_options_,
   scroll_restoration_data_: scroll_restoration_data_,
+  history_content_blocks_: history_content_blocks_,
   product_card_template_: product_card_template_,
   sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
   sorting_query_param_: sorting_query_param_,
@@ -12438,23 +12498,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
   }));
   // Make "Get Listing" request to get quicklinks, breadcrumbs, title, etc
   const [plp_meta] = $5vyXB$solidjs.createResource(meta_query_base, $5vyXB$depictaiutilisharedlatest.catchify(query => depict_api_.get_listing(query)));
-  const contentBlocksByRow = $5vyXB$solidjs.createMemo(() => {
-    if (content_blocks_by_row_()) return content_blocks_by_row_();
-    const content = [];
-    plp_meta()?.content_blocks?.forEach(row => {
-      const contentBlock = {
-        span_columns: row.span_columns,
-        span_rows: row.span_rows,
-        position: row.position,
-        content: $32c662f618f5d80d$export$780a853d15174484({
-          contentBlock: row,
-          router_: router_
-        })
-      };
-      content[row.row] = contentBlock;
-    });
-    return content;
-  });
+  const contentBlocksByRow = $0a80939bf0a1e9cc$export$7a92d995f1bf3592(history_content_blocks_, plp_meta, content_blocks_by_row_, router_);
   const available_sortings_ = $5vyXB$solidjs.createMemo(() => plp_products_()?.sorts?.map(sort => ({
     ...sort,
     order: sort.order ?? "desc"
@@ -12763,7 +12807,8 @@ function $14f289047713d67a$export$e2bf8ce7779e827e(props) {
       sorting_open: category_sorting_open_,
       expanded_filters: expanded_filters_,
       expanded_hierarchical_filters: expanded_hierarchical_filters_,
-      scroll_restoration_data: scroll_restoration_data_
+      scroll_restoration_data: scroll_restoration_data_,
+      history_content_blocks: history_content_blocks_
     } = depict_category.historyStateSignals_;
     const {
       current_sorting_: current_sorting_,
@@ -12809,6 +12854,7 @@ function $14f289047713d67a$export$e2bf8ce7779e827e(props) {
       sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
       content_blocks_by_row_: () => props.content_blocks_by_row,
       scroll_restoration_data_: scroll_restoration_data_,
+      history_content_blocks_: history_content_blocks_,
       layout_options_: $5vyXB$solidjs.createMemo(() => ({
         cols_at_size: $4e04be41243c3d80$export$6daf8749b65a1b77(props.cols_at_size),
         ...grid_spacing_override(),