@taiga-ui/kit 3.23.1-dev.main-d8b7500 → 3.23.1-dev.main-3d032b2

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

@@ -17,7 +17,7 @@ export declare class TuiInputNumberComponent extends AbstractTuiNullableControl<
     /** @deprecated use `tuiTextfieldPostfix` from {@link TuiTextfieldControllerModule} instead */
     postfix: string;
     readonly polymorpheusValueContent: QueryList<unknown>;
-    constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, numberFormat: TuiNumberFormatSettings, isIOS: boolean);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, numberFormat: TuiNumberFormatSettings, isIOS: boolean);
     get nativeFocusableElement(): HTMLInputElement | null;
     get focused(): boolean;
     get isNegativeAllowed(): boolean;

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

@@ -17,7 +17,7 @@ export declare class TuiInputPasswordComponent extends AbstractTuiControl<string
     isPasswordHidden: boolean;
     readonly computedAppearance$: Observable<string>;
     readonly type: TuiContextWithImplicit<TuiSizeL | TuiSizeS>;
-    constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, textfieldSize: TuiTextfieldSizeDirective, passwordTexts$: Observable<[string, string]>, options: TuiInputPasswordOptions, hintOptions: TuiHintOptionsDirective | null, mode$: Observable<TuiBrightness | null>);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, textfieldSize: TuiTextfieldSizeDirective, passwordTexts$: Observable<[string, string]>, options: TuiInputPasswordOptions, hintOptions: TuiHintOptionsDirective | null, mode$: Observable<TuiBrightness | null>);
     get nativeFocusableElement(): TuiNativeFocusableElement | null;
     get focused(): boolean;
     get icon(): PolymorpheusContent<TuiContextWithImplicit<TuiSizeL | TuiSizeS>>;

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

@@ -19,7 +19,7 @@ export declare class TuiInputPhoneComponent extends AbstractTuiControl<string> i
     readonly textMaskOptions: TuiTextMaskOptions;
     countryCode: string;
     open: boolean;
-    constructor(control: NgControl | null, destroy$: Observable<unknown>, changeDetectorRef: ChangeDetectorRef, selection$: Observable<unknown>, textfieldCleaner: TuiTextfieldCleanerDirective, options: TuiInputPhoneOptions);
+    constructor(control: NgControl | null, destroy$: Observable<unknown>, cdr: ChangeDetectorRef, selection$: Observable<unknown>, textfieldCleaner: TuiTextfieldCleanerDirective, options: TuiInputPhoneOptions);
     get nativeFocusableElement(): HTMLInputElement | null;
     get focused(): boolean;
     get computedValue(): string;

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

@@ -20,7 +20,7 @@ export declare class TuiInputPhoneInternationalComponent extends AbstractTuiCont
     countryIsoCode: TuiCountryIsoCode;
     open: boolean;
     readonly arrow: PolymorpheusContent<TuiContextWithImplicit<TuiSizeL | TuiSizeM | TuiSizeS>>;
-    constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, countriesNames$: Observable<Record<TuiCountryIsoCode, string>>, countriesMasks: Record<TuiCountryIsoCode, string>, options: TuiInputPhoneInternationalOptions, flagPipe: TuiFlagPipe);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, countriesNames$: Observable<Record<TuiCountryIsoCode, string>>, countriesMasks: Record<TuiCountryIsoCode, string>, options: TuiInputPhoneInternationalOptions, flagPipe: TuiFlagPipe);
     get nativeFocusableElement(): HTMLElement | null;
     get focused(): boolean;
     get inputPhoneCountryCode(): string;

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

@@ -7,7 +7,7 @@ import { PolymorpheusContent } from '@tinkoff/ng-polymorpheus';
 import * as i0 from "@angular/core";
 export declare class TuiInputRangeComponent extends AbstractTuiControl<[number, number]> implements TuiWithOptionalMinMax<number>, TuiFocusableElementAccessor {
     private readonly isMobile;
-    private readonly elementRef;
+    private readonly el;
     readonly controller: TuiTextfieldController;
     private readonly inputNumberRefs;
     private readonly rangeRef;
@@ -21,7 +21,7 @@ export declare class TuiInputRangeComponent extends AbstractTuiControl<[number,
     rightValueContent: PolymorpheusContent<TuiContextWithImplicit<number>>;
     pluralize: Record<string, string> | null;
     lastActiveSide: 'left' | 'right';
-    constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, isMobile: boolean, elementRef: ElementRef, controller: TuiTextfieldController);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, isMobile: boolean, el: ElementRef, controller: TuiTextfieldController);
     get leftFocusableElement(): HTMLInputElement | null;
     get rightFocusableElement(): HTMLInputElement | null;
     get nativeFocusableElement(): TuiNativeFocusableElement | null;

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

