igniteui-angular 21.2.0-rc.1 → 21.2.0-rc.3

package/fesm2022/igniteui-angular-directives.mjs

@@ -5150,7 +5150,9 @@ class IgxGridForOfDirective extends IgxForOfDirective {
         return true;
     }
     ngOnInit() {
-        this.syncService.setMaster(this);
+        if (!this.igxGridForOfUniqueSizeCache) {
+            this.syncService.setMaster(this);
+        }
         super.ngOnInit();
         this.removeScrollEventListeners();
         const destructor = takeUntil(this.destroy$);
@@ -5159,7 +5161,9 @@ class IgxGridForOfDirective extends IgxForOfDirective {
     }
     ngOnChanges(changes) {
         const forOf = 'igxGridForOf';
-        this.syncService.setMaster(this);
+        if (!this.igxGridForOfUniqueSizeCache) {
+            this.syncService.setMaster(this);
+        }
         if (forOf in changes) {
             const value = changes[forOf].currentValue;
             if (!this._differ && value) {
@@ -5171,9 +5175,9 @@ class IgxGridForOfDirective extends IgxForOfDirective {
                      NgFor only supports binding to Iterables such as Arrays.`);
                 }
             }
-            if (this.igxForScrollOrientation === 'horizontal') {
+            if (this.igxForScrollOrientation === 'horizontal' && !this.igxGridForOfUniqueSizeCache) {
                 // in case collection has changes, reset sync service
-                this.syncService.setMaster(this, this.igxGridForOfUniqueSizeCache);
+                this.syncService.setMaster(this);
             }
         }
         const defaultItemSize = 'igxForItemSize';
@@ -5214,10 +5218,13 @@ class IgxGridForOfDirective extends IgxForOfDirective {
                 (e.g. because of filtering); if all columns are hidden, rows are
                 still rendered empty, so we should not reset master */
                 if (!this.igxForOf.length &&
-                    this.igxForScrollOrientation === 'vertical') {
+                    this.igxForScrollOrientation === 'vertical' &&
+                    !this.igxGridForOfUniqueSizeCache) {
                     this.syncService.resetMaster();
                 }
-                this.syncService.setMaster(this);
+                if (!this.igxGridForOfUniqueSizeCache) {
+                    this.syncService.setMaster(this);
+                }
                 this.igxForContainerSize = args.containerSize;
                 const sizeDiff = this._updateSizeCache(changes);
                 this._applyChanges();
@@ -5288,7 +5295,7 @@ class IgxGridForOfDirective extends IgxForOfDirective {
         return size;
     }
     initSizesCache(items) {
-        if (!this.syncService.isMaster(this) && this.igxForScrollOrientation === 'horizontal') {
+        if (!this.igxGridForOfUniqueSizeCache && !this.syncService.isMaster(this) && this.igxForScrollOrientation === 'horizontal') {
             const masterSizesCache = this.syncService.sizesCache(this.igxForScrollOrientation);
             return masterSizesCache[masterSizesCache.length - 1];
         }
@@ -5416,7 +5423,7 @@ class IgxGridForOfDirective extends IgxForOfDirective {
      */
     _calcMaxChunkSize() {
         if (this.igxForScrollOrientation === 'horizontal') {
-            if (this.syncService.isMaster(this)) {
+            if (this.igxGridForOfUniqueSizeCache || this.syncService.isMaster(this)) {
                 return super._calcMaxChunkSize();
             }
             return this.syncService.chunkSize(this.igxForScrollOrientation);