@angular/material 2.0.0-beta.0 → 2.0.0-beta.12

package/typings/list/list-module.d.ts

@@ -0,0 +1,2 @@
+export declare class MatListModule {
+}

package/typings/list/list.d.ts

@@ -0,0 +1,77 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { AfterContentInit, ElementRef, QueryList, Renderer2 } from '@angular/core';
+import { CanDisableRipple, MatLine } from '@angular/material/core';
+/** @docs-private */
+export declare class MatListBase {
+}
+export declare const _MatListMixinBase: (new (...args: any[]) => CanDisableRipple) & typeof MatListBase;
+/** @docs-private */
+export declare class MatListItemBase {
+}
+export declare const _MatListItemMixinBase: (new (...args: any[]) => CanDisableRipple) & typeof MatListItemBase;
+/** Divider between items within a list. */
+export declare class MatListDivider {
+}
+/** A Material Design list component. */
+export declare class MatList extends _MatListMixinBase implements CanDisableRipple {
+}
+/**
+ * Directive whose purpose is to add the mat- CSS styling to this selector.
+ * @docs-private
+ */
+export declare class MatListCssMatStyler {
+}
+/**
+ * Directive whose purpose is to add the mat- CSS styling to this selector.
+ * @docs-private
+ */
+export declare class MatNavListCssMatStyler {
+}
+/**
+ * Directive whose purpose is to add the mat- CSS styling to this selector.
+ * @docs-private
+ */
+export declare class MatDividerCssMatStyler {
+}
+/**
+ * Directive whose purpose is to add the mat- CSS styling to this selector.
+ * @docs-private
+ */
+export declare class MatListAvatarCssMatStyler {
+}
+/**
+ * Directive whose purpose is to add the mat- CSS styling to this selector.
+ * @docs-private
+ */
+export declare class MatListIconCssMatStyler {
+}
+/**
+ * Directive whose purpose is to add the mat- CSS styling to this selector.
+ * @docs-private
+ */
+export declare class MatListSubheaderCssMatStyler {
+}
+/** An item within a Material Design list. */
+export declare class MatListItem extends _MatListItemMixinBase implements AfterContentInit, CanDisableRipple {
+    private _renderer;
+    private _element;
+    private _list;
+    private _lineSetter;
+    private _isNavList;
+    _lines: QueryList<MatLine>;
+    _hasAvatar: MatListAvatarCssMatStyler;
+    constructor(_renderer: Renderer2, _element: ElementRef, _list: MatList, navList: MatNavListCssMatStyler);
+    ngAfterContentInit(): void;
+    /** Whether this list item should show a ripple effect when clicked.  */
+    _isRippleDisabled(): boolean;
+    _handleFocus(): void;
+    _handleBlur(): void;
+    /** Retrieves the DOM element of the component host. */
+    _getHostElement(): HTMLElement;
+}

package/typings/list/public-api.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+export * from './list-module';
+export * from './list';
+export * from './selection-list';

package/typings/list/selection-list.d.ts

