@taiga-ui/core 2.54.0 → 3.0.0-rc.0

package/fesm2015/taiga-ui-core-components-alert.js

@@ -1,27 +1,31 @@
-import { __decorate, __param } from 'tslib';
-import { ElementRef, Inject, HostBinding, Component, ChangeDetectionStrategy, ɵɵdefineInjectable, ɵɵinject, Injectable, NgModule } from '@angular/core';
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { ElementRef, Component, ChangeDetectionStrategy, Inject, HostBinding, Injectable, NgModule } from '@angular/core';
+import * as i4 from '@taiga-ui/cdk';
 import { isNumber, TuiDestroyService, tuiPure, AbstractTuiDialogService, TuiIdService, TUI_ALERTS } from '@taiga-ui/cdk';
 import { tuiFadeIn, tuiSlideInRight, tuiHeightCollapse } from '@taiga-ui/core/animations';
 import { TUI_NOTIFICATION_OPTIONS, TUI_ANIMATION_OPTIONS } from '@taiga-ui/core/tokens';
+import * as i3 from '@tinkoff/ng-polymorpheus';
 import { POLYMORPHEUS_CONTEXT, PolymorpheusComponent, PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 import { timer, fromEvent } from 'rxjs';
 import { takeUntil, repeatWhen } from 'rxjs/operators';
-import { CommonModule } from '@angular/common';
+import * as i1 from '@taiga-ui/core/components/notification';
 import { TuiNotificationModule } from '@taiga-ui/core/components/notification';
-import { TuiIdService as TuiIdService$1 } from '@taiga-ui/cdk/services';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
 
 // TODO: 3.0 Refactor according to new context by 3.0 and get rid of $any in template
-let TuiAlertComponent = class TuiAlertComponent {
+class TuiAlertComponent {
     constructor(elementRef, destroy$, options, animationOptions, item) {
         this.elementRef = elementRef;
         this.destroy$ = destroy$;
         this.options = options;
         this.animationOptions = animationOptions;
         this.item = item;
-        this.autoClose = typeof this.item.autoClose === 'function'
+        this.autoClose = typeof this.item.autoClose === `function`
             ? this.item.autoClose(this.item.status)
             : this.item.autoClose;
-        this.animation = Object.assign({ value: '' }, this.animationOptions);
+        this.animation = Object.assign({ value: `` }, this.animationOptions);
     }
     ngOnInit() {
         this.initAutoClose();
@@ -54,107 +58,105 @@ let TuiAlertComponent = class TuiAlertComponent {
             return;
         }
         timer(isNumber(this.autoClose) ? this.autoClose : this.options.defaultAutoCloseTime)
-            .pipe(takeUntil(fromEvent(this.elementRef.nativeElement, 'mouseenter')), 
+            .pipe(takeUntil(fromEvent(this.elementRef.nativeElement, `mouseenter`)), 
         // eslint-disable-next-line rxjs/no-ignored-notifier
-        repeatWhen(() => fromEvent(this.elementRef.nativeElement, 'mouseleave')), takeUntil(this.destroy$))
+        repeatWhen(() => fromEvent(this.elementRef.nativeElement, `mouseleave`)), takeUntil(this.destroy$))
             .subscribe(() => this.closeNotification());
     }
-};
-TuiAlertComponent.ctorParameters = () => [
-    { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-    { type: TuiDestroyService, decorators: [{ type: Inject, args: [TuiDestroyService,] }] },
-    { type: undefined, decorators: [{ type: Inject, args: [TUI_NOTIFICATION_OPTIONS,] }] },
-    { type: undefined, decorators: [{ type: Inject, args: [TUI_ANIMATION_OPTIONS,] }] },
-    { type: undefined, decorators: [{ type: Inject, args: [POLYMORPHEUS_CONTEXT,] }] }
-];
-__decorate([
-    HostBinding('@tuiFadeIn'),
-    HostBinding('@tuiSlideInRight'),
-    HostBinding('@tuiHeightCollapse')
-], TuiAlertComponent.prototype, "animation", void 0);
+}
+TuiAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiAlertComponent, deps: [{ token: ElementRef }, { token: TuiDestroyService }, { token: TUI_NOTIFICATION_OPTIONS }, { token: TUI_ANIMATION_OPTIONS }, { token: POLYMORPHEUS_CONTEXT }], target: i0.ɵɵFactoryTarget.Component });
+TuiAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiAlertComponent, selector: "tui-alert", host: { attributes: { "role": "alert" }, properties: { "@tuiFadeIn": "this.animation", "@tuiSlideInRight": "this.animation", "@tuiHeightCollapse": "this.animation" } }, providers: [TuiDestroyService], ngImport: i0, template: "<tui-notification\n    *ngIf=\"item.hasCloseButton; else noClose\"\n    [status]=\"item.status\"\n    [hasIcon]=\"item.hasIcon\"\n    (close)=\"closeNotification()\"\n>\n    <label\n        *ngIf=\"item.label\"\n        automation-id=\"tui-notification-alert__heading\"\n        class=\"heading\"\n    >\n        <!-- TODO: Polymorpheus fix type -->\n        <ng-container *polymorpheusOutlet=\"$any(item.label) as text; context: context\">\n            {{ text }}\n        </ng-container>\n    </label>\n    <div\n        automation-id=\"tui-notification-alert__content\"\n        class=\"content\"\n    >\n        <!-- TODO: Polymorpheus fix type -->\n        <ng-container *polymorpheusOutlet=\"item.content as text; context: $any(context)\">\n            {{ text }}\n        </ng-container>\n    </div>\n</tui-notification>\n<ng-template #noClose>\n    <tui-notification\n        [status]=\"item.status\"\n        [hasIcon]=\"item.hasIcon\"\n    >\n        <label\n            *ngIf=\"item.label\"\n            automation-id=\"tui-notification-alert__heading\"\n            class=\"heading\"\n        >\n            <!-- TODO: Polymorpheus fix type -->\n            <ng-container *polymorpheusOutlet=\"$any(item.label) as text; context: context\">\n                {{ text }}\n            </ng-container>\n        </label>\n        <div\n            automation-id=\"tui-notification-alert__content\"\n            class=\"content\"\n        >\n            <!-- TODO: Polymorpheus fix type -->\n            <ng-container *polymorpheusOutlet=\"item.content as text; context: $any(context)\">\n                {{ text }}\n            </ng-container>\n        </div>\n    </tui-notification>\n</ng-template>\n", styles: [":host{box-shadow:0 .5rem 1rem rgba(0,0,0,.16);display:block;border-radius:var(--tui-radius-m);width:18rem;margin:2rem 3rem 0 auto}:host-context(tui-root._mobile) :host{margin:1rem 1rem 0 auto}:host:not(:first-child){margin-top:.75rem}.heading{font:var(--tui-font-text-m);line-height:1.25rem;font-weight:bold;margin:0}.content{color:var(--tui-text-01);word-wrap:break-word}.content:empty{display:none}\n"], components: [{ type: i1.TuiNotificationComponent, selector: "tui-notification", inputs: ["hasIcon", "status"], outputs: ["close"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], animations: [tuiFadeIn, tuiSlideInRight, tuiHeightCollapse], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 __decorate([
     tuiPure
 ], TuiAlertComponent.prototype, "calculateContext", null);
-TuiAlertComponent = __decorate([
-    Component({
-        selector: 'tui-alert',
-        template: "<tui-notification\n    *ngIf=\"item.hasCloseButton; else noClose\"\n    [status]=\"item.status\"\n    [hasIcon]=\"item.hasIcon\"\n    (close)=\"closeNotification()\"\n>\n    <label\n        *ngIf=\"item.label\"\n        polymorpheus-outlet\n        automation-id=\"tui-notification-alert__heading\"\n        class=\"heading\"\n        [content]=\"$any(item.label)\"\n        [context]=\"context\"\n    ></label>\n    <div\n        polymorpheus-outlet\n        automation-id=\"tui-notification-alert__content\"\n        class=\"content\"\n        [content]=\"item.content\"\n        [context]=\"$any(context)\"\n    ></div>\n</tui-notification>\n<ng-template #noClose>\n    <tui-notification\n        [status]=\"item.status\"\n        [hasIcon]=\"item.hasIcon\"\n    >\n        <label\n            *ngIf=\"item.label\"\n            polymorpheus-outlet\n            automation-id=\"tui-notification-alert__heading\"\n            class=\"heading\"\n            [content]=\"$any(item.label)\"\n            [context]=\"context\"\n        ></label>\n        <div\n            polymorpheus-outlet\n            automation-id=\"tui-notification-alert__content\"\n            class=\"content\"\n            [content]=\"item.content\"\n            [context]=\"$any(context)\"\n        ></div>\n    </tui-notification>\n</ng-template>\n",
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        providers: [TuiDestroyService],
-        animations: [tuiFadeIn, tuiSlideInRight, tuiHeightCollapse],
-        host: { role: 'alert' },
-        styles: [":host{box-shadow:0 .5rem 1rem rgba(0,0,0,.16);display:block;border-radius:var(--tui-radius-m);width:18rem;margin:2rem 3rem 0 auto}:host-context(tui-root._mobile) :host{margin:1rem 1rem 0 auto}:host:not(:first-child){margin-top:.75rem}@media screen and (min-width:80em){:host{width:23rem}}.heading{font:var(--tui-font-text-m);line-height:1.25rem;font-weight:700;margin:0}.content{color:var(--tui-text-01);word-wrap:break-word}.content:empty{display:none}"]
-    }),
-    __param(0, Inject(ElementRef)),
-    __param(1, Inject(TuiDestroyService)),
-    __param(2, Inject(TUI_NOTIFICATION_OPTIONS)),
-    __param(3, Inject(TUI_ANIMATION_OPTIONS)),
-    __param(4, Inject(POLYMORPHEUS_CONTEXT))
-], TuiAlertComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiAlertComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: `tui-alert`,
+                    templateUrl: `./alert.template.html`,
+                    styleUrls: [`./alert.style.less`],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [TuiDestroyService],
+                    animations: [tuiFadeIn, tuiSlideInRight, tuiHeightCollapse],
+                    host: { role: `alert` },
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef, decorators: [{
+                    type: Inject,
+                    args: [ElementRef]
+                }] }, { type: i4.TuiDestroyService, decorators: [{
+                    type: Inject,
+                    args: [TuiDestroyService]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TUI_NOTIFICATION_OPTIONS]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TUI_ANIMATION_OPTIONS]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [POLYMORPHEUS_CONTEXT]
+                }] }]; }, propDecorators: { animation: [{
+                type: HostBinding,
+                args: [`@tuiFadeIn`]
+            }, {
+                type: HostBinding,
+                args: [`@tuiSlideInRight`]
+            }, {
+                type: HostBinding,
+                args: [`@tuiHeightCollapse`]
+            }], calculateContext: [] } });
 
