@depict-ai/ui 4.10.22 → 4.10.24

package/ES10/index.cjs

@@ -115,7 +115,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.10.22";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.10.24";
 function $3e17e871e9d0911d$export$d9f36cf74e24d595(media_query) {
   const signal = $52FdA$solidjs.createSignal(false);
   $52FdA$solidjs.onCleanup($52FdA$depictaiutilishared.javascript_media_query(media_query, _ref => {
@@ -1768,11 +1768,16 @@ function $f8f375d6245ffff2$export$b94605e5b3ce01c(_ref4) {
   if (!n_cols_currently_showing_ || product_count <= 0) return trailing;
   // Find the row the last product lands in: each row has room for the columns that blocks don't take up
   let last_product_row = 0;
+  let last_product_row_is_full = false;
   for (let seen_products = 0;; last_product_row++) {
     const row = displaced_products_[last_product_row];
     const taken_by_blocks = typeof row === "number" ? row : row ? row.filter(item => item).length : 0;
-    seen_products += Math.max(0, n_cols_currently_showing_ - taken_by_blocks);
-    if (seen_products >= product_count) break;
+    const product_slots_in_row = Math.max(0, n_cols_currently_showing_ - taken_by_blocks);
+    if (seen_products + product_slots_in_row >= product_count) {
+      last_product_row_is_full = seen_products + product_slots_in_row === product_count;
+      break;
+    }
+    seen_products += product_slots_in_row;
     // Rows past the ones blocks take up all have room for products, so we're done by then at the latest
     if (last_product_row >= displaced_products_.length + product_count) break;
   }
@@ -1781,31 +1786,33 @@ function $f8f375d6245ffff2$export$b94605e5b3ce01c(_ref4) {
     const block = content_blocks_by_index_[i];
     if (block === undefined) continue;
     const rows = rows_by_index_[i] || [];
+    const last_allowed_row = last_product_row + (last_product_row_is_full ? 1 : 0);
     if (Array.isArray(block) && rows.length > 1) {
-      // Several blocks share this index (e.g. the end of one row and the start of the next): keep the ones in the last product's row
-      const in_last_row = block.filter((_, j) => rows[j] <= last_product_row);
-      if (in_last_row.length) trailing.push(in_last_row);
+      // Several blocks can share this index. Keep only blocks in allowed trailing rows.
+      const in_trailing_rows = block.filter((_, j) => rows[j] <= last_allowed_row);
+      if (in_trailing_rows.length) trailing.push(in_trailing_rows);
       continue;
     }
-    if (((_rows$ = rows[0]) !== null && _rows$ !== void 0 ? _rows$ : Infinity) > last_product_row) continue; // a row below the last product's row: keep it hidden
+    if (((_rows$ = rows[0]) !== null && _rows$ !== void 0 ? _rows$ : Infinity) > last_allowed_row) continue; // Keep cards meant for later rows hidden after filtering.
     trailing.push(block);
   }
   return trailing;
 }
-/**
- * Takes a store that contains an array from where index is number of row and value is the result of executing the content block rendering function.
- * Then renders the content and wraps it into a div with the correct styling.
- * Also caps span_columns to max available columns
- */
+function $f8f375d6245ffff2$export$911278b0390ae36e(block, max_span_columns) {
+  const span_columns = Math.min(block.span_columns, max_span_columns !== null && max_span_columns !== void 0 ? max_span_columns : Infinity);
+  const spans_whole_row = span_columns === max_span_columns;
+  return {
+    span_columns: span_columns,
+    span_rows: spans_whole_row ? 1 : block.span_rows,
+    spans_whole_row: spans_whole_row
+  };
+}
 function $f8f375d6245ffff2$var$wrap_blocks_in_div(rendered_content_blocks, max_span_columns) {
   const get_wrapped_blocks = $52FdA$solidjs.mapArray(() => rendered_content_blocks, block => {
     if (!block) return;
-    const final_span_columns = $52FdA$solidjs.createMemo(() => {
-      var _max_span_columns;
-      return Math.min(block.span_columns, (_max_span_columns = max_span_columns()) !== null && _max_span_columns !== void 0 ? _max_span_columns : Infinity);
-    });
-    // If the item spans an entire row, limit the height to 1 row since there's no concept of "rows" if there are no products beside the block
-    const final_span_rows = $52FdA$solidjs.createMemo(() => final_span_columns() === max_span_columns() ? 1 : block.span_rows);
+    const final_spans = $52FdA$solidjs.createMemo(() => $f8f375d6245ffff2$export$911278b0390ae36e(block, max_span_columns()));
+    const final_span_columns = $52FdA$solidjs.createMemo(() => final_spans().span_columns);
+    const final_span_rows = $52FdA$solidjs.createMemo(() => final_spans().span_rows);
     const [rendering_delayed, set_rendering_delayed_] = $52FdA$solidjs.createSignal(true);
     const content = $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Show), {
       get when() {
@@ -1819,7 +1826,7 @@ function $f8f375d6245ffff2$var$wrap_blocks_in_div(rendered_content_blocks, max_s
           }
         }));
         $52FdA$solidjsweb.effect(_p$ => {
-          var _v$ = !!(final_span_columns() === max_span_columns()),
+          var _v$ = !!final_spans().spans_whole_row,
             _v$2 = {
               [(0, $830518481649feb1$export$c500183c31c2b22e)]: final_span_columns()
             },

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.10.22";
+export const version = "4.10.24";
 /**
  * Use `javascript_media_query` but return a reactive accessor instead of taking a callback function
  */

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.10.22";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.10.24";
 function $00a5b94f0c11efbb$export$d9f36cf74e24d595(media_query) {
   const signal = $8tj43$createSignal(false);
   $8tj43$onCleanup($8tj43$javascript_media_query(media_query, _ref => {
@@ -1663,11 +1663,16 @@ function $ff7feae4dddd6073$export$b94605e5b3ce01c(_ref4) {
   if (!n_cols_currently_showing_ || product_count <= 0) return trailing;
   // Find the row the last product lands in: each row has room for the columns that blocks don't take up
   let last_product_row = 0;
+  let last_product_row_is_full = false;
   for (let seen_products = 0;; last_product_row++) {
     const row = displaced_products_[last_product_row];
     const taken_by_blocks = typeof row === "number" ? row : row ? row.filter(item => item).length : 0;
-    seen_products += Math.max(0, n_cols_currently_showing_ - taken_by_blocks);
-    if (seen_products >= product_count) break;
+    const product_slots_in_row = Math.max(0, n_cols_currently_showing_ - taken_by_blocks);
+    if (seen_products + product_slots_in_row >= product_count) {
+      last_product_row_is_full = seen_products + product_slots_in_row === product_count;
+      break;
+    }
+    seen_products += product_slots_in_row;
     // Rows past the ones blocks take up all have room for products, so we're done by then at the latest
     if (last_product_row >= displaced_products_.length + product_count) break;
   }
@@ -1676,31 +1681,33 @@ function $ff7feae4dddd6073$export$b94605e5b3ce01c(_ref4) {
     const block = content_blocks_by_index_[i];
     if (block === undefined) continue;
     const rows = rows_by_index_[i] || [];
+    const last_allowed_row = last_product_row + (last_product_row_is_full ? 1 : 0);
     if (Array.isArray(block) && rows.length > 1) {
-      // Several blocks share this index (e.g. the end of one row and the start of the next): keep the ones in the last product's row
-      const in_last_row = block.filter((_, j) => rows[j] <= last_product_row);
-      if (in_last_row.length) trailing.push(in_last_row);
+      // Several blocks can share this index. Keep only blocks in allowed trailing rows.
+      const in_trailing_rows = block.filter((_, j) => rows[j] <= last_allowed_row);
+      if (in_trailing_rows.length) trailing.push(in_trailing_rows);
       continue;
     }
-    if (((_rows$ = rows[0]) !== null && _rows$ !== void 0 ? _rows$ : Infinity) > last_product_row) continue; // a row below the last product's row: keep it hidden
+    if (((_rows$ = rows[0]) !== null && _rows$ !== void 0 ? _rows$ : Infinity) > last_allowed_row) continue; // Keep cards meant for later rows hidden after filtering.
     trailing.push(block);
   }
   return trailing;
 }
-/**
- * Takes a store that contains an array from where index is number of row and value is the result of executing the content block rendering function.
- * Then renders the content and wraps it into a div with the correct styling.
- * Also caps span_columns to max available columns
- */
+function $ff7feae4dddd6073$export$911278b0390ae36e(block, max_span_columns) {
+  const span_columns = Math.min(block.span_columns, max_span_columns !== null && max_span_columns !== void 0 ? max_span_columns : Infinity);
+  const spans_whole_row = span_columns === max_span_columns;
+  return {
+    span_columns: span_columns,
+    span_rows: spans_whole_row ? 1 : block.span_rows,
+    spans_whole_row: spans_whole_row
+  };
+}
 function $ff7feae4dddd6073$var$wrap_blocks_in_div(rendered_content_blocks, max_span_columns) {
   const get_wrapped_blocks = $8tj43$mapArray(() => rendered_content_blocks, block => {
     if (!block) return;
-    const final_span_columns = $8tj43$createMemo(() => {
-      var _max_span_columns;
-      return Math.min(block.span_columns, (_max_span_columns = max_span_columns()) !== null && _max_span_columns !== void 0 ? _max_span_columns : Infinity);
-    });
-    // If the item spans an entire row, limit the height to 1 row since there's no concept of "rows" if there are no products beside the block
-    const final_span_rows = $8tj43$createMemo(() => final_span_columns() === max_span_columns() ? 1 : block.span_rows);
+    const final_spans = $8tj43$createMemo(() => $ff7feae4dddd6073$export$911278b0390ae36e(block, max_span_columns()));
+    const final_span_columns = $8tj43$createMemo(() => final_spans().span_columns);
+    const final_span_rows = $8tj43$createMemo(() => final_spans().span_rows);
     const [rendering_delayed, set_rendering_delayed_] = $8tj43$createSignal(true);
     const content = $8tj43$createComponent((0, $8tj43$Show), {
       get when() {
@@ -1714,7 +1721,7 @@ function $ff7feae4dddd6073$var$wrap_blocks_in_div(rendered_content_blocks, max_s
           }
         }));
         $8tj43$effect(_p$ => {
-          var _v$ = !!(final_span_columns() === max_span_columns()),
+          var _v$ = !!final_spans().spans_whole_row,
             _v$2 = {
               [(0, $64d94dcaa058dc7b$export$c500183c31c2b22e)]: final_span_columns()
             },

package/latest/index.cjs

@@ -109,7 +109,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.10.22";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.10.24";
 function $b54e6192d0caa293$export$d9f36cf74e24d595(media_query) {
   const signal = $gVhhF$solidjs.createSignal(false);
   $gVhhF$solidjs.onCleanup($gVhhF$depictaiutilishared.javascript_media_query(media_query, ({
@@ -1686,11 +1686,16 @@ function $d92f338ba8f9da9b$export$b94605e5b3ce01c({
   if (!n_cols_currently_showing_ || product_count <= 0) return trailing;
   // Find the row the last product lands in: each row has room for the columns that blocks don't take up
   let last_product_row = 0;
+  let last_product_row_is_full = false;
   for (let seen_products = 0;; last_product_row++) {
     const row = displaced_products_[last_product_row];
     const taken_by_blocks = typeof row === "number" ? row : row ? row.filter(item => item).length : 0;
-    seen_products += Math.max(0, n_cols_currently_showing_ - taken_by_blocks);
-    if (seen_products >= product_count) break;
+    const product_slots_in_row = Math.max(0, n_cols_currently_showing_ - taken_by_blocks);
+    if (seen_products + product_slots_in_row >= product_count) {
+      last_product_row_is_full = seen_products + product_slots_in_row === product_count;
+      break;
+    }
+    seen_products += product_slots_in_row;
     // Rows past the ones blocks take up all have room for products, so we're done by then at the latest
     if (last_product_row >= displaced_products_.length + product_count) break;
   }
@@ -1698,28 +1703,33 @@ function $d92f338ba8f9da9b$export$b94605e5b3ce01c({
     const block = content_blocks_by_index_[i];
     if (block === undefined) continue;
     const rows = rows_by_index_[i] || [];
+    const last_allowed_row = last_product_row + (last_product_row_is_full ? 1 : 0);
     if (Array.isArray(block) && rows.length > 1) {
-      // Several blocks share this index (e.g. the end of one row and the start of the next): keep the ones in the last product's row
-      const in_last_row = block.filter((_, j) => rows[j] <= last_product_row);
-      if (in_last_row.length) trailing.push(in_last_row);
+      // Several blocks can share this index. Keep only blocks in allowed trailing rows.
+      const in_trailing_rows = block.filter((_, j) => rows[j] <= last_allowed_row);
+      if (in_trailing_rows.length) trailing.push(in_trailing_rows);
       continue;
     }
-    if ((rows[0] ?? Infinity) > last_product_row) continue; // a row below the last product's row: keep it hidden
+    if ((rows[0] ?? Infinity) > last_allowed_row) continue; // Keep cards meant for later rows hidden after filtering.
     trailing.push(block);
   }
   return trailing;
 }
-/**
- * Takes a store that contains an array from where index is number of row and value is the result of executing the content block rendering function.
- * Then renders the content and wraps it into a div with the correct styling.
- * Also caps span_columns to max available columns
- */
+function $d92f338ba8f9da9b$export$911278b0390ae36e(block, max_span_columns) {
+  const span_columns = Math.min(block.span_columns, max_span_columns ?? Infinity);
+  const spans_whole_row = span_columns === max_span_columns;
+  return {
+    span_columns: span_columns,
+    span_rows: spans_whole_row ? 1 : block.span_rows,
+    spans_whole_row: spans_whole_row
+  };
+}
 function $d92f338ba8f9da9b$var$wrap_blocks_in_div(rendered_content_blocks, max_span_columns) {
   const get_wrapped_blocks = $gVhhF$solidjs.mapArray(() => rendered_content_blocks, block => {
     if (!block) return;
-    const final_span_columns = $gVhhF$solidjs.createMemo(() => Math.min(block.span_columns, max_span_columns() ?? Infinity));
-    // If the item spans an entire row, limit the height to 1 row since there's no concept of "rows" if there are no products beside the block
-    const final_span_rows = $gVhhF$solidjs.createMemo(() => final_span_columns() === max_span_columns() ? 1 : block.span_rows);
+    const final_spans = $gVhhF$solidjs.createMemo(() => $d92f338ba8f9da9b$export$911278b0390ae36e(block, max_span_columns()));
+    const final_span_columns = $gVhhF$solidjs.createMemo(() => final_spans().span_columns);
+    const final_span_rows = $gVhhF$solidjs.createMemo(() => final_spans().span_rows);
     const [rendering_delayed, set_rendering_delayed_] = $gVhhF$solidjs.createSignal(true);
     const content = $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
       get when() {
@@ -1733,7 +1743,7 @@ function $d92f338ba8f9da9b$var$wrap_blocks_in_div(rendered_content_blocks, max_s
           }
         }));
         $gVhhF$solidjsweb.effect(_p$ => {
-          var _v$ = !!(final_span_columns() === max_span_columns()),
+          var _v$ = !!final_spans().spans_whole_row,
             _v$2 = {
               [(0, $75777da1687ba3f6$export$c500183c31c2b22e)]: final_span_columns()
             },

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.10.22";
+export const version = "4.10.24";
 /**
  * Use `javascript_media_query` but return a reactive accessor instead of taking a callback function
  */

package/latest/index.js

@@ -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.10.22";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.10.24";
 function $dc9262ef6f786812$export$d9f36cf74e24d595(media_query) {
   const signal = $9HbP8$createSignal(false);
   $9HbP8$onCleanup($9HbP8$javascript_media_query(media_query, ({
@@ -1584,11 +1584,16 @@ function $e7a7eb102ddc0c79$export$b94605e5b3ce01c({
   if (!n_cols_currently_showing_ || product_count <= 0) return trailing;
   // Find the row the last product lands in: each row has room for the columns that blocks don't take up
   let last_product_row = 0;
+  let last_product_row_is_full = false;
   for (let seen_products = 0;; last_product_row++) {
     const row = displaced_products_[last_product_row];
     const taken_by_blocks = typeof row === "number" ? row : row ? row.filter(item => item).length : 0;
-    seen_products += Math.max(0, n_cols_currently_showing_ - taken_by_blocks);
-    if (seen_products >= product_count) break;
+    const product_slots_in_row = Math.max(0, n_cols_currently_showing_ - taken_by_blocks);
+    if (seen_products + product_slots_in_row >= product_count) {
+      last_product_row_is_full = seen_products + product_slots_in_row === product_count;
+      break;
+    }
+    seen_products += product_slots_in_row;
     // Rows past the ones blocks take up all have room for products, so we're done by then at the latest
     if (last_product_row >= displaced_products_.length + product_count) break;
   }
@@ -1596,28 +1601,33 @@ function $e7a7eb102ddc0c79$export$b94605e5b3ce01c({
     const block = content_blocks_by_index_[i];
     if (block === undefined) continue;
     const rows = rows_by_index_[i] || [];
+    const last_allowed_row = last_product_row + (last_product_row_is_full ? 1 : 0);
     if (Array.isArray(block) && rows.length > 1) {
-      // Several blocks share this index (e.g. the end of one row and the start of the next): keep the ones in the last product's row
-      const in_last_row = block.filter((_, j) => rows[j] <= last_product_row);
-      if (in_last_row.length) trailing.push(in_last_row);
+      // Several blocks can share this index. Keep only blocks in allowed trailing rows.
+      const in_trailing_rows = block.filter((_, j) => rows[j] <= last_allowed_row);
+      if (in_trailing_rows.length) trailing.push(in_trailing_rows);
       continue;
     }
-    if ((rows[0] ?? Infinity) > last_product_row) continue; // a row below the last product's row: keep it hidden
+    if ((rows[0] ?? Infinity) > last_allowed_row) continue; // Keep cards meant for later rows hidden after filtering.
     trailing.push(block);
   }
   return trailing;
 }
-/**
- * Takes a store that contains an array from where index is number of row and value is the result of executing the content block rendering function.
- * Then renders the content and wraps it into a div with the correct styling.
- * Also caps span_columns to max available columns
- */
+function $e7a7eb102ddc0c79$export$911278b0390ae36e(block, max_span_columns) {
+  const span_columns = Math.min(block.span_columns, max_span_columns ?? Infinity);
+  const spans_whole_row = span_columns === max_span_columns;
+  return {
+    span_columns: span_columns,
+    span_rows: spans_whole_row ? 1 : block.span_rows,
+    spans_whole_row: spans_whole_row
+  };
+}
 function $e7a7eb102ddc0c79$var$wrap_blocks_in_div(rendered_content_blocks, max_span_columns) {
   const get_wrapped_blocks = $9HbP8$mapArray(() => rendered_content_blocks, block => {
     if (!block) return;
-    const final_span_columns = $9HbP8$createMemo(() => Math.min(block.span_columns, max_span_columns() ?? Infinity));
-    // If the item spans an entire row, limit the height to 1 row since there's no concept of "rows" if there are no products beside the block
-    const final_span_rows = $9HbP8$createMemo(() => final_span_columns() === max_span_columns() ? 1 : block.span_rows);
+    const final_spans = $9HbP8$createMemo(() => $e7a7eb102ddc0c79$export$911278b0390ae36e(block, max_span_columns()));
+    const final_span_columns = $9HbP8$createMemo(() => final_spans().span_columns);
+    const final_span_rows = $9HbP8$createMemo(() => final_spans().span_rows);
     const [rendering_delayed, set_rendering_delayed_] = $9HbP8$createSignal(true);
     const content = $9HbP8$createComponent((0, $9HbP8$Show), {
       get when() {
@@ -1631,7 +1641,7 @@ function $e7a7eb102ddc0c79$var$wrap_blocks_in_div(rendered_content_blocks, max_s
           }
         }));
         $9HbP8$effect(_p$ => {
-          var _v$ = !!(final_span_columns() === max_span_columns()),
+          var _v$ = !!final_spans().spans_whole_row,
             _v$2 = {
               [(0, $6dee9211e57ac31a$export$c500183c31c2b22e)]: final_span_columns()
             },

package/package.json

@@ -1,6 +1,11 @@
 {
   "name": "@depict-ai/ui",
-  "version": "4.10.22",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/depict-org/depict-ui.git",
+    "directory": "browser-tags-v2/packages/ui"
+  },
+  "version": "4.10.24",
   "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,9 +241,9 @@
     "@babel/plugin-transform-typescript": "^7.22.9",
     "@babel/runtime": "^7.22.6",
     "@babel/runtime-corejs3": "^7.22.6",
-    "@depict-ai/plp-styling": "^4.6.14",
-    "@depict-ai/types": "^5.6.12",
-    "@depict-ai/utilishared": "^2.6.12",
+    "@depict-ai/plp-styling": "^4.6.15",
+    "@depict-ai/types": "^5.6.13",
+    "@depict-ai/utilishared": "^2.6.13",
     "solid-js": "^1.9.10"
   },
   "type": "module",

package/server/ES10/index.cjs

@@ -115,7 +115,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.10.22";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.10.24";
 function $3e17e871e9d0911d$export$d9f36cf74e24d595(media_query) {
   const signal = $3hooq$solidjs.createSignal(false);
   $3hooq$solidjs.onCleanup($3hooq$depictaiutilishared.javascript_media_query(media_query, _ref => {
@@ -1475,11 +1475,16 @@ function $f8f375d6245ffff2$export$b94605e5b3ce01c(_ref4) {
   if (!n_cols_currently_showing_ || product_count <= 0) return trailing;
   // Find the row the last product lands in: each row has room for the columns that blocks don't take up
   let last_product_row = 0;
+  let last_product_row_is_full = false;
   for (let seen_products = 0;; last_product_row++) {
     const row = displaced_products_[last_product_row];
     const taken_by_blocks = typeof row === "number" ? row : row ? row.filter(item => item).length : 0;
-    seen_products += Math.max(0, n_cols_currently_showing_ - taken_by_blocks);
-    if (seen_products >= product_count) break;
+    const product_slots_in_row = Math.max(0, n_cols_currently_showing_ - taken_by_blocks);
+    if (seen_products + product_slots_in_row >= product_count) {
+      last_product_row_is_full = seen_products + product_slots_in_row === product_count;
+      break;
+    }
+    seen_products += product_slots_in_row;
     // Rows past the ones blocks take up all have room for products, so we're done by then at the latest
     if (last_product_row >= displaced_products_.length + product_count) break;
   }
@@ -1488,38 +1493,40 @@ function $f8f375d6245ffff2$export$b94605e5b3ce01c(_ref4) {
     const block = content_blocks_by_index_[i];
     if (block === undefined) continue;
     const rows = rows_by_index_[i] || [];
+    const last_allowed_row = last_product_row + (last_product_row_is_full ? 1 : 0);
     if (Array.isArray(block) && rows.length > 1) {
-      // Several blocks share this index (e.g. the end of one row and the start of the next): keep the ones in the last product's row
-      const in_last_row = block.filter((_, j) => rows[j] <= last_product_row);
-      if (in_last_row.length) trailing.push(in_last_row);
+      // Several blocks can share this index. Keep only blocks in allowed trailing rows.
+      const in_trailing_rows = block.filter((_, j) => rows[j] <= last_allowed_row);
+      if (in_trailing_rows.length) trailing.push(in_trailing_rows);
       continue;
     }
-    if (((_rows$ = rows[0]) !== null && _rows$ !== void 0 ? _rows$ : Infinity) > last_product_row) continue; // a row below the last product's row: keep it hidden
+    if (((_rows$ = rows[0]) !== null && _rows$ !== void 0 ? _rows$ : Infinity) > last_allowed_row) continue; // Keep cards meant for later rows hidden after filtering.
     trailing.push(block);
   }
   return trailing;
 }
-/**
- * Takes a store that contains an array from where index is number of row and value is the result of executing the content block rendering function.
- * Then renders the content and wraps it into a div with the correct styling.
- * Also caps span_columns to max available columns
- */
+function $f8f375d6245ffff2$export$911278b0390ae36e(block, max_span_columns) {
+  const span_columns = Math.min(block.span_columns, max_span_columns !== null && max_span_columns !== void 0 ? max_span_columns : Infinity);
+  const spans_whole_row = span_columns === max_span_columns;
+  return {
+    span_columns: span_columns,
+    span_rows: spans_whole_row ? 1 : block.span_rows,
+    spans_whole_row: spans_whole_row
+  };
+}
 function $f8f375d6245ffff2$var$wrap_blocks_in_div(rendered_content_blocks, max_span_columns) {
   const get_wrapped_blocks = $3hooq$solidjs.mapArray(() => rendered_content_blocks, block => {
     if (!block) return;
-    const final_span_columns = $3hooq$solidjs.createMemo(() => {
-      var _max_span_columns;
-      return Math.min(block.span_columns, (_max_span_columns = max_span_columns()) !== null && _max_span_columns !== void 0 ? _max_span_columns : Infinity);
-    });
-    // If the item spans an entire row, limit the height to 1 row since there's no concept of "rows" if there are no products beside the block
-    const final_span_rows = $3hooq$solidjs.createMemo(() => final_span_columns() === max_span_columns() ? 1 : block.span_rows);
+    const final_spans = $3hooq$solidjs.createMemo(() => $f8f375d6245ffff2$export$911278b0390ae36e(block, max_span_columns()));
+    const final_span_columns = $3hooq$solidjs.createMemo(() => final_spans().span_columns);
+    const final_span_rows = $3hooq$solidjs.createMemo(() => final_spans().span_rows);
     const [rendering_delayed, set_rendering_delayed_] = $3hooq$solidjs.createSignal(true);
     const content = $3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
       get when() {
         return !rendering_delayed();
       },
       get children() {
-        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, {
+        return $3hooq$solidjsweb.ssr($f8f375d6245ffff2$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "content-block-wrapper ".concat(final_spans().spans_whole_row ? "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;
           }

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.10.22";
+export const version = "4.10.24";
 /**
  * Use `javascript_media_query` but return a reactive accessor instead of taking a callback function
  */

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.10.22";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.10.24";
 function $00a5b94f0c11efbb$export$d9f36cf74e24d595(media_query) {
   const signal = $b8hua$createSignal(false);
   $b8hua$onCleanup($b8hua$javascript_media_query(media_query, _ref => {
@@ -1370,11 +1370,16 @@ function $ff7feae4dddd6073$export$b94605e5b3ce01c(_ref4) {
   if (!n_cols_currently_showing_ || product_count <= 0) return trailing;
   // Find the row the last product lands in: each row has room for the columns that blocks don't take up
   let last_product_row = 0;
+  let last_product_row_is_full = false;
   for (let seen_products = 0;; last_product_row++) {
     const row = displaced_products_[last_product_row];
     const taken_by_blocks = typeof row === "number" ? row : row ? row.filter(item => item).length : 0;
-    seen_products += Math.max(0, n_cols_currently_showing_ - taken_by_blocks);
-    if (seen_products >= product_count) break;
+    const product_slots_in_row = Math.max(0, n_cols_currently_showing_ - taken_by_blocks);
+    if (seen_products + product_slots_in_row >= product_count) {
+      last_product_row_is_full = seen_products + product_slots_in_row === product_count;
+      break;
+    }
+    seen_products += product_slots_in_row;
     // Rows past the ones blocks take up all have room for products, so we're done by then at the latest
     if (last_product_row >= displaced_products_.length + product_count) break;
   }
@@ -1383,38 +1388,40 @@ function $ff7feae4dddd6073$export$b94605e5b3ce01c(_ref4) {
     const block = content_blocks_by_index_[i];
     if (block === undefined) continue;
     const rows = rows_by_index_[i] || [];
+    const last_allowed_row = last_product_row + (last_product_row_is_full ? 1 : 0);
     if (Array.isArray(block) && rows.length > 1) {
-      // Several blocks share this index (e.g. the end of one row and the start of the next): keep the ones in the last product's row
-      const in_last_row = block.filter((_, j) => rows[j] <= last_product_row);
-      if (in_last_row.length) trailing.push(in_last_row);
+      // Several blocks can share this index. Keep only blocks in allowed trailing rows.
+      const in_trailing_rows = block.filter((_, j) => rows[j] <= last_allowed_row);
+      if (in_trailing_rows.length) trailing.push(in_trailing_rows);
       continue;
     }
-    if (((_rows$ = rows[0]) !== null && _rows$ !== void 0 ? _rows$ : Infinity) > last_product_row) continue; // a row below the last product's row: keep it hidden
+    if (((_rows$ = rows[0]) !== null && _rows$ !== void 0 ? _rows$ : Infinity) > last_allowed_row) continue; // Keep cards meant for later rows hidden after filtering.
     trailing.push(block);
   }
   return trailing;
 }
-/**
- * Takes a store that contains an array from where index is number of row and value is the result of executing the content block rendering function.
- * Then renders the content and wraps it into a div with the correct styling.
- * Also caps span_columns to max available columns
- */
+function $ff7feae4dddd6073$export$911278b0390ae36e(block, max_span_columns) {
+  const span_columns = Math.min(block.span_columns, max_span_columns !== null && max_span_columns !== void 0 ? max_span_columns : Infinity);
+  const spans_whole_row = span_columns === max_span_columns;
+  return {
+    span_columns: span_columns,
+    span_rows: spans_whole_row ? 1 : block.span_rows,
+    spans_whole_row: spans_whole_row
+  };
+}
 function $ff7feae4dddd6073$var$wrap_blocks_in_div(rendered_content_blocks, max_span_columns) {
   const get_wrapped_blocks = $b8hua$mapArray(() => rendered_content_blocks, block => {
     if (!block) return;
-    const final_span_columns = $b8hua$createMemo(() => {
-      var _max_span_columns;
-      return Math.min(block.span_columns, (_max_span_columns = max_span_columns()) !== null && _max_span_columns !== void 0 ? _max_span_columns : Infinity);
-    });
-    // If the item spans an entire row, limit the height to 1 row since there's no concept of "rows" if there are no products beside the block
-    const final_span_rows = $b8hua$createMemo(() => final_span_columns() === max_span_columns() ? 1 : block.span_rows);
+    const final_spans = $b8hua$createMemo(() => $ff7feae4dddd6073$export$911278b0390ae36e(block, max_span_columns()));
+    const final_span_columns = $b8hua$createMemo(() => final_spans().span_columns);
+    const final_span_rows = $b8hua$createMemo(() => final_spans().span_rows);
     const [rendering_delayed, set_rendering_delayed_] = $b8hua$createSignal(true);
     const content = $b8hua$createComponent((0, $b8hua$Show), {
       get when() {
         return !rendering_delayed();
       },
       get children() {
-        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, {
+        return $b8hua$ssr($ff7feae4dddd6073$var$_tmpl$, $b8hua$ssrHydrationKey(), "content-block-wrapper ".concat(final_spans().spans_whole_row ? "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;
           }

package/server/latest/index.cjs

@@ -109,7 +109,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.10.22";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.10.24";
 function $b54e6192d0caa293$export$d9f36cf74e24d595(media_query) {
   const signal = $5vyXB$solidjs.createSignal(false);
   $5vyXB$solidjs.onCleanup($5vyXB$depictaiutilishared.javascript_media_query(media_query, ({
@@ -1406,11 +1406,16 @@ function $d92f338ba8f9da9b$export$b94605e5b3ce01c({
   if (!n_cols_currently_showing_ || product_count <= 0) return trailing;
   // Find the row the last product lands in: each row has room for the columns that blocks don't take up
   let last_product_row = 0;
+  let last_product_row_is_full = false;
   for (let seen_products = 0;; last_product_row++) {
     const row = displaced_products_[last_product_row];
     const taken_by_blocks = typeof row === "number" ? row : row ? row.filter(item => item).length : 0;
-    seen_products += Math.max(0, n_cols_currently_showing_ - taken_by_blocks);
-    if (seen_products >= product_count) break;
+    const product_slots_in_row = Math.max(0, n_cols_currently_showing_ - taken_by_blocks);
+    if (seen_products + product_slots_in_row >= product_count) {
+      last_product_row_is_full = seen_products + product_slots_in_row === product_count;
+      break;
+    }
+    seen_products += product_slots_in_row;
     // Rows past the ones blocks take up all have room for products, so we're done by then at the latest
     if (last_product_row >= displaced_products_.length + product_count) break;
   }
@@ -1418,35 +1423,40 @@ function $d92f338ba8f9da9b$export$b94605e5b3ce01c({
     const block = content_blocks_by_index_[i];
     if (block === undefined) continue;
     const rows = rows_by_index_[i] || [];
+    const last_allowed_row = last_product_row + (last_product_row_is_full ? 1 : 0);
     if (Array.isArray(block) && rows.length > 1) {
-      // Several blocks share this index (e.g. the end of one row and the start of the next): keep the ones in the last product's row
-      const in_last_row = block.filter((_, j) => rows[j] <= last_product_row);
-      if (in_last_row.length) trailing.push(in_last_row);
+      // Several blocks can share this index. Keep only blocks in allowed trailing rows.
+      const in_trailing_rows = block.filter((_, j) => rows[j] <= last_allowed_row);
+      if (in_trailing_rows.length) trailing.push(in_trailing_rows);
       continue;
     }
-    if ((rows[0] ?? Infinity) > last_product_row) continue; // a row below the last product's row: keep it hidden
+    if ((rows[0] ?? Infinity) > last_allowed_row) continue; // Keep cards meant for later rows hidden after filtering.
     trailing.push(block);
   }
   return trailing;
 }
-/**
- * Takes a store that contains an array from where index is number of row and value is the result of executing the content block rendering function.
- * Then renders the content and wraps it into a div with the correct styling.
- * Also caps span_columns to max available columns
- */
+function $d92f338ba8f9da9b$export$911278b0390ae36e(block, max_span_columns) {
+  const span_columns = Math.min(block.span_columns, max_span_columns ?? Infinity);
+  const spans_whole_row = span_columns === max_span_columns;
+  return {
+    span_columns: span_columns,
+    span_rows: spans_whole_row ? 1 : block.span_rows,
+    spans_whole_row: spans_whole_row
+  };
+}
 function $d92f338ba8f9da9b$var$wrap_blocks_in_div(rendered_content_blocks, max_span_columns) {
   const get_wrapped_blocks = $5vyXB$solidjs.mapArray(() => rendered_content_blocks, block => {
     if (!block) return;
-    const final_span_columns = $5vyXB$solidjs.createMemo(() => Math.min(block.span_columns, max_span_columns() ?? Infinity));
-    // If the item spans an entire row, limit the height to 1 row since there's no concept of "rows" if there are no products beside the block
-    const final_span_rows = $5vyXB$solidjs.createMemo(() => final_span_columns() === max_span_columns() ? 1 : block.span_rows);
+    const final_spans = $5vyXB$solidjs.createMemo(() => $d92f338ba8f9da9b$export$911278b0390ae36e(block, max_span_columns()));
+    const final_span_columns = $5vyXB$solidjs.createMemo(() => final_spans().span_columns);
+    const final_span_rows = $5vyXB$solidjs.createMemo(() => final_spans().span_rows);
     const [rendering_delayed, set_rendering_delayed_] = $5vyXB$solidjs.createSignal(true);
     const content = $5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
       get when() {
         return !rendering_delayed();
       },
       get children() {
-        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, {
+        return $5vyXB$solidjsweb.ssr($d92f338ba8f9da9b$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), `content-block-wrapper ${final_spans().spans_whole_row ? "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;
           }

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.10.22";
+export const version = "4.10.24";
 /**
  * Use `javascript_media_query` but return a reactive accessor instead of taking a callback function
  */

package/server/latest/index.js

@@ -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.10.22";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.10.24";
 function $dc9262ef6f786812$export$d9f36cf74e24d595(media_query) {
   const signal = $i7OB2$createSignal(false);
   $i7OB2$onCleanup($i7OB2$javascript_media_query(media_query, ({
@@ -1304,11 +1304,16 @@ function $e7a7eb102ddc0c79$export$b94605e5b3ce01c({
   if (!n_cols_currently_showing_ || product_count <= 0) return trailing;
   // Find the row the last product lands in: each row has room for the columns that blocks don't take up
   let last_product_row = 0;
+  let last_product_row_is_full = false;
   for (let seen_products = 0;; last_product_row++) {
     const row = displaced_products_[last_product_row];
     const taken_by_blocks = typeof row === "number" ? row : row ? row.filter(item => item).length : 0;
-    seen_products += Math.max(0, n_cols_currently_showing_ - taken_by_blocks);
-    if (seen_products >= product_count) break;
+    const product_slots_in_row = Math.max(0, n_cols_currently_showing_ - taken_by_blocks);
+    if (seen_products + product_slots_in_row >= product_count) {
+      last_product_row_is_full = seen_products + product_slots_in_row === product_count;
+      break;
+    }
+    seen_products += product_slots_in_row;
     // Rows past the ones blocks take up all have room for products, so we're done by then at the latest
     if (last_product_row >= displaced_products_.length + product_count) break;
   }
@@ -1316,35 +1321,40 @@ function $e7a7eb102ddc0c79$export$b94605e5b3ce01c({
     const block = content_blocks_by_index_[i];
     if (block === undefined) continue;
     const rows = rows_by_index_[i] || [];
+    const last_allowed_row = last_product_row + (last_product_row_is_full ? 1 : 0);
     if (Array.isArray(block) && rows.length > 1) {
-      // Several blocks share this index (e.g. the end of one row and the start of the next): keep the ones in the last product's row
-      const in_last_row = block.filter((_, j) => rows[j] <= last_product_row);
-      if (in_last_row.length) trailing.push(in_last_row);
+      // Several blocks can share this index. Keep only blocks in allowed trailing rows.
+      const in_trailing_rows = block.filter((_, j) => rows[j] <= last_allowed_row);
+      if (in_trailing_rows.length) trailing.push(in_trailing_rows);
       continue;
     }
-    if ((rows[0] ?? Infinity) > last_product_row) continue; // a row below the last product's row: keep it hidden
+    if ((rows[0] ?? Infinity) > last_allowed_row) continue; // Keep cards meant for later rows hidden after filtering.
     trailing.push(block);
   }
   return trailing;
 }
-/**
- * Takes a store that contains an array from where index is number of row and value is the result of executing the content block rendering function.
- * Then renders the content and wraps it into a div with the correct styling.
- * Also caps span_columns to max available columns
- */
+function $e7a7eb102ddc0c79$export$911278b0390ae36e(block, max_span_columns) {
+  const span_columns = Math.min(block.span_columns, max_span_columns ?? Infinity);
+  const spans_whole_row = span_columns === max_span_columns;
+  return {
+    span_columns: span_columns,
+    span_rows: spans_whole_row ? 1 : block.span_rows,
+    spans_whole_row: spans_whole_row
+  };
+}
 function $e7a7eb102ddc0c79$var$wrap_blocks_in_div(rendered_content_blocks, max_span_columns) {
   const get_wrapped_blocks = $i7OB2$mapArray(() => rendered_content_blocks, block => {
     if (!block) return;
-    const final_span_columns = $i7OB2$createMemo(() => Math.min(block.span_columns, max_span_columns() ?? Infinity));
-    // If the item spans an entire row, limit the height to 1 row since there's no concept of "rows" if there are no products beside the block
-    const final_span_rows = $i7OB2$createMemo(() => final_span_columns() === max_span_columns() ? 1 : block.span_rows);
+    const final_spans = $i7OB2$createMemo(() => $e7a7eb102ddc0c79$export$911278b0390ae36e(block, max_span_columns()));
+    const final_span_columns = $i7OB2$createMemo(() => final_spans().span_columns);
+    const final_span_rows = $i7OB2$createMemo(() => final_spans().span_rows);
     const [rendering_delayed, set_rendering_delayed_] = $i7OB2$createSignal(true);
     const content = $i7OB2$createComponent((0, $i7OB2$Show), {
       get when() {
         return !rendering_delayed();
       },
       get children() {
-        return $i7OB2$ssr($e7a7eb102ddc0c79$var$_tmpl$, $i7OB2$ssrHydrationKey(), `content-block-wrapper ${final_span_columns() === max_span_columns() ? "spans-whole-row" : ""}`, "grid-column:" + `span ${$i7OB2$escape(final_span_columns(), true)}` + (";grid-row:" + `span ${$i7OB2$escape(final_span_rows(), true)}`) + (";spans_columns_variable_name:" + $i7OB2$escape(final_span_columns(), true)), $i7OB2$escape($i7OB2$createComponent($e7a7eb102ddc0c79$var$RenderContent, {
+        return $i7OB2$ssr($e7a7eb102ddc0c79$var$_tmpl$, $i7OB2$ssrHydrationKey(), `content-block-wrapper ${final_spans().spans_whole_row ? "spans-whole-row" : ""}`, "grid-column:" + `span ${$i7OB2$escape(final_span_columns(), true)}` + (";grid-row:" + `span ${$i7OB2$escape(final_span_rows(), true)}`) + (";spans_columns_variable_name:" + $i7OB2$escape(final_span_columns(), true)), $i7OB2$escape($i7OB2$createComponent($e7a7eb102ddc0c79$var$RenderContent, {
           get content() {
             return block.content;
           }