@angular/material 6.4.6 → 6.4.7

package/_theming.scss

@@ -3652,8 +3652,11 @@ $mat-calendar-weekday-table-font-size: 11px !default;
 @mixin _mat-tab-label-focus($tab-focus-color) {
   .mat-tab-label,
   .mat-tab-link {
-    &.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
-      background-color: mat-color($tab-focus-color, lighter, 0.3);
+    &.cdk-keyboard-focused,
+    &.cdk-program-focused {
+      &:not(.mat-tab-disabled) {
+        background-color: mat-color($tab-focus-color, lighter, 0.3);
+      }
     }
   }
 }

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

@@ -67,8 +67,19 @@ export declare class MatAutocompleteTrigger implements ControlValueAccessor, OnD
     private _closingActionsSubscription;
     /** Subscription to viewport size changes. */
     private _viewportSubscription;
+    /**
+     * Whether the autocomplete can open the next time it is focused. Used to prevent a focused,
+     * closed autocomplete from being reopened if the user switches to another browser tab and then
+     * comes back.
+     */
+    private _canOpenOnNextFocus;
     /** Stream of keyboard events that can close the panel. */
     private readonly _closeKeyEventStream;
+    /**
+     * Event handler for when the window is blurred. Needs to be an
+     * arrow function in order to preserve the context.
+     */
+    private _windowBlurHandler;
     /** `View -> model callback called when value changes` */
     _onChange: (value: any) => void;
     /** `View -> model callback called when autocomplete has been touched` */
@@ -90,7 +101,7 @@ export declare class MatAutocompleteTrigger implements ControlValueAccessor, OnD
      * act as a regular input and the user won't be able to open the panel.
      */
     autocompleteDisabled: boolean;
-    constructor(_element: ElementRef, _overlay: Overlay, _viewContainerRef: ViewContainerRef, _zone: NgZone, _changeDetectorRef: ChangeDetectorRef, _scrollStrategy: any, _dir: Directionality, _formField: MatFormField, _document: any, _viewportRuler?: ViewportRuler | undefined);
+    constructor(_element: ElementRef<HTMLInputElement>, _overlay: Overlay, _viewContainerRef: ViewContainerRef, _zone: NgZone, _changeDetectorRef: ChangeDetectorRef, _scrollStrategy: any, _dir: Directionality, _formField: MatFormField, _document: any, _viewportRuler?: ViewportRuler | undefined);
     ngOnDestroy(): void;
     /** Whether or not the autocomplete panel is open. */
     readonly panelOpen: boolean;

package/autocomplete/typings/autocomplete.d.ts

@@ -80,7 +80,7 @@ export declare class MatAutocomplete extends _MatAutocompleteMixinBase implement
     };
     /** Unique ID to be used by autocomplete trigger's "aria-owns" property. */
     id: string;
