@angular/material 19.0.0-next.8 → 19.0.0-next.9
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 -2
- package/autocomplete/_autocomplete-theme.scss +30 -21
- package/badge/_badge-theme.scss +31 -21
- package/bottom-sheet/_bottom-sheet-theme.scss +25 -17
- package/button/_button-theme.scss +220 -100
- package/button/_fab-theme.scss +88 -41
- package/button/_icon-button-theme.scss +31 -22
- package/button/index.d.ts +2 -2
- package/button-toggle/_button-toggle-theme.scss +52 -32
- package/card/_card-theme.scss +72 -35
- package/checkbox/_checkbox-theme.scss +6 -4
- package/chips/_chips-theme.scss +57 -27
- package/core/_core-theme.scss +51 -30
- package/core/_core.scss +1 -1
- package/core/option/_optgroup-theme.scss +22 -15
- package/core/option/_option-theme.scss +27 -18
- package/core/ripple/_ripple-theme.scss +26 -18
- package/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.scss +40 -18
- package/core/tokens/_m3-system.scss +34 -6
- package/core/tokens/_token-utils.scss +91 -34
- package/core/tokens/m2/mat/_badge.scss +12 -3
- package/core/tokens/m2/mdc/_radio.scss +1 -1
- package/core/tokens/m3/definitions/_md-comp-elevated-card.scss +1 -1
- package/core/tokens/m3/mat/_badge.scss +6 -3
- package/datepicker/_datepicker-theme.scss +46 -29
- package/datepicker/index.d.ts +1 -1
- package/dialog/_dialog-theme.scss +39 -20
- package/divider/_divider-theme.scss +21 -14
- package/expansion/_expansion-theme.scss +29 -21
- package/fesm2022/autocomplete.mjs +14 -16
- package/fesm2022/autocomplete.mjs.map +1 -1
- package/fesm2022/badge.mjs +11 -12
- package/fesm2022/badge.mjs.map +1 -1
- package/fesm2022/bottom-sheet.mjs +11 -11
- package/fesm2022/bottom-sheet.mjs.map +1 -1
- package/fesm2022/button-toggle.mjs +11 -12
- package/fesm2022/button-toggle.mjs.map +1 -1
- package/fesm2022/button.mjs +42 -42
- package/fesm2022/button.mjs.map +1 -1
- package/fesm2022/card.mjs +49 -60
- package/fesm2022/card.mjs.map +1 -1
- package/fesm2022/checkbox.mjs +16 -17
- package/fesm2022/checkbox.mjs.map +1 -1
- package/fesm2022/chips.mjs +48 -54
- package/fesm2022/chips.mjs.map +1 -1
- package/fesm2022/core.mjs +71 -73
- package/fesm2022/core.mjs.map +1 -1
- package/fesm2022/datepicker.mjs +95 -105
- package/fesm2022/datepicker.mjs.map +1 -1
- package/fesm2022/dialog/testing.mjs +0 -1
- package/fesm2022/dialog/testing.mjs.map +1 -1
- package/fesm2022/dialog.mjs +28 -33
- package/fesm2022/dialog.mjs.map +1 -1
- package/fesm2022/divider.mjs +8 -8
- package/fesm2022/divider.mjs.map +1 -1
- package/fesm2022/expansion.mjs +28 -33
- package/fesm2022/expansion.mjs.map +1 -1
- package/fesm2022/form-field.mjs +38 -45
- package/fesm2022/form-field.mjs.map +1 -1
- package/fesm2022/grid-list.mjs +26 -29
- package/fesm2022/grid-list.mjs.map +1 -1
- package/fesm2022/icon/testing.mjs +7 -7
- package/fesm2022/icon/testing.mjs.map +1 -1
- package/fesm2022/icon.mjs +11 -11
- package/fesm2022/icon.mjs.map +1 -1
- package/fesm2022/input.mjs +7 -8
- package/fesm2022/input.mjs.map +1 -1
- package/fesm2022/list.mjs +57 -66
- package/fesm2022/list.mjs.map +1 -1
- package/fesm2022/menu.mjs +18 -20
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/paginator.mjs +11 -11
- package/fesm2022/paginator.mjs.map +1 -1
- package/fesm2022/progress-bar.mjs +8 -8
- package/fesm2022/progress-bar.mjs.map +1 -1
- package/fesm2022/progress-spinner.mjs +8 -8
- package/fesm2022/progress-spinner.mjs.map +1 -1
- package/fesm2022/radio.mjs +11 -12
- package/fesm2022/radio.mjs.map +1 -1
- package/fesm2022/select.mjs +12 -13
- package/fesm2022/select.mjs.map +1 -1
- package/fesm2022/sidenav.mjs +28 -30
- package/fesm2022/sidenav.mjs.map +1 -1
- package/fesm2022/slide-toggle.mjs +16 -17
- package/fesm2022/slide-toggle.mjs.map +1 -1
- package/fesm2022/slider.mjs +18 -20
- package/fesm2022/slider.mjs.map +1 -1
- package/fesm2022/snack-bar.mjs +25 -28
- package/fesm2022/snack-bar.mjs.map +1 -1
- package/fesm2022/sort.mjs +14 -15
- package/fesm2022/sort.mjs.map +1 -1
- package/fesm2022/stepper.mjs +34 -39
- package/fesm2022/stepper.mjs.map +1 -1
- package/fesm2022/table.mjs +57 -73
- package/fesm2022/table.mjs.map +1 -1
- package/fesm2022/tabs.mjs +51 -56
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/timepicker.mjs +17 -18
- package/fesm2022/timepicker.mjs.map +1 -1
- package/fesm2022/toolbar.mjs +11 -12
- package/fesm2022/toolbar.mjs.map +1 -1
- package/fesm2022/tooltip.mjs +11 -12
- package/fesm2022/tooltip.mjs.map +1 -1
- package/fesm2022/tree.mjs +26 -32
- package/fesm2022/tree.mjs.map +1 -1
- package/form-field/_form-field-theme.scss +105 -56
- package/form-field/index.d.ts +1 -1
- package/grid-list/_grid-list-theme.scss +18 -12
- package/icon/_icon-theme.scss +15 -11
- package/input/_input-theme.scss +11 -8
- package/list/_list-theme.scss +82 -44
- package/menu/_menu-theme.scss +26 -18
- package/package.json +2 -2
- package/paginator/_paginator-theme.scss +32 -20
- package/prebuilt-themes/azure-blue.css +1 -1
- package/prebuilt-themes/cyan-orange.css +1 -1
- package/prebuilt-themes/deeppurple-amber.css +1 -1
- package/prebuilt-themes/indigo-pink.css +1 -1
- package/prebuilt-themes/magenta-violet.css +1 -1
- package/prebuilt-themes/pink-bluegrey.css +1 -1
- package/prebuilt-themes/purple-green.css +1 -1
- package/prebuilt-themes/rose-red.css +1 -1
- package/progress-bar/_progress-bar-theme.scss +13 -11
- package/progress-spinner/_progress-spinner-theme.scss +34 -20
- package/radio/_radio-theme.scss +50 -26
- package/schematics/collection.json +3 -3
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-add/index.mjs +1 -1
- package/schematics/ng-generate/{m3-theme → theme-color}/index_bundled.js +454 -288
- package/schematics/ng-generate/theme-color/index_bundled.js.map +7 -0
- package/schematics/ng-generate/{m3-theme → theme-color}/schema.json +7 -13
- package/select/_select-theme.scss +31 -22
- package/sidenav/_sidenav-theme.scss +21 -14
- package/slide-toggle/_slide-toggle-theme.scss +42 -22
- package/slider/_slider-theme.scss +55 -35
- package/snack-bar/_snack-bar-theme.scss +22 -14
- package/sort/_sort-theme.scss +26 -18
- package/stepper/_stepper-theme.scss +33 -24
- package/table/_table-theme.scss +29 -20
- package/tabs/_tabs-theme.scss +89 -46
- package/tabs/index.d.ts +2 -2
- package/timepicker/_timepicker-theme.scss +30 -21
- package/toolbar/_toolbar-theme.scss +28 -19
- package/tooltip/_tooltip-theme.scss +11 -12
- package/tree/_tree-theme.scss +26 -18
- package/schematics/ng-generate/m3-theme/index_bundled.js.map +0 -7
|
@@ -10,11 +10,12 @@
|
|
|
10
10
|
@mixin base($theme) {
|
|
11
11
|
@if inspection.get-theme-version($theme) == 1 {
|
|
12
12
|
@include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
|
|
13
|
-
}
|
|
14
|
-
@else {
|
|
13
|
+
} @else {
|
|
15
14
|
@include sass-utils.current-selector-or-root() {
|
|
16
15
|
@include token-utils.create-token-values(
|
|
17
|
-
|
|
16
|
+
tokens-mat-expansion.$prefix,
|
|
17
|
+
tokens-mat-expansion.get-unthemable-tokens()
|
|
18
|
+
);
|
|
18
19
|
}
|
|
19
20
|
}
|
|
20
21
|
}
|
|
@@ -22,11 +23,12 @@
|
|
|
22
23
|
@mixin color($theme) {
|
|
23
24
|
@if inspection.get-theme-version($theme) == 1 {
|
|
24
25
|
@include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
|
|
25
|
-
}
|
|
26
|
-
@else {
|
|
26
|
+
} @else {
|
|
27
27
|
@include sass-utils.current-selector-or-root() {
|
|
28
|
-
@include token-utils.create-token-values(
|
|
29
|
-
tokens-mat-expansion
|
|
28
|
+
@include token-utils.create-token-values(
|
|
29
|
+
tokens-mat-expansion.$prefix,
|
|
30
|
+
tokens-mat-expansion.get-color-tokens($theme)
|
|
31
|
+
);
|
|
30
32
|
}
|
|
31
33
|
}
|
|
32
34
|
}
|
|
@@ -34,14 +36,15 @@
|
|
|
34
36
|
@mixin typography($theme) {
|
|
35
37
|
@if inspection.get-theme-version($theme) == 1 {
|
|
36
38
|
@include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
|
|
37
|
-
}
|
|
38
|
-
@else {
|
|
39
|
+
} @else {
|
|
39
40
|
// TODO(mmalerba): Stop calling this and resolve resulting screen diffs.
|
|
40
41
|
$theme: inspection.private-get-typography-back-compat-theme($theme);
|
|
41
42
|
|
|
42
43
|
@include sass-utils.current-selector-or-root() {
|
|
43
|
-
@include token-utils.create-token-values(
|
|
44
|
-
tokens-mat-expansion
|
|
44
|
+
@include token-utils.create-token-values(
|
|
45
|
+
tokens-mat-expansion.$prefix,
|
|
46
|
+
tokens-mat-expansion.get-typography-tokens($theme)
|
|
47
|
+
);
|
|
45
48
|
}
|
|
46
49
|
}
|
|
47
50
|
}
|
|
@@ -49,11 +52,12 @@
|
|
|
49
52
|
@mixin density($theme) {
|
|
50
53
|
@if inspection.get-theme-version($theme) == 1 {
|
|
51
54
|
@include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
|
|
52
|
-
}
|
|
53
|
-
@else {
|
|
55
|
+
} @else {
|
|
54
56
|
@include sass-utils.current-selector-or-root() {
|
|
55
|
-
@include token-utils.create-token-values(
|
|
56
|
-
tokens-mat-expansion
|
|
57
|
+
@include token-utils.create-token-values(
|
|
58
|
+
tokens-mat-expansion.$prefix,
|
|
59
|
+
tokens-mat-expansion.get-density-tokens($theme)
|
|
60
|
+
);
|
|
57
61
|
}
|
|
58
62
|
}
|
|
59
63
|
}
|
|
@@ -61,7 +65,10 @@
|
|
|
61
65
|
@mixin overrides($tokens: ()) {
|
|
62
66
|
@include token-utils.batch-create-token-values(
|
|
63
67
|
$tokens,
|
|
64
|
-
(
|
|
68
|
+
(
|
|
69
|
+
namespace: tokens-mat-expansion.$prefix,
|
|
70
|
+
tokens: tokens-mat-expansion.get-token-slots(),
|
|
71
|
+
)
|
|
65
72
|
);
|
|
66
73
|
}
|
|
67
74
|
|
|
@@ -69,8 +76,7 @@
|
|
|
69
76
|
@include theming.private-check-duplicate-theme-styles($theme, 'mat-expansion') {
|
|
70
77
|
@if inspection.get-theme-version($theme) == 1 {
|
|
71
78
|
@include _theme-from-tokens(inspection.get-theme-tokens($theme));
|
|
72
|
-
}
|
|
73
|
-
@else {
|
|
79
|
+
} @else {
|
|
74
80
|
@include base($theme);
|
|
75
81
|
@if inspection.theme-has($theme, color) {
|
|
76
82
|
@include color($theme);
|
|
@@ -85,12 +91,14 @@
|
|
|
85
91
|
}
|
|
86
92
|
}
|
|
87
93
|
|
|
88
|
-
|
|
89
94
|
@mixin _theme-from-tokens($tokens) {
|
|
90
95
|
@include validation.selector-defined(
|
|
91
|
-
|
|
96
|
+
'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector'
|
|
97
|
+
);
|
|
92
98
|
@if ($tokens != ()) {
|
|
93
99
|
@include token-utils.create-token-values(
|
|
94
|
-
|
|
100
|
+
tokens-mat-expansion.$prefix,
|
|
101
|
+
map.get($tokens, tokens-mat-expansion.$prefix)
|
|
102
|
+
);
|
|
95
103
|
}
|
|
96
104
|
}
|
|
@@ -196,14 +196,14 @@ class MatAutocomplete {
|
|
|
196
196
|
_skipPredicate() {
|
|
197
197
|
return false;
|
|
198
198
|
}
|
|
199
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
200
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.0-next.
|
|
199
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MatAutocomplete, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
200
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.0-next.10", 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-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}mat-autocomplete{display:none}"], animations: [panelAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
201
201
|
}
|
|
202
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
202
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MatAutocomplete, decorators: [{
|
|
203
203
|
type: Component,
|
|
204
204
|
args: [{ selector: 'mat-autocomplete', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'matAutocomplete', host: {
|
|
205
205
|
'class': 'mat-mdc-autocomplete',
|
|
206
|
-
}, providers: [{ provide: MAT_OPTION_PARENT_COMPONENT, useExisting: MatAutocomplete }], animations: [panelAnimation],
|
|
206
|
+
}, providers: [{ provide: MAT_OPTION_PARENT_COMPONENT, useExisting: MatAutocomplete }], animations: [panelAnimation], 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-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}mat-autocomplete{display:none}"] }]
|
|
207
207
|
}], ctorParameters: () => [], propDecorators: { template: [{
|
|
208
208
|
type: ViewChild,
|
|
209
209
|
args: [TemplateRef, { static: true }]
|
|
@@ -262,15 +262,14 @@ class MatAutocompleteOrigin {
|
|
|
262
262
|
constructor() {
|
|
263
263
|
this.elementRef = inject(ElementRef);
|
|
264
264
|
}
|
|
265
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
266
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.
|
|
265
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MatAutocompleteOrigin, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
266
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: MatAutocompleteOrigin, isStandalone: true, selector: "[matAutocompleteOrigin]", exportAs: ["matAutocompleteOrigin"], ngImport: i0 }); }
|
|
267
267
|
}
|
|
268
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
268
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MatAutocompleteOrigin, decorators: [{
|
|
269
269
|
type: Directive,
|
|
270
270
|
args: [{
|
|
271
271
|
selector: '[matAutocompleteOrigin]',
|
|
272
272
|
exportAs: 'matAutocompleteOrigin',
|
|
273
|
-
standalone: true,
|
|
274
273
|
}]
|
|
275
274
|
}], ctorParameters: () => [] });
|
|
276
275
|
|
|
@@ -1081,10 +1080,10 @@ class MatAutocompleteTrigger {
|
|
|
1081
1080
|
this._trackedModal = null;
|
|
1082
1081
|
}
|
|
1083
1082
|
}
|
|
1084
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
1085
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.0.0-next.
|
|
1083
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MatAutocompleteTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1084
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.0.0-next.10", 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 }); }
|
|
1086
1085
|
}
|
|
1087
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
1086
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MatAutocompleteTrigger, decorators: [{
|
|
1088
1087
|
type: Directive,
|
|
1089
1088
|
args: [{
|
|
1090
1089
|
selector: `input[matAutocomplete], textarea[matAutocomplete]`,
|
|
@@ -1107,7 +1106,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8",
|
|
|
1107
1106
|
},
|
|
1108
1107
|
exportAs: 'matAutocompleteTrigger',
|
|
1109
1108
|
providers: [MAT_AUTOCOMPLETE_VALUE_ACCESSOR],
|
|
1110
|
-
standalone: true,
|
|
1111
1109
|
}]
|
|
1112
1110
|
}], ctorParameters: () => [], propDecorators: { autocomplete: [{
|
|
1113
1111
|
type: Input,
|
|
@@ -1127,8 +1125,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8",
|
|
|
1127
1125
|
}] } });
|
|
1128
1126
|
|
|
1129
1127
|
class MatAutocompleteModule {
|
|
1130
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
1131
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-next.
|
|
1128
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MatAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1129
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-next.10", ngImport: i0, type: MatAutocompleteModule, imports: [OverlayModule,
|
|
1132
1130
|
MatOptionModule,
|
|
1133
1131
|
MatCommonModule,
|
|
1134
1132
|
CommonModule,
|
|
@@ -1140,14 +1138,14 @@ class MatAutocompleteModule {
|
|
|
1140
1138
|
MatCommonModule,
|
|
1141
1139
|
MatAutocompleteTrigger,
|
|
1142
1140
|
MatAutocompleteOrigin] }); }
|
|
1143
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
1141
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MatAutocompleteModule, providers: [MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER], imports: [OverlayModule,
|
|
1144
1142
|
MatOptionModule,
|
|
1145
1143
|
MatCommonModule,
|
|
1146
1144
|
CommonModule, CdkScrollableModule,
|
|
1147
1145
|
MatOptionModule,
|
|
1148
1146
|
MatCommonModule] }); }
|
|
1149
1147
|
}
|
|
1150
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
1148
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MatAutocompleteModule, decorators: [{
|
|
1151
1149
|
type: NgModule,
|
|
1152
1150
|
args: [{
|
|
1153
1151
|
imports: [
|