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

package/grid-list/tile-coordinator.js

@@ -1,129 +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).
- *
- * @docs-private
- */
-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).
- * @docs-private
- */
-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":"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 *\n * @docs-private\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/**\n * Simple data structure for tile position (row, col).\n * @docs-private\n */\nexport class TilePosition {\n  constructor(public row: number, public col: number) {}\n}\n"]}

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

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"TileCoordinator":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","module":"./grid-tile","name":"MdGridTile"}]}]}],"_trackTile":[{"__symbolic":"method"}],"_findMatchingGap":[{"__symbolic":"method"}],"_nextRow":[{"__symbolic":"method"}],"_findGapEndIndex":[{"__symbolic":"method"}],"_markTilePosition":[{"__symbolic":"method"}]}},"TilePosition":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"}]}]}}}},{"__symbolic":"module","metadata":{"TileCoordinator":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","module":"./grid-tile","name":"MdGridTile"}]}]}],"_trackTile":[{"__symbolic":"method"}],"_findMatchingGap":[{"__symbolic":"method"}],"_nextRow":[{"__symbolic":"method"}],"_findGapEndIndex":[{"__symbolic":"method"}],"_markTilePosition":[{"__symbolic":"method"}]}},"TilePosition":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"}]}]}}},"version":1}]

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

@@ -1,112 +0,0 @@
-import { MdGridTile } from './grid-tile';
-import { TileCoordinator } from './tile-coordinator';
-/**
- * Sets the style properties for an individual tile, given the position calculated by the
- * Tile Coordinator.
- * @docs-private
- */
-export declare class TileStyler {
-    _gutterSize: string;
-    _rows: number;
-    _rowspan: number;
-    _cols: number;
-    _direction: string;
-    /**
-     * Adds grid-list layout info once it is available. Cannot be processed in the constructor
-     * because these properties haven't been calculated by that point.
-     *
-     * @param gutterSize Size of the grid's gutter.
-     * @param tracker Instance of the TileCoordinator.
-     * @param cols Amount of columns in the grid.
-     * @param direction Layout direction of the grid.
-     */
-    init(gutterSize: string, tracker: TileCoordinator, cols: number, direction: string): void;
-    /**
-     * Computes the amount of space a single 1x1 tile would take up (width or height).
-     * Used as a basis for other calculations.
-     * @param sizePercent Percent of the total grid-list space that one 1x1 tile would take up.
-     * @param gutterFraction Fraction of the gutter size taken up by one 1x1 tile.
-     * @return The size of a 1x1 tile as an expression that can be evaluated via CSS calc().
-     */
-    getBaseTileSize(sizePercent: number, gutterFraction: number): string;
-    /**
-     * Gets The horizontal or vertical position of a tile, e.g., the 'top' or 'left' property value.
-     * @param offset Number of tiles that have already been rendered in the row/column.
-     * @param baseSize Base size of a 1x1 tile (as computed in getBaseTileSize).
-     * @return Position of the tile as a CSS calc() expression.
-     */
-    getTilePosition(baseSize: string, offset: number): string;
-    /**
-     * Gets the actual size of a tile, e.g., width or height, taking rowspan or colspan into account.
-     * @param baseSize Base size of a 1x1 tile (as computed in getBaseTileSize).
-     * @param span The tile's rowspan or colspan.
-     * @return Size of the tile as a CSS calc() expression.
-     */
-    getTileSize(baseSize: string, span: number): string;
-    /**
-     * Sets the style properties to be applied to a tile for the given row and column index.
-     * @param tile Tile to which to apply the styling.
-     * @param rowIndex Index of the tile's row.
-     * @param colIndex Index of the tile's column.
-     */
-    setStyle(tile: MdGridTile, rowIndex: number, colIndex: number): void;
-    /** Sets the horizontal placement of the tile in the list. */
-    setColStyles(tile: MdGridTile, colIndex: number, percentWidth: number, gutterWidth: number): void;
-    /**
-     * Calculates the total size taken up by gutters across one axis of a list.
-     */
-    getGutterSpan(): string;
-    /**
-     * Calculates the total size taken up by tiles across one axis of a list.
-     * @param tileHeight Height of the tile.
-     */
-    getTileSpan(tileHeight: string): string;
-    /**
-     * Sets the vertical placement of the tile in the list.
-     * This method will be implemented by each type of TileStyler.
-     * @docs-private
-     */
-    setRowStyles(tile: MdGridTile, rowIndex: number, percentWidth: number, gutterWidth: number): void;
-    /**
-     * Calculates the computed height and returns the correct style property to set.
-     * This method will be implemented by each type of TileStyler.
-     * @docs-private
-     */
-    getComputedHeight(): [string, string];
-}
-/**
- * This type of styler is instantiated when the user passes in a fixed row height.
- * Example <md-grid-list cols="3" rowHeight="100px">
- * @docs-private
- */
-export declare class FixedTileStyler extends TileStyler {
-    fixedRowHeight: string;
-    constructor(fixedRowHeight: string);
-    init(gutterSize: string, tracker: TileCoordinator, cols: number, direction: string): void;
-    setRowStyles(tile: MdGridTile, rowIndex: number, percentWidth: number, gutterWidth: number): void;
-    getComputedHeight(): [string, string];
-}
-/**
- * This type of styler is instantiated when the user passes in a width:height ratio
- * for the row height.  Example <md-grid-list cols="3" rowHeight="3:1">
- * @docs-private
- */
-export declare class RatioTileStyler extends TileStyler {
-    /** Ratio width:height given by user to determine row height.*/
-    rowHeightRatio: number;
-    baseTileHeight: string;
-    constructor(value: string);
-    setRowStyles(tile: MdGridTile, rowIndex: number, percentWidth: number, gutterWidth: number): void;
-    getComputedHeight(): [string, string];
-    private _parseRatio(value);
-}
-/**
- * This type of styler is instantiated when the user selects a "fit" row height mode.
- * In other words, the row height will reflect the total height of the container divided
- * by the number of rows.  Example <md-grid-list cols="3" rowHeight="fit">
- *
- * @docs-private
- */
-export declare class FitTileStyler extends TileStyler {
-    setRowStyles(tile: MdGridTile, rowIndex: number, percentWidth: number, gutterWidth: number): void;
-}

