@angular/material 19.2.1 → 19.2.3

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 (197) hide show
  1. package/autocomplete/index.d.ts +83 -124
  2. package/autocomplete/testing/index.d.ts +5 -11
  3. package/badge/index.d.ts +17 -30
  4. package/badge/testing/index.d.ts +5 -8
  5. package/bottom-sheet/index.d.ts +88 -104
  6. package/bottom-sheet/testing/index.d.ts +4 -6
  7. package/button/index.d.ts +109 -148
  8. package/button/testing/index.d.ts +6 -10
  9. package/button-toggle/index.d.ts +116 -142
  10. package/button-toggle/testing/index.d.ts +34 -36
  11. package/card/index.d.ts +79 -117
  12. package/card/testing/index.d.ts +11 -15
  13. package/checkbox/index.d.ts +55 -85
  14. package/checkbox/testing/index.d.ts +6 -10
  15. package/chips/index.d.ts +592 -690
  16. package/chips/testing/index.d.ts +78 -93
  17. package/core/index.d.ts +565 -669
  18. package/core/testing/index.d.ts +28 -32
  19. package/datepicker/index.d.ts +1323 -1479
  20. package/datepicker/testing/index.d.ts +109 -119
  21. package/dialog/index.d.ts +194 -246
  22. package/dialog/testing/index.d.ts +17 -26
  23. package/divider/index.d.ts +4 -10
  24. package/divider/testing/index.d.ts +4 -6
  25. package/expansion/index.d.ts +137 -189
  26. package/expansion/testing/index.d.ts +25 -31
  27. package/fesm2022/autocomplete/testing.mjs.map +1 -1
  28. package/fesm2022/autocomplete.mjs +39 -30
  29. package/fesm2022/autocomplete.mjs.map +1 -1
  30. package/fesm2022/badge/testing.mjs.map +1 -1
  31. package/fesm2022/badge.mjs +13 -17
  32. package/fesm2022/badge.mjs.map +1 -1
  33. package/fesm2022/bottom-sheet/testing.mjs.map +1 -1
  34. package/fesm2022/bottom-sheet.mjs +11 -22
  35. package/fesm2022/bottom-sheet.mjs.map +1 -1
  36. package/fesm2022/button/testing.mjs.map +1 -1
  37. package/fesm2022/button-toggle/testing.mjs.map +1 -1
  38. package/fesm2022/button-toggle.mjs +15 -14
  39. package/fesm2022/button-toggle.mjs.map +1 -1
  40. package/fesm2022/button.mjs +40 -40
  41. package/fesm2022/button.mjs.map +1 -1
  42. package/fesm2022/card/testing.mjs.map +1 -1
  43. package/fesm2022/card.mjs +46 -50
  44. package/fesm2022/card.mjs.map +1 -1
  45. package/fesm2022/checkbox/testing.mjs.map +1 -1
  46. package/fesm2022/checkbox.mjs +19 -19
  47. package/fesm2022/checkbox.mjs.map +1 -1
  48. package/fesm2022/chips/testing.mjs.map +1 -1
  49. package/fesm2022/chips.mjs +41 -47
  50. package/fesm2022/chips.mjs.map +1 -1
  51. package/fesm2022/core/testing.mjs.map +1 -1
  52. package/fesm2022/core.mjs +71 -71
  53. package/fesm2022/core.mjs.map +1 -1
  54. package/fesm2022/datepicker/testing.mjs.map +1 -1
  55. package/fesm2022/datepicker.mjs +124 -100
  56. package/fesm2022/datepicker.mjs.map +1 -1
  57. package/fesm2022/dialog/testing.mjs.map +1 -1
  58. package/fesm2022/dialog.mjs +29 -33
  59. package/fesm2022/dialog.mjs.map +1 -1
  60. package/fesm2022/divider/testing.mjs.map +1 -1
  61. package/fesm2022/divider.mjs +7 -11
  62. package/fesm2022/divider.mjs.map +1 -1
  63. package/fesm2022/expansion/testing.mjs.map +1 -1
  64. package/fesm2022/expansion.mjs +27 -31
  65. package/fesm2022/expansion.mjs.map +1 -1
  66. package/fesm2022/form-field/testing.mjs +0 -2
  67. package/fesm2022/form-field/testing.mjs.map +1 -1
  68. package/fesm2022/form-field.mjs +34 -38
  69. package/fesm2022/form-field.mjs.map +1 -1
  70. package/fesm2022/grid-list/testing.mjs.map +1 -1
  71. package/fesm2022/grid-list.mjs +22 -26
  72. package/fesm2022/grid-list.mjs.map +1 -1
  73. package/fesm2022/icon/testing.mjs +7 -11
  74. package/fesm2022/icon/testing.mjs.map +1 -1
  75. package/fesm2022/icon.mjs +25 -17
  76. package/fesm2022/icon.mjs.map +1 -1
  77. package/fesm2022/input/testing.mjs.map +1 -1
  78. package/fesm2022/input.mjs +7 -11
  79. package/fesm2022/input.mjs.map +1 -1
  80. package/fesm2022/list/testing.mjs +1 -1
  81. package/fesm2022/list/testing.mjs.map +1 -1
  82. package/fesm2022/list.mjs +51 -55
  83. package/fesm2022/list.mjs.map +1 -1
  84. package/fesm2022/menu/testing.mjs.map +1 -1
  85. package/fesm2022/menu.mjs +31 -23
  86. package/fesm2022/menu.mjs.map +1 -1
  87. package/fesm2022/paginator/testing.mjs.map +1 -1
  88. package/fesm2022/paginator.mjs +20 -16
  89. package/fesm2022/paginator.mjs.map +1 -1
  90. package/fesm2022/progress-bar/testing.mjs +0 -4
  91. package/fesm2022/progress-bar/testing.mjs.map +1 -1
  92. package/fesm2022/progress-bar.mjs +12 -12
  93. package/fesm2022/progress-bar.mjs.map +1 -1
  94. package/fesm2022/progress-spinner/testing.mjs +0 -4
  95. package/fesm2022/progress-spinner/testing.mjs.map +1 -1
  96. package/fesm2022/progress-spinner.mjs +12 -12
  97. package/fesm2022/progress-spinner.mjs.map +1 -1
  98. package/fesm2022/radio/testing.mjs.map +1 -1
  99. package/fesm2022/radio.mjs +15 -14
  100. package/fesm2022/radio.mjs.map +1 -1
  101. package/fesm2022/select/testing.mjs.map +1 -1
  102. package/fesm2022/select.mjs +24 -20
  103. package/fesm2022/select.mjs.map +1 -1
  104. package/fesm2022/sidenav/testing.mjs +1 -1
  105. package/fesm2022/sidenav/testing.mjs.map +1 -1
  106. package/fesm2022/sidenav.mjs +31 -31
  107. package/fesm2022/sidenav.mjs.map +1 -1
  108. package/fesm2022/slide-toggle/testing.mjs.map +1 -1
  109. package/fesm2022/slide-toggle.mjs +14 -18
  110. package/fesm2022/slide-toggle.mjs.map +1 -1
  111. package/fesm2022/slider/testing.mjs.map +1 -1
  112. package/fesm2022/slider.mjs +16 -20
  113. package/fesm2022/slider.mjs.map +1 -1
  114. package/fesm2022/snack-bar/testing.mjs.map +1 -1
  115. package/fesm2022/snack-bar.mjs +27 -27
  116. package/fesm2022/snack-bar.mjs.map +1 -1
  117. package/fesm2022/sort/testing.mjs.map +1 -1
  118. package/fesm2022/sort.mjs +24 -20
  119. package/fesm2022/sort.mjs.map +1 -1
  120. package/fesm2022/stepper/testing.mjs.map +1 -1
  121. package/fesm2022/stepper.mjs +41 -37
  122. package/fesm2022/stepper.mjs.map +1 -1
  123. package/fesm2022/table/testing.mjs.map +1 -1
  124. package/fesm2022/table.mjs +55 -59
  125. package/fesm2022/table.mjs.map +1 -1
  126. package/fesm2022/tabs/testing.mjs.map +1 -1
  127. package/fesm2022/tabs.mjs +51 -58
  128. package/fesm2022/tabs.mjs.map +1 -1
  129. package/fesm2022/timepicker/testing.mjs.map +1 -1
  130. package/fesm2022/timepicker.mjs +15 -20
  131. package/fesm2022/timepicker.mjs.map +1 -1
  132. package/fesm2022/toolbar/testing.mjs.map +1 -1
  133. package/fesm2022/toolbar.mjs +10 -14
  134. package/fesm2022/toolbar.mjs.map +1 -1
  135. package/fesm2022/tooltip/testing.mjs.map +1 -1
  136. package/fesm2022/tooltip.mjs +25 -17
  137. package/fesm2022/tooltip.mjs.map +1 -1
  138. package/fesm2022/tree/testing.mjs.map +1 -1
  139. package/fesm2022/tree.mjs +25 -29
  140. package/fesm2022/tree.mjs.map +1 -1
  141. package/form-field/index.d.ts +251 -318
  142. package/form-field/testing/control/index.d.ts +2 -2
  143. package/form-field/testing/index.d.ts +14 -21
  144. package/grid-list/index.d.ts +124 -150
  145. package/grid-list/testing/index.d.ts +39 -44
  146. package/icon/index.d.ts +87 -108
  147. package/icon/testing/index.d.ts +38 -43
  148. package/index.d.ts +2 -3
  149. package/input/index.d.ts +27 -61
  150. package/input/testing/index.d.ts +16 -19
  151. package/list/index.d.ts +159 -242
  152. package/list/testing/index.d.ts +157 -179
  153. package/menu/index.d.ts +180 -231
  154. package/menu/testing/index.d.ts +17 -23
  155. package/package.json +2 -2
  156. package/paginator/index.d.ts +84 -97
  157. package/paginator/testing/index.d.ts +10 -14
  158. package/progress-bar/index.d.ts +38 -58
  159. package/progress-bar/testing/index.d.ts +7 -10
  160. package/progress-spinner/index.d.ts +38 -51
  161. package/progress-spinner/testing/index.d.ts +7 -10
  162. package/radio/index.d.ts +145 -168
  163. package/radio/testing/index.d.ts +61 -67
  164. package/schematics/ng-add/index.js +1 -1
  165. package/schematics/ng-add/index.mjs +1 -1
  166. package/schematics/ng-generate/address-form/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +6 -9
  167. package/schematics/ng-generate/dashboard/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +6 -9
  168. package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +6 -9
  169. package/schematics/ng-generate/table/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +6 -9
  170. package/schematics/ng-generate/theme-color/schema.json +10 -0
  171. package/schematics/ng-generate/tree/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +1 -1
  172. package/select/index.d.ts +77 -130
  173. package/select/testing/index.d.ts +10 -15
  174. package/sidenav/index.d.ts +47 -91
  175. package/sidenav/testing/index.d.ts +58 -63
  176. package/slide-toggle/index.d.ts +51 -84
  177. package/slide-toggle/testing/index.d.ts +17 -21
  178. package/slider/index.d.ts +277 -327
  179. package/slider/testing/index.d.ts +42 -47
  180. package/snack-bar/index.d.ts +147 -185
  181. package/snack-bar/testing/index.d.ts +7 -9
  182. package/sort/index.d.ts +94 -124
  183. package/sort/testing/index.d.ts +21 -24
  184. package/stepper/index.d.ts +108 -165
  185. package/stepper/testing/index.d.ts +43 -52
  186. package/table/index.d.ts +87 -153
  187. package/table/testing/index.d.ts +64 -78
  188. package/tabs/index.d.ts +306 -382
  189. package/tabs/testing/index.d.ts +67 -76
  190. package/timepicker/index.d.ts +123 -159
  191. package/timepicker/testing/index.d.ts +20 -26
  192. package/toolbar/index.d.ts +13 -25
  193. package/toolbar/testing/index.d.ts +13 -16
  194. package/tooltip/index.d.ts +88 -117
  195. package/tooltip/testing/index.d.ts +7 -10
  196. package/tree/index.d.ts +116 -163
  197. package/tree/testing/index.d.ts +52 -58
