@depict-ai/ui 4.7.34 → 4.8.0

package/ES10/index.cjs

@@ -114,7 +114,7 @@ $parcel$export(module.exports, "QuickLinks", () => $335c02c1241a9ca8$export$de03
 $parcel$export(module.exports, "CategoryPage", () => $c10e33c4681f8c9b$export$e2bf8ce7779e827e);
 $parcel$export(module.exports, "makeSizeAccessors", () => $054b1113e4897051$export$54c6d6ff54e72743);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.7.34";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.8.0";
 const $d067f3a30f047b41$var$ListingContext = /*@__PURE__*/$52FdA$solidjs.createContext();
 function $d067f3a30f047b41$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -284,7 +284,7 @@ function $858fdcf73148519f$export$6e5611bc7e57e477(props) {
     img.addEventListener("load", $52FdA$depictaiutilishared.catchify(() => {
       const aspectRatio_ = img.naturalWidth / img.naturalHeight;
       if (srcJustChanged)
-        // Always key object-fit-cover compensation to avoid loading-different-images-infinite-loop
+        // Always key object-fit-cover compensation to one src, to avoid loading-different-images-infinite-loop
         setOurRatioKeyed(aspectRatio_);else if (props.keyRatioUpdating) return;
       srcJustChanged = false;
       // Save our aspect ratio whenever it changes, so that we can base the containers on the most dominant aspect ratio, used in SearchModalV2 and LookItem
@@ -12156,8 +12156,15 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
                 return for_id === id_currently_querying_for_();
               })) === null || _get_scroll_restorati2 === void 0 ? void 0 : _get_scroll_restorati2.min_results_loaded) !== null && _get_scroll_restorati !== void 0 ? _get_scroll_restorati : min_products_to_fetch_);
             });
-            const doesnt_have_content_blocks = $52FdA$solidjs.createMemo(() => !content_blocks_by_row_());
-            const content_blocks_ = $52FdA$solidjs.createMemo(() => doesnt_have_content_blocks() ? () => [] : $f8f375d6245ffff2$export$791ef57e62e21c3f({
+            const layout = $52FdA$solidjs.createMemo(() => {
+              const incoming_layout = layout_options_().layout;
+              if (incoming_layout === "slider-without-filters") return "slider";
+              return incoming_layout || "grid";
+            });
+            const doesnt_have_content_blocks = $52FdA$solidjs.createMemo(() => !content_blocks_by_row_() || layout() !== "grid");
+            const content_blocks_ = $52FdA$solidjs.createMemo(() => doesnt_have_content_blocks() ?
+            // This bailing here is to not use proxy/stores and retain old browser compatibility when no content blocks are present
+            () => [] : $f8f375d6245ffff2$export$791ef57e62e21c3f({
               content_blocks_: content_blocks_by_row_,
               cols_at_size_: modified_cols_at_size,
               set_top_row_shortened_by_: set_top_row_shortened_by_
@@ -12169,11 +12176,6 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
                 num_placeholders_: num_placeholders_
               });
             });
-            const layout = $52FdA$solidjs.createMemo(() => {
-              const incoming_layout = layout_options_().layout;
-              if (incoming_layout === "slider-without-filters") return "slider";
-              return incoming_layout || "grid";
-            });
             const [get_suspense_is_blocked, set_suspense_is_blocked] = $52FdA$solidjs.createSignal(false);
             const block_suspense_if_needed = () => {
               if (!is_just_after_plp_results_update) return;
@@ -12196,7 +12198,6 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
             }, {
               defer: true
             }));
