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

package/grid-list/grid-list.js

@@ -1,165 +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);
-};
-var __param = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
-import { NgModule, Component, ViewEncapsulation, Input, ContentChildren, QueryList, Renderer, ElementRef, Optional } from '@angular/core';
-import { MdGridTile, MdGridTileText } from './grid-tile';
-import { TileCoordinator } from './tile-coordinator';
-import { FitTileStyler, RatioTileStyler, FixedTileStyler } from './tile-styler';
-import { MdGridListColsError } from './grid-list-errors';
-import { Dir, MdLineModule } from '../core';
-import { coerceToString, coerceToNumber } from './grid-list-measure';
-// TODO(kara): Conditional (responsive) column count / row size.
-// TODO(kara): Re-layout on window resize / media change (debounced).
-// TODO(kara): gridTileHeader and gridTileFooter.
-var MD_FIT_MODE = 'fit';
-export var MdGridList = (function () {
-    function MdGridList(_renderer, _element, _dir) {
-        this._renderer = _renderer;
-        this._element = _element;
-        this._dir = _dir;
-        /** The amount of space between tiles. This will be something like '5px' or '2em'. */
-        this._gutter = '1px';
-    }
-    Object.defineProperty(MdGridList.prototype, "cols", {
-        get: function () {
-            return this._cols;
-        },
-        set: function (value) {
-            this._cols = coerceToNumber(value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdGridList.prototype, "gutterSize", {
-        get: function () {
-            return this._gutter;
-        },
-        set: function (value) {
-            this._gutter = coerceToString(value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdGridList.prototype, "rowHeight", {
-        /** Set internal representation of row height from the user-provided value. */
-        set: function (value) {
-            this._rowHeight = coerceToString(value);
-            this._setTileStyler();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /** TODO: internal */
-    MdGridList.prototype.ngOnInit = function () {
-        this._checkCols();
-        this._checkRowHeight();
-    };
-    /**
-     * The layout calculation is fairly cheap if nothing changes, so there's little cost
-     * to run it frequently.
-     * TODO: internal
-     */
-    MdGridList.prototype.ngAfterContentChecked = function () {
-        this._layoutTiles();
-    };
-    /** Throw a friendly error if cols property is missing */
-    MdGridList.prototype._checkCols = function () {
-        if (!this.cols) {
-            throw new MdGridListColsError();
-        }
-    };
-    /** Default to equal width:height if rowHeight property is missing */
-    MdGridList.prototype._checkRowHeight = function () {
-        if (!this._rowHeight) {
-            this._tileStyler = new RatioTileStyler('1:1');
-        }
-    };
-    /** Creates correct Tile Styler subtype based on rowHeight passed in by user */
-    MdGridList.prototype._setTileStyler = function () {
-        if (this._rowHeight === MD_FIT_MODE) {
-            this._tileStyler = new FitTileStyler();
-        }
-        else if (this._rowHeight && this._rowHeight.match(/:/g)) {
-            this._tileStyler = new RatioTileStyler(this._rowHeight);
-        }
-        else {
-            this._tileStyler = new FixedTileStyler(this._rowHeight);
-        }
-    };
-    /** Computes and applies the size and position for all children grid tiles. */
-    MdGridList.prototype._layoutTiles = function () {
-        var tiles = this._tiles.toArray();
-        var tracker = new TileCoordinator(this.cols, tiles);
-        var direction = this._dir ? this._dir.value : 'ltr';
-        this._tileStyler.init(this.gutterSize, tracker, this.cols, direction);
-        for (var i = 0; i < tiles.length; i++) {
-            var pos = tracker.positions[i];
-            var tile = tiles[i];
-            this._tileStyler.setStyle(tile, pos.row, pos.col);
-        }
-        this._setListStyle(this._tileStyler.getComputedHeight());
-    };
-    /** Sets style on the main grid-list element, given the style name and value. */
-    MdGridList.prototype._setListStyle = function (style) {
-        if (style) {
-            this._renderer.setElementStyle(this._element.nativeElement, style[0], style[1]);
-        }
-    };
-    __decorate([
-        ContentChildren(MdGridTile), 
-        __metadata('design:type', QueryList)
-    ], MdGridList.prototype, "_tiles", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdGridList.prototype, "cols", null);
-    __decorate([
-        Input('gutterSize'), 
-        __metadata('design:type', Object)
-    ], MdGridList.prototype, "gutterSize", null);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object), 
-        __metadata('design:paramtypes', [Object])
-    ], MdGridList.prototype, "rowHeight", null);
-    MdGridList = __decorate([
-        Component({selector: 'md-grid-list',
-            template: "<div class=\"md-grid-list\"> <ng-content></ng-content> </div>",
-            styles: ["md-grid-list { display: block; position: relative; } md-grid-tile { display: block; position: absolute; overflow: hidden; } md-grid-tile figure { display: flex; position: absolute; align-items: center; justify-content: center; height: 100%; top: 0; right: 0; bottom: 0; left: 0; padding: 0; margin: 0; } md-grid-tile md-grid-tile-header, md-grid-tile md-grid-tile-footer { display: flex; align-items: center; height: 48px; color: #fff; background: rgba(0, 0, 0, 0.38); overflow: hidden; padding: 0 16px; font-size: 16px; position: absolute; left: 0; right: 0; } md-grid-tile md-grid-tile-header [md-line], md-grid-tile md-grid-tile-footer [md-line] { white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } md-grid-tile md-grid-tile-header [md-line]:nth-child(n+2), md-grid-tile md-grid-tile-footer [md-line]:nth-child(n+2) { font-size: 12px; } md-grid-tile md-grid-tile-header > *, md-grid-tile md-grid-tile-footer > * { margin: 0; padding: 0; font-weight: normal; font-size: inherit; } md-grid-tile md-grid-tile-header.md-2-line, md-grid-tile md-grid-tile-footer.md-2-line { height: 68px; } md-grid-tile .md-grid-list-text { display: flex; flex-direction: column; width: 100%; box-sizing: border-box; overflow: hidden; } md-grid-tile .md-grid-list-text > * { margin: 0; padding: 0; font-weight: normal; font-size: inherit; } md-grid-tile .md-grid-list-text:empty { display: none; } md-grid-tile md-grid-tile-header { top: 0; } md-grid-tile md-grid-tile-footer { bottom: 0; } md-grid-tile [md-grid-avatar] { padding-right: 16px; } [dir='rtl'] md-grid-tile [md-grid-avatar] { padding-right: 0; padding-left: 16px; } md-grid-tile [md-grid-avatar]:empty { display: none; } /*# sourceMappingURL=grid-list.css.map */ "],
-            encapsulation: ViewEncapsulation.None,
-        }),
-        __param(2, Optional()), 
-        __metadata('design:paramtypes', [Renderer, ElementRef, Dir])
-    ], MdGridList);
-    return MdGridList;
-}());
-export var MdGridListModule = (function () {
-    function MdGridListModule() {
-    }
-    MdGridListModule.forRoot = function () {
-        return {
-            ngModule: MdGridListModule,
-            providers: []
-        };
-    };
-    MdGridListModule = __decorate([
-        NgModule({
-            imports: [MdLineModule],
-            exports: [MdGridList, MdGridTile, MdGridTileText, MdLineModule],
-            declarations: [MdGridList, MdGridTile, MdGridTileText],
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdGridListModule);
-    return MdGridListModule;
-}());
-
-//# sourceMappingURL=grid-list.js.map

package/grid-list/grid-list.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["grid-list/grid-list.ts"],"names":[],"mappings":"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","file":"grid-list/grid-list.js","sourcesContent":["import {\n  NgModule,\n  ModuleWithProviders,\n  Component,\n  ViewEncapsulation,\n  AfterContentChecked,\n  OnInit,\n  Input,\n  ContentChildren,\n  QueryList,\n  Renderer,\n  ElementRef,\n  Optional\n} from '@angular/core';\nimport {MdGridTile, MdGridTileText} from './grid-tile';\nimport {TileCoordinator} from './tile-coordinator';\nimport {\n    TileStyler,\n    FitTileStyler,\n    RatioTileStyler,\n    FixedTileStyler\n} from './tile-styler';\nimport {MdGridListColsError} from './grid-list-errors';\nimport {Dir, MdLineModule} from '../core';\nimport {coerceToString, coerceToNumber} from './grid-list-measure';\n\n// TODO(kara): Conditional (responsive) column count / row size.\n// TODO(kara): Re-layout on window resize / media change (debounced).\n// TODO(kara): gridTileHeader and gridTileFooter.\n\nconst MD_FIT_MODE = 'fit';\n\n@Component({\n  moduleId: module.id,\n  selector: 'md-grid-list',\n  templateUrl: 'grid-list.html',\n  styleUrls: ['grid-list.css'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class MdGridList implements OnInit, AfterContentChecked {\n  /** Number of columns being rendered. */\n  private _cols: number;\n\n  /**\n   * Row height value passed in by user. This can be one of three types:\n   * - Number value (ex: \"100px\"):  sets a fixed row height to that value\n   * - Ratio value (ex: \"4:3\"): sets the row height based on width:height ratio\n   * - \"Fit\" mode (ex: \"fit\"): sets the row height to total height divided by number of rows\n   */\n  private _rowHeight: string;\n\n  /** The amount of space between tiles. This will be something like '5px' or '2em'. */\n  private _gutter: string = '1px';\n\n  /** Sets position and size styles for a tile */\n  private _tileStyler: TileStyler;\n\n  /** Query list of tiles that are being rendered. */\n  @ContentChildren(MdGridTile) _tiles: QueryList<MdGridTile>;\n\n  constructor(\n      private _renderer: Renderer,\n      private _element: ElementRef,\n      @Optional() private _dir: Dir) {}\n\n  @Input()\n  get cols() {\n    return this._cols;\n  }\n\n  set cols(value: any) {\n    this._cols = coerceToNumber(value);\n  }\n\n  @Input('gutterSize')\n  get gutterSize() {\n    return this._gutter;\n  }\n\n  set gutterSize(value: any) {\n    this._gutter = coerceToString(value);\n  }\n\n  /** Set internal representation of row height from the user-provided value. */\n  @Input()\n  set rowHeight(value: string | number) {\n    this._rowHeight = coerceToString(value);\n    this._setTileStyler();\n  }\n\n  /** TODO: internal */\n  ngOnInit() {\n    this._checkCols();\n    this._checkRowHeight();\n  }\n\n  /**\n   * The layout calculation is fairly cheap if nothing changes, so there's little cost\n   * to run it frequently.\n   * TODO: internal\n   */\n  ngAfterContentChecked() {\n    this._layoutTiles();\n  }\n\n  /** Throw a friendly error if cols property is missing */\n  private _checkCols() {\n    if (!this.cols) {\n      throw new MdGridListColsError();\n    }\n  }\n\n  /** Default to equal width:height if rowHeight property is missing */\n  private _checkRowHeight(): void {\n    if (!this._rowHeight) {\n      this._tileStyler = new RatioTileStyler('1:1');\n    }\n  }\n\n  /** Creates correct Tile Styler subtype based on rowHeight passed in by user */\n  private _setTileStyler(): void {\n    if (this._rowHeight === MD_FIT_MODE) {\n      this._tileStyler = new FitTileStyler();\n    } else if (this._rowHeight && this._rowHeight.match(/:/g)) {\n      this._tileStyler = new RatioTileStyler(this._rowHeight);\n    } else {\n      this._tileStyler = new FixedTileStyler(this._rowHeight);\n    }\n  }\n\n  /** Computes and applies the size and position for all children grid tiles. */\n  private _layoutTiles(): void {\n    let tiles = this._tiles.toArray();\n    let tracker = new TileCoordinator(this.cols, tiles);\n    let direction = this._dir ? this._dir.value : 'ltr';\n    this._tileStyler.init(this.gutterSize, tracker, this.cols, direction);\n\n    for (let i = 0; i < tiles.length; i++) {\n      let pos = tracker.positions[i];\n      let tile = tiles[i];\n      this._tileStyler.setStyle(tile, pos.row, pos.col);\n    }\n    this._setListStyle(this._tileStyler.getComputedHeight());\n  }\n\n  /** Sets style on the main grid-list element, given the style name and value. */\n  _setListStyle(style: [string, string]): void {\n    if (style) {\n      this._renderer.setElementStyle(this._element.nativeElement, style[0], style[1]);\n    }\n  }\n}\n\n\n@NgModule({\n  imports: [MdLineModule],\n  exports: [MdGridList, MdGridTile, MdGridTileText, MdLineModule],\n  declarations: [MdGridList, MdGridTile, MdGridTileText],\n})\nexport class MdGridListModule {\n  static forRoot(): ModuleWithProviders {\n    return {\n      ngModule: MdGridListModule,\n      providers: []\n    };\n  }\n}\n"],"sourceRoot":"/source/"}

package/grid-list/grid-list.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":1,"metadata":{"MdGridList":{"__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-grid-list","templateUrl":"grid-list.html","styleUrls":["grid-list.css"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"_tiles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./grid-tile","name":"MdGridTile"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"../core","name":"Dir"}]}],"cols":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"gutterSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["gutterSize"]}]}],"rowHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"_checkCols":[{"__symbolic":"method"}],"_checkRowHeight":[{"__symbolic":"method"}],"_setTileStyler":[{"__symbolic":"method"}],"_layoutTiles":[{"__symbolic":"method"}],"_setListStyle":[{"__symbolic":"method"}]}},"MdGridListModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"../core","name":"MdLineModule"}],"exports":[{"__symbolic":"reference","name":"MdGridList"},{"__symbolic":"reference","module":"./grid-tile","name":"MdGridTile"},{"__symbolic":"reference","module":"./grid-tile","name":"MdGridTileText"},{"__symbolic":"reference","module":"../core","name":"MdLineModule"}],"declarations":[{"__symbolic":"reference","name":"MdGridList"},{"__symbolic":"reference","module":"./grid-tile","name":"MdGridTile"},{"__symbolic":"reference","module":"./grid-tile","name":"MdGridTileText"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdGridListModule"},"providers":[]}}}}}}

package/grid-list/grid-list.scss

@@ -1,91 +0,0 @@
-@import '../core/style/list-common';
-
-
-// height of tile header or footer if it has one line
-$md-grid-list-one-line-height: 48px;
-// height of tile header or footer if it has two lines
-$md-grid-list-two-line-height: 68px;
-// side padding for text in tile headers and footers
-$md-grid-list-text-padding: 16px;
-
-// font styles for text in tile headers and footers
-$md-grid-list-font-size: 16px;
-$md-grid-list-secondary-font: 12px;
-
-md-grid-list {
-  display: block;
-  position: relative;
-}
-
-md-grid-tile {
-  display: block;
-  position: absolute;
-  overflow: hidden;
-
-  figure {
-    display: flex;
-    position: absolute;
-
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-
-    padding: 0;
-    margin: 0;
-  }
-
-  // Headers & footers
-  md-grid-tile-header,
-  md-grid-tile-footer {
-    @include md-line-base($md-grid-list-secondary-font);
-    @include md-normalize-text();
-
-    display: flex;
-    align-items: center;
-    height: $md-grid-list-one-line-height;
-    color: #fff;
-    background: rgba(0, 0, 0, 0.38);
-    overflow: hidden;
-    padding: 0 $md-grid-list-text-padding;
-    font-size: $md-grid-list-font-size;
-
-    // Positioning
-    position: absolute;
-    left: 0;
-    right: 0;
-
-    &.md-2-line {
-      height: $md-grid-list-two-line-height;
-    }
-  }
-
-  .md-grid-list-text {
-    @include md-line-wrapper-base();
-  }
-
-  md-grid-tile-header {
-    top: 0;
-  }
-
-  md-grid-tile-footer {
-    bottom: 0;
-  }
-
-  [md-grid-avatar] {
-    padding-right: $md-grid-list-text-padding;
-
-    [dir='rtl'] & {
-      padding-right: 0;
-      padding-left: $md-grid-list-text-padding;
-    }
-
-    &:empty {
-      display:none;
-    }
-  }
-}

package/grid-list/grid-tile-text.html

@@ -1,3 +0,0 @@
-<ng-content select="[md-grid-avatar]"></ng-content>
-<div class="md-grid-list-text"><ng-content select="[md-line]"></ng-content></div>
-<ng-content></ng-content>

package/grid-list/grid-tile.d.ts

@@ -1,28 +0,0 @@
-import { Renderer, ElementRef, QueryList, AfterContentInit } from '@angular/core';
-import { MdLine, MdLineSetter } from '../core';
-export declare class MdGridTile {
-    private _renderer;
-    private _element;
-    _rowspan: number;
-    _colspan: number;
-    constructor(_renderer: Renderer, _element: ElementRef);
-    rowspan: number;
-    colspan: number;
-    /**
-     * Sets the style of the grid-tile element.  Needs to be set manually to avoid
-     * "Changed after checked" errors that would occur with HostBinding.
-     */
-    _setStyle(property: string, value: string): void;
-}
-export declare class MdGridTileText implements AfterContentInit {
-    private _renderer;
-    private _element;
-    /**
-     *  Helper that watches the number of lines in a text area and sets
-     * a class on the host element that matches the line count.
-     */
-    _lineSetter: MdLineSetter;
-    _lines: QueryList<MdLine>;
-    constructor(_renderer: Renderer, _element: ElementRef);
-    ngAfterContentInit(): void;
-}

package/grid-list/grid-tile.html

@@ -1,4 +0,0 @@
-<!-- TODO(kara): Revisit why this is a figure.-->
-<figure>
-  <ng-content></ng-content>
-</figure>

package/grid-list/grid-tile.js

@@ -1,87 +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, Renderer, ElementRef, Input, ContentChildren, QueryList } from '@angular/core';
-import { MdLine, MdLineSetter } from '../core';
-import { coerceToNumber } from './grid-list-measure';
-export var MdGridTile = (function () {
-    function MdGridTile(_renderer, _element) {
-        this._renderer = _renderer;
-        this._element = _element;
-        this._rowspan = 1;
-        this._colspan = 1;
-    }
-    Object.defineProperty(MdGridTile.prototype, "rowspan", {
-        get: function () {
-            return this._rowspan;
-        },
-        set: function (value) {
-            this._rowspan = coerceToNumber(value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdGridTile.prototype, "colspan", {
-        get: function () {
-            return this._colspan;
-        },
-        set: function (value) {
-            this._colspan = coerceToNumber(value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Sets the style of the grid-tile element.  Needs to be set manually to avoid
-     * "Changed after checked" errors that would occur with HostBinding.
-     */
-    MdGridTile.prototype._setStyle = function (property, value) {
-        this._renderer.setElementStyle(this._element.nativeElement, property, value);
-    };
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdGridTile.prototype, "rowspan", null);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdGridTile.prototype, "colspan", null);
-    MdGridTile = __decorate([
-        Component({selector: 'md-grid-tile',
-            host: { 'role': 'listitem' },
-            template: "<!-- TODO(kara): Revisit why this is a figure.--> <figure> <ng-content></ng-content> </figure>",
-            styles: ["md-grid-list { display: block; position: relative; } md-grid-tile { display: block; position: absolute; overflow: hidden; } md-grid-tile figure { display: flex; position: absolute; align-items: center; justify-content: center; height: 100%; top: 0; right: 0; bottom: 0; left: 0; padding: 0; margin: 0; } md-grid-tile md-grid-tile-header, md-grid-tile md-grid-tile-footer { display: flex; align-items: center; height: 48px; color: #fff; background: rgba(0, 0, 0, 0.38); overflow: hidden; padding: 0 16px; font-size: 16px; position: absolute; left: 0; right: 0; } md-grid-tile md-grid-tile-header [md-line], md-grid-tile md-grid-tile-footer [md-line] { white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } md-grid-tile md-grid-tile-header [md-line]:nth-child(n+2), md-grid-tile md-grid-tile-footer [md-line]:nth-child(n+2) { font-size: 12px; } md-grid-tile md-grid-tile-header > *, md-grid-tile md-grid-tile-footer > * { margin: 0; padding: 0; font-weight: normal; font-size: inherit; } md-grid-tile md-grid-tile-header.md-2-line, md-grid-tile md-grid-tile-footer.md-2-line { height: 68px; } md-grid-tile .md-grid-list-text { display: flex; flex-direction: column; width: 100%; box-sizing: border-box; overflow: hidden; } md-grid-tile .md-grid-list-text > * { margin: 0; padding: 0; font-weight: normal; font-size: inherit; } md-grid-tile .md-grid-list-text:empty { display: none; } md-grid-tile md-grid-tile-header { top: 0; } md-grid-tile md-grid-tile-footer { bottom: 0; } md-grid-tile [md-grid-avatar] { padding-right: 16px; } [dir='rtl'] md-grid-tile [md-grid-avatar] { padding-right: 0; padding-left: 16px; } md-grid-tile [md-grid-avatar]:empty { display: none; } /*# sourceMappingURL=grid-list.css.map */ "],
-            encapsulation: ViewEncapsulation.None,
-        }), 
-        __metadata('design:paramtypes', [Renderer, ElementRef])
-    ], MdGridTile);
-    return MdGridTile;
-}());
-export var MdGridTileText = (function () {
-    function MdGridTileText(_renderer, _element) {
-        this._renderer = _renderer;
-        this._element = _element;
-    }
-    MdGridTileText.prototype.ngAfterContentInit = function () {
-        this._lineSetter = new MdLineSetter(this._lines, this._renderer, this._element);
-    };
-    __decorate([
-        ContentChildren(MdLine), 
-        __metadata('design:type', QueryList)
-    ], MdGridTileText.prototype, "_lines", void 0);
-    MdGridTileText = __decorate([
-        Component({selector: 'md-grid-tile-header, md-grid-tile-footer',
-            template: "<ng-content select=\"[md-grid-avatar]\"></ng-content> <div class=\"md-grid-list-text\"><ng-content select=\"[md-line]\"></ng-content></div> <ng-content></ng-content>"
-        }), 
-        __metadata('design:paramtypes', [Renderer, ElementRef])
-    ], MdGridTileText);
-    return MdGridTileText;
-}());
-
-//# sourceMappingURL=grid-tile.js.map

package/grid-list/grid-tile.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["grid-list/grid-tile.ts"],"names":[],"mappings":";;;;;;;;;OAAO,EACL,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,UAAU,EACV,KAAK,EACL,eAAe,EACf,SAAS,EAEV,MAAM,eAAe;OACf,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,SAAS;OACvC,EAAC,cAAc,EAAC,MAAM,qBAAqB;AAUlD;IAIE,oBAAoB,SAAmB,EAAU,QAAoB;QAAjD,cAAS,GAAT,SAAS,CAAU;QAAU,aAAQ,GAAR,QAAQ,CAAY;QAHrE,aAAQ,GAAW,CAAC,CAAC;QACrB,aAAQ,GAAW,CAAC,CAAC;IAEmD,CAAC;IAGzE,sBAAI,+BAAO;aAAX;YACE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;QACvB,CAAC;aAOD,UAAY,KAAK;YACf,IAAI,CAAC,QAAQ,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;QACxC,CAAC;;;OATA;IAGD,sBAAI,+BAAO;aAAX;YACE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;QACvB,CAAC;aAMD,UAAY,KAAK;YACf,IAAI,CAAC,QAAQ,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;QACxC,CAAC;;;OARA;IAUD;;;OAGG;IACH,8BAAS,GAAT,UAAU,QAAgB,EAAE,KAAa;QACvC,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;IAC/E,CAAC;IAxBD;QAAC,KAAK,EAAE;;6CAAA;IAKR;QAAC,KAAK,EAAE;;6CAAA;IAnBV;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,MAAM,CAAC,EAAE;YACnB,QAAQ,EAAE,cAAc;YACxB,IAAI,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;YAC5B,WAAW,EAAE,gBAAgB;YAC7B,SAAS,EAAE,CAAC,eAAe,CAAC;YAC5B,aAAa,EAAE,iBAAiB,CAAC,IAAI;SACtC,CAAC;;kBAAA;IAiCF,iBAAC;AAAD,CAhCA,AAgCC,IAAA;AAOD;IAQE,wBAAoB,SAAmB,EAAU,QAAoB;QAAjD,cAAS,GAAT,SAAS,CAAU;QAAU,aAAQ,GAAR,QAAQ,CAAY;IAAG,CAAC;IAEzE,2CAAkB,GAAlB;QACE,IAAI,CAAC,WAAW,GAAG,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAClF,CAAC;IAND;QAAC,eAAe,CAAC,MAAM,CAAC;;kDAAA;IAX1B;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,MAAM,CAAC,EAAE;YACnB,QAAQ,EAAE,0CAA0C;YACpD,WAAW,EAAE,qBAAqB;SACnC,CAAC;;sBAAA;IAcF,qBAAC;AAAD,CAbA,AAaC,IAAA","file":"grid-list/grid-tile.js","sourcesContent":["import {\n  Component,\n  ViewEncapsulation,\n  Renderer,\n  ElementRef,\n  Input,\n  ContentChildren,\n  QueryList,\n  AfterContentInit\n} from '@angular/core';\nimport { MdLine, MdLineSetter } from '../core';\nimport {coerceToNumber} from './grid-list-measure';\n\n@Component({\n  moduleId: module.id,\n  selector: 'md-grid-tile',\n  host: { 'role': 'listitem' },\n  templateUrl: 'grid-tile.html',\n  styleUrls: ['grid-list.css'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class MdGridTile {\n  _rowspan: number = 1;\n  _colspan: number = 1;\n\n  constructor(private _renderer: Renderer, private _element: ElementRef) {}\n\n  @Input()\n  get rowspan() {\n    return this._rowspan;\n  }\n\n  @Input()\n  get colspan() {\n    return this._colspan;\n  }\n\n  set rowspan(value) {\n    this._rowspan = coerceToNumber(value);\n  }\n\n  set colspan(value) {\n    this._colspan = coerceToNumber(value);\n  }\n\n  /**\n   * Sets the style of the grid-tile element.  Needs to be set manually to avoid\n   * \"Changed after checked\" errors that would occur with HostBinding.\n   */\n  _setStyle(property: string, value: string): void {\n    this._renderer.setElementStyle(this._element.nativeElement, property, value);\n  }\n\n}\n\n@Component({\n  moduleId: module.id,\n  selector: 'md-grid-tile-header, md-grid-tile-footer',\n  templateUrl: 'grid-tile-text.html'\n})\nexport class MdGridTileText implements AfterContentInit {\n  /**\n   *  Helper that watches the number of lines in a text area and sets\n   * a class on the host element that matches the line count.\n   */\n  _lineSetter: MdLineSetter;\n  @ContentChildren(MdLine) _lines: QueryList<MdLine>;\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\n"],"sourceRoot":"/source/"}

package/grid-list/grid-tile.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":1,"metadata":{"MdGridTile":{"__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-grid-tile","host":{"role":"listitem"},"templateUrl":"grid-tile.html","styleUrls":["grid-list.css"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"rowspan":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"colspan":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"_setStyle":[{"__symbolic":"method"}]}},"MdGridTileText":{"__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-grid-tile-header, md-grid-tile-footer","templateUrl":"grid-tile-text.html"}]}],"members":{"_lines":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"../core","name":"MdLine"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngAfterContentInit":[{"__symbolic":"method"}]}}}}

package/grid-list/index.js

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

package/grid-list/index.js.map

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

package/grid-list/tile-coordinator.d.ts

@@ -1,51 +0,0 @@
-import { MdGridTile } from './grid-tile';
-/**
- * Class for determining, from a list of tiles, the (row, col) position of each of those tiles
- * in the grid. This is necessary (rather than just rendering the tiles in normal document flow)
- * because the tiles can have a rowspan.
- *
- * The positioning algorithm greedily places each tile as soon as it encounters a gap in the grid
- * large enough to accommodate it so that the tiles still render in the same order in which they
- * are given.
- *
- * The basis of the algorithm is the use of an array to track the already placed tiles. Each
- * element of the array corresponds to a column, and the value indicates how many cells in that
- * column are already occupied; zero indicates an empty cell. Moving "down" to the next row
- * decrements each value in the tracking array (indicating that the column is one cell closer to
- * being free).
- */
-export declare class TileCoordinator {
-    /** Tracking array (see class description). */
-    tracker: number[];
-    /** Index at which the search for the next gap will start. */
-    columnIndex: number;
-    /** The current row index. */
-    rowIndex: number;
-    /** Gets the total number of rows occupied by tiles */
-    readonly rowCount: number;
-    /** Gets the total span of rows occupied by tiles.
-     * Ex: A list with 1 row that contains a tile with rowspan 2 will have a total rowspan of 2. */
-    readonly rowspan: number;
-    /** The computed (row, col) position of each tile (the output). */
-    positions: TilePosition[];
-    constructor(numColumns: number, tiles: MdGridTile[]);
-    /** Calculates the row and col position of a tile. */
-    private _trackTile(tile);
-    /** Finds the next available space large enough to fit the tile. */
-    private _findMatchingGap(tileCols);
-    /** Move "down" to the next row. */
-    private _nextRow();
-    /**
-     * Finds the end index (exclusive) of a gap given the index from which to start looking.
-     * The gap ends when a non-zero value is found.
-     */
-    private _findGapEndIndex(gapStartIndex);
-    /** Update the tile tracker to account for the given tile in the given space. */
-    private _markTilePosition(start, tile);
-}
-/** Simple data structure for tile position (row, col). */
-export declare class TilePosition {
-    row: number;
-    col: number;
-    constructor(row: number, col: number);
-}

package/grid-list/tile-coordinator.js

@@ -1,124 +0,0 @@
-import { MdGridTileTooWideError } from './grid-list-errors';
-/**
- * Class for determining, from a list of tiles, the (row, col) position of each of those tiles
- * in the grid. This is necessary (rather than just rendering the tiles in normal document flow)
- * because the tiles can have a rowspan.
- *
- * The positioning algorithm greedily places each tile as soon as it encounters a gap in the grid
- * large enough to accommodate it so that the tiles still render in the same order in which they
- * are given.
- *
- * The basis of the algorithm is the use of an array to track the already placed tiles. Each
- * element of the array corresponds to a column, and the value indicates how many cells in that
- * column are already occupied; zero indicates an empty cell. Moving "down" to the next row
- * decrements each value in the tracking array (indicating that the column is one cell closer to
- * being free).
- */
-export var TileCoordinator = (function () {
-    function TileCoordinator(numColumns, tiles) {
-        var _this = this;
-        /** Index at which the search for the next gap will start. */
-        this.columnIndex = 0;
-        /** The current row index. */
-        this.rowIndex = 0;
-        this.tracker = new Array(numColumns);
-        this.tracker.fill(0, 0, this.tracker.length);
-        this.positions = tiles.map(function (tile) { return _this._trackTile(tile); });
-    }
-    Object.defineProperty(TileCoordinator.prototype, "rowCount", {
-        /** Gets the total number of rows occupied by tiles */
-        get: function () { return this.rowIndex + 1; },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TileCoordinator.prototype, "rowspan", {
-        /** Gets the total span of rows occupied by tiles.
-         * Ex: A list with 1 row that contains a tile with rowspan 2 will have a total rowspan of 2. */
-        get: function () {
-            var lastRowMax = Math.max.apply(Math, this.tracker);
-            // if any of the tiles has a rowspan that pushes it beyond the total row count,
-            // add the difference to the rowcount
-            return lastRowMax > 1 ? this.rowCount + lastRowMax - 1 : this.rowCount;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /** Calculates the row and col position of a tile. */
-    TileCoordinator.prototype._trackTile = function (tile) {
-        // Find a gap large enough for this tile.
-        var gapStartIndex = this._findMatchingGap(tile.colspan);
-        // Place tile in the resulting gap.
-        this._markTilePosition(gapStartIndex, tile);
-        // The next time we look for a gap, the search will start at columnIndex, which should be
-        // immediately after the tile that has just been placed.
-        this.columnIndex = gapStartIndex + tile.colspan;
-        return new TilePosition(this.rowIndex, gapStartIndex);
-    };
-    /** Finds the next available space large enough to fit the tile. */
-    TileCoordinator.prototype._findMatchingGap = function (tileCols) {
-        if (tileCols > this.tracker.length) {
-            throw new MdGridTileTooWideError(tileCols, this.tracker.length);
-        }
-        // Start index is inclusive, end index is exclusive.
-        var gapStartIndex = -1;
-        var gapEndIndex = -1;
-        // Look for a gap large enough to fit the given tile. Empty spaces are marked with a zero.
-        do {
-            // If we've reached the end of the row, go to the next row.
-            if (this.columnIndex + tileCols > this.tracker.length) {
-                this._nextRow();
-                continue;
-            }
-            gapStartIndex = this.tracker.indexOf(0, this.columnIndex);
-            // If there are no more empty spaces in this row at all, move on to the next row.
-            if (gapStartIndex == -1) {
-                this._nextRow();
-                continue;
-            }
-            gapEndIndex = this._findGapEndIndex(gapStartIndex);
-            // If a gap large enough isn't found, we want to start looking immediately after the current
-            // gap on the next iteration.
-            this.columnIndex = gapStartIndex + 1;
-        } while (gapEndIndex - gapStartIndex < tileCols);
-        return gapStartIndex;
-    };
-    /** Move "down" to the next row. */
-    TileCoordinator.prototype._nextRow = function () {
-        this.columnIndex = 0;
-        this.rowIndex++;
-        // Decrement all spaces by one to reflect moving down one row.
-        for (var i = 0; i < this.tracker.length; i++) {
-            this.tracker[i] = Math.max(0, this.tracker[i] - 1);
-        }
-    };
-    /**
-     * Finds the end index (exclusive) of a gap given the index from which to start looking.
-     * The gap ends when a non-zero value is found.
-     */
-    TileCoordinator.prototype._findGapEndIndex = function (gapStartIndex) {
-        for (var i = gapStartIndex + 1; i < this.tracker.length; i++) {
-            if (this.tracker[i] != 0) {
-                return i;
-            }
-        }
-        // The gap ends with the end of the row.
-        return this.tracker.length;
-    };
-    /** Update the tile tracker to account for the given tile in the given space. */
-    TileCoordinator.prototype._markTilePosition = function (start, tile) {
-        for (var i = 0; i < tile.colspan; i++) {
-            this.tracker[start + i] = tile.rowspan;
-        }
-    };
-    return TileCoordinator;
-}());
-/** Simple data structure for tile position (row, col). */
-export var TilePosition = (function () {
-    function TilePosition(row, col) {
-        this.row = row;
-        this.col = col;
-    }
-    return TilePosition;
-}());
-
-//# sourceMappingURL=tile-coordinator.js.map

package/grid-list/tile-coordinator.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["grid-list/tile-coordinator.ts"],"names":[],"mappings":"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","file":"grid-list/tile-coordinator.js","sourcesContent":["import {MdGridTile} from './grid-tile';\nimport {MdGridTileTooWideError} from './grid-list-errors';\n\n/**\n * Class for determining, from a list of tiles, the (row, col) position of each of those tiles\n * in the grid. This is necessary (rather than just rendering the tiles in normal document flow)\n * because the tiles can have a rowspan.\n *\n * The positioning algorithm greedily places each tile as soon as it encounters a gap in the grid\n * large enough to accommodate it so that the tiles still render in the same order in which they\n * are given.\n *\n * The basis of the algorithm is the use of an array to track the already placed tiles. Each\n * element of the array corresponds to a column, and the value indicates how many cells in that\n * column are already occupied; zero indicates an empty cell. Moving \"down\" to the next row\n * decrements each value in the tracking array (indicating that the column is one cell closer to\n * being free).\n */\nexport class TileCoordinator {\n  /** Tracking array (see class description). */\n  tracker: number[];\n\n  /** Index at which the search for the next gap will start. */\n  columnIndex: number = 0;\n\n  /** The current row index. */\n  rowIndex: number = 0;\n\n  /** Gets the total number of rows occupied by tiles */\n  get rowCount(): number { return this.rowIndex + 1; }\n\n  /** Gets the total span of rows occupied by tiles.\n   * Ex: A list with 1 row that contains a tile with rowspan 2 will have a total rowspan of 2. */\n  get rowspan() {\n    let lastRowMax = Math.max(...this.tracker);\n    // if any of the tiles has a rowspan that pushes it beyond the total row count,\n    // add the difference to the rowcount\n    return lastRowMax > 1 ? this.rowCount + lastRowMax - 1 : this.rowCount;\n  }\n\n  /** The computed (row, col) position of each tile (the output). */\n  positions: TilePosition[];\n\n  constructor(numColumns: number, tiles: MdGridTile[]) {\n    this.tracker = new Array(numColumns);\n    this.tracker.fill(0, 0, this.tracker.length);\n\n    this.positions = tiles.map(tile => this._trackTile(tile));\n  }\n\n  /** Calculates the row and col position of a tile. */\n  private _trackTile(tile: MdGridTile): TilePosition {\n    // Find a gap large enough for this tile.\n    let gapStartIndex = this._findMatchingGap(tile.colspan);\n\n    // Place tile in the resulting gap.\n    this._markTilePosition(gapStartIndex, tile);\n\n    // The next time we look for a gap, the search will start at columnIndex, which should be\n    // immediately after the tile that has just been placed.\n    this.columnIndex = gapStartIndex + tile.colspan;\n\n    return new TilePosition(this.rowIndex, gapStartIndex);\n  }\n\n  /** Finds the next available space large enough to fit the tile. */\n  private _findMatchingGap(tileCols: number): number {\n    if (tileCols > this.tracker.length) {\n      throw new MdGridTileTooWideError(tileCols, this.tracker.length);\n    }\n\n    // Start index is inclusive, end index is exclusive.\n    let gapStartIndex = -1;\n    let gapEndIndex = -1;\n\n    // Look for a gap large enough to fit the given tile. Empty spaces are marked with a zero.\n    do {\n      // If we've reached the end of the row, go to the next row.\n      if (this.columnIndex + tileCols > this.tracker.length) {\n        this._nextRow();\n        continue;\n      }\n\n      gapStartIndex = this.tracker.indexOf(0, this.columnIndex);\n\n      // If there are no more empty spaces in this row at all, move on to the next row.\n      if (gapStartIndex == -1) {\n        this._nextRow();\n        continue;\n      }\n\n      gapEndIndex = this._findGapEndIndex(gapStartIndex);\n\n      // If a gap large enough isn't found, we want to start looking immediately after the current\n      // gap on the next iteration.\n      this.columnIndex = gapStartIndex + 1;\n\n      // Continue iterating until we find a gap wide enough for this tile.\n    } while (gapEndIndex - gapStartIndex < tileCols);\n    return gapStartIndex;\n  }\n\n  /** Move \"down\" to the next row. */\n  private _nextRow(): void {\n    this.columnIndex = 0;\n    this.rowIndex++;\n\n    // Decrement all spaces by one to reflect moving down one row.\n    for (let i = 0; i < this.tracker.length; i++) {\n      this.tracker[i] = Math.max(0, this.tracker[i] - 1);\n    }\n  }\n\n  /**\n   * Finds the end index (exclusive) of a gap given the index from which to start looking.\n   * The gap ends when a non-zero value is found.\n   */\n  private _findGapEndIndex(gapStartIndex: number): number {\n    for (let i = gapStartIndex + 1; i < this.tracker.length; i++) {\n      if (this.tracker[i] != 0) {\n        return i;\n      }\n    }\n\n    // The gap ends with the end of the row.\n    return this.tracker.length;\n  }\n\n  /** Update the tile tracker to account for the given tile in the given space. */\n  private _markTilePosition(start: number, tile: MdGridTile): void {\n    for (let i = 0; i < tile.colspan; i++) {\n      this.tracker[start + i] = tile.rowspan;\n    }\n  }\n}\n\n/** Simple data structure for tile position (row, col). */\nexport class TilePosition {\n  constructor(public row: number, public col: number) {}\n}\n"],"sourceRoot":"/source/"}