@taiga-ui/cdk 2.45.0 → 2.48.0

package/fesm5/taiga-ui-cdk-directives-auto-focus.js

@@ -1,43 +1,18 @@
-import { __decorate, __param } from 'tslib';
-import { Optional, Self, Inject, NgZone, ElementRef, Renderer2, Input, Directive, NgModule } from '@angular/core';
-import { ANIMATION_FRAME } from '@ng-web-apis/common';
-import { POLLING_TIME } from '@taiga-ui/cdk/constants';
+import { __decorate, __extends, __param, __values } from 'tslib';
+import { ElementRef, Directive, Optional, Self, Inject, Renderer2, NgZone, InjectionToken, inject, Input, NgModule } from '@angular/core';
+import { ANIMATION_FRAME, WINDOW } from '@ng-web-apis/common';
 import { TUI_FOCUSABLE_ITEM_ACCESSOR, TUI_IS_IOS } from '@taiga-ui/cdk/tokens';
-import { setNativeFocused } from '@taiga-ui/cdk/utils/focus';
+import { POLLING_TIME } from '@taiga-ui/cdk/constants';
 import { race, timer, Observable } from 'rxjs';
 import { throttleTime, map, skipWhile, take } from 'rxjs/operators';
+import { px } from '@taiga-ui/cdk/utils';
 
