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

package/menu/README.md

@@ -1,164 +0,0 @@
-# md-menu
-
-`md-menu` is a list of options that displays when triggered.  You can read more about menus in the 
-[Material Design spec](https://material.google.com/components/menus.html).
-
-### Not yet implemented
-
-- `prevent-close` option, to turn off automatic menu close when clicking outside the menu
-- Custom offset support
-- Menu groupings (which menus are allowed to open together)
-
-## Usage
-
-### Setup
-
-Import the MdMenu module.
-
-*my-app-module.ts*
-```ts
-import {MdMenuModule} from '@angular2-material/menu';
-
-@NgModule({
-  imports: [MdMenuModule.forRoot()],
-  ...
-})
-export class MyAppModule {}
-```
-
-For alpha.7, you need to include the overlay styles in your app via a `link` element. This will
-look something like
-```html
-<link href="vendor/@angular2-material/core/overlay/overlay.css" rel="stylesheet">
-```
-
-### Simple menu
-
-In your template, create an `md-menu` element. You can use either `<button>` or `<anchor>` tags for 
-your menu items, as long as each is tagged with an `md-menu-item` attribute. Note that you can 
-disable items by adding the `disabled` boolean attribute or binding to it.
-
-*my-comp.html*
-```html
-<!-- this menu starts as hidden by default -->
-<md-menu>
-    <button md-menu-item> Refresh </button>
-    <button md-menu-item> Settings </button>
-    <button md-menu-item> Help </button>
-    <button md-menu-item disabled> Sign Out </button>
-</md-menu>
-```
-
-Menus are hidden by default, so you'll want to connect up a menu trigger that can open your menu.  
-You can do so by adding a button tag with an `md-menu-trigger-for` attribute and passing in the menu 
-instance.  You can create a local reference to your menu instance by adding `#menu="mdMenu"` to  
-your menu element.
-
-*my-comp.html*
-```html
-<!-- menu opens when trigger button is clicked -->
-<button md-icon-button [md-menu-trigger-for]="menu">
-   <md-icon>more_vert</md-icon>
-</button>
-
-<md-menu #menu="mdMenu">
-    <button md-menu-item> Refresh </button>
-    <button md-menu-item> Settings </button>
-    <button md-menu-item> Help </button>
-    <button md-menu-item disabled> Sign Out </button>
-</md-menu>
-```
-
-Output:
-
-<img src="https://material.angularjs.org/material2_assets/menu/default_closed.png">
-<img src="https://material.angularjs.org/material2_assets/menu/default_open.png">
-
-### Toggling the menu programmatically
-
-You can also use the menu's API to open or close the menu programmatically from your class. Please 
-note that in this case, an `md-menu-trigger-for` attribute is still necessary to connect 
-the menu to its trigger element in the DOM.
-  
-*my-comp.component.ts*
-```ts
-class MyComp {
-  @ViewChild(MdMenuTrigger) trigger: MdMenuTrigger;
-
-  someMethod() {
-    this.trigger.openMenu();
-  }
-}
-```
-
-*my-comp.html*
-```html
-<button md-icon-button [md-menu-trigger-for]="menu">
-   <md-icon>more_vert</md-icon>
-</button>
-
-<md-menu #menu="mdMenu">
-    <button md-menu-item> Refresh </button>
-    <button md-menu-item> Settings </button>
-    <button md-menu-item> Help </button>
-    <button md-menu-item disabled> Sign Out </button>
-</md-menu>
-```
-
-### Customizing menu position
-
-By default, the menu will display after and below its trigger.  You can change this display position 
-using the `x-position` (`before | after`) and `y-position` (`above | below`) attributes.  
-
-*my-comp.html*
-```html
-<md-menu x-position="before" #menu="mdMenu">
-    <button md-menu-item> Refresh </button>
-    <button md-menu-item> Settings </button>
-    <button md-menu-item> Help </button>
-    <button md-menu-item disabled> Sign Out </button>
-</md-menu>
-```
-
-Output:
-
-<img src="https://material.angularjs.org/material2_assets/menu/before_closed.png">
-<img src="https://material.angularjs.org/material2_assets/menu/before_open.png">
-
-### Accessibility
-
-The menu adds `role="menu"` to the main menu element and `role="menuitem"` to each menu item. It 
-also adds `aria-hasPopup="true"` to the trigger element.
-
-#### Keyboard events:
-- <kbd>DOWN_ARROW</kbd>: Focus next menu item
-- <kbd>UP_ARROW</kbd>: Focus previous menu item
-- <kbd>ENTER</kbd>: Select focused item
-
-### Menu attributes
-
-| Signature | Values | Description |
-| --- | --- | --- |
-| `x-position` | `before | after` | The horizontal position of the menu in relation to the trigger. Defaults to `after`. | 
-| `y-position` | `above | below` | The vertical position of the menu in relation to the trigger. Defaults to `below`. |
- 
-### Trigger Programmatic API
-
-**Properties**
-
-| Name | Type | Description |
-| --- | --- | --- |
-| `menuOpen` | `Boolean` | Property that is true when the menu is open. It is not settable (use methods below). | 
-| `onMenuOpen` | `Observable<void>` | Observable that emits when the menu opens. | 
-| `onMenuClose` | `Observable<void>` | Observable that emits when the menu closes. | 
-
-**Methods**
-
-| Method | Returns | Description |
-| --- | --- | --- |
-| `openMenu()` | `Promise<void>` | Opens the menu. Returns a promise that will resolve when the menu has opened. |
-| `closeMenu()` | `Promise<void>` | Closes the menu. Returns a promise that will resolve when the menu has closed. |
-| `toggleMenu()` | `Promise<void>` | Toggles the menu. Returns a promise that will resolve when the menu has completed opening or closing. |  
-| `destroyMenu()` | `Promise<void>` | Destroys the menu overlay completely. 
-  
-

package/menu/_menu-theme.scss

@@ -1,25 +0,0 @@
-@import '../core/theming/palette';
-@import '../core/theming/theming';
-
-
-@mixin md-menu-theme($theme) {
-  $background: map-get($theme, background);
-  $foreground: map-get($theme, foreground);
-
-  .md-menu {
-    background: md-color($background, 'card');
-  }
-
-  [md-menu-item] {
-    background: transparent;
-    color: md-color($foreground, 'text');
-
-    &[disabled] {
-      color: md-color($foreground, 'disabled');
-    }
-
-    &:hover:not([disabled]), &:focus:not([disabled]) {
-      background: md-color($background, 'hover');
-    }
-  }
-}

package/menu/index.js

@@ -1,3 +0,0 @@
-export * from './menu';
-
-//# sourceMappingURL=index.js.map

package/menu/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC","file":"menu/index.js","sourcesContent":["export * from './menu';\n"],"sourceRoot":"/source/"}

package/menu/menu-directive.d.ts

@@ -1,54 +0,0 @@
-import { EventEmitter, QueryList, TemplateRef } from '@angular/core';
-import { MenuPositionX, MenuPositionY } from './menu-positions';
-import { MdMenuItem } from './menu-item';
-export declare class MdMenu {
-    _showClickCatcher: boolean;
-    private _focusedItemIndex;
-    _classList: Object;
-    positionX: MenuPositionX;
-    positionY: MenuPositionY;
-    templateRef: TemplateRef<any>;
-    items: QueryList<MdMenuItem>;
-    constructor(posX: MenuPositionX, posY: MenuPositionY);
-    /**
-     * 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;
-    close: EventEmitter<{}>;
-    /**
-     * This function toggles the display of the menu's click catcher element.
-     * This element covers the viewport when the menu is open to detect clicks outside the menu.
-     * TODO: internal
-     */
-    _setClickCatcher(bool: boolean): 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.
-     * TODO: internal
-     */
-    _focusFirstItem(): void;
-    _handleKeydown(event: KeyboardEvent): void;
-    /**
-     * This emits a close event to which the trigger is subscribed. When emitted, the
-     * trigger will close the menu.
-     */
-    private _emitCloseEvent();
-    private _focusNextItem();
-    private _focusPreviousItem();
-    /**
-     * This method sets focus to the correct menu item, given a list of menu items and the delta
-     * between the currently focused menu item and the new menu item to be focused. It will
-     * continue to move down the list until it finds an item that is not disabled, and it will wrap
-     * if it encounters either end of the menu.
-     *
-     * @param delta the desired change in focus index
-     * @param menuItems the menu items that should be focused
-     * @private
-       */
-    private _updateFocusedItemIndex(delta, menuItems?);
-    private _setPositionX(pos);
-    private _setPositionY(pos);
-}

package/menu/menu-directive.js

@@ -1,158 +0,0 @@
-// TODO(kara): prevent-close functionality
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __param = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
-import { Attribute, Component, ContentChildren, EventEmitter, Input, Output, QueryList, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core';
-import { MdMenuInvalidPositionX, MdMenuInvalidPositionY } from './menu-errors';
-import { MdMenuItem } from './menu-item';
-import { UP_ARROW, DOWN_ARROW, TAB } from '../core';
-export var MdMenu = (function () {
-    function MdMenu(posX, posY) {
-        this._showClickCatcher = false;
-        this._focusedItemIndex = 0;
-        this.positionX = 'after';
-        this.positionY = 'below';
-        this.close = new EventEmitter;
-        if (posX) {
-            this._setPositionX(posX);
-        }
-        if (posY) {
-            this._setPositionY(posY);
-        }
-    }
-    Object.defineProperty(MdMenu.prototype, "classList", {
-        /**
-         * 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
-         */
-        set: function (classes) {
-            this._classList = classes.split(' ').reduce(function (obj, className) {
-                obj[className] = true;
-                return obj;
-            }, {});
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * This function toggles the display of the menu's click catcher element.
-     * This element covers the viewport when the menu is open to detect clicks outside the menu.
-     * TODO: internal
-     */
-    MdMenu.prototype._setClickCatcher = function (bool) {
-        this._showClickCatcher = bool;
-    };
-    /**
-     * 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.
-     * TODO: internal
-     */
-    MdMenu.prototype._focusFirstItem = function () {
-        this.items.first.focus();
-    };
-    // TODO(kara): update this when (keydown.downArrow) testability is fixed
-    // TODO: internal
-    MdMenu.prototype._handleKeydown = function (event) {
-        if (event.keyCode === DOWN_ARROW) {
-            this._focusNextItem();
-        }
-        else if (event.keyCode === UP_ARROW) {
-            this._focusPreviousItem();
-        }
-        else if (event.keyCode === TAB) {
-            this._emitCloseEvent();
-        }
-    };
-    /**
-     * This emits a close event to which the trigger is subscribed. When emitted, the
-     * trigger will close the menu.
-     */
-    MdMenu.prototype._emitCloseEvent = function () {
-        this._focusedItemIndex = 0;
-        this.close.emit(null);
-    };
-    MdMenu.prototype._focusNextItem = function () {
-        this._updateFocusedItemIndex(1);
-        this.items.toArray()[this._focusedItemIndex].focus();
-    };
-    MdMenu.prototype._focusPreviousItem = function () {
-        this._updateFocusedItemIndex(-1);
-        this.items.toArray()[this._focusedItemIndex].focus();
-    };
-    /**
-     * This method sets focus to the correct menu item, given a list of menu items and the delta
-     * between the currently focused menu item and the new menu item to be focused. It will
-     * continue to move down the list until it finds an item that is not disabled, and it will wrap
-     * if it encounters either end of the menu.
-     *
-     * @param delta the desired change in focus index
-     * @param menuItems the menu items that should be focused
-     * @private
-       */
-    MdMenu.prototype._updateFocusedItemIndex = function (delta, menuItems) {
-        if (menuItems === void 0) { menuItems = this.items.toArray(); }
-        // when focus would leave menu, wrap to beginning or end
-        this._focusedItemIndex = (this._focusedItemIndex + delta + this.items.length)
-            % this.items.length;
-        // skip all disabled menu items recursively until an active one
-        // is reached or the menu closes for overreaching bounds
-        while (menuItems[this._focusedItemIndex].disabled) {
-            this._updateFocusedItemIndex(delta, menuItems);
-        }
-    };
-    MdMenu.prototype._setPositionX = function (pos) {
-        if (pos !== 'before' && pos !== 'after') {
-            throw new MdMenuInvalidPositionX();
-        }
-        this.positionX = pos;
-    };
-    MdMenu.prototype._setPositionY = function (pos) {
-        if (pos !== 'above' && pos !== 'below') {
-            throw new MdMenuInvalidPositionY();
-        }
-        this.positionY = pos;
-    };
-    __decorate([
-        ViewChild(TemplateRef), 
-        __metadata('design:type', TemplateRef)
-    ], MdMenu.prototype, "templateRef", void 0);
-    __decorate([
-        ContentChildren(MdMenuItem), 
-        __metadata('design:type', QueryList)
-    ], MdMenu.prototype, "items", void 0);
-    __decorate([
-        Input('class'), 
-        __metadata('design:type', String), 
-        __metadata('design:paramtypes', [String])
-    ], MdMenu.prototype, "classList", null);
-    __decorate([
-        Output(), 
-        __metadata('design:type', Object)
-    ], MdMenu.prototype, "close", void 0);
-    MdMenu = __decorate([
-        Component({selector: 'md-menu',
-            host: { 'role': 'menu' },
-            template: "<template> <div class=\"md-menu\" [ngClass]=\"_classList\" (click)=\"_emitCloseEvent()\" (keydown)=\"_handleKeydown($event)\"> <ng-content></ng-content> </div> </template> <div class=\"md-menu-click-catcher\" *ngIf=\"_showClickCatcher\" (click)=\"_emitCloseEvent()\"></div>",
-            styles: [".md-menu { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); min-width: 112px; max-width: 280px; max-height: calc(100vh + 48px); overflow: auto; -webkit-overflow-scrolling: touch; padding-top: 8px; padding-bottom: 8px; } [md-menu-item] { cursor: pointer; user-select: none; outline: none; border: none; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; display: flex; flex-direction: row; align-items: center; height: 48px; padding: 0 16px; font-size: 16px; font-family: Roboto, \"Helvetica Neue\", sans-serif; text-align: start; text-decoration: none; } [md-menu-item][disabled] { cursor: default; } button[md-menu-item] { width: 100%; } .md-menu-click-catcher { position: fixed; top: 0; left: 0; right: 0; bottom: 0; } /*# sourceMappingURL=menu.css.map */ "],
-            encapsulation: ViewEncapsulation.None,
-            exportAs: 'mdMenu'
-        }),
-        __param(0, Attribute('x-position')),
-        __param(1, Attribute('y-position')), 
-        __metadata('design:paramtypes', [String, String])
-    ], MdMenu);
-    return MdMenu;
-}());
-
-//# sourceMappingURL=menu-directive.js.map

package/menu/menu-directive.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["menu/menu-directive.ts"],"names":[],"mappings":"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","file":"menu/menu-directive.js","sourcesContent":["// TODO(kara): prevent-close functionality\n\nimport {\n  Attribute,\n  Component,\n  ContentChildren,\n  EventEmitter,\n  Input,\n  Output,\n  QueryList,\n  TemplateRef,\n  ViewChild,\n  ViewEncapsulation\n} from '@angular/core';\nimport {MenuPositionX, MenuPositionY} from './menu-positions';\nimport {MdMenuInvalidPositionX, MdMenuInvalidPositionY} from './menu-errors';\nimport {MdMenuItem} from './menu-item';\nimport {UP_ARROW, DOWN_ARROW, TAB} from '../core';\n\n@Component({\n  moduleId: module.id,\n  selector: 'md-menu',\n  host: {'role': 'menu'},\n  templateUrl: 'menu.html',\n  styleUrls: ['menu.css'],\n  encapsulation: ViewEncapsulation.None,\n  exportAs: 'mdMenu'\n})\nexport class MdMenu {\n  _showClickCatcher: boolean = false;\n  private _focusedItemIndex: number = 0;\n\n  // config object to be passed into the menu's ngClass\n  _classList: Object;\n\n  positionX: MenuPositionX = 'after';\n  positionY: MenuPositionY = 'below';\n\n  @ViewChild(TemplateRef) templateRef: TemplateRef<any>;\n  @ContentChildren(MdMenuItem) items: QueryList<MdMenuItem>;\n\n  constructor(@Attribute('x-position') posX: MenuPositionX,\n              @Attribute('y-position') posY: MenuPositionY) {\n    if (posX) { this._setPositionX(posX); }\n    if (posY) { this._setPositionY(posY); }\n  }\n\n  /**\n   * This method takes classes set on the host md-menu element and applies them on the\n   * menu template that displays in the overlay container.  Otherwise, it's difficult\n   * to style the containing menu from outside the component.\n   * @param classes list of class names\n   */\n  @Input('class')\n  set classList(classes: string) {\n    this._classList = classes.split(' ').reduce((obj: any, className: string) => {\n      obj[className] = true;\n      return obj;\n    }, {});\n  }\n\n  @Output() close = new EventEmitter;\n\n  /**\n   * This function toggles the display of the menu's click catcher element.\n   * This element covers the viewport when the menu is open to detect clicks outside the menu.\n   * TODO: internal\n   */\n  _setClickCatcher(bool: boolean): void {\n    this._showClickCatcher = bool;\n  }\n\n  /**\n   * Focus the first item in the menu. This method is used by the menu trigger\n   * to focus the first item when the menu is opened by the ENTER key.\n   * TODO: internal\n   */\n  _focusFirstItem() {\n    this.items.first.focus();\n  }\n\n  // TODO(kara): update this when (keydown.downArrow) testability is fixed\n  // TODO: internal\n  _handleKeydown(event: KeyboardEvent): void {\n    if (event.keyCode === DOWN_ARROW) {\n      this._focusNextItem();\n    } else if (event.keyCode === UP_ARROW) {\n      this._focusPreviousItem();\n    } else if (event.keyCode === TAB) {\n      this._emitCloseEvent();\n    }\n  }\n\n  /**\n   * This emits a close event to which the trigger is subscribed. When emitted, the\n   * trigger will close the menu.\n   */\n  private _emitCloseEvent(): void {\n    this._focusedItemIndex = 0;\n    this.close.emit(null);\n  }\n\n  private _focusNextItem(): void {\n    this._updateFocusedItemIndex(1);\n    this.items.toArray()[this._focusedItemIndex].focus();\n  }\n\n  private _focusPreviousItem(): void {\n    this._updateFocusedItemIndex(-1);\n    this.items.toArray()[this._focusedItemIndex].focus();\n  }\n\n  /**\n   * This method sets focus to the correct menu item, given a list of menu items and the delta\n   * between the currently focused menu item and the new menu item to be focused. It will\n   * continue to move down the list until it finds an item that is not disabled, and it will wrap\n   * if it encounters either end of the menu.\n   *\n   * @param delta the desired change in focus index\n   * @param menuItems the menu items that should be focused\n   * @private\n     */\n  private _updateFocusedItemIndex(delta: number, menuItems: MdMenuItem[] = this.items.toArray()) {\n    // when focus would leave menu, wrap to beginning or end\n    this._focusedItemIndex = (this._focusedItemIndex + delta + this.items.length)\n                              % this.items.length;\n\n    // skip all disabled menu items recursively until an active one\n    // is reached or the menu closes for overreaching bounds\n    while (menuItems[this._focusedItemIndex].disabled) {\n      this._updateFocusedItemIndex(delta, menuItems);\n    }\n  }\n\n  private _setPositionX(pos: MenuPositionX): void {\n    if ( pos !== 'before' && pos !== 'after') {\n      throw new MdMenuInvalidPositionX();\n    }\n    this.positionX = pos;\n  }\n\n  private _setPositionY(pos: MenuPositionY): void {\n    if ( pos !== 'above' && pos !== 'below') {\n      throw new MdMenuInvalidPositionY();\n    }\n    this.positionY = pos;\n  }\n}\n"],"sourceRoot":"/source/"}

package/menu/menu-directive.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":1,"metadata":{"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","host":{"role":"menu"},"templateUrl":"menu.html","styleUrls":["menu.css"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"exportAs":"mdMenu"}]}],"members":{"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","module":"./menu-item","name":"MdMenuItem"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute"},"arguments":["x-position"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute"},"arguments":["y-position"]}]],"parameters":[{"__symbolic":"reference","module":"./menu-positions","name":"MenuPositionX"},{"__symbolic":"reference","module":"./menu-positions","name":"MenuPositionY"}]}],"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"}}]}],"_setClickCatcher":[{"__symbolic":"method"}],"_focusFirstItem":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"_emitCloseEvent":[{"__symbolic":"method"}],"_focusNextItem":[{"__symbolic":"method"}],"_focusPreviousItem":[{"__symbolic":"method"}],"_updateFocusedItemIndex":[{"__symbolic":"method"}],"_setPositionX":[{"__symbolic":"method"}],"_setPositionY":[{"__symbolic":"method"}]}}}}

package/menu/menu-errors.d.ts

@@ -1,21 +0,0 @@
-import { MdError } from '../core';
-/**
- * Exception thrown when menu trigger doesn't have a valid md-menu instance
- */
-export declare class MdMenuMissingError extends MdError {
-    constructor();
-}
-/**
- * Exception thrown when menu's x-position value isn't valid.
- * In other words, it doesn't match 'before' or 'after'.
- */
-export declare class MdMenuInvalidPositionX extends MdError {
-    constructor();
-}
-/**
- * Exception thrown when menu's y-position value isn't valid.
- * In other words, it doesn't match 'above' or 'below'.
- */
-export declare class MdMenuInvalidPositionY extends MdError {
-    constructor();
-}

package/menu/menu-errors.js

@@ -1,40 +0,0 @@
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-import { MdError } from '../core';
-/**
- * Exception thrown when menu trigger doesn't have a valid md-menu instance
- */
-export var MdMenuMissingError = (function (_super) {
-    __extends(MdMenuMissingError, _super);
-    function MdMenuMissingError() {
-        _super.call(this, "md-menu-trigger: must pass in an md-menu instance.\n\n    Example:\n      <md-menu #menu=\"mdMenu\"></md-menu>\n      <button [md-menu-trigger-for]=\"menu\"></button>\n    ");
-    }
-    return MdMenuMissingError;
-}(MdError));
-/**
- * Exception thrown when menu's x-position value isn't valid.
- * In other words, it doesn't match 'before' or 'after'.
- */
-export var MdMenuInvalidPositionX = (function (_super) {
-    __extends(MdMenuInvalidPositionX, _super);
-    function MdMenuInvalidPositionX() {
-        _super.call(this, "x-position value must be either 'before' or after'.\n      Example: <md-menu x-position=\"before\" #menu=\"mdMenu\"></md-menu>\n    ");
-    }
-    return MdMenuInvalidPositionX;
-}(MdError));
-/**
- * Exception thrown when menu's y-position value isn't valid.
- * In other words, it doesn't match 'above' or 'below'.
- */
-export var MdMenuInvalidPositionY = (function (_super) {
-    __extends(MdMenuInvalidPositionY, _super);
-    function MdMenuInvalidPositionY() {
-        _super.call(this, "y-position value must be either 'above' or below'.\n      Example: <md-menu y-position=\"above\" #menu=\"mdMenu\"></md-menu>\n    ");
-    }
-    return MdMenuInvalidPositionY;
-}(MdError));
-
-//# sourceMappingURL=menu-errors.js.map

package/menu/menu-errors.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["menu/menu-errors.ts"],"names":[],"mappings":";;;;;OAAO,EAAC,OAAO,EAAC,MAAM,SAAS;AAE/B;;GAEG;AACH;IAAwC,sCAAO;IAC7C;QACE,kBAAM,8KAKL,CAAC,CAAC;IACL,CAAC;IACH,yBAAC;AAAD,CATA,AASC,CATuC,OAAO,GAS9C;AAED;;;GAGG;AACH;IAA4C,0CAAO;IACjD;QACE,kBAAM,sIAEL,CAAC,CAAC;IACL,CAAC;IACH,6BAAC;AAAD,CANA,AAMC,CAN2C,OAAO,GAMlD;AAED;;;GAGG;AACH;IAA4C,0CAAO;IACjD;QACE,kBAAM,oIAEL,CAAC,CAAC;IACL,CAAC;IACH,6BAAC;AAAD,CANA,AAMC,CAN2C,OAAO,GAMlD","file":"menu/menu-errors.js","sourcesContent":["import {MdError} from '../core';\n\n/**\n * Exception thrown when menu trigger doesn't have a valid md-menu instance\n */\nexport class MdMenuMissingError extends MdError {\n  constructor() {\n    super(`md-menu-trigger: must pass in an md-menu instance.\n\n    Example:\n      <md-menu #menu=\"mdMenu\"></md-menu>\n      <button [md-menu-trigger-for]=\"menu\"></button>\n    `);\n  }\n}\n\n/**\n * Exception thrown when menu's x-position value isn't valid.\n * In other words, it doesn't match 'before' or 'after'.\n */\nexport class MdMenuInvalidPositionX extends MdError {\n  constructor() {\n    super(`x-position value must be either 'before' or after'.\n      Example: <md-menu x-position=\"before\" #menu=\"mdMenu\"></md-menu>\n    `);\n  }\n}\n\n/**\n * Exception thrown when menu's y-position value isn't valid.\n * In other words, it doesn't match 'above' or 'below'.\n */\nexport class MdMenuInvalidPositionY extends MdError {\n  constructor() {\n    super(`y-position value must be either 'above' or below'.\n      Example: <md-menu y-position=\"above\" #menu=\"mdMenu\"></md-menu>\n    `);\n  }\n}\n"],"sourceRoot":"/source/"}

package/menu/menu-item.d.ts

@@ -1,18 +0,0 @@
-import { ElementRef, Renderer } from '@angular/core';
-/**
- * This directive is intended to be used inside an md-menu tag.
- * It exists mostly to set the role attribute.
- */
-export declare class MdMenuItem {
-    private _renderer;
-    private _elementRef;
-    _disabled: boolean;
-    constructor(_renderer: Renderer, _elementRef: ElementRef);
-    focus(): void;
-    disabled: boolean;
-    readonly isAriaDisabled: string;
-    /**
-     * TODO: internal
-     */
-    _checkDisabled(event: Event): void;
-}

package/menu/menu-item.js

@@ -1,74 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-import { Directive, ElementRef, Input, HostBinding, Renderer } from '@angular/core';
-/**
- * This directive is intended to be used inside an md-menu tag.
- * It exists mostly to set the role attribute.
- */
-export var MdMenuItem = (function () {
-    function MdMenuItem(_renderer, _elementRef) {
-        this._renderer = _renderer;
-        this._elementRef = _elementRef;
-    }
-    MdMenuItem.prototype.focus = function () {
-        this._renderer.invokeElementMethod(this._elementRef.nativeElement, 'focus');
-    };
-    Object.defineProperty(MdMenuItem.prototype, "disabled", {
-        // this is necessary to support anchors
-        get: function () {
-            return this._disabled;
-        },
-        set: function (value) {
-            this._disabled = (value === false || value === undefined) ? null : true;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdMenuItem.prototype, "isAriaDisabled", {
-        get: function () {
-            return String(this.disabled);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * TODO: internal
-     */
-    MdMenuItem.prototype._checkDisabled = function (event) {
-        if (this.disabled) {
-            event.preventDefault();
-            event.stopPropagation();
-        }
-    };
-    __decorate([
-        HostBinding('attr.disabled'),
-        Input(), 
-        __metadata('design:type', Boolean)
-    ], MdMenuItem.prototype, "disabled", null);
-    __decorate([
-        HostBinding('attr.aria-disabled'), 
-        __metadata('design:type', String)
-    ], MdMenuItem.prototype, "isAriaDisabled", null);
-    MdMenuItem = __decorate([
-        Directive({
-            selector: '[md-menu-item]',
-            host: {
-                'role': 'menuitem',
-                '(click)': '_checkDisabled($event)',
-                'tabindex': '-1'
-            },
-            exportAs: 'mdMenuItem'
-        }), 
-        __metadata('design:paramtypes', [Renderer, ElementRef])
-    ], MdMenuItem);
-    return MdMenuItem;
-}());
-
-//# sourceMappingURL=menu-item.js.map

package/menu/menu-item.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["menu/menu-item.ts"],"names":[],"mappings":";;;;;;;;;OAAO,EAAC,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAC,MAAM,eAAe;AAEjF;;;GAGG;AAUH;IAGE,oBAAoB,SAAmB,EAAU,WAAuB;QAApD,cAAS,GAAT,SAAS,CAAU;QAAU,gBAAW,GAAX,WAAW,CAAY;IAAG,CAAC;IAE5E,0BAAK,GAAL;QACE,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;IAC9E,CAAC;IAKD,sBAAI,gCAAQ;QAHZ,uCAAuC;aAGvC;YACE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;QACxB,CAAC;aAED,UAAa,KAAc;YACzB,IAAI,CAAC,SAAS,GAAG,CAAC,KAAK,KAAK,KAAK,IAAI,KAAK,KAAK,SAAS,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;QAC1E,CAAC;;;OAJA;IAOD,sBAAI,sCAAc;aAAlB;YACE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC/B,CAAC;;;OAAA;IAED;;OAEG;IACH,mCAAc,GAAd,UAAe,KAAY;QACzB,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;YAClB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IAvBD;QAAC,WAAW,CAAC,eAAe,CAAC;QAC5B,KAAK,EAAE;;8CAAA;IASR;QAAC,WAAW,CAAC,oBAAoB,CAAC;;oDAAA;IA7BpC;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,gBAAgB;YAC1B,IAAI,EAAE;gBACJ,MAAM,EAAE,UAAU;gBAClB,SAAS,EAAE,wBAAwB;gBACnC,UAAU,EAAE,IAAI;aACjB;YACD,QAAQ,EAAE,YAAY;SACvB,CAAC;;kBAAA;IAmCF,iBAAC;AAAD,CAlCA,AAkCC,IAAA","file":"menu/menu-item.js","sourcesContent":["import {Directive, ElementRef, Input, HostBinding, Renderer} from '@angular/core';\n\n/**\n * This directive is intended to be used inside an md-menu tag.\n * It exists mostly to set the role attribute.\n */\n@Directive({\n  selector: '[md-menu-item]',\n  host: {\n    'role': 'menuitem',\n    '(click)': '_checkDisabled($event)',\n    'tabindex': '-1'\n  },\n  exportAs: 'mdMenuItem'\n})\nexport class MdMenuItem {\n  _disabled: boolean;\n\n  constructor(private _renderer: Renderer, private _elementRef: ElementRef) {}\n\n  focus(): void {\n    this._renderer.invokeElementMethod(this._elementRef.nativeElement, 'focus');\n  }\n\n  // this is necessary to support anchors\n  @HostBinding('attr.disabled')\n  @Input()\n  get disabled(): boolean {\n    return this._disabled;\n  }\n\n  set disabled(value: boolean) {\n    this._disabled = (value === false || value === undefined) ? null : true;\n  }\n\n  @HostBinding('attr.aria-disabled')\n  get isAriaDisabled(): string {\n    return String(this.disabled);\n  }\n\n  /**\n   * TODO: internal\n   */\n  _checkDisabled(event: Event) {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  }\n}\n\n"],"sourceRoot":"/source/"}

package/menu/menu-item.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":1,"metadata":{"MdMenuItem":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[md-menu-item]","host":{"role":"menuitem","(click)":"_checkDisabled($event)","tabindex":"-1"},"exportAs":"mdMenuItem"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"focus":[{"__symbolic":"method"}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.disabled"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isAriaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]}]}],"_checkDisabled":[{"__symbolic":"method"}]}}}}

package/menu/menu-positions.d.ts

@@ -1,2 +0,0 @@
-export declare type MenuPositionX = 'before' | 'after';
-export declare type MenuPositionY = 'above' | 'below';

package/menu/menu-positions.js

@@ -1,3 +0,0 @@
-
-
-//# sourceMappingURL=menu-positions.js.map

package/menu/menu-positions.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"menu/menu-positions.js","sourcesContent":[],"sourceRoot":"/source/"}