@taiga-ui/kit 4.38.0 → 4.39.0-canary.ad6c629

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 (122) hide show
  1. package/components/action-bar/action-bar.component.d.ts +2 -2
  2. package/components/badge-notification/badge-notification.component.d.ts +2 -2
  3. package/components/carousel/carousel.directive.d.ts +1 -0
  4. package/components/combo-box/combo-box.directive.d.ts +27 -0
  5. package/components/combo-box/index.d.ts +1 -0
  6. package/components/drawer/drawer.component.d.ts +3 -6
  7. package/components/files/input-files/input-files-validator.directive.d.ts +4 -5
  8. package/components/index.d.ts +2 -0
  9. package/components/input-date/index.d.ts +5 -0
  10. package/components/input-date/input-date.component.d.ts +9 -0
  11. package/components/input-date/input-date.d.ts +5 -0
  12. package/components/input-date/input-date.directive.d.ts +34 -0
  13. package/components/input-date/input-date.options.d.ts +17 -0
  14. package/components/input-date/input-date.validator.d.ts +10 -0
  15. package/components/input-month/index.d.ts +1 -1
  16. package/components/input-month/{native-month-picker/native-month-picker.component.d.ts → input-month.component.d.ts} +4 -5
  17. package/components/input-month/input-month.d.ts +2 -2
  18. package/components/input-month/input-month.directive.d.ts +3 -3
  19. package/components/input-month/input-month.options.d.ts +7 -13
  20. package/components/input-month-range/index.d.ts +1 -0
  21. package/components/input-month-range/input-month-range.options.d.ts +11 -0
  22. package/components/line-clamp/line-clamp-box.component.d.ts +2 -1
  23. package/components/pdf-viewer/pdf-viewer.component.d.ts +2 -2
  24. package/components/preview/preview-dialog/preview-dialog.component.d.ts +2 -8
  25. package/components/pulse/pulse.component.d.ts +2 -2
  26. package/components/push/push-alert.component.d.ts +2 -2
  27. package/components/select/select.directive.d.ts +1 -1
  28. package/directives/unfinished-validator/unfinished-validator.directive.d.ts +3 -1
  29. package/esm2022/components/action-bar/action-bar.component.mjs +8 -12
  30. package/esm2022/components/badge-notification/badge-notification.component.mjs +6 -9
  31. package/esm2022/components/calendar-month/calendar-month.component.mjs +2 -2
  32. package/esm2022/components/carousel/carousel.directive.mjs +5 -4
  33. package/esm2022/components/combo-box/combo-box.directive.mjs +113 -0
  34. package/esm2022/components/combo-box/index.mjs +2 -0
  35. package/esm2022/components/combo-box/taiga-ui-kit-components-combo-box.mjs +5 -0
  36. package/esm2022/components/drawer/drawer.component.mjs +13 -16
  37. package/esm2022/components/files/input-files/input-files-validator.directive.mjs +16 -19
  38. package/esm2022/components/index.mjs +3 -1
  39. package/esm2022/components/input-date/index.mjs +6 -0
  40. package/esm2022/components/input-date/input-date.component.mjs +33 -0
  41. package/esm2022/components/input-date/input-date.directive.mjs +137 -0
  42. package/esm2022/components/input-date/input-date.mjs +11 -0
  43. package/esm2022/components/input-date/input-date.options.mjs +11 -0
  44. package/esm2022/components/input-date/input-date.validator.mjs +31 -0
  45. package/esm2022/components/input-date/taiga-ui-kit-components-input-date.mjs +5 -0
  46. package/esm2022/components/input-month/index.mjs +2 -2
  47. package/esm2022/components/input-month/input-month.component.mjs +53 -0
  48. package/esm2022/components/input-month/input-month.directive.mjs +17 -10
  49. package/esm2022/components/input-month/input-month.mjs +3 -3
  50. package/esm2022/components/input-month/input-month.options.mjs +12 -12
  51. package/esm2022/components/input-month-range/index.mjs +2 -1
  52. package/esm2022/components/input-month-range/input-month-range.directive.mjs +13 -6
  53. package/esm2022/components/input-month-range/input-month-range.options.mjs +11 -0
  54. package/esm2022/components/input-number/input-number.directive.mjs +3 -7
  55. package/esm2022/components/line-clamp/line-clamp-box.component.mjs +7 -6
  56. package/esm2022/components/pdf-viewer/pdf-viewer.component.mjs +8 -11
  57. package/esm2022/components/preview/preview-dialog/preview-dialog.component.mjs +10 -20
  58. package/esm2022/components/preview/preview.component.mjs +3 -4
  59. package/esm2022/components/pulse/pulse.component.mjs +6 -10
  60. package/esm2022/components/push/push-alert.component.mjs +8 -21
  61. package/esm2022/components/push/push.component.mjs +2 -2
  62. package/esm2022/components/select/select.directive.mjs +3 -2
  63. package/esm2022/components/slider/slider.component.mjs +2 -2
  64. package/esm2022/directives/chevron/chevron.directive.mjs +2 -2
  65. package/esm2022/directives/unfinished-validator/unfinished-validator.directive.mjs +10 -4
  66. package/esm2022/directives/unfinished-validator/unfinished.validator.mjs +2 -2
  67. package/esm2022/pipes/filter-by-input/filter-by-input.pipe.mjs +7 -2
  68. package/esm2022/tokens/calendar-date-stream.mjs +2 -1
  69. package/esm2022/tokens/date-inputs-value-transformers.mjs +3 -3
  70. package/fesm2022/taiga-ui-kit-components-action-bar.mjs +7 -11
  71. package/fesm2022/taiga-ui-kit-components-action-bar.mjs.map +1 -1
  72. package/fesm2022/taiga-ui-kit-components-badge-notification.mjs +5 -8
  73. package/fesm2022/taiga-ui-kit-components-badge-notification.mjs.map +1 -1
  74. package/fesm2022/taiga-ui-kit-components-calendar-month.mjs +1 -1
  75. package/fesm2022/taiga-ui-kit-components-calendar-month.mjs.map +1 -1
  76. package/fesm2022/taiga-ui-kit-components-carousel.mjs +4 -3
  77. package/fesm2022/taiga-ui-kit-components-carousel.mjs.map +1 -1
  78. package/fesm2022/taiga-ui-kit-components-combo-box.mjs +119 -0
  79. package/fesm2022/taiga-ui-kit-components-combo-box.mjs.map +1 -0
  80. package/fesm2022/taiga-ui-kit-components-drawer.mjs +12 -15
  81. package/fesm2022/taiga-ui-kit-components-drawer.mjs.map +1 -1
  82. package/fesm2022/taiga-ui-kit-components-files.mjs +16 -20
  83. package/fesm2022/taiga-ui-kit-components-files.mjs.map +1 -1
  84. package/fesm2022/taiga-ui-kit-components-input-date.mjs +208 -0
  85. package/fesm2022/taiga-ui-kit-components-input-date.mjs.map +1 -0
  86. package/fesm2022/taiga-ui-kit-components-input-month-range.mjs +21 -6
  87. package/fesm2022/taiga-ui-kit-components-input-month-range.mjs.map +1 -1
  88. package/fesm2022/taiga-ui-kit-components-input-month.mjs +44 -41
  89. package/fesm2022/taiga-ui-kit-components-input-month.mjs.map +1 -1
  90. package/fesm2022/taiga-ui-kit-components-input-number.mjs +2 -6
  91. package/fesm2022/taiga-ui-kit-components-input-number.mjs.map +1 -1
  92. package/fesm2022/taiga-ui-kit-components-line-clamp.mjs +8 -7
  93. package/fesm2022/taiga-ui-kit-components-line-clamp.mjs.map +1 -1
  94. package/fesm2022/taiga-ui-kit-components-pdf-viewer.mjs +7 -10
  95. package/fesm2022/taiga-ui-kit-components-pdf-viewer.mjs.map +1 -1
  96. package/fesm2022/taiga-ui-kit-components-preview-preview-dialog.mjs +9 -19
  97. package/fesm2022/taiga-ui-kit-components-preview-preview-dialog.mjs.map +1 -1
  98. package/fesm2022/taiga-ui-kit-components-preview.mjs +10 -20
  99. package/fesm2022/taiga-ui-kit-components-preview.mjs.map +1 -1
  100. package/fesm2022/taiga-ui-kit-components-pulse.mjs +5 -9
  101. package/fesm2022/taiga-ui-kit-components-pulse.mjs.map +1 -1
  102. package/fesm2022/taiga-ui-kit-components-push.mjs +8 -20
  103. package/fesm2022/taiga-ui-kit-components-push.mjs.map +1 -1
  104. package/fesm2022/taiga-ui-kit-components-select.mjs +2 -2
  105. package/fesm2022/taiga-ui-kit-components-select.mjs.map +1 -1
  106. package/fesm2022/taiga-ui-kit-components-slider.mjs +1 -1
  107. package/fesm2022/taiga-ui-kit-components-slider.mjs.map +1 -1
  108. package/fesm2022/taiga-ui-kit-components.mjs +2 -0
  109. package/fesm2022/taiga-ui-kit-components.mjs.map +1 -1
  110. package/fesm2022/taiga-ui-kit-directives-chevron.mjs +2 -2
  111. package/fesm2022/taiga-ui-kit-directives-chevron.mjs.map +1 -1
  112. package/fesm2022/taiga-ui-kit-directives-unfinished-validator.mjs +10 -4
  113. package/fesm2022/taiga-ui-kit-directives-unfinished-validator.mjs.map +1 -1
  114. package/fesm2022/taiga-ui-kit-pipes-filter-by-input.mjs +6 -1
  115. package/fesm2022/taiga-ui-kit-pipes-filter-by-input.mjs.map +1 -1
  116. package/fesm2022/taiga-ui-kit-tokens.mjs +3 -2
  117. package/fesm2022/taiga-ui-kit-tokens.mjs.map +1 -1
  118. package/package.json +22 -10
  119. package/pipes/filter-by-input/filter-by-input.pipe.d.ts +1 -0
  120. package/tokens/calendar-date-stream.d.ts +1 -0
  121. package/tokens/i18n.d.ts +1 -0
  122. package/esm2022/components/input-month/native-month-picker/native-month-picker.component.mjs +0 -55
