@rivet-health/design-system 32.0.0 → 32.0.1

package/fesm2020/rivet-health-design-system.mjs

@@ -7276,10 +7276,19 @@ class SimpleTableComponent {
                 const allowedTypes = RivTable.ColumnDataTypes.join(', ');
                 throw new Error(`Each header cell must define an appropriate dataType, one of ${allowedTypes}`);
             }
-            headerCell.alignment = RivTable.getColumnAlignment(dataType, i === 0);
-            headerCell.leftPinOffset = runningWidthTotal;
+            const newAlignment = RivTable.getColumnAlignment(dataType, i === 0);
+            const newLeftPinOffset = runningWidthTotal;
             runningWidthTotal += headerCell.width;
-            headerCell.cdr.markForCheck();
+            const changed = headerCell.alignment != newAlignment ||
+                headerCell.leftPinOffset != newLeftPinOffset;
+            headerCell.alignment = newAlignment;
+            headerCell.leftPinOffset = newLeftPinOffset;
+            // Only mark for check when changed to prevent infinite cycles
+            if (changed) {
+                queueMicrotask(() => {
+                    headerCell.cdr.markForCheck();
+                });
+            }
         });
         const getCellCoordinates = createCellCoordinateCalculator(dataCells.map(dataCell => {
             const element = dataCell.elementRef.nativeElement;
@@ -7292,13 +7301,25 @@ class SimpleTableComponent {
         dataCells.forEach((dataCell, cellIndex) => {
             const bounds = getCellCoordinates(cellIndex);
             const headerCell = headerCells.get(bounds.start.col);
+            let changed = false;
             if (headerCell) {
+                changed =
+                    dataCell.alignment != headerCell.alignment ||
+                        dataCell.pinned != headerCell.pinned ||
+                        dataCell.leftPinOffset != headerCell.leftPinOffset;
                 dataCell.alignment = headerCell.alignment;
                 dataCell.pinned = headerCell.pinned;
                 dataCell.leftPinOffset = headerCell.leftPinOffset;
             }
-            dataCell.isLastRow = bounds.end.row === maxRow;
-            dataCell.cdr.markForCheck();
+            const newIsLastRow = bounds.end.row === maxRow;
+            changed = changed || dataCell.isLastRow != newIsLastRow;
+            dataCell.isLastRow = newIsLastRow;
+            // Only mark for check when changed to prevent infinite cycles
+            if (changed) {
+                queueMicrotask(() => {
+                    dataCell.cdr.markForCheck();
+                });
+            }
         });
     }
 }