@angular/material 2.0.0-alpha.9-3 → 2.0.0-beta.11

package/menu/typings/index.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":3,"exports":[{"export":[{"name":"MenuPositionX","as":"MenuPositionX"},{"name":"MenuPositionY","as":"MenuPositionY"}],"from":"./menu-positions"}],"metadata":{"MdMenuModule":{"__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":"MdRippleModule"},{"__symbolic":"reference","module":"@angular/material/core","name":"MdCommonModule"}],"exports":[{"__symbolic":"reference","name":"MatMenu"},{"__symbolic":"reference","name":"MatMenuItem"},{"__symbolic":"reference","name":"MatMenuTrigger"},{"__symbolic":"reference","module":"@angular/material/core","name":"MdCommonModule"}],"declarations":[{"__symbolic":"reference","name":"MatMenu"},{"__symbolic":"reference","name":"MatMenuItem"},{"__symbolic":"reference","name":"MatMenuTrigger"}],"providers":[{"__symbolic":"reference","name":"ɵd17"},{"provide":{"__symbolic":"reference","name":"MAT_MENU_DEFAULT_OPTIONS"},"useValue":{"overlapTrigger":true,"xPosition":"after","yPosition":"below"}}]}]}],"members":{}},"ɵa17":{"__symbolic":"class","members":{}},"ɵb17":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"mixinDisabled"},"arguments":[{"__symbolic":"reference","name":"ɵa17"}]},"ɵc17":{"__symbolic":"function","parameters":["overlay"],"value":{"__symbolic":"error","message":"Function call not supported","line":54,"character":9,"module":"./menu-trigger"}},"ɵd17":{"provide":{"__symbolic":"reference","name":"MD_MENU_SCROLL_STRATEGY"},"deps":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay"}],"useFactory":{"__symbolic":"reference","name":"ɵc17"}},"MdMenu":{"__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":"md-menu, 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":"mdMenu, 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,[{"__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","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"}]}},"MdMenuDefaultOptions":{"__symbolic":"interface"},"MD_MENU_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken"},"arguments":["md-menu-default-options"]},"MdMenuItem":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb17"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"[md-menu-item], [mat-menu-item]","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,"exportAs":"mdMenuItem, matMenuItem","viewProviders":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MATERIAL_COMPATIBILITY_MODE"},"useValue":true}],"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"}]}},"MdMenuTrigger":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[md-menu-trigger-for], [mat-menu-trigger-for],\n             [mdMenuTriggerFor], [matMenuTriggerFor]","host":{"aria-haspopup":"true","(mousedown)":"_handleMousedown($event)","(keydown)":"_handleKeydown($event)","(click)":"_handleClick($event)"},"exportAs":"mdMenuTrigger, matMenuTrigger"}]}],"members":{"_deprecatedMdMenuTriggerFor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-menu-trigger-for"]}]}],"_deprecatedMatMenuTriggerFor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mat-menu-trigger-for"]}]}],"_matMenuTriggerFor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["matMenuTriggerFor"]}]}],"menu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdMenuTriggerFor"]}]}],"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":"MD_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"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"triggersSubmenu":[{"__symbolic":"method"}],"toggleMenu":[{"__symbolic":"method"}],"openMenu":[{"__symbolic":"method"}],"closeMenu":[{"__symbolic":"method"}],"focus":[{"__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"}]}},"MdMenuPanel":{"__symbolic":"interface"},"MD_MENU_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken"},"arguments":["md-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}]}]}]}]]},"MAT_MENU_DEFAULT_OPTIONS":{"__symbolic":"reference","name":"MD_MENU_DEFAULT_OPTIONS"},"MatMenu":{"__symbolic":"reference","name":"MdMenu"},"MatMenuDefaultOptions":{"__symbolic":"reference","name":"MdMenuDefaultOptions"},"MatMenuItem":{"__symbolic":"reference","name":"MdMenuItem"},"MatMenuModule":{"__symbolic":"reference","name":"MdMenuModule"},"MatMenuPanel":{"__symbolic":"reference","name":"MdMenuPanel"},"MatMenuTrigger":{"__symbolic":"reference","name":"MdMenuTrigger"}},"origins":{"MdMenuModule":"./menu-module","ɵa17":"./menu-item","ɵb17":"./menu-item","ɵc17":"./menu-trigger","ɵd17":"./menu-trigger","MdMenu":"./menu-directive","MdMenuDefaultOptions":"./menu-directive","MD_MENU_DEFAULT_OPTIONS":"./menu-directive","MdMenuItem":"./menu-item","MdMenuTrigger":"./menu-trigger","MdMenuPanel":"./menu-panel","MD_MENU_SCROLL_STRATEGY":"./menu-trigger","fadeInItems":"./menu-animations","transformMenu":"./menu-animations","MAT_MENU_DEFAULT_OPTIONS":"./menu-directive","MatMenu":"./menu-directive","MatMenuDefaultOptions":"./menu-directive","MatMenuItem":"./menu-item","MatMenuModule":"./menu-module","MatMenuPanel":"./menu-panel","MatMenuTrigger":"./menu-trigger"},"importAs":"@angular/material/menu"}

package/menu/typings/mat-exports.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @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 { MD_MENU_DEFAULT_OPTIONS, MdMenu, MdMenuDefaultOptions, MdMenuItem, MdMenuPanel, MdMenuTrigger } from './menu';
+import { MdMenuModule } from './menu-module';
+export { MD_MENU_DEFAULT_OPTIONS as MAT_MENU_DEFAULT_OPTIONS };
+export { MdMenu as MatMenu };
+export { MdMenuDefaultOptions as MatMenuDefaultOptions };
+export { MdMenuItem as MatMenuItem };
+export { MdMenuModule as MatMenuModule };
+export { MdMenuPanel as MatMenuPanel };
+export { MdMenuTrigger as MatMenuTrigger };

package/menu/typings/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 md-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/menu/typings/menu-directive.d.ts

@@ -0,0 +1,86 @@
+/**
+ * @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, EventEmitter, OnDestroy, QueryList, TemplateRef, ElementRef, InjectionToken } from '@angular/core';
+import { AnimationEvent } from '@angular/animations';
+import { MenuPositionX, MenuPositionY } from './menu-positions';
+import { MdMenuItem } from './menu-item';
+import { MdMenuPanel } from './menu-panel';
+import { Observable } from 'rxjs/Observable';
+import { Direction } from '@angular/cdk/bidi';
+/** Default `md-menu` options that can be overridden. */
+export interface MdMenuDefaultOptions {
+    xPosition: MenuPositionX;
+    yPosition: MenuPositionY;
+    overlapTrigger: boolean;
+}
+/** Injection token to be used to override the default options for `md-menu`. */
+export declare const MD_MENU_DEFAULT_OPTIONS: InjectionToken<MdMenuDefaultOptions>;
+export declare class MdMenu implements AfterContentInit, MdMenuPanel, OnDestroy {
+    private _elementRef;
+    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: any;
+    /** Current state of the panel animation. */
+    _panelAnimationState: 'void' | 'enter-start' | 'enter';
+    /** Parent menu of the current menu panel. */
+    parentMenu: MdMenuPanel | 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<MdMenuItem>;
+    /** Whether the menu should overlap its trigger. */
+    overlapTrigger: boolean;
+    /**
+     * This method takes classes set on the host md-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, _defaultOptions: MdMenuDefaultOptions);
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /** Stream that emits whenever the hovered menu item changes. */
+    hover(): Observable<MdMenuItem>;
+    /** 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/menu/typings/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 md-menu instance
+ * @docs-private
+ */
+export declare function throwMdMenuMissingError(): 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 throwMdMenuInvalidPositionX(): 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 throwMdMenuInvalidPositionY(): void;

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

@@ -0,0 +1,40 @@
+/**
+ * @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 MdMenuItemBase {
+}
+export declare const _MdMenuItemMixinBase: (new (...args: any[]) => CanDisable) & typeof MdMenuItemBase;
+/**
+ * This directive is intended to be used inside an md-menu tag.
+ * It exists mostly to set the role attribute.
+ */
+export declare class MdMenuItem extends _MdMenuItemMixinBase implements FocusableOption, CanDisable, OnDestroy {
+    private _elementRef;
+    /** Stream that emits when the menu item is hovered. */
+    hover: Subject<MdMenuItem>;
+    /** 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;
+}

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

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

package/menu/typings/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 MdMenuPanel {
+    xPosition: MenuPositionX;
+    yPosition: MenuPositionY;
+    overlapTrigger: boolean;
+    templateRef: TemplateRef<any>;
+    close: EventEmitter<void | 'click' | 'keydown'>;
+    parentMenu?: MdMenuPanel | undefined;
+    direction?: Direction;
+    focusFirstItem: () => void;
+    setPositionClasses: (x: MenuPositionX, y: MenuPositionY) => void;
+    setElevation?(depth: number): void;
+}

package/menu/typings/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/menu/typings/menu-trigger.d.ts

@@ -0,0 +1,116 @@
+import { Direction, Directionality } from '@angular/cdk/bidi';
+import { Overlay, RepositionScrollStrategy, ScrollStrategy } from '@angular/cdk/overlay';
+import { AfterViewInit, ElementRef, EventEmitter, InjectionToken, OnDestroy, ViewContainerRef } from '@angular/core';
+import { MdMenu } from './menu-directive';
+import { MdMenuItem } from './menu-item';
+import { MdMenuPanel } from './menu-panel';
+/** Injection token that determines the scroll handling while the menu is open. */
+export declare const MD_MENU_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
+/** @docs-private */
+export declare function MD_MENU_SCROLL_STRATEGY_PROVIDER_FACTORY(overlay: Overlay): () => RepositionScrollStrategy;
+/** @docs-private */
+export declare const MD_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 md-menu tag.  It is
+ * responsible for toggling the display of the provided menu instance.
+ */
+export declare class MdMenuTrigger implements AfterViewInit, 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 */
+    _deprecatedMdMenuTriggerFor: MdMenuPanel;
+    /** @deprecated */
+    _deprecatedMatMenuTriggerFor: MdMenuPanel;
+    _matMenuTriggerFor: MdMenuPanel;
+    /** References the menu instance that the trigger is associated with. */
+    menu: MdMenuPanel;
+    /** 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: MdMenu, _menuItemInstance: MdMenuItem, _dir: Directionality);
+    ngAfterViewInit(): 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;
+    /**
+     * 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 MdMenu has been passed into
+     * mdMenuTriggerFor. 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/menu/typings/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 { MdMenu, MdMenuDefaultOptions, MD_MENU_DEFAULT_OPTIONS } from './menu-directive';
+export { MdMenuItem } from './menu-item';
+export { MdMenuTrigger } from './menu-trigger';
+export { MdMenuPanel } from './menu-panel';
+export { MenuPositionX, MenuPositionY } from './menu-positions';

package/menu/typings/public_api.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 * from './menu-module';
+export * from './menu';
+export { MD_MENU_SCROLL_STRATEGY } from './menu-trigger';
+export { fadeInItems, transformMenu } from './menu-animations';
+export * from './mat-exports';

package/menu.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @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/index';

package/menu.metadata.json

@@ -0,0 +1,11 @@
+{
+  "__symbolic": "module",
+  "version": 3,
+  "metadata": {},
+  "exports": [
+    {
+      "from": "./menu/index"
+    }
+  ],
+  "flatModuleIndexRedirect": true
+}

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@angular/material",
-  "version": "2.0.0-alpha.9-3",
-  "description": "Angular 2 Material",
-  "main": "./material.umd.js",
-  "module": "./index.js",
-  "typings": "./index.d.ts",
+  "version": "2.0.0-beta.11",
+  "description": "Angular Material",
+  "main": "./bundles/material.umd.js",
+  "module": "./esm5/material.es5.js",
+  "es2015": "./esm2015/material.js",
+  "typings": "./material.d.ts",
   "repository": {
     "type": "git",
     "url": "https://github.com/angular/material2.git"
@@ -21,10 +22,11 @@
   },
   "homepage": "https://github.com/angular/material2#readme",
   "peerDependencies": {
-    "@angular/core": "^2.0.0",
-    "@angular/common": "^2.0.0"
+    "@angular/cdk": "2.0.0-beta.11",
+    "@angular/core": "^4.4.3",
+    "@angular/common": "^4.4.3"
   },
   "dependencies": {
-    "@types/hammerjs": "^2.0.30"
+    "tslib": "^1.7.1"
   }
 }

package/paginator/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @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 './typings/index';

package/paginator/index.metadata.json

@@ -0,0 +1,11 @@
+{
+  "__symbolic": "module",
+  "version": 3,
+  "metadata": {},
+  "exports": [
+    {
+      "from": "./typings/index"
+    }
+  ],
+  "flatModuleIndexRedirect": true
+}

package/paginator/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@angular/material/paginator",
+  "typings": "../paginator.d.ts",
+  "main": "../bundles/material-paginator.umd.js",
+  "module": "../esm5/paginator.es5.js",
+  "es2015": "../esm2015/paginator.js"
+}

package/paginator/typings/index.d.ts

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

package/paginator/typings/index.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":3,"metadata":{"MdPaginatorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/material/button","name":"MdButtonModule"},{"__symbolic":"reference","module":"@angular/material/select","name":"MdSelectModule"},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MdTooltipModule"}],"exports":[{"__symbolic":"reference","name":"MatPaginator"}],"declarations":[{"__symbolic":"reference","name":"MatPaginator"}],"providers":[{"__symbolic":"reference","name":"MatPaginatorIntl"}]}]}],"members":{}},"PageEvent":{"__symbolic":"class","members":{}},"MdPaginator":{"__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":"md-paginator, mat-paginator","host":{"class":"mat-paginator"},"viewProviders":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MATERIAL_COMPATIBILITY_MODE"},"useValue":true}],"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":"<div class=\"mat-paginator-page-size\"><div class=\"mat-paginator-page-size-label\">{{_intl.itemsPerPageLabel}}</div><mat-select *ngIf=\"_displayedPageSizeOptions.length > 1\" class=\"mat-paginator-page-size-select\" [value]=\"pageSize\" [aria-label]=\"_intl.itemsPerPageLabel\" (change)=\"_changePageSize($event.value)\"><mat-option *ngFor=\"let pageSizeOption of _displayedPageSizeOptions\" [value]=\"pageSizeOption\">{{pageSizeOption}}</mat-option></mat-select><div *ngIf=\"_displayedPageSizeOptions.length <= 1\">{{pageSize}}</div></div><div class=\"mat-paginator-range-label\">{{_intl.getRangeLabel(pageIndex, pageSize, length)}}</div><button mat-icon-button type=\"button\" class=\"mat-paginator-navigation-previous\" (click)=\"previousPage()\" [attr.aria-label]=\"_intl.previousPageLabel\" [matTooltip]=\"_intl.previousPageLabel\" [matTooltipPosition]=\"'above'\" [disabled]=\"!hasPreviousPage()\"><div class=\"mat-paginator-increment\"></div></button> <button mat-icon-button type=\"button\" class=\"mat-paginator-navigation-next\" (click)=\"nextPage()\" [attr.aria-label]=\"_intl.nextPageLabel\" [matTooltip]=\"_intl.nextPageLabel\" [matTooltipPosition]=\"'above'\" [disabled]=\"!hasNextPage()\"><div class=\"mat-paginator-decrement\"></div></button>","styles":[".mat-paginator{display:flex;align-items:center;justify-content:flex-end;min-height:56px;padding:0 8px}.mat-paginator-page-size{display:flex;align-items:center}.mat-paginator-page-size-label{margin:0 4px}.mat-paginator-page-size-select{padding-top:0;margin:0 4px}.mat-paginator-page-size-select .mat-select-trigger{min-width:56px}.mat-paginator-range-label{margin:0 32px}.mat-paginator-increment-button+.mat-paginator-increment-button{margin:0 0 0 8px}[dir=rtl] .mat-paginator-increment-button+.mat-paginator-increment-button{margin:0 8px 0 0}.mat-paginator-decrement,.mat-paginator-increment{width:8px;height:8px}.mat-paginator-decrement,[dir=rtl] .mat-paginator-increment{transform:rotate(45deg)}.mat-paginator-increment,[dir=rtl] .mat-paginator-decrement{transform:rotate(225deg)}.mat-paginator-decrement{margin-left:12px}[dir=rtl] .mat-paginator-decrement{margin-right:12px}.mat-paginator-increment{margin-left:16px}[dir=rtl] .mat-paginator-increment{margin-right:16px}"]}]}],"members":{"pageIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"length":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"pageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"pageSizeOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"page":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatPaginatorIntl"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"nextPage":[{"__symbolic":"method"}],"previousPage":[{"__symbolic":"method"}],"hasPreviousPage":[{"__symbolic":"method"}],"hasNextPage":[{"__symbolic":"method"}],"_changePageSize":[{"__symbolic":"method"}],"_updateDisplayedPageSizeOptions":[{"__symbolic":"method"}],"_emitPageEvent":[{"__symbolic":"method"}]}},"MdPaginatorIntl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{}},"MatPaginator":{"__symbolic":"reference","name":"MdPaginator"},"MatPaginatorIntl":{"__symbolic":"reference","name":"MdPaginatorIntl"},"MatPaginatorModule":{"__symbolic":"reference","name":"MdPaginatorModule"}},"origins":{"MdPaginatorModule":"./paginator-module","PageEvent":"./paginator","MdPaginator":"./paginator","MdPaginatorIntl":"./paginator-intl","MatPaginator":"./paginator","MatPaginatorIntl":"./paginator-intl","MatPaginatorModule":"./paginator-module"},"importAs":"@angular/material/paginator"}

package/paginator/typings/mat-exports.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @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 { MdPaginator } from './paginator';
+import { MdPaginatorIntl } from './paginator-intl';
+import { MdPaginatorModule } from './paginator-module';
+export { MdPaginator as MatPaginator };
+export { MdPaginatorIntl as MatPaginatorIntl };
+export { MdPaginatorModule as MatPaginatorModule };

package/paginator/typings/paginator-intl.d.ts

@@ -0,0 +1,20 @@
+import { Subject } from 'rxjs/Subject';
+/**
+ * To modify the labels and text displayed, create a new instance of MdPaginatorIntl and
+ * include it in a custom provider
+ */
+export declare class MdPaginatorIntl {
+    /**
+     * Stream that emits whenever the labels here are changed. Use this to notify
+     * components if the labels have changed after initialization.
+     */
+    changes: Subject<void>;
+    /** A label for the page size selector. */
+    itemsPerPageLabel: string;
+    /** A label for the button that increments the current page. */
+    nextPageLabel: string;
+    /** A label for the button that decrements the current page. */
+    previousPageLabel: string;
+    /** A label for the range of items within the current page and the length of the whole list. */
+    getRangeLabel: (page: number, pageSize: number, length: number) => string;
+}

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

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