@@ -1,11 +1,11 @@
1
1
  import type { TuiButtonOptions } from '@taiga-ui/core/components/button';
2
2
  import type { TuiSizeS } from '@taiga-ui/core/types';
3
3
  import * as i0 from "@angular/core";
4
+ import * as i1 from "@taiga-ui/cdk/directives/animated";
4
5
  export declare class TuiActionBarComponent implements TuiButtonOptions {
5
- protected readonly animation: import("@angular/animations").AnimationOptions;
6
6
  expanded: boolean;
7
7
  size: TuiSizeS;
8
8
  readonly appearance = "secondary-grayscale";
9
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, 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: {}; }]>;
11
11
  }
@@ -1,8 +1,8 @@
1
1
  import type { TuiSizeL, TuiSizeXS } from '@taiga-ui/core/types';
2
2
  import * as i0 from "@angular/core";
3
+ import * as i1 from "@taiga-ui/cdk/directives/animated";
3
4
  export declare class TuiBadgeNotification {
4
- protected readonly options: import("@angular/animations").AnimationOptions;
5
5
  size: TuiSizeL | TuiSizeXS;
6
6
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiBadgeNotification, never>;
7
- static ɵcmp: i0.ɵɵComponentDeclaration<TuiBadgeNotification, "tui-badge-notification", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
7
+ static ɵcmp: i0.ɵɵComponentDeclaration<TuiBadgeNotification, "tui-badge-notification", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
8
8
  }
