@taiga-ui/kit 3.36.2 → 3.37.0-dev.main.89945b8

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

@@ -13,12 +13,12 @@ export declare class TuiInputDateRangeComponent extends AbstractTuiNullableContr
     private readonly isMobile;
     private readonly dialogs;
     private readonly mobileCalendar;
-    private readonly textfieldSize;
     readonly dateFormat: TuiDateMode;
     readonly dateSeparator: string;
     readonly dateTexts$: Observable<Record<TuiDateMode, string>>;
     readonly valueTransformer: AbstractTuiValueTransformer<TuiDayRange | null> | null;
     private readonly options;
+    private readonly textfieldSize;
     private readonly textfield?;
     disabledItemHandler: TuiBooleanHandler<TuiDay>;
     markerHandler: TuiMarkerHandler;
@@ -31,7 +31,8 @@ export declare class TuiInputDateRangeComponent extends AbstractTuiNullableContr
     open: boolean;
     readonly maxLengthMapper: TuiMapper<TuiDay, TuiDay>;
     readonly dateFiller$: Observable<string>;
-    constructor(control: NgControl | null, cdr: ChangeDetectorRef, injector: Injector, isMobile: boolean, dialogs: TuiDialogService, mobileCalendar: Type<Record<string, any>> | null, textfieldSize: TuiTextfieldSizeDirective, dateFormat: TuiDateMode, dateSeparator: string, dateTexts$: Observable<Record<TuiDateMode, string>>, valueTransformer: AbstractTuiValueTransformer<TuiDayRange | null> | null, options: TuiInputDateOptions);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, injector: Injector, isMobile: boolean, dialogs: TuiDialogService, mobileCalendar: Type<Record<string, any>> | null, dateFormat: TuiDateMode, dateSeparator: string, dateTexts$: Observable<Record<TuiDateMode, string>>, valueTransformer: AbstractTuiValueTransformer<TuiDayRange | null> | null, options: TuiInputDateOptions, textfieldSize: TuiTextfieldSizeDirective);
+    get size(): TuiSizeL | TuiSizeS;
     get nativeFocusableElement(): HTMLInputElement | null;
     get focused(): boolean;
     get computedMobile(): boolean;
@@ -46,7 +47,6 @@ export declare class TuiInputDateRangeComponent extends AbstractTuiNullableContr
     get innerPseudoFocused(): boolean | null;
     get nativeValue(): string;
     set nativeValue(value: string);
-    get size(): TuiSizeL | TuiSizeS;
     onClick(): void;
     getComputedRangeFiller(dateFiller: string): string;
     onIconClick(): void;
