1 | import { _AbstractConstructor } from '@angular/material/core';
|
2 | import { AfterContentInit } from '@angular/core';
|
3 | import { AfterViewInit } from '@angular/core';
|
4 | import { BooleanInput } from '@angular/cdk/coercion';
|
5 | import { CanDisableRipple } from '@angular/material/core';
|
6 | import { ChangeDetectorRef } from '@angular/core';
|
7 | import { _Constructor } from '@angular/material/core';
|
8 | import { ControlValueAccessor } from '@angular/forms';
|
9 | import { ElementRef } from '@angular/core';
|
10 | import { EventEmitter } from '@angular/core';
|
11 | import { FocusMonitor } from '@angular/cdk/a11y';
|
12 | import * as i0 from '@angular/core';
|
13 | import * as i2 from '@angular/material/core';
|
14 | import { InjectionToken } from '@angular/core';
|
15 | import { OnDestroy } from '@angular/core';
|
16 | import { OnInit } from '@angular/core';
|
17 | import { QueryList } from '@angular/core';
|
18 |
|
19 | declare namespace i1 {
|
20 | export {
|
21 | ToggleType,
|
22 | MatButtonToggleAppearance,
|
23 | MatButtonToggleDefaultOptions,
|
24 | MAT_BUTTON_TOGGLE_DEFAULT_OPTIONS,
|
25 | MAT_BUTTON_TOGGLE_GROUP,
|
26 | MAT_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR,
|
27 | MatButtonToggleChange,
|
28 | MatButtonToggleGroup,
|
29 | MatButtonToggle
|
30 | }
|
31 | }
|
32 |
|
33 |
|
34 |
|
35 |
|
36 |
|
37 | export declare const MAT_BUTTON_TOGGLE_DEFAULT_OPTIONS: InjectionToken<MatButtonToggleDefaultOptions>;
|
38 |
|
39 |
|
40 |
|
41 |
|
42 |
|
43 |
|
44 | export declare const MAT_BUTTON_TOGGLE_GROUP: InjectionToken<MatButtonToggleGroup>;
|
45 |
|
46 |
|
47 |
|
48 |
|
49 |
|
50 |
|
51 | export declare const MAT_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR: any;
|
52 |
|
53 |
|
54 | export declare class MatButtonToggle extends _MatButtonToggleBase implements OnInit, AfterViewInit, CanDisableRipple, OnDestroy {
|
55 | private _changeDetectorRef;
|
56 | private _elementRef;
|
57 | private _focusMonitor;
|
58 | private _isSingleSelector;
|
59 | private _checked;
|
60 | |
61 |
|
62 |
|
63 |
|
64 | ariaLabel: string;
|
65 | |
66 |
|
67 |
|
68 | ariaLabelledby: string | null;
|
69 |
|
70 | _buttonElement: ElementRef<HTMLButtonElement>;
|
71 |
|
72 | buttonToggleGroup: MatButtonToggleGroup;
|
73 |
|
74 | get buttonId(): string;
|
75 |
|
76 | id: string;
|
77 |
|
78 | name: string;
|
79 |
|
80 | value: any;
|
81 |
|
82 | tabIndex: number | null;
|
83 |
|
84 | get appearance(): MatButtonToggleAppearance;
|
85 | set appearance(value: MatButtonToggleAppearance);
|
86 | private _appearance;
|
87 |
|
88 | get checked(): boolean;
|
89 | set checked(value: BooleanInput);
|
90 |
|
91 | get disabled(): boolean;
|
92 | set disabled(value: BooleanInput);
|
93 | private _disabled;
|
94 |
|
95 | readonly change: EventEmitter<MatButtonToggleChange>;
|
96 | constructor(toggleGroup: MatButtonToggleGroup, _changeDetectorRef: ChangeDetectorRef, _elementRef: ElementRef<HTMLElement>, _focusMonitor: FocusMonitor, defaultTabIndex: string, defaultOptions?: MatButtonToggleDefaultOptions);
|
97 | ngOnInit(): void;
|
98 | ngAfterViewInit(): void;
|
99 | ngOnDestroy(): void;
|
100 | /** Focuses the button. */
|
101 | focus(options?: FocusOptions): void;
|
102 | /** Checks the button toggle due to an interaction with the underlying native button. */
|
103 | _onButtonClick(): void;
|
104 | /**
|
105 | * Marks the button toggle as needing checking for change detection.
|
106 | * This method is exposed because the parent button toggle group will directly
|
107 | * update bound properties of the radio button.
|
108 | */
|
109 | _markForCheck(): void;
|
110 | static ɵfac: i0.ɵɵFactoryDeclaration<MatButtonToggle, [{ optional: true; }, null, null, null, { attribute: "tabindex"; }, { optional: true; }]>;
|
111 | static ɵcmp: i0.ɵɵComponentDeclaration<MatButtonToggle, "mat-button-toggle", ["matButtonToggle"], { "disableRipple": "disableRipple"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; "id": "id"; "name": "name"; "value": "value"; "tabIndex": "tabIndex"; "appearance": "appearance"; "checked": "checked"; "disabled": "disabled"; }, { "change": "change"; }, never, ["*"], false>;
|
112 | }
|
113 |
|
114 |
|
115 | export declare type MatButtonToggleAppearance = 'legacy' | 'standard';
|
116 |
|
117 |
|
118 | declare const _MatButtonToggleBase: _Constructor<CanDisableRipple> & _AbstractConstructor<CanDisableRipple> & {
|
119 | new (): {};
|
120 | };
|
121 |
|
122 |
|
123 | export declare class MatButtonToggleChange {
|
124 |
|
125 | source: MatButtonToggle;
|
126 |
|
127 | value: any;
|
128 | constructor(
|
129 |
|
130 | source: MatButtonToggle,
|
131 |
|
132 | value: any);
|
133 | }
|
134 |
|
135 | /**
|
136 | * Represents the default options for the button toggle that can be configured
|
137 | * using the `MAT_BUTTON_TOGGLE_DEFAULT_OPTIONS` injection token.
|
138 | */
|
139 | export declare interface MatButtonToggleDefaultOptions {
|
140 | |
141 |
|
142 |
|
143 |
|
144 | appearance?: MatButtonToggleAppearance;
|
145 | }
|
146 |
|
147 |
|
148 | export declare class MatButtonToggleGroup implements ControlValueAccessor, OnInit, AfterContentInit {
|
149 | private _changeDetector;
|
150 | private _vertical;
|
151 | private _multiple;
|
152 | private _disabled;
|
153 | private _selectionModel;
|
154 | |
155 |
|
156 |
|
157 |
|
158 |
|
159 |
|
160 | private _rawValue;
|
161 | |
162 |
|
163 |
|
164 |
|
165 | _controlValueAccessorChangeFn: (value: any) => void;
|
166 |
|
167 | _onTouched: () => any;
|
168 |
|
169 | _buttonToggles: QueryList<MatButtonToggle>;
|
170 |
|
171 | appearance: MatButtonToggleAppearance;
|
172 |
|
173 | get name(): string;
|
174 | set name(value: string);
|
175 | private _name;
|
176 |
|
177 | get vertical(): boolean;
|
178 | set vertical(value: BooleanInput);
|
179 |
|
180 | get value(): any;
|
181 | set value(newValue: any);
|
182 | |
183 |
|
184 |
|
185 |
|
186 |
|
187 | readonly valueChange: EventEmitter<any>;
|
188 |
|
189 | get selected(): MatButtonToggle | MatButtonToggle[];
|
190 |
|
191 | get multiple(): boolean;
|
192 | set multiple(value: BooleanInput);
|
193 |
|
194 | get disabled(): boolean;
|
195 | set disabled(value: BooleanInput);
|
196 |
|
197 | readonly change: EventEmitter<MatButtonToggleChange>;
|
198 | constructor(_changeDetector: ChangeDetectorRef, defaultOptions?: MatButtonToggleDefaultOptions);
|
199 | ngOnInit(): void;
|
200 | ngAfterContentInit(): void;
|
201 | /**
|
202 | * Sets the model value. Implemented as part of ControlValueAccessor.
|
203 | * @param value Value to be set to the model.
|
204 | */
|
205 | writeValue(value: any): void;
|
206 | registerOnChange(fn: (value: any) => void): void;
|
207 | registerOnTouched(fn: any): void;
|
208 | setDisabledState(isDisabled: boolean): void;
|
209 | /** Dispatch change event with current selection and group value. */
|
210 | _emitChangeEvent(): void;
|
211 | /**
|
212 | * Syncs a button toggle's selected state with the model value.
|
213 | * @param toggle Toggle to be synced.
|
214 | * @param select Whether the toggle should be selected.
|
215 | * @param isUserInput Whether the change was a result of a user interaction.
|
216 | * @param deferEvents Whether to defer emitting the change events.
|
217 | */
|
218 | _syncButtonToggle(toggle: MatButtonToggle, select: boolean, isUserInput?: boolean, deferEvents?: boolean): void;
|
219 | /** Checks whether a button toggle is selected. */
|
220 | _isSelected(toggle: MatButtonToggle): boolean;
|
221 | /** Determines whether a button toggle should be checked on init. */
|
222 | _isPrechecked(toggle: MatButtonToggle): boolean;
|
223 | /** Updates the selection state of the toggles in the group based on a value. */
|
224 | private _setSelectionByValue;
|
225 | /** Clears the selected toggles. */
|
226 | private _clearSelection;
|
227 | /** Selects a value if there's a toggle that corresponds to it. */
|
228 | private _selectValue;
|
229 | /** Syncs up the group's value with the model and emits the change event. */
|
230 | private _updateModelValue;
|
231 | static ɵfac: i0.ɵɵFactoryDeclaration<MatButtonToggleGroup, [null, { optional: true; }]>;
|
232 | static ɵdir: i0.ɵɵDirectiveDeclaration<MatButtonToggleGroup, "mat-button-toggle-group", ["matButtonToggleGroup"], { "appearance": "appearance"; "name": "name"; "vertical": "vertical"; "value": "value"; "multiple": "multiple"; "disabled": "disabled"; }, { "valueChange": "valueChange"; "change": "change"; }, ["_buttonToggles"], never, false>;
|
233 | }
|
234 |
|
235 | export declare class MatButtonToggleModule {
|
236 | static ɵfac: i0.ɵɵFactoryDeclaration<MatButtonToggleModule, never>;
|
237 | static ɵmod: i0.ɵɵNgModuleDeclaration<MatButtonToggleModule, [typeof i1.MatButtonToggleGroup, typeof i1.MatButtonToggle], [typeof i2.MatCommonModule, typeof i2.MatRippleModule], [typeof i2.MatCommonModule, typeof i1.MatButtonToggleGroup, typeof i1.MatButtonToggle]>;
|
238 | static ɵinj: i0.ɵɵInjectorDeclaration<MatButtonToggleModule>;
|
239 | }
|
240 |
|
241 |
|
242 |
|
243 |
|
244 |
|
245 | export declare type ToggleType = 'checkbox' | 'radio';
|
246 |
|
247 | export { }
|