@taiga-ui/kit 4.52.0-canary.a59c4d0 → 4.52.0-canary.bf9131e

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

@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/date-time";
 export declare class TuiCalendarMonth {
     protected isYearPickerShown: boolean;
-    protected readonly months: import("@angular/core").Signal<readonly [January: string, February: string, March: string, April: string, May: string, June: string, July: string, August: string, September: string, October: string, November: string, December: string] | undefined>;
+    protected readonly months: import("@angular/core").Signal<readonly [January: string, February: string, March: string, April: string, May: string, June: string, July: string, August: string, September: string, October: string, November: string, December: string]>;
     protected readonly isRangePicking: import("@angular/core").Signal<boolean>;
     year: TuiYear;
     disabledItemHandler: TuiBooleanHandler<TuiMonth>;

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

@@ -2,7 +2,6 @@ import { EventEmitter, type OnChanges, type OnInit } from '@angular/core';
 import { TuiDay, type TuiDayLike, TuiDayRange, TuiMonth } from '@taiga-ui/cdk/date-time';
 import { type TuiBooleanHandler, type TuiMapper } from '@taiga-ui/cdk/types';
 import { type TuiMarkerHandler } from '@taiga-ui/core/components/calendar';
-import { type Observable } from 'rxjs';
 import { type TuiDayRangePeriod } from './day-range-period';
 import * as i0 from "@angular/core";
 export declare class TuiCalendarRange implements OnInit, OnChanges {
@@ -15,7 +14,7 @@ export declare class TuiCalendarRange implements OnInit, OnChanges {
     protected previousValue: TuiDay | TuiDayRange | null;
     protected hoveredItem: TuiDay | null;
     protected month: TuiMonth;
-    protected readonly otherDateText$: Observable<string>;
+    protected readonly otherDateText: import("@angular/core").Signal<string>;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
     protected readonly capsMapper: TuiMapper<[TuiDay | null, TuiDay | TuiDayRange | null, TuiDayLike | null, boolean], TuiDay>;
     protected readonly mobile: boolean;

package/components/confirm/confirm.component.d.ts

@@ -9,7 +9,7 @@ export interface TuiConfirmData {
 }
 export declare class TuiConfirm {
     private readonly isMobile;
-    protected readonly words$: import("rxjs").Observable<{
+    protected readonly words: import("@angular/core").Signal<{
         no: string;
         yes: string;
     }>;

package/components/copy/copy.component.d.ts

@@ -5,7 +5,7 @@ export declare class TuiCopyComponent {
     protected readonly notification: import("@taiga-ui/core/components/notification").TuiNotificationOptions;
     protected readonly options: import("./copy.options").TuiCopyOptions;
     protected readonly copied$: BehaviorSubject<boolean>;
-    protected readonly texts: import("@angular/core").Signal<readonly [copy: string, copied: string] | undefined>;
+    protected readonly texts: import("@angular/core").Signal<readonly [copy: string, copied: string]>;
     protected readonly hint: import("@angular/core").Signal<boolean | undefined>;
     size: TuiSizeL;
     protected get icon(): string;

package/components/copy/copy.directive.d.ts

@@ -7,6 +7,7 @@ export declare class TuiCopyDirective {
     private readonly doc;
     protected readonly textfield: TuiTextfieldComponent<any>;
     protected readonly icons: import("@angular/core").Signal<string>;
+    protected readonly copyTexts: import("@angular/core").Signal<readonly [copy: string, copied: string]>;
     protected readonly hint: import("@angular/core").Signal<string>;
     tuiCopy: string;
     protected get disabled(): boolean;

package/components/data-list-wrapper/data-list-group-wrapper.component.d.ts

@@ -1,6 +1,8 @@
+import { TuiMultiSelectGroupDirective } from '@taiga-ui/kit/components/multi-select';
 import { TuiDataListWrapperComponent } from './data-list-wrapper.component';
 import * as i0 from "@angular/core";
 export declare class TuiDataListGroupWrapperComponent<T> extends TuiDataListWrapperComponent<T, readonly T[]> {
+    protected readonly multi: TuiMultiSelectGroupDirective | null;
     labels: readonly string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDataListGroupWrapperComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiDataListGroupWrapperComponent<any>, "tui-data-list-wrapper[labels]", never, { "labels": { "alias": "labels"; "required": false; }; }, {}, never, never, true, never>;

package/components/files/files/files.component.d.ts

@@ -3,8 +3,8 @@ import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/directives/group";
 export declare class TuiFilesComponent {
     protected readonly items: QueryList<TemplateRef<Record<string, unknown>>>;
-    protected readonly hideText$: import("rxjs").Observable<string>;
-    protected readonly showAllText$: import("rxjs").Observable<string>;
+    protected readonly hideText: import("@angular/core").Signal<string>;
+    protected readonly showAllText: import("@angular/core").Signal<string>;
     max: number;
     expanded: boolean;
     readonly expandedChange: EventEmitter<boolean>;

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

@@ -4,7 +4,7 @@ import { type TuiInputNumberOptions } from '../input-number.options';
 import * as i0 from "@angular/core";
 export declare class TuiInputNumberStep {
     protected readonly el: HTMLInputElement;
-    protected readonly appearance: import("@angular/core").WritableSignal<string>;
+    protected readonly appearance: import("@angular/core").Signal<string>;
     protected readonly options: TuiInputNumberOptions;
     protected readonly input: TuiInputNumberDirective;
     protected readonly step: import("@angular/core").WritableSignal<number>;

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

@@ -14,12 +14,12 @@ export declare class TuiInputPhoneInternational extends TuiControl<string> {
     protected readonly options: import("./input-phone-international.options").TuiInputPhoneInternationalOptions;
     protected readonly countries: import("@angular/core").WritableSignal<readonly TuiCountryIsoCode[]>;
     protected readonly code: import("@angular/core").WritableSignal<TuiCountryIsoCode>;
-    protected readonly label: import("@angular/core").Signal<string | undefined>;
+    protected readonly label: import("@angular/core").Signal<string>;
     protected readonly metadata: import("@angular/core").Signal<MetadataJson | undefined>;
-    protected readonly names: import("@angular/core").Signal<Record<TuiCountryIsoCode, string> | undefined>;
+    protected readonly names: import("@angular/core").Signal<Record<TuiCountryIsoCode, string>>;
     protected readonly open: import("@angular/core").WritableSignal<boolean>;
     protected readonly search: import("@angular/core").WritableSignal<string>;
-    protected readonly size: import("@angular/core").WritableSignal<"m" | "l" | "s">;
+    protected readonly size: import("@angular/core").Signal<"m" | "l" | "s">;
     protected readonly mask: import("@angular/core").Signal<MaskitoOptions | null>;
     protected readonly masked: import("@angular/core").WritableSignal<string>;
     protected valueChangeEffect: import("@angular/core").EffectRef;

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

@@ -5,7 +5,7 @@ import * as i1 from "@maskito/angular";
 export declare class TuiInputPin {
     protected readonly el: HTMLInputElement;
     protected readonly mask: import("@angular/core").WritableSignal<MaskitoMask>;
-    protected readonly appearance: import("@angular/core").WritableSignal<string>;
+    protected readonly appearance: import("@angular/core").Signal<string>;
     protected readonly control: NgControl;
     protected readonly maskito: import("@angular/core").Signal<import("@maskito/core").MaskitoOptions | null>;
     set maskSetter(mask: MaskitoMask | string);

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

@@ -12,7 +12,7 @@ export declare class TuiInputRangeComponent extends TuiControl<readonly [
     private readonly isMobile;
     private readonly quantum;
     private readonly quantumTransformer;
-    protected readonly size: import("@angular/core").WritableSignal<"m" | "l" | "s">;
+    protected readonly size: import("@angular/core").Signal<"m" | "l" | "s">;
     protected textfieldValueStart: number;
     protected textfieldValueEnd: number;
     protected lastActiveSide: 'end' | 'start';

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

@@ -12,25 +12,23 @@ export declare class TuiInputTimeDirective extends TuiControl<TuiTime | null> im
     private readonly open;
     private readonly options;
     private readonly fillers;
-    private readonly prefix;
-    private readonly postfix;
     protected readonly icon: import("@angular/core").Signal<string>;
     protected readonly dropdownEnabled: import("@angular/core").Signal<boolean>;
     protected readonly filler: import("@angular/core").Signal<string>;
     protected readonly mask: import("@angular/core").Signal<MaskitoOptions | null>;
-    accept: readonly TuiTime[];
+    readonly accept: import("@angular/core").InputSignal<readonly TuiTime[]>;
     readonly native: boolean;
-    readonly timeMode: import("@angular/core").WritableSignal<MaskitoTimeMode>;
-    set modeSetter(x: MaskitoTimeMode);
-    set prefixSetter(x: string);
-    set postfixSetter(x: string);
+    readonly timeMode: import("@angular/core").InputSignal<MaskitoTimeMode>;
+    readonly prefix: import("@angular/core").InputSignal<string>;
+    readonly postfix: import("@angular/core").InputSignal<string>;
     setValue(value: TuiTime | null): void;
     writeValue(value: TuiTime | null): void;
     protected onInput(valueWithAffixes: string): void;
     protected toggle(): void;
+    protected onBlur(valueWithAffixes: string): void;
     private computeMask;
     private findNearestTime;
     private stringify;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputTimeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputTimeDirective, "input[tuiInputTime]", never, { "accept": { "alias": "accept"; "required": false; }; "modeSetter": { "alias": "mode"; "required": false; }; "prefixSetter": { "alias": "prefix"; "required": false; }; "postfixSetter": { "alias": "postfix"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }, { directive: typeof i2.MaskitoDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputTimeDirective, "input[tuiInputTime]", never, { "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "timeMode": { "alias": "mode"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "postfix": { "alias": "postfix"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }, { directive: typeof i2.MaskitoDirective; inputs: {}; outputs: {}; }]>;
 }

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

@@ -1,24 +1,22 @@
 import { type DoCheck } from '@angular/core';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
-import { type Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/transitioned";
 export declare class TuiLineClamp implements DoCheck {
-    private readonly outlet?;
+    private readonly outlet;
     private readonly options;
     private readonly el;
-    private readonly linesLimit$;
     private readonly isOverflown$;
-    protected lineClamp: import("@angular/core").Signal<number>;
-    lineHeight: number;
-    content: PolymorpheusContent;
-    readonly overflownChange: Observable<boolean>;
-    set linesLimit(linesLimit: number);
+    private readonly maxHeight;
+    readonly lineHeight: import("@angular/core").InputSignal<number>;
+    readonly linesLimit: import("@angular/core").InputSignal<number>;
+    readonly content: import("@angular/core").InputSignal<PolymorpheusContent>;
+    readonly overflownChange: import("@angular/core").OutputRef<boolean>;
+    protected readonly lineClamp: import("@angular/core").Signal<number>;
     ngDoCheck(): void;
     protected get overflown(): boolean;
     protected get computedContent(): PolymorpheusContent;
     protected update(): void;
-    private get maxHeight();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiLineClamp, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiLineClamp, "tui-line-clamp", never, { "lineHeight": { "alias": "lineHeight"; "required": false; }; "content": { "alias": "content"; "required": false; }; "linesLimit": { "alias": "linesLimit"; "required": false; }; }, { "overflownChange": "overflownChange"; }, never, never, true, [{ directive: typeof i1.TuiTransitioned; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiLineClamp, "tui-line-clamp", never, { "lineHeight": { "alias": "lineHeight"; "required": false; "isSignal": true; }; "linesLimit": { "alias": "linesLimit"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, { "overflownChange": "overflownChange"; }, never, never, true, [{ directive: typeof i1.TuiTransitioned; inputs: {}; outputs: {}; }]>;
 }

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

@@ -8,7 +8,7 @@ export declare class TuiMultiSelectGroupComponent<T> {
     protected readonly texts: import("@angular/core").Signal<{
         all: string;
         none: string;
-    } | undefined>;
+    }>;
     protected readonly value: import("@angular/core").Signal<readonly T[] | null>;
     protected readonly checked: import("@angular/core").Signal<boolean>;
     label: string;

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

@@ -5,7 +5,7 @@ export declare class TuiMultiSelectOption<T> {
     protected readonly option: TuiOptionWithValue<T> | null;
     protected readonly handlers: TuiItemsHandlers<T>;
     protected readonly value: import("@angular/core").Signal<readonly T[]>;
-    protected readonly size: import("@angular/core").WritableSignal<"m" | "l" | "s">;
+    protected readonly size: import("@angular/core").Signal<"m" | "l" | "s">;
     protected readonly selected: import("@angular/core").Signal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiMultiSelectOption<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiMultiSelectOption<any>, "ng-component", never, {}, {}, never, never, true, never>;

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

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
 export declare class TuiPagination {
     private readonly els;
     private readonly el;
-    protected readonly texts$: import("rxjs").Observable<readonly [previous_page: string, next_page: string]>;
+    protected readonly texts: import("@angular/core").Signal<readonly [previous_page: string, next_page: string]>;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiSpinIcons;
     length: number;
     focusable: boolean;

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

@@ -2,7 +2,7 @@ import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TuiPreviewPagination {
     protected readonly icons: import("@taiga-ui/kit/tokens").TuiPreviewIcons;
-    protected readonly texts$: import("rxjs").Observable<readonly [previous_page: string, next_page: string]>;
+    protected readonly paginationTexts: import("@angular/core").Signal<readonly [previous_page: string, next_page: string]>;
     length: number;
     index: number;
     readonly indexChange: EventEmitter<number>;

package/components/preview/preview.component.d.ts

@@ -7,7 +7,7 @@ export declare class TuiPreviewComponent {
     protected minZoom: number;
     protected width: number;
     protected height: number;
-    protected readonly texts$: import("rxjs").Observable<{
+    protected readonly previewTexts: import("@angular/core").Signal<{
         rotate: string;
     }>;
     protected readonly icons: import("@taiga-ui/kit/tokens").TuiPreviewIcons;

package/components/preview/zoom/preview-zoom.component.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TuiPreviewZoom {
     protected readonly icons: import("@taiga-ui/kit/tokens").TuiPreviewIcons;
-    protected readonly zoomTexts$: import("rxjs").Observable<{
+    protected readonly zoomTexts: import("@angular/core").Signal<{
         zoomIn: string;
         zoomOut: string;
         reset: string;

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

@@ -2,9 +2,10 @@ import { type TuiPortalContext } from '@taiga-ui/cdk/portals';
 import { type TuiPushOptions } from './push.options';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/animated";
+import * as i2 from "@taiga-ui/core/directives/notification";
 export declare class TuiPushAlert {
     protected readonly context: TuiPortalContext<TuiPushOptions, string>;
     protected get isDirective(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPushAlert, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPushAlert, "tui-push-alert", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPushAlert, "tui-push-alert", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiNotificationDirective; inputs: {}; outputs: {}; }]>;
 }

package/components/push/push.component.d.ts

@@ -3,7 +3,7 @@ import { tuiIsString } from '@taiga-ui/cdk/utils/miscellaneous';
 import * as i0 from "@angular/core";
 export declare class TuiPushComponent {
     protected readonly isString: typeof tuiIsString;
-    protected readonly closeWord$: import("rxjs").Observable<string>;
+    protected readonly closeWord: import("@angular/core").Signal<string>;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
     heading: string;
     type: string;

package/components/push/push.options.d.ts

@@ -1,5 +1,5 @@
-import { InjectionToken, type Provider } from '@angular/core';
-export interface TuiPushOptions {
+import { type TuiPositionOptions } from '@taiga-ui/core/directives/notification';
+export interface TuiPushOptions extends TuiPositionOptions {
     readonly buttons: readonly string[];
     readonly heading: string;
     readonly icon: string;
@@ -7,12 +7,6 @@ export interface TuiPushOptions {
     readonly image: string;
     readonly timestamp: number | string;
     readonly type: string;
-    readonly position: 'bottom' | 'top';
-    readonly orientation: 'center' | 'end' | 'start';
 }
-export declare const TUI_PUSH_DEFAULT_OPTIONS: TuiPushOptions;
-/**
- * Default parameters for Push component
- */
-export declare const TUI_PUSH_OPTIONS: InjectionToken<TuiPushOptions>;
-export declare function tuiPushOptionsProvider(options: Partial<TuiPushOptions>): Provider;
+export declare const TUI_PUSH_CONCURRENCY: import("@angular/core").InjectionToken<number>;
+export declare const TUI_PUSH_OPTIONS: import("@angular/core").InjectionToken<TuiPushOptions>, tuiPushOptionsProvider: (item: Partial<TuiPushOptions> | (() => Partial<TuiPushOptions>)) => import("@angular/core").FactoryProvider;

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

@@ -1,10 +1,11 @@
-import { TuiPortal } from '@taiga-ui/cdk/portals';
+import { TuiNotificationService } from '@taiga-ui/core/directives/notification';
 import { type TuiPushOptions } from './push.options';
 import { TuiPushAlert } from './push-alert.component';
 import * as i0 from "@angular/core";
-export declare class TuiPushService extends TuiPortal<TuiPushOptions, string> {
+export declare class TuiPushService extends TuiNotificationService<TuiPushOptions, string> {
     protected readonly options: TuiPushOptions;
     protected readonly component: typeof TuiPushAlert;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPushService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TuiPushService>;
 }

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

@@ -1,10 +1,9 @@
-import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TuiRangeChange {
     private readonly doc;
     private readonly el;
     private readonly range;
-    readonly activeThumbChange: EventEmitter<"end" | "start">;
+    readonly activeThumbChange: import("@angular/core").OutputEmitterRef<"end" | "start">;
     constructor();
     private getFractionFromEvents;
     private detectActiveThumb;

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

@@ -1,33 +1,30 @@
-import { ElementRef, type OnChanges, type QueryList } from '@angular/core';
+import { ElementRef } from '@angular/core';
 import { TuiControl } from '@taiga-ui/cdk/classes';
 import { type TuiSizeS } from '@taiga-ui/core/types';
-import { type TuiKeySteps } from '@taiga-ui/kit/components/slider';
 import * as i0 from "@angular/core";
 import * as i1 from "./range-change.directive";
-export declare class TuiRange extends TuiControl<[number, number]> implements OnChanges {
-    private readonly changes;
+export declare class TuiRange extends TuiControl<[number, number]> {
     private readonly el;
     protected readonly options: import("@taiga-ui/kit/components/slider").TuiSliderOptions;
     protected lastActiveThumb: 'end' | 'start';
-    min: number;
-    max: number;
-    step: number;
-    size: TuiSizeS;
-    segments: number;
-    keySteps: TuiKeySteps | null;
-    focusable: boolean;
-    margin: number;
-    limit: number;
-    readonly slidersRefs: QueryList<ElementRef<HTMLInputElement>>;
+    readonly min: import("@angular/core").InputSignal<number>;
+    readonly max: import("@angular/core").InputSignal<number>;
+    readonly step: import("@angular/core").InputSignal<number>;
+    readonly size: import("@angular/core").InputSignal<TuiSizeS>;
+    readonly segments: import("@angular/core").InputSignal<number>;
+    readonly keySteps: import("@angular/core").InputSignal<[[0, number], ...[number, number][], [100, number]] | null>;
+    readonly focusable: import("@angular/core").InputSignal<boolean>;
+    readonly margin: import("@angular/core").InputSignal<number>;
+    readonly limit: import("@angular/core").InputSignal<number>;
+    readonly slidersRefs: import("@angular/core").Signal<readonly ElementRef<HTMLInputElement>[]>;
     readonly start: import("@angular/core").Signal<number>;
     readonly end: import("@angular/core").Signal<number>;
-    ngOnChanges(): void;
+    protected readonly fractionStep: import("@angular/core").Signal<number>;
+    protected readonly computedKeySteps: import("@angular/core").Signal<[[0, number], ...[number, number][], [100, number]]>;
+    protected readonly segmentWidthRatio: import("@angular/core").Signal<number>;
     processValue(value: number, end: boolean): void;
     takeStep(coefficients: readonly [number, number]): readonly [number, number];
     toValue(fraction: number): number;
-    protected get fractionStep(): number;
-    protected get computedKeySteps(): TuiKeySteps;
-    protected get segmentWidthRatio(): number;
     protected get rtl(): boolean;
     protected changeByStep(coefficient: number, target: HTMLElement): void;
     protected toPercent(value: number): number;
@@ -36,5 +33,5 @@ export declare class TuiRange extends TuiControl<[number, number]> implements On
     private updateEnd;
     private checkDistance;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiRange, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiRange, "tui-range", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "size": { "alias": "size"; "required": false; }; "segments": { "alias": "segments"; "required": false; }; "keySteps": { "alias": "keySteps"; "required": false; }; "focusable": { "alias": "focusable"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "limit": { "alias": "limit"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiRangeChange; inputs: {}; outputs: { "activeThumbChange": "activeThumbChange"; }; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiRange, "tui-range", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "segments": { "alias": "segments"; "required": false; "isSignal": true; }; "keySteps": { "alias": "keySteps"; "required": false; "isSignal": true; }; "focusable": { "alias": "focusable"; "required": false; "isSignal": true; }; "margin": { "alias": "margin"; "required": false; "isSignal": true; }; "limit": { "alias": "limit"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiRangeChange; inputs: {}; outputs: { "activeThumbChange": "activeThumbChange"; }; }]>;
 }

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

@@ -13,7 +13,7 @@ export declare class TuiTabsWithMore implements AfterViewChecked, AfterViewInit
     private readonly cdr;
     private maxIndex;
     protected readonly items: QueryList<TemplateRef<Record<string, unknown>>>;
-    protected readonly moreWord$: import("rxjs").Observable<string>;
+    protected readonly moreWord: import("@angular/core").Signal<string>;
     protected open: boolean;
     size: TuiSizeL;
     moreContent: PolymorpheusContent;

package/components/textarea/textarea-limit.directive.d.ts

@@ -3,7 +3,7 @@ import { type AbstractControl, type ValidationErrors, type Validator } from '@an
 import { type TuiContext } from '@taiga-ui/cdk/types';
 import * as i0 from "@angular/core";
 export declare class TuiTextareaLimitComponent {
-    protected readonly limit: import("@angular/core").WritableSignal<number>;
+    protected readonly limit: import("@angular/core").InputSignal<number>;
     protected readonly context: TuiContext<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTextareaLimitComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiTextareaLimitComponent, "ng-component", never, {}, {}, never, never, true, never>;
@@ -17,11 +17,10 @@ export declare class TuiTextareaCounterComponent {
 export declare class TuiTextareaLimit implements Validator, DoCheck {
     private readonly textfield;
     private readonly ref;
-    readonly size: import("@angular/core").WritableSignal<"m" | "l" | "s">;
-    readonly limit: import("@angular/core").WritableSignal<number>;
-    set limitSetter(limit: number);
+    readonly size: import("@angular/core").Signal<"m" | "l" | "s">;
+    readonly limit: import("@angular/core").InputSignal<number>;
     ngDoCheck(): void;
     validate(control: AbstractControl): ValidationErrors | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTextareaLimit, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTextareaLimit, "[tuiTextarea][limit]", never, { "limitSetter": { "alias": "limit"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTextareaLimit, "[tuiTextarea][limit]", never, { "limit": { "alias": "limit"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/toast/toast.component.d.ts

@@ -3,6 +3,7 @@ import { type TuiPopover } from '@taiga-ui/cdk/services';
 import { type TuiToastOptions } from './toast.options';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/animated";
+import * as i2 from "@taiga-ui/core/directives/notification";
 export declare class TuiToastComponent<O, I> implements AfterViewInit {
     private readonly close;
     private readonly el;
@@ -13,5 +14,5 @@ export declare class TuiToastComponent<O, I> implements AfterViewInit {
     ngAfterViewInit(): void;
     protected onSwipe(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiToastComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiToastComponent<any, any>, "tui-toast", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiToastComponent<any, any>, "tui-toast", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiNotificationDirective; inputs: {}; outputs: {}; }]>;
 }

package/components/toast/toast.options.d.ts

@@ -1,8 +1,9 @@
-export interface TuiToastOptions<I> {
-    autoClose: number;
-    closable: boolean;
-    appearance: string;
-    data?: I;
+import { type TuiPositionOptions } from '@taiga-ui/core/directives/notification';
+export interface TuiToastOptions<I> extends TuiPositionOptions {
+    readonly autoClose: number;
+    readonly closable: boolean;
+    readonly appearance: string;
+    readonly data?: I;
 }
-export declare const TUI_TOAST_DEFAULT_OPTIONS: TuiToastOptions<void>;
-export declare const TUI_TOAST_OPTIONS: import("@angular/core").InjectionToken<TuiToastOptions<void>>, tuiToastOptionsProvider: (item: Partial<TuiToastOptions<void>> | (() => Partial<TuiToastOptions<void>>)) => import("@angular/core").FactoryProvider;
+export declare const TUI_TOAST_CONCURRENCY: import("@angular/core").InjectionToken<number>;
+export declare const TUI_TOAST_OPTIONS: import("@angular/core").InjectionToken<TuiToastOptions<any>>, tuiToastOptionsProvider: (item: Partial<TuiToastOptions<any>> | (() => Partial<TuiToastOptions<any>>)) => import("@angular/core").FactoryProvider;

package/components/toast/toast.service.d.ts

@@ -1,16 +1,17 @@
-import { TuiPopoverDirective } from '@taiga-ui/cdk/directives/popover';
-import { TuiPopoverService } from '@taiga-ui/cdk/services';
+import { TuiNotificationService } from '@taiga-ui/core/directives/notification';
+import { TuiToastComponent } from './toast.component';
 import { type TuiToastOptions } from './toast.options';
 import * as i0 from "@angular/core";
-export declare const TUI_TOASTS_CONCURRENCY: import("@angular/core").InjectionToken<number>;
-export declare class TuiToastService extends TuiPopoverService<TuiToastOptions<any>> {
-    private readonly concurrency;
-    private readonly alerts;
-    protected readonly sub: import("rxjs").Subscription;
+import * as i1 from "@taiga-ui/cdk/portals";
+export declare class TuiToastService extends TuiNotificationService<TuiToastOptions<any>> {
+    protected readonly options: TuiToastOptions<any>;
+    protected readonly component: typeof TuiToastComponent;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiToastService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TuiToastService>;
 }
-export declare class TuiToastTemplate<T> extends TuiPopoverDirective<TuiToastOptions<T>> {
+export declare class TuiToastTemplate<T> {
+    readonly tuiToastOptions: import("@angular/core").InputSignal<Partial<TuiToastOptions<T>>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiToastTemplate<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiToastTemplate<any>, "ng-template[tuiToast]", never, { "options": { "alias": "tuiToastOptions"; "required": false; }; "open": { "alias": "tuiToast"; "required": false; }; }, { "openChange": "tuiToastChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiToastTemplate<any>, "ng-template[tuiToast]", never, { "tuiToastOptions": { "alias": "tuiToastOptions"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiPortalDirective; inputs: { "options": "tuiToastOptions"; "open": "tuiToast"; }; outputs: { "openChange": "tuiToastChange"; }; }]>;
 }

package/components/tree/components/tree-item-content/tree-item-content.component.d.ts

@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
 export declare class TuiTreeItemContent {
     private readonly controller;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
-    protected readonly more: import("@angular/core").Signal<string | undefined>;
+    protected readonly more: import("@angular/core").Signal<string>;
     protected readonly context: TuiTreeItemContext;
     protected get isExpandable(): boolean;
     protected onClick(): void;

package/fesm2022/taiga-ui-kit-components-badge.mjs

@@ -19,11 +19,11 @@ function tuiBadgeOptionsProvider(options) {
 
 class Styles {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-badge" }, ngImport: i0, template: '', isInline: true, styles: ["tui-badge,[tuiBadge]{--t-icon-size: 1rem;--t-padding: 0 .5rem;--t-size: var(--tui-height-xs);--t-margin: -.25rem;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-inline-size:100%;gap:calc(var(--t-gap, 0rem) - 2 * var(--t-margin, 0rem));border-radius:6rem;background:#959595;color:var(--tui-background-base);padding:var(--t-padding);block-size:var(--t-size);min-inline-size:var(--t-size);inline-size:fit-content;font:var(--tui-font-text-s)}tui-badge>img,[tuiBadge]>img,tui-badge>tui-icon,[tuiBadge]>tui-icon,tui-badge>[tuiAvatar],[tuiBadge]>[tuiAvatar],tui-badge>tui-badge,[tuiBadge]>tui-badge,tui-badge>[tuiBadge],[tuiBadge]>[tuiBadge],tui-badge>[tuiRadio],[tuiBadge]>[tuiRadio],tui-badge>[tuiSwitch],[tuiBadge]>[tuiSwitch],tui-badge>[tuiCheckbox],[tuiBadge]>[tuiCheckbox],tui-badge[tuiIcons]:before,[tuiBadge][tuiIcons]:before,tui-badge[tuiIcons]:after,[tuiBadge][tuiIcons]:after{margin:var(--t-margin)}tui-badge[tuiStatus]:before,[tuiBadge][tuiStatus]:before{inline-size:.375rem;block-size:.375rem;margin:0}tui-badge>tui-icon,[tuiBadge]>tui-icon,tui-badge[tuiIcons]:before,[tuiBadge][tuiIcons]:before,tui-badge[tuiIcons]:after,[tuiBadge][tuiIcons]:after{font-size:var(--t-icon-size)!important}tui-badge[data-appearance=error],[tuiBadge][data-appearance=error],tui-badge[data-appearance=negative],[tuiBadge][data-appearance=negative]{--t-status: var(--tui-status-negative)}tui-badge[data-appearance=success],[tuiBadge][data-appearance=success],tui-badge[data-appearance=positive],[tuiBadge][data-appearance=positive]{--t-status: var(--tui-status-positive)}tui-badge[data-appearance=warning],[tuiBadge][data-appearance=warning]{--t-status: var(--tui-status-warning)}tui-badge[data-appearance=info],[tuiBadge][data-appearance=info]{--t-status: var(--tui-status-info)}tui-badge[data-appearance=neutral],[tuiBadge][data-appearance=neutral]{--t-status: var(--tui-status-neutral)}tui-badge[data-size=s],[tuiBadge][data-size=s]{--t-padding: 0 .3125rem;--t-size: 1rem;--t-icon-size: .625rem;--t-margin: -.125rem;font:var(--tui-font-text-xs)}tui-badge[data-size=s][tuiStatus]:before,[tuiBadge][data-size=s][tuiStatus]:before{inline-size:.25rem;block-size:.25rem;margin-inline-end:-.125rem}tui-badge[data-size=m],[tuiBadge][data-size=m]{--t-padding: 0 .375rem;--t-size: 1.25rem;--t-icon-size: .75rem;--t-margin: -.125rem}tui-badge[data-size=xl],[tuiBadge][data-size=xl]{--t-margin: -.25rem;--t-padding: 0 .75rem;--t-size: var(--tui-height-s);font:var(--tui-font-text-m)}tui-badge[data-size=xl][tuiStatus]:before,[tuiBadge][data-size=xl][tuiStatus]:before{inline-size:.5rem;block-size:.5rem;margin-inline-end:-.125rem}tui-badge[tuiAppearance][data-appearance=error],[tuiBadge][tuiAppearance][data-appearance=error],tui-badge[tuiAppearance][data-appearance=success],[tuiBadge][tuiAppearance][data-appearance=success],tui-badge[tuiAppearance][data-appearance=negative],[tuiBadge][tuiAppearance][data-appearance=negative],tui-badge[tuiAppearance][data-appearance=positive],[tuiBadge][tuiAppearance][data-appearance=positive],tui-badge[tuiAppearance][data-appearance=warning],[tuiBadge][tuiAppearance][data-appearance=warning],tui-badge[tuiAppearance][data-appearance=info],[tuiBadge][tuiAppearance][data-appearance=info],tui-badge[tuiAppearance][data-appearance=neutral],[tuiBadge][tuiAppearance][data-appearance=neutral]{color:var(--tui-text-primary)}img[tuiBadge]{padding:0;inline-size:var(--t-size)}tui-icon[tuiBadge]:before{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;--t-margin: 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-badge" }, ngImport: i0, template: '', isInline: true, styles: ["tui-badge,[tuiBadge]{--t-icon-size: 1rem;--t-padding: 0 .5rem;--t-size: var(--tui-height-xs);--t-margin: -.25rem;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-inline-size:100%;gap:calc(var(--t-gap, 0rem) - 2 * var(--t-margin, 0rem));border-radius:6rem;justify-content:center;background:#959595;color:var(--tui-background-base);padding:var(--t-padding);block-size:var(--t-size);min-inline-size:var(--t-size);inline-size:fit-content;font:var(--tui-font-text-s)}tui-badge>img,[tuiBadge]>img,tui-badge>tui-icon,[tuiBadge]>tui-icon,tui-badge>[tuiAvatar],[tuiBadge]>[tuiAvatar],tui-badge>tui-badge,[tuiBadge]>tui-badge,tui-badge>[tuiBadge],[tuiBadge]>[tuiBadge],tui-badge>[tuiRadio],[tuiBadge]>[tuiRadio],tui-badge>[tuiSwitch],[tuiBadge]>[tuiSwitch],tui-badge>[tuiCheckbox],[tuiBadge]>[tuiCheckbox],tui-badge[tuiIcons]:before,[tuiBadge][tuiIcons]:before,tui-badge[tuiIcons]:after,[tuiBadge][tuiIcons]:after{margin:var(--t-margin)}tui-badge[tuiStatus]:before,[tuiBadge][tuiStatus]:before{inline-size:.375rem;block-size:.375rem;margin:0}tui-badge>tui-icon,[tuiBadge]>tui-icon,tui-badge[tuiIcons]:before,[tuiBadge][tuiIcons]:before,tui-badge[tuiIcons]:after,[tuiBadge][tuiIcons]:after{font-size:var(--t-icon-size)!important}tui-badge[data-appearance=error],[tuiBadge][data-appearance=error],tui-badge[data-appearance=negative],[tuiBadge][data-appearance=negative]{--t-status: var(--tui-status-negative)}tui-badge[data-appearance=success],[tuiBadge][data-appearance=success],tui-badge[data-appearance=positive],[tuiBadge][data-appearance=positive]{--t-status: var(--tui-status-positive)}tui-badge[data-appearance=warning],[tuiBadge][data-appearance=warning]{--t-status: var(--tui-status-warning)}tui-badge[data-appearance=info],[tuiBadge][data-appearance=info]{--t-status: var(--tui-status-info)}tui-badge[data-appearance=neutral],[tuiBadge][data-appearance=neutral]{--t-status: var(--tui-status-neutral)}tui-badge[data-size=s],[tuiBadge][data-size=s]{--t-padding: 0 .3125rem;--t-size: 1rem;--t-icon-size: .625rem;--t-margin: -.125rem;font:var(--tui-font-text-xs)}tui-badge[data-size=s][tuiStatus]:before,[tuiBadge][data-size=s][tuiStatus]:before{inline-size:.25rem;block-size:.25rem;margin-inline-end:-.125rem}tui-badge[data-size=m],[tuiBadge][data-size=m]{--t-padding: 0 .375rem;--t-size: 1.25rem;--t-icon-size: .75rem;--t-margin: -.125rem}tui-badge[data-size=xl],[tuiBadge][data-size=xl]{--t-margin: -.25rem;--t-padding: 0 .75rem;--t-size: var(--tui-height-s);font:var(--tui-font-text-m)}tui-badge[data-size=xl][tuiStatus]:before,[tuiBadge][data-size=xl][tuiStatus]:before{inline-size:.5rem;block-size:.5rem;margin-inline-end:-.125rem}tui-badge[tuiAppearance][data-appearance=error],[tuiBadge][tuiAppearance][data-appearance=error],tui-badge[tuiAppearance][data-appearance=success],[tuiBadge][tuiAppearance][data-appearance=success],tui-badge[tuiAppearance][data-appearance=negative],[tuiBadge][tuiAppearance][data-appearance=negative],tui-badge[tuiAppearance][data-appearance=positive],[tuiBadge][tuiAppearance][data-appearance=positive],tui-badge[tuiAppearance][data-appearance=warning],[tuiBadge][tuiAppearance][data-appearance=warning],tui-badge[tuiAppearance][data-appearance=info],[tuiBadge][tuiAppearance][data-appearance=info],tui-badge[tuiAppearance][data-appearance=neutral],[tuiBadge][tuiAppearance][data-appearance=neutral]{color:var(--tui-text-primary)}img[tuiBadge]{padding:0;inline-size:var(--t-size)}tui-icon[tuiBadge]:before{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;--t-margin: 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: Styles, decorators: [{
             type: Component,
-            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-badge' }, styles: ["tui-badge,[tuiBadge]{--t-icon-size: 1rem;--t-padding: 0 .5rem;--t-size: var(--tui-height-xs);--t-margin: -.25rem;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-inline-size:100%;gap:calc(var(--t-gap, 0rem) - 2 * var(--t-margin, 0rem));border-radius:6rem;background:#959595;color:var(--tui-background-base);padding:var(--t-padding);block-size:var(--t-size);min-inline-size:var(--t-size);inline-size:fit-content;font:var(--tui-font-text-s)}tui-badge>img,[tuiBadge]>img,tui-badge>tui-icon,[tuiBadge]>tui-icon,tui-badge>[tuiAvatar],[tuiBadge]>[tuiAvatar],tui-badge>tui-badge,[tuiBadge]>tui-badge,tui-badge>[tuiBadge],[tuiBadge]>[tuiBadge],tui-badge>[tuiRadio],[tuiBadge]>[tuiRadio],tui-badge>[tuiSwitch],[tuiBadge]>[tuiSwitch],tui-badge>[tuiCheckbox],[tuiBadge]>[tuiCheckbox],tui-badge[tuiIcons]:before,[tuiBadge][tuiIcons]:before,tui-badge[tuiIcons]:after,[tuiBadge][tuiIcons]:after{margin:var(--t-margin)}tui-badge[tuiStatus]:before,[tuiBadge][tuiStatus]:before{inline-size:.375rem;block-size:.375rem;margin:0}tui-badge>tui-icon,[tuiBadge]>tui-icon,tui-badge[tuiIcons]:before,[tuiBadge][tuiIcons]:before,tui-badge[tuiIcons]:after,[tuiBadge][tuiIcons]:after{font-size:var(--t-icon-size)!important}tui-badge[data-appearance=error],[tuiBadge][data-appearance=error],tui-badge[data-appearance=negative],[tuiBadge][data-appearance=negative]{--t-status: var(--tui-status-negative)}tui-badge[data-appearance=success],[tuiBadge][data-appearance=success],tui-badge[data-appearance=positive],[tuiBadge][data-appearance=positive]{--t-status: var(--tui-status-positive)}tui-badge[data-appearance=warning],[tuiBadge][data-appearance=warning]{--t-status: var(--tui-status-warning)}tui-badge[data-appearance=info],[tuiBadge][data-appearance=info]{--t-status: var(--tui-status-info)}tui-badge[data-appearance=neutral],[tuiBadge][data-appearance=neutral]{--t-status: var(--tui-status-neutral)}tui-badge[data-size=s],[tuiBadge][data-size=s]{--t-padding: 0 .3125rem;--t-size: 1rem;--t-icon-size: .625rem;--t-margin: -.125rem;font:var(--tui-font-text-xs)}tui-badge[data-size=s][tuiStatus]:before,[tuiBadge][data-size=s][tuiStatus]:before{inline-size:.25rem;block-size:.25rem;margin-inline-end:-.125rem}tui-badge[data-size=m],[tuiBadge][data-size=m]{--t-padding: 0 .375rem;--t-size: 1.25rem;--t-icon-size: .75rem;--t-margin: -.125rem}tui-badge[data-size=xl],[tuiBadge][data-size=xl]{--t-margin: -.25rem;--t-padding: 0 .75rem;--t-size: var(--tui-height-s);font:var(--tui-font-text-m)}tui-badge[data-size=xl][tuiStatus]:before,[tuiBadge][data-size=xl][tuiStatus]:before{inline-size:.5rem;block-size:.5rem;margin-inline-end:-.125rem}tui-badge[tuiAppearance][data-appearance=error],[tuiBadge][tuiAppearance][data-appearance=error],tui-badge[tuiAppearance][data-appearance=success],[tuiBadge][tuiAppearance][data-appearance=success],tui-badge[tuiAppearance][data-appearance=negative],[tuiBadge][tuiAppearance][data-appearance=negative],tui-badge[tuiAppearance][data-appearance=positive],[tuiBadge][tuiAppearance][data-appearance=positive],tui-badge[tuiAppearance][data-appearance=warning],[tuiBadge][tuiAppearance][data-appearance=warning],tui-badge[tuiAppearance][data-appearance=info],[tuiBadge][tuiAppearance][data-appearance=info],tui-badge[tuiAppearance][data-appearance=neutral],[tuiBadge][tuiAppearance][data-appearance=neutral]{color:var(--tui-text-primary)}img[tuiBadge]{padding:0;inline-size:var(--t-size)}tui-icon[tuiBadge]:before{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;--t-margin: 0}\n"] }]
+            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-badge' }, styles: ["tui-badge,[tuiBadge]{--t-icon-size: 1rem;--t-padding: 0 .5rem;--t-size: var(--tui-height-xs);--t-margin: -.25rem;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-inline-size:100%;gap:calc(var(--t-gap, 0rem) - 2 * var(--t-margin, 0rem));border-radius:6rem;justify-content:center;background:#959595;color:var(--tui-background-base);padding:var(--t-padding);block-size:var(--t-size);min-inline-size:var(--t-size);inline-size:fit-content;font:var(--tui-font-text-s)}tui-badge>img,[tuiBadge]>img,tui-badge>tui-icon,[tuiBadge]>tui-icon,tui-badge>[tuiAvatar],[tuiBadge]>[tuiAvatar],tui-badge>tui-badge,[tuiBadge]>tui-badge,tui-badge>[tuiBadge],[tuiBadge]>[tuiBadge],tui-badge>[tuiRadio],[tuiBadge]>[tuiRadio],tui-badge>[tuiSwitch],[tuiBadge]>[tuiSwitch],tui-badge>[tuiCheckbox],[tuiBadge]>[tuiCheckbox],tui-badge[tuiIcons]:before,[tuiBadge][tuiIcons]:before,tui-badge[tuiIcons]:after,[tuiBadge][tuiIcons]:after{margin:var(--t-margin)}tui-badge[tuiStatus]:before,[tuiBadge][tuiStatus]:before{inline-size:.375rem;block-size:.375rem;margin:0}tui-badge>tui-icon,[tuiBadge]>tui-icon,tui-badge[tuiIcons]:before,[tuiBadge][tuiIcons]:before,tui-badge[tuiIcons]:after,[tuiBadge][tuiIcons]:after{font-size:var(--t-icon-size)!important}tui-badge[data-appearance=error],[tuiBadge][data-appearance=error],tui-badge[data-appearance=negative],[tuiBadge][data-appearance=negative]{--t-status: var(--tui-status-negative)}tui-badge[data-appearance=success],[tuiBadge][data-appearance=success],tui-badge[data-appearance=positive],[tuiBadge][data-appearance=positive]{--t-status: var(--tui-status-positive)}tui-badge[data-appearance=warning],[tuiBadge][data-appearance=warning]{--t-status: var(--tui-status-warning)}tui-badge[data-appearance=info],[tuiBadge][data-appearance=info]{--t-status: var(--tui-status-info)}tui-badge[data-appearance=neutral],[tuiBadge][data-appearance=neutral]{--t-status: var(--tui-status-neutral)}tui-badge[data-size=s],[tuiBadge][data-size=s]{--t-padding: 0 .3125rem;--t-size: 1rem;--t-icon-size: .625rem;--t-margin: -.125rem;font:var(--tui-font-text-xs)}tui-badge[data-size=s][tuiStatus]:before,[tuiBadge][data-size=s][tuiStatus]:before{inline-size:.25rem;block-size:.25rem;margin-inline-end:-.125rem}tui-badge[data-size=m],[tuiBadge][data-size=m]{--t-padding: 0 .375rem;--t-size: 1.25rem;--t-icon-size: .75rem;--t-margin: -.125rem}tui-badge[data-size=xl],[tuiBadge][data-size=xl]{--t-margin: -.25rem;--t-padding: 0 .75rem;--t-size: var(--tui-height-s);font:var(--tui-font-text-m)}tui-badge[data-size=xl][tuiStatus]:before,[tuiBadge][data-size=xl][tuiStatus]:before{inline-size:.5rem;block-size:.5rem;margin-inline-end:-.125rem}tui-badge[tuiAppearance][data-appearance=error],[tuiBadge][tuiAppearance][data-appearance=error],tui-badge[tuiAppearance][data-appearance=success],[tuiBadge][tuiAppearance][data-appearance=success],tui-badge[tuiAppearance][data-appearance=negative],[tuiBadge][tuiAppearance][data-appearance=negative],tui-badge[tuiAppearance][data-appearance=positive],[tuiBadge][tuiAppearance][data-appearance=positive],tui-badge[tuiAppearance][data-appearance=warning],[tuiBadge][tuiAppearance][data-appearance=warning],tui-badge[tuiAppearance][data-appearance=info],[tuiBadge][tuiAppearance][data-appearance=info],tui-badge[tuiAppearance][data-appearance=neutral],[tuiBadge][tuiAppearance][data-appearance=neutral]{color:var(--tui-text-primary)}img[tuiBadge]{padding:0;inline-size:var(--t-size)}tui-icon[tuiBadge]:before{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;--t-margin: 0}\n"] }]
         }] });
 class TuiBadge {
     constructor() {

package/fesm2022/taiga-ui-kit-components-badge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-badge.mjs","sources":["../../../projects/kit/components/badge/badge.options.ts","../../../projects/kit/components/badge/badge.directive.ts","../../../projects/kit/components/badge/taiga-ui-kit-components-badge.ts"],"sourcesContent":["import {InjectionToken, type Provider} from '@angular/core';\nimport {tuiProvideOptions} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {type TuiAppearanceOptions} from '@taiga-ui/core/directives/appearance';\nimport {type TuiSizeS, type TuiSizeXL} from '@taiga-ui/core/types';\n\nexport interface TuiBadgeOptions extends TuiAppearanceOptions {\n    readonly size: TuiSizeS | TuiSizeXL;\n}\n\nexport const TUI_BADGE_DEFAULT_OPTIONS: TuiBadgeOptions = {\n    appearance: '',\n    size: 'l',\n};\n\nexport const TUI_BADGE_OPTIONS = new InjectionToken(\n    ngDevMode ? 'TUI_BADGE_OPTIONS' : '',\n    {\n        factory: () => TUI_BADGE_DEFAULT_OPTIONS,\n    },\n);\n\nexport function tuiBadgeOptionsProvider(options: Partial<TuiBadgeOptions>): Provider {\n    return tuiProvideOptions(TUI_BADGE_OPTIONS, options, TUI_BADGE_DEFAULT_OPTIONS);\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    inject,\n    input,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {\n    tuiAppearanceOptionsProvider,\n    TuiWithAppearance,\n} from '@taiga-ui/core/directives/appearance';\nimport {TuiWithIcons} from '@taiga-ui/core/directives/icons';\n\nimport {TUI_BADGE_OPTIONS} from './badge.options';\n\n@Component({\n    template: '',\n    styles: '@import \"@taiga-ui/kit/styles/components/badge.less\";',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {class: 'tui-badge'},\n})\nclass Styles {}\n\n@Directive({\n    // tui-icon[tuiBadge] is required to avoid double matching of TuiIcons\n    selector: 'tui-badge,[tuiBadge],tui-icon[tuiBadge]',\n    providers: [tuiAppearanceOptionsProvider(TUI_BADGE_OPTIONS)],\n    hostDirectives: [TuiWithAppearance, TuiWithIcons],\n    host: {'[attr.data-size]': 'size()'},\n})\nexport class TuiBadge {\n    protected readonly nothing = tuiWithStyles(Styles);\n\n    public readonly size = input(inject(TUI_BADGE_OPTIONS).size);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AASa,MAAA,yBAAyB,GAAoB;AACtD,IAAA,UAAU,EAAE,EAAE;AACd,IAAA,IAAI,EAAE,GAAG;;AAGA,MAAA,iBAAiB,GAAG,IAAI,cAAc,CAC/C,SAAS,GAAG,mBAAmB,GAAG,EAAE,EACpC;AACI,IAAA,OAAO,EAAE,MAAM,yBAAyB;AAC3C,CAAA;AAGC,SAAU,uBAAuB,CAAC,OAAiC,EAAA;IACrE,OAAO,iBAAiB,CAAC,iBAAiB,EAAE,OAAO,EAAE,yBAAyB,CAAC;AACnF;;ACNA,MAOM,MAAM,CAAA;+GAAN,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAN,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAM,+GANE,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,mpHAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAMV,MAAM,EAAA,UAAA,EAAA,CAAA;kBAPX,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAE,EAEG,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACzC,IAAA,EAAA,EAAC,KAAK,EAAE,WAAW,EAAC,EAAA,MAAA,EAAA,CAAA,mpHAAA,CAAA,EAAA;;MAWjB,QAAQ,CAAA;AAPrB,IAAA,WAAA,GAAA;AAQuB,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;QAElC,IAAI,CAAA,IAAA,GAAG,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC;AAC/D;+GAJY,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAR,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,QAAQ,6QAJN,CAAC,4BAA4B,CAAC,iBAAiB,CAAC,CAAC,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,YAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAInD,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAPpB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;AAEP,oBAAA,QAAQ,EAAE,yCAAyC;AACnD,oBAAA,SAAS,EAAE,CAAC,4BAA4B,CAAC,iBAAiB,CAAC,CAAC;AAC5D,oBAAA,cAAc,EAAE,CAAC,iBAAiB,EAAE,YAAY,CAAC;AACjD,oBAAA,IAAI,EAAE,EAAC,kBAAkB,EAAE,QAAQ,EAAC;AACvC,iBAAA;;;AChCD;;AAEG;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-badge.mjs","sources":["../../../projects/kit/components/badge/badge.options.ts","../../../projects/kit/components/badge/badge.directive.ts","../../../projects/kit/components/badge/taiga-ui-kit-components-badge.ts"],"sourcesContent":["import {InjectionToken, type Provider} from '@angular/core';\nimport {tuiProvideOptions} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {type TuiAppearanceOptions} from '@taiga-ui/core/directives/appearance';\nimport {type TuiSizeS, type TuiSizeXL} from '@taiga-ui/core/types';\n\nexport interface TuiBadgeOptions extends TuiAppearanceOptions {\n    readonly size: TuiSizeS | TuiSizeXL;\n}\n\nexport const TUI_BADGE_DEFAULT_OPTIONS: TuiBadgeOptions = {\n    appearance: '',\n    size: 'l',\n};\n\nexport const TUI_BADGE_OPTIONS = new InjectionToken(\n    ngDevMode ? 'TUI_BADGE_OPTIONS' : '',\n    {\n        factory: () => TUI_BADGE_DEFAULT_OPTIONS,\n    },\n);\n\nexport function tuiBadgeOptionsProvider(options: Partial<TuiBadgeOptions>): Provider {\n    return tuiProvideOptions(TUI_BADGE_OPTIONS, options, TUI_BADGE_DEFAULT_OPTIONS);\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    inject,\n    input,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {\n    tuiAppearanceOptionsProvider,\n    TuiWithAppearance,\n} from '@taiga-ui/core/directives/appearance';\nimport {TuiWithIcons} from '@taiga-ui/core/directives/icons';\n\nimport {TUI_BADGE_OPTIONS} from './badge.options';\n\n@Component({\n    template: '',\n    styles: '@import \"@taiga-ui/kit/styles/components/badge.less\";',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {class: 'tui-badge'},\n})\nclass Styles {}\n\n@Directive({\n    // tui-icon[tuiBadge] is required to avoid double matching of TuiIcons\n    selector: 'tui-badge,[tuiBadge],tui-icon[tuiBadge]',\n    providers: [tuiAppearanceOptionsProvider(TUI_BADGE_OPTIONS)],\n    hostDirectives: [TuiWithAppearance, TuiWithIcons],\n    host: {'[attr.data-size]': 'size()'},\n})\nexport class TuiBadge {\n    protected readonly nothing = tuiWithStyles(Styles);\n\n    public readonly size = input(inject(TUI_BADGE_OPTIONS).size);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AASa,MAAA,yBAAyB,GAAoB;AACtD,IAAA,UAAU,EAAE,EAAE;AACd,IAAA,IAAI,EAAE,GAAG;;AAGA,MAAA,iBAAiB,GAAG,IAAI,cAAc,CAC/C,SAAS,GAAG,mBAAmB,GAAG,EAAE,EACpC;AACI,IAAA,OAAO,EAAE,MAAM,yBAAyB;AAC3C,CAAA;AAGC,SAAU,uBAAuB,CAAC,OAAiC,EAAA;IACrE,OAAO,iBAAiB,CAAC,iBAAiB,EAAE,OAAO,EAAE,yBAAyB,CAAC;AACnF;;ACNA,MAOM,MAAM,CAAA;+GAAN,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAN,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAM,+GANE,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,0qHAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAMV,MAAM,EAAA,UAAA,EAAA,CAAA;kBAPX,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAE,EAEG,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACzC,IAAA,EAAA,EAAC,KAAK,EAAE,WAAW,EAAC,EAAA,MAAA,EAAA,CAAA,0qHAAA,CAAA,EAAA;;MAWjB,QAAQ,CAAA;AAPrB,IAAA,WAAA,GAAA;AAQuB,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;QAElC,IAAI,CAAA,IAAA,GAAG,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC;AAC/D;+GAJY,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAR,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,QAAQ,6QAJN,CAAC,4BAA4B,CAAC,iBAAiB,CAAC,CAAC,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,YAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAInD,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAPpB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;AAEP,oBAAA,QAAQ,EAAE,yCAAyC;AACnD,oBAAA,SAAS,EAAE,CAAC,4BAA4B,CAAC,iBAAiB,CAAC,CAAC;AAC5D,oBAAA,cAAc,EAAE,CAAC,iBAAiB,EAAE,YAAY,CAAC;AACjD,oBAAA,IAAI,EAAE,EAAC,kBAAkB,EAAE,QAAQ,EAAC;AACvC,iBAAA;;;AChCD;;AAEG;;;;"}