-            $52FdA$solidjs.createEffect(() => layout() !== "grid" && !doesnt_have_content_blocks() && $52FdA$depictaiutilishared.dwarn("Slider layout doesn't support content blocks"));
             /*
             This suspense ensures that if someone has async templates, we still show placeholders until the product cards actually have finished rendering (automagically since they're createResource's)
             We're creating it outside the <Show> so that we can benefit from <For>'s optimisation between changing results
@@ -16030,6 +16031,7 @@ function $c19709057a32b2e7$export$780a853d15174484(_ref) {
 }
 $52FdA$solidjsweb.delegateEvents(["click"]);
 function $0c035bbe7e30b438$export$7a92d995f1bf3592(history_content_blocks_, plp_meta, content_blocks_by_row_, router_) {
+  let hasSeenContentBlock = false;
   const [historyContentBlocks, setHistoryContentBlocks] = history_content_blocks_;
   $52FdA$solidjs.createEffect(() => {
     var _plp_meta;
@@ -16037,9 +16039,16 @@ function $0c035bbe7e30b438$export$7a92d995f1bf3592(history_content_blocks_, plp_
     if (serverContentBlock && JSON.stringify(serverContentBlock) !== JSON.stringify(historyContentBlocks())) setHistoryContentBlocks(serverContentBlock);
   });
   const contentBlocksByRow = $52FdA$solidjs.createMemo(() => {
-    if (content_blocks_by_row_()) return content_blocks_by_row_();
+    const developerProvided = content_blocks_by_row_();
+    const fromHistory = historyContentBlocks();
+    if (developerProvided) return developerProvided;
+    // If we didn't get any content blocks (backend always return empty array) and we haven't seen any content blocks yet, return undefined
+    // This is so the result rendering (PLPResults) will still use flexbox provided rendering on existing customers, so adding this isn't a breaking change
+    // We don't want to switch rendering method every time one switches between a collection that hasn't vs has content blocks though, so once we've seen one content block we'll switch to css-grid-based rendering
+    if (!(fromHistory !== null && fromHistory !== void 0 && fromHistory.length) && !hasSeenContentBlock) return undefined;
     const content = [];
-    historyContentBlocks().forEach(row => {
+    hasSeenContentBlock = true;
+    fromHistory.forEach(row => {
       const contentBlock = {
         span_columns: row.span_columns,
         span_rows: row.span_rows,

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.34";
+export const version = "4.8.0";
 /**
  * Provider to wrap every listing (group of products) in
  * Used for example for deduplicating ResizeObservers for responsive images

package/ES10/index.js

@@ -10,7 +10,7 @@ import $8tj43$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.34";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.8.0";
 const $5441862cd2f5e111$var$ListingContext = /*@__PURE__*/$8tj43$createContext();
 function $5441862cd2f5e111$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -180,7 +180,7 @@ function $56047603f9d212b6$export$6e5611bc7e57e477(props) {
     img.addEventListener("load", $8tj43$catchify(() => {
       const aspectRatio_ = img.naturalWidth / img.naturalHeight;
       if (srcJustChanged)
-        // Always key object-fit-cover compensation to avoid loading-different-images-infinite-loop
+        // Always key object-fit-cover compensation to one src, to avoid loading-different-images-infinite-loop
         setOurRatioKeyed(aspectRatio_);else if (props.keyRatioUpdating) return;
       srcJustChanged = false;
       // Save our aspect ratio whenever it changes, so that we can base the containers on the most dominant aspect ratio, used in SearchModalV2 and LookItem
@@ -12052,8 +12052,15 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
                 return for_id === id_currently_querying_for_();
               })) === null || _get_scroll_restorati2 === void 0 ? void 0 : _get_scroll_restorati2.min_results_loaded) !== null && _get_scroll_restorati !== void 0 ? _get_scroll_restorati : min_products_to_fetch_);
             });
-            const doesnt_have_content_blocks = $8tj43$createMemo(() => !content_blocks_by_row_());
-            const content_blocks_ = $8tj43$createMemo(() => doesnt_have_content_blocks() ? () => [] : $ff7feae4dddd6073$export$791ef57e62e21c3f({
+            const layout = $8tj43$createMemo(() => {
+              const incoming_layout = layout_options_().layout;
+              if (incoming_layout === "slider-without-filters") return "slider";
+              return incoming_layout || "grid";
+            });
+            const doesnt_have_content_blocks = $8tj43$createMemo(() => !content_blocks_by_row_() || layout() !== "grid");
+            const content_blocks_ = $8tj43$createMemo(() => doesnt_have_content_blocks() ?
+            // This bailing here is to not use proxy/stores and retain old browser compatibility when no content blocks are present
+            () => [] : $ff7feae4dddd6073$export$791ef57e62e21c3f({
               content_blocks_: content_blocks_by_row_,
               cols_at_size_: modified_cols_at_size,
               set_top_row_shortened_by_: set_top_row_shortened_by_
@@ -12065,11 +12072,6 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
                 num_placeholders_: num_placeholders_
               });
             });
-            const layout = $8tj43$createMemo(() => {
-              const incoming_layout = layout_options_().layout;
-              if (incoming_layout === "slider-without-filters") return "slider";
-              return incoming_layout || "grid";
-            });
             const [get_suspense_is_blocked, set_suspense_is_blocked] = $8tj43$createSignal(false);
             const block_suspense_if_needed = () => {
               if (!is_just_after_plp_results_update) return;
@@ -12092,7 +12094,6 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
             }, {
               defer: true
             }));
