@taiga-ui/core 4.0.0-rc.6 → 4.0.0-rc.8
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/alert/alert.component.d.ts +5 -8
- package/components/alert/alert.interfaces.d.ts +2 -3
- package/components/alert/alert.tokens.d.ts +1 -1
- package/components/calendar/calendar-sheet.component.d.ts +1 -1
- package/components/data-list/data-list.component.d.ts +5 -4
- package/components/data-list/data-list.tokens.d.ts +1 -1
- package/components/data-list/option.component.d.ts +1 -3
- package/components/dialog/dialog.component.d.ts +1 -0
- package/components/notification/index.d.ts +1 -1
- package/components/notification/notification.directive.d.ts +19 -0
- package/components/notification/notification.options.d.ts +4 -6
- package/components/spin-button/spin-button.component.d.ts +1 -1
- package/directives/appearance/appearance.directive.d.ts +1 -0
- package/directives/dropdown/dropdown-manual.directive.d.ts +1 -1
- package/directives/dropdown/dropdown-open.directive.d.ts +1 -1
- package/directives/dropdown/dropdown-position.directive.d.ts +1 -1
- package/directives/dropdown/dropdown.directive.d.ts +1 -1
- package/directives/hint/hint-host.directive.d.ts +1 -1
- package/directives/hint/hint-pointer.directive.d.ts +1 -1
- package/esm2022/components/alert/alert.component.mjs +19 -28
- package/esm2022/components/alert/alert.interfaces.mjs +1 -1
- package/esm2022/components/alert/alert.tokens.mjs +1 -1
- package/esm2022/components/button/button.directive.mjs +3 -3
- package/esm2022/components/data-list/data-list.component.mjs +14 -17
- package/esm2022/components/data-list/data-list.tokens.mjs +1 -1
- package/esm2022/components/data-list/option.component.mjs +5 -8
- package/esm2022/components/dialog/dialog-close.service.mjs +3 -3
- package/esm2022/components/dialog/dialog.component.mjs +6 -5
- package/esm2022/components/expand/expand.component.mjs +5 -3
- package/esm2022/components/icon/icon.component.mjs +7 -8
- package/esm2022/components/label/label.directive.mjs +6 -6
- package/esm2022/components/link/link.directive.mjs +5 -5
- package/esm2022/components/notification/index.mjs +2 -2
- package/esm2022/components/notification/notification.directive.mjs +83 -0
- package/esm2022/components/notification/notification.options.mjs +5 -5
- package/esm2022/components/root/root.component.mjs +1 -1
- package/esm2022/components/scrollbar/scroll-controls.component.mjs +3 -3
- package/esm2022/components/scrollbar/scrollbar.directive.mjs +3 -3
- package/esm2022/components/textfield/select.directive.mjs +3 -3
- package/esm2022/components/textfield/textfield.component.mjs +7 -7
- package/esm2022/directives/appearance/appearance.directive.mjs +14 -2
- package/esm2022/directives/dropdown/dropdown-manual.directive.mjs +2 -2
- package/esm2022/directives/dropdown/dropdown-open.directive.mjs +11 -16
- package/esm2022/directives/dropdown/dropdown-position.directive.mjs +2 -2
- package/esm2022/directives/dropdown/dropdown-selection.directive.mjs +2 -2
- package/esm2022/directives/dropdown/dropdown.component.mjs +3 -3
- package/esm2022/directives/dropdown/dropdown.directive.mjs +11 -11
- package/esm2022/directives/hint/hint-host.directive.mjs +1 -1
- package/esm2022/directives/hint/hint-pointer.directive.mjs +1 -1
- package/esm2022/directives/hint/hint.component.mjs +3 -3
- package/esm2022/directives/icons/icons.directive.mjs +6 -8
- package/esm2022/directives/title/title.directive.mjs +1 -1
- package/esm2022/services/dark-theme.service.mjs +3 -3
- package/esm2022/services/position.service.mjs +3 -3
- package/esm2022/services/visual-viewport.service.mjs +3 -3
- package/esm2022/tokens/viewport.mjs +3 -3
- package/fesm2022/taiga-ui-core-components-alert.mjs +18 -27
- package/fesm2022/taiga-ui-core-components-alert.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-button.mjs +2 -2
- package/fesm2022/taiga-ui-core-components-button.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-data-list.mjs +17 -23
- package/fesm2022/taiga-ui-core-components-data-list.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-dialog.mjs +7 -6
- package/fesm2022/taiga-ui-core-components-dialog.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-expand.mjs +4 -2
- package/fesm2022/taiga-ui-core-components-expand.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-icon.mjs +6 -7
- package/fesm2022/taiga-ui-core-components-icon.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-label.mjs +5 -5
- package/fesm2022/taiga-ui-core-components-label.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-link.mjs +4 -4
- package/fesm2022/taiga-ui-core-components-link.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-notification.mjs +66 -38
- package/fesm2022/taiga-ui-core-components-notification.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-root.mjs +1 -1
- package/fesm2022/taiga-ui-core-components-scrollbar.mjs +3 -3
- package/fesm2022/taiga-ui-core-components-scrollbar.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-textfield.mjs +8 -8
- package/fesm2022/taiga-ui-core-components-textfield.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-appearance.mjs +13 -2
- package/fesm2022/taiga-ui-core-directives-appearance.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-dropdown.mjs +24 -29
- package/fesm2022/taiga-ui-core-directives-dropdown.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-hint.mjs +2 -2
- package/fesm2022/taiga-ui-core-directives-hint.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-icons.mjs +5 -7
- package/fesm2022/taiga-ui-core-directives-icons.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-title.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-services.mjs +4 -4
- package/fesm2022/taiga-ui-core-services.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-tokens.mjs +2 -2
- package/fesm2022/taiga-ui-core-tokens.mjs.map +1 -1
- package/package.json +9 -10
- package/styles/components/appearance.less +38 -0
- package/styles/components/button.less +134 -0
- package/styles/components/icon.less +40 -0
- package/styles/components/icons.less +38 -0
- package/styles/components/label.less +62 -0
- package/styles/components/link.less +55 -0
- package/styles/components/notification.less +123 -0
- package/styles/components/title.less +60 -0
- package/styles/mixins/mixins.less +2 -2
- package/styles/mixins/mixins.scss +2 -2
- package/styles/theme/appearance/accent.less +1 -1
- package/styles/theme/appearance/floating.less +1 -1
- package/styles/theme/appearance/glass.less +1 -1
- package/styles/theme/appearance/icon.less +1 -2
- package/styles/theme/appearance/opposite.less +1 -1
- package/styles/theme/appearance/outline.less +1 -1
- package/styles/theme/appearance/primary.less +1 -1
- package/styles/theme/appearance/secondary.less +30 -1
- package/styles/theme/appearance/status.less +21 -6
- package/styles/theme/appearance/textfield.less +1 -1
- package/styles/theme/appearance.less +0 -1
- package/styles/theme/palette.less +2 -2
- package/styles/theme/wrapper.less +1 -1
- package/tokens/i18n.d.ts +3 -3
- package/components/notification/notification.component.d.ts +0 -18
- package/esm2022/components/notification/notification.component.mjs +0 -54
- package/styles/theme/appearance/base.less +0 -19
|
@@ -1,14 +1,13 @@
|
|
|
1
|
-
import type { OnInit } from '@angular/core';
|
|
2
1
|
import type { TuiPopover } from '@taiga-ui/cdk/services';
|
|
3
2
|
import type { TuiAlertOptions } from './alert.interfaces';
|
|
4
3
|
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class TuiAlertComponent<O, I>
|
|
4
|
+
export declare class TuiAlertComponent<O, I> {
|
|
6
5
|
private readonly el;
|
|
7
|
-
|
|
6
|
+
protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
|
|
7
|
+
protected readonly options: import("@angular/animations").AnimationOptions;
|
|
8
|
+
protected readonly close: import("@angular/core").Signal<string | undefined>;
|
|
8
9
|
protected readonly position: string;
|
|
9
10
|
protected readonly item: TuiPopover<TuiAlertOptions<I>, O>;
|
|
10
|
-
protected readonly autoClose: number;
|
|
11
|
-
protected readonly options: import("@angular/animations").AnimationOptions;
|
|
12
11
|
protected readonly animation: {
|
|
13
12
|
value: string;
|
|
14
13
|
delay?: string | number | undefined;
|
|
@@ -16,9 +15,7 @@ export declare class TuiAlertComponent<O, I> implements OnInit {
|
|
|
16
15
|
[name: string]: any;
|
|
17
16
|
} | undefined;
|
|
18
17
|
};
|
|
19
|
-
|
|
20
|
-
protected close(): void;
|
|
21
|
-
private initAutoClose;
|
|
18
|
+
protected readonly sub: import("rxjs").Subscription;
|
|
22
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiAlertComponent<any, any>, never>;
|
|
23
20
|
static ɵcmp: i0.ɵɵComponentDeclaration<TuiAlertComponent<any, any>, "tui-alert", never, {}, {}, never, never, true, never>;
|
|
24
21
|
}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import type { TuiPopoverContext } from '@taiga-ui/cdk/services';
|
|
2
2
|
import type { TuiHandler } from '@taiga-ui/cdk/types';
|
|
3
|
-
import type { TuiNotificationOptions
|
|
3
|
+
import type { TuiNotificationOptions } from '@taiga-ui/core/components/notification';
|
|
4
4
|
import type { PolymorpheusContent } from '@taiga-ui/polymorpheus';
|
|
5
|
-
export type TuiAlertAutoClose = TuiHandler<TuiNotificationStatus, number> | number;
|
|
6
5
|
export interface TuiAlertOptions<I = undefined> extends Omit<TuiNotificationOptions, 'size'> {
|
|
7
|
-
readonly autoClose:
|
|
6
|
+
readonly autoClose: TuiHandler<string, number> | number;
|
|
8
7
|
readonly data: I;
|
|
9
8
|
readonly closeable: boolean;
|
|
10
9
|
readonly label: PolymorpheusContent<TuiAlertOptions<I>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { BehaviorSubject } from 'rxjs';
|
|
2
2
|
import type { TuiAlertOptions } from './alert.interfaces';
|
|
3
|
-
export declare const TUI_ALERT_DEFAULT_OPTIONS: Omit<TuiAlertOptions, '
|
|
3
|
+
export declare const TUI_ALERT_DEFAULT_OPTIONS: Omit<TuiAlertOptions, 'appearance' | 'icon'>;
|
|
4
4
|
export declare const TUI_ALERT_OPTIONS: import("@angular/core").InjectionToken<TuiAlertOptions<undefined>>;
|
|
5
5
|
export declare const TUI_ALERT_POSITION: import("@angular/core").InjectionToken<string>;
|
|
6
6
|
export declare const TUI_ALERTS: import("@angular/core").InjectionToken<BehaviorSubject<readonly any[]>>;
|
|
@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
|
|
|
6
6
|
export type TuiMarkerHandler = TuiHandler<TuiDay, [] | [string, string] | [string]>;
|
|
7
7
|
export declare class TuiCalendarSheet {
|
|
8
8
|
private readonly today;
|
|
9
|
-
protected readonly unorderedWeekDays$: import("rxjs").Observable<[string, string, string, string, string, string, string]>;
|
|
9
|
+
protected readonly unorderedWeekDays$: import("rxjs").Observable<[Monday: string, Tuesday: string, Wednesday: string, Thursday: string, Friday: string, Saturday: string, Sunday: string]>;
|
|
10
10
|
protected readonly dayTypeHandler: TuiHandler<TuiDay, string>;
|
|
11
11
|
month: TuiMonth;
|
|
12
12
|
disabledItemHandler: TuiBooleanHandler<TuiDay>;
|
|
@@ -1,20 +1,21 @@
|
|
|
1
|
+
import type { AfterContentChecked } from '@angular/core';
|
|
1
2
|
import type { TuiSizeL, TuiSizeS } from '@taiga-ui/core/types';
|
|
2
3
|
import type { PolymorpheusContent } from '@taiga-ui/polymorpheus';
|
|
3
|
-
import type { Observable } from 'rxjs';
|
|
4
4
|
import type { TuiDataListAccessor } from './data-list.tokens';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare function tuiInjectDataListSize(): TuiSizeL | TuiSizeS;
|
|
7
|
-
export declare class TuiDataListComponent<T> implements TuiDataListAccessor<T
|
|
7
|
+
export declare class TuiDataListComponent<T> implements TuiDataListAccessor<T>, AfterContentChecked {
|
|
8
8
|
private readonly options;
|
|
9
9
|
private origin?;
|
|
10
10
|
private readonly el;
|
|
11
|
-
protected readonly
|
|
11
|
+
protected readonly fallback: import("@angular/core").Signal<string | undefined>;
|
|
12
|
+
protected empty: boolean;
|
|
12
13
|
emptyContent: PolymorpheusContent;
|
|
13
14
|
size: "m" | "l" | "s";
|
|
14
15
|
onKeyDownArrow(current: HTMLElement, step: number): void;
|
|
15
16
|
handleFocusLossIfNecessary(element?: Element): void;
|
|
17
|
+
ngAfterContentChecked(): void;
|
|
16
18
|
getOptions(includeDisabled?: boolean): readonly T[];
|
|
17
|
-
protected get empty$(): Observable<boolean>;
|
|
18
19
|
protected onFocusIn(relatedTarget: HTMLElement, currentTarget: HTMLElement): void;
|
|
19
20
|
protected noop(): void;
|
|
20
21
|
private get elements();
|
|
@@ -8,7 +8,7 @@ export interface TuiDataListAccessor<T = unknown> {
|
|
|
8
8
|
}
|
|
9
9
|
export interface TuiDataListHost<T> {
|
|
10
10
|
checkOption?(option: T): void;
|
|
11
|
-
handleOption(option: T): void;
|
|
11
|
+
handleOption?(option: T): void;
|
|
12
12
|
readonly identityMatcher?: TuiIdentityMatcher<T>;
|
|
13
13
|
readonly stringify?: TuiStringHandler<T>;
|
|
14
14
|
readonly size?: TuiSizeL | TuiSizeS;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import type { OnDestroy, TemplateRef } from '@angular/core';
|
|
2
2
|
import type { TuiContext } from '@taiga-ui/cdk/types';
|
|
3
|
-
import { TuiDropdownDirective } from '@taiga-ui/core/directives/dropdown';
|
|
4
3
|
import type { PolymorpheusContent } from '@taiga-ui/polymorpheus';
|
|
5
4
|
import * as i0 from "@angular/core";
|
|
6
5
|
import * as i1 from "@taiga-ui/core/directives/icons";
|
|
@@ -10,11 +9,10 @@ export declare class TuiOption<T = unknown> implements OnDestroy {
|
|
|
10
9
|
private readonly dataList;
|
|
11
10
|
private readonly host;
|
|
12
11
|
protected readonly content: PolymorpheusContent<TuiContext<TemplateRef<Record<string, unknown>>>>;
|
|
13
|
-
protected readonly dropdown:
|
|
12
|
+
protected readonly dropdown: import("@angular/core").WritableSignal<import("@angular/core").ComponentRef<unknown> | null> | undefined;
|
|
14
13
|
disabled: boolean;
|
|
15
14
|
value?: T;
|
|
16
15
|
ngOnDestroy(): void;
|
|
17
|
-
protected get active(): boolean;
|
|
18
16
|
protected onClick(): void;
|
|
19
17
|
protected onMouseMove(): void;
|
|
20
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiOption<any>, never>;
|
|
@@ -14,6 +14,7 @@ export declare class TuiDialogComponent<O, I> {
|
|
|
14
14
|
protected readonly context: TuiPopover<TuiDialogOptions<I>, O>;
|
|
15
15
|
protected readonly closeWord$: Observable<string>;
|
|
16
16
|
protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
|
|
17
|
+
protected closeable$: Observable<boolean>;
|
|
17
18
|
constructor();
|
|
18
19
|
protected get size(): TuiDialogSize;
|
|
19
20
|
protected get header(): PolymorpheusContent<TuiPopover<TuiDialogOptions<I>, O>>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './notification.
|
|
1
|
+
export * from './notification.directive';
|
|
2
2
|
export * from './notification.options';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { OnChanges, OnInit } from '@angular/core';
|
|
2
|
+
import type { TuiStringHandler } from '@taiga-ui/cdk/types';
|
|
3
|
+
import { TuiIcons } from '@taiga-ui/core/directives/icons';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@taiga-ui/core/directives/icons";
|
|
6
|
+
import * as i2 from "@taiga-ui/core/directives/appearance";
|
|
7
|
+
export declare class TuiNotification implements OnChanges, OnInit {
|
|
8
|
+
private readonly options;
|
|
9
|
+
protected readonly nothing: undefined;
|
|
10
|
+
protected readonly icons: TuiIcons;
|
|
11
|
+
appearance: string;
|
|
12
|
+
icon: TuiStringHandler<string> | string;
|
|
13
|
+
size: "m" | "l" | "s";
|
|
14
|
+
ngOnInit(): void;
|
|
15
|
+
ngOnChanges(): void;
|
|
16
|
+
private refresh;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiNotification, never>;
|
|
18
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiNotification, "tui-notification,a[tuiNotification],button[tuiNotification]", never, { "appearance": { "alias": "appearance"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithIcons; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithAppearance; inputs: {}; outputs: {}; }]>;
|
|
19
|
+
}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import type { Provider } from '@angular/core';
|
|
2
|
-
import type {
|
|
2
|
+
import type { TuiStringHandler } from '@taiga-ui/cdk/types';
|
|
3
|
+
import type { TuiAppearanceOptions } from '@taiga-ui/core/directives/appearance';
|
|
3
4
|
import type { TuiSizeL, TuiSizeS } from '@taiga-ui/core/types';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
export interface TuiNotificationOptions {
|
|
7
|
-
readonly status: TuiNotificationStatus;
|
|
8
|
-
readonly icon: PolymorpheusContent<TuiContext<TuiNotificationStatus>>;
|
|
5
|
+
export interface TuiNotificationOptions extends TuiAppearanceOptions {
|
|
6
|
+
readonly icon: TuiStringHandler<string> | string;
|
|
9
7
|
readonly size: TuiSizeL | TuiSizeS;
|
|
10
8
|
}
|
|
11
9
|
/** Default values for the notification options. */
|
|
@@ -2,7 +2,7 @@ import { EventEmitter } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class TuiSpinButton {
|
|
4
4
|
protected readonly icons: import("@taiga-ui/core/tokens").TuiSpinIcons;
|
|
5
|
-
protected readonly spinTexts$: import("rxjs").Observable<[string, string]>;
|
|
5
|
+
protected readonly spinTexts$: import("rxjs").Observable<[previous: string, next: string]>;
|
|
6
6
|
focusable: boolean;
|
|
7
7
|
disabled: boolean;
|
|
8
8
|
leftDisabled: boolean;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { TuiInteractiveState } from '@taiga-ui/core/types';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class TuiAppearance {
|
|
4
|
+
protected readonly nothing: undefined;
|
|
4
5
|
tuiAppearance: string;
|
|
5
6
|
tuiAppearanceState: TuiInteractiveState | null;
|
|
6
7
|
tuiAppearanceFocus: boolean | null;
|
|
@@ -2,7 +2,7 @@ import type { OnChanges } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class TuiDropdownManual implements OnChanges {
|
|
4
4
|
private readonly driver;
|
|
5
|
-
tuiDropdownManual: boolean;
|
|
5
|
+
tuiDropdownManual: boolean | '';
|
|
6
6
|
ngOnChanges(): void;
|
|
7
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownManual, never>;
|
|
8
8
|
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownManual, "[tuiDropdownManual]", never, { "tuiDropdownManual": { "alias": "tuiDropdownManual"; "required": false; }; }, {}, never, never, true, never>;
|
|
@@ -9,12 +9,12 @@ export declare class TuiDropdownOpen implements OnChanges {
|
|
|
9
9
|
private readonly directive;
|
|
10
10
|
private readonly el;
|
|
11
11
|
private readonly obscured;
|
|
12
|
+
private readonly dropdown;
|
|
12
13
|
protected readonly sub: import("rxjs").Subscription;
|
|
13
14
|
tuiDropdownEnabled: boolean;
|
|
14
15
|
tuiDropdownOpen: boolean | '';
|
|
15
16
|
readonly tuiDropdownOpenChange: EventEmitter<boolean>;
|
|
16
17
|
readonly driver: TuiDropdownDriver;
|
|
17
|
-
get dropdown(): HTMLElement | undefined;
|
|
18
18
|
ngOnChanges(): void;
|
|
19
19
|
toggle(open: boolean): void;
|
|
20
20
|
protected onClick(target: HTMLElement): void;
|
|
@@ -6,7 +6,7 @@ export declare class TuiDropdownPosition extends TuiPositionAccessor {
|
|
|
6
6
|
private readonly viewport;
|
|
7
7
|
private previous?;
|
|
8
8
|
readonly type = "dropdown";
|
|
9
|
-
readonly accessor: TuiRectAccessor;
|
|
9
|
+
readonly accessor: TuiRectAccessor | null;
|
|
10
10
|
getPosition({ width, height }: DOMRect): TuiPoint;
|
|
11
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownPosition, never>;
|
|
12
12
|
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownPosition, "[tuiDropdownPosition]", never, {}, {}, never, never, true, never>;
|
|
@@ -15,7 +15,7 @@ export declare class TuiDropdownDirective implements AfterViewChecked, OnDestroy
|
|
|
15
15
|
readonly el: HTMLElement;
|
|
16
16
|
readonly type = "dropdown";
|
|
17
17
|
readonly component: PolymorpheusComponent<any>;
|
|
18
|
-
|
|
18
|
+
ref: import("@angular/core").WritableSignal<ComponentRef<unknown> | null>;
|
|
19
19
|
content: PolymorpheusContent<TuiContext<() => void>>;
|
|
20
20
|
set tuiDropdown(content: PolymorpheusContent<TuiContext<() => void>>);
|
|
21
21
|
get position(): 'absolute' | 'fixed';
|
|
@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export declare class TuiHintHost extends TuiRectAccessor {
|
|
4
4
|
tuiHintHost?: HTMLElement;
|
|
5
5
|
readonly type = "hint";
|
|
6
|
-
getClientRect():
|
|
6
|
+
getClientRect(): DOMRect;
|
|
7
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiHintHost, never>;
|
|
8
8
|
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintHost, "[tuiHint][tuiHintHost]", never, { "tuiHintHost": { "alias": "tuiHintHost"; "required": false; }; }, {}, never, never, true, never>;
|
|
9
9
|
}
|
|
@@ -3,7 +3,7 @@ import { TuiHintHover } from './hint-hover.directive';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class TuiHintPointer extends TuiHintHover implements TuiRectAccessor {
|
|
5
5
|
private currentRect;
|
|
6
|
-
getClientRect():
|
|
6
|
+
getClientRect(): DOMRect;
|
|
7
7
|
protected onMove({ clientX, clientY }: MouseEvent): void;
|
|
8
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiHintPointer, never>;
|
|
9
9
|
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintPointer, "[tuiHint][tuiHintPointer]", never, {}, {}, never, never, true, never>;
|
|
@@ -1,55 +1,46 @@
|
|
|
1
1
|
import { NgIf } from '@angular/common';
|
|
2
|
-
import { ChangeDetectionStrategy, Component,
|
|
3
|
-
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
2
|
+
import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
|
|
3
|
+
import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
|
|
4
4
|
import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
|
|
5
5
|
import { tuiFadeIn, tuiHeightCollapse, tuiSlideIn } from '@taiga-ui/core/animations';
|
|
6
|
+
import { TuiButton } from '@taiga-ui/core/components/button';
|
|
6
7
|
import { TuiNotification } from '@taiga-ui/core/components/notification';
|
|
7
|
-
import {
|
|
8
|
+
import { TuiTitle } from '@taiga-ui/core/directives/title';
|
|
9
|
+
import { TUI_ANIMATIONS_SPEED, TUI_CLOSE_WORD, TUI_COMMON_ICONS, } from '@taiga-ui/core/tokens';
|
|
8
10
|
import { tuiToAnimationOptions } from '@taiga-ui/core/utils';
|
|
9
|
-
import { POLYMORPHEUS_CONTEXT, PolymorpheusOutlet
|
|
10
|
-
import { fromEvent, repeat, takeUntil, timer } from 'rxjs';
|
|
11
|
+
import { POLYMORPHEUS_CONTEXT, PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
|
|
12
|
+
import { EMPTY, fromEvent, of, repeat, switchMap, takeUntil, timer } from 'rxjs';
|
|
11
13
|
import { TUI_ALERT_POSITION } from './alert.tokens';
|
|
12
14
|
import * as i0 from "@angular/core";
|
|
13
15
|
class TuiAlertComponent {
|
|
14
16
|
constructor() {
|
|
15
17
|
this.el = tuiInjectElement();
|
|
16
|
-
this.
|
|
18
|
+
this.icons = inject(TUI_COMMON_ICONS);
|
|
19
|
+
this.options = tuiToAnimationOptions(inject(TUI_ANIMATIONS_SPEED));
|
|
20
|
+
this.close = toSignal(inject(TUI_CLOSE_WORD));
|
|
17
21
|
this.position = inject(TUI_ALERT_POSITION);
|
|
18
22
|
this.item = inject(POLYMORPHEUS_CONTEXT);
|
|
19
|
-
this.autoClose = typeof this.item.autoClose === 'function'
|
|
20
|
-
? this.item.autoClose(this.item.status)
|
|
21
|
-
: this.item.autoClose;
|
|
22
|
-
this.options = tuiToAnimationOptions(inject(TUI_ANIMATIONS_SPEED));
|
|
23
23
|
this.animation = this.position.endsWith('auto')
|
|
24
24
|
? { ...this.options, value: 'right' }
|
|
25
25
|
: { ...this.options, value: 'left' };
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
this.item.$implicit.complete();
|
|
32
|
-
}
|
|
33
|
-
initAutoClose() {
|
|
34
|
-
if (!this.autoClose) {
|
|
35
|
-
return;
|
|
36
|
-
}
|
|
37
|
-
timer(this.autoClose)
|
|
38
|
-
.pipe(takeUntil(fromEvent(this.el, 'mouseenter')), repeat({ delay: () => fromEvent(this.el, 'mouseleave') }), takeUntilDestroyed(this.destroyRef))
|
|
39
|
-
.subscribe(() => this.close());
|
|
26
|
+
this.sub = of(typeof this.item.autoClose === 'function'
|
|
27
|
+
? this.item.autoClose(this.item.appearance)
|
|
28
|
+
: this.item.autoClose)
|
|
29
|
+
.pipe(switchMap((autoClose) => (autoClose ? timer(autoClose) : EMPTY)), takeUntil(fromEvent(this.el, 'mouseenter')), repeat({ delay: () => fromEvent(this.el, 'mouseleave') }), takeUntilDestroyed())
|
|
30
|
+
.subscribe(() => this.item.$implicit.complete());
|
|
40
31
|
}
|
|
41
32
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
42
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAlertComponent, isStandalone: true, selector: "tui-alert", host: { attributes: { "role": "alert" }, properties: { "style.margin": "position", "@tuiFadeIn": "options", "@tuiSlideIn": "animation", "@tuiHeightCollapse": "animation" } }, ngImport: i0, template: "<tui-notification\n
|
|
33
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAlertComponent, isStandalone: true, selector: "tui-alert", host: { attributes: { "role": "alert" }, properties: { "style.margin": "position", "@tuiFadeIn": "options", "@tuiSlideIn": "animation", "@tuiHeightCollapse": "animation" } }, ngImport: i0, template: "<tui-notification\n size=\"m\"\n [appearance]=\"item.appearance\"\n [icon]=\"item.icon\"\n>\n <span tuiTitle>\n <ng-container *polymorpheusOutlet=\"item.label as text; context: item\">\n {{ text }}\n </ng-container>\n <span tuiSubtitle>\n <span\n *polymorpheusOutlet=\"item.content as text; context: item\"\n [innerHTML]=\"text\"\n ></span>\n </span>\n </span>\n <button\n *ngIf=\"item.closeable\"\n tuiIconButton\n [iconStart]=\"icons.close\"\n (click)=\"item.$implicit.complete()\"\n >\n {{ close() }}\n </button>\n</tui-notification>\n", styles: [":host{display:block;width:18rem;flex-shrink:0;background:var(--tui-background-elevation-1);border-radius:var(--tui-radius-m);box-shadow:var(--tui-shadow-medium)}:host:not(:first-child){margin-top:.75rem!important}:host:not(:last-child){margin-bottom:0!important}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiNotification, selector: "tui-notification,a[tuiNotification],button[tuiNotification]", inputs: ["appearance", "icon", "size"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: TuiTitle, selector: "[tuiTitle]", inputs: ["tuiTitle"] }], animations: [tuiFadeIn, tuiSlideIn, tuiHeightCollapse], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
43
34
|
}
|
|
44
35
|
export { TuiAlertComponent };
|
|
45
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAlertComponent, decorators: [{
|
|
46
37
|
type: Component,
|
|
47
|
-
args: [{ standalone: true, selector: 'tui-alert', imports: [
|
|
38
|
+
args: [{ standalone: true, selector: 'tui-alert', imports: [NgIf, PolymorpheusOutlet, TuiNotification, TuiButton, TuiTitle], changeDetection: ChangeDetectionStrategy.OnPush, animations: [tuiFadeIn, tuiSlideIn, tuiHeightCollapse], host: {
|
|
48
39
|
role: 'alert',
|
|
49
40
|
'[style.margin]': 'position',
|
|
50
41
|
'[@tuiFadeIn]': 'options',
|
|
51
42
|
'[@tuiSlideIn]': 'animation',
|
|
52
43
|
'[@tuiHeightCollapse]': 'animation',
|
|
53
|
-
}, template: "<tui-notification\n
|
|
44
|
+
}, template: "<tui-notification\n size=\"m\"\n [appearance]=\"item.appearance\"\n [icon]=\"item.icon\"\n>\n <span tuiTitle>\n <ng-container *polymorpheusOutlet=\"item.label as text; context: item\">\n {{ text }}\n </ng-container>\n <span tuiSubtitle>\n <span\n *polymorpheusOutlet=\"item.content as text; context: item\"\n [innerHTML]=\"text\"\n ></span>\n </span>\n </span>\n <button\n *ngIf=\"item.closeable\"\n tuiIconButton\n [iconStart]=\"icons.close\"\n (click)=\"item.$implicit.complete()\"\n >\n {{ close() }}\n </button>\n</tui-notification>\n", styles: [":host{display:block;width:18rem;flex-shrink:0;background:var(--tui-background-elevation-1);border-radius:var(--tui-radius-m);box-shadow:var(--tui-shadow-medium)}:host:not(:first-child){margin-top:.75rem!important}:host:not(:last-child){margin-bottom:0!important}\n"] }]
|
|
54
45
|
}] });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9hbGVydC9hbGVydC50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxJQUFJLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUNyQyxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN6RSxPQUFPLEVBQUMsa0JBQWtCLEVBQUUsUUFBUSxFQUFDLE1BQU0sNEJBQTRCLENBQUM7QUFFeEUsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFDLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxVQUFVLEVBQUMsTUFBTSwyQkFBMkIsQ0FBQztBQUNuRixPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sa0NBQWtDLENBQUM7QUFDM0QsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLHdDQUF3QyxDQUFDO0FBQ3ZFLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxpQ0FBaUMsQ0FBQztBQUN6RCxPQUFPLEVBQ0gsb0JBQW9CLEVBQ3BCLGNBQWMsRUFDZCxnQkFBZ0IsR0FDbkIsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUMscUJBQXFCLEVBQUMsTUFBTSxzQkFBc0IsQ0FBQztBQUMzRCxPQUFPLEVBQUMsb0JBQW9CLEVBQUUsa0JBQWtCLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUNoRixPQUFPLEVBQUMsS0FBSyxFQUFFLFNBQVMsRUFBRSxFQUFFLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sTUFBTSxDQUFDO0FBRy9FLE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLGdCQUFnQixDQUFDOztBQUVsRCxNQWdCYSxpQkFBaUI7SUFoQjlCO1FBaUJxQixPQUFFLEdBQUcsZ0JBQWdCLEVBQUUsQ0FBQztRQUV0QixVQUFLLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDakMsWUFBTyxHQUFHLHFCQUFxQixDQUFDLE1BQU0sQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUM7UUFDOUQsVUFBSyxHQUFHLFFBQVEsQ0FBQyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQztRQUN6QyxhQUFRLEdBQUcsTUFBTSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFDdEMsU0FBSSxHQUNuQixNQUFNLENBQW9DLG9CQUFvQixDQUFDLENBQUM7UUFFakQsY0FBUyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQztZQUN6RCxDQUFDLENBQUMsRUFBQyxHQUFHLElBQUksQ0FBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBQztZQUNuQyxDQUFDLENBQUMsRUFBQyxHQUFHLElBQUksQ0FBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBQyxDQUFDO1FBRXBCLFFBQUcsR0FBRyxFQUFFLENBQ3ZCLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEtBQUssVUFBVTtZQUNyQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7WUFDM0MsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUM1QjthQUNJLElBQUksQ0FDRCxTQUFTLENBQUMsQ0FBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQ2hFLFNBQVMsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQUUsRUFBRSxZQUFZLENBQUMsQ0FBQyxFQUMzQyxNQUFNLENBQUMsRUFBQyxLQUFLLEVBQUUsR0FBRyxFQUFFLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUUsWUFBWSxDQUFDLEVBQUMsQ0FBQyxFQUN2RCxrQkFBa0IsRUFBRSxDQUN2QjthQUNBLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO0tBQ3hEOytHQTFCWSxpQkFBaUI7bUdBQWpCLGlCQUFpQixvUENyQzlCLGtyQkF5QkEsa1VERGMsSUFBSSw2RkFBRSxrQkFBa0IsOEhBQUUsZUFBZSxnSkFBRSxTQUFTLG9JQUFFLFFBQVEsK0RBSTVELENBQUMsU0FBUyxFQUFFLFVBQVUsRUFBRSxpQkFBaUIsQ0FBQzs7U0FTN0MsaUJBQWlCOzRGQUFqQixpQkFBaUI7a0JBaEI3QixTQUFTO2lDQUNNLElBQUksWUFDTixXQUFXLFdBQ1osQ0FBQyxJQUFJLEVBQUUsa0JBQWtCLEVBQUUsZUFBZSxFQUFFLFNBQVMsRUFBRSxRQUFRLENBQUMsbUJBR3hELHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsQ0FBQyxTQUFTLEVBQUUsVUFBVSxFQUFFLGlCQUFpQixDQUFDLFFBQ2hEO3dCQUNGLElBQUksRUFBRSxPQUFPO3dCQUNiLGdCQUFnQixFQUFFLFVBQVU7d0JBQzVCLGNBQWMsRUFBRSxTQUFTO3dCQUN6QixlQUFlLEVBQUUsV0FBVzt3QkFDNUIsc0JBQXNCLEVBQUUsV0FBVztxQkFDdEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nSWZ9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGluamVjdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge3Rha2VVbnRpbERlc3Ryb3llZCwgdG9TaWduYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcbmltcG9ydCB0eXBlIHtUdWlQb3BvdmVyfSBmcm9tICdAdGFpZ2EtdWkvY2RrL3NlcnZpY2VzJztcbmltcG9ydCB7dHVpSW5qZWN0RWxlbWVudH0gZnJvbSAnQHRhaWdhLXVpL2Nkay91dGlscy9kb20nO1xuaW1wb3J0IHt0dWlGYWRlSW4sIHR1aUhlaWdodENvbGxhcHNlLCB0dWlTbGlkZUlufSBmcm9tICdAdGFpZ2EtdWkvY29yZS9hbmltYXRpb25zJztcbmltcG9ydCB7VHVpQnV0dG9ufSBmcm9tICdAdGFpZ2EtdWkvY29yZS9jb21wb25lbnRzL2J1dHRvbic7XG5pbXBvcnQge1R1aU5vdGlmaWNhdGlvbn0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvY29tcG9uZW50cy9ub3RpZmljYXRpb24nO1xuaW1wb3J0IHtUdWlUaXRsZX0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvZGlyZWN0aXZlcy90aXRsZSc7XG5pbXBvcnQge1xuICAgIFRVSV9BTklNQVRJT05TX1NQRUVELFxuICAgIFRVSV9DTE9TRV9XT1JELFxuICAgIFRVSV9DT01NT05fSUNPTlMsXG59IGZyb20gJ0B0YWlnYS11aS9jb3JlL3Rva2Vucyc7XG5pbXBvcnQge3R1aVRvQW5pbWF0aW9uT3B0aW9uc30gZnJvbSAnQHRhaWdhLXVpL2NvcmUvdXRpbHMnO1xuaW1wb3J0IHtQT0xZTU9SUEhFVVNfQ09OVEVYVCwgUG9seW1vcnBoZXVzT3V0bGV0fSBmcm9tICdAdGFpZ2EtdWkvcG9seW1vcnBoZXVzJztcbmltcG9ydCB7RU1QVFksIGZyb21FdmVudCwgb2YsIHJlcGVhdCwgc3dpdGNoTWFwLCB0YWtlVW50aWwsIHRpbWVyfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHR5cGUge1R1aUFsZXJ0T3B0aW9uc30gZnJvbSAnLi9hbGVydC5pbnRlcmZhY2VzJztcbmltcG9ydCB7VFVJX0FMRVJUX1BPU0lUSU9OfSBmcm9tICcuL2FsZXJ0LnRva2Vucyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICd0dWktYWxlcnQnLFxuICAgIGltcG9ydHM6IFtOZ0lmLCBQb2x5bW9ycGhldXNPdXRsZXQsIFR1aU5vdGlmaWNhdGlvbiwgVHVpQnV0dG9uLCBUdWlUaXRsZV0sXG4gICAgdGVtcGxhdGVVcmw6ICcuL2FsZXJ0LnRlbXBsYXRlLmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2FsZXJ0LnN0eWxlLmxlc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBhbmltYXRpb25zOiBbdHVpRmFkZUluLCB0dWlTbGlkZUluLCB0dWlIZWlnaHRDb2xsYXBzZV0sXG4gICAgaG9zdDoge1xuICAgICAgICByb2xlOiAnYWxlcnQnLFxuICAgICAgICAnW3N0eWxlLm1hcmdpbl0nOiAncG9zaXRpb24nLFxuICAgICAgICAnW0B0dWlGYWRlSW5dJzogJ29wdGlvbnMnLFxuICAgICAgICAnW0B0dWlTbGlkZUluXSc6ICdhbmltYXRpb24nLFxuICAgICAgICAnW0B0dWlIZWlnaHRDb2xsYXBzZV0nOiAnYW5pbWF0aW9uJyxcbiAgICB9LFxufSlcbmV4cG9ydCBjbGFzcyBUdWlBbGVydENvbXBvbmVudDxPLCBJPiB7XG4gICAgcHJpdmF0ZSByZWFkb25seSBlbCA9IHR1aUluamVjdEVsZW1lbnQoKTtcblxuICAgIHByb3RlY3RlZCByZWFkb25seSBpY29ucyA9IGluamVjdChUVUlfQ09NTU9OX0lDT05TKTtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgb3B0aW9ucyA9IHR1aVRvQW5pbWF0aW9uT3B0aW9ucyhpbmplY3QoVFVJX0FOSU1BVElPTlNfU1BFRUQpKTtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgY2xvc2UgPSB0b1NpZ25hbChpbmplY3QoVFVJX0NMT1NFX1dPUkQpKTtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgcG9zaXRpb24gPSBpbmplY3QoVFVJX0FMRVJUX1BPU0lUSU9OKTtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgaXRlbSA9XG4gICAgICAgIGluamVjdDxUdWlQb3BvdmVyPFR1aUFsZXJ0T3B0aW9uczxJPiwgTz4+KFBPTFlNT1JQSEVVU19DT05URVhUKTtcblxuICAgIHByb3RlY3RlZCByZWFkb25seSBhbmltYXRpb24gPSB0aGlzLnBvc2l0aW9uLmVuZHNXaXRoKCdhdXRvJylcbiAgICAgICAgPyB7Li4udGhpcy5vcHRpb25zLCB2YWx1ZTogJ3JpZ2h0J31cbiAgICAgICAgOiB7Li4udGhpcy5vcHRpb25zLCB2YWx1ZTogJ2xlZnQnfTtcblxuICAgIHByb3RlY3RlZCByZWFkb25seSBzdWIgPSBvZihcbiAgICAgICAgdHlwZW9mIHRoaXMuaXRlbS5hdXRvQ2xvc2UgPT09ICdmdW5jdGlvbidcbiAgICAgICAgICAgID8gdGhpcy5pdGVtLmF1dG9DbG9zZSh0aGlzLml0ZW0uYXBwZWFyYW5jZSlcbiAgICAgICAgICAgIDogdGhpcy5pdGVtLmF1dG9DbG9zZSxcbiAgICApXG4gICAgICAgIC5waXBlKFxuICAgICAgICAgICAgc3dpdGNoTWFwKChhdXRvQ2xvc2UpID0+IChhdXRvQ2xvc2UgPyB0aW1lcihhdXRvQ2xvc2UpIDogRU1QVFkpKSxcbiAgICAgICAgICAgIHRha2VVbnRpbChmcm9tRXZlbnQodGhpcy5lbCwgJ21vdXNlZW50ZXInKSksXG4gICAgICAgICAgICByZXBlYXQoe2RlbGF5OiAoKSA9PiBmcm9tRXZlbnQodGhpcy5lbCwgJ21vdXNlbGVhdmUnKX0pLFxuICAgICAgICAgICAgdGFrZVVudGlsRGVzdHJveWVkKCksXG4gICAgICAgIClcbiAgICAgICAgLnN1YnNjcmliZSgoKSA9PiB0aGlzLml0ZW0uJGltcGxpY2l0LmNvbXBsZXRlKCkpO1xufVxuIiwiPHR1aS1ub3RpZmljYXRpb25cbiAgICBzaXplPVwibVwiXG4gICAgW2FwcGVhcmFuY2VdPVwiaXRlbS5hcHBlYXJhbmNlXCJcbiAgICBbaWNvbl09XCJpdGVtLmljb25cIlxuPlxuICAgIDxzcGFuIHR1aVRpdGxlPlxuICAgICAgICA8bmctY29udGFpbmVyICpwb2x5bW9ycGhldXNPdXRsZXQ9XCJpdGVtLmxhYmVsIGFzIHRleHQ7IGNvbnRleHQ6IGl0ZW1cIj5cbiAgICAgICAgICAgIHt7IHRleHQgfX1cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDxzcGFuIHR1aVN1YnRpdGxlPlxuICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAqcG9seW1vcnBoZXVzT3V0bGV0PVwiaXRlbS5jb250ZW50IGFzIHRleHQ7IGNvbnRleHQ6IGl0ZW1cIlxuICAgICAgICAgICAgICAgIFtpbm5lckhUTUxdPVwidGV4dFwiXG4gICAgICAgICAgICA+PC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgPC9zcGFuPlxuICAgIDxidXR0b25cbiAgICAgICAgKm5nSWY9XCJpdGVtLmNsb3NlYWJsZVwiXG4gICAgICAgIHR1aUljb25CdXR0b25cbiAgICAgICAgW2ljb25TdGFydF09XCJpY29ucy5jbG9zZVwiXG4gICAgICAgIChjbGljayk9XCJpdGVtLiRpbXBsaWNpdC5jb21wbGV0ZSgpXCJcbiAgICA+XG4gICAgICAgIHt7IGNsb3NlKCkgfX1cbiAgICA8L2J1dHRvbj5cbjwvdHVpLW5vdGlmaWNhdGlvbj5cbiJdfQ==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuaW50ZXJmYWNlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9hbGVydC9hbGVydC5pbnRlcmZhY2VzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7VHVpUG9wb3ZlckNvbnRleHR9IGZyb20gJ0B0YWlnYS11aS9jZGsvc2VydmljZXMnO1xuaW1wb3J0IHR5cGUge1R1aUhhbmRsZXJ9IGZyb20gJ0B0YWlnYS11aS9jZGsvdHlwZXMnO1xuaW1wb3J0IHR5cGUge1R1aU5vdGlmaWNhdGlvbk9wdGlvbnN9IGZyb20gJ0B0YWlnYS11aS9jb3JlL2NvbXBvbmVudHMvbm90aWZpY2F0aW9uJztcbmltcG9ydCB0eXBlIHtQb2x5bW9ycGhldXNDb250ZW50fSBmcm9tICdAdGFpZ2EtdWkvcG9seW1vcnBoZXVzJztcblxuZXhwb3J0IGludGVyZmFjZSBUdWlBbGVydE9wdGlvbnM8SSA9IHVuZGVmaW5lZD5cbiAgICBleHRlbmRzIE9taXQ8VHVpTm90aWZpY2F0aW9uT3B0aW9ucywgJ3NpemUnPiB7XG4gICAgcmVhZG9ubHkgYXV0b0Nsb3NlOiBUdWlIYW5kbGVyPHN0cmluZywgbnVtYmVyPiB8IG51bWJlcjtcbiAgICByZWFkb25seSBkYXRhOiBJO1xuICAgIHJlYWRvbmx5IGNsb3NlYWJsZTogYm9vbGVhbjtcbiAgICByZWFkb25seSBsYWJlbDogUG9seW1vcnBoZXVzQ29udGVudDxUdWlBbGVydE9wdGlvbnM8ST4+O1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFR1aUFsZXJ0Q29udGV4dDxPID0gdm9pZCwgSSA9IHVuZGVmaW5lZD5cbiAgICBleHRlbmRzIFR1aVBvcG92ZXJDb250ZXh0PE8+LFxuICAgICAgICBUdWlBbGVydE9wdGlvbnM8ST4ge31cbiJdfQ==
|
|
@@ -30,4 +30,4 @@ export const TUI_ALERTS_GROUPED = tuiCreateTokenFromFactory(() => combineLatest(
|
|
|
30
30
|
});
|
|
31
31
|
return Array.from(map.values());
|
|
32
32
|
})));
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQudG9rZW5zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LnRva2Vucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUMsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXJDLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSxzQkFBc0IsQ0FBQztBQUNuRCxPQUFPLEVBQ0gsY0FBYyxFQUNkLHlCQUF5QixHQUM1QixNQUFNLG1DQUFtQyxDQUFDO0FBQzNDLE9BQU8sRUFBQyx3QkFBd0IsRUFBQyxNQUFNLHdDQUF3QyxDQUFDO0FBQ2hGLE9BQU8sRUFBQyxlQUFlLEVBQUUsYUFBYSxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUMsTUFBTSxNQUFNLENBQUM7QUFJN0QsTUFBTSxDQUFDLE1BQU0seUJBQXlCLEdBQWlEO0lBQ25GLFNBQVMsRUFBRSxJQUFJO0lBQ2YsS0FBSyxFQUFFLEVBQUU7SUFDVCxTQUFTLEVBQUUsSUFBSTtJQUNmLElBQUksRUFBRSxTQUFTO0NBQ2xCLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyx5QkFBeUIsQ0FBa0IsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUMvRSxHQUFHLHlCQUF5QjtJQUM1QixHQUFHLE1BQU0sQ0FBQyx3QkFBd0IsQ0FBQztDQUN0QyxDQUFDLENBQUMsQ0FBQztBQUVKLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLHlCQUF5QixDQUFTLEdBQUcsRUFBRSxDQUNyRSxNQUFNLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxrQkFBa0IsQ0FDbEUsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxjQUFjLENBQ3BDLElBQUksZUFBZSxDQUFzQyxFQUFFLENBQUMsQ0FDL0QsQ0FBQztBQUVGOztHQUVHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQUcseUJBQXlCLENBQUMsR0FBRyxFQUFFLENBQzdELGFBQWEsQ0FBQztJQUNWLEVBQUUsQ0FBQyxJQUFJLEdBQUcsRUFBa0QsQ0FBQztJQUM3RCxNQUFNLENBQUMsVUFBVSxDQUFDO0NBQ3JCLENBQUMsQ0FBQyxJQUFJLENBQ0gsR0FBRyxDQUFDLENBQUMsQ0FBQyxHQUFHLEVBQUUsTUFBTSxDQUFDLEVBQUUsRUFBRTtJQUNsQixHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxFQUFFLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUUxQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7UUFDckIsTUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUM7UUFDdEMsTUFBTSxLQUFLLEdBQUcsR0FBRyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsSUFBSSxFQUFFLENBQUM7UUFFakMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxHQUFHLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ3BDLENBQUMsQ0FBQyxDQUFDO0lBRUgsT0FBTyxLQUFLLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDO0FBQ3BDLENBQUMsQ0FBQyxDQUNMLENBQ0osQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHtUeXBlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7aW5qZWN0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB0eXBlIHtUdWlQb3BvdmVyfSBmcm9tICdAdGFpZ2EtdWkvY2RrL3NlcnZpY2VzJztcbmltcG9ydCB7VFVJX0lTX01PQklMRX0gZnJvbSAnQHRhaWdhLXVpL2Nkay90b2tlbnMnO1xuaW1wb3J0IHtcbiAgICB0dWlDcmVhdGVUb2tlbixcbiAgICB0dWlDcmVhdGVUb2tlbkZyb21GYWN0b3J5LFxufSBmcm9tICdAdGFpZ2EtdWkvY2RrL3V0aWxzL21pc2NlbGxhbmVvdXMnO1xuaW1wb3J0IHtUVUlfTk9USUZJQ0FUSU9OX09QVElPTlN9IGZyb20gJ0B0YWlnYS11aS9jb3JlL2NvbXBvbmVudHMvbm90aWZpY2F0aW9uJztcbmltcG9ydCB7QmVoYXZpb3JTdWJqZWN0LCBjb21iaW5lTGF0ZXN0LCBtYXAsIG9mfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHR5cGUge1R1aUFsZXJ0T3B0aW9uc30gZnJvbSAnLi9hbGVydC5pbnRlcmZhY2VzJztcblxuZXhwb3J0IGNvbnN0IFRVSV9BTEVSVF9ERUZBVUxUX09QVElPTlM6IE9taXQ8VHVpQWxlcnRPcHRpb25zLCAnYXBwZWFyYW5jZScgfCAnaWNvbic+ID0ge1xuICAgIGF1dG9DbG9zZTogMzAwMCxcbiAgICBsYWJlbDogJycsXG4gICAgY2xvc2VhYmxlOiB0cnVlLFxuICAgIGRhdGE6IHVuZGVmaW5lZCxcbn07XG5cbmV4cG9ydCBjb25zdCBUVUlfQUxFUlRfT1BUSU9OUyA9IHR1aUNyZWF0ZVRva2VuRnJvbUZhY3Rvcnk8VHVpQWxlcnRPcHRpb25zPigoKSA9PiAoe1xuICAgIC4uLlRVSV9BTEVSVF9ERUZBVUxUX09QVElPTlMsXG4gICAgLi4uaW5qZWN0KFRVSV9OT1RJRklDQVRJT05fT1BUSU9OUyksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBUVUlfQUxFUlRfUE9TSVRJT04gPSB0dWlDcmVhdGVUb2tlbkZyb21GYWN0b3J5PHN0cmluZz4oKCkgPT5cbiAgICBpbmplY3QoVFVJX0lTX01PQklMRSkgPyAnMXJlbSAxcmVtIDAgYXV0bycgOiAnMnJlbSAzcmVtIDAgYXV0bycsXG4pO1xuXG5leHBvcnQgY29uc3QgVFVJX0FMRVJUUyA9IHR1aUNyZWF0ZVRva2VuKFxuICAgIG5ldyBCZWhhdmlvclN1YmplY3Q8UmVhZG9ubHlBcnJheTxUdWlQb3BvdmVyPGFueSwgYW55Pj4+KFtdKSxcbik7XG5cbi8qKlxuICogR3JvdXBpbmcgYWxlcnRzIGJ5IHRoZWlyIGNvbXBvbmVudFxuICovXG5leHBvcnQgY29uc3QgVFVJX0FMRVJUU19HUk9VUEVEID0gdHVpQ3JlYXRlVG9rZW5Gcm9tRmFjdG9yeSgoKSA9PlxuICAgIGNvbWJpbmVMYXRlc3QoW1xuICAgICAgICBvZihuZXcgTWFwPFR5cGU8YW55PiwgUmVhZG9ubHlBcnJheTxUdWlQb3BvdmVyPGFueSwgYW55Pj4+KCkpLFxuICAgICAgICBpbmplY3QoVFVJX0FMRVJUUyksXG4gICAgXSkucGlwZShcbiAgICAgICAgbWFwKChbbWFwLCBhbGVydHNdKSA9PiB7XG4gICAgICAgICAgICBtYXAuZm9yRWFjaCgoXywga2V5KSA9PiBtYXAuc2V0KGtleSwgW10pKTtcblxuICAgICAgICAgICAgYWxlcnRzLmZvckVhY2goKGFsZXJ0KSA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3Qga2V5ID0gYWxlcnQuY29tcG9uZW50LmNvbXBvbmVudDtcbiAgICAgICAgICAgICAgICBjb25zdCB2YWx1ZSA9IG1hcC5nZXQoa2V5KSB8fCBbXTtcblxuICAgICAgICAgICAgICAgIG1hcC5zZXQoa2V5LCBbLi4udmFsdWUsIGFsZXJ0XSk7XG4gICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgcmV0dXJuIEFycmF5LmZyb20obWFwLnZhbHVlcygpKTtcbiAgICAgICAgfSksXG4gICAgKSxcbik7XG4iXX0=
|
|
@@ -8,13 +8,13 @@ import * as i1 from "@taiga-ui/core/directives/appearance";
|
|
|
8
8
|
import * as i2 from "@taiga-ui/core/directives/icons";
|
|
9
9
|
class TuiButtonStyles {
|
|
10
10
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiButtonStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiButtonStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-button" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiButton],[tuiIconButton]{--t-gap: .125rem;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size: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-width:100%;gap:calc(var(--t-gap) - 2 * var(--t-margin));height:var(--t-size);justify-content:center;border-radius:var(--t-radius);padding:var(--t-padding);-webkit-user-select:none;user-select:none;cursor:pointer}[tuiButton]>img,[tuiIconButton]>img,[tuiButton]>tui-svg,[tuiIconButton]>tui-svg,[tuiButton]>tui-icon,[tuiIconButton]>tui-icon,[tuiButton]>tui-avatar,[tuiIconButton]>tui-avatar,[tuiButton]>tui-badge,[tuiIconButton]>tui-badge,[tuiButton]>[tuiBadge],[tuiIconButton]>[tuiBadge],[tuiButton]>[tuiRadio],[tuiIconButton]>[tuiRadio],[tuiButton]>[tuiSwitch],[tuiIconButton]>[tuiSwitch],[tuiButton]>[tuiCheckbox],[tuiIconButton]>[tuiCheckbox],[tuiButton]
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiButtonStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-button" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiButton],[tuiIconButton]{--t-gap: .125rem;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size: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-width:100%;gap:calc(var(--t-gap) - 2 * var(--t-margin));height:var(--t-size);justify-content:center;border-radius:var(--t-radius);padding:var(--t-padding);-webkit-user-select:none;user-select:none;cursor:pointer}[tuiButton]>img,[tuiIconButton]>img,[tuiButton]>tui-svg,[tuiIconButton]>tui-svg,[tuiButton]>tui-icon,[tuiIconButton]>tui-icon,[tuiButton]>tui-avatar,[tuiIconButton]>tui-avatar,[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-padding: 0 .375rem;--t-margin: -.125rem;font:var(--tui-font-text-s)}[tuiButton][data-size=xs] tui-svg,[tuiIconButton][data-size=xs] tui-svg,[tuiButton][data-size=xs] tui-icon,[tuiIconButton][data-size=xs] tui-icon,[tuiButton][data-size=xs]:before,[tuiIconButton][data-size=xs]:before{font-size:1rem}[tuiButton][data-size=s],[tuiIconButton][data-size=s]{--t-size: var(--tui-height-s);--t-radius: var(--tui-radius-s);--t-padding: 0 .625rem;--t-margin: -.125rem;font:var(--tui-font-text-s)}[tuiButton][data-size=s] tui-svg,[tuiIconButton][data-size=s] tui-svg,[tuiButton][data-size=s] tui-icon,[tuiIconButton][data-size=s] tui-icon,[tuiButton][data-size=s]:not([tuiIconButton][data-appearance=icon]):not([tuiIconButton][data-appearance=link]):before,[tuiIconButton][data-size=s]:not([tuiIconButton][data-appearance=icon]):not([tuiIconButton][data-appearance=link]):before{font-size:1rem}[tuiButton][data-size=m],[tuiIconButton][data-size=m]{--t-size: var(--tui-height-m);--t-radius: var(--tui-radius-m);--t-padding: 0 1rem;--t-margin: -.375rem;font:var(--tui-font-text-m);font-weight:700}[tuiButton][data-size=m]:after,[tuiIconButton][data-size=m]:after{margin-inline-end:-.125rem}[tuiButton][data-size=l],[tuiIconButton][data-size=l]{--t-size: var(--tui-height-l);--t-radius: var(--tui-radius-l);--t-padding: 0 1.25rem;--t-gap: .25rem;--t-margin: -.25rem;font:var(--tui-font-text-m);font-weight:700}[tuiButton][data-size=l]:after,[tuiIconButton][data-size=l]:after{margin-inline-start:.25rem;margin-inline-end:-.25rem}[tuiButton]._loading,[tuiIconButton]._loading{--tui-disabled-opacity: 1;-webkit-text-fill-color:transparent}[tuiButton]._loading>*,[tuiIconButton]._loading>*,[tuiButton]._loading:before,[tuiIconButton]._loading:before,[tuiButton]._loading:after,[tuiIconButton]._loading:after{opacity:0}[tuiButton]._loading>.t-loader,[tuiIconButton]._loading>.t-loader{opacity:1}[tuiButton][tuiIcons]:after,[tuiIconButton][tuiIcons]:after{font-size:1rem}[tuiIconButton]{gap:0;width:var(--t-size);font-size:0!important;padding:0}[tuiIconButton][data-size=l]:after{margin:0}[tuiIconButton][tuiIconButton][style*=\"--t-icon-start:\"]:after{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
12
12
|
}
|
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiButtonStyles, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
15
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
16
16
|
class: 'tui-button',
|
|
17
|
-
}, styles: ["[tuiButton],[tuiIconButton]{--t-gap: .125rem;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size: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-width:100%;gap:calc(var(--t-gap) - 2 * var(--t-margin));height:var(--t-size);justify-content:center;border-radius:var(--t-radius);padding:var(--t-padding);-webkit-user-select:none;user-select:none;cursor:pointer}[tuiButton]>img,[tuiIconButton]>img,[tuiButton]>tui-svg,[tuiIconButton]>tui-svg,[tuiButton]>tui-icon,[tuiIconButton]>tui-icon,[tuiButton]>tui-avatar,[tuiIconButton]>tui-avatar,[tuiButton]>tui-badge,[tuiIconButton]>tui-badge,[tuiButton]>[tuiBadge],[tuiIconButton]>[tuiBadge],[tuiButton]>[tuiRadio],[tuiIconButton]>[tuiRadio],[tuiButton]>[tuiSwitch],[tuiIconButton]>[tuiSwitch],[tuiButton]>[tuiCheckbox],[tuiIconButton]>[tuiCheckbox],[tuiButton]
|
|
17
|
+
}, styles: ["[tuiButton],[tuiIconButton]{--t-gap: .125rem;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size: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-width:100%;gap:calc(var(--t-gap) - 2 * var(--t-margin));height:var(--t-size);justify-content:center;border-radius:var(--t-radius);padding:var(--t-padding);-webkit-user-select:none;user-select:none;cursor:pointer}[tuiButton]>img,[tuiIconButton]>img,[tuiButton]>tui-svg,[tuiIconButton]>tui-svg,[tuiButton]>tui-icon,[tuiIconButton]>tui-icon,[tuiButton]>tui-avatar,[tuiIconButton]>tui-avatar,[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-padding: 0 .375rem;--t-margin: -.125rem;font:var(--tui-font-text-s)}[tuiButton][data-size=xs] tui-svg,[tuiIconButton][data-size=xs] tui-svg,[tuiButton][data-size=xs] tui-icon,[tuiIconButton][data-size=xs] tui-icon,[tuiButton][data-size=xs]:before,[tuiIconButton][data-size=xs]:before{font-size:1rem}[tuiButton][data-size=s],[tuiIconButton][data-size=s]{--t-size: var(--tui-height-s);--t-radius: var(--tui-radius-s);--t-padding: 0 .625rem;--t-margin: -.125rem;font:var(--tui-font-text-s)}[tuiButton][data-size=s] tui-svg,[tuiIconButton][data-size=s] tui-svg,[tuiButton][data-size=s] tui-icon,[tuiIconButton][data-size=s] tui-icon,[tuiButton][data-size=s]:not([tuiIconButton][data-appearance=icon]):not([tuiIconButton][data-appearance=link]):before,[tuiIconButton][data-size=s]:not([tuiIconButton][data-appearance=icon]):not([tuiIconButton][data-appearance=link]):before{font-size:1rem}[tuiButton][data-size=m],[tuiIconButton][data-size=m]{--t-size: var(--tui-height-m);--t-radius: var(--tui-radius-m);--t-padding: 0 1rem;--t-margin: -.375rem;font:var(--tui-font-text-m);font-weight:700}[tuiButton][data-size=m]:after,[tuiIconButton][data-size=m]:after{margin-inline-end:-.125rem}[tuiButton][data-size=l],[tuiIconButton][data-size=l]{--t-size: var(--tui-height-l);--t-radius: var(--tui-radius-l);--t-padding: 0 1.25rem;--t-gap: .25rem;--t-margin: -.25rem;font:var(--tui-font-text-m);font-weight:700}[tuiButton][data-size=l]:after,[tuiIconButton][data-size=l]:after{margin-inline-start:.25rem;margin-inline-end:-.25rem}[tuiButton]._loading,[tuiIconButton]._loading{--tui-disabled-opacity: 1;-webkit-text-fill-color:transparent}[tuiButton]._loading>*,[tuiIconButton]._loading>*,[tuiButton]._loading:before,[tuiIconButton]._loading:before,[tuiButton]._loading:after,[tuiIconButton]._loading:after{opacity:0}[tuiButton]._loading>.t-loader,[tuiIconButton]._loading>.t-loader{opacity:1}[tuiButton][tuiIcons]:after,[tuiIconButton][tuiIcons]:after{font-size:1rem}[tuiIconButton]{gap:0;width:var(--t-size);font-size:0!important;padding:0}[tuiIconButton][data-size=l]:after{margin:0}[tuiIconButton][tuiIconButton][style*=\"--t-icon-start:\"]:after{display:none}\n"] }]
|
|
18
18
|
}] });
|
|
19
19
|
class TuiButton {
|
|
20
20
|
constructor() {
|
|
@@ -40,4 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
40
40
|
}], propDecorators: { size: [{
|
|
41
41
|
type: Input
|
|
42
42
|
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxTQUFTLEVBQ1QsTUFBTSxFQUNOLEtBQUssRUFDTCxpQkFBaUIsR0FDcEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLG1DQUFtQyxDQUFDO0FBQ2hFLE9BQU8sRUFDSCw0QkFBNEIsRUFDNUIsaUJBQWlCLEdBQ3BCLE1BQU0sc0NBQXNDLENBQUM7QUFDOUMsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlDQUFpQyxDQUFDO0FBRTdELE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLGtCQUFrQixDQUFDOzs7O0FBRXBELE1BVU0sZUFBZTsrR0FBZixlQUFlO21HQUFmLGVBQWUsZ0hBUlAsRUFBRTs7NEZBUVYsZUFBZTtrQkFWcEIsU0FBUztpQ0FDTSxJQUFJLFlBQ04sRUFBRSxpQkFFRyxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNGLEtBQUssRUFBRSxZQUFZO3FCQUN0Qjs7QUFJTCxNQVNhLFNBQVM7SUFUdEI7UUFVcUIsWUFBTyxHQUFHLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBRW5DLFlBQU8sR0FBRyxhQUFhLENBQUMsZUFBZSxDQUFDLENBQUM7UUFHckQsU0FBSSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO0tBQ25DOytHQVBZLFNBQVM7bUdBQVQsU0FBUyxrTUFOUCxDQUFDLDRCQUE0QixDQUFDLGtCQUFrQixDQUFDLENBQUM7O1NBTXBELFNBQVM7NEZBQVQsU0FBUztrQkFUckIsU0FBUzttQkFBQztvQkFDUCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLHVFQUF1RTtvQkFDakYsU0FBUyxFQUFFLENBQUMsNEJBQTRCLENBQUMsa0JBQWtCLENBQUMsQ0FBQztvQkFDN0QsY0FBYyxFQUFFLENBQUMsaUJBQWlCLEVBQUUsWUFBWSxDQUFDO29CQUNqRCxJQUFJLEVBQUU7d0JBQ0Ysa0JBQWtCLEVBQUUsTUFBTTtxQkFDN0I7aUJBQ0o7OEJBT1UsSUFBSTtzQkFEVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgRGlyZWN0aXZlLFxuICAgIGluamVjdCxcbiAgICBJbnB1dCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge3R1aVdpdGhTdHlsZXN9IGZyb20gJ0B0YWlnYS11aS9jZGsvdXRpbHMvbWlzY2VsbGFuZW91cyc7XG5pbXBvcnQge1xuICAgIHR1aUFwcGVhcmFuY2VPcHRpb25zUHJvdmlkZXIsXG4gICAgVHVpV2l0aEFwcGVhcmFuY2UsXG59IGZyb20gJ0B0YWlnYS11aS9jb3JlL2RpcmVjdGl2ZXMvYXBwZWFyYW5jZSc7XG5pbXBvcnQge1R1aVdpdGhJY29uc30gZnJvbSAnQHRhaWdhLXVpL2NvcmUvZGlyZWN0aXZlcy9pY29ucyc7XG5cbmltcG9ydCB7VFVJX0JVVFRPTl9PUFRJT05TfSBmcm9tICcuL2J1dHRvbi5vcHRpb25zJztcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICB0ZW1wbGF0ZTogJycsXG4gICAgc3R5bGVzOiBbJ0BpbXBvcnQgXCJAdGFpZ2EtdWkvY29yZS9zdHlsZXMvY29tcG9uZW50cy9idXR0b24ubGVzc1wiOyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ3R1aS1idXR0b24nLFxuICAgIH0sXG59KVxuY2xhc3MgVHVpQnV0dG9uU3R5bGVzIHt9XG5cbkBEaXJlY3RpdmUoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICdhW3R1aUJ1dHRvbl0sYnV0dG9uW3R1aUJ1dHRvbl0sYVt0dWlJY29uQnV0dG9uXSxidXR0b25bdHVpSWNvbkJ1dHRvbl0nLFxuICAgIHByb3ZpZGVyczogW3R1aUFwcGVhcmFuY2VPcHRpb25zUHJvdmlkZXIoVFVJX0JVVFRPTl9PUFRJT05TKV0sXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtUdWlXaXRoQXBwZWFyYW5jZSwgVHVpV2l0aEljb25zXSxcbiAgICBob3N0OiB7XG4gICAgICAgICdbYXR0ci5kYXRhLXNpemVdJzogJ3NpemUnLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUJ1dHRvbiB7XG4gICAgcHJpdmF0ZSByZWFkb25seSBvcHRpb25zID0gaW5qZWN0KFRVSV9CVVRUT05fT1BUSU9OUyk7XG5cbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgbm90aGluZyA9IHR1aVdpdGhTdHlsZXMoVHVpQnV0dG9uU3R5bGVzKTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHNpemUgPSB0aGlzLm9wdGlvbnMuc2l6ZTtcbn1cbiJdfQ==
|