-    constructor(_changeDetectorRef: ChangeDetectorRef, _elementRef: ElementRef, defaults: MatAutocompleteDefaultOptions);
+    constructor(_changeDetectorRef: ChangeDetectorRef, _elementRef: ElementRef<HTMLElement>, defaults: MatAutocompleteDefaultOptions);
     ngAfterContentInit(): void;
     /**
      * Sets the panel scrollTop. This allows us to manually scroll to display options

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":47,"character":19}]}]}},"MatAutocompleteBase":{"__symbolic":"class","members":{}},"_MatAutocompleteMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"mixinDisableRipple","line":53,"character":41},"arguments":[{"__symbolic":"reference","name":"MatAutocompleteBase"}]},"MatAutocompleteDefaultOptions":{"__symbolic":"interface"},"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":63,"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":"reference","name":"_MatAutocompleteMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":73,"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":78,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":79,"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":86,"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%}.mat-autocomplete-panel:not([class*=mat-elevation-z]){box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.mat-autocomplete-panel.mat-autocomplete-visible{visibility:visible}.mat-autocomplete-panel.mat-autocomplete-hidden{visibility:hidden}@media screen and (-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":103,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":103,"character":13}]}]}],"panel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":106,"character":3},"arguments":["panel"]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":109,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatOption","line":47,"character":19},{"descendants":true}]}]}],"optionGroups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":112,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatOptgroup","line":112,"character":19}]}]}],"displayWith":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":3}}]}],"autoActiveFirstOption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":121,"character":3}}]}],"panelWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":132,"character":3}}]}],"optionSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":135,"character":3}}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":139,"character":3}}]}],"closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":142,"character":3}}]}],"classList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":148,"character":3},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":163,"character":5},"arguments":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":161,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":162,"character":25},{"__symbolic":"reference","name":"any"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"_setScrollTop":[{"__symbolic":"method"}],"_getScrollTop":[{"__symbolic":"method"}],"_setVisibility":[{"__symbolic":"method"}],"_emitSelectEvent":[{"__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":"ɵa29"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":26,"character":4}],"declarations":[{"__symbolic":"reference","name":"MatAutocomplete"},{"__symbolic":"reference","name":"MatAutocompleteTrigger"},{"__symbolic":"reference","name":"ɵa29"}],"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":63,"character":8},"arguments":["mat-autocomplete-scroll-strategy"]},"MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY":{"__symbolic":"function","parameters":["overlay"],"value":{"__symbolic":"error","message":"Lambda not supported","line":67,"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":73,"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":82,"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":97,"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]":"activeOption?.id","[attr.aria-expanded]":"autocompleteDisabled ? null : panelOpen.toString()","[attr.aria-owns]":"(autocompleteDisabled || !panelOpen) ? null : autocomplete?.id","(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]","(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":147,"character":3},"arguments":["matAutocomplete"]}]}],"connectedTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":153,"character":3},"arguments":["matAutocompleteConnectedTo"]}]}],"autocompleteAttribute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":159,"character":3},"arguments":["autocomplete"]}]}],"autocompleteDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":165,"character":3},"arguments":["matAutocompleteDisabled"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":175,"character":15},"arguments":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_SCROLL_STRATEGY"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":176,"character":15}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":177,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":177,"character":27}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":178,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":178,"character":27},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":178,"character":34}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":171,"character":32},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":171,"character":62},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":172,"character":41},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":173,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":174,"character":42},null,{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":176,"character":40},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormField","line":177,"character":54},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"ViewportRuler","line":180,"character":39}]}],"ngOnDestroy":[{"__symbolic":"method"}],"openPanel":[{"__symbolic":"method"}],"closePanel":[{"__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"}],"_getConnectedElement":[{"__symbolic":"method"}],"_getPanelWidth":[{"__symbolic":"method"}],"_getHostWidth":[{"__symbolic":"method"}],"_resetActiveItem":[{"__symbolic":"method"}],"_canOpen":[{"__symbolic":"method"}]}},"ɵa29":{"__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","MatAutocompleteBase":"./autocomplete","_MatAutocompleteMixinBase":"./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","ɵa29":"./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":47,"character":19}]}]}},"MatAutocompleteBase":{"__symbolic":"class","members":{}},"_MatAutocompleteMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"mixinDisableRipple","line":53,"character":41},"arguments":[{"__symbolic":"reference","name":"MatAutocompleteBase"}]},"MatAutocompleteDefaultOptions":{"__symbolic":"interface"},"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":63,"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":"reference","name":"_MatAutocompleteMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":73,"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":78,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":79,"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":86,"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%}.mat-autocomplete-panel:not([class*=mat-elevation-z]){box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.mat-autocomplete-panel.mat-autocomplete-visible{visibility:visible}.mat-autocomplete-panel.mat-autocomplete-hidden{visibility:hidden}@media screen and (-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":103,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":103,"character":13}]}]}],"panel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":106,"character":3},"arguments":["panel"]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":109,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatOption","line":47,"character":19},{"descendants":true}]}]}],"optionGroups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":112,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatOptgroup","line":112,"character":19}]}]}],"displayWith":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":3}}]}],"autoActiveFirstOption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":121,"character":3}}]}],"panelWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":132,"character":3}}]}],"optionSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":135,"character":3}}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":139,"character":3}}]}],"closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":142,"character":3}}]}],"classList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":148,"character":3},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":163,"character":5},"arguments":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":161,"character":32},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":162,"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"}]}},"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":"ɵa29"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":26,"character":4}],"declarations":[{"__symbolic":"reference","name":"MatAutocomplete"},{"__symbolic":"reference","name":"MatAutocompleteTrigger"},{"__symbolic":"reference","name":"ɵa29"}],"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":63,"character":8},"arguments":["mat-autocomplete-scroll-strategy"]},"MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY":{"__symbolic":"function","parameters":["overlay"],"value":{"__symbolic":"error","message":"Lambda not supported","line":67,"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":73,"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":82,"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":97,"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]":"activeOption?.id","[attr.aria-expanded]":"autocompleteDisabled ? null : panelOpen.toString()","[attr.aria-owns]":"(autocompleteDisabled || !panelOpen) ? null : autocomplete?.id","(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]","(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":166,"character":3},"arguments":["matAutocomplete"]}]}],"connectedTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":3},"arguments":["matAutocompleteConnectedTo"]}]}],"autocompleteAttribute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":178,"character":3},"arguments":["autocomplete"]}]}],"autocompleteDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":184,"character":3},"arguments":["matAutocompleteDisabled"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":194,"character":15},"arguments":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_SCROLL_STRATEGY"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":195,"character":15}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":196,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":196,"character":27}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":197,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":197,"character":27},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":197,"character":34}]}],null],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":190,"character":43,"context":{"typeName":"HTMLInputElement"},"module":"./autocomplete-trigger"}]},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":190,"character":80},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":191,"character":41},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":192,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":193,"character":42},null,{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":195,"character":40},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormField","line":196,"character":54},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"ViewportRuler","line":199,"character":39}]}],"ngOnDestroy":[{"__symbolic":"method"}],"openPanel":[{"__symbolic":"method"}],"closePanel":[{"__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"}],"_getConnectedElement":[{"__symbolic":"method"}],"_getPanelWidth":[{"__symbolic":"method"}],"_getHostWidth":[{"__symbolic":"method"}],"_resetActiveItem":[{"__symbolic":"method"}],"_canOpen":[{"__symbolic":"method"}]}},"ɵa29":{"__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","MatAutocompleteBase":"./autocomplete","_MatAutocompleteMixinBase":"./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","ɵa29":"./autocomplete-origin"},"importAs":"@angular/material/autocomplete"}

package/badge/typings/badge.d.ts

@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.io/license
  */
 import { AriaDescriber } from '@angular/cdk/a11y';
