@angular/material 10.1.1 → 10.2.0

package/_theming.scss

@@ -3576,10 +3576,18 @@ $mat-calendar-weekday-table-font-size: 11px !default;
   }
 }
 
+// Utility mixin to target cells that aren't selected. Used to make selector easier to follow.
+@mixin _mat-datepicker-unselected-cell {
+  &:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
+    @content;
+  }
+}
+
 @mixin mat-datepicker-color($config-or-theme) {
   $config: mat-get-color-config($config-or-theme);
   $foreground: map-get($config, foreground);
   $background: map-get($config, background);
+  $disabled-color: mat-color($foreground, disabled-text);
 
   .mat-calendar-arrow {
     border-top-color: mat-color($foreground, icon);
@@ -3611,16 +3619,23 @@ $mat-calendar-weekday-table-font-size: 11px !default;
     border-color: transparent;
   }
 
-  .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
+  .mat-calendar-body-disabled > .mat-calendar-body-cell-content {
+    @include _mat-datepicker-unselected-cell {
+      color: $disabled-color;
+    }
+  }
+
   .mat-form-field-disabled .mat-date-range-input-separator {
-    color: mat-color($foreground, disabled-text);
+    color: $disabled-color;
   }
 
   .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover,
   .cdk-keyboard-focused .mat-calendar-body-active,
   .cdk-program-focused .mat-calendar-body-active {
-    & > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
-      background-color: mat-color($background, hover);
+    & > .mat-calendar-body-cell-content {
+      @include _mat-datepicker-unselected-cell {
+        background-color: mat-color($background, hover);
+      }
     }
   }
 
@@ -3638,24 +3653,28 @@ $mat-calendar-weekday-table-font-size: 11px !default;
     }
   }
 
-  .mat-calendar-body-today:not(.mat-calendar-body-selected) {
-    // Note: though it's not text, the border is a hint about the fact that this is today's date,
-    // so we use the hint color.
-    border-color: mat-color($foreground, hint-text);
+  .mat-calendar-body-today {
+    @include _mat-datepicker-unselected-cell {
+      // Note: though it's not text, the border is a hint about the fact that this is today's date,
+      // so we use the hint color.
+      border-color: mat-color($foreground, hint-text);
+    }
   }
 
-  .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
-    $color: mat-color($foreground, hint-text);
+  .mat-calendar-body-disabled > .mat-calendar-body-today {
+    @include _mat-datepicker-unselected-cell {
+      $color: mat-color($foreground, hint-text);
 
-    @if (type-of($color) == color) {
-      border-color: fade-out($color, $mat-datepicker-today-fade-amount);
-    }
-    @else {
-      // If the color didn't resolve to a color value, but something like a CSS variable, we can't
-      // fade it out so we fall back to reducing the element opacity. Note that we don't use the
-      // $mat-datepicker-today-fade-amount, because hint text usually has some opacity applied
-      // to it already and we don't want them to stack on top of each other.
-      opacity: 0.5;
+      @if (type-of($color) == color) {
+        border-color: fade-out($color, $mat-datepicker-today-fade-amount);
+      }
+      @else {
+        // If the color didn't resolve to a color value, but something like a CSS variable, we can't
+        // fade it out so we fall back to reducing the element opacity. Note that we don't use the
+        // $mat-datepicker-today-fade-amount, because hint text usually has some opacity applied
+        // to it already and we don't want them to stack on top of each other.
+        opacity: 0.5;
+      }
     }
   }
 
@@ -3732,6 +3751,7 @@ $mat-calendar-weekday-table-font-size: 11px !default;
     background: $range-color;
   }
 
+  .mat-calendar-body-comparison-identical,
   .mat-calendar-body-in-comparison-range::before {
     background: $comparison-color;
   }
@@ -3746,13 +3766,14 @@ $mat-calendar-weekday-table-font-size: 11px !default;
     background: linear-gradient(to left, $range-color 50%, $comparison-color 50%);
   }
 
+  .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
   .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
     background: $overlap-color;
   }
 
+  .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
   .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
     background: $overlap-selected-color;
-
   }
 }
 
@@ -4170,6 +4191,11 @@ $mat-expansion-panel-header-transition: 225ms cubic-bezier(0.4, 0, 0.2, 1);
   -webkit-backface-visibility: $value;
   backface-visibility: $value;
 }
+
+@mixin position-sticky {
+  position: -webkit-sticky;
+  position: sticky;
+}
 /* stylelint-enable */
 
 

package/autocomplete/autocomplete-origin.d.ts

@@ -6,14 +6,17 @@
  * found in the LICENSE file at https://angular.io/license
  */
 import { ElementRef } from '@angular/core';
