@angular/material 8.1.4 → 8.2.3

package/_theming.scss

@@ -1567,9 +1567,16 @@ $mat-ripple-color-opacity: 0.1;
     color: $disabled-color;
   }
 
+  .mat-primary .mat-pseudo-checkbox-checked,
+  .mat-primary .mat-pseudo-checkbox-indeterminate {
+    background: mat-color(map-get($theme, primary));
+  }
+
   // Default to the accent color. Note that the pseudo checkboxes are meant to inherit the
   // theme from their parent, rather than implementing their own theming, which is why we
-  // don't attach to the `mat-*` classes.
+  // don't attach to the `mat-*` classes. Also note that this needs to be below `.mat-primary`
+  // in order to allow for the color to be overwritten if the checkbox is inside a parent that
+  // has `mat-accent` and is placed inside another parent that has `mat-primary`.
   .mat-pseudo-checkbox-checked,
   .mat-pseudo-checkbox-indeterminate,
   .mat-accent .mat-pseudo-checkbox-checked,
@@ -1577,11 +1584,6 @@ $mat-ripple-color-opacity: 0.1;
     background: mat-color(map-get($theme, accent));
   }
 
-  .mat-primary .mat-pseudo-checkbox-checked,
-  .mat-primary .mat-pseudo-checkbox-indeterminate {
-    background: mat-color(map-get($theme, primary));
-  }
-
   .mat-warn .mat-pseudo-checkbox-checked,
   .mat-warn .mat-pseudo-checkbox-indeterminate {
     background: mat-color(map-get($theme, warn));
@@ -2778,11 +2780,11 @@ $mat-calendar-weekday-table-font-size: 11px !default;
     border-top-color: mat-color($foreground, divider);
   }
 