-let TuiAlertService = class TuiAlertService extends AbstractTuiDialogService {
+class TuiAlertService extends AbstractTuiDialogService {
     constructor(defaultOptions, idService) {
         super(idService);
         this.defaultOptions = defaultOptions;
         this.component = new PolymorpheusComponent(TuiAlertComponent);
     }
-};
-TuiAlertService.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [TUI_NOTIFICATION_OPTIONS,] }] },
-    { type: TuiIdService, decorators: [{ type: Inject, args: [TuiIdService,] }] }
-];
-TuiAlertService.ɵprov = ɵɵdefineInjectable({ factory: function TuiAlertService_Factory() { return new TuiAlertService(ɵɵinject(TUI_NOTIFICATION_OPTIONS), ɵɵinject(TuiIdService$1)); }, token: TuiAlertService, providedIn: "root" });
-TuiAlertService = __decorate([
-    Injectable({ providedIn: 'root' }),
-    __param(0, Inject(TUI_NOTIFICATION_OPTIONS)),
-    __param(1, Inject(TuiIdService))
-], TuiAlertService);
-/** @deprecated use {@link TuiAlertService} */
-let TuiNotificationsService = class TuiNotificationsService {
-    constructor(alert) {
-        this.alert = alert;
-    }
-    show(content, options = {}) {
-        // @ts-ignore
-        return this.alert.open(content, options);
-    }
-};
-TuiNotificationsService.ctorParameters = () => [
-    { type: TuiAlertService, decorators: [{ type: Inject, args: [TuiAlertService,] }] }
-];
-TuiNotificationsService.ɵprov = ɵɵdefineInjectable({ factory: function TuiNotificationsService_Factory() { return new TuiNotificationsService(ɵɵinject(TuiAlertService)); }, token: TuiNotificationsService, providedIn: "root" });
-TuiNotificationsService = __decorate([
-    Injectable({ providedIn: 'root' }),
-    __param(0, Inject(TuiAlertService))
-], TuiNotificationsService);
+}
+TuiAlertService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiAlertService, deps: [{ token: TUI_NOTIFICATION_OPTIONS }, { token: TuiIdService }], target: i0.ɵɵFactoryTarget.Injectable });
+TuiAlertService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiAlertService, providedIn: `root` });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiAlertService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: `root` }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TUI_NOTIFICATION_OPTIONS]
+                }] }, { type: i4.TuiIdService, decorators: [{
+                    type: Inject,
+                    args: [TuiIdService]
+                }] }]; } });
 