@@ -62,6 +62,6 @@ export declare class TuiInputDateRangeComponent extends AbstractTuiNullableContr
     private toggle;
     private focusInput;
     private getDateRangeFiller;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateRangeComponent, [{ optional: true; self: true; }, null, null, null, null, { optional: true; }, null, null, null, null, { optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateRangeComponent, [{ optional: true; self: true; }, null, null, null, null, { optional: true; }, null, null, null, { optional: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputDateRangeComponent, "tui-input-date-range", never, { "disabledItemHandler": "disabledItemHandler"; "markerHandler": "markerHandler"; "defaultViewedMonth": "defaultViewedMonth"; "items": "items"; "min": "min"; "max": "max"; "minLength": "minLength"; "maxLength": "maxLength"; }, {}, never, ["*", "input"]>;
 }

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

@@ -7,7 +7,6 @@ import { TuiInputDateOptions } from '@taiga-ui/kit/tokens';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class TuiInputDateTimeComponent extends AbstractTuiControl<[TuiDay | null, TuiTime | null]> implements TuiWithOptionalMinMax<TuiDay | [TuiDay, TuiTime]>, TuiFocusableElementAccessor {
-    private readonly textfieldSize;
     readonly dateFormat: TuiDateMode;
     readonly dateSeparator: string;
     readonly timeTexts$: Observable<Record<TuiTimeMode, string>>;
@@ -19,6 +18,7 @@ export declare class TuiInputDateTimeComponent extends AbstractTuiControl<[TuiDa
     private readonly options;
     readonly isMobile: boolean;
     readonly isIos: boolean;
+    private readonly textfieldSize;
     private readonly textfield?;
     private month;
     min: TuiDay | [TuiDay, TuiTime];
@@ -29,10 +29,11 @@ export declare class TuiInputDateTimeComponent extends AbstractTuiControl<[TuiDa
     open: boolean;
     readonly type: TuiContextWithImplicit<TuiActiveZoneDirective>;
     readonly filler$: Observable<string>;
-    constructor(control: NgControl | null, cdr: ChangeDetectorRef, textfieldSize: TuiTextfieldSizeDirective, dateFormat: TuiDateMode, dateSeparator: string, timeTexts$: Observable<Record<TuiTimeMode, string>>, dateTexts$: Observable<Record<TuiDateMode, string>>, valueTransformer: AbstractTuiValueTransformer<[
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, dateFormat: TuiDateMode, dateSeparator: string, timeTexts$: Observable<Record<TuiTimeMode, string>>, dateTexts$: Observable<Record<TuiDateMode, string>>, valueTransformer: AbstractTuiValueTransformer<[
         TuiDay | null,
         TuiTime | null
-    ]> | null, options: TuiInputDateOptions, isMobile: boolean, isIos: boolean);
+    ]> | null, options: TuiInputDateOptions, isMobile: boolean, isIos: boolean, textfieldSize: TuiTextfieldSizeDirective);
+    get size(): TuiSizeL | TuiSizeS;
     get fillerLength(): number;
     get maskOptions(): MaskitoOptions;
     get nativeFocusableElement(): HTMLInputElement | null;
@@ -47,7 +48,6 @@ export declare class TuiInputDateTimeComponent extends AbstractTuiControl<[TuiDa
     get computedActiveYearMonth(): TuiMonth;
     get nativeValue(): string;
     set nativeValue(value: string);
-    get size(): TuiSizeL | TuiSizeS;
     onClick(): void;
     onValueChange(value: string): void;
     onDayClick(day: TuiDay): void;
@@ -64,6 +64,6 @@ export declare class TuiInputDateTimeComponent extends AbstractTuiControl<[TuiDa
     private clampTime;
     private trimTrailingSeparator;
     private toNativeDate;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateTimeComponent, [{ optional: true; self: true; }, null, null, null, null, null, null, { optional: true; }, null, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateTimeComponent, [{ optional: true; self: true; }, null, null, null, null, null, { optional: true; }, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputDateTimeComponent, "tui-input-date-time", never, { "min": "min"; "max": "max"; "disabledItemHandler": "disabledItemHandler"; "defaultActiveYearMonth": "defaultActiveYearMonth"; "timeMode": "timeMode"; }, {}, never, ["*", "input"]>;
 }

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

@@ -1,7 +1,7 @@
 import { ChangeDetectorRef } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { AbstractTuiNullableControl, TuiBooleanHandler, TuiFocusableElementAccessor, TuiHandler, TuiMonth, TuiYear } from '@taiga-ui/cdk';
-import { TuiWithOptionalMinMax } from '@taiga-ui/core';
+import { TuiSizeL, TuiSizeS, TuiTextfieldSizeDirective, TuiWithOptionalMinMax } from '@taiga-ui/core';
 import { TuiInputDateOptions } from '@taiga-ui/kit/tokens';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
@@ -9,6 +9,7 @@ export declare class TuiInputMonthComponent extends AbstractTuiNullableControl<T
     readonly formatter: TuiHandler<TuiMonth | null, Observable<string>>;
     private readonly isMobile;
     private readonly options;
+    private readonly textfieldSize;
     private readonly textfield?;
     min: TuiMonth;
     max: TuiMonth;
@@ -16,7 +17,8 @@ export declare class TuiInputMonthComponent extends AbstractTuiNullableControl<T
     defaultActiveYear: TuiYear;
     activeYear?: TuiYear;
     open: boolean;
-    constructor(control: NgControl | null, cdr: ChangeDetectorRef, formatter: TuiHandler<TuiMonth | null, Observable<string>>, isMobile: boolean, options: TuiInputDateOptions);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, formatter: TuiHandler<TuiMonth | null, Observable<string>>, isMobile: boolean, options: TuiInputDateOptions, textfieldSize: TuiTextfieldSizeDirective);
+    get size(): TuiSizeL | TuiSizeS;
     get nativeFocusableElement(): HTMLInputElement | null;
     get computedDefaultActiveYear(): TuiYear;
     get focused(): boolean;
@@ -30,6 +32,6 @@ export declare class TuiInputMonthComponent extends AbstractTuiNullableControl<T
     onOpenChange(open: boolean): void;
     setDisabledState(): void;
     private close;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputMonthComponent, [{ optional: true; self: true; }, null, null, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputMonthComponent, [{ optional: true; self: true; }, null, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputMonthComponent, "tui-input-month", never, { "min": "min"; "max": "max"; "disabledItemHandler": "disabledItemHandler"; "defaultActiveYear": "defaultActiveYear"; }, {}, never, ["*", "input"]>;
 }

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

@@ -1,7 +1,7 @@
 import { ChangeDetectorRef } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { AbstractTuiNullableControl, TuiFocusableElementAccessor, TuiHandler, TuiMonth, TuiMonthRange, TuiYear } from '@taiga-ui/cdk';
-import { TuiWithOptionalMinMax } from '@taiga-ui/core';
+import { TuiSizeL, TuiSizeS, TuiTextfieldSizeDirective, TuiWithOptionalMinMax } from '@taiga-ui/core';
 import { TuiMonthContext } from '@taiga-ui/kit/interfaces';
 import { TuiInputDateOptions } from '@taiga-ui/kit/tokens';
 import { TuiBooleanHandlerWithContext } from '@taiga-ui/kit/types';
@@ -10,13 +10,15 @@ import * as i0 from "@angular/core";
 export declare class TuiInputMonthRangeComponent extends AbstractTuiNullableControl<TuiMonthRange> implements TuiWithOptionalMinMax<TuiMonth>, TuiFocusableElementAccessor {
     readonly formatter: TuiHandler<TuiMonth | null, Observable<string>>;
     private readonly options;
+    private readonly textfieldSize;
     private readonly textfield?;
     min: TuiMonth;
     max: TuiMonth;
     disabledItemHandler: TuiBooleanHandlerWithContext<TuiMonth, TuiMonthContext>;
     defaultActiveYear: TuiYear;
     open: boolean;
-    constructor(control: NgControl | null, cdr: ChangeDetectorRef, formatter: TuiHandler<TuiMonth | null, Observable<string>>, options: TuiInputDateOptions);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, formatter: TuiHandler<TuiMonth | null, Observable<string>>, options: TuiInputDateOptions, textfieldSize: TuiTextfieldSizeDirective);
+    get size(): TuiSizeL | TuiSizeS;
     get nativeFocusableElement(): HTMLInputElement | null;
     get computedDefaultActiveYear(): TuiYear;
     get focused(): boolean;
@@ -28,6 +30,6 @@ export declare class TuiInputMonthRangeComponent extends AbstractTuiNullableCont
     onActiveZone(focused: boolean): void;
     setDisabledState(): void;
     private close;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputMonthRangeComponent, [{ optional: true; self: true; }, null, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputMonthRangeComponent, [{ optional: true; self: true; }, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputMonthRangeComponent, "tui-input-month-range", never, { "min": "min"; "max": "max"; "disabledItemHandler": "disabledItemHandler"; "defaultActiveYear": "defaultActiveYear"; }, {}, never, ["*", "input"]>;
 }

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

@@ -2,14 +2,16 @@ import { ChangeDetectorRef, QueryList } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { MaskitoOptions } from '@maskito/core';
 import { AbstractTuiNullableControl, TuiFocusableElementAccessor, TuiInputMode } from '@taiga-ui/cdk';
-import { TuiDecimal, TuiNumberFormatSettings } from '@taiga-ui/core';
+import { TuiDecimal, TuiNumberFormatSettings, TuiSizeL, TuiSizeS, TuiTextfieldController, TuiTextfieldSizeDirective } from '@taiga-ui/core';
 import { TuiInputNumberOptions } from './input-number.options';
 import * as i0 from "@angular/core";
 export declare class TuiInputNumberComponent extends AbstractTuiNullableControl<number> implements TuiFocusableElementAccessor {
     readonly options: TuiInputNumberOptions;
     private readonly numberFormat;
     private readonly isIOS;
-    private readonly primitiveTextfield?;
+    private readonly textfieldSize;
+    readonly controller: TuiTextfieldController;
+    private readonly textfield?;
     private unfinishedValue;
     min: number;
     max: number;
@@ -21,7 +23,8 @@ export declare class TuiInputNumberComponent extends AbstractTuiNullableControl<
     /** @deprecated use `tuiTextfieldPostfix` from {@link TuiTextfieldControllerModule} instead */
     postfix: string;
     readonly polymorpheusValueContent: QueryList<unknown>;
-    constructor(control: NgControl | null, cdr: ChangeDetectorRef, options: TuiInputNumberOptions, numberFormat: TuiNumberFormatSettings, isIOS: boolean);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, options: TuiInputNumberOptions, numberFormat: TuiNumberFormatSettings, isIOS: boolean, textfieldSize: TuiTextfieldSizeDirective, controller: TuiTextfieldController);
+    get size(): TuiSizeL | TuiSizeS;
     get nativeFocusableElement(): HTMLInputElement | null;
     get focused(): boolean;
     get isNegativeAllowed(): boolean;
@@ -31,6 +34,8 @@ export declare class TuiInputNumberComponent extends AbstractTuiNullableControl<
     get computedValue(): string;
     get canDecrement(): boolean;
     get canIncrement(): boolean;
+    get computedPrefix(): string;
+    get computedPostfix(): string;
     get mask(): MaskitoOptions;
     onArrow(step: number | null): void;
     onValueChange(nativeValue: string): void;
@@ -42,7 +47,6 @@ export declare class TuiInputNumberComponent extends AbstractTuiNullableControl<
     writeValue(value: number | null): void;
     private get nativeNumberValue();
     private calculateMask;
-    private clear;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputNumberComponent, [{ optional: true; self: true; }, null, null, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputNumberComponent, [{ optional: true; self: true; }, null, null, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputNumberComponent, "tui-input-number", never, { "min": "min"; "max": "max"; "decimal": "decimal"; "precision": "precision"; "step": "step"; "prefix": "prefix"; "postfix": "postfix"; }, {}, ["polymorpheusValueContent"], ["*", "input", "tuiContent"]>;
 }

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

@@ -18,16 +18,15 @@ export declare class TuiInputPasswordComponent extends AbstractTuiControl<string
     readonly computedAppearance$: Observable<string>;
     readonly type: TuiContextWithImplicit<TuiSizeL | TuiSizeS>;
     constructor(control: NgControl | null, cdr: ChangeDetectorRef, textfieldSize: TuiTextfieldSizeDirective, passwordTexts$: Observable<[string, string]>, options: TuiInputPasswordOptions, hintOptions: TuiHintOptionsDirective | null, mode$: Observable<TuiBrightness | null>);
+    get size(): TuiSizeL | TuiSizeS;
     get nativeFocusableElement(): TuiNativeFocusableElement | null;
     get focused(): boolean;
     get icon(): PolymorpheusContent<TuiContextWithImplicit<TuiSizeL | TuiSizeS>>;
-    get context(): TuiContextWithImplicit<TuiSizeL | TuiSizeS>;
     get inputType(): TuiInputType;
     onValueChange(textValue: string): void;
     onFocused(focused: boolean): void;
     togglePasswordVisibility(): void;
     protected getFallbackValue(): string;
-    private getContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputPasswordComponent, [{ optional: true; self: true; }, null, null, null, null, { optional: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputPasswordComponent, "tui-input-password", never, {}, {}, never, ["*", "input"]>;
 }

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

@@ -2,12 +2,13 @@ import { ChangeDetectorRef, EventEmitter, TemplateRef } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { MaskitoOptions } from '@maskito/core';
 import { AbstractTuiControl, TuiActiveZoneDirective, TuiContextWithImplicit, TuiFocusableElementAccessor, TuiInputMode } from '@taiga-ui/cdk';
-import { TuiDataListHost, TuiTextfieldCleanerDirective } from '@taiga-ui/core';
+import { TuiDataListHost, TuiSizeL, TuiSizeS, TuiTextfieldCleanerDirective, TuiTextfieldSizeDirective } from '@taiga-ui/core';
 import { TuiInputPhoneOptions } from './input-phone.options';
 import * as i0 from "@angular/core";
 export declare class TuiInputPhoneComponent extends AbstractTuiControl<string> implements TuiFocusableElementAccessor, TuiDataListHost<string> {
     private readonly textfieldCleaner;
     private readonly options;
+    private readonly textfieldSize;
     private readonly dropdown?;
     private readonly textfield?;
     set countryCodeSetter(newCountryCode: string);
@@ -18,7 +19,8 @@ export declare class TuiInputPhoneComponent extends AbstractTuiControl<string> i
     readonly datalist?: TemplateRef<TuiContextWithImplicit<TuiActiveZoneDirective>>;
     countryCode: string;
     open: boolean;
-    constructor(control: NgControl | null, cdr: ChangeDetectorRef, textfieldCleaner: TuiTextfieldCleanerDirective, options: TuiInputPhoneOptions);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, textfieldCleaner: TuiTextfieldCleanerDirective, options: TuiInputPhoneOptions, textfieldSize: TuiTextfieldSizeDirective);
+    get size(): TuiSizeL | TuiSizeS;
     get nativeFocusableElement(): HTMLInputElement | null;
     get focused(): boolean;
     get nativeValue(): string;
@@ -40,6 +42,6 @@ export declare class TuiInputPhoneComponent extends AbstractTuiControl<string> i
     private focusInput;
     private updateSearch;
     private updateValueWithNewCountryCode;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputPhoneComponent, [{ optional: true; self: true; }, null, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputPhoneComponent, [{ optional: true; self: true; }, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputPhoneComponent, "tui-input-phone", never, { "countryCodeSetter": "countryCode"; "phoneMaskAfterCountryCode": "phoneMaskAfterCountryCode"; "allowText": "allowText"; "search": "search"; }, { "searchChange": "searchChange"; }, ["datalist"], ["*", "input"]>;
 }

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

@@ -1,7 +1,7 @@
 import { ChangeDetectorRef, EventEmitter } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { AbstractTuiControl, TuiContextWithImplicit, TuiFocusableElementAccessor, TuiMapper } from '@taiga-ui/cdk';
-import { TuiFlagPipe, TuiSizeL, TuiSizeM, TuiSizeS } from '@taiga-ui/core';
+import { TuiFlagPipe, TuiSizeL, TuiSizeM, TuiSizeS, TuiTextfieldSizeDirective } from '@taiga-ui/core';
 import { TuiCountryIsoCode } from '@taiga-ui/i18n';
 import { TuiToCountryCodePipe } from '@taiga-ui/kit/pipes';
 import { PolymorpheusContent } from '@tinkoff/ng-polymorpheus';
@@ -14,6 +14,7 @@ export declare class TuiInputPhoneInternationalComponent extends AbstractTuiCont
     private readonly options;
     private readonly flagPipe;
     private readonly extractCountryCodePipe;
+    private readonly textfieldSize;
     private readonly inputPhoneComponent?;
     private readonly primitiveTextfield?;
     set isoCode(code: TuiCountryIsoCode);
@@ -22,7 +23,8 @@ export declare class TuiInputPhoneInternationalComponent extends AbstractTuiCont
     countryIsoCode: TuiCountryIsoCode;
     open: boolean;
     readonly arrow: PolymorpheusContent<TuiContextWithImplicit<TuiSizeL | TuiSizeM | TuiSizeS>>;
-    constructor(control: NgControl | null, cdr: ChangeDetectorRef, countriesNames$: Observable<Record<TuiCountryIsoCode, string>>, countriesMasks: Record<TuiCountryIsoCode, string>, options: TuiInputPhoneInternationalOptions, flagPipe: TuiFlagPipe, extractCountryCodePipe: TuiToCountryCodePipe);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, countriesNames$: Observable<Record<TuiCountryIsoCode, string>>, countriesMasks: Record<TuiCountryIsoCode, string>, options: TuiInputPhoneInternationalOptions, flagPipe: TuiFlagPipe, extractCountryCodePipe: TuiToCountryCodePipe, textfieldSize: TuiTextfieldSizeDirective);
+    get size(): TuiSizeL | TuiSizeS;
     get nativeFocusableElement(): HTMLElement | null;
     get focused(): boolean;
     get inputPhoneCountryCode(): string;
@@ -53,6 +55,6 @@ export declare class TuiInputPhoneInternationalComponent extends AbstractTuiCont
     private calculateMaskAfterCountryCode;
     private close;
     private updateCountryIsoCode;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputPhoneInternationalComponent, [{ optional: true; self: true; }, null, null, null, null, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputPhoneInternationalComponent, [{ optional: true; self: true; }, null, null, null, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputPhoneInternationalComponent, "tui-input-phone-international", never, { "isoCode": "countryIsoCode"; "countries": "countries"; }, { "countryIsoCodeChange": "countryIsoCodeChange"; }, never, ["*"]>;
 }

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

@@ -46,9 +46,9 @@ export declare class TuiInputTagComponent extends AbstractTuiMultipleControl<str
     get appearance(): string;
     get size(): TuiSizeL | TuiSizeS;
     get labelOutside(): boolean;
+    get iconLeft(): PolymorpheusContent<TuiContextWithImplicit<TuiSizeL | TuiSizeS>>;
     get icon(): PolymorpheusContent<TuiContextWithImplicit<TuiSizeL | TuiSizeS>>;
     get iconCleaner(): PolymorpheusContent<TuiContextWithImplicit<TuiSizeL | TuiSizeS>>;
-    get iconLeft(): PolymorpheusContent<TuiContextWithImplicit<TuiSizeL | TuiSizeS>>;
     get hasCleaner(): boolean;
     get hasNativeValue(): boolean;
     get hasValue(): boolean;

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

@@ -10,8 +10,8 @@ export declare class TuiInputTimeComponent extends AbstractTuiNullableControl<Tu
     private readonly timeTexts$;
     private readonly options;
     private readonly isMobile;
-    private readonly textfieldSize;
     private readonly isIos;
+    private readonly textfieldSize;
     private readonly textfield?;
     disabledItemHandler: TuiBooleanHandler<TuiTime>;
     items: readonly TuiTime[];
@@ -21,14 +21,14 @@ export declare class TuiInputTimeComponent extends AbstractTuiNullableControl<Tu
     /** @deprecated use `tuiTextfieldPostfix` from {@link TuiTextfieldControllerModule} instead */
     postfix: TuiInputTimeOptions['postfix'];
     open: boolean;
-    constructor(control: NgControl | null, cdr: ChangeDetectorRef, timeTexts$: Observable<Record<TuiTimeMode, string>>, options: TuiInputTimeOptions, isMobile: boolean, textfieldSize: TuiTextfieldSizeDirective, isIos: boolean);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, timeTexts$: Observable<Record<TuiTimeMode, string>>, options: TuiInputTimeOptions, isMobile: boolean, isIos: boolean, textfieldSize: TuiTextfieldSizeDirective);
+    get size(): TuiSizeL | TuiSizeS;
     get nativeFocusableElement(): HTMLInputElement | null;
     get focused(): boolean;
     get canOpen(): boolean;
     get filtered(): readonly TuiTime[];
     get showNativePicker(): boolean;
     get nativeDatalist(): boolean;
-    get size(): TuiSizeL | TuiSizeS;
     get maskOptions(): MaskitoOptions;
     get computedValue(): string;
     get computedSearch(): string;

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

@@ -2,27 +2,31 @@ import { ChangeDetectorRef } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { MaskitoOptions } from '@maskito/core';
 import { AbstractTuiNullableControl, TuiBooleanHandler, TuiFocusableElementAccessor, TuiYear } from '@taiga-ui/cdk';
-import { TuiWithOptionalMinMax } from '@taiga-ui/core';
+import { TuiSizeL, TuiSizeS, TuiTextfieldSizeDirective, TuiWithOptionalMinMax } from '@taiga-ui/core';
 import { TuiInputDateOptions } from '@taiga-ui/kit/tokens';
 import * as i0 from "@angular/core";
 export declare class TuiInputYearComponent extends AbstractTuiNullableControl<number> implements TuiWithOptionalMinMax<number>, TuiFocusableElementAccessor {
     private readonly options;
+    private readonly textfieldSize;
     private readonly textfield?;
     min: number;
     max: number;
     disabledItemHandler: TuiBooleanHandler<number>;
     open: boolean;
+    nativeValue: string;
     readonly initialItem: number;
-    constructor(control: NgControl | null, cdr: ChangeDetectorRef, options: TuiInputDateOptions);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, options: TuiInputDateOptions, textfieldSize: TuiTextfieldSizeDirective);
+    get size(): TuiSizeL | TuiSizeS;
     get nativeFocusableElement(): HTMLInputElement | null;
     get focused(): boolean;
     get calendarIcon(): TuiInputDateOptions['icon'];
-    getMaskOptions(max: number): MaskitoOptions;
+    getMaskOptions(min: number, max: number): MaskitoOptions;
     onValueChange(value: string): void;
     onYearClick({ year }: TuiYear): void;
     onFocused(focused: boolean): void;
     onOpenChange(open: boolean): void;
     toggle(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputYearComponent, [{ optional: true; self: true; }, null, null]>;
+    writeValue(value: number | null): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputYearComponent, [{ optional: true; self: true; }, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputYearComponent, "tui-input-year", never, { "min": "min"; "max": "max"; "disabledItemHandler": "disabledItemHandler"; }, {}, never, ["*", "input"]>;
 }

package/components/input-year/input-year.directive.d.ts

@@ -3,6 +3,7 @@ import { TuiInputYearComponent } from './input-year.component';
 import * as i0 from "@angular/core";
 export declare class TuiInputYearDirective extends AbstractTuiTextfieldHost<TuiInputYearComponent> {
     onValueChange(value: string): void;
+    get value(): string;
     process(input: HTMLInputElement): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputYearDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputYearDirective, "tui-input-year", never, {}, {}, never>;

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

@@ -1,7 +1,7 @@
 import { ChangeDetectorRef } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { AbstractTuiNullableControl, TuiActiveZoneDirective, TuiContextWithImplicit, TuiFocusableElementAccessor } from '@taiga-ui/cdk';
-import { TuiDataListHost, TuiSizeL, TuiSizeM, TuiSizeS, TuiTextfieldCleanerDirective, TuiValueContentContext } from '@taiga-ui/core';
+import { TuiDataListHost, TuiSizeL, TuiSizeM, TuiSizeS, TuiTextfieldCleanerDirective, TuiTextfieldSizeDirective, TuiValueContentContext } from '@taiga-ui/core';
 import { TuiArrowMode } from '@taiga-ui/kit/components/arrow';
 import { TuiItemsHandlers } from '@taiga-ui/kit/tokens';
 import { PolymorpheusContent } from '@tinkoff/ng-polymorpheus';
@@ -9,6 +9,7 @@ import { TuiSelectOptions } from './select.options';
 import * as i0 from "@angular/core";
 export declare class TuiSelectComponent<T> extends AbstractTuiNullableControl<T> implements TuiFocusableElementAccessor, TuiDataListHost<T> {
     private readonly textfieldCleaner;
+    private readonly textfieldSize;
     private readonly arrowMode;
     private readonly itemsHandlers;
     private readonly options;
@@ -20,7 +21,8 @@ export declare class TuiSelectComponent<T> extends AbstractTuiNullableControl<T>
     identityMatcher: TuiItemsHandlers<T>['identityMatcher'];
     valueContent: TuiSelectOptions<T>['valueContent'];
     readonly datalist: PolymorpheusContent<TuiContextWithImplicit<TuiActiveZoneDirective>>;
-    constructor(control: NgControl | null, cdr: ChangeDetectorRef, textfieldCleaner: TuiTextfieldCleanerDirective, arrowMode: TuiArrowMode, itemsHandlers: TuiItemsHandlers<T>, options: TuiSelectOptions<T>, isMobile: boolean);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, textfieldCleaner: TuiTextfieldCleanerDirective, textfieldSize: TuiTextfieldSizeDirective, arrowMode: TuiArrowMode, itemsHandlers: TuiItemsHandlers<T>, options: TuiSelectOptions<T>, isMobile: boolean);
+    get size(): TuiSizeL | TuiSizeS;
     get arrow(): PolymorpheusContent<TuiContextWithImplicit<TuiSizeL | TuiSizeM | TuiSizeS>>;
     get nativeFocusableElement(): HTMLInputElement | null;
     get focused(): boolean;
@@ -32,6 +34,6 @@ export declare class TuiSelectComponent<T> extends AbstractTuiNullableControl<T>
     onKeyDownDelete(): void;
     handleOption(option: T): void;
     private focusInput;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiSelectComponent<any>, [{ optional: true; self: true; }, null, null, null, null, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiSelectComponent<any>, [{ optional: true; self: true; }, null, null, null, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiSelectComponent<any>, "tui-select", never, { "stringify": "stringify"; "identityMatcher": "identityMatcher"; "valueContent": "valueContent"; }, {}, ["nativeSelect", "datalist"], ["*", "input", "select"]>;
 }

package/esm2015/components/badged-content/badged-content.component.js

@@ -51,7 +51,7 @@ export class TuiBadgedContentComponent {
     }
 }
 TuiBadgedContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgedContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TuiBadgedContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgedContentComponent, selector: "tui-badged-content", inputs: { contentTop: "contentTop", contentBottom: "contentBottom", size: "size", colorTop: "colorTop", colorBottom: "colorBottom", rounded: "rounded" }, host: { properties: { "class._with-top": "this.contentTop", "class._with-bottom": "this.contentBottom", "attr.data-size": "this.size", "class._rounded": "this.rounded" } }, ngImport: i0, template: "<ng-content></ng-content>\n\n<div\n    *ngIf=\"topNotification\"\n    class=\"t-notification t-notification_top\"\n    [style.background]=\"topNotification\"\n    [style.boxShadow]=\"boxShadow\"\n></div>\n\n<div\n    *ngIf=\"bottomNotification\"\n    class=\"t-notification t-notification_bottom\"\n    [style.background]=\"bottomNotification\"\n    [style.boxShadow]=\"boxShadow\"\n></div>\n\n<div\n    *ngIf=\"contentTop\"\n    class=\"t-content t-content_top\"\n    [style.boxShadow]=\"boxShadow\"\n>\n    <ng-container *polymorpheusOutlet=\"contentTop as content\">\n        <tui-badge\n            *ngIf=\"contentIsNumber(content)\"\n            [status]=\"getStatus(colorTop)\"\n            [style.backgroundColor]=\"colorTop\"\n            [size]=\"badgeSize\"\n            [value]=\"content\"\n        ></tui-badge>\n        <tui-svg\n            *ngIf=\"contentIsString(content)\"\n            class=\"t-icon\"\n            [style.color]=\"colorTop\"\n            [src]=\"content\"\n        ></tui-svg>\n    </ng-container>\n</div>\n\n<div\n    *ngIf=\"contentBottom && sizeBig\"\n    class=\"t-content t-content_bottom\"\n    [style.boxShadow]=\"boxShadow\"\n>\n    <ng-container *polymorpheusOutlet=\"contentBottom as content\">\n        <tui-badge\n            *ngIf=\"contentIsNumber(content)\"\n            [status]=\"getStatus(colorBottom)\"\n            [style.backgroundColor]=\"colorBottom\"\n            [size]=\"badgeSize\"\n            [value]=\"content\"\n        ></tui-badge>\n        <tui-svg\n            *ngIf=\"contentIsString(content)\"\n            class=\"t-icon\"\n            [style.color]=\"colorBottom\"\n            [src]=\"content\"\n        ></tui-svg>\n    </ng-container>\n</div>\n", styles: [":host{position:relative;display:inline-block;color:var(--tui-base-01)}.t-notification{position:absolute;border-radius:100%;box-shadow:0 0 0 2px currentColor;background-color:currentColor}:host[data-size=xs]:not(._rounded) .t-notification_top,:host[data-size=s]:not(._rounded) .t-notification_top,:host[data-size=m]:not(._rounded) .t-notification_top{top:-.125rem;right:-.125rem}:host[data-size=l]:not(._rounded) .t-notification_top,:host[data-size=xl]:not(._rounded) .t-notification_top{top:-.25rem;right:-.25rem}:host[data-size=xxl]:not(._rounded) .t-notification_top{top:-.5rem;right:-.5rem}:host[data-size=xs]._rounded .t-notification_top{top:0;right:0}:host[data-size=s]._rounded .t-notification_top{top:.0625rem;right:.0625rem}:host[data-size=m]._rounded .t-notification_top{top:.1875rem;right:.1875rem}:host[data-size=l]._rounded .t-notification_top{top:.25rem;right:.25rem}:host[data-size=xl]._rounded .t-notification_top{top:.375rem;right:.375rem}:host[data-size=xxl]._rounded .t-notification_top{top:.5rem;right:.5rem}:host[data-size=m]:not(._rounded) .t-notification_bottom{bottom:-.125rem;right:-.125rem}:host[data-size=l]:not(._rounded) .t-notification_bottom,:host[data-size=xl]:not(._rounded) .t-notification_bottom{bottom:-.25rem;right:-.25rem}:host[data-size=xxl]:not(._rounded) .t-notification_bottom{bottom:-.5rem;right:-.5rem}:host[data-size=m]._rounded .t-notification_bottom{bottom:.1875rem;right:.1875rem}:host[data-size=l]._rounded .t-notification_bottom{bottom:.25rem;right:.25rem}:host[data-size=xl]._rounded .t-notification_bottom{bottom:.375rem;right:.375rem}:host[data-size=xxl]._rounded .t-notification_bottom{bottom:.5rem;right:.5rem}:host[data-size=xs] .t-notification,:host[data-size=s] .t-notification,:host[data-size=m] .t-notification{width:.5rem;height:.5rem}:host[data-size=l] .t-notification{width:.75rem;height:.75rem}:host[data-size=xl] .t-notification{width:1rem;height:1rem}:host[data-size=xxl] .t-notification{width:1.5rem;height:1.5rem}.t-icon{color:var(--tui-success-fill)}:host[data-size=xs] .t-icon{transform:scale(.66666667);margin:-.25rem}:host[data-size=s] .t-icon,:host[data-size=m] .t-icon{width:1.5rem;height:1.5rem;margin:-.125rem}:host[data-size=l] .t-icon,:host[data-size=xl] .t-icon{transform:scale(1.2)}:host[data-size=xxl] .t-icon{transform:scale(1.6)}.t-content{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:6.25rem;overflow:hidden;background-color:currentColor;box-shadow:0 0 0 2px currentColor}:host[data-size=xxl]._with-top:not(._rounded) .t-content_top,:host[data-size=l]._with-top:not(._rounded) .t-content_top{right:-.5rem;top:-.5rem}:host[data-size=xl]._with-top:not(._rounded) .t-content_top{right:-.375rem;top:-.375rem}:host[data-size=m]._with-top:not(._rounded) .t-content_top,:host[data-size=s]._with-top:not(._rounded) .t-content_top,:host[data-size=xs]._with-top:not(._rounded) .t-content_top{right:-.25rem;top:-.25rem}:host[data-size=xxl]._with-top._rounded .t-content_top{right:.25rem;top:.25rem}:host[data-size=xl]._with-top._rounded .t-content_top{right:.125rem;top:.125rem}:host[data-size=l]._with-top._rounded .t-content_top,:host[data-size=m]._with-top._rounded .t-content_top,:host[data-size=s]._with-top._rounded .t-content_top,:host[data-size=xs]._with-top._rounded .t-content_top{right:-.25rem;top:-.25rem}:host[data-size=xxl]._with-bottom:not(._rounded) .t-content_bottom,:host[data-size=l]._with-bottom:not(._rounded) .t-content_bottom{bottom:-.5rem;right:-.5rem}:host[data-size=xl]._with-bottom:not(._rounded) .t-content_bottom{bottom:-.375rem;right:-.375rem}:host[data-size=m]._with-bottom:not(._rounded) .t-content_bottom{bottom:-.25rem;right:-.25rem}:host[data-size=xxl]._with-bottom._rounded .t-content_bottom{bottom:.25rem;right:.25rem}:host[data-size=xl]._with-bottom._rounded .t-content_bottom{bottom:.125rem;right:.125rem}:host[data-size=l]._with-bottom._rounded .t-content_bottom,:host[data-size=m]._with-bottom._rounded .t-content_bottom{bottom:-.25rem;right:-.25rem}:host[data-size=xxl] .t-content{height:2rem;min-width:2rem}:host[data-size=xl] .t-content,:host[data-size=l] .t-content{height:1.5rem;min-width:1.5rem}:host[data-size=m] .t-content,:host[data-size=s] .t-content{height:1.25rem;min-width:1.25rem}:host[data-size=xs] .t-content{height:1rem;min-width:1rem}\n"], components: [{ type: i1.TuiBadgeComponent, selector: "tui-badge", inputs: ["value", "size", "status", "hoverable"] }, { type: i2.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TuiBadgedContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgedContentComponent, selector: "tui-badged-content", inputs: { contentTop: "contentTop", contentBottom: "contentBottom", size: "size", colorTop: "colorTop", colorBottom: "colorBottom", rounded: "rounded" }, host: { properties: { "class._with-top": "this.contentTop", "class._with-bottom": "this.contentBottom", "attr.data-size": "this.size", "class._rounded": "this.rounded" } }, ngImport: i0, template: "<ng-content></ng-content>\n\n<div\n    *ngIf=\"topNotification\"\n    class=\"t-notification t-notification_top\"\n    [style.background]=\"topNotification\"\n    [style.boxShadow]=\"boxShadow\"\n></div>\n\n<div\n    *ngIf=\"bottomNotification\"\n    class=\"t-notification t-notification_bottom\"\n    [style.background]=\"bottomNotification\"\n    [style.boxShadow]=\"boxShadow\"\n></div>\n\n<div\n    *ngIf=\"contentTop\"\n    class=\"t-content t-content_top\"\n    [style.boxShadow]=\"boxShadow\"\n>\n    <ng-container *polymorpheusOutlet=\"contentTop as content\">\n        <tui-badge\n            *ngIf=\"contentIsNumber(content)\"\n            [status]=\"getStatus(colorTop)\"\n            [style.backgroundColor]=\"colorTop\"\n            [size]=\"badgeSize\"\n            [value]=\"content\"\n        ></tui-badge>\n        <tui-svg\n            *ngIf=\"contentIsString(content)\"\n            class=\"t-icon\"\n            [style.color]=\"colorTop\"\n            [src]=\"content\"\n        ></tui-svg>\n    </ng-container>\n</div>\n\n<div\n    *ngIf=\"contentBottom && sizeBig\"\n    class=\"t-content t-content_bottom\"\n    [style.boxShadow]=\"boxShadow\"\n>\n    <ng-container *polymorpheusOutlet=\"contentBottom as content\">\n        <tui-badge\n            *ngIf=\"contentIsNumber(content)\"\n            [status]=\"getStatus(colorBottom)\"\n            [style.backgroundColor]=\"colorBottom\"\n            [size]=\"badgeSize\"\n            [value]=\"content\"\n        ></tui-badge>\n        <tui-svg\n            *ngIf=\"contentIsString(content)\"\n            class=\"t-icon\"\n            [style.color]=\"colorBottom\"\n            [src]=\"content\"\n        ></tui-svg>\n    </ng-container>\n</div>\n", styles: [":host{position:relative;display:inline-block;color:var(--tui-base-01);height:-webkit-min-content;height:min-content}.t-notification{position:absolute;border-radius:100%;box-shadow:0 0 0 2px currentColor;background-color:currentColor}:host[data-size=xs]:not(._rounded) .t-notification_top,:host[data-size=s]:not(._rounded) .t-notification_top,:host[data-size=m]:not(._rounded) .t-notification_top{top:-.125rem;right:-.125rem}:host[data-size=l]:not(._rounded) .t-notification_top,:host[data-size=xl]:not(._rounded) .t-notification_top{top:-.25rem;right:-.25rem}:host[data-size=xxl]:not(._rounded) .t-notification_top{top:-.5rem;right:-.5rem}:host[data-size=xs]._rounded .t-notification_top{top:0;right:0}:host[data-size=s]._rounded .t-notification_top{top:.0625rem;right:.0625rem}:host[data-size=m]._rounded .t-notification_top{top:.1875rem;right:.1875rem}:host[data-size=l]._rounded .t-notification_top{top:.25rem;right:.25rem}:host[data-size=xl]._rounded .t-notification_top{top:.375rem;right:.375rem}:host[data-size=xxl]._rounded .t-notification_top{top:.5rem;right:.5rem}:host[data-size=m]:not(._rounded) .t-notification_bottom{bottom:-.125rem;right:-.125rem}:host[data-size=l]:not(._rounded) .t-notification_bottom,:host[data-size=xl]:not(._rounded) .t-notification_bottom{bottom:-.25rem;right:-.25rem}:host[data-size=xxl]:not(._rounded) .t-notification_bottom{bottom:-.5rem;right:-.5rem}:host[data-size=m]._rounded .t-notification_bottom{bottom:.1875rem;right:.1875rem}:host[data-size=l]._rounded .t-notification_bottom{bottom:.25rem;right:.25rem}:host[data-size=xl]._rounded .t-notification_bottom{bottom:.375rem;right:.375rem}:host[data-size=xxl]._rounded .t-notification_bottom{bottom:.5rem;right:.5rem}:host[data-size=xs] .t-notification,:host[data-size=s] .t-notification,:host[data-size=m] .t-notification{width:.5rem;height:.5rem}:host[data-size=l] .t-notification{width:.75rem;height:.75rem}:host[data-size=xl] .t-notification{width:1rem;height:1rem}:host[data-size=xxl] .t-notification{width:1.5rem;height:1.5rem}.t-icon{color:var(--tui-success-fill)}:host[data-size=xs] .t-icon{transform:scale(.66666667);margin:-.25rem}:host[data-size=s] .t-icon,:host[data-size=m] .t-icon{width:1.5rem;height:1.5rem;margin:-.125rem}:host[data-size=l] .t-icon,:host[data-size=xl] .t-icon{transform:scale(1.2)}:host[data-size=xxl] .t-icon{transform:scale(1.6)}.t-content{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:6.25rem;overflow:hidden;background-color:currentColor;box-shadow:0 0 0 2px currentColor}:host[data-size=xxl]._with-top:not(._rounded) .t-content_top,:host[data-size=l]._with-top:not(._rounded) .t-content_top{right:-.5rem;top:-.5rem}:host[data-size=xl]._with-top:not(._rounded) .t-content_top{right:-.375rem;top:-.375rem}:host[data-size=m]._with-top:not(._rounded) .t-content_top,:host[data-size=s]._with-top:not(._rounded) .t-content_top,:host[data-size=xs]._with-top:not(._rounded) .t-content_top{right:-.25rem;top:-.25rem}:host[data-size=xxl]._with-top._rounded .t-content_top{right:.25rem;top:.25rem}:host[data-size=xl]._with-top._rounded .t-content_top{right:.125rem;top:.125rem}:host[data-size=l]._with-top._rounded .t-content_top,:host[data-size=m]._with-top._rounded .t-content_top,:host[data-size=s]._with-top._rounded .t-content_top,:host[data-size=xs]._with-top._rounded .t-content_top{right:-.25rem;top:-.25rem}:host[data-size=xxl]._with-bottom:not(._rounded) .t-content_bottom,:host[data-size=l]._with-bottom:not(._rounded) .t-content_bottom{bottom:-.5rem;right:-.5rem}:host[data-size=xl]._with-bottom:not(._rounded) .t-content_bottom{bottom:-.375rem;right:-.375rem}:host[data-size=m]._with-bottom:not(._rounded) .t-content_bottom{bottom:-.25rem;right:-.25rem}:host[data-size=xxl]._with-bottom._rounded .t-content_bottom{bottom:.25rem;right:.25rem}:host[data-size=xl]._with-bottom._rounded .t-content_bottom{bottom:.125rem;right:.125rem}:host[data-size=l]._with-bottom._rounded .t-content_bottom,:host[data-size=m]._with-bottom._rounded .t-content_bottom{bottom:-.25rem;right:-.25rem}:host[data-size=xxl] .t-content{height:2rem;min-width:2rem}:host[data-size=xl] .t-content,:host[data-size=l] .t-content{height:1.5rem;min-width:1.5rem}:host[data-size=m] .t-content,:host[data-size=s] .t-content{height:1.25rem;min-width:1.25rem}:host[data-size=xs] .t-content{height:1rem;min-width:1rem}\n"], components: [{ type: i1.TuiBadgeComponent, selector: "tui-badge", inputs: ["value", "size", "status", "hoverable"] }, { type: i2.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgedContentComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/components/breadcrumbs/breadcrumbs.component.js

@@ -20,7 +20,7 @@ TuiBreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
             provide: TuiModeDirective,
             useExisting: forwardRef(() => TuiBreadcrumbsComponent),
         },
-    ], queries: [{ propertyName: "items", predicate: TuiItemDirective, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"items.changes | async\"></ng-container>\n<ng-container *ngFor=\"let item of items; let last = last\">\n    <ng-container [ngTemplateOutlet]=\"item\"></ng-container>\n    <tui-svg\n        *ngIf=\"!last\"\n        class=\"t-icon\"\n        [src]=\"options.icon\"\n    ></tui-svg>\n</ng-container>\n", styles: [":host{display:flex;align-items:center;height:2.5rem;font:var(--tui-font-text-s);color:var(--tui-text-01)}:host[data-size=l]{font:var(--tui-font-text-m)}.t-icon{margin:0 .25rem;opacity:.4}\n"], components: [{ type: i1.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], queries: [{ propertyName: "items", predicate: TuiItemDirective, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"items.changes | async\"></ng-container>\n<ng-container *ngFor=\"let item of items; let last = last\">\n    <ng-container [ngTemplateOutlet]=\"item\"></ng-container>\n    <tui-svg\n        *ngIf=\"!last\"\n        class=\"t-icon\"\n        [src]=\"options.icon\"\n    ></tui-svg>\n</ng-container>\n", styles: [":host{display:flex;align-items:center;height:2.5rem;white-space:nowrap;font:var(--tui-font-text-s);color:var(--tui-text-01)}:host[data-size=l]{font:var(--tui-font-text-m)}.t-icon{margin:0 .25rem;opacity:.4}\n"], components: [{ type: i1.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBreadcrumbsComponent, decorators: [{
             type: Component,
             args: [{

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

@@ -151,7 +151,7 @@ export class TuiCalendarMonthComponent {
     }
 }
 TuiCalendarMonthComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCalendarMonthComponent, deps: [{ token: TUI_CALENDAR_MONTHS }], target: i0.ɵɵFactoryTarget.Component });
-TuiCalendarMonthComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCalendarMonthComponent, selector: "tui-calendar-month", inputs: { value: "value", year: "year", disabledItemHandler: "disabledItemHandler", min: "min", max: "max" }, outputs: { monthClick: "monthClick", hoveredItemChange: "hoveredItemChange", yearChange: "yearChange" }, host: { properties: { "class._single": "this.isSingle" } }, ngImport: i0, template: "<tui-scrollbar\n    *ngIf=\"isYearPickerShown; else monthSelect\"\n    class=\"t-scrollbar\"\n>\n    <tui-primitive-year-picker\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 #monthSelect>\n    <tui-primitive-spin-button\n        [focusable]=\"false\"\n        [leftDisabled]=\"previousYearDisabled\"\n        [rightDisabled]=\"nextYearDisabled\"\n        (leftClick)=\"onPreviousYear()\"\n        (rightClick)=\"onNextYear()\"\n    >\n        <button\n            tuiLink\n            type=\"button\"\n            automation-id=\"tui-calendar-month__active-year\"\n            [tuiFocusable]=\"false\"\n            (click)=\"onYearClick()\"\n        >\n            {{ year.formattedYear }}\n        </button>\n    </tui-primitive-spin-button>\n    <div class=\"t-row\">\n        <ng-container *ngFor=\"let month of months$ | async; let index = index\">\n            <div\n                *tuiLet=\"getTuiMonth(index, year.year) as item\"\n                class=\"t-cell\"\n                [class.t-cell_today]=\"isItemToday(item)\"\n                [class.t-cell_interval]=\"isItemInsideRange(item)\"\n                [attr.data-range]=\"getItemRange(item)\"\n                [attr.data-state]=\"getItemState(item)\"\n                (tuiHoveredChange)=\"onItemHovered($event, item)\"\n                (tuiPressedChange)=\"onItemHovered($event, item)\"\n                (click)=\"onItemClick(item)\"\n            >\n                <div class=\"t-item\">{{ month }}</div>\n            </div>\n        </ng-container>\n    </div>\n</ng-template>\n", styles: [":host{display:block;font:var(--tui-font-text-m)}.t-row{position:relative;z-index:0;display:flex;justify-content:space-between;height:2.25rem}.t-item{position:relative;flex:1;line-height:2rem;border-radius:var(--tui-radius-m)}.t-item:before,.t-item:after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius:var(--tui-radius-m)}.t-item:after{border-radius:.5rem}.t-cell{position:relative;display:flex;align-items:center;justify-content:center;width:3.6875rem;text-align:center;outline:none;cursor:pointer;background-clip:content-box;box-sizing:border-box;border:.125rem solid transparent}.t-cell:before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius:var(--tui-radius-m)}.t-cell_today:after{position:absolute;left:50%;transform:translate(-50%);content:\"\";bottom:.3125rem;height:.125rem;width:.75rem;border-radius:.375rem;background-color:var(--tui-text-01)}.t-cell_interval:before{background:var(--tui-base-02)}:host._single .t-cell_interval:before{background:var(--tui-secondary-hover)}.t-cell_interval:not(:last-child):before{right:-.25rem;border-top-right-radius:0;border-bottom-right-radius:0}.t-cell_interval:not([data-range=\"start\"]):not(:first-child):before{border-top-left-radius:0;border-bottom-left-radius:0}.t-cell_interval:last-child:first-child:before{right:0}.t-cell_interval:first-child>.t-item{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.t-cell_interval:last-child>.t-item{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.t-cell_interval>.t-item{border-radius:0}.t-cell[data-range]:after{background-color:var(--tui-primary-text)}.t-cell[data-range]>.t-item{color:var(--tui-primary-text)}.t-cell[data-range]>.t-item:before,.t-cell[data-range]>.t-item:after{background-color:var(--tui-primary)}.t-cell[data-range][data-state=hover]>.t-item:before,.t-cell[data-range][data-state=hover]>.t-item:after{background-color:var(--tui-primary-hover)}.t-cell[data-range][data-state=active]>.t-item:before,.t-cell[data-range][data-state=active]>.t-item:after{background-color:var(--tui-primary-active)}.t-cell[data-range=end]:before{background:var(--tui-base-02)}:host._single .t-cell[data-range=end]:before{background:var(--tui-secondary-hover)}.t-cell[data-range=end]:not(:first-child):before{border-top-left-radius:0;border-bottom-left-radius:0}.t-cell[data-range=end]>.t-item:before{left:.625rem;border-top-left-radius:0;border-bottom-left-radius:0}.t-cell[data-range=end]>.t-item:after{left:-2rem;right:100%;transform:translate(1.6rem) scaleY(.83) scaleX(.5) rotate(45deg)}.t-cell[data-range=start]>.t-item:before{right:.625rem;border-top-right-radius:0;border-bottom-right-radius:0}.t-cell[data-range=start]>.t-item:after{left:100%;right:-2rem;transform:translate(-1.6rem) scaleY(.83) scaleX(.5) rotate(45deg)}.t-cell[data-range=single]>.t-item:after{display:none}.t-cell[data-state=disabled]{pointer-events:none}.t-cell[data-state=disabled]>.t-item{opacity:.36}.t-cell[data-state=hover]:hover:not([data-range])>.t-item{background-color:var(--tui-secondary-hover)}.t-cell[data-state=active]:hover:not([data-range])>.t-item{background-color:var(--tui-secondary-active)}:host{display:block;height:13.625rem;width:15.75rem;padding:1.125rem;box-sizing:content-box}.t-row{flex-wrap:wrap;margin-top:1.4375rem}.t-cell{box-sizing:content-box}.t-cell:nth-child(n + 5){margin-top:1.75rem}.t-cell_interval:nth-child(4n):before{right:0}.t-scrollbar{height:inherit;width:inherit}\n"], components: [{ type: i1.TuiScrollbarComponent, selector: "tui-scrollbar", inputs: ["hidden"] }, { type: i1.TuiPrimitiveYearPickerComponent, selector: "tui-primitive-year-picker", inputs: ["value", "initialItem", "min", "max", "disabledItemHandler"], outputs: ["yearClick"] }, { type: i1.TuiPrimitiveSpinButtonComponent, selector: "tui-primitive-spin-button", inputs: ["disabled", "mode", "leftDisabled", "rightDisabled"], outputs: ["leftClick", "rightClick"] }, { type: i1.TuiLinkComponent, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo", "icon", "iconAlign", "iconRotated", "mode"], exportAs: ["tuiLink"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.TuiFocusableDirective, selector: "[tuiFocusable]", inputs: ["tuiFocusable"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.TuiLetDirective, selector: "[tuiLet]", inputs: ["tuiLet"] }, { type: i3.TuiHoveredDirective, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }, { type: i3.TuiPressedDirective, selector: "[tuiPressedChange]", outputs: ["tuiPressedChange"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TuiCalendarMonthComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCalendarMonthComponent, selector: "tui-calendar-month", inputs: { value: "value", year: "year", disabledItemHandler: "disabledItemHandler", min: "min", max: "max" }, outputs: { monthClick: "monthClick", hoveredItemChange: "hoveredItemChange", yearChange: "yearChange" }, host: { properties: { "class._single": "this.isSingle" } }, ngImport: i0, template: "<tui-scrollbar\n    *ngIf=\"isYearPickerShown; else monthSelect\"\n    class=\"t-scrollbar\"\n>\n    <tui-primitive-year-picker\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 #monthSelect>\n    <tui-primitive-spin-button\n        [focusable]=\"false\"\n        [leftDisabled]=\"previousYearDisabled\"\n        [rightDisabled]=\"nextYearDisabled\"\n        (leftClick)=\"onPreviousYear()\"\n        (rightClick)=\"onNextYear()\"\n    >\n        <button\n            tuiLink\n            type=\"button\"\n            automation-id=\"tui-calendar-month__active-year\"\n            [tuiFocusable]=\"false\"\n            (click)=\"onYearClick()\"\n        >\n            {{ year.formattedYear }}\n        </button>\n    </tui-primitive-spin-button>\n    <div class=\"t-row\">\n        <ng-container *ngFor=\"let month of months$ | async; let index = index\">\n            <div\n                *tuiLet=\"getTuiMonth(index, year.year) as item\"\n                class=\"t-cell\"\n                [class.t-cell_today]=\"isItemToday(item)\"\n                [class.t-cell_interval]=\"isItemInsideRange(item)\"\n                [attr.data-range]=\"getItemRange(item)\"\n                [attr.data-state]=\"getItemState(item)\"\n                (tuiHoveredChange)=\"onItemHovered($event, item)\"\n                (tuiPressedChange)=\"onItemHovered($event, item)\"\n                (click)=\"onItemClick(item)\"\n            >\n                <div class=\"t-item\">{{ month }}</div>\n            </div>\n        </ng-container>\n    </div>\n</ng-template>\n", styles: [":host{display:block;font:var(--tui-font-text-m)}.t-row{position:relative;z-index:0;display:flex;justify-content:space-between;height:2.25rem}.t-item{position:relative;flex:1;line-height:2rem;border-radius:var(--tui-radius-m)}.t-item:before,.t-item:after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius:var(--tui-radius-m)}.t-item:after{border-radius:.5rem}.t-cell{position:relative;display:flex;align-items:center;justify-content:center;width:3.9375rem;text-align:center;outline:none;cursor:pointer;background-clip:content-box;box-sizing:border-box;border:.125rem solid transparent}.t-cell:before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius:var(--tui-radius-m)}.t-cell_today:after{position:absolute;left:50%;transform:translate(-50%);content:\"\";bottom:.3125rem;height:.125rem;width:.75rem;border-radius:.375rem;background-color:var(--tui-text-01)}.t-cell_interval:before{background:var(--tui-base-02)}:host._single .t-cell_interval:before{background:var(--tui-secondary-hover)}.t-cell_interval:not(:last-child):before{right:-.25rem;border-top-right-radius:0;border-bottom-right-radius:0}.t-cell_interval:not([data-range=\"start\"]):not(:first-child):before{border-top-left-radius:0;border-bottom-left-radius:0}.t-cell_interval:last-child:first-child:before{right:0}.t-cell_interval:first-child>.t-item{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.t-cell_interval:last-child>.t-item{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.t-cell_interval>.t-item{border-radius:0}.t-cell[data-range]:after{background-color:var(--tui-primary-text)}.t-cell[data-range]>.t-item{color:var(--tui-primary-text)}.t-cell[data-range]>.t-item:before,.t-cell[data-range]>.t-item:after{background-color:var(--tui-primary)}.t-cell[data-range][data-state=hover]>.t-item:before,.t-cell[data-range][data-state=hover]>.t-item:after{background-color:var(--tui-primary-hover)}.t-cell[data-range][data-state=active]>.t-item:before,.t-cell[data-range][data-state=active]>.t-item:after{background-color:var(--tui-primary-active)}.t-cell[data-range=end]:before{background:var(--tui-base-02)}:host._single .t-cell[data-range=end]:before{background:var(--tui-secondary-hover)}.t-cell[data-range=end]:not(:first-child):before{border-top-left-radius:0;border-bottom-left-radius:0}.t-cell[data-range=end]>.t-item:before{left:.625rem;border-top-left-radius:0;border-bottom-left-radius:0}.t-cell[data-range=end]>.t-item:after{left:-2rem;right:100%;transform:translate(1.6rem) scaleY(.83) scaleX(.5) rotate(45deg)}.t-cell[data-range=start]>.t-item:before{right:.625rem;border-top-right-radius:0;border-bottom-right-radius:0}.t-cell[data-range=start]>.t-item:after{left:100%;right:-2rem;transform:translate(-1.6rem) scaleY(.83) scaleX(.5) rotate(45deg)}.t-cell[data-range=single]>.t-item:after{display:none}.t-cell[data-state=disabled]{pointer-events:none}.t-cell[data-state=disabled]>.t-item{opacity:.36}.t-cell[data-state=hover]:hover:not([data-range])>.t-item{background-color:var(--tui-secondary-hover)}.t-cell[data-state=active]:hover:not([data-range])>.t-item{background-color:var(--tui-secondary-active)}:host{display:block;height:13.625rem;width:15.75rem;padding:1.125rem;box-sizing:content-box}.t-row{flex-wrap:wrap;margin-top:1.4375rem}.t-cell:nth-child(n + 5){margin-top:1.75rem}.t-cell_interval:nth-child(4n):before{right:0}.t-scrollbar{height:inherit;width:inherit}\n"], components: [{ type: i1.TuiScrollbarComponent, selector: "tui-scrollbar", inputs: ["hidden"] }, { type: i1.TuiPrimitiveYearPickerComponent, selector: "tui-primitive-year-picker", inputs: ["value", "initialItem", "min", "max", "disabledItemHandler"], outputs: ["yearClick"] }, { type: i1.TuiPrimitiveSpinButtonComponent, selector: "tui-primitive-spin-button", inputs: ["disabled", "mode", "leftDisabled", "rightDisabled"], outputs: ["leftClick", "rightClick"] }, { type: i1.TuiLinkComponent, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo", "icon", "iconAlign", "iconRotated", "mode"], exportAs: ["tuiLink"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.TuiFocusableDirective, selector: "[tuiFocusable]", inputs: ["tuiFocusable"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.TuiLetDirective, selector: "[tuiLet]", inputs: ["tuiLet"] }, { type: i3.TuiHoveredDirective, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }, { type: i3.TuiPressedDirective, selector: "[tuiPressedChange]", outputs: ["tuiPressedChange"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 __decorate([
     tuiPure
 ], TuiCalendarMonthComponent.prototype, "calculateDisabledItemHandlerWithMinMax", null);