@taiga-ui/kit 4.45.0-canary.f547199 → 4.46.0-canary.3415f27
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/badged-content/badged-content.component.d.ts +5 -1
- package/components/combo-box/combo-box.directive.d.ts +0 -1
- package/components/index.d.ts +2 -0
- package/components/input-chip/input-chip.component.d.ts +1 -0
- package/components/input-chip/input-chip.directive.d.ts +5 -3
- package/components/input-date/date-filler.d.ts +2 -0
- package/components/input-date/index.d.ts +1 -0
- package/components/input-date/input-date.directive.d.ts +14 -10
- package/components/input-date-multi/index.d.ts +2 -0
- package/components/input-date-multi/input-date-multi.d.ts +4 -0
- package/components/input-date-multi/input-date-multi.directive.d.ts +30 -0
- package/components/input-date-range/input-date-range.directive.d.ts +1 -1
- package/components/input-date-time/index.d.ts +4 -0
- package/components/input-date-time/input-date-time.component.d.ts +13 -0
- package/components/input-date-time/input-date-time.d.ts +4 -0
- package/components/input-date-time/input-date-time.directive.d.ts +37 -0
- package/components/input-date-time/input-date-time.options.d.ts +18 -0
- package/components/input-time/input-time.component.d.ts +12 -3
- package/components/preview/preview.component.d.ts +2 -1
- package/esm2022/components/avatar/avatar.component.mjs +3 -3
- package/esm2022/components/badged-content/badged-content.component.mjs +14 -3
- package/esm2022/components/button-loading/button-loading.component.mjs +2 -1
- package/esm2022/components/combo-box/combo-box.directive.mjs +4 -10
- package/esm2022/components/index.mjs +3 -1
- package/esm2022/components/input-chip/input-chip.component.mjs +5 -3
- package/esm2022/components/input-chip/input-chip.directive.mjs +3 -3
- package/esm2022/components/input-date/date-filler.mjs +20 -0
- package/esm2022/components/input-date/index.mjs +2 -1
- package/esm2022/components/input-date/input-date.directive.mjs +32 -32
- package/esm2022/components/input-date-multi/index.mjs +3 -0
- package/esm2022/components/input-date-multi/input-date-multi.directive.mjs +129 -0
- package/esm2022/components/input-date-multi/input-date-multi.mjs +9 -0
- package/esm2022/components/input-date-multi/taiga-ui-kit-components-input-date-multi.mjs +5 -0
- package/esm2022/components/input-date-range/input-date-range.directive.mjs +5 -5
- package/esm2022/components/input-date-time/index.mjs +5 -0
- package/esm2022/components/input-date-time/input-date-time.component.mjs +34 -0
- package/esm2022/components/input-date-time/input-date-time.directive.mjs +174 -0
- package/esm2022/components/input-date-time/input-date-time.mjs +9 -0
- package/esm2022/components/input-date-time/input-date-time.options.mjs +20 -0
- package/esm2022/components/input-date-time/taiga-ui-kit-components-input-date-time.mjs +5 -0
- package/esm2022/components/input-time/input-time.component.mjs +44 -26
- package/esm2022/components/input-time/input-time.directive.mjs +7 -2
- package/esm2022/components/pager/pager.component.mjs +3 -3
- package/esm2022/components/preview/dialog/preview-dialog.component.mjs +3 -3
- package/esm2022/components/preview/preview.component.mjs +8 -6
- package/esm2022/components/status/status.directive.mjs +2 -2
- package/esm2022/components/textarea/textarea.component.mjs +3 -2
- package/esm2022/directives/lazy-loading/lazy-loading.directive.mjs +2 -1
- package/fesm2022/taiga-ui-kit-components-avatar.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-avatar.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-badged-content.mjs +13 -2
- package/fesm2022/taiga-ui-kit-components-badged-content.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-button-loading.mjs +1 -0
- package/fesm2022/taiga-ui-kit-components-button-loading.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-combo-box.mjs +3 -9
- package/fesm2022/taiga-ui-kit-components-combo-box.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-chip.mjs +7 -5
- package/fesm2022/taiga-ui-kit-components-input-chip.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-date-multi.mjs +141 -0
- package/fesm2022/taiga-ui-kit-components-input-date-multi.mjs.map +1 -0
- package/fesm2022/taiga-ui-kit-components-input-date-range.mjs +4 -4
- package/fesm2022/taiga-ui-kit-components-input-date-range.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-date-time.mjs +230 -0
- package/fesm2022/taiga-ui-kit-components-input-date-time.mjs.map +1 -0
- package/fesm2022/taiga-ui-kit-components-input-date.mjs +52 -37
- package/fesm2022/taiga-ui-kit-components-input-date.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-time.mjs +48 -26
- package/fesm2022/taiga-ui-kit-components-input-time.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-pager.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-pager.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-preview-dialog.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-preview-dialog.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-preview.mjs +9 -7
- package/fesm2022/taiga-ui-kit-components-preview.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-status.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-status.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-textarea.mjs +2 -1
- package/fesm2022/taiga-ui-kit-components-textarea.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components.mjs +2 -0
- package/fesm2022/taiga-ui-kit-components.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-lazy-loading.mjs +1 -0
- package/fesm2022/taiga-ui-kit-directives-lazy-loading.mjs.map +1 -1
- package/package.json +26 -14
- package/styles/components/status.less +1 -4
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
export declare class TuiBadgedContentComponent {
|
|
3
3
|
private readonly cdr;
|
|
4
|
+
private readonly el;
|
|
5
|
+
get imgTop(): string;
|
|
6
|
+
get imgBottom(): string;
|
|
4
7
|
onResize(): void;
|
|
8
|
+
private resolve;
|
|
5
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiBadgedContentComponent, never>;
|
|
6
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiBadgedContentComponent, "tui-badged-content", never, {}, {}, never, ["*", "tui-badge-notification[tuiSlot='top']", "[tuiSlot='top']", "tui-badge-notification[tuiSlot='bottom']", "[tuiSlot='bottom']"], true, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiBadgedContentComponent, "tui-badged-content", never, {}, {}, never, ["*", "tui-badge-notification[tuiSlot='top'], img[tuiSlot='top']", "[tuiSlot='top']", "tui-badge-notification[tuiSlot='bottom'], img[tuiSlot='bottom']", "[tuiSlot='bottom']"], true, never>;
|
|
7
11
|
}
|
|
@@ -4,7 +4,6 @@ import type { TuiTextfieldAccessor } from '@taiga-ui/core/components/textfield';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "@taiga-ui/core/components/textfield";
|
|
6
6
|
export declare class TuiComboBox<T> extends TuiControl<T | string | null> implements TuiTextfieldAccessor<T> {
|
|
7
|
-
private readonly el;
|
|
8
7
|
private readonly host;
|
|
9
8
|
private readonly textfield;
|
|
10
9
|
private readonly open;
|
package/components/index.d.ts
CHANGED
|
@@ -25,7 +25,9 @@ export * from '@taiga-ui/kit/components/floating-container';
|
|
|
25
25
|
export * from '@taiga-ui/kit/components/input-chip';
|
|
26
26
|
export * from '@taiga-ui/kit/components/input-color';
|
|
27
27
|
export * from '@taiga-ui/kit/components/input-date';
|
|
28
|
+
export * from '@taiga-ui/kit/components/input-date-multi';
|
|
28
29
|
export * from '@taiga-ui/kit/components/input-date-range';
|
|
30
|
+
export * from '@taiga-ui/kit/components/input-date-time';
|
|
29
31
|
export * from '@taiga-ui/kit/components/input-inline';
|
|
30
32
|
export * from '@taiga-ui/kit/components/input-month';
|
|
31
33
|
export * from '@taiga-ui/kit/components/input-month-range';
|
|
@@ -8,6 +8,7 @@ export declare class TuiInputChipComponent<T> {
|
|
|
8
8
|
private readonly options;
|
|
9
9
|
private readonly context;
|
|
10
10
|
private readonly value;
|
|
11
|
+
protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
|
|
11
12
|
protected readonly mobile: boolean;
|
|
12
13
|
protected readonly internal: import("@angular/core").WritableSignal<T>;
|
|
13
14
|
protected readonly editing: import("@angular/core").WritableSignal<boolean>;
|
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import { TuiControl } from '@taiga-ui/cdk/classes';
|
|
2
2
|
import type { TuiTextfieldAccessor } from '@taiga-ui/core/components/textfield';
|
|
3
|
+
import { TuiTextfieldMultiComponent } from '@taiga-ui/core/components/textfield';
|
|
4
|
+
import type { TuiItemsHandlers } from '@taiga-ui/core/directives/items-handlers';
|
|
3
5
|
import * as i0 from "@angular/core";
|
|
4
6
|
import * as i1 from "@taiga-ui/cdk/directives/native-validator";
|
|
5
7
|
import * as i2 from "@taiga-ui/core/components/textfield";
|
|
6
8
|
export declare class TuiInputChipDirective<T> extends TuiControl<T[]> implements TuiTextfieldAccessor<T[]> {
|
|
7
|
-
private readonly handlers;
|
|
8
9
|
private readonly options;
|
|
9
10
|
private readonly mobile;
|
|
10
|
-
private readonly textfield;
|
|
11
|
-
private readonly open;
|
|
12
11
|
private readonly dropdown;
|
|
12
|
+
protected readonly textfield: TuiTextfieldMultiComponent<any>;
|
|
13
|
+
protected readonly open: import("@angular/core").WritableSignal<boolean>;
|
|
14
|
+
protected readonly handlers: TuiItemsHandlers<T>;
|
|
13
15
|
protected readonly enabled: import("@angular/core").Signal<boolean>;
|
|
14
16
|
protected readonly sub: import("rxjs").Subscription;
|
|
15
17
|
separator: string | RegExp;
|
|
@@ -1,29 +1,30 @@
|
|
|
1
1
|
import type { MaskitoDateMode } from '@maskito/kit';
|
|
2
2
|
import { TuiControl } from '@taiga-ui/cdk/classes';
|
|
3
|
-
import type { TuiDateMode, TuiDayRange } from '@taiga-ui/cdk/date-time';
|
|
3
|
+
import type { TuiDateMode, TuiDayRange, TuiTime } from '@taiga-ui/cdk/date-time';
|
|
4
4
|
import { TuiDay } from '@taiga-ui/cdk/date-time';
|
|
5
5
|
import { TuiCalendar } from '@taiga-ui/core/components/calendar';
|
|
6
|
+
import { TuiTextfieldDirective } from '@taiga-ui/core/components/textfield';
|
|
7
|
+
import type { TuiItemsHandlers } from '@taiga-ui/core/directives/items-handlers';
|
|
6
8
|
import { TuiCalendarRange } from '@taiga-ui/kit/components/calendar-range';
|
|
9
|
+
import type { TuiInputDateOptionsNew } from './input-date.options';
|
|
7
10
|
import * as i0 from "@angular/core";
|
|
8
11
|
import * as i1 from "@taiga-ui/core/components/textfield";
|
|
9
12
|
import * as i2 from "@taiga-ui/core/directives/dropdown";
|
|
10
13
|
import * as i3 from "@taiga-ui/core/directives/items-handlers";
|
|
11
14
|
import * as i4 from "@maskito/angular";
|
|
12
15
|
export declare const TUI_DATE_ADAPTER: Record<TuiDateMode, MaskitoDateMode>;
|
|
13
|
-
export declare abstract class TuiInputDateBase<T extends TuiDay | TuiDayRange> extends TuiControl<T | null> {
|
|
14
|
-
private readonly el;
|
|
15
|
-
private readonly options;
|
|
16
|
-
private readonly handlers;
|
|
17
|
-
private readonly textfield;
|
|
18
|
-
private readonly texts;
|
|
16
|
+
export declare abstract class TuiInputDateBase<T extends TuiDay | TuiDayRange | readonly [TuiDay, TuiTime | null]> extends TuiControl<T | null> {
|
|
19
17
|
private readonly calendar;
|
|
18
|
+
protected readonly el: HTMLInputElement;
|
|
19
|
+
protected readonly textfield: TuiTextfieldDirective<any>;
|
|
20
20
|
protected readonly filler: import("@angular/core").Signal<string>;
|
|
21
21
|
protected readonly mobile: boolean;
|
|
22
22
|
protected readonly open: import("@angular/core").WritableSignal<boolean>;
|
|
23
23
|
protected readonly icon: import("@angular/core").Signal<string>;
|
|
24
|
+
protected readonly handlers: TuiItemsHandlers<T>;
|
|
24
25
|
protected readonly dropdownEnabled: import("@angular/core").Signal<boolean>;
|
|
26
|
+
protected readonly options: Omit<TuiInputDateOptionsNew, 'valueTransformer'>;
|
|
25
27
|
protected readonly format: import("@angular/core").Signal<import("@taiga-ui/core/tokens").TuiDateFormatSettings>;
|
|
26
|
-
protected readonly mask: import("@angular/core").Signal<import("@maskito/core").MaskitoOptions | null>;
|
|
27
28
|
protected readonly valueEffect: import("@angular/core").EffectRef;
|
|
28
29
|
protected readonly calendarIn: import("@angular/core").EffectRef;
|
|
29
30
|
protected readonly calendarOut: import("@angular/core").EffectRef;
|
|
@@ -31,15 +32,18 @@ export declare abstract class TuiInputDateBase<T extends TuiDay | TuiDayRange> e
|
|
|
31
32
|
readonly min: import("@angular/core").WritableSignal<TuiDay>;
|
|
32
33
|
readonly max: import("@angular/core").WritableSignal<TuiDay>;
|
|
33
34
|
protected abstract onValueChange(value: string): void;
|
|
34
|
-
set minSetter(min: TuiDay | null);
|
|
35
|
-
set maxSetter(max: TuiDay | null);
|
|
35
|
+
set minSetter(min: Exclude<T, TuiDayRange> | TuiDay | null);
|
|
36
|
+
set maxSetter(max: Exclude<T, TuiDayRange> | TuiDay | null);
|
|
37
|
+
setDate(value: TuiDay | TuiDayRange): void;
|
|
36
38
|
protected processCalendar(calendar: TuiCalendar | TuiCalendarRange): void;
|
|
37
39
|
protected onClick(): void;
|
|
40
|
+
protected stringify(value: T | null): string;
|
|
38
41
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateBase<any>, never>;
|
|
39
42
|
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDateBase<any>, never, never, { "minSetter": { "alias": "min"; "required": false; }; "maxSetter": { "alias": "max"; "required": false; }; }, {}, never, never, true, never>;
|
|
40
43
|
}
|
|
41
44
|
export declare class TuiInputDateDirective extends TuiInputDateBase<TuiDay> {
|
|
42
45
|
protected readonly identity: void;
|
|
46
|
+
protected readonly mask: import("@angular/core").Signal<import("@maskito/core").MaskitoOptions | null>;
|
|
43
47
|
protected onValueChange(value: string): void;
|
|
44
48
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateDirective, never>;
|
|
45
49
|
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDateDirective, "input[tuiInputDate]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownAuto; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiItemsHandlersValidator; inputs: {}; outputs: {}; }, { directive: typeof i4.MaskitoDirective; inputs: {}; outputs: {}; }]>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { TuiCalendar } from '@taiga-ui/core/components/calendar';
|
|
2
|
+
import { TuiInputChipComponent } from '@taiga-ui/kit/components/input-chip';
|
|
3
|
+
import { TuiInputDateMultiDirective } from './input-date-multi.directive';
|
|
4
|
+
export declare const TuiInputDateMulti: readonly [typeof TuiInputDateMultiDirective, typeof TuiCalendar, typeof TuiInputChipComponent];
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { TuiDay } from '@taiga-ui/cdk/date-time';
|
|
2
|
+
import { TuiCalendar } from '@taiga-ui/core/components/calendar';
|
|
3
|
+
import { TuiInputChipDirective } from '@taiga-ui/kit/components/input-chip';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@taiga-ui/cdk/directives/native-validator";
|
|
6
|
+
import * as i2 from "@taiga-ui/core/directives/dropdown";
|
|
7
|
+
import * as i3 from "@maskito/angular";
|
|
8
|
+
import * as i4 from "@taiga-ui/core/components/textfield";
|
|
9
|
+
export declare class TuiInputDateMultiDirective extends TuiInputChipDirective<TuiDay> {
|
|
10
|
+
private readonly dateOptions;
|
|
11
|
+
protected readonly icon: import("@angular/core").Signal<string>;
|
|
12
|
+
protected readonly stringify: void;
|
|
13
|
+
protected readonly mask: import("@angular/core").Signal<import("@maskito/core").MaskitoOptions | null>;
|
|
14
|
+
protected readonly format: import("@angular/core").Signal<import("@taiga-ui/core/tokens").TuiDateFormatSettings>;
|
|
15
|
+
protected readonly calendarIn: import("@angular/core").EffectRef;
|
|
16
|
+
protected readonly calendarOut: import("@angular/core").EffectRef;
|
|
17
|
+
readonly min: import("@angular/core").WritableSignal<TuiDay>;
|
|
18
|
+
readonly max: import("@angular/core").WritableSignal<TuiDay>;
|
|
19
|
+
readonly calendar: import("@angular/core").Signal<TuiCalendar | null>;
|
|
20
|
+
set minSetter(min: TuiDay | null);
|
|
21
|
+
set maxSetter(max: TuiDay | null);
|
|
22
|
+
protected clear(): void;
|
|
23
|
+
protected processCalendar(calendar: TuiCalendar): void;
|
|
24
|
+
protected onClick(): void;
|
|
25
|
+
protected onValueChange(value: string): void;
|
|
26
|
+
protected onEnter(): void;
|
|
27
|
+
private updateValue;
|
|
28
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateMultiDirective, never>;
|
|
29
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDateMultiDirective, "input[tuiInputDateMulti]", never, { "minSetter": { "alias": "min"; "required": false; }; "maxSetter": { "alias": "max"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiNativeValidator; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownAuto; inputs: {}; outputs: {}; }, { directive: typeof i3.MaskitoDirective; inputs: {}; outputs: {}; }, { directive: typeof i4.TuiTextfieldBase; inputs: { "invalid": "invalid"; "focused": "focused"; "readOnly": "readOnly"; "state": "state"; }; outputs: {}; }]>;
|
|
30
|
+
}
|
|
@@ -8,7 +8,7 @@ import * as i2 from "@taiga-ui/core/directives/dropdown";
|
|
|
8
8
|
import * as i3 from "@maskito/angular";
|
|
9
9
|
export declare class TuiInputDateRangeDirective extends TuiInputDateBase<TuiDayRange> {
|
|
10
10
|
protected readonly identity: void;
|
|
11
|
-
protected readonly
|
|
11
|
+
protected readonly filler: import("@angular/core").Signal<string>;
|
|
12
12
|
protected readonly mask: import("@angular/core").Signal<import("@maskito/core").MaskitoOptions | null>;
|
|
13
13
|
readonly minLength: import("@angular/core").WritableSignal<TuiDayLike | null>;
|
|
14
14
|
readonly maxLength: import("@angular/core").WritableSignal<TuiDayLike | null>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { TuiNativeTimePicker } from '@taiga-ui/kit/components/input-time';
|
|
2
|
+
import { TuiInputDateTimeDirective } from './input-date-time.directive';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class TuiInputDateTimeComponent extends TuiNativeTimePicker {
|
|
5
|
+
protected readonly host: TuiInputDateTimeDirective;
|
|
6
|
+
protected readonly step: import("@angular/core").Signal<number>;
|
|
7
|
+
protected readonly value: import("@angular/core").Signal<string>;
|
|
8
|
+
protected min: import("@angular/core").Signal<string>;
|
|
9
|
+
protected max: import("@angular/core").Signal<string>;
|
|
10
|
+
protected onInput(value: string): void;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateTimeComponent, never>;
|
|
12
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputDateTimeComponent, "input[tuiInputDateTime][type=\"datetime-local\"]", never, {}, {}, never, never, true, never>;
|
|
13
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { TuiCalendar } from '@taiga-ui/core/components/calendar';
|
|
2
|
+
import { TuiInputDateTimeComponent } from './input-date-time.component';
|
|
3
|
+
import { TuiInputDateTimeDirective } from './input-date-time.directive';
|
|
4
|
+
export declare const TuiInputDateTime: readonly [typeof TuiInputDateTimeDirective, typeof TuiInputDateTimeComponent, typeof TuiCalendar];
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import type { MaskitoOptions } from '@maskito/core';
|
|
2
|
+
import type { MaskitoTimeMode } from '@maskito/kit';
|
|
3
|
+
import { TuiDay, TuiTime } from '@taiga-ui/cdk/date-time';
|
|
4
|
+
import type { TuiCalendar } from '@taiga-ui/core/components/calendar';
|
|
5
|
+
import type { TuiTextfieldAccessor } from '@taiga-ui/core/components/textfield';
|
|
6
|
+
import { TuiInputDateBase } from '@taiga-ui/kit/components/input-date';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "@maskito/angular";
|
|
9
|
+
import * as i2 from "@taiga-ui/core/directives/dropdown";
|
|
10
|
+
import * as i3 from "@taiga-ui/core/directives/items-handlers";
|
|
11
|
+
import * as i4 from "@taiga-ui/core/components/textfield";
|
|
12
|
+
export declare class TuiInputDateTimeDirective extends TuiInputDateBase<readonly [TuiDay, TuiTime | null]> implements TuiTextfieldAccessor<readonly [TuiDay, TuiTime | null]> {
|
|
13
|
+
private readonly timeFillers;
|
|
14
|
+
protected readonly options: import("./input-date-time.options").TuiInputDateTimeOptions;
|
|
15
|
+
protected readonly filler: import("@angular/core").Signal<string>;
|
|
16
|
+
protected valueEffect: import("@angular/core").EffectRef;
|
|
17
|
+
protected readonly identity: void;
|
|
18
|
+
protected readonly disabledItemHandler: import("@angular/core").WritableSignal<(value: readonly [TuiDay, TuiTime | null] | null) => boolean>;
|
|
19
|
+
protected readonly mask: import("@angular/core").Signal<MaskitoOptions | null>;
|
|
20
|
+
readonly timeMode: import("@angular/core").WritableSignal<MaskitoTimeMode>;
|
|
21
|
+
readonly minTime: import("@angular/core").WritableSignal<TuiTime>;
|
|
22
|
+
readonly maxTime: import("@angular/core").WritableSignal<TuiTime>;
|
|
23
|
+
set timeModeSetter(x: MaskitoTimeMode);
|
|
24
|
+
set minSetter(min: TuiDay | readonly [TuiDay, TuiTime | null] | null);
|
|
25
|
+
set maxSetter(max: TuiDay | readonly [TuiDay, TuiTime | null] | null);
|
|
26
|
+
setValue(value: readonly [TuiDay, TuiTime | null] | null): void;
|
|
27
|
+
setDate(newDate: TuiDay): void;
|
|
28
|
+
writeValue(value: [TuiDay, TuiTime | null] | null): void;
|
|
29
|
+
protected processCalendar(calendar: TuiCalendar): void;
|
|
30
|
+
protected onValueChange(value: string): void;
|
|
31
|
+
protected stringify(value: readonly [TuiDay, TuiTime | null] | null): string;
|
|
32
|
+
private clampTime;
|
|
33
|
+
private computeMask;
|
|
34
|
+
private toNativeDate;
|
|
35
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateTimeDirective, never>;
|
|
36
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDateTimeDirective, "input[tuiInputDateTime]", never, { "timeModeSetter": { "alias": "timeMode"; "required": false; }; "minSetter": { "alias": "min"; "required": false; }; "maxSetter": { "alias": "max"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.MaskitoDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownAuto; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiItemsHandlersValidator; inputs: {}; outputs: {}; }, { directive: typeof i4.TuiWithTextfield; inputs: {}; outputs: {}; }]>;
|
|
37
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { FactoryProvider } from '@angular/core';
|
|
2
|
+
import { InjectionToken } from '@angular/core';
|
|
3
|
+
import type { MaskitoTimeMode } from '@maskito/kit';
|
|
4
|
+
import type { TuiValueTransformer } from '@taiga-ui/cdk/classes';
|
|
5
|
+
import type { TuiDay, TuiTime } from '@taiga-ui/cdk/date-time';
|
|
6
|
+
import type { TuiInputDateOptionsNew } from '@taiga-ui/kit/components/input-date';
|
|
7
|
+
export interface TuiInputDateTimeOptions extends Omit<TuiInputDateOptionsNew, 'valueTransformer'> {
|
|
8
|
+
readonly timeMode: MaskitoTimeMode;
|
|
9
|
+
readonly dateTimeSeparator: string;
|
|
10
|
+
readonly valueTransformer: TuiValueTransformer<[TuiDay, TuiTime | null] | null, any>;
|
|
11
|
+
}
|
|
12
|
+
export declare const TUI_INPUT_DATE_TIME_DEFAULT_OPTIONS: {
|
|
13
|
+
readonly valueTransformer: TuiValueTransformer<any, any>;
|
|
14
|
+
readonly timeMode: "HH:MM";
|
|
15
|
+
readonly dateTimeSeparator: ", ";
|
|
16
|
+
};
|
|
17
|
+
export declare const TUI_INPUT_DATE_TIME_OPTIONS: InjectionToken<TuiInputDateTimeOptions>;
|
|
18
|
+
export declare const tuiInputDateTimeOptionsProvider: (options: Partial<TuiInputDateTimeOptions>) => FactoryProvider;
|
|
@@ -1,13 +1,22 @@
|
|
|
1
|
+
import type { MaskitoTimeMode } from '@maskito/kit';
|
|
2
|
+
import type { TuiDay } from '@taiga-ui/cdk/date-time';
|
|
3
|
+
import { TuiTime } from '@taiga-ui/cdk/date-time';
|
|
1
4
|
import { TuiTextfieldDirective } from '@taiga-ui/core/components/textfield';
|
|
2
5
|
import { TuiInputTimeDirective } from './input-time.directive';
|
|
3
6
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class
|
|
5
|
-
private readonly control;
|
|
7
|
+
export declare abstract class TuiNativeTimePicker {
|
|
6
8
|
protected readonly list: string | null;
|
|
9
|
+
protected getStep(timeMode: MaskitoTimeMode): number;
|
|
10
|
+
protected toISOString(value: TuiTime | readonly [TuiDay, TuiTime | null] | null): string;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiNativeTimePicker, never>;
|
|
12
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiNativeTimePicker, never, never, {}, {}, never, never, false, never>;
|
|
13
|
+
}
|
|
14
|
+
export declare class TuiInputTimeComponent extends TuiNativeTimePicker {
|
|
15
|
+
private readonly control;
|
|
7
16
|
protected readonly host: TuiInputTimeDirective;
|
|
8
17
|
protected readonly textfield: TuiTextfieldDirective<any>;
|
|
9
18
|
protected readonly value: import("@angular/core").Signal<string>;
|
|
10
|
-
protected readonly step: import("@angular/core").Signal<
|
|
19
|
+
protected readonly step: import("@angular/core").Signal<number>;
|
|
11
20
|
protected setValue(value: string): void;
|
|
12
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputTimeComponent, never>;
|
|
13
22
|
static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputTimeComponent, "input[tuiInputTime][type=\"time\"]", never, {}, {}, never, never, true, never>;
|
|
@@ -20,6 +20,7 @@ export declare class TuiPreviewComponent {
|
|
|
20
20
|
protected readonly wrapperTransform$: import("rxjs").Observable<string>;
|
|
21
21
|
zoomable: boolean;
|
|
22
22
|
rotatable: boolean;
|
|
23
|
+
initialScale: number;
|
|
23
24
|
protected rotate(): void;
|
|
24
25
|
protected onPan(delta: readonly [number, number]): void;
|
|
25
26
|
protected onMutation(contentWrapper: HTMLElement): void;
|
|
@@ -34,5 +35,5 @@ export declare class TuiPreviewComponent {
|
|
|
34
35
|
private getGuardedCoordinates;
|
|
35
36
|
private getScaleCenter;
|
|
36
37
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiPreviewComponent, never>;
|
|
37
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiPreviewComponent, "tui-preview", never, { "zoomable": { "alias": "zoomable"; "required": false; }; "rotatable": { "alias": "rotatable"; "required": false; }; }, {}, never, ["*", "tui-preview-title", "tui-preview-pagination", "[tuiPreviewAction]"], true, never>;
|
|
38
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiPreviewComponent, "tui-preview", never, { "zoomable": { "alias": "zoomable"; "required": false; }; "rotatable": { "alias": "rotatable"; "required": false; }; "initialScale": { "alias": "initialScale"; "required": false; }; }, {}, never, ["*", "tui-preview-title", "tui-preview-pagination", "[tuiPreviewAction]"], true, never>;
|
|
38
39
|
}
|
|
@@ -32,7 +32,7 @@ class TuiAvatar {
|
|
|
32
32
|
return this.value.length ? 'img' : 'content';
|
|
33
33
|
}
|
|
34
34
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAvatar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
35
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAvatar, isStandalone: true, selector: "tui-avatar,button[tuiAvatar],a[tuiAvatar]", inputs: { size: "size", round: "round", src: "src" }, host: { properties: { "attr.data-size": "size", "attr.data-type": "type", "class._round": "round", "class._svg": "svg" } }, providers: [tuiAppearanceOptionsProvider(TUI_AVATAR_OPTIONS)], hostDirectives: [{ directive: i1.TuiWithAppearance }, { directive: i2.TuiIcons, inputs: ["iconStart", "src"] }], ngImport: i0, template: "<img\n *ngIf=\"type === 'img'\"\n alt=\"\"\n loading=\"lazy\"\n [src]=\"value\"\n/>\n<ng-container *ngIf=\"type === 'text'\">{{ value }}</ng-container>\n<ng-content />\n", styles: [":host{--t-size: 3.5rem;--t-radius: .75rem;position:relative;display:inline-flex;flex-shrink:0;inline-size:var(--t-size);block-size:var(--t-size);align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--t-radius);border:none;background:var(--tui-background-neutral-1);color:var(--tui-text-secondary);vertical-align:middle;box-sizing:border-box;padding:.25rem;opacity:.999}:host[data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: .5rem;font:var(--tui-font-text-xs);font-weight:700}:host[data-size=xs][data-type=content]{font:var(--tui-font-text-m);font-size:.5625rem}:host[data-size=s]{--t-size: var(--tui-height-s);--t-radius: .5rem;font:var(--tui-font-text-s);font-weight:700}:host[data-size=s][data-type=content]{font:var(--tui-font-text-xs);font-weight:700}:host[data-size=m]{--t-size: calc(var(--tui-height-m) - .25rem);--t-radius: .75rem;font:var(--tui-font-text-l);font-weight:700}:host[data-size=m][data-type=content]{font:var(--tui-font-text-m);font-weight:700}:host[data-size=l]{--t-size: var(--tui-height-l);--t-radius: .75rem;font:var(--tui-font-heading-5)}:host[data-size=l][data-type=content]{font:var(--tui-font-text-l);font-weight:700}:host[data-size=xl]{--t-size: 5rem;--t-radius: .75rem;font:var(--tui-font-heading-3)}:host[data-size=xl][data-type=content]{font:var(--tui-font-heading-4)}:host[data-size=xxl]{--t-size: 6rem;--t-radius: 1rem;font:var(--tui-font-heading-3)}:host[data-size=xxl][data-type=content]{font:var(--tui-font-heading-3)}:host[data-size=xxxl]{--t-size: 8rem;--t-radius: 1.25rem;font:var(--tui-font-heading-2)}:host[data-size=xxxl][data-type=content]{font:var(--tui-font-heading-3)}:host[data-type]:before{display:none}:host[data-type=img]:not(._svg){background:transparent}:host[data-type=icon]:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:\"\";display:block;inline-size:60%;block-size:60%}:host._round{--t-radius: calc(var(--t-size) / 2)}:host
|
|
35
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAvatar, isStandalone: true, selector: "tui-avatar,button[tuiAvatar],a[tuiAvatar]", inputs: { size: "size", round: "round", src: "src" }, host: { properties: { "attr.data-size": "size", "attr.data-type": "type", "class._round": "round", "class._svg": "svg" } }, providers: [tuiAppearanceOptionsProvider(TUI_AVATAR_OPTIONS)], hostDirectives: [{ directive: i1.TuiWithAppearance }, { directive: i2.TuiIcons, inputs: ["iconStart", "src"] }], ngImport: i0, template: "<img\n *ngIf=\"type === 'img'\"\n alt=\"\"\n loading=\"lazy\"\n [src]=\"value\"\n/>\n<ng-container *ngIf=\"type === 'text'\">{{ value }}</ng-container>\n<ng-content />\n", styles: [":host{--t-size: 3.5rem;--t-radius: .75rem;position:relative;display:inline-flex;flex-shrink:0;inline-size:var(--t-size);block-size:var(--t-size);align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--t-radius);border:none;background:var(--tui-background-neutral-1);color:var(--tui-text-secondary);vertical-align:middle;box-sizing:border-box;padding:.25rem;opacity:.999}:host[data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: .5rem;font:var(--tui-font-text-xs);font-weight:700}:host[data-size=xs][data-type=content]{font:var(--tui-font-text-m);font-size:.5625rem}:host[data-size=s]{--t-size: var(--tui-height-s);--t-radius: .5rem;font:var(--tui-font-text-s);font-weight:700}:host[data-size=s][data-type=content]{font:var(--tui-font-text-xs);font-weight:700}:host[data-size=m]{--t-size: calc(var(--tui-height-m) - .25rem);--t-radius: .75rem;font:var(--tui-font-text-l);font-weight:700}:host[data-size=m][data-type=content]{font:var(--tui-font-text-m);font-weight:700}:host[data-size=l]{--t-size: var(--tui-height-l);--t-radius: .75rem;font:var(--tui-font-heading-5)}:host[data-size=l][data-type=content]{font:var(--tui-font-text-l);font-weight:700}:host[data-size=xl]{--t-size: 5rem;--t-radius: .75rem;font:var(--tui-font-heading-3)}:host[data-size=xl][data-type=content]{font:var(--tui-font-heading-4)}:host[data-size=xxl]{--t-size: 6rem;--t-radius: 1rem;font:var(--tui-font-heading-3)}:host[data-size=xxl][data-type=content]{font:var(--tui-font-heading-3)}:host[data-size=xxxl]{--t-size: 8rem;--t-radius: 1.25rem;font:var(--tui-font-heading-2)}:host[data-size=xxxl][data-type=content]{font:var(--tui-font-heading-3)}:host[data-type]:before{display:none}:host:not([data-type=icon]):before{-webkit-mask:none;mask:none}:host[data-type=img]:not(._svg){background:transparent}:host[data-type=icon]:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:\"\";display:block;inline-size:60%;block-size:60%}:host._round{--t-radius: calc(var(--t-size) / 2)}:host ::ng-deep img,:host ::ng-deep picture,:host ::ng-deep video{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;box-sizing:border-box;border-radius:inherit}:host._svg img{padding:20%;object-fit:contain;border-radius:unset}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
36
36
|
}
|
|
37
37
|
export { TuiAvatar };
|
|
38
38
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAvatar, decorators: [{
|
|
@@ -48,7 +48,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
48
48
|
'[attr.data-type]': 'type',
|
|
49
49
|
'[class._round]': 'round',
|
|
50
50
|
'[class._svg]': 'svg',
|
|
51
|
-
}, template: "<img\n *ngIf=\"type === 'img'\"\n alt=\"\"\n loading=\"lazy\"\n [src]=\"value\"\n/>\n<ng-container *ngIf=\"type === 'text'\">{{ value }}</ng-container>\n<ng-content />\n", styles: [":host{--t-size: 3.5rem;--t-radius: .75rem;position:relative;display:inline-flex;flex-shrink:0;inline-size:var(--t-size);block-size:var(--t-size);align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--t-radius);border:none;background:var(--tui-background-neutral-1);color:var(--tui-text-secondary);vertical-align:middle;box-sizing:border-box;padding:.25rem;opacity:.999}:host[data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: .5rem;font:var(--tui-font-text-xs);font-weight:700}:host[data-size=xs][data-type=content]{font:var(--tui-font-text-m);font-size:.5625rem}:host[data-size=s]{--t-size: var(--tui-height-s);--t-radius: .5rem;font:var(--tui-font-text-s);font-weight:700}:host[data-size=s][data-type=content]{font:var(--tui-font-text-xs);font-weight:700}:host[data-size=m]{--t-size: calc(var(--tui-height-m) - .25rem);--t-radius: .75rem;font:var(--tui-font-text-l);font-weight:700}:host[data-size=m][data-type=content]{font:var(--tui-font-text-m);font-weight:700}:host[data-size=l]{--t-size: var(--tui-height-l);--t-radius: .75rem;font:var(--tui-font-heading-5)}:host[data-size=l][data-type=content]{font:var(--tui-font-text-l);font-weight:700}:host[data-size=xl]{--t-size: 5rem;--t-radius: .75rem;font:var(--tui-font-heading-3)}:host[data-size=xl][data-type=content]{font:var(--tui-font-heading-4)}:host[data-size=xxl]{--t-size: 6rem;--t-radius: 1rem;font:var(--tui-font-heading-3)}:host[data-size=xxl][data-type=content]{font:var(--tui-font-heading-3)}:host[data-size=xxxl]{--t-size: 8rem;--t-radius: 1.25rem;font:var(--tui-font-heading-2)}:host[data-size=xxxl][data-type=content]{font:var(--tui-font-heading-3)}:host[data-type]:before{display:none}:host[data-type=img]:not(._svg){background:transparent}:host[data-type=icon]:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:\"\";display:block;inline-size:60%;block-size:60%}:host._round{--t-radius: calc(var(--t-size) / 2)}:host
|
|
51
|
+
}, template: "<img\n *ngIf=\"type === 'img'\"\n alt=\"\"\n loading=\"lazy\"\n [src]=\"value\"\n/>\n<ng-container *ngIf=\"type === 'text'\">{{ value }}</ng-container>\n<ng-content />\n", styles: [":host{--t-size: 3.5rem;--t-radius: .75rem;position:relative;display:inline-flex;flex-shrink:0;inline-size:var(--t-size);block-size:var(--t-size);align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--t-radius);border:none;background:var(--tui-background-neutral-1);color:var(--tui-text-secondary);vertical-align:middle;box-sizing:border-box;padding:.25rem;opacity:.999}:host[data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: .5rem;font:var(--tui-font-text-xs);font-weight:700}:host[data-size=xs][data-type=content]{font:var(--tui-font-text-m);font-size:.5625rem}:host[data-size=s]{--t-size: var(--tui-height-s);--t-radius: .5rem;font:var(--tui-font-text-s);font-weight:700}:host[data-size=s][data-type=content]{font:var(--tui-font-text-xs);font-weight:700}:host[data-size=m]{--t-size: calc(var(--tui-height-m) - .25rem);--t-radius: .75rem;font:var(--tui-font-text-l);font-weight:700}:host[data-size=m][data-type=content]{font:var(--tui-font-text-m);font-weight:700}:host[data-size=l]{--t-size: var(--tui-height-l);--t-radius: .75rem;font:var(--tui-font-heading-5)}:host[data-size=l][data-type=content]{font:var(--tui-font-text-l);font-weight:700}:host[data-size=xl]{--t-size: 5rem;--t-radius: .75rem;font:var(--tui-font-heading-3)}:host[data-size=xl][data-type=content]{font:var(--tui-font-heading-4)}:host[data-size=xxl]{--t-size: 6rem;--t-radius: 1rem;font:var(--tui-font-heading-3)}:host[data-size=xxl][data-type=content]{font:var(--tui-font-heading-3)}:host[data-size=xxxl]{--t-size: 8rem;--t-radius: 1.25rem;font:var(--tui-font-heading-2)}:host[data-size=xxxl][data-type=content]{font:var(--tui-font-heading-3)}:host[data-type]:before{display:none}:host:not([data-type=icon]):before{-webkit-mask:none;mask:none}:host[data-type=img]:not(._svg){background:transparent}:host[data-type=icon]:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:\"\";display:block;inline-size:60%;block-size:60%}:host._round{--t-radius: calc(var(--t-size) / 2)}:host ::ng-deep img,:host ::ng-deep picture,:host ::ng-deep video{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;box-sizing:border-box;border-radius:inherit}:host._svg img{padding:20%;object-fit:contain;border-radius:unset}\n"] }]
|
|
52
52
|
}], propDecorators: { size: [{
|
|
53
53
|
type: Input
|
|
54
54
|
}], round: [{
|
|
@@ -56,4 +56,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
56
56
|
}], src: [{
|
|
57
57
|
type: Input
|
|
58
58
|
}] } });
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdC9jb21wb25lbnRzL2F2YXRhci9hdmF0YXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvYXZhdGFyL2F2YXRhci50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxJQUFJLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUNyQyxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFaEYsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLG1DQUFtQyxDQUFDO0FBQzlELE9BQU8sRUFDSCw0QkFBNEIsRUFDNUIsaUJBQWlCLEdBQ3BCLE1BQU0sc0NBQXNDLENBQUM7QUFDOUMsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGlDQUFpQyxDQUFDO0FBRXpELE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLGtCQUFrQixDQUFDOzs7O0FBRXBELE1BdUJhLFNBQVM7SUF2QnRCO1FBd0JxQixZQUFPLEdBQUcsTUFBTSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFHL0MsU0FBSSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO1FBR3pCLFVBQUssR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQztLQTRCckM7SUF2QkcsSUFBYyxLQUFLO1FBQ2YsT0FBTyxJQUFJLENBQUMsR0FBRyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsSUFBYyxHQUFHO1FBQ2IsT0FBTyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFFRCxJQUFjLElBQUk7UUFDZCxJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQ3hDLE9BQU8sS0FBSyxDQUFDO1NBQ2hCO1FBRUQsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsRUFBRTtZQUNoQyxPQUFPLE1BQU0sQ0FBQztTQUNqQjtRQUVELElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUNoRCxPQUFPLE1BQU0sQ0FBQztTQUNqQjtRQUVELE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQ2pELENBQUM7K0dBbENRLFNBQVM7bUdBQVQsU0FBUywwUUFmUCxDQUFDLDRCQUE0QixDQUFDLGtCQUFrQixDQUFDLENBQUMsMklDcEJqRSx1TEFRQSxteEVEUWMsSUFBSTs7U0FtQkwsU0FBUzs0RkFBVCxTQUFTO2tCQXZCckIsU0FBUztpQ0FDTSxJQUFJLFlBRU4sMkNBQTJDLFdBQzVDLENBQUMsSUFBSSxDQUFDLG1CQUdFLHVCQUF1QixDQUFDLE1BQU0sYUFDcEMsQ0FBQyw0QkFBNEIsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLGtCQUM3Qzt3QkFDWixpQkFBaUI7d0JBQ2pCOzRCQUNJLFNBQVMsRUFBRSxRQUFROzRCQUNuQixNQUFNLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQzt5QkFDN0I7cUJBQ0osUUFDSzt3QkFDRixrQkFBa0IsRUFBRSxNQUFNO3dCQUMxQixrQkFBa0IsRUFBRSxNQUFNO3dCQUMxQixnQkFBZ0IsRUFBRSxPQUFPO3dCQUN6QixjQUFjLEVBQUUsS0FBSztxQkFDeEI7OEJBTU0sSUFBSTtzQkFEVixLQUFLO2dCQUlDLEtBQUs7c0JBRFgsS0FBSztnQkFJQyxHQUFHO3NCQURULEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nSWZ9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGluamVjdCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHR5cGUge1NhZmVSZXNvdXJjZVVybH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5pbXBvcnQge3R1aUlzU3RyaW5nfSBmcm9tICdAdGFpZ2EtdWkvY2RrL3V0aWxzL21pc2NlbGxhbmVvdXMnO1xuaW1wb3J0IHtcbiAgICB0dWlBcHBlYXJhbmNlT3B0aW9uc1Byb3ZpZGVyLFxuICAgIFR1aVdpdGhBcHBlYXJhbmNlLFxufSBmcm9tICdAdGFpZ2EtdWkvY29yZS9kaXJlY3RpdmVzL2FwcGVhcmFuY2UnO1xuaW1wb3J0IHtUdWlJY29uc30gZnJvbSAnQHRhaWdhLXVpL2NvcmUvZGlyZWN0aXZlcy9pY29ucyc7XG5cbmltcG9ydCB7VFVJX0FWQVRBUl9PUFRJT05TfSBmcm9tICcuL2F2YXRhci5vcHRpb25zJztcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICAvLyBUT0RPOiBSZW1vdmUgYHR1aS1hdmF0YXJgIHNlbGVjdG9yIGxlYXZpbmcgb25seSBbdHVpQXZhdGFyXSBpbiB2NVxuICAgIHNlbGVjdG9yOiAndHVpLWF2YXRhcixidXR0b25bdHVpQXZhdGFyXSxhW3R1aUF2YXRhcl0nLFxuICAgIGltcG9ydHM6IFtOZ0lmXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYXZhdGFyLnRlbXBsYXRlLmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2F2YXRhci5zdHlsZS5sZXNzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgcHJvdmlkZXJzOiBbdHVpQXBwZWFyYW5jZU9wdGlvbnNQcm92aWRlcihUVUlfQVZBVEFSX09QVElPTlMpXSxcbiAgICBob3N0RGlyZWN0aXZlczogW1xuICAgICAgICBUdWlXaXRoQXBwZWFyYW5jZSxcbiAgICAgICAge1xuICAgICAgICAgICAgZGlyZWN0aXZlOiBUdWlJY29ucyxcbiAgICAgICAgICAgIGlucHV0czogWydpY29uU3RhcnQ6IHNyYyddLFxuICAgICAgICB9LFxuICAgIF0sXG4gICAgaG9zdDoge1xuICAgICAgICAnW2F0dHIuZGF0YS1zaXplXSc6ICdzaXplJyxcbiAgICAgICAgJ1thdHRyLmRhdGEtdHlwZV0nOiAndHlwZScsXG4gICAgICAgICdbY2xhc3MuX3JvdW5kXSc6ICdyb3VuZCcsXG4gICAgICAgICdbY2xhc3MuX3N2Z10nOiAnc3ZnJyxcbiAgICB9LFxufSlcbmV4cG9ydCBjbGFzcyBUdWlBdmF0YXIge1xuICAgIHByaXZhdGUgcmVhZG9ubHkgb3B0aW9ucyA9IGluamVjdChUVUlfQVZBVEFSX09QVElPTlMpO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgc2l6ZSA9IHRoaXMub3B0aW9ucy5zaXplO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgcm91bmQgPSB0aGlzLm9wdGlvbnMucm91bmQ7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzcmM/OiBTYWZlUmVzb3VyY2VVcmwgfCBzdHJpbmcgfCBudWxsO1xuXG4gICAgcHJvdGVjdGVkIGdldCB2YWx1ZSgpOiBTYWZlUmVzb3VyY2VVcmwgfCBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5zcmMgfHwgJyc7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIGdldCBzdmcoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0dWlJc1N0cmluZyh0aGlzLnZhbHVlKSAmJiB0aGlzLnZhbHVlLmVuZHNXaXRoKCcuc3ZnJyk7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIGdldCB0eXBlKCk6ICdjb250ZW50JyB8ICdpY29uJyB8ICdpbWcnIHwgJ3RleHQnIHtcbiAgICAgICAgaWYgKHRoaXMudmFsdWUgJiYgIXR1aUlzU3RyaW5nKHRoaXMudmFsdWUpKSB7XG4gICAgICAgICAgICByZXR1cm4gJ2ltZyc7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy52YWx1ZS5zdGFydHNXaXRoKCdAdHVpLicpKSB7XG4gICAgICAgICAgICByZXR1cm4gJ2ljb24nO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMudmFsdWUubGVuZ3RoID4gMCAmJiB0aGlzLnZhbHVlLmxlbmd0aCA8IDMpIHtcbiAgICAgICAgICAgIHJldHVybiAndGV4dCc7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gdGhpcy52YWx1ZS5sZW5ndGggPyAnaW1nJyA6ICdjb250ZW50JztcbiAgICB9XG59XG4iLCI8aW1nXG4gICAgKm5nSWY9XCJ0eXBlID09PSAnaW1nJ1wiXG4gICAgYWx0PVwiXCJcbiAgICBsb2FkaW5nPVwibGF6eVwiXG4gICAgW3NyY109XCJ2YWx1ZVwiXG4vPlxuPG5nLWNvbnRhaW5lciAqbmdJZj1cInR5cGUgPT09ICd0ZXh0J1wiPnt7IHZhbHVlIH19PC9uZy1jb250YWluZXI+XG48bmctY29udGVudCAvPlxuIl19
|
|
@@ -1,20 +1,31 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, inject, } from '@angular/core';
|
|
2
2
|
import { WaResizeObserver } from '@ng-web-apis/resize-observer';
|
|
3
|
+
import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
|
|
3
4
|
import { TuiBadgedContentDirective } from './badged-content.directive';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
class TuiBadgedContentComponent {
|
|
6
7
|
constructor() {
|
|
7
8
|
this.cdr = inject(ChangeDetectorRef);
|
|
9
|
+
this.el = tuiInjectElement();
|
|
10
|
+
}
|
|
11
|
+
get imgTop() {
|
|
12
|
+
return this.resolve('.t-badge_top img');
|
|
13
|
+
}
|
|
14
|
+
get imgBottom() {
|
|
15
|
+
return this.resolve('.t-badge_bottom img');
|
|
8
16
|
}
|
|
9
17
|
onResize() {
|
|
10
18
|
this.cdr.detectChanges();
|
|
11
19
|
}
|
|
20
|
+
resolve(selector) {
|
|
21
|
+
return `url(${this.el.querySelector(selector)?.getAttribute('src') || ''})`;
|
|
22
|
+
}
|
|
12
23
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBadgedContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiBadgedContentComponent, isStandalone: true, selector: "tui-badged-content", ngImport: i0, template: "<ng-content />\n\n<div\n #badgeTop\n class=\"t-badge t-badge_top\"\n [style.--t-badge-height.px]=\"badgeTop.offsetHeight\"\n (waResizeObserver)=\"onResize()\"\n>\n <ng-content select=\"tui-badge-notification[tuiSlot='top']\" />\n <div class=\"t-border\">\n <ng-content select=\"[tuiSlot='top']\" />\n </div>\n</div>\n\n<div\n #badgeBottom\n class=\"t-badge t-badge_bottom\"\n [style.--t-badge-height.px]=\"badgeBottom.offsetHeight\"\n (waResizeObserver)=\"onResize()\"\n>\n <ng-content select=\"tui-badge-notification[tuiSlot='bottom']\" />\n <div class=\"t-border\">\n <ng-content select=\"[tuiSlot='bottom']\" />\n </div>\n</div>\n", styles: [":host{--tui-radius: var(--tui-radius-l);--t-badge-height: 0;--t-corner-offset: calc((var(--tui-radius) * 1.4142 - var(--tui-radius)) * 1 / 1.4142);position:relative;display:inline-block;block-size:-webkit-fit-content;block-size:-moz-fit-content;block-size:fit-content;inline-size:-webkit-max-content;inline-size:max-content;color:var(--tui-background-base)}.t-badge{--t-offset: calc(var(--t-badge-height) * -.5 + var(--t-corner-offset));position:absolute;display:flex}.t-badge_top{top:var(--t-offset);right:var(--t-offset)}.t-badge_bottom{bottom:var(--t-offset);right:var(--t-offset)}.t-border:not(:empty){display:flex;border-radius:6rem;box-shadow:0 0 0 1px currentColor;background:currentColor}\n"], dependencies: [{ kind: "directive", type: WaResizeObserver, selector: "[waResizeObserver]", inputs: ["box"], outputs: ["waResizeObserver"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiBadgedContentComponent, isStandalone: true, selector: "tui-badged-content", ngImport: i0, template: "<ng-content />\n\n<div\n #badgeTop\n class=\"t-badge t-badge_top\"\n [style.--t-badge-height.px]=\"badgeTop.offsetHeight\"\n [style.--t-img]=\"imgTop\"\n (waResizeObserver)=\"onResize()\"\n>\n <ng-content select=\"tui-badge-notification[tuiSlot='top'], img[tuiSlot='top']\" />\n <div class=\"t-border\">\n <ng-content select=\"[tuiSlot='top']\" />\n </div>\n</div>\n\n<div\n #badgeBottom\n class=\"t-badge t-badge_bottom\"\n [style.--t-badge-height.px]=\"badgeBottom.offsetHeight\"\n [style.--t-img]=\"imgBottom\"\n (waResizeObserver)=\"onResize()\"\n>\n <ng-content select=\"tui-badge-notification[tuiSlot='bottom'], img[tuiSlot='bottom']\" />\n <div class=\"t-border\">\n <ng-content select=\"[tuiSlot='bottom']\" />\n </div>\n</div>\n", styles: [":host{--tui-radius: var(--tui-radius-l);--t-badge-height: 0;--t-corner-offset: calc((var(--tui-radius) * 1.4142 - var(--tui-radius)) * 1 / 1.4142);position:relative;display:inline-block;block-size:-webkit-fit-content;block-size:-moz-fit-content;block-size:fit-content;inline-size:-webkit-max-content;inline-size:max-content;color:var(--tui-background-base)}.t-badge{--t-offset: calc(var(--t-badge-height) * -.5 + var(--t-corner-offset));position:absolute;display:flex;isolation:isolate}.t-badge_top{top:var(--t-offset);right:var(--t-offset)}.t-badge_bottom{bottom:var(--t-offset);right:var(--t-offset)}.t-badge:before{top:50%;left:50%;transform:translate(-50%,-50%);content:\"\";position:absolute;z-index:-1;inline-size:120%;block-size:120%;-webkit-mask-image:var(--t-img);mask-image:var(--t-img);-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:currentColor}.t-border:not(:empty){display:flex;border-radius:6rem;box-shadow:0 0 0 1px currentColor;background:currentColor}\n"], dependencies: [{ kind: "directive", type: WaResizeObserver, selector: "[waResizeObserver]", inputs: ["box"], outputs: ["waResizeObserver"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
14
25
|
}
|
|
15
26
|
export { TuiBadgedContentComponent };
|
|
16
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBadgedContentComponent, decorators: [{
|
|
17
28
|
type: Component,
|
|
18
|
-
args: [{ standalone: true, selector: 'tui-badged-content', imports: [TuiBadgedContentDirective, WaResizeObserver], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content />\n\n<div\n #badgeTop\n class=\"t-badge t-badge_top\"\n [style.--t-badge-height.px]=\"badgeTop.offsetHeight\"\n (waResizeObserver)=\"onResize()\"\n>\n <ng-content select=\"tui-badge-notification[tuiSlot='top']\" />\n <div class=\"t-border\">\n <ng-content select=\"[tuiSlot='top']\" />\n </div>\n</div>\n\n<div\n #badgeBottom\n class=\"t-badge t-badge_bottom\"\n [style.--t-badge-height.px]=\"badgeBottom.offsetHeight\"\n (waResizeObserver)=\"onResize()\"\n>\n <ng-content select=\"tui-badge-notification[tuiSlot='bottom']\" />\n <div class=\"t-border\">\n <ng-content select=\"[tuiSlot='bottom']\" />\n </div>\n</div>\n", styles: [":host{--tui-radius: var(--tui-radius-l);--t-badge-height: 0;--t-corner-offset: calc((var(--tui-radius) * 1.4142 - var(--tui-radius)) * 1 / 1.4142);position:relative;display:inline-block;block-size:-webkit-fit-content;block-size:-moz-fit-content;block-size:fit-content;inline-size:-webkit-max-content;inline-size:max-content;color:var(--tui-background-base)}.t-badge{--t-offset: calc(var(--t-badge-height) * -.5 + var(--t-corner-offset));position:absolute;display:flex}.t-badge_top{top:var(--t-offset);right:var(--t-offset)}.t-badge_bottom{bottom:var(--t-offset);right:var(--t-offset)}.t-border:not(:empty){display:flex;border-radius:6rem;box-shadow:0 0 0 1px currentColor;background:currentColor}\n"] }]
|
|
29
|
+
args: [{ standalone: true, selector: 'tui-badged-content', imports: [TuiBadgedContentDirective, WaResizeObserver], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content />\n\n<div\n #badgeTop\n class=\"t-badge t-badge_top\"\n [style.--t-badge-height.px]=\"badgeTop.offsetHeight\"\n [style.--t-img]=\"imgTop\"\n (waResizeObserver)=\"onResize()\"\n>\n <ng-content select=\"tui-badge-notification[tuiSlot='top'], img[tuiSlot='top']\" />\n <div class=\"t-border\">\n <ng-content select=\"[tuiSlot='top']\" />\n </div>\n</div>\n\n<div\n #badgeBottom\n class=\"t-badge t-badge_bottom\"\n [style.--t-badge-height.px]=\"badgeBottom.offsetHeight\"\n [style.--t-img]=\"imgBottom\"\n (waResizeObserver)=\"onResize()\"\n>\n <ng-content select=\"tui-badge-notification[tuiSlot='bottom'], img[tuiSlot='bottom']\" />\n <div class=\"t-border\">\n <ng-content select=\"[tuiSlot='bottom']\" />\n </div>\n</div>\n", styles: [":host{--tui-radius: var(--tui-radius-l);--t-badge-height: 0;--t-corner-offset: calc((var(--tui-radius) * 1.4142 - var(--tui-radius)) * 1 / 1.4142);position:relative;display:inline-block;block-size:-webkit-fit-content;block-size:-moz-fit-content;block-size:fit-content;inline-size:-webkit-max-content;inline-size:max-content;color:var(--tui-background-base)}.t-badge{--t-offset: calc(var(--t-badge-height) * -.5 + var(--t-corner-offset));position:absolute;display:flex;isolation:isolate}.t-badge_top{top:var(--t-offset);right:var(--t-offset)}.t-badge_bottom{bottom:var(--t-offset);right:var(--t-offset)}.t-badge:before{top:50%;left:50%;transform:translate(-50%,-50%);content:\"\";position:absolute;z-index:-1;inline-size:120%;block-size:120%;-webkit-mask-image:var(--t-img);mask-image:var(--t-img);-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:currentColor}.t-border:not(:empty){display:flex;border-radius:6rem;box-shadow:0 0 0 1px currentColor;background:currentColor}\n"] }]
|
|
19
30
|
}] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2VkLWNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvYmFkZ2VkLWNvbnRlbnQvYmFkZ2VkLWNvbnRlbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvYmFkZ2VkLWNvbnRlbnQvYmFkZ2VkLWNvbnRlbnQudGVtcGxhdGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsTUFBTSxHQUNULE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLDhCQUE4QixDQUFDO0FBQzlELE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBRXpELE9BQU8sRUFBQyx5QkFBeUIsRUFBQyxNQUFNLDRCQUE0QixDQUFDOztBQUVyRSxNQVFhLHlCQUF5QjtJQVJ0QztRQVNxQixRQUFHLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFDaEMsT0FBRSxHQUFHLGdCQUFnQixFQUFFLENBQUM7S0FpQjVDO0lBZkcsSUFBVyxNQUFNO1FBQ2IsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLGtCQUFrQixDQUFDLENBQUM7SUFDNUMsQ0FBQztJQUVELElBQVcsU0FBUztRQUNoQixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMscUJBQXFCLENBQUMsQ0FBQztJQUMvQyxDQUFDO0lBRU0sUUFBUTtRQUNYLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVPLE9BQU8sQ0FBQyxRQUFnQjtRQUM1QixPQUFPLE9BQU8sSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLEVBQUUsWUFBWSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsR0FBRyxDQUFDO0lBQ2hGLENBQUM7K0dBbEJRLHlCQUF5QjttR0FBekIseUJBQXlCLDhFQ25CdEMsaXlCQTJCQSxpa0NEYnlDLGdCQUFnQjs7U0FLNUMseUJBQXlCOzRGQUF6Qix5QkFBeUI7a0JBUnJDLFNBQVM7aUNBQ00sSUFBSSxZQUNOLG9CQUFvQixXQUNyQixDQUFDLHlCQUF5QixFQUFFLGdCQUFnQixDQUFDLG1CQUdyQyx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBDb21wb25lbnQsXG4gICAgaW5qZWN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7V2FSZXNpemVPYnNlcnZlcn0gZnJvbSAnQG5nLXdlYi1hcGlzL3Jlc2l6ZS1vYnNlcnZlcic7XG5pbXBvcnQge3R1aUluamVjdEVsZW1lbnR9IGZyb20gJ0B0YWlnYS11aS9jZGsvdXRpbHMvZG9tJztcblxuaW1wb3J0IHtUdWlCYWRnZWRDb250ZW50RGlyZWN0aXZlfSBmcm9tICcuL2JhZGdlZC1jb250ZW50LmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICd0dWktYmFkZ2VkLWNvbnRlbnQnLFxuICAgIGltcG9ydHM6IFtUdWlCYWRnZWRDb250ZW50RGlyZWN0aXZlLCBXYVJlc2l6ZU9ic2VydmVyXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYmFkZ2VkLWNvbnRlbnQudGVtcGxhdGUuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYmFkZ2VkLWNvbnRlbnQuc3R5bGUubGVzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlCYWRnZWRDb250ZW50Q29tcG9uZW50IHtcbiAgICBwcml2YXRlIHJlYWRvbmx5IGNkciA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XG4gICAgcHJpdmF0ZSByZWFkb25seSBlbCA9IHR1aUluamVjdEVsZW1lbnQoKTtcblxuICAgIHB1YmxpYyBnZXQgaW1nVG9wKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLnJlc29sdmUoJy50LWJhZGdlX3RvcCBpbWcnKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0IGltZ0JvdHRvbSgpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5yZXNvbHZlKCcudC1iYWRnZV9ib3R0b20gaW1nJyk7XG4gICAgfVxuXG4gICAgcHVibGljIG9uUmVzaXplKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSByZXNvbHZlKHNlbGVjdG9yOiBzdHJpbmcpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gYHVybCgke3RoaXMuZWwucXVlcnlTZWxlY3RvcihzZWxlY3Rvcik/LmdldEF0dHJpYnV0ZSgnc3JjJykgfHwgJyd9KWA7XG4gICAgfVxufVxuIiwiPG5nLWNvbnRlbnQgLz5cblxuPGRpdlxuICAgICNiYWRnZVRvcFxuICAgIGNsYXNzPVwidC1iYWRnZSB0LWJhZGdlX3RvcFwiXG4gICAgW3N0eWxlLi0tdC1iYWRnZS1oZWlnaHQucHhdPVwiYmFkZ2VUb3Aub2Zmc2V0SGVpZ2h0XCJcbiAgICBbc3R5bGUuLS10LWltZ109XCJpbWdUb3BcIlxuICAgICh3YVJlc2l6ZU9ic2VydmVyKT1cIm9uUmVzaXplKClcIlxuPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInR1aS1iYWRnZS1ub3RpZmljYXRpb25bdHVpU2xvdD0ndG9wJ10sIGltZ1t0dWlTbG90PSd0b3AnXVwiIC8+XG4gICAgPGRpdiBjbGFzcz1cInQtYm9yZGVyXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlt0dWlTbG90PSd0b3AnXVwiIC8+XG4gICAgPC9kaXY+XG48L2Rpdj5cblxuPGRpdlxuICAgICNiYWRnZUJvdHRvbVxuICAgIGNsYXNzPVwidC1iYWRnZSB0LWJhZGdlX2JvdHRvbVwiXG4gICAgW3N0eWxlLi0tdC1iYWRnZS1oZWlnaHQucHhdPVwiYmFkZ2VCb3R0b20ub2Zmc2V0SGVpZ2h0XCJcbiAgICBbc3R5bGUuLS10LWltZ109XCJpbWdCb3R0b21cIlxuICAgICh3YVJlc2l6ZU9ic2VydmVyKT1cIm9uUmVzaXplKClcIlxuPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInR1aS1iYWRnZS1ub3RpZmljYXRpb25bdHVpU2xvdD0nYm90dG9tJ10sIGltZ1t0dWlTbG90PSdib3R0b20nXVwiIC8+XG4gICAgPGRpdiBjbGFzcz1cInQtYm9yZGVyXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlt0dWlTbG90PSdib3R0b20nXVwiIC8+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -18,6 +18,7 @@ class TuiButtonLoading {
|
|
|
18
18
|
}
|
|
19
19
|
onClick(event) {
|
|
20
20
|
if (this.loading) {
|
|
21
|
+
event.preventDefault();
|
|
21
22
|
event.stopPropagation();
|
|
22
23
|
}
|
|
23
24
|
}
|
|
@@ -66,4 +67,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
66
67
|
}], loading: [{
|
|
67
68
|
type: Input
|
|
68
69
|
}] } });
|
|
69
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWxvYWRpbmcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvYnV0dG9uLWxvYWRpbmcvYnV0dG9uLWxvYWRpbmcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNoRixPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sbUNBQW1DLENBQUM7QUFDOUQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sa0NBQWtDLENBQUM7QUFDcEUsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGtDQUFrQyxDQUFDO0FBRTNELE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSxvQ0FBb0MsQ0FBQzs7QUFFakUsTUF1QmEsZ0JBQWdCO0lBdkI3QjtRQXdCcUIsWUFBTyxHQUFHLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBRy9DLFNBQUksR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQztRQUd6QixZQUFPLEdBQTRCLEtBQUssQ0FBQztLQWdCbkQ7SUFkRyxJQUFjLFVBQVU7UUFDcEIsT0FBTyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQztJQUNoRCxDQUFDO0lBRUQsSUFBYyxLQUFLO1FBQ2YsT0FBTyxXQUFXLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDekQsQ0FBQztJQUVTLE9BQU8sQ0FBQyxLQUFpQjtRQUMvQixJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDZCxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDdkIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1NBQzNCO0lBQ0wsQ0FBQzsrR0F0QlEsZ0JBQWdCO21HQUFoQixnQkFBZ0Isa1NBbkJmOzs7Ozs7Ozs7OztLQVdULDREQVpTLFNBQVM7O1NBb0JWLGdCQUFnQjs0RkFBaEIsZ0JBQWdCO2tCQXZCNUIsU0FBUzttQkFBQztvQkFDUCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLCtDQUErQztvQkFDekQsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDO29CQUNwQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7O0tBV1Q7b0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLElBQUksRUFBRTt3QkFDRixzQkFBc0IsRUFBRSxTQUFTO3dCQUNqQyxrQkFBa0IsRUFBRSxTQUFTO3dCQUM3QixpQkFBaUIsRUFBRSxpQkFBaUI7cUJBQ3ZDO2lCQUNKOzhCQUtVLElBQUk7c0JBRFYsS0FBSztnQkFJQyxPQUFPO3NCQURiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGluamVjdCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHt0dWlJc1N0cmluZ30gZnJvbSAnQHRhaWdhLXVpL2Nkay91dGlscy9taXNjZWxsYW5lb3VzJztcbmltcG9ydCB7VFVJX0JVVFRPTl9PUFRJT05TfSBmcm9tICdAdGFpZ2EtdWkvY29yZS9jb21wb25lbnRzL2J1dHRvbic7XG5pbXBvcnQge1R1aUxvYWRlcn0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvY29tcG9uZW50cy9sb2FkZXInO1xuaW1wb3J0IHR5cGUge1R1aVNpemVTfSBmcm9tICdAdGFpZ2EtdWkvY29yZS90eXBlcyc7XG5pbXBvcnQge3R1aVNpemVCaWdnZXJ9IGZyb20gJ0B0YWlnYS11aS9jb3JlL3V0aWxzL21pc2NlbGxhbmVvdXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHNlbGVjdG9yOiAnW3R1aUJ1dHRvbl1bbG9hZGluZ10sW3R1aUljb25CdXR0b25dW2xvYWRpbmddJyxcbiAgICBpbXBvcnRzOiBbVHVpTG9hZGVyXSxcbiAgICB0ZW1wbGF0ZTogYFxuICAgICAgICA8bmctY29udGVudCAvPlxuICAgICAgICA8dHVpLWxvYWRlclxuICAgICAgICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICAgICAgICAgIHJvbGU9XCJzdGF0dXNcIlxuICAgICAgICAgICAgY2xhc3M9XCJ0LWxvYWRlclwiXG4gICAgICAgICAgICBbaW5oZXJpdENvbG9yXT1cInRydWVcIlxuICAgICAgICAgICAgW3Nob3dMb2FkZXJdPVwiISFsb2FkaW5nXCJcbiAgICAgICAgICAgIFtzaXplXT1cImxvYWRlclNpemVcIlxuICAgICAgICAgICAgW3RleHRDb250ZW50XT1cImxhYmVsXCJcbiAgICAgICAgLz5cbiAgICBgLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ1thdHRyLmFyaWEtZGlzYWJsZWRdJzogJ2xvYWRpbmcnLFxuICAgICAgICAnW2NsYXNzLl9sb2FkaW5nXSc6ICdsb2FkaW5nJyxcbiAgICAgICAgJyhjbGljay5jYXB0dXJlKSc6ICdvbkNsaWNrKCRldmVudCknLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUJ1dHRvbkxvYWRpbmcge1xuICAgIHByaXZhdGUgcmVhZG9ubHkgb3B0aW9ucyA9IGluamVjdChUVUlfQlVUVE9OX09QVElPTlMpO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgc2l6ZSA9IHRoaXMub3B0aW9ucy5zaXplO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgbG9hZGluZzogYm9vbGVhbiB8IHN0cmluZyB8IG51bGwgPSBmYWxzZTtcblxuICAgIHByb3RlY3RlZCBnZXQgbG9hZGVyU2l6ZSgpOiBUdWlTaXplUyB7XG4gICAgICAgIHJldHVybiB0dWlTaXplQmlnZ2VyKHRoaXMuc2l6ZSkgPyAnbScgOiAncyc7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIGdldCBsYWJlbCgpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdHVpSXNTdHJpbmcodGhpcy5sb2FkaW5nKSA/IHRoaXMubG9hZGluZyA6ICcnO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBvbkNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmxvYWRpbmcpIHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiJdfQ==
|