@taiga-ui/core 5.11.0 → 5.12.0
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.
- package/components/calendar/calendar-sheet.component.d.ts +1 -1
- package/components/calendar/calendar-year.component.d.ts +1 -1
- package/components/calendar/calendar.component.d.ts +4 -8
- package/components/calendar/calendar.d.ts +14 -0
- package/components/calendar/index.d.ts +1 -0
- package/components/error/error.directive.d.ts +2 -3
- package/components/input/input.directive.d.ts +2 -1
- package/components/root/root.component.d.ts +1 -0
- package/components/textfield/textfield.component.d.ts +0 -2
- package/fesm2022/taiga-ui-core-classes.mjs +3 -3
- package/fesm2022/taiga-ui-core-components-button.mjs +7 -7
- package/fesm2022/taiga-ui-core-components-calendar.mjs +54 -37
- package/fesm2022/taiga-ui-core-components-calendar.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-carousel.mjs +6 -6
- package/fesm2022/taiga-ui-core-components-cell.mjs +13 -13
- package/fesm2022/taiga-ui-core-components-checkbox.mjs +4 -4
- package/fesm2022/taiga-ui-core-components-data-list.mjs +20 -20
- package/fesm2022/taiga-ui-core-components-error.mjs +15 -17
- package/fesm2022/taiga-ui-core-components-error.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-expand.mjs +3 -3
- package/fesm2022/taiga-ui-core-components-icon.mjs +7 -7
- package/fesm2022/taiga-ui-core-components-input.mjs +9 -8
- package/fesm2022/taiga-ui-core-components-input.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-label.mjs +7 -7
- package/fesm2022/taiga-ui-core-components-link.mjs +7 -7
- package/fesm2022/taiga-ui-core-components-loader.mjs +3 -3
- package/fesm2022/taiga-ui-core-components-notification.mjs +16 -16
- package/fesm2022/taiga-ui-core-components-radio.mjs +7 -7
- package/fesm2022/taiga-ui-core-components-root.mjs +8 -6
- package/fesm2022/taiga-ui-core-components-root.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-scrollbar.mjs +21 -21
- package/fesm2022/taiga-ui-core-components-slider.mjs +15 -15
- package/fesm2022/taiga-ui-core-components-spin-button.mjs +3 -3
- package/fesm2022/taiga-ui-core-components-textfield.mjs +26 -30
- package/fesm2022/taiga-ui-core-components-textfield.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-title.mjs +7 -7
- package/fesm2022/taiga-ui-core-directives-appearance.mjs +10 -10
- package/fesm2022/taiga-ui-core-directives-button-x.mjs +3 -3
- package/fesm2022/taiga-ui-core-directives-date-format.mjs +3 -3
- package/fesm2022/taiga-ui-core-directives-group.mjs +7 -7
- package/fesm2022/taiga-ui-core-directives-icons.mjs +10 -10
- package/fesm2022/taiga-ui-core-directives-items-handlers.mjs +9 -9
- package/fesm2022/taiga-ui-core-directives-number-format.mjs +3 -3
- package/fesm2022/taiga-ui-core-pipes-filter-by-input.mjs +3 -3
- package/fesm2022/taiga-ui-core-pipes-format-number.mjs +3 -3
- package/fesm2022/taiga-ui-core-portals-alert.mjs +10 -10
- package/fesm2022/taiga-ui-core-portals-dialog.mjs +13 -13
- package/fesm2022/taiga-ui-core-portals-dropdown.mjs +56 -56
- package/fesm2022/taiga-ui-core-portals-dropdown.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-portals-hint.mjs +36 -36
- package/fesm2022/taiga-ui-core-portals-modal.mjs +8 -8
- package/fesm2022/taiga-ui-core-portals-popup.mjs +9 -9
- package/fesm2022/taiga-ui-core-services.mjs +6 -6
- package/fesm2022/taiga-ui-core-utils-miscellaneous.mjs +19 -12
- package/fesm2022/taiga-ui-core-utils-miscellaneous.mjs.map +1 -1
- package/package.json +16 -16
- package/utils/miscellaneous/index.d.ts +1 -0
- package/utils/miscellaneous/liquid-glass.d.ts +2 -0
- package/utils/miscellaneous/provide-taiga.d.ts +1 -0
|
@@ -10,7 +10,7 @@ export declare class TuiCalendarSheet {
|
|
|
10
10
|
readonly month: import("@angular/core").InputSignal<TuiMonth>;
|
|
11
11
|
readonly disabledItemHandler: import("@angular/core").InputSignal<TuiBooleanHandler<TuiDay>>;
|
|
12
12
|
readonly markerHandler: import("@angular/core").InputSignal<TuiMarkerHandler | null>;
|
|
13
|
-
readonly value: import("@angular/core").InputSignal<TuiDay | readonly TuiDay[] |
|
|
13
|
+
readonly value: import("@angular/core").InputSignal<TuiDay | TuiDayRange | readonly TuiDay[] | null>;
|
|
14
14
|
readonly showAdjacent: import("@angular/core").InputSignal<boolean>;
|
|
15
15
|
readonly hoveredItem: import("@angular/core").ModelSignal<TuiDay | null>;
|
|
16
16
|
readonly dayClick: import("@angular/core").OutputEmitterRef<TuiDay>;
|
|
@@ -9,7 +9,7 @@ export declare class TuiCalendarYear {
|
|
|
9
9
|
protected readonly rows: import("@angular/core").Signal<number>;
|
|
10
10
|
readonly rangeMode: import("@angular/core").InputSignal<boolean>;
|
|
11
11
|
readonly disabledItemHandler: import("@angular/core").InputSignal<TuiBooleanHandler<number>>;
|
|
12
|
-
readonly value: import("@angular/core").InputSignal<number |
|
|
12
|
+
readonly value: import("@angular/core").InputSignal<number | TuiDayRange | readonly TuiDay[] | TuiYear | TuiMonthRange | null>;
|
|
13
13
|
readonly min: import("@angular/core").InputSignalWithTransform<number, number | null>;
|
|
14
14
|
readonly max: import("@angular/core").InputSignalWithTransform<number, number | null>;
|
|
15
15
|
readonly initialItem: import("@angular/core").InputSignalWithTransform<number, number | null>;
|
|
@@ -1,20 +1,16 @@
|
|
|
1
|
-
import { TuiDay,
|
|
1
|
+
import { TuiDay, TuiMonth } from '@taiga-ui/cdk/date-time';
|
|
2
2
|
import { type TuiBooleanHandler, type TuiMapper } from '@taiga-ui/cdk/types';
|
|
3
|
+
import { AbstractTuiCalendar } from './calendar';
|
|
3
4
|
import { type TuiMarkerHandler } from './calendar-sheet.component';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class TuiCalendar {
|
|
6
|
+
export declare class TuiCalendar extends AbstractTuiCalendar {
|
|
6
7
|
protected readonly options: import("./calendar-sheet.options").TuiCalendarSheetOptions;
|
|
7
|
-
readonly disabledItemHandler: import("@angular/core").InputSignal<TuiBooleanHandler<TuiDay>>;
|
|
8
|
-
readonly min: import("@angular/core").InputSignalWithTransform<TuiDay, TuiDay | null>;
|
|
9
|
-
readonly max: import("@angular/core").InputSignalWithTransform<TuiDay, TuiDay | null>;
|
|
10
8
|
readonly minViewedMonth: import("@angular/core").InputSignal<TuiMonth | null>;
|
|
11
9
|
readonly maxViewedMonth: import("@angular/core").InputSignal<TuiMonth | null>;
|
|
12
10
|
readonly showAdjacent: import("@angular/core").InputSignal<boolean>;
|
|
13
11
|
readonly markerHandler: import("@angular/core").InputSignal<TuiMarkerHandler | null>;
|
|
14
12
|
readonly initialView: import("@angular/core").InputSignal<"month" | "year">;
|
|
15
|
-
readonly month: import("@angular/core").ModelSignal<TuiMonth>;
|
|
16
13
|
readonly hoveredItem: import("@angular/core").ModelSignal<TuiDay | null>;
|
|
17
|
-
readonly value: import("@angular/core").ModelSignal<TuiDay | readonly TuiDay[] | TuiDayRange | null>;
|
|
18
14
|
readonly dayClick: import("@angular/core").OutputEmitterRef<TuiDay>;
|
|
19
15
|
protected readonly computedMinViewedMonth: import("@angular/core").Signal<TuiDay | TuiMonth>;
|
|
20
16
|
protected readonly computedMaxViewedMonth: import("@angular/core").Signal<TuiDay | TuiMonth>;
|
|
@@ -32,5 +28,5 @@ export declare class TuiCalendar {
|
|
|
32
28
|
private updateViewedMonth;
|
|
33
29
|
private updateHoveredDay;
|
|
34
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiCalendar, never>;
|
|
35
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiCalendar, "tui-calendar", never, { "
|
|
31
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiCalendar, "tui-calendar:not([new])", never, { "minViewedMonth": { "alias": "minViewedMonth"; "required": false; "isSignal": true; }; "maxViewedMonth": { "alias": "maxViewedMonth"; "required": false; "isSignal": true; }; "showAdjacent": { "alias": "showAdjacent"; "required": false; "isSignal": true; }; "markerHandler": { "alias": "markerHandler"; "required": false; "isSignal": true; }; "initialView": { "alias": "initialView"; "required": false; "isSignal": true; }; "hoveredItem": { "alias": "hoveredItem"; "required": false; "isSignal": true; }; }, { "hoveredItem": "hoveredItemChange"; "dayClick": "dayClick"; }, never, never, true, never>;
|
|
36
32
|
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type TuiDay, type TuiDayRange, TuiMonth } from '@taiga-ui/cdk/date-time';
|
|
2
|
+
import { type TuiBooleanHandler } from '@taiga-ui/cdk/types';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
type Value = TuiDay | TuiDayRange | readonly TuiDay[];
|
|
5
|
+
export declare abstract class AbstractTuiCalendar<T extends Value = Value> {
|
|
6
|
+
readonly month: import("@angular/core").ModelSignal<TuiMonth>;
|
|
7
|
+
readonly value: import("@angular/core").ModelSignal<T | null>;
|
|
8
|
+
readonly min: import("@angular/core").InputSignalWithTransform<TuiDay, TuiDay | null>;
|
|
9
|
+
readonly max: import("@angular/core").InputSignalWithTransform<TuiDay, TuiDay | null>;
|
|
10
|
+
readonly disabledItemHandler: import("@angular/core").InputSignal<TuiBooleanHandler<TuiDay>>;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AbstractTuiCalendar<any>, never>;
|
|
12
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractTuiCalendar<any>, never, never, { "month": { "alias": "month"; "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; }; "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; "isSignal": true; }; }, { "month": "monthChange"; "value": "valueChange"; }, never, never, true, never>;
|
|
13
|
+
}
|
|
14
|
+
export {};
|
|
@@ -3,16 +3,15 @@ import { type AbstractControl, type ControlValueAccessor, type ValidationErrors,
|
|
|
3
3
|
import { TuiValidationError } from '@taiga-ui/cdk/classes';
|
|
4
4
|
import { type TuiNativeValidator } from '@taiga-ui/cdk/directives/native-validator';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@taiga-ui/cdk/directives/id";
|
|
6
7
|
export declare class TuiErrorDirective implements ControlValueAccessor, Validator {
|
|
7
8
|
private readonly el;
|
|
8
|
-
private readonly autoId;
|
|
9
9
|
private readonly content;
|
|
10
10
|
private readonly control;
|
|
11
11
|
private readonly errors;
|
|
12
12
|
private readonly key;
|
|
13
13
|
readonly order: import("@angular/core").InputSignal<readonly string[]>;
|
|
14
14
|
readonly error: Signal<TuiValidationError<Record<string, unknown>> | null>;
|
|
15
|
-
get id(): string;
|
|
16
15
|
registerOnChange(): void;
|
|
17
16
|
registerOnTouched(): void;
|
|
18
17
|
writeValue(): void;
|
|
@@ -20,5 +19,5 @@ export declare class TuiErrorDirective implements ControlValueAccessor, Validato
|
|
|
20
19
|
protected onValidator(validator: TuiNativeValidator): void;
|
|
21
20
|
private getError;
|
|
22
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiErrorDirective, never>;
|
|
23
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiErrorDirective, "tui-error[ngModel], tui-error[formControlName], tui-error[formControl], tui-error[formGroup], tui-error[formGroupName], tui-error[formArrayName], tui-error[formArray]", never, { "order": { "alias": "order"; "required": false; "isSignal": true; }; }, {}, never, never, true,
|
|
22
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiErrorDirective, "tui-error[ngModel], tui-error[formControlName], tui-error[formControl], tui-error[formGroup], tui-error[formGroupName], tui-error[formArrayName], tui-error[formArray]", never, { "order": { "alias": "order"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiId; inputs: {}; outputs: {}; }]>;
|
|
24
23
|
}
|
|
@@ -5,6 +5,7 @@ import { TuiDropdownDirective } from '@taiga-ui/core/portals/dropdown';
|
|
|
5
5
|
import { type TuiInteractiveState } from '@taiga-ui/core/types';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
import * as i1 from "@taiga-ui/cdk/directives/native-validator";
|
|
8
|
+
import * as i2 from "@taiga-ui/cdk/directives/id";
|
|
8
9
|
export declare class TuiInputDirective<T> implements TuiTextfieldAccessor<T> {
|
|
9
10
|
protected readonly el: HTMLInputElement;
|
|
10
11
|
protected readonly control: NgControl | null;
|
|
@@ -23,7 +24,7 @@ export declare class TuiInputDirective<T> implements TuiTextfieldAccessor<T> {
|
|
|
23
24
|
readonly mode: import("@angular/core").Signal<string | null>;
|
|
24
25
|
setValue(value: T | null): void;
|
|
25
26
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDirective<any>, never>;
|
|
26
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDirective<any>, "input[tuiInput]", never, { "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "focused": { "alias": "focused"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiNativeValidator; inputs: {}; outputs: {}; }]>;
|
|
27
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDirective<any>, "input[tuiInput]", never, { "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "focused": { "alias": "focused"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiNativeValidator; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiId; inputs: {}; outputs: {}; }]>;
|
|
27
28
|
}
|
|
28
29
|
export declare class TuiWithInput {
|
|
29
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiWithInput, never>;
|
|
@@ -10,6 +10,7 @@ export declare class TuiRoot {
|
|
|
10
10
|
protected readonly duration: number;
|
|
11
11
|
protected readonly top: import("@angular/core").WritableSignal<boolean>;
|
|
12
12
|
protected readonly breakpoint: import("@angular/core").Signal<"desktopLarge" | "desktopSmall" | "mobile">;
|
|
13
|
+
protected readonly liquidGlass: boolean;
|
|
13
14
|
protected readonly scrollbars: boolean;
|
|
14
15
|
protected get parent(): boolean;
|
|
15
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiRoot, never>;
|
|
@@ -14,7 +14,6 @@ import * as i3 from "@taiga-ui/core/directives/icons";
|
|
|
14
14
|
import * as i4 from "@taiga-ui/core/directives/items-handlers";
|
|
15
15
|
import * as i5 from "@taiga-ui/core/components/data-list";
|
|
16
16
|
export declare class TuiTextfieldComponent<T> implements TuiDataListHost<T> {
|
|
17
|
-
private readonly autoId;
|
|
18
17
|
private readonly focusedIn;
|
|
19
18
|
protected readonly ghost: Signal<ElementRef<HTMLElement> | undefined>;
|
|
20
19
|
protected readonly dropdown: TuiDropdownDirective;
|
|
@@ -35,7 +34,6 @@ export declare class TuiTextfieldComponent<T> implements TuiDataListHost<T> {
|
|
|
35
34
|
readonly content: import("@angular/core").InputSignal<PolymorpheusContent<TuiContext<T>>>;
|
|
36
35
|
readonly filler: import("@angular/core").InputSignal<string>;
|
|
37
36
|
readonly value: import("@angular/core").WritableSignal<string>;
|
|
38
|
-
get id(): string;
|
|
39
37
|
get disabled(): boolean;
|
|
40
38
|
get size(): TuiSizeL | TuiSizeS;
|
|
41
39
|
handleOption(option: T): void;
|
|
@@ -59,10 +59,10 @@ class TuiDriverDirective {
|
|
|
59
59
|
vehicle?.toggle(value);
|
|
60
60
|
});
|
|
61
61
|
}
|
|
62
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
63
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
62
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiDriverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
63
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: TuiDriverDirective, isStandalone: true, ngImport: i0 }); }
|
|
64
64
|
}
|
|
65
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
65
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiDriverDirective, decorators: [{
|
|
66
66
|
type: Directive
|
|
67
67
|
}] });
|
|
68
68
|
|
|
@@ -15,22 +15,22 @@ const TUI_BUTTON_DEFAULT_OPTIONS = {
|
|
|
15
15
|
const [TUI_BUTTON_OPTIONS, tuiButtonOptionsProvider] = tuiCreateOptions(TUI_BUTTON_DEFAULT_OPTIONS);
|
|
16
16
|
|
|
17
17
|
class Styles {
|
|
18
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
19
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
18
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-button-5.12.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiButton]:where(*[data-tui-version=\"5.12.0\"]),[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"]){--t-size: var(--tui-height-l);--t-radius: var(--tui-radius-l);--t-gap: .25rem;--t-padding: .5rem 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));min-block-size:fit-content;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.12.0\"])>img,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])>img,[tuiButton]:where(*[data-tui-version=\"5.12.0\"])>tui-icon,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])>tui-icon,[tuiButton]:where(*[data-tui-version=\"5.12.0\"])>[tuiAvatar],[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])>[tuiAvatar],[tuiButton]:where(*[data-tui-version=\"5.12.0\"])>tui-badge,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])>tui-badge,[tuiButton]:where(*[data-tui-version=\"5.12.0\"])>[tuiBadge],[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])>[tuiBadge],[tuiButton]:where(*[data-tui-version=\"5.12.0\"])>[tuiRadio],[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])>[tuiRadio],[tuiButton]:where(*[data-tui-version=\"5.12.0\"])>[tuiSwitch],[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])>[tuiSwitch],[tuiButton]:where(*[data-tui-version=\"5.12.0\"])>[tuiCheckbox],[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])>[tuiCheckbox],[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[tuiIcons]:before,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[tuiIcons]:before,[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[tuiIcons]:after,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[tuiIcons]:after{margin:var(--t-margin)}[tuiButton]:where(*[data-tui-version=\"5.12.0\"])>.t-loader,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])>.t-loader{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}[tuiButton]:where(*[data-tui-version=\"5.12.0\"])>.t-loader .t-text,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])>.t-loader .t-text{position:absolute}[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-icon-start=font]:before,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-icon-start=font]:before,[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-icon-end=font]:after,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-icon-end=font]:after{font-size:1.5rem}[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=xs],[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[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.12.0\"])[data-size=xs] tui-icon,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=xs] tui-icon,[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=xs]:before,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=xs]:before,[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=xs]:after,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=xs]:after{font-size:1rem}[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=s],[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=s]{--t-size: var(--tui-height-s);--t-radius: var(--tui-radius-m);--t-gap: .125rem;--t-padding: .125rem .625rem;--t-margin: -.125rem;font:var(--tui-typography-body-s)}[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=s] tui-icon,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=s] tui-icon,[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=s]:not([tuiIconButton][data-appearance=icon],[tuiIconButton][data-appearance^=action]):before,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=s]:not([tuiIconButton][data-appearance=icon],[tuiIconButton][data-appearance^=action]):before,[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=s]:not([tuiIconButton][data-appearance=icon],[tuiIconButton][data-appearance^=action]):after,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=s]:not([tuiIconButton][data-appearance=icon],[tuiIconButton][data-appearance^=action]):after{font-size:1rem}[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=s][data-icon-start=font]:before,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=s][data-icon-start=font]:before,[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=s][data-icon-end=font]:after,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=s][data-icon-end=font]:after{font-size:1rem}[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=m],[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=m]{--t-size: var(--tui-height-m);--t-radius: var(--tui-radius-m);--t-gap: .125rem;--t-padding: .375rem 1rem;--t-margin: -.375rem;font:var(--tui-typography-body-m);font-weight:700}[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=m][data-icon-start=font]:before,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=m][data-icon-start=font]:before,[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=m][data-icon-end=font]:after,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=m][data-icon-end=font]:after{font-size:1.5rem}[tuiButton]:where(*[data-tui-version=\"5.12.0\"])._loading,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])._loading{--tui-disabled-opacity: 1;-webkit-text-fill-color:transparent}[tuiButton]:where(*[data-tui-version=\"5.12.0\"])._loading>*,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])._loading>*,[tuiButton]:where(*[data-tui-version=\"5.12.0\"])._loading:before,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])._loading:before,[tuiButton]:where(*[data-tui-version=\"5.12.0\"])._loading:after,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])._loading:after{opacity:0}[tuiButton]:where(*[data-tui-version=\"5.12.0\"])._loading>.t-loader,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])._loading>.t-loader{opacity:1}[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[tuiButtonVertical],[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[tuiButtonVertical]{--t-margin: 0rem !important;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.12.0\"])[tuiButtonVertical]>*,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[tuiButtonVertical]>*{max-block-size:calc(var(--t-line-height) * 2);line-height:inherit!important;--t-line-height: var(--tui-lh) !important}[tuiButton]:where(*[data-tui-version=\"5.12.0\"]):is(a):not([href]),[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"]):is(a):not([href]){opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"]){gap:0;inline-size:var(--t-size);min-inline-size:var(--t-size);font-size:0!important;font-variant-ligatures:none!important;padding:0}[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-icon-start]:after{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
20
20
|
}
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Styles, decorators: [{
|
|
22
22
|
type: Component,
|
|
23
|
-
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-button-${TUI_VERSION}`, styles: ["[tuiButton]:where(*[data-tui-version=\"5.
|
|
23
|
+
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-button-${TUI_VERSION}`, styles: ["[tuiButton]:where(*[data-tui-version=\"5.12.0\"]),[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"]){--t-size: var(--tui-height-l);--t-radius: var(--tui-radius-l);--t-gap: .25rem;--t-padding: .5rem 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));min-block-size:fit-content;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.12.0\"])>img,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])>img,[tuiButton]:where(*[data-tui-version=\"5.12.0\"])>tui-icon,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])>tui-icon,[tuiButton]:where(*[data-tui-version=\"5.12.0\"])>[tuiAvatar],[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])>[tuiAvatar],[tuiButton]:where(*[data-tui-version=\"5.12.0\"])>tui-badge,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])>tui-badge,[tuiButton]:where(*[data-tui-version=\"5.12.0\"])>[tuiBadge],[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])>[tuiBadge],[tuiButton]:where(*[data-tui-version=\"5.12.0\"])>[tuiRadio],[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])>[tuiRadio],[tuiButton]:where(*[data-tui-version=\"5.12.0\"])>[tuiSwitch],[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])>[tuiSwitch],[tuiButton]:where(*[data-tui-version=\"5.12.0\"])>[tuiCheckbox],[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])>[tuiCheckbox],[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[tuiIcons]:before,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[tuiIcons]:before,[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[tuiIcons]:after,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[tuiIcons]:after{margin:var(--t-margin)}[tuiButton]:where(*[data-tui-version=\"5.12.0\"])>.t-loader,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])>.t-loader{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}[tuiButton]:where(*[data-tui-version=\"5.12.0\"])>.t-loader .t-text,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])>.t-loader .t-text{position:absolute}[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-icon-start=font]:before,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-icon-start=font]:before,[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-icon-end=font]:after,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-icon-end=font]:after{font-size:1.5rem}[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=xs],[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[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.12.0\"])[data-size=xs] tui-icon,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=xs] tui-icon,[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=xs]:before,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=xs]:before,[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=xs]:after,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=xs]:after{font-size:1rem}[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=s],[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=s]{--t-size: var(--tui-height-s);--t-radius: var(--tui-radius-m);--t-gap: .125rem;--t-padding: .125rem .625rem;--t-margin: -.125rem;font:var(--tui-typography-body-s)}[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=s] tui-icon,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=s] tui-icon,[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=s]:not([tuiIconButton][data-appearance=icon],[tuiIconButton][data-appearance^=action]):before,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=s]:not([tuiIconButton][data-appearance=icon],[tuiIconButton][data-appearance^=action]):before,[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=s]:not([tuiIconButton][data-appearance=icon],[tuiIconButton][data-appearance^=action]):after,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=s]:not([tuiIconButton][data-appearance=icon],[tuiIconButton][data-appearance^=action]):after{font-size:1rem}[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=s][data-icon-start=font]:before,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=s][data-icon-start=font]:before,[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=s][data-icon-end=font]:after,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=s][data-icon-end=font]:after{font-size:1rem}[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=m],[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=m]{--t-size: var(--tui-height-m);--t-radius: var(--tui-radius-m);--t-gap: .125rem;--t-padding: .375rem 1rem;--t-margin: -.375rem;font:var(--tui-typography-body-m);font-weight:700}[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=m][data-icon-start=font]:before,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=m][data-icon-start=font]:before,[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=m][data-icon-end=font]:after,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-size=m][data-icon-end=font]:after{font-size:1.5rem}[tuiButton]:where(*[data-tui-version=\"5.12.0\"])._loading,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])._loading{--tui-disabled-opacity: 1;-webkit-text-fill-color:transparent}[tuiButton]:where(*[data-tui-version=\"5.12.0\"])._loading>*,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])._loading>*,[tuiButton]:where(*[data-tui-version=\"5.12.0\"])._loading:before,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])._loading:before,[tuiButton]:where(*[data-tui-version=\"5.12.0\"])._loading:after,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])._loading:after{opacity:0}[tuiButton]:where(*[data-tui-version=\"5.12.0\"])._loading>.t-loader,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])._loading>.t-loader{opacity:1}[tuiButton]:where(*[data-tui-version=\"5.12.0\"])[tuiButtonVertical],[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[tuiButtonVertical]{--t-margin: 0rem !important;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.12.0\"])[tuiButtonVertical]>*,[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[tuiButtonVertical]>*{max-block-size:calc(var(--t-line-height) * 2);line-height:inherit!important;--t-line-height: var(--tui-lh) !important}[tuiButton]:where(*[data-tui-version=\"5.12.0\"]):is(a):not([href]),[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"]):is(a):not([href]){opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"]){gap:0;inline-size:var(--t-size);min-inline-size:var(--t-size);font-size:0!important;font-variant-ligatures:none!important;padding:0}[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[tuiIconButton]:where(*[data-tui-version=\"5.12.0\"])[data-icon-start]:after{display:none}\n"] }]
|
|
24
24
|
}] });
|
|
25
25
|
class TuiButton {
|
|
26
26
|
constructor() {
|
|
27
27
|
this.nothing = tuiWithStyles(Styles);
|
|
28
28
|
this.size = input(inject(TUI_BUTTON_OPTIONS).size);
|
|
29
29
|
}
|
|
30
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
31
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.
|
|
30
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiButton, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
31
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiButton, isStandalone: true, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-size": "size()" } }, providers: [tuiAppearanceOptionsProvider(TUI_BUTTON_OPTIONS)], hostDirectives: [{ directive: i1.TuiWithAppearance }, { directive: i2.TuiWithIcons }], ngImport: i0 }); }
|
|
32
32
|
}
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiButton, decorators: [{
|
|
34
34
|
type: Directive,
|
|
35
35
|
args: [{
|
|
36
36
|
selector: 'a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]',
|