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

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

@@ -1,88 +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.
- * TODO: internal
- */
-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.
-     */
-    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;
-    /** Gets the style properties to be applied to a tile for the given row and column index. */
-    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. */
-    getTileSpan(tileHeight: string): string;
-    /**
-     * Sets the vertical placement of the tile in the list.
-     * This method will be implemented by each type of TileStyler.
-     */
-    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.
-     */
-    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">
- * TODO: internal
- */
-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">
- * TODO: internal
- */
-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);
-}
-export declare class FitTileStyler extends TileStyler {
-    setRowStyles(tile: MdGridTile, rowIndex: number, percentWidth: number, gutterWidth: number): void;
-}

package/grid-list/tile-styler.js

@@ -1,190 +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.
- * TODO: internal
- */
-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.
-     */
-    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 + ")";
-    };
-    /** Gets the style properties to be applied to a tile for the given row and column index. */
-    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. */
-    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.
-     */
-    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.
-     */
-    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">
- * TODO: internal
- */
-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">
- * TODO: internal
- */
-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"> */
-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":"grid-list/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 * TODO: internal\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  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  /** Gets the style properties to be applied to a tile for the given row and column index. */\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  /** Calculates the total size taken up by gutters across one axis of a list. */\n  getGutterSpan(): string {\n    return `${this._gutterSize} * (${this._rowspan} - 1)`;\n  }\n\n  /** Calculates the total size taken up by tiles across one axis of a list. */\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   */\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   */\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 * TODO: internal\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 * TODO: internal\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/*  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\"> */\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"],"sourceRoot":"/source/"}

package/icon/README.md

@@ -1,116 +0,0 @@
-# md-icon
-
-`md-icon` is a component that displays an icon, which can be a font glyph or an SVG image.
-
-## MdIconRegistry
-
-`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
-
-### 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, for example:
-```html
-<md-icon>home</md-icon>
-```
-
-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`, for example:
-```javascript
-mdIconRegistry.registerFontClassAlias('myfont', 'my-icon-font-class');
-```
-
-```html
-<md-icon fontSet="myfont">help</md-icon>
-```
-
-### Font icons via 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. Example:
-
-```html
-<md-icon fontSet="fa" fontIcon="fa-square"></md-icon>
-```
-
-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](http://www.quirksmode.org/css/color/currentcolor.html) 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.
-
-### Icons from URLs
-
-SVG icons can be used either by directly specifying the icon's URL, or by associating an icon name with a URL and then referring to the name. To use a URL directly, set the `svgSrc` input:
-```html
-<md-icon svgSrc="/assets/sun.svg"></md-icon>
-```
-
-### 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]`. Examples:
-```javascript
-mdIconRegistry.addSvgIcon('moon', '/assets/moon.svg');
-mdIconRegistry.addSvgIconInNamespace('animals', 'cat', '/assets/cat.svg');
-```
-
-```html
-<md-icon svgIcon="moon"></md-icon>
-<md-icon svgIcon="animals:cat"></md-icon>
-```
-
-### Icon sets
-
-Icon sets allow grouping multiple icons into a single SVG file. The content of an icon set file looks like this, where each nested `<svg>` tag defines an individual icon, and is identified with a unique "id" attribute.
-```
-<svg>
-  <defs>
-    <svg id="mercury">...</svg>
-    <svg id="venus">...</svg>
-    <svg id="earth">...</svg>
-    <svg id="mars">...</svg>
-  </defs>
-</svg>
-```
-
-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. Example:
-```javascript
-mdIconRegistry.addSvgIconSetInNamespace('planets', '/assets/planets.svg');
-```
-
-```html
-<md-icon svgIcon="planets:venus"></md-icon>
-```
-
-Multiple icon sets can be registered in the same namespace. If you request an icon whose id appears in more than one icon set, the icon from the most recently registered set will be used.
-
-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.
-
-### Accessibility
-
-If you set an "aria-label" attribute on the md-icon element, its value will be used as-is. If you do 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)
-
-### API Summary
-
-md-icon Properties:
-
-| Name         | Type     | Description |
-| ---          | ---      | --- |
-| `svgSrc`     | string   | The URL of the SVG icon to display |
-| `svgIcon`    | string   | The name (and possibly namespace) of an icon previously registered with `MdIconRegistry.addSvgIcon` or `MdIconRegistry.addSvgIconInNamespace` |
-| `fontSet`    | string   | The font to use to display an icon glyph. The value can be either a CSS class name, or an alias previously defined with `MdIconRegistry.registerFontClassAlias` |
-| `fontIcon`   | string   | The CSS class that identifies the specific icon to use from an icon font |
-
-MdIconRegistry methods (all methods return `this` for chaining):
-
-| Signature   | Description |
-| ---         | --- |
-| addSvgIcon(name: string, url: string): MdIconProvider | Associates an icon name with a URL in the default namespace. When an `md-icon` component has its `svgIcon` input set to this name, the icon will be loaded from this URL. |
-| addSvgIconInNamespace(namespace: string, iconName: string, url: string): MdIconProvider | Associates an icon name with a URL in the specified namespace. |
-| addSvgIconSet(url: string): MdIconProvider | Makes the icons contained in the icon set from a URL available in the default namespace. |
-| addSvgIconSetInNamespace(namespace: string, url: string): MdIconProvider | Makes the icons contained in the icon set from a URL available in the specified namespace. |
-| registerFontClassAlias(alias: string, className: string): MdIconProvider | Associates a font alias with a CSS class. When an `md-icon` component has its `fontSet` input set to the alias, the CSS class will be added to the component's element. It is assumed that the user has defined a corresponding CSS rule to set the desired font. |
-| setDefaultFontSetClass(className: string): MdIconProvider | Sets the default CSS class to apply to font icons when mdFontSet is not set. |