-            $8tj43$createEffect(() => layout() !== "grid" && !doesnt_have_content_blocks() && $8tj43$dwarn("Slider layout doesn't support content blocks"));
             /*
             This suspense ensures that if someone has async templates, we still show placeholders until the product cards actually have finished rendering (automagically since they're createResource's)
             We're creating it outside the <Show> so that we can benefit from <For>'s optimisation between changing results
@@ -15926,6 +15927,7 @@ function $3b772ef9a35560fe$export$780a853d15174484(_ref) {
 }
 $8tj43$delegateEvents(["click"]);
 function $12ff24fdc4b26d88$export$7a92d995f1bf3592(history_content_blocks_, plp_meta, content_blocks_by_row_, router_) {
+  let hasSeenContentBlock = false;
   const [historyContentBlocks, setHistoryContentBlocks] = history_content_blocks_;
   $8tj43$createEffect(() => {
     var _plp_meta;
@@ -15933,9 +15935,16 @@ function $12ff24fdc4b26d88$export$7a92d995f1bf3592(history_content_blocks_, plp_
     if (serverContentBlock && JSON.stringify(serverContentBlock) !== JSON.stringify(historyContentBlocks())) setHistoryContentBlocks(serverContentBlock);
   });
   const contentBlocksByRow = $8tj43$createMemo(() => {
-    if (content_blocks_by_row_()) return content_blocks_by_row_();
+    const developerProvided = content_blocks_by_row_();
+    const fromHistory = historyContentBlocks();
+    if (developerProvided) return developerProvided;
+    // If we didn't get any content blocks (backend always return empty array) and we haven't seen any content blocks yet, return undefined
+    // This is so the result rendering (PLPResults) will still use flexbox provided rendering on existing customers, so adding this isn't a breaking change
+    // We don't want to switch rendering method every time one switches between a collection that hasn't vs has content blocks though, so once we've seen one content block we'll switch to css-grid-based rendering
+    if (!(fromHistory !== null && fromHistory !== void 0 && fromHistory.length) && !hasSeenContentBlock) return undefined;
     const content = [];
-    historyContentBlocks().forEach(row => {
+    hasSeenContentBlock = true;
+    fromHistory.forEach(row => {
       const contentBlock = {
         span_columns: row.span_columns,
         span_rows: row.span_rows,

package/latest/index.cjs

@@ -108,7 +108,7 @@ $parcel$export(module.exports, "QuickLinks", () => $1f4925833f07df29$export$de03
 $parcel$export(module.exports, "CategoryPage", () => $14f289047713d67a$export$e2bf8ce7779e827e);
 $parcel$export(module.exports, "makeSizeAccessors", () => $128302ab61dab8f1$export$54c6d6ff54e72743);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "4.7.34";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.8.0";
 const $84798aaa863a4909$var$ListingContext = /*@__PURE__*/$gVhhF$solidjs.createContext();
 function $84798aaa863a4909$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -276,7 +276,7 @@ function $19950faaac026e09$export$6e5611bc7e57e477(props) {
     img.addEventListener("load", $gVhhF$depictaiutilishared.catchify(() => {
       const aspectRatio_ = img.naturalWidth / img.naturalHeight;
       if (srcJustChanged)
-        // Always key object-fit-cover compensation to avoid loading-different-images-infinite-loop
+        // Always key object-fit-cover compensation to one src, to avoid loading-different-images-infinite-loop
         setOurRatioKeyed(aspectRatio_);else if (props.keyRatioUpdating) return;
       srcJustChanged = false;
       // Save our aspect ratio whenever it changes, so that we can base the containers on the most dominant aspect ratio, used in SearchModalV2 and LookItem
@@ -11444,8 +11444,15 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
                 for_id: for_id
               }) => for_id === id_currently_querying_for_())?.min_results_loaded ?? min_products_to_fetch_);
             });
-            const doesnt_have_content_blocks = $gVhhF$solidjs.createMemo(() => !content_blocks_by_row_());
-            const content_blocks_ = $gVhhF$solidjs.createMemo(() => doesnt_have_content_blocks() ? () => [] : $d92f338ba8f9da9b$export$791ef57e62e21c3f({
+            const layout = $gVhhF$solidjs.createMemo(() => {
+              const incoming_layout = layout_options_().layout;
+              if (incoming_layout === "slider-without-filters") return "slider";
+              return incoming_layout || "grid";
+            });
+            const doesnt_have_content_blocks = $gVhhF$solidjs.createMemo(() => !content_blocks_by_row_() || layout() !== "grid");
+            const content_blocks_ = $gVhhF$solidjs.createMemo(() => doesnt_have_content_blocks() ?
+            // This bailing here is to not use proxy/stores and retain old browser compatibility when no content blocks are present
+            () => [] : $d92f338ba8f9da9b$export$791ef57e62e21c3f({
               content_blocks_: content_blocks_by_row_,
               cols_at_size_: modified_cols_at_size,
               set_top_row_shortened_by_: set_top_row_shortened_by_
@@ -11457,11 +11464,6 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
                 num_placeholders_: num_placeholders_
               });
             });
-            const layout = $gVhhF$solidjs.createMemo(() => {
-              const incoming_layout = layout_options_().layout;
-              if (incoming_layout === "slider-without-filters") return "slider";
-              return incoming_layout || "grid";
-            });
             const [get_suspense_is_blocked, set_suspense_is_blocked] = $gVhhF$solidjs.createSignal(false);
             const block_suspense_if_needed = () => {
               if (!is_just_after_plp_results_update) return;
@@ -11484,7 +11486,6 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
             }, {
               defer: true
             }));
