@taiga-ui/core 3.17.0 → 3.18.0-dev.main-6071534

package/components/svg/svg-options.d.ts

@@ -0,0 +1,14 @@
+import { InjectionToken, ValueProvider } from '@angular/core';
+import { SafeHtml } from '@angular/platform-browser';
+import { TuiHandler, TuiStringHandler } from '@taiga-ui/cdk';
+export interface TuiSvgOptions {
+    readonly path: TuiStringHandler<string>;
+    readonly deprecated: TuiStringHandler<string>;
+    readonly srcProcessor: TuiHandler<SafeHtml | string, SafeHtml | string>;
+    readonly contentProcessor: TuiHandler<SafeHtml | string, SafeHtml | string>;
+}
+export declare const TUI_SVG_DEFAULT_OPTIONS: TuiSvgOptions;
+export declare const TUI_SVG_OPTIONS: InjectionToken<TuiSvgOptions>;
+export declare const tuiSvgOptionsProvider: (options: Partial<Omit<TuiSvgOptions, 'path'>> & {
+    path?: TuiSvgOptions['path'] | string;
+}) => ValueProvider;

package/components/svg/svg.component.d.ts

@@ -1,25 +1,23 @@
 import { ElementRef, Sanitizer } from '@angular/core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
-import { TuiInjectionTokenType, TuiStaticRequestService, TuiStringHandler } from '@taiga-ui/cdk';
+import { TuiStaticRequestService } from '@taiga-ui/cdk';
 import { TuiSvgService } from '@taiga-ui/core/services';
-import { TUI_SVG_CONTENT_PROCESSOR, TUI_SVG_SRC_PROCESSOR } from '@taiga-ui/core/tokens';
 import { Observable } from 'rxjs';
