igniteui-angular 21.2.12 → 21.2.14

package/fesm2022/igniteui-angular-directives.mjs

@@ -4365,8 +4365,8 @@ class IgxForOfDirective extends IgxForOfToken {
         const dimension = this.igxForScrollOrientation === 'horizontal' ?
             this.igxForSizePropName : 'height';
         const nodeSize = dimension === 'height' ?
-            rNode.clientHeight + this.getMargin(rNode, dimension) :
-            rNode.clientWidth + this.getMargin(rNode, dimension);
+            rNode.clientHeight + this.getBorder(rNode, dimension) + this.getMargin(rNode, dimension) :
+            rNode.clientWidth + this.getBorder(rNode, dimension) + this.getMargin(rNode, dimension);
         return nodeSize;
     }
     /**
@@ -5032,6 +5032,15 @@ class IgxForOfDirective extends IgxForOfToken {
         return parseFloat(styles['marginLeft']) +
             parseFloat(styles['marginRight']) || 0;
     }
+    getBorder(node, dimension) {
+        const styles = window.getComputedStyle(node);
+        if (dimension === 'height') {
+            return (parseFloat(styles['borderTopWidth']) || 0) +
+                (parseFloat(styles['borderBottomWidth']) || 0);
+        }
+        return (parseFloat(styles['borderLeftWidth']) || 0) +
+            (parseFloat(styles['borderRightWidth']) || 0);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: IgxForOfDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: IgxForOfDirective, isStandalone: true, selector: "[igxFor][igxForOf]", inputs: { igxForOf: "igxForOf", igxForSizePropName: "igxForSizePropName", igxForScrollOrientation: "igxForScrollOrientation", igxForScrollContainer: "igxForScrollContainer", igxForContainerSize: "igxForContainerSize", igxForInitialChunkSize: "igxForInitialChunkSize", igxForItemSize: "igxForItemSize", igxForTotalItemCount: "igxForTotalItemCount", igxForTrackBy: "igxForTrackBy" }, outputs: { chunkLoad: "chunkLoad", scrollbarVisibilityChanged: "scrollbarVisibilityChanged", chunkSizeChange: "chunkSizeChange", contentSizeChange: "contentSizeChange", dataChanged: "dataChanged", beforeViewDestroyed: "beforeViewDestroyed", chunkPreload: "chunkPreload" }, providers: [
             IgxForOfScrollSyncService,
@@ -5153,7 +5162,10 @@ class IgxGridForOfDirective extends IgxForOfDirective {
         super.ngOnInit();
         this.removeScrollEventListeners();
         const destructor = takeUntil(this.destroy$);
-        this.viewObserver = new (getResizeObserver())((entries) => this.viewResizeNotify.next(entries));
+        const resizeObserver = getResizeObserver();
+        if (resizeObserver) {
+            this.viewObserver = new resizeObserver((entries) => this.viewResizeNotify.next(entries));
+        }
         this.viewResizeNotify.pipe(filter(() => this.igxForContainerSize && this.igxForOf && this.igxForOf.length > 0), destructor).subscribe((entries) => this._zone.runTask(() => this.updateViewSizes(entries)));
     }
     ngOnChanges(changes) {