@angular/material 10.1.1 → 10.2.0

package/expansion/expansion-panel.d.ts

@@ -10,10 +10,10 @@ import { CdkAccordionItem } from '@angular/cdk/accordion';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { UniqueSelectionDispatcher } from '@angular/cdk/collections';
 import { TemplatePortal } from '@angular/cdk/portal';
-import { AfterContentInit, ChangeDetectorRef, EventEmitter, ElementRef, OnChanges, OnDestroy, SimpleChanges, ViewContainerRef, InjectionToken } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, OnChanges, OnDestroy, SimpleChanges, ViewContainerRef } from '@angular/core';
 import { Subject } from 'rxjs';
-import { MatExpansionPanelContent } from './expansion-panel-content';
 import { MatAccordionBase, MatAccordionTogglePosition } from './accordion-base';
+import { MatExpansionPanelContent } from './expansion-panel-content';
 /** MatExpansionPanel's states. */
 export declare type MatExpansionPanelState = 'expanded' | 'collapsed';
 /**
@@ -34,8 +34,6 @@ export interface MatExpansionPanelDefaultOptions {
  */
 export declare const MAT_EXPANSION_PANEL_DEFAULT_OPTIONS: InjectionToken<MatExpansionPanelDefaultOptions>;
 /**
- * `<mat-expansion-panel>`
- *
  * This component can be used as a single element to show expandable content, or as one of
  * multiple children of an element with the MatAccordion directive attached.
  */
@@ -89,5 +87,8 @@ export declare class MatExpansionPanel extends CdkAccordionItem implements After
     static ngAcceptInputType_expanded: BooleanInput;
     static ngAcceptInputType_disabled: BooleanInput;
 }
+/**
+ * Actions of a `<mat-expansion-panel>`.
+ */
 export declare class MatExpansionPanelActionRow {
 }