-  .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header {
-    &:not([aria-disabled='true']) {
-      &.cdk-keyboard-focused,
-      &.cdk-program-focused,
-      &:hover {
+  .mat-expansion-panel {
+    & .mat-expansion-panel-header.cdk-keyboard-focused,
+    & .mat-expansion-panel-header.cdk-program-focused,
+    &:not(.mat-expanded) .mat-expansion-panel-header:hover {
+      &:not([aria-disabled='true']) {
         background: mat-color($background, hover);
       }
     }

package/autocomplete/typings/autocomplete-trigger.d.ts

@@ -7,8 +7,8 @@
  */
 import { Directionality } from '@angular/cdk/bidi';
 import { Overlay, ScrollStrategy } from '@angular/cdk/overlay';
-import { ChangeDetectorRef, ElementRef, InjectionToken, NgZone, OnDestroy, ViewContainerRef, OnChanges, SimpleChanges } from '@angular/core';
 import { ViewportRuler } from '@angular/cdk/scrolling';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, InjectionToken, NgZone, OnDestroy, ViewContainerRef, OnChanges, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { MatOption, MatOptionSelectionChange } from '@angular/material/core';
 import { MatFormField } from '@angular/material/form-field';
@@ -44,7 +44,7 @@ export declare const MAT_AUTOCOMPLETE_VALUE_ACCESSOR: any;
  * @docs-private
  */
 export declare function getMatAutocompleteMissingPanelError(): Error;
-export declare class MatAutocompleteTrigger implements ControlValueAccessor, OnChanges, OnDestroy {
+export declare class MatAutocompleteTrigger implements ControlValueAccessor, AfterViewInit, OnChanges, OnDestroy {
     private _element;
     private _overlay;
     private _viewContainerRef;
@@ -75,6 +75,8 @@ export declare class MatAutocompleteTrigger implements ControlValueAccessor, OnC
      * comes back.
      */
     private _canOpenOnNextFocus;
+    /** Whether the element is inside of a ShadowRoot component. */
+    private _isInsideShadowRoot;
     /** Stream of keyboard events that can close the panel. */
     private readonly _closeKeyEventStream;
     /**
@@ -112,6 +114,7 @@ export declare class MatAutocompleteTrigger implements ControlValueAccessor, OnC
      */
     autocompleteDisabled: boolean;
     constructor(_element: ElementRef<HTMLInputElement>, _overlay: Overlay, _viewContainerRef: ViewContainerRef, _zone: NgZone, _changeDetectorRef: ChangeDetectorRef, scrollStrategy: any, _dir: Directionality, _formField: MatFormField, _document: any, _viewportRuler?: ViewportRuler | undefined);
+    ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     /** Whether or not the autocomplete panel is open. */

package/autocomplete/typings/index.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"MatAutocompleteSelectedEvent":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatAutocomplete"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatOption","line":49,"character":19}]}]}},"MatAutocompleteDefaultOptions":{"__symbolic":"interface"},"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":67,"character":8},"arguments":["mat-autocomplete-default-options",{"providedIn":"root","factory":{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY"}}]},"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY":{"__symbolic":"function","parameters":[],"value":{"autoActiveFirstOption":false}},"MatAutocomplete":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":93,"character":37,"module":"./autocomplete"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":77,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"mat-autocomplete","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":82,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":83,"character":19},"member":"OnPush"},"exportAs":"matAutocomplete","inputs":["disableRipple"],"host":{"class":"mat-autocomplete","$quoted$":["class"]},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_OPTION_PARENT_COMPONENT","line":90,"character":14},"useExisting":{"__symbolic":"reference","name":"MatAutocomplete"}}],"template":"<ng-template><div class=\"mat-autocomplete-panel\" role=\"listbox\" [id]=\"id\" [ngClass]=\"_classList\" #panel><ng-content></ng-content></div></ng-template>","styles":[".mat-autocomplete-panel{min-width:112px;max-width:280px;overflow:auto;-webkit-overflow-scrolling:touch;visibility:hidden;max-width:none;max-height:256px;position:relative;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.mat-autocomplete-panel.mat-autocomplete-visible{visibility:visible}.mat-autocomplete-panel.mat-autocomplete-hidden{visibility:hidden}.mat-autocomplete-panel-above .mat-autocomplete-panel{border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px}.mat-autocomplete-panel .mat-divider-horizontal{margin-top:-1px}@media (-ms-high-contrast:active){.mat-autocomplete-panel{outline:solid 1px}}"]}]}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":111,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":111,"character":13},{"static":true}]}]}],"panel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":114,"character":3},"arguments":["panel",{"static":false}]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":117,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatOption","line":49,"character":19},{"descendants":true}]}]}],"optionGroups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":120,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatOptgroup","line":120,"character":19}]}]}],"displayWith":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":123,"character":3}}]}],"autoActiveFirstOption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":3}}]}],"panelWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":140,"character":3}}]}],"optionSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":143,"character":3}}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":147,"character":3}}]}],"closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":150,"character":3}}]}],"classList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":156,"character":3},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":178,"character":5},"arguments":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":176,"character":32},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":177,"character":36,"context":{"typeName":"HTMLElement"},"module":"./autocomplete"}]},{"__symbolic":"reference","name":"any"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"_setScrollTop":[{"__symbolic":"method"}],"_getScrollTop":[{"__symbolic":"method"}],"_setVisibility":[{"__symbolic":"method"}],"_emitSelectEvent":[{"__symbolic":"method"}],"_setVisibilityClasses":[{"__symbolic":"method"}]}},"MatAutocompleteModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":19,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatOptionModule","line":20,"character":12},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":20,"character":29},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":20,"character":44},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":61}],"exports":[{"__symbolic":"reference","name":"MatAutocomplete"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatOptionModule","line":23,"character":4},{"__symbolic":"reference","name":"MatAutocompleteTrigger"},{"__symbolic":"reference","name":"MatAutocompleteOrigin"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":26,"character":4}],"declarations":[{"__symbolic":"reference","name":"MatAutocomplete"},{"__symbolic":"reference","name":"MatAutocompleteTrigger"},{"__symbolic":"reference","name":"MatAutocompleteOrigin"}],"providers":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER"}]}]}],"members":{}},"AUTOCOMPLETE_OPTION_HEIGHT":48,"AUTOCOMPLETE_PANEL_HEIGHT":256,"MAT_AUTOCOMPLETE_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":66,"character":8},"arguments":["mat-autocomplete-scroll-strategy"]},"MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY":{"__symbolic":"function","parameters":["overlay"],"value":{"__symbolic":"error","message":"Lambda not supported","line":70,"character":9,"module":"./autocomplete-trigger"}},"MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER":{"provide":{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_SCROLL_STRATEGY"},"deps":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":76,"character":9}],"useFactory":{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY"}},"MAT_AUTOCOMPLETE_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":85,"character":11},"useExisting":{"__symbolic":"reference","name":"MatAutocompleteTrigger"},"multi":true},"getMatAutocompleteMissingPanelError":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"Error"},"arguments":["Attempting to open an undefined instance of `mat-autocomplete`. Make sure that the id passed to the `matAutocomplete` is correct and that you're attempting to open it after the ngAfterContentInit hook."]}},"MatAutocompleteTrigger":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":101,"character":1},"arguments":[{"selector":"input[matAutocomplete], textarea[matAutocomplete]","host":{"[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-owns]":"(autocompleteDisabled || !panelOpen) ? null : autocomplete?.id","[attr.aria-haspopup]":"!autocompleteDisabled","(focusin)":"_handleFocus()","(blur)":"_onTouched()","(input)":"_handleInput($event)","(keydown)":"_handleKeydown($event)","$quoted$":["[attr.autocomplete]","[attr.role]","[attr.aria-autocomplete]","[attr.aria-activedescendant]","[attr.aria-expanded]","[attr.aria-owns]","[attr.aria-haspopup]","(focusin)","(blur)","(input)","(keydown)"]},"exportAs":"matAutocompleteTrigger","providers":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_VALUE_ACCESSOR"}]}]}],"members":{"autocomplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":3},"arguments":["matAutocomplete"]}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":181,"character":3},"arguments":["matAutocompletePosition"]}]}],"connectedTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":187,"character":3},"arguments":["matAutocompleteConnectedTo"]}]}],"autocompleteAttribute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":193,"character":3},"arguments":["autocomplete"]}]}],"autocompleteDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":199,"character":3},"arguments":["matAutocompleteDisabled"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":209,"character":15},"arguments":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_SCROLL_STRATEGY"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":210,"character":15}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":211,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":211,"character":27}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":212,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":212,"character":27},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":212,"character":34}]}],null],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":205,"character":43,"context":{"typeName":"HTMLInputElement"},"module":"./autocomplete-trigger"}]},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":205,"character":80},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":206,"character":41},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":207,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":208,"character":42},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":210,"character":40},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormField","line":211,"character":54},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ViewportRuler","line":214,"character":39}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"openPanel":[{"__symbolic":"method"}],"closePanel":[{"__symbolic":"method"}],"updatePosition":[{"__symbolic":"method"}],"_getOutsideClickStream":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"_handleInput":[{"__symbolic":"method"}],"_handleFocus":[{"__symbolic":"method"}],"_floatLabel":[{"__symbolic":"method"}],"_resetLabel":[{"__symbolic":"method"}],"_scrollToOption":[{"__symbolic":"method"}],"_subscribeToClosingActions":[{"__symbolic":"method"}],"_destroyPanel":[{"__symbolic":"method"}],"_setTriggerValue":[{"__symbolic":"method"}],"_setValueAndClose":[{"__symbolic":"method"}],"_clearPreviousSelectedOption":[{"__symbolic":"method"}],"_attachOverlay":[{"__symbolic":"method"}],"_getOverlayConfig":[{"__symbolic":"method"}],"_getOverlayPosition":[{"__symbolic":"method"}],"_setStrategyPositions":[{"__symbolic":"method"}],"_getConnectedElement":[{"__symbolic":"method"}],"_getPanelWidth":[{"__symbolic":"method"}],"_getHostWidth":[{"__symbolic":"method"}],"_resetActiveItem":[{"__symbolic":"method"}],"_canOpen":[{"__symbolic":"method"}]}},"MatAutocompleteOrigin":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":14,"character":1},"arguments":[{"selector":"[matAutocompleteOrigin]","exportAs":"matAutocompleteOrigin"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":21,"character":36,"context":{"typeName":"HTMLElement"},"module":"./autocomplete-origin"}]}]}]}}},"origins":{"MatAutocompleteSelectedEvent":"./autocomplete","MatAutocompleteDefaultOptions":"./autocomplete","MAT_AUTOCOMPLETE_DEFAULT_OPTIONS":"./autocomplete","MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY":"./autocomplete","MatAutocomplete":"./autocomplete","MatAutocompleteModule":"./autocomplete-module","AUTOCOMPLETE_OPTION_HEIGHT":"./autocomplete-trigger","AUTOCOMPLETE_PANEL_HEIGHT":"./autocomplete-trigger","MAT_AUTOCOMPLETE_SCROLL_STRATEGY":"./autocomplete-trigger","MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY":"./autocomplete-trigger","MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER":"./autocomplete-trigger","MAT_AUTOCOMPLETE_VALUE_ACCESSOR":"./autocomplete-trigger","getMatAutocompleteMissingPanelError":"./autocomplete-trigger","MatAutocompleteTrigger":"./autocomplete-trigger","MatAutocompleteOrigin":"./autocomplete-origin"},"importAs":"@angular/material/autocomplete"}
+{"__symbolic":"module","version":4,"metadata":{"MatAutocompleteSelectedEvent":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatAutocomplete"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatOption","line":49,"character":19}]}]}},"MatAutocompleteDefaultOptions":{"__symbolic":"interface"},"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":67,"character":8},"arguments":["mat-autocomplete-default-options",{"providedIn":"root","factory":{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY"}}]},"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY":{"__symbolic":"function","parameters":[],"value":{"autoActiveFirstOption":false}},"MatAutocomplete":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":93,"character":37,"module":"./autocomplete"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":77,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"mat-autocomplete","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":82,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":83,"character":19},"member":"OnPush"},"exportAs":"matAutocomplete","inputs":["disableRipple"],"host":{"class":"mat-autocomplete","$quoted$":["class"]},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_OPTION_PARENT_COMPONENT","line":90,"character":14},"useExisting":{"__symbolic":"reference","name":"MatAutocomplete"}}],"template":"<ng-template><div class=\"mat-autocomplete-panel\" role=\"listbox\" [id]=\"id\" [ngClass]=\"_classList\" #panel><ng-content></ng-content></div></ng-template>","styles":[".mat-autocomplete-panel{min-width:112px;max-width:280px;overflow:auto;-webkit-overflow-scrolling:touch;visibility:hidden;max-width:none;max-height:256px;position:relative;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.mat-autocomplete-panel.mat-autocomplete-visible{visibility:visible}.mat-autocomplete-panel.mat-autocomplete-hidden{visibility:hidden}.mat-autocomplete-panel-above .mat-autocomplete-panel{border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px}.mat-autocomplete-panel .mat-divider-horizontal{margin-top:-1px}@media (-ms-high-contrast:active){.mat-autocomplete-panel{outline:solid 1px}}"]}]}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":111,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":111,"character":13},{"static":true}]}]}],"panel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":114,"character":3},"arguments":["panel",{"static":false}]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":117,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatOption","line":49,"character":19},{"descendants":true}]}]}],"optionGroups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":120,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatOptgroup","line":120,"character":19}]}]}],"displayWith":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":123,"character":3}}]}],"autoActiveFirstOption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":3}}]}],"panelWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":140,"character":3}}]}],"optionSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":143,"character":3}}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":147,"character":3}}]}],"closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":150,"character":3}}]}],"classList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":156,"character":3},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":178,"character":5},"arguments":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":176,"character":32},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":177,"character":36,"context":{"typeName":"HTMLElement"},"module":"./autocomplete"}]},{"__symbolic":"reference","name":"any"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"_setScrollTop":[{"__symbolic":"method"}],"_getScrollTop":[{"__symbolic":"method"}],"_setVisibility":[{"__symbolic":"method"}],"_emitSelectEvent":[{"__symbolic":"method"}],"_setVisibilityClasses":[{"__symbolic":"method"}]}},"MatAutocompleteModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":19,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatOptionModule","line":20,"character":12},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":20,"character":29},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":20,"character":44},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":61}],"exports":[{"__symbolic":"reference","name":"MatAutocomplete"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatOptionModule","line":23,"character":4},{"__symbolic":"reference","name":"MatAutocompleteTrigger"},{"__symbolic":"reference","name":"MatAutocompleteOrigin"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":26,"character":4}],"declarations":[{"__symbolic":"reference","name":"MatAutocomplete"},{"__symbolic":"reference","name":"MatAutocompleteTrigger"},{"__symbolic":"reference","name":"MatAutocompleteOrigin"}],"providers":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER"}]}]}],"members":{}},"AUTOCOMPLETE_OPTION_HEIGHT":48,"AUTOCOMPLETE_PANEL_HEIGHT":256,"MAT_AUTOCOMPLETE_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":69,"character":8},"arguments":["mat-autocomplete-scroll-strategy"]},"MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY":{"__symbolic":"function","parameters":["overlay"],"value":{"__symbolic":"error","message":"Lambda not supported","line":73,"character":9,"module":"./autocomplete-trigger"}},"MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER":{"provide":{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_SCROLL_STRATEGY"},"deps":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":79,"character":9}],"useFactory":{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY"}},"MAT_AUTOCOMPLETE_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":88,"character":11},"useExisting":{"__symbolic":"reference","name":"MatAutocompleteTrigger"},"multi":true},"getMatAutocompleteMissingPanelError":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"Error"},"arguments":["Attempting to open an undefined instance of `mat-autocomplete`. Make sure that the id passed to the `matAutocomplete` is correct and that you're attempting to open it after the ngAfterContentInit hook."]}},"MatAutocompleteTrigger":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":104,"character":1},"arguments":[{"selector":"input[matAutocomplete], textarea[matAutocomplete]","host":{"class":"mat-autocomplete-trigger","[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-owns]":"(autocompleteDisabled || !panelOpen) ? null : autocomplete?.id","[attr.aria-haspopup]":"!autocompleteDisabled","(focusin)":"_handleFocus()","(blur)":"_onTouched()","(input)":"_handleInput($event)","(keydown)":"_handleKeydown($event)","$quoted$":["class","[attr.autocomplete]","[attr.role]","[attr.aria-autocomplete]","[attr.aria-activedescendant]","[attr.aria-expanded]","[attr.aria-owns]","[attr.aria-haspopup]","(focusin)","(blur)","(input)","(keydown)"]},"exportAs":"matAutocompleteTrigger","providers":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_VALUE_ACCESSOR"}]}]}],"members":{"autocomplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":180,"character":3},"arguments":["matAutocomplete"]}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":189,"character":3},"arguments":["matAutocompletePosition"]}]}],"connectedTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":195,"character":3},"arguments":["matAutocompleteConnectedTo"]}]}],"autocompleteAttribute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":201,"character":3},"arguments":["autocomplete"]}]}],"autocompleteDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":207,"character":3},"arguments":["matAutocompleteDisabled"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":217,"character":15},"arguments":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_SCROLL_STRATEGY"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":218,"character":15}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":219,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":219,"character":27}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":220,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":220,"character":27},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":220,"character":34}]}],null],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":213,"character":43,"context":{"typeName":"HTMLInputElement"},"module":"./autocomplete-trigger"}]},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":213,"character":80},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":214,"character":41},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":215,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":216,"character":42},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":218,"character":40},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormField","line":219,"character":54},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ViewportRuler","line":222,"character":39}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"openPanel":[{"__symbolic":"method"}],"closePanel":[{"__symbolic":"method"}],"updatePosition":[{"__symbolic":"method"}],"_getOutsideClickStream":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"_handleInput":[{"__symbolic":"method"}],"_handleFocus":[{"__symbolic":"method"}],"_floatLabel":[{"__symbolic":"method"}],"_resetLabel":[{"__symbolic":"method"}],"_scrollToOption":[{"__symbolic":"method"}],"_subscribeToClosingActions":[{"__symbolic":"method"}],"_destroyPanel":[{"__symbolic":"method"}],"_setTriggerValue":[{"__symbolic":"method"}],"_setValueAndClose":[{"__symbolic":"method"}],"_clearPreviousSelectedOption":[{"__symbolic":"method"}],"_attachOverlay":[{"__symbolic":"method"}],"_getOverlayConfig":[{"__symbolic":"method"}],"_getOverlayPosition":[{"__symbolic":"method"}],"_setStrategyPositions":[{"__symbolic":"method"}],"_getConnectedElement":[{"__symbolic":"method"}],"_getPanelWidth":[{"__symbolic":"method"}],"_getHostWidth":[{"__symbolic":"method"}],"_resetActiveItem":[{"__symbolic":"method"}],"_canOpen":[{"__symbolic":"method"}]}},"MatAutocompleteOrigin":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":14,"character":1},"arguments":[{"selector":"[matAutocompleteOrigin]","exportAs":"matAutocompleteOrigin"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":21,"character":36,"context":{"typeName":"HTMLElement"},"module":"./autocomplete-origin"}]}]}]}}},"origins":{"MatAutocompleteSelectedEvent":"./autocomplete","MatAutocompleteDefaultOptions":"./autocomplete","MAT_AUTOCOMPLETE_DEFAULT_OPTIONS":"./autocomplete","MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY":"./autocomplete","MatAutocomplete":"./autocomplete","MatAutocompleteModule":"./autocomplete-module","AUTOCOMPLETE_OPTION_HEIGHT":"./autocomplete-trigger","AUTOCOMPLETE_PANEL_HEIGHT":"./autocomplete-trigger","MAT_AUTOCOMPLETE_SCROLL_STRATEGY":"./autocomplete-trigger","MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY":"./autocomplete-trigger","MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER":"./autocomplete-trigger","MAT_AUTOCOMPLETE_VALUE_ACCESSOR":"./autocomplete-trigger","getMatAutocompleteMissingPanelError":"./autocomplete-trigger","MatAutocompleteTrigger":"./autocomplete-trigger","MatAutocompleteOrigin":"./autocomplete-origin"},"importAs":"@angular/material/autocomplete"}

package/bundles/material-autocomplete.umd.js

@@ -6,10 +6,10 @@
  * found in the LICENSE file at https://angular.io/license
  */
 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/cdk/a11y'), require('@angular/cdk/coercion'), require('@angular/core'), require('@angular/material/core'), require('@angular/cdk/bidi'), require('@angular/cdk/keycodes'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@angular/common'), require('rxjs/operators'), require('@angular/cdk/scrolling'), require('@angular/forms'), require('@angular/material/form-field'), require('rxjs')) :
