@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.
- package/autocomplete/index.d.ts +83 -124
- package/autocomplete/testing/index.d.ts +5 -11
- package/badge/index.d.ts +17 -30
- package/badge/testing/index.d.ts +5 -8
- package/bottom-sheet/index.d.ts +88 -104
- package/bottom-sheet/testing/index.d.ts +4 -6
- package/button/index.d.ts +109 -148
- package/button/testing/index.d.ts +6 -10
- package/button-toggle/index.d.ts +116 -142
- package/button-toggle/testing/index.d.ts +34 -36
- package/card/index.d.ts +79 -117
- package/card/testing/index.d.ts +11 -15
- package/checkbox/index.d.ts +55 -85
- package/checkbox/testing/index.d.ts +6 -10
- package/chips/index.d.ts +592 -690
- package/chips/testing/index.d.ts +78 -93
- package/core/index.d.ts +565 -669
- package/core/testing/index.d.ts +28 -32
- package/datepicker/index.d.ts +1323 -1479
- package/datepicker/testing/index.d.ts +109 -119
- package/dialog/index.d.ts +194 -246
- package/dialog/testing/index.d.ts +17 -26
- package/divider/index.d.ts +4 -10
- package/divider/testing/index.d.ts +4 -6
- package/expansion/index.d.ts +137 -189
- package/expansion/testing/index.d.ts +25 -31
- package/fesm2022/autocomplete/testing.mjs.map +1 -1
- package/fesm2022/autocomplete.mjs +39 -30
- package/fesm2022/autocomplete.mjs.map +1 -1
- package/fesm2022/badge/testing.mjs.map +1 -1
- package/fesm2022/badge.mjs +13 -17
- package/fesm2022/badge.mjs.map +1 -1
- package/fesm2022/bottom-sheet/testing.mjs.map +1 -1
- package/fesm2022/bottom-sheet.mjs +11 -22
- package/fesm2022/bottom-sheet.mjs.map +1 -1
- package/fesm2022/button/testing.mjs.map +1 -1
- package/fesm2022/button-toggle/testing.mjs.map +1 -1
- package/fesm2022/button-toggle.mjs +15 -14
- package/fesm2022/button-toggle.mjs.map +1 -1
- package/fesm2022/button.mjs +40 -40
- package/fesm2022/button.mjs.map +1 -1
- package/fesm2022/card/testing.mjs.map +1 -1
- package/fesm2022/card.mjs +46 -50
- package/fesm2022/card.mjs.map +1 -1
- package/fesm2022/checkbox/testing.mjs.map +1 -1
- package/fesm2022/checkbox.mjs +19 -19
- package/fesm2022/checkbox.mjs.map +1 -1
- package/fesm2022/chips/testing.mjs.map +1 -1
- package/fesm2022/chips.mjs +41 -47
- package/fesm2022/chips.mjs.map +1 -1
- package/fesm2022/core/testing.mjs.map +1 -1
- package/fesm2022/core.mjs +71 -71
- package/fesm2022/core.mjs.map +1 -1
- package/fesm2022/datepicker/testing.mjs.map +1 -1
- package/fesm2022/datepicker.mjs +124 -100
- package/fesm2022/datepicker.mjs.map +1 -1
- package/fesm2022/dialog/testing.mjs.map +1 -1
- package/fesm2022/dialog.mjs +29 -33
- package/fesm2022/dialog.mjs.map +1 -1
- package/fesm2022/divider/testing.mjs.map +1 -1
- package/fesm2022/divider.mjs +7 -11
- package/fesm2022/divider.mjs.map +1 -1
- package/fesm2022/expansion/testing.mjs.map +1 -1
- package/fesm2022/expansion.mjs +27 -31
- package/fesm2022/expansion.mjs.map +1 -1
- package/fesm2022/form-field/testing.mjs +0 -2
- package/fesm2022/form-field/testing.mjs.map +1 -1
- package/fesm2022/form-field.mjs +34 -38
- package/fesm2022/form-field.mjs.map +1 -1
- package/fesm2022/grid-list/testing.mjs.map +1 -1
- package/fesm2022/grid-list.mjs +22 -26
- package/fesm2022/grid-list.mjs.map +1 -1
- package/fesm2022/icon/testing.mjs +7 -11
- package/fesm2022/icon/testing.mjs.map +1 -1
- package/fesm2022/icon.mjs +25 -17
- package/fesm2022/icon.mjs.map +1 -1
- package/fesm2022/input/testing.mjs.map +1 -1
- package/fesm2022/input.mjs +7 -11
- package/fesm2022/input.mjs.map +1 -1
- package/fesm2022/list/testing.mjs +1 -1
- package/fesm2022/list/testing.mjs.map +1 -1
- package/fesm2022/list.mjs +51 -55
- package/fesm2022/list.mjs.map +1 -1
- package/fesm2022/menu/testing.mjs.map +1 -1
- package/fesm2022/menu.mjs +31 -23
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/paginator/testing.mjs.map +1 -1
- package/fesm2022/paginator.mjs +20 -16
- package/fesm2022/paginator.mjs.map +1 -1
- package/fesm2022/progress-bar/testing.mjs +0 -4
- package/fesm2022/progress-bar/testing.mjs.map +1 -1
- package/fesm2022/progress-bar.mjs +12 -12
- package/fesm2022/progress-bar.mjs.map +1 -1
- package/fesm2022/progress-spinner/testing.mjs +0 -4
- package/fesm2022/progress-spinner/testing.mjs.map +1 -1
- package/fesm2022/progress-spinner.mjs +12 -12
- package/fesm2022/progress-spinner.mjs.map +1 -1
- package/fesm2022/radio/testing.mjs.map +1 -1
- package/fesm2022/radio.mjs +15 -14
- package/fesm2022/radio.mjs.map +1 -1
- package/fesm2022/select/testing.mjs.map +1 -1
- package/fesm2022/select.mjs +24 -20
- package/fesm2022/select.mjs.map +1 -1
- package/fesm2022/sidenav/testing.mjs +1 -1
- package/fesm2022/sidenav/testing.mjs.map +1 -1
- package/fesm2022/sidenav.mjs +31 -31
- package/fesm2022/sidenav.mjs.map +1 -1
- package/fesm2022/slide-toggle/testing.mjs.map +1 -1
- package/fesm2022/slide-toggle.mjs +14 -18
- package/fesm2022/slide-toggle.mjs.map +1 -1
- package/fesm2022/slider/testing.mjs.map +1 -1
- package/fesm2022/slider.mjs +16 -20
- package/fesm2022/slider.mjs.map +1 -1
- package/fesm2022/snack-bar/testing.mjs.map +1 -1
- package/fesm2022/snack-bar.mjs +27 -27
- package/fesm2022/snack-bar.mjs.map +1 -1
- package/fesm2022/sort/testing.mjs.map +1 -1
- package/fesm2022/sort.mjs +24 -20
- package/fesm2022/sort.mjs.map +1 -1
- package/fesm2022/stepper/testing.mjs.map +1 -1
- package/fesm2022/stepper.mjs +41 -37
- package/fesm2022/stepper.mjs.map +1 -1
- package/fesm2022/table/testing.mjs.map +1 -1
- package/fesm2022/table.mjs +55 -59
- package/fesm2022/table.mjs.map +1 -1
- package/fesm2022/tabs/testing.mjs.map +1 -1
- package/fesm2022/tabs.mjs +51 -58
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/timepicker/testing.mjs.map +1 -1
- package/fesm2022/timepicker.mjs +15 -20
- package/fesm2022/timepicker.mjs.map +1 -1
- package/fesm2022/toolbar/testing.mjs.map +1 -1
- package/fesm2022/toolbar.mjs +10 -14
- package/fesm2022/toolbar.mjs.map +1 -1
- package/fesm2022/tooltip/testing.mjs.map +1 -1
- package/fesm2022/tooltip.mjs +25 -17
- package/fesm2022/tooltip.mjs.map +1 -1
- package/fesm2022/tree/testing.mjs.map +1 -1
- package/fesm2022/tree.mjs +25 -29
- package/fesm2022/tree.mjs.map +1 -1
- package/form-field/index.d.ts +251 -318
- package/form-field/testing/control/index.d.ts +2 -2
- package/form-field/testing/index.d.ts +14 -21
- package/grid-list/index.d.ts +124 -150
- package/grid-list/testing/index.d.ts +39 -44
- package/icon/index.d.ts +87 -108
- package/icon/testing/index.d.ts +38 -43
- package/index.d.ts +2 -3
- package/input/index.d.ts +27 -61
- package/input/testing/index.d.ts +16 -19
- package/list/index.d.ts +159 -242
- package/list/testing/index.d.ts +157 -179
- package/menu/index.d.ts +180 -231
- package/menu/testing/index.d.ts +17 -23
- package/package.json +2 -2
- package/paginator/index.d.ts +84 -97
- package/paginator/testing/index.d.ts +10 -14
- package/progress-bar/index.d.ts +38 -58
- package/progress-bar/testing/index.d.ts +7 -10
- package/progress-spinner/index.d.ts +38 -51
- package/progress-spinner/testing/index.d.ts +7 -10
- package/radio/index.d.ts +145 -168
- package/radio/testing/index.d.ts +61 -67
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-add/index.mjs +1 -1
- package/schematics/ng-generate/address-form/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +6 -9
- package/schematics/ng-generate/dashboard/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +6 -9
- package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +6 -9
- package/schematics/ng-generate/table/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +6 -9
- package/schematics/ng-generate/theme-color/schema.json +10 -0
- package/schematics/ng-generate/tree/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +1 -1
- package/select/index.d.ts +77 -130
- package/select/testing/index.d.ts +10 -15
- package/sidenav/index.d.ts +47 -91
- package/sidenav/testing/index.d.ts +58 -63
- package/slide-toggle/index.d.ts +51 -84
- package/slide-toggle/testing/index.d.ts +17 -21
- package/slider/index.d.ts +277 -327
- package/slider/testing/index.d.ts +42 -47
- package/snack-bar/index.d.ts +147 -185
- package/snack-bar/testing/index.d.ts +7 -9
- package/sort/index.d.ts +94 -124
- package/sort/testing/index.d.ts +21 -24
- package/stepper/index.d.ts +108 -165
- package/stepper/testing/index.d.ts +43 -52
- package/table/index.d.ts +87 -153
- package/table/testing/index.d.ts +64 -78
- package/tabs/index.d.ts +306 -382
- package/tabs/testing/index.d.ts +67 -76
- package/timepicker/index.d.ts +123 -159
- package/timepicker/testing/index.d.ts +20 -26
- package/toolbar/index.d.ts +13 -25
- package/toolbar/testing/index.d.ts +13 -16
- package/tooltip/index.d.ts +88 -117
- package/tooltip/testing/index.d.ts +7 -10
- package/tree/index.d.ts +116 -163
- 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 {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
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
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
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
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
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
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
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
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
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
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
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
|
-
*
|
|
101
|
-
*
|
|
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
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
166
|
+
interface _MatInkBarPositioner {
|
|
167
|
+
(element: HTMLElement): {
|
|
168
|
+
left: string;
|
|
169
|
+
width: string;
|
|
170
|
+
};
|
|
171
|
+
}
|
|
134
172
|
/**
|
|
135
|
-
*
|
|
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
|
-
|
|
139
|
-
|
|
140
|
-
|
|
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
|
-
*
|
|
183
|
+
* Used in the `mat-tab-group` view to display tab labels.
|
|
151
184
|
* @docs-private
|
|
152
185
|
*/
|
|
153
|
-
declare
|
|
154
|
-
elementRef: ElementRef<
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
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
|
-
*
|
|
162
|
-
*
|
|
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
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
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
|
-
|
|
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
|
-
/**
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
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
|
-
/**
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
/**
|
|
394
|
-
|
|
395
|
-
|
|
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
|
-
|
|
404
|
-
ngOnDestroy(): void;
|
|
426
|
+
/** Set initial visibility or set up subscription for changing visibility. */
|
|
405
427
|
ngOnInit(): void;
|
|
406
|
-
/**
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
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
|
-
|
|
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
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
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
|
-
|
|
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
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
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
|
-
*
|
|
735
|
-
*
|
|
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
|
-
|
|
741
|
-
|
|
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
|
-
|
|
749
|
-
|
|
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
|
-
|
|
756
|
-
|
|
757
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
*
|
|
962
|
-
*
|
|
963
|
-
*
|
|
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
|
-
|
|
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 };
|