igniteui-angular 21.2.13 → 21.2.15

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) {
@@ -8077,6 +8089,7 @@ function parseTriggers(triggers) {
     return new Set((triggers ?? '').split(TooltipRegexes.triggers).filter((s) => s.trim()));
 }
 
+const HOVER_SHOW_TRIGGERS = new Set(['mouseenter', 'mouseover', 'pointerenter', 'pointerover']);
 /**
  * **Ignite UI for Angular Tooltip Target** -
  * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/tooltip)
@@ -8543,8 +8556,12 @@ class IgxTooltipTargetDirective extends IgxToggleActionDirective {
         this._evaluateStickyState();
         this._pendingShowTrigger = triggerEvent?.type ?? null;
         this.target.timeoutId = setTimeout(() => {
-            // Call open() of IgxTooltipDirective
+            const isHoverTrigger = this._pendingShowTrigger && HOVER_SHOW_TRIGGERS.has(this._pendingShowTrigger);
             this._pendingShowTrigger = null;
+            this.target.timeoutId = null;
+            if (isHoverTrigger && !this.nativeElement.matches(':hover')) {
+                return;
+            }
             this.target.open(this._mergedOverlaySettings);
         }, withDelay ? this.showDelay : 0);
     }