-	typeof define === 'function' && define.amd ? define('@angular/material/autocomplete', ['exports', '@angular/cdk/a11y', '@angular/cdk/coercion', '@angular/core', '@angular/material/core', '@angular/cdk/bidi', '@angular/cdk/keycodes', '@angular/cdk/overlay', '@angular/cdk/portal', '@angular/common', 'rxjs/operators', '@angular/cdk/scrolling', '@angular/forms', '@angular/material/form-field', 'rxjs'], factory) :
-	(factory((global.ng = global.ng || {}, global.ng.material = global.ng.material || {}, global.ng.material.autocomplete = {}),global.ng.cdk.a11y,global.ng.cdk.coercion,global.ng.core,global.ng.material.core,global.ng.cdk.bidi,global.ng.cdk.keycodes,global.ng.cdk.overlay,global.ng.cdk.portal,global.ng.common,global.rxjs.operators,global.ng.cdk.scrolling,global.ng.forms,global.ng.material.formField,global.rxjs));
-}(this, (function (exports,a11y,coercion,core,core$1,bidi,keycodes,overlay,portal,common,operators,scrolling,forms,formField,rxjs) { 'use strict';
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/cdk/a11y'), require('@angular/cdk/coercion'), require('@angular/core'), require('@angular/material/core'), require('@angular/cdk/bidi'), require('@angular/cdk/keycodes'), require('@angular/cdk/overlay'), require('@angular/cdk/platform'), require('@angular/cdk/portal'), require('@angular/cdk/scrolling'), require('@angular/common'), require('@angular/forms'), require('@angular/material/form-field'), require('rxjs'), require('rxjs/operators')) :
+	typeof define === 'function' && define.amd ? define('@angular/material/autocomplete', ['exports', '@angular/cdk/a11y', '@angular/cdk/coercion', '@angular/core', '@angular/material/core', '@angular/cdk/bidi', '@angular/cdk/keycodes', '@angular/cdk/overlay', '@angular/cdk/platform', '@angular/cdk/portal', '@angular/cdk/scrolling', '@angular/common', '@angular/forms', '@angular/material/form-field', 'rxjs', 'rxjs/operators'], factory) :
+	(factory((global.ng = global.ng || {}, global.ng.material = global.ng.material || {}, global.ng.material.autocomplete = {}),global.ng.cdk.a11y,global.ng.cdk.coercion,global.ng.core,global.ng.material.core,global.ng.cdk.bidi,global.ng.cdk.keycodes,global.ng.cdk.overlay,global.ng.cdk.platform,global.ng.cdk.portal,global.ng.cdk.scrolling,global.ng.common,global.ng.forms,global.ng.material.formField,global.rxjs,global.rxjs.operators));
+}(this, (function (exports,a11y,coercion,core,core$1,bidi,keycodes,overlay,platform,portal,scrolling,common,forms,formField,rxjs,operators) { 'use strict';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation. All rights reserved.
@@ -505,14 +505,6 @@ var MatAutocompleteTrigger = /** @class */ (function () {
              */
             function () { return _this.optionSelections; })));
         }))));
