@taiga-ui/kit 4.52.0-canary.3915ce7 → 4.52.0-canary.46625cf

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 (128) hide show
  1. package/components/action-bar/action-bar.component.d.ts +5 -7
  2. package/components/action-bar/index.d.ts +0 -2
  3. package/components/index.d.ts +0 -1
  4. package/components/input-phone-international/input-phone-international.component.d.ts +23 -29
  5. package/components/input-range/input-range.component.d.ts +3 -6
  6. package/components/input-slider/input-slider.directive.d.ts +1 -3
  7. package/components/input-time/input-time.directive.d.ts +1 -0
  8. package/components/push/push-alert.component.d.ts +3 -3
  9. package/components/push/push.directive.d.ts +4 -6
  10. package/components/push/push.options.d.ts +2 -0
  11. package/components/push/push.service.d.ts +5 -2
  12. package/components/range/range-change.directive.d.ts +1 -1
  13. package/components/range/range.component.d.ts +0 -5
  14. package/components/slider/helpers/key-steps.d.ts +1 -2
  15. package/components/slider/helpers/slider-key-steps.directive.d.ts +12 -21
  16. package/components/toast/toast.options.d.ts +6 -4
  17. package/components/toast/toast.service.d.ts +13 -7
  18. package/directives/button-select/button-select.directive.d.ts +1 -2
  19. package/fesm2022/taiga-ui-kit-components-accordion.mjs.map +1 -1
  20. package/fesm2022/taiga-ui-kit-components-action-bar.mjs +20 -36
  21. package/fesm2022/taiga-ui-kit-components-action-bar.mjs.map +1 -1
  22. package/fesm2022/taiga-ui-kit-components-avatar.mjs.map +1 -1
  23. package/fesm2022/taiga-ui-kit-components-badge-notification.mjs.map +1 -1
  24. package/fesm2022/taiga-ui-kit-components-badge.mjs.map +1 -1
  25. package/fesm2022/taiga-ui-kit-components-badged-content.mjs.map +1 -1
  26. package/fesm2022/taiga-ui-kit-components-block.mjs.map +1 -1
  27. package/fesm2022/taiga-ui-kit-components-breadcrumbs.mjs +2 -2
  28. package/fesm2022/taiga-ui-kit-components-breadcrumbs.mjs.map +1 -1
  29. package/fesm2022/taiga-ui-kit-components-calendar-month.mjs.map +1 -1
  30. package/fesm2022/taiga-ui-kit-components-calendar-range.mjs.map +1 -1
  31. package/fesm2022/taiga-ui-kit-components-carousel.mjs +2 -2
  32. package/fesm2022/taiga-ui-kit-components-carousel.mjs.map +1 -1
  33. package/fesm2022/taiga-ui-kit-components-checkbox.mjs.map +1 -1
  34. package/fesm2022/taiga-ui-kit-components-chip.mjs +2 -2
  35. package/fesm2022/taiga-ui-kit-components-chip.mjs.map +1 -1
  36. package/fesm2022/taiga-ui-kit-components-comment.mjs.map +1 -1
  37. package/fesm2022/taiga-ui-kit-components-compass.mjs.map +1 -1
  38. package/fesm2022/taiga-ui-kit-components-confirm.mjs.map +1 -1
  39. package/fesm2022/taiga-ui-kit-components-copy.mjs.map +1 -1
  40. package/fesm2022/taiga-ui-kit-components-data-list-wrapper.mjs +4 -4
  41. package/fesm2022/taiga-ui-kit-components-data-list-wrapper.mjs.map +1 -1
  42. package/fesm2022/taiga-ui-kit-components-drawer.mjs.map +1 -1
  43. package/fesm2022/taiga-ui-kit-components-elastic-container.mjs.map +1 -1
  44. package/fesm2022/taiga-ui-kit-components-files.mjs +2 -2
  45. package/fesm2022/taiga-ui-kit-components-files.mjs.map +1 -1
  46. package/fesm2022/taiga-ui-kit-components-filter.mjs.map +1 -1
  47. package/fesm2022/taiga-ui-kit-components-floating-container.mjs.map +1 -1
  48. package/fesm2022/taiga-ui-kit-components-fullscreen.mjs.map +1 -1
  49. package/fesm2022/taiga-ui-kit-components-input-chip.mjs.map +1 -1
  50. package/fesm2022/taiga-ui-kit-components-input-color.mjs.map +1 -1
  51. package/fesm2022/taiga-ui-kit-components-input-date-time.mjs.map +1 -1
  52. package/fesm2022/taiga-ui-kit-components-input-date.mjs.map +1 -1
  53. package/fesm2022/taiga-ui-kit-components-input-inline.mjs.map +1 -1
  54. package/fesm2022/taiga-ui-kit-components-input-month.mjs.map +1 -1
  55. package/fesm2022/taiga-ui-kit-components-input-number.mjs.map +1 -1
  56. package/fesm2022/taiga-ui-kit-components-input-phone-international.mjs +102 -125
  57. package/fesm2022/taiga-ui-kit-components-input-phone-international.mjs.map +1 -1
  58. package/fesm2022/taiga-ui-kit-components-input-pin.mjs.map +1 -1
  59. package/fesm2022/taiga-ui-kit-components-input-range.mjs +7 -14
  60. package/fesm2022/taiga-ui-kit-components-input-range.mjs.map +1 -1
  61. package/fesm2022/taiga-ui-kit-components-input-slider.mjs +14 -24
  62. package/fesm2022/taiga-ui-kit-components-input-slider.mjs.map +1 -1
  63. package/fesm2022/taiga-ui-kit-components-input-time.mjs +18 -1
  64. package/fesm2022/taiga-ui-kit-components-input-time.mjs.map +1 -1
  65. package/fesm2022/taiga-ui-kit-components-items-with-more.mjs +2 -2
  66. package/fesm2022/taiga-ui-kit-components-items-with-more.mjs.map +1 -1
  67. package/fesm2022/taiga-ui-kit-components-like.mjs.map +1 -1
  68. package/fesm2022/taiga-ui-kit-components-line-clamp.mjs.map +1 -1
  69. package/fesm2022/taiga-ui-kit-components-message.mjs.map +1 -1
  70. package/fesm2022/taiga-ui-kit-components-multi-select.mjs +3 -2
  71. package/fesm2022/taiga-ui-kit-components-multi-select.mjs.map +1 -1
  72. package/fesm2022/taiga-ui-kit-components-notification-middle.mjs.map +1 -1
  73. package/fesm2022/taiga-ui-kit-components-pager.mjs.map +1 -1
  74. package/fesm2022/taiga-ui-kit-components-pagination.mjs.map +1 -1
  75. package/fesm2022/taiga-ui-kit-components-pin.mjs.map +1 -1
  76. package/fesm2022/taiga-ui-kit-components-preview-dialog.mjs +2 -2
  77. package/fesm2022/taiga-ui-kit-components-preview-dialog.mjs.map +1 -1
  78. package/fesm2022/taiga-ui-kit-components-preview.mjs +2 -2
  79. package/fesm2022/taiga-ui-kit-components-preview.mjs.map +1 -1
  80. package/fesm2022/taiga-ui-kit-components-progress.mjs.map +1 -1
  81. package/fesm2022/taiga-ui-kit-components-pulse.mjs.map +1 -1
  82. package/fesm2022/taiga-ui-kit-components-push.mjs +34 -29
  83. package/fesm2022/taiga-ui-kit-components-push.mjs.map +1 -1
  84. package/fesm2022/taiga-ui-kit-components-radio-list.mjs +2 -2
  85. package/fesm2022/taiga-ui-kit-components-radio-list.mjs.map +1 -1
  86. package/fesm2022/taiga-ui-kit-components-radio.mjs.map +1 -1
  87. package/fesm2022/taiga-ui-kit-components-range.mjs +4 -13
  88. package/fesm2022/taiga-ui-kit-components-range.mjs.map +1 -1
  89. package/fesm2022/taiga-ui-kit-components-rating.mjs.map +1 -1
  90. package/fesm2022/taiga-ui-kit-components-segmented.mjs.map +1 -1
  91. package/fesm2022/taiga-ui-kit-components-select.mjs +27 -19
  92. package/fesm2022/taiga-ui-kit-components-select.mjs.map +1 -1
  93. package/fesm2022/taiga-ui-kit-components-slider.mjs +53 -51
  94. package/fesm2022/taiga-ui-kit-components-slider.mjs.map +1 -1
  95. package/fesm2022/taiga-ui-kit-components-slides.mjs.map +1 -1
  96. package/fesm2022/taiga-ui-kit-components-status.mjs.map +1 -1
  97. package/fesm2022/taiga-ui-kit-components-stepper.mjs.map +1 -1
  98. package/fesm2022/taiga-ui-kit-components-switch.mjs.map +1 -1
  99. package/fesm2022/taiga-ui-kit-components-tabs.mjs +2 -2
  100. package/fesm2022/taiga-ui-kit-components-tabs.mjs.map +1 -1
  101. package/fesm2022/taiga-ui-kit-components-textarea.mjs.map +1 -1
  102. package/fesm2022/taiga-ui-kit-components-tiles.mjs.map +1 -1
  103. package/fesm2022/taiga-ui-kit-components-toast.mjs +53 -29
  104. package/fesm2022/taiga-ui-kit-components-toast.mjs.map +1 -1
  105. package/fesm2022/taiga-ui-kit-components-tree.mjs.map +1 -1
  106. package/fesm2022/taiga-ui-kit-components.mjs +0 -1
  107. package/fesm2022/taiga-ui-kit-components.mjs.map +1 -1
  108. package/fesm2022/taiga-ui-kit-directives-button-group.mjs.map +1 -1
  109. package/fesm2022/taiga-ui-kit-directives-button-select.mjs +2 -9
  110. package/fesm2022/taiga-ui-kit-directives-button-select.mjs.map +1 -1
  111. package/fesm2022/taiga-ui-kit-directives-chevron.mjs.map +1 -1
  112. package/fesm2022/taiga-ui-kit-directives-connected.mjs.map +1 -1
  113. package/fesm2022/taiga-ui-kit-directives-fade.mjs.map +1 -1
  114. package/fesm2022/taiga-ui-kit-directives-sensitive.mjs.map +1 -1
  115. package/fesm2022/taiga-ui-kit-directives-shimmer.mjs.map +1 -1
  116. package/fesm2022/taiga-ui-kit-directives-skeleton.mjs.map +1 -1
  117. package/fesm2022/taiga-ui-kit-directives-tooltip.mjs.map +1 -1
  118. package/package.json +36 -39
  119. package/styles/components/chip.less +1 -0
  120. package/components/action-bar/action-bar.d.ts +0 -3
  121. package/components/action-bar/action-bar.directive.d.ts +0 -6
  122. package/components/pdf-viewer/index.d.ts +0 -4
  123. package/components/pdf-viewer/pdf-viewer.component.d.ts +0 -12
  124. package/components/pdf-viewer/pdf-viewer.directive.d.ts +0 -7
  125. package/components/pdf-viewer/pdf-viewer.options.d.ts +0 -13
  126. package/components/pdf-viewer/pdf-viewer.service.d.ts +0 -13
  127. package/fesm2022/taiga-ui-kit-components-pdf-viewer.mjs +0 -83
  128. package/fesm2022/taiga-ui-kit-components-pdf-viewer.mjs.map +0 -1