-import { ElementRef, NgZone, OnDestroy } from '@angular/core';
+import { ElementRef, NgZone, OnDestroy, Renderer2 } from '@angular/core';
 import { ThemePalette } from '@angular/material/core';
 export declare type MatBadgePosition = 'above after' | 'above before' | 'below before' | 'below after';
 export declare type MatBadgeSize = 'small' | 'medium' | 'large';
@@ -16,6 +16,8 @@ export declare class MatBadge implements OnDestroy {
     private _ngZone;
     private _elementRef;
     private _ariaDescriber;
+    /** @breaking-change 8.0.0 Make _renderer a required param and remove _document. */
+    private _renderer;
     /** Whether the badge has any content. */
     _hasContent: boolean;
     /** The color of the badge. Can be `primary`, `accent`, or `warn`. */
@@ -43,7 +45,9 @@ export declare class MatBadge implements OnDestroy {
     /** Unique id for the badge */
     _id: number;
     private _badgeElement;
-    constructor(_document: any, _ngZone: NgZone, _elementRef: ElementRef, _ariaDescriber: AriaDescriber);
+    constructor(_document: any, _ngZone: NgZone, _elementRef: ElementRef<HTMLElement>, _ariaDescriber: AriaDescriber, 
+        /** @breaking-change 8.0.0 Make _renderer a required param and remove _document. */
+        _renderer?: Renderer2 | undefined);
     /** Whether the badge is above the host or not */
     isAbove(): boolean;
     /** Whether the badge is after the host or not */

package/badge/typings/index.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"MatBadgeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":17,"character":4}],"exports":[{"__symbolic":"reference","name":"MatBadge"}],"declarations":[{"__symbolic":"reference","name":"MatBadge"}]}]}],"members":{}},"MatBadgePosition":{"__symbolic":"interface"},"MatBadgeSize":{"__symbolic":"interface"},"MatBadge":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":21,"character":1},"arguments":[{"selector":"[matBadge]","host":{"class":"mat-badge","[class.mat-badge-overlap]":"overlap","[class.mat-badge-above]":"isAbove()","[class.mat-badge-below]":"!isAbove()","[class.mat-badge-before]":"!isAfter()","[class.mat-badge-after]":"isAfter()","[class.mat-badge-small]":"size === \"small\"","[class.mat-badge-medium]":"size === \"medium\"","[class.mat-badge-large]":"size === \"large\"","[class.mat-badge-hidden]":"hidden || !_hasContent","$quoted$":["class","[class.mat-badge-overlap]","[class.mat-badge-above]","[class.mat-badge-below]","[class.mat-badge-before]","[class.mat-badge-after]","[class.mat-badge-small]","[class.mat-badge-medium]","[class.mat-badge-large]","[class.mat-badge-hidden]"]}}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3},"arguments":["matBadgeColor"]}]}],"overlap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3},"arguments":["matBadgeOverlap"]}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3},"arguments":["matBadgePosition"]}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3},"arguments":["matBadge"]}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3},"arguments":["matBadgeDescription"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3},"arguments":["matBadgeSize"]}]}],"hidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3},"arguments":["matBadgeHidden"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":101,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":101,"character":19},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":101,"character":26}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":102,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":103,"character":27},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"AriaDescriber","line":104,"character":30}]}],"isAbove":[{"__symbolic":"method"}],"isAfter":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_updateTextContent":[{"__symbolic":"method"}],"_createBadgeElement":[{"__symbolic":"method"}],"_updateHostAriaDescription":[{"__symbolic":"method"}],"_setColor":[{"__symbolic":"method"}]}}},"origins":{"MatBadgeModule":"./badge-module","MatBadgePosition":"./badge","MatBadgeSize":"./badge","MatBadge":"./badge"},"importAs":"@angular/material/badge"}
+{"__symbolic":"module","version":4,"metadata":{"MatBadgeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":17,"character":4}],"exports":[{"__symbolic":"reference","name":"MatBadge"}],"declarations":[{"__symbolic":"reference","name":"MatBadge"}]}]}],"members":{}},"MatBadgePosition":{"__symbolic":"interface"},"MatBadgeSize":{"__symbolic":"interface"},"MatBadge":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":30,"character":1},"arguments":[{"selector":"[matBadge]","host":{"class":"mat-badge","[class.mat-badge-overlap]":"overlap","[class.mat-badge-above]":"isAbove()","[class.mat-badge-below]":"!isAbove()","[class.mat-badge-before]":"!isAfter()","[class.mat-badge-after]":"isAfter()","[class.mat-badge-small]":"size === \"small\"","[class.mat-badge-medium]":"size === \"medium\"","[class.mat-badge-large]":"size === \"large\"","[class.mat-badge-hidden]":"hidden || !_hasContent","$quoted$":["class","[class.mat-badge-overlap]","[class.mat-badge-above]","[class.mat-badge-below]","[class.mat-badge-before]","[class.mat-badge-after]","[class.mat-badge-small]","[class.mat-badge-medium]","[class.mat-badge-large]","[class.mat-badge-hidden]"]}}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3},"arguments":["matBadgeColor"]}]}],"overlap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3},"arguments":["matBadgeOverlap"]}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3},"arguments":["matBadgePosition"]}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3},"arguments":["matBadge"]}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3},"arguments":["matBadgeDescription"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3},"arguments":["matBadgeSize"]}]}],"hidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3},"arguments":["matBadgeHidden"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":110,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":110,"character":19},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":110,"character":26}]}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":111,"character":23},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":112,"character":38,"context":{"typeName":"HTMLElement"},"module":"./badge"}]},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"AriaDescriber","line":113,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":115,"character":26}]}],"isAbove":[{"__symbolic":"method"}],"isAfter":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_updateTextContent":[{"__symbolic":"method"}],"_createBadgeElement":[{"__symbolic":"method"}],"_updateHostAriaDescription":[{"__symbolic":"method"}],"_setColor":[{"__symbolic":"method"}]}}},"origins":{"MatBadgeModule":"./badge-module","MatBadgePosition":"./badge","MatBadgeSize":"./badge","MatBadge":"./badge"},"importAs":"@angular/material/badge"}

