@angular/material 11.2.1 → 11.2.2

package/_theming.scss

@@ -2,6 +2,86 @@
 // the `@angular/material` theming Sass bundle. See `//src/material:theming_bundle`.
 
 // Import all the theming functionality.
+@mixin cdk-a11y {
+  .cdk-visually-hidden {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+
+    // Avoid browsers rendering the focus ring in some cases.
+    outline: 0;
+
+    // Avoid some cases where the browser will still render the native controls (see #9049).
+    -webkit-appearance: none;
+    -moz-appearance: none;
+  }
+}
+
+/// Emits the mixin's content nested under `$selector-context` if `$selector-context`
+/// is non-empty.
+/// @param selector-context The selector under which to nest the mixin's content.
+@mixin _cdk-optionally-nest-content($selector-context) {
+  @if ($selector-context == '') {
+    @content;
+  }
+  @else {
+    #{$selector-context} {
+      @content;
+    }
+  }
+}
+
+/// Applies styles for users in high contrast mode. Note that this only applies
+/// to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
+/// attribute, however Chrome handles high contrast differently.
+///
+/// @param target Which kind of high contrast setting to target. Defaults to `active`, can be
+///    `white-on-black` or `black-on-white`.
+/// @param encapsulation Whether to emit styles for view encapsulation. Values are:
+///     * `on` - works for `Emulated`, `Native`, and `ShadowDom`
+///     * `off` - works for `None`
+///     * `any` - works for all encapsulation modes by emitting the CSS twice (default).
+@mixin cdk-high-contrast($target: active, $encapsulation: 'any') {
+  @if ($target != 'active' and $target != 'black-on-white' and $target != 'white-on-black') {
+    @error 'Unknown cdk-high-contrast value "#{$target}" provided. ' +
+           'Allowed values are "active", "black-on-white", and "white-on-black"';
+  }
+
+  @if ($encapsulation != 'on' and $encapsulation != 'off' and $encapsulation != 'any') {
+    @error 'Unknown cdk-high-contrast encapsulation "#{$encapsulation}" provided. ' +
+           'Allowed values are "on", "off", and "any"';
+  }
+
+  // If the selector context has multiple parts, such as `.section, .region`, just doing
+  // `.cdk-high-contrast-xxx #{&}` will only apply the parent selector to the first part of the
+  // context. We address this by nesting the selector context under .cdk-high-contrast.
+  @at-root {
+    $selector-context: #{&};
+
+    @if ($encapsulation != 'on') {
+      .cdk-high-contrast-#{$target} {
+        @include _cdk-optionally-nest-content($selector-context) {
+          @content;
+        }
+      }
+    }
+
+    @if ($encapsulation != 'off') {
+      .cdk-high-contrast-#{$target} :host {
+        @include _cdk-optionally-nest-content($selector-context) {
+          @content;
+        }
+      }
+    }
+  }
+}
+
+
 // We want overlays to always appear over user content, so set a baseline
 // very high z-index for the overlay container, which is where we create the new
 // stacking context for all overlays.
@@ -88,7 +168,7 @@ $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
       // to making it opaque using `opacity`. Note that we can't use the `cdk-high-contrast`
       // mixin, because we can't normalize the import path to the _a11y.scss both for the
       // source and when this file is distributed. See #10908.
-      @media screen and (-ms-high-contrast: active) {
+      @include cdk-high-contrast(active, off) {
         opacity: 0.6;
       }
     }
@@ -144,84 +224,6 @@ $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
   }
 }
 
