@awc-ui/angular 0.0.0-snapshot.20260820120614.cae27aa
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/LICENSE +21 -0
- package/README.md +41 -0
- package/awc-ui.module.d.ts +67 -0
- package/directives/angular-component-lib/utils.d.ts +9 -0
- package/directives/boolean-value-accessor.d.ts +9 -0
- package/directives/index.d.ts +2 -0
- package/directives/number-value-accessor.d.ts +9 -0
- package/directives/proxies.d.ts +2005 -0
- package/directives/radio-value-accessor.d.ts +8 -0
- package/directives/select-value-accessor.d.ts +8 -0
- package/directives/switch-value-accessor.d.ts +21 -0
- package/directives/text-value-accessor.d.ts +8 -0
- package/directives/value-accessor.d.ts +18 -0
- package/esm2022/awc-ui-angular.mjs +5 -0
- package/esm2022/awc-ui.module.mjs +101 -0
- package/esm2022/directives/angular-component-lib/utils.mjs +59 -0
- package/esm2022/directives/boolean-value-accessor.mjs +38 -0
- package/esm2022/directives/index.mjs +85 -0
- package/esm2022/directives/number-value-accessor.mjs +40 -0
- package/esm2022/directives/proxies.mjs +2132 -0
- package/esm2022/directives/radio-value-accessor.mjs +35 -0
- package/esm2022/directives/select-value-accessor.mjs +35 -0
- package/esm2022/directives/switch-value-accessor.mjs +50 -0
- package/esm2022/directives/text-value-accessor.mjs +35 -0
- package/esm2022/directives/value-accessor.mjs +40 -0
- package/esm2022/index.mjs +15 -0
- package/fesm2022/awc-ui-angular.mjs +2537 -0
- package/fesm2022/awc-ui-angular.mjs.map +1 -0
- package/index.d.ts +11 -0
- package/package.json +45 -0
|
@@ -0,0 +1,2005 @@
|
|
|
1
|
+
import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
|
|
2
|
+
import { Components } from '@awc-ui/core';
|
|
3
|
+
import type { MdAccordionDragDetail as IMdAccordionMdAccordionDragDetail } from '@awc-ui/core';
|
|
4
|
+
import type { MdChartClickDetail as IMdAreaChartMdChartClickDetail } from '@awc-ui/core';
|
|
5
|
+
import type { MdChartSeries as IMdAreaChartMdChartSeries } from '@awc-ui/core';
|
|
6
|
+
import type { MdChartAxisClickDetail as IMdAreaChartMdChartAxisClickDetail } from '@awc-ui/core';
|
|
7
|
+
import type { MdChartHoverDetail as IMdAreaChartMdChartHoverDetail } from '@awc-ui/core';
|
|
8
|
+
import type { MdChartClickDetail as IMdBarChartMdChartClickDetail } from '@awc-ui/core';
|
|
9
|
+
import type { MdChartSeries as IMdBarChartMdChartSeries } from '@awc-ui/core';
|
|
10
|
+
import type { MdChartHoverDetail as IMdBarChartMdChartHoverDetail } from '@awc-ui/core';
|
|
11
|
+
import type { MdBreadcrumbSelectDetail as IMdBreadcrumbItemMdBreadcrumbSelectDetail } from '@awc-ui/core';
|
|
12
|
+
import type { MdBreadcrumbsExpandDetail as IMdBreadcrumbsMdBreadcrumbsExpandDetail } from '@awc-ui/core';
|
|
13
|
+
import type { MdButtonClickDetail as IMdButtonMdButtonClickDetail } from '@awc-ui/core';
|
|
14
|
+
import type { MdButtonChangeDetail as IMdButtonMdButtonChangeDetail } from '@awc-ui/core';
|
|
15
|
+
import type { MdButtonGroupChangeDetail as IMdButtonGroupMdButtonGroupChangeDetail } from '@awc-ui/core';
|
|
16
|
+
import type { MdCardDragDetail as IMdCardMdCardDragDetail } from '@awc-ui/core';
|
|
17
|
+
import type { MdDatePickerChangeDetail as IMdDatePickerMdDatePickerChangeDetail } from '@awc-ui/core';
|
|
18
|
+
import type { MdDatePickerSelectedDetail as IMdDatePickerMdDatePickerSelectedDetail } from '@awc-ui/core';
|
|
19
|
+
import type { MdDatePickerViewChangeDetail as IMdDatePickerMdDatePickerViewChangeDetail } from '@awc-ui/core';
|
|
20
|
+
import type { MdDatePickerMenuOpenDetail as IMdDatePickerMdDatePickerMenuOpenDetail } from '@awc-ui/core';
|
|
21
|
+
import type { MdDatePickerMenuSelectDetail as IMdDatePickerMdDatePickerMenuSelectDetail } from '@awc-ui/core';
|
|
22
|
+
import type { MdDatePickerModeChangeDetail as IMdDatePickerMdDatePickerModeChangeDetail } from '@awc-ui/core';
|
|
23
|
+
import type { MdChartClickDetail as IMdLineChartMdChartClickDetail } from '@awc-ui/core';
|
|
24
|
+
import type { MdChartXYSeries as IMdLineChartMdChartXYSeries } from '@awc-ui/core';
|
|
25
|
+
import type { MdChartAxisClickDetail as IMdLineChartMdChartAxisClickDetail } from '@awc-ui/core';
|
|
26
|
+
import type { MdChartHoverDetail as IMdLineChartMdChartHoverDetail } from '@awc-ui/core';
|
|
27
|
+
import type { MdListSelectDetail as IMdListMdListSelectDetail } from '@awc-ui/core';
|
|
28
|
+
import type { MdListItemExpandDetail as IMdListItemMdListItemExpandDetail } from '@awc-ui/core';
|
|
29
|
+
import type { MdNumberFieldChangeDetail as IMdNumberFieldMdNumberFieldChangeDetail } from '@awc-ui/core';
|
|
30
|
+
import type { OrgChartSelectionChangeDetail as IMdOrganizationChartOrgChartSelectionChangeDetail } from '@awc-ui/core';
|
|
31
|
+
import type { OrgChartToggleDetail as IMdOrganizationChartOrgChartToggleDetail } from '@awc-ui/core';
|
|
32
|
+
import type { MdOtpFieldCompleteDetail as IMdOtpFieldMdOtpFieldCompleteDetail } from '@awc-ui/core';
|
|
33
|
+
import type { MdOtpFieldInvalidDetail as IMdOtpFieldMdOtpFieldInvalidDetail } from '@awc-ui/core';
|
|
34
|
+
import type { MdOtpFieldValidityDetail as IMdOtpFieldMdOtpFieldValidityDetail } from '@awc-ui/core';
|
|
35
|
+
import type { MdChartClickDetail as IMdPieChartMdChartClickDetail } from '@awc-ui/core';
|
|
36
|
+
import type { MdPieDatum as IMdPieChartMdPieDatum } from '@awc-ui/core';
|
|
37
|
+
import type { MdSearchLeadingIconClickDetail as IMdSearchMdSearchLeadingIconClickDetail } from '@awc-ui/core';
|
|
38
|
+
import type { MdSearchTrailingIconClickDetail as IMdSearchMdSearchTrailingIconClickDetail } from '@awc-ui/core';
|
|
39
|
+
import type { MdSliderValueDetail as IMdSliderMdSliderValueDetail } from '@awc-ui/core';
|
|
40
|
+
import type { MdSliderThumbDetail as IMdSliderMdSliderThumbDetail } from '@awc-ui/core';
|
|
41
|
+
import type { MdSliderDragDetail as IMdSliderMdSliderDragDetail } from '@awc-ui/core';
|
|
42
|
+
import type { MdTableSortState as IMdTableMdTableSortState } from '@awc-ui/core';
|
|
43
|
+
import type { MdTableSelectionState as IMdTableMdTableSelectionState } from '@awc-ui/core';
|
|
44
|
+
import type { MdTimePickerChangeDetail as IMdTimePickerMdTimePickerChangeDetail } from '@awc-ui/core';
|
|
45
|
+
import type { MdTimePickerModeChangeDetail as IMdTimePickerMdTimePickerModeChangeDetail } from '@awc-ui/core';
|
|
46
|
+
import * as i0 from "@angular/core";
|
|
47
|
+
export declare class MdAccordion {
|
|
48
|
+
protected z: NgZone;
|
|
49
|
+
protected el: HTMLElement;
|
|
50
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
51
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdAccordion, never>;
|
|
52
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdAccordion, "md-accordion", never, { "bringToFront": { "alias": "bringToFront"; "required": false; }; "defaultExpanded": { "alias": "defaultExpanded"; "required": false; }; "density": { "alias": "density"; "required": false; }; "elevation": { "alias": "elevation"; "required": false; }; "exclusive": { "alias": "exclusive"; "required": false; }; "floating": { "alias": "floating"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; "initialX": { "alias": "initialX"; "required": false; }; "initialY": { "alias": "initialY"; "required": false; }; "keepOneExpanded": { "alias": "keepOneExpanded"; "required": false; }; "region": { "alias": "region"; "required": false; }; "regionThreshold": { "alias": "regionThreshold"; "required": false; }; "reorderable": { "alias": "reorderable"; "required": false; }; "transition": { "alias": "transition"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
53
|
+
}
|
|
54
|
+
export declare interface MdAccordion extends Components.MdAccordion {
|
|
55
|
+
/**
|
|
56
|
+
* Emitted when an item expands or collapses. Detail carries the
|
|
57
|
+
full set of expanded indices.
|
|
58
|
+
*/
|
|
59
|
+
mdToggle: EventEmitter<CustomEvent<{
|
|
60
|
+
index: number;
|
|
61
|
+
expanded: boolean;
|
|
62
|
+
expandedIndices: number[];
|
|
63
|
+
}>>;
|
|
64
|
+
/**
|
|
65
|
+
* Emitted when items are reordered via drag-and-drop or keyboard
|
|
66
|
+
(Alt+ArrowUp / Alt+ArrowDown). `order` is the new index sequence
|
|
67
|
+
relative to the original order, e.g. moving the item that was at
|
|
68
|
+
index 0 to index 2 yields `order: [1, 2, 0]`.
|
|
69
|
+
*/
|
|
70
|
+
mdReorder: EventEmitter<CustomEvent<{
|
|
71
|
+
from: number;
|
|
72
|
+
to: number;
|
|
73
|
+
order: number[];
|
|
74
|
+
}>>;
|
|
75
|
+
/**
|
|
76
|
+
* Emitted once a floating panel starts being dragged.
|
|
77
|
+
*/
|
|
78
|
+
mdDragStart: EventEmitter<CustomEvent<IMdAccordionMdAccordionDragDetail>>;
|
|
79
|
+
/**
|
|
80
|
+
* Emitted continuously while a floating panel is being dragged.
|
|
81
|
+
*/
|
|
82
|
+
mdDragMove: EventEmitter<CustomEvent<IMdAccordionMdAccordionDragDetail>>;
|
|
83
|
+
/**
|
|
84
|
+
* Emitted when a floating panel is released.
|
|
85
|
+
*/
|
|
86
|
+
mdDragEnd: EventEmitter<CustomEvent<IMdAccordionMdAccordionDragDetail>>;
|
|
87
|
+
}
|
|
88
|
+
export declare class MdAccordionItem {
|
|
89
|
+
protected z: NgZone;
|
|
90
|
+
protected el: HTMLElement;
|
|
91
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
92
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdAccordionItem, never>;
|
|
93
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdAccordionItem, "md-accordion-item", never, { "collapsible": { "alias": "collapsible"; "required": false; }; "contentMaxHeight": { "alias": "contentMaxHeight"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; "headline": { "alias": "headline"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "regionRole": { "alias": "regionRole"; "required": false; }; "supportingText": { "alias": "supportingText"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
94
|
+
}
|
|
95
|
+
export declare interface MdAccordionItem extends Components.MdAccordionItem {
|
|
96
|
+
/**
|
|
97
|
+
* Emitted whenever the item toggles. The parent `md-accordion` uses
|
|
98
|
+
this to coordinate exclusive mode.
|
|
99
|
+
*/
|
|
100
|
+
mdItemToggle: EventEmitter<CustomEvent<{
|
|
101
|
+
expanded: boolean;
|
|
102
|
+
index: number;
|
|
103
|
+
}>>;
|
|
104
|
+
/**
|
|
105
|
+
* Internal event the parent listens to for arrow-key roving focus.
|
|
106
|
+
Bubbles + composed so the parent receives it through the shadow.
|
|
107
|
+
*/
|
|
108
|
+
mdItemRequestFocus: EventEmitter<CustomEvent<{
|
|
109
|
+
direction: 'next' | 'prev' | 'first' | 'last';
|
|
110
|
+
from: number;
|
|
111
|
+
}>>;
|
|
112
|
+
/**
|
|
113
|
+
* Internal event the parent listens to for Alt+Arrow keyboard
|
|
114
|
+
reordering. Bubbles + composed so the parent receives it
|
|
115
|
+
through the shadow.
|
|
116
|
+
*/
|
|
117
|
+
mdItemRequestReorder: EventEmitter<CustomEvent<{
|
|
118
|
+
direction: 'up' | 'down';
|
|
119
|
+
from: number;
|
|
120
|
+
}>>;
|
|
121
|
+
}
|
|
122
|
+
export declare class MdAppBar {
|
|
123
|
+
protected z: NgZone;
|
|
124
|
+
protected el: HTMLElement;
|
|
125
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
126
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdAppBar, never>;
|
|
127
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdAppBar, "md-app-bar", never, { "density": { "alias": "density"; "required": false; }; "headline": { "alias": "headline"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "leadingIconLabel": { "alias": "leadingIconLabel"; "required": false; }; "scrolled": { "alias": "scrolled"; "required": false; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; }; "searchDisabled": { "alias": "searchDisabled"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "searchValue": { "alias": "searchValue"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "titleAlignment": { "alias": "titleAlignment"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
128
|
+
}
|
|
129
|
+
export declare interface MdAppBar extends Components.MdAppBar {
|
|
130
|
+
/**
|
|
131
|
+
* Emitted when the prop-based leading icon button is activated.
|
|
132
|
+
*/
|
|
133
|
+
mdLeadingClick: EventEmitter<CustomEvent<MouseEvent>>;
|
|
134
|
+
/**
|
|
135
|
+
* Search variant only: emitted when the inline search field is selected
|
|
136
|
+
(click, focus, Enter, or Space). Wire this to `md-search.show()` to open
|
|
137
|
+
the full-screen search view per the MD3 spec.
|
|
138
|
+
*/
|
|
139
|
+
mdSearchActivate: EventEmitter<CustomEvent<{
|
|
140
|
+
value: string;
|
|
141
|
+
}>>;
|
|
142
|
+
/**
|
|
143
|
+
* Search variant only: emitted on every inline search field input change.
|
|
144
|
+
*/
|
|
145
|
+
mdSearchInput: EventEmitter<CustomEvent<{
|
|
146
|
+
value: string;
|
|
147
|
+
}>>;
|
|
148
|
+
}
|
|
149
|
+
export declare class MdAreaChart {
|
|
150
|
+
protected z: NgZone;
|
|
151
|
+
protected el: HTMLElement;
|
|
152
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
153
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdAreaChart, never>;
|
|
154
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdAreaChart, "md-area-chart", never, { "animation": { "alias": "animation"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "axisTicks": { "alias": "axisTicks"; "required": false; }; "connectNulls": { "alias": "connectNulls"; "required": false; }; "curve": { "alias": "curve"; "required": false; }; "density": { "alias": "density"; "required": false; }; "fillOpacity": { "alias": "fillOpacity"; "required": false; }; "grid": { "alias": "grid"; "required": false; }; "heightProp": { "alias": "heightProp"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelEmpty": { "alias": "labelEmpty"; "required": false; }; "labelPlot": { "alias": "labelPlot"; "required": false; }; "labelPoint": { "alias": "labelPoint"; "required": false; }; "labelZoomEnd": { "alias": "labelZoomEnd"; "required": false; }; "labelZoomStart": { "alias": "labelZoomStart"; "required": false; }; "legend": { "alias": "legend"; "required": false; }; "lineWidth": { "alias": "lineWidth"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "markSize": { "alias": "markSize"; "required": false; }; "noAnimation": { "alias": "noAnimation"; "required": false; }; "series": { "alias": "series"; "required": false; }; "seriesLabels": { "alias": "seriesLabels"; "required": false; }; "showLabels": { "alias": "showLabels"; "required": false; }; "showLine": { "alias": "showLine"; "required": false; }; "showMarks": { "alias": "showMarks"; "required": false; }; "stack": { "alias": "stack"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "summary": { "alias": "summary"; "required": false; }; "tableLabels": { "alias": "tableLabels"; "required": false; }; "titleAlign": { "alias": "titleAlign"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipRenderer": { "alias": "tooltipRenderer"; "required": false; }; "valueFormatter": { "alias": "valueFormatter"; "required": false; }; "xAxis": { "alias": "xAxis"; "required": false; }; "yAxis": { "alias": "yAxis"; "required": false; }; "zoom": { "alias": "zoom"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
155
|
+
}
|
|
156
|
+
export declare interface MdAreaChart extends Components.MdAreaChart {
|
|
157
|
+
mdMarkerClick: EventEmitter<CustomEvent<IMdAreaChartMdChartClickDetail<IMdAreaChartMdChartSeries>>>;
|
|
158
|
+
/**
|
|
159
|
+
* Fires when a series' drawn line is clicked *between* its data points (a
|
|
160
|
+
click on a point emits `mdMarkerClick` instead).
|
|
161
|
+
*/
|
|
162
|
+
mdLineClick: EventEmitter<CustomEvent<IMdAreaChartMdChartClickDetail<IMdAreaChartMdChartSeries>>>;
|
|
163
|
+
/**
|
|
164
|
+
* Fires when a series' filled area is clicked — the band between its line
|
|
165
|
+
and its base (its own band when stacked), excluding its line and points.
|
|
166
|
+
*/
|
|
167
|
+
mdAreaClick: EventEmitter<CustomEvent<IMdAreaChartMdChartClickDetail<IMdAreaChartMdChartSeries>>>;
|
|
168
|
+
/**
|
|
169
|
+
* Fires when the plot background is clicked (inside the plot, but not on a
|
|
170
|
+
mark, line or area): the nearest x plus every visible series' value there.
|
|
171
|
+
*/
|
|
172
|
+
mdAxisClick: EventEmitter<CustomEvent<IMdAreaChartMdChartAxisClickDetail>>;
|
|
173
|
+
mdLegendClick: EventEmitter<CustomEvent<{
|
|
174
|
+
seriesIndex: number;
|
|
175
|
+
seriesId?: string;
|
|
176
|
+
selected: boolean;
|
|
177
|
+
}>>;
|
|
178
|
+
mdHover: EventEmitter<CustomEvent<IMdAreaChartMdChartHoverDetail>>;
|
|
179
|
+
mdReady: EventEmitter<CustomEvent<void>>;
|
|
180
|
+
/**
|
|
181
|
+
* Fires when the zoom window changes (drag, slider or `setZoom`/`resetZoom`).
|
|
182
|
+
*/
|
|
183
|
+
mdZoom: EventEmitter<CustomEvent<{
|
|
184
|
+
startIndex: number;
|
|
185
|
+
endIndex: number;
|
|
186
|
+
reset: boolean;
|
|
187
|
+
}>>;
|
|
188
|
+
}
|
|
189
|
+
export declare class MdAutocomplete {
|
|
190
|
+
protected z: NgZone;
|
|
191
|
+
protected el: HTMLElement;
|
|
192
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
193
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdAutocomplete, never>;
|
|
194
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdAutocomplete, "md-autocomplete", never, { "chipPosition": { "alias": "chipPosition"; "required": false; }; "clearIcon": { "alias": "clearIcon"; "required": false; }; "clearOnBlur": { "alias": "clearOnBlur"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disableCloseOnSelect": { "alias": "disableCloseOnSelect"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "filterMode": { "alias": "filterMode"; "required": false; }; "filterer": { "alias": "filterer"; "required": false; }; "freeSolo": { "alias": "freeSolo"; "required": false; }; "inputValue": { "alias": "inputValue"; "required": false; }; "label": { "alias": "label"; "required": false; }; "limitResults": { "alias": "limitResults"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "matchTriggerWidth": { "alias": "matchTriggerWidth"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "maxSelected": { "alias": "maxSelected"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "noOptionsText": { "alias": "noOptionsText"; "required": false; }; "noResultsText": { "alias": "noResultsText"; "required": false; }; "open": { "alias": "open"; "required": false; }; "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "required": { "alias": "required"; "required": false; }; "reserveSupportingSpace": { "alias": "reserveSupportingSpace"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "softDisabled": { "alias": "softDisabled"; "required": false; }; "statusTemplate": { "alias": "statusTemplate"; "required": false; }; "supportingText": { "alias": "supportingText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueMissingLabel": { "alias": "valueMissingLabel"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "virtualize": { "alias": "virtualize"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
195
|
+
}
|
|
196
|
+
export declare interface MdAutocomplete extends Components.MdAutocomplete {
|
|
197
|
+
/**
|
|
198
|
+
* Fires whenever the committed selection changes.
|
|
199
|
+
*/
|
|
200
|
+
mdChange: EventEmitter<CustomEvent<string | string[]>>;
|
|
201
|
+
/**
|
|
202
|
+
* Fires whenever the live input string changes.
|
|
203
|
+
*/
|
|
204
|
+
mdInput: EventEmitter<CustomEvent<string>>;
|
|
205
|
+
/**
|
|
206
|
+
* Fires when the menu opens.
|
|
207
|
+
*/
|
|
208
|
+
mdOpen: EventEmitter<CustomEvent<void>>;
|
|
209
|
+
/**
|
|
210
|
+
* Fires when the menu closes.
|
|
211
|
+
*/
|
|
212
|
+
mdClose: EventEmitter<CustomEvent<void>>;
|
|
213
|
+
/**
|
|
214
|
+
* Fires when the user clears the value.
|
|
215
|
+
*/
|
|
216
|
+
mdClear: EventEmitter<CustomEvent<void>>;
|
|
217
|
+
/**
|
|
218
|
+
* Fires when this control's validity CHANGES — never on every keystroke, and
|
|
219
|
+
never for a re-publish that lands on the same state.
|
|
220
|
+
|
|
221
|
+
`composed: false` is deliberate. Composites like md-select embed an
|
|
222
|
+
md-text-field, and a composed event escapes that inner shadow root, so a
|
|
223
|
+
listener on md-select would receive the inner field's event as well as the
|
|
224
|
+
host's — two events, different payloads, for one logical control. Keeping
|
|
225
|
+
it uncomposed means each component reports only for itself, while
|
|
226
|
+
`bubbles: true` still lets a <form> or app root hear every control.
|
|
227
|
+
*/
|
|
228
|
+
mdValidityChange: EventEmitter<CustomEvent<{
|
|
229
|
+
valid: boolean;
|
|
230
|
+
validationMessage: string;
|
|
231
|
+
flags: Record<string, boolean>;
|
|
232
|
+
}>>;
|
|
233
|
+
}
|
|
234
|
+
export declare class MdAvatar {
|
|
235
|
+
protected z: NgZone;
|
|
236
|
+
protected el: HTMLElement;
|
|
237
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
238
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdAvatar, never>;
|
|
239
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdAvatar, "md-avatar", never, { "alt": { "alias": "alt"; "required": false; }; "colorFromName": { "alias": "colorFromName"; "required": false; }; "crossorigin": { "alias": "crossorigin"; "required": false; }; "density": { "alias": "density"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "name": { "alias": "name"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "src": { "alias": "src"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
240
|
+
}
|
|
241
|
+
export declare interface MdAvatar extends Components.MdAvatar {
|
|
242
|
+
/**
|
|
243
|
+
* Image successfully loaded.
|
|
244
|
+
*/
|
|
245
|
+
mdLoad: EventEmitter<CustomEvent<{
|
|
246
|
+
src: string;
|
|
247
|
+
}>>;
|
|
248
|
+
/**
|
|
249
|
+
* Image failed to load — component fell back to initials/icon.
|
|
250
|
+
*/
|
|
251
|
+
mdError: EventEmitter<CustomEvent<{
|
|
252
|
+
src: string;
|
|
253
|
+
}>>;
|
|
254
|
+
}
|
|
255
|
+
export declare class MdBadge {
|
|
256
|
+
protected z: NgZone;
|
|
257
|
+
protected el: HTMLElement;
|
|
258
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
259
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdBadge, never>;
|
|
260
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdBadge, "md-badge", never, { "density": { "alias": "density"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "max": { "alias": "max"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
261
|
+
}
|
|
262
|
+
export declare interface MdBadge extends Components.MdBadge {
|
|
263
|
+
}
|
|
264
|
+
export declare class MdBarChart {
|
|
265
|
+
protected z: NgZone;
|
|
266
|
+
protected el: HTMLElement;
|
|
267
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
268
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdBarChart, never>;
|
|
269
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdBarChart, "md-bar-chart", never, { "animation": { "alias": "animation"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "axisTicks": { "alias": "axisTicks"; "required": false; }; "barGap": { "alias": "barGap"; "required": false; }; "barWidth": { "alias": "barWidth"; "required": false; }; "categoryGap": { "alias": "categoryGap"; "required": false; }; "chevron": { "alias": "chevron"; "required": false; }; "clickable": { "alias": "clickable"; "required": false; }; "cornerRadius": { "alias": "cornerRadius"; "required": false; }; "density": { "alias": "density"; "required": false; }; "heightProp": { "alias": "heightProp"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlot": { "alias": "labelPlot"; "required": false; }; "labelPoint": { "alias": "labelPoint"; "required": false; }; "labelZoomEnd": { "alias": "labelZoomEnd"; "required": false; }; "labelZoomStart": { "alias": "labelZoomStart"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "legend": { "alias": "legend"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "noAnimation": { "alias": "noAnimation"; "required": false; }; "polar": { "alias": "polar"; "required": false; }; "polarHole": { "alias": "polarHole"; "required": false; }; "polarSweep": { "alias": "polarSweep"; "required": false; }; "series": { "alias": "series"; "required": false; }; "showLabels": { "alias": "showLabels"; "required": false; }; "showTotals": { "alias": "showTotals"; "required": false; }; "stack": { "alias": "stack"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "titleAlign": { "alias": "titleAlign"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipRenderer": { "alias": "tooltipRenderer"; "required": false; }; "valueFormatter": { "alias": "valueFormatter"; "required": false; }; "xAxis": { "alias": "xAxis"; "required": false; }; "yAxis": { "alias": "yAxis"; "required": false; }; "yAxis2": { "alias": "yAxis2"; "required": false; }; "zoom": { "alias": "zoom"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
270
|
+
}
|
|
271
|
+
export declare interface MdBarChart extends Components.MdBarChart {
|
|
272
|
+
mdBarClick: EventEmitter<CustomEvent<IMdBarChartMdChartClickDetail<IMdBarChartMdChartSeries>>>;
|
|
273
|
+
mdLegendClick: EventEmitter<CustomEvent<{
|
|
274
|
+
seriesIndex: number;
|
|
275
|
+
seriesId?: string;
|
|
276
|
+
selected: boolean;
|
|
277
|
+
}>>;
|
|
278
|
+
mdHover: EventEmitter<CustomEvent<IMdBarChartMdChartHoverDetail>>;
|
|
279
|
+
mdReady: EventEmitter<CustomEvent<void>>;
|
|
280
|
+
/**
|
|
281
|
+
* Fires when the zoom window changes (drag, slider, or `setZoom`/`resetZoom`).
|
|
282
|
+
*/
|
|
283
|
+
mdZoom: EventEmitter<CustomEvent<{
|
|
284
|
+
startIndex: number;
|
|
285
|
+
endIndex: number;
|
|
286
|
+
reset: boolean;
|
|
287
|
+
}>>;
|
|
288
|
+
}
|
|
289
|
+
export declare class MdBottomSheet {
|
|
290
|
+
protected z: NgZone;
|
|
291
|
+
protected el: HTMLElement;
|
|
292
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
293
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdBottomSheet, never>;
|
|
294
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdBottomSheet, "md-bottom-sheet", never, { "bottomDivider": { "alias": "bottomDivider"; "required": false; }; "closeable": { "alias": "closeable"; "required": false; }; "contentAlign": { "alias": "contentAlign"; "required": false; }; "density": { "alias": "density"; "required": false; }; "headline": { "alias": "headline"; "required": false; }; "headlineAlign": { "alias": "headlineAlign"; "required": false; }; "open": { "alias": "open"; "required": false; }; "scrimDismissible": { "alias": "scrimDismissible"; "required": false; }; "scrollShadow": { "alias": "scrollShadow"; "required": false; }; "sheetAriaLabel": { "alias": "sheetAriaLabel"; "required": false; }; "showDragHandle": { "alias": "showDragHandle"; "required": false; }; "topDivider": { "alias": "topDivider"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
295
|
+
}
|
|
296
|
+
export declare interface MdBottomSheet extends Components.MdBottomSheet {
|
|
297
|
+
/**
|
|
298
|
+
* Emits when the sheet opens
|
|
299
|
+
*/
|
|
300
|
+
mdOpen: EventEmitter<CustomEvent<void>>;
|
|
301
|
+
/**
|
|
302
|
+
* Emits when the sheet closes
|
|
303
|
+
*/
|
|
304
|
+
mdClose: EventEmitter<CustomEvent<void>>;
|
|
305
|
+
/**
|
|
306
|
+
* Emits when dismissed via scrim click, Escape, drag, or close button
|
|
307
|
+
*/
|
|
308
|
+
mdCancel: EventEmitter<CustomEvent<void>>;
|
|
309
|
+
}
|
|
310
|
+
export declare class MdBreadcrumbItem {
|
|
311
|
+
protected z: NgZone;
|
|
312
|
+
protected el: HTMLElement;
|
|
313
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
314
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdBreadcrumbItem, never>;
|
|
315
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdBreadcrumbItem, "md-breadcrumb-item", never, { "collapsed": { "alias": "collapsed"; "required": false; }; "current": { "alias": "current"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "href": { "alias": "href"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "itemIndex": { "alias": "itemIndex"; "required": false; }; "itemTotal": { "alias": "itemTotal"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
316
|
+
}
|
|
317
|
+
export declare interface MdBreadcrumbItem extends Components.MdBreadcrumbItem {
|
|
318
|
+
/**
|
|
319
|
+
* Fires when the user activates a navigable crumb — i.e. when an item with
|
|
320
|
+
a non-empty `href` (and not marked `current` / `disabled`) is clicked or
|
|
321
|
+
activated with `Enter` while focused. The event is **cancelable**:
|
|
322
|
+
call `event.preventDefault()` from the listener to stop the browser's
|
|
323
|
+
default navigation. This is the recommended hook for SPA routing — let
|
|
324
|
+
the breadcrumb render a real `<a>` (so right-click / middle-click /
|
|
325
|
+
"Open in new tab" still work), then intercept `mdSelect` to push the
|
|
326
|
+
route through your client-side router instead of a full page reload.
|
|
327
|
+
|
|
328
|
+
The event bubbles, so consumers can attach a single listener on the
|
|
329
|
+
parent `<md-breadcrumbs>` for delegation. The event is composed, so
|
|
330
|
+
listeners outside the shadow tree (the typical case) receive it.
|
|
331
|
+
|
|
332
|
+
```ts
|
|
333
|
+
document.querySelector('md-breadcrumbs')!
|
|
334
|
+
.addEventListener('mdSelect', (e) => {
|
|
335
|
+
const { href, label, itemIndex } = (e as CustomEvent).detail;
|
|
336
|
+
e.preventDefault(); // stop the <a> from navigating
|
|
337
|
+
myRouter.push(href); // SPA navigation
|
|
338
|
+
});
|
|
339
|
+
```
|
|
340
|
+
*/
|
|
341
|
+
mdSelect: EventEmitter<CustomEvent<IMdBreadcrumbItemMdBreadcrumbSelectDetail>>;
|
|
342
|
+
}
|
|
343
|
+
export declare class MdBreadcrumbs {
|
|
344
|
+
protected z: NgZone;
|
|
345
|
+
protected el: HTMLElement;
|
|
346
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
347
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdBreadcrumbs, never>;
|
|
348
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdBreadcrumbs, "md-breadcrumbs", never, { "density": { "alias": "density"; "required": false; }; "expandLabel": { "alias": "expandLabel"; "required": false; }; "itemsAfterCollapse": { "alias": "itemsAfterCollapse"; "required": false; }; "itemsBeforeCollapse": { "alias": "itemsBeforeCollapse"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxItems": { "alias": "maxItems"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
349
|
+
}
|
|
350
|
+
export declare interface MdBreadcrumbs extends Components.MdBreadcrumbs {
|
|
351
|
+
/**
|
|
352
|
+
* Fires when the user reveals the full breadcrumb trail by activating
|
|
353
|
+
the overflow ("…") toggle, or when consumers programmatically call
|
|
354
|
+
`expand()` / `collapse()`. Not cancelable — the visibility change
|
|
355
|
+
has already happened. Use it for analytics or to react to a user
|
|
356
|
+
who wants to see the full path.
|
|
357
|
+
|
|
358
|
+
Bubbles + composed, so consumers outside the shadow tree (the typical
|
|
359
|
+
case) receive it.
|
|
360
|
+
*/
|
|
361
|
+
mdExpand: EventEmitter<CustomEvent<IMdBreadcrumbsMdBreadcrumbsExpandDetail>>;
|
|
362
|
+
}
|
|
363
|
+
export declare class MdButton {
|
|
364
|
+
protected z: NgZone;
|
|
365
|
+
protected el: HTMLElement;
|
|
366
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
367
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdButton, never>;
|
|
368
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdButton, "md-button", never, { "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "href": { "alias": "href"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "mirrorIcon": { "alias": "mirrorIcon"; "required": false; }; "ripple": { "alias": "ripple"; "required": false; }; "roleOverride": { "alias": "roleOverride"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "shapeMorph": { "alias": "shapeMorph"; "required": false; }; "size": { "alias": "size"; "required": false; }; "softDisabled": { "alias": "softDisabled"; "required": false; }; "suppressExpandIconFlip": { "alias": "suppressExpandIconFlip"; "required": false; }; "target": { "alias": "target"; "required": false; }; "toggle": { "alias": "toggle"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
369
|
+
}
|
|
370
|
+
export declare interface MdButton extends Components.MdButton {
|
|
371
|
+
/**
|
|
372
|
+
* Fires every time the user activates the button (mouse click, touch,
|
|
373
|
+
or `Enter`/`Space` while focused). The event is **cancelable** and
|
|
374
|
+
the detail payload describes what *would* happen: the post-click
|
|
375
|
+
toggle state, the navigation `href`, and so on.
|
|
376
|
+
|
|
377
|
+
Calling `event.preventDefault()` from a listener suppresses the
|
|
378
|
+
default side effects (toggle flip + `href` navigation) but lets
|
|
379
|
+
the underlying DOM click bubble. This is the hook to use for SPA
|
|
380
|
+
routing, "are you sure?" prompts, async confirmation, etc.
|
|
381
|
+
|
|
382
|
+
The event bubbles and is composed, so listeners outside the
|
|
383
|
+
shadow tree (the typical case) receive it.
|
|
384
|
+
|
|
385
|
+
```ts
|
|
386
|
+
document.querySelector('md-button')!.addEventListener('mdClick', (e) => {
|
|
387
|
+
const { href, selected } = (e as CustomEvent).detail;
|
|
388
|
+
if (!confirm('Continue?')) e.preventDefault();
|
|
389
|
+
});
|
|
390
|
+
```
|
|
391
|
+
*/
|
|
392
|
+
mdClick: EventEmitter<CustomEvent<IMdButtonMdButtonClickDetail>>;
|
|
393
|
+
/**
|
|
394
|
+
* Fires when toggle mode flips the `selected` state in response to a
|
|
395
|
+
user activation. Not cancelable — the state change has already
|
|
396
|
+
happened. Pair with `mdClick` (cancelable) when you need a veto.
|
|
397
|
+
|
|
398
|
+
Bubbles and is composed.
|
|
399
|
+
*/
|
|
400
|
+
mdChange: EventEmitter<CustomEvent<IMdButtonMdButtonChangeDetail>>;
|
|
401
|
+
}
|
|
402
|
+
export declare class MdButtonGroup {
|
|
403
|
+
protected z: NgZone;
|
|
404
|
+
protected el: HTMLElement;
|
|
405
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
406
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdButtonGroup, never>;
|
|
407
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdButtonGroup, "md-button-group", never, { "density": { "alias": "density"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "required": { "alias": "required"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
408
|
+
}
|
|
409
|
+
export declare interface MdButtonGroup extends Components.MdButtonGroup {
|
|
410
|
+
/**
|
|
411
|
+
* Fires every time a user activation toggles the selection state of
|
|
412
|
+
a child button. The detail object describes both the new selection
|
|
413
|
+
snapshot (`values`) and the diff from the previous selection
|
|
414
|
+
(`added`, `removed`), plus the underlying `originalEvent`.
|
|
415
|
+
|
|
416
|
+
Distinct from each child button's own `mdChange` (which fires per
|
|
417
|
+
individual button toggle); the group's `mdSelectionChange` fires
|
|
418
|
+
once per user activation and reports the *group-level* state.
|
|
419
|
+
|
|
420
|
+
Bubbles and is composed so listeners outside the shadow tree
|
|
421
|
+
receive it. @example ```ts
|
|
422
|
+
group.addEventListener('mdSelectionChange', (e: CustomEvent<MdButtonGroupChangeDetail>) => {
|
|
423
|
+
console.log('now selected:', e.detail.values);
|
|
424
|
+
console.log('just added:', e.detail.added);
|
|
425
|
+
console.log('just removed:', e.detail.removed);
|
|
426
|
+
});
|
|
427
|
+
```
|
|
428
|
+
*/
|
|
429
|
+
mdSelectionChange: EventEmitter<CustomEvent<IMdButtonGroupMdButtonGroupChangeDetail>>;
|
|
430
|
+
}
|
|
431
|
+
export declare class MdCard {
|
|
432
|
+
protected z: NgZone;
|
|
433
|
+
protected el: HTMLElement;
|
|
434
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
435
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdCard, never>;
|
|
436
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdCard, "md-card", never, { "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dragEnabled": { "alias": "dragEnabled"; "required": false; }; "fullHeight": { "alias": "fullHeight"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "interactive": { "alias": "interactive"; "required": false; }; "ripple": { "alias": "ripple"; "required": false; }; "softDisabled": { "alias": "softDisabled"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
437
|
+
}
|
|
438
|
+
export declare interface MdCard extends Components.MdCard {
|
|
439
|
+
/**
|
|
440
|
+
* Emits when an interactive card is clicked or activated via keyboard
|
|
441
|
+
*/
|
|
442
|
+
mdClick: EventEmitter<CustomEvent<MouseEvent>>;
|
|
443
|
+
/**
|
|
444
|
+
* Emits once when a draggable card starts being dragged (after crossing the movement threshold)
|
|
445
|
+
*/
|
|
446
|
+
mdDragStart: EventEmitter<CustomEvent<IMdCardMdCardDragDetail>>;
|
|
447
|
+
/**
|
|
448
|
+
* Emits continuously as a dragged card moves — use for drop-zone detection or position tracking
|
|
449
|
+
*/
|
|
450
|
+
mdDragMove: EventEmitter<CustomEvent<IMdCardMdCardDragDetail>>;
|
|
451
|
+
/**
|
|
452
|
+
* Emits when a draggable card is released after dragging
|
|
453
|
+
*/
|
|
454
|
+
mdDragEnd: EventEmitter<CustomEvent<IMdCardMdCardDragDetail>>;
|
|
455
|
+
}
|
|
456
|
+
export declare class MdCheckbox {
|
|
457
|
+
protected z: NgZone;
|
|
458
|
+
protected el: HTMLElement;
|
|
459
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
460
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdCheckbox, never>;
|
|
461
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdCheckbox, "md-checkbox", never, { "checked": { "alias": "checked"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "softDisabled": { "alias": "softDisabled"; "required": false; }; "supportingText": { "alias": "supportingText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueMissingLabel": { "alias": "valueMissingLabel"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
462
|
+
}
|
|
463
|
+
export declare interface MdCheckbox extends Components.MdCheckbox {
|
|
464
|
+
/**
|
|
465
|
+
* Emits when checked or indeterminate state changes
|
|
466
|
+
*/
|
|
467
|
+
mdChange: EventEmitter<CustomEvent<{
|
|
468
|
+
checked: boolean;
|
|
469
|
+
indeterminate: boolean;
|
|
470
|
+
}>>;
|
|
471
|
+
/**
|
|
472
|
+
* Fires when this control's validity CHANGES — never on every keystroke, and
|
|
473
|
+
never for a re-publish that lands on the same state.
|
|
474
|
+
|
|
475
|
+
`composed: false` is deliberate. Composites like md-select embed an
|
|
476
|
+
md-text-field, and a composed event escapes that inner shadow root, so a
|
|
477
|
+
listener on md-select would receive the inner field's event as well as the
|
|
478
|
+
host's — two events, different payloads, for one logical control. Keeping
|
|
479
|
+
it uncomposed means each component reports only for itself, while
|
|
480
|
+
`bubbles: true` still lets a <form> or app root hear every control.
|
|
481
|
+
*/
|
|
482
|
+
mdValidityChange: EventEmitter<CustomEvent<{
|
|
483
|
+
valid: boolean;
|
|
484
|
+
validationMessage: string;
|
|
485
|
+
flags: Record<string, boolean>;
|
|
486
|
+
}>>;
|
|
487
|
+
}
|
|
488
|
+
export declare class MdChip {
|
|
489
|
+
protected z: NgZone;
|
|
490
|
+
protected el: HTMLElement;
|
|
491
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
492
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdChip, never>;
|
|
493
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdChip, "md-chip", never, { "appearance": { "alias": "appearance"; "required": false; }; "color": { "alias": "color"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "elevated": { "alias": "elevated"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "softDisabled": { "alias": "softDisabled"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
494
|
+
}
|
|
495
|
+
export declare interface MdChip extends Components.MdChip {
|
|
496
|
+
/**
|
|
497
|
+
* Emits when the chip is clicked or activated via keyboard
|
|
498
|
+
*/
|
|
499
|
+
mdClick: EventEmitter<CustomEvent<void>>;
|
|
500
|
+
/**
|
|
501
|
+
* Emits when the selected state changes (filter/input)
|
|
502
|
+
*/
|
|
503
|
+
mdSelect: EventEmitter<CustomEvent<{
|
|
504
|
+
selected: boolean;
|
|
505
|
+
}>>;
|
|
506
|
+
/**
|
|
507
|
+
* Fires when the trailing remove ("✕") button is activated on a removable
|
|
508
|
+
chip (by click, Enter, Space, Delete, or Backspace).
|
|
509
|
+
|
|
510
|
+
The event is **cancelable**: by default, after `mdRemove` is dispatched
|
|
511
|
+
the chip removes itself from the DOM. Call `event.preventDefault()` in a
|
|
512
|
+
handler to keep the chip mounted (e.g. when your state layer owns the
|
|
513
|
+
list and will re-render with the chip gone).
|
|
514
|
+
*/
|
|
515
|
+
mdRemove: EventEmitter<CustomEvent<void>>;
|
|
516
|
+
}
|
|
517
|
+
export declare class MdColorPicker {
|
|
518
|
+
protected z: NgZone;
|
|
519
|
+
protected el: HTMLElement;
|
|
520
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
521
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdColorPicker, never>;
|
|
522
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdColorPicker, "md-color-picker", never, { "alpha": { "alias": "alpha"; "required": false; }; "ariaLabelProp": { "alias": "ariaLabelProp"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dismissOnOutsideClick": { "alias": "dismissOnOutsideClick"; "required": false; }; "format": { "alias": "format"; "required": false; }; "open": { "alias": "open"; "required": false; }; "presets": { "alias": "presets"; "required": false; }; "showHex": { "alias": "showHex"; "required": false; }; "showInputs": { "alias": "showInputs"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
523
|
+
}
|
|
524
|
+
export declare interface MdColorPicker extends Components.MdColorPicker {
|
|
525
|
+
/**
|
|
526
|
+
* Emitted on every change while the user drags / types.
|
|
527
|
+
*/
|
|
528
|
+
mdInput: EventEmitter<CustomEvent<{
|
|
529
|
+
value: string;
|
|
530
|
+
}>>;
|
|
531
|
+
/**
|
|
532
|
+
* Emitted when the user commits a value (release pointer, blur input,
|
|
533
|
+
Enter, or click a preset).
|
|
534
|
+
*/
|
|
535
|
+
mdChange: EventEmitter<CustomEvent<{
|
|
536
|
+
value: string;
|
|
537
|
+
}>>;
|
|
538
|
+
/**
|
|
539
|
+
* Emitted when the popover opens or closes.
|
|
540
|
+
*/
|
|
541
|
+
mdOpenChange: EventEmitter<CustomEvent<{
|
|
542
|
+
open: boolean;
|
|
543
|
+
}>>;
|
|
544
|
+
}
|
|
545
|
+
export declare class MdDatePicker {
|
|
546
|
+
protected z: NgZone;
|
|
547
|
+
protected el: HTMLElement;
|
|
548
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
549
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdDatePicker, never>;
|
|
550
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdDatePicker, "md-date-picker", never, { "calendarIcon": { "alias": "calendarIcon"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "chooseMonthAndYearLabel": { "alias": "chooseMonthAndYearLabel"; "required": false; }; "chooseMonthLabel": { "alias": "chooseMonthLabel"; "required": false; }; "chooseMonthYearLabel": { "alias": "chooseMonthYearLabel"; "required": false; }; "chooseYearLabel": { "alias": "chooseYearLabel"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "closeCalendarLabel": { "alias": "closeCalendarLabel"; "required": false; }; "commitOnSelect": { "alias": "commitOnSelect"; "required": false; }; "dateSeparator": { "alias": "dateSeparator"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterDatesLabel": { "alias": "enterDatesLabel"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "fieldVariant": { "alias": "fieldVariant"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "headline": { "alias": "headline"; "required": false; }; "invalidDateLabel": { "alias": "invalidDateLabel"; "required": false; }; "isDateDisabled": { "alias": "isDateDisabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "nextMonthLabel": { "alias": "nextMonthLabel"; "required": false; }; "nextYearLabel": { "alias": "nextYearLabel"; "required": false; }; "okLabel": { "alias": "okLabel"; "required": false; }; "open": { "alias": "open"; "required": false; }; "openCalendarLabel": { "alias": "openCalendarLabel"; "required": false; }; "outsideClickDismissible": { "alias": "outsideClickDismissible"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "previousMonthLabel": { "alias": "previousMonthLabel"; "required": false; }; "previousYearLabel": { "alias": "previousYearLabel"; "required": false; }; "required": { "alias": "required"; "required": false; }; "reserveSupportingSpace": { "alias": "reserveSupportingSpace"; "required": false; }; "scrimDismissible": { "alias": "scrimDismissible"; "required": false; }; "selectDateLabel": { "alias": "selectDateLabel"; "required": false; }; "supportingText": { "alias": "supportingText"; "required": false; }; "toggleCalendarLabel": { "alias": "toggleCalendarLabel"; "required": false; }; "toggleTextLabel": { "alias": "toggleTextLabel"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueMissingLabel": { "alias": "valueMissingLabel"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "yearGridLabel": { "alias": "yearGridLabel"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
551
|
+
}
|
|
552
|
+
export declare interface MdDatePicker extends Components.MdDatePicker {
|
|
553
|
+
/**
|
|
554
|
+
* Emitted when the user commits a selection.
|
|
555
|
+
*/
|
|
556
|
+
mdChange: EventEmitter<CustomEvent<IMdDatePickerMdDatePickerChangeDetail>>;
|
|
557
|
+
/**
|
|
558
|
+
* Emitted when the user selects a day in the calendar (click or keyboard).
|
|
559
|
+
*/
|
|
560
|
+
mdSelected: EventEmitter<CustomEvent<IMdDatePickerMdDatePickerSelectedDetail>>;
|
|
561
|
+
/**
|
|
562
|
+
* Emitted on every keystroke in a text-entry field.
|
|
563
|
+
*/
|
|
564
|
+
mdInput: EventEmitter<CustomEvent<{
|
|
565
|
+
value: string;
|
|
566
|
+
}>>;
|
|
567
|
+
/**
|
|
568
|
+
* Emitted when the picker opens.
|
|
569
|
+
*/
|
|
570
|
+
mdOpen: EventEmitter<CustomEvent<void>>;
|
|
571
|
+
/**
|
|
572
|
+
* Emitted when the picker closes for any reason.
|
|
573
|
+
*/
|
|
574
|
+
mdClose: EventEmitter<CustomEvent<void>>;
|
|
575
|
+
/**
|
|
576
|
+
* Emitted when the user dismisses without committing (scrim, Cancel, Esc).
|
|
577
|
+
*/
|
|
578
|
+
mdCancel: EventEmitter<CustomEvent<void>>;
|
|
579
|
+
/**
|
|
580
|
+
* Emitted when the displayed calendar month/year changes from user navigation.
|
|
581
|
+
*/
|
|
582
|
+
mdViewChange: EventEmitter<CustomEvent<IMdDatePickerMdDatePickerViewChangeDetail>>;
|
|
583
|
+
/**
|
|
584
|
+
* Emitted when the user opens the month or year selection menu / grid.
|
|
585
|
+
*/
|
|
586
|
+
mdMenuOpen: EventEmitter<CustomEvent<IMdDatePickerMdDatePickerMenuOpenDetail>>;
|
|
587
|
+
/**
|
|
588
|
+
* Emitted when the user picks a month or year from a selection menu / grid.
|
|
589
|
+
*/
|
|
590
|
+
mdMenuSelect: EventEmitter<CustomEvent<IMdDatePickerMdDatePickerMenuSelectDetail>>;
|
|
591
|
+
/**
|
|
592
|
+
* Emitted when the user toggles between calendar and typed-entry views.
|
|
593
|
+
*/
|
|
594
|
+
mdModeChange: EventEmitter<CustomEvent<IMdDatePickerMdDatePickerModeChangeDetail>>;
|
|
595
|
+
/**
|
|
596
|
+
* Fires when this control's validity CHANGES — never on every keystroke, and
|
|
597
|
+
never for a re-publish that lands on the same state.
|
|
598
|
+
|
|
599
|
+
`composed: false` is deliberate. Composites like md-select embed an
|
|
600
|
+
md-text-field, and a composed event escapes that inner shadow root, so a
|
|
601
|
+
listener on md-select would receive the inner field's event as well as the
|
|
602
|
+
host's — two events, different payloads, for one logical control. Keeping
|
|
603
|
+
it uncomposed means each component reports only for itself, while
|
|
604
|
+
`bubbles: true` still lets a <form> or app root hear every control.
|
|
605
|
+
*/
|
|
606
|
+
mdValidityChange: EventEmitter<CustomEvent<{
|
|
607
|
+
valid: boolean;
|
|
608
|
+
validationMessage: string;
|
|
609
|
+
flags: Record<string, boolean>;
|
|
610
|
+
}>>;
|
|
611
|
+
}
|
|
612
|
+
export declare class MdDialog {
|
|
613
|
+
protected z: NgZone;
|
|
614
|
+
protected el: HTMLElement;
|
|
615
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
616
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdDialog, never>;
|
|
617
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdDialog, "md-dialog", never, { "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "closeLabel": { "alias": "closeLabel"; "required": false; }; "density": { "alias": "density"; "required": false; }; "divider": { "alias": "divider"; "required": false; }; "fullscreen": { "alias": "fullscreen"; "required": false; }; "headerDivider": { "alias": "headerDivider"; "required": false; }; "headline": { "alias": "headline"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "okLabel": { "alias": "okLabel"; "required": false; }; "open": { "alias": "open"; "required": false; }; "scrimDismissible": { "alias": "scrimDismissible"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
618
|
+
}
|
|
619
|
+
export declare interface MdDialog extends Components.MdDialog {
|
|
620
|
+
/**
|
|
621
|
+
* Emits when the dialog opens
|
|
622
|
+
*/
|
|
623
|
+
mdOpen: EventEmitter<CustomEvent<void>>;
|
|
624
|
+
/**
|
|
625
|
+
* Emits when the dialog closes
|
|
626
|
+
*/
|
|
627
|
+
mdClose: EventEmitter<CustomEvent<void>>;
|
|
628
|
+
/**
|
|
629
|
+
* Emits when dismissed via scrim or Escape
|
|
630
|
+
*/
|
|
631
|
+
mdCancel: EventEmitter<CustomEvent<void>>;
|
|
632
|
+
}
|
|
633
|
+
export declare class MdDivider {
|
|
634
|
+
protected z: NgZone;
|
|
635
|
+
protected el: HTMLElement;
|
|
636
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
637
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdDivider, never>;
|
|
638
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdDivider, "md-divider", never, { "inset": { "alias": "inset"; "required": false; }; "insetEnd": { "alias": "insetEnd"; "required": false; }; "insetStart": { "alias": "insetStart"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
639
|
+
}
|
|
640
|
+
export declare interface MdDivider extends Components.MdDivider {
|
|
641
|
+
}
|
|
642
|
+
export declare class MdFab {
|
|
643
|
+
protected z: NgZone;
|
|
644
|
+
protected el: HTMLElement;
|
|
645
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
646
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdFab, never>;
|
|
647
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdFab, "md-fab", never, { "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "extended": { "alias": "extended"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "lowered": { "alias": "lowered"; "required": false; }; "ripple": { "alias": "ripple"; "required": false; }; "size": { "alias": "size"; "required": false; }; "softDisabled": { "alias": "softDisabled"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
648
|
+
}
|
|
649
|
+
export declare interface MdFab extends Components.MdFab {
|
|
650
|
+
/**
|
|
651
|
+
* Fires when the user activates the FAB (mouse click, touch, or
|
|
652
|
+
`Enter`/`Space` while focused). Not emitted when `disabled` or
|
|
653
|
+
`soft-disabled`. Bubbles and is composed so a delegated listener
|
|
654
|
+
on a parent element works.
|
|
655
|
+
|
|
656
|
+
```ts
|
|
657
|
+
document.querySelector('md-fab')!.addEventListener('mdClick', (e) => {
|
|
658
|
+
const mouseEvent = (e as CustomEvent<MouseEvent>).detail;
|
|
659
|
+
console.log('FAB clicked at', mouseEvent.clientX, mouseEvent.clientY);
|
|
660
|
+
});
|
|
661
|
+
```
|
|
662
|
+
*/
|
|
663
|
+
mdClick: EventEmitter<CustomEvent<MouseEvent>>;
|
|
664
|
+
}
|
|
665
|
+
export declare class MdFabMenu {
|
|
666
|
+
protected z: NgZone;
|
|
667
|
+
protected el: HTMLElement;
|
|
668
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
669
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdFabMenu, never>;
|
|
670
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdFabMenu, "md-fab-menu", never, { "anchor": { "alias": "anchor"; "required": false; }; "density": { "alias": "density"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "quick": { "alias": "quick"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
671
|
+
}
|
|
672
|
+
export declare interface MdFabMenu extends Components.MdFabMenu {
|
|
673
|
+
/**
|
|
674
|
+
* Fires when the menu opens.
|
|
675
|
+
*/
|
|
676
|
+
mdOpen: EventEmitter<CustomEvent<void>>;
|
|
677
|
+
/**
|
|
678
|
+
* Fires when the menu closes.
|
|
679
|
+
*/
|
|
680
|
+
mdClose: EventEmitter<CustomEvent<void>>;
|
|
681
|
+
}
|
|
682
|
+
export declare class MdFabMenuItem {
|
|
683
|
+
protected z: NgZone;
|
|
684
|
+
protected el: HTMLElement;
|
|
685
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
686
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdFabMenuItem, never>;
|
|
687
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdFabMenuItem, "md-fab-menu-item", never, { "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "rovingFocusVisible": { "alias": "rovingFocusVisible"; "required": false; }; "softDisabled": { "alias": "softDisabled"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
688
|
+
}
|
|
689
|
+
export declare interface MdFabMenuItem extends Components.MdFabMenuItem {
|
|
690
|
+
/**
|
|
691
|
+
* Fires when the item is activated.
|
|
692
|
+
*/
|
|
693
|
+
mdClick: EventEmitter<CustomEvent<void>>;
|
|
694
|
+
}
|
|
695
|
+
export declare class MdIconButton {
|
|
696
|
+
protected z: NgZone;
|
|
697
|
+
protected el: HTMLElement;
|
|
698
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
699
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdIconButton, never>;
|
|
700
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdIconButton, "md-icon-button", never, { "buttonWidth": { "alias": "buttonWidth"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "href": { "alias": "href"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "ripple": { "alias": "ripple"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "selectedIcon": { "alias": "selectedIcon"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "shapeMorph": { "alias": "shapeMorph"; "required": false; }; "size": { "alias": "size"; "required": false; }; "softDisabled": { "alias": "softDisabled"; "required": false; }; "target": { "alias": "target"; "required": false; }; "toggle": { "alias": "toggle"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
701
|
+
}
|
|
702
|
+
export declare interface MdIconButton extends Components.MdIconButton {
|
|
703
|
+
/**
|
|
704
|
+
* Fires on pointer or keyboard activation. Detail includes toggle `selected` state.
|
|
705
|
+
*/
|
|
706
|
+
mdClick: EventEmitter<CustomEvent<{
|
|
707
|
+
selected: boolean;
|
|
708
|
+
}>>;
|
|
709
|
+
}
|
|
710
|
+
export declare class MdLineChart {
|
|
711
|
+
protected z: NgZone;
|
|
712
|
+
protected el: HTMLElement;
|
|
713
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
714
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdLineChart, never>;
|
|
715
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdLineChart, "md-line-chart", never, { "animation": { "alias": "animation"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "area": { "alias": "area"; "required": false; }; "axisTicks": { "alias": "axisTicks"; "required": false; }; "connectNulls": { "alias": "connectNulls"; "required": false; }; "curve": { "alias": "curve"; "required": false; }; "density": { "alias": "density"; "required": false; }; "grid": { "alias": "grid"; "required": false; }; "heightProp": { "alias": "heightProp"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelEmpty": { "alias": "labelEmpty"; "required": false; }; "labelPlot": { "alias": "labelPlot"; "required": false; }; "labelPoint": { "alias": "labelPoint"; "required": false; }; "labelZoomEnd": { "alias": "labelZoomEnd"; "required": false; }; "labelZoomStart": { "alias": "labelZoomStart"; "required": false; }; "legend": { "alias": "legend"; "required": false; }; "lineWidth": { "alias": "lineWidth"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "markLines": { "alias": "markLines"; "required": false; }; "markSize": { "alias": "markSize"; "required": false; }; "noAnimation": { "alias": "noAnimation"; "required": false; }; "series": { "alias": "series"; "required": false; }; "seriesLabels": { "alias": "seriesLabels"; "required": false; }; "showLabels": { "alias": "showLabels"; "required": false; }; "showLine": { "alias": "showLine"; "required": false; }; "showMarks": { "alias": "showMarks"; "required": false; }; "stack": { "alias": "stack"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "summary": { "alias": "summary"; "required": false; }; "tableLabels": { "alias": "tableLabels"; "required": false; }; "titleAlign": { "alias": "titleAlign"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipRenderer": { "alias": "tooltipRenderer"; "required": false; }; "valueFormatter": { "alias": "valueFormatter"; "required": false; }; "xAxis": { "alias": "xAxis"; "required": false; }; "yAxes": { "alias": "yAxes"; "required": false; }; "yAxis": { "alias": "yAxis"; "required": false; }; "zoom": { "alias": "zoom"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
716
|
+
}
|
|
717
|
+
export declare interface MdLineChart extends Components.MdLineChart {
|
|
718
|
+
/**
|
|
719
|
+
* Fires on marker click. `dataIndex` addresses the clicked series' own
|
|
720
|
+
`data` array (its point index, for series that carry their own x).
|
|
721
|
+
*/
|
|
722
|
+
mdMarkerClick: EventEmitter<CustomEvent<IMdLineChartMdChartClickDetail<IMdLineChartMdChartXYSeries>>>;
|
|
723
|
+
/**
|
|
724
|
+
* Fires when a series' drawn line is clicked *between* its data points (a
|
|
725
|
+
click on a point emits `mdMarkerClick` instead). `dataIndex` is the point
|
|
726
|
+
the click is nearest along x.
|
|
727
|
+
*/
|
|
728
|
+
mdLineClick: EventEmitter<CustomEvent<IMdLineChartMdChartClickDetail<IMdLineChartMdChartXYSeries>>>;
|
|
729
|
+
/**
|
|
730
|
+
* Fires when a series' filled area is clicked (`area` charts only) — the
|
|
731
|
+
region between that series' line and its baseline, excluding its line and
|
|
732
|
+
points. `dataIndex` is the point the click is nearest along x.
|
|
733
|
+
*/
|
|
734
|
+
mdAreaClick: EventEmitter<CustomEvent<IMdLineChartMdChartClickDetail<IMdLineChartMdChartXYSeries>>>;
|
|
735
|
+
/**
|
|
736
|
+
* Fires when the plot background is clicked (inside the plot, but not on a
|
|
737
|
+
mark, line or area): the nearest x position plus every visible series'
|
|
738
|
+
value there.
|
|
739
|
+
*/
|
|
740
|
+
mdAxisClick: EventEmitter<CustomEvent<IMdLineChartMdChartAxisClickDetail>>;
|
|
741
|
+
/**
|
|
742
|
+
* Fires when a legend entry is clicked.
|
|
743
|
+
*/
|
|
744
|
+
mdLegendClick: EventEmitter<CustomEvent<{
|
|
745
|
+
seriesIndex: number;
|
|
746
|
+
seriesId?: string;
|
|
747
|
+
selected: boolean;
|
|
748
|
+
}>>;
|
|
749
|
+
/**
|
|
750
|
+
* Fires (throttled to rAF) as the pointer crosses the plot.
|
|
751
|
+
*/
|
|
752
|
+
mdHover: EventEmitter<CustomEvent<IMdLineChartMdChartHoverDetail>>;
|
|
753
|
+
/**
|
|
754
|
+
* Fires after the chart finishes its initial render.
|
|
755
|
+
*/
|
|
756
|
+
mdReady: EventEmitter<CustomEvent<void>>;
|
|
757
|
+
/**
|
|
758
|
+
* Fires when the zoom window changes (drag, slider or `setZoom`/`resetZoom`).
|
|
759
|
+
*/
|
|
760
|
+
mdZoom: EventEmitter<CustomEvent<{
|
|
761
|
+
startIndex: number;
|
|
762
|
+
endIndex: number;
|
|
763
|
+
reset: boolean;
|
|
764
|
+
}>>;
|
|
765
|
+
}
|
|
766
|
+
export declare class MdList {
|
|
767
|
+
protected z: NgZone;
|
|
768
|
+
protected el: HTMLElement;
|
|
769
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
770
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdList, never>;
|
|
771
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdList, "md-list", never, { "density": { "alias": "density"; "required": false; }; "interactionMode": { "alias": "interactionMode"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelledby": { "alias": "labelledby"; "required": false; }; "listStyle": { "alias": "listStyle"; "required": false; }; "reorderable": { "alias": "reorderable"; "required": false; }; "roleOverride": { "alias": "roleOverride"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
772
|
+
}
|
|
773
|
+
export declare interface MdList extends Components.MdList {
|
|
774
|
+
/**
|
|
775
|
+
* Emitted when selection changes via user input (click / Enter / Space).
|
|
776
|
+
*/
|
|
777
|
+
mdSelect: EventEmitter<CustomEvent<IMdListMdListSelectDetail>>;
|
|
778
|
+
/**
|
|
779
|
+
* Emitted whenever roving focus lands on a different row.
|
|
780
|
+
*/
|
|
781
|
+
mdActivate: EventEmitter<CustomEvent<{
|
|
782
|
+
index: number;
|
|
783
|
+
item: HTMLMdListItemElement;
|
|
784
|
+
}>>;
|
|
785
|
+
/**
|
|
786
|
+
* Emitted after a drag (or keyboard) reorder completes.
|
|
787
|
+
|
|
788
|
+
- `from` / `to`: the moved row's old and new positions (item indices,
|
|
789
|
+
ignoring non-item children like dividers).
|
|
790
|
+
- `order`: the new order expressed as the original (as-authored) indices,
|
|
791
|
+
so `order[newPosition] === originalPosition`. Use it to reorder a
|
|
792
|
+
backing data array in one pass.
|
|
793
|
+
*/
|
|
794
|
+
mdReorder: EventEmitter<CustomEvent<{
|
|
795
|
+
from: number;
|
|
796
|
+
to: number;
|
|
797
|
+
order: number[];
|
|
798
|
+
}>>;
|
|
799
|
+
}
|
|
800
|
+
export declare class MdListItem {
|
|
801
|
+
protected z: NgZone;
|
|
802
|
+
protected el: HTMLElement;
|
|
803
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
804
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdListItem, never>;
|
|
805
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdListItem, "md-list-item", never, { "containerRole": { "alias": "containerRole"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "headline": { "alias": "headline"; "required": false; }; "href": { "alias": "href"; "required": false; }; "interactionMode": { "alias": "interactionMode"; "required": false; }; "leadingAvatar": { "alias": "leadingAvatar"; "required": false; }; "leadingAvatarAlt": { "alias": "leadingAvatarAlt"; "required": false; }; "leadingAvatarLabel": { "alias": "leadingAvatarLabel"; "required": false; }; "leadingAvatarName": { "alias": "leadingAvatarName"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "leadingImage": { "alias": "leadingImage"; "required": false; }; "leadingImageAlt": { "alias": "leadingImageAlt"; "required": false; }; "lines": { "alias": "lines"; "required": false; }; "overline": { "alias": "overline"; "required": false; }; "reorderable": { "alias": "reorderable"; "required": false; }; "rovingFocusVisible": { "alias": "rovingFocusVisible"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "softDisabled": { "alias": "softDisabled"; "required": false; }; "supportingText": { "alias": "supportingText"; "required": false; }; "tabbable": { "alias": "tabbable"; "required": false; }; "target": { "alias": "target"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "trailingSupportingText": { "alias": "trailingSupportingText"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
806
|
+
}
|
|
807
|
+
export declare interface MdListItem extends Components.MdListItem {
|
|
808
|
+
/**
|
|
809
|
+
* Fired when an interactive row is activated (click, Enter, or Space).
|
|
810
|
+
*/
|
|
811
|
+
mdClick: EventEmitter<CustomEvent<{
|
|
812
|
+
item: HTMLElement;
|
|
813
|
+
}>>;
|
|
814
|
+
/**
|
|
815
|
+
* Bubbles to parent `md-list` so it can manage selection state.
|
|
816
|
+
*/
|
|
817
|
+
mdItemClick: EventEmitter<CustomEvent<{
|
|
818
|
+
index: number;
|
|
819
|
+
selected: boolean;
|
|
820
|
+
}>>;
|
|
821
|
+
/**
|
|
822
|
+
* Bubbles to parent `md-list` when an `expanded-content` child row is
|
|
823
|
+
selected. The list re-emits `mdSelect` with the parent's list index,
|
|
824
|
+
`childIndex`, `expanded`, and the child in `item`.
|
|
825
|
+
*/
|
|
826
|
+
mdItemSelect: EventEmitter<CustomEvent<{
|
|
827
|
+
index: number;
|
|
828
|
+
value: string;
|
|
829
|
+
selected: boolean;
|
|
830
|
+
item: HTMLMdListItemElement;
|
|
831
|
+
}>>;
|
|
832
|
+
/**
|
|
833
|
+
* Asks the parent `md-list` to give this row roving focus.
|
|
834
|
+
*/
|
|
835
|
+
mdRequestActivation: EventEmitter<CustomEvent<void>>;
|
|
836
|
+
/**
|
|
837
|
+
* Internal event the parent `md-list` listens to for keyboard reordering
|
|
838
|
+
(`Alt + ArrowUp / ArrowDown`). Bubbles + composed so it crosses the
|
|
839
|
+
shadow boundary up to the list.
|
|
840
|
+
*/
|
|
841
|
+
mdItemRequestReorder: EventEmitter<CustomEvent<{
|
|
842
|
+
direction: 'up' | 'down';
|
|
843
|
+
from: number;
|
|
844
|
+
}>>;
|
|
845
|
+
/**
|
|
846
|
+
* Fires whenever the expanded state of an expandable row changes.
|
|
847
|
+
*/
|
|
848
|
+
mdExpand: EventEmitter<CustomEvent<IMdListItemMdListItemExpandDetail>>;
|
|
849
|
+
}
|
|
850
|
+
export declare class MdLoadingIndicator {
|
|
851
|
+
protected z: NgZone;
|
|
852
|
+
protected el: HTMLElement;
|
|
853
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
854
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdLoadingIndicator, never>;
|
|
855
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdLoadingIndicator, "md-loading-indicator", never, { "density": { "alias": "density"; "required": false; }; "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
856
|
+
}
|
|
857
|
+
export declare interface MdLoadingIndicator extends Components.MdLoadingIndicator {
|
|
858
|
+
}
|
|
859
|
+
export declare class MdMenu {
|
|
860
|
+
protected z: NgZone;
|
|
861
|
+
protected el: HTMLElement;
|
|
862
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
863
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdMenu, never>;
|
|
864
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdMenu, "md-menu", never, { "anchor": { "alias": "anchor"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "density": { "alias": "density"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "listLabel": { "alias": "listLabel"; "required": false; }; "listbox": { "alias": "listbox"; "required": false; }; "matchAnchorWidth": { "alias": "matchAnchorWidth"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "open": { "alias": "open"; "required": false; }; "persistent": { "alias": "persistent"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "quick": { "alias": "quick"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "useGap": { "alias": "useGap"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
865
|
+
}
|
|
866
|
+
export declare interface MdMenu extends Components.MdMenu {
|
|
867
|
+
/**
|
|
868
|
+
* Fires when the menu opens. Scoped to the menu element: `bubbles: false`
|
|
869
|
+
stops it climbing the light-DOM tree, and `composed: false` stops it
|
|
870
|
+
escaping the shadow root of a host that embeds this menu (md-select,
|
|
871
|
+
md-multi-select, md-date-picker …). Without `composed: false` a
|
|
872
|
+
`composed` event still surfaces at the embedding host as an
|
|
873
|
+
`AT_TARGET` event — so a consumer's `mdOpen` listener on the wrapper
|
|
874
|
+
would fire for both the wrapper's own event and this inner one
|
|
875
|
+
(duplicate open/close). Wrappers listen via `onMdOpen` on the menu
|
|
876
|
+
element itself, which still fires regardless.
|
|
877
|
+
*/
|
|
878
|
+
mdOpen: EventEmitter<CustomEvent<void>>;
|
|
879
|
+
/**
|
|
880
|
+
* Fires when the menu closes. Scoped like `mdOpen` — see its note.
|
|
881
|
+
*/
|
|
882
|
+
mdClose: EventEmitter<CustomEvent<void>>;
|
|
883
|
+
}
|
|
884
|
+
export declare class MdMenuItem {
|
|
885
|
+
protected z: NgZone;
|
|
886
|
+
protected el: HTMLElement;
|
|
887
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
888
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdMenuItem, never>;
|
|
889
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdMenuItem, "md-menu-item", never, { "badge": { "alias": "badge"; "required": false; }; "checkPosition": { "alias": "checkPosition"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "divider": { "alias": "divider"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "headline": { "alias": "headline"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "keepOpen": { "alias": "keepOpen"; "required": false; }; "presentation": { "alias": "presentation"; "required": false; }; "roleOverride": { "alias": "roleOverride"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "supportingText": { "alias": "supportingText"; "required": false; }; "trailingText": { "alias": "trailingText"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
890
|
+
}
|
|
891
|
+
export declare interface MdMenuItem extends Components.MdMenuItem {
|
|
892
|
+
/**
|
|
893
|
+
* Fires when the item is activated.
|
|
894
|
+
*/
|
|
895
|
+
mdClick: EventEmitter<CustomEvent<void>>;
|
|
896
|
+
}
|
|
897
|
+
export declare class MdMenuItemGroup {
|
|
898
|
+
protected z: NgZone;
|
|
899
|
+
protected el: HTMLElement;
|
|
900
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
901
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdMenuItemGroup, never>;
|
|
902
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdMenuItemGroup, "md-menu-item-group", never, { "density": { "alias": "density"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
903
|
+
}
|
|
904
|
+
export declare interface MdMenuItemGroup extends Components.MdMenuItemGroup {
|
|
905
|
+
}
|
|
906
|
+
export declare class MdMeter {
|
|
907
|
+
protected z: NgZone;
|
|
908
|
+
protected el: HTMLElement;
|
|
909
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
910
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdMeter, never>;
|
|
911
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdMeter, "md-meter", never, { "color": { "alias": "color"; "required": false; }; "density": { "alias": "density"; "required": false; }; "formatOptions": { "alias": "formatOptions"; "required": false; }; "label": { "alias": "label"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "showValue": { "alias": "showValue"; "required": false; }; "size": { "alias": "size"; "required": false; }; "thickness": { "alias": "thickness"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueText": { "alias": "valueText"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
912
|
+
}
|
|
913
|
+
export declare interface MdMeter extends Components.MdMeter {
|
|
914
|
+
}
|
|
915
|
+
export declare class MdMultiSelect {
|
|
916
|
+
protected z: NgZone;
|
|
917
|
+
protected el: HTMLElement;
|
|
918
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
919
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdMultiSelect, never>;
|
|
920
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdMultiSelect, "md-multi-select", never, { "chipOverflow": { "alias": "chipOverflow"; "required": false; }; "chipPosition": { "alias": "chipPosition"; "required": false; }; "clearIcon": { "alias": "clearIcon"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "countFormatter": { "alias": "countFormatter"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "displayMode": { "alias": "displayMode"; "required": false; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "filterLabel": { "alias": "filterLabel"; "required": false; }; "filterMode": { "alias": "filterMode"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "matchTriggerWidth": { "alias": "matchTriggerWidth"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "maxSelected": { "alias": "maxSelected"; "required": false; }; "name": { "alias": "name"; "required": false; }; "noOptionsText": { "alias": "noOptionsText"; "required": false; }; "noResultsText": { "alias": "noResultsText"; "required": false; }; "open": { "alias": "open"; "required": false; }; "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "required": { "alias": "required"; "required": false; }; "reserveSupportingSpace": { "alias": "reserveSupportingSpace"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "searchingLabel": { "alias": "searchingLabel"; "required": false; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; }; "softDisabled": { "alias": "softDisabled"; "required": false; }; "supportingText": { "alias": "supportingText"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; "triggerIcon": { "alias": "triggerIcon"; "required": false; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueMissingLabel": { "alias": "valueMissingLabel"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "virtualize": { "alias": "virtualize"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
921
|
+
}
|
|
922
|
+
export declare interface MdMultiSelect extends Components.MdMultiSelect {
|
|
923
|
+
/**
|
|
924
|
+
* Emits the full selected-value array whenever the selection changes.
|
|
925
|
+
*/
|
|
926
|
+
mdChange: EventEmitter<CustomEvent<string[]>>;
|
|
927
|
+
/**
|
|
928
|
+
* Emits when the menu opens.
|
|
929
|
+
*/
|
|
930
|
+
mdOpen: EventEmitter<CustomEvent<void>>;
|
|
931
|
+
/**
|
|
932
|
+
* Emits when the menu closes.
|
|
933
|
+
*/
|
|
934
|
+
mdClose: EventEmitter<CustomEvent<void>>;
|
|
935
|
+
/**
|
|
936
|
+
* Emits the removed value when a chip is dismissed.
|
|
937
|
+
*/
|
|
938
|
+
mdRemove: EventEmitter<CustomEvent<string>>;
|
|
939
|
+
/**
|
|
940
|
+
* Emits when the clear button empties the selection.
|
|
941
|
+
*/
|
|
942
|
+
mdClear: EventEmitter<CustomEvent<void>>;
|
|
943
|
+
/**
|
|
944
|
+
* Fires when this control's validity CHANGES — never on every keystroke, and
|
|
945
|
+
never for a re-publish that lands on the same state.
|
|
946
|
+
|
|
947
|
+
`composed: false` is deliberate. Composites like md-select embed an
|
|
948
|
+
md-text-field, and a composed event escapes that inner shadow root, so a
|
|
949
|
+
listener on md-select would receive the inner field's event as well as the
|
|
950
|
+
host's — two events, different payloads, for one logical control. Keeping
|
|
951
|
+
it uncomposed means each component reports only for itself, while
|
|
952
|
+
`bubbles: true` still lets a <form> or app root hear every control.
|
|
953
|
+
*/
|
|
954
|
+
mdValidityChange: EventEmitter<CustomEvent<{
|
|
955
|
+
valid: boolean;
|
|
956
|
+
validationMessage: string;
|
|
957
|
+
flags: Record<string, boolean>;
|
|
958
|
+
}>>;
|
|
959
|
+
}
|
|
960
|
+
export declare class MdNavigationBar {
|
|
961
|
+
protected z: NgZone;
|
|
962
|
+
protected el: HTMLElement;
|
|
963
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
964
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdNavigationBar, never>;
|
|
965
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdNavigationBar, "md-navigation-bar", never, { "activeIndex": { "alias": "activeIndex"; "required": false; }; "density": { "alias": "density"; "required": false; }; "labelBehavior": { "alias": "labelBehavior"; "required": false; }; "manualActivation": { "alias": "manualActivation"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
966
|
+
}
|
|
967
|
+
export declare interface MdNavigationBar extends Components.MdNavigationBar {
|
|
968
|
+
/**
|
|
969
|
+
* Emitted when the selected destination changes (user click,
|
|
970
|
+
keyboard activation, or programmatic `select()` call).
|
|
971
|
+
Detail includes both the new and previous indices so listeners
|
|
972
|
+
can short-circuit no-op reselects.
|
|
973
|
+
*/
|
|
974
|
+
mdChange: EventEmitter<CustomEvent<{
|
|
975
|
+
index: number;
|
|
976
|
+
previousIndex: number;
|
|
977
|
+
}>>;
|
|
978
|
+
}
|
|
979
|
+
export declare class MdNavigationRail {
|
|
980
|
+
protected z: NgZone;
|
|
981
|
+
protected el: HTMLElement;
|
|
982
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
983
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdNavigationRail, never>;
|
|
984
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdNavigationRail, "md-navigation-rail", never, { "activeIndex": { "alias": "activeIndex"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disableFocusManagement": { "alias": "disableFocusManagement"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "fullHeight": { "alias": "fullHeight"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelVisibility": { "alias": "labelVisibility"; "required": false; }; "maxVisible": { "alias": "maxVisible"; "required": false; }; "modal": { "alias": "modal"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "overflowIcon": { "alias": "overflowIcon"; "required": false; }; "overflowLabel": { "alias": "overflowLabel"; "required": false; }; "toggleLabel": { "alias": "toggleLabel"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
985
|
+
}
|
|
986
|
+
export declare interface MdNavigationRail extends Components.MdNavigationRail {
|
|
987
|
+
/**
|
|
988
|
+
* Emitted when the user selects a destination.
|
|
989
|
+
*/
|
|
990
|
+
mdTabChange: EventEmitter<CustomEvent<{
|
|
991
|
+
index: number;
|
|
992
|
+
value: string;
|
|
993
|
+
}>>;
|
|
994
|
+
/**
|
|
995
|
+
* Emitted when the rail transitions from collapsed → expanded.
|
|
996
|
+
*/
|
|
997
|
+
mdExpand: EventEmitter<CustomEvent<void>>;
|
|
998
|
+
/**
|
|
999
|
+
* Emitted when the rail transitions from expanded → collapsed.
|
|
1000
|
+
*/
|
|
1001
|
+
mdCollapse: EventEmitter<CustomEvent<void>>;
|
|
1002
|
+
}
|
|
1003
|
+
export declare class MdNavigationRailTab {
|
|
1004
|
+
protected z: NgZone;
|
|
1005
|
+
protected el: HTMLElement;
|
|
1006
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1007
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdNavigationRailTab, never>;
|
|
1008
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdNavigationRailTab, "md-navigation-rail-tab", never, { "active": { "alias": "active"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; "badgeValue": { "alias": "badgeValue"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "href": { "alias": "href"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelVisibility": { "alias": "labelVisibility"; "required": false; }; "target": { "alias": "target"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1009
|
+
}
|
|
1010
|
+
export declare interface MdNavigationRailTab extends Components.MdNavigationRailTab {
|
|
1011
|
+
/**
|
|
1012
|
+
* Fired when the user activates the destination (click / Enter / Space).
|
|
1013
|
+
*/
|
|
1014
|
+
mdTabClick: EventEmitter<CustomEvent<{
|
|
1015
|
+
value: string;
|
|
1016
|
+
}>>;
|
|
1017
|
+
/**
|
|
1018
|
+
* Fired when this destination's slotted dropdown opens or closes. `md-menu`'s
|
|
1019
|
+
own `mdOpen` / `mdClose` are deliberately non-bubbling and non-composed, so
|
|
1020
|
+
the rail has no way to hear them — this is the signal it listens for (it
|
|
1021
|
+
lifts its stacking context so the fixed-position menu is not trapped).
|
|
1022
|
+
*/
|
|
1023
|
+
mdSubmenuToggle: EventEmitter<CustomEvent<{
|
|
1024
|
+
open: boolean;
|
|
1025
|
+
}>>;
|
|
1026
|
+
}
|
|
1027
|
+
export declare class MdNavigationTab {
|
|
1028
|
+
protected z: NgZone;
|
|
1029
|
+
protected el: HTMLElement;
|
|
1030
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1031
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdNavigationTab, never>;
|
|
1032
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdNavigationTab, "md-navigation-tab", never, { "active": { "alias": "active"; "required": false; }; "activeIcon": { "alias": "activeIcon"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; "badgeMax": { "alias": "badgeMax"; "required": false; }; "badgeValue": { "alias": "badgeValue"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "href": { "alias": "href"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelBehavior": { "alias": "labelBehavior"; "required": false; }; "softDisabled": { "alias": "softDisabled"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1033
|
+
}
|
|
1034
|
+
export declare interface MdNavigationTab extends Components.MdNavigationTab {
|
|
1035
|
+
/**
|
|
1036
|
+
* Fired when the tab is activated (click, Enter, or Space) and the tab is
|
|
1037
|
+
not disabled. The parent `md-navigation-bar` listens for this to drive
|
|
1038
|
+
selection; external code may also listen to detect per-tab activation
|
|
1039
|
+
(including a re-click of the already-active tab, which does not emit
|
|
1040
|
+
`mdChange` on the bar).
|
|
1041
|
+
*/
|
|
1042
|
+
mdTabClick: EventEmitter<CustomEvent<{
|
|
1043
|
+
index: number;
|
|
1044
|
+
}>>;
|
|
1045
|
+
}
|
|
1046
|
+
export declare class MdNumberField {
|
|
1047
|
+
protected z: NgZone;
|
|
1048
|
+
protected el: HTMLElement;
|
|
1049
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1050
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdNumberField, never>;
|
|
1051
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdNumberField, "md-number-field", never, { "allowOutOfRange": { "alias": "allowOutOfRange"; "required": false; }; "allowWheelScrub": { "alias": "allowWheelScrub"; "required": false; }; "decrementLabel": { "alias": "decrementLabel"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "formatOptions": { "alias": "formatOptions"; "required": false; }; "incrementLabel": { "alias": "incrementLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "largeStep": { "alias": "largeStep"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "reserveSupportingSpace": { "alias": "reserveSupportingSpace"; "required": false; }; "smallStep": { "alias": "smallStep"; "required": false; }; "snapOnStep": { "alias": "snapOnStep"; "required": false; }; "step": { "alias": "step"; "required": false; }; "steppers": { "alias": "steppers"; "required": false; }; "supportingText": { "alias": "supportingText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueMissingLabel": { "alias": "valueMissingLabel"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1052
|
+
}
|
|
1053
|
+
export declare interface MdNumberField extends Components.MdNumberField {
|
|
1054
|
+
/**
|
|
1055
|
+
* Fires on every value change (typing included).
|
|
1056
|
+
*/
|
|
1057
|
+
mdInput: EventEmitter<CustomEvent<IMdNumberFieldMdNumberFieldChangeDetail>>;
|
|
1058
|
+
/**
|
|
1059
|
+
* Fires at commit points: blur/Enter reformat, stepping, wheel.
|
|
1060
|
+
*/
|
|
1061
|
+
mdChange: EventEmitter<CustomEvent<IMdNumberFieldMdNumberFieldChangeDetail>>;
|
|
1062
|
+
/**
|
|
1063
|
+
* Fires when this control's validity CHANGES — never on every keystroke, and
|
|
1064
|
+
never for a re-publish that lands on the same state.
|
|
1065
|
+
|
|
1066
|
+
`composed: false` is deliberate. Composites embedding a field would
|
|
1067
|
+
otherwise hear two events for one logical control; `bubbles: true` still
|
|
1068
|
+
lets a `<form>` or app root hear every control.
|
|
1069
|
+
*/
|
|
1070
|
+
mdValidityChange: EventEmitter<CustomEvent<{
|
|
1071
|
+
valid: boolean;
|
|
1072
|
+
validationMessage: string;
|
|
1073
|
+
flags: Record<string, boolean>;
|
|
1074
|
+
}>>;
|
|
1075
|
+
}
|
|
1076
|
+
export declare class MdOrganizationChart {
|
|
1077
|
+
protected z: NgZone;
|
|
1078
|
+
protected el: HTMLElement;
|
|
1079
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1080
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdOrganizationChart, never>;
|
|
1081
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdOrganizationChart, "md-organization-chart", never, { "collapseLabel": { "alias": "collapseLabel"; "required": false; }; "collapsible": { "alias": "collapsible"; "required": false; }; "density": { "alias": "density"; "required": false; }; "expandLabel": { "alias": "expandLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "nodes": { "alias": "nodes"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "selectedIds": { "alias": "selectedIds"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1082
|
+
}
|
|
1083
|
+
export declare interface MdOrganizationChart extends Components.MdOrganizationChart {
|
|
1084
|
+
/**
|
|
1085
|
+
* Fired when the selection changes.
|
|
1086
|
+
*/
|
|
1087
|
+
mdSelectionChange: EventEmitter<CustomEvent<IMdOrganizationChartOrgChartSelectionChangeDetail>>;
|
|
1088
|
+
/**
|
|
1089
|
+
* Fired when a node is expanded or collapsed.
|
|
1090
|
+
*/
|
|
1091
|
+
mdNodeToggle: EventEmitter<CustomEvent<IMdOrganizationChartOrgChartToggleDetail>>;
|
|
1092
|
+
}
|
|
1093
|
+
export declare class MdOtpField {
|
|
1094
|
+
protected z: NgZone;
|
|
1095
|
+
protected el: HTMLElement;
|
|
1096
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1097
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdOtpField, never>;
|
|
1098
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdOtpField, "md-otp-field", never, { "autoSubmit": { "alias": "autoSubmit"; "required": false; }; "cellLabelTemplate": { "alias": "cellLabelTemplate"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "groupSize": { "alias": "groupSize"; "required": false; }; "incompleteLabel": { "alias": "incompleteLabel"; "required": false; }; "inputMode": { "alias": "inputMode"; "required": false; }; "label": { "alias": "label"; "required": false; }; "length": { "alias": "length"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "reserveSupportingSpace": { "alias": "reserveSupportingSpace"; "required": false; }; "supportingText": { "alias": "supportingText"; "required": false; }; "transform": { "alias": "transform"; "required": false; }; "validationType": { "alias": "validationType"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueMissingLabel": { "alias": "valueMissingLabel"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1099
|
+
}
|
|
1100
|
+
export declare interface MdOtpField extends Components.MdOtpField {
|
|
1101
|
+
/**
|
|
1102
|
+
* Fires on every value change from user input (typing, clearing, paste, autofill).
|
|
1103
|
+
*/
|
|
1104
|
+
mdInput: EventEmitter<CustomEvent<string>>;
|
|
1105
|
+
/**
|
|
1106
|
+
* Commit event: fires when the code becomes complete and when focus leaves the whole group.
|
|
1107
|
+
*/
|
|
1108
|
+
mdChange: EventEmitter<CustomEvent<string>>;
|
|
1109
|
+
/**
|
|
1110
|
+
* Fires when every cell is filled. A complete paste re-fires it even if the value is unchanged.
|
|
1111
|
+
*/
|
|
1112
|
+
mdComplete: EventEmitter<CustomEvent<IMdOtpFieldMdOtpFieldCompleteDetail>>;
|
|
1113
|
+
/**
|
|
1114
|
+
* Fires when typed/pasted characters are rejected by the `validationType` charset.
|
|
1115
|
+
*/
|
|
1116
|
+
mdInvalidInput: EventEmitter<CustomEvent<IMdOtpFieldMdOtpFieldInvalidDetail>>;
|
|
1117
|
+
/**
|
|
1118
|
+
* Fires when this control's validity CHANGES — never on mount, never for a
|
|
1119
|
+
re-publish landing on the same state. `composed: false` by the library
|
|
1120
|
+
convention: each control reports only for itself; `bubbles: true` still
|
|
1121
|
+
reaches `<form>`-level listeners in the same DOM tree.
|
|
1122
|
+
*/
|
|
1123
|
+
mdValidityChange: EventEmitter<CustomEvent<IMdOtpFieldMdOtpFieldValidityDetail>>;
|
|
1124
|
+
}
|
|
1125
|
+
export declare class MdPieChart {
|
|
1126
|
+
protected z: NgZone;
|
|
1127
|
+
protected el: HTMLElement;
|
|
1128
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1129
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdPieChart, never>;
|
|
1130
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdPieChart, "md-pie-chart", never, { "animation": { "alias": "animation"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "cornerRadius": { "alias": "cornerRadius"; "required": false; }; "data": { "alias": "data"; "required": false; }; "density": { "alias": "density"; "required": false; }; "endAngle": { "alias": "endAngle"; "required": false; }; "gradient": { "alias": "gradient"; "required": false; }; "heightProp": { "alias": "heightProp"; "required": false; }; "highlight": { "alias": "highlight"; "required": false; }; "innerRadius": { "alias": "innerRadius"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelEmpty": { "alias": "labelEmpty"; "required": false; }; "labelMode": { "alias": "labelMode"; "required": false; }; "labelPlot": { "alias": "labelPlot"; "required": false; }; "labelPoint": { "alias": "labelPoint"; "required": false; }; "legend": { "alias": "legend"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "monochrome": { "alias": "monochrome"; "required": false; }; "noAnimation": { "alias": "noAnimation"; "required": false; }; "outerRadius": { "alias": "outerRadius"; "required": false; }; "paddingAngle": { "alias": "paddingAngle"; "required": false; }; "ringWidths": { "alias": "ringWidths"; "required": false; }; "showLabels": { "alias": "showLabels"; "required": false; }; "startAngle": { "alias": "startAngle"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "summary": { "alias": "summary"; "required": false; }; "tableLabels": { "alias": "tableLabels"; "required": false; }; "titleAlign": { "alias": "titleAlign"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipRenderer": { "alias": "tooltipRenderer"; "required": false; }; "valueFormatter": { "alias": "valueFormatter"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1131
|
+
}
|
|
1132
|
+
export declare interface MdPieChart extends Components.MdPieChart {
|
|
1133
|
+
mdSliceClick: EventEmitter<CustomEvent<IMdPieChartMdChartClickDetail<IMdPieChartMdPieDatum>>>;
|
|
1134
|
+
mdLegendClick: EventEmitter<CustomEvent<{
|
|
1135
|
+
dataIndex: number;
|
|
1136
|
+
selected: boolean;
|
|
1137
|
+
}>>;
|
|
1138
|
+
mdReady: EventEmitter<CustomEvent<void>>;
|
|
1139
|
+
}
|
|
1140
|
+
export declare class MdProgressIndicator {
|
|
1141
|
+
protected z: NgZone;
|
|
1142
|
+
protected el: HTMLElement;
|
|
1143
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1144
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdProgressIndicator, never>;
|
|
1145
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdProgressIndicator, "md-progress-indicator", never, { "complete": { "alias": "complete"; "required": false; }; "density": { "alias": "density"; "required": false; }; "fourColor": { "alias": "fourColor"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "size": { "alias": "size"; "required": false; }; "thickness": { "alias": "thickness"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "wave": { "alias": "wave"; "required": false; }; "waveAmplitude": { "alias": "waveAmplitude"; "required": false; }; "waveLength": { "alias": "waveLength"; "required": false; }; "waveSpeed": { "alias": "waveSpeed"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1146
|
+
}
|
|
1147
|
+
export declare interface MdProgressIndicator extends Components.MdProgressIndicator {
|
|
1148
|
+
/**
|
|
1149
|
+
* Fired when the completion animation finishes (and the indicator has hidden
|
|
1150
|
+
itself, or — for flat circular — settled on its empty track ring).
|
|
1151
|
+
*/
|
|
1152
|
+
mdComplete: EventEmitter<CustomEvent<void>>;
|
|
1153
|
+
}
|
|
1154
|
+
export declare class MdRadio {
|
|
1155
|
+
protected z: NgZone;
|
|
1156
|
+
protected el: HTMLElement;
|
|
1157
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1158
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdRadio, never>;
|
|
1159
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdRadio, "md-radio", never, { "checked": { "alias": "checked"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "softDisabled": { "alias": "softDisabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueMissingLabel": { "alias": "valueMissingLabel"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1160
|
+
}
|
|
1161
|
+
export declare interface MdRadio extends Components.MdRadio {
|
|
1162
|
+
/**
|
|
1163
|
+
* Emits when the checked state changes via user interaction
|
|
1164
|
+
*/
|
|
1165
|
+
mdChange: EventEmitter<CustomEvent<{
|
|
1166
|
+
checked: boolean;
|
|
1167
|
+
value: string;
|
|
1168
|
+
}>>;
|
|
1169
|
+
/**
|
|
1170
|
+
* Emits when the radio receives focus
|
|
1171
|
+
*/
|
|
1172
|
+
mdFocus: EventEmitter<CustomEvent<void>>;
|
|
1173
|
+
/**
|
|
1174
|
+
* Emits when the radio loses focus
|
|
1175
|
+
*/
|
|
1176
|
+
mdBlur: EventEmitter<CustomEvent<void>>;
|
|
1177
|
+
/**
|
|
1178
|
+
* Fires when this control's validity CHANGES — never on every keystroke, and
|
|
1179
|
+
never for a re-publish that lands on the same state.
|
|
1180
|
+
|
|
1181
|
+
`composed: false` is deliberate. Composites like md-select embed an
|
|
1182
|
+
md-text-field, and a composed event escapes that inner shadow root, so a
|
|
1183
|
+
listener on md-select would receive the inner field's event as well as the
|
|
1184
|
+
host's — two events, different payloads, for one logical control. Keeping
|
|
1185
|
+
it uncomposed means each component reports only for itself, while
|
|
1186
|
+
`bubbles: true` still lets a <form> or app root hear every control.
|
|
1187
|
+
*/
|
|
1188
|
+
mdValidityChange: EventEmitter<CustomEvent<{
|
|
1189
|
+
valid: boolean;
|
|
1190
|
+
validationMessage: string;
|
|
1191
|
+
flags: Record<string, boolean>;
|
|
1192
|
+
}>>;
|
|
1193
|
+
}
|
|
1194
|
+
export declare class MdRating {
|
|
1195
|
+
protected z: NgZone;
|
|
1196
|
+
protected el: HTMLElement;
|
|
1197
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1198
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdRating, never>;
|
|
1199
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdRating, "md-rating", never, { "defaultValue": { "alias": "defaultValue"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "emptyIcon": { "alias": "emptyIcon"; "required": false; }; "getLabel": { "alias": "getLabel"; "required": false; }; "hover": { "alias": "hover"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "max": { "alias": "max"; "required": false; }; "name": { "alias": "name"; "required": false; }; "outlineEmpty": { "alias": "outlineEmpty"; "required": false; }; "precision": { "alias": "precision"; "required": false; }; "ratingLabel": { "alias": "ratingLabel"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "showValueLabel": { "alias": "showValueLabel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "softDisabled": { "alias": "softDisabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1200
|
+
}
|
|
1201
|
+
export declare interface MdRating extends Components.MdRating {
|
|
1202
|
+
/**
|
|
1203
|
+
* Fires while the user is hovering (or `null` when the cursor leaves).
|
|
1204
|
+
*/
|
|
1205
|
+
mdHover: EventEmitter<CustomEvent<number | null>>;
|
|
1206
|
+
/**
|
|
1207
|
+
* Fires whenever the value changes via interaction.
|
|
1208
|
+
*/
|
|
1209
|
+
mdChange: EventEmitter<CustomEvent<number>>;
|
|
1210
|
+
}
|
|
1211
|
+
export declare class MdRipple {
|
|
1212
|
+
protected z: NgZone;
|
|
1213
|
+
protected el: HTMLElement;
|
|
1214
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1215
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdRipple, never>;
|
|
1216
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdRipple, "md-ripple", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1217
|
+
}
|
|
1218
|
+
export declare interface MdRipple extends Components.MdRipple {
|
|
1219
|
+
}
|
|
1220
|
+
export declare class MdSearch {
|
|
1221
|
+
protected z: NgZone;
|
|
1222
|
+
protected el: HTMLElement;
|
|
1223
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1224
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdSearch, never>;
|
|
1225
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdSearch, "md-search", never, { "announceResults": { "alias": "announceResults"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dismissOnOutsideClick": { "alias": "dismissOnOutsideClick"; "required": false; }; "elevation": { "alias": "elevation"; "required": false; }; "escapeCloses": { "alias": "escapeCloses"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "initialFocus": { "alias": "initialFocus"; "required": false; }; "inputAriaLabel": { "alias": "inputAriaLabel"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; }; "maxBlockSize": { "alias": "maxBlockSize"; "required": false; }; "noResultsLabel": { "alias": "noResultsLabel"; "required": false; }; "open": { "alias": "open"; "required": false; }; "openLeadingIcon": { "alias": "openLeadingIcon"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "resultsLabel": { "alias": "resultsLabel"; "required": false; }; "scrollShadow": { "alias": "scrollShadow"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "throttle": { "alias": "throttle"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; "triggerElement": { "alias": "triggerElement"; "required": false; }; "triggerFor": { "alias": "triggerFor"; "required": false; }; "triggerIcon": { "alias": "triggerIcon"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "voiceSearch": { "alias": "voiceSearch"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1226
|
+
}
|
|
1227
|
+
export declare interface MdSearch extends Components.MdSearch {
|
|
1228
|
+
/**
|
|
1229
|
+
* Fires on every input change (immediate, every keystroke).
|
|
1230
|
+
*/
|
|
1231
|
+
mdInput: EventEmitter<CustomEvent<{
|
|
1232
|
+
value: string;
|
|
1233
|
+
}>>;
|
|
1234
|
+
/**
|
|
1235
|
+
* Debounced, de-duplicated query event — the one to wire an async results
|
|
1236
|
+
fetch to. Honours `debounce` / `throttle` and applies a
|
|
1237
|
+
distinct-until-changed guard on the trimmed query (so re-typing the same
|
|
1238
|
+
term, or only adding surrounding whitespace, won't re-trigger a fetch).
|
|
1239
|
+
Pressing Enter or clearing the field flushes it immediately.
|
|
1240
|
+
*/
|
|
1241
|
+
mdSearch: EventEmitter<CustomEvent<{
|
|
1242
|
+
value: string;
|
|
1243
|
+
}>>;
|
|
1244
|
+
/**
|
|
1245
|
+
* Fires when the user presses Enter to submit a query.
|
|
1246
|
+
*/
|
|
1247
|
+
mdSubmit: EventEmitter<CustomEvent<{
|
|
1248
|
+
value: string;
|
|
1249
|
+
}>>;
|
|
1250
|
+
/**
|
|
1251
|
+
* Fires when the input loses focus with a different value than on focus.
|
|
1252
|
+
*/
|
|
1253
|
+
mdChange: EventEmitter<CustomEvent<{
|
|
1254
|
+
value: string;
|
|
1255
|
+
}>>;
|
|
1256
|
+
/**
|
|
1257
|
+
* Fires when the panel opens.
|
|
1258
|
+
*/
|
|
1259
|
+
mdOpen: EventEmitter<CustomEvent<void>>;
|
|
1260
|
+
/**
|
|
1261
|
+
* Fires when the panel closes.
|
|
1262
|
+
*/
|
|
1263
|
+
mdClose: EventEmitter<CustomEvent<void>>;
|
|
1264
|
+
/**
|
|
1265
|
+
* Fires when the user clicks the clear (×) button.
|
|
1266
|
+
*/
|
|
1267
|
+
mdClear: EventEmitter<CustomEvent<void>>;
|
|
1268
|
+
/**
|
|
1269
|
+
* Fires while voice search is active as the transcript streams in. `value`
|
|
1270
|
+
is the current (interim or final) transcript; `final` is `true` on the
|
|
1271
|
+
recognised final result. The component already mirrors the transcript into
|
|
1272
|
+
the input and fires `mdInput` / `mdSearch`, so listen to this only if you
|
|
1273
|
+
need voice-specific UI (e.g. a transcript preview).
|
|
1274
|
+
*/
|
|
1275
|
+
mdVoice: EventEmitter<CustomEvent<{
|
|
1276
|
+
value: string;
|
|
1277
|
+
final: boolean;
|
|
1278
|
+
}>>;
|
|
1279
|
+
/**
|
|
1280
|
+
* Fires when the interactive leading affordance is clicked — the morphing
|
|
1281
|
+
back / dismiss button while the bar is open, or a custom slotted `leading`
|
|
1282
|
+
icon. The default back button still dismisses the panel as before; this
|
|
1283
|
+
event is additive. The closed resting search glyph is intentionally NOT a
|
|
1284
|
+
click target (a click there focuses the input), so it does not emit.
|
|
1285
|
+
*/
|
|
1286
|
+
mdLeadingIconClick: EventEmitter<CustomEvent<IMdSearchMdSearchLeadingIconClickDetail>>;
|
|
1287
|
+
/**
|
|
1288
|
+
* Fires when a slotted `trailing` affordance is clicked. The built-in clear
|
|
1289
|
+
(×) and voice (mic) buttons own their dedicated `mdClear` / `mdVoice`
|
|
1290
|
+
events and do NOT trigger this. Only emitted when slotted trailing content
|
|
1291
|
+
is actually present and was the click target.
|
|
1292
|
+
*/
|
|
1293
|
+
mdTrailingIconClick: EventEmitter<CustomEvent<IMdSearchMdSearchTrailingIconClickDetail>>;
|
|
1294
|
+
}
|
|
1295
|
+
export declare class MdSegmentedButton {
|
|
1296
|
+
protected z: NgZone;
|
|
1297
|
+
protected el: HTMLElement;
|
|
1298
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1299
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdSegmentedButton, never>;
|
|
1300
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdSegmentedButton, "md-segmented-button", never, { "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "noCheckmark": { "alias": "noCheckmark"; "required": false; }; "ripple": { "alias": "ripple"; "required": false; }; "segmentDensity": { "alias": "segmentDensity"; "required": false; }; "segmentIndex": { "alias": "segmentIndex"; "required": false; }; "segmentMultiselect": { "alias": "segmentMultiselect"; "required": false; }; "segmentTotal": { "alias": "segmentTotal"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "softDisabled": { "alias": "softDisabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1301
|
+
}
|
|
1302
|
+
export declare interface MdSegmentedButton extends Components.MdSegmentedButton {
|
|
1303
|
+
/**
|
|
1304
|
+
* Internal event — caught by the set
|
|
1305
|
+
*/
|
|
1306
|
+
mdSegmentClick: EventEmitter<CustomEvent<{
|
|
1307
|
+
value: string;
|
|
1308
|
+
selected: boolean;
|
|
1309
|
+
}>>;
|
|
1310
|
+
}
|
|
1311
|
+
export declare class MdSegmentedButtonSet {
|
|
1312
|
+
protected z: NgZone;
|
|
1313
|
+
protected el: HTMLElement;
|
|
1314
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1315
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdSegmentedButtonSet, never>;
|
|
1316
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdSegmentedButtonSet, "md-segmented-button-set", never, { "density": { "alias": "density"; "required": false; }; "multiselect": { "alias": "multiselect"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1317
|
+
}
|
|
1318
|
+
export declare interface MdSegmentedButtonSet extends Components.MdSegmentedButtonSet {
|
|
1319
|
+
/**
|
|
1320
|
+
* Fires when the set of selected segment values changes
|
|
1321
|
+
*/
|
|
1322
|
+
mdChange: EventEmitter<CustomEvent<string[]>>;
|
|
1323
|
+
}
|
|
1324
|
+
export declare class MdSelect {
|
|
1325
|
+
protected z: NgZone;
|
|
1326
|
+
protected el: HTMLElement;
|
|
1327
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1328
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdSelect, never>;
|
|
1329
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdSelect, "md-select", never, { "clearIcon": { "alias": "clearIcon"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "filterLabel": { "alias": "filterLabel"; "required": false; }; "filterMode": { "alias": "filterMode"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "matchTriggerWidth": { "alias": "matchTriggerWidth"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "name": { "alias": "name"; "required": false; }; "noOptionsText": { "alias": "noOptionsText"; "required": false; }; "noResultsText": { "alias": "noResultsText"; "required": false; }; "open": { "alias": "open"; "required": false; }; "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "required": { "alias": "required"; "required": false; }; "reserveSupportingSpace": { "alias": "reserveSupportingSpace"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "searchingLabel": { "alias": "searchingLabel"; "required": false; }; "supportingText": { "alias": "supportingText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueMissingLabel": { "alias": "valueMissingLabel"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "virtualize": { "alias": "virtualize"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1330
|
+
}
|
|
1331
|
+
export declare interface MdSelect extends Components.MdSelect {
|
|
1332
|
+
/**
|
|
1333
|
+
* Emits the newly selected value whenever the selection changes.
|
|
1334
|
+
*/
|
|
1335
|
+
mdChange: EventEmitter<CustomEvent<string>>;
|
|
1336
|
+
/**
|
|
1337
|
+
* Emits when the dropdown opens.
|
|
1338
|
+
*/
|
|
1339
|
+
mdOpen: EventEmitter<CustomEvent<void>>;
|
|
1340
|
+
/**
|
|
1341
|
+
* Emits when the dropdown closes.
|
|
1342
|
+
*/
|
|
1343
|
+
mdClose: EventEmitter<CustomEvent<void>>;
|
|
1344
|
+
/**
|
|
1345
|
+
* Fires when this control's validity CHANGES — never on every keystroke, and
|
|
1346
|
+
never for a re-publish that lands on the same state.
|
|
1347
|
+
|
|
1348
|
+
`composed: false` is deliberate. Composites like md-select embed an
|
|
1349
|
+
md-text-field, and a composed event escapes that inner shadow root, so a
|
|
1350
|
+
listener on md-select would receive the inner field's event as well as the
|
|
1351
|
+
host's — two events, different payloads, for one logical control. Keeping
|
|
1352
|
+
it uncomposed means each component reports only for itself, while
|
|
1353
|
+
`bubbles: true` still lets a <form> or app root hear every control.
|
|
1354
|
+
*/
|
|
1355
|
+
mdValidityChange: EventEmitter<CustomEvent<{
|
|
1356
|
+
valid: boolean;
|
|
1357
|
+
validationMessage: string;
|
|
1358
|
+
flags: Record<string, boolean>;
|
|
1359
|
+
}>>;
|
|
1360
|
+
}
|
|
1361
|
+
export declare class MdSelectOption {
|
|
1362
|
+
protected z: NgZone;
|
|
1363
|
+
protected el: HTMLElement;
|
|
1364
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1365
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdSelectOption, never>;
|
|
1366
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdSelectOption, "md-select-option", never, { "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "label": { "alias": "label"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "supportingText": { "alias": "supportingText"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1367
|
+
}
|
|
1368
|
+
export declare interface MdSelectOption extends Components.MdSelectOption {
|
|
1369
|
+
/**
|
|
1370
|
+
* Fired when the option mounts, unmounts, or its data changes so the
|
|
1371
|
+
parent picker can re-read its option set.
|
|
1372
|
+
*/
|
|
1373
|
+
mdSelectOptionChange: EventEmitter<CustomEvent<void>>;
|
|
1374
|
+
}
|
|
1375
|
+
export declare class MdSideSheet {
|
|
1376
|
+
protected z: NgZone;
|
|
1377
|
+
protected el: HTMLElement;
|
|
1378
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1379
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdSideSheet, never>;
|
|
1380
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdSideSheet, "md-side-sheet", never, { "bottomDivider": { "alias": "bottomDivider"; "required": false; }; "closeable": { "alias": "closeable"; "required": false; }; "density": { "alias": "density"; "required": false; }; "detached": { "alias": "detached"; "required": false; }; "headline": { "alias": "headline"; "required": false; }; "open": { "alias": "open"; "required": false; }; "scrimDismissible": { "alias": "scrimDismissible"; "required": false; }; "sheetAriaLabel": { "alias": "sheetAriaLabel"; "required": false; }; "showBack": { "alias": "showBack"; "required": false; }; "side": { "alias": "side"; "required": false; }; "topDivider": { "alias": "topDivider"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1381
|
+
}
|
|
1382
|
+
export declare interface MdSideSheet extends Components.MdSideSheet {
|
|
1383
|
+
/**
|
|
1384
|
+
* Emits when the sheet opens
|
|
1385
|
+
*/
|
|
1386
|
+
mdOpen: EventEmitter<CustomEvent<void>>;
|
|
1387
|
+
/**
|
|
1388
|
+
* Emits when the sheet closes
|
|
1389
|
+
*/
|
|
1390
|
+
mdClose: EventEmitter<CustomEvent<void>>;
|
|
1391
|
+
/**
|
|
1392
|
+
* Emits when dismissed via scrim click or Escape
|
|
1393
|
+
*/
|
|
1394
|
+
mdCancel: EventEmitter<CustomEvent<void>>;
|
|
1395
|
+
/**
|
|
1396
|
+
* Emits when the back button is pressed (modal only)
|
|
1397
|
+
*/
|
|
1398
|
+
mdBack: EventEmitter<CustomEvent<void>>;
|
|
1399
|
+
}
|
|
1400
|
+
export declare class MdSkeleton {
|
|
1401
|
+
protected z: NgZone;
|
|
1402
|
+
protected el: HTMLElement;
|
|
1403
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1404
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdSkeleton, never>;
|
|
1405
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdSkeleton, "md-skeleton", never, { "animation": { "alias": "animation"; "required": false; }; "announce": { "alias": "announce"; "required": false; }; "ariaLabelProp": { "alias": "ariaLabelProp"; "required": false; }; "density": { "alias": "density"; "required": false; }; "fullHeight": { "alias": "fullHeight"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "height": { "alias": "height"; "required": false; }; "lines": { "alias": "lines"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1406
|
+
}
|
|
1407
|
+
export declare interface MdSkeleton extends Components.MdSkeleton {
|
|
1408
|
+
}
|
|
1409
|
+
export declare class MdSlider {
|
|
1410
|
+
protected z: NgZone;
|
|
1411
|
+
protected el: HTMLElement;
|
|
1412
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1413
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdSlider, never>;
|
|
1414
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdSlider, "md-slider", never, { "ariaLabelEnd": { "alias": "ariaLabelEnd"; "required": false; }; "ariaLabelStart": { "alias": "ariaLabelStart"; "required": false; }; "controlled": { "alias": "controlled"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fullHeight": { "alias": "fullHeight"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "insetIcon": { "alias": "insetIcon"; "required": false; }; "labeled": { "alias": "labeled"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "nameEnd": { "alias": "nameEnd"; "required": false; }; "nameStart": { "alias": "nameStart"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "range": { "alias": "range"; "required": false; }; "size": { "alias": "size"; "required": false; }; "sliderAriaLabel": { "alias": "sliderAriaLabel"; "required": false; }; "step": { "alias": "step"; "required": false; }; "stops": { "alias": "stops"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueEnd": { "alias": "valueEnd"; "required": false; }; "valueEndText": { "alias": "valueEndText"; "required": false; }; "valueIndicator": { "alias": "valueIndicator"; "required": false; }; "valueStart": { "alias": "valueStart"; "required": false; }; "valueStartText": { "alias": "valueStartText"; "required": false; }; "valueText": { "alias": "valueText"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1415
|
+
}
|
|
1416
|
+
export declare interface MdSlider extends Components.MdSlider {
|
|
1417
|
+
/**
|
|
1418
|
+
* Fires continuously while the user drags or presses arrow keys.
|
|
1419
|
+
*/
|
|
1420
|
+
mdInput: EventEmitter<CustomEvent<IMdSliderMdSliderValueDetail>>;
|
|
1421
|
+
/**
|
|
1422
|
+
* Fires once when the user commits a value (pointer up, keyboard release, change event).
|
|
1423
|
+
*/
|
|
1424
|
+
mdChange: EventEmitter<CustomEvent<IMdSliderMdSliderValueDetail>>;
|
|
1425
|
+
/**
|
|
1426
|
+
* Fires when a slider thumb receives focus.
|
|
1427
|
+
*/
|
|
1428
|
+
mdFocus: EventEmitter<CustomEvent<IMdSliderMdSliderThumbDetail>>;
|
|
1429
|
+
/**
|
|
1430
|
+
* Fires when a slider thumb loses focus.
|
|
1431
|
+
*/
|
|
1432
|
+
mdBlur: EventEmitter<CustomEvent<IMdSliderMdSliderThumbDetail>>;
|
|
1433
|
+
/**
|
|
1434
|
+
* Fires when a drag/keyboard interaction begins.
|
|
1435
|
+
*/
|
|
1436
|
+
mdDragStart: EventEmitter<CustomEvent<IMdSliderMdSliderDragDetail>>;
|
|
1437
|
+
/**
|
|
1438
|
+
* Fires when a drag/keyboard interaction ends.
|
|
1439
|
+
*/
|
|
1440
|
+
mdDragEnd: EventEmitter<CustomEvent<IMdSliderMdSliderDragDetail>>;
|
|
1441
|
+
}
|
|
1442
|
+
export declare class MdSnackbar {
|
|
1443
|
+
protected z: NgZone;
|
|
1444
|
+
protected el: HTMLElement;
|
|
1445
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1446
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdSnackbar, never>;
|
|
1447
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdSnackbar, "md-snackbar", never, { "action": { "alias": "action"; "required": false; }; "autoHide": { "alias": "autoHide"; "required": false; }; "autoHideDuration": { "alias": "autoHideDuration"; "required": false; }; "closeable": { "alias": "closeable"; "required": false; }; "density": { "alias": "density"; "required": false; }; "dismissLabel": { "alias": "dismissLabel"; "required": false; }; "message": { "alias": "message"; "required": false; }; "open": { "alias": "open"; "required": false; }; "politeness": { "alias": "politeness"; "required": false; }; "position": { "alias": "position"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1448
|
+
}
|
|
1449
|
+
export declare interface MdSnackbar extends Components.MdSnackbar {
|
|
1450
|
+
/**
|
|
1451
|
+
* Emits when the snackbar becomes visible
|
|
1452
|
+
*/
|
|
1453
|
+
mdOpen: EventEmitter<CustomEvent<void>>;
|
|
1454
|
+
/**
|
|
1455
|
+
* Emits when the snackbar is dismissed, with reason
|
|
1456
|
+
*/
|
|
1457
|
+
mdClose: EventEmitter<CustomEvent<{
|
|
1458
|
+
reason: 'auto' | 'action' | 'close';
|
|
1459
|
+
}>>;
|
|
1460
|
+
/**
|
|
1461
|
+
* Emits when the action button is clicked
|
|
1462
|
+
*/
|
|
1463
|
+
mdAction: EventEmitter<CustomEvent<void>>;
|
|
1464
|
+
}
|
|
1465
|
+
export declare class MdSparkline {
|
|
1466
|
+
protected z: NgZone;
|
|
1467
|
+
protected el: HTMLElement;
|
|
1468
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1469
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdSparkline, never>;
|
|
1470
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdSparkline, "md-sparkline", never, { "barWidth": { "alias": "barWidth"; "required": false; }; "color": { "alias": "color"; "required": false; }; "cornerRadius": { "alias": "cornerRadius"; "required": false; }; "curve": { "alias": "curve"; "required": false; }; "data": { "alias": "data"; "required": false; }; "heightProp": { "alias": "heightProp"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "lineWidth": { "alias": "lineWidth"; "required": false; }; "markSize": { "alias": "markSize"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "noAnimation": { "alias": "noAnimation"; "required": false; }; "referenceAreas": { "alias": "referenceAreas"; "required": false; }; "showMarks": { "alias": "showMarks"; "required": false; }; "showTooltip": { "alias": "showTooltip"; "required": false; }; "valueFormatter": { "alias": "valueFormatter"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1471
|
+
}
|
|
1472
|
+
export declare interface MdSparkline extends Components.MdSparkline {
|
|
1473
|
+
mdSparkClick: EventEmitter<CustomEvent<{
|
|
1474
|
+
dataIndex: number;
|
|
1475
|
+
value: number | null;
|
|
1476
|
+
}>>;
|
|
1477
|
+
mdReady: EventEmitter<CustomEvent<void>>;
|
|
1478
|
+
}
|
|
1479
|
+
export declare class MdSplitButton {
|
|
1480
|
+
protected z: NgZone;
|
|
1481
|
+
protected el: HTMLElement;
|
|
1482
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1483
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdSplitButton, never>;
|
|
1484
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdSplitButton, "md-split-button", never, { "controls": { "alias": "controls"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "haspopup": { "alias": "haspopup"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "ripple": { "alias": "ripple"; "required": false; }; "size": { "alias": "size"; "required": false; }; "softDisabled": { "alias": "softDisabled"; "required": false; }; "trailingChecked": { "alias": "trailingChecked"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1485
|
+
}
|
|
1486
|
+
export declare interface MdSplitButton extends Components.MdSplitButton {
|
|
1487
|
+
/**
|
|
1488
|
+
* Fired when the leading button is activated
|
|
1489
|
+
*/
|
|
1490
|
+
mdLeadingClick: EventEmitter<CustomEvent<void>>;
|
|
1491
|
+
/**
|
|
1492
|
+
* Fired when the trailing button is toggled
|
|
1493
|
+
*/
|
|
1494
|
+
mdTrailingClick: EventEmitter<CustomEvent<{
|
|
1495
|
+
checked: boolean;
|
|
1496
|
+
}>>;
|
|
1497
|
+
}
|
|
1498
|
+
export declare class MdStatusDot {
|
|
1499
|
+
protected z: NgZone;
|
|
1500
|
+
protected el: HTMLElement;
|
|
1501
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1502
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdStatusDot, never>;
|
|
1503
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdStatusDot, "md-status-dot", never, { "density": { "alias": "density"; "required": false; }; "label": { "alias": "label"; "required": false; }; "live": { "alias": "live"; "required": false; }; "size": { "alias": "size"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1504
|
+
}
|
|
1505
|
+
export declare interface MdStatusDot extends Components.MdStatusDot {
|
|
1506
|
+
}
|
|
1507
|
+
export declare class MdStep {
|
|
1508
|
+
protected z: NgZone;
|
|
1509
|
+
protected el: HTMLElement;
|
|
1510
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1511
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdStep, never>;
|
|
1512
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdStep, "md-step", never, { "accessibleName": { "alias": "accessibleName"; "required": false; }; "active": { "alias": "active"; "required": false; }; "completed": { "alias": "completed"; "required": false; }; "completedIcon": { "alias": "completedIcon"; "required": false; }; "density": { "alias": "density"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorIcon": { "alias": "errorIcon"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "hideActions": { "alias": "hideActions"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "optional": { "alias": "optional"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1513
|
+
}
|
|
1514
|
+
export declare interface MdStep extends Components.MdStep {
|
|
1515
|
+
/**
|
|
1516
|
+
* Bubbled to the parent stepper, which decides whether the move is allowed.
|
|
1517
|
+
Internal coordination event — consumed (and stopped) by `md-stepper`.
|
|
1518
|
+
*/
|
|
1519
|
+
mdStepClick: EventEmitter<CustomEvent<{
|
|
1520
|
+
index: number;
|
|
1521
|
+
}>>;
|
|
1522
|
+
/**
|
|
1523
|
+
* Continue pressed in this step's content panel. Consumed by `md-stepper`.
|
|
1524
|
+
*/
|
|
1525
|
+
mdStepNext: EventEmitter<CustomEvent<{
|
|
1526
|
+
index: number;
|
|
1527
|
+
}>>;
|
|
1528
|
+
/**
|
|
1529
|
+
* Back pressed in this step's content panel. Consumed by `md-stepper`.
|
|
1530
|
+
*/
|
|
1531
|
+
mdStepBack: EventEmitter<CustomEvent<{
|
|
1532
|
+
index: number;
|
|
1533
|
+
}>>;
|
|
1534
|
+
}
|
|
1535
|
+
export declare class MdStepper {
|
|
1536
|
+
protected z: NgZone;
|
|
1537
|
+
protected el: HTMLElement;
|
|
1538
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1539
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdStepper, never>;
|
|
1540
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdStepper, "md-stepper", never, { "active": { "alias": "active"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "backLabel": { "alias": "backLabel"; "required": false; }; "completedWord": { "alias": "completedWord"; "required": false; }; "currentWord": { "alias": "currentWord"; "required": false; }; "density": { "alias": "density"; "required": false; }; "errorWord": { "alias": "errorWord"; "required": false; }; "finishLabel": { "alias": "finishLabel"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "label": { "alias": "label"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "nav": { "alias": "nav"; "required": false; }; "nextDisabled": { "alias": "nextDisabled"; "required": false; }; "nextLabel": { "alias": "nextLabel"; "required": false; }; "ofWord": { "alias": "ofWord"; "required": false; }; "optionalWord": { "alias": "optionalWord"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "stepWord": { "alias": "stepWord"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1541
|
+
}
|
|
1542
|
+
export declare interface MdStepper extends Components.MdStepper {
|
|
1543
|
+
/**
|
|
1544
|
+
* Fires BEFORE a user-driven step change commits (step click, built-in nav, or
|
|
1545
|
+
`next()`/`prev()`/`goTo()`). Cancelable: call `event.preventDefault()` to
|
|
1546
|
+
veto the transition (e.g. block Continue until the current step validates).
|
|
1547
|
+
`detail.index` is the requested step, `detail.previous` the current one.
|
|
1548
|
+
Does not fire for a direct `active` property assignment — set `active`
|
|
1549
|
+
yourself to commit authoritatively (e.g. after async validation).
|
|
1550
|
+
*/
|
|
1551
|
+
mdBeforeChange: EventEmitter<CustomEvent<{
|
|
1552
|
+
index: number;
|
|
1553
|
+
previous: number;
|
|
1554
|
+
}>>;
|
|
1555
|
+
/**
|
|
1556
|
+
* Active step changed (after it commits).
|
|
1557
|
+
*/
|
|
1558
|
+
mdStepChange: EventEmitter<CustomEvent<{
|
|
1559
|
+
index: number;
|
|
1560
|
+
previous: number;
|
|
1561
|
+
}>>;
|
|
1562
|
+
/**
|
|
1563
|
+
* Continue pressed on the last step (the flow is finished).
|
|
1564
|
+
*/
|
|
1565
|
+
mdComplete: EventEmitter<CustomEvent<void>>;
|
|
1566
|
+
}
|
|
1567
|
+
export declare class MdSubMenuItem {
|
|
1568
|
+
protected z: NgZone;
|
|
1569
|
+
protected el: HTMLElement;
|
|
1570
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1571
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdSubMenuItem, never>;
|
|
1572
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdSubMenuItem, "md-sub-menu-item", never, { "badge": { "alias": "badge"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "divider": { "alias": "divider"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "headline": { "alias": "headline"; "required": false; }; "supportingText": { "alias": "supportingText"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1573
|
+
}
|
|
1574
|
+
export declare interface MdSubMenuItem extends Components.MdSubMenuItem {
|
|
1575
|
+
/**
|
|
1576
|
+
* Fires when the item row itself is clicked (not the submenu).
|
|
1577
|
+
*/
|
|
1578
|
+
mdClick: EventEmitter<CustomEvent<void>>;
|
|
1579
|
+
}
|
|
1580
|
+
export declare class MdSwitch {
|
|
1581
|
+
protected z: NgZone;
|
|
1582
|
+
protected el: HTMLElement;
|
|
1583
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1584
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdSwitch, never>;
|
|
1585
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdSwitch, "md-switch", never, { "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "selectedIcon": { "alias": "selectedIcon"; "required": false; }; "showOnlySelectedIcon": { "alias": "showOnlySelectedIcon"; "required": false; }; "softDisabled": { "alias": "softDisabled"; "required": false; }; "unselectedIcon": { "alias": "unselectedIcon"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueMissingLabel": { "alias": "valueMissingLabel"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1586
|
+
}
|
|
1587
|
+
export declare interface MdSwitch extends Components.MdSwitch {
|
|
1588
|
+
/**
|
|
1589
|
+
* Fires **before** the state changes. Call `event.preventDefault()` to
|
|
1590
|
+
block the internal toggle and manage state externally (controlled mode).
|
|
1591
|
+
|
|
1592
|
+
```ts
|
|
1593
|
+
switch.addEventListener('mdInput', (e) => {
|
|
1594
|
+
e.preventDefault(); // prevent internal toggle
|
|
1595
|
+
myState.value = e.detail.selected; // update your own state
|
|
1596
|
+
});
|
|
1597
|
+
```
|
|
1598
|
+
*/
|
|
1599
|
+
mdInput: EventEmitter<CustomEvent<{
|
|
1600
|
+
selected: boolean;
|
|
1601
|
+
}>>;
|
|
1602
|
+
/**
|
|
1603
|
+
* Fires **after** the internal state has committed. Use for side effects
|
|
1604
|
+
like saving preferences, analytics, or syncing with other components.
|
|
1605
|
+
Not cancelable — the toggle has already happened.
|
|
1606
|
+
|
|
1607
|
+
```ts
|
|
1608
|
+
switch.addEventListener('mdChange', (e) => {
|
|
1609
|
+
console.log('Switch is now', e.detail.selected ? 'ON' : 'OFF');
|
|
1610
|
+
});
|
|
1611
|
+
```
|
|
1612
|
+
*/
|
|
1613
|
+
mdChange: EventEmitter<CustomEvent<{
|
|
1614
|
+
selected: boolean;
|
|
1615
|
+
}>>;
|
|
1616
|
+
/**
|
|
1617
|
+
* Fires when this control's validity CHANGES — never on every keystroke, and
|
|
1618
|
+
never for a re-publish that lands on the same state.
|
|
1619
|
+
|
|
1620
|
+
`composed: false` is deliberate. Composites like md-select embed an
|
|
1621
|
+
md-text-field, and a composed event escapes that inner shadow root, so a
|
|
1622
|
+
listener on md-select would receive the inner field's event as well as the
|
|
1623
|
+
host's — two events, different payloads, for one logical control. Keeping
|
|
1624
|
+
it uncomposed means each component reports only for itself, while
|
|
1625
|
+
`bubbles: true` still lets a <form> or app root hear every control.
|
|
1626
|
+
*/
|
|
1627
|
+
mdValidityChange: EventEmitter<CustomEvent<{
|
|
1628
|
+
valid: boolean;
|
|
1629
|
+
validationMessage: string;
|
|
1630
|
+
flags: Record<string, boolean>;
|
|
1631
|
+
}>>;
|
|
1632
|
+
}
|
|
1633
|
+
export declare class MdTab {
|
|
1634
|
+
protected z: NgZone;
|
|
1635
|
+
protected el: HTMLElement;
|
|
1636
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1637
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdTab, never>;
|
|
1638
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdTab, "md-tab", never, { "active": { "alias": "active"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; "controls": { "alias": "controls"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "inlineIcon": { "alias": "inlineIcon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1639
|
+
}
|
|
1640
|
+
export declare interface MdTab extends Components.MdTab {
|
|
1641
|
+
/**
|
|
1642
|
+
* Emits when the tab is activated by click or keyboard
|
|
1643
|
+
*/
|
|
1644
|
+
mdTabClick: EventEmitter<CustomEvent<void>>;
|
|
1645
|
+
}
|
|
1646
|
+
export declare class MdTabPanel {
|
|
1647
|
+
protected z: NgZone;
|
|
1648
|
+
protected el: HTMLElement;
|
|
1649
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1650
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdTabPanel, never>;
|
|
1651
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdTabPanel, "md-tab-panel", never, { "active": { "alias": "active"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1652
|
+
}
|
|
1653
|
+
export declare interface MdTabPanel extends Components.MdTabPanel {
|
|
1654
|
+
}
|
|
1655
|
+
export declare class MdTabPanels {
|
|
1656
|
+
protected z: NgZone;
|
|
1657
|
+
protected el: HTMLElement;
|
|
1658
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1659
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdTabPanels, never>;
|
|
1660
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdTabPanels, "md-tab-panels", never, { "for": { "alias": "for"; "required": false; }; "sizing": { "alias": "sizing"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1661
|
+
}
|
|
1662
|
+
export declare interface MdTabPanels extends Components.MdTabPanels {
|
|
1663
|
+
}
|
|
1664
|
+
export declare class MdTable {
|
|
1665
|
+
protected z: NgZone;
|
|
1666
|
+
protected el: HTMLElement;
|
|
1667
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1668
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdTable, never>;
|
|
1669
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdTable, "md-table", never, { "caption": { "alias": "caption"; "required": false; }; "columnTemplate": { "alias": "columnTemplate"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "density": { "alias": "density"; "required": false; }; "empty": { "alias": "empty"; "required": false; }; "frozenHeader": { "alias": "frozenHeader"; "required": false; }; "hoverable": { "alias": "hoverable"; "required": false; }; "keepHeight": { "alias": "keepHeight"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingMode": { "alias": "loadingMode"; "required": false; }; "loadingRows": { "alias": "loadingRows"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "motion": { "alias": "motion"; "required": false; }; "noDividers": { "alias": "noDividers"; "required": false; }; "pinIcon": { "alias": "pinIcon"; "required": false; }; "pinMode": { "alias": "pinMode"; "required": false; }; "rowCount": { "alias": "rowCount"; "required": false; }; "rowOffset": { "alias": "rowOffset"; "required": false; }; "scrollbar": { "alias": "scrollbar"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "sortBy": { "alias": "sortBy"; "required": false; }; "sortOrder": { "alias": "sortOrder"; "required": false; }; "stickyFooter": { "alias": "stickyFooter"; "required": false; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "summary": { "alias": "summary"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1670
|
+
}
|
|
1671
|
+
export declare interface MdTable extends Components.MdTable {
|
|
1672
|
+
/**
|
|
1673
|
+
* Emitted when sort changes (after a `md-table-sort-label` is clicked).
|
|
1674
|
+
*/
|
|
1675
|
+
mdSortChange: EventEmitter<CustomEvent<IMdTableMdTableSortState>>;
|
|
1676
|
+
/**
|
|
1677
|
+
* Emitted whenever the row selection state changes.
|
|
1678
|
+
*/
|
|
1679
|
+
mdSelectionChange: EventEmitter<CustomEvent<IMdTableMdTableSelectionState>>;
|
|
1680
|
+
/**
|
|
1681
|
+
* Emits when a column is pinned/unpinned via `pinColumn`.
|
|
1682
|
+
*/
|
|
1683
|
+
mdPinChange: EventEmitter<CustomEvent<{
|
|
1684
|
+
column: number;
|
|
1685
|
+
side: 'start' | 'end' | null;
|
|
1686
|
+
}>>;
|
|
1687
|
+
/**
|
|
1688
|
+
* Emits when a column is hidden/shown via `setColumnVisibility`.
|
|
1689
|
+
*/
|
|
1690
|
+
mdColumnVisibilityChange: EventEmitter<CustomEvent<{
|
|
1691
|
+
column: number;
|
|
1692
|
+
visible: boolean;
|
|
1693
|
+
hidden: number[];
|
|
1694
|
+
}>>;
|
|
1695
|
+
/**
|
|
1696
|
+
* rAF-throttled scroll position of the frozen body scroller.
|
|
1697
|
+
*/
|
|
1698
|
+
mdScroll: EventEmitter<CustomEvent<{
|
|
1699
|
+
scrollLeft: number;
|
|
1700
|
+
scrollTop: number;
|
|
1701
|
+
}>>;
|
|
1702
|
+
}
|
|
1703
|
+
export declare class MdTableBody {
|
|
1704
|
+
protected z: NgZone;
|
|
1705
|
+
protected el: HTMLElement;
|
|
1706
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1707
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdTableBody, never>;
|
|
1708
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdTableBody, "md-table-body", never, {}, {}, never, ["*"], false, never>;
|
|
1709
|
+
}
|
|
1710
|
+
export declare interface MdTableBody extends Components.MdTableBody {
|
|
1711
|
+
}
|
|
1712
|
+
export declare class MdTableCell {
|
|
1713
|
+
protected z: NgZone;
|
|
1714
|
+
protected el: HTMLElement;
|
|
1715
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1716
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdTableCell, never>;
|
|
1717
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdTableCell, "md-table-cell", never, { "align": { "alias": "align"; "required": false; }; "colSpan": { "alias": "colSpan"; "required": false; }; "density": { "alias": "density"; "required": false; }; "ellipsis": { "alias": "ellipsis"; "required": false; }; "head": { "alias": "head"; "required": false; }; "noPinIndicator": { "alias": "noPinIndicator"; "required": false; }; "numeric": { "alias": "numeric"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "pinIcon": { "alias": "pinIcon"; "required": false; }; "rowSpan": { "alias": "rowSpan"; "required": false; }; "scope": { "alias": "scope"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1718
|
+
}
|
|
1719
|
+
export declare interface MdTableCell extends Components.MdTableCell {
|
|
1720
|
+
}
|
|
1721
|
+
export declare class MdTableContainer {
|
|
1722
|
+
protected z: NgZone;
|
|
1723
|
+
protected el: HTMLElement;
|
|
1724
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1725
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdTableContainer, never>;
|
|
1726
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdTableContainer, "md-table-container", never, { "elevation": { "alias": "elevation"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "vibrant": { "alias": "vibrant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1727
|
+
}
|
|
1728
|
+
export declare interface MdTableContainer extends Components.MdTableContainer {
|
|
1729
|
+
}
|
|
1730
|
+
export declare class MdTableExpandToggle {
|
|
1731
|
+
protected z: NgZone;
|
|
1732
|
+
protected el: HTMLElement;
|
|
1733
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1734
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdTableExpandToggle, never>;
|
|
1735
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdTableExpandToggle, "md-table-expand-toggle", never, { "buttonLabel": { "alias": "buttonLabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1736
|
+
}
|
|
1737
|
+
export declare interface MdTableExpandToggle extends Components.MdTableExpandToggle {
|
|
1738
|
+
}
|
|
1739
|
+
export declare class MdTableFoot {
|
|
1740
|
+
protected z: NgZone;
|
|
1741
|
+
protected el: HTMLElement;
|
|
1742
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1743
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdTableFoot, never>;
|
|
1744
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdTableFoot, "md-table-foot", never, {}, {}, never, ["*"], false, never>;
|
|
1745
|
+
}
|
|
1746
|
+
export declare interface MdTableFoot extends Components.MdTableFoot {
|
|
1747
|
+
}
|
|
1748
|
+
export declare class MdTableHead {
|
|
1749
|
+
protected z: NgZone;
|
|
1750
|
+
protected el: HTMLElement;
|
|
1751
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1752
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdTableHead, never>;
|
|
1753
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdTableHead, "md-table-head", never, {}, {}, never, ["*"], false, never>;
|
|
1754
|
+
}
|
|
1755
|
+
export declare interface MdTableHead extends Components.MdTableHead {
|
|
1756
|
+
}
|
|
1757
|
+
export declare class MdTablePagination {
|
|
1758
|
+
protected z: NgZone;
|
|
1759
|
+
protected el: HTMLElement;
|
|
1760
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1761
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdTablePagination, never>;
|
|
1762
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdTablePagination, "md-table-pagination", never, { "compact": { "alias": "compact"; "required": false; }; "count": { "alias": "count"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "labelAll": { "alias": "labelAll"; "required": false; }; "labelDisplayedRows": { "alias": "labelDisplayedRows"; "required": false; }; "labelFirstPage": { "alias": "labelFirstPage"; "required": false; }; "labelLastPage": { "alias": "labelLastPage"; "required": false; }; "labelNextPage": { "alias": "labelNextPage"; "required": false; }; "labelPreviousPage": { "alias": "labelPreviousPage"; "required": false; }; "labelRowsPerPage": { "alias": "labelRowsPerPage"; "required": false; }; "page": { "alias": "page"; "required": false; }; "rowsPerPage": { "alias": "rowsPerPage"; "required": false; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; }; "showFirstLast": { "alias": "showFirstLast"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1763
|
+
}
|
|
1764
|
+
export declare interface MdTablePagination extends Components.MdTablePagination {
|
|
1765
|
+
/**
|
|
1766
|
+
* Fired when the user changes the page.
|
|
1767
|
+
*/
|
|
1768
|
+
mdPageChange: EventEmitter<CustomEvent<{
|
|
1769
|
+
page: number;
|
|
1770
|
+
}>>;
|
|
1771
|
+
/**
|
|
1772
|
+
* Fired when the user changes rows-per-page.
|
|
1773
|
+
*/
|
|
1774
|
+
mdRowsPerPageChange: EventEmitter<CustomEvent<{
|
|
1775
|
+
rowsPerPage: number;
|
|
1776
|
+
}>>;
|
|
1777
|
+
}
|
|
1778
|
+
export declare class MdTableRow {
|
|
1779
|
+
protected z: NgZone;
|
|
1780
|
+
protected el: HTMLElement;
|
|
1781
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1782
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdTableRow, never>;
|
|
1783
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdTableRow, "md-table-row", never, { "clickable": { "alias": "clickable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "highlight": { "alias": "highlight"; "required": false; }; "rowgroup": { "alias": "rowgroup"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1784
|
+
}
|
|
1785
|
+
export declare interface MdTableRow extends Components.MdTableRow {
|
|
1786
|
+
/**
|
|
1787
|
+
* Fired when the user clicks (or Enter/Space-activates) the row.
|
|
1788
|
+
*/
|
|
1789
|
+
mdRowClick: EventEmitter<CustomEvent<{
|
|
1790
|
+
value: string;
|
|
1791
|
+
row: HTMLElement;
|
|
1792
|
+
}>>;
|
|
1793
|
+
/**
|
|
1794
|
+
* Fired when the `selected` state changes (used by `<md-table>` for
|
|
1795
|
+
selection coordination).
|
|
1796
|
+
*/
|
|
1797
|
+
mdRowSelectionChange: EventEmitter<CustomEvent<{
|
|
1798
|
+
selected: boolean;
|
|
1799
|
+
value: string;
|
|
1800
|
+
}>>;
|
|
1801
|
+
/**
|
|
1802
|
+
* Fired when the row's expanded state changes.
|
|
1803
|
+
*/
|
|
1804
|
+
mdRowExpandedChange: EventEmitter<CustomEvent<{
|
|
1805
|
+
expanded: boolean;
|
|
1806
|
+
}>>;
|
|
1807
|
+
}
|
|
1808
|
+
export declare class MdTableSortLabel {
|
|
1809
|
+
protected z: NgZone;
|
|
1810
|
+
protected el: HTMLElement;
|
|
1811
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1812
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdTableSortLabel, never>;
|
|
1813
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdTableSortLabel, "md-table-sort-label", never, { "active": { "alias": "active"; "required": false; }; "column": { "alias": "column"; "required": false; }; "defaultOrder": { "alias": "defaultOrder"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "order": { "alias": "order"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1814
|
+
}
|
|
1815
|
+
export declare interface MdTableSortLabel extends Components.MdTableSortLabel {
|
|
1816
|
+
/**
|
|
1817
|
+
* Fired when the user requests to sort by this column.
|
|
1818
|
+
*/
|
|
1819
|
+
mdSortRequest: EventEmitter<CustomEvent<{
|
|
1820
|
+
column: string;
|
|
1821
|
+
defaultOrder: 'asc' | 'desc';
|
|
1822
|
+
}>>;
|
|
1823
|
+
}
|
|
1824
|
+
export declare class MdTableToolbar {
|
|
1825
|
+
protected z: NgZone;
|
|
1826
|
+
protected el: HTMLElement;
|
|
1827
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1828
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdTableToolbar, never>;
|
|
1829
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdTableToolbar, "md-table-toolbar", never, { "autoBind": { "alias": "autoBind"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "density": { "alias": "density"; "required": false; }; "headline": { "alias": "headline"; "required": false; }; "labelSelected": { "alias": "labelSelected"; "required": false; }; "numSelected": { "alias": "numSelected"; "required": false; }; "supportingText": { "alias": "supportingText"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1830
|
+
}
|
|
1831
|
+
export declare interface MdTableToolbar extends Components.MdTableToolbar {
|
|
1832
|
+
}
|
|
1833
|
+
export declare class MdTabs {
|
|
1834
|
+
protected z: NgZone;
|
|
1835
|
+
protected el: HTMLElement;
|
|
1836
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1837
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdTabs, never>;
|
|
1838
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdTabs, "md-tabs", never, { "activeTabIndex": { "alias": "activeTabIndex"; "required": false; }; "ariaLabelProp": { "alias": "ariaLabelProp"; "required": false; }; "tabWidth": { "alias": "tabWidth"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1839
|
+
}
|
|
1840
|
+
export declare interface MdTabs extends Components.MdTabs {
|
|
1841
|
+
/**
|
|
1842
|
+
* Emits when the active tab changes
|
|
1843
|
+
*/
|
|
1844
|
+
mdTabChange: EventEmitter<CustomEvent<{
|
|
1845
|
+
index: number;
|
|
1846
|
+
previousIndex: number;
|
|
1847
|
+
}>>;
|
|
1848
|
+
}
|
|
1849
|
+
export declare class MdTextField {
|
|
1850
|
+
protected z: NgZone;
|
|
1851
|
+
protected el: HTMLElement;
|
|
1852
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1853
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdTextField, never>;
|
|
1854
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdTextField, "md-text-field", never, { "appearFocused": { "alias": "appearFocused"; "required": false; }; "autoCapitalize": { "alias": "autoCapitalize"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "chipsWrap": { "alias": "chipsWrap"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterKeyHint": { "alias": "enterKeyHint"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "focusBorderWidth": { "alias": "focusBorderWidth"; "required": false; }; "formatOn": { "alias": "formatOn"; "required": false; }; "formatter": { "alias": "formatter"; "required": false; }; "inputAriaAutocomplete": { "alias": "inputAriaAutocomplete"; "required": false; }; "inputExpanded": { "alias": "inputExpanded"; "required": false; }; "inputMode": { "alias": "inputMode"; "required": false; }; "inputRole": { "alias": "inputRole"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; "name": { "alias": "name"; "required": false; }; "parser": { "alias": "parser"; "required": false; }; "passwordToggle": { "alias": "passwordToggle"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "prefixText": { "alias": "prefixText"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "reserveSupportingSpace": { "alias": "reserveSupportingSpace"; "required": false; }; "restrict": { "alias": "restrict"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "speechLang": { "alias": "speechLang"; "required": false; }; "speechToText": { "alias": "speechToText"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "step": { "alias": "step"; "required": false; }; "suffixText": { "alias": "suffixText"; "required": false; }; "supportingText": { "alias": "supportingText"; "required": false; }; "throttle": { "alias": "throttle"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1855
|
+
}
|
|
1856
|
+
export declare interface MdTextField extends Components.MdTextField {
|
|
1857
|
+
mdInput: EventEmitter<CustomEvent<string>>;
|
|
1858
|
+
mdChange: EventEmitter<CustomEvent<string>>;
|
|
1859
|
+
/**
|
|
1860
|
+
* Emitted with debounce/throttle control. Useful for search-as-you-type, API calls, or filtering.
|
|
1861
|
+
*/
|
|
1862
|
+
mdSearch: EventEmitter<CustomEvent<string>>;
|
|
1863
|
+
mdClear: EventEmitter<CustomEvent<void>>;
|
|
1864
|
+
mdPasswordToggle: EventEmitter<CustomEvent<{
|
|
1865
|
+
visible: boolean;
|
|
1866
|
+
}>>;
|
|
1867
|
+
mdSpeechResult: EventEmitter<CustomEvent<{
|
|
1868
|
+
transcript: string;
|
|
1869
|
+
listening: boolean;
|
|
1870
|
+
}>>;
|
|
1871
|
+
/**
|
|
1872
|
+
* Fires when this control's validity CHANGES — never on every keystroke, and
|
|
1873
|
+
never for a re-publish that lands on the same state.
|
|
1874
|
+
|
|
1875
|
+
`composed: false` is deliberate. Composites like md-select embed an
|
|
1876
|
+
md-text-field, and a composed event escapes that inner shadow root, so a
|
|
1877
|
+
listener on md-select would receive the inner field's event as well as the
|
|
1878
|
+
host's — two events, different payloads, for one logical control. Keeping
|
|
1879
|
+
it uncomposed means each component reports only for itself, while
|
|
1880
|
+
`bubbles: true` still lets a <form> or app root hear every control.
|
|
1881
|
+
*/
|
|
1882
|
+
mdValidityChange: EventEmitter<CustomEvent<{
|
|
1883
|
+
valid: boolean;
|
|
1884
|
+
validationMessage: string;
|
|
1885
|
+
flags: Record<string, boolean>;
|
|
1886
|
+
}>>;
|
|
1887
|
+
}
|
|
1888
|
+
export declare class MdTimePicker {
|
|
1889
|
+
protected z: NgZone;
|
|
1890
|
+
protected el: HTMLElement;
|
|
1891
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1892
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdTimePicker, never>;
|
|
1893
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdTimePicker, "md-time-picker", never, { "amLabel": { "alias": "amLabel"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "format": { "alias": "format"; "required": false; }; "headline": { "alias": "headline"; "required": false; }; "headlineDialLabel": { "alias": "headlineDialLabel"; "required": false; }; "headlineInputLabel": { "alias": "headlineInputLabel"; "required": false; }; "hideTrigger": { "alias": "hideTrigger"; "required": false; }; "hourLabel": { "alias": "hourLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minuteLabel": { "alias": "minuteLabel"; "required": false; }; "minuteStep": { "alias": "minuteStep"; "required": false; }; "name": { "alias": "name"; "required": false; }; "okLabel": { "alias": "okLabel"; "required": false; }; "open": { "alias": "open"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "periodLabel": { "alias": "periodLabel"; "required": false; }; "periodLayout": { "alias": "periodLayout"; "required": false; }; "pmLabel": { "alias": "pmLabel"; "required": false; }; "rangeOutsideLabel": { "alias": "rangeOutsideLabel"; "required": false; }; "rangeOverflowLabel": { "alias": "rangeOverflowLabel"; "required": false; }; "rangeUnderflowLabel": { "alias": "rangeUnderflowLabel"; "required": false; }; "required": { "alias": "required"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "toggleDialLabel": { "alias": "toggleDialLabel"; "required": false; }; "toggleInputLabel": { "alias": "toggleInputLabel"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueMissingLabel": { "alias": "valueMissingLabel"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1894
|
+
}
|
|
1895
|
+
export declare interface MdTimePicker extends Components.MdTimePicker {
|
|
1896
|
+
/**
|
|
1897
|
+
* Emitted when the user confirms the chosen time (OK button, or
|
|
1898
|
+
Enter inside the HH/MM fields while the buffers are valid).
|
|
1899
|
+
This is the canonical "the user has committed a value" event —
|
|
1900
|
+
use it for form integration, persistence, and analytics.
|
|
1901
|
+
|
|
1902
|
+
The detail bundle includes both the human-friendly `value` and
|
|
1903
|
+
three industry-standard ISO / Date representations so
|
|
1904
|
+
downstream code never has to re-format the time itself.
|
|
1905
|
+
*/
|
|
1906
|
+
mdChange: EventEmitter<CustomEvent<IMdTimePickerMdTimePickerChangeDetail>>;
|
|
1907
|
+
/**
|
|
1908
|
+
* Emitted on every intermediate change while the dialog is
|
|
1909
|
+
open — dial drag, dial-mode keyboard typing, AM/PM toggle,
|
|
1910
|
+
and input-variant keystrokes that produce a valid HH:MM.
|
|
1911
|
+
|
|
1912
|
+
Mirrors the HTML `input` event semantics ("fires for every
|
|
1913
|
+
user-driven mutation") and matches the pattern used by
|
|
1914
|
+
`md-date-picker` / `md-text-field`. Use `mdInput` for live
|
|
1915
|
+
previews and `mdChange` for the final commit. The detail
|
|
1916
|
+
shape is identical to `mdChange` so a previewer can read the
|
|
1917
|
+
same fields regardless of which event arrived.
|
|
1918
|
+
*/
|
|
1919
|
+
mdInput: EventEmitter<CustomEvent<IMdTimePickerMdTimePickerChangeDetail>>;
|
|
1920
|
+
/**
|
|
1921
|
+
* Emitted when the picker opens.
|
|
1922
|
+
*/
|
|
1923
|
+
mdOpen: EventEmitter<CustomEvent<void>>;
|
|
1924
|
+
/**
|
|
1925
|
+
* Emitted when the picker closes (whether confirmed, cancelled, or dismissed).
|
|
1926
|
+
*/
|
|
1927
|
+
mdClose: EventEmitter<CustomEvent<void>>;
|
|
1928
|
+
/**
|
|
1929
|
+
* Emitted when the picker is cancelled or dismissed without committing.
|
|
1930
|
+
*/
|
|
1931
|
+
mdCancel: EventEmitter<CustomEvent<void>>;
|
|
1932
|
+
/**
|
|
1933
|
+
* Emitted when the user switches between the dial and input
|
|
1934
|
+
variants via the dialog's keyboard / clock toggle. Lets
|
|
1935
|
+
analytics or sibling UI react to the variant change (e.g.
|
|
1936
|
+
announce the new mode to screen readers, or resize a hosting
|
|
1937
|
+
dialog wrapper).
|
|
1938
|
+
*/
|
|
1939
|
+
mdModeChange: EventEmitter<CustomEvent<IMdTimePickerMdTimePickerModeChangeDetail>>;
|
|
1940
|
+
/**
|
|
1941
|
+
* Fires when this control's validity CHANGES — never on every keystroke, and
|
|
1942
|
+
never for a re-publish that lands on the same state.
|
|
1943
|
+
|
|
1944
|
+
`composed: false` is deliberate. Composites like md-select embed an
|
|
1945
|
+
md-text-field, and a composed event escapes that inner shadow root, so a
|
|
1946
|
+
listener on md-select would receive the inner field's event as well as the
|
|
1947
|
+
host's — two events, different payloads, for one logical control. Keeping
|
|
1948
|
+
it uncomposed means each component reports only for itself, while
|
|
1949
|
+
`bubbles: true` still lets a <form> or app root hear every control.
|
|
1950
|
+
*/
|
|
1951
|
+
mdValidityChange: EventEmitter<CustomEvent<{
|
|
1952
|
+
valid: boolean;
|
|
1953
|
+
validationMessage: string;
|
|
1954
|
+
flags: Record<string, boolean>;
|
|
1955
|
+
}>>;
|
|
1956
|
+
}
|
|
1957
|
+
export declare class MdToolbar {
|
|
1958
|
+
protected z: NgZone;
|
|
1959
|
+
protected el: HTMLElement;
|
|
1960
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1961
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdToolbar, never>;
|
|
1962
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdToolbar, "md-toolbar", never, { "alignment": { "alias": "alignment"; "required": false; }; "ariaLabelProp": { "alias": "ariaLabelProp"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "color": { "alias": "color"; "required": false; }; "containerSemantics": { "alias": "containerSemantics"; "required": false; }; "density": { "alias": "density"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1963
|
+
}
|
|
1964
|
+
export declare interface MdToolbar extends Components.MdToolbar {
|
|
1965
|
+
}
|
|
1966
|
+
export declare class MdTooltip {
|
|
1967
|
+
protected z: NgZone;
|
|
1968
|
+
protected el: HTMLElement;
|
|
1969
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1970
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdTooltip, never>;
|
|
1971
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdTooltip, "md-tooltip", never, { "autoPosition": { "alias": "autoPosition"; "required": false; }; "crossOffset": { "alias": "crossOffset"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hideDelay": { "alias": "hideDelay"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "open": { "alias": "open"; "required": false; }; "position": { "alias": "position"; "required": false; }; "showDelay": { "alias": "showDelay"; "required": false; }; "subhead": { "alias": "subhead"; "required": false; }; "text": { "alias": "text"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1972
|
+
}
|
|
1973
|
+
export declare interface MdTooltip extends Components.MdTooltip {
|
|
1974
|
+
/**
|
|
1975
|
+
* Emits when the tooltip becomes visible. `bubbles:false` + `composed:false` keep it
|
|
1976
|
+
from crossing the shadow boundary and retargeting onto an embedding host (the repo's
|
|
1977
|
+
documented composed-event-leak class — see md-date-picker's swallow guards).
|
|
1978
|
+
*/
|
|
1979
|
+
mdOpen: EventEmitter<CustomEvent<void>>;
|
|
1980
|
+
/**
|
|
1981
|
+
* Emits when the tooltip is dismissed (does not bubble or cross shadow boundaries).
|
|
1982
|
+
*/
|
|
1983
|
+
mdClose: EventEmitter<CustomEvent<void>>;
|
|
1984
|
+
}
|
|
1985
|
+
export declare class MdTransferList {
|
|
1986
|
+
protected z: NgZone;
|
|
1987
|
+
protected el: HTMLElement;
|
|
1988
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1989
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MdTransferList, never>;
|
|
1990
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MdTransferList, "md-transfer-list", never, { "countTemplate": { "alias": "countTemplate"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "emptyIcon": { "alias": "emptyIcon"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; "items": { "alias": "items"; "required": false; }; "moveAllLeftIcon": { "alias": "moveAllLeftIcon"; "required": false; }; "moveAllLeftLabel": { "alias": "moveAllLeftLabel"; "required": false; }; "moveAllRightIcon": { "alias": "moveAllRightIcon"; "required": false; }; "moveAllRightLabel": { "alias": "moveAllRightLabel"; "required": false; }; "moveLeftIcon": { "alias": "moveLeftIcon"; "required": false; }; "moveLeftLabel": { "alias": "moveLeftLabel"; "required": false; }; "moveRightIcon": { "alias": "moveRightIcon"; "required": false; }; "moveRightLabel": { "alias": "moveRightLabel"; "required": false; }; "searchIcon": { "alias": "searchIcon"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; }; "singleStepOnly": { "alias": "singleStepOnly"; "required": false; }; "sourceSearchPlaceholder": { "alias": "sourceSearchPlaceholder"; "required": false; }; "sourceTitle": { "alias": "sourceTitle"; "required": false; }; "targetSearchPlaceholder": { "alias": "targetSearchPlaceholder"; "required": false; }; "targetTitle": { "alias": "targetTitle"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1991
|
+
}
|
|
1992
|
+
export declare interface MdTransferList extends Components.MdTransferList {
|
|
1993
|
+
/**
|
|
1994
|
+
* Fires on every change to the target value.
|
|
1995
|
+
*/
|
|
1996
|
+
mdChange: EventEmitter<CustomEvent<string[]>>;
|
|
1997
|
+
/**
|
|
1998
|
+
* Fires after items are moved. detail describes the operation.
|
|
1999
|
+
*/
|
|
2000
|
+
mdMove: EventEmitter<CustomEvent<{
|
|
2001
|
+
direction: 'left' | 'right';
|
|
2002
|
+
moved: string[];
|
|
2003
|
+
target: string[];
|
|
2004
|
+
}>>;
|
|
2005
|
+
}
|