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

package/list/list.d.ts

@@ -1,23 +0,0 @@
-import { QueryList, ElementRef, Renderer, AfterContentInit, ModuleWithProviders } from '@angular/core';
-import { MdLine } from '../core';
-export declare class MdListDivider {
-}
-export declare class MdList {
-}
-export declare class MdListAvatar {
-}
-export declare class MdListItem implements AfterContentInit {
-    private _renderer;
-    private _element;
-    _hasFocus: boolean;
-    private _lineSetter;
-    _lines: QueryList<MdLine>;
-    _hasAvatar: MdListAvatar;
-    constructor(_renderer: Renderer, _element: ElementRef);
-    ngAfterContentInit(): void;
-    _handleFocus(): void;
-    _handleBlur(): void;
-}
-export declare class MdListModule {
-    static forRoot(): ModuleWithProviders;
-}

package/list/list.js

@@ -1,119 +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 { Component, ViewEncapsulation, ContentChildren, ContentChild, QueryList, Directive, ElementRef, Renderer, NgModule } from '@angular/core';
-import { MdLine, MdLineSetter, MdLineModule, DefaultStyleCompatibilityModeModule } from '../core';
-export var MdListDivider = (function () {
-    function MdListDivider() {
-    }
-    MdListDivider = __decorate([
-        Directive({
-            selector: 'md-divider, mat-divider'
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdListDivider);
-    return MdListDivider;
-}());
-export var MdList = (function () {
-    function MdList() {
-    }
-    MdList = __decorate([
-        Component({selector: 'md-list, mat-list, md-nav-list, mat-nav-list',
-            host: { 'role': 'list' },
-            template: '<ng-content></ng-content>',
-            styles: ["md-list,md-nav-list{padding-top:8px;display:block}md-list [md-subheader],md-nav-list [md-subheader]{display:block;box-sizing:border-box;height:48px;padding:16px;margin:0;font-size:14px;font-weight:500}md-list [md-subheader]:first-child,md-nav-list [md-subheader]:first-child{margin-top:-8px}md-list a[md-list-item],md-list md-list-item,md-nav-list a[md-list-item],md-nav-list md-list-item{display:block}md-list a[md-list-item] .md-list-item,md-list md-list-item .md-list-item,md-nav-list a[md-list-item] .md-list-item,md-nav-list md-list-item .md-list-item{display:flex;flex-direction:row;align-items:center;font-family:Roboto,\"Helvetica Neue\",sans-serif;box-sizing:border-box;font-size:16px;height:48px;padding:0 16px}md-list a[md-list-item].md-list-avatar .md-list-item,md-list md-list-item.md-list-avatar .md-list-item,md-nav-list a[md-list-item].md-list-avatar .md-list-item,md-nav-list md-list-item.md-list-avatar .md-list-item{height:56px}md-list a[md-list-item].md-2-line .md-list-item,md-list md-list-item.md-2-line .md-list-item,md-nav-list a[md-list-item].md-2-line .md-list-item,md-nav-list md-list-item.md-2-line .md-list-item{height:72px}md-list a[md-list-item].md-3-line .md-list-item,md-list md-list-item.md-3-line .md-list-item,md-nav-list a[md-list-item].md-3-line .md-list-item,md-nav-list md-list-item.md-3-line .md-list-item{height:88px}md-list a[md-list-item].md-multi-line .md-list-item,md-list md-list-item.md-multi-line .md-list-item,md-nav-list a[md-list-item].md-multi-line .md-list-item,md-nav-list md-list-item.md-multi-line .md-list-item{height:100%;padding:8px 16px}md-list a[md-list-item] .md-list-text,md-list md-list-item .md-list-text,md-nav-list a[md-list-item] .md-list-text,md-nav-list md-list-item .md-list-text{display:flex;flex-direction:column;width:100%;box-sizing:border-box;overflow:hidden;padding:0 16px}md-list a[md-list-item] .md-list-text>*,md-list md-list-item .md-list-text>*,md-nav-list a[md-list-item] .md-list-text>*,md-nav-list md-list-item .md-list-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}md-list a[md-list-item] .md-list-text:empty,md-list md-list-item .md-list-text:empty,md-nav-list a[md-list-item] .md-list-text:empty,md-nav-list md-list-item .md-list-text:empty{display:none}md-list a[md-list-item] .md-list-text:first-child,md-list md-list-item .md-list-text:first-child,md-nav-list a[md-list-item] .md-list-text:first-child,md-nav-list md-list-item .md-list-text:first-child{padding:0}md-list a[md-list-item] [md-list-avatar],md-list md-list-item [md-list-avatar],md-nav-list a[md-list-item] [md-list-avatar],md-nav-list md-list-item [md-list-avatar]{flex-shrink:0;width:40px;height:40px;border-radius:50%}md-list a[md-list-item] [md-list-icon],md-list md-list-item [md-list-icon],md-nav-list a[md-list-item] [md-list-icon],md-nav-list md-list-item [md-list-icon]{width:24px;height:24px;border-radius:50%;padding:4px}md-list a[md-list-item] [md-line],md-list md-list-item [md-line],md-nav-list a[md-list-item] [md-line],md-nav-list md-list-item [md-line]{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}md-list a[md-list-item] [md-line]:nth-child(n+2),md-list md-list-item [md-line]:nth-child(n+2),md-nav-list a[md-list-item] [md-line]:nth-child(n+2),md-nav-list md-list-item [md-line]:nth-child(n+2){font-size:14px}md-list[dense],md-nav-list[dense]{padding-top:4px;display:block}md-list[dense] [md-subheader],md-nav-list[dense] [md-subheader]{display:block;box-sizing:border-box;height:40px;padding:16px;margin:0;font-size:13px;font-weight:500}md-list[dense] [md-subheader]:first-child,md-nav-list[dense] [md-subheader]:first-child{margin-top:-4px}md-list[dense] a[md-list-item],md-list[dense] md-list-item,md-nav-list[dense] a[md-list-item],md-nav-list[dense] md-list-item{display:block}md-list[dense] a[md-list-item] .md-list-item,md-list[dense] md-list-item .md-list-item,md-nav-list[dense] a[md-list-item] .md-list-item,md-nav-list[dense] md-list-item .md-list-item{display:flex;flex-direction:row;align-items:center;font-family:Roboto,\"Helvetica Neue\",sans-serif;box-sizing:border-box;font-size:13px;height:40px;padding:0 16px}md-list[dense] a[md-list-item].md-list-avatar .md-list-item,md-list[dense] md-list-item.md-list-avatar .md-list-item,md-nav-list[dense] a[md-list-item].md-list-avatar .md-list-item,md-nav-list[dense] md-list-item.md-list-avatar .md-list-item{height:48px}md-list[dense] a[md-list-item].md-2-line .md-list-item,md-list[dense] md-list-item.md-2-line .md-list-item,md-nav-list[dense] a[md-list-item].md-2-line .md-list-item,md-nav-list[dense] md-list-item.md-2-line .md-list-item{height:60px}md-list[dense] a[md-list-item].md-3-line .md-list-item,md-list[dense] md-list-item.md-3-line .md-list-item,md-nav-list[dense] a[md-list-item].md-3-line .md-list-item,md-nav-list[dense] md-list-item.md-3-line .md-list-item{height:76px}md-list[dense] a[md-list-item].md-multi-line .md-list-item,md-list[dense] md-list-item.md-multi-line .md-list-item,md-nav-list[dense] a[md-list-item].md-multi-line .md-list-item,md-nav-list[dense] md-list-item.md-multi-line .md-list-item{height:100%;padding:8px 16px}md-list[dense] a[md-list-item] .md-list-text,md-list[dense] md-list-item .md-list-text,md-nav-list[dense] a[md-list-item] .md-list-text,md-nav-list[dense] md-list-item .md-list-text{display:flex;flex-direction:column;width:100%;box-sizing:border-box;overflow:hidden;padding:0 16px}md-list[dense] a[md-list-item] .md-list-text>*,md-list[dense] md-list-item .md-list-text>*,md-nav-list[dense] a[md-list-item] .md-list-text>*,md-nav-list[dense] md-list-item .md-list-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}md-list[dense] a[md-list-item] .md-list-text:empty,md-list[dense] md-list-item .md-list-text:empty,md-nav-list[dense] a[md-list-item] .md-list-text:empty,md-nav-list[dense] md-list-item .md-list-text:empty{display:none}md-list[dense] a[md-list-item] .md-list-text:first-child,md-list[dense] md-list-item .md-list-text:first-child,md-nav-list[dense] a[md-list-item] .md-list-text:first-child,md-nav-list[dense] md-list-item .md-list-text:first-child{padding:0}md-list[dense] a[md-list-item] [md-list-avatar],md-list[dense] md-list-item [md-list-avatar],md-nav-list[dense] a[md-list-item] [md-list-avatar],md-nav-list[dense] md-list-item [md-list-avatar]{flex-shrink:0;width:40px;height:40px;border-radius:50%}md-list[dense] a[md-list-item] [md-list-icon],md-list[dense] md-list-item [md-list-icon],md-nav-list[dense] a[md-list-item] [md-list-icon],md-nav-list[dense] md-list-item [md-list-icon]{width:24px;height:24px;border-radius:50%;padding:4px}md-list[dense] a[md-list-item] [md-line],md-list[dense] md-list-item [md-line],md-nav-list[dense] a[md-list-item] [md-line],md-nav-list[dense] md-list-item [md-line]{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}md-list[dense] a[md-list-item] [md-line]:nth-child(n+2),md-list[dense] md-list-item [md-line]:nth-child(n+2),md-nav-list[dense] a[md-list-item] [md-line]:nth-child(n+2),md-nav-list[dense] md-list-item [md-line]:nth-child(n+2){font-size:13px}md-divider{display:block;border-top-style:solid;border-top-width:1px;margin:0}md-nav-list a{text-decoration:none;color:inherit}md-nav-list .md-list-item{cursor:pointer}md-nav-list .md-list-item.md-list-item-focus,md-nav-list .md-list-item:hover{outline:0}"],
-            encapsulation: ViewEncapsulation.None
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdList);
-    return MdList;
-}());
-/* Need directive for a ContentChild query in list-item */
-export var MdListAvatar = (function () {
-    function MdListAvatar() {
-    }
-    MdListAvatar = __decorate([
-        Directive({ selector: '[md-list-avatar], [mat-list-avatar]' }), 
-        __metadata('design:paramtypes', [])
-    ], MdListAvatar);
-    return MdListAvatar;
-}());
-export var MdListItem = (function () {
-    function MdListItem(_renderer, _element) {
-        this._renderer = _renderer;
-        this._element = _element;
-        this._hasFocus = false;
-    }
-    Object.defineProperty(MdListItem.prototype, "_hasAvatar", {
-        set: function (avatar) {
-            this._renderer.setElementClass(this._element.nativeElement, 'md-list-avatar', avatar != null);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    MdListItem.prototype.ngAfterContentInit = function () {
-        this._lineSetter = new MdLineSetter(this._lines, this._renderer, this._element);
-    };
-    MdListItem.prototype._handleFocus = function () {
-        this._hasFocus = true;
-    };
-    MdListItem.prototype._handleBlur = function () {
-        this._hasFocus = false;
-    };
-    __decorate([
-        ContentChildren(MdLine), 
-        __metadata('design:type', QueryList)
-    ], MdListItem.prototype, "_lines", void 0);
-    __decorate([
-        ContentChild(MdListAvatar), 
-        __metadata('design:type', MdListAvatar), 
-        __metadata('design:paramtypes', [MdListAvatar])
-    ], MdListItem.prototype, "_hasAvatar", null);
-    MdListItem = __decorate([
-        Component({selector: 'md-list-item, mat-list-item, a[md-list-item], a[mat-list-item]',
-            host: {
-                'role': 'listitem',
-                '(focus)': '_handleFocus()',
-                '(blur)': '_handleBlur()',
-            },
-            template: "<div class=\"md-list-item\" [class.md-list-item-focus]=\"_hasFocus\"><ng-content select=\"[md-list-avatar],[md-list-icon], [mat-list-avatar], [mat-list-icon]\"></ng-content><div class=\"md-list-text\"><ng-content select=\"[md-line], [mat-line]\"></ng-content></div><ng-content></ng-content></div>",
-            encapsulation: ViewEncapsulation.None
-        }), 
-        __metadata('design:paramtypes', [Renderer, ElementRef])
-    ], MdListItem);
-    return MdListItem;
-}());
-export var MdListModule = (function () {
-    function MdListModule() {
-    }
-    MdListModule.forRoot = function () {
-        return {
-            ngModule: MdListModule,
-            providers: []
-        };
-    };
-    MdListModule = __decorate([
-        NgModule({
-            imports: [MdLineModule, DefaultStyleCompatibilityModeModule],
-            exports: [
-                MdList,
-                MdListItem,
-                MdListDivider,
-                MdListAvatar,
-                MdLineModule,
-                DefaultStyleCompatibilityModeModule,
-            ],
-            declarations: [MdList, MdListItem, MdListDivider, MdListAvatar],
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdListModule);
-    return MdListModule;
-}());
-
-//# sourceMappingURL=list.js.map

package/list/list.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["list/list.ts"],"names":[],"mappings":";;;;;;;;;OAAO,EACH,SAAS,EACT,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,SAAS,EACT,SAAS,EACT,UAAU,EACV,QAAQ,EAER,QAAQ,EAEX,MAAM,eAAe;OACf,EAAC,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,mCAAmC,EAAC,MAAM,SAAS;AAK/F;IAAA;IAA4B,CAAC;IAH7B;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,yBAAyB;SACpC,CAAC;;qBAAA;IAC0B,oBAAC;AAAD,CAA5B,AAA6B,IAAA;AAU7B;IAAA;IAAqB,CAAC;IARtB;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,MAAM,CAAC,EAAE;YACnB,QAAQ,EAAE,8CAA8C;YACxD,IAAI,EAAE,EAAC,MAAM,EAAE,MAAM,EAAC;YACtB,QAAQ,EAAE,2BAA2B;YACrC,SAAS,EAAE,CAAC,UAAU,CAAC;YACvB,aAAa,EAAE,iBAAiB,CAAC,IAAI;SACtC,CAAC;;cAAA;IACmB,aAAC;AAAD,CAArB,AAAsB,IAAA;AAEtB,0DAA0D;AAE1D;IAAA;IAA2B,CAAC;IAD5B;QAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,qCAAqC,EAAE,CAAC;;oBAAA;IACpC,mBAAC;AAAD,CAA3B,AAA4B,IAAA;AAa5B;IAYE,oBAAoB,SAAmB,EAAU,QAAoB;QAAjD,cAAS,GAAT,SAAS,CAAU;QAAU,aAAQ,GAAR,QAAQ,CAAY;QAXrE,cAAS,GAAY,KAAK,CAAC;IAW6C,CAAC;IAJzE,sBAAI,kCAAU;aAAd,UAAe,MAAoB;YACjC,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,gBAAgB,EAAE,MAAM,IAAI,IAAI,CAAC,CAAC;QAChG,CAAC;;;OAAA;IAID,uCAAkB,GAAlB;QACE,IAAI,CAAC,WAAW,GAAG,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAClF,CAAC;IAED,iCAAY,GAAZ;QACE,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IACxB,CAAC;IAED,gCAAW,GAAX;QACE,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IACzB,CAAC;IAnBD;QAAC,eAAe,CAAC,MAAM,CAAC;;8CAAA;IAExB;QAAC,YAAY,CAAC,YAAY,CAAC;;;gDAAA;IAlB7B;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,MAAM,CAAC,EAAE;YACnB,QAAQ,EAAE,gEAAgE;YAC1E,IAAI,EAAE;gBACJ,MAAM,EAAE,UAAU;gBAClB,SAAS,EAAE,gBAAgB;gBAC3B,QAAQ,EAAE,eAAe;aAC1B;YACD,WAAW,EAAE,gBAAgB;YAC7B,aAAa,EAAE,iBAAiB,CAAC,IAAI;SACtC,CAAC;;kBAAA;IA0BF,iBAAC;AAAD,CAzBA,AAyBC,IAAA;AAeD;IAAA;IAOA,CAAC;IANQ,oBAAO,GAAd;QACE,MAAM,CAAC;YACL,QAAQ,EAAE,YAAY;YACtB,SAAS,EAAE,EAAE;SACd,CAAC;IACJ,CAAC;IAlBH;QAAC,QAAQ,CAAC;YACR,OAAO,EAAE,CAAC,YAAY,EAAE,mCAAmC,CAAC;YAC5D,OAAO,EAAE;gBACP,MAAM;gBACN,UAAU;gBACV,aAAa;gBACb,YAAY;gBACZ,YAAY;gBACZ,mCAAmC;aACpC;YACD,YAAY,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,CAAC;SAChE,CAAC;;oBAAA;IAQF,mBAAC;AAAD,CAPA,AAOC,IAAA","file":"list.js","sourcesContent":["import {\n    Component,\n    ViewEncapsulation,\n    ContentChildren,\n    ContentChild,\n    QueryList,\n    Directive,\n    ElementRef,\n    Renderer,\n    AfterContentInit,\n    NgModule,\n    ModuleWithProviders,\n} from '@angular/core';\nimport {MdLine, MdLineSetter, MdLineModule, DefaultStyleCompatibilityModeModule} from '../core';\n\n@Directive({\n  selector: 'md-divider, mat-divider'\n})\nexport class MdListDivider {}\n\n@Component({\n  moduleId: module.id,\n  selector: 'md-list, mat-list, md-nav-list, mat-nav-list',\n  host: {'role': 'list'},\n  template: '<ng-content></ng-content>',\n  styleUrls: ['list.css'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class MdList {}\n\n/* Need directive for a ContentChild query in list-item */\n@Directive({ selector: '[md-list-avatar], [mat-list-avatar]' })\nexport class MdListAvatar {}\n\n@Component({\n  moduleId: module.id,\n  selector: 'md-list-item, mat-list-item, a[md-list-item], a[mat-list-item]',\n  host: {\n    'role': 'listitem',\n    '(focus)': '_handleFocus()',\n    '(blur)': '_handleBlur()',\n  },\n  templateUrl: 'list-item.html',\n  encapsulation: ViewEncapsulation.None\n})\nexport class MdListItem implements AfterContentInit {\n  _hasFocus: boolean = false;\n\n  private _lineSetter: MdLineSetter;\n\n  @ContentChildren(MdLine) _lines: QueryList<MdLine>;\n\n  @ContentChild(MdListAvatar)\n  set _hasAvatar(avatar: MdListAvatar) {\n    this._renderer.setElementClass(this._element.nativeElement, 'md-list-avatar', avatar != null);\n  }\n\n  constructor(private _renderer: Renderer, private _element: ElementRef) {}\n\n  ngAfterContentInit() {\n    this._lineSetter = new MdLineSetter(this._lines, this._renderer, this._element);\n  }\n\n  _handleFocus() {\n    this._hasFocus = true;\n  }\n\n  _handleBlur() {\n    this._hasFocus = false;\n  }\n}\n\n\n@NgModule({\n  imports: [MdLineModule, DefaultStyleCompatibilityModeModule],\n  exports: [\n    MdList,\n    MdListItem,\n    MdListDivider,\n    MdListAvatar,\n    MdLineModule,\n    DefaultStyleCompatibilityModeModule,\n  ],\n  declarations: [MdList, MdListItem, MdListDivider, MdListAvatar],\n})\nexport class MdListModule {\n  static forRoot(): ModuleWithProviders {\n    return {\n      ngModule: MdListModule,\n      providers: []\n    };\n  }\n}\n"]}

package/list/list.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"MdListDivider":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"md-divider, mat-divider"}]}]},"MdList":{"__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-list, mat-list, md-nav-list, mat-nav-list","host":{"role":"list"},"template":"<ng-content></ng-content>","styleUrls":["list.css"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}]},"MdListAvatar":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[md-list-avatar], [mat-list-avatar]"}]}]},"MdListItem":{"__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-list-item, mat-list-item, a[md-list-item], a[mat-list-item]","host":{"role":"listitem","(focus)":"_handleFocus()","(blur)":"_handleBlur()"},"templateUrl":"list-item.html","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"_lines":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"../core","name":"MdLine"}]}]}],"_hasAvatar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"MdListAvatar"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"_handleFocus":[{"__symbolic":"method"}],"_handleBlur":[{"__symbolic":"method"}]}},"MdListModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"../core","name":"MdLineModule"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"exports":[{"__symbolic":"reference","name":"MdList"},{"__symbolic":"reference","name":"MdListItem"},{"__symbolic":"reference","name":"MdListDivider"},{"__symbolic":"reference","name":"MdListAvatar"},{"__symbolic":"reference","module":"../core","name":"MdLineModule"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"declarations":[{"__symbolic":"reference","name":"MdList"},{"__symbolic":"reference","name":"MdListItem"},{"__symbolic":"reference","name":"MdListDivider"},{"__symbolic":"reference","name":"MdListAvatar"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdListModule"},"providers":[]}}}}}},{"__symbolic":"module","metadata":{"MdListDivider":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"md-divider, mat-divider"}]}]},"MdList":{"__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-list, mat-list, md-nav-list, mat-nav-list","host":{"role":"list"},"template":"<ng-content></ng-content>","styleUrls":["list.css"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}]},"MdListAvatar":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[md-list-avatar], [mat-list-avatar]"}]}]},"MdListItem":{"__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-list-item, mat-list-item, a[md-list-item], a[mat-list-item]","host":{"role":"listitem","(focus)":"_handleFocus()","(blur)":"_handleBlur()"},"templateUrl":"list-item.html","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"_lines":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"../core","name":"MdLine"}]}]}],"_hasAvatar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"MdListAvatar"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"_handleFocus":[{"__symbolic":"method"}],"_handleBlur":[{"__symbolic":"method"}]}},"MdListModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"../core","name":"MdLineModule"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"exports":[{"__symbolic":"reference","name":"MdList"},{"__symbolic":"reference","name":"MdListItem"},{"__symbolic":"reference","name":"MdListDivider"},{"__symbolic":"reference","name":"MdListAvatar"},{"__symbolic":"reference","module":"../core","name":"MdLineModule"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"declarations":[{"__symbolic":"reference","name":"MdList"},{"__symbolic":"reference","name":"MdListItem"},{"__symbolic":"reference","name":"MdListDivider"},{"__symbolic":"reference","name":"MdListAvatar"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdListModule"},"providers":[]}}}}},"version":1}]

