@cardenelabs/cdl 0.25.0 → 0.27.0

package/dist/react.js

@@ -669,6 +669,7 @@ function rowGlyphDepth(kind) {
   return Math.ceil(font * ROW_GLYPH_DEPTH_RATIO);
 }
 var ROW_LAYOUT_BOTTOM_PAD = 20;
+var ROW_STRIPE_BOTTOM_PAD = 24;
 function requiredRowsHeight(kind, rowCount) {
   if (rowCount <= 0) return null;
   const lastBaseline = rowBaselineY(kind, rowCount - 1);
@@ -676,6 +677,12 @@ function requiredRowsHeight(kind, rowCount) {
   const pitch = ROW_PITCH_STORAGE ;
   return lastBaseline + pitch + ROW_LAYOUT_BOTTOM_PAD;
 }
+function requiredMarkedRowsHeight(kind, rowCount) {
+  if (rowCount <= 0) return null;
+  const lastBand = rowStripeBand(kind, rowCount - 1, 0);
+  if (lastBand === null) return null;
+  return lastBand.y + lastBand.h + ROW_STRIPE_BOTTOM_PAD;
+}
 function isRenderedNode(n) {
   if (n.visibleIf === void 0 || n.visibleIf === "") return true;
   if (n.visibleIf.includes("{")) return true;
@@ -8685,7 +8692,10 @@ function autoStorageHeight(n, defaultH) {
   const \u7E70\u308A\u4E0A\u3052 = n.eyebrow ? 0 : \u76EE\u5370\u306A\u3057\u306E\u7E70\u308A\u4E0A\u3052("storage");
   if (!n.rows || n.rows.length === 0) return 115 + \u547C\u3073\u540D\u306E\u5206 - \u7E70\u308A\u4E0A\u3052;
   const \u5FC5\u8981 = requiredRowsHeight("storage", n.rows.length) ?? defaultH;
-  if (\u5370\u3042\u308A) return \u5FC5\u8981 + \u547C\u3073\u540D\u306E\u5206;
+  if (\u5370\u3042\u308A) {
+    const \u5E2F\u304B\u3089\u5FC5\u8981 = requiredMarkedRowsHeight("storage", n.rows.length) ?? defaultH;
+    return \u5E2F\u304B\u3089\u5FC5\u8981 + \u547C\u3073\u540D\u306E\u5206;
+  }
   return Math.max(defaultH, \u5FC5\u8981);
 }
 function autoRowsWidth(n, defaultW) {
@@ -10267,6 +10277,7 @@ var ROW_GLYPH_CX = ROW_PAD_X_PX + ROW_GLYPH_HALF + 1;
 var ROW_GLYPH_LEAD = 40;
 var ROW_TYPE_FONT = 22;
 var SUBTITLE_BASELINE = 118;
+var STRIPE_MIN_ROWS = 2;
 var SUBTITLE_FONT = 20;
 var UNDERLINE_DROP = 7;
 function RowGlyph({ mark, x, y, color }) {
@@ -10324,7 +10335,7 @@ function StorageNode({
         strokeWidth: active ? 3 : 1.25
       }
     ),
-    node.rowStripe && rows.map((_, idx) => {
+    node.rowStripe && rows.length >= STRIPE_MIN_ROWS && rows.map((_, idx) => {
       if (idx % 2 !== 0) return null;
       const \u5E2F = rowStripeBand("storage", idx, \u884C\u306E\u4E0B\u3052);
       if (!\u5E2F) return null;