-@mixin cdk-a11y {
-  .cdk-visually-hidden {
-    border: 0;
-    clip: rect(0 0 0 0);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    width: 1px;
-
-    // Avoid browsers rendering the focus ring in some cases.
-    outline: 0;
-
-    // Avoid some cases where the browser will still render the native controls (see #9049).
-    -webkit-appearance: none;
-    -moz-appearance: none;
-  }
-}
-
-/// Emits the mixin's content nested under `$selector-context` if `$selector-context`
-/// is non-empty.
-/// @param selector-context The selector under which to nest the mixin's content.
-@mixin _cdk-optionally-nest-content($selector-context) {
-  @if ($selector-context == '') {
-    @content;
-  }
-  @else {
-    #{$selector-context} {
-      @content;
-    }
-  }
-}
-
-/// Applies styles for users in high contrast mode. Note that this only applies
-/// to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
-/// attribute, however Chrome handles high contrast differently.
-///
-/// @param target Which kind of high contrast setting to target. Defaults to `active`, can be
-///    `white-on-black` or `black-on-white`.
-/// @param encapsulation Whether to emit styles for view encapsulation. Values are:
-///     * `on` - works for `Emulated`, `Native`, and `ShadowDom`
-///     * `off` - works for `None`
-///     * `any` - works for all encapsulation modes by emitting the CSS twice (default).
-@mixin cdk-high-contrast($target: active, $encapsulation: 'any') {
-  @if ($target != 'active' and $target != 'black-on-white' and $target != 'white-on-black') {
-    @error 'Unknown cdk-high-contrast value "#{$target}" provided. ' +
-           'Allowed values are "active", "black-on-white", and "white-on-black"';
-  }
-
-  @if ($encapsulation != 'on' and $encapsulation != 'off' and $encapsulation != 'any') {
-    @error 'Unknown cdk-high-contrast encapsulation "#{$encapsulation}" provided. ' +
-           'Allowed values are "on", "off", and "any"';
-  }
-
-  // If the selector context has multiple parts, such as `.section, .region`, just doing
-  // `.cdk-high-contrast-xxx #{&}` will only apply the parent selector to the first part of the
-  // context. We address this by nesting the selector context under .cdk-high-contrast.
-  @at-root {
-    $selector-context: #{&};
-
-    @if ($encapsulation != 'on') {
-      .cdk-high-contrast-#{$target} {
-        @include _cdk-optionally-nest-content($selector-context) {
-          @content;
-        }
-      }
-    }
-
-    @if ($encapsulation != 'off') {
-      .cdk-high-contrast-#{$target} :host {
-        @include _cdk-optionally-nest-content($selector-context) {
-          @content;
-        }
-      }
-    }
-  }
-}
 
 // Core styles that enable monitoring autofill state of text fields.
 @mixin cdk-text-field {
@@ -1334,6 +1336,78 @@ $mat-dark-theme-foreground: (
   slider-off-active: rgba(white, 0.3),
 );
 
+// Note that this file is called `private`, because the APIs in it aren't public yet.
+// Once they're made available, the code should be moved out into an `index.scss`.
+
+// Taken from mat-density with small modifications to not rely on the new Sass module
+// system, and to support arbitrary properties in a density configuration.
+// https://github.com/material-components/material-components-web/blob/master/packages/mdc-density
+
+$_mat-density-interval: 4px !default;
+$_mat-density-minimum-scale: minimum !default;
+$_mat-density-maximum-scale: maximum !default;
+$_mat-density-supported-scales: (default, minimum, maximum) !default;
+$_mat-density-default-scale: 0 !default;
+
+// Whether density should be generated at root. This will be temporarily set to `true`
+// whenever density styles for legacy themes are generated.
+$mat-private-density-generate-at-root: false;
+// Whether density styles should be generated. This will be temporarily set to `false` if
+// duplicate density styles for a legacy theme would be generated. For legacy themes,
+// we always generate the default density **only once** at root.
+$mat-private-density-generate-styles: true;
+
+// Mixin that can be used to wrap density styles of given components. The mixin will
+// move the density styles to root if the `$mat-private-density-generate-at-root` global variable
+// is set. If `$mat-private-density-generate-styles` is set to `false`, generation of density
+// styles wrapped in this mixin is skipped. This mixin exists to improve backwards compatibility
+// of the new theming API where density styles are included as part of themes. Previously,
+// density styles of components were part of their base styles. With the new API, they are
+// part of the theming system. The `<..>-theme` mixins generate density by default unless
+// the density configuration is explicitly specified as per new API. This means, that projects
+// using `<..>-theme` mixins for separate themes (like `.dark-theme`) will cause duplicate
+// density styles. This is breaking as it increases specificity of density styles. This mixin
+// provides an API to control generation of density styles so that we can ensure they are only
+// created *once* and at root.
+@mixin mat-private-density-legacy-compatibility() {
+  @if $mat-private-density-generate-styles and $mat-private-density-generate-at-root {
+    @at-root {
+      @content;
+    }
+  }
+  @else if $mat-private-density-generate-styles {
+    @content;
+  }
+}
+
+@function mat-private-density-prop-value($density-config, $density-scale, $property-name) {
+  @if (type-of($density-scale) == 'string' and
+      index($list: $_mat-density-supported-scales, $value: $density-scale) == null) {
+    @error 'mat-density: Supported density scales #{$_mat-density-supported-scales}, '  +
+      'but received #{$density-scale}.';
+  }
+
+  $value: null;
+  $property-scale-map: map-get($density-config, $property-name);
+
+  @if map-has-key($property-scale-map, $density-scale) {
+    $value: map-get($property-scale-map, $density-scale);
+  }
+  @else {
+    $value: map-get($property-scale-map, default) + $density-scale * $_mat-density-interval;
+  }
+
+  $min-value: map-get($property-scale-map, $_mat-density-minimum-scale);
+  $max-value: map-get($property-scale-map, $_mat-density-maximum-scale);
+
+  @if ($value < $min-value or $value > $max-value) {
+    @error 'mat-density: #{$property-name} must be between #{$min-value} and ' +
+      '#{$max-value} (inclusive), but received #{$value}.';
+  }
+
+  @return $value;
+}
+
 
 // Whether duplication warnings should be disabled. Warnings enabled by default.
 $mat-theme-ignore-duplication-warnings: false !default;
@@ -2971,77 +3045,6 @@ $_mat-button-ripple-opacity: 0.1;
 
 
 
-// Note that this file is called `private`, because the APIs in it aren't public yet.
-// Once they're made available, the code should be moved out into an `index.scss`.
-
-// Taken from mat-density with small modifications to not rely on the new Sass module
-// system, and to support arbitrary properties in a density configuration.
-// https://github.com/material-components/material-components-web/blob/master/packages/mdc-density
-
-$_mat-density-interval: 4px !default;
-$_mat-density-minimum-scale: minimum !default;
-$_mat-density-maximum-scale: maximum !default;
-$_mat-density-supported-scales: (default, minimum, maximum) !default;
-$_mat-density-default-scale: 0 !default;
-
-// Whether density should be generated at root. This will be temporarily set to `true`
-// whenever density styles for legacy themes are generated.
-$mat-private-density-generate-at-root: false;
-// Whether density styles should be generated. This will be temporarily set to `false` if
-// duplicate density styles for a legacy theme would be generated. For legacy themes,
-// we always generate the default density **only once** at root.
-$mat-private-density-generate-styles: true;
-
-// Mixin that can be used to wrap density styles of given components. The mixin will
-// move the density styles to root if the `$mat-private-density-generate-at-root` global variable
-// is set. If `$mat-private-density-generate-styles` is set to `false`, generation of density
-// styles wrapped in this mixin is skipped. This mixin exists to improve backwards compatibility
-// of the new theming API where density styles are included as part of themes. Previously,
-// density styles of components were part of their base styles. With the new API, they are
-// part of the theming system. The `<..>-theme` mixins generate density by default unless
-// the density configuration is explicitly specified as per new API. This means, that projects
-// using `<..>-theme` mixins for separate themes (like `.dark-theme`) will cause duplicate
-// density styles. This is breaking as it increases specificity of density styles. This mixin
-// provides an API to control generation of density styles so that we can ensure they are only
-// created *once* and at root.
-@mixin mat-private-density-legacy-compatibility() {
-  @if $mat-private-density-generate-styles and $mat-private-density-generate-at-root {
-    @at-root {
-      @content;
-    }
-  }
-  @else if $mat-private-density-generate-styles {
-    @content;
-  }
-}
-
-@function mat-private-density-prop-value($density-config, $density-scale, $property-name) {
-  @if (type-of($density-scale) == 'string' and
-      index($list: $_mat-density-supported-scales, $value: $density-scale) == null) {
-    @error 'mat-density: Supported density scales #{$_mat-density-supported-scales}, '  +
-      'but received #{$density-scale}.';
-  }
-
-  $value: null;
-  $property-scale-map: map-get($density-config, $property-name);
-
-  @if map-has-key($property-scale-map, $density-scale) {
-    $value: map-get($property-scale-map, $density-scale);
-  }
-  @else {
-    $value: map-get($property-scale-map, default) + $density-scale * $_mat-density-interval;
-  }
-
-  $min-value: map-get($property-scale-map, $_mat-density-minimum-scale);
-  $max-value: map-get($property-scale-map, $_mat-density-maximum-scale);
-
-  @if ($value < $min-value or $value > $max-value) {
-    @error 'mat-density: #{$property-name} must be between #{$min-value} and ' +
-      '#{$max-value} (inclusive), but received #{$value}.';
-  }
-
-  @return $value;
-}
 
 $mat-button-toggle-standard-height: 48px !default;
 // Minimum height for highest density can vary based on the content that developers

package/autocomplete/_autocomplete-theme.import.scss

@@ -0,0 +1,2 @@
+@forward 'autocomplete-theme';
+@forward '../core/theming/theming';

package/autocomplete/autocomplete.d.ts

@@ -68,7 +68,7 @@ export declare abstract class _MatAutocompleteBase extends _MatAutocompleteMixin
     abstract options: QueryList<_MatOptionBase>;
     /** @docs-private */
     abstract optionGroups: QueryList<_MatOptgroupBase>;
-    /** Aria label of the select. If not specified, the placeholder will be used as label. */
+    /** Aria label of the autocomplete. */
     ariaLabel: string;
     /** Input that can be used to specify the `aria-labelledby` attribute. */
     ariaLabelledby: string;

package/badge/_badge-theme.import.scss

@@ -0,0 +1,5 @@
+@forward 'badge-theme';
+@forward '../core/theming/palette';
+@forward '../core/theming/theming';
+@forward '../core/typography/typography-utils';
+@forward '../../cdk/a11y/a11y';

package/bottom-sheet/_bottom-sheet-theme.import.scss

@@ -0,0 +1,4 @@
+@forward 'bottom-sheet-theme';
+@forward '../core/typography/typography-utils';
+@forward '../core/theming/palette';
+@forward '../core/theming/theming';

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

@@ -65,4 +65,6 @@ export declare class MatBottomSheetContainer extends BasePortalOutlet implements
     private _restoreFocus;
     /** Saves a reference to the element that was focused before the bottom sheet was opened. */
     private _savePreviouslyFocusedElement;
+    /** Gets the currently-focused element on the page. */
+    private _getActiveElement;
 }