package/list/list.scss

@@ -1,181 +0,0 @@
-@import '../core/style/variables';
-@import '../core/style/list-common';
-
-
-$md-list-side-padding: 16px;
-$md-list-avatar-size: 40px;
-$md-list-icon-size: 24px;
-
-// Normal list variables
-$md-list-top-padding: 8px;
-$md-list-font-size: 16px;
-$md-list-secondary-font: 14px;
-// height for single-line lists
-$md-list-base-height: 48px;
-// height for single-line lists with avatars
-$md-list-avatar-height: 56px;
-// spec requires two- and three-line lists be taller
-$md-list-two-line-height: 72px;
-$md-list-three-line-height: 88px;
-
-// Dense list variables
-$md-dense-top-padding: 4px;
-$md-dense-font-size: 13px;
-$md-dense-base-height: 40px;
-$md-dense-avatar-height: 48px;
-$md-dense-two-line-height: 60px;
-$md-dense-three-line-height: 76px;
-
-// This mixin provides all list-item styles, changing font size and height
-// based on whether the list is in dense mode.
-@mixin md-list-item-base($font-size, $base-height, $avatar-height,
-  $two-line-height, $three-line-height) {
-
-  // Prevents the wrapper `md-list-item` from collapsing due to it being `inline` by default.
-  display: block;
-
-  .md-list-item {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    font-family: $md-font-family;
-    box-sizing: border-box;
-    font-size: $font-size;
-    height: $base-height;
-    padding: 0 $md-list-side-padding;
-  }
-
-  &.md-list-avatar .md-list-item {
-    height: $avatar-height;
-  }
-
-  &.md-2-line .md-list-item {
-    height: $two-line-height;
-  }
-
-
-  &.md-3-line .md-list-item {
-    height: $three-line-height;
-  }
-
-  // list items with more than 3 lines should expand to match
-  // the height of its contained text
-  &.md-multi-line .md-list-item {
-    height: 100%;
-    padding: 8px $md-list-side-padding;
-  }
-
-  .md-list-text {
-    @include md-line-wrapper-base();
-    padding: 0 $md-list-side-padding;
-
-    &:first-child {
-      padding: 0;
-    }
-  }
-
-  [md-list-avatar] {
-    flex-shrink: 0;
-    width: $md-list-avatar-size;
-    height: $md-list-avatar-size;
-    border-radius: 50%;
-  }
-
-  [md-list-icon] {
-    width: $md-list-icon-size;
-    height: $md-list-icon-size;
-    border-radius: 50%;
-    padding: 4px;
-  }
-}
-
-// This mixin provides all subheader styles, adjusting heights and padding
-// based on whether the list is in dense mode.
-@mixin md-subheader-base($top-padding, $secondary-size, $base-height) {
-  display: block;
-  box-sizing: border-box;
-  height: $base-height;
-  padding: $md-list-side-padding;
-  margin: 0;
-
-  font-size: $secondary-size;
-  font-weight: 500;
-
-  &:first-child {
-    margin-top: -$top-padding;
-  }
-}
-
-md-list, md-nav-list {
-  padding-top: $md-list-top-padding;
-  display: block;
-
-  [md-subheader] {
-    @include md-subheader-base(
-      $md-list-top-padding,
-      $md-list-secondary-font,
-      $md-list-base-height
-    );
-  }
-
-
-  md-list-item, a[md-list-item] {
-    @include md-list-item-base(
-      $md-list-font-size,
-      $md-list-base-height,
-      $md-list-avatar-height,
-      $md-list-two-line-height,
-      $md-list-three-line-height
-    );
-
-    @include md-line-base($md-list-secondary-font);
-  }
-}
-
-
-md-list[dense], md-nav-list[dense] {
-  padding-top: $md-dense-top-padding;
-  display: block;
-
-  [md-subheader] {
-    @include md-subheader-base(
-      $md-dense-top-padding,
-      $md-dense-font-size,
-      $md-dense-base-height
-    );
-  }
-
-  md-list-item, a[md-list-item] {
-    @include md-list-item-base(
-      $md-dense-font-size,
-      $md-dense-base-height,
-      $md-dense-avatar-height,
-      $md-dense-two-line-height,
-      $md-dense-three-line-height
-    );
-
-    @include md-line-base($md-dense-font-size);
-  }
-}
-
-md-divider {
-  display: block;
-  border-top-style: solid;
-  border-top-width: 1px;
-  margin: 0;
-}
-
-md-nav-list {
-  a {
-    text-decoration: none;
-    color: inherit;
-  }
-
-  .md-list-item {
-    cursor: pointer;
-
-    &:hover, &.md-list-item-focus {
-      outline: none;
-    }
-  }
-}

