@cqa-lib/cqa-ui 1.1.499 → 1.1.500

package/fesm2020/cqa-lib-cqa-ui.mjs

@@ -1050,6 +1050,7 @@ class DynamicCellContainerDirective {
         this.viewContainerRef = viewContainerRef;
         this.cdr = cdr;
         this.initialized = false;
+        this.isApplyingInputChanges = false;
     }
     ngOnInit() {
         if (this.componentConfig && !this.initialized) {
@@ -1061,16 +1062,25 @@ class DynamicCellContainerDirective {
         if (this.componentRef &&
             this.componentConfig &&
             (changes['componentConfig'] || changes['row'] || changes['column'] || changes['rowIndex'] || changes['colId'])) {
-            // Refresh component inputs when config or row context changes.
-            const inputs = this.getComponentInputs(this.componentConfig);
-            Object.keys(inputs).forEach(inputKey => {
-                if (this.componentRef?.instance && inputKey in this.componentRef.instance) {
-                    this.componentRef.instance[inputKey] = inputs[inputKey];
-                }
-            });
-            // Use detectChanges to ensure styles are updated immediately
-            this.componentRef.changeDetectorRef.detectChanges();
-            this.cdr.detectChanges();
+            if (this.isApplyingInputChanges) {
+                return;
+            }
+            this.isApplyingInputChanges = true;
+            try {
+                // Refresh component inputs when config or row context changes.
+                const inputs = this.getComponentInputs(this.componentConfig);
+                Object.keys(inputs).forEach(inputKey => {
+                    if (this.componentRef?.instance && inputKey in this.componentRef.instance) {
+                        this.componentRef.instance[inputKey] = inputs[inputKey];
+                    }
+                });
+                // Avoid synchronous detectChanges inside ngOnChanges to prevent re-entrant CD loops.
+                this.componentRef.changeDetectorRef.markForCheck();
+                this.cdr.markForCheck();
+            }
+            finally {
+                this.isApplyingInputChanges = false;
+            }
         }
         else if (changes['componentConfig'] && this.componentConfig && !this.initialized) {
             // Create component if it wasn't created yet
@@ -1113,9 +1123,9 @@ class DynamicCellContainerDirective {
                     }
                 }
             });
-            // Mark for change detection - use detectChanges to ensure styles are applied
-            this.componentRef.changeDetectorRef.detectChanges();
-            this.cdr.detectChanges();
+            // Schedule checks without forcing nested synchronous cycles.
+            this.componentRef.changeDetectorRef.markForCheck();
+            this.cdr.markForCheck();
         }
         catch (err) {
             console.error('Failed to create component in table cell:', err);