@taiga-ui/core 5.0.0-rc.3 → 5.0.0-rc.5

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 (113) hide show
  1. package/components/calendar/calendar-sheet.component.d.ts +8 -23
  2. package/components/calendar/calendar-spin.component.d.ts +5 -8
  3. package/components/calendar/calendar-year.component.d.ts +11 -19
  4. package/components/calendar/calendar.component.d.ts +17 -29
  5. package/components/carousel/carousel.component.d.ts +20 -0
  6. package/components/carousel/carousel.d.ts +4 -0
  7. package/components/carousel/carousel.directive.d.ts +11 -0
  8. package/components/carousel/index.d.ts +3 -0
  9. package/components/data-list/data-list.component.d.ts +1 -0
  10. package/components/error/error.directive.d.ts +1 -1
  11. package/components/index.d.ts +1 -0
  12. package/components/input/input.directive.d.ts +2 -0
  13. package/directives/appearance/appearance.options.d.ts +1 -1
  14. package/fesm2022/taiga-ui-core-classes.mjs +3 -3
  15. package/fesm2022/taiga-ui-core-classes.mjs.map +1 -1
  16. package/fesm2022/taiga-ui-core-components-button.mjs +8 -8
  17. package/fesm2022/taiga-ui-core-components-button.mjs.map +1 -1
  18. package/fesm2022/taiga-ui-core-components-calendar.mjs +123 -269
  19. package/fesm2022/taiga-ui-core-components-calendar.mjs.map +1 -1
  20. package/fesm2022/taiga-ui-core-components-carousel.mjs +100 -0
  21. package/fesm2022/taiga-ui-core-components-carousel.mjs.map +1 -0
  22. package/fesm2022/taiga-ui-core-components-cell.mjs +9 -7
  23. package/fesm2022/taiga-ui-core-components-cell.mjs.map +1 -1
  24. package/fesm2022/taiga-ui-core-components-checkbox.mjs +4 -4
  25. package/fesm2022/taiga-ui-core-components-checkbox.mjs.map +1 -1
  26. package/fesm2022/taiga-ui-core-components-data-list.mjs +30 -21
  27. package/fesm2022/taiga-ui-core-components-data-list.mjs.map +1 -1
  28. package/fesm2022/taiga-ui-core-components-error.mjs +11 -11
  29. package/fesm2022/taiga-ui-core-components-error.mjs.map +1 -1
  30. package/fesm2022/taiga-ui-core-components-expand.mjs +5 -5
  31. package/fesm2022/taiga-ui-core-components-expand.mjs.map +1 -1
  32. package/fesm2022/taiga-ui-core-components-icon.mjs +8 -7
  33. package/fesm2022/taiga-ui-core-components-icon.mjs.map +1 -1
  34. package/fesm2022/taiga-ui-core-components-input.mjs +9 -7
  35. package/fesm2022/taiga-ui-core-components-input.mjs.map +1 -1
  36. package/fesm2022/taiga-ui-core-components-label.mjs +7 -7
  37. package/fesm2022/taiga-ui-core-components-label.mjs.map +1 -1
  38. package/fesm2022/taiga-ui-core-components-link.mjs +8 -8
  39. package/fesm2022/taiga-ui-core-components-link.mjs.map +1 -1
  40. package/fesm2022/taiga-ui-core-components-loader.mjs +4 -4
  41. package/fesm2022/taiga-ui-core-components-loader.mjs.map +1 -1
  42. package/fesm2022/taiga-ui-core-components-notification.mjs +18 -18
  43. package/fesm2022/taiga-ui-core-components-notification.mjs.map +1 -1
  44. package/fesm2022/taiga-ui-core-components-radio.mjs +7 -7
  45. package/fesm2022/taiga-ui-core-components-radio.mjs.map +1 -1
  46. package/fesm2022/taiga-ui-core-components-root.mjs +4 -4
  47. package/fesm2022/taiga-ui-core-components-root.mjs.map +1 -1
  48. package/fesm2022/taiga-ui-core-components-scrollbar.mjs +22 -22
  49. package/fesm2022/taiga-ui-core-components-scrollbar.mjs.map +1 -1
  50. package/fesm2022/taiga-ui-core-components-slider.mjs +17 -17
  51. package/fesm2022/taiga-ui-core-components-slider.mjs.map +1 -1
  52. package/fesm2022/taiga-ui-core-components-spin-button.mjs +4 -4
  53. package/fesm2022/taiga-ui-core-components-spin-button.mjs.map +1 -1
  54. package/fesm2022/taiga-ui-core-components-textfield.mjs +59 -31
  55. package/fesm2022/taiga-ui-core-components-textfield.mjs.map +1 -1
  56. package/fesm2022/taiga-ui-core-components-title.mjs +7 -7
  57. package/fesm2022/taiga-ui-core-components-title.mjs.map +1 -1
  58. package/fesm2022/taiga-ui-core-components.mjs +1 -0
  59. package/fesm2022/taiga-ui-core-components.mjs.map +1 -1
  60. package/fesm2022/taiga-ui-core-directives-appearance.mjs +10 -10
  61. package/fesm2022/taiga-ui-core-directives-appearance.mjs.map +1 -1
  62. package/fesm2022/taiga-ui-core-directives-button-x.mjs +3 -3
  63. package/fesm2022/taiga-ui-core-directives-button-x.mjs.map +1 -1
  64. package/fesm2022/taiga-ui-core-directives-date-format.mjs +3 -3
  65. package/fesm2022/taiga-ui-core-directives-date-format.mjs.map +1 -1
  66. package/fesm2022/taiga-ui-core-directives-group.mjs +7 -7
  67. package/fesm2022/taiga-ui-core-directives-group.mjs.map +1 -1
  68. package/fesm2022/taiga-ui-core-directives-icons.mjs +10 -10
  69. package/fesm2022/taiga-ui-core-directives-icons.mjs.map +1 -1
  70. package/fesm2022/taiga-ui-core-directives-items-handlers.mjs +9 -9
  71. package/fesm2022/taiga-ui-core-directives-items-handlers.mjs.map +1 -1
  72. package/fesm2022/taiga-ui-core-directives-number-format.mjs +3 -3
  73. package/fesm2022/taiga-ui-core-directives-number-format.mjs.map +1 -1
  74. package/fesm2022/taiga-ui-core-pipes-filter-by-input.mjs +55 -0
  75. package/fesm2022/taiga-ui-core-pipes-filter-by-input.mjs.map +1 -0
  76. package/fesm2022/taiga-ui-core-pipes-format-number.mjs +3 -3
  77. package/fesm2022/taiga-ui-core-pipes-format-number.mjs.map +1 -1
  78. package/fesm2022/taiga-ui-core-pipes.mjs +1 -0
  79. package/fesm2022/taiga-ui-core-pipes.mjs.map +1 -1
  80. package/fesm2022/taiga-ui-core-portals-alert.mjs +12 -10
  81. package/fesm2022/taiga-ui-core-portals-alert.mjs.map +1 -1
  82. package/fesm2022/taiga-ui-core-portals-dialog.mjs +16 -15
  83. package/fesm2022/taiga-ui-core-portals-dialog.mjs.map +1 -1
  84. package/fesm2022/taiga-ui-core-portals-dropdown.mjs +328 -263
  85. package/fesm2022/taiga-ui-core-portals-dropdown.mjs.map +1 -1
  86. package/fesm2022/taiga-ui-core-portals-hint.mjs +39 -39
  87. package/fesm2022/taiga-ui-core-portals-hint.mjs.map +1 -1
  88. package/fesm2022/taiga-ui-core-portals-modal.mjs +10 -8
  89. package/fesm2022/taiga-ui-core-portals-modal.mjs.map +1 -1
  90. package/fesm2022/taiga-ui-core-portals-popup.mjs +10 -10
  91. package/fesm2022/taiga-ui-core-portals-popup.mjs.map +1 -1
  92. package/fesm2022/taiga-ui-core-services.mjs +6 -6
  93. package/fesm2022/taiga-ui-core-services.mjs.map +1 -1
  94. package/fesm2022/taiga-ui-core-tokens.mjs +4 -2
  95. package/fesm2022/taiga-ui-core-tokens.mjs.map +1 -1
  96. package/fesm2022/taiga-ui-core-utils-dom.mjs.map +1 -1
  97. package/fesm2022/taiga-ui-core-utils-format.mjs.map +1 -1
  98. package/fesm2022/taiga-ui-core-utils-miscellaneous.mjs.map +1 -1
  99. package/package.json +33 -11
  100. package/pipes/filter-by-input/filter-by-input.options.d.ts +6 -0
  101. package/pipes/filter-by-input/filter-by-input.pipe.d.ts +19 -0
  102. package/pipes/filter-by-input/index.d.ts +2 -0
  103. package/pipes/index.d.ts +1 -0
  104. package/portals/dropdown/dropdown-a11y.directive.d.ts +10 -0
  105. package/portals/dropdown/dropdown-close.directive.d.ts +3 -3
  106. package/portals/dropdown/dropdown-open.directive.d.ts +3 -2
  107. package/portals/dropdown/dropdown-selection.directive.d.ts +1 -0
  108. package/portals/dropdown/dropdown.d.ts +2 -1
  109. package/portals/dropdown/dropdown.directive.d.ts +6 -6
  110. package/portals/dropdown/dropdown.providers.d.ts +2 -1
  111. package/portals/dropdown/index.d.ts +2 -1
  112. package/tokens/index.d.ts +1 -0
  113. package/tokens/textfield.d.ts +2 -0