package/menu/OVERVIEW.md

@@ -1,62 +0,0 @@
-`<md-menu>` is a floating panel containing list of options. 
-
-<!-- example(menu-overview) -->
-
-By itself, the `<md-menu>` element does not render anything. The menu is attached to and opened 
-via application of the `mdMenuTriggerFor` directive:
-```ts
-<md-menu #appMenu="mdMenu">
-  <button md-menu-item> Settings </button>
-  <button md-menu-item> Help </button>
-</md-menu>
-
-<button md-icon-button [mdMenuTriggerFor]="appMenu">
-   <md-icon>more_vert</md-icon>
-</button>
-```
-
-### Toggling the menu programmatically
-The menu exposes an API to open/close programmatically. Please note that in this case, an 
-`mdMenuTriggerFor` directive is still necessary to attach the menu to a trigger element in the DOM.
-
-```ts
-class MyComponent {
-  @ViewChild(MdMenuTrigger) trigger: MdMenuTrigger;
-
-  someMethod() {
-    this.trigger.openMenu();
-  }
-}
-```
-
-### Icons
-Menus support displaying `md-icon` elements before the menu item text.
-
-*my-comp.html*
-```html
-<md-menu #menu="mdMenu">
-  <button md-menu-item>
-    <md-icon> dialpad </md-icon>
-    <span> Redial </span>
-  </button>
-  <button md-menu-item disabled>
-    <md-icon> voicemail </md-icon>
-    <span> Check voicemail </span>
-  </button>
-  <button md-menu-item>
-    <md-icon> notifications_off </md-icon>
-    <span> Disable alerts </span>
-  </button>
-</md-menu>
-```
-
-### Customizing menu position
-
-By default, the menu will display after and below its trigger.  The position can be changed
-using the `x-position` (`before | after`) and `y-position` (`above | below`) attributes.
-
-
-### Keyboard interaction
-- <kbd>DOWN_ARROW</kbd>: Focuses the next menu item
-- <kbd>UP_ARROW</kbd>: Focuses previous menu item
-- <kbd>ENTER</kbd>: Activates the focused menu item

