@angular/material 20.0.0-rc.2 → 20.0.0

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.
Files changed (127) hide show
  1. package/autocomplete/index.d.ts +2 -2
  2. package/core/index.d.ts +2 -2
  3. package/datepicker/index.d.ts +8 -0
  4. package/fesm2022/autocomplete.mjs +23 -23
  5. package/fesm2022/autocomplete.mjs.map +1 -1
  6. package/fesm2022/badge.mjs +11 -11
  7. package/fesm2022/badge.mjs.map +1 -1
  8. package/fesm2022/bottom-sheet.mjs +11 -11
  9. package/fesm2022/bottom-sheet.mjs.map +1 -1
  10. package/fesm2022/button-toggle.mjs +15 -15
  11. package/fesm2022/button-toggle.mjs.map +1 -1
  12. package/fesm2022/button.mjs +20 -20
  13. package/fesm2022/button.mjs.map +1 -1
  14. package/fesm2022/card.mjs +47 -47
  15. package/fesm2022/card.mjs.map +1 -1
  16. package/fesm2022/checkbox.mjs +22 -22
  17. package/fesm2022/checkbox.mjs.map +1 -1
  18. package/fesm2022/chips.mjs +47 -47
  19. package/fesm2022/chips.mjs.map +1 -1
  20. package/fesm2022/{common-module-BeAwwoi6.mjs → common-module-cKSwHniA.mjs} +5 -5
  21. package/fesm2022/{common-module-BeAwwoi6.mjs.map → common-module-cKSwHniA.mjs.map} +1 -1
  22. package/fesm2022/core.mjs +24 -24
  23. package/fesm2022/core.mjs.map +1 -1
  24. package/fesm2022/datepicker.mjs +145 -128
  25. package/fesm2022/datepicker.mjs.map +1 -1
  26. package/fesm2022/dialog/testing.mjs +2 -2
  27. package/fesm2022/dialog.mjs +2 -2
  28. package/fesm2022/divider.mjs +8 -8
  29. package/fesm2022/divider.mjs.map +1 -1
  30. package/fesm2022/{error-options-C79tZCHG.mjs → error-options-DCNQlTOA.mjs} +7 -7
  31. package/fesm2022/{error-options-C79tZCHG.mjs.map → error-options-DCNQlTOA.mjs.map} +1 -1
  32. package/fesm2022/expansion.mjs +27 -27
  33. package/fesm2022/expansion.mjs.map +1 -1
  34. package/fesm2022/{form-field-Cdw3iYrm.mjs → form-field-C9DZXojn.mjs} +31 -31
  35. package/fesm2022/{form-field-Cdw3iYrm.mjs.map → form-field-C9DZXojn.mjs.map} +1 -1
  36. package/fesm2022/form-field.mjs +3 -3
  37. package/fesm2022/grid-list.mjs +24 -24
  38. package/fesm2022/grid-list.mjs.map +1 -1
  39. package/fesm2022/icon/testing.mjs +8 -8
  40. package/fesm2022/icon/testing.mjs.map +1 -1
  41. package/fesm2022/{icon-button-D5zzuoJc.mjs → icon-button-B2tPB5AH.mjs} +9 -9
  42. package/fesm2022/{icon-button-D5zzuoJc.mjs.map → icon-button-B2tPB5AH.mjs.map} +1 -1
  43. package/fesm2022/{icon-registry-DVrJNtTv.mjs → icon-registry-CwOTJ7YM.mjs} +4 -4
  44. package/fesm2022/{icon-registry-DVrJNtTv.mjs.map → icon-registry-CwOTJ7YM.mjs.map} +1 -1
  45. package/fesm2022/icon.mjs +10 -10
  46. package/fesm2022/icon.mjs.map +1 -1
  47. package/fesm2022/index-BFRo2fUq.mjs +20 -0
  48. package/fesm2022/{index-DTIUI_kX.mjs.map → index-BFRo2fUq.mjs.map} +1 -1
  49. package/fesm2022/index-DwiL-HGk.mjs +22 -0
  50. package/fesm2022/{index-CrjYeoWX.mjs.map → index-DwiL-HGk.mjs.map} +1 -1
  51. package/fesm2022/input.mjs +12 -12
  52. package/fesm2022/input.mjs.map +1 -1
  53. package/fesm2022/{internal-form-field-B9_shC5z.mjs → internal-form-field-D5iFxU6d.mjs} +4 -4
  54. package/fesm2022/{internal-form-field-B9_shC5z.mjs.map → internal-form-field-D5iFxU6d.mjs.map} +1 -1
  55. package/fesm2022/{line-XysKlyvU.mjs → line-Bz5f9Cyx.mjs} +9 -9
  56. package/fesm2022/{line-XysKlyvU.mjs.map → line-Bz5f9Cyx.mjs.map} +1 -1
  57. package/fesm2022/list.mjs +66 -66
  58. package/fesm2022/list.mjs.map +1 -1
  59. package/fesm2022/menu.mjs +20 -20
  60. package/fesm2022/menu.mjs.map +1 -1
  61. package/fesm2022/{module-r2U_2G3G.mjs → module-BDiw_nWS.mjs} +25 -19
  62. package/fesm2022/module-BDiw_nWS.mjs.map +1 -0
  63. package/fesm2022/{module-CwYXiMoV.mjs → module-CWxMD37a.mjs} +12 -12
  64. package/fesm2022/{module-CwYXiMoV.mjs.map → module-CWxMD37a.mjs.map} +1 -1
  65. package/fesm2022/{module-CdXqcjot.mjs → module-Ce6F7TNm.mjs} +27 -27
  66. package/fesm2022/{module-CdXqcjot.mjs.map → module-Ce6F7TNm.mjs.map} +1 -1
  67. package/fesm2022/{module-CVpKZX1V.mjs → module-DzZHEh7B.mjs} +7 -7
  68. package/fesm2022/{module-CVpKZX1V.mjs.map → module-DzZHEh7B.mjs.map} +1 -1
  69. package/fesm2022/{option-D4ZNnnWi.mjs → option-BzhYL_xC.mjs} +14 -14
  70. package/fesm2022/option-BzhYL_xC.mjs.map +1 -0
  71. package/fesm2022/paginator.mjs +25 -25
  72. package/fesm2022/paginator.mjs.map +1 -1
  73. package/fesm2022/progress-bar.mjs +8 -8
  74. package/fesm2022/progress-bar.mjs.map +1 -1
  75. package/fesm2022/progress-spinner.mjs +8 -8
  76. package/fesm2022/progress-spinner.mjs.map +1 -1
  77. package/fesm2022/{pseudo-checkbox-DQugCpur.mjs → pseudo-checkbox-DDmgx3P4.mjs} +4 -4
  78. package/fesm2022/{pseudo-checkbox-DQugCpur.mjs.map → pseudo-checkbox-DDmgx3P4.mjs.map} +1 -1
  79. package/fesm2022/pseudo-checkbox-module-4F8Up4PL.mjs +20 -0
  80. package/fesm2022/{pseudo-checkbox-module-BXWS_-PP.mjs.map → pseudo-checkbox-module-4F8Up4PL.mjs.map} +1 -1
  81. package/fesm2022/radio.mjs +15 -15
  82. package/fesm2022/radio.mjs.map +1 -1
  83. package/fesm2022/{ripple-BtLhcfGO.mjs → ripple-BYgV4oZC.mjs} +7 -7
  84. package/fesm2022/{ripple-BtLhcfGO.mjs.map → ripple-BYgV4oZC.mjs.map} +1 -1
  85. package/fesm2022/{ripple-loader-DBdhLqHy.mjs → ripple-loader-BnMiRtmT.mjs} +5 -5
  86. package/fesm2022/{ripple-loader-DBdhLqHy.mjs.map → ripple-loader-BnMiRtmT.mjs.map} +1 -1
  87. package/fesm2022/select.mjs +12 -12
  88. package/fesm2022/sidenav.mjs +29 -29
  89. package/fesm2022/sidenav.mjs.map +1 -1
  90. package/fesm2022/slide-toggle.mjs +11 -11
  91. package/fesm2022/slide-toggle.mjs.map +1 -1
  92. package/fesm2022/slider.mjs +20 -20
  93. package/fesm2022/slider.mjs.map +1 -1
  94. package/fesm2022/snack-bar.mjs +28 -28
  95. package/fesm2022/snack-bar.mjs.map +1 -1
  96. package/fesm2022/sort.mjs +15 -15
  97. package/fesm2022/sort.mjs.map +1 -1
  98. package/fesm2022/stepper.mjs +39 -50
  99. package/fesm2022/stepper.mjs.map +1 -1
  100. package/fesm2022/{structural-styles-DWEe15sC.mjs → structural-styles-CObeNzjn.mjs} +4 -4
  101. package/fesm2022/{structural-styles-DWEe15sC.mjs.map → structural-styles-CObeNzjn.mjs.map} +1 -1
  102. package/fesm2022/table.mjs +56 -56
  103. package/fesm2022/table.mjs.map +1 -1
  104. package/fesm2022/tabs.mjs +60 -48
  105. package/fesm2022/tabs.mjs.map +1 -1
  106. package/fesm2022/timepicker.mjs +20 -20
  107. package/fesm2022/timepicker.mjs.map +1 -1
  108. package/fesm2022/toolbar.mjs +11 -11
  109. package/fesm2022/toolbar.mjs.map +1 -1
  110. package/fesm2022/tooltip.mjs +2 -2
  111. package/fesm2022/tree.mjs +26 -26
  112. package/fesm2022/tree.mjs.map +1 -1
  113. package/{index.d-CikM2bbf.d.ts → index.d-DAhBYbjm.d.ts} +1 -1
  114. package/{module.d-DMabQ4_c.d.ts → module.d-bebo7gS5.d.ts} +5 -3
  115. package/package.json +6 -6
  116. package/paginator/index.d.ts +3 -3
  117. package/schematics/ng-add/index.js +2 -2
  118. package/select/index.d.ts +3 -3
  119. package/stepper/index.d.ts +0 -3
  120. package/tabs/index.d.ts +6 -2
  121. package/timepicker/index.d.ts +1 -1
  122. package/fesm2022/index-CrjYeoWX.mjs +0 -22
  123. package/fesm2022/index-DTIUI_kX.mjs +0 -20
  124. package/fesm2022/module-r2U_2G3G.mjs.map +0 -1
  125. package/fesm2022/option-D4ZNnnWi.mjs.map +0 -1
  126. package/fesm2022/pseudo-checkbox-module-BXWS_-PP.mjs +0 -20
  127. package/{option.d-BVGX3edu.d.ts → option.d-BcvS44bt.d.ts} +1 -1