@@ -0,0 +1,103 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { FocusableOption, FocusKeyManager } from '@angular/cdk/a11y';
+import { SelectionModel } from '@angular/cdk/collections';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList, Renderer2 } from '@angular/core';
+import { CanDisable, CanDisableRipple, HasTabIndex, MatLine } from '@angular/material/core';
+/** @docs-private */
+export declare class MatSelectionListBase {
+}
+export declare const _MatSelectionListMixinBase: (new (...args: any[]) => HasTabIndex) & (new (...args: any[]) => CanDisableRipple) & (new (...args: any[]) => CanDisable) & typeof MatSelectionListBase;
+/** @docs-private */
+export declare class MatListOptionBase {
+}
+export declare const _MatListOptionMixinBase: (new (...args: any[]) => CanDisableRipple) & typeof MatListOptionBase;
+/** Event emitted by a selection-list whenever the state of an option is changed. */
+export interface MatSelectionListOptionEvent {
+    option: MatListOption;
+}
+/**
+ * Component for list-options of selection-list. Each list-option can automatically
+ * generate a checkbox and can put current item into the selectionModel of selection-list
+ * if the current item is checked.
+ */
+export declare class MatListOption extends _MatListOptionMixinBase implements AfterContentInit, OnInit, OnDestroy, FocusableOption, CanDisableRipple {
+    private _renderer;
+    private _element;
+    private _changeDetector;
+    selectionList: MatSelectionList;
+    private _lineSetter;
+    private _selected;
+    private _disabled;
+    /** Whether the option has focus. */
+    _hasFocus: boolean;
+    _lines: QueryList<MatLine>;
+    /** Whether the label should appear before or after the checkbox. Defaults to 'after' */
+    checkboxPosition: 'before' | 'after';
+    /** Value of the option */
+    value: any;
+    /** Whether the option is disabled. */
+    disabled: any;
+    /** Whether the option is selected. */
+    selected: boolean;
+    /** Emitted when the option is selected. */
+    selectChange: EventEmitter<MatSelectionListOptionEvent>;
+    /** Emitted when the option is deselected. */
+    deselected: EventEmitter<MatSelectionListOptionEvent>;
+    constructor(_renderer: Renderer2, _element: ElementRef, _changeDetector: ChangeDetectorRef, selectionList: MatSelectionList);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /** Toggles the selection state of the option. */
+    toggle(): void;
+    /** Allows for programmatic focusing of the option. */
+    focus(): void;
+    /** Whether this list item should show a ripple effect when clicked.  */
+    _isRippleDisabled(): any;
+    _handleClick(): void;
+    _handleFocus(): void;
+    /** Retrieves the DOM element of the component host. */
+    _getHostElement(): HTMLElement;
+}
+/**
+ * Material Design list component where each item is a selectable option. Behaves as a listbox.
+ */
+export declare class MatSelectionList extends _MatSelectionListMixinBase implements FocusableOption, CanDisable, CanDisableRipple, HasTabIndex, AfterContentInit {
+    private _element;
+    /** The FocusKeyManager which handles focus. */
+    _keyManager: FocusKeyManager<MatListOption>;
+    /** The option components contained within this selection-list. */
+    options: QueryList<MatListOption>;
+    /** The currently selected options. */
+    selectedOptions: SelectionModel<MatListOption>;
+    constructor(_element: ElementRef, tabIndex: string);
+    ngAfterContentInit(): void;
+    /** Focus the selection-list. */
+    focus(): void;
+    /** Selects all of the options. */
+    selectAll(): void;
+    /** Deselects all of the options. */
+    deselectAll(): void;
+    /** Sets the focused option of the selection-list. */
+    _setFocusedOption(option: MatListOption): void;
+    /** Removes an option from the selection list and updates the active item. */
+    _removeOptionFromList(option: MatListOption): void;
+    /** Passes relevant key presses to our key manager. */
+    _keydown(event: KeyboardEvent): void;
+    /** Toggles the selected state of the currently focused option. */
+    private _toggleSelectOnFocusedOption();
+    /**
+     * Utility to ensure all indexes are valid.
+     *
+     * @param index The index to be checked.
+     * @returns True if the index is valid for our list of options.
+     */
+    private _isValidIndex(index);
+    /** Returns the index of the specified list option. */
+    private _getOptionIndex(option);
+}

package/typings/menu/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+export { MatMenuItemBase as ɵa22, _MatMenuItemMixinBase as ɵb22 } from './menu-item';
+export { MAT_MENU_SCROLL_STRATEGY_PROVIDER as ɵd22, MAT_MENU_SCROLL_STRATEGY_PROVIDER_FACTORY as ɵc22 } from './menu-trigger';

