igniteui-angular 21.0.2 → 21.0.4

package/fesm2022/igniteui-angular-directives.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
 import { inject, ElementRef, EventEmitter, booleanAttribute, HostListener, HostBinding, Input, Output, Directive, Renderer2, ChangeDetectorRef, DestroyRef, ViewChild, DOCUMENT, ViewContainerRef, NgZone, RendererStyleFlags2, ContentChildren, Pipe, Component, PLATFORM_ID, Injectable, TemplateRef, IterableDiffers, EnvironmentInjector, createComponent, LOCALE_ID, forwardRef, NgModule } from '@angular/core';
 import { PlatformUtil, THEME_TOKEN, getComponentTheme, EDITOR_PROVIDER, resizeObservable, getResizeObserver, compareMaps, IgxOverlayService, IgxNavigationService, AbsoluteScrollStrategy, ConnectedPositioningStrategy, VerticalAlignment, HorizontalAlignment, AutoPositionStrategy, first as first$1, DatePart, isDate, DateTimeUtil } from 'igniteui-angular/core';
+import { animationFrameScheduler, Subject, noop, fromEvent, interval, takeUntil as takeUntil$1 } from 'rxjs';
 import { NgControl, Validators, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
-import { Subject, noop, fromEvent, interval, animationFrameScheduler, takeUntil as takeUntil$1 } from 'rxjs';
 import { takeUntil, throttle, throttleTime, filter, first } from 'rxjs/operators';
 import * as i1 from '@angular/common';
 import { DOCUMENT as DOCUMENT$1, isPlatformBrowser, CommonModule } from '@angular/common';
@@ -86,11 +86,14 @@ class IgxButtonBaseDirective {
     ngAfterViewInit() {
         if (this._platformUtil.isBrowser && !this._viewInit) {
             this._viewInit = true;
-            requestAnimationFrame(() => {
+            this._animationScheduler = animationFrameScheduler.schedule(() => {
                 this.element.nativeElement.style.removeProperty('--_init-transition');
             });
         }
     }
+    ngOnDestroy() {
+        this._animationScheduler.unsubscribe();
+    }
     /**
      * @hidden
      * @internal
@@ -7779,7 +7782,7 @@ class TooltipPositionStrategy extends AutoPositionStrategy {
         if (!tooltip) {
             return;
         }
-        const arrow = tooltip.querySelector('[data-arrow="true"]');
+        const arrow = Array.from(tooltip.children).find(el => el.matches('[data-arrow="true"]'));
         // If display is none -> tooltipTarget's hasArrow is false
         if (!arrow || arrow.style.display === 'none') {
             return;