@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
2
2
  import { InjectionToken, AfterContentInit, OnDestroy, TemplateRef, ElementRef, QueryList, EventEmitter, AfterViewInit, OnChanges, SimpleChanges } from '@angular/core';
3
3
  import * as i2 from '@angular/cdk/overlay';
4
4
  import { ScrollStrategy } from '@angular/cdk/overlay';
5
- import { M as MatOptionModule } from '../index.d-CikM2bbf.js';
5
+ import { M as MatOptionModule } from '../index.d-DAhBYbjm.js';
6
6
  import { M as MatCommonModule } from '../common-module.d-C8xzHJDr.js';
7
7
  import { T as ThemePalette } from '../palette.d-BSSFKjO6.js';
8
- import { M as MatOption, a as MatOptgroup, b as MatOptionSelectionChange } from '../option.d-BVGX3edu.js';
8
+ import { M as MatOption, a as MatOptgroup, b as MatOptionSelectionChange } from '../option.d-BcvS44bt.js';
9
9
  import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
10
10
  import { ControlValueAccessor } from '@angular/forms';
11
11
  import { Observable } from 'rxjs';
package/core/index.d.ts CHANGED
@@ -7,13 +7,13 @@ import { Subject } from 'rxjs';
7
7
  import { E as ErrorStateMatcher$1 } from '../error-options.d-CGdTZUYk.js';