package/expansion/index.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"MatExpansionModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":22,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":23,"character":12},{"__symbolic":"reference","module":"@angular/cdk/accordion","name":"CdkAccordionModule","line":23,"character":26},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":23,"character":46}],"exports":[{"__symbolic":"reference","name":"MatAccordion"},{"__symbolic":"reference","name":"MatExpansionPanel"},{"__symbolic":"reference","name":"MatExpansionPanelActionRow"},{"__symbolic":"reference","name":"MatExpansionPanelHeader"},{"__symbolic":"reference","name":"MatExpansionPanelTitle"},{"__symbolic":"reference","name":"MatExpansionPanelDescription"},{"__symbolic":"reference","name":"MatExpansionPanelContent"}],"declarations":[{"__symbolic":"reference","name":"MatAccordion"},{"__symbolic":"reference","name":"MatExpansionPanel"},{"__symbolic":"reference","name":"MatExpansionPanelActionRow"},{"__symbolic":"reference","name":"MatExpansionPanelHeader"},{"__symbolic":"reference","name":"MatExpansionPanelTitle"},{"__symbolic":"reference","name":"MatExpansionPanelDescription"},{"__symbolic":"reference","name":"MatExpansionPanelContent"}]}]}],"members":{}},"MatAccordion":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/accordion","name":"CdkAccordion","line":40,"character":34},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":25,"character":1},"arguments":[{"selector":"mat-accordion","exportAs":"matAccordion","inputs":["multi"],"providers":[{"provide":{"__symbolic":"reference","name":"MAT_ACCORDION"},"useExisting":{"__symbolic":"reference","name":"MatAccordion"}}],"host":{"class":"mat-accordion","[class.mat-accordion-multi]":"this.multi","$quoted$":["[class.mat-accordion-multi]"]}}]}],"members":{"_headers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":47,"character":3},"arguments":[{"__symbolic":"reference","name":"MatExpansionPanelHeader"},{"descendants":true}]}]}],"hideToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"displayMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"togglePosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"_handleHeaderKeydown":[{"__symbolic":"method"}],"_handleHeaderFocus":[{"__symbolic":"method"}]}},"MatAccordionDisplayMode":{"__symbolic":"interface"},"MatAccordionTogglePosition":{"__symbolic":"interface"},"MatAccordionBase":{"__symbolic":"interface"},"MAT_ACCORDION":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":43,"character":33},"arguments":["MAT_ACCORDION"]},"MatExpansionPanelState":{"__symbolic":"interface"},"MatExpansionPanelDefaultOptions":{"__symbolic":"interface"},"MAT_EXPANSION_PANEL_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":69,"character":8},"arguments":["MAT_EXPANSION_PANEL_DEFAULT_OPTIONS"]},"MatExpansionPanel":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/accordion","name":"CdkAccordionItem","line":99,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":77,"character":1},"arguments":[{"selector":"mat-expansion-panel","exportAs":"matExpansionPanel","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"},"inputs":["disabled","expanded"],"outputs":["opened","closed","expandedChange"],"animations":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matExpansionAnimations"},"member":"bodyExpansion"}],"providers":[{"provide":{"__symbolic":"reference","name":"MAT_ACCORDION"},"useValue":{"__symbolic":"reference","name":"undefined"}}],"host":{"class":"mat-expansion-panel","[class.mat-expanded]":"expanded","[class._mat-animation-noopable]":"_animationMode === \"NoopAnimations\"","[class.mat-expansion-panel-spacing]":"_hasSpacing()","$quoted$":["class","[class.mat-expanded]","[class._mat-animation-noopable]","[class.mat-expansion-panel-spacing]"]},"template":"<ng-content select=\"mat-expansion-panel-header\"></ng-content>\n<div class=\"mat-expansion-panel-content\"\n     role=\"region\"\n     [@bodyExpansion]=\"_getExpandedState()\"\n     (@bodyExpansion.done)=\"_bodyAnimationDone.next($event)\"\n     [attr.aria-labelledby]=\"_headerId\"\n     [id]=\"id\"\n     #body>\n  <div class=\"mat-expansion-panel-body\">\n    <ng-content></ng-content>\n    <ng-template [cdkPortalOutlet]=\"_portal\"></ng-template>\n  </div>\n  <ng-content select=\"mat-action-row\"></ng-content>\n</div>\n","styles":[".mat-expansion-panel{box-sizing:content-box;display:block;margin:0;border-radius:4px;overflow:hidden;transition:margin 225ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);position:relative}.mat-accordion .mat-expansion-panel:not(.mat-expanded),.mat-accordion .mat-expansion-panel:not(.mat-expansion-panel-spacing){border-radius:0}.mat-accordion .mat-expansion-panel:first-of-type{border-top-right-radius:4px;border-top-left-radius:4px}.mat-accordion .mat-expansion-panel:last-of-type{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.cdk-high-contrast-active .mat-expansion-panel{outline:solid 1px}.mat-expansion-panel.ng-animate-disabled,.ng-animate-disabled .mat-expansion-panel,.mat-expansion-panel._mat-animation-noopable{transition:none}.mat-expansion-panel-content{display:flex;flex-direction:column;overflow:visible}.mat-expansion-panel-body{padding:0 24px 16px}.mat-expansion-panel-spacing{margin:16px 0}.mat-accordion>.mat-expansion-panel-spacing:first-child,.mat-accordion>*:first-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing{margin-top:0}.mat-accordion>.mat-expansion-panel-spacing:last-child,.mat-accordion>*:last-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing{margin-bottom:0}.mat-action-row{border-top-style:solid;border-top-width:1px;display:flex;flex-direction:row;justify-content:flex-end;padding:16px 8px 16px 24px}.mat-action-row button.mat-button-base,.mat-action-row button.mat-mdc-button-base{margin-left:8px}[dir=rtl] .mat-action-row button.mat-button-base,[dir=rtl] .mat-action-row button.mat-mdc-button-base{margin-left:0;margin-right:8px}\n"]}]}],"members":{"hideToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":3}}]}],"togglePosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":3}}]}],"afterExpand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":124,"character":3}}]}],"afterCollapse":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":127,"character":3}}]}],"_lazyContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":136,"character":3},"arguments":[{"__symbolic":"reference","name":"MatExpansionPanelContent"}]}]}],"_body":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":139,"character":3},"arguments":["body"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":150,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":150,"character":27}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":150,"character":39},"arguments":[{"__symbolic":"reference","name":"MAT_ACCORDION"}]}],null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":154,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":154,"character":22}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":155,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":155,"character":27},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"ANIMATION_MODULE_TYPE","line":155,"character":34}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":156,"character":15},"arguments":[{"__symbolic":"reference","name":"MAT_EXPANSION_PANEL_DEFAULT_OPTIONS"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":156,"character":60}}]],"parameters":[{"__symbolic":"reference","name":"MatAccordionBase"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":151,"character":34},{"__symbolic":"reference","module":"@angular/cdk/collections","name":"UniqueSelectionDispatcher","line":152,"character":42},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":153,"character":41},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"any"}]}],"_hasSpacing":[{"__symbolic":"method"}],"_getExpandedState":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_containsFocus":[{"__symbolic":"method"}]}},"MatExpansionPanelActionRow":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":248,"character":1},"arguments":[{"selector":"mat-action-row","host":{"class":"mat-action-row"}}]}],"members":{}},"MatExpansionPanelHeader":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":41,"character":1},"arguments":[{"selector":"mat-expansion-panel-header","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":45,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":46,"character":19},"member":"OnPush"},"animations":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matExpansionAnimations"},"member":"indicatorRotate"}],"host":{"class":"mat-expansion-panel-header mat-focus-indicator","role":"button","[attr.id]":"panel._headerId","[attr.tabindex]":"disabled ? -1 : 0","[attr.aria-controls]":"_getPanelId()","[attr.aria-expanded]":"_isExpanded()","[attr.aria-disabled]":"panel.disabled","[class.mat-expanded]":"_isExpanded()","[class.mat-expansion-toggle-indicator-after]":"_getTogglePosition() === 'after'","[class.mat-expansion-toggle-indicator-before]":"_getTogglePosition() === 'before'","[class._mat-animation-noopable]":"_animationMode === \"NoopAnimations\"","[style.height]":"_getHeaderHeight()","(click)":"_toggle()","(keydown)":"_keydown($event)","$quoted$":["class","role","[attr.id]","[attr.tabindex]","[attr.aria-controls]","[attr.aria-expanded]","[attr.aria-disabled]","[class.mat-expanded]","[class.mat-expansion-toggle-indicator-after]","[class.mat-expansion-toggle-indicator-before]","[class._mat-animation-noopable]","[style.height]","(click)","(keydown)"]},"template":"<span class=\"mat-content\">\n  <ng-content select=\"mat-panel-title\"></ng-content>\n  <ng-content select=\"mat-panel-description\"></ng-content>\n  <ng-content></ng-content>\n</span>\n<span [@indicatorRotate]=\"_getExpandedState()\" *ngIf=\"_showToggle()\"\n      class=\"mat-expansion-indicator\"></span>\n","styles":[".mat-expansion-panel-header{display:flex;flex-direction:row;align-items:center;padding:0 24px;border-radius:inherit;transition:height 225ms cubic-bezier(0.4, 0, 0.2, 1)}.mat-expansion-panel-header._mat-animation-noopable{transition:none}.mat-expansion-panel-header:focus,.mat-expansion-panel-header:hover{outline:none}.mat-expansion-panel-header.mat-expanded:focus,.mat-expansion-panel-header.mat-expanded:hover{background:inherit}.mat-expansion-panel-header:not([aria-disabled=true]){cursor:pointer}.mat-expansion-panel-header.mat-expansion-toggle-indicator-before{flex-direction:row-reverse}.mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator{margin:0 16px 0 0}[dir=rtl] .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator{margin:0 0 0 16px}.mat-content{display:flex;flex:1;flex-direction:row;overflow:hidden}.mat-expansion-panel-header-title,.mat-expansion-panel-header-description{display:flex;flex-grow:1;margin-right:16px}[dir=rtl] .mat-expansion-panel-header-title,[dir=rtl] .mat-expansion-panel-header-description{margin-right:0;margin-left:16px}.mat-expansion-panel-header-description{flex-grow:2}.mat-expansion-indicator::after{border-style:solid;border-width:0 2px 2px 0;content:\"\";display:inline-block;padding:3px;transform:rotate(45deg);vertical-align:middle}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":71,"character":7}}],null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":75,"character":7},"arguments":[{"__symbolic":"reference","name":"MAT_EXPANSION_PANEL_DEFAULT_OPTIONS"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":75,"character":52}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":77,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":77,"character":19},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"ANIMATION_MODULE_TYPE","line":77,"character":26}]}]],"parameters":[{"__symbolic":"reference","name":"MatExpansionPanel"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":72,"character":24},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":73,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":74,"character":34},{"__symbolic":"reference","name":"MatExpansionPanelDefaultOptions"},{"__symbolic":"reference","name":"string"}]}],"expandedHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3}}]}],"collapsedHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":3}}]}],"_toggle":[{"__symbolic":"method"}],"_isExpanded":[{"__symbolic":"method"}],"_getExpandedState":[{"__symbolic":"method"}],"_getPanelId":[{"__symbolic":"method"}],"_getTogglePosition":[{"__symbolic":"method"}],"_showToggle":[{"__symbolic":"method"}],"_getHeaderHeight":[{"__symbolic":"method"}],"_keydown":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"MatExpansionPanelDescription":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":217,"character":1},"arguments":[{"selector":"mat-panel-description","host":{"class":"mat-expansion-panel-header-description"}}]}],"members":{}},"MatExpansionPanelTitle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":230,"character":1},"arguments":[{"selector":"mat-panel-title","host":{"class":"mat-expansion-panel-header-title"}}]}],"members":{}},"MatExpansionPanelContent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":14,"character":1},"arguments":[{"selector":"ng-template[matExpansionPanelContent]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"EXPANSION_PANEL_ANIMATION_TIMING":"225ms cubic-bezier(0.4,0.0,0.2,1)","matExpansionAnimations":{"indicatorRotate":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":47,"character":19},"arguments":["indicatorRotate",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":48,"character":4},"arguments":["collapsed, void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":48,"character":29},"arguments":[{"transform":"rotate(0deg)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":49,"character":4},"arguments":["expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":49,"character":22},"arguments":[{"transform":"rotate(180deg)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":50,"character":4},"arguments":["expanded <=> collapsed, void => collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":51,"character":6},"arguments":["225ms cubic-bezier(0.4,0.0,0.2,1)"]}]}]]},"bodyExpansion":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":54,"character":17},"arguments":["bodyExpansion",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":55,"character":4},"arguments":["collapsed, void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":55,"character":29},"arguments":[{"height":"0px","visibility":"hidden"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":56,"character":4},"arguments":["expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":56,"character":22},"arguments":[{"height":"*","visibility":"visible"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":57,"character":4},"arguments":["expanded <=> collapsed, void => collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":58,"character":6},"arguments":["225ms cubic-bezier(0.4,0.0,0.2,1)"]}]}]]}}},"origins":{"MatExpansionModule":"./expansion-module","MatAccordion":"./accordion","MatAccordionDisplayMode":"./accordion-base","MatAccordionTogglePosition":"./accordion-base","MatAccordionBase":"./accordion-base","MAT_ACCORDION":"./accordion-base","MatExpansionPanelState":"./expansion-panel","MatExpansionPanelDefaultOptions":"./expansion-panel","MAT_EXPANSION_PANEL_DEFAULT_OPTIONS":"./expansion-panel","MatExpansionPanel":"./expansion-panel","MatExpansionPanelActionRow":"./expansion-panel","MatExpansionPanelHeader":"./expansion-panel-header","MatExpansionPanelDescription":"./expansion-panel-header","MatExpansionPanelTitle":"./expansion-panel-header","MatExpansionPanelContent":"./expansion-panel-content","EXPANSION_PANEL_ANIMATION_TIMING":"./expansion-animations","matExpansionAnimations":"./expansion-animations"},"importAs":"@angular/material/expansion"}
+{"__symbolic":"module","version":4,"metadata":{"MatExpansionModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":22,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":23,"character":12},{"__symbolic":"reference","module":"@angular/cdk/accordion","name":"CdkAccordionModule","line":23,"character":26},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":23,"character":46}],"exports":[{"__symbolic":"reference","name":"MatAccordion"},{"__symbolic":"reference","name":"MatExpansionPanel"},{"__symbolic":"reference","name":"MatExpansionPanelActionRow"},{"__symbolic":"reference","name":"MatExpansionPanelHeader"},{"__symbolic":"reference","name":"MatExpansionPanelTitle"},{"__symbolic":"reference","name":"MatExpansionPanelDescription"},{"__symbolic":"reference","name":"MatExpansionPanelContent"}],"declarations":[{"__symbolic":"reference","name":"MatAccordion"},{"__symbolic":"reference","name":"MatExpansionPanel"},{"__symbolic":"reference","name":"MatExpansionPanelActionRow"},{"__symbolic":"reference","name":"MatExpansionPanelHeader"},{"__symbolic":"reference","name":"MatExpansionPanelTitle"},{"__symbolic":"reference","name":"MatExpansionPanelDescription"},{"__symbolic":"reference","name":"MatExpansionPanelContent"}]}]}],"members":{}},"MatAccordion":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/accordion","name":"CdkAccordion","line":39,"character":34},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":24,"character":1},"arguments":[{"selector":"mat-accordion","exportAs":"matAccordion","inputs":["multi"],"providers":[{"provide":{"__symbolic":"reference","name":"MAT_ACCORDION"},"useExisting":{"__symbolic":"reference","name":"MatAccordion"}}],"host":{"class":"mat-accordion","[class.mat-accordion-multi]":"this.multi","$quoted$":["[class.mat-accordion-multi]"]}}]}],"members":{"_headers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":46,"character":3},"arguments":[{"__symbolic":"reference","name":"MatExpansionPanelHeader"},{"descendants":true}]}]}],"hideToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"displayMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"togglePosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"_handleHeaderKeydown":[{"__symbolic":"method"}],"_handleHeaderFocus":[{"__symbolic":"method"}]}},"MatAccordionDisplayMode":{"__symbolic":"interface"},"MatAccordionTogglePosition":{"__symbolic":"interface"},"MatAccordionBase":{"__symbolic":"interface"},"MAT_ACCORDION":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":43,"character":33},"arguments":["MAT_ACCORDION"]},"MatExpansionPanelState":{"__symbolic":"interface"},"MatExpansionPanelDefaultOptions":{"__symbolic":"interface"},"MAT_EXPANSION_PANEL_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":69,"character":8},"arguments":["MAT_EXPANSION_PANEL_DEFAULT_OPTIONS"]},"MatExpansionPanel":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/accordion","name":"CdkAccordionItem","line":97,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":75,"character":1},"arguments":[{"selector":"mat-expansion-panel","exportAs":"matExpansionPanel","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":80,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":81,"character":19},"member":"OnPush"},"inputs":["disabled","expanded"],"outputs":["opened","closed","expandedChange"],"animations":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matExpansionAnimations"},"member":"bodyExpansion"}],"providers":[{"provide":{"__symbolic":"reference","name":"MAT_ACCORDION"},"useValue":{"__symbolic":"reference","name":"undefined"}}],"host":{"class":"mat-expansion-panel","[class.mat-expanded]":"expanded","[class._mat-animation-noopable]":"_animationMode === \"NoopAnimations\"","[class.mat-expansion-panel-spacing]":"_hasSpacing()","$quoted$":["class","[class.mat-expanded]","[class._mat-animation-noopable]","[class.mat-expansion-panel-spacing]"]},"template":"<ng-content select=\"mat-expansion-panel-header\"></ng-content>\n<div class=\"mat-expansion-panel-content\"\n     role=\"region\"\n     [@bodyExpansion]=\"_getExpandedState()\"\n     (@bodyExpansion.done)=\"_bodyAnimationDone.next($event)\"\n     [attr.aria-labelledby]=\"_headerId\"\n     [id]=\"id\"\n     #body>\n  <div class=\"mat-expansion-panel-body\">\n    <ng-content></ng-content>\n    <ng-template [cdkPortalOutlet]=\"_portal\"></ng-template>\n  </div>\n  <ng-content select=\"mat-action-row\"></ng-content>\n</div>\n","styles":[".mat-expansion-panel{box-sizing:content-box;display:block;margin:0;border-radius:4px;overflow:hidden;transition:margin 225ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);position:relative}.mat-accordion .mat-expansion-panel:not(.mat-expanded),.mat-accordion .mat-expansion-panel:not(.mat-expansion-panel-spacing){border-radius:0}.mat-accordion .mat-expansion-panel:first-of-type{border-top-right-radius:4px;border-top-left-radius:4px}.mat-accordion .mat-expansion-panel:last-of-type{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.cdk-high-contrast-active .mat-expansion-panel{outline:solid 1px}.mat-expansion-panel.ng-animate-disabled,.ng-animate-disabled .mat-expansion-panel,.mat-expansion-panel._mat-animation-noopable{transition:none}.mat-expansion-panel-content{display:flex;flex-direction:column;overflow:visible}.mat-expansion-panel-body{padding:0 24px 16px}.mat-expansion-panel-spacing{margin:16px 0}.mat-accordion>.mat-expansion-panel-spacing:first-child,.mat-accordion>*:first-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing{margin-top:0}.mat-accordion>.mat-expansion-panel-spacing:last-child,.mat-accordion>*:last-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing{margin-bottom:0}.mat-action-row{border-top-style:solid;border-top-width:1px;display:flex;flex-direction:row;justify-content:flex-end;padding:16px 8px 16px 24px}.mat-action-row button.mat-button-base,.mat-action-row button.mat-mdc-button-base{margin-left:8px}[dir=rtl] .mat-action-row button.mat-button-base,[dir=rtl] .mat-action-row button.mat-mdc-button-base{margin-left:0;margin-right:8px}\n"]}]}],"members":{"hideToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3}}]}],"togglePosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":3}}]}],"afterExpand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":122,"character":3}}]}],"afterCollapse":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":125,"character":3}}]}],"_lazyContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":134,"character":3},"arguments":[{"__symbolic":"reference","name":"MatExpansionPanelContent"}]}]}],"_body":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":137,"character":3},"arguments":["body"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":148,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":148,"character":27}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":148,"character":39},"arguments":[{"__symbolic":"reference","name":"MAT_ACCORDION"}]}],null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":152,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":152,"character":22}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":153,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":153,"character":27},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"ANIMATION_MODULE_TYPE","line":153,"character":34}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":154,"character":15},"arguments":[{"__symbolic":"reference","name":"MAT_EXPANSION_PANEL_DEFAULT_OPTIONS"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":154,"character":60}}]],"parameters":[{"__symbolic":"reference","name":"MatAccordionBase"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":149,"character":34},{"__symbolic":"reference","module":"@angular/cdk/collections","name":"UniqueSelectionDispatcher","line":150,"character":42},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":151,"character":41},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"any"}]}],"_hasSpacing":[{"__symbolic":"method"}],"_getExpandedState":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_containsFocus":[{"__symbolic":"method"}]}},"MatExpansionPanelActionRow":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":249,"character":1},"arguments":[{"selector":"mat-action-row","host":{"class":"mat-action-row"}}]}],"members":{}},"MatExpansionPanelHeader":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":39,"character":1},"arguments":[{"selector":"mat-expansion-panel-header","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":43,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":44,"character":19},"member":"OnPush"},"animations":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matExpansionAnimations"},"member":"indicatorRotate"}],"host":{"class":"mat-expansion-panel-header mat-focus-indicator","role":"button","[attr.id]":"panel._headerId","[attr.tabindex]":"disabled ? -1 : 0","[attr.aria-controls]":"_getPanelId()","[attr.aria-expanded]":"_isExpanded()","[attr.aria-disabled]":"panel.disabled","[class.mat-expanded]":"_isExpanded()","[class.mat-expansion-toggle-indicator-after]":"_getTogglePosition() === 'after'","[class.mat-expansion-toggle-indicator-before]":"_getTogglePosition() === 'before'","[class._mat-animation-noopable]":"_animationMode === \"NoopAnimations\"","[style.height]":"_getHeaderHeight()","(click)":"_toggle()","(keydown)":"_keydown($event)","$quoted$":["class","role","[attr.id]","[attr.tabindex]","[attr.aria-controls]","[attr.aria-expanded]","[attr.aria-disabled]","[class.mat-expanded]","[class.mat-expansion-toggle-indicator-after]","[class.mat-expansion-toggle-indicator-before]","[class._mat-animation-noopable]","[style.height]","(click)","(keydown)"]},"template":"<span class=\"mat-content\">\n  <ng-content select=\"mat-panel-title\"></ng-content>\n  <ng-content select=\"mat-panel-description\"></ng-content>\n  <ng-content></ng-content>\n</span>\n<span [@indicatorRotate]=\"_getExpandedState()\" *ngIf=\"_showToggle()\"\n      class=\"mat-expansion-indicator\"></span>\n","styles":[".mat-expansion-panel-header{display:flex;flex-direction:row;align-items:center;padding:0 24px;border-radius:inherit;transition:height 225ms cubic-bezier(0.4, 0, 0.2, 1)}.mat-expansion-panel-header._mat-animation-noopable{transition:none}.mat-expansion-panel-header:focus,.mat-expansion-panel-header:hover{outline:none}.mat-expansion-panel-header.mat-expanded:focus,.mat-expansion-panel-header.mat-expanded:hover{background:inherit}.mat-expansion-panel-header:not([aria-disabled=true]){cursor:pointer}.mat-expansion-panel-header.mat-expansion-toggle-indicator-before{flex-direction:row-reverse}.mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator{margin:0 16px 0 0}[dir=rtl] .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator{margin:0 0 0 16px}.mat-content{display:flex;flex:1;flex-direction:row;overflow:hidden}.mat-expansion-panel-header-title,.mat-expansion-panel-header-description{display:flex;flex-grow:1;margin-right:16px}[dir=rtl] .mat-expansion-panel-header-title,[dir=rtl] .mat-expansion-panel-header-description{margin-right:0;margin-left:16px}.mat-expansion-panel-header-description{flex-grow:2}.mat-expansion-indicator::after{border-style:solid;border-width:0 2px 2px 0;content:\"\";display:inline-block;padding:3px;transform:rotate(45deg);vertical-align:middle}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":69,"character":7}}],null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":73,"character":7},"arguments":[{"__symbolic":"reference","name":"MAT_EXPANSION_PANEL_DEFAULT_OPTIONS"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":73,"character":52}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":75,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":75,"character":19},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"ANIMATION_MODULE_TYPE","line":75,"character":26}]}]],"parameters":[{"__symbolic":"reference","name":"MatExpansionPanel"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":70,"character":24},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":71,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":72,"character":34},{"__symbolic":"reference","name":"MatExpansionPanelDefaultOptions"},{"__symbolic":"reference","name":"string"}]}],"expandedHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3}}]}],"collapsedHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":3}}]}],"_toggle":[{"__symbolic":"method"}],"_isExpanded":[{"__symbolic":"method"}],"_getExpandedState":[{"__symbolic":"method"}],"_getPanelId":[{"__symbolic":"method"}],"_getTogglePosition":[{"__symbolic":"method"}],"_showToggle":[{"__symbolic":"method"}],"_getHeaderHeight":[{"__symbolic":"method"}],"_keydown":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"MatExpansionPanelDescription":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":213,"character":1},"arguments":[{"selector":"mat-panel-description","host":{"class":"mat-expansion-panel-header-description"}}]}],"members":{}},"MatExpansionPanelTitle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":224,"character":1},"arguments":[{"selector":"mat-panel-title","host":{"class":"mat-expansion-panel-header-title"}}]}],"members":{}},"MatExpansionPanelContent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":14,"character":1},"arguments":[{"selector":"ng-template[matExpansionPanelContent]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"EXPANSION_PANEL_ANIMATION_TIMING":"225ms cubic-bezier(0.4,0.0,0.2,1)","matExpansionAnimations":{"indicatorRotate":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":47,"character":19},"arguments":["indicatorRotate",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":48,"character":4},"arguments":["collapsed, void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":48,"character":29},"arguments":[{"transform":"rotate(0deg)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":49,"character":4},"arguments":["expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":49,"character":22},"arguments":[{"transform":"rotate(180deg)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":50,"character":4},"arguments":["expanded <=> collapsed, void => collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":51,"character":6},"arguments":["225ms cubic-bezier(0.4,0.0,0.2,1)"]}]}]]},"bodyExpansion":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":54,"character":17},"arguments":["bodyExpansion",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":55,"character":4},"arguments":["collapsed, void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":55,"character":29},"arguments":[{"height":"0px","visibility":"hidden"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":56,"character":4},"arguments":["expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":56,"character":22},"arguments":[{"height":"*","visibility":"visible"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":57,"character":4},"arguments":["expanded <=> collapsed, void => collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":58,"character":6},"arguments":["225ms cubic-bezier(0.4,0.0,0.2,1)"]}]}]]}}},"origins":{"MatExpansionModule":"./expansion-module","MatAccordion":"./accordion","MatAccordionDisplayMode":"./accordion-base","MatAccordionTogglePosition":"./accordion-base","MatAccordionBase":"./accordion-base","MAT_ACCORDION":"./accordion-base","MatExpansionPanelState":"./expansion-panel","MatExpansionPanelDefaultOptions":"./expansion-panel","MAT_EXPANSION_PANEL_DEFAULT_OPTIONS":"./expansion-panel","MatExpansionPanel":"./expansion-panel","MatExpansionPanelActionRow":"./expansion-panel","MatExpansionPanelHeader":"./expansion-panel-header","MatExpansionPanelDescription":"./expansion-panel-header","MatExpansionPanelTitle":"./expansion-panel-header","MatExpansionPanelContent":"./expansion-panel-content","EXPANSION_PANEL_ANIMATION_TIMING":"./expansion-animations","matExpansionAnimations":"./expansion-animations"},"importAs":"@angular/material/expansion"}