package/bottom-sheet/typings/bottom-sheet-container.d.ts

@@ -36,7 +36,7 @@ export declare class MatBottomSheetContainer extends BasePortalOutlet implements
     private _document;
     /** Whether the component has been destroyed. */
     private _destroyed;
-    constructor(_elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef, _focusTrapFactory: FocusTrapFactory, breakpointObserver: BreakpointObserver, document: any, 
+    constructor(_elementRef: ElementRef<HTMLElement>, _changeDetectorRef: ChangeDetectorRef, _focusTrapFactory: FocusTrapFactory, breakpointObserver: BreakpointObserver, document: any, 
         /** The bottom sheet configuration. */
         bottomSheetConfig: MatBottomSheetConfig);
     /** Attach a component portal as content to this bottom sheet container. */

package/bottom-sheet/typings/index.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"MatBottomSheetModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":21,"character":4}],"exports":[{"__symbolic":"reference","name":"MatBottomSheetContainer"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":23,"character":37}],"declarations":[{"__symbolic":"reference","name":"MatBottomSheetContainer"}],"entryComponents":[{"__symbolic":"reference","name":"MatBottomSheetContainer"}]}]}],"members":{}},"MatBottomSheet":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":23,"character":1},"arguments":[{"providedIn":{"__symbolic":"reference","name":"MatBottomSheetModule"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":44,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":44,"character":19}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":45,"character":7}}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":42,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":43,"character":25},{"__symbolic":"reference","name":"MatBottomSheet"},{"__symbolic":"reference","module":"@angular/common","name":"Location","line":45,"character":38}]}],"open":[{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"}],"dismiss":[{"__symbolic":"method"}],"_attachContainer":[{"__symbolic":"method"}],"_createOverlay":[{"__symbolic":"method"}],"_createInjector":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"MAT_BOTTOM_SHEET_DATA":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":12,"character":41},"arguments":["MatBottomSheetData"]},"MatBottomSheetConfig":{"__symbolic":"class","arity":1,"members":{}},"MatBottomSheetContainer":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"BasePortalOutlet","line":61,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":42,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"mat-bottom-sheet-container","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":47,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":48,"character":17},"member":"None"},"animations":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matBottomSheetAnimations"},"member":"bottomSheetState"}],"host":{"class":"mat-bottom-sheet-container","tabindex":"-1","role":"dialog","aria-modal":"true","[attr.aria-label]":"bottomSheetConfig?.ariaLabel","[@state]":"_animationState","(@state.start)":"_onAnimationStart($event)","(@state.done)":"_onAnimationDone($event)","$quoted$":["class","tabindex","role","aria-modal","[attr.aria-label]","[@state]","(@state.start)","(@state.done)"]},"template":"<ng-template cdkPortalOutlet></ng-template>","styles":[".mat-bottom-sheet-container{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);padding:8px 16px;min-width:100vw;box-sizing:border-box;display:block;outline:0;max-height:80vh;overflow:auto}@media screen and (-ms-high-contrast:active){.mat-bottom-sheet-container{outline:1px solid}}.mat-bottom-sheet-container-medium{min-width:384px;max-width:calc(100vw - 128px)}.mat-bottom-sheet-container-large{min-width:512px;max-width:calc(100vw - 256px)}.mat-bottom-sheet-container-xlarge{min-width:576px;max-width:calc(100vw - 384px)}"]}]}],"members":{"_portalOutlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":65,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/portal","name":"CdkPortalOutlet","line":65,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":90,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":90,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":90,"character":24}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":86,"character":25},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":87,"character":32},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusTrapFactory","line":88,"character":31},{"__symbolic":"reference","module":"@angular/cdk/layout","name":"BreakpointObserver","line":89,"character":24},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"MatBottomSheetConfig"}]}],"attachComponentPortal":[{"__symbolic":"method"}],"attachTemplatePortal":[{"__symbolic":"method"}],"enter":[{"__symbolic":"method"}],"exit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_onAnimationDone":[{"__symbolic":"method"}],"_onAnimationStart":[{"__symbolic":"method"}],"_toggleClass":[{"__symbolic":"method"}],"_validatePortalAttached":[{"__symbolic":"method"}],"_setPanelClass":[{"__symbolic":"method"}],"_trapFocus":[{"__symbolic":"method"}],"_restoreFocus":[{"__symbolic":"method"}],"_savePreviouslyFocusedElement":[{"__symbolic":"method"}]}},"matBottomSheetAnimations":{"bottomSheetState":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":22,"character":20},"arguments":["state",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":23,"character":4},"arguments":["void, hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":23,"character":26},"arguments":[{"transform":"translateY(100%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":24,"character":4},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":24,"character":21},"arguments":[{"transform":"translateY(0%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":25,"character":4},"arguments":["visible => void, visible => hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":26,"character":8},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationDurations","line":26,"character":19},"member":"COMPLEX"},"right":" "},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationCurves","line":26,"character":49},"member":"ACCELERATION_CURVE"}}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":27,"character":4},"arguments":["void => visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":28,"character":8},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationDurations","line":28,"character":19},"member":"EXITING"},"right":" "},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationCurves","line":28,"character":49},"member":"DECELERATION_CURVE"}}]}]}]]}},"MatBottomSheetRef":{"__symbolic":"class","arity":2,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatBottomSheetContainer"},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayRef","line":43,"character":25},{"__symbolic":"reference","module":"@angular/common","name":"Location","line":44,"character":15}]}],"dismiss":[{"__symbolic":"method"}],"afterDismissed":[{"__symbolic":"method"}],"afterOpened":[{"__symbolic":"method"}],"backdropClick":[{"__symbolic":"method"}],"keydownEvents":[{"__symbolic":"method"}]}}},"origins":{"MatBottomSheetModule":"./bottom-sheet-module","MatBottomSheet":"./bottom-sheet","MAT_BOTTOM_SHEET_DATA":"./bottom-sheet-config","MatBottomSheetConfig":"./bottom-sheet-config","MatBottomSheetContainer":"./bottom-sheet-container","matBottomSheetAnimations":"./bottom-sheet-animations","MatBottomSheetRef":"./bottom-sheet-ref"},"importAs":"@angular/material/bottom-sheet"}
+{"__symbolic":"module","version":4,"metadata":{"MatBottomSheetModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":21,"character":4}],"exports":[{"__symbolic":"reference","name":"MatBottomSheetContainer"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":23,"character":37}],"declarations":[{"__symbolic":"reference","name":"MatBottomSheetContainer"}],"entryComponents":[{"__symbolic":"reference","name":"MatBottomSheetContainer"}]}]}],"members":{}},"MatBottomSheet":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":23,"character":1},"arguments":[{"providedIn":{"__symbolic":"reference","name":"MatBottomSheetModule"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":44,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":44,"character":19}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":45,"character":7}}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":42,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":43,"character":25},{"__symbolic":"reference","name":"MatBottomSheet"},{"__symbolic":"reference","module":"@angular/common","name":"Location","line":45,"character":38}]}],"open":[{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"}],"dismiss":[{"__symbolic":"method"}],"_attachContainer":[{"__symbolic":"method"}],"_createOverlay":[{"__symbolic":"method"}],"_createInjector":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"MAT_BOTTOM_SHEET_DATA":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":12,"character":41},"arguments":["MatBottomSheetData"]},"MatBottomSheetConfig":{"__symbolic":"class","arity":1,"members":{}},"MatBottomSheetContainer":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"BasePortalOutlet","line":61,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":42,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"mat-bottom-sheet-container","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":47,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":48,"character":17},"member":"None"},"animations":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matBottomSheetAnimations"},"member":"bottomSheetState"}],"host":{"class":"mat-bottom-sheet-container","tabindex":"-1","role":"dialog","aria-modal":"true","[attr.aria-label]":"bottomSheetConfig?.ariaLabel","[@state]":"_animationState","(@state.start)":"_onAnimationStart($event)","(@state.done)":"_onAnimationDone($event)","$quoted$":["class","tabindex","role","aria-modal","[attr.aria-label]","[@state]","(@state.start)","(@state.done)"]},"template":"<ng-template cdkPortalOutlet></ng-template>","styles":[".mat-bottom-sheet-container{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);padding:8px 16px;min-width:100vw;box-sizing:border-box;display:block;outline:0;max-height:80vh;overflow:auto}@media screen and (-ms-high-contrast:active){.mat-bottom-sheet-container{outline:1px solid}}.mat-bottom-sheet-container-medium{min-width:384px;max-width:calc(100vw - 128px)}.mat-bottom-sheet-container-large{min-width:512px;max-width:calc(100vw - 256px)}.mat-bottom-sheet-container-xlarge{min-width:576px;max-width:calc(100vw - 384px)}"]}]}],"members":{"_portalOutlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":65,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/portal","name":"CdkPortalOutlet","line":65,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":90,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":90,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":90,"character":24}]}],null],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":86,"character":36,"context":{"typeName":"HTMLElement"},"module":"./bottom-sheet-container"}]},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":87,"character":32},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusTrapFactory","line":88,"character":31},{"__symbolic":"reference","module":"@angular/cdk/layout","name":"BreakpointObserver","line":89,"character":24},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"MatBottomSheetConfig"}]}],"attachComponentPortal":[{"__symbolic":"method"}],"attachTemplatePortal":[{"__symbolic":"method"}],"enter":[{"__symbolic":"method"}],"exit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_onAnimationDone":[{"__symbolic":"method"}],"_onAnimationStart":[{"__symbolic":"method"}],"_toggleClass":[{"__symbolic":"method"}],"_validatePortalAttached":[{"__symbolic":"method"}],"_setPanelClass":[{"__symbolic":"method"}],"_trapFocus":[{"__symbolic":"method"}],"_restoreFocus":[{"__symbolic":"method"}],"_savePreviouslyFocusedElement":[{"__symbolic":"method"}]}},"matBottomSheetAnimations":{"bottomSheetState":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":22,"character":20},"arguments":["state",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":23,"character":4},"arguments":["void, hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":23,"character":26},"arguments":[{"transform":"translateY(100%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":24,"character":4},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":24,"character":21},"arguments":[{"transform":"translateY(0%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":25,"character":4},"arguments":["visible => void, visible => hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":26,"character":8},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationDurations","line":26,"character":19},"member":"COMPLEX"},"right":" "},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationCurves","line":26,"character":49},"member":"ACCELERATION_CURVE"}}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":27,"character":4},"arguments":["void => visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":28,"character":8},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationDurations","line":28,"character":19},"member":"EXITING"},"right":" "},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationCurves","line":28,"character":49},"member":"DECELERATION_CURVE"}}]}]}]]}},"MatBottomSheetRef":{"__symbolic":"class","arity":2,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatBottomSheetContainer"},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayRef","line":43,"character":25},{"__symbolic":"reference","module":"@angular/common","name":"Location","line":44,"character":15}]}],"dismiss":[{"__symbolic":"method"}],"afterDismissed":[{"__symbolic":"method"}],"afterOpened":[{"__symbolic":"method"}],"backdropClick":[{"__symbolic":"method"}],"keydownEvents":[{"__symbolic":"method"}]}}},"origins":{"MatBottomSheetModule":"./bottom-sheet-module","MatBottomSheet":"./bottom-sheet","MAT_BOTTOM_SHEET_DATA":"./bottom-sheet-config","MatBottomSheetConfig":"./bottom-sheet-config","MatBottomSheetContainer":"./bottom-sheet-container","matBottomSheetAnimations":"./bottom-sheet-animations","MatBottomSheetRef":"./bottom-sheet-ref"},"importAs":"@angular/material/bottom-sheet"}