-            $gVhhF$solidjs.createEffect(() => layout() !== "grid" && !doesnt_have_content_blocks() && $gVhhF$depictaiutilishared.dwarn("Slider layout doesn't support content blocks"));
             /*
             This suspense ensures that if someone has async templates, we still show placeholders until the product cards actually have finished rendering (automagically since they're createResource's)
             We're creating it outside the <Show> so that we can benefit from <For>'s optimisation between changing results
@@ -14981,15 +14982,23 @@ function $32c662f618f5d80d$export$780a853d15174484({
 }
 $gVhhF$solidjsweb.delegateEvents(["click"]);
 function $0a80939bf0a1e9cc$export$7a92d995f1bf3592(history_content_blocks_, plp_meta, content_blocks_by_row_, router_) {
+  let hasSeenContentBlock = false;
   const [historyContentBlocks, setHistoryContentBlocks] = history_content_blocks_;
   $gVhhF$solidjs.createEffect(() => {
     const serverContentBlock = plp_meta()?.content_blocks;
     if (serverContentBlock && JSON.stringify(serverContentBlock) !== JSON.stringify(historyContentBlocks())) setHistoryContentBlocks(serverContentBlock);
   });
   const contentBlocksByRow = $gVhhF$solidjs.createMemo(() => {
-    if (content_blocks_by_row_()) return content_blocks_by_row_();
+    const developerProvided = content_blocks_by_row_();
+    const fromHistory = historyContentBlocks();
+    if (developerProvided) return developerProvided;
+    // If we didn't get any content blocks (backend always return empty array) and we haven't seen any content blocks yet, return undefined
+    // This is so the result rendering (PLPResults) will still use flexbox provided rendering on existing customers, so adding this isn't a breaking change
+    // We don't want to switch rendering method every time one switches between a collection that hasn't vs has content blocks though, so once we've seen one content block we'll switch to css-grid-based rendering
+    if (!fromHistory?.length && !hasSeenContentBlock) return undefined;
     const content = [];
-    historyContentBlocks().forEach(row => {
+    hasSeenContentBlock = true;
+    fromHistory.forEach(row => {
       const contentBlock = {
         span_columns: row.span_columns,
         span_rows: row.span_rows,

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.34";
+export const version = "4.8.0";
 /**
  * Provider to wrap every listing (group of products) in
  * Used for example for deduplicating ResizeObservers for responsive images

package/latest/index.js

@@ -7,7 +7,7 @@ import { dlog as $9HbP8$dlog, catchify as $9HbP8$catchify1, ListenableSet as $9H
 /*! 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.34";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.8.0";
 const $011607bdf658f807$var$ListingContext = /*@__PURE__*/$9HbP8$createContext();
 function $011607bdf658f807$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -175,7 +175,7 @@ function $e8ffe11ed01df0fe$export$6e5611bc7e57e477(props) {
     img.addEventListener("load", $9HbP8$catchify(() => {
       const aspectRatio_ = img.naturalWidth / img.naturalHeight;
       if (srcJustChanged)
-        // Always key object-fit-cover compensation to avoid loading-different-images-infinite-loop
+        // Always key object-fit-cover compensation to one src, to avoid loading-different-images-infinite-loop
         setOurRatioKeyed(aspectRatio_);else if (props.keyRatioUpdating) return;
       srcJustChanged = false;
       // Save our aspect ratio whenever it changes, so that we can base the containers on the most dominant aspect ratio, used in SearchModalV2 and LookItem
@@ -11343,8 +11343,15 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
                 for_id: for_id
               }) => for_id === id_currently_querying_for_())?.min_results_loaded ?? min_products_to_fetch_);
             });
-            const doesnt_have_content_blocks = $9HbP8$createMemo(() => !content_blocks_by_row_());
-            const content_blocks_ = $9HbP8$createMemo(() => doesnt_have_content_blocks() ? () => [] : $e7a7eb102ddc0c79$export$791ef57e62e21c3f({
+            const layout = $9HbP8$createMemo(() => {
+              const incoming_layout = layout_options_().layout;
+              if (incoming_layout === "slider-without-filters") return "slider";
+              return incoming_layout || "grid";
+            });
+            const doesnt_have_content_blocks = $9HbP8$createMemo(() => !content_blocks_by_row_() || layout() !== "grid");
+            const content_blocks_ = $9HbP8$createMemo(() => doesnt_have_content_blocks() ?
+            // This bailing here is to not use proxy/stores and retain old browser compatibility when no content blocks are present
+            () => [] : $e7a7eb102ddc0c79$export$791ef57e62e21c3f({
               content_blocks_: content_blocks_by_row_,
               cols_at_size_: modified_cols_at_size,
               set_top_row_shortened_by_: set_top_row_shortened_by_
@@ -11356,11 +11363,6 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
                 num_placeholders_: num_placeholders_
               });
             });
-            const layout = $9HbP8$createMemo(() => {
-              const incoming_layout = layout_options_().layout;
-              if (incoming_layout === "slider-without-filters") return "slider";
-              return incoming_layout || "grid";
-            });
             const [get_suspense_is_blocked, set_suspense_is_blocked] = $9HbP8$createSignal(false);
             const block_suspense_if_needed = () => {
               if (!is_just_after_plp_results_update) return;
@@ -11383,7 +11385,6 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
             }, {
               defer: true
             }));
