@taiga-ui/kit 4.8.1 → 4.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/action-bar/action-bar.component.d.ts +6 -2
- package/components/avatar/avatar.component.d.ts +0 -1
- package/components/breadcrumbs/breadcrumbs.component.d.ts +6 -1
- package/components/breadcrumbs/breadcrumbs.options.d.ts +1 -0
- package/components/calendar-range/calculate-disabled-item-handler.d.ts +3 -0
- package/components/calendar-range/index.d.ts +1 -0
- package/components/checkbox/checkbox.component.d.ts +1 -1
- package/components/confirm/confirm.component.d.ts +1 -1
- package/components/input-phone-international/input-phone-international.component.d.ts +12 -1
- package/components/input-phone-international/input-phone-international.options.d.ts +1 -1
- package/components/items-with-more/items-with-more.component.d.ts +4 -3
- package/components/items-with-more/items-with-more.directive.d.ts +2 -1
- package/components/items-with-more/items-with-more.service.d.ts +2 -1
- package/components/like/like.component.d.ts +1 -1
- package/components/progress/progress-circle/progress-circle.component.d.ts +1 -1
- package/components/radio/radio.component.d.ts +1 -1
- package/components/switch/switch.component.d.ts +1 -1
- package/components/tabs/tabs.providers.d.ts +1 -2
- package/components/tiles/tile.service.d.ts +1 -1
- package/components/tree/components/tree-item/tree-item.component.d.ts +2 -2
- package/components/tree/components/tree-item-content/tree-item-content.component.d.ts +1 -1
- package/components/tree/misc/tree.tokens.d.ts +8 -9
- package/directives/button-select/button-select.directive.d.ts +1 -1
- package/directives/lazy-loading/lazy-loading.directive.d.ts +5 -1
- package/esm2022/components/accordion/accordion-item.component.mjs +3 -3
- package/esm2022/components/action-bar/action-bar.component.mjs +18 -4
- package/esm2022/components/avatar/avatar.component.mjs +4 -8
- package/esm2022/components/breadcrumbs/breadcrumbs.component.mjs +43 -4
- package/esm2022/components/breadcrumbs/breadcrumbs.options.mjs +2 -1
- package/esm2022/components/calendar-range/calculate-disabled-item-handler.mjs +11 -0
- package/esm2022/components/calendar-range/calendar-range.component.mjs +3 -11
- package/esm2022/components/calendar-range/index.mjs +2 -1
- package/esm2022/components/checkbox/checkbox.component.mjs +10 -4
- package/esm2022/components/chip/chip.directive.mjs +2 -2
- package/esm2022/components/confirm/confirm.component.mjs +2 -3
- package/esm2022/components/files/input-files/input-files.component.mjs +3 -3
- package/esm2022/components/input-phone-international/input-phone-international.component.mjs +34 -14
- package/esm2022/components/input-phone-international/input-phone-international.options.mjs +1 -1
- package/esm2022/components/items-with-more/items-with-more.component.mjs +19 -7
- package/esm2022/components/items-with-more/items-with-more.directive.mjs +5 -2
- package/esm2022/components/items-with-more/items-with-more.service.mjs +39 -15
- package/esm2022/components/like/like.component.mjs +1 -1
- package/esm2022/components/line-clamp/line-clamp-box.component.mjs +3 -3
- package/esm2022/components/progress/progress-circle/progress-circle.component.mjs +6 -6
- package/esm2022/components/radio/radio.component.mjs +10 -4
- package/esm2022/components/radio-list/radio-list.component.mjs +2 -3
- package/esm2022/components/switch/switch.component.mjs +10 -4
- package/esm2022/components/tabs/tab.directive.mjs +7 -3
- package/esm2022/components/tabs/tabs.providers.mjs +4 -3
- package/esm2022/components/tiles/tile.service.mjs +1 -1
- package/esm2022/components/tree/components/tree-item/tree-item.component.mjs +8 -7
- package/esm2022/components/tree/components/tree-item-content/tree-item-content.component.mjs +7 -6
- package/esm2022/components/tree/misc/tree.tokens.mjs +5 -6
- package/esm2022/directives/button-group/button-group.directive.mjs +2 -2
- package/esm2022/directives/button-select/button-select.directive.mjs +2 -2
- package/esm2022/directives/lazy-loading/lazy-loading.directive.mjs +9 -4
- package/esm2022/directives/tooltip/tooltip.directive.mjs +2 -2
- package/esm2022/pipes/filter-by-input/filter-by-input.pipe.mjs +9 -5
- package/esm2022/tokens/calendar-date-stream.mjs +4 -3
- package/esm2022/tokens/date-inputs-value-transformers.mjs +6 -6
- package/esm2022/tokens/i18n.mjs +2 -1
- package/esm2022/tokens/mobile-calendar.mjs +4 -3
- package/esm2022/tokens/validation-errors.mjs +2 -4
- package/esm2022/utils/index.mjs +2 -1
- package/esm2022/utils/phone.mjs +6 -0
- package/fesm2022/taiga-ui-kit-components-accordion.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-accordion.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-action-bar.mjs +17 -3
- package/fesm2022/taiga-ui-kit-components-action-bar.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-avatar.mjs +3 -7
- package/fesm2022/taiga-ui-kit-components-avatar.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-breadcrumbs.mjs +43 -3
- package/fesm2022/taiga-ui-kit-components-breadcrumbs.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-calendar-range.mjs +13 -11
- package/fesm2022/taiga-ui-kit-components-calendar-range.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-checkbox.mjs +9 -3
- package/fesm2022/taiga-ui-kit-components-checkbox.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-chip.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-chip.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-confirm.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-files.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-files.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-phone-international.mjs +33 -29
- package/fesm2022/taiga-ui-kit-components-input-phone-international.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-items-with-more.mjs +60 -21
- package/fesm2022/taiga-ui-kit-components-items-with-more.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-like.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-line-clamp.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-line-clamp.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-progress.mjs +4 -5
- package/fesm2022/taiga-ui-kit-components-progress.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-radio-list.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-radio.mjs +9 -3
- package/fesm2022/taiga-ui-kit-components-radio.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-switch.mjs +9 -3
- package/fesm2022/taiga-ui-kit-components-switch.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-tabs.mjs +8 -4
- package/fesm2022/taiga-ui-kit-components-tabs.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-tiles.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-tree.mjs +16 -15
- package/fesm2022/taiga-ui-kit-components-tree.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-button-group.mjs +2 -2
- package/fesm2022/taiga-ui-kit-directives-button-group.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-button-select.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-lazy-loading.mjs +8 -3
- package/fesm2022/taiga-ui-kit-directives-lazy-loading.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-tooltip.mjs +2 -2
- package/fesm2022/taiga-ui-kit-directives-tooltip.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-pipes-filter-by-input.mjs +8 -4
- package/fesm2022/taiga-ui-kit-pipes-filter-by-input.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-tokens.mjs +11 -12
- package/fesm2022/taiga-ui-kit-tokens.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-utils.mjs +7 -1
- package/fesm2022/taiga-ui-kit-utils.mjs.map +1 -1
- package/package.json +25 -25
- package/styles/components/chip.less +1 -1
- package/styles/components/like.less +1 -1
- package/tokens/calendar-date-stream.d.ts +1 -2
- package/tokens/date-inputs-value-transformers.d.ts +4 -5
- package/tokens/i18n.d.ts +1 -0
- package/tokens/mobile-calendar.d.ts +1 -2
- package/tokens/validation-errors.d.ts +2 -3
- package/utils/index.d.ts +1 -0
- package/utils/phone.d.ts +3 -0
- package/components/input-phone-international/get-country-calling-code.pipe.d.ts +0 -9
- package/esm2022/components/input-phone-international/get-country-calling-code.pipe.mjs +0 -22
|
@@ -1,7 +1,11 @@
|
|
|
1
|
+
import type { TuiButtonOptions } from '@taiga-ui/core/components/button';
|
|
2
|
+
import type { TuiSizeS } from '@taiga-ui/core/types';
|
|
1
3
|
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class TuiActionBarComponent {
|
|
4
|
+
export declare class TuiActionBarComponent implements TuiButtonOptions {
|
|
3
5
|
protected readonly animation: import("@angular/animations").AnimationOptions;
|
|
4
6
|
expanded: boolean;
|
|
7
|
+
size: TuiSizeS;
|
|
8
|
+
readonly appearance = "glass";
|
|
5
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiActionBarComponent, never>;
|
|
6
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiActionBarComponent, "tui-action-bar", never, { "expanded": { "alias": "expanded"; "required": false; }; }, {}, never, ["tui-data-list,[tuiMenu]", "*", "a,button,[tuiAction]"], true, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiActionBarComponent, "tui-action-bar", never, { "expanded": { "alias": "expanded"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["tui-data-list,[tuiMenu]", "*", "a,button,[tuiAction]"], true, never>;
|
|
7
11
|
}
|
|
@@ -6,7 +6,6 @@ export declare class TuiAvatar {
|
|
|
6
6
|
size: "m" | "s" | "xs" | "l" | "xl" | "xxl";
|
|
7
7
|
round: boolean;
|
|
8
8
|
src?: SafeResourceUrl | string | null;
|
|
9
|
-
protected get safeSrc(): string;
|
|
10
9
|
protected get value(): SafeResourceUrl | string;
|
|
11
10
|
protected get svg(): boolean;
|
|
12
11
|
protected get type(): 'content' | 'icon' | 'img' | 'text';
|
|
@@ -5,7 +5,12 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
export declare class TuiBreadcrumbs {
|
|
6
6
|
protected readonly items: QueryList<TemplateRef<Record<string, unknown>>>;
|
|
7
7
|
protected readonly options: TuiBreadcrumbsOptions;
|
|
8
|
+
protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
|
|
9
|
+
protected readonly more: import("@angular/core").Signal<string>;
|
|
8
10
|
size: TuiBreadcrumbsOptions['size'];
|
|
11
|
+
itemsLimit: number;
|
|
12
|
+
protected get limit(): number;
|
|
13
|
+
protected get offset(): number;
|
|
9
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiBreadcrumbs, never>;
|
|
10
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiBreadcrumbs, "tui-breadcrumbs", never, { "size": { "alias": "size"; "required": false; }; }, {}, ["items"], never, true, never>;
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiBreadcrumbs, "tui-breadcrumbs", never, { "size": { "alias": "size"; "required": false; }; "itemsLimit": { "alias": "itemsLimit"; "required": false; }; }, {}, ["items"], never, true, never>;
|
|
11
16
|
}
|
|
@@ -3,6 +3,7 @@ import type { TuiSizeL } from '@taiga-ui/core/types';
|
|
|
3
3
|
export interface TuiBreadcrumbsOptions {
|
|
4
4
|
readonly icon: string;
|
|
5
5
|
readonly size: TuiSizeL;
|
|
6
|
+
readonly itemsLimit: number;
|
|
6
7
|
}
|
|
7
8
|
export declare const TUI_BREADCRUMBS_DEFAULT_OPTIONS: TuiBreadcrumbsOptions;
|
|
8
9
|
export declare const TUI_BREADCRUMBS_OPTIONS: import("@angular/core").InjectionToken<TuiBreadcrumbsOptions>;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import type { TuiDay, TuiDayLike, TuiDayRange } from '@taiga-ui/cdk/date-time';
|
|
2
|
+
import type { TuiBooleanHandler } from '@taiga-ui/cdk/types';
|
|
3
|
+
export declare const calculateDisabledItemHandler: (disabledItemHandler: TuiBooleanHandler<TuiDay>, value: TuiDayRange | null, minLength: TuiDayLike | null) => TuiBooleanHandler<TuiDay>;
|
|
@@ -16,5 +16,5 @@ export declare class TuiCheckbox implements OnInit, DoCheck {
|
|
|
16
16
|
ngDoCheck(): void;
|
|
17
17
|
protected getIcon(state: 'checked' | 'indeterminate'): string;
|
|
18
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiCheckbox, never>;
|
|
19
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiCheckbox, "input[type=\"checkbox\"][tuiCheckbox]", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiCheckbox, "input[type=\"checkbox\"][tuiCheckbox]", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAppearance; inputs: { "tuiAppearanceState": "tuiAppearanceState"; "tuiAppearanceFocus": "tuiAppearanceFocus"; }; outputs: {}; }, { directive: typeof i2.TuiNativeValidator; inputs: {}; outputs: {}; }]>;
|
|
20
20
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { TuiDialogContext } from '@taiga-ui/core/components/dialog';
|
|
2
|
-
import {
|
|
2
|
+
import type { PolymorpheusContent } from '@taiga-ui/polymorpheus';
|
|
3
3
|
import { PolymorpheusComponent } from '@taiga-ui/polymorpheus';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export interface TuiConfirmData {
|
|
@@ -9,6 +9,7 @@ import * as i1 from "@taiga-ui/core/directives/group";
|
|
|
9
9
|
import * as i2 from "@taiga-ui/core/directives/dropdown";
|
|
10
10
|
export declare class TuiInputPhoneInternational extends TuiControl<string> {
|
|
11
11
|
private readonly input?;
|
|
12
|
+
private readonly listOptions?;
|
|
12
13
|
protected readonly dropdown: import("@angular/core").WritableSignal<import("@taiga-ui/polymorpheus").PolymorpheusComponent<unknown> | import("@taiga-ui/polymorpheus").PolymorpheusPrimitive | import("@taiga-ui/polymorpheus").PolymorpheusHandler<any> | import("@taiga-ui/polymorpheus").PolymorpheusTemplate<"" | Partial<any>> | TemplateRef<Partial<any>>>;
|
|
13
14
|
protected readonly options: import("./input-phone-international.options").TuiInputPhoneInternationalOptions;
|
|
14
15
|
protected readonly size: import("@angular/core").WritableSignal<"m" | "l" | "s">;
|
|
@@ -16,12 +17,22 @@ export declare class TuiInputPhoneInternational extends TuiControl<string> {
|
|
|
16
17
|
protected readonly names: import("@angular/core").Signal<Record<TuiCountryIsoCode, string> | undefined>;
|
|
17
18
|
protected readonly metadata: import("@angular/core").Signal<MetadataJson | undefined>;
|
|
18
19
|
protected readonly countryIsoCode: import("@angular/core").WritableSignal<TuiCountryIsoCode>;
|
|
20
|
+
protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
|
|
21
|
+
protected readonly internationalSearchLabel$: import("rxjs").Observable<string>;
|
|
22
|
+
protected readonly search: import("@angular/core").WritableSignal<string>;
|
|
23
|
+
protected readonly filtered: import("@angular/core").Signal<{
|
|
24
|
+
iso: TuiCountryIsoCode;
|
|
25
|
+
name: string;
|
|
26
|
+
code: string;
|
|
27
|
+
}[]>;
|
|
19
28
|
protected readonly mask: import("@angular/core").Signal<MaskitoOptions | null>;
|
|
20
29
|
protected readonly $: import("@angular/core").Signal<boolean>;
|
|
21
30
|
protected textfieldValue: string;
|
|
22
31
|
countries: readonly TuiCountryIsoCode[];
|
|
32
|
+
countrySearch: boolean;
|
|
23
33
|
readonly countryIsoCodeChange: import("rxjs").Observable<TuiCountryIsoCode>;
|
|
24
34
|
set isoCode(code: TuiCountryIsoCode);
|
|
35
|
+
focusFirstItem(): void;
|
|
25
36
|
onPaste(event: Event): void;
|
|
26
37
|
onItemClick(isoCode: TuiCountryIsoCode): void;
|
|
27
38
|
writeValue(unmaskedValue: string): void;
|
|
@@ -30,5 +41,5 @@ export declare class TuiInputPhoneInternational extends TuiControl<string> {
|
|
|
30
41
|
protected onValueChange(maskedValue: string): void;
|
|
31
42
|
private computeMask;
|
|
32
43
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputPhoneInternational, never>;
|
|
33
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputPhoneInternational, "tui-input-phone-international", never, { "countries": { "alias": "countries"; "required": false; }; "isoCode": { "alias": "countryIsoCode"; "required": false; }; }, { "countryIsoCodeChange": "countryIsoCodeChange"; }, never, ["tui-icon, img", "*"], true, [{ directive: typeof i1.TuiGroup; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithDropdownOpen; inputs: {}; outputs: {}; }]>;
|
|
44
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputPhoneInternational, "tui-input-phone-international", never, { "countries": { "alias": "countries"; "required": false; }; "countrySearch": { "alias": "countrySearch"; "required": false; }; "isoCode": { "alias": "countryIsoCode"; "required": false; }; }, { "countryIsoCodeChange": "countryIsoCodeChange"; }, never, ["tui-icon, img", "*"], true, [{ directive: typeof i1.TuiGroup; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithDropdownOpen; inputs: {}; outputs: {}; }]>;
|
|
34
45
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { Provider } from '@angular/core';
|
|
2
2
|
import type { TuiCountryIsoCode } from '@taiga-ui/i18n/types';
|
|
3
3
|
import type { MetadataJson } from 'libphonenumber-js/core';
|
|
4
|
-
import {
|
|
4
|
+
import type { Observable } from 'rxjs';
|
|
5
5
|
export interface TuiInputPhoneInternationalOptions {
|
|
6
6
|
readonly countries: readonly TuiCountryIsoCode[];
|
|
7
7
|
readonly countryIsoCode: TuiCountryIsoCode;
|
|
@@ -2,14 +2,15 @@ import type { QueryList } from '@angular/core';
|
|
|
2
2
|
import { TemplateRef } from '@angular/core';
|
|
3
3
|
import type { TuiContext } from '@taiga-ui/cdk/types';
|
|
4
4
|
import { TuiItemsWithMoreDirective } from './items-with-more.directive';
|
|
5
|
-
import { TuiItemsWithMoreService } from './items-with-more.service';
|
|
6
5
|
import * as i0 from "@angular/core";
|
|
7
6
|
import * as i1 from "./items-with-more.directive";
|
|
8
7
|
export declare class TuiItemsWithMoreComponent {
|
|
9
8
|
protected readonly items: QueryList<TemplateRef<unknown>>;
|
|
10
9
|
protected readonly more?: TemplateRef<TuiContext<number>>;
|
|
11
10
|
protected readonly directive: TuiItemsWithMoreDirective;
|
|
12
|
-
protected readonly
|
|
11
|
+
protected readonly lastIndex: import("@angular/core").Signal<number>;
|
|
12
|
+
protected get isMoreHidden(): boolean;
|
|
13
|
+
protected isHidden(index: number): boolean;
|
|
13
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiItemsWithMoreComponent, never>;
|
|
14
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiItemsWithMoreComponent, "tui-items-with-more", never, {}, {}, ["more", "items"], never, true, [{ directive: typeof i1.TuiItemsWithMoreDirective; inputs: { "itemsLimit": "itemsLimit"; "required": "required"; }; outputs: {}; }]>;
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiItemsWithMoreComponent, "tui-items-with-more", never, {}, {}, ["more", "items"], never, true, [{ directive: typeof i1.TuiItemsWithMoreDirective; inputs: { "itemsLimit": "itemsLimit"; "required": "required"; "side": "side"; }; outputs: {}; }]>;
|
|
15
16
|
}
|
|
@@ -4,8 +4,9 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
export declare class TuiItemsWithMoreDirective implements OnChanges {
|
|
5
5
|
itemsLimit: number;
|
|
6
6
|
required: number;
|
|
7
|
+
side: 'end' | 'start';
|
|
7
8
|
readonly change$: Subject<void>;
|
|
8
9
|
ngOnChanges(): void;
|
|
9
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiItemsWithMoreDirective, never>;
|
|
10
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiItemsWithMoreDirective, never, never, { "itemsLimit": { "alias": "itemsLimit"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, {}, never, never, true, never>;
|
|
11
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiItemsWithMoreDirective, never, never, { "itemsLimit": { "alias": "itemsLimit"; "required": false; }; "required": { "alias": "required"; "required": false; }; "side": { "alias": "side"; "required": false; }; }, {}, never, never, true, never>;
|
|
11
12
|
}
|
|
@@ -5,8 +5,9 @@ export declare class TuiItemsWithMoreService extends Observable<number> {
|
|
|
5
5
|
private readonly directive;
|
|
6
6
|
protected readonly stream$: Observable<number>;
|
|
7
7
|
constructor();
|
|
8
|
-
private get maxItems();
|
|
9
8
|
private getOverflowIndex;
|
|
9
|
+
private getIndexStart;
|
|
10
|
+
private getIndexEnd;
|
|
10
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiItemsWithMoreService, never>;
|
|
11
12
|
static ɵprov: i0.ɵɵInjectableDeclaration<TuiItemsWithMoreService>;
|
|
12
13
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { TuiStringHandler } from '@taiga-ui/cdk/types';
|
|
2
2
|
import type { TuiSizeS } from '@taiga-ui/core/types';
|
|
3
|
-
import {
|
|
3
|
+
import type { TuiLikeOptions } from './like.options';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "@taiga-ui/core/directives/appearance";
|
|
6
6
|
export declare class TuiLike {
|
|
@@ -2,7 +2,7 @@ import type { TuiSizeXXL, TuiSizeXXS } from '@taiga-ui/core/types';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class TuiProgressCircle {
|
|
4
4
|
private readonly options;
|
|
5
|
-
protected readonly animationDelay
|
|
5
|
+
protected readonly animationDelay: import("@angular/core").Signal<boolean | undefined>;
|
|
6
6
|
value: number;
|
|
7
7
|
max: number;
|
|
8
8
|
color: string | null;
|
|
@@ -12,5 +12,5 @@ export declare class TuiRadioComponent implements DoCheck {
|
|
|
12
12
|
size: TuiSizeS;
|
|
13
13
|
ngDoCheck(): void;
|
|
14
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiRadioComponent, never>;
|
|
15
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiRadioComponent, "input[type=\"radio\"][tuiRadio]", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiRadioComponent, "input[type=\"radio\"][tuiRadio]", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAppearance; inputs: { "tuiAppearanceState": "tuiAppearanceState"; "tuiAppearanceFocus": "tuiAppearanceFocus"; }; outputs: {}; }, { directive: typeof i2.TuiNativeValidator; inputs: {}; outputs: {}; }]>;
|
|
16
16
|
}
|
|
@@ -15,5 +15,5 @@ export declare class TuiSwitch implements DoCheck {
|
|
|
15
15
|
ngDoCheck(): void;
|
|
16
16
|
protected get icon(): string | null;
|
|
17
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiSwitch, never>;
|
|
18
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiSwitch, "input[type=\"checkbox\"][tuiSwitch]", never, { "size": { "alias": "size"; "required": false; }; "showIcons": { "alias": "showIcons"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.
|
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiSwitch, "input[type=\"checkbox\"][tuiSwitch]", never, { "size": { "alias": "size"; "required": false; }; "showIcons": { "alias": "showIcons"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAppearance; inputs: { "tuiAppearanceState": "tuiAppearanceState"; "tuiAppearanceFocus": "tuiAppearanceFocus"; }; outputs: {}; }, { directive: typeof i2.TuiNativeValidator; inputs: {}; outputs: {}; }]>;
|
|
19
19
|
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import type { Provider } from '@angular/core';
|
|
2
|
-
import { InjectionToken } from '@angular/core';
|
|
3
2
|
import type { Observable } from 'rxjs';
|
|
4
|
-
export declare const TUI_TABS_REFRESH: InjectionToken<Observable<unknown>>;
|
|
3
|
+
export declare const TUI_TABS_REFRESH: import("@angular/core").InjectionToken<Observable<unknown>>;
|
|
5
4
|
export declare const TUI_TABS_PROVIDERS: Provider[];
|
|
@@ -9,8 +9,8 @@ export declare class TuiTreeItem implements DoCheck {
|
|
|
9
9
|
private readonly change$;
|
|
10
10
|
protected readonly level: number;
|
|
11
11
|
protected readonly content: PolymorpheusContent<TuiTreeItemContext>;
|
|
12
|
-
protected readonly expanded
|
|
13
|
-
protected readonly attached
|
|
12
|
+
protected readonly expanded: import("@angular/core").Signal<boolean>;
|
|
13
|
+
protected readonly attached: import("@angular/core").Signal<boolean>;
|
|
14
14
|
get isExpandable(): boolean;
|
|
15
15
|
get isExpanded(): boolean;
|
|
16
16
|
ngDoCheck(): void;
|
|
@@ -6,7 +6,7 @@ export declare class TuiTreeItemContent implements DoCheck {
|
|
|
6
6
|
private readonly change$;
|
|
7
7
|
protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
|
|
8
8
|
protected readonly context: TuiTreeItemContext;
|
|
9
|
-
protected readonly expanded
|
|
9
|
+
protected readonly expanded: import("@angular/core").Signal<boolean>;
|
|
10
10
|
ngDoCheck(): void;
|
|
11
11
|
protected get isExpandable(): boolean;
|
|
12
12
|
protected get isExpanded(): boolean;
|
|
@@ -1,35 +1,34 @@
|
|
|
1
|
-
import { InjectionToken } from '@angular/core';
|
|
2
1
|
import type { PolymorpheusContent } from '@taiga-ui/polymorpheus';
|
|
3
2
|
import type { TuiTreeAccessor, TuiTreeItemContext, TuiTreeLoader } from './tree.interfaces';
|
|
4
3
|
/**
|
|
5
4
|
* Controller for tracking value - TuiTreeItemComponent pairs
|
|
6
5
|
*/
|
|
7
|
-
export declare const TUI_TREE_ACCESSOR: InjectionToken<TuiTreeAccessor<unknown>>;
|
|
6
|
+
export declare const TUI_TREE_ACCESSOR: import("@angular/core").InjectionToken<TuiTreeAccessor<unknown>>;
|
|
8
7
|
/**
|
|
9
8
|
* Controller for expanding the tree
|
|
10
9
|
*/
|
|
11
|
-
export declare const TUI_TREE_CONTROLLER: InjectionToken<import("./tree.interfaces").TuiTreeController>;
|
|
10
|
+
export declare const TUI_TREE_CONTROLLER: import("@angular/core").InjectionToken<import("./tree.interfaces").TuiTreeController>;
|
|
12
11
|
/**
|
|
13
12
|
* A node of a tree view
|
|
14
13
|
*/
|
|
15
|
-
export declare const TUI_TREE_NODE: InjectionToken<unknown>;
|
|
14
|
+
export declare const TUI_TREE_NODE: import("@angular/core").InjectionToken<unknown>;
|
|
16
15
|
/**
|
|
17
16
|
* A tree node placeholder for loading
|
|
18
17
|
*/
|
|
19
|
-
export declare const TUI_TREE_LOADING: InjectionToken<{}>;
|
|
18
|
+
export declare const TUI_TREE_LOADING: import("@angular/core").InjectionToken<{}>;
|
|
20
19
|
/**
|
|
21
20
|
* A tree node starting point
|
|
22
21
|
*/
|
|
23
|
-
export declare const TUI_TREE_START: InjectionToken<unknown>;
|
|
22
|
+
export declare const TUI_TREE_START: import("@angular/core").InjectionToken<unknown>;
|
|
24
23
|
/**
|
|
25
24
|
* A service to load tree progressively
|
|
26
25
|
*/
|
|
27
|
-
export declare const TUI_TREE_LOADER: InjectionToken<TuiTreeLoader<unknown>>;
|
|
26
|
+
export declare const TUI_TREE_LOADER: import("@angular/core").InjectionToken<TuiTreeLoader<unknown>>;
|
|
28
27
|
/**
|
|
29
28
|
* Content for a tree item
|
|
30
29
|
*/
|
|
31
|
-
export declare const TUI_TREE_CONTENT: InjectionToken<PolymorpheusContent<TuiTreeItemContext>>;
|
|
30
|
+
export declare const TUI_TREE_CONTENT: import("@angular/core").InjectionToken<PolymorpheusContent<TuiTreeItemContext>>;
|
|
32
31
|
/**
|
|
33
32
|
* Nesting level of current TreeView node
|
|
34
33
|
*/
|
|
35
|
-
export declare const TUI_TREE_LEVEL: InjectionToken<number>;
|
|
34
|
+
export declare const TUI_TREE_LEVEL: import("@angular/core").InjectionToken<number>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TuiControl } from '@taiga-ui/cdk/classes';
|
|
2
|
-
import {
|
|
2
|
+
import type { TuiDataListHost } from '@taiga-ui/core/components/data-list';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@taiga-ui/core/directives/dropdown";
|
|
5
5
|
import * as i2 from "@taiga-ui/core/components/textfield";
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
import type { SafeResourceUrl } from '@angular/platform-browser';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* @deprecated: Drop in v5.0
|
|
5
|
+
*/
|
|
3
6
|
export declare class TuiImgLazyLoading {
|
|
7
|
+
private readonly isServer;
|
|
4
8
|
private readonly loading$;
|
|
5
9
|
protected readonly supported: boolean;
|
|
6
10
|
protected src: import("@angular/core").WritableSignal<string | SafeResourceUrl | null>;
|
|
7
|
-
protected animation: import("@angular/core").WritableSignal<string>;
|
|
8
11
|
protected background: import("@angular/core").WritableSignal<string>;
|
|
12
|
+
protected animation: import("@angular/core").WritableSignal<string>;
|
|
9
13
|
protected readonly $: false | import("rxjs").Subscription;
|
|
10
14
|
set srcSetter(src: SafeResourceUrl | string);
|
|
11
15
|
protected unset(): void;
|
|
@@ -45,7 +45,7 @@ class TuiAccordionItem {
|
|
|
45
45
|
this.openChange.emit(open);
|
|
46
46
|
}
|
|
47
47
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
48
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAccordionItem, isStandalone: true, selector: "tui-accordion-item", inputs: { noPadding: "noPadding", showArrow: "showArrow", borders: "borders", size: "size", disabled: "disabled", disableHover: "disableHover", open: "open", async: "async" }, outputs: { openChange: "openChange" }, host: { properties: { "class._no-padding": "noPadding", "class._has-arrow": "showArrow", "attr.data-borders": "borders", "attr.data-size": "size", "class._disabled": "disabled" } }, queries: [{ propertyName: "eagerContent", first: true, predicate: TuiAccordionItemEagerContent, descendants: true }, { propertyName: "lazyContent", first: true, predicate: TuiAccordionItemContent, descendants: true }], ngImport: i0, template: "<div\n automation-id=\"tui-accordion__item-wrapper\"\n class=\"t-wrapper\"\n>\n <button\n automation-id=\"tui-accordion__item-header\"\n type=\"button\"\n class=\"t-header\"\n [class.t-header_hoverable]=\"!disableHover\"\n [class.t-header_open]=\"open\"\n [disabled]=\"disabled\"\n (click)=\"onRowToggle()\"\n (keydown.esc)=\"onItemKeyDownEsc($event)\"\n >\n <span\n automation-id=\"tui-accordion__item-title\"\n class=\"t-title\"\n >\n <ng-content />\n </span>\n <ng-container *ngIf=\"showArrow\">\n <tui-icon\n class=\"t-icon\"\n [tuiChevron]=\"open\"\n />\n </ng-container>\n </button>\n <tui-expand\n [async]=\"async\"\n [expanded]=\"open\"\n >\n <ng-template tuiExpandContent>\n <div\n *ngIf=\"lazyContent\"\n automation-id=\"tui-accordion__item-content\"\n class=\"t-content\"\n >\n <ng-container *polymorpheusOutlet=\"lazyContent as text\">\n {{ text }}\n </ng-container>\n </div>\n </ng-template>\n <div\n *ngIf=\"eagerContent\"\n class=\"t-content\"\n >\n <ng-content select=\"[tuiAccordionItemContent]\" />\n </div>\n </tui-expand>\n</div>\n", styles: [":host{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}:host[data-borders=top-bottom]{border-radius:0!important}::ng-deep tui-accordion{inline-size:100%}.t-wrapper{position:relative;border-radius:inherit}.t-wrapper:after{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;content:\"\";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-border-normal);pointer-events:none}:host:not([data-borders]) .t-wrapper:after{border-width:0}:host[data-borders=all] .t-wrapper:after{border-width:1px}:host[data-borders=top-bottom] .t-wrapper:after{border-inline-start-width:0;border-inline-end-width:0}:host[data-borders=top] .t-wrapper:after{border-inline-start-width:0;border-inline-end-width:0;border-block-end-width:0}:host[data-borders=bottom] .t-wrapper:after{border-inline-start-width:0;border-inline-end-width:0;border-block-start-width:0}.t-header{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;inline-size:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-block-end:1px solid var(--tui-border-normal);min-block-size:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-primary);cursor:pointer;text-align:start;outline:none}.t-header:focus-visible{box-shadow:inset 0 0 0 2px var(--tui-border-focus)}:host:not([data-borders]) .t-header{border-block-end-width:0}:host._has-arrow .t-header{padding-right:.75rem}:host-context([tuiTheme=\"dark\"]) .t-header_open{background:var(--tui-background-neutral-1)}:host[data-size=s] .t-header{font:var(--tui-font-text-m);min-block-size:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}:host._no-padding .t-header{padding-left:0;padding-right:0}:host._disabled .t-header{cursor:default}.t-wrapper:hover>.t-header_hoverable{background:var(--tui-background-base-alt)}.t-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}:host._has-arrow .t-title{margin-right:.5rem}.t-icon{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-left:auto;border:.25rem
|
|
48
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAccordionItem, isStandalone: true, selector: "tui-accordion-item", inputs: { noPadding: "noPadding", showArrow: "showArrow", borders: "borders", size: "size", disabled: "disabled", disableHover: "disableHover", open: "open", async: "async" }, outputs: { openChange: "openChange" }, host: { properties: { "class._no-padding": "noPadding", "class._has-arrow": "showArrow", "attr.data-borders": "borders", "attr.data-size": "size", "class._disabled": "disabled" } }, queries: [{ propertyName: "eagerContent", first: true, predicate: TuiAccordionItemEagerContent, descendants: true }, { propertyName: "lazyContent", first: true, predicate: TuiAccordionItemContent, descendants: true }], ngImport: i0, template: "<div\n automation-id=\"tui-accordion__item-wrapper\"\n class=\"t-wrapper\"\n>\n <button\n automation-id=\"tui-accordion__item-header\"\n type=\"button\"\n class=\"t-header\"\n [class.t-header_hoverable]=\"!disableHover\"\n [class.t-header_open]=\"open\"\n [disabled]=\"disabled\"\n (click)=\"onRowToggle()\"\n (keydown.esc)=\"onItemKeyDownEsc($event)\"\n >\n <span\n automation-id=\"tui-accordion__item-title\"\n class=\"t-title\"\n >\n <ng-content />\n </span>\n <ng-container *ngIf=\"showArrow\">\n <tui-icon\n class=\"t-icon\"\n [tuiChevron]=\"open\"\n />\n </ng-container>\n </button>\n <tui-expand\n [async]=\"async\"\n [expanded]=\"open\"\n >\n <ng-template tuiExpandContent>\n <div\n *ngIf=\"lazyContent\"\n automation-id=\"tui-accordion__item-content\"\n class=\"t-content\"\n >\n <ng-container *polymorpheusOutlet=\"lazyContent as text\">\n {{ text }}\n </ng-container>\n </div>\n </ng-template>\n <div\n *ngIf=\"eagerContent\"\n class=\"t-content\"\n >\n <ng-content select=\"[tuiAccordionItemContent]\" />\n </div>\n </tui-expand>\n</div>\n", styles: [":host{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}:host[data-borders=top-bottom]{border-radius:0!important}::ng-deep tui-accordion{inline-size:100%}.t-wrapper{position:relative;border-radius:inherit}.t-wrapper:after{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;content:\"\";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-border-normal);pointer-events:none}:host:not([data-borders]) .t-wrapper:after{border-width:0}:host[data-borders=all] .t-wrapper:after{border-width:1px}:host[data-borders=top-bottom] .t-wrapper:after{border-inline-start-width:0;border-inline-end-width:0}:host[data-borders=top] .t-wrapper:after{border-inline-start-width:0;border-inline-end-width:0;border-block-end-width:0}:host[data-borders=bottom] .t-wrapper:after{border-inline-start-width:0;border-inline-end-width:0;border-block-start-width:0}.t-header{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;inline-size:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-block-end:1px solid var(--tui-border-normal);min-block-size:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-primary);cursor:pointer;text-align:start;outline:none}.t-header:focus-visible{box-shadow:inset 0 0 0 2px var(--tui-border-focus)}:host:not([data-borders]) .t-header{border-block-end-width:0}:host._has-arrow .t-header{padding-right:.75rem}:host-context([tuiTheme=\"dark\"]) .t-header_open{background:var(--tui-background-neutral-1)}:host[data-size=s] .t-header{font:var(--tui-font-text-m);min-block-size:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}:host._no-padding .t-header{padding-left:0;padding-right:0}:host._disabled .t-header{cursor:default}.t-wrapper:hover>.t-header_hoverable{background:var(--tui-background-base-alt)}.t-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}:host._has-arrow .t-title{margin-right:.5rem}.t-icon{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-left:auto;border-width:.25rem;color:var(--tui-text-tertiary)}:host:hover .t-icon{color:var(--tui-text-secondary)}.t-content{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}:host[data-size=s] .t-content{font:var(--tui-font-text-s);padding:1rem}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "component", type: i1.TuiExpandComponent, selector: "tui-expand", inputs: ["async", "expanded"] }, { kind: "directive", type: i1.TuiExpandContent, selector: "[tuiExpandContent]" }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
49
49
|
}
|
|
50
50
|
export { TuiAccordionItem };
|
|
51
51
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAccordionItem, decorators: [{
|
|
@@ -56,7 +56,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
56
56
|
'[attr.data-borders]': 'borders',
|
|
57
57
|
'[attr.data-size]': 'size',
|
|
58
58
|
'[class._disabled]': 'disabled',
|
|
59
|
-
}, template: "<div\n automation-id=\"tui-accordion__item-wrapper\"\n class=\"t-wrapper\"\n>\n <button\n automation-id=\"tui-accordion__item-header\"\n type=\"button\"\n class=\"t-header\"\n [class.t-header_hoverable]=\"!disableHover\"\n [class.t-header_open]=\"open\"\n [disabled]=\"disabled\"\n (click)=\"onRowToggle()\"\n (keydown.esc)=\"onItemKeyDownEsc($event)\"\n >\n <span\n automation-id=\"tui-accordion__item-title\"\n class=\"t-title\"\n >\n <ng-content />\n </span>\n <ng-container *ngIf=\"showArrow\">\n <tui-icon\n class=\"t-icon\"\n [tuiChevron]=\"open\"\n />\n </ng-container>\n </button>\n <tui-expand\n [async]=\"async\"\n [expanded]=\"open\"\n >\n <ng-template tuiExpandContent>\n <div\n *ngIf=\"lazyContent\"\n automation-id=\"tui-accordion__item-content\"\n class=\"t-content\"\n >\n <ng-container *polymorpheusOutlet=\"lazyContent as text\">\n {{ text }}\n </ng-container>\n </div>\n </ng-template>\n <div\n *ngIf=\"eagerContent\"\n class=\"t-content\"\n >\n <ng-content select=\"[tuiAccordionItemContent]\" />\n </div>\n </tui-expand>\n</div>\n", styles: [":host{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}:host[data-borders=top-bottom]{border-radius:0!important}::ng-deep tui-accordion{inline-size:100%}.t-wrapper{position:relative;border-radius:inherit}.t-wrapper:after{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;content:\"\";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-border-normal);pointer-events:none}:host:not([data-borders]) .t-wrapper:after{border-width:0}:host[data-borders=all] .t-wrapper:after{border-width:1px}:host[data-borders=top-bottom] .t-wrapper:after{border-inline-start-width:0;border-inline-end-width:0}:host[data-borders=top] .t-wrapper:after{border-inline-start-width:0;border-inline-end-width:0;border-block-end-width:0}:host[data-borders=bottom] .t-wrapper:after{border-inline-start-width:0;border-inline-end-width:0;border-block-start-width:0}.t-header{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;inline-size:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-block-end:1px solid var(--tui-border-normal);min-block-size:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-primary);cursor:pointer;text-align:start;outline:none}.t-header:focus-visible{box-shadow:inset 0 0 0 2px var(--tui-border-focus)}:host:not([data-borders]) .t-header{border-block-end-width:0}:host._has-arrow .t-header{padding-right:.75rem}:host-context([tuiTheme=\"dark\"]) .t-header_open{background:var(--tui-background-neutral-1)}:host[data-size=s] .t-header{font:var(--tui-font-text-m);min-block-size:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}:host._no-padding .t-header{padding-left:0;padding-right:0}:host._disabled .t-header{cursor:default}.t-wrapper:hover>.t-header_hoverable{background:var(--tui-background-base-alt)}.t-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}:host._has-arrow .t-title{margin-right:.5rem}.t-icon{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-left:auto;border:.25rem
|
|
59
|
+
}, template: "<div\n automation-id=\"tui-accordion__item-wrapper\"\n class=\"t-wrapper\"\n>\n <button\n automation-id=\"tui-accordion__item-header\"\n type=\"button\"\n class=\"t-header\"\n [class.t-header_hoverable]=\"!disableHover\"\n [class.t-header_open]=\"open\"\n [disabled]=\"disabled\"\n (click)=\"onRowToggle()\"\n (keydown.esc)=\"onItemKeyDownEsc($event)\"\n >\n <span\n automation-id=\"tui-accordion__item-title\"\n class=\"t-title\"\n >\n <ng-content />\n </span>\n <ng-container *ngIf=\"showArrow\">\n <tui-icon\n class=\"t-icon\"\n [tuiChevron]=\"open\"\n />\n </ng-container>\n </button>\n <tui-expand\n [async]=\"async\"\n [expanded]=\"open\"\n >\n <ng-template tuiExpandContent>\n <div\n *ngIf=\"lazyContent\"\n automation-id=\"tui-accordion__item-content\"\n class=\"t-content\"\n >\n <ng-container *polymorpheusOutlet=\"lazyContent as text\">\n {{ text }}\n </ng-container>\n </div>\n </ng-template>\n <div\n *ngIf=\"eagerContent\"\n class=\"t-content\"\n >\n <ng-content select=\"[tuiAccordionItemContent]\" />\n </div>\n </tui-expand>\n</div>\n", styles: [":host{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}:host[data-borders=top-bottom]{border-radius:0!important}::ng-deep tui-accordion{inline-size:100%}.t-wrapper{position:relative;border-radius:inherit}.t-wrapper:after{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;content:\"\";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-border-normal);pointer-events:none}:host:not([data-borders]) .t-wrapper:after{border-width:0}:host[data-borders=all] .t-wrapper:after{border-width:1px}:host[data-borders=top-bottom] .t-wrapper:after{border-inline-start-width:0;border-inline-end-width:0}:host[data-borders=top] .t-wrapper:after{border-inline-start-width:0;border-inline-end-width:0;border-block-end-width:0}:host[data-borders=bottom] .t-wrapper:after{border-inline-start-width:0;border-inline-end-width:0;border-block-start-width:0}.t-header{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;inline-size:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-block-end:1px solid var(--tui-border-normal);min-block-size:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-primary);cursor:pointer;text-align:start;outline:none}.t-header:focus-visible{box-shadow:inset 0 0 0 2px var(--tui-border-focus)}:host:not([data-borders]) .t-header{border-block-end-width:0}:host._has-arrow .t-header{padding-right:.75rem}:host-context([tuiTheme=\"dark\"]) .t-header_open{background:var(--tui-background-neutral-1)}:host[data-size=s] .t-header{font:var(--tui-font-text-m);min-block-size:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}:host._no-padding .t-header{padding-left:0;padding-right:0}:host._disabled .t-header{cursor:default}.t-wrapper:hover>.t-header_hoverable{background:var(--tui-background-base-alt)}.t-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}:host._has-arrow .t-title{margin-right:.5rem}.t-icon{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-left:auto;border-width:.25rem;color:var(--tui-text-tertiary)}:host:hover .t-icon{color:var(--tui-text-secondary)}.t-content{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}:host[data-size=s] .t-content{font:var(--tui-font-text-s);padding:1rem}\n"] }]
|
|
60
60
|
}], propDecorators: { eagerContent: [{
|
|
61
61
|
type: ContentChild,
|
|
62
62
|
args: [TuiAccordionItemEagerContent]
|
|
@@ -82,4 +82,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
82
82
|
}], openChange: [{
|
|
83
83
|
type: Output
|
|
84
84
|
}] } });
|
|
85
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
85
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvYWNjb3JkaW9uL2FjY29yZGlvbi1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdC9jb21wb25lbnRzL2FjY29yZGlvbi9hY2NvcmRpb24taXRlbS50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxJQUFJLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUNyQyxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsWUFBWSxFQUNaLFlBQVksRUFDWixNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sR0FDVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sa0NBQWtDLENBQUM7QUFDM0QsT0FBTyxFQUFDLE9BQU8sRUFBQyxNQUFNLGdDQUFnQyxDQUFDO0FBRXZELE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRCxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUUxRCxPQUFPLEVBQUMsdUJBQXVCLEVBQUMsTUFBTSxvQ0FBb0MsQ0FBQztBQUMzRSxPQUFPLEVBQUMsNEJBQTRCLEVBQUMsTUFBTSwwQ0FBMEMsQ0FBQzs7O0FBRXRGLE1BZWEsZ0JBQWdCO0lBZjdCO1FBZ0JxQixRQUFHLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFTMUMsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUdsQixjQUFTLEdBQUcsSUFBSSxDQUFDO1FBR2pCLFlBQU8sR0FBZ0MsS0FBSyxDQUFDO1FBRzdDLFNBQUksR0FBYSxHQUFHLENBQUM7UUFHckIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUdqQixpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUdyQixTQUFJLEdBQUcsS0FBSyxDQUFDO1FBR2IsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUdMLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO0tBOEI1RDtJQTVCVSxLQUFLO1FBQ1IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN2QixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFUyxXQUFXO1FBQ2pCLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2hCLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDL0I7SUFDTCxDQUFDO0lBRVMsZ0JBQWdCLENBQUMsS0FBWTtRQUNuQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRTtZQUNaLE9BQU87U0FDVjtRQUVELEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFTyxVQUFVLENBQUMsSUFBYTtRQUM1QixJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssSUFBSSxFQUFFO1lBQ3BCLE9BQU87U0FDVjtRQUVELElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQy9CLENBQUM7K0dBL0RRLGdCQUFnQjttR0FBaEIsZ0JBQWdCLHFnQkFHWCw0QkFBNEIsOEVBRzVCLHVCQUF1QixnREN6Q3pDLHM3Q0FrREEsbWpGRDNCYyxJQUFJLDZGQUFFLGtCQUFrQiw4SEFBRSxVQUFVLDhRQUFhLE9BQU87O1NBWXpELGdCQUFnQjs0RkFBaEIsZ0JBQWdCO2tCQWY1QixTQUFTO2lDQUNNLElBQUksWUFDTixvQkFBb0IsV0FDckIsQ0FBQyxJQUFJLEVBQUUsa0JBQWtCLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxPQUFPLENBQUMsbUJBR2xELHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0YscUJBQXFCLEVBQUUsV0FBVzt3QkFDbEMsb0JBQW9CLEVBQUUsV0FBVzt3QkFDakMscUJBQXFCLEVBQUUsU0FBUzt3QkFDaEMsa0JBQWtCLEVBQUUsTUFBTTt3QkFDMUIsbUJBQW1CLEVBQUUsVUFBVTtxQkFDbEM7OEJBTWtCLFlBQVk7c0JBRDlCLFlBQVk7dUJBQUMsNEJBQTRCO2dCQUl2QixXQUFXO3NCQUQ3QixZQUFZO3VCQUFDLHVCQUF1QjtnQkFJOUIsU0FBUztzQkFEZixLQUFLO2dCQUlDLFNBQVM7c0JBRGYsS0FBSztnQkFJQyxPQUFPO3NCQURiLEtBQUs7Z0JBSUMsSUFBSTtzQkFEVixLQUFLO2dCQUlDLFFBQVE7c0JBRGQsS0FBSztnQkFJQyxZQUFZO3NCQURsQixLQUFLO2dCQUlDLElBQUk7c0JBRFYsS0FBSztnQkFJQyxLQUFLO3NCQURYLEtBQUs7Z0JBSVUsVUFBVTtzQkFEekIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdJZn0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgQ29tcG9uZW50LFxuICAgIENvbnRlbnRDaGlsZCxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgaW5qZWN0LFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1R1aUV4cGFuZH0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvY29tcG9uZW50cy9leHBhbmQnO1xuaW1wb3J0IHtUdWlJY29ufSBmcm9tICdAdGFpZ2EtdWkvY29yZS9jb21wb25lbnRzL2ljb24nO1xuaW1wb3J0IHR5cGUge1R1aVNpemVTfSBmcm9tICdAdGFpZ2EtdWkvY29yZS90eXBlcyc7XG5pbXBvcnQge1R1aUNoZXZyb259IGZyb20gJ0B0YWlnYS11aS9raXQvZGlyZWN0aXZlcyc7XG5pbXBvcnQge1BvbHltb3JwaGV1c091dGxldH0gZnJvbSAnQHRhaWdhLXVpL3BvbHltb3JwaGV1cyc7XG5cbmltcG9ydCB7VHVpQWNjb3JkaW9uSXRlbUNvbnRlbnR9IGZyb20gJy4vYWNjb3JkaW9uLWl0ZW0tY29udGVudC5kaXJlY3RpdmUnO1xuaW1wb3J0IHtUdWlBY2NvcmRpb25JdGVtRWFnZXJDb250ZW50fSBmcm9tICcuL2FjY29yZGlvbi1pdGVtLWVhZ2VyLWNvbnRlbnQuZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ3R1aS1hY2NvcmRpb24taXRlbScsXG4gICAgaW1wb3J0czogW05nSWYsIFBvbHltb3JwaGV1c091dGxldCwgVHVpQ2hldnJvbiwgVHVpRXhwYW5kLCBUdWlJY29uXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWNjb3JkaW9uLWl0ZW0udGVtcGxhdGUuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYWNjb3JkaW9uLWl0ZW0uc3R5bGUubGVzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ1tjbGFzcy5fbm8tcGFkZGluZ10nOiAnbm9QYWRkaW5nJyxcbiAgICAgICAgJ1tjbGFzcy5faGFzLWFycm93XSc6ICdzaG93QXJyb3cnLFxuICAgICAgICAnW2F0dHIuZGF0YS1ib3JkZXJzXSc6ICdib3JkZXJzJyxcbiAgICAgICAgJ1thdHRyLmRhdGEtc2l6ZV0nOiAnc2l6ZScsXG4gICAgICAgICdbY2xhc3MuX2Rpc2FibGVkXSc6ICdkaXNhYmxlZCcsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQWNjb3JkaW9uSXRlbSB7XG4gICAgcHJpdmF0ZSByZWFkb25seSBjZHIgPSBpbmplY3QoQ2hhbmdlRGV0ZWN0b3JSZWYpO1xuXG4gICAgQENvbnRlbnRDaGlsZChUdWlBY2NvcmRpb25JdGVtRWFnZXJDb250ZW50KVxuICAgIHByb3RlY3RlZCByZWFkb25seSBlYWdlckNvbnRlbnQ/OiBUdWlBY2NvcmRpb25JdGVtRWFnZXJDb250ZW50O1xuXG4gICAgQENvbnRlbnRDaGlsZChUdWlBY2NvcmRpb25JdGVtQ29udGVudClcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgbGF6eUNvbnRlbnQ/OiBUdWlBY2NvcmRpb25JdGVtQ29udGVudDtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIG5vUGFkZGluZyA9IGZhbHNlO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgc2hvd0Fycm93ID0gdHJ1ZTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGJvcmRlcnM6ICdhbGwnIHwgJ3RvcC1ib3R0b20nIHwgbnVsbCA9ICdhbGwnO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgc2l6ZTogVHVpU2l6ZVMgPSAnbSc7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgZGlzYWJsZUhvdmVyID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBvcGVuID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBhc3luYyA9IGZhbHNlO1xuXG4gICAgQE91dHB1dCgpXG4gICAgcHVibGljIHJlYWRvbmx5IG9wZW5DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgICBwdWJsaWMgY2xvc2UoKTogdm9pZCB7XG4gICAgICAgIHRoaXMudXBkYXRlT3BlbihmYWxzZSk7XG4gICAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBvblJvd1RvZ2dsZSgpOiB2b2lkIHtcbiAgICAgICAgaWYgKCF0aGlzLmRpc2FibGVkKSB7XG4gICAgICAgICAgICB0aGlzLnVwZGF0ZU9wZW4oIXRoaXMub3Blbik7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgb25JdGVtS2V5RG93bkVzYyhldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgaWYgKCF0aGlzLm9wZW4pIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICB0aGlzLnVwZGF0ZU9wZW4oZmFsc2UpO1xuICAgIH1cblxuICAgIHByaXZhdGUgdXBkYXRlT3BlbihvcGVuOiBib29sZWFuKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLm9wZW4gPT09IG9wZW4pIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMub3BlbiA9IG9wZW47XG4gICAgICAgIHRoaXMub3BlbkNoYW5nZS5lbWl0KG9wZW4pO1xuICAgIH1cbn1cbiIsIjxkaXZcbiAgICBhdXRvbWF0aW9uLWlkPVwidHVpLWFjY29yZGlvbl9faXRlbS13cmFwcGVyXCJcbiAgICBjbGFzcz1cInQtd3JhcHBlclwiXG4+XG4gICAgPGJ1dHRvblxuICAgICAgICBhdXRvbWF0aW9uLWlkPVwidHVpLWFjY29yZGlvbl9faXRlbS1oZWFkZXJcIlxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgY2xhc3M9XCJ0LWhlYWRlclwiXG4gICAgICAgIFtjbGFzcy50LWhlYWRlcl9ob3ZlcmFibGVdPVwiIWRpc2FibGVIb3ZlclwiXG4gICAgICAgIFtjbGFzcy50LWhlYWRlcl9vcGVuXT1cIm9wZW5cIlxuICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICAoY2xpY2spPVwib25Sb3dUb2dnbGUoKVwiXG4gICAgICAgIChrZXlkb3duLmVzYyk9XCJvbkl0ZW1LZXlEb3duRXNjKCRldmVudClcIlxuICAgID5cbiAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIGF1dG9tYXRpb24taWQ9XCJ0dWktYWNjb3JkaW9uX19pdGVtLXRpdGxlXCJcbiAgICAgICAgICAgIGNsYXNzPVwidC10aXRsZVwiXG4gICAgICAgID5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IC8+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3dBcnJvd1wiPlxuICAgICAgICAgICAgPHR1aS1pY29uXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJ0LWljb25cIlxuICAgICAgICAgICAgICAgIFt0dWlDaGV2cm9uXT1cIm9wZW5cIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9idXR0b24+XG4gICAgPHR1aS1leHBhbmRcbiAgICAgICAgW2FzeW5jXT1cImFzeW5jXCJcbiAgICAgICAgW2V4cGFuZGVkXT1cIm9wZW5cIlxuICAgID5cbiAgICAgICAgPG5nLXRlbXBsYXRlIHR1aUV4cGFuZENvbnRlbnQ+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgKm5nSWY9XCJsYXp5Q29udGVudFwiXG4gICAgICAgICAgICAgICAgYXV0b21hdGlvbi1pZD1cInR1aS1hY2NvcmRpb25fX2l0ZW0tY29udGVudFwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJ0LWNvbnRlbnRcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKnBvbHltb3JwaGV1c091dGxldD1cImxhenlDb250ZW50IGFzIHRleHRcIj5cbiAgICAgICAgICAgICAgICAgICAge3sgdGV4dCB9fVxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICAgICpuZ0lmPVwiZWFnZXJDb250ZW50XCJcbiAgICAgICAgICAgIGNsYXNzPVwidC1jb250ZW50XCJcbiAgICAgICAgPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3R1aUFjY29yZGlvbkl0ZW1Db250ZW50XVwiIC8+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvdHVpLWV4cGFuZD5cbjwvZGl2PlxuIl19
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, inject, Input } from '@angular/core';
|
|
2
|
+
import { tuiProvide } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
2
3
|
import { tuiFadeIn, tuiSlideInTop } from '@taiga-ui/core/animations';
|
|
4
|
+
import { TUI_BUTTON_OPTIONS } from '@taiga-ui/core/components/button';
|
|
3
5
|
import { TuiExpandComponent } from '@taiga-ui/core/components/expand';
|
|
6
|
+
import { tuiLinkOptionsProvider } from '@taiga-ui/core/components/link';
|
|
4
7
|
import { TUI_ANIMATIONS_SPEED } from '@taiga-ui/core/tokens';
|
|
5
8
|
import { tuiToAnimationOptions } from '@taiga-ui/core/utils/miscellaneous';
|
|
6
9
|
import * as i0 from "@angular/core";
|
|
@@ -8,19 +11,30 @@ class TuiActionBarComponent {
|
|
|
8
11
|
constructor() {
|
|
9
12
|
this.animation = tuiToAnimationOptions(inject(TUI_ANIMATIONS_SPEED));
|
|
10
13
|
this.expanded = false;
|
|
14
|
+
this.size = 'm';
|
|
15
|
+
this.appearance = 'glass';
|
|
11
16
|
}
|
|
12
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiActionBarComponent, isStandalone: true, selector: "tui-action-bar", inputs: { expanded: "expanded" }, host: { attributes: { "tuiTheme": "dark" }, properties: { "
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiActionBarComponent, isStandalone: true, selector: "tui-action-bar", inputs: { expanded: "expanded", size: "size" }, host: { attributes: { "tuiTheme": "dark" }, properties: { "attr.data-size": "size", "@tuiFadeIn": "animation", "@tuiSlideInTop": "animation" } }, providers: [
|
|
19
|
+
tuiProvide(TUI_BUTTON_OPTIONS, TuiActionBarComponent),
|
|
20
|
+
tuiLinkOptionsProvider({ appearance: 'icon', pseudo: true }),
|
|
21
|
+
], ngImport: i0, template: "<tui-expand [expanded]=\"expanded\">\n <ng-content select=\"tui-data-list,[tuiMenu]\" />\n</tui-expand>\n\n<div class=\"t-content\">\n <ng-content />\n\n <div class=\"t-actions\">\n <ng-content select=\"a,button,[tuiAction]\" />\n </div>\n</div>\n", styles: [":host{position:fixed;left:max(calc(50% - 37rem),1.5rem);bottom:1rem;display:flex;inline-size:100%;max-inline-size:min(calc(100vw - 3rem),74rem);box-sizing:border-box;border-radius:1rem;background:var(--tui-service-backdrop);color:var(--tui-text-primary);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);flex-direction:column;justify-content:center;padding:.75rem;text-indent:.75rem;font:var(--tui-font-text-m);white-space:nowrap}:host[data-size=s]{border-radius:var(--tui-radius-l);font:var(--tui-font-text-s);padding:.5rem}:host-context(tui-root._mobile) :host{padding:1rem;border-radius:1.25rem;text-indent:0}:host ::ng-deep tui-data-list[data-size]{padding:0;margin:-.625rem -.625rem 1rem}:host ::ng-deep tui-items-with-more{text-indent:.5rem}:host-context(tui-root._mobile) :host ::ng-deep tui-items-with-more{display:none}.t-content{display:flex;align-items:center;gap:.7rem 2.5rem}:host-context(tui-root._mobile) .t-content{flex-wrap:wrap}.t-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-inline-start:auto}:host-context(tui-root._mobile) .t-actions{flex:1}:host-context(tui-root._mobile) .t-actions ::ng-deep [tuiButton]{flex:1}\n"], dependencies: [{ kind: "component", type: TuiExpandComponent, selector: "tui-expand", inputs: ["async", "expanded"] }], animations: [tuiFadeIn, tuiSlideInTop], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
14
22
|
}
|
|
15
23
|
export { TuiActionBarComponent };
|
|
16
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiActionBarComponent, decorators: [{
|
|
17
25
|
type: Component,
|
|
18
|
-
args: [{ standalone: true, selector: 'tui-action-bar', imports: [TuiExpandComponent], changeDetection: ChangeDetectionStrategy.OnPush,
|
|
26
|
+
args: [{ standalone: true, selector: 'tui-action-bar', imports: [TuiExpandComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
27
|
+
tuiProvide(TUI_BUTTON_OPTIONS, TuiActionBarComponent),
|
|
28
|
+
tuiLinkOptionsProvider({ appearance: 'icon', pseudo: true }),
|
|
29
|
+
], animations: [tuiFadeIn, tuiSlideInTop], host: {
|
|
19
30
|
tuiTheme: 'dark',
|
|
31
|
+
'[attr.data-size]': 'size',
|
|
20
32
|
'[@tuiFadeIn]': 'animation',
|
|
21
33
|
'[@tuiSlideInTop]': 'animation',
|
|
22
|
-
}, template: "<tui-expand [expanded]=\"expanded\">\n <ng-content select=\"tui-data-list,[tuiMenu]\" />\n</tui-expand>\n\n<div class=\"t-content\">\n <ng-content />\n\n <div class=\"t-actions\">\n <ng-content select=\"a,button,[tuiAction]\" />\n </div>\n</div>\n", styles: [":host{position:fixed;left:
|
|
34
|
+
}, template: "<tui-expand [expanded]=\"expanded\">\n <ng-content select=\"tui-data-list,[tuiMenu]\" />\n</tui-expand>\n\n<div class=\"t-content\">\n <ng-content />\n\n <div class=\"t-actions\">\n <ng-content select=\"a,button,[tuiAction]\" />\n </div>\n</div>\n", styles: [":host{position:fixed;left:max(calc(50% - 37rem),1.5rem);bottom:1rem;display:flex;inline-size:100%;max-inline-size:min(calc(100vw - 3rem),74rem);box-sizing:border-box;border-radius:1rem;background:var(--tui-service-backdrop);color:var(--tui-text-primary);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);flex-direction:column;justify-content:center;padding:.75rem;text-indent:.75rem;font:var(--tui-font-text-m);white-space:nowrap}:host[data-size=s]{border-radius:var(--tui-radius-l);font:var(--tui-font-text-s);padding:.5rem}:host-context(tui-root._mobile) :host{padding:1rem;border-radius:1.25rem;text-indent:0}:host ::ng-deep tui-data-list[data-size]{padding:0;margin:-.625rem -.625rem 1rem}:host ::ng-deep tui-items-with-more{text-indent:.5rem}:host-context(tui-root._mobile) :host ::ng-deep tui-items-with-more{display:none}.t-content{display:flex;align-items:center;gap:.7rem 2.5rem}:host-context(tui-root._mobile) .t-content{flex-wrap:wrap}.t-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-inline-start:auto}:host-context(tui-root._mobile) .t-actions{flex:1}:host-context(tui-root._mobile) .t-actions ::ng-deep [tuiButton]{flex:1}\n"] }]
|
|
23
35
|
}], propDecorators: { expanded: [{
|
|
24
36
|
type: Input
|
|
37
|
+
}], size: [{
|
|
38
|
+
type: Input
|
|
25
39
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXQvY29tcG9uZW50cy9hY3Rpb24tYmFyL2FjdGlvbi1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvYWN0aW9uLWJhci9hY3Rpb24tYmFyLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2hGLE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQztBQUM3RCxPQUFPLEVBQUMsU0FBUyxFQUFFLGFBQWEsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBRW5FLE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLGtDQUFrQyxDQUFDO0FBQ3BFLE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLGtDQUFrQyxDQUFDO0FBQ3BFLE9BQU8sRUFBQyxzQkFBc0IsRUFBQyxNQUFNLGdDQUFnQyxDQUFDO0FBQ3RFLE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLHVCQUF1QixDQUFDO0FBRTNELE9BQU8sRUFBQyxxQkFBcUIsRUFBQyxNQUFNLG9DQUFvQyxDQUFDOztBQUV6RSxNQW1CYSxxQkFBcUI7SUFuQmxDO1FBb0J1QixjQUFTLEdBQUcscUJBQXFCLENBQUMsTUFBTSxDQUFDLG9CQUFvQixDQUFDLENBQUMsQ0FBQztRQUc1RSxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBR2pCLFNBQUksR0FBYSxHQUFHLENBQUM7UUFFWixlQUFVLEdBQUcsT0FBTyxDQUFDO0tBQ3hDOytHQVZZLHFCQUFxQjttR0FBckIscUJBQXFCLCtQQVpuQjtZQUNQLFVBQVUsQ0FBQyxrQkFBa0IsRUFBRSxxQkFBcUIsQ0FBQztZQUNyRCxzQkFBc0IsQ0FBQyxFQUFDLFVBQVUsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBQyxDQUFDO1NBQzdELDBCQ3JCTCw0UUFXQSx3c0NER2Msa0JBQWtCLHdFQVFoQixDQUFDLFNBQVMsRUFBRSxhQUFhLENBQUM7O1NBUTdCLHFCQUFxQjs0RkFBckIscUJBQXFCO2tCQW5CakMsU0FBUztpQ0FDTSxJQUFJLFlBQ04sZ0JBQWdCLFdBQ2pCLENBQUMsa0JBQWtCLENBQUMsbUJBR1osdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDUCxVQUFVLENBQUMsa0JBQWtCLHdCQUF3Qjt3QkFDckQsc0JBQXNCLENBQUMsRUFBQyxVQUFVLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUMsQ0FBQztxQkFDN0QsY0FDVyxDQUFDLFNBQVMsRUFBRSxhQUFhLENBQUMsUUFDaEM7d0JBQ0YsUUFBUSxFQUFFLE1BQU07d0JBQ2hCLGtCQUFrQixFQUFFLE1BQU07d0JBQzFCLGNBQWMsRUFBRSxXQUFXO3dCQUMzQixrQkFBa0IsRUFBRSxXQUFXO3FCQUNsQzs4QkFNTSxRQUFRO3NCQURkLEtBQUs7Z0JBSUMsSUFBSTtzQkFEVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbmplY3QsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7dHVpUHJvdmlkZX0gZnJvbSAnQHRhaWdhLXVpL2Nkay91dGlscy9taXNjZWxsYW5lb3VzJztcbmltcG9ydCB7dHVpRmFkZUluLCB0dWlTbGlkZUluVG9wfSBmcm9tICdAdGFpZ2EtdWkvY29yZS9hbmltYXRpb25zJztcbmltcG9ydCB0eXBlIHtUdWlCdXR0b25PcHRpb25zfSBmcm9tICdAdGFpZ2EtdWkvY29yZS9jb21wb25lbnRzL2J1dHRvbic7XG5pbXBvcnQge1RVSV9CVVRUT05fT1BUSU9OU30gZnJvbSAnQHRhaWdhLXVpL2NvcmUvY29tcG9uZW50cy9idXR0b24nO1xuaW1wb3J0IHtUdWlFeHBhbmRDb21wb25lbnR9IGZyb20gJ0B0YWlnYS11aS9jb3JlL2NvbXBvbmVudHMvZXhwYW5kJztcbmltcG9ydCB7dHVpTGlua09wdGlvbnNQcm92aWRlcn0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvY29tcG9uZW50cy9saW5rJztcbmltcG9ydCB7VFVJX0FOSU1BVElPTlNfU1BFRUR9IGZyb20gJ0B0YWlnYS11aS9jb3JlL3Rva2Vucyc7XG5pbXBvcnQgdHlwZSB7VHVpU2l6ZVN9IGZyb20gJ0B0YWlnYS11aS9jb3JlL3R5cGVzJztcbmltcG9ydCB7dHVpVG9BbmltYXRpb25PcHRpb25zfSBmcm9tICdAdGFpZ2EtdWkvY29yZS91dGlscy9taXNjZWxsYW5lb3VzJztcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ3R1aS1hY3Rpb24tYmFyJyxcbiAgICBpbXBvcnRzOiBbVHVpRXhwYW5kQ29tcG9uZW50XSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWN0aW9uLWJhci50ZW1wbGF0ZS5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9hY3Rpb24tYmFyLnN0eWxlLmxlc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgdHVpUHJvdmlkZShUVUlfQlVUVE9OX09QVElPTlMsIFR1aUFjdGlvbkJhckNvbXBvbmVudCksXG4gICAgICAgIHR1aUxpbmtPcHRpb25zUHJvdmlkZXIoe2FwcGVhcmFuY2U6ICdpY29uJywgcHNldWRvOiB0cnVlfSksXG4gICAgXSxcbiAgICBhbmltYXRpb25zOiBbdHVpRmFkZUluLCB0dWlTbGlkZUluVG9wXSxcbiAgICBob3N0OiB7XG4gICAgICAgIHR1aVRoZW1lOiAnZGFyaycsXG4gICAgICAgICdbYXR0ci5kYXRhLXNpemVdJzogJ3NpemUnLFxuICAgICAgICAnW0B0dWlGYWRlSW5dJzogJ2FuaW1hdGlvbicsXG4gICAgICAgICdbQHR1aVNsaWRlSW5Ub3BdJzogJ2FuaW1hdGlvbicsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQWN0aW9uQmFyQ29tcG9uZW50IGltcGxlbWVudHMgVHVpQnV0dG9uT3B0aW9ucyB7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGFuaW1hdGlvbiA9IHR1aVRvQW5pbWF0aW9uT3B0aW9ucyhpbmplY3QoVFVJX0FOSU1BVElPTlNfU1BFRUQpKTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGV4cGFuZGVkID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzaXplOiBUdWlTaXplUyA9ICdtJztcblxuICAgIHB1YmxpYyByZWFkb25seSBhcHBlYXJhbmNlID0gJ2dsYXNzJztcbn1cbiIsIjx0dWktZXhwYW5kIFtleHBhbmRlZF09XCJleHBhbmRlZFwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInR1aS1kYXRhLWxpc3QsW3R1aU1lbnVdXCIgLz5cbjwvdHVpLWV4cGFuZD5cblxuPGRpdiBjbGFzcz1cInQtY29udGVudFwiPlxuICAgIDxuZy1jb250ZW50IC8+XG5cbiAgICA8ZGl2IGNsYXNzPVwidC1hY3Rpb25zXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImEsYnV0dG9uLFt0dWlBY3Rpb25dXCIgLz5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19
|