@taiga-ui/core 5.0.0-rc.1 → 5.0.0-rc.3
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/checkbox/checkbox.component.d.ts +10 -0
- package/components/checkbox/checkbox.options.d.ts +10 -0
- package/components/checkbox/index.d.ts +2 -0
- package/components/data-list/index.d.ts +1 -0
- package/components/data-list/option-content.directive.d.ts +1 -1
- package/components/data-list/option-with-content.directive.d.ts +9 -0
- package/components/data-list/option-with-value.directive.d.ts +2 -1
- package/components/data-list/option.directive.d.ts +0 -4
- package/components/index.d.ts +3 -0
- package/components/loader/loader.component.d.ts +0 -2
- package/components/radio/index.d.ts +4 -0
- package/components/radio/radio.component.d.ts +18 -0
- package/components/radio/radio.d.ts +3 -0
- package/components/radio/radio.directive.d.ts +8 -0
- package/components/radio/radio.options.d.ts +7 -0
- package/components/slider/helpers/key-steps.d.ts +27 -0
- package/components/slider/helpers/slider-key-steps.directive.d.ts +32 -0
- package/components/slider/helpers/slider-readonly.directive.d.ts +15 -0
- package/components/slider/helpers/slider-thumb-label.component.d.ts +13 -0
- package/components/slider/index.d.ts +6 -0
- package/components/slider/slider.component.d.ts +22 -0
- package/components/slider/slider.d.ts +5 -0
- package/components/textfield/index.d.ts +0 -1
- package/components/textfield/textfield-multi/textfield-item.component.d.ts +1 -0
- package/components/textfield/textfield-multi/textfield-multi.component.d.ts +2 -0
- package/components/textfield/textfield.component.d.ts +1 -0
- package/directives/items-handlers/items-handlers.validator.d.ts +1 -0
- package/fesm2022/taiga-ui-core-classes.mjs +3 -3
- package/fesm2022/taiga-ui-core-components-button.mjs +8 -7
- package/fesm2022/taiga-ui-core-components-button.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-calendar.mjs +23 -33
- package/fesm2022/taiga-ui-core-components-calendar.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-cell.mjs +7 -7
- package/fesm2022/taiga-ui-core-components-cell.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-checkbox.mjs +37 -0
- package/fesm2022/taiga-ui-core-components-checkbox.mjs.map +1 -0
- package/fesm2022/taiga-ui-core-components-data-list.mjs +43 -34
- package/fesm2022/taiga-ui-core-components-data-list.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-error.mjs +11 -13
- 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 +8 -12
- package/fesm2022/taiga-ui-core-components-icon.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-input.mjs +6 -6
- package/fesm2022/taiga-ui-core-components-label.mjs +9 -7
- package/fesm2022/taiga-ui-core-components-label.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-link.mjs +8 -7
- package/fesm2022/taiga-ui-core-components-link.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-loader.mjs +7 -10
- package/fesm2022/taiga-ui-core-components-loader.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-notification.mjs +18 -19
- package/fesm2022/taiga-ui-core-components-notification.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-radio.mjs +91 -0
- package/fesm2022/taiga-ui-core-components-radio.mjs.map +1 -0
- package/fesm2022/taiga-ui-core-components-root.mjs +4 -4
- package/fesm2022/taiga-ui-core-components-root.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-scrollbar.mjs +24 -30
- package/fesm2022/taiga-ui-core-components-scrollbar.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-slider.mjs +337 -0
- package/fesm2022/taiga-ui-core-components-slider.mjs.map +1 -0
- package/fesm2022/taiga-ui-core-components-spin-button.mjs +3 -3
- package/fesm2022/taiga-ui-core-components-textfield.mjs +49 -40
- package/fesm2022/taiga-ui-core-components-textfield.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-title.mjs +9 -7
- package/fesm2022/taiga-ui-core-components-title.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components.mjs +3 -0
- package/fesm2022/taiga-ui-core-components.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-appearance.mjs +14 -16
- package/fesm2022/taiga-ui-core-directives-appearance.mjs.map +1 -1
- 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 +9 -7
- package/fesm2022/taiga-ui-core-directives-group.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-icons.mjs +12 -10
- package/fesm2022/taiga-ui-core-directives-icons.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-items-handlers.mjs +19 -19
- package/fesm2022/taiga-ui-core-directives-items-handlers.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-number-format.mjs +3 -3
- package/fesm2022/taiga-ui-core-pipes-format-number.mjs +3 -3
- package/fesm2022/taiga-ui-core-portals-alert.mjs +9 -9
- package/fesm2022/taiga-ui-core-portals-dialog.mjs +13 -15
- package/fesm2022/taiga-ui-core-portals-dialog.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-portals-dropdown.mjs +59 -71
- package/fesm2022/taiga-ui-core-portals-dropdown.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-portals-hint.mjs +42 -50
- package/fesm2022/taiga-ui-core-portals-hint.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-portals-modal.mjs +8 -8
- package/fesm2022/taiga-ui-core-portals-modal.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-portals-popup.mjs +11 -15
- package/fesm2022/taiga-ui-core-portals-popup.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-services.mjs +7 -9
- package/fesm2022/taiga-ui-core-services.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-tokens.mjs +17 -33
- package/fesm2022/taiga-ui-core-tokens.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-utils-miscellaneous.mjs.map +1 -1
- package/package.json +75 -63
- package/tokens/i18n.d.ts +4 -0
- package/tokens/index.d.ts +0 -1
- package/utils/miscellaneous/font-scaling.d.ts +2 -2
- package/components/textfield/textfield-icon.d.ts +0 -6
- package/styles/components/appearance.less +0 -50
- package/styles/components/button.less +0 -134
- package/styles/components/group.less +0 -172
- package/styles/components/icon.less +0 -83
- package/styles/components/icons.less +0 -79
- package/styles/components/label.less +0 -51
- package/styles/components/link.less +0 -68
- package/styles/components/notification.less +0 -184
- package/styles/components/textfield.less +0 -358
- package/styles/components/title.less +0 -80
- package/styles/mixins/appearance.less +0 -56
- package/styles/mixins/appearance.scss +0 -57
- package/styles/mixins/browsers.less +0 -23
- package/styles/mixins/browsers.scss +0 -23
- package/styles/mixins/date-picker.less +0 -152
- package/styles/mixins/mixins.less +0 -168
- package/styles/mixins/mixins.scss +0 -161
- package/styles/mixins/picker.less +0 -200
- package/styles/mixins/picker.scss +0 -199
- package/styles/mixins/slider.less +0 -67
- package/styles/mixins/slider.scss +0 -67
- package/styles/taiga-ui-fonts.less +0 -4
- package/styles/taiga-ui-local.less +0 -7
- package/styles/taiga-ui-local.scss +0 -6
- package/styles/taiga-ui-theme.less +0 -4
- package/styles/theme/appearance/accent.less +0 -14
- package/styles/theme/appearance/action.less +0 -52
- package/styles/theme/appearance/flat.less +0 -23
- package/styles/theme/appearance/floating.less +0 -16
- package/styles/theme/appearance/glass.less +0 -30
- package/styles/theme/appearance/outline.less +0 -78
- package/styles/theme/appearance/primary.less +0 -48
- package/styles/theme/appearance/secondary.less +0 -77
- package/styles/theme/appearance/status.less +0 -125
- package/styles/theme/appearance/table.less +0 -68
- package/styles/theme/appearance/textfield.less +0 -80
- package/styles/theme/appearance.less +0 -12
- package/styles/theme/palette.less +0 -161
- package/styles/theme/variables.less +0 -42
- package/styles/variables/media.less +0 -23
- package/styles/variables/media.scss +0 -23
- package/tokens/theme.d.ts +0 -2
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { TuiRadioComponent } from '@taiga-ui/core/components/radio';
|
|
2
|
+
import { type TuiCheckboxOptions } from './checkbox.options';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@taiga-ui/core/directives/icons";
|
|
5
|
+
export declare class TuiCheckbox extends TuiRadioComponent<TuiCheckboxOptions> {
|
|
6
|
+
protected readonly check: import("@angular/core").Signal<string>;
|
|
7
|
+
protected readonly indeterminate: import("@angular/core").Signal<string>;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiCheckbox, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiCheckbox, "input[type=\"checkbox\"][tuiCheckbox]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiIcons; inputs: {}; outputs: {}; }]>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type TuiStringHandler } from '@taiga-ui/cdk/types';
|
|
2
|
+
import { type TuiRadioOptions } from '@taiga-ui/core/components/radio';
|
|
3
|
+
import { type TuiSizeS } from '@taiga-ui/core/types';
|
|
4
|
+
export interface TuiCheckboxOptions extends TuiRadioOptions {
|
|
5
|
+
readonly icons: Readonly<{
|
|
6
|
+
checked: TuiStringHandler<TuiSizeS>;
|
|
7
|
+
indeterminate: TuiStringHandler<TuiSizeS>;
|
|
8
|
+
}>;
|
|
9
|
+
}
|
|
10
|
+
export declare const TUI_CHECKBOX_OPTIONS: import("@angular/core").InjectionToken<TuiCheckboxOptions>, tuiCheckboxOptionsProvider: (item: Partial<TuiCheckboxOptions> | (() => Partial<TuiCheckboxOptions>)) => import("@angular/core").FactoryProvider;
|
|
@@ -8,7 +8,7 @@ export declare function tuiAsOptionContent(useValue: Type<any>): Provider;
|
|
|
8
8
|
export declare class TuiWithOptionContent {
|
|
9
9
|
protected readonly local: Type<any> | null;
|
|
10
10
|
protected readonly global: Type<any> | null;
|
|
11
|
-
get content(): Type<any> | null;
|
|
11
|
+
get content(): Type<any> | null | undefined;
|
|
12
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiWithOptionContent, never>;
|
|
13
13
|
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiWithOptionContent, never, never, {}, {}, ["local"], never, true, never>;
|
|
14
14
|
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class TuiOptionWithContent {
|
|
3
|
+
private readonly vcr;
|
|
4
|
+
private readonly content;
|
|
5
|
+
private readonly ref;
|
|
6
|
+
constructor();
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiOptionWithContent, never>;
|
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiOptionWithContent, never, never, {}, {}, never, never, true, never>;
|
|
9
|
+
}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./option-with-content.directive";
|
|
2
3
|
export declare class TuiOptionWithValue<T = unknown> {
|
|
3
4
|
private readonly host;
|
|
4
5
|
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
5
6
|
readonly value: import("@angular/core").InputSignal<T | undefined>;
|
|
6
7
|
protected onClick(value?: T | undefined): void;
|
|
7
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiOptionWithValue<any>, never>;
|
|
8
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiOptionWithValue<any>, "button[tuiOption][value], a[tuiOption][value], label[tuiOption][value]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true,
|
|
9
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiOptionWithValue<any>, "button[tuiOption][value], a[tuiOption][value], label[tuiOption][value]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiOptionWithContent; inputs: {}; outputs: {}; }]>;
|
|
9
10
|
}
|
|
@@ -3,15 +3,11 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
import * as i1 from "@taiga-ui/core/directives/icons";
|
|
4
4
|
import * as i2 from "@taiga-ui/core/components/cell";
|
|
5
5
|
export declare class TuiOption<T = unknown> implements OnDestroy {
|
|
6
|
-
private readonly vcr;
|
|
7
6
|
private readonly isMobile;
|
|
8
7
|
private readonly el;
|
|
9
8
|
private readonly datalist;
|
|
10
|
-
private readonly content;
|
|
11
|
-
private readonly ref;
|
|
12
9
|
protected readonly dropdown: import("@angular/core").WritableSignal<import("@angular/core").ComponentRef<unknown> | null> | undefined;
|
|
13
10
|
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
14
|
-
constructor();
|
|
15
11
|
ngOnDestroy(): void;
|
|
16
12
|
protected onMouseMove(): void;
|
|
17
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiOption<any>, never>;
|
package/components/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export * from '@taiga-ui/core/components/button';
|
|
2
2
|
export * from '@taiga-ui/core/components/calendar';
|
|
3
3
|
export * from '@taiga-ui/core/components/cell';
|
|
4
|
+
export * from '@taiga-ui/core/components/checkbox';
|
|
4
5
|
export * from '@taiga-ui/core/components/data-list';
|
|
5
6
|
export * from '@taiga-ui/core/components/error';
|
|
6
7
|
export * from '@taiga-ui/core/components/expand';
|
|
@@ -10,8 +11,10 @@ export * from '@taiga-ui/core/components/label';
|
|
|
10
11
|
export * from '@taiga-ui/core/components/link';
|
|
11
12
|
export * from '@taiga-ui/core/components/loader';
|
|
12
13
|
export * from '@taiga-ui/core/components/notification';
|
|
14
|
+
export * from '@taiga-ui/core/components/radio';
|
|
13
15
|
export * from '@taiga-ui/core/components/root';
|
|
14
16
|
export * from '@taiga-ui/core/components/scrollbar';
|
|
17
|
+
export * from '@taiga-ui/core/components/slider';
|
|
15
18
|
export * from '@taiga-ui/core/components/spin-button';
|
|
16
19
|
export * from '@taiga-ui/core/components/textfield';
|
|
17
20
|
export * from '@taiga-ui/core/components/title';
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class TuiLoader {
|
|
4
|
-
private readonly isIOS;
|
|
5
4
|
private readonly options;
|
|
6
5
|
protected readonly isApple: boolean;
|
|
7
|
-
protected readonly isHorizontal: import("@angular/core").Signal<boolean>;
|
|
8
6
|
readonly size: import("@angular/core").InputSignal<"m" | "s" | "xs" | "l" | "xl" | "xxl">;
|
|
9
7
|
readonly inheritColor: import("@angular/core").InputSignal<boolean>;
|
|
10
8
|
readonly overlay: import("@angular/core").InputSignal<boolean>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type DoCheck, type OnInit } from '@angular/core';
|
|
2
|
+
import { NgControl } from '@angular/forms';
|
|
3
|
+
import { type TuiRadioOptions } from './radio.options';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@taiga-ui/core/directives/appearance";
|
|
6
|
+
import * as i2 from "@taiga-ui/cdk/directives/native-validator";
|
|
7
|
+
export declare class TuiRadioComponent<T extends TuiRadioOptions> implements DoCheck, OnInit {
|
|
8
|
+
private readonly destroyRef;
|
|
9
|
+
protected readonly el: HTMLInputElement;
|
|
10
|
+
protected readonly options: T;
|
|
11
|
+
protected readonly appearance: import("@angular/core").WritableSignal<string>;
|
|
12
|
+
protected readonly control: NgControl | null;
|
|
13
|
+
readonly size: import("@angular/core").InputSignal<import("@taiga-ui/core/types").TuiSizeS>;
|
|
14
|
+
ngOnInit(): void;
|
|
15
|
+
ngDoCheck(): void;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiRadioComponent<any>, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiRadioComponent<any>, "input[type=\"radio\"][tuiRadio]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAppearance; inputs: { "tuiAppearanceState": "tuiAppearanceState"; "tuiAppearanceFocus": "tuiAppearanceFocus"; "tuiAppearanceMode": "tuiAppearanceMode"; }; outputs: {}; }, { directive: typeof i2.TuiNativeValidator; inputs: {}; outputs: {}; }]>;
|
|
18
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type TuiIdentityMatcher } from '@taiga-ui/cdk/types';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class TuiRadioDirective<T> {
|
|
4
|
+
readonly identityMatcher: import("@angular/core").InputSignal<TuiIdentityMatcher<T>>;
|
|
5
|
+
constructor();
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiRadioDirective<any>, never>;
|
|
7
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiRadioDirective<any>, "input[type=\"radio\"][tuiRadio][identityMatcher]", never, { "identityMatcher": { "alias": "identityMatcher"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type TuiStringHandler } from '@taiga-ui/cdk/types';
|
|
2
|
+
import { type TuiSizeS } from '@taiga-ui/core/types';
|
|
3
|
+
export interface TuiRadioOptions {
|
|
4
|
+
readonly appearance: TuiStringHandler<HTMLInputElement>;
|
|
5
|
+
readonly size: TuiSizeS;
|
|
6
|
+
}
|
|
7
|
+
export declare const TUI_RADIO_OPTIONS: import("@angular/core").InjectionToken<TuiRadioOptions>, tuiRadioOptionsProvider: (item: Partial<TuiRadioOptions> | (() => Partial<TuiRadioOptions>)) => import("@angular/core").FactoryProvider;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { type TuiValueTransformer } from '@taiga-ui/cdk/classes';
|
|
2
|
+
/**
|
|
3
|
+
* Used as a limit for eliminating JS issues with floating point math
|
|
4
|
+
*/
|
|
5
|
+
export declare const TUI_FLOATING_PRECISION = 7;
|
|
6
|
+
/**
|
|
7
|
+
* Steps for splitting sliders into different linear dependencies.
|
|
8
|
+
* Each element of the array has the form [percent, value]
|
|
9
|
+
*
|
|
10
|
+
* Thus, to set a field from 50,000 to 30,000,000 in steps:
|
|
11
|
+
* 1) From 50 000 to 200 000 by 5000 per step (30 steps)
|
|
12
|
+
* 2) From 200 000 to 1 000 000 by 50 000 per step (16 steps)
|
|
13
|
+
* 3) From 1 000 000 to 30 000 000 by 500 000 per step (58 steps)
|
|
14
|
+
*
|
|
15
|
+
* You need to pass the following keyStep (where 104 = 30 + 16 + 58 is the total number of steps):
|
|
16
|
+
* [
|
|
17
|
+
* [0, 50_000],
|
|
18
|
+
* [100 / 104 * 30, 200_000],
|
|
19
|
+
* [100 / 104 * (30 + 16), 1_000_000],
|
|
20
|
+
* [100, 30_000_000],
|
|
21
|
+
* ];
|
|
22
|
+
*
|
|
23
|
+
*/
|
|
24
|
+
export type TuiKeySteps = [[0, number], ...Array<[number, number]>, [100, number]];
|
|
25
|
+
export declare function tuiPercentageToKeyStepValue(valuePercentage: number, keySteps: TuiKeySteps): number;
|
|
26
|
+
export declare function tuiKeyStepValueToPercentage(value: number, keySteps: TuiKeySteps): number;
|
|
27
|
+
export declare function tuiCreateKeyStepsTransformer(keySteps: TuiKeySteps): TuiValueTransformer<number, number>;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { type OnInit } from '@angular/core';
|
|
2
|
+
import { TuiControl, type TuiValueTransformer } from '@taiga-ui/cdk/classes';
|
|
3
|
+
import { TuiSliderComponent } from '../slider.component';
|
|
4
|
+
import { type TuiKeySteps } from './key-steps';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class TuiSliderKeyStepsBase implements OnInit {
|
|
7
|
+
private readonly injector;
|
|
8
|
+
private readonly control;
|
|
9
|
+
protected readonly min: import("@angular/core").WritableSignal<number | undefined>;
|
|
10
|
+
protected readonly max: import("@angular/core").WritableSignal<number | undefined>;
|
|
11
|
+
protected readonly sync: import("@angular/core").EffectRef;
|
|
12
|
+
slider: TuiSliderComponent;
|
|
13
|
+
readonly step: import("@angular/core").InputSignal<number>;
|
|
14
|
+
readonly keySteps: import("@angular/core").InputSignal<[[0, number], ...[number, number][], [100, number]] | undefined>;
|
|
15
|
+
readonly transformer: import("@angular/core").WritableSignal<TuiValueTransformer<number, number> | undefined>;
|
|
16
|
+
controlValue: import("@angular/core").Signal<number | undefined>;
|
|
17
|
+
readonly totalSteps: import("@angular/core").Signal<number>;
|
|
18
|
+
ngOnInit(): void;
|
|
19
|
+
takeStep(coefficient: number): number;
|
|
20
|
+
toSliderValue(fraction: number): number;
|
|
21
|
+
setControlValue(controlValue: number): void;
|
|
22
|
+
getControlValue(): number;
|
|
23
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiSliderKeyStepsBase, never>;
|
|
24
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSliderKeyStepsBase, "input[tuiSlider][keySteps]", never, { "step": { "alias": "step"; "required": false; "isSignal": true; }; "keySteps": { "alias": "keySteps"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
25
|
+
}
|
|
26
|
+
export declare class TuiSliderKeySteps extends TuiControl<number> {
|
|
27
|
+
protected readonly base: TuiSliderKeyStepsBase;
|
|
28
|
+
set keySteps(steps: TuiKeySteps | null | undefined);
|
|
29
|
+
protected setValue(sliderValue: number): void;
|
|
30
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiSliderKeySteps, never>;
|
|
31
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSliderKeySteps, "input[tuiSlider][keySteps][ngModel],input[tuiSlider][keySteps][formControl],input[tuiSlider][keySteps][formControlName]", never, { "keySteps": { "alias": "keySteps"; "required": false; }; }, {}, never, never, true, never>;
|
|
32
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* Native <input type='range' readonly> doesn't work.
|
|
4
|
+
* This directive imitates this native behaviour.
|
|
5
|
+
*/
|
|
6
|
+
export declare class TuiSliderReadonly {
|
|
7
|
+
private readonly el;
|
|
8
|
+
private readonly doc;
|
|
9
|
+
readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, any>;
|
|
10
|
+
constructor();
|
|
11
|
+
protected preventEvent(event: Event): void;
|
|
12
|
+
protected preventKeyboardInteraction(event: KeyboardEvent): void;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiSliderReadonly, never>;
|
|
14
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSliderReadonly, "input[tuiSlider][readonly]", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
15
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { type AfterContentInit } from '@angular/core';
|
|
2
|
+
import { NgControl } from '@angular/forms';
|
|
3
|
+
import { TuiSliderComponent } from '../slider.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class TuiSliderThumbLabel implements AfterContentInit {
|
|
6
|
+
protected readonly slider: import("@angular/core").Signal<TuiSliderComponent | undefined>;
|
|
7
|
+
protected readonly control: import("@angular/core").Signal<NgControl | undefined>;
|
|
8
|
+
ngAfterContentInit(): void;
|
|
9
|
+
protected get ratio(): number;
|
|
10
|
+
protected get ghostStart(): number;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiSliderThumbLabel, never>;
|
|
12
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiSliderThumbLabel, "[tuiSliderThumbLabel]", never, {}, {}, ["slider", "control"], ["*", "input[type=range]"], true, never>;
|
|
13
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export * from './helpers/key-steps';
|
|
2
|
+
export * from './helpers/slider-key-steps.directive';
|
|
3
|
+
export * from './helpers/slider-readonly.directive';
|
|
4
|
+
export * from './helpers/slider-thumb-label.component';
|
|
5
|
+
export * from './slider';
|
|
6
|
+
export * from './slider.component';
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { TuiSliderKeyStepsBase } from './helpers/slider-key-steps.directive';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class TuiSliderComponent {
|
|
4
|
+
private readonly control;
|
|
5
|
+
protected readonly ticksGradient: import("@angular/core").Signal<string>;
|
|
6
|
+
readonly segments: import("@angular/core").InputSignalWithTransform<readonly number[], number | readonly number[]>;
|
|
7
|
+
readonly el: HTMLInputElement;
|
|
8
|
+
readonly keySteps: TuiSliderKeyStepsBase | null;
|
|
9
|
+
constructor();
|
|
10
|
+
get valueRatio(): number;
|
|
11
|
+
get min(): number;
|
|
12
|
+
set min(x: number);
|
|
13
|
+
get max(): number;
|
|
14
|
+
set max(x: number);
|
|
15
|
+
get step(): number;
|
|
16
|
+
set step(x: number);
|
|
17
|
+
get value(): number;
|
|
18
|
+
set value(newValue: number);
|
|
19
|
+
protected getTicksGradient(segments: readonly number[]): string;
|
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiSliderComponent, never>;
|
|
21
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiSliderComponent, "input[type=range][tuiSlider]", never, { "segments": { "alias": "segments"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
22
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { TuiSliderKeySteps, TuiSliderKeyStepsBase } from './helpers/slider-key-steps.directive';
|
|
2
|
+
import { TuiSliderReadonly } from './helpers/slider-readonly.directive';
|
|
3
|
+
import { TuiSliderThumbLabel } from './helpers/slider-thumb-label.component';
|
|
4
|
+
import { TuiSliderComponent } from './slider.component';
|
|
5
|
+
export declare const TuiSlider: readonly [typeof TuiSliderComponent, typeof TuiSliderThumbLabel, typeof TuiSliderKeyStepsBase, typeof TuiSliderKeySteps, typeof TuiSliderReadonly];
|
|
@@ -5,7 +5,6 @@ export * from './textfield.options';
|
|
|
5
5
|
export * from './textfield-accessor';
|
|
6
6
|
export * from './textfield-auxiliary';
|
|
7
7
|
export * from './textfield-content.directive';
|
|
8
|
-
export * from './textfield-icon';
|
|
9
8
|
export * from './textfield-multi/textfield-item.component';
|
|
10
9
|
export * from './textfield-multi/textfield-multi.component';
|
|
11
10
|
export * from './with-native-picker.directive';
|
|
@@ -12,6 +12,7 @@ export declare class TuiTextfieldItemComponent<T> {
|
|
|
12
12
|
protected readonly context: TuiContext<TuiTextfieldItem<T>>;
|
|
13
13
|
protected readonly textfield: TuiTextfieldMultiComponent<any>;
|
|
14
14
|
protected readonly content: import("@angular/core").Signal<string | import("@angular/core").TemplateRef<any>>;
|
|
15
|
+
protected prevent(e: Event): void;
|
|
15
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiTextfieldItemComponent<any>, never>;
|
|
16
17
|
static ɵcmp: i0.ɵɵComponentDeclaration<TuiTextfieldItemComponent<any>, "tui-textfield-item", never, {}, {}, never, never, true, never>;
|
|
17
18
|
}
|
|
@@ -4,6 +4,7 @@ import { TuiTextfieldComponent } from '../textfield.component';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class TuiTextfieldMultiComponent<T> extends TuiTextfieldComponent<T> {
|
|
6
6
|
protected readonly height: import("@angular/core").WritableSignal<number | null>;
|
|
7
|
+
protected readonly win: Window;
|
|
7
8
|
protected readonly handlers: import("@taiga-ui/core/directives/items-handlers").TuiItemsHandlers<unknown>;
|
|
8
9
|
protected readonly component: import("@taiga-ui/polymorpheus").PolymorpheusContent<import("@taiga-ui/cdk/types").TuiContext<import("./textfield-item.component").TuiTextfieldItem<any>>>;
|
|
9
10
|
protected readonly sub: import("rxjs").Subscription;
|
|
@@ -14,6 +15,7 @@ export declare class TuiTextfieldMultiComponent<T> extends TuiTextfieldComponent
|
|
|
14
15
|
protected get placeholder(): string;
|
|
15
16
|
protected onItems({ target }: ResizeObserverEntry): void;
|
|
16
17
|
protected onLeft(event: any): void;
|
|
18
|
+
protected focusInput(): void;
|
|
17
19
|
protected onClick(target: HTMLElement): void;
|
|
18
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiTextfieldMultiComponent<any>, never>;
|
|
19
21
|
static ɵcmp: i0.ɵɵComponentDeclaration<TuiTextfieldMultiComponent<any>, "tui-textfield[multi]", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, ["cva", "item"], ["label", "input", "select", "*", "tui-icon"], true, never>;
|
|
@@ -34,6 +34,7 @@ export declare class TuiTextfieldComponent<T> implements TuiDataListHost<T> {
|
|
|
34
34
|
readonly filler: import("@angular/core").InputSignal<string>;
|
|
35
35
|
readonly value: import("@angular/core").WritableSignal<string>;
|
|
36
36
|
get id(): string;
|
|
37
|
+
get disabled(): boolean;
|
|
37
38
|
get size(): TuiSizeL | TuiSizeS;
|
|
38
39
|
handleOption(option: T): void;
|
|
39
40
|
protected get hasLabel(): boolean;
|
|
@@ -4,6 +4,7 @@ import { type TuiBooleanHandler } from '@taiga-ui/cdk/types';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class TuiItemsHandlersValidator extends TuiValidator {
|
|
6
6
|
private readonly handlers;
|
|
7
|
+
private initialized;
|
|
7
8
|
protected readonly update: import("@angular/core").EffectRef;
|
|
8
9
|
disabledItemHandler: TuiBooleanHandler<any>;
|
|
9
10
|
validate: ValidatorFn;
|
|
@@ -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.18", ngImport: i0, type: TuiDriverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
63
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", 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.18", ngImport: i0, type: TuiDriverDirective, decorators: [{
|
|
66
66
|
type: Directive
|
|
67
67
|
}] });
|
|
68
68
|
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { ChangeDetectionStrategy, ViewEncapsulation, Component, input, inject, Directive } from '@angular/core';
|
|
3
|
+
import '@taiga-ui/cdk/constants';
|
|
3
4
|
import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
4
5
|
import * as i1 from '@taiga-ui/core/directives/appearance';
|
|
5
6
|
import { tuiAppearanceOptionsProvider, TuiWithAppearance } from '@taiga-ui/core/directives/appearance';
|
|
@@ -14,22 +15,22 @@ const TUI_BUTTON_DEFAULT_OPTIONS = {
|
|
|
14
15
|
const [TUI_BUTTON_OPTIONS, tuiButtonOptionsProvider] = tuiCreateOptions(TUI_BUTTON_DEFAULT_OPTIONS);
|
|
15
16
|
|
|
16
17
|
class Styles {
|
|
17
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
18
|
-
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.18", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
+
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 }); }
|
|
19
20
|
}
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: Styles, decorators: [{
|
|
21
22
|
type: Component,
|
|
22
|
-
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-button' }, styles: ["[tuiButton],[tuiIconButton]{--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]>img,[tuiIconButton]>img,[tuiButton]>tui-icon,[tuiIconButton]>tui-icon,[tuiButton]>[tuiAvatar],[tuiIconButton]>[tuiAvatar],[tuiButton]>tui-badge,[tuiIconButton]>tui-badge,[tuiButton]>[tuiBadge],[tuiIconButton]>[tuiBadge],[tuiButton]>[tuiRadio],[tuiIconButton]>[tuiRadio],[tuiButton]>[tuiSwitch],[tuiIconButton]>[tuiSwitch],[tuiButton]>[tuiCheckbox],[tuiIconButton]>[tuiCheckbox],[tuiButton][tuiIcons]:before,[tuiIconButton][tuiIcons]:before,[tuiButton][tuiIcons]:after,[tuiIconButton][tuiIcons]:after{margin:var(--t-margin)}[tuiButton]>.t-loader,[tuiIconButton]>.t-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[tuiButton]>.t-loader .t-text,[tuiIconButton]>.t-loader .t-text{position:absolute}[tuiButton][data-size=xs],[tuiIconButton][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][data-size=xs] tui-icon,[tuiIconButton][data-size=xs] tui-icon,[tuiButton][data-size=xs]:before,[tuiIconButton][data-size=xs]:before,[tuiButton][data-size=xs]:after,[tuiIconButton][data-size=xs]:after{font-size:1rem}[tuiButton][data-size=s],[tuiIconButton][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][data-size=s] tui-icon,[tuiIconButton][data-size=s] tui-icon,[tuiButton][data-size=s]:not([tuiIconButton][data-appearance=icon],[tuiIconButton][data-appearance
|
|
23
|
+
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"] }]
|
|
23
24
|
}] });
|
|
24
25
|
class TuiButton {
|
|
25
26
|
constructor() {
|
|
26
27
|
this.nothing = tuiWithStyles(Styles);
|
|
27
28
|
this.size = input(inject(TUI_BUTTON_OPTIONS).size);
|
|
28
29
|
}
|
|
29
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
30
|
-
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.18", ngImport: i0, type: TuiButton, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
31
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", 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 }); }
|
|
31
32
|
}
|
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiButton, decorators: [{
|
|
33
34
|
type: Directive,
|
|
34
35
|
args: [{
|
|
35
36
|
selector: 'a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]',
|
|
@@ -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 {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: '@import
|
|
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;;;;"}
|