package/tabs/index.d.ts CHANGED
@@ -1,70 +1,137 @@
1
- import { AfterContentChecked } from '@angular/core';
2
- import { AfterContentInit } from '@angular/core';
3
- import { AfterViewInit } from '@angular/core';
4
- import { BehaviorSubject } from 'rxjs';
5
- import { CdkPortal } from '@angular/cdk/portal';
6
- import { CdkPortalOutlet } from '@angular/cdk/portal';
7
- import { ChangeDetectorRef } from '@angular/core';
8
- import { Direction } from '@angular/cdk/bidi';
9
- import { ElementRef } from '@angular/core';
10
- import { EventEmitter } from '@angular/core';
11
- import { FocusableOption } from '@angular/cdk/a11y';
12
- import { FocusOrigin } from '@angular/cdk/a11y';
13
1
  import * as i0 from '@angular/core';
2
+ import { InjectionToken, TemplateRef, OnInit, OnChanges, OnDestroy, SimpleChanges, QueryList, ElementRef, AfterContentChecked, AfterContentInit, AfterViewInit, ChangeDetectorRef, EventEmitter } from '@angular/core';
14
3
  import * as i1 from '@angular/material/core';
15
- import { InjectionToken } from '@angular/core';
16
- import { OnChanges } from '@angular/core';
17
- import { OnDestroy } from '@angular/core';
18
- import { OnInit } from '@angular/core';
19
- import { QueryList } from '@angular/core';
20
- import { RippleConfig } from '@angular/material/core';
21
- import { RippleGlobalOptions } from '@angular/material/core';
22
- import { RippleTarget } from '@angular/material/core';
23
- import { SimpleChanges } from '@angular/core';
24
- import { Subject } from 'rxjs';
25
- import { TemplatePortal } from '@angular/cdk/portal';
26
- import { TemplateRef } from '@angular/core';
27
- import { ThemePalette } from '@angular/material/core';
4
+ import { ThemePalette, RippleTarget, RippleConfig, RippleGlobalOptions } from '@angular/material/core';
5
+ import { CdkPortal, TemplatePortal, CdkPortalOutlet } from '@angular/cdk/portal';
6
+ import { Subject, BehaviorSubject } from 'rxjs';
7
+ import { FocusableOption, FocusOrigin } from '@angular/cdk/a11y';
8
+ import { Direction } from '@angular/cdk/bidi';
28
9
 
