@angular/material 8.0.1 → 8.1.2

package/_theming.scss

@@ -1257,11 +1257,12 @@ $mat-dark-theme-foreground: (
 // @param $color-map
 // @param $primary
 // @param $lighter
-@function mat-palette($base-palette, $default: 500, $lighter: 100, $darker: 700) {
+@function mat-palette($base-palette, $default: 500, $lighter: 100, $darker: 700, $text: $default) {
   $result: map_merge($base-palette, (
     default: map-get($base-palette, $default),
     lighter: map-get($base-palette, $lighter),
     darker: map-get($base-palette, $darker),
+    text: map-get($base-palette, $text),
 
     default-contrast: mat-contrast($base-palette, $default),
     lighter-contrast: mat-contrast($base-palette, $lighter),
@@ -1494,15 +1495,15 @@ $mat-ripple-color-opacity: 0.1;
   }
 
   .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
-    color: mat-color($primary);
+    color: mat-color($primary, text);
   }
 
   .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
-    color: mat-color($accent);
+    color: mat-color($accent, text);
   }
 
   .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
-    color: mat-color($warn);
+    color: mat-color($warn, text);
   }
 }
 
@@ -1692,7 +1693,8 @@ $mat-ripple-color-opacity: 0.1;
   // and h6 at 0.67em.
   .mat-h5, #{$selector} h5 {
     @include mat-typography-font-shorthand(
-      mat-font-size($config, body-1) * 0.83,
+       // calc is used here to support css variables
+      calc(#{mat-font-size($config, body-1)} * 0.83),
       mat-font-weight($config, body-1),
       mat-line-height($config, body-1),
       mat-font-family($config, body-1)
@@ -1703,7 +1705,8 @@ $mat-ripple-color-opacity: 0.1;
 
   .mat-h6, #{$selector} h6 {
     @include mat-typography-font-shorthand(
-      mat-font-size($config, body-1) * 0.67,
+       // calc is used here to support css variables
+      calc(#{mat-font-size($config, body-1)} * 0.67),
       mat-font-weight($config, body-1),
       mat-line-height($config, body-1),
       mat-font-family($config, body-1)
@@ -2093,7 +2096,7 @@ $_mat-button-ripple-opacity: 0.1;
     color: inherit;
     background: transparent;
 
-    @include _mat-button-theme-property($theme, 'color', default);
+    @include _mat-button-theme-property($theme, 'color', text);
     @include _mat-button-focus-overlay-color($theme);
 
     // Setup the ripple color to be based on the text color. This ensures that the ripples
@@ -2685,14 +2688,14 @@ $mat-calendar-weekday-table-font-size: 11px !default;
   }
 
   .mat-datepicker-toggle-active {
-    color: mat-color(map-get($theme, primary));
+    color: mat-color(map-get($theme, primary), text);
 
     &.mat-accent {
-      color: mat-color(map-get($theme, accent));
+      color: mat-color(map-get($theme, accent), text);
     }
 
     &.mat-warn {
-      color: mat-color(map-get($theme, warn));
+      color: mat-color(map-get($theme, warn), text);
     }
   }
 }
@@ -2895,15 +2898,15 @@ $mat-calendar-weekday-table-font-size: 11px !default;
 
   .mat-icon {
     &.mat-primary {
-      color: mat-color($primary);
+      color: mat-color($primary, text);
     }
 
     &.mat-accent {
-      color: mat-color($accent);
+      color: mat-color($accent, text);
     }
 
     &.mat-warn {
-      color: mat-color($warn);
+      color: mat-color($warn, text);
     }
   }
 }
@@ -2993,7 +2996,7 @@ $mat-calendar-weekday-table-font-size: 11px !default;
   }
 
   .mat-input-element {
-    caret-color: mat-color($primary);
+    caret-color: mat-color($primary, text);
 
     @include input-placeholder {
       color: _mat-control-placeholder-color($theme);
@@ -3016,16 +3019,16 @@ $mat-calendar-weekday-table-font-size: 11px !default;
   }
 
   .mat-accent .mat-input-element {
-    caret-color: mat-color($accent);
+    caret-color: mat-color($accent, text);
   }
 
   .mat-warn .mat-input-element,
   .mat-form-field-invalid .mat-input-element {
-    caret-color: mat-color($warn);
+    caret-color: mat-color($warn, text);
   }
 
   .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
-    color: mat-color($warn);
+    color: mat-color($warn, text);
   }
 }
 