-/**
- * Directive applied to an element to make it usable
- * as a connection point for an autocomplete panel.
- */
-export declare class MatAutocompleteOrigin {
+/** Base class containing all of the functionality for `MatAutocompleteOrigin`. */
+export declare abstract class _MatAutocompleteOriginBase {
     /** Reference to the element on which the directive is applied. */
     elementRef: ElementRef<HTMLElement>;
     constructor(
     /** Reference to the element on which the directive is applied. */
     elementRef: ElementRef<HTMLElement>);
 }
+/**
+ * Directive applied to an element to make it usable
+ * as a connection point for an autocomplete panel.
+ */
+export declare class MatAutocompleteOrigin extends _MatAutocompleteOriginBase {
+}

package/autocomplete/autocomplete-trigger.d.ts

@@ -14,16 +14,24 @@ import { ControlValueAccessor } from '@angular/forms';
 import { MatOption, MatOptionSelectionChange } from '@angular/material/core';
 import { MatFormField } from '@angular/material/form-field';
 import { Observable } from 'rxjs';
-import { MatAutocomplete } from './autocomplete';
-import { MatAutocompleteOrigin } from './autocomplete-origin';
+import { _MatAutocompleteBase } from './autocomplete';
+import { _MatAutocompleteOriginBase } from './autocomplete-origin';
 /**
  * The following style constants are necessary to save here in order
  * 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
+ */
 export declare 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
+ */
 export declare const AUTOCOMPLETE_PANEL_HEIGHT = 256;
 /** Injection token that determines the scroll handling while the autocomplete panel is open. */
 export declare const MAT_AUTOCOMPLETE_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
@@ -45,7 +53,8 @@ export declare const MAT_AUTOCOMPLETE_VALUE_ACCESSOR: any;
  * @docs-private
  */
 export declare function getMatAutocompleteMissingPanelError(): Error;
-export declare class MatAutocompleteTrigger implements ControlValueAccessor, AfterViewInit, OnChanges, OnDestroy {
+/** Base class with all of the `MatAutocompleteTrigger` functionality. */
+export declare abstract class _MatAutocompleteTriggerBase implements ControlValueAccessor, AfterViewInit, OnChanges, OnDestroy {
     private _element;
     private _overlay;
     private _viewContainerRef;
@@ -90,7 +99,7 @@ export declare class MatAutocompleteTrigger implements ControlValueAccessor, Aft
     /** `View -> model callback called when autocomplete has been touched` */
     _onTouched: () => void;
     /** The autocomplete panel to be attached to this trigger. */
-    autocomplete: MatAutocomplete;
+    autocomplete: _MatAutocompleteBase;
     /**
      * Position of the autocomplete panel relative to the trigger element. A position of `auto`
      * will render the panel underneath the trigger if there is enough space for it to fit in
@@ -103,7 +112,7 @@ export declare class MatAutocompleteTrigger implements ControlValueAccessor, Aft
      * Reference relative to which to position the autocomplete panel.
      * Defaults to the autocomplete trigger element.
      */
-    connectedTo: MatAutocompleteOrigin;
+    connectedTo: _MatAutocompleteOriginBase;
     /**
      * `autocomplete` attribute to be set on the input element.
      * @docs-private
@@ -116,6 +125,8 @@ export declare class MatAutocompleteTrigger implements ControlValueAccessor, Aft
     get autocompleteDisabled(): boolean;
     set autocompleteDisabled(value: boolean);
     constructor(_element: ElementRef<HTMLInputElement>, _overlay: Overlay, _viewContainerRef: ViewContainerRef, _zone: NgZone, _changeDetectorRef: ChangeDetectorRef, scrollStrategy: any, _dir: Directionality, _formField: MatFormField, _document: any, _viewportRuler: ViewportRuler);
+    /** Class to apply to the panel when it's above the input. */
+    protected abstract _aboveClass: string;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
@@ -158,16 +169,6 @@ export declare class MatAutocompleteTrigger implements ControlValueAccessor, Aft
     private _floatLabel;
     /** If the label has been manually elevated, return it to its normal state. */
     private _resetLabel;
-    /**
-     * 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.
-     */
-    private _scrollToOption;
     /**
      * This method listens to a stream of panel closing actions and resets the
      * stream every time the option list changes.
@@ -204,5 +205,10 @@ export declare class MatAutocompleteTrigger implements ControlValueAccessor, Aft
     private _canOpen;
     /** Use defaultView of injected document if available or fallback to global window reference */
     private _getWindow;
+    /** Scrolls to a particular option in the list. */
+    private _scrollToOption;
     static ngAcceptInputType_autocompleteDisabled: BooleanInput;
 }
+export declare class MatAutocompleteTrigger extends _MatAutocompleteTriggerBase {
+    protected _aboveClass: string;
+}

package/autocomplete/autocomplete.d.ts

@@ -8,25 +8,25 @@
 import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, QueryList, TemplateRef, OnDestroy } from '@angular/core';
-import { CanDisableRipple, CanDisableRippleCtor, MatOptgroup, MatOption } from '@angular/material/core';
+import { CanDisableRipple, CanDisableRippleCtor, _MatOptgroupBase, _MatOptionBase, MatOption, MatOptgroup } from '@angular/material/core';
 /** Event object that is emitted when an autocomplete option is selected. */
 export declare class MatAutocompleteSelectedEvent {
     /** Reference to the autocomplete panel that emitted the event. */
-    source: MatAutocomplete;
+    source: _MatAutocompleteBase;
     /** Option that was selected. */
-    option: MatOption;
+    option: _MatOptionBase;
     constructor(
     /** Reference to the autocomplete panel that emitted the event. */
-    source: MatAutocomplete, 
+    source: _MatAutocompleteBase, 
     /** Option that was selected. */
-    option: MatOption);
+    option: _MatOptionBase);
 }
 /** Event object that is emitted when an autocomplete option is activated. */
 export interface MatAutocompleteActivatedEvent {
     /** Reference to the autocomplete panel that emitted the event. */
-    source: MatAutocomplete;
+    source: _MatAutocompleteBase;
     /** Option that was selected. */
-    option: MatOption | null;
+    option: _MatOptionBase | null;
 }
 /** @docs-private */
 declare class MatAutocompleteBase {
@@ -41,12 +41,17 @@ export interface MatAutocompleteDefaultOptions {
 export declare const MAT_AUTOCOMPLETE_DEFAULT_OPTIONS: InjectionToken<MatAutocompleteDefaultOptions>;
 /** @docs-private */
 export declare function MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY(): MatAutocompleteDefaultOptions;
-export declare class MatAutocomplete extends _MatAutocompleteMixinBase implements AfterContentInit, CanDisableRipple, OnDestroy {
+/** Base class with all of the `MatAutocomplete` functionality. */
+export declare abstract class _MatAutocompleteBase extends _MatAutocompleteMixinBase implements AfterContentInit, CanDisableRipple, OnDestroy {
     private _changeDetectorRef;
     private _elementRef;
     private _activeOptionChanges;
+    /** Class to apply to the panel when it's visible. */
+    protected abstract _visibleClass: string;
+    /** Class to apply to the panel when it's hidden. */
+    protected abstract _hiddenClass: string;
     /** Manages active item in option list based on key events. */
-    _keyManager: ActiveDescendantKeyManager<MatOption>;
+    _keyManager: ActiveDescendantKeyManager<_MatOptionBase>;
     /** Whether the autocomplete panel should be visible, depending on option length. */
     showPanel: boolean;
     /** Whether the autocomplete panel is open. */
@@ -57,9 +62,9 @@ export declare class MatAutocomplete extends _MatAutocompleteMixinBase implement
     /** Element for the panel containing the autocomplete options. */
     panel: ElementRef;
     /** @docs-private */
-    options: QueryList<MatOption>;
+    abstract options: QueryList<_MatOptionBase>;
     /** @docs-private */
-    optionGroups: QueryList<MatOptgroup>;
+    abstract optionGroups: QueryList<_MatOptgroupBase>;
     /** Function that maps an option's control value to its display value in the trigger. */
     displayWith: ((value: any) => string) | null;
     /**
@@ -105,10 +110,16 @@ export declare class MatAutocomplete extends _MatAutocompleteMixinBase implement
     /** Panel should hide itself when the option list is empty. */
     _setVisibility(): void;
     /** Emits the `select` event. */
-    _emitSelectEvent(option: MatOption): void;
+    _emitSelectEvent(option: _MatOptionBase): void;
     /** Sets the autocomplete visibility classes on a classlist based on the panel is visible. */
     private _setVisibilityClasses;
     static ngAcceptInputType_autoActiveFirstOption: BooleanInput;
     static ngAcceptInputType_disableRipple: BooleanInput;
 }
+export declare class MatAutocomplete extends _MatAutocompleteBase {
+    optionGroups: QueryList<MatOptgroup>;
+    options: QueryList<MatOption>;
+    protected _visibleClass: string;
+    protected _hiddenClass: string;
+}
 export {};

package/autocomplete/index.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"MatAutocompleteSelectedEvent":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatAutocomplete"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatOption","line":52,"character":19}]}]}},"MatAutocompleteActivatedEvent":{"__symbolic":"interface"},"MatAutocompleteDefaultOptions":{"__symbolic":"interface"},"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":78,"character":8},"arguments":["mat-autocomplete-default-options",{"providedIn":"root","factory":{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY"}}]},"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY":{"__symbolic":"function","parameters":[],"value":{"autoActiveFirstOption":false}},"MatAutocomplete":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":103,"character":37,"module":"./autocomplete"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":88,"character":1},"arguments":[{"selector":"mat-autocomplete","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":92,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":93,"character":19},"member":"OnPush"},"exportAs":"matAutocomplete","inputs":["disableRipple"],"host":{"class":"mat-autocomplete","$quoted$":["class"]},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_OPTION_PARENT_COMPONENT","line":100,"character":14},"useExisting":{"__symbolic":"reference","name":"MatAutocomplete"}}],"template":"<ng-template>\n  <div class=\"mat-autocomplete-panel\" role=\"listbox\" [id]=\"id\" [ngClass]=\"_classList\" #panel>\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n","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"]}]}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":122,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":122,"character":13},{"static":true}]}]}],"panel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":125,"character":3},"arguments":["panel"]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":128,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatOption","line":52,"character":19},{"descendants":true}]}]}],"optionGroups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":132,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_OPTGROUP","line":132,"character":19},{"descendants":true}]}]}],"displayWith":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":135,"character":3}}]}],"autoActiveFirstOption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":3}}]}],"panelWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":152,"character":3}}]}],"optionSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":155,"character":3}}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":159,"character":3}}]}],"closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":162,"character":3}}]}],"optionActivated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":165,"character":3}}]}],"classList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":3},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":194,"character":5},"arguments":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":192,"character":32},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":193,"character":36,"context":{"typeName":"HTMLElement"},"module":"./autocomplete"}]},{"__symbolic":"reference","name":"any"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_setScrollTop":[{"__symbolic":"method"}],"_getScrollTop":[{"__symbolic":"method"}],"_setVisibility":[{"__symbolic":"method"}],"_emitSelectEvent":[{"__symbolic":"method"}],"_setVisibilityClasses":[{"__symbolic":"method"}]}},"MatAutocompleteModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":20,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatOptionModule","line":21,"character":12},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":21,"character":29},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":21,"character":44},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":21,"character":61}],"exports":[{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"CdkScrollableModule","line":23,"character":4},{"__symbolic":"reference","name":"MatAutocomplete"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatOptionModule","line":25,"character":4},{"__symbolic":"reference","name":"MatAutocompleteTrigger"},{"__symbolic":"reference","name":"MatAutocompleteOrigin"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":28,"character":4}],"declarations":[{"__symbolic":"reference","name":"MatAutocomplete"},{"__symbolic":"reference","name":"MatAutocompleteTrigger"},{"__symbolic":"reference","name":"MatAutocompleteOrigin"}],"providers":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER"}]}]}],"members":{}},"AUTOCOMPLETE_OPTION_HEIGHT":48,"AUTOCOMPLETE_PANEL_HEIGHT":256,"MAT_AUTOCOMPLETE_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":69,"character":8},"arguments":["mat-autocomplete-scroll-strategy"]},"MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY":{"__symbolic":"function","parameters":["overlay"],"value":{"__symbolic":"error","message":"Lambda not supported","line":73,"character":9,"module":"./autocomplete-trigger"}},"MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER":{"provide":{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_SCROLL_STRATEGY"},"deps":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":79,"character":9}],"useFactory":{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY"}},"MAT_AUTOCOMPLETE_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":88,"character":11},"useExisting":{"__symbolic":"reference","name":"MatAutocompleteTrigger"},"multi":true},"getMatAutocompleteMissingPanelError":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"Error"},"arguments":["Attempting to open an undefined instance of `mat-autocomplete`. Make sure that the id passed to the `matAutocomplete` is correct and that you're attempting to open it after the ngAfterContentInit hook."]}},"MatAutocompleteTrigger":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":104,"character":1},"arguments":[{"selector":"input[matAutocomplete], textarea[matAutocomplete]","host":{"class":"mat-autocomplete-trigger","[attr.autocomplete]":"autocompleteAttribute","[attr.role]":"autocompleteDisabled ? null : \"combobox\"","[attr.aria-autocomplete]":"autocompleteDisabled ? null : \"list\"","[attr.aria-activedescendant]":"(panelOpen && activeOption) ? activeOption.id : null","[attr.aria-expanded]":"autocompleteDisabled ? null : panelOpen.toString()","[attr.aria-owns]":"(autocompleteDisabled || !panelOpen) ? null : autocomplete?.id","[attr.aria-haspopup]":"!autocompleteDisabled","(focusin)":"_handleFocus()","(blur)":"_onTouched()","(input)":"_handleInput($event)","(keydown)":"_handleKeydown($event)","$quoted$":["class","[attr.autocomplete]","[attr.role]","[attr.aria-autocomplete]","[attr.aria-activedescendant]","[attr.aria-expanded]","[attr.aria-owns]","[attr.aria-haspopup]","(focusin)","(blur)","(input)","(keydown)"]},"exportAs":"matAutocompleteTrigger","providers":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_VALUE_ACCESSOR"}]}]}],"members":{"autocomplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":180,"character":3},"arguments":["matAutocomplete"]}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":189,"character":3},"arguments":["matAutocompletePosition"]}]}],"connectedTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":195,"character":3},"arguments":["matAutocompleteConnectedTo"]}]}],"autocompleteAttribute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":201,"character":3},"arguments":["autocomplete"]}]}],"autocompleteDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":207,"character":3},"arguments":["matAutocompleteDisabled"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":217,"character":15},"arguments":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_SCROLL_STRATEGY"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":218,"character":15}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":219,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":219,"character":27},"arguments":[{"__symbolic":"reference","module":"@angular/material/form-field","name":"MAT_FORM_FIELD","line":219,"character":34}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":219,"character":51}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":220,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":220,"character":27},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":220,"character":34}]}],null],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":213,"character":43,"context":{"typeName":"HTMLInputElement"},"module":"./autocomplete-trigger"}]},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":213,"character":80},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":214,"character":41},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":215,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":216,"character":42},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":218,"character":40},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormField","line":219,"character":78},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ViewportRuler","line":221,"character":38}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"openPanel":[{"__symbolic":"method"}],"closePanel":[{"__symbolic":"method"}],"updatePosition":[{"__symbolic":"method"}],"_getOutsideClickStream":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"_handleInput":[{"__symbolic":"method"}],"_handleFocus":[{"__symbolic":"method"}],"_floatLabel":[{"__symbolic":"method"}],"_resetLabel":[{"__symbolic":"method"}],"_scrollToOption":[{"__symbolic":"method"}],"_subscribeToClosingActions":[{"__symbolic":"method"}],"_destroyPanel":[{"__symbolic":"method"}],"_setTriggerValue":[{"__symbolic":"method"}],"_setValueAndClose":[{"__symbolic":"method"}],"_clearPreviousSelectedOption":[{"__symbolic":"method"}],"_attachOverlay":[{"__symbolic":"method"}],"_getOverlayConfig":[{"__symbolic":"method"}],"_getOverlayPosition":[{"__symbolic":"method"}],"_setStrategyPositions":[{"__symbolic":"method"}],"_getConnectedElement":[{"__symbolic":"method"}],"_getPanelWidth":[{"__symbolic":"method"}],"_getHostWidth":[{"__symbolic":"method"}],"_resetActiveItem":[{"__symbolic":"method"}],"_canOpen":[{"__symbolic":"method"}],"_getWindow":[{"__symbolic":"method"}]}},"MatAutocompleteOrigin":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":14,"character":1},"arguments":[{"selector":"[matAutocompleteOrigin]","exportAs":"matAutocompleteOrigin"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":21,"character":36,"context":{"typeName":"HTMLElement"},"module":"./autocomplete-origin"}]}]}]}}},"origins":{"MatAutocompleteSelectedEvent":"./autocomplete","MatAutocompleteActivatedEvent":"./autocomplete","MatAutocompleteDefaultOptions":"./autocomplete","MAT_AUTOCOMPLETE_DEFAULT_OPTIONS":"./autocomplete","MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY":"./autocomplete","MatAutocomplete":"./autocomplete","MatAutocompleteModule":"./autocomplete-module","AUTOCOMPLETE_OPTION_HEIGHT":"./autocomplete-trigger","AUTOCOMPLETE_PANEL_HEIGHT":"./autocomplete-trigger","MAT_AUTOCOMPLETE_SCROLL_STRATEGY":"./autocomplete-trigger","MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY":"./autocomplete-trigger","MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER":"./autocomplete-trigger","MAT_AUTOCOMPLETE_VALUE_ACCESSOR":"./autocomplete-trigger","getMatAutocompleteMissingPanelError":"./autocomplete-trigger","MatAutocompleteTrigger":"./autocomplete-trigger","MatAutocompleteOrigin":"./autocomplete-origin"},"importAs":"@angular/material/autocomplete"}
+{"__symbolic":"module","version":4,"metadata":{"MatAutocompleteSelectedEvent":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"_MatAutocompleteBase"},{"__symbolic":"reference","module":"@angular/material/core","name":"_MatOptionBase","line":55,"character":19}]}]}},"MatAutocompleteActivatedEvent":{"__symbolic":"interface"},"MatAutocompleteDefaultOptions":{"__symbolic":"interface"},"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":81,"character":8},"arguments":["mat-autocomplete-default-options",{"providedIn":"root","factory":{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY"}}]},"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY":{"__symbolic":"function","parameters":[],"value":{"autoActiveFirstOption":false}},"_MatAutocompleteBase":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":93,"character":51,"module":"./autocomplete"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":92,"character":1}}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":118,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":118,"character":13},{"static":true}]}]}],"panel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":121,"character":3},"arguments":["panel"]}]}],"displayWith":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":3}}]}],"autoActiveFirstOption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3}}]}],"panelWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":147,"character":3}}]}],"optionSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":150,"character":3}}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":154,"character":3}}]}],"closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":157,"character":3}}]}],"optionActivated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":160,"character":3}}]}],"classList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":167,"character":3},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":189,"character":5},"arguments":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":187,"character":32},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":188,"character":36,"context":{"typeName":"HTMLElement"},"module":"./autocomplete"}]},{"__symbolic":"reference","name":"any"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_setScrollTop":[{"__symbolic":"method"}],"_getScrollTop":[{"__symbolic":"method"}],"_setVisibility":[{"__symbolic":"method"}],"_emitSelectEvent":[{"__symbolic":"method"}],"_setVisibilityClasses":[{"__symbolic":"method"}]}},"MatAutocomplete":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_MatAutocompleteBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":247,"character":1},"arguments":[{"selector":"mat-autocomplete","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":251,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":252,"character":19},"member":"OnPush"},"exportAs":"matAutocomplete","inputs":["disableRipple"],"host":{"class":"mat-autocomplete","$quoted$":["class"]},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_OPTION_PARENT_COMPONENT","line":259,"character":14},"useExisting":{"__symbolic":"reference","name":"MatAutocomplete"}}],"template":"<ng-template>\n  <div class=\"mat-autocomplete-panel\" role=\"listbox\" [id]=\"id\" [ngClass]=\"_classList\" #panel>\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n","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"]}]}],"members":{"optionGroups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":264,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_OPTGROUP","line":264,"character":19},{"descendants":true}]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":265,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatOption","line":265,"character":19},{"descendants":true}]}]}]}},"MatAutocompleteModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":21,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatOptionModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":26,"character":4}],"exports":[{"__symbolic":"reference","name":"MatAutocomplete"},{"__symbolic":"reference","name":"MatAutocompleteTrigger"},{"__symbolic":"reference","name":"MatAutocompleteOrigin"},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"CdkScrollableModule","line":32,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatOptionModule","line":33,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":34,"character":4}],"declarations":[{"__symbolic":"reference","name":"MatAutocomplete"},{"__symbolic":"reference","name":"MatAutocompleteTrigger"},{"__symbolic":"reference","name":"MatAutocompleteOrigin"}],"providers":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER"}]}]}],"members":{}},"AUTOCOMPLETE_OPTION_HEIGHT":48,"AUTOCOMPLETE_PANEL_HEIGHT":256,"MAT_AUTOCOMPLETE_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":77,"character":8},"arguments":["mat-autocomplete-scroll-strategy"]},"MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY":{"__symbolic":"function","parameters":["overlay"],"value":{"__symbolic":"error","message":"Lambda not supported","line":81,"character":9,"module":"./autocomplete-trigger"}},"MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER":{"provide":{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_SCROLL_STRATEGY"},"deps":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":87,"character":9}],"useFactory":{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY"}},"MAT_AUTOCOMPLETE_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":96,"character":11},"useExisting":{"__symbolic":"reference","name":"MatAutocompleteTrigger"},"multi":true},"getMatAutocompleteMissingPanelError":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"Error"},"arguments":["Attempting to open an undefined instance of `mat-autocomplete`. Make sure that the id passed to the `matAutocomplete` is correct and that you're attempting to open it after the ngAfterContentInit hook."]}},"_MatAutocompleteTriggerBase":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":112,"character":1}}],"members":{"autocomplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":169,"character":3},"arguments":["matAutocomplete"]}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":178,"character":3},"arguments":["matAutocompletePosition"]}]}],"connectedTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":184,"character":3},"arguments":["matAutocompleteConnectedTo"]}]}],"autocompleteAttribute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":190,"character":3},"arguments":["autocomplete"]}]}],"autocompleteDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":196,"character":3},"arguments":["matAutocompleteDisabled"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":206,"character":15},"arguments":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_SCROLL_STRATEGY"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":207,"character":15}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":208,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":208,"character":27},"arguments":[{"__symbolic":"reference","module":"@angular/material/form-field","name":"MAT_FORM_FIELD","line":208,"character":34}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":208,"character":51}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":209,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":209,"character":27},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":209,"character":34}]}],null],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":202,"character":43,"context":{"typeName":"HTMLInputElement"},"module":"./autocomplete-trigger"}]},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":202,"character":80},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":203,"character":41},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":204,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":205,"character":42},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":207,"character":40},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormField","line":208,"character":78},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ViewportRuler","line":210,"character":38}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"openPanel":[{"__symbolic":"method"}],"closePanel":[{"__symbolic":"method"}],"updatePosition":[{"__symbolic":"method"}],"_getOutsideClickStream":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"_handleInput":[{"__symbolic":"method"}],"_handleFocus":[{"__symbolic":"method"}],"_floatLabel":[{"__symbolic":"method"}],"_resetLabel":[{"__symbolic":"method"}],"_subscribeToClosingActions":[{"__symbolic":"method"}],"_destroyPanel":[{"__symbolic":"method"}],"_setTriggerValue":[{"__symbolic":"method"}],"_setValueAndClose":[{"__symbolic":"method"}],"_clearPreviousSelectedOption":[{"__symbolic":"method"}],"_attachOverlay":[{"__symbolic":"method"}],"_getOverlayConfig":[{"__symbolic":"method"}],"_getOverlayPosition":[{"__symbolic":"method"}],"_setStrategyPositions":[{"__symbolic":"method"}],"_getConnectedElement":[{"__symbolic":"method"}],"_getPanelWidth":[{"__symbolic":"method"}],"_getHostWidth":[{"__symbolic":"method"}],"_resetActiveItem":[{"__symbolic":"method"}],"_canOpen":[{"__symbolic":"method"}],"_getWindow":[{"__symbolic":"method"}],"_scrollToOption":[{"__symbolic":"method"}]}},"MatAutocompleteTrigger":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_MatAutocompleteTriggerBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":761,"character":1},"arguments":[{"selector":"input[matAutocomplete], textarea[matAutocomplete]","host":{"class":"mat-autocomplete-trigger","[attr.autocomplete]":"autocompleteAttribute","[attr.role]":"autocompleteDisabled ? null : \"combobox\"","[attr.aria-autocomplete]":"autocompleteDisabled ? null : \"list\"","[attr.aria-activedescendant]":"(panelOpen && activeOption) ? activeOption.id : null","[attr.aria-expanded]":"autocompleteDisabled ? null : panelOpen.toString()","[attr.aria-owns]":"(autocompleteDisabled || !panelOpen) ? null : autocomplete?.id","[attr.aria-haspopup]":"!autocompleteDisabled","(focusin)":"_handleFocus()","(blur)":"_onTouched()","(input)":"_handleInput($event)","(keydown)":"_handleKeydown($event)","$quoted$":["class","[attr.autocomplete]","[attr.role]","[attr.aria-autocomplete]","[attr.aria-activedescendant]","[attr.aria-expanded]","[attr.aria-owns]","[attr.aria-haspopup]","(focusin)","(blur)","(input)","(keydown)"]},"exportAs":"matAutocompleteTrigger","providers":[{"__symbolic":"reference","name":"MAT_AUTOCOMPLETE_VALUE_ACCESSOR"}]}]}],"members":{}},"_MatAutocompleteOriginBase":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":11,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":15,"character":34,"context":{"typeName":"HTMLElement"},"module":"./autocomplete-origin"}]}]}]}},"MatAutocompleteOrigin":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_MatAutocompleteOriginBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":22,"character":1},"arguments":[{"selector":"[matAutocompleteOrigin]","exportAs":"matAutocompleteOrigin"}]}],"members":{}}},"origins":{"MatAutocompleteSelectedEvent":"./autocomplete","MatAutocompleteActivatedEvent":"./autocomplete","MatAutocompleteDefaultOptions":"./autocomplete","MAT_AUTOCOMPLETE_DEFAULT_OPTIONS":"./autocomplete","MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY":"./autocomplete","_MatAutocompleteBase":"./autocomplete","MatAutocomplete":"./autocomplete","MatAutocompleteModule":"./autocomplete-module","AUTOCOMPLETE_OPTION_HEIGHT":"./autocomplete-trigger","AUTOCOMPLETE_PANEL_HEIGHT":"./autocomplete-trigger","MAT_AUTOCOMPLETE_SCROLL_STRATEGY":"./autocomplete-trigger","MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY":"./autocomplete-trigger","MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER":"./autocomplete-trigger","MAT_AUTOCOMPLETE_VALUE_ACCESSOR":"./autocomplete-trigger","getMatAutocompleteMissingPanelError":"./autocomplete-trigger","_MatAutocompleteTriggerBase":"./autocomplete-trigger","MatAutocompleteTrigger":"./autocomplete-trigger","_MatAutocompleteOriginBase":"./autocomplete-origin","MatAutocompleteOrigin":"./autocomplete-origin"},"importAs":"@angular/material/autocomplete"}

