@fundamental-ngx/cdk 0.61.3 → 0.61.5

package/fesm2022/fundamental-ngx-cdk-utils.mjs

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { INJECTOR, ElementRef, isDevMode, InjectionToken, EventEmitter, inject, NgZone, Input, Output, Directive, NgModule, DestroyRef, Injectable, signal, DOCUMENT, Optional, Inject, booleanAttribute, Renderer2, PLATFORM_ID, input, effect, Self, SkipSelf, computed, ChangeDetectorRef, ContentChildren, forwardRef, HostListener, HostBinding, output, linkedSignal, Injector, model, contentChildren, runInInjectionContext, untracked, ContentChild, QueryList, ViewContainerRef, TemplateRef, ViewChild, Component, NgModuleFactory, Pipe } from '@angular/core';
+import { INJECTOR, ElementRef, isDevMode, InjectionToken, EventEmitter, inject, NgZone, Input, Output, Directive, NgModule, DestroyRef, Injectable, signal, DOCUMENT, Optional, Inject, booleanAttribute, Renderer2, PLATFORM_ID, input, effect, Injector, afterNextRender, Self, SkipSelf, computed, ChangeDetectorRef, ContentChildren, forwardRef, HostListener, HostBinding, output, linkedSignal, model, contentChildren, runInInjectionContext, untracked, ContentChild, QueryList, ViewContainerRef, TemplateRef, ViewChild, Component, NgModuleFactory, Pipe } from '@angular/core';
 import { RIGHT_ARROW, DOWN_ARROW, LEFT_ARROW, UP_ARROW, SPACE, ESCAPE, DELETE, ENTER, MAC_ENTER, TAB, HOME, END, ALT, CONTROL, META, SHIFT, BACKSPACE, A, C, V, X, PAGE_UP, PAGE_DOWN, DASH, NUMPAD_MINUS, NUMPAD_ZERO, NUMPAD_ONE, NUMPAD_TWO, NUMPAD_THREE, NUMPAD_FOUR, NUMPAD_FIVE, NUMPAD_SIX, NUMPAD_SEVEN, NUMPAD_EIGHT, NUMPAD_NINE, F2, F7, hasModifierKey } from '@angular/cdk/keycodes';
 import { takeUntilDestroyed, outputToObservable } from '@angular/core/rxjs-interop';
-import { Observable, NEVER, fromEvent, switchMap, map as map$1, Subject, BehaviorSubject, merge as merge$1, combineLatest, ReplaySubject, firstValueFrom, startWith as startWith$1, Subscription, isObservable, of, tap as tap$1, filter as filter$1, take as take$1 } from 'rxjs';
-import { map, first, distinctUntilChanged, startWith, takeUntil, filter, tap, switchMap as switchMap$1, finalize, take, debounceTime, pairwise, shareReplay, delay } from 'rxjs/operators';
+import { Observable, NEVER, fromEvent, switchMap, map as map$1, Subject, BehaviorSubject, merge as merge$1, combineLatest, ReplaySubject, startWith as startWith$1, Subscription, isObservable, of, firstValueFrom, tap as tap$1, filter as filter$1, take as take$1 } from 'rxjs';
+import { map, first, distinctUntilChanged, startWith, takeUntil, filter, tap, switchMap as switchMap$1, finalize, debounceTime, pairwise, shareReplay, delay, take } from 'rxjs/operators';
 import { coerceElement, coerceBooleanProperty, coerceNumberProperty, coerceArray, coerceCssPixelValue } from '@angular/cdk/coercion';
 import { createFocusTrap } from 'focus-trap';
 import * as i1$1 from '@angular/cdk/a11y';