package/menu/README.md

@@ -1,171 +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
-
-### 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 `mdMenuTriggerFor` 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 [mdMenuTriggerFor]="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 `mdMenuTriggerFor` 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 [mdMenuTriggerFor]="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>
-```
-
-### Adding an icon
-
-Menus also support displaying `md-icon` elements before the menu item text.
-
-*my-comp.html*
-```html
-<md-menu #menu="mdMenu">
-  <button md-menu-item>
-    <md-icon> dialpad </md-icon>
-    <span> Redial </span>
-  </button>
-  <button md-menu-item disabled>
-    <md-icon> voicemail </md-icon>
-    <span> Check voicemail </span>
-  </button>
-  <button md-menu-item>
-    <md-icon> notifications_off </md-icon>
-    <span> Disable alerts </span>
-  </button>
-</md-menu>
-```
-
-Output:
-
-<img src="https://material.angularjs.org/material2_assets/menu/icon_menu_closed.png">
-<img src="https://material.angularjs.org/material2_assets/menu/icon_menu_open.png">
-
-
-### 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,29 +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-content {
-    background: md-color($background, 'card');
-  }
-
-  [md-menu-item] {
-    background: transparent;
-    color: md-color($foreground, 'text');
-
-    &[disabled] {
-      color: md-color($foreground, 'disabled');
-    }
-
-    md-icon {
-      color: md-color($foreground, 'icon');
-    }
-
-    &:hover:not([disabled]), &:focus:not([disabled]) {
-      background: md-color($background, 'hover');
-    }
-  }
-}

package/menu/index.js

@@ -1,7 +0,0 @@
-export * from './menu';
-export { MdMenuTrigger } from './menu-trigger';
-export { fadeInItems, transformMenu } from './menu-animations';
-export { MdMenu } from './menu-directive';
-export { MdMenuItem } from './menu-item';
-
-//# sourceMappingURL=index.js.map

package/menu/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,SAAQ,aAAa,QAAO,gBAAgB,CAAC;AAC7C,SAAQ,WAAW,EAAE,aAAa,QAAO,mBAAmB,CAAC;AAC7D,SAAQ,MAAM,QAAO,kBAAkB,CAAC;AACxC,SAAQ,UAAU,QAAO,aAAa,CAAC","file":"index.js","sourcesContent":["export * from './menu';\nexport {MdMenuTrigger} from './menu-trigger';\nexport {fadeInItems, transformMenu} from './menu-animations';\nexport {MdMenu} from './menu-directive';\nexport {MdMenuItem} from './menu-item';\n"]}

package/menu/menu-animations.d.ts

@@ -1,19 +0,0 @@
-import { AnimationEntryMetadata } from '@angular/core';
-/**
- * Below are all the animations for the md-menu component.
- * Animation duration and timing values are based on Material 1.
- */
-/**
- * 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: AnimationEntryMetadata;
-/**
- * This animation fades in the background color and content of the menu panel
- * after its containing element is scaled in.
- */
-export declare const fadeInItems: AnimationEntryMetadata;