package/fesm2015/autocomplete.js

@@ -1,7 +1,7 @@
 import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { InjectionToken, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef, Inject, ViewChild, TemplateRef, ContentChildren, Input, Output, Directive, forwardRef, ViewContainerRef, NgZone, Optional, Host, NgModule } from '@angular/core';
-import { mixinDisableRipple, MAT_OPTION_PARENT_COMPONENT, MatOption, MAT_OPTGROUP, MatOptionSelectionChange, _countGroupLabelsBeforeOption, _getOptionScrollPosition, MatOptionModule, MatCommonModule } from '@angular/material/core';
+import { InjectionToken, EventEmitter, Directive, ChangeDetectorRef, ElementRef, Inject, ViewChild, TemplateRef, Input, Output, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChildren, forwardRef, ViewContainerRef, NgZone, Optional, Host, NgModule } from '@angular/core';
+import { mixinDisableRipple, MAT_OPTION_PARENT_COMPONENT, MAT_OPTGROUP, MatOption, MatOptionSelectionChange, _countGroupLabelsBeforeOption, _getOptionScrollPosition, MatOptionModule, MatCommonModule } from '@angular/material/core';
 import { Subscription, Subject, defer, merge, of, fromEvent } from 'rxjs';
 import { DOCUMENT, CommonModule } from '@angular/common';
 import { Overlay, OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
@@ -51,7 +51,8 @@ const MAT_AUTOCOMPLETE_DEFAULT_OPTIONS = new InjectionToken('mat-autocomplete-de
 function MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY() {
     return { autoActiveFirstOption: false };
 }
-class MatAutocomplete extends _MatAutocompleteMixinBase {
+/** Base class with all of the `MatAutocomplete` functionality. */
+class _MatAutocompleteBase extends _MatAutocompleteMixinBase {
     constructor(_changeDetectorRef, _elementRef, defaults) {
         super();
         this._changeDetectorRef = _changeDetectorRef;
@@ -139,8 +140,35 @@ class MatAutocomplete extends _MatAutocompleteMixinBase {
     }
     /** Sets the autocomplete visibility classes on a classlist based on the panel is visible. */
     _setVisibilityClasses(classList) {
-        classList['mat-autocomplete-visible'] = this.showPanel;
-        classList['mat-autocomplete-hidden'] = !this.showPanel;
+        classList[this._visibleClass] = this.showPanel;
+        classList[this._hiddenClass] = !this.showPanel;
+    }
+}
+_MatAutocompleteBase.decorators = [
+    { type: Directive }
+];
+_MatAutocompleteBase.ctorParameters = () => [
+    { type: ChangeDetectorRef },
+    { type: ElementRef },
+    { type: undefined, decorators: [{ type: Inject, args: [MAT_AUTOCOMPLETE_DEFAULT_OPTIONS,] }] }
+];
+_MatAutocompleteBase.propDecorators = {
+    template: [{ type: ViewChild, args: [TemplateRef, { static: true },] }],
+    panel: [{ type: ViewChild, args: ['panel',] }],
+    displayWith: [{ type: Input }],
+    autoActiveFirstOption: [{ type: Input }],
+    panelWidth: [{ type: Input }],
+    optionSelected: [{ type: Output }],
+    opened: [{ type: Output }],
+    closed: [{ type: Output }],
+    optionActivated: [{ type: Output }],
+    classList: [{ type: Input, args: ['class',] }]
+};
+class MatAutocomplete extends _MatAutocompleteBase {
+    constructor() {
+        super(...arguments);
+        this._visibleClass = 'mat-autocomplete-visible';
+        this._hiddenClass = 'mat-autocomplete-hidden';
     }
 }
 MatAutocomplete.decorators = [
@@ -160,24 +188,9 @@ MatAutocomplete.decorators = [
                 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}.cdk-high-contrast-active .mat-autocomplete-panel{outline:solid 1px}\n"]
             },] }
 ];
-MatAutocomplete.ctorParameters = () => [
-    { type: ChangeDetectorRef },
-    { type: ElementRef },
-    { type: undefined, decorators: [{ type: Inject, args: [MAT_AUTOCOMPLETE_DEFAULT_OPTIONS,] }] }
-];
 MatAutocomplete.propDecorators = {
-    template: [{ type: ViewChild, args: [TemplateRef, { static: true },] }],
-    panel: [{ type: ViewChild, args: ['panel',] }],
-    options: [{ type: ContentChildren, args: [MatOption, { descendants: true },] }],
     optionGroups: [{ type: ContentChildren, args: [MAT_OPTGROUP, { descendants: true },] }],
-    displayWith: [{ type: Input }],
-    autoActiveFirstOption: [{ type: Input }],
-    panelWidth: [{ type: Input }],
-    optionSelected: [{ type: Output }],
-    opened: [{ type: Output }],
-    closed: [{ type: Output }],
-    optionActivated: [{ type: Output }],
-    classList: [{ type: Input, args: ['class',] }]
+    options: [{ type: ContentChildren, args: [MatOption, { descendants: true },] }]
 };
 
 /**
@@ -187,26 +200,32 @@ MatAutocomplete.propDecorators = {
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-/**
- * Directive applied to an element to make it usable
- * as a connection point for an autocomplete panel.
- */
-class MatAutocompleteOrigin {
+/** Base class containing all of the functionality for `MatAutocompleteOrigin`. */
+class _MatAutocompleteOriginBase {
     constructor(
     /** Reference to the element on which the directive is applied. */
     elementRef) {
         this.elementRef = elementRef;
     }
 }
+_MatAutocompleteOriginBase.decorators = [
+    { type: Directive }
+];
+_MatAutocompleteOriginBase.ctorParameters = () => [
+    { type: ElementRef }
+];
+/**
+ * Directive applied to an element to make it usable
+ * as a connection point for an autocomplete panel.
+ */
+class MatAutocompleteOrigin extends _MatAutocompleteOriginBase {
+}
 MatAutocompleteOrigin.decorators = [
     { type: Directive, args: [{
                 selector: '[matAutocompleteOrigin]',
                 exportAs: 'matAutocompleteOrigin',
             },] }
 ];
-MatAutocompleteOrigin.ctorParameters = () => [
-    { type: ElementRef }
-];
 
 /**
  * @license
@@ -220,9 +239,17 @@ MatAutocompleteOrigin.ctorParameters = () => [
  * to properly calculate the scrollTop of the panel. Because we are not
  * actually focusing the active item, scroll must be handled manually.
  */
-/** The height of each autocomplete option. */
+/**
+ * The height of each autocomplete option.
+ * @deprecated No longer being used. To be removed.
+ * @breaking-change 11.0.0
+ */
 const AUTOCOMPLETE_OPTION_HEIGHT = 48;
-/** The total height of the autocomplete panel. */
+/**
+ * The total height of the autocomplete panel.
+ * @deprecated No longer being used. To be removed.
+ * @breaking-change 11.0.0
+ */
 const AUTOCOMPLETE_PANEL_HEIGHT = 256;
 /** Injection token that determines the scroll handling while the autocomplete panel is open. */
 const MAT_AUTOCOMPLETE_SCROLL_STRATEGY = new InjectionToken('mat-autocomplete-scroll-strategy');
@@ -254,7 +281,8 @@ function getMatAutocompleteMissingPanelError() {
         'Make sure that the id passed to the `matAutocomplete` is correct and that ' +
         'you\'re attempting to open it after the ngAfterContentInit hook.');
 }
-class MatAutocompleteTrigger {
+/** Base class with all of the `MatAutocompleteTrigger` functionality. */
+class _MatAutocompleteTriggerBase {
     constructor(_element, _overlay, _viewContainerRef, _zone, _changeDetectorRef, scrollStrategy, _dir, _formField, _document, _viewportRuler) {
         this._element = _element;
         this._overlay = _overlay;
@@ -316,7 +344,6 @@ class MatAutocompleteTrigger {
             // If there are any subscribers before `ngAfterViewInit`, the `autocomplete` will be undefined.
             // Return a stream that we'll replace with the real one once everything is in place.
             return this._zone.onStable
-                .asObservable()
                 .pipe(take(1), switchMap(() => this.optionSelections));
         });
         this._scrollStrategy = scrollStrategy;
@@ -470,7 +497,7 @@ class MatAutocompleteTrigger {
                 this.openPanel();
             }
             if (isArrowKey || this.autocomplete._keyManager.activeItem !== prevActiveItem) {
-                this._scrollToOption();
+                this._scrollToOption(this.autocomplete._keyManager.activeItemIndex || 0);
             }
         }
     }
@@ -528,35 +555,12 @@ class MatAutocompleteTrigger {
             this._manuallyFloatingLabel = false;
         }
     }