package/badge/badge.d.ts

@@ -40,7 +40,7 @@ export declare class MatBadge extends _MatBadgeMixinBase implements OnDestroy, O
      */
     position: MatBadgePosition;
     /** The content for the badge */
-    content: string;
+    content: string | number | undefined | null;
     /** Message used to describe the decorated element via aria-describedby */
     get description(): string;
     set description(newDescription: string);
@@ -76,6 +76,8 @@ export declare class MatBadge extends _MatBadgeMixinBase implements OnDestroy, O
     private _setColor;
     /** Clears any existing badges that might be left over from server-side rendering. */
     private _clearExistingBadges;
+    /** Gets the string representation of the badge content. */
+    private _stringifyContent;
     static ngAcceptInputType_disabled: BooleanInput;
     static ngAcceptInputType_hidden: BooleanInput;
     static ngAcceptInputType_overlap: BooleanInput;

package/badge/index.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"MatBadgeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":17,"character":4}],"exports":[{"__symbolic":"reference","name":"MatBadge"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":19,"character":22}],"declarations":[{"__symbolic":"reference","name":"MatBadge"}]}]}],"members":{}},"MatBadgePosition":{"__symbolic":"interface"},"MatBadgeSize":{"__symbolic":"interface"},"MatBadge":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":62,"character":30,"module":"./badge"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":45,"character":1},"arguments":[{"selector":"[matBadge]","inputs":["disabled: matBadgeDisabled"],"host":{"class":"mat-badge","[class.mat-badge-overlap]":"overlap","[class.mat-badge-above]":"isAbove()","[class.mat-badge-below]":"!isAbove()","[class.mat-badge-before]":"!isAfter()","[class.mat-badge-after]":"isAfter()","[class.mat-badge-small]":"size === \"small\"","[class.mat-badge-medium]":"size === \"medium\"","[class.mat-badge-large]":"size === \"large\"","[class.mat-badge-hidden]":"hidden || !_hasContent","[class.mat-badge-disabled]":"disabled","$quoted$":["class","[class.mat-badge-overlap]","[class.mat-badge-above]","[class.mat-badge-below]","[class.mat-badge-before]","[class.mat-badge-after]","[class.mat-badge-small]","[class.mat-badge-medium]","[class.mat-badge-large]","[class.mat-badge-hidden]","[class.mat-badge-disabled]"]}}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3},"arguments":["matBadgeColor"]}]}],"overlap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3},"arguments":["matBadgeOverlap"]}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3},"arguments":["matBadgePosition"]}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3},"arguments":["matBadge"]}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3},"arguments":["matBadgeDescription"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":3},"arguments":["matBadgeSize"]}]}],"hidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":3},"arguments":["matBadgeHidden"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":130,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":130,"character":19},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"ANIMATION_MODULE_TYPE","line":130,"character":26}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":126,"character":23},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":127,"character":38,"context":{"typeName":"HTMLElement"},"module":"./badge"}]},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"AriaDescriber","line":128,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":129,"character":25},{"__symbolic":"reference","name":"string"}]}],"isAbove":[{"__symbolic":"method"}],"isAfter":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getBadgeElement":[{"__symbolic":"method"}],"_updateTextContent":[{"__symbolic":"method"}],"_createBadgeElement":[{"__symbolic":"method"}],"_updateHostAriaDescription":[{"__symbolic":"method"}],"_setColor":[{"__symbolic":"method"}],"_clearExistingBadges":[{"__symbolic":"method"}]}}},"origins":{"MatBadgeModule":"./badge-module","MatBadgePosition":"./badge","MatBadgeSize":"./badge","MatBadge":"./badge"},"importAs":"@angular/material/badge"}
+{"__symbolic":"module","version":4,"metadata":{"MatBadgeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":17,"character":4}],"exports":[{"__symbolic":"reference","name":"MatBadge"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":19,"character":22}],"declarations":[{"__symbolic":"reference","name":"MatBadge"}]}]}],"members":{}},"MatBadgePosition":{"__symbolic":"interface"},"MatBadgeSize":{"__symbolic":"interface"},"MatBadge":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":61,"character":30,"module":"./badge"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":44,"character":1},"arguments":[{"selector":"[matBadge]","inputs":["disabled: matBadgeDisabled"],"host":{"class":"mat-badge","[class.mat-badge-overlap]":"overlap","[class.mat-badge-above]":"isAbove()","[class.mat-badge-below]":"!isAbove()","[class.mat-badge-before]":"!isAfter()","[class.mat-badge-after]":"isAfter()","[class.mat-badge-small]":"size === \"small\"","[class.mat-badge-medium]":"size === \"medium\"","[class.mat-badge-large]":"size === \"large\"","[class.mat-badge-hidden]":"hidden || !_hasContent","[class.mat-badge-disabled]":"disabled","$quoted$":["class","[class.mat-badge-overlap]","[class.mat-badge-above]","[class.mat-badge-below]","[class.mat-badge-before]","[class.mat-badge-after]","[class.mat-badge-small]","[class.mat-badge-medium]","[class.mat-badge-large]","[class.mat-badge-hidden]","[class.mat-badge-disabled]"]}}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3},"arguments":["matBadgeColor"]}]}],"overlap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3},"arguments":["matBadgeOverlap"]}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3},"arguments":["matBadgePosition"]}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3},"arguments":["matBadge"]}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3},"arguments":["matBadgeDescription"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3},"arguments":["matBadgeSize"]}]}],"hidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":3},"arguments":["matBadgeHidden"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":129,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":129,"character":19},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"ANIMATION_MODULE_TYPE","line":129,"character":26}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":125,"character":23},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":126,"character":38,"context":{"typeName":"HTMLElement"},"module":"./badge"}]},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"AriaDescriber","line":127,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":128,"character":25},{"__symbolic":"reference","name":"string"}]}],"isAbove":[{"__symbolic":"method"}],"isAfter":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getBadgeElement":[{"__symbolic":"method"}],"_updateTextContent":[{"__symbolic":"method"}],"_createBadgeElement":[{"__symbolic":"method"}],"_updateHostAriaDescription":[{"__symbolic":"method"}],"_setColor":[{"__symbolic":"method"}],"_clearExistingBadges":[{"__symbolic":"method"}],"_stringifyContent":[{"__symbolic":"method"}]}}},"origins":{"MatBadgeModule":"./badge-module","MatBadgePosition":"./badge","MatBadgeSize":"./badge","MatBadge":"./badge"},"importAs":"@angular/material/badge"}

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":"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":{"ɵ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":61,"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":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>\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":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"}
+{"__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":33,"character":8},"arguments":["mat-bottom-sheet-default-options"]},"MatBottomSheet":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":38,"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":59,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":59,"character":19}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":60,"character":7}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":61,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":61,"character":19},"arguments":[{"__symbolic":"reference","name":"MAT_BOTTOM_SHEET_DEFAULT_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":57,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":58,"character":25},{"__symbolic":"reference","name":"MatBottomSheet"},{"__symbolic":"reference","module":"@angular/common","name":"Location","line":60,"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":{"ɵ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":61,"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":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>\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":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"}