package/bundles/material-autocomplete.umd.js

@@ -377,10 +377,30 @@ var MatAutocompleteTrigger = /** @class */ (function () {
          * Subscription to viewport size changes.
          */
         this._viewportSubscription = rxjs.Subscription.EMPTY;
+        /**
+         * Whether the autocomplete can open the next time it is focused. Used to prevent a focused,
+         * closed autocomplete from being reopened if the user switches to another browser tab and then
+         * comes back.
+         */
+        this._canOpenOnNextFocus = true;
         /**
          * Stream of keyboard events that can close the panel.
          */
         this._closeKeyEventStream = new rxjs.Subject();
+        /**
+         * Event handler for when the window is blurred. Needs to be an
+         * arrow function in order to preserve the context.
+         */
+        this._windowBlurHandler = function () {
+            // If the user blurred the window while the autocomplete is focused, it means that it'll be
+            // refocused when they come back. In this case we want to skip the first focus event, if the
+            // pane was closed, in order to avoid reopening it unintentionally.
+            // If the user blurred the window while the autocomplete is focused, it means that it'll be
+            // refocused when they come back. In this case we want to skip the first focus event, if the
+            // pane was closed, in order to avoid reopening it unintentionally.
+            _this._canOpenOnNextFocus =
+                document.activeElement !== _this._element.nativeElement || _this.panelOpen;
+        };
         /**
          * `View -> model callback called when value changes`
          */
@@ -408,6 +428,11 @@ var MatAutocompleteTrigger = /** @class */ (function () {
                 .asObservable()
                 .pipe(operators.take(1), operators.switchMap(function () { return _this.optionSelections; }));
         });
+        if (typeof window !== 'undefined') {
+            _zone.runOutsideAngular(function () {
+                window.addEventListener('blur', _this._windowBlurHandler);
+            });
+        }
     }
     Object.defineProperty(MatAutocompleteTrigger.prototype, "autocompleteDisabled", {
         get: /**
@@ -433,6 +458,9 @@ var MatAutocompleteTrigger = /** @class */ (function () {
      * @return {?}
      */
     function () {
+        if (typeof window !== 'undefined') {
+            window.removeEventListener('blur', this._windowBlurHandler);
+        }
         this._viewportSubscription.unsubscribe();
         this._componentDestroyed = true;
         this._destroyPanel();
@@ -683,7 +711,10 @@ var MatAutocompleteTrigger = /** @class */ (function () {
      * @return {?}
      */
     function () {
-        if (this._canOpen()) {
+        if (!this._canOpenOnNextFocus) {
+            this._canOpenOnNextFocus = true;
+        }
+        else if (this._canOpen()) {
             this._previousValue = this._element.nativeElement.value;
             this._attachOverlay();
             this._floatLabel(true);