-    /**
-     * Given that we are not actually focusing active options, we must manually adjust scroll
-     * to reveal options below the fold. First, we find the offset of the option from the top
-     * of the panel. If that offset is below the fold, the new scrollTop will be the offset -
-     * the panel height + the option height, so the active option will be just visible at the
-     * bottom of the panel. If that offset is above the top of the visible panel, the new scrollTop
-     * will become the offset. If that offset is visible within the panel already, the scrollTop is
-     * not adjusted.
-     */
-    _scrollToOption() {
-        const index = this.autocomplete._keyManager.activeItemIndex || 0;
-        const labelCount = _countGroupLabelsBeforeOption(index, this.autocomplete.options, this.autocomplete.optionGroups);
-        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 {
-            const newScrollPosition = _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
      * stream every time the option list changes.
      */
     _subscribeToClosingActions() {
-        const firstStable = this._zone.onStable.asObservable().pipe(take(1));
+        const firstStable = this._zone.onStable.pipe(take(1));
         const optionChanges = this.autocomplete.options.changes.pipe(tap(() => this._positionStrategy.reapplyLastPosition()), 
         // Defer emitting to the stream until the next tick, because changing
         // bindings in here will cause "changed after checked" errors.
@@ -638,7 +642,7 @@ class MatAutocompleteTrigger {
         });
     }
     _attachOverlay() {
-        if (!this.autocomplete) {
+        if (!this.autocomplete && (typeof ngDevMode === 'undefined' || ngDevMode)) {
             throw getMatAutocompleteMissingPanelError();
         }
         // We want to resolve this once, as late as possible so that we can be
@@ -717,7 +721,7 @@ class MatAutocompleteTrigger {
         // The overlay edge connected to the trigger should have squared corners, while
         // the opposite end has rounded corners. We apply a CSS class to swap the
         // border-radius based on the overlay position.
-        const panelClass = 'mat-autocomplete-panel-above';
+        const panelClass = this._aboveClass;
         const abovePositions = [
             { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', panelClass },
             { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', panelClass }
@@ -764,6 +768,60 @@ class MatAutocompleteTrigger {
         var _a;
         return ((_a = this._document) === null || _a === void 0 ? void 0 : _a.defaultView) || window;
     }
+    /** Scrolls to a particular option in the list. */
+    _scrollToOption(index) {
+        // Given that we are not actually focusing active options, we must manually adjust scroll
+        // to reveal options below the fold. First, we find the offset of the option from the top
+        // of the panel. If that offset is below the fold, the new scrollTop will be the offset -
+        // the panel height + the option height, so the active option will be just visible at the
+        // bottom of the panel. If that offset is above the top of the visible panel, the new scrollTop
+        // will become the offset. If that offset is visible within the panel already, the scrollTop is
+        // not adjusted.
+        const autocomplete = this.autocomplete;
+        const labelCount = _countGroupLabelsBeforeOption(index, autocomplete.options, autocomplete.optionGroups);
+        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.
+            autocomplete._setScrollTop(0);
+        }
+        else {
+            const option = autocomplete.options.toArray()[index];
+            if (option) {
+                const element = option._getHostElement();
+                const newScrollPosition = _getOptionScrollPosition(element.offsetTop, element.offsetHeight, autocomplete._getScrollTop(), autocomplete.panel.nativeElement.offsetHeight);
+                autocomplete._setScrollTop(newScrollPosition);
+            }
+        }
+    }
+}
+_MatAutocompleteTriggerBase.decorators = [
+    { type: Directive }
+];
+_MatAutocompleteTriggerBase.ctorParameters = () => [
+    { type: ElementRef },
+    { type: Overlay },
+    { type: ViewContainerRef },
+    { type: NgZone },
+    { type: ChangeDetectorRef },
+    { type: undefined, decorators: [{ type: Inject, args: [MAT_AUTOCOMPLETE_SCROLL_STRATEGY,] }] },
+    { type: Directionality, decorators: [{ type: Optional }] },
+    { type: MatFormField, decorators: [{ type: Optional }, { type: Inject, args: [MAT_FORM_FIELD,] }, { type: Host }] },
+    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [DOCUMENT,] }] },
+    { type: ViewportRuler }
+];
+_MatAutocompleteTriggerBase.propDecorators = {
+    autocomplete: [{ type: Input, args: ['matAutocomplete',] }],
+    position: [{ type: Input, args: ['matAutocompletePosition',] }],
+    connectedTo: [{ type: Input, args: ['matAutocompleteConnectedTo',] }],
+    autocompleteAttribute: [{ type: Input, args: ['autocomplete',] }],
+    autocompleteDisabled: [{ type: Input, args: ['matAutocompleteDisabled',] }]
+};
+class MatAutocompleteTrigger extends _MatAutocompleteTriggerBase {
+    constructor() {
+        super(...arguments);
+        this._aboveClass = 'mat-autocomplete-panel-above';
+    }
 }
 MatAutocompleteTrigger.decorators = [
     { type: Directive, args: [{
@@ -788,25 +846,6 @@ MatAutocompleteTrigger.decorators = [
                 providers: [MAT_AUTOCOMPLETE_VALUE_ACCESSOR]
             },] }
 ];
-MatAutocompleteTrigger.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Overlay },
-    { type: ViewContainerRef },
-    { type: NgZone },
-    { type: ChangeDetectorRef },
-    { type: undefined, decorators: [{ type: Inject, args: [MAT_AUTOCOMPLETE_SCROLL_STRATEGY,] }] },
-    { type: Directionality, decorators: [{ type: Optional }] },
-    { type: MatFormField, decorators: [{ type: Optional }, { type: Inject, args: [MAT_FORM_FIELD,] }, { type: Host }] },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [DOCUMENT,] }] },
-    { type: ViewportRuler }
-];
-MatAutocompleteTrigger.propDecorators = {
-    autocomplete: [{ type: Input, args: ['matAutocomplete',] }],
-    position: [{ type: Input, args: ['matAutocompletePosition',] }],
-    connectedTo: [{ type: Input, args: ['matAutocompleteConnectedTo',] }],
-    autocompleteAttribute: [{ type: Input, args: ['autocomplete',] }],
-    autocompleteDisabled: [{ type: Input, args: ['matAutocompleteDisabled',] }]
-};
 
 /**
  * @license
@@ -819,14 +858,19 @@ class MatAutocompleteModule {
 }
 MatAutocompleteModule.decorators = [
     { type: NgModule, args: [{
-                imports: [MatOptionModule, OverlayModule, MatCommonModule, CommonModule],
+                imports: [
+                    OverlayModule,
+                    MatOptionModule,
+                    MatCommonModule,
+                    CommonModule
+                ],
                 exports: [
-                    CdkScrollableModule,
                     MatAutocomplete,
-                    MatOptionModule,
                     MatAutocompleteTrigger,
                     MatAutocompleteOrigin,
-                    MatCommonModule
+                    CdkScrollableModule,
+                    MatOptionModule,
+                    MatCommonModule,
                 ],
                 declarations: [MatAutocomplete, MatAutocompleteTrigger, MatAutocompleteOrigin],
                 providers: [MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER],
@@ -845,5 +889,5 @@ MatAutocompleteModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { AUTOCOMPLETE_OPTION_HEIGHT, AUTOCOMPLETE_PANEL_HEIGHT, MAT_AUTOCOMPLETE_DEFAULT_OPTIONS, MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY, MAT_AUTOCOMPLETE_SCROLL_STRATEGY, MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY, MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER, MAT_AUTOCOMPLETE_VALUE_ACCESSOR, MatAutocomplete, MatAutocompleteModule, MatAutocompleteOrigin, MatAutocompleteSelectedEvent, MatAutocompleteTrigger, getMatAutocompleteMissingPanelError };
+export { AUTOCOMPLETE_OPTION_HEIGHT, AUTOCOMPLETE_PANEL_HEIGHT, MAT_AUTOCOMPLETE_DEFAULT_OPTIONS, MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY, MAT_AUTOCOMPLETE_SCROLL_STRATEGY, MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY, MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER, MAT_AUTOCOMPLETE_VALUE_ACCESSOR, MatAutocomplete, MatAutocompleteModule, MatAutocompleteOrigin, MatAutocompleteSelectedEvent, MatAutocompleteTrigger, _MatAutocompleteBase, _MatAutocompleteOriginBase, _MatAutocompleteTriggerBase, getMatAutocompleteMissingPanelError };
 //# sourceMappingURL=autocomplete.js.map