package/grid-list/tile-styler.js

@@ -1,211 +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 { MdGridListBadRatioError } from './grid-list-errors';
-/**
- * Sets the style properties for an individual tile, given the position calculated by the
- * Tile Coordinator.
- * @docs-private
- */
-export var TileStyler = (function () {
-    function TileStyler() {
-        this._rows = 0;
-        this._rowspan = 0;
-    }
-    /**
-     * Adds grid-list layout info once it is available. Cannot be processed in the constructor
-     * because these properties haven't been calculated by that point.
-     *
-     * @param gutterSize Size of the grid's gutter.
-     * @param tracker Instance of the TileCoordinator.
-     * @param cols Amount of columns in the grid.
-     * @param direction Layout direction of the grid.
-     */
-    TileStyler.prototype.init = function (gutterSize, tracker, cols, direction) {
-        this._gutterSize = normalizeUnits(gutterSize);
-        this._rows = tracker.rowCount;
-        this._rowspan = tracker.rowspan;
-        this._cols = cols;
-        this._direction = direction;
-    };
-    /**
-     * Computes the amount of space a single 1x1 tile would take up (width or height).
-     * Used as a basis for other calculations.
-     * @param sizePercent Percent of the total grid-list space that one 1x1 tile would take up.
-     * @param gutterFraction Fraction of the gutter size taken up by one 1x1 tile.
-     * @return The size of a 1x1 tile as an expression that can be evaluated via CSS calc().
-     */
-    TileStyler.prototype.getBaseTileSize = function (sizePercent, gutterFraction) {
-        // Take the base size percent (as would be if evenly dividing the size between cells),
-        // and then subtracting the size of one gutter. However, since there are no gutters on the
-        // edges, each tile only uses a fraction (gutterShare = numGutters / numCells) of the gutter
-        // size. (Imagine having one gutter per tile, and then breaking up the extra gutter on the
-        // edge evenly among the cells).
-        return "(" + sizePercent + "% - ( " + this._gutterSize + " * " + gutterFraction + " ))";
-    };
-    /**
-     * Gets The horizontal or vertical position of a tile, e.g., the 'top' or 'left' property value.
-     * @param offset Number of tiles that have already been rendered in the row/column.
-     * @param baseSize Base size of a 1x1 tile (as computed in getBaseTileSize).
-     * @return Position of the tile as a CSS calc() expression.
-     */
-    TileStyler.prototype.getTilePosition = function (baseSize, offset) {
-        // The position comes the size of a 1x1 tile plus gutter for each previous tile in the
-        // row/column (offset).
-        return calc("(" + baseSize + " + " + this._gutterSize + ") * " + offset);
-    };
-    /**
-     * Gets the actual size of a tile, e.g., width or height, taking rowspan or colspan into account.
-     * @param baseSize Base size of a 1x1 tile (as computed in getBaseTileSize).
-     * @param span The tile's rowspan or colspan.
-     * @return Size of the tile as a CSS calc() expression.
-     */
-    TileStyler.prototype.getTileSize = function (baseSize, span) {
-        return "(" + baseSize + " * " + span + ") + (" + (span - 1) + " * " + this._gutterSize + ")";
-    };
-    /**
-     * Sets the style properties to be applied to a tile for the given row and column index.
-     * @param tile Tile to which to apply the styling.
-     * @param rowIndex Index of the tile's row.
-     * @param colIndex Index of the tile's column.
-     */
-    TileStyler.prototype.setStyle = function (tile, rowIndex, colIndex) {
-        // Percent of the available horizontal space that one column takes up.
-        var percentWidthPerTile = 100 / this._cols;
-        // Fraction of the vertical gutter size that each column takes up.
-        // For example, if there are 5 columns, each column uses 4/5 = 0.8 times the gutter width.
-        var gutterWidthFractionPerTile = (this._cols - 1) / this._cols;
-        this.setColStyles(tile, colIndex, percentWidthPerTile, gutterWidthFractionPerTile);
-        this.setRowStyles(tile, rowIndex, percentWidthPerTile, gutterWidthFractionPerTile);
-    };
-    /** Sets the horizontal placement of the tile in the list. */
-    TileStyler.prototype.setColStyles = function (tile, colIndex, percentWidth, gutterWidth) {
-        // Base horizontal size of a column.
-        var baseTileWidth = this.getBaseTileSize(percentWidth, gutterWidth);
-        // The width and horizontal position of each tile is always calculated the same way, but the
-        // height and vertical position depends on the rowMode.
-        var side = this._direction === 'ltr' ? 'left' : 'right';
-        tile._setStyle(side, this.getTilePosition(baseTileWidth, colIndex));
-        tile._setStyle('width', calc(this.getTileSize(baseTileWidth, tile.colspan)));
-    };
-    /**
-     * Calculates the total size taken up by gutters across one axis of a list.
-     */
-    TileStyler.prototype.getGutterSpan = function () {
-        return this._gutterSize + " * (" + this._rowspan + " - 1)";
-    };
-    /**
-     * Calculates the total size taken up by tiles across one axis of a list.
-     * @param tileHeight Height of the tile.
-     */
-    TileStyler.prototype.getTileSpan = function (tileHeight) {
-        return this._rowspan + " * " + this.getTileSize(tileHeight, 1);
-    };
-    /**
-     * Sets the vertical placement of the tile in the list.
-     * This method will be implemented by each type of TileStyler.
-     * @docs-private
-     */
-    TileStyler.prototype.setRowStyles = function (tile, rowIndex, percentWidth, gutterWidth) { };
-    /**
-     * Calculates the computed height and returns the correct style property to set.
-     * This method will be implemented by each type of TileStyler.
-     * @docs-private
-     */
-    TileStyler.prototype.getComputedHeight = function () { return null; };
-    return TileStyler;
-}());
-/**
- * This type of styler is instantiated when the user passes in a fixed row height.
- * Example <md-grid-list cols="3" rowHeight="100px">
- * @docs-private
- */
-export var FixedTileStyler = (function (_super) {
-    __extends(FixedTileStyler, _super);
-    function FixedTileStyler(fixedRowHeight) {
-        _super.call(this);
-        this.fixedRowHeight = fixedRowHeight;
-    }
-    FixedTileStyler.prototype.init = function (gutterSize, tracker, cols, direction) {
-        _super.prototype.init.call(this, gutterSize, tracker, cols, direction);
-        this.fixedRowHeight = normalizeUnits(this.fixedRowHeight);
-    };
-    FixedTileStyler.prototype.setRowStyles = function (tile, rowIndex, percentWidth, gutterWidth) {
-        tile._setStyle('top', this.getTilePosition(this.fixedRowHeight, rowIndex));
-        tile._setStyle('height', calc(this.getTileSize(this.fixedRowHeight, tile.rowspan)));
-    };
-    FixedTileStyler.prototype.getComputedHeight = function () {
-        return [
-            'height', calc(this.getTileSpan(this.fixedRowHeight) + " + " + this.getGutterSpan())
-        ];
-    };
-    return FixedTileStyler;
-}(TileStyler));
-/**
- * This type of styler is instantiated when the user passes in a width:height ratio
- * for the row height.  Example <md-grid-list cols="3" rowHeight="3:1">
- * @docs-private
- */
-export var RatioTileStyler = (function (_super) {
-    __extends(RatioTileStyler, _super);
-    function RatioTileStyler(value) {
-        _super.call(this);
-        this._parseRatio(value);
-    }
-    RatioTileStyler.prototype.setRowStyles = function (tile, rowIndex, percentWidth, gutterWidth) {
-        var percentHeightPerTile = percentWidth / this.rowHeightRatio;
-        this.baseTileHeight = this.getBaseTileSize(percentHeightPerTile, gutterWidth);
-        // Use paddingTop and marginTop to maintain the given aspect ratio, as
-        // a percentage-based value for these properties is applied versus the *width* of the
-        // containing block. See http://www.w3.org/TR/CSS2/box.html#margin-properties
-        tile._setStyle('marginTop', this.getTilePosition(this.baseTileHeight, rowIndex));
-        tile._setStyle('paddingTop', calc(this.getTileSize(this.baseTileHeight, tile.rowspan)));
-    };
-    RatioTileStyler.prototype.getComputedHeight = function () {
-        return [
-            'paddingBottom', calc(this.getTileSpan(this.baseTileHeight) + " + " + this.getGutterSpan())
-        ];
-    };
-    RatioTileStyler.prototype._parseRatio = function (value) {
-        var ratioParts = value.split(':');
-        if (ratioParts.length !== 2) {
-            throw new MdGridListBadRatioError(value);
-        }
-        this.rowHeightRatio = parseFloat(ratioParts[0]) / parseFloat(ratioParts[1]);
-    };
-    return RatioTileStyler;
-}(TileStyler));
-/**
- * This type of styler is instantiated when the user selects a "fit" row height mode.
- * In other words, the row height will reflect the total height of the container divided
- * by the number of rows.  Example <md-grid-list cols="3" rowHeight="fit">
- *
- * @docs-private
- */
-export var FitTileStyler = (function (_super) {
-    __extends(FitTileStyler, _super);
-    function FitTileStyler() {
-        _super.apply(this, arguments);
-    }
-    FitTileStyler.prototype.setRowStyles = function (tile, rowIndex, percentWidth, gutterWidth) {
-        // Percent of the available vertical space that one row takes up.
-        var percentHeightPerTile = 100 / this._rowspan;
-        // Fraction of the horizontal gutter size that each column takes up.
-        var gutterHeightPerTile = (this._rows - 1) / this._rows;
-        // Base vertical size of a column.
-        var baseTileHeight = this.getBaseTileSize(percentHeightPerTile, gutterHeightPerTile);
-        tile._setStyle('top', this.getTilePosition(baseTileHeight, rowIndex));
-        tile._setStyle('height', calc(this.getTileSize(baseTileHeight, tile.rowspan)));
-    };
-    return FitTileStyler;
-}(TileStyler));
-/** Wraps a CSS string in a calc function */
-function calc(exp) { return "calc(" + exp + ")"; }
-/** Appends pixels to a CSS string if no units are given. */
-function normalizeUnits(value) {
-    return (value.match(/px|em|rem/)) ? value : value + 'px';
-}
-
-//# sourceMappingURL=tile-styler.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["grid-list/tile-styler.ts"],"names":[],"mappings":"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","file":"tile-styler.js","sourcesContent":["import {MdGridTile} from './grid-tile';\nimport {TileCoordinator} from './tile-coordinator';\nimport {MdGridListBadRatioError} from './grid-list-errors';\n\n/**\n * Sets the style properties for an individual tile, given the position calculated by the\n * Tile Coordinator.\n * @docs-private\n */\nexport class TileStyler {\n  _gutterSize: string;\n  _rows: number = 0;\n  _rowspan: number = 0;\n  _cols: number;\n  _direction: string;\n\n  /**\n   * Adds grid-list layout info once it is available. Cannot be processed in the constructor\n   * because these properties haven't been calculated by that point.\n   *\n   * @param gutterSize Size of the grid's gutter.\n   * @param tracker Instance of the TileCoordinator.\n   * @param cols Amount of columns in the grid.\n   * @param direction Layout direction of the grid.\n   */\n  init(gutterSize: string, tracker: TileCoordinator, cols: number, direction: string): void {\n    this._gutterSize = normalizeUnits(gutterSize);\n    this._rows = tracker.rowCount;\n    this._rowspan = tracker.rowspan;\n    this._cols = cols;\n    this._direction = direction;\n  }\n\n  /**\n   * Computes the amount of space a single 1x1 tile would take up (width or height).\n   * Used as a basis for other calculations.\n   * @param sizePercent Percent of the total grid-list space that one 1x1 tile would take up.\n   * @param gutterFraction Fraction of the gutter size taken up by one 1x1 tile.\n   * @return The size of a 1x1 tile as an expression that can be evaluated via CSS calc().\n   */\n  getBaseTileSize(sizePercent: number, gutterFraction: number): string {\n    // Take the base size percent (as would be if evenly dividing the size between cells),\n    // and then subtracting the size of one gutter. However, since there are no gutters on the\n    // edges, each tile only uses a fraction (gutterShare = numGutters / numCells) of the gutter\n    // size. (Imagine having one gutter per tile, and then breaking up the extra gutter on the\n    // edge evenly among the cells).\n    return `(${sizePercent}% - ( ${this._gutterSize} * ${gutterFraction} ))`;\n  }\n\n\n  /**\n   * Gets The horizontal or vertical position of a tile, e.g., the 'top' or 'left' property value.\n   * @param offset Number of tiles that have already been rendered in the row/column.\n   * @param baseSize Base size of a 1x1 tile (as computed in getBaseTileSize).\n   * @return Position of the tile as a CSS calc() expression.\n   */\n  getTilePosition(baseSize: string, offset: number): string {\n    // The position comes the size of a 1x1 tile plus gutter for each previous tile in the\n    // row/column (offset).\n    return calc(`(${baseSize} + ${this._gutterSize}) * ${offset}`);\n  }\n\n\n  /**\n   * Gets the actual size of a tile, e.g., width or height, taking rowspan or colspan into account.\n   * @param baseSize Base size of a 1x1 tile (as computed in getBaseTileSize).\n   * @param span The tile's rowspan or colspan.\n   * @return Size of the tile as a CSS calc() expression.\n   */\n  getTileSize(baseSize: string, span: number): string {\n    return `(${baseSize} * ${span}) + (${span - 1} * ${this._gutterSize})`;\n  }\n\n\n  /**\n   * Sets the style properties to be applied to a tile for the given row and column index.\n   * @param tile Tile to which to apply the styling.\n   * @param rowIndex Index of the tile's row.\n   * @param colIndex Index of the tile's column.\n   */\n  setStyle(tile: MdGridTile, rowIndex: number, colIndex: number): void {\n    // Percent of the available horizontal space that one column takes up.\n    let percentWidthPerTile = 100 / this._cols;\n\n    // Fraction of the vertical gutter size that each column takes up.\n    // For example, if there are 5 columns, each column uses 4/5 = 0.8 times the gutter width.\n    let gutterWidthFractionPerTile = (this._cols - 1) / this._cols;\n\n    this.setColStyles(tile, colIndex, percentWidthPerTile, gutterWidthFractionPerTile);\n    this.setRowStyles(tile, rowIndex, percentWidthPerTile, gutterWidthFractionPerTile);\n  }\n\n  /** Sets the horizontal placement of the tile in the list. */\n  setColStyles(tile: MdGridTile, colIndex: number, percentWidth: number,\n               gutterWidth: number) {\n    // Base horizontal size of a column.\n    let baseTileWidth = this.getBaseTileSize(percentWidth, gutterWidth);\n\n    // The width and horizontal position of each tile is always calculated the same way, but the\n    // height and vertical position depends on the rowMode.\n    let side = this._direction === 'ltr' ? 'left' : 'right';\n    tile._setStyle(side, this.getTilePosition(baseTileWidth, colIndex));\n    tile._setStyle('width', calc(this.getTileSize(baseTileWidth, tile.colspan)));\n  }\n\n  /**\n   * Calculates the total size taken up by gutters across one axis of a list.\n   */\n  getGutterSpan(): string {\n    return `${this._gutterSize} * (${this._rowspan} - 1)`;\n  }\n\n  /**\n   * Calculates the total size taken up by tiles across one axis of a list.\n   * @param tileHeight Height of the tile.\n   */\n  getTileSpan(tileHeight: string): string {\n    return `${this._rowspan} * ${this.getTileSize(tileHeight, 1)}`;\n  }\n\n  /**\n   * Sets the vertical placement of the tile in the list.\n   * This method will be implemented by each type of TileStyler.\n   * @docs-private\n   */\n  setRowStyles(tile: MdGridTile, rowIndex: number, percentWidth: number, gutterWidth: number) {}\n\n  /**\n   * Calculates the computed height and returns the correct style property to set.\n   * This method will be implemented by each type of TileStyler.\n   * @docs-private\n   */\n  getComputedHeight(): [string, string] { return null; }\n}\n\n\n/**\n * This type of styler is instantiated when the user passes in a fixed row height.\n * Example <md-grid-list cols=\"3\" rowHeight=\"100px\">\n * @docs-private\n */\nexport class FixedTileStyler extends TileStyler {\n\n  constructor(public fixedRowHeight: string) { super(); }\n\n  init(gutterSize: string, tracker: TileCoordinator, cols: number, direction: string) {\n    super.init(gutterSize, tracker, cols, direction);\n    this.fixedRowHeight = normalizeUnits(this.fixedRowHeight);\n  }\n\n  setRowStyles(tile: MdGridTile, rowIndex: number, percentWidth: number,\n               gutterWidth: number): void {\n    tile._setStyle('top', this.getTilePosition(this.fixedRowHeight, rowIndex));\n    tile._setStyle('height', calc(this.getTileSize(this.fixedRowHeight, tile.rowspan)));\n  }\n\n  getComputedHeight(): [string, string] {\n    return [\n      'height', calc(`${this.getTileSpan(this.fixedRowHeight)} + ${this.getGutterSpan()}`)\n    ];\n  }\n}\n\n\n/**\n * This type of styler is instantiated when the user passes in a width:height ratio\n * for the row height.  Example <md-grid-list cols=\"3\" rowHeight=\"3:1\">\n * @docs-private\n */\nexport class RatioTileStyler extends TileStyler {\n\n  /** Ratio width:height given by user to determine row height.*/\n  rowHeightRatio: number;\n  baseTileHeight: string;\n\n  constructor(value: string) {\n    super();\n    this._parseRatio(value);\n  }\n\n  setRowStyles(tile: MdGridTile, rowIndex: number, percentWidth: number,\n               gutterWidth: number): void {\n    let percentHeightPerTile = percentWidth / this.rowHeightRatio;\n    this.baseTileHeight = this.getBaseTileSize(percentHeightPerTile, gutterWidth);\n\n    // Use paddingTop and marginTop to maintain the given aspect ratio, as\n    // a percentage-based value for these properties is applied versus the *width* of the\n    // containing block. See http://www.w3.org/TR/CSS2/box.html#margin-properties\n    tile._setStyle('marginTop', this.getTilePosition(this.baseTileHeight, rowIndex));\n    tile._setStyle('paddingTop', calc(this.getTileSize(this.baseTileHeight, tile.rowspan)));\n  }\n\n  getComputedHeight(): [string, string] {\n    return [\n      'paddingBottom', calc(`${this.getTileSpan(this.baseTileHeight)} + ${this.getGutterSpan()}`)\n    ];\n  }\n\n  private _parseRatio(value: string): void {\n    let ratioParts = value.split(':');\n\n    if (ratioParts.length !== 2) {\n      throw new MdGridListBadRatioError(value);\n    }\n\n    this.rowHeightRatio = parseFloat(ratioParts[0]) / parseFloat(ratioParts[1]);\n  }\n}\n\n/**\n * This type of styler is instantiated when the user selects a \"fit\" row height mode.\n * In other words, the row height will reflect the total height of the container divided\n * by the number of rows.  Example <md-grid-list cols=\"3\" rowHeight=\"fit\">\n *\n * @docs-private\n */\nexport class FitTileStyler extends TileStyler {\n\n  setRowStyles(tile: MdGridTile, rowIndex: number, percentWidth: number,\n               gutterWidth: number): void {\n    // Percent of the available vertical space that one row takes up.\n    let percentHeightPerTile = 100 / this._rowspan;\n\n    // Fraction of the horizontal gutter size that each column takes up.\n    let gutterHeightPerTile = (this._rows - 1) / this._rows;\n\n    // Base vertical size of a column.\n    let baseTileHeight = this.getBaseTileSize(percentHeightPerTile, gutterHeightPerTile);\n\n    tile._setStyle('top', this.getTilePosition(baseTileHeight, rowIndex));\n    tile._setStyle('height', calc(this.getTileSize(baseTileHeight, tile.rowspan)));\n  }\n}\n\n\n/** Wraps a CSS string in a calc function */\nfunction calc(exp: string): string { return `calc(${exp})`; }\n\n\n/** Appends pixels to a CSS string if no units are given. */\nfunction normalizeUnits(value: string): string {\n  return (value.match(/px|em|rem/)) ? value : value + 'px';\n}\n\n"]}

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

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"TileStyler":{"__symbolic":"class","members":{"init":[{"__symbolic":"method"}],"getBaseTileSize":[{"__symbolic":"method"}],"getTilePosition":[{"__symbolic":"method"}],"getTileSize":[{"__symbolic":"method"}],"setStyle":[{"__symbolic":"method"}],"setColStyles":[{"__symbolic":"method"}],"getGutterSpan":[{"__symbolic":"method"}],"getTileSpan":[{"__symbolic":"method"}],"setRowStyles":[{"__symbolic":"method"}],"getComputedHeight":[{"__symbolic":"method"}]}},"FixedTileStyler":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"TileStyler"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}],"init":[{"__symbolic":"method"}],"setRowStyles":[{"__symbolic":"method"}],"getComputedHeight":[{"__symbolic":"method"}]}},"RatioTileStyler":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"TileStyler"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}],"setRowStyles":[{"__symbolic":"method"}],"getComputedHeight":[{"__symbolic":"method"}],"_parseRatio":[{"__symbolic":"method"}]}},"FitTileStyler":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"TileStyler"},"members":{"setRowStyles":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","metadata":{"TileStyler":{"__symbolic":"class","members":{"init":[{"__symbolic":"method"}],"getBaseTileSize":[{"__symbolic":"method"}],"getTilePosition":[{"__symbolic":"method"}],"getTileSize":[{"__symbolic":"method"}],"setStyle":[{"__symbolic":"method"}],"setColStyles":[{"__symbolic":"method"}],"getGutterSpan":[{"__symbolic":"method"}],"getTileSpan":[{"__symbolic":"method"}],"setRowStyles":[{"__symbolic":"method"}],"getComputedHeight":[{"__symbolic":"method"}]}},"FixedTileStyler":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"TileStyler"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}],"init":[{"__symbolic":"method"}],"setRowStyles":[{"__symbolic":"method"}],"getComputedHeight":[{"__symbolic":"method"}]}},"RatioTileStyler":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"TileStyler"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}],"setRowStyles":[{"__symbolic":"method"}],"getComputedHeight":[{"__symbolic":"method"}],"_parseRatio":[{"__symbolic":"method"}]}},"FitTileStyler":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"TileStyler"},"members":{"setRowStyles":[{"__symbolic":"method"}]}}},"version":1}]

package/icon/OVERVIEW.md

@@ -1,88 +0,0 @@
-`md-icon` makes it easier to use _vector-based_ icons in your app.  This directive supports both
-icon fonts and SVG icons, but not bitmap-based formats (png, jpg, etc.).
-
-<!-- example(icon-overview) -->
-
-### Registering icons
-
-`MdIconRegistry` is an injectable service that allows you to associate icon names with SVG URLs and
-define aliases for CSS font classes. Its methods are discussed below and listed in the API summary.
-
-### Font icons with ligatures
-
-Some fonts are designed to show icons by using
-[ligatures](https://en.wikipedia.org/wiki/Typographic_ligature), for example by rendering the text
-"home" as a home image. To use a ligature icon, put its text in the content of the `md-icon`
-component.
-
-By default the
-[Material icons font](http://google.github.io/material-design-icons/#icon-font-for-the-web) is used.
-(You will still need to include the HTML to load the font and its CSS, as described in the link).
-You can specify a different font by setting the `fontSet` input to either the CSS class to apply to
-use the desired font, or to an alias previously registered with
-`MdIconRegistry.registerFontClassAlias`.
-
-### Font icons with CSS
-
-Fonts can also display icons by defining a CSS class for each icon glyph, which typically uses a
-`:before` selector to cause the icon to appear.
-[FontAwesome](https://fortawesome.github.io/Font-Awesome/examples/) uses this approach to display
-its icons. To use such a font, set the `fontSet` input to the font's CSS class (either the class
-itself or an alias registered with `MdIconRegistry.registerFontClassAlias`), and set the `fontIcon`
-input to the class for the specific icon to show.
-
-For both types of font icons, you can specify the default font class to use when `fontSet` is not
-explicitly set by calling `MdIconRegistry.setDefaultFontSetClass`.
-
-### SVG icons
-
-When an `md-icon` component displays an SVG icon, it does so by directly inlining the SVG content
-into the page as a child of the component. (Rather than using an <img> tag or a div background
-image). This makes it easier to apply CSS styles to SVG icons. For example, the default color of the
-SVG content is the CSS 
-[currentColor](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#currentColor_keyword) 
-value. This makes SVG icons by default have the same color as surrounding text, and allows you to 
-change the color by setting the "color" style on the `md-icon` element.
-
-In order to prevent XSS vulnerabilities, any SVG URLs passed to the `MdIconRegistry` must be 
-marked as trusted resource URLs by using Angular's `DomSanitizer` service.
-
-Also note that all SVG icons are fetched via XmlHttpRequest, and due to the same-origin policy, 
-their URLs must be on the same domain as the containing page, or their servers must be configured 
-to allow cross-domain access.
-
-#### Named icons
-
-To associate a name with an icon URL, use the `addSvgIcon` or `addSvgIconInNamespace` methods of
-`MdIconRegistry`. After registering an icon, it can be displayed by setting the `svgIcon` input.
-For an icon in the default namespace, use the name directly. For a non-default namespace, use the
-format `[namespace]:[name]`.
-
-#### Icon sets
-
-Icon sets allow grouping multiple icons into a single SVG file. This is done by creating a single
-root `<svg>` tag that contains multiple nested `<svg>` tags in its `<defs>` section. Each of these
-nested tags is identified with an `id` attribute. This `id` is used as the name of the icon.
-
-Icon sets are registered using the `addSvgIconSet` or `addSvgIconSetInNamespace` methods of
-`MdIconRegistry`. After an icon set is registered, each of its embedded icons can be accessed by
-their `id` attributes. To display an icon from an icon set, use the `svgIcon` input in the same way
-as for individually registered icons.
-
-Multiple icon sets can be registered in the same namespace. Requesting an icon whose id appears in
-more than one icon set, the icon from the most recently registered set will be used.
-
-### Theming
-
-By default, icons will use the current font color (`currentColor`). this color can be changed to 
-match the current theme's colors using the `color` attribute. This can be changed to 
-`'primary'`, `'accent'`, or `'warn'`.
-
-### Accessibility
-
-If an `aria-label` attribute is set on the `md-icon` element, its value will be used as-is. If not,
-the md-icon component will attempt to set the aria-label value from one of these sources:
-* The `alt` attribute
-* The `fontIcon` input
-* The name of the icon from the `svgIcon` input (not including any namespace)
-* The text content of the component (for ligature icons)