-            $9HbP8$createEffect(() => layout() !== "grid" && !doesnt_have_content_blocks() && $9HbP8$dwarn("Slider layout doesn't support content blocks"));
             /*
             This suspense ensures that if someone has async templates, we still show placeholders until the product cards actually have finished rendering (automagically since they're createResource's)
             We're creating it outside the <Show> so that we can benefit from <For>'s optimisation between changing results
@@ -14880,15 +14881,23 @@ function $f916989c4b1be9f7$export$780a853d15174484({
 }
 $9HbP8$delegateEvents(["click"]);
 function $486360b09f0d5729$export$7a92d995f1bf3592(history_content_blocks_, plp_meta, content_blocks_by_row_, router_) {
+  let hasSeenContentBlock = false;
   const [historyContentBlocks, setHistoryContentBlocks] = history_content_blocks_;
   $9HbP8$createEffect(() => {
     const serverContentBlock = plp_meta()?.content_blocks;
     if (serverContentBlock && JSON.stringify(serverContentBlock) !== JSON.stringify(historyContentBlocks())) setHistoryContentBlocks(serverContentBlock);
   });
   const contentBlocksByRow = $9HbP8$createMemo(() => {
-    if (content_blocks_by_row_()) return content_blocks_by_row_();
+    const developerProvided = content_blocks_by_row_();
+    const fromHistory = historyContentBlocks();
+    if (developerProvided) return developerProvided;
+    // If we didn't get any content blocks (backend always return empty array) and we haven't seen any content blocks yet, return undefined
+    // This is so the result rendering (PLPResults) will still use flexbox provided rendering on existing customers, so adding this isn't a breaking change
+    // We don't want to switch rendering method every time one switches between a collection that hasn't vs has content blocks though, so once we've seen one content block we'll switch to css-grid-based rendering
+    if (!fromHistory?.length && !hasSeenContentBlock) return undefined;
     const content = [];
-    historyContentBlocks().forEach(row => {
+    hasSeenContentBlock = true;
+    fromHistory.forEach(row => {
       const contentBlock = {
         span_columns: row.span_columns,
         span_rows: row.span_rows,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "4.7.34",
+  "version": "4.8.0",
   "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",
@@ -236,7 +236,7 @@
     "@babel/plugin-transform-typescript": "^7.22.9",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "^7.22.6",
-    "@depict-ai/plp-styling": "^4.4.8",
+    "@depict-ai/plp-styling": "^4.4.9",
     "@depict-ai/types": "^5.4.2",
     "@depict-ai/utilishared": "^2.4.4",
     "solid-js": "^1.8.12"

package/server/ES10/index.cjs

@@ -114,7 +114,7 @@ $parcel$export(module.exports, "QuickLinks", () => $335c02c1241a9ca8$export$de03
 $parcel$export(module.exports, "CategoryPage", () => $c10e33c4681f8c9b$export$e2bf8ce7779e827e);
 $parcel$export(module.exports, "makeSizeAccessors", () => $054b1113e4897051$export$54c6d6ff54e72743);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.7.34";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.8.0";
 const $d067f3a30f047b41$var$ListingContext = /*@__PURE__*/$3hooq$solidjs.createContext();
 function $d067f3a30f047b41$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -270,7 +270,7 @@ function $858fdcf73148519f$export$6e5611bc7e57e477(props) {
     img.addEventListener("load", $3hooq$depictaiutilishared.catchify(() => {
       const aspectRatio_ = img.naturalWidth / img.naturalHeight;
       if (srcJustChanged)
-        // Always key object-fit-cover compensation to avoid loading-different-images-infinite-loop
+        // Always key object-fit-cover compensation to one src, to avoid loading-different-images-infinite-loop
         setOurRatioKeyed(aspectRatio_);else if (props.keyRatioUpdating) return;
       srcJustChanged = false;
       // Save our aspect ratio whenever it changes, so that we can base the containers on the most dominant aspect ratio, used in SearchModalV2 and LookItem
@@ -10145,8 +10145,15 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
               return for_id === id_currently_querying_for_();
             })) === null || _get_scroll_restorati2 === void 0 ? void 0 : _get_scroll_restorati2.min_results_loaded) !== null && _get_scroll_restorati !== void 0 ? _get_scroll_restorati : min_products_to_fetch_);
           });
-          const doesnt_have_content_blocks = $3hooq$solidjs.createMemo(() => !content_blocks_by_row_());
-          const content_blocks_ = $3hooq$solidjs.createMemo(() => doesnt_have_content_blocks() ? () => [] : $f8f375d6245ffff2$export$791ef57e62e21c3f({
+          const layout = $3hooq$solidjs.createMemo(() => {
+            const incoming_layout = layout_options_().layout;
+            if (incoming_layout === "slider-without-filters") return "slider";
+            return incoming_layout || "grid";
+          });
+          const doesnt_have_content_blocks = $3hooq$solidjs.createMemo(() => !content_blocks_by_row_() || layout() !== "grid");
+          const content_blocks_ = $3hooq$solidjs.createMemo(() => doesnt_have_content_blocks() ?
+          // This bailing here is to not use proxy/stores and retain old browser compatibility when no content blocks are present
+          () => [] : $f8f375d6245ffff2$export$791ef57e62e21c3f({
             content_blocks_: content_blocks_by_row_,
             cols_at_size_: modified_cols_at_size,
             set_top_row_shortened_by_: set_top_row_shortened_by_
@@ -10158,11 +10165,6 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
               num_placeholders_: num_placeholders_
             });
           });
-          const layout = $3hooq$solidjs.createMemo(() => {
-            const incoming_layout = layout_options_().layout;
-            if (incoming_layout === "slider-without-filters") return "slider";
-            return incoming_layout || "grid";
-          });
           const [get_suspense_is_blocked, set_suspense_is_blocked] = $3hooq$solidjs.createSignal(false);
           const block_suspense_if_needed = () => {
             if (!is_just_after_plp_results_update) return;
@@ -10185,7 +10187,6 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
           }, {
             defer: true
           }));