@@ -3426,20 +3429,20 @@ $mat-calendar-weekday-table-font-size: 11px !default;
   .mat-form-field {
     &.mat-focused {
       &.mat-primary .mat-select-arrow {
-        color: mat-color($primary);
+        color: mat-color($primary, text);
       }
 
       &.mat-accent .mat-select-arrow {
-        color: mat-color($accent);
+        color: mat-color($accent, text);
       }
 
       &.mat-warn .mat-select-arrow {
-        color: mat-color($warn);
+        color: mat-color($warn, text);
       }
     }
 
     .mat-select.mat-select-invalid .mat-select-arrow {
-      color: mat-color($warn);
+      color: mat-color($warn, text);
     }
 
     .mat-select.mat-select-disabled .mat-select-arrow {
@@ -3807,7 +3810,7 @@ $mat-calendar-weekday-table-font-size: 11px !default;
 
     .mat-step-icon-state-error {
       background-color: transparent;
-      color: mat-color($warn);
+      color: mat-color($warn, text);
     }
 
     .mat-step-label.mat-step-label-active {
@@ -3815,7 +3818,7 @@ $mat-calendar-weekday-table-font-size: 11px !default;
     }
 
     .mat-step-label.mat-step-label-error {
-      color: mat-color($warn);
+      color: mat-color($warn, text);
     }
   }
 
@@ -3986,7 +3989,7 @@ $mat-calendar-weekday-table-font-size: 11px !default;
 
 @mixin _mat-tabs-background($background-color) {
   // Set background color for the tab group
-  .mat-tab-header, .mat-tab-links {
+  .mat-tab-header, .mat-tab-links, .mat-tab-header-pagination {
     background-color: mat-color($background-color);
   }
 
@@ -4151,7 +4154,7 @@ $mat-tooltip-handset-vertical-padding:
   }
 
   .mat-simple-snackbar-action {
-    color: if($is-dark-theme, inherit, mat-color($accent));
+    color: if($is-dark-theme, inherit, mat-color($accent, text));
   }
 }
 
@@ -4625,14 +4628,14 @@ $mat-form-field-outline-dedupe: 0;
 
   // Label colors. Required is used for the `*` star shown in the label.
   $label-color: mat-color($foreground, secondary-text, if($is-dark-theme, 0.7, 0.6));
-  $focused-label-color: mat-color($primary);
-  $required-label-color: mat-color($accent);
+  $focused-label-color: mat-color($primary, text);
+  $required-label-color: mat-color($accent, text);
 
   // Underline colors.
   $underline-color-base: mat-color($foreground, divider, if($is-dark-theme, 1, 0.87));
-  $underline-color-accent: mat-color($accent);
-  $underline-color-warn: mat-color($warn);
-  $underline-focused-color: mat-color($primary);
+  $underline-color-accent: mat-color($accent, text);
+  $underline-color-warn: mat-color($warn, text);
+  $underline-focused-color: mat-color($primary, text);
 
   .mat-form-field-label {
     color: $label-color;

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

@@ -29,6 +29,8 @@ export declare class MatBottomSheetRef<T = any, R = any> {
     private readonly _afterOpened;
     /** Result to be passed down to the `afterDismissed` stream. */
     private _result;
+    /** Handle to the timeout that's running as a fallback in case the exit animation doesn't fire. */
+    private _closeFallbackTimeout;
     constructor(containerInstance: MatBottomSheetContainer, _overlayRef: OverlayRef, _location?: Location);
     /**
      * Dismisses the bottom sheet.

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":{}},"MAT_BOTTOM_SHEET_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":32,"character":8},"arguments":["mat-bottom-sheet-default-options"]},"MatBottomSheet":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":37,"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":58,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":58,"character":19}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":59,"character":7}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":60,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":60,"character":19},"arguments":[{"__symbolic":"reference","name":"MAT_BOTTOM_SHEET_DEFAULT_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":56,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":57,"character":25},{"__symbolic":"reference","name":"MatBottomSheet"},{"__symbolic":"reference","module":"@angular/common","name":"Location","line":59,"character":38},{"__symbolic":"reference","name":"MatBottomSheetConfig"}]}],"open":[{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"}],"dismiss":[{"__symbolic":"method"}],"ngOnDestroy":[{"__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":13,"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{padding:8px 16px;min-width:100vw;box-sizing:border-box;display:block;outline:0;max-height:80vh;overflow:auto}@media (-ms-high-contrast:active){.mat-bottom-sheet-container{outline:1px solid}}.mat-bottom-sheet-container-large,.mat-bottom-sheet-container-medium,.mat-bottom-sheet-container-xlarge{border-top-left-radius:4px;border-top-right-radius:4px}.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},{"static":true}]}]}],"__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":45,"character":16}]}],"dismiss":[{"__symbolic":"method"}],"afterDismissed":[{"__symbolic":"method"}],"afterOpened":[{"__symbolic":"method"}],"backdropClick":[{"__symbolic":"method"}],"keydownEvents":[{"__symbolic":"method"}]}}},"origins":{"MatBottomSheetModule":"./bottom-sheet-module","MAT_BOTTOM_SHEET_DEFAULT_OPTIONS":"./bottom-sheet","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":{}},"MAT_BOTTOM_SHEET_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":32,"character":8},"arguments":["mat-bottom-sheet-default-options"]},"MatBottomSheet":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":37,"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":58,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":58,"character":19}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":59,"character":7}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":60,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":60,"character":19},"arguments":[{"__symbolic":"reference","name":"MAT_BOTTOM_SHEET_DEFAULT_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":56,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":57,"character":25},{"__symbolic":"reference","name":"MatBottomSheet"},{"__symbolic":"reference","module":"@angular/common","name":"Location","line":59,"character":38},{"__symbolic":"reference","name":"MatBottomSheetConfig"}]}],"open":[{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"}],"dismiss":[{"__symbolic":"method"}],"ngOnDestroy":[{"__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":13,"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{padding:8px 16px;min-width:100vw;box-sizing:border-box;display:block;outline:0;max-height:80vh;overflow:auto}@media (-ms-high-contrast:active){.mat-bottom-sheet-container{outline:1px solid}}.mat-bottom-sheet-container-large,.mat-bottom-sheet-container-medium,.mat-bottom-sheet-container-xlarge{border-top-left-radius:4px;border-top-right-radius:4px}.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},{"static":true}]}]}],"__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":46,"character":25},{"__symbolic":"reference","module":"@angular/common","name":"Location","line":48,"character":16}]}],"dismiss":[{"__symbolic":"method"}],"afterDismissed":[{"__symbolic":"method"}],"afterOpened":[{"__symbolic":"method"}],"backdropClick":[{"__symbolic":"method"}],"keydownEvents":[{"__symbolic":"method"}]}}},"origins":{"MatBottomSheetModule":"./bottom-sheet-module","MAT_BOTTOM_SHEET_DEFAULT_OPTIONS":"./bottom-sheet","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

@@ -1157,6 +1157,10 @@ var MatAutocompleteTrigger = /** @class */ (function () {
                 if (event.keyCode === keycodes.ESCAPE || (event.keyCode === keycodes.UP_ARROW && event.altKey)) {
                     _this._resetActiveItem();
                     _this._closeKeyEventStream.next();
+                    // We need to stop propagation, otherwise the event will eventually
+                    // reach the input itself and cause the overlay to be reopened.
+                    event.stopPropagation();
+                    event.preventDefault();
                 }
             }));
             if (this._viewportRuler) {