@angular/material 19.2.2 → 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 -103
- 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 +26 -17
- package/fesm2022/autocomplete.mjs.map +1 -1
- package/fesm2022/badge/testing.mjs.map +1 -1
- package/fesm2022/badge.mjs +3 -7
- package/fesm2022/badge.mjs.map +1 -1
- package/fesm2022/bottom-sheet/testing.mjs.map +1 -1
- package/fesm2022/bottom-sheet.mjs +0 -4
- 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 +5 -4
- package/fesm2022/button-toggle.mjs.map +1 -1
- package/fesm2022/button.mjs +6 -6
- package/fesm2022/button.mjs.map +1 -1
- package/fesm2022/card/testing.mjs.map +1 -1
- package/fesm2022/card.mjs +0 -4
- package/fesm2022/card.mjs.map +1 -1
- package/fesm2022/checkbox/testing.mjs.map +1 -1
- package/fesm2022/checkbox.mjs +5 -5
- package/fesm2022/checkbox.mjs.map +1 -1
- package/fesm2022/chips/testing.mjs.map +1 -1
- package/fesm2022/chips.mjs +0 -4
- package/fesm2022/chips.mjs.map +1 -1
- package/fesm2022/core/testing.mjs.map +1 -1
- package/fesm2022/core.mjs +7 -7
- package/fesm2022/core.mjs.map +1 -1
- package/fesm2022/datepicker/testing.mjs.map +1 -1
- package/fesm2022/datepicker.mjs +42 -18
- package/fesm2022/datepicker.mjs.map +1 -1
- package/fesm2022/dialog/testing.mjs.map +1 -1
- package/fesm2022/dialog.mjs +4 -8
- package/fesm2022/dialog.mjs.map +1 -1
- package/fesm2022/divider/testing.mjs.map +1 -1
- package/fesm2022/divider.mjs +0 -4
- package/fesm2022/divider.mjs.map +1 -1
- package/fesm2022/expansion/testing.mjs.map +1 -1
- package/fesm2022/expansion.mjs +2 -6
- 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 +0 -4
- package/fesm2022/form-field.mjs.map +1 -1
- package/fesm2022/grid-list/testing.mjs.map +1 -1
- package/fesm2022/grid-list.mjs +0 -4
- package/fesm2022/grid-list.mjs.map +1 -1
- package/fesm2022/icon/testing.mjs +0 -4
- package/fesm2022/icon/testing.mjs.map +1 -1
- package/fesm2022/icon.mjs +15 -7
- package/fesm2022/icon.mjs.map +1 -1
- package/fesm2022/input/testing.mjs.map +1 -1
- package/fesm2022/input.mjs +0 -4
- 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 +2 -6
- package/fesm2022/list.mjs.map +1 -1
- package/fesm2022/menu/testing.mjs.map +1 -1
- package/fesm2022/menu.mjs +15 -7
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/paginator/testing.mjs.map +1 -1
- package/fesm2022/paginator.mjs +10 -6
- 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 +5 -5
- 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 +5 -5
- package/fesm2022/progress-spinner.mjs.map +1 -1
- package/fesm2022/radio/testing.mjs.map +1 -1
- package/fesm2022/radio.mjs +5 -4
- package/fesm2022/radio.mjs.map +1 -1
- package/fesm2022/select/testing.mjs.map +1 -1
- package/fesm2022/select.mjs +14 -10
- 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 +9 -9
- package/fesm2022/sidenav.mjs.map +1 -1
- package/fesm2022/slide-toggle/testing.mjs.map +1 -1
- package/fesm2022/slide-toggle.mjs +0 -4
- package/fesm2022/slide-toggle.mjs.map +1 -1
- package/fesm2022/slider/testing.mjs.map +1 -1
- package/fesm2022/slider.mjs +0 -4
- package/fesm2022/slider.mjs.map +1 -1
- package/fesm2022/snack-bar/testing.mjs.map +1 -1
- package/fesm2022/snack-bar.mjs +5 -5
- package/fesm2022/snack-bar.mjs.map +1 -1
- package/fesm2022/sort/testing.mjs.map +1 -1
- package/fesm2022/sort.mjs +10 -6
- package/fesm2022/sort.mjs.map +1 -1
- package/fesm2022/stepper/testing.mjs.map +1 -1
- package/fesm2022/stepper.mjs +10 -6
- package/fesm2022/stepper.mjs.map +1 -1
- package/fesm2022/table/testing.mjs.map +1 -1
- package/fesm2022/table.mjs +0 -4
- package/fesm2022/table.mjs.map +1 -1
- package/fesm2022/tabs/testing.mjs.map +1 -1
- package/fesm2022/tabs.mjs +8 -15
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/timepicker/testing.mjs.map +1 -1
- package/fesm2022/timepicker.mjs +1 -5
- package/fesm2022/timepicker.mjs.map +1 -1
- package/fesm2022/toolbar/testing.mjs.map +1 -1
- package/fesm2022/toolbar.mjs +0 -4
- package/fesm2022/toolbar.mjs.map +1 -1
- package/fesm2022/tooltip/testing.mjs.map +1 -1
- package/fesm2022/tooltip.mjs +15 -7
- package/fesm2022/tooltip.mjs.map +1 -1
- package/fesm2022/tree/testing.mjs.map +1 -1
- package/fesm2022/tree.mjs +0 -4
- 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 +158 -241
- 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/theme-color/index_bundled.js +2 -2
- package/schematics/ng-generate/theme-color/schema.json +10 -0
- package/schematics/ng-update/index_bundled.js +31 -31
- 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/button/index.d.ts
CHANGED
|
@@ -1,95 +1,18 @@
|
|
|
1
|
-
import { AfterViewInit } from '@angular/core';
|
|
2
|
-
import { ElementRef } from '@angular/core';
|
|
3
1
|
import { FocusOrigin } from '@angular/cdk/a11y';
|
|
4
2
|
import * as i0 from '@angular/core';
|
|
3
|
+
import { InjectionToken, AfterViewInit, OnDestroy, ElementRef, NgZone, OnInit } from '@angular/core';
|
|
5
4
|
import * as i1 from '@angular/material/core';
|
|
6
|
-
import {
|
|
7
|
-
import { MatRippleLoader } from '@angular/material/core';
|
|
8
|
-
import { NgZone } from '@angular/core';
|
|
9
|
-
import { OnDestroy } from '@angular/core';
|
|
10
|
-
import { OnInit } from '@angular/core';
|
|
11
|
-
import { ThemePalette } from '@angular/material/core';
|
|
5
|
+
import { ThemePalette, MatRippleLoader } from '@angular/material/core';
|
|
12
6
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
declare namespace i3 {
|
|
21
|
-
export {
|
|
22
|
-
MatIconButton,
|
|
23
|
-
MatIconAnchor
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
declare namespace i4 {
|
|
28
|
-
export {
|
|
29
|
-
MAT_FAB_DEFAULT_OPTIONS_FACTORY,
|
|
30
|
-
MatFabDefaultOptions,
|
|
31
|
-
MAT_FAB_DEFAULT_OPTIONS,
|
|
32
|
-
MatFabButton,
|
|
33
|
-
MatMiniFabButton,
|
|
34
|
-
MatFabAnchor,
|
|
35
|
-
MatMiniFabAnchor
|
|
36
|
-
}
|
|
7
|
+
/** Object that can be used to configure the default options for the button component. */
|
|
8
|
+
interface MatButtonConfig {
|
|
9
|
+
/** Whether disabled buttons should be interactive. */
|
|
10
|
+
disabledInteractive?: boolean;
|
|
11
|
+
/** Default palette color to apply to buttons. */
|
|
12
|
+
color?: ThemePalette;
|
|
37
13
|
}
|
|
38
|
-
|
|
39
14
|
/** Injection token that can be used to provide the default options the button component. */
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
/** Injection token to be used to override the default options for FAB. */
|
|
43
|
-
export declare const MAT_FAB_DEFAULT_OPTIONS: InjectionToken<MatFabDefaultOptions>;
|
|
44
|
-
|
|
45
|
-
/** @docs-private */
|
|
46
|
-
export declare function MAT_FAB_DEFAULT_OPTIONS_FACTORY(): MatFabDefaultOptions;
|
|
47
|
-
|
|
48
|
-
/**
|
|
49
|
-
* Material Design button component for anchor elements. Anchor elements are used to provide
|
|
50
|
-
* links for the user to navigate across different routes or pages.
|
|
51
|
-
* See https://material.io/components/buttons
|
|
52
|
-
*
|
|
53
|
-
* The `MatAnchor` class applies to native anchor elements and captures the appearances for
|
|
54
|
-
* "text button", "outlined button", and "contained button" per the Material Design
|
|
55
|
-
* specification. `MatAnchor` additionally captures an additional "flat" appearance, which matches
|
|
56
|
-
* "contained" but without elevation.
|
|
57
|
-
*/
|
|
58
|
-
export declare class MatAnchor extends MatAnchorBase {
|
|
59
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MatAnchor, never>;
|
|
60
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MatAnchor, "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", ["matButton", "matAnchor"], {}, {}, never, [".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])", "*", ".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]"], true, never>;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
/**
|
|
64
|
-
* Anchor button base.
|
|
65
|
-
*/
|
|
66
|
-
declare class MatAnchorBase extends MatButtonBase implements OnInit, OnDestroy {
|
|
67
|
-
private _renderer;
|
|
68
|
-
private _cleanupClick;
|
|
69
|
-
tabIndex: number;
|
|
70
|
-
ngOnInit(): void;
|
|
71
|
-
ngOnDestroy(): void;
|
|
72
|
-
_haltDisabledEvents: (event: Event) => void;
|
|
73
|
-
protected _getAriaDisabled(): boolean | null;
|
|
74
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MatAnchorBase, never>;
|
|
75
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MatAnchorBase, never, never, { "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, never, never, true, never>;
|
|
76
|
-
static ngAcceptInputType_tabIndex: unknown;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
/**
|
|
80
|
-
* Material Design button component. Users interact with a button to perform an action.
|
|
81
|
-
* See https://material.io/components/buttons
|
|
82
|
-
*
|
|
83
|
-
* The `MatButton` class applies to native button elements and captures the appearances for
|
|
84
|
-
* "text button", "outlined button", and "contained button" per the Material Design
|
|
85
|
-
* specification. `MatButton` additionally captures an additional "flat" appearance, which matches
|
|
86
|
-
* "contained" but without elevation.
|
|
87
|
-
*/
|
|
88
|
-
export declare class MatButton extends MatButtonBase {
|
|
89
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MatButton, never>;
|
|
90
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MatButton, " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", ["matButton"], {}, {}, never, [".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])", "*", ".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]"], true, never>;
|
|
91
|
-
}
|
|
92
|
-
|
|
15
|
+
declare const MAT_BUTTON_CONFIG: InjectionToken<MatButtonConfig>;
|
|
93
16
|
/** Base class for all buttons. */
|
|
94
17
|
declare class MatButtonBase implements AfterViewInit, OnDestroy {
|
|
95
18
|
_elementRef: ElementRef<any>;
|
|
@@ -148,38 +71,69 @@ declare class MatButtonBase implements AfterViewInit, OnDestroy {
|
|
|
148
71
|
static ngAcceptInputType_ariaDisabled: unknown;
|
|
149
72
|
static ngAcceptInputType_disabledInteractive: unknown;
|
|
150
73
|
}
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
74
|
+
/**
|
|
75
|
+
* Anchor button base.
|
|
76
|
+
*/
|
|
77
|
+
declare class MatAnchorBase extends MatButtonBase implements OnInit, OnDestroy {
|
|
78
|
+
private _renderer;
|
|
79
|
+
private _cleanupClick;
|
|
80
|
+
tabIndex: number;
|
|
81
|
+
ngOnInit(): void;
|
|
82
|
+
ngOnDestroy(): void;
|
|
83
|
+
_haltDisabledEvents: (event: Event) => void;
|
|
84
|
+
protected _getAriaDisabled(): boolean | null;
|
|
85
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatAnchorBase, never>;
|
|
86
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MatAnchorBase, never, never, { "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, never, never, true, never>;
|
|
87
|
+
static ngAcceptInputType_tabIndex: unknown;
|
|
158
88
|
}
|
|
159
89
|
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
90
|
+
/**
|
|
91
|
+
* Material Design button component. Users interact with a button to perform an action.
|
|
92
|
+
* See https://material.io/components/buttons
|
|
93
|
+
*
|
|
94
|
+
* The `MatButton` class applies to native button elements and captures the appearances for
|
|
95
|
+
* "text button", "outlined button", and "contained button" per the Material Design
|
|
96
|
+
* specification. `MatButton` additionally captures an additional "flat" appearance, which matches
|
|
97
|
+
* "contained" but without elevation.
|
|
98
|
+
*/
|
|
99
|
+
declare class MatButton extends MatButtonBase {
|
|
100
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatButton, never>;
|
|
101
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MatButton, " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", ["matButton"], {}, {}, never, [".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])", "*", ".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]"], true, never>;
|
|
164
102
|
}
|
|
165
|
-
|
|
166
103
|
/**
|
|
167
|
-
* Material Design
|
|
168
|
-
*
|
|
169
|
-
* See https://material.io/components/buttons
|
|
104
|
+
* Material Design button component for anchor elements. Anchor elements are used to provide
|
|
105
|
+
* links for the user to navigate across different routes or pages.
|
|
106
|
+
* See https://material.io/components/buttons
|
|
170
107
|
*
|
|
171
|
-
* The `
|
|
108
|
+
* The `MatAnchor` class applies to native anchor elements and captures the appearances for
|
|
109
|
+
* "text button", "outlined button", and "contained button" per the Material Design
|
|
110
|
+
* specification. `MatAnchor` additionally captures an additional "flat" appearance, which matches
|
|
111
|
+
* "contained" but without elevation.
|
|
172
112
|
*/
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
extended: boolean;
|
|
177
|
-
constructor(...args: unknown[]);
|
|
178
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MatFabAnchor, never>;
|
|
179
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MatFabAnchor, "a[mat-fab]", ["matButton", "matAnchor"], { "extended": { "alias": "extended"; "required": false; }; }, {}, never, [".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])", "*", ".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]"], true, never>;
|
|
180
|
-
static ngAcceptInputType_extended: unknown;
|
|
113
|
+
declare class MatAnchor extends MatAnchorBase {
|
|
114
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatAnchor, never>;
|
|
115
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MatAnchor, "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", ["matButton", "matAnchor"], {}, {}, never, [".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])", "*", ".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]"], true, never>;
|
|
181
116
|
}
|
|
182
117
|
|
|
118
|
+
/** Default FAB options that can be overridden. */
|
|
119
|
+
interface MatFabDefaultOptions {
|
|
120
|
+
/**
|
|
121
|
+
* Default theme color of the button. This API is supported in M2 themes
|
|
122
|
+
* only, it has no effect in M3 themes. For color customization in M3, see https://material.angular.io/components/button/styling.
|
|
123
|
+
*
|
|
124
|
+
* For information on applying color variants in M3, see
|
|
125
|
+
* https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants.
|
|
126
|
+
*/
|
|
127
|
+
color?: ThemePalette;
|
|
128
|
+
}
|
|
129
|
+
/** Injection token to be used to override the default options for FAB. */
|
|
130
|
+
declare const MAT_FAB_DEFAULT_OPTIONS: InjectionToken<MatFabDefaultOptions>;
|
|
131
|
+
/**
|
|
132
|
+
* @docs-private
|
|
133
|
+
* @deprecated No longer used, will be removed.
|
|
134
|
+
* @breaking-change 21.0.0
|
|
135
|
+
*/
|
|
136
|
+
declare function MAT_FAB_DEFAULT_OPTIONS_FACTORY(): MatFabDefaultOptions;
|
|
183
137
|
/**
|
|
184
138
|
* Material Design floating action button (FAB) component. These buttons represent the primary
|
|
185
139
|
* or most common action for users to interact with.
|
|
@@ -187,7 +141,7 @@ export declare class MatFabAnchor extends MatAnchor {
|
|
|
187
141
|
*
|
|
188
142
|
* The `MatFabButton` class has two appearances: normal and extended.
|
|
189
143
|
*/
|
|
190
|
-
|
|
144
|
+
declare class MatFabButton extends MatButtonBase {
|
|
191
145
|
private _options;
|
|
192
146
|
_isFab: boolean;
|
|
193
147
|
extended: boolean;
|
|
@@ -196,46 +150,40 @@ export declare class MatFabButton extends MatButtonBase {
|
|
|
196
150
|
static ɵcmp: i0.ɵɵComponentDeclaration<MatFabButton, "button[mat-fab]", ["matButton"], { "extended": { "alias": "extended"; "required": false; }; }, {}, never, [".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])", "*", ".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]"], true, never>;
|
|
197
151
|
static ngAcceptInputType_extended: unknown;
|
|
198
152
|
}
|
|
199
|
-
|
|
200
|
-
/** Default FAB options that can be overridden. */
|
|
201
|
-
export declare interface MatFabDefaultOptions {
|
|
202
|
-
/**
|
|
203
|
-
* Default theme color of the button. This API is supported in M2 themes
|
|
204
|
-
* only, it has no effect in M3 themes. For color customization in M3, see https://material.angular.io/components/button/styling.
|
|
205
|
-
*
|
|
206
|
-
* For information on applying color variants in M3, see
|
|
207
|
-
* https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants.
|
|
208
|
-
*/
|
|
209
|
-
color?: ThemePalette;
|
|
210
|
-
}
|
|
211
|
-
|
|
212
153
|
/**
|
|
213
|
-
* Material Design
|
|
214
|
-
*
|
|
215
|
-
* See https://material.io/
|
|
154
|
+
* Material Design mini floating action button (FAB) component. These buttons represent the primary
|
|
155
|
+
* or most common action for users to interact with.
|
|
156
|
+
* See https://material.io/components/buttons-floating-action-button/
|
|
216
157
|
*/
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
158
|
+
declare class MatMiniFabButton extends MatButtonBase {
|
|
159
|
+
private _options;
|
|
160
|
+
_isFab: boolean;
|
|
161
|
+
constructor(...args: unknown[]);
|
|
162
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatMiniFabButton, never>;
|
|
163
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MatMiniFabButton, "button[mat-mini-fab]", ["matButton"], {}, {}, never, [".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])", "*", ".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]"], true, never>;
|
|
220
164
|
}
|
|
221
|
-
|
|
222
165
|
/**
|
|
223
|
-
* Material Design
|
|
224
|
-
*
|
|
225
|
-
* See https://material.io/
|
|
166
|
+
* Material Design floating action button (FAB) component for anchor elements. Anchor elements
|
|
167
|
+
* are used to provide links for the user to navigate across different routes or pages.
|
|
168
|
+
* See https://material.io/components/buttons-floating-action-button/
|
|
169
|
+
*
|
|
170
|
+
* The `MatFabAnchor` class has two appearances: normal and extended.
|
|
226
171
|
*/
|
|
227
|
-
|
|
172
|
+
declare class MatFabAnchor extends MatAnchor {
|
|
173
|
+
private _options;
|
|
174
|
+
_isFab: boolean;
|
|
175
|
+
extended: boolean;
|
|
228
176
|
constructor(...args: unknown[]);
|
|
229
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
230
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<
|
|
177
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatFabAnchor, never>;
|
|
178
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MatFabAnchor, "a[mat-fab]", ["matButton", "matAnchor"], { "extended": { "alias": "extended"; "required": false; }; }, {}, never, [".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])", "*", ".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]"], true, never>;
|
|
179
|
+
static ngAcceptInputType_extended: unknown;
|
|
231
180
|
}
|
|
232
|
-
|
|
233
181
|
/**
|
|
234
182
|
* Material Design mini floating action button (FAB) component for anchor elements. Anchor elements
|
|
235
183
|
* are used to provide links for the user to navigate across different routes or pages.
|
|
236
184
|
* See https://material.io/components/buttons-floating-action-button/
|
|
237
185
|
*/
|
|
238
|
-
|
|
186
|
+
declare class MatMiniFabAnchor extends MatAnchor {
|
|
239
187
|
private _options;
|
|
240
188
|
_isFab: boolean;
|
|
241
189
|
constructor(...args: unknown[]);
|
|
@@ -244,16 +192,29 @@ export declare class MatMiniFabAnchor extends MatAnchor {
|
|
|
244
192
|
}
|
|
245
193
|
|
|
246
194
|
/**
|
|
247
|
-
* Material Design
|
|
248
|
-
*
|
|
249
|
-
* See https://material.io/components/buttons-
|
|
195
|
+
* Material Design icon button component. This type of button displays a single interactive icon for
|
|
196
|
+
* users to perform an action.
|
|
197
|
+
* See https://material.io/develop/web/components/buttons/icon-buttons/
|
|
250
198
|
*/
|
|
251
|
-
|
|
252
|
-
private _options;
|
|
253
|
-
_isFab: boolean;
|
|
199
|
+
declare class MatIconButton extends MatButtonBase {
|
|
254
200
|
constructor(...args: unknown[]);
|
|
255
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
256
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<
|
|
201
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatIconButton, never>;
|
|
202
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MatIconButton, "button[mat-icon-button]", ["matButton"], {}, {}, never, ["*"], true, never>;
|
|
203
|
+
}
|
|
204
|
+
/**
|
|
205
|
+
* Material Design icon button component for anchor elements. This button displays a single
|
|
206
|
+
* interaction icon that allows users to navigate across different routes or pages.
|
|
207
|
+
* See https://material.io/develop/web/components/buttons/icon-buttons/
|
|
208
|
+
*/
|
|
209
|
+
declare class MatIconAnchor extends MatAnchorBase {
|
|
210
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatIconAnchor, never>;
|
|
211
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MatIconAnchor, "a[mat-icon-button]", ["matButton", "matAnchor"], {}, {}, never, ["*"], true, never>;
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
declare class MatButtonModule {
|
|
215
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatButtonModule, never>;
|
|
216
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<MatButtonModule, never, [typeof i1.MatCommonModule, typeof i1.MatRippleModule, typeof MatAnchor, typeof MatButton, typeof MatIconAnchor, typeof MatMiniFabAnchor, typeof MatMiniFabButton, typeof MatIconButton, typeof MatFabAnchor, typeof MatFabButton], [typeof MatAnchor, typeof MatButton, typeof MatIconAnchor, typeof MatIconButton, typeof MatMiniFabAnchor, typeof MatMiniFabButton, typeof MatFabAnchor, typeof MatFabButton, typeof i1.MatCommonModule]>;
|
|
217
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<MatButtonModule>;
|
|
257
218
|
}
|
|
258
219
|
|
|
259
|
-
export { }
|
|
220
|
+
export { MAT_BUTTON_CONFIG, MAT_FAB_DEFAULT_OPTIONS, MAT_FAB_DEFAULT_OPTIONS_FACTORY, MatAnchor, MatButton, type MatButtonConfig, MatButtonModule, MatFabAnchor, MatFabButton, type MatFabDefaultOptions, MatIconAnchor, MatIconButton, MatMiniFabAnchor, MatMiniFabButton };
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import { BaseHarnessFilters } from '@angular/cdk/testing';
|
|
2
|
-
import { ComponentHarnessConstructor } from '@angular/cdk/testing';
|
|
3
|
-
import { ContentContainerComponentHarness } from '@angular/cdk/testing';
|
|
4
|
-
import { HarnessPredicate } from '@angular/cdk/testing';
|
|
1
|
+
import { BaseHarnessFilters, ContentContainerComponentHarness, ComponentHarnessConstructor, HarnessPredicate } from '@angular/cdk/testing';
|
|
5
2
|
|
|
3
|
+
/** Possible button appearances. */
|
|
4
|
+
type ButtonVariant = 'basic' | 'raised' | 'flat' | 'icon' | 'stroked' | 'fab' | 'mini-fab';
|
|
6
5
|
/** A set of criteria that can be used to filter a list of button harness instances. */
|
|
7
|
-
|
|
6
|
+
interface ButtonHarnessFilters extends BaseHarnessFilters {
|
|
8
7
|
/** Only find instances whose text matches the given value. */
|
|
9
8
|
text?: string | RegExp;
|
|
10
9
|
/** Only find instances with a variant. */
|
|
@@ -13,11 +12,8 @@ export declare interface ButtonHarnessFilters extends BaseHarnessFilters {
|
|
|
13
12
|
disabled?: boolean;
|
|
14
13
|
}
|
|
15
14
|
|
|
16
|
-
/** Possible button appearances. */
|
|
17
|
-
export declare type ButtonVariant = 'basic' | 'raised' | 'flat' | 'icon' | 'stroked' | 'fab' | 'mini-fab';
|
|
18
|
-
|
|
19
15
|
/** Harness for interacting with a mat-button in tests. */
|
|
20
|
-
|
|
16
|
+
declare class MatButtonHarness extends ContentContainerComponentHarness {
|
|
21
17
|
static hostSelector: string;
|
|
22
18
|
/**
|
|
23
19
|
* Gets a `HarnessPredicate` that can be used to search for a button with specific attributes.
|
|
@@ -52,4 +48,4 @@ export declare class MatButtonHarness extends ContentContainerComponentHarness {
|
|
|
52
48
|
getVariant(): Promise<ButtonVariant>;
|
|
53
49
|
}
|
|
54
50
|
|
|
55
|
-
export { }
|
|
51
|
+
export { type ButtonHarnessFilters, type ButtonVariant, MatButtonHarness };
|
package/button-toggle/index.d.ts
CHANGED
|
@@ -1,136 +1,58 @@
|
|
|
1
|
-
import { AfterContentInit } from '@angular/core';
|
|
2
|
-
import { AfterViewInit } from '@angular/core';
|
|
3
|
-
import { ControlValueAccessor } from '@angular/forms';
|
|
4
1
|
import { Direction } from '@angular/cdk/bidi';
|
|
5
|
-
import { ElementRef } from '@angular/core';
|
|
6
|
-
import { EventEmitter } from '@angular/core';
|
|
7
2
|
import * as i0 from '@angular/core';
|
|
3
|
+
import { InjectionToken, OnInit, AfterContentInit, QueryList, EventEmitter, AfterViewInit, OnDestroy, ElementRef } from '@angular/core';
|
|
4
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
8
5
|
import * as i1 from '@angular/material/core';
|
|
9
|
-
import { InjectionToken } from '@angular/core';
|
|
10
|
-
import { OnDestroy } from '@angular/core';
|
|
11
|
-
import { OnInit } from '@angular/core';
|
|
12
|
-
import { QueryList } from '@angular/core';
|
|
13
6
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
7
|
+
/**
|
|
8
|
+
* @deprecated No longer used.
|
|
9
|
+
* @breaking-change 11.0.0
|
|
10
|
+
*/
|
|
11
|
+
type ToggleType = 'checkbox' | 'radio';
|
|
12
|
+
/** Possible appearance styles for the button toggle. */
|
|
13
|
+
type MatButtonToggleAppearance = 'legacy' | 'standard';
|
|
14
|
+
/**
|
|
15
|
+
* Represents the default options for the button toggle that can be configured
|
|
16
|
+
* using the `MAT_BUTTON_TOGGLE_DEFAULT_OPTIONS` injection token.
|
|
17
|
+
*/
|
|
18
|
+
interface MatButtonToggleDefaultOptions {
|
|
19
|
+
/**
|
|
20
|
+
* Default appearance to be used by button toggles. Can be overridden by explicitly
|
|
21
|
+
* setting an appearance on a button toggle or group.
|
|
22
|
+
*/
|
|
23
|
+
appearance?: MatButtonToggleAppearance;
|
|
24
|
+
/** Whether icon indicators should be hidden for single-selection button toggle groups. */
|
|
25
|
+
hideSingleSelectionIndicator?: boolean;
|
|
26
|
+
/** Whether icon indicators should be hidden for multiple-selection button toggle groups. */
|
|
27
|
+
hideMultipleSelectionIndicator?: boolean;
|
|
28
|
+
/** Whether disabled toggle buttons should be interactive. */
|
|
29
|
+
disabledInteractive?: boolean;
|
|
27
30
|
}
|
|
28
|
-
|
|
29
31
|
/**
|
|
30
32
|
* Injection token that can be used to configure the
|
|
31
33
|
* default options for all button toggles within an app.
|
|
32
34
|
*/
|
|
33
|
-
|
|
34
|
-
|
|
35
|
+
declare const MAT_BUTTON_TOGGLE_DEFAULT_OPTIONS: InjectionToken<MatButtonToggleDefaultOptions>;
|
|
36
|
+
/**
|
|
37
|
+
* @docs-private
|
|
38
|
+
* @deprecated No longer used, will be removed.
|
|
39
|
+
* @breaking-change 21.0.0
|
|
40
|
+
*/
|
|
41
|
+
declare function MAT_BUTTON_TOGGLE_GROUP_DEFAULT_OPTIONS_FACTORY(): MatButtonToggleDefaultOptions;
|
|
35
42
|
/**
|
|
36
43
|
* Injection token that can be used to reference instances of `MatButtonToggleGroup`.
|
|
37
44
|
* It serves as alternative token to the actual `MatButtonToggleGroup` class which
|
|
38
45
|
* could cause unnecessary retention of the class and its component metadata.
|
|
39
46
|
*/
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
export declare function MAT_BUTTON_TOGGLE_GROUP_DEFAULT_OPTIONS_FACTORY(): MatButtonToggleDefaultOptions;
|
|
43
|
-
|
|
47
|
+
declare const MAT_BUTTON_TOGGLE_GROUP: InjectionToken<MatButtonToggleGroup>;
|
|
44
48
|
/**
|
|
45
49
|
* Provider Expression that allows mat-button-toggle-group to register as a ControlValueAccessor.
|
|
46
50
|
* This allows it to support [(ngModel)].
|
|
47
51
|
* @docs-private
|
|
48
52
|
*/
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
/** Single button inside of a toggle group. */
|
|
52
|
-
export declare class MatButtonToggle implements OnInit, AfterViewInit, OnDestroy {
|
|
53
|
-
private _changeDetectorRef;
|
|
54
|
-
private _elementRef;
|
|
55
|
-
private _focusMonitor;
|
|
56
|
-
private _idGenerator;
|
|
57
|
-
private _animationMode;
|
|
58
|
-
private _checked;
|
|
59
|
-
/**
|
|
60
|
-
* Attached to the aria-label attribute of the host element. In most cases, aria-labelledby will
|
|
61
|
-
* take precedence so this may be omitted.
|
|
62
|
-
*/
|
|
63
|
-
ariaLabel: string;
|
|
64
|
-
/**
|
|
65
|
-
* Users can specify the `aria-labelledby` attribute which will be forwarded to the input element
|
|
66
|
-
*/
|
|
67
|
-
ariaLabelledby: string | null;
|
|
68
|
-
/** Underlying native `button` element. */
|
|
69
|
-
_buttonElement: ElementRef<HTMLButtonElement>;
|
|
70
|
-
/** The parent button toggle group (exclusive selection). Optional. */
|
|
71
|
-
buttonToggleGroup: MatButtonToggleGroup;
|
|
72
|
-
/** Unique ID for the underlying `button` element. */
|
|
73
|
-
get buttonId(): string;
|
|
74
|
-
/** The unique ID for this button toggle. */
|
|
75
|
-
id: string;
|
|
76
|
-
/** HTML's 'name' attribute used to group radios for unique selection. */
|
|
77
|
-
name: string;
|
|
78
|
-
/** MatButtonToggleGroup reads this to assign its own value. */
|
|
79
|
-
value: any;
|
|
80
|
-
/** Tabindex of the toggle. */
|
|
81
|
-
get tabIndex(): number | null;
|
|
82
|
-
set tabIndex(value: number | null);
|
|
83
|
-
private _tabIndex;
|
|
84
|
-
/** Whether ripples are disabled on the button toggle. */
|
|
85
|
-
disableRipple: boolean;
|
|
86
|
-
/** The appearance style of the button. */
|
|
87
|
-
get appearance(): MatButtonToggleAppearance;
|
|
88
|
-
set appearance(value: MatButtonToggleAppearance);
|
|
89
|
-
private _appearance;
|
|
90
|
-
/** Whether the button is checked. */
|
|
91
|
-
get checked(): boolean;
|
|
92
|
-
set checked(value: boolean);
|
|
93
|
-
/** Whether the button is disabled. */
|
|
94
|
-
get disabled(): boolean;
|
|
95
|
-
set disabled(value: boolean);
|
|
96
|
-
private _disabled;
|
|
97
|
-
/** Whether the button should remain interactive when it is disabled. */
|
|
98
|
-
get disabledInteractive(): boolean;
|
|
99
|
-
set disabledInteractive(value: boolean);
|
|
100
|
-
private _disabledInteractive;
|
|
101
|
-
/** Event emitted when the group value changes. */
|
|
102
|
-
readonly change: EventEmitter<MatButtonToggleChange>;
|
|
103
|
-
constructor(...args: unknown[]);
|
|
104
|
-
ngOnInit(): void;
|
|
105
|
-
ngAfterViewInit(): void;
|
|
106
|
-
ngOnDestroy(): void;
|
|
107
|
-
/** Focuses the button. */
|
|
108
|
-
focus(options?: FocusOptions): void;
|
|
109
|
-
/** Checks the button toggle due to an interaction with the underlying native button. */
|
|
110
|
-
_onButtonClick(): void;
|
|
111
|
-
/**
|
|
112
|
-
* Marks the button toggle as needing checking for change detection.
|
|
113
|
-
* This method is exposed because the parent button toggle group will directly
|
|
114
|
-
* update bound properties of the radio button.
|
|
115
|
-
*/
|
|
116
|
-
_markForCheck(): void;
|
|
117
|
-
/** Gets the name that should be assigned to the inner DOM node. */
|
|
118
|
-
_getButtonName(): string | null;
|
|
119
|
-
/** Whether the toggle is in single selection mode. */
|
|
120
|
-
isSingleSelector(): boolean;
|
|
121
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MatButtonToggle, never>;
|
|
122
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MatButtonToggle, "mat-button-toggle", ["matButtonToggle"], { "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disabledInteractive": { "alias": "disabledInteractive"; "required": false; }; }, { "change": "change"; }, never, ["*"], true, never>;
|
|
123
|
-
static ngAcceptInputType_disableRipple: unknown;
|
|
124
|
-
static ngAcceptInputType_checked: unknown;
|
|
125
|
-
static ngAcceptInputType_disabled: unknown;
|
|
126
|
-
static ngAcceptInputType_disabledInteractive: unknown;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
/** Possible appearance styles for the button toggle. */
|
|
130
|
-
export declare type MatButtonToggleAppearance = 'legacy' | 'standard';
|
|
131
|
-
|
|
53
|
+
declare const MAT_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR: any;
|
|
132
54
|
/** Change event object emitted by button toggle. */
|
|
133
|
-
|
|
55
|
+
declare class MatButtonToggleChange {
|
|
134
56
|
/** The button toggle that emits the event. */
|
|
135
57
|
source: MatButtonToggle;
|
|
136
58
|
/** The value assigned to the button toggle. */
|
|
@@ -141,27 +63,8 @@ export declare class MatButtonToggleChange {
|
|
|
141
63
|
/** The value assigned to the button toggle. */
|
|
142
64
|
value: any);
|
|
143
65
|
}
|
|
144
|
-
|
|
145
|
-
/**
|
|
146
|
-
* Represents the default options for the button toggle that can be configured
|
|
147
|
-
* using the `MAT_BUTTON_TOGGLE_DEFAULT_OPTIONS` injection token.
|
|
148
|
-
*/
|
|
149
|
-
export declare interface MatButtonToggleDefaultOptions {
|
|
150
|
-
/**
|
|
151
|
-
* Default appearance to be used by button toggles. Can be overridden by explicitly
|
|
152
|
-
* setting an appearance on a button toggle or group.
|
|
153
|
-
*/
|
|
154
|
-
appearance?: MatButtonToggleAppearance;
|
|
155
|
-
/** Whether icon indicators should be hidden for single-selection button toggle groups. */
|
|
156
|
-
hideSingleSelectionIndicator?: boolean;
|
|
157
|
-
/** Whether icon indicators should be hidden for multiple-selection button toggle groups. */
|
|
158
|
-
hideMultipleSelectionIndicator?: boolean;
|
|
159
|
-
/** Whether disabled toggle buttons should be interactive. */
|
|
160
|
-
disabledInteractive?: boolean;
|
|
161
|
-
}
|
|
162
|
-
|
|
163
66
|
/** Exclusive selection button toggle group that behaves like a radio-button group. */
|
|
164
|
-
|
|
67
|
+
declare class MatButtonToggleGroup implements ControlValueAccessor, OnInit, AfterContentInit {
|
|
165
68
|
private _changeDetector;
|
|
166
69
|
private _dir;
|
|
167
70
|
private _multiple;
|
|
@@ -274,17 +177,88 @@ export declare class MatButtonToggleGroup implements ControlValueAccessor, OnIni
|
|
|
274
177
|
static ngAcceptInputType_hideSingleSelectionIndicator: unknown;
|
|
275
178
|
static ngAcceptInputType_hideMultipleSelectionIndicator: unknown;
|
|
276
179
|
}
|
|
180
|
+
/** Single button inside of a toggle group. */
|
|
181
|
+
declare class MatButtonToggle implements OnInit, AfterViewInit, OnDestroy {
|
|
182
|
+
private _changeDetectorRef;
|
|
183
|
+
private _elementRef;
|
|
184
|
+
private _focusMonitor;
|
|
185
|
+
private _idGenerator;
|
|
186
|
+
private _animationMode;
|
|
187
|
+
private _checked;
|
|
188
|
+
/**
|
|
189
|
+
* Attached to the aria-label attribute of the host element. In most cases, aria-labelledby will
|
|
190
|
+
* take precedence so this may be omitted.
|
|
191
|
+
*/
|
|
192
|
+
ariaLabel: string;
|
|
193
|
+
/**
|
|
194
|
+
* Users can specify the `aria-labelledby` attribute which will be forwarded to the input element
|
|
195
|
+
*/
|
|
196
|
+
ariaLabelledby: string | null;
|
|
197
|
+
/** Underlying native `button` element. */
|
|
198
|
+
_buttonElement: ElementRef<HTMLButtonElement>;
|
|
199
|
+
/** The parent button toggle group (exclusive selection). Optional. */
|
|
200
|
+
buttonToggleGroup: MatButtonToggleGroup;
|
|
201
|
+
/** Unique ID for the underlying `button` element. */
|
|
202
|
+
get buttonId(): string;
|
|
203
|
+
/** The unique ID for this button toggle. */
|
|
204
|
+
id: string;
|
|
205
|
+
/** HTML's 'name' attribute used to group radios for unique selection. */
|
|
206
|
+
name: string;
|
|
207
|
+
/** MatButtonToggleGroup reads this to assign its own value. */
|
|
208
|
+
value: any;
|
|
209
|
+
/** Tabindex of the toggle. */
|
|
210
|
+
get tabIndex(): number | null;
|
|
211
|
+
set tabIndex(value: number | null);
|
|
212
|
+
private _tabIndex;
|
|
213
|
+
/** Whether ripples are disabled on the button toggle. */
|
|
214
|
+
disableRipple: boolean;
|
|
215
|
+
/** The appearance style of the button. */
|
|
216
|
+
get appearance(): MatButtonToggleAppearance;
|
|
217
|
+
set appearance(value: MatButtonToggleAppearance);
|
|
218
|
+
private _appearance;
|
|
219
|
+
/** Whether the button is checked. */
|
|
220
|
+
get checked(): boolean;
|
|
221
|
+
set checked(value: boolean);
|
|
222
|
+
/** Whether the button is disabled. */
|
|
223
|
+
get disabled(): boolean;
|
|
224
|
+
set disabled(value: boolean);
|
|
225
|
+
private _disabled;
|
|
226
|
+
/** Whether the button should remain interactive when it is disabled. */
|
|
227
|
+
get disabledInteractive(): boolean;
|
|
228
|
+
set disabledInteractive(value: boolean);
|
|
229
|
+
private _disabledInteractive;
|
|
230
|
+
/** Event emitted when the group value changes. */
|
|
231
|
+
readonly change: EventEmitter<MatButtonToggleChange>;
|
|
232
|
+
constructor(...args: unknown[]);
|
|
233
|
+
ngOnInit(): void;
|
|
234
|
+
ngAfterViewInit(): void;
|
|
235
|
+
ngOnDestroy(): void;
|
|
236
|
+
/** Focuses the button. */
|
|
237
|
+
focus(options?: FocusOptions): void;
|
|
238
|
+
/** Checks the button toggle due to an interaction with the underlying native button. */
|
|
239
|
+
_onButtonClick(): void;
|
|
240
|
+
/**
|
|
241
|
+
* Marks the button toggle as needing checking for change detection.
|
|
242
|
+
* This method is exposed because the parent button toggle group will directly
|
|
243
|
+
* update bound properties of the radio button.
|
|
244
|
+
*/
|
|
245
|
+
_markForCheck(): void;
|
|
246
|
+
/** Gets the name that should be assigned to the inner DOM node. */
|
|
247
|
+
_getButtonName(): string | null;
|
|
248
|
+
/** Whether the toggle is in single selection mode. */
|
|
249
|
+
isSingleSelector(): boolean;
|
|
250
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatButtonToggle, never>;
|
|
251
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MatButtonToggle, "mat-button-toggle", ["matButtonToggle"], { "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disabledInteractive": { "alias": "disabledInteractive"; "required": false; }; }, { "change": "change"; }, never, ["*"], true, never>;
|
|
252
|
+
static ngAcceptInputType_disableRipple: unknown;
|
|
253
|
+
static ngAcceptInputType_checked: unknown;
|
|
254
|
+
static ngAcceptInputType_disabled: unknown;
|
|
255
|
+
static ngAcceptInputType_disabledInteractive: unknown;
|
|
256
|
+
}
|
|
277
257
|
|
|
278
|
-
|
|
258
|
+
declare class MatButtonToggleModule {
|
|
279
259
|
static ɵfac: i0.ɵɵFactoryDeclaration<MatButtonToggleModule, never>;
|
|
280
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<MatButtonToggleModule, never, [typeof i1.MatCommonModule, typeof i1.MatRippleModule, typeof
|
|
260
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<MatButtonToggleModule, never, [typeof i1.MatCommonModule, typeof i1.MatRippleModule, typeof MatButtonToggleGroup, typeof MatButtonToggle], [typeof i1.MatCommonModule, typeof MatButtonToggleGroup, typeof MatButtonToggle]>;
|
|
281
261
|
static ɵinj: i0.ɵɵInjectorDeclaration<MatButtonToggleModule>;
|
|
282
262
|
}
|
|
283
263
|
|
|
284
|
-
|
|
285
|
-
* @deprecated No longer used.
|
|
286
|
-
* @breaking-change 11.0.0
|
|
287
|
-
*/
|
|
288
|
-
export declare type ToggleType = 'checkbox' | 'radio';
|
|
289
|
-
|
|
290
|
-
export { }
|
|
264
|
+
export { MAT_BUTTON_TOGGLE_DEFAULT_OPTIONS, MAT_BUTTON_TOGGLE_GROUP, MAT_BUTTON_TOGGLE_GROUP_DEFAULT_OPTIONS_FACTORY, MAT_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR, MatButtonToggle, type MatButtonToggleAppearance, MatButtonToggleChange, type MatButtonToggleDefaultOptions, MatButtonToggleGroup, MatButtonToggleModule, type ToggleType };
|