package/icon/_icon-theme.scss

@@ -1,6 +0,0 @@
-@import '../core/theming/palette';
-@import '../core/theming/theming';
-
-
-// Include this empty mixin for consistency with the other components.
-@mixin md-icon-theme($theme) { }

package/icon/fake-svgs.d.ts

@@ -1,5 +0,0 @@
-import { Response } from '@angular/http';
-/**
- * Returns an HTTP response for a fake SVG URL.
- */
-export declare function getFakeSvgHttpResponse(url: string): Response;

package/icon/fake-svgs.js

@@ -1,29 +0,0 @@
-import { Response, ResponseOptions } from '@angular/http';
-/**
- * Fake URLs and associated SVG documents used by tests.
- */
-var FAKE_SVGS = (function () {
-    var svgs = new Map();
-    svgs.set('cat.svg', '<svg><path id="meow"></path></svg>');
-    svgs.set('dog.svg', '<svg><path id="woof"></path></svg>');
-    svgs.set('farm-set-1.svg', "\n      <svg>\n        <defs>\n          <g id=\"pig\"><path id=\"oink\"></path></g>\n          <g id=\"cow\"><path id=\"moo\"></path></g>\n        </defs>\n      </svg>\n  ");
-    svgs.set('farm-set-2.svg', "\n      <svg>\n        <defs>\n          <g id=\"cow\"><path id=\"moo moo\"></path></g>\n          <g id=\"sheep\"><path id=\"baa\"></path></g>\n        </defs>\n      </svg>\n  ");
-    svgs.set('arrow-set.svg', "\n      <svg>\n        <defs>\n          <svg id=\"left-arrow\"><path id=\"left\"></path></svg>\n          <svg id=\"right-arrow\"><path id=\"right\"></path></svg>\n        </defs>\n      </svg>\n  ");
-    return svgs;
-})();
-/**
- * Returns an HTTP response for a fake SVG URL.
- */
-export function getFakeSvgHttpResponse(url) {
-    if (FAKE_SVGS.has(url)) {
-        return new Response(new ResponseOptions({
-            status: 200,
-            body: FAKE_SVGS.get(url),
-        }));
-    }
-    else {
-        return new Response(new ResponseOptions({ status: 404 }));
-    }
-}
-
-//# sourceMappingURL=fake-svgs.js.map