@@ -1,11 +1,9 @@
1
- import { type TuiButtonOptions } from '@taiga-ui/core/components/button';
2
1
  import { type TuiSizeS } from '@taiga-ui/core/types';
3
2
  import * as i0 from "@angular/core";
4
3
  import * as i1 from "@taiga-ui/cdk/directives/animated";
5
- export declare class TuiActionBarComponent implements TuiButtonOptions {
6
- expanded: boolean;
7
- size: TuiSizeS;
8
- readonly appearance = "secondary-grayscale";
9
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiActionBarComponent, 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, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
4
+ export declare class TuiActionBar {
5
+ readonly expanded: import("@angular/core").InputSignal<boolean>;
6
+ readonly size: import("@angular/core").InputSignal<TuiSizeS>;
7
+ static ɵfac: i0.ɵɵFactoryDeclaration<TuiActionBar, never>;
8
+ static ɵcmp: i0.ɵɵComponentDeclaration<TuiActionBar, "tui-action-bar", never, { "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["tui-data-list,[tuiMenu]", "*", "a,button,[tuiAction]"], true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
11
9
  }
@@ -1,3 +1 @@
1
- export * from './action-bar';
2
1
  export * from './action-bar.component';
3
- export * from './action-bar.directive';
@@ -49,7 +49,6 @@ export * from '@taiga-ui/kit/components/multi-select';
49
49
  export * from '@taiga-ui/kit/components/notification-middle';
50
50
  export * from '@taiga-ui/kit/components/pager';
51
51
  export * from '@taiga-ui/kit/components/pagination';
52
- export * from '@taiga-ui/kit/components/pdf-viewer';
53
52
  export * from '@taiga-ui/kit/components/pin';
54
53
  export * from '@taiga-ui/kit/components/preview';
55
54
  export * from '@taiga-ui/kit/components/progress';
@@ -1,51 +1,45 @@
1
- import { TemplateRef } from '@angular/core';
1
+ import { ElementRef, type QueryList } from '@angular/core';
2
2
  import { type MaskitoOptions } from '@maskito/core';
3
3
  import { TuiControl } from '@taiga-ui/cdk/classes';
4
4
  import { type TuiCountryIsoCode } from '@taiga-ui/i18n/types';
5
- import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
6
5
  import { type MetadataJson } from 'libphonenumber-js/core';
7
6
  import * as i0 from "@angular/core";
8
- import * as i1 from "@taiga-ui/core/directives/group";
9
- import * as i2 from "@taiga-ui/core/directives/dropdown";
10
- /** @deprecated use version from experimental package instead */
7
+ import * as i1 from "@maskito/angular";
8
+ import * as i2 from "@taiga-ui/core/components/textfield";
11
9
  export declare class TuiInputPhoneInternational extends TuiControl<string> {
12
- private readonly input?;
13
- private readonly filter?;
14
- private readonly listOptions?;
15
- protected readonly isIos: boolean;
16
- 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>>>;
10
+ protected readonly list: QueryList<ElementRef<HTMLButtonElement>>;
11
+ protected readonly el: HTMLInputElement;
12
+ protected readonly ios: boolean;
13
+ protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
17
14
  protected readonly options: import("./input-phone-international.options").TuiInputPhoneInternationalOptions;
18
- protected readonly size: import("@angular/core").WritableSignal<"m" | "l" | "s">;
19
- protected readonly open: import("@angular/core").WritableSignal<boolean>;
20
- protected readonly names: import("@angular/core").Signal<Record<TuiCountryIsoCode, string> | undefined>;
21
- protected readonly metadata: import("@angular/core").Signal<MetadataJson | undefined>;
22
15
  protected readonly countries: import("@angular/core").WritableSignal<readonly TuiCountryIsoCode[]>;
23
- protected readonly countryIsoCode: import("@angular/core").WritableSignal<TuiCountryIsoCode>;
24
- protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
16
+ protected readonly code: import("@angular/core").WritableSignal<TuiCountryIsoCode>;
25
17
  protected readonly label: import("@angular/core").Signal<string | undefined>;
18
+ protected readonly metadata: import("@angular/core").Signal<MetadataJson | undefined>;
19
+ protected readonly names: import("@angular/core").Signal<Record<TuiCountryIsoCode, string> | undefined>;
20
+ protected readonly open: import("@angular/core").WritableSignal<boolean>;
26
21
  protected readonly search: import("@angular/core").WritableSignal<string>;
27
- protected readonly separator: import("@angular/core").WritableSignal<string>;
22
+ protected readonly size: import("@angular/core").WritableSignal<"m" | "l" | "s">;
23
+ protected readonly mask: import("@angular/core").Signal<MaskitoOptions | null>;
24
+ protected readonly masked: import("@angular/core").WritableSignal<string>;
25
+ protected valueChangeEffect: import("@angular/core").EffectRef;
28
26
  protected readonly filtered: import("@angular/core").Signal<{
29
27
  iso: TuiCountryIsoCode;
30
28
  name: string;
31
29
  code: string;
32
30
  }[]>;
33
- protected readonly mask: import("@angular/core").Signal<MaskitoOptions | null>;
34
- protected readonly $: import("@angular/core").Signal<boolean>;
35
- protected textfieldValue: string;
31
+ protected readonly enabled: import("@angular/core").Signal<boolean>;
32
+ protected readonly $: import("rxjs").Subscription;
36
33
  countrySearch: boolean;
37
34
  readonly countryIsoCodeChange: import("rxjs").Observable<TuiCountryIsoCode>;
38
35
  set countriesValue(value: readonly TuiCountryIsoCode[]);
39
36
  set isoCode(code: TuiCountryIsoCode);
40
- focusFirstItem(): void;
41
- onPaste(event: Event): void;
42
- onItemClick(isoCode: TuiCountryIsoCode): void;
43
- writeValue(unmaskedValue: string): void;
44
- protected set template(template: PolymorpheusContent);
45
- protected onFocus(): void;
46
- protected onValueChange(maskedValue: string): void;
47
- protected onKeyDown({ key }: KeyboardEvent): void;
37
+ writeValue(unmasked: string | null): void;
38
+ protected onPaste(event: Event): void;
39
+ protected onItemClick(code: TuiCountryIsoCode): void;
48
40
  private computeMask;
41
+ private unmask;
42
+ private getCountryCode;
49
43
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputPhoneInternational, never>;
50
- static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputPhoneInternational, "tui-input-phone-international", never, { "countrySearch": { "alias": "countrySearch"; "required": false; }; "countriesValue": { "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, "input[tuiInputPhoneInternational]", never, { "countrySearch": { "alias": "countrySearch"; "required": false; }; "countriesValue": { "alias": "countries"; "required": false; }; "isoCode": { "alias": "countryIsoCode"; "required": false; }; }, { "countryIsoCodeChange": "countryIsoCodeChange"; }, never, never, true, [{ directive: typeof i1.MaskitoDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithTextfield; inputs: {}; outputs: {}; }]>;
51
45
  }
@@ -1,4 +1,3 @@
1
- import { type AfterViewInit } from '@angular/core';
2
1
  import { TuiControl } from '@taiga-ui/cdk/classes';
3
2
  import { type TuiContext } from '@taiga-ui/cdk/types';
4
3
  import { type TuiKeySteps } from '@taiga-ui/kit/components/slider';
@@ -7,7 +6,7 @@ import * as i0 from "@angular/core";
7
6
  export declare class TuiInputRangeComponent extends TuiControl<readonly [
8
7
  number,
9
8
  number
10
- ]> implements AfterViewInit {
9
+ ]> {
11
10
  private readonly inputNumberRefs;
12
11
  private readonly range?;
13
12
  private readonly isMobile;
@@ -38,9 +37,8 @@ export declare class TuiInputRangeComponent extends TuiControl<readonly [
38
37
  number,
39
38
  number
40
39
  ]): void;
41
- ngAfterViewInit(): void;
42
- protected get hideStartContent(): boolean;
43
- protected get hideEndContent(): boolean;
40
+ protected get contentStartHidden(): boolean;
41
+ protected get contentEndHidden(): boolean;
44
42
  protected takeStep(event: Event | KeyboardEvent, coefficients: readonly [
45
43
  number,
46
44
  number
@@ -54,7 +52,6 @@ export declare class TuiInputRangeComponent extends TuiControl<readonly [
54
52
  number
55
53
  ]): void;
56
54
  protected focusToTextfield(): void;
57
- protected onActiveThumbChange(activeThumb: 'left' | 'right'): void;
58
55
  protected setTextfieldValues([start, end]: readonly [
59
56
  number,
60
57
  number
@@ -3,17 +3,15 @@ import * as i0 from "@angular/core";
3
3
  import * as i1 from "@taiga-ui/kit/components/input-number";
4
4
  export declare class TuiInputSliderDirective {
5
5
  private readonly isMobile;
6
- private readonly element;
6
+ private readonly el;
7
7
  private readonly slider;
8
8
  private readonly controlTransformer;
9
- private readonly keyStepsTransformer;
10
9
  protected readonly nothing: undefined;
11
10
  protected readonly inputNumber: TuiInputNumberDirective;
12
11
  protected readonly value: import("@angular/core").Signal<number>;
13
12
  protected readonly textfieldToSliderSync: import("@angular/core").EffectRef;
14
13
  protected readonly sliderInitEffect: import("@angular/core").EffectRef;
15
14
  protected onStep(coefficient: number): void;
16
- private onSliderInput;
17
15
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputSliderDirective, never>;
18
16
  static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputSliderDirective, "input[tuiInputSlider]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiInputNumberDirective; inputs: { "min": "min"; "max": "max"; "prefix": "prefix"; "postfix": "postfix"; "invalid": "invalid"; "readOnly": "readOnly"; }; outputs: {}; }, { directive: typeof i1.TuiWithQuantumValueTransformer; inputs: {}; outputs: {}; }]>;
19
17
  }
@@ -28,6 +28,7 @@ export declare class TuiInputTimeDirective extends TuiControl<TuiTime | null> im
28
28
  writeValue(value: TuiTime | null): void;
29
29
  protected onInput(valueWithAffixes: string): void;
30
30
  protected toggle(): void;
31
+ protected onBlur(valueWithAffixes: string): void;
31
32
  private computeMask;
32
33
  private findNearestTime;
33
34
  private stringify;
@@ -1,10 +1,10 @@
1
- import { type TuiPopover } from '@taiga-ui/cdk/services';
1
+ import { type TuiPortalContext } from '@taiga-ui/cdk/portals';
2
2
  import { type TuiPushOptions } from './push.options';
3
3
  import * as i0 from "@angular/core";
4
4
  import * as i1 from "@taiga-ui/cdk/directives/animated";
5
5
  export declare class TuiPushAlert {
6
- protected readonly context: TuiPopover<TuiPushOptions, string>;
6
+ protected readonly context: TuiPortalContext<TuiPushOptions, string>;
7
7
  protected get isDirective(): boolean;
8
8
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiPushAlert, never>;
9
- static ɵcmp: i0.ɵɵComponentDeclaration<TuiPushAlert, "ng-component", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
9
+ static ɵcmp: i0.ɵɵComponentDeclaration<TuiPushAlert, "tui-push-alert", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
10
10
  }
@@ -1,10 +1,8 @@
1
- import { PolymorpheusTemplate } from '@taiga-ui/polymorpheus';
2
1
  import * as i0 from "@angular/core";
3
- export declare class TuiPushDirective extends PolymorpheusTemplate {
4
- private readonly push;
5
- private readonly show$;
2
+ import * as i1 from "@taiga-ui/cdk/portals";
3
+ export declare class TuiPushDirective {
4
+ private readonly sub;
6
5
  constructor();
7
- set tuiPush(show: boolean);
8
6
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiPushDirective, never>;
9
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiPushDirective, "ng-template[tuiPush]", never, { "tuiPush": { "alias": "tuiPush"; "required": false; }; }, {}, never, never, true, never>;
7
+ static ɵdir: i0.ɵɵDirectiveDeclaration<TuiPushDirective, "ng-template[tuiPush]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiPortalDirective; inputs: { "open": "tuiPush"; }; outputs: {}; }]>;
10
8
  }
@@ -7,6 +7,8 @@ export interface TuiPushOptions {
7
7
  readonly image: string;
8
8
  readonly timestamp: number | string;
9
9
  readonly type: string;
10
+ readonly position: 'bottom' | 'top';
11
+ readonly orientation: 'center' | 'end' | 'start';
10
12
  }
11
13
  export declare const TUI_PUSH_DEFAULT_OPTIONS: TuiPushOptions;
12
14
  /**
@@ -1,7 +1,10 @@
1
- import { TuiPopoverService } from '@taiga-ui/cdk/services';
1
+ import { TuiPortal } from '@taiga-ui/cdk/portals';
2
2
  import { type TuiPushOptions } from './push.options';
3
+ import { TuiPushAlert } from './push-alert.component';
3
4
  import * as i0 from "@angular/core";
4
- export declare class TuiPushService extends TuiPopoverService<TuiPushOptions, string> {
5
+ export declare class TuiPushService extends TuiPortal<TuiPushOptions, string> {
6
+ protected readonly options: TuiPushOptions;
7
+ protected readonly component: typeof TuiPushAlert;
5
8
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiPushService, never>;
6
9
  static ɵprov: i0.ɵɵInjectableDeclaration<TuiPushService>;
7
10
  }
@@ -4,7 +4,7 @@ export declare class TuiRangeChange {
4
4
  private readonly doc;
5
5
  private readonly el;
6
6
  private readonly range;
7
- readonly activeThumbChange: EventEmitter<"left" | "right">;
7
+ readonly activeThumbChange: EventEmitter<"end" | "start">;
8
8
  constructor();
9
9
  private getFractionFromEvents;
10
10
  private detectActiveThumb;
@@ -21,11 +21,6 @@ export declare class TuiRange extends TuiControl<[number, number]> implements On
21
21
  readonly slidersRefs: QueryList<ElementRef<HTMLInputElement>>;
22
22
  readonly start: import("@angular/core").Signal<number>;
23
23
  readonly end: import("@angular/core").Signal<number>;
24
- /**
25
- * TODO(v5): standardize logic between `TuiSlider` & `TuiInputSlider` & `Range` & `InputRange`
26
- * For non-linear slider (with `[keySteps]` property) `step` means percentage
27
- */
28
- legacyMode: boolean;
29
24
  ngOnChanges(): void;
30
25
  processValue(value: number, end: boolean): void;
31
26
  takeStep(coefficients: readonly [number, number]): readonly [number, number];
@@ -1,5 +1,4 @@
1
1
  import { type TuiValueTransformer } from '@taiga-ui/cdk/classes';
2
- import { type TuiSliderComponent } from '../slider.component';
3
2
  /**
4
3
  * Used as a limit for eliminating JS issues with floating point math
5
4
  */
@@ -25,4 +24,4 @@ export declare const TUI_FLOATING_PRECISION = 7;
25
24
  export type TuiKeySteps = [[0, number], ...Array<[number, number]>, [100, number]];
26
25
  export declare function tuiPercentageToKeyStepValue(valuePercentage: number, keySteps: TuiKeySteps): number;
27
26
  export declare function tuiKeyStepValueToPercentage(value: number, keySteps: TuiKeySteps): number;
28
- export declare function tuiCreateKeyStepsTransformer(keySteps: TuiKeySteps, slider: TuiSliderComponent): TuiValueTransformer<number, number>;
27
+ export declare function tuiCreateKeyStepsTransformer(keySteps: TuiKeySteps): TuiValueTransformer<number, number>;
@@ -5,34 +5,25 @@ import * as i0 from "@angular/core";
5
5
  export declare class TuiSliderKeyStepsBase {
6
6
  private readonly injector;
7
7
  private readonly control;
8
- protected min?: number;
9
- protected max?: number;
10
- step: number | null;
8
+ protected readonly min: import("@angular/core").WritableSignal<number | undefined>;
9
+ protected readonly max: import("@angular/core").WritableSignal<number | undefined>;
10
+ step: import("@angular/core").InputSignal<number>;
11
11
  transformer: import("@angular/core").WritableSignal<TuiValueTransformer<number, number> | null>;
12
- value: import("@angular/core").Signal<number | undefined>;
12
+ controlValue: import("@angular/core").Signal<number | undefined>;
13
+ readonly totalSteps: import("@angular/core").Signal<number>;
13
14
  get slider(): TuiSliderComponent;
14
15
  set keySteps(steps: TuiKeySteps | null);
15
- /**
16
- * TODO(v5): standardize logic between `TuiSlider` & `TuiInputSlider` & `Range` & `InputRange`
17
- * For non-linear slider (with `[keySteps]` property) `step` means percentage
18
- * Add these host-bindings to `TuiSliderKeyStepsBase`:
19
- * ```
20
- * host: {
21
- * '[attr.min]': '0',
22
- * '[attr.step]': '1',
23
- * '[attr.max]': 'totalSteps',
24
- * },
25
- * ```
26
- */
27
- get totalSteps(): number;
28
16
  takeStep(coefficient: number): number;
17
+ toSliderValue(fraction: number): number;
18
+ setControlValue(controlValue: number): void;
19
+ getControlValue(): number;
29
20
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiSliderKeyStepsBase, never>;
30
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSliderKeyStepsBase, "input[tuiSlider][keySteps]", never, { "step": { "alias": "step"; "required": false; }; "keySteps": { "alias": "keySteps"; "required": false; }; }, {}, never, never, true, never>;
31
- static ngAcceptInputType_step: number | "any";
21
+ static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSliderKeyStepsBase, "input[tuiSlider][keySteps]", never, { "step": { "alias": "step"; "required": false; "isSignal": true; }; "keySteps": { "alias": "keySteps"; "required": false; }; }, {}, never, never, true, never>;
32
22
  }
33
23
  export declare class TuiSliderKeySteps extends TuiControl<number> {
34
- private readonly slider;
35
- set keySteps(steps: TuiKeySteps);
24
+ protected readonly base: TuiSliderKeyStepsBase;
25
+ set keySteps(steps: TuiKeySteps | null);
26
+ protected setValue(sliderValue: number): void;
36
27
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiSliderKeySteps, never>;
37
28
  static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSliderKeySteps, "input[tuiSlider][keySteps][ngModel],input[tuiSlider][keySteps][formControl],input[tuiSlider][keySteps][formControlName]", never, { "keySteps": { "alias": "keySteps"; "required": false; }; }, {}, never, never, true, never>;
38
29
  }
@@ -1,8 +1,10 @@
1
1
  export interface TuiToastOptions<I> {
2
- autoClose: number;
3
- closable: boolean;
4
- appearance: string;
5
- data?: I;
2
+ readonly autoClose: number;
3
+ readonly closable: boolean;
4
+ readonly appearance: string;
5
+ readonly data?: I;
6
+ readonly position: 'bottom' | 'top';
7
+ readonly orientation: 'center' | 'end' | 'start';
6
8
  }
7
9
  export declare const TUI_TOAST_DEFAULT_OPTIONS: TuiToastOptions<void>;
8
10
  export declare const TUI_TOAST_OPTIONS: import("@angular/core").InjectionToken<TuiToastOptions<void>>, tuiToastOptionsProvider: (item: Partial<TuiToastOptions<void>> | (() => Partial<TuiToastOptions<void>>)) => import("@angular/core").FactoryProvider;
@@ -1,16 +1,22 @@
1
- import { TuiPopoverDirective } from '@taiga-ui/cdk/directives/popover';
2
- import { TuiPopoverService } from '@taiga-ui/cdk/services';
1
+ import { TuiPortal } from '@taiga-ui/cdk/portals';
2
+ import { type PolymorpheusComponent } from '@taiga-ui/polymorpheus';
3
+ import { TuiToastComponent } from './toast.component';
3
4
  import { type TuiToastOptions } from './toast.options';
4
5
  import * as i0 from "@angular/core";
6
+ import * as i1 from "@taiga-ui/cdk/portals";
5
7
  export declare const TUI_TOASTS_CONCURRENCY: import("@angular/core").InjectionToken<number>;
6
- export declare class TuiToastService extends TuiPopoverService<TuiToastOptions<any>> {
8
+ export declare class TuiToastService extends TuiPortal<TuiToastOptions<any>> {
7
9
  private readonly concurrency;
8
- private readonly alerts;
9
- protected readonly sub: import("rxjs").Subscription;
10
+ private readonly current;
11
+ private readonly queue;
12
+ protected readonly options: TuiToastOptions<void>;
13
+ protected readonly component: typeof TuiToastComponent;
14
+ protected add(component: PolymorpheusComponent<unknown>): () => void;
10
15
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiToastService, never>;
11
16
  static ɵprov: i0.ɵɵInjectableDeclaration<TuiToastService>;
12
17
  }
13
- export declare class TuiToastTemplate<T> extends TuiPopoverDirective<TuiToastOptions<T>> {
18
+ export declare class TuiToastTemplate<T> {
19
+ readonly tuiToastOptions: import("@angular/core").InputSignal<Partial<TuiToastOptions<T>>>;
14
20
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiToastTemplate<any>, never>;
15
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiToastTemplate<any>, "ng-template[tuiToast]", never, { "options": { "alias": "tuiToastOptions"; "required": false; }; "open": { "alias": "tuiToast"; "required": false; }; }, { "openChange": "tuiToastChange"; }, never, never, true, never>;
21
+ static ɵdir: i0.ɵɵDirectiveDeclaration<TuiToastTemplate<any>, "ng-template[tuiToast]", never, { "tuiToastOptions": { "alias": "tuiToastOptions"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiPortalDirective; inputs: { "options": "tuiToastOptions"; "open": "tuiToast"; }; outputs: { "openChange": "tuiToastChange"; }; }]>;
16
22
  }
@@ -3,11 +3,10 @@ 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/cdk/directives/native-validator";
6
- import * as i3 from "@taiga-ui/core/components/textfield";
7
6
  export declare class TuiButtonSelect<T> extends TuiControl<T> implements TuiDataListHost<T> {
8
7
  private readonly open;
9
8
  readonly size = "s";
10
9
  handleOption(option: T): void;
11
10
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonSelect<any>, never>;
12
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiButtonSelect<any>, "button[tuiButtonSelect]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiDropdownDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiNativeValidator; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiWithDropdownOpen; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiWithTextfieldDropdown; inputs: {}; outputs: {}; }]>;
11
+ static ɵdir: i0.ɵɵDirectiveDeclaration<TuiButtonSelect<any>, "button[tuiButtonSelect]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiDropdownDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiNativeValidator; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiWithDropdownOpen; inputs: {}; outputs: {}; }]>;
13
12
  }
@@ -1 +1 @@
1
- {"version":3,"file":"taiga-ui-kit-components-accordion.mjs","sources":["../../../projects/kit/components/accordion/accordion.directive.ts","../../../projects/kit/components/accordion/accordion.component.ts","../../../projects/kit/components/accordion/accordion.ts","../../../projects/kit/components/accordion/taiga-ui-kit-components-accordion.ts"],"sourcesContent":["import {Directive, inject, model, type OnChanges} from '@angular/core';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils';\nimport {TuiButton, tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {tuiAvatarOptionsProvider} from '@taiga-ui/kit/components/avatar';\nimport {TuiChevron} from '@taiga-ui/kit/directives/chevron';\n\nimport {TuiAccordionComponent} from './accordion.component';\n\n@Directive({\n standalone: true,\n selector: 'button[tuiAccordion]',\n providers: [\n tuiAvatarOptionsProvider({size: 's'}),\n tuiButtonOptionsProvider({appearance: 'outline-grayscale'}),\n ],\n hostDirectives: [TuiButton, TuiChevron],\n host: {\n tuiButton: '',\n tuiAccordion: '',\n type: 'button',\n '[class._open]': 'open()',\n '(click)': 'toggle()',\n },\n})\nexport class TuiAccordionDirective implements OnChanges {\n private readonly accordion = inject(TuiAccordionComponent);\n\n public readonly open = model<boolean | ''>(false, {alias: 'tuiAccordion'});\n\n public readonly size = tuiDirectiveBinding(TuiButton, 'size', this.accordion.size);\n public readonly chevron = tuiDirectiveBinding(TuiChevron, 'rotated', this.open);\n\n public ngOnChanges(): void {\n this.accordion.toggle(this);\n }\n\n public toggle(): void {\n this.open.set(!this.open());\n this.accordion.toggle(this);\n }\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n contentChildren,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {tuiSetSignal} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiExpand} from '@taiga-ui/core/components/expand';\nimport {TuiGroup, tuiGroupOptionsProvider} from '@taiga-ui/core/directives/group';\nimport {type TuiSizeL, type TuiSizeS} from '@taiga-ui/core/types';\n\nimport {TuiAccordionDirective} from './accordion.directive';\n\n@Component({\n standalone: true,\n selector: 'tui-accordion',\n template: '<ng-content />',\n styleUrls: ['./accordion.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [tuiGroupOptionsProvider({orientation: 'vertical', collapsed: true})],\n hostDirectives: [TuiGroup],\n host: {'[attr.data-size]': 'size()'},\n})\nexport class TuiAccordionComponent {\n protected readonly expands = contentChildren(TuiExpand);\n protected readonly directives = contentChildren(TuiAccordionDirective);\n\n public readonly closeOthers = input(true);\n public readonly size = input<TuiSizeL | TuiSizeS>('l');\n\n public toggle(directive: TuiAccordionDirective): void {\n if (this.closeOthers() && directive.open()) {\n this.expands().forEach((expand) => tuiSetSignal(expand.expanded, false));\n this.directives().forEach((dir) => {\n if (dir !== directive) {\n dir.open.set(false);\n }\n });\n }\n\n const expand = this.expands()[this.directives().indexOf(directive)];\n\n if (expand) {\n tuiSetSignal(expand.expanded, !!directive.open());\n }\n }\n}\n","import {TuiItem} from '@taiga-ui/cdk/directives/item';\nimport {TuiExpand} from '@taiga-ui/core/components/expand';\n\nimport {TuiAccordionComponent} from './accordion.component';\nimport {TuiAccordionDirective} from './accordion.directive';\n\nexport const TuiAccordion = [\n TuiAccordionComponent,\n TuiAccordionDirective,\n TuiExpand,\n TuiItem,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"taiga-ui-kit-components-accordion.mjs","sources":["../../../projects/kit/components/accordion/accordion.directive.ts","../../../projects/kit/components/accordion/accordion.component.ts","../../../projects/kit/components/accordion/accordion.ts","../../../projects/kit/components/accordion/taiga-ui-kit-components-accordion.ts"],"sourcesContent":["import {Directive, inject, model, type OnChanges} from '@angular/core';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils';\nimport {TuiButton, tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {tuiAvatarOptionsProvider} from '@taiga-ui/kit/components/avatar';\nimport {TuiChevron} from '@taiga-ui/kit/directives/chevron';\n\nimport {TuiAccordionComponent} from './accordion.component';\n\n@Directive({\n standalone: true,\n selector: 'button[tuiAccordion]',\n providers: [\n tuiAvatarOptionsProvider({size: 's'}),\n tuiButtonOptionsProvider({appearance: 'outline-grayscale'}),\n ],\n hostDirectives: [TuiButton, TuiChevron],\n host: {\n tuiButton: '',\n tuiAccordion: '',\n type: 'button',\n '[class._open]': 'open()',\n '(click)': 'toggle()',\n },\n})\nexport class TuiAccordionDirective implements OnChanges {\n private readonly accordion = inject(TuiAccordionComponent);\n\n public readonly open = model<boolean | ''>(false, {alias: 'tuiAccordion'});\n\n public readonly size = tuiDirectiveBinding(TuiButton, 'size', this.accordion.size);\n public readonly chevron = tuiDirectiveBinding(TuiChevron, 'rotated', this.open);\n\n public ngOnChanges(): void {\n this.accordion.toggle(this);\n }\n\n public toggle(): void {\n this.open.set(!this.open());\n this.accordion.toggle(this);\n }\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n contentChildren,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {tuiSetSignal} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiExpand} from '@taiga-ui/core/components/expand';\nimport {TuiGroup, tuiGroupOptionsProvider} from '@taiga-ui/core/directives/group';\nimport {type TuiSizeL, type TuiSizeS} from '@taiga-ui/core/types';\n\nimport {TuiAccordionDirective} from './accordion.directive';\n\n@Component({\n standalone: true,\n selector: 'tui-accordion',\n template: '<ng-content />',\n styleUrl: './accordion.style.less',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [tuiGroupOptionsProvider({orientation: 'vertical', collapsed: true})],\n hostDirectives: [TuiGroup],\n host: {'[attr.data-size]': 'size()'},\n})\nexport class TuiAccordionComponent {\n protected readonly expands = contentChildren(TuiExpand);\n protected readonly directives = contentChildren(TuiAccordionDirective);\n\n public readonly closeOthers = input(true);\n public readonly size = input<TuiSizeL | TuiSizeS>('l');\n\n public toggle(directive: TuiAccordionDirective): void {\n if (this.closeOthers() && directive.open()) {\n this.expands().forEach((expand) => tuiSetSignal(expand.expanded, false));\n this.directives().forEach((dir) => {\n if (dir !== directive) {\n dir.open.set(false);\n }\n });\n }\n\n const expand = this.expands()[this.directives().indexOf(directive)];\n\n if (expand) {\n tuiSetSignal(expand.expanded, !!directive.open());\n }\n }\n}\n","import {TuiItem} from '@taiga-ui/cdk/directives/item';\nimport {TuiExpand} from '@taiga-ui/core/components/expand';\n\nimport {TuiAccordionComponent} from './accordion.component';\nimport {TuiAccordionDirective} from './accordion.directive';\n\nexport const TuiAccordion = [\n TuiAccordionComponent,\n TuiAccordionDirective,\n TuiExpand,\n TuiItem,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -1,58 +1,42 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Input, ChangeDetectionStrategy, Component, Directive } from '@angular/core';
2
+ import { input, inject, ChangeDetectionStrategy, Component } from '@angular/core';
3
3
  import * as i1 from '@taiga-ui/cdk/directives/animated';
4
4
  import { TuiAnimated } from '@taiga-ui/cdk/directives/animated';
5
- import { tuiProvide } from '@taiga-ui/cdk/utils/miscellaneous';
6
- import { TUI_BUTTON_OPTIONS } from '@taiga-ui/core/components/button';
5
+ import { tuiButtonOptionsProvider } from '@taiga-ui/core/components/button';
7
6
  import { TuiExpand } from '@taiga-ui/core/components/expand';
8
7
  import { tuiLinkOptionsProvider } from '@taiga-ui/core/components/link';
9
- import { TuiDropdownPortal } from '@taiga-ui/core/directives/dropdown';
10
8
 
11
- class TuiActionBarComponent {
9
+ class TuiActionBar {
12
10
  constructor() {
13
- this.expanded = false;
14
- this.size = 'm';
15
- this.appearance = 'secondary-grayscale';
11
+ this.expanded = input(false);
12
+ this.size = input('m');
16
13
  }
17
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
18
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TuiActionBarComponent, isStandalone: true, selector: "tui-action-bar", inputs: { expanded: "expanded", size: "size" }, host: { attributes: { "tuiTheme": "dark" }, properties: { "attr.data-size": "size" } }, providers: [
19
- tuiProvide(TUI_BUTTON_OPTIONS, TuiActionBarComponent),
14
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiActionBar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
15
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: TuiActionBar, isStandalone: true, selector: "tui-action-bar", inputs: { expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tuiTheme": "dark" }, properties: { "attr.data-size": "size()" } }, providers: [
20
16
  tuiLinkOptionsProvider({ appearance: 'action-grayscale', pseudo: true }),
21
- ], hostDirectives: [{ directive: i1.TuiAnimated }], 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:max(1rem,env(safe-area-inset-bottom));display:flex;inline-size:100%;max-inline-size:min(calc(100vw - 3rem),74rem);box-sizing:border-box;border-radius:1rem;background:var(--tui-background-elevation-2);background:color-mix(in hsl,var(--tui-background-elevation-2) 75%,transparent);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.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide}: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;text-indent:0}: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: TuiExpand, selector: "tui-expand", inputs: ["expanded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
17
+ tuiButtonOptionsProvider(() => ({
18
+ appearance: 'secondary-grayscale',
19
+ size: inject(TuiActionBar).size(),
20
+ })),
21
+ ], hostDirectives: [{ directive: i1.TuiAnimated }], 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:max(1rem,env(safe-area-inset-bottom));display:flex;inline-size:100%;max-inline-size:min(calc(100vw - 3rem),74rem);box-sizing:border-box;border-radius:1rem;background:var(--tui-background-elevation-2);background:color-mix(in hsl,var(--tui-background-elevation-2) 75%,transparent);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.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide}: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;text-indent:0}: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: TuiExpand, selector: "tui-expand", inputs: ["expanded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
22
22
  }
23
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiActionBarComponent, decorators: [{
23
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiActionBar, decorators: [{
24
24
  type: Component,
25
25
  args: [{ selector: 'tui-action-bar', imports: [TuiExpand], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
26
- tuiProvide(TUI_BUTTON_OPTIONS, TuiActionBarComponent),
27
26
  tuiLinkOptionsProvider({ appearance: 'action-grayscale', pseudo: true }),
27
+ tuiButtonOptionsProvider(() => ({
28
+ appearance: 'secondary-grayscale',
29
+ size: inject(TuiActionBar).size(),
30
+ })),
28
31
  ], hostDirectives: [TuiAnimated], host: {
29
32
  tuiTheme: 'dark',
30
- '[attr.data-size]': 'size',
31
- }, 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:max(1rem,env(safe-area-inset-bottom));display:flex;inline-size:100%;max-inline-size:min(calc(100vw - 3rem),74rem);box-sizing:border-box;border-radius:1rem;background:var(--tui-background-elevation-2);background:color-mix(in hsl,var(--tui-background-elevation-2) 75%,transparent);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.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide}: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;text-indent:0}:host-context(tui-root._mobile) .t-actions{flex:1}:host-context(tui-root._mobile) .t-actions ::ng-deep [tuiButton]{flex:1}\n"] }]
32
- }], propDecorators: { expanded: [{
33
- type: Input
34
- }], size: [{
35
- type: Input
36
- }] } });
37
-
38
- class TuiActionBarDirective extends TuiDropdownPortal {
39
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiActionBarDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
40
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiActionBarDirective, isStandalone: true, selector: "ng-template[tuiActionBar]", inputs: { tuiDropdown: ["tuiActionBar", "tuiDropdown"] }, usesInheritance: true, ngImport: i0 }); }
41
- }
42
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiActionBarDirective, decorators: [{
43
- type: Directive,
44
- args: [{
45
- standalone: true,
46
- selector: 'ng-template[tuiActionBar]',
47
- inputs: ['tuiDropdown: tuiActionBar'],
48
- }]
33
+ '[attr.data-size]': 'size()',
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:max(1rem,env(safe-area-inset-bottom));display:flex;inline-size:100%;max-inline-size:min(calc(100vw - 3rem),74rem);box-sizing:border-box;border-radius:1rem;background:var(--tui-background-elevation-2);background:color-mix(in hsl,var(--tui-background-elevation-2) 75%,transparent);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.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide}: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;text-indent:0}:host-context(tui-root._mobile) .t-actions{flex:1}:host-context(tui-root._mobile) .t-actions ::ng-deep [tuiButton]{flex:1}\n"] }]
49
35
  }] });
50
36
 
51
- const TuiActionBar = [TuiActionBarComponent, TuiActionBarDirective];
52
-
53
37
  /**
54
38
  * Generated bundle index. Do not edit.
55
39
  */
56
40
 
57
- export { TuiActionBar, TuiActionBarComponent, TuiActionBarDirective };
41
+ export { TuiActionBar };
58
42
  //# sourceMappingURL=taiga-ui-kit-components-action-bar.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"taiga-ui-kit-components-action-bar.mjs","sources":["../../../projects/kit/components/action-bar/action-bar.component.ts","../../../projects/kit/components/action-bar/action-bar.template.html","../../../projects/kit/components/action-bar/action-bar.directive.ts","../../../projects/kit/components/action-bar/action-bar.ts","../../../projects/kit/components/action-bar/taiga-ui-kit-components-action-bar.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Input} from '@angular/core';\nimport {TuiAnimated} from '@taiga-ui/cdk/directives/animated';\nimport {tuiProvide} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {\n TUI_BUTTON_OPTIONS,\n type TuiButtonOptions,\n} from '@taiga-ui/core/components/button';\nimport {TuiExpand} from '@taiga-ui/core/components/expand';\nimport {tuiLinkOptionsProvider} from '@taiga-ui/core/components/link';\nimport {type TuiSizeS} from '@taiga-ui/core/types';\n\n@Component({\n selector: 'tui-action-bar',\n imports: [TuiExpand],\n templateUrl: './action-bar.template.html',\n styleUrls: ['./action-bar.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n tuiProvide(TUI_BUTTON_OPTIONS, TuiActionBarComponent),\n tuiLinkOptionsProvider({appearance: 'action-grayscale', pseudo: true}),\n ],\n hostDirectives: [TuiAnimated],\n host: {\n tuiTheme: 'dark',\n '[attr.data-size]': 'size',\n },\n})\nexport class TuiActionBarComponent implements TuiButtonOptions {\n @Input()\n public expanded = false;\n\n @Input()\n public size: TuiSizeS = 'm';\n\n public readonly appearance = 'secondary-grayscale';\n}\n","<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","import {Directive} from '@angular/core';\nimport {TuiDropdownPortal} from '@taiga-ui/core/directives/dropdown';\n\n@Directive({\n standalone: true,\n selector: 'ng-template[tuiActionBar]',\n inputs: ['tuiDropdown: tuiActionBar'],\n})\nexport class TuiActionBarDirective extends TuiDropdownPortal {}\n","import {TuiActionBarComponent} from './action-bar.component';\nimport {TuiActionBarDirective} from './action-bar.directive';\n\nexport const TuiActionBar = [TuiActionBarComponent, TuiActionBarDirective] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;MA2Ba,qBAAqB,CAAA;AAhBlC,IAAA,WAAA,GAAA;QAkBW,IAAQ,CAAA,QAAA,GAAG,KAAK;QAGhB,IAAI,CAAA,IAAA,GAAa,GAAG;QAEX,IAAU,CAAA,UAAA,GAAG,qBAAqB;AACrD;+GARY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,EAVnB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACP,YAAA,UAAU,CAAC,kBAAkB,EAAE,qBAAqB,CAAC;YACrD,sBAAsB,CAAC,EAAC,UAAU,EAAE,kBAAkB,EAAE,MAAM,EAAE,IAAI,EAAC,CAAC;SACzE,ECpBL,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,WAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,4QAWA,44CDEc,SAAS,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAcV,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAhBjC,SAAS;+BACI,gBAAgB,EAAA,OAAA,EACjB,CAAC,SAAS,CAAC,mBAGH,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;wBACP,UAAU,CAAC,kBAAkB,EAAwB,qBAAA,CAAA;wBACrD,sBAAsB,CAAC,EAAC,UAAU,EAAE,kBAAkB,EAAE,MAAM,EAAE,IAAI,EAAC,CAAC;qBACzE,EACe,cAAA,EAAA,CAAC,WAAW,CAAC,EACvB,IAAA,EAAA;AACF,wBAAA,QAAQ,EAAE,MAAM;AAChB,wBAAA,kBAAkB,EAAE,MAAM;AAC7B,qBAAA,EAAA,QAAA,EAAA,4QAAA,EAAA,MAAA,EAAA,CAAA,o1CAAA,CAAA,EAAA;8BAIM,QAAQ,EAAA,CAAA;sBADd;gBAIM,IAAI,EAAA,CAAA;sBADV;;;AEvBC,MAAO,qBAAsB,SAAQ,iBAAiB,CAAA;+GAA/C,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,CAAA,cAAA,EAAA,aAAA,CAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,2BAA2B;oBACrC,MAAM,EAAE,CAAC,2BAA2B,CAAC;AACxC,iBAAA;;;MCJY,YAAY,GAAG,CAAC,qBAAqB,EAAE,qBAAqB;;ACHzE;;AAEG;;;;"}
1
+ {"version":3,"file":"taiga-ui-kit-components-action-bar.mjs","sources":["../../../projects/kit/components/action-bar/action-bar.component.ts","../../../projects/kit/components/action-bar/action-bar.template.html","../../../projects/kit/components/action-bar/taiga-ui-kit-components-action-bar.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, inject, input} from '@angular/core';\nimport {TuiAnimated} from '@taiga-ui/cdk/directives/animated';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {TuiExpand} from '@taiga-ui/core/components/expand';\nimport {tuiLinkOptionsProvider} from '@taiga-ui/core/components/link';\nimport {type TuiSizeS} from '@taiga-ui/core/types';\n\n@Component({\n selector: 'tui-action-bar',\n imports: [TuiExpand],\n templateUrl: './action-bar.template.html',\n styleUrl: './action-bar.style.less',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n tuiLinkOptionsProvider({appearance: 'action-grayscale', pseudo: true}),\n tuiButtonOptionsProvider(() => ({\n appearance: 'secondary-grayscale',\n size: inject(TuiActionBar).size(),\n })),\n ],\n hostDirectives: [TuiAnimated],\n host: {\n tuiTheme: 'dark',\n '[attr.data-size]': 'size()',\n },\n})\nexport class TuiActionBar {\n public readonly expanded = input(false);\n public readonly size = input<TuiSizeS>('m');\n}\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MA0Ba,YAAY,CAAA;AAnBzB,IAAA,WAAA,GAAA;AAoBoB,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC;AACvB,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAW,GAAG,CAAC;AAC9C;+GAHY,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,YAAY,EAbV,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,SAAA,EAAA;YACP,sBAAsB,CAAC,EAAC,UAAU,EAAE,kBAAkB,EAAE,MAAM,EAAE,IAAI,EAAC,CAAC;AACtE,YAAA,wBAAwB,CAAC,OAAO;AAC5B,gBAAA,UAAU,EAAE,qBAAqB;AACjC,gBAAA,IAAI,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,EAAE;AACpC,aAAA,CAAC,CAAC;SACN,ECnBL,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,WAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,8QAWA,44CDFc,SAAS,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAiBV,YAAY,EAAA,UAAA,EAAA,CAAA;kBAnBxB,SAAS;+BACI,gBAAgB,EAAA,OAAA,EACjB,CAAC,SAAS,CAAC,mBAGH,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;wBACP,sBAAsB,CAAC,EAAC,UAAU,EAAE,kBAAkB,EAAE,MAAM,EAAE,IAAI,EAAC,CAAC;AACtE,wBAAA,wBAAwB,CAAC,OAAO;AAC5B,4BAAA,UAAU,EAAE,qBAAqB;AACjC,4BAAA,IAAI,EAAE,MAAM,CAAc,YAAA,CAAA,CAAC,IAAI,EAAE;AACpC,yBAAA,CAAC,CAAC;qBACN,EACe,cAAA,EAAA,CAAC,WAAW,CAAC,EACvB,IAAA,EAAA;AACF,wBAAA,QAAQ,EAAE,MAAM;AAChB,wBAAA,kBAAkB,EAAE,QAAQ;AAC/B,qBAAA,EAAA,QAAA,EAAA,8QAAA,EAAA,MAAA,EAAA,CAAA,o1CAAA,CAAA,EAAA;;;AExBL;;AAEG;;;;"}