-          $3hooq$solidjs.createEffect(() => layout() !== "grid" && !doesnt_have_content_blocks() && $3hooq$depictaiutilishared.dwarn("Slider layout doesn't support content blocks"));
           /*
           This suspense ensures that if someone has async templates, we still show placeholders until the product cards actually have finished rendering (automagically since they're createResource's)
           We're creating it outside the <Show> so that we can benefit from <For>'s optimisation between changing results
@@ -13377,6 +13378,7 @@ function $c19709057a32b2e7$export$780a853d15174484(_ref) {
   }
 }
 function $0c035bbe7e30b438$export$7a92d995f1bf3592(history_content_blocks_, plp_meta, content_blocks_by_row_, router_) {
+  let hasSeenContentBlock = false;
   const [historyContentBlocks, setHistoryContentBlocks] = history_content_blocks_;
   $3hooq$solidjs.createEffect(() => {
     var _plp_meta;
@@ -13384,9 +13386,16 @@ function $0c035bbe7e30b438$export$7a92d995f1bf3592(history_content_blocks_, plp_
     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 developerProvided = content_blocks_by_row_();
+    const fromHistory = historyContentBlocks();
+    if (developerProvided) return developerProvided;
+    // If we didn't get any content blocks (backend always return empty array) and we haven't seen any content blocks yet, return undefined
+    // This is so the result rendering (PLPResults) will still use flexbox provided rendering on existing customers, so adding this isn't a breaking change
+    // We don't want to switch rendering method every time one switches between a collection that hasn't vs has content blocks though, so once we've seen one content block we'll switch to css-grid-based rendering
+    if (!(fromHistory !== null && fromHistory !== void 0 && fromHistory.length) && !hasSeenContentBlock) return undefined;
     const content = [];
-    historyContentBlocks().forEach(row => {
+    hasSeenContentBlock = true;
+    fromHistory.forEach(row => {
       const contentBlock = {
         span_columns: row.span_columns,
         span_rows: row.span_rows,

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.34";
+export const version = "4.8.0";
 /**
  * Provider to wrap every listing (group of products) in
  * Used for example for deduplicating ResizeObservers for responsive images

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.34";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.8.0";
 const $5441862cd2f5e111$var$ListingContext = /*@__PURE__*/$b8hua$createContext();
 function $5441862cd2f5e111$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -166,7 +166,7 @@ function $56047603f9d212b6$export$6e5611bc7e57e477(props) {
     img.addEventListener("load", $b8hua$catchify(() => {
       const aspectRatio_ = img.naturalWidth / img.naturalHeight;
       if (srcJustChanged)
-        // Always key object-fit-cover compensation to avoid loading-different-images-infinite-loop
+        // Always key object-fit-cover compensation to one src, to avoid loading-different-images-infinite-loop
         setOurRatioKeyed(aspectRatio_);else if (props.keyRatioUpdating) return;
       srcJustChanged = false;
       // Save our aspect ratio whenever it changes, so that we can base the containers on the most dominant aspect ratio, used in SearchModalV2 and LookItem
@@ -10041,8 +10041,15 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
               return for_id === id_currently_querying_for_();
             })) === null || _get_scroll_restorati2 === void 0 ? void 0 : _get_scroll_restorati2.min_results_loaded) !== null && _get_scroll_restorati !== void 0 ? _get_scroll_restorati : min_products_to_fetch_);
           });
-          const doesnt_have_content_blocks = $b8hua$createMemo(() => !content_blocks_by_row_());
-          const content_blocks_ = $b8hua$createMemo(() => doesnt_have_content_blocks() ? () => [] : $ff7feae4dddd6073$export$791ef57e62e21c3f({
+          const layout = $b8hua$createMemo(() => {
+            const incoming_layout = layout_options_().layout;
+            if (incoming_layout === "slider-without-filters") return "slider";
+            return incoming_layout || "grid";
+          });
+          const doesnt_have_content_blocks = $b8hua$createMemo(() => !content_blocks_by_row_() || layout() !== "grid");
+          const content_blocks_ = $b8hua$createMemo(() => doesnt_have_content_blocks() ?
+          // This bailing here is to not use proxy/stores and retain old browser compatibility when no content blocks are present
+          () => [] : $ff7feae4dddd6073$export$791ef57e62e21c3f({
             content_blocks_: content_blocks_by_row_,
             cols_at_size_: modified_cols_at_size,
             set_top_row_shortened_by_: set_top_row_shortened_by_
@@ -10054,11 +10061,6 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
               num_placeholders_: num_placeholders_
             });
           });
-          const layout = $b8hua$createMemo(() => {
-            const incoming_layout = layout_options_().layout;
-            if (incoming_layout === "slider-without-filters") return "slider";
-            return incoming_layout || "grid";
-          });
           const [get_suspense_is_blocked, set_suspense_is_blocked] = $b8hua$createSignal(false);
           const block_suspense_if_needed = () => {
             if (!is_just_after_plp_results_update) return;
@@ -10081,7 +10083,6 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
           }, {
             defer: true
           }));