package/icon/fake-svgs.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["icon/fake-svgs.ts"],"names":[],"mappings":"OAAO,EACL,QAAQ,EACR,eAAe,EAAC,MAAM,eAAe;AAEvC;;GAEG;AACH,IAAM,SAAS,GAAG,CAAC;IACjB,IAAM,IAAI,GAAG,IAAI,GAAG,EAAkB,CAAC;IACvC,IAAI,CAAC,GAAG,CAAC,SAAS,EACd,oCAAoC,CAAC,CAAC;IAE1C,IAAI,CAAC,GAAG,CAAC,SAAS,EACd,oCAAoC,CAAC,CAAC;IAE1C,IAAI,CAAC,GAAG,CAAC,gBAAgB,EAAE,+KAO1B,CAAC,CAAC;IAEH,IAAI,CAAC,GAAG,CAAC,gBAAgB,EAAE,oLAO1B,CAAC,CAAC;IAEH,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,wMAOzB,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC;AACd,CAAC,CAAC,EAAE,CAAC;AAEL;;GAEG;AACH,uCAAuC,GAAW;IAChD,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACvB,MAAM,CAAC,IAAI,QAAQ,CAAC,IAAI,eAAe,CAAC;YACtC,MAAM,EAAE,GAAG;YACX,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC;SACzB,CAAC,CAAC,CAAC;IACN,CAAC;IAAC,IAAI,CAAC,CAAC;QACN,MAAM,CAAC,IAAI,QAAQ,CAAC,IAAI,eAAe,CAAC,EAAC,MAAM,EAAE,GAAG,EAAC,CAAC,CAAC,CAAC;IAC1D,CAAC;AACH,CAAC","file":"icon/fake-svgs.js","sourcesContent":["import {\n  Response,\n  ResponseOptions} from '@angular/http';\n\n/**\n * Fake URLs and associated SVG documents used by tests.\n */\nconst FAKE_SVGS = (() => {\n  const svgs = new Map<string, string>();\n  svgs.set('cat.svg',\n      '<svg><path id=\"meow\"></path></svg>');\n\n  svgs.set('dog.svg',\n      '<svg><path id=\"woof\"></path></svg>');\n\n  svgs.set('farm-set-1.svg', `\n      <svg>\n        <defs>\n          <g id=\"pig\"><path id=\"oink\"></path></g>\n          <g id=\"cow\"><path id=\"moo\"></path></g>\n        </defs>\n      </svg>\n  `);\n\n  svgs.set('farm-set-2.svg', `\n      <svg>\n        <defs>\n          <g id=\"cow\"><path id=\"moo moo\"></path></g>\n          <g id=\"sheep\"><path id=\"baa\"></path></g>\n        </defs>\n      </svg>\n  `);\n\n  svgs.set('arrow-set.svg', `\n      <svg>\n        <defs>\n          <svg id=\"left-arrow\"><path id=\"left\"></path></svg>\n          <svg id=\"right-arrow\"><path id=\"right\"></path></svg>\n        </defs>\n      </svg>\n  `);\n\n  return svgs;\n})();\n\n/**\n * Returns an HTTP response for a fake SVG URL.\n */\nexport function getFakeSvgHttpResponse(url: string) {\n  if (FAKE_SVGS.has(url)) {\n    return new Response(new ResponseOptions({\n      status: 200,\n      body: FAKE_SVGS.get(url),\n    }));\n  } else {\n    return new Response(new ResponseOptions({status: 404}));\n  }\n}\n"],"sourceRoot":"/source/"}

package/icon/icon-registry.d.ts

