npm - @taiga-ui/core - Versions diffs - 5.0.0-rc.3 → 5.0.0-rc.4 - Mend

@taiga-ui/core 5.0.0-rc.3 → 5.0.0-rc.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (61) hide show

package/components/calendar/calendar-sheet.component.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-import { EventEmitter } from '@angular/core';
 import { TuiDay, TuiDayRange, TuiMonth } from '@taiga-ui/cdk/date-time';
 import { type TuiBooleanHandler, type TuiHandler } from '@taiga-ui/cdk/types';
 import * as i0 from "@angular/core";
@@ -8,12 +7,13 @@ export declare class TuiCalendarSheet {
     private readonly today;
     protected readonly unorderedWeekDays$: import("rxjs").Observable<readonly [Monday: string, Tuesday: string, Wednesday: string, Thursday: string, Friday: string, Saturday: string, Sunday: string]>;
     protected readonly dayType: TuiHandler<TuiDay, string>;
-    month: TuiMonth;
-    disabledItemHandler: TuiBooleanHandler<TuiDay>;
-    markerHandler: TuiMarkerHandler | null;
-    value: TuiDay | TuiDayRange | readonly TuiDay[] | null;
-    hoveredItem: TuiDay | null;
-    showAdjacent: boolean;
+    readonly month: import("@angular/core").InputSignal<TuiMonth>;
+    readonly disabledItemHandler: import("@angular/core").InputSignal<TuiBooleanHandler<TuiDay>>;
+    readonly markerHandler: import("@angular/core").InputSignal<TuiMarkerHandler | null>;
+    readonly value: import("@angular/core").InputSignal<TuiDay | readonly TuiDay[] | TuiDayRange | null>;
+    readonly showAdjacent: import("@angular/core").InputSignal<boolean>;
+    readonly hoveredItem: import("@angular/core").ModelSignal<TuiDay | null>;
+    readonly dayClick: import("@angular/core").OutputEmitterRef<TuiDay>;
     /**
      * @deprecated use static DI options instead
      * ```
@@ -22,12 +22,6 @@ export declare class TuiCalendarSheet {
      * TODO(v5): delete it
      */
     single: boolean;
-    readonly hoveredItemChange: EventEmitter<TuiDay | null>;
-    readonly dayClick: EventEmitter<TuiDay>;
-    /**
-     * @deprecated TODO(v5): delete it. It is used nowhere except unit tests
-     */
-    itemIsInterval(day: TuiDay): boolean;
     onItemHovered(item: TuiDay | false): void;
     getItemRange(item: TuiDay): 'active' | 'end' | 'middle' | 'start' | null;
     protected get computedRangeMode(): boolean;
@@ -35,9 +29,8 @@ export declare class TuiCalendarSheet {
     protected readonly toMarkers: (day: TuiDay, today: boolean, range: string | null, markerHandler: TuiMarkerHandler | null) => [string, string] | [string] | null;
     protected itemIsToday(item: TuiDay): boolean;
     protected itemIsUnavailable(item: TuiDay): boolean;
-    protected onItemClick(item: TuiDay): void;
     private getRange;
     private updateHoveredItem;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCalendarSheet, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCalendarSheet, "tui-calendar-sheet", never, { "month": { "alias": "month"; "required": false; }; "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; }; "markerHandler": { "alias": "markerHandler"; "required": false; }; "value": { "alias": "value"; "required": false; }; "hoveredItem": { "alias": "hoveredItem"; "required": false; }; "showAdjacent": { "alias": "showAdjacent"; "required": false; }; "single": { "alias": "single"; "required": false; }; }, { "hoveredItemChange": "hoveredItemChange"; "dayClick": "dayClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCalendarSheet, "tui-calendar-sheet", never, { "month": { "alias": "month"; "required": false; "isSignal": true; }; "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; "isSignal": true; }; "markerHandler": { "alias": "markerHandler"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "showAdjacent": { "alias": "showAdjacent"; "required": false; "isSignal": true; }; "hoveredItem": { "alias": "hoveredItem"; "required": false; "isSignal": true; }; "single": { "alias": "single"; "required": false; }; }, { "hoveredItem": "hoveredItemChange"; "dayClick": "dayClick"; }, never, never, true, never>;
 }

package/components/calendar/calendar-spin.component.d.ts CHANGED Viewed

@@ -1,16 +1,13 @@
-import { EventEmitter } from '@angular/core';
 import { TuiMonth, type TuiMonthLike, type TuiYear } from '@taiga-ui/cdk/date-time';
 import * as i0 from "@angular/core";
 export declare class TuiCalendarSpin {
     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]>;
-    value: TuiMonth;
-    min: TuiMonth;
-    max: TuiMonth;
-    readonly valueChange: EventEmitter<TuiMonth>;
-    readonly yearClick: EventEmitter<TuiYear>;
-    protected onYearClick(): void;
+    readonly value: import("@angular/core").ModelSignal<TuiMonth>;
+    readonly min: import("@angular/core").InputSignal<TuiMonth>;
+    readonly max: import("@angular/core").InputSignal<TuiMonth>;
+    readonly yearClick: import("@angular/core").OutputEmitterRef<TuiYear>;
     protected append(date: TuiMonthLike): void;
     private updateValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCalendarSpin, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCalendarSpin, "tui-calendar-spin", never, { "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; }, { "valueChange": "valueChange"; "yearClick": "yearClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCalendarSpin, "tui-calendar-spin", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "yearClick": "yearClick"; }, never, never, true, never>;
 }

package/components/calendar/calendar-year.component.d.ts CHANGED Viewed

@@ -1,33 +1,25 @@
-import { EventEmitter } from '@angular/core';
 import { TuiDay, type TuiDayRange, TuiMonthRange, TuiYear } from '@taiga-ui/cdk/date-time';
 import { type TuiBooleanHandler } from '@taiga-ui/cdk/types';
 import * as i0 from "@angular/core";
 export declare class TuiCalendarYear {
     private readonly hoveredItem;
+    private readonly calculatedMin;
+    private readonly calculatedMax;
     protected readonly isRangePicking: import("@angular/core").Signal<boolean>;
-    rangeMode: boolean;
-    disabledItemHandler: TuiBooleanHandler<number>;
-    readonly yearClick: EventEmitter<number>;
-    readonly initialItem: import("@angular/core").WritableSignal<number>;
-    readonly min: import("@angular/core").WritableSignal<number>;
-    readonly max: import("@angular/core").WritableSignal<number>;
-    readonly value: import("@angular/core").WritableSignal<number | TuiYear | readonly TuiDay[] | TuiDayRange | TuiMonthRange | null>;
-    set initialItemSetter(x: number | null);
-    set minSetter(x: number);
-    set maxSetter(x: number);
-    set valueSetter(x: TuiDayRange | TuiMonthRange | TuiYear | number | readonly TuiDay[] | null);
+    protected readonly rows: import("@angular/core").Signal<number>;
+    readonly rangeMode: import("@angular/core").InputSignal<boolean>;
+    readonly disabledItemHandler: import("@angular/core").InputSignal<TuiBooleanHandler<number>>;
+    readonly value: import("@angular/core").InputSignal<number | TuiYear | readonly TuiDay[] | TuiDayRange | TuiMonthRange | null>;
+    readonly min: import("@angular/core").InputSignalWithTransform<number, number | null>;
+    readonly max: import("@angular/core").InputSignalWithTransform<number, number | null>;
+    readonly initialItem: import("@angular/core").InputSignalWithTransform<number, number | null>;
+    readonly yearClick: import("@angular/core").OutputEmitterRef<number>;
     isDisabled(item: number): boolean;
     getItemRange(item: number): 'active' | 'end' | 'middle' | 'start' | null;
     onItemHovered(hovered: boolean, item: number): void;
-    protected get rows(): number;
     protected scrollItemIntoView(item: number): boolean;
     protected getItem(rowIndex: number, colIndex: number): number;
     protected itemIsToday(item: number): boolean;
-    private get calculatedMin();
-    private get calculatedMax();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCalendarYear, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCalendarYear, "tui-calendar-year", never, { "rangeMode": { "alias": "rangeMode"; "required": false; }; "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; }; "initialItemSetter": { "alias": "initialItem"; "required": false; }; "minSetter": { "alias": "min"; "required": false; }; "maxSetter": { "alias": "max"; "required": false; }; "valueSetter": { "alias": "value"; "required": false; }; }, { "yearClick": "yearClick"; }, never, never, true, never>;
-    static ngAcceptInputType_initialItemSetter: number | null;
-    static ngAcceptInputType_minSetter: number | null;
-    static ngAcceptInputType_maxSetter: number | null;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCalendarYear, "tui-calendar-year", never, { "rangeMode": { "alias": "rangeMode"; "required": false; "isSignal": true; }; "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "initialItem": { "alias": "initialItem"; "required": false; "isSignal": true; }; }, { "yearClick": "yearClick"; }, never, never, true, never>;
 }

package/components/calendar/calendar.component.d.ts CHANGED Viewed

@@ -11,10 +11,12 @@ export declare class TuiCalendar {
     protected readonly options: import("./calendar-sheet.options").TuiCalendarSheetOptions;
     month: TuiMonth;
     disabledItemHandler: TuiBooleanHandler<TuiDay>;
-    min: TuiDay | null;
-    max: TuiDay | null;
-    minViewedMonth: TuiMonth | null;
-    maxViewedMonth: TuiMonth | null;
+    readonly min: import("@angular/core").InputSignalWithTransform<TuiDay, TuiDay | null>;
+    readonly max: import("@angular/core").InputSignalWithTransform<TuiDay, TuiDay | null>;
+    readonly minViewedMonth: import("@angular/core").InputSignal<TuiMonth | null>;
+    readonly maxViewedMonth: import("@angular/core").InputSignal<TuiMonth | null>;
+    protected readonly computedMinViewedMonth: import("@angular/core").Signal<TuiDay | TuiMonth>;
+    protected readonly computedMaxViewedMonth: import("@angular/core").Signal<TuiDay | TuiMonth>;
     hoveredItem: TuiDay | null;
     showAdjacent: boolean;
     markerHandler: TuiMarkerHandler | null;
@@ -29,10 +31,6 @@ export declare class TuiCalendar {
     onPaginationValueChange(month: TuiMonth): void;
     onDayClick(day: TuiDay): void;
     onHoveredItemChange(day: TuiDay | null): void;
-    protected get computedMin(): TuiDay;
-    protected get computedMax(): TuiDay;
-    protected get computedMinViewedMonth(): TuiMonth;
-    protected get computedMaxViewedMonth(): TuiMonth;
     protected get isInYearView(): boolean;
     protected readonly disabledItemHandlerMapper: TuiMapper<[
         TuiBooleanHandler<TuiDay>,
@@ -44,5 +42,5 @@ export declare class TuiCalendar {
     private updateViewedMonth;
     private updateHoveredDay;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCalendar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCalendar, "tui-calendar", never, { "month": { "alias": "month"; "required": false; }; "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "minViewedMonth": { "alias": "minViewedMonth"; "required": false; }; "maxViewedMonth": { "alias": "maxViewedMonth"; "required": false; }; "hoveredItem": { "alias": "hoveredItem"; "required": false; }; "showAdjacent": { "alias": "showAdjacent"; "required": false; }; "markerHandler": { "alias": "markerHandler"; "required": false; }; "value": { "alias": "value"; "required": false; }; "initialView": { "alias": "initialView"; "required": false; }; }, { "dayClick": "dayClick"; "monthChange": "monthChange"; "hoveredItemChange": "hoveredItemChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCalendar, "tui-calendar", never, { "month": { "alias": "month"; "required": false; }; "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "minViewedMonth": { "alias": "minViewedMonth"; "required": false; "isSignal": true; }; "maxViewedMonth": { "alias": "maxViewedMonth"; "required": false; "isSignal": true; }; "hoveredItem": { "alias": "hoveredItem"; "required": false; }; "showAdjacent": { "alias": "showAdjacent"; "required": false; }; "markerHandler": { "alias": "markerHandler"; "required": false; }; "value": { "alias": "value"; "required": false; }; "initialView": { "alias": "initialView"; "required": false; }; }, { "dayClick": "dayClick"; "monthChange": "monthChange"; "hoveredItemChange": "hoveredItemChange"; }, never, never, true, never>;
 }

package/components/data-list/data-list.component.d.ts CHANGED Viewed

@@ -19,6 +19,7 @@ export declare class TuiDataListComponent<T> implements TuiDataListAccessor<T>,
     onKeyDownArrow(current: HTMLElement, step: number): void;
     handleFocusLossIfNecessary(element?: Element): void;
     ngAfterContentChecked(): void;
+    protected get role(): string | null;
     protected onFocusIn(relatedTarget: HTMLElement, currentTarget: HTMLElement): void;
     private get elements();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDataListComponent<any>, never>;

package/components/input/input.directive.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import { NgControl } from '@angular/forms';
 import { type TuiTextfieldAccessor, TuiTextfieldComponent } from '@taiga-ui/core/components/textfield';
 import { type TuiItemsHandlers } from '@taiga-ui/core/directives/items-handlers';
+import { TuiDropdownDirective } from '@taiga-ui/core/portals/dropdown';
 import { type TuiInteractiveState } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/native-validator";
@@ -9,6 +10,7 @@ export declare class TuiInputDirective<T> implements TuiTextfieldAccessor<T> {
     protected readonly control: NgControl | null;
     protected readonly handlers: TuiItemsHandlers<T>;
     protected readonly textfield: TuiTextfieldComponent<any>;
+    protected readonly dropdown: TuiDropdownDirective;
     protected readonly a: import("@angular/core").Signal<string>;
     protected readonly s: import("@angular/core").Signal<TuiInteractiveState | null>;
     protected readonly m: import("@angular/core").Signal<string | readonly string[] | null>;

package/fesm2022/taiga-ui-core-components-button.mjs CHANGED Viewed

@@ -16,11 +16,11 @@ const [TUI_BUTTON_OPTIONS, tuiButtonOptionsProvider] = tuiCreateOptions(TUI_BUTT
 class Styles {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-button" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"]),[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"]){--t-size: var(--tui-height-l);--t-radius: var(--tui-radius-l);--t-gap: .25rem;--t-padding: 0 1.25rem;--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));block-size:var(--t-size);justify-content:center;border-radius:var(--t-radius);padding:var(--t-padding);-webkit-user-select:none;user-select:none;cursor:pointer;font:var(--tui-font-body-m);font-weight:700}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>img,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>img,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>tui-icon,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>tui-icon,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>[tuiAvatar],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>[tuiAvatar],[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>tui-badge,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>tui-badge,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>[tuiBadge],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>[tuiBadge],[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>[tuiRadio],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>[tuiRadio],[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>[tuiSwitch],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>[tuiSwitch],[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>[tuiCheckbox],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>[tuiCheckbox],[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[tuiIcons]:before,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[tuiIcons]:before,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[tuiIcons]:after,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[tuiIcons]:after{margin:var(--t-margin)}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>.t-loader,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>.t-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>.t-loader .t-text,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>.t-loader .t-text{position:absolute}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=xs],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: var(--tui-radius-xs);--t-gap: .125rem;--t-padding: 0 .375rem;--t-margin: -.125rem;font:var(--tui-font-body-s)}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=xs] tui-icon,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=xs] tui-icon,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=xs]:before,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=xs]:before,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=xs]:after,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=xs]:after{font-size:1rem}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=s],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=s]{--t-size: var(--tui-height-s);--t-radius: var(--tui-radius-s);--t-gap: .125rem;--t-padding: 0 .625rem;--t-margin: -.125rem;font:var(--tui-font-body-s)}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=s] tui-icon,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=s] tui-icon,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=s]:not([tuiIconButton][data-appearance=icon],[tuiIconButton][data-appearance^=action-]):before,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=s]:not([tuiIconButton][data-appearance=icon],[tuiIconButton][data-appearance^=action-]):before,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=s]:not([tuiIconButton][data-appearance=icon],[tuiIconButton][data-appearance^=action-]):after,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=s]:not([tuiIconButton][data-appearance=icon],[tuiIconButton][data-appearance^=action-]):after{font-size:1rem}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=m],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=m]{--t-size: var(--tui-height-m);--t-radius: var(--tui-radius-m);--t-gap: .125rem;--t-padding: 0 1rem;--t-margin: -.375rem;font:var(--tui-font-body-m);font-weight:700}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])._loading,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])._loading{--tui-disabled-opacity: 1;-webkit-text-fill-color:transparent}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])._loading>*,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])._loading>*,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])._loading:before,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])._loading:before,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])._loading:after,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])._loading:after{opacity:0}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])._loading>.t-loader,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])._loading>.t-loader{opacity:1}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[tuiButtonVertical],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[tuiButtonVertical]{--t-margin: 0rem !important;--t-line-height: 1rem;flex-direction:column;flex-shrink:1;block-size:auto;padding:.75rem;gap:.375rem;min-inline-size:5rem;white-space:pre-line;font:var(--tui-font-ui-s)}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[tuiButtonVertical]>*,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[tuiButtonVertical]>*{max-block-size:calc(var(--t-line-height) * 2)}[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"]){gap:0;inline-size:var(--t-size);min-inline-size:var(--t-size);font-size:0!important;padding:0}[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-icon-start]:after{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-button" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"]),[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"]){--t-size: var(--tui-height-l);--t-radius: var(--tui-radius-l);--t-gap: .25rem;--t-padding: 0 1.25rem;--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));block-size:var(--t-size);justify-content:center;border-radius:var(--t-radius);padding:var(--t-padding);-webkit-user-select:none;user-select:none;cursor:pointer;font:var(--tui-typography-body-m);font-weight:700}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>img,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>img,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>tui-icon,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>tui-icon,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>[tuiAvatar],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>[tuiAvatar],[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>tui-badge,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>tui-badge,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>[tuiBadge],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>[tuiBadge],[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>[tuiRadio],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>[tuiRadio],[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>[tuiSwitch],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>[tuiSwitch],[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>[tuiCheckbox],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>[tuiCheckbox],[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiIcons]:before,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiIcons]:before,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiIcons]:after,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiIcons]:after{margin:var(--t-margin)}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-loader,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-loader .t-text,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-loader .t-text{position:absolute}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=xs],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: var(--tui-radius-xs);--t-gap: .125rem;--t-padding: 0 .375rem;--t-margin: -.125rem;font:var(--tui-typography-body-s)}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=xs] tui-icon,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=xs] tui-icon,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=xs]:before,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=xs]:before,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=xs]:after,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=xs]:after{font-size:1rem}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s]{--t-size: var(--tui-height-s);--t-radius: var(--tui-radius-s);--t-gap: .125rem;--t-padding: 0 .625rem;--t-margin: -.125rem;font:var(--tui-typography-body-s)}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s] tui-icon,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s] tui-icon,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s]:not([tuiIconButton][data-appearance=icon],[tuiIconButton][data-appearance^=action-]):before,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s]:not([tuiIconButton][data-appearance=icon],[tuiIconButton][data-appearance^=action-]):before,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s]:not([tuiIconButton][data-appearance=icon],[tuiIconButton][data-appearance^=action-]):after,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s]:not([tuiIconButton][data-appearance=icon],[tuiIconButton][data-appearance^=action-]):after{font-size:1rem}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=m],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=m]{--t-size: var(--tui-height-m);--t-radius: var(--tui-radius-m);--t-gap: .125rem;--t-padding: 0 1rem;--t-margin: -.375rem;font:var(--tui-typography-body-m);font-weight:700}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])._loading,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])._loading{--tui-disabled-opacity: 1;-webkit-text-fill-color:transparent}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])._loading>*,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])._loading>*,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])._loading:before,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])._loading:before,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])._loading:after,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])._loading:after{opacity:0}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])._loading>.t-loader,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])._loading>.t-loader{opacity:1}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiButtonVertical],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiButtonVertical]{--t-margin: 0rem !important;--t-line-height: 1rem;flex-direction:column;flex-shrink:1;block-size:auto;padding:.75rem;gap:.375rem;min-inline-size:5rem;white-space:pre-line;font:var(--tui-typography-ui-s)}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiButtonVertical]>*,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiButtonVertical]>*{max-block-size:calc(var(--t-line-height) * 2)}[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"]){gap:0;inline-size:var(--t-size);min-inline-size:var(--t-size);font-size:0!important;padding:0}[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-icon-start]:after{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: Styles, decorators: [{
             type: Component,
-            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-button' }, styles: ["[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"]),[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"]){--t-size: var(--tui-height-l);--t-radius: var(--tui-radius-l);--t-gap: .25rem;--t-padding: 0 1.25rem;--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));block-size:var(--t-size);justify-content:center;border-radius:var(--t-radius);padding:var(--t-padding);-webkit-user-select:none;user-select:none;cursor:pointer;font:var(--tui-font-body-m);font-weight:700}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>img,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>img,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>tui-icon,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>tui-icon,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>[tuiAvatar],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>[tuiAvatar],[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>tui-badge,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>tui-badge,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>[tuiBadge],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>[tuiBadge],[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>[tuiRadio],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>[tuiRadio],[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>[tuiSwitch],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>[tuiSwitch],[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>[tuiCheckbox],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>[tuiCheckbox],[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[tuiIcons]:before,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[tuiIcons]:before,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[tuiIcons]:after,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[tuiIcons]:after{margin:var(--t-margin)}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>.t-loader,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>.t-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>.t-loader .t-text,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])>.t-loader .t-text{position:absolute}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=xs],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: var(--tui-radius-xs);--t-gap: .125rem;--t-padding: 0 .375rem;--t-margin: -.125rem;font:var(--tui-font-body-s)}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=xs] tui-icon,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=xs] tui-icon,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=xs]:before,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=xs]:before,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=xs]:after,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=xs]:after{font-size:1rem}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=s],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=s]{--t-size: var(--tui-height-s);--t-radius: var(--tui-radius-s);--t-gap: .125rem;--t-padding: 0 .625rem;--t-margin: -.125rem;font:var(--tui-font-body-s)}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=s] tui-icon,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=s] tui-icon,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=s]:not([tuiIconButton][data-appearance=icon],[tuiIconButton][data-appearance^=action-]):before,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=s]:not([tuiIconButton][data-appearance=icon],[tuiIconButton][data-appearance^=action-]):before,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=s]:not([tuiIconButton][data-appearance=icon],[tuiIconButton][data-appearance^=action-]):after,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=s]:not([tuiIconButton][data-appearance=icon],[tuiIconButton][data-appearance^=action-]):after{font-size:1rem}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=m],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-size=m]{--t-size: var(--tui-height-m);--t-radius: var(--tui-radius-m);--t-gap: .125rem;--t-padding: 0 1rem;--t-margin: -.375rem;font:var(--tui-font-body-m);font-weight:700}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])._loading,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])._loading{--tui-disabled-opacity: 1;-webkit-text-fill-color:transparent}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])._loading>*,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])._loading>*,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])._loading:before,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])._loading:before,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])._loading:after,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])._loading:after{opacity:0}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])._loading>.t-loader,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])._loading>.t-loader{opacity:1}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[tuiButtonVertical],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[tuiButtonVertical]{--t-margin: 0rem !important;--t-line-height: 1rem;flex-direction:column;flex-shrink:1;block-size:auto;padding:.75rem;gap:.375rem;min-inline-size:5rem;white-space:pre-line;font:var(--tui-font-ui-s)}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[tuiButtonVertical]>*,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[tuiButtonVertical]>*{max-block-size:calc(var(--t-line-height) * 2)}[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"]){gap:0;inline-size:var(--t-size);min-inline-size:var(--t-size);font-size:0!important;padding:0}[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.3\"])[data-icon-start]:after{display:none}\n"] }]
+            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-button' }, styles: ["[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"]),[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"]){--t-size: var(--tui-height-l);--t-radius: var(--tui-radius-l);--t-gap: .25rem;--t-padding: 0 1.25rem;--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));block-size:var(--t-size);justify-content:center;border-radius:var(--t-radius);padding:var(--t-padding);-webkit-user-select:none;user-select:none;cursor:pointer;font:var(--tui-typography-body-m);font-weight:700}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>img,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>img,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>tui-icon,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>tui-icon,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>[tuiAvatar],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>[tuiAvatar],[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>tui-badge,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>tui-badge,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>[tuiBadge],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>[tuiBadge],[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>[tuiRadio],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>[tuiRadio],[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>[tuiSwitch],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>[tuiSwitch],[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>[tuiCheckbox],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>[tuiCheckbox],[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiIcons]:before,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiIcons]:before,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiIcons]:after,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiIcons]:after{margin:var(--t-margin)}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-loader,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-loader .t-text,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-loader .t-text{position:absolute}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=xs],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: var(--tui-radius-xs);--t-gap: .125rem;--t-padding: 0 .375rem;--t-margin: -.125rem;font:var(--tui-typography-body-s)}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=xs] tui-icon,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=xs] tui-icon,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=xs]:before,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=xs]:before,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=xs]:after,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=xs]:after{font-size:1rem}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s]{--t-size: var(--tui-height-s);--t-radius: var(--tui-radius-s);--t-gap: .125rem;--t-padding: 0 .625rem;--t-margin: -.125rem;font:var(--tui-typography-body-s)}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s] tui-icon,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s] tui-icon,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s]:not([tuiIconButton][data-appearance=icon],[tuiIconButton][data-appearance^=action-]):before,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s]:not([tuiIconButton][data-appearance=icon],[tuiIconButton][data-appearance^=action-]):before,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s]:not([tuiIconButton][data-appearance=icon],[tuiIconButton][data-appearance^=action-]):after,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s]:not([tuiIconButton][data-appearance=icon],[tuiIconButton][data-appearance^=action-]):after{font-size:1rem}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=m],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=m]{--t-size: var(--tui-height-m);--t-radius: var(--tui-radius-m);--t-gap: .125rem;--t-padding: 0 1rem;--t-margin: -.375rem;font:var(--tui-typography-body-m);font-weight:700}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])._loading,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])._loading{--tui-disabled-opacity: 1;-webkit-text-fill-color:transparent}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])._loading>*,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])._loading>*,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])._loading:before,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])._loading:before,[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])._loading:after,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])._loading:after{opacity:0}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])._loading>.t-loader,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])._loading>.t-loader{opacity:1}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiButtonVertical],[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiButtonVertical]{--t-margin: 0rem !important;--t-line-height: 1rem;flex-direction:column;flex-shrink:1;block-size:auto;padding:.75rem;gap:.375rem;min-inline-size:5rem;white-space:pre-line;font:var(--tui-typography-ui-s)}[tuiButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiButtonVertical]>*,[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiButtonVertical]>*{max-block-size:calc(var(--t-line-height) * 2)}[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"]){gap:0;inline-size:var(--t-size);min-inline-size:var(--t-size);font-size:0!important;padding:0}[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiIconButton]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-icon-start]:after{display:none}\n"] }]
         }] });
 class TuiButton {
     constructor() {

package/fesm2022/taiga-ui-core-components-button.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-core-components-button.mjs","sources":["../../../projects/core/components/button/button.options.ts","../../../projects/core/components/button/button.directive.ts","../../../projects/core/components/button/taiga-ui-core-components-button.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type TuiAppearanceOptions} from '@taiga-ui/core/directives/appearance';\nimport {type TuiSizeXL, type TuiSizeXS} from '@taiga-ui/core/types';\n\nexport interface TuiButtonOptions extends TuiAppearanceOptions {\n readonly size: TuiSizeXL \| TuiSizeXS;\n}\n\nexport const TUI_BUTTON_DEFAULT_OPTIONS: TuiButtonOptions = {\n appearance: 'primary',\n size: 'l',\n};\n\nexport const [TUI_BUTTON_OPTIONS, tuiButtonOptionsProvider] = tuiCreateOptions(\n TUI_BUTTON_DEFAULT_OPTIONS,\n);\n","import {\n ChangeDetectionStrategy,\n Component,\n Directive,\n inject,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\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_BUTTON_OPTIONS} from './button.options';\n\n@Component({\n template: '',\n styles: `\n [data-tui-version='${TUI_VERSION}'] {\n @import '@taiga-ui/styles/components/button.less';\n }\n `,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'tui-button'},\n})\nclass Styles {}\n\n@Directive({\n selector: 'a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]',\n providers: [tuiAppearanceOptionsProvider(TUI_BUTTON_OPTIONS)],\n hostDirectives: [TuiWithAppearance, TuiWithIcons],\n host: {'[attr.data-size]': 'size()'},\n})\nexport class TuiButton {\n protected readonly nothing = tuiWithStyles(Styles);\n\n public readonly size = input(inject(TUI_BUTTON_OPTIONS).size);\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAQa,MAAA,0BAA0B,GAAqB;AACxD,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,IAAI,EAAE,GAAG;;AAGN,MAAM,CAAC,kBAAkB,EAAE,wBAAwB,CAAC,GAAG,gBAAgB,CAC1E,0BAA0B;;ACI9B,MAWM,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,gHAVE,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,~~ysMAAA~~,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAUV,MAAM,EAAA,UAAA,EAAA,CAAA;kBAXX,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAE,EAMG,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACzC,IAAA,EAAA,EAAC,KAAK,EAAE,YAAY,EAAC,EAAA,MAAA,EAAA,CAAA,~~ysMAAA~~,CAAA,EAAA;;MAUlB,SAAS,CAAA;AANtB,IAAA,WAAA,GAAA;AAOuB,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;QAElC,IAAI,CAAA,IAAA,GAAG,KAAK,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC;AAChE;+GAJY,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,SAAS,2SAJP,CAAC,4BAA4B,CAAC,kBAAkB,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;;4FAIpD,SAAS,EAAA,UAAA,EAAA,CAAA;kBANrB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,uEAAuE;AACjF,oBAAA,SAAS,EAAE,CAAC,4BAA4B,CAAC,kBAAkB,CAAC,CAAC;AAC7D,oBAAA,cAAc,EAAE,CAAC,iBAAiB,EAAE,YAAY,CAAC;AACjD,oBAAA,IAAI,EAAE,EAAC,kBAAkB,EAAE,QAAQ,EAAC;AACvC,iBAAA;;;ACpCD;;AAEG;;;;"}
1	+ {"version":3,"file":"taiga-ui-core-components-button.mjs","sources":["../../../projects/core/components/button/button.options.ts","../../../projects/core/components/button/button.directive.ts","../../../projects/core/components/button/taiga-ui-core-components-button.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type TuiAppearanceOptions} from '@taiga-ui/core/directives/appearance';\nimport {type TuiSizeXL, type TuiSizeXS} from '@taiga-ui/core/types';\n\nexport interface TuiButtonOptions extends TuiAppearanceOptions {\n readonly size: TuiSizeXL \| TuiSizeXS;\n}\n\nexport const TUI_BUTTON_DEFAULT_OPTIONS: TuiButtonOptions = {\n appearance: 'primary',\n size: 'l',\n};\n\nexport const [TUI_BUTTON_OPTIONS, tuiButtonOptionsProvider] = tuiCreateOptions(\n TUI_BUTTON_DEFAULT_OPTIONS,\n);\n","import {\n ChangeDetectionStrategy,\n Component,\n Directive,\n inject,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\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_BUTTON_OPTIONS} from './button.options';\n\n@Component({\n template: '',\n styles: `\n [data-tui-version='${TUI_VERSION}'] {\n @import '@taiga-ui/styles/components/button.less';\n }\n `,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'tui-button'},\n})\nclass Styles {}\n\n@Directive({\n selector: 'a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]',\n providers: [tuiAppearanceOptionsProvider(TUI_BUTTON_OPTIONS)],\n hostDirectives: [TuiWithAppearance, TuiWithIcons],\n host: {'[attr.data-size]': 'size()'},\n})\nexport class TuiButton {\n protected readonly nothing = tuiWithStyles(Styles);\n\n public readonly size = input(inject(TUI_BUTTON_OPTIONS).size);\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAQa,MAAA,0BAA0B,GAAqB;AACxD,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,IAAI,EAAE,GAAG;;AAGN,MAAM,CAAC,kBAAkB,EAAE,wBAAwB,CAAC,GAAG,gBAAgB,CAC1E,0BAA0B;;ACI9B,MAWM,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,gHAVE,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,uuMAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAUV,MAAM,EAAA,UAAA,EAAA,CAAA;kBAXX,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAE,EAMG,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACzC,IAAA,EAAA,EAAC,KAAK,EAAE,YAAY,EAAC,EAAA,MAAA,EAAA,CAAA,uuMAAA,CAAA,EAAA;;MAUlB,SAAS,CAAA;AANtB,IAAA,WAAA,GAAA;AAOuB,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;QAElC,IAAI,CAAA,IAAA,GAAG,KAAK,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC;AAChE;+GAJY,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,SAAS,2SAJP,CAAC,4BAA4B,CAAC,kBAAkB,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;;4FAIpD,SAAS,EAAA,UAAA,EAAA,CAAA;kBANrB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,uEAAuE;AACjF,oBAAA,SAAS,EAAE,CAAC,4BAA4B,CAAC,kBAAkB,CAAC,CAAC;AAC7D,oBAAA,cAAc,EAAE,CAAC,iBAAiB,EAAE,YAAY,CAAC;AACjD,oBAAA,IAAI,EAAE,EAAC,kBAAkB,EAAE,QAAQ,EAAC;AACvC,iBAAA;;;ACpCD;;AAEG;;;;"}