@@ -2104,9 +2104,8 @@ class DefaultDisabledViewModifier {
 
 class FdkDisabledProvider extends ReplaySubject {
     /** @hidden */
-    constructor(ngZone, elementRef, selfDisabled$, parentDisabled$) {
+    constructor(elementRef, selfDisabled$, parentDisabled$) {
         super(1);
-        this.ngZone = ngZone;
         this.elementRef = elementRef;
         this.selfDisabled$ = selfDisabled$;
         this.parentDisabled$ = parentDisabled$;
@@ -2115,6 +2114,8 @@ class FdkDisabledProvider extends ReplaySubject {
         /** @Hidden */
         this._destroyRef = inject(DestroyRef);
         /** @hidden */
+        this._injector = inject(Injector);
+        /** @hidden */
         this.disabledObserver = inject(DisabledObserver);
         // Initialize properties that depend on injected services
         this._viewModifiers$ = new BehaviorSubject(this._getInitialViewModifiers());
@@ -2133,9 +2134,9 @@ class FdkDisabledProvider extends ReplaySubject {
     }
     /** @hidden */
     setDisabledState(isDisabled) {
-        firstValueFrom(this.ngZone.onStable).then(() => {
+        afterNextRender(() => {
             this._viewModifiers$.value.forEach((viewModifier) => viewModifier.setDisabledState(isDisabled));
-        });
+        }, { injector: this._injector });
     }
     /** @hidden */
     ngOnDestroy() {
@@ -2173,12 +2174,12 @@ class FdkDisabledProvider extends ReplaySubject {
     _getInitialViewModifiers() {
         return !this.selfDisabled$ ? [new DefaultDisabledViewModifier(this.elementRef)] : [this.selfDisabled$];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: FdkDisabledProvider, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: FDK_DISABLED_DIRECTIVE, optional: true, self: true }, { token: FDK_DISABLED_DIRECTIVE, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: FdkDisabledProvider, deps: [{ token: i0.ElementRef }, { token: FDK_DISABLED_DIRECTIVE, optional: true, self: true }, { token: FDK_DISABLED_DIRECTIVE, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: FdkDisabledProvider }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: FdkDisabledProvider, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Self
@@ -3420,9 +3421,8 @@ class InitialFocusDirective {
         return this._enabled$.getValue();
     }
     /** @hidden */
-    constructor(_elmRef, _ngZone, _tabbableService) {
+    constructor(_elmRef, _tabbableService) {
         this._elmRef = _elmRef;
-        this._ngZone = _ngZone;
         this._tabbableService = _tabbableService;
         /**
          * CSS selector of an element that should be focused.
@@ -3435,6 +3435,8 @@ class InitialFocusDirective {
         /** @hidden */
         this._destroyRef = inject(DestroyRef);
         /** @hidden */
+        this._injector = inject(Injector);
+        /** @hidden */
         this._enabled$ = new BehaviorSubject(true);
     }
     /** @hidden */
@@ -3442,21 +3444,9 @@ class InitialFocusDirective {
         this._enabled$
             .pipe(distinctUntilChanged(), filter((enabled) => enabled), takeUntilDestroyed(this._destroyRef))
             .subscribe(() => {
-            this._executeOnEmpty(() => this._focus());
+            afterNextRender(() => this._focus(), { injector: this._injector });
         });
     }
-    /**
-     * @hidden
-     * Executes a function when the zone is stable.
-     */
-    _executeOnEmpty(fn) {
-        if (!this._ngZone.hasPendingMicrotasks) {
-            fn();
-        }
-        else {
-            this._ngZone.onMicrotaskEmpty.pipe(take(1)).subscribe(fn);
-        }
-    }
     /**
      * @hidden
      * Searches for an appropriate focusable element
@@ -3480,7 +3470,7 @@ class InitialFocusDirective {
         const elm = this._getFocusableElement();
         elm?.focus();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: InitialFocusDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: TabbableElementService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: InitialFocusDirective, deps: [{ token: i0.ElementRef }, { token: TabbableElementService }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: InitialFocusDirective, isStandalone: true, selector: "[fdkInitialFocus]", inputs: { fdkInitialFocus: "fdkInitialFocus", enabled: "enabled", focusLastElement: "focusLastElement" }, providers: [TabbableElementService], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: InitialFocusDirective, decorators: [{
@@ -3490,7 +3480,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
                     standalone: true,
                     providers: [TabbableElementService]
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: TabbableElementService }], propDecorators: { fdkInitialFocus: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: TabbableElementService }], propDecorators: { fdkInitialFocus: [{
                 type: Input
             }], enabled: [{
                 type: Input
@@ -4217,9 +4207,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
 
 class FdkReadonlyProvider extends ReplaySubject {
     /** @hidden */
-    constructor(ngZone, elementRef, selfReadonly$, parentReadonly$) {
+    constructor(elementRef, selfReadonly$, parentReadonly$) {
         super(1);
-        this.ngZone = ngZone;
         this.elementRef = elementRef;
         this.selfReadonly$ = selfReadonly$;
         this.parentReadonly$ = parentReadonly$;
@@ -4229,6 +4218,8 @@ class FdkReadonlyProvider extends ReplaySubject {
         this._destroyRef = inject(DestroyRef);
         /** @hidden */
         this.readonlyObserver = inject(ReadonlyObserver);
+        /** @hidden */
+        this._injector = inject(Injector);
         // Initialize properties that depend on injected services
         this._viewModifiers$ = new BehaviorSubject(this._getInitialViewModifiers());
         this._readonlyChange$ = this._getReadonlyChange$();
@@ -4246,9 +4237,9 @@ class FdkReadonlyProvider extends ReplaySubject {
     }
     /** @hidden */
     setReadonlyState(isReadonly) {
-        firstValueFrom(this.ngZone.onStable).then(() => {
+        afterNextRender(() => {
             this._viewModifiers$.value.forEach((viewModifier) => viewModifier.setReadonlyState(isReadonly));
-        });
+        }, { injector: this._injector });
     }
     /** @hidden */
     ngOnDestroy() {
@@ -4286,12 +4277,12 @@ class FdkReadonlyProvider extends ReplaySubject {
     _getInitialViewModifiers() {
         return !this.selfReadonly$ ? [new DefaultReadonlyViewModifier(this.elementRef)] : [this.selfReadonly$];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: FdkReadonlyProvider, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: FDK_READONLY_DIRECTIVE, optional: true, self: true }, { token: FDK_READONLY_DIRECTIVE, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: FdkReadonlyProvider, deps: [{ token: i0.ElementRef }, { token: FDK_READONLY_DIRECTIVE, optional: true, self: true }, { token: FDK_READONLY_DIRECTIVE, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: FdkReadonlyProvider }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: FdkReadonlyProvider, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Self