@taiga-ui/kit 3.0.1 → 3.1.0

package/bundles/taiga-ui-kit-directives-mask.umd.js

@@ -0,0 +1,193 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('@angular/platform-browser'), require('text-mask-core')) :
+    typeof define === 'function' && define.amd ? define('@taiga-ui/kit/directives/mask', ['exports', '@angular/core', '@angular/forms', '@angular/platform-browser', 'text-mask-core'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].kit = global["taiga-ui"].kit || {}, global["taiga-ui"].kit.directives = global["taiga-ui"].kit.directives || {}, global["taiga-ui"].kit.directives.mask = {}), global.ng.core, global.ng.forms, global.ng.platformBrowser, global.textMaskCore));
+})(this, (function (exports, i0, forms, platformBrowser, textMaskCore) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n["default"] = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+
+    /* eslint-disable */
+    /**
+     * We must check whether the agent is Android because composition events
+     * behave differently between iOS and Android.
+     */
+    function _isAndroid() {
+        var userAgent = platformBrowser["ɵgetDOM"]() ? platformBrowser["ɵgetDOM"]().getUserAgent() : '';
+        return /android (\d+)/.test(userAgent.toLowerCase());
+    }
+    /**
+     * @internal
+     * @deprecated
+     * Don't use it! It can be deleted at any time (even in minor releases).
+     * Use {@link https://github.com/text-mask/text-mask/tree/master/angular2 angular2-text-mask} instead.
+     */
+    var MaskedInputDirective = /** @class */ (function () {
+        function MaskedInputDirective(_renderer, _elementRef, _compositionMode) {
+            this._renderer = _renderer;
+            this._elementRef = _elementRef;
+            this._compositionMode = _compositionMode;
+            this.textMaskConfig = {
+                mask: [],
+                guide: true,
+                placeholderChar: '_',
+                pipe: undefined,
+                keepCharPositions: false,
+            };
+            this.onChange = function (_) { };
+            this.onTouched = function () { };
+            /** Whether the user is creating a composition string (IME events). */
+            this._composing = false;
+            if (this._compositionMode == null) {
+                this._compositionMode = !_isAndroid();
+            }
+        }
+        MaskedInputDirective.prototype.ngOnChanges = function () {
+            this._setupMask(true);
+            if (this.textMaskInputElement !== undefined) {
+                this.textMaskInputElement.update(this.inputElement.value);
+            }
+        };
+        MaskedInputDirective.prototype.writeValue = function (value) {
+            this._setupMask();
+            // set the initial value for cases where the mask is disabled
+            var normalizedValue = value == null ? '' : value;
+            this._renderer.setProperty(this.inputElement, 'value', normalizedValue);
+            if (this.textMaskInputElement !== undefined) {
+                this.textMaskInputElement.update(value);
+            }
+        };
+        MaskedInputDirective.prototype.registerOnChange = function (fn) {
+            this.onChange = fn;
+        };
+        MaskedInputDirective.prototype.registerOnTouched = function (fn) {
+            this.onTouched = fn;
+        };
+        MaskedInputDirective.prototype.setDisabledState = function (isDisabled) {
+            this._renderer.setProperty(this._elementRef.nativeElement, 'disabled', isDisabled);
+        };
+        MaskedInputDirective.prototype._handleInput = function (value) {
+            if (!this._compositionMode || (this._compositionMode && !this._composing)) {
+                this._setupMask();
+                if (this.textMaskInputElement !== undefined) {
+                    this.textMaskInputElement.update(value);
+                    // get the updated value
+                    value = this.inputElement.value;
+                    this.onChange(value);
+                }
+            }
+        };
+        MaskedInputDirective.prototype._setupMask = function (create) {
+            if (create === void 0) { create = false; }
+            if (!this.inputElement) {
+                if (this._elementRef.nativeElement.tagName.toUpperCase() === 'INPUT') {
+                    // `textMask` directive is used directly on an input element
+                    this.inputElement = this._elementRef.nativeElement;
+                }
+                else {
+                    // `textMask` directive is used on an abstracted input element, `md-input-container`, etc
+                    this.inputElement =
+                        this._elementRef.nativeElement.getElementsByTagName('INPUT')[0];
+                }
+            }
+            if (this.inputElement && create) {
+                this.textMaskInputElement = textMaskCore.createTextMaskInputElement(Object.assign({ inputElement: this.inputElement }, this.textMaskConfig));
+            }
+        };
+        MaskedInputDirective.prototype._compositionStart = function () {
+            this._composing = true;
+        };
+        MaskedInputDirective.prototype._compositionEnd = function (value) {
+            this._composing = false;
+            this._compositionMode && this._handleInput(value);
+        };
+        return MaskedInputDirective;
+    }());
+    MaskedInputDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: MaskedInputDirective, deps: [{ token: i0__namespace.Renderer2 }, { token: i0__namespace.ElementRef }, { token: forms.COMPOSITION_BUFFER_MODE, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    MaskedInputDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: MaskedInputDirective, selector: "[textMask]", inputs: { textMaskConfig: ["textMask", "textMaskConfig"] }, host: { listeners: { "input": "_handleInput($event.target.value)", "blur": "onTouched()", "compositionstart": "_compositionStart()", "compositionend": "_compositionEnd($event.target.value)" } }, providers: [
+            {
+                provide: forms.NG_VALUE_ACCESSOR,
+                useExisting: i0.forwardRef(function () { return MaskedInputDirective; }),
+                multi: true,
+            },
+        ], exportAs: ["textMask"], usesOnChanges: true, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: MaskedInputDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        host: {
+                            '(input)': '_handleInput($event.target.value)',
+                            '(blur)': 'onTouched()',
+                            '(compositionstart)': '_compositionStart()',
+                            '(compositionend)': '_compositionEnd($event.target.value)',
+                        },
+                        selector: '[textMask]',
+                        exportAs: 'textMask',
+                        providers: [
+                            {
+                                provide: forms.NG_VALUE_ACCESSOR,
+                                useExisting: i0.forwardRef(function () { return MaskedInputDirective; }),
+                                multi: true,
+                            },
+                        ],
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: i0__namespace.Renderer2 }, { type: i0__namespace.ElementRef }, { type: undefined, decorators: [{
+                            type: i0.Optional
+                        }, {
+                            type: i0.Inject,
+                            args: [forms.COMPOSITION_BUFFER_MODE]
+                        }] }];
+        }, propDecorators: { textMaskConfig: [{
+                    type: i0.Input,
+                    args: ['textMask']
+                }] } });
+    /**
+     * @internal
+     * @deprecated
+     * Don't use it! It can be deleted at any time (even in minor releases).
+     * Use {@link https://github.com/text-mask/text-mask/tree/master/angular2 angular2-text-mask} instead.
+     */
+    var TextMaskModule = /** @class */ (function () {
+        function TextMaskModule() {
+        }
+        return TextMaskModule;
+    }());
+    TextMaskModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TextMaskModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    TextMaskModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TextMaskModule, declarations: [MaskedInputDirective], exports: [MaskedInputDirective] });
+    TextMaskModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TextMaskModule });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TextMaskModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [MaskedInputDirective],
+                        exports: [MaskedInputDirective],
+                    }]
+            }] });
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.MaskedInputDirective = MaskedInputDirective;
+    exports.TextMaskModule = TextMaskModule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=taiga-ui-kit-directives-mask.umd.js.map