@@ -4,6 +4,7 @@ export declare class TuiCarouselDirective extends Observable<unknown> {
4
4
  private readonly el;
5
5
  private readonly platform;
6
6
  private readonly visible$;
7
+ private readonly zone;
7
8
  private readonly duration$;
8
9
  private readonly running$;
9
10
  private readonly output$;
@@ -0,0 +1,27 @@
1
+ import { TuiControl } from '@taiga-ui/cdk/classes';
2
+ import type { TuiStringMatcher } from '@taiga-ui/cdk/types';
3
+ import type { TuiTextfieldAccessor } from '@taiga-ui/core/components/textfield';
4
+ import * as i0 from "@angular/core";
5
+ import * as i1 from "@taiga-ui/core/components/textfield";
6
+ export declare class TuiComboBox<T> extends TuiControl<T | string | null> implements TuiTextfieldAccessor<T> {
7
+ private readonly el;
8
+ private readonly host;
9
+ private readonly textfield;
10
+ private readonly open;
11
+ private readonly dropdown;
12
+ private readonly itemsHandlers;
13
+ private readonly datalist;
14
+ protected readonly dropdownEnabled: import("@angular/core").Signal<boolean>;
15
+ protected readonly valueEffect: import("@angular/core").EffectRef;
16
+ protected readonly blurEffect: import("@angular/core").EffectRef;
17
+ strict: boolean;
18
+ matcher: TuiStringMatcher<T> | null;
19
+ setValue(value: T): void;
20
+ protected toggleDropdown(open?: boolean): void;
21
+ protected onInput(value: string): void;
22
+ protected keydownEnter(event: KeyboardEvent): void;
23
+ private get options();
24
+ private match;
25
+ static ɵfac: i0.ɵɵFactoryDeclaration<TuiComboBox<any>, never>;
26
+ static ɵdir: i0.ɵɵDirectiveDeclaration<TuiComboBox<any>, "input[tuiComboBox]", never, { "strict": { "alias": "strict"; "required": false; }; "matcher": { "alias": "matcher"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }]>;
27
+ }
@@ -0,0 +1 @@
1
+ export * from './combo-box.directive';
@@ -1,13 +1,10 @@
1
- import type { AnimationOptions } from '@angular/animations';
2
1
  import type { TuiHorizontalDirection } from '@taiga-ui/core/types';
3
2
  import * as i0 from "@angular/core";
3
+ import * as i1 from "@taiga-ui/cdk/directives/animated";
4
4
  export declare class TuiDrawer {
5
- protected readonly options: AnimationOptions;
6
5
  direction: TuiHorizontalDirection;
7
6
  overlay: boolean;
8
- protected get animation(): AnimationOptions & {
9
- value: string;
10
- };
7
+ get from(): string;
11
8
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiDrawer, never>;
12
- static ɵcmp: i0.ɵɵComponentDeclaration<TuiDrawer, "tui-drawer", never, { "direction": { "alias": "direction"; "required": false; }; "overlay": { "alias": "overlay"; "required": false; }; }, {}, never, ["header", "*", "footer"], true, never>;
9
+ static ɵcmp: i0.ɵɵComponentDeclaration<TuiDrawer, "tui-drawer", never, { "direction": { "alias": "direction"; "required": false; }; "overlay": { "alias": "overlay"; "required": false; }; }, {}, never, ["header", "*", "footer"], true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
13
10
  }
@@ -1,14 +1,13 @@
1
1
  import type { OnChanges, OnInit } from '@angular/core';
2
+ import { TuiValidator } from '@taiga-ui/cdk/directives/validator';
2
3
  import * as i0 from "@angular/core";
3
- import * as i1 from "@taiga-ui/cdk/directives/validator";
4
- export declare class TuiInputFilesValidator implements OnChanges, OnInit {
4
+ export declare class TuiInputFilesValidator extends TuiValidator implements OnInit, OnChanges {
5
5
  private readonly options;
6
- private readonly validator;
7
6
  accept: string;
8
7
  maxFileSize: number;
9
8
  ngOnChanges(): void;
10
9
  ngOnInit(): void;
11
- private validate;
10
+ private update;
12
11
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputFilesValidator, never>;
13
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputFilesValidator, never, ["tuiInputFilesValidator"], { "accept": { "alias": "accept"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiValidator; inputs: {}; outputs: {}; }]>;
12
+ static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputFilesValidator, never, ["tuiInputFilesValidator"], { "accept": { "alias": "accept"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; }, {}, never, never, true, never>;
14
13
  }
@@ -12,6 +12,7 @@ export * from '@taiga-ui/kit/components/calendar-range';
12
12
  export * from '@taiga-ui/kit/components/carousel';
13
13
  export * from '@taiga-ui/kit/components/checkbox';
14
14
  export * from '@taiga-ui/kit/components/chip';
15
+ export * from '@taiga-ui/kit/components/combo-box';
15
16
  export * from '@taiga-ui/kit/components/comment';
16
17
  export * from '@taiga-ui/kit/components/compass';
17
18
  export * from '@taiga-ui/kit/components/confirm';
@@ -21,6 +22,7 @@ export * from '@taiga-ui/kit/components/elastic-container';
21
22
  export * from '@taiga-ui/kit/components/files';
22
23
  export * from '@taiga-ui/kit/components/filter';
23
24
  export * from '@taiga-ui/kit/components/floating-container';
25
+ export * from '@taiga-ui/kit/components/input-date';
24
26
  export * from '@taiga-ui/kit/components/input-inline';
25
27
  export * from '@taiga-ui/kit/components/input-month';
26
28
  export * from '@taiga-ui/kit/components/input-month-range';
@@ -0,0 +1,5 @@
1
+ export * from './input-date';
2
+ export * from './input-date.component';
3
+ export * from './input-date.directive';
4
+ export * from './input-date.options';
5
+ export * from './input-date.validator';
@@ -0,0 +1,9 @@
1
+ import { TuiInputDateDirective } from './input-date.directive';
2
+ import * as i0 from "@angular/core";
3
+ export declare class TuiInputDateComponent {
4
+ protected readonly host: TuiInputDateDirective;
5
+ list: string | null;
6
+ protected onInput(value: string): void;
7
+ static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateComponent, never>;
8
+ static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputDateComponent, "input[tuiInputDate][type=\"date\"]", never, { "list": { "alias": "list"; "required": false; }; }, {}, never, never, true, never>;
9
+ }
@@ -0,0 +1,5 @@
1
+ import { TuiCalendar } from '@taiga-ui/core/components/calendar';
2
+ import { TuiInputDateComponent } from './input-date.component';
3
+ import { TuiInputDateDirective } from './input-date.directive';
4
+ import { TuiInputDateValidator } from './input-date.validator';
5
+ export declare const TuiInputDate: readonly [typeof TuiInputDateDirective, typeof TuiInputDateComponent, typeof TuiInputDateValidator, typeof TuiCalendar];
@@ -0,0 +1,34 @@
1
+ import { TuiControl } from '@taiga-ui/cdk/classes';
2
+ import { TuiDay } from '@taiga-ui/cdk/date-time';
3
+ import * as i0 from "@angular/core";
4
+ import * as i1 from "@taiga-ui/core/components/textfield";
5
+ import * as i2 from "@taiga-ui/core/directives/dropdown";
6
+ import * as i3 from "./input-date.validator";
7
+ import * as i4 from "@maskito/angular";
8
+ export declare class TuiInputDateDirective extends TuiControl<TuiDay | null> {
9
+ private readonly el;
10
+ private readonly mobile;
11
+ private readonly options;
12
+ private readonly handlers;
13
+ private readonly textfield;
14
+ private readonly texts;
15
+ private readonly calendar;
16
+ protected readonly filler: import("@angular/core").Signal<string>;
17
+ protected readonly open: import("@angular/core").WritableSignal<boolean>;
18
+ protected readonly icon: import("@angular/core").Signal<string>;
19
+ protected readonly dropdownEnabled: import("@angular/core").Signal<boolean>;
20
+ protected readonly format: import("@angular/core").Signal<import("@taiga-ui/core/tokens").TuiDateFormatSettings>;
21
+ protected readonly mask: import("@angular/core").Signal<import("@maskito/core").MaskitoOptions | null>;
22
+ protected readonly valueEffect: import("@angular/core").EffectRef;
23
+ protected readonly calendarIn: import("@angular/core").EffectRef;
24
+ protected readonly calendarOut: import("@angular/core").EffectRef;
25
+ readonly native: boolean;
26
+ readonly min: import("@angular/core").WritableSignal<TuiDay>;
27
+ readonly max: import("@angular/core").WritableSignal<TuiDay>;
28
+ set minSetter(min: TuiDay | null);
29
+ set maxSetter(max: TuiDay | null);
30
+ protected onClick(): void;
31
+ protected onValueChange(value: string): void;
32
+ static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateDirective, never>;
33
+ static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDateDirective, "input[tuiInputDate]", never, { "minSetter": { "alias": "min"; "required": false; }; "maxSetter": { "alias": "max"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownAuto; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiInputDateValidator; inputs: {}; outputs: {}; }, { directive: typeof i4.MaskitoDirective; inputs: {}; outputs: {}; }]>;
34
+ }
@@ -0,0 +1,17 @@
1
+ import type { TuiValueTransformer } from '@taiga-ui/cdk/classes';
2
+ import type { TuiDay } from '@taiga-ui/cdk/date-time';
3
+ import type { TuiHandler } from '@taiga-ui/cdk/types';
4
+ import type { TuiSizeL, TuiSizeS } from '@taiga-ui/core/types';
5
+ export interface TuiInputDateOptionsNew {
6
+ readonly icon: TuiHandler<TuiSizeL | TuiSizeS, string>;
7
+ readonly max: TuiDay;
8
+ readonly min: TuiDay;
9
+ readonly valueTransformer: TuiValueTransformer<TuiDay | null, any>;
10
+ }
11
+ export declare const TUI_INPUT_DATE_DEFAULT_OPTIONS_NEW: {
12
+ readonly icon: () => string;
13
+ readonly min: TuiDay;
14
+ readonly max: TuiDay;
15
+ readonly valueTransformer: TuiValueTransformer<any, any>;
16
+ };
17
+ export declare const TUI_INPUT_DATE_OPTIONS_NEW: import("@angular/core").InjectionToken<TuiInputDateOptionsNew>, tuiInputDateOptionsProviderNew: (item: Partial<TuiInputDateOptionsNew> | import("@angular/core").ProviderToken<Partial<TuiInputDateOptionsNew>>) => import("@angular/core").FactoryProvider;
@@ -0,0 +1,10 @@
1
+ import type { ValidatorFn } from '@angular/forms';
2
+ import { TuiValidator } from '@taiga-ui/cdk/directives/validator';
3
+ import * as i0 from "@angular/core";
4
+ export declare class TuiInputDateValidator extends TuiValidator {
5
+ private readonly handlers;
6
+ protected readonly update: import("@angular/core").EffectRef;
7
+ validate: ValidatorFn;
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateValidator, never>;
9
+ static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDateValidator, never, never, {}, {}, never, never, true, never>;
10
+ }
@@ -1,4 +1,4 @@
1
1
  export * from './input-month';
2
+ export * from './input-month.component';
2
3
  export * from './input-month.directive';
3
4
  export * from './input-month.options';
4
- export * from './native-month-picker/native-month-picker.component';
@@ -1,8 +1,7 @@
1
1
  import { TuiMonth } from '@taiga-ui/cdk/date-time';
2
- import { TuiInputMonthDirective } from '../input-month.directive';
2
+ import { TuiInputMonthDirective } from './input-month.directive';
3
3
  import * as i0 from "@angular/core";
4
- export declare class TuiNativeMonthPicker {
5
- private readonly control;
4
+ export declare class TuiInputMonthComponent {
6
5
  protected readonly host: TuiInputMonthDirective;
7
6
  protected readonly min: import("@angular/core").WritableSignal<TuiMonth | null>;
8
7
  protected readonly max: import("@angular/core").WritableSignal<TuiMonth | null>;
@@ -10,6 +9,6 @@ export declare class TuiNativeMonthPicker {
10
9
  set minSetter(x: TuiMonth | null);
11
10
  set maxSetter(x: TuiMonth | null);
12
11
  protected onInput(value: string): void;
13
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiNativeMonthPicker, never>;
14
- static ɵcmp: i0.ɵɵComponentDeclaration<TuiNativeMonthPicker, "input[tuiInputMonth][type=\"month\"]", never, { "minSetter": { "alias": "min"; "required": false; }; "maxSetter": { "alias": "max"; "required": false; }; }, {}, never, never, true, never>;
12
+ static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputMonthComponent, never>;
13
+ static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputMonthComponent, "input[tuiInputMonth][type=\"month\"]", never, { "minSetter": { "alias": "min"; "required": false; }; "maxSetter": { "alias": "max"; "required": false; }; }, {}, never, never, true, never>;
15
14
  }
@@ -1,4 +1,4 @@
1
1
  import { TuiCalendarMonth } from '@taiga-ui/kit/components/calendar-month';
2
+ import { TuiInputMonthComponent } from './input-month.component';
2
3
  import { TuiInputMonthDirective } from './input-month.directive';
3
- import { TuiNativeMonthPicker } from './native-month-picker/native-month-picker.component';
4
- export declare const TuiInputMonth: readonly [typeof TuiInputMonthDirective, typeof TuiCalendarMonth, typeof TuiNativeMonthPicker];
4
+ export declare const TuiInputMonth: readonly [typeof TuiInputMonthComponent, typeof TuiInputMonthDirective, typeof TuiCalendarMonth];
@@ -11,10 +11,10 @@ export declare class TuiInputMonthDirective extends TuiControl<TuiMonth | null>
11
11
  protected readonly icon: import("@angular/core").Signal<string>;
12
12
  protected readonly dropdownEnabled: import("@angular/core").Signal<boolean>;
13
13
  protected readonly valueEffect: import("@angular/core").EffectRef;
14
- protected readonly calendarSync: import("@angular/core").EffectRef;
15
- protected onMonthClickEffect: import("@angular/core").EffectRef;
14
+ protected readonly calendarIn: import("@angular/core").EffectRef;
15
+ protected readonly calendarOut: import("@angular/core").EffectRef;
16
16
  readonly calendar: import("@angular/core").Signal<TuiCalendarMonth | null>;
17
- readonly nativePickerEnabled: boolean;
17
+ readonly native: boolean;
18
18
  protected clear(): void;
19
19
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputMonthDirective, never>;
20
20
  static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputMonthDirective, "input[tuiInputMonth]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiSelectLike; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownAuto; inputs: {}; outputs: {}; }]>;
@@ -1,21 +1,15 @@
1
- import type { InjectionToken } from '@angular/core';
1
+ import type { FactoryProvider } from '@angular/core';
2
+ import type { TuiValueTransformer } from '@taiga-ui/cdk/classes';
3
+ import type { TuiMonth } from '@taiga-ui/cdk/date-time';
2
4
  import type { TuiHandler } from '@taiga-ui/cdk/types';
3
5
  import type { TuiSizeL, TuiSizeS } from '@taiga-ui/core/types';
4
- /**
5
- * @deprecated use {@link TuiInputDateOptions} instead
6
- */
7
6
  export interface TuiInputMonthOptions {
8
7
  readonly icon: TuiHandler<TuiSizeL | TuiSizeS, string>;
8
+ readonly valueTransformer: TuiValueTransformer<TuiMonth | null, any>;
9
9
  }
10
10
  /**
11
- * @deprecated use {@link TUI_INPUT_DATE_DEFAULT_OPTIONS} instead
11
+ * @deprecated remove in v5
12
12
  */
13
13
  export declare const TUI_INPUT_MONTH_DEFAULT_OPTIONS: TuiInputMonthOptions;
14
- /**
15
- * @deprecated use {@link TUI_INPUT_DATE_OPTIONS} instead
16
- */
17
- export declare const TUI_INPUT_MONTH_OPTIONS: InjectionToken<TuiInputMonthOptions>;
18
- /**
19
- * @deprecated use {@link tuiInputDateOptionsProvider} instead
20
- */
21
- export declare const tuiInputMonthOptionsProvider: (item: Partial<TuiInputMonthOptions> | import("@angular/core").ProviderToken<Partial<TuiInputMonthOptions>>) => import("@angular/core").FactoryProvider;
14
+ export declare const TUI_INPUT_MONTH_OPTIONS: import("@angular/core").InjectionToken<TuiInputMonthOptions>;
15
+ export declare const tuiInputMonthOptionsProvider: (options: Partial<TuiInputMonthOptions>) => FactoryProvider;
@@ -1,2 +1,3 @@
1
1
  export * from './input-month-range';
2
2
  export * from './input-month-range.directive';
3
+ export * from './input-month-range.options';
@@ -0,0 +1,11 @@
1
+ import type { FactoryProvider } from '@angular/core';
2
+ import type { TuiValueTransformer } from '@taiga-ui/cdk/classes';
3
+ import type { TuiMonthRange } from '@taiga-ui/cdk/date-time';
4
+ import type { TuiHandler } from '@taiga-ui/cdk/types';
5
+ import type { TuiSizeL, TuiSizeS } from '@taiga-ui/core/types';
6
+ export interface TuiInputMonthRangeOptions {
7
+ readonly icon: TuiHandler<TuiSizeL | TuiSizeS, string>;
8
+ readonly valueTransformer: TuiValueTransformer<TuiMonthRange | null, any>;
9
+ }
10
+ export declare const TUI_INPUT_MONTH_RANGE_OPTIONS: import("@angular/core").InjectionToken<TuiInputMonthRangeOptions>;
11
+ export declare const tuiInputMonthRangeOptionsProvider: (options: Partial<TuiInputMonthRangeOptions>) => FactoryProvider;
@@ -1,7 +1,8 @@
1
1
  import { TuiHintComponent } from '@taiga-ui/core/directives/hint';
2
2
  import * as i0 from "@angular/core";
3
+ import * as i1 from "@taiga-ui/cdk/directives/animated";
3
4
  export declare class TuiLineClampBox extends TuiHintComponent {
4
5
  protected get width(): number;
5
6
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiLineClampBox, never>;
6
- static ɵcmp: i0.ɵɵComponentDeclaration<TuiLineClampBox, "tui-line-clamp-box", never, {}, {}, never, never, true, never>;
7
+ static ɵcmp: i0.ɵɵComponentDeclaration<TuiLineClampBox, "tui-line-clamp-box", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
7
8
  }
@@ -1,12 +1,12 @@
1
1
  import type { TuiPopover } from '@taiga-ui/cdk/services';
2
2
  import type { TuiPdfViewerOptions } from './pdf-viewer.options';
3
3
  import * as i0 from "@angular/core";
4
+ import * as i1 from "@taiga-ui/cdk/directives/animated";
4
5
  export declare class TuiPdfViewerComponent<I, O> {
5
- protected readonly options: import("@angular/animations").AnimationOptions;
6
6
  protected readonly closeWord$: import("rxjs").Observable<string>;
7
7
  protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
8
8
  protected readonly context: TuiPopover<TuiPdfViewerOptions<I>, O>;
9
9
  protected onKeyDownEsc(): void;
10
10
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiPdfViewerComponent<any, any>, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<TuiPdfViewerComponent<any, any>, "tui-pdf-viewer", never, {}, {}, never, never, true, never>;
11
+ static ɵcmp: i0.ɵɵComponentDeclaration<TuiPdfViewerComponent<any, any>, "tui-pdf-viewer", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
12
12
  }
@@ -1,14 +1,8 @@
1
1
  import type { TuiPopover } from '@taiga-ui/cdk/services';
2
2
  import * as i0 from "@angular/core";
3
+ import * as i1 from "@taiga-ui/cdk/directives/animated";
3
4
  export declare class TuiPreviewDialog {
4
5
  protected readonly context: TuiPopover<void, void>;
5
- protected readonly animation: {
6
- value: string;
7
- params: {
8
- start: string;
9
- duration: number;
10
- };
11
- };
12
6
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiPreviewDialog, never>;
13
- static ɵcmp: i0.ɵɵComponentDeclaration<TuiPreviewDialog, "tui-preview-dialog", never, {}, {}, never, never, true, never>;
7
+ static ɵcmp: i0.ɵɵComponentDeclaration<TuiPreviewDialog, "tui-preview-dialog", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
14
8
  }
@@ -1,12 +1,12 @@
1
1
  import { TuiRectAccessor } from '@taiga-ui/core/classes';
2
2
  import * as i0 from "@angular/core";
3
+ import * as i1 from "@taiga-ui/cdk/directives/animated";
3
4
  export declare class TuiPulse extends TuiRectAccessor {
4
5
  private readonly isBrowser;
5
6
  private readonly el;
6
- protected readonly animation: import("@angular/animations").AnimationOptions;
7
7
  playing: boolean;
8
8
  readonly type = "hint";
9
9
  getClientRect(): DOMRect;
10
10
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiPulse, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<TuiPulse, "tui-pulse", never, { "playing": { "alias": "playing"; "required": false; }; }, {}, never, never, true, never>;
11
+ static ɵcmp: i0.ɵɵComponentDeclaration<TuiPulse, "tui-pulse", never, { "playing": { "alias": "playing"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
12
12
  }
@@ -1,10 +1,10 @@
1
1
  import type { TuiPopover } from '@taiga-ui/cdk/services';
2
2
  import type { TuiPushOptions } from './push.options';
3
3
  import * as i0 from "@angular/core";
4
+ import * as i1 from "@taiga-ui/cdk/directives/animated";
4
5
  export declare class TuiPushAlert {
5
- protected readonly options: import("@angular/animations").AnimationOptions;
6
6
  protected readonly context: TuiPopover<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, never>;
9
+ static ɵcmp: i0.ɵɵComponentDeclaration<TuiPushAlert, "ng-component", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
10
10
  }
@@ -8,7 +8,7 @@ export declare class TuiSelectDirective<T> extends TuiControl<T | null> implemen
8
8
  private readonly itemsHandlers;
9
9
  protected readonly dropdownEnabled: import("@angular/core").Signal<boolean>;
10
10
  protected readonly valueEffect: import("@angular/core").EffectRef;
11
- setValue(value: T): void;
11
+ setValue(value: T | null): void;
12
12
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiSelectDirective<any>, never>;
13
13
  static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSelectDirective<any>, "input[tuiSelect]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiSelectLike; inputs: {}; outputs: {}; }]>;
14
14
  }
@@ -2,7 +2,9 @@ import type { Validator } from '@angular/forms';
2
2
  import * as i0 from "@angular/core";
3
3
  export declare class TuiUnfinishedValidator implements Validator {
4
4
  private readonly default;
5
- private readonly el;
5
+ private readonly error;
6
+ private readonly fallback;
7
+ private readonly message;
6
8
  tuiUnfinishedValidator: string;
7
9
  readonly validate: import("@angular/forms").ValidatorFn;
8
10
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiUnfinishedValidator, never>;
@@ -1,24 +1,22 @@
1
- import { ChangeDetectionStrategy, Component, inject, Input } from '@angular/core';
1
+ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
2
+ import { TuiAnimated } from '@taiga-ui/cdk/directives/animated';
2
3
  import { tuiProvide } from '@taiga-ui/cdk/utils/miscellaneous';
3
- import { tuiFadeIn, tuiSlideInTop } from '@taiga-ui/core/animations';
4
4
  import { TUI_BUTTON_OPTIONS } from '@taiga-ui/core/components/button';
5
5
  import { TuiExpandComponent } from '@taiga-ui/core/components/expand';
6
6
  import { tuiLinkOptionsProvider } from '@taiga-ui/core/components/link';
7
- import { TUI_ANIMATIONS_SPEED } from '@taiga-ui/core/tokens';
8
- import { tuiToAnimationOptions } from '@taiga-ui/core/utils/miscellaneous';
9
7
  import * as i0 from "@angular/core";
8
+ import * as i1 from "@taiga-ui/cdk/directives/animated";
10
9
  class TuiActionBarComponent {
11
10
  constructor() {
12
- this.animation = tuiToAnimationOptions(inject(TUI_ANIMATIONS_SPEED));
13
11
  this.expanded = false;
14
12
  this.size = 'm';
15
13
  this.appearance = 'secondary-grayscale';
16
14
  }
17
15
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
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: [
16
+ 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" } }, providers: [
19
17
  tuiProvide(TUI_BUTTON_OPTIONS, TuiActionBarComponent),
20
18
  tuiLinkOptionsProvider({ appearance: 'action-grayscale', 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-background-elevation-3);background:color-mix(in hsl,var(--tui-background-elevation-3) 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[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: TuiExpandComponent, selector: "tui-expand", inputs: ["async", "expanded"] }], animations: [tuiFadeIn, tuiSlideInTop], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
19
+ ], 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:1rem;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: TuiExpandComponent, selector: "tui-expand", inputs: ["async", "expanded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
22
20
  }
23
21
  export { TuiActionBarComponent };
24
22
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiActionBarComponent, decorators: [{
@@ -26,15 +24,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
26
24
  args: [{ standalone: true, selector: 'tui-action-bar', imports: [TuiExpandComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
27
25
  tuiProvide(TUI_BUTTON_OPTIONS, TuiActionBarComponent),
28
26
  tuiLinkOptionsProvider({ appearance: 'action-grayscale', pseudo: true }),
29
- ], animations: [tuiFadeIn, tuiSlideInTop], host: {
27
+ ], hostDirectives: [TuiAnimated], host: {
30
28
  tuiTheme: 'dark',
31
29
  '[attr.data-size]': 'size',
32
- '[@tuiFadeIn]': 'animation',
33
- '[@tuiSlideInTop]': 'animation',
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-background-elevation-3);background:color-mix(in hsl,var(--tui-background-elevation-3) 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[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"] }]
30
+ }, 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-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"] }]
35
31
  }], propDecorators: { expanded: [{
36
32
  type: Input
37
33
  }], size: [{
38
34
  type: Input
39
35
  }] } });
40
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXQvY29tcG9uZW50cy9hY3Rpb24tYmFyL2FjdGlvbi1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvYWN0aW9uLWJhci9hY3Rpb24tYmFyLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2hGLE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQztBQUM3RCxPQUFPLEVBQUMsU0FBUyxFQUFFLGFBQWEsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBRW5FLE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLGtDQUFrQyxDQUFDO0FBQ3BFLE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLGtDQUFrQyxDQUFDO0FBQ3BFLE9BQU8sRUFBQyxzQkFBc0IsRUFBQyxNQUFNLGdDQUFnQyxDQUFDO0FBQ3RFLE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLHVCQUF1QixDQUFDO0FBRTNELE9BQU8sRUFBQyxxQkFBcUIsRUFBQyxNQUFNLG9DQUFvQyxDQUFDOztBQUV6RSxNQW1CYSxxQkFBcUI7SUFuQmxDO1FBb0J1QixjQUFTLEdBQUcscUJBQXFCLENBQUMsTUFBTSxDQUFDLG9CQUFvQixDQUFDLENBQUMsQ0FBQztRQUc1RSxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBR2pCLFNBQUksR0FBYSxHQUFHLENBQUM7UUFFWixlQUFVLEdBQUcscUJBQXFCLENBQUM7S0FDdEQ7K0dBVlkscUJBQXFCO21HQUFyQixxQkFBcUIsK1BBWm5CO1lBQ1AsVUFBVSxDQUFDLGtCQUFrQixFQUFFLHFCQUFxQixDQUFDO1lBQ3JELHNCQUFzQixDQUFDLEVBQUMsVUFBVSxFQUFFLGtCQUFrQixFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUMsQ0FBQztTQUN6RSwwQkNyQkwsNFFBV0EsMnlDREdjLGtCQUFrQix3RUFRaEIsQ0FBQyxTQUFTLEVBQUUsYUFBYSxDQUFDOztTQVE3QixxQkFBcUI7NEZBQXJCLHFCQUFxQjtrQkFuQmpDLFNBQVM7aUNBQ00sSUFBSSxZQUNOLGdCQUFnQixXQUNqQixDQUFDLGtCQUFrQixDQUFDLG1CQUdaLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1AsVUFBVSxDQUFDLGtCQUFrQix3QkFBd0I7d0JBQ3JELHNCQUFzQixDQUFDLEVBQUMsVUFBVSxFQUFFLGtCQUFrQixFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUMsQ0FBQztxQkFDekUsY0FDVyxDQUFDLFNBQVMsRUFBRSxhQUFhLENBQUMsUUFDaEM7d0JBQ0YsUUFBUSxFQUFFLE1BQU07d0JBQ2hCLGtCQUFrQixFQUFFLE1BQU07d0JBQzFCLGNBQWMsRUFBRSxXQUFXO3dCQUMzQixrQkFBa0IsRUFBRSxXQUFXO3FCQUNsQzs4QkFNTSxRQUFRO3NCQURkLEtBQUs7Z0JBSUMsSUFBSTtzQkFEVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbmplY3QsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7dHVpUHJvdmlkZX0gZnJvbSAnQHRhaWdhLXVpL2Nkay91dGlscy9taXNjZWxsYW5lb3VzJztcbmltcG9ydCB7dHVpRmFkZUluLCB0dWlTbGlkZUluVG9wfSBmcm9tICdAdGFpZ2EtdWkvY29yZS9hbmltYXRpb25zJztcbmltcG9ydCB0eXBlIHtUdWlCdXR0b25PcHRpb25zfSBmcm9tICdAdGFpZ2EtdWkvY29yZS9jb21wb25lbnRzL2J1dHRvbic7XG5pbXBvcnQge1RVSV9CVVRUT05fT1BUSU9OU30gZnJvbSAnQHRhaWdhLXVpL2NvcmUvY29tcG9uZW50cy9idXR0b24nO1xuaW1wb3J0IHtUdWlFeHBhbmRDb21wb25lbnR9IGZyb20gJ0B0YWlnYS11aS9jb3JlL2NvbXBvbmVudHMvZXhwYW5kJztcbmltcG9ydCB7dHVpTGlua09wdGlvbnNQcm92aWRlcn0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvY29tcG9uZW50cy9saW5rJztcbmltcG9ydCB7VFVJX0FOSU1BVElPTlNfU1BFRUR9IGZyb20gJ0B0YWlnYS11aS9jb3JlL3Rva2Vucyc7XG5pbXBvcnQgdHlwZSB7VHVpU2l6ZVN9IGZyb20gJ0B0YWlnYS11aS9jb3JlL3R5cGVzJztcbmltcG9ydCB7dHVpVG9BbmltYXRpb25PcHRpb25zfSBmcm9tICdAdGFpZ2EtdWkvY29yZS91dGlscy9taXNjZWxsYW5lb3VzJztcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ3R1aS1hY3Rpb24tYmFyJyxcbiAgICBpbXBvcnRzOiBbVHVpRXhwYW5kQ29tcG9uZW50XSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWN0aW9uLWJhci50ZW1wbGF0ZS5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9hY3Rpb24tYmFyLnN0eWxlLmxlc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgdHVpUHJvdmlkZShUVUlfQlVUVE9OX09QVElPTlMsIFR1aUFjdGlvbkJhckNvbXBvbmVudCksXG4gICAgICAgIHR1aUxpbmtPcHRpb25zUHJvdmlkZXIoe2FwcGVhcmFuY2U6ICdhY3Rpb24tZ3JheXNjYWxlJywgcHNldWRvOiB0cnVlfSksXG4gICAgXSxcbiAgICBhbmltYXRpb25zOiBbdHVpRmFkZUluLCB0dWlTbGlkZUluVG9wXSxcbiAgICBob3N0OiB7XG4gICAgICAgIHR1aVRoZW1lOiAnZGFyaycsXG4gICAgICAgICdbYXR0ci5kYXRhLXNpemVdJzogJ3NpemUnLFxuICAgICAgICAnW0B0dWlGYWRlSW5dJzogJ2FuaW1hdGlvbicsXG4gICAgICAgICdbQHR1aVNsaWRlSW5Ub3BdJzogJ2FuaW1hdGlvbicsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQWN0aW9uQmFyQ29tcG9uZW50IGltcGxlbWVudHMgVHVpQnV0dG9uT3B0aW9ucyB7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGFuaW1hdGlvbiA9IHR1aVRvQW5pbWF0aW9uT3B0aW9ucyhpbmplY3QoVFVJX0FOSU1BVElPTlNfU1BFRUQpKTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGV4cGFuZGVkID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzaXplOiBUdWlTaXplUyA9ICdtJztcblxuICAgIHB1YmxpYyByZWFkb25seSBhcHBlYXJhbmNlID0gJ3NlY29uZGFyeS1ncmF5c2NhbGUnO1xufVxuIiwiPHR1aS1leHBhbmQgW2V4cGFuZGVkXT1cImV4cGFuZGVkXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwidHVpLWRhdGEtbGlzdCxbdHVpTWVudV1cIiAvPlxuPC90dWktZXhwYW5kPlxuXG48ZGl2IGNsYXNzPVwidC1jb250ZW50XCI+XG4gICAgPG5nLWNvbnRlbnQgLz5cblxuICAgIDxkaXYgY2xhc3M9XCJ0LWFjdGlvbnNcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYSxidXR0b24sW3R1aUFjdGlvbl1cIiAvPlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=
36
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXQvY29tcG9uZW50cy9hY3Rpb24tYmFyL2FjdGlvbi1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvYWN0aW9uLWJhci9hY3Rpb24tYmFyLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDeEUsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLG1DQUFtQyxDQUFDO0FBQzlELE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQztBQUU3RCxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxrQ0FBa0MsQ0FBQztBQUNwRSxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxrQ0FBa0MsQ0FBQztBQUNwRSxPQUFPLEVBQUMsc0JBQXNCLEVBQUMsTUFBTSxnQ0FBZ0MsQ0FBQzs7O0FBR3RFLE1BaUJhLHFCQUFxQjtJQWpCbEM7UUFtQlcsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUdqQixTQUFJLEdBQWEsR0FBRyxDQUFDO1FBRVosZUFBVSxHQUFHLHFCQUFxQixDQUFDO0tBQ3REOytHQVJZLHFCQUFxQjttR0FBckIscUJBQXFCLHFNQVZuQjtZQUNQLFVBQVUsQ0FBQyxrQkFBa0IsRUFBRSxxQkFBcUIsQ0FBQztZQUNyRCxzQkFBc0IsQ0FBQyxFQUFDLFVBQVUsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFDLENBQUM7U0FDekUsMkVDbkJMLDRRQVdBLDIyQ0RDYyxrQkFBa0I7O1NBY25CLHFCQUFxQjs0RkFBckIscUJBQXFCO2tCQWpCakMsU0FBUztpQ0FDTSxJQUFJLFlBQ04sZ0JBQWdCLFdBQ2pCLENBQUMsa0JBQWtCLENBQUMsbUJBR1osdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDUCxVQUFVLENBQUMsa0JBQWtCLHdCQUF3Qjt3QkFDckQsc0JBQXNCLENBQUMsRUFBQyxVQUFVLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBQyxDQUFDO3FCQUN6RSxrQkFDZSxDQUFDLFdBQVcsQ0FBQyxRQUN2Qjt3QkFDRixRQUFRLEVBQUUsTUFBTTt3QkFDaEIsa0JBQWtCLEVBQUUsTUFBTTtxQkFDN0I7OEJBSU0sUUFBUTtzQkFEZCxLQUFLO2dCQUlDLElBQUk7c0JBRFYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUdWlBbmltYXRlZH0gZnJvbSAnQHRhaWdhLXVpL2Nkay9kaXJlY3RpdmVzL2FuaW1hdGVkJztcbmltcG9ydCB7dHVpUHJvdmlkZX0gZnJvbSAnQHRhaWdhLXVpL2Nkay91dGlscy9taXNjZWxsYW5lb3VzJztcbmltcG9ydCB0eXBlIHtUdWlCdXR0b25PcHRpb25zfSBmcm9tICdAdGFpZ2EtdWkvY29yZS9jb21wb25lbnRzL2J1dHRvbic7XG5pbXBvcnQge1RVSV9CVVRUT05fT1BUSU9OU30gZnJvbSAnQHRhaWdhLXVpL2NvcmUvY29tcG9uZW50cy9idXR0b24nO1xuaW1wb3J0IHtUdWlFeHBhbmRDb21wb25lbnR9IGZyb20gJ0B0YWlnYS11aS9jb3JlL2NvbXBvbmVudHMvZXhwYW5kJztcbmltcG9ydCB7dHVpTGlua09wdGlvbnNQcm92aWRlcn0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvY29tcG9uZW50cy9saW5rJztcbmltcG9ydCB0eXBlIHtUdWlTaXplU30gZnJvbSAnQHRhaWdhLXVpL2NvcmUvdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHNlbGVjdG9yOiAndHVpLWFjdGlvbi1iYXInLFxuICAgIGltcG9ydHM6IFtUdWlFeHBhbmRDb21wb25lbnRdLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9hY3Rpb24tYmFyLnRlbXBsYXRlLmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2FjdGlvbi1iYXIuc3R5bGUubGVzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB0dWlQcm92aWRlKFRVSV9CVVRUT05fT1BUSU9OUywgVHVpQWN0aW9uQmFyQ29tcG9uZW50KSxcbiAgICAgICAgdHVpTGlua09wdGlvbnNQcm92aWRlcih7YXBwZWFyYW5jZTogJ2FjdGlvbi1ncmF5c2NhbGUnLCBwc2V1ZG86IHRydWV9KSxcbiAgICBdLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbVHVpQW5pbWF0ZWRdLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgdHVpVGhlbWU6ICdkYXJrJyxcbiAgICAgICAgJ1thdHRyLmRhdGEtc2l6ZV0nOiAnc2l6ZScsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQWN0aW9uQmFyQ29tcG9uZW50IGltcGxlbWVudHMgVHVpQnV0dG9uT3B0aW9ucyB7XG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgZXhwYW5kZWQgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHNpemU6IFR1aVNpemVTID0gJ20nO1xuXG4gICAgcHVibGljIHJlYWRvbmx5IGFwcGVhcmFuY2UgPSAnc2Vjb25kYXJ5LWdyYXlzY2FsZSc7XG59XG4iLCI8dHVpLWV4cGFuZCBbZXhwYW5kZWRdPVwiZXhwYW5kZWRcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJ0dWktZGF0YS1saXN0LFt0dWlNZW51XVwiIC8+XG48L3R1aS1leHBhbmQ+XG5cbjxkaXYgY2xhc3M9XCJ0LWNvbnRlbnRcIj5cbiAgICA8bmctY29udGVudCAvPlxuXG4gICAgPGRpdiBjbGFzcz1cInQtYWN0aW9uc1wiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJhLGJ1dHRvbixbdHVpQWN0aW9uXVwiIC8+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
@@ -1,25 +1,22 @@
1
1
  import { ChangeDetectionStrategy, Component, inject, Input } from '@angular/core';
2
- import { tuiPop } from '@taiga-ui/core/animations';
3
- import { TUI_ANIMATIONS_SPEED } from '@taiga-ui/core/tokens';
4
- import { tuiToAnimationOptions } from '@taiga-ui/core/utils/miscellaneous';
2
+ import { TuiAnimated } from '@taiga-ui/cdk/directives/animated';
5
3
  import { TUI_BADGE_NOTIFICATION_OPTIONS } from './badge-notification.options';
6
4
  import * as i0 from "@angular/core";
5
+ import * as i1 from "@taiga-ui/cdk/directives/animated";
7
6
  class TuiBadgeNotification {
8
7
  constructor() {
9
- this.options = tuiToAnimationOptions(inject(TUI_ANIMATIONS_SPEED));
10
8
  this.size = inject(TUI_BADGE_NOTIFICATION_OPTIONS).size;
11
9
  }
12
10
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBadgeNotification, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
13
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiBadgeNotification, isStandalone: true, selector: "tui-badge-notification", inputs: { size: "size" }, host: { properties: { "attr.data-size": "size", "@tuiPop": "options" } }, ngImport: i0, template: '<ng-content />', isInline: true, styles: [":host{--t-size: 1.5rem;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;color:#fff;border-radius:2rem;white-space:nowrap;overflow:hidden;vertical-align:middle;font:var(--tui-font-text-s);max-inline-size:100%;padding:0 .25rem;background:#f52222;block-size:var(--t-size);min-inline-size:var(--t-size)}:host[data-size=m]{--t-size: 1.25rem}:host[data-size=s]{--t-size: 1rem;padding:0 .125rem;font:var(--tui-font-text-xs)}:host[data-size=xs]{--t-size: .375rem;padding:0;font-size:0}:host :host-context([tuiIconButton]){position:absolute;right:25%;top:25%}\n"], animations: [tuiPop], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
11
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiBadgeNotification, isStandalone: true, selector: "tui-badge-notification", inputs: { size: "size" }, host: { properties: { "attr.data-size": "size" } }, hostDirectives: [{ directive: i1.TuiAnimated }], ngImport: i0, template: '<ng-content />', isInline: true, styles: [":host{--t-size: 1.5rem;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;color:#fff;border-radius:2rem;white-space:nowrap;overflow:hidden;vertical-align:middle;font:var(--tui-font-text-s);max-inline-size:100%;padding:0 .25rem;background:#f52222;block-size:var(--t-size);min-inline-size:var(--t-size)}:host.tui-enter{animation:tuiScale var(--tui-duration) cubic-bezier(.34,1.56,.64,1)}:host.tui-leave{animation:tuiScale var(--tui-duration) ease-in-out reverse}:host[data-size=m]{--t-size: 1.25rem}:host[data-size=s]{--t-size: 1rem;padding:0 .125rem;font:var(--tui-font-text-xs)}:host[data-size=xs]{--t-size: .375rem;padding:0;font-size:0}:host :host-context([tuiIconButton]){position:absolute;right:25%;top:25%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
14
12
  }
15
13
  export { TuiBadgeNotification };
16
14
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBadgeNotification, decorators: [{
17
15
  type: Component,
18
- args: [{ standalone: true, selector: 'tui-badge-notification', template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, animations: [tuiPop], host: {
16
+ args: [{ standalone: true, selector: 'tui-badge-notification', template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [TuiAnimated], host: {
19
17
  '[attr.data-size]': 'size',
20
- '[@tuiPop]': 'options',
21
- }, styles: [":host{--t-size: 1.5rem;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;color:#fff;border-radius:2rem;white-space:nowrap;overflow:hidden;vertical-align:middle;font:var(--tui-font-text-s);max-inline-size:100%;padding:0 .25rem;background:#f52222;block-size:var(--t-size);min-inline-size:var(--t-size)}:host[data-size=m]{--t-size: 1.25rem}:host[data-size=s]{--t-size: 1rem;padding:0 .125rem;font:var(--tui-font-text-xs)}:host[data-size=xs]{--t-size: .375rem;padding:0;font-size:0}:host :host-context([tuiIconButton]){position:absolute;right:25%;top:25%}\n"] }]
18
+ }, styles: [":host{--t-size: 1.5rem;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;color:#fff;border-radius:2rem;white-space:nowrap;overflow:hidden;vertical-align:middle;font:var(--tui-font-text-s);max-inline-size:100%;padding:0 .25rem;background:#f52222;block-size:var(--t-size);min-inline-size:var(--t-size)}:host.tui-enter{animation:tuiScale var(--tui-duration) cubic-bezier(.34,1.56,.64,1)}:host.tui-leave{animation:tuiScale var(--tui-duration) ease-in-out reverse}:host[data-size=m]{--t-size: 1.25rem}:host[data-size=s]{--t-size: 1rem;padding:0 .125rem;font:var(--tui-font-text-xs)}:host[data-size=xs]{--t-size: .375rem;padding:0;font-size:0}:host :host-context([tuiIconButton]){position:absolute;right:25%;top:25%}\n"] }]
22
19
  }], propDecorators: { size: [{
23
20
  type: Input
24
21
  }] } });
25
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2Utbm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdC9jb21wb25lbnRzL2JhZGdlLW5vdGlmaWNhdGlvbi9iYWRnZS1ub3RpZmljYXRpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNoRixPQUFPLEVBQUMsTUFBTSxFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFDakQsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sdUJBQXVCLENBQUM7QUFFM0QsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sb0NBQW9DLENBQUM7QUFFekUsT0FBTyxFQUFDLDhCQUE4QixFQUFDLE1BQU0sOEJBQThCLENBQUM7O0FBRTVFLE1BWWEsb0JBQW9CO0lBWmpDO1FBYXVCLFlBQU8sR0FBRyxxQkFBcUIsQ0FBQyxNQUFNLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDO1FBRzFFLFNBQUksR0FBeUIsTUFBTSxDQUFDLDhCQUE4QixDQUFDLENBQUMsSUFBSSxDQUFDO0tBQ25GOytHQUxZLG9CQUFvQjttR0FBcEIsb0JBQW9CLHNMQVRuQixnQkFBZ0IseW9CQUdkLENBQUMsTUFBTSxDQUFDOztTQU1YLG9CQUFvQjs0RkFBcEIsb0JBQW9CO2tCQVpoQyxTQUFTO2lDQUNNLElBQUksWUFDTix3QkFBd0IsWUFDeEIsZ0JBQWdCLG1CQUVULHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsQ0FBQyxNQUFNLENBQUMsUUFDZDt3QkFDRixrQkFBa0IsRUFBRSxNQUFNO3dCQUMxQixXQUFXLEVBQUUsU0FBUztxQkFDekI7OEJBTU0sSUFBSTtzQkFEVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbmplY3QsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7dHVpUG9wfSBmcm9tICdAdGFpZ2EtdWkvY29yZS9hbmltYXRpb25zJztcbmltcG9ydCB7VFVJX0FOSU1BVElPTlNfU1BFRUR9IGZyb20gJ0B0YWlnYS11aS9jb3JlL3Rva2Vucyc7XG5pbXBvcnQgdHlwZSB7VHVpU2l6ZUwsIFR1aVNpemVYU30gZnJvbSAnQHRhaWdhLXVpL2NvcmUvdHlwZXMnO1xuaW1wb3J0IHt0dWlUb0FuaW1hdGlvbk9wdGlvbnN9IGZyb20gJ0B0YWlnYS11aS9jb3JlL3V0aWxzL21pc2NlbGxhbmVvdXMnO1xuXG5pbXBvcnQge1RVSV9CQURHRV9OT1RJRklDQVRJT05fT1BUSU9OU30gZnJvbSAnLi9iYWRnZS1ub3RpZmljYXRpb24ub3B0aW9ucyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICd0dWktYmFkZ2Utbm90aWZpY2F0aW9uJyxcbiAgICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50IC8+JyxcbiAgICBzdHlsZVVybHM6IFsnLi9iYWRnZS1ub3RpZmljYXRpb24uc3R5bGUubGVzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGFuaW1hdGlvbnM6IFt0dWlQb3BdLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ1thdHRyLmRhdGEtc2l6ZV0nOiAnc2l6ZScsXG4gICAgICAgICdbQHR1aVBvcF0nOiAnb3B0aW9ucycsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQmFkZ2VOb3RpZmljYXRpb24ge1xuICAgIHByb3RlY3RlZCByZWFkb25seSBvcHRpb25zID0gdHVpVG9BbmltYXRpb25PcHRpb25zKGluamVjdChUVUlfQU5JTUFUSU9OU19TUEVFRCkpO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgc2l6ZTogVHVpU2l6ZUwgfCBUdWlTaXplWFMgPSBpbmplY3QoVFVJX0JBREdFX05PVElGSUNBVElPTl9PUFRJT05TKS5zaXplO1xufVxuIl19
22
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2Utbm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdC9jb21wb25lbnRzL2JhZGdlLW5vdGlmaWNhdGlvbi9iYWRnZS1ub3RpZmljYXRpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNoRixPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sbUNBQW1DLENBQUM7QUFHOUQsT0FBTyxFQUFDLDhCQUE4QixFQUFDLE1BQU0sOEJBQThCLENBQUM7OztBQUU1RSxNQVdhLG9CQUFvQjtJQVhqQztRQWFXLFNBQUksR0FBeUIsTUFBTSxDQUFDLDhCQUE4QixDQUFDLENBQUMsSUFBSSxDQUFDO0tBQ25GOytHQUhZLG9CQUFvQjttR0FBcEIsb0JBQW9CLGlOQVJuQixnQkFBZ0I7O1NBUWpCLG9CQUFvQjs0RkFBcEIsb0JBQW9CO2tCQVhoQyxTQUFTO2lDQUNNLElBQUksWUFDTix3QkFBd0IsWUFDeEIsZ0JBQWdCLG1CQUVULHVCQUF1QixDQUFDLE1BQU0sa0JBQy9CLENBQUMsV0FBVyxDQUFDLFFBQ3ZCO3dCQUNGLGtCQUFrQixFQUFFLE1BQU07cUJBQzdCOzhCQUlNLElBQUk7c0JBRFYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1R1aUFuaW1hdGVkfSBmcm9tICdAdGFpZ2EtdWkvY2RrL2RpcmVjdGl2ZXMvYW5pbWF0ZWQnO1xuaW1wb3J0IHR5cGUge1R1aVNpemVMLCBUdWlTaXplWFN9IGZyb20gJ0B0YWlnYS11aS9jb3JlL3R5cGVzJztcblxuaW1wb3J0IHtUVUlfQkFER0VfTk9USUZJQ0FUSU9OX09QVElPTlN9IGZyb20gJy4vYmFkZ2Utbm90aWZpY2F0aW9uLm9wdGlvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHNlbGVjdG9yOiAndHVpLWJhZGdlLW5vdGlmaWNhdGlvbicsXG4gICAgdGVtcGxhdGU6ICc8bmctY29udGVudCAvPicsXG4gICAgc3R5bGVVcmxzOiBbJy4vYmFkZ2Utbm90aWZpY2F0aW9uLnN0eWxlLmxlc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBob3N0RGlyZWN0aXZlczogW1R1aUFuaW1hdGVkXSxcbiAgICBob3N0OiB7XG4gICAgICAgICdbYXR0ci5kYXRhLXNpemVdJzogJ3NpemUnLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUJhZGdlTm90aWZpY2F0aW9uIHtcbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzaXplOiBUdWlTaXplTCB8IFR1aVNpemVYUyA9IGluamVjdChUVUlfQkFER0VfTk9USUZJQ0FUSU9OX09QVElPTlMpLnNpemU7XG59XG4iXX0=