-          $b8hua$createEffect(() => layout() !== "grid" && !doesnt_have_content_blocks() && $b8hua$dwarn("Slider layout doesn't support content blocks"));
           /*
           This suspense ensures that if someone has async templates, we still show placeholders until the product cards actually have finished rendering (automagically since they're createResource's)
           We're creating it outside the <Show> so that we can benefit from <For>'s optimisation between changing results
@@ -13273,6 +13274,7 @@ function $3b772ef9a35560fe$export$780a853d15174484(_ref) {
   }
 }
 function $12ff24fdc4b26d88$export$7a92d995f1bf3592(history_content_blocks_, plp_meta, content_blocks_by_row_, router_) {
+  let hasSeenContentBlock = false;
   const [historyContentBlocks, setHistoryContentBlocks] = history_content_blocks_;
   $b8hua$createEffect(() => {
     var _plp_meta;
@@ -13280,9 +13282,16 @@ function $12ff24fdc4b26d88$export$7a92d995f1bf3592(history_content_blocks_, plp_
     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 developerProvided = content_blocks_by_row_();
+    const fromHistory = historyContentBlocks();
+    if (developerProvided) return developerProvided;
+    // If we didn't get any content blocks (backend always return empty array) and we haven't seen any content blocks yet, return undefined
+    // This is so the result rendering (PLPResults) will still use flexbox provided rendering on existing customers, so adding this isn't a breaking change
+    // We don't want to switch rendering method every time one switches between a collection that hasn't vs has content blocks though, so once we've seen one content block we'll switch to css-grid-based rendering
+    if (!(fromHistory !== null && fromHistory !== void 0 && fromHistory.length) && !hasSeenContentBlock) return undefined;
     const content = [];
-    historyContentBlocks().forEach(row => {
+    hasSeenContentBlock = true;
+    fromHistory.forEach(row => {
       const contentBlock = {
         span_columns: row.span_columns,
         span_rows: row.span_rows,

package/server/latest/index.cjs

@@ -108,7 +108,7 @@ $parcel$export(module.exports, "QuickLinks", () => $1f4925833f07df29$export$de03
 $parcel$export(module.exports, "CategoryPage", () => $14f289047713d67a$export$e2bf8ce7779e827e);
 $parcel$export(module.exports, "makeSizeAccessors", () => $128302ab61dab8f1$export$54c6d6ff54e72743);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "4.7.34";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.8.0";
 const $84798aaa863a4909$var$ListingContext = /*@__PURE__*/$5vyXB$solidjs.createContext();
 function $84798aaa863a4909$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -262,7 +262,7 @@ function $19950faaac026e09$export$6e5611bc7e57e477(props) {
     img.addEventListener("load", $5vyXB$depictaiutilishared.catchify(() => {
       const aspectRatio_ = img.naturalWidth / img.naturalHeight;
       if (srcJustChanged)
-        // Always key object-fit-cover compensation to avoid loading-different-images-infinite-loop
+        // Always key object-fit-cover compensation to one src, to avoid loading-different-images-infinite-loop
         setOurRatioKeyed(aspectRatio_);else if (props.keyRatioUpdating) return;
       srcJustChanged = false;
       // Save our aspect ratio whenever it changes, so that we can base the containers on the most dominant aspect ratio, used in SearchModalV2 and LookItem
@@ -9490,8 +9490,15 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
               for_id: for_id
             }) => for_id === id_currently_querying_for_())?.min_results_loaded ?? min_products_to_fetch_);
           });
-          const doesnt_have_content_blocks = $5vyXB$solidjs.createMemo(() => !content_blocks_by_row_());
-          const content_blocks_ = $5vyXB$solidjs.createMemo(() => doesnt_have_content_blocks() ? () => [] : $d92f338ba8f9da9b$export$791ef57e62e21c3f({
+          const layout = $5vyXB$solidjs.createMemo(() => {
+            const incoming_layout = layout_options_().layout;
+            if (incoming_layout === "slider-without-filters") return "slider";
+            return incoming_layout || "grid";
+          });
+          const doesnt_have_content_blocks = $5vyXB$solidjs.createMemo(() => !content_blocks_by_row_() || layout() !== "grid");
+          const content_blocks_ = $5vyXB$solidjs.createMemo(() => doesnt_have_content_blocks() ?
+          // This bailing here is to not use proxy/stores and retain old browser compatibility when no content blocks are present
+          () => [] : $d92f338ba8f9da9b$export$791ef57e62e21c3f({
             content_blocks_: content_blocks_by_row_,
             cols_at_size_: modified_cols_at_size,
             set_top_row_shortened_by_: set_top_row_shortened_by_
@@ -9503,11 +9510,6 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
               num_placeholders_: num_placeholders_
             });
           });
-          const layout = $5vyXB$solidjs.createMemo(() => {
-            const incoming_layout = layout_options_().layout;
-            if (incoming_layout === "slider-without-filters") return "slider";
-            return incoming_layout || "grid";
-          });
           const [get_suspense_is_blocked, set_suspense_is_blocked] = $5vyXB$solidjs.createSignal(false);
           const block_suspense_if_needed = () => {
             if (!is_just_after_plp_results_update) return;
@@ -9530,7 +9532,6 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
           }, {
             defer: true
           }));