29
- declare namespace i2 {
30
- export {
31
- MAT_TAB_CONTENT,
32
- MatTabContent
33
- }
10
+ /**
11
+ * Injection token that can be used to reference instances of `MatTabContent`. It serves as
12
+ * alternative token to the actual `MatTabContent` class which could cause unnecessary
13
+ * retention of the class and its directive metadata.
14
+ */
15
+ declare const MAT_TAB_CONTENT: InjectionToken<MatTabContent>;
16
+ /** Decorates the `ng-template` tags and reads out the template from it. */
17
+ declare class MatTabContent {
18
+ template: TemplateRef<any>;
19
+ constructor(...args: unknown[]);
20
+ static ɵfac: i0.ɵɵFactoryDeclaration<MatTabContent, never>;
21
+ static ɵdir: i0.ɵɵDirectiveDeclaration<MatTabContent, "[matTabContent]", never, {}, {}, never, never, true, never>;
34
22
  }
35
23
 
36
- declare namespace i3 {
37
- export {
38
- MAT_TAB_LABEL,
39
- MAT_TAB,
40
- MatTabLabel
41
- }
24
+ /**
25
+ * Injection token that can be used to reference instances of `MatTabLabel`. It serves as
26
+ * alternative token to the actual `MatTabLabel` class which could cause unnecessary
27
+ * retention of the class and its directive metadata.
28
+ */
29
+ declare const MAT_TAB_LABEL: InjectionToken<MatTabLabel>;
30
+ /**
31
+ * Used to provide a tab label to a tab without causing a circular dependency.
32
+ * @docs-private
33
+ */
34
+ declare const MAT_TAB: InjectionToken<any>;
35
+ /** Used to flag tab labels for use with the portal directive */
36
+ declare class MatTabLabel extends CdkPortal {
37
+ _closestTab: any;
38
+ static ɵfac: i0.ɵɵFactoryDeclaration<MatTabLabel, never>;
39
+ static ɵdir: i0.ɵɵDirectiveDeclaration<MatTabLabel, "[mat-tab-label], [matTabLabel]", never, {}, {}, never, never, true, never>;
42
40
  }
43
41
 
44
- declare namespace i4 {
45
- export {
46
- MAT_TAB_GROUP,
47
- MatTab
48
- }
42
+ /**
43
+ * Used to provide a tab group to a tab without causing a circular dependency.
44
+ * @docs-private
45
+ */
46
+ declare const MAT_TAB_GROUP: InjectionToken<any>;
47
+ declare class MatTab implements OnInit, OnChanges, OnDestroy {
48
+ private _viewContainerRef;
49
+ _closestTabGroup: any;
50
+ /** whether the tab is disabled. */
51
+ disabled: boolean;
52
+ /** Content for the tab label given by `<ng-template mat-tab-label>`. */
53
+ get templateLabel(): MatTabLabel;
54
+ set templateLabel(value: MatTabLabel);
55
+ private _templateLabel;
56
+ /**
57
+ * Template provided in the tab content that will be used if present, used to enable lazy-loading
58
+ */
59
+ private _explicitContent;
60
+ /** Template inside the MatTab view that contains an `<ng-content>`. */
61
+ _implicitContent: TemplateRef<any>;
62
+ /** Plain text label for the tab, used when there is no template label. */
63
+ textLabel: string;
64
+ /** Aria label for the tab. */
65
+ ariaLabel: string;
66
+ /**
67
+ * Reference to the element that the tab is labelled by.
68
+ * Will be cleared if `aria-label` is set at the same time.
69
+ */
70
+ ariaLabelledby: string;
71
+ /** Classes to be passed to the tab label inside the mat-tab-header container. */
72
+ labelClass: string | string[];
73
+ /** Classes to be passed to the tab mat-tab-body container. */
74
+ bodyClass: string | string[];
75
+ /** Portal that will be the hosted content of the tab */
76
+ private _contentPortal;
77
+ /** @docs-private */
78
+ get content(): TemplatePortal | null;
79
+ /** Emits whenever the internal state of the tab changes. */
80
+ readonly _stateChanges: Subject<void>;
81
+ /**
82
+ * The relatively indexed position where 0 represents the center, negative is left, and positive
83
+ * represents the right.
84
+ */
85
+ position: number | null;
86
+ /**
87
+ * The initial relatively index origin of the tab if it was created and selected after there
88
+ * was already a selected tab. Provides context of what position the tab should originate from.
89
+ */
90
+ origin: number | null;
91
+ /**
92
+ * Whether the tab is currently active.
93
+ */
94
+ isActive: boolean;
95
+ constructor(...args: unknown[]);
96
+ ngOnChanges(changes: SimpleChanges): void;
97
+ ngOnDestroy(): void;
98
+ ngOnInit(): void;
99
+ /**
100
+ * This has been extracted to a util because of TS 4 and VE.
101
+ * View Engine doesn't support property rename inheritance.
102
+ * TS 4.0 doesn't allow properties to override accessors or vice-versa.
103
+ * @docs-private
104
+ */
105
+ private _setTemplateLabelInput;
106
+ static ɵfac: i0.ɵɵFactoryDeclaration<MatTab, never>;
107
+ static ɵcmp: i0.ɵɵComponentDeclaration<MatTab, "mat-tab", ["matTab"], { "disabled": { "alias": "disabled"; "required": false; }; "textLabel": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "labelClass": { "alias": "labelClass"; "required": false; }; "bodyClass": { "alias": "bodyClass"; "required": false; }; }, {}, ["templateLabel", "_explicitContent"], ["*"], true, never>;
108
+ static ngAcceptInputType_disabled: unknown;
49
109
  }
50
110
 
51
- declare namespace i5 {
52
- export {
53
- MatTabGroupBaseHeader,
54
- MatTabHeaderPosition,
55
- MatTabGroup,
56
- MatTabChangeEvent
57
- }
111
+ /**
112
+ * Item inside a tab header relative to which the ink bar can be aligned.
113
+ * @docs-private
114
+ */
115
+ interface MatInkBarItem extends OnInit, OnDestroy {
116
+ elementRef: ElementRef<HTMLElement>;
117
+ activateInkBar(previousIndicatorClientRect?: DOMRect): void;
118
+ deactivateInkBar(): void;
119
+ fitInkBarToContent: boolean;
58
120
  }
59
-
60
- declare namespace i6 {
61
- export {
62
- MatTabNav,
63
- MatTabLink,
64
- MatTabNavPanel
65
- }
121
+ /**
122
+ * Abstraction around the MDC tab indicator that acts as the tab header's ink bar.
123
+ * @docs-private
124
+ */
125
+ declare class MatInkBar {
126
+ private _items;
127
+ /** Item to which the ink bar is aligned currently. */
128
+ private _currentItem;
129
+ constructor(_items: QueryList<MatInkBarItem>);
130
+ /** Hides the ink bar. */
131
+ hide(): void;
132
+ /** Aligns the ink bar to a DOM node. */
133
+ alignToElement(element: HTMLElement): void;
66
134
  }
67
-
68
135
  declare abstract class InkBarItem implements OnInit, OnDestroy {
69
136
  private _elementRef;
70
137
  private _inkBarElement;
@@ -92,87 +159,58 @@ declare abstract class InkBarItem implements OnInit, OnDestroy {
92
159
  static ɵdir: i0.ɵɵDirectiveDeclaration<InkBarItem, never, never, { "fitInkBarToContent": { "alias": "fitInkBarToContent"; "required": false; }; }, {}, never, never, true, never>;
93
160
  static ngAcceptInputType_fitInkBarToContent: unknown;
94
161
  }
95
-
96
- /** Injection token for the MatInkBar's Positioner. */
97
- export declare const _MAT_INK_BAR_POSITIONER: InjectionToken<_MatInkBarPositioner>;
98
-
99
162
  /**
100
- * The default positioner function for the MatInkBar.
101
- * @docs-private
102
- */
103
- export declare function _MAT_INK_BAR_POSITIONER_FACTORY(): _MatInkBarPositioner;
104
-
105
- /**
106
- * Used to provide a tab label to a tab without causing a circular dependency.
107
- * @docs-private
108
- */
109
- export declare const MAT_TAB: InjectionToken<any>;
110
-
111
- /**
112
- * Injection token that can be used to reference instances of `MatTabContent`. It serves as
113
- * alternative token to the actual `MatTabContent` class which could cause unnecessary
114
- * retention of the class and its directive metadata.
115
- */
116
- export declare const MAT_TAB_CONTENT: InjectionToken<MatTabContent>;
117
-
118
- /**
119
- * Used to provide a tab group to a tab without causing a circular dependency.
120
- * @docs-private
121
- */
122
- export declare const MAT_TAB_GROUP: InjectionToken<any>;
123
-
124
- /**
125
- * Injection token that can be used to reference instances of `MatTabLabel`. It serves as
126
- * alternative token to the actual `MatTabLabel` class which could cause unnecessary
127
- * retention of the class and its directive metadata.
163
+ * Interface for a MatInkBar positioner method, defining the positioning and width of the ink
164
+ * bar in a set of tabs.
128
165
  */
129
- export declare const MAT_TAB_LABEL: InjectionToken<MatTabLabel>;
130
-
131
- /** Injection token that can be used to provide the default options the tabs module. */
132
- export declare const MAT_TABS_CONFIG: InjectionToken<MatTabsConfig>;
133
-
166
+ interface _MatInkBarPositioner {
167
+ (element: HTMLElement): {
168
+ left: string;
169
+ width: string;
170
+ };
171
+ }
134
172
  /**
135
- * Abstraction around the MDC tab indicator that acts as the tab header's ink bar.
173
+ * The default positioner function for the MatInkBar.
136
174
  * @docs-private
175
+ * @deprecated No longer used, will be removed.
176
+ * @breaking-change 21.0.0
137
177
  */
138
- export declare class MatInkBar {
139
- private _items;
140
- /** Item to which the ink bar is aligned currently. */
141
- private _currentItem;
142
- constructor(_items: QueryList<MatInkBarItem>);
143
- /** Hides the ink bar. */
144
- hide(): void;
145
- /** Aligns the ink bar to a DOM node. */
146
- alignToElement(element: HTMLElement): void;
147
- }
178
+ declare function _MAT_INK_BAR_POSITIONER_FACTORY(): _MatInkBarPositioner;
179
+ /** Injection token for the MatInkBar's Positioner. */
180
+ declare const _MAT_INK_BAR_POSITIONER: InjectionToken<_MatInkBarPositioner>;
148
181
 
149
182
  /**
150
- * Item inside a tab header relative to which the ink bar can be aligned.
183
+ * Used in the `mat-tab-group` view to display tab labels.
151
184
  * @docs-private
152
185
  */
153
- declare interface MatInkBarItem extends OnInit, OnDestroy {
154
- elementRef: ElementRef<HTMLElement>;
155
- activateInkBar(previousIndicatorClientRect?: DOMRect): void;
156
- deactivateInkBar(): void;
157
- fitInkBarToContent: boolean;
186
+ declare class MatTabLabelWrapper extends InkBarItem {
187
+ elementRef: ElementRef<any>;
188
+ /** Whether the tab is disabled. */
189
+ disabled: boolean;
190
+ /** Sets focus on the wrapper element */
191
+ focus(): void;
192
+ getOffsetLeft(): number;
193
+ getOffsetWidth(): number;
194
+ static ɵfac: i0.ɵɵFactoryDeclaration<MatTabLabelWrapper, never>;
195
+ static ɵdir: i0.ɵɵDirectiveDeclaration<MatTabLabelWrapper, "[matTabLabelWrapper]", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
196
+ static ngAcceptInputType_disabled: unknown;
158
197
  }
159
198
 
160
199
  /**
161
- * Interface for a MatInkBar positioner method, defining the positioning and width of the ink
162
- * bar in a set of tabs.
200
+ * The directions that scrolling can go in when the header's tabs exceed the header width. 'After'
201
+ * will scroll the header towards the end of the tabs list and 'before' will scroll towards the
202
+ * beginning of the list.
163
203
  */
164
- export declare interface _MatInkBarPositioner {
165
- (element: HTMLElement): {
166
- left: string;
167
- width: string;
168
- };
169
- }
170
-
204
+ type ScrollDirection = 'after' | 'before';
205
+ /** Item inside a paginated tab header. */
206
+ type MatPaginatedTabHeaderItem = FocusableOption & {
207
+ elementRef: ElementRef;
208
+ };
171
209
  /**
172
210
  * Base class for a tab header that supported pagination.
173
211
  * @docs-private
174
212
  */
175
- export declare abstract class MatPaginatedTabHeader implements AfterContentChecked, AfterContentInit, AfterViewInit, OnDestroy {
213
+ declare abstract class MatPaginatedTabHeader implements AfterContentChecked, AfterContentInit, AfterViewInit, OnDestroy {
176
214
  protected _elementRef: ElementRef<HTMLElement>;
177
215
  protected _changeDetectorRef: ChangeDetectorRef;
178
216
  private _viewportRuler;
@@ -346,80 +384,81 @@ export declare abstract class MatPaginatedTabHeader implements AfterContentCheck
346
384
  static ngAcceptInputType_selectedIndex: unknown;
347
385
  }
348
386
 
349
- /** Item inside a paginated tab header. */
350
- declare type MatPaginatedTabHeaderItem = FocusableOption & {
351
- elementRef: ElementRef;
352
- };
353
-
354
- export declare class MatTab implements OnInit, OnChanges, OnDestroy {
355
- private _viewContainerRef;
356
- _closestTabGroup: any;
357
- /** whether the tab is disabled. */
358
- disabled: boolean;
359
- /** Content for the tab label given by `<ng-template mat-tab-label>`. */
360
- get templateLabel(): MatTabLabel;
361
- set templateLabel(value: MatTabLabel);
362
- private _templateLabel;
363
- /**
364
- * Template provided in the tab content that will be used if present, used to enable lazy-loading
365
- */
366
- private _explicitContent;
367
- /** Template inside the MatTab view that contains an `<ng-content>`. */
368
- _implicitContent: TemplateRef<any>;
369
- /** Plain text label for the tab, used when there is no template label. */
370
- textLabel: string;
371
- /** Aria label for the tab. */
387
+ /**
388
+ * The header of the tab group which displays a list of all the tabs in the tab group. Includes
389
+ * an ink bar that follows the currently selected tab. When the tabs list's width exceeds the
390
+ * width of the header container, then arrows will be displayed to allow the user to scroll
391
+ * left and right across the header.
392
+ * @docs-private
393
+ */
394
+ declare class MatTabHeader extends MatPaginatedTabHeader implements AfterContentChecked, AfterContentInit, AfterViewInit, OnDestroy {
395
+ _items: QueryList<MatTabLabelWrapper>;
396
+ _tabListContainer: ElementRef;
397
+ _tabList: ElementRef;
398
+ _tabListInner: ElementRef;
399
+ _nextPaginator: ElementRef<HTMLElement>;
400
+ _previousPaginator: ElementRef<HTMLElement>;
401
+ _inkBar: MatInkBar;
402
+ /** Aria label of the header. */
372
403
  ariaLabel: string;
373
- /**
374
- * Reference to the element that the tab is labelled by.
375
- * Will be cleared if `aria-label` is set at the same time.
376
- */
404
+ /** Sets the `aria-labelledby` of the header. */
377
405
  ariaLabelledby: string;
378
- /** Classes to be passed to the tab label inside the mat-tab-header container. */
379
- labelClass: string | string[];
380
- /** Classes to be passed to the tab mat-tab-body container. */
381
- bodyClass: string | string[];
382
- /** Portal that will be the hosted content of the tab */
383
- private _contentPortal;
384
- /** @docs-private */
385
- get content(): TemplatePortal | null;
386
- /** Emits whenever the internal state of the tab changes. */
387
- readonly _stateChanges: Subject<void>;
388
- /**
389
- * The relatively indexed position where 0 represents the center, negative is left, and positive
390
- * represents the right.
391
- */
392
- position: number | null;
393
- /**
394
- * The initial relatively index origin of the tab if it was created and selected after there
395
- * was already a selected tab. Provides context of what position the tab should originate from.
396
- */
397
- origin: number | null;
398
- /**
399
- * Whether the tab is currently active.
400
- */
401
- isActive: boolean;
406
+ /** Whether the ripple effect is disabled or not. */
407
+ disableRipple: boolean;
408
+ ngAfterContentInit(): void;
409
+ protected _itemSelected(event: KeyboardEvent): void;
410
+ static ɵfac: i0.ɵɵFactoryDeclaration<MatTabHeader, never>;
411
+ static ɵcmp: i0.ɵɵComponentDeclaration<MatTabHeader, "mat-tab-header", never, { "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; }, {}, ["_items"], ["*"], true, never>;
412
+ static ngAcceptInputType_disableRipple: unknown;
413
+ }
414
+
415
+ /**
416
+ * The portal host directive for the contents of the tab.
417
+ * @docs-private
418
+ */
419
+ declare class MatTabBodyPortal extends CdkPortalOutlet implements OnInit, OnDestroy {
420
+ private _host;
421
+ /** Subscription to events for when the tab body begins centering. */
422
+ private _centeringSub;
423
+ /** Subscription to events for when the tab body finishes leaving from center position. */
424
+ private _leavingSub;
402
425
  constructor(...args: unknown[]);
403
- ngOnChanges(changes: SimpleChanges): void;
404
- ngOnDestroy(): void;
426
+ /** Set initial visibility or set up subscription for changing visibility. */
405
427
  ngOnInit(): void;
406
- /**
407
- * This has been extracted to a util because of TS 4 and VE.
408
- * View Engine doesn't support property rename inheritance.
409
- * TS 4.0 doesn't allow properties to override accessors or vice-versa.
410
- * @docs-private
411
- */
412
- private _setTemplateLabelInput;
413
- static ɵfac: i0.ɵɵFactoryDeclaration<MatTab, never>;
414
- static ɵcmp: i0.ɵɵComponentDeclaration<MatTab, "mat-tab", ["matTab"], { "disabled": { "alias": "disabled"; "required": false; }; "textLabel": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "labelClass": { "alias": "labelClass"; "required": false; }; "bodyClass": { "alias": "bodyClass"; "required": false; }; }, {}, ["templateLabel", "_explicitContent"], ["*"], true, never>;
415
- static ngAcceptInputType_disabled: unknown;
428
+ /** Clean up centering subscription. */
429
+ ngOnDestroy(): void;
430
+ static ɵfac: i0.ɵɵFactoryDeclaration<MatTabBodyPortal, never>;
431
+ static ɵdir: i0.ɵɵDirectiveDeclaration<MatTabBodyPortal, "[matTabBodyHost]", never, {}, {}, never, never, true, never>;
416
432
  }
417
-
433
+ /**
434
+ * These position states are used internally as animation states for the tab body. Setting the
435
+ * position state to left, right, or center will transition the tab body from its current
436
+ * position to its respective state. If there is not current position (void, in the case of a new
437
+ * tab body), then there will be no transition animation to its state.
438
+ *
439
+ * In the case of a new tab body that should immediately be centered with an animating transition,
440
+ * then left-origin-center or right-origin-center can be used, which will use left or right as its
441
+ * pseudo-prior state.
442
+ *
443
+ * @deprecated Will stop being exported.
444
+ * @breaking-change 21.0.0
445
+ */
446
+ type MatTabBodyPositionState = 'left' | 'center' | 'right';
447
+ /**
448
+ * The origin state is an internally used state that is set on a new tab body indicating if it
449
+ * began to the left or right of the prior selected index. For example, if the selected index was
450
+ * set to 1, and a new tab is created and selected at index 2, then the tab body would have an
451
+ * origin of right because its index was greater than the prior selected index.
452
+ *
453
+ * @deprecated No longer being used. Will be removed.
454
+ * @breaking-change 21.0.0
455
+ */
456
+ type MatTabBodyOriginState = 'left' | 'right';
418
457
  /**
419
458
  * Wrapper for the contents of a tab.
420
459
  * @docs-private
421
460
  */
422
- export declare class MatTabBody implements OnInit, OnDestroy {
461
+ declare class MatTabBody implements OnInit, OnDestroy {
423
462
  private _elementRef;
424
463
  private _dir;
425
464
  private _ngZone;
@@ -482,73 +521,20 @@ export declare class MatTabBody implements OnInit, OnDestroy {
482
521
  static ɵcmp: i0.ɵɵComponentDeclaration<MatTabBody, "mat-tab-body", never, { "_content": { "alias": "content"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "preserveContent": { "alias": "preserveContent"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, { "_onCentering": "_onCentering"; "_beforeCentering": "_beforeCentering"; "_onCentered": "_onCentered"; }, never, never, true, never>;
483
522
  }
484
523
 
485
- /**
486
- * The origin state is an internally used state that is set on a new tab body indicating if it
487
- * began to the left or right of the prior selected index. For example, if the selected index was
488
- * set to 1, and a new tab is created and selected at index 2, then the tab body would have an
489
- * origin of right because its index was greater than the prior selected index.
490
- *
491
- * @deprecated No longer being used. Will be removed.
492
- * @breaking-change 21.0.0
493
- */
494
- export declare type MatTabBodyOriginState = 'left' | 'right';
495
-
496
- /**
497
- * The portal host directive for the contents of the tab.
498
- * @docs-private
499
- */
500
- export declare class MatTabBodyPortal extends CdkPortalOutlet implements OnInit, OnDestroy {
501
- private _host;
502
- /** Subscription to events for when the tab body begins centering. */
503
- private _centeringSub;
504
- /** Subscription to events for when the tab body finishes leaving from center position. */
505
- private _leavingSub;
506
- constructor(...args: unknown[]);
507
- /** Set initial visibility or set up subscription for changing visibility. */
508
- ngOnInit(): void;
509
- /** Clean up centering subscription. */
510
- ngOnDestroy(): void;
511
- static ɵfac: i0.ɵɵFactoryDeclaration<MatTabBodyPortal, never>;
512
- static ɵdir: i0.ɵɵDirectiveDeclaration<MatTabBodyPortal, "[matTabBodyHost]", never, {}, {}, never, never, true, never>;
513
- }
514
-
515
- /**
516
- * These position states are used internally as animation states for the tab body. Setting the
517
- * position state to left, right, or center will transition the tab body from its current
518
- * position to its respective state. If there is not current position (void, in the case of a new
519
- * tab body), then there will be no transition animation to its state.
520
- *
521
- * In the case of a new tab body that should immediately be centered with an animating transition,
522
- * then left-origin-center or right-origin-center can be used, which will use left or right as its
523
- * pseudo-prior state.
524
- *
525
- * @deprecated Will stop being exported.
526
- * @breaking-change 21.0.0
527
- */
528
- export declare type MatTabBodyPositionState = 'left' | 'center' | 'right';
529
-
530
- /** A simple change event emitted on focus or selection changes. */
531
- export declare class MatTabChangeEvent {
532
- /** Index of the currently-selected tab. */
533
- index: number;
534
- /** Reference to the currently-selected tab. */
535
- tab: MatTab;
536
- }
537
-
538
- /** Decorates the `ng-template` tags and reads out the template from it. */
539
- export declare class MatTabContent {
540
- template: TemplateRef<any>;
541
- constructor(...args: unknown[]);
542
- static ɵfac: i0.ɵɵFactoryDeclaration<MatTabContent, never>;
543
- static ɵdir: i0.ɵɵDirectiveDeclaration<MatTabContent, "[matTabContent]", never, {}, {}, never, never, true, never>;
524
+ /** @docs-private */
525
+ interface MatTabGroupBaseHeader {
526
+ _alignInkBarToSelectedTab(): void;
527
+ updatePagination(): void;
528
+ focusIndex: number;
544
529
  }
545
-
530
+ /** Possible positions for the tab header. */
531
+ type MatTabHeaderPosition = 'above' | 'below';
546
532
  /**
547
533
  * Material design tab-group component. Supports basic tab pairs (label + content) and includes
548
534
  * animated ink-bar, keyboard navigation, and screen reader.
549
535
  * See: https://material.io/design/components/tabs.html
550
536
  */
551
- export declare class MatTabGroup implements AfterViewInit, AfterContentInit, AfterContentChecked, OnDestroy {
537
+ declare class MatTabGroup implements AfterViewInit, AfterContentInit, AfterContentChecked, OnDestroy {
552
538
  readonly _elementRef: ElementRef<any>;
553
539
  private _changeDetectorRef;
554
540
  private _ngZone;
@@ -722,73 +708,79 @@ export declare class MatTabGroup implements AfterViewInit, AfterContentInit, Aft
722
708
  static ngAcceptInputType_disableRipple: unknown;
723
709
  static ngAcceptInputType_preserveContent: unknown;
724
710
  }
725
-
726
- /** @docs-private */
727
- export declare interface MatTabGroupBaseHeader {
728
- _alignInkBarToSelectedTab(): void;
729
- updatePagination(): void;
730
- focusIndex: number;
711
+ /** A simple change event emitted on focus or selection changes. */
712
+ declare class MatTabChangeEvent {
713
+ /** Index of the currently-selected tab. */
714
+ index: number;
715
+ /** Reference to the currently-selected tab. */
716
+ tab: MatTab;
731
717
  }
732
718
 
733
719
  /**
734
- * The header of the tab group which displays a list of all the tabs in the tab group. Includes
735
- * an ink bar that follows the currently selected tab. When the tabs list's width exceeds the
736
- * width of the header container, then arrows will be displayed to allow the user to scroll
737
- * left and right across the header.
738
- * @docs-private
720
+ * Navigation component matching the styles of the tab group header.
721
+ * Provides anchored navigation with animated ink bar.
739
722
  */
740
- export declare class MatTabHeader extends MatPaginatedTabHeader implements AfterContentChecked, AfterContentInit, AfterViewInit, OnDestroy {
741
- _items: QueryList<MatTabLabelWrapper>;
723
+ declare class MatTabNav extends MatPaginatedTabHeader implements AfterContentInit, AfterViewInit {
724
+ /** Whether the ink bar should fit its width to the size of the tab label content. */
725
+ get fitInkBarToContent(): boolean;
726
+ set fitInkBarToContent(value: boolean);
727
+ _fitInkBarToContent: BehaviorSubject<boolean>;
728
+ /** Whether tabs should be stretched to fill the header. */
729
+ stretchTabs: boolean;
730
+ get animationDuration(): string;
731
+ set animationDuration(value: string | number);
732
+ private _animationDuration;
733
+ /** Query list of all tab links of the tab navigation. */
734
+ _items: QueryList<MatTabLink>;
735
+ /**
736
+ * Theme color of the background of the tab nav. This API is supported in M2 themes only, it
737
+ * has no effect in M3 themes. For color customization in M3, see https://material.angular.io/components/tabs/styling.
738
+ *
739
+ * For information on applying color variants in M3, see
740
+ * https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants
741
+ */
742
+ get backgroundColor(): ThemePalette;
743
+ set backgroundColor(value: ThemePalette);
744
+ private _backgroundColor;
745
+ /** Whether the ripple effect is disabled or not. */
746
+ disableRipple: boolean;
747
+ /**
748
+ * Theme color of the nav bar. This API is supported in M2 themes only, it has
749
+ * no effect in M3 themes. For color customization in M3, see https://material.angular.io/components/tabs/styling.
750
+ *
751
+ * For information on applying color variants in M3, see
752
+ * https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants
753
+ */
754
+ color: ThemePalette;
755
+ /**
756
+ * Associated tab panel controlled by the nav bar. If not provided, then the nav bar
757
+ * follows the ARIA link / navigation landmark pattern. If provided, it follows the
758
+ * ARIA tabs design pattern.
759
+ */
760
+ tabPanel?: MatTabNavPanel;
742
761
  _tabListContainer: ElementRef;
743
762
  _tabList: ElementRef;
744
763
  _tabListInner: ElementRef;
745
764
  _nextPaginator: ElementRef<HTMLElement>;
746
765
  _previousPaginator: ElementRef<HTMLElement>;
747
766
  _inkBar: MatInkBar;
748
- /** Aria label of the header. */
749
- ariaLabel: string;
750
- /** Sets the `aria-labelledby` of the header. */
751
- ariaLabelledby: string;
752
- /** Whether the ripple effect is disabled or not. */
753
- disableRipple: boolean;
767
+ constructor(...args: unknown[]);
768
+ protected _itemSelected(): void;
754
769
  ngAfterContentInit(): void;
755
- protected _itemSelected(event: KeyboardEvent): void;
756
- static ɵfac: i0.ɵɵFactoryDeclaration<MatTabHeader, never>;
757
- static ɵcmp: i0.ɵɵComponentDeclaration<MatTabHeader, "mat-tab-header", never, { "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; }, {}, ["_items"], ["*"], true, never>;
770
+ ngAfterViewInit(): void;
771
+ /** Notifies the component that the active link has been changed. */
772
+ updateActiveLink(): void;
773
+ _getRole(): string | null;
774
+ static ɵfac: i0.ɵɵFactoryDeclaration<MatTabNav, never>;
775
+ static ɵcmp: i0.ɵɵComponentDeclaration<MatTabNav, "[mat-tab-nav-bar]", ["matTabNavBar", "matTabNav"], { "fitInkBarToContent": { "alias": "fitInkBarToContent"; "required": false; }; "stretchTabs": { "alias": "mat-stretch-tabs"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "color": { "alias": "color"; "required": false; }; "tabPanel": { "alias": "tabPanel"; "required": false; }; }, {}, ["_items"], ["*"], true, never>;
776
+ static ngAcceptInputType_fitInkBarToContent: unknown;
777
+ static ngAcceptInputType_stretchTabs: unknown;
758
778
  static ngAcceptInputType_disableRipple: unknown;
759
779
  }
760
-
761
- /** Possible positions for the tab header. */
762
- export declare type MatTabHeaderPosition = 'above' | 'below';
763
-
764
- /** Used to flag tab labels for use with the portal directive */
765
- export declare class MatTabLabel extends CdkPortal {
766
- _closestTab: any;
767
- static ɵfac: i0.ɵɵFactoryDeclaration<MatTabLabel, never>;
768
- static ɵdir: i0.ɵɵDirectiveDeclaration<MatTabLabel, "[mat-tab-label], [matTabLabel]", never, {}, {}, never, never, true, never>;
769
- }
770
-
771
- /**
772
- * Used in the `mat-tab-group` view to display tab labels.
773
- * @docs-private
774
- */
775
- export declare class MatTabLabelWrapper extends InkBarItem {
776
- elementRef: ElementRef<any>;
777
- /** Whether the tab is disabled. */
778
- disabled: boolean;
779
- /** Sets focus on the wrapper element */
780
- focus(): void;
781
- getOffsetLeft(): number;
782
- getOffsetWidth(): number;
783
- static ɵfac: i0.ɵɵFactoryDeclaration<MatTabLabelWrapper, never>;
784
- static ɵdir: i0.ɵɵDirectiveDeclaration<MatTabLabelWrapper, "[matTabLabelWrapper]", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
785
- static ngAcceptInputType_disabled: unknown;
786
- }
787
-
788
780
  /**
789
781
  * Link inside a `mat-tab-nav-bar`.
790
782
  */
791
- export declare class MatTabLink extends InkBarItem implements AfterViewInit, OnDestroy, RippleTarget, FocusableOption {
783
+ declare class MatTabLink extends InkBarItem implements AfterViewInit, OnDestroy, RippleTarget, FocusableOption {
792
784
  private _tabNavBar;
793
785
  elementRef: ElementRef<any>;
794
786
  private _focusMonitor;
@@ -836,73 +828,10 @@ export declare class MatTabLink extends InkBarItem implements AfterViewInit, OnD
836
828
  static ngAcceptInputType_disableRipple: unknown;
837
829
  static ngAcceptInputType_tabIndex: unknown;
838
830
  }
839
-
840
- /**
841
- * Navigation component matching the styles of the tab group header.
842
- * Provides anchored navigation with animated ink bar.
843
- */
844
- export declare class MatTabNav extends MatPaginatedTabHeader implements AfterContentInit, AfterViewInit {
845
- /** Whether the ink bar should fit its width to the size of the tab label content. */
846
- get fitInkBarToContent(): boolean;
847
- set fitInkBarToContent(value: boolean);
848
- _fitInkBarToContent: BehaviorSubject<boolean>;
849
- /** Whether tabs should be stretched to fill the header. */
850
- stretchTabs: boolean;
851
- get animationDuration(): string;
852
- set animationDuration(value: string | number);
853
- private _animationDuration;
854
- /** Query list of all tab links of the tab navigation. */
855
- _items: QueryList<MatTabLink>;
856
- /**
857
- * Theme color of the background of the tab nav. This API is supported in M2 themes only, it
858
- * has no effect in M3 themes. For color customization in M3, see https://material.angular.io/components/tabs/styling.
859
- *
860
- * For information on applying color variants in M3, see
861
- * https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants
862
- */
863
- get backgroundColor(): ThemePalette;
864
- set backgroundColor(value: ThemePalette);
865
- private _backgroundColor;
866
- /** Whether the ripple effect is disabled or not. */
867
- disableRipple: boolean;
868
- /**
869
- * Theme color of the nav bar. This API is supported in M2 themes only, it has
870
- * no effect in M3 themes. For color customization in M3, see https://material.angular.io/components/tabs/styling.
871
- *
872
- * For information on applying color variants in M3, see
873
- * https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants
874
- */
875
- color: ThemePalette;
876
- /**
877
- * Associated tab panel controlled by the nav bar. If not provided, then the nav bar
878
- * follows the ARIA link / navigation landmark pattern. If provided, it follows the
879
- * ARIA tabs design pattern.
880
- */
881
- tabPanel?: MatTabNavPanel;
882
- _tabListContainer: ElementRef;
883
- _tabList: ElementRef;
884
- _tabListInner: ElementRef;
885
- _nextPaginator: ElementRef<HTMLElement>;
886
- _previousPaginator: ElementRef<HTMLElement>;
887
- _inkBar: MatInkBar;
888
- constructor(...args: unknown[]);
889
- protected _itemSelected(): void;
890
- ngAfterContentInit(): void;
891
- ngAfterViewInit(): void;
892
- /** Notifies the component that the active link has been changed. */
893
- updateActiveLink(): void;
894
- _getRole(): string | null;
895
- static ɵfac: i0.ɵɵFactoryDeclaration<MatTabNav, never>;
896
- static ɵcmp: i0.ɵɵComponentDeclaration<MatTabNav, "[mat-tab-nav-bar]", ["matTabNavBar", "matTabNav"], { "fitInkBarToContent": { "alias": "fitInkBarToContent"; "required": false; }; "stretchTabs": { "alias": "mat-stretch-tabs"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "color": { "alias": "color"; "required": false; }; "tabPanel": { "alias": "tabPanel"; "required": false; }; }, {}, ["_items"], ["*"], true, never>;
897
- static ngAcceptInputType_fitInkBarToContent: unknown;
898
- static ngAcceptInputType_stretchTabs: unknown;
899
- static ngAcceptInputType_disableRipple: unknown;
900
- }
901
-
902
831
  /**
903
832
  * Tab panel component associated with MatTabNav.
904
833
  */
905
- export declare class MatTabNavPanel {
834
+ declare class MatTabNavPanel {
906
835
  /** Unique id for the tab panel. */
907
836
  id: string;
908
837
  /** Id of the active tab in the nav bar. */
@@ -911,18 +840,14 @@ export declare class MatTabNavPanel {
911
840
  static ɵcmp: i0.ɵɵComponentDeclaration<MatTabNavPanel, "mat-tab-nav-panel", ["matTabNavPanel"], { "id": { "alias": "id"; "required": false; }; }, {}, never, ["*"], true, never>;
912
841
  }
913
842
 
914
- /**
915
- * Animations used by the Material tabs.
916
- * @docs-private
917
- * @deprecated No longer used, will be removed.
918
- * @breaking-change 21.0.0.
919
- */
920
- export declare const matTabsAnimations: {
921
- readonly translateTab: any;
922
- };
843
+ declare class MatTabsModule {
844
+ static ɵfac: i0.ɵɵFactoryDeclaration<MatTabsModule, never>;
845
+ static ɵmod: i0.ɵɵNgModuleDeclaration<MatTabsModule, never, [typeof i1.MatCommonModule, typeof MatTabContent, typeof MatTabLabel, typeof MatTab, typeof MatTabGroup, typeof MatTabNav, typeof MatTabNavPanel, typeof MatTabLink], [typeof i1.MatCommonModule, typeof MatTabContent, typeof MatTabLabel, typeof MatTab, typeof MatTabGroup, typeof MatTabNav, typeof MatTabNavPanel, typeof MatTabLink]>;
846
+ static ɵinj: i0.ɵɵInjectorDeclaration<MatTabsModule>;
847
+ }
923
848
 
924
849
  /** Object that can be used to configure the default options for the tabs module. */
925
- export declare interface MatTabsConfig {
850
+ interface MatTabsConfig {
926
851
  /** Duration for the tab animation. Must be a valid CSS value (e.g. 600ms). */
927
852
  animationDuration?: string;
928
853
  /**
@@ -950,18 +875,17 @@ export declare interface MatTabsConfig {
950
875
  /** Alignment for the tabs label. */
951
876
  alignTabs?: 'start' | 'center' | 'end';
952
877
  }
953
-
954
- export declare class MatTabsModule {
955
- static ɵfac: i0.ɵɵFactoryDeclaration<MatTabsModule, never>;
956
- static ɵmod: i0.ɵɵNgModuleDeclaration<MatTabsModule, never, [typeof i1.MatCommonModule, typeof i2.MatTabContent, typeof i3.MatTabLabel, typeof i4.MatTab, typeof i5.MatTabGroup, typeof i6.MatTabNav, typeof i6.MatTabNavPanel, typeof i6.MatTabLink], [typeof i1.MatCommonModule, typeof i2.MatTabContent, typeof i3.MatTabLabel, typeof i4.MatTab, typeof i5.MatTabGroup, typeof i6.MatTabNav, typeof i6.MatTabNavPanel, typeof i6.MatTabLink]>;
957
- static ɵinj: i0.ɵɵInjectorDeclaration<MatTabsModule>;
958
- }
878
+ /** Injection token that can be used to provide the default options the tabs module. */
879
+ declare const MAT_TABS_CONFIG: InjectionToken<MatTabsConfig>;
959
880
 
960
881
  /**
961
- * The directions that scrolling can go in when the header's tabs exceed the header width. 'After'
962
- * will scroll the header towards the end of the tabs list and 'before' will scroll towards the
963
- * beginning of the list.
882
+ * Animations used by the Material tabs.
883
+ * @docs-private
884
+ * @deprecated No longer used, will be removed.
885
+ * @breaking-change 21.0.0.
964
886
  */
965
- export declare type ScrollDirection = 'after' | 'before';
887
+ declare const matTabsAnimations: {
888
+ readonly translateTab: any;
889
+ };
966
890
 
967
- export { }
891
+ export { MAT_TAB, MAT_TABS_CONFIG, MAT_TAB_CONTENT, MAT_TAB_GROUP, MAT_TAB_LABEL, MatInkBar, MatPaginatedTabHeader, MatTab, MatTabBody, type MatTabBodyOriginState, MatTabBodyPortal, type MatTabBodyPositionState, MatTabChangeEvent, MatTabContent, MatTabGroup, type MatTabGroupBaseHeader, MatTabHeader, type MatTabHeaderPosition, MatTabLabel, MatTabLabelWrapper, MatTabLink, MatTabNav, MatTabNavPanel, type MatTabsConfig, MatTabsModule, type ScrollDirection, _MAT_INK_BAR_POSITIONER, _MAT_INK_BAR_POSITIONER_FACTORY, type _MatInkBarPositioner, matTabsAnimations };