-        if (typeof window !== 'undefined') {
-            _zone.runOutsideAngular((/**
-             * @return {?}
-             */
-            function () {
-                window.addEventListener('blur', _this._windowBlurHandler);
-            }));
-        }
         this._scrollStrategy = scrollStrategy;
     }
     Object.defineProperty(MatAutocompleteTrigger.prototype, "autocompleteDisabled", {
@@ -536,6 +528,32 @@ var MatAutocompleteTrigger = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
+    /**
+     * @return {?}
+     */
+    MatAutocompleteTrigger.prototype.ngAfterViewInit = /**
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        if (typeof window !== 'undefined') {
+            this._zone.runOutsideAngular((/**
+             * @return {?}
+             */
+            function () {
+                window.addEventListener('blur', _this._windowBlurHandler);
+            }));
+            if (platform._supportsShadowDom()) {
+                /** @type {?} */
+                var element = this._element.nativeElement;
+                /** @type {?} */
+                var rootNode = element.getRootNode ? element.getRootNode() : null;
+                // We need to take the `ShadowRoot` off of `window`, because the built-in types are
+                // incorrect. See https://github.com/Microsoft/TypeScript/issues/27929.
+                this._isInsideShadowRoot = rootNode instanceof ((/** @type {?} */ (window))).ShadowRoot;
+            }
+        }
+    };
     /**
      * @param {?} changes
      * @return {?}
@@ -709,13 +727,14 @@ var MatAutocompleteTrigger = /** @class */ (function () {
          * @return {?}
          */
         function (event) {
+            // If we're in the Shadow DOM, the event target will be the shadow root, so we have to
+            // fall back to check the first element in the path of the click event.
             /** @type {?} */
-            var clickTarget = (/** @type {?} */ (event.target));
+            var clickTarget = (/** @type {?} */ ((_this._isInsideShadowRoot && event.composedPath ? event.composedPath()[0] :
+                event.target)));
             /** @type {?} */
-            var formField$$1 = _this._formField ?
-                _this._formField._elementRef.nativeElement : null;
-            return _this._overlayAttached &&
-                clickTarget !== _this._element.nativeElement &&
+            var formField$$1 = _this._formField ? _this._formField._elementRef.nativeElement : null;
+            return _this._overlayAttached && clickTarget !== _this._element.nativeElement &&
                 (!formField$$1 || !formField$$1.contains(clickTarget)) &&
                 (!!_this._overlayRef && !_this._overlayRef.overlayElement.contains(clickTarget));
         })));