-          $5vyXB$solidjs.createEffect(() => layout() !== "grid" && !doesnt_have_content_blocks() && $5vyXB$depictaiutilishared.dwarn("Slider layout doesn't support content blocks"));
           /*
           This suspense ensures that if someone has async templates, we still show placeholders until the product cards actually have finished rendering (automagically since they're createResource's)
           We're creating it outside the <Show> so that we can benefit from <For>'s optimisation between changing results
@@ -12404,15 +12405,23 @@ function $32c662f618f5d80d$export$780a853d15174484({
   }
 }
 function $0a80939bf0a1e9cc$export$7a92d995f1bf3592(history_content_blocks_, plp_meta, content_blocks_by_row_, router_) {
+  let hasSeenContentBlock = false;
   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 developerProvided = content_blocks_by_row_();
+    const fromHistory = historyContentBlocks();
+    if (developerProvided) return developerProvided;
+    // If we didn't get any content blocks (backend always return empty array) and we haven't seen any content blocks yet, return undefined
+    // This is so the result rendering (PLPResults) will still use flexbox provided rendering on existing customers, so adding this isn't a breaking change
+    // We don't want to switch rendering method every time one switches between a collection that hasn't vs has content blocks though, so once we've seen one content block we'll switch to css-grid-based rendering
+    if (!fromHistory?.length && !hasSeenContentBlock) return undefined;
     const content = [];
-    historyContentBlocks().forEach(row => {
+    hasSeenContentBlock = true;
+    fromHistory.forEach(row => {
       const contentBlock = {
         span_columns: row.span_columns,
         span_rows: row.span_rows,

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.34";
+export const version = "4.8.0";
 /**
  * Provider to wrap every listing (group of products) in
  * Used for example for deduplicating ResizeObservers for responsive images

package/server/latest/index.js

@@ -7,7 +7,7 @@ import { dlog as $i7OB2$dlog, catchify as $i7OB2$catchify1, ListenableSet as $i7
 /*! 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.34";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.8.0";
 const $011607bdf658f807$var$ListingContext = /*@__PURE__*/$i7OB2$createContext();
 function $011607bdf658f807$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -161,7 +161,7 @@ function $e8ffe11ed01df0fe$export$6e5611bc7e57e477(props) {
     img.addEventListener("load", $i7OB2$catchify(() => {
       const aspectRatio_ = img.naturalWidth / img.naturalHeight;
       if (srcJustChanged)
-        // Always key object-fit-cover compensation to avoid loading-different-images-infinite-loop
+        // Always key object-fit-cover compensation to one src, to avoid loading-different-images-infinite-loop
         setOurRatioKeyed(aspectRatio_);else if (props.keyRatioUpdating) return;
       srcJustChanged = false;
       // Save our aspect ratio whenever it changes, so that we can base the containers on the most dominant aspect ratio, used in SearchModalV2 and LookItem
@@ -9389,8 +9389,15 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
               for_id: for_id
             }) => for_id === id_currently_querying_for_())?.min_results_loaded ?? min_products_to_fetch_);
           });
-          const doesnt_have_content_blocks = $i7OB2$createMemo(() => !content_blocks_by_row_());
-          const content_blocks_ = $i7OB2$createMemo(() => doesnt_have_content_blocks() ? () => [] : $e7a7eb102ddc0c79$export$791ef57e62e21c3f({
+          const layout = $i7OB2$createMemo(() => {
+            const incoming_layout = layout_options_().layout;
+            if (incoming_layout === "slider-without-filters") return "slider";
+            return incoming_layout || "grid";
+          });
+          const doesnt_have_content_blocks = $i7OB2$createMemo(() => !content_blocks_by_row_() || layout() !== "grid");
+          const content_blocks_ = $i7OB2$createMemo(() => doesnt_have_content_blocks() ?
+          // This bailing here is to not use proxy/stores and retain old browser compatibility when no content blocks are present
+          () => [] : $e7a7eb102ddc0c79$export$791ef57e62e21c3f({
             content_blocks_: content_blocks_by_row_,
             cols_at_size_: modified_cols_at_size,
             set_top_row_shortened_by_: set_top_row_shortened_by_
@@ -9402,11 +9409,6 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
               num_placeholders_: num_placeholders_
             });
           });
-          const layout = $i7OB2$createMemo(() => {
-            const incoming_layout = layout_options_().layout;
-            if (incoming_layout === "slider-without-filters") return "slider";
-            return incoming_layout || "grid";
-          });
           const [get_suspense_is_blocked, set_suspense_is_blocked] = $i7OB2$createSignal(false);
           const block_suspense_if_needed = () => {
             if (!is_just_after_plp_results_update) return;
@@ -9429,7 +9431,6 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
           }, {
             defer: true
           }));
-          $i7OB2$createEffect(() => layout() !== "grid" && !doesnt_have_content_blocks() && $i7OB2$dwarn("Slider layout doesn't support content blocks"));
           /*
           This suspense ensures that if someone has async templates, we still show placeholders until the product cards actually have finished rendering (automagically since they're createResource's)
           We're creating it outside the <Show> so that we can benefit from <For>'s optimisation between changing results
@@ -12303,15 +12304,23 @@ function $f916989c4b1be9f7$export$780a853d15174484({
   }
 }
 function $486360b09f0d5729$export$7a92d995f1bf3592(history_content_blocks_, plp_meta, content_blocks_by_row_, router_) {
+  let hasSeenContentBlock = false;
   const [historyContentBlocks, setHistoryContentBlocks] = history_content_blocks_;
   $i7OB2$createEffect(() => {
     const serverContentBlock = plp_meta()?.content_blocks;
     if (serverContentBlock && JSON.stringify(serverContentBlock) !== JSON.stringify(historyContentBlocks())) setHistoryContentBlocks(serverContentBlock);
   });
   const contentBlocksByRow = $i7OB2$createMemo(() => {
-    if (content_blocks_by_row_()) return content_blocks_by_row_();
+    const developerProvided = content_blocks_by_row_();
+    const fromHistory = historyContentBlocks();
+    if (developerProvided) return developerProvided;
+    // If we didn't get any content blocks (backend always return empty array) and we haven't seen any content blocks yet, return undefined
+    // This is so the result rendering (PLPResults) will still use flexbox provided rendering on existing customers, so adding this isn't a breaking change
+    // We don't want to switch rendering method every time one switches between a collection that hasn't vs has content blocks though, so once we've seen one content block we'll switch to css-grid-based rendering
+    if (!fromHistory?.length && !hasSeenContentBlock) return undefined;
     const content = [];
-    historyContentBlocks().forEach(row => {
+    hasSeenContentBlock = true;
+    fromHistory.forEach(row => {
       const contentBlock = {
         span_columns: row.span_columns,
         span_rows: row.span_rows,