@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.
Files changed (126) hide show
  1. package/components/action-bar/action-bar.component.d.ts +6 -2
  2. package/components/avatar/avatar.component.d.ts +0 -1
  3. package/components/breadcrumbs/breadcrumbs.component.d.ts +6 -1
  4. package/components/breadcrumbs/breadcrumbs.options.d.ts +1 -0
  5. package/components/calendar-range/calculate-disabled-item-handler.d.ts +3 -0
  6. package/components/calendar-range/index.d.ts +1 -0
  7. package/components/checkbox/checkbox.component.d.ts +1 -1
  8. package/components/confirm/confirm.component.d.ts +1 -1
  9. package/components/input-phone-international/input-phone-international.component.d.ts +12 -1
  10. package/components/input-phone-international/input-phone-international.options.d.ts +1 -1
  11. package/components/items-with-more/items-with-more.component.d.ts +4 -3
  12. package/components/items-with-more/items-with-more.directive.d.ts +2 -1
  13. package/components/items-with-more/items-with-more.service.d.ts +2 -1
  14. package/components/like/like.component.d.ts +1 -1
  15. package/components/progress/progress-circle/progress-circle.component.d.ts +1 -1
  16. package/components/radio/radio.component.d.ts +1 -1
  17. package/components/switch/switch.component.d.ts +1 -1
  18. package/components/tabs/tabs.providers.d.ts +1 -2
  19. package/components/tiles/tile.service.d.ts +1 -1
  20. package/components/tree/components/tree-item/tree-item.component.d.ts +2 -2
  21. package/components/tree/components/tree-item-content/tree-item-content.component.d.ts +1 -1
  22. package/components/tree/misc/tree.tokens.d.ts +8 -9
  23. package/directives/button-select/button-select.directive.d.ts +1 -1
  24. package/directives/lazy-loading/lazy-loading.directive.d.ts +5 -1
  25. package/esm2022/components/accordion/accordion-item.component.mjs +3 -3
  26. package/esm2022/components/action-bar/action-bar.component.mjs +18 -4
  27. package/esm2022/components/avatar/avatar.component.mjs +4 -8
  28. package/esm2022/components/breadcrumbs/breadcrumbs.component.mjs +43 -4
  29. package/esm2022/components/breadcrumbs/breadcrumbs.options.mjs +2 -1
  30. package/esm2022/components/calendar-range/calculate-disabled-item-handler.mjs +11 -0
  31. package/esm2022/components/calendar-range/calendar-range.component.mjs +3 -11
  32. package/esm2022/components/calendar-range/index.mjs +2 -1
  33. package/esm2022/components/checkbox/checkbox.component.mjs +10 -4
  34. package/esm2022/components/chip/chip.directive.mjs +2 -2
  35. package/esm2022/components/confirm/confirm.component.mjs +2 -3
  36. package/esm2022/components/files/input-files/input-files.component.mjs +3 -3
  37. package/esm2022/components/input-phone-international/input-phone-international.component.mjs +34 -14
  38. package/esm2022/components/input-phone-international/input-phone-international.options.mjs +1 -1
  39. package/esm2022/components/items-with-more/items-with-more.component.mjs +19 -7
  40. package/esm2022/components/items-with-more/items-with-more.directive.mjs +5 -2
  41. package/esm2022/components/items-with-more/items-with-more.service.mjs +39 -15
  42. package/esm2022/components/like/like.component.mjs +1 -1
  43. package/esm2022/components/line-clamp/line-clamp-box.component.mjs +3 -3
  44. package/esm2022/components/progress/progress-circle/progress-circle.component.mjs +6 -6
  45. package/esm2022/components/radio/radio.component.mjs +10 -4
  46. package/esm2022/components/radio-list/radio-list.component.mjs +2 -3
  47. package/esm2022/components/switch/switch.component.mjs +10 -4
  48. package/esm2022/components/tabs/tab.directive.mjs +7 -3
  49. package/esm2022/components/tabs/tabs.providers.mjs +4 -3
  50. package/esm2022/components/tiles/tile.service.mjs +1 -1
  51. package/esm2022/components/tree/components/tree-item/tree-item.component.mjs +8 -7
  52. package/esm2022/components/tree/components/tree-item-content/tree-item-content.component.mjs +7 -6
  53. package/esm2022/components/tree/misc/tree.tokens.mjs +5 -6
  54. package/esm2022/directives/button-group/button-group.directive.mjs +2 -2
  55. package/esm2022/directives/button-select/button-select.directive.mjs +2 -2
  56. package/esm2022/directives/lazy-loading/lazy-loading.directive.mjs +9 -4
  57. package/esm2022/directives/tooltip/tooltip.directive.mjs +2 -2
  58. package/esm2022/pipes/filter-by-input/filter-by-input.pipe.mjs +9 -5
  59. package/esm2022/tokens/calendar-date-stream.mjs +4 -3
  60. package/esm2022/tokens/date-inputs-value-transformers.mjs +6 -6
  61. package/esm2022/tokens/i18n.mjs +2 -1
  62. package/esm2022/tokens/mobile-calendar.mjs +4 -3
  63. package/esm2022/tokens/validation-errors.mjs +2 -4
  64. package/esm2022/utils/index.mjs +2 -1
  65. package/esm2022/utils/phone.mjs +6 -0
  66. package/fesm2022/taiga-ui-kit-components-accordion.mjs +2 -2
  67. package/fesm2022/taiga-ui-kit-components-accordion.mjs.map +1 -1
  68. package/fesm2022/taiga-ui-kit-components-action-bar.mjs +17 -3
  69. package/fesm2022/taiga-ui-kit-components-action-bar.mjs.map +1 -1
  70. package/fesm2022/taiga-ui-kit-components-avatar.mjs +3 -7
  71. package/fesm2022/taiga-ui-kit-components-avatar.mjs.map +1 -1
  72. package/fesm2022/taiga-ui-kit-components-breadcrumbs.mjs +43 -3
  73. package/fesm2022/taiga-ui-kit-components-breadcrumbs.mjs.map +1 -1
  74. package/fesm2022/taiga-ui-kit-components-calendar-range.mjs +13 -11
  75. package/fesm2022/taiga-ui-kit-components-calendar-range.mjs.map +1 -1
  76. package/fesm2022/taiga-ui-kit-components-checkbox.mjs +9 -3
  77. package/fesm2022/taiga-ui-kit-components-checkbox.mjs.map +1 -1
  78. package/fesm2022/taiga-ui-kit-components-chip.mjs +2 -2
  79. package/fesm2022/taiga-ui-kit-components-chip.mjs.map +1 -1
  80. package/fesm2022/taiga-ui-kit-components-confirm.mjs.map +1 -1
  81. package/fesm2022/taiga-ui-kit-components-files.mjs +2 -2
  82. package/fesm2022/taiga-ui-kit-components-files.mjs.map +1 -1
  83. package/fesm2022/taiga-ui-kit-components-input-phone-international.mjs +33 -29
  84. package/fesm2022/taiga-ui-kit-components-input-phone-international.mjs.map +1 -1
  85. package/fesm2022/taiga-ui-kit-components-items-with-more.mjs +60 -21
  86. package/fesm2022/taiga-ui-kit-components-items-with-more.mjs.map +1 -1
  87. package/fesm2022/taiga-ui-kit-components-like.mjs.map +1 -1
  88. package/fesm2022/taiga-ui-kit-components-line-clamp.mjs +2 -2
  89. package/fesm2022/taiga-ui-kit-components-line-clamp.mjs.map +1 -1
  90. package/fesm2022/taiga-ui-kit-components-progress.mjs +4 -5
  91. package/fesm2022/taiga-ui-kit-components-progress.mjs.map +1 -1
  92. package/fesm2022/taiga-ui-kit-components-radio-list.mjs.map +1 -1
  93. package/fesm2022/taiga-ui-kit-components-radio.mjs +9 -3
  94. package/fesm2022/taiga-ui-kit-components-radio.mjs.map +1 -1
  95. package/fesm2022/taiga-ui-kit-components-switch.mjs +9 -3
  96. package/fesm2022/taiga-ui-kit-components-switch.mjs.map +1 -1
  97. package/fesm2022/taiga-ui-kit-components-tabs.mjs +8 -4
  98. package/fesm2022/taiga-ui-kit-components-tabs.mjs.map +1 -1
  99. package/fesm2022/taiga-ui-kit-components-tiles.mjs.map +1 -1
  100. package/fesm2022/taiga-ui-kit-components-tree.mjs +16 -15
  101. package/fesm2022/taiga-ui-kit-components-tree.mjs.map +1 -1
  102. package/fesm2022/taiga-ui-kit-directives-button-group.mjs +2 -2
  103. package/fesm2022/taiga-ui-kit-directives-button-group.mjs.map +1 -1
  104. package/fesm2022/taiga-ui-kit-directives-button-select.mjs.map +1 -1
  105. package/fesm2022/taiga-ui-kit-directives-lazy-loading.mjs +8 -3
  106. package/fesm2022/taiga-ui-kit-directives-lazy-loading.mjs.map +1 -1
  107. package/fesm2022/taiga-ui-kit-directives-tooltip.mjs +2 -2
  108. package/fesm2022/taiga-ui-kit-directives-tooltip.mjs.map +1 -1
  109. package/fesm2022/taiga-ui-kit-pipes-filter-by-input.mjs +8 -4
  110. package/fesm2022/taiga-ui-kit-pipes-filter-by-input.mjs.map +1 -1
  111. package/fesm2022/taiga-ui-kit-tokens.mjs +11 -12
  112. package/fesm2022/taiga-ui-kit-tokens.mjs.map +1 -1
  113. package/fesm2022/taiga-ui-kit-utils.mjs +7 -1
  114. package/fesm2022/taiga-ui-kit-utils.mjs.map +1 -1
  115. package/package.json +25 -25
  116. package/styles/components/chip.less +1 -1
  117. package/styles/components/like.less +1 -1
  118. package/tokens/calendar-date-stream.d.ts +1 -2
  119. package/tokens/date-inputs-value-transformers.d.ts +4 -5
  120. package/tokens/i18n.d.ts +1 -0
  121. package/tokens/mobile-calendar.d.ts +1 -2
  122. package/tokens/validation-errors.d.ts +2 -3
  123. package/utils/index.d.ts +1 -0
  124. package/utils/phone.d.ts +3 -0
  125. package/components/input-phone-international/get-country-calling-code.pipe.d.ts +0 -9
  126. 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>;