@@ -20,7 +20,7 @@ export declare class TuiInputSliderComponent extends AbstractTuiControl<number>
     textfieldPrefix: string;
     /** @deprecated use `tuiTextfieldPostfix` from {@link TuiTextfieldControllerModule} instead */
     textfieldPostfix: string;
-    constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, controller: TuiTextfieldController);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, controller: TuiTextfieldController);
     get prefix(): string;
     get postfix(): string;
     get nativeFocusableElement(): TuiNativeFocusableElement | null;

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

@@ -10,7 +10,7 @@ import { TuiInputTagOptions } from './input-tag-options';
 import * as i0 from "@angular/core";
 export declare class TuiInputTagComponent extends AbstractTuiMultipleControl<string> implements TuiFocusableElementAccessor, TuiDataListHost<string> {
     private readonly tuiScrollService;
-    private readonly elementRef;
+    private readonly el;
     private readonly modeDirective;
     private readonly mode$;
     readonly hintOptions: TuiHintOptionsDirective | null;
@@ -44,7 +44,7 @@ export declare class TuiInputTagComponent extends AbstractTuiMultipleControl<str
     set scrollerSetter(scroller: TuiScrollbarComponent | null);
     status$: Observable<TuiStatus>;
     open: boolean;
-    constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, tuiScrollService: TuiScrollService, elementRef: ElementRef<HTMLElement>, modeDirective: TuiModeDirective | null, mode$: Observable<TuiBrightness | null>, hintOptions: TuiHintOptionsDirective | null, controller: TuiTextfieldController, options: TuiInputTagOptions, parentHostedDropdown?: TuiHostedDropdownComponent | undefined);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, tuiScrollService: TuiScrollService, el: ElementRef<HTMLElement>, modeDirective: TuiModeDirective | null, mode$: Observable<TuiBrightness | null>, hintOptions: TuiHintOptionsDirective | null, controller: TuiTextfieldController, options: TuiInputTagOptions, parentHostedDropdown?: TuiHostedDropdownComponent | undefined);
     get nativeFocusableElement(): HTMLInputElement | null;
     get focused(): boolean;
     get appearance(): string;

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

@@ -17,7 +17,7 @@ export declare class TuiInputTimeComponent extends AbstractTuiNullableControl<Tu
     /** @deprecated use `tuiTextfieldPostfix` from {@link TuiTextfieldControllerModule} instead */
     postfix: TuiInputTimeOptions['postfix'];
     open: boolean;
-    constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, timeTexts$: Observable<Record<TuiTimeMode, string>>, options: TuiInputTimeOptions);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, timeTexts$: Observable<Record<TuiTimeMode, string>>, options: TuiInputTimeOptions);
     get nativeFocusableElement(): HTMLInputElement | null;
     get focused(): boolean;
     get canOpen(): boolean;

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

@@ -16,7 +16,7 @@ export declare class TuiInputYearComponent extends AbstractTuiNullableControl<nu
         mask: any[];
         guide: boolean;
     };
-    constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, options: TuiInputDateOptions);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, options: TuiInputDateOptions);
     get nativeFocusableElement(): HTMLInputElement | null;
     get focused(): boolean;
     get calendarIcon(): TuiInputDateOptions['icon'];

package/components/items-with-more/items-with-more.service.d.ts