-let TuiAlertModule = class TuiAlertModule {
-};
-TuiAlertModule = __decorate([
-    NgModule({
-        imports: [CommonModule, PolymorpheusModule, TuiNotificationModule],
-        declarations: [TuiAlertComponent],
-        exports: [TuiAlertComponent],
-        entryComponents: [TuiAlertComponent],
-        providers: [
-            {
-                provide: TUI_ALERTS,
-                useExisting: TuiAlertService,
-                multi: true,
-            },
-        ],
-    })
-], TuiAlertModule);
-/** @deprecated use {@link TuiAlertModule} */
-let TuiNotificationsModule = class TuiNotificationsModule {
-};
-TuiNotificationsModule = __decorate([
-    NgModule({ imports: [TuiAlertModule] })
-], TuiNotificationsModule);
+class TuiAlertModule {
+}
+TuiAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiAlertModule, declarations: [TuiAlertComponent], imports: [CommonModule, PolymorpheusModule, TuiNotificationModule], exports: [TuiAlertComponent] });
+TuiAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiAlertModule, providers: [
+        {
+            provide: TUI_ALERTS,
+            useExisting: TuiAlertService,
+            multi: true,
+        },
+    ], imports: [[CommonModule, PolymorpheusModule, TuiNotificationModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiAlertModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, PolymorpheusModule, TuiNotificationModule],
+                    declarations: [TuiAlertComponent],
+                    exports: [TuiAlertComponent],
+                    entryComponents: [TuiAlertComponent],
+                    providers: [
+                        {
+                            provide: TUI_ALERTS,
+                            useExisting: TuiAlertService,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { TuiAlertComponent, TuiAlertModule, TuiAlertService, TuiNotificationsModule, TuiNotificationsService };
+export { TuiAlertComponent, TuiAlertModule, TuiAlertService };
 //# sourceMappingURL=taiga-ui-core-components-alert.js.map

package/fesm2015/taiga-ui-core-components-alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-core-components-alert.js","sources":["ng://@taiga-ui/core/components/alert/alert.component.ts","ng://@taiga-ui/core/components/alert/alert.service.ts","ng://@taiga-ui/core/components/alert/alert.module.ts","ng://@taiga-ui/core/components/alert/taiga-ui-core-components-alert.ts"],"sourcesContent":["import {AnimationOptions} from '@angular/animations';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostBinding,\n    Inject,\n    OnInit,\n} from '@angular/core';\nimport {\n    isNumber,\n    TuiContextWithImplicit,\n    TuiDestroyService,\n    TuiDialog,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {tuiFadeIn, tuiHeightCollapse, tuiSlideInRight} from '@taiga-ui/core/animations';\nimport {TuiNotification} from '@taiga-ui/core/enums';\nimport {TuiAlertOptions} from '@taiga-ui/core/interfaces';\nimport {\n    TUI_ANIMATION_OPTIONS,\n    TUI_NOTIFICATION_OPTIONS,\n    TuiNotificationDefaultOptions,\n} from '@taiga-ui/core/tokens';\nimport {POLYMORPHEUS_CONTEXT, PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {fromEvent, timer} from 'rxjs';\nimport {repeatWhen, takeUntil} from 'rxjs/operators';\n\n// TODO: 3.0 Remove and start using TuiDialog<TuiAlertOptions<I>, O>\nexport interface TuiNotificationContentContext<O = void, I = undefined>\n    extends TuiContextWithImplicit<TuiNotification> {\n    label: PolymorpheusContent<TuiContextWithImplicit<TuiNotification>>;\n    data: I;\n    closeHook: () => void;\n    emitHook: (data: O) => void;\n    emitAndCloseHook: (data: O) => void;\n}\n\n// TODO: 3.0 Refactor according to new context by 3.0 and get rid of $any in template\n@Component({\n    selector: 'tui-alert',\n    templateUrl: './alert.template.html',\n    styleUrls: ['./alert.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [TuiDestroyService],\n    animations: [tuiFadeIn, tuiSlideInRight, tuiHeightCollapse],\n    host: {role: 'alert'},\n})\nexport class TuiAlertComponent<O, I> implements OnInit {\n    private readonly autoClose =\n        typeof this.item.autoClose === 'function'\n            ? this.item.autoClose(this.item.status)\n            : this.item.autoClose;\n\n    @HostBinding('@tuiFadeIn')\n    @HostBinding('@tuiSlideInRight')\n    @HostBinding('@tuiHeightCollapse')\n    readonly animation = {value: '', ...this.animationOptions} as const;\n\n    constructor(\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(TuiDestroyService) private readonly destroy$: TuiDestroyService,\n        @Inject(TUI_NOTIFICATION_OPTIONS)\n        private readonly options: TuiNotificationDefaultOptions,\n        @Inject(TUI_ANIMATION_OPTIONS)\n        private readonly animationOptions: AnimationOptions,\n        @Inject(POLYMORPHEUS_CONTEXT) readonly item: TuiDialog<TuiAlertOptions<I>, O>,\n    ) {}\n\n    ngOnInit(): void {\n        this.initAutoClose();\n    }\n\n    get context(): TuiNotificationContentContext<O, I> {\n        return this.calculateContext(this.item);\n    }\n\n    closeNotification(): void {\n        this.item.$implicit.complete();\n    }\n\n    @tuiPure\n    private calculateContext({\n        $implicit,\n        status,\n        data,\n        label,\n    }: TuiDialog<TuiAlertOptions<I>, O>): TuiNotificationContentContext<O, I> {\n        return {\n            $implicit: status,\n            data,\n            label,\n            closeHook: () => {\n                $implicit.complete();\n            },\n            emitHook: (data: O) => {\n                $implicit.next(data);\n            },\n            emitAndCloseHook: (data: O) => {\n                $implicit.next(data);\n                $implicit.complete();\n            },\n        };\n    }\n\n    private initAutoClose(): void {\n        if (!this.autoClose) {\n            return;\n        }\n\n        timer(\n            isNumber(this.autoClose) ? this.autoClose : this.options.defaultAutoCloseTime,\n        )\n            .pipe(\n                takeUntil(fromEvent(this.elementRef.nativeElement, 'mouseenter')),\n                // eslint-disable-next-line rxjs/no-ignored-notifier\n                repeatWhen(() => fromEvent(this.elementRef.nativeElement, 'mouseleave')),\n                takeUntil(this.destroy$),\n            )\n            .subscribe(() => this.closeNotification());\n    }\n}\n","import {Inject, Injectable} from '@angular/core';\nimport {AbstractTuiDialogService, TuiIdService} from '@taiga-ui/cdk';\nimport {\n    TuiAlertOptions,\n    TuiNotificationOptions,\n    TuiNotificationOptionsWithData,\n} from '@taiga-ui/core/interfaces';\nimport {TUI_NOTIFICATION_OPTIONS} from '@taiga-ui/core/tokens';\nimport {PolymorpheusComponent, PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\n\nimport {TuiAlertComponent, TuiNotificationContentContext} from './alert.component';\n\n@Injectable({providedIn: 'root'})\nexport class TuiAlertService extends AbstractTuiDialogService<TuiAlertOptions<any>> {\n    protected readonly component = new PolymorpheusComponent(TuiAlertComponent);\n\n    constructor(\n        @Inject(TUI_NOTIFICATION_OPTIONS)\n        protected readonly defaultOptions: TuiAlertOptions<any>,\n        @Inject(TuiIdService) idService: TuiIdService,\n    ) {\n        super(idService);\n    }\n}\n\n/** @deprecated use {@link TuiAlertService} */\n@Injectable({providedIn: 'root'})\nexport class TuiNotificationsService {\n    constructor(@Inject(TuiAlertService) private readonly alert: TuiAlertService) {}\n\n    show<O = void>(\n        content: PolymorpheusContent<TuiNotificationContentContext<O>>,\n    ): Observable<O>;\n    show<O = void>(\n        content: PolymorpheusContent<TuiNotificationContentContext<O>>,\n        options: TuiNotificationOptions,\n    ): Observable<O>;\n    show<O, I>(\n        content: PolymorpheusContent<TuiNotificationContentContext<O, I>>,\n        options: TuiNotificationOptionsWithData<I>,\n    ): Observable<O>;\n    show<O, I>(\n        content: PolymorpheusContent<TuiNotificationContentContext<O, I>>,\n        options: TuiNotificationOptions | TuiNotificationOptionsWithData<I> = {},\n    ): Observable<O> {\n        // @ts-ignore\n        return this.alert.open(content, options);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TUI_ALERTS} from '@taiga-ui/cdk';\nimport {TuiNotificationModule} from '@taiga-ui/core/components/notification';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiAlertComponent} from './alert.component';\nimport {TuiAlertService} from './alert.service';\n\n@NgModule({\n    imports: [CommonModule, PolymorpheusModule, TuiNotificationModule],\n    declarations: [TuiAlertComponent],\n    exports: [TuiAlertComponent],\n    entryComponents: [TuiAlertComponent],\n    providers: [\n        {\n            provide: TUI_ALERTS,\n            useExisting: TuiAlertService,\n            multi: true,\n        },\n    ],\n})\nexport class TuiAlertModule {}\n\n/** @deprecated use {@link TuiAlertModule} */\n@NgModule({imports: [TuiAlertModule]})\nexport class TuiNotificationsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;AAsCA;IAUa,iBAAiB,GAA9B,MAAa,iBAAiB;IAW1B,YACyC,UAAmC,EAC5B,QAA2B,EAEtD,OAAsC,EAEtC,gBAAkC,EACZ,IAAsC;QANxC,eAAU,GAAV,UAAU,CAAyB;QAC5B,aAAQ,GAAR,QAAQ,CAAmB;QAEtD,YAAO,GAAP,OAAO,CAA+B;QAEtC,qBAAgB,GAAhB,gBAAgB,CAAkB;QACZ,SAAI,GAAJ,IAAI,CAAkC;QAjBhE,cAAS,GACtB,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,KAAK,UAAU;cACnC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;cACrC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;QAKrB,cAAS,GAAG,gBAAC,KAAK,EAAE,EAAE,IAAK,IAAI,CAAC,gBAAgB,CAAU,CAAC;KAUhE;IAEJ,QAAQ;QACJ,IAAI,CAAC,aAAa,EAAE,CAAC;KACxB;IAED,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC3C;IAED,iBAAiB;QACb,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;KAClC;IAGO,gBAAgB,CAAC,EACrB,SAAS,EACT,MAAM,EACN,IAAI,EACJ,KAAK,GAC0B;QAC/B,OAAO;YACH,SAAS,EAAE,MAAM;YACjB,IAAI;YACJ,KAAK;YACL,SAAS,EAAE;gBACP,SAAS,CAAC,QAAQ,EAAE,CAAC;aACxB;YACD,QAAQ,EAAE,CAAC,IAAO;gBACd,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aACxB;YACD,gBAAgB,EAAE,CAAC,IAAO;gBACtB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACrB,SAAS,CAAC,QAAQ,EAAE,CAAC;aACxB;SACJ,CAAC;KACL;IAEO,aAAa;QACjB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YACjB,OAAO;SACV;QAED,KAAK,CACD,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAChF;aACI,IAAI,CACD,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;;QAEjE,UAAU,CAAC,MAAM,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC,EACxE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAC3B;aACA,SAAS,CAAC,MAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC;KAClD;EACJ;;YA7DwD,UAAU,uBAA1D,MAAM,SAAC,UAAU;YACoC,iBAAiB,uBAAtE,MAAM,SAAC,iBAAiB;4CACxB,MAAM,SAAC,wBAAwB;4CAE/B,MAAM,SAAC,qBAAqB;4CAE5B,MAAM,SAAC,oBAAoB;;AAThC;IAHC,WAAW,CAAC,YAAY,CAAC;IACzB,WAAW,CAAC,kBAAkB,CAAC;IAC/B,WAAW,CAAC,oBAAoB,CAAC;oDACkC;AAyBpE;IADC,OAAO;yDAsBP;AAvDQ,iBAAiB;IAT7B,SAAS,CAAC;QACP,QAAQ,EAAE,WAAW;QACrB,wzCAAoC;QAEpC,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE,CAAC,iBAAiB,CAAC;QAC9B,UAAU,EAAE,CAAC,SAAS,EAAE,eAAe,EAAE,iBAAiB,CAAC;QAC3D,IAAI,EAAE,EAAC,IAAI,EAAE,OAAO,EAAC;;KACxB,CAAC;IAaO,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;IAClB,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;IACzB,WAAA,MAAM,CAAC,wBAAwB,CAAC,CAAA;IAEhC,WAAA,MAAM,CAAC,qBAAqB,CAAC,CAAA;IAE7B,WAAA,MAAM,CAAC,oBAAoB,CAAC,CAAA;GAlBxB,iBAAiB,CAyE7B;;IC3GY,eAAe,GAA5B,MAAa,eAAgB,SAAQ,wBAA8C;IAG/E,YAEuB,cAAoC,EACjC,SAAuB;QAE7C,KAAK,CAAC,SAAS,CAAC,CAAC;QAHE,mBAAc,GAAd,cAAc,CAAsB;QAJxC,cAAS,GAAG,IAAI,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;KAQ3E;EACJ;;4CANQ,MAAM,SAAC,wBAAwB;YAEC,YAAY,uBAA5C,MAAM,SAAC,YAAY;;;AANf,eAAe;IAD3B,UAAU,CAAC,EAAC,UAAU,EAAE,MAAM,EAAC,CAAC;IAKxB,WAAA,MAAM,CAAC,wBAAwB,CAAC,CAAA;IAEhC,WAAA,MAAM,CAAC,YAAY,CAAC,CAAA;GANhB,eAAe,CAU3B;AAED;IAEa,uBAAuB,GAApC,MAAa,uBAAuB;IAChC,YAAsD,KAAsB;QAAtB,UAAK,GAAL,KAAK,CAAiB;KAAI;IAahF,IAAI,CACA,OAAiE,EACjE,UAAsE,EAAE;;QAGxE,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;KAC5C;EACJ;;YApBgE,eAAe,uBAA/D,MAAM,SAAC,eAAe;;;AAD1B,uBAAuB;IADnC,UAAU,CAAC,EAAC,UAAU,EAAE,MAAM,EAAC,CAAC;IAEhB,WAAA,MAAM,CAAC,eAAe,CAAC,CAAA;GAD3B,uBAAuB,CAqBnC;;IC3BY,cAAc,GAA3B,MAAa,cAAc;EAAG;AAAjB,cAAc;IAb1B,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,EAAE,kBAAkB,EAAE,qBAAqB,CAAC;QAClE,YAAY,EAAE,CAAC,iBAAiB,CAAC;QACjC,OAAO,EAAE,CAAC,iBAAiB,CAAC;QAC5B,eAAe,EAAE,CAAC,iBAAiB,CAAC;QACpC,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,UAAU;gBACnB,WAAW,EAAE,eAAe;gBAC5B,KAAK,EAAE,IAAI;aACd;SACJ;KACJ,CAAC;GACW,cAAc,CAAG;AAE9B;IAEa,sBAAsB,GAAnC,MAAa,sBAAsB;EAAG;AAAzB,sBAAsB;IADlC,QAAQ,CAAC,EAAC,OAAO,EAAE,CAAC,cAAc,CAAC,EAAC,CAAC;GACzB,sBAAsB,CAAG;;AC1BtC;;;;;;"}
+{"version":3,"file":"taiga-ui-core-components-alert.js","sources":["../../../projects/core/components/alert/alert.component.ts","../../../projects/core/components/alert/alert.template.html","../../../projects/core/components/alert/alert.service.ts","../../../projects/core/components/alert/alert.module.ts","../../../projects/core/components/alert/taiga-ui-core-components-alert.ts"],"sourcesContent":["import {AnimationOptions} from '@angular/animations';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostBinding,\n    Inject,\n    OnInit,\n} from '@angular/core';\nimport {\n    isNumber,\n    TuiContextWithImplicit,\n    TuiDestroyService,\n    TuiDialog,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {tuiFadeIn, tuiHeightCollapse, tuiSlideInRight} from '@taiga-ui/core/animations';\nimport {TuiNotification} from '@taiga-ui/core/enums';\nimport {TuiAlertOptions} from '@taiga-ui/core/interfaces';\nimport {\n    TUI_ANIMATION_OPTIONS,\n    TUI_NOTIFICATION_OPTIONS,\n    TuiNotificationDefaultOptions,\n} from '@taiga-ui/core/tokens';\nimport {POLYMORPHEUS_CONTEXT, PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {fromEvent, timer} from 'rxjs';\nimport {repeatWhen, takeUntil} from 'rxjs/operators';\n\n// TODO: 3.0 Remove and start using TuiDialog<TuiAlertOptions<I>, O>\nexport interface TuiNotificationContentContext<O = void, I = undefined>\n    extends TuiContextWithImplicit<TuiNotification> {\n    label: PolymorpheusContent<TuiContextWithImplicit<TuiNotification>>;\n    data: I;\n    closeHook: () => void;\n    emitHook: (data: O) => void;\n    emitAndCloseHook: (data: O) => void;\n}\n\n// TODO: 3.0 Refactor according to new context by 3.0 and get rid of $any in template\n@Component({\n    selector: `tui-alert`,\n    templateUrl: `./alert.template.html`,\n    styleUrls: [`./alert.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [TuiDestroyService],\n    animations: [tuiFadeIn, tuiSlideInRight, tuiHeightCollapse],\n    host: {role: `alert`},\n})\nexport class TuiAlertComponent<O, I> implements OnInit {\n    private readonly autoClose =\n        typeof this.item.autoClose === `function`\n            ? this.item.autoClose(this.item.status)\n            : this.item.autoClose;\n\n    @HostBinding(`@tuiFadeIn`)\n    @HostBinding(`@tuiSlideInRight`)\n    @HostBinding(`@tuiHeightCollapse`)\n    readonly animation = {value: ``, ...this.animationOptions} as const;\n\n    constructor(\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(TuiDestroyService) private readonly destroy$: TuiDestroyService,\n        @Inject(TUI_NOTIFICATION_OPTIONS)\n        private readonly options: TuiNotificationDefaultOptions,\n        @Inject(TUI_ANIMATION_OPTIONS)\n        private readonly animationOptions: AnimationOptions,\n        @Inject(POLYMORPHEUS_CONTEXT) readonly item: TuiDialog<TuiAlertOptions<I>, O>,\n    ) {}\n\n    ngOnInit(): void {\n        this.initAutoClose();\n    }\n\n    get context(): TuiNotificationContentContext<O, I> {\n        return this.calculateContext(this.item);\n    }\n\n    closeNotification(): void {\n        this.item.$implicit.complete();\n    }\n\n    @tuiPure\n    private calculateContext({\n        $implicit,\n        status,\n        data,\n        label,\n    }: TuiDialog<TuiAlertOptions<I>, O>): TuiNotificationContentContext<O, I> {\n        return {\n            $implicit: status,\n            data,\n            label,\n            closeHook: () => {\n                $implicit.complete();\n            },\n            emitHook: (data: O) => {\n                $implicit.next(data);\n            },\n            emitAndCloseHook: (data: O) => {\n                $implicit.next(data);\n                $implicit.complete();\n            },\n        };\n    }\n\n    private initAutoClose(): void {\n        if (!this.autoClose) {\n            return;\n        }\n\n        timer(\n            isNumber(this.autoClose) ? this.autoClose : this.options.defaultAutoCloseTime,\n        )\n            .pipe(\n                takeUntil(fromEvent(this.elementRef.nativeElement, `mouseenter`)),\n                // eslint-disable-next-line rxjs/no-ignored-notifier\n                repeatWhen(() => fromEvent(this.elementRef.nativeElement, `mouseleave`)),\n                takeUntil(this.destroy$),\n            )\n            .subscribe(() => this.closeNotification());\n    }\n}\n","<tui-notification\n    *ngIf=\"item.hasCloseButton; else noClose\"\n    [status]=\"item.status\"\n    [hasIcon]=\"item.hasIcon\"\n    (close)=\"closeNotification()\"\n>\n    <label\n        *ngIf=\"item.label\"\n        automation-id=\"tui-notification-alert__heading\"\n        class=\"heading\"\n    >\n        <!-- TODO: Polymorpheus fix type -->\n        <ng-container *polymorpheusOutlet=\"$any(item.label) as text; context: context\">\n            {{ text }}\n        </ng-container>\n    </label>\n    <div\n        automation-id=\"tui-notification-alert__content\"\n        class=\"content\"\n    >\n        <!-- TODO: Polymorpheus fix type -->\n        <ng-container *polymorpheusOutlet=\"item.content as text; context: $any(context)\">\n            {{ text }}\n        </ng-container>\n    </div>\n</tui-notification>\n<ng-template #noClose>\n    <tui-notification\n        [status]=\"item.status\"\n        [hasIcon]=\"item.hasIcon\"\n    >\n        <label\n            *ngIf=\"item.label\"\n            automation-id=\"tui-notification-alert__heading\"\n            class=\"heading\"\n        >\n            <!-- TODO: Polymorpheus fix type -->\n            <ng-container *polymorpheusOutlet=\"$any(item.label) as text; context: context\">\n                {{ text }}\n            </ng-container>\n        </label>\n        <div\n            automation-id=\"tui-notification-alert__content\"\n            class=\"content\"\n        >\n            <!-- TODO: Polymorpheus fix type -->\n            <ng-container *polymorpheusOutlet=\"item.content as text; context: $any(context)\">\n                {{ text }}\n            </ng-container>\n        </div>\n    </tui-notification>\n</ng-template>\n","import {Inject, Injectable} from '@angular/core';\nimport {AbstractTuiDialogService, TuiIdService} from '@taiga-ui/cdk';\nimport {TuiAlertOptions} from '@taiga-ui/core/interfaces';\nimport {TUI_NOTIFICATION_OPTIONS} from '@taiga-ui/core/tokens';\nimport {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiAlertComponent} from './alert.component';\n\n@Injectable({providedIn: `root`})\nexport class TuiAlertService extends AbstractTuiDialogService<TuiAlertOptions<any>> {\n    protected readonly component = new PolymorpheusComponent(TuiAlertComponent);\n\n    constructor(\n        @Inject(TUI_NOTIFICATION_OPTIONS)\n        protected readonly defaultOptions: TuiAlertOptions<any>,\n        @Inject(TuiIdService) idService: TuiIdService,\n    ) {\n        super(idService);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TUI_ALERTS} from '@taiga-ui/cdk';\nimport {TuiNotificationModule} from '@taiga-ui/core/components/notification';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiAlertComponent} from './alert.component';\nimport {TuiAlertService} from './alert.service';\n\n@NgModule({\n    imports: [CommonModule, PolymorpheusModule, TuiNotificationModule],\n    declarations: [TuiAlertComponent],\n    exports: [TuiAlertComponent],\n    entryComponents: [TuiAlertComponent],\n    providers: [\n        {\n            provide: TUI_ALERTS,\n            useExisting: TuiAlertService,\n            multi: true,\n        },\n    ],\n})\nexport class TuiAlertModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-core-components-button.js

@@ -1,20 +1,25 @@
-import { __decorate, __param } from 'tslib';
-import { InjectionToken, ElementRef, Inject, ChangeDetectorRef, Input, HostBinding, HostListener, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
-import { AbstractTuiInteractive, watch, pressedObservable, isNativeFocused, TuiFocusVisibleService, TuiHoveredService, TuiDestroyService, TUI_TAKE_ONLY_TRUSTED_EVENTS, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR } from '@taiga-ui/cdk';
-import { Observable } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import { CommonModule } from '@angular/common';
-import { TuiLoaderModule } from '@taiga-ui/core/components/loader';
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { InjectionToken, ElementRef, forwardRef, Component, ChangeDetectionStrategy, Inject, Input, HostBinding, HostListener, NgModule } from '@angular/core';
+import * as i6 from '@taiga-ui/cdk';
+import { AbstractTuiInteractive, tuiIsNativeFocused, TuiFocusVisibleService, TUI_FOCUSABLE_ITEM_ACCESSOR, TuiDestroyService, tuiDefaultProp } from '@taiga-ui/cdk';
+import * as i1 from '@taiga-ui/core/components/svg';
 import { TuiSvgModule } from '@taiga-ui/core/components/svg';
+import * as i2 from '@taiga-ui/core/components/loader';
+import { TuiLoaderModule } from '@taiga-ui/core/components/loader';
+import * as i3 from '@taiga-ui/core/directives/wrapper';
 import { TuiWrapperModule } from '@taiga-ui/core/directives/wrapper';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i5 from '@tinkoff/ng-polymorpheus';
 import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 
 const TUI_BUTTON_DEFAULT_OPTIONS = {
-    size: 'l',
+    size: `l`,
     shape: null,
     appearance: "primary" /* Primary */,
 };
-const TUI_BUTTON_OPTIONS = new InjectionToken('Default parameters for button component', {
+const TUI_BUTTON_OPTIONS = new InjectionToken(`Default parameters for button component`, {
     factory: () => TUI_BUTTON_DEFAULT_OPTIONS,
 });
 const tuiButtonOptionsProvider = (options) => ({
@@ -22,33 +27,18 @@ const tuiButtonOptionsProvider = (options) => ({
     useValue: Object.assign(Object.assign({}, TUI_BUTTON_DEFAULT_OPTIONS), options),
 });
 
-var TuiButtonComponent_1;
-let TuiButtonComponent = TuiButtonComponent_1 = class TuiButtonComponent extends AbstractTuiInteractive {
-    constructor(elementRef, focusVisible$, hoveredService, destroy$, changeDetectorRef, takeOnlyTrustedEvents, options) {
+class TuiButtonComponent extends AbstractTuiInteractive {
+    constructor(elementRef, focusVisible$, options) {
         super();
         this.elementRef = elementRef;
-        this.takeOnlyTrustedEvents = takeOnlyTrustedEvents;
         this.options = options;
-        this.appearance = this.options.appearance || '';
+        this.appearance = this.options.appearance || ``;
         this.disabled = false;
-        this.icon = '';
-        this.iconRight = '';
+        this.icon = ``;
+        this.iconRight = ``;
         this.shape = this.options.shape;
         this.showLoader = false;
         this.size = this.options.size;
-        hoveredService
-            .createHovered$(elementRef.nativeElement)
-            .pipe(watch(changeDetectorRef), takeUntil(destroy$))
-            .subscribe(hovered => {
-            this.updateHovered(hovered);
-        });
-        pressedObservable(elementRef.nativeElement, {
-            onlyTrusted: this.takeOnlyTrustedEvents,
-        })
-            .pipe(watch(changeDetectorRef), takeUntil(destroy$))
-            .subscribe(pressed => {
-            this.updatePressed(pressed);
-        });
         focusVisible$.subscribe(focusVisible => {
             this.updateFocusVisible(focusVisible);
         });
@@ -57,13 +47,13 @@ let TuiButtonComponent = TuiButtonComponent_1 = class TuiButtonComponent extends
         return this.nativeDisabled ? null : this.elementRef.nativeElement;
     }
     get focused() {
-        return !this.showLoader && isNativeFocused(this.elementRef.nativeElement);
+        return !this.showLoader && tuiIsNativeFocused(this.elementRef.nativeElement);
     }
     get loaderSize() {
-        return this.size === 'l' || this.size === 'xl' ? 'm' : 's';
+        return this.size === `l` || this.size === `xl` ? `m` : `s`;
     }
     get nativeDisabled() {
-        return this.computedDisabled || this.showLoader ? '' : null;
+        return this.computedDisabled || this.showLoader ? `` : null;
     }
     get tabIndex() {
         return this.focusable ? 0 : -1;
@@ -71,97 +61,131 @@ let TuiButtonComponent = TuiButtonComponent_1 = class TuiButtonComponent extends
     onFocused(focused) {
         this.updateFocused(focused);
     }
-};
-TuiButtonComponent.ctorParameters = () => [
-    { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-    { type: TuiFocusVisibleService, decorators: [{ type: Inject, args: [TuiFocusVisibleService,] }] },
-    { type: TuiHoveredService, decorators: [{ type: Inject, args: [TuiHoveredService,] }] },
-    { type: Observable, decorators: [{ type: Inject, args: [TuiDestroyService,] }] },
-    { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
-    { type: Boolean, decorators: [{ type: Inject, args: [TUI_TAKE_ONLY_TRUSTED_EVENTS,] }] },
-    { type: undefined, decorators: [{ type: Inject, args: [TUI_BUTTON_OPTIONS,] }] }
-];
+}
+TuiButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiButtonComponent, deps: [{ token: ElementRef }, { token: TuiFocusVisibleService }, { token: TUI_BUTTON_OPTIONS }], target: i0.ɵɵFactoryTarget.Component });
+TuiButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: { appearance: "appearance", disabled: "disabled", icon: "icon", iconRight: "iconRight", shape: "shape", showLoader: "showLoader", size: "size" }, host: { listeners: { "focusin": "onFocused(true)", "focusout": "onFocused(false)" }, properties: { "attr.data-appearance": "this.appearance", "attr.data-shape": "this.shape", "class._loading": "this.showLoader", "attr.data-size": "this.size", "attr.disabled": "this.nativeDisabled", "tabIndex": "this.tabIndex" } }, providers: [
+        {
+            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
+            useExisting: forwardRef(() => TuiButtonComponent),
+        },
+        TuiDestroyService,
+        TuiFocusVisibleService,
+    ], usesInheritance: true, ngImport: i0, template: "<div\n    tuiWrapper\n    class=\"t-wrapper\"\n    [appearance]=\"appearance\"\n    [hover]=\"pseudoHover\"\n    [active]=\"pseudoActive\"\n    [disabled]=\"computedDisabled\"\n    [focus]=\"computedFocusVisible\"\n>\n    <span class=\"t-content\">\n        <span\n            *ngIf=\"icon\"\n            class=\"t-left\"\n        >\n            <tui-svg\n                *polymorpheusOutlet=\"icon as text\"\n                class=\"t-icon\"\n                [src]=\"text\"\n            ></tui-svg>\n        </span>\n        <ng-content></ng-content>\n        <span\n            *ngIf=\"iconRight\"\n            class=\"t-right\"\n        >\n            <tui-svg\n                *polymorpheusOutlet=\"iconRight as text\"\n                class=\"t-icon\"\n                [src]=\"text\"\n            ></tui-svg>\n        </span>\n    </span>\n    <tui-loader\n        *ngIf=\"showLoader\"\n        class=\"t-loader\"\n        [size]=\"loaderSize\"\n        [inheritColor]=\"true\"\n    ></tui-loader>\n</div>\n", styles: [":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:inline-block;flex-shrink:0;vertical-align:top;border-radius:var(--tui-radius-m);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;outline:none}:host[disabled]{pointer-events:none}:host[tuiIconButton] .t-left,:host[tuiIconButton] .t-right{margin:0}:host[data-shape=rounded]{border-radius:6.25rem}:host[data-size=xs]{height:var(--tui-height-xs);font-weight:normal}:host[data-size=xs][data-shape=square],:host[data-size=xs][tuiIconButton]{height:var(--tui-height-xs);width:var(--tui-height-xs)}:host[data-size=s]{height:var(--tui-height-s);font-weight:normal}:host[data-size=s][data-shape=square],:host[data-size=s][tuiIconButton]{height:var(--tui-height-s);width:var(--tui-height-s)}:host[data-size=m]{height:var(--tui-height-m);font:var(--tui-font-text-m);font-weight:bold}:host[data-size=m][data-shape=square],:host[data-size=m][tuiIconButton]{height:var(--tui-height-m);width:var(--tui-height-m)}:host[data-size=l]{height:var(--tui-height-l);font:var(--tui-font-text-m);font-weight:bold}:host[data-size=l][data-shape=square],:host[data-size=l][tuiIconButton]{height:var(--tui-height-l);width:var(--tui-height-l)}:host[data-size=xl]{height:3.75rem;font:var(--tui-font-text-m);font-weight:bold}:host[data-size=xl][data-shape=square],:host[data-size=xl][tuiIconButton]{height:3.75rem;width:3.75rem}.t-loader{position:absolute;top:0;left:0;width:100%;height:100%;cursor:default}.t-left{margin:0 .5rem 0 -.25rem}.t-right{margin:0 -.5rem 0 .25rem}.t-icon{display:block}:host[data-size=s] .t-icon,:host[data-size=xs] .t-icon{width:1rem;height:1rem}:host[tuiIconButton] .t-left,:host[tuiIconButton] .t-right,:host[tuiIconButton] .t-icon{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-wrapper{position:relative;z-index:0;box-sizing:border-box;cursor:pointer}:host[data-size=xs] .t-wrapper{padding:0 .5rem}:host[data-size=s] .t-wrapper{padding:0 .75rem}:host[data-size=m] .t-wrapper{padding:0 1.5rem}:host[data-size=l] .t-wrapper{padding:0 2.25rem}:host[data-size=xl] .t-wrapper{padding:0 2.5rem}:host[data-shape=square] .t-wrapper,:host[tuiIconButton] .t-wrapper{padding:0}.t-content{display:flex;height:100%;align-items:center;justify-content:center;text-align:center}:host._loading .t-content{opacity:0}\n"], components: [{ type: i1.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }, { type: i2.TuiLoaderComponent, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }], directives: [{ type: i3.TuiWrapperDirective, selector: "[tuiWrapper]", inputs: ["disabled", "readOnly", "hover", "active", "focus", "invalid", "appearance"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 __decorate([
-    Input(),
-    HostBinding('attr.data-appearance'),
     tuiDefaultProp()
 ], TuiButtonComponent.prototype, "appearance", void 0);
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiButtonComponent.prototype, "disabled", void 0);
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiButtonComponent.prototype, "icon", void 0);
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiButtonComponent.prototype, "iconRight", void 0);
 __decorate([
-    Input(),
-    HostBinding('attr.data-shape'),
     tuiDefaultProp()
 ], TuiButtonComponent.prototype, "shape", void 0);
 __decorate([
-    Input(),
-    HostBinding('class._loading'),
     tuiDefaultProp()
 ], TuiButtonComponent.prototype, "showLoader", void 0);
 __decorate([
-    Input(),
-    HostBinding('attr.data-size'),
     tuiDefaultProp()
 ], TuiButtonComponent.prototype, "size", void 0);
-__decorate([
-    HostBinding('attr.disabled')
-], TuiButtonComponent.prototype, "nativeDisabled", null);
-__decorate([
-    HostBinding('tabIndex')
-], TuiButtonComponent.prototype, "tabIndex", null);
-__decorate([
-    HostListener('focusin', ['true']),
-    HostListener('focusout', ['false'])
-], TuiButtonComponent.prototype, "onFocused", null);
-TuiButtonComponent = TuiButtonComponent_1 = __decorate([
-    Component({
-        selector: 'button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]',
-        template: "<tui-wrapper\n    class=\"t-wrapper\"\n    [appearance]=\"appearance\"\n    [hovered]=\"computedHovered\"\n    [pressed]=\"computedPressed\"\n    [disabled]=\"computedDisabled\"\n    [focused]=\"computedFocusVisible\"\n>\n    <span class=\"t-content\">\n        <span\n            *ngIf=\"icon\"\n            polymorpheus-outlet\n            class=\"t-left\"\n            [content]=\"icon\"\n        >\n            <ng-template let-icon>\n                <tui-svg\n                    class=\"t-icon\"\n                    [src]=\"icon\"\n                ></tui-svg>\n            </ng-template>\n        </span>\n        <ng-content></ng-content>\n        <span\n            *ngIf=\"iconRight\"\n            polymorpheus-outlet\n            class=\"t-right\"\n            [content]=\"iconRight\"\n        >\n            <ng-template let-icon>\n                <tui-svg\n                    class=\"t-icon\"\n                    [src]=\"icon\"\n                ></tui-svg>\n            </ng-template>\n        </span>\n    </span>\n    <tui-loader\n        *ngIf=\"showLoader\"\n        class=\"t-loader\"\n        [size]=\"loaderSize\"\n        [inheritColor]=\"true\"\n    ></tui-loader>\n</tui-wrapper>\n",
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        providers: [
-            {
-                provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
-                useExisting: forwardRef(() => TuiButtonComponent_1),
-            },
-            TuiDestroyService,
-            TuiFocusVisibleService,
-        ],
-        styles: [":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:0 0;font-size:inherit;line-height:inherit;font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:inline-block;flex-shrink:0;vertical-align:top;border-radius:var(--tui-radius-m);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;font-weight:700;outline:0}:host[disabled]{pointer-events:none}:host[tuiIconButton] .t-left,:host[tuiIconButton] .t-right{margin:0}:host[data-shape=rounded]{border-radius:6.25rem}:host[data-size=xs]{height:var(--tui-height-xs);font-weight:400}:host[data-size=xs][data-shape=square],:host[data-size=xs][tuiIconButton]{height:var(--tui-height-xs);width:var(--tui-height-xs)}:host[data-size='s']{height:var(--tui-height-s);font-weight:400}:host[data-size='s'][data-shape=square],:host[data-size='s'][tuiIconButton]{height:var(--tui-height-s);width:var(--tui-height-s)}:host[data-size='m']{height:var(--tui-height-m);font-size:.9375rem}:host[data-size='m'][data-shape=square],:host[data-size='m'][tuiIconButton]{height:var(--tui-height-m);width:var(--tui-height-m)}:host[data-size='l']{height:var(--tui-height-l);font-size:.9375rem}:host[data-size='l'][data-shape=square],:host[data-size='l'][tuiIconButton]{height:var(--tui-height-l);width:var(--tui-height-l)}:host[data-size=xl]{height:3.75rem;font-size:.9375rem}:host[data-size=xl][data-shape=square],:host[data-size=xl][tuiIconButton]{height:3.75rem;width:3.75rem}.t-loader{position:absolute;top:0;left:0;width:100%;height:100%;cursor:default}.t-left{margin:0 .5rem 0 -.25rem}.t-right{margin:0 -.5rem 0 .25rem}.t-icon{display:block}:host[data-size='s'] .t-icon,:host[data-size=xs] .t-icon{width:1rem;height:1rem}:host[tuiIconButton] .t-icon,:host[tuiIconButton] .t-left,:host[tuiIconButton] .t-right{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-wrapper{position:relative;z-index:0;box-sizing:border-box;cursor:pointer}:host[data-size=xs] .t-wrapper{padding:0 .5rem}:host[data-size='s'] .t-wrapper{padding:0 .75rem}:host[data-size='m'] .t-wrapper{padding:0 1.5rem}:host[data-size='l'] .t-wrapper{padding:0 2.25rem}:host[data-size=xl] .t-wrapper{padding:0 2.5rem}:host[data-shape=square] .t-wrapper,:host[tuiIconButton] .t-wrapper{padding:0}.t-content{display:flex;height:100%;align-items:center;justify-content:center;text-align:center}:host._loading .t-content{opacity:0}"]
-    }),
-    __param(0, Inject(ElementRef)),
-    __param(1, Inject(TuiFocusVisibleService)),
-    __param(2, Inject(TuiHoveredService)),
-    __param(3, Inject(TuiDestroyService)),
-    __param(4, Inject(ChangeDetectorRef)),
-    __param(5, Inject(TUI_TAKE_ONLY_TRUSTED_EVENTS)),
-    __param(6, Inject(TUI_BUTTON_OPTIONS))
-], TuiButtonComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: `button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]`,
+                    templateUrl: `./button.template.html`,
+                    styleUrls: [`./button.style.less`],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        {
+                            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
+                            useExisting: forwardRef(() => TuiButtonComponent),
+                        },
+                        TuiDestroyService,
+                        TuiFocusVisibleService,
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef, decorators: [{
+                    type: Inject,
+                    args: [ElementRef]
+                }] }, { type: i6.TuiFocusVisibleService, decorators: [{
+                    type: Inject,
+                    args: [TuiFocusVisibleService]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TUI_BUTTON_OPTIONS]
+                }] }]; }, propDecorators: { appearance: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: [`attr.data-appearance`]
+            }], disabled: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconRight: [{
+                type: Input
+            }], shape: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: [`attr.data-shape`]
+            }], showLoader: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: [`class._loading`]
+            }], size: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: [`attr.data-size`]
+            }], nativeDisabled: [{
+                type: HostBinding,
+                args: [`attr.disabled`]
+            }], tabIndex: [{
+                type: HostBinding,
+                args: [`tabIndex`]
+            }], onFocused: [{
+                type: HostListener,
+                args: [`focusin`, [`true`]]
+            }, {
+                type: HostListener,
+                args: [`focusout`, [`false`]]
+            }] } });
 
-let TuiButtonModule = class TuiButtonModule {
-};
-TuiButtonModule = __decorate([
-    NgModule({
-        imports: [
+class TuiButtonModule {
+}
+TuiButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiButtonModule, declarations: [TuiButtonComponent], imports: [CommonModule,
+        PolymorpheusModule,
+        TuiWrapperModule,
+        TuiSvgModule,
+        TuiLoaderModule], exports: [TuiButtonComponent] });
+TuiButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiButtonModule, imports: [[
             CommonModule,
             PolymorpheusModule,
             TuiWrapperModule,
             TuiSvgModule,
             TuiLoaderModule,
-        ],
-        declarations: [TuiButtonComponent],
-        exports: [TuiButtonComponent],
-    })
-], TuiButtonModule);
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        PolymorpheusModule,
+                        TuiWrapperModule,
+                        TuiSvgModule,
+                        TuiLoaderModule,
+                    ],
+                    declarations: [TuiButtonComponent],
+                    exports: [TuiButtonComponent],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.