@angular/material 19.0.0-next.4 → 19.0.0-next.6
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/_index.scss +1 -1
- package/autocomplete/index.d.ts +5 -15
- package/badge/index.d.ts +3 -7
- package/bottom-sheet/index.d.ts +5 -15
- package/button/index.d.ts +20 -24
- package/button-toggle/index.d.ts +5 -8
- package/card/index.d.ts +2 -2
- package/checkbox/index.d.ts +4 -6
- package/chips/index.d.ts +13 -24
- package/core/_core.scss +6 -0
- package/core/index.d.ts +14 -19
- package/datepicker/index.d.ts +44 -70
- package/dialog/index.d.ts +10 -34
- package/dialog/testing/index.d.ts +1 -1
- package/expansion/index.d.ts +9 -13
- package/fesm2022/autocomplete/testing.mjs.map +1 -1
- package/fesm2022/autocomplete.mjs +32 -62
- package/fesm2022/autocomplete.mjs.map +1 -1
- package/fesm2022/badge/testing.mjs.map +1 -1
- package/fesm2022/badge.mjs +12 -19
- package/fesm2022/badge.mjs.map +1 -1
- package/fesm2022/bottom-sheet/testing.mjs.map +1 -1
- package/fesm2022/bottom-sheet.mjs +17 -32
- package/fesm2022/bottom-sheet.mjs.map +1 -1
- package/fesm2022/button/testing.mjs.map +1 -1
- package/fesm2022/button-toggle/testing.mjs.map +1 -1
- package/fesm2022/button-toggle.mjs +18 -34
- package/fesm2022/button-toggle.mjs.map +1 -1
- package/fesm2022/button.mjs +44 -113
- package/fesm2022/button.mjs.map +1 -1
- package/fesm2022/card/testing.mjs.map +1 -1
- package/fesm2022/card.mjs +5 -9
- package/fesm2022/card.mjs.map +1 -1
- package/fesm2022/checkbox/testing.mjs.map +1 -1
- package/fesm2022/checkbox.mjs +14 -24
- package/fesm2022/checkbox.mjs.map +1 -1
- package/fesm2022/chips/testing.mjs.map +1 -1
- package/fesm2022/chips.mjs +61 -112
- package/fesm2022/chips.mjs.map +1 -1
- package/fesm2022/core/testing.mjs.map +1 -1
- package/fesm2022/core.mjs +31 -66
- package/fesm2022/core.mjs.map +1 -1
- package/fesm2022/datepicker/testing.mjs.map +1 -1
- package/fesm2022/datepicker.mjs +132 -268
- package/fesm2022/datepicker.mjs.map +1 -1
- package/fesm2022/dialog/testing.mjs +3 -3
- package/fesm2022/dialog/testing.mjs.map +1 -1
- package/fesm2022/dialog.mjs +27 -85
- package/fesm2022/dialog.mjs.map +1 -1
- package/fesm2022/divider/testing.mjs.map +1 -1
- package/fesm2022/divider.mjs.map +1 -1
- package/fesm2022/expansion/testing.mjs.map +1 -1
- package/fesm2022/expansion.mjs +32 -67
- package/fesm2022/expansion.mjs.map +1 -1
- package/fesm2022/form-field/testing/control.mjs.map +1 -1
- package/fesm2022/form-field/testing.mjs.map +1 -1
- package/fesm2022/form-field.mjs +42 -62
- package/fesm2022/form-field.mjs.map +1 -1
- package/fesm2022/grid-list/testing.mjs.map +1 -1
- package/fesm2022/grid-list.mjs +16 -23
- package/fesm2022/grid-list.mjs.map +1 -1
- package/fesm2022/icon/testing.mjs.map +1 -1
- package/fesm2022/icon.mjs +11 -20
- package/fesm2022/icon.mjs.map +1 -1
- package/fesm2022/input/testing.mjs.map +1 -1
- package/fesm2022/input.mjs +23 -47
- package/fesm2022/input.mjs.map +1 -1
- package/fesm2022/list/testing.mjs.map +1 -1
- package/fesm2022/list.mjs +59 -98
- package/fesm2022/list.mjs.map +1 -1
- package/fesm2022/material.mjs.map +1 -1
- package/fesm2022/menu/testing.mjs.map +1 -1
- package/fesm2022/menu.mjs +51 -99
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/paginator/testing.mjs.map +1 -1
- package/fesm2022/paginator.mjs.map +1 -1
- package/fesm2022/progress-bar/testing.mjs.map +1 -1
- package/fesm2022/progress-bar.mjs +12 -19
- package/fesm2022/progress-bar.mjs.map +1 -1
- package/fesm2022/progress-spinner/testing.mjs.map +1 -1
- package/fesm2022/progress-spinner.mjs +8 -14
- package/fesm2022/progress-spinner.mjs.map +1 -1
- package/fesm2022/radio/testing.mjs.map +1 -1
- package/fesm2022/radio.mjs +21 -34
- package/fesm2022/radio.mjs.map +1 -1
- package/fesm2022/select/testing.mjs.map +1 -1
- package/fesm2022/select.mjs +26 -58
- package/fesm2022/select.mjs.map +1 -1
- package/fesm2022/sidenav/testing.mjs.map +1 -1
- package/fesm2022/sidenav.mjs +50 -70
- package/fesm2022/sidenav.mjs.map +1 -1
- package/fesm2022/slide-toggle/testing.mjs.map +1 -1
- package/fesm2022/slide-toggle.mjs +13 -21
- package/fesm2022/slide-toggle.mjs.map +1 -1
- package/fesm2022/slider/testing.mjs.map +1 -1
- package/fesm2022/slider.mjs +49 -57
- package/fesm2022/slider.mjs.map +1 -1
- package/fesm2022/snack-bar/testing.mjs.map +1 -1
- package/fesm2022/snack-bar.mjs +30 -43
- package/fesm2022/snack-bar.mjs.map +1 -1
- package/fesm2022/sort/testing.mjs.map +1 -1
- package/fesm2022/sort.mjs +18 -37
- package/fesm2022/sort.mjs.map +1 -1
- package/fesm2022/stepper/testing.mjs.map +1 -1
- package/fesm2022/stepper.mjs +30 -42
- package/fesm2022/stepper.mjs.map +1 -1
- package/fesm2022/table/testing.mjs.map +1 -1
- package/fesm2022/table.mjs.map +1 -1
- package/fesm2022/tabs/testing.mjs.map +1 -1
- package/fesm2022/tabs.mjs +87 -142
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/toolbar/testing.mjs.map +1 -1
- package/fesm2022/toolbar.mjs +8 -12
- package/fesm2022/toolbar.mjs.map +1 -1
- package/fesm2022/tooltip/testing.mjs.map +1 -1
- package/fesm2022/tooltip.mjs +45 -59
- package/fesm2022/tooltip.mjs.map +1 -1
- package/fesm2022/tree/testing.mjs.map +1 -1
- package/fesm2022/tree.mjs +13 -40
- package/fesm2022/tree.mjs.map +1 -1
- package/form-field/index.d.ts +10 -24
- package/grid-list/index.d.ts +6 -8
- package/icon/index.d.ts +2 -2
- package/input/index.d.ts +3 -7
- package/list/index.d.ts +10 -14
- package/menu/index.d.ts +15 -49
- package/package.json +2 -2
- package/progress-bar/index.d.ts +3 -5
- package/progress-spinner/index.d.ts +2 -2
- package/radio/index.d.ts +5 -8
- package/schematics/ng-add/fonts/material-fonts.d.ts +1 -1
- package/schematics/ng-add/fonts/material-fonts.js +2 -2
- package/schematics/ng-add/fonts/material-fonts.mjs +2 -2
- package/schematics/ng-add/index.d.ts +1 -1
- package/schematics/ng-add/index.js +3 -3
- package/schematics/ng-add/index.mjs +3 -3
- package/schematics/ng-add/package-config.d.ts +1 -1
- package/schematics/ng-add/package-config.js +2 -2
- package/schematics/ng-add/package-config.mjs +2 -2
- package/schematics/ng-add/schema.d.ts +1 -1
- package/schematics/ng-add/schema.js +2 -2
- package/schematics/ng-add/schema.mjs +2 -2
- package/schematics/ng-add/setup-project.d.ts +1 -1
- package/schematics/ng-add/setup-project.js +3 -3
- package/schematics/ng-add/setup-project.mjs +3 -3
- package/schematics/ng-add/theming/create-custom-theme.d.ts +1 -1
- package/schematics/ng-add/theming/create-custom-theme.js +2 -2
- package/schematics/ng-add/theming/create-custom-theme.mjs +2 -2
- package/schematics/ng-add/theming/theming.d.ts +1 -1
- package/schematics/ng-add/theming/theming.js +2 -2
- package/schematics/ng-add/theming/theming.mjs +2 -2
- package/schematics/ng-generate/address-form/index.d.ts +1 -1
- package/schematics/ng-generate/address-form/index.js +2 -2
- package/schematics/ng-generate/address-form/index.mjs +2 -2
- package/schematics/ng-generate/address-form/schema.d.ts +1 -1
- package/schematics/ng-generate/address-form/schema.js +2 -2
- package/schematics/ng-generate/address-form/schema.mjs +2 -2
- package/schematics/ng-generate/dashboard/index.d.ts +1 -1
- package/schematics/ng-generate/dashboard/index.js +2 -2
- package/schematics/ng-generate/dashboard/index.mjs +2 -2
- package/schematics/ng-generate/dashboard/schema.d.ts +1 -1
- package/schematics/ng-generate/dashboard/schema.js +2 -2
- package/schematics/ng-generate/dashboard/schema.mjs +2 -2
- package/schematics/ng-generate/m3-theme/index_bundled.js +1 -1
- package/schematics/ng-generate/m3-theme/index_bundled.js.map +1 -1
- package/schematics/ng-generate/navigation/index.d.ts +1 -1
- package/schematics/ng-generate/navigation/index.js +2 -2
- package/schematics/ng-generate/navigation/index.mjs +2 -2
- package/schematics/ng-generate/navigation/schema.d.ts +1 -1
- package/schematics/ng-generate/navigation/schema.js +2 -2
- package/schematics/ng-generate/navigation/schema.mjs +2 -2
- package/schematics/ng-generate/table/index.d.ts +1 -1
- package/schematics/ng-generate/table/index.js +2 -2
- package/schematics/ng-generate/table/index.mjs +2 -2
- package/schematics/ng-generate/table/schema.d.ts +1 -1
- package/schematics/ng-generate/table/schema.js +2 -2
- package/schematics/ng-generate/table/schema.mjs +2 -2
- package/schematics/ng-generate/tree/index.d.ts +1 -1
- package/schematics/ng-generate/tree/index.js +2 -2
- package/schematics/ng-generate/tree/index.mjs +2 -2
- package/schematics/ng-generate/tree/schema.d.ts +1 -1
- package/schematics/ng-generate/tree/schema.js +2 -2
- package/schematics/ng-generate/tree/schema.mjs +2 -2
- package/schematics/ng-update/index_bundled.js +6518 -2
- package/schematics/ng-update/index_bundled.js.map +4 -4
- package/select/index.d.ts +4 -14
- package/sidenav/index.d.ts +7 -17
- package/slide-toggle/index.d.ts +2 -2
- package/slider/index.d.ts +8 -8
- package/snack-bar/index.d.ts +6 -22
- package/sort/index.d.ts +4 -20
- package/stepper/index.d.ts +6 -13
- package/tabs/index.d.ts +21 -32
- package/toolbar/index.d.ts +3 -4
- package/tooltip/index.d.ts +5 -12
- package/tree/index.d.ts +5 -18
package/dialog/index.d.ts
CHANGED
|
@@ -7,11 +7,8 @@ import { ComponentType } from '@angular/cdk/overlay';
|
|
|
7
7
|
import { Dialog } from '@angular/cdk/dialog';
|
|
8
8
|
import { DialogRef } from '@angular/cdk/dialog';
|
|
9
9
|
import { Direction } from '@angular/cdk/bidi';
|
|
10
|
-
import { ElementRef } from '@angular/core';
|
|
11
10
|
import { EventEmitter } from '@angular/core';
|
|
12
|
-
import { FocusMonitor } from '@angular/cdk/a11y';
|
|
13
11
|
import { FocusOrigin } from '@angular/cdk/a11y';
|
|
14
|
-
import { FocusTrapFactory } from '@angular/cdk/a11y';
|
|
15
12
|
import * as i0 from '@angular/core';
|
|
16
13
|
import * as i1 from '@angular/cdk/scrolling';
|
|
17
14
|
import * as i1_2 from '@angular/cdk/dialog';
|
|
@@ -20,16 +17,11 @@ import * as i3 from '@angular/cdk/portal';
|
|
|
20
17
|
import * as i4 from '@angular/material/core';
|
|
21
18
|
import { InjectionToken } from '@angular/core';
|
|
22
19
|
import { Injector } from '@angular/core';
|
|
23
|
-
import { InteractivityChecker } from '@angular/cdk/a11y';
|
|
24
|
-
import { Location as Location_2 } from '@angular/common';
|
|
25
|
-
import { NgZone } from '@angular/core';
|
|
26
20
|
import { Observable } from 'rxjs';
|
|
27
21
|
import { OnChanges } from '@angular/core';
|
|
28
22
|
import { OnDestroy } from '@angular/core';
|
|
29
23
|
import { OnInit } from '@angular/core';
|
|
30
24
|
import { Overlay } from '@angular/cdk/overlay';
|
|
31
|
-
import { OverlayContainer } from '@angular/cdk/overlay';
|
|
32
|
-
import { OverlayRef } from '@angular/cdk/overlay';
|
|
33
25
|
import { ScrollStrategy } from '@angular/cdk/overlay';
|
|
34
26
|
import { SimpleChanges } from '@angular/core';
|
|
35
27
|
import { Subject } from 'rxjs';
|
|
@@ -134,10 +126,10 @@ export declare class MatDialog implements OnDestroy {
|
|
|
134
126
|
private _defaultOptions;
|
|
135
127
|
private _scrollStrategy;
|
|
136
128
|
private _parentDialog;
|
|
129
|
+
protected _dialog: Dialog;
|
|
137
130
|
private readonly _openDialogsAtThisLevel;
|
|
138
131
|
private readonly _afterAllClosedAtThisLevel;
|
|
139
132
|
private readonly _afterOpenedAtThisLevel;
|
|
140
|
-
protected _dialog: Dialog;
|
|
141
133
|
protected dialogConfigClass: typeof MatDialogConfig;
|
|
142
134
|
private readonly _dialogRefConstructor;
|
|
143
135
|
private readonly _dialogContainerType;
|
|
@@ -152,22 +144,7 @@ export declare class MatDialog implements OnDestroy {
|
|
|
152
144
|
* Will emit on subscribe if there are no open dialogs to begin with.
|
|
153
145
|
*/
|
|
154
146
|
readonly afterAllClosed: Observable<void>;
|
|
155
|
-
constructor(
|
|
156
|
-
/**
|
|
157
|
-
* @deprecated `_location` parameter to be removed.
|
|
158
|
-
* @breaking-change 10.0.0
|
|
159
|
-
*/
|
|
160
|
-
location: Location_2, _defaultOptions: MatDialogConfig, _scrollStrategy: any, _parentDialog: MatDialog,
|
|
161
|
-
/**
|
|
162
|
-
* @deprecated No longer used. To be removed.
|
|
163
|
-
* @breaking-change 15.0.0
|
|
164
|
-
*/
|
|
165
|
-
_overlayContainer: OverlayContainer,
|
|
166
|
-
/**
|
|
167
|
-
* @deprecated No longer used. To be removed.
|
|
168
|
-
* @breaking-change 14.0.0
|
|
169
|
-
*/
|
|
170
|
-
_animationMode?: 'NoopAnimations' | 'BrowserAnimations');
|
|
147
|
+
constructor(...args: unknown[]);
|
|
171
148
|
/**
|
|
172
149
|
* Opens a modal dialog containing the given component.
|
|
173
150
|
* @param component Type of the component to load into the dialog.
|
|
@@ -194,7 +171,7 @@ export declare class MatDialog implements OnDestroy {
|
|
|
194
171
|
getDialogById(id: string): MatDialogRef<any> | undefined;
|
|
195
172
|
ngOnDestroy(): void;
|
|
196
173
|
private _closeDialogs;
|
|
197
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MatDialog,
|
|
174
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatDialog, never>;
|
|
198
175
|
static ɵprov: i0.ɵɵInjectableDeclaration<MatDialog>;
|
|
199
176
|
}
|
|
200
177
|
|
|
@@ -225,7 +202,7 @@ export declare const matDialogAnimations: {
|
|
|
225
202
|
* Button that will close the current dialog.
|
|
226
203
|
*/
|
|
227
204
|
export declare class MatDialogClose implements OnInit, OnChanges {
|
|
228
|
-
dialogRef: MatDialogRef<any>;
|
|
205
|
+
dialogRef: MatDialogRef<any, any>;
|
|
229
206
|
private _elementRef;
|
|
230
207
|
private _dialog;
|
|
231
208
|
/** Screen-reader label for the button. */
|
|
@@ -235,11 +212,11 @@ export declare class MatDialogClose implements OnInit, OnChanges {
|
|
|
235
212
|
/** Dialog close input. */
|
|
236
213
|
dialogResult: any;
|
|
237
214
|
_matDialogClose: any;
|
|
238
|
-
constructor(
|
|
215
|
+
constructor(...args: unknown[]);
|
|
239
216
|
ngOnInit(): void;
|
|
240
217
|
ngOnChanges(changes: SimpleChanges): void;
|
|
241
218
|
_onButtonClick(event: MouseEvent): void;
|
|
242
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MatDialogClose,
|
|
219
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatDialogClose, never>;
|
|
243
220
|
static ɵdir: i0.ɵɵDirectiveDeclaration<MatDialogClose, "[mat-dialog-close], [matDialogClose]", ["matDialogClose"], { "ariaLabel": { "alias": "aria-label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "dialogResult": { "alias": "mat-dialog-close"; "required": false; }; "_matDialogClose": { "alias": "matDialogClose"; "required": false; }; }, {}, never, never, true, never>;
|
|
244
221
|
}
|
|
245
222
|
|
|
@@ -350,7 +327,6 @@ export declare class MatDialogContainer extends CdkDialogContainer<MatDialogConf
|
|
|
350
327
|
private _exitAnimationDuration;
|
|
351
328
|
/** Current timer for dialog animations. */
|
|
352
329
|
private _animationTimer;
|
|
353
|
-
constructor(elementRef: ElementRef, focusTrapFactory: FocusTrapFactory, _document: any, dialogConfig: MatDialogConfig, interactivityChecker: InteractivityChecker, ngZone: NgZone, overlayRef: OverlayRef, _unusedAnimationMode?: string, focusMonitor?: FocusMonitor);
|
|
354
330
|
protected _contentAttached(): void;
|
|
355
331
|
/** Starts the dialog open animation if enabled. */
|
|
356
332
|
private _startOpenAnimation;
|
|
@@ -387,7 +363,7 @@ export declare class MatDialogContainer extends CdkDialogContainer<MatDialogConf
|
|
|
387
363
|
protected _openAnimationDone(totalTime: number): void;
|
|
388
364
|
ngOnDestroy(): void;
|
|
389
365
|
attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;
|
|
390
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MatDialogContainer,
|
|
366
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatDialogContainer, never>;
|
|
391
367
|
static ɵcmp: i0.ɵɵComponentDeclaration<MatDialogContainer, "mat-dialog-container", never, {}, {}, never, never, true, never>;
|
|
392
368
|
}
|
|
393
369
|
|
|
@@ -400,15 +376,15 @@ export declare class MatDialogContent {
|
|
|
400
376
|
}
|
|
401
377
|
|
|
402
378
|
declare abstract class MatDialogLayoutSection implements OnInit, OnDestroy {
|
|
403
|
-
protected _dialogRef: MatDialogRef<any>;
|
|
379
|
+
protected _dialogRef: MatDialogRef<any, any>;
|
|
404
380
|
private _elementRef;
|
|
405
381
|
private _dialog;
|
|
406
|
-
constructor(
|
|
382
|
+
constructor(...args: unknown[]);
|
|
407
383
|
protected abstract _onAdd(): void;
|
|
408
384
|
protected abstract _onRemove(): void;
|
|
409
385
|
ngOnInit(): void;
|
|
410
386
|
ngOnDestroy(): void;
|
|
411
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MatDialogLayoutSection,
|
|
387
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatDialogLayoutSection, never>;
|
|
412
388
|
static ɵdir: i0.ɵɵDirectiveDeclaration<MatDialogLayoutSection, never, never, {}, {}, never, never, true, never>;
|
|
413
389
|
}
|
|
414
390
|
|
|
@@ -76,7 +76,7 @@ export declare class MatTestDialogOpener<T = unknown, R = unknown> implements On
|
|
|
76
76
|
private readonly _ngZone;
|
|
77
77
|
/** Static method that prepares this class to open the provided component. */
|
|
78
78
|
static withComponent<T = unknown, R = unknown>(component: ComponentType<T>, config?: MatDialogConfig): ComponentType<MatTestDialogOpener<T, R>>;
|
|
79
|
-
constructor(
|
|
79
|
+
constructor(...args: unknown[]);
|
|
80
80
|
ngOnDestroy(): void;
|
|
81
81
|
}
|
|
82
82
|
|
package/expansion/index.d.ts
CHANGED
|
@@ -4,11 +4,9 @@ import { AnimationEvent as AnimationEvent_2 } from '@angular/animations';
|
|
|
4
4
|
import { AnimationTriggerMetadata } from '@angular/animations';
|
|
5
5
|
import { CdkAccordion } from '@angular/cdk/accordion';
|
|
6
6
|
import { CdkAccordionItem } from '@angular/cdk/accordion';
|
|
7
|
-
import { ChangeDetectorRef } from '@angular/core';
|
|
8
7
|
import { ElementRef } from '@angular/core';
|
|
9
8
|
import { EventEmitter } from '@angular/core';
|
|
10
9
|
import { FocusableOption } from '@angular/cdk/a11y';
|
|
11
|
-
import { FocusMonitor } from '@angular/cdk/a11y';
|
|
12
10
|
import { FocusOrigin } from '@angular/cdk/a11y';
|
|
13
11
|
import * as i0 from '@angular/core';
|
|
14
12
|
import * as i1 from '@angular/material/core';
|
|
@@ -22,8 +20,6 @@ import { SimpleChanges } from '@angular/core';
|
|
|
22
20
|
import { Subject } from 'rxjs';
|
|
23
21
|
import { TemplatePortal } from '@angular/cdk/portal';
|
|
24
22
|
import { TemplateRef } from '@angular/core';
|
|
25
|
-
import { UniqueSelectionDispatcher } from '@angular/cdk/collections';
|
|
26
|
-
import { ViewContainerRef } from '@angular/core';
|
|
27
23
|
|
|
28
24
|
/** Time and timing curve for expansion panel animations. */
|
|
29
25
|
export declare const EXPANSION_PANEL_ANIMATION_TIMING = "225ms cubic-bezier(0.4,0.0,0.2,1)";
|
|
@@ -170,7 +166,7 @@ export declare class MatExpansionModule {
|
|
|
170
166
|
*/
|
|
171
167
|
export declare class MatExpansionPanel extends CdkAccordionItem implements AfterContentInit, OnChanges, OnDestroy {
|
|
172
168
|
private _viewContainerRef;
|
|
173
|
-
_animationMode:
|
|
169
|
+
_animationMode: "NoopAnimations" | "BrowserAnimations" | null;
|
|
174
170
|
protected _animationsDisabled: boolean;
|
|
175
171
|
private _document;
|
|
176
172
|
/** Whether the toggle indicator should be hidden. */
|
|
@@ -197,7 +193,7 @@ export declare class MatExpansionPanel extends CdkAccordionItem implements After
|
|
|
197
193
|
_portal: TemplatePortal;
|
|
198
194
|
/** ID for the associated header element. Used for a11y labelling. */
|
|
199
195
|
_headerId: string;
|
|
200
|
-
constructor(
|
|
196
|
+
constructor(...args: unknown[]);
|
|
201
197
|
/** Determines whether the expansion panel should have spacing between it and its siblings. */
|
|
202
198
|
_hasSpacing(): boolean;
|
|
203
199
|
/** Gets the expanded state string. */
|
|
@@ -217,7 +213,7 @@ export declare class MatExpansionPanel extends CdkAccordionItem implements After
|
|
|
217
213
|
protected _animationStarted(event: AnimationEvent_2): void;
|
|
218
214
|
/** Called when the expansion animation has finished. */
|
|
219
215
|
protected _animationDone(event: AnimationEvent_2): void;
|
|
220
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MatExpansionPanel,
|
|
216
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatExpansionPanel, never>;
|
|
221
217
|
static ɵcmp: i0.ɵɵComponentDeclaration<MatExpansionPanel, "mat-expansion-panel", ["matExpansionPanel"], { "hideToggle": { "alias": "hideToggle"; "required": false; }; "togglePosition": { "alias": "togglePosition"; "required": false; }; }, { "afterExpand": "afterExpand"; "afterCollapse": "afterCollapse"; }, ["_lazyContent"], ["mat-expansion-panel-header", "*", "mat-action-row"], true, never>;
|
|
222
218
|
static ngAcceptInputType_hideToggle: unknown;
|
|
223
219
|
}
|
|
@@ -245,9 +241,9 @@ declare interface MatExpansionPanelBase extends CdkAccordionItem {
|
|
|
245
241
|
*/
|
|
246
242
|
export declare class MatExpansionPanelContent {
|
|
247
243
|
_template: TemplateRef<any>;
|
|
248
|
-
_expansionPanel
|
|
249
|
-
constructor(
|
|
250
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MatExpansionPanelContent,
|
|
244
|
+
_expansionPanel: MatExpansionPanelBase | null;
|
|
245
|
+
constructor(...args: unknown[]);
|
|
246
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatExpansionPanelContent, never>;
|
|
251
247
|
static ɵdir: i0.ɵɵDirectiveDeclaration<MatExpansionPanelContent, "ng-template[matExpansionPanelContent]", never, {}, {}, never, never, true, never>;
|
|
252
248
|
}
|
|
253
249
|
|
|
@@ -280,9 +276,9 @@ export declare class MatExpansionPanelHeader implements AfterViewInit, OnDestroy
|
|
|
280
276
|
private _element;
|
|
281
277
|
private _focusMonitor;
|
|
282
278
|
private _changeDetectorRef;
|
|
283
|
-
_animationMode
|
|
279
|
+
_animationMode: "NoopAnimations" | "BrowserAnimations" | null;
|
|
284
280
|
private _parentChangeSubscription;
|
|
285
|
-
constructor(
|
|
281
|
+
constructor(...args: unknown[]);
|
|
286
282
|
/** Height of the header while the panel is expanded. */
|
|
287
283
|
expandedHeight: string;
|
|
288
284
|
/** Height of the header while the panel is collapsed. */
|
|
@@ -321,7 +317,7 @@ export declare class MatExpansionPanelHeader implements AfterViewInit, OnDestroy
|
|
|
321
317
|
focus(origin?: FocusOrigin, options?: FocusOptions): void;
|
|
322
318
|
ngAfterViewInit(): void;
|
|
323
319
|
ngOnDestroy(): void;
|
|
324
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MatExpansionPanelHeader,
|
|
320
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatExpansionPanelHeader, never>;
|
|
325
321
|
static ɵcmp: i0.ɵɵComponentDeclaration<MatExpansionPanelHeader, "mat-expansion-panel-header", never, { "expandedHeight": { "alias": "expandedHeight"; "required": false; }; "collapsedHeight": { "alias": "collapsedHeight"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, never, ["mat-panel-title", "mat-panel-description", "*"], true, never>;
|
|
326
322
|
static ngAcceptInputType_tabIndex: unknown;
|
|
327
323
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"testing.mjs","sources":["../../../../../../../src/material/autocomplete/testing/autocomplete-harness.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.
|
|
1
|
+
{"version":3,"file":"testing.mjs","sources":["../../../../../../../src/material/autocomplete/testing/autocomplete-harness.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {coerceBooleanProperty} from '@angular/cdk/coercion';\nimport {\n ComponentHarness,\n ComponentHarnessConstructor,\n HarnessPredicate,\n TestElement,\n} from '@angular/cdk/testing';\nimport {\n MatOptgroupHarness,\n MatOptionHarness,\n OptgroupHarnessFilters,\n OptionHarnessFilters,\n} from '@angular/material/core/testing';\nimport {AutocompleteHarnessFilters} from './autocomplete-harness-filters';\n\nexport class MatAutocompleteHarness extends ComponentHarness {\n private _documentRootLocator = this.documentRootLocatorFactory();\n\n /** The selector for the host element of a `MatAutocomplete` instance. */\n static hostSelector = '.mat-mdc-autocomplete-trigger';\n\n /**\n * Gets a `HarnessPredicate` that can be used to search for an autocomplete with specific\n * attributes.\n * @param options Options for filtering which autocomplete instances are considered a match.\n * @return a `HarnessPredicate` configured with the given options.\n */\n static with<T extends MatAutocompleteHarness>(\n this: ComponentHarnessConstructor<T>,\n options: AutocompleteHarnessFilters = {},\n ): HarnessPredicate<T> {\n return new HarnessPredicate(this, options)\n .addOption('value', options.value, (harness, value) =>\n HarnessPredicate.stringMatches(harness.getValue(), value),\n )\n .addOption('disabled', options.disabled, async (harness, disabled) => {\n return (await harness.isDisabled()) === disabled;\n });\n }\n\n /** Gets the value of the autocomplete input. */\n async getValue(): Promise<string> {\n return (await this.host()).getProperty<string>('value');\n }\n\n /** Whether the autocomplete input is disabled. */\n async isDisabled(): Promise<boolean> {\n const disabled = (await this.host()).getAttribute('disabled');\n return coerceBooleanProperty(await disabled);\n }\n\n /** Focuses the autocomplete input. */\n async focus(): Promise<void> {\n return (await this.host()).focus();\n }\n\n /** Blurs the autocomplete input. */\n async blur(): Promise<void> {\n return (await this.host()).blur();\n }\n\n /** Whether the autocomplete input is focused. */\n async isFocused(): Promise<boolean> {\n return (await this.host()).isFocused();\n }\n\n /** Enters text into the autocomplete. */\n async enterText(value: string): Promise<void> {\n return (await this.host()).sendKeys(value);\n }\n\n /** Clears the input value. */\n async clear(): Promise<void> {\n return (await this.host()).clear();\n }\n\n /** Gets the options inside the autocomplete panel. */\n async getOptions(filters?: Omit<OptionHarnessFilters, 'ancestor'>): Promise<MatOptionHarness[]> {\n if (!(await this.isOpen())) {\n throw new Error('Unable to retrieve options for autocomplete. Autocomplete panel is closed.');\n }\n\n return this._documentRootLocator.locatorForAll(\n MatOptionHarness.with({\n ...(filters || {}),\n ancestor: await this._getPanelSelector(),\n } as OptionHarnessFilters),\n )();\n }\n\n /** Gets the option groups inside the autocomplete panel. */\n async getOptionGroups(\n filters?: Omit<OptgroupHarnessFilters, 'ancestor'>,\n ): Promise<MatOptgroupHarness[]> {\n if (!(await this.isOpen())) {\n throw new Error(\n 'Unable to retrieve option groups for autocomplete. Autocomplete panel is closed.',\n );\n }\n\n return this._documentRootLocator.locatorForAll(\n MatOptgroupHarness.with({\n ...(filters || {}),\n ancestor: await this._getPanelSelector(),\n } as OptgroupHarnessFilters),\n )();\n }\n\n /** Selects the first option matching the given filters. */\n async selectOption(filters: OptionHarnessFilters): Promise<void> {\n await this.focus(); // Focus the input to make sure the autocomplete panel is shown.\n const options = await this.getOptions(filters);\n if (!options.length) {\n throw Error(`Could not find a mat-option matching ${JSON.stringify(filters)}`);\n }\n await options[0].click();\n }\n\n /** Whether the autocomplete is open. */\n async isOpen(): Promise<boolean> {\n const panel = await this._getPanel();\n return !!panel && (await panel.hasClass(`mat-mdc-autocomplete-visible`));\n }\n\n /** Gets the panel associated with this autocomplete trigger. */\n private async _getPanel(): Promise<TestElement | null> {\n // Technically this is static, but it needs to be in a\n // function, because the autocomplete's panel ID can changed.\n return this._documentRootLocator.locatorForOptional(await this._getPanelSelector())();\n }\n\n /** Gets the selector that can be used to find the autocomplete trigger's panel. */\n protected async _getPanelSelector(): Promise<string> {\n return `#${await (await this.host()).getAttribute('aria-controls')}`;\n }\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -1,25 +1,21 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { InjectionToken, EventEmitter, booleanAttribute, TemplateRef, Component, ViewEncapsulation, ChangeDetectionStrategy,
|
|
2
|
+
import { InjectionToken, inject, ChangeDetectorRef, ElementRef, EventEmitter, booleanAttribute, TemplateRef, Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, ContentChildren, Input, Output, Directive, forwardRef, ViewContainerRef, NgZone, Injector, afterNextRender, NgModule } from '@angular/core';
|
|
3
3
|
import { MAT_OPTION_PARENT_COMPONENT, MatOption, MAT_OPTGROUP, MatOptionSelectionChange, _countGroupLabelsBeforeOption, _getOptionScrollPosition, MatOptionModule, MatCommonModule } from '@angular/material/core';
|
|
4
4
|
export { MatOptgroup, MatOption } from '@angular/material/core';
|
|
5
5
|
import { DOCUMENT, CommonModule } from '@angular/common';
|
|
6
|
-
import
|
|
7
|
-
import { CdkScrollableModule } from '@angular/cdk/scrolling';
|
|
8
|
-
import * as i1$1 from '@angular/cdk/overlay';
|
|
6
|
+
import { ViewportRuler, CdkScrollableModule } from '@angular/cdk/scrolling';
|
|
9
7
|
import { Overlay, OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
|
|
10
8
|
import { ActiveDescendantKeyManager, removeAriaReferencedId, addAriaReferencedId } from '@angular/cdk/a11y';
|
|
11
|
-
import
|
|
12
|
-
import { _getEventTarget } from '@angular/cdk/platform';
|
|
9
|
+
import { Platform, _getEventTarget } from '@angular/cdk/platform';
|
|
13
10
|
import { trigger, state, style, transition, group, animate } from '@angular/animations';
|
|
14
11
|
import { Subscription, Subject, defer, merge, of, fromEvent, Observable } from 'rxjs';
|
|
12
|
+
import { Directionality } from '@angular/cdk/bidi';
|
|
15
13
|
import { ESCAPE, hasModifierKey, UP_ARROW, ENTER, DOWN_ARROW, TAB } from '@angular/cdk/keycodes';
|
|
16
14
|
import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
|
|
17
15
|
import { TemplatePortal } from '@angular/cdk/portal';
|
|
18
16
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
19
|
-
import * as i4 from '@angular/material/form-field';
|
|
20
17
|
import { MAT_FORM_FIELD } from '@angular/material/form-field';
|
|
21
18
|
import { startWith, switchMap, filter, map, tap, delay, take } from 'rxjs/operators';
|
|
22
|
-
import * as i2 from '@angular/cdk/bidi';
|
|
23
19
|
|
|
24
20
|
// Animation values come from
|
|
25
21
|
// TODO(mmalerba): Ideally find a way to import the values from MDC's code.
|
|
@@ -102,10 +98,10 @@ class MatAutocomplete {
|
|
|
102
98
|
}
|
|
103
99
|
}
|
|
104
100
|
}
|
|
105
|
-
constructor(
|
|
106
|
-
this._changeDetectorRef =
|
|
107
|
-
this._elementRef =
|
|
108
|
-
this._defaults =
|
|
101
|
+
constructor() {
|
|
102
|
+
this._changeDetectorRef = inject(ChangeDetectorRef);
|
|
103
|
+
this._elementRef = inject(ElementRef);
|
|
104
|
+
this._defaults = inject(MAT_AUTOCOMPLETE_DEFAULT_OPTIONS);
|
|
109
105
|
this._activeOptionChanges = Subscription.EMPTY;
|
|
110
106
|
/** Emits when the panel animation is done. Null if the panel doesn't animate. */
|
|
111
107
|
this._animationDone = new EventEmitter();
|
|
@@ -124,14 +120,15 @@ class MatAutocomplete {
|
|
|
124
120
|
this.optionActivated = new EventEmitter();
|
|
125
121
|
/** Unique ID to be used by autocomplete trigger's "aria-owns" property. */
|
|
126
122
|
this.id = `mat-autocomplete-${_uniqueAutocompleteIdCounter++}`;
|
|
123
|
+
const platform = inject(Platform);
|
|
127
124
|
// TODO(crisbeto): the problem that the `inertGroups` option resolves is only present on
|
|
128
125
|
// Safari using VoiceOver. We should occasionally check back to see whether the bug
|
|
129
126
|
// wasn't resolved in VoiceOver, and if it has, we can remove this and the `inertGroups`
|
|
130
127
|
// option altogether.
|
|
131
128
|
this.inertGroups = platform?.SAFARI || false;
|
|
132
|
-
this.autoActiveFirstOption = !!_defaults.autoActiveFirstOption;
|
|
133
|
-
this.autoSelectActiveOption = !!_defaults.autoSelectActiveOption;
|
|
134
|
-
this.requireSelection = !!_defaults.requireSelection;
|
|
129
|
+
this.autoActiveFirstOption = !!this._defaults.autoActiveFirstOption;
|
|
130
|
+
this.autoSelectActiveOption = !!this._defaults.autoSelectActiveOption;
|
|
131
|
+
this.requireSelection = !!this._defaults.requireSelection;
|
|
135
132
|
this._hideSingleSelectionIndicator = this._defaults.hideSingleSelectionIndicator ?? false;
|
|
136
133
|
}
|
|
137
134
|
ngAfterContentInit() {
|
|
@@ -199,7 +196,7 @@ class MatAutocomplete {
|
|
|
199
196
|
_skipPredicate() {
|
|
200
197
|
return false;
|
|
201
198
|
}
|
|
202
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.3", ngImport: i0, type: MatAutocomplete, deps: [
|
|
199
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.3", ngImport: i0, type: MatAutocomplete, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
203
200
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.0-next.3", type: MatAutocomplete, isStandalone: true, selector: "mat-autocomplete", inputs: { ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], displayWith: "displayWith", autoActiveFirstOption: ["autoActiveFirstOption", "autoActiveFirstOption", booleanAttribute], autoSelectActiveOption: ["autoSelectActiveOption", "autoSelectActiveOption", booleanAttribute], requireSelection: ["requireSelection", "requireSelection", booleanAttribute], panelWidth: "panelWidth", disableRipple: ["disableRipple", "disableRipple", booleanAttribute], classList: ["class", "classList"], hideSingleSelectionIndicator: ["hideSingleSelectionIndicator", "hideSingleSelectionIndicator", booleanAttribute] }, outputs: { optionSelected: "optionSelected", opened: "opened", closed: "closed", optionActivated: "optionActivated" }, host: { classAttribute: "mat-mdc-autocomplete" }, providers: [{ provide: MAT_OPTION_PARENT_COMPONENT, useExisting: MatAutocomplete }], queries: [{ propertyName: "options", predicate: MatOption, descendants: true }, { propertyName: "optionGroups", predicate: MAT_OPTGROUP, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, static: true }, { propertyName: "panel", first: true, predicate: ["panel"], descendants: true }], exportAs: ["matAutocomplete"], ngImport: i0, template: "<ng-template let-formFieldId=\"id\">\n <div\n class=\"mat-mdc-autocomplete-panel mdc-menu-surface mdc-menu-surface--open\"\n role=\"listbox\"\n [id]=\"id\"\n [class]=\"_classList\"\n [class.mat-mdc-autocomplete-visible]=\"showPanel\"\n [class.mat-mdc-autocomplete-hidden]=\"!showPanel\"\n [class.mat-primary]=\"_color === 'primary'\"\n [class.mat-accent]=\"_color === 'accent'\"\n [class.mat-warn]=\"_color === 'warn'\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"_getPanelAriaLabelledby(formFieldId)\"\n [@panelAnimation]=\"isOpen ? 'visible' : 'hidden'\"\n (@panelAnimation.done)=\"_animationDone.next($event)\"\n #panel>\n <ng-content></ng-content>\n </div>\n</ng-template>\n", styles: ["div.mat-mdc-autocomplete-panel{width:100%;max-height:256px;visibility:hidden;transform-origin:center top;overflow:auto;padding:8px 0;box-sizing:border-box;position:static;border-radius:var(--mat-autocomplete-container-shape, var(--mat-app-corner-extra-small));box-shadow:var(--mat-autocomplete-container-elevation-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12));background-color:var(--mat-autocomplete-background-color, var(--mat-app-surface-container))}@media(forced-colors: active){div.mat-mdc-autocomplete-panel{outline:solid 1px}}.cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel{border-top-left-radius:0;border-top-right-radius:0}.mat-mdc-autocomplete-panel-above div.mat-mdc-autocomplete-panel{border-bottom-left-radius:0;border-bottom-right-radius:0;transform-origin:center bottom}div.mat-mdc-autocomplete-panel.mat-mdc-autocomplete-visible{visibility:visible}div.mat-mdc-autocomplete-panel.mat-mdc-autocomplete-hidden{visibility:hidden;pointer-events:none}mat-autocomplete{display:none}"], animations: [panelAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
204
201
|
}
|
|
205
202
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.3", ngImport: i0, type: MatAutocomplete, decorators: [{
|
|
@@ -207,10 +204,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.3",
|
|
|
207
204
|
args: [{ selector: 'mat-autocomplete', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'matAutocomplete', host: {
|
|
208
205
|
'class': 'mat-mdc-autocomplete',
|
|
209
206
|
}, providers: [{ provide: MAT_OPTION_PARENT_COMPONENT, useExisting: MatAutocomplete }], animations: [panelAnimation], standalone: true, template: "<ng-template let-formFieldId=\"id\">\n <div\n class=\"mat-mdc-autocomplete-panel mdc-menu-surface mdc-menu-surface--open\"\n role=\"listbox\"\n [id]=\"id\"\n [class]=\"_classList\"\n [class.mat-mdc-autocomplete-visible]=\"showPanel\"\n [class.mat-mdc-autocomplete-hidden]=\"!showPanel\"\n [class.mat-primary]=\"_color === 'primary'\"\n [class.mat-accent]=\"_color === 'accent'\"\n [class.mat-warn]=\"_color === 'warn'\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"_getPanelAriaLabelledby(formFieldId)\"\n [@panelAnimation]=\"isOpen ? 'visible' : 'hidden'\"\n (@panelAnimation.done)=\"_animationDone.next($event)\"\n #panel>\n <ng-content></ng-content>\n </div>\n</ng-template>\n", styles: ["div.mat-mdc-autocomplete-panel{width:100%;max-height:256px;visibility:hidden;transform-origin:center top;overflow:auto;padding:8px 0;box-sizing:border-box;position:static;border-radius:var(--mat-autocomplete-container-shape, var(--mat-app-corner-extra-small));box-shadow:var(--mat-autocomplete-container-elevation-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12));background-color:var(--mat-autocomplete-background-color, var(--mat-app-surface-container))}@media(forced-colors: active){div.mat-mdc-autocomplete-panel{outline:solid 1px}}.cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel{border-top-left-radius:0;border-top-right-radius:0}.mat-mdc-autocomplete-panel-above div.mat-mdc-autocomplete-panel{border-bottom-left-radius:0;border-bottom-right-radius:0;transform-origin:center bottom}div.mat-mdc-autocomplete-panel.mat-mdc-autocomplete-visible{visibility:visible}div.mat-mdc-autocomplete-panel.mat-mdc-autocomplete-hidden{visibility:hidden;pointer-events:none}mat-autocomplete{display:none}"] }]
|
|
210
|
-
}], ctorParameters: () => [
|
|
211
|
-
type: Inject,
|
|
212
|
-
args: [MAT_AUTOCOMPLETE_DEFAULT_OPTIONS]
|
|
213
|
-
}] }, { type: i1.Platform }], propDecorators: { template: [{
|
|
207
|
+
}], ctorParameters: () => [], propDecorators: { template: [{
|
|
214
208
|
type: ViewChild,
|
|
215
209
|
args: [TemplateRef, { static: true }]
|
|
216
210
|
}], panel: [{
|
|
@@ -265,12 +259,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.3",
|
|
|
265
259
|
* as a connection point for an autocomplete panel.
|
|
266
260
|
*/
|
|
267
261
|
class MatAutocompleteOrigin {
|
|
268
|
-
constructor(
|
|
269
|
-
|
|
270
|
-
elementRef) {
|
|
271
|
-
this.elementRef = elementRef;
|
|
262
|
+
constructor() {
|
|
263
|
+
this.elementRef = inject(ElementRef);
|
|
272
264
|
}
|
|
273
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.3", ngImport: i0, type: MatAutocompleteOrigin, deps: [
|
|
265
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.3", ngImport: i0, type: MatAutocompleteOrigin, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
274
266
|
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.3", type: MatAutocompleteOrigin, isStandalone: true, selector: "[matAutocompleteOrigin]", exportAs: ["matAutocompleteOrigin"], ngImport: i0 }); }
|
|
275
267
|
}
|
|
276
268
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.3", ngImport: i0, type: MatAutocompleteOrigin, decorators: [{
|
|
@@ -280,7 +272,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.3",
|
|
|
280
272
|
exportAs: 'matAutocompleteOrigin',
|
|
281
273
|
standalone: true,
|
|
282
274
|
}]
|
|
283
|
-
}], ctorParameters: () => [
|
|
275
|
+
}], ctorParameters: () => [] });
|
|
284
276
|
|
|
285
277
|
/**
|
|
286
278
|
* Provider that allows the autocomplete to register as a ControlValueAccessor.
|
|
@@ -320,18 +312,19 @@ const MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER = {
|
|
|
320
312
|
};
|
|
321
313
|
/** Base class with all of the `MatAutocompleteTrigger` functionality. */
|
|
322
314
|
class MatAutocompleteTrigger {
|
|
323
|
-
constructor(
|
|
324
|
-
this._element =
|
|
325
|
-
this._overlay =
|
|
326
|
-
this._viewContainerRef =
|
|
327
|
-
this._zone =
|
|
328
|
-
this._changeDetectorRef =
|
|
329
|
-
this._dir =
|
|
330
|
-
this._formField =
|
|
331
|
-
this._document =
|
|
332
|
-
this._viewportRuler =
|
|
333
|
-
this._defaults =
|
|
315
|
+
constructor() {
|
|
316
|
+
this._element = inject(ElementRef);
|
|
317
|
+
this._overlay = inject(Overlay);
|
|
318
|
+
this._viewContainerRef = inject(ViewContainerRef);
|
|
319
|
+
this._zone = inject(NgZone);
|
|
320
|
+
this._changeDetectorRef = inject(ChangeDetectorRef);
|
|
321
|
+
this._dir = inject(Directionality, { optional: true });
|
|
322
|
+
this._formField = inject(MAT_FORM_FIELD, { optional: true, host: true });
|
|
323
|
+
this._document = inject(DOCUMENT);
|
|
324
|
+
this._viewportRuler = inject(ViewportRuler);
|
|
325
|
+
this._defaults = inject(MAT_AUTOCOMPLETE_DEFAULT_OPTIONS, { optional: true });
|
|
334
326
|
this._componentDestroyed = false;
|
|
327
|
+
this._scrollStrategy = inject(MAT_AUTOCOMPLETE_SCROLL_STRATEGY);
|
|
335
328
|
/** Whether or not the label state is being overridden. */
|
|
336
329
|
this._manuallyFloatingLabel = false;
|
|
337
330
|
/** Subscription to viewport size changes. */
|
|
@@ -416,7 +409,6 @@ class MatAutocompleteTrigger {
|
|
|
416
409
|
* panel. Track the modal we have changed so we can undo the changes on destroy.
|
|
417
410
|
*/
|
|
418
411
|
this._trackedModal = null;
|
|
419
|
-
this._scrollStrategy = scrollStrategy;
|
|
420
412
|
}
|
|
421
413
|
ngAfterViewInit() {
|
|
422
414
|
this._initialized.next();
|
|
@@ -1089,7 +1081,7 @@ class MatAutocompleteTrigger {
|
|
|
1089
1081
|
this._trackedModal = null;
|
|
1090
1082
|
}
|
|
1091
1083
|
}
|
|
1092
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.3", ngImport: i0, type: MatAutocompleteTrigger, deps: [
|
|
1084
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.3", ngImport: i0, type: MatAutocompleteTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1093
1085
|
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.0.0-next.3", type: MatAutocompleteTrigger, isStandalone: true, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: { autocomplete: ["matAutocomplete", "autocomplete"], position: ["matAutocompletePosition", "position"], connectedTo: ["matAutocompleteConnectedTo", "connectedTo"], autocompleteAttribute: ["autocomplete", "autocompleteAttribute"], autocompleteDisabled: ["matAutocompleteDisabled", "autocompleteDisabled", booleanAttribute] }, host: { listeners: { "focusin": "_handleFocus()", "blur": "_onTouched()", "input": "_handleInput($event)", "keydown": "_handleKeydown($event)", "click": "_handleClick()" }, properties: { "attr.autocomplete": "autocompleteAttribute", "attr.role": "autocompleteDisabled ? null : \"combobox\"", "attr.aria-autocomplete": "autocompleteDisabled ? null : \"list\"", "attr.aria-activedescendant": "(panelOpen && activeOption) ? activeOption.id : null", "attr.aria-expanded": "autocompleteDisabled ? null : panelOpen.toString()", "attr.aria-controls": "(autocompleteDisabled || !panelOpen) ? null : autocomplete?.id", "attr.aria-haspopup": "autocompleteDisabled ? null : \"listbox\"" }, classAttribute: "mat-mdc-autocomplete-trigger" }, providers: [MAT_AUTOCOMPLETE_VALUE_ACCESSOR], exportAs: ["matAutocompleteTrigger"], usesOnChanges: true, ngImport: i0 }); }
|
|
1094
1086
|
}
|
|
1095
1087
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.3", ngImport: i0, type: MatAutocompleteTrigger, decorators: [{
|
|
@@ -1117,29 +1109,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.3",
|
|
|
1117
1109
|
providers: [MAT_AUTOCOMPLETE_VALUE_ACCESSOR],
|
|
1118
1110
|
standalone: true,
|
|
1119
1111
|
}]
|
|
1120
|
-
}], ctorParameters: () => [
|
|
1121
|
-
type: Inject,
|
|
1122
|
-
args: [MAT_AUTOCOMPLETE_SCROLL_STRATEGY]
|
|
1123
|
-
}] }, { type: i2.Directionality, decorators: [{
|
|
1124
|
-
type: Optional
|
|
1125
|
-
}] }, { type: i4.MatFormField, decorators: [{
|
|
1126
|
-
type: Optional
|
|
1127
|
-
}, {
|
|
1128
|
-
type: Inject,
|
|
1129
|
-
args: [MAT_FORM_FIELD]
|
|
1130
|
-
}, {
|
|
1131
|
-
type: Host
|
|
1132
|
-
}] }, { type: undefined, decorators: [{
|
|
1133
|
-
type: Optional
|
|
1134
|
-
}, {
|
|
1135
|
-
type: Inject,
|
|
1136
|
-
args: [DOCUMENT]
|
|
1137
|
-
}] }, { type: i3.ViewportRuler }, { type: undefined, decorators: [{
|
|
1138
|
-
type: Optional
|
|
1139
|
-
}, {
|
|
1140
|
-
type: Inject,
|
|
1141
|
-
args: [MAT_AUTOCOMPLETE_DEFAULT_OPTIONS]
|
|
1142
|
-
}] }], propDecorators: { autocomplete: [{
|
|
1112
|
+
}], ctorParameters: () => [], propDecorators: { autocomplete: [{
|
|
1143
1113
|
type: Input,
|
|
1144
1114
|
args: ['matAutocomplete']
|
|
1145
1115
|
}], position: [{
|