+import { TuiSvgOptions } from './svg-options';
 import * as i0 from "@angular/core";
 export declare class TuiSvgComponent {
     private readonly documentRef;
     private readonly windowRef;
-    private readonly iconsPath;
+    private readonly options;
     private readonly tuiSanitizer;
     private readonly svgService;
     private readonly staticRequestService;
     private readonly sanitizer;
     private readonly elementRef;
-    private readonly srcProcessor;
-    private readonly contentProcessor;
     private readonly src$;
     private icon;
     readonly innerHTML$: Observable<SafeHtml>;
-    constructor(documentRef: Document, windowRef: Window, iconsPath: TuiStringHandler<string>, tuiSanitizer: Sanitizer | null, svgService: TuiSvgService, staticRequestService: TuiStaticRequestService, sanitizer: DomSanitizer, elementRef: ElementRef<Element>, srcProcessor: TuiInjectionTokenType<typeof TUI_SVG_SRC_PROCESSOR>, contentProcessor: TuiInjectionTokenType<typeof TUI_SVG_CONTENT_PROCESSOR>);
+    constructor(documentRef: Document, windowRef: Window, options: TuiSvgOptions, tuiSanitizer: Sanitizer | null, svgService: TuiSvgService, staticRequestService: TuiStaticRequestService, sanitizer: DomSanitizer, elementRef: ElementRef<Element>);
     set src(src: SafeHtml | string);
     get src(): SafeHtml | string;
     get use(): string;
@@ -37,6 +35,6 @@ export declare class TuiSvgComponent {
     private process;
     private sanitize;
     private getExternalIcon;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiSvgComponent, [null, null, null, { optional: true; }, null, null, null, null, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiSvgComponent, [null, null, null, { optional: true; }, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiSvgComponent, "tui-svg", never, { "src": "src"; }, {}, never, never>;
 }

package/components/tooltip/tooltip.component.d.ts

@@ -1,11 +1,11 @@
-import { TuiHintOptions, TuiHintOptionsDirective } from '@taiga-ui/core/directives';
+import { TuiHintHoverDirective, TuiHintOptions, TuiHintOptionsDirective } from '@taiga-ui/core/directives';
 import { TuiBrightness } from '@taiga-ui/core/types';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class TuiTooltipComponent extends TuiHintOptionsDirective {
     private readonly isMobile;
     private mode;
-    readonly driver$: Observable<boolean>;
+    readonly driver$?: TuiHintHoverDirective;
     describeId: string;
     constructor(destroy$: Observable<unknown>, mode$: Observable<TuiBrightness | null>, options: TuiHintOptions, isMobile: boolean);
     get computedAppearance(): string;

package/components/tooltip/tooltip.module.d.ts

@@ -1,11 +1,12 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./tooltip.component";
 import * as i2 from "@angular/common";
-import * as i3 from "@taiga-ui/core/components/svg";
-import * as i4 from "@taiga-ui/core/directives/hint";
-import * as i5 from "@tinkoff/ng-polymorpheus";
+import * as i3 from "@taiga-ui/core/directives/wrapper";
+import * as i4 from "@taiga-ui/core/components/svg";
+import * as i5 from "@taiga-ui/core/directives/hint";
+import * as i6 from "@tinkoff/ng-polymorpheus";
 export declare class TuiTooltipModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTooltipModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiTooltipModule, [typeof i1.TuiTooltipComponent], [typeof i2.CommonModule, typeof i3.TuiSvgModule, typeof i4.TuiHintModule, typeof i5.PolymorpheusModule], [typeof i1.TuiTooltipComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiTooltipModule, [typeof i1.TuiTooltipComponent], [typeof i2.CommonModule, typeof i3.TuiWrapperModule, typeof i4.TuiSvgModule, typeof i5.TuiHintModule, typeof i6.PolymorpheusModule], [typeof i1.TuiTooltipComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TuiTooltipModule>;
 }

package/directives/dropdown/dropdown-hover-options.directive.d.ts

@@ -0,0 +1,9 @@
+import { InjectionToken, ValueProvider } from '@angular/core';
+export interface TuiDropdownHoverOptions {
+    readonly showDelay: number;
+    readonly hideDelay: number;
+}
+/** Default values for hint options */
+export declare const TUI_DROPDOWN_HOVER_DEFAULT_OPTIONS: TuiDropdownHoverOptions;
+export declare const TUI_DROPDOWN_HOVER_OPTIONS: InjectionToken<TuiDropdownHoverOptions>;
+export declare const tuiDropdownHoverOptionsProvider: (options: Partial<TuiDropdownHoverOptions>) => ValueProvider;

package/directives/dropdown/dropdown-hover.directive.d.ts

@@ -1,14 +1,16 @@
 import { TuiDriver } from '@taiga-ui/core/abstract';
 import { Observable } from 'rxjs';
+import { TuiDropdownHoverOptions } from './dropdown-hover-options.directive';
 import * as i0 from "@angular/core";
 export declare class TuiDropdownHoverDirective extends TuiDriver {
     private readonly hovered$;
+    private readonly options;
     private readonly toggle$;
     private readonly stream$;
     showDelay: number;
     hideDelay: number;
     hovered: boolean;
-    constructor(hovered$: Observable<boolean>);
+    constructor(hovered$: Observable<boolean>, options: TuiDropdownHoverOptions);
     toggle(visible: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownHoverDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownHoverDirective, "[tuiDropdownHover]:not(ng-container)", never, { "showDelay": "tuiDropdownShowDelay"; "hideDelay": "tuiDropdownHideDelay"; }, {}, never>;

package/directives/dropdown/dropdown-position-sided.directive.d.ts

@@ -4,13 +4,13 @@ import { TuiDropdownOptions } from './dropdown-options.directive';
 import * as i0 from "@angular/core";
 export declare class TuiDropdownPositionSidedDirective implements TuiPositionAccessor {
     private readonly options;
-    private readonly windowRef;
+    private readonly viewport;
     private readonly accessor;
     private readonly vertical;
     private previous;
     tuiDropdownSided: boolean | string;
     tuiDropdownSidedOffset: number;
-    constructor(options: TuiDropdownOptions, windowRef: Window, accessor: TuiRectAccessor, vertical: TuiPositionAccessor);
+    constructor(options: TuiDropdownOptions, viewport: TuiRectAccessor, accessor: TuiRectAccessor, vertical: TuiPositionAccessor);
     getPosition(rect: ClientRect): TuiPoint;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownPositionSidedDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownPositionSidedDirective, "[tuiDropdownSided]", never, { "tuiDropdownSided": "tuiDropdownSided"; "tuiDropdownSidedOffset": "tuiDropdownSidedOffset"; }, {}, never>;

package/directives/dropdown/dropdown-position.directive.d.ts

@@ -4,10 +4,10 @@ import { TuiDropdownOptions } from './dropdown-options.directive';
 import * as i0 from "@angular/core";
 export declare class TuiDropdownPositionDirective implements TuiPositionAccessor {
     private readonly options;
-    private readonly windowRef;
+    private readonly viewport;
     private readonly accessor;
     private previous?;
-    constructor(options: TuiDropdownOptions, windowRef: Window, accessor: TuiRectAccessor);
+    constructor(options: TuiDropdownOptions, viewport: TuiRectAccessor, accessor: TuiRectAccessor);
     getPosition({ width, height }: ClientRect): TuiPoint;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownPositionDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownPositionDirective, "[tuiDropdown]:not([tuiDropdownCustomPosition]):not([tuiDropdownSided])", never, {}, {}, never>;

package/directives/dropdown/index.d.ts

@@ -6,6 +6,7 @@ export * from './dropdown-context.directive';
 export * from './dropdown-driver.directive';
 export * from './dropdown-host.directive';
 export * from './dropdown-hover.directive';
+export * from './dropdown-hover-options.directive';
 export * from './dropdown-manual.directive';
 export * from './dropdown-options.directive';
 export * from './dropdown-position.directive';

package/directives/hint/hint-hover.directive.d.ts

@@ -1,3 +1,4 @@
+import { ElementRef } from '@angular/core';
 import { TuiDriver } from '@taiga-ui/core/abstract';
 import { Observable } from 'rxjs';
 import { TuiHintOptions } from './hint-options.directive';
@@ -5,12 +6,13 @@ import * as i0 from "@angular/core";
 export declare class TuiHintHoverDirective extends TuiDriver {
     private readonly hovered$;
     private readonly options;
+    readonly elementRef: ElementRef<HTMLElement>;
     private readonly toggle$;
     private readonly stream$;
     showDelay: TuiHintOptions['showDelay'];
     hideDelay: TuiHintOptions['hideDelay'];
-    constructor(hovered$: Observable<boolean>, options: TuiHintOptions);
+    constructor(hovered$: Observable<boolean>, options: TuiHintOptions, elementRef: ElementRef<HTMLElement>);
     toggle(visible: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiHintHoverDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintHoverDirective, "[tuiHint]:not(ng-container)", never, { "showDelay": "tuiHintShowDelay"; "hideDelay": "tuiHintHideDelay"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintHoverDirective, "[tuiHint]:not(ng-container)", ["tuiHintHover"], { "showDelay": "tuiHintShowDelay"; "hideDelay": "tuiHintHideDelay"; }, {}, never>;
 }

package/directives/hint/hint-position.directive.d.ts

@@ -4,11 +4,11 @@ import { TuiHintOptions } from './hint-options.directive';
 import * as i0 from "@angular/core";
 export declare class TuiHintPositionDirective implements TuiPositionAccessor {
     private readonly options;
-    private readonly windowRef;
+    private readonly viewport;
     private readonly accessor;
     private readonly points;
     direction: TuiHintOptions['direction'];
-    constructor(options: TuiHintOptions, windowRef: Window, accessor: TuiRectAccessor);
+    constructor(options: TuiHintOptions, viewport: TuiRectAccessor, accessor: TuiRectAccessor);
     getPosition({ width, height }: ClientRect): TuiPoint;
     private get fallback();
     private checkPosition;

package/esm2015/abstract/abstract-driver.directive.js

@@ -13,9 +13,9 @@ export class AbstractTuiDriverDirective {
         });
     }
 }
-AbstractTuiDriverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AbstractTuiDriverDirective, deps: [{ token: TuiDestroyService, self: true }, { token: TuiDriver }, { token: TuiVehicle }], target: i0.ɵɵFactoryTarget.Directive });
-AbstractTuiDriverDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: AbstractTuiDriverDirective, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AbstractTuiDriverDirective, decorators: [{
+AbstractTuiDriverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AbstractTuiDriverDirective, deps: [{ token: TuiDestroyService, self: true }, { token: TuiDriver }, { token: TuiVehicle }], target: i0.ɵɵFactoryTarget.Directive });
+AbstractTuiDriverDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: AbstractTuiDriverDirective, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AbstractTuiDriverDirective, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i1.Observable, decorators: [{
                     type: Self

package/esm2015/abstract/abstract-textfield-host.js

@@ -23,9 +23,9 @@ export class AbstractTuiTextfieldHost {
     }
     process(_input) { }
 }
-AbstractTuiTextfieldHost.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AbstractTuiTextfieldHost, deps: [{ token: AbstractTuiControl }], target: i0.ɵɵFactoryTarget.Directive });
-AbstractTuiTextfieldHost.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: AbstractTuiTextfieldHost, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AbstractTuiTextfieldHost, decorators: [{
+AbstractTuiTextfieldHost.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AbstractTuiTextfieldHost, deps: [{ token: AbstractTuiControl }], target: i0.ɵɵFactoryTarget.Directive });
+AbstractTuiTextfieldHost.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: AbstractTuiTextfieldHost, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AbstractTuiTextfieldHost, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,

package/esm2015/abstract/rect-accessor.js

@@ -1,3 +1,4 @@
+// TODO: Rename to getBoundingClientRect to match the DOM API
 // eslint-disable-next-line @typescript-eslint/naming-convention
 export class TuiRectAccessor {
 }
@@ -7,4 +8,4 @@ export function tuiAsRectAccessor(useExisting) {
         useExisting,
     };
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVjdC1hY2Nlc3Nvci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvYWJzdHJhY3QvcmVjdC1hY2Nlc3Nvci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxnRUFBZ0U7QUFDaEUsTUFBTSxPQUFnQixlQUFlO0NBRXBDO0FBRUQsTUFBTSxVQUFVLGlCQUFpQixDQUFDLFdBQWtDO0lBQ2hFLE9BQU87UUFDSCxPQUFPLEVBQUUsZUFBZTtRQUN4QixXQUFXO0tBQ2QsQ0FBQztBQUNOLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0V4aXN0aW5nUHJvdmlkZXIsIFR5cGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgVHVpUmVjdEFjY2Vzc29yIHtcbiAgICBhYnN0cmFjdCBnZXRDbGllbnRSZWN0KCk6IENsaWVudFJlY3Q7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiB0dWlBc1JlY3RBY2Nlc3Nvcih1c2VFeGlzdGluZzogVHlwZTxUdWlSZWN0QWNjZXNzb3I+KTogRXhpc3RpbmdQcm92aWRlciB7XG4gICAgcmV0dXJuIHtcbiAgICAgICAgcHJvdmlkZTogVHVpUmVjdEFjY2Vzc29yLFxuICAgICAgICB1c2VFeGlzdGluZyxcbiAgICB9O1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVjdC1hY2Nlc3Nvci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvYWJzdHJhY3QvcmVjdC1hY2Nlc3Nvci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSw2REFBNkQ7QUFDN0QsZ0VBQWdFO0FBQ2hFLE1BQU0sT0FBZ0IsZUFBZTtDQUVwQztBQUVELE1BQU0sVUFBVSxpQkFBaUIsQ0FBQyxXQUFrQztJQUNoRSxPQUFPO1FBQ0gsT0FBTyxFQUFFLGVBQWU7UUFDeEIsV0FBVztLQUNkLENBQUM7QUFDTixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtFeGlzdGluZ1Byb3ZpZGVyLCBUeXBlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLy8gVE9ETzogUmVuYW1lIHRvIGdldEJvdW5kaW5nQ2xpZW50UmVjdCB0byBtYXRjaCB0aGUgRE9NIEFQSVxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIFR1aVJlY3RBY2Nlc3NvciB7XG4gICAgYWJzdHJhY3QgZ2V0Q2xpZW50UmVjdCgpOiBDbGllbnRSZWN0O1xufVxuXG5leHBvcnQgZnVuY3Rpb24gdHVpQXNSZWN0QWNjZXNzb3IodXNlRXhpc3Rpbmc6IFR5cGU8VHVpUmVjdEFjY2Vzc29yPik6IEV4aXN0aW5nUHJvdmlkZXIge1xuICAgIHJldHVybiB7XG4gICAgICAgIHByb3ZpZGU6IFR1aVJlY3RBY2Nlc3NvcixcbiAgICAgICAgdXNlRXhpc3RpbmcsXG4gICAgfTtcbn1cbiJdfQ==

package/esm2015/components/alert/alert.component.js

@@ -50,9 +50,9 @@ export class TuiAlertComponent {
             .subscribe(() => this.closeNotification());
     }
 }
-TuiAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiAlertComponent, deps: [{ token: ElementRef }, { token: TuiDestroyService, self: true }, { 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=\"t-heading\"\n    >\n        <!-- TODO: Polymorpheus fix type -->\n        <ng-container *polymorpheusOutlet=\"$any(item.label) as text; context: item\">\n            {{ text }}\n        </ng-container>\n    </label>\n    <div\n        automation-id=\"tui-notification-alert__content\"\n        class=\"t-content\"\n    >\n        <!-- TODO: Polymorpheus fix type -->\n        <ng-container *polymorpheusOutlet=\"item.content as text; context: $any(item)\">\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=\"t-heading\"\n        >\n            <!-- TODO: Polymorpheus fix type -->\n            <ng-container *polymorpheusOutlet=\"$any(item.label) as text; context: item\">\n                {{ text }}\n            </ng-container>\n        </label>\n        <div\n            automation-id=\"tui-notification-alert__content\"\n            class=\"t-content\"\n        >\n            <!-- TODO: Polymorpheus fix type -->\n            <ng-container *polymorpheusOutlet=\"item.content as text; context: $any(item)\">\n                {{ text }}\n            </ng-container>\n        </div>\n    </tui-notification>\n</ng-template>\n", styles: [":host{box-shadow:0 1.5rem 1rem rgba(0,0,0,.03),0 .75rem .75rem rgba(0,0,0,.04),0 .25rem .375rem rgba(0,0,0,.05);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}.t-heading{font:var(--tui-font-text-m);line-height:1.25rem;font-weight:bold;margin:0}.t-content{color:var(--tui-text-01);word-wrap:break-word}.t-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 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiAlertComponent, decorators: [{
+TuiAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAlertComponent, deps: [{ token: ElementRef }, { token: TuiDestroyService, self: true }, { 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.17", 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=\"t-heading\"\n    >\n        <!-- TODO: Polymorpheus fix type -->\n        <ng-container *polymorpheusOutlet=\"$any(item.label) as text; context: item\">\n            {{ text }}\n        </ng-container>\n    </label>\n    <div\n        automation-id=\"tui-notification-alert__content\"\n        class=\"t-content\"\n    >\n        <!-- TODO: Polymorpheus fix type -->\n        <ng-container *polymorpheusOutlet=\"item.content as text; context: $any(item)\">\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=\"t-heading\"\n        >\n            <!-- TODO: Polymorpheus fix type -->\n            <ng-container *polymorpheusOutlet=\"$any(item.label) as text; context: item\">\n                {{ text }}\n            </ng-container>\n        </label>\n        <div\n            automation-id=\"tui-notification-alert__content\"\n            class=\"t-content\"\n        >\n            <!-- TODO: Polymorpheus fix type -->\n            <ng-container *polymorpheusOutlet=\"item.content as text; context: $any(item)\">\n                {{ text }}\n            </ng-container>\n        </div>\n    </tui-notification>\n</ng-template>\n", styles: [":host{box-shadow:0 1.5rem 1rem rgba(0,0,0,.03),0 .75rem .75rem rgba(0,0,0,.04),0 .25rem .375rem rgba(0,0,0,.05);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}.t-heading{font:var(--tui-font-text-m);line-height:1.25rem;font-weight:bold;margin:0}.t-content{color:var(--tui-text-01);word-wrap:break-word}.t-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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAlertComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'tui-alert',

package/esm2015/components/alert/alert.module.js

@@ -8,10 +8,10 @@ import { TuiAlertService } from './alert.service';
 import * as i0 from "@angular/core";
 export 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: [tuiAsAlerts(TuiAlertService)], imports: [[CommonModule, PolymorpheusModule, TuiNotificationModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiAlertModule, decorators: [{
+TuiAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAlertModule, declarations: [TuiAlertComponent], imports: [CommonModule, PolymorpheusModule, TuiNotificationModule], exports: [TuiAlertComponent] });
+TuiAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAlertModule, providers: [tuiAsAlerts(TuiAlertService)], imports: [[CommonModule, PolymorpheusModule, TuiNotificationModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAlertModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, PolymorpheusModule, TuiNotificationModule],

package/esm2015/components/alert/alert.service.js

@@ -12,9 +12,9 @@ export class TuiAlertService extends AbstractTuiDialogService {
         this.component = new PolymorpheusComponent(TuiAlertComponent);
     }
 }
-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: [{
+TuiAlertService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", 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.17", ngImport: i0, type: TuiAlertService, providedIn: `root` });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAlertService, decorators: [{
             type: Injectable,
             args: [{ providedIn: `root` }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{

package/esm2015/components/button/button.component.js

@@ -56,8 +56,8 @@ export class TuiButtonComponent extends AbstractTuiInteractive {
         this.updateFocused(focused);
     }
 }
-TuiButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiButtonComponent, deps: [{ token: TuiModeDirective, optional: true }, { 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-shape": "this.shape", "class._loading": "this.showLoader", "attr.data-size": "this.size", "attr.data-appearance": "this.computedAppearance", "attr.disabled": "this.nativeDisabled", "tabIndex": "this.tabIndex" } }, providers: [
+TuiButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiButtonComponent, deps: [{ token: TuiModeDirective, optional: true }, { token: ElementRef }, { token: TuiFocusVisibleService }, { token: TUI_BUTTON_OPTIONS }], target: i0.ɵɵFactoryTarget.Component });
+TuiButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", 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-shape": "this.shape", "class._loading": "this.showLoader", "attr.data-size": "this.size", "attr.data-appearance": "this.computedAppearance", "attr.disabled": "this.nativeDisabled", "tabIndex": "this.tabIndex" } }, providers: [
         tuiAsFocusableItemAccessor(TuiButtonComponent),
         TuiDestroyService,
         TuiFocusVisibleService,
@@ -83,7 +83,7 @@ __decorate([
 __decorate([
     tuiDefaultProp()
 ], TuiButtonComponent.prototype, "size", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]',

package/esm2015/components/button/button.module.js

@@ -8,20 +8,20 @@ import { TuiButtonComponent } from './button.component';
 import * as i0 from "@angular/core";
 export 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,
+TuiButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", 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: [[
+TuiButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiButtonModule, imports: [[
             CommonModule,
             PolymorpheusModule,
             TuiWrapperModule,
             TuiSvgModule,
             TuiLoaderModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2015/components/calendar/calendar.component.js

@@ -77,8 +77,8 @@ export class TuiCalendarComponent {
         this.hoveredItemChange.emit(day);
     }
 }
-TuiCalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TuiCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiCalendarComponent, selector: "tui-calendar", inputs: { month: "month", disabledItemHandler: "disabledItemHandler", min: "min", max: "max", minViewedMonth: "minViewedMonth", maxViewedMonth: "maxViewedMonth", hoveredItem: "hoveredItem", showAdjacent: "showAdjacent", markerHandler: "markerHandler", value: "value" }, outputs: { dayClick: "dayClick", monthChange: "monthChange", hoveredItemChange: "hoveredItemChange" }, ngImport: i0, template: "<tui-scrollbar\n    *ngIf=\"year; else calendar\"\n    automation-id=\"tui-calendar__scrollbar\"\n    class=\"t-scrollbar\"\n>\n    <tui-primitive-year-picker\n        automation-id=\"tui-calendar__year\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [initialItem]=\"year\"\n        [value]=\"value\"\n        (yearClick)=\"onPickerYearClick($event)\"\n    ></tui-primitive-year-picker>\n</tui-scrollbar>\n<ng-template #calendar>\n    <tui-primitive-year-month-pagination\n        automation-id=\"tui-calendar__pagination\"\n        class=\"t-pagination\"\n        [min]=\"computedMinViewedMonth\"\n        [max]=\"computedMaxViewedMonth\"\n        [value]=\"month\"\n        (valueChange)=\"onPaginationValueChange($event)\"\n        (yearClick)=\"onPaginationYearClick($event)\"\n    ></tui-primitive-year-month-pagination>\n    <tui-primitive-calendar\n        automation-id=\"tui-calendar__calendar\"\n        [showAdjacent]=\"showAdjacent\"\n        [value]=\"value\"\n        [month]=\"month\"\n        [disabledItemHandler]=\"disabledItemHandler | tuiMapper : disabledItemHandlerMapper : min : max\"\n        [markerHandler]=\"markerHandler\"\n        [hoveredItem]=\"hoveredItem\"\n        (hoveredItemChange)=\"onHoveredItemChange($event)\"\n        (dayClick)=\"onDayClick($event)\"\n    ></tui-primitive-calendar>\n</ng-template>\n", styles: [":host{display:block;height:18.25rem;width:15.75rem;padding:1rem 1.125rem;box-sizing:content-box}.t-scrollbar{height:18.25rem;width:16.875rem}.t-pagination{margin-bottom:1rem}\n"], components: [{ type: i1.TuiScrollbarComponent, selector: "tui-scrollbar", inputs: ["hidden"] }, { type: i2.TuiPrimitiveYearPickerComponent, selector: "tui-primitive-year-picker", inputs: ["value", "initialItem", "min", "max", "disabledItemHandler"], outputs: ["yearClick"] }, { type: i3.TuiPrimitiveYearMonthPaginationComponent, selector: "tui-primitive-year-month-pagination", inputs: ["value", "min", "max"], outputs: ["valueChange", "yearClick"] }, { type: i4.TuiPrimitiveCalendarComponent, selector: "tui-primitive-calendar", inputs: ["month", "disabledItemHandler", "markerHandler", "value", "hoveredItem", "showAdjacent"], outputs: ["hoveredItemChange", "dayClick"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "tuiMapper": i6.TuiMapperPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TuiCalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TuiCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCalendarComponent, selector: "tui-calendar", inputs: { month: "month", disabledItemHandler: "disabledItemHandler", min: "min", max: "max", minViewedMonth: "minViewedMonth", maxViewedMonth: "maxViewedMonth", hoveredItem: "hoveredItem", showAdjacent: "showAdjacent", markerHandler: "markerHandler", value: "value" }, outputs: { dayClick: "dayClick", monthChange: "monthChange", hoveredItemChange: "hoveredItemChange" }, ngImport: i0, template: "<tui-scrollbar\n    *ngIf=\"year; else calendar\"\n    automation-id=\"tui-calendar__scrollbar\"\n    class=\"t-scrollbar\"\n>\n    <tui-primitive-year-picker\n        automation-id=\"tui-calendar__year\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [initialItem]=\"year\"\n        [value]=\"value\"\n        (yearClick)=\"onPickerYearClick($event)\"\n    ></tui-primitive-year-picker>\n</tui-scrollbar>\n<ng-template #calendar>\n    <tui-primitive-year-month-pagination\n        automation-id=\"tui-calendar__pagination\"\n        class=\"t-pagination\"\n        [min]=\"computedMinViewedMonth\"\n        [max]=\"computedMaxViewedMonth\"\n        [value]=\"month\"\n        (valueChange)=\"onPaginationValueChange($event)\"\n        (yearClick)=\"onPaginationYearClick($event)\"\n    ></tui-primitive-year-month-pagination>\n    <tui-primitive-calendar\n        automation-id=\"tui-calendar__calendar\"\n        [showAdjacent]=\"showAdjacent\"\n        [value]=\"value\"\n        [month]=\"month\"\n        [disabledItemHandler]=\"disabledItemHandler | tuiMapper : disabledItemHandlerMapper : min : max\"\n        [markerHandler]=\"markerHandler\"\n        [hoveredItem]=\"hoveredItem\"\n        (hoveredItemChange)=\"onHoveredItemChange($event)\"\n        (dayClick)=\"onDayClick($event)\"\n    ></tui-primitive-calendar>\n</ng-template>\n", styles: [":host{display:block;height:18.25rem;width:15.75rem;padding:1rem 1.125rem;box-sizing:content-box}.t-scrollbar{height:18.25rem;width:16.875rem}.t-pagination{margin-bottom:1rem}\n"], components: [{ type: i1.TuiScrollbarComponent, selector: "tui-scrollbar", inputs: ["hidden"] }, { type: i2.TuiPrimitiveYearPickerComponent, selector: "tui-primitive-year-picker", inputs: ["value", "initialItem", "min", "max", "disabledItemHandler"], outputs: ["yearClick"] }, { type: i3.TuiPrimitiveYearMonthPaginationComponent, selector: "tui-primitive-year-month-pagination", inputs: ["value", "min", "max"], outputs: ["valueChange", "yearClick"] }, { type: i4.TuiPrimitiveCalendarComponent, selector: "tui-primitive-calendar", inputs: ["month", "disabledItemHandler", "markerHandler", "value", "hoveredItem", "showAdjacent"], outputs: ["hoveredItemChange", "dayClick"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "tuiMapper": i6.TuiMapperPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 __decorate([
     tuiDefaultProp()
 ], TuiCalendarComponent.prototype, "month", void 0);
@@ -109,7 +109,7 @@ __decorate([
 __decorate([
     tuiDefaultProp()
 ], TuiCalendarComponent.prototype, "value", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiCalendarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCalendarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'tui-calendar',

package/esm2015/components/calendar/calendar.module.js

@@ -9,14 +9,14 @@ import { TuiCalendarComponent } from './calendar.component';
 import * as i0 from "@angular/core";
 export class TuiCalendarModule {
 }
-TuiCalendarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiCalendarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TuiCalendarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiCalendarModule, declarations: [TuiCalendarComponent], imports: [CommonModule,
+TuiCalendarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCalendarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiCalendarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCalendarModule, declarations: [TuiCalendarComponent], imports: [CommonModule,
         TuiPrimitiveYearMonthPaginationModule,
         TuiPrimitiveCalendarModule,
         TuiPrimitiveYearPickerModule,
         TuiScrollbarModule,
         TuiMapperPipeModule], exports: [TuiCalendarComponent] });
-TuiCalendarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiCalendarModule, imports: [[
+TuiCalendarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCalendarModule, imports: [[
             CommonModule,
             TuiPrimitiveYearMonthPaginationModule,
             TuiPrimitiveCalendarModule,
@@ -24,7 +24,7 @@ TuiCalendarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versi
             TuiScrollbarModule,
             TuiMapperPipeModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiCalendarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCalendarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2015/components/data-list/data-list.component.js

@@ -61,8 +61,8 @@ export class TuiDataListComponent {
         return Array.from(this.elementRef.nativeElement.querySelectorAll('[tuiOption]'));
     }
 }
-TuiDataListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiDataListComponent, deps: [{ token: TUI_TEXTFIELD_WATCHED_CONTROLLER, optional: true }, { token: ElementRef }, { token: TUI_NOTHING_FOUND_MESSAGE }], target: i0.ɵɵFactoryTarget.Component });
-TuiDataListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiDataListComponent, selector: "tui-data-list", inputs: { role: "role", emptyContent: "emptyContent", size: "size" }, host: { listeners: { "focusin": "onFocusIn($event.relatedTarget,$event.currentTarget)", "mousedown.prevent": "noop()", "keydown.arrowDown.prevent": "onKeyDownArrow($event.target,1)", "keydown.arrowUp.prevent": "onKeyDownArrow($event.target,-1)", "wheel.silent.passive": "handleFocusLossIfNecessary()", "mouseleave": "handleFocusLossIfNecessary($event.target)" }, properties: { "attr.role": "this.role", "attr.data-list-size": "this.size" } }, providers: [
+TuiDataListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiDataListComponent, deps: [{ token: TUI_TEXTFIELD_WATCHED_CONTROLLER, optional: true }, { token: ElementRef }, { token: TUI_NOTHING_FOUND_MESSAGE }], target: i0.ɵɵFactoryTarget.Component });
+TuiDataListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiDataListComponent, selector: "tui-data-list", inputs: { role: "role", emptyContent: "emptyContent", size: "size" }, host: { listeners: { "focusin": "onFocusIn($event.relatedTarget,$event.currentTarget)", "mousedown.prevent": "noop()", "keydown.arrowDown.prevent": "onKeyDownArrow($event.target,1)", "keydown.arrowUp.prevent": "onKeyDownArrow($event.target,-1)", "wheel.silent.passive": "handleFocusLossIfNecessary()", "mouseleave": "handleFocusLossIfNecessary($event.target)" }, properties: { "attr.role": "this.role", "attr.data-list-size": "this.size" } }, providers: [
         tuiAsDataListAccessor(TuiDataListComponent),
         TEXTFIELD_CONTROLLER_PROVIDER,
     ], queries: [{ propertyName: "options", predicate: i0.forwardRef(function () { return TuiOptionComponent; }), descendants: true }], ngImport: i0, template: "<div\n    tabindex=\"0\"\n    class=\"t-trap\"\n    (focusin)=\"onFocus($event, true)\"\n></div>\n<ng-content></ng-content>\n<div\n    *ngIf=\"empty$ | async\"\n    class=\"t-empty\"\n>\n    <ng-container *polymorpheusOutlet=\"emptyContent || (defaultEmptyContent$ | async) as text\">\n        {{ text }}\n    </ng-container>\n</div>\n<div\n    tabindex=\"0\"\n    class=\"t-trap\"\n    (focusin)=\"onFocus($event, false)\"\n></div>\n", styles: ["tui-data-list{--tui-data-list-padding: .25rem;--tui-data-list-margin: .0625rem;display:flex;font:var(--tui-font-text-m);flex-direction:column;padding:calc(var(--tui-data-list-padding) - var(--tui-data-list-margin)) var(--tui-data-list-padding);color:var(--tui-text-03)}tui-data-list:focus-within .t-trap{display:none}tui-data-list:focus-within [tuiOption]._with-dropdown:not(:focus){background-color:transparent}tui-data-list[data-list-size=s]{--tui-data-list-margin: 0rem}tui-data-list[data-list-size=l]{--tui-data-list-padding: .375rem;--tui-data-list-margin: .125rem}tui-data-list>.t-empty{margin:.75rem 1rem}tui-opt-group{position:relative;display:flex;font:var(--tui-font-text-xs);color:var(--tui-text-02);flex-direction:column;line-height:1rem}tui-data-list[data-list-size=l] tui-opt-group{font:var(--tui-font-text-s);line-height:1.25rem}tui-data-list[data-list-size=l] tui-opt-group:before{padding-left:.625rem;padding-right:.625rem}tui-data-list[data-list-size=l] tui-opt-group:after{left:.625rem;right:.625rem}tui-opt-group:empty:before,tui-opt-group:empty:after{display:none}tui-opt-group:before{content:attr(data-label);padding:var(--tui-data-list-padding) .5rem var(--tui-data-list-padding);margin:var(--tui-data-list-margin) 0;white-space:normal;word-break:break-word}tui-opt-group:after{position:absolute;left:.5rem;right:.5rem;top:var(--tui-data-list-padding);height:1px;background:var(--tui-base-03)}tui-opt-group:not(:empty)~tui-opt-group:before{padding-top:calc(.75rem + var(--tui-data-list-padding))}tui-opt-group:not(:empty)~tui-opt-group[data-label=\"\"]:before{padding:var(--tui-data-list-padding) 0}tui-opt-group:not(:empty)~tui-opt-group:after{content:\"\"}tui-opt-group[data-label=\"\"]:before{padding:0 .5rem}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], pipes: { "async": i1.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
@@ -78,7 +78,7 @@ __decorate([
 __decorate([
     tuiPure
 ], TuiDataListComponent.prototype, "empty$", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiDataListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiDataListComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'tui-data-list',

package/esm2015/components/data-list/data-list.directive.js

@@ -2,9 +2,9 @@ import { Directive } from '@angular/core';
 import * as i0 from "@angular/core";
 export class TuiDataListDirective {
 }
-TuiDataListDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiDataListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-TuiDataListDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiDataListDirective, selector: "ng-template[tuiDataList]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiDataListDirective, decorators: [{
+TuiDataListDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiDataListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+TuiDataListDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiDataListDirective, selector: "ng-template[tuiDataList]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiDataListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[tuiDataList]',

package/esm2015/components/data-list/data-list.module.js

@@ -9,16 +9,16 @@ import { TuiOptionComponent } from './option/option.component';
 import * as i0 from "@angular/core";
 export class TuiDataListModule {
 }
-TuiDataListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiDataListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TuiDataListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiDataListModule, declarations: [TuiDataListComponent,
+TuiDataListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiDataListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiDataListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiDataListModule, declarations: [TuiDataListComponent,
         TuiOptionComponent,
         TuiOptGroupDirective,
         TuiDataListDirective], imports: [CommonModule, TuiSvgModule, PolymorpheusModule], exports: [TuiDataListComponent,
         TuiOptionComponent,
         TuiOptGroupDirective,
         TuiDataListDirective] });
-TuiDataListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiDataListModule, imports: [[CommonModule, TuiSvgModule, PolymorpheusModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiDataListModule, decorators: [{
+TuiDataListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiDataListModule, imports: [[CommonModule, TuiSvgModule, PolymorpheusModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiDataListModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, TuiSvgModule, PolymorpheusModule],

package/esm2015/components/data-list/opt-group.directive.js

@@ -7,12 +7,12 @@ export class TuiOptGroupDirective {
         this.label = '';
     }
 }
-TuiOptGroupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiOptGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-TuiOptGroupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiOptGroupDirective, selector: "tui-opt-group", inputs: { label: "label" }, host: { attributes: { "role": "group" }, properties: { "attr.data-label": "this.label" } }, ngImport: i0 });
+TuiOptGroupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiOptGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+TuiOptGroupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiOptGroupDirective, selector: "tui-opt-group", inputs: { label: "label" }, host: { attributes: { "role": "group" }, properties: { "attr.data-label": "this.label" } }, ngImport: i0 });
 __decorate([
     tuiDefaultProp()
 ], TuiOptGroupDirective.prototype, "label", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiOptGroupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiOptGroupDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'tui-opt-group',

package/esm2015/components/data-list/option/option.component.js

@@ -46,8 +46,8 @@ export class TuiOptionComponent {
         this.dataList.handleFocusLossIfNecessary(this.elementRef.nativeElement);
     }
 }
-TuiOptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiOptionComponent, deps: [{ token: TUI_OPTION_CONTENT, optional: true }, { token: forwardRef(() => TuiDataListComponent) }, { token: ElementRef }, { token: TUI_DATA_LIST_HOST, optional: true }, { token: TuiDropdownDirective, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-TuiOptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiOptionComponent, selector: "button[tuiOption], a[tuiOption]", inputs: { size: "size", role: "role", disabled: "disabled", value: "value" }, host: { attributes: { "tabIndex": "-1", "type": "button" }, listeners: { "click": "onClick()", "mousemove.silent": "onMouseMove($event)" }, properties: { "attr.disabled": "disabled || null", "attr.data-size": "this.size", "attr.role": "this.role", "class._with-dropdown": "this.active" } }, ngImport: i0, template: "<ng-container *polymorpheusOutlet=\"content || base as text; context: {$implicit: base}\">\n    {{ text }}\n</ng-container>\n<ng-template #base>\n    <ng-content></ng-content>\n    <tui-svg\n        *ngIf=\"dropdown\"\n        src=\"tuiIconChevronRight\"\n        class=\"t-arrow\"\n    ></tui-svg>\n</ng-template>\n", styles: [":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;align-items:center;justify-content:space-between;text-align:left;box-sizing:border-box;color:var(--tui-text-01);border-radius:var(--tui-radius-s);outline:none;text-decoration:none;cursor:pointer;background-clip:padding-box;font:var(--tui-font-text-s);min-height:2.5rem;padding:.375rem .5rem;margin:.125rem 0}:host:disabled{opacity:var(--tui-disabled-opacity);cursor:default}:host:focus,:host._with-dropdown{background-color:var(--tui-clear)}:host :host-context([data-list-size=\"s\"]),:host :host-context([data-list-size=\"xs\"]),:host[data-size=s][data-size=s],:host[data-size=xs][data-size=xs]{font:var(--tui-font-text-s);min-height:2rem;padding:.3125rem .5rem;margin:var(--tui-data-list-margin) 0}:host :host-context([data-list-size=\"m\"]),:host[data-size=m][data-size=m]{font:var(--tui-font-text-s);min-height:2.5rem;padding:.375rem .5rem;margin:var(--tui-data-list-margin) 0}:host :host-context([data-list-size=\"l\"]),:host[data-size=l][data-size=l]{font:var(--tui-font-text-m);min-height:2.75rem;padding:.375rem .625rem;margin:var(--tui-data-list-margin) 0}.t-arrow{margin:0 -.5rem 0 .75rem}\n"], components: [{ type: i1.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }], directives: [{ type: i2.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TuiOptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiOptionComponent, deps: [{ token: TUI_OPTION_CONTENT, optional: true }, { token: forwardRef(() => TuiDataListComponent) }, { token: ElementRef }, { token: TUI_DATA_LIST_HOST, optional: true }, { token: TuiDropdownDirective, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+TuiOptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiOptionComponent, selector: "button[tuiOption], a[tuiOption]", inputs: { size: "size", role: "role", disabled: "disabled", value: "value" }, host: { attributes: { "tabIndex": "-1", "type": "button" }, listeners: { "click": "onClick()", "mousemove.silent": "onMouseMove($event)" }, properties: { "attr.disabled": "disabled || null", "attr.data-size": "this.size", "attr.role": "this.role", "class._with-dropdown": "this.active" } }, ngImport: i0, template: "<ng-container *polymorpheusOutlet=\"content || base as text; context: {$implicit: base}\">\n    {{ text }}\n</ng-container>\n<ng-template #base>\n    <ng-content></ng-content>\n    <tui-svg\n        *ngIf=\"dropdown\"\n        src=\"tuiIconChevronRight\"\n        class=\"t-arrow\"\n    ></tui-svg>\n</ng-template>\n", styles: [":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;align-items:center;justify-content:space-between;text-align:left;box-sizing:border-box;color:var(--tui-text-01);border-radius:var(--tui-radius-s);outline:none;text-decoration:none;cursor:pointer;background-clip:padding-box;font:var(--tui-font-text-s);min-height:2.5rem;padding:.375rem .5rem;margin:.125rem 0}:host:disabled{opacity:var(--tui-disabled-opacity);cursor:default}:host:focus,:host._with-dropdown{background-color:var(--tui-clear)}:host :host-context([data-list-size=\"s\"]),:host :host-context([data-list-size=\"xs\"]),:host[data-size=s][data-size=s],:host[data-size=xs][data-size=xs]{font:var(--tui-font-text-s);min-height:2rem;padding:.3125rem .5rem;margin:var(--tui-data-list-margin) 0}:host :host-context([data-list-size=\"m\"]),:host[data-size=m][data-size=m]{font:var(--tui-font-text-s);min-height:2.5rem;padding:.375rem .5rem;margin:var(--tui-data-list-margin) 0}:host :host-context([data-list-size=\"l\"]),:host[data-size=l][data-size=l]{font:var(--tui-font-text-m);min-height:2.75rem;padding:.375rem .625rem;margin:var(--tui-data-list-margin) 0}.t-arrow{margin:0 -.5rem 0 .75rem}\n"], components: [{ type: i1.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }], directives: [{ type: i2.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 __decorate([
     tuiDefaultProp()
 ], TuiOptionComponent.prototype, "size", void 0);
@@ -60,7 +60,7 @@ __decorate([
 __decorate([
     shouldCall(shouldFocus)
 ], TuiOptionComponent.prototype, "onMouseMove", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiOptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiOptionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'button[tuiOption], a[tuiOption]',