package/typings/menu/index.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":3,"metadata":{"MatMenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule"},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatRippleModule"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule"}],"exports":[{"__symbolic":"reference","name":"MatMenu"},{"__symbolic":"reference","name":"MatMenuItem"},{"__symbolic":"reference","name":"MatMenuTrigger"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule"}],"declarations":[{"__symbolic":"reference","name":"MatMenu"},{"__symbolic":"reference","name":"MatMenuItem"},{"__symbolic":"reference","name":"MatMenuTrigger"}],"providers":[{"__symbolic":"reference","name":"ɵd22"},{"provide":{"__symbolic":"reference","name":"MAT_MENU_DEFAULT_OPTIONS"},"useValue":{"overlapTrigger":true,"xPosition":"after","yPosition":"below"}}]}]}],"members":{}},"ɵa22":{"__symbolic":"class","members":{}},"ɵb22":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"mixinDisabled"},"arguments":[{"__symbolic":"reference","name":"ɵa22"}]},"ɵc22":{"__symbolic":"function","parameters":["overlay"],"value":{"__symbolic":"error","message":"Function call not supported","line":53,"character":9,"module":"./menu-trigger"}},"ɵd22":{"provide":{"__symbolic":"reference","name":"MAT_MENU_SCROLL_STRATEGY"},"deps":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay"}],"useFactory":{"__symbolic":"reference","name":"ɵc22"}},"MatMenu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"mat-menu","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"preserveWhitespaces":false,"animations":[{"__symbolic":"reference","name":"transformMenu"},{"__symbolic":"reference","name":"fadeInItems"}],"exportAs":"matMenu","template":"<ng-template><div class=\"mat-menu-panel\" [ngClass]=\"_classList\" (keydown)=\"_handleKeydown($event)\" (click)=\"close.emit('click')\" [@transformMenu]=\"_panelAnimationState\" (@transformMenu.done)=\"_onAnimationDone($event)\" role=\"menu\"><div class=\"mat-menu-content\" [@fadeInItems]=\"'showing'\"><ng-content></ng-content></div></div></ng-template>","styles":[".mat-menu-panel{min-width:112px;max-width:280px;overflow:auto;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 48px);border-radius:2px}.mat-menu-panel:not([class*=mat-elevation-z]){box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.mat-menu-panel.mat-menu-after.mat-menu-below{transform-origin:left top}.mat-menu-panel.mat-menu-after.mat-menu-above{transform-origin:left bottom}.mat-menu-panel.mat-menu-before.mat-menu-below{transform-origin:right top}.mat-menu-panel.mat-menu-before.mat-menu-above{transform-origin:right bottom}[dir=rtl] .mat-menu-panel.mat-menu-after.mat-menu-below{transform-origin:right top}[dir=rtl] .mat-menu-panel.mat-menu-after.mat-menu-above{transform-origin:right bottom}[dir=rtl] .mat-menu-panel.mat-menu-before.mat-menu-below{transform-origin:left top}[dir=rtl] .mat-menu-panel.mat-menu-before.mat-menu-above{transform-origin:left bottom}.mat-menu-panel.ng-animating{pointer-events:none}@media screen and (-ms-high-contrast:active){.mat-menu-panel{outline:solid 1px}}.mat-menu-content{padding-top:8px;padding-bottom:8px}.mat-menu-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:48px;height:48px;padding:0 16px;text-align:left;text-decoration:none;position:relative}.mat-menu-item[disabled]{cursor:default}[dir=rtl] .mat-menu-item{text-align:right}.mat-menu-item .mat-icon{margin-right:16px}[dir=rtl] .mat-menu-item .mat-icon{margin-left:16px;margin-right:0}.mat-menu-item .mat-icon{vertical-align:middle}.mat-menu-item-submenu-trigger{padding-right:32px}.mat-menu-item-submenu-trigger::after{width:0;height:0;border-style:solid;border-width:5px 0 5px 5px;border-color:transparent transparent transparent currentColor;content:'';display:inline-block;position:absolute;top:50%;right:16px;transform:translateY(-50%)}[dir=rtl] .mat-menu-item-submenu-trigger{padding-right:8px;padding-left:32px}[dir=rtl] .mat-menu-item-submenu-trigger::after{right:auto;left:16px;transform:rotateY(180deg) translateY(-50%)}button.mat-menu-item{width:100%}.mat-menu-ripple{top:0;left:0;right:0;bottom:0;position:absolute}"]}]}],"members":{"xPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"yPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef"}]}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"MatMenuItem"}]}]}],"overlapTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"classList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["class"]}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"MAT_MENU_DEFAULT_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","name":"any"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"hover":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"focusFirstItem":[{"__symbolic":"method"}],"setPositionClasses":[{"__symbolic":"method"}],"setElevation":[{"__symbolic":"method"}],"_startAnimation":[{"__symbolic":"method"}],"_resetAnimation":[{"__symbolic":"method"}],"_onAnimationDone":[{"__symbolic":"method"}]}},"MatMenuDefaultOptions":{"__symbolic":"interface"},"MAT_MENU_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken"},"arguments":["mat-menu-default-options"]},"MatMenuItem":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb22"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"[mat-menu-item]","exportAs":"matMenuItem","inputs":["disabled"],"host":{"role":"menuitem","class":"mat-menu-item","[class.mat-menu-item-highlighted]":"_highlighted","[class.mat-menu-item-submenu-trigger]":"_triggersSubmenu","[attr.tabindex]":"_getTabIndex()","[attr.aria-disabled]":"disabled.toString()","[attr.disabled]":"disabled || null","(click)":"_checkDisabled($event)","(mouseenter)":"_emitHoverEvent()"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"preserveWhitespaces":false,"template":"<ng-content></ng-content><div class=\"mat-menu-ripple\" *ngIf=\"!disabled\" mat-ripple [matRippleTrigger]=\"_getHostElement()\"></div>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"focus":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_getTabIndex":[{"__symbolic":"method"}],"_getHostElement":[{"__symbolic":"method"}],"_checkDisabled":[{"__symbolic":"method"}],"_emitHoverEvent":[{"__symbolic":"method"}],"getLabel":[{"__symbolic":"method"}]}},"MatMenuTrigger":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[mat-menu-trigger-for], [matMenuTriggerFor]","host":{"aria-haspopup":"true","(mousedown)":"_handleMousedown($event)","(keydown)":"_handleKeydown($event)","(click)":"_handleClick($event)"},"exportAs":"matMenuTrigger"}]}],"members":{"_deprecatedMatMenuTriggerFor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mat-menu-trigger-for"]}]}],"menu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["matMenuTriggerFor"]}]}],"onMenuOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onMenuClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"MAT_MENU_SCROLL_STRATEGY"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"},null,{"__symbolic":"reference","name":"MatMenu"},{"__symbolic":"reference","name":"MatMenuItem"},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"triggersSubmenu":[{"__symbolic":"method"}],"toggleMenu":[{"__symbolic":"method"}],"openMenu":[{"__symbolic":"method"}],"closeMenu":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_destroyMenu":[{"__symbolic":"method"}],"_initMenu":[{"__symbolic":"method"}],"_setMenuElevation":[{"__symbolic":"method"}],"_resetMenu":[{"__symbolic":"method"}],"_setIsMenuOpen":[{"__symbolic":"method"}],"_checkMenu":[{"__symbolic":"method"}],"_createOverlay":[{"__symbolic":"method"}],"_getOverlayConfig":[{"__symbolic":"method"}],"_subscribeToPositions":[{"__symbolic":"method"}],"_getPosition":[{"__symbolic":"method"}],"_cleanUpSubscriptions":[{"__symbolic":"method"}],"_menuClosingActions":[{"__symbolic":"method"}],"_handleMousedown":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"_handleClick":[{"__symbolic":"method"}]}},"MatMenuPanel":{"__symbolic":"interface"},"MenuPositionX":{"__symbolic":"interface"},"MenuPositionY":{"__symbolic":"interface"},"MAT_MENU_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken"},"arguments":["mat-menu-scroll-strategy"]},"fadeInItems":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["fadeInItems",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["showing",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["400ms 100ms cubic-bezier(0.55, 0, 0.55, 0.2)"]}]]}]]},"transformMenu":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["transformMenu",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":0,"transform":"scale(0.01, 0.01)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["enter-start",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":1,"transform":"scale(1, 0.5)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"scale(1, 1)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void => enter-start",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["100ms linear"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["enter-start => enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["300ms cubic-bezier(0.25, 0.8, 0.25, 1)"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["* => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["150ms 50ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":0}]}]}]}]]}},"origins":{"MatMenuModule":"./menu-module","ɵa22":"./menu-item","ɵb22":"./menu-item","ɵc22":"./menu-trigger","ɵd22":"./menu-trigger","MatMenu":"./menu-directive","MatMenuDefaultOptions":"./menu-directive","MAT_MENU_DEFAULT_OPTIONS":"./menu-directive","MatMenuItem":"./menu-item","MatMenuTrigger":"./menu-trigger","MatMenuPanel":"./menu-panel","MenuPositionX":"./menu-positions","MenuPositionY":"./menu-positions","MAT_MENU_SCROLL_STRATEGY":"./menu-trigger","fadeInItems":"./menu-animations","transformMenu":"./menu-animations"},"importAs":"@angular/material/menu"}

package/typings/menu/menu-animations.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { AnimationTriggerMetadata } from '@angular/animations';
+/**
+ * Below are all the animations for the mat-menu component.
+ * Animation duration and timing values are based on:
+ * https://material.io/guidelines/components/menus.html#menus-usage
+ */
+/**
+ * This animation controls the menu panel's entry and exit from the page.
+ *
+ * When the menu panel is added to the DOM, it scales in and fades in its border.
+ *
+ * When the menu panel is removed from the DOM, it simply fades out after a brief
+ * delay to display the ripple.
+ */
+export declare const transformMenu: AnimationTriggerMetadata;
+/**
+ * This animation fades in the background color and content of the menu panel
+ * after its containing element is scaled in.
+ */
+export declare const fadeInItems: AnimationTriggerMetadata;

package/typings/menu/menu-directive.d.ts

@@ -0,0 +1,89 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { AnimationEvent } from '@angular/animations';
+import { Direction } from '@angular/cdk/bidi';
+import { AfterContentInit, ElementRef, EventEmitter, InjectionToken, OnDestroy, QueryList, TemplateRef, NgZone } from '@angular/core';
+import { Observable } from 'rxjs/Observable';
+import { MatMenuItem } from './menu-item';
+import { MatMenuPanel } from './menu-panel';
+import { MenuPositionX, MenuPositionY } from './menu-positions';
+/** Default `mat-menu` options that can be overridden. */
+export interface MatMenuDefaultOptions {
+    xPosition: MenuPositionX;
+    yPosition: MenuPositionY;
+    overlapTrigger: boolean;
+}
+/** Injection token to be used to override the default options for `mat-menu`. */
+export declare const MAT_MENU_DEFAULT_OPTIONS: InjectionToken<MatMenuDefaultOptions>;
+export declare class MatMenu implements AfterContentInit, MatMenuPanel, OnDestroy {
+    private _elementRef;
+    private _ngZone;
+    private _defaultOptions;
+    private _keyManager;
+    private _xPosition;
+    private _yPosition;
+    private _previousElevation;
+    /** Subscription to tab events on the menu panel */
+    private _tabSubscription;
+    /** Config object to be passed into the menu's ngClass */
+    _classList: {
+        [key: string]: boolean;
+    };
+    /** Current state of the panel animation. */
+    _panelAnimationState: 'void' | 'enter-start' | 'enter';
+    /** Parent menu of the current menu panel. */
+    parentMenu: MatMenuPanel | undefined;
+    /** Layout direction of the menu. */
+    direction: Direction;
+    /** Position of the menu in the X axis. */
+    xPosition: MenuPositionX;
+    /** Position of the menu in the Y axis. */
+    yPosition: MenuPositionY;
+    templateRef: TemplateRef<any>;
+    /** List of the items inside of a menu. */
+    items: QueryList<MatMenuItem>;
+    /** Whether the menu should overlap its trigger. */
+    overlapTrigger: boolean;
+    /**
+     * This method takes classes set on the host mat-menu element and applies them on the
+     * menu template that displays in the overlay container.  Otherwise, it's difficult
+     * to style the containing menu from outside the component.
+     * @param classes list of class names
+     */
+    classList: string;
+    /** Event emitted when the menu is closed. */
+    close: EventEmitter<void | "click" | "keydown">;
+    constructor(_elementRef: ElementRef, _ngZone: NgZone, _defaultOptions: MatMenuDefaultOptions);
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /** Stream that emits whenever the hovered menu item changes. */
+    hover(): Observable<MatMenuItem>;
+    /** Handle a keyboard event from the menu, delegating to the appropriate action. */
+    _handleKeydown(event: KeyboardEvent): void;
+    /**
+     * Focus the first item in the menu. This method is used by the menu trigger
+     * to focus the first item when the menu is opened by the ENTER key.
+     */
+    focusFirstItem(): void;
+    /**
+     * It's necessary to set position-based classes to ensure the menu panel animation
+     * folds out from the correct direction.
+     */
+    setPositionClasses(posX?: MenuPositionX, posY?: MenuPositionY): void;
+    /**
+     * Sets the menu panel elevation.
+     * @param depth Number of parent menus that come before the menu.
+     */
+    setElevation(depth: number): void;
+    /** Starts the enter animation. */
+    _startAnimation(): void;
+    /** Resets the panel animation to its initial state. */
+    _resetAnimation(): void;
+    /** Callback that is invoked when the panel animation completes. */
+    _onAnimationDone(event: AnimationEvent): void;
+}

package/typings/menu/menu-errors.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+/**
+ * Throws an exception for the case when menu trigger doesn't have a valid mat-menu instance
+ * @docs-private
+ */
+export declare function throwMatMenuMissingError(): void;
+/**
+ * Throws an exception for the case when menu's x-position value isn't valid.
+ * In other words, it doesn't match 'before' or 'after'.
+ * @docs-private
+ */
+export declare function throwMatMenuInvalidPositionX(): void;
+/**
+ * Throws an exception for the case when menu's y-position value isn't valid.
+ * In other words, it doesn't match 'above' or 'below'.
+ * @docs-private
+ */
+export declare function throwMatMenuInvalidPositionY(): void;

package/typings/menu/menu-item.d.ts

@@ -0,0 +1,42 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { FocusableOption } from '@angular/cdk/a11y';
+import { ElementRef, OnDestroy } from '@angular/core';
+import { CanDisable } from '@angular/material/core';
+import { Subject } from 'rxjs/Subject';
+/** @docs-private */
+export declare class MatMenuItemBase {
+}
+export declare const _MatMenuItemMixinBase: (new (...args: any[]) => CanDisable) & typeof MatMenuItemBase;
+/**
+ * This directive is intended to be used inside an mat-menu tag.
+ * It exists mostly to set the role attribute.
+ */
+export declare class MatMenuItem extends _MatMenuItemMixinBase implements FocusableOption, CanDisable, OnDestroy {
+    private _elementRef;
+    /** Stream that emits when the menu item is hovered. */
+    hover: Subject<MatMenuItem>;
+    /** Whether the menu item is highlighted. */
+    _highlighted: boolean;
+    /** Whether the menu item acts as a trigger for a sub-menu. */
+    _triggersSubmenu: boolean;
+    constructor(_elementRef: ElementRef);
+    /** Focuses the menu item. */
+    focus(): void;
+    ngOnDestroy(): void;
+    /** Used to set the `tabindex`. */
+    _getTabIndex(): string;
+    /** Returns the host DOM element. */
+    _getHostElement(): HTMLElement;
+    /** Prevents the default element actions if it is disabled. */
+    _checkDisabled(event: Event): void;
+    /** Emits to the hover stream. */
+    _emitHoverEvent(): void;
+    /** Gets the label to be used when determining whether the option should be focused. */
+    getLabel(): string;
+}

package/typings/menu/menu-module.d.ts

@@ -0,0 +1,2 @@
+export declare class MatMenuModule {
+}

package/typings/menu/menu-panel.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { EventEmitter, TemplateRef } from '@angular/core';
+import { MenuPositionX, MenuPositionY } from './menu-positions';
+import { Direction } from '@angular/cdk/bidi';
+export interface MatMenuPanel {
+    xPosition: MenuPositionX;
+    yPosition: MenuPositionY;
+    overlapTrigger: boolean;
+    templateRef: TemplateRef<any>;
+    close: EventEmitter<void | 'click' | 'keydown'>;
+    parentMenu?: MatMenuPanel | undefined;
+    direction?: Direction;
+    focusFirstItem: () => void;
+    setPositionClasses: (x: MenuPositionX, y: MenuPositionY) => void;
+    setElevation?(depth: number): void;
+}

package/typings/menu/menu-positions.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+export declare type MenuPositionX = 'before' | 'after';
+export declare type MenuPositionY = 'above' | 'below';

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

@@ -0,0 +1,115 @@
+import { Direction, Directionality } from '@angular/cdk/bidi';
+import { Overlay, RepositionScrollStrategy, ScrollStrategy } from '@angular/cdk/overlay';
+import { AfterContentInit, ElementRef, EventEmitter, InjectionToken, OnDestroy, ViewContainerRef } from '@angular/core';
+import { MatMenu } from './menu-directive';
+import { MatMenuItem } from './menu-item';
+import { MatMenuPanel } from './menu-panel';
+/** Injection token that determines the scroll handling while the menu is open. */
+export declare const MAT_MENU_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
+/** @docs-private */
+export declare function MAT_MENU_SCROLL_STRATEGY_PROVIDER_FACTORY(overlay: Overlay): () => RepositionScrollStrategy;
+/** @docs-private */
+export declare const MAT_MENU_SCROLL_STRATEGY_PROVIDER: {
+    provide: InjectionToken<() => ScrollStrategy>;
+    deps: typeof Overlay[];
+    useFactory: (overlay: Overlay) => () => RepositionScrollStrategy;
+};
+/** Default top padding of the menu panel. */
+export declare const MENU_PANEL_TOP_PADDING = 8;
+/**
+ * This directive is intended to be used in conjunction with an mat-menu tag.  It is
+ * responsible for toggling the display of the provided menu instance.
+ */
+export declare class MatMenuTrigger implements AfterContentInit, OnDestroy {
+    private _overlay;
+    private _element;
+    private _viewContainerRef;
+    private _scrollStrategy;
+    private _parentMenu;
+    private _menuItemInstance;
+    private _dir;
+    private _portal;
+    private _overlayRef;
+    private _menuOpen;
+    private _closeSubscription;
+    private _positionSubscription;
+    private _hoverSubscription;
+    private _openedByMouse;
+    /** @deprecated */
+    _deprecatedMatMenuTriggerFor: MatMenuPanel;
+    /** References the menu instance that the trigger is associated with. */
+    menu: MatMenuPanel;
+    /** Event emitted when the associated menu is opened. */
+    onMenuOpen: EventEmitter<void>;
+    /** Event emitted when the associated menu is closed. */
+    onMenuClose: EventEmitter<void>;
+    constructor(_overlay: Overlay, _element: ElementRef, _viewContainerRef: ViewContainerRef, _scrollStrategy: any, _parentMenu: MatMenu, _menuItemInstance: MatMenuItem, _dir: Directionality);
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /** Whether the menu is open. */
+    readonly menuOpen: boolean;
+    /** The text direction of the containing app. */
+    readonly dir: Direction;
+    /** Whether the menu triggers a sub-menu or a top-level one. */
+    triggersSubmenu(): boolean;
+    /** Toggles the menu between the open and closed states. */
+    toggleMenu(): void;
+    /** Opens the menu. */
+    openMenu(): void;
+    /** Closes the menu. */
+    closeMenu(): void;
+    /** Focuses the menu trigger. */
+    focus(): void;
+    /** Closes the menu and does the necessary cleanup. */
+    private _destroyMenu();
+    /**
+     * This method sets the menu state to open and focuses the first item if
+     * the menu was opened via the keyboard.
+     */
+    private _initMenu();
+    /** Updates the menu elevation based on the amount of parent menus that it has. */
+    private _setMenuElevation();
+    /**
+     * This method resets the menu when it's closed, most importantly restoring
+     * focus to the menu trigger if the menu was opened via the keyboard.
+     */
+    private _resetMenu();
+    private _setIsMenuOpen(isOpen);
+    /**
+     * This method checks that a valid instance of MatMenu has been passed into
+     * matMenuTriggerFor. If not, an exception is thrown.
+     */
+    private _checkMenu();
+    /**
+     * This method creates the overlay from the provided menu's template and saves its
+     * OverlayRef so that it can be attached to the DOM when openMenu is called.
+     */
+    private _createOverlay();
+    /**
+     * This method builds the configuration object needed to create the overlay, the OverlayState.
+     * @returns OverlayConfig
+     */
+    private _getOverlayConfig();
+    /**
+     * Listens to changes in the position of the overlay and sets the correct classes
+     * on the menu based on the new position. This ensures the animation origin is always
+     * correct, even if a fallback position is used for the overlay.
+     */
+    private _subscribeToPositions(position);
+    /**
+     * This method builds the position strategy for the overlay, so the menu is properly connected
+     * to the trigger.
+     * @returns ConnectedPositionStrategy
+     */
+    private _getPosition();
+    /** Cleans up the active subscriptions. */
+    private _cleanUpSubscriptions();
+    /** Returns a stream that emits whenever an action that should close the menu occurs. */
+    private _menuClosingActions();
+    /** Handles mouse presses on the trigger. */
+    _handleMousedown(event: MouseEvent): void;
+    /** Handles key presses on the trigger. */
+    _handleKeydown(event: KeyboardEvent): void;
+    /** Handles click events on the trigger. */
+    _handleClick(event: MouseEvent): void;
+}

package/typings/menu/menu.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+export { MatMenu, MatMenuDefaultOptions, MAT_MENU_DEFAULT_OPTIONS } from './menu-directive';
+export { MatMenuItem } from './menu-item';
+export { MatMenuTrigger } from './menu-trigger';
+export { MatMenuPanel } from './menu-panel';
+export { MenuPositionX, MenuPositionY } from './menu-positions';

package/typings/menu/public-api.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+export * from './menu-module';
+export * from './menu';
+export { MAT_MENU_SCROLL_STRATEGY } from './menu-trigger';
+export { fadeInItems, transformMenu } from './menu-animations';

package/typings/paginator/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';