eru-grid 0.0.48 → 0.0.49

package/fesm2022/eru-grid.mjs

@@ -12714,7 +12714,7 @@ class EruGridComponent {
         const heightsMap = new Map();
         // Use gridHeight from config — NOT containerHeight — to avoid the ResizeObserver
         // feedback loop where larger viewports → taller host → ResizeObserver fires → bigger viewports.
-        const availableViewHeight = Math.max(300, this.gridHeight() - HEADER_BUFFER);
+        const availableViewHeight = Math.max(300, this.layoutGridHeight() - HEADER_BUFFER);
         const SCROLLBAR_BUFFER = 30 + freezeHeaderHeight; // Reserve space for horizontal scrollbar so CDK viewport has enough height
         groups.forEach(group => {
             const rows = groupRows.get(group.id === null || group.id === undefined ? '__NULL_GROUP__' : group.id);
@@ -12760,6 +12760,12 @@ class EruGridComponent {
         const config = this.gridStore.configuration();
         return config?.config?.gridHeight ?? 400;
     }, ...(ngDevMode ? [{ debugName: "gridHeight" }] : []));
+    /**
+     * gridHeight for viewport maths. 0 means "size to content" — it removes the
+     * CSS cap and floor, but the table/pivot viewport sizing still needs a number
+     * to work against, so it falls back to the same default an unset height uses.
+     */
+    layoutGridHeight = computed(() => this.gridHeight() || 400, ...(ngDevMode ? [{ debugName: "layoutGridHeight" }] : []));
     // Gridlines configuration computed properties
     showColumnLines = computed(() => {
         const config = this.gridStore.configuration();
@@ -12975,7 +12981,7 @@ class EruGridComponent {
             if (this.freezeGrandTotal() && this.grandTotalPosition() === 'after') {
                 grandTotalHeight = this.dataRowHeight() + 10;
             }
-            let minHeight = (this.gridHeight() - headerHeight); // Start with 50% of parent
+            let minHeight = (this.layoutGridHeight() - headerHeight); // Start with 50% of parent
             // Ensure minimum usable height
             minHeight = Math.min(minHeight, rowHeight);
             minHeight = minHeight + 1;
@@ -12983,7 +12989,7 @@ class EruGridComponent {
             return minHeight;
         }
         else {
-            return this.gridHeight();
+            return this.layoutGridHeight();
         }
     }
     adjustScrollWidth() {
@@ -12994,7 +13000,7 @@ class EruGridComponent {
         if (this.freezeGrandTotal() && this.grandTotalPosition() === 'before') {
             headerHeight = headerHeight + this.dataRowHeight();
         }
-        return (this.gridHeight()) <= this.getInitialMinHeightPx();
+        return (this.layoutGridHeight()) <= this.getInitialMinHeightPx();
     }
     /**
      * Get the rendered range (what's in the DOM including buffer)
@@ -13215,6 +13221,15 @@ class EruGridComponent {
                 return;
             if (gridHeight) {
                 host.style.setProperty('--grid-height', `${gridHeight}px`, 'important');
+                host.style.removeProperty('--grid-min-height');
+            }
+            else {
+                // Height 0 = size to content: drop both the cap and the floor. The
+                // properties must be removed, not skipped — an earlier pass (config
+                // still null, so gridHeight fell back to its default) already wrote
+                // --grid-height, and leaving it in place is what made 0 a no-op.
+                host.style.removeProperty('--grid-height');
+                host.style.setProperty('--grid-min-height', '0px', 'important');
             }
             host.style.setProperty('--grid-header-row-height', `${headerH}px`);
             host.style.setProperty('--grid-data-row-height', `${dataH}px`);
@@ -13247,7 +13262,9 @@ class EruGridComponent {
             // Left unset the track's max stays `1fr` (see the scss fallback), which is
             // the stretch-to-fill behaviour boards had before this existed.
             setVar('--board-col-max-width', (typeof maxW === 'number' && maxW > 0) ? `${maxW}px` : undefined);
-            setVar('--board-column-height', (typeof colH === 'number' && colH > 0) ? `${colH}px` : undefined);
+            // 0 = no cap: the column ends after its last card. Undefined leaves the
+            // SCSS fallback in place.
+            setVar('--board-column-height', typeof colH === 'number' ? (colH > 0 ? `${colH}px` : 'none') : undefined);
         });
         this.breakpointObserver
             .observe('(max-width: 767.98px)')
@@ -13363,7 +13380,7 @@ class EruGridComponent {
                 for (const entry of entries) {
                     const height = entry.contentRect.height;
                     // Cap at gridHeight to prevent feedback loop: larger viewports → taller host → loop
-                    const capped = Math.min(height, this.gridHeight());
+                    const capped = Math.min(height, this.layoutGridHeight());
                     // Only enter Angular zone when the value actually changes — avoids triggering
                     // change detection (and the updateViewportSize → checkViewportSize → resize chain)
                     // on every resize event.