@@ -1,148 +0,0 @@
-import { Http } from '@angular/http';
-import { MdError } from '../core';
-import { Observable } from 'rxjs/Observable';
-import 'rxjs/add/observable/forkJoin';
-import 'rxjs/add/observable/of';
-import 'rxjs/add/operator/map';
-import 'rxjs/add/operator/filter';
-import 'rxjs/add/operator/do';
-import 'rxjs/add/operator/share';
-import 'rxjs/add/operator/finally';
-import 'rxjs/add/operator/catch';
-/** Exception thrown when attempting to load an icon with a name that cannot be found. */
-export declare class MdIconNameNotFoundError extends MdError {
-    constructor(iconName: string);
-}
-/**
- * Exception thrown when attempting to load SVG content that does not contain the expected
- * <svg> tag.
- */
-export declare class MdIconSvgTagNotFoundError extends MdError {
-    constructor();
-}
-/**
- * Service to register and display icons used by the <md-icon> component.
- * - Registers icon URLs by namespace and name.
- * - Registers icon set URLs by namespace.
- * - Registers aliases for CSS classes, for use with icon fonts.
- * - Loads icons from URLs and extracts individual icons from icon sets.
- */
-export declare class MdIconRegistry {
-    private _http;
-    /**
-     * URLs and cached SVG elements for individual icons. Keys are of the format "[namespace]:[icon]".
-     */
-    private _svgIconConfigs;
-    /**
-     * SvgIconConfig objects and cached SVG elements for icon sets, keyed by namespace.
-     * Multiple icon sets can be registered under the same namespace.
-     */
-    private _iconSetConfigs;
-    /** Cache for icons loaded by direct URLs. */
-    private _cachedIconsByUrl;
-    /** In-progress icon fetches. Used to coalesce multiple requests to the same URL. */
-    private _inProgressUrlFetches;
-    /** Map from font identifiers to their CSS class names. Used for icon fonts. */
-    private _fontCssClassesByAlias;
-    /**
-     * The CSS class to apply when an <md-icon> component has no icon name, url, or font specified.
-     * The default 'material-icons' value assumes that the material icon font has been loaded as
-     * described at http://google.github.io/material-design-icons/#icon-font-for-the-web
-     */
-    private _defaultFontSetClass;
-    constructor(_http: Http);
-    /** Registers an icon by URL in the default namespace. */
-    addSvgIcon(iconName: string, url: string): this;
-    /** Registers an icon by URL in the specified namespace. */
-    addSvgIconInNamespace(namespace: string, iconName: string, url: string): this;
-    /** Registers an icon set by URL in the default namespace. */
-    addSvgIconSet(url: string): this;
-    /** Registers an icon set by URL in the specified namespace. */
-    addSvgIconSetInNamespace(namespace: string, url: string): this;
-    /**
-     * Defines an alias for a CSS class name to be used for icon fonts. Creating an mdIcon
-     * component with the alias as the fontSet input will cause the class name to be applied
-     * to the <md-icon> element.
-     */
-    registerFontClassAlias(alias: string, className?: string): this;
-    /**
-     * Returns the CSS class name associated with the alias by a previous call to
-     * registerFontClassAlias. If no CSS class has been associated, returns the alias unmodified.
-     */
-    classNameForFontAlias(alias: string): string;
-    /**
-     * Sets the CSS class name to be used for icon fonts when an <md-icon> component does not
-     * have a fontSet input value, and is not loading an icon by name or URL.
-     */
-    setDefaultFontSetClass(className: string): this;
-    /**
-     * Returns the CSS class name to be used for icon fonts when an <md-icon> component does not
-     * have a fontSet input value, and is not loading an icon by name or URL.
-     */
-    getDefaultFontSetClass(): string;
-    /**
-     * Returns an Observable that produces the icon (as an <svg> DOM element) from the given URL.
-     * The response from the URL may be cached so this will not always cause an HTTP request, but
-     * the produced element will always be a new copy of the originally fetched icon. (That is,
-     * it will not contain any modifications made to elements previously returned).
-     */
-    getSvgIconFromUrl(url: string): Observable<SVGElement>;
-    /**
-     * Returns an Observable that produces the icon (as an <svg> DOM element) with the given name
-     * and namespace. The icon must have been previously registered with addIcon or addIconSet;
-     * if not, the Observable will throw an MdIconNameNotFoundError.
-     */
-    getNamedSvgIcon(name: string, namespace?: string): Observable<SVGElement>;
-    /**
-     * Returns the cached icon for a SvgIconConfig if available, or fetches it from its URL if not.
-     */
-    private _getSvgFromConfig(config);
-    /**
-     * Attempts to find an icon with the specified name in any of the SVG icon sets.
-     * First searches the available cached icons for a nested element with a matching name, and
-     * if found copies the element to a new <svg> element. If not found, fetches all icon sets
-     * that have not been cached, and searches again after all fetches are completed.
-     * The returned Observable produces the SVG element if possible, and throws
-     * MdIconNameNotFoundError if no icon with the specified name can be found.
-     */
-    private _getSvgFromIconSetConfigs(name, iconSetConfigs);
-    /**
-     * Searches the cached SVG elements for the given icon sets for a nested icon element whose "id"
-     * tag matches the specified name. If found, copies the nested element to a new SVG element and
-     * returns it. Returns null if no matching element is found.
-     */
-    private _extractIconWithNameFromAnySet(iconName, iconSetConfigs);
-    /**
-     * Loads the content of the icon URL specified in the SvgIconConfig and creates an SVG element
-     * from it.
-     */
-    private _loadSvgIconFromConfig(config);
-    /**
-     * Loads the content of the icon set URL specified in the SvgIconConfig and creates an SVG element
-     * from it.
-     */
-    private _loadSvgIconSetFromConfig(config);
-    /**
-     * Creates a DOM element from the given SVG string, and adds default attributes.
-     */
-    private _createSvgElementForSingleIcon(responseText, config);
-    /**
-     * Searches the cached element of the given SvgIconConfig for a nested icon element whose "id"
-     * tag matches the specified name. If found, copies the nested element to a new SVG element and
-     * returns it. Returns null if no matching element is found.
-     */
-    private _extractSvgIconFromSet(iconSet, iconName, config);
-    /**
-     * Creates a DOM element from the given SVG string.
-     */
-    private _svgElementFromString(str);
-    /**
-     * Sets the default attributes for an SVG element to be used as an icon.
-     */
-    private _setSvgAttributes(svg, config);
-    /**
-     * Returns an Observable which produces the string contents of the given URL. Results may be
-     * cached, so future calls with the same URL may not cause another HTTP request.
-     */
-    private _fetchUrl(url);
-}