package/bundles/taiga-ui-kit-directives-mask.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-kit-directives-mask.umd.js","sources":["../../../projects/kit/directives/mask/legacy-mask.ts","../../../projects/kit/directives/mask/taiga-ui-kit-directives-mask.ts"],"sourcesContent":["/* eslint-disable */\n/**\n * Copied from\n * {@link https://github.com/text-mask/text-mask/blob/master/angular2/src/angular2TextMask.ts angular2-text-mask}\n * ___\n * \"angular2-text-mask\" is a legacy not-maintained library. It is published using legacy View Engine distribution.\n * Stackblitz fails to run \"View Engine\"-libraries in Ivy application.\n * See {@link https://github.com/Tinkoff/taiga-ui/issues/2541#issuecomment-1235516443 this comment}.\n */\nimport {\n    Directive,\n    ElementRef,\n    forwardRef,\n    Inject,\n    Input,\n    NgModule,\n    OnChanges,\n    Optional,\n    Renderer2,\n} from '@angular/core';\nimport {\n    COMPOSITION_BUFFER_MODE,\n    ControlValueAccessor,\n    NG_VALUE_ACCESSOR,\n} from '@angular/forms';\nimport {ɵgetDOM as getDOM} from '@angular/platform-browser';\nimport {TuiTextMaskOptions} from '@taiga-ui/core';\nimport {createTextMaskInputElement} from 'text-mask-core';\n\n/**\n * We must check whether the agent is Android because composition events\n * behave differently between iOS and Android.\n */\nfunction _isAndroid(): boolean {\n    const userAgent = getDOM() ? getDOM().getUserAgent() : '';\n    return /android (\\d+)/.test(userAgent.toLowerCase());\n}\n\n/**\n * @internal\n * @deprecated\n * Don't use it! It can be deleted at any time (even in minor releases).\n * Use {@link https://github.com/text-mask/text-mask/tree/master/angular2 angular2-text-mask} instead.\n */\n@Directive({\n    host: {\n        '(input)': '_handleInput($event.target.value)',\n        '(blur)': 'onTouched()',\n        '(compositionstart)': '_compositionStart()',\n        '(compositionend)': '_compositionEnd($event.target.value)',\n    },\n    selector: '[textMask]',\n    exportAs: 'textMask',\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => MaskedInputDirective),\n            multi: true,\n        },\n    ],\n})\nexport class MaskedInputDirective implements ControlValueAccessor, OnChanges {\n    @Input('textMask') textMaskConfig: TuiTextMaskOptions = {\n        mask: [],\n        guide: true,\n        placeholderChar: '_',\n        pipe: undefined,\n        keepCharPositions: false,\n    };\n\n    onChange = (_: any) => {};\n    onTouched = () => {};\n\n    private textMaskInputElement: any;\n    private inputElement!: HTMLInputElement;\n\n    /** Whether the user is creating a composition string (IME events). */\n    private _composing = false;\n\n    constructor(\n        private _renderer: Renderer2,\n        private _elementRef: ElementRef,\n        @Optional() @Inject(COMPOSITION_BUFFER_MODE) private _compositionMode: boolean,\n    ) {\n        if (this._compositionMode == null) {\n            this._compositionMode = !_isAndroid();\n        }\n    }\n\n    ngOnChanges() {\n        this._setupMask(true);\n        if (this.textMaskInputElement !== undefined) {\n            this.textMaskInputElement.update(this.inputElement.value);\n        }\n    }\n\n    writeValue(value: any) {\n        this._setupMask();\n\n        // set the initial value for cases where the mask is disabled\n        const normalizedValue = value == null ? '' : value;\n        this._renderer.setProperty(this.inputElement, 'value', normalizedValue);\n\n        if (this.textMaskInputElement !== undefined) {\n            this.textMaskInputElement.update(value);\n        }\n    }\n\n    registerOnChange(fn: (_: any) => void): void {\n        this.onChange = fn;\n    }\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    setDisabledState(isDisabled: boolean): void {\n        this._renderer.setProperty(\n            this._elementRef.nativeElement,\n            'disabled',\n            isDisabled,\n        );\n    }\n\n    _handleInput(value: any) {\n        if (!this._compositionMode || (this._compositionMode && !this._composing)) {\n            this._setupMask();\n\n            if (this.textMaskInputElement !== undefined) {\n                this.textMaskInputElement.update(value);\n\n                // get the updated value\n                value = this.inputElement.value;\n                this.onChange(value);\n            }\n        }\n    }\n\n    _setupMask(create = false) {\n        if (!this.inputElement) {\n            if (this._elementRef.nativeElement.tagName.toUpperCase() === 'INPUT') {\n                // `textMask` directive is used directly on an input element\n                this.inputElement = this._elementRef.nativeElement;\n            } else {\n                // `textMask` directive is used on an abstracted input element, `md-input-container`, etc\n                this.inputElement =\n                    this._elementRef.nativeElement.getElementsByTagName('INPUT')[0];\n            }\n        }\n\n        if (this.inputElement && create) {\n            this.textMaskInputElement = createTextMaskInputElement(\n                Object.assign({inputElement: this.inputElement}, this.textMaskConfig),\n            );\n        }\n    }\n\n    _compositionStart(): void {\n        this._composing = true;\n    }\n\n    _compositionEnd(value: any): void {\n        this._composing = false;\n        this._compositionMode && this._handleInput(value);\n    }\n}\n\n/**\n * @internal\n * @deprecated\n * Don't use it! It can be deleted at any time (even in minor releases).\n * Use {@link https://github.com/text-mask/text-mask/tree/master/angular2 angular2-text-mask} instead.\n */\n@NgModule({\n    declarations: [MaskedInputDirective],\n    exports: [MaskedInputDirective],\n})\nexport class TextMaskModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["getDOM","createTextMaskInputElement","i0","COMPOSITION_BUFFER_MODE","NG_VALUE_ACCESSOR","forwardRef","Directive","Optional","Inject","Input","NgModule"],"mappings":"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"}

package/bundles/taiga-ui-kit-directives.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/kit/directives/data-list-dropdown-manager'), require('@taiga-ui/kit/directives/highlight'), require('@taiga-ui/kit/directives/lazy-loading'), require('@taiga-ui/kit/directives/present'), require('@taiga-ui/kit/directives/project-class'), require('@taiga-ui/kit/directives/unfinished-validator'), require('@taiga-ui/kit/directives/value-accessor')) :
-	typeof define === 'function' && define.amd ? define('@taiga-ui/kit/directives', ['exports', '@taiga-ui/kit/directives/data-list-dropdown-manager', '@taiga-ui/kit/directives/highlight', '@taiga-ui/kit/directives/lazy-loading', '@taiga-ui/kit/directives/present', '@taiga-ui/kit/directives/project-class', '@taiga-ui/kit/directives/unfinished-validator', '@taiga-ui/kit/directives/value-accessor'], factory) :
-	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].kit = global["taiga-ui"].kit || {}, global["taiga-ui"].kit.directives = {}), global["taiga-ui"].kit.directives["data-list-dropdown-manager"], global["taiga-ui"].kit.directives.highlight, global["taiga-ui"].kit.directives["lazy-loading"], global["taiga-ui"].kit.directives.present, global["taiga-ui"].kit.directives["project-class"], global["taiga-ui"].kit.directives["unfinished-validator"], global["taiga-ui"].kit.directives["value-accessor"]));
-})(this, (function (exports, dataListDropdownManager, highlight, lazyLoading, present, projectClass, unfinishedValidator, valueAccessor) { 'use strict';
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/kit/directives/data-list-dropdown-manager'), require('@taiga-ui/kit/directives/highlight'), require('@taiga-ui/kit/directives/lazy-loading'), require('@taiga-ui/kit/directives/mask'), require('@taiga-ui/kit/directives/present'), require('@taiga-ui/kit/directives/project-class'), require('@taiga-ui/kit/directives/unfinished-validator'), require('@taiga-ui/kit/directives/value-accessor')) :
+	typeof define === 'function' && define.amd ? define('@taiga-ui/kit/directives', ['exports', '@taiga-ui/kit/directives/data-list-dropdown-manager', '@taiga-ui/kit/directives/highlight', '@taiga-ui/kit/directives/lazy-loading', '@taiga-ui/kit/directives/mask', '@taiga-ui/kit/directives/present', '@taiga-ui/kit/directives/project-class', '@taiga-ui/kit/directives/unfinished-validator', '@taiga-ui/kit/directives/value-accessor'], factory) :
+	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].kit = global["taiga-ui"].kit || {}, global["taiga-ui"].kit.directives = {}), global["taiga-ui"].kit.directives["data-list-dropdown-manager"], global["taiga-ui"].kit.directives.highlight, global["taiga-ui"].kit.directives["lazy-loading"], global["taiga-ui"].kit.directives.mask, global["taiga-ui"].kit.directives.present, global["taiga-ui"].kit.directives["project-class"], global["taiga-ui"].kit.directives["unfinished-validator"], global["taiga-ui"].kit.directives["value-accessor"]));
+})(this, (function (exports, dataListDropdownManager, highlight, lazyLoading, mask, present, projectClass, unfinishedValidator, valueAccessor) { 'use strict';
 
 	/**
 	 * Generated bundle index. Do not edit.
@@ -26,6 +26,12 @@
 			get: function () { return lazyLoading[k]; }
 		});
 	});
+	Object.keys(mask).forEach(function (k) {
+		if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+			enumerable: true,
+			get: function () { return mask[k]; }
+		});
+	});
 	Object.keys(present).forEach(function (k) {
 		if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
 			enumerable: true,

package/bundles/taiga-ui-kit-directives.umd.js.map

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

package/components/arrow/arrow.component.d.ts

@@ -12,4 +12,4 @@ export declare class TuiArrowComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiArrowComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiArrowComponent, "tui-arrow", never, {}, {}, never, never>;
 }
-export declare const TUI_ARROW: PolymorpheusComponent<TuiArrowComponent, Record<any, any>>;
+export declare const TUI_ARROW: PolymorpheusComponent<TuiArrowComponent, unknown>;

package/components/carousel/carousel.directive.d.ts

@@ -8,7 +8,8 @@ export declare class TuiCarouselDirective extends Observable<unknown> {
     private readonly running$;
     private readonly output$;
     set duration(duration: number);
+    set index(_: number);
     constructor(elementRef: ElementRef<HTMLElement>, visible$: Observable<boolean>);
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCarouselDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiCarouselDirective, "tui-carousel", never, { "duration": "duration"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiCarouselDirective, "tui-carousel", never, { "duration": "duration"; "index": "index"; }, {}, never>;
 }

package/components/input-count/input-count.component.d.ts

@@ -1,9 +1,8 @@
 import { ChangeDetectorRef } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { AbstractTuiControl, TuiFocusableElementAccessor } from '@taiga-ui/cdk';
-import { TuiNumberFormatSettings, TuiSizeL, TuiSizeS, TuiTextfieldSizeDirective, TuiWithOptionalMinMax } from '@taiga-ui/core';
+import { TuiNumberFormatSettings, TuiSizeL, TuiSizeS, TuiTextfieldSizeDirective, TuiTextMaskOptions, TuiWithOptionalMinMax } from '@taiga-ui/core';
 import { PolymorpheusContent } from '@tinkoff/ng-polymorpheus';
-import { TextMaskConfig } from 'angular2-text-mask';
 import { Observable } from 'rxjs';
 import { TuiInputCountOptions } from './input-count-options';
 import * as i0 from "@angular/core";
@@ -22,7 +21,7 @@ export declare class TuiInputCountComponent extends AbstractTuiControl<number> i
     prefix: string;
     postfix: string;
     constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, appearance: string, textfieldSize: TuiTextfieldSizeDirective, minusTexts$: Observable<[string, string]>, isMobile: boolean, options: TuiInputCountOptions, numberFormat: TuiNumberFormatSettings);
-    getMask(allowNegative: boolean): TextMaskConfig;
+    getMask(allowNegative: boolean): TuiTextMaskOptions;
     get buttonsHidden(): boolean;
     get iconUp(): PolymorpheusContent<Record<string, unknown>>;
     get iconDown(): PolymorpheusContent<Record<string, unknown>>;

package/components/input-count/input-count.module.d.ts

@@ -2,12 +2,11 @@ import * as i0 from "@angular/core";
 import * as i1 from "./input-count.component";
 import * as i2 from "./input-count.directive";
 import * as i3 from "@angular/common";
-import * as i4 from "angular2-text-mask";
+import * as i4 from "@taiga-ui/kit/directives";
 import * as i5 from "@taiga-ui/core";
-import * as i6 from "@taiga-ui/kit/directives";
-import * as i7 from "@tinkoff/ng-polymorpheus";
+import * as i6 from "@tinkoff/ng-polymorpheus";
 export declare class TuiInputCountModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputCountModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiInputCountModule, [typeof i1.TuiInputCountComponent, typeof i2.TuiInputCountDirective], [typeof i3.CommonModule, typeof i4.TextMaskModule, typeof i5.TuiButtonModule, typeof i5.TuiPrimitiveTextfieldModule, typeof i5.TuiTextfieldControllerModule, typeof i6.TuiValueAccessorModule, typeof i7.PolymorpheusModule], [typeof i1.TuiInputCountComponent, typeof i2.TuiInputCountDirective, typeof i5.TuiTextfieldComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiInputCountModule, [typeof i1.TuiInputCountComponent, typeof i2.TuiInputCountDirective], [typeof i3.CommonModule, typeof i4.TextMaskModule, typeof i5.TuiButtonModule, typeof i5.TuiPrimitiveTextfieldModule, typeof i5.TuiTextfieldControllerModule, typeof i4.TuiValueAccessorModule, typeof i6.PolymorpheusModule], [typeof i1.TuiInputCountComponent, typeof i2.TuiInputCountDirective, typeof i5.TuiTextfieldComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TuiInputCountModule>;
 }

package/components/input-date/input-date.component.d.ts

@@ -1,9 +1,8 @@
 import { ChangeDetectorRef, Injector, Type } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { AbstractTuiNullableControl, TuiActiveZoneDirective, TuiBooleanHandler, TuiContextWithImplicit, TuiControlValueTransformer, TuiDateMode, TuiDay, TuiFocusableElementAccessor, TuiMonth } from '@taiga-ui/cdk';
-import { TuiDialogService, TuiMarkerHandler, TuiTextfieldSizeDirective, TuiWithOptionalMinMax } from '@taiga-ui/core';
+import { TuiDialogService, TuiMarkerHandler, TuiTextfieldSizeDirective, TuiTextMaskOptions, TuiWithOptionalMinMax } from '@taiga-ui/core';
 import { TuiNamedDay } from '@taiga-ui/kit/classes';
-import { TextMaskConfig } from 'angular2-text-mask';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class TuiInputDateComponent extends AbstractTuiNullableControl<TuiDay> implements TuiWithOptionalMinMax<TuiDay>, TuiFocusableElementAccessor {
@@ -38,7 +37,7 @@ export declare class TuiInputDateComponent extends AbstractTuiNullableControl<Tu
     get nativeValue(): string;
     set nativeValue(value: string);
     get canOpen(): boolean;
-    get computedMask(): TextMaskConfig;
+    get computedMask(): TuiTextMaskOptions;
     get activeItem(): TuiNamedDay | null;
     onClick(): void;
     getComputedFiller(filler: string): string;

package/components/input-date/input-date.module.d.ts

@@ -2,13 +2,12 @@ import * as i0 from "@angular/core";
 import * as i1 from "./input-date.component";
 import * as i2 from "./input-date.directive";
 import * as i3 from "@angular/common";
-import * as i4 from "angular2-text-mask";
+import * as i4 from "@taiga-ui/kit/directives";
 import * as i5 from "@tinkoff/ng-polymorpheus";
 import * as i6 from "@taiga-ui/cdk";
 import * as i7 from "@taiga-ui/core";
-import * as i8 from "@taiga-ui/kit/directives";
 export declare class TuiInputDateModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiInputDateModule, [typeof i1.TuiInputDateComponent, typeof i2.TuiInputDateDirective], [typeof i3.CommonModule, typeof i4.TextMaskModule, typeof i5.PolymorpheusModule, typeof i6.TuiPreventDefaultModule, typeof i7.TuiCalendarModule, typeof i7.TuiSvgModule, typeof i7.TuiLinkModule, typeof i7.TuiHostedDropdownModule, typeof i7.TuiPrimitiveTextfieldModule, typeof i8.TuiValueAccessorModule, typeof i6.TuiLetModule, typeof i7.TuiTextfieldControllerModule], [typeof i1.TuiInputDateComponent, typeof i2.TuiInputDateDirective, typeof i7.TuiTextfieldComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiInputDateModule, [typeof i1.TuiInputDateComponent, typeof i2.TuiInputDateDirective], [typeof i3.CommonModule, typeof i4.TextMaskModule, typeof i5.PolymorpheusModule, typeof i6.TuiPreventDefaultModule, typeof i7.TuiCalendarModule, typeof i7.TuiSvgModule, typeof i7.TuiLinkModule, typeof i7.TuiHostedDropdownModule, typeof i7.TuiPrimitiveTextfieldModule, typeof i4.TuiValueAccessorModule, typeof i6.TuiLetModule, typeof i7.TuiTextfieldControllerModule], [typeof i1.TuiInputDateComponent, typeof i2.TuiInputDateDirective, typeof i7.TuiTextfieldComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TuiInputDateModule>;
 }

package/components/input-date-range/input-date-range.component.d.ts

@@ -1,9 +1,8 @@
 import { ChangeDetectorRef, Injector, Type } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { AbstractTuiNullableControl, TuiBooleanHandler, TuiControlValueTransformer, TuiDateMode, TuiDay, TuiDayLike, TuiDayRange, TuiFocusableElementAccessor, TuiMapper, TuiMonth } from '@taiga-ui/cdk';
-import { TuiDialogService, TuiMarkerHandler, TuiTextfieldSizeDirective, TuiWithOptionalMinMax } from '@taiga-ui/core';
+import { TuiDialogService, TuiMarkerHandler, TuiTextfieldSizeDirective, TuiTextMaskOptions, TuiWithOptionalMinMax } from '@taiga-ui/core';
 import { TuiDayRangePeriod } from '@taiga-ui/kit/classes';
-import { TextMaskConfig } from 'angular2-text-mask';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class TuiInputDateRangeComponent extends AbstractTuiNullableControl<TuiDayRange> implements TuiWithOptionalMinMax<TuiDay>, TuiFocusableElementAccessor {
@@ -36,7 +35,7 @@ export declare class TuiInputDateRangeComponent extends AbstractTuiNullableContr
     get calendarIcon(): string;
     get canOpen(): boolean;
     get computedExampleText(): string;
-    get computedMask(): TextMaskConfig;
+    get computedMask(): TuiTextMaskOptions;
     get activePeriod(): TuiDayRangePeriod | null;
     get computedValue(): string;
     get innerPseudoFocused(): boolean | null;

package/components/input-date-range/input-date-range.module.d.ts

@@ -2,14 +2,13 @@ import * as i0 from "@angular/core";
 import * as i1 from "./input-date-range.component";
 import * as i2 from "./input-date-range.directive";
 import * as i3 from "@angular/common";
-import * as i4 from "angular2-text-mask";
+import * as i4 from "@taiga-ui/kit/directives";
 import * as i5 from "@taiga-ui/cdk";
 import * as i6 from "@tinkoff/ng-polymorpheus";
 import * as i7 from "@taiga-ui/core";
 import * as i8 from "@taiga-ui/kit/components/calendar-range";
-import * as i9 from "@taiga-ui/kit/directives";
 export declare class TuiInputDateRangeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateRangeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiInputDateRangeModule, [typeof i1.TuiInputDateRangeComponent, typeof i2.TuiInputDateRangeDirective], [typeof i3.CommonModule, typeof i4.TextMaskModule, typeof i5.TuiActiveZoneModule, typeof i5.TuiLetModule, typeof i6.PolymorpheusModule, typeof i7.TuiPrimitiveTextfieldModule, typeof i7.TuiTextfieldControllerModule, typeof i7.TuiHostedDropdownModule, typeof i7.TuiSvgModule, typeof i8.TuiCalendarRangeModule, typeof i9.TuiValueAccessorModule], [typeof i1.TuiInputDateRangeComponent, typeof i2.TuiInputDateRangeDirective, typeof i7.TuiTextfieldComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiInputDateRangeModule, [typeof i1.TuiInputDateRangeComponent, typeof i2.TuiInputDateRangeDirective], [typeof i3.CommonModule, typeof i4.TextMaskModule, typeof i5.TuiActiveZoneModule, typeof i5.TuiLetModule, typeof i6.PolymorpheusModule, typeof i7.TuiPrimitiveTextfieldModule, typeof i7.TuiTextfieldControllerModule, typeof i7.TuiHostedDropdownModule, typeof i7.TuiSvgModule, typeof i8.TuiCalendarRangeModule, typeof i4.TuiValueAccessorModule], [typeof i1.TuiInputDateRangeComponent, typeof i2.TuiInputDateRangeDirective, typeof i7.TuiTextfieldComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TuiInputDateRangeModule>;
 }

package/components/input-date-time/input-date-time.component.d.ts

@@ -1,8 +1,7 @@
 import { ChangeDetectorRef } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { AbstractTuiControl, TuiActiveZoneDirective, TuiBooleanHandler, TuiContextWithImplicit, TuiControlValueTransformer, TuiDateMode, TuiDay, TuiFocusableElementAccessor, TuiMonth, TuiTime, TuiTimeMode } from '@taiga-ui/cdk';
-import { TuiTextfieldSizeDirective, TuiWithOptionalMinMax } from '@taiga-ui/core';
-import { TextMaskConfig } from 'angular2-text-mask';
+import { TuiTextfieldSizeDirective, TuiTextMaskOptions, TuiWithOptionalMinMax } from '@taiga-ui/core';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class TuiInputDateTimeComponent extends AbstractTuiControl<[TuiDay | null, TuiTime | null]> implements TuiWithOptionalMinMax<TuiDay | [TuiDay, TuiTime]>, TuiFocusableElementAccessor {
@@ -30,7 +29,7 @@ export declare class TuiInputDateTimeComponent extends AbstractTuiControl<[TuiDa
         TuiTime | null
     ]> | null);
     get fillerLength(): number;
-    get textMaskOptions(): TextMaskConfig;
+    get textMaskOptions(): TuiTextMaskOptions;
     get nativeFocusableElement(): HTMLInputElement | null;
     get focused(): boolean;
     get calendarIcon(): string;

package/components/input-date-time/input-date-time.module.d.ts

@@ -2,13 +2,12 @@ import * as i0 from "@angular/core";
 import * as i1 from "./input-date-time.component";
 import * as i2 from "./input-date-time.directive";
 import * as i3 from "@angular/common";
-import * as i4 from "angular2-text-mask";
+import * as i4 from "@taiga-ui/kit/directives";
 import * as i5 from "@tinkoff/ng-polymorpheus";
 import * as i6 from "@taiga-ui/cdk";
 import * as i7 from "@taiga-ui/core";
-import * as i8 from "@taiga-ui/kit/directives";
 export declare class TuiInputDateTimeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateTimeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiInputDateTimeModule, [typeof i1.TuiInputDateTimeComponent, typeof i2.TuiInputDateTimeDirective], [typeof i3.CommonModule, typeof i4.TextMaskModule, typeof i5.PolymorpheusModule, typeof i6.TuiPreventDefaultModule, typeof i7.TuiCalendarModule, typeof i7.TuiSvgModule, typeof i7.TuiLinkModule, typeof i7.TuiHostedDropdownModule, typeof i7.TuiPrimitiveTextfieldModule, typeof i8.TuiValueAccessorModule, typeof i7.TuiTextfieldControllerModule], [typeof i1.TuiInputDateTimeComponent, typeof i2.TuiInputDateTimeDirective, typeof i7.TuiTextfieldComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiInputDateTimeModule, [typeof i1.TuiInputDateTimeComponent, typeof i2.TuiInputDateTimeDirective], [typeof i3.CommonModule, typeof i4.TextMaskModule, typeof i5.PolymorpheusModule, typeof i6.TuiPreventDefaultModule, typeof i7.TuiCalendarModule, typeof i7.TuiSvgModule, typeof i7.TuiLinkModule, typeof i7.TuiHostedDropdownModule, typeof i7.TuiPrimitiveTextfieldModule, typeof i4.TuiValueAccessorModule, typeof i7.TuiTextfieldControllerModule], [typeof i1.TuiInputDateTimeComponent, typeof i2.TuiInputDateTimeDirective, typeof i7.TuiTextfieldComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TuiInputDateTimeModule>;
 }

package/components/input-number/input-number.component.d.ts

@@ -1,13 +1,13 @@
 import { ChangeDetectorRef, QueryList } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { AbstractTuiNullableControl, TuiFocusableElementAccessor, TuiInputMode, TuiMapper } from '@taiga-ui/cdk';
-import { TuiDecimal, TuiNumberFormatSettings } from '@taiga-ui/core';
-import { TextMaskConfig } from 'angular2-text-mask';
+import { TuiDecimal, TuiNumberFormatSettings, TuiTextMaskOptions } from '@taiga-ui/core';
 import * as i0 from "@angular/core";
 export declare class TuiInputNumberComponent extends AbstractTuiNullableControl<number> implements TuiFocusableElementAccessor {
     private readonly numberFormat;
     private readonly isIOS;
     private readonly primitiveTextfield?;
+    private unfinishedValue;
     min: number;
     max: number;
     decimal: TuiDecimal;
@@ -24,7 +24,7 @@ export declare class TuiInputNumberComponent extends AbstractTuiNullableControl<
     get formattedValue(): string;
     get computedValue(): string;
     onZero(event: KeyboardEvent): void;
-    mask: TuiMapper<boolean, TextMaskConfig>;
+    mask: TuiMapper<boolean, TuiTextMaskOptions>;
     onValueChange(value: string): void;
     onKeyDown(event: KeyboardEvent): void;
     onFocused(focused: boolean): void;

package/components/input-number/input-number.module.d.ts

@@ -2,13 +2,12 @@ import * as i0 from "@angular/core";
 import * as i1 from "./input-number.component";
 import * as i2 from "./input-number.directive";
 import * as i3 from "@angular/common";
-import * as i4 from "angular2-text-mask";
+import * as i4 from "@taiga-ui/kit/directives";
 import * as i5 from "@taiga-ui/cdk";
 import * as i6 from "@taiga-ui/core";
-import * as i7 from "@taiga-ui/kit/directives";
-import * as i8 from "@tinkoff/ng-polymorpheus";
+import * as i7 from "@tinkoff/ng-polymorpheus";
 export declare class TuiInputNumberModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputNumberModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiInputNumberModule, [typeof i1.TuiInputNumberComponent, typeof i2.TuiInputNumberDirective], [typeof i3.CommonModule, typeof i4.TextMaskModule, typeof i5.TuiMapperPipeModule, typeof i6.TuiPrimitiveTextfieldModule, typeof i6.TuiTextfieldControllerModule, typeof i7.TuiValueAccessorModule, typeof i8.PolymorpheusModule], [typeof i1.TuiInputNumberComponent, typeof i2.TuiInputNumberDirective, typeof i6.TuiTextfieldComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiInputNumberModule, [typeof i1.TuiInputNumberComponent, typeof i2.TuiInputNumberDirective], [typeof i3.CommonModule, typeof i4.TextMaskModule, typeof i5.TuiMapperPipeModule, typeof i6.TuiPrimitiveTextfieldModule, typeof i6.TuiTextfieldControllerModule, typeof i4.TuiValueAccessorModule, typeof i7.PolymorpheusModule], [typeof i1.TuiInputNumberComponent, typeof i2.TuiInputNumberDirective, typeof i6.TuiTextfieldComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TuiInputNumberModule>;
 }

package/components/input-phone/input-phone.component.d.ts

@@ -1,8 +1,7 @@
 import { ChangeDetectorRef, EventEmitter, TemplateRef } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { AbstractTuiControl, TuiActiveZoneDirective, TuiContextWithImplicit, TuiFocusableElementAccessor, TuiInputMode } from '@taiga-ui/cdk';
-import { TuiDataListHost, TuiTextfieldCleanerDirective } from '@taiga-ui/core';
-import { TextMaskConfig } from 'angular2-text-mask';
+import { TuiDataListHost, TuiTextfieldCleanerDirective, TuiTextMaskOptions } from '@taiga-ui/core';
 import { Observable } from 'rxjs';
 import { TuiInputPhoneOptions } from './input-phone.options';
 import * as i0 from "@angular/core";
@@ -17,7 +16,7 @@ export declare class TuiInputPhoneComponent extends AbstractTuiControl<string> i
     search: string;
     readonly searchChange: EventEmitter<string>;
     readonly datalist?: TemplateRef<TuiContextWithImplicit<TuiActiveZoneDirective>>;
-    readonly textMaskOptions: TextMaskConfig;
+    readonly textMaskOptions: TuiTextMaskOptions;
     countryCode: string;
     open: boolean;
     constructor(control: NgControl | null, destroy$: Observable<unknown>, changeDetectorRef: ChangeDetectorRef, selection$: Observable<unknown>, textfieldCleaner: TuiTextfieldCleanerDirective, options: TuiInputPhoneOptions);

package/components/input-phone/input-phone.module.d.ts

@@ -1,12 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./input-phone.component";
 import * as i2 from "./input-phone.directive";
-import * as i3 from "angular2-text-mask";
+import * as i3 from "@taiga-ui/kit/directives";
 import * as i4 from "@taiga-ui/core";
 import * as i5 from "@taiga-ui/cdk";
-import * as i6 from "@taiga-ui/kit/directives";
 export declare class TuiInputPhoneModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputPhoneModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiInputPhoneModule, [typeof i1.TuiInputPhoneComponent, typeof i2.TuiInputPhoneDirective], [typeof i3.TextMaskModule, typeof i4.TuiPrimitiveTextfieldModule, typeof i4.TuiHostedDropdownModule, typeof i4.TuiTextfieldControllerModule, typeof i5.TuiActiveZoneModule, typeof i6.TuiValueAccessorModule], [typeof i1.TuiInputPhoneComponent, typeof i2.TuiInputPhoneDirective, typeof i4.TuiTextfieldComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiInputPhoneModule, [typeof i1.TuiInputPhoneComponent, typeof i2.TuiInputPhoneDirective], [typeof i3.TextMaskModule, typeof i4.TuiPrimitiveTextfieldModule, typeof i4.TuiHostedDropdownModule, typeof i4.TuiTextfieldControllerModule, typeof i5.TuiActiveZoneModule, typeof i3.TuiValueAccessorModule], [typeof i1.TuiInputPhoneComponent, typeof i2.TuiInputPhoneDirective, typeof i4.TuiTextfieldComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TuiInputPhoneModule>;
 }

package/components/input-time/input-time.component.d.ts

@@ -1,7 +1,7 @@
 import { ChangeDetectorRef } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { AbstractTuiNullableControl, TuiBooleanHandler, TuiFocusableElementAccessor, TuiTime, TuiTimeMode } from '@taiga-ui/cdk';
-import { TextMaskConfig } from 'angular2-text-mask';
+import { TuiTextMaskOptions } from '@taiga-ui/core';
 import { Observable } from 'rxjs';
 import { TuiInputTimeOptions } from './input-time-options';
 import * as i0 from "@angular/core";
@@ -20,7 +20,7 @@ export declare class TuiInputTimeComponent extends AbstractTuiNullableControl<Tu
     get nativeFocusableElement(): HTMLInputElement | null;
     get focused(): boolean;
     get filtered(): readonly TuiTime[];
-    get textMaskOptions(): TextMaskConfig;
+    get textMaskOptions(): TuiTextMaskOptions;
     get computedValue(): string;
     get computedSearch(): string;
     get innerPseudoFocused(): boolean | null;

package/components/input-time/input-time.module.d.ts

@@ -1,11 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./input-time.component";
 import * as i2 from "@angular/common";
-import * as i3 from "angular2-text-mask";
+import * as i3 from "@taiga-ui/kit/directives";
 import * as i4 from "@taiga-ui/core";
-import * as i5 from "@taiga-ui/kit/directives";
 export declare class TuiInputTimeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputTimeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiInputTimeModule, [typeof i1.TuiInputTimeComponent], [typeof i2.CommonModule, typeof i3.TextMaskModule, typeof i4.TuiDataListModule, typeof i4.TuiHostedDropdownModule, typeof i4.TuiPrimitiveTextfieldModule, typeof i5.TuiValueAccessorModule, typeof i4.TuiTextfieldControllerModule], [typeof i1.TuiInputTimeComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiInputTimeModule, [typeof i1.TuiInputTimeComponent], [typeof i2.CommonModule, typeof i3.TextMaskModule, typeof i4.TuiDataListModule, typeof i4.TuiHostedDropdownModule, typeof i4.TuiPrimitiveTextfieldModule, typeof i3.TuiValueAccessorModule, typeof i4.TuiTextfieldControllerModule], [typeof i1.TuiInputTimeComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TuiInputTimeModule>;
 }

package/components/multi-select/multi-select-group/multi-select-group.directive.d.ts

@@ -1,7 +1,7 @@
 import { TuiMultiSelectOptionComponent } from '@taiga-ui/kit/components/multi-select-option';
 import { PolymorpheusComponent } from '@tinkoff/ng-polymorpheus';
 import * as i0 from "@angular/core";
-export declare const TUI_MULTI_SELECT_OPTION: PolymorpheusComponent<TuiMultiSelectOptionComponent<unknown>, Record<any, any>>;
+export declare const TUI_MULTI_SELECT_OPTION: PolymorpheusComponent<TuiMultiSelectOptionComponent<unknown>, unknown>;
 export declare class TuiMultiSelectGroupDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiMultiSelectGroupDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiMultiSelectGroupDirective, "[tuiMultiSelectGroup]", never, {}, {}, never>;

package/components/pdf-viewer/pdf-viewer.service.d.ts

@@ -7,7 +7,7 @@ import { TuiPdfViewerOptions } from './pdf-viewer-options';
 import * as i0 from "@angular/core";
 declare type Content<G> = PolymorpheusContent<TuiBaseDialogContext<G> & TuiPdfViewerOptions<unknown>>;
 export declare class TuiPdfViewerService extends AbstractTuiDialogService<TuiPdfViewerOptions<unknown>> {
-    protected readonly component: PolymorpheusComponent<TuiPdfViewerComponent<unknown, unknown>, Record<any, any>>;
+    protected readonly component: PolymorpheusComponent<TuiPdfViewerComponent<unknown, unknown>, unknown>;
     protected readonly defaultOptions: TuiPdfViewerOptions<unknown>;
     open<G>(content: SafeResourceUrl | Content<G>, options?: Partial<TuiPdfViewerOptions<any>>): Observable<G>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPdfViewerService, never>;

package/components/push/push.service.d.ts

@@ -5,7 +5,7 @@ import { TuiPushOptions } from './push.options';
 import { TuiPushAlertComponent } from './push-alert.component';
 import * as i0 from "@angular/core";
 export declare class TuiPushService extends AbstractTuiDialogService<TuiPushOptions, string> {
-    protected readonly component: PolymorpheusComponent<TuiPushAlertComponent, Record<any, any>>;
+    protected readonly component: PolymorpheusComponent<TuiPushAlertComponent, unknown>;
     protected readonly defaultOptions: TuiPushOptions;
     open(content: PolymorpheusContent<TuiBaseDialogContext<string> & TuiPushOptions>, options?: Partial<TuiPushOptions>): Observable<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPushService, never>;

package/components/select-option/select-option.component.d.ts

@@ -18,4 +18,4 @@ export declare class TuiSelectOptionComponent<T> implements OnInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSelectOptionComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiSelectOptionComponent<any>, "tui-select-option", never, {}, {}, never, never>;
 }
-export declare const TUI_SELECT_OPTION: PolymorpheusComponent<TuiSelectOptionComponent<unknown>, Record<any, any>>;
+export declare const TUI_SELECT_OPTION: PolymorpheusComponent<TuiSelectOptionComponent<unknown>, unknown>;

package/components/tree/misc/tree.constants.d.ts

@@ -1,5 +1,5 @@
 import { PolymorpheusComponent } from '@tinkoff/ng-polymorpheus';
 import { TuiTreeItemContentComponent } from '../components/tree-item-content/tree-item-content.component';
 import { TuiTreeController } from './tree.interfaces';
-export declare const TUI_TREE_ITEM_CONTENT: PolymorpheusComponent<TuiTreeItemContentComponent, Record<any, any>>;
+export declare const TUI_TREE_ITEM_CONTENT: PolymorpheusComponent<TuiTreeItemContentComponent, unknown>;
 export declare const TUI_DEFAULT_TREE_CONTROLLER: TuiTreeController;

package/directives/index.d.ts

@@ -1,6 +1,7 @@
 export * from '@taiga-ui/kit/directives/data-list-dropdown-manager';
 export * from '@taiga-ui/kit/directives/highlight';
 export * from '@taiga-ui/kit/directives/lazy-loading';
+export * from '@taiga-ui/kit/directives/mask';
 export * from '@taiga-ui/kit/directives/present';
 export * from '@taiga-ui/kit/directives/project-class';
 export * from '@taiga-ui/kit/directives/unfinished-validator';

package/directives/mask/index.d.ts

@@ -0,0 +1 @@
+export * from './legacy-mask';