@@ -956,9 +975,17 @@ var MatAutocompleteTrigger = /** @class */ (function () {
         var index = this.autocomplete._keyManager.activeItemIndex || 0;
         /** @type {?} */
         var labelCount = core$1._countGroupLabelsBeforeOption(index, this.autocomplete.options, this.autocomplete.optionGroups);
-        /** @type {?} */
-        var newScrollPosition = core$1._getOptionScrollPosition(index + labelCount, AUTOCOMPLETE_OPTION_HEIGHT, this.autocomplete._getScrollTop(), AUTOCOMPLETE_PANEL_HEIGHT);
-        this.autocomplete._setScrollTop(newScrollPosition);
+        if (index === 0 && labelCount === 1) {
+            // If we've got one group label before the option and we're at the top option,
+            // scroll the list to the top. This is better UX than scrolling the list to the
+            // top of the option, because it allows the user to read the top group's label.
+            this.autocomplete._setScrollTop(0);
+        }
+        else {
+            /** @type {?} */
+            var newScrollPosition = core$1._getOptionScrollPosition(index + labelCount, AUTOCOMPLETE_OPTION_HEIGHT, this.autocomplete._getScrollTop(), AUTOCOMPLETE_PANEL_HEIGHT);
+            this.autocomplete._setScrollTop(newScrollPosition);
+        }
     };
     /**
      * This method listens to a stream of panel closing actions and resets the
@@ -1350,6 +1377,7 @@ var MatAutocompleteTrigger = /** @class */ (function () {
         { type: core.Directive, args: [{
                     selector: "input[matAutocomplete], textarea[matAutocomplete]",
                     host: {
+                        'class': 'mat-autocomplete-trigger',
                         '[attr.autocomplete]': 'autocompleteAttribute',
                         '[attr.role]': 'autocompleteDisabled ? null : "combobox"',
                         '[attr.aria-autocomplete]': 'autocompleteDisabled ? null : "list"',