8
8
  export { S as ShowOnDirtyErrorStateMatcher } from '../error-options.d-CGdTZUYk.js';
9
9
  export { M as MatLine, a as MatLineModule, s as setLines } from '../line.d-C-QdueRc.js';
10
- export { M as MatOptionModule } from '../index.d-CikM2bbf.js';
10
+ export { M as MatOptionModule } from '../index.d-DAhBYbjm.js';
11
11
  export { M as MatRippleLoader } from '../ripple-loader.d-9me-KFSi.js';
12
12
  export { M as MatRippleModule } from '../index.d-C5neTPvr.js';
13
13
  export { b as MatPseudoCheckbox, M as MatPseudoCheckboxModule, a as MatPseudoCheckboxState } from '../pseudo-checkbox-module.d-BHmTZ10P.js';
14
14
  import { D as DateAdapter } from '../date-adapter.d-CtKXIxk0.js';
15
15
  export { M as MAT_DATE_LOCALE, a as MAT_DATE_LOCALE_FACTORY } from '../date-adapter.d-CtKXIxk0.js';
16
- export { d as MAT_OPTGROUP, a as MatOptgroup, M as MatOption, b as MatOptionSelectionChange, _ as _countGroupLabelsBeforeOption, c as _getOptionScrollPosition } from '../option.d-BVGX3edu.js';
16
+ export { d as MAT_OPTGROUP, a as MatOptgroup, M as MatOption, b as MatOptionSelectionChange, _ as _countGroupLabelsBeforeOption, c as _getOptionScrollPosition } from '../option.d-BcvS44bt.js';
17
17
  export { a as MAT_OPTION_PARENT_COMPONENT, M as MatOptionParentComponent } from '../option-parent.d-CnYuuMkO.js';