@@ -5,10 +5,10 @@ export declare class TuiDropdownClose {
5
5
  private readonly open;
6
6
  private readonly obscured;
7
7
  private readonly activeZone;
8
- protected readonly tuiDropdownClose: import("@angular/core").OutputRef<boolean | void | (KeyboardEvent & {
9
- readonly currentTarget: Document;
10
- }) | (FocusEvent & {
8
+ protected readonly tuiDropdownClose: import("@angular/core").OutputRef<boolean | void | (FocusEvent & {
11
9
  readonly currentTarget: HTMLElement;
10
+ }) | (KeyboardEvent & {
11
+ readonly currentTarget: Document;
12
12
  })>;
13
13
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownClose, never>;
14
14
  static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownClose, never, never, {}, { "tuiDropdownClose": "tuiDropdownClose"; }, never, never, true, never>;
@@ -1,8 +1,9 @@
1
+ import { ElementRef } from '@angular/core';
1
2
  import * as i0 from "@angular/core";
2
3
  import * as i1 from "@taiga-ui/cdk/directives/obscured";
3
4
  import * as i2 from "./dropdown-close.directive";
4
5
  import * as i3 from "@taiga-ui/cdk/directives/active-zone";
5
- export declare class TuiDropdownOpen {
6
+ export declare class TuiDropdownOpen implements ElementRef<Element> {
6
7
  private readonly dropdownHost;
7
8
  private readonly directive;
8
9
  private readonly el;
@@ -14,7 +15,7 @@ export declare class TuiDropdownOpen {
14
15
  protected readonly driveEffect: import("@angular/core").EffectRef;
15
16
  protected readonly syncSub: import("rxjs").Subscription;
16
17
  protected readonly keydownSub: import("rxjs").Subscription;
17
- get host(): HTMLElement;
18
+ get nativeElement(): HTMLElement;
18
19
  toggle(open: boolean): void;
19
20
  protected onClick(target: HTMLElement): void;
20
21
  protected onArrow(event: KeyboardEvent, up: boolean): void;
@@ -37,6 +37,7 @@ export declare class TuiDropdownSelection extends TuiDriver implements TuiRectAc
37
37
  * Create an invisible DIV styled exactly like input/textarea element inside directive
38
38
  */
39
39
  private initGhost;
40
+ private isCaretVisible;
40
41
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownSelection, never>;
41
42
  static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownSelection, "[tuiDropdownSelection]", never, { "tuiDropdownSelection": { "alias": "tuiDropdownSelection"; "required": false; "isSignal": true; }; "tuiDropdownSelectionPosition": { "alias": "tuiDropdownSelectionPosition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
42
43
  }
@@ -1,6 +1,7 @@
1
1
  import { TuiDropdownComponent } from './dropdown.component';
2
2
  import { TuiDropdownDirective } from './dropdown.directive';
3
3
  import { TuiDropdownDriverDirective } from './dropdown.driver';
4
+ import { TuiDropdownA11y } from './dropdown-a11y.directive';
4
5
  import { TuiDropdownContent } from './dropdown-content.directive';
5
6
  import { TuiDropdownContext } from './dropdown-context.directive';
6
7
  import { TuiDropdownHover } from './dropdown-hover.directive';
@@ -10,4 +11,4 @@ import { TuiDropdownOptionsDirective } from './dropdown-options.directive';
10
11
  import { TuiDropdownPosition } from './dropdown-position.directive';
11
12
  import { TuiDropdownPositionSided } from './dropdown-position-sided.directive';
12
13
  import { TuiDropdownSelection } from './dropdown-selection.directive';
13
- export declare const TuiDropdown: readonly [typeof TuiDropdownOptionsDirective, typeof TuiDropdownDriverDirective, typeof TuiDropdownDirective, typeof TuiDropdownComponent, typeof TuiDropdownOpen, typeof TuiDropdownManual, typeof TuiDropdownHover, typeof TuiDropdownContent, typeof TuiDropdownContext, typeof TuiDropdownPosition, typeof TuiDropdownPositionSided, typeof TuiDropdownSelection];
14
+ export declare const TuiDropdown: readonly [typeof TuiDropdownOptionsDirective, typeof TuiDropdownDriverDirective, typeof TuiDropdownDirective, typeof TuiDropdownComponent, typeof TuiDropdownA11y, typeof TuiDropdownOpen, typeof TuiDropdownManual, typeof TuiDropdownHover, typeof TuiDropdownContent, typeof TuiDropdownContext, typeof TuiDropdownPosition, typeof TuiDropdownPositionSided, typeof TuiDropdownSelection];
@@ -1,10 +1,11 @@
1
- import { type AfterViewChecked, type ComponentRef, type OnDestroy } from '@angular/core';
1
+ import { type AfterViewChecked, type ComponentRef, type OnDestroy, TemplateRef } from '@angular/core';
2
2
  import { type TuiContext } from '@taiga-ui/cdk/types';
3
3
  import { type TuiRectAccessor, type TuiVehicle } from '@taiga-ui/core/classes';
4
- import { PolymorpheusComponent, type PolymorpheusContent } from '@taiga-ui/polymorpheus';
4
+ import { PolymorpheusComponent, type PolymorpheusContent, PolymorpheusTemplate } from '@taiga-ui/polymorpheus';
5
5
  import * as i0 from "@angular/core";
6
6
  import * as i1 from "./dropdown.driver";
7
- import * as i2 from "./dropdown-position.directive";
7
+ import * as i2 from "./dropdown-a11y.directive";
8
+ import * as i3 from "./dropdown-position.directive";
8
9
  export declare class TuiDropdownDirective implements AfterViewChecked, OnDestroy, TuiRectAccessor, TuiVehicle {
9
10
  private readonly refresh$;
10
11
  private readonly service;
@@ -16,13 +17,12 @@ export declare class TuiDropdownDirective implements AfterViewChecked, OnDestroy
16
17
  readonly el: HTMLElement;
17
18
  readonly type = "dropdown";
18
19
  readonly component: PolymorpheusComponent<any>;
19
- readonly tuiDropdown: import("@angular/core").InputSignal<PolymorpheusContent<TuiContext<() => void>>>;
20
- readonly content: import("@angular/core").Signal<PolymorpheusContent<TuiContext<() => void>>>;
20
+ readonly content: import("@angular/core").InputSignalWithTransform<string | number | PolymorpheusComponent<unknown> | import("@angular/platform-browser").SafeValue | import("@taiga-ui/polymorpheus").PolymorpheusHandler<TuiContext<() => void>> | PolymorpheusTemplate<"" | Partial<TuiContext<() => void>>> | TemplateRef<Partial<TuiContext<() => void>>> | null | undefined, PolymorpheusContent<TuiContext<() => void>>>;
21
21
  get position(): 'absolute' | 'fixed';
22
22
  ngAfterViewChecked(): void;
23
23
  ngOnDestroy(): void;
24
24
  getClientRect(): DOMRect;
25
25
  toggle(show: boolean): void;
26
26
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownDirective, never>;
27
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownDirective, "[tuiDropdown]:not(ng-container):not(ng-template)", ["tuiDropdown"], { "tuiDropdown": { "alias": "tuiDropdown"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiDropdownDriverDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownPosition; inputs: {}; outputs: { "tuiDropdownDirectionChange": "tuiDropdownDirectionChange"; }; }]>;
27
+ static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownDirective, "[tuiDropdown]:not(ng-container):not(ng-template)", ["tuiDropdown"], { "content": { "alias": "tuiDropdown"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiDropdownDriverDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownA11y; inputs: { "tuiDropdownRole": "tuiDropdownRole"; }; outputs: {}; }, { directive: typeof i3.TuiDropdownPosition; inputs: {}; outputs: { "tuiDropdownDirectionChange": "tuiDropdownDirectionChange"; }; }]>;
28
28
  }
@@ -1,6 +1,7 @@
1
- import { InjectionToken, type Type } from '@angular/core';
1
+ import { type ElementRef, InjectionToken, type Type } from '@angular/core';
2
2
  /**
3
3
  * A component to display a dropdown
4
4
  */
5
5
  export declare const TUI_DROPDOWN_COMPONENT: InjectionToken<Type<any>>;
6
6
  export declare const TUI_DROPDOWN_CONTEXT: InjectionToken<Record<any, any>>;
7
+ export declare const TUI_DROPDOWN_HOST: InjectionToken<ElementRef<Element>>;
@@ -1,9 +1,9 @@
1
- export * from './dropdown';
2
1
  export * from './dropdown.bindings';
3
2
  export * from './dropdown.component';
4
3
  export * from './dropdown.directive';
5
4
  export * from './dropdown.driver';
6
5
  export * from './dropdown.providers';
6
+ export * from './dropdown-a11y.directive';
7
7
  export * from './dropdown-close.directive';
8
8
  export * from './dropdown-content.directive';
9
9
  export * from './dropdown-context.directive';
@@ -17,3 +17,4 @@ export * from './dropdown-position.directive';
17
17
  export * from './dropdown-position-sided.directive';
18
18
  export * from './dropdown-selection.directive';
19
19
  export * from './with-dropdown-open.directive';
20
+ export * from './dropdown';
package/tokens/index.d.ts CHANGED
@@ -13,5 +13,6 @@ export * from './media';
13
13
  export * from './number-format';
14
14
  export * from './reduced-motion';
15
15
  export * from './selection-stream';
16
+ export * from './textfield';
16
17
  export * from './validation-errors';
17
18
  export * from './viewport';
@@ -0,0 +1,2 @@
1
+ import { InjectionToken, type Signal } from '@angular/core';
2
+ export declare const TUI_TEXTFIELD_VALUE: InjectionToken<Signal<string>>;