@@ -1,3 +1,4 @@
1
+ export * from './calculate-disabled-item-handler';
1
2
  export * from './calendar-range.component';
2
3
  export * from './day-caps-mapper';
3
4
  export * from './day-range-period';
@@ -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.TuiWithAppearance; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiNativeValidator; inputs: {}; outputs: {}; }]>;
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 { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
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 { type Observable } from 'rxjs';
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 lastVisibleIndex$: TuiItemsWithMoreService;
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 { type TuiLikeOptions } from './like.options';
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$: import("rxjs").Observable<boolean>;
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.TuiWithAppearance; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiNativeValidator; inputs: {}; outputs: {}; }]>;
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.TuiWithAppearance; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiNativeValidator; inputs: {}; outputs: {}; }]>;
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[];
@@ -1,4 +1,4 @@
1
- import { type OnDestroy } from '@angular/core';
1
+ import type { OnDestroy } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  export declare class TuiTileService implements OnDestroy {
4
4
  private readonly isBrowser;
@@ -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$: import("rxjs").Observable<boolean>;
13
- protected readonly attached$: import("rxjs").Observable<boolean>;
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$: import("rxjs").Observable<boolean>;
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 { type TuiDataListHost } from '@taiga-ui/core/components/data-list';
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 solid transparent;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 }); }
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 solid transparent;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"] }]
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvYWNjb3JkaW9uL2FjY29yZGlvbi1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdC9jb21wb25lbnRzL2FjY29yZGlvbi9hY2NvcmRpb24taXRlbS50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxJQUFJLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUNyQyxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsWUFBWSxFQUNaLFlBQVksRUFDWixNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sR0FDVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sa0NBQWtDLENBQUM7QUFDM0QsT0FBTyxFQUFDLE9BQU8sRUFBQyxNQUFNLGdDQUFnQyxDQUFDO0FBRXZELE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRCxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUUxRCxPQUFPLEVBQUMsdUJBQXVCLEVBQUMsTUFBTSxvQ0FBb0MsQ0FBQztBQUMzRSxPQUFPLEVBQUMsNEJBQTRCLEVBQUMsTUFBTSwwQ0FBMEMsQ0FBQzs7O0FBRXRGLE1BZWEsZ0JBQWdCO0lBZjdCO1FBZ0JxQixRQUFHLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFTMUMsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUdsQixjQUFTLEdBQUcsSUFBSSxDQUFDO1FBR2pCLFlBQU8sR0FBZ0MsS0FBSyxDQUFDO1FBRzdDLFNBQUksR0FBYSxHQUFHLENBQUM7UUFHckIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUdqQixpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUdyQixTQUFJLEdBQUcsS0FBSyxDQUFDO1FBR2IsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUdMLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO0tBOEI1RDtJQTVCVSxLQUFLO1FBQ1IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN2QixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFUyxXQUFXO1FBQ2pCLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2hCLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDL0I7SUFDTCxDQUFDO0lBRVMsZ0JBQWdCLENBQUMsS0FBWTtRQUNuQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRTtZQUNaLE9BQU87U0FDVjtRQUVELEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFTyxVQUFVLENBQUMsSUFBYTtRQUM1QixJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssSUFBSSxFQUFFO1lBQ3BCLE9BQU87U0FDVjtRQUVELElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQy9CLENBQUM7K0dBL0RRLGdCQUFnQjttR0FBaEIsZ0JBQWdCLHFnQkFHWCw0QkFBNEIsOEVBRzVCLHVCQUF1QixnREN6Q3pDLHM3Q0FrREEsK2pGRDNCYyxJQUFJLDZGQUFFLGtCQUFrQiw4SEFBRSxVQUFVLDhRQUFhLE9BQU87O1NBWXpELGdCQUFnQjs0RkFBaEIsZ0JBQWdCO2tCQWY1QixTQUFTO2lDQUNNLElBQUksWUFDTixvQkFBb0IsV0FDckIsQ0FBQyxJQUFJLEVBQUUsa0JBQWtCLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxPQUFPLENBQUMsbUJBR2xELHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0YscUJBQXFCLEVBQUUsV0FBVzt3QkFDbEMsb0JBQW9CLEVBQUUsV0FBVzt3QkFDakMscUJBQXFCLEVBQUUsU0FBUzt3QkFDaEMsa0JBQWtCLEVBQUUsTUFBTTt3QkFDMUIsbUJBQW1CLEVBQUUsVUFBVTtxQkFDbEM7OEJBTWtCLFlBQVk7c0JBRDlCLFlBQVk7dUJBQUMsNEJBQTRCO2dCQUl2QixXQUFXO3NCQUQ3QixZQUFZO3VCQUFDLHVCQUF1QjtnQkFJOUIsU0FBUztzQkFEZixLQUFLO2dCQUlDLFNBQVM7c0JBRGYsS0FBSztnQkFJQyxPQUFPO3NCQURiLEtBQUs7Z0JBSUMsSUFBSTtzQkFEVixLQUFLO2dCQUlDLFFBQVE7c0JBRGQsS0FBSztnQkFJQyxZQUFZO3NCQURsQixLQUFLO2dCQUlDLElBQUk7c0JBRFYsS0FBSztnQkFJQyxLQUFLO3NCQURYLEtBQUs7Z0JBSVUsVUFBVTtzQkFEekIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdJZn0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgQ29tcG9uZW50LFxuICAgIENvbnRlbnRDaGlsZCxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgaW5qZWN0LFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1R1aUV4cGFuZH0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvY29tcG9uZW50cy9leHBhbmQnO1xuaW1wb3J0IHtUdWlJY29ufSBmcm9tICdAdGFpZ2EtdWkvY29yZS9jb21wb25lbnRzL2ljb24nO1xuaW1wb3J0IHR5cGUge1R1aVNpemVTfSBmcm9tICdAdGFpZ2EtdWkvY29yZS90eXBlcyc7XG5pbXBvcnQge1R1aUNoZXZyb259IGZyb20gJ0B0YWlnYS11aS9raXQvZGlyZWN0aXZlcyc7XG5pbXBvcnQge1BvbHltb3JwaGV1c091dGxldH0gZnJvbSAnQHRhaWdhLXVpL3BvbHltb3JwaGV1cyc7XG5cbmltcG9ydCB7VHVpQWNjb3JkaW9uSXRlbUNvbnRlbnR9IGZyb20gJy4vYWNjb3JkaW9uLWl0ZW0tY29udGVudC5kaXJlY3RpdmUnO1xuaW1wb3J0IHtUdWlBY2NvcmRpb25JdGVtRWFnZXJDb250ZW50fSBmcm9tICcuL2FjY29yZGlvbi1pdGVtLWVhZ2VyLWNvbnRlbnQuZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ3R1aS1hY2NvcmRpb24taXRlbScsXG4gICAgaW1wb3J0czogW05nSWYsIFBvbHltb3JwaGV1c091dGxldCwgVHVpQ2hldnJvbiwgVHVpRXhwYW5kLCBUdWlJY29uXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWNjb3JkaW9uLWl0ZW0udGVtcGxhdGUuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYWNjb3JkaW9uLWl0ZW0uc3R5bGUubGVzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ1tjbGFzcy5fbm8tcGFkZGluZ10nOiAnbm9QYWRkaW5nJyxcbiAgICAgICAgJ1tjbGFzcy5faGFzLWFycm93XSc6ICdzaG93QXJyb3cnLFxuICAgICAgICAnW2F0dHIuZGF0YS1ib3JkZXJzXSc6ICdib3JkZXJzJyxcbiAgICAgICAgJ1thdHRyLmRhdGEtc2l6ZV0nOiAnc2l6ZScsXG4gICAgICAgICdbY2xhc3MuX2Rpc2FibGVkXSc6ICdkaXNhYmxlZCcsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQWNjb3JkaW9uSXRlbSB7XG4gICAgcHJpdmF0ZSByZWFkb25seSBjZHIgPSBpbmplY3QoQ2hhbmdlRGV0ZWN0b3JSZWYpO1xuXG4gICAgQENvbnRlbnRDaGlsZChUdWlBY2NvcmRpb25JdGVtRWFnZXJDb250ZW50KVxuICAgIHByb3RlY3RlZCByZWFkb25seSBlYWdlckNvbnRlbnQ/OiBUdWlBY2NvcmRpb25JdGVtRWFnZXJDb250ZW50O1xuXG4gICAgQENvbnRlbnRDaGlsZChUdWlBY2NvcmRpb25JdGVtQ29udGVudClcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgbGF6eUNvbnRlbnQ/OiBUdWlBY2NvcmRpb25JdGVtQ29udGVudDtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIG5vUGFkZGluZyA9IGZhbHNlO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgc2hvd0Fycm93ID0gdHJ1ZTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGJvcmRlcnM6ICdhbGwnIHwgJ3RvcC1ib3R0b20nIHwgbnVsbCA9ICdhbGwnO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgc2l6ZTogVHVpU2l6ZVMgPSAnbSc7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgZGlzYWJsZUhvdmVyID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBvcGVuID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBhc3luYyA9IGZhbHNlO1xuXG4gICAgQE91dHB1dCgpXG4gICAgcHVibGljIHJlYWRvbmx5IG9wZW5DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgICBwdWJsaWMgY2xvc2UoKTogdm9pZCB7XG4gICAgICAgIHRoaXMudXBkYXRlT3BlbihmYWxzZSk7XG4gICAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBvblJvd1RvZ2dsZSgpOiB2b2lkIHtcbiAgICAgICAgaWYgKCF0aGlzLmRpc2FibGVkKSB7XG4gICAgICAgICAgICB0aGlzLnVwZGF0ZU9wZW4oIXRoaXMub3Blbik7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgb25JdGVtS2V5RG93bkVzYyhldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgaWYgKCF0aGlzLm9wZW4pIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICB0aGlzLnVwZGF0ZU9wZW4oZmFsc2UpO1xuICAgIH1cblxuICAgIHByaXZhdGUgdXBkYXRlT3BlbihvcGVuOiBib29sZWFuKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLm9wZW4gPT09IG9wZW4pIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMub3BlbiA9IG9wZW47XG4gICAgICAgIHRoaXMub3BlbkNoYW5nZS5lbWl0KG9wZW4pO1xuICAgIH1cbn1cbiIsIjxkaXZcbiAgICBhdXRvbWF0aW9uLWlkPVwidHVpLWFjY29yZGlvbl9faXRlbS13cmFwcGVyXCJcbiAgICBjbGFzcz1cInQtd3JhcHBlclwiXG4+XG4gICAgPGJ1dHRvblxuICAgICAgICBhdXRvbWF0aW9uLWlkPVwidHVpLWFjY29yZGlvbl9faXRlbS1oZWFkZXJcIlxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgY2xhc3M9XCJ0LWhlYWRlclwiXG4gICAgICAgIFtjbGFzcy50LWhlYWRlcl9ob3ZlcmFibGVdPVwiIWRpc2FibGVIb3ZlclwiXG4gICAgICAgIFtjbGFzcy50LWhlYWRlcl9vcGVuXT1cIm9wZW5cIlxuICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICAoY2xpY2spPVwib25Sb3dUb2dnbGUoKVwiXG4gICAgICAgIChrZXlkb3duLmVzYyk9XCJvbkl0ZW1LZXlEb3duRXNjKCRldmVudClcIlxuICAgID5cbiAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIGF1dG9tYXRpb24taWQ9XCJ0dWktYWNjb3JkaW9uX19pdGVtLXRpdGxlXCJcbiAgICAgICAgICAgIGNsYXNzPVwidC10aXRsZVwiXG4gICAgICAgID5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IC8+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3dBcnJvd1wiPlxuICAgICAgICAgICAgPHR1aS1pY29uXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJ0LWljb25cIlxuICAgICAgICAgICAgICAgIFt0dWlDaGV2cm9uXT1cIm9wZW5cIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9idXR0b24+XG4gICAgPHR1aS1leHBhbmRcbiAgICAgICAgW2FzeW5jXT1cImFzeW5jXCJcbiAgICAgICAgW2V4cGFuZGVkXT1cIm9wZW5cIlxuICAgID5cbiAgICAgICAgPG5nLXRlbXBsYXRlIHR1aUV4cGFuZENvbnRlbnQ+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgKm5nSWY9XCJsYXp5Q29udGVudFwiXG4gICAgICAgICAgICAgICAgYXV0b21hdGlvbi1pZD1cInR1aS1hY2NvcmRpb25fX2l0ZW0tY29udGVudFwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJ0LWNvbnRlbnRcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKnBvbHltb3JwaGV1c091dGxldD1cImxhenlDb250ZW50IGFzIHRleHRcIj5cbiAgICAgICAgICAgICAgICAgICAge3sgdGV4dCB9fVxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICAgICpuZ0lmPVwiZWFnZXJDb250ZW50XCJcbiAgICAgICAgICAgIGNsYXNzPVwidC1jb250ZW50XCJcbiAgICAgICAgPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3R1aUFjY29yZGlvbkl0ZW1Db250ZW50XVwiIC8+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvdHVpLWV4cGFuZD5cbjwvZGl2PlxuIl19
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: { "@tuiFadeIn": "animation", "@tuiSlideInTop": "animation" } }, 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:1rem;right:1rem;bottom:1rem;display:flex;box-sizing:border-box;min-block-size:4rem;border-radius:var(--tui-radius-xl);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:.625rem}:host ::ng-deep tui-data-list[data-size]{padding:.25rem 0 .5rem}.t-content{display:flex;justify-content:space-between;align-items:center;padding-left:.625rem}.t-actions{display:flex;gap:.5rem}:host-context(tui-root._mobile) .t-actions{gap:.375rem}\n"], dependencies: [{ kind: "component", type: TuiExpandComponent, selector: "tui-expand", inputs: ["async", "expanded"] }], animations: [tuiFadeIn, tuiSlideInTop], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
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, animations: [tuiFadeIn, tuiSlideInTop], host: {
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:1rem;right:1rem;bottom:1rem;display:flex;box-sizing:border-box;min-block-size:4rem;border-radius:var(--tui-radius-xl);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:.625rem}:host ::ng-deep tui-data-list[data-size]{padding:.25rem 0 .5rem}.t-content{display:flex;justify-content:space-between;align-items:center;padding-left:.625rem}.t-actions{display:flex;gap:.5rem}:host-context(tui-root._mobile) .t-actions{gap:.375rem}\n"] }]
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXQvY29tcG9uZW50cy9hY3Rpb24tYmFyL2FjdGlvbi1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvYWN0aW9uLWJhci9hY3Rpb24tYmFyLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2hGLE9BQU8sRUFBQyxTQUFTLEVBQUUsYUFBYSxFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFDbkUsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sa0NBQWtDLENBQUM7QUFDcEUsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sdUJBQXVCLENBQUM7QUFDM0QsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sb0NBQW9DLENBQUM7O0FBRXpFLE1BY2EscUJBQXFCO0lBZGxDO1FBZXVCLGNBQVMsR0FBRyxxQkFBcUIsQ0FBQyxNQUFNLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDO1FBRzVFLGFBQVEsR0FBRyxLQUFLLENBQUM7S0FDM0I7K0dBTFkscUJBQXFCO21HQUFyQixxQkFBcUIsb09DcEJsQyw0UUFXQSxtb0JERmMsa0JBQWtCLHdFQUloQixDQUFDLFNBQVMsRUFBRSxhQUFhLENBQUM7O1NBTzdCLHFCQUFxQjs0RkFBckIscUJBQXFCO2tCQWRqQyxTQUFTO2lDQUNNLElBQUksWUFDTixnQkFBZ0IsV0FDakIsQ0FBQyxrQkFBa0IsQ0FBQyxtQkFHWix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLENBQUMsU0FBUyxFQUFFLGFBQWEsQ0FBQyxRQUNoQzt3QkFDRixRQUFRLEVBQUUsTUFBTTt3QkFDaEIsY0FBYyxFQUFFLFdBQVc7d0JBQzNCLGtCQUFrQixFQUFFLFdBQVc7cUJBQ2xDOzhCQU1NLFFBQVE7c0JBRGQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge3R1aUZhZGVJbiwgdHVpU2xpZGVJblRvcH0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvYW5pbWF0aW9ucyc7XG5pbXBvcnQge1R1aUV4cGFuZENvbXBvbmVudH0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvY29tcG9uZW50cy9leHBhbmQnO1xuaW1wb3J0IHtUVUlfQU5JTUFUSU9OU19TUEVFRH0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvdG9rZW5zJztcbmltcG9ydCB7dHVpVG9BbmltYXRpb25PcHRpb25zfSBmcm9tICdAdGFpZ2EtdWkvY29yZS91dGlscy9taXNjZWxsYW5lb3VzJztcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ3R1aS1hY3Rpb24tYmFyJyxcbiAgICBpbXBvcnRzOiBbVHVpRXhwYW5kQ29tcG9uZW50XSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWN0aW9uLWJhci50ZW1wbGF0ZS5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9hY3Rpb24tYmFyLnN0eWxlLmxlc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBhbmltYXRpb25zOiBbdHVpRmFkZUluLCB0dWlTbGlkZUluVG9wXSxcbiAgICBob3N0OiB7XG4gICAgICAgIHR1aVRoZW1lOiAnZGFyaycsXG4gICAgICAgICdbQHR1aUZhZGVJbl0nOiAnYW5pbWF0aW9uJyxcbiAgICAgICAgJ1tAdHVpU2xpZGVJblRvcF0nOiAnYW5pbWF0aW9uJyxcbiAgICB9LFxufSlcbmV4cG9ydCBjbGFzcyBUdWlBY3Rpb25CYXJDb21wb25lbnQge1xuICAgIHByb3RlY3RlZCByZWFkb25seSBhbmltYXRpb24gPSB0dWlUb0FuaW1hdGlvbk9wdGlvbnMoaW5qZWN0KFRVSV9BTklNQVRJT05TX1NQRUVEKSk7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBleHBhbmRlZCA9IGZhbHNlO1xufVxuIiwiPHR1aS1leHBhbmQgW2V4cGFuZGVkXT1cImV4cGFuZGVkXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwidHVpLWRhdGEtbGlzdCxbdHVpTWVudV1cIiAvPlxuPC90dWktZXhwYW5kPlxuXG48ZGl2IGNsYXNzPVwidC1jb250ZW50XCI+XG4gICAgPG5nLWNvbnRlbnQgLz5cblxuICAgIDxkaXYgY2xhc3M9XCJ0LWFjdGlvbnNcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYSxidXR0b24sW3R1aUFjdGlvbl1cIiAvPlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=
40
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXQvY29tcG9uZW50cy9hY3Rpb24tYmFyL2FjdGlvbi1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvYWN0aW9uLWJhci9hY3Rpb24tYmFyLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2hGLE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQztBQUM3RCxPQUFPLEVBQUMsU0FBUyxFQUFFLGFBQWEsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBRW5FLE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLGtDQUFrQyxDQUFDO0FBQ3BFLE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLGtDQUFrQyxDQUFDO0FBQ3BFLE9BQU8sRUFBQyxzQkFBc0IsRUFBQyxNQUFNLGdDQUFnQyxDQUFDO0FBQ3RFLE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLHVCQUF1QixDQUFDO0FBRTNELE9BQU8sRUFBQyxxQkFBcUIsRUFBQyxNQUFNLG9DQUFvQyxDQUFDOztBQUV6RSxNQW1CYSxxQkFBcUI7SUFuQmxDO1FBb0J1QixjQUFTLEdBQUcscUJBQXFCLENBQUMsTUFBTSxDQUFDLG9CQUFvQixDQUFDLENBQUMsQ0FBQztRQUc1RSxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBR2pCLFNBQUksR0FBYSxHQUFHLENBQUM7UUFFWixlQUFVLEdBQUcsT0FBTyxDQUFDO0tBQ3hDOytHQVZZLHFCQUFxQjttR0FBckIscUJBQXFCLCtQQVpuQjtZQUNQLFVBQVUsQ0FBQyxrQkFBa0IsRUFBRSxxQkFBcUIsQ0FBQztZQUNyRCxzQkFBc0IsQ0FBQyxFQUFDLFVBQVUsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBQyxDQUFDO1NBQzdELDBCQ3JCTCw0UUFXQSx3c0NER2Msa0JBQWtCLHdFQVFoQixDQUFDLFNBQVMsRUFBRSxhQUFhLENBQUM7O1NBUTdCLHFCQUFxQjs0RkFBckIscUJBQXFCO2tCQW5CakMsU0FBUztpQ0FDTSxJQUFJLFlBQ04sZ0JBQWdCLFdBQ2pCLENBQUMsa0JBQWtCLENBQUMsbUJBR1osdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDUCxVQUFVLENBQUMsa0JBQWtCLHdCQUF3Qjt3QkFDckQsc0JBQXNCLENBQUMsRUFBQyxVQUFVLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUMsQ0FBQztxQkFDN0QsY0FDVyxDQUFDLFNBQVMsRUFBRSxhQUFhLENBQUMsUUFDaEM7d0JBQ0YsUUFBUSxFQUFFLE1BQU07d0JBQ2hCLGtCQUFrQixFQUFFLE1BQU07d0JBQzFCLGNBQWMsRUFBRSxXQUFXO3dCQUMzQixrQkFBa0IsRUFBRSxXQUFXO3FCQUNsQzs4QkFNTSxRQUFRO3NCQURkLEtBQUs7Z0JBSUMsSUFBSTtzQkFEVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbmplY3QsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7dHVpUHJvdmlkZX0gZnJvbSAnQHRhaWdhLXVpL2Nkay91dGlscy9taXNjZWxsYW5lb3VzJztcbmltcG9ydCB7dHVpRmFkZUluLCB0dWlTbGlkZUluVG9wfSBmcm9tICdAdGFpZ2EtdWkvY29yZS9hbmltYXRpb25zJztcbmltcG9ydCB0eXBlIHtUdWlCdXR0b25PcHRpb25zfSBmcm9tICdAdGFpZ2EtdWkvY29yZS9jb21wb25lbnRzL2J1dHRvbic7XG5pbXBvcnQge1RVSV9CVVRUT05fT1BUSU9OU30gZnJvbSAnQHRhaWdhLXVpL2NvcmUvY29tcG9uZW50cy9idXR0b24nO1xuaW1wb3J0IHtUdWlFeHBhbmRDb21wb25lbnR9IGZyb20gJ0B0YWlnYS11aS9jb3JlL2NvbXBvbmVudHMvZXhwYW5kJztcbmltcG9ydCB7dHVpTGlua09wdGlvbnNQcm92aWRlcn0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvY29tcG9uZW50cy9saW5rJztcbmltcG9ydCB7VFVJX0FOSU1BVElPTlNfU1BFRUR9IGZyb20gJ0B0YWlnYS11aS9jb3JlL3Rva2Vucyc7XG5pbXBvcnQgdHlwZSB7VHVpU2l6ZVN9IGZyb20gJ0B0YWlnYS11aS9jb3JlL3R5cGVzJztcbmltcG9ydCB7dHVpVG9BbmltYXRpb25PcHRpb25zfSBmcm9tICdAdGFpZ2EtdWkvY29yZS91dGlscy9taXNjZWxsYW5lb3VzJztcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ3R1aS1hY3Rpb24tYmFyJyxcbiAgICBpbXBvcnRzOiBbVHVpRXhwYW5kQ29tcG9uZW50XSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWN0aW9uLWJhci50ZW1wbGF0ZS5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9hY3Rpb24tYmFyLnN0eWxlLmxlc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgdHVpUHJvdmlkZShUVUlfQlVUVE9OX09QVElPTlMsIFR1aUFjdGlvbkJhckNvbXBvbmVudCksXG4gICAgICAgIHR1aUxpbmtPcHRpb25zUHJvdmlkZXIoe2FwcGVhcmFuY2U6ICdpY29uJywgcHNldWRvOiB0cnVlfSksXG4gICAgXSxcbiAgICBhbmltYXRpb25zOiBbdHVpRmFkZUluLCB0dWlTbGlkZUluVG9wXSxcbiAgICBob3N0OiB7XG4gICAgICAgIHR1aVRoZW1lOiAnZGFyaycsXG4gICAgICAgICdbYXR0ci5kYXRhLXNpemVdJzogJ3NpemUnLFxuICAgICAgICAnW0B0dWlGYWRlSW5dJzogJ2FuaW1hdGlvbicsXG4gICAgICAgICdbQHR1aVNsaWRlSW5Ub3BdJzogJ2FuaW1hdGlvbicsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQWN0aW9uQmFyQ29tcG9uZW50IGltcGxlbWVudHMgVHVpQnV0dG9uT3B0aW9ucyB7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGFuaW1hdGlvbiA9IHR1aVRvQW5pbWF0aW9uT3B0aW9ucyhpbmplY3QoVFVJX0FOSU1BVElPTlNfU1BFRUQpKTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGV4cGFuZGVkID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzaXplOiBUdWlTaXplUyA9ICdtJztcblxuICAgIHB1YmxpYyByZWFkb25seSBhcHBlYXJhbmNlID0gJ2dsYXNzJztcbn1cbiIsIjx0dWktZXhwYW5kIFtleHBhbmRlZF09XCJleHBhbmRlZFwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInR1aS1kYXRhLWxpc3QsW3R1aU1lbnVdXCIgLz5cbjwvdHVpLWV4cGFuZD5cblxuPGRpdiBjbGFzcz1cInQtY29udGVudFwiPlxuICAgIDxuZy1jb250ZW50IC8+XG5cbiAgICA8ZGl2IGNsYXNzPVwidC1hY3Rpb25zXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImEsYnV0dG9uLFt0dWlBY3Rpb25dXCIgLz5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19