18
18
  export { c as MAT_RIPPLE_GLOBAL_OPTIONS, M as MatRipple, g as RippleAnimationConfig, f as RippleConfig, R as RippleGlobalOptions, h as RippleRef, a as RippleRenderer, e as RippleState, b as RippleTarget, d as defaultRippleAnimationConfig } from '../ripple.d-BT30YVLB.js';
19
19
  import '@angular/cdk/bidi';
@@ -736,6 +736,11 @@ declare class MatCalendarHeader<D> {
736
736
  calendar: MatCalendar<D>;
737
737
  private _dateAdapter;
738
738
  private _dateFormats;
739
+ private _periodButtonText;
740
+ private _periodButtonDescription;
741
+ private _periodButtonLabel;
742
+ private _prevButtonLabel;
743
+ private _nextButtonLabel;
739
744
  constructor(...args: unknown[]);
740
745
  /** The display text for the current calendar view. */
741
746
  get periodButtonText(): string;
@@ -757,6 +762,8 @@ declare class MatCalendarHeader<D> {
757
762
  previousEnabled(): boolean;
758
763
  /** Whether the next period button is enabled. */
759
764
  nextEnabled(): boolean;
765
+ /** Updates the labels for the various sections of the header. */
766
+ private _updateLabels;
760
767
  /** Whether the two dates represent the same view in the current view mode (month or year). */
761
768
  private _isSameView;
762
769
  /**
@@ -1461,6 +1468,7 @@ declare abstract class MatDateRangeInputPartBase<D> extends MatDatepickerInputBa
1461
1468
  _elementRef: ElementRef<HTMLInputElement>;
1462
1469
  _defaultErrorStateMatcher: ErrorStateMatcher;
1463
1470
  private _injector;
1471
+ private _rawValue;
1464
1472
  _parentForm: NgForm | null;
1465
1473
  _parentFormGroup: FormGroupDirective | null;
1466
1474
  /**
@@ -1,5 +1,5 @@
1
- import { c as MAT_OPTION_PARENT_COMPONENT, M as MatOption, d as MAT_OPTGROUP, e as MatOptionSelectionChange, _ as _countGroupLabelsBeforeOption, b as _getOptionScrollPosition } from './option-D4ZNnnWi.mjs';
2
- export { a as MatOptgroup } from './option-D4ZNnnWi.mjs';
1
+ import { c as MAT_OPTION_PARENT_COMPONENT, M as MatOption, d as MAT_OPTGROUP, e as MatOptionSelectionChange, _ as _countGroupLabelsBeforeOption, b as _getOptionScrollPosition } from './option-BzhYL_xC.mjs';
2
+ export { a as MatOptgroup } from './option-BzhYL_xC.mjs';
3
3
  import * as i0 from '@angular/core';
4
4
  import { InjectionToken, inject, ChangeDetectorRef, ElementRef, EventEmitter, booleanAttribute, TemplateRef, Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, ContentChildren, Input, Output, Directive, forwardRef, Injector, EnvironmentInjector, ViewContainerRef, NgZone, Renderer2, afterNextRender, NgModule } from '@angular/core';
5
5
  import { ViewportRuler, CdkScrollableModule } from '@angular/cdk/scrolling';
@@ -15,17 +15,17 @@ import { TemplatePortal } from '@angular/cdk/portal';
15
15
  import { coerceArray } from '@angular/cdk/coercion';
16
16
  import { NG_VALUE_ACCESSOR } from '@angular/forms';
17
17
  import { filter, map, startWith, switchMap, tap, delay, take } from 'rxjs/operators';
18
- import { h as MAT_FORM_FIELD } from './form-field-Cdw3iYrm.mjs';
19
- import { M as MatOptionModule } from './index-CrjYeoWX.mjs';
20
- import { M as MatCommonModule } from './common-module-BeAwwoi6.mjs';
21
- import './ripple-BtLhcfGO.mjs';
18
+ import { h as MAT_FORM_FIELD } from './form-field-C9DZXojn.mjs';
19
+ import { M as MatOptionModule } from './index-DwiL-HGk.mjs';
20
+ import { M as MatCommonModule } from './common-module-cKSwHniA.mjs';
21
+ import './ripple-BYgV4oZC.mjs';
22
22
  import '@angular/cdk/private';
23
- import './pseudo-checkbox-DQugCpur.mjs';
24
- import './structural-styles-DWEe15sC.mjs';
23
+ import './pseudo-checkbox-DDmgx3P4.mjs';
24
+ import './structural-styles-CObeNzjn.mjs';
25
25
  import '@angular/common';
26
26
  import '@angular/cdk/observers/private';
27
- import './index-DTIUI_kX.mjs';
28
- import './pseudo-checkbox-module-BXWS_-PP.mjs';
27
+ import './index-BFRo2fUq.mjs';
28
+ import './pseudo-checkbox-module-4F8Up4PL.mjs';
29
29
 
30
30
  /** Event object that is emitted when an autocomplete option is selected. */
31
31
  class MatAutocompleteSelectedEvent {
@@ -239,10 +239,10 @@ class MatAutocomplete {
239
239
  _skipPredicate() {
240
240
  return false;
241
241
  }
242
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-rc.1", ngImport: i0, type: MatAutocomplete, deps: [], target: i0.ɵɵFactoryTarget.Component });
243
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.0.0-rc.1", 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:relative;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}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
242
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MatAutocomplete, deps: [], target: i0.ɵɵFactoryTarget.Component });
243
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.0.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:relative;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}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
244
244
  }