-var TIMEOUT = 1000;
-var NG_ANIMATION_SELECTOR = '.ng-animating';
-// TODO: in 3.0 change input name to tuiAutoFocus and handle empty string
-// TODO: refactor on this whole thing in 3.0
-var TuiAutoFocusDirective = /** @class */ (function () {
-    function TuiAutoFocusDirective(tuiFocusableComponent, isIos, animationFrame$, ngZone, elementRef, renderer) {
+var AbstractTuiAutofocusHandler = /** @class */ (function () {
+    function AbstractTuiAutofocusHandler(tuiFocusableComponent, elementRef) {
         this.tuiFocusableComponent = tuiFocusableComponent;
-        this.isIos = isIos;
-        this.animationFrame$ = animationFrame$;
-        this.ngZone = ngZone;
         this.elementRef = elementRef;
-        this.renderer = renderer;
-        this.autoFocus = true;
     }
-    TuiAutoFocusDirective.prototype.ngAfterViewInit = function () {
-        var _this = this;
-        if (!this.autoFocus) {
-            return;
-        }
-        if (this.isTextFieldElement) {
-            if (this.isIos) {
-                this.ngZone.runOutsideAngular(function () { return _this.iosWebkitAutofocus(); });
-            }
-            else {
-                race(timer(TIMEOUT), this.animationFrame$.pipe(throttleTime(POLLING_TIME), map(function () { return _this.element.closest(NG_ANIMATION_SELECTOR); }), skipWhile(Boolean), take(1))).subscribe(function () { return setNativeFocused(_this.element); });
-            }
-            return;
-        }
-        setNativeFocused(this.element);
-    };
-    Object.defineProperty(TuiAutoFocusDirective.prototype, "element", {
+    Object.defineProperty(AbstractTuiAutofocusHandler.prototype, "element", {
         get: function () {
             var _a;
             return (((_a = this.tuiFocusableComponent) === null || _a === void 0 ? void 0 : _a.nativeFocusableElement) ||
@@ -46,55 +21,223 @@ var TuiAutoFocusDirective = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(TuiAutoFocusDirective.prototype, "isTextFieldElement", {
+    Object.defineProperty(AbstractTuiAutofocusHandler.prototype, "isTextFieldElement", {
         get: function () {
             return this.element.matches('input, textarea');
         },
         enumerable: true,
         configurable: true
     });
-    TuiAutoFocusDirective.prototype.iosWebkitAutofocus = function () {
+    AbstractTuiAutofocusHandler.ctorParameters = function () { return [
+        { type: undefined },
+        { type: ElementRef }
+    ]; };
+    AbstractTuiAutofocusHandler = __decorate([
+        Directive()
+    ], AbstractTuiAutofocusHandler);
+    return AbstractTuiAutofocusHandler;
+}());
+
+var TIMEOUT = 1000;
+var NG_ANIMATION_SELECTOR = '.ng-animating';
+var TuiDefaultAutofocusHandler = /** @class */ (function (_super) {
+    __extends(TuiDefaultAutofocusHandler, _super);
+    function TuiDefaultAutofocusHandler(tuiFocusableComponent, elementRef, animationFrame$) {
+        var _this = _super.call(this, tuiFocusableComponent, elementRef) || this;
+        _this.animationFrame$ = animationFrame$;
+        return _this;
+    }
+    TuiDefaultAutofocusHandler.prototype.setFocus = function () {
+        var _this = this;
+        if (this.isTextFieldElement) {
+            race(timer(TIMEOUT), this.animationFrame$.pipe(throttleTime(POLLING_TIME), map(function () { return _this.element.closest(NG_ANIMATION_SELECTOR); }), skipWhile(Boolean), take(1))).subscribe(function () { return _this.element.focus(); });
+        }
+        else {
+            this.element.focus();
+        }
+    };
+    TuiDefaultAutofocusHandler.ctorParameters = function () { return [
+        { type: undefined, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [TUI_FOCUSABLE_ITEM_ACCESSOR,] }] },
+        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
+        { type: Observable, decorators: [{ type: Inject, args: [ANIMATION_FRAME,] }] }
+    ]; };
+    TuiDefaultAutofocusHandler = __decorate([
+        Directive(),
+        __param(0, Optional()),
+        __param(0, Self()),
+        __param(0, Inject(TUI_FOCUSABLE_ITEM_ACCESSOR)),
+        __param(1, Inject(ElementRef)),
+        __param(2, Inject(ANIMATION_FRAME))
+    ], TuiDefaultAutofocusHandler);
+    return TuiDefaultAutofocusHandler;
+}(AbstractTuiAutofocusHandler));
+
+// @dynamic
+var TuiIosAutofocusHandler = /** @class */ (function (_super) {
+    __extends(TuiIosAutofocusHandler, _super);
+    function TuiIosAutofocusHandler(tuiFocusableComponent, elementRef, renderer, ngZone, windowRef) {
+        var _this = _super.call(this, tuiFocusableComponent, elementRef) || this;
+        _this.renderer = renderer;
+        _this.ngZone = ngZone;
+        _this.windowRef = windowRef;
+        _this.patchCssStyles();
+        return _this;
+    }
+    TuiIosAutofocusHandler.prototype.setFocus = function () {
+        var _this = this;
+        if (this.isTextFieldElement) {
+            this.ngZone.runOutsideAngular(function () { return _this.iosWebkitAutofocus(); });
+        }
+        else {
+            this.element.focus();
+        }
+    };
+    TuiIosAutofocusHandler.prototype.iosWebkitAutofocus = function () {
         var _this = this;
         var _a;
-        var fakeInput = this.renderer.createElement('input');
-        fakeInput.style.position = 'absolute';
-        fakeInput.style.opacity = '0';
-        fakeInput.style.height = '0';
-        var blurHandler = function () { return setNativeFocused(fakeInput); };
+        var fakeInput = this.makeFakeInput();
+        var duration = this.getDurationTimeBeforeFocus();
+        var fakeFocusTimeoutId = 0;
+        var elementFocusTimeoutId = 0;
+        var blurHandler = function () { return fakeInput.focus({ preventScroll: true }); };
         var focusHandler = function () {
-            setTimeout(function () {
-                setNativeFocused(_this.element);
-                /**
-                 * @note:
-                 * We can't remove the element immediately, because it breaks flow
-                 */
-                setTimeout(function () {
-                    fakeInput.removeEventListener('blur', blurHandler);
-                    fakeInput.removeEventListener('focus', focusHandler);
+            clearTimeout(fakeFocusTimeoutId);
+            fakeFocusTimeoutId = _this.windowRef.setTimeout(function () {
+                clearTimeout(elementFocusTimeoutId);
+                fakeInput.removeEventListener('blur', blurHandler);
+                fakeInput.removeEventListener('focus', focusHandler);
+                elementFocusTimeoutId = _this.windowRef.setTimeout(function () {
+                    _this.element.focus({ preventScroll: false });
                     fakeInput.remove();
-                });
+                }, duration);
             });
         };
-        /**
-         * @note: ping-pong eager strategy hack
-         * After creating an element and bringing it into DOM,
-         * the browser automatically focuses on the invisible element.
-         * And then, after focus is triggered, we try to focus on target element, and if we managed to refocus,
-         * then we try to focus again on an invisible element, so that the keyboard slowly appears.
-         * This ping pong allows the keyboard to not overlap the modal window.
-         */
         fakeInput.addEventListener('blur', blurHandler, { once: true });
         fakeInput.addEventListener('focus', focusHandler);
-        (_a = this.element.parentElement) === null || _a === void 0 ? void 0 : _a.appendChild(fakeInput);
-        setNativeFocused(fakeInput);
+        if (this.insideDialog()) {
+            this.windowRef.document.body.appendChild(fakeInput);
+        }
+        else {
+            (_a = this.element.parentElement) === null || _a === void 0 ? void 0 : _a.appendChild(fakeInput);
+        }
+        fakeInput.focus({ preventScroll: true });
     };
-    TuiAutoFocusDirective.ctorParameters = function () { return [
+    /**
+     * @note:
+     * emulate textfield position in layout with cursor
+     * before focus to real textfield element
+     */
+    TuiIosAutofocusHandler.prototype.makeFakeInput = function () {
+        var fakeInput = this.renderer.createElement('input');
+        var rect = this.element.getBoundingClientRect();
+        fakeInput.style.height = px(rect.height);
+        fakeInput.style.width = px(rect.width / 2);
+        fakeInput.style.position = 'fixed';
+        fakeInput.style.opacity = '0';
+        fakeInput.style.fontSize = px(16); // disable possible auto zoom
+        fakeInput.readOnly = true; // prevent keyboard for fake input
+        // @note: emulate position cursor before focus to real textfield element
+        fakeInput.style.top = px(rect.top);
+        fakeInput.style.left = px(rect.left);
+        return fakeInput;
+    };
+    TuiIosAutofocusHandler.prototype.getDurationTimeBeforeFocus = function () {
+        return (parseFloat(this.windowRef
+            .getComputedStyle(this.element)
+            .getPropertyValue('--tui-duration')) || 0);
+    };
+    /**
+     * @note:
+     * unfortunately, in older versions of iOS
+     * there is a bug that the fake input cursor
+     * will move along with the dialog animation
+     * and then that dialog will be shaking
+     */
+    TuiIosAutofocusHandler.prototype.insideDialog = function () {
+        return !!this.element.closest('tui-dialog');
+    };
+    /**
+     * @note:
+     * This is necessary so that the viewport isn't recalculated
+     * and then the dialogs don't shake.
+     *
+     * Also, we need to fixed height viewport,
+     * so that when focusing the dialogs don't shake
+     */
+    TuiIosAutofocusHandler.prototype.patchCssStyles = function () {
+        var e_1, _a;
+        var documentRef = this.windowRef.document;
+        try {
+            for (var _b = __values([documentRef.documentElement, documentRef.body]), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var element = _c.value;
+                element.style.setProperty('overflow', 'auto');
+                element.style.setProperty('height', '100%');
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+    };
+    TuiIosAutofocusHandler.ctorParameters = function () { return [
         { type: undefined, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [TUI_FOCUSABLE_ITEM_ACCESSOR,] }] },
-        { type: Boolean, decorators: [{ type: Inject, args: [TUI_IS_IOS,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [ANIMATION_FRAME,] }] },
-        { type: NgZone, decorators: [{ type: Inject, args: [NgZone,] }] },
         { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-        { type: Renderer2, decorators: [{ type: Inject, args: [Renderer2,] }] }
+        { type: Renderer2, decorators: [{ type: Inject, args: [Renderer2,] }] },
+        { type: NgZone, decorators: [{ type: Inject, args: [NgZone,] }] },
+        { type: Window, decorators: [{ type: Inject, args: [WINDOW,] }] }
+    ]; };
+    TuiIosAutofocusHandler = __decorate([
+        Directive(),
+        __param(0, Optional()),
+        __param(0, Self()),
+        __param(0, Inject(TUI_FOCUSABLE_ITEM_ACCESSOR)),
+        __param(1, Inject(ElementRef)),
+        __param(2, Inject(Renderer2)),
+        __param(3, Inject(NgZone)),
+        __param(4, Inject(WINDOW))
+    ], TuiIosAutofocusHandler);
+    return TuiIosAutofocusHandler;
+}(AbstractTuiAutofocusHandler));
+
+var TUI_AUTOFOCUS_HANDLER = new InjectionToken('Autofocusing handler');
+// TODO: 3.0 remove in ivy compilation
+function tuiAutofocusHandlerFactory(tuiFocusableComponent, elementRef, animationFrame$, renderer, ngZone, windowRef) {
+    return inject(TUI_IS_IOS)
+        ? new TuiIosAutofocusHandler(tuiFocusableComponent, elementRef, renderer, ngZone, windowRef)
+        : new TuiDefaultAutofocusHandler(tuiFocusableComponent, elementRef, animationFrame$);
+}
+var TUI_AUTOFOCUS_PROVIDERS = [
+    {
+        provide: TUI_AUTOFOCUS_HANDLER,
+        // TODO: replace to useClass in v3.0
+        useFactory: tuiAutofocusHandlerFactory,
+        deps: [
+            [new Optional(), new Self(), TUI_FOCUSABLE_ITEM_ACCESSOR],
+            ElementRef,
+            ANIMATION_FRAME,
+            Renderer2,
+            NgZone,
+            WINDOW,
+        ],
+    },
+];
+
+// TODO: 3.0 change input name to tuiAutoFocus and handle empty string
+var TuiAutoFocusDirective = /** @class */ (function () {
+    function TuiAutoFocusDirective(handler) {
+        this.handler = handler;
+        this.autoFocus = true;
+    }
+    TuiAutoFocusDirective.prototype.ngAfterViewInit = function () {
+        if (this.autoFocus) {
+            this.handler.setFocus();
+        }
+    };
+    TuiAutoFocusDirective.ctorParameters = function () { return [
+        { type: undefined, decorators: [{ type: Inject, args: [TUI_AUTOFOCUS_HANDLER,] }] }
     ]; };
     __decorate([
         Input()
@@ -102,15 +245,9 @@ var TuiAutoFocusDirective = /** @class */ (function () {
     TuiAutoFocusDirective = __decorate([
         Directive({
             selector: '[tuiAutoFocus]',
+            providers: TUI_AUTOFOCUS_PROVIDERS,
         }),
-        __param(0, Optional()),
-        __param(0, Self()),
-        __param(0, Inject(TUI_FOCUSABLE_ITEM_ACCESSOR)),
-        __param(1, Inject(TUI_IS_IOS)),
-        __param(2, Inject(ANIMATION_FRAME)),
-        __param(3, Inject(NgZone)),
-        __param(4, Inject(ElementRef)),
-        __param(5, Inject(Renderer2))
+        __param(0, Inject(TUI_AUTOFOCUS_HANDLER))
     ], TuiAutoFocusDirective);
     return TuiAutoFocusDirective;
 }());
@@ -131,5 +268,5 @@ var TuiAutoFocusModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { TuiAutoFocusDirective, TuiAutoFocusModule };
+export { AbstractTuiAutofocusHandler, TUI_AUTOFOCUS_HANDLER, TUI_AUTOFOCUS_PROVIDERS, TuiAutoFocusDirective, TuiAutoFocusModule, TuiDefaultAutofocusHandler, TuiIosAutofocusHandler, tuiAutofocusHandlerFactory };
 //# sourceMappingURL=taiga-ui-cdk-directives-auto-focus.js.map

package/fesm5/taiga-ui-cdk-directives-auto-focus.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-cdk-directives-auto-focus.js","sources":["ng://@taiga-ui/cdk/directives/auto-focus/autofocus.directive.ts","ng://@taiga-ui/cdk/directives/auto-focus/autofocus.module.ts","ng://@taiga-ui/cdk/directives/auto-focus/taiga-ui-cdk-directives-auto-focus.ts"],"sourcesContent":["import {\n    AfterViewInit,\n    Directive,\n    ElementRef,\n    Inject,\n    Input,\n    NgZone,\n    Optional,\n    Renderer2,\n    Self,\n} from '@angular/core';\nimport {ANIMATION_FRAME} from '@ng-web-apis/common';\nimport {POLLING_TIME} from '@taiga-ui/cdk/constants';\nimport {\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk/interfaces';\nimport {TUI_FOCUSABLE_ITEM_ACCESSOR, TUI_IS_IOS} from '@taiga-ui/cdk/tokens';\nimport {setNativeFocused} from '@taiga-ui/cdk/utils/focus';\nimport {Observable, race, timer} from 'rxjs';\nimport {map, skipWhile, take, throttleTime} from 'rxjs/operators';\n\nconst TIMEOUT = 1000;\nconst NG_ANIMATION_SELECTOR = '.ng-animating';\n\n// TODO: in 3.0 change input name to tuiAutoFocus and handle empty string\n// TODO: refactor on this whole thing in 3.0\n@Directive({\n    selector: '[tuiAutoFocus]',\n})\nexport class TuiAutoFocusDirective implements AfterViewInit {\n    @Input()\n    autoFocus = true;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(TUI_FOCUSABLE_ITEM_ACCESSOR)\n        private readonly tuiFocusableComponent: TuiFocusableElementAccessor | null,\n        @Inject(TUI_IS_IOS) private readonly isIos: boolean,\n        @Inject(ANIMATION_FRAME) private readonly animationFrame$: Observable<number>,\n        @Inject(NgZone)\n        private readonly ngZone: NgZone,\n        @Inject(ElementRef)\n        private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(Renderer2)\n        private readonly renderer: Renderer2,\n    ) {}\n\n    ngAfterViewInit(): void {\n        if (!this.autoFocus) {\n            return;\n        }\n\n        if (this.isTextFieldElement) {\n            if (this.isIos) {\n                this.ngZone.runOutsideAngular(() => this.iosWebkitAutofocus());\n            } else {\n                race(\n                    timer(TIMEOUT),\n                    this.animationFrame$.pipe(\n                        throttleTime(POLLING_TIME),\n                        map(() => this.element.closest(NG_ANIMATION_SELECTOR)),\n                        skipWhile(Boolean),\n                        take(1),\n                    ),\n                ).subscribe(() => setNativeFocused(this.element));\n            }\n\n            return;\n        }\n\n        setNativeFocused(this.element);\n    }\n\n    private get element(): TuiNativeFocusableElement {\n        return (\n            this.tuiFocusableComponent?.nativeFocusableElement ||\n            this.elementRef.nativeElement\n        );\n    }\n\n    private get isTextFieldElement(): boolean {\n        return this.element.matches('input, textarea');\n    }\n\n    private iosWebkitAutofocus(): void {\n        const fakeInput: HTMLElement = this.renderer.createElement('input');\n\n        fakeInput.style.position = 'absolute';\n        fakeInput.style.opacity = '0';\n        fakeInput.style.height = '0';\n\n        const blurHandler = (): void => setNativeFocused(fakeInput);\n        const focusHandler = (): void => {\n            setTimeout(() => {\n                setNativeFocused(this.element);\n\n                /**\n                 * @note:\n                 * We can't remove the element immediately, because it breaks flow\n                 */\n                setTimeout(() => {\n                    fakeInput.removeEventListener('blur', blurHandler);\n                    fakeInput.removeEventListener('focus', focusHandler);\n                    fakeInput.remove();\n                });\n            });\n        };\n\n        /**\n         * @note: ping-pong eager strategy hack\n         * After creating an element and bringing it into DOM,\n         * the browser automatically focuses on the invisible element.\n         * And then, after focus is triggered, we try to focus on target element, and if we managed to refocus,\n         * then we try to focus again on an invisible element, so that the keyboard slowly appears.\n         * This ping pong allows the keyboard to not overlap the modal window.\n         */\n        fakeInput.addEventListener('blur', blurHandler, {once: true});\n        fakeInput.addEventListener('focus', focusHandler);\n\n        this.element.parentElement?.appendChild(fakeInput);\n\n        setNativeFocused(fakeInput);\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiAutoFocusDirective} from './autofocus.directive';\n\n@NgModule({\n    declarations: [TuiAutoFocusDirective],\n    exports: [TuiAutoFocusDirective],\n})\nexport class TuiAutoFocusModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-cdk-directives-auto-focus.js","sources":["ng://@taiga-ui/cdk/directives/auto-focus/handlers/abstract.handler.ts","ng://@taiga-ui/cdk/directives/auto-focus/handlers/default.handler.ts","ng://@taiga-ui/cdk/directives/auto-focus/handlers/ios.handler.ts","ng://@taiga-ui/cdk/directives/auto-focus/autofocus.options.ts","ng://@taiga-ui/cdk/directives/auto-focus/autofocus.directive.ts","ng://@taiga-ui/cdk/directives/auto-focus/autofocus.module.ts","ng://@taiga-ui/cdk/directives/auto-focus/taiga-ui-cdk-directives-auto-focus.ts"],"sourcesContent":["import {Directive, ElementRef} from '@angular/core';\nimport {\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk/interfaces';\n\nimport {TuiAutofocusHandler} from '../autofocus.options';\n\n@Directive()\nexport abstract class AbstractTuiAutofocusHandler implements TuiAutofocusHandler {\n    protected constructor(\n        protected readonly tuiFocusableComponent: TuiFocusableElementAccessor | null,\n        protected readonly elementRef: ElementRef<HTMLElement>,\n    ) {}\n\n    protected get element(): TuiNativeFocusableElement {\n        return (\n            this.tuiFocusableComponent?.nativeFocusableElement ||\n            this.elementRef.nativeElement\n        );\n    }\n\n    protected get isTextFieldElement(): boolean {\n        return this.element.matches('input, textarea');\n    }\n\n    abstract setFocus(): void;\n}\n","import {Directive, ElementRef, Inject, Optional, Self} from '@angular/core';\nimport {ANIMATION_FRAME} from '@ng-web-apis/common';\nimport {POLLING_TIME} from '@taiga-ui/cdk/constants';\nimport {TuiFocusableElementAccessor} from '@taiga-ui/cdk/interfaces';\nimport {TUI_FOCUSABLE_ITEM_ACCESSOR} from '@taiga-ui/cdk/tokens';\nimport {Observable, race, timer} from 'rxjs';\nimport {map, skipWhile, take, throttleTime} from 'rxjs/operators';\n\nimport {AbstractTuiAutofocusHandler} from './abstract.handler';\n\nconst TIMEOUT = 1000;\nconst NG_ANIMATION_SELECTOR = '.ng-animating';\n\n@Directive()\nexport class TuiDefaultAutofocusHandler extends AbstractTuiAutofocusHandler {\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(TUI_FOCUSABLE_ITEM_ACCESSOR)\n        tuiFocusableComponent: TuiFocusableElementAccessor | null,\n        @Inject(ElementRef) elementRef: ElementRef<HTMLElement>,\n        @Inject(ANIMATION_FRAME) private readonly animationFrame$: Observable<number>,\n    ) {\n        super(tuiFocusableComponent, elementRef);\n    }\n\n    setFocus(): void {\n        if (this.isTextFieldElement) {\n            race(\n                timer(TIMEOUT),\n                this.animationFrame$.pipe(\n                    throttleTime(POLLING_TIME),\n                    map(() => this.element.closest(NG_ANIMATION_SELECTOR)),\n                    skipWhile(Boolean),\n                    take(1),\n                ),\n            ).subscribe(() => this.element.focus());\n        } else {\n            this.element.focus();\n        }\n    }\n}\n","import {\n    Directive,\n    ElementRef,\n    Inject,\n    NgZone,\n    Optional,\n    Renderer2,\n    Self,\n} from '@angular/core';\nimport {WINDOW} from '@ng-web-apis/common';\nimport {TuiFocusableElementAccessor} from '@taiga-ui/cdk/interfaces';\nimport {TUI_FOCUSABLE_ITEM_ACCESSOR} from '@taiga-ui/cdk/tokens';\nimport {px} from '@taiga-ui/cdk/utils';\n\nimport {AbstractTuiAutofocusHandler} from './abstract.handler';\n\n// @dynamic\n@Directive()\nexport class TuiIosAutofocusHandler extends AbstractTuiAutofocusHandler {\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(TUI_FOCUSABLE_ITEM_ACCESSOR)\n        tuiFocusableComponent: TuiFocusableElementAccessor | null,\n        @Inject(ElementRef) elementRef: ElementRef<HTMLElement>,\n        @Inject(Renderer2) private readonly renderer: Renderer2,\n        @Inject(NgZone) private readonly ngZone: NgZone,\n        @Inject(WINDOW) private readonly windowRef: Window,\n    ) {\n        super(tuiFocusableComponent, elementRef);\n        this.patchCssStyles();\n    }\n\n    setFocus(): void {\n        if (this.isTextFieldElement) {\n            this.ngZone.runOutsideAngular(() => this.iosWebkitAutofocus());\n        } else {\n            this.element.focus();\n        }\n    }\n\n    private iosWebkitAutofocus(): void {\n        const fakeInput: HTMLInputElement = this.makeFakeInput();\n        const duration = this.getDurationTimeBeforeFocus();\n        let fakeFocusTimeoutId = 0;\n        let elementFocusTimeoutId = 0;\n\n        const blurHandler = (): void => fakeInput.focus({preventScroll: true});\n        const focusHandler = (): void => {\n            clearTimeout(fakeFocusTimeoutId);\n\n            fakeFocusTimeoutId = this.windowRef.setTimeout(() => {\n                clearTimeout(elementFocusTimeoutId);\n\n                fakeInput.removeEventListener('blur', blurHandler);\n                fakeInput.removeEventListener('focus', focusHandler);\n\n                elementFocusTimeoutId = this.windowRef.setTimeout(() => {\n                    this.element.focus({preventScroll: false});\n                    fakeInput.remove();\n                }, duration);\n            });\n        };\n\n        fakeInput.addEventListener('blur', blurHandler, {once: true});\n        fakeInput.addEventListener('focus', focusHandler);\n\n        if (this.insideDialog()) {\n            this.windowRef.document.body.appendChild(fakeInput);\n        } else {\n            this.element.parentElement?.appendChild(fakeInput);\n        }\n\n        fakeInput.focus({preventScroll: true});\n    }\n\n    /**\n     * @note:\n     * emulate textfield position in layout with cursor\n     * before focus to real textfield element\n     */\n    private makeFakeInput(): HTMLInputElement {\n        const fakeInput: HTMLInputElement = this.renderer.createElement('input');\n        const rect: DOMRect = this.element.getBoundingClientRect();\n\n        fakeInput.style.height = px(rect.height);\n        fakeInput.style.width = px(rect.width / 2);\n        fakeInput.style.position = 'fixed';\n        fakeInput.style.opacity = '0';\n        fakeInput.style.fontSize = px(16); // disable possible auto zoom\n        fakeInput.readOnly = true; // prevent keyboard for fake input\n\n        // @note: emulate position cursor before focus to real textfield element\n        fakeInput.style.top = px(rect.top);\n        fakeInput.style.left = px(rect.left);\n\n        return fakeInput;\n    }\n\n    private getDurationTimeBeforeFocus(): number {\n        return (\n            parseFloat(\n                this.windowRef\n                    .getComputedStyle(this.element)\n                    .getPropertyValue('--tui-duration'),\n            ) || 0\n        );\n    }\n\n    /**\n     * @note:\n     * unfortunately, in older versions of iOS\n     * there is a bug that the fake input cursor\n     * will move along with the dialog animation\n     * and then that dialog will be shaking\n     */\n    private insideDialog(): boolean {\n        return !!this.element.closest('tui-dialog');\n    }\n\n    /**\n     * @note:\n     * This is necessary so that the viewport isn't recalculated\n     * and then the dialogs don't shake.\n     *\n     * Also, we need to fixed height viewport,\n     * so that when focusing the dialogs don't shake\n     */\n    private patchCssStyles(): void {\n        const documentRef = this.windowRef.document;\n\n        for (const element of [documentRef.documentElement, documentRef.body]) {\n            element.style.setProperty('overflow', 'auto');\n            element.style.setProperty('height', '100%');\n        }\n    }\n}\n","import {\n    ElementRef,\n    inject,\n    InjectionToken,\n    NgZone,\n    Optional,\n    Renderer2,\n    Self,\n} from '@angular/core';\nimport {ANIMATION_FRAME, WINDOW} from '@ng-web-apis/common';\nimport {TuiFocusableElementAccessor} from '@taiga-ui/cdk/interfaces';\nimport {TUI_FOCUSABLE_ITEM_ACCESSOR, TUI_IS_IOS} from '@taiga-ui/cdk/tokens';\nimport {Observable} from 'rxjs';\n\nimport {TuiDefaultAutofocusHandler} from './handlers/default.handler';\nimport {TuiIosAutofocusHandler} from './handlers/ios.handler';\n\nexport interface TuiAutofocusHandler {\n    setFocus(): void;\n}\n\nexport const TUI_AUTOFOCUS_HANDLER = new InjectionToken<TuiAutofocusHandler>(\n    'Autofocusing handler',\n);\n\n// TODO: 3.0 remove in ivy compilation\nexport function tuiAutofocusHandlerFactory(\n    tuiFocusableComponent: TuiFocusableElementAccessor | null,\n    elementRef: ElementRef<HTMLElement>,\n    animationFrame$: Observable<number>,\n    renderer: Renderer2,\n    ngZone: NgZone,\n    windowRef: Window,\n): TuiAutofocusHandler {\n    return inject(TUI_IS_IOS)\n        ? new TuiIosAutofocusHandler(\n              tuiFocusableComponent,\n              elementRef,\n              renderer,\n              ngZone,\n              windowRef,\n          )\n        : new TuiDefaultAutofocusHandler(\n              tuiFocusableComponent,\n              elementRef,\n              animationFrame$,\n          );\n}\n\nexport const TUI_AUTOFOCUS_PROVIDERS = [\n    {\n        provide: TUI_AUTOFOCUS_HANDLER,\n        // TODO: replace to useClass in v3.0\n        useFactory: tuiAutofocusHandlerFactory,\n        deps: [\n            [new Optional(), new Self(), TUI_FOCUSABLE_ITEM_ACCESSOR],\n            ElementRef,\n            ANIMATION_FRAME,\n            Renderer2,\n            NgZone,\n            WINDOW,\n        ],\n    },\n];\n","import {AfterViewInit, Directive, Inject, Input} from '@angular/core';\n\nimport {\n    TUI_AUTOFOCUS_HANDLER,\n    TUI_AUTOFOCUS_PROVIDERS,\n    TuiAutofocusHandler,\n} from './autofocus.options';\n\n// TODO: 3.0 change input name to tuiAutoFocus and handle empty string\n@Directive({\n    selector: '[tuiAutoFocus]',\n    providers: TUI_AUTOFOCUS_PROVIDERS,\n})\nexport class TuiAutoFocusDirective implements AfterViewInit {\n    @Input()\n    autoFocus = true;\n\n    constructor(\n        @Inject(TUI_AUTOFOCUS_HANDLER) private readonly handler: TuiAutofocusHandler,\n    ) {}\n\n    ngAfterViewInit(): void {\n        if (this.autoFocus) {\n            this.handler.setFocus();\n        }\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiAutoFocusDirective} from './autofocus.directive';\n\n@NgModule({\n    declarations: [TuiAutoFocusDirective],\n    exports: [TuiAutoFocusDirective],\n})\nexport class TuiAutoFocusModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-cdk-directives-autofilled.js

@@ -1,38 +1,53 @@
 import { __decorate, __param } from 'tslib';
-import { ElementRef, Inject, Output, Directive, NgModule } from '@angular/core';
-import { typedFromEvent } from '@taiga-ui/cdk/observables';
+import { Component, ViewEncapsulation, EventEmitter, Inject, HostBinding, Output, HostListener, Directive, NgModule } from '@angular/core';
 import { TuiDirectiveStylesService } from '@taiga-ui/cdk/services';
-import { map, skip } from 'rxjs/operators';
 
-var ON = 'tuiAutofillOn';
-var OFF = 'tuiAutofillOff';
-var STYLE = "\n@keyframes " + ON + " {\n    from {\n        content: '1';\n    }\n\n    to {\n        content: '2';\n    }\n}\n\n@keyframes " + OFF + " {\n    from {\n        content: '2';\n    }\n\n    to {\n        content: '1';\n    }\n}";
-// @dynamic
+var TuiAutofilledStyleComponent = /** @class */ (function () {
+    function TuiAutofilledStyleComponent() {
+    }
+    TuiAutofilledStyleComponent = __decorate([
+        Component({
+            template: '',
+            encapsulation: ViewEncapsulation.None,
+            styles: [".tui-autofill,.tui-autofill input{transition:box-shadow 10ms}.tui-autofill input::-webkit-credit-card-auto-fill-button,.tui-autofill::-webkit-credit-card-auto-fill-button{pointer-events:none;background-color:transparent!important;-webkit-mask-image:none!important}"]
+        })
+    ], TuiAutofilledStyleComponent);
+    return TuiAutofilledStyleComponent;
+}());
+
 var TuiAutofilledDirective = /** @class */ (function () {
-    function TuiAutofilledDirective(elementRef, directiveStyles) {
-        this.elementRef = elementRef;
-        this.tuiAutofilledChange = typedFromEvent(this.elementRef.nativeElement, 'animationstart').pipe(map(function (_a) {
-            var animationName = _a.animationName;
-            return animationName === ON;
-        }), skip(1));
-        directiveStyles.addStyle(STYLE, 'TuiAutofilledDirective');
+    function TuiAutofilledDirective(directiveStyles) {
+        this.autofilled = false;
+        this.tuiAutofilledChange = new EventEmitter();
+        directiveStyles.addComponent(TuiAutofilledStyleComponent);
     }
+    TuiAutofilledDirective.prototype.transitionStartHandler = function (_a) {
+        var propertyName = _a.propertyName, target = _a.target;
+        var _b;
+        var matchedAutofill = propertyName.includes('box-shadow') && ((_b = target) === null || _b === void 0 ? void 0 : _b.matches('input'));
+        if (matchedAutofill) {
+            this.autofilled = !this.autofilled;
+            this.tuiAutofilledChange.emit(this.autofilled);
+        }
+    };
     TuiAutofilledDirective.ctorParameters = function () { return [
-        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
         { type: TuiDirectiveStylesService, decorators: [{ type: Inject, args: [TuiDirectiveStylesService,] }] }
     ]; };
+    __decorate([
+        HostBinding('class._autofilled')
+    ], TuiAutofilledDirective.prototype, "autofilled", void 0);
     __decorate([
         Output()
     ], TuiAutofilledDirective.prototype, "tuiAutofilledChange", void 0);
+    __decorate([
+        HostListener('transitionstart', ['$event'])
+    ], TuiAutofilledDirective.prototype, "transitionStartHandler", null);
     TuiAutofilledDirective = __decorate([
         Directive({
             selector: '[tuiAutofilledChange]',
-            host: {
-                class: 'tui-autofill',
-            },
+            host: { class: 'tui-autofill' },
         }),
-        __param(0, Inject(ElementRef)),
-        __param(1, Inject(TuiDirectiveStylesService))
+        __param(0, Inject(TuiDirectiveStylesService))
     ], TuiAutofilledDirective);
     return TuiAutofilledDirective;
 }());
@@ -42,8 +57,9 @@ var TuiAutofilledModule = /** @class */ (function () {
     }
     TuiAutofilledModule = __decorate([
         NgModule({
-            declarations: [TuiAutofilledDirective],
             exports: [TuiAutofilledDirective],
+            entryComponents: [TuiAutofilledStyleComponent],
+            declarations: [TuiAutofilledDirective, TuiAutofilledStyleComponent],
         })
     ], TuiAutofilledModule);
     return TuiAutofilledModule;
@@ -53,5 +69,5 @@ var TuiAutofilledModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { TuiAutofilledDirective, TuiAutofilledModule };
+export { TuiAutofilledDirective, TuiAutofilledModule, TuiAutofilledStyleComponent };
 //# sourceMappingURL=taiga-ui-cdk-directives-autofilled.js.map

package/fesm5/taiga-ui-cdk-directives-autofilled.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-cdk-directives-autofilled.js","sources":["ng://@taiga-ui/cdk/directives/autofilled/autofilled.directive.ts","ng://@taiga-ui/cdk/directives/autofilled/autofilled.module.ts","ng://@taiga-ui/cdk/directives/autofilled/taiga-ui-cdk-directives-autofilled.ts"],"sourcesContent":["import {Directive, ElementRef, Inject, Output} from '@angular/core';\nimport {typedFromEvent} from '@taiga-ui/cdk/observables';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk/services';\nimport {map, skip} from 'rxjs/operators';\n\nconst ON = 'tuiAutofillOn';\nconst OFF = 'tuiAutofillOff';\nconst STYLE = `\n@keyframes ${ON} {\n    from {\n        content: '1';\n    }\n\n    to {\n        content: '2';\n    }\n}\n\n@keyframes ${OFF} {\n    from {\n        content: '2';\n    }\n\n    to {\n        content: '1';\n    }\n}`;\n\n// @dynamic\n@Directive({\n    selector: '[tuiAutofilledChange]',\n    host: {\n        class: 'tui-autofill',\n    },\n})\nexport class TuiAutofilledDirective {\n    @Output()\n    readonly tuiAutofilledChange = typedFromEvent(\n        this.elementRef.nativeElement,\n        'animationstart',\n    ).pipe(\n        map(({animationName}) => animationName === ON),\n        skip(1),\n    );\n\n    constructor(\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLInputElement>,\n        @Inject(TuiDirectiveStylesService)\n        directiveStyles: TuiDirectiveStylesService,\n    ) {\n        directiveStyles.addStyle(STYLE, 'TuiAutofilledDirective');\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiAutofilledDirective} from './autofilled.directive';\n\n@NgModule({\n    declarations: [TuiAutofilledDirective],\n    exports: [TuiAutofilledDirective],\n})\nexport class TuiAutofilledModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAKA,IAAM,EAAE,GAAG,eAAe,CAAC;AAC3B,IAAM,GAAG,GAAG,gBAAgB,CAAC;AAC7B,IAAM,KAAK,GAAG,kBACD,EAAE,gHAUF,GAAG,8FAQd,CAAC;AAEH;;IAiBI,gCACyC,UAAwC,EAE7E,eAA0C;QAFL,eAAU,GAAV,UAAU,CAA8B;QATxE,wBAAmB,GAAG,cAAc,CACzC,IAAI,CAAC,UAAU,CAAC,aAAa,EAC7B,gBAAgB,CACnB,CAAC,IAAI,CACF,GAAG,CAAC,UAAC,EAAe;gBAAd,gCAAa;YAAM,OAAA,aAAa,KAAK,EAAE;SAAA,CAAC,EAC9C,IAAI,CAAC,CAAC,CAAC,CACV,CAAC;QAOE,eAAe,CAAC,QAAQ,CAAC,KAAK,EAAE,wBAAwB,CAAC,CAAC;KAC7D;;gBALoD,UAAU,uBAA1D,MAAM,SAAC,UAAU;gBAED,yBAAyB,uBADzC,MAAM,SAAC,yBAAyB;;IAVrC;QADC,MAAM,EAAE;uEAOP;IARO,sBAAsB;QANlC,SAAS,CAAC;YACP,QAAQ,EAAE,uBAAuB;YACjC,IAAI,EAAE;gBACF,KAAK,EAAE,cAAc;aACxB;SACJ,CAAC;QAYO,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;QAClB,WAAA,MAAM,CAAC,yBAAyB,CAAC,CAAA;OAZ7B,sBAAsB,CAiBlC;IAAD,6BAAC;CAjBD;;;IC3BA;KAAmC;IAAtB,mBAAmB;QAJ/B,QAAQ,CAAC;YACN,YAAY,EAAE,CAAC,sBAAsB,CAAC;YACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;SACpC,CAAC;OACW,mBAAmB,CAAG;IAAD,0BAAC;CAAnC;;ACRA;;;;;;"}
+{"version":3,"file":"taiga-ui-cdk-directives-autofilled.js","sources":["ng://@taiga-ui/cdk/directives/autofilled/autofilled-style.component.ts","ng://@taiga-ui/cdk/directives/autofilled/autofilled.directive.ts","ng://@taiga-ui/cdk/directives/autofilled/autofilled.module.ts","ng://@taiga-ui/cdk/directives/autofilled/taiga-ui-cdk-directives-autofilled.ts"],"sourcesContent":["import {Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    template: '',\n    styleUrls: ['./autofilled.style.less'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class TuiAutofilledStyleComponent {}\n","import {\n    Directive,\n    EventEmitter,\n    HostBinding,\n    HostListener,\n    Inject,\n    Output,\n} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk/services';\n\nimport {TuiAutofilledStyleComponent} from './autofilled-style.component';\n\n@Directive({\n    selector: '[tuiAutofilledChange]',\n    host: {class: 'tui-autofill'},\n})\nexport class TuiAutofilledDirective {\n    @HostBinding('class._autofilled')\n    autofilled = false;\n\n    @Output()\n    readonly tuiAutofilledChange = new EventEmitter<boolean>();\n\n    constructor(\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n    ) {\n        directiveStyles.addComponent(TuiAutofilledStyleComponent);\n    }\n\n    @HostListener('transitionstart', ['$event'])\n    transitionStartHandler({propertyName, target}: TransitionEvent): void {\n        const matchedAutofill =\n            propertyName.includes('box-shadow') && (target as Element)?.matches('input');\n\n        if (matchedAutofill) {\n            this.autofilled = !this.autofilled;\n            this.tuiAutofilledChange.emit(this.autofilled);\n        }\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiAutofilledDirective} from './autofilled.directive';\nimport {TuiAutofilledStyleComponent} from './autofilled-style.component';\n\n@NgModule({\n    exports: [TuiAutofilledDirective],\n    entryComponents: [TuiAutofilledStyleComponent],\n    declarations: [TuiAutofilledDirective, TuiAutofilledStyleComponent],\n})\nexport class TuiAutofilledModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;IAOA;KAA2C;IAA9B,2BAA2B;QALvC,SAAS,CAAC;YACP,QAAQ,EAAE,EAAE;YAEZ,aAAa,EAAE,iBAAiB,CAAC,IAAI;;SACxC,CAAC;OACW,2BAA2B,CAAG;IAAD,kCAAC;CAA3C;;;ICgBI,gCACuC,eAA0C;QANjF,eAAU,GAAG,KAAK,CAAC;QAGV,wBAAmB,GAAG,IAAI,YAAY,EAAW,CAAC;QAKvD,eAAe,CAAC,YAAY,CAAC,2BAA2B,CAAC,CAAC;KAC7D;IAGD,uDAAsB,GAAtB,UAAuB,EAAuC;YAAtC,8BAAY,EAAE,kBAAM;;QACxC,IAAM,eAAe,GACjB,YAAY,CAAC,QAAQ,CAAC,YAAY,CAAC,WAAK,MAAkB,0CAAE,OAAO,CAAC,OAAO,EAAC,CAAC;QAEjF,IAAI,eAAe,EAAE;YACjB,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;YACnC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAClD;KACJ;;gBAduD,yBAAyB,uBAA5E,MAAM,SAAC,yBAAyB;;IANrC;QADC,WAAW,CAAC,mBAAmB,CAAC;8DACd;IAGnB;QADC,MAAM,EAAE;uEACkD;IAS3D;QADC,YAAY,CAAC,iBAAiB,EAAE,CAAC,QAAQ,CAAC,CAAC;wEAS3C;IAtBQ,sBAAsB;QAJlC,SAAS,CAAC;YACP,QAAQ,EAAE,uBAAuB;YACjC,IAAI,EAAE,EAAC,KAAK,EAAE,cAAc,EAAC;SAChC,CAAC;QASO,WAAA,MAAM,CAAC,yBAAyB,CAAC,CAAA;OAR7B,sBAAsB,CAuBlC;IAAD,6BAAC;CAvBD;;;ICNA;KAAmC;IAAtB,mBAAmB;QAL/B,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,sBAAsB,CAAC;YACjC,eAAe,EAAE,CAAC,2BAA2B,CAAC;YAC9C,YAAY,EAAE,CAAC,sBAAsB,EAAE,2BAA2B,CAAC;SACtE,CAAC;OACW,mBAAmB,CAAG;IAAD,0BAAC;CAAnC;;ACVA;;;;;;"}

package/fesm5/taiga-ui-cdk-directives-for-async.js

@@ -0,0 +1,73 @@
+import { __decorate, __param } from 'tslib';
+import { ViewContainerRef, Inject, TemplateRef, Input, Directive, NgModule } from '@angular/core';
+import { Subject, from, of } from 'rxjs';
+import { concatMap, delay, takeUntil } from 'rxjs/operators';
+
+var TuiForAsyncDirective = /** @class */ (function () {
+    function TuiForAsyncDirective(view, template) {
+        this.view = view;
+        this.template = template;
+        this.destroy$ = new Subject();
+        this.tuiForAsyncTimeout = 10;
+    }
+    TuiForAsyncDirective.prototype.ngOnChanges = function () {
+        this.clearViewForOldNodes();
+        this.createAsyncViewForNewNodes();
+    };
+    TuiForAsyncDirective.prototype.ngOnDestroy = function () {
+        this.clearViewForOldNodes();
+        this.destroy$.complete();
+    };
+    TuiForAsyncDirective.prototype.createAsyncViewForNewNodes = function () {
+        var _this = this;
+        from(this.tuiForAsyncOf || [])
+            .pipe(concatMap(function (item) { return of(item).pipe(delay(_this.tuiForAsyncTimeout)); }), takeUntil(this.destroy$))
+            .subscribe(function (item) {
+            return _this.view
+                .createEmbeddedView(_this.template, { $implicit: item })
+                .detectChanges();
+        });
+    };
+    TuiForAsyncDirective.prototype.clearViewForOldNodes = function () {
+        this.destroy$.next();
+        this.view.clear();
+    };
+    TuiForAsyncDirective.ctorParameters = function () { return [
+        { type: ViewContainerRef, decorators: [{ type: Inject, args: [ViewContainerRef,] }] },
+        { type: TemplateRef, decorators: [{ type: Inject, args: [TemplateRef,] }] }
+    ]; };
+    __decorate([
+        Input()
+    ], TuiForAsyncDirective.prototype, "tuiForAsyncOf", void 0);
+    __decorate([
+        Input()
+    ], TuiForAsyncDirective.prototype, "tuiForAsyncTimeout", void 0);
+    TuiForAsyncDirective = __decorate([
+        Directive({ selector: '[tuiForAsync][tuiForAsyncOf]' }),
+        __param(0, Inject(ViewContainerRef)),
+        __param(1, Inject(TemplateRef))
+    ], TuiForAsyncDirective);
+    return TuiForAsyncDirective;
+}());
+
+/**
+ * @experimental
+ */
+var TuiForAsyncModule = /** @class */ (function () {
+    function TuiForAsyncModule() {
+    }
+    TuiForAsyncModule = __decorate([
+        NgModule({
+            declarations: [TuiForAsyncDirective],
+            exports: [TuiForAsyncDirective],
+        })
+    ], TuiForAsyncModule);
+    return TuiForAsyncModule;
+}());
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiForAsyncDirective, TuiForAsyncModule };
+//# sourceMappingURL=taiga-ui-cdk-directives-for-async.js.map

package/fesm5/taiga-ui-cdk-directives-for-async.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-cdk-directives-for-async.js","sources":["ng://@taiga-ui/cdk/directives/for-async/for-async.directive.ts","ng://@taiga-ui/cdk/directives/for-async/for-async.module.ts","ng://@taiga-ui/cdk/directives/for-async/taiga-ui-cdk-directives-for-async.ts"],"sourcesContent":["import {\n    Directive,\n    Inject,\n    Input,\n    OnChanges,\n    OnDestroy,\n    TemplateRef,\n    ViewContainerRef,\n} from '@angular/core';\nimport {from, of, Subject} from 'rxjs';\nimport {concatMap, delay, takeUntil} from 'rxjs/operators';\n\n@Directive({selector: '[tuiForAsync][tuiForAsyncOf]'})\nexport class TuiForAsyncDirective<T> implements OnChanges, OnDestroy {\n    private readonly destroy$ = new Subject<void>();\n\n    @Input()\n    tuiForAsyncOf: readonly T[] | undefined | null;\n\n    @Input()\n    tuiForAsyncTimeout = 10;\n\n    constructor(\n        @Inject(ViewContainerRef) private readonly view: ViewContainerRef,\n        @Inject(TemplateRef) private readonly template: TemplateRef<unknown>,\n    ) {}\n\n    ngOnChanges(): void {\n        this.clearViewForOldNodes();\n        this.createAsyncViewForNewNodes();\n    }\n\n    ngOnDestroy(): void {\n        this.clearViewForOldNodes();\n        this.destroy$.complete();\n    }\n\n    private createAsyncViewForNewNodes(): void {\n        from(this.tuiForAsyncOf || [])\n            .pipe(\n                concatMap(item => of(item).pipe(delay(this.tuiForAsyncTimeout))),\n                takeUntil(this.destroy$),\n            )\n            .subscribe(item =>\n                this.view\n                    .createEmbeddedView(this.template, {$implicit: item})\n                    .detectChanges(),\n            );\n    }\n\n    private clearViewForOldNodes(): void {\n        this.destroy$.next();\n        this.view.clear();\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiForAsyncDirective} from './for-async.directive';\n\n/**\n * @experimental\n */\n@NgModule({\n    declarations: [TuiForAsyncDirective],\n    exports: [TuiForAsyncDirective],\n})\nexport class TuiForAsyncModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;IAsBI,8BAC+C,IAAsB,EAC3B,QAA8B;QADzB,SAAI,GAAJ,IAAI,CAAkB;QAC3B,aAAQ,GAAR,QAAQ,CAAsB;QAVvD,aAAQ,GAAG,IAAI,OAAO,EAAQ,CAAC;QAMhD,uBAAkB,GAAG,EAAE,CAAC;KAKpB;IAEJ,0CAAW,GAAX;QACI,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAI,CAAC,0BAA0B,EAAE,CAAC;KACrC;IAED,0CAAW,GAAX;QACI,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;KAC5B;IAEO,yDAA0B,GAAlC;QAAA,iBAWC;QAVG,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,EAAE,CAAC;aACzB,IAAI,CACD,SAAS,CAAC,UAAA,IAAI,IAAI,OAAA,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAI,CAAC,kBAAkB,CAAC,CAAC,GAAA,CAAC,EAChE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAC3B;aACA,SAAS,CAAC,UAAA,IAAI;YACX,OAAA,KAAI,CAAC,IAAI;iBACJ,kBAAkB,CAAC,KAAI,CAAC,QAAQ,EAAE,EAAC,SAAS,EAAE,IAAI,EAAC,CAAC;iBACpD,aAAa,EAAE;SAAA,CACvB,CAAC;KACT;IAEO,mDAAoB,GAA5B;QACI,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QACrB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;KACrB;;gBA9BoD,gBAAgB,uBAAhE,MAAM,SAAC,gBAAgB;gBACwB,WAAW,uBAA1D,MAAM,SAAC,WAAW;;IAPvB;QADC,KAAK,EAAE;+DACuC;IAG/C;QADC,KAAK,EAAE;oEACgB;IAPf,oBAAoB;QADhC,SAAS,CAAC,EAAC,QAAQ,EAAE,8BAA8B,EAAC,CAAC;QAW7C,WAAA,MAAM,CAAC,gBAAgB,CAAC,CAAA;QACxB,WAAA,MAAM,CAAC,WAAW,CAAC,CAAA;OAXf,oBAAoB,CAyChC;IAAD,2BAAC;CAzCD;;ACTA;;;;IAOA;KAAiC;IAApB,iBAAiB;QAJ7B,QAAQ,CAAC;YACN,YAAY,EAAE,CAAC,oBAAoB,CAAC;YACpC,OAAO,EAAE,CAAC,oBAAoB,CAAC;SAClC,CAAC;OACW,iBAAiB,CAAG;IAAD,wBAAC;CAAjC;;ACXA;;;;;;"}

package/fesm5/taiga-ui-cdk-directives-item.js

@@ -3,7 +3,7 @@ import { Directive, NgModule } from '@angular/core';
 
 /**
  * Blank directive to query for {@link TemplateRef}
- * TODO: Migrate everything to this directive
+ * TODO: 3.0 Migrate everything to this directive
  */
 var TuiItemDirective = /** @class */ (function () {
     function TuiItemDirective() {

package/fesm5/taiga-ui-cdk-directives-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-cdk-directives-item.js","sources":["ng://@taiga-ui/cdk/directives/item/item.directive.ts","ng://@taiga-ui/cdk/directives/item/item.module.ts","ng://@taiga-ui/cdk/directives/item/taiga-ui-cdk-directives-item.ts"],"sourcesContent":["import {Directive} from '@angular/core';\n\n/**\n * Blank directive to query for {@link TemplateRef}\n * TODO: Migrate everything to this directive\n */\n@Directive({\n    selector: 'ng-template[tuiItem]',\n})\nexport class TuiItemDirective {}\n","import {NgModule} from '@angular/core';\n\nimport {TuiItemDirective} from './item.directive';\n\n@NgModule({\n    declarations: [TuiItemDirective],\n    exports: [TuiItemDirective],\n})\nexport class TuiItemModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAEA;;;;;IAOA;KAAgC;IAAnB,gBAAgB;QAH5B,SAAS,CAAC;YACP,QAAQ,EAAE,sBAAsB;SACnC,CAAC;OACW,gBAAgB,CAAG;IAAD,uBAAC;CAAhC;;;ICDA;KAA6B;IAAhB,aAAa;QAJzB,QAAQ,CAAC;YACN,YAAY,EAAE,CAAC,gBAAgB,CAAC;YAChC,OAAO,EAAE,CAAC,gBAAgB,CAAC;SAC9B,CAAC;OACW,aAAa,CAAG;IAAD,oBAAC;CAA7B;;ACRA;;;;;;"}
+{"version":3,"file":"taiga-ui-cdk-directives-item.js","sources":["ng://@taiga-ui/cdk/directives/item/item.directive.ts","ng://@taiga-ui/cdk/directives/item/item.module.ts","ng://@taiga-ui/cdk/directives/item/taiga-ui-cdk-directives-item.ts"],"sourcesContent":["import {Directive} from '@angular/core';\n\n/**\n * Blank directive to query for {@link TemplateRef}\n * TODO: 3.0 Migrate everything to this directive\n */\n@Directive({\n    selector: 'ng-template[tuiItem]',\n})\nexport class TuiItemDirective {}\n","import {NgModule} from '@angular/core';\n\nimport {TuiItemDirective} from './item.directive';\n\n@NgModule({\n    declarations: [TuiItemDirective],\n    exports: [TuiItemDirective],\n})\nexport class TuiItemModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAEA;;;;;IAOA;KAAgC;IAAnB,gBAAgB;QAH5B,SAAS,CAAC;YACP,QAAQ,EAAE,sBAAsB;SACnC,CAAC;OACW,gBAAgB,CAAG;IAAD,uBAAC;CAAhC;;;ICDA;KAA6B;IAAhB,aAAa;QAJzB,QAAQ,CAAC;YACN,YAAY,EAAE,CAAC,gBAAgB,CAAC;YAChC,OAAO,EAAE,CAAC,gBAAgB,CAAC;SAC9B,CAAC;OACW,aAAa,CAAG;IAAD,oBAAC;CAA7B;;ACRA;;;;;;"}

package/fesm5/taiga-ui-cdk-directives.js

@@ -10,6 +10,7 @@ export * from '@taiga-ui/cdk/directives/focus-visible';
 export * from '@taiga-ui/cdk/directives/focusable';
 export * from '@taiga-ui/cdk/directives/focused';
 export * from '@taiga-ui/cdk/directives/for';
+export * from '@taiga-ui/cdk/directives/for-async';
 export * from '@taiga-ui/cdk/directives/high-dpi';
 export * from '@taiga-ui/cdk/directives/hovered';
 export * from '@taiga-ui/cdk/directives/input-mode';

package/fesm5/taiga-ui-cdk-directives.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-cdk-directives.js","sources":["ng://@taiga-ui/cdk/directives/taiga-ui-cdk-directives.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;"}
+{"version":3,"file":"taiga-ui-cdk-directives.js","sources":["ng://@taiga-ui/cdk/directives/taiga-ui-cdk-directives.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;"}