@angular/material 19.2.1 → 19.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/autocomplete/index.d.ts +83 -124
- package/autocomplete/testing/index.d.ts +5 -11
- package/badge/index.d.ts +17 -30
- package/badge/testing/index.d.ts +5 -8
- package/bottom-sheet/index.d.ts +88 -104
- package/bottom-sheet/testing/index.d.ts +4 -6
- package/button/index.d.ts +109 -148
- package/button/testing/index.d.ts +6 -10
- package/button-toggle/index.d.ts +116 -142
- package/button-toggle/testing/index.d.ts +34 -36
- package/card/index.d.ts +79 -117
- package/card/testing/index.d.ts +11 -15
- package/checkbox/index.d.ts +55 -85
- package/checkbox/testing/index.d.ts +6 -10
- package/chips/index.d.ts +592 -690
- package/chips/testing/index.d.ts +78 -93
- package/core/index.d.ts +565 -669
- package/core/testing/index.d.ts +28 -32
- package/datepicker/index.d.ts +1323 -1479
- package/datepicker/testing/index.d.ts +109 -119
- package/dialog/index.d.ts +194 -246
- package/dialog/testing/index.d.ts +17 -26
- package/divider/index.d.ts +4 -10
- package/divider/testing/index.d.ts +4 -6
- package/expansion/index.d.ts +137 -189
- package/expansion/testing/index.d.ts +25 -31
- package/fesm2022/autocomplete/testing.mjs.map +1 -1
- package/fesm2022/autocomplete.mjs +39 -30
- package/fesm2022/autocomplete.mjs.map +1 -1
- package/fesm2022/badge/testing.mjs.map +1 -1
- package/fesm2022/badge.mjs +13 -17
- package/fesm2022/badge.mjs.map +1 -1
- package/fesm2022/bottom-sheet/testing.mjs.map +1 -1
- package/fesm2022/bottom-sheet.mjs +11 -22
- package/fesm2022/bottom-sheet.mjs.map +1 -1
- package/fesm2022/button/testing.mjs.map +1 -1
- package/fesm2022/button-toggle/testing.mjs.map +1 -1
- package/fesm2022/button-toggle.mjs +15 -14
- package/fesm2022/button-toggle.mjs.map +1 -1
- package/fesm2022/button.mjs +40 -40
- package/fesm2022/button.mjs.map +1 -1
- package/fesm2022/card/testing.mjs.map +1 -1
- package/fesm2022/card.mjs +46 -50
- package/fesm2022/card.mjs.map +1 -1
- package/fesm2022/checkbox/testing.mjs.map +1 -1
- package/fesm2022/checkbox.mjs +19 -19
- package/fesm2022/checkbox.mjs.map +1 -1
- package/fesm2022/chips/testing.mjs.map +1 -1
- package/fesm2022/chips.mjs +41 -47
- package/fesm2022/chips.mjs.map +1 -1
- package/fesm2022/core/testing.mjs.map +1 -1
- package/fesm2022/core.mjs +71 -71
- package/fesm2022/core.mjs.map +1 -1
- package/fesm2022/datepicker/testing.mjs.map +1 -1
- package/fesm2022/datepicker.mjs +124 -100
- package/fesm2022/datepicker.mjs.map +1 -1
- package/fesm2022/dialog/testing.mjs.map +1 -1
- package/fesm2022/dialog.mjs +29 -33
- package/fesm2022/dialog.mjs.map +1 -1
- package/fesm2022/divider/testing.mjs.map +1 -1
- package/fesm2022/divider.mjs +7 -11
- package/fesm2022/divider.mjs.map +1 -1
- package/fesm2022/expansion/testing.mjs.map +1 -1
- package/fesm2022/expansion.mjs +27 -31
- package/fesm2022/expansion.mjs.map +1 -1
- package/fesm2022/form-field/testing.mjs +0 -2
- package/fesm2022/form-field/testing.mjs.map +1 -1
- package/fesm2022/form-field.mjs +34 -38
- package/fesm2022/form-field.mjs.map +1 -1
- package/fesm2022/grid-list/testing.mjs.map +1 -1
- package/fesm2022/grid-list.mjs +22 -26
- package/fesm2022/grid-list.mjs.map +1 -1
- package/fesm2022/icon/testing.mjs +7 -11
- package/fesm2022/icon/testing.mjs.map +1 -1
- package/fesm2022/icon.mjs +25 -17
- package/fesm2022/icon.mjs.map +1 -1
- package/fesm2022/input/testing.mjs.map +1 -1
- package/fesm2022/input.mjs +7 -11
- package/fesm2022/input.mjs.map +1 -1
- package/fesm2022/list/testing.mjs +1 -1
- package/fesm2022/list/testing.mjs.map +1 -1
- package/fesm2022/list.mjs +51 -55
- package/fesm2022/list.mjs.map +1 -1
- package/fesm2022/menu/testing.mjs.map +1 -1
- package/fesm2022/menu.mjs +31 -23
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/paginator/testing.mjs.map +1 -1
- package/fesm2022/paginator.mjs +20 -16
- package/fesm2022/paginator.mjs.map +1 -1
- package/fesm2022/progress-bar/testing.mjs +0 -4
- package/fesm2022/progress-bar/testing.mjs.map +1 -1
- package/fesm2022/progress-bar.mjs +12 -12
- package/fesm2022/progress-bar.mjs.map +1 -1
- package/fesm2022/progress-spinner/testing.mjs +0 -4
- package/fesm2022/progress-spinner/testing.mjs.map +1 -1
- package/fesm2022/progress-spinner.mjs +12 -12
- package/fesm2022/progress-spinner.mjs.map +1 -1
- package/fesm2022/radio/testing.mjs.map +1 -1
- package/fesm2022/radio.mjs +15 -14
- package/fesm2022/radio.mjs.map +1 -1
- package/fesm2022/select/testing.mjs.map +1 -1
- package/fesm2022/select.mjs +24 -20
- package/fesm2022/select.mjs.map +1 -1
- package/fesm2022/sidenav/testing.mjs +1 -1
- package/fesm2022/sidenav/testing.mjs.map +1 -1
- package/fesm2022/sidenav.mjs +31 -31
- package/fesm2022/sidenav.mjs.map +1 -1
- package/fesm2022/slide-toggle/testing.mjs.map +1 -1
- package/fesm2022/slide-toggle.mjs +14 -18
- package/fesm2022/slide-toggle.mjs.map +1 -1
- package/fesm2022/slider/testing.mjs.map +1 -1
- package/fesm2022/slider.mjs +16 -20
- package/fesm2022/slider.mjs.map +1 -1
- package/fesm2022/snack-bar/testing.mjs.map +1 -1
- package/fesm2022/snack-bar.mjs +27 -27
- package/fesm2022/snack-bar.mjs.map +1 -1
- package/fesm2022/sort/testing.mjs.map +1 -1
- package/fesm2022/sort.mjs +24 -20
- package/fesm2022/sort.mjs.map +1 -1
- package/fesm2022/stepper/testing.mjs.map +1 -1
- package/fesm2022/stepper.mjs +41 -37
- package/fesm2022/stepper.mjs.map +1 -1
- package/fesm2022/table/testing.mjs.map +1 -1
- package/fesm2022/table.mjs +55 -59
- package/fesm2022/table.mjs.map +1 -1
- package/fesm2022/tabs/testing.mjs.map +1 -1
- package/fesm2022/tabs.mjs +51 -58
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/timepicker/testing.mjs.map +1 -1
- package/fesm2022/timepicker.mjs +15 -20
- package/fesm2022/timepicker.mjs.map +1 -1
- package/fesm2022/toolbar/testing.mjs.map +1 -1
- package/fesm2022/toolbar.mjs +10 -14
- package/fesm2022/toolbar.mjs.map +1 -1
- package/fesm2022/tooltip/testing.mjs.map +1 -1
- package/fesm2022/tooltip.mjs +25 -17
- package/fesm2022/tooltip.mjs.map +1 -1
- package/fesm2022/tree/testing.mjs.map +1 -1
- package/fesm2022/tree.mjs +25 -29
- package/fesm2022/tree.mjs.map +1 -1
- package/form-field/index.d.ts +251 -318
- package/form-field/testing/control/index.d.ts +2 -2
- package/form-field/testing/index.d.ts +14 -21
- package/grid-list/index.d.ts +124 -150
- package/grid-list/testing/index.d.ts +39 -44
- package/icon/index.d.ts +87 -108
- package/icon/testing/index.d.ts +38 -43
- package/index.d.ts +2 -3
- package/input/index.d.ts +27 -61
- package/input/testing/index.d.ts +16 -19
- package/list/index.d.ts +159 -242
- package/list/testing/index.d.ts +157 -179
- package/menu/index.d.ts +180 -231
- package/menu/testing/index.d.ts +17 -23
- package/package.json +2 -2
- package/paginator/index.d.ts +84 -97
- package/paginator/testing/index.d.ts +10 -14
- package/progress-bar/index.d.ts +38 -58
- package/progress-bar/testing/index.d.ts +7 -10
- package/progress-spinner/index.d.ts +38 -51
- package/progress-spinner/testing/index.d.ts +7 -10
- package/radio/index.d.ts +145 -168
- package/radio/testing/index.d.ts +61 -67
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-add/index.mjs +1 -1
- package/schematics/ng-generate/address-form/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +6 -9
- package/schematics/ng-generate/dashboard/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +6 -9
- package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +6 -9
- package/schematics/ng-generate/table/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +6 -9
- package/schematics/ng-generate/theme-color/schema.json +10 -0
- package/schematics/ng-generate/tree/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +1 -1
- package/select/index.d.ts +77 -130
- package/select/testing/index.d.ts +10 -15
- package/sidenav/index.d.ts +47 -91
- package/sidenav/testing/index.d.ts +58 -63
- package/slide-toggle/index.d.ts +51 -84
- package/slide-toggle/testing/index.d.ts +17 -21
- package/slider/index.d.ts +277 -327
- package/slider/testing/index.d.ts +42 -47
- package/snack-bar/index.d.ts +147 -185
- package/snack-bar/testing/index.d.ts +7 -9
- package/sort/index.d.ts +94 -124
- package/sort/testing/index.d.ts +21 -24
- package/stepper/index.d.ts +108 -165
- package/stepper/testing/index.d.ts +43 -52
- package/table/index.d.ts +87 -153
- package/table/testing/index.d.ts +64 -78
- package/tabs/index.d.ts +306 -382
- package/tabs/testing/index.d.ts +67 -76
- package/timepicker/index.d.ts +123 -159
- package/timepicker/testing/index.d.ts +20 -26
- package/toolbar/index.d.ts +13 -25
- package/toolbar/testing/index.d.ts +13 -16
- package/tooltip/index.d.ts +88 -117
- package/tooltip/testing/index.d.ts +7 -10
- package/tree/index.d.ts +116 -163
- package/tree/testing/index.d.ts +52 -58
|
@@ -1,17 +1,16 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { InjectionToken, inject, ChangeDetectorRef, ElementRef, ANIMATION_MODULE_TYPE, EventEmitter, booleanAttribute, TemplateRef, Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, ContentChildren, Input, Output, Directive, forwardRef, EnvironmentInjector, ViewContainerRef, NgZone, Renderer2, afterNextRender, NgModule } from '@angular/core';
|
|
3
1
|
import { MAT_OPTION_PARENT_COMPONENT, MatOption, MAT_OPTGROUP, MatOptionSelectionChange, _countGroupLabelsBeforeOption, _getOptionScrollPosition, MatOptionModule, MatCommonModule } from '@angular/material/core';
|
|
4
2
|
export { MatOptgroup, MatOption } from '@angular/material/core';
|
|
3
|
+
import * as i0 from '@angular/core';
|
|
4
|
+
import { InjectionToken, inject, ChangeDetectorRef, ElementRef, ANIMATION_MODULE_TYPE, EventEmitter, booleanAttribute, TemplateRef, Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, ContentChildren, Input, Output, Directive, forwardRef, EnvironmentInjector, ViewContainerRef, NgZone, Renderer2, afterNextRender, NgModule } from '@angular/core';
|
|
5
5
|
import { ViewportRuler, CdkScrollableModule } from '@angular/cdk/scrolling';
|
|
6
6
|
import { Overlay, OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
|
|
7
7
|
import { _IdGenerator, ActiveDescendantKeyManager, removeAriaReferencedId, addAriaReferencedId } from '@angular/cdk/a11y';
|
|
8
|
-
import { Platform, _getEventTarget } from '@angular/cdk/platform';
|
|
8
|
+
import { Platform, _getFocusedElementPierceShadowDom, _getEventTarget } from '@angular/cdk/platform';
|
|
9
9
|
import { Subscription, Subject, merge, of, defer, Observable } from 'rxjs';
|
|
10
10
|
import { Directionality } from '@angular/cdk/bidi';
|
|
11
|
-
import { hasModifierKey, ESCAPE, ENTER, UP_ARROW, DOWN_ARROW
|
|
11
|
+
import { hasModifierKey, ESCAPE, ENTER, TAB, UP_ARROW, DOWN_ARROW } from '@angular/cdk/keycodes';
|
|
12
12
|
import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
|
|
13
13
|
import { TemplatePortal } from '@angular/cdk/portal';
|
|
14
|
-
import { DOCUMENT } from '@angular/common';
|
|
15
14
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
16
15
|
import { MAT_FORM_FIELD } from '@angular/material/form-field';
|
|
17
16
|
import { filter, map, startWith, switchMap, tap, delay, take } from 'rxjs/operators';
|
|
@@ -34,7 +33,11 @@ const MAT_AUTOCOMPLETE_DEFAULT_OPTIONS = new InjectionToken('mat-autocomplete-de
|
|
|
34
33
|
providedIn: 'root',
|
|
35
34
|
factory: MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY,
|
|
36
35
|
});
|
|
37
|
-
/**
|
|
36
|
+
/**
|
|
37
|
+
* @docs-private
|
|
38
|
+
* @deprecated No longer used, will be removed.
|
|
39
|
+
* @breaking-change 21.0.0
|
|
40
|
+
*/
|
|
38
41
|
function MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY() {
|
|
39
42
|
return {
|
|
40
43
|
autoActiveFirstOption: false,
|
|
@@ -223,10 +226,10 @@ class MatAutocomplete {
|
|
|
223
226
|
_skipPredicate() {
|
|
224
227
|
return false;
|
|
225
228
|
}
|
|
226
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0
|
|
227
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.0
|
|
229
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatAutocomplete, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
230
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.0", 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-autocomplete-panel-animations-enabled]=\"!_animationsDisabled\"\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 #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-sys-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-sys-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}@keyframes _mat-autocomplete-enter{from{opacity:0;transform:scaleY(0.8)}to{opacity:1;transform:none}}.mat-autocomplete-panel-animations-enabled{animation:_mat-autocomplete-enter 120ms cubic-bezier(0, 0, 0.2, 1)}mat-autocomplete{display:none}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
228
231
|
}
|
|
229
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0
|
|
232
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatAutocomplete, decorators: [{
|
|
230
233
|
type: Component,
|
|
231
234
|
args: [{ selector: 'mat-autocomplete', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'matAutocomplete', host: {
|
|
232
235
|
'class': 'mat-mdc-autocomplete',
|
|
@@ -288,10 +291,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0-rc.0", ng
|
|
|
288
291
|
class MatAutocompleteOrigin {
|
|
289
292
|
elementRef = inject(ElementRef);
|
|
290
293
|
constructor() { }
|
|
291
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0
|
|
292
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.0
|
|
294
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatAutocompleteOrigin, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
295
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.0", type: MatAutocompleteOrigin, isStandalone: true, selector: "[matAutocompleteOrigin]", exportAs: ["matAutocompleteOrigin"], ngImport: i0 });
|
|
293
296
|
}
|
|
294
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0
|
|
297
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatAutocompleteOrigin, decorators: [{
|
|
295
298
|
type: Directive,
|
|
296
299
|
args: [{
|
|
297
300
|
selector: '[matAutocompleteOrigin]',
|
|
@@ -325,11 +328,19 @@ const MAT_AUTOCOMPLETE_SCROLL_STRATEGY = new InjectionToken('mat-autocomplete-sc
|
|
|
325
328
|
return () => overlay.scrollStrategies.reposition();
|
|
326
329
|
},
|
|
327
330
|
});
|
|
328
|
-
/**
|
|
331
|
+
/**
|
|
332
|
+
* @docs-private
|
|
333
|
+
* @deprecated No longer used, will be removed.
|
|
334
|
+
* @breaking-change 21.0.0
|
|
335
|
+
*/
|
|
329
336
|
function MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY(overlay) {
|
|
330
337
|
return () => overlay.scrollStrategies.reposition();
|
|
331
338
|
}
|
|
332
|
-
/**
|
|
339
|
+
/**
|
|
340
|
+
* @docs-private
|
|
341
|
+
* @deprecated No longer used, will be removed.
|
|
342
|
+
* @breaking-change 21.0.0
|
|
343
|
+
*/
|
|
333
344
|
const MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER = {
|
|
334
345
|
provide: MAT_AUTOCOMPLETE_SCROLL_STRATEGY,
|
|
335
346
|
deps: [Overlay],
|
|
@@ -345,7 +356,6 @@ class MatAutocompleteTrigger {
|
|
|
345
356
|
_changeDetectorRef = inject(ChangeDetectorRef);
|
|
346
357
|
_dir = inject(Directionality, { optional: true });
|
|
347
358
|
_formField = inject(MAT_FORM_FIELD, { optional: true, host: true });
|
|
348
|
-
_document = inject(DOCUMENT);
|
|
349
359
|
_viewportRuler = inject(ViewportRuler);
|
|
350
360
|
_scrollStrategy = inject(MAT_AUTOCOMPLETE_SCROLL_STRATEGY);
|
|
351
361
|
_renderer = inject(Renderer2);
|
|
@@ -397,8 +407,7 @@ class MatAutocompleteTrigger {
|
|
|
397
407
|
// If the user blurred the window while the autocomplete is focused, it means that it'll be
|
|
398
408
|
// refocused when they come back. In this case we want to skip the first focus event, if the
|
|
399
409
|
// pane was closed, in order to avoid reopening it unintentionally.
|
|
400
|
-
this._canOpenOnNextFocus =
|
|
401
|
-
this._document.activeElement !== this._element.nativeElement || this.panelOpen;
|
|
410
|
+
this._canOpenOnNextFocus = this.panelOpen || !this._hasFocus();
|
|
402
411
|
};
|
|
403
412
|
/** `View -> model callback called when value changes` */
|
|
404
413
|
_onChange = () => { };
|
|
@@ -559,7 +568,7 @@ class MatAutocompleteTrigger {
|
|
|
559
568
|
// true. Its main purpose is to handle the case where the input is focused from an
|
|
560
569
|
// outside click which propagates up to the `body` listener within the same sequence
|
|
561
570
|
// and causes the panel to close immediately (see #3106).
|
|
562
|
-
this.
|
|
571
|
+
!this._hasFocus() &&
|
|
563
572
|
(!formField || !formField.contains(clickTarget)) &&
|
|
564
573
|
(!customOrigin || !customOrigin.contains(clickTarget)) &&
|
|
565
574
|
!!this._overlayRef &&
|
|
@@ -665,7 +674,7 @@ class MatAutocompleteTrigger {
|
|
|
665
674
|
}
|
|
666
675
|
}
|
|
667
676
|
}
|
|
668
|
-
if (this._canOpen() && this.
|
|
677
|
+
if (this._canOpen() && this._hasFocus()) {
|
|
669
678
|
// When the `input` event fires, the input's value will have already changed. This means
|
|
670
679
|
// that if we take the `this._element.nativeElement.value` directly, it'll be one keystroke
|
|
671
680
|
// behind. This can be a problem when the user selects a value, changes a character while
|
|
@@ -692,6 +701,10 @@ class MatAutocompleteTrigger {
|
|
|
692
701
|
this._openPanelInternal();
|
|
693
702
|
}
|
|
694
703
|
}
|
|
704
|
+
/** Whether the input currently has focus. */
|
|
705
|
+
_hasFocus() {
|
|
706
|
+
return _getFocusedElementPierceShadowDom() === this._element.nativeElement;
|
|
707
|
+
}
|
|
695
708
|
/**
|
|
696
709
|
* In "auto" mode, the label will animate down as soon as focus is lost.
|
|
697
710
|
* This causes the value to jump when selecting an option with the mouse.
|
|
@@ -1135,10 +1148,10 @@ class MatAutocompleteTrigger {
|
|
|
1135
1148
|
this._trackedModal = null;
|
|
1136
1149
|
}
|
|
1137
1150
|
}
|
|
1138
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0
|
|
1139
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.0
|
|
1151
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatAutocompleteTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1152
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.0", 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 });
|
|
1140
1153
|
}
|
|
1141
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0
|
|
1154
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatAutocompleteTrigger, decorators: [{
|
|
1142
1155
|
type: Directive,
|
|
1143
1156
|
args: [{
|
|
1144
1157
|
selector: `input[matAutocomplete], textarea[matAutocomplete]`,
|
|
@@ -1180,8 +1193,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0-rc.0", ng
|
|
|
1180
1193
|
}] } });
|
|
1181
1194
|
|
|
1182
1195
|
class MatAutocompleteModule {
|
|
1183
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0
|
|
1184
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.0
|
|
1196
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1197
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: MatAutocompleteModule, imports: [OverlayModule,
|
|
1185
1198
|
MatOptionModule,
|
|
1186
1199
|
MatCommonModule,
|
|
1187
1200
|
MatAutocomplete,
|
|
@@ -1192,13 +1205,13 @@ class MatAutocompleteModule {
|
|
|
1192
1205
|
MatCommonModule,
|
|
1193
1206
|
MatAutocompleteTrigger,
|
|
1194
1207
|
MatAutocompleteOrigin] });
|
|
1195
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.0
|
|
1208
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatAutocompleteModule, providers: [MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER], imports: [OverlayModule,
|
|
1196
1209
|
MatOptionModule,
|
|
1197
1210
|
MatCommonModule, CdkScrollableModule,
|
|
1198
1211
|
MatOptionModule,
|
|
1199
1212
|
MatCommonModule] });
|
|
1200
1213
|
}
|
|
1201
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0
|
|
1214
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatAutocompleteModule, decorators: [{
|
|
1202
1215
|
type: NgModule,
|
|
1203
1216
|
args: [{
|
|
1204
1217
|
imports: [
|
|
@@ -1221,9 +1234,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0-rc.0", ng
|
|
|
1221
1234
|
}]
|
|
1222
1235
|
}] });
|
|
1223
1236
|
|
|
1224
|
-
/**
|
|
1225
|
-
* Generated bundle index. Do not edit.
|
|
1226
|
-
*/
|
|
1227
|
-
|
|
1228
1237
|
export { MAT_AUTOCOMPLETE_DEFAULT_OPTIONS, MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY, MAT_AUTOCOMPLETE_SCROLL_STRATEGY, MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY, MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER, MAT_AUTOCOMPLETE_VALUE_ACCESSOR, MatAutocomplete, MatAutocompleteModule, MatAutocompleteOrigin, MatAutocompleteSelectedEvent, MatAutocompleteTrigger, getMatAutocompleteMissingPanelError };
|
|
1229
1238
|
//# sourceMappingURL=autocomplete.mjs.map
|