245
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-rc.1", ngImport: i0, type: MatAutocomplete, decorators: [{
245
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MatAutocomplete, decorators: [{
246
246
  type: Component,
247
247
  args: [{ selector: 'mat-autocomplete', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'matAutocomplete', host: {
248
248
  'class': 'mat-mdc-autocomplete',
@@ -304,10 +304,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-rc.1", ng
304
304
  class MatAutocompleteOrigin {
305
305
  elementRef = inject(ElementRef);
306
306
  constructor() { }
307
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-rc.1", ngImport: i0, type: MatAutocompleteOrigin, deps: [], target: i0.ɵɵFactoryTarget.Directive });
308
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0-rc.1", type: MatAutocompleteOrigin, isStandalone: true, selector: "[matAutocompleteOrigin]", exportAs: ["matAutocompleteOrigin"], ngImport: i0 });
307
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MatAutocompleteOrigin, deps: [], target: i0.ɵɵFactoryTarget.Directive });
308
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0", type: MatAutocompleteOrigin, isStandalone: true, selector: "[matAutocompleteOrigin]", exportAs: ["matAutocompleteOrigin"], ngImport: i0 });
309
309
  }
310
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-rc.1", ngImport: i0, type: MatAutocompleteOrigin, decorators: [{
310
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MatAutocompleteOrigin, decorators: [{
311
311
  type: Directive,
312
312
  args: [{
313
313
  selector: '[matAutocompleteOrigin]',
@@ -1167,10 +1167,10 @@ class MatAutocompleteTrigger {
1167
1167
  this._trackedModal = null;
1168
1168
  }
1169
1169
  }
1170
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-rc.1", ngImport: i0, type: MatAutocompleteTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
1171
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.0.0-rc.1", 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 });
1170
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MatAutocompleteTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
1171
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.0.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 });
1172
1172
  }
1173
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-rc.1", ngImport: i0, type: MatAutocompleteTrigger, decorators: [{
1173
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MatAutocompleteTrigger, decorators: [{
1174
1174
  type: Directive,
1175
1175
  args: [{
1176
1176
  selector: `input[matAutocomplete], textarea[matAutocomplete]`,
@@ -1212,8 +1212,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-rc.1", ng
1212
1212
  }] } });
1213
1213
 
1214
1214
  class MatAutocompleteModule {
1215
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-rc.1", ngImport: i0, type: MatAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1216
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.0-rc.1", ngImport: i0, type: MatAutocompleteModule, imports: [OverlayModule,
1215
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MatAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1216
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.0", ngImport: i0, type: MatAutocompleteModule, imports: [OverlayModule,
1217
1217
  MatOptionModule,
1218
1218
  MatCommonModule,
1219
1219
  MatAutocomplete,
@@ -1224,13 +1224,13 @@ class MatAutocompleteModule {
1224
1224
  MatCommonModule,
1225
1225
  MatAutocompleteTrigger,
1226
1226
  MatAutocompleteOrigin] });
1227
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.0-rc.1", ngImport: i0, type: MatAutocompleteModule, providers: [MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER], imports: [OverlayModule,
1227
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MatAutocompleteModule, providers: [MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER], imports: [OverlayModule,
1228
1228
  MatOptionModule,
1229
1229
  MatCommonModule, CdkScrollableModule,
1230
1230
  MatOptionModule,
1231
1231
  MatCommonModule] });
1232
1232
  }
1233
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-rc.1", ngImport: i0, type: MatAutocompleteModule, decorators: [{
1233
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MatAutocompleteModule, decorators: [{
1234
1234
  type: NgModule,
1235
1235
  args: [{
1236
1236
  imports: [