@@ -4,12 +4,12 @@ import { TuiItemsWithMoreDirective } from './items-with-more.directive';
 import * as i0 from "@angular/core";
 export declare class TuiItemsWithMoreService extends Observable<number> {
     private readonly ngZone;
-    private readonly elementRef;
+    private readonly el;
     private readonly mutation$;
     private readonly resize$;
     private readonly directive;
     readonly stream$: Observable<number>;
-    constructor(ngZone: NgZone, elementRef: ElementRef<HTMLElement>, mutation$: Observable<unknown>, resize$: Observable<unknown>, directive: TuiItemsWithMoreDirective);
+    constructor(ngZone: NgZone, el: ElementRef<HTMLElement>, mutation$: Observable<unknown>, resize$: Observable<unknown>, directive: TuiItemsWithMoreDirective);
     private getOverflowIndex;
     private get maxItems();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiItemsWithMoreService, never>;

package/components/line-clamp/line-clamp.component.d.ts

@@ -4,7 +4,7 @@ import { Observable } from 'rxjs';
 import { TuiLineClampOptions } from './line-clamp-options';
 import * as i0 from "@angular/core";
 export declare class TuiLineClampComponent implements DoCheck, AfterViewInit {
-    private readonly elementRef;
+    private readonly el;
     private readonly renderer;
     private readonly cd;
     private readonly ngZone;
@@ -20,7 +20,7 @@ export declare class TuiLineClampComponent implements DoCheck, AfterViewInit {
     content: PolymorpheusContent;
     readonly overflownChange: Observable<boolean>;
     lineClamp$: Observable<number>;
-    constructor(elementRef: ElementRef<HTMLElement>, renderer: Renderer2, cd: ChangeDetectorRef, ngZone: NgZone, options: TuiLineClampOptions);
+    constructor(el: ElementRef<HTMLElement>, renderer: Renderer2, cd: ChangeDetectorRef, ngZone: NgZone, options: TuiLineClampOptions);
     get overflown(): boolean;
     get computedContent(): PolymorpheusContent;
     updateView(): void;

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

@@ -32,7 +32,7 @@ export declare class TuiMultiSelectComponent<T> extends AbstractTuiMultipleContr
     readonly searchChange: EventEmitter<string | null>;
     readonly datalist: PolymorpheusContent<TuiContextWithImplicit<TuiActiveZoneDirective>>;
     open: boolean;
-    constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, arrowMode: TuiArrowMode, itemsHandlers: TuiItemsHandlers<T>, options: TuiMultiSelectOptions<T>, controller: TuiTextfieldController, isMobile: boolean);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, arrowMode: TuiArrowMode, itemsHandlers: TuiItemsHandlers<T>, options: TuiMultiSelectOptions<T>, controller: TuiTextfieldController, isMobile: boolean);
     get size(): TuiSizeL | TuiSizeS;
     get arrow(): PolymorpheusContent<TuiContextWithImplicit<TuiSizeL | TuiSizeM | TuiSizeS>>;
     get nativeFocusableElement(): HTMLInputElement | null;

package/components/pagination/pagination.component.d.ts

@@ -5,10 +5,10 @@ import { PolymorpheusContent } from '@tinkoff/ng-polymorpheus';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class TuiPaginationComponent extends AbstractTuiInteractive implements TuiFocusableElementAccessor {
-    private readonly elementRef;
+    private readonly el;
     private readonly modeDirective;
     readonly texts$: Observable<[string, string]>;
-    private readonly elements;
+    private readonly els;
     length: number;
     size: TuiSizeS;
     readonly disabled = false;
@@ -29,7 +29,7 @@ export declare class TuiPaginationComponent extends AbstractTuiInteractive imple
      */
     index: number;
     readonly indexChange: EventEmitter<number>;
-    constructor(elementRef: ElementRef<HTMLElement>, modeDirective: TuiModeDirective | null, texts$: Observable<[string, string]>);
+    constructor(el: ElementRef<HTMLElement>, modeDirective: TuiModeDirective | null, texts$: Observable<[string, string]>);
     get nativeFocusableElement(): TuiNativeFocusableElement | null;
     get focused(): boolean;
     /**

package/components/progress/progress-bar/progress-color-segments.directive.d.ts

@@ -2,13 +2,13 @@ import { ElementRef } from '@angular/core';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class TuiProgressColorSegmentsDirective {
-    private readonly elementRef;
+    private readonly el;
     private readonly resize$;
     private readonly userAgent;
     private readonly isOldBrowsers;
     colors: string[];
     get calcSegments$(): Observable<string>;
-    constructor(elementRef: ElementRef<HTMLProgressElement>, resize$: Observable<unknown>, userAgent: string);
+    constructor(el: ElementRef<HTMLProgressElement>, resize$: Observable<unknown>, userAgent: string);
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiProgressColorSegmentsDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiProgressColorSegmentsDirective, "progress[tuiProgressBar][tuiProgressColorSegments]", never, { "colors": "tuiProgressColorSegments"; }, {}, never>;
 }

package/components/progress/progress-circle/progress-circle.component.d.ts

@@ -3,8 +3,8 @@ import { TuiSizeS, TuiSizeXL } from '@taiga-ui/core';
 import * as i0 from "@angular/core";
 export declare class TuiProgressCircleComponent {
     private readonly userAgent;
-    private readonly windowRef;
-    private readonly elementRef;
+    private readonly win;
+    private readonly el;
     private readonly progressCircle;
     value: number;
     max: number;
@@ -12,7 +12,7 @@ export declare class TuiProgressCircleComponent {
     size: TuiSizeS | TuiSizeXL;
     get progressPercentage(): number;
     get oldEdgeRadiusFallback(): number | null;
-    constructor(userAgent: string, windowRef: Window, elementRef: ElementRef<HTMLElement>);
+    constructor(userAgent: string, win: Window, el: ElementRef<HTMLElement>);
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiProgressCircleComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiProgressCircleComponent, "tui-progress-circle", never, { "value": "value"; "max": "max"; "color": "color"; "size": "size"; }, {}, never, never>;
 }

package/components/push/push-alert.directive.d.ts

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
 export declare class TuiPushAlertDirective extends PolymorpheusTemplate {
     private readonly show$;
     set tuiPush(show: boolean);
-    constructor(template: TemplateRef<any>, changeDetectorRef: ChangeDetectorRef, destroy$: Observable<unknown>, push: TuiPushService);
+    constructor(template: TemplateRef<any>, cdr: ChangeDetectorRef, destroy$: Observable<unknown>, push: TuiPushService);
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPushAlertDirective, [null, null, { self: true; }, null]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiPushAlertDirective, "[tuiPush]", never, { "tuiPush": "tuiPush"; }, {}, never>;
 }

package/components/radio/radio.component.d.ts

@@ -23,7 +23,7 @@ export declare class TuiRadioComponent<T> extends AbstractTuiNullableControl<T>
         } | undefined;
         readonly value: "";
     };
-    constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, animationOptions: AnimationOptions, options: TuiRadioOptions, radioGroup: TuiRadioGroupComponent | null);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, animationOptions: AnimationOptions, options: TuiRadioOptions, radioGroup: TuiRadioGroupComponent | null);
     get appearance(): string;
     get computedDisabled(): boolean;
     get nativeFocusableElement(): TuiNativeFocusableElement | null;

package/components/radio-block/radio-block.component.d.ts

@@ -12,7 +12,7 @@ export declare class TuiRadioBlockComponent<T> extends AbstractTuiNullableContro
     size: TuiSizeL | TuiSizeS;
     hideRadio: boolean;
     pseudoDisabled: boolean;
-    constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, modeDirective: TuiModeDirective | null);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, modeDirective: TuiModeDirective | null);
     get nativeFocusableElement(): TuiNativeFocusableElement | null;
     get focused(): boolean;
     get computedDisabled(): boolean;

package/components/radio-labeled/radio-labeled.component.d.ts

@@ -12,7 +12,7 @@ export declare class TuiRadioLabeledComponent<T> extends AbstractTuiNullableCont
     size: TuiSizeL;
     identityMatcher: TuiIdentityMatcher<T>;
     pseudoDisabled: boolean;
-    constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, modeDirective: TuiModeDirective | null, options: TuiRadioOptions);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, modeDirective: TuiModeDirective | null, options: TuiRadioOptions);
     get nativeFocusableElement(): TuiNativeFocusableElement | null;
     get focused(): boolean;
     get computedDisabled(): boolean;

package/components/radio-list/radio-list.component.d.ts

@@ -5,14 +5,14 @@ import { TuiOrientation, TuiSizeL, TuiValueContentContext } from '@taiga-ui/core
 import { PolymorpheusContent } from '@tinkoff/ng-polymorpheus';
 import * as i0 from "@angular/core";
 export declare class TuiRadioListComponent<T> extends AbstractTuiNullableControl<T> {
-    private readonly elementRef;
+    private readonly el;
     private readonly radioButtons;
     items: readonly T[];
     size: TuiSizeL;
     identityMatcher: TuiIdentityMatcher<T>;
     orientation: TuiOrientation;
     disabledItemHandler: TuiBooleanHandler<T>;
-    constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef<HTMLElement>);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, el: ElementRef<HTMLElement>);
     itemContent: PolymorpheusContent<TuiValueContentContext<T> & {
         index: number;
     }>;

package/components/range/range-change.directive.d.ts

@@ -3,18 +3,18 @@ import { Observable } from 'rxjs';
 import { TuiRangeComponent } from './range.component';
 import * as i0 from "@angular/core";
 export declare class TuiRangeChangeDirective {
-    private readonly documentRef;
-    private readonly elementRef;
+    private readonly doc;
+    private readonly el;
     private readonly range;
     /**
      * TODO replace with pointer events (when all supported browsers can handle them).
-     * Dont forget to use setPointerCapture instead of listening all documentRef events
+     * Dont forget to use setPointerCapture instead of listening all doc events
      */
     private readonly pointerDown$;
     private readonly pointerMove$;
     private readonly pointerUp$;
     readonly activeThumbChange: EventEmitter<"left" | "right">;
-    constructor(documentRef: Document, elementRef: ElementRef<HTMLElement>, range: TuiRangeComponent, destroy$: Observable<unknown>);
+    constructor(doc: Document, el: ElementRef<HTMLElement>, range: TuiRangeComponent, destroy$: Observable<unknown>);
     private getFractionFromEvents;
     private detectActiveThumb;
     private findNearestActiveThumb;

package/components/range/range.component.d.ts

@@ -5,7 +5,7 @@ import { TuiSizeS, TuiWithOptionalMinMax } from '@taiga-ui/core';
 import { TuiKeySteps } from '@taiga-ui/kit/types';
 import * as i0 from "@angular/core";
 export declare class TuiRangeComponent extends AbstractTuiControl<[number, number]> implements TuiWithOptionalMinMax<number>, TuiFocusableElementAccessor {
-    private readonly elementRef;
+    private readonly el;
     min: number;
     max: number;
     step: number;
@@ -14,7 +14,7 @@ export declare class TuiRangeComponent extends AbstractTuiControl<[number, numbe
     keySteps: TuiKeySteps | null;
     slidersRefs: QueryList<ElementRef<HTMLInputElement>>;
     lastActiveThumb: 'left' | 'right';
-    constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef<HTMLElement>);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, el: ElementRef<HTMLElement>);
     get nativeFocusableElement(): TuiNativeFocusableElement | null;
     get focused(): boolean;
     get fractionStep(): number;

package/components/rating/rating.component.d.ts

@@ -10,7 +10,7 @@ export declare class TuiRatingComponent extends AbstractTuiControl<number> imple
     max: number;
     iconNormal: string;
     iconFilled: string;
-    constructor(ngControl: NgControl | null, changeDetectorRef: ChangeDetectorRef, options: TuiRatingOptions);
+    constructor(ngControl: NgControl | null, cdr: ChangeDetectorRef, options: TuiRatingOptions);
     get nativeFocusableElement(): HTMLInputElement | null;
     get focused(): boolean;
     get isFocusable(): boolean;

package/components/routable-dialog/routable-dialog.component.d.ts

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
 export declare class TuiRoutableDialogComponent {
     private readonly route;
     private readonly router;
-    constructor(route: ActivatedRoute, router: Router, dialogService: TuiDialogService, injector: Injector, destroy$: TuiDestroyService);
+    constructor(route: ActivatedRoute, router: Router, dialogs: TuiDialogService, injector: Injector, destroy$: TuiDestroyService);
     private navigateToParent;
     private getLazyLoadedBackUrl;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiRoutableDialogComponent, [null, null, null, null, { self: true; }]>;

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

@@ -20,7 +20,7 @@ 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, changeDetectorRef: ChangeDetectorRef, textfieldCleaner: TuiTextfieldCleanerDirective, arrowMode: TuiArrowMode, itemsHandlers: TuiItemsHandlers<T>, options: TuiSelectOptions<T>, isMobile: boolean);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, textfieldCleaner: TuiTextfieldCleanerDirective, arrowMode: TuiArrowMode, itemsHandlers: TuiItemsHandlers<T>, options: TuiSelectOptions<T>, isMobile: boolean);
     get arrow(): PolymorpheusContent<TuiContextWithImplicit<TuiSizeL | TuiSizeM | TuiSizeS>>;
     get nativeFocusableElement(): HTMLInputElement | null;
     get focused(): boolean;

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

@@ -7,14 +7,14 @@ import * as i0 from "@angular/core";
 export declare class TuiSelectOptionComponent<T> implements OnInit, DoCheck {
     readonly context: TuiContextWithImplicit<TemplateRef<Record<string, unknown>>>;
     private readonly host;
-    private readonly elementRef;
+    private readonly el;
     protected readonly option: TuiOptionComponent<T>;
     protected readonly dataList: TuiDataListComponent<T> | null;
     protected readonly control: NgControl;
     protected readonly abstractControl: AbstractTuiControl<T> | null;
     private readonly changeDetection$;
     readonly selected$: import("rxjs").Observable<boolean>;
-    constructor(context: TuiContextWithImplicit<TemplateRef<Record<string, unknown>>>, host: TuiDataListHost<T>, elementRef: ElementRef<HTMLElement>, option: TuiOptionComponent<T>, dataList: TuiDataListComponent<T> | null, control: NgControl, abstractControl: AbstractTuiControl<T> | null);
+    constructor(context: TuiContextWithImplicit<TemplateRef<Record<string, unknown>>>, host: TuiDataListHost<T>, el: ElementRef<HTMLElement>, option: TuiOptionComponent<T>, dataList: TuiDataListComponent<T> | null, control: NgControl, abstractControl: AbstractTuiControl<T> | null);
     get matcher(): TuiIdentityMatcher<T>;
     ngDoCheck(): void;
     ngOnInit(): void;

package/components/slider/helpers/slider-key-steps.directive.d.ts

@@ -5,14 +5,14 @@ import { TuiKeySteps } from '@taiga-ui/kit/types';
 import { TuiSliderComponent } from '../slider.component';
 import * as i0 from "@angular/core";
 export declare class TuiSliderKeyStepsDirective extends AbstractTuiControl<number> implements TuiFocusableElementAccessor {
-    private readonly elementRef;
+    private readonly el;
     private readonly slider;
     keySteps: TuiKeySteps;
     get nativeFocusableElement(): HTMLInputElement | null;
     get focused(): boolean;
     get min(): number;
     get max(): number;
-    constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef<HTMLInputElement>, slider: TuiSliderComponent);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, el: ElementRef<HTMLInputElement>, slider: TuiSliderComponent);
     updateControlValue(): void;
     writeValue(controlValue: number | null): void;
     protected getFallbackValue(): number;

package/components/slider/helpers/slider-readonly.directive.d.ts

@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
  */
 export declare class TuiSliderReadonlyDirective {
     readonly: boolean | string;
-    constructor(elementRef: ElementRef<HTMLInputElement>, documentRef: Document, destroy$: Observable<unknown>);
+    constructor(el: ElementRef<HTMLInputElement>, doc: Document, destroy$: Observable<unknown>);
     preventEvent(event: Event): void;
     preventKeyboardInteraction(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSliderReadonlyDirective, [null, null, { self: true; }]>;

package/components/slider/slider.component.d.ts

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
 export declare class TuiSliderComponent {
     private readonly control;
     readonly options: TuiSliderOptions;
-    readonly elementRef: ElementRef<HTMLInputElement>;
+    readonly el: ElementRef<HTMLInputElement>;
     private readonly userAgent;
     private readonly injector;
     size: TuiSizeS;
@@ -20,7 +20,7 @@ export declare class TuiSliderComponent {
     get segmentWidth(): number;
     get isOldEdge(): boolean;
     get hasKeySteps(): boolean;
-    constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, options: TuiSliderOptions, elementRef: ElementRef<HTMLInputElement>, userAgent: string, injector: Injector);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, options: TuiSliderOptions, el: ElementRef<HTMLInputElement>, userAgent: string, injector: Injector);
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSliderComponent, [{ optional: true; self: true; }, null, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiSliderComponent, "input[type=range][tuiSlider]", never, { "size": "size"; "segments": "segments"; }, {}, never, never>;
 }

package/components/stepper/step/step.component.d.ts

@@ -5,11 +5,11 @@ import { TuiStepperComponent } from '../stepper.component';
 import * as i0 from "@angular/core";
 export declare class TuiStepComponent {
     private readonly stepper;
-    private readonly elementRef;
+    private readonly el;
     stepState: 'error' | 'normal' | 'pass';
     icon: string;
     focusVisible: boolean;
-    constructor(focusVisible$: TuiFocusVisibleService, routerLinkActive$: Observable<boolean>, stepper: TuiStepperComponent, elementRef: ElementRef<HTMLElement>);
+    constructor(focusVisible$: TuiFocusVisibleService, routerLinkActive$: Observable<boolean>, stepper: TuiStepperComponent, el: ElementRef<HTMLElement>);
     get isActive(): boolean;
     get isVertical(): boolean;
     get tabIndex(): number;

package/components/stepper/stepper.component.d.ts

@@ -1,15 +1,19 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
+import { TuiScrollService } from '@taiga-ui/cdk';
 import { TuiOrientation } from '@taiga-ui/core';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class TuiStepperComponent {
-    private readonly changeDetector;
+    private readonly cdr;
+    private readonly el;
+    private readonly scrollService;
+    private readonly duration;
     private readonly steps;
     orientation: TuiOrientation;
     set activeIndex(index: number);
     readonly activeItemIndexChange: EventEmitter<number>;
     activeItemIndex: number;
-    constructor(changeDetector: ChangeDetectorRef);
+    constructor(cdr: ChangeDetectorRef, el: ElementRef<HTMLElement>, scrollService: TuiScrollService, resize$: Observable<void>, duration: number);
     get changes$(): Observable<unknown>;
     onHorizontal(event: Event, step: number): void;
     onVertical(event: Event, step: number): void;

package/components/tabs/tab/tab.component.d.ts

@@ -6,12 +6,12 @@ import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class TuiTabComponent implements OnDestroy {
     private readonly routerLinkActive;
-    private readonly elementRef;
+    private readonly el;
     readonly mode$: Observable<TuiBrightness | null>;
     readonly event$: Observable<Event>;
     readonly margin: number;
     focusVisible: boolean;
-    constructor(routerLinkActive: RouterLinkActive | null, elementRef: ElementRef<HTMLElement>, mode$: Observable<TuiBrightness | null>, event$: Observable<Event>, margin: number, focusVisible$: TuiFocusVisibleService);
+    constructor(routerLinkActive: RouterLinkActive | null, el: ElementRef<HTMLElement>, mode$: Observable<TuiBrightness | null>, event$: Observable<Event>, margin: number, focusVisible$: TuiFocusVisibleService);
     get isActive(): boolean;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTabComponent, [{ optional: true; }, null, null, null, null, null]>;

package/components/tabs/tabs/tabs.component.d.ts

@@ -5,11 +5,11 @@ import { TuiTabsOptions } from '../tabs-options';
 import * as i0 from "@angular/core";
 export declare class TuiTabsComponent implements AfterViewChecked {
     private readonly options;
-    private readonly elementRef;
+    private readonly el;
     private readonly tabs;
     readonly children: QueryList<unknown>;
     underline: boolean;
-    constructor(options: TuiTabsOptions, elementRef: ElementRef<HTMLElement>, tabs: TuiTabsDirective, changeDetectorRef: ChangeDetectorRef, resize$: Observable<void>);
+    constructor(options: TuiTabsOptions, el: ElementRef<HTMLElement>, tabs: TuiTabsDirective, cdr: ChangeDetectorRef, resize$: Observable<void>);
     /** @deprecated use `activeItemIndex` from {@link TuiTabsDirective} instead */
     get activeItemIndex(): number;
     /** @deprecated use `activeItemIndex` from {@link TuiTabsDirective} instead */

package/components/tabs/tabs-with-more/tabs-with-more.component.d.ts

@@ -8,8 +8,8 @@ export declare class TuiTabsWithMoreComponent implements AfterViewInit {
     private readonly options;
     private readonly margin;
     private readonly refresh$;
-    private readonly elementRef;
-    private readonly changeDetectorRef;
+    private readonly el;
+    private readonly cdr;
     readonly moreWord$: Observable<string>;
     private readonly moreButton?;
     private maxIndex;
@@ -21,7 +21,7 @@ export declare class TuiTabsWithMoreComponent implements AfterViewInit {
     readonly activeItemIndexChange: EventEmitter<number>;
     readonly items: QueryList<TemplateRef<Record<string, unknown>>>;
     open: boolean;
-    constructor(options: TuiTabsOptions, margin: number, refresh$: Observable<unknown>, elementRef: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef, moreWord$: Observable<string>);
+    constructor(options: TuiTabsOptions, margin: number, refresh$: Observable<unknown>, el: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, moreWord$: Observable<string>);
     get tabs(): readonly HTMLElement[];
     get activeElement(): HTMLElement | null;
     get isMoreAlone(): boolean;

package/components/tabs/tabs.directive.d.ts

@@ -1,10 +1,10 @@
 import { AfterViewChecked, ElementRef, EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TuiTabsDirective implements AfterViewChecked {
-    private readonly elementRef;
+    private readonly el;
     activeItemIndex: number;
     readonly activeItemIndexChange: EventEmitter<number>;
-    constructor(elementRef: ElementRef<HTMLElement>);
+    constructor(el: ElementRef<HTMLElement>);
     get tabs(): readonly HTMLElement[];
     get activeElement(): HTMLElement | null;
     onActivate(event: Event, element: HTMLElement): void;

package/components/tabs/underline/underline.component.d.ts

@@ -6,7 +6,7 @@ export declare class TuiUnderlineComponent {
     private readonly ngZone;
     private readonly animationFrame$;
     readonly mode$: Observable<TuiBrightness | null>;
-    private readonly element$;
+    private readonly el$;
     private readonly refresh$;
     set element(element: HTMLElement | null);
     readonly transition$: Observable<"all" | null> & Function;

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

@@ -7,7 +7,7 @@ import { Observable } from 'rxjs';
 import { TuiTagOptions } from './tag-options';
 import * as i0 from "@angular/core";
 export declare class TuiTagComponent {
-    private readonly elementRef;
+    private readonly el;
     readonly mode$: Observable<TuiBrightness | null>;
     private readonly options;
     readonly controller: TuiTextfieldController;
@@ -27,7 +27,7 @@ export declare class TuiTagComponent {
     editing: boolean;
     editedText: string | null;
     set input(input: ElementRef<HTMLInputElement>);
-    constructor(elementRef: ElementRef<HTMLElement>, mode$: Observable<TuiBrightness | null>, options: TuiTagOptions, controller: TuiTextfieldController);
+    constructor(el: ElementRef<HTMLElement>, mode$: Observable<TuiBrightness | null>, options: TuiTagOptions, controller: TuiTextfieldController);
     get backgroundColor(): string | null;
     get canRemove(): boolean;
     get displayText(): string;

package/components/text-area/text-area.component.d.ts

@@ -18,7 +18,7 @@ export declare class TuiTextAreaComponent extends AbstractTuiControl<string> imp
     rows: number;
     maxLength: number | null;
     expandable: boolean;
-    constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, isIOS: boolean, mode$: Observable<TuiBrightness | null>, controller: TuiTextfieldController, hintOptions: TuiHintOptionsDirective | null);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, isIOS: boolean, mode$: Observable<TuiBrightness | null>, controller: TuiTextfieldController, hintOptions: TuiHintOptionsDirective | null);
     get labelOutside(): boolean;
     get nativeFocusableElement(): HTMLTextAreaElement | null;
     get focused(): boolean;

package/components/tiles/tile.component.d.ts

@@ -4,7 +4,7 @@ import { TuiTilesComponent } from './tiles.component';
 import * as i0 from "@angular/core";
 export declare class TuiTileComponent {
     private readonly ngZone;
-    private readonly elementRef;
+    private readonly el;
     private readonly tiles;
     private readonly resize$;
     private readonly mutation$;
@@ -18,7 +18,7 @@ export declare class TuiTileComponent {
         width: number;
         height: number;
     }>;
-    constructor(ngZone: NgZone, elementRef: ElementRef<HTMLElement>, tiles: TuiTilesComponent, resize$: Observable<unknown>, mutation$: Observable<unknown>);
+    constructor(ngZone: NgZone, el: ElementRef<HTMLElement>, tiles: TuiTilesComponent, resize$: Observable<unknown>, mutation$: Observable<unknown>);
     get column(): string;
     get row(): string;
     get element(): HTMLElement;

package/components/tiles/tiles.component.d.ts

@@ -2,15 +2,15 @@ import { ElementRef } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class TuiTilesComponent {
-    private readonly elementRef;
-    private readonly element$;
+    private readonly el;
+    private readonly el$;
     debounce: number;
     set order(map: Map<number, number>);
     get order(): Map<number, number>;
     readonly orderChange: import("rxjs").Observable<Map<number, number>>;
     element: Element | null;
     readonly order$: BehaviorSubject<Map<number, number>>;
-    constructor(elementRef: ElementRef<Element>);
+    constructor(el: ElementRef<Element>);
     rearrange(element?: Element): void;
     private filter;
     private reorder;

package/components/toggle/toggle.component.d.ts

@@ -13,7 +13,7 @@ export declare class TuiToggleComponent extends AbstractTuiControl<boolean> impl
     showIcons: boolean;
     showLoader: boolean;
     size: TuiSizeL;
-    constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, modeDirective: TuiModeDirective | null, options: TuiToggleOptions);
+    constructor(control: NgControl | null, cdr: ChangeDetectorRef, modeDirective: TuiModeDirective | null, options: TuiToggleOptions);
     get iconOn(): PolymorpheusContent<TuiContextWithImplicit<TuiSizeL>>;
     get iconOff(): PolymorpheusContent<TuiContextWithImplicit<TuiSizeL>>;
     get nativeFocusableElement(): TuiNativeFocusableElement | null;