package/bottom-sheet/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":15,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":19,"character":4}],"exports":[{"__symbolic":"reference","name":"MatBottomSheetContainer"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":21,"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":"Inject","line":59,"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","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":{"ɵprov":{}}},"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":65,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":43,"character":1},"arguments":[{"selector":"mat-bottom-sheet-container","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":51,"character":19},"member":"Default"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":52,"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>\r\n","styles":[".mat-bottom-sheet-container{padding:8px 16px;min-width:100vw;box-sizing:border-box;display:block;outline:0;max-height:80vh;overflow:auto}.cdk-high-contrast-active .mat-bottom-sheet-container{outline:1px solid}.mat-bottom-sheet-container-xlarge,.mat-bottom-sheet-container-large,.mat-bottom-sheet-container-medium{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)}\n"]}]}],"members":{"_portalOutlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":69,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/portal","name":"CdkPortalOutlet","line":69,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":94,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":94,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":94,"character":24}]}],null],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":90,"character":36,"context":{"typeName":"HTMLElement"},"module":"./bottom-sheet-container"}]},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":91,"character":32},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusTrapFactory","line":92,"character":31},{"__symbolic":"reference","module":"@angular/cdk/layout","name":"BreakpointObserver","line":93,"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":45,"character":25}]}],"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":15,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":19,"character":4}],"exports":[{"__symbolic":"reference","name":"MatBottomSheetContainer"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":21,"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":"Inject","line":59,"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","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":{"ɵprov":{}}},"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":65,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":43,"character":1},"arguments":[{"selector":"mat-bottom-sheet-container","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":51,"character":19},"member":"Default"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":52,"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>\r\n","styles":[".mat-bottom-sheet-container{padding:8px 16px;min-width:100vw;box-sizing:border-box;display:block;outline:0;max-height:80vh;overflow:auto}.cdk-high-contrast-active .mat-bottom-sheet-container{outline:1px solid}.mat-bottom-sheet-container-xlarge,.mat-bottom-sheet-container-large,.mat-bottom-sheet-container-medium{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)}\n"]}]}],"members":{"_portalOutlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":69,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/portal","name":"CdkPortalOutlet","line":69,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":94,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":94,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":94,"character":24}]}],null],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":90,"character":36,"context":{"typeName":"HTMLElement"},"module":"./bottom-sheet-container"}]},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":91,"character":32},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusTrapFactory","line":92,"character":31},{"__symbolic":"reference","module":"@angular/cdk/layout","name":"BreakpointObserver","line":93,"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"}],"